@next-bricks/diagram 0.32.3 → 0.32.4

package/dist/bricks.json

@@ -15,5 +15,5 @@
       "basic.lock-body-scroll"
     ]
   },
-  "filePath": "bricks/diagram/dist/index.9011afb3.js"
+  "filePath": "bricks/diagram/dist/index.16a75ff6.js"
 }

package/dist/chunks/{1728.838032d1.js → 1728.7f764df2.js}

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_next_bricks_diagram=self.webpackChunk_next_bricks_diagram||[]).push([[1728],{1728:(e,t,n)=>{n.r(t);var a,r,i,o,s,l,c,u,d,h,f,g,p,v,m,b,w,y,k,A,E,x,C,M,N,W,z,S,T,R,L,D,B,O,P,j,H,I,Y,U,V,X,K,_,F,Z,q,J,$,G,Q,ee,te,ne,ae,re=n(4635),ie=n(918),oe=n(1369),se=n(8449),le=n(4521),ce=n(8769),ue=n.n(ce),de=n(9929),he=n(9938),fe=(n(330),n(7566)),ge=n(1517),pe=n(3373),ve=n.n(pe),me=n(1030),be=n(9126),we=n(8892),ye=n(5157),ke=n(8308),Ae=n(6457),Ee=n(9137),xe=n(2547),Ce=n(1803),Me=n(3739),Ne=n(9191),We=n(6671),ze=n(8060),Se=n(2448),Te=n(8657),Re=n(8069),Le=n(1324),De=n(821),Be=n(6753),Oe=n(2673),Pe=n(5987);function je(e,t,n){return n(Ye(e,t))}function He(e,t,n){return e.set(Ye(e,t),n),n}function Ie(e,t){return e.get(Ye(e,t))}function Ye(e,t,n){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:n;throw new TypeError("Private element is not present on this object")}var Ue,{defineElement:Ve,property:Xe,event:Ke,method:_e}=(0,de.createDecorators)(),Fe=(0,ce.forwardRef)(xt),Ze=new WeakMap,qe=new WeakMap,Je=new WeakMap,$e=new WeakMap,Ge=new WeakMap,Qe=new WeakMap,et=new WeakMap,tt=new WeakMap,nt=new WeakMap,at=new WeakMap,rt=new WeakMap,it=new WeakMap,ot=new WeakMap,st=new WeakMap,lt=new WeakMap,ct=new WeakSet,ut=new WeakMap,dt=new WeakMap,ht=new WeakMap,ft=new WeakMap,gt=new WeakMap,pt=new WeakMap,vt=new WeakMap,mt=new WeakMap,bt=new WeakMap,wt=new WeakMap,yt=new WeakMap,kt=new WeakMap,At=new WeakMap;class Et extends he.ReactNextElement{constructor(){super(...arguments),(0,re.A)(this,ct),(0,ie.A)(this,Ze,(a(this),i(this))),(0,ie.A)(this,qe,(o(this),s(this))),(0,ie.A)(this,Je,(l(this),c(this))),(0,ie.A)(this,$e,(u(this),d(this))),(0,ie.A)(this,Ge,(h(this),f(this))),(0,ie.A)(this,Qe,(g(this),p(this))),(0,ie.A)(this,et,(v(this),m(this))),(0,ie.A)(this,tt,(b(this),w(this))),(0,ie.A)(this,nt,(y(this),k(this))),(0,ie.A)(this,at,(A(this),E(this))),(0,ie.A)(this,rt,(x(this),C(this,!0))),(0,ie.A)(this,it,(M(this),N(this,!0))),(0,ie.A)(this,ot,(W(this),z(this,!0))),(0,ie.A)(this,st,(S(this),T(this))),(0,ie.A)(this,lt,(R(this),L(this))),(0,ie.A)(this,ut,(O(this),e=>{je(ct,this,D).emit(e)})),(0,ie.A)(this,dt,P(this)),(0,ie.A)(this,ht,(I(this),e=>{je(ct,this,j).emit(e)})),(0,ie.A)(this,ft,Y(this)),(0,ie.A)(this,gt,(X(this),e=>{je(ct,this,U).emit(e)})),(0,ie.A)(this,pt,K(this)),(0,ie.A)(this,vt,(Z(this),e=>{je(ct,this,_).emit(e)})),(0,ie.A)(this,mt,q(this)),(0,ie.A)(this,bt,(G(this),e=>{je(ct,this,J).emit(e)})),(0,ie.A)(this,wt,Q(this)),(0,ie.A)(this,yt,(ne(this),e=>{je(ct,this,ee).emit(e)})),(0,ie.A)(this,kt,(e=>{(0,Oe.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,ie.A)(this,At,(0,ce.createRef)())}get layout(){return Ie(Ze,this)}set layout(e){He(Ze,this,e)}get nodes(){return Ie(qe,this)}set nodes(e){He(qe,this,e)}get edges(){return Ie(Je,this)}set edges(e){He(Je,this,e)}get nodeBricks(){return Ie($e,this)}set nodeBricks(e){He($e,this,e)}get lines(){return Ie(Ge,this)}set lines(e){He(Ge,this,e)}get layoutOptions(){return Ie(Qe,this)}set layoutOptions(e){He(Qe,this,e)}get activeTarget(){return Ie(et,this)}set activeTarget(e){He(et,this,e)}get disableKeyboardAction(){return Ie(tt,this)}set disableKeyboardAction(e){He(tt,this,e)}get connectNodes(){return Ie(nt,this)}set connectNodes(e){He(nt,this,e)}get dragNodes(){return Ie(at,this)}set dragNodes(e){He(at,this,e)}get zoomable(){return Ie(rt,this)}set zoomable(e){He(rt,this,e)}get scrollable(){return Ie(it,this)}set scrollable(e){He(it,this,e)}get pannable(){return Ie(ot,this)}set pannable(e){He(ot,this,e)}get scaleRange(){return Ie(st,this)}set scaleRange(e){He(st,this,e)}callOnLineLabel(e,t){for(var n,a=arguments.length,r=new Array(a>2?a-2:0),i=2;i<a;i++)r[i-2]=arguments[i];null===(n=Ie(At,this).current)||void 0===n||n.callOnLineLabel(e,t,...r)}render(){return ue().createElement(Fe,{ref:Ie(At,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:Ie(ut,this),onSwitchActiveTarget:Ie(kt,this),onNodeDelete:Ie(ht,this),onEdgeDelete:Ie(gt,this),onLineClick:Ie(vt,this),onLineDoubleClick:Ie(bt,this),onNodesConnect:Ie(yt,this)})}}function xt(e,t){var{layout:n,nodes:a,edges:r,nodeBricks:i,lines:o,layoutOptions:s,connectNodes:l,dragNodes:c,activeTarget:u,disableKeyboardAction:d,zoomable:h,scrollable:f,pannable:g,scaleRange:p,onActiveTargetChange:v,onSwitchActiveTarget:m,onNodeDelete:b,onEdgeDelete:w,onLineClick:y,onLineDoubleClick:k,onNodesConnect:A}=e,[E,x]=(0,ce.useState)(!1),[C,M]=(0,ce.useState)(0),[N,W]=(0,ce.useState)(null),[z,S]=(0,ce.useState)(!1),[T,R]=(0,ce.useState)(0),[L,D]=(0,ce.useState)(null),[B,O]=(0,ce.useState)([]),[P,j]=(0,ce.useState)(!1),[H,I]=(0,ce.useState)({k:1,x:0,y:0}),Y=(0,ce.useRef)(new Map),U=(0,ce.useRef)(null),V=(0,ce.useRef)(null),[X,K]=(0,ce.useState)(!1),{userViewReady:_,userViewNodesMap:F,saveUserView:Z}=(0,Be._)(null==c?void 0:c.save),[q,J]=(0,ce.useState)([0,0]),[$,G]=(0,ce.useState)(null),[Q,ee]=(0,ce.useState)("initial"),[te,ne]=(0,ce.useState)(null);(0,ce.useImperativeHandle)(t,(()=>({callOnLineLabel(e,t){for(var n,a=arguments.length,r=new Array(a>2?a-2:0),i=2;i<a;i++)r[i-2]=arguments[i];null==L||null===(n=L.get(e))||void 0===n||null===(n=n.firstElementChild)||void 0===n||n[t](...r)}}))),(0,ce.useEffect)((()=>{var e=e=>{(0,Se.P)(e,{nodes:a,nodesRefRepository:N,connectNodes:l,dragNodes:c,scale:H.k,setConnectLineState:G,setConnectLineTo:J,setManualLayoutStatus:ee,setNodeMovement:ne,onSwitchActiveTarget:m,onNodesConnect:A})},t=V.current;return null==t||t.addEventListener("mousedown",e),()=>{null==t||t.removeEventListener("mousedown",e)}}),[a,l,c,H.k,N,A,m]);var{normalizedLines:ae,normalizedLinesMap:re,markers:ie}=(0,ce.useMemo)((()=>(0,Ee.t)(r,o)),[r,o]),oe=(0,ce.useMemo)((()=>ae.flatMap((e=>{var t,n,{line:{text:a,label:r,$id:i},edge:o}=e;return a||r?(r?(t="label",n=[].concat(r)):(t="text",n=[].concat(a)),n.map((e=>{var n;return{[t]:e,id:"".concat(i,"-").concat(null!==(n=e.placement)&&void 0!==n?n:"center"),edge:o}}))):[]}))),[ae]),{nodes:se,edges:le}=(0,Re.o)({layout:n,nodes:a,edges:r,manualLayoutStatus:Q,userViewReady:_,userViewNodesMap:F,nodeMovement:te,nodesRefRepository:N,lineLabelsRefRepository:L,normalizedLinesMap:re,layoutOptions:s,nodesRenderId:C,lineLabelsRenderId:T});(0,ce.useEffect)((()=>{"finished"===Q&&Z(se.map((e=>({id:e.id,x:e.x,y:e.y}))))}),[Q]);var de=(0,ce.useMemo)((()=>(0,Ae.R)(le,se,ae)),[ae,se,le]),he=null!=u?u:null,[pe,De]=(0,ce.useState)(he);(0,ce.useEffect)((()=>{De((e=>(0,Oe.c)(e,he)?e:he))}),[he]);var je=(0,ce.useRef)(!1);(0,ce.useEffect)((()=>{je.current?null==v||v(pe):je.current=!0}),[pe,v]),(0,ce.useEffect)((()=>{var e=U.current;if(e&&!d){var t=e=>{var t=(0,ye.a)(e,{renderedNodes:se,activeTarget:pe});"delete-node"===(null==t?void 0:t.action)?null==b||b(t.node):"delete-edge"===(null==t?void 0:t.action)?null==w||w(t.edge):"switch-active-node"===(null==t?void 0:t.action)&&t.node&&(null==m||m({type:"node",nodeId:t.node.id}))};return e.addEventListener("keydown",t),()=>{e.removeEventListener("keydown",t)}}}),[pe,se,d,m,b,w]);var He=(0,ce.useCallback)((e=>{e&&(M((e=>e+1)),W(e)),x((t=>t||!!e))}),[]),Ie=(0,ce.useCallback)((e=>{e&&(R((e=>e+1)),D(e)),S((t=>t||!!e))}),[]),Ye=(0,ce.useMemo)((()=>null!=p?p:[Te.sS,Te.Yt]),[p]),Ue=(0,ce.useMemo)((()=>(0,ge.s_)()),[]);(0,ce.useEffect)((()=>{var e=!1;Ue.scaleExtent(h?Ye:[1,1]).on("start",(()=>{e=!1,j(!0)})).on("zoom",(t=>{e=!0,I(t.transform)})).on("end",(()=>{j(!1),e||null==m||m(null)}))}),[m,Ye,h,Ue]),(0,ce.useEffect)((()=>{var e=U.current;if(e){var t=(0,fe.A)(e),n=()=>{t.on(".zoom",null).on(".zoom.custom",null).on("wheel",null)};if(h||f||g)return(h||f)&&t.on("wheel.zoom.custom",(e=>{e.ctrlKey||(e.stopImmediatePropagation(),f&&(e.preventDefault(),Ue.translateBy(t,e.wheelDeltaX/5,e.wheelDeltaY/5)))})),t.call(Ue).on("wheel",(e=>e.preventDefault())).on("dblclick.zoom",null),g||t.on("mousedown.zoom",null).on("touchstart.zoom",null).on("touchmove.zoom",null).on("touchend.zoom",null),n;n()}}),[g,f,h,Ue]),(0,ce.useEffect)((()=>{var e=U.current;if(0!==se.length&&e&&!X){var{k:t,x:n,y:a}=(0,ke.r)(se,{canvasWidth:e.clientWidth,canvasHeight:e.clientHeight,scaleRange:h?Ye:void 0});Ue.transform((0,fe.A)(e),new ge.uV(t,n,a)),K(!0)}}),[X,se,Ye,h,Ue]);var Ve=(0,ce.useMemo)((()=>"".concat((0,me.uniqueId)("diagram-"),"-")),[]),Xe="".concat(Ve,"line-arrow-"),Ke="".concat(Ve,"mask-"),_e="".concat(Ve,"active-line-");(0,ce.useEffect)((()=>{O((e=>(0,ze.z)(e,de,Y.current)))}),[de]);var[Fe,Ze]=ue().useState(new Map);return(0,ce.useEffect)((()=>{if(L){(0,Le.F)(B,L);var e=new be.A((()=>{Ze((0,Pe.G)(B,L))}));for(var t of L.values())e.observe(t);return()=>{e.disconnect()}}}),[T,L,B]),"dagre"!==n&&"force"!==n?ue().createElement("div",null,'Diagram layout not supported: "'.concat(n,'"')):ue().createElement("div",{className:ve()("diagram",{ready:E&&X,grabbing:P,pannable:g}),tabIndex:-1,ref:U},ue().createElement("svg",{width:"100%",height:"100%",className:"lines"},ue().createElement("defs",null,ie.map(((e,t)=>{var{type:n,strokeColor:a}=e;return ue().createElement(Me.c,{key:t,id:"".concat(Xe).concat(t),type:n,strokeColor:a})})),[...Fe].map((e=>{var[t,n]=e;return ue().createElement(Ne.y,{key:t,lineId:t,rects:n,maskPrefix:Ke,renderedLineLabels:B})})),ue().createElement("marker",{id:"".concat(_e,"start"),viewBox:"0 0 8 8",refX:4,refY:4,markerWidth:8,markerHeight:8,orient:"auto"},ue().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)"})),ue().createElement("marker",{id:"".concat(_e,"end"),viewBox:"0 0 14 8",refX:3,refY:4,markerWidth:14,markerHeight:8,orient:"auto"},ue().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)"}),ue().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)"}))),ue().createElement("g",{transform:"translate(".concat(H.x," ").concat(H.y,") scale(").concat(H.k,")")},de.map((e=>ue().createElement(Ce.m,{key:e.line.$id,line:e,linePaths:Y.current,lineMaskRects:Fe,maskPrefix:Ke,markerPrefix:Xe,activeLineMarkerPrefix:_e,active:"edge"===(null==pe?void 0:pe.type)&&pe.edge.source===e.edge.source&&pe.edge.target===e.edge.target,activeRelated:"node"===(null==pe?void 0:pe.type)&&(e.edge.source===pe.nodeId||e.edge.target===pe.nodeId),onLineClick:y,onLineDoubleClick:k}))))),ue().createElement("div",{className:ve()("line-labels",{ready:z}),style:{left:H.x,top:H.y,transform:"scale(".concat(H.k,")")}},ue().createElement(xe.d2,{labels:oe,onRendered:Ie})),ue().createElement("div",{className:"nodes",ref:V,style:{left:H.x,top:H.y,transform:"scale(".concat(H.k,")")}},ue().createElement(we.p,{nodes:a,nodeBricks:i,onRendered:He})),ue().createElement(We.w,{connectLineState:$,connectLineTo:q,markerPrefix:Xe}))}ae=Et,({e:[i,o,s,l,c,u,d,h,f,g,p,v,m,b,w,y,k,A,E,x,C,M,N,W,z,S,T,R,L,D,B,O,P,j,H,I,Y,U,V,X,K,_,F,Z,q,J,$,G,Q,ee,te,ne,a],c:[Ue,r]}=function(e,t,n,a,r,i){var o,s,l,c,u,d,h,f=Symbol.metadata||Symbol.for("Symbol.metadata"),g=Object.defineProperty,p=Object.create,v=[p(null),p(null)],m=t.length;function b(t,n,a){return function(r,i){n&&(i=r,r=e);for(var o=0;o<t.length;o++)i=t[o].apply(r,a?[i]:[]);return a?i:r}}function w(e,t,n,a){if("function"!=typeof e&&(a||void 0!==e))throw new TypeError(t+" must "+(n||"be")+" a function"+(a?"":" or undefined"));return e}function y(e,t,n,a,r,i,l,c,u,d,h){function f(e){if(!h(e))throw new TypeError("Attempted to access private element on non-instance")}var p=[].concat(t[0]),m=t[3],y=!l,k=1===r,A=3===r,E=4===r,x=2===r;function C(t,n,a){return function(r,i){return n&&(i=r,r=e),a&&a(r),M[t].call(r,i)}}if(!y){var M={},N=[],W=A?"get":E||k?"set":"value";if(u?(d||k?M={get:(0,se.A)((function(){return m(this)}),a,"get"),set:function(e){t[4](this,e)}}:M[W]=m,d||(0,se.A)(M[W],a,x?"":W)):d||(M=Object.getOwnPropertyDescriptor(e,a)),!d&&!u){if((s=v[+c][a])&&7!=(s^r))throw new Error("Decorating two elements with the same name ("+M[W].name+") is not supported yet");v[+c][a]=r<3?1:r}}for(var z=e,S=p.length-1;S>=0;S-=n?2:1){var T=p[S],R=n?p[S-1]:void 0,L={},D={kind:["field","accessor","method","getter","setter","class"][r],name:a,metadata:o,addInitializer:function(e,t){if(e.v)throw new Error("attempted to call addInitializer after decoration was finished");w(t,"An initializer","be",!0),i.push(t)}.bind(null,L)};if(y)s=T.call(R,z,D),L.v=1,w(s,"class decorators","return")&&(z=s);else if(D.static=c,D.private=u,s=D.access={has:u?h.bind():function(e){return a in e}},E||(s.get=u?x?function(e){return f(e),M.value}:C("get",0,f):function(e){return e[a]}),x||A||(s.set=u?C("set",0,f):function(e,t){e[a]=t}),z=T.call(R,k?{get:M.get,set:M.set}:M[W],D),L.v=1,k){if("object"==typeof z&&z)(s=w(z.get,"accessor.get"))&&(M.get=s),(s=w(z.set,"accessor.set"))&&(M.set=s),(s=w(z.init,"accessor.init"))&&N.unshift(s);else if(void 0!==z)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else w(z,(d?"field":"method")+" decorators","return")&&(d?N.unshift(z):M[W]=z)}return r<2&&l.push(b(N,c,1),b(i,c,0)),d||y||(u?k?l.splice(-1,0,C("get",c),C("set",c)):l.push(x?M[W]:w.call.bind(M[W])):g(e,a,M)),z}function k(e){return g(e,f,{configurable:!0,enumerable:!0,value:o})}return void 0!==i&&(o=i[f]),o=p(null==o?null:o),u=[],d=function(e){e&&u.push(b(e))},(h=function(t,a){for(var i=0;i<n.length;i++){var o=n[i],s=o[1],d=7&s;if((8&s)==t&&!d==a){var h=o[2],f=!!o[3],g=16&s;y(t?e:e.prototype,o,g,f?"#"+h:(0,oe.A)(h),d,d<2?[]:t?c=c||[]:l=l||[],u,!!t,f,a,t&&f?function(t){return(0,le.A)(t)===e}:r)}}})(8,0),h(0,0),h(8,1),h(0,1),d(l),d(c),s=u,m||k(e),{e:s,get c(){var n=[];return m&&[k(e=y(e,[t],0,e.name,5,n)),b(n,1)]}}}(ae,[Ve("eo-diagram",{styleTexts:[De.A]})],[[Xe({type:String}),1,"layout"],[Xe({attribute:!1}),1,"nodes"],[Xe({attribute:!1}),1,"edges"],[Xe({attribute:!1}),1,"nodeBricks"],[Xe({attribute:!1}),1,"lines"],[Xe({attribute:!1}),1,"layoutOptions"],[Xe({attribute:!1}),1,"activeTarget"],[Xe({type:Boolean}),1,"disableKeyboardAction"],[Xe({attribute:!1}),1,"connectNodes"],[Xe({attribute:!1}),1,"dragNodes"],[Xe({type:Boolean}),1,"zoomable"],[Xe({type:Boolean}),1,"scrollable"],[Xe({type:Boolean}),1,"pannable"],[Xe({attribute:!1}),1,"scaleRange"],[Ke({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>Ie(lt,e),(e,t)=>He(lt,e,t)],[Ke({type:"node.delete"}),1,"nodeDelete",e=>Ie(dt,e),(e,t)=>He(dt,e,t)],[Ke({type:"edge.delete"}),1,"edgeDelete",e=>Ie(ft,e),(e,t)=>He(ft,e,t)],[Ke({type:"line.click"}),1,"lineClick",e=>Ie(pt,e),(e,t)=>He(pt,e,t)],[Ke({type:"line.dblclick"}),1,"lineDoubleClick",e=>Ie(mt,e),(e,t)=>He(mt,e,t)],[Ke({type:"nodes.connect"}),1,"connectNodes",e=>Ie(wt,e),(e,t)=>He(wt,e,t)],[_e(),2,"callOnLineLabel"]],0,(e=>At.has((0,le.A)(e))),he.ReactNextElement)),r();var Ct,Mt,Nt,Wt,zt,St,Tt,Rt,Lt,Dt,Bt,Ot,Pt,jt,Ht,It=n(3971);function Yt(e,t,n){return n(Xt(e,t))}function Ut(e,t,n){return e.set(Xt(e,t),n),n}function Vt(e,t){return e.get(Xt(e,t))}function Xt(e,t,n){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:n;throw new TypeError("Private element is not present on this object")}var Kt,{defineElement:_t,property:Ft,event:Zt,method:qt}=(0,de.createDecorators)(),Jt=(0,ce.forwardRef)(sn),$t=new WeakMap,Gt=new WeakMap,Qt=new WeakMap,en=new WeakSet,tn=new WeakMap,nn=new WeakMap,an=new WeakMap,rn=new WeakMap;class on extends he.ReactNextElement{constructor(){super(...arguments),(0,re.A)(this,en),(0,ie.A)(this,$t,(Ct(this),Nt(this))),(0,ie.A)(this,Gt,(Wt(this),zt(this))),(0,ie.A)(this,Qt,(St(this),Tt(this))),(0,ie.A)(this,tn,(Dt(this),e=>{Yt(en,this,Rt).emit(e)})),(0,ie.A)(this,nn,Bt(this)),(0,ie.A)(this,an,(jt(this),e=>{Yt(en,this,Ot).emit(e)})),(0,ie.A)(this,rn,(0,ce.createRef)())}get label(){return Vt($t,this)}set label(e){Ut($t,this,e)}get type(){return Vt(Gt,this)}set type(e){Ut(Gt,this,e)}enableEditing(){var e;null===(e=Vt(rn,this).current)||void 0===e||e.enableEditing()}render(){return ue().createElement(Jt,{ref:Vt(rn,this),label:this.label,onLabelEditingChange:Vt(tn,this),onLabelChange:Vt(an,this)})}}function sn(e,t){var{label:n,onLabelChange:a,onLabelEditingChange:r}=e,i=null!=n?n:"",[o,s]=(0,ce.useState)(i),[l,c]=(0,ce.useState)(!1),u=(0,ce.useRef)(!1),[d,h]=(0,ce.useState)(!1),f=(0,ce.useRef)(null);(0,ce.useImperativeHandle)(t,(()=>({enableEditing(){c(!0)}}))),(0,ce.useEffect)((()=>{s(i)}),[i]);var g=(0,ce.useCallback)((e=>{e.preventDefault(),e.stopPropagation(),c(!0)}),[]);(0,ce.useEffect)((()=>{var e,t;l&&(null===(e=f.current)||void 0===e||e.focus({preventScroll:!0}),null===(t=f.current)||void 0===t||t.select())}),[l]),(0,ce.useEffect)((()=>{u.current?null==r||r(l):u.current=!0}),[l,r]);var p=(0,ce.useCallback)((e=>{s(e.target.value)}),[]),v=(0,ce.useCallback)((e=>{var t,n=e.key||e.keyCode||e.which;"Enter"!==n&&13!==n||null===(t=f.current)||void 0===t||t.blur()}),[]),m=(0,ce.useCallback)((()=>{c(!1),h(!0)}),[]);(0,ce.useEffect)((()=>{d&&(null==a||a(o),h(!1))}),[o,a,d]);var b=(0,ce.useCallback)((e=>{e.stopPropagation()}),[]);return ue().createElement("div",{className:ve()("label",{editing:l,empty:!o}),onDoubleClick:b,onMouseDown:b},ue().createElement("input",{className:"label-input",value:o,ref:f,onChange:p,onKeyDown:v,onBlur:m}),ue().createElement("div",{className:"label-text",onDoubleClick:g},o))}Ht=on,({e:[Nt,Wt,zt,St,Tt,Rt,Lt,Dt,Bt,Ot,Pt,jt,Ct],c:[Kt,Mt]}=function(e,t,n,a,r,i){var o,s,l,c,u,d,h,f=Symbol.metadata||Symbol.for("Symbol.metadata"),g=Object.defineProperty,p=Object.create,v=[p(null),p(null)],m=t.length;function b(t,n,a){return function(r,i){n&&(i=r,r=e);for(var o=0;o<t.length;o++)i=t[o].apply(r,a?[i]:[]);return a?i:r}}function w(e,t,n,a){if("function"!=typeof e&&(a||void 0!==e))throw new TypeError(t+" must "+(n||"be")+" a function"+(a?"":" or undefined"));return e}function y(e,t,n,a,r,i,l,c,u,d,h){function f(e){if(!h(e))throw new TypeError("Attempted to access private element on non-instance")}var p=[].concat(t[0]),m=t[3],y=!l,k=1===r,A=3===r,E=4===r,x=2===r;function C(t,n,a){return function(r,i){return n&&(i=r,r=e),a&&a(r),M[t].call(r,i)}}if(!y){var M={},N=[],W=A?"get":E||k?"set":"value";if(u?(d||k?M={get:(0,se.A)((function(){return m(this)}),a,"get"),set:function(e){t[4](this,e)}}:M[W]=m,d||(0,se.A)(M[W],a,x?"":W)):d||(M=Object.getOwnPropertyDescriptor(e,a)),!d&&!u){if((s=v[+c][a])&&7!=(s^r))throw new Error("Decorating two elements with the same name ("+M[W].name+") is not supported yet");v[+c][a]=r<3?1:r}}for(var z=e,S=p.length-1;S>=0;S-=n?2:1){var T=p[S],R=n?p[S-1]:void 0,L={},D={kind:["field","accessor","method","getter","setter","class"][r],name:a,metadata:o,addInitializer:function(e,t){if(e.v)throw new Error("attempted to call addInitializer after decoration was finished");w(t,"An initializer","be",!0),i.push(t)}.bind(null,L)};if(y)s=T.call(R,z,D),L.v=1,w(s,"class decorators","return")&&(z=s);else if(D.static=c,D.private=u,s=D.access={has:u?h.bind():function(e){return a in e}},E||(s.get=u?x?function(e){return f(e),M.value}:C("get",0,f):function(e){return e[a]}),x||A||(s.set=u?C("set",0,f):function(e,t){e[a]=t}),z=T.call(R,k?{get:M.get,set:M.set}:M[W],D),L.v=1,k){if("object"==typeof z&&z)(s=w(z.get,"accessor.get"))&&(M.get=s),(s=w(z.set,"accessor.set"))&&(M.set=s),(s=w(z.init,"accessor.init"))&&N.unshift(s);else if(void 0!==z)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else w(z,(d?"field":"method")+" decorators","return")&&(d?N.unshift(z):M[W]=z)}return r<2&&l.push(b(N,c,1),b(i,c,0)),d||y||(u?k?l.splice(-1,0,C("get",c),C("set",c)):l.push(x?M[W]:w.call.bind(M[W])):g(e,a,M)),z}function k(e){return g(e,f,{configurable:!0,enumerable:!0,value:o})}return void 0!==i&&(o=i[f]),o=p(null==o?null:o),u=[],d=function(e){e&&u.push(b(e))},(h=function(t,a){for(var i=0;i<n.length;i++){var o=n[i],s=o[1],d=7&s;if((8&s)==t&&!d==a){var h=o[2],f=!!o[3],g=16&s;y(t?e:e.prototype,o,g,f?"#"+h:(0,oe.A)(h),d,d<2?[]:t?c=c||[]:l=l||[],u,!!t,f,a,t&&f?function(t){return(0,le.A)(t)===e}:r)}}})(8,0),h(0,0),h(8,1),h(0,1),d(l),d(c),s=u,m||k(e),{e:s,get c(){var n=[];return m&&[k(e=y(e,[t],0,e.name,5,n)),b(n,1)]}}}(Ht,[_t("diagram.editable-label",{styleTexts:[It.A]})],[[Ft(),1,"label"],[Ft({render:!1}),1,"type"],[Zt({type:"label.editing.change"}),1,"labelEditingChange",e=>Vt(Qt,e),(e,t)=>Ut(Qt,e,t)],[Zt({type:"label.change"}),1,"labelChange",e=>Vt(nn,e),(e,t)=>Ut(nn,e,t)],[qt(),2,"enableEditing"]],0,(e=>rn.has((0,le.A)(e))),he.ReactNextElement)),Mt();var ln=n(4223),cn=n(9740),un=n(6330),dn=n(8438),hn=n(1083),fn=n(531),gn=n(8185),pn=n(2830);function vn(e){var{connectLineState:t,transform:n,markerEnd:a,onConnect:r}=e,[i,o]=(0,ce.useState)(null);return(0,ce.useEffect)((()=>{t&&o(t.from)}),[t]),(0,ce.useEffect)((()=>{if(t){var e=e=>{o([(e.clientX-n.x-t.offset[0])/n.k,(e.clientY-n.y-t.offset[1])/n.k])},a=e=>{e.stopPropagation()},i=e=>{e.stopPropagation(),s(),r(t,[(e.clientX-n.x-t.offset[0])/n.k,(e.clientY-n.y-t.offset[1])/n.k])},s=()=>{document.removeEventListener("mousemove",e),document.removeEventListener("mousedown",a,{capture:!0}),document.removeEventListener("click",i,{capture:!0}),o(null)};return document.addEventListener("mousemove",e),document.addEventListener("mousedown",a,{capture:!0}),document.addEventListener("click",i,{capture:!0}),s}}),[t,r,n]),ue().createElement("path",{className:ve()("connect-line",{connecting:!!t&&i&&(i[0]-t.from[0])**2+(i[1]-t.from[1])**2>25}),d:t&&i?"M".concat(t.from.join(" "),"L").concat(i.join(" ")):"",fill:"none",stroke:"gray",strokeWidth:1,markerEnd:"url(#".concat(a,")")})}var mn=n(3783),bn=n(3033),wn=n(908),yn=n(6170),kn=n(9127);function An(e){var{cells:t,layout:n,previousCells:a,defaultNodeSize:r,canvasWidth:i,canvasHeight:o,scaleRange:s,transform:l,reason:c,parent:u}=e,d="force"!==n&&"dagre"!==n,h=(0,mn.C)(t,{defaultNodeSize:r}),f=[],g=!1,p=new Map,v=!1;for(var m of a)(0,fn.mH)(m)?v=!0:(0,fn.N)(m)&&(v=!0,m[bn.CV]&&p.set(m.id,m));var b=new Map;for(var w of h)if((0,fn.N)(w)){b.set(w.id,w);var y=p.get(w.id);y&&(w.view.width=y.view.width,w.view.height=y.view.height,w[bn.CV]=!0)}var k=!1;if("add-related-nodes"===c&&u){var A=new Set;for(var E of h)(0,fn.WW)(E)&&E.source===u&&E.target!==u&&A.add(E.target);var x=b.get(u);if(void 0!==(null==x?void 0:x.view.x)&&void 0!==x.view.y){k=!0;var C=[...A].map((e=>b.get(e))).filter(Boolean),M=void 0;for(var N of C)void 0!==N.view.x&&void 0!==N.view.y?(!M||N.view.x>M.view.x)&&N.view.y>x.view.y&&(M=N):f.push(N);if(f.length>0&&d){var W,z;if(M)W=M.view.x+M.view.width+bn.sz,z=M.view.y;else{var S=f.reduce(((e,t)=>e+t.view.width+bn.sz),-bn.sz);W=x.view.x-S/2+x.view.width/2,z=x.view.y+x.view.height+bn.sz}for(var T of f)T.view.x=W,T.view.y=z,W+=T.view.width+bn.sz}}}if(!k){var R,L=r[0],D=r[1],B=0,O=!1;for(var P of h)(0,fn.N)(P)?(P.view.width>L&&(L=P.view.width),P.view.height>D&&(D=P.view.height),void 0===P.view.x||void 0===P.view.y?f.push(P):B++):(0,fn.mH)(P)&&(O=!0);if(d)for(var j of(v||(l=(0,wn.r)((0,me.without)(h,...f),{canvasWidth:i,canvasHeight:o,scaleRange:s})),0===B||1===B&&!O?(({getNodeView:R}=(0,kn.C)({cells:h})),g=!0):({getNodeView:R}=(0,yn.k)({cells:h,fixedPosition:!0,center:[(i/2-l.x)/l.k,(o/2-l.y)/l.k]})),h))if((0,fn.N)(j)){var H=R(j.id);j.view.x=H.x,j.view.y=H.y}}return{cells:h,updated:f,shouldReCenter:g}}var En,xn,Cn,Mn,Nn,Wn,zn,Sn,Tn,Rn,Ln,Dn,Bn,On,Pn,jn,Hn,In,Yn,Un,Vn,Xn,Kn,_n,Fn,Zn,qn,Jn,$n,Gn,Qn,ea,ta,na,aa,ra,ia,oa,sa,la,ca,ua,da,ha,fa,ga,pa,va,ma,ba,wa,ya,ka,Aa,Ea,xa,Ca,Ma,Na,Wa,za,Sa,Ta,Ra,La,Da,Ba,Oa=n(227),Pa=n(8091),ja=n(1819),Ha=n(7099),Ia=n(2361),Ya=n(8197),Ua=n(7531),Va=n(3012),Xa=n(8618),Ka=["shouldReCenter"];function _a(e,t,n){return n(qa(e,t))}function Fa(e,t,n){return e.set(qa(e,t),n),n}function Za(e,t){return e.get(qa(e,t))}function qa(e,t,n){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:n;throw new TypeError("Private element is not present on this object")}var Ja,$a=(0,dn.unwrapProvider)("basic.lock-body-scroll"),{defineElement:Ga,property:Qa,method:er,event:tr}=(0,de.createDecorators)(),nr=ue().forwardRef(jr),ar=new WeakMap,rr=new WeakMap,ir=new WeakMap,or=new WeakMap,sr=new WeakMap,lr=new WeakMap,cr=new WeakMap,ur=new WeakMap,dr=new WeakMap,hr=new WeakMap,fr=new WeakMap,gr=new WeakMap,pr=new WeakMap,vr=new WeakMap,mr=new WeakMap,br=new WeakSet,wr=new WeakMap,yr=new WeakMap,kr=new WeakMap,Ar=new WeakMap,Er=new WeakMap,xr=new WeakMap,Cr=new WeakMap,Mr=new WeakMap,Nr=new WeakMap,Wr=new WeakMap,zr=new WeakMap,Sr=new WeakMap,Tr=new WeakMap,Rr=new WeakMap,Lr=new WeakMap,Dr=new WeakMap,Br=new WeakMap;class Or extends he.ReactNextElement{constructor(){super(...arguments),(0,re.A)(this,br),(0,ie.A)(this,ar,(En(this),Cn(this))),(0,ie.A)(this,rr,(Mn(this),Nn(this))),(0,ie.A)(this,ir,(Wn(this),zn(this))),(0,ie.A)(this,or,(Sn(this),Tn(this,[bn.HP,bn.HP]))),(0,ie.A)(this,sr,(Rn(this),Ln(this))),(0,ie.A)(this,lr,(Dn(this),Bn(this))),(0,ie.A)(this,cr,(On(this),Pn(this))),(0,ie.A)(this,ur,(jn(this),Hn(this))),(0,ie.A)(this,dr,(In(this),Yn(this))),(0,ie.A)(this,hr,(Un(this),Vn(this))),(0,ie.A)(this,fr,(Xn(this),Kn(this,!0))),(0,ie.A)(this,gr,(_n(this),Fn(this,!0))),(0,ie.A)(this,pr,(Zn(this),qn(this,!0))),(0,ie.A)(this,vr,(Jn(this),$n(this))),(0,ie.A)(this,mr,(Gn(this),Qn(this))),(0,ie.A)(this,wr,(na(this),e=>{_a(br,this,ea).emit(e)})),(0,ie.A)(this,yr,(e=>{(0,gn.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,ie.A)(this,kr,aa(this)),(0,ie.A)(this,Ar,(oa(this),sa(this))),(0,ie.A)(this,Er,(ua(this),e=>{_a(br,this,la).emit(e),"node"===e.type&&_a(br,this,ra).emit(e)})),(0,ie.A)(this,xr,da(this)),(0,ie.A)(this,Cr,(ga(this),e=>{_a(br,this,ha).emit(e)})),(0,ie.A)(this,Mr,pa(this)),(0,ie.A)(this,Nr,(ba(this),wa(this))),(0,ie.A)(this,Wr,(Aa(this),e=>{_a(br,this,ya).emit(e),"node"===e.type&&_a(br,this,va).emit(e)})),(0,ie.A)(this,zr,Ea(this)),(0,ie.A)(this,Sr,(Ma(this),e=>{_a(br,this,xa).emit(e)})),(0,ie.A)(this,Tr,Na(this)),(0,ie.A)(this,Rr,(Sa(this),e=>{_a(br,this,Wa).emit(e)})),(0,ie.A)(this,Lr,Ta(this)),(0,ie.A)(this,Dr,(Da(this),e=>{_a(br,this,Ra).emit(e)})),(0,ie.A)(this,Br,(0,ce.createRef)())}get cells(){return Za(ar,this)}set cells(e){Fa(ar,this,e)}get layout(){return Za(rr,this)}set layout(e){Fa(rr,this,e)}get layoutOptions(){return Za(ir,this)}set layoutOptions(e){Fa(ir,this,e)}get defaultNodeSize(){return Za(or,this)}set defaultNodeSize(e){Fa(or,this,e)}get defaultNodeBricks(){return Za(sr,this)}set defaultNodeBricks(e){Fa(sr,this,e)}get degradedThreshold(){return Za(lr,this)}set degradedThreshold(e){Fa(lr,this,e)}get degradedNodeLabel(){return Za(cr,this)}set degradedNodeLabel(e){Fa(cr,this,e)}get defaultEdgeLines(){return Za(ur,this)}set defaultEdgeLines(e){Fa(ur,this,e)}get activeTarget(){return Za(dr,this)}set activeTarget(e){Fa(dr,this,e)}get fadeUnrelatedCells(){return Za(hr,this)}set fadeUnrelatedCells(e){Fa(hr,this,e)}get zoomable(){return Za(fr,this)}set zoomable(e){Fa(fr,this,e)}get scrollable(){return Za(gr,this)}set scrollable(e){Fa(gr,this,e)}get pannable(){return Za(pr,this)}set pannable(e){Fa(pr,this,e)}get scaleRange(){return Za(vr,this)}set scaleRange(e){Fa(vr,this,e)}dropNode(e){var t=this;return(0,un.A)((function*(){var n,a,{id:r,position:i,size:o,data:s,useBrick:l}=e;if(null===(n=(a=document).elementsFromPoint)||void 0===n||null===(n=n.call(a,i[0],i[1]))||void 0===n?void 0:n.includes(t)){var c,u,d,h=t.getBoundingClientRect(),f=Za(Br,t).current.getTransform(),g={type:"node",id:r,view:(0,cn.A)((0,cn.A)({},"force"===t.layout||"dagre"===t.layout?null:{x:(i[0]-h.left-f.x)/f.k,y:(i[1]-h.top-f.y)/f.k}),{},{width:null!==(c=null==o?void 0:o[0])&&void 0!==c?c:t.defaultNodeSize[0],height:null!==(u=null==o?void 0:o[1])&&void 0!==u?u:t.defaultNodeSize[0]}),data:s,useBrick:l};return null===(d=Za(Br,t).current)||void 0===d||d.dropNode(g),g}return null}))()}dropDecorator(e){var t=this;return(0,un.A)((function*(){var n,a,{position:r,decorator:i,text:o}=e;if(null===(n=(a=document).elementsFromPoint)||void 0===n||null===(n=n.call(a,r[0],r[1]))||void 0===n?void 0:n.includes(t)){var s,l=t.getBoundingClientRect(),c=Za(Br,t).current.getTransform(),u={type:"decorator",decorator:i,id:"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(e){var t=16*Math.random()|0;return("x"==e?t:3&t|8).toString(16)})),view:{x:(r[0]-l.left-c.x)/c.k,y:(r[1]-l.top-c.y)/c.k,width:bn.N8,height:bn.w1,text:o}};return null===(s=Za(Br,t).current)||void 0===s||s.dropDecorator(u),u}return null}))()}addNodes(e){var t=this;return(0,un.A)((function*(){if(0===e.length)return[];var n=e.map((e=>{var n,a,{size:r,useBrick:i,id:o,data:s}=e;return{type:"node",id:o,data:s,view:{width:null!==(n=null==r?void 0:r[0])&&void 0!==n?n:t.defaultNodeSize[0],height:null!==(a=null==r?void 0:r[1])&&void 0!==a?a:t.defaultNodeSize[0]},useBrick:i}}));return Za(Br,t).current.addNodes(n,{defaultNodeSize:t.defaultNodeSize,canvasWidth:t.clientWidth,canvasHeight:t.clientHeight})}))()}addEdge(e){var t=this;return(0,un.A)((function*(){var n,{source:a,target:r,data:i}=e,o={type:"edge",source:a,target:r,data:i};return null===(n=Za(Br,t).current)||void 0===n||n.addEdge(o),o}))()}manuallyConnectNodes(e){return Za(Br,this).current.manuallyConnectNodes(e)}updateCells(e,t){var n=this;return(0,un.A)((function*(){yield qa(br,n,Pr).call(n);var{updated:a}=Za(Br,n).current.updateCells(e,(0,cn.A)((0,cn.A)({},t),{},{defaultNodeSize:n.defaultNodeSize,canvasWidth:n.clientWidth,canvasHeight:n.clientHeight}));return{updated:a}}))()}disconnectedCallback(){super.disconnectedCallback(),$a(this,!1)}render(){return ue().createElement(nr,{host:this,ref:Za(Br,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,scaleRange:this.scaleRange,onActiveTargetChange:Za(wr,this),onSwitchActiveTarget:Za(yr,this),onCellMove:Za(Er,this),onCellResize:Za(Cr,this),onCellDelete:Za(Wr,this),onCellContextMenu:Za(Sr,this),onDecoratorTextChange:Za(Rr,this),onScaleChange:Za(Dr,this)})}}function Pr(){return new Promise((e=>{var t=()=>{Za(Br,this).current?e():setTimeout(t,10)};t()}))}function jr(e,t){var{host:n,layout:a,layoutOptions:r,cells:i,defaultNodeSize:o,defaultNodeBricks:s,defaultEdgeLines:l,degradedThreshold:c,degradedNodeLabel:u,activeTarget:d,fadeUnrelatedCells:h,zoomable:f,scrollable:g,pannable:p,scaleRange:v,onActiveTargetChange:m,onSwitchActiveTarget:b,onCellMove:w,onCellResize:y,onCellDelete:k,onCellContextMenu:A,onDecoratorTextChange:E,onScaleChange:x}=e,[{cells:C},M]=(0,ce.useReducer)(hn.d,i,(e=>({cells:(0,mn.C)(e,{defaultNodeSize:o})}))),N=(0,ce.useMemo)((()=>C.filter(fn.N).length>=(null!=c?c:bn.pC)),[C,c]),W=(0,ce.useRef)(null),z=(0,ce.useRef)(null),S=(0,ce.useRef)(null),[T,R]=(0,ce.useState)([]),{grabbing:L,transform:D,zoomer:B,scaleRange:O}=(0,Pa.f)({rootRef:W,zoomable:f,scrollable:g,pannable:p,scaleRange:v,onSwitchActiveTarget:b});(0,ce.useEffect)((()=>{x(D.k)}),[x,D.k]);var[P,j]=(0,ce.useState)(null),{centered:H,setCentered:I}=(0,Ia.g)({layout:a,layoutOptions:r,rootRef:W,cells:C,zoomable:f,zoomer:B,scaleRange:O,dispatch:M});(0,ce.useImperativeHandle)(t,(()=>({dropNode(e){I(!0),M({type:"drop-node",payload:e})},dropDecorator(e){I(!0),M({type:"drop-decorator",payload:e})},addNodes(e,t){var{defaultNodeSize:n,canvasWidth:r,canvasHeight:i}=t,o=C.findLastIndex((e=>!("decorator"===e.type&&"text"===e.decorator)))+1,s=[...C.slice(0,o),...e,...C.slice(o)],{cells:l,updated:c,shouldReCenter:u}=An({cells:s,layout:a,previousCells:C,defaultNodeSize:n,canvasWidth:r,canvasHeight:i,scaleRange:O,transform:D});return u&&I(!1),M({type:"update-cells",payload:l}),c.filter((t=>e.includes(t)))},addEdge(e){M({type:"add-edge",payload:e})},updateCells(e,t){var n=An((0,cn.A)((0,cn.A)({},t),{},{layout:a,previousCells:C,cells:e,scaleRange:O,transform:D})),{shouldReCenter:r}=n,i=(0,ln.A)(n,Ka);return r&&I(!1),M({type:"update-cells",payload:i.cells}),i},getTransform:()=>D,manuallyConnectNodes(e){var t=C.find((t=>(0,fn.N)(t)&&t.id===e));if(t){var n=W.current.getBoundingClientRect();return j({source:t,from:[t.view.x+t.view.width/2,t.view.y+t.view.height/2],offset:[n.left,n.top]}),new Promise(((e,t)=>{S.current={resolve:e,reject:t}}))}return Promise.reject(null)}})),[C,a,O,I,D]);var Y=(0,ce.useCallback)(((e,t)=>{for(var n,a=0;a<C.length;a++){var r=C[a];if((0,fn.N)(r)&&r.id!==e.source.id&&r.view.x<t[0]&&r.view.x+r.view.width>t[0]&&r.view.y<t[1]&&r.view.y+r.view.height>t[1]){var i;null===(i=S.current)||void 0===i||i.resolve({source:e.source,target:r});break}}null===(n=S.current)||void 0===n||n.reject(null),j(null)}),[C]);(0,ce.useEffect)((()=>{$a(n,!!P)}),[P,n]);var U=(0,ja.J)({cellsRef:z,activeTarget:d,onActiveTargetChange:m}),[V,X]=(0,ce.useState)([]);(0,ce.useEffect)((()=>{var e=h?(0,Oa.Y)(C,P,U):[];X((t=>0===t.length&&0===e.length?t:e))}),[U,C,P,h]),(0,ce.useEffect)((()=>{var e=W.current;if(e&&!(T.length>0)){var t=e=>{var t=function(e,t){var{cells:n,activeTarget:a}=t,r=n.find((e=>(0,gn.c)(e,a)));if(r)switch(e.key||e.keyCode||e.which){case"Backspace":case 8:case"Delete":case 46:return e.preventDefault(),e.stopPropagation(),{action:"delete-cell",cell:r}}}(e,{cells:C,activeTarget:U});"delete-cell"===(null==t?void 0:t.action)&&k(t.cell)};return e.addEventListener("keydown",t),()=>{e.removeEventListener("keydown",t)}}}),[U,C,T.length,k]);var K=(0,ce.useMemo)((()=>"".concat((0,me.uniqueId)("diagram-"),"-")),[]),_="".concat(K,"line-arrow-"),F=(0,ce.useCallback)((e=>{M({type:"move-cell",payload:e})}),[]),Z=(0,ce.useCallback)((e=>{M({type:"move-cell",payload:e}),w(e)}),[w]),q=(0,ce.useCallback)((e=>{M({type:"resize-cell",payload:e})}),[]),J=(0,ce.useCallback)((e=>{M({type:"resize-cell",payload:e}),y(e)}),[y]),$=(0,ce.useCallback)((e=>{var{id:t,editing:n}=e;R(n?e=>e.includes(t)?e:[...e,t]:e=>e.filter((e=>e!==t)))}),[]),G=(0,ce.useCallback)(((e,t)=>{M({type:"update-node-size",payload:{id:e,size:t}})}),[]),Q=(0,ce.useCallback)((e=>{B.scaleTo((0,fe.A)(W.current),e/100)}),[B]),ee=(0,ce.useCallback)((()=>{I(!1)}),[I]),[te,ne]=(0,Ua.d)({cells:C,defaultEdgeLines:l,markerPrefix:_}),ae=(0,Ya.H)({cells:C,layout:a,centered:H});return ue().createElement(ue().Fragment,null,ue().createElement("svg",{width:"100%",height:"100%",ref:W,className:ve()("root",{grabbing:L,pannable:p,ready:ae}),tabIndex:-1},ue().createElement("defs",null,ne.map(((e,t)=>ue().createElement(Me.c,{key:t,id:"".concat(_).concat(t),type:"arrow",strokeColor:e.strokeColor})))),ue().createElement("g",{transform:"translate(".concat(D.x," ").concat(D.y,") scale(").concat(D.k,")")},ue().createElement("g",{className:"cells",ref:z},C.map((e=>ue().createElement(pn.m,{key:"".concat(e.type,":").concat("edge"===e.type?"".concat(e.source,"~").concat(e.target):e.id),layout:a,cell:e,cells:C,degraded:N,degradedNodeLabel:u,defaultNodeBricks:s,transform:D,lineConfMap:te,active:(0,gn.c)(U,e),unrelatedCells:V,onCellMoving:F,onCellMoved:Z,onCellResizing:q,onCellResized:J,onSwitchActiveTarget:b,onCellContextMenu:A,onDecoratorTextChange:E,onDecoratorTextEditing:$,onNodeBrickResize:G})))),ue().createElement(vn,{connectLineState:P,transform:D,markerEnd:"".concat(_,"0"),onConnect:Y}))),ue().createElement(Ha.Y,{shadowRoot:n.shadowRoot,scale:D.k,scaleRange:O,onZoomChange:Q,onReCenter:ee}))}Ba=Or,({e:[Cn,Mn,Nn,Wn,zn,Sn,Tn,Rn,Ln,Dn,Bn,On,Pn,jn,Hn,In,Yn,Un,Vn,Xn,Kn,_n,Fn,Zn,qn,Jn,$n,Gn,Qn,ea,ta,na,aa,ra,ia,oa,sa,la,ca,ua,da,ha,fa,ga,pa,va,ma,ba,wa,ya,ka,Aa,Ea,xa,Ca,Ma,Na,Wa,za,Sa,Ta,Ra,La,Da,En],c:[Ja,xn]}=function(e,t,n,a,r,i){var o,s,l,c,u,d,h,f=Symbol.metadata||Symbol.for("Symbol.metadata"),g=Object.defineProperty,p=Object.create,v=[p(null),p(null)],m=t.length;function b(t,n,a){return function(r,i){n&&(i=r,r=e);for(var o=0;o<t.length;o++)i=t[o].apply(r,a?[i]:[]);return a?i:r}}function w(e,t,n,a){if("function"!=typeof e&&(a||void 0!==e))throw new TypeError(t+" must "+(n||"be")+" a function"+(a?"":" or undefined"));return e}function y(e,t,n,a,r,i,l,c,u,d,h){function f(e){if(!h(e))throw new TypeError("Attempted to access private element on non-instance")}var p=[].concat(t[0]),m=t[3],y=!l,k=1===r,A=3===r,E=4===r,x=2===r;function C(t,n,a){return function(r,i){return n&&(i=r,r=e),a&&a(r),M[t].call(r,i)}}if(!y){var M={},N=[],W=A?"get":E||k?"set":"value";if(u?(d||k?M={get:(0,se.A)((function(){return m(this)}),a,"get"),set:function(e){t[4](this,e)}}:M[W]=m,d||(0,se.A)(M[W],a,x?"":W)):d||(M=Object.getOwnPropertyDescriptor(e,a)),!d&&!u){if((s=v[+c][a])&&7!=(s^r))throw new Error("Decorating two elements with the same name ("+M[W].name+") is not supported yet");v[+c][a]=r<3?1:r}}for(var z=e,S=p.length-1;S>=0;S-=n?2:1){var T=p[S],R=n?p[S-1]:void 0,L={},D={kind:["field","accessor","method","getter","setter","class"][r],name:a,metadata:o,addInitializer:function(e,t){if(e.v)throw new Error("attempted to call addInitializer after decoration was finished");w(t,"An initializer","be",!0),i.push(t)}.bind(null,L)};if(y)s=T.call(R,z,D),L.v=1,w(s,"class decorators","return")&&(z=s);else if(D.static=c,D.private=u,s=D.access={has:u?h.bind():function(e){return a in e}},E||(s.get=u?x?function(e){return f(e),M.value}:C("get",0,f):function(e){return e[a]}),x||A||(s.set=u?C("set",0,f):function(e,t){e[a]=t}),z=T.call(R,k?{get:M.get,set:M.set}:M[W],D),L.v=1,k){if("object"==typeof z&&z)(s=w(z.get,"accessor.get"))&&(M.get=s),(s=w(z.set,"accessor.set"))&&(M.set=s),(s=w(z.init,"accessor.init"))&&N.unshift(s);else if(void 0!==z)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else w(z,(d?"field":"method")+" decorators","return")&&(d?N.unshift(z):M[W]=z)}return r<2&&l.push(b(N,c,1),b(i,c,0)),d||y||(u?k?l.splice(-1,0,C("get",c),C("set",c)):l.push(x?M[W]:w.call.bind(M[W])):g(e,a,M)),z}function k(e){return g(e,f,{configurable:!0,enumerable:!0,value:o})}return void 0!==i&&(o=i[f]),o=p(null==o?null:o),u=[],d=function(e){e&&u.push(b(e))},(h=function(t,a){for(var i=0;i<n.length;i++){var o=n[i],s=o[1],d=7&s;if((8&s)==t&&!d==a){var h=o[2],f=!!o[3],g=16&s;y(t?e:e.prototype,o,g,f?"#"+h:(0,oe.A)(h),d,d<2?[]:t?c=c||[]:l=l||[],u,!!t,f,a,t&&f?function(t){return(0,le.A)(t)===e}:r)}}})(8,0),h(0,0),h(8,1),h(0,1),d(l),d(c),s=u,m||k(e),{e:s,get c(){var n=[];return m&&[k(e=y(e,[t],0,e.name,5,n)),b(n,1)]}}}(Ba,[Ga("eo-draw-canvas",{styleTexts:[Va.A,Xa.A]})],[[Qa({attribute:!1}),1,"cells"],[Qa({type:String}),1,"layout"],[Qa({attribute:!1}),1,"layoutOptions"],[Qa({attribute:!1}),1,"defaultNodeSize"],[Qa({attribute:!1}),1,"defaultNodeBricks"],[Qa({type:Number}),1,"degradedThreshold"],[Qa({attribute:!1}),1,"degradedNodeLabel"],[Qa({attribute:!1}),1,"defaultEdgeLines"],[Qa({attribute:!1}),1,"activeTarget"],[Qa({type:Boolean}),1,"fadeUnrelatedCells"],[Qa({type:Boolean}),1,"zoomable"],[Qa({type:Boolean}),1,"scrollable"],[Qa({type:Boolean}),1,"pannable"],[Qa({attribute:!1}),1,"scaleRange"],[tr({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>Za(mr,e),(e,t)=>Fa(mr,e,t)],[tr({type:"node.move"}),1,"nodeMoveEvent",e=>Za(kr,e),(e,t)=>Fa(kr,e,t)],[tr({type:"cell.move"}),1,"cellMoveEvent",e=>Za(Ar,e),(e,t)=>Fa(Ar,e,t)],[tr({type:"cell.resize"}),1,"cellResizeEvent",e=>Za(xr,e),(e,t)=>Fa(xr,e,t)],[tr({type:"node.delete"}),1,"nodeDelete",e=>Za(Mr,e),(e,t)=>Fa(Mr,e,t)],[tr({type:"cell.delete"}),1,"cellDelete",e=>Za(Nr,e),(e,t)=>Fa(Nr,e,t)],[tr({type:"cell.contextmenu"}),1,"cellContextMenu",e=>Za(zr,e),(e,t)=>Fa(zr,e,t)],[tr({type:"decorator.text.change"}),1,"decoratorTextChange",e=>Za(Tr,e),(e,t)=>Fa(Tr,e,t)],[tr({type:"scale.change"}),1,"scaleChange",e=>Za(Lr,e),(e,t)=>Fa(Lr,e,t)],[er(),2,"dropNode"],[er(),2,"dropDecorator"],[er(),2,"addNodes"],[er(),2,"addEdge"],[er(),2,"manuallyConnectNodes"],[er(),2,"updateCells"]],0,(e=>Br.has((0,le.A)(e))),he.ReactNextElement)),xn();var Hr,Ir,Yr,Ur,Vr,Xr,Kr,_r,Fr,Zr,qr,Jr,$r,Gr,Qr,ei,ti,ni,ai,ri,ii=n(497);function oi(e,t,n){return n(ci(e,t))}function si(e,t,n){return e.set(ci(e,t),n),n}function li(e,t){return e.get(ci(e,t))}function ci(e,t,n){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:n;throw new TypeError("Private element is not present on this object")}var ui,di,hi,fi,gi,pi,vi,mi,bi,wi,yi,ki,Ai,Ei,xi,Ci,Mi,Ni,Wi,zi,Si,Ti,Ri,Li,Di,Bi,Oi,Pi,ji,Hi,Ii,Yi,Ui,Vi,Xi,Ki,_i,Fi,Zi,{defineElement:qi,property:Ji,event:$i}=(0,de.createDecorators)(),Gi=new WeakMap,Qi=new WeakMap,eo=new WeakMap,to=new WeakMap,no=new WeakSet,ao=new WeakMap,ro=new WeakMap,io=new WeakMap,oo=new WeakMap,so=new WeakMap;class lo extends he.ReactNextElement{constructor(){super(...arguments),(0,re.A)(this,no),(0,ie.A)(this,Gi,Ir(this)),(0,ie.A)(this,Qi,(Yr(this),Ur(this))),(0,ie.A)(this,eo,(Vr(this),Xr(this))),(0,ie.A)(this,to,(Kr(this),_r(this))),(0,ie.A)(this,ao,(qr(this),e=>{oi(no,this,Fr).emit(e)})),(0,ie.A)(this,ro,Jr(this)),(0,ie.A)(this,io,(Qr(this),e=>{oi(no,this,$r).emit(e)})),(0,ie.A)(this,oo,ei(this)),(0,ie.A)(this,so,(ai(this),e=>{oi(no,this,ti).emit(e)}))}get usage(){return li(Gi,this)}set usage(e){si(Gi,this,e)}get status(){return li(Qi,this)}set status(e){si(Qi,this,e)}get decorator(){return li(eo,this)}set decorator(e){si(eo,this,e)}render(){return ue().createElement(co,{usage:this.usage,onDragStart:li(ao,this),onDragMove:li(io,this),onDragEnd:li(so,this)})}}function co(e){var{usage:t,onDragStart:n,onDragMove:a,onDragEnd:r}=e,i=(0,ce.useCallback)((e=>{if("library"===t){e.stopPropagation(),e.preventDefault();var i=[e.clientX,e.clientY],o=!1,s=e=>{o||(o=(e.clientX-i[0])**2+(e.clientY-i[1])**2>=9)&&(null==n||n([e.clientX,e.clientY])),o&&(null==a||a([e.clientX,e.clientY]))},l=e=>{document.removeEventListener("mousemove",s),document.removeEventListener("mouseup",l),o&&(null==r||r([e.clientX,e.clientY]))};document.addEventListener("mousemove",s),document.addEventListener("mouseup",l)}}),[r,a,n,t]);return ue().createElement("div",{onMouseDown:i},ue().createElement("slot",null))}function uo(e,t,n){return n(go(e,t))}function ho(e,t,n){return e.set(go(e,t),n),n}function fo(e,t){return e.get(go(e,t))}function go(e,t,n){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:n;throw new TypeError("Private element is not present on this object")}ri=lo,({e:[Ir,Yr,Ur,Vr,Xr,Kr,_r,Fr,Zr,qr,Jr,$r,Gr,Qr,ei,ti,ni,ai],c:[ui,Hr]}=function(e,t,n,a,r,i){var o,s,l,c,u,d,h,f=Symbol.metadata||Symbol.for("Symbol.metadata"),g=Object.defineProperty,p=Object.create,v=[p(null),p(null)],m=t.length;function b(t,n,a){return function(r,i){n&&(i=r,r=e);for(var o=0;o<t.length;o++)i=t[o].apply(r,a?[i]:[]);return a?i:r}}function w(e,t,n,a){if("function"!=typeof e&&(a||void 0!==e))throw new TypeError(t+" must "+(n||"be")+" a function"+(a?"":" or undefined"));return e}function y(e,t,n,a,r,i,l,c,u,d,h){function f(e){if(!h(e))throw new TypeError("Attempted to access private element on non-instance")}var p=[].concat(t[0]),m=t[3],y=!l,k=1===r,A=3===r,E=4===r,x=2===r;function C(t,n,a){return function(r,i){return n&&(i=r,r=e),a&&a(r),M[t].call(r,i)}}if(!y){var M={},N=[],W=A?"get":E||k?"set":"value";if(u?(d||k?M={get:(0,se.A)((function(){return m(this)}),a,"get"),set:function(e){t[4](this,e)}}:M[W]=m,d||(0,se.A)(M[W],a,x?"":W)):d||(M=Object.getOwnPropertyDescriptor(e,a)),!d&&!u){if((s=v[+c][a])&&7!=(s^r))throw new Error("Decorating two elements with the same name ("+M[W].name+") is not supported yet");v[+c][a]=r<3?1:r}}for(var z=e,S=p.length-1;S>=0;S-=n?2:1){var T=p[S],R=n?p[S-1]:void 0,L={},D={kind:["field","accessor","method","getter","setter","class"][r],name:a,metadata:o,addInitializer:function(e,t){if(e.v)throw new Error("attempted to call addInitializer after decoration was finished");w(t,"An initializer","be",!0),i.push(t)}.bind(null,L)};if(y)s=T.call(R,z,D),L.v=1,w(s,"class decorators","return")&&(z=s);else if(D.static=c,D.private=u,s=D.access={has:u?h.bind():function(e){return a in e}},E||(s.get=u?x?function(e){return f(e),M.value}:C("get",0,f):function(e){return e[a]}),x||A||(s.set=u?C("set",0,f):function(e,t){e[a]=t}),z=T.call(R,k?{get:M.get,set:M.set}:M[W],D),L.v=1,k){if("object"==typeof z&&z)(s=w(z.get,"accessor.get"))&&(M.get=s),(s=w(z.set,"accessor.set"))&&(M.set=s),(s=w(z.init,"accessor.init"))&&N.unshift(s);else if(void 0!==z)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else w(z,(d?"field":"method")+" decorators","return")&&(d?N.unshift(z):M[W]=z)}return r<2&&l.push(b(N,c,1),b(i,c,0)),d||y||(u?k?l.splice(-1,0,C("get",c),C("set",c)):l.push(x?M[W]:w.call.bind(M[W])):g(e,a,M)),z}function k(e){return g(e,f,{configurable:!0,enumerable:!0,value:o})}return void 0!==i&&(o=i[f]),o=p(null==o?null:o),u=[],d=function(e){e&&u.push(b(e))},(h=function(t,a){for(var i=0;i<n.length;i++){var o=n[i],s=o[1],d=7&s;if((8&s)==t&&!d==a){var h=o[2],f=!!o[3],g=16&s;y(t?e:e.prototype,o,g,f?"#"+h:(0,oe.A)(h),d,d<2?[]:t?c=c||[]:l=l||[],u,!!t,f,a,t&&f?function(t){return(0,le.A)(t)===e}:r)}}})(8,0),h(0,0),h(8,1),h(0,1),d(l),d(c),s=u,m||k(e),{e:s,get c(){var n=[];return m&&[k(e=y(e,[t],0,e.name,5,n)),b(n,1)]}}}(ri,[qi("diagram.experimental-node",{styleTexts:[ii.A]})],[[Ji(),1,"usage"],[Ji({type:String,render:!1}),1,"status"],[Ji({type:String}),1,"decorator"],[$i({type:"drag.start"}),1,"dragStartEvent",e=>li(to,e),(e,t)=>si(to,e,t)],[$i({type:"drag.move"}),1,"dragMoveEvent",e=>li(ro,e),(e,t)=>si(ro,e,t)],[$i({type:"drag.end"}),1,"dragEndEvent",e=>li(oo,e),(e,t)=>si(oo,e,t)]],0,(e=>so.has((0,le.A)(e))),he.ReactNextElement)),Hr();var po,{defineElement:vo,property:mo,event:bo}=(0,de.createDecorators)(),wo=new WeakMap,yo=new WeakMap,ko=new WeakMap,Ao=new WeakMap,Eo=new WeakMap,xo=new WeakMap,Co=new WeakMap,Mo=new WeakMap,No=new WeakMap,Wo=new WeakMap,zo=new WeakMap,So=new WeakMap,To=new WeakMap,Ro=new WeakMap,Lo=new WeakMap,Do=new WeakSet,Bo=new WeakMap,Oo=new WeakMap,Po=new WeakMap,jo=new WeakMap;class Ho extends he.ReactNextElement{constructor(){super(...arguments),(0,re.A)(this,Do),(0,ie.A)(this,wo,hi(this)),(0,ie.A)(this,yo,(fi(this),gi(this))),(0,ie.A)(this,ko,(pi(this),vi(this))),(0,ie.A)(this,Ao,(mi(this),bi(this,[bn.HP,bn.HP]))),(0,ie.A)(this,Eo,(wi(this),yi(this))),(0,ie.A)(this,xo,(ki(this),Ai(this))),(0,ie.A)(this,Co,(Ei(this),xi(this))),(0,ie.A)(this,Mo,(Ci(this),Mi(this))),(0,ie.A)(this,No,(Ni(this),Wi(this))),(0,ie.A)(this,Wo,(zi(this),Si(this))),(0,ie.A)(this,zo,(Ti(this),Ri(this,!0))),(0,ie.A)(this,So,(Li(this),Di(this,!0))),(0,ie.A)(this,To,(Bi(this),Oi(this,!0))),(0,ie.A)(this,Ro,(Pi(this),ji(this))),(0,ie.A)(this,Lo,(Hi(this),Ii(this))),(0,ie.A)(this,Bo,(Vi(this),e=>{uo(Do,this,Yi).emit(e)})),(0,ie.A)(this,Oo,(e=>{(0,gn.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,ie.A)(this,Po,Xi(this)),(0,ie.A)(this,jo,(Fi(this),e=>{uo(Do,this,Ki).emit(e)}))}get cells(){return fo(wo,this)}set cells(e){ho(wo,this,e)}get layout(){return fo(yo,this)}set layout(e){ho(yo,this,e)}get layoutOptions(){return fo(ko,this)}set layoutOptions(e){ho(ko,this,e)}get defaultNodeSize(){return fo(Ao,this)}set defaultNodeSize(e){ho(Ao,this,e)}get defaultNodeBricks(){return fo(Eo,this)}set defaultNodeBricks(e){ho(Eo,this,e)}get degradedThreshold(){return fo(xo,this)}set degradedThreshold(e){ho(xo,this,e)}get degradedNodeLabel(){return fo(Co,this)}set degradedNodeLabel(e){ho(Co,this,e)}get defaultEdgeLines(){return fo(Mo,this)}set defaultEdgeLines(e){ho(Mo,this,e)}get activeTarget(){return fo(No,this)}set activeTarget(e){ho(No,this,e)}get fadeUnrelatedCells(){return fo(Wo,this)}set fadeUnrelatedCells(e){ho(Wo,this,e)}get zoomable(){return fo(zo,this)}set zoomable(e){ho(zo,this,e)}get scrollable(){return fo(So,this)}set scrollable(e){ho(So,this,e)}get pannable(){return fo(To,this)}set pannable(e){ho(To,this,e)}get scaleRange(){return fo(Ro,this)}set scaleRange(e){ho(Ro,this,e)}render(){return ue().createElement(Io,{shadowRoot:this.shadowRoot,cells:this.cells,layout:this.layout,layoutOptions:this.layoutOptions,defaultNodeSize:this.defaultNodeSize,defaultNodeBricks:this.defaultNodeBricks,defaultEdgeLines:this.defaultEdgeLines,degradedThreshold:this.degradedThreshold,degradedNodeLabel:this.degradedNodeLabel,activeTarget:this.activeTarget,fadeUnrelatedCells:this.fadeUnrelatedCells,zoomable:this.zoomable,scrollable:this.scrollable,pannable:this.pannable,scaleRange:this.scaleRange,onActiveTargetChange:fo(Bo,this),onSwitchActiveTarget:fo(Oo,this),onCellContextMenu:fo(jo,this)})}}function Io(e){var{shadowRoot:t,cells:n,layout:a,layoutOptions:r,defaultNodeSize:i,defaultNodeBricks:o,defaultEdgeLines:s,degradedThreshold:l,degradedNodeLabel:c,activeTarget:u,fadeUnrelatedCells:d,zoomable:h,scrollable:f,pannable:g,scaleRange:p,onActiveTargetChange:v,onSwitchActiveTarget:m,onCellContextMenu:b}=e,[{cells:w},y]=(0,ce.useReducer)(hn.d,n,(e=>({cells:(0,mn.C)(e,{defaultNodeSize:i})}))),k=(0,ce.useMemo)((()=>w.filter(fn.N).length>=(null!=l?l:bn.pC)),[w,l]),A=(0,ce.useRef)(null),E=(0,ce.useRef)(null),{grabbing:x,transform:C,zoomer:M,scaleRange:N}=(0,Pa.f)({rootRef:A,zoomable:h,scrollable:f,pannable:g,scaleRange:p,onSwitchActiveTarget:m}),{centered:W,setCentered:z}=(0,Ia.g)({layout:a,layoutOptions:r,rootRef:A,cells:w,zoomable:h,zoomer:M,scaleRange:N,dispatch:y}),S=(0,ja.J)({cellsRef:E,activeTarget:u,onActiveTargetChange:v}),T=(0,ce.useMemo)((()=>"".concat((0,me.uniqueId)("diagram-"),"-")),[]),R="".concat(T,"line-arrow-"),L=(0,ce.useCallback)(((e,t)=>{y({type:"update-node-size",payload:{id:e,size:t}})}),[]),[D,B]=(0,ce.useState)(null),O=(0,ce.useCallback)((e=>{B(e)}),[]),P=(0,ce.useCallback)((e=>{B((t=>t===e?null:t))}),[]),[j,H]=(0,ce.useState)([]);(0,ce.useEffect)((()=>{var e=d?(0,Oa.Y)(w,null,D):[];H((t=>0===t.length&&0===e.length?t:e))}),[w,d,D]);var I=(0,ce.useCallback)((e=>{M.scaleTo((0,fe.A)(A.current),e/100)}),[M]),Y=(0,ce.useCallback)((()=>{z(!1)}),[z]),[U,V]=(0,Ua.d)({cells:w,defaultEdgeLines:s,markerPrefix:R}),X=(0,Ya.H)({cells:w,layout:a,centered:W});return ue().createElement(ue().Fragment,null,ue().createElement("svg",{width:"100%",height:"100%",ref:A,className:ve()("root",{grabbing:x,pannable:g,ready:X}),tabIndex:-1},ue().createElement("defs",null,V.map(((e,t)=>ue().createElement(Me.c,{key:t,id:"".concat(R).concat(t),type:"arrow",strokeColor:e.strokeColor})))),ue().createElement("g",{transform:"translate(".concat(C.x," ").concat(C.y,") scale(").concat(C.k,")")},ue().createElement("g",{className:"cells",ref:E},w.map((e=>ue().createElement(pn.m,{key:"".concat(e.type,":").concat((0,fn.WW)(e)?"".concat(e.source,"~").concat(e.target):e.id),layout:void 0,cell:e,cells:w,degraded:k,degradedNodeLabel:c,defaultNodeBricks:o,lineConfMap:U,transform:C,active:(0,gn.c)(S,e),readOnly:!0,unrelatedCells:j,onSwitchActiveTarget:m,onCellContextMenu:b,onNodeBrickResize:L,onCellMouseEnter:d&&(0,fn.N)(e)?O:void 0,onCellMouseLeave:d&&(0,fn.N)(e)?P:void 0})))))),ue().createElement(Ha.Y,{shadowRoot:t,scale:C.k,scaleRange:N,onZoomChange:I,onReCenter:Y}))}Zi=Ho,({e:[hi,fi,gi,pi,vi,mi,bi,wi,yi,ki,Ai,Ei,xi,Ci,Mi,Ni,Wi,zi,Si,Ti,Ri,Li,Di,Bi,Oi,Pi,ji,Hi,Ii,Yi,Ui,Vi,Xi,Ki,_i,Fi],c:[po,di]}=function(e,t,n,a,r,i){var o,s,l,c,u,d,h,f=Symbol.metadata||Symbol.for("Symbol.metadata"),g=Object.defineProperty,p=Object.create,v=[p(null),p(null)],m=t.length;function b(t,n,a){return function(r,i){n&&(i=r,r=e);for(var o=0;o<t.length;o++)i=t[o].apply(r,a?[i]:[]);return a?i:r}}function w(e,t,n,a){if("function"!=typeof e&&(a||void 0!==e))throw new TypeError(t+" must "+(n||"be")+" a function"+(a?"":" or undefined"));return e}function y(e,t,n,a,r,i,l,c,u,d,h){function f(e){if(!h(e))throw new TypeError("Attempted to access private element on non-instance")}var p=[].concat(t[0]),m=t[3],y=!l,k=1===r,A=3===r,E=4===r,x=2===r;function C(t,n,a){return function(r,i){return n&&(i=r,r=e),a&&a(r),M[t].call(r,i)}}if(!y){var M={},N=[],W=A?"get":E||k?"set":"value";if(u?(d||k?M={get:(0,se.A)((function(){return m(this)}),a,"get"),set:function(e){t[4](this,e)}}:M[W]=m,d||(0,se.A)(M[W],a,x?"":W)):d||(M=Object.getOwnPropertyDescriptor(e,a)),!d&&!u){if((s=v[+c][a])&&7!=(s^r))throw new Error("Decorating two elements with the same name ("+M[W].name+") is not supported yet");v[+c][a]=r<3?1:r}}for(var z=e,S=p.length-1;S>=0;S-=n?2:1){var T=p[S],R=n?p[S-1]:void 0,L={},D={kind:["field","accessor","method","getter","setter","class"][r],name:a,metadata:o,addInitializer:function(e,t){if(e.v)throw new Error("attempted to call addInitializer after decoration was finished");w(t,"An initializer","be",!0),i.push(t)}.bind(null,L)};if(y)s=T.call(R,z,D),L.v=1,w(s,"class decorators","return")&&(z=s);else if(D.static=c,D.private=u,s=D.access={has:u?h.bind():function(e){return a in e}},E||(s.get=u?x?function(e){return f(e),M.value}:C("get",0,f):function(e){return e[a]}),x||A||(s.set=u?C("set",0,f):function(e,t){e[a]=t}),z=T.call(R,k?{get:M.get,set:M.set}:M[W],D),L.v=1,k){if("object"==typeof z&&z)(s=w(z.get,"accessor.get"))&&(M.get=s),(s=w(z.set,"accessor.set"))&&(M.set=s),(s=w(z.init,"accessor.init"))&&N.unshift(s);else if(void 0!==z)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else w(z,(d?"field":"method")+" decorators","return")&&(d?N.unshift(z):M[W]=z)}return r<2&&l.push(b(N,c,1),b(i,c,0)),d||y||(u?k?l.splice(-1,0,C("get",c),C("set",c)):l.push(x?M[W]:w.call.bind(M[W])):g(e,a,M)),z}function k(e){return g(e,f,{configurable:!0,enumerable:!0,value:o})}return void 0!==i&&(o=i[f]),o=p(null==o?null:o),u=[],d=function(e){e&&u.push(b(e))},(h=function(t,a){for(var i=0;i<n.length;i++){var o=n[i],s=o[1],d=7&s;if((8&s)==t&&!d==a){var h=o[2],f=!!o[3],g=16&s;y(t?e:e.prototype,o,g,f?"#"+h:(0,oe.A)(h),d,d<2?[]:t?c=c||[]:l=l||[],u,!!t,f,a,t&&f?function(t){return(0,le.A)(t)===e}:r)}}})(8,0),h(0,0),h(8,1),h(0,1),d(l),d(c),s=u,m||k(e),{e:s,get c(){var n=[];return m&&[k(e=y(e,[t],0,e.name,5,n)),b(n,1)]}}}(Zi,[vo("eo-display-canvas",{styleTexts:[Va.A,Xa.A]})],[[mo({attribute:!1}),1,"cells"],[mo({type:String}),1,"layout"],[mo({attribute:!1}),1,"layoutOptions"],[mo({attribute:!1}),1,"defaultNodeSize"],[mo({attribute:!1}),1,"defaultNodeBricks"],[mo({type:Number}),1,"degradedThreshold"],[mo({attribute:!1}),1,"degradedNodeLabel"],[mo({attribute:!1}),1,"defaultEdgeLines"],[mo({attribute:!1}),1,"activeTarget"],[mo({type:Boolean}),1,"fadeUnrelatedCells"],[mo({type:Boolean}),1,"zoomable"],[mo({type:Boolean}),1,"scrollable"],[mo({type:Boolean}),1,"pannable"],[mo({attribute:!1}),1,"scaleRange"],[bo({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>fo(Lo,e),(e,t)=>ho(Lo,e,t)],[bo({type:"cell.contextmenu"}),1,"cellContextMenu",e=>fo(Po,e),(e,t)=>ho(Po,e,t)]],0,(e=>jo.has((0,le.A)(e))),he.ReactNextElement)),di()},3971:(e,t,n)=>{n.d(t,{A:()=>s});var a=n(6758),r=n.n(a),i=n(935),o=n.n(i)()(r());o.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;-moz-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 s=o.toString()},497:(e,t,n)=>{n.d(t,{A:()=>s});var a=n(6758),r=n.n(a),i=n(935),o=n.n(i)()(r());o.push([e.id,'*{box-sizing:border-box}:host{display:block;border:1px solid var(--palette-gray-5);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host([hidden]){display:none}:host([usage="dragging"]){opacity:0.75;position:fixed}:host(:not([usage="library"])){background:var(--palette-gray-3);width:60px;height:60px}:host([usage="library"]){width:180px;height:30px;margin-bottom:10px}div{width:100%;height:100%;display:flex;align-items:center;justify-content:center}:host(:not([usage="dragging"]):not([usage="library"]):hover),\n:host([status="highlighted"]){color:var(--palette-blue-5);background:var(--palette-blue-1);border-color:1px solid var(--palette-blue-4)}:host([status="faded"]){opacity:0.3}:host([decorator="area"]){width:100px;height:60px;background:rgba(119,141,195,0.1);border:none}:host([decorator="text"]){width:auto;height:auto;background:none;border:none}',""]);const s=o.toString()}}]);
-//# sourceMappingURL=1728.838032d1.js.map
+"use strict";(self.webpackChunk_next_bricks_diagram=self.webpackChunk_next_bricks_diagram||[]).push([[1728],{1728:(e,t,n)=>{n.r(t);var a,r,i,o,s,l,c,u,d,h,f,g,p,v,m,b,w,y,k,A,E,C,x,M,N,W,z,S,T,R,L,D,B,O,P,j,H,I,Y,U,V,X,K,_,F,Z,q,J,$,G,Q,ee,te,ne,ae,re=n(4635),ie=n(918),oe=n(1369),se=n(8449),le=n(4521),ce=n(8769),ue=n.n(ce),de=n(9929),he=n(9938),fe=(n(330),n(7566)),ge=n(1517),pe=n(3373),ve=n.n(pe),me=n(1030),be=n(9126),we=n(8892),ye=n(5157),ke=n(8308),Ae=n(6457),Ee=n(9137),Ce=n(2547),xe=n(1803),Me=n(3739),Ne=n(9191),We=n(6671),ze=n(8060),Se=n(2448),Te=n(8657),Re=n(8069),Le=n(1324),De=n(821),Be=n(6753),Oe=n(2673),Pe=n(5987);function je(e,t,n){return n(Ye(e,t))}function He(e,t,n){return e.set(Ye(e,t),n),n}function Ie(e,t){return e.get(Ye(e,t))}function Ye(e,t,n){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:n;throw new TypeError("Private element is not present on this object")}var Ue,{defineElement:Ve,property:Xe,event:Ke,method:_e}=(0,de.createDecorators)(),Fe=(0,ce.forwardRef)(Ct),Ze=new WeakMap,qe=new WeakMap,Je=new WeakMap,$e=new WeakMap,Ge=new WeakMap,Qe=new WeakMap,et=new WeakMap,tt=new WeakMap,nt=new WeakMap,at=new WeakMap,rt=new WeakMap,it=new WeakMap,ot=new WeakMap,st=new WeakMap,lt=new WeakMap,ct=new WeakSet,ut=new WeakMap,dt=new WeakMap,ht=new WeakMap,ft=new WeakMap,gt=new WeakMap,pt=new WeakMap,vt=new WeakMap,mt=new WeakMap,bt=new WeakMap,wt=new WeakMap,yt=new WeakMap,kt=new WeakMap,At=new WeakMap;class Et extends he.ReactNextElement{constructor(){super(...arguments),(0,re.A)(this,ct),(0,ie.A)(this,Ze,(a(this),i(this))),(0,ie.A)(this,qe,(o(this),s(this))),(0,ie.A)(this,Je,(l(this),c(this))),(0,ie.A)(this,$e,(u(this),d(this))),(0,ie.A)(this,Ge,(h(this),f(this))),(0,ie.A)(this,Qe,(g(this),p(this))),(0,ie.A)(this,et,(v(this),m(this))),(0,ie.A)(this,tt,(b(this),w(this))),(0,ie.A)(this,nt,(y(this),k(this))),(0,ie.A)(this,at,(A(this),E(this))),(0,ie.A)(this,rt,(C(this),x(this,!0))),(0,ie.A)(this,it,(M(this),N(this,!0))),(0,ie.A)(this,ot,(W(this),z(this,!0))),(0,ie.A)(this,st,(S(this),T(this))),(0,ie.A)(this,lt,(R(this),L(this))),(0,ie.A)(this,ut,(O(this),e=>{je(ct,this,D).emit(e)})),(0,ie.A)(this,dt,P(this)),(0,ie.A)(this,ht,(I(this),e=>{je(ct,this,j).emit(e)})),(0,ie.A)(this,ft,Y(this)),(0,ie.A)(this,gt,(X(this),e=>{je(ct,this,U).emit(e)})),(0,ie.A)(this,pt,K(this)),(0,ie.A)(this,vt,(Z(this),e=>{je(ct,this,_).emit(e)})),(0,ie.A)(this,mt,q(this)),(0,ie.A)(this,bt,(G(this),e=>{je(ct,this,J).emit(e)})),(0,ie.A)(this,wt,Q(this)),(0,ie.A)(this,yt,(ne(this),e=>{je(ct,this,ee).emit(e)})),(0,ie.A)(this,kt,(e=>{(0,Oe.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,ie.A)(this,At,(0,ce.createRef)())}get layout(){return Ie(Ze,this)}set layout(e){He(Ze,this,e)}get nodes(){return Ie(qe,this)}set nodes(e){He(qe,this,e)}get edges(){return Ie(Je,this)}set edges(e){He(Je,this,e)}get nodeBricks(){return Ie($e,this)}set nodeBricks(e){He($e,this,e)}get lines(){return Ie(Ge,this)}set lines(e){He(Ge,this,e)}get layoutOptions(){return Ie(Qe,this)}set layoutOptions(e){He(Qe,this,e)}get activeTarget(){return Ie(et,this)}set activeTarget(e){He(et,this,e)}get disableKeyboardAction(){return Ie(tt,this)}set disableKeyboardAction(e){He(tt,this,e)}get connectNodes(){return Ie(nt,this)}set connectNodes(e){He(nt,this,e)}get dragNodes(){return Ie(at,this)}set dragNodes(e){He(at,this,e)}get zoomable(){return Ie(rt,this)}set zoomable(e){He(rt,this,e)}get scrollable(){return Ie(it,this)}set scrollable(e){He(it,this,e)}get pannable(){return Ie(ot,this)}set pannable(e){He(ot,this,e)}get scaleRange(){return Ie(st,this)}set scaleRange(e){He(st,this,e)}callOnLineLabel(e,t){for(var n,a=arguments.length,r=new Array(a>2?a-2:0),i=2;i<a;i++)r[i-2]=arguments[i];null===(n=Ie(At,this).current)||void 0===n||n.callOnLineLabel(e,t,...r)}render(){return ue().createElement(Fe,{ref:Ie(At,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:Ie(ut,this),onSwitchActiveTarget:Ie(kt,this),onNodeDelete:Ie(ht,this),onEdgeDelete:Ie(gt,this),onLineClick:Ie(vt,this),onLineDoubleClick:Ie(bt,this),onNodesConnect:Ie(yt,this)})}}function Ct(e,t){var{layout:n,nodes:a,edges:r,nodeBricks:i,lines:o,layoutOptions:s,connectNodes:l,dragNodes:c,activeTarget:u,disableKeyboardAction:d,zoomable:h,scrollable:f,pannable:g,scaleRange:p,onActiveTargetChange:v,onSwitchActiveTarget:m,onNodeDelete:b,onEdgeDelete:w,onLineClick:y,onLineDoubleClick:k,onNodesConnect:A}=e,[E,C]=(0,ce.useState)(!1),[x,M]=(0,ce.useState)(0),[N,W]=(0,ce.useState)(null),[z,S]=(0,ce.useState)(!1),[T,R]=(0,ce.useState)(0),[L,D]=(0,ce.useState)(null),[B,O]=(0,ce.useState)([]),[P,j]=(0,ce.useState)(!1),[H,I]=(0,ce.useState)({k:1,x:0,y:0}),Y=(0,ce.useRef)(new Map),U=(0,ce.useRef)(null),V=(0,ce.useRef)(null),[X,K]=(0,ce.useState)(!1),{userViewReady:_,userViewNodesMap:F,saveUserView:Z}=(0,Be._)(null==c?void 0:c.save),[q,J]=(0,ce.useState)([0,0]),[$,G]=(0,ce.useState)(null),[Q,ee]=(0,ce.useState)("initial"),[te,ne]=(0,ce.useState)(null);(0,ce.useImperativeHandle)(t,(()=>({callOnLineLabel(e,t){for(var n,a=arguments.length,r=new Array(a>2?a-2:0),i=2;i<a;i++)r[i-2]=arguments[i];null==L||null===(n=L.get(e))||void 0===n||null===(n=n.firstElementChild)||void 0===n||n[t](...r)}}))),(0,ce.useEffect)((()=>{var e=e=>{(0,Se.P)(e,{nodes:a,nodesRefRepository:N,connectNodes:l,dragNodes:c,scale:H.k,setConnectLineState:G,setConnectLineTo:J,setManualLayoutStatus:ee,setNodeMovement:ne,onSwitchActiveTarget:m,onNodesConnect:A})},t=V.current;return null==t||t.addEventListener("mousedown",e),()=>{null==t||t.removeEventListener("mousedown",e)}}),[a,l,c,H.k,N,A,m]);var{normalizedLines:ae,normalizedLinesMap:re,markers:ie}=(0,ce.useMemo)((()=>(0,Ee.t)(r,o)),[r,o]),oe=(0,ce.useMemo)((()=>ae.flatMap((e=>{var t,n,{line:{text:a,label:r,$id:i},edge:o}=e;return a||r?(r?(t="label",n=[].concat(r)):(t="text",n=[].concat(a)),n.map((e=>{var n;return{[t]:e,id:"".concat(i,"-").concat(null!==(n=e.placement)&&void 0!==n?n:"center"),edge:o}}))):[]}))),[ae]),{nodes:se,edges:le}=(0,Re.o)({layout:n,nodes:a,edges:r,manualLayoutStatus:Q,userViewReady:_,userViewNodesMap:F,nodeMovement:te,nodesRefRepository:N,lineLabelsRefRepository:L,normalizedLinesMap:re,layoutOptions:s,nodesRenderId:x,lineLabelsRenderId:T});(0,ce.useEffect)((()=>{"finished"===Q&&Z(se.map((e=>({id:e.id,x:e.x,y:e.y}))))}),[Q]);var de=(0,ce.useMemo)((()=>(0,Ae.R)(le,se,ae)),[ae,se,le]),he=null!=u?u:null,[pe,De]=(0,ce.useState)(he);(0,ce.useEffect)((()=>{De((e=>(0,Oe.c)(e,he)?e:he))}),[he]);var je=(0,ce.useRef)(!1);(0,ce.useEffect)((()=>{je.current?null==v||v(pe):je.current=!0}),[pe,v]),(0,ce.useEffect)((()=>{var e=U.current;if(e&&!d){var t=e=>{var t=(0,ye.a)(e,{renderedNodes:se,activeTarget:pe});"delete-node"===(null==t?void 0:t.action)?null==b||b(t.node):"delete-edge"===(null==t?void 0:t.action)?null==w||w(t.edge):"switch-active-node"===(null==t?void 0:t.action)&&t.node&&(null==m||m({type:"node",nodeId:t.node.id}))};return e.addEventListener("keydown",t),()=>{e.removeEventListener("keydown",t)}}}),[pe,se,d,m,b,w]);var He=(0,ce.useCallback)((e=>{e&&(M((e=>e+1)),W(e)),C((t=>t||!!e))}),[]),Ie=(0,ce.useCallback)((e=>{e&&(R((e=>e+1)),D(e)),S((t=>t||!!e))}),[]),Ye=(0,ce.useMemo)((()=>null!=p?p:[Te.sS,Te.Yt]),[p]),Ue=(0,ce.useMemo)((()=>(0,ge.s_)()),[]);(0,ce.useEffect)((()=>{var e=!1;Ue.scaleExtent(h?Ye:[1,1]).on("start",(()=>{e=!1,j(!0)})).on("zoom",(t=>{e=!0,I(t.transform)})).on("end",(()=>{j(!1),e||null==m||m(null)}))}),[m,Ye,h,Ue]),(0,ce.useEffect)((()=>{var e=U.current;if(e){var t=(0,fe.A)(e),n=()=>{t.on(".zoom",null).on(".zoom.custom",null).on("wheel",null)};if(h||f||g)return(h||f)&&t.on("wheel.zoom.custom",(e=>{e.ctrlKey||(e.stopImmediatePropagation(),f&&(e.preventDefault(),Ue.translateBy(t,e.wheelDeltaX/5,e.wheelDeltaY/5)))})),t.call(Ue).on("wheel",(e=>e.preventDefault())).on("dblclick.zoom",null),g||t.on("mousedown.zoom",null).on("touchstart.zoom",null).on("touchmove.zoom",null).on("touchend.zoom",null),n;n()}}),[g,f,h,Ue]),(0,ce.useEffect)((()=>{var e=U.current;if(0!==se.length&&e&&!X){var{k:t,x:n,y:a}=(0,ke.r)(se,{canvasWidth:e.clientWidth,canvasHeight:e.clientHeight,scaleRange:h?Ye:void 0});Ue.transform((0,fe.A)(e),new ge.uV(t,n,a)),K(!0)}}),[X,se,Ye,h,Ue]);var Ve=(0,ce.useMemo)((()=>"".concat((0,me.uniqueId)("diagram-"),"-")),[]),Xe="".concat(Ve,"line-arrow-"),Ke="".concat(Ve,"mask-"),_e="".concat(Ve,"active-line-");(0,ce.useEffect)((()=>{O((e=>(0,ze.z)(e,de,Y.current)))}),[de]);var[Fe,Ze]=ue().useState(new Map);return(0,ce.useEffect)((()=>{if(L){(0,Le.F)(B,L);var e=new be.A((()=>{Ze((0,Pe.G)(B,L))}));for(var t of L.values())e.observe(t);return()=>{e.disconnect()}}}),[T,L,B]),"dagre"!==n&&"force"!==n?ue().createElement("div",null,'Diagram layout not supported: "'.concat(n,'"')):ue().createElement("div",{className:ve()("diagram",{ready:E&&X,grabbing:P,pannable:g}),tabIndex:-1,ref:U},ue().createElement("svg",{width:"100%",height:"100%",className:"lines"},ue().createElement("defs",null,ie.map(((e,t)=>{var{type:n,strokeColor:a}=e;return ue().createElement(Me.c,{key:t,id:"".concat(Xe).concat(t),type:n,strokeColor:a})})),[...Fe].map((e=>{var[t,n]=e;return ue().createElement(Ne.y,{key:t,lineId:t,rects:n,maskPrefix:Ke,renderedLineLabels:B})})),ue().createElement("marker",{id:"".concat(_e,"start"),viewBox:"0 0 8 8",refX:4,refY:4,markerWidth:8,markerHeight:8,orient:"auto"},ue().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)"})),ue().createElement("marker",{id:"".concat(_e,"end"),viewBox:"0 0 14 8",refX:3,refY:4,markerWidth:14,markerHeight:8,orient:"auto"},ue().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)"}),ue().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)"}))),ue().createElement("g",{transform:"translate(".concat(H.x," ").concat(H.y,") scale(").concat(H.k,")")},de.map((e=>ue().createElement(xe.m,{key:e.line.$id,line:e,linePaths:Y.current,lineMaskRects:Fe,maskPrefix:Ke,markerPrefix:Xe,activeLineMarkerPrefix:_e,active:"edge"===(null==pe?void 0:pe.type)&&pe.edge.source===e.edge.source&&pe.edge.target===e.edge.target,activeRelated:"node"===(null==pe?void 0:pe.type)&&(e.edge.source===pe.nodeId||e.edge.target===pe.nodeId),onLineClick:y,onLineDoubleClick:k}))))),ue().createElement("div",{className:ve()("line-labels",{ready:z}),style:{left:H.x,top:H.y,transform:"scale(".concat(H.k,")")}},ue().createElement(Ce.d2,{labels:oe,onRendered:Ie})),ue().createElement("div",{className:"nodes",ref:V,style:{left:H.x,top:H.y,transform:"scale(".concat(H.k,")")}},ue().createElement(we.p,{nodes:a,nodeBricks:i,onRendered:He})),ue().createElement(We.w,{connectLineState:$,connectLineTo:q,markerPrefix:Xe}))}ae=Et,({e:[i,o,s,l,c,u,d,h,f,g,p,v,m,b,w,y,k,A,E,C,x,M,N,W,z,S,T,R,L,D,B,O,P,j,H,I,Y,U,V,X,K,_,F,Z,q,J,$,G,Q,ee,te,ne,a],c:[Ue,r]}=function(e,t,n,a,r,i){var o,s,l,c,u,d,h,f=Symbol.metadata||Symbol.for("Symbol.metadata"),g=Object.defineProperty,p=Object.create,v=[p(null),p(null)],m=t.length;function b(t,n,a){return function(r,i){n&&(i=r,r=e);for(var o=0;o<t.length;o++)i=t[o].apply(r,a?[i]:[]);return a?i:r}}function w(e,t,n,a){if("function"!=typeof e&&(a||void 0!==e))throw new TypeError(t+" must "+(n||"be")+" a function"+(a?"":" or undefined"));return e}function y(e,t,n,a,r,i,l,c,u,d,h){function f(e){if(!h(e))throw new TypeError("Attempted to access private element on non-instance")}var p=[].concat(t[0]),m=t[3],y=!l,k=1===r,A=3===r,E=4===r,C=2===r;function x(t,n,a){return function(r,i){return n&&(i=r,r=e),a&&a(r),M[t].call(r,i)}}if(!y){var M={},N=[],W=A?"get":E||k?"set":"value";if(u?(d||k?M={get:(0,se.A)((function(){return m(this)}),a,"get"),set:function(e){t[4](this,e)}}:M[W]=m,d||(0,se.A)(M[W],a,C?"":W)):d||(M=Object.getOwnPropertyDescriptor(e,a)),!d&&!u){if((s=v[+c][a])&&7!=(s^r))throw new Error("Decorating two elements with the same name ("+M[W].name+") is not supported yet");v[+c][a]=r<3?1:r}}for(var z=e,S=p.length-1;S>=0;S-=n?2:1){var T=p[S],R=n?p[S-1]:void 0,L={},D={kind:["field","accessor","method","getter","setter","class"][r],name:a,metadata:o,addInitializer:function(e,t){if(e.v)throw new Error("attempted to call addInitializer after decoration was finished");w(t,"An initializer","be",!0),i.push(t)}.bind(null,L)};if(y)s=T.call(R,z,D),L.v=1,w(s,"class decorators","return")&&(z=s);else if(D.static=c,D.private=u,s=D.access={has:u?h.bind():function(e){return a in e}},E||(s.get=u?C?function(e){return f(e),M.value}:x("get",0,f):function(e){return e[a]}),C||A||(s.set=u?x("set",0,f):function(e,t){e[a]=t}),z=T.call(R,k?{get:M.get,set:M.set}:M[W],D),L.v=1,k){if("object"==typeof z&&z)(s=w(z.get,"accessor.get"))&&(M.get=s),(s=w(z.set,"accessor.set"))&&(M.set=s),(s=w(z.init,"accessor.init"))&&N.unshift(s);else if(void 0!==z)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else w(z,(d?"field":"method")+" decorators","return")&&(d?N.unshift(z):M[W]=z)}return r<2&&l.push(b(N,c,1),b(i,c,0)),d||y||(u?k?l.splice(-1,0,x("get",c),x("set",c)):l.push(C?M[W]:w.call.bind(M[W])):g(e,a,M)),z}function k(e){return g(e,f,{configurable:!0,enumerable:!0,value:o})}return void 0!==i&&(o=i[f]),o=p(null==o?null:o),u=[],d=function(e){e&&u.push(b(e))},(h=function(t,a){for(var i=0;i<n.length;i++){var o=n[i],s=o[1],d=7&s;if((8&s)==t&&!d==a){var h=o[2],f=!!o[3],g=16&s;y(t?e:e.prototype,o,g,f?"#"+h:(0,oe.A)(h),d,d<2?[]:t?c=c||[]:l=l||[],u,!!t,f,a,t&&f?function(t){return(0,le.A)(t)===e}:r)}}})(8,0),h(0,0),h(8,1),h(0,1),d(l),d(c),s=u,m||k(e),{e:s,get c(){var n=[];return m&&[k(e=y(e,[t],0,e.name,5,n)),b(n,1)]}}}(ae,[Ve("eo-diagram",{styleTexts:[De.A]})],[[Xe({type:String}),1,"layout"],[Xe({attribute:!1}),1,"nodes"],[Xe({attribute:!1}),1,"edges"],[Xe({attribute:!1}),1,"nodeBricks"],[Xe({attribute:!1}),1,"lines"],[Xe({attribute:!1}),1,"layoutOptions"],[Xe({attribute:!1}),1,"activeTarget"],[Xe({type:Boolean}),1,"disableKeyboardAction"],[Xe({attribute:!1}),1,"connectNodes"],[Xe({attribute:!1}),1,"dragNodes"],[Xe({type:Boolean}),1,"zoomable"],[Xe({type:Boolean}),1,"scrollable"],[Xe({type:Boolean}),1,"pannable"],[Xe({attribute:!1}),1,"scaleRange"],[Ke({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>Ie(lt,e),(e,t)=>He(lt,e,t)],[Ke({type:"node.delete"}),1,"nodeDelete",e=>Ie(dt,e),(e,t)=>He(dt,e,t)],[Ke({type:"edge.delete"}),1,"edgeDelete",e=>Ie(ft,e),(e,t)=>He(ft,e,t)],[Ke({type:"line.click"}),1,"lineClick",e=>Ie(pt,e),(e,t)=>He(pt,e,t)],[Ke({type:"line.dblclick"}),1,"lineDoubleClick",e=>Ie(mt,e),(e,t)=>He(mt,e,t)],[Ke({type:"nodes.connect"}),1,"connectNodes",e=>Ie(wt,e),(e,t)=>He(wt,e,t)],[_e(),2,"callOnLineLabel"]],0,(e=>At.has((0,le.A)(e))),he.ReactNextElement)),r();var xt,Mt,Nt,Wt,zt,St,Tt,Rt,Lt,Dt,Bt,Ot,Pt,jt,Ht,It=n(3971);function Yt(e,t,n){return n(Xt(e,t))}function Ut(e,t,n){return e.set(Xt(e,t),n),n}function Vt(e,t){return e.get(Xt(e,t))}function Xt(e,t,n){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:n;throw new TypeError("Private element is not present on this object")}var Kt,{defineElement:_t,property:Ft,event:Zt,method:qt}=(0,de.createDecorators)(),Jt=(0,ce.forwardRef)(sn),$t=new WeakMap,Gt=new WeakMap,Qt=new WeakMap,en=new WeakSet,tn=new WeakMap,nn=new WeakMap,an=new WeakMap,rn=new WeakMap;class on extends he.ReactNextElement{constructor(){super(...arguments),(0,re.A)(this,en),(0,ie.A)(this,$t,(xt(this),Nt(this))),(0,ie.A)(this,Gt,(Wt(this),zt(this))),(0,ie.A)(this,Qt,(St(this),Tt(this))),(0,ie.A)(this,tn,(Dt(this),e=>{Yt(en,this,Rt).emit(e)})),(0,ie.A)(this,nn,Bt(this)),(0,ie.A)(this,an,(jt(this),e=>{Yt(en,this,Ot).emit(e)})),(0,ie.A)(this,rn,(0,ce.createRef)())}get label(){return Vt($t,this)}set label(e){Ut($t,this,e)}get type(){return Vt(Gt,this)}set type(e){Ut(Gt,this,e)}enableEditing(){var e;null===(e=Vt(rn,this).current)||void 0===e||e.enableEditing()}render(){return ue().createElement(Jt,{ref:Vt(rn,this),label:this.label,onLabelEditingChange:Vt(tn,this),onLabelChange:Vt(an,this)})}}function sn(e,t){var{label:n,onLabelChange:a,onLabelEditingChange:r}=e,i=null!=n?n:"",[o,s]=(0,ce.useState)(i),[l,c]=(0,ce.useState)(!1),u=(0,ce.useRef)(!1),[d,h]=(0,ce.useState)(!1),f=(0,ce.useRef)(null);(0,ce.useImperativeHandle)(t,(()=>({enableEditing(){c(!0)}}))),(0,ce.useEffect)((()=>{s(i)}),[i]);var g=(0,ce.useCallback)((e=>{e.preventDefault(),e.stopPropagation(),c(!0)}),[]);(0,ce.useEffect)((()=>{var e,t;l&&(null===(e=f.current)||void 0===e||e.focus({preventScroll:!0}),null===(t=f.current)||void 0===t||t.select())}),[l]),(0,ce.useEffect)((()=>{u.current?null==r||r(l):u.current=!0}),[l,r]);var p=(0,ce.useCallback)((e=>{s(e.target.value)}),[]),v=(0,ce.useCallback)((e=>{var t,n=e.key||e.keyCode||e.which;"Enter"!==n&&13!==n||null===(t=f.current)||void 0===t||t.blur()}),[]),m=(0,ce.useCallback)((()=>{c(!1),h(!0)}),[]);(0,ce.useEffect)((()=>{d&&(null==a||a(o),h(!1))}),[o,a,d]);var b=(0,ce.useCallback)((e=>{e.stopPropagation()}),[]);return ue().createElement("div",{className:ve()("label",{editing:l,empty:!o}),onDoubleClick:b,onMouseDown:b},ue().createElement("input",{className:"label-input",value:o,ref:f,onChange:p,onKeyDown:v,onBlur:m}),ue().createElement("div",{className:"label-text",onDoubleClick:g},o))}Ht=on,({e:[Nt,Wt,zt,St,Tt,Rt,Lt,Dt,Bt,Ot,Pt,jt,xt],c:[Kt,Mt]}=function(e,t,n,a,r,i){var o,s,l,c,u,d,h,f=Symbol.metadata||Symbol.for("Symbol.metadata"),g=Object.defineProperty,p=Object.create,v=[p(null),p(null)],m=t.length;function b(t,n,a){return function(r,i){n&&(i=r,r=e);for(var o=0;o<t.length;o++)i=t[o].apply(r,a?[i]:[]);return a?i:r}}function w(e,t,n,a){if("function"!=typeof e&&(a||void 0!==e))throw new TypeError(t+" must "+(n||"be")+" a function"+(a?"":" or undefined"));return e}function y(e,t,n,a,r,i,l,c,u,d,h){function f(e){if(!h(e))throw new TypeError("Attempted to access private element on non-instance")}var p=[].concat(t[0]),m=t[3],y=!l,k=1===r,A=3===r,E=4===r,C=2===r;function x(t,n,a){return function(r,i){return n&&(i=r,r=e),a&&a(r),M[t].call(r,i)}}if(!y){var M={},N=[],W=A?"get":E||k?"set":"value";if(u?(d||k?M={get:(0,se.A)((function(){return m(this)}),a,"get"),set:function(e){t[4](this,e)}}:M[W]=m,d||(0,se.A)(M[W],a,C?"":W)):d||(M=Object.getOwnPropertyDescriptor(e,a)),!d&&!u){if((s=v[+c][a])&&7!=(s^r))throw new Error("Decorating two elements with the same name ("+M[W].name+") is not supported yet");v[+c][a]=r<3?1:r}}for(var z=e,S=p.length-1;S>=0;S-=n?2:1){var T=p[S],R=n?p[S-1]:void 0,L={},D={kind:["field","accessor","method","getter","setter","class"][r],name:a,metadata:o,addInitializer:function(e,t){if(e.v)throw new Error("attempted to call addInitializer after decoration was finished");w(t,"An initializer","be",!0),i.push(t)}.bind(null,L)};if(y)s=T.call(R,z,D),L.v=1,w(s,"class decorators","return")&&(z=s);else if(D.static=c,D.private=u,s=D.access={has:u?h.bind():function(e){return a in e}},E||(s.get=u?C?function(e){return f(e),M.value}:x("get",0,f):function(e){return e[a]}),C||A||(s.set=u?x("set",0,f):function(e,t){e[a]=t}),z=T.call(R,k?{get:M.get,set:M.set}:M[W],D),L.v=1,k){if("object"==typeof z&&z)(s=w(z.get,"accessor.get"))&&(M.get=s),(s=w(z.set,"accessor.set"))&&(M.set=s),(s=w(z.init,"accessor.init"))&&N.unshift(s);else if(void 0!==z)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else w(z,(d?"field":"method")+" decorators","return")&&(d?N.unshift(z):M[W]=z)}return r<2&&l.push(b(N,c,1),b(i,c,0)),d||y||(u?k?l.splice(-1,0,x("get",c),x("set",c)):l.push(C?M[W]:w.call.bind(M[W])):g(e,a,M)),z}function k(e){return g(e,f,{configurable:!0,enumerable:!0,value:o})}return void 0!==i&&(o=i[f]),o=p(null==o?null:o),u=[],d=function(e){e&&u.push(b(e))},(h=function(t,a){for(var i=0;i<n.length;i++){var o=n[i],s=o[1],d=7&s;if((8&s)==t&&!d==a){var h=o[2],f=!!o[3],g=16&s;y(t?e:e.prototype,o,g,f?"#"+h:(0,oe.A)(h),d,d<2?[]:t?c=c||[]:l=l||[],u,!!t,f,a,t&&f?function(t){return(0,le.A)(t)===e}:r)}}})(8,0),h(0,0),h(8,1),h(0,1),d(l),d(c),s=u,m||k(e),{e:s,get c(){var n=[];return m&&[k(e=y(e,[t],0,e.name,5,n)),b(n,1)]}}}(Ht,[_t("diagram.editable-label",{styleTexts:[It.A]})],[[Ft(),1,"label"],[Ft({render:!1}),1,"type"],[Zt({type:"label.editing.change"}),1,"labelEditingChange",e=>Vt(Qt,e),(e,t)=>Ut(Qt,e,t)],[Zt({type:"label.change"}),1,"labelChange",e=>Vt(nn,e),(e,t)=>Ut(nn,e,t)],[qt(),2,"enableEditing"]],0,(e=>rn.has((0,le.A)(e))),he.ReactNextElement)),Mt();var ln=n(4223),cn=n(9740),un=n(6330),dn=n(8438),hn=n(1083),fn=n(531),gn=n(8185),pn=n(2830);function vn(e){var{connectLineState:t,transform:n,markerEnd:a,onConnect:r}=e,[i,o]=(0,ce.useState)(null);return(0,ce.useEffect)((()=>{t&&o(t.from)}),[t]),(0,ce.useEffect)((()=>{if(t){var e=e=>{o([(e.clientX-n.x-t.offset[0])/n.k,(e.clientY-n.y-t.offset[1])/n.k])},a=e=>{e.stopPropagation()},i=e=>{e.stopPropagation(),s(),r(t,[(e.clientX-n.x-t.offset[0])/n.k,(e.clientY-n.y-t.offset[1])/n.k])},s=()=>{document.removeEventListener("mousemove",e),document.removeEventListener("mousedown",a,{capture:!0}),document.removeEventListener("click",i,{capture:!0}),o(null)};return document.addEventListener("mousemove",e),document.addEventListener("mousedown",a,{capture:!0}),document.addEventListener("click",i,{capture:!0}),s}}),[t,r,n]),ue().createElement("path",{className:ve()("connect-line",{connecting:!!t&&i&&(i[0]-t.from[0])**2+(i[1]-t.from[1])**2>25}),d:t&&i?"M".concat(t.from.join(" "),"L").concat(i.join(" ")):"",fill:"none",stroke:"gray",strokeWidth:1,markerEnd:"url(#".concat(a,")")})}var mn=n(3783),bn=n(3033),wn=n(908),yn=n(6170),kn=n(9127);function An(e){var{cells:t,layout:n,previousCells:a,defaultNodeSize:r,canvasWidth:i,canvasHeight:o,scaleRange:s,transform:l,reason:c,parent:u}=e,d="force"!==n&&"dagre"!==n,h=(0,mn.C)(t,{defaultNodeSize:r}),f=[],g=!1,p=new Map,v=!1;for(var m of a)(0,fn.mH)(m)?v=!0:(0,fn.N)(m)&&(v=!0,m[bn.CV]&&p.set(m.id,m));var b=new Map;for(var w of h)if((0,fn.N)(w)){b.set(w.id,w);var y=p.get(w.id);y&&(w.view.width=y.view.width,w.view.height=y.view.height,w[bn.CV]=!0)}var k=!1;if("add-related-nodes"===c&&u){var A=new Set;for(var E of h)(0,fn.WW)(E)&&E.source===u&&E.target!==u&&A.add(E.target);var C=b.get(u);if(void 0!==(null==C?void 0:C.view.x)&&void 0!==C.view.y){k=!0;var x=[...A].map((e=>b.get(e))).filter(Boolean),M=void 0;for(var N of x)void 0!==N.view.x&&void 0!==N.view.y?(!M||N.view.x>M.view.x)&&N.view.y>C.view.y&&(M=N):f.push(N);if(f.length>0&&d){var W,z;if(M)W=M.view.x+M.view.width+bn.sz,z=M.view.y;else{var S=f.reduce(((e,t)=>e+t.view.width+bn.sz),-bn.sz);W=C.view.x-S/2+C.view.width/2,z=C.view.y+C.view.height+bn.sz}for(var T of f)T.view.x=W,T.view.y=z,W+=T.view.width+bn.sz}}}if(!k){var R,L=r[0],D=r[1],B=0,O=!1;for(var P of h)(0,fn.N)(P)?(P.view.width>L&&(L=P.view.width),P.view.height>D&&(D=P.view.height),void 0===P.view.x||void 0===P.view.y?f.push(P):B++):(0,fn.mH)(P)&&(O=!0);if(d)for(var j of(v||(l=(0,wn.r)((0,me.without)(h,...f),{canvasWidth:i,canvasHeight:o,scaleRange:s})),0===B||1===B&&!O?(({getNodeView:R}=(0,kn.C)({cells:h})),g=!0):({getNodeView:R}=(0,yn.k)({cells:h,fixedPosition:!0,center:[(i/2-l.x)/l.k,(o/2-l.y)/l.k]})),h))if((0,fn.N)(j)){var H=R(j.id);j.view.x=H.x,j.view.y=H.y}}return{cells:h,updated:f,shouldReCenter:g}}var En,Cn,xn,Mn,Nn,Wn,zn,Sn,Tn,Rn,Ln,Dn,Bn,On,Pn,jn,Hn,In,Yn,Un,Vn,Xn,Kn,_n,Fn,Zn,qn,Jn,$n,Gn,Qn,ea,ta,na,aa,ra,ia,oa,sa,la,ca,ua,da,ha,fa,ga,pa,va,ma,ba,wa,ya,ka,Aa,Ea,Ca,xa,Ma,Na,Wa,za,Sa,Ta,Ra,La,Da,Ba,Oa=n(227),Pa=n(8091),ja=n(1819),Ha=n(7099),Ia=n(2361),Ya=n(8197),Ua=n(7531),Va=n(3012),Xa=n(8618),Ka=["shouldReCenter"];function _a(e,t,n){return n(qa(e,t))}function Fa(e,t,n){return e.set(qa(e,t),n),n}function Za(e,t){return e.get(qa(e,t))}function qa(e,t,n){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:n;throw new TypeError("Private element is not present on this object")}var Ja,$a=(0,dn.unwrapProvider)("basic.lock-body-scroll"),{defineElement:Ga,property:Qa,method:er,event:tr}=(0,de.createDecorators)(),nr=ue().forwardRef(jr),ar=new WeakMap,rr=new WeakMap,ir=new WeakMap,or=new WeakMap,sr=new WeakMap,lr=new WeakMap,cr=new WeakMap,ur=new WeakMap,dr=new WeakMap,hr=new WeakMap,fr=new WeakMap,gr=new WeakMap,pr=new WeakMap,vr=new WeakMap,mr=new WeakMap,br=new WeakSet,wr=new WeakMap,yr=new WeakMap,kr=new WeakMap,Ar=new WeakMap,Er=new WeakMap,Cr=new WeakMap,xr=new WeakMap,Mr=new WeakMap,Nr=new WeakMap,Wr=new WeakMap,zr=new WeakMap,Sr=new WeakMap,Tr=new WeakMap,Rr=new WeakMap,Lr=new WeakMap,Dr=new WeakMap,Br=new WeakMap;class Or extends he.ReactNextElement{constructor(){super(...arguments),(0,re.A)(this,br),(0,ie.A)(this,ar,(En(this),xn(this))),(0,ie.A)(this,rr,(Mn(this),Nn(this))),(0,ie.A)(this,ir,(Wn(this),zn(this))),(0,ie.A)(this,or,(Sn(this),Tn(this,[bn.HP,bn.HP]))),(0,ie.A)(this,sr,(Rn(this),Ln(this))),(0,ie.A)(this,lr,(Dn(this),Bn(this))),(0,ie.A)(this,cr,(On(this),Pn(this))),(0,ie.A)(this,ur,(jn(this),Hn(this))),(0,ie.A)(this,dr,(In(this),Yn(this))),(0,ie.A)(this,hr,(Un(this),Vn(this))),(0,ie.A)(this,fr,(Xn(this),Kn(this,!0))),(0,ie.A)(this,gr,(_n(this),Fn(this,!0))),(0,ie.A)(this,pr,(Zn(this),qn(this,!0))),(0,ie.A)(this,vr,(Jn(this),$n(this))),(0,ie.A)(this,mr,(Gn(this),Qn(this))),(0,ie.A)(this,wr,(na(this),e=>{_a(br,this,ea).emit(e)})),(0,ie.A)(this,yr,(e=>{(0,gn.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,ie.A)(this,kr,aa(this)),(0,ie.A)(this,Ar,(oa(this),sa(this))),(0,ie.A)(this,Er,(ua(this),e=>{_a(br,this,la).emit(e),"node"===e.type&&_a(br,this,ra).emit(e)})),(0,ie.A)(this,Cr,da(this)),(0,ie.A)(this,xr,(ga(this),e=>{_a(br,this,ha).emit(e)})),(0,ie.A)(this,Mr,pa(this)),(0,ie.A)(this,Nr,(ba(this),wa(this))),(0,ie.A)(this,Wr,(Aa(this),e=>{_a(br,this,ya).emit(e),"node"===e.type&&_a(br,this,va).emit(e)})),(0,ie.A)(this,zr,Ea(this)),(0,ie.A)(this,Sr,(Ma(this),e=>{_a(br,this,Ca).emit(e)})),(0,ie.A)(this,Tr,Na(this)),(0,ie.A)(this,Rr,(Sa(this),e=>{_a(br,this,Wa).emit(e)})),(0,ie.A)(this,Lr,Ta(this)),(0,ie.A)(this,Dr,(Da(this),e=>{_a(br,this,Ra).emit(e)})),(0,ie.A)(this,Br,(0,ce.createRef)())}get cells(){return Za(ar,this)}set cells(e){Fa(ar,this,e)}get layout(){return Za(rr,this)}set layout(e){Fa(rr,this,e)}get layoutOptions(){return Za(ir,this)}set layoutOptions(e){Fa(ir,this,e)}get defaultNodeSize(){return Za(or,this)}set defaultNodeSize(e){Fa(or,this,e)}get defaultNodeBricks(){return Za(sr,this)}set defaultNodeBricks(e){Fa(sr,this,e)}get degradedThreshold(){return Za(lr,this)}set degradedThreshold(e){Fa(lr,this,e)}get degradedNodeLabel(){return Za(cr,this)}set degradedNodeLabel(e){Fa(cr,this,e)}get defaultEdgeLines(){return Za(ur,this)}set defaultEdgeLines(e){Fa(ur,this,e)}get activeTarget(){return Za(dr,this)}set activeTarget(e){Fa(dr,this,e)}get fadeUnrelatedCells(){return Za(hr,this)}set fadeUnrelatedCells(e){Fa(hr,this,e)}get zoomable(){return Za(fr,this)}set zoomable(e){Fa(fr,this,e)}get scrollable(){return Za(gr,this)}set scrollable(e){Fa(gr,this,e)}get pannable(){return Za(pr,this)}set pannable(e){Fa(pr,this,e)}get scaleRange(){return Za(vr,this)}set scaleRange(e){Fa(vr,this,e)}dropNode(e){var t=this;return(0,un.A)((function*(){var n,a,{id:r,position:i,size:o,data:s,useBrick:l}=e;if(null===(n=(a=document).elementsFromPoint)||void 0===n||null===(n=n.call(a,i[0],i[1]))||void 0===n?void 0:n.includes(t)){var c,u,d,h=t.getBoundingClientRect(),f=Za(Br,t).current.getTransform(),g={type:"node",id:r,view:(0,cn.A)((0,cn.A)({},"force"===t.layout||"dagre"===t.layout?null:{x:(i[0]-h.left-f.x)/f.k,y:(i[1]-h.top-f.y)/f.k}),{},{width:null!==(c=null==o?void 0:o[0])&&void 0!==c?c:t.defaultNodeSize[0],height:null!==(u=null==o?void 0:o[1])&&void 0!==u?u:t.defaultNodeSize[0]}),data:s,useBrick:l};return null===(d=Za(Br,t).current)||void 0===d||d.dropNode(g),g}return null}))()}dropDecorator(e){var t=this;return(0,un.A)((function*(){var n,a,{position:r,decorator:i,text:o}=e;if(null===(n=(a=document).elementsFromPoint)||void 0===n||null===(n=n.call(a,r[0],r[1]))||void 0===n?void 0:n.includes(t)){var s,l=t.getBoundingClientRect(),c=Za(Br,t).current.getTransform(),u={type:"decorator",decorator:i,id:"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(e){var t=16*Math.random()|0;return("x"==e?t:3&t|8).toString(16)})),view:{x:(r[0]-l.left-c.x)/c.k,y:(r[1]-l.top-c.y)/c.k,width:bn.N8,height:bn.w1,text:o}};return null===(s=Za(Br,t).current)||void 0===s||s.dropDecorator(u),u}return null}))()}addNodes(e){var t=this;return(0,un.A)((function*(){if(0===e.length)return[];var n=e.map((e=>{var n,a,{size:r,useBrick:i,id:o,data:s}=e;return{type:"node",id:o,data:s,view:{width:null!==(n=null==r?void 0:r[0])&&void 0!==n?n:t.defaultNodeSize[0],height:null!==(a=null==r?void 0:r[1])&&void 0!==a?a:t.defaultNodeSize[0]},useBrick:i}}));return Za(Br,t).current.addNodes(n,{defaultNodeSize:t.defaultNodeSize,canvasWidth:t.clientWidth,canvasHeight:t.clientHeight})}))()}addEdge(e){var t=this;return(0,un.A)((function*(){var n,{source:a,target:r,data:i}=e,o={type:"edge",source:a,target:r,data:i};return null===(n=Za(Br,t).current)||void 0===n||n.addEdge(o),o}))()}manuallyConnectNodes(e){return Za(Br,this).current.manuallyConnectNodes(e)}updateCells(e,t){var n=this;return(0,un.A)((function*(){yield qa(br,n,Pr).call(n);var{updated:a}=Za(Br,n).current.updateCells(e,(0,cn.A)((0,cn.A)({},t),{},{defaultNodeSize:n.defaultNodeSize,canvasWidth:n.clientWidth,canvasHeight:n.clientHeight}));return{updated:a}}))()}disconnectedCallback(){super.disconnectedCallback(),$a(this,!1)}render(){return ue().createElement(nr,{host:this,ref:Za(Br,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,scaleRange:this.scaleRange,onActiveTargetChange:Za(wr,this),onSwitchActiveTarget:Za(yr,this),onCellMove:Za(Er,this),onCellResize:Za(xr,this),onCellDelete:Za(Wr,this),onCellContextMenu:Za(Sr,this),onDecoratorTextChange:Za(Rr,this),onScaleChange:Za(Dr,this)})}}function Pr(){return new Promise((e=>{var t=()=>{Za(Br,this).current?e():setTimeout(t,10)};t()}))}function jr(e,t){var{host:n,layout:a,layoutOptions:r,cells:i,defaultNodeSize:o,defaultNodeBricks:s,defaultEdgeLines:l,degradedThreshold:c,degradedNodeLabel:u,activeTarget:d,fadeUnrelatedCells:h,zoomable:f,scrollable:g,pannable:p,scaleRange:v,onActiveTargetChange:m,onSwitchActiveTarget:b,onCellMove:w,onCellResize:y,onCellDelete:k,onCellContextMenu:A,onDecoratorTextChange:E,onScaleChange:C}=e,[{cells:x},M]=(0,ce.useReducer)(hn.d,i,(e=>({cells:(0,mn.C)(e,{defaultNodeSize:o})}))),N=(0,ce.useMemo)((()=>x.filter(fn.N).length>=(null!=c?c:bn.pC)),[x,c]),W=(0,ce.useRef)(null),z=(0,ce.useRef)(null),S=(0,ce.useRef)(null),[T,R]=(0,ce.useState)([]),{grabbing:L,transform:D,zoomer:B,scaleRange:O}=(0,Pa.f)({rootRef:W,zoomable:f,scrollable:g,pannable:p,scaleRange:v,onSwitchActiveTarget:b});(0,ce.useEffect)((()=>{C(D.k)}),[C,D.k]);var[P,j]=(0,ce.useState)(null),{centered:H,setCentered:I}=(0,Ia.g)({layout:a,layoutOptions:r,rootRef:W,cells:x,zoomable:f,zoomer:B,scaleRange:O,dispatch:M});(0,ce.useImperativeHandle)(t,(()=>({dropNode(e){I(!0),M({type:"drop-node",payload:e})},dropDecorator(e){I(!0),M({type:"drop-decorator",payload:e})},addNodes(e,t){var{defaultNodeSize:n,canvasWidth:r,canvasHeight:i}=t,o=x.findLastIndex((e=>!("decorator"===e.type&&"text"===e.decorator)))+1,s=[...x.slice(0,o),...e,...x.slice(o)],{cells:l,updated:c,shouldReCenter:u}=An({cells:s,layout:a,previousCells:x,defaultNodeSize:n,canvasWidth:r,canvasHeight:i,scaleRange:O,transform:D});return u&&I(!1),M({type:"update-cells",payload:l}),c.filter((t=>e.includes(t)))},addEdge(e){M({type:"add-edge",payload:e})},updateCells(e,t){var n=An((0,cn.A)((0,cn.A)({},t),{},{layout:a,previousCells:x,cells:e,scaleRange:O,transform:D})),{shouldReCenter:r}=n,i=(0,ln.A)(n,Ka);return r&&I(!1),M({type:"update-cells",payload:i.cells}),i},getTransform:()=>D,manuallyConnectNodes(e){var t=x.find((t=>(0,fn.N)(t)&&t.id===e));if(t){var n=W.current.getBoundingClientRect();return j({source:t,from:[t.view.x+t.view.width/2,t.view.y+t.view.height/2],offset:[n.left,n.top]}),new Promise(((e,t)=>{S.current={resolve:e,reject:t}}))}return Promise.reject(null)}})),[x,a,O,I,D]);var Y=(0,ce.useCallback)(((e,t)=>{for(var n,a=0;a<x.length;a++){var r=x[a];if((0,fn.N)(r)&&r.id!==e.source.id&&r.view.x<t[0]&&r.view.x+r.view.width>t[0]&&r.view.y<t[1]&&r.view.y+r.view.height>t[1]){var i;null===(i=S.current)||void 0===i||i.resolve({source:e.source,target:r});break}}null===(n=S.current)||void 0===n||n.reject(null),j(null)}),[x]);(0,ce.useEffect)((()=>{$a(n,!!P)}),[P,n]);var U=(0,ja.J)({cellsRef:z,activeTarget:d,onActiveTargetChange:m}),[V,X]=(0,ce.useState)([]);(0,ce.useEffect)((()=>{var e=h?(0,Oa.Y)(x,P,U):[];X((t=>0===t.length&&0===e.length?t:e))}),[U,x,P,h]),(0,ce.useEffect)((()=>{var e=W.current;if(e&&!(T.length>0)){var t=e=>{var t=function(e,t){var{cells:n,activeTarget:a}=t,r=n.find((e=>(0,gn.c)(e,a)));if(r)switch(e.key||e.keyCode||e.which){case"Backspace":case 8:case"Delete":case 46:return e.preventDefault(),e.stopPropagation(),{action:"delete-cell",cell:r}}}(e,{cells:x,activeTarget:U});"delete-cell"===(null==t?void 0:t.action)&&k(t.cell)};return e.addEventListener("keydown",t),()=>{e.removeEventListener("keydown",t)}}}),[U,x,T.length,k]);var K=(0,ce.useMemo)((()=>"".concat((0,me.uniqueId)("diagram-"),"-")),[]),_="".concat(K,"line-arrow-"),F=(0,ce.useCallback)((e=>{M({type:"move-cell",payload:e})}),[]),Z=(0,ce.useCallback)((e=>{M({type:"move-cell",payload:e}),w(e)}),[w]),q=(0,ce.useCallback)((e=>{M({type:"resize-cell",payload:e})}),[]),J=(0,ce.useCallback)((e=>{M({type:"resize-cell",payload:e}),y(e)}),[y]),$=(0,ce.useCallback)((e=>{var{id:t,editing:n}=e;R(n?e=>e.includes(t)?e:[...e,t]:e=>e.filter((e=>e!==t)))}),[]),G=(0,ce.useCallback)(((e,t)=>{M({type:"update-node-size",payload:{id:e,size:t}})}),[]),Q=(0,ce.useCallback)((e=>{B.scaleTo((0,fe.A)(W.current),e/100)}),[B]),ee=(0,ce.useCallback)((()=>{I(!1)}),[I]),[te,ne]=(0,Ua.d)({cells:x,defaultEdgeLines:l,markerPrefix:_}),ae=(0,Ya.H)({cells:x,layout:a,centered:H});return ue().createElement(ue().Fragment,null,ue().createElement("svg",{width:"100%",height:"100%",ref:W,className:ve()("root",{grabbing:L,pannable:p,ready:ae}),tabIndex:-1},ue().createElement("defs",null,ne.map(((e,t)=>ue().createElement(Me.c,{key:t,id:"".concat(_).concat(t),type:"arrow",strokeColor:e.strokeColor})))),ue().createElement("g",{transform:"translate(".concat(D.x," ").concat(D.y,") scale(").concat(D.k,")")},ue().createElement("g",{className:"cells",ref:z},x.map((e=>ue().createElement(pn.m,{key:"".concat(e.type,":").concat("edge"===e.type?"".concat(e.source,"~").concat(e.target):e.id),layout:a,cell:e,cells:x,degraded:N,degradedNodeLabel:u,defaultNodeBricks:s,transform:D,lineConfMap:te,active:(0,gn.c)(U,e),unrelatedCells:V,onCellMoving:F,onCellMoved:Z,onCellResizing:q,onCellResized:J,onSwitchActiveTarget:b,onCellContextMenu:A,onDecoratorTextChange:E,onDecoratorTextEditing:$,onNodeBrickResize:G})))),ue().createElement(vn,{connectLineState:P,transform:D,markerEnd:"".concat(_,"0"),onConnect:Y}))),ue().createElement(Ha.Y,{shadowRoot:n.shadowRoot,scale:D.k,scaleRange:O,onZoomChange:Q,onReCenter:ee}))}Ba=Or,({e:[xn,Mn,Nn,Wn,zn,Sn,Tn,Rn,Ln,Dn,Bn,On,Pn,jn,Hn,In,Yn,Un,Vn,Xn,Kn,_n,Fn,Zn,qn,Jn,$n,Gn,Qn,ea,ta,na,aa,ra,ia,oa,sa,la,ca,ua,da,ha,fa,ga,pa,va,ma,ba,wa,ya,ka,Aa,Ea,Ca,xa,Ma,Na,Wa,za,Sa,Ta,Ra,La,Da,En],c:[Ja,Cn]}=function(e,t,n,a,r,i){var o,s,l,c,u,d,h,f=Symbol.metadata||Symbol.for("Symbol.metadata"),g=Object.defineProperty,p=Object.create,v=[p(null),p(null)],m=t.length;function b(t,n,a){return function(r,i){n&&(i=r,r=e);for(var o=0;o<t.length;o++)i=t[o].apply(r,a?[i]:[]);return a?i:r}}function w(e,t,n,a){if("function"!=typeof e&&(a||void 0!==e))throw new TypeError(t+" must "+(n||"be")+" a function"+(a?"":" or undefined"));return e}function y(e,t,n,a,r,i,l,c,u,d,h){function f(e){if(!h(e))throw new TypeError("Attempted to access private element on non-instance")}var p=[].concat(t[0]),m=t[3],y=!l,k=1===r,A=3===r,E=4===r,C=2===r;function x(t,n,a){return function(r,i){return n&&(i=r,r=e),a&&a(r),M[t].call(r,i)}}if(!y){var M={},N=[],W=A?"get":E||k?"set":"value";if(u?(d||k?M={get:(0,se.A)((function(){return m(this)}),a,"get"),set:function(e){t[4](this,e)}}:M[W]=m,d||(0,se.A)(M[W],a,C?"":W)):d||(M=Object.getOwnPropertyDescriptor(e,a)),!d&&!u){if((s=v[+c][a])&&7!=(s^r))throw new Error("Decorating two elements with the same name ("+M[W].name+") is not supported yet");v[+c][a]=r<3?1:r}}for(var z=e,S=p.length-1;S>=0;S-=n?2:1){var T=p[S],R=n?p[S-1]:void 0,L={},D={kind:["field","accessor","method","getter","setter","class"][r],name:a,metadata:o,addInitializer:function(e,t){if(e.v)throw new Error("attempted to call addInitializer after decoration was finished");w(t,"An initializer","be",!0),i.push(t)}.bind(null,L)};if(y)s=T.call(R,z,D),L.v=1,w(s,"class decorators","return")&&(z=s);else if(D.static=c,D.private=u,s=D.access={has:u?h.bind():function(e){return a in e}},E||(s.get=u?C?function(e){return f(e),M.value}:x("get",0,f):function(e){return e[a]}),C||A||(s.set=u?x("set",0,f):function(e,t){e[a]=t}),z=T.call(R,k?{get:M.get,set:M.set}:M[W],D),L.v=1,k){if("object"==typeof z&&z)(s=w(z.get,"accessor.get"))&&(M.get=s),(s=w(z.set,"accessor.set"))&&(M.set=s),(s=w(z.init,"accessor.init"))&&N.unshift(s);else if(void 0!==z)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else w(z,(d?"field":"method")+" decorators","return")&&(d?N.unshift(z):M[W]=z)}return r<2&&l.push(b(N,c,1),b(i,c,0)),d||y||(u?k?l.splice(-1,0,x("get",c),x("set",c)):l.push(C?M[W]:w.call.bind(M[W])):g(e,a,M)),z}function k(e){return g(e,f,{configurable:!0,enumerable:!0,value:o})}return void 0!==i&&(o=i[f]),o=p(null==o?null:o),u=[],d=function(e){e&&u.push(b(e))},(h=function(t,a){for(var i=0;i<n.length;i++){var o=n[i],s=o[1],d=7&s;if((8&s)==t&&!d==a){var h=o[2],f=!!o[3],g=16&s;y(t?e:e.prototype,o,g,f?"#"+h:(0,oe.A)(h),d,d<2?[]:t?c=c||[]:l=l||[],u,!!t,f,a,t&&f?function(t){return(0,le.A)(t)===e}:r)}}})(8,0),h(0,0),h(8,1),h(0,1),d(l),d(c),s=u,m||k(e),{e:s,get c(){var n=[];return m&&[k(e=y(e,[t],0,e.name,5,n)),b(n,1)]}}}(Ba,[Ga("eo-draw-canvas",{styleTexts:[Va.A,Xa.A]})],[[Qa({attribute:!1}),1,"cells"],[Qa({type:String}),1,"layout"],[Qa({attribute:!1}),1,"layoutOptions"],[Qa({attribute:!1}),1,"defaultNodeSize"],[Qa({attribute:!1}),1,"defaultNodeBricks"],[Qa({type:Number}),1,"degradedThreshold"],[Qa({attribute:!1}),1,"degradedNodeLabel"],[Qa({attribute:!1}),1,"defaultEdgeLines"],[Qa({attribute:!1}),1,"activeTarget"],[Qa({type:Boolean}),1,"fadeUnrelatedCells"],[Qa({type:Boolean}),1,"zoomable"],[Qa({type:Boolean}),1,"scrollable"],[Qa({type:Boolean}),1,"pannable"],[Qa({attribute:!1}),1,"scaleRange"],[tr({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>Za(mr,e),(e,t)=>Fa(mr,e,t)],[tr({type:"node.move"}),1,"nodeMoveEvent",e=>Za(kr,e),(e,t)=>Fa(kr,e,t)],[tr({type:"cell.move"}),1,"cellMoveEvent",e=>Za(Ar,e),(e,t)=>Fa(Ar,e,t)],[tr({type:"cell.resize"}),1,"cellResizeEvent",e=>Za(Cr,e),(e,t)=>Fa(Cr,e,t)],[tr({type:"node.delete"}),1,"nodeDelete",e=>Za(Mr,e),(e,t)=>Fa(Mr,e,t)],[tr({type:"cell.delete"}),1,"cellDelete",e=>Za(Nr,e),(e,t)=>Fa(Nr,e,t)],[tr({type:"cell.contextmenu"}),1,"cellContextMenu",e=>Za(zr,e),(e,t)=>Fa(zr,e,t)],[tr({type:"decorator.text.change"}),1,"decoratorTextChange",e=>Za(Tr,e),(e,t)=>Fa(Tr,e,t)],[tr({type:"scale.change"}),1,"scaleChange",e=>Za(Lr,e),(e,t)=>Fa(Lr,e,t)],[er(),2,"dropNode"],[er(),2,"dropDecorator"],[er(),2,"addNodes"],[er(),2,"addEdge"],[er(),2,"manuallyConnectNodes"],[er(),2,"updateCells"]],0,(e=>Br.has((0,le.A)(e))),he.ReactNextElement)),Cn();var Hr,Ir,Yr,Ur,Vr,Xr,Kr,_r,Fr,Zr,qr,Jr,$r,Gr,Qr,ei,ti,ni,ai,ri,ii=n(497);function oi(e,t,n){return n(ci(e,t))}function si(e,t,n){return e.set(ci(e,t),n),n}function li(e,t){return e.get(ci(e,t))}function ci(e,t,n){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:n;throw new TypeError("Private element is not present on this object")}var ui,di,hi,fi,gi,pi,vi,mi,bi,wi,yi,ki,Ai,Ei,Ci,xi,Mi,Ni,Wi,zi,Si,Ti,Ri,Li,Di,Bi,Oi,Pi,ji,Hi,Ii,Yi,Ui,Vi,Xi,Ki,_i,Fi,Zi,qi,Ji,$i,Gi,{defineElement:Qi,property:eo,event:to}=(0,de.createDecorators)(),no=new WeakMap,ao=new WeakMap,ro=new WeakMap,io=new WeakMap,oo=new WeakSet,so=new WeakMap,lo=new WeakMap,co=new WeakMap,uo=new WeakMap,ho=new WeakMap;class fo extends he.ReactNextElement{constructor(){super(...arguments),(0,re.A)(this,oo),(0,ie.A)(this,no,Ir(this)),(0,ie.A)(this,ao,(Yr(this),Ur(this))),(0,ie.A)(this,ro,(Vr(this),Xr(this))),(0,ie.A)(this,io,(Kr(this),_r(this))),(0,ie.A)(this,so,(qr(this),e=>{oi(oo,this,Fr).emit(e)})),(0,ie.A)(this,lo,Jr(this)),(0,ie.A)(this,co,(Qr(this),e=>{oi(oo,this,$r).emit(e)})),(0,ie.A)(this,uo,ei(this)),(0,ie.A)(this,ho,(ai(this),e=>{oi(oo,this,ti).emit(e)}))}get usage(){return li(no,this)}set usage(e){si(no,this,e)}get status(){return li(ao,this)}set status(e){si(ao,this,e)}get decorator(){return li(ro,this)}set decorator(e){si(ro,this,e)}render(){return ue().createElement(go,{usage:this.usage,onDragStart:li(so,this),onDragMove:li(co,this),onDragEnd:li(ho,this)})}}function go(e){var{usage:t,onDragStart:n,onDragMove:a,onDragEnd:r}=e,i=(0,ce.useCallback)((e=>{if("library"===t){e.stopPropagation(),e.preventDefault();var i=[e.clientX,e.clientY],o=!1,s=e=>{o||(o=(e.clientX-i[0])**2+(e.clientY-i[1])**2>=9)&&(null==n||n([e.clientX,e.clientY])),o&&(null==a||a([e.clientX,e.clientY]))},l=e=>{document.removeEventListener("mousemove",s),document.removeEventListener("mouseup",l),o&&(null==r||r([e.clientX,e.clientY]))};document.addEventListener("mousemove",s),document.addEventListener("mouseup",l)}}),[r,a,n,t]);return ue().createElement("div",{onMouseDown:i},ue().createElement("slot",null))}function po(e,t,n){return n(bo(e,t))}function vo(e,t,n){return e.set(bo(e,t),n),n}function mo(e,t){return e.get(bo(e,t))}function bo(e,t,n){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:n;throw new TypeError("Private element is not present on this object")}ri=fo,({e:[Ir,Yr,Ur,Vr,Xr,Kr,_r,Fr,Zr,qr,Jr,$r,Gr,Qr,ei,ti,ni,ai],c:[ui,Hr]}=function(e,t,n,a,r,i){var o,s,l,c,u,d,h,f=Symbol.metadata||Symbol.for("Symbol.metadata"),g=Object.defineProperty,p=Object.create,v=[p(null),p(null)],m=t.length;function b(t,n,a){return function(r,i){n&&(i=r,r=e);for(var o=0;o<t.length;o++)i=t[o].apply(r,a?[i]:[]);return a?i:r}}function w(e,t,n,a){if("function"!=typeof e&&(a||void 0!==e))throw new TypeError(t+" must "+(n||"be")+" a function"+(a?"":" or undefined"));return e}function y(e,t,n,a,r,i,l,c,u,d,h){function f(e){if(!h(e))throw new TypeError("Attempted to access private element on non-instance")}var p=[].concat(t[0]),m=t[3],y=!l,k=1===r,A=3===r,E=4===r,C=2===r;function x(t,n,a){return function(r,i){return n&&(i=r,r=e),a&&a(r),M[t].call(r,i)}}if(!y){var M={},N=[],W=A?"get":E||k?"set":"value";if(u?(d||k?M={get:(0,se.A)((function(){return m(this)}),a,"get"),set:function(e){t[4](this,e)}}:M[W]=m,d||(0,se.A)(M[W],a,C?"":W)):d||(M=Object.getOwnPropertyDescriptor(e,a)),!d&&!u){if((s=v[+c][a])&&7!=(s^r))throw new Error("Decorating two elements with the same name ("+M[W].name+") is not supported yet");v[+c][a]=r<3?1:r}}for(var z=e,S=p.length-1;S>=0;S-=n?2:1){var T=p[S],R=n?p[S-1]:void 0,L={},D={kind:["field","accessor","method","getter","setter","class"][r],name:a,metadata:o,addInitializer:function(e,t){if(e.v)throw new Error("attempted to call addInitializer after decoration was finished");w(t,"An initializer","be",!0),i.push(t)}.bind(null,L)};if(y)s=T.call(R,z,D),L.v=1,w(s,"class decorators","return")&&(z=s);else if(D.static=c,D.private=u,s=D.access={has:u?h.bind():function(e){return a in e}},E||(s.get=u?C?function(e){return f(e),M.value}:x("get",0,f):function(e){return e[a]}),C||A||(s.set=u?x("set",0,f):function(e,t){e[a]=t}),z=T.call(R,k?{get:M.get,set:M.set}:M[W],D),L.v=1,k){if("object"==typeof z&&z)(s=w(z.get,"accessor.get"))&&(M.get=s),(s=w(z.set,"accessor.set"))&&(M.set=s),(s=w(z.init,"accessor.init"))&&N.unshift(s);else if(void 0!==z)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else w(z,(d?"field":"method")+" decorators","return")&&(d?N.unshift(z):M[W]=z)}return r<2&&l.push(b(N,c,1),b(i,c,0)),d||y||(u?k?l.splice(-1,0,x("get",c),x("set",c)):l.push(C?M[W]:w.call.bind(M[W])):g(e,a,M)),z}function k(e){return g(e,f,{configurable:!0,enumerable:!0,value:o})}return void 0!==i&&(o=i[f]),o=p(null==o?null:o),u=[],d=function(e){e&&u.push(b(e))},(h=function(t,a){for(var i=0;i<n.length;i++){var o=n[i],s=o[1],d=7&s;if((8&s)==t&&!d==a){var h=o[2],f=!!o[3],g=16&s;y(t?e:e.prototype,o,g,f?"#"+h:(0,oe.A)(h),d,d<2?[]:t?c=c||[]:l=l||[],u,!!t,f,a,t&&f?function(t){return(0,le.A)(t)===e}:r)}}})(8,0),h(0,0),h(8,1),h(0,1),d(l),d(c),s=u,m||k(e),{e:s,get c(){var n=[];return m&&[k(e=y(e,[t],0,e.name,5,n)),b(n,1)]}}}(ri,[Qi("diagram.experimental-node",{styleTexts:[ii.A]})],[[eo(),1,"usage"],[eo({type:String,render:!1}),1,"status"],[eo({type:String}),1,"decorator"],[to({type:"drag.start"}),1,"dragStartEvent",e=>li(io,e),(e,t)=>si(io,e,t)],[to({type:"drag.move"}),1,"dragMoveEvent",e=>li(lo,e),(e,t)=>si(lo,e,t)],[to({type:"drag.end"}),1,"dragEndEvent",e=>li(uo,e),(e,t)=>si(uo,e,t)]],0,(e=>ho.has((0,le.A)(e))),he.ReactNextElement)),Hr();var wo,{defineElement:yo,property:ko,event:Ao}=(0,de.createDecorators)(),Eo=new WeakMap,Co=new WeakMap,xo=new WeakMap,Mo=new WeakMap,No=new WeakMap,Wo=new WeakMap,zo=new WeakMap,So=new WeakMap,To=new WeakMap,Ro=new WeakMap,Lo=new WeakMap,Do=new WeakMap,Bo=new WeakMap,Oo=new WeakMap,Po=new WeakMap,jo=new WeakSet,Ho=new WeakMap,Io=new WeakMap,Yo=new WeakMap,Uo=new WeakMap,Vo=new WeakMap,Xo=new WeakMap;class Ko extends he.ReactNextElement{constructor(){super(...arguments),(0,re.A)(this,jo),(0,ie.A)(this,Eo,hi(this)),(0,ie.A)(this,Co,(fi(this),gi(this))),(0,ie.A)(this,xo,(pi(this),vi(this))),(0,ie.A)(this,Mo,(mi(this),bi(this,[bn.HP,bn.HP]))),(0,ie.A)(this,No,(wi(this),yi(this))),(0,ie.A)(this,Wo,(ki(this),Ai(this))),(0,ie.A)(this,zo,(Ei(this),Ci(this))),(0,ie.A)(this,So,(xi(this),Mi(this))),(0,ie.A)(this,To,(Ni(this),Wi(this))),(0,ie.A)(this,Ro,(zi(this),Si(this))),(0,ie.A)(this,Lo,(Ti(this),Ri(this,!0))),(0,ie.A)(this,Do,(Li(this),Di(this,!0))),(0,ie.A)(this,Bo,(Bi(this),Oi(this,!0))),(0,ie.A)(this,Oo,(Pi(this),ji(this))),(0,ie.A)(this,Po,(Hi(this),Ii(this))),(0,ie.A)(this,Ho,(Vi(this),e=>{po(jo,this,Yi).emit(e)})),(0,ie.A)(this,Io,(e=>{(0,gn.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,ie.A)(this,Yo,Xi(this)),(0,ie.A)(this,Uo,(Fi(this),e=>{po(jo,this,Ki).emit(e)})),(0,ie.A)(this,Vo,Zi(this)),(0,ie.A)(this,Xo,($i(this),e=>{po(jo,this,qi).emit(e)}))}get cells(){return mo(Eo,this)}set cells(e){vo(Eo,this,e)}get layout(){return mo(Co,this)}set layout(e){vo(Co,this,e)}get layoutOptions(){return mo(xo,this)}set layoutOptions(e){vo(xo,this,e)}get defaultNodeSize(){return mo(Mo,this)}set defaultNodeSize(e){vo(Mo,this,e)}get defaultNodeBricks(){return mo(No,this)}set defaultNodeBricks(e){vo(No,this,e)}get degradedThreshold(){return mo(Wo,this)}set degradedThreshold(e){vo(Wo,this,e)}get degradedNodeLabel(){return mo(zo,this)}set degradedNodeLabel(e){vo(zo,this,e)}get defaultEdgeLines(){return mo(So,this)}set defaultEdgeLines(e){vo(So,this,e)}get activeTarget(){return mo(To,this)}set activeTarget(e){vo(To,this,e)}get fadeUnrelatedCells(){return mo(Ro,this)}set fadeUnrelatedCells(e){vo(Ro,this,e)}get zoomable(){return mo(Lo,this)}set zoomable(e){vo(Lo,this,e)}get scrollable(){return mo(Do,this)}set scrollable(e){vo(Do,this,e)}get pannable(){return mo(Bo,this)}set pannable(e){vo(Bo,this,e)}get scaleRange(){return mo(Oo,this)}set scaleRange(e){vo(Oo,this,e)}render(){return ue().createElement(_o,{shadowRoot:this.shadowRoot,cells:this.cells,layout:this.layout,layoutOptions:this.layoutOptions,defaultNodeSize:this.defaultNodeSize,defaultNodeBricks:this.defaultNodeBricks,defaultEdgeLines:this.defaultEdgeLines,degradedThreshold:this.degradedThreshold,degradedNodeLabel:this.degradedNodeLabel,activeTarget:this.activeTarget,fadeUnrelatedCells:this.fadeUnrelatedCells,zoomable:this.zoomable,scrollable:this.scrollable,pannable:this.pannable,scaleRange:this.scaleRange,onActiveTargetChange:mo(Ho,this),onSwitchActiveTarget:mo(Io,this),onCellContextMenu:mo(Uo,this),onCellClick:mo(Xo,this)})}}function _o(e){var{shadowRoot:t,cells:n,layout:a,layoutOptions:r,defaultNodeSize:i,defaultNodeBricks:o,defaultEdgeLines:s,degradedThreshold:l,degradedNodeLabel:c,activeTarget:u,fadeUnrelatedCells:d,zoomable:h,scrollable:f,pannable:g,scaleRange:p,onActiveTargetChange:v,onSwitchActiveTarget:m,onCellContextMenu:b,onCellClick:w}=e,[{cells:y},k]=(0,ce.useReducer)(hn.d,n,(e=>({cells:(0,mn.C)(e,{defaultNodeSize:i})}))),A=(0,ce.useMemo)((()=>y.filter(fn.N).length>=(null!=l?l:bn.pC)),[y,l]),E=(0,ce.useRef)(null),C=(0,ce.useRef)(null),{grabbing:x,transform:M,zoomer:N,scaleRange:W}=(0,Pa.f)({rootRef:E,zoomable:h,scrollable:f,pannable:g,scaleRange:p,onSwitchActiveTarget:m}),{centered:z,setCentered:S}=(0,Ia.g)({layout:a,layoutOptions:r,rootRef:E,cells:y,zoomable:h,zoomer:N,scaleRange:W,dispatch:k}),T=(0,ja.J)({cellsRef:C,activeTarget:u,onActiveTargetChange:v}),R=(0,ce.useMemo)((()=>"".concat((0,me.uniqueId)("diagram-"),"-")),[]),L="".concat(R,"line-arrow-"),D=(0,ce.useCallback)(((e,t)=>{k({type:"update-node-size",payload:{id:e,size:t}})}),[]),[B,O]=(0,ce.useState)(null),P=(0,ce.useCallback)((e=>{O(e)}),[]),j=(0,ce.useCallback)((e=>{O((t=>t===e?null:t))}),[]),[H,I]=(0,ce.useState)([]);(0,ce.useEffect)((()=>{var e=d?(0,Oa.Y)(y,null,B):[];I((t=>0===t.length&&0===e.length?t:e))}),[y,d,B]);var Y=(0,ce.useCallback)((e=>{N.scaleTo((0,fe.A)(E.current),e/100)}),[N]),U=(0,ce.useCallback)((()=>{S(!1)}),[S]),[V,X]=(0,Ua.d)({cells:y,defaultEdgeLines:s,markerPrefix:L}),K=(0,Ya.H)({cells:y,layout:a,centered:z});return ue().createElement(ue().Fragment,null,ue().createElement("svg",{width:"100%",height:"100%",ref:E,className:ve()("root",{grabbing:x,pannable:g,ready:K}),tabIndex:-1},ue().createElement("defs",null,X.map(((e,t)=>ue().createElement(Me.c,{key:t,id:"".concat(L).concat(t),type:"arrow",strokeColor:e.strokeColor})))),ue().createElement("g",{transform:"translate(".concat(M.x," ").concat(M.y,") scale(").concat(M.k,")")},ue().createElement("g",{className:"cells",ref:C},y.map((e=>ue().createElement(pn.m,{key:"".concat(e.type,":").concat((0,fn.WW)(e)?"".concat(e.source,"~").concat(e.target):e.id),layout:void 0,cell:e,cells:y,degraded:A,degradedNodeLabel:c,defaultNodeBricks:o,lineConfMap:V,transform:M,active:(0,gn.c)(T,e),readOnly:!0,unrelatedCells:H,onSwitchActiveTarget:m,onCellContextMenu:b,onCellClick:w,onNodeBrickResize:D,onCellMouseEnter:d&&(0,fn.N)(e)?P:void 0,onCellMouseLeave:d&&(0,fn.N)(e)?j:void 0})))))),ue().createElement(Ha.Y,{shadowRoot:t,scale:M.k,scaleRange:W,onZoomChange:Y,onReCenter:U}))}Gi=Ko,({e:[hi,fi,gi,pi,vi,mi,bi,wi,yi,ki,Ai,Ei,Ci,xi,Mi,Ni,Wi,zi,Si,Ti,Ri,Li,Di,Bi,Oi,Pi,ji,Hi,Ii,Yi,Ui,Vi,Xi,Ki,_i,Fi,Zi,qi,Ji,$i],c:[wo,di]}=function(e,t,n,a,r,i){var o,s,l,c,u,d,h,f=Symbol.metadata||Symbol.for("Symbol.metadata"),g=Object.defineProperty,p=Object.create,v=[p(null),p(null)],m=t.length;function b(t,n,a){return function(r,i){n&&(i=r,r=e);for(var o=0;o<t.length;o++)i=t[o].apply(r,a?[i]:[]);return a?i:r}}function w(e,t,n,a){if("function"!=typeof e&&(a||void 0!==e))throw new TypeError(t+" must "+(n||"be")+" a function"+(a?"":" or undefined"));return e}function y(e,t,n,a,r,i,l,c,u,d,h){function f(e){if(!h(e))throw new TypeError("Attempted to access private element on non-instance")}var p=[].concat(t[0]),m=t[3],y=!l,k=1===r,A=3===r,E=4===r,C=2===r;function x(t,n,a){return function(r,i){return n&&(i=r,r=e),a&&a(r),M[t].call(r,i)}}if(!y){var M={},N=[],W=A?"get":E||k?"set":"value";if(u?(d||k?M={get:(0,se.A)((function(){return m(this)}),a,"get"),set:function(e){t[4](this,e)}}:M[W]=m,d||(0,se.A)(M[W],a,C?"":W)):d||(M=Object.getOwnPropertyDescriptor(e,a)),!d&&!u){if((s=v[+c][a])&&7!=(s^r))throw new Error("Decorating two elements with the same name ("+M[W].name+") is not supported yet");v[+c][a]=r<3?1:r}}for(var z=e,S=p.length-1;S>=0;S-=n?2:1){var T=p[S],R=n?p[S-1]:void 0,L={},D={kind:["field","accessor","method","getter","setter","class"][r],name:a,metadata:o,addInitializer:function(e,t){if(e.v)throw new Error("attempted to call addInitializer after decoration was finished");w(t,"An initializer","be",!0),i.push(t)}.bind(null,L)};if(y)s=T.call(R,z,D),L.v=1,w(s,"class decorators","return")&&(z=s);else if(D.static=c,D.private=u,s=D.access={has:u?h.bind():function(e){return a in e}},E||(s.get=u?C?function(e){return f(e),M.value}:x("get",0,f):function(e){return e[a]}),C||A||(s.set=u?x("set",0,f):function(e,t){e[a]=t}),z=T.call(R,k?{get:M.get,set:M.set}:M[W],D),L.v=1,k){if("object"==typeof z&&z)(s=w(z.get,"accessor.get"))&&(M.get=s),(s=w(z.set,"accessor.set"))&&(M.set=s),(s=w(z.init,"accessor.init"))&&N.unshift(s);else if(void 0!==z)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else w(z,(d?"field":"method")+" decorators","return")&&(d?N.unshift(z):M[W]=z)}return r<2&&l.push(b(N,c,1),b(i,c,0)),d||y||(u?k?l.splice(-1,0,x("get",c),x("set",c)):l.push(C?M[W]:w.call.bind(M[W])):g(e,a,M)),z}function k(e){return g(e,f,{configurable:!0,enumerable:!0,value:o})}return void 0!==i&&(o=i[f]),o=p(null==o?null:o),u=[],d=function(e){e&&u.push(b(e))},(h=function(t,a){for(var i=0;i<n.length;i++){var o=n[i],s=o[1],d=7&s;if((8&s)==t&&!d==a){var h=o[2],f=!!o[3],g=16&s;y(t?e:e.prototype,o,g,f?"#"+h:(0,oe.A)(h),d,d<2?[]:t?c=c||[]:l=l||[],u,!!t,f,a,t&&f?function(t){return(0,le.A)(t)===e}:r)}}})(8,0),h(0,0),h(8,1),h(0,1),d(l),d(c),s=u,m||k(e),{e:s,get c(){var n=[];return m&&[k(e=y(e,[t],0,e.name,5,n)),b(n,1)]}}}(Gi,[yo("eo-display-canvas",{styleTexts:[Va.A,Xa.A]})],[[ko({attribute:!1}),1,"cells"],[ko({type:String}),1,"layout"],[ko({attribute:!1}),1,"layoutOptions"],[ko({attribute:!1}),1,"defaultNodeSize"],[ko({attribute:!1}),1,"defaultNodeBricks"],[ko({type:Number}),1,"degradedThreshold"],[ko({attribute:!1}),1,"degradedNodeLabel"],[ko({attribute:!1}),1,"defaultEdgeLines"],[ko({attribute:!1}),1,"activeTarget"],[ko({type:Boolean}),1,"fadeUnrelatedCells"],[ko({type:Boolean}),1,"zoomable"],[ko({type:Boolean}),1,"scrollable"],[ko({type:Boolean}),1,"pannable"],[ko({attribute:!1}),1,"scaleRange"],[Ao({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>mo(Po,e),(e,t)=>vo(Po,e,t)],[Ao({type:"cell.contextmenu"}),1,"cellContextMenu",e=>mo(Yo,e),(e,t)=>vo(Yo,e,t)],[Ao({type:"cell.click"}),1,"cellClick",e=>mo(Vo,e),(e,t)=>vo(Vo,e,t)]],0,(e=>Xo.has((0,le.A)(e))),he.ReactNextElement)),di()},3971:(e,t,n)=>{n.d(t,{A:()=>s});var a=n(6758),r=n.n(a),i=n(935),o=n.n(i)()(r());o.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;-moz-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 s=o.toString()},497:(e,t,n)=>{n.d(t,{A:()=>s});var a=n(6758),r=n.n(a),i=n(935),o=n.n(i)()(r());o.push([e.id,'*{box-sizing:border-box}:host{display:block;border:1px solid var(--palette-gray-5);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host([hidden]){display:none}:host([usage="dragging"]){opacity:0.75;position:fixed}:host(:not([usage="library"])){background:var(--palette-gray-3);width:60px;height:60px}:host([usage="library"]){width:180px;height:30px;margin-bottom:10px}div{width:100%;height:100%;display:flex;align-items:center;justify-content:center}:host(:not([usage="dragging"]):not([usage="library"]):hover),\n:host([status="highlighted"]){color:var(--palette-blue-5);background:var(--palette-blue-1);border-color:1px solid var(--palette-blue-4)}:host([status="faded"]){opacity:0.3}:host([decorator="area"]){width:100px;height:60px;background:rgba(119,141,195,0.1);border:none}:host([decorator="text"]){width:auto;height:auto;background:none;border:none}',""]);const s=o.toString()}}]);
+//# sourceMappingURL=1728.7f764df2.js.map