@next-bricks/diagram 0.68.4 → 0.68.5

package/dist/chunks/eo-diagram.78450578.js

@@ -0,0 +1,2 @@
+"use strict";(globalThis.webpackChunk_next_bricks_diagram=globalThis.webpackChunk_next_bricks_diagram||[]).push([[3039],{3929:(e,t,n)=>{n.r(t),n.d(t,{EoDiagram:()=>Xe,EoDiagramComponent:()=>Ye,LegacyEoDiagramComponent:()=>wt});var a,s=n(4635),i=n(918),o=n(6902),l=n(5536),r=n(6121),c=n(829),d=n(2740),u=n(8769),h=n.n(u),m=n(870),g=n(981),A=(n(4419),n(7566)),p=n(9047),k=n(3373),y=n.n(k),b=n(1030),f=n(9126),v=n(6155),w=n(8166),M=n(8265),E=n(5305),W=n(1553),L=n(9088),N=n(1014),R=n(5078),S=n(790),C=n(6884),x=n(9409),T=n(7467),z=n(5222),D=n(7971),$=n(4567),B=n(821),O=n(2579),I=n(3402),H=n(3984);let P,V,_,K,Y,X,Z,q,F,G,U,j,J,Q,ee,te,ne,ae,se,ie,oe,le,re,ce,de,ue,he,me,ge,Ae,pe,ke,ye,be,fe,ve,we,Me,Ee,We,Le,Ne,Re,Se,Ce,xe,Te,ze,De,$e,Be,Oe,Ie,He;const{defineElement:Pe,property:Ve,event:_e,method:Ke}=(0,m.createDecorators)(),Ye=(0,u.forwardRef)(wt);let Xe;var Ze=new WeakMap,qe=new WeakMap,Fe=new WeakMap,Ge=new WeakMap,Ue=new WeakMap,je=new WeakMap,Je=new WeakMap,Qe=new WeakMap,et=new WeakMap,tt=new WeakMap,nt=new WeakMap,at=new WeakMap,st=new WeakMap,it=new WeakMap,ot=new WeakMap,lt=new WeakSet,rt=new WeakMap,ct=new WeakMap,dt=new WeakMap,ut=new WeakMap,ht=new WeakMap,mt=new WeakMap,gt=new WeakMap,At=new WeakMap,pt=new WeakMap,kt=new WeakMap,yt=new WeakMap,bt=new WeakMap,ft=new WeakMap;class vt extends g.ReactNextElement{constructor(){super(...arguments),(0,s.A)(this,lt),(0,i.A)(this,Ze,(P(this),_(this))),(0,i.A)(this,qe,(K(this),Y(this))),(0,i.A)(this,Fe,(X(this),Z(this))),(0,i.A)(this,Ge,(q(this),F(this))),(0,i.A)(this,Ue,(G(this),U(this))),(0,i.A)(this,je,(j(this),J(this))),(0,i.A)(this,Je,(Q(this),ee(this))),(0,i.A)(this,Qe,(te(this),ne(this))),(0,i.A)(this,et,(ae(this),se(this))),(0,i.A)(this,tt,(ie(this),oe(this))),(0,i.A)(this,nt,(le(this),re(this,!0))),(0,i.A)(this,at,(ce(this),de(this,!0))),(0,i.A)(this,st,(ue(this),he(this,!0))),(0,i.A)(this,it,(me(this),ge(this))),(0,i.A)(this,ot,(Ae(this),pe(this))),(0,i.A)(this,rt,(be(this),e=>{(0,l.A)(lt,this,ke).emit(e)})),(0,i.A)(this,ct,fe(this)),(0,i.A)(this,dt,(Me(this),e=>{(0,l.A)(lt,this,ve).emit(e)})),(0,i.A)(this,ut,Ee(this)),(0,i.A)(this,ht,(Ne(this),e=>{(0,l.A)(lt,this,We).emit(e)})),(0,i.A)(this,mt,Re(this)),(0,i.A)(this,gt,(xe(this),e=>{(0,l.A)(lt,this,Se).emit(e)})),(0,i.A)(this,At,Te(this)),(0,i.A)(this,pt,($e(this),e=>{(0,l.A)(lt,this,ze).emit(e)})),(0,i.A)(this,kt,Be(this)),(0,i.A)(this,yt,(He(this),e=>{(0,l.A)(lt,this,Oe).emit(e)})),(0,i.A)(this,bt,(e=>{(0,I.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,i.A)(this,ft,(0,u.createRef)())}get layout(){return(0,c.A)(Ze,this)}set layout(e){(0,r.A)(Ze,this,e)}get nodes(){return(0,c.A)(qe,this)}set nodes(e){(0,r.A)(qe,this,e)}get edges(){return(0,c.A)(Fe,this)}set edges(e){(0,r.A)(Fe,this,e)}get nodeBricks(){return(0,c.A)(Ge,this)}set nodeBricks(e){(0,r.A)(Ge,this,e)}get lines(){return(0,c.A)(Ue,this)}set lines(e){(0,r.A)(Ue,this,e)}get layoutOptions(){return(0,c.A)(je,this)}set layoutOptions(e){(0,r.A)(je,this,e)}get activeTarget(){return(0,c.A)(Je,this)}set activeTarget(e){(0,r.A)(Je,this,e)}get disableKeyboardAction(){return(0,c.A)(Qe,this)}set disableKeyboardAction(e){(0,r.A)(Qe,this,e)}get connectNodes(){return(0,c.A)(et,this)}set connectNodes(e){(0,r.A)(et,this,e)}get dragNodes(){return(0,c.A)(tt,this)}set dragNodes(e){(0,r.A)(tt,this,e)}get zoomable(){return(0,c.A)(nt,this)}set zoomable(e){(0,r.A)(nt,this,e)}get scrollable(){return(0,c.A)(at,this)}set scrollable(e){(0,r.A)(at,this,e)}get pannable(){return(0,c.A)(st,this)}set pannable(e){(0,r.A)(st,this,e)}get scaleRange(){return(0,c.A)(it,this)}set scaleRange(e){(0,r.A)(it,this,e)}callOnLineLabel(e,t){for(var n,a=arguments.length,s=new Array(a>2?a-2:0),i=2;i<a;i++)s[i-2]=arguments[i];null===(n=(0,c.A)(ft,this).current)||void 0===n||n.callOnLineLabel(e,t,...s)}render(){return h().createElement(Ye,{ref:(0,c.A)(ft,this),layout:this.layout,nodes:this.nodes,edges:this.edges,nodeBricks:this.nodeBricks,lines:this.lines,layoutOptions:this.layoutOptions,connectNodes:this.connectNodes,dragNodes:this.dragNodes,activeTarget:this.activeTarget,disableKeyboardAction:this.disableKeyboardAction,zoomable:this.zoomable,scrollable:this.scrollable,pannable:this.pannable,scaleRange:this.scaleRange,onActiveTargetChange:(0,c.A)(rt,this),onSwitchActiveTarget:(0,c.A)(bt,this),onNodeDelete:(0,c.A)(dt,this),onEdgeDelete:(0,c.A)(ht,this),onLineClick:(0,c.A)(gt,this),onLineDoubleClick:(0,c.A)(pt,this),onNodesConnect:(0,c.A)(yt,this)})}}function wt(e,t){let{layout:n,nodes:a,edges:s,nodeBricks:i,lines:o,layoutOptions:l,connectNodes:r,dragNodes:c,activeTarget:d,disableKeyboardAction:m,zoomable:g,scrollable:k,pannable:B,scaleRange:P,onActiveTargetChange:V,onSwitchActiveTarget:_,onNodeDelete:K,onEdgeDelete:Y,onLineClick:X,onLineDoubleClick:Z,onNodesConnect:q}=e;const[F,G]=(0,u.useState)(!1),[U,j]=(0,u.useState)(0),[J,Q]=(0,u.useState)(null),[ee,te]=(0,u.useState)(!1),[ne,ae]=(0,u.useState)(0),[se,ie]=(0,u.useState)(null),[oe,le]=(0,u.useState)([]),[re,ce]=(0,u.useState)(!1),[de,ue]=(0,u.useState)({k:1,x:0,y:0}),he=(0,u.useRef)(new Map),me=(0,u.useRef)(null),ge=(0,u.useRef)(null),[Ae,pe]=(0,u.useState)(!1),{userViewReady:ke,userViewNodesMap:ye,saveUserView:be}=(0,O._)(null==c?void 0:c.save),[fe,ve]=(0,u.useState)([0,0]),[we,Me]=(0,u.useState)(null),[Ee,We]=(0,u.useState)("initial"),[Le,Ne]=(0,u.useState)(null);(0,u.useImperativeHandle)(t,(()=>({callOnLineLabel(e,t){for(var n,a=arguments.length,s=new Array(a>2?a-2:0),i=2;i<a;i++)s[i-2]=arguments[i];null==se||null===(n=se.get(e))||void 0===n||null===(n=n.firstElementChild)||void 0===n||n[t](...s)}}))),(0,u.useEffect)((()=>{const e=e=>{(0,T.P)(e,{nodes:a,nodesRefRepository:J,connectNodes:r,dragNodes:c,scale:de.k,setConnectLineState:Me,setConnectLineTo:ve,setManualLayoutStatus:We,setNodeMovement:Ne,onSwitchActiveTarget:_,onNodesConnect:q})},t=ge.current;return null==t||t.addEventListener("mousedown",e),()=>{null==t||t.removeEventListener("mousedown",e)}}),[a,r,c,de.k,J,q,_]);const{normalizedLines:Re,normalizedLinesMap:Se,markers:Ce}=(0,u.useMemo)((()=>(0,W.t)(s,o)),[s,o]),xe=(0,u.useMemo)((()=>Re.flatMap((e=>{let t,n,{line:{text:a,label:s,$id:i},edge:o}=e;return a||s?(s?(t="label",n=[].concat(s)):(t="text",n=[].concat(a)),n.map((e=>{var n;return{[t]:e,id:`${i}-${null!==(n=e.placement)&&void 0!==n?n:"center"}`,edge:o}}))):[]}))),[Re]),{nodes:Te,edges:ze}=(0,D.o)({layout:n,nodes:a,edges:s,manualLayoutStatus:Ee,userViewReady:ke,userViewNodesMap:ye,nodeMovement:Le,nodesRefRepository:J,lineLabelsRefRepository:se,normalizedLinesMap:Se,layoutOptions:l,nodesRenderId:U,lineLabelsRenderId:ne});(0,u.useEffect)((()=>{"finished"===Ee&&be(Te.map((e=>({id:e.id,x:e.x,y:e.y}))))}),[Ee]);const De=(0,u.useMemo)((()=>(0,E.R)(ze,Te,Re)),[Re,Te,ze]),$e=null!=d?d:null,[Be,Oe]=(0,u.useState)($e);(0,u.useEffect)((()=>{Oe((e=>(0,I.c)(e,$e)?e:$e))}),[$e]);const Ie=(0,u.useRef)(!1);(0,u.useEffect)((()=>{Ie.current?null==V||V(Be):Ie.current=!0}),[Be,V]),(0,u.useEffect)((()=>{const e=me.current;if(!e||m)return;const t=e=>{const t=(0,w.a)(e,{renderedNodes:Te,activeTarget:Be});"delete-node"===(null==t?void 0:t.action)?null==K||K(t.node):"delete-edge"===(null==t?void 0:t.action)?null==Y||Y(t.edge):"switch-active-node"===(null==t?void 0:t.action)&&t.node&&(null==_||_({type:"node",nodeId:t.node.id}))};return e.addEventListener("keydown",t),()=>{e.removeEventListener("keydown",t)}}),[Be,Te,m,_,K,Y]);const He=(0,u.useCallback)((e=>{e&&(j((e=>e+1)),Q(e)),G((t=>t||!!e))}),[]),Pe=(0,u.useCallback)((e=>{e&&(ae((e=>e+1)),ie(e)),te((t=>t||!!e))}),[]),Ve=(0,u.useMemo)((()=>null!=P?P:[z.sS,z.Yt]),[P]),_e=(0,u.useMemo)((()=>(0,p.s_)()),[]);(0,u.useEffect)((()=>{let e=!1;_e.scaleExtent(g?Ve:[1,1]).on("start",(()=>{e=!1,ce(!0)})).on("zoom",(t=>{e=!0,ue(t.transform)})).on("end",(()=>{ce(!1),e||null==_||_(null)}))}),[_,Ve,g,_e]),(0,u.useEffect)((()=>{const e=me.current;if(!e)return;const t=(0,A.A)(e),n=()=>{t.on(".zoom",null).on(".zoom.custom",null).on("wheel",null)};if(g||k||B)return(g||k)&&t.on("wheel.zoom.custom",(e=>{e.ctrlKey||(e.stopImmediatePropagation(),k&&(e.preventDefault(),_e.translateBy(t,e.wheelDeltaX/5,e.wheelDeltaY/5)))})),t.call(_e).on("wheel",(e=>e.preventDefault())).on("dblclick.zoom",null),B||t.on("mousedown.zoom",null).on("touchstart.zoom",null).on("touchmove.zoom",null).on("touchend.zoom",null),n;n()}),[B,k,g,_e]),(0,u.useEffect)((()=>{const e=me.current;if(0===Te.length||!e||Ae)return;const{k:t,x:n,y:a}=(0,M.r)(Te,{canvasWidth:e.clientWidth,canvasHeight:e.clientHeight,scaleRange:g?Ve:void 0});_e.transform((0,A.A)(e),new p.uV(t,n,a)),pe(!0)}),[Ae,Te,Ve,g,_e]);const Ke=(0,u.useMemo)((()=>`${(0,b.uniqueId)("diagram-")}-`),[]),Ye=`${Ke}line-arrow-`,Xe=`${Ke}mask-`,Ze=`${Ke}active-line-`;(0,u.useEffect)((()=>{le((e=>(0,x.z)(e,De,he.current)))}),[De]);const[qe,Fe]=h().useState(new Map);return(0,u.useEffect)((()=>{if(!se)return;(0,$.F)(oe,se);const e=new f.A((()=>{Fe((0,H.G)(oe,se))}));for(const t of se.values())e.observe(t);return()=>{e.disconnect()}}),[ne,se,oe]),"dagre"!==n&&"force"!==n?h().createElement("div",null,`Diagram layout not supported: "${n}"`):h().createElement("div",{className:y()("diagram",{ready:F&&Ae,grabbing:re,pannable:B}),tabIndex:-1,ref:me},h().createElement("svg",{width:"100%",height:"100%",className:"lines"},h().createElement("defs",null,Ce.map(((e,t)=>{let{type:n,strokeColor:a}=e;return h().createElement(R.c,{key:t,id:`${Ye}${t}`,type:n,strokeColor:a})})),[...qe].map((e=>{let[t,n]=e;return h().createElement(S.y,{key:t,lineId:t,rects:n,maskPrefix:Xe,renderedLineLabels:oe})})),h().createElement("marker",{id:`${Ze}start`,viewBox:"0 0 8 8",refX:4,refY:4,markerWidth:8,markerHeight:8,orient:"auto"},h().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)"})),h().createElement("marker",{id:`${Ze}end`,viewBox:"0 0 14 8",refX:3,refY:4,markerWidth:14,markerHeight:8,orient:"auto"},h().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)"}),h().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)"}))),h().createElement("g",{transform:`translate(${de.x} ${de.y}) scale(${de.k})`},De.map((e=>h().createElement(N.m,{key:e.line.$id,line:e,linePaths:he.current,lineMaskRects:qe,maskPrefix:Xe,markerPrefix:Ye,activeLineMarkerPrefix:Ze,active:"edge"===(null==Be?void 0:Be.type)&&Be.edge.source===e.edge.source&&Be.edge.target===e.edge.target,activeRelated:"node"===(null==Be?void 0:Be.type)&&(e.edge.source===Be.nodeId||e.edge.target===Be.nodeId),onLineClick:X,onLineDoubleClick:Z}))))),h().createElement("div",{className:y()("line-labels",{ready:ee}),style:{left:de.x,top:de.y,transform:`scale(${de.k})`}},h().createElement(L.d2,{labels:xe,onRendered:Pe})),h().createElement("div",{className:"nodes",ref:ge,style:{left:de.x,top:de.y,transform:`scale(${de.k})`}},h().createElement(v.p,{nodes:a,nodeBricks:i,onRendered:He})),h().createElement(C.w,{connectLineState:we,connectLineTo:fe,markerPrefix:Ye}))}a=vt,({e:[_,K,Y,X,Z,q,F,G,U,j,J,Q,ee,te,ne,ae,se,ie,oe,le,re,ce,de,ue,he,me,ge,Ae,pe,ke,ye,be,fe,ve,we,Me,Ee,We,Le,Ne,Re,Se,Ce,xe,Te,ze,De,$e,Be,Oe,Ie,He,P],c:[Xe,V]}=(0,d.A)(a,[Pe("eo-diagram",{styleTexts:[B.A]})],[[Ve({type:String}),1,"layout"],[Ve({attribute:!1}),1,"nodes"],[Ve({attribute:!1}),1,"edges"],[Ve({attribute:!1}),1,"nodeBricks"],[Ve({attribute:!1}),1,"lines"],[Ve({attribute:!1}),1,"layoutOptions"],[Ve({attribute:!1}),1,"activeTarget"],[Ve({type:Boolean}),1,"disableKeyboardAction"],[Ve({attribute:!1}),1,"connectNodes"],[Ve({attribute:!1}),1,"dragNodes"],[Ve({type:Boolean}),1,"zoomable"],[Ve({type:Boolean}),1,"scrollable"],[Ve({type:Boolean}),1,"pannable"],[Ve({attribute:!1}),1,"scaleRange"],[_e({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>(0,c.A)(ot,e),(e,t)=>(0,r.A)(ot,e,t)],[_e({type:"node.delete"}),1,"nodeDelete",e=>(0,c.A)(ct,e),(e,t)=>(0,r.A)(ct,e,t)],[_e({type:"edge.delete"}),1,"edgeDelete",e=>(0,c.A)(ut,e),(e,t)=>(0,r.A)(ut,e,t)],[_e({type:"line.click"}),1,"lineClick",e=>(0,c.A)(mt,e),(e,t)=>(0,r.A)(mt,e,t)],[_e({type:"line.dblclick"}),1,"lineDoubleClick",e=>(0,c.A)(At,e),(e,t)=>(0,r.A)(At,e,t)],[_e({type:"nodes.connect"}),1,"connectNodes",e=>(0,c.A)(kt,e),(e,t)=>(0,r.A)(kt,e,t)],[Ke(),2,"callOnLineLabel"]],0,(e=>ft.has((0,o.A)(e))),g.ReactNextElement)),V()}}]);
+//# sourceMappingURL=eo-diagram.78450578.js.map

package/dist/chunks/{eo-diagram.ccbb3f33.js.map → eo-diagram.78450578.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chunks/eo-diagram.ccbb3f33.js","mappings":"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","sources":["webpack:///./src/diagram/index.tsx"],"sourcesContent":["import React, {\n  createRef,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { EventEmitter, createDecorators } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport \"@next-core/theme\";\nimport { select } from \"d3-selection\";\nimport { ZoomTransform, zoom } from \"d3-zoom\";\nimport classNames from \"classnames\";\nimport { uniqueId } from \"lodash\";\nimport ResizeObserver from \"resize-observer-polyfill\";\nimport type {\n  DiagramEdge,\n  DiagramNode,\n  LayoutOptions,\n  LineConf,\n  NodeBrickConf,\n  PositionTuple,\n  RefRepository,\n  RenderedLineLabel,\n  TransformLiteral,\n  LineTarget,\n  ConnectLineDetail,\n  ConnectNodesOptions,\n  ConnectLineState,\n  ActiveTarget,\n  RangeTuple,\n  LineLabel,\n  LineLabelConf,\n  TextOptions,\n  DragNodesOptions,\n  NodeMovement,\n  ManualLayoutStatus,\n  LineMaskRects,\n} from \"./interfaces\";\nimport { NodeComponentGroup } from \"./NodeComponent\";\nimport { handleKeyboard } from \"./processors/handleKeyboard\";\nimport { transformToCenter } from \"./processors/transformToCenter\";\nimport { getRenderedLines } from \"./processors/getRenderedLines\";\nimport { normalizeLinesAndMarkers } from \"./processors/normalizeLinesAndMarkers\";\nimport { LineLabelComponentGroup } from \"./LineLabelComponent\";\nimport { LineComponent } from \"./LineComponent\";\nimport { MarkerComponent } from \"./MarkerComponent\";\nimport { LineMaskComponent } from \"./LineMaskComponent\";\nimport { ConnectLineComponent } from \"./ConnectLineComponent\";\nimport { getRenderedLineLabels } from \"./processors/getRenderedLineLabels\";\nimport { handleNodesMouseDown } from \"./processors/handleNodesMouseDown\";\nimport { DEFAULT_SCALE_RANGE_MAX, DEFAULT_SCALE_RANGE_MIN } from \"./constants\";\nimport { useRenderedDiagram } from \"./hooks/useRenderedDiagram\";\nimport { adjustLineLabels } from \"./processors/adjustLineLabels\";\nimport styleText from \"./styles.shadow.css\";\nimport { useUserView } from \"./hooks/useUserView\";\nimport { sameTarget } from \"./processors/sameTarget\";\nimport { getLineMaskRects } from \"./processors/getLineMaskRects\";\n\nconst { defineElement, property, event, method } = createDecorators();\n\nexport interface EoDiagramProps {\n  layout?: \"dagre\" | \"force\";\n  nodes?: DiagramNode[];\n  edges?: DiagramEdge[];\n  nodeBricks?: NodeBrickConf[];\n  lines?: LineConf[];\n  layoutOptions?: LayoutOptions;\n  connectNodes?: ConnectNodesOptions;\n  dragNodes?: DragNodesOptions;\n  activeTarget?: ActiveTarget | null;\n  disableKeyboardAction?: boolean;\n  zoomable?: boolean;\n  scrollable?: boolean;\n  pannable?: boolean;\n  scaleRange?: RangeTuple;\n}\n\nexport interface DiagramRef {\n  callOnLineLabel(id: string, method: string, ...args: unknown[]): void;\n}\n\nexport const EoDiagramComponent = forwardRef(LegacyEoDiagramComponent);\n\n/**\n * 构件 `eo-diagram`\n */\nexport\n@defineElement(\"eo-diagram\", {\n  styleTexts: [styleText],\n})\nclass EoDiagram extends ReactNextElement implements EoDiagramProps {\n  /**\n   * @required\n   */\n  @property({ type: String })\n  accessor layout: \"dagre\" | \"force\" | undefined;\n\n  @property({ attribute: false })\n  accessor nodes: DiagramNode[] | undefined;\n\n  @property({ attribute: false })\n  accessor edges: DiagramEdge[] | undefined;\n\n  @property({ attribute: false })\n  accessor nodeBricks: NodeBrickConf[] | undefined;\n\n  @property({ attribute: false })\n  accessor lines: LineConf[] | undefined;\n\n  @property({ attribute: false })\n  accessor layoutOptions: LayoutOptions | undefined;\n\n  @property({ attribute: false })\n  accessor activeTarget: ActiveTarget | null | undefined;\n\n  @property({ type: Boolean })\n  accessor disableKeyboardAction: boolean | undefined;\n\n  @property({ attribute: false })\n  accessor connectNodes: ConnectNodesOptions | undefined;\n\n  @property({ attribute: false })\n  accessor dragNodes: DragNodesOptions | undefined;\n\n  @property({ type: Boolean })\n  accessor zoomable: boolean | undefined = true;\n\n  @property({ type: Boolean })\n  accessor scrollable: boolean | undefined = true;\n\n  @property({ type: Boolean })\n  accessor pannable: boolean | undefined = true;\n\n  @property({ attribute: false })\n  accessor scaleRange: RangeTuple | undefined;\n\n  @event({ type: \"activeTarget.change\" })\n  accessor #activeTargetChangeEvent!: EventEmitter<ActiveTarget | null>;\n\n  #handleActiveTargetChange = (target: ActiveTarget | null) => {\n    this.#activeTargetChangeEvent.emit(target);\n  };\n\n  @event({ type: \"node.delete\" })\n  accessor #nodeDelete!: EventEmitter<DiagramNode>;\n\n  #handleNodeDelete = (node: DiagramNode) => {\n    this.#nodeDelete.emit(node);\n  };\n\n  @event({ type: \"edge.delete\" })\n  accessor #edgeDelete!: EventEmitter<DiagramEdge>;\n\n  #handleEdgeDelete = (edge: DiagramEdge) => {\n    this.#edgeDelete.emit(edge);\n  };\n\n  @event({ type: \"line.click\" })\n  accessor #lineClick!: EventEmitter<LineTarget>;\n\n  #handleLineClick = (line: LineTarget) => {\n    this.#lineClick.emit(line);\n  };\n\n  @event({ type: \"line.dblclick\" })\n  accessor #lineDoubleClick!: EventEmitter<LineTarget>;\n\n  #handleLineDoubleClick = (line: LineTarget) => {\n    this.#lineDoubleClick.emit(line);\n  };\n\n  @event({ type: \"nodes.connect\" })\n  accessor #connectNodes!: EventEmitter<ConnectLineDetail>;\n\n  #handleNodesConnect = (detail: ConnectLineDetail) => {\n    this.#connectNodes.emit(detail);\n  };\n\n  #handleSwitchActiveTarget = (target: ActiveTarget | null) => {\n    if (!sameTarget(target, this.activeTarget)) {\n      this.activeTarget = target;\n    }\n  };\n\n  #diagramRef = createRef<DiagramRef>();\n\n  @method()\n  callOnLineLabel(id: string, method: string, ...args: unknown[]) {\n    this.#diagramRef.current?.callOnLineLabel(id, method, ...args);\n  }\n\n  render() {\n    return (\n      <EoDiagramComponent\n        ref={this.#diagramRef}\n        layout={this.layout}\n        nodes={this.nodes}\n        edges={this.edges}\n        nodeBricks={this.nodeBricks}\n        lines={this.lines}\n        layoutOptions={this.layoutOptions}\n        connectNodes={this.connectNodes}\n        dragNodes={this.dragNodes}\n        activeTarget={this.activeTarget}\n        disableKeyboardAction={this.disableKeyboardAction}\n        zoomable={this.zoomable}\n        scrollable={this.scrollable}\n        pannable={this.pannable}\n        scaleRange={this.scaleRange}\n        onActiveTargetChange={this.#handleActiveTargetChange}\n        onSwitchActiveTarget={this.#handleSwitchActiveTarget}\n        onNodeDelete={this.#handleNodeDelete}\n        onEdgeDelete={this.#handleEdgeDelete}\n        onLineClick={this.#handleLineClick}\n        onLineDoubleClick={this.#handleLineDoubleClick}\n        onNodesConnect={this.#handleNodesConnect}\n      />\n    );\n  }\n}\n\nexport interface EoDiagramComponentProps extends EoDiagramProps {\n  onActiveTargetChange?(target: ActiveTarget | null): void;\n  onSwitchActiveTarget?(target: ActiveTarget | null): void;\n  onNodeDelete?(node: DiagramNode): void;\n  onEdgeDelete?(edge: DiagramEdge): void;\n  onLineClick?(line: LineTarget): void;\n  onLineDoubleClick?(line: LineTarget): void;\n  onNodesConnect?(detail: ConnectLineDetail): void;\n}\n\nexport function LegacyEoDiagramComponent(\n  {\n    layout,\n    nodes,\n    edges,\n    nodeBricks,\n    lines,\n    layoutOptions,\n    connectNodes,\n    dragNodes,\n    activeTarget: _activeTarget,\n    disableKeyboardAction,\n    zoomable,\n    scrollable,\n    pannable,\n    scaleRange: _scaleRange,\n    onActiveTargetChange,\n    onSwitchActiveTarget,\n    onNodeDelete,\n    onEdgeDelete,\n    onLineClick,\n    onLineDoubleClick,\n    onNodesConnect,\n  }: EoDiagramComponentProps,\n  ref: React.Ref<DiagramRef>\n) {\n  const [nodesReady, setNodesReady] = useState(false);\n  const [nodesRenderId, setNodesRenderId] = useState(0);\n  const [nodesRefRepository, setNodesRefRepository] =\n    useState<RefRepository | null>(null);\n  const [lineLabelsReady, setLineLabelsReady] = useState(false);\n  const [lineLabelsRenderId, setLineLabelsRenderId] = useState(0);\n  const [lineLabelsRefRepository, setLineLabelsRefRepository] =\n    useState<RefRepository | null>(null);\n  const [renderedLineLabels, setRenderedLineLabels] = useState<\n    RenderedLineLabel[]\n  >([]);\n\n  const [grabbing, setGrabbing] = useState(false);\n  const [transform, setTransform] = useState<TransformLiteral>({\n    k: 1,\n    x: 0,\n    y: 0,\n  });\n\n  const linePathsRef = useRef(new Map<string, SVGPathElement | null>());\n\n  const rootRef = useRef<HTMLDivElement>(null);\n  const nodesRef = useRef<HTMLDivElement>(null);\n  const [centered, setCentered] = useState(false);\n\n  const { userViewReady, userViewNodesMap, saveUserView } = useUserView(\n    dragNodes?.save\n  );\n\n  const [connectLineTo, setConnectLineTo] = useState<PositionTuple>([0, 0]);\n  const [connectLineState, setConnectLineState] =\n    useState<ConnectLineState | null>(null);\n  const [manualLayoutStatus, setManualLayoutStatus] =\n    useState<ManualLayoutStatus>(\"initial\");\n  const [nodeMovement, setNodeMovement] = useState<NodeMovement | null>(null);\n\n  useImperativeHandle(ref, () => ({\n    callOnLineLabel(id, method, ...args) {\n      (\n        lineLabelsRefRepository?.get(id)\n          ?.firstElementChild as unknown as Record<string, Function>\n      )?.[method](...args);\n    },\n  }));\n\n  useEffect(() => {\n    const onNodesMouseDown = (event: MouseEvent) => {\n      handleNodesMouseDown(event, {\n        nodes,\n        nodesRefRepository,\n        connectNodes,\n        dragNodes,\n        scale: transform.k,\n        setConnectLineState,\n        setConnectLineTo,\n        setManualLayoutStatus,\n        setNodeMovement,\n        onSwitchActiveTarget,\n        onNodesConnect,\n      });\n    };\n    // Bind mousedown event manually, since the React event handler can't work with\n    // d3-zoom inside shadow DOM.\n    const nodesContainer = nodesRef.current;\n    nodesContainer?.addEventListener(\"mousedown\", onNodesMouseDown);\n    return () => {\n      nodesContainer?.removeEventListener(\"mousedown\", onNodesMouseDown);\n    };\n  }, [\n    nodes,\n    connectNodes,\n    dragNodes,\n    transform.k,\n    nodesRefRepository,\n    onNodesConnect,\n    onSwitchActiveTarget,\n  ]);\n\n  const { normalizedLines, normalizedLinesMap, markers } = useMemo(\n    () => normalizeLinesAndMarkers(edges, lines),\n    [edges, lines]\n  );\n\n  const lineLabels = useMemo(() => {\n    return normalizedLines.flatMap(({ line: { text, label, $id }, edge }) => {\n      if (!text && !label) {\n        return [] as LineLabel[];\n      }\n\n      let key: \"label\" | \"text\";\n      let list: LineLabelConf[] | TextOptions[];\n      if (label) {\n        key = \"label\";\n        list = ([] as LineLabelConf[]).concat(label);\n      } else {\n        key = \"text\";\n        list = ([] as TextOptions[]).concat(text!);\n      }\n\n      return list.map<LineLabel>((item) => ({\n        [key as \"label\"]: item as LineLabelConf,\n        id: `${$id}-${item.placement ?? \"center\"}`,\n        edge,\n      }));\n    });\n  }, [normalizedLines]);\n\n  const { nodes: renderedNodes, edges: renderedEdges } = useRenderedDiagram({\n    layout,\n    nodes,\n    edges,\n    manualLayoutStatus,\n    userViewReady,\n    userViewNodesMap,\n    nodeMovement,\n    nodesRefRepository,\n    lineLabelsRefRepository,\n    normalizedLinesMap,\n    layoutOptions,\n    nodesRenderId,\n    lineLabelsRenderId,\n  });\n\n  useEffect(\n    () => {\n      if (manualLayoutStatus === \"finished\") {\n        saveUserView(\n          renderedNodes.map((node) => ({\n            id: node.id,\n            x: node.x,\n            y: node.y,\n          }))\n        );\n      }\n    },\n    // Only save user view when manual layout is just finished.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [manualLayoutStatus]\n  );\n\n  const renderedLines = useMemo(\n    () => getRenderedLines(renderedEdges, renderedNodes, normalizedLines),\n    [normalizedLines, renderedNodes, renderedEdges]\n  );\n\n  const newActiveTarget = _activeTarget ?? null;\n  const [activeTarget, setActiveTarget] = useState<ActiveTarget | null>(\n    newActiveTarget\n  );\n\n  useEffect(() => {\n    setActiveTarget((previous) =>\n      sameTarget(previous, newActiveTarget) ? previous : newActiveTarget\n    );\n  }, [newActiveTarget]);\n\n  const activeTargetChangeInitialized = useRef(false);\n  useEffect(() => {\n    if (!activeTargetChangeInitialized.current) {\n      activeTargetChangeInitialized.current = true;\n      return;\n    }\n    onActiveTargetChange?.(activeTarget);\n  }, [activeTarget, onActiveTargetChange]);\n\n  useEffect(() => {\n    const root = rootRef.current;\n    if (!root || disableKeyboardAction) {\n      return;\n    }\n    const onKeydown = (event: KeyboardEvent) => {\n      const action = handleKeyboard(event, {\n        renderedNodes,\n        activeTarget,\n      });\n\n      if (action?.action === \"delete-node\") {\n        onNodeDelete?.(action.node);\n      } else if (action?.action === \"delete-edge\") {\n        onEdgeDelete?.(action.edge);\n      } else if (action?.action === \"switch-active-node\" && action.node) {\n        onSwitchActiveTarget?.({ type: \"node\", nodeId: action.node.id });\n      }\n    };\n    root.addEventListener(\"keydown\", onKeydown);\n    return () => {\n      root.removeEventListener(\"keydown\", onKeydown);\n    };\n  }, [\n    activeTarget,\n    renderedNodes,\n    disableKeyboardAction,\n    onSwitchActiveTarget,\n    onNodeDelete,\n    onEdgeDelete,\n  ]);\n\n  const handleNodesRendered = useCallback(\n    (refRepository: RefRepository | null) => {\n      if (refRepository) {\n        setNodesRenderId((previous) => previous + 1);\n        setNodesRefRepository(refRepository);\n      }\n      setNodesReady((previous) => previous || !!refRepository);\n    },\n    []\n  );\n\n  const handleLineLabelsRendered = useCallback(\n    (refRepository: RefRepository | null) => {\n      if (refRepository) {\n        setLineLabelsRenderId((previous) => previous + 1);\n        setLineLabelsRefRepository(refRepository);\n      }\n      setLineLabelsReady((previous) => previous || !!refRepository);\n    },\n    []\n  );\n\n  const scaleRange = useMemo(\n    () =>\n      _scaleRange ??\n      ([DEFAULT_SCALE_RANGE_MIN, DEFAULT_SCALE_RANGE_MAX] as RangeTuple),\n    [_scaleRange]\n  );\n\n  const zoomer = useMemo(() => zoom<HTMLDivElement, unknown>(), []);\n\n  useEffect(() => {\n    let moved = false;\n    zoomer\n      .scaleExtent(zoomable ? scaleRange : [1, 1])\n      .on(\"start\", () => {\n        moved = false;\n        setGrabbing(true);\n      })\n      .on(\"zoom\", (e: { transform: TransformLiteral }) => {\n        moved = true;\n        setTransform(e.transform);\n      })\n      .on(\"end\", () => {\n        setGrabbing(false);\n        if (!moved) {\n          onSwitchActiveTarget?.(null);\n        }\n      });\n  }, [onSwitchActiveTarget, scaleRange, zoomable, zoomer]);\n\n  useEffect(() => {\n    const root = rootRef.current;\n    if (!root) {\n      return;\n    }\n\n    const rootSelection = select(root);\n\n    const unsetZoom = () => {\n      rootSelection\n        .on(\".zoom\", null)\n        .on(\".zoom.custom\", null)\n        .on(\"wheel\", null);\n    };\n\n    if (!(zoomable || scrollable || pannable)) {\n      unsetZoom();\n      return;\n    }\n\n    if (zoomable || scrollable) {\n      // Do not override default d3 zoom handler.\n      // Only handles *panning*\n      rootSelection.on(\n        \"wheel.zoom.custom\",\n        (e: WheelEvent & { wheelDeltaX: number; wheelDeltaY: number }) => {\n          // Mac OS trackpad pinch event is emitted as a wheel.zoom and d3.event.ctrlKey set to true\n          if (!e.ctrlKey) {\n            // Stop immediate propagation for default d3 zoom handler\n            e.stopImmediatePropagation();\n            if (scrollable) {\n              e.preventDefault();\n              zoomer.translateBy(\n                rootSelection,\n                e.wheelDeltaX / 5,\n                e.wheelDeltaY / 5\n              );\n            }\n          }\n          // zoomer.scaleBy(rootSelection, Math.pow(2, defaultWheelDelta(e)))\n        }\n      );\n    }\n\n    rootSelection\n      .call(zoomer)\n      .on(\"wheel\", (e: WheelEvent) => e.preventDefault())\n      .on(\"dblclick.zoom\", null);\n\n    if (!pannable) {\n      rootSelection\n        .on(\"mousedown.zoom\", null)\n        .on(\"touchstart.zoom\", null)\n        .on(\"touchmove.zoom\", null)\n        .on(\"touchend.zoom\", null);\n    }\n\n    return unsetZoom;\n  }, [pannable, scrollable, zoomable, zoomer]);\n\n  useEffect(() => {\n    const root = rootRef.current;\n    if (renderedNodes.length === 0 || !root || centered) {\n      return;\n    }\n    const { k, x, y } = transformToCenter(renderedNodes, {\n      canvasWidth: root.clientWidth,\n      canvasHeight: root.clientHeight,\n      scaleRange: zoomable ? scaleRange : undefined,\n    });\n    zoomer.transform(select(root), new ZoomTransform(k, x, y));\n    setCentered(true);\n  }, [centered, renderedNodes, scaleRange, zoomable, zoomer]);\n\n  const defPrefix = useMemo(() => `${uniqueId(\"diagram-\")}-`, []);\n  const markerPrefix = `${defPrefix}line-arrow-`;\n  const maskPrefix = `${defPrefix}mask-`;\n  const activeLineMarkerPrefix = `${defPrefix}active-line-`;\n\n  useEffect(() => {\n    setRenderedLineLabels((previous) =>\n      getRenderedLineLabels(previous, renderedLines, linePathsRef.current)\n    );\n  }, [renderedLines]);\n\n  const [lineMaskRects, setLineMaskRects] = React.useState<LineMaskRects>(\n    new Map()\n  );\n\n  useEffect(() => {\n    if (!lineLabelsRefRepository) {\n      return;\n    }\n    const updateLineMaskRects = () => {\n      setLineMaskRects(\n        getLineMaskRects(renderedLineLabels, lineLabelsRefRepository)\n      );\n    };\n\n    adjustLineLabels(renderedLineLabels, lineLabelsRefRepository);\n\n    const observer = new ResizeObserver(updateLineMaskRects);\n    for (const lineLabel of lineLabelsRefRepository.values()) {\n      observer.observe(lineLabel);\n    }\n    return () => {\n      observer.disconnect();\n    };\n  }, [lineLabelsRenderId, lineLabelsRefRepository, renderedLineLabels]);\n\n  if (layout !== \"dagre\" && layout !== \"force\") {\n    return <div>{`Diagram layout not supported: \"${layout}\"`}</div>;\n  }\n\n  return (\n    <div\n      className={classNames(\"diagram\", {\n        ready: nodesReady && centered,\n        grabbing,\n        pannable,\n      })}\n      tabIndex={-1}\n      ref={rootRef}\n    >\n      <svg width=\"100%\" height=\"100%\" className=\"lines\">\n        <defs>\n          {markers.map(({ type, strokeColor }, index) => (\n            <MarkerComponent\n              key={index}\n              id={`${markerPrefix}${index}`}\n              type={type}\n              strokeColor={strokeColor}\n            />\n          ))}\n          {[...lineMaskRects].map(([lineId, rects]) => (\n            <LineMaskComponent\n              key={lineId}\n              lineId={lineId}\n              rects={rects}\n              maskPrefix={maskPrefix}\n              renderedLineLabels={renderedLineLabels}\n            />\n          ))}\n          <marker\n            id={`${activeLineMarkerPrefix}start`}\n            viewBox=\"0 0 8 8\"\n            refX={4}\n            refY={4}\n            markerWidth={8}\n            markerHeight={8}\n            orient=\"auto\"\n          >\n            <path\n              d=\"M 0.5 0.5 H 7.5 V 7.5 H 0.5 Z\"\n              stroke=\"var(--palette-gray-7)\"\n              strokeWidth={1}\n              fill=\"var(--palette-gray-1)\"\n            />\n          </marker>\n          <marker\n            id={`${activeLineMarkerPrefix}end`}\n            viewBox=\"0 0 14 8\"\n            refX={3}\n            refY={4}\n            markerWidth={14}\n            markerHeight={8}\n            orient=\"auto\"\n          >\n            <path\n              d=\"M 0.5 1.5 L 5.5 4 L 0.5 6.5 z\"\n              stroke=\"var(--palette-blue-3)\"\n              strokeWidth={1}\n              fill=\"var(--palette-blue-3)\"\n            />\n            <path\n              d=\"M 6.5 0.5 H 13.5 V 7.5 H 6.5 Z\"\n              stroke=\"var(--palette-gray-7)\"\n              strokeWidth={1}\n              fill=\"var(--palette-gray-1)\"\n            />\n          </marker>\n        </defs>\n        <g\n          transform={`translate(${transform.x} ${transform.y}) scale(${transform.k})`}\n        >\n          {renderedLines.map((line) => (\n            <LineComponent\n              key={line.line.$id}\n              line={line}\n              linePaths={linePathsRef.current}\n              lineMaskRects={lineMaskRects}\n              maskPrefix={maskPrefix}\n              markerPrefix={markerPrefix}\n              activeLineMarkerPrefix={activeLineMarkerPrefix}\n              active={\n                activeTarget?.type === \"edge\" &&\n                activeTarget.edge.source === line.edge.source &&\n                activeTarget.edge.target === line.edge.target\n              }\n              activeRelated={\n                activeTarget?.type === \"node\" &&\n                (line.edge.source === activeTarget.nodeId ||\n                  line.edge.target === activeTarget.nodeId)\n              }\n              onLineClick={onLineClick}\n              onLineDoubleClick={onLineDoubleClick}\n            />\n          ))}\n        </g>\n      </svg>\n      <div\n        className={classNames(\"line-labels\", { ready: lineLabelsReady })}\n        style={{\n          left: transform.x,\n          top: transform.y,\n          transform: `scale(${transform.k})`,\n        }}\n      >\n        <LineLabelComponentGroup\n          labels={lineLabels}\n          onRendered={handleLineLabelsRendered}\n        />\n      </div>\n      <div\n        className=\"nodes\"\n        ref={nodesRef}\n        style={{\n          left: transform.x,\n          top: transform.y,\n          transform: `scale(${transform.k})`,\n        }}\n      >\n        <NodeComponentGroup\n          nodes={nodes}\n          nodeBricks={nodeBricks}\n          // nodePositions={nodePositions}\n          onRendered={handleNodesRendered}\n        />\n      </div>\n      <ConnectLineComponent\n        connectLineState={connectLineState}\n        connectLineTo={connectLineTo}\n        markerPrefix={markerPrefix}\n      />\n    </div>\n  );\n}\n"],"names":["defineElement","property","event","method","createDecorators","EoDiagramComponent","forwardRef","LegacyEoDiagramComponent","_EoDiagram","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_I","_J","_K","_L","_M","_N","_O","_EoDiagram_brand","WeakSet","_handleActiveTargetChange","_P","_handleNodeDelete","_Q","_handleEdgeDelete","_R","_handleLineClick","_S","_handleLineDoubleClick","_T","_handleNodesConnect","_handleSwitchActiveTarget","_diagramRef","EoDiagram","ReactNextElement","constructor","arguments","_classPrivateMethodInitSpec","_classPrivateFieldInitSpec","_initProto","_init_layout","_init_extra_layout","_init_nodes","_init_extra_nodes","_init_edges","_init_extra_edges","_init_nodeBricks","_init_extra_nodeBricks","_init_lines","_init_extra_lines","_init_layoutOptions","_init_extra_layoutOptions","_init_activeTarget","_init_extra_activeTarget","_init_disableKeyboardAction","_init_extra_disableKeyboardAction","_init_connectNodes","_init_extra_connectNodes","_init_dragNodes","_init_extra_dragNodes","_init_zoomable","_init_extra_zoomable","_init_scrollable","_init_extra_scrollable","_init_pannable","_init_extra_pannable","_init_scaleRange","_init_extra_scaleRange","_init_activeTargetChangeEvent","_init_extra_activeTargetChangeEvent","target","_classPrivateGetter","this","_get_activeTargetChangeEvent","emit","_init_nodeDelete","_init_extra_nodeDelete","node","_get_nodeDelete","_init_edgeDelete","_init_extra_edgeDelete","edge","_get_edgeDelete","_init_lineClick","_init_extra_lineClick","line","_get_lineClick","_init_lineDoubleClick","_init_extra_lineDoubleClick","_get_lineDoubleClick","_init_connectNodes2","_init_extra_connectNodes2","detail","_get_connectNodes","sameTarget","activeTarget","createRef","layout","_classPrivateFieldGet","v","_classPrivateFieldSet","nodes","edges","nodeBricks","lines","layoutOptions","disableKeyboardAction","connectNodes","dragNodes","zoomable","scrollable","pannable","scaleRange","callOnLineLabel","id","_classPrivateFieldGet2","_len","length","args","Array","_key","current","render","React","ref","onActiveTargetChange","onSwitchActiveTarget","onNodeDelete","onEdgeDelete","onLineClick","onLineDoubleClick","onNodesConnect","_ref","_activeTarget","_scaleRange","nodesReady","setNodesReady","useState","nodesRenderId","setNodesRenderId","nodesRefRepository","setNodesRefRepository","lineLabelsReady","setLineLabelsReady","lineLabelsRenderId","setLineLabelsRenderId","lineLabelsRefRepository","setLineLabelsRefRepository","renderedLineLabels","setRenderedLineLabels","grabbing","setGrabbing","transform","setTransform","k","x","y","linePathsRef","useRef","Map","rootRef","nodesRef","centered","setCentered","userViewReady","userViewNodesMap","saveUserView","useUserView","save","connectLineTo","setConnectLineTo","connectLineState","setConnectLineState","manualLayoutStatus","setManualLayoutStatus","nodeMovement","setNodeMovement","useImperativeHandle","_lineLabelsRefReposit","_len2","_key2","get","firstElementChild","useEffect","onNodesMouseDown","handleNodesMouseDown","scale","nodesContainer","addEventListener","removeEventListener","normalizedLines","normalizedLinesMap","markers","useMemo","normalizeLinesAndMarkers","lineLabels","flatMap","_ref2","key","list","text","label","$id","concat","map","item","_item$placement","placement","renderedNodes","renderedEdges","useRenderedDiagram","renderedLines","getRenderedLines","newActiveTarget","setActiveTarget","previous","activeTargetChangeInitialized","root","onKeydown","action","handleKeyboard","type","nodeId","handleNodesRendered","useCallback","refRepository","handleLineLabelsRendered","DEFAULT_SCALE_RANGE_MIN","DEFAULT_SCALE_RANGE_MAX","zoomer","zoom","moved","scaleExtent","on","e","rootSelection","select","unsetZoom","ctrlKey","stopImmediatePropagation","preventDefault","translateBy","wheelDeltaX","wheelDeltaY","call","transformToCenter","canvasWidth","clientWidth","canvasHeight","clientHeight","undefined","ZoomTransform","defPrefix","uniqueId","markerPrefix","maskPrefix","activeLineMarkerPrefix","getRenderedLineLabels","lineMaskRects","setLineMaskRects","adjustLineLabels","observer","ResizeObserver","updateLineMaskRects","getLineMaskRects","lineLabel","values","observe","disconnect","className","classNames","ready","tabIndex","width","height","_ref3","index","strokeColor","MarkerComponent","_ref4","lineId","rects","LineMaskComponent","viewBox","refX","refY","markerWidth","markerHeight","orient","d","stroke","strokeWidth","fill","LineComponent","linePaths","active","source","activeRelated","style","left","top","LineLabelComponentGroup","labels","onRendered","NodeComponentGroup","ConnectLineComponent","_EoDiagram2","_set_activeTargetChangeEvent","_set_nodeDelete","_set_edgeDelete","_set_lineClick","_set_lineDoubleClick","_set_connectNodes","c","_initClass","_applyDecs","styleTexts","styleText","String","attribute","Boolean","o","_","has","_checkInRHS"],"sourceRoot":""}
+{"version":3,"file":"chunks/eo-diagram.78450578.js","mappings":"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","sources":["webpack:///./src/diagram/index.tsx"],"sourcesContent":["import React, {\n  createRef,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { EventEmitter, createDecorators } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport \"@next-core/theme\";\nimport { select } from \"d3-selection\";\nimport { ZoomTransform, zoom } from \"d3-zoom\";\nimport classNames from \"classnames\";\nimport { uniqueId } from \"lodash\";\nimport ResizeObserver from \"resize-observer-polyfill\";\nimport type {\n  DiagramEdge,\n  DiagramNode,\n  LayoutOptions,\n  LineConf,\n  NodeBrickConf,\n  PositionTuple,\n  RefRepository,\n  RenderedLineLabel,\n  TransformLiteral,\n  LineTarget,\n  ConnectLineDetail,\n  ConnectNodesOptions,\n  ConnectLineState,\n  ActiveTarget,\n  RangeTuple,\n  LineLabel,\n  LineLabelConf,\n  TextOptions,\n  DragNodesOptions,\n  NodeMovement,\n  ManualLayoutStatus,\n  LineMaskRects,\n} from \"./interfaces\";\nimport { NodeComponentGroup } from \"./NodeComponent\";\nimport { handleKeyboard } from \"./processors/handleKeyboard\";\nimport { transformToCenter } from \"./processors/transformToCenter\";\nimport { getRenderedLines } from \"./processors/getRenderedLines\";\nimport { normalizeLinesAndMarkers } from \"./processors/normalizeLinesAndMarkers\";\nimport { LineLabelComponentGroup } from \"./LineLabelComponent\";\nimport { LineComponent } from \"./LineComponent\";\nimport { MarkerComponent } from \"./MarkerComponent\";\nimport { LineMaskComponent } from \"./LineMaskComponent\";\nimport { ConnectLineComponent } from \"./ConnectLineComponent\";\nimport { getRenderedLineLabels } from \"./processors/getRenderedLineLabels\";\nimport { handleNodesMouseDown } from \"./processors/handleNodesMouseDown\";\nimport { DEFAULT_SCALE_RANGE_MAX, DEFAULT_SCALE_RANGE_MIN } from \"./constants\";\nimport { useRenderedDiagram } from \"./hooks/useRenderedDiagram\";\nimport { adjustLineLabels } from \"./processors/adjustLineLabels\";\nimport styleText from \"./styles.shadow.css\";\nimport { useUserView } from \"./hooks/useUserView\";\nimport { sameTarget } from \"./processors/sameTarget\";\nimport { getLineMaskRects } from \"./processors/getLineMaskRects\";\n\nconst { defineElement, property, event, method } = createDecorators();\n\nexport interface EoDiagramProps {\n  layout?: \"dagre\" | \"force\";\n  nodes?: DiagramNode[];\n  edges?: DiagramEdge[];\n  nodeBricks?: NodeBrickConf[];\n  lines?: LineConf[];\n  layoutOptions?: LayoutOptions;\n  connectNodes?: ConnectNodesOptions;\n  dragNodes?: DragNodesOptions;\n  activeTarget?: ActiveTarget | null;\n  disableKeyboardAction?: boolean;\n  zoomable?: boolean;\n  scrollable?: boolean;\n  pannable?: boolean;\n  scaleRange?: RangeTuple;\n}\n\nexport interface DiagramRef {\n  callOnLineLabel(id: string, method: string, ...args: unknown[]): void;\n}\n\nexport const EoDiagramComponent = forwardRef(LegacyEoDiagramComponent);\n\n/**\n * 构件 `eo-diagram`\n */\nexport\n@defineElement(\"eo-diagram\", {\n  styleTexts: [styleText],\n})\nclass EoDiagram extends ReactNextElement implements EoDiagramProps {\n  /**\n   * @required\n   */\n  @property({ type: String })\n  accessor layout: \"dagre\" | \"force\" | undefined;\n\n  @property({ attribute: false })\n  accessor nodes: DiagramNode[] | undefined;\n\n  @property({ attribute: false })\n  accessor edges: DiagramEdge[] | undefined;\n\n  @property({ attribute: false })\n  accessor nodeBricks: NodeBrickConf[] | undefined;\n\n  @property({ attribute: false })\n  accessor lines: LineConf[] | undefined;\n\n  @property({ attribute: false })\n  accessor layoutOptions: LayoutOptions | undefined;\n\n  @property({ attribute: false })\n  accessor activeTarget: ActiveTarget | null | undefined;\n\n  @property({ type: Boolean })\n  accessor disableKeyboardAction: boolean | undefined;\n\n  @property({ attribute: false })\n  accessor connectNodes: ConnectNodesOptions | undefined;\n\n  @property({ attribute: false })\n  accessor dragNodes: DragNodesOptions | undefined;\n\n  @property({ type: Boolean })\n  accessor zoomable: boolean | undefined = true;\n\n  @property({ type: Boolean })\n  accessor scrollable: boolean | undefined = true;\n\n  @property({ type: Boolean })\n  accessor pannable: boolean | undefined = true;\n\n  @property({ attribute: false })\n  accessor scaleRange: RangeTuple | undefined;\n\n  @event({ type: \"activeTarget.change\" })\n  accessor #activeTargetChangeEvent!: EventEmitter<ActiveTarget | null>;\n\n  #handleActiveTargetChange = (target: ActiveTarget | null) => {\n    this.#activeTargetChangeEvent.emit(target);\n  };\n\n  @event({ type: \"node.delete\" })\n  accessor #nodeDelete!: EventEmitter<DiagramNode>;\n\n  #handleNodeDelete = (node: DiagramNode) => {\n    this.#nodeDelete.emit(node);\n  };\n\n  @event({ type: \"edge.delete\" })\n  accessor #edgeDelete!: EventEmitter<DiagramEdge>;\n\n  #handleEdgeDelete = (edge: DiagramEdge) => {\n    this.#edgeDelete.emit(edge);\n  };\n\n  @event({ type: \"line.click\" })\n  accessor #lineClick!: EventEmitter<LineTarget>;\n\n  #handleLineClick = (line: LineTarget) => {\n    this.#lineClick.emit(line);\n  };\n\n  @event({ type: \"line.dblclick\" })\n  accessor #lineDoubleClick!: EventEmitter<LineTarget>;\n\n  #handleLineDoubleClick = (line: LineTarget) => {\n    this.#lineDoubleClick.emit(line);\n  };\n\n  @event({ type: \"nodes.connect\" })\n  accessor #connectNodes!: EventEmitter<ConnectLineDetail>;\n\n  #handleNodesConnect = (detail: ConnectLineDetail) => {\n    this.#connectNodes.emit(detail);\n  };\n\n  #handleSwitchActiveTarget = (target: ActiveTarget | null) => {\n    if (!sameTarget(target, this.activeTarget)) {\n      this.activeTarget = target;\n    }\n  };\n\n  #diagramRef = createRef<DiagramRef>();\n\n  @method()\n  callOnLineLabel(id: string, method: string, ...args: unknown[]) {\n    this.#diagramRef.current?.callOnLineLabel(id, method, ...args);\n  }\n\n  render() {\n    return (\n      <EoDiagramComponent\n        ref={this.#diagramRef}\n        layout={this.layout}\n        nodes={this.nodes}\n        edges={this.edges}\n        nodeBricks={this.nodeBricks}\n        lines={this.lines}\n        layoutOptions={this.layoutOptions}\n        connectNodes={this.connectNodes}\n        dragNodes={this.dragNodes}\n        activeTarget={this.activeTarget}\n        disableKeyboardAction={this.disableKeyboardAction}\n        zoomable={this.zoomable}\n        scrollable={this.scrollable}\n        pannable={this.pannable}\n        scaleRange={this.scaleRange}\n        onActiveTargetChange={this.#handleActiveTargetChange}\n        onSwitchActiveTarget={this.#handleSwitchActiveTarget}\n        onNodeDelete={this.#handleNodeDelete}\n        onEdgeDelete={this.#handleEdgeDelete}\n        onLineClick={this.#handleLineClick}\n        onLineDoubleClick={this.#handleLineDoubleClick}\n        onNodesConnect={this.#handleNodesConnect}\n      />\n    );\n  }\n}\n\nexport interface EoDiagramComponentProps extends EoDiagramProps {\n  onActiveTargetChange?(target: ActiveTarget | null): void;\n  onSwitchActiveTarget?(target: ActiveTarget | null): void;\n  onNodeDelete?(node: DiagramNode): void;\n  onEdgeDelete?(edge: DiagramEdge): void;\n  onLineClick?(line: LineTarget): void;\n  onLineDoubleClick?(line: LineTarget): void;\n  onNodesConnect?(detail: ConnectLineDetail): void;\n}\n\nexport function LegacyEoDiagramComponent(\n  {\n    layout,\n    nodes,\n    edges,\n    nodeBricks,\n    lines,\n    layoutOptions,\n    connectNodes,\n    dragNodes,\n    activeTarget: _activeTarget,\n    disableKeyboardAction,\n    zoomable,\n    scrollable,\n    pannable,\n    scaleRange: _scaleRange,\n    onActiveTargetChange,\n    onSwitchActiveTarget,\n    onNodeDelete,\n    onEdgeDelete,\n    onLineClick,\n    onLineDoubleClick,\n    onNodesConnect,\n  }: EoDiagramComponentProps,\n  ref: React.Ref<DiagramRef>\n) {\n  const [nodesReady, setNodesReady] = useState(false);\n  const [nodesRenderId, setNodesRenderId] = useState(0);\n  const [nodesRefRepository, setNodesRefRepository] =\n    useState<RefRepository | null>(null);\n  const [lineLabelsReady, setLineLabelsReady] = useState(false);\n  const [lineLabelsRenderId, setLineLabelsRenderId] = useState(0);\n  const [lineLabelsRefRepository, setLineLabelsRefRepository] =\n    useState<RefRepository | null>(null);\n  const [renderedLineLabels, setRenderedLineLabels] = useState<\n    RenderedLineLabel[]\n  >([]);\n\n  const [grabbing, setGrabbing] = useState(false);\n  const [transform, setTransform] = useState<TransformLiteral>({\n    k: 1,\n    x: 0,\n    y: 0,\n  });\n\n  const linePathsRef = useRef(new Map<string, SVGPathElement | null>());\n\n  const rootRef = useRef<HTMLDivElement>(null);\n  const nodesRef = useRef<HTMLDivElement>(null);\n  const [centered, setCentered] = useState(false);\n\n  const { userViewReady, userViewNodesMap, saveUserView } = useUserView(\n    dragNodes?.save\n  );\n\n  const [connectLineTo, setConnectLineTo] = useState<PositionTuple>([0, 0]);\n  const [connectLineState, setConnectLineState] =\n    useState<ConnectLineState | null>(null);\n  const [manualLayoutStatus, setManualLayoutStatus] =\n    useState<ManualLayoutStatus>(\"initial\");\n  const [nodeMovement, setNodeMovement] = useState<NodeMovement | null>(null);\n\n  useImperativeHandle(ref, () => ({\n    callOnLineLabel(id, method, ...args) {\n      (\n        lineLabelsRefRepository?.get(id)\n          ?.firstElementChild as unknown as Record<string, Function>\n      )?.[method](...args);\n    },\n  }));\n\n  useEffect(() => {\n    const onNodesMouseDown = (event: MouseEvent) => {\n      handleNodesMouseDown(event, {\n        nodes,\n        nodesRefRepository,\n        connectNodes,\n        dragNodes,\n        scale: transform.k,\n        setConnectLineState,\n        setConnectLineTo,\n        setManualLayoutStatus,\n        setNodeMovement,\n        onSwitchActiveTarget,\n        onNodesConnect,\n      });\n    };\n    // Bind mousedown event manually, since the React event handler can't work with\n    // d3-zoom inside shadow DOM.\n    const nodesContainer = nodesRef.current;\n    nodesContainer?.addEventListener(\"mousedown\", onNodesMouseDown);\n    return () => {\n      nodesContainer?.removeEventListener(\"mousedown\", onNodesMouseDown);\n    };\n  }, [\n    nodes,\n    connectNodes,\n    dragNodes,\n    transform.k,\n    nodesRefRepository,\n    onNodesConnect,\n    onSwitchActiveTarget,\n  ]);\n\n  const { normalizedLines, normalizedLinesMap, markers } = useMemo(\n    () => normalizeLinesAndMarkers(edges, lines),\n    [edges, lines]\n  );\n\n  const lineLabels = useMemo(() => {\n    return normalizedLines.flatMap(({ line: { text, label, $id }, edge }) => {\n      if (!text && !label) {\n        return [] as LineLabel[];\n      }\n\n      let key: \"label\" | \"text\";\n      let list: LineLabelConf[] | TextOptions[];\n      if (label) {\n        key = \"label\";\n        list = ([] as LineLabelConf[]).concat(label);\n      } else {\n        key = \"text\";\n        list = ([] as TextOptions[]).concat(text!);\n      }\n\n      return list.map<LineLabel>((item) => ({\n        [key as \"label\"]: item as LineLabelConf,\n        id: `${$id}-${item.placement ?? \"center\"}`,\n        edge,\n      }));\n    });\n  }, [normalizedLines]);\n\n  const { nodes: renderedNodes, edges: renderedEdges } = useRenderedDiagram({\n    layout,\n    nodes,\n    edges,\n    manualLayoutStatus,\n    userViewReady,\n    userViewNodesMap,\n    nodeMovement,\n    nodesRefRepository,\n    lineLabelsRefRepository,\n    normalizedLinesMap,\n    layoutOptions,\n    nodesRenderId,\n    lineLabelsRenderId,\n  });\n\n  useEffect(\n    () => {\n      if (manualLayoutStatus === \"finished\") {\n        saveUserView(\n          renderedNodes.map((node) => ({\n            id: node.id,\n            x: node.x,\n            y: node.y,\n          }))\n        );\n      }\n    },\n    // Only save user view when manual layout is just finished.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [manualLayoutStatus]\n  );\n\n  const renderedLines = useMemo(\n    () => getRenderedLines(renderedEdges, renderedNodes, normalizedLines),\n    [normalizedLines, renderedNodes, renderedEdges]\n  );\n\n  const newActiveTarget = _activeTarget ?? null;\n  const [activeTarget, setActiveTarget] = useState<ActiveTarget | null>(\n    newActiveTarget\n  );\n\n  useEffect(() => {\n    setActiveTarget((previous) =>\n      sameTarget(previous, newActiveTarget) ? previous : newActiveTarget\n    );\n  }, [newActiveTarget]);\n\n  const activeTargetChangeInitialized = useRef(false);\n  useEffect(() => {\n    if (!activeTargetChangeInitialized.current) {\n      activeTargetChangeInitialized.current = true;\n      return;\n    }\n    onActiveTargetChange?.(activeTarget);\n  }, [activeTarget, onActiveTargetChange]);\n\n  useEffect(() => {\n    const root = rootRef.current;\n    if (!root || disableKeyboardAction) {\n      return;\n    }\n    const onKeydown = (event: KeyboardEvent) => {\n      const action = handleKeyboard(event, {\n        renderedNodes,\n        activeTarget,\n      });\n\n      if (action?.action === \"delete-node\") {\n        onNodeDelete?.(action.node);\n      } else if (action?.action === \"delete-edge\") {\n        onEdgeDelete?.(action.edge);\n      } else if (action?.action === \"switch-active-node\" && action.node) {\n        onSwitchActiveTarget?.({ type: \"node\", nodeId: action.node.id });\n      }\n    };\n    root.addEventListener(\"keydown\", onKeydown);\n    return () => {\n      root.removeEventListener(\"keydown\", onKeydown);\n    };\n  }, [\n    activeTarget,\n    renderedNodes,\n    disableKeyboardAction,\n    onSwitchActiveTarget,\n    onNodeDelete,\n    onEdgeDelete,\n  ]);\n\n  const handleNodesRendered = useCallback(\n    (refRepository: RefRepository | null) => {\n      if (refRepository) {\n        setNodesRenderId((previous) => previous + 1);\n        setNodesRefRepository(refRepository);\n      }\n      setNodesReady((previous) => previous || !!refRepository);\n    },\n    []\n  );\n\n  const handleLineLabelsRendered = useCallback(\n    (refRepository: RefRepository | null) => {\n      if (refRepository) {\n        setLineLabelsRenderId((previous) => previous + 1);\n        setLineLabelsRefRepository(refRepository);\n      }\n      setLineLabelsReady((previous) => previous || !!refRepository);\n    },\n    []\n  );\n\n  const scaleRange = useMemo(\n    () =>\n      _scaleRange ??\n      ([DEFAULT_SCALE_RANGE_MIN, DEFAULT_SCALE_RANGE_MAX] as RangeTuple),\n    [_scaleRange]\n  );\n\n  const zoomer = useMemo(() => zoom<HTMLDivElement, unknown>(), []);\n\n  useEffect(() => {\n    let moved = false;\n    zoomer\n      .scaleExtent(zoomable ? scaleRange : [1, 1])\n      .on(\"start\", () => {\n        moved = false;\n        setGrabbing(true);\n      })\n      .on(\"zoom\", (e: { transform: TransformLiteral }) => {\n        moved = true;\n        setTransform(e.transform);\n      })\n      .on(\"end\", () => {\n        setGrabbing(false);\n        if (!moved) {\n          onSwitchActiveTarget?.(null);\n        }\n      });\n  }, [onSwitchActiveTarget, scaleRange, zoomable, zoomer]);\n\n  useEffect(() => {\n    const root = rootRef.current;\n    if (!root) {\n      return;\n    }\n\n    const rootSelection = select(root);\n\n    const unsetZoom = () => {\n      rootSelection\n        .on(\".zoom\", null)\n        .on(\".zoom.custom\", null)\n        .on(\"wheel\", null);\n    };\n\n    if (!(zoomable || scrollable || pannable)) {\n      unsetZoom();\n      return;\n    }\n\n    if (zoomable || scrollable) {\n      // Do not override default d3 zoom handler.\n      // Only handles *panning*\n      rootSelection.on(\n        \"wheel.zoom.custom\",\n        (e: WheelEvent & { wheelDeltaX: number; wheelDeltaY: number }) => {\n          // Mac OS trackpad pinch event is emitted as a wheel.zoom and d3.event.ctrlKey set to true\n          if (!e.ctrlKey) {\n            // Stop immediate propagation for default d3 zoom handler\n            e.stopImmediatePropagation();\n            if (scrollable) {\n              e.preventDefault();\n              zoomer.translateBy(\n                rootSelection,\n                e.wheelDeltaX / 5,\n                e.wheelDeltaY / 5\n              );\n            }\n          }\n          // zoomer.scaleBy(rootSelection, Math.pow(2, defaultWheelDelta(e)))\n        }\n      );\n    }\n\n    rootSelection\n      .call(zoomer)\n      .on(\"wheel\", (e: WheelEvent) => e.preventDefault())\n      .on(\"dblclick.zoom\", null);\n\n    if (!pannable) {\n      rootSelection\n        .on(\"mousedown.zoom\", null)\n        .on(\"touchstart.zoom\", null)\n        .on(\"touchmove.zoom\", null)\n        .on(\"touchend.zoom\", null);\n    }\n\n    return unsetZoom;\n  }, [pannable, scrollable, zoomable, zoomer]);\n\n  useEffect(() => {\n    const root = rootRef.current;\n    if (renderedNodes.length === 0 || !root || centered) {\n      return;\n    }\n    const { k, x, y } = transformToCenter(renderedNodes, {\n      canvasWidth: root.clientWidth,\n      canvasHeight: root.clientHeight,\n      scaleRange: zoomable ? scaleRange : undefined,\n    });\n    zoomer.transform(select(root), new ZoomTransform(k, x, y));\n    setCentered(true);\n  }, [centered, renderedNodes, scaleRange, zoomable, zoomer]);\n\n  const defPrefix = useMemo(() => `${uniqueId(\"diagram-\")}-`, []);\n  const markerPrefix = `${defPrefix}line-arrow-`;\n  const maskPrefix = `${defPrefix}mask-`;\n  const activeLineMarkerPrefix = `${defPrefix}active-line-`;\n\n  useEffect(() => {\n    setRenderedLineLabels((previous) =>\n      getRenderedLineLabels(previous, renderedLines, linePathsRef.current)\n    );\n  }, [renderedLines]);\n\n  const [lineMaskRects, setLineMaskRects] = React.useState<LineMaskRects>(\n    new Map()\n  );\n\n  useEffect(() => {\n    if (!lineLabelsRefRepository) {\n      return;\n    }\n    const updateLineMaskRects = () => {\n      setLineMaskRects(\n        getLineMaskRects(renderedLineLabels, lineLabelsRefRepository)\n      );\n    };\n\n    adjustLineLabels(renderedLineLabels, lineLabelsRefRepository);\n\n    const observer = new ResizeObserver(updateLineMaskRects);\n    for (const lineLabel of lineLabelsRefRepository.values()) {\n      observer.observe(lineLabel);\n    }\n    return () => {\n      observer.disconnect();\n    };\n  }, [lineLabelsRenderId, lineLabelsRefRepository, renderedLineLabels]);\n\n  if (layout !== \"dagre\" && layout !== \"force\") {\n    return <div>{`Diagram layout not supported: \"${layout}\"`}</div>;\n  }\n\n  return (\n    <div\n      className={classNames(\"diagram\", {\n        ready: nodesReady && centered,\n        grabbing,\n        pannable,\n      })}\n      tabIndex={-1}\n      ref={rootRef}\n    >\n      <svg width=\"100%\" height=\"100%\" className=\"lines\">\n        <defs>\n          {markers.map(({ type, strokeColor }, index) => (\n            <MarkerComponent\n              key={index}\n              id={`${markerPrefix}${index}`}\n              type={type}\n              strokeColor={strokeColor}\n            />\n          ))}\n          {[...lineMaskRects].map(([lineId, rects]) => (\n            <LineMaskComponent\n              key={lineId}\n              lineId={lineId}\n              rects={rects}\n              maskPrefix={maskPrefix}\n              renderedLineLabels={renderedLineLabels}\n            />\n          ))}\n          <marker\n            id={`${activeLineMarkerPrefix}start`}\n            viewBox=\"0 0 8 8\"\n            refX={4}\n            refY={4}\n            markerWidth={8}\n            markerHeight={8}\n            orient=\"auto\"\n          >\n            <path\n              d=\"M 0.5 0.5 H 7.5 V 7.5 H 0.5 Z\"\n              stroke=\"var(--palette-gray-7)\"\n              strokeWidth={1}\n              fill=\"var(--palette-gray-1)\"\n            />\n          </marker>\n          <marker\n            id={`${activeLineMarkerPrefix}end`}\n            viewBox=\"0 0 14 8\"\n            refX={3}\n            refY={4}\n            markerWidth={14}\n            markerHeight={8}\n            orient=\"auto\"\n          >\n            <path\n              d=\"M 0.5 1.5 L 5.5 4 L 0.5 6.5 z\"\n              stroke=\"var(--palette-blue-3)\"\n              strokeWidth={1}\n              fill=\"var(--palette-blue-3)\"\n            />\n            <path\n              d=\"M 6.5 0.5 H 13.5 V 7.5 H 6.5 Z\"\n              stroke=\"var(--palette-gray-7)\"\n              strokeWidth={1}\n              fill=\"var(--palette-gray-1)\"\n            />\n          </marker>\n        </defs>\n        <g\n          transform={`translate(${transform.x} ${transform.y}) scale(${transform.k})`}\n        >\n          {renderedLines.map((line) => (\n            <LineComponent\n              key={line.line.$id}\n              line={line}\n              linePaths={linePathsRef.current}\n              lineMaskRects={lineMaskRects}\n              maskPrefix={maskPrefix}\n              markerPrefix={markerPrefix}\n              activeLineMarkerPrefix={activeLineMarkerPrefix}\n              active={\n                activeTarget?.type === \"edge\" &&\n                activeTarget.edge.source === line.edge.source &&\n                activeTarget.edge.target === line.edge.target\n              }\n              activeRelated={\n                activeTarget?.type === \"node\" &&\n                (line.edge.source === activeTarget.nodeId ||\n                  line.edge.target === activeTarget.nodeId)\n              }\n              onLineClick={onLineClick}\n              onLineDoubleClick={onLineDoubleClick}\n            />\n          ))}\n        </g>\n      </svg>\n      <div\n        className={classNames(\"line-labels\", { ready: lineLabelsReady })}\n        style={{\n          left: transform.x,\n          top: transform.y,\n          transform: `scale(${transform.k})`,\n        }}\n      >\n        <LineLabelComponentGroup\n          labels={lineLabels}\n          onRendered={handleLineLabelsRendered}\n        />\n      </div>\n      <div\n        className=\"nodes\"\n        ref={nodesRef}\n        style={{\n          left: transform.x,\n          top: transform.y,\n          transform: `scale(${transform.k})`,\n        }}\n      >\n        <NodeComponentGroup\n          nodes={nodes}\n          nodeBricks={nodeBricks}\n          // nodePositions={nodePositions}\n          onRendered={handleNodesRendered}\n        />\n      </div>\n      <ConnectLineComponent\n        connectLineState={connectLineState}\n        connectLineTo={connectLineTo}\n        markerPrefix={markerPrefix}\n      />\n    </div>\n  );\n}\n"],"names":["defineElement","property","event","method","createDecorators","EoDiagramComponent","forwardRef","LegacyEoDiagramComponent","_EoDiagram","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_I","_J","_K","_L","_M","_N","_O","_EoDiagram_brand","WeakSet","_handleActiveTargetChange","_P","_handleNodeDelete","_Q","_handleEdgeDelete","_R","_handleLineClick","_S","_handleLineDoubleClick","_T","_handleNodesConnect","_handleSwitchActiveTarget","_diagramRef","EoDiagram","ReactNextElement","constructor","arguments","_classPrivateMethodInitSpec","_classPrivateFieldInitSpec","_initProto","_init_layout","_init_extra_layout","_init_nodes","_init_extra_nodes","_init_edges","_init_extra_edges","_init_nodeBricks","_init_extra_nodeBricks","_init_lines","_init_extra_lines","_init_layoutOptions","_init_extra_layoutOptions","_init_activeTarget","_init_extra_activeTarget","_init_disableKeyboardAction","_init_extra_disableKeyboardAction","_init_connectNodes","_init_extra_connectNodes","_init_dragNodes","_init_extra_dragNodes","_init_zoomable","_init_extra_zoomable","_init_scrollable","_init_extra_scrollable","_init_pannable","_init_extra_pannable","_init_scaleRange","_init_extra_scaleRange","_init_activeTargetChangeEvent","_init_extra_activeTargetChangeEvent","target","_classPrivateGetter","this","_get_activeTargetChangeEvent","emit","_init_nodeDelete","_init_extra_nodeDelete","node","_get_nodeDelete","_init_edgeDelete","_init_extra_edgeDelete","edge","_get_edgeDelete","_init_lineClick","_init_extra_lineClick","line","_get_lineClick","_init_lineDoubleClick","_init_extra_lineDoubleClick","_get_lineDoubleClick","_init_connectNodes2","_init_extra_connectNodes2","detail","_get_connectNodes","sameTarget","activeTarget","createRef","layout","_classPrivateFieldGet","v","_classPrivateFieldSet","nodes","edges","nodeBricks","lines","layoutOptions","disableKeyboardAction","connectNodes","dragNodes","zoomable","scrollable","pannable","scaleRange","callOnLineLabel","id","_classPrivateFieldGet2","_len","length","args","Array","_key","current","render","React","ref","onActiveTargetChange","onSwitchActiveTarget","onNodeDelete","onEdgeDelete","onLineClick","onLineDoubleClick","onNodesConnect","_ref","_activeTarget","_scaleRange","nodesReady","setNodesReady","useState","nodesRenderId","setNodesRenderId","nodesRefRepository","setNodesRefRepository","lineLabelsReady","setLineLabelsReady","lineLabelsRenderId","setLineLabelsRenderId","lineLabelsRefRepository","setLineLabelsRefRepository","renderedLineLabels","setRenderedLineLabels","grabbing","setGrabbing","transform","setTransform","k","x","y","linePathsRef","useRef","Map","rootRef","nodesRef","centered","setCentered","userViewReady","userViewNodesMap","saveUserView","useUserView","save","connectLineTo","setConnectLineTo","connectLineState","setConnectLineState","manualLayoutStatus","setManualLayoutStatus","nodeMovement","setNodeMovement","useImperativeHandle","_lineLabelsRefReposit","_len2","_key2","get","firstElementChild","useEffect","onNodesMouseDown","handleNodesMouseDown","scale","nodesContainer","addEventListener","removeEventListener","normalizedLines","normalizedLinesMap","markers","useMemo","normalizeLinesAndMarkers","lineLabels","flatMap","_ref2","key","list","text","label","$id","concat","map","item","_item$placement","placement","renderedNodes","renderedEdges","useRenderedDiagram","renderedLines","getRenderedLines","newActiveTarget","setActiveTarget","previous","activeTargetChangeInitialized","root","onKeydown","action","handleKeyboard","type","nodeId","handleNodesRendered","useCallback","refRepository","handleLineLabelsRendered","DEFAULT_SCALE_RANGE_MIN","DEFAULT_SCALE_RANGE_MAX","zoomer","zoom","moved","scaleExtent","on","e","rootSelection","select","unsetZoom","ctrlKey","stopImmediatePropagation","preventDefault","translateBy","wheelDeltaX","wheelDeltaY","call","transformToCenter","canvasWidth","clientWidth","canvasHeight","clientHeight","undefined","ZoomTransform","defPrefix","uniqueId","markerPrefix","maskPrefix","activeLineMarkerPrefix","getRenderedLineLabels","lineMaskRects","setLineMaskRects","adjustLineLabels","observer","ResizeObserver","updateLineMaskRects","getLineMaskRects","lineLabel","values","observe","disconnect","className","classNames","ready","tabIndex","width","height","_ref3","index","strokeColor","MarkerComponent","_ref4","lineId","rects","LineMaskComponent","viewBox","refX","refY","markerWidth","markerHeight","orient","d","stroke","strokeWidth","fill","LineComponent","linePaths","active","source","activeRelated","style","left","top","LineLabelComponentGroup","labels","onRendered","NodeComponentGroup","ConnectLineComponent","_EoDiagram2","_set_activeTargetChangeEvent","_set_nodeDelete","_set_edgeDelete","_set_lineClick","_set_lineDoubleClick","_set_connectNodes","c","_initClass","_applyDecs","styleTexts","styleText","String","attribute","Boolean","o","_","has","_checkInRHS"],"sourceRoot":""}

package/dist/chunks/eo-display-canvas.2a43ce91.js

@@ -0,0 +1,2 @@
+"use strict";(globalThis.webpackChunk_next_bricks_diagram=globalThis.webpackChunk_next_bricks_diagram||[]).push([[9823],{3609:(e,t,a)=>{a.r(t),a.d(t,{EoDisplayCanvas:()=>Ke});var s,l=a(4635),i=a(918),o=a(6902),r=a(5536),n=a(6121),h=a(829),d=a(2740),c=a(8769),u=a.n(c),g=a(870),A=a(981),p=(a(4419),a(1030)),C=a(3373),k=a.n(C),y=a(7566),b=a(5078),v=a(838),f=a(1194),m=a(2286),T=a(3690),N=a(8076),W=a(512),w=a(1111),R=a(194),M=a(4362),S=a(6478),z=a(2288),x=a(2556),E=a(1974),B=a(5494),L=a(3012),O=a(6237),$=a(4420);let F,Z,H,U,_,K,I,P,D,Y,q,J,j,G,Q,V,X,ee,te,ae,se,le,ie,oe,re,ne,he,de,ce,ue,ge,Ae,pe,Ce,ke,ye,be,ve,fe,me,Te,Ne,We,we,Re,Me,Se,ze,xe,Ee,Be,Le,Oe,$e;const{defineElement:Fe,property:Ze,event:He,method:Ue}=(0,g.createDecorators)(),_e=(0,c.forwardRef)(bt);let Ke;var Ie=new WeakMap,Pe=new WeakMap,De=new WeakMap,Ye=new WeakMap,qe=new WeakMap,Je=new WeakMap,je=new WeakMap,Ge=new WeakMap,Qe=new WeakMap,Ve=new WeakMap,Xe=new WeakMap,et=new WeakMap,tt=new WeakMap,at=new WeakMap,st=new WeakMap,lt=new WeakMap,it=new WeakMap,ot=new WeakMap,rt=new WeakMap,nt=new WeakMap,ht=new WeakMap,dt=new WeakSet,ct=new WeakMap,ut=new WeakMap,gt=new WeakMap,At=new WeakMap,pt=new WeakMap,Ct=new WeakMap,kt=new WeakMap;class yt extends A.ReactNextElement{constructor(){super(...arguments),(0,l.A)(this,dt),(0,i.A)(this,Ie,(F(this),H(this))),(0,i.A)(this,Pe,(U(this),_(this))),(0,i.A)(this,De,(K(this),I(this))),(0,i.A)(this,Ye,(P(this),D(this))),(0,i.A)(this,qe,(Y(this),q(this,[T.HP,T.HP]))),(0,i.A)(this,Je,(J(this),j(this))),(0,i.A)(this,je,(G(this),Q(this))),(0,i.A)(this,Ge,(V(this),X(this))),(0,i.A)(this,Qe,(ee(this),te(this))),(0,i.A)(this,Ve,(ae(this),se(this))),(0,i.A)(this,Xe,(le(this),ie(this))),(0,i.A)(this,et,(oe(this),re(this,!0))),(0,i.A)(this,tt,(ne(this),he(this,!0))),(0,i.A)(this,at,(de(this),ce(this,!0))),(0,i.A)(this,st,(ue(this),ge(this))),(0,i.A)(this,lt,(Ae(this),pe(this))),(0,i.A)(this,it,(Ce(this),ke(this))),(0,i.A)(this,ot,(ye(this),be(this))),(0,i.A)(this,rt,(ve(this),fe(this))),(0,i.A)(this,nt,(me(this),Te(this))),(0,i.A)(this,ht,(Ne(this),We(this))),(0,i.A)(this,ct,(Me(this),e=>{(0,r.A)(dt,this,we).emit(e)})),(0,i.A)(this,ut,(e=>{(0,v.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,i.A)(this,gt,Se(this)),(0,i.A)(this,At,(Ee(this),e=>{(0,r.A)(dt,this,ze).emit(e)})),(0,i.A)(this,pt,Be(this)),(0,i.A)(this,Ct,($e(this),e=>{(0,r.A)(dt,this,Le).emit(e)})),(0,i.A)(this,kt,(0,c.createRef)())}get cells(){return(0,h.A)(Ie,this)}set cells(e){(0,n.A)(Ie,this,e)}get layout(){return(0,h.A)(Pe,this)}set layout(e){(0,n.A)(Pe,this,e)}get layoutOptions(){return(0,h.A)(De,this)}set layoutOptions(e){(0,n.A)(De,this,e)}get autoSize(){return(0,h.A)(Ye,this)}set autoSize(e){(0,n.A)(Ye,this,e)}get defaultNodeSize(){return(0,h.A)(qe,this)}set defaultNodeSize(e){(0,n.A)(qe,this,e)}get defaultNodeBricks(){return(0,h.A)(Je,this)}set defaultNodeBricks(e){(0,n.A)(Je,this,e)}get degradedThreshold(){return(0,h.A)(je,this)}set degradedThreshold(e){(0,n.A)(je,this,e)}get degradedNodeLabel(){return(0,h.A)(Ge,this)}set degradedNodeLabel(e){(0,n.A)(Ge,this,e)}get defaultEdgeLines(){return(0,h.A)(Qe,this)}set defaultEdgeLines(e){(0,n.A)(Qe,this,e)}get activeTarget(){return(0,h.A)(Ve,this)}set activeTarget(e){(0,n.A)(Ve,this,e)}get fadeUnrelatedCells(){return(0,h.A)(Xe,this)}set fadeUnrelatedCells(e){(0,n.A)(Xe,this,e)}get zoomable(){return(0,h.A)(et,this)}set zoomable(e){(0,n.A)(et,this,e)}get scrollable(){return(0,h.A)(tt,this)}set scrollable(e){(0,n.A)(tt,this,e)}get pannable(){return(0,h.A)(at,this)}set pannable(e){(0,n.A)(at,this,e)}get scaleRange(){return(0,h.A)(st,this)}set scaleRange(e){(0,n.A)(st,this,e)}get hideZoomBar(){return(0,h.A)(lt,this)}set hideZoomBar(e){(0,n.A)(lt,this,e)}get autoCenterWhenCellsChange(){return(0,h.A)(it,this)}set autoCenterWhenCellsChange(e){(0,n.A)(it,this,e)}get doNotResetActiveTargetForSelector(){return(0,h.A)(ot,this)}set doNotResetActiveTargetForSelector(e){(0,n.A)(ot,this,e)}get doNotResetActiveTargetOutsideCanvas(){return(0,h.A)(rt,this)}set doNotResetActiveTargetOutsideCanvas(e){(0,n.A)(rt,this,e)}get extraStyleTexts(){return(0,h.A)(nt,this)}set extraStyleTexts(e){(0,n.A)(nt,this,e)}center(){var e;null===(e=(0,h.A)(kt,this).current)||void 0===e||e.center()}render(){return u().createElement(_e,{shadowRoot:this.shadowRoot,cells:this.cells,layout:this.layout,layoutOptions:this.layoutOptions,autoSize:this.autoSize,defaultNodeSize:this.defaultNodeSize,defaultNodeBricks:this.defaultNodeBricks,defaultEdgeLines:this.defaultEdgeLines,degradedThreshold:this.degradedThreshold,degradedNodeLabel:this.degradedNodeLabel,activeTarget:this.activeTarget,fadeUnrelatedCells:this.fadeUnrelatedCells,zoomable:this.zoomable,scrollable:this.scrollable,pannable:this.pannable,scaleRange:this.scaleRange,hideZoomBar:this.hideZoomBar,doNotResetActiveTargetForSelector:this.doNotResetActiveTargetForSelector,doNotResetActiveTargetOutsideCanvas:this.doNotResetActiveTargetOutsideCanvas,autoCenterWhenCellsChange:this.autoCenterWhenCellsChange,extraStyleTexts:this.extraStyleTexts,onActiveTargetChange:(0,h.A)(ct,this),onSwitchActiveTarget:(0,h.A)(ut,this),onCellContextMenu:(0,h.A)(At,this),onCellClick:(0,h.A)(Ct,this),ref:(0,h.A)(kt,this)})}}function bt(e,t){let{shadowRoot:a,cells:s,layout:l,layoutOptions:i,autoSize:o,defaultNodeSize:r,defaultNodeBricks:n,defaultEdgeLines:h,degradedThreshold:d,degradedNodeLabel:g,activeTarget:A,fadeUnrelatedCells:C,zoomable:v,scrollable:L,pannable:O,scaleRange:F,hideZoomBar:Z,autoCenterWhenCellsChange:H,doNotResetActiveTargetForSelector:U,doNotResetActiveTargetOutsideCanvas:_,extraStyleTexts:K,onActiveTargetChange:I,onSwitchActiveTarget:P,onCellContextMenu:D,onCellClick:Y}=e;const[{cells:q,layoutKey:J},j]=(0,c.useReducer)(w.d,s,(e=>({cells:(0,m.C)(e,{defaultNodeSize:r}),layoutKey:1}))),G=(0,c.useMemo)((()=>q.filter(M.N).length>=(null!=d?d:T.pC)),[q,d]),Q=(0,c.useRef)(null),{grabbing:V,transform:X,zoomer:ee,scaleRange:te}=(0,N.f)({rootRef:Q,zoomable:v,scrollable:L,pannable:O,draggable:!0,scaleRange:F,onSwitchActiveTarget:P}),{centered:ae,setCentered:se,getNextLayoutKey:le}=(0,z.g)({layout:l,layoutOptions:i,autoSize:o,rootRef:Q,cells:q,zoomable:v,zoomer:ee,scaleRange:te,layoutKey:J,autoCenterWhenCellsChange:H,dispatch:j}),ie=(0,c.useCallback)((()=>{se(!1)}),[se]);(0,c.useImperativeHandle)(t,(()=>({center:ie})),[ie]);const oe=(0,c.useRef)(s);(0,c.useEffect)((()=>{if(s!==oe.current){oe.current=s;const e=(0,B.L)({canvasWidth:a.host.clientWidth,canvasHeight:a.host.clientHeight,defaultNodeSize:r,layout:l,previousCells:q,cells:s,scaleRange:te,transform:X});j({type:"update-cells",payload:e.cells})}}),[q,r,s,l,te,a,X]);const re=(0,W.J)({rootRef:Q,activeTarget:A,doNotResetActiveTargetForSelector:U,doNotResetActiveTargetOutsideCanvas:_,onActiveTargetChange:I}),ne=`${(0,c.useMemo)((()=>`${(0,p.uniqueId)("diagram-")}-`),[])}line-arrow-`,he=(0,c.useCallback)(((e,t)=>{j({type:"update-node-size",payload:{id:e,size:t},layoutKey:le()})}),[le]),[de,ce]=(0,c.useState)(null),ue=(0,c.useCallback)((e=>{ce(e)}),[]),ge=(0,c.useCallback)((e=>{ce((t=>t===e?null:t))}),[]),[Ae,pe]=(0,c.useState)([]);(0,c.useEffect)((()=>{const e=C?(0,R.Y)(q,null,de||re):[];pe((t=>0===t.length&&0===e.length?t:e))}),[q,C,de,re]);const Ce=(0,c.useCallback)((e=>{ee.scaleTo((0,y.A)(Q.current),e/100)}),[ee]),{lineConfMap:ke,markers:ye}=(0,E.d)({cells:q,defaultEdgeLines:h,markerPrefix:ne}),be=(0,$.A)({cells:q,lineConfMap:ke}),ve=(0,x.H)({cells:q,layout:l,centered:ae});return u().createElement(u().Fragment,null,null==K?void 0:K.map(((e,t)=>u().createElement("style",{key:t},e))),u().createElement("svg",{width:"100%",height:"100%",ref:Q,className:k()("root",{grabbing:V,pannable:O,ready:ve}),tabIndex:-1},u().createElement("defs",null,ye.map(((e,t)=>u().createElement(b.c,{key:t,id:`${ne}${t}`,type:e.markerType,strokeColor:e.strokeColor})))),u().createElement("g",{transform:`translate(${X.x} ${X.y}) scale(${X.k})`},u().createElement("g",{className:"cells"},q.map((e=>u().createElement(f.m,{key:`${e.type}:${(0,M.WW)(e)?`${e.source}~${e.target}`:e.id}`,layout:l,cell:e,cells:q,degraded:G,degradedNodeLabel:g,defaultNodeBricks:n,lineConfMap:ke,editableLineMap:be,transform:X,activeTarget:re,readOnly:!0,hoverCell:de,unrelatedCells:Ae,onSwitchActiveTarget:P,onCellContextMenu:D,onCellClick:Y,onNodeBrickResize:he,onCellMouseEnter:C&&((0,M.N)(e)||(0,M.WW)(e))?ue:void 0,onCellMouseLeave:C&&((0,M.N)(e)||(0,M.WW)(e))?ge:void 0})))))),!Z&&u().createElement(S.Y,{shadowRoot:a,scale:X.k,scaleRange:te,onZoomChange:Ce,onReCenter:ie}))}s=yt,({e:[H,U,_,K,I,P,D,Y,q,J,j,G,Q,V,X,ee,te,ae,se,le,ie,oe,re,ne,he,de,ce,ue,ge,Ae,pe,Ce,ke,ye,be,ve,fe,me,Te,Ne,We,we,Re,Me,Se,ze,xe,Ee,Be,Le,Oe,$e,F],c:[Ke,Z]}=(0,d.A)(s,[Fe("eo-display-canvas",{styleTexts:[L.A,O.A]})],[[Ze({attribute:!1}),1,"cells"],[Ze({type:String}),1,"layout"],[Ze({attribute:!1}),1,"layoutOptions"],[Ze({attribute:!1}),1,"autoSize"],[Ze({attribute:!1}),1,"defaultNodeSize"],[Ze({attribute:!1}),1,"defaultNodeBricks"],[Ze({type:Number}),1,"degradedThreshold"],[Ze({attribute:!1}),1,"degradedNodeLabel"],[Ze({attribute:!1}),1,"defaultEdgeLines"],[Ze({attribute:!1}),1,"activeTarget"],[Ze({type:Boolean}),1,"fadeUnrelatedCells"],[Ze({type:Boolean}),1,"zoomable"],[Ze({type:Boolean}),1,"scrollable"],[Ze({type:Boolean}),1,"pannable"],[Ze({attribute:!1}),1,"scaleRange"],[Ze({type:Boolean}),1,"hideZoomBar"],[Ze({type:Boolean}),1,"autoCenterWhenCellsChange"],[Ze(),1,"doNotResetActiveTargetForSelector"],[Ze({type:Boolean}),1,"doNotResetActiveTargetOutsideCanvas"],[Ze({attribute:!1}),1,"extraStyleTexts"],[He({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>(0,h.A)(ht,e),(e,t)=>(0,n.A)(ht,e,t)],[He({type:"cell.contextmenu"}),1,"cellContextMenu",e=>(0,h.A)(gt,e),(e,t)=>(0,n.A)(gt,e,t)],[He({type:"cell.click"}),1,"cellClick",e=>(0,h.A)(pt,e),(e,t)=>(0,n.A)(pt,e,t)],[Ue(),2,"center"]],0,(e=>kt.has((0,o.A)(e))),A.ReactNextElement)),Z()}}]);
+//# sourceMappingURL=eo-display-canvas.2a43ce91.js.map

package/dist/chunks/{eo-display-canvas.969c8dc2.js.map → eo-display-canvas.2a43ce91.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chunks/eo-display-canvas.969c8dc2.js","mappings":"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","sources":["webpack:///./src/display-canvas/index.tsx"],"sourcesContent":["import React, {\n  createRef,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n} from \"react\";\nimport { createDecorators, type EventEmitter } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport \"@next-core/theme\";\nimport { uniqueId } from \"lodash\";\nimport classNames from \"classnames\";\nimport { select } from \"d3-selection\";\nimport type { RangeTuple, SizeTuple } from \"../diagram/interfaces\";\nimport type {\n  ActiveTarget,\n  InitialCell,\n  NodeBrickConf,\n  CellContextMenuDetail,\n  EdgeLineConf,\n  Cell,\n  LayoutType,\n  LayoutOptions,\n  AutoSize,\n} from \"../draw-canvas/interfaces\";\nimport { MarkerComponent } from \"../diagram/MarkerComponent\";\nimport { sameTarget } from \"../draw-canvas/processors/sameTarget\";\nimport { CellComponent } from \"../draw-canvas/CellComponent\";\nimport { initializeCells } from \"../draw-canvas/processors/initializeCells\";\nimport {\n  DEFAULT_DEGRADED_THRESHOLD,\n  DEFAULT_NODE_SIZE,\n} from \"../draw-canvas/constants\";\nimport { useZoom } from \"../shared/canvas/useZoom\";\nimport { useActiveTarget } from \"../shared/canvas/useActiveTarget\";\nimport { rootReducer } from \"../draw-canvas/reducers\";\nimport { getUnrelatedCells } from \"../draw-canvas/processors/getUnrelatedCells\";\nimport { isEdgeCell, isNodeCell } from \"../draw-canvas/processors/asserts\";\nimport { ZoomBarComponent } from \"../shared/canvas/ZoomBarComponent\";\nimport { useLayout } from \"../shared/canvas/useLayout\";\nimport { useReady } from \"../shared/canvas/useReady\";\nimport { useLineMarkers } from \"../shared/canvas/useLineMarkers\";\nimport { updateCells } from \"../draw-canvas/processors/updateCells\";\nimport styleText from \"../shared/canvas/styles.shadow.css\";\nimport zoomBarStyleText from \"../shared/canvas/ZoomBarComponent.shadow.css\";\nimport { useEditableLineMap } from \"../shared/canvas/useEditableLineMap\";\n\nconst { defineElement, property, event, method } = createDecorators();\n\nexport interface EoDisplayCanvasProps {\n  cells: InitialCell[] | undefined;\n  layout: LayoutType;\n  layoutOptions?: LayoutOptions;\n  autoSize?: AutoSize;\n  defaultNodeSize: SizeTuple;\n  defaultNodeBricks?: NodeBrickConf[];\n  defaultEdgeLines?: EdgeLineConf[];\n  degradedThreshold?: number;\n  degradedNodeLabel?: string;\n  activeTarget?: ActiveTarget | null;\n  fadeUnrelatedCells?: boolean;\n  zoomable?: boolean;\n  scrollable?: boolean;\n  pannable?: boolean;\n  scaleRange?: RangeTuple;\n  hideZoomBar?: boolean;\n  autoCenterWhenCellsChange?: boolean;\n  doNotResetActiveTargetForSelector?: string;\n  doNotResetActiveTargetOutsideCanvas?: boolean;\n  extraStyleTexts?: string[];\n}\n\nconst EoDisplayCanvasComponent = forwardRef(LegacyEoDisplayCanvasComponent);\n\n/**\n * 用于展示查看的画布。\n */\nexport\n@defineElement(\"eo-display-canvas\", {\n  styleTexts: [styleText, zoomBarStyleText],\n})\nclass EoDisplayCanvas extends ReactNextElement implements EoDisplayCanvasProps {\n  /**\n   * 用于查看的画布可以更新 `cells` 属性。\n   */\n  @property({ attribute: false })\n  accessor cells: InitialCell[] | undefined;\n\n  @property({ type: String })\n  accessor layout: LayoutType;\n\n  @property({ attribute: false })\n  accessor layoutOptions: LayoutOptions | undefined;\n\n  @property({ attribute: false })\n  accessor autoSize: AutoSize | undefined;\n\n  @property({ attribute: false })\n  accessor defaultNodeSize: SizeTuple = [DEFAULT_NODE_SIZE, DEFAULT_NODE_SIZE];\n\n  @property({ attribute: false })\n  accessor defaultNodeBricks: NodeBrickConf[] | undefined;\n\n  /**\n   * 当节点数量达到或超过 `degradedThreshold` 时，节点将被降级展示。\n   *\n   * @default 500\n   */\n  @property({ type: Number })\n  accessor degradedThreshold: number | undefined;\n\n  // Set `attribute` to `false` event if it accepts string value.\n  // Because when passing like \"<% DATA.node.data.name %>\", it will be\n  // evaluated as object temporarily.\n  /**\n   * 设置节点将降级展示时显示的名称。\n   *\n   * @default \"<% DATA.node.id %>\"\n   */\n  @property({ attribute: false })\n  accessor degradedNodeLabel: string | undefined;\n\n  /**\n   * 使用条件判断设置默认的边对应的连线。在 `if` 表达式中 `DATA` 为 `{ edge }`，例如：\n   *\n   * ```yaml\n   * defaultEdgeLines:\n   *   - if: <% DATA.edge.data?.virtual %>\n   *     dashed: true\n   * ```\n   */\n  @property({ attribute: false })\n  accessor defaultEdgeLines: EdgeLineConf[] | undefined;\n\n  @property({ attribute: false })\n  accessor activeTarget: ActiveTarget | null | undefined;\n\n  /**\n   * 当鼠标悬浮到某节点上时，隐藏其他跟该节点无关的元素。\n   */\n  @property({ type: Boolean })\n  accessor fadeUnrelatedCells: boolean | undefined;\n\n  @property({ type: Boolean })\n  accessor zoomable: boolean | undefined = true;\n\n  @property({ type: Boolean })\n  accessor scrollable: boolean | undefined = true;\n\n  @property({ type: Boolean })\n  accessor pannable: boolean | undefined = true;\n\n  @property({ attribute: false })\n  accessor scaleRange: RangeTuple | undefined;\n\n  /**\n   * 隐藏右下角放大缩小的控制栏\n   */\n  @property({ type: Boolean })\n  accessor hideZoomBar: boolean | undefined;\n\n  /**\n   * 每当 cells 改变时，重新自动居中\n   */\n  @property({ type: Boolean })\n  accessor autoCenterWhenCellsChange: boolean | undefined;\n\n  /**\n   * 选择器，点击该选择器对应的元素时不重置 `activeTarget`。\n   */\n  @property()\n  accessor doNotResetActiveTargetForSelector: string | undefined;\n\n  /**\n   * 在画布外点击时不重置 `activeTarget`。\n   */\n  @property({ type: Boolean })\n  accessor doNotResetActiveTargetOutsideCanvas: boolean | undefined;\n\n  @property({ attribute: false })\n  accessor extraStyleTexts: string[] | undefined;\n\n  @event({ type: \"activeTarget.change\" })\n  accessor #activeTargetChangeEvent!: EventEmitter<ActiveTarget | null>;\n\n  #handleActiveTargetChange = (target: ActiveTarget | null) => {\n    this.#activeTargetChangeEvent.emit(target);\n  };\n\n  #handleSwitchActiveTarget = (target: ActiveTarget | null) => {\n    if (!sameTarget(target, this.activeTarget)) {\n      this.activeTarget = target;\n    }\n  };\n\n  @event({ type: \"cell.contextmenu\" })\n  accessor #cellContextMenu!: EventEmitter<CellContextMenuDetail>;\n\n  #handleCellContextMenu = (detail: CellContextMenuDetail) => {\n    this.#cellContextMenu.emit(detail);\n  };\n\n  @event({ type: \"cell.click\" })\n  accessor #cellClick!: EventEmitter<CellContextMenuDetail>;\n\n  #handleCellClick = (detail: CellContextMenuDetail) => {\n    this.#cellClick.emit(detail);\n  };\n\n  #ref = createRef<DisplayCanvasRef>();\n\n  @method()\n  center() {\n    this.#ref.current?.center();\n  }\n\n  render() {\n    return (\n      <EoDisplayCanvasComponent\n        shadowRoot={this.shadowRoot!}\n        cells={this.cells}\n        layout={this.layout}\n        layoutOptions={this.layoutOptions}\n        autoSize={this.autoSize}\n        defaultNodeSize={this.defaultNodeSize}\n        defaultNodeBricks={this.defaultNodeBricks}\n        defaultEdgeLines={this.defaultEdgeLines}\n        degradedThreshold={this.degradedThreshold}\n        degradedNodeLabel={this.degradedNodeLabel}\n        activeTarget={this.activeTarget}\n        fadeUnrelatedCells={this.fadeUnrelatedCells}\n        zoomable={this.zoomable}\n        scrollable={this.scrollable}\n        pannable={this.pannable}\n        scaleRange={this.scaleRange}\n        hideZoomBar={this.hideZoomBar}\n        doNotResetActiveTargetForSelector={\n          this.doNotResetActiveTargetForSelector\n        }\n        doNotResetActiveTargetOutsideCanvas={\n          this.doNotResetActiveTargetOutsideCanvas\n        }\n        autoCenterWhenCellsChange={this.autoCenterWhenCellsChange}\n        extraStyleTexts={this.extraStyleTexts}\n        onActiveTargetChange={this.#handleActiveTargetChange}\n        onSwitchActiveTarget={this.#handleSwitchActiveTarget}\n        onCellContextMenu={this.#handleCellContextMenu}\n        onCellClick={this.#handleCellClick}\n        ref={this.#ref}\n      />\n    );\n  }\n}\n\ninterface EoDisplayCanvasComponentProps extends EoDisplayCanvasProps {\n  shadowRoot: ShadowRoot;\n  onActiveTargetChange(target: ActiveTarget | null): void;\n  onSwitchActiveTarget(target: ActiveTarget | null): void;\n  onCellContextMenu(detail: CellContextMenuDetail): void;\n  onCellClick(detail: CellContextMenuDetail): void;\n}\n\ninterface DisplayCanvasRef {\n  center: () => void;\n}\n\nfunction LegacyEoDisplayCanvasComponent(\n  {\n    shadowRoot,\n    cells: initialCells,\n    layout,\n    layoutOptions,\n    autoSize,\n    defaultNodeSize,\n    defaultNodeBricks,\n    defaultEdgeLines,\n    degradedThreshold,\n    degradedNodeLabel,\n    activeTarget: _activeTarget,\n    fadeUnrelatedCells,\n    zoomable,\n    scrollable,\n    pannable,\n    scaleRange: _scaleRange,\n    hideZoomBar,\n    autoCenterWhenCellsChange,\n    doNotResetActiveTargetForSelector,\n    doNotResetActiveTargetOutsideCanvas,\n    extraStyleTexts,\n    onActiveTargetChange,\n    onSwitchActiveTarget,\n    onCellContextMenu,\n    onCellClick,\n  }: EoDisplayCanvasComponentProps,\n  ref: React.Ref<DisplayCanvasRef>\n) {\n  const [{ cells, layoutKey }, dispatch] = useReducer(\n    rootReducer,\n    initialCells,\n    (initialCells) => ({\n      cells: initializeCells(initialCells, { defaultNodeSize }),\n      layoutKey: 1,\n    })\n  );\n\n  // When nodes are greater or equal to threshold, the diagram will be degraded.\n  // Thus all nodes will be displayed as simple svg elements instead of bricks.\n  const degraded = useMemo(\n    () =>\n      cells.filter(isNodeCell).length >=\n      (degradedThreshold ?? DEFAULT_DEGRADED_THRESHOLD),\n    [cells, degradedThreshold]\n  );\n\n  const rootRef = useRef<SVGSVGElement>(null);\n\n  const { grabbing, transform, zoomer, scaleRange } = useZoom({\n    rootRef,\n    zoomable,\n    scrollable,\n    pannable,\n    draggable: true,\n    scaleRange: _scaleRange,\n    onSwitchActiveTarget,\n  });\n\n  const { centered, setCentered, getNextLayoutKey } = useLayout({\n    layout,\n    layoutOptions,\n    autoSize,\n    rootRef,\n    cells,\n    zoomable,\n    zoomer,\n    scaleRange,\n    layoutKey,\n    autoCenterWhenCellsChange,\n    dispatch,\n  });\n\n  const reCenter = useCallback(() => {\n    setCentered(false);\n  }, [setCentered]);\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      center: reCenter,\n    }),\n    [reCenter]\n  );\n\n  const previousCellsRef = useRef(initialCells);\n\n  useEffect(() => {\n    if (initialCells !== previousCellsRef.current) {\n      previousCellsRef.current = initialCells;\n      const result = updateCells({\n        canvasWidth: shadowRoot.host.clientWidth,\n        canvasHeight: shadowRoot.host.clientHeight,\n        defaultNodeSize,\n        layout,\n        previousCells: cells,\n        cells: initialCells,\n        scaleRange,\n        transform,\n      });\n      dispatch({ type: \"update-cells\", payload: result.cells });\n    }\n  }, [\n    cells,\n    defaultNodeSize,\n    initialCells,\n    layout,\n    scaleRange,\n    shadowRoot,\n    transform,\n  ]);\n\n  const activeTarget = useActiveTarget({\n    rootRef,\n    activeTarget: _activeTarget,\n    doNotResetActiveTargetForSelector,\n    doNotResetActiveTargetOutsideCanvas,\n    onActiveTargetChange,\n  });\n\n  const defPrefix = useMemo(() => `${uniqueId(\"diagram-\")}-`, []);\n  const markerPrefix = `${defPrefix}line-arrow-`;\n\n  const handleNodeBrickResize = useCallback(\n    (id: string, size: SizeTuple | null) => {\n      dispatch({\n        type: \"update-node-size\",\n        payload: { id, size },\n        layoutKey: getNextLayoutKey(),\n      });\n    },\n    [getNextLayoutKey]\n  );\n\n  const [hoverCell, setHoverCell] = useState<Cell | null>(null);\n  const handleCellMouseEnter = useCallback((cell: Cell) => {\n    setHoverCell(cell);\n  }, []);\n  const handleCellMouseLeave = useCallback((cell: Cell) => {\n    setHoverCell((prev) => (prev === cell ? null : prev));\n  }, []);\n\n  const [unrelatedCells, setUnrelatedCells] = useState<Cell[]>([]);\n  useEffect(() => {\n    const nextUnrelated = fadeUnrelatedCells\n      ? getUnrelatedCells(cells, null, hoverCell || activeTarget)\n      : [];\n    // Do not update the state when prev and next are both empty.\n    setUnrelatedCells((prev) =>\n      prev.length === 0 && nextUnrelated.length === 0 ? prev : nextUnrelated\n    );\n  }, [cells, fadeUnrelatedCells, hoverCell, activeTarget]);\n\n  const handleZoomSlide = useCallback(\n    (value: number) => {\n      // istanbul ignore next\n      if (process.env.NODE_ENV !== \"test\") {\n        zoomer.scaleTo(select(rootRef.current!), value / 100);\n      }\n    },\n    [zoomer]\n  );\n\n  const { lineConfMap, markers } = useLineMarkers({\n    cells,\n    defaultEdgeLines,\n    markerPrefix,\n  });\n  const editableLineMap = useEditableLineMap({ cells, lineConfMap });\n\n  const ready = useReady({ cells, layout, centered });\n\n  return (\n    <>\n      {extraStyleTexts?.map((text, index) => <style key={index}>{text}</style>)}\n      <svg\n        width=\"100%\"\n        height=\"100%\"\n        ref={rootRef}\n        className={classNames(\"root\", { grabbing, pannable, ready })}\n        tabIndex={-1}\n      >\n        <defs>\n          {markers.map((marker, index) => (\n            <MarkerComponent\n              key={index}\n              id={`${markerPrefix}${index}`}\n              type={marker.markerType}\n              strokeColor={marker.strokeColor}\n            />\n          ))}\n        </defs>\n        <g\n          transform={`translate(${transform.x} ${transform.y}) scale(${transform.k})`}\n        >\n          <g className=\"cells\">\n            {cells.map((cell) => (\n              <CellComponent\n                key={`${cell.type}:${isEdgeCell(cell) ? `${cell.source}~${cell.target}` : cell.id}`}\n                layout={layout}\n                cell={cell}\n                cells={cells}\n                degraded={degraded}\n                degradedNodeLabel={degradedNodeLabel}\n                defaultNodeBricks={defaultNodeBricks}\n                lineConfMap={lineConfMap}\n                editableLineMap={editableLineMap}\n                transform={transform}\n                activeTarget={activeTarget}\n                readOnly\n                hoverCell={hoverCell}\n                unrelatedCells={unrelatedCells}\n                onSwitchActiveTarget={onSwitchActiveTarget}\n                onCellContextMenu={onCellContextMenu}\n                onCellClick={onCellClick}\n                onNodeBrickResize={handleNodeBrickResize}\n                onCellMouseEnter={\n                  fadeUnrelatedCells && (isNodeCell(cell) || isEdgeCell(cell))\n                    ? handleCellMouseEnter\n                    : undefined\n                }\n                onCellMouseLeave={\n                  fadeUnrelatedCells && (isNodeCell(cell) || isEdgeCell(cell))\n                    ? handleCellMouseLeave\n                    : undefined\n                }\n              />\n            ))}\n          </g>\n        </g>\n      </svg>\n      {!hideZoomBar && (\n        <ZoomBarComponent\n          shadowRoot={shadowRoot}\n          scale={transform.k}\n          scaleRange={scaleRange}\n          onZoomChange={handleZoomSlide}\n          onReCenter={reCenter}\n        />\n      )}\n    </>\n  );\n}\n"],"names":["defineElement","property","event","method","createDecorators","EoDisplayCanvasComponent","forwardRef","LegacyEoDisplayCanvasComponent","_EoDisplayCanvas","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_I","_J","_K","_L","_M","_N","_O","_P","_Q","_R","_S","_T","_U","_EoDisplayCanvas_brand","WeakSet","_handleActiveTargetChange","_handleSwitchActiveTarget","_V","_handleCellContextMenu","_W","_handleCellClick","_ref","EoDisplayCanvas","ReactNextElement","constructor","arguments","_classPrivateMethodInitSpec","_classPrivateFieldInitSpec","_initProto","_init_cells","_init_extra_cells","_init_layout","_init_extra_layout","_init_layoutOptions","_init_extra_layoutOptions","_init_autoSize","_init_extra_autoSize","_init_defaultNodeSize","DEFAULT_NODE_SIZE","_init_extra_defaultNodeSize","_init_defaultNodeBricks","_init_extra_defaultNodeBricks","_init_degradedThreshold","_init_extra_degradedThreshold","_init_degradedNodeLabel","_init_extra_degradedNodeLabel","_init_defaultEdgeLines","_init_extra_defaultEdgeLines","_init_activeTarget","_init_extra_activeTarget","_init_fadeUnrelatedCells","_init_extra_fadeUnrelatedCells","_init_zoomable","_init_extra_zoomable","_init_scrollable","_init_extra_scrollable","_init_pannable","_init_extra_pannable","_init_scaleRange","_init_extra_scaleRange","_init_hideZoomBar","_init_extra_hideZoomBar","_init_autoCenterWhenCellsChange","_init_extra_autoCenterWhenCellsChange","_init_doNotResetActiveTargetForSelector","_init_extra_doNotResetActiveTargetForSelector","_init_doNotResetActiveTargetOutsideCanvas","_init_extra_doNotResetActiveTargetOutsideCanvas","_init_extraStyleTexts","_init_extra_extraStyleTexts","_init_activeTargetChangeEvent","_init_extra_activeTargetChangeEvent","target","_classPrivateGetter","this","_get_activeTargetChangeEvent","emit","sameTarget","activeTarget","_init_cellContextMenu","_init_extra_cellContextMenu","detail","_get_cellContextMenu","_init_cellClick","_init_extra_cellClick","_get_cellClick","createRef","cells","_classPrivateFieldGet","v","_classPrivateFieldSet","layout","layoutOptions","autoSize","defaultNodeSize","defaultNodeBricks","degradedThreshold","degradedNodeLabel","defaultEdgeLines","fadeUnrelatedCells","zoomable","scrollable","pannable","scaleRange","hideZoomBar","autoCenterWhenCellsChange","doNotResetActiveTargetForSelector","doNotResetActiveTargetOutsideCanvas","extraStyleTexts","center","_classPrivateFieldGet2","current","render","React","shadowRoot","onActiveTargetChange","onSwitchActiveTarget","onCellContextMenu","onCellClick","ref","_ref2","initialCells","_activeTarget","_scaleRange","layoutKey","dispatch","useReducer","rootReducer","initializeCells","degraded","useMemo","filter","isNodeCell","length","DEFAULT_DEGRADED_THRESHOLD","rootRef","useRef","grabbing","transform","zoomer","useZoom","draggable","centered","setCentered","getNextLayoutKey","useLayout","reCenter","useCallback","useImperativeHandle","previousCellsRef","useEffect","result","updateCells","canvasWidth","host","clientWidth","canvasHeight","clientHeight","previousCells","type","payload","useActiveTarget","markerPrefix","uniqueId","handleNodeBrickResize","id","size","hoverCell","setHoverCell","useState","handleCellMouseEnter","cell","handleCellMouseLeave","prev","unrelatedCells","setUnrelatedCells","nextUnrelated","getUnrelatedCells","handleZoomSlide","value","scaleTo","select","lineConfMap","markers","useLineMarkers","editableLineMap","useEditableLineMap","ready","useReady","map","text","index","key","width","height","className","classNames","tabIndex","marker","MarkerComponent","markerType","strokeColor","x","y","k","CellComponent","isEdgeCell","source","readOnly","onNodeBrickResize","onCellMouseEnter","undefined","onCellMouseLeave","ZoomBarComponent","scale","onZoomChange","onReCenter","_EoDisplayCanvas2","e","_set_activeTargetChangeEvent","_set_cellContextMenu","_set_cellClick","c","_initClass","_applyDecs","styleTexts","styleText","zoomBarStyleText","attribute","String","Number","Boolean","o","_","has","_checkInRHS"],"sourceRoot":""}
+{"version":3,"file":"chunks/eo-display-canvas.2a43ce91.js","mappings":"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","sources":["webpack:///./src/display-canvas/index.tsx"],"sourcesContent":["import React, {\n  createRef,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n} from \"react\";\nimport { createDecorators, type EventEmitter } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport \"@next-core/theme\";\nimport { uniqueId } from \"lodash\";\nimport classNames from \"classnames\";\nimport { select } from \"d3-selection\";\nimport type { RangeTuple, SizeTuple } from \"../diagram/interfaces\";\nimport type {\n  ActiveTarget,\n  InitialCell,\n  NodeBrickConf,\n  CellContextMenuDetail,\n  EdgeLineConf,\n  Cell,\n  LayoutType,\n  LayoutOptions,\n  AutoSize,\n} from \"../draw-canvas/interfaces\";\nimport { MarkerComponent } from \"../diagram/MarkerComponent\";\nimport { sameTarget } from \"../draw-canvas/processors/sameTarget\";\nimport { CellComponent } from \"../draw-canvas/CellComponent\";\nimport { initializeCells } from \"../draw-canvas/processors/initializeCells\";\nimport {\n  DEFAULT_DEGRADED_THRESHOLD,\n  DEFAULT_NODE_SIZE,\n} from \"../draw-canvas/constants\";\nimport { useZoom } from \"../shared/canvas/useZoom\";\nimport { useActiveTarget } from \"../shared/canvas/useActiveTarget\";\nimport { rootReducer } from \"../draw-canvas/reducers\";\nimport { getUnrelatedCells } from \"../draw-canvas/processors/getUnrelatedCells\";\nimport { isEdgeCell, isNodeCell } from \"../draw-canvas/processors/asserts\";\nimport { ZoomBarComponent } from \"../shared/canvas/ZoomBarComponent\";\nimport { useLayout } from \"../shared/canvas/useLayout\";\nimport { useReady } from \"../shared/canvas/useReady\";\nimport { useLineMarkers } from \"../shared/canvas/useLineMarkers\";\nimport { updateCells } from \"../draw-canvas/processors/updateCells\";\nimport styleText from \"../shared/canvas/styles.shadow.css\";\nimport zoomBarStyleText from \"../shared/canvas/ZoomBarComponent.shadow.css\";\nimport { useEditableLineMap } from \"../shared/canvas/useEditableLineMap\";\n\nconst { defineElement, property, event, method } = createDecorators();\n\nexport interface EoDisplayCanvasProps {\n  cells: InitialCell[] | undefined;\n  layout: LayoutType;\n  layoutOptions?: LayoutOptions;\n  autoSize?: AutoSize;\n  defaultNodeSize: SizeTuple;\n  defaultNodeBricks?: NodeBrickConf[];\n  defaultEdgeLines?: EdgeLineConf[];\n  degradedThreshold?: number;\n  degradedNodeLabel?: string;\n  activeTarget?: ActiveTarget | null;\n  fadeUnrelatedCells?: boolean;\n  zoomable?: boolean;\n  scrollable?: boolean;\n  pannable?: boolean;\n  scaleRange?: RangeTuple;\n  hideZoomBar?: boolean;\n  autoCenterWhenCellsChange?: boolean;\n  doNotResetActiveTargetForSelector?: string;\n  doNotResetActiveTargetOutsideCanvas?: boolean;\n  extraStyleTexts?: string[];\n}\n\nconst EoDisplayCanvasComponent = forwardRef(LegacyEoDisplayCanvasComponent);\n\n/**\n * 用于展示查看的画布。\n */\nexport\n@defineElement(\"eo-display-canvas\", {\n  styleTexts: [styleText, zoomBarStyleText],\n})\nclass EoDisplayCanvas extends ReactNextElement implements EoDisplayCanvasProps {\n  /**\n   * 用于查看的画布可以更新 `cells` 属性。\n   */\n  @property({ attribute: false })\n  accessor cells: InitialCell[] | undefined;\n\n  @property({ type: String })\n  accessor layout: LayoutType;\n\n  @property({ attribute: false })\n  accessor layoutOptions: LayoutOptions | undefined;\n\n  @property({ attribute: false })\n  accessor autoSize: AutoSize | undefined;\n\n  @property({ attribute: false })\n  accessor defaultNodeSize: SizeTuple = [DEFAULT_NODE_SIZE, DEFAULT_NODE_SIZE];\n\n  @property({ attribute: false })\n  accessor defaultNodeBricks: NodeBrickConf[] | undefined;\n\n  /**\n   * 当节点数量达到或超过 `degradedThreshold` 时，节点将被降级展示。\n   *\n   * @default 500\n   */\n  @property({ type: Number })\n  accessor degradedThreshold: number | undefined;\n\n  // Set `attribute` to `false` event if it accepts string value.\n  // Because when passing like \"<% DATA.node.data.name %>\", it will be\n  // evaluated as object temporarily.\n  /**\n   * 设置节点将降级展示时显示的名称。\n   *\n   * @default \"<% DATA.node.id %>\"\n   */\n  @property({ attribute: false })\n  accessor degradedNodeLabel: string | undefined;\n\n  /**\n   * 使用条件判断设置默认的边对应的连线。在 `if` 表达式中 `DATA` 为 `{ edge }`，例如：\n   *\n   * ```yaml\n   * defaultEdgeLines:\n   *   - if: <% DATA.edge.data?.virtual %>\n   *     dashed: true\n   * ```\n   */\n  @property({ attribute: false })\n  accessor defaultEdgeLines: EdgeLineConf[] | undefined;\n\n  @property({ attribute: false })\n  accessor activeTarget: ActiveTarget | null | undefined;\n\n  /**\n   * 当鼠标悬浮到某节点上时，隐藏其他跟该节点无关的元素。\n   */\n  @property({ type: Boolean })\n  accessor fadeUnrelatedCells: boolean | undefined;\n\n  @property({ type: Boolean })\n  accessor zoomable: boolean | undefined = true;\n\n  @property({ type: Boolean })\n  accessor scrollable: boolean | undefined = true;\n\n  @property({ type: Boolean })\n  accessor pannable: boolean | undefined = true;\n\n  @property({ attribute: false })\n  accessor scaleRange: RangeTuple | undefined;\n\n  /**\n   * 隐藏右下角放大缩小的控制栏\n   */\n  @property({ type: Boolean })\n  accessor hideZoomBar: boolean | undefined;\n\n  /**\n   * 每当 cells 改变时，重新自动居中\n   */\n  @property({ type: Boolean })\n  accessor autoCenterWhenCellsChange: boolean | undefined;\n\n  /**\n   * 选择器，点击该选择器对应的元素时不重置 `activeTarget`。\n   */\n  @property()\n  accessor doNotResetActiveTargetForSelector: string | undefined;\n\n  /**\n   * 在画布外点击时不重置 `activeTarget`。\n   */\n  @property({ type: Boolean })\n  accessor doNotResetActiveTargetOutsideCanvas: boolean | undefined;\n\n  @property({ attribute: false })\n  accessor extraStyleTexts: string[] | undefined;\n\n  @event({ type: \"activeTarget.change\" })\n  accessor #activeTargetChangeEvent!: EventEmitter<ActiveTarget | null>;\n\n  #handleActiveTargetChange = (target: ActiveTarget | null) => {\n    this.#activeTargetChangeEvent.emit(target);\n  };\n\n  #handleSwitchActiveTarget = (target: ActiveTarget | null) => {\n    if (!sameTarget(target, this.activeTarget)) {\n      this.activeTarget = target;\n    }\n  };\n\n  @event({ type: \"cell.contextmenu\" })\n  accessor #cellContextMenu!: EventEmitter<CellContextMenuDetail>;\n\n  #handleCellContextMenu = (detail: CellContextMenuDetail) => {\n    this.#cellContextMenu.emit(detail);\n  };\n\n  @event({ type: \"cell.click\" })\n  accessor #cellClick!: EventEmitter<CellContextMenuDetail>;\n\n  #handleCellClick = (detail: CellContextMenuDetail) => {\n    this.#cellClick.emit(detail);\n  };\n\n  #ref = createRef<DisplayCanvasRef>();\n\n  @method()\n  center() {\n    this.#ref.current?.center();\n  }\n\n  render() {\n    return (\n      <EoDisplayCanvasComponent\n        shadowRoot={this.shadowRoot!}\n        cells={this.cells}\n        layout={this.layout}\n        layoutOptions={this.layoutOptions}\n        autoSize={this.autoSize}\n        defaultNodeSize={this.defaultNodeSize}\n        defaultNodeBricks={this.defaultNodeBricks}\n        defaultEdgeLines={this.defaultEdgeLines}\n        degradedThreshold={this.degradedThreshold}\n        degradedNodeLabel={this.degradedNodeLabel}\n        activeTarget={this.activeTarget}\n        fadeUnrelatedCells={this.fadeUnrelatedCells}\n        zoomable={this.zoomable}\n        scrollable={this.scrollable}\n        pannable={this.pannable}\n        scaleRange={this.scaleRange}\n        hideZoomBar={this.hideZoomBar}\n        doNotResetActiveTargetForSelector={\n          this.doNotResetActiveTargetForSelector\n        }\n        doNotResetActiveTargetOutsideCanvas={\n          this.doNotResetActiveTargetOutsideCanvas\n        }\n        autoCenterWhenCellsChange={this.autoCenterWhenCellsChange}\n        extraStyleTexts={this.extraStyleTexts}\n        onActiveTargetChange={this.#handleActiveTargetChange}\n        onSwitchActiveTarget={this.#handleSwitchActiveTarget}\n        onCellContextMenu={this.#handleCellContextMenu}\n        onCellClick={this.#handleCellClick}\n        ref={this.#ref}\n      />\n    );\n  }\n}\n\ninterface EoDisplayCanvasComponentProps extends EoDisplayCanvasProps {\n  shadowRoot: ShadowRoot;\n  onActiveTargetChange(target: ActiveTarget | null): void;\n  onSwitchActiveTarget(target: ActiveTarget | null): void;\n  onCellContextMenu(detail: CellContextMenuDetail): void;\n  onCellClick(detail: CellContextMenuDetail): void;\n}\n\ninterface DisplayCanvasRef {\n  center: () => void;\n}\n\nfunction LegacyEoDisplayCanvasComponent(\n  {\n    shadowRoot,\n    cells: initialCells,\n    layout,\n    layoutOptions,\n    autoSize,\n    defaultNodeSize,\n    defaultNodeBricks,\n    defaultEdgeLines,\n    degradedThreshold,\n    degradedNodeLabel,\n    activeTarget: _activeTarget,\n    fadeUnrelatedCells,\n    zoomable,\n    scrollable,\n    pannable,\n    scaleRange: _scaleRange,\n    hideZoomBar,\n    autoCenterWhenCellsChange,\n    doNotResetActiveTargetForSelector,\n    doNotResetActiveTargetOutsideCanvas,\n    extraStyleTexts,\n    onActiveTargetChange,\n    onSwitchActiveTarget,\n    onCellContextMenu,\n    onCellClick,\n  }: EoDisplayCanvasComponentProps,\n  ref: React.Ref<DisplayCanvasRef>\n) {\n  const [{ cells, layoutKey }, dispatch] = useReducer(\n    rootReducer,\n    initialCells,\n    (initialCells) => ({\n      cells: initializeCells(initialCells, { defaultNodeSize }),\n      layoutKey: 1,\n    })\n  );\n\n  // When nodes are greater or equal to threshold, the diagram will be degraded.\n  // Thus all nodes will be displayed as simple svg elements instead of bricks.\n  const degraded = useMemo(\n    () =>\n      cells.filter(isNodeCell).length >=\n      (degradedThreshold ?? DEFAULT_DEGRADED_THRESHOLD),\n    [cells, degradedThreshold]\n  );\n\n  const rootRef = useRef<SVGSVGElement>(null);\n\n  const { grabbing, transform, zoomer, scaleRange } = useZoom({\n    rootRef,\n    zoomable,\n    scrollable,\n    pannable,\n    draggable: true,\n    scaleRange: _scaleRange,\n    onSwitchActiveTarget,\n  });\n\n  const { centered, setCentered, getNextLayoutKey } = useLayout({\n    layout,\n    layoutOptions,\n    autoSize,\n    rootRef,\n    cells,\n    zoomable,\n    zoomer,\n    scaleRange,\n    layoutKey,\n    autoCenterWhenCellsChange,\n    dispatch,\n  });\n\n  const reCenter = useCallback(() => {\n    setCentered(false);\n  }, [setCentered]);\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      center: reCenter,\n    }),\n    [reCenter]\n  );\n\n  const previousCellsRef = useRef(initialCells);\n\n  useEffect(() => {\n    if (initialCells !== previousCellsRef.current) {\n      previousCellsRef.current = initialCells;\n      const result = updateCells({\n        canvasWidth: shadowRoot.host.clientWidth,\n        canvasHeight: shadowRoot.host.clientHeight,\n        defaultNodeSize,\n        layout,\n        previousCells: cells,\n        cells: initialCells,\n        scaleRange,\n        transform,\n      });\n      dispatch({ type: \"update-cells\", payload: result.cells });\n    }\n  }, [\n    cells,\n    defaultNodeSize,\n    initialCells,\n    layout,\n    scaleRange,\n    shadowRoot,\n    transform,\n  ]);\n\n  const activeTarget = useActiveTarget({\n    rootRef,\n    activeTarget: _activeTarget,\n    doNotResetActiveTargetForSelector,\n    doNotResetActiveTargetOutsideCanvas,\n    onActiveTargetChange,\n  });\n\n  const defPrefix = useMemo(() => `${uniqueId(\"diagram-\")}-`, []);\n  const markerPrefix = `${defPrefix}line-arrow-`;\n\n  const handleNodeBrickResize = useCallback(\n    (id: string, size: SizeTuple | null) => {\n      dispatch({\n        type: \"update-node-size\",\n        payload: { id, size },\n        layoutKey: getNextLayoutKey(),\n      });\n    },\n    [getNextLayoutKey]\n  );\n\n  const [hoverCell, setHoverCell] = useState<Cell | null>(null);\n  const handleCellMouseEnter = useCallback((cell: Cell) => {\n    setHoverCell(cell);\n  }, []);\n  const handleCellMouseLeave = useCallback((cell: Cell) => {\n    setHoverCell((prev) => (prev === cell ? null : prev));\n  }, []);\n\n  const [unrelatedCells, setUnrelatedCells] = useState<Cell[]>([]);\n  useEffect(() => {\n    const nextUnrelated = fadeUnrelatedCells\n      ? getUnrelatedCells(cells, null, hoverCell || activeTarget)\n      : [];\n    // Do not update the state when prev and next are both empty.\n    setUnrelatedCells((prev) =>\n      prev.length === 0 && nextUnrelated.length === 0 ? prev : nextUnrelated\n    );\n  }, [cells, fadeUnrelatedCells, hoverCell, activeTarget]);\n\n  const handleZoomSlide = useCallback(\n    (value: number) => {\n      // istanbul ignore next\n      if (process.env.NODE_ENV !== \"test\") {\n        zoomer.scaleTo(select(rootRef.current!), value / 100);\n      }\n    },\n    [zoomer]\n  );\n\n  const { lineConfMap, markers } = useLineMarkers({\n    cells,\n    defaultEdgeLines,\n    markerPrefix,\n  });\n  const editableLineMap = useEditableLineMap({ cells, lineConfMap });\n\n  const ready = useReady({ cells, layout, centered });\n\n  return (\n    <>\n      {extraStyleTexts?.map((text, index) => <style key={index}>{text}</style>)}\n      <svg\n        width=\"100%\"\n        height=\"100%\"\n        ref={rootRef}\n        className={classNames(\"root\", { grabbing, pannable, ready })}\n        tabIndex={-1}\n      >\n        <defs>\n          {markers.map((marker, index) => (\n            <MarkerComponent\n              key={index}\n              id={`${markerPrefix}${index}`}\n              type={marker.markerType}\n              strokeColor={marker.strokeColor}\n            />\n          ))}\n        </defs>\n        <g\n          transform={`translate(${transform.x} ${transform.y}) scale(${transform.k})`}\n        >\n          <g className=\"cells\">\n            {cells.map((cell) => (\n              <CellComponent\n                key={`${cell.type}:${isEdgeCell(cell) ? `${cell.source}~${cell.target}` : cell.id}`}\n                layout={layout}\n                cell={cell}\n                cells={cells}\n                degraded={degraded}\n                degradedNodeLabel={degradedNodeLabel}\n                defaultNodeBricks={defaultNodeBricks}\n                lineConfMap={lineConfMap}\n                editableLineMap={editableLineMap}\n                transform={transform}\n                activeTarget={activeTarget}\n                readOnly\n                hoverCell={hoverCell}\n                unrelatedCells={unrelatedCells}\n                onSwitchActiveTarget={onSwitchActiveTarget}\n                onCellContextMenu={onCellContextMenu}\n                onCellClick={onCellClick}\n                onNodeBrickResize={handleNodeBrickResize}\n                onCellMouseEnter={\n                  fadeUnrelatedCells && (isNodeCell(cell) || isEdgeCell(cell))\n                    ? handleCellMouseEnter\n                    : undefined\n                }\n                onCellMouseLeave={\n                  fadeUnrelatedCells && (isNodeCell(cell) || isEdgeCell(cell))\n                    ? handleCellMouseLeave\n                    : undefined\n                }\n              />\n            ))}\n          </g>\n        </g>\n      </svg>\n      {!hideZoomBar && (\n        <ZoomBarComponent\n          shadowRoot={shadowRoot}\n          scale={transform.k}\n          scaleRange={scaleRange}\n          onZoomChange={handleZoomSlide}\n          onReCenter={reCenter}\n        />\n      )}\n    </>\n  );\n}\n"],"names":["defineElement","property","event","method","createDecorators","EoDisplayCanvasComponent","forwardRef","LegacyEoDisplayCanvasComponent","_EoDisplayCanvas","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_I","_J","_K","_L","_M","_N","_O","_P","_Q","_R","_S","_T","_U","_EoDisplayCanvas_brand","WeakSet","_handleActiveTargetChange","_handleSwitchActiveTarget","_V","_handleCellContextMenu","_W","_handleCellClick","_ref","EoDisplayCanvas","ReactNextElement","constructor","arguments","_classPrivateMethodInitSpec","_classPrivateFieldInitSpec","_initProto","_init_cells","_init_extra_cells","_init_layout","_init_extra_layout","_init_layoutOptions","_init_extra_layoutOptions","_init_autoSize","_init_extra_autoSize","_init_defaultNodeSize","DEFAULT_NODE_SIZE","_init_extra_defaultNodeSize","_init_defaultNodeBricks","_init_extra_defaultNodeBricks","_init_degradedThreshold","_init_extra_degradedThreshold","_init_degradedNodeLabel","_init_extra_degradedNodeLabel","_init_defaultEdgeLines","_init_extra_defaultEdgeLines","_init_activeTarget","_init_extra_activeTarget","_init_fadeUnrelatedCells","_init_extra_fadeUnrelatedCells","_init_zoomable","_init_extra_zoomable","_init_scrollable","_init_extra_scrollable","_init_pannable","_init_extra_pannable","_init_scaleRange","_init_extra_scaleRange","_init_hideZoomBar","_init_extra_hideZoomBar","_init_autoCenterWhenCellsChange","_init_extra_autoCenterWhenCellsChange","_init_doNotResetActiveTargetForSelector","_init_extra_doNotResetActiveTargetForSelector","_init_doNotResetActiveTargetOutsideCanvas","_init_extra_doNotResetActiveTargetOutsideCanvas","_init_extraStyleTexts","_init_extra_extraStyleTexts","_init_activeTargetChangeEvent","_init_extra_activeTargetChangeEvent","target","_classPrivateGetter","this","_get_activeTargetChangeEvent","emit","sameTarget","activeTarget","_init_cellContextMenu","_init_extra_cellContextMenu","detail","_get_cellContextMenu","_init_cellClick","_init_extra_cellClick","_get_cellClick","createRef","cells","_classPrivateFieldGet","v","_classPrivateFieldSet","layout","layoutOptions","autoSize","defaultNodeSize","defaultNodeBricks","degradedThreshold","degradedNodeLabel","defaultEdgeLines","fadeUnrelatedCells","zoomable","scrollable","pannable","scaleRange","hideZoomBar","autoCenterWhenCellsChange","doNotResetActiveTargetForSelector","doNotResetActiveTargetOutsideCanvas","extraStyleTexts","center","_classPrivateFieldGet2","current","render","React","shadowRoot","onActiveTargetChange","onSwitchActiveTarget","onCellContextMenu","onCellClick","ref","_ref2","initialCells","_activeTarget","_scaleRange","layoutKey","dispatch","useReducer","rootReducer","initializeCells","degraded","useMemo","filter","isNodeCell","length","DEFAULT_DEGRADED_THRESHOLD","rootRef","useRef","grabbing","transform","zoomer","useZoom","draggable","centered","setCentered","getNextLayoutKey","useLayout","reCenter","useCallback","useImperativeHandle","previousCellsRef","useEffect","result","updateCells","canvasWidth","host","clientWidth","canvasHeight","clientHeight","previousCells","type","payload","useActiveTarget","markerPrefix","uniqueId","handleNodeBrickResize","id","size","hoverCell","setHoverCell","useState","handleCellMouseEnter","cell","handleCellMouseLeave","prev","unrelatedCells","setUnrelatedCells","nextUnrelated","getUnrelatedCells","handleZoomSlide","value","scaleTo","select","lineConfMap","markers","useLineMarkers","editableLineMap","useEditableLineMap","ready","useReady","map","text","index","key","width","height","className","classNames","tabIndex","marker","MarkerComponent","markerType","strokeColor","x","y","k","CellComponent","isEdgeCell","source","readOnly","onNodeBrickResize","onCellMouseEnter","undefined","onCellMouseLeave","ZoomBarComponent","scale","onZoomChange","onReCenter","_EoDisplayCanvas2","e","_set_activeTargetChangeEvent","_set_cellContextMenu","_set_cellClick","c","_initClass","_applyDecs","styleTexts","styleText","zoomBarStyleText","attribute","String","Number","Boolean","o","_","has","_checkInRHS"],"sourceRoot":""}

package/dist/chunks/eo-draw-canvas.580045be.js

@@ -0,0 +1,2 @@
+"use strict";(globalThis.webpackChunk_next_bricks_diagram=globalThis.webpackChunk_next_bricks_diagram||[]).push([[8939],{389:(e,t,a)=>{a.r(t),a.d(t,{EoDrawCanvas:()=>xa,EoDrawCanvasComponent:()=>ba,uuidV4:()=>Ii});var i,n=a(4635),s=a(918),l=a(6902),o=a(2559),r=a(5536),d=a(6121),c=a(829),h=a(2740),u=a(8769),g=a.n(u),p=a(870),A=a(981),v=a(9936),y=(a(4419),a(1030)),C=a(3373),k=a.n(C),w=a(7566),m=a(1111),f=a(5078),M=a(4362),b=a(838),x=a(1594),W=a(1194),E=a(6184),N=a(2286),T=a(5494),S=a(194),R=a(3690),L=a(8076),z=a(512),D=a(6478),B=a(2288),P=a(2556),O=a(1974),$=a(8802),H=a(3381),I=a(4209),K=a(7277),F=a(3012),_=a(6237),U=a(1526),V=a(7145),G=a(4074),j=a(4711),X=a(2139),Y=a(4420),q=a(5010),J=a(2903),Q=a(2298);let Z,ee,te,ae,ie,ne,se,le,oe,re,de,ce,he,ue,ge,pe,Ae,ve,ye,Ce,ke,we,me,fe,Me,be,xe,We,Ee,Ne,Te,Se,Re,Le,ze,De,Be,Pe,Oe,$e,He,Ie,Ke,Fe,_e,Ue,Ve,Ge,je,Xe,Ye,qe,Je,Qe,Ze,et,tt,at,it,nt,st,lt,ot,rt,dt,ct,ht,ut,gt,pt,At,vt,yt,Ct,kt,wt,mt,ft,Mt,bt,xt,Wt,Et,Nt,Tt,St,Rt,Lt,zt,Dt,Bt,Pt,Ot,$t,Ht,It,Kt,Ft,_t,Ut,Vt,Gt,jt,Xt,Yt,qt,Jt,Qt,Zt,ea,ta,aa,ia,na,sa,la,oa,ra,da,ca,ha,ua,ga,pa,Aa,va,ya,Ca;const ka=(0,v.unwrapProvider)("basic.lock-body-scroll"),{defineElement:wa,property:ma,method:fa,event:Ma}=(0,p.createDecorators)(),ba=g().forwardRef(Hi);let xa;var Wa=new WeakMap,Ea=new WeakMap,Na=new WeakMap,Ta=new WeakMap,Sa=new WeakMap,Ra=new WeakMap,La=new WeakMap,za=new WeakMap,Da=new WeakMap,Ba=new WeakMap,Pa=new WeakMap,Oa=new WeakMap,$a=new WeakMap,Ha=new WeakMap,Ia=new WeakMap,Ka=new WeakMap,Fa=new WeakMap,_a=new WeakMap,Ua=new WeakMap,Va=new WeakMap,Ga=new WeakMap,ja=new WeakMap,Xa=new WeakSet,Ya=new WeakMap,qa=new WeakMap,Ja=new WeakMap,Qa=new WeakMap,Za=new WeakMap,ei=new WeakMap,ti=new WeakMap,ai=new WeakMap,ii=new WeakMap,ni=new WeakMap,si=new WeakMap,li=new WeakMap,oi=new WeakMap,ri=new WeakMap,di=new WeakMap,ci=new WeakMap,hi=new WeakMap,ui=new WeakMap,gi=new WeakMap,pi=new WeakMap,Ai=new WeakMap,vi=new WeakMap,yi=new WeakMap,Ci=new WeakMap,ki=new WeakMap,wi=new WeakMap,mi=new WeakMap,fi=new WeakMap,Mi=new WeakMap,bi=new WeakMap,xi=new WeakMap,Wi=new WeakMap,Ei=new WeakMap,Ni=new WeakMap,Ti=new WeakMap,Si=new WeakMap,Ri=new WeakMap,Li=new WeakMap,zi=new WeakMap,Di=new WeakMap,Bi=new WeakMap;class Pi extends A.ReactNextElement{constructor(){super(...arguments),(0,n.A)(this,Xa),(0,s.A)(this,Wa,(Z(this),te(this))),(0,s.A)(this,Ea,(ae(this),ie(this))),(0,s.A)(this,Na,(ne(this),se(this))),(0,s.A)(this,Ta,(le(this),oe(this,[R.HP,R.HP]))),(0,s.A)(this,Sa,(re(this),de(this))),(0,s.A)(this,Ra,(ce(this),he(this))),(0,s.A)(this,La,(ue(this),ge(this))),(0,s.A)(this,za,(pe(this),Ae(this))),(0,s.A)(this,Da,(ve(this),ye(this))),(0,s.A)(this,Ba,(Ce(this),ke(this))),(0,s.A)(this,Pa,(we(this),me(this,!0))),(0,s.A)(this,Oa,(fe(this),Me(this,!0))),(0,s.A)(this,$a,(be(this),xe(this,!0))),(0,s.A)(this,Ha,(We(this),Ee(this,!1))),(0,s.A)(this,Ia,(Ne(this),Te(this))),(0,s.A)(this,Ka,(Se(this),Re(this))),(0,s.A)(this,Fa,(Le(this),ze(this))),(0,s.A)(this,_a,(De(this),Be(this))),(0,s.A)(this,Ua,(Pe(this),Oe(this))),(0,s.A)(this,Va,($e(this),He(this))),(0,s.A)(this,Ga,(Ie(this),Ke(this))),(0,s.A)(this,ja,(Fe(this),_e(this))),(0,s.A)(this,Ya,(Ge(this),e=>{(0,r.A)(Xa,this,Ue).emit(e)})),(0,s.A)(this,qa,(e=>{(0,b.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,s.A)(this,Ja,je(this)),(0,s.A)(this,Qa,(qe(this),Je(this))),(0,s.A)(this,Za,(et(this),e=>{(0,r.A)(Xa,this,Qe).emit(e),"node"===e.type&&(0,r.A)(Xa,this,Xe).emit(e)})),(0,s.A)(this,ei,tt(this)),(0,s.A)(this,ti,(nt(this),e=>{(0,r.A)(Xa,this,at).emit(e)})),(0,s.A)(this,ai,st(this)),(0,s.A)(this,ii,(rt(this),e=>{(0,r.A)(Xa,this,lt).emit(e)})),(0,s.A)(this,ni,dt(this)),(0,s.A)(this,si,(ut(this),gt(this))),(0,s.A)(this,li,(vt(this),e=>{(0,r.A)(Xa,this,pt).emit(e),"node"===e.type&&(0,r.A)(Xa,this,ct).emit(e)})),(0,s.A)(this,oi,yt(this)),(0,s.A)(this,ri,(wt(this),e=>{(0,r.A)(Xa,this,Ct).emit(e)})),(0,s.A)(this,di,mt(this)),(0,s.A)(this,ci,(bt(this),e=>{(0,r.A)(Xa,this,ft).emit(e)})),(0,s.A)(this,hi,xt(this)),(0,s.A)(this,ui,(Nt(this),e=>{(0,r.A)(Xa,this,Wt).emit(e)})),(0,s.A)(this,gi,Tt(this)),(0,s.A)(this,pi,(Lt(this),e=>{(0,r.A)(Xa,this,St).emit(e)})),(0,s.A)(this,Ai,zt(this)),(0,s.A)(this,vi,(Pt(this),e=>{(0,r.A)(Xa,this,Dt).emit(e)})),(0,s.A)(this,yi,Ot(this)),(0,s.A)(this,Ci,(It(this),e=>{(0,r.A)(Xa,this,$t).emit(e)})),(0,s.A)(this,ki,Kt(this)),(0,s.A)(this,wi,(Ut(this),e=>{(0,r.A)(Xa,this,Ft).emit(e)})),(0,s.A)(this,mi,Vt(this)),(0,s.A)(this,fi,(Xt(this),e=>{(0,r.A)(Xa,this,Gt).emit(e)})),(0,s.A)(this,Mi,Yt(this)),(0,s.A)(this,bi,(Qt(this),e=>{(0,r.A)(Xa,this,qt).emit(e)})),(0,s.A)(this,xi,Zt(this)),(0,s.A)(this,Wi,(aa(this),e=>{(0,r.A)(Xa,this,ea).emit({clientX:e[0],clientY:e[1],view:(0,o.A)(Xa,this,Oi).call(this,e)})})),(0,s.A)(this,Ei,ia(this)),(0,s.A)(this,Ni,(la(this),()=>{(0,r.A)(Xa,this,na).emit()})),(0,s.A)(this,Ti,oa(this)),(0,s.A)(this,Si,(ca(this),()=>{(0,r.A)(Xa,this,ra).emit()})),(0,s.A)(this,Ri,ha(this)),(0,s.A)(this,Li,(pa(this),()=>{(0,r.A)(Xa,this,ua).emit()})),(0,s.A)(this,zi,Aa(this)),(0,s.A)(this,Di,(Ca(this),()=>{(0,r.A)(Xa,this,va).emit()})),(0,s.A)(this,Bi,(0,u.createRef)())}get cells(){return(0,c.A)(Wa,this)}set cells(e){(0,d.A)(Wa,this,e)}get layout(){return(0,c.A)(Ea,this)}set layout(e){(0,d.A)(Ea,this,e)}get layoutOptions(){return(0,c.A)(Na,this)}set layoutOptions(e){(0,d.A)(Na,this,e)}get defaultNodeSize(){return(0,c.A)(Ta,this)}set defaultNodeSize(e){(0,d.A)(Ta,this,e)}get defaultNodeBricks(){return(0,c.A)(Sa,this)}set defaultNodeBricks(e){(0,d.A)(Sa,this,e)}get degradedThreshold(){return(0,c.A)(Ra,this)}set degradedThreshold(e){(0,d.A)(Ra,this,e)}get degradedNodeLabel(){return(0,c.A)(La,this)}set degradedNodeLabel(e){(0,d.A)(La,this,e)}get defaultEdgeLines(){return(0,c.A)(za,this)}set defaultEdgeLines(e){(0,d.A)(za,this,e)}get activeTarget(){return(0,c.A)(Da,this)}set activeTarget(e){(0,d.A)(Da,this,e)}get fadeUnrelatedCells(){return(0,c.A)(Ba,this)}set fadeUnrelatedCells(e){(0,d.A)(Ba,this,e)}get zoomable(){return(0,c.A)(Pa,this)}set zoomable(e){(0,d.A)(Pa,this,e)}get scrollable(){return(0,c.A)(Oa,this)}set scrollable(e){(0,d.A)(Oa,this,e)}get pannable(){return(0,c.A)($a,this)}set pannable(e){(0,d.A)($a,this,e)}get allowEdgeToArea(){return(0,c.A)(Ha,this)}set allowEdgeToArea(e){(0,d.A)(Ha,this,e)}get dragBehavior(){return(0,c.A)(Ia,this)}set dragBehavior(e){(0,d.A)(Ia,this,e)}get ctrlDragBehavior(){return(0,c.A)(Ka,this)}set ctrlDragBehavior(e){(0,d.A)(Ka,this,e)}get scaleRange(){return(0,c.A)(Fa,this)}set scaleRange(e){(0,d.A)(Fa,this,e)}get lineSettings(){return(0,c.A)(_a,this)}set lineSettings(e){(0,d.A)(_a,this,e)}get lineConnector(){return(0,c.A)(Ua,this)}set lineConnector(e){(0,d.A)(Ua,this,e)}get doNotResetActiveTargetForSelector(){return(0,c.A)(Va,this)}set doNotResetActiveTargetForSelector(e){(0,d.A)(Va,this,e)}get doNotResetActiveTargetOutsideCanvas(){return(0,c.A)(Ga,this)}set doNotResetActiveTargetOutsideCanvas(e){(0,d.A)(Ga,this,e)}async dropNode(e){var t,a;let{id:i,position:n,size:s,data:l,useBrick:r}=e;if(null===(t=(a=document).elementsFromPoint)||void 0===t||null===(t=t.call(a,n[0],n[1]))||void 0===t?void 0:t.includes(this)){var d,h,u;const e={type:"node",id:i,view:{..."force"===this.layout||"dagre"===this.layout?null:(0,o.A)(Xa,this,Oi).call(this,n),width:null!==(d=null==s?void 0:s[0])&&void 0!==d?d:this.defaultNodeSize[0],height:null!==(h=null==s?void 0:s[1])&&void 0!==h?h:this.defaultNodeSize[0]},data:l,useBrick:r};return null===(u=(0,c.A)(Bi,this).current)||void 0===u||u.dropNode(e),e}return null}async dropDecorator(e){var t,a;let{position:i,decorator:n,text:s,direction:l,source:o,target:r,view:d}=e;if(null===(t=(a=document).elementsFromPoint)||void 0===t||null===(t=t.call(a,i[0],i[1]))||void 0===t?void 0:t.includes(this)){var h,u,g,p,A;const e=this.getBoundingClientRect(),t=(0,c.A)(Bi,this).current.getTransform(),a=(i[0]-e.left-t.x)/t.k,v=(i[1]-e.top-t.y)/t.k,y={type:"decorator",decorator:n,id:Ii(),view:"line"===n?{source:{x:a+(null!==(h=null==o?void 0:o.x)&&void 0!==h?h:-30),y:v+(null!==(u=null==o?void 0:o.y)&&void 0!==u?u:30)},target:{x:a+(null!==(g=null==r?void 0:r.x)&&void 0!==g?g:30),y:v+(null!==(p=null==r?void 0:r.y)&&void 0!==p?p:-30)},...d}:{width:R.N8,height:R.w1,x:a,y:v,text:s,direction:l,...d}};return null===(A=(0,c.A)(Bi,this).current)||void 0===A||A.dropDecorator(y),y}return null}async addNodes(e){if(0===e.length)return[];const t=e.map((e=>{var t,a;let{size:i,useBrick:n,id:s,data:l,containerId:o,groupId:r}=e;return{type:"node",id:s,data:l,containerId:o,groupId:r,view:{width:null!==(t=null==i?void 0:i[0])&&void 0!==t?t:this.defaultNodeSize[0],height:null!==(a=null==i?void 0:i[1])&&void 0!==a?a:this.defaultNodeSize[0]},useBrick:n}}));return(0,c.A)(Bi,this).current.addNodes(t,{defaultNodeSize:this.defaultNodeSize,canvasWidth:this.clientWidth,canvasHeight:this.clientHeight})}async addEdge(e){var t;let{source:a,target:i,data:n}=e;const s={type:"edge",source:a,target:i,data:n,view:this.lineSettings};return null===(t=(0,c.A)(Bi,this).current)||void 0===t||t.addEdge(s),s}manuallyConnectNodes(e){return(0,c.A)(Bi,this).current.manuallyConnectNodes(e)}async updateCells(e,t){await(0,o.A)(Xa,this,$i).call(this);const{updated:a}=(0,c.A)(Bi,this).current.updateCells(e,{...t,defaultNodeSize:this.defaultNodeSize,canvasWidth:this.clientWidth,canvasHeight:this.clientHeight});return{updated:a}}async reCenter(){var e;null===(e=(0,c.A)(Bi,this).current)||void 0===e||e.reCenter()}async toggleLock(e){return(0,c.A)(Bi,this).current.toggleLock(e,"toggle")}async lock(e){return(0,c.A)(Bi,this).current.toggleLock(e,"lock")}async unlock(e){return(0,c.A)(Bi,this).current.toggleLock(e,"unlock")}disconnectedCallback(){super.disconnectedCallback(),ka(this,!1)}render(){return g().createElement(ba,{host:this,ref:(0,c.A)(Bi,this),layout:this.layout,layoutOptions:this.layoutOptions,cells:this.cells,defaultNodeSize:this.defaultNodeSize,defaultNodeBricks:this.defaultNodeBricks,defaultEdgeLines:this.defaultEdgeLines,degradedThreshold:this.degradedThreshold,degradedNodeLabel:this.degradedNodeLabel,activeTarget:this.activeTarget,fadeUnrelatedCells:this.fadeUnrelatedCells,zoomable:this.zoomable,scrollable:this.scrollable,pannable:this.pannable,dragBehavior:this.dragBehavior,ctrlDragBehavior:this.ctrlDragBehavior,scaleRange:this.scaleRange,lineSettings:this.lineSettings,lineConnector:this.lineConnector,allowEdgeToArea:this.allowEdgeToArea,doNotResetActiveTargetForSelector:this.doNotResetActiveTargetForSelector,doNotResetActiveTargetOutsideCanvas:this.doNotResetActiveTargetOutsideCanvas,onActiveTargetChange:(0,c.A)(Ya,this),onSwitchActiveTarget:(0,c.A)(qa,this),onCellMove:(0,c.A)(Za,this),onCellsMove:(0,c.A)(ti,this),onCellResize:(0,c.A)(ii,this),onCellDelete:(0,c.A)(li,this),onCellsDelete:(0,c.A)(ri,this),onEdgeAdd:(0,c.A)(ui,this),onCellContextMenu:(0,c.A)(ci,this),onCanvasContextMenu:(0,c.A)(Wi,this),onDecoratorTextChange:(0,c.A)(Ci,this),onContainerContainerChange:(0,c.A)(wi,this),onDecoratorGroupPlusClick:(0,c.A)(fi,this),onScaleChange:(0,c.A)(bi,this),onEdgeViewChange:(0,c.A)(pi,this),onDecoratorViewChange:(0,c.A)(vi,this),onCanvasCopy:(0,c.A)(Ni,this),onCanvasPaste:(0,c.A)(Si,this),onCanvasGroup:(0,c.A)(Li,this),onCanvasUngroup:(0,c.A)(Di,this)})}}function Oi(e){const t=this.getBoundingClientRect(),a=(0,c.A)(Bi,this).current.getTransform();return{x:(e[0]-t.left-a.x)/a.k,y:(e[1]-t.top-a.y)/a.k}}function $i(){return new Promise((e=>{const t=()=>{(0,c.A)(Bi,this).current?e():setTimeout(t,10)};t()}))}function Hi(e,t){let{host:a,layout:i,layoutOptions:n,cells:s,defaultNodeSize:l,defaultNodeBricks:o,defaultEdgeLines:r,degradedThreshold:d,degradedNodeLabel:c,activeTarget:h,fadeUnrelatedCells:p,zoomable:A,scrollable:v,pannable:C,dragBehavior:b,ctrlDragBehavior:F,scaleRange:_,lineSettings:Z,lineConnector:ee,allowEdgeToArea:te,doNotResetActiveTargetForSelector:ae,doNotResetActiveTargetOutsideCanvas:ie,onActiveTargetChange:ne,onSwitchActiveTarget:se,onCellMove:le,onCellResize:oe,onCellDelete:re,onCellsMove:de,onCellsDelete:ce,onCellContextMenu:he,onEdgeAdd:ue,onDecoratorTextChange:ge,onScaleChange:pe,onContainerContainerChange:Ae,onDecoratorGroupPlusClick:ve,onEdgeViewChange:ye,onDecoratorViewChange:Ce,onCanvasContextMenu:ke,onCanvasCopy:we,onCanvasPaste:me,onCanvasGroup:fe,onCanvasUngroup:Me}=e;const[{cells:be,layoutKey:xe},We]=(0,u.useReducer)(m.d,s,(e=>({cells:(0,N.C)(e,{defaultNodeSize:l,layoutOptions:n,isInitialize:!0}),layoutKey:0}))),Ee=(0,u.useMemo)((()=>be.filter(M.N).length>=(null!=d?d:R.pC)),[be,d]),Ne=(0,u.useRef)(null),Te=(0,u.useRef)(null),[Se,Re]=(0,u.useState)([]),[Le,ze]=(0,u.useState)([]),[De,Be]=(0,u.useState)(null),{grabbing:Pe,transform:Oe,zoomer:$e,scaleRange:He}=(0,L.f)({rootRef:Ne,zoomable:A,scrollable:v,pannable:C,draggable:"grab"===b,ctrlDraggable:"grab"===F,scaleRange:_,onSwitchActiveTarget:se});(0,u.useEffect)((()=>{pe(Oe.k)}),[pe,Oe.k]);const[Ie,Ke]=(0,u.useState)(null),[Fe,_e]=(0,u.useState)(null),{centered:Ue,setCentered:Ve,getNextLayoutKey:Ge}=(0,B.g)({layout:i,layoutOptions:n,rootRef:Ne,cells:be,zoomable:A,zoomer:$e,scaleRange:He,layoutKey:xe,allowEdgeToArea:te,dispatch:We}),je=(0,u.useCallback)((()=>{Ve(!1)}),[Ve]),Xe=(0,u.useMemo)((()=>(0,J.E)(be)),[be]);(0,u.useImperativeHandle)(t,(()=>({dropNode(e){"dagre"!==i&&"force"!==i&&Ve(!0),We({type:"drop-node",payload:e})},dropDecorator(e){"dagre"!==i&&"force"!==i&&Ve(!0),We({type:"drop-decorator",payload:e})},addNodes(e,t){let{defaultNodeSize:a,canvasWidth:s,canvasHeight:l}=t;const o=be.findLastIndex((e=>!("decorator"===e.type&&"text"===e.decorator)))+1,r=[...be.slice(0,o),...e,...be.slice(o)],{cells:d,updated:c,shouldReCenter:h}=(0,T.L)({cells:r,layout:i,previousCells:be,defaultNodeSize:a,canvasWidth:s,canvasHeight:l,scaleRange:He,transform:Oe,allowEdgeToArea:te,layoutOptions:n});return h&&Ve(!1),We({type:"update-cells",payload:d}),c.filter((t=>e.includes(t)))},addEdge(e){We({type:"add-edge",payload:e})},updateCells(e,t){const{shouldReCenter:a,...s}=(0,T.L)({...t,layout:i,previousCells:be,cells:e,scaleRange:He,transform:Oe,allowEdgeToArea:te,layoutOptions:n});return a&&Ve(!1),We({type:"update-cells",payload:s.cells}),s},getTransform:()=>Oe,manuallyConnectNodes(e){const t=be.find((t=>(0,M.bo)(t,te)&&t.id===e));if(t){const e=Ne.current.getBoundingClientRect();return _e({source:t,from:[t.view.x+t.view.width/2,t.view.y+t.view.height/2],offset:[e.left,e.top]}),new Promise(((e,t)=>{Te.current={resolve:e,reject:t}}))}return Promise.reject(null)},reCenter:je,toggleLock(e,t){const{newCells:a,updates:i}=(0,Q.A)(e,t,be,Xe);return a?(We({type:"update-cells",payload:a}),i):null}})),[be,i,He,Ve,Oe,te,je,Xe]);const Ye=(0,u.useCallback)(((e,t)=>{var a;for(let a=be.length-1;a>=0;a--){const n=be[a];if((0,M.bo)(n,te)&&n.id!==e.source.id&&n.view.x<t[0]&&n.view.x+n.view.width>t[0]&&n.view.y<t[1]&&n.view.y+n.view.height>t[1]){var i;null===(i=Te.current)||void 0===i||i.resolve({source:e.source,target:n});break}}null===(a=Te.current)||void 0===a||a.reject(null),_e(null)}),[te,be]),[qe,Je]=(0,u.useState)(null);(0,u.useEffect)((()=>{ka(a,!!(Fe||qe||Ie))}),[Fe,a,qe,Ie]);const Qe=(0,z.J)({rootRef:Ne,activeTarget:h,doNotResetActiveTargetForSelector:ae,doNotResetActiveTargetOutsideCanvas:ie,onActiveTargetChange:ne}),[Ze,et]=(0,u.useState)([]);(0,u.useEffect)((()=>{const e=p?(0,S.Y)(be,Fe,Qe,te):[];et((t=>0===t.length&&0===e.length?t:e))}),[Qe,be,Fe,p,te]),(0,u.useEffect)((()=>{const e=Ne.current;if(!e||Se.length>0)return;const t=e=>{const t=(0,x.a)(e,{cells:be,activeTarget:Qe,lockedIds:Xe});"delete-cells"===(null==t?void 0:t.action)&&(ce(t.cells),1===t.cells.length&&re(t.cells[0]))};return e.addEventListener("keydown",t),()=>{e.removeEventListener("keydown",t)}}),[Qe,be,Se.length,Xe,re,ce]);const tt=`${(0,u.useMemo)((()=>`${(0,y.uniqueId)("diagram-")}-`),[])}line-arrow-`,[at,it]=(0,u.useState)([]),[nt,st]=(0,u.useState)(!1),[lt,ot]=(0,u.useState)(!1),[rt,dt]=(0,u.useState)(!1),ct=(0,u.useCallback)((e=>{We({type:"move-cells",payload:e});const t=[];(0,G._)(e,be).forEach((e=>{var a,i;null!==(a=e.containerCell)&&void 0!==a&&a.id&&t.push(null===(i=e.containerCell)||void 0===i?void 0:i.id)})),ze(t),it(e.flatMap((e=>{var t;return null!==(t=e.guideLines)&&void 0!==t?t:[]}))),st(!0),e.some((e=>(0,M._m)(e)))||dt(!0)}),[be]),ht=(0,u.useCallback)((e=>{We({type:"move-cells",payload:e}),de(e),1===e.length&&le(e[0]),(0,G._)(e,be,Ae),ze([]),it([]),st(!1),dt(!1)}),[le,de,be,Ae]),ut=(0,u.useCallback)((e=>{We({type:"resize-cell",payload:e}),ot(!0)}),[]),gt=(0,u.useCallback)((e=>{We({type:"resize-cell",payload:e}),oe(e),ot(!1)}),[oe]),pt=(0,u.useCallback)((e=>{let{id:t,editing:a}=e;Re(a?e=>e.includes(t)?e:[...e,t]:e=>e.filter((e=>e!==t)))}),[]),At=(0,u.useCallback)(((e,t)=>{const a=Ge();We({type:"update-node-size",payload:{id:e,size:t},layoutKey:a})}),[Ge]),vt=(0,u.useCallback)((e=>{$e.scaleTo((0,w.A)(Ne.current),e/100)}),[$e]),{lineConfMap:yt,lineConnectorConf:Ct,markers:kt}=(0,O.d)({cells:be,defaultEdgeLines:r,lineConnector:ee,markerPrefix:tt,useMemoizedResult:rt||lt}),wt=(0,Y.A)({cells:be,lineConfMap:yt}),mt=(0,u.useMemo)((()=>{let e=[];return e=be.filter((e=>!(0,J.l)(e,Xe)&&(0,q.Q)(e,Qe)&&((0,M.WW)(e)||(0,M._m)(e))&&wt.has(e))),e}),[Qe,be,wt,Xe]),ft=(0,P.H)({cells:be,layout:i,centered:Ue}),[Mt,bt]=(0,u.useState)(null),xt=(0,u.useRef)(null),[Wt,Et]=(0,u.useState)(null),Nt=(0,u.useCallback)((e=>{if(Ct&&!(0,J.l)(e,Xe)&&(0,M.bo)(e,te)&&(!Wt||"control"!==Wt.type)){null!==xt.current&&(clearTimeout(xt.current),xt.current=null);const t=(0,$.G)();bt({cell:e,relativePoints:t,points:Ki(t,e.view)})}}),[te,Ct,Wt,Xe]),Tt=(0,u.useCallback)((e=>{Ct&&(0,M.N)(e)&&(xt.current=setTimeout((()=>{bt(null)})))}),[Ct]),St=(0,u.useCallback)(((e,t,a,i)=>{const n={source:e.id,target:t.id,view:{...Z,exitPosition:a,entryPosition:i,vertices:null}};if(be.find((a=>"edge"===a.type&&a.source===e.id&&a.target===t.id)))We({type:"change-edge-view",payload:n}),null==ye||ye(n);else{const a={type:"edge",...n};We({type:"add-edge",payload:a}),ue({source:e,target:t,view:a.view})}}),[be,Z,ue,ye]),Rt=(0,u.useCallback)(((e,t,a)=>{const i={source:e.id,target:t.id,view:a};We({type:"change-edge-view",payload:i}),null==ye||ye(i)}),[ye]),Lt=(0,u.useCallback)(((e,t)=>{const a={id:e.id,view:t};We({type:"change-decorator-view",payload:a}),null==Ce||Ce(a)}),[Ce]),zt=(0,u.useMemo)((()=>({rootRef:Ne,smartConnectLineState:qe,unsetHoverStateTimeoutRef:xt,hoverState:Mt,activeEditableLines:mt,lineEditorState:Wt,movingCells:nt,setLineEditorState:Et,setHoverState:bt,setSmartConnectLineState:Je,onConnect:St,onChangeEdgeView:Rt,onChangeDecoratorView:Lt})),[mt,Rt,Lt,St,Mt,Wt,qe,nt]),Dt=(0,u.useCallback)((e=>{e.preventDefault(),ke([e.clientX,e.clientY]),null==se||se(null)}),[ke,se]),Bt=(0,u.useCallback)((e=>{if(e[/Mac|iPod|iPhone|iPad/.test(navigator.platform)?"metaKey":"ctrlKey"])switch(e.key.toLowerCase()){case"c":e.shiftKey||(we(),e.preventDefault());break;case"v":e.shiftKey||(me(),e.preventDefault());break;case"g":e.shiftKey?null==Me||Me():null==fe||fe(),e.preventDefault()}}),[we,me,fe,Me]);return(0,u.useEffect)((()=>{const e=Ne.current;if(!e||"lasso"!==b)return;const t=e.getBoundingClientRect(),a=e=>{(0,K.F)(e,{transform:Oe,offset:[t.left,t.top],onLassoing(e){Ke(e)},onLassoed(e){Ke(null);const t=[];for(const a of be)if((0,M.WW)(a)||(0,M.N)(a)||(0,M.mH)(a)){const i=(0,y.get)(a,"view.x",0),n=(0,y.get)(a,"view.y",0),s=(0,y.get)(a,"view.width",0),l=(0,y.get)(a,"view.height",0);i>=e.x&&i+s<=e.x+e.width&&n>=e.y&&n+l<=e.y+e.height&&t.push(a)}null==se||se(t.length>1?{type:"multi",targets:t.map(V.P)}:1===t.length?(0,V.P)(t[0]):null)}})};return e.addEventListener("mousedown",a),()=>{e.removeEventListener("mousedown",a)}}),[Oe,be,b,se]),g().createElement(I.H.Provider,{value:zt},g().createElement("svg",{onKeyDown:Bt,onContextMenu:Dt,width:"100%",height:"100%",ref:Ne,className:k()("root",{grabbing:Pe,pannable:C,ready:ft}),tabIndex:-1},g().createElement("defs",null,kt.map(((e,t)=>g().createElement(f.c,{key:t,id:`${tt}${t}`,type:e.markerType,strokeColor:e.strokeColor})))),g().createElement("g",{transform:`translate(${Oe.x} ${Oe.y}) scale(${Oe.k})`},g().createElement("g",{className:k()("cells",{allowEdgeToArea:te})},be.map((e=>g().createElement(W.m,{key:`${e.type}:${(0,M.WW)(e)?`${e.source}~${e.target}`:e.id}`,dragoverContainer:!(0,M.WW)(e)&&Le.includes(e.id),layout:i,layoutOptions:n,cell:e,cells:be,degraded:Ee,degradedNodeLabel:c,defaultNodeBricks:o,transform:Oe,lineConfMap:yt,editableLineMap:wt,activeTarget:Qe,unrelatedCells:Ze,allowEdgeToArea:te,curActiveEditableLine:De,locked:(0,J.l)(e,Xe),containerLocked:(0,M.N)(e)&&!!e.containerId&&Xe.includes(e.containerId),groupLocked:(0,M.N)(e)&&!!e.groupId&&Xe.includes(e.groupId),updateCurActiveEditableLine:Be,onCellsMoving:ct,onCellsMoved:ht,onCellResizing:ut,onCellResized:gt,onSwitchActiveTarget:se,onCellContextMenu:he,onDecoratorTextChange:ge,onDecoratorTextEditing:pt,onDecoratorGroupPlusClick:ve,onNodeBrickResize:At,onCellMouseEnter:Nt,onCellMouseLeave:Tt})))),g().createElement("g",null,g().createElement(E.w,{connectLineState:Fe,transform:Oe,markerEnd:`${tt}0`,onConnect:Ye})),Ie&&g().createElement("rect",{x:Ie.x,y:Ie.y,width:Ie.width,height:Ie.height,fill:"var(--palette-gray-5)",fillOpacity:.3,stroke:"var(--palette-gray-5)",strokeDasharray:2}),Ct&&g().createElement("g",null,g().createElement(U.X,{transform:Oe,lineSettings:Z,options:Ct}),g().createElement(X.W,{cells:be,editableLineMap:wt,transform:Oe,options:Ct,activeEditableLine:De})),g().createElement("g",null,at.map(((e,t)=>g().createElement("path",{key:t,d:`M${e[0].join(" ")} L${e[1].join(" ")}`,stroke:"var(--palette-orange-5)",fill:"none",strokeWidth:1/Oe.k})))),g().createElement("g",null,Ct&&(null==mt?void 0:mt.map((e=>g().createElement(j.F,{editableLineMap:wt,scale:Oe.k,activeEditableLine:e,updateCurActiveEditableLine:Be,key:(0,M.WW)(e)?`${e.source}-${e.target}`:e.id}))))),Ct&&g().createElement(H.T,{activeTarget:Qe,editableLineMap:wt,scale:Oe.k,activeEditableLine:De,disabled:!!Fe}))),g().createElement(D.Y,{shadowRoot:a.shadowRoot,scale:Oe.k,scaleRange:He,onZoomChange:vt,onReCenter:je}))}function Ii(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(e){const t=16*Math.random()|0;return("x"==e?t:3&t|8).toString(16)}))}function Ki(e,t){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;const i=R.XK,n=i/2,s=t.x+a/2-n,l=t.y+a/2-n,o=t.width-a+i,r=t.height-a+i;return e.map((e=>({x:s+e.x*o,y:l+e.y*r})))}i=Pi,({e:[te,ae,ie,ne,se,le,oe,re,de,ce,he,ue,ge,pe,Ae,ve,ye,Ce,ke,we,me,fe,Me,be,xe,We,Ee,Ne,Te,Se,Re,Le,ze,De,Be,Pe,Oe,$e,He,Ie,Ke,Fe,_e,Ue,Ve,Ge,je,Xe,Ye,qe,Je,Qe,Ze,et,tt,at,it,nt,st,lt,ot,rt,dt,ct,ht,ut,gt,pt,At,vt,yt,Ct,kt,wt,mt,ft,Mt,bt,xt,Wt,Et,Nt,Tt,St,Rt,Lt,zt,Dt,Bt,Pt,Ot,$t,Ht,It,Kt,Ft,_t,Ut,Vt,Gt,jt,Xt,Yt,qt,Jt,Qt,Zt,ea,ta,aa,ia,na,sa,la,oa,ra,da,ca,ha,ua,ga,pa,Aa,va,ya,Ca,Z],c:[xa,ee]}=(0,h.A)(i,[wa("eo-draw-canvas",{styleTexts:[F.A,_.A]})],[[ma({attribute:!1}),1,"cells"],[ma({type:String}),1,"layout"],[ma({attribute:!1}),1,"layoutOptions"],[ma({attribute:!1}),1,"defaultNodeSize"],[ma({attribute:!1}),1,"defaultNodeBricks"],[ma({type:Number}),1,"degradedThreshold"],[ma({attribute:!1}),1,"degradedNodeLabel"],[ma({attribute:!1}),1,"defaultEdgeLines"],[ma({attribute:!1}),1,"activeTarget"],[ma({type:Boolean}),1,"fadeUnrelatedCells"],[ma({type:Boolean}),1,"zoomable"],[ma({type:Boolean}),1,"scrollable"],[ma({type:Boolean}),1,"pannable"],[ma({type:Boolean}),1,"allowEdgeToArea"],[ma(),1,"dragBehavior"],[ma(),1,"ctrlDragBehavior"],[ma({attribute:!1}),1,"scaleRange"],[ma({attribute:!1}),1,"lineSettings"],[ma({attribute:!1}),1,"lineConnector"],[ma(),1,"doNotResetActiveTargetForSelector"],[ma({type:Boolean}),1,"doNotResetActiveTargetOutsideCanvas"],[Ma({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>(0,c.A)(ja,e),(e,t)=>(0,d.A)(ja,e,t)],[Ma({type:"node.move"}),1,"nodeMoveEvent",e=>(0,c.A)(Ja,e),(e,t)=>(0,d.A)(Ja,e,t)],[Ma({type:"cell.move"}),1,"cellMoveEvent",e=>(0,c.A)(Qa,e),(e,t)=>(0,d.A)(Qa,e,t)],[Ma({type:"cells.move"}),1,"cellsMoveEvent",e=>(0,c.A)(ei,e),(e,t)=>(0,d.A)(ei,e,t)],[Ma({type:"cell.resize"}),1,"cellResizeEvent",e=>(0,c.A)(ai,e),(e,t)=>(0,d.A)(ai,e,t)],[Ma({type:"node.delete"}),1,"nodeDelete",e=>(0,c.A)(ni,e),(e,t)=>(0,d.A)(ni,e,t)],[Ma({type:"cell.delete"}),1,"cellDelete",e=>(0,c.A)(si,e),(e,t)=>(0,d.A)(si,e,t)],[Ma({type:"cells.delete"}),1,"cellsDelete",e=>(0,c.A)(oi,e),(e,t)=>(0,d.A)(oi,e,t)],[Ma({type:"cell.contextmenu"}),1,"cellContextMenu",e=>(0,c.A)(di,e),(e,t)=>(0,d.A)(di,e,t)],[Ma({type:"edge.add"}),1,"edgeAdd",e=>(0,c.A)(hi,e),(e,t)=>(0,d.A)(hi,e,t)],[Ma({type:"edge.view.change"}),1,"edgeViewChange",e=>(0,c.A)(gi,e),(e,t)=>(0,d.A)(gi,e,t)],[Ma({type:"decorator.view.change"}),1,"decoratorViewChange",e=>(0,c.A)(Ai,e),(e,t)=>(0,d.A)(Ai,e,t)],[Ma({type:"decorator.text.change"}),1,"decoratorTextChange",e=>(0,c.A)(yi,e),(e,t)=>(0,d.A)(yi,e,t)],[Ma({type:"node.container.change"}),1,"containerContainerChange",e=>(0,c.A)(ki,e),(e,t)=>(0,d.A)(ki,e,t)],[Ma({type:"decorator.group.plus.click"}),1,"decoratorGroupPlusClick",e=>(0,c.A)(mi,e),(e,t)=>(0,d.A)(mi,e,t)],[Ma({type:"scale.change"}),1,"scaleChange",e=>(0,c.A)(Mi,e),(e,t)=>(0,d.A)(Mi,e,t)],[Ma({type:"canvas.contextmenu"}),1,"canvasContextMenu",e=>(0,c.A)(xi,e),(e,t)=>(0,d.A)(xi,e,t)],[Ma({type:"canvas.copy"}),1,"canvasCopy",e=>(0,c.A)(Ei,e),(e,t)=>(0,d.A)(Ei,e,t)],[Ma({type:"canvas.paste"}),1,"canvasPaste",e=>(0,c.A)(Ti,e),(e,t)=>(0,d.A)(Ti,e,t)],[Ma({type:"canvas.group"}),1,"canvasGroup",e=>(0,c.A)(Ri,e),(e,t)=>(0,d.A)(Ri,e,t)],[Ma({type:"canvas.ungroup"}),1,"canvasUngroup",e=>(0,c.A)(zi,e),(e,t)=>(0,d.A)(zi,e,t)],[fa(),2,"dropNode"],[fa(),2,"dropDecorator"],[fa(),2,"addNodes"],[fa(),2,"addEdge"],[fa(),2,"manuallyConnectNodes"],[fa(),2,"updateCells"],[fa(),2,"reCenter"],[fa(),2,"toggleLock"],[fa(),2,"lock"],[fa(),2,"unlock"]],0,(e=>Bi.has((0,l.A)(e))),A.ReactNextElement)),ee()}}]);
+//# sourceMappingURL=eo-draw-canvas.580045be.js.map