@next-bricks/diagram 0.52.0 → 0.52.1

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 (18) hide show
  1. package/dist/bricks.json +1 -1
  2. package/dist/chunks/{9711.81c3ad46.js → 9711.6f2b69ea.js} +2 -2
  3. package/dist/chunks/9711.6f2b69ea.js.map +1 -0
  4. package/dist/chunks/eo-draw-canvas.d4513b8b.js +2 -0
  5. package/dist/chunks/eo-draw-canvas.d4513b8b.js.map +1 -0
  6. package/dist/chunks/{main.71dcefc7.js → main.6cc9a2d1.js} +2 -2
  7. package/dist/chunks/{main.71dcefc7.js.map → main.6cc9a2d1.js.map} +1 -1
  8. package/dist/examples.json +3 -3
  9. package/dist/index.a2247bcb.js +2 -0
  10. package/dist/{index.5c6f11b8.js.map → index.a2247bcb.js.map} +1 -1
  11. package/dist/manifest.json +83 -79
  12. package/dist/types.json +5 -0
  13. package/dist-types/draw-canvas/index.d.ts +2 -0
  14. package/package.json +2 -2
  15. package/dist/chunks/9711.81c3ad46.js.map +0 -1
  16. package/dist/chunks/eo-draw-canvas.b0da9357.js +0 -2
  17. package/dist/chunks/eo-draw-canvas.b0da9357.js.map +0 -1
  18. package/dist/index.5c6f11b8.js +0 -2
package/dist/bricks.json CHANGED
@@ -16,5 +16,5 @@
16
16
  "basic.lock-body-scroll"
17
17
  ]
18
18
  },
19
- "filePath": "bricks/diagram/dist/index.5c6f11b8.js"
19
+ "filePath": "bricks/diagram/dist/index.a2247bcb.js"
20
20
  }
package/dist/chunks/{9711.81c3ad46.js → 9711.6f2b69ea.js} RENAMED
@@ -1,2 +1,2 @@
1
- "use strict";(globalThis.webpackChunk_next_bricks_diagram=globalThis.webpackChunk_next_bricks_diagram||[]).push([[9711,8939],{9711:(e,t,a)=>{var s,n=a(4635),i=a(918),l=a(6902),o=a(5536),r=a(6121),d=a(829),h=a(2740),c=a(8769),u=a.n(c),g=a(300),A=a(4295),p=(a(6477),a(7566)),v=a(9047),m=a(3373),y=a.n(m),k=a(1030),f=a(9126),b=a(8892),w=a(5157),C=a(8308),M=a(1518),E=a(9137),W=a(2547),x=a(1803),N=a(3739),T=a(9191),R=a(6671),S=a(8060),L=a(2448),z=a(8657),B=a(8069),D=a(1324),O=a(821),$=a(6753),P=a(2673),H=a(5987);let F,K,I,U,V,Y,X,Z,_,j,q,G,J,Q,ee,te,ae,se,ne,ie,le,oe,re,de,he,ce,ue,ge,Ae,pe,ve,me,ye,ke,fe,be,we,Ce,Me,Ee,We,xe,Ne,Te,Re,Se,Le,ze,Be,De,Oe,$e,Pe,He;const{defineElement:Fe,property:Ke,event:Ie,method:Ue}=(0,g.createDecorators)(),Ve=(0,c.forwardRef)(wt);let Ye;var Xe=new WeakMap,Ze=new WeakMap,_e=new WeakMap,je=new WeakMap,qe=new WeakMap,Ge=new WeakMap,Je=new WeakMap,Qe=new WeakMap,et=new WeakMap,tt=new WeakMap,at=new WeakMap,st=new WeakMap,nt=new WeakMap,it=new WeakMap,lt=new WeakMap,ot=new WeakSet,rt=new WeakMap,dt=new WeakMap,ht=new WeakMap,ct=new WeakMap,ut=new WeakMap,gt=new WeakMap,At=new WeakMap,pt=new WeakMap,vt=new WeakMap,mt=new WeakMap,yt=new WeakMap,kt=new WeakMap,ft=new WeakMap;class bt extends A.ReactNextElement{constructor(){super(...arguments),(0,n.A)(this,ot),(0,i.A)(this,Xe,(F(this),I(this))),(0,i.A)(this,Ze,(U(this),V(this))),(0,i.A)(this,_e,(Y(this),X(this))),(0,i.A)(this,je,(Z(this),_(this))),(0,i.A)(this,qe,(j(this),q(this))),(0,i.A)(this,Ge,(G(this),J(this))),(0,i.A)(this,Je,(Q(this),ee(this))),(0,i.A)(this,Qe,(te(this),ae(this))),(0,i.A)(this,et,(se(this),ne(this))),(0,i.A)(this,tt,(ie(this),le(this))),(0,i.A)(this,at,(oe(this),re(this,!0))),(0,i.A)(this,st,(de(this),he(this,!0))),(0,i.A)(this,nt,(ce(this),ue(this,!0))),(0,i.A)(this,it,(ge(this),Ae(this))),(0,i.A)(this,lt,(pe(this),ve(this))),(0,i.A)(this,rt,(ke(this),e=>{(0,o.A)(ot,this,me).emit(e)})),(0,i.A)(this,dt,fe(this)),(0,i.A)(this,ht,(Ce(this),e=>{(0,o.A)(ot,this,be).emit(e)})),(0,i.A)(this,ct,Me(this)),(0,i.A)(this,ut,(xe(this),e=>{(0,o.A)(ot,this,Ee).emit(e)})),(0,i.A)(this,gt,Ne(this)),(0,i.A)(this,At,(Se(this),e=>{(0,o.A)(ot,this,Te).emit(e)})),(0,i.A)(this,pt,Le(this)),(0,i.A)(this,vt,(De(this),e=>{(0,o.A)(ot,this,ze).emit(e)})),(0,i.A)(this,mt,Oe(this)),(0,i.A)(this,yt,(He(this),e=>{(0,o.A)(ot,this,$e).emit(e)})),(0,i.A)(this,kt,(e=>{(0,P.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,i.A)(this,ft,(0,c.createRef)())}get layout(){return(0,d.A)(Xe,this)}set layout(e){(0,r.A)(Xe,this,e)}get nodes(){return(0,d.A)(Ze,this)}set nodes(e){(0,r.A)(Ze,this,e)}get edges(){return(0,d.A)(_e,this)}set edges(e){(0,r.A)(_e,this,e)}get nodeBricks(){return(0,d.A)(je,this)}set nodeBricks(e){(0,r.A)(je,this,e)}get lines(){return(0,d.A)(qe,this)}set lines(e){(0,r.A)(qe,this,e)}get layoutOptions(){return(0,d.A)(Ge,this)}set layoutOptions(e){(0,r.A)(Ge,this,e)}get activeTarget(){return(0,d.A)(Je,this)}set activeTarget(e){(0,r.A)(Je,this,e)}get disableKeyboardAction(){return(0,d.A)(Qe,this)}set disableKeyboardAction(e){(0,r.A)(Qe,this,e)}get connectNodes(){return(0,d.A)(et,this)}set connectNodes(e){(0,r.A)(et,this,e)}get dragNodes(){return(0,d.A)(tt,this)}set dragNodes(e){(0,r.A)(tt,this,e)}get zoomable(){return(0,d.A)(at,this)}set zoomable(e){(0,r.A)(at,this,e)}get scrollable(){return(0,d.A)(st,this)}set scrollable(e){(0,r.A)(st,this,e)}get pannable(){return(0,d.A)(nt,this)}set pannable(e){(0,r.A)(nt,this,e)}get scaleRange(){return(0,d.A)(it,this)}set scaleRange(e){(0,r.A)(it,this,e)}callOnLineLabel(e,t){for(var a,s=arguments.length,n=new Array(s>2?s-2:0),i=2;i<s;i++)n[i-2]=arguments[i];null===(a=(0,d.A)(ft,this).current)||void 0===a||a.callOnLineLabel(e,t,...n)}render(){return u().createElement(Ve,{ref:(0,d.A)(ft,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,d.A)(rt,this),onSwitchActiveTarget:(0,d.A)(kt,this),onNodeDelete:(0,d.A)(ht,this),onEdgeDelete:(0,d.A)(ut,this),onLineClick:(0,d.A)(At,this),onLineDoubleClick:(0,d.A)(vt,this),onNodesConnect:(0,d.A)(yt,this)})}}function wt(e,t){let{layout:a,nodes:s,edges:n,nodeBricks:i,lines:l,layoutOptions:o,connectNodes:r,dragNodes:d,activeTarget:h,disableKeyboardAction:g,zoomable:A,scrollable:m,pannable:O,scaleRange:F,onActiveTargetChange:K,onSwitchActiveTarget:I,onNodeDelete:U,onEdgeDelete:V,onLineClick:Y,onLineDoubleClick:X,onNodesConnect:Z}=e;const[_,j]=(0,c.useState)(!1),[q,G]=(0,c.useState)(0),[J,Q]=(0,c.useState)(null),[ee,te]=(0,c.useState)(!1),[ae,se]=(0,c.useState)(0),[ne,ie]=(0,c.useState)(null),[le,oe]=(0,c.useState)([]),[re,de]=(0,c.useState)(!1),[he,ce]=(0,c.useState)({k:1,x:0,y:0}),ue=(0,c.useRef)(new Map),ge=(0,c.useRef)(null),Ae=(0,c.useRef)(null),[pe,ve]=(0,c.useState)(!1),{userViewReady:me,userViewNodesMap:ye,saveUserView:ke}=(0,$._)(null==d?void 0:d.save),[fe,be]=(0,c.useState)([0,0]),[we,Ce]=(0,c.useState)(null),[Me,Ee]=(0,c.useState)("initial"),[We,xe]=(0,c.useState)(null);(0,c.useImperativeHandle)(t,(()=>({callOnLineLabel(e,t){for(var a,s=arguments.length,n=new Array(s>2?s-2:0),i=2;i<s;i++)n[i-2]=arguments[i];null==ne||null===(a=ne.get(e))||void 0===a||null===(a=a.firstElementChild)||void 0===a||a[t](...n)}}))),(0,c.useEffect)((()=>{const e=e=>{(0,L.P)(e,{nodes:s,nodesRefRepository:J,connectNodes:r,dragNodes:d,scale:he.k,setConnectLineState:Ce,setConnectLineTo:be,setManualLayoutStatus:Ee,setNodeMovement:xe,onSwitchActiveTarget:I,onNodesConnect:Z})},t=Ae.current;return null==t||t.addEventListener("mousedown",e),()=>{null==t||t.removeEventListener("mousedown",e)}}),[s,r,d,he.k,J,Z,I]);const{normalizedLines:Ne,normalizedLinesMap:Te,markers:Re}=(0,c.useMemo)((()=>(0,E.t)(n,l)),[n,l]),Se=(0,c.useMemo)((()=>Ne.flatMap((e=>{let t,a,{line:{text:s,label:n,$id:i},edge:l}=e;return s||n?(n?(t="label",a=[].concat(n)):(t="text",a=[].concat(s)),a.map((e=>{var a;return{[t]:e,id:`${i}-${null!==(a=e.placement)&&void 0!==a?a:"center"}`,edge:l}}))):[]}))),[Ne]),{nodes:Le,edges:ze}=(0,B.o)({layout:a,nodes:s,edges:n,manualLayoutStatus:Me,userViewReady:me,userViewNodesMap:ye,nodeMovement:We,nodesRefRepository:J,lineLabelsRefRepository:ne,normalizedLinesMap:Te,layoutOptions:o,nodesRenderId:q,lineLabelsRenderId:ae});(0,c.useEffect)((()=>{"finished"===Me&&ke(Le.map((e=>({id:e.id,x:e.x,y:e.y}))))}),[Me]);const Be=(0,c.useMemo)((()=>(0,M.R)(ze,Le,Ne)),[Ne,Le,ze]),De=null!=h?h:null,[Oe,$e]=(0,c.useState)(De);(0,c.useEffect)((()=>{$e((e=>(0,P.c)(e,De)?e:De))}),[De]);const Pe=(0,c.useRef)(!1);(0,c.useEffect)((()=>{Pe.current?null==K||K(Oe):Pe.current=!0}),[Oe,K]),(0,c.useEffect)((()=>{const e=ge.current;if(!e||g)return;const t=e=>{const t=(0,w.a)(e,{renderedNodes:Le,activeTarget:Oe});"delete-node"===(null==t?void 0:t.action)?null==U||U(t.node):"delete-edge"===(null==t?void 0:t.action)?null==V||V(t.edge):"switch-active-node"===(null==t?void 0:t.action)&&t.node&&(null==I||I({type:"node",nodeId:t.node.id}))};return e.addEventListener("keydown",t),()=>{e.removeEventListener("keydown",t)}}),[Oe,Le,g,I,U,V]);const He=(0,c.useCallback)((e=>{e&&(G((e=>e+1)),Q(e)),j((t=>t||!!e))}),[]),Fe=(0,c.useCallback)((e=>{e&&(se((e=>e+1)),ie(e)),te((t=>t||!!e))}),[]),Ke=(0,c.useMemo)((()=>null!=F?F:[z.sS,z.Yt]),[F]),Ie=(0,c.useMemo)((()=>(0,v.s_)()),[]);(0,c.useEffect)((()=>{let e=!1;Ie.scaleExtent(A?Ke:[1,1]).on("start",(()=>{e=!1,de(!0)})).on("zoom",(t=>{e=!0,ce(t.transform)})).on("end",(()=>{de(!1),e||null==I||I(null)}))}),[I,Ke,A,Ie]),(0,c.useEffect)((()=>{const e=ge.current;if(!e)return;const t=(0,p.A)(e),a=()=>{t.on(".zoom",null).on(".zoom.custom",null).on("wheel",null)};if(A||m||O)return(A||m)&&t.on("wheel.zoom.custom",(e=>{e.ctrlKey||(e.stopImmediatePropagation(),m&&(e.preventDefault(),Ie.translateBy(t,e.wheelDeltaX/5,e.wheelDeltaY/5)))})),t.call(Ie).on("wheel",(e=>e.preventDefault())).on("dblclick.zoom",null),O||t.on("mousedown.zoom",null).on("touchstart.zoom",null).on("touchmove.zoom",null).on("touchend.zoom",null),a;a()}),[O,m,A,Ie]),(0,c.useEffect)((()=>{const e=ge.current;if(0===Le.length||!e||pe)return;const{k:t,x:a,y:s}=(0,C.r)(Le,{canvasWidth:e.clientWidth,canvasHeight:e.clientHeight,scaleRange:A?Ke:void 0});Ie.transform((0,p.A)(e),new v.uV(t,a,s)),ve(!0)}),[pe,Le,Ke,A,Ie]);const Ue=(0,c.useMemo)((()=>`${(0,k.uniqueId)("diagram-")}-`),[]),Ve=`${Ue}line-arrow-`,Ye=`${Ue}mask-`,Xe=`${Ue}active-line-`;(0,c.useEffect)((()=>{oe((e=>(0,S.z)(e,Be,ue.current)))}),[Be]);const[Ze,_e]=u().useState(new Map);return(0,c.useEffect)((()=>{if(!ne)return;(0,D.F)(le,ne);const e=new f.A((()=>{_e((0,H.G)(le,ne))}));for(const t of ne.values())e.observe(t);return()=>{e.disconnect()}}),[ae,ne,le]),"dagre"!==a&&"force"!==a?u().createElement("div",null,`Diagram layout not supported: "${a}"`):u().createElement("div",{className:y()("diagram",{ready:_&&pe,grabbing:re,pannable:O}),tabIndex:-1,ref:ge},u().createElement("svg",{width:"100%",height:"100%",className:"lines"},u().createElement("defs",null,Re.map(((e,t)=>{let{type:a,strokeColor:s}=e;return u().createElement(N.c,{key:t,id:`${Ve}${t}`,type:a,strokeColor:s})})),[...Ze].map((e=>{let[t,a]=e;return u().createElement(T.y,{key:t,lineId:t,rects:a,maskPrefix:Ye,renderedLineLabels:le})})),u().createElement("marker",{id:`${Xe}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:`${Xe}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(${he.x} ${he.y}) scale(${he.k})`},Be.map((e=>u().createElement(x.m,{key:e.line.$id,line:e,linePaths:ue.current,lineMaskRects:Ze,maskPrefix:Ye,markerPrefix:Ve,activeLineMarkerPrefix:Xe,active:"edge"===(null==Oe?void 0:Oe.type)&&Oe.edge.source===e.edge.source&&Oe.edge.target===e.edge.target,activeRelated:"node"===(null==Oe?void 0:Oe.type)&&(e.edge.source===Oe.nodeId||e.edge.target===Oe.nodeId),onLineClick:Y,onLineDoubleClick:X}))))),u().createElement("div",{className:y()("line-labels",{ready:ee}),style:{left:he.x,top:he.y,transform:`scale(${he.k})`}},u().createElement(W.d2,{labels:Se,onRendered:Fe})),u().createElement("div",{className:"nodes",ref:Ae,style:{left:he.x,top:he.y,transform:`scale(${he.k})`}},u().createElement(b.p,{nodes:s,nodeBricks:i,onRendered:He})),u().createElement(R.w,{connectLineState:we,connectLineTo:fe,markerPrefix:Ve}))}s=bt,({e:[I,U,V,Y,X,Z,_,j,q,G,J,Q,ee,te,ae,se,ne,ie,le,oe,re,de,he,ce,ue,ge,Ae,pe,ve,me,ye,ke,fe,be,we,Ce,Me,Ee,We,xe,Ne,Te,Re,Se,Le,ze,Be,De,Oe,$e,Pe,He,F],c:[Ye,K]}=(0,h.A)(s,[Fe("eo-diagram",{styleTexts:[O.A]})],[[Ke({type:String}),1,"layout"],[Ke({attribute:!1}),1,"nodes"],[Ke({attribute:!1}),1,"edges"],[Ke({attribute:!1}),1,"nodeBricks"],[Ke({attribute:!1}),1,"lines"],[Ke({attribute:!1}),1,"layoutOptions"],[Ke({attribute:!1}),1,"activeTarget"],[Ke({type:Boolean}),1,"disableKeyboardAction"],[Ke({attribute:!1}),1,"connectNodes"],[Ke({attribute:!1}),1,"dragNodes"],[Ke({type:Boolean}),1,"zoomable"],[Ke({type:Boolean}),1,"scrollable"],[Ke({type:Boolean}),1,"pannable"],[Ke({attribute:!1}),1,"scaleRange"],[Ie({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>(0,d.A)(lt,e),(e,t)=>(0,r.A)(lt,e,t)],[Ie({type:"node.delete"}),1,"nodeDelete",e=>(0,d.A)(dt,e),(e,t)=>(0,r.A)(dt,e,t)],[Ie({type:"edge.delete"}),1,"edgeDelete",e=>(0,d.A)(ct,e),(e,t)=>(0,r.A)(ct,e,t)],[Ie({type:"line.click"}),1,"lineClick",e=>(0,d.A)(gt,e),(e,t)=>(0,r.A)(gt,e,t)],[Ie({type:"line.dblclick"}),1,"lineDoubleClick",e=>(0,d.A)(pt,e),(e,t)=>(0,r.A)(pt,e,t)],[Ie({type:"nodes.connect"}),1,"connectNodes",e=>(0,d.A)(mt,e),(e,t)=>(0,r.A)(mt,e,t)],[Ue(),2,"callOnLineLabel"]],0,(e=>ft.has((0,l.A)(e))),A.ReactNextElement)),K();var Ct,Mt=a(3971);let Et,Wt,xt,Nt,Tt,Rt,St,Lt,zt,Bt,Dt,Ot,$t,Pt,Ht,Ft;const{defineElement:Kt,property:It,event:Ut,method:Vt}=(0,g.createDecorators)(),Yt=(0,c.forwardRef)(sa);let Xt;var Zt=new WeakMap,_t=new WeakMap,jt=new WeakMap,qt=new WeakMap,Gt=new WeakSet,Jt=new WeakMap,Qt=new WeakMap,ea=new WeakMap,ta=new WeakMap;class aa extends A.ReactNextElement{constructor(){super(...arguments),(0,n.A)(this,Gt),(0,i.A)(this,Zt,(Et(this),xt(this))),(0,i.A)(this,_t,(Nt(this),Tt(this))),(0,i.A)(this,jt,(Rt(this),St(this))),(0,i.A)(this,qt,(Lt(this),zt(this))),(0,i.A)(this,Jt,(Ot(this),e=>{(0,o.A)(Gt,this,Bt).emit(e)})),(0,i.A)(this,Qt,$t(this)),(0,i.A)(this,ea,(Ft(this),e=>{(0,o.A)(Gt,this,Pt).emit(e)})),(0,i.A)(this,ta,(0,c.createRef)())}get label(){return(0,d.A)(Zt,this)}set label(e){(0,r.A)(Zt,this,e)}get type(){return(0,d.A)(_t,this)}set type(e){(0,r.A)(_t,this,e)}get readOnly(){return(0,d.A)(jt,this)}set readOnly(e){(0,r.A)(jt,this,e)}enableEditing(){var e;null===(e=(0,d.A)(ta,this).current)||void 0===e||e.enableEditing()}render(){return u().createElement(Yt,{ref:(0,d.A)(ta,this),label:this.label,readOnly:this.readOnly,onLabelEditingChange:(0,d.A)(Jt,this),onLabelChange:(0,d.A)(ea,this)})}}function sa(e,t){let{label:a,readOnly:s,onLabelChange:n,onLabelEditingChange:i}=e;const l=null!=a?a:"",[o,r]=(0,c.useState)(l),[d,h]=(0,c.useState)(!1),g=(0,c.useRef)(!1),[A,p]=(0,c.useState)(!1),v=(0,c.useRef)(null);(0,c.useImperativeHandle)(t,(()=>({enableEditing(){s||h(!0)}}))),(0,c.useEffect)((()=>{r(l)}),[l]);const m=(0,c.useCallback)((e=>{s||(e.preventDefault(),e.stopPropagation(),h(!0))}),[s]);(0,c.useEffect)((()=>{var e,t;d&&(null===(e=v.current)||void 0===e||e.focus({preventScroll:!0}),null===(t=v.current)||void 0===t||t.select())}),[d]),(0,c.useEffect)((()=>{g.current?null==i||i(d):g.current=!0}),[d,i]);const k=(0,c.useCallback)((e=>{r(e.target.value)}),[]),f=(0,c.useCallback)((e=>{e.stopPropagation();const t=e.key||e.keyCode||e.which;var a;"Enter"!==t&&13!==t||null===(a=v.current)||void 0===a||a.blur()}),[]),b=(0,c.useCallback)((()=>{h(!1),p(!0)}),[]);(0,c.useEffect)((()=>{A&&(null==n||n(o),p(!1))}),[o,n,A]);const w=(0,c.useCallback)((e=>{e.stopPropagation()}),[]);return u().createElement("div",{className:y()("label",{editing:d,empty:!o}),onDoubleClick:w,onMouseDown:w},u().createElement("input",{className:"label-input",value:o,ref:v,onChange:k,onKeyDown:f,onBlur:b,onContextMenu:w}),u().createElement("div",{className:"label-text",onDoubleClick:m},o))}Ct=aa,({e:[xt,Nt,Tt,Rt,St,Lt,zt,Bt,Dt,Ot,$t,Pt,Ht,Ft,Et],c:[Xt,Wt]}=(0,h.A)(Ct,[Kt("diagram.editable-label",{styleTexts:[Mt.A]})],[[It(),1,"label"],[It({render:!1}),1,"type"],[It({type:Boolean}),1,"readOnly"],[Ut({type:"label.editing.change"}),1,"labelEditingChange",e=>(0,d.A)(qt,e),(e,t)=>(0,r.A)(qt,e,t)],[Ut({type:"label.change"}),1,"labelChange",e=>(0,d.A)(Qt,e),(e,t)=>(0,r.A)(Qt,e,t)],[Vt(),2,"enableEditing"]],0,(e=>ta.has((0,l.A)(e))),A.ReactNextElement)),Wt(),a(9068);var na,ia=a(497);let la,oa,ra,da,ha,ca,ua,ga,Aa,pa,va,ma,ya,ka,fa,ba,wa,Ca,Ma;const{defineElement:Ea,property:Wa,event:xa}=(0,g.createDecorators)();let Na;var Ta=new WeakMap,Ra=new WeakMap,Sa=new WeakMap,La=new WeakMap,za=new WeakSet,Ba=new WeakMap,Da=new WeakMap,Oa=new WeakMap,$a=new WeakMap,Pa=new WeakMap;class Ha extends A.ReactNextElement{constructor(){super(...arguments),(0,n.A)(this,za),(0,i.A)(this,Ta,oa(this)),(0,i.A)(this,Ra,(ra(this),da(this))),(0,i.A)(this,Sa,(ha(this),ca(this))),(0,i.A)(this,La,(ua(this),ga(this))),(0,i.A)(this,Ba,(va(this),e=>{(0,o.A)(za,this,Aa).emit(e)})),(0,i.A)(this,Da,ma(this)),(0,i.A)(this,Oa,(fa(this),e=>{(0,o.A)(za,this,ya).emit(e)})),(0,i.A)(this,$a,ba(this)),(0,i.A)(this,Pa,(Ma(this),e=>{(0,o.A)(za,this,wa).emit(e)}))}get usage(){return(0,d.A)(Ta,this)}set usage(e){(0,r.A)(Ta,this,e)}get status(){return(0,d.A)(Ra,this)}set status(e){(0,r.A)(Ra,this,e)}get decorator(){return(0,d.A)(Sa,this)}set decorator(e){(0,r.A)(Sa,this,e)}render(){return u().createElement(Fa,{usage:this.usage,onDragStart:(0,d.A)(Ba,this),onDragMove:(0,d.A)(Oa,this),onDragEnd:(0,d.A)(Pa,this)})}}function Fa(e){let{usage:t,onDragStart:a,onDragMove:s,onDragEnd:n}=e;const i=(0,c.useCallback)((e=>{if("library"!==t)return;e.stopPropagation(),e.preventDefault();const i=[e.clientX,e.clientY];let l=!1;const o=e=>{l||(l=(e.clientX-i[0])**2+(e.clientY-i[1])**2>=9,l&&(null==a||a([e.clientX,e.clientY]))),l&&(null==s||s([e.clientX,e.clientY]))},r=e=>{document.removeEventListener("mousemove",o),document.removeEventListener("mouseup",r),l&&(null==n||n([e.clientX,e.clientY]))};document.addEventListener("mousemove",o),document.addEventListener("mouseup",r)}),[n,s,a,t]);return u().createElement("div",{onMouseDown:i},u().createElement("slot",null))}na=Ha,({e:[oa,ra,da,ha,ca,ua,ga,Aa,pa,va,ma,ya,ka,fa,ba,wa,Ca,Ma],c:[Na,la]}=(0,h.A)(na,[Ea("diagram.experimental-node",{styleTexts:[ia.A]})],[[Wa(),1,"usage"],[Wa({type:String,render:!1}),1,"status"],[Wa({type:String}),1,"decorator"],[xa({type:"drag.start"}),1,"dragStartEvent",e=>(0,d.A)(La,e),(e,t)=>(0,r.A)(La,e,t)],[xa({type:"drag.move"}),1,"dragMoveEvent",e=>(0,d.A)(Da,e),(e,t)=>(0,r.A)(Da,e,t)],[xa({type:"drag.end"}),1,"dragEndEvent",e=>(0,d.A)($a,e),(e,t)=>(0,r.A)($a,e,t)]],0,(e=>Pa.has((0,l.A)(e))),A.ReactNextElement)),la();var Ka,Ia=a(8185),Ua=a(9274),Va=a(3783),Ya=a(3033),Xa=a(8091),Za=a(1819),_a=a(5748),ja=a(227),qa=a(531),Ga=a(7099),Ja=a(1484),Qa=a(8197),es=a(7531),ts=a(2098),as=a(3012),ss=a(6237);let ns,is,ls,os,rs,ds,hs,cs,us,gs,As,ps,vs,ms,ys,ks,fs,bs,ws,Cs,Ms,Es,Ws,xs,Ns,Ts,Rs,Ss,Ls,zs,Bs,Ds,Os,$s,Ps,Hs,Fs,Ks,Is,Us,Vs,Ys,Xs,Zs,_s,js,qs,Gs,Js;const{defineElement:Qs,property:en,event:tn}=(0,g.createDecorators)();let an;var sn=new WeakMap,nn=new WeakMap,ln=new WeakMap,on=new WeakMap,rn=new WeakMap,dn=new WeakMap,hn=new WeakMap,cn=new WeakMap,un=new WeakMap,gn=new WeakMap,An=new WeakMap,pn=new WeakMap,vn=new WeakMap,mn=new WeakMap,yn=new WeakMap,kn=new WeakMap,fn=new WeakMap,bn=new WeakMap,wn=new WeakMap,Cn=new WeakSet,Mn=new WeakMap,En=new WeakMap,Wn=new WeakMap,xn=new WeakMap,Nn=new WeakMap,Tn=new WeakMap;class Rn extends A.ReactNextElement{constructor(){super(...arguments),(0,n.A)(this,Cn),(0,i.A)(this,sn,is(this)),(0,i.A)(this,nn,(ls(this),os(this))),(0,i.A)(this,ln,(rs(this),ds(this))),(0,i.A)(this,on,(hs(this),cs(this,[Ya.HP,Ya.HP]))),(0,i.A)(this,rn,(us(this),gs(this))),(0,i.A)(this,dn,(As(this),ps(this))),(0,i.A)(this,hn,(vs(this),ms(this))),(0,i.A)(this,cn,(ys(this),ks(this))),(0,i.A)(this,un,(fs(this),bs(this))),(0,i.A)(this,gn,(ws(this),Cs(this))),(0,i.A)(this,An,(Ms(this),Es(this,!0))),(0,i.A)(this,pn,(Ws(this),xs(this,!0))),(0,i.A)(this,vn,(Ns(this),Ts(this,!0))),(0,i.A)(this,mn,(Rs(this),Ss(this))),(0,i.A)(this,yn,(Ls(this),zs(this))),(0,i.A)(this,kn,(Bs(this),Ds(this))),(0,i.A)(this,fn,(Os(this),$s(this))),(0,i.A)(this,bn,(Ps(this),Hs(this))),(0,i.A)(this,wn,(Fs(this),Ks(this))),(0,i.A)(this,Mn,(Vs(this),e=>{(0,o.A)(Cn,this,Is).emit(e)})),(0,i.A)(this,En,(e=>{(0,Ia.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,i.A)(this,Wn,Ys(this)),(0,i.A)(this,xn,(_s(this),e=>{(0,o.A)(Cn,this,Xs).emit(e)})),(0,i.A)(this,Nn,js(this)),(0,i.A)(this,Tn,(Js(this),e=>{(0,o.A)(Cn,this,qs).emit(e)}))}get cells(){return(0,d.A)(sn,this)}set cells(e){(0,r.A)(sn,this,e)}get layout(){return(0,d.A)(nn,this)}set layout(e){(0,r.A)(nn,this,e)}get layoutOptions(){return(0,d.A)(ln,this)}set layoutOptions(e){(0,r.A)(ln,this,e)}get defaultNodeSize(){return(0,d.A)(on,this)}set defaultNodeSize(e){(0,r.A)(on,this,e)}get defaultNodeBricks(){return(0,d.A)(rn,this)}set defaultNodeBricks(e){(0,r.A)(rn,this,e)}get degradedThreshold(){return(0,d.A)(dn,this)}set degradedThreshold(e){(0,r.A)(dn,this,e)}get degradedNodeLabel(){return(0,d.A)(hn,this)}set degradedNodeLabel(e){(0,r.A)(hn,this,e)}get defaultEdgeLines(){return(0,d.A)(cn,this)}set defaultEdgeLines(e){(0,r.A)(cn,this,e)}get activeTarget(){return(0,d.A)(un,this)}set activeTarget(e){(0,r.A)(un,this,e)}get fadeUnrelatedCells(){return(0,d.A)(gn,this)}set fadeUnrelatedCells(e){(0,r.A)(gn,this,e)}get zoomable(){return(0,d.A)(An,this)}set zoomable(e){(0,r.A)(An,this,e)}get scrollable(){return(0,d.A)(pn,this)}set scrollable(e){(0,r.A)(pn,this,e)}get pannable(){return(0,d.A)(vn,this)}set pannable(e){(0,r.A)(vn,this,e)}get scaleRange(){return(0,d.A)(mn,this)}set scaleRange(e){(0,r.A)(mn,this,e)}get hideZoomBar(){return(0,d.A)(yn,this)}set hideZoomBar(e){(0,r.A)(yn,this,e)}get autoCenterWhenCellsChange(){return(0,d.A)(kn,this)}set autoCenterWhenCellsChange(e){(0,r.A)(kn,this,e)}get doNotResetActiveTargetForSelector(){return(0,d.A)(fn,this)}set doNotResetActiveTargetForSelector(e){(0,r.A)(fn,this,e)}get doNotResetActiveTargetOutsideCanvas(){return(0,d.A)(bn,this)}set doNotResetActiveTargetOutsideCanvas(e){(0,r.A)(bn,this,e)}render(){return u().createElement(Sn,{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,hideZoomBar:this.hideZoomBar,doNotResetActiveTargetForSelector:this.doNotResetActiveTargetForSelector,doNotResetActiveTargetOutsideCanvas:this.doNotResetActiveTargetOutsideCanvas,autoCenterWhenCellsChange:this.autoCenterWhenCellsChange,onActiveTargetChange:(0,d.A)(Mn,this),onSwitchActiveTarget:(0,d.A)(En,this),onCellContextMenu:(0,d.A)(xn,this),onCellClick:(0,d.A)(Tn,this)})}}function Sn(e){let{shadowRoot:t,cells:a,layout:s,layoutOptions:n,defaultNodeSize:i,defaultNodeBricks:l,defaultEdgeLines:o,degradedThreshold:r,degradedNodeLabel:d,activeTarget:h,fadeUnrelatedCells:g,zoomable:A,scrollable:v,pannable:m,scaleRange:f,hideZoomBar:b,autoCenterWhenCellsChange:w,doNotResetActiveTargetForSelector:C,doNotResetActiveTargetOutsideCanvas:M,onActiveTargetChange:E,onSwitchActiveTarget:W,onCellContextMenu:x,onCellClick:T}=e;const[{cells:R,layoutKey:S},L]=(0,c.useReducer)(_a.d,a,(e=>({cells:(0,Va.C)(e,{defaultNodeSize:i}),layoutKey:1}))),z=(0,c.useMemo)((()=>R.filter(qa.N).length>=(null!=r?r:Ya.pC)),[R,r]),B=(0,c.useRef)(null),{grabbing:D,transform:O,zoomer:$,scaleRange:P}=(0,Xa.f)({rootRef:B,zoomable:A,scrollable:v,pannable:m,draggable:!0,scaleRange:f,onSwitchActiveTarget:W}),{centered:H,setCentered:F,getNextLayoutKey:K}=(0,Ja.g)({layout:s,layoutOptions:n,rootRef:B,cells:R,zoomable:A,zoomer:$,scaleRange:P,layoutKey:S,autoCenterWhenCellsChange:w,dispatch:L}),I=(0,c.useCallback)((()=>{F(!1)}),[F]),U=(0,c.useRef)(a);(0,c.useEffect)((()=>{if(a!==U.current){U.current=a;const e=(0,ts.L)({canvasWidth:t.host.clientWidth,canvasHeight:t.host.clientHeight,defaultNodeSize:i,layout:s,previousCells:R,cells:a,scaleRange:P,transform:O});L({type:"update-cells",payload:e.cells})}}),[R,i,a,s,P,t,O]);const V=(0,Za.J)({rootRef:B,activeTarget:h,doNotResetActiveTargetForSelector:C,doNotResetActiveTargetOutsideCanvas:M,onActiveTargetChange:E}),Y=`${(0,c.useMemo)((()=>`${(0,k.uniqueId)("diagram-")}-`),[])}line-arrow-`,X=(0,c.useCallback)(((e,t)=>{L({type:"update-node-size",payload:{id:e,size:t},layoutKey:K()})}),[K]),[Z,_]=(0,c.useState)(null),j=(0,c.useCallback)((e=>{_(e)}),[]),q=(0,c.useCallback)((e=>{_((t=>t===e?null:t))}),[]),[G,J]=(0,c.useState)([]);(0,c.useEffect)((()=>{const e=g?(0,ja.Y)(R,null,Z):[];J((t=>0===t.length&&0===e.length?t:e))}),[R,g,Z]);const Q=(0,c.useCallback)((e=>{$.scaleTo((0,p.A)(B.current),e/100)}),[$]),{lineConfMap:ee,markers:te}=(0,es.d)({cells:R,defaultEdgeLines:o,markerPrefix:Y}),ae=(0,Qa.H)({cells:R,layout:s,centered:H});return u().createElement(u().Fragment,null,u().createElement("svg",{width:"100%",height:"100%",ref:B,className:y()("root",{grabbing:D,pannable:m,ready:ae}),tabIndex:-1},u().createElement("defs",null,te.map(((e,t)=>u().createElement(N.c,{key:t,id:`${Y}${t}`,type:e.markerType,strokeColor:e.strokeColor})))),u().createElement("g",{transform:`translate(${O.x} ${O.y}) scale(${O.k})`},u().createElement("g",{className:"cells"},R.map((e=>u().createElement(Ua.m,{key:`${e.type}:${(0,qa.WW)(e)?`${e.source}~${e.target}`:e.id}`,layout:s,cell:e,cells:R,degraded:z,degradedNodeLabel:d,defaultNodeBricks:l,lineConfMap:ee,transform:O,activeTarget:V,readOnly:!0,unrelatedCells:G,onSwitchActiveTarget:W,onCellContextMenu:x,onCellClick:T,onNodeBrickResize:X,onCellMouseEnter:g&&(0,qa.N)(e)?j:void 0,onCellMouseLeave:g&&(0,qa.N)(e)?q:void 0})))))),!b&&u().createElement(Ga.Y,{shadowRoot:t,scale:O.k,scaleRange:P,onZoomChange:Q,onReCenter:I}))}Ka=Rn,({e:[is,ls,os,rs,ds,hs,cs,us,gs,As,ps,vs,ms,ys,ks,fs,bs,ws,Cs,Ms,Es,Ws,xs,Ns,Ts,Rs,Ss,Ls,zs,Bs,Ds,Os,$s,Ps,Hs,Fs,Ks,Is,Us,Vs,Ys,Xs,Zs,_s,js,qs,Gs,Js],c:[an,ns]}=(0,h.A)(Ka,[Qs("eo-display-canvas",{styleTexts:[as.A,ss.A]})],[[en({attribute:!1}),1,"cells"],[en({type:String}),1,"layout"],[en({attribute:!1}),1,"layoutOptions"],[en({attribute:!1}),1,"defaultNodeSize"],[en({attribute:!1}),1,"defaultNodeBricks"],[en({type:Number}),1,"degradedThreshold"],[en({attribute:!1}),1,"degradedNodeLabel"],[en({attribute:!1}),1,"defaultEdgeLines"],[en({attribute:!1}),1,"activeTarget"],[en({type:Boolean}),1,"fadeUnrelatedCells"],[en({type:Boolean}),1,"zoomable"],[en({type:Boolean}),1,"scrollable"],[en({type:Boolean}),1,"pannable"],[en({attribute:!1}),1,"scaleRange"],[en({type:Boolean}),1,"hideZoomBar"],[en({type:Boolean}),1,"autoCenterWhenCellsChange"],[en(),1,"doNotResetActiveTargetForSelector"],[en({type:Boolean}),1,"doNotResetActiveTargetOutsideCanvas"],[tn({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>(0,d.A)(wn,e),(e,t)=>(0,r.A)(wn,e,t)],[tn({type:"cell.contextmenu"}),1,"cellContextMenu",e=>(0,d.A)(Wn,e),(e,t)=>(0,r.A)(Wn,e,t)],[tn({type:"cell.click"}),1,"cellClick",e=>(0,d.A)(Nn,e),(e,t)=>(0,r.A)(Nn,e,t)]],0,(e=>Tn.has((0,l.A)(e))),A.ReactNextElement)),ns()},9068:(e,t,a)=>{a.d(t,{uuidV4:()=>Za});var s,n=a(4635),i=a(918),l=a(6902),o=a(2559),r=a(5536),d=a(6121),h=a(829),c=a(2740),u=a(8769),g=a.n(u),A=a(300),p=a(4295),v=a(3078),m=(a(6477),a(1030)),y=a(3373),k=a.n(y),f=a(7566),b=a(5748),w=a(3739),C=a(531),M=a(8185),E=a(5114),W=a(9274),x=a(3639),N=a(3783),T=a(2098),R=a(227),S=a(3033),L=a(8091),z=a(1819),B=a(7099),D=a(1484),O=a(8197),$=a(7531),P=a(8875),H=a(2722),F=a(9978),K=a(2219),I=a(3012),U=a(6237),V=a(1103),Y=a(9386),X=a(1991),Z=a(2202),_=a(1825);let j,q,G,J,Q,ee,te,ae,se,ne,ie,le,oe,re,de,he,ce,ue,ge,Ae,pe,ve,me,ye,ke,fe,be,we,Ce,Me,Ee,We,xe,Ne,Te,Re,Se,Le,ze,Be,De,Oe,$e,Pe,He,Fe,Ke,Ie,Ue,Ve,Ye,Xe,Ze,_e,je,qe,Ge,Je,Qe,et,tt,at,st,nt,it,lt,ot,rt,dt,ht,ct,ut,gt,At,pt,vt,mt,yt,kt,ft,bt,wt,Ct,Mt,Et,Wt,xt,Nt,Tt,Rt,St,Lt,zt,Bt,Dt,Ot,$t,Pt,Ht,Ft;const Kt=(0,v.unwrapProvider)("basic.lock-body-scroll"),{defineElement:It,property:Ut,method:Vt,event:Yt}=(0,A.createDecorators)(),Xt=g().forwardRef(Xa);let Zt;var _t=new WeakMap,jt=new WeakMap,qt=new WeakMap,Gt=new WeakMap,Jt=new WeakMap,Qt=new WeakMap,ea=new WeakMap,ta=new WeakMap,aa=new WeakMap,sa=new WeakMap,na=new WeakMap,ia=new WeakMap,la=new WeakMap,oa=new WeakMap,ra=new WeakMap,da=new WeakMap,ha=new WeakMap,ca=new WeakMap,ua=new WeakMap,ga=new WeakMap,Aa=new WeakMap,pa=new WeakMap,va=new WeakSet,ma=new WeakMap,ya=new WeakMap,ka=new WeakMap,fa=new WeakMap,ba=new WeakMap,wa=new WeakMap,Ca=new WeakMap,Ma=new WeakMap,Ea=new WeakMap,Wa=new WeakMap,xa=new WeakMap,Na=new WeakMap,Ta=new WeakMap,Ra=new WeakMap,Sa=new WeakMap,La=new WeakMap,za=new WeakMap,Ba=new WeakMap,Da=new WeakMap,Oa=new WeakMap,$a=new WeakMap,Pa=new WeakMap,Ha=new WeakMap,Fa=new WeakMap,Ka=new WeakMap,Ia=new WeakMap,Ua=new WeakMap;class Va extends p.ReactNextElement{constructor(){super(...arguments),(0,n.A)(this,va),(0,i.A)(this,_t,(j(this),G(this))),(0,i.A)(this,jt,(J(this),Q(this))),(0,i.A)(this,qt,(ee(this),te(this))),(0,i.A)(this,Gt,(ae(this),se(this,[S.HP,S.HP]))),(0,i.A)(this,Jt,(ne(this),ie(this))),(0,i.A)(this,Qt,(le(this),oe(this))),(0,i.A)(this,ea,(re(this),de(this))),(0,i.A)(this,ta,(he(this),ce(this))),(0,i.A)(this,aa,(ue(this),ge(this))),(0,i.A)(this,sa,(Ae(this),pe(this))),(0,i.A)(this,na,(ve(this),me(this,!0))),(0,i.A)(this,ia,(ye(this),ke(this,!0))),(0,i.A)(this,la,(fe(this),be(this,!0))),(0,i.A)(this,oa,(we(this),Ce(this,!1))),(0,i.A)(this,ra,(Me(this),Ee(this))),(0,i.A)(this,da,(We(this),xe(this))),(0,i.A)(this,ha,(Ne(this),Te(this))),(0,i.A)(this,ca,(Re(this),Se(this))),(0,i.A)(this,ua,(Le(this),ze(this))),(0,i.A)(this,ga,(Be(this),De(this))),(0,i.A)(this,Aa,(Oe(this),$e(this))),(0,i.A)(this,pa,(Pe(this),He(this))),(0,i.A)(this,ma,(Ie(this),e=>{(0,r.A)(va,this,Fe).emit(e)})),(0,i.A)(this,ya,(e=>{(0,M.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,i.A)(this,ka,Ue(this)),(0,i.A)(this,fa,(Xe(this),Ze(this))),(0,i.A)(this,ba,(qe(this),e=>{(0,r.A)(va,this,_e).emit(e),"node"===e.type&&(0,r.A)(va,this,Ve).emit(e)})),(0,i.A)(this,wa,Ge(this)),(0,i.A)(this,Ca,(et(this),e=>{(0,r.A)(va,this,Je).emit(e)})),(0,i.A)(this,Ma,tt(this)),(0,i.A)(this,Ea,(nt(this),e=>{(0,r.A)(va,this,at).emit(e)})),(0,i.A)(this,Wa,it(this)),(0,i.A)(this,xa,(rt(this),dt(this))),(0,i.A)(this,Na,(ut(this),e=>{(0,r.A)(va,this,ht).emit(e),"node"===e.type&&(0,r.A)(va,this,lt).emit(e)})),(0,i.A)(this,Ta,gt(this)),(0,i.A)(this,Ra,(vt(this),e=>{(0,r.A)(va,this,At).emit(e)})),(0,i.A)(this,Sa,mt(this)),(0,i.A)(this,La,(ft(this),e=>{(0,r.A)(va,this,yt).emit(e)})),(0,i.A)(this,za,bt(this)),(0,i.A)(this,Ba,(Mt(this),e=>{(0,r.A)(va,this,wt).emit(e)})),(0,i.A)(this,Da,Et(this)),(0,i.A)(this,Oa,(Nt(this),e=>{(0,r.A)(va,this,Wt).emit(e)})),(0,i.A)(this,$a,Tt(this)),(0,i.A)(this,Pa,(Lt(this),e=>{(0,r.A)(va,this,Rt).emit(e)})),(0,i.A)(this,Ha,zt(this)),(0,i.A)(this,Fa,(Ot(this),e=>{(0,r.A)(va,this,Bt).emit(e)})),(0,i.A)(this,Ka,$t(this)),(0,i.A)(this,Ia,(Ft(this),e=>{(0,r.A)(va,this,Pt).emit(e)})),(0,i.A)(this,Ua,(0,u.createRef)())}get cells(){return(0,h.A)(_t,this)}set cells(e){(0,d.A)(_t,this,e)}get layout(){return(0,h.A)(jt,this)}set layout(e){(0,d.A)(jt,this,e)}get layoutOptions(){return(0,h.A)(qt,this)}set layoutOptions(e){(0,d.A)(qt,this,e)}get defaultNodeSize(){return(0,h.A)(Gt,this)}set defaultNodeSize(e){(0,d.A)(Gt,this,e)}get defaultNodeBricks(){return(0,h.A)(Jt,this)}set defaultNodeBricks(e){(0,d.A)(Jt,this,e)}get degradedThreshold(){return(0,h.A)(Qt,this)}set degradedThreshold(e){(0,d.A)(Qt,this,e)}get degradedNodeLabel(){return(0,h.A)(ea,this)}set degradedNodeLabel(e){(0,d.A)(ea,this,e)}get defaultEdgeLines(){return(0,h.A)(ta,this)}set defaultEdgeLines(e){(0,d.A)(ta,this,e)}get activeTarget(){return(0,h.A)(aa,this)}set activeTarget(e){(0,d.A)(aa,this,e)}get fadeUnrelatedCells(){return(0,h.A)(sa,this)}set fadeUnrelatedCells(e){(0,d.A)(sa,this,e)}get zoomable(){return(0,h.A)(na,this)}set zoomable(e){(0,d.A)(na,this,e)}get scrollable(){return(0,h.A)(ia,this)}set scrollable(e){(0,d.A)(ia,this,e)}get pannable(){return(0,h.A)(la,this)}set pannable(e){(0,d.A)(la,this,e)}get allowEdgeToArea(){return(0,h.A)(oa,this)}set allowEdgeToArea(e){(0,d.A)(oa,this,e)}get dragBehavior(){return(0,h.A)(ra,this)}set dragBehavior(e){(0,d.A)(ra,this,e)}get ctrlDragBehavior(){return(0,h.A)(da,this)}set ctrlDragBehavior(e){(0,d.A)(da,this,e)}get scaleRange(){return(0,h.A)(ha,this)}set scaleRange(e){(0,d.A)(ha,this,e)}get lineSettings(){return(0,h.A)(ca,this)}set lineSettings(e){(0,d.A)(ca,this,e)}get lineConnector(){return(0,h.A)(ua,this)}set lineConnector(e){(0,d.A)(ua,this,e)}get doNotResetActiveTargetForSelector(){return(0,h.A)(ga,this)}set doNotResetActiveTargetForSelector(e){(0,d.A)(ga,this,e)}get doNotResetActiveTargetOutsideCanvas(){return(0,h.A)(Aa,this)}set doNotResetActiveTargetOutsideCanvas(e){(0,d.A)(Aa,this,e)}async dropNode(e){var t,a;let{id:s,position:n,size:i,data:l,useBrick:o}=e;if(null===(t=(a=document).elementsFromPoint)||void 0===t||null===(t=t.call(a,n[0],n[1]))||void 0===t?void 0:t.includes(this)){var r,d,c;const e=this.getBoundingClientRect(),t=(0,h.A)(Ua,this).current.getTransform(),a={type:"node",id:s,view:{..."force"===this.layout||"dagre"===this.layout?null:{x:(n[0]-e.left-t.x)/t.k,y:(n[1]-e.top-t.y)/t.k},width:null!==(r=null==i?void 0:i[0])&&void 0!==r?r:this.defaultNodeSize[0],height:null!==(d=null==i?void 0:i[1])&&void 0!==d?d:this.defaultNodeSize[0]},data:l,useBrick:o};return null===(c=(0,h.A)(Ua,this).current)||void 0===c||c.dropNode(a),a}return null}async dropDecorator(e){var t,a;let{position:s,decorator:n,text:i,direction:l}=e;if(null===(t=(a=document).elementsFromPoint)||void 0===t||null===(t=t.call(a,s[0],s[1]))||void 0===t?void 0:t.includes(this)){var o;const e=this.getBoundingClientRect(),t=(0,h.A)(Ua,this).current.getTransform(),a={type:"decorator",decorator:n,id:Za(),view:{x:(s[0]-e.left-t.x)/t.k,y:(s[1]-e.top-t.y)/t.k,width:S.N8,height:S.w1,text:i,direction:l}};return null===(o=(0,h.A)(Ua,this).current)||void 0===o||o.dropDecorator(a),a}return null}async addNodes(e){if(0===e.length)return[];const t=e.map((e=>{var t,a;let{size:s,useBrick:n,id:i,data:l}=e;return{type:"node",id:i,data:l,view:{width:null!==(t=null==s?void 0:s[0])&&void 0!==t?t:this.defaultNodeSize[0],height:null!==(a=null==s?void 0:s[1])&&void 0!==a?a:this.defaultNodeSize[0]},useBrick:n}}));return(0,h.A)(Ua,this).current.addNodes(t,{defaultNodeSize:this.defaultNodeSize,canvasWidth:this.clientWidth,canvasHeight:this.clientHeight})}async addEdge(e){var t;let{source:a,target:s,data:n}=e;const i={type:"edge",source:a,target:s,data:n,view:this.lineSettings};return null===(t=(0,h.A)(Ua,this).current)||void 0===t||t.addEdge(i),i}manuallyConnectNodes(e){return(0,h.A)(Ua,this).current.manuallyConnectNodes(e)}async updateCells(e,t){await(0,o.A)(va,this,Ya).call(this);const{updated:a}=(0,h.A)(Ua,this).current.updateCells(e,{...t,defaultNodeSize:this.defaultNodeSize,canvasWidth:this.clientWidth,canvasHeight:this.clientHeight});return{updated:a}}disconnectedCallback(){super.disconnectedCallback(),Kt(this,!1)}render(){return g().createElement(Xt,{host:this,ref:(0,h.A)(Ua,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,lineSettings:this.lineSettings,lineConnector:this.lineConnector,allowEdgeToArea:this.allowEdgeToArea,doNotResetActiveTargetForSelector:this.doNotResetActiveTargetForSelector,doNotResetActiveTargetOutsideCanvas:this.doNotResetActiveTargetOutsideCanvas,onActiveTargetChange:(0,h.A)(ma,this),onSwitchActiveTarget:(0,h.A)(ya,this),onCellMove:(0,h.A)(ba,this),onCellsMove:(0,h.A)(Ca,this),onCellResize:(0,h.A)(Ea,this),onCellDelete:(0,h.A)(Na,this),onCellsDelete:(0,h.A)(Ra,this),onEdgeAdd:(0,h.A)(Ba,this),onCellContextMenu:(0,h.A)(La,this),onDecoratorTextChange:(0,h.A)(Pa,this),onContainerContainerChange:(0,h.A)(Fa,this),onScaleChange:(0,h.A)(Ia,this),onEdgeViewChange:(0,h.A)(Oa,this)})}}function Ya(){return new Promise((e=>{const t=()=>{(0,h.A)(Ua,this).current?e():setTimeout(t,10)};t()}))}function Xa(e,t){let{host:a,layout:s,layoutOptions:n,cells:i,defaultNodeSize:l,defaultNodeBricks:o,defaultEdgeLines:r,degradedThreshold:d,degradedNodeLabel:h,activeTarget:c,fadeUnrelatedCells:A,zoomable:p,scrollable:v,pannable:y,dragBehavior:M,ctrlDragBehavior:I,scaleRange:U,lineSettings:j,lineConnector:q,allowEdgeToArea:G,doNotResetActiveTargetForSelector:J,doNotResetActiveTargetOutsideCanvas:Q,onActiveTargetChange:ee,onSwitchActiveTarget:te,onCellMove:ae,onCellResize:se,onCellDelete:ne,onCellsMove:ie,onCellsDelete:le,onCellContextMenu:oe,onEdgeAdd:re,onDecoratorTextChange:de,onScaleChange:he,onContainerContainerChange:ce,onEdgeViewChange:ue}=e;const[{cells:ge,layoutKey:Ae},pe]=(0,u.useReducer)(b.d,i,(e=>({cells:(0,N.C)(e,{defaultNodeSize:l}),layoutKey:0}))),ve=(0,u.useMemo)((()=>ge.filter(C.N).length>=(null!=d?d:S.pC)),[ge,d]),me=(0,u.useRef)(null),ye=(0,u.useRef)(null),[ke,fe]=(0,u.useState)([]),[be,we]=(0,u.useState)([]),{grabbing:Ce,transform:Me,zoomer:Ee,scaleRange:We}=(0,L.f)({rootRef:me,zoomable:p,scrollable:v,pannable:y,draggable:"grab"===M,ctrlDraggable:"grab"===I,scaleRange:U,onSwitchActiveTarget:te});(0,u.useEffect)((()=>{he(Me.k)}),[he,Me.k]);const[xe,Ne]=(0,u.useState)(null),[Te,Re]=(0,u.useState)(null),{centered:Se,setCentered:Le,getNextLayoutKey:ze}=(0,D.g)({layout:s,layoutOptions:n,rootRef:me,cells:ge,zoomable:p,zoomer:Ee,scaleRange:We,layoutKey:Ae,allowEdgeToArea:G,dispatch:pe});(0,u.useImperativeHandle)(t,(()=>({dropNode(e){"dagre"!==s&&"force"!==s&&Le(!0),pe({type:"drop-node",payload:e})},dropDecorator(e){"dagre"!==s&&"force"!==s&&Le(!0),pe({type:"drop-decorator",payload:e})},addNodes(e,t){let{defaultNodeSize:a,canvasWidth:n,canvasHeight:i}=t;const l=ge.findLastIndex((e=>!("decorator"===e.type&&"text"===e.decorator)))+1,o=[...ge.slice(0,l),...e,...ge.slice(l)],{cells:r,updated:d,shouldReCenter:h}=(0,T.L)({cells:o,layout:s,previousCells:ge,defaultNodeSize:a,canvasWidth:n,canvasHeight:i,scaleRange:We,transform:Me,allowEdgeToArea:G});return h&&Le(!1),pe({type:"update-cells",payload:r}),d.filter((t=>e.includes(t)))},addEdge(e){pe({type:"add-edge",payload:e})},updateCells(e,t){const{shouldReCenter:a,...n}=(0,T.L)({...t,layout:s,previousCells:ge,cells:e,scaleRange:We,transform:Me,allowEdgeToArea:G});return a&&Le(!1),pe({type:"update-cells",payload:n.cells}),n},getTransform:()=>Me,manuallyConnectNodes(e){const t=ge.find((t=>(0,C.bo)(t,G)&&t.id===e));if(t){const e=me.current.getBoundingClientRect();return Re({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)=>{ye.current={resolve:e,reject:t}}))}return Promise.reject(null)}})),[ge,s,We,Le,Me,G]);const Be=(0,u.useCallback)(((e,t)=>{var a;for(let a=ge.length-1;a>=0;a--){const n=ge[a];if((0,C.bo)(n,G)&&n.id!==e.source.id&&n.view.x<t[0]&&n.view.x+n.view.width>t[0]&&n.view.y<t[1]&&n.view.y+n.view.height>t[1]){var s;null===(s=ye.current)||void 0===s||s.resolve({source:e.source,target:n});break}}null===(a=ye.current)||void 0===a||a.reject(null),Re(null)}),[G,ge]),[De,Oe]=(0,u.useState)(null);(0,u.useEffect)((()=>{Kt(a,!!(Te||De||xe))}),[Te,a,De,xe]);const $e=(0,z.J)({rootRef:me,activeTarget:c,doNotResetActiveTargetForSelector:J,doNotResetActiveTargetOutsideCanvas:Q,onActiveTargetChange:ee}),[Pe,He]=(0,u.useState)([]);(0,u.useEffect)((()=>{const e=A?(0,R.Y)(ge,Te,$e,G):[];He((t=>0===t.length&&0===e.length?t:e))}),[$e,ge,Te,A,G]),(0,u.useEffect)((()=>{const e=me.current;if(!e||ke.length>0)return;const t=e=>{const t=(0,E.a)(e,{cells:ge,activeTarget:$e});"delete-cells"===(null==t?void 0:t.action)&&(le(t.cells),1===t.cells.length&&ne(t.cells[0]))};return e.addEventListener("keydown",t),()=>{e.removeEventListener("keydown",t)}}),[$e,ge,ke.length,ne,le]);const Fe=`${(0,u.useMemo)((()=>`${(0,m.uniqueId)("diagram-")}-`),[])}line-arrow-`,[Ke,Ie]=(0,u.useState)([]),Ue=(0,u.useCallback)((e=>{pe({type:"move-cells",payload:e});const t=[];(0,X._)(e,ge).forEach((e=>{var a,s;null!==(a=e.containerCell)&&void 0!==a&&a.id&&t.push(null===(s=e.containerCell)||void 0===s?void 0:s.id)})),we(t),Ie(e.flatMap((e=>{var t;return null!==(t=e.guideLines)&&void 0!==t?t:[]})))}),[ge]),Ve=(0,u.useCallback)((e=>{pe({type:"move-cells",payload:e}),ie(e),1===e.length&&ae(e[0]),(0,X._)(e,ge,ce),we([]),Ie([])}),[ae,ie,ge,ce]),Ye=(0,u.useCallback)((e=>{pe({type:"resize-cell",payload:e})}),[]),Xe=(0,u.useCallback)((e=>{pe({type:"resize-cell",payload:e}),se(e)}),[se]),Ze=(0,u.useCallback)((e=>{let{id:t,editing:a}=e;fe(a?e=>e.includes(t)?e:[...e,t]:e=>e.filter((e=>e!==t)))}),[]),_e=(0,u.useCallback)(((e,t)=>{const a=ze();pe({type:"update-node-size",payload:{id:e,size:t},layoutKey:a})}),[ze]),je=(0,u.useCallback)((e=>{Ee.scaleTo((0,f.A)(me.current),e/100)}),[Ee]),qe=(0,u.useCallback)((()=>{Le(!1)}),[Le]),{lineConfMap:Ge,lineConnectorConf:Je,markers:Qe}=(0,$.d)({cells:ge,defaultEdgeLines:r,lineConnector:q,markerPrefix:Fe}),et=(0,O.H)({cells:ge,layout:s,centered:Se}),[tt,at]=(0,u.useState)(null),st=(0,u.useRef)(null),[nt,it]=(0,u.useState)(null),[lt,ot]=(0,u.useState)(null),rt=(0,u.useCallback)((e=>{if(Je&&(0,C.bo)(e,G)&&(!lt||"control"!==lt.type)){null!==st.current&&(clearTimeout(st.current),st.current=null);const t=(0,P.G)();at({cell:e,relativePoints:t,points:_a(t,e.view)})}}),[G,Je,lt]),dt=(0,u.useCallback)((e=>{Je&&(0,C.N)(e)&&(st.current=setTimeout((()=>{at(null)})))}),[Je]),ht=(0,u.useCallback)(((e,t,a,s)=>{const n={source:e.id,target:t.id,view:{...j,exitPosition:a,entryPosition:s,vertices:null}};if(ge.find((a=>"edge"===a.type&&a.source===e.id&&a.target===t.id)))pe({type:"change-edge-view",payload:n}),null==ue||ue(n);else{const a={type:"edge",...n};pe({type:"add-edge",payload:a}),re({source:e,target:t,view:a.view})}}),[ge,j,re,ue]),ct=(0,u.useCallback)(((e,t,a)=>{const s={source:e.id,target:t.id,view:a};pe({type:"change-edge-view",payload:s}),null==ue||ue(s)}),[ue]),ut=(0,u.useMemo)((()=>!!nt&&ge.some((e=>"edge"===e.type&&e.source===nt.edge.source&&e.target===nt.edge.target))),[nt,ge]),gt=(0,u.useMemo)((()=>({rootRef:me,smartConnectLineState:De,unsetHoverStateTimeoutRef:st,hoverState:tt,activeEditableLine:nt,activeEditableLineIsAvailable:ut,lineEditorState:lt,setLineEditorState:ot,setActiveEditableLine:it,setHoverState:at,setSmartConnectLineState:Oe,onConnect:ht,onChangeEdgeView:ct})),[nt,ut,ct,ht,tt,lt,De]);return(0,u.useEffect)((()=>{const e=me.current;if(!e||"lasso"!==M)return;const t=e.getBoundingClientRect(),a=e=>{(0,K.F)(e,{transform:Me,offset:[t.left,t.top],onLassoing(e){Ne(e)},onLassoed(e){Ne(null);const t=[];for(const a of ge)if((0,C.t2)(a)||(0,C.o6)(a)||(0,C.Hs)(a)){const s=a.view.x,n=a.view.y;s>=e.x&&s+a.view.width<=e.x+e.width&&n>=e.y&&n+a.view.height<=e.y+e.height&&t.push(a)}null==te||te(t.length>1?{type:"multi",targets:t.map(Y.P)}:1===t.length?(0,Y.P)(t[0]):null)}})};return e.addEventListener("mousedown",a),()=>{e.removeEventListener("mousedown",a)}}),[Me,ge,M,te]),g().createElement(F.H.Provider,{value:gt},g().createElement("svg",{width:"100%",height:"100%",ref:me,className:k()("root",{grabbing:Ce,pannable:y,ready:et}),tabIndex:-1},g().createElement("defs",null,Qe.map(((e,t)=>g().createElement(w.c,{key:t,id:`${Fe}${t}`,type:e.markerType,strokeColor:e.strokeColor})))),g().createElement("g",{transform:`translate(${Me.x} ${Me.y}) scale(${Me.k})`},g().createElement("g",{className:k()("cells",{allowEdgeToArea:G})},ge.map((e=>g().createElement(W.m,{key:`${e.type}:${(0,C.WW)(e)?`${e.source}~${e.target}`:e.id}`,dragNodeToContainerActive:!(0,C.WW)(e)&&be.includes(e.id),layout:s,layoutOptions:n,cell:e,cells:ge,degraded:ve,degradedNodeLabel:h,defaultNodeBricks:o,transform:Me,lineConfMap:Ge,activeTarget:$e,unrelatedCells:Pe,allowEdgeToArea:G,onCellsMoving:Ue,onCellsMoved:Ve,onCellResizing:Ye,onCellResized:Xe,onSwitchActiveTarget:te,onCellContextMenu:oe,onDecoratorTextChange:de,onDecoratorTextEditing:Ze,onNodeBrickResize:_e,onCellMouseEnter:rt,onCellMouseLeave:dt})))),g().createElement("g",null,g().createElement(x.w,{connectLineState:Te,transform:Me,markerEnd:`${Fe}0`,onConnect:Be})),xe&&g().createElement("rect",{x:xe.x,y:xe.y,width:xe.width,height:xe.height,fill:"var(--palette-gray-5)",fillOpacity:.3,stroke:"var(--palette-gray-5)",strokeDasharray:2}),Je&&g().createElement("g",null,g().createElement(V.X,{transform:Me,lineSettings:j,options:Je}),g().createElement(_.W,{transform:Me,options:Je})),g().createElement("g",null,Ke.map(((e,t)=>g().createElement("path",{key:t,d:`M${e[0].join(" ")} L${e[1].join(" ")}`,stroke:"var(--palette-orange-5)",fill:"none",strokeWidth:1/Me.k})))),g().createElement("g",null,Je&&g().createElement(Z.F,{scale:Me.k})),Je&&g().createElement(H.T,{activeTarget:$e,scale:Me.k,disabled:!!Te}))),g().createElement(B.Y,{shadowRoot:a.shadowRoot,scale:Me.k,scaleRange:We,onZoomChange:je,onReCenter:qe}))}function Za(){return"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)}))}function _a(e,t){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;const s=S.XK,n=s/2,i=t.x+a/2-n,l=t.y+a/2-n,o=t.width-a+s,r=t.height-a+s;return e.map((e=>({x:i+e.x*o,y:l+e.y*r})))}s=Va,({e:[G,J,Q,ee,te,ae,se,ne,ie,le,oe,re,de,he,ce,ue,ge,Ae,pe,ve,me,ye,ke,fe,be,we,Ce,Me,Ee,We,xe,Ne,Te,Re,Se,Le,ze,Be,De,Oe,$e,Pe,He,Fe,Ke,Ie,Ue,Ve,Ye,Xe,Ze,_e,je,qe,Ge,Je,Qe,et,tt,at,st,nt,it,lt,ot,rt,dt,ht,ct,ut,gt,At,pt,vt,mt,yt,kt,ft,bt,wt,Ct,Mt,Et,Wt,xt,Nt,Tt,Rt,St,Lt,zt,Bt,Dt,Ot,$t,Pt,Ht,Ft,j],c:[Zt,q]}=(0,c.A)(s,[It("eo-draw-canvas",{styleTexts:[I.A,U.A]})],[[Ut({attribute:!1}),1,"cells"],[Ut({type:String}),1,"layout"],[Ut({attribute:!1}),1,"layoutOptions"],[Ut({attribute:!1}),1,"defaultNodeSize"],[Ut({attribute:!1}),1,"defaultNodeBricks"],[Ut({type:Number}),1,"degradedThreshold"],[Ut({attribute:!1}),1,"degradedNodeLabel"],[Ut({attribute:!1}),1,"defaultEdgeLines"],[Ut({attribute:!1}),1,"activeTarget"],[Ut({type:Boolean}),1,"fadeUnrelatedCells"],[Ut({type:Boolean}),1,"zoomable"],[Ut({type:Boolean}),1,"scrollable"],[Ut({type:Boolean}),1,"pannable"],[Ut({type:Boolean}),1,"allowEdgeToArea"],[Ut(),1,"dragBehavior"],[Ut(),1,"ctrlDragBehavior"],[Ut({attribute:!1}),1,"scaleRange"],[Ut({attribute:!1}),1,"lineSettings"],[Ut({attribute:!1}),1,"lineConnector"],[Ut(),1,"doNotResetActiveTargetForSelector"],[Ut({type:Boolean}),1,"doNotResetActiveTargetOutsideCanvas"],[Yt({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>(0,h.A)(pa,e),(e,t)=>(0,d.A)(pa,e,t)],[Yt({type:"node.move"}),1,"nodeMoveEvent",e=>(0,h.A)(ka,e),(e,t)=>(0,d.A)(ka,e,t)],[Yt({type:"cell.move"}),1,"cellMoveEvent",e=>(0,h.A)(fa,e),(e,t)=>(0,d.A)(fa,e,t)],[Yt({type:"cells.move"}),1,"cellsMoveEvent",e=>(0,h.A)(wa,e),(e,t)=>(0,d.A)(wa,e,t)],[Yt({type:"cell.resize"}),1,"cellResizeEvent",e=>(0,h.A)(Ma,e),(e,t)=>(0,d.A)(Ma,e,t)],[Yt({type:"node.delete"}),1,"nodeDelete",e=>(0,h.A)(Wa,e),(e,t)=>(0,d.A)(Wa,e,t)],[Yt({type:"cell.delete"}),1,"cellDelete",e=>(0,h.A)(xa,e),(e,t)=>(0,d.A)(xa,e,t)],[Yt({type:"cells.delete"}),1,"cellsDelete",e=>(0,h.A)(Ta,e),(e,t)=>(0,d.A)(Ta,e,t)],[Yt({type:"cell.contextmenu"}),1,"cellContextMenu",e=>(0,h.A)(Sa,e),(e,t)=>(0,d.A)(Sa,e,t)],[Yt({type:"edge.add"}),1,"edgeAdd",e=>(0,h.A)(za,e),(e,t)=>(0,d.A)(za,e,t)],[Yt({type:"edge.view.change"}),1,"edgeViewChange",e=>(0,h.A)(Da,e),(e,t)=>(0,d.A)(Da,e,t)],[Yt({type:"decorator.text.change"}),1,"decoratorTextChange",e=>(0,h.A)($a,e),(e,t)=>(0,d.A)($a,e,t)],[Yt({type:"node.container.change"}),1,"containerContainerChange",e=>(0,h.A)(Ha,e),(e,t)=>(0,d.A)(Ha,e,t)],[Yt({type:"scale.change"}),1,"scaleChange",e=>(0,h.A)(Ka,e),(e,t)=>(0,d.A)(Ka,e,t)],[Vt(),2,"dropNode"],[Vt(),2,"dropDecorator"],[Vt(),2,"addNodes"],[Vt(),2,"addEdge"],[Vt(),2,"manuallyConnectNodes"],[Vt(),2,"updateCells"]],0,(e=>Ua.has((0,l.A)(e))),p.ReactNextElement)),q()},3971:(e,t,a)=>{a.d(t,{A:()=>o});var s=a(6758),n=a.n(s),i=a(935),l=a.n(i)()(n());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,a)=>{a.d(t,{A:()=>o});var s=a(6758),n=a.n(s),i=a(935),l=a.n(i)()(n());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:rgba(0,0,0,0.2);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()}}]);
2
- //# sourceMappingURL=9711.81c3ad46.js.map
1
+ "use strict";(globalThis.webpackChunk_next_bricks_diagram=globalThis.webpackChunk_next_bricks_diagram||[]).push([[9711,8939],{9711:(e,t,a)=>{var s,n=a(4635),i=a(918),l=a(6902),o=a(5536),r=a(6121),d=a(829),h=a(2740),c=a(8769),u=a.n(c),g=a(300),A=a(4295),p=(a(6477),a(7566)),v=a(9047),m=a(3373),y=a.n(m),k=a(1030),f=a(9126),b=a(8892),w=a(5157),C=a(8308),M=a(1518),E=a(9137),W=a(2547),x=a(1803),N=a(3739),T=a(9191),R=a(6671),S=a(8060),L=a(2448),z=a(8657),B=a(8069),D=a(1324),O=a(821),$=a(6753),P=a(2673),H=a(5987);let F,K,I,U,V,Y,X,Z,_,j,q,G,J,Q,ee,te,ae,se,ne,ie,le,oe,re,de,he,ce,ue,ge,Ae,pe,ve,me,ye,ke,fe,be,we,Ce,Me,Ee,We,xe,Ne,Te,Re,Se,Le,ze,Be,De,Oe,$e,Pe,He;const{defineElement:Fe,property:Ke,event:Ie,method:Ue}=(0,g.createDecorators)(),Ve=(0,c.forwardRef)(wt);let Ye;var Xe=new WeakMap,Ze=new WeakMap,_e=new WeakMap,je=new WeakMap,qe=new WeakMap,Ge=new WeakMap,Je=new WeakMap,Qe=new WeakMap,et=new WeakMap,tt=new WeakMap,at=new WeakMap,st=new WeakMap,nt=new WeakMap,it=new WeakMap,lt=new WeakMap,ot=new WeakSet,rt=new WeakMap,dt=new WeakMap,ht=new WeakMap,ct=new WeakMap,ut=new WeakMap,gt=new WeakMap,At=new WeakMap,pt=new WeakMap,vt=new WeakMap,mt=new WeakMap,yt=new WeakMap,kt=new WeakMap,ft=new WeakMap;class bt extends A.ReactNextElement{constructor(){super(...arguments),(0,n.A)(this,ot),(0,i.A)(this,Xe,(F(this),I(this))),(0,i.A)(this,Ze,(U(this),V(this))),(0,i.A)(this,_e,(Y(this),X(this))),(0,i.A)(this,je,(Z(this),_(this))),(0,i.A)(this,qe,(j(this),q(this))),(0,i.A)(this,Ge,(G(this),J(this))),(0,i.A)(this,Je,(Q(this),ee(this))),(0,i.A)(this,Qe,(te(this),ae(this))),(0,i.A)(this,et,(se(this),ne(this))),(0,i.A)(this,tt,(ie(this),le(this))),(0,i.A)(this,at,(oe(this),re(this,!0))),(0,i.A)(this,st,(de(this),he(this,!0))),(0,i.A)(this,nt,(ce(this),ue(this,!0))),(0,i.A)(this,it,(ge(this),Ae(this))),(0,i.A)(this,lt,(pe(this),ve(this))),(0,i.A)(this,rt,(ke(this),e=>{(0,o.A)(ot,this,me).emit(e)})),(0,i.A)(this,dt,fe(this)),(0,i.A)(this,ht,(Ce(this),e=>{(0,o.A)(ot,this,be).emit(e)})),(0,i.A)(this,ct,Me(this)),(0,i.A)(this,ut,(xe(this),e=>{(0,o.A)(ot,this,Ee).emit(e)})),(0,i.A)(this,gt,Ne(this)),(0,i.A)(this,At,(Se(this),e=>{(0,o.A)(ot,this,Te).emit(e)})),(0,i.A)(this,pt,Le(this)),(0,i.A)(this,vt,(De(this),e=>{(0,o.A)(ot,this,ze).emit(e)})),(0,i.A)(this,mt,Oe(this)),(0,i.A)(this,yt,(He(this),e=>{(0,o.A)(ot,this,$e).emit(e)})),(0,i.A)(this,kt,(e=>{(0,P.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,i.A)(this,ft,(0,c.createRef)())}get layout(){return(0,d.A)(Xe,this)}set layout(e){(0,r.A)(Xe,this,e)}get nodes(){return(0,d.A)(Ze,this)}set nodes(e){(0,r.A)(Ze,this,e)}get edges(){return(0,d.A)(_e,this)}set edges(e){(0,r.A)(_e,this,e)}get nodeBricks(){return(0,d.A)(je,this)}set nodeBricks(e){(0,r.A)(je,this,e)}get lines(){return(0,d.A)(qe,this)}set lines(e){(0,r.A)(qe,this,e)}get layoutOptions(){return(0,d.A)(Ge,this)}set layoutOptions(e){(0,r.A)(Ge,this,e)}get activeTarget(){return(0,d.A)(Je,this)}set activeTarget(e){(0,r.A)(Je,this,e)}get disableKeyboardAction(){return(0,d.A)(Qe,this)}set disableKeyboardAction(e){(0,r.A)(Qe,this,e)}get connectNodes(){return(0,d.A)(et,this)}set connectNodes(e){(0,r.A)(et,this,e)}get dragNodes(){return(0,d.A)(tt,this)}set dragNodes(e){(0,r.A)(tt,this,e)}get zoomable(){return(0,d.A)(at,this)}set zoomable(e){(0,r.A)(at,this,e)}get scrollable(){return(0,d.A)(st,this)}set scrollable(e){(0,r.A)(st,this,e)}get pannable(){return(0,d.A)(nt,this)}set pannable(e){(0,r.A)(nt,this,e)}get scaleRange(){return(0,d.A)(it,this)}set scaleRange(e){(0,r.A)(it,this,e)}callOnLineLabel(e,t){for(var a,s=arguments.length,n=new Array(s>2?s-2:0),i=2;i<s;i++)n[i-2]=arguments[i];null===(a=(0,d.A)(ft,this).current)||void 0===a||a.callOnLineLabel(e,t,...n)}render(){return u().createElement(Ve,{ref:(0,d.A)(ft,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,d.A)(rt,this),onSwitchActiveTarget:(0,d.A)(kt,this),onNodeDelete:(0,d.A)(ht,this),onEdgeDelete:(0,d.A)(ut,this),onLineClick:(0,d.A)(At,this),onLineDoubleClick:(0,d.A)(vt,this),onNodesConnect:(0,d.A)(yt,this)})}}function wt(e,t){let{layout:a,nodes:s,edges:n,nodeBricks:i,lines:l,layoutOptions:o,connectNodes:r,dragNodes:d,activeTarget:h,disableKeyboardAction:g,zoomable:A,scrollable:m,pannable:O,scaleRange:F,onActiveTargetChange:K,onSwitchActiveTarget:I,onNodeDelete:U,onEdgeDelete:V,onLineClick:Y,onLineDoubleClick:X,onNodesConnect:Z}=e;const[_,j]=(0,c.useState)(!1),[q,G]=(0,c.useState)(0),[J,Q]=(0,c.useState)(null),[ee,te]=(0,c.useState)(!1),[ae,se]=(0,c.useState)(0),[ne,ie]=(0,c.useState)(null),[le,oe]=(0,c.useState)([]),[re,de]=(0,c.useState)(!1),[he,ce]=(0,c.useState)({k:1,x:0,y:0}),ue=(0,c.useRef)(new Map),ge=(0,c.useRef)(null),Ae=(0,c.useRef)(null),[pe,ve]=(0,c.useState)(!1),{userViewReady:me,userViewNodesMap:ye,saveUserView:ke}=(0,$._)(null==d?void 0:d.save),[fe,be]=(0,c.useState)([0,0]),[we,Ce]=(0,c.useState)(null),[Me,Ee]=(0,c.useState)("initial"),[We,xe]=(0,c.useState)(null);(0,c.useImperativeHandle)(t,(()=>({callOnLineLabel(e,t){for(var a,s=arguments.length,n=new Array(s>2?s-2:0),i=2;i<s;i++)n[i-2]=arguments[i];null==ne||null===(a=ne.get(e))||void 0===a||null===(a=a.firstElementChild)||void 0===a||a[t](...n)}}))),(0,c.useEffect)((()=>{const e=e=>{(0,L.P)(e,{nodes:s,nodesRefRepository:J,connectNodes:r,dragNodes:d,scale:he.k,setConnectLineState:Ce,setConnectLineTo:be,setManualLayoutStatus:Ee,setNodeMovement:xe,onSwitchActiveTarget:I,onNodesConnect:Z})},t=Ae.current;return null==t||t.addEventListener("mousedown",e),()=>{null==t||t.removeEventListener("mousedown",e)}}),[s,r,d,he.k,J,Z,I]);const{normalizedLines:Ne,normalizedLinesMap:Te,markers:Re}=(0,c.useMemo)((()=>(0,E.t)(n,l)),[n,l]),Se=(0,c.useMemo)((()=>Ne.flatMap((e=>{let t,a,{line:{text:s,label:n,$id:i},edge:l}=e;return s||n?(n?(t="label",a=[].concat(n)):(t="text",a=[].concat(s)),a.map((e=>{var a;return{[t]:e,id:`${i}-${null!==(a=e.placement)&&void 0!==a?a:"center"}`,edge:l}}))):[]}))),[Ne]),{nodes:Le,edges:ze}=(0,B.o)({layout:a,nodes:s,edges:n,manualLayoutStatus:Me,userViewReady:me,userViewNodesMap:ye,nodeMovement:We,nodesRefRepository:J,lineLabelsRefRepository:ne,normalizedLinesMap:Te,layoutOptions:o,nodesRenderId:q,lineLabelsRenderId:ae});(0,c.useEffect)((()=>{"finished"===Me&&ke(Le.map((e=>({id:e.id,x:e.x,y:e.y}))))}),[Me]);const Be=(0,c.useMemo)((()=>(0,M.R)(ze,Le,Ne)),[Ne,Le,ze]),De=null!=h?h:null,[Oe,$e]=(0,c.useState)(De);(0,c.useEffect)((()=>{$e((e=>(0,P.c)(e,De)?e:De))}),[De]);const Pe=(0,c.useRef)(!1);(0,c.useEffect)((()=>{Pe.current?null==K||K(Oe):Pe.current=!0}),[Oe,K]),(0,c.useEffect)((()=>{const e=ge.current;if(!e||g)return;const t=e=>{const t=(0,w.a)(e,{renderedNodes:Le,activeTarget:Oe});"delete-node"===(null==t?void 0:t.action)?null==U||U(t.node):"delete-edge"===(null==t?void 0:t.action)?null==V||V(t.edge):"switch-active-node"===(null==t?void 0:t.action)&&t.node&&(null==I||I({type:"node",nodeId:t.node.id}))};return e.addEventListener("keydown",t),()=>{e.removeEventListener("keydown",t)}}),[Oe,Le,g,I,U,V]);const He=(0,c.useCallback)((e=>{e&&(G((e=>e+1)),Q(e)),j((t=>t||!!e))}),[]),Fe=(0,c.useCallback)((e=>{e&&(se((e=>e+1)),ie(e)),te((t=>t||!!e))}),[]),Ke=(0,c.useMemo)((()=>null!=F?F:[z.sS,z.Yt]),[F]),Ie=(0,c.useMemo)((()=>(0,v.s_)()),[]);(0,c.useEffect)((()=>{let e=!1;Ie.scaleExtent(A?Ke:[1,1]).on("start",(()=>{e=!1,de(!0)})).on("zoom",(t=>{e=!0,ce(t.transform)})).on("end",(()=>{de(!1),e||null==I||I(null)}))}),[I,Ke,A,Ie]),(0,c.useEffect)((()=>{const e=ge.current;if(!e)return;const t=(0,p.A)(e),a=()=>{t.on(".zoom",null).on(".zoom.custom",null).on("wheel",null)};if(A||m||O)return(A||m)&&t.on("wheel.zoom.custom",(e=>{e.ctrlKey||(e.stopImmediatePropagation(),m&&(e.preventDefault(),Ie.translateBy(t,e.wheelDeltaX/5,e.wheelDeltaY/5)))})),t.call(Ie).on("wheel",(e=>e.preventDefault())).on("dblclick.zoom",null),O||t.on("mousedown.zoom",null).on("touchstart.zoom",null).on("touchmove.zoom",null).on("touchend.zoom",null),a;a()}),[O,m,A,Ie]),(0,c.useEffect)((()=>{const e=ge.current;if(0===Le.length||!e||pe)return;const{k:t,x:a,y:s}=(0,C.r)(Le,{canvasWidth:e.clientWidth,canvasHeight:e.clientHeight,scaleRange:A?Ke:void 0});Ie.transform((0,p.A)(e),new v.uV(t,a,s)),ve(!0)}),[pe,Le,Ke,A,Ie]);const Ue=(0,c.useMemo)((()=>`${(0,k.uniqueId)("diagram-")}-`),[]),Ve=`${Ue}line-arrow-`,Ye=`${Ue}mask-`,Xe=`${Ue}active-line-`;(0,c.useEffect)((()=>{oe((e=>(0,S.z)(e,Be,ue.current)))}),[Be]);const[Ze,_e]=u().useState(new Map);return(0,c.useEffect)((()=>{if(!ne)return;(0,D.F)(le,ne);const e=new f.A((()=>{_e((0,H.G)(le,ne))}));for(const t of ne.values())e.observe(t);return()=>{e.disconnect()}}),[ae,ne,le]),"dagre"!==a&&"force"!==a?u().createElement("div",null,`Diagram layout not supported: "${a}"`):u().createElement("div",{className:y()("diagram",{ready:_&&pe,grabbing:re,pannable:O}),tabIndex:-1,ref:ge},u().createElement("svg",{width:"100%",height:"100%",className:"lines"},u().createElement("defs",null,Re.map(((e,t)=>{let{type:a,strokeColor:s}=e;return u().createElement(N.c,{key:t,id:`${Ve}${t}`,type:a,strokeColor:s})})),[...Ze].map((e=>{let[t,a]=e;return u().createElement(T.y,{key:t,lineId:t,rects:a,maskPrefix:Ye,renderedLineLabels:le})})),u().createElement("marker",{id:`${Xe}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:`${Xe}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(${he.x} ${he.y}) scale(${he.k})`},Be.map((e=>u().createElement(x.m,{key:e.line.$id,line:e,linePaths:ue.current,lineMaskRects:Ze,maskPrefix:Ye,markerPrefix:Ve,activeLineMarkerPrefix:Xe,active:"edge"===(null==Oe?void 0:Oe.type)&&Oe.edge.source===e.edge.source&&Oe.edge.target===e.edge.target,activeRelated:"node"===(null==Oe?void 0:Oe.type)&&(e.edge.source===Oe.nodeId||e.edge.target===Oe.nodeId),onLineClick:Y,onLineDoubleClick:X}))))),u().createElement("div",{className:y()("line-labels",{ready:ee}),style:{left:he.x,top:he.y,transform:`scale(${he.k})`}},u().createElement(W.d2,{labels:Se,onRendered:Fe})),u().createElement("div",{className:"nodes",ref:Ae,style:{left:he.x,top:he.y,transform:`scale(${he.k})`}},u().createElement(b.p,{nodes:s,nodeBricks:i,onRendered:He})),u().createElement(R.w,{connectLineState:we,connectLineTo:fe,markerPrefix:Ve}))}s=bt,({e:[I,U,V,Y,X,Z,_,j,q,G,J,Q,ee,te,ae,se,ne,ie,le,oe,re,de,he,ce,ue,ge,Ae,pe,ve,me,ye,ke,fe,be,we,Ce,Me,Ee,We,xe,Ne,Te,Re,Se,Le,ze,Be,De,Oe,$e,Pe,He,F],c:[Ye,K]}=(0,h.A)(s,[Fe("eo-diagram",{styleTexts:[O.A]})],[[Ke({type:String}),1,"layout"],[Ke({attribute:!1}),1,"nodes"],[Ke({attribute:!1}),1,"edges"],[Ke({attribute:!1}),1,"nodeBricks"],[Ke({attribute:!1}),1,"lines"],[Ke({attribute:!1}),1,"layoutOptions"],[Ke({attribute:!1}),1,"activeTarget"],[Ke({type:Boolean}),1,"disableKeyboardAction"],[Ke({attribute:!1}),1,"connectNodes"],[Ke({attribute:!1}),1,"dragNodes"],[Ke({type:Boolean}),1,"zoomable"],[Ke({type:Boolean}),1,"scrollable"],[Ke({type:Boolean}),1,"pannable"],[Ke({attribute:!1}),1,"scaleRange"],[Ie({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>(0,d.A)(lt,e),(e,t)=>(0,r.A)(lt,e,t)],[Ie({type:"node.delete"}),1,"nodeDelete",e=>(0,d.A)(dt,e),(e,t)=>(0,r.A)(dt,e,t)],[Ie({type:"edge.delete"}),1,"edgeDelete",e=>(0,d.A)(ct,e),(e,t)=>(0,r.A)(ct,e,t)],[Ie({type:"line.click"}),1,"lineClick",e=>(0,d.A)(gt,e),(e,t)=>(0,r.A)(gt,e,t)],[Ie({type:"line.dblclick"}),1,"lineDoubleClick",e=>(0,d.A)(pt,e),(e,t)=>(0,r.A)(pt,e,t)],[Ie({type:"nodes.connect"}),1,"connectNodes",e=>(0,d.A)(mt,e),(e,t)=>(0,r.A)(mt,e,t)],[Ue(),2,"callOnLineLabel"]],0,(e=>ft.has((0,l.A)(e))),A.ReactNextElement)),K();var Ct,Mt=a(3971);let Et,Wt,xt,Nt,Tt,Rt,St,Lt,zt,Bt,Dt,Ot,$t,Pt,Ht,Ft;const{defineElement:Kt,property:It,event:Ut,method:Vt}=(0,g.createDecorators)(),Yt=(0,c.forwardRef)(sa);let Xt;var Zt=new WeakMap,_t=new WeakMap,jt=new WeakMap,qt=new WeakMap,Gt=new WeakSet,Jt=new WeakMap,Qt=new WeakMap,ea=new WeakMap,ta=new WeakMap;class aa extends A.ReactNextElement{constructor(){super(...arguments),(0,n.A)(this,Gt),(0,i.A)(this,Zt,(Et(this),xt(this))),(0,i.A)(this,_t,(Nt(this),Tt(this))),(0,i.A)(this,jt,(Rt(this),St(this))),(0,i.A)(this,qt,(Lt(this),zt(this))),(0,i.A)(this,Jt,(Ot(this),e=>{(0,o.A)(Gt,this,Bt).emit(e)})),(0,i.A)(this,Qt,$t(this)),(0,i.A)(this,ea,(Ft(this),e=>{(0,o.A)(Gt,this,Pt).emit(e)})),(0,i.A)(this,ta,(0,c.createRef)())}get label(){return(0,d.A)(Zt,this)}set label(e){(0,r.A)(Zt,this,e)}get type(){return(0,d.A)(_t,this)}set type(e){(0,r.A)(_t,this,e)}get readOnly(){return(0,d.A)(jt,this)}set readOnly(e){(0,r.A)(jt,this,e)}enableEditing(){var e;null===(e=(0,d.A)(ta,this).current)||void 0===e||e.enableEditing()}render(){return u().createElement(Yt,{ref:(0,d.A)(ta,this),label:this.label,readOnly:this.readOnly,onLabelEditingChange:(0,d.A)(Jt,this),onLabelChange:(0,d.A)(ea,this)})}}function sa(e,t){let{label:a,readOnly:s,onLabelChange:n,onLabelEditingChange:i}=e;const l=null!=a?a:"",[o,r]=(0,c.useState)(l),[d,h]=(0,c.useState)(!1),g=(0,c.useRef)(!1),[A,p]=(0,c.useState)(!1),v=(0,c.useRef)(null);(0,c.useImperativeHandle)(t,(()=>({enableEditing(){s||h(!0)}}))),(0,c.useEffect)((()=>{r(l)}),[l]);const m=(0,c.useCallback)((e=>{s||(e.preventDefault(),e.stopPropagation(),h(!0))}),[s]);(0,c.useEffect)((()=>{var e,t;d&&(null===(e=v.current)||void 0===e||e.focus({preventScroll:!0}),null===(t=v.current)||void 0===t||t.select())}),[d]),(0,c.useEffect)((()=>{g.current?null==i||i(d):g.current=!0}),[d,i]);const k=(0,c.useCallback)((e=>{r(e.target.value)}),[]),f=(0,c.useCallback)((e=>{e.stopPropagation();const t=e.key||e.keyCode||e.which;var a;"Enter"!==t&&13!==t||null===(a=v.current)||void 0===a||a.blur()}),[]),b=(0,c.useCallback)((()=>{h(!1),p(!0)}),[]);(0,c.useEffect)((()=>{A&&(null==n||n(o),p(!1))}),[o,n,A]);const w=(0,c.useCallback)((e=>{e.stopPropagation()}),[]);return u().createElement("div",{className:y()("label",{editing:d,empty:!o}),onDoubleClick:w,onMouseDown:w},u().createElement("input",{className:"label-input",value:o,ref:v,onChange:k,onKeyDown:f,onBlur:b,onContextMenu:w}),u().createElement("div",{className:"label-text",onDoubleClick:m},o))}Ct=aa,({e:[xt,Nt,Tt,Rt,St,Lt,zt,Bt,Dt,Ot,$t,Pt,Ht,Ft,Et],c:[Xt,Wt]}=(0,h.A)(Ct,[Kt("diagram.editable-label",{styleTexts:[Mt.A]})],[[It(),1,"label"],[It({render:!1}),1,"type"],[It({type:Boolean}),1,"readOnly"],[Ut({type:"label.editing.change"}),1,"labelEditingChange",e=>(0,d.A)(qt,e),(e,t)=>(0,r.A)(qt,e,t)],[Ut({type:"label.change"}),1,"labelChange",e=>(0,d.A)(Qt,e),(e,t)=>(0,r.A)(Qt,e,t)],[Vt(),2,"enableEditing"]],0,(e=>ta.has((0,l.A)(e))),A.ReactNextElement)),Wt(),a(9068);var na,ia=a(497);let la,oa,ra,da,ha,ca,ua,ga,Aa,pa,va,ma,ya,ka,fa,ba,wa,Ca,Ma;const{defineElement:Ea,property:Wa,event:xa}=(0,g.createDecorators)();let Na;var Ta=new WeakMap,Ra=new WeakMap,Sa=new WeakMap,La=new WeakMap,za=new WeakSet,Ba=new WeakMap,Da=new WeakMap,Oa=new WeakMap,$a=new WeakMap,Pa=new WeakMap;class Ha extends A.ReactNextElement{constructor(){super(...arguments),(0,n.A)(this,za),(0,i.A)(this,Ta,oa(this)),(0,i.A)(this,Ra,(ra(this),da(this))),(0,i.A)(this,Sa,(ha(this),ca(this))),(0,i.A)(this,La,(ua(this),ga(this))),(0,i.A)(this,Ba,(va(this),e=>{(0,o.A)(za,this,Aa).emit(e)})),(0,i.A)(this,Da,ma(this)),(0,i.A)(this,Oa,(fa(this),e=>{(0,o.A)(za,this,ya).emit(e)})),(0,i.A)(this,$a,ba(this)),(0,i.A)(this,Pa,(Ma(this),e=>{(0,o.A)(za,this,wa).emit(e)}))}get usage(){return(0,d.A)(Ta,this)}set usage(e){(0,r.A)(Ta,this,e)}get status(){return(0,d.A)(Ra,this)}set status(e){(0,r.A)(Ra,this,e)}get decorator(){return(0,d.A)(Sa,this)}set decorator(e){(0,r.A)(Sa,this,e)}render(){return u().createElement(Fa,{usage:this.usage,onDragStart:(0,d.A)(Ba,this),onDragMove:(0,d.A)(Oa,this),onDragEnd:(0,d.A)(Pa,this)})}}function Fa(e){let{usage:t,onDragStart:a,onDragMove:s,onDragEnd:n}=e;const i=(0,c.useCallback)((e=>{if("library"!==t)return;e.stopPropagation(),e.preventDefault();const i=[e.clientX,e.clientY];let l=!1;const o=e=>{l||(l=(e.clientX-i[0])**2+(e.clientY-i[1])**2>=9,l&&(null==a||a([e.clientX,e.clientY]))),l&&(null==s||s([e.clientX,e.clientY]))},r=e=>{document.removeEventListener("mousemove",o),document.removeEventListener("mouseup",r),l&&(null==n||n([e.clientX,e.clientY]))};document.addEventListener("mousemove",o),document.addEventListener("mouseup",r)}),[n,s,a,t]);return u().createElement("div",{onMouseDown:i},u().createElement("slot",null))}na=Ha,({e:[oa,ra,da,ha,ca,ua,ga,Aa,pa,va,ma,ya,ka,fa,ba,wa,Ca,Ma],c:[Na,la]}=(0,h.A)(na,[Ea("diagram.experimental-node",{styleTexts:[ia.A]})],[[Wa(),1,"usage"],[Wa({type:String,render:!1}),1,"status"],[Wa({type:String}),1,"decorator"],[xa({type:"drag.start"}),1,"dragStartEvent",e=>(0,d.A)(La,e),(e,t)=>(0,r.A)(La,e,t)],[xa({type:"drag.move"}),1,"dragMoveEvent",e=>(0,d.A)(Da,e),(e,t)=>(0,r.A)(Da,e,t)],[xa({type:"drag.end"}),1,"dragEndEvent",e=>(0,d.A)($a,e),(e,t)=>(0,r.A)($a,e,t)]],0,(e=>Pa.has((0,l.A)(e))),A.ReactNextElement)),la();var Ka,Ia=a(8185),Ua=a(9274),Va=a(3783),Ya=a(3033),Xa=a(8091),Za=a(1819),_a=a(5748),ja=a(227),qa=a(531),Ga=a(7099),Ja=a(1484),Qa=a(8197),es=a(7531),ts=a(2098),as=a(3012),ss=a(6237);let ns,is,ls,os,rs,ds,hs,cs,us,gs,As,ps,vs,ms,ys,ks,fs,bs,ws,Cs,Ms,Es,Ws,xs,Ns,Ts,Rs,Ss,Ls,zs,Bs,Ds,Os,$s,Ps,Hs,Fs,Ks,Is,Us,Vs,Ys,Xs,Zs,_s,js,qs,Gs,Js;const{defineElement:Qs,property:en,event:tn}=(0,g.createDecorators)();let an;var sn=new WeakMap,nn=new WeakMap,ln=new WeakMap,on=new WeakMap,rn=new WeakMap,dn=new WeakMap,hn=new WeakMap,cn=new WeakMap,un=new WeakMap,gn=new WeakMap,An=new WeakMap,pn=new WeakMap,vn=new WeakMap,mn=new WeakMap,yn=new WeakMap,kn=new WeakMap,fn=new WeakMap,bn=new WeakMap,wn=new WeakMap,Cn=new WeakSet,Mn=new WeakMap,En=new WeakMap,Wn=new WeakMap,xn=new WeakMap,Nn=new WeakMap,Tn=new WeakMap;class Rn extends A.ReactNextElement{constructor(){super(...arguments),(0,n.A)(this,Cn),(0,i.A)(this,sn,is(this)),(0,i.A)(this,nn,(ls(this),os(this))),(0,i.A)(this,ln,(rs(this),ds(this))),(0,i.A)(this,on,(hs(this),cs(this,[Ya.HP,Ya.HP]))),(0,i.A)(this,rn,(us(this),gs(this))),(0,i.A)(this,dn,(As(this),ps(this))),(0,i.A)(this,hn,(vs(this),ms(this))),(0,i.A)(this,cn,(ys(this),ks(this))),(0,i.A)(this,un,(fs(this),bs(this))),(0,i.A)(this,gn,(ws(this),Cs(this))),(0,i.A)(this,An,(Ms(this),Es(this,!0))),(0,i.A)(this,pn,(Ws(this),xs(this,!0))),(0,i.A)(this,vn,(Ns(this),Ts(this,!0))),(0,i.A)(this,mn,(Rs(this),Ss(this))),(0,i.A)(this,yn,(Ls(this),zs(this))),(0,i.A)(this,kn,(Bs(this),Ds(this))),(0,i.A)(this,fn,(Os(this),$s(this))),(0,i.A)(this,bn,(Ps(this),Hs(this))),(0,i.A)(this,wn,(Fs(this),Ks(this))),(0,i.A)(this,Mn,(Vs(this),e=>{(0,o.A)(Cn,this,Is).emit(e)})),(0,i.A)(this,En,(e=>{(0,Ia.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,i.A)(this,Wn,Ys(this)),(0,i.A)(this,xn,(_s(this),e=>{(0,o.A)(Cn,this,Xs).emit(e)})),(0,i.A)(this,Nn,js(this)),(0,i.A)(this,Tn,(Js(this),e=>{(0,o.A)(Cn,this,qs).emit(e)}))}get cells(){return(0,d.A)(sn,this)}set cells(e){(0,r.A)(sn,this,e)}get layout(){return(0,d.A)(nn,this)}set layout(e){(0,r.A)(nn,this,e)}get layoutOptions(){return(0,d.A)(ln,this)}set layoutOptions(e){(0,r.A)(ln,this,e)}get defaultNodeSize(){return(0,d.A)(on,this)}set defaultNodeSize(e){(0,r.A)(on,this,e)}get defaultNodeBricks(){return(0,d.A)(rn,this)}set defaultNodeBricks(e){(0,r.A)(rn,this,e)}get degradedThreshold(){return(0,d.A)(dn,this)}set degradedThreshold(e){(0,r.A)(dn,this,e)}get degradedNodeLabel(){return(0,d.A)(hn,this)}set degradedNodeLabel(e){(0,r.A)(hn,this,e)}get defaultEdgeLines(){return(0,d.A)(cn,this)}set defaultEdgeLines(e){(0,r.A)(cn,this,e)}get activeTarget(){return(0,d.A)(un,this)}set activeTarget(e){(0,r.A)(un,this,e)}get fadeUnrelatedCells(){return(0,d.A)(gn,this)}set fadeUnrelatedCells(e){(0,r.A)(gn,this,e)}get zoomable(){return(0,d.A)(An,this)}set zoomable(e){(0,r.A)(An,this,e)}get scrollable(){return(0,d.A)(pn,this)}set scrollable(e){(0,r.A)(pn,this,e)}get pannable(){return(0,d.A)(vn,this)}set pannable(e){(0,r.A)(vn,this,e)}get scaleRange(){return(0,d.A)(mn,this)}set scaleRange(e){(0,r.A)(mn,this,e)}get hideZoomBar(){return(0,d.A)(yn,this)}set hideZoomBar(e){(0,r.A)(yn,this,e)}get autoCenterWhenCellsChange(){return(0,d.A)(kn,this)}set autoCenterWhenCellsChange(e){(0,r.A)(kn,this,e)}get doNotResetActiveTargetForSelector(){return(0,d.A)(fn,this)}set doNotResetActiveTargetForSelector(e){(0,r.A)(fn,this,e)}get doNotResetActiveTargetOutsideCanvas(){return(0,d.A)(bn,this)}set doNotResetActiveTargetOutsideCanvas(e){(0,r.A)(bn,this,e)}render(){return u().createElement(Sn,{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,hideZoomBar:this.hideZoomBar,doNotResetActiveTargetForSelector:this.doNotResetActiveTargetForSelector,doNotResetActiveTargetOutsideCanvas:this.doNotResetActiveTargetOutsideCanvas,autoCenterWhenCellsChange:this.autoCenterWhenCellsChange,onActiveTargetChange:(0,d.A)(Mn,this),onSwitchActiveTarget:(0,d.A)(En,this),onCellContextMenu:(0,d.A)(xn,this),onCellClick:(0,d.A)(Tn,this)})}}function Sn(e){let{shadowRoot:t,cells:a,layout:s,layoutOptions:n,defaultNodeSize:i,defaultNodeBricks:l,defaultEdgeLines:o,degradedThreshold:r,degradedNodeLabel:d,activeTarget:h,fadeUnrelatedCells:g,zoomable:A,scrollable:v,pannable:m,scaleRange:f,hideZoomBar:b,autoCenterWhenCellsChange:w,doNotResetActiveTargetForSelector:C,doNotResetActiveTargetOutsideCanvas:M,onActiveTargetChange:E,onSwitchActiveTarget:W,onCellContextMenu:x,onCellClick:T}=e;const[{cells:R,layoutKey:S},L]=(0,c.useReducer)(_a.d,a,(e=>({cells:(0,Va.C)(e,{defaultNodeSize:i}),layoutKey:1}))),z=(0,c.useMemo)((()=>R.filter(qa.N).length>=(null!=r?r:Ya.pC)),[R,r]),B=(0,c.useRef)(null),{grabbing:D,transform:O,zoomer:$,scaleRange:P}=(0,Xa.f)({rootRef:B,zoomable:A,scrollable:v,pannable:m,draggable:!0,scaleRange:f,onSwitchActiveTarget:W}),{centered:H,setCentered:F,getNextLayoutKey:K}=(0,Ja.g)({layout:s,layoutOptions:n,rootRef:B,cells:R,zoomable:A,zoomer:$,scaleRange:P,layoutKey:S,autoCenterWhenCellsChange:w,dispatch:L}),I=(0,c.useCallback)((()=>{F(!1)}),[F]),U=(0,c.useRef)(a);(0,c.useEffect)((()=>{if(a!==U.current){U.current=a;const e=(0,ts.L)({canvasWidth:t.host.clientWidth,canvasHeight:t.host.clientHeight,defaultNodeSize:i,layout:s,previousCells:R,cells:a,scaleRange:P,transform:O});L({type:"update-cells",payload:e.cells})}}),[R,i,a,s,P,t,O]);const V=(0,Za.J)({rootRef:B,activeTarget:h,doNotResetActiveTargetForSelector:C,doNotResetActiveTargetOutsideCanvas:M,onActiveTargetChange:E}),Y=`${(0,c.useMemo)((()=>`${(0,k.uniqueId)("diagram-")}-`),[])}line-arrow-`,X=(0,c.useCallback)(((e,t)=>{L({type:"update-node-size",payload:{id:e,size:t},layoutKey:K()})}),[K]),[Z,_]=(0,c.useState)(null),j=(0,c.useCallback)((e=>{_(e)}),[]),q=(0,c.useCallback)((e=>{_((t=>t===e?null:t))}),[]),[G,J]=(0,c.useState)([]);(0,c.useEffect)((()=>{const e=g?(0,ja.Y)(R,null,Z):[];J((t=>0===t.length&&0===e.length?t:e))}),[R,g,Z]);const Q=(0,c.useCallback)((e=>{$.scaleTo((0,p.A)(B.current),e/100)}),[$]),{lineConfMap:ee,markers:te}=(0,es.d)({cells:R,defaultEdgeLines:o,markerPrefix:Y}),ae=(0,Qa.H)({cells:R,layout:s,centered:H});return u().createElement(u().Fragment,null,u().createElement("svg",{width:"100%",height:"100%",ref:B,className:y()("root",{grabbing:D,pannable:m,ready:ae}),tabIndex:-1},u().createElement("defs",null,te.map(((e,t)=>u().createElement(N.c,{key:t,id:`${Y}${t}`,type:e.markerType,strokeColor:e.strokeColor})))),u().createElement("g",{transform:`translate(${O.x} ${O.y}) scale(${O.k})`},u().createElement("g",{className:"cells"},R.map((e=>u().createElement(Ua.m,{key:`${e.type}:${(0,qa.WW)(e)?`${e.source}~${e.target}`:e.id}`,layout:s,cell:e,cells:R,degraded:z,degradedNodeLabel:d,defaultNodeBricks:l,lineConfMap:ee,transform:O,activeTarget:V,readOnly:!0,unrelatedCells:G,onSwitchActiveTarget:W,onCellContextMenu:x,onCellClick:T,onNodeBrickResize:X,onCellMouseEnter:g&&(0,qa.N)(e)?j:void 0,onCellMouseLeave:g&&(0,qa.N)(e)?q:void 0})))))),!b&&u().createElement(Ga.Y,{shadowRoot:t,scale:O.k,scaleRange:P,onZoomChange:Q,onReCenter:I}))}Ka=Rn,({e:[is,ls,os,rs,ds,hs,cs,us,gs,As,ps,vs,ms,ys,ks,fs,bs,ws,Cs,Ms,Es,Ws,xs,Ns,Ts,Rs,Ss,Ls,zs,Bs,Ds,Os,$s,Ps,Hs,Fs,Ks,Is,Us,Vs,Ys,Xs,Zs,_s,js,qs,Gs,Js],c:[an,ns]}=(0,h.A)(Ka,[Qs("eo-display-canvas",{styleTexts:[as.A,ss.A]})],[[en({attribute:!1}),1,"cells"],[en({type:String}),1,"layout"],[en({attribute:!1}),1,"layoutOptions"],[en({attribute:!1}),1,"defaultNodeSize"],[en({attribute:!1}),1,"defaultNodeBricks"],[en({type:Number}),1,"degradedThreshold"],[en({attribute:!1}),1,"degradedNodeLabel"],[en({attribute:!1}),1,"defaultEdgeLines"],[en({attribute:!1}),1,"activeTarget"],[en({type:Boolean}),1,"fadeUnrelatedCells"],[en({type:Boolean}),1,"zoomable"],[en({type:Boolean}),1,"scrollable"],[en({type:Boolean}),1,"pannable"],[en({attribute:!1}),1,"scaleRange"],[en({type:Boolean}),1,"hideZoomBar"],[en({type:Boolean}),1,"autoCenterWhenCellsChange"],[en(),1,"doNotResetActiveTargetForSelector"],[en({type:Boolean}),1,"doNotResetActiveTargetOutsideCanvas"],[tn({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>(0,d.A)(wn,e),(e,t)=>(0,r.A)(wn,e,t)],[tn({type:"cell.contextmenu"}),1,"cellContextMenu",e=>(0,d.A)(Wn,e),(e,t)=>(0,r.A)(Wn,e,t)],[tn({type:"cell.click"}),1,"cellClick",e=>(0,d.A)(Nn,e),(e,t)=>(0,r.A)(Nn,e,t)]],0,(e=>Tn.has((0,l.A)(e))),A.ReactNextElement)),ns()},9068:(e,t,a)=>{a.d(t,{uuidV4:()=>Za});var s,n=a(4635),i=a(918),l=a(6902),o=a(2559),r=a(5536),d=a(6121),h=a(829),c=a(2740),u=a(8769),g=a.n(u),A=a(300),p=a(4295),v=a(3078),m=(a(6477),a(1030)),y=a(3373),k=a.n(y),f=a(7566),b=a(5748),w=a(3739),C=a(531),M=a(8185),E=a(5114),W=a(9274),x=a(3639),N=a(3783),T=a(2098),R=a(227),S=a(3033),L=a(8091),z=a(1819),B=a(7099),D=a(1484),O=a(8197),$=a(7531),P=a(8875),H=a(2722),F=a(9978),K=a(2219),I=a(3012),U=a(6237),V=a(1103),Y=a(9386),X=a(1991),Z=a(2202),_=a(1825);let j,q,G,J,Q,ee,te,ae,se,ne,ie,le,oe,re,de,he,ce,ue,ge,Ae,pe,ve,me,ye,ke,fe,be,we,Ce,Me,Ee,We,xe,Ne,Te,Re,Se,Le,ze,Be,De,Oe,$e,Pe,He,Fe,Ke,Ie,Ue,Ve,Ye,Xe,Ze,_e,je,qe,Ge,Je,Qe,et,tt,at,st,nt,it,lt,ot,rt,dt,ht,ct,ut,gt,At,pt,vt,mt,yt,kt,ft,bt,wt,Ct,Mt,Et,Wt,xt,Nt,Tt,Rt,St,Lt,zt,Bt,Dt,Ot,$t,Pt,Ht,Ft;const Kt=(0,v.unwrapProvider)("basic.lock-body-scroll"),{defineElement:It,property:Ut,method:Vt,event:Yt}=(0,A.createDecorators)(),Xt=g().forwardRef(Xa);let Zt;var _t=new WeakMap,jt=new WeakMap,qt=new WeakMap,Gt=new WeakMap,Jt=new WeakMap,Qt=new WeakMap,ea=new WeakMap,ta=new WeakMap,aa=new WeakMap,sa=new WeakMap,na=new WeakMap,ia=new WeakMap,la=new WeakMap,oa=new WeakMap,ra=new WeakMap,da=new WeakMap,ha=new WeakMap,ca=new WeakMap,ua=new WeakMap,ga=new WeakMap,Aa=new WeakMap,pa=new WeakMap,va=new WeakSet,ma=new WeakMap,ya=new WeakMap,ka=new WeakMap,fa=new WeakMap,ba=new WeakMap,wa=new WeakMap,Ca=new WeakMap,Ma=new WeakMap,Ea=new WeakMap,Wa=new WeakMap,xa=new WeakMap,Na=new WeakMap,Ta=new WeakMap,Ra=new WeakMap,Sa=new WeakMap,La=new WeakMap,za=new WeakMap,Ba=new WeakMap,Da=new WeakMap,Oa=new WeakMap,$a=new WeakMap,Pa=new WeakMap,Ha=new WeakMap,Fa=new WeakMap,Ka=new WeakMap,Ia=new WeakMap,Ua=new WeakMap;class Va extends p.ReactNextElement{constructor(){super(...arguments),(0,n.A)(this,va),(0,i.A)(this,_t,(j(this),G(this))),(0,i.A)(this,jt,(J(this),Q(this))),(0,i.A)(this,qt,(ee(this),te(this))),(0,i.A)(this,Gt,(ae(this),se(this,[S.HP,S.HP]))),(0,i.A)(this,Jt,(ne(this),ie(this))),(0,i.A)(this,Qt,(le(this),oe(this))),(0,i.A)(this,ea,(re(this),de(this))),(0,i.A)(this,ta,(he(this),ce(this))),(0,i.A)(this,aa,(ue(this),ge(this))),(0,i.A)(this,sa,(Ae(this),pe(this))),(0,i.A)(this,na,(ve(this),me(this,!0))),(0,i.A)(this,ia,(ye(this),ke(this,!0))),(0,i.A)(this,la,(fe(this),be(this,!0))),(0,i.A)(this,oa,(we(this),Ce(this,!1))),(0,i.A)(this,ra,(Me(this),Ee(this))),(0,i.A)(this,da,(We(this),xe(this))),(0,i.A)(this,ha,(Ne(this),Te(this))),(0,i.A)(this,ca,(Re(this),Se(this))),(0,i.A)(this,ua,(Le(this),ze(this))),(0,i.A)(this,ga,(Be(this),De(this))),(0,i.A)(this,Aa,(Oe(this),$e(this))),(0,i.A)(this,pa,(Pe(this),He(this))),(0,i.A)(this,ma,(Ie(this),e=>{(0,r.A)(va,this,Fe).emit(e)})),(0,i.A)(this,ya,(e=>{(0,M.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,i.A)(this,ka,Ue(this)),(0,i.A)(this,fa,(Xe(this),Ze(this))),(0,i.A)(this,ba,(qe(this),e=>{(0,r.A)(va,this,_e).emit(e),"node"===e.type&&(0,r.A)(va,this,Ve).emit(e)})),(0,i.A)(this,wa,Ge(this)),(0,i.A)(this,Ca,(et(this),e=>{(0,r.A)(va,this,Je).emit(e)})),(0,i.A)(this,Ma,tt(this)),(0,i.A)(this,Ea,(nt(this),e=>{(0,r.A)(va,this,at).emit(e)})),(0,i.A)(this,Wa,it(this)),(0,i.A)(this,xa,(rt(this),dt(this))),(0,i.A)(this,Na,(ut(this),e=>{(0,r.A)(va,this,ht).emit(e),"node"===e.type&&(0,r.A)(va,this,lt).emit(e)})),(0,i.A)(this,Ta,gt(this)),(0,i.A)(this,Ra,(vt(this),e=>{(0,r.A)(va,this,At).emit(e)})),(0,i.A)(this,Sa,mt(this)),(0,i.A)(this,La,(ft(this),e=>{(0,r.A)(va,this,yt).emit(e)})),(0,i.A)(this,za,bt(this)),(0,i.A)(this,Ba,(Mt(this),e=>{(0,r.A)(va,this,wt).emit(e)})),(0,i.A)(this,Da,Et(this)),(0,i.A)(this,Oa,(Nt(this),e=>{(0,r.A)(va,this,Wt).emit(e)})),(0,i.A)(this,$a,Tt(this)),(0,i.A)(this,Pa,(Lt(this),e=>{(0,r.A)(va,this,Rt).emit(e)})),(0,i.A)(this,Ha,zt(this)),(0,i.A)(this,Fa,(Ot(this),e=>{(0,r.A)(va,this,Bt).emit(e)})),(0,i.A)(this,Ka,$t(this)),(0,i.A)(this,Ia,(Ft(this),e=>{(0,r.A)(va,this,Pt).emit(e)})),(0,i.A)(this,Ua,(0,u.createRef)())}get cells(){return(0,h.A)(_t,this)}set cells(e){(0,d.A)(_t,this,e)}get layout(){return(0,h.A)(jt,this)}set layout(e){(0,d.A)(jt,this,e)}get layoutOptions(){return(0,h.A)(qt,this)}set layoutOptions(e){(0,d.A)(qt,this,e)}get defaultNodeSize(){return(0,h.A)(Gt,this)}set defaultNodeSize(e){(0,d.A)(Gt,this,e)}get defaultNodeBricks(){return(0,h.A)(Jt,this)}set defaultNodeBricks(e){(0,d.A)(Jt,this,e)}get degradedThreshold(){return(0,h.A)(Qt,this)}set degradedThreshold(e){(0,d.A)(Qt,this,e)}get degradedNodeLabel(){return(0,h.A)(ea,this)}set degradedNodeLabel(e){(0,d.A)(ea,this,e)}get defaultEdgeLines(){return(0,h.A)(ta,this)}set defaultEdgeLines(e){(0,d.A)(ta,this,e)}get activeTarget(){return(0,h.A)(aa,this)}set activeTarget(e){(0,d.A)(aa,this,e)}get fadeUnrelatedCells(){return(0,h.A)(sa,this)}set fadeUnrelatedCells(e){(0,d.A)(sa,this,e)}get zoomable(){return(0,h.A)(na,this)}set zoomable(e){(0,d.A)(na,this,e)}get scrollable(){return(0,h.A)(ia,this)}set scrollable(e){(0,d.A)(ia,this,e)}get pannable(){return(0,h.A)(la,this)}set pannable(e){(0,d.A)(la,this,e)}get allowEdgeToArea(){return(0,h.A)(oa,this)}set allowEdgeToArea(e){(0,d.A)(oa,this,e)}get dragBehavior(){return(0,h.A)(ra,this)}set dragBehavior(e){(0,d.A)(ra,this,e)}get ctrlDragBehavior(){return(0,h.A)(da,this)}set ctrlDragBehavior(e){(0,d.A)(da,this,e)}get scaleRange(){return(0,h.A)(ha,this)}set scaleRange(e){(0,d.A)(ha,this,e)}get lineSettings(){return(0,h.A)(ca,this)}set lineSettings(e){(0,d.A)(ca,this,e)}get lineConnector(){return(0,h.A)(ua,this)}set lineConnector(e){(0,d.A)(ua,this,e)}get doNotResetActiveTargetForSelector(){return(0,h.A)(ga,this)}set doNotResetActiveTargetForSelector(e){(0,d.A)(ga,this,e)}get doNotResetActiveTargetOutsideCanvas(){return(0,h.A)(Aa,this)}set doNotResetActiveTargetOutsideCanvas(e){(0,d.A)(Aa,this,e)}async dropNode(e){var t,a;let{id:s,position:n,size:i,data:l,useBrick:o}=e;if(null===(t=(a=document).elementsFromPoint)||void 0===t||null===(t=t.call(a,n[0],n[1]))||void 0===t?void 0:t.includes(this)){var r,d,c;const e=this.getBoundingClientRect(),t=(0,h.A)(Ua,this).current.getTransform(),a={type:"node",id:s,view:{..."force"===this.layout||"dagre"===this.layout?null:{x:(n[0]-e.left-t.x)/t.k,y:(n[1]-e.top-t.y)/t.k},width:null!==(r=null==i?void 0:i[0])&&void 0!==r?r:this.defaultNodeSize[0],height:null!==(d=null==i?void 0:i[1])&&void 0!==d?d:this.defaultNodeSize[0]},data:l,useBrick:o};return null===(c=(0,h.A)(Ua,this).current)||void 0===c||c.dropNode(a),a}return null}async dropDecorator(e){var t,a;let{position:s,decorator:n,text:i,direction:l}=e;if(null===(t=(a=document).elementsFromPoint)||void 0===t||null===(t=t.call(a,s[0],s[1]))||void 0===t?void 0:t.includes(this)){var o;const e=this.getBoundingClientRect(),t=(0,h.A)(Ua,this).current.getTransform(),a={type:"decorator",decorator:n,id:Za(),view:{x:(s[0]-e.left-t.x)/t.k,y:(s[1]-e.top-t.y)/t.k,width:S.N8,height:S.w1,text:i,direction:l}};return null===(o=(0,h.A)(Ua,this).current)||void 0===o||o.dropDecorator(a),a}return null}async addNodes(e){if(0===e.length)return[];const t=e.map((e=>{var t,a;let{size:s,useBrick:n,id:i,data:l}=e;return{type:"node",id:i,data:l,view:{width:null!==(t=null==s?void 0:s[0])&&void 0!==t?t:this.defaultNodeSize[0],height:null!==(a=null==s?void 0:s[1])&&void 0!==a?a:this.defaultNodeSize[0]},useBrick:n}}));return(0,h.A)(Ua,this).current.addNodes(t,{defaultNodeSize:this.defaultNodeSize,canvasWidth:this.clientWidth,canvasHeight:this.clientHeight})}async addEdge(e){var t;let{source:a,target:s,data:n}=e;const i={type:"edge",source:a,target:s,data:n,view:this.lineSettings};return null===(t=(0,h.A)(Ua,this).current)||void 0===t||t.addEdge(i),i}manuallyConnectNodes(e){return(0,h.A)(Ua,this).current.manuallyConnectNodes(e)}async updateCells(e,t){await(0,o.A)(va,this,Ya).call(this);const{updated:a}=(0,h.A)(Ua,this).current.updateCells(e,{...t,defaultNodeSize:this.defaultNodeSize,canvasWidth:this.clientWidth,canvasHeight:this.clientHeight});return{updated:a}}async reCenter(){var e;null===(e=(0,h.A)(Ua,this).current)||void 0===e||e.reCenter()}disconnectedCallback(){super.disconnectedCallback(),Kt(this,!1)}render(){return g().createElement(Xt,{host:this,ref:(0,h.A)(Ua,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,lineSettings:this.lineSettings,lineConnector:this.lineConnector,allowEdgeToArea:this.allowEdgeToArea,doNotResetActiveTargetForSelector:this.doNotResetActiveTargetForSelector,doNotResetActiveTargetOutsideCanvas:this.doNotResetActiveTargetOutsideCanvas,onActiveTargetChange:(0,h.A)(ma,this),onSwitchActiveTarget:(0,h.A)(ya,this),onCellMove:(0,h.A)(ba,this),onCellsMove:(0,h.A)(Ca,this),onCellResize:(0,h.A)(Ea,this),onCellDelete:(0,h.A)(Na,this),onCellsDelete:(0,h.A)(Ra,this),onEdgeAdd:(0,h.A)(Ba,this),onCellContextMenu:(0,h.A)(La,this),onDecoratorTextChange:(0,h.A)(Pa,this),onContainerContainerChange:(0,h.A)(Fa,this),onScaleChange:(0,h.A)(Ia,this),onEdgeViewChange:(0,h.A)(Oa,this)})}}function Ya(){return new Promise((e=>{const t=()=>{(0,h.A)(Ua,this).current?e():setTimeout(t,10)};t()}))}function Xa(e,t){let{host:a,layout:s,layoutOptions:n,cells:i,defaultNodeSize:l,defaultNodeBricks:o,defaultEdgeLines:r,degradedThreshold:d,degradedNodeLabel:h,activeTarget:c,fadeUnrelatedCells:A,zoomable:p,scrollable:v,pannable:y,dragBehavior:M,ctrlDragBehavior:I,scaleRange:U,lineSettings:j,lineConnector:q,allowEdgeToArea:G,doNotResetActiveTargetForSelector:J,doNotResetActiveTargetOutsideCanvas:Q,onActiveTargetChange:ee,onSwitchActiveTarget:te,onCellMove:ae,onCellResize:se,onCellDelete:ne,onCellsMove:ie,onCellsDelete:le,onCellContextMenu:oe,onEdgeAdd:re,onDecoratorTextChange:de,onScaleChange:he,onContainerContainerChange:ce,onEdgeViewChange:ue}=e;const[{cells:ge,layoutKey:Ae},pe]=(0,u.useReducer)(b.d,i,(e=>({cells:(0,N.C)(e,{defaultNodeSize:l}),layoutKey:0}))),ve=(0,u.useMemo)((()=>ge.filter(C.N).length>=(null!=d?d:S.pC)),[ge,d]),me=(0,u.useRef)(null),ye=(0,u.useRef)(null),[ke,fe]=(0,u.useState)([]),[be,we]=(0,u.useState)([]),{grabbing:Ce,transform:Me,zoomer:Ee,scaleRange:We}=(0,L.f)({rootRef:me,zoomable:p,scrollable:v,pannable:y,draggable:"grab"===M,ctrlDraggable:"grab"===I,scaleRange:U,onSwitchActiveTarget:te});(0,u.useEffect)((()=>{he(Me.k)}),[he,Me.k]);const[xe,Ne]=(0,u.useState)(null),[Te,Re]=(0,u.useState)(null),{centered:Se,setCentered:Le,getNextLayoutKey:ze}=(0,D.g)({layout:s,layoutOptions:n,rootRef:me,cells:ge,zoomable:p,zoomer:Ee,scaleRange:We,layoutKey:Ae,allowEdgeToArea:G,dispatch:pe}),Be=(0,u.useCallback)((()=>{Le(!1)}),[Le]);(0,u.useImperativeHandle)(t,(()=>({dropNode(e){"dagre"!==s&&"force"!==s&&Le(!0),pe({type:"drop-node",payload:e})},dropDecorator(e){"dagre"!==s&&"force"!==s&&Le(!0),pe({type:"drop-decorator",payload:e})},addNodes(e,t){let{defaultNodeSize:a,canvasWidth:n,canvasHeight:i}=t;const l=ge.findLastIndex((e=>!("decorator"===e.type&&"text"===e.decorator)))+1,o=[...ge.slice(0,l),...e,...ge.slice(l)],{cells:r,updated:d,shouldReCenter:h}=(0,T.L)({cells:o,layout:s,previousCells:ge,defaultNodeSize:a,canvasWidth:n,canvasHeight:i,scaleRange:We,transform:Me,allowEdgeToArea:G});return h&&Le(!1),pe({type:"update-cells",payload:r}),d.filter((t=>e.includes(t)))},addEdge(e){pe({type:"add-edge",payload:e})},updateCells(e,t){const{shouldReCenter:a,...n}=(0,T.L)({...t,layout:s,previousCells:ge,cells:e,scaleRange:We,transform:Me,allowEdgeToArea:G});return a&&Le(!1),pe({type:"update-cells",payload:n.cells}),n},getTransform:()=>Me,manuallyConnectNodes(e){const t=ge.find((t=>(0,C.bo)(t,G)&&t.id===e));if(t){const e=me.current.getBoundingClientRect();return Re({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)=>{ye.current={resolve:e,reject:t}}))}return Promise.reject(null)},reCenter:Be})),[ge,s,We,Le,Me,G,Be]);const De=(0,u.useCallback)(((e,t)=>{var a;for(let a=ge.length-1;a>=0;a--){const n=ge[a];if((0,C.bo)(n,G)&&n.id!==e.source.id&&n.view.x<t[0]&&n.view.x+n.view.width>t[0]&&n.view.y<t[1]&&n.view.y+n.view.height>t[1]){var s;null===(s=ye.current)||void 0===s||s.resolve({source:e.source,target:n});break}}null===(a=ye.current)||void 0===a||a.reject(null),Re(null)}),[G,ge]),[Oe,$e]=(0,u.useState)(null);(0,u.useEffect)((()=>{Kt(a,!!(Te||Oe||xe))}),[Te,a,Oe,xe]);const Pe=(0,z.J)({rootRef:me,activeTarget:c,doNotResetActiveTargetForSelector:J,doNotResetActiveTargetOutsideCanvas:Q,onActiveTargetChange:ee}),[He,Fe]=(0,u.useState)([]);(0,u.useEffect)((()=>{const e=A?(0,R.Y)(ge,Te,Pe,G):[];Fe((t=>0===t.length&&0===e.length?t:e))}),[Pe,ge,Te,A,G]),(0,u.useEffect)((()=>{const e=me.current;if(!e||ke.length>0)return;const t=e=>{const t=(0,E.a)(e,{cells:ge,activeTarget:Pe});"delete-cells"===(null==t?void 0:t.action)&&(le(t.cells),1===t.cells.length&&ne(t.cells[0]))};return e.addEventListener("keydown",t),()=>{e.removeEventListener("keydown",t)}}),[Pe,ge,ke.length,ne,le]);const Ke=`${(0,u.useMemo)((()=>`${(0,m.uniqueId)("diagram-")}-`),[])}line-arrow-`,[Ie,Ue]=(0,u.useState)([]),Ve=(0,u.useCallback)((e=>{pe({type:"move-cells",payload:e});const t=[];(0,X._)(e,ge).forEach((e=>{var a,s;null!==(a=e.containerCell)&&void 0!==a&&a.id&&t.push(null===(s=e.containerCell)||void 0===s?void 0:s.id)})),we(t),Ue(e.flatMap((e=>{var t;return null!==(t=e.guideLines)&&void 0!==t?t:[]})))}),[ge]),Ye=(0,u.useCallback)((e=>{pe({type:"move-cells",payload:e}),ie(e),1===e.length&&ae(e[0]),(0,X._)(e,ge,ce),we([]),Ue([])}),[ae,ie,ge,ce]),Xe=(0,u.useCallback)((e=>{pe({type:"resize-cell",payload:e})}),[]),Ze=(0,u.useCallback)((e=>{pe({type:"resize-cell",payload:e}),se(e)}),[se]),_e=(0,u.useCallback)((e=>{let{id:t,editing:a}=e;fe(a?e=>e.includes(t)?e:[...e,t]:e=>e.filter((e=>e!==t)))}),[]),je=(0,u.useCallback)(((e,t)=>{const a=ze();pe({type:"update-node-size",payload:{id:e,size:t},layoutKey:a})}),[ze]),qe=(0,u.useCallback)((e=>{Ee.scaleTo((0,f.A)(me.current),e/100)}),[Ee]),{lineConfMap:Ge,lineConnectorConf:Je,markers:Qe}=(0,$.d)({cells:ge,defaultEdgeLines:r,lineConnector:q,markerPrefix:Ke}),et=(0,O.H)({cells:ge,layout:s,centered:Se}),[tt,at]=(0,u.useState)(null),st=(0,u.useRef)(null),[nt,it]=(0,u.useState)(null),[lt,ot]=(0,u.useState)(null),rt=(0,u.useCallback)((e=>{if(Je&&(0,C.bo)(e,G)&&(!lt||"control"!==lt.type)){null!==st.current&&(clearTimeout(st.current),st.current=null);const t=(0,P.G)();at({cell:e,relativePoints:t,points:_a(t,e.view)})}}),[G,Je,lt]),dt=(0,u.useCallback)((e=>{Je&&(0,C.N)(e)&&(st.current=setTimeout((()=>{at(null)})))}),[Je]),ht=(0,u.useCallback)(((e,t,a,s)=>{const n={source:e.id,target:t.id,view:{...j,exitPosition:a,entryPosition:s,vertices:null}};if(ge.find((a=>"edge"===a.type&&a.source===e.id&&a.target===t.id)))pe({type:"change-edge-view",payload:n}),null==ue||ue(n);else{const a={type:"edge",...n};pe({type:"add-edge",payload:a}),re({source:e,target:t,view:a.view})}}),[ge,j,re,ue]),ct=(0,u.useCallback)(((e,t,a)=>{const s={source:e.id,target:t.id,view:a};pe({type:"change-edge-view",payload:s}),null==ue||ue(s)}),[ue]),ut=(0,u.useMemo)((()=>!!nt&&ge.some((e=>"edge"===e.type&&e.source===nt.edge.source&&e.target===nt.edge.target))),[nt,ge]),gt=(0,u.useMemo)((()=>({rootRef:me,smartConnectLineState:Oe,unsetHoverStateTimeoutRef:st,hoverState:tt,activeEditableLine:nt,activeEditableLineIsAvailable:ut,lineEditorState:lt,setLineEditorState:ot,setActiveEditableLine:it,setHoverState:at,setSmartConnectLineState:$e,onConnect:ht,onChangeEdgeView:ct})),[nt,ut,ct,ht,tt,lt,Oe]);return(0,u.useEffect)((()=>{const e=me.current;if(!e||"lasso"!==M)return;const t=e.getBoundingClientRect(),a=e=>{(0,K.F)(e,{transform:Me,offset:[t.left,t.top],onLassoing(e){Ne(e)},onLassoed(e){Ne(null);const t=[];for(const a of ge)if((0,C.t2)(a)||(0,C.o6)(a)||(0,C.Hs)(a)){const s=a.view.x,n=a.view.y;s>=e.x&&s+a.view.width<=e.x+e.width&&n>=e.y&&n+a.view.height<=e.y+e.height&&t.push(a)}null==te||te(t.length>1?{type:"multi",targets:t.map(Y.P)}:1===t.length?(0,Y.P)(t[0]):null)}})};return e.addEventListener("mousedown",a),()=>{e.removeEventListener("mousedown",a)}}),[Me,ge,M,te]),g().createElement(F.H.Provider,{value:gt},g().createElement("svg",{width:"100%",height:"100%",ref:me,className:k()("root",{grabbing:Ce,pannable:y,ready:et}),tabIndex:-1},g().createElement("defs",null,Qe.map(((e,t)=>g().createElement(w.c,{key:t,id:`${Ke}${t}`,type:e.markerType,strokeColor:e.strokeColor})))),g().createElement("g",{transform:`translate(${Me.x} ${Me.y}) scale(${Me.k})`},g().createElement("g",{className:k()("cells",{allowEdgeToArea:G})},ge.map((e=>g().createElement(W.m,{key:`${e.type}:${(0,C.WW)(e)?`${e.source}~${e.target}`:e.id}`,dragNodeToContainerActive:!(0,C.WW)(e)&&be.includes(e.id),layout:s,layoutOptions:n,cell:e,cells:ge,degraded:ve,degradedNodeLabel:h,defaultNodeBricks:o,transform:Me,lineConfMap:Ge,activeTarget:Pe,unrelatedCells:He,allowEdgeToArea:G,onCellsMoving:Ve,onCellsMoved:Ye,onCellResizing:Xe,onCellResized:Ze,onSwitchActiveTarget:te,onCellContextMenu:oe,onDecoratorTextChange:de,onDecoratorTextEditing:_e,onNodeBrickResize:je,onCellMouseEnter:rt,onCellMouseLeave:dt})))),g().createElement("g",null,g().createElement(x.w,{connectLineState:Te,transform:Me,markerEnd:`${Ke}0`,onConnect:De})),xe&&g().createElement("rect",{x:xe.x,y:xe.y,width:xe.width,height:xe.height,fill:"var(--palette-gray-5)",fillOpacity:.3,stroke:"var(--palette-gray-5)",strokeDasharray:2}),Je&&g().createElement("g",null,g().createElement(V.X,{transform:Me,lineSettings:j,options:Je}),g().createElement(_.W,{transform:Me,options:Je})),g().createElement("g",null,Ie.map(((e,t)=>g().createElement("path",{key:t,d:`M${e[0].join(" ")} L${e[1].join(" ")}`,stroke:"var(--palette-orange-5)",fill:"none",strokeWidth:1/Me.k})))),g().createElement("g",null,Je&&g().createElement(Z.F,{scale:Me.k})),Je&&g().createElement(H.T,{activeTarget:Pe,scale:Me.k,disabled:!!Te}))),g().createElement(B.Y,{shadowRoot:a.shadowRoot,scale:Me.k,scaleRange:We,onZoomChange:qe,onReCenter:Be}))}function Za(){return"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)}))}function _a(e,t){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;const s=S.XK,n=s/2,i=t.x+a/2-n,l=t.y+a/2-n,o=t.width-a+s,r=t.height-a+s;return e.map((e=>({x:i+e.x*o,y:l+e.y*r})))}s=Va,({e:[G,J,Q,ee,te,ae,se,ne,ie,le,oe,re,de,he,ce,ue,ge,Ae,pe,ve,me,ye,ke,fe,be,we,Ce,Me,Ee,We,xe,Ne,Te,Re,Se,Le,ze,Be,De,Oe,$e,Pe,He,Fe,Ke,Ie,Ue,Ve,Ye,Xe,Ze,_e,je,qe,Ge,Je,Qe,et,tt,at,st,nt,it,lt,ot,rt,dt,ht,ct,ut,gt,At,pt,vt,mt,yt,kt,ft,bt,wt,Ct,Mt,Et,Wt,xt,Nt,Tt,Rt,St,Lt,zt,Bt,Dt,Ot,$t,Pt,Ht,Ft,j],c:[Zt,q]}=(0,c.A)(s,[It("eo-draw-canvas",{styleTexts:[I.A,U.A]})],[[Ut({attribute:!1}),1,"cells"],[Ut({type:String}),1,"layout"],[Ut({attribute:!1}),1,"layoutOptions"],[Ut({attribute:!1}),1,"defaultNodeSize"],[Ut({attribute:!1}),1,"defaultNodeBricks"],[Ut({type:Number}),1,"degradedThreshold"],[Ut({attribute:!1}),1,"degradedNodeLabel"],[Ut({attribute:!1}),1,"defaultEdgeLines"],[Ut({attribute:!1}),1,"activeTarget"],[Ut({type:Boolean}),1,"fadeUnrelatedCells"],[Ut({type:Boolean}),1,"zoomable"],[Ut({type:Boolean}),1,"scrollable"],[Ut({type:Boolean}),1,"pannable"],[Ut({type:Boolean}),1,"allowEdgeToArea"],[Ut(),1,"dragBehavior"],[Ut(),1,"ctrlDragBehavior"],[Ut({attribute:!1}),1,"scaleRange"],[Ut({attribute:!1}),1,"lineSettings"],[Ut({attribute:!1}),1,"lineConnector"],[Ut(),1,"doNotResetActiveTargetForSelector"],[Ut({type:Boolean}),1,"doNotResetActiveTargetOutsideCanvas"],[Yt({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>(0,h.A)(pa,e),(e,t)=>(0,d.A)(pa,e,t)],[Yt({type:"node.move"}),1,"nodeMoveEvent",e=>(0,h.A)(ka,e),(e,t)=>(0,d.A)(ka,e,t)],[Yt({type:"cell.move"}),1,"cellMoveEvent",e=>(0,h.A)(fa,e),(e,t)=>(0,d.A)(fa,e,t)],[Yt({type:"cells.move"}),1,"cellsMoveEvent",e=>(0,h.A)(wa,e),(e,t)=>(0,d.A)(wa,e,t)],[Yt({type:"cell.resize"}),1,"cellResizeEvent",e=>(0,h.A)(Ma,e),(e,t)=>(0,d.A)(Ma,e,t)],[Yt({type:"node.delete"}),1,"nodeDelete",e=>(0,h.A)(Wa,e),(e,t)=>(0,d.A)(Wa,e,t)],[Yt({type:"cell.delete"}),1,"cellDelete",e=>(0,h.A)(xa,e),(e,t)=>(0,d.A)(xa,e,t)],[Yt({type:"cells.delete"}),1,"cellsDelete",e=>(0,h.A)(Ta,e),(e,t)=>(0,d.A)(Ta,e,t)],[Yt({type:"cell.contextmenu"}),1,"cellContextMenu",e=>(0,h.A)(Sa,e),(e,t)=>(0,d.A)(Sa,e,t)],[Yt({type:"edge.add"}),1,"edgeAdd",e=>(0,h.A)(za,e),(e,t)=>(0,d.A)(za,e,t)],[Yt({type:"edge.view.change"}),1,"edgeViewChange",e=>(0,h.A)(Da,e),(e,t)=>(0,d.A)(Da,e,t)],[Yt({type:"decorator.text.change"}),1,"decoratorTextChange",e=>(0,h.A)($a,e),(e,t)=>(0,d.A)($a,e,t)],[Yt({type:"node.container.change"}),1,"containerContainerChange",e=>(0,h.A)(Ha,e),(e,t)=>(0,d.A)(Ha,e,t)],[Yt({type:"scale.change"}),1,"scaleChange",e=>(0,h.A)(Ka,e),(e,t)=>(0,d.A)(Ka,e,t)],[Vt(),2,"dropNode"],[Vt(),2,"dropDecorator"],[Vt(),2,"addNodes"],[Vt(),2,"addEdge"],[Vt(),2,"manuallyConnectNodes"],[Vt(),2,"updateCells"],[Vt(),2,"reCenter"]],0,(e=>Ua.has((0,l.A)(e))),p.ReactNextElement)),q()},3971:(e,t,a)=>{a.d(t,{A:()=>o});var s=a(6758),n=a.n(s),i=a(935),l=a.n(i)()(n());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,a)=>{a.d(t,{A:()=>o});var s=a(6758),n=a.n(s),i=a(935),l=a.n(i)()(n());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:rgba(0,0,0,0.2);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()}}]);
2
+ //# sourceMappingURL=9711.6f2b69ea.js.map