@next-bricks/diagram 0.58.0 → 0.58.2

package/dist/chunks/eo-display-canvas.459f2949.js

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

package/dist/chunks/{eo-display-canvas.540a8512.js.map → eo-display-canvas.459f2949.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chunks/eo-display-canvas.540a8512.js","mappings":"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","sources":["webpack:///./src/display-canvas/index.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\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} 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 } = createDecorators();\n\nexport interface EoDisplayCanvasProps {\n  cells: InitialCell[] | undefined;\n  layout: LayoutType;\n  layoutOptions?: LayoutOptions;\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}\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 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  @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  render() {\n    return (\n      <EoDisplayCanvasComponent\n        shadowRoot={this.shadowRoot!}\n        cells={this.cells}\n        layout={this.layout}\n        layoutOptions={this.layoutOptions}\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        onActiveTargetChange={this.#handleActiveTargetChange}\n        onSwitchActiveTarget={this.#handleSwitchActiveTarget}\n        onCellContextMenu={this.#handleCellContextMenu}\n        onCellClick={this.#handleCellClick}\n      />\n    );\n  }\n}\n\nexport interface 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\nfunction EoDisplayCanvasComponent({\n  shadowRoot,\n  cells: initialCells,\n  layout,\n  layoutOptions,\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  onActiveTargetChange,\n  onSwitchActiveTarget,\n  onCellContextMenu,\n  onCellClick,\n}: EoDisplayCanvasComponentProps) {\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    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  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)\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]);\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      <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","createDecorators","_EoDisplayCanvas","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_I","_J","_K","_L","_M","_N","_O","_P","_Q","_R","_S","_EoDisplayCanvas_brand","WeakSet","_handleActiveTargetChange","_handleSwitchActiveTarget","_T","_handleCellContextMenu","_U","_handleCellClick","EoDisplayCanvas","ReactNextElement","constructor","arguments","_classPrivateMethodInitSpec","_classPrivateFieldInitSpec","_init_cells","_init_extra_cells","_init_layout","_init_extra_layout","_init_layoutOptions","_init_extra_layoutOptions","_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_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","cells","_classPrivateFieldGet","v","_classPrivateFieldSet","layout","layoutOptions","defaultNodeSize","defaultNodeBricks","degradedThreshold","degradedNodeLabel","defaultEdgeLines","fadeUnrelatedCells","zoomable","scrollable","pannable","scaleRange","hideZoomBar","autoCenterWhenCellsChange","doNotResetActiveTargetForSelector","doNotResetActiveTargetOutsideCanvas","render","React","EoDisplayCanvasComponent","shadowRoot","onActiveTargetChange","onSwitchActiveTarget","onCellContextMenu","onCellClick","_ref","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","previousCellsRef","useEffect","current","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","width","height","ref","className","classNames","tabIndex","map","marker","index","MarkerComponent","key","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.459f2949.js","mappings":"0oBA+CA,MAAM,cAAEA,GAAa,SAAEC,GAAQ,MAAEC,KAAUC,EAAAA,EAAAA,oBAAmB,IAAAC,GAAA,IAAAC,GAAA,IAAAC,QAAAC,GAAA,IAAAD,QAAAE,GAAA,IAAAF,QAAAG,GAAA,IAAAH,QAAAI,GAAA,IAAAJ,QAAAK,GAAA,IAAAL,QAAAM,GAAA,IAAAN,QAAAO,GAAA,IAAAP,QAAAQ,GAAA,IAAAR,QAAAS,GAAA,IAAAT,QAAAU,GAAA,IAAAV,QAAAW,GAAA,IAAAX,QAAAY,GAAA,IAAAZ,QAAAa,GAAA,IAAAb,QAAAc,GAAA,IAAAd,QAAAe,GAAA,IAAAf,QAAAgB,GAAA,IAAAhB,QAAAiB,GAAA,IAAAjB,QAAAkB,GAAA,IAAAlB,QAAAmB,GAAA,IAAAC,QAAAC,GAAA,IAAArB,QAAAsB,GAAA,IAAAtB,QAAAuB,GAAA,IAAAvB,QAAAwB,GAAA,IAAAxB,QAAAyB,GAAA,IAAAzB,QAAA0B,GAAA,IAAA1B,QA2B9D,MAAA2B,WAG8BC,EAAAA,iBAAiDC,WAAAA,GAAA,SAAAC,YAAAC,EAAAA,EAAAA,GAAA,KAAAZ,KAC7Ea,EAAAA,EAAAA,GAAA,KAAAjC,GAAAkC,EAAA,QAAAD,EAAAA,EAAAA,GAAA,KAAA/B,IAAAiC,EAAA,MAAAC,EAAA,SAAAH,EAAAA,EAAAA,GAAA,KAAA9B,IAAAkC,EAAA,MAAAC,EAAA,SAAAL,EAAAA,EAAAA,GAAA,KAAA7B,IAAAmC,EAAA,MAAAC,EAAA,KAasC,CAACC,EAAAA,GAAmBA,EAAAA,QAAkBR,EAAAA,EAAAA,GAAA,KAAA5B,IAAAqC,EAAA,MAAAC,EAAA,SAK5EV,EAAAA,EAAAA,GAAA,KAAA3B,IAAAsC,EAAA,MAAAC,EAAA,SAWAZ,EAAAA,EAAAA,GAAA,KAAA1B,IAAAuC,EAAA,MAAAC,EAAA,SAQAd,EAAAA,EAAAA,GAAA,KAAAzB,IAAAwC,EAAA,MAAAC,EAAA,SAAAhB,EAAAA,EAAAA,GAAA,KAAAxB,IAAAyC,EAAA,MAAAC,GAAA,SAeAlB,EAAAA,EAAAA,GAAA,KAAAvB,IAAA0C,GAAA,MAAAC,GAAA,SAAApB,EAAAA,EAAAA,GAAA,KAAAtB,IAAA2C,GAAA,MAAAC,GAAA,MAOyC,MAAItB,EAAAA,EAAAA,GAAA,KAAArB,IAAA4C,GAAA,MAAAC,GAAA,MAGF,MAAIxB,EAAAA,EAAAA,GAAA,KAAApB,IAAA6C,GAAA,MAAAC,GAAA,MAGN,MAAI1B,EAAAA,EAAAA,GAAA,KAAAnB,IAAA8C,GAAA,MAAAC,GAAA,SAK7C5B,EAAAA,EAAAA,GAAA,KAAAlB,IAAA+C,GAAA,MAAAC,GAAA,SAMA9B,EAAAA,EAAAA,GAAA,KAAAjB,IAAAgD,GAAA,MAAAC,GAAA,SAMAhC,EAAAA,EAAAA,GAAA,KAAAhB,IAAAiD,GAAA,MAAAC,GAAA,SAMAlC,EAAAA,EAAAA,GAAA,KAAAf,IAAAkD,GAAA,MAAAC,GAAA,SAAApC,EAAAA,EAAAA,GAAA,KAAAd,IAAAmD,GAAA,MAAAC,GAAA,SASAtC,EAAAA,EAAAA,GAAA,KAAAX,IAAyBkD,GAAA,MAAIC,KAC3BC,EAAAA,EAAAA,GAAAtD,GAAAuD,KAAKC,IAAyBC,KAAKJ,EAAO,KAG5CxC,EAAAA,EAAAA,GAAA,KAAAV,IAA6BkD,KACtBK,EAAAA,EAAAA,GAAWL,EAAQE,KAAKI,gBAC3BJ,KAAKI,aAAeN,EACtB,KACAxC,EAAAA,EAAAA,GAAA,KAAAT,GAAAwD,GAAA,QAKF/C,EAAAA,EAAAA,GAAA,KAAAR,IAAsBwD,GAAA,MAAIC,KACxBR,EAAAA,EAAAA,GAAAtD,GAAAuD,KAAKQ,IAAiBN,KAAKK,EAAO,KAClCjD,EAAAA,EAAAA,GAAA,KAAAP,GAAA0D,GAAA,QAKFnD,EAAAA,EAAAA,GAAA,KAAAN,IAAgB0D,GAAA,MAAIH,KAClBR,EAAAA,EAAAA,GAAAtD,GAAAuD,KAAKW,IAAWT,KAAKK,EAAO,GAC5B,UAnHOK,GAAK,OAAAC,EAAAA,EAAAA,GAAAxF,GAAA,eAALuF,CAAKE,IAAAC,EAAAA,EAAAA,GAAA1F,GAAA,KAAAyF,EAAA,WAGLE,GAAM,OAAAH,EAAAA,EAAAA,GAAAtF,GAAA,gBAANyF,CAAMF,IAAAC,EAAAA,EAAAA,GAAAxF,GAAA,KAAAuF,EAAA,kBAGNG,GAAa,OAAAJ,EAAAA,EAAAA,GAAArF,GAAA,uBAAbyF,CAAaH,IAAAC,EAAAA,EAAAA,GAAAvF,GAAA,KAAAsF,EAAA,oBAGbI,GAAe,OAAAL,EAAAA,EAAAA,GAAApF,GAAA,yBAAfyF,CAAeJ,IAAAC,EAAAA,EAAAA,GAAAtF,GAAA,KAAAqF,EAAA,sBAGfK,GAAiB,OAAAN,EAAAA,EAAAA,GAAAnF,GAAA,2BAAjByF,CAAiBL,IAAAC,EAAAA,EAAAA,GAAArF,GAAA,KAAAoF,EAAA,sBAQjBM,GAAiB,OAAAP,EAAAA,EAAAA,GAAAlF,GAAA,2BAAjByF,CAAiBN,IAAAC,EAAAA,EAAAA,GAAApF,GAAA,KAAAmF,EAAA,sBAWjBO,GAAiB,OAAAR,EAAAA,EAAAA,GAAAjF,GAAA,2BAAjByF,CAAiBP,IAAAC,EAAAA,EAAAA,GAAAnF,GAAA,KAAAkF,EAAA,qBAYjBQ,GAAgB,OAAAT,EAAAA,EAAAA,GAAAhF,GAAA,0BAAhByF,CAAgBR,IAAAC,EAAAA,EAAAA,GAAAlF,GAAA,KAAAiF,EAAA,iBAGhBV,GAAY,OAAAS,EAAAA,EAAAA,GAAA/E,GAAA,sBAAZsE,CAAYU,IAAAC,EAAAA,EAAAA,GAAAjF,GAAA,KAAAgF,EAAA,uBAMZS,GAAkB,OAAAV,EAAAA,EAAAA,GAAA9E,GAAA,4BAAlBwF,CAAkBT,IAAAC,EAAAA,EAAAA,GAAAhF,GAAA,KAAA+E,EAAA,aAGlBU,GAAQ,OAAAX,EAAAA,EAAAA,GAAA7E,GAAA,kBAARwF,CAAQV,IAAAC,EAAAA,EAAAA,GAAA/E,GAAA,KAAA8E,EAAA,eAGRW,GAAU,OAAAZ,EAAAA,EAAAA,GAAA5E,GAAA,oBAAVwF,CAAUX,IAAAC,EAAAA,EAAAA,GAAA9E,GAAA,KAAA6E,EAAA,aAGVY,GAAQ,OAAAb,EAAAA,EAAAA,GAAA3E,GAAA,kBAARwF,CAAQZ,IAAAC,EAAAA,EAAAA,GAAA7E,GAAA,KAAA4E,EAAA,eAGRa,GAAU,OAAAd,EAAAA,EAAAA,GAAA1E,GAAA,oBAAVwF,CAAUb,IAAAC,EAAAA,EAAAA,GAAA5E,GAAA,KAAA2E,EAAA,gBAMVc,GAAW,OAAAf,EAAAA,EAAAA,GAAAzE,GAAA,qBAAXwF,CAAWd,IAAAC,EAAAA,EAAAA,GAAA3E,GAAA,KAAA0E,EAAA,8BAMXe,GAAyB,OAAAhB,EAAAA,EAAAA,GAAAxE,GAAA,mCAAzBwF,CAAyBf,IAAAC,EAAAA,EAAAA,GAAA1E,GAAA,KAAAyE,EAAA,sCAMzBgB,GAAiC,OAAAjB,EAAAA,EAAAA,GAAAvE,GAAA,2CAAjCwF,CAAiChB,IAAAC,EAAAA,EAAAA,GAAAzE,GAAA,KAAAwE,EAAA,wCAMjCiB,GAAmC,OAAAlB,EAAAA,EAAAA,GAAAtE,GAAA,6CAAnCwF,CAAmCjB,IAAAC,EAAAA,EAAAA,GAAAxE,GAAA,KAAAuE,EAAA,CA6B5CkB,MAAAA,GACE,OACEC,IAAAA,cAACC,GAAwB,CACvBC,WAAYnC,KAAKmC,WACjBvB,MAAOZ,KAAKY,MACZI,OAAQhB,KAAKgB,OACbC,cAAejB,KAAKiB,cACpBC,gBAAiBlB,KAAKkB,gBACtBC,kBAAmBnB,KAAKmB,kBACxBG,iBAAkBtB,KAAKsB,iBACvBF,kBAAmBpB,KAAKoB,kBACxBC,kBAAmBrB,KAAKqB,kBACxBjB,aAAcJ,KAAKI,aACnBmB,mBAAoBvB,KAAKuB,mBACzBC,SAAUxB,KAAKwB,SACfC,WAAYzB,KAAKyB,WACjBC,SAAU1B,KAAK0B,SACfC,WAAY3B,KAAK2B,WACjBC,YAAa5B,KAAK4B,YAClBE,kCACE9B,KAAK8B,kCAEPC,oCACE/B,KAAK+B,oCAEPF,0BAA2B7B,KAAK6B,0BAChCO,sBAAsBvB,EAAAA,EAAAA,GAAKlE,GAALqD,MACtBqC,sBAAsBxB,EAAAA,EAAAA,GAAKjE,GAALoD,MACtBsC,mBAAmBzB,EAAAA,EAAAA,GAAK/D,GAALkD,MACnBuC,aAAa1B,EAAAA,EAAAA,GAAK7D,GAALgD,OAGnB,EAWF,SAASkC,GAAwBM,GAwBC,IAxBA,WAChCL,EACAvB,MAAO6B,EAAY,OACnBzB,EAAM,cACNC,EAAa,gBACbC,EAAe,kBACfC,EAAiB,iBACjBG,EAAgB,kBAChBF,EAAiB,kBACjBC,EACAjB,aAAcsC,EAAa,mBAC3BnB,EAAkB,SAClBC,EAAQ,WACRC,EAAU,SACVC,EACAC,WAAYgB,EAAW,YACvBf,EAAW,0BACXC,EAAyB,kCACzBC,EAAiC,oCACjCC,EAAmC,qBACnCK,EAAoB,qBACpBC,EAAoB,kBACpBC,EAAiB,YACjBC,GAC8BC,EAC9B,OAAO,MAAE5B,EAAK,UAAEgC,GAAaC,IAAYC,EAAAA,EAAAA,YACvCC,EAAAA,EACAN,GACCA,IAAY,CACX7B,OAAOoC,EAAAA,EAAAA,GAAgBP,EAAc,CAAEvB,oBACvC0B,UAAW,MAMTK,GAAWC,EAAAA,EAAAA,UACf,IACEtC,EAAMuC,OAAOC,EAAAA,GAAYC,SACxBjC,QAAAA,EAAqBkC,EAAAA,KACxB,CAAC1C,EAAOQ,IAGJmC,GAAUC,EAAAA,EAAAA,QAAsB,OAEhC,SAAEC,EAAQ,UAAEC,EAAS,OAAEC,EAAM,WAAEhC,IAAeiC,EAAAA,EAAAA,GAAQ,CAC1DL,UACA/B,WACAC,aACAC,WACAmC,WAAW,EACXlC,WAAYgB,EACZN,0BAGI,SAAEyB,EAAQ,YAAEC,GAAW,iBAAEC,KAAqBC,EAAAA,EAAAA,GAAU,CAC5DjD,SACAC,gBACAsC,UACA3C,QACAY,WACAmC,SACAhC,aACAiB,YACAf,4BACAgB,aAGIqB,IAAWC,EAAAA,EAAAA,cAAY,KAC3BJ,IAAY,EAAM,GACjB,CAACA,KAEEK,IAAmBZ,EAAAA,EAAAA,QAAOf,IAEhC4B,EAAAA,EAAAA,YAAU,KACR,GAAI5B,IAAiB2B,GAAiBE,QAAS,CAC7CF,GAAiBE,QAAU7B,EAC3B,MAAM8B,GAASC,EAAAA,EAAAA,GAAY,CACzBC,YAAatC,EAAWuC,KAAKC,YAC7BC,aAAczC,EAAWuC,KAAKG,aAC9B3D,kBACAF,SACA8D,cAAelE,EACfA,MAAO6B,EACPd,aACA+B,cAEFb,EAAS,CAAEkC,KAAM,eAAgBC,QAAST,EAAO3D,OACnD,IACC,CACDA,EACAM,EACAuB,EACAzB,EACAW,EACAQ,EACAuB,IAGF,MAAMtD,IAAe6E,EAAAA,EAAAA,GAAgB,CACnC1B,UACAnD,aAAcsC,EACdZ,oCACAC,sCACAK,yBAII8C,GAAe,IADHhC,EAAAA,EAAAA,UAAQ,IAAM,IAAGiC,EAAAA,EAAAA,UAAS,gBAAgB,iBAGtDC,IAAwBjB,EAAAA,EAAAA,cAC5B,CAACkB,EAAYC,KACXzC,EAAS,CACPkC,KAAM,mBACNC,QAAS,CAAEK,KAAIC,QACf1C,UAAWoB,MACX,GAEJ,CAACA,MAGIuB,GAAWC,KAAgBC,EAAAA,EAAAA,UAAsB,MAClDC,IAAuBvB,EAAAA,EAAAA,cAAawB,IACxCH,GAAaG,EAAK,GACjB,IACGC,IAAuBzB,EAAAA,EAAAA,cAAawB,IACxCH,IAAcK,GAAUA,IAASF,EAAO,KAAOE,GAAM,GACpD,KAEIC,GAAgBC,KAAqBN,EAAAA,EAAAA,UAAiB,KAC7DpB,EAAAA,EAAAA,YAAU,KACR,MAAM2B,EAAgBzE,GAClB0E,EAAAA,EAAAA,GAAkBrF,EAAO,KAAM2E,IAC/B,GAEJQ,IAAmBF,GACD,IAAhBA,EAAKxC,QAAyC,IAAzB2C,EAAc3C,OAAewC,EAAOG,GAC1D,GACA,CAACpF,EAAOW,EAAoBgE,KAE/B,MAAMW,IAAkB/B,EAAAA,EAAAA,cACrBgC,IAGGxC,EAAOyC,SAAQC,EAAAA,EAAAA,GAAO9C,EAAQe,SAAW6B,EAAQ,IACnD,GAEF,CAACxC,KAGG,YAAE2C,GAAW,QAAEC,KAAYC,EAAAA,EAAAA,GAAe,CAC9C5F,QACAU,mBACA4D,kBAEIuB,IAAkBC,EAAAA,EAAAA,GAAmB,CAAE9F,QAAO0F,iBAE9CK,IAAQC,EAAAA,EAAAA,GAAS,CAAEhG,QAAOI,SAAQ8C,aAExC,OACE7B,IAAAA,cAAAA,IAAAA,SAAA,KACEA,IAAAA,cAAA,OACE4E,MAAM,OACNC,OAAO,OACPC,IAAKxD,EACLyD,UAAWC,IAAW,OAAQ,CAAExD,WAAU/B,WAAUiF,WACpDO,UAAW,GAEXjF,IAAAA,cAAA,YACGsE,GAAQY,KAAI,CAACC,EAAQC,IACpBpF,IAAAA,cAACqF,EAAAA,EAAe,CACdC,IAAKF,EACLhC,GAAI,GAAGH,KAAemC,IACtBtC,KAAMqC,EAAOI,WACbC,YAAaL,EAAOK,iBAI1BxF,IAAAA,cAAA,KACEyB,UAAW,aAAaA,EAAUgE,KAAKhE,EAAUiE,YAAYjE,EAAUkE,MAEvE3F,IAAAA,cAAA,KAAG+E,UAAU,SACVpG,EAAMuG,KAAKxB,GACV1D,IAAAA,cAAC4F,EAAAA,EAAa,CACZN,IAAK,GAAG5B,EAAKZ,SAAQ+C,EAAAA,EAAAA,IAAWnC,GAAQ,GAAGA,EAAKoC,UAAUpC,EAAK7F,SAAW6F,EAAKN,KAC/ErE,OAAQA,EACR2E,KAAMA,EACN/E,MAAOA,EACPqC,SAAUA,EACV5B,kBAAmBA,EACnBF,kBAAmBA,EACnBmF,YAAaA,GACbG,gBAAiBA,GACjB/C,UAAWA,EACXtD,aAAcA,GACd4H,UAAQ,EACRzC,UAAWA,GACXO,eAAgBA,GAChBzD,qBAAsBA,EACtBC,kBAAmBA,EACnBC,YAAaA,EACb0F,kBAAmB7C,GACnB8C,iBACE3G,KAAuB6B,EAAAA,EAAAA,GAAWuC,KAASmC,EAAAA,EAAAA,IAAWnC,IAClDD,QACAyC,EAENC,iBACE7G,KAAuB6B,EAAAA,EAAAA,GAAWuC,KAASmC,EAAAA,EAAAA,IAAWnC,IAClDC,QACAuC,UAOdvG,GACAK,IAAAA,cAACoG,EAAAA,EAAgB,CACflG,WAAYA,EACZmG,MAAO5E,EAAUkE,EACjBjG,WAAYA,EACZ4G,aAAcrC,GACdsC,WAAYtE,KAKtB,CA9OCuE,EAAAxL,KAAAyL,GAAAnL,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAE,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAK,GAAA0I,GAAA9I,GAAAQ,GAAAG,GAAAoI,GAAAtI,GAAAG,GAAAE,GAAAkI,GAAAnI,IAAAoI,GAAA1N,GAAA2N,KAAAC,EAAAA,EAAAA,GAAAP,EAAA,CA9JAzN,GAAc,oBAAqB,CAClCiO,WAAY,CAACC,EAAAA,EAAWC,EAAAA,MACxB,EAKClO,GAAS,CAAEmO,WAAW,IAAQ,YAG9BnO,GAAS,CAAE8J,KAAMsE,SAAS,aAG1BpO,GAAS,CAAEmO,WAAW,IAAQ,oBAG9BnO,GAAS,CAAEmO,WAAW,IAAQ,sBAG9BnO,GAAS,CAAEmO,WAAW,IAAQ,wBAQ9BnO,GAAS,CAAE8J,KAAMuE,SAAS,wBAW1BrO,GAAS,CAAEmO,WAAW,IAAQ,wBAY9BnO,GAAS,CAAEmO,WAAW,IAAQ,uBAG9BnO,GAAS,CAAEmO,WAAW,IAAQ,mBAM9BnO,GAAS,CAAE8J,KAAMwE,UAAU,yBAG3BtO,GAAS,CAAE8J,KAAMwE,UAAU,eAG3BtO,GAAS,CAAE8J,KAAMwE,UAAU,iBAG3BtO,GAAS,CAAE8J,KAAMwE,UAAU,eAG3BtO,GAAS,CAAEmO,WAAW,IAAQ,iBAM9BnO,GAAS,CAAE8J,KAAMwE,UAAU,kBAM3BtO,GAAS,CAAE8J,KAAMwE,UAAU,gCAM3BtO,KAAU,wCAMVA,GAAS,CAAE8J,KAAMwE,UAAU,0CAG3BrO,GAAM,CAAE6J,KAAM,wBAAwB,4BAAAyE,IAAA3I,EAAAA,EAAAA,GAAArE,GAAAgN,GAAA,CAAAA,EAAA1I,KAAAC,EAAAA,EAAAA,GAAAvE,GAAAgN,EAAA1I,IAAA,CAatC5F,GAAM,CAAE6J,KAAM,qBAAqB,oBAAAyE,IAAA3I,EAAAA,EAAAA,GAAAhE,GAAA2M,GAAA,CAAAA,EAAA1I,KAAAC,EAAAA,EAAAA,GAAAlE,GAAA2M,EAAA1I,IAAA,CAOnC5F,GAAM,CAAE6J,KAAM,eAAe,cAAAyE,IAAA3I,EAAAA,EAAAA,GAAA9D,GAAAyM,GAAA,CAAAA,EAAA1I,KAAAC,EAAAA,EAAAA,GAAAhE,GAAAyM,EAAA1I,KAAA,GAAA2I,GAAAzM,GAAA0M,KAAAC,EAAAA,EAAAA,GAAAF,KAnHFvM,EAAAA,mBAAgB6L,G","sources":["webpack:///./src/display-canvas/index.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\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} 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 } = createDecorators();\n\nexport interface EoDisplayCanvasProps {\n  cells: InitialCell[] | undefined;\n  layout: LayoutType;\n  layoutOptions?: LayoutOptions;\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}\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 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  @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  render() {\n    return (\n      <EoDisplayCanvasComponent\n        shadowRoot={this.shadowRoot!}\n        cells={this.cells}\n        layout={this.layout}\n        layoutOptions={this.layoutOptions}\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        onActiveTargetChange={this.#handleActiveTargetChange}\n        onSwitchActiveTarget={this.#handleSwitchActiveTarget}\n        onCellContextMenu={this.#handleCellContextMenu}\n        onCellClick={this.#handleCellClick}\n      />\n    );\n  }\n}\n\nexport interface 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\nfunction EoDisplayCanvasComponent({\n  shadowRoot,\n  cells: initialCells,\n  layout,\n  layoutOptions,\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  onActiveTargetChange,\n  onSwitchActiveTarget,\n  onCellContextMenu,\n  onCellClick,\n}: EoDisplayCanvasComponentProps) {\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    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  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)\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]);\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      <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","createDecorators","_EoDisplayCanvas","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_I","_J","_K","_L","_M","_N","_O","_P","_Q","_R","_S","_EoDisplayCanvas_brand","WeakSet","_handleActiveTargetChange","_handleSwitchActiveTarget","_T","_handleCellContextMenu","_U","_handleCellClick","EoDisplayCanvas","ReactNextElement","constructor","arguments","_classPrivateMethodInitSpec","_classPrivateFieldInitSpec","_init_cells","_init_extra_cells","_init_layout","_init_extra_layout","_init_layoutOptions","_init_extra_layoutOptions","_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_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","cells","_classPrivateFieldGet","v","_classPrivateFieldSet","layout","layoutOptions","defaultNodeSize","defaultNodeBricks","degradedThreshold","degradedNodeLabel","defaultEdgeLines","fadeUnrelatedCells","zoomable","scrollable","pannable","scaleRange","hideZoomBar","autoCenterWhenCellsChange","doNotResetActiveTargetForSelector","doNotResetActiveTargetOutsideCanvas","render","React","EoDisplayCanvasComponent","shadowRoot","onActiveTargetChange","onSwitchActiveTarget","onCellContextMenu","onCellClick","_ref","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","previousCellsRef","useEffect","current","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","width","height","ref","className","classNames","tabIndex","map","marker","index","MarkerComponent","key","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.03ad3919.js

@@ -0,0 +1,2 @@
+"use strict";(globalThis.webpackChunk_next_bricks_diagram=globalThis.webpackChunk_next_bricks_diagram||[]).push([[8939],{9068:(e,t,a)=>{a.r(t),a.d(t,{EoDrawCanvas:()=>Zt,EoDrawCanvasComponent:()=>Qt,uuidV4:()=>ti});var i,n=a(4635),l=a(918),s=a(6902),o=a(2559),r=a(5536),d=a(6121),c=a(829),h=a(2740),u=a(8769),g=a.n(u),A=a(6192),p=a(9859),v=a(2304),y=(a(6477),a(1030)),w=a(3373),C=a.n(w),m=a(7566),f=a(5748),k=a(3739),b=a(2912),M=a(8185),E=a(2733),x=a(6616),T=a(3639),W=a(3783),N=a(2098),S=a(227),R=a(3033),L=a(8091),z=a(1819),B=a(7099),D=a(1484),O=a(8197),$=a(7531),P=a(8875),H=a(2722),F=a(9978),_=a(2219),V=a(3012),K=a(6237),U=a(1103),j=a(9386),I=a(1991),X=a(2202),Y=a(1825),q=a(4117),G=a(4197);let J,Q,Z,ee,te,ae,ie,ne,le,se,oe,re,de,ce,he,ue,ge,Ae,pe,ve,ye,we,Ce,me,fe,ke,be,Me,Ee,xe,Te,We,Ne,Se,Re,Le,ze,Be,De,Oe,$e,Pe,He,Fe,_e,Ve,Ke,Ue,je,Ie,Xe,Ye,qe,Ge,Je,Qe,Ze,et,tt,at,it,nt,lt,st,ot,rt,dt,ct,ht,ut,gt,At,pt,vt,yt,wt,Ct,mt,ft,kt,bt,Mt,Et,xt,Tt,Wt,Nt,St,Rt,Lt,zt,Bt,Dt,Ot,$t,Pt,Ht,Ft,_t,Vt,Kt,Ut,jt,It;const Xt=(0,v.unwrapProvider)("basic.lock-body-scroll"),{defineElement:Yt,property:qt,method:Gt,event:Jt}=(0,A.createDecorators)(),Qt=g().forwardRef(ei);let Zt;var ea=new WeakMap,ta=new WeakMap,aa=new WeakMap,ia=new WeakMap,na=new WeakMap,la=new WeakMap,sa=new WeakMap,oa=new WeakMap,ra=new WeakMap,da=new WeakMap,ca=new WeakMap,ha=new WeakMap,ua=new WeakMap,ga=new WeakMap,Aa=new WeakMap,pa=new WeakMap,va=new WeakMap,ya=new WeakMap,wa=new WeakMap,Ca=new WeakMap,ma=new WeakMap,fa=new WeakMap,ka=new WeakSet,ba=new WeakMap,Ma=new WeakMap,Ea=new WeakMap,xa=new WeakMap,Ta=new WeakMap,Wa=new WeakMap,Na=new WeakMap,Sa=new WeakMap,Ra=new WeakMap,La=new WeakMap,za=new WeakMap,Ba=new WeakMap,Da=new WeakMap,Oa=new WeakMap,$a=new WeakMap,Pa=new WeakMap,Ha=new WeakMap,Fa=new WeakMap,_a=new WeakMap,Va=new WeakMap,Ka=new WeakMap,Ua=new WeakMap,ja=new WeakMap,Ia=new WeakMap,Xa=new WeakMap,Ya=new WeakMap,qa=new WeakMap,Ga=new WeakMap,Ja=new WeakMap;class Qa extends p.ReactNextElement{constructor(){super(...arguments),(0,n.A)(this,ka),(0,l.A)(this,ea,(J(this),Z(this))),(0,l.A)(this,ta,(ee(this),te(this))),(0,l.A)(this,aa,(ae(this),ie(this))),(0,l.A)(this,ia,(ne(this),le(this,[R.HP,R.HP]))),(0,l.A)(this,na,(se(this),oe(this))),(0,l.A)(this,la,(re(this),de(this))),(0,l.A)(this,sa,(ce(this),he(this))),(0,l.A)(this,oa,(ue(this),ge(this))),(0,l.A)(this,ra,(Ae(this),pe(this))),(0,l.A)(this,da,(ve(this),ye(this))),(0,l.A)(this,ca,(we(this),Ce(this,!0))),(0,l.A)(this,ha,(me(this),fe(this,!0))),(0,l.A)(this,ua,(ke(this),be(this,!0))),(0,l.A)(this,ga,(Me(this),Ee(this,!1))),(0,l.A)(this,Aa,(xe(this),Te(this))),(0,l.A)(this,pa,(We(this),Ne(this))),(0,l.A)(this,va,(Se(this),Re(this))),(0,l.A)(this,ya,(Le(this),ze(this))),(0,l.A)(this,wa,(Be(this),De(this))),(0,l.A)(this,Ca,(Oe(this),$e(this))),(0,l.A)(this,ma,(Pe(this),He(this))),(0,l.A)(this,fa,(Fe(this),_e(this))),(0,l.A)(this,ba,(Ue(this),e=>{(0,r.A)(ka,this,Ve).emit(e)})),(0,l.A)(this,Ma,(e=>{(0,M.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,l.A)(this,Ea,je(this)),(0,l.A)(this,xa,(Ye(this),qe(this))),(0,l.A)(this,Ta,(Qe(this),e=>{(0,r.A)(ka,this,Ge).emit(e),"node"===e.type&&(0,r.A)(ka,this,Ie).emit(e)})),(0,l.A)(this,Wa,Ze(this)),(0,l.A)(this,Na,(at(this),e=>{(0,r.A)(ka,this,et).emit(e)})),(0,l.A)(this,Sa,it(this)),(0,l.A)(this,Ra,(st(this),e=>{(0,r.A)(ka,this,nt).emit(e)})),(0,l.A)(this,La,ot(this)),(0,l.A)(this,za,(ct(this),ht(this))),(0,l.A)(this,Ba,(At(this),e=>{(0,r.A)(ka,this,ut).emit(e),"node"===e.type&&(0,r.A)(ka,this,rt).emit(e)})),(0,l.A)(this,Da,pt(this)),(0,l.A)(this,Oa,(wt(this),e=>{(0,r.A)(ka,this,vt).emit(e)})),(0,l.A)(this,$a,Ct(this)),(0,l.A)(this,Pa,(kt(this),e=>{(0,r.A)(ka,this,mt).emit(e)})),(0,l.A)(this,Ha,bt(this)),(0,l.A)(this,Fa,(xt(this),e=>{(0,r.A)(ka,this,Mt).emit(e)})),(0,l.A)(this,_a,Tt(this)),(0,l.A)(this,Va,(St(this),e=>{(0,r.A)(ka,this,Wt).emit(e)})),(0,l.A)(this,Ka,Rt(this)),(0,l.A)(this,Ua,(Bt(this),e=>{(0,r.A)(ka,this,Lt).emit(e)})),(0,l.A)(this,ja,Dt(this)),(0,l.A)(this,Ia,(Pt(this),e=>{(0,r.A)(ka,this,Ot).emit(e)})),(0,l.A)(this,Xa,Ht(this)),(0,l.A)(this,Ya,(Vt(this),e=>{(0,r.A)(ka,this,Ft).emit(e)})),(0,l.A)(this,qa,Kt(this)),(0,l.A)(this,Ga,(It(this),e=>{(0,r.A)(ka,this,Ut).emit(e)})),(0,l.A)(this,Ja,(0,u.createRef)())}get cells(){return(0,c.A)(ea,this)}set cells(e){(0,d.A)(ea,this,e)}get layout(){return(0,c.A)(ta,this)}set layout(e){(0,d.A)(ta,this,e)}get layoutOptions(){return(0,c.A)(aa,this)}set layoutOptions(e){(0,d.A)(aa,this,e)}get defaultNodeSize(){return(0,c.A)(ia,this)}set defaultNodeSize(e){(0,d.A)(ia,this,e)}get defaultNodeBricks(){return(0,c.A)(na,this)}set defaultNodeBricks(e){(0,d.A)(na,this,e)}get degradedThreshold(){return(0,c.A)(la,this)}set degradedThreshold(e){(0,d.A)(la,this,e)}get degradedNodeLabel(){return(0,c.A)(sa,this)}set degradedNodeLabel(e){(0,d.A)(sa,this,e)}get defaultEdgeLines(){return(0,c.A)(oa,this)}set defaultEdgeLines(e){(0,d.A)(oa,this,e)}get activeTarget(){return(0,c.A)(ra,this)}set activeTarget(e){(0,d.A)(ra,this,e)}get fadeUnrelatedCells(){return(0,c.A)(da,this)}set fadeUnrelatedCells(e){(0,d.A)(da,this,e)}get zoomable(){return(0,c.A)(ca,this)}set zoomable(e){(0,d.A)(ca,this,e)}get scrollable(){return(0,c.A)(ha,this)}set scrollable(e){(0,d.A)(ha,this,e)}get pannable(){return(0,c.A)(ua,this)}set pannable(e){(0,d.A)(ua,this,e)}get allowEdgeToArea(){return(0,c.A)(ga,this)}set allowEdgeToArea(e){(0,d.A)(ga,this,e)}get dragBehavior(){return(0,c.A)(Aa,this)}set dragBehavior(e){(0,d.A)(Aa,this,e)}get ctrlDragBehavior(){return(0,c.A)(pa,this)}set ctrlDragBehavior(e){(0,d.A)(pa,this,e)}get scaleRange(){return(0,c.A)(va,this)}set scaleRange(e){(0,d.A)(va,this,e)}get lineSettings(){return(0,c.A)(ya,this)}set lineSettings(e){(0,d.A)(ya,this,e)}get lineConnector(){return(0,c.A)(wa,this)}set lineConnector(e){(0,d.A)(wa,this,e)}get doNotResetActiveTargetForSelector(){return(0,c.A)(Ca,this)}set doNotResetActiveTargetForSelector(e){(0,d.A)(Ca,this,e)}get doNotResetActiveTargetOutsideCanvas(){return(0,c.A)(ma,this)}set doNotResetActiveTargetOutsideCanvas(e){(0,d.A)(ma,this,e)}async dropNode(e){var t,a;let{id:i,position:n,size:l,data:s,useBrick:o}=e;if(null===(t=(a=document).elementsFromPoint)||void 0===t||null===(t=t.call(a,n[0],n[1]))||void 0===t?void 0:t.includes(this)){var r,d,h;const e=this.getBoundingClientRect(),t=(0,c.A)(Ja,this).current.getTransform(),a={type:"node",id:i,view:{..."force"===this.layout||"dagre"===this.layout?null:{x:(n[0]-e.left-t.x)/t.k,y:(n[1]-e.top-t.y)/t.k},width:null!==(r=null==l?void 0:l[0])&&void 0!==r?r:this.defaultNodeSize[0],height:null!==(d=null==l?void 0:l[1])&&void 0!==d?d:this.defaultNodeSize[0]},data:s,useBrick:o};return null===(h=(0,c.A)(Ja,this).current)||void 0===h||h.dropNode(a),a}return null}async dropDecorator(e){var t,a;let{position:i,decorator:n,text:l,direction:s,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,A,p;const e=this.getBoundingClientRect(),t=(0,c.A)(Ja,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:ti(),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!==(A=null==r?void 0:r.y)&&void 0!==A?A:-30)},...d}:{width:R.N8,height:R.w1,x:a,y:v,text:l,direction:s,...d}};return null===(p=(0,c.A)(Ja,this).current)||void 0===p||p.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:l,data:s}=e;return{type:"node",id:l,data:s,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)(Ja,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 l={type:"edge",source:a,target:i,data:n,view:this.lineSettings};return null===(t=(0,c.A)(Ja,this).current)||void 0===t||t.addEdge(l),l}manuallyConnectNodes(e){return(0,c.A)(Ja,this).current.manuallyConnectNodes(e)}async updateCells(e,t){await(0,o.A)(ka,this,Za).call(this);const{updated:a}=(0,c.A)(Ja,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)(Ja,this).current)||void 0===e||e.reCenter()}disconnectedCallback(){super.disconnectedCallback(),Xt(this,!1)}render(){return g().createElement(Qt,{host:this,ref:(0,c.A)(Ja,this),layout:this.layout,layoutOptions:this.layoutOptions,cells:this.cells,defaultNodeSize:this.defaultNodeSize,defaultNodeBricks:this.defaultNodeBricks,defaultEdgeLines:this.defaultEdgeLines,degradedThreshold:this.degradedThreshold,degradedNodeLabel:this.degradedNodeLabel,activeTarget:this.activeTarget,fadeUnrelatedCells:this.fadeUnrelatedCells,zoomable:this.zoomable,scrollable:this.scrollable,pannable:this.pannable,dragBehavior:this.dragBehavior,ctrlDragBehavior:this.ctrlDragBehavior,scaleRange:this.scaleRange,lineSettings:this.lineSettings,lineConnector:this.lineConnector,allowEdgeToArea:this.allowEdgeToArea,doNotResetActiveTargetForSelector:this.doNotResetActiveTargetForSelector,doNotResetActiveTargetOutsideCanvas:this.doNotResetActiveTargetOutsideCanvas,onActiveTargetChange:(0,c.A)(ba,this),onSwitchActiveTarget:(0,c.A)(Ma,this),onCellMove:(0,c.A)(Ta,this),onCellsMove:(0,c.A)(Na,this),onCellResize:(0,c.A)(Ra,this),onCellDelete:(0,c.A)(Ba,this),onCellsDelete:(0,c.A)(Oa,this),onEdgeAdd:(0,c.A)(Fa,this),onCellContextMenu:(0,c.A)(Pa,this),onDecoratorTextChange:(0,c.A)(Ia,this),onContainerContainerChange:(0,c.A)(Ya,this),onScaleChange:(0,c.A)(Ga,this),onEdgeViewChange:(0,c.A)(Va,this),onDecoratorViewChange:(0,c.A)(Ua,this)})}}function Za(){return new Promise((e=>{const t=()=>{(0,c.A)(Ja,this).current?e():setTimeout(t,10)};t()}))}function ei(e,t){let{host:a,layout:i,layoutOptions:n,cells:l,defaultNodeSize:s,defaultNodeBricks:o,defaultEdgeLines:r,degradedThreshold:d,degradedNodeLabel:c,activeTarget:h,fadeUnrelatedCells:A,zoomable:p,scrollable:v,pannable:w,dragBehavior:M,ctrlDragBehavior:V,scaleRange:K,lineSettings:J,lineConnector:Q,allowEdgeToArea:Z,doNotResetActiveTargetForSelector:ee,doNotResetActiveTargetOutsideCanvas:te,onActiveTargetChange:ae,onSwitchActiveTarget:ie,onCellMove:ne,onCellResize:le,onCellDelete:se,onCellsMove:oe,onCellsDelete:re,onCellContextMenu:de,onEdgeAdd:ce,onDecoratorTextChange:he,onScaleChange:ue,onContainerContainerChange:ge,onEdgeViewChange:Ae,onDecoratorViewChange:pe}=e;const[{cells:ve,layoutKey:ye},we]=(0,u.useReducer)(f.d,l,(e=>({cells:(0,W.C)(e,{defaultNodeSize:s}),layoutKey:0}))),Ce=(0,u.useMemo)((()=>ve.filter(b.N).length>=(null!=d?d:R.pC)),[ve,d]),me=(0,u.useRef)(null),fe=(0,u.useRef)(null),[ke,be]=(0,u.useState)([]),[Me,Ee]=(0,u.useState)([]),[xe,Te]=(0,u.useState)(null),{grabbing:We,transform:Ne,zoomer:Se,scaleRange:Re}=(0,L.f)({rootRef:me,zoomable:p,scrollable:v,pannable:w,draggable:"grab"===M,ctrlDraggable:"grab"===V,scaleRange:K,onSwitchActiveTarget:ie});(0,u.useEffect)((()=>{ue(Ne.k)}),[ue,Ne.k]);const[Le,ze]=(0,u.useState)(null),[Be,De]=(0,u.useState)(null),{centered:Oe,setCentered:$e,getNextLayoutKey:Pe}=(0,D.g)({layout:i,layoutOptions:n,rootRef:me,cells:ve,zoomable:p,zoomer:Se,scaleRange:Re,layoutKey:ye,allowEdgeToArea:Z,dispatch:we}),He=(0,u.useCallback)((()=>{$e(!1)}),[$e]);(0,u.useImperativeHandle)(t,(()=>({dropNode(e){"dagre"!==i&&"force"!==i&&$e(!0),we({type:"drop-node",payload:e})},dropDecorator(e){"dagre"!==i&&"force"!==i&&$e(!0),we({type:"drop-decorator",payload:e})},addNodes(e,t){let{defaultNodeSize:a,canvasWidth:n,canvasHeight:l}=t;const s=ve.findLastIndex((e=>!("decorator"===e.type&&"text"===e.decorator)))+1,o=[...ve.slice(0,s),...e,...ve.slice(s)],{cells:r,updated:d,shouldReCenter:c}=(0,N.L)({cells:o,layout:i,previousCells:ve,defaultNodeSize:a,canvasWidth:n,canvasHeight:l,scaleRange:Re,transform:Ne,allowEdgeToArea:Z});return c&&$e(!1),we({type:"update-cells",payload:r}),d.filter((t=>e.includes(t)))},addEdge(e){we({type:"add-edge",payload:e})},updateCells(e,t){const{shouldReCenter:a,...n}=(0,N.L)({...t,layout:i,previousCells:ve,cells:e,scaleRange:Re,transform:Ne,allowEdgeToArea:Z});return a&&$e(!1),we({type:"update-cells",payload:n.cells}),n},getTransform:()=>Ne,manuallyConnectNodes(e){const t=ve.find((t=>(0,b.bo)(t,Z)&&t.id===e));if(t){const e=me.current.getBoundingClientRect();return De({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)=>{fe.current={resolve:e,reject:t}}))}return Promise.reject(null)},reCenter:He})),[ve,i,Re,$e,Ne,Z,He]);const Fe=(0,u.useCallback)(((e,t)=>{var a;for(let a=ve.length-1;a>=0;a--){const n=ve[a];if((0,b.bo)(n,Z)&&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=fe.current)||void 0===i||i.resolve({source:e.source,target:n});break}}null===(a=fe.current)||void 0===a||a.reject(null),De(null)}),[Z,ve]),[_e,Ve]=(0,u.useState)(null);(0,u.useEffect)((()=>{Xt(a,!!(Be||_e||Le))}),[Be,a,_e,Le]);const Ke=(0,z.J)({rootRef:me,activeTarget:h,doNotResetActiveTargetForSelector:ee,doNotResetActiveTargetOutsideCanvas:te,onActiveTargetChange:ae}),[Ue,je]=(0,u.useState)([]);(0,u.useEffect)((()=>{const e=A?(0,S.Y)(ve,Be,Ke,Z):[];je((t=>0===t.length&&0===e.length?t:e))}),[Ke,ve,Be,A,Z]),(0,u.useEffect)((()=>{const e=me.current;if(!e||ke.length>0)return;const t=e=>{const t=(0,E.a)(e,{cells:ve,activeTarget:Ke});"delete-cells"===(null==t?void 0:t.action)&&(re(t.cells),1===t.cells.length&&se(t.cells[0]))};return e.addEventListener("keydown",t),()=>{e.removeEventListener("keydown",t)}}),[Ke,ve,ke.length,se,re]);const Ie=`${(0,u.useMemo)((()=>`${(0,y.uniqueId)("diagram-")}-`),[])}line-arrow-`,[Xe,Ye]=(0,u.useState)([]),[qe,Ge]=(0,u.useState)(!1),[Je,Qe]=(0,u.useState)(!1),[Ze,et]=(0,u.useState)(!1),tt=(0,u.useCallback)((e=>{we({type:"move-cells",payload:e});const t=[];(0,I._)(e,ve).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)})),Ee(t),Ye(e.flatMap((e=>{var t;return null!==(t=e.guideLines)&&void 0!==t?t:[]}))),Ge(!0),e.some((e=>(0,b._m)(e)))||et(!0)}),[ve]),at=(0,u.useCallback)((e=>{we({type:"move-cells",payload:e}),oe(e),1===e.length&&ne(e[0]),(0,I._)(e,ve,ge),Ee([]),Ye([]),Ge(!1),et(!1)}),[ne,oe,ve,ge]),it=(0,u.useCallback)((e=>{we({type:"resize-cell",payload:e}),Qe(!0)}),[]),nt=(0,u.useCallback)((e=>{we({type:"resize-cell",payload:e}),le(e),Qe(!1)}),[le]),lt=(0,u.useCallback)((e=>{let{id:t,editing:a}=e;be(a?e=>e.includes(t)?e:[...e,t]:e=>e.filter((e=>e!==t)))}),[]),st=(0,u.useCallback)(((e,t)=>{const a=Pe();we({type:"update-node-size",payload:{id:e,size:t},layoutKey:a})}),[Pe]),ot=(0,u.useCallback)((e=>{Se.scaleTo((0,m.A)(me.current),e/100)}),[Se]),{lineConfMap:rt,lineConnectorConf:dt,markers:ct}=(0,$.d)({cells:ve,defaultEdgeLines:r,lineConnector:Q,markerPrefix:Ie,useMemoizedResult:Ze||Je}),ht=(0,q.A)({cells:ve,lineConfMap:rt}),ut=(0,u.useMemo)((()=>{let e=[];return e=ve.filter((e=>(0,G.Q)(e,Ke)&&((0,b.WW)(e)||(0,b._m)(e))&&ht.has(e))),e}),[Ke,ve,ht]),gt=(0,O.H)({cells:ve,layout:i,centered:Oe}),[At,pt]=(0,u.useState)(null),vt=(0,u.useRef)(null),[yt,wt]=(0,u.useState)(null),Ct=(0,u.useCallback)((e=>{if(dt&&(0,b.bo)(e,Z)&&(!yt||"control"!==yt.type)){null!==vt.current&&(clearTimeout(vt.current),vt.current=null);const t=(0,P.G)();pt({cell:e,relativePoints:t,points:ai(t,e.view)})}}),[Z,dt,yt]),mt=(0,u.useCallback)((e=>{dt&&(0,b.N)(e)&&(vt.current=setTimeout((()=>{pt(null)})))}),[dt]),ft=(0,u.useCallback)(((e,t,a,i)=>{const n={source:e.id,target:t.id,view:{...J,exitPosition:a,entryPosition:i,vertices:null}};if(ve.find((a=>"edge"===a.type&&a.source===e.id&&a.target===t.id)))we({type:"change-edge-view",payload:n}),null==Ae||Ae(n);else{const a={type:"edge",...n};we({type:"add-edge",payload:a}),ce({source:e,target:t,view:a.view})}}),[ve,J,ce,Ae]),kt=(0,u.useCallback)(((e,t,a)=>{const i={source:e.id,target:t.id,view:a};we({type:"change-edge-view",payload:i}),null==Ae||Ae(i)}),[Ae]),bt=(0,u.useCallback)(((e,t)=>{const a={id:e.id,view:t};we({type:"change-decorator-view",payload:a}),null==pe||pe(a)}),[pe]),Mt=(0,u.useMemo)((()=>({rootRef:me,smartConnectLineState:_e,unsetHoverStateTimeoutRef:vt,hoverState:At,activeEditableLines:ut,lineEditorState:yt,movingCells:qe,setLineEditorState:wt,setHoverState:pt,setSmartConnectLineState:Ve,onConnect:ft,onChangeEdgeView:kt,onChangeDecoratorView:bt})),[ut,kt,bt,ft,At,yt,_e,qe]);return(0,u.useEffect)((()=>{const e=me.current;if(!e||"lasso"!==M)return;const t=e.getBoundingClientRect(),a=e=>{(0,_.F)(e,{transform:Ne,offset:[t.left,t.top],onLassoing(e){ze(e)},onLassoed(e){ze(null);const t=[];for(const a of ve)if((0,b.WW)(a)||(0,b.N)(a)||(0,b.mH)(a)){const i=(0,y.get)(a,"view.x",0),n=(0,y.get)(a,"view.y",0),l=(0,y.get)(a,"view.width",0),s=(0,y.get)(a,"view.height",0);i>=e.x&&i+l<=e.x+e.width&&n>=e.y&&n+s<=e.y+e.height&&t.push(a)}null==ie||ie(t.length>1?{type:"multi",targets:t.map(j.P)}:1===t.length?(0,j.P)(t[0]):null)}})};return e.addEventListener("mousedown",a),()=>{e.removeEventListener("mousedown",a)}}),[Ne,ve,M,ie]),g().createElement(F.H.Provider,{value:Mt},g().createElement("svg",{width:"100%",height:"100%",ref:me,className:C()("root",{grabbing:We,pannable:w,ready:gt}),tabIndex:-1},g().createElement("defs",null,ct.map(((e,t)=>g().createElement(k.c,{key:t,id:`${Ie}${t}`,type:e.markerType,strokeColor:e.strokeColor})))),g().createElement("g",{transform:`translate(${Ne.x} ${Ne.y}) scale(${Ne.k})`},g().createElement("g",{className:C()("cells",{allowEdgeToArea:Z})},ve.map((e=>g().createElement(x.m,{key:`${e.type}:${(0,b.WW)(e)?`${e.source}~${e.target}`:e.id}`,dragoverContainer:!(0,b.WW)(e)&&Me.includes(e.id),layout:i,layoutOptions:n,cell:e,cells:ve,degraded:Ce,degradedNodeLabel:c,defaultNodeBricks:o,transform:Ne,lineConfMap:rt,editableLineMap:ht,activeTarget:Ke,unrelatedCells:Ue,allowEdgeToArea:Z,curActiveEditableLine:xe,updateCurActiveEditableLine:Te,onCellsMoving:tt,onCellsMoved:at,onCellResizing:it,onCellResized:nt,onSwitchActiveTarget:ie,onCellContextMenu:de,onDecoratorTextChange:he,onDecoratorTextEditing:lt,onNodeBrickResize:st,onCellMouseEnter:Ct,onCellMouseLeave:mt})))),g().createElement("g",null,g().createElement(T.w,{connectLineState:Be,transform:Ne,markerEnd:`${Ie}0`,onConnect:Fe})),Le&&g().createElement("rect",{x:Le.x,y:Le.y,width:Le.width,height:Le.height,fill:"var(--palette-gray-5)",fillOpacity:.3,stroke:"var(--palette-gray-5)",strokeDasharray:2}),dt&&g().createElement("g",null,g().createElement(U.X,{transform:Ne,lineSettings:J,options:dt}),g().createElement(Y.W,{cells:ve,editableLineMap:ht,transform:Ne,options:dt,activeEditableLine:xe})),g().createElement("g",null,Xe.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/Ne.k})))),g().createElement("g",null,dt&&(null==ut?void 0:ut.map((e=>g().createElement(X.F,{editableLineMap:ht,scale:Ne.k,activeEditableLine:e,updateCurActiveEditableLine:Te,key:(0,b.WW)(e)?`${e.source}-${e.target}`:e.id}))))),dt&&g().createElement(H.T,{activeTarget:Ke,editableLineMap:ht,scale:Ne.k,activeEditableLine:xe,disabled:!!Be}))),g().createElement(B.Y,{shadowRoot:a.shadowRoot,scale:Ne.k,scaleRange:Re,onZoomChange:ot,onReCenter:He}))}function ti(){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 ai(e,t){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;const i=R.XK,n=i/2,l=t.x+a/2-n,s=t.y+a/2-n,o=t.width-a+i,r=t.height-a+i;return e.map((e=>({x:l+e.x*o,y:s+e.y*r})))}i=Qa,({e:[Z,ee,te,ae,ie,ne,le,se,oe,re,de,ce,he,ue,ge,Ae,pe,ve,ye,we,Ce,me,fe,ke,be,Me,Ee,xe,Te,We,Ne,Se,Re,Le,ze,Be,De,Oe,$e,Pe,He,Fe,_e,Ve,Ke,Ue,je,Ie,Xe,Ye,qe,Ge,Je,Qe,Ze,et,tt,at,it,nt,lt,st,ot,rt,dt,ct,ht,ut,gt,At,pt,vt,yt,wt,Ct,mt,ft,kt,bt,Mt,Et,xt,Tt,Wt,Nt,St,Rt,Lt,zt,Bt,Dt,Ot,$t,Pt,Ht,Ft,_t,Vt,Kt,Ut,jt,It,J],c:[Zt,Q]}=(0,h.A)(i,[Yt("eo-draw-canvas",{styleTexts:[V.A,K.A]})],[[qt({attribute:!1}),1,"cells"],[qt({type:String}),1,"layout"],[qt({attribute:!1}),1,"layoutOptions"],[qt({attribute:!1}),1,"defaultNodeSize"],[qt({attribute:!1}),1,"defaultNodeBricks"],[qt({type:Number}),1,"degradedThreshold"],[qt({attribute:!1}),1,"degradedNodeLabel"],[qt({attribute:!1}),1,"defaultEdgeLines"],[qt({attribute:!1}),1,"activeTarget"],[qt({type:Boolean}),1,"fadeUnrelatedCells"],[qt({type:Boolean}),1,"zoomable"],[qt({type:Boolean}),1,"scrollable"],[qt({type:Boolean}),1,"pannable"],[qt({type:Boolean}),1,"allowEdgeToArea"],[qt(),1,"dragBehavior"],[qt(),1,"ctrlDragBehavior"],[qt({attribute:!1}),1,"scaleRange"],[qt({attribute:!1}),1,"lineSettings"],[qt({attribute:!1}),1,"lineConnector"],[qt(),1,"doNotResetActiveTargetForSelector"],[qt({type:Boolean}),1,"doNotResetActiveTargetOutsideCanvas"],[Jt({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>(0,c.A)(fa,e),(e,t)=>(0,d.A)(fa,e,t)],[Jt({type:"node.move"}),1,"nodeMoveEvent",e=>(0,c.A)(Ea,e),(e,t)=>(0,d.A)(Ea,e,t)],[Jt({type:"cell.move"}),1,"cellMoveEvent",e=>(0,c.A)(xa,e),(e,t)=>(0,d.A)(xa,e,t)],[Jt({type:"cells.move"}),1,"cellsMoveEvent",e=>(0,c.A)(Wa,e),(e,t)=>(0,d.A)(Wa,e,t)],[Jt({type:"cell.resize"}),1,"cellResizeEvent",e=>(0,c.A)(Sa,e),(e,t)=>(0,d.A)(Sa,e,t)],[Jt({type:"node.delete"}),1,"nodeDelete",e=>(0,c.A)(La,e),(e,t)=>(0,d.A)(La,e,t)],[Jt({type:"cell.delete"}),1,"cellDelete",e=>(0,c.A)(za,e),(e,t)=>(0,d.A)(za,e,t)],[Jt({type:"cells.delete"}),1,"cellsDelete",e=>(0,c.A)(Da,e),(e,t)=>(0,d.A)(Da,e,t)],[Jt({type:"cell.contextmenu"}),1,"cellContextMenu",e=>(0,c.A)($a,e),(e,t)=>(0,d.A)($a,e,t)],[Jt({type:"edge.add"}),1,"edgeAdd",e=>(0,c.A)(Ha,e),(e,t)=>(0,d.A)(Ha,e,t)],[Jt({type:"edge.view.change"}),1,"edgeViewChange",e=>(0,c.A)(_a,e),(e,t)=>(0,d.A)(_a,e,t)],[Jt({type:"decorator.view.change"}),1,"decoratorViewChange",e=>(0,c.A)(Ka,e),(e,t)=>(0,d.A)(Ka,e,t)],[Jt({type:"decorator.text.change"}),1,"decoratorTextChange",e=>(0,c.A)(ja,e),(e,t)=>(0,d.A)(ja,e,t)],[Jt({type:"node.container.change"}),1,"containerContainerChange",e=>(0,c.A)(Xa,e),(e,t)=>(0,d.A)(Xa,e,t)],[Jt({type:"scale.change"}),1,"scaleChange",e=>(0,c.A)(qa,e),(e,t)=>(0,d.A)(qa,e,t)],[Gt(),2,"dropNode"],[Gt(),2,"dropDecorator"],[Gt(),2,"addNodes"],[Gt(),2,"addEdge"],[Gt(),2,"manuallyConnectNodes"],[Gt(),2,"updateCells"],[Gt(),2,"reCenter"]],0,(e=>Ja.has((0,s.A)(e))),p.ReactNextElement)),Q()}}]);
+//# sourceMappingURL=eo-draw-canvas.03ad3919.js.map