@next-bricks/diagram 0.43.0 → 0.44.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.
- package/dist/bricks.json +3 -3
- package/dist/chunks/2408.fb68feb4.js +2 -0
- package/dist/chunks/2408.fb68feb4.js.map +1 -0
- package/dist/chunks/3025.d4a92d85.js +3 -0
- package/dist/chunks/{3025.6d94cc70.js.map → 3025.d4a92d85.js.map} +1 -1
- package/dist/chunks/{3171.633b30e8.js → 3171.2943688e.js} +2 -2
- package/dist/chunks/{3171.633b30e8.js.map → 3171.2943688e.js.map} +1 -1
- package/dist/chunks/3233.4eabc5cc.js +3 -0
- package/dist/chunks/{3233.70157b34.js.map → 3233.4eabc5cc.js.map} +1 -1
- package/dist/chunks/{3933.fca8ae82.js → 3933.6624dcbe.js} +2 -2
- package/dist/chunks/{3933.fca8ae82.js.map → 3933.6624dcbe.js.map} +1 -1
- package/dist/chunks/{4837.44f22425.js → 4837.578ffe7d.js} +2 -2
- package/dist/chunks/{7218.6822e904.js.map → 4837.578ffe7d.js.map} +1 -1
- package/dist/chunks/{5552.ad11237e.js → 5552.e3e4dddb.js} +2 -2
- package/dist/chunks/{5552.ad11237e.js.map → 5552.e3e4dddb.js.map} +1 -1
- package/dist/chunks/6055.b92cd119.js +2 -0
- package/dist/chunks/6055.b92cd119.js.map +1 -0
- package/dist/chunks/{6314.f35cc928.js → 6314.2c1f22e1.js} +2 -2
- package/dist/chunks/{6314.f35cc928.js.map → 6314.2c1f22e1.js.map} +1 -1
- package/dist/chunks/{7218.6822e904.js → 7218.0b7934fd.js} +2 -2
- package/dist/chunks/{4837.44f22425.js.map → 7218.0b7934fd.js.map} +1 -1
- package/dist/chunks/{799.5e6749ba.js → 799.dd5f32fb.js} +3 -3
- package/dist/chunks/799.dd5f32fb.js.map +1 -0
- package/dist/chunks/9711.8210cef5.js +2 -0
- package/dist/chunks/9711.8210cef5.js.map +1 -0
- package/dist/chunks/eo-diagram.e1ace5a5.js +2 -0
- package/dist/chunks/eo-diagram.e1ace5a5.js.map +1 -0
- package/dist/chunks/eo-display-canvas.05693123.js +2 -0
- package/dist/chunks/eo-display-canvas.05693123.js.map +1 -0
- package/dist/chunks/eo-draw-canvas.c06550f7.js +2 -0
- package/dist/chunks/eo-draw-canvas.c06550f7.js.map +1 -0
- package/dist/chunks/{main.9e233da7.js → main.3c306a02.js} +2 -2
- package/dist/chunks/{main.9e233da7.js.map → main.3c306a02.js.map} +1 -1
- package/dist/examples.json +4 -4
- package/dist/{index.d6687c6f.js → index.9179413f.js} +2 -2
- package/dist/{index.d6687c6f.js.map → index.9179413f.js.map} +1 -1
- package/dist/manifest.json +111 -105
- package/dist/types.json +3712 -3639
- package/dist-types/diagram/lines/getDirectLinePoints.d.ts +2 -1
- package/dist-types/draw-canvas/CellComponent.d.ts +2 -1
- package/dist-types/draw-canvas/EdgeComponent.d.ts +2 -1
- package/dist-types/draw-canvas/EditingLineComponent.d.ts +7 -0
- package/dist-types/draw-canvas/HoverStateContext.d.ts +15 -5
- package/dist-types/draw-canvas/LineConnectorComponent.d.ts +2 -3
- package/dist-types/draw-canvas/LineEditorComponent.d.ts +5 -0
- package/dist-types/draw-canvas/SmartConnectLineComponent.d.ts +2 -3
- package/dist-types/draw-canvas/constants.d.ts +5 -0
- package/dist-types/draw-canvas/index.d.ts +3 -2
- package/dist-types/draw-canvas/interfaces.d.ts +22 -4
- package/dist-types/draw-canvas/processors/asserts.d.ts +1 -0
- package/dist-types/draw-canvas/reducers/interfaces.d.ts +6 -1
- package/dist-types/shared/canvas/processors/getEditingLinePoints.d.ts +4 -0
- package/dist-types/shared/canvas/processors/getEditingLinePoints.spec.d.ts +1 -0
- package/dist-types/shared/canvas/processors/getSmartLinePoints.d.ts +2 -1
- package/dist-types/shared/canvas/shapes/Rectangle.d.ts +3 -1
- package/docs/eo-display-canvas.md +9 -0
- package/docs/eo-draw-canvas.md +5 -0
- package/package.json +3 -3
- package/dist/chunks/3025.6d94cc70.js +0 -3
- package/dist/chunks/3233.70157b34.js +0 -3
- package/dist/chunks/3252.0a5098f4.js +0 -2
- package/dist/chunks/3252.0a5098f4.js.map +0 -1
- package/dist/chunks/799.5e6749ba.js.map +0 -1
- package/dist/chunks/9711.d7bd00df.js +0 -2
- package/dist/chunks/9711.d7bd00df.js.map +0 -1
- package/dist/chunks/eo-diagram.1934f2b2.js +0 -2
- package/dist/chunks/eo-diagram.1934f2b2.js.map +0 -1
- package/dist/chunks/eo-display-canvas.f874fb2f.js +0 -2
- package/dist/chunks/eo-display-canvas.f874fb2f.js.map +0 -1
- package/dist/chunks/eo-draw-canvas.84ade234.js +0 -2
- package/dist/chunks/eo-draw-canvas.84ade234.js.map +0 -1
- /package/dist/chunks/{3025.6d94cc70.js.LICENSE.txt → 3025.d4a92d85.js.LICENSE.txt} +0 -0
- /package/dist/chunks/{3233.70157b34.js.LICENSE.txt → 3233.4eabc5cc.js.LICENSE.txt} +0 -0
- /package/dist/chunks/{799.5e6749ba.js.LICENSE.txt → 799.dd5f32fb.js.LICENSE.txt} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chunks/eo-diagram.e1ace5a5.js","mappings":"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","sources":["webpack:///./src/diagram/index.tsx","webpack:///../../node_modules/@babel/runtime/helpers/esm/assertClassBrand.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/checkPrivateRedeclaration.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateFieldGet2.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateFieldInitSpec.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateFieldSet2.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateMethodInitSpec.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/typeof.js"],"sourcesContent":["import React, {\n createRef,\n forwardRef,\n useCallback,\n useEffect,\n useImperativeHandle,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { EventEmitter, createDecorators } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport \"@next-core/theme\";\nimport { select } from \"d3-selection\";\nimport { ZoomTransform, zoom } from \"d3-zoom\";\nimport classNames from \"classnames\";\nimport { uniqueId } from \"lodash\";\nimport ResizeObserver from \"resize-observer-polyfill\";\nimport type {\n DiagramEdge,\n DiagramNode,\n LayoutOptions,\n LineConf,\n NodeBrickConf,\n PositionTuple,\n RefRepository,\n RenderedLineLabel,\n TransformLiteral,\n LineTarget,\n ConnectLineDetail,\n ConnectNodesOptions,\n ConnectLineState,\n ActiveTarget,\n RangeTuple,\n LineLabel,\n LineLabelConf,\n TextOptions,\n DragNodesOptions,\n NodeMovement,\n ManualLayoutStatus,\n LineMaskRects,\n} from \"./interfaces\";\nimport { NodeComponentGroup } from \"./NodeComponent\";\nimport { handleKeyboard } from \"./processors/handleKeyboard\";\nimport { transformToCenter } from \"./processors/transformToCenter\";\nimport { getRenderedLines } from \"./processors/getRenderedLines\";\nimport { normalizeLinesAndMarkers } from \"./processors/normalizeLinesAndMarkers\";\nimport { LineLabelComponentGroup } from \"./LineLabelComponent\";\nimport { LineComponent } from \"./LineComponent\";\nimport { MarkerComponent } from \"./MarkerComponent\";\nimport { LineMaskComponent } from \"./LineMaskComponent\";\nimport { ConnectLineComponent } from \"./ConnectLineComponent\";\nimport { getRenderedLineLabels } from \"./processors/getRenderedLineLabels\";\nimport { handleNodesMouseDown } from \"./processors/handleNodesMouseDown\";\nimport { DEFAULT_SCALE_RANGE_MAX, DEFAULT_SCALE_RANGE_MIN } from \"./constants\";\nimport { useRenderedDiagram } from \"./hooks/useRenderedDiagram\";\nimport { adjustLineLabels } from \"./processors/adjustLineLabels\";\nimport styleText from \"./styles.shadow.css\";\nimport { useUserView } from \"./hooks/useUserView\";\nimport { sameTarget } from \"./processors/sameTarget\";\nimport { getLineMaskRects } from \"./processors/getLineMaskRects\";\n\nconst { defineElement, property, event, method } = createDecorators();\n\nexport interface EoDiagramProps {\n layout?: \"dagre\" | \"force\";\n nodes?: DiagramNode[];\n edges?: DiagramEdge[];\n nodeBricks?: NodeBrickConf[];\n lines?: LineConf[];\n layoutOptions?: LayoutOptions;\n connectNodes?: ConnectNodesOptions;\n dragNodes?: DragNodesOptions;\n activeTarget?: ActiveTarget | null;\n disableKeyboardAction?: boolean;\n zoomable?: boolean;\n scrollable?: boolean;\n pannable?: boolean;\n scaleRange?: RangeTuple;\n}\n\nexport interface DiagramRef {\n callOnLineLabel(id: string, method: string, ...args: unknown[]): void;\n}\n\nexport const EoDiagramComponent = forwardRef(LegacyEoDiagramComponent);\n\n/**\n * 构件 `eo-diagram`\n */\nexport\n@defineElement(\"eo-diagram\", {\n styleTexts: [styleText],\n})\nclass EoDiagram extends ReactNextElement implements EoDiagramProps {\n /**\n * @required\n */\n @property({ type: String })\n accessor layout: \"dagre\" | \"force\" | undefined;\n\n @property({ attribute: false })\n accessor nodes: DiagramNode[] | undefined;\n\n @property({ attribute: false })\n accessor edges: DiagramEdge[] | undefined;\n\n @property({ attribute: false })\n accessor nodeBricks: NodeBrickConf[] | undefined;\n\n @property({ attribute: false })\n accessor lines: LineConf[] | undefined;\n\n @property({ attribute: false })\n accessor layoutOptions: LayoutOptions | undefined;\n\n @property({ attribute: false })\n accessor activeTarget: ActiveTarget | null | undefined;\n\n @property({ type: Boolean })\n accessor disableKeyboardAction: boolean | undefined;\n\n @property({ attribute: false })\n accessor connectNodes: ConnectNodesOptions | undefined;\n\n @property({ attribute: false })\n accessor dragNodes: DragNodesOptions | undefined;\n\n @property({ type: Boolean })\n accessor zoomable: boolean | undefined = true;\n\n @property({ type: Boolean })\n accessor scrollable: boolean | undefined = true;\n\n @property({ type: Boolean })\n accessor pannable: boolean | undefined = true;\n\n @property({ attribute: false })\n accessor scaleRange: RangeTuple | undefined;\n\n @event({ type: \"activeTarget.change\" })\n accessor #activeTargetChangeEvent!: EventEmitter<ActiveTarget | null>;\n\n #handleActiveTargetChange = (target: ActiveTarget | null) => {\n this.#activeTargetChangeEvent.emit(target);\n };\n\n @event({ type: \"node.delete\" })\n accessor #nodeDelete!: EventEmitter<DiagramNode>;\n\n #handleNodeDelete = (node: DiagramNode) => {\n this.#nodeDelete.emit(node);\n };\n\n @event({ type: \"edge.delete\" })\n accessor #edgeDelete!: EventEmitter<DiagramEdge>;\n\n #handleEdgeDelete = (edge: DiagramEdge) => {\n this.#edgeDelete.emit(edge);\n };\n\n @event({ type: \"line.click\" })\n accessor #lineClick!: EventEmitter<LineTarget>;\n\n #handleLineClick = (line: LineTarget) => {\n this.#lineClick.emit(line);\n };\n\n @event({ type: \"line.dblclick\" })\n accessor #lineDoubleClick!: EventEmitter<LineTarget>;\n\n #handleLineDoubleClick = (line: LineTarget) => {\n this.#lineDoubleClick.emit(line);\n };\n\n @event({ type: \"nodes.connect\" })\n accessor #connectNodes!: EventEmitter<ConnectLineDetail>;\n\n #handleNodesConnect = (detail: ConnectLineDetail) => {\n this.#connectNodes.emit(detail);\n };\n\n #handleSwitchActiveTarget = (target: ActiveTarget | null) => {\n if (!sameTarget(target, this.activeTarget)) {\n this.activeTarget = target;\n }\n };\n\n #diagramRef = createRef<DiagramRef>();\n\n @method()\n callOnLineLabel(id: string, method: string, ...args: unknown[]) {\n this.#diagramRef.current?.callOnLineLabel(id, method, ...args);\n }\n\n render() {\n return (\n <EoDiagramComponent\n ref={this.#diagramRef}\n layout={this.layout}\n nodes={this.nodes}\n edges={this.edges}\n nodeBricks={this.nodeBricks}\n lines={this.lines}\n layoutOptions={this.layoutOptions}\n connectNodes={this.connectNodes}\n dragNodes={this.dragNodes}\n activeTarget={this.activeTarget}\n disableKeyboardAction={this.disableKeyboardAction}\n zoomable={this.zoomable}\n scrollable={this.scrollable}\n pannable={this.pannable}\n scaleRange={this.scaleRange}\n onActiveTargetChange={this.#handleActiveTargetChange}\n onSwitchActiveTarget={this.#handleSwitchActiveTarget}\n onNodeDelete={this.#handleNodeDelete}\n onEdgeDelete={this.#handleEdgeDelete}\n onLineClick={this.#handleLineClick}\n onLineDoubleClick={this.#handleLineDoubleClick}\n onNodesConnect={this.#handleNodesConnect}\n />\n );\n }\n}\n\nexport interface EoDiagramComponentProps extends EoDiagramProps {\n onActiveTargetChange?(target: ActiveTarget | null): void;\n onSwitchActiveTarget?(target: ActiveTarget | null): void;\n onNodeDelete?(node: DiagramNode): void;\n onEdgeDelete?(edge: DiagramEdge): void;\n onLineClick?(line: LineTarget): void;\n onLineDoubleClick?(line: LineTarget): void;\n onNodesConnect?(detail: ConnectLineDetail): void;\n}\n\nexport function LegacyEoDiagramComponent(\n {\n layout,\n nodes,\n edges,\n nodeBricks,\n lines,\n layoutOptions,\n connectNodes,\n dragNodes,\n activeTarget: _activeTarget,\n disableKeyboardAction,\n zoomable,\n scrollable,\n pannable,\n scaleRange: _scaleRange,\n onActiveTargetChange,\n onSwitchActiveTarget,\n onNodeDelete,\n onEdgeDelete,\n onLineClick,\n onLineDoubleClick,\n onNodesConnect,\n }: EoDiagramComponentProps,\n ref: React.Ref<DiagramRef>\n) {\n const [nodesReady, setNodesReady] = useState(false);\n const [nodesRenderId, setNodesRenderId] = useState(0);\n const [nodesRefRepository, setNodesRefRepository] =\n useState<RefRepository | null>(null);\n const [lineLabelsReady, setLineLabelsReady] = useState(false);\n const [lineLabelsRenderId, setLineLabelsRenderId] = useState(0);\n const [lineLabelsRefRepository, setLineLabelsRefRepository] =\n useState<RefRepository | null>(null);\n const [renderedLineLabels, setRenderedLineLabels] = useState<\n RenderedLineLabel[]\n >([]);\n\n const [grabbing, setGrabbing] = useState(false);\n const [transform, setTransform] = useState<TransformLiteral>({\n k: 1,\n x: 0,\n y: 0,\n });\n\n const linePathsRef = useRef(new Map<string, SVGPathElement | null>());\n\n const rootRef = useRef<HTMLDivElement>(null);\n const nodesRef = useRef<HTMLDivElement>(null);\n const [centered, setCentered] = useState(false);\n\n const { userViewReady, userViewNodesMap, saveUserView } = useUserView(\n dragNodes?.save\n );\n\n const [connectLineTo, setConnectLineTo] = useState<PositionTuple>([0, 0]);\n const [connectLineState, setConnectLineState] =\n useState<ConnectLineState | null>(null);\n const [manualLayoutStatus, setManualLayoutStatus] =\n useState<ManualLayoutStatus>(\"initial\");\n const [nodeMovement, setNodeMovement] = useState<NodeMovement | null>(null);\n\n useImperativeHandle(ref, () => ({\n callOnLineLabel(id, method, ...args) {\n (\n lineLabelsRefRepository?.get(id)\n ?.firstElementChild as unknown as Record<string, Function>\n )?.[method](...args);\n },\n }));\n\n useEffect(() => {\n const onNodesMouseDown = (event: MouseEvent) => {\n handleNodesMouseDown(event, {\n nodes,\n nodesRefRepository,\n connectNodes,\n dragNodes,\n scale: transform.k,\n setConnectLineState,\n setConnectLineTo,\n setManualLayoutStatus,\n setNodeMovement,\n onSwitchActiveTarget,\n onNodesConnect,\n });\n };\n // Bind mousedown event manually, since the React event handler can't work with\n // d3-zoom inside shadow DOM.\n const nodesContainer = nodesRef.current;\n nodesContainer?.addEventListener(\"mousedown\", onNodesMouseDown);\n return () => {\n nodesContainer?.removeEventListener(\"mousedown\", onNodesMouseDown);\n };\n }, [\n nodes,\n connectNodes,\n dragNodes,\n transform.k,\n nodesRefRepository,\n onNodesConnect,\n onSwitchActiveTarget,\n ]);\n\n const { normalizedLines, normalizedLinesMap, markers } = useMemo(\n () => normalizeLinesAndMarkers(edges, lines),\n [edges, lines]\n );\n\n const lineLabels = useMemo(() => {\n return normalizedLines.flatMap(({ line: { text, label, $id }, edge }) => {\n if (!text && !label) {\n return [] as LineLabel[];\n }\n\n let key: \"label\" | \"text\";\n let list: LineLabelConf[] | TextOptions[];\n if (label) {\n key = \"label\";\n list = ([] as LineLabelConf[]).concat(label);\n } else {\n key = \"text\";\n list = ([] as TextOptions[]).concat(text!);\n }\n\n return list.map<LineLabel>((item) => ({\n [key as \"label\"]: item as LineLabelConf,\n id: `${$id}-${item.placement ?? \"center\"}`,\n edge,\n }));\n });\n }, [normalizedLines]);\n\n const { nodes: renderedNodes, edges: renderedEdges } = useRenderedDiagram({\n layout,\n nodes,\n edges,\n manualLayoutStatus,\n userViewReady,\n userViewNodesMap,\n nodeMovement,\n nodesRefRepository,\n lineLabelsRefRepository,\n normalizedLinesMap,\n layoutOptions,\n nodesRenderId,\n lineLabelsRenderId,\n });\n\n useEffect(\n () => {\n if (manualLayoutStatus === \"finished\") {\n saveUserView(\n renderedNodes.map((node) => ({\n id: node.id,\n x: node.x,\n y: node.y,\n }))\n );\n }\n },\n // Only save user view when manual layout is just finished.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [manualLayoutStatus]\n );\n\n const renderedLines = useMemo(\n () => getRenderedLines(renderedEdges, renderedNodes, normalizedLines),\n [normalizedLines, renderedNodes, renderedEdges]\n );\n\n const newActiveTarget = _activeTarget ?? null;\n const [activeTarget, setActiveTarget] = useState<ActiveTarget | null>(\n newActiveTarget\n );\n\n useEffect(() => {\n setActiveTarget((previous) =>\n sameTarget(previous, newActiveTarget) ? previous : newActiveTarget\n );\n }, [newActiveTarget]);\n\n const activeTargetChangeInitialized = useRef(false);\n useEffect(() => {\n if (!activeTargetChangeInitialized.current) {\n activeTargetChangeInitialized.current = true;\n return;\n }\n onActiveTargetChange?.(activeTarget);\n }, [activeTarget, onActiveTargetChange]);\n\n useEffect(() => {\n const root = rootRef.current;\n if (!root || disableKeyboardAction) {\n return;\n }\n const onKeydown = (event: KeyboardEvent) => {\n const action = handleKeyboard(event, {\n renderedNodes,\n activeTarget,\n });\n\n if (action?.action === \"delete-node\") {\n onNodeDelete?.(action.node);\n } else if (action?.action === \"delete-edge\") {\n onEdgeDelete?.(action.edge);\n } else if (action?.action === \"switch-active-node\" && action.node) {\n onSwitchActiveTarget?.({ type: \"node\", nodeId: action.node.id });\n }\n };\n root.addEventListener(\"keydown\", onKeydown);\n return () => {\n root.removeEventListener(\"keydown\", onKeydown);\n };\n }, [\n activeTarget,\n renderedNodes,\n disableKeyboardAction,\n onSwitchActiveTarget,\n onNodeDelete,\n onEdgeDelete,\n ]);\n\n const handleNodesRendered = useCallback(\n (refRepository: RefRepository | null) => {\n if (refRepository) {\n setNodesRenderId((previous) => previous + 1);\n setNodesRefRepository(refRepository);\n }\n setNodesReady((previous) => previous || !!refRepository);\n },\n []\n );\n\n const handleLineLabelsRendered = useCallback(\n (refRepository: RefRepository | null) => {\n if (refRepository) {\n setLineLabelsRenderId((previous) => previous + 1);\n setLineLabelsRefRepository(refRepository);\n }\n setLineLabelsReady((previous) => previous || !!refRepository);\n },\n []\n );\n\n const scaleRange = useMemo(\n () =>\n _scaleRange ??\n ([DEFAULT_SCALE_RANGE_MIN, DEFAULT_SCALE_RANGE_MAX] as RangeTuple),\n [_scaleRange]\n );\n\n const zoomer = useMemo(() => zoom<HTMLDivElement, unknown>(), []);\n\n useEffect(() => {\n let moved = false;\n zoomer\n .scaleExtent(zoomable ? scaleRange : [1, 1])\n .on(\"start\", () => {\n moved = false;\n setGrabbing(true);\n })\n .on(\"zoom\", (e: { transform: TransformLiteral }) => {\n moved = true;\n setTransform(e.transform);\n })\n .on(\"end\", () => {\n setGrabbing(false);\n if (!moved) {\n onSwitchActiveTarget?.(null);\n }\n });\n }, [onSwitchActiveTarget, scaleRange, zoomable, zoomer]);\n\n useEffect(() => {\n const root = rootRef.current;\n if (!root) {\n return;\n }\n\n const rootSelection = select(root);\n\n const unsetZoom = () => {\n rootSelection\n .on(\".zoom\", null)\n .on(\".zoom.custom\", null)\n .on(\"wheel\", null);\n };\n\n if (!(zoomable || scrollable || pannable)) {\n unsetZoom();\n return;\n }\n\n if (zoomable || scrollable) {\n // Do not override default d3 zoom handler.\n // Only handles *panning*\n rootSelection.on(\n \"wheel.zoom.custom\",\n (e: WheelEvent & { wheelDeltaX: number; wheelDeltaY: number }) => {\n // Mac OS trackpad pinch event is emitted as a wheel.zoom and d3.event.ctrlKey set to true\n if (!e.ctrlKey) {\n // Stop immediate propagation for default d3 zoom handler\n e.stopImmediatePropagation();\n if (scrollable) {\n e.preventDefault();\n zoomer.translateBy(\n rootSelection,\n e.wheelDeltaX / 5,\n e.wheelDeltaY / 5\n );\n }\n }\n // zoomer.scaleBy(rootSelection, Math.pow(2, defaultWheelDelta(e)))\n }\n );\n }\n\n rootSelection\n .call(zoomer)\n .on(\"wheel\", (e: WheelEvent) => e.preventDefault())\n .on(\"dblclick.zoom\", null);\n\n if (!pannable) {\n rootSelection\n .on(\"mousedown.zoom\", null)\n .on(\"touchstart.zoom\", null)\n .on(\"touchmove.zoom\", null)\n .on(\"touchend.zoom\", null);\n }\n\n return unsetZoom;\n }, [pannable, scrollable, zoomable, zoomer]);\n\n useEffect(() => {\n const root = rootRef.current;\n if (renderedNodes.length === 0 || !root || centered) {\n return;\n }\n const { k, x, y } = transformToCenter(renderedNodes, {\n canvasWidth: root.clientWidth,\n canvasHeight: root.clientHeight,\n scaleRange: zoomable ? scaleRange : undefined,\n });\n zoomer.transform(select(root), new ZoomTransform(k, x, y));\n setCentered(true);\n }, [centered, renderedNodes, scaleRange, zoomable, zoomer]);\n\n const defPrefix = useMemo(() => `${uniqueId(\"diagram-\")}-`, []);\n const markerPrefix = `${defPrefix}line-arrow-`;\n const maskPrefix = `${defPrefix}mask-`;\n const activeLineMarkerPrefix = `${defPrefix}active-line-`;\n\n useEffect(() => {\n setRenderedLineLabels((previous) =>\n getRenderedLineLabels(previous, renderedLines, linePathsRef.current)\n );\n }, [renderedLines]);\n\n const [lineMaskRects, setLineMaskRects] = React.useState<LineMaskRects>(\n new Map()\n );\n\n useEffect(() => {\n if (!lineLabelsRefRepository) {\n return;\n }\n const updateLineMaskRects = () => {\n setLineMaskRects(\n getLineMaskRects(renderedLineLabels, lineLabelsRefRepository)\n );\n };\n\n adjustLineLabels(renderedLineLabels, lineLabelsRefRepository);\n\n const observer = new ResizeObserver(updateLineMaskRects);\n for (const lineLabel of lineLabelsRefRepository.values()) {\n observer.observe(lineLabel);\n }\n return () => {\n observer.disconnect();\n };\n }, [lineLabelsRenderId, lineLabelsRefRepository, renderedLineLabels]);\n\n if (layout !== \"dagre\" && layout !== \"force\") {\n return <div>{`Diagram layout not supported: \"${layout}\"`}</div>;\n }\n\n return (\n <div\n className={classNames(\"diagram\", {\n ready: nodesReady && centered,\n grabbing,\n pannable,\n })}\n tabIndex={-1}\n ref={rootRef}\n >\n <svg width=\"100%\" height=\"100%\" className=\"lines\">\n <defs>\n {markers.map(({ type, strokeColor }, index) => (\n <MarkerComponent\n key={index}\n id={`${markerPrefix}${index}`}\n type={type}\n strokeColor={strokeColor}\n />\n ))}\n {[...lineMaskRects].map(([lineId, rects]) => (\n <LineMaskComponent\n key={lineId}\n lineId={lineId}\n rects={rects}\n maskPrefix={maskPrefix}\n renderedLineLabels={renderedLineLabels}\n />\n ))}\n <marker\n id={`${activeLineMarkerPrefix}start`}\n viewBox=\"0 0 8 8\"\n refX={4}\n refY={4}\n markerWidth={8}\n markerHeight={8}\n orient=\"auto\"\n >\n <path\n d=\"M 0.5 0.5 H 7.5 V 7.5 H 0.5 Z\"\n stroke=\"var(--palette-gray-7)\"\n strokeWidth={1}\n fill=\"var(--palette-gray-1)\"\n />\n </marker>\n <marker\n id={`${activeLineMarkerPrefix}end`}\n viewBox=\"0 0 14 8\"\n refX={3}\n refY={4}\n markerWidth={14}\n markerHeight={8}\n orient=\"auto\"\n >\n <path\n d=\"M 0.5 1.5 L 5.5 4 L 0.5 6.5 z\"\n stroke=\"var(--palette-blue-3)\"\n strokeWidth={1}\n fill=\"var(--palette-blue-3)\"\n />\n <path\n d=\"M 6.5 0.5 H 13.5 V 7.5 H 6.5 Z\"\n stroke=\"var(--palette-gray-7)\"\n strokeWidth={1}\n fill=\"var(--palette-gray-1)\"\n />\n </marker>\n </defs>\n <g\n transform={`translate(${transform.x} ${transform.y}) scale(${transform.k})`}\n >\n {renderedLines.map((line) => (\n <LineComponent\n key={line.line.$id}\n line={line}\n linePaths={linePathsRef.current}\n lineMaskRects={lineMaskRects}\n maskPrefix={maskPrefix}\n markerPrefix={markerPrefix}\n activeLineMarkerPrefix={activeLineMarkerPrefix}\n active={\n activeTarget?.type === \"edge\" &&\n activeTarget.edge.source === line.edge.source &&\n activeTarget.edge.target === line.edge.target\n }\n activeRelated={\n activeTarget?.type === \"node\" &&\n (line.edge.source === activeTarget.nodeId ||\n line.edge.target === activeTarget.nodeId)\n }\n onLineClick={onLineClick}\n onLineDoubleClick={onLineDoubleClick}\n />\n ))}\n </g>\n </svg>\n <div\n className={classNames(\"line-labels\", { ready: lineLabelsReady })}\n style={{\n left: transform.x,\n top: transform.y,\n transform: `scale(${transform.k})`,\n }}\n >\n <LineLabelComponentGroup\n labels={lineLabels}\n onRendered={handleLineLabelsRendered}\n />\n </div>\n <div\n className=\"nodes\"\n ref={nodesRef}\n style={{\n left: transform.x,\n top: transform.y,\n transform: `scale(${transform.k})`,\n }}\n >\n <NodeComponentGroup\n nodes={nodes}\n nodeBricks={nodeBricks}\n // nodePositions={nodePositions}\n onRendered={handleNodesRendered}\n />\n </div>\n <ConnectLineComponent\n connectLineState={connectLineState}\n connectLineTo={connectLineTo}\n markerPrefix={markerPrefix}\n />\n </div>\n );\n}\n","export default function _assertClassBrand(e, t, n) {\n if (\"function\" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n;\n throw new TypeError(\"Private element is not present on this object\");\n}","export default function _checkPrivateRedeclaration(obj, privateCollection) {\n if (privateCollection.has(obj)) {\n throw new TypeError(\"Cannot initialize the same private elements twice on an object\");\n }\n}","import assertClassBrand from \"./assertClassBrand.js\";\nexport default function _classPrivateFieldGet2(s, a) {\n return s.get(assertClassBrand(s, a));\n}","import checkPrivateRedeclaration from \"./checkPrivateRedeclaration.js\";\nexport default function _classPrivateFieldInitSpec(obj, privateMap, value) {\n checkPrivateRedeclaration(obj, privateMap);\n privateMap.set(obj, value);\n}","import assertClassBrand from \"./assertClassBrand.js\";\nexport default function _classPrivateFieldSet2(s, a, r) {\n return s.set(assertClassBrand(s, a), r), r;\n}","import checkPrivateRedeclaration from \"./checkPrivateRedeclaration.js\";\nexport default function _classPrivateMethodInitSpec(obj, privateSet) {\n checkPrivateRedeclaration(obj, privateSet);\n privateSet.add(obj);\n}","import _typeof from \"./typeof.js\";\nimport toPrimitive from \"./toPrimitive.js\";\nexport default function toPropertyKey(t) {\n var i = toPrimitive(t, \"string\");\n return \"symbol\" == _typeof(i) ? i : i + \"\";\n}","import _typeof from \"./typeof.js\";\nexport default function toPrimitive(t, r) {\n if (\"object\" != _typeof(t) || !t) return t;\n var e = t[Symbol.toPrimitive];\n if (void 0 !== e) {\n var i = e.call(t, r || \"default\");\n if (\"object\" != _typeof(i)) return i;\n throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n }\n return (\"string\" === r ? String : Number)(t);\n}","export default function _typeof(o) {\n \"@babel/helpers - typeof\";\n\n return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n return typeof o;\n } : function (o) {\n return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n }, _typeof(o);\n}"],"names":["defineElement","property","event","method","createDecorators","EoDiagramComponent","forwardRef","LegacyEoDiagramComponent","_EoDiagram","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_I","_J","_K","_L","_M","_N","_O","_EoDiagram_brand","WeakSet","_handleActiveTargetChange","_P","_handleNodeDelete","_Q","_handleEdgeDelete","_R","_handleLineClick","_S","_handleLineDoubleClick","_T","_handleNodesConnect","_handleSwitchActiveTarget","_diagramRef","EoDiagram","ReactNextElement","constructor","arguments","_classPrivateMethodInitSpec","_classPrivateFieldInitSpec","_initProto","_init_layout","_init_extra_layout","_init_nodes","_init_extra_nodes","_init_edges","_init_extra_edges","_init_nodeBricks","_init_extra_nodeBricks","_init_lines","_init_extra_lines","_init_layoutOptions","_init_extra_layoutOptions","_init_activeTarget","_init_extra_activeTarget","_init_disableKeyboardAction","_init_extra_disableKeyboardAction","_init_connectNodes","_init_extra_connectNodes","_init_dragNodes","_init_extra_dragNodes","_init_zoomable","_init_extra_zoomable","_init_scrollable","_init_extra_scrollable","_init_pannable","_init_extra_pannable","_init_scaleRange","_init_extra_scaleRange","_init_activeTargetChangeEvent","_init_extra_activeTargetChangeEvent","target","_classPrivateGetter","this","_get_activeTargetChangeEvent","emit","_init_nodeDelete","_init_extra_nodeDelete","node","_get_nodeDelete","_init_edgeDelete","_init_extra_edgeDelete","edge","_get_edgeDelete","_init_lineClick","_init_extra_lineClick","line","_get_lineClick","_init_lineDoubleClick","_init_extra_lineDoubleClick","_get_lineDoubleClick","_init_connectNodes2","_init_extra_connectNodes2","detail","_get_connectNodes","sameTarget","activeTarget","createRef","layout","_classPrivateFieldGet","v","_classPrivateFieldSet","nodes","edges","nodeBricks","lines","layoutOptions","disableKeyboardAction","connectNodes","dragNodes","zoomable","scrollable","pannable","scaleRange","callOnLineLabel","id","_classPrivateFieldGet2","_len","length","args","Array","_key","current","render","React","ref","onActiveTargetChange","onSwitchActiveTarget","onNodeDelete","onEdgeDelete","onLineClick","onLineDoubleClick","onNodesConnect","_ref","_activeTarget","_scaleRange","nodesReady","setNodesReady","useState","nodesRenderId","setNodesRenderId","nodesRefRepository","setNodesRefRepository","lineLabelsReady","setLineLabelsReady","lineLabelsRenderId","setLineLabelsRenderId","lineLabelsRefRepository","setLineLabelsRefRepository","renderedLineLabels","setRenderedLineLabels","grabbing","setGrabbing","transform","setTransform","k","x","y","linePathsRef","useRef","Map","rootRef","nodesRef","centered","setCentered","userViewReady","userViewNodesMap","saveUserView","useUserView","save","connectLineTo","setConnectLineTo","connectLineState","setConnectLineState","manualLayoutStatus","setManualLayoutStatus","nodeMovement","setNodeMovement","useImperativeHandle","_lineLabelsRefReposit","_len2","_key2","get","firstElementChild","useEffect","onNodesMouseDown","handleNodesMouseDown","scale","nodesContainer","addEventListener","removeEventListener","normalizedLines","normalizedLinesMap","markers","useMemo","normalizeLinesAndMarkers","lineLabels","flatMap","_ref2","key","list","text","label","$id","concat","map","item","placement","renderedNodes","renderedEdges","useRenderedDiagram","renderedLines","getRenderedLines","newActiveTarget","setActiveTarget","previous","activeTargetChangeInitialized","root","onKeydown","action","handleKeyboard","type","nodeId","handleNodesRendered","useCallback","refRepository","handleLineLabelsRendered","DEFAULT_SCALE_RANGE_MIN","DEFAULT_SCALE_RANGE_MAX","zoomer","zoom","moved","scaleExtent","on","e","rootSelection","select","unsetZoom","ctrlKey","stopImmediatePropagation","preventDefault","translateBy","wheelDeltaX","wheelDeltaY","call","transformToCenter","canvasWidth","clientWidth","canvasHeight","clientHeight","undefined","ZoomTransform","defPrefix","uniqueId","markerPrefix","maskPrefix","activeLineMarkerPrefix","getRenderedLineLabels","lineMaskRects","setLineMaskRects","adjustLineLabels","observer","ResizeObserver","updateLineMaskRects","getLineMaskRects","lineLabel","values","observe","disconnect","className","classNames","ready","tabIndex","width","height","_ref3","index","strokeColor","MarkerComponent","_ref4","lineId","rects","LineMaskComponent","viewBox","refX","refY","markerWidth","markerHeight","orient","d","stroke","strokeWidth","fill","LineComponent","linePaths","active","source","activeRelated","style","left","top","LineLabelComponentGroup","labels","onRendered","NodeComponentGroup","ConnectLineComponent","_EoDiagram2","_set_activeTargetChangeEvent","_set_nodeDelete","_set_edgeDelete","_set_lineClick","_set_lineDoubleClick","_set_connectNodes","c","_initClass","_applyDecs","styleTexts","styleText","String","attribute","Boolean","o","_","has","_checkInRHS","_assertClassBrand","t","n","TypeError","_checkPrivateRedeclaration","obj","privateCollection","s","a","privateMap","value","set","_classPrivateFieldSet2","r","privateSet","add","toPropertyKey","i","Symbol","toPrimitive","_typeof","iterator","prototype"],"sourceRoot":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";(globalThis.webpackChunk_next_bricks_diagram=globalThis.webpackChunk_next_bricks_diagram||[]).push([[9823,8939],{6094:(e,t,a)=>{a.r(t),a.d(t,{EoDisplayCanvas:()=>xe});var l,s=a(4635),i=a(918),n=a(6902),o=a(5536),r=a(6121),d=a(829),h=a(2740),c=a(8769),u=a.n(c),g=a(4799),A=a(8610),p=(a(6477),a(1030)),y=a(3373),f=a.n(y),v=a(7566),m=a(3739),C=a(8185),w=a(4932),k=a(3783),b=a(3033),M=a(8091),E=a(1819),x=a(5748),N=a(227),W=a(531),T=a(7099),R=a(1484),z=a(8197),S=a(7531),L=a(2098),B=a(3012),D=a(6237);let $,P,H,O,U,K,_,F,I,j,V,Y,q,J,X,Z,G,Q,ee,te,ae,le,se,ie,ne,oe,re,de,he,ce,ue,ge,Ae,pe,ye,fe,ve,me,Ce,we,ke;const{defineElement:be,property:Me,event:Ee}=(0,g.createDecorators)();let xe;var Ne=new WeakMap,We=new WeakMap,Te=new WeakMap,Re=new WeakMap,ze=new WeakMap,Se=new WeakMap,Le=new WeakMap,Be=new WeakMap,De=new WeakMap,$e=new WeakMap,Pe=new WeakMap,He=new WeakMap,Oe=new WeakMap,Ue=new WeakMap,Ke=new WeakMap,_e=new WeakSet,Fe=new WeakMap,Ie=new WeakMap,je=new WeakMap,Ve=new WeakMap,Ye=new WeakMap,qe=new WeakMap;class Je extends A.ReactNextElement{constructor(){super(...arguments),(0,s.A)(this,_e),(0,i.A)(this,Ne,P(this)),(0,i.A)(this,We,(H(this),O(this))),(0,i.A)(this,Te,(U(this),K(this))),(0,i.A)(this,Re,(_(this),F(this,[b.HP,b.HP]))),(0,i.A)(this,ze,(I(this),j(this))),(0,i.A)(this,Se,(V(this),Y(this))),(0,i.A)(this,Le,(q(this),J(this))),(0,i.A)(this,Be,(X(this),Z(this))),(0,i.A)(this,De,(G(this),Q(this))),(0,i.A)(this,$e,(ee(this),te(this))),(0,i.A)(this,Pe,(ae(this),le(this,!0))),(0,i.A)(this,He,(se(this),ie(this,!0))),(0,i.A)(this,Oe,(ne(this),oe(this,!0))),(0,i.A)(this,Ue,(re(this),de(this))),(0,i.A)(this,Ke,(he(this),ce(this))),(0,i.A)(this,Fe,(Ae(this),e=>{(0,o.A)(_e,this,ue).emit(e)})),(0,i.A)(this,Ie,(e=>{(0,C.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,i.A)(this,je,pe(this)),(0,i.A)(this,Ve,(ve(this),e=>{(0,o.A)(_e,this,ye).emit(e)})),(0,i.A)(this,Ye,me(this)),(0,i.A)(this,qe,(ke(this),e=>{(0,o.A)(_e,this,Ce).emit(e)}))}get cells(){return(0,d.A)(Ne,this)}set cells(e){(0,r.A)(Ne,this,e)}get layout(){return(0,d.A)(We,this)}set layout(e){(0,r.A)(We,this,e)}get layoutOptions(){return(0,d.A)(Te,this)}set layoutOptions(e){(0,r.A)(Te,this,e)}get defaultNodeSize(){return(0,d.A)(Re,this)}set defaultNodeSize(e){(0,r.A)(Re,this,e)}get defaultNodeBricks(){return(0,d.A)(ze,this)}set defaultNodeBricks(e){(0,r.A)(ze,this,e)}get degradedThreshold(){return(0,d.A)(Se,this)}set degradedThreshold(e){(0,r.A)(Se,this,e)}get degradedNodeLabel(){return(0,d.A)(Le,this)}set degradedNodeLabel(e){(0,r.A)(Le,this,e)}get defaultEdgeLines(){return(0,d.A)(Be,this)}set defaultEdgeLines(e){(0,r.A)(Be,this,e)}get activeTarget(){return(0,d.A)(De,this)}set activeTarget(e){(0,r.A)(De,this,e)}get fadeUnrelatedCells(){return(0,d.A)($e,this)}set fadeUnrelatedCells(e){(0,r.A)($e,this,e)}get zoomable(){return(0,d.A)(Pe,this)}set zoomable(e){(0,r.A)(Pe,this,e)}get scrollable(){return(0,d.A)(He,this)}set scrollable(e){(0,r.A)(He,this,e)}get pannable(){return(0,d.A)(Oe,this)}set pannable(e){(0,r.A)(Oe,this,e)}get scaleRange(){return(0,d.A)(Ue,this)}set scaleRange(e){(0,r.A)(Ue,this,e)}render(){return u().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:(0,d.A)(Fe,this),onSwitchActiveTarget:(0,d.A)(Ie,this),onCellContextMenu:(0,d.A)(Ve,this),onCellClick:(0,d.A)(qe,this)})}}function Xe(e){let{shadowRoot:t,cells:a,layout:l,layoutOptions:s,defaultNodeSize:i,defaultNodeBricks:n,defaultEdgeLines:o,degradedThreshold:r,degradedNodeLabel:d,activeTarget:h,fadeUnrelatedCells:g,zoomable:A,scrollable:y,pannable:C,scaleRange:B,onActiveTargetChange:D,onSwitchActiveTarget:$,onCellContextMenu:P,onCellClick:H}=e;const[{cells:O,layoutKey:U},K]=(0,c.useReducer)(x.d,a,(e=>({cells:(0,k.C)(e,{defaultNodeSize:i}),layoutKey:1}))),_=(0,c.useMemo)((()=>O.filter(W.N).length>=(r??b.pC)),[O,r]),F=(0,c.useRef)(null),I=(0,c.useRef)(null),{grabbing:j,transform:V,zoomer:Y,scaleRange:q}=(0,M.f)({rootRef:F,zoomable:A,scrollable:y,pannable:C,draggable:!0,scaleRange:B,onSwitchActiveTarget:$}),{centered:J,setCentered:X,getNextLayoutKey:Z}=(0,R.g)({layout:l,layoutOptions:s,rootRef:F,cells:O,zoomable:A,zoomer:Y,scaleRange:q,layoutKey:U,dispatch:K}),G=(0,c.useCallback)((()=>{X(!1)}),[X]),Q=(0,c.useRef)(a);(0,c.useEffect)((()=>{if(a!==Q.current){Q.current=a;const e=(0,L.L)({canvasWidth:t.host.clientWidth,canvasHeight:t.host.clientHeight,defaultNodeSize:i,layout:l,previousCells:O,cells:a,scaleRange:q,transform:V});K({type:"update-cells",payload:e.cells})}}),[O,i,a,l,q,t,V]);const ee=(0,E.J)({cellsRef:I,activeTarget:h,onActiveTargetChange:D}),te=`${(0,c.useMemo)((()=>`${(0,p.uniqueId)("diagram-")}-`),[])}line-arrow-`,ae=(0,c.useCallback)(((e,t)=>{K({type:"update-node-size",payload:{id:e,size:t},layoutKey:Z()})}),[Z]),[le,se]=(0,c.useState)(null),ie=(0,c.useCallback)((e=>{se(e)}),[]),ne=(0,c.useCallback)((e=>{se((t=>t===e?null:t))}),[]),[oe,re]=(0,c.useState)([]);(0,c.useEffect)((()=>{const e=g?(0,N.Y)(O,null,le):[];re((t=>0===t.length&&0===e.length?t:e))}),[O,g,le]);const de=(0,c.useCallback)((e=>{Y.scaleTo((0,v.A)(F.current),e/100)}),[Y]),{lineConfMap:he,markers:ce}=(0,S.d)({cells:O,defaultEdgeLines:o,markerPrefix:te}),ue=(0,z.H)({cells:O,layout:l,centered:J});return u().createElement(u().Fragment,null,u().createElement("svg",{width:"100%",height:"100%",ref:F,className:f()("root",{grabbing:j,pannable:C,ready:ue}),tabIndex:-1},u().createElement("defs",null,ce.map(((e,t)=>u().createElement(m.c,{key:t,id:`${te}${t}`,type:"arrow",strokeColor:e.strokeColor})))),u().createElement("g",{transform:`translate(${V.x} ${V.y}) scale(${V.k})`},u().createElement("g",{className:"cells",ref:I},O.map((e=>u().createElement(w.m,{key:`${e.type}:${(0,W.WW)(e)?`${e.source}~${e.target}`:e.id}`,layout:l,cell:e,cells:O,degraded:_,degradedNodeLabel:d,defaultNodeBricks:n,lineConfMap:he,transform:V,activeTarget:ee,readOnly:!0,unrelatedCells:oe,onSwitchActiveTarget:$,onCellContextMenu:P,onCellClick:H,onNodeBrickResize:ae,onCellMouseEnter:g&&(0,W.N)(e)?ie:void 0,onCellMouseLeave:g&&(0,W.N)(e)?ne:void 0})))))),u().createElement(T.Y,{shadowRoot:t,scale:V.k,scaleRange:q,onZoomChange:de,onReCenter:G}))}l=Je,({e:[P,H,O,U,K,_,F,I,j,V,Y,q,J,X,Z,G,Q,ee,te,ae,le,se,ie,ne,oe,re,de,he,ce,ue,ge,Ae,pe,ye,fe,ve,me,Ce,we,ke],c:[xe,$]}=(0,h.A)(l,[be("eo-display-canvas",{styleTexts:[B.A,D.A]})],[[Me({attribute:!1}),1,"cells"],[Me({type:String}),1,"layout"],[Me({attribute:!1}),1,"layoutOptions"],[Me({attribute:!1}),1,"defaultNodeSize"],[Me({attribute:!1}),1,"defaultNodeBricks"],[Me({type:Number}),1,"degradedThreshold"],[Me({attribute:!1}),1,"degradedNodeLabel"],[Me({attribute:!1}),1,"defaultEdgeLines"],[Me({attribute:!1}),1,"activeTarget"],[Me({type:Boolean}),1,"fadeUnrelatedCells"],[Me({type:Boolean}),1,"zoomable"],[Me({type:Boolean}),1,"scrollable"],[Me({type:Boolean}),1,"pannable"],[Me({attribute:!1}),1,"scaleRange"],[Ee({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>(0,d.A)(Ke,e),(e,t)=>(0,r.A)(Ke,e,t)],[Ee({type:"cell.contextmenu"}),1,"cellContextMenu",e=>(0,d.A)(je,e),(e,t)=>(0,r.A)(je,e,t)],[Ee({type:"cell.click"}),1,"cellClick",e=>(0,d.A)(Ye,e),(e,t)=>(0,r.A)(Ye,e,t)]],0,(e=>qe.has((0,n.A)(e))),A.ReactNextElement)),$()},9068:(e,t,a)=>{a.r(t),a.d(t,{EoDrawCanvas:()=>Kt,EoDrawCanvasComponent:()=>Ut,uuidV4:()=>Ha});var l,s=a(4635),i=a(918),n=a(6902),o=a(2559),r=a(5536),d=a(6121),h=a(829),c=a(2740),u=a(8769),g=a.n(u),A=a(4799),p=a(8610),y=a(4218),f=(a(6477),a(1030)),v=a(3373),m=a.n(v),C=a(7566),w=a(5748),k=a(3739),b=a(531),M=a(8185),E=a(5114),x=a(4932),N=a(3639),W=a(3783),T=a(2098),R=a(227),z=a(3033),S=a(8091),L=a(1819),B=a(7099),D=a(1484),$=a(8197),P=a(7531),H=a(8875),O=a(2722),U=a(9978),K=a(2219),_=a(3012),F=a(6237),I=a(1103),j=a(9386),V=a(1991),Y=a(2202),q=a(1825);let J,X,Z,G,Q,ee,te,ae,le,se,ie,ne,oe,re,de,he,ce,ue,ge,Ae,pe,ye,fe,ve,me,Ce,we,ke,be,Me,Ee,xe,Ne,We,Te,Re,ze,Se,Le,Be,De,$e,Pe,He,Oe,Ue,Ke,_e,Fe,Ie,je,Ve,Ye,qe,Je,Xe,Ze,Ge,Qe,et,tt,at,lt,st,it,nt,ot,rt,dt,ht,ct,ut,gt,At,pt,yt,ft,vt,mt,Ct,wt,kt,bt,Mt,Et,xt,Nt,Wt,Tt,Rt,zt,St,Lt,Bt;const Dt=(0,y.unwrapProvider)("basic.lock-body-scroll"),{defineElement:$t,property:Pt,method:Ht,event:Ot}=(0,A.createDecorators)(),Ut=g().forwardRef(Pa);let Kt;var _t=new WeakMap,Ft=new WeakMap,It=new WeakMap,jt=new WeakMap,Vt=new WeakMap,Yt=new WeakMap,qt=new WeakMap,Jt=new WeakMap,Xt=new WeakMap,Zt=new WeakMap,Gt=new WeakMap,Qt=new WeakMap,ea=new WeakMap,ta=new WeakMap,aa=new WeakMap,la=new WeakMap,sa=new WeakMap,ia=new WeakMap,na=new WeakMap,oa=new WeakSet,ra=new WeakMap,da=new WeakMap,ha=new WeakMap,ca=new WeakMap,ua=new WeakMap,ga=new WeakMap,Aa=new WeakMap,pa=new WeakMap,ya=new WeakMap,fa=new WeakMap,va=new WeakMap,ma=new WeakMap,Ca=new WeakMap,wa=new WeakMap,ka=new WeakMap,ba=new WeakMap,Ma=new WeakMap,Ea=new WeakMap,xa=new WeakMap,Na=new WeakMap,Wa=new WeakMap,Ta=new WeakMap,Ra=new WeakMap,za=new WeakMap,Sa=new WeakMap,La=new WeakMap,Ba=new WeakMap;class Da extends p.ReactNextElement{constructor(){super(...arguments),(0,s.A)(this,oa),(0,i.A)(this,_t,(J(this),Z(this))),(0,i.A)(this,Ft,(G(this),Q(this))),(0,i.A)(this,It,(ee(this),te(this))),(0,i.A)(this,jt,(ae(this),le(this,[z.HP,z.HP]))),(0,i.A)(this,Vt,(se(this),ie(this))),(0,i.A)(this,Yt,(ne(this),oe(this))),(0,i.A)(this,qt,(re(this),de(this))),(0,i.A)(this,Jt,(he(this),ce(this))),(0,i.A)(this,Xt,(ue(this),ge(this))),(0,i.A)(this,Zt,(Ae(this),pe(this))),(0,i.A)(this,Gt,(ye(this),fe(this,!0))),(0,i.A)(this,Qt,(ve(this),me(this,!0))),(0,i.A)(this,ea,(Ce(this),we(this,!0))),(0,i.A)(this,ta,(ke(this),be(this,!1))),(0,i.A)(this,aa,(Me(this),Ee(this))),(0,i.A)(this,la,(xe(this),Ne(this))),(0,i.A)(this,sa,(We(this),Te(this))),(0,i.A)(this,ia,(Re(this),ze(this))),(0,i.A)(this,na,(Se(this),Le(this))),(0,i.A)(this,ra,($e(this),e=>{(0,r.A)(oa,this,Be).emit(e)})),(0,i.A)(this,da,(e=>{(0,M.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,i.A)(this,ha,Pe(this)),(0,i.A)(this,ca,(Ue(this),Ke(this))),(0,i.A)(this,ua,(Ie(this),e=>{(0,r.A)(oa,this,_e).emit(e),"node"===e.type&&(0,r.A)(oa,this,He).emit(e)})),(0,i.A)(this,ga,je(this)),(0,i.A)(this,Aa,(qe(this),e=>{(0,r.A)(oa,this,Ve).emit(e)})),(0,i.A)(this,pa,Je(this)),(0,i.A)(this,ya,(Ge(this),e=>{(0,r.A)(oa,this,Xe).emit(e)})),(0,i.A)(this,fa,Qe(this)),(0,i.A)(this,va,(at(this),lt(this))),(0,i.A)(this,ma,(nt(this),e=>{(0,r.A)(oa,this,st).emit(e),"node"===e.type&&(0,r.A)(oa,this,et).emit(e)})),(0,i.A)(this,Ca,ot(this)),(0,i.A)(this,wa,(ht(this),e=>{(0,r.A)(oa,this,rt).emit(e)})),(0,i.A)(this,ka,ct(this)),(0,i.A)(this,ba,(At(this),e=>{(0,r.A)(oa,this,ut).emit(e)})),(0,i.A)(this,Ma,pt(this)),(0,i.A)(this,Ea,(vt(this),e=>{(0,r.A)(oa,this,yt).emit(e)})),(0,i.A)(this,xa,mt(this)),(0,i.A)(this,Na,(kt(this),e=>{(0,r.A)(oa,this,Ct).emit(e)})),(0,i.A)(this,Wa,bt(this)),(0,i.A)(this,Ta,(xt(this),e=>{(0,r.A)(oa,this,Mt).emit(e)})),(0,i.A)(this,Ra,Nt(this)),(0,i.A)(this,za,(Rt(this),e=>{(0,r.A)(oa,this,Wt).emit(e)})),(0,i.A)(this,Sa,zt(this)),(0,i.A)(this,La,(Bt(this),e=>{(0,r.A)(oa,this,St).emit(e)})),(0,i.A)(this,Ba,(0,u.createRef)())}get cells(){return(0,h.A)(_t,this)}set cells(e){(0,d.A)(_t,this,e)}get layout(){return(0,h.A)(Ft,this)}set layout(e){(0,d.A)(Ft,this,e)}get layoutOptions(){return(0,h.A)(It,this)}set layoutOptions(e){(0,d.A)(It,this,e)}get defaultNodeSize(){return(0,h.A)(jt,this)}set defaultNodeSize(e){(0,d.A)(jt,this,e)}get defaultNodeBricks(){return(0,h.A)(Vt,this)}set defaultNodeBricks(e){(0,d.A)(Vt,this,e)}get degradedThreshold(){return(0,h.A)(Yt,this)}set degradedThreshold(e){(0,d.A)(Yt,this,e)}get degradedNodeLabel(){return(0,h.A)(qt,this)}set degradedNodeLabel(e){(0,d.A)(qt,this,e)}get defaultEdgeLines(){return(0,h.A)(Jt,this)}set defaultEdgeLines(e){(0,d.A)(Jt,this,e)}get activeTarget(){return(0,h.A)(Xt,this)}set activeTarget(e){(0,d.A)(Xt,this,e)}get fadeUnrelatedCells(){return(0,h.A)(Zt,this)}set fadeUnrelatedCells(e){(0,d.A)(Zt,this,e)}get zoomable(){return(0,h.A)(Gt,this)}set zoomable(e){(0,d.A)(Gt,this,e)}get scrollable(){return(0,h.A)(Qt,this)}set scrollable(e){(0,d.A)(Qt,this,e)}get pannable(){return(0,h.A)(ea,this)}set pannable(e){(0,d.A)(ea,this,e)}get allowEdgeToArea(){return(0,h.A)(ta,this)}set allowEdgeToArea(e){(0,d.A)(ta,this,e)}get dragBehavior(){return(0,h.A)(aa,this)}set dragBehavior(e){(0,d.A)(aa,this,e)}get ctrlDragBehavior(){return(0,h.A)(la,this)}set ctrlDragBehavior(e){(0,d.A)(la,this,e)}get scaleRange(){return(0,h.A)(sa,this)}set scaleRange(e){(0,d.A)(sa,this,e)}get lineConnector(){return(0,h.A)(ia,this)}set lineConnector(e){(0,d.A)(ia,this,e)}async dropNode(e){var t,a;let{id:l,position:s,size:i,data:n,useBrick:o}=e;if(null===(t=(a=document).elementsFromPoint)||void 0===t||null===(t=t.call(a,s[0],s[1]))||void 0===t?void 0:t.includes(this)){var r;const e=this.getBoundingClientRect(),t=(0,h.A)(Ba,this).current.getTransform(),a={type:"node",id:l,view:{..."force"===this.layout||"dagre"===this.layout?null:{x:(s[0]-e.left-t.x)/t.k,y:(s[1]-e.top-t.y)/t.k},width:(null==i?void 0:i[0])??this.defaultNodeSize[0],height:(null==i?void 0:i[1])??this.defaultNodeSize[0]},data:n,useBrick:o};return null===(r=(0,h.A)(Ba,this).current)||void 0===r||r.dropNode(a),a}return null}async dropDecorator(e){var t,a;let{position:l,decorator:s,text:i,direction:n}=e;if(null===(t=(a=document).elementsFromPoint)||void 0===t||null===(t=t.call(a,l[0],l[1]))||void 0===t?void 0:t.includes(this)){var o;const e=this.getBoundingClientRect(),t=(0,h.A)(Ba,this).current.getTransform(),a={type:"decorator",decorator:s,id:Ha(),view:{x:(l[0]-e.left-t.x)/t.k,y:(l[1]-e.top-t.y)/t.k,width:z.N8,height:z.w1,text:i,direction:n}};return null===(o=(0,h.A)(Ba,this).current)||void 0===o||o.dropDecorator(a),a}return null}async addNodes(e){if(0===e.length)return[];const t=e.map((e=>{let{size:t,useBrick:a,id:l,data:s}=e;return{type:"node",id:l,data:s,view:{width:(null==t?void 0:t[0])??this.defaultNodeSize[0],height:(null==t?void 0:t[1])??this.defaultNodeSize[0]},useBrick:a}}));return(0,h.A)(Ba,this).current.addNodes(t,{defaultNodeSize:this.defaultNodeSize,canvasWidth:this.clientWidth,canvasHeight:this.clientHeight})}async addEdge(e){var t;let{source:a,target:l,data:s}=e;const i={type:"edge",source:a,target:l,data:s};return null===(t=(0,h.A)(Ba,this).current)||void 0===t||t.addEdge(i),i}manuallyConnectNodes(e){return(0,h.A)(Ba,this).current.manuallyConnectNodes(e)}async updateCells(e,t){await(0,o.A)(oa,this,$a).call(this);const{updated:a}=(0,h.A)(Ba,this).current.updateCells(e,{...t,defaultNodeSize:this.defaultNodeSize,canvasWidth:this.clientWidth,canvasHeight:this.clientHeight});return{updated:a}}disconnectedCallback(){super.disconnectedCallback(),Dt(this,!1)}render(){return g().createElement(Ut,{host:this,ref:(0,h.A)(Ba,this),layout:this.layout,layoutOptions:this.layoutOptions,cells:this.cells,defaultNodeSize:this.defaultNodeSize,defaultNodeBricks:this.defaultNodeBricks,defaultEdgeLines:this.defaultEdgeLines,degradedThreshold:this.degradedThreshold,degradedNodeLabel:this.degradedNodeLabel,activeTarget:this.activeTarget,fadeUnrelatedCells:this.fadeUnrelatedCells,zoomable:this.zoomable,scrollable:this.scrollable,pannable:this.pannable,dragBehavior:this.dragBehavior,ctrlDragBehavior:this.ctrlDragBehavior,scaleRange:this.scaleRange,lineConnector:this.lineConnector,allowEdgeToArea:this.allowEdgeToArea,onActiveTargetChange:(0,h.A)(ra,this),onSwitchActiveTarget:(0,h.A)(da,this),onCellMove:(0,h.A)(ua,this),onCellsMove:(0,h.A)(Aa,this),onCellResize:(0,h.A)(ya,this),onCellDelete:(0,h.A)(ma,this),onCellsDelete:(0,h.A)(wa,this),onEdgeAdd:(0,h.A)(Ea,this),onCellContextMenu:(0,h.A)(ba,this),onDecoratorTextChange:(0,h.A)(Ta,this),onContainerContainerChange:(0,h.A)(za,this),onScaleChange:(0,h.A)(La,this),onEdgeViewChange:(0,h.A)(Na,this)})}}function $a(){return new Promise((e=>{const t=()=>{(0,h.A)(Ba,this).current?e():setTimeout(t,10)};t()}))}function Pa(e,t){let{host:a,layout:l,layoutOptions:s,cells:i,defaultNodeSize:n,defaultNodeBricks:o,defaultEdgeLines:r,degradedThreshold:d,degradedNodeLabel:h,activeTarget:c,fadeUnrelatedCells:A,zoomable:p,scrollable:y,pannable:v,dragBehavior:M,ctrlDragBehavior:_,scaleRange:F,lineConnector:J,allowEdgeToArea:X,onActiveTargetChange:Z,onSwitchActiveTarget:G,onCellMove:Q,onCellResize:ee,onCellDelete:te,onCellsMove:ae,onCellsDelete:le,onCellContextMenu:se,onEdgeAdd:ie,onDecoratorTextChange:ne,onScaleChange:oe,onContainerContainerChange:re,onEdgeViewChange:de}=e;const[{cells:he,layoutKey:ce},ue]=(0,u.useReducer)(w.d,i,(e=>({cells:(0,W.C)(e,{defaultNodeSize:n}),layoutKey:0}))),ge=(0,u.useMemo)((()=>he.filter(b.N).length>=(d??z.pC)),[he,d]),Ae=(0,u.useRef)(null),pe=(0,u.useRef)(null),ye=(0,u.useRef)(null),[fe,ve]=(0,u.useState)([]),[me,Ce]=(0,u.useState)([]),{grabbing:we,transform:ke,zoomer:be,scaleRange:Me}=(0,S.f)({rootRef:Ae,zoomable:p,scrollable:y,pannable:v,draggable:"grab"===M,ctrlDraggable:"grab"===_,scaleRange:F,onSwitchActiveTarget:G});(0,u.useEffect)((()=>{oe(ke.k)}),[oe,ke.k]);const[Ee,xe]=(0,u.useState)(null),[Ne,We]=(0,u.useState)(null),{centered:Te,setCentered:Re,getNextLayoutKey:ze}=(0,D.g)({layout:l,layoutOptions:s,rootRef:Ae,cells:he,zoomable:p,zoomer:be,scaleRange:Me,layoutKey:ce,allowEdgeToArea:X,dispatch:ue});(0,u.useImperativeHandle)(t,(()=>({dropNode(e){"dagre"!==l&&"force"!==l&&Re(!0),ue({type:"drop-node",payload:e})},dropDecorator(e){"dagre"!==l&&"force"!==l&&Re(!0),ue({type:"drop-decorator",payload:e})},addNodes(e,t){let{defaultNodeSize:a,canvasWidth:s,canvasHeight:i}=t;const n=he.findLastIndex((e=>!("decorator"===e.type&&"text"===e.decorator)))+1,o=[...he.slice(0,n),...e,...he.slice(n)],{cells:r,updated:d,shouldReCenter:h}=(0,T.L)({cells:o,layout:l,previousCells:he,defaultNodeSize:a,canvasWidth:s,canvasHeight:i,scaleRange:Me,transform:ke,allowEdgeToArea:X});return h&&Re(!1),ue({type:"update-cells",payload:r}),d.filter((t=>e.includes(t)))},addEdge(e){ue({type:"add-edge",payload:e})},updateCells(e,t){const{shouldReCenter:a,...s}=(0,T.L)({...t,layout:l,previousCells:he,cells:e,scaleRange:Me,transform:ke,allowEdgeToArea:X});return a&&Re(!1),ue({type:"update-cells",payload:s.cells}),s},getTransform:()=>ke,manuallyConnectNodes(e){const t=he.find((t=>(0,b.bo)(t,X)&&t.id===e));if(t){const e=Ae.current.getBoundingClientRect();return We({source:t,from:[t.view.x+t.view.width/2,t.view.y+t.view.height/2],offset:[e.left,e.top]}),new Promise(((e,t)=>{ye.current={resolve:e,reject:t}}))}return Promise.reject(null)}})),[he,l,Me,Re,ke,X]);const Se=(0,u.useCallback)(((e,t)=>{var a;for(let a=he.length-1;a>=0;a--){const s=he[a];if((0,b.bo)(s,X)&&s.id!==e.source.id&&s.view.x<t[0]&&s.view.x+s.view.width>t[0]&&s.view.y<t[1]&&s.view.y+s.view.height>t[1]){var l;null===(l=ye.current)||void 0===l||l.resolve({source:e.source,target:s});break}}null===(a=ye.current)||void 0===a||a.reject(null),We(null)}),[X,he]),[Le,Be]=(0,u.useState)(null);(0,u.useEffect)((()=>{Dt(a,!!(Ne||Le||Ee))}),[Ne,a,Le,Ee]);const De=(0,L.J)({cellsRef:pe,activeTarget:c,onActiveTargetChange:Z}),[$e,Pe]=(0,u.useState)([]);(0,u.useEffect)((()=>{const e=A?(0,R.Y)(he,Ne,De,X):[];Pe((t=>0===t.length&&0===e.length?t:e))}),[De,he,Ne,A,X]),(0,u.useEffect)((()=>{const e=Ae.current;if(!e||fe.length>0)return;const t=e=>{const t=(0,E.a)(e,{cells:he,activeTarget:De});"delete-cells"===(null==t?void 0:t.action)&&(le(t.cells),1===t.cells.length&&te(t.cells[0]))};return e.addEventListener("keydown",t),()=>{e.removeEventListener("keydown",t)}}),[De,he,fe.length,te,le]);const He=`${(0,u.useMemo)((()=>`${(0,f.uniqueId)("diagram-")}-`),[])}line-arrow-`,[Oe,Ue]=(0,u.useState)([]),Ke=(0,u.useCallback)((e=>{ue({type:"move-cells",payload:e});const t=[];(0,V._)(e,he).forEach((e=>{var a,l;null!==(a=e.containerCell)&&void 0!==a&&a.id&&t.push(null===(l=e.containerCell)||void 0===l?void 0:l.id)})),Ce(t),Ue(e.flatMap((e=>e.guideLines??[])))}),[he]),_e=(0,u.useCallback)((e=>{ue({type:"move-cells",payload:e}),ae(e),1===e.length&&Q(e[0]),(0,V._)(e,he,re),Ce([]),Ue([])}),[Q,ae,he,re]),Fe=(0,u.useCallback)((e=>{ue({type:"resize-cell",payload:e})}),[]),Ie=(0,u.useCallback)((e=>{ue({type:"resize-cell",payload:e}),ee(e)}),[ee]),je=(0,u.useCallback)((e=>{let{id:t,editing:a}=e;ve(a?e=>e.includes(t)?e:[...e,t]:e=>e.filter((e=>e!==t)))}),[]),Ve=(0,u.useCallback)(((e,t)=>{const a=ze();ue({type:"update-node-size",payload:{id:e,size:t},layoutKey:a})}),[ze]),Ye=(0,u.useCallback)((e=>{be.scaleTo((0,C.A)(Ae.current),e/100)}),[be]),qe=(0,u.useCallback)((()=>{Re(!1)}),[Re]),{lineConfMap:Je,lineConnectorConf:Xe,markers:Ze}=(0,P.d)({cells:he,defaultEdgeLines:r,lineConnector:J,markerPrefix:He}),Ge=(0,$.H)({cells:he,layout:l,centered:Te}),[Qe,et]=(0,u.useState)(null),tt=(0,u.useRef)(null),at=(0,u.useCallback)((e=>{if(Xe&&(0,b.bo)(e,X)){null!==tt.current&&(clearTimeout(tt.current),tt.current=null);const t=(0,H.G)();et({cell:e,relativePoints:t,points:Oa(t,e.view)})}}),[X,Xe]),lt=(0,u.useCallback)((e=>{Xe&&(0,b.N)(e)&&(tt.current=setTimeout((()=>{et(null)})))}),[Xe]),[st,it]=(0,u.useState)(null),[nt,ot]=(0,u.useState)(null),rt=(0,u.useMemo)((()=>({rootRef:Ae,smartConnectLineState:Le,unsetHoverStateTimeoutRef:tt,hoverState:Qe,activeEditableLine:st,lineEditorState:nt,setLineEditorState:ot,setActiveEditableLine:it,setHoverState:et,setSmartConnectLineState:Be,onConnect(e,t,a,l){const s={source:e.id,target:t.id,view:{exitPosition:a,entryPosition:l}};if(he.find((a=>"edge"===a.type&&a.source===e.id&&a.target===t.id)))ue({type:"change-edge-view",payload:s}),null==de||de(s);else{const a={type:"edge",...s};ue({type:"add-edge",payload:a}),ie({source:e,target:t,view:a.view})}},onChangeEdgeEndpoints(e,t,a,l){const s={source:e.id,target:t.id,view:{exitPosition:a,entryPosition:l}};ue({type:"change-edge-view",payload:s}),null==de||de(s)}})),[Le,Qe,st,nt,he,de,ie]);return(0,u.useEffect)((()=>{const e=Ae.current;if(!e||"lasso"!==M)return;const t=e.getBoundingClientRect(),a=e=>{(0,K.F)(e,{transform:ke,offset:[t.left,t.top],onLassoing(e){xe(e)},onLassoed(e){xe(null);const t=[];for(const a of he)if((0,b.t2)(a)||(0,b.o6)(a)||(0,b.Hs)(a)){const l=a.view.x,s=a.view.y;l>=e.x&&l+a.view.width<=e.x+e.width&&s>=e.y&&s+a.view.height<=e.y+e.height&&t.push(a)}null==G||G(t.length>1?{type:"multi",targets:t.map(j.P)}:1===t.length?(0,j.P)(t[0]):null)}})};return e.addEventListener("mousedown",a),()=>{e.removeEventListener("mousedown",a)}}),[ke,he,M,G]),g().createElement(U.H.Provider,{value:rt},g().createElement("svg",{width:"100%",height:"100%",ref:Ae,className:m()("root",{grabbing:we,pannable:v,ready:Ge}),tabIndex:-1},g().createElement("defs",null,Ze.map(((e,t)=>g().createElement(k.c,{key:t,id:`${He}${t}`,type:"arrow",strokeColor:e.strokeColor})))),g().createElement("g",{transform:`translate(${ke.x} ${ke.y}) scale(${ke.k})`},g().createElement("g",{className:m()("cells",{allowEdgeToArea:X}),ref:pe},he.map((e=>g().createElement(x.m,{key:`${e.type}:${(0,b.WW)(e)?`${e.source}~${e.target}`:e.id}`,dragNodeToContainerActive:!(0,b.WW)(e)&&me.includes(e.id),layout:l,layoutOptions:s,cell:e,cells:he,degraded:ge,degradedNodeLabel:h,defaultNodeBricks:o,transform:ke,lineConfMap:Je,activeTarget:De,unrelatedCells:$e,allowEdgeToArea:X,onCellsMoving:Ke,onCellsMoved:_e,onCellResizing:Fe,onCellResized:Ie,onSwitchActiveTarget:G,onCellContextMenu:se,onDecoratorTextChange:ne,onDecoratorTextEditing:je,onNodeBrickResize:Ve,onCellMouseEnter:at,onCellMouseLeave:lt})))),g().createElement(N.w,{connectLineState:Ne,transform:ke,markerEnd:`${He}0`,onConnect:Se}),Ee&&g().createElement("rect",{x:Ee.x,y:Ee.y,width:Ee.width,height:Ee.height,fill:"var(--palette-gray-5)",fillOpacity:.3,stroke:"var(--palette-gray-5)",strokeDasharray:2}),Xe&&g().createElement(g().Fragment,null,g().createElement(I.X,{transform:ke,options:Xe}),g().createElement(q.W,{transform:ke,options:Xe})),g().createElement("g",null,Oe.map(((e,t)=>g().createElement("path",{key:t,d:`M${e[0].join(" ")} L${e[1].join(" ")}`,stroke:"var(--palette-orange-5)",fill:"none",strokeWidth:1/ke.k})))),g().createElement("g",null,Xe&&g().createElement(Y.F,{transform:ke}))),Xe&&g().createElement(O.T,{activeTarget:De,transform:ke,disabled:!!Ne})),g().createElement(B.Y,{shadowRoot:a.shadowRoot,scale:ke.k,scaleRange:Me,onZoomChange:Ye,onReCenter:qe}))}function Ha(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(e){const t=16*Math.random()|0;return("x"==e?t:3&t|8).toString(16)}))}function Oa(e,t){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;const l=z.XK,s=l/2,i=t.x+a/2-s,n=t.y+a/2-s,o=t.width-a+l,r=t.height-a+l;return e.map((e=>({x:i+e.x*o,y:n+e.y*r})))}l=Da,({e:[Z,G,Q,ee,te,ae,le,se,ie,ne,oe,re,de,he,ce,ue,ge,Ae,pe,ye,fe,ve,me,Ce,we,ke,be,Me,Ee,xe,Ne,We,Te,Re,ze,Se,Le,Be,De,$e,Pe,He,Oe,Ue,Ke,_e,Fe,Ie,je,Ve,Ye,qe,Je,Xe,Ze,Ge,Qe,et,tt,at,lt,st,it,nt,ot,rt,dt,ht,ct,ut,gt,At,pt,yt,ft,vt,mt,Ct,wt,kt,bt,Mt,Et,xt,Nt,Wt,Tt,Rt,zt,St,Lt,Bt,J],c:[Kt,X]}=(0,c.A)(l,[$t("eo-draw-canvas",{styleTexts:[_.A,F.A]})],[[Pt({attribute:!1}),1,"cells"],[Pt({type:String}),1,"layout"],[Pt({attribute:!1}),1,"layoutOptions"],[Pt({attribute:!1}),1,"defaultNodeSize"],[Pt({attribute:!1}),1,"defaultNodeBricks"],[Pt({type:Number}),1,"degradedThreshold"],[Pt({attribute:!1}),1,"degradedNodeLabel"],[Pt({attribute:!1}),1,"defaultEdgeLines"],[Pt({attribute:!1}),1,"activeTarget"],[Pt({type:Boolean}),1,"fadeUnrelatedCells"],[Pt({type:Boolean}),1,"zoomable"],[Pt({type:Boolean}),1,"scrollable"],[Pt({type:Boolean}),1,"pannable"],[Pt({type:Boolean}),1,"allowEdgeToArea"],[Pt(),1,"dragBehavior"],[Pt(),1,"ctrlDragBehavior"],[Pt({attribute:!1}),1,"scaleRange"],[Pt({attribute:!1}),1,"lineConnector"],[Ot({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>(0,h.A)(na,e),(e,t)=>(0,d.A)(na,e,t)],[Ot({type:"node.move"}),1,"nodeMoveEvent",e=>(0,h.A)(ha,e),(e,t)=>(0,d.A)(ha,e,t)],[Ot({type:"cell.move"}),1,"cellMoveEvent",e=>(0,h.A)(ca,e),(e,t)=>(0,d.A)(ca,e,t)],[Ot({type:"cells.move"}),1,"cellsMoveEvent",e=>(0,h.A)(ga,e),(e,t)=>(0,d.A)(ga,e,t)],[Ot({type:"cell.resize"}),1,"cellResizeEvent",e=>(0,h.A)(pa,e),(e,t)=>(0,d.A)(pa,e,t)],[Ot({type:"node.delete"}),1,"nodeDelete",e=>(0,h.A)(fa,e),(e,t)=>(0,d.A)(fa,e,t)],[Ot({type:"cell.delete"}),1,"cellDelete",e=>(0,h.A)(va,e),(e,t)=>(0,d.A)(va,e,t)],[Ot({type:"cells.delete"}),1,"cellsDelete",e=>(0,h.A)(Ca,e),(e,t)=>(0,d.A)(Ca,e,t)],[Ot({type:"cell.contextmenu"}),1,"cellContextMenu",e=>(0,h.A)(ka,e),(e,t)=>(0,d.A)(ka,e,t)],[Ot({type:"edge.add"}),1,"edgeAdd",e=>(0,h.A)(Ma,e),(e,t)=>(0,d.A)(Ma,e,t)],[Ot({type:"edge.view.change"}),1,"edgeViewChange",e=>(0,h.A)(xa,e),(e,t)=>(0,d.A)(xa,e,t)],[Ot({type:"decorator.text.change"}),1,"decoratorTextChange",e=>(0,h.A)(Wa,e),(e,t)=>(0,d.A)(Wa,e,t)],[Ot({type:"node.container.change"}),1,"containerContainerChange",e=>(0,h.A)(Ra,e),(e,t)=>(0,d.A)(Ra,e,t)],[Ot({type:"scale.change"}),1,"scaleChange",e=>(0,h.A)(Sa,e),(e,t)=>(0,d.A)(Sa,e,t)],[Ht(),2,"dropNode"],[Ht(),2,"dropDecorator"],[Ht(),2,"addNodes"],[Ht(),2,"addEdge"],[Ht(),2,"manuallyConnectNodes"],[Ht(),2,"updateCells"]],0,(e=>Ba.has((0,n.A)(e))),p.ReactNextElement)),X()}}]);
|
|
2
|
+
//# sourceMappingURL=eo-display-canvas.05693123.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chunks/eo-display-canvas.05693123.js","mappings":"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","sources":["webpack:///./src/display-canvas/index.tsx","webpack:///./src/draw-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={layout}\n cell={cell}\n cells={cells}\n degraded={degraded}\n degradedNodeLabel={degradedNodeLabel}\n defaultNodeBricks={defaultNodeBricks}\n lineConfMap={lineConfMap}\n transform={transform}\n activeTarget={activeTarget}\n readOnly\n unrelatedCells={unrelatedCells}\n onSwitchActiveTarget={onSwitchActiveTarget}\n onCellContextMenu={onCellContextMenu}\n onCellClick={onCellClick}\n onNodeBrickResize={handleNodeBrickResize}\n onCellMouseEnter={\n fadeUnrelatedCells && isNodeCell(cell)\n ? handleCellMouseEnter\n : undefined\n }\n onCellMouseLeave={\n fadeUnrelatedCells && isNodeCell(cell)\n ? handleCellMouseLeave\n : undefined\n }\n />\n ))}\n </g>\n </g>\n </svg>\n <ZoomBarComponent\n shadowRoot={shadowRoot}\n scale={transform.k}\n scaleRange={scaleRange}\n onZoomChange={handleZoomSlide}\n onReCenter={reCenter}\n />\n </>\n );\n}\n","import React, {\n createRef,\n useCallback,\n useEffect,\n useImperativeHandle,\n useMemo,\n useReducer,\n useRef,\n useState,\n} from \"react\";\nimport { createDecorators, type EventEmitter } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport type { UseSingleBrickConf } from \"@next-core/react-runtime\";\nimport { unwrapProvider } from \"@next-core/utils/general\";\nimport \"@next-core/theme\";\nimport { uniqueId } from \"lodash\";\nimport classNames from \"classnames\";\nimport { select } from \"d3-selection\";\nimport type { lockBodyScroll as _lockBodyScroll } from \"@next-bricks/basic/data-providers/lock-body-scroll/lock-body-scroll\";\nimport type {\n NodePosition,\n PositionTuple,\n RangeTuple,\n SizeTuple,\n TransformLiteral,\n} from \"../diagram/interfaces\";\nimport type {\n ActiveTarget,\n Cell,\n EdgeCell,\n InitialCell,\n NodeBrickConf,\n NodeCell,\n NodeId,\n DecoratorCell,\n DecoratorType,\n CellContextMenuDetail,\n ConnectLineState,\n Deferred,\n ConnectNodesDetail,\n EdgeLineConf,\n DecoratorTextChangeDetail,\n NodeView,\n LayoutType,\n LayoutOptions,\n SmartConnectLineState,\n LineConnecterConf,\n Direction,\n EditableLineInfo,\n LineEditorState,\n} from \"./interfaces\";\nimport { rootReducer } from \"./reducers\";\nimport { MarkerComponent } from \"../diagram/MarkerComponent\";\nimport {\n isContainerDecoratorCell,\n isEdgeCell,\n isEdgeSide,\n isNodeCell,\n isNodeOrAreaDecoratorCell,\n isTextDecoratorCell,\n} from \"./processors/asserts\";\nimport type {\n EdgeViewChangePayload,\n LineTuple,\n MoveCellPayload,\n ResizeCellPayload,\n} from \"./reducers/interfaces\";\nimport { sameTarget } from \"./processors/sameTarget\";\nimport { handleKeyboard } from \"./processors/handleKeyboard\";\nimport { CellComponent } from \"./CellComponent\";\nimport { ConnectLineComponent } from \"./ConnectLineComponent\";\nimport { initializeCells } from \"./processors/initializeCells\";\nimport { updateCells } from \"./processors/updateCells\";\nimport { getUnrelatedCells } from \"./processors/getUnrelatedCells\";\nimport {\n DEFAULT_NODE_SIZE,\n DEFAULT_AREA_WIDTH,\n DEFAULT_AREA_HEIGHT,\n DEFAULT_DEGRADED_THRESHOLD,\n DEFAULT_NODE_PADDING_FOR_SMART_LINES,\n} from \"./constants\";\nimport { useZoom } from \"../shared/canvas/useZoom\";\nimport { useActiveTarget } from \"../shared/canvas/useActiveTarget\";\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 { getConnectPointsOfRectangle } from \"../shared/canvas/shapes/Rectangle\";\nimport { LineConnectorComponent } from \"./LineConnectorComponent\";\nimport { HoverStateContext, type HoverState } from \"./HoverStateContext\";\nimport { handleLasso } from \"./processors/handleLasso\";\nimport styleText from \"../shared/canvas/styles.shadow.css\";\nimport zoomBarStyleText from \"../shared/canvas/ZoomBarComponent.shadow.css\";\nimport { SmartConnectLineComponent } from \"./SmartConnectLineComponent\";\nimport { cellToTarget } from \"./processors/cellToTarget\";\nimport { handleNodeContainedChange } from \"./processors/handleNodeContainedChange\";\nimport { LineEditorComponent } from \"./LineEditorComponent\";\nimport { EditingLineComponent } from \"./EditingLineComponent\";\n\nconst lockBodyScroll = unwrapProvider<typeof _lockBodyScroll>(\n \"basic.lock-body-scroll\"\n);\n\nconst { defineElement, property, method, event } = createDecorators();\n\nexport interface EoDrawCanvasProps {\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 dragBehavior?: DragBehavior;\n ctrlDragBehavior?: CtrlDragBehavior;\n scaleRange?: RangeTuple;\n lineConnector?: LineConnecterConf | boolean;\n allowEdgeToArea?: boolean;\n}\n\nexport type DragBehavior = \"none\" | \"lasso\" | \"grab\";\nexport type CtrlDragBehavior = \"none\" | \"grab\";\n\nexport interface DropNodeInfo extends AddNodeInfo {\n /** [PointerEvent::clientX, PointerEvent::clientY] */\n position: PositionTuple;\n}\n\nexport interface DropDecoratorInfo {\n decorator: DecoratorType;\n /** [PointerEvent::clientX, PointerEvent::clientY] */\n position: PositionTuple;\n text?: string;\n direction?: Direction;\n}\n\nexport interface AddNodeInfo {\n id: NodeId;\n useBrick?: UseSingleBrickConf;\n data?: unknown;\n size?: SizeTuple;\n}\n\nexport interface AddEdgeInfo {\n source: NodeId;\n target: NodeId;\n data?: unknown;\n}\n\nexport interface UpdateCellsContext {\n reason: \"add-related-nodes\";\n parent: NodeId;\n}\n\nexport interface AddNodesContext {\n defaultNodeSize: SizeTuple;\n canvasWidth: number;\n canvasHeight: number;\n}\n\nexport const EoDrawCanvasComponent = React.forwardRef(\n LegacyEoDrawCanvasComponent\n);\n\n/**\n * 用于手工绘图的画布。\n *\n * 注意:将配套另外一个用于展示的画布构件。\n */\nexport\n@defineElement(\"eo-draw-canvas\", {\n styleTexts: [styleText, zoomBarStyleText],\n})\nclass EoDrawCanvas extends ReactNextElement implements EoDrawCanvasProps {\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` even 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 * 当 `activeTarget` 不为 `null` 时,隐藏其他跟该 `activeTarget` 无关的元素。\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({ type: Boolean })\n accessor allowEdgeToArea: boolean | undefined = false;\n\n /**\n * 按住鼠标拖动时的行为:\n * - `none`:无\n * - `lasso`:绘制选区\n * - `grab`:拖动画布\n *\n * @default \"none\"\n */\n @property()\n accessor dragBehavior: DragBehavior | undefined;\n\n /**\n * 按住 ctrl 键并按住鼠标拖动时的行为:\n * - `none`:无\n * - `grab`:拖动画布\n *\n * @default \"none\"\n */\n @property()\n accessor ctrlDragBehavior: CtrlDragBehavior | undefined;\n\n @property({ attribute: false })\n accessor scaleRange: RangeTuple | undefined;\n\n @property({ attribute: false })\n accessor lineConnector: LineConnecterConf | boolean | undefined;\n\n @event({ type: \"activeTarget.change\" })\n accessor #activeTargetChangeEvent!: EventEmitter<ActiveTarget | null>;\n\n #handleActiveTargetChange = (target: ActiveTarget | null) => {\n this.#activeTargetChangeEvent.emit(target);\n };\n\n #handleSwitchActiveTarget = (target: ActiveTarget | null) => {\n if (!sameTarget(target, this.activeTarget)) {\n this.activeTarget = target;\n }\n };\n\n /**\n * @deprecated Use `cell.move` instead.\n */\n @event({ type: \"node.move\" })\n accessor #nodeMoveEvent!: EventEmitter<MoveCellPayload>;\n\n @event({ type: \"cell.move\" })\n accessor #cellMoveEvent!: EventEmitter<MoveCellPayload>;\n\n #handleCellMove = (info: MoveCellPayload) => {\n this.#cellMoveEvent.emit(info);\n if (info.type === \"node\") {\n this.#nodeMoveEvent.emit(info);\n }\n };\n\n @event({ type: \"cells.move\" })\n accessor #cellsMoveEvent!: EventEmitter<MoveCellPayload[]>;\n\n #handleCellsMove = (info: MoveCellPayload[]) => {\n this.#cellsMoveEvent.emit(info);\n };\n\n @event({ type: \"cell.resize\" })\n accessor #cellResizeEvent!: EventEmitter<ResizeCellPayload>;\n\n #handleCellResize = (info: ResizeCellPayload) => {\n this.#cellResizeEvent.emit(info);\n };\n\n /**\n * @deprecated Use `cell.delete` instead.\n */\n @event({ type: \"node.delete\" })\n accessor #nodeDelete!: EventEmitter<Cell>;\n\n @event({ type: \"cell.delete\" })\n accessor #cellDelete!: EventEmitter<Cell>;\n\n #handleCellDelete = (cell: Cell) => {\n this.#cellDelete.emit(cell);\n if (cell.type === \"node\") {\n this.#nodeDelete.emit(cell);\n }\n };\n\n @event({ type: \"cells.delete\" })\n accessor #cellsDelete!: EventEmitter<Cell[]>;\n\n #handleCellsDelete = (cells: Cell[]) => {\n this.#cellsDelete.emit(cells);\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 /**\n * 通过画布绘图的方式添加边(手动调用 `addEdge` 方法不会触发该事件)。\n */\n @event({ type: \"edge.add\" })\n accessor #edgeAdd!: EventEmitter<ConnectNodesDetail>;\n\n #handleEdgeAdd = (edge: ConnectNodesDetail) => {\n this.#edgeAdd.emit(edge);\n };\n\n @event({ type: \"edge.view.change\" })\n accessor #edgeViewChange!: EventEmitter<EdgeViewChangePayload>;\n\n #handleEdgeViewChange = (detail: EdgeViewChangePayload) => {\n this.#edgeViewChange.emit(detail);\n };\n\n @event({ type: \"decorator.text.change\" })\n accessor #decoratorTextChange!: EventEmitter<DecoratorTextChangeDetail>;\n\n #handleDecoratorTextChange = (detail: DecoratorTextChangeDetail) => {\n this.#decoratorTextChange.emit(detail);\n };\n\n /**\n * node节点跟容器组关系改变事件,有containerCell是新增关系,否则删除关系\n */\n @event({ type: \"node.container.change\" })\n accessor #containerContainerChange!: EventEmitter<MoveCellPayload[]>;\n\n #handleContainerContainerChange = (detail: MoveCellPayload[]) => {\n this.#containerContainerChange.emit(detail);\n };\n\n /**\n * 缩放变化后,从素材库拖拽元素进画布时,拖拽图像应设置对应的缩放比例。\n */\n @event({ type: \"scale.change\" })\n accessor #scaleChange!: EventEmitter<number>;\n\n #handleScaleChange = (scale: number) => {\n this.#scaleChange.emit(scale);\n };\n\n @method()\n async dropNode({\n id,\n position,\n size,\n data,\n useBrick,\n }: DropNodeInfo): Promise<NodeCell | null> {\n // Drag and then drop a node\n const droppedInside = document\n .elementsFromPoint?.(position[0], position[1])\n ?.includes(this);\n if (droppedInside) {\n const boundingClientRect = this.getBoundingClientRect();\n const transform = this.#canvasRef.current!.getTransform();\n const newNode = {\n type: \"node\",\n id,\n view: {\n ...(this.layout === \"force\" || this.layout === \"dagre\"\n ? null\n : {\n x:\n (position[0] - boundingClientRect.left - transform.x) /\n transform.k,\n y:\n (position[1] - boundingClientRect.top - transform.y) /\n transform.k,\n }),\n width: size?.[0] ?? this.defaultNodeSize[0],\n height: size?.[1] ?? this.defaultNodeSize[0],\n },\n data,\n useBrick,\n } as NodeCell;\n this.#canvasRef.current?.dropNode(newNode);\n return newNode;\n }\n return null;\n }\n\n @method()\n async dropDecorator({\n position,\n decorator,\n text,\n direction,\n }: DropDecoratorInfo): Promise<DecoratorCell | null> {\n // Drag and then drop a node\n const droppedInside = document\n .elementsFromPoint?.(position[0], position[1])\n ?.includes(this);\n if (droppedInside) {\n const boundingClientRect = this.getBoundingClientRect();\n const transform = this.#canvasRef.current!.getTransform();\n const newDecorator: DecoratorCell = {\n type: \"decorator\",\n decorator,\n id: uuidV4(),\n view: {\n x:\n (position[0] - boundingClientRect.left - transform.x) / transform.k,\n y: (position[1] - boundingClientRect.top - transform.y) / transform.k,\n width: DEFAULT_AREA_WIDTH,\n height: DEFAULT_AREA_HEIGHT,\n text,\n direction,\n },\n };\n this.#canvasRef.current?.dropDecorator(newDecorator);\n return newDecorator;\n }\n return null;\n }\n\n @method()\n async addNodes(nodes: AddNodeInfo[]): Promise<NodeCell[]> {\n if (nodes.length === 0) {\n return [];\n }\n const newNodes = nodes.map<NodeCell>(({ size, useBrick, id, data }) => ({\n type: \"node\",\n id,\n data,\n view: {\n width: size?.[0] ?? this.defaultNodeSize[0],\n height: size?.[1] ?? this.defaultNodeSize[0],\n } as NodeView,\n useBrick,\n }));\n return this.#canvasRef.current!.addNodes(newNodes, {\n defaultNodeSize: this.defaultNodeSize,\n canvasWidth: this.clientWidth,\n canvasHeight: this.clientHeight,\n });\n }\n\n @method()\n async addEdge({ source, target, data }: AddEdgeInfo): Promise<EdgeCell> {\n const newEdge: EdgeCell = {\n type: \"edge\",\n source,\n target,\n data,\n };\n this.#canvasRef.current?.addEdge(newEdge);\n return newEdge;\n }\n\n @method()\n manuallyConnectNodes(source: NodeId): Promise<ConnectNodesDetail> {\n return this.#canvasRef.current!.manuallyConnectNodes(source);\n }\n\n @method()\n async updateCells(\n cells: InitialCell[],\n ctx?: UpdateCellsContext\n ): Promise<{ updated: Cell[] }> {\n await this.#waitForCanvasRef();\n const { updated } = this.#canvasRef.current!.updateCells(cells, {\n ...ctx,\n defaultNodeSize: this.defaultNodeSize,\n canvasWidth: this.clientWidth,\n canvasHeight: this.clientHeight,\n });\n return { updated };\n }\n\n #waitForCanvasRef() {\n return new Promise<void>((resolve) => {\n const check = () => {\n if (this.#canvasRef.current) {\n resolve();\n } else {\n setTimeout(check, 10);\n }\n };\n check();\n });\n }\n\n #canvasRef = createRef<DrawCanvasRef>();\n\n disconnectedCallback(): void {\n super.disconnectedCallback();\n lockBodyScroll(this, false);\n }\n\n render() {\n return (\n <EoDrawCanvasComponent\n host={this}\n ref={this.#canvasRef}\n layout={this.layout}\n layoutOptions={this.layoutOptions}\n cells={this.cells}\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 dragBehavior={this.dragBehavior}\n ctrlDragBehavior={this.ctrlDragBehavior}\n scaleRange={this.scaleRange}\n lineConnector={this.lineConnector}\n allowEdgeToArea={this.allowEdgeToArea}\n onActiveTargetChange={this.#handleActiveTargetChange}\n onSwitchActiveTarget={this.#handleSwitchActiveTarget}\n onCellMove={this.#handleCellMove}\n onCellsMove={this.#handleCellsMove}\n onCellResize={this.#handleCellResize}\n onCellDelete={this.#handleCellDelete}\n onCellsDelete={this.#handleCellsDelete}\n onEdgeAdd={this.#handleEdgeAdd}\n onCellContextMenu={this.#handleCellContextMenu}\n onDecoratorTextChange={this.#handleDecoratorTextChange}\n onContainerContainerChange={this.#handleContainerContainerChange}\n onScaleChange={this.#handleScaleChange}\n onEdgeViewChange={this.#handleEdgeViewChange}\n />\n );\n }\n}\n\nexport interface EoDrawCanvasComponentProps extends EoDrawCanvasProps {\n host: HTMLElement;\n onActiveTargetChange(target: ActiveTarget | null): void;\n onSwitchActiveTarget(target: ActiveTarget | null): void;\n onCellMove(info: MoveCellPayload): void;\n onCellResize(cell: ResizeCellPayload): void;\n onCellDelete(cell: Cell): void;\n onCellsMove(info: MoveCellPayload[]): void;\n onCellsDelete(cells: Cell[]): void;\n onCellContextMenu(detail: CellContextMenuDetail): void;\n onEdgeAdd(detail: ConnectNodesDetail): void;\n onEdgeViewChange(detail: EdgeViewChangePayload): void;\n onDecoratorTextChange(detail: DecoratorTextChangeDetail): void;\n onContainerContainerChange(detail: MoveCellPayload[]): void;\n onScaleChange(scale: number): void;\n}\n\nexport interface DrawCanvasRef {\n dropNode(node: NodeCell): void;\n dropDecorator(decorator: DecoratorCell): void;\n addNodes(nodes: NodeCell[], ctx: AddNodesContext): NodeCell[];\n addEdge(edge: EdgeCell): void;\n manuallyConnectNodes(source: NodeId): Promise<ConnectNodesDetail>;\n updateCells(\n cells: InitialCell[],\n ctx: Partial<UpdateCellsContext> & {\n defaultNodeSize: SizeTuple;\n canvasWidth: number;\n canvasHeight: number;\n }\n ): {\n cells: Cell[];\n updated: Cell[];\n };\n getTransform(): TransformLiteral;\n}\n\nfunction LegacyEoDrawCanvasComponent(\n {\n host,\n layout,\n layoutOptions,\n cells: initialCells,\n defaultNodeSize,\n defaultNodeBricks,\n defaultEdgeLines,\n degradedThreshold,\n degradedNodeLabel,\n activeTarget: _activeTarget,\n fadeUnrelatedCells,\n zoomable,\n scrollable,\n pannable,\n dragBehavior,\n ctrlDragBehavior,\n scaleRange: _scaleRange,\n lineConnector,\n allowEdgeToArea,\n onActiveTargetChange,\n onSwitchActiveTarget,\n onCellMove,\n onCellResize,\n onCellDelete,\n onCellsMove,\n onCellsDelete,\n onCellContextMenu,\n onEdgeAdd,\n onDecoratorTextChange,\n onScaleChange,\n onContainerContainerChange,\n onEdgeViewChange,\n }: EoDrawCanvasComponentProps,\n ref: React.Ref<DrawCanvasRef>\n) {\n const [{ cells, layoutKey }, dispatch] = useReducer(\n rootReducer,\n initialCells,\n (initialCells) => ({\n cells: initializeCells(initialCells, { defaultNodeSize }),\n layoutKey: 0,\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 const manualConnectDeferredRef = useRef<Deferred<ConnectNodesDetail> | null>(\n null\n );\n const [editingTexts, setEditingTexts] = useState<string[]>([]);\n const [activeContainers, setActiveContainers] = useState<string[]>([]);\n const { grabbing, transform, zoomer, scaleRange } = useZoom({\n rootRef,\n zoomable,\n scrollable,\n pannable,\n draggable: dragBehavior === \"grab\",\n ctrlDraggable: ctrlDragBehavior === \"grab\",\n scaleRange: _scaleRange,\n onSwitchActiveTarget,\n });\n\n useEffect(() => {\n onScaleChange(transform.k);\n }, [onScaleChange, transform.k]);\n\n const [lassoRect, setLassoRect] = useState<NodeView | null>(null);\n\n const [connectLineState, setConnectLineState] =\n useState<ConnectLineState | null>(null);\n\n const { centered, setCentered, getNextLayoutKey } = useLayout({\n layout,\n layoutOptions,\n rootRef,\n cells,\n zoomable,\n zoomer,\n scaleRange,\n layoutKey,\n allowEdgeToArea,\n dispatch,\n });\n\n useImperativeHandle(\n ref,\n () => ({\n dropNode(node) {\n // Do not apply auto centering when dropping a node in manual layout.\n if (layout !== \"dagre\" && layout !== \"force\") {\n setCentered(true);\n }\n dispatch({ type: \"drop-node\", payload: node });\n },\n dropDecorator(decorator) {\n // Do not apply auto centering when dropping a decorator in manual layout.\n if (layout !== \"dagre\" && layout !== \"force\") {\n setCentered(true);\n }\n dispatch({ type: \"drop-decorator\", payload: decorator });\n },\n addNodes(\n nodes,\n { defaultNodeSize, canvasWidth, canvasHeight }: AddNodesContext\n ) {\n const index =\n cells.findLastIndex(\n (cell) => !(cell.type === \"decorator\" && cell.decorator === \"text\")\n ) + 1;\n const newCells = [\n ...cells.slice(0, index),\n ...nodes,\n ...cells.slice(index),\n ];\n const {\n cells: allCells,\n updated,\n shouldReCenter,\n } = updateCells({\n cells: newCells,\n layout,\n previousCells: cells,\n defaultNodeSize,\n canvasWidth,\n canvasHeight,\n scaleRange,\n transform,\n allowEdgeToArea,\n });\n if (shouldReCenter) {\n setCentered(false);\n }\n dispatch({ type: \"update-cells\", payload: allCells });\n return updated.filter((node) =>\n nodes.includes(node as NodeCell)\n ) as NodeCell[];\n },\n addEdge(edge) {\n dispatch({ type: \"add-edge\", payload: edge });\n },\n updateCells(newCells, ctx) {\n const { shouldReCenter, ...result } = updateCells({\n ...ctx,\n layout,\n previousCells: cells,\n cells: newCells,\n scaleRange,\n transform,\n allowEdgeToArea,\n });\n if (shouldReCenter) {\n setCentered(false);\n }\n dispatch({ type: \"update-cells\", payload: result.cells });\n return result;\n },\n getTransform() {\n return transform;\n },\n manuallyConnectNodes(sourceId) {\n const source = cells.find(\n (cell) => isEdgeSide(cell, allowEdgeToArea) && cell.id === sourceId\n ) as NodeCell | DecoratorCell | undefined;\n if (source) {\n const rect = rootRef.current!.getBoundingClientRect();\n setConnectLineState({\n source,\n from: [\n source.view.x + source.view.width / 2,\n source.view.y + source.view.height / 2,\n ],\n offset: [rect.left, rect.top],\n });\n const promise = new Promise<ConnectNodesDetail>((resolve, reject) => {\n manualConnectDeferredRef.current = { resolve, reject };\n });\n return promise;\n }\n return Promise.reject(null);\n },\n }),\n [cells, layout, scaleRange, setCentered, transform, allowEdgeToArea]\n );\n\n const handleConnect = useCallback(\n (state: ConnectLineState, to: PositionTuple) => {\n // Find the target node from top bo bottom,\n // detect whether the pointer is inside the target node.\n for (let i = cells.length - 1; i >= 0; i--) {\n const cell = cells[i];\n // Currently ignore connecting to self\n if (isEdgeSide(cell, allowEdgeToArea) && cell.id !== state.source.id) {\n if (\n cell.view.x < to[0] &&\n cell.view.x + cell.view.width > to[0] &&\n cell.view.y < to[1] &&\n cell.view.y + cell.view.height > to[1]\n ) {\n manualConnectDeferredRef.current?.resolve({\n source: state.source,\n target: cell,\n });\n break;\n }\n }\n }\n manualConnectDeferredRef.current?.reject(null);\n setConnectLineState(null);\n },\n [allowEdgeToArea, cells]\n );\n const [smartConnectLineState, setSmartConnectLineState] =\n useState<SmartConnectLineState | null>(null);\n\n useEffect(() => {\n lockBodyScroll(\n host,\n !!(connectLineState || !!smartConnectLineState || lassoRect)\n );\n }, [connectLineState, host, smartConnectLineState, lassoRect]);\n\n const activeTarget = useActiveTarget({\n cellsRef,\n activeTarget: _activeTarget,\n onActiveTargetChange,\n });\n\n const [unrelatedCells, setUnrelatedCells] = useState<Cell[]>([]);\n useEffect(() => {\n const nextUnrelated = fadeUnrelatedCells\n ? getUnrelatedCells(\n cells,\n connectLineState,\n activeTarget,\n allowEdgeToArea\n )\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 }, [\n activeTarget,\n cells,\n connectLineState,\n fadeUnrelatedCells,\n allowEdgeToArea,\n ]);\n\n useEffect(() => {\n const root = rootRef.current;\n if (!root || editingTexts.length > 0) {\n return;\n }\n const onKeydown = (event: KeyboardEvent) => {\n const action = handleKeyboard(event, {\n cells,\n activeTarget,\n });\n\n switch (action?.action) {\n case \"delete-cells\":\n onCellsDelete(action.cells);\n if (action.cells.length === 1) {\n onCellDelete(action.cells[0]);\n }\n break;\n }\n };\n root.addEventListener(\"keydown\", onKeydown);\n return () => {\n root.removeEventListener(\"keydown\", onKeydown);\n };\n }, [activeTarget, cells, editingTexts.length, onCellDelete, onCellsDelete]);\n\n const defPrefix = useMemo(() => `${uniqueId(\"diagram-\")}-`, []);\n const markerPrefix = `${defPrefix}line-arrow-`;\n\n const [guideLines, setGuideLines] = useState<LineTuple[]>([]);\n\n /* istanbul ignore next */\n const handleCellsMoving = useCallback(\n (info: MoveCellPayload[]) => {\n dispatch({ type: \"move-cells\", payload: info });\n const containedIds: string[] = [];\n handleNodeContainedChange(info, cells).forEach((c) => {\n if (c.containerCell?.id) containedIds.push(c.containerCell?.id);\n });\n setActiveContainers(containedIds);\n setGuideLines(info.flatMap((c) => c.guideLines ?? []));\n },\n [cells]\n );\n\n /* istanbul ignore next */\n const handleCellsMoved = useCallback(\n (info: MoveCellPayload[]) => {\n dispatch({ type: \"move-cells\", payload: info });\n onCellsMove(info);\n if (info.length === 1) {\n onCellMove(info[0]);\n }\n handleNodeContainedChange(info, cells, onContainerContainerChange);\n setActiveContainers([]);\n setGuideLines([]);\n },\n [onCellMove, onCellsMove, cells, onContainerContainerChange]\n );\n\n const handleCellResizing = useCallback((info: ResizeCellPayload) => {\n dispatch({ type: \"resize-cell\", payload: info });\n }, []);\n\n const handleCellResized = useCallback(\n (info: ResizeCellPayload) => {\n dispatch({ type: \"resize-cell\", payload: info });\n onCellResize(info);\n },\n [onCellResize]\n );\n\n const handleDecoratorTextEditing = useCallback(\n ({ id, editing }: { id: string; editing: boolean }) => {\n if (editing) {\n setEditingTexts((texts) =>\n texts.includes(id) ? texts : [...texts, id]\n );\n } else {\n setEditingTexts((texts) => texts.filter((text) => text !== id));\n }\n },\n []\n );\n\n const handleNodeBrickResize = useCallback(\n (id: string, size: SizeTuple | null) => {\n const nextLayoutKey = getNextLayoutKey();\n dispatch({\n type: \"update-node-size\",\n payload: { id, size },\n layoutKey: nextLayoutKey,\n });\n },\n [getNextLayoutKey]\n );\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 reCenter = useCallback(() => {\n setCentered(false);\n }, [setCentered]);\n const { lineConfMap, lineConnectorConf, markers } = useLineMarkers({\n cells,\n defaultEdgeLines,\n lineConnector,\n markerPrefix,\n });\n\n const ready = useReady({ cells, layout, centered });\n\n const [hoverState, setHoverState] = useState<HoverState | null>(null);\n const unsetHoverStateTimeoutRef = useRef<number | null>(null);\n\n const handleCellMouseEnter = useCallback(\n (cell: Cell) => {\n if (lineConnectorConf && isEdgeSide(cell, allowEdgeToArea)) {\n if (unsetHoverStateTimeoutRef.current !== null) {\n clearTimeout(unsetHoverStateTimeoutRef.current);\n unsetHoverStateTimeoutRef.current = null;\n }\n const relativePoints = getConnectPointsOfRectangle();\n setHoverState({\n cell,\n relativePoints,\n points: getConnectPoints(relativePoints, cell.view),\n });\n }\n },\n [allowEdgeToArea, lineConnectorConf]\n );\n\n const handleCellMouseLeave = useCallback(\n (cell: Cell) => {\n if (lineConnectorConf && isNodeCell(cell)) {\n unsetHoverStateTimeoutRef.current = setTimeout(() => {\n setHoverState(null);\n }) as unknown as number;\n }\n },\n [lineConnectorConf]\n );\n\n const [activeEditableLine, setActiveEditableLine] =\n useState<EditableLineInfo | null>(null);\n const [lineEditorState, setLineEditorState] =\n useState<LineEditorState | null>(null);\n\n // istanbul ignore next: experimental\n const hoverStateContextValue = useMemo(\n () => ({\n rootRef,\n smartConnectLineState,\n unsetHoverStateTimeoutRef,\n hoverState,\n activeEditableLine,\n lineEditorState,\n setLineEditorState,\n setActiveEditableLine,\n setHoverState,\n setSmartConnectLineState,\n onConnect(\n source: NodeCell | DecoratorCell,\n target: NodeCell | DecoratorCell,\n exitPosition: NodePosition,\n entryPosition: NodePosition | undefined\n ) {\n const payload: EdgeViewChangePayload = {\n source: source.id,\n target: target.id,\n view: {\n exitPosition,\n entryPosition,\n },\n };\n const existedEdge = cells.find(\n (cell) =>\n cell.type === \"edge\" &&\n cell.source === source.id &&\n cell.target === target.id\n );\n if (existedEdge) {\n dispatch({\n type: \"change-edge-view\",\n payload,\n });\n onEdgeViewChange?.(payload);\n } else {\n const newEdge: EdgeCell = {\n type: \"edge\",\n ...payload,\n };\n dispatch({\n type: \"add-edge\",\n payload: newEdge,\n });\n onEdgeAdd({\n source,\n target,\n view: newEdge.view,\n });\n }\n },\n onChangeEdgeEndpoints(\n source: NodeCell | DecoratorCell,\n target: NodeCell | DecoratorCell,\n exitPosition: NodePosition | undefined,\n entryPosition: NodePosition | undefined\n ) {\n const payload: EdgeViewChangePayload = {\n source: source.id,\n target: target.id,\n view: {\n exitPosition,\n entryPosition,\n },\n };\n dispatch({\n type: \"change-edge-view\",\n payload,\n });\n onEdgeViewChange?.(payload);\n },\n }),\n [\n smartConnectLineState,\n hoverState,\n activeEditableLine,\n lineEditorState,\n cells,\n onEdgeViewChange,\n onEdgeAdd,\n ]\n );\n\n useEffect(() => {\n const root = rootRef.current;\n if (!root || dragBehavior !== \"lasso\") {\n return;\n }\n const rootRect = root.getBoundingClientRect();\n const onMouseDown = (event: MouseEvent) => {\n handleLasso(event, {\n transform,\n offset: [rootRect.left, rootRect.top],\n onLassoing(rect) {\n setLassoRect(rect);\n },\n onLassoed(rect) {\n setLassoRect(null);\n const lassoedCells: (NodeCell | DecoratorCell)[] = [];\n for (const cell of cells) {\n if (\n isContainerDecoratorCell(cell) ||\n isNodeOrAreaDecoratorCell(cell) ||\n isTextDecoratorCell(cell)\n ) {\n const x = cell.view.x;\n const y = cell.view.y;\n if (\n x >= rect.x &&\n x + cell.view.width <= rect.x + rect.width &&\n y >= rect.y &&\n y + cell.view.height <= rect.y + rect.height\n ) {\n lassoedCells.push(cell);\n }\n }\n }\n onSwitchActiveTarget?.(\n lassoedCells.length > 1\n ? { type: \"multi\", targets: lassoedCells.map(cellToTarget) }\n : lassoedCells.length === 1\n ? cellToTarget(lassoedCells[0])\n : null\n );\n },\n });\n };\n root.addEventListener(\"mousedown\", onMouseDown);\n return () => {\n root.removeEventListener(\"mousedown\", onMouseDown);\n };\n }, [transform, cells, dragBehavior, onSwitchActiveTarget]);\n\n return (\n <HoverStateContext.Provider value={hoverStateContextValue}>\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\n className={classNames(\"cells\", { allowEdgeToArea })}\n ref={cellsRef}\n >\n {cells.map((cell) => (\n <CellComponent\n key={`${cell.type}:${isEdgeCell(cell) ? `${cell.source}~${cell.target}` : cell.id}`}\n dragNodeToContainerActive={\n isEdgeCell(cell) ? false : activeContainers.includes(cell.id)\n }\n layout={layout}\n layoutOptions={layoutOptions}\n cell={cell}\n cells={cells}\n degraded={degraded}\n degradedNodeLabel={degradedNodeLabel}\n defaultNodeBricks={defaultNodeBricks}\n transform={transform}\n lineConfMap={lineConfMap}\n activeTarget={activeTarget}\n unrelatedCells={unrelatedCells}\n allowEdgeToArea={allowEdgeToArea}\n onCellsMoving={handleCellsMoving}\n onCellsMoved={handleCellsMoved}\n onCellResizing={handleCellResizing}\n onCellResized={handleCellResized}\n onSwitchActiveTarget={onSwitchActiveTarget}\n onCellContextMenu={onCellContextMenu}\n onDecoratorTextChange={onDecoratorTextChange}\n onDecoratorTextEditing={handleDecoratorTextEditing}\n onNodeBrickResize={handleNodeBrickResize}\n onCellMouseEnter={handleCellMouseEnter}\n onCellMouseLeave={handleCellMouseLeave}\n />\n ))}\n </g>\n <ConnectLineComponent\n connectLineState={connectLineState}\n transform={transform}\n markerEnd={`${markerPrefix}0`}\n onConnect={handleConnect}\n />\n {lassoRect && (\n <rect\n x={lassoRect.x}\n y={lassoRect.y}\n width={lassoRect.width}\n height={lassoRect.height}\n fill=\"var(--palette-gray-5)\"\n fillOpacity={0.3}\n stroke=\"var(--palette-gray-5)\"\n strokeDasharray={2}\n />\n )}\n {lineConnectorConf && (\n <>\n <SmartConnectLineComponent\n transform={transform}\n options={lineConnectorConf}\n />\n <EditingLineComponent\n transform={transform}\n options={lineConnectorConf}\n />\n </>\n )}\n <g>\n {guideLines.map((line, index) => (\n <path\n key={index}\n d={`M${line[0].join(\" \")} L${line[1].join(\" \")}`}\n stroke=\"var(--palette-orange-5)\"\n fill=\"none\"\n strokeWidth={1 / transform.k}\n />\n ))}\n </g>\n <g>\n {lineConnectorConf && <LineEditorComponent transform={transform} />}\n </g>\n </g>\n {lineConnectorConf && (\n <LineConnectorComponent\n activeTarget={activeTarget}\n transform={transform}\n disabled={!!connectLineState}\n />\n )}\n </svg>\n <ZoomBarComponent\n shadowRoot={host.shadowRoot!}\n scale={transform.k}\n scaleRange={scaleRange}\n onZoomChange={handleZoomSlide}\n onReCenter={reCenter}\n />\n </HoverStateContext.Provider>\n );\n}\n\nexport function uuidV4() {\n return \"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx\".replace(/[xy]/g, function (c) {\n const r = (Math.random() * 16) | 0,\n v = c == \"x\" ? r : (r & 0x3) | 0x8;\n return v.toString(16);\n });\n}\n\nfunction getConnectPoints(\n relativePoints: ReadonlyArray<NodePosition>,\n view: NodeView,\n border = 1\n) {\n const padding = DEFAULT_NODE_PADDING_FOR_SMART_LINES;\n const halfPadding = padding / 2;\n\n const viewWithBorderAndPadding: NodeView = {\n x: view.x + border / 2 - halfPadding,\n y: view.y + border / 2 - halfPadding,\n width: view.width - border + padding,\n height: view.height - border + padding,\n };\n\n return relativePoints.map((p) => ({\n x: viewWithBorderAndPadding.x + p.x * viewWithBorderAndPadding.width,\n y: viewWithBorderAndPadding.y + p.y * viewWithBorderAndPadding.height,\n }));\n}\n"],"names":["defineElement","property","event","createDecorators","_EoDisplayCanvas","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_I","_J","_K","_L","_M","_N","_O","_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","markerPrefix","uniqueId","handleNodeBrickResize","id","size","hoverCell","setHoverCell","useState","handleCellMouseEnter","cell","handleCellMouseLeave","prev","unrelatedCells","setUnrelatedCells","nextUnrelated","getUnrelatedCells","handleZoomSlide","value","scaleTo","select","lineConfMap","markers","useLineMarkers","ready","useReady","width","height","ref","className","classNames","tabIndex","map","marker","index","MarkerComponent","key","strokeColor","x","y","k","CellComponent","isEdgeCell","source","readOnly","onNodeBrickResize","onCellMouseEnter","undefined","onCellMouseLeave","ZoomBarComponent","scale","onZoomChange","onReCenter","_EoDisplayCanvas2","e","_set_activeTargetChangeEvent","_set_cellContextMenu","_set_cellClick","c","_initClass","_applyDecs","styleTexts","styleText","zoomBarStyleText","attribute","String","Number","Boolean","o","_","has","_checkInRHS","lockBodyScroll","unwrapProvider","method","EoDrawCanvasComponent","LegacyEoDrawCanvasComponent","_EoDrawCanvas","_R","_S","_EoDrawCanvas_brand","_T","_U","_handleCellMove","_V","_handleCellsMove","_W","_handleCellResize","_X","_Y","_handleCellDelete","_Z","_handleCellsDelete","_a","_b","_handleEdgeAdd","_c","_handleEdgeViewChange","_d","_handleDecoratorTextChange","_e","_handleContainerContainerChange","_f","_handleScaleChange","_canvasRef","EoDrawCanvas","_initProto","_init_allowEdgeToArea","_init_extra_allowEdgeToArea","_init_dragBehavior","_init_extra_dragBehavior","_init_ctrlDragBehavior","_init_extra_ctrlDragBehavior","_init_lineConnector","_init_extra_lineConnector","_init_nodeMoveEvent","_init_extra_nodeMoveEvent","_init_cellMoveEvent","_init_extra_cellMoveEvent","info","_get_cellMoveEvent","_get_nodeMoveEvent","_init_cellsMoveEvent","_init_extra_cellsMoveEvent","_get_cellsMoveEvent","_init_cellResizeEvent","_init_extra_cellResizeEvent","_get_cellResizeEvent","_init_nodeDelete","_init_extra_nodeDelete","_init_cellDelete","_init_extra_cellDelete","_get_cellDelete","_get_nodeDelete","_init_cellsDelete","_init_extra_cellsDelete","_get_cellsDelete","_init_edgeAdd","_init_extra_edgeAdd","edge","_get_edgeAdd","_init_edgeViewChange","_init_extra_edgeViewChange","_get_edgeViewChange","_init_decoratorTextChange","_init_extra_decoratorTextChange","_get_decoratorTextChange","_init_containerContainerChange","_init_extra_containerContainerChange","_get_containerContainerChange","_init_scaleChange","_init_extra_scaleChange","_get_scaleChange","createRef","allowEdgeToArea","dragBehavior","ctrlDragBehavior","lineConnector","dropNode","_document$elementsFro","_document","position","data","useBrick","document","elementsFromPoint","call","includes","_classPrivateFieldGet2","boundingClientRect","getBoundingClientRect","getTransform","newNode","view","left","top","dropDecorator","_ref2","_document$elementsFro2","_document2","decorator","text","direction","_classPrivateFieldGet3","newDecorator","uuidV4","DEFAULT_AREA_WIDTH","DEFAULT_AREA_HEIGHT","addNodes","nodes","newNodes","_ref3","addEdge","_ref4","_classPrivateFieldGet4","newEdge","manuallyConnectNodes","ctx","_assertClassBrand","_waitForCanvasRef","updated","disconnectedCallback","super","onCellMove","onCellsMove","onCellResize","onCellDelete","onCellsDelete","onEdgeAdd","onDecoratorTextChange","onContainerContainerChange","onScaleChange","onEdgeViewChange","Promise","resolve","check","setTimeout","_ref5","manualConnectDeferredRef","editingTexts","setEditingTexts","activeContainers","setActiveContainers","ctrlDraggable","lassoRect","setLassoRect","connectLineState","setConnectLineState","useImperativeHandle","node","_ref6","findLastIndex","newCells","slice","allCells","shouldReCenter","sourceId","find","isEdgeSide","rect","from","offset","reject","handleConnect","state","to","_manualConnectDeferre2","i","_manualConnectDeferre","smartConnectLineState","setSmartConnectLineState","root","onKeydown","action","handleKeyboard","addEventListener","removeEventListener","guideLines","setGuideLines","handleCellsMoving","containedIds","handleNodeContainedChange","forEach","_c$containerCell","_c$containerCell2","containerCell","push","flatMap","handleCellsMoved","handleCellResizing","handleCellResized","handleDecoratorTextEditing","_ref7","editing","texts","nextLayoutKey","lineConnectorConf","hoverState","setHoverState","unsetHoverStateTimeoutRef","clearTimeout","relativePoints","getConnectPointsOfRectangle","points","getConnectPoints","activeEditableLine","setActiveEditableLine","lineEditorState","setLineEditorState","hoverStateContextValue","onConnect","exitPosition","entryPosition","onChangeEdgeEndpoints","rootRect","onMouseDown","handleLasso","onLassoing","onLassoed","lassoedCells","isContainerDecoratorCell","isNodeOrAreaDecoratorCell","isTextDecoratorCell","targets","cellToTarget","HoverStateContext","Provider","dragNodeToContainerActive","onCellsMoving","onCellsMoved","onCellResizing","onCellResized","onDecoratorTextEditing","ConnectLineComponent","markerEnd","fill","fillOpacity","stroke","strokeDasharray","SmartConnectLineComponent","options","EditingLineComponent","line","d","join","strokeWidth","LineEditorComponent","LineConnectorComponent","disabled","replace","r","Math","random","toString","border","padding","DEFAULT_NODE_PADDING_FOR_SMART_LINES","halfPadding","viewWithBorderAndPadding","p","_EoDrawCanvas2","_set_nodeMoveEvent","_set_cellMoveEvent","_set_cellsMoveEvent","_set_cellResizeEvent","_set_nodeDelete","_set_cellDelete","_set_cellsDelete","_set_edgeAdd","_set_edgeViewChange","_set_decoratorTextChange","_set_containerContainerChange","_set_scaleChange"],"sourceRoot":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";(globalThis.webpackChunk_next_bricks_diagram=globalThis.webpackChunk_next_bricks_diagram||[]).push([[8939],{9068:(e,t,a)=>{a.r(t),a.d(t,{EoDrawCanvas:()=>Kt,EoDrawCanvasComponent:()=>_t,uuidV4:()=>$a});var n,i=a(4635),l=a(918),s=a(6902),o=a(2559),r=a(5536),d=a(6121),h=a(829),c=a(2740),u=a(8769),g=a.n(u),p=a(4799),A=a(8610),v=a(4218),y=(a(6477),a(1030)),f=a(3373),w=a.n(f),m=a(7566),C=a(5748),k=a(3739),b=a(531),x=a(8185),E=a(5114),M=a(4932),W=a(3639),T=a(3783),N=a(2098),S=a(227),R=a(3033),z=a(8091),B=a(1819),L=a(7099),D=a(1484),P=a(8197),H=a(7531),$=a(8875),O=a(2722),_=a(9978),K=a(2219),U=a(3012),j=a(6237),F=a(1103),I=a(9386),V=a(1991),X=a(2202),Y=a(1825);let q,G,J,Z,Q,ee,te,ae,ne,ie,le,se,oe,re,de,he,ce,ue,ge,pe,Ae,ve,ye,fe,we,me,Ce,ke,be,xe,Ee,Me,We,Te,Ne,Se,Re,ze,Be,Le,De,Pe,He,$e,Oe,_e,Ke,Ue,je,Fe,Ie,Ve,Xe,Ye,qe,Ge,Je,Ze,Qe,et,tt,at,nt,it,lt,st,ot,rt,dt,ht,ct,ut,gt,pt,At,vt,yt,ft,wt,mt,Ct,kt,bt,xt,Et,Mt,Wt,Tt,Nt,St,Rt,zt,Bt,Lt;const Dt=(0,v.unwrapProvider)("basic.lock-body-scroll"),{defineElement:Pt,property:Ht,method:$t,event:Ot}=(0,p.createDecorators)(),_t=g().forwardRef(Ha);let Kt;var Ut=new WeakMap,jt=new WeakMap,Ft=new WeakMap,It=new WeakMap,Vt=new WeakMap,Xt=new WeakMap,Yt=new WeakMap,qt=new WeakMap,Gt=new WeakMap,Jt=new WeakMap,Zt=new WeakMap,Qt=new WeakMap,ea=new WeakMap,ta=new WeakMap,aa=new WeakMap,na=new WeakMap,ia=new WeakMap,la=new WeakMap,sa=new WeakMap,oa=new WeakSet,ra=new WeakMap,da=new WeakMap,ha=new WeakMap,ca=new WeakMap,ua=new WeakMap,ga=new WeakMap,pa=new WeakMap,Aa=new WeakMap,va=new WeakMap,ya=new WeakMap,fa=new WeakMap,wa=new WeakMap,ma=new WeakMap,Ca=new WeakMap,ka=new WeakMap,ba=new WeakMap,xa=new WeakMap,Ea=new WeakMap,Ma=new WeakMap,Wa=new WeakMap,Ta=new WeakMap,Na=new WeakMap,Sa=new WeakMap,Ra=new WeakMap,za=new WeakMap,Ba=new WeakMap,La=new WeakMap;class Da extends A.ReactNextElement{constructor(){super(...arguments),(0,i.A)(this,oa),(0,l.A)(this,Ut,(q(this),J(this))),(0,l.A)(this,jt,(Z(this),Q(this))),(0,l.A)(this,Ft,(ee(this),te(this))),(0,l.A)(this,It,(ae(this),ne(this,[R.HP,R.HP]))),(0,l.A)(this,Vt,(ie(this),le(this))),(0,l.A)(this,Xt,(se(this),oe(this))),(0,l.A)(this,Yt,(re(this),de(this))),(0,l.A)(this,qt,(he(this),ce(this))),(0,l.A)(this,Gt,(ue(this),ge(this))),(0,l.A)(this,Jt,(pe(this),Ae(this))),(0,l.A)(this,Zt,(ve(this),ye(this,!0))),(0,l.A)(this,Qt,(fe(this),we(this,!0))),(0,l.A)(this,ea,(me(this),Ce(this,!0))),(0,l.A)(this,ta,(ke(this),be(this,!1))),(0,l.A)(this,aa,(xe(this),Ee(this))),(0,l.A)(this,na,(Me(this),We(this))),(0,l.A)(this,ia,(Te(this),Ne(this))),(0,l.A)(this,la,(Se(this),Re(this))),(0,l.A)(this,sa,(ze(this),Be(this))),(0,l.A)(this,ra,(Pe(this),e=>{(0,r.A)(oa,this,Le).emit(e)})),(0,l.A)(this,da,(e=>{(0,x.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,l.A)(this,ha,He(this)),(0,l.A)(this,ca,(_e(this),Ke(this))),(0,l.A)(this,ua,(Fe(this),e=>{(0,r.A)(oa,this,Ue).emit(e),"node"===e.type&&(0,r.A)(oa,this,$e).emit(e)})),(0,l.A)(this,ga,Ie(this)),(0,l.A)(this,pa,(Ye(this),e=>{(0,r.A)(oa,this,Ve).emit(e)})),(0,l.A)(this,Aa,qe(this)),(0,l.A)(this,va,(Ze(this),e=>{(0,r.A)(oa,this,Ge).emit(e)})),(0,l.A)(this,ya,Qe(this)),(0,l.A)(this,fa,(at(this),nt(this))),(0,l.A)(this,wa,(st(this),e=>{(0,r.A)(oa,this,it).emit(e),"node"===e.type&&(0,r.A)(oa,this,et).emit(e)})),(0,l.A)(this,ma,ot(this)),(0,l.A)(this,Ca,(ht(this),e=>{(0,r.A)(oa,this,rt).emit(e)})),(0,l.A)(this,ka,ct(this)),(0,l.A)(this,ba,(pt(this),e=>{(0,r.A)(oa,this,ut).emit(e)})),(0,l.A)(this,xa,At(this)),(0,l.A)(this,Ea,(ft(this),e=>{(0,r.A)(oa,this,vt).emit(e)})),(0,l.A)(this,Ma,wt(this)),(0,l.A)(this,Wa,(kt(this),e=>{(0,r.A)(oa,this,mt).emit(e)})),(0,l.A)(this,Ta,bt(this)),(0,l.A)(this,Na,(Mt(this),e=>{(0,r.A)(oa,this,xt).emit(e)})),(0,l.A)(this,Sa,Wt(this)),(0,l.A)(this,Ra,(St(this),e=>{(0,r.A)(oa,this,Tt).emit(e)})),(0,l.A)(this,za,Rt(this)),(0,l.A)(this,Ba,(Lt(this),e=>{(0,r.A)(oa,this,zt).emit(e)})),(0,l.A)(this,La,(0,u.createRef)())}get cells(){return(0,h.A)(Ut,this)}set cells(e){(0,d.A)(Ut,this,e)}get layout(){return(0,h.A)(jt,this)}set layout(e){(0,d.A)(jt,this,e)}get layoutOptions(){return(0,h.A)(Ft,this)}set layoutOptions(e){(0,d.A)(Ft,this,e)}get defaultNodeSize(){return(0,h.A)(It,this)}set defaultNodeSize(e){(0,d.A)(It,this,e)}get defaultNodeBricks(){return(0,h.A)(Vt,this)}set defaultNodeBricks(e){(0,d.A)(Vt,this,e)}get degradedThreshold(){return(0,h.A)(Xt,this)}set degradedThreshold(e){(0,d.A)(Xt,this,e)}get degradedNodeLabel(){return(0,h.A)(Yt,this)}set degradedNodeLabel(e){(0,d.A)(Yt,this,e)}get defaultEdgeLines(){return(0,h.A)(qt,this)}set defaultEdgeLines(e){(0,d.A)(qt,this,e)}get activeTarget(){return(0,h.A)(Gt,this)}set activeTarget(e){(0,d.A)(Gt,this,e)}get fadeUnrelatedCells(){return(0,h.A)(Jt,this)}set fadeUnrelatedCells(e){(0,d.A)(Jt,this,e)}get zoomable(){return(0,h.A)(Zt,this)}set zoomable(e){(0,d.A)(Zt,this,e)}get scrollable(){return(0,h.A)(Qt,this)}set scrollable(e){(0,d.A)(Qt,this,e)}get pannable(){return(0,h.A)(ea,this)}set pannable(e){(0,d.A)(ea,this,e)}get allowEdgeToArea(){return(0,h.A)(ta,this)}set allowEdgeToArea(e){(0,d.A)(ta,this,e)}get dragBehavior(){return(0,h.A)(aa,this)}set dragBehavior(e){(0,d.A)(aa,this,e)}get ctrlDragBehavior(){return(0,h.A)(na,this)}set ctrlDragBehavior(e){(0,d.A)(na,this,e)}get scaleRange(){return(0,h.A)(ia,this)}set scaleRange(e){(0,d.A)(ia,this,e)}get lineConnector(){return(0,h.A)(la,this)}set lineConnector(e){(0,d.A)(la,this,e)}async dropNode(e){var t,a;let{id:n,position:i,size:l,data:s,useBrick:o}=e;if(null===(t=(a=document).elementsFromPoint)||void 0===t||null===(t=t.call(a,i[0],i[1]))||void 0===t?void 0:t.includes(this)){var r;const e=this.getBoundingClientRect(),t=(0,h.A)(La,this).current.getTransform(),a={type:"node",id:n,view:{..."force"===this.layout||"dagre"===this.layout?null:{x:(i[0]-e.left-t.x)/t.k,y:(i[1]-e.top-t.y)/t.k},width:(null==l?void 0:l[0])??this.defaultNodeSize[0],height:(null==l?void 0:l[1])??this.defaultNodeSize[0]},data:s,useBrick:o};return null===(r=(0,h.A)(La,this).current)||void 0===r||r.dropNode(a),a}return null}async dropDecorator(e){var t,a;let{position:n,decorator:i,text:l,direction:s}=e;if(null===(t=(a=document).elementsFromPoint)||void 0===t||null===(t=t.call(a,n[0],n[1]))||void 0===t?void 0:t.includes(this)){var o;const e=this.getBoundingClientRect(),t=(0,h.A)(La,this).current.getTransform(),a={type:"decorator",decorator:i,id:$a(),view:{x:(n[0]-e.left-t.x)/t.k,y:(n[1]-e.top-t.y)/t.k,width:R.N8,height:R.w1,text:l,direction:s}};return null===(o=(0,h.A)(La,this).current)||void 0===o||o.dropDecorator(a),a}return null}async addNodes(e){if(0===e.length)return[];const t=e.map((e=>{let{size:t,useBrick:a,id:n,data:i}=e;return{type:"node",id:n,data:i,view:{width:(null==t?void 0:t[0])??this.defaultNodeSize[0],height:(null==t?void 0:t[1])??this.defaultNodeSize[0]},useBrick:a}}));return(0,h.A)(La,this).current.addNodes(t,{defaultNodeSize:this.defaultNodeSize,canvasWidth:this.clientWidth,canvasHeight:this.clientHeight})}async addEdge(e){var t;let{source:a,target:n,data:i}=e;const l={type:"edge",source:a,target:n,data:i};return null===(t=(0,h.A)(La,this).current)||void 0===t||t.addEdge(l),l}manuallyConnectNodes(e){return(0,h.A)(La,this).current.manuallyConnectNodes(e)}async updateCells(e,t){await(0,o.A)(oa,this,Pa).call(this);const{updated:a}=(0,h.A)(La,this).current.updateCells(e,{...t,defaultNodeSize:this.defaultNodeSize,canvasWidth:this.clientWidth,canvasHeight:this.clientHeight});return{updated:a}}disconnectedCallback(){super.disconnectedCallback(),Dt(this,!1)}render(){return g().createElement(_t,{host:this,ref:(0,h.A)(La,this),layout:this.layout,layoutOptions:this.layoutOptions,cells:this.cells,defaultNodeSize:this.defaultNodeSize,defaultNodeBricks:this.defaultNodeBricks,defaultEdgeLines:this.defaultEdgeLines,degradedThreshold:this.degradedThreshold,degradedNodeLabel:this.degradedNodeLabel,activeTarget:this.activeTarget,fadeUnrelatedCells:this.fadeUnrelatedCells,zoomable:this.zoomable,scrollable:this.scrollable,pannable:this.pannable,dragBehavior:this.dragBehavior,ctrlDragBehavior:this.ctrlDragBehavior,scaleRange:this.scaleRange,lineConnector:this.lineConnector,allowEdgeToArea:this.allowEdgeToArea,onActiveTargetChange:(0,h.A)(ra,this),onSwitchActiveTarget:(0,h.A)(da,this),onCellMove:(0,h.A)(ua,this),onCellsMove:(0,h.A)(pa,this),onCellResize:(0,h.A)(va,this),onCellDelete:(0,h.A)(wa,this),onCellsDelete:(0,h.A)(Ca,this),onEdgeAdd:(0,h.A)(Ea,this),onCellContextMenu:(0,h.A)(ba,this),onDecoratorTextChange:(0,h.A)(Na,this),onContainerContainerChange:(0,h.A)(Ra,this),onScaleChange:(0,h.A)(Ba,this),onEdgeViewChange:(0,h.A)(Wa,this)})}}function Pa(){return new Promise((e=>{const t=()=>{(0,h.A)(La,this).current?e():setTimeout(t,10)};t()}))}function Ha(e,t){let{host:a,layout:n,layoutOptions:i,cells:l,defaultNodeSize:s,defaultNodeBricks:o,defaultEdgeLines:r,degradedThreshold:d,degradedNodeLabel:h,activeTarget:c,fadeUnrelatedCells:p,zoomable:A,scrollable:v,pannable:f,dragBehavior:x,ctrlDragBehavior:U,scaleRange:j,lineConnector:q,allowEdgeToArea:G,onActiveTargetChange:J,onSwitchActiveTarget:Z,onCellMove:Q,onCellResize:ee,onCellDelete:te,onCellsMove:ae,onCellsDelete:ne,onCellContextMenu:ie,onEdgeAdd:le,onDecoratorTextChange:se,onScaleChange:oe,onContainerContainerChange:re,onEdgeViewChange:de}=e;const[{cells:he,layoutKey:ce},ue]=(0,u.useReducer)(C.d,l,(e=>({cells:(0,T.C)(e,{defaultNodeSize:s}),layoutKey:0}))),ge=(0,u.useMemo)((()=>he.filter(b.N).length>=(d??R.pC)),[he,d]),pe=(0,u.useRef)(null),Ae=(0,u.useRef)(null),ve=(0,u.useRef)(null),[ye,fe]=(0,u.useState)([]),[we,me]=(0,u.useState)([]),{grabbing:Ce,transform:ke,zoomer:be,scaleRange:xe}=(0,z.f)({rootRef:pe,zoomable:A,scrollable:v,pannable:f,draggable:"grab"===x,ctrlDraggable:"grab"===U,scaleRange:j,onSwitchActiveTarget:Z});(0,u.useEffect)((()=>{oe(ke.k)}),[oe,ke.k]);const[Ee,Me]=(0,u.useState)(null),[We,Te]=(0,u.useState)(null),{centered:Ne,setCentered:Se,getNextLayoutKey:Re}=(0,D.g)({layout:n,layoutOptions:i,rootRef:pe,cells:he,zoomable:A,zoomer:be,scaleRange:xe,layoutKey:ce,allowEdgeToArea:G,dispatch:ue});(0,u.useImperativeHandle)(t,(()=>({dropNode(e){"dagre"!==n&&"force"!==n&&Se(!0),ue({type:"drop-node",payload:e})},dropDecorator(e){"dagre"!==n&&"force"!==n&&Se(!0),ue({type:"drop-decorator",payload:e})},addNodes(e,t){let{defaultNodeSize:a,canvasWidth:i,canvasHeight:l}=t;const s=he.findLastIndex((e=>!("decorator"===e.type&&"text"===e.decorator)))+1,o=[...he.slice(0,s),...e,...he.slice(s)],{cells:r,updated:d,shouldReCenter:h}=(0,N.L)({cells:o,layout:n,previousCells:he,defaultNodeSize:a,canvasWidth:i,canvasHeight:l,scaleRange:xe,transform:ke,allowEdgeToArea:G});return h&&Se(!1),ue({type:"update-cells",payload:r}),d.filter((t=>e.includes(t)))},addEdge(e){ue({type:"add-edge",payload:e})},updateCells(e,t){const{shouldReCenter:a,...i}=(0,N.L)({...t,layout:n,previousCells:he,cells:e,scaleRange:xe,transform:ke,allowEdgeToArea:G});return a&&Se(!1),ue({type:"update-cells",payload:i.cells}),i},getTransform:()=>ke,manuallyConnectNodes(e){const t=he.find((t=>(0,b.bo)(t,G)&&t.id===e));if(t){const e=pe.current.getBoundingClientRect();return Te({source:t,from:[t.view.x+t.view.width/2,t.view.y+t.view.height/2],offset:[e.left,e.top]}),new Promise(((e,t)=>{ve.current={resolve:e,reject:t}}))}return Promise.reject(null)}})),[he,n,xe,Se,ke,G]);const ze=(0,u.useCallback)(((e,t)=>{var a;for(let a=he.length-1;a>=0;a--){const i=he[a];if((0,b.bo)(i,G)&&i.id!==e.source.id&&i.view.x<t[0]&&i.view.x+i.view.width>t[0]&&i.view.y<t[1]&&i.view.y+i.view.height>t[1]){var n;null===(n=ve.current)||void 0===n||n.resolve({source:e.source,target:i});break}}null===(a=ve.current)||void 0===a||a.reject(null),Te(null)}),[G,he]),[Be,Le]=(0,u.useState)(null);(0,u.useEffect)((()=>{Dt(a,!!(We||Be||Ee))}),[We,a,Be,Ee]);const De=(0,B.J)({cellsRef:Ae,activeTarget:c,onActiveTargetChange:J}),[Pe,He]=(0,u.useState)([]);(0,u.useEffect)((()=>{const e=p?(0,S.Y)(he,We,De,G):[];He((t=>0===t.length&&0===e.length?t:e))}),[De,he,We,p,G]),(0,u.useEffect)((()=>{const e=pe.current;if(!e||ye.length>0)return;const t=e=>{const t=(0,E.a)(e,{cells:he,activeTarget:De});"delete-cells"===(null==t?void 0:t.action)&&(ne(t.cells),1===t.cells.length&&te(t.cells[0]))};return e.addEventListener("keydown",t),()=>{e.removeEventListener("keydown",t)}}),[De,he,ye.length,te,ne]);const $e=`${(0,u.useMemo)((()=>`${(0,y.uniqueId)("diagram-")}-`),[])}line-arrow-`,[Oe,_e]=(0,u.useState)([]),Ke=(0,u.useCallback)((e=>{ue({type:"move-cells",payload:e});const t=[];(0,V._)(e,he).forEach((e=>{var a,n;null!==(a=e.containerCell)&&void 0!==a&&a.id&&t.push(null===(n=e.containerCell)||void 0===n?void 0:n.id)})),me(t),_e(e.flatMap((e=>e.guideLines??[])))}),[he]),Ue=(0,u.useCallback)((e=>{ue({type:"move-cells",payload:e}),ae(e),1===e.length&&Q(e[0]),(0,V._)(e,he,re),me([]),_e([])}),[Q,ae,he,re]),je=(0,u.useCallback)((e=>{ue({type:"resize-cell",payload:e})}),[]),Fe=(0,u.useCallback)((e=>{ue({type:"resize-cell",payload:e}),ee(e)}),[ee]),Ie=(0,u.useCallback)((e=>{let{id:t,editing:a}=e;fe(a?e=>e.includes(t)?e:[...e,t]:e=>e.filter((e=>e!==t)))}),[]),Ve=(0,u.useCallback)(((e,t)=>{const a=Re();ue({type:"update-node-size",payload:{id:e,size:t},layoutKey:a})}),[Re]),Xe=(0,u.useCallback)((e=>{be.scaleTo((0,m.A)(pe.current),e/100)}),[be]),Ye=(0,u.useCallback)((()=>{Se(!1)}),[Se]),{lineConfMap:qe,lineConnectorConf:Ge,markers:Je}=(0,H.d)({cells:he,defaultEdgeLines:r,lineConnector:q,markerPrefix:$e}),Ze=(0,P.H)({cells:he,layout:n,centered:Ne}),[Qe,et]=(0,u.useState)(null),tt=(0,u.useRef)(null),at=(0,u.useCallback)((e=>{if(Ge&&(0,b.bo)(e,G)){null!==tt.current&&(clearTimeout(tt.current),tt.current=null);const t=(0,$.G)();et({cell:e,relativePoints:t,points:Oa(t,e.view)})}}),[G,Ge]),nt=(0,u.useCallback)((e=>{Ge&&(0,b.N)(e)&&(tt.current=setTimeout((()=>{et(null)})))}),[Ge]),[it,lt]=(0,u.useState)(null),[st,ot]=(0,u.useState)(null),rt=(0,u.useMemo)((()=>({rootRef:pe,smartConnectLineState:Be,unsetHoverStateTimeoutRef:tt,hoverState:Qe,activeEditableLine:it,lineEditorState:st,setLineEditorState:ot,setActiveEditableLine:lt,setHoverState:et,setSmartConnectLineState:Le,onConnect(e,t,a,n){const i={source:e.id,target:t.id,view:{exitPosition:a,entryPosition:n}};if(he.find((a=>"edge"===a.type&&a.source===e.id&&a.target===t.id)))ue({type:"change-edge-view",payload:i}),null==de||de(i);else{const a={type:"edge",...i};ue({type:"add-edge",payload:a}),le({source:e,target:t,view:a.view})}},onChangeEdgeEndpoints(e,t,a,n){const i={source:e.id,target:t.id,view:{exitPosition:a,entryPosition:n}};ue({type:"change-edge-view",payload:i}),null==de||de(i)}})),[Be,Qe,it,st,he,de,le]);return(0,u.useEffect)((()=>{const e=pe.current;if(!e||"lasso"!==x)return;const t=e.getBoundingClientRect(),a=e=>{(0,K.F)(e,{transform:ke,offset:[t.left,t.top],onLassoing(e){Me(e)},onLassoed(e){Me(null);const t=[];for(const a of he)if((0,b.t2)(a)||(0,b.o6)(a)||(0,b.Hs)(a)){const n=a.view.x,i=a.view.y;n>=e.x&&n+a.view.width<=e.x+e.width&&i>=e.y&&i+a.view.height<=e.y+e.height&&t.push(a)}null==Z||Z(t.length>1?{type:"multi",targets:t.map(I.P)}:1===t.length?(0,I.P)(t[0]):null)}})};return e.addEventListener("mousedown",a),()=>{e.removeEventListener("mousedown",a)}}),[ke,he,x,Z]),g().createElement(_.H.Provider,{value:rt},g().createElement("svg",{width:"100%",height:"100%",ref:pe,className:w()("root",{grabbing:Ce,pannable:f,ready:Ze}),tabIndex:-1},g().createElement("defs",null,Je.map(((e,t)=>g().createElement(k.c,{key:t,id:`${$e}${t}`,type:"arrow",strokeColor:e.strokeColor})))),g().createElement("g",{transform:`translate(${ke.x} ${ke.y}) scale(${ke.k})`},g().createElement("g",{className:w()("cells",{allowEdgeToArea:G}),ref:Ae},he.map((e=>g().createElement(M.m,{key:`${e.type}:${(0,b.WW)(e)?`${e.source}~${e.target}`:e.id}`,dragNodeToContainerActive:!(0,b.WW)(e)&&we.includes(e.id),layout:n,layoutOptions:i,cell:e,cells:he,degraded:ge,degradedNodeLabel:h,defaultNodeBricks:o,transform:ke,lineConfMap:qe,activeTarget:De,unrelatedCells:Pe,allowEdgeToArea:G,onCellsMoving:Ke,onCellsMoved:Ue,onCellResizing:je,onCellResized:Fe,onSwitchActiveTarget:Z,onCellContextMenu:ie,onDecoratorTextChange:se,onDecoratorTextEditing:Ie,onNodeBrickResize:Ve,onCellMouseEnter:at,onCellMouseLeave:nt})))),g().createElement(W.w,{connectLineState:We,transform:ke,markerEnd:`${$e}0`,onConnect:ze}),Ee&&g().createElement("rect",{x:Ee.x,y:Ee.y,width:Ee.width,height:Ee.height,fill:"var(--palette-gray-5)",fillOpacity:.3,stroke:"var(--palette-gray-5)",strokeDasharray:2}),Ge&&g().createElement(g().Fragment,null,g().createElement(F.X,{transform:ke,options:Ge}),g().createElement(Y.W,{transform:ke,options:Ge})),g().createElement("g",null,Oe.map(((e,t)=>g().createElement("path",{key:t,d:`M${e[0].join(" ")} L${e[1].join(" ")}`,stroke:"var(--palette-orange-5)",fill:"none",strokeWidth:1/ke.k})))),g().createElement("g",null,Ge&&g().createElement(X.F,{transform:ke}))),Ge&&g().createElement(O.T,{activeTarget:De,transform:ke,disabled:!!We})),g().createElement(L.Y,{shadowRoot:a.shadowRoot,scale:ke.k,scaleRange:xe,onZoomChange:Xe,onReCenter:Ye}))}function $a(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(e){const t=16*Math.random()|0;return("x"==e?t:3&t|8).toString(16)}))}function Oa(e,t){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;const n=R.XK,i=n/2,l=t.x+a/2-i,s=t.y+a/2-i,o=t.width-a+n,r=t.height-a+n;return e.map((e=>({x:l+e.x*o,y:s+e.y*r})))}n=Da,({e:[J,Z,Q,ee,te,ae,ne,ie,le,se,oe,re,de,he,ce,ue,ge,pe,Ae,ve,ye,fe,we,me,Ce,ke,be,xe,Ee,Me,We,Te,Ne,Se,Re,ze,Be,Le,De,Pe,He,$e,Oe,_e,Ke,Ue,je,Fe,Ie,Ve,Xe,Ye,qe,Ge,Je,Ze,Qe,et,tt,at,nt,it,lt,st,ot,rt,dt,ht,ct,ut,gt,pt,At,vt,yt,ft,wt,mt,Ct,kt,bt,xt,Et,Mt,Wt,Tt,Nt,St,Rt,zt,Bt,Lt,q],c:[Kt,G]}=(0,c.A)(n,[Pt("eo-draw-canvas",{styleTexts:[U.A,j.A]})],[[Ht({attribute:!1}),1,"cells"],[Ht({type:String}),1,"layout"],[Ht({attribute:!1}),1,"layoutOptions"],[Ht({attribute:!1}),1,"defaultNodeSize"],[Ht({attribute:!1}),1,"defaultNodeBricks"],[Ht({type:Number}),1,"degradedThreshold"],[Ht({attribute:!1}),1,"degradedNodeLabel"],[Ht({attribute:!1}),1,"defaultEdgeLines"],[Ht({attribute:!1}),1,"activeTarget"],[Ht({type:Boolean}),1,"fadeUnrelatedCells"],[Ht({type:Boolean}),1,"zoomable"],[Ht({type:Boolean}),1,"scrollable"],[Ht({type:Boolean}),1,"pannable"],[Ht({type:Boolean}),1,"allowEdgeToArea"],[Ht(),1,"dragBehavior"],[Ht(),1,"ctrlDragBehavior"],[Ht({attribute:!1}),1,"scaleRange"],[Ht({attribute:!1}),1,"lineConnector"],[Ot({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>(0,h.A)(sa,e),(e,t)=>(0,d.A)(sa,e,t)],[Ot({type:"node.move"}),1,"nodeMoveEvent",e=>(0,h.A)(ha,e),(e,t)=>(0,d.A)(ha,e,t)],[Ot({type:"cell.move"}),1,"cellMoveEvent",e=>(0,h.A)(ca,e),(e,t)=>(0,d.A)(ca,e,t)],[Ot({type:"cells.move"}),1,"cellsMoveEvent",e=>(0,h.A)(ga,e),(e,t)=>(0,d.A)(ga,e,t)],[Ot({type:"cell.resize"}),1,"cellResizeEvent",e=>(0,h.A)(Aa,e),(e,t)=>(0,d.A)(Aa,e,t)],[Ot({type:"node.delete"}),1,"nodeDelete",e=>(0,h.A)(ya,e),(e,t)=>(0,d.A)(ya,e,t)],[Ot({type:"cell.delete"}),1,"cellDelete",e=>(0,h.A)(fa,e),(e,t)=>(0,d.A)(fa,e,t)],[Ot({type:"cells.delete"}),1,"cellsDelete",e=>(0,h.A)(ma,e),(e,t)=>(0,d.A)(ma,e,t)],[Ot({type:"cell.contextmenu"}),1,"cellContextMenu",e=>(0,h.A)(ka,e),(e,t)=>(0,d.A)(ka,e,t)],[Ot({type:"edge.add"}),1,"edgeAdd",e=>(0,h.A)(xa,e),(e,t)=>(0,d.A)(xa,e,t)],[Ot({type:"edge.view.change"}),1,"edgeViewChange",e=>(0,h.A)(Ma,e),(e,t)=>(0,d.A)(Ma,e,t)],[Ot({type:"decorator.text.change"}),1,"decoratorTextChange",e=>(0,h.A)(Ta,e),(e,t)=>(0,d.A)(Ta,e,t)],[Ot({type:"node.container.change"}),1,"containerContainerChange",e=>(0,h.A)(Sa,e),(e,t)=>(0,d.A)(Sa,e,t)],[Ot({type:"scale.change"}),1,"scaleChange",e=>(0,h.A)(za,e),(e,t)=>(0,d.A)(za,e,t)],[$t(),2,"dropNode"],[$t(),2,"dropDecorator"],[$t(),2,"addNodes"],[$t(),2,"addEdge"],[$t(),2,"manuallyConnectNodes"],[$t(),2,"updateCells"]],0,(e=>La.has((0,s.A)(e))),A.ReactNextElement)),G()}}]);
|
|
2
|
+
//# sourceMappingURL=eo-draw-canvas.c06550f7.js.map
|