@next-bricks/diagram 0.33.4 → 0.34.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (59) hide show
  1. package/dist/bricks.json +3 -3
  2. package/dist/chunks/{1889.c14b28e6.js → 1889.f837a8c3.js} +2 -2
  3. package/dist/chunks/{1889.c14b28e6.js.map → 1889.f837a8c3.js.map} +1 -1
  4. package/dist/chunks/{3171.9f016ea3.js → 3171.1cc1ab1d.js} +2 -2
  5. package/dist/chunks/{5552.8099590c.js.map → 3171.1cc1ab1d.js.map} +1 -1
  6. package/dist/chunks/{3933.0342d0ab.js → 3933.834a1e86.js} +2 -2
  7. package/dist/chunks/{3933.0342d0ab.js.map → 3933.834a1e86.js.map} +1 -1
  8. package/dist/chunks/{5030.5dd4080b.js → 5030.dfda5297.js} +2 -2
  9. package/dist/chunks/{5030.5dd4080b.js.map → 5030.dfda5297.js.map} +1 -1
  10. package/dist/chunks/5481.85c478a9.js +3 -0
  11. package/dist/chunks/{5481.d6977dfc.js.map → 5481.85c478a9.js.map} +1 -1
  12. package/dist/chunks/{5552.8099590c.js → 5552.133fe4f7.js} +2 -2
  13. package/dist/chunks/{3171.9f016ea3.js.map → 5552.133fe4f7.js.map} +1 -1
  14. package/dist/chunks/5576.533d5860.js +2 -0
  15. package/dist/chunks/5576.533d5860.js.map +1 -0
  16. package/dist/chunks/{6314.a17e6cef.js → 6314.3cd58874.js} +2 -2
  17. package/dist/chunks/{6314.a17e6cef.js.map → 6314.3cd58874.js.map} +1 -1
  18. package/dist/chunks/{7034.3601cdf8.js → 7034.089eebe3.js} +3 -3
  19. package/dist/chunks/{7034.3601cdf8.js.map → 7034.089eebe3.js.map} +1 -1
  20. package/dist/chunks/7115.7ff52cf4.js +2 -0
  21. package/dist/chunks/7115.7ff52cf4.js.map +1 -0
  22. package/dist/chunks/8954.94a77ece.js +2 -0
  23. package/dist/chunks/8954.94a77ece.js.map +1 -0
  24. package/dist/chunks/9496.b07ede77.js +2 -0
  25. package/dist/chunks/9496.b07ede77.js.map +1 -0
  26. package/dist/chunks/{editable-label.8e6f528c.js → editable-label.ebc55c2c.js} +3 -3
  27. package/dist/chunks/{editable-label.8e6f528c.js.map → editable-label.ebc55c2c.js.map} +1 -1
  28. package/dist/chunks/{eo-diagram.78ef4cc9.js → eo-diagram.5c082c3b.js} +2 -2
  29. package/dist/chunks/{eo-diagram.78ef4cc9.js.map → eo-diagram.5c082c3b.js.map} +1 -1
  30. package/dist/chunks/{eo-display-canvas.0560f7b0.js → eo-display-canvas.72c6b1bd.js} +2 -2
  31. package/dist/chunks/{eo-display-canvas.0560f7b0.js.map → eo-display-canvas.72c6b1bd.js.map} +1 -1
  32. package/dist/chunks/eo-draw-canvas.b99af02e.js +2 -0
  33. package/dist/chunks/eo-draw-canvas.b99af02e.js.map +1 -0
  34. package/dist/chunks/{experimental-node.4545beba.js → experimental-node.87c6ccfb.js} +2 -2
  35. package/dist/chunks/{experimental-node.4545beba.js.map → experimental-node.87c6ccfb.js.map} +1 -1
  36. package/dist/chunks/main.c2305d83.js +2 -0
  37. package/dist/chunks/{main.456f6194.js.map → main.c2305d83.js.map} +1 -1
  38. package/dist/index.869d35b6.js +2 -0
  39. package/dist/{index.2bbf9aec.js.map → index.869d35b6.js.map} +1 -1
  40. package/dist/manifest.json +52 -41
  41. package/dist/types.json +101 -67
  42. package/dist-types/draw-canvas/index.d.ts +11 -0
  43. package/package.json +2 -2
  44. package/dist/chunks/5481.d6977dfc.js +0 -3
  45. package/dist/chunks/5576.ccc9b07c.js +0 -2
  46. package/dist/chunks/5576.ccc9b07c.js.map +0 -1
  47. package/dist/chunks/5669.6a29cf42.js +0 -2
  48. package/dist/chunks/5669.6a29cf42.js.map +0 -1
  49. package/dist/chunks/8050.3fbd70a1.js +0 -2
  50. package/dist/chunks/8050.3fbd70a1.js.map +0 -1
  51. package/dist/chunks/8954.8a2753c6.js +0 -2
  52. package/dist/chunks/8954.8a2753c6.js.map +0 -1
  53. package/dist/chunks/eo-draw-canvas.ab7bd87c.js +0 -2
  54. package/dist/chunks/eo-draw-canvas.ab7bd87c.js.map +0 -1
  55. package/dist/chunks/main.456f6194.js +0 -2
  56. package/dist/index.2bbf9aec.js +0 -2
  57. /package/dist/chunks/{5481.d6977dfc.js.LICENSE.txt → 5481.85c478a9.js.LICENSE.txt} +0 -0
  58. /package/dist/chunks/{7034.3601cdf8.js.LICENSE.txt → 7034.089eebe3.js.LICENSE.txt} +0 -0
  59. /package/dist/chunks/{editable-label.8e6f528c.js.LICENSE.txt → editable-label.ebc55c2c.js.LICENSE.txt} +0 -0
@@ -1 +1 @@
1
- {"version":3,"file":"chunks/eo-diagram.78ef4cc9.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":""}
1
+ {"version":3,"file":"chunks/eo-diagram.5c082c3b.js","mappings":"oKAYO,SAASA,EAAeC,GAIO,IAChCC,GAL0B,GAC9BC,EAAE,KACFC,EAAI,YACJC,GACqBJ,EAGrB,OAAQG,GACN,IAAK,OACHF,EAAYI,EACZ,MACF,IAAK,OACHJ,EAAYK,EACZ,MACF,QACEL,EAAYM,EAGhB,OAAOC,IAAAA,cAACP,EAAS,CAACC,GAAIA,EAAIE,YAAaA,GACzC,CAEA,SAASG,EAAWE,GAGsB,IAHrB,GACnBP,EAAE,YACFE,GACyBK,EACzB,OACED,IAAAA,cAAA,UACEN,GAAIA,EACJQ,QAAQ,UACRC,KAAM,EACNC,KAAM,EACNC,YAAa,EACbC,aAAc,EACdC,OAAO,qBACPC,eAAe,SAEfR,IAAAA,cAAA,QACES,EAAE,gCACFC,OAAQd,EACRe,YAAa,EACbC,KAAMhB,IAId,CAEA,SAASC,EAA6BgB,GAGI,IAHH,GACrCnB,EAAE,YACFE,GACyBiB,EACzB,OACEb,IAAAA,cAAA,UACEN,GAAIA,EACJQ,QAAQ,YACRC,KAAM,GACNC,KAAM,IACNC,YAAa,GACbC,aAAc,GACdC,OAAO,sBAEPP,IAAAA,cAAA,QACES,EAAE,yFACFC,OAAQd,EACRe,YAAa,EACbC,KAAK,SAIb,CAEA,SAASd,EAA8BgB,GAGG,IAHF,GACtCpB,EAAE,YACFE,GACyBkB,EACzB,OACEd,IAAAA,cAAA,UACEN,GAAIA,EACJQ,QAAQ,YACRC,KAAM,GACNC,KAAM,IACNC,YAAa,GACbC,aAAc,GACdC,OAAO,sBAEPP,IAAAA,cAAA,QACES,EAAE,yGACFC,OAAQd,EACRe,YAAa,EACbC,KAAK,SAIb,C,q3BC1CA,IAyBAG,IAzBM,cAAEC,GAAa,SAAEC,GAAQ,MAAEC,GAAK,OAAEC,KAAWC,EAAAA,GAAAA,oBAuBtCC,IAAqBC,EAAAA,GAAAA,YAAWC,IAE7CC,GAAA,IAAAC,QAAAC,GAAA,IAAAD,QAAAE,GAAA,IAAAF,QAAAG,GAAA,IAAAH,QAAAI,GAAA,IAAAJ,QAAAK,GAAA,IAAAL,QAAAM,GAAA,IAAAN,QAAAO,GAAA,IAAAP,QAAAQ,GAAA,IAAAR,QAAAS,GAAA,IAAAT,QAAAU,GAAA,IAAAV,QAAAW,GAAA,IAAAX,QAAAY,GAAA,IAAAZ,QAAAa,GAAA,IAAAb,QAAAc,GAAA,IAAAd,QAAAe,GAAA,IAAAC,QAAAC,GAAA,IAAAjB,QAAAkB,GAAA,IAAAlB,QAAAmB,GAAA,IAAAnB,QAAAoB,GAAA,IAAApB,QAAAqB,GAAA,IAAArB,QAAAsB,GAAA,IAAAtB,QAAAuB,GAAA,IAAAvB,QAAAwB,GAAA,IAAAxB,QAAAyB,GAAA,IAAAzB,QAAA0B,GAAA,IAAA1B,QAAA2B,GAAA,IAAA3B,QAAA4B,GAAA,IAAA5B,QAAA6B,GAAA,IAAA7B,QAIA,MAAA8B,WAGwBC,GAAAA,iBAA2CC,WAAAA,GAAA,SAAAC,YAAAC,EAAAA,GAAAA,GAAA,KAAAnB,KACjEoB,EAAAA,GAAAA,GAAA,KAAApC,IAAAqC,EAAA,MAAAC,EAAA,SAAAF,EAAAA,GAAAA,GAAA,KAAAlC,IAAAqC,EAAA,MAAAC,EAAA,SAAAJ,EAAAA,GAAAA,GAAA,KAAAjC,IAAAsC,EAAA,MAAAC,EAAA,SAAAN,EAAAA,GAAAA,GAAA,KAAAhC,IAAAuC,EAAA,MAAAC,EAAA,SAAAR,EAAAA,GAAAA,GAAA,KAAA/B,IAAAwC,EAAA,MAAAC,EAAA,SAAAV,EAAAA,GAAAA,GAAA,KAAA9B,IAAAyC,EAAA,MAAAC,EAAA,SAAAZ,EAAAA,GAAAA,GAAA,KAAA7B,IAAA0C,EAAA,MAAAC,EAAA,SAAAd,EAAAA,GAAAA,GAAA,KAAA5B,IAAA2C,EAAA,MAAAC,EAAA,SAAAhB,EAAAA,GAAAA,GAAA,KAAA3B,IAAA4C,EAAA,MAAAC,EAAA,SAAAlB,EAAAA,GAAAA,GAAA,KAAA1B,IAAA6C,EAAA,MAAAC,EAAA,SAAApB,EAAAA,GAAAA,GAAA,KAAAzB,IAAA8C,EAAA,MAAAC,EAAA,MAkCyC,MAAItB,EAAAA,GAAAA,GAAA,KAAAxB,IAAA+C,EAAA,MAAAC,EAAA,MAGF,MAAIxB,EAAAA,GAAAA,GAAA,KAAAvB,IAAAgD,EAAA,MAAAC,EAAA,MAGN,MAAI1B,EAAAA,GAAAA,GAAA,KAAAtB,IAAAiD,EAAA,MAAAC,EAAA,SAAA5B,EAAAA,GAAAA,GAAA,KAAArB,IAAAkD,EAAA,MAAAC,EAAA,SAAA9B,EAAAA,GAAAA,GAAA,KAAAlB,IAAAiD,EAAA,MAQhBC,IAC3BC,GAAArD,GAAAsD,KAAIC,GAA0BC,KAAKJ,EAAO,KAC3ChC,EAAAA,GAAAA,GAAA,KAAAjB,GAAAsD,EAAA,QAAArC,EAAAA,GAAAA,GAAA,KAAAhB,IAAAsD,EAAA,MAKoBC,IACnBN,GAAArD,GAAAsD,KAAIM,GAAaJ,KAAKG,EAAK,KAC5BvC,EAAAA,GAAAA,GAAA,KAAAf,GAAAwD,EAAA,QAAAzC,EAAAA,GAAAA,GAAA,KAAAd,IAAAwD,EAAA,MAKoBC,IACnBV,GAAArD,GAAAsD,KAAIU,GAAaR,KAAKO,EAAK,KAC5B3C,EAAAA,GAAAA,GAAA,KAAAb,GAAA0D,EAAA,QAAA7C,EAAAA,GAAAA,GAAA,KAAAZ,IAAA0D,EAAA,MAKmBC,IAClBd,GAAArD,GAAAsD,KAAIc,GAAYZ,KAAKW,EAAK,KAC3B/C,EAAAA,GAAAA,GAAA,KAAAX,GAAA4D,EAAA,QAAAjD,EAAAA,GAAAA,GAAA,KAAAV,IAAA4D,EAAA,MAKyBH,IACxBd,GAAArD,GAAAsD,KAAIiB,GAAkBf,KAAKW,EAAK,KACjC/C,EAAAA,GAAAA,GAAA,KAAAT,GAAA6D,EAAA,QAAApD,EAAAA,GAAAA,GAAA,KAAAR,IAAA6D,GAAA,MAKsBC,IACrBrB,GAAArD,GAAAsD,KAAIqB,IAAenB,KAAKkB,EAAO,KAChCtD,EAAAA,GAAAA,GAAA,KAAAP,IAE4BuC,KACtBwB,EAAAA,GAAAA,GAAWxB,EAAQE,KAAKuB,gBAC3BvB,KAAKuB,aAAezB,EACtB,KACDhC,EAAAA,GAAAA,GAAA,KAAAN,IAEagE,EAAAA,GAAAA,aAAuB,WAzF5BC,GAAM,OAAAC,GAAAhG,GAAA,gBAAN+F,CAAME,GAAAC,GAAAlG,GAAA,KAAAiG,EAAA,UAGNE,GAAK,OAAAH,GAAA9F,GAAA,eAALiG,CAAKF,GAAAC,GAAAhG,GAAA,KAAA+F,EAAA,UAGLG,GAAK,OAAAJ,GAAA7F,GAAA,eAALiG,CAAKH,GAAAC,GAAA/F,GAAA,KAAA8F,EAAA,eAGLI,GAAU,OAAAL,GAAA5F,GAAA,oBAAViG,CAAUJ,GAAAC,GAAA9F,GAAA,KAAA6F,EAAA,UAGVK,GAAK,OAAAN,GAAA3F,GAAA,eAALiG,CAAKL,GAAAC,GAAA7F,GAAA,KAAA4F,EAAA,kBAGLM,GAAa,OAAAP,GAAA1F,GAAA,uBAAbiG,CAAaN,GAAAC,GAAA5F,GAAA,KAAA2F,EAAA,iBAGbJ,GAAY,OAAAG,GAAAzF,GAAA,sBAAZsF,CAAYI,GAAAC,GAAA3F,GAAA,KAAA0F,EAAA,0BAGZO,GAAqB,OAAAR,GAAAxF,GAAA,+BAArBgG,CAAqBP,GAAAC,GAAA1F,GAAA,KAAAyF,EAAA,iBAGrBQ,GAAY,OAAAT,GAAAvF,GAAA,sBAAZgG,CAAYR,GAAAC,GAAAzF,GAAA,KAAAwF,EAAA,cAGZS,GAAS,OAAAV,GAAAtF,GAAA,mBAATgG,CAAST,GAAAC,GAAAxF,GAAA,KAAAuF,EAAA,aAGTU,GAAQ,OAAAX,GAAArF,GAAA,kBAARgG,CAAQV,GAAAC,GAAAvF,GAAA,KAAAsF,EAAA,eAGRW,GAAU,OAAAZ,GAAApF,GAAA,oBAAVgG,CAAUX,GAAAC,GAAAtF,GAAA,KAAAqF,EAAA,aAGVY,GAAQ,OAAAb,GAAAnF,GAAA,kBAARgG,CAAQZ,GAAAC,GAAArF,GAAA,KAAAoF,EAAA,eAGRa,GAAU,OAAAd,GAAAlF,GAAA,oBAAVgG,CAAUb,GAAAC,GAAApF,GAAA,KAAAmF,EAAA,CAqDnBc,eAAAA,CAAgB7I,EAAYyB,GAAoC,QAAAqH,EAAAC,EAAA/E,UAAAgF,OAAjBC,EAAI,IAAAC,MAAAH,EAAA,EAAAA,EAAA,KAAAI,EAAA,EAAAA,EAAAJ,EAAAI,IAAJF,EAAIE,EAAA,GAAAnF,UAAAmF,GACzB,QAAxBL,EAAAhB,GAAAlE,GAAAwC,MAAiBgD,eAAO,IAAAN,GAAxBA,EAA0BD,gBAAgB7I,EAAIyB,KAAWwH,EAC3D,CAEAI,MAAAA,GACE,OACE/I,KAAAA,cAACqB,GAAkB,CACjB2H,IAAGxB,GAAAlE,GAAEwC,MACLyB,OAAQzB,KAAKyB,OACbI,MAAO7B,KAAK6B,MACZC,MAAO9B,KAAK8B,MACZC,WAAY/B,KAAK+B,WACjBC,MAAOhC,KAAKgC,MACZC,cAAejC,KAAKiC,cACpBE,aAAcnC,KAAKmC,aACnBC,UAAWpC,KAAKoC,UAChBb,aAAcvB,KAAKuB,aACnBW,sBAAuBlC,KAAKkC,sBAC5BG,SAAUrC,KAAKqC,SACfC,WAAYtC,KAAKsC,WACjBC,SAAUvC,KAAKuC,SACfC,WAAYxC,KAAKwC,WACjBW,qBAAoBzB,GAAA9E,GAAEoD,MACtBoD,qBAAoB1B,GAAAnE,GAAEyC,MACtBqD,aAAY3B,GAAA5E,GAAEkD,MACdsD,aAAY5B,GAAA1E,GAAEgD,MACduD,YAAW7B,GAAAxE,GAAE8C,MACbwD,kBAAiB9B,GAAAtE,GAAE4C,MACnByD,eAAc/B,GAAApE,GAAE0C,OAGtB,EAaK,SAASvE,GAAwB/B,EAwBtCwJ,GACA,IAxBA,OACEzB,EAAM,MACNI,EAAK,MACLC,EAAK,WACLC,EAAU,MACVC,EAAK,cACLC,EAAa,aACbE,EAAY,UACZC,EACAb,aAAcmC,EAAa,sBAC3BxB,EAAqB,SACrBG,EAAQ,WACRC,EAAU,SACVC,EACAC,WAAYmB,EAAW,qBACvBR,EAAoB,qBACpBC,EAAoB,aACpBC,EAAY,aACZC,EAAY,YACZC,EAAW,kBACXC,EAAiB,eACjBC,GACwB/J,GAGnBkK,EAAYC,IAAiBC,EAAAA,GAAAA,WAAS,IACtCC,EAAeC,IAAoBF,EAAAA,GAAAA,UAAS,IAC5CG,EAAoBC,IACzBJ,EAAAA,GAAAA,UAA+B,OAC1BK,EAAiBC,IAAsBN,EAAAA,GAAAA,WAAS,IAChDO,EAAoBC,IAAyBR,EAAAA,GAAAA,UAAS,IACtDS,EAAyBC,IAC9BV,EAAAA,GAAAA,UAA+B,OAC1BW,EAAoBC,IAAyBZ,EAAAA,GAAAA,UAElD,KAEKa,EAAUC,IAAed,EAAAA,GAAAA,WAAS,IAClCe,EAAWC,IAAgBhB,EAAAA,GAAAA,UAA2B,CAC3DiB,EAAG,EACHC,EAAG,EACHC,EAAG,IAGCC,GAAeC,EAAAA,GAAAA,QAAO,IAAIC,KAE1BC,GAAUF,EAAAA,GAAAA,QAAuB,MACjCG,GAAWH,EAAAA,GAAAA,QAAuB,OACjCI,EAAUC,IAAe1B,EAAAA,GAAAA,WAAS,IAEnC,cAAE2B,EAAa,iBAAEC,EAAgB,aAAEC,IAAiBC,EAAAA,GAAAA,GACxDxD,aAAS,EAATA,EAAWyD,OAGNC,EAAeC,IAAoBjC,EAAAA,GAAAA,UAAwB,CAAC,EAAG,KAC/DkC,EAAkBC,IACvBnC,EAAAA,GAAAA,UAAkC,OAC7BoC,EAAoBC,KACzBrC,EAAAA,GAAAA,UAA6B,YACxBsC,GAAcC,KAAmBvC,EAAAA,GAAAA,UAA8B,OAEtEwC,EAAAA,GAAAA,qBAAoBpD,GAAK,KAAM,CAC7BT,eAAAA,CAAgB7I,EAAIyB,GAAiB,QAAAkL,EAAAC,EAAA5I,UAAAgF,OAANC,EAAI,IAAAC,MAAA0D,EAAA,EAAAA,EAAA,KAAAC,EAAA,EAAAA,EAAAD,EAAAC,IAAJ5D,EAAI4D,EAAA,GAAA7I,UAAA6I,GAE/BlC,SAAgC,QAATgC,EAAvBhC,EAAyBmC,IAAI9M,UAAG,IAAA2M,GACX,QADWA,EAAhCA,EACII,yBAAiB,IAAAJ,GAFvBA,EAGIlL,MAAWwH,EACjB,OAGF+D,EAAAA,GAAAA,YAAU,KACR,IAAMC,EAAoBzL,KACxB0L,EAAAA,GAAAA,GAAqB1L,EAAO,CAC1ByG,QACAoC,qBACA9B,eACAC,YACA2E,MAAOlC,EAAUE,EACjBkB,sBACAF,mBACAI,yBACAE,mBACAjD,uBACAK,kBACA,EAIEuD,EAAiB1B,EAAStC,QAEhC,OADAgE,SAAAA,EAAgBC,iBAAiB,YAAaJ,GACvC,KACLG,SAAAA,EAAgBE,oBAAoB,YAAaL,EAAiB,CACnE,GACA,CACDhF,EACAM,EACAC,EACAyC,EAAUE,EACVd,EACAR,EACAL,IAGF,IAAM,gBAAE+D,GAAe,mBAAEC,GAAkB,QAAEC,KAAYC,EAAAA,GAAAA,UACvD,KAAMC,EAAAA,GAAAA,GAAyBzF,EAAOE,IACtC,CAACF,EAAOE,IAGJwF,IAAaF,EAAAA,GAAAA,UAAQ,IAClBH,GAAgBM,SAAQtN,IAA0C,IAKnEuN,EACAC,GAN4B9G,MAAM,KAAE+G,EAAI,MAAEC,EAAK,IAAEC,GAAK,KAAErH,GAAMtG,EAClE,OAAKyN,GAASC,GAMVA,GACFH,EAAM,QACNC,EAAQ,GAAuBI,OAAOF,KAEtCH,EAAM,OACNC,EAAQ,GAAqBI,OAAOH,IAG/BD,EAAKK,KAAgBC,IAAI,IAAAC,EAAA,MAAM,CACpC,CAACR,GAAiBO,EAClBrO,GAAI,GAAFmO,OAAKD,EAAG,KAAAC,OAAkB,QAAlBG,EAAID,EAAKE,iBAAS,IAAAD,EAAAA,EAAI,UAChCzH,OACD,KAjBQ,EAiBN,KAEJ,CAAC0G,MAEItF,MAAOuG,GAAetG,MAAOuG,KAAkBC,EAAAA,GAAAA,GAAmB,CACxE7G,SACAI,QACAC,QACAoE,qBACAT,gBACAC,mBACAU,gBACAnC,qBACAM,0BACA6C,sBACAnF,gBACA8B,gBACAM,wBAGFuC,EAAAA,GAAAA,YACE,KAC6B,aAAvBV,GACFP,EACEyC,GAAcJ,KAAK3H,IAAI,CACrBzG,GAAIyG,EAAKzG,GACToL,EAAG3E,EAAK2E,EACRC,EAAG5E,EAAK4E,MAGd,GAIF,CAACiB,IAGH,IAAMqC,IAAgBjB,EAAAA,GAAAA,UACpB,KAAMkB,EAAAA,GAAAA,GAAiBH,GAAeD,GAAejB,KACrD,CAACA,GAAiBiB,GAAeC,KAG7BI,GAAkB/E,QAAAA,EAAiB,MAClCnC,GAAcmH,KAAmB5E,EAAAA,GAAAA,UACtC2E,KAGF7B,EAAAA,GAAAA,YAAU,KACR8B,IAAiBC,IACfrH,EAAAA,GAAAA,GAAWqH,EAAUF,IAAmBE,EAAWF,IACpD,GACA,CAACA,KAEJ,IAAMG,IAAgCzD,EAAAA,GAAAA,SAAO,IAC7CyB,EAAAA,GAAAA,YAAU,KACHgC,GAA8B5F,QAInCG,SAAAA,EAAuB5B,IAHrBqH,GAA8B5F,SAAU,CAGN,GACnC,CAACzB,GAAc4B,KAElByD,EAAAA,GAAAA,YAAU,KACR,IAAMiC,EAAOxD,EAAQrC,QACrB,GAAK6F,IAAQ3G,EAAb,CAGA,IAAM4G,EAAa1N,IACjB,IAAM2N,GAASC,EAAAA,GAAAA,GAAe5N,EAAO,CACnCgN,iBACA7G,kBAGqB,iBAAnBwH,aAAM,EAANA,EAAQA,QACV1F,SAAAA,EAAe0F,EAAO1I,MACM,iBAAnB0I,aAAM,EAANA,EAAQA,QACjBzF,SAAAA,EAAeyF,EAAOtI,MACM,wBAAnBsI,aAAM,EAANA,EAAQA,SAAmCA,EAAO1I,OAC3D+C,SAAAA,EAAuB,CAAEvJ,KAAM,OAAQoP,OAAQF,EAAO1I,KAAKzG,KAC7D,EAGF,OADAiP,EAAK5B,iBAAiB,UAAW6B,GAC1B,KACLD,EAAK3B,oBAAoB,UAAW4B,EAAU,CAjBhD,CAkBC,GACA,CACDvH,GACA6G,GACAlG,EACAkB,EACAC,EACAC,IAGF,IAAM4F,IAAsBC,EAAAA,GAAAA,cACzBC,IACKA,IACFpF,GAAkB2E,GAAaA,EAAW,IAC1CzE,EAAsBkF,IAExBvF,GAAe8E,GAAaA,KAAcS,GAAc,GAE1D,IAGIC,IAA2BF,EAAAA,GAAAA,cAC9BC,IACKA,IACF9E,GAAuBqE,GAAaA,EAAW,IAC/CnE,EAA2B4E,IAE7BhF,GAAoBuE,GAAaA,KAAcS,GAAc,GAE/D,IAGI5G,IAAa8E,EAAAA,GAAAA,UACjB,IACE3D,QAAAA,EACC,CAAC2F,GAAAA,GAAyBC,GAAAA,KAC7B,CAAC5F,IAGG6F,IAASlC,EAAAA,GAAAA,UAAQ,KAAMmC,EAAAA,GAAAA,OAAiC,KAE9D7C,EAAAA,GAAAA,YAAU,KACR,IAAI8C,GAAQ,EACZF,GACGG,YAAYtH,EAAWG,GAAa,CAAC,EAAG,IACxCoH,GAAG,SAAS,KACXF,GAAQ,EACR9E,GAAY,EAAK,IAElBgF,GAAG,QAASC,IACXH,GAAQ,EACR5E,EAAa+E,EAAEhF,UAAU,IAE1B+E,GAAG,OAAO,KACThF,GAAY,GACP8E,GACHtG,SAAAA,EAAuB,KACzB,GACA,GACH,CAACA,EAAsBZ,GAAYH,EAAUmH,MAEhD5C,EAAAA,GAAAA,YAAU,KACR,IAAMiC,EAAOxD,EAAQrC,QACrB,GAAK6F,EAAL,CAIA,IAAMiB,GAAgBC,EAAAA,GAAAA,GAAOlB,GAEvBmB,EAAYA,KAChBF,EACGF,GAAG,QAAS,MACZA,GAAG,eAAgB,MACnBA,GAAG,QAAS,KAAK,EAGtB,GAAMvH,GAAYC,GAAcC,EA0ChC,OArCIF,GAAYC,IAGdwH,EAAcF,GACZ,qBACCC,IAEMA,EAAEI,UAELJ,EAAEK,2BACE5H,IACFuH,EAAEM,iBACFX,GAAOY,YACLN,EACAD,EAAEQ,YAAc,EAChBR,EAAES,YAAc,IAGtB,IAMNR,EACGS,KAAKf,IACLI,GAAG,SAAUC,GAAkBA,EAAEM,mBACjCP,GAAG,gBAAiB,MAElBrH,GACHuH,EACGF,GAAG,iBAAkB,MACrBA,GAAG,kBAAmB,MACtBA,GAAG,iBAAkB,MACrBA,GAAG,gBAAiB,MAGlBI,EAzCLA,GAZF,CAqDgB,GACf,CAACzH,EAAUD,EAAYD,EAAUmH,MAEpC5C,EAAAA,GAAAA,YAAU,KACR,IAAMiC,EAAOxD,EAAQrC,QACrB,GAA6B,IAAzBoF,GAAcxF,QAAiBiG,IAAQtD,EAA3C,CAGA,IAAM,EAAER,EAAC,EAAEC,EAAC,EAAEC,IAAMuF,EAAAA,GAAAA,GAAkBpC,GAAe,CACnDqC,YAAa5B,EAAK6B,YAClBC,aAAc9B,EAAK+B,aACnBpI,WAAYH,EAAWG,QAAaqI,IAEtCrB,GAAO3E,WAAUkF,EAAAA,GAAAA,GAAOlB,GAAO,IAAIiC,GAAAA,GAAc/F,EAAGC,EAAGC,IACvDO,GAAY,EAPZ,CAOiB,GAChB,CAACD,EAAU6C,GAAe5F,GAAYH,EAAUmH,KAEnD,IAAMuB,IAAYzD,EAAAA,GAAAA,UAAQ,IAAM,GAANS,QAASiD,EAAAA,GAAAA,UAAS,YAAW,MAAK,IACtDC,GAAe,GAAHlD,OAAMgD,GAAS,eAC3BG,GAAa,GAAHnD,OAAMgD,GAAS,SACzBI,GAAyB,GAAHpD,OAAMgD,GAAS,iBAE3CnE,EAAAA,GAAAA,YAAU,KACRlC,GAAuBiE,IACrByC,EAAAA,GAAAA,GAAsBzC,EAAUJ,GAAerD,EAAalC,UAC7D,GACA,CAACuF,KAEJ,IAAO8C,GAAeC,IAAoBpR,KAAAA,SACxC,IAAIkL,KAwBN,OArBAwB,EAAAA,GAAAA,YAAU,KACR,GAAKrC,EAAL,EASAgH,EAAAA,GAAAA,GAAiB9G,EAAoBF,GAErC,IAAMiH,EAAW,IAAIC,GAAAA,GAROC,KAC1BJ,IACEK,EAAAA,GAAAA,GAAiBlH,EAAoBF,GACtC,IAMH,IAAK,IAAMqH,KAAarH,EAAwBsH,SAC9CL,EAASM,QAAQF,GAEnB,MAAO,KACLJ,EAASO,YAAY,CAdvB,CAeC,GACA,CAAC1H,EAAoBE,EAAyBE,IAElC,UAAXhD,GAAiC,UAAXA,EACjBvH,KAAAA,cAAA,6CAAA6N,OAAwCtG,EAAM,MAIrDvH,KAAAA,cAAA,OACE8R,UAAWC,KAAW,UAAW,CAC/BC,MAAOtI,GAAc2B,EACrBZ,WACApC,aAEF4J,UAAW,EACXjJ,IAAKmC,GAELnL,KAAAA,cAAA,OAAKkS,MAAM,OAAOC,OAAO,OAAOL,UAAU,SACxC9R,KAAAA,cAAA,YACGmN,GAAQW,KAAI,CAAAjN,EAAwBuR,KAAK,IAA5B,KAAEzS,EAAI,YAAEC,GAAaiB,EAAA,OACjCb,KAAAA,cAACT,GAAAA,EAAe,CACdiO,IAAK4E,EACL1S,GAAE,GAAAmO,OAAKkD,IAAYlD,OAAGuE,GACtBzS,KAAMA,EACNC,YAAaA,GACb,IAEH,IAAIuR,IAAerD,KAAIhN,IAAA,IAAEuR,EAAQC,GAAMxR,EAAA,OACtCd,KAAAA,cAACuS,GAAAA,EAAiB,CAChB/E,IAAK6E,EACLA,OAAQA,EACRC,MAAOA,EACPtB,WAAYA,GACZzG,mBAAoBA,GACpB,IAEJvK,KAAAA,cAAA,UACEN,GAAE,GAAAmO,OAAKoD,GAAsB,SAC7B/Q,QAAQ,UACRC,KAAM,EACNC,KAAM,EACNC,YAAa,EACbC,aAAc,EACdC,OAAO,QAEPP,KAAAA,cAAA,QACES,EAAE,gCACFC,OAAO,wBACPC,YAAa,EACbC,KAAK,2BAGTZ,KAAAA,cAAA,UACEN,GAAE,GAAAmO,OAAKoD,GAAsB,OAC7B/Q,QAAQ,WACRC,KAAM,EACNC,KAAM,EACNC,YAAa,GACbC,aAAc,EACdC,OAAO,QAEPP,KAAAA,cAAA,QACES,EAAE,gCACFC,OAAO,wBACPC,YAAa,EACbC,KAAK,0BAEPZ,KAAAA,cAAA,QACES,EAAE,iCACFC,OAAO,wBACPC,YAAa,EACbC,KAAK,4BAIXZ,KAAAA,cAAA,KACE2K,UAAS,aAAAkD,OAAelD,EAAUG,EAAC,KAAA+C,OAAIlD,EAAUI,EAAC,YAAA8C,OAAWlD,EAAUE,EAAC,MAEvEwD,GAAcP,KAAKnH,GAClB3G,KAAAA,cAACwS,GAAAA,EAAa,CACZhF,IAAK7G,EAAKA,KAAKiH,IACfjH,KAAMA,EACN8L,UAAWzH,EAAalC,QACxBqI,cAAeA,GACfH,WAAYA,GACZD,aAAcA,GACdE,uBAAwBA,GACxByB,OACyB,UAAvBrL,cAAY,EAAZA,GAAc1H,OACd0H,GAAad,KAAKoM,SAAWhM,EAAKJ,KAAKoM,QACvCtL,GAAad,KAAKX,SAAWe,EAAKJ,KAAKX,OAEzCgN,cACyB,UAAvBvL,cAAY,EAAZA,GAAc1H,QACbgH,EAAKJ,KAAKoM,SAAWtL,GAAa0H,QACjCpI,EAAKJ,KAAKX,SAAWyB,GAAa0H,QAEtC1F,YAAaA,EACbC,kBAAmBA,QAK3BtJ,KAAAA,cAAA,OACE8R,UAAWC,KAAW,cAAe,CAAEC,MAAO/H,IAC9C4I,MAAO,CACLC,KAAMnI,EAAUG,EAChBiI,IAAKpI,EAAUI,EACfJ,UAAW,SAAFkD,OAAWlD,EAAUE,EAAC,OAGjC7K,KAAAA,cAACgT,GAAAA,GAAuB,CACtBC,OAAQ3F,GACR4F,WAAY/D,MAGhBnP,KAAAA,cAAA,OACE8R,UAAU,QACV9I,IAAKoC,EACLyH,MAAO,CACLC,KAAMnI,EAAUG,EAChBiI,IAAKpI,EAAUI,EACfJ,UAAW,SAAFkD,OAAWlD,EAAUE,EAAC,OAGjC7K,KAAAA,cAACmT,GAAAA,EAAkB,CACjBxL,MAAOA,EACPE,WAAYA,EAEZqL,WAAYlE,MAGhBhP,KAAAA,cAACoT,GAAAA,EAAoB,CACnBtH,iBAAkBA,EAClBF,cAAeA,EACfmF,aAAcA,KAItB,CAphBCsC,GAAA9P,KAAAoM,GAAA7L,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAK,EAAAuN,EAAA3N,EAAAM,EAAAG,EAAAmN,EAAArN,EAAAG,EAAAG,EAAAgN,EAAAlN,EAAAG,EAAAG,EAAA6M,EAAA/M,EAAAG,EAAAE,EAAA2M,EAAA5M,EAAAE,EAAAG,GAAAwM,GAAA1M,GAAApD,GAAA+P,GAAA7S,GAAA8S,I,6qFAjCU,E,uBAiCVC,CAAAT,GAAA,CApIArS,GAAc,aAAc,CAC3B+S,WAAY,CAACC,GAAAA,MACb,EAKC/S,GAAS,CAAEtB,KAAMsU,SAAS,aAG1BhT,GAAS,CAAEiT,WAAW,IAAQ,YAG9BjT,GAAS,CAAEiT,WAAW,IAAQ,YAG9BjT,GAAS,CAAEiT,WAAW,IAAQ,iBAG9BjT,GAAS,CAAEiT,WAAW,IAAQ,YAG9BjT,GAAS,CAAEiT,WAAW,IAAQ,oBAG9BjT,GAAS,CAAEiT,WAAW,IAAQ,mBAG9BjT,GAAS,CAAEtB,KAAMwU,UAAU,4BAG3BlT,GAAS,CAAEiT,WAAW,IAAQ,mBAG9BjT,GAAS,CAAEiT,WAAW,IAAQ,gBAG9BjT,GAAS,CAAEtB,KAAMwU,UAAU,eAG3BlT,GAAS,CAAEtB,KAAMwU,UAAU,iBAG3BlT,GAAS,CAAEtB,KAAMwU,UAAU,eAG3BlT,GAAS,CAAEiT,WAAW,IAAQ,iBAG9BhT,GAAM,CAAEvB,KAAM,wBAAwB,4BAAAyU,GAAA5M,GAAAjF,GAAA6R,GAAA,CAAAA,EAAA3M,IAAAC,GAAAnF,GAAA6R,EAAA3M,IAAA,CAOtCvG,GAAM,CAAEvB,KAAM,gBAAgB,eAAAyU,GAAA5M,GAAA7E,GAAAyR,GAAA,CAAAA,EAAA3M,IAAAC,GAAA/E,GAAAyR,EAAA3M,IAAA,CAO9BvG,GAAM,CAAEvB,KAAM,gBAAgB,eAAAyU,GAAA5M,GAAA3E,GAAAuR,GAAA,CAAAA,EAAA3M,IAAAC,GAAA7E,GAAAuR,EAAA3M,IAAA,CAO9BvG,GAAM,CAAEvB,KAAM,eAAe,cAAAyU,GAAA5M,GAAAzE,GAAAqR,GAAA,CAAAA,EAAA3M,IAAAC,GAAA3E,GAAAqR,EAAA3M,IAAA,CAO7BvG,GAAM,CAAEvB,KAAM,kBAAkB,oBAAAyU,GAAA5M,GAAAvE,GAAAmR,GAAA,CAAAA,EAAA3M,IAAAC,GAAAzE,GAAAmR,EAAA3M,IAAA,CAOhCvG,GAAM,CAAEvB,KAAM,kBAAkB,iBAAAyU,GAAA5M,GAAArE,GAAAiR,GAAA,CAAAA,EAAA3M,IAAAC,GAAAvE,GAAAiR,EAAA3M,IAAA,CAehCtG,KAAQ,yBAAAkT,GAAA/Q,GAAAgR,KAAAC,EAAAA,GAAAA,GAAAF,KAhGa7Q,GAAAA,mBAAgBqQ,G,+CCzFjC,SAASW,EACd7B,EACA/M,EACA6O,GAIA,GAAI9B,IAAW/M,IAAU8O,EAAAA,EAAAA,GAAkB/B,EAAQ/M,EAAQ,EAAG,GAC5D,OAAO,KAGT,IAAI+O,EACAC,EAEAC,EAAQ,EACRC,EAAQ,EAEZ,GAAIL,EAAa,CACf,IAAMM,EAAKnP,EAAOkF,EAAI6H,EAAO7H,EACvBkK,EAAKpP,EAAOmF,EAAI4H,EAAO5H,EACvBkK,EAAQC,KAAKC,MAAMH,EAAID,GAC7BF,EAASJ,EAAc,EAAKS,KAAKE,IAAIH,EAAQC,KAAKG,GAAK,GACvDP,EAASL,EAAc,EAAKS,KAAKI,IAAIL,EAAQC,KAAKG,GAAK,EACzD,CAEA,IAAM1O,EAAkB,CACtB,CAACgM,EAAO7H,EAAI+J,EAAOlC,EAAO5H,EAAI+J,GAC9B,CAAClP,EAAOkF,EAAI+J,EAAOjP,EAAOmF,EAAI+J,IAE1BS,EAAsBC,EAAiB7C,EAAQhM,GAC/C8O,EAAsBD,EAAiB5P,EAAQe,GAcrD,OAVEgO,EADEY,EAAoB7M,OAAS,EAC1B6M,EAAoB,GAEpB,CAAC5C,EAAO7H,EAAG6H,EAAO5H,GAGvB6J,EADEa,EAAoB/M,OAAS,EAC1B+M,EAAoB,GAEpB,CAAC7P,EAAOkF,EAAGlF,EAAOmF,GAGlB,CACL,CAAED,EAAG6J,EAAG,GAAI5J,EAAG4J,EAAG,IAClB,CAAE7J,EAAG8J,EAAG,GAAI7J,EAAG6J,EAAG,IAEtB,CAEA,SAASY,EAAiBE,EAAgB/O,GAQxC,IAPA,IAAMgP,EAA4B,CAChC,CAACD,EAAK5K,EAAI4K,EAAKxD,MAAQ,EAAGwD,EAAK3K,EAAI2K,EAAKvD,OAAS,GACjD,CAACuD,EAAK5K,EAAI4K,EAAKxD,MAAQ,EAAGwD,EAAK3K,EAAI2K,EAAKvD,OAAS,GACjD,CAACuD,EAAK5K,EAAI4K,EAAKxD,MAAQ,EAAGwD,EAAK3K,EAAI2K,EAAKvD,OAAS,GACjD,CAACuD,EAAK5K,EAAI4K,EAAKxD,MAAQ,EAAGwD,EAAK3K,EAAI2K,EAAKvD,OAAS,IAE7CyD,EAA8D,GAC3DC,EAAI,EAAGA,EAAI,EAAGA,IACrBD,EAAcE,KAAK,CAACH,EAASE,GAAIF,GAAUE,EAAI,GAAK,KAEtD,IAAME,EAAiC,GACvC,IAAK,IAAMhI,KAAQ6H,EAAe,CAChC,IAAMI,EAAeC,EAAUtP,EAAK,GAAIA,EAAK,GAAIoH,EAAK,GAAIA,EAAK,IAC3DiI,GACFD,EAAcD,KAAKE,EAEvB,CACA,OAAOD,CACT,CAGA,SAASE,EAASzW,EAAAS,EAAAY,EAAAC,GAKM,IAJrBoV,EAAIC,GAAkB3W,GACtB4W,EAAIC,GAAkBpW,GACtBqW,EAAIC,GAAkB1V,GACtB2V,EAAIC,GAAkB3V,EAGvB,GAAKoV,IAAOE,GAAMD,IAAOE,GAAQC,IAAOE,GAAMD,IAAOE,EACnD,OAAO,KAGT,IAAMC,GAAeD,EAAKF,IAAOH,EAAKF,IAAOM,EAAKF,IAAOD,EAAKF,GAG9D,GAAoB,IAAhBO,EACF,OAAO,KAGT,IAAMC,IAAOH,EAAKF,IAAOH,EAAKI,IAAOE,EAAKF,IAAOL,EAAKI,IAAOI,EACvDE,IAAOR,EAAKF,IAAOC,EAAKI,IAAOF,EAAKF,IAAOD,EAAKI,IAAOI,EAG7D,OAAIC,EAAK,GAAKA,EAAK,GAAKC,EAAK,GAAKA,EAAK,EAC9B,KAOF,CAHGV,EAAKS,GAAMP,EAAKF,GAChBC,EAAKQ,GAAMN,EAAKF,GAG5B,C,gBC1GO,SAASzB,EACdmC,EACAC,EACAC,EACAC,GAEA,IAAMC,EAAIF,EAAWG,EAAoBL,EAAGE,GAAYF,EAClDM,EAAIH,EAAWE,EAAoBJ,EAAGE,GAAYF,EAClDhE,EAAOoC,KAAKkC,IAAIH,EAAEnM,EAAImM,EAAE/E,MAAQ,EAAGiF,EAAErM,EAAIqM,EAAEjF,MAAQ,GACnDmF,EAAQnC,KAAKoC,IAAIL,EAAEnM,EAAImM,EAAE/E,MAAQ,EAAGiF,EAAErM,EAAIqM,EAAEjF,MAAQ,GACpDa,EAAMmC,KAAKkC,IAAIH,EAAElM,EAAIkM,EAAE9E,OAAS,EAAGgF,EAAEpM,EAAIoM,EAAEhF,OAAS,GACpDoF,EAASrC,KAAKoC,IAAIL,EAAElM,EAAIkM,EAAE9E,OAAS,EAAGgF,EAAEpM,EAAIoM,EAAEhF,OAAS,GAC7D,OAAOkF,EAAQvE,EAAOmE,EAAE/E,MAAQiF,EAAEjF,OAASqF,EAASxE,EAAMkE,EAAE9E,OAASgF,EAAEhF,MACzE,CAEA,SAAS+E,EAAoB/Q,EAAgBqR,GAC3C,MAAO,CACL1M,EAAG3E,EAAK2E,EAAI3E,EAAK+L,MAAQ,EAAIsF,EAC7BzM,EAAG5E,EAAK4E,EAAI5E,EAAKgM,OAAS,EAAIqF,EAC9BtF,MAAO/L,EAAK+L,MAAkB,EAAVsF,EACpBrF,OAAQhM,EAAKgM,OAAmB,EAAVqF,EAE1B,C,iCCtBO,SAASC,EACdC,GAEA,GAAI9O,MAAM+O,QAAQD,GAAQ,CACxB,IAAME,EAAKF,EAAM,GACXG,EAAKH,EAAMhP,OAAS,EAAIgP,EAAM,GAAME,EAG1C,MAAO,CAACA,EAAIC,EAFDH,EAAMhP,OAAS,EAAIgP,EAAM,GAAME,EAC/BF,EAAMhP,OAAS,EAAIgP,EAAM,GAAMG,EAE5C,CACA,OAAO,IAAIjP,MAAM,GAAGhI,KAAK8W,EAC3B,C","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":""}
@@ -1,2 +1,2 @@
1
- "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:()=>Ee});var n,s,l,i,r,o,c,u,d,h,g,f,p,b,y,m,v,k,w,C,A,N,E,M,T,R,W,z,S,L,x,B,O,j,P,U,_,H,K,D,I,Y,q=a(4635),F=a(918),J=a(1369),Z=a(8449),G=a(6902),Q=a(8769),V=a.n(Q),X=a(9929),$=a(9938),ee=(a(330),a(1030)),te=a(3373),ae=a.n(te),ne=a(7566),se=a(3739),le=a(8185),ie=a(2830),re=a(3783),oe=a(3033),ce=a(8091),ue=a(1819),de=a(5748),he=a(227),ge=a(531),fe=a(7099),pe=a(1484),be=a(8197),ye=a(7531),me=a(2098),ve=a(3012),ke=a(8618);function we(e,t,a){return a(Ne(e,t))}function Ce(e,t,a){return e.set(Ne(e,t),a),a}function Ae(e,t){return e.get(Ne(e,t))}function Ne(e,t,a){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:a;throw new TypeError("Private element is not present on this object")}var Ee,{defineElement:Me,property:Te,event:Re}=(0,X.createDecorators)(),We=new WeakMap,ze=new WeakMap,Se=new WeakMap,Le=new WeakMap,xe=new WeakMap,Be=new WeakMap,Oe=new WeakMap,je=new WeakMap,Pe=new WeakMap,Ue=new WeakMap,_e=new WeakMap,He=new WeakMap,Ke=new WeakMap,De=new WeakMap,Ie=new WeakMap,Ye=new WeakSet,qe=new WeakMap,Fe=new WeakMap,Je=new WeakMap,Ze=new WeakMap,Ge=new WeakMap,Qe=new WeakMap;class Ve extends $.ReactNextElement{constructor(){super(...arguments),(0,q.A)(this,Ye),(0,F.A)(this,We,s(this)),(0,F.A)(this,ze,(l(this),i(this))),(0,F.A)(this,Se,(r(this),o(this))),(0,F.A)(this,Le,(c(this),u(this,[oe.HP,oe.HP]))),(0,F.A)(this,xe,(d(this),h(this))),(0,F.A)(this,Be,(g(this),f(this))),(0,F.A)(this,Oe,(p(this),b(this))),(0,F.A)(this,je,(y(this),m(this))),(0,F.A)(this,Pe,(v(this),k(this))),(0,F.A)(this,Ue,(w(this),C(this))),(0,F.A)(this,_e,(A(this),N(this,!0))),(0,F.A)(this,He,(E(this),M(this,!0))),(0,F.A)(this,Ke,(T(this),R(this,!0))),(0,F.A)(this,De,(W(this),z(this))),(0,F.A)(this,Ie,(S(this),L(this))),(0,F.A)(this,qe,(O(this),e=>{we(Ye,this,x).emit(e)})),(0,F.A)(this,Fe,(e=>{(0,le.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,F.A)(this,Je,j(this)),(0,F.A)(this,Ze,(_(this),e=>{we(Ye,this,P).emit(e)})),(0,F.A)(this,Ge,H(this)),(0,F.A)(this,Qe,(I(this),e=>{we(Ye,this,K).emit(e)}))}get cells(){return Ae(We,this)}set cells(e){Ce(We,this,e)}get layout(){return Ae(ze,this)}set layout(e){Ce(ze,this,e)}get layoutOptions(){return Ae(Se,this)}set layoutOptions(e){Ce(Se,this,e)}get defaultNodeSize(){return Ae(Le,this)}set defaultNodeSize(e){Ce(Le,this,e)}get defaultNodeBricks(){return Ae(xe,this)}set defaultNodeBricks(e){Ce(xe,this,e)}get degradedThreshold(){return Ae(Be,this)}set degradedThreshold(e){Ce(Be,this,e)}get degradedNodeLabel(){return Ae(Oe,this)}set degradedNodeLabel(e){Ce(Oe,this,e)}get defaultEdgeLines(){return Ae(je,this)}set defaultEdgeLines(e){Ce(je,this,e)}get activeTarget(){return Ae(Pe,this)}set activeTarget(e){Ce(Pe,this,e)}get fadeUnrelatedCells(){return Ae(Ue,this)}set fadeUnrelatedCells(e){Ce(Ue,this,e)}get zoomable(){return Ae(_e,this)}set zoomable(e){Ce(_e,this,e)}get scrollable(){return Ae(He,this)}set scrollable(e){Ce(He,this,e)}get pannable(){return Ae(Ke,this)}set pannable(e){Ce(Ke,this,e)}get scaleRange(){return Ae(De,this)}set scaleRange(e){Ce(De,this,e)}render(){return V().createElement(Xe,{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:Ae(qe,this),onSwitchActiveTarget:Ae(Fe,this),onCellContextMenu:Ae(Ze,this),onCellClick:Ae(Qe,this)})}}function Xe(e){var{shadowRoot:t,cells:a,layout:n,layoutOptions:s,defaultNodeSize:l,defaultNodeBricks:i,defaultEdgeLines:r,degradedThreshold:o,degradedNodeLabel:c,activeTarget:u,fadeUnrelatedCells:d,zoomable:h,scrollable:g,pannable:f,scaleRange:p,onActiveTargetChange:b,onSwitchActiveTarget:y,onCellContextMenu:m,onCellClick:v}=e,[{cells:k,layoutKey:w},C]=(0,Q.useReducer)(de.d,a,(e=>({cells:(0,re.C)(e,{defaultNodeSize:l}),layoutKey:1}))),A=(0,Q.useMemo)((()=>k.filter(ge.N).length>=(null!=o?o:oe.pC)),[k,o]),N=(0,Q.useRef)(null),E=(0,Q.useRef)(null),{grabbing:M,transform:T,zoomer:R,scaleRange:W}=(0,ce.f)({rootRef:N,zoomable:h,scrollable:g,pannable:f,draggable:!0,scaleRange:p,onSwitchActiveTarget:y}),{centered:z,setCentered:S,getNextLayoutKey:L}=(0,pe.g)({layout:n,layoutOptions:s,rootRef:N,cells:k,zoomable:h,zoomer:R,scaleRange:W,layoutKey:w,dispatch:C}),x=(0,Q.useCallback)((()=>{S(!1)}),[S]),B=(0,Q.useRef)(a);(0,Q.useEffect)((()=>{if(a!==B.current){B.current=a;var e=(0,me.L)({canvasWidth:t.host.clientWidth,canvasHeight:t.host.clientHeight,defaultNodeSize:l,layout:n,previousCells:k,cells:a,scaleRange:W,transform:T});C({type:"update-cells",payload:e.cells})}}),[k,l,a,n,W,t,T]);var O=(0,ue.J)({cellsRef:E,activeTarget:u,onActiveTargetChange:b}),j=(0,Q.useMemo)((()=>"".concat((0,ee.uniqueId)("diagram-"),"-")),[]),P="".concat(j,"line-arrow-"),U=(0,Q.useCallback)(((e,t)=>{C({type:"update-node-size",payload:{id:e,size:t},layoutKey:L()})}),[L]),[_,H]=(0,Q.useState)(null),K=(0,Q.useCallback)((e=>{H(e)}),[]),D=(0,Q.useCallback)((e=>{H((t=>t===e?null:t))}),[]),[I,Y]=(0,Q.useState)([]);(0,Q.useEffect)((()=>{var e=d?(0,he.Y)(k,null,_):[];Y((t=>0===t.length&&0===e.length?t:e))}),[k,d,_]);var q=(0,Q.useCallback)((e=>{R.scaleTo((0,ne.A)(N.current),e/100)}),[R]),[F,J]=(0,ye.d)({cells:k,defaultEdgeLines:r,markerPrefix:P}),Z=(0,be.H)({cells:k,layout:n,centered:z});return V().createElement(V().Fragment,null,V().createElement("svg",{width:"100%",height:"100%",ref:N,className:ae()("root",{grabbing:M,pannable:f,ready:Z}),tabIndex:-1},V().createElement("defs",null,J.map(((e,t)=>V().createElement(se.c,{key:t,id:"".concat(P).concat(t),type:"arrow",strokeColor:e.strokeColor})))),V().createElement("g",{transform:"translate(".concat(T.x," ").concat(T.y,") scale(").concat(T.k,")")},V().createElement("g",{className:"cells",ref:E},k.map((e=>V().createElement(ie.m,{key:"".concat(e.type,":").concat((0,ge.WW)(e)?"".concat(e.source,"~").concat(e.target):e.id),layout:void 0,cell:e,cells:k,degraded:A,degradedNodeLabel:c,defaultNodeBricks:i,lineConfMap:F,transform:T,active:(0,le.c)(O,e),readOnly:!0,unrelatedCells:I,onSwitchActiveTarget:y,onCellContextMenu:m,onCellClick:v,onNodeBrickResize:U,onCellMouseEnter:d&&(0,ge.N)(e)?K:void 0,onCellMouseLeave:d&&(0,ge.N)(e)?D:void 0})))))),V().createElement(fe.Y,{shadowRoot:t,scale:T.k,scaleRange:W,onZoomChange:q,onReCenter:x}))}Y=Ve,({e:[s,l,i,r,o,c,u,d,h,g,f,p,b,y,m,v,k,w,C,A,N,E,M,T,R,W,z,S,L,x,B,O,j,P,U,_,H,K,D,I],c:[Ee,n]}=function(e,t,a,n,s,l){var i,r,o,c,u,d,h,g=Symbol.metadata||Symbol.for("Symbol.metadata"),f=Object.defineProperty,p=Object.create,b=[p(null),p(null)],y=t.length;function m(t,a,n){return function(s,l){a&&(l=s,s=e);for(var i=0;i<t.length;i++)l=t[i].apply(s,n?[l]:[]);return n?l:s}}function v(e,t,a,n){if("function"!=typeof e&&(n||void 0!==e))throw new TypeError(t+" must "+(a||"be")+" a function"+(n?"":" or undefined"));return e}function k(e,t,a,n,s,l,o,c,u,d,h){function g(e){if(!h(e))throw new TypeError("Attempted to access private element on non-instance")}var p=[].concat(t[0]),y=t[3],k=!o,w=1===s,C=3===s,A=4===s,N=2===s;function E(t,a,n){return function(s,l){return a&&(l=s,s=e),n&&n(s),M[t].call(s,l)}}if(!k){var M={},T=[],R=C?"get":A||w?"set":"value";if(u?(d||w?M={get:(0,Z.A)((function(){return y(this)}),n,"get"),set:function(e){t[4](this,e)}}:M[R]=y,d||(0,Z.A)(M[R],n,N?"":R)):d||(M=Object.getOwnPropertyDescriptor(e,n)),!d&&!u){if((r=b[+c][n])&&7!=(r^s))throw new Error("Decorating two elements with the same name ("+M[R].name+") is not supported yet");b[+c][n]=s<3?1:s}}for(var W=e,z=p.length-1;z>=0;z-=a?2:1){var S=p[z],L=a?p[z-1]:void 0,x={},B={kind:["field","accessor","method","getter","setter","class"][s],name:n,metadata:i,addInitializer:function(e,t){if(e.v)throw new Error("attempted to call addInitializer after decoration was finished");v(t,"An initializer","be",!0),l.push(t)}.bind(null,x)};if(k)r=S.call(L,W,B),x.v=1,v(r,"class decorators","return")&&(W=r);else if(B.static=c,B.private=u,r=B.access={has:u?h.bind():function(e){return n in e}},A||(r.get=u?N?function(e){return g(e),M.value}:E("get",0,g):function(e){return e[n]}),N||C||(r.set=u?E("set",0,g):function(e,t){e[n]=t}),W=S.call(L,w?{get:M.get,set:M.set}:M[R],B),x.v=1,w){if("object"==typeof W&&W)(r=v(W.get,"accessor.get"))&&(M.get=r),(r=v(W.set,"accessor.set"))&&(M.set=r),(r=v(W.init,"accessor.init"))&&T.unshift(r);else if(void 0!==W)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else v(W,(d?"field":"method")+" decorators","return")&&(d?T.unshift(W):M[R]=W)}return s<2&&o.push(m(T,c,1),m(l,c,0)),d||k||(u?w?o.splice(-1,0,E("get",c),E("set",c)):o.push(N?M[R]:v.call.bind(M[R])):f(e,n,M)),W}function w(e){return f(e,g,{configurable:!0,enumerable:!0,value:i})}return void 0!==l&&(i=l[g]),i=p(null==i?null:i),u=[],d=function(e){e&&u.push(m(e))},(h=function(t,n){for(var l=0;l<a.length;l++){var i=a[l],r=i[1],d=7&r;if((8&r)==t&&!d==n){var h=i[2],g=!!i[3],f=16&r;k(t?e:e.prototype,i,f,g?"#"+h:(0,J.A)(h),d,d<2?[]:t?c=c||[]:o=o||[],u,!!t,g,n,t&&g?function(t){return(0,G.A)(t)===e}:s)}}})(8,0),h(0,0),h(8,1),h(0,1),d(o),d(c),r=u,y||w(e),{e:r,get c(){var a=[];return y&&[w(e=k(e,[t],0,e.name,5,a)),m(a,1)]}}}(Y,[Me("eo-display-canvas",{styleTexts:[ve.A,ke.A]})],[[Te({attribute:!1}),1,"cells"],[Te({type:String}),1,"layout"],[Te({attribute:!1}),1,"layoutOptions"],[Te({attribute:!1}),1,"defaultNodeSize"],[Te({attribute:!1}),1,"defaultNodeBricks"],[Te({type:Number}),1,"degradedThreshold"],[Te({attribute:!1}),1,"degradedNodeLabel"],[Te({attribute:!1}),1,"defaultEdgeLines"],[Te({attribute:!1}),1,"activeTarget"],[Te({type:Boolean}),1,"fadeUnrelatedCells"],[Te({type:Boolean}),1,"zoomable"],[Te({type:Boolean}),1,"scrollable"],[Te({type:Boolean}),1,"pannable"],[Te({attribute:!1}),1,"scaleRange"],[Re({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>Ae(Ie,e),(e,t)=>Ce(Ie,e,t)],[Re({type:"cell.contextmenu"}),1,"cellContextMenu",e=>Ae(Je,e),(e,t)=>Ce(Je,e,t)],[Re({type:"cell.click"}),1,"cellClick",e=>Ae(Ge,e),(e,t)=>Ce(Ge,e,t)]],0,(e=>Qe.has((0,G.A)(e))),$.ReactNextElement)),n()}}]);
2
- //# sourceMappingURL=eo-display-canvas.0560f7b0.js.map
1
+ "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:()=>Ee});var n,s,l,i,r,o,c,u,d,h,g,f,p,b,y,m,v,k,w,C,A,N,E,M,T,R,W,z,S,L,x,B,O,j,P,U,_,H,K,D,I,Y,q=a(4635),F=a(918),J=a(1369),Z=a(830),G=a(6902),Q=a(8769),V=a.n(Q),X=a(9929),$=a(9938),ee=(a(6329),a(1030)),te=a(3373),ae=a.n(te),ne=a(7566),se=a(3739),le=a(8185),ie=a(2830),re=a(3783),oe=a(3033),ce=a(8091),ue=a(1819),de=a(5748),he=a(227),ge=a(531),fe=a(7099),pe=a(1484),be=a(8197),ye=a(7531),me=a(2098),ve=a(3012),ke=a(8618);function we(e,t,a){return a(Ne(e,t))}function Ce(e,t,a){return e.set(Ne(e,t),a),a}function Ae(e,t){return e.get(Ne(e,t))}function Ne(e,t,a){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:a;throw new TypeError("Private element is not present on this object")}var Ee,{defineElement:Me,property:Te,event:Re}=(0,X.createDecorators)(),We=new WeakMap,ze=new WeakMap,Se=new WeakMap,Le=new WeakMap,xe=new WeakMap,Be=new WeakMap,Oe=new WeakMap,je=new WeakMap,Pe=new WeakMap,Ue=new WeakMap,_e=new WeakMap,He=new WeakMap,Ke=new WeakMap,De=new WeakMap,Ie=new WeakMap,Ye=new WeakSet,qe=new WeakMap,Fe=new WeakMap,Je=new WeakMap,Ze=new WeakMap,Ge=new WeakMap,Qe=new WeakMap;class Ve extends $.ReactNextElement{constructor(){super(...arguments),(0,q.A)(this,Ye),(0,F.A)(this,We,s(this)),(0,F.A)(this,ze,(l(this),i(this))),(0,F.A)(this,Se,(r(this),o(this))),(0,F.A)(this,Le,(c(this),u(this,[oe.HP,oe.HP]))),(0,F.A)(this,xe,(d(this),h(this))),(0,F.A)(this,Be,(g(this),f(this))),(0,F.A)(this,Oe,(p(this),b(this))),(0,F.A)(this,je,(y(this),m(this))),(0,F.A)(this,Pe,(v(this),k(this))),(0,F.A)(this,Ue,(w(this),C(this))),(0,F.A)(this,_e,(A(this),N(this,!0))),(0,F.A)(this,He,(E(this),M(this,!0))),(0,F.A)(this,Ke,(T(this),R(this,!0))),(0,F.A)(this,De,(W(this),z(this))),(0,F.A)(this,Ie,(S(this),L(this))),(0,F.A)(this,qe,(O(this),e=>{we(Ye,this,x).emit(e)})),(0,F.A)(this,Fe,(e=>{(0,le.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,F.A)(this,Je,j(this)),(0,F.A)(this,Ze,(_(this),e=>{we(Ye,this,P).emit(e)})),(0,F.A)(this,Ge,H(this)),(0,F.A)(this,Qe,(I(this),e=>{we(Ye,this,K).emit(e)}))}get cells(){return Ae(We,this)}set cells(e){Ce(We,this,e)}get layout(){return Ae(ze,this)}set layout(e){Ce(ze,this,e)}get layoutOptions(){return Ae(Se,this)}set layoutOptions(e){Ce(Se,this,e)}get defaultNodeSize(){return Ae(Le,this)}set defaultNodeSize(e){Ce(Le,this,e)}get defaultNodeBricks(){return Ae(xe,this)}set defaultNodeBricks(e){Ce(xe,this,e)}get degradedThreshold(){return Ae(Be,this)}set degradedThreshold(e){Ce(Be,this,e)}get degradedNodeLabel(){return Ae(Oe,this)}set degradedNodeLabel(e){Ce(Oe,this,e)}get defaultEdgeLines(){return Ae(je,this)}set defaultEdgeLines(e){Ce(je,this,e)}get activeTarget(){return Ae(Pe,this)}set activeTarget(e){Ce(Pe,this,e)}get fadeUnrelatedCells(){return Ae(Ue,this)}set fadeUnrelatedCells(e){Ce(Ue,this,e)}get zoomable(){return Ae(_e,this)}set zoomable(e){Ce(_e,this,e)}get scrollable(){return Ae(He,this)}set scrollable(e){Ce(He,this,e)}get pannable(){return Ae(Ke,this)}set pannable(e){Ce(Ke,this,e)}get scaleRange(){return Ae(De,this)}set scaleRange(e){Ce(De,this,e)}render(){return V().createElement(Xe,{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:Ae(qe,this),onSwitchActiveTarget:Ae(Fe,this),onCellContextMenu:Ae(Ze,this),onCellClick:Ae(Qe,this)})}}function Xe(e){var{shadowRoot:t,cells:a,layout:n,layoutOptions:s,defaultNodeSize:l,defaultNodeBricks:i,defaultEdgeLines:r,degradedThreshold:o,degradedNodeLabel:c,activeTarget:u,fadeUnrelatedCells:d,zoomable:h,scrollable:g,pannable:f,scaleRange:p,onActiveTargetChange:b,onSwitchActiveTarget:y,onCellContextMenu:m,onCellClick:v}=e,[{cells:k,layoutKey:w},C]=(0,Q.useReducer)(de.d,a,(e=>({cells:(0,re.C)(e,{defaultNodeSize:l}),layoutKey:1}))),A=(0,Q.useMemo)((()=>k.filter(ge.N).length>=(null!=o?o:oe.pC)),[k,o]),N=(0,Q.useRef)(null),E=(0,Q.useRef)(null),{grabbing:M,transform:T,zoomer:R,scaleRange:W}=(0,ce.f)({rootRef:N,zoomable:h,scrollable:g,pannable:f,draggable:!0,scaleRange:p,onSwitchActiveTarget:y}),{centered:z,setCentered:S,getNextLayoutKey:L}=(0,pe.g)({layout:n,layoutOptions:s,rootRef:N,cells:k,zoomable:h,zoomer:R,scaleRange:W,layoutKey:w,dispatch:C}),x=(0,Q.useCallback)((()=>{S(!1)}),[S]),B=(0,Q.useRef)(a);(0,Q.useEffect)((()=>{if(a!==B.current){B.current=a;var e=(0,me.L)({canvasWidth:t.host.clientWidth,canvasHeight:t.host.clientHeight,defaultNodeSize:l,layout:n,previousCells:k,cells:a,scaleRange:W,transform:T});C({type:"update-cells",payload:e.cells})}}),[k,l,a,n,W,t,T]);var O=(0,ue.J)({cellsRef:E,activeTarget:u,onActiveTargetChange:b}),j=(0,Q.useMemo)((()=>"".concat((0,ee.uniqueId)("diagram-"),"-")),[]),P="".concat(j,"line-arrow-"),U=(0,Q.useCallback)(((e,t)=>{C({type:"update-node-size",payload:{id:e,size:t},layoutKey:L()})}),[L]),[_,H]=(0,Q.useState)(null),K=(0,Q.useCallback)((e=>{H(e)}),[]),D=(0,Q.useCallback)((e=>{H((t=>t===e?null:t))}),[]),[I,Y]=(0,Q.useState)([]);(0,Q.useEffect)((()=>{var e=d?(0,he.Y)(k,null,_):[];Y((t=>0===t.length&&0===e.length?t:e))}),[k,d,_]);var q=(0,Q.useCallback)((e=>{R.scaleTo((0,ne.A)(N.current),e/100)}),[R]),[F,J]=(0,ye.d)({cells:k,defaultEdgeLines:r,markerPrefix:P}),Z=(0,be.H)({cells:k,layout:n,centered:z});return V().createElement(V().Fragment,null,V().createElement("svg",{width:"100%",height:"100%",ref:N,className:ae()("root",{grabbing:M,pannable:f,ready:Z}),tabIndex:-1},V().createElement("defs",null,J.map(((e,t)=>V().createElement(se.c,{key:t,id:"".concat(P).concat(t),type:"arrow",strokeColor:e.strokeColor})))),V().createElement("g",{transform:"translate(".concat(T.x," ").concat(T.y,") scale(").concat(T.k,")")},V().createElement("g",{className:"cells",ref:E},k.map((e=>V().createElement(ie.m,{key:"".concat(e.type,":").concat((0,ge.WW)(e)?"".concat(e.source,"~").concat(e.target):e.id),layout:void 0,cell:e,cells:k,degraded:A,degradedNodeLabel:c,defaultNodeBricks:i,lineConfMap:F,transform:T,active:(0,le.c)(O,e),readOnly:!0,unrelatedCells:I,onSwitchActiveTarget:y,onCellContextMenu:m,onCellClick:v,onNodeBrickResize:U,onCellMouseEnter:d&&(0,ge.N)(e)?K:void 0,onCellMouseLeave:d&&(0,ge.N)(e)?D:void 0})))))),V().createElement(fe.Y,{shadowRoot:t,scale:T.k,scaleRange:W,onZoomChange:q,onReCenter:x}))}Y=Ve,({e:[s,l,i,r,o,c,u,d,h,g,f,p,b,y,m,v,k,w,C,A,N,E,M,T,R,W,z,S,L,x,B,O,j,P,U,_,H,K,D,I],c:[Ee,n]}=function(e,t,a,n,s,l){var i,r,o,c,u,d,h,g=Symbol.metadata||Symbol.for("Symbol.metadata"),f=Object.defineProperty,p=Object.create,b=[p(null),p(null)],y=t.length;function m(t,a,n){return function(s,l){a&&(l=s,s=e);for(var i=0;i<t.length;i++)l=t[i].apply(s,n?[l]:[]);return n?l:s}}function v(e,t,a,n){if("function"!=typeof e&&(n||void 0!==e))throw new TypeError(t+" must "+(a||"be")+" a function"+(n?"":" or undefined"));return e}function k(e,t,a,n,s,l,o,c,u,d,h){function g(e){if(!h(e))throw new TypeError("Attempted to access private element on non-instance")}var p=[].concat(t[0]),y=t[3],k=!o,w=1===s,C=3===s,A=4===s,N=2===s;function E(t,a,n){return function(s,l){return a&&(l=s,s=e),n&&n(s),M[t].call(s,l)}}if(!k){var M={},T=[],R=C?"get":A||w?"set":"value";if(u?(d||w?M={get:(0,Z.A)((function(){return y(this)}),n,"get"),set:function(e){t[4](this,e)}}:M[R]=y,d||(0,Z.A)(M[R],n,N?"":R)):d||(M=Object.getOwnPropertyDescriptor(e,n)),!d&&!u){if((r=b[+c][n])&&7!=(r^s))throw new Error("Decorating two elements with the same name ("+M[R].name+") is not supported yet");b[+c][n]=s<3?1:s}}for(var W=e,z=p.length-1;z>=0;z-=a?2:1){var S=p[z],L=a?p[z-1]:void 0,x={},B={kind:["field","accessor","method","getter","setter","class"][s],name:n,metadata:i,addInitializer:function(e,t){if(e.v)throw new Error("attempted to call addInitializer after decoration was finished");v(t,"An initializer","be",!0),l.push(t)}.bind(null,x)};if(k)r=S.call(L,W,B),x.v=1,v(r,"class decorators","return")&&(W=r);else if(B.static=c,B.private=u,r=B.access={has:u?h.bind():function(e){return n in e}},A||(r.get=u?N?function(e){return g(e),M.value}:E("get",0,g):function(e){return e[n]}),N||C||(r.set=u?E("set",0,g):function(e,t){e[n]=t}),W=S.call(L,w?{get:M.get,set:M.set}:M[R],B),x.v=1,w){if("object"==typeof W&&W)(r=v(W.get,"accessor.get"))&&(M.get=r),(r=v(W.set,"accessor.set"))&&(M.set=r),(r=v(W.init,"accessor.init"))&&T.unshift(r);else if(void 0!==W)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else v(W,(d?"field":"method")+" decorators","return")&&(d?T.unshift(W):M[R]=W)}return s<2&&o.push(m(T,c,1),m(l,c,0)),d||k||(u?w?o.splice(-1,0,E("get",c),E("set",c)):o.push(N?M[R]:v.call.bind(M[R])):f(e,n,M)),W}function w(e){return f(e,g,{configurable:!0,enumerable:!0,value:i})}return void 0!==l&&(i=l[g]),i=p(null==i?null:i),u=[],d=function(e){e&&u.push(m(e))},(h=function(t,n){for(var l=0;l<a.length;l++){var i=a[l],r=i[1],d=7&r;if((8&r)==t&&!d==n){var h=i[2],g=!!i[3],f=16&r;k(t?e:e.prototype,i,f,g?"#"+h:(0,J.A)(h),d,d<2?[]:t?c=c||[]:o=o||[],u,!!t,g,n,t&&g?function(t){return(0,G.A)(t)===e}:s)}}})(8,0),h(0,0),h(8,1),h(0,1),d(o),d(c),r=u,y||w(e),{e:r,get c(){var a=[];return y&&[w(e=k(e,[t],0,e.name,5,a)),m(a,1)]}}}(Y,[Me("eo-display-canvas",{styleTexts:[ve.A,ke.A]})],[[Te({attribute:!1}),1,"cells"],[Te({type:String}),1,"layout"],[Te({attribute:!1}),1,"layoutOptions"],[Te({attribute:!1}),1,"defaultNodeSize"],[Te({attribute:!1}),1,"defaultNodeBricks"],[Te({type:Number}),1,"degradedThreshold"],[Te({attribute:!1}),1,"degradedNodeLabel"],[Te({attribute:!1}),1,"defaultEdgeLines"],[Te({attribute:!1}),1,"activeTarget"],[Te({type:Boolean}),1,"fadeUnrelatedCells"],[Te({type:Boolean}),1,"zoomable"],[Te({type:Boolean}),1,"scrollable"],[Te({type:Boolean}),1,"pannable"],[Te({attribute:!1}),1,"scaleRange"],[Re({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>Ae(Ie,e),(e,t)=>Ce(Ie,e,t)],[Re({type:"cell.contextmenu"}),1,"cellContextMenu",e=>Ae(Je,e),(e,t)=>Ce(Je,e,t)],[Re({type:"cell.click"}),1,"cellClick",e=>Ae(Ge,e),(e,t)=>Ce(Ge,e,t)]],0,(e=>Qe.has((0,G.A)(e))),$.ReactNextElement)),n()}}]);
2
+ //# sourceMappingURL=eo-display-canvas.72c6b1bd.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"chunks/eo-display-canvas.0560f7b0.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":""}
1
+ {"version":3,"file":"chunks/eo-display-canvas.72c6b1bd.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":""}
@@ -0,0 +1,2 @@
1
+ "use strict";(self.webpackChunk_next_bricks_diagram=self.webpackChunk_next_bricks_diagram||[]).push([[8939],{3639:(e,t,a)=>{a.d(t,{w:()=>l});var n=a(8769),r=a.n(n),i=a(3373),o=a.n(i);function l(e){var{connectLineState:t,transform:a,markerEnd:i,onConnect:l}=e,[s,c]=(0,n.useState)(null);return(0,n.useEffect)((()=>{t&&c(t.from)}),[t]),(0,n.useEffect)((()=>{if(t){var e=e=>{c([(e.clientX-a.x-t.offset[0])/a.k,(e.clientY-a.y-t.offset[1])/a.k])},n=e=>{e.stopPropagation()},r=e=>{e.stopPropagation(),i(),l(t,[(e.clientX-a.x-t.offset[0])/a.k,(e.clientY-a.y-t.offset[1])/a.k])},i=()=>{document.removeEventListener("mousemove",e),document.removeEventListener("mousedown",n,{capture:!0}),document.removeEventListener("click",r,{capture:!0}),c(null)};return document.addEventListener("mousemove",e),document.addEventListener("mousedown",n,{capture:!0}),document.addEventListener("click",r,{capture:!0}),i}}),[t,l,a]),r().createElement("path",{className:o()("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(i,")")})}},9068:(e,t,a)=>{a.r(t),a.d(t,{EoDrawCanvas:()=>lt,EoDrawCanvasComponent:()=>ft});var n,r,i,o,l,s,c,d,u,h,f,p,g,v,m,y,w,k,b,C,x,A,E,N,M,z,W,T,R,S,L,B,D,P,j,O,H,I,U,_,K,Y,F,X,q,J,Z,G,Q,V,$,ee,te,ae,ne,re,ie,oe,le,se,ce,de,ue,he,fe,pe,ge,ve,me,ye,we,ke=a(4223),be=a(9740),Ce=a(6330),xe=a(4635),Ae=a(918),Ee=a(1369),Ne=a(830),Me=a(6902),ze=a(8769),We=a.n(ze),Te=a(9929),Re=a(9938),Se=a(9523),Le=(a(6329),a(1030)),Be=a(3373),De=a.n(Be),Pe=a(7566),je=a(5748),Oe=a(3739),He=a(531),Ie=a(8185),Ue=a(5114),_e=a(2830),Ke=a(3639),Ye=a(3783),Fe=a(2098),Xe=a(227),qe=a(3033),Je=a(8091),Ze=a(1819),Ge=a(7099),Qe=a(1484),Ve=a(8197),$e=a(7531),et=a(3012),tt=a(8618),at=["shouldReCenter"];function nt(e,t,a){return a(ot(e,t))}function rt(e,t,a){return e.set(ot(e,t),a),a}function it(e,t){return e.get(ot(e,t))}function ot(e,t,a){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:a;throw new TypeError("Private element is not present on this object")}var lt,st=(0,Se.unwrapProvider)("basic.lock-body-scroll"),{defineElement:ct,property:dt,method:ut,event:ht}=(0,Te.createDecorators)(),ft=We().forwardRef(Qt),pt=new WeakMap,gt=new WeakMap,vt=new WeakMap,mt=new WeakMap,yt=new WeakMap,wt=new WeakMap,kt=new WeakMap,bt=new WeakMap,Ct=new WeakMap,xt=new WeakMap,At=new WeakMap,Et=new WeakMap,Nt=new WeakMap,Mt=new WeakMap,zt=new WeakMap,Wt=new WeakMap,Tt=new WeakMap,Rt=new WeakSet,St=new WeakMap,Lt=new WeakMap,Bt=new WeakMap,Dt=new WeakMap,Pt=new WeakMap,jt=new WeakMap,Ot=new WeakMap,Ht=new WeakMap,It=new WeakMap,Ut=new WeakMap,_t=new WeakMap,Kt=new WeakMap,Yt=new WeakMap,Ft=new WeakMap,Xt=new WeakMap,qt=new WeakMap,Jt=new WeakMap;class Zt extends Re.ReactNextElement{constructor(){super(...arguments),(0,xe.A)(this,Rt),(0,Ae.A)(this,pt,(n(this),i(this))),(0,Ae.A)(this,gt,(o(this),l(this))),(0,Ae.A)(this,vt,(s(this),c(this))),(0,Ae.A)(this,mt,(d(this),u(this,[qe.HP,qe.HP]))),(0,Ae.A)(this,yt,(h(this),f(this))),(0,Ae.A)(this,wt,(p(this),g(this))),(0,Ae.A)(this,kt,(v(this),m(this))),(0,Ae.A)(this,bt,(y(this),w(this))),(0,Ae.A)(this,Ct,(k(this),b(this))),(0,Ae.A)(this,xt,(C(this),x(this))),(0,Ae.A)(this,At,(A(this),E(this,!0))),(0,Ae.A)(this,Et,(N(this),M(this,!0))),(0,Ae.A)(this,Nt,(z(this),W(this,!0))),(0,Ae.A)(this,Mt,(T(this),R(this,!0))),(0,Ae.A)(this,zt,(S(this),L(this))),(0,Ae.A)(this,Wt,(B(this),D(this))),(0,Ae.A)(this,Tt,(P(this),j(this))),(0,Ae.A)(this,St,(I(this),e=>{nt(Rt,this,O).emit(e)})),(0,Ae.A)(this,Lt,(e=>{(0,Ie.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,Ae.A)(this,Bt,U(this)),(0,Ae.A)(this,Dt,(Y(this),F(this))),(0,Ae.A)(this,Pt,(J(this),e=>{nt(Rt,this,X).emit(e),"node"===e.type&&nt(Rt,this,_).emit(e)})),(0,Ae.A)(this,jt,Z(this)),(0,Ae.A)(this,Ot,(V(this),e=>{nt(Rt,this,G).emit(e)})),(0,Ae.A)(this,Ht,$(this)),(0,Ae.A)(this,It,(ae(this),ne(this))),(0,Ae.A)(this,Ut,(oe(this),e=>{nt(Rt,this,re).emit(e),"node"===e.type&&nt(Rt,this,ee).emit(e)})),(0,Ae.A)(this,_t,le(this)),(0,Ae.A)(this,Kt,(de(this),e=>{nt(Rt,this,se).emit(e)})),(0,Ae.A)(this,Yt,ue(this)),(0,Ae.A)(this,Ft,(pe(this),e=>{nt(Rt,this,he).emit(e)})),(0,Ae.A)(this,Xt,ge(this)),(0,Ae.A)(this,qt,(ye(this),e=>{nt(Rt,this,ve).emit(e)})),(0,Ae.A)(this,Jt,(0,ze.createRef)())}get cells(){return it(pt,this)}set cells(e){rt(pt,this,e)}get layout(){return it(gt,this)}set layout(e){rt(gt,this,e)}get layoutOptions(){return it(vt,this)}set layoutOptions(e){rt(vt,this,e)}get defaultNodeSize(){return it(mt,this)}set defaultNodeSize(e){rt(mt,this,e)}get defaultNodeBricks(){return it(yt,this)}set defaultNodeBricks(e){rt(yt,this,e)}get degradedThreshold(){return it(wt,this)}set degradedThreshold(e){rt(wt,this,e)}get degradedNodeLabel(){return it(kt,this)}set degradedNodeLabel(e){rt(kt,this,e)}get defaultEdgeLines(){return it(bt,this)}set defaultEdgeLines(e){rt(bt,this,e)}get activeTarget(){return it(Ct,this)}set activeTarget(e){rt(Ct,this,e)}get fadeUnrelatedCells(){return it(xt,this)}set fadeUnrelatedCells(e){rt(xt,this,e)}get zoomable(){return it(At,this)}set zoomable(e){rt(At,this,e)}get scrollable(){return it(Et,this)}set scrollable(e){rt(Et,this,e)}get pannable(){return it(Nt,this)}set pannable(e){rt(Nt,this,e)}get selectable(){return it(Mt,this)}set selectable(e){rt(Mt,this,e)}get dragBehavior(){return it(zt,this)}set dragBehavior(e){rt(zt,this,e)}get scaleRange(){return it(Wt,this)}set scaleRange(e){rt(Wt,this,e)}dropNode(e){var t=this;return(0,Ce.A)((function*(){var a,n,{id:r,position:i,size:o,data:l,useBrick:s}=e;if(null===(a=(n=document).elementsFromPoint)||void 0===a||null===(a=a.call(n,i[0],i[1]))||void 0===a?void 0:a.includes(t)){var c,d,u,h=t.getBoundingClientRect(),f=it(Jt,t).current.getTransform(),p={type:"node",id:r,view:(0,be.A)((0,be.A)({},"force"===t.layout||"dagre"===t.layout?null:{x:(i[0]-h.left-f.x)/f.k,y:(i[1]-h.top-f.y)/f.k}),{},{width:null!==(c=null==o?void 0:o[0])&&void 0!==c?c:t.defaultNodeSize[0],height:null!==(d=null==o?void 0:o[1])&&void 0!==d?d:t.defaultNodeSize[0]}),data:l,useBrick:s};return null===(u=it(Jt,t).current)||void 0===u||u.dropNode(p),p}return null}))()}dropDecorator(e){var t=this;return(0,Ce.A)((function*(){var a,n,{position:r,decorator:i,text:o}=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 l,s=t.getBoundingClientRect(),c=it(Jt,t).current.getTransform(),d={type:"decorator",decorator:i,id:"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(e){var t=16*Math.random()|0;return("x"==e?t:3&t|8).toString(16)})),view:{x:(r[0]-s.left-c.x)/c.k,y:(r[1]-s.top-c.y)/c.k,width:qe.N8,height:qe.w1,text:o}};return null===(l=it(Jt,t).current)||void 0===l||l.dropDecorator(d),d}return null}))()}addNodes(e){var t=this;return(0,Ce.A)((function*(){if(0===e.length)return[];var a=e.map((e=>{var a,n,{size:r,useBrick:i,id:o,data:l}=e;return{type:"node",id:o,data:l,view:{width:null!==(a=null==r?void 0:r[0])&&void 0!==a?a:t.defaultNodeSize[0],height:null!==(n=null==r?void 0:r[1])&&void 0!==n?n:t.defaultNodeSize[0]},useBrick:i}}));return it(Jt,t).current.addNodes(a,{defaultNodeSize:t.defaultNodeSize,canvasWidth:t.clientWidth,canvasHeight:t.clientHeight})}))()}addEdge(e){var t=this;return(0,Ce.A)((function*(){var a,{source:n,target:r,data:i}=e,o={type:"edge",source:n,target:r,data:i};return null===(a=it(Jt,t).current)||void 0===a||a.addEdge(o),o}))()}manuallyConnectNodes(e){return it(Jt,this).current.manuallyConnectNodes(e)}updateCells(e,t){var a=this;return(0,Ce.A)((function*(){yield ot(Rt,a,Gt).call(a);var{updated:n}=it(Jt,a).current.updateCells(e,(0,be.A)((0,be.A)({},t),{},{defaultNodeSize:a.defaultNodeSize,canvasWidth:a.clientWidth,canvasHeight:a.clientHeight}));return{updated:n}}))()}disconnectedCallback(){super.disconnectedCallback(),st(this,!1)}render(){return We().createElement(ft,{host:this,ref:it(Jt,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:it(St,this),onSwitchActiveTarget:it(Lt,this),onCellMove:it(Pt,this),onCellResize:it(Ot,this),onCellDelete:it(Ut,this),onCellContextMenu:it(Kt,this),onDecoratorTextChange:it(Ft,this),onScaleChange:it(qt,this)})}}function Gt(){return new Promise((e=>{var t=()=>{it(Jt,this).current?e():setTimeout(t,10)};t()}))}function Qt(e,t){var{host:a,layout:n,layoutOptions:r,cells:i,defaultNodeSize:o,defaultNodeBricks:l,defaultEdgeLines:s,degradedThreshold:c,degradedNodeLabel:d,activeTarget:u,fadeUnrelatedCells:h,zoomable:f,scrollable:p,pannable:g,dragBehavior:v,scaleRange:m,onActiveTargetChange:y,onSwitchActiveTarget:w,onCellMove:k,onCellResize:b,onCellDelete:C,onCellContextMenu:x,onDecoratorTextChange:A,onScaleChange:E}=e,[{cells:N,layoutKey:M},z]=(0,ze.useReducer)(je.d,i,(e=>({cells:(0,Ye.C)(e,{defaultNodeSize:o}),layoutKey:0}))),W=(0,ze.useMemo)((()=>N.filter(He.N).length>=(null!=c?c:qe.pC)),[N,c]),T=(0,ze.useRef)(null),R=(0,ze.useRef)(null),S=(0,ze.useRef)(null),[L,B]=(0,ze.useState)([]),{grabbing:D,transform:P,zoomer:j,scaleRange:O}=(0,Je.f)({rootRef:T,zoomable:f,scrollable:p,pannable:g,draggable:"grab"===v,scaleRange:m,onSwitchActiveTarget:w});(0,ze.useEffect)((()=>{E(P.k)}),[E,P.k]);var[H,I]=(0,ze.useState)(null),{centered:U,setCentered:_,getNextLayoutKey:K}=(0,Qe.g)({layout:n,layoutOptions:r,rootRef:T,cells:N,zoomable:f,zoomer:j,scaleRange:O,layoutKey:M,dispatch:z});(0,ze.useImperativeHandle)(t,(()=>({dropNode(e){_(!0),z({type:"drop-node",payload:e})},dropDecorator(e){_(!0),z({type:"drop-decorator",payload:e})},addNodes(e,t){var{defaultNodeSize:a,canvasWidth:r,canvasHeight:i}=t,o=N.findLastIndex((e=>!("decorator"===e.type&&"text"===e.decorator)))+1,l=[...N.slice(0,o),...e,...N.slice(o)],{cells:s,updated:c,shouldReCenter:d}=(0,Fe.L)({cells:l,layout:n,previousCells:N,defaultNodeSize:a,canvasWidth:r,canvasHeight:i,scaleRange:O,transform:P});return d&&_(!1),z({type:"update-cells",payload:s}),c.filter((t=>e.includes(t)))},addEdge(e){z({type:"add-edge",payload:e})},updateCells(e,t){var a=(0,Fe.L)((0,be.A)((0,be.A)({},t),{},{layout:n,previousCells:N,cells:e,scaleRange:O,transform:P})),{shouldReCenter:r}=a,i=(0,ke.A)(a,at);return r&&_(!1),z({type:"update-cells",payload:i.cells}),i},getTransform:()=>P,manuallyConnectNodes(e){var t=N.find((t=>(0,He.N)(t)&&t.id===e));if(t){var a=T.current.getBoundingClientRect();return I({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)}})),[N,n,O,_,P]);var Y=(0,ze.useCallback)(((e,t)=>{for(var a,n=0;n<N.length;n++){var r=N[n];if((0,He.N)(r)&&r.id!==e.source.id&&r.view.x<t[0]&&r.view.x+r.view.width>t[0]&&r.view.y<t[1]&&r.view.y+r.view.height>t[1]){var i;null===(i=S.current)||void 0===i||i.resolve({source:e.source,target:r});break}}null===(a=S.current)||void 0===a||a.reject(null),I(null)}),[N]);(0,ze.useEffect)((()=>{st(a,!!H)}),[H,a]);var F=(0,Ze.J)({cellsRef:R,activeTarget:u,onActiveTargetChange:y}),[X,q]=(0,ze.useState)([]);(0,ze.useEffect)((()=>{var e=h?(0,Xe.Y)(N,H,F):[];q((t=>0===t.length&&0===e.length?t:e))}),[F,N,H,h]),(0,ze.useEffect)((()=>{var e=T.current;if(e&&!(L.length>0)){var t=e=>{var t=(0,Ue.a)(e,{cells:N,activeTarget:F});"delete-cell"===(null==t?void 0:t.action)&&C(t.cell)};return e.addEventListener("keydown",t),()=>{e.removeEventListener("keydown",t)}}}),[F,N,L.length,C]);var J=(0,ze.useMemo)((()=>"".concat((0,Le.uniqueId)("diagram-"),"-")),[]),Z="".concat(J,"line-arrow-"),G=(0,ze.useCallback)((e=>{z({type:"move-cell",payload:e})}),[]),Q=(0,ze.useCallback)((e=>{z({type:"move-cell",payload:e}),k(e)}),[k]),V=(0,ze.useCallback)((e=>{z({type:"resize-cell",payload:e})}),[]),$=(0,ze.useCallback)((e=>{z({type:"resize-cell",payload:e}),b(e)}),[b]),ee=(0,ze.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,ze.useCallback)(((e,t)=>{var a=K();z({type:"update-node-size",payload:{id:e,size:t},layoutKey:a})}),[K]),ae=(0,ze.useCallback)((e=>{j.scaleTo((0,Pe.A)(T.current),e/100)}),[j]),ne=(0,ze.useCallback)((()=>{_(!1)}),[_]),[re,ie]=(0,$e.d)({cells:N,defaultEdgeLines:s,markerPrefix:Z}),oe=(0,Ve.H)({cells:N,layout:n,centered:U});return We().createElement(We().Fragment,null,We().createElement("svg",{width:"100%",height:"100%",ref:T,className:De()("root",{grabbing:D,pannable:g,ready:oe}),tabIndex:-1},We().createElement("defs",null,ie.map(((e,t)=>We().createElement(Oe.c,{key:t,id:"".concat(Z).concat(t),type:"arrow",strokeColor:e.strokeColor})))),We().createElement("g",{transform:"translate(".concat(P.x," ").concat(P.y,") scale(").concat(P.k,")")},We().createElement("g",{className:"cells",ref:R},N.map((e=>We().createElement(_e.m,{key:"".concat(e.type,":").concat("edge"===e.type?"".concat(e.source,"~").concat(e.target):e.id),layout:n,cell:e,cells:N,degraded:W,degradedNodeLabel:d,defaultNodeBricks:l,transform:P,lineConfMap:re,active:(0,Ie.c)(F,e),unrelatedCells:X,onCellMoving:G,onCellMoved:Q,onCellResizing:V,onCellResized:$,onSwitchActiveTarget:w,onCellContextMenu:x,onDecoratorTextChange:A,onDecoratorTextEditing:ee,onNodeBrickResize:te})))),We().createElement(Ke.w,{connectLineState:H,transform:P,markerEnd:"".concat(Z,"0"),onConnect:Y}))),We().createElement(Ge.Y,{shadowRoot:a.shadowRoot,scale:P.k,scaleRange:O,onZoomChange:ae,onReCenter:ne}))}we=Zt,({e:[i,o,l,s,c,d,u,h,f,p,g,v,m,y,w,k,b,C,x,A,E,N,M,z,W,T,R,S,L,B,D,P,j,O,H,I,U,_,K,Y,F,X,q,J,Z,G,Q,V,$,ee,te,ae,ne,re,ie,oe,le,se,ce,de,ue,he,fe,pe,ge,ve,me,ye,n],c:[lt,r]}=function(e,t,a,n,r,i){var o,l,s,c,d,u,h,f=Symbol.metadata||Symbol.for("Symbol.metadata"),p=Object.defineProperty,g=Object.create,v=[g(null),g(null)],m=t.length;function y(t,a,n){return function(r,i){a&&(i=r,r=e);for(var o=0;o<t.length;o++)i=t[o].apply(r,n?[i]:[]);return n?i:r}}function w(e,t,a,n){if("function"!=typeof e&&(n||void 0!==e))throw new TypeError(t+" must "+(a||"be")+" a function"+(n?"":" or undefined"));return e}function k(e,t,a,n,r,i,s,c,d,u,h){function f(e){if(!h(e))throw new TypeError("Attempted to access private element on non-instance")}var g=[].concat(t[0]),m=t[3],k=!s,b=1===r,C=3===r,x=4===r,A=2===r;function E(t,a,n){return function(r,i){return a&&(i=r,r=e),n&&n(r),N[t].call(r,i)}}if(!k){var N={},M=[],z=C?"get":x||b?"set":"value";if(d?(u||b?N={get:(0,Ne.A)((function(){return m(this)}),n,"get"),set:function(e){t[4](this,e)}}:N[z]=m,u||(0,Ne.A)(N[z],n,A?"":z)):u||(N=Object.getOwnPropertyDescriptor(e,n)),!u&&!d){if((l=v[+c][n])&&7!=(l^r))throw new Error("Decorating two elements with the same name ("+N[z].name+") is not supported yet");v[+c][n]=r<3?1:r}}for(var W=e,T=g.length-1;T>=0;T-=a?2:1){var R=g[T],S=a?g[T-1]:void 0,L={},B={kind:["field","accessor","method","getter","setter","class"][r],name:n,metadata:o,addInitializer:function(e,t){if(e.v)throw new Error("attempted to call addInitializer after decoration was finished");w(t,"An initializer","be",!0),i.push(t)}.bind(null,L)};if(k)l=R.call(S,W,B),L.v=1,w(l,"class decorators","return")&&(W=l);else if(B.static=c,B.private=d,l=B.access={has:d?h.bind():function(e){return n in e}},x||(l.get=d?A?function(e){return f(e),N.value}:E("get",0,f):function(e){return e[n]}),A||C||(l.set=d?E("set",0,f):function(e,t){e[n]=t}),W=R.call(S,b?{get:N.get,set:N.set}:N[z],B),L.v=1,b){if("object"==typeof W&&W)(l=w(W.get,"accessor.get"))&&(N.get=l),(l=w(W.set,"accessor.set"))&&(N.set=l),(l=w(W.init,"accessor.init"))&&M.unshift(l);else if(void 0!==W)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else w(W,(u?"field":"method")+" decorators","return")&&(u?M.unshift(W):N[z]=W)}return r<2&&s.push(y(M,c,1),y(i,c,0)),u||k||(d?b?s.splice(-1,0,E("get",c),E("set",c)):s.push(A?N[z]:w.call.bind(N[z])):p(e,n,N)),W}function b(e){return p(e,f,{configurable:!0,enumerable:!0,value:o})}return void 0!==i&&(o=i[f]),o=g(null==o?null:o),d=[],u=function(e){e&&d.push(y(e))},(h=function(t,n){for(var i=0;i<a.length;i++){var o=a[i],l=o[1],u=7&l;if((8&l)==t&&!u==n){var h=o[2],f=!!o[3],p=16&l;k(t?e:e.prototype,o,p,f?"#"+h:(0,Ee.A)(h),u,u<2?[]:t?c=c||[]:s=s||[],d,!!t,f,n,t&&f?function(t){return(0,Me.A)(t)===e}:r)}}})(8,0),h(0,0),h(8,1),h(0,1),u(s),u(c),l=d,m||b(e),{e:l,get c(){var a=[];return m&&[b(e=k(e,[t],0,e.name,5,a)),y(a,1)]}}}(we,[ct("eo-draw-canvas",{styleTexts:[et.A,tt.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"],[ht({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>it(Tt,e),(e,t)=>rt(Tt,e,t)],[ht({type:"node.move"}),1,"nodeMoveEvent",e=>it(Bt,e),(e,t)=>rt(Bt,e,t)],[ht({type:"cell.move"}),1,"cellMoveEvent",e=>it(Dt,e),(e,t)=>rt(Dt,e,t)],[ht({type:"cell.resize"}),1,"cellResizeEvent",e=>it(jt,e),(e,t)=>rt(jt,e,t)],[ht({type:"node.delete"}),1,"nodeDelete",e=>it(Ht,e),(e,t)=>rt(Ht,e,t)],[ht({type:"cell.delete"}),1,"cellDelete",e=>it(It,e),(e,t)=>rt(It,e,t)],[ht({type:"cell.contextmenu"}),1,"cellContextMenu",e=>it(_t,e),(e,t)=>rt(_t,e,t)],[ht({type:"decorator.text.change"}),1,"decoratorTextChange",e=>it(Yt,e),(e,t)=>rt(Yt,e,t)],[ht({type:"scale.change"}),1,"scaleChange",e=>it(Xt,e),(e,t)=>rt(Xt,e,t)],[ut(),2,"dropNode"],[ut(),2,"dropDecorator"],[ut(),2,"addNodes"],[ut(),2,"addEdge"],[ut(),2,"manuallyConnectNodes"],[ut(),2,"updateCells"]],0,(e=>Jt.has((0,Me.A)(e))),Re.ReactNextElement)),r()},5114:(e,t,a)=>{a.d(t,{a:()=>r});var n=a(8185);function r(e,t){var{cells:a,activeTarget:r}=t,i=a.find((e=>(0,n.c)(e,r)));if(i)switch(e.key||e.keyCode||e.which){case"Backspace":case 8:case"Delete":case 46:return e.preventDefault(),e.stopPropagation(),{action:"delete-cell",cell:i}}}},6330:(e,t,a)=>{function n(e,t,a,n,r,i,o){try{var l=e[i](o),s=l.value}catch(e){return void a(e)}l.done?t(s):Promise.resolve(s).then(n,r)}function r(e){return function(){var t=this,a=arguments;return new Promise((function(r,i){var o=e.apply(t,a);function l(e){n(o,r,i,l,s,"next",e)}function s(e){n(o,r,i,l,s,"throw",e)}l(void 0)}))}}a.d(t,{A:()=>r})}}]);
2
+ //# sourceMappingURL=eo-draw-canvas.b99af02e.js.map