@next-bricks/diagram 0.52.3 → 0.52.5

package/dist/chunks/{eo-display-canvas.91e68bf1.js.map → eo-display-canvas.369b1678.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chunks/eo-display-canvas.91e68bf1.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\";\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\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                transform={transform}\n                activeTarget={activeTarget}\n                readOnly\n                unrelatedCells={unrelatedCells}\n                onSwitchActiveTarget={onSwitchActiveTarget}\n                onCellContextMenu={onCellContextMenu}\n                onCellClick={onCellClick}\n                onNodeBrickResize={handleNodeBrickResize}\n                onCellMouseEnter={\n                  fadeUnrelatedCells && isNodeCell(cell)\n                    ? handleCellMouseEnter\n                    : undefined\n                }\n                onCellMouseLeave={\n                  fadeUnrelatedCells && isNodeCell(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","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.369b1678.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\";\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\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                transform={transform}\n                activeTarget={activeTarget}\n                readOnly\n                unrelatedCells={unrelatedCells}\n                onSwitchActiveTarget={onSwitchActiveTarget}\n                onCellContextMenu={onCellContextMenu}\n                onCellClick={onCellClick}\n                onNodeBrickResize={handleNodeBrickResize}\n                onCellMouseEnter={\n                  fadeUnrelatedCells && isNodeCell(cell)\n                    ? handleCellMouseEnter\n                    : undefined\n                }\n                onCellMouseLeave={\n                  fadeUnrelatedCells && isNodeCell(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","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.20c32002.js → eo-draw-canvas.7b054fe1.js}

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