@next-bricks/diagram 0.34.5 → 0.34.7

package/dist/chunks/{eo-diagram.47dee0f3.js.map → eo-diagram.04318c80.js.map}

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

package/dist/chunks/{eo-display-canvas.a4c49e6d.js → eo-display-canvas.e13c2deb.js}

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

package/dist/chunks/{eo-display-canvas.a4c49e6d.js.map → eo-display-canvas.e13c2deb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chunks/eo-display-canvas.a4c49e6d.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}\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  @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        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  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  const cellsRef = useRef<SVGGElement>(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    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    cellsRef,\n    activeTarget: _activeTarget,\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=\"arrow\"\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\" ref={cellsRef}>\n            {cells.map((cell) => (\n              <CellComponent\n                key={`${cell.type}:${isEdgeCell(cell) ? `${cell.source}~${cell.target}` : cell.id}`}\n                layout={undefined}\n                cell={cell}\n                cells={cells}\n                degraded={degraded}\n                degradedNodeLabel={degradedNodeLabel}\n                defaultNodeBricks={defaultNodeBricks}\n                lineConfMap={lineConfMap}\n                transform={transform}\n                active={sameTarget(activeTarget, cell)}\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      <ZoomBarComponent\n        shadowRoot={shadowRoot}\n        scale={transform.k}\n        scaleRange={scaleRange}\n        onZoomChange={handleZoomSlide}\n        onReCenter={reCenter}\n      />\n    </>\n  );\n}\n"],"names":["_EoDisplayCanvas","defineElement","property","event","createDecorators","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_I","_J","_K","_L","_M","_N","_O","_EoDisplayCanvas_brand","WeakSet","_handleActiveTargetChange","_handleSwitchActiveTarget","_P","_handleCellContextMenu","_Q","_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_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","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","cellsRef","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","defPrefix","concat","uniqueId","markerPrefix","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","strokeColor","x","y","k","CellComponent","isEdgeCell","source","undefined","active","readOnly","onNodeBrickResize","onCellMouseEnter","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.e13c2deb.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}\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  @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        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  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  const cellsRef = useRef<SVGGElement>(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    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    cellsRef,\n    activeTarget: _activeTarget,\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=\"arrow\"\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\" ref={cellsRef}>\n            {cells.map((cell) => (\n              <CellComponent\n                key={`${cell.type}:${isEdgeCell(cell) ? `${cell.source}~${cell.target}` : cell.id}`}\n                layout={undefined}\n                cell={cell}\n                cells={cells}\n                degraded={degraded}\n                degradedNodeLabel={degradedNodeLabel}\n                defaultNodeBricks={defaultNodeBricks}\n                lineConfMap={lineConfMap}\n                transform={transform}\n                active={sameTarget(activeTarget, cell)}\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      <ZoomBarComponent\n        shadowRoot={shadowRoot}\n        scale={transform.k}\n        scaleRange={scaleRange}\n        onZoomChange={handleZoomSlide}\n        onReCenter={reCenter}\n      />\n    </>\n  );\n}\n"],"names":["_EoDisplayCanvas","defineElement","property","event","createDecorators","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_I","_J","_K","_L","_M","_N","_O","_EoDisplayCanvas_brand","WeakSet","_handleActiveTargetChange","_handleSwitchActiveTarget","_P","_handleCellContextMenu","_Q","_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_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","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","cellsRef","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","defPrefix","concat","uniqueId","markerPrefix","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","strokeColor","x","y","k","CellComponent","isEdgeCell","source","undefined","active","readOnly","onNodeBrickResize","onCellMouseEnter","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.4b7d730e.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunk_next_bricks_diagram=self.webpackChunk_next_bricks_diagram||[]).push([[8939],{3639:(e,t,a)=>{a.d(t,{w:()=>o});var n=a(8769),l=a.n(n),r=a(3373),i=a.n(r);function o(e){var{connectLineState:t,transform:a,markerEnd:r,onConnect:o}=e,[s,d]=(0,n.useState)(null);return(0,n.useEffect)((()=>{t&&d(t.from)}),[t]),(0,n.useEffect)((()=>{if(t){var e=e=>{d([(e.clientX-a.x-t.offset[0])/a.k,(e.clientY-a.y-t.offset[1])/a.k])},n=e=>{e.stopPropagation()},l=e=>{e.stopPropagation(),r(),o(t,[(e.clientX-a.x-t.offset[0])/a.k,(e.clientY-a.y-t.offset[1])/a.k])},r=()=>{document.removeEventListener("mousemove",e),document.removeEventListener("mousedown",n,{capture:!0}),document.removeEventListener("click",l,{capture:!0}),d(null)};return document.addEventListener("mousemove",e),document.addEventListener("mousedown",n,{capture:!0}),document.addEventListener("click",l,{capture:!0}),r}}),[t,o,a]),l().createElement("path",{className:i()("connect-line",{connecting:!!t&&s&&(s[0]-t.from[0])**2+(s[1]-t.from[1])**2>25}),d:t&&s?"M".concat(t.from.join(" "),"L").concat(s.join(" ")):"",fill:"none",stroke:"gray",strokeWidth:1,markerEnd:"url(#".concat(r,")")})}},9068:(e,t,a)=>{a.r(t),a.d(t,{EoDrawCanvas:()=>ke,EoDrawCanvasComponent:()=>ht});var n,l,r,i,o,s,d,c,u,h,g,p,v,A,f,m,y,k,w,C,b,x,N,E,M,W,z,R,T,S,L,B,D,P,H,O,U,_,j,K,I,Y,F,X,q,J,Z,G,Q,V,$,ee,te,ae,ne,le,re,ie,oe,se,de,ce,ue,he,ge,pe,ve,Ae,fe,me,ye,ke,we=a(4223),Ce=a(9740),be=a(6330),xe=a(4635),Ne=a(918),Ee=a(6902),Me=a(2559),We=a(5536),ze=a(6121),Re=a(829),Te=a(2740),Se=a(8769),Le=a.n(Se),Be=a(7122),De=a(6227),Pe=a(244),He=(a(6329),a(1030)),Oe=a(3373),Ue=a.n(Oe),_e=a(7566),je=a(5748),Ke=a(3739),Ie=a(531),Ye=a(8185),Fe=a(5114),Xe=a(2830),qe=a(3639),Je=a(3783),Ze=a(2098),Ge=a(227),Qe=a(3033),Ve=a(8091),$e=a(1819),et=a(7099),tt=a(1484),at=a(8197),nt=a(7531),lt=a(3012),rt=a(8618),it=["shouldReCenter"],ot=(0,Pe.unwrapProvider)("basic.lock-body-scroll"),{defineElement:st,property:dt,method:ct,event:ut}=(0,Be.createDecorators)(),ht=Le().forwardRef(Gt),gt=new WeakMap,pt=new WeakMap,vt=new WeakMap,At=new WeakMap,ft=new WeakMap,mt=new WeakMap,yt=new WeakMap,kt=new WeakMap,wt=new WeakMap,Ct=new WeakMap,bt=new WeakMap,xt=new WeakMap,Nt=new WeakMap,Et=new WeakMap,Mt=new WeakMap,Wt=new WeakMap,zt=new WeakMap,Rt=new WeakSet,Tt=new WeakMap,St=new WeakMap,Lt=new WeakMap,Bt=new WeakMap,Dt=new WeakMap,Pt=new WeakMap,Ht=new WeakMap,Ot=new WeakMap,Ut=new WeakMap,_t=new WeakMap,jt=new WeakMap,Kt=new WeakMap,It=new WeakMap,Yt=new WeakMap,Ft=new WeakMap,Xt=new WeakMap,qt=new WeakMap;class Jt extends De.ReactNextElement{constructor(){super(...arguments),(0,xe.A)(this,Rt),(0,Ne.A)(this,gt,(l(this),i(this))),(0,Ne.A)(this,pt,(o(this),s(this))),(0,Ne.A)(this,vt,(d(this),c(this))),(0,Ne.A)(this,At,(u(this),h(this,[Qe.HP,Qe.HP]))),(0,Ne.A)(this,ft,(g(this),p(this))),(0,Ne.A)(this,mt,(v(this),A(this))),(0,Ne.A)(this,yt,(f(this),m(this))),(0,Ne.A)(this,kt,(y(this),k(this))),(0,Ne.A)(this,wt,(w(this),C(this))),(0,Ne.A)(this,Ct,(b(this),x(this))),(0,Ne.A)(this,bt,(N(this),E(this,!0))),(0,Ne.A)(this,xt,(M(this),W(this,!0))),(0,Ne.A)(this,Nt,(z(this),R(this,!0))),(0,Ne.A)(this,Et,(T(this),S(this,!0))),(0,Ne.A)(this,Mt,(L(this),B(this))),(0,Ne.A)(this,Wt,(D(this),P(this))),(0,Ne.A)(this,zt,(H(this),O(this))),(0,Ne.A)(this,Tt,(j(this),e=>{(0,We.A)(Rt,this,U).emit(e)})),(0,Ne.A)(this,St,(e=>{(0,Ye.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,Ne.A)(this,Lt,K(this)),(0,Ne.A)(this,Bt,(F(this),X(this))),(0,Ne.A)(this,Dt,(Z(this),e=>{(0,We.A)(Rt,this,q).emit(e),"node"===e.type&&(0,We.A)(Rt,this,I).emit(e)})),(0,Ne.A)(this,Pt,G(this)),(0,Ne.A)(this,Ht,($(this),e=>{(0,We.A)(Rt,this,Q).emit(e)})),(0,Ne.A)(this,Ot,ee(this)),(0,Ne.A)(this,Ut,(ne(this),le(this))),(0,Ne.A)(this,_t,(oe(this),e=>{(0,We.A)(Rt,this,re).emit(e),"node"===e.type&&(0,We.A)(Rt,this,te).emit(e)})),(0,Ne.A)(this,jt,se(this)),(0,Ne.A)(this,Kt,(ue(this),e=>{(0,We.A)(Rt,this,de).emit(e)})),(0,Ne.A)(this,It,he(this)),(0,Ne.A)(this,Yt,(ve(this),e=>{(0,We.A)(Rt,this,ge).emit(e)})),(0,Ne.A)(this,Ft,Ae(this)),(0,Ne.A)(this,Xt,(ye(this),e=>{(0,We.A)(Rt,this,fe).emit(e)})),(0,Ne.A)(this,qt,(0,Se.createRef)())}get cells(){return(0,Re.A)(gt,this)}set cells(e){(0,ze.A)(gt,this,e)}get layout(){return(0,Re.A)(pt,this)}set layout(e){(0,ze.A)(pt,this,e)}get layoutOptions(){return(0,Re.A)(vt,this)}set layoutOptions(e){(0,ze.A)(vt,this,e)}get defaultNodeSize(){return(0,Re.A)(At,this)}set defaultNodeSize(e){(0,ze.A)(At,this,e)}get defaultNodeBricks(){return(0,Re.A)(ft,this)}set defaultNodeBricks(e){(0,ze.A)(ft,this,e)}get degradedThreshold(){return(0,Re.A)(mt,this)}set degradedThreshold(e){(0,ze.A)(mt,this,e)}get degradedNodeLabel(){return(0,Re.A)(yt,this)}set degradedNodeLabel(e){(0,ze.A)(yt,this,e)}get defaultEdgeLines(){return(0,Re.A)(kt,this)}set defaultEdgeLines(e){(0,ze.A)(kt,this,e)}get activeTarget(){return(0,Re.A)(wt,this)}set activeTarget(e){(0,ze.A)(wt,this,e)}get fadeUnrelatedCells(){return(0,Re.A)(Ct,this)}set fadeUnrelatedCells(e){(0,ze.A)(Ct,this,e)}get zoomable(){return(0,Re.A)(bt,this)}set zoomable(e){(0,ze.A)(bt,this,e)}get scrollable(){return(0,Re.A)(xt,this)}set scrollable(e){(0,ze.A)(xt,this,e)}get pannable(){return(0,Re.A)(Nt,this)}set pannable(e){(0,ze.A)(Nt,this,e)}get selectable(){return(0,Re.A)(Et,this)}set selectable(e){(0,ze.A)(Et,this,e)}get dragBehavior(){return(0,Re.A)(Mt,this)}set dragBehavior(e){(0,ze.A)(Mt,this,e)}get scaleRange(){return(0,Re.A)(Wt,this)}set scaleRange(e){(0,ze.A)(Wt,this,e)}dropNode(e){var t=this;return(0,be.A)((function*(){var a,n,{id:l,position:r,size:i,data:o,useBrick:s}=e;if(null===(a=(n=document).elementsFromPoint)||void 0===a||null===(a=a.call(n,r[0],r[1]))||void 0===a?void 0:a.includes(t)){var d,c,u,h=t.getBoundingClientRect(),g=(0,Re.A)(qt,t).current.getTransform(),p={type:"node",id:l,view:(0,Ce.A)((0,Ce.A)({},"force"===t.layout||"dagre"===t.layout?null:{x:(r[0]-h.left-g.x)/g.k,y:(r[1]-h.top-g.y)/g.k}),{},{width:null!==(d=null==i?void 0:i[0])&&void 0!==d?d:t.defaultNodeSize[0],height:null!==(c=null==i?void 0:i[1])&&void 0!==c?c:t.defaultNodeSize[0]}),data:o,useBrick:s};return null===(u=(0,Re.A)(qt,t).current)||void 0===u||u.dropNode(p),p}return null}))()}dropDecorator(e){var t=this;return(0,be.A)((function*(){var a,n,{position:l,decorator:r,text:i}=e;if(null===(a=(n=document).elementsFromPoint)||void 0===a||null===(a=a.call(n,l[0],l[1]))||void 0===a?void 0:a.includes(t)){var o,s=t.getBoundingClientRect(),d=(0,Re.A)(qt,t).current.getTransform(),c={type:"decorator",decorator:r,id:"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(e){var t=16*Math.random()|0;return("x"==e?t:3&t|8).toString(16)})),view:{x:(l[0]-s.left-d.x)/d.k,y:(l[1]-s.top-d.y)/d.k,width:Qe.N8,height:Qe.w1,text:i}};return null===(o=(0,Re.A)(qt,t).current)||void 0===o||o.dropDecorator(c),c}return null}))()}addNodes(e){var t=this;return(0,be.A)((function*(){if(0===e.length)return[];var a=e.map((e=>{var a,n,{size:l,useBrick:r,id:i,data:o}=e;return{type:"node",id:i,data:o,view:{width:null!==(a=null==l?void 0:l[0])&&void 0!==a?a:t.defaultNodeSize[0],height:null!==(n=null==l?void 0:l[1])&&void 0!==n?n:t.defaultNodeSize[0]},useBrick:r}}));return(0,Re.A)(qt,t).current.addNodes(a,{defaultNodeSize:t.defaultNodeSize,canvasWidth:t.clientWidth,canvasHeight:t.clientHeight})}))()}addEdge(e){var t=this;return(0,be.A)((function*(){var a,{source:n,target:l,data:r}=e,i={type:"edge",source:n,target:l,data:r};return null===(a=(0,Re.A)(qt,t).current)||void 0===a||a.addEdge(i),i}))()}manuallyConnectNodes(e){return(0,Re.A)(qt,this).current.manuallyConnectNodes(e)}updateCells(e,t){var a=this;return(0,be.A)((function*(){yield(0,Me.A)(Rt,a,Zt).call(a);var{updated:n}=(0,Re.A)(qt,a).current.updateCells(e,(0,Ce.A)((0,Ce.A)({},t),{},{defaultNodeSize:a.defaultNodeSize,canvasWidth:a.clientWidth,canvasHeight:a.clientHeight}));return{updated:n}}))()}disconnectedCallback(){super.disconnectedCallback(),ot(this,!1)}render(){return Le().createElement(ht,{host:this,ref:(0,Re.A)(qt,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,scaleRange:this.scaleRange,onActiveTargetChange:(0,Re.A)(Tt,this),onSwitchActiveTarget:(0,Re.A)(St,this),onCellMove:(0,Re.A)(Dt,this),onCellResize:(0,Re.A)(Ht,this),onCellDelete:(0,Re.A)(_t,this),onCellContextMenu:(0,Re.A)(Kt,this),onDecoratorTextChange:(0,Re.A)(Yt,this),onScaleChange:(0,Re.A)(Xt,this)})}}function Zt(){return new Promise((e=>{var t=()=>{(0,Re.A)(qt,this).current?e():setTimeout(t,10)};t()}))}function Gt(e,t){var{host:a,layout:n,layoutOptions:l,cells:r,defaultNodeSize:i,defaultNodeBricks:o,defaultEdgeLines:s,degradedThreshold:d,degradedNodeLabel:c,activeTarget:u,fadeUnrelatedCells:h,zoomable:g,scrollable:p,pannable:v,dragBehavior:A,scaleRange:f,onActiveTargetChange:m,onSwitchActiveTarget:y,onCellMove:k,onCellResize:w,onCellDelete:C,onCellContextMenu:b,onDecoratorTextChange:x,onScaleChange:N}=e,[{cells:E,layoutKey:M},W]=(0,Se.useReducer)(je.d,r,(e=>({cells:(0,Je.C)(e,{defaultNodeSize:i}),layoutKey:0}))),z=(0,Se.useMemo)((()=>E.filter(Ie.N).length>=(null!=d?d:Qe.pC)),[E,d]),R=(0,Se.useRef)(null),T=(0,Se.useRef)(null),S=(0,Se.useRef)(null),[L,B]=(0,Se.useState)([]),{grabbing:D,transform:P,zoomer:H,scaleRange:O}=(0,Ve.f)({rootRef:R,zoomable:g,scrollable:p,pannable:v,draggable:"grab"===A,scaleRange:f,onSwitchActiveTarget:y});(0,Se.useEffect)((()=>{N(P.k)}),[N,P.k]);var[U,_]=(0,Se.useState)(null),{centered:j,setCentered:K,getNextLayoutKey:I}=(0,tt.g)({layout:n,layoutOptions:l,rootRef:R,cells:E,zoomable:g,zoomer:H,scaleRange:O,layoutKey:M,dispatch:W});(0,Se.useImperativeHandle)(t,(()=>({dropNode(e){"dagre"!==n&&"force"!==n&&K(!0),W({type:"drop-node",payload:e})},dropDecorator(e){"dagre"!==n&&"force"!==n&&K(!0),W({type:"drop-decorator",payload:e})},addNodes(e,t){var{defaultNodeSize:a,canvasWidth:l,canvasHeight:r}=t,i=E.findLastIndex((e=>!("decorator"===e.type&&"text"===e.decorator)))+1,o=[...E.slice(0,i),...e,...E.slice(i)],{cells:s,updated:d,shouldReCenter:c}=(0,Ze.L)({cells:o,layout:n,previousCells:E,defaultNodeSize:a,canvasWidth:l,canvasHeight:r,scaleRange:O,transform:P});return c&&K(!1),W({type:"update-cells",payload:s}),d.filter((t=>e.includes(t)))},addEdge(e){W({type:"add-edge",payload:e})},updateCells(e,t){var a=(0,Ze.L)((0,Ce.A)((0,Ce.A)({},t),{},{layout:n,previousCells:E,cells:e,scaleRange:O,transform:P})),{shouldReCenter:l}=a,r=(0,we.A)(a,it);return l&&K(!1),W({type:"update-cells",payload:r.cells}),r},getTransform:()=>P,manuallyConnectNodes(e){var t=E.find((t=>(0,Ie.N)(t)&&t.id===e));if(t){var a=R.current.getBoundingClientRect();return _({source:t,from:[t.view.x+t.view.width/2,t.view.y+t.view.height/2],offset:[a.left,a.top]}),new Promise(((e,t)=>{S.current={resolve:e,reject:t}}))}return Promise.reject(null)}})),[E,n,O,K,P]);var Y=(0,Se.useCallback)(((e,t)=>{for(var a,n=0;n<E.length;n++){var l=E[n];if((0,Ie.N)(l)&&l.id!==e.source.id&&l.view.x<t[0]&&l.view.x+l.view.width>t[0]&&l.view.y<t[1]&&l.view.y+l.view.height>t[1]){var r;null===(r=S.current)||void 0===r||r.resolve({source:e.source,target:l});break}}null===(a=S.current)||void 0===a||a.reject(null),_(null)}),[E]);(0,Se.useEffect)((()=>{ot(a,!!U)}),[U,a]);var F=(0,$e.J)({cellsRef:T,activeTarget:u,onActiveTargetChange:m}),[X,q]=(0,Se.useState)([]);(0,Se.useEffect)((()=>{var e=h?(0,Ge.Y)(E,U,F):[];q((t=>0===t.length&&0===e.length?t:e))}),[F,E,U,h]),(0,Se.useEffect)((()=>{var e=R.current;if(e&&!(L.length>0)){var t=e=>{var t=(0,Fe.a)(e,{cells:E,activeTarget:F});"delete-cell"===(null==t?void 0:t.action)&&C(t.cell)};return e.addEventListener("keydown",t),()=>{e.removeEventListener("keydown",t)}}}),[F,E,L.length,C]);var J=(0,Se.useMemo)((()=>"".concat((0,He.uniqueId)("diagram-"),"-")),[]),Z="".concat(J,"line-arrow-"),G=(0,Se.useCallback)((e=>{W({type:"move-cell",payload:e})}),[]),Q=(0,Se.useCallback)((e=>{W({type:"move-cell",payload:e}),k(e)}),[k]),V=(0,Se.useCallback)((e=>{W({type:"resize-cell",payload:e})}),[]),$=(0,Se.useCallback)((e=>{W({type:"resize-cell",payload:e}),w(e)}),[w]),ee=(0,Se.useCallback)((e=>{var{id:t,editing:a}=e;B(a?e=>e.includes(t)?e:[...e,t]:e=>e.filter((e=>e!==t)))}),[]),te=(0,Se.useCallback)(((e,t)=>{var a=I();W({type:"update-node-size",payload:{id:e,size:t},layoutKey:a})}),[I]),ae=(0,Se.useCallback)((e=>{H.scaleTo((0,_e.A)(R.current),e/100)}),[H]),ne=(0,Se.useCallback)((()=>{K(!1)}),[K]),[le,re]=(0,nt.d)({cells:E,defaultEdgeLines:s,markerPrefix:Z}),ie=(0,at.H)({cells:E,layout:n,centered:j});return Le().createElement(Le().Fragment,null,Le().createElement("svg",{width:"100%",height:"100%",ref:R,className:Ue()("root",{grabbing:D,pannable:v,ready:ie}),tabIndex:-1},Le().createElement("defs",null,re.map(((e,t)=>Le().createElement(Ke.c,{key:t,id:"".concat(Z).concat(t),type:"arrow",strokeColor:e.strokeColor})))),Le().createElement("g",{transform:"translate(".concat(P.x," ").concat(P.y,") scale(").concat(P.k,")")},Le().createElement("g",{className:"cells",ref:T},E.map((e=>Le().createElement(Xe.m,{key:"".concat(e.type,":").concat("edge"===e.type?"".concat(e.source,"~").concat(e.target):e.id),layout:n,cell:e,cells:E,degraded:z,degradedNodeLabel:c,defaultNodeBricks:o,transform:P,lineConfMap:le,active:(0,Ye.c)(F,e),unrelatedCells:X,onCellMoving:G,onCellMoved:Q,onCellResizing:V,onCellResized:$,onSwitchActiveTarget:y,onCellContextMenu:b,onDecoratorTextChange:x,onDecoratorTextEditing:ee,onNodeBrickResize:te})))),Le().createElement(qe.w,{connectLineState:U,transform:P,markerEnd:"".concat(Z,"0"),onConnect:Y}))),Le().createElement(et.Y,{shadowRoot:a.shadowRoot,scale:P.k,scaleRange:O,onZoomChange:ae,onReCenter:ne}))}n=Jt,({e:[i,o,s,d,c,u,h,g,p,v,A,f,m,y,k,w,C,b,x,N,E,M,W,z,R,T,S,L,B,D,P,H,O,U,_,j,K,I,Y,F,X,q,J,Z,G,Q,V,$,ee,te,ae,ne,le,re,ie,oe,se,de,ce,ue,he,ge,pe,ve,Ae,fe,me,ye,l],c:[ke,r]}=(0,Te.A)(n,[st("eo-draw-canvas",{styleTexts:[lt.A,rt.A]})],[[dt({attribute:!1}),1,"cells"],[dt({type:String}),1,"layout"],[dt({attribute:!1}),1,"layoutOptions"],[dt({attribute:!1}),1,"defaultNodeSize"],[dt({attribute:!1}),1,"defaultNodeBricks"],[dt({type:Number}),1,"degradedThreshold"],[dt({attribute:!1}),1,"degradedNodeLabel"],[dt({attribute:!1}),1,"defaultEdgeLines"],[dt({attribute:!1}),1,"activeTarget"],[dt({type:Boolean}),1,"fadeUnrelatedCells"],[dt({type:Boolean}),1,"zoomable"],[dt({type:Boolean}),1,"scrollable"],[dt({type:Boolean}),1,"pannable"],[dt({type:Boolean}),1,"selectable"],[dt(),1,"dragBehavior"],[dt({attribute:!1}),1,"scaleRange"],[ut({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>(0,Re.A)(zt,e),(e,t)=>(0,ze.A)(zt,e,t)],[ut({type:"node.move"}),1,"nodeMoveEvent",e=>(0,Re.A)(Lt,e),(e,t)=>(0,ze.A)(Lt,e,t)],[ut({type:"cell.move"}),1,"cellMoveEvent",e=>(0,Re.A)(Bt,e),(e,t)=>(0,ze.A)(Bt,e,t)],[ut({type:"cell.resize"}),1,"cellResizeEvent",e=>(0,Re.A)(Pt,e),(e,t)=>(0,ze.A)(Pt,e,t)],[ut({type:"node.delete"}),1,"nodeDelete",e=>(0,Re.A)(Ot,e),(e,t)=>(0,ze.A)(Ot,e,t)],[ut({type:"cell.delete"}),1,"cellDelete",e=>(0,Re.A)(Ut,e),(e,t)=>(0,ze.A)(Ut,e,t)],[ut({type:"cell.contextmenu"}),1,"cellContextMenu",e=>(0,Re.A)(jt,e),(e,t)=>(0,ze.A)(jt,e,t)],[ut({type:"decorator.text.change"}),1,"decoratorTextChange",e=>(0,Re.A)(It,e),(e,t)=>(0,ze.A)(It,e,t)],[ut({type:"scale.change"}),1,"scaleChange",e=>(0,Re.A)(Ft,e),(e,t)=>(0,ze.A)(Ft,e,t)],[ct(),2,"dropNode"],[ct(),2,"dropDecorator"],[ct(),2,"addNodes"],[ct(),2,"addEdge"],[ct(),2,"manuallyConnectNodes"],[ct(),2,"updateCells"]],0,(e=>qt.has((0,Ee.A)(e))),De.ReactNextElement)),r()},5114:(e,t,a)=>{a.d(t,{a:()=>l});var n=a(8185);function l(e,t){var{cells:a,activeTarget:l}=t,r=a.find((e=>(0,n.c)(e,l)));if(r)switch(e.key||e.keyCode||e.which){case"Backspace":case 8:case"Delete":case 46:return e.preventDefault(),e.stopPropagation(),{action:"delete-cell",cell:r}}}},6330:(e,t,a)=>{function n(e,t,a,n,l,r,i){try{var o=e[r](i),s=o.value}catch(e){return void a(e)}o.done?t(s):Promise.resolve(s).then(n,l)}function l(e){return function(){var t=this,a=arguments;return new Promise((function(l,r){var i=e.apply(t,a);function o(e){n(i,l,r,o,s,"next",e)}function s(e){n(i,l,r,o,s,"throw",e)}o(void 0)}))}}a.d(t,{A:()=>l})}}]);
+//# sourceMappingURL=eo-draw-canvas.4b7d730e.js.map