@next-bricks/diagram 0.43.2 → 0.45.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/6055.b4910896.js +2 -0
- package/dist/chunks/6055.b4910896.js.map +1 -0
- package/dist/chunks/9711.53cc8f27.js +2 -0
- package/dist/chunks/9711.53cc8f27.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.e3d73902.js +2 -0
- package/dist/chunks/eo-display-canvas.e3d73902.js.map +1 -0
- package/dist/chunks/eo-draw-canvas.72086195.js +2 -0
- package/dist/chunks/eo-draw-canvas.72086195.js.map +1 -0
- package/dist/chunks/main.7aa44cbf.js +2 -0
- package/dist/chunks/{main.1a8affb8.js.map → main.7aa44cbf.js.map} +1 -1
- package/dist/examples.json +2 -2
- package/dist/index.89f5ea83.js +2 -0
- package/dist/{index.05f1b5e3.js.map → index.89f5ea83.js.map} +1 -1
- package/dist/manifest.json +51 -44
- package/dist/types.json +790 -625
- 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 +3 -5
- package/dist-types/draw-canvas/LineEditorComponent.d.ts +4 -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 +6 -2
- package/dist-types/draw-canvas/interfaces.d.ts +50 -6
- 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 +5 -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/processors/getSmartLinePoints.spec.d.ts +1 -0
- package/dist-types/shared/canvas/shapes/Rectangle.d.ts +3 -1
- package/dist-types/shared/canvas/useActiveTarget.d.ts +2 -2
- package/docs/eo-display-canvas.md +9 -0
- package/docs/eo-draw-canvas.md +5 -0
- package/package.json +2 -2
- package/dist/chunks/3252.d94ce52c.js +0 -2
- package/dist/chunks/3252.d94ce52c.js.map +0 -1
- package/dist/chunks/9711.2d99e6d9.js +0 -2
- package/dist/chunks/9711.2d99e6d9.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.2b754ef1.js +0 -2
- package/dist/chunks/eo-display-canvas.2b754ef1.js.map +0 -1
- package/dist/chunks/eo-draw-canvas.79b100f8.js +0 -2
- package/dist/chunks/eo-draw-canvas.79b100f8.js.map +0 -1
- package/dist/chunks/main.1a8affb8.js +0 -2
- package/dist/index.05f1b5e3.js +0 -2
|
@@ -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),v=a.n(y),f=a(7566),m=a(3739),C=a(8185),k=a(4932),w=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 $,H,P,O,U,K,_,I,j,F,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,ve,fe,me,Ce,ke,we;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,He=new WeakMap,Pe=new WeakMap,Oe=new WeakMap,Ue=new WeakMap,Ke=new WeakMap,_e=new WeakSet,Ie=new WeakMap,je=new WeakMap,Fe=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,H(this)),(0,i.A)(this,We,(P(this),O(this))),(0,i.A)(this,Te,(U(this),K(this))),(0,i.A)(this,Re,(_(this),I(this,[b.HP,b.HP]))),(0,i.A)(this,ze,(j(this),F(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,He,(ae(this),le(this,!0))),(0,i.A)(this,Pe,(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,Ie,(Ae(this),e=>{(0,o.A)(_e,this,ue).emit(e)})),(0,i.A)(this,je,(e=>{(0,C.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,i.A)(this,Fe,pe(this)),(0,i.A)(this,Ve,(fe(this),e=>{(0,o.A)(_e,this,ye).emit(e)})),(0,i.A)(this,Ye,me(this)),(0,i.A)(this,qe,(we(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)(He,this)}set zoomable(e){(0,r.A)(He,this,e)}get scrollable(){return(0,d.A)(Pe,this)}set scrollable(e){(0,r.A)(Pe,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)(Ie,this),onSwitchActiveTarget:(0,d.A)(je,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:H,onCellClick:P}=e;const[{cells:O,layoutKey:U},K]=(0,c.useReducer)(x.d,a,(e=>({cells:(0,w.C)(e,{defaultNodeSize:i}),layoutKey:1}))),_=(0,c.useMemo)((()=>O.filter(W.N).length>=(r??b.pC)),[O,r]),I=(0,c.useRef)(null),{grabbing:j,transform:F,zoomer:V,scaleRange:Y}=(0,M.f)({rootRef:I,zoomable:A,scrollable:y,pannable:C,draggable:!0,scaleRange:B,onSwitchActiveTarget:$}),{centered:q,setCentered:J,getNextLayoutKey:X}=(0,R.g)({layout:l,layoutOptions:s,rootRef:I,cells:O,zoomable:A,zoomer:V,scaleRange:Y,layoutKey:U,dispatch:K}),Z=(0,c.useCallback)((()=>{J(!1)}),[J]),G=(0,c.useRef)(a);(0,c.useEffect)((()=>{if(a!==G.current){G.current=a;const e=(0,L.L)({canvasWidth:t.host.clientWidth,canvasHeight:t.host.clientHeight,defaultNodeSize:i,layout:l,previousCells:O,cells:a,scaleRange:Y,transform:F});K({type:"update-cells",payload:e.cells})}}),[O,i,a,l,Y,t,F]);const Q=(0,E.J)({rootRef:I,activeTarget:h,onActiveTargetChange:D}),ee=`${(0,c.useMemo)((()=>`${(0,p.uniqueId)("diagram-")}-`),[])}line-arrow-`,te=(0,c.useCallback)(((e,t)=>{K({type:"update-node-size",payload:{id:e,size:t},layoutKey:X()})}),[X]),[ae,le]=(0,c.useState)(null),se=(0,c.useCallback)((e=>{le(e)}),[]),ie=(0,c.useCallback)((e=>{le((t=>t===e?null:t))}),[]),[ne,oe]=(0,c.useState)([]);(0,c.useEffect)((()=>{const e=g?(0,N.Y)(O,null,ae):[];oe((t=>0===t.length&&0===e.length?t:e))}),[O,g,ae]);const re=(0,c.useCallback)((e=>{V.scaleTo((0,f.A)(I.current),e/100)}),[V]),{lineConfMap:de,markers:he}=(0,S.d)({cells:O,defaultEdgeLines:o,markerPrefix:ee}),ce=(0,z.H)({cells:O,layout:l,centered:q});return u().createElement(u().Fragment,null,u().createElement("svg",{width:"100%",height:"100%",ref:I,className:v()("root",{grabbing:j,pannable:C,ready:ce}),tabIndex:-1},u().createElement("defs",null,he.map(((e,t)=>u().createElement(m.c,{key:t,id:`${ee}${t}`,type:"arrow",strokeColor:e.strokeColor})))),u().createElement("g",{transform:`translate(${F.x} ${F.y}) scale(${F.k})`},u().createElement("g",{className:"cells"},O.map((e=>u().createElement(k.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:de,transform:F,activeTarget:Q,readOnly:!0,unrelatedCells:ne,onSwitchActiveTarget:$,onCellContextMenu:H,onCellClick:P,onNodeBrickResize:te,onCellMouseEnter:g&&(0,W.N)(e)?se:void 0,onCellMouseLeave:g&&(0,W.N)(e)?ie:void 0})))))),u().createElement(T.Y,{shadowRoot:t,scale:F.k,scaleRange:Y,onZoomChange:re,onReCenter:Z}))}l=Je,({e:[H,P,O,U,K,_,I,j,F,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,ve,fe,me,Ce,ke,we],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)(Fe,e),(e,t)=>(0,r.A)(Fe,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:()=>Pa});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),v=(a(6477),a(1030)),f=a(3373),m=a.n(f),C=a(7566),k=a(5748),w=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),H=a(7531),P=a(8875),O=a(2722),U=a(9978),K=a(2219),_=a(3012),I=a(6237),j=a(1103),F=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,ve,fe,me,Ce,ke,we,be,Me,Ee,xe,Ne,We,Te,Re,ze,Se,Le,Be,De,$e,He,Pe,Oe,Ue,Ke,_e,Ie,je,Fe,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,vt,ft,mt,Ct,kt,wt,bt,Mt,Et,xt,Nt,Wt,Tt,Rt,zt,St,Lt,Bt;const Dt=(0,y.unwrapProvider)("basic.lock-body-scroll"),{defineElement:$t,property:Ht,method:Pt,event:Ot}=(0,A.createDecorators)(),Ut=g().forwardRef(Ha);let Kt;var _t=new WeakMap,It=new WeakMap,jt=new WeakMap,Ft=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,va=new WeakMap,fa=new WeakMap,ma=new WeakMap,Ca=new WeakMap,ka=new WeakMap,wa=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,It,(G(this),Q(this))),(0,i.A)(this,jt,(ee(this),te(this))),(0,i.A)(this,Ft,(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),ve(this,!0))),(0,i.A)(this,Qt,(fe(this),me(this,!0))),(0,i.A)(this,ea,(Ce(this),ke(this,!0))),(0,i.A)(this,ta,(we(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,He(this)),(0,i.A)(this,ca,(Ue(this),Ke(this))),(0,i.A)(this,ua,(je(this),e=>{(0,r.A)(oa,this,_e).emit(e),"node"===e.type&&(0,r.A)(oa,this,Pe).emit(e)})),(0,i.A)(this,ga,Fe(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,va,Qe(this)),(0,i.A)(this,fa,(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,ka,(ht(this),e=>{(0,r.A)(oa,this,rt).emit(e)})),(0,i.A)(this,wa,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,(ft(this),e=>{(0,r.A)(oa,this,yt).emit(e)})),(0,i.A)(this,xa,mt(this)),(0,i.A)(this,Na,(wt(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)(It,this)}set layout(e){(0,d.A)(It,this,e)}get layoutOptions(){return(0,h.A)(jt,this)}set layoutOptions(e){(0,d.A)(jt,this,e)}get defaultNodeSize(){return(0,h.A)(Ft,this)}set defaultNodeSize(e){(0,d.A)(Ft,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:Pa(),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)(ka,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 Ha(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:f,dragBehavior:M,ctrlDragBehavior:_,scaleRange:I,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)(k.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,ve]=(0,u.useState)([]),[fe,me]=(0,u.useState)([]),{grabbing:Ce,transform:ke,zoomer:we,scaleRange:be}=(0,S.f)({rootRef:Ae,zoomable:p,scrollable:y,pannable:f,draggable:"grab"===M,ctrlDraggable:"grab"===_,scaleRange:I,onSwitchActiveTarget:G});(0,u.useEffect)((()=>{oe(ke.k)}),[oe,ke.k]);const[Me,Ee]=(0,u.useState)(null),[xe,Ne]=(0,u.useState)(null),{centered:We,setCentered:Te,getNextLayoutKey:Re}=(0,D.g)({layout:l,layoutOptions:s,rootRef:Ae,cells:he,zoomable:p,zoomer:we,scaleRange:be,layoutKey:ce,allowEdgeToArea:X,dispatch:ue});(0,u.useImperativeHandle)(t,(()=>({dropNode(e){"dagre"!==l&&"force"!==l&&Te(!0),ue({type:"drop-node",payload:e})},dropDecorator(e){"dagre"!==l&&"force"!==l&&Te(!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:be,transform:ke,allowEdgeToArea:X});return h&&Te(!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:be,transform:ke,allowEdgeToArea:X});return a&&Te(!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 Ne({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)=>{pe.current={resolve:e,reject:t}}))}return Promise.reject(null)}})),[he,l,be,Te,ke,X]);const ze=(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=pe.current)||void 0===l||l.resolve({source:e.source,target:s});break}}null===(a=pe.current)||void 0===a||a.reject(null),Ne(null)}),[X,he]),[Se,Le]=(0,u.useState)(null);(0,u.useEffect)((()=>{Dt(a,!!(xe||Se||Me))}),[xe,a,Se,Me]);const Be=(0,L.J)({rootRef:Ae,activeTarget:c,onActiveTargetChange:Z}),[De,$e]=(0,u.useState)([]);(0,u.useEffect)((()=>{const e=A?(0,R.Y)(he,xe,Be,X):[];$e((t=>0===t.length&&0===e.length?t:e))}),[Be,he,xe,A,X]),(0,u.useEffect)((()=>{const e=Ae.current;if(!e||ye.length>0)return;const t=e=>{const t=(0,E.a)(e,{cells:he,activeTarget:Be});"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)}}),[Be,he,ye.length,te,le]);const He=`${(0,u.useMemo)((()=>`${(0,v.uniqueId)("diagram-")}-`),[])}line-arrow-`,[Pe,Oe]=(0,u.useState)([]),Ue=(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)})),me(t),Oe(e.flatMap((e=>e.guideLines??[])))}),[he]),Ke=(0,u.useCallback)((e=>{ue({type:"move-cells",payload:e}),ae(e),1===e.length&&Q(e[0]),(0,V._)(e,he,re),me([]),Oe([])}),[Q,ae,he,re]),_e=(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)))}),[]),Fe=(0,u.useCallback)(((e,t)=>{const a=Re();ue({type:"update-node-size",payload:{id:e,size:t},layoutKey:a})}),[Re]),Ve=(0,u.useCallback)((e=>{we.scaleTo((0,C.A)(Ae.current),e/100)}),[we]),Ye=(0,u.useCallback)((()=>{Te(!1)}),[Te]),{lineConfMap:qe,lineConnectorConf:Je,markers:Xe}=(0,H.d)({cells:he,defaultEdgeLines:r,lineConnector:J,markerPrefix:He}),Ze=(0,$.H)({cells:he,layout:l,centered:We}),[Ge,Qe]=(0,u.useState)(null),et=(0,u.useRef)(null),[tt,at]=(0,u.useState)(null),[lt,st]=(0,u.useState)(null),it=(0,u.useCallback)((e=>{if(Je&&(0,b.bo)(e,X)&&(!lt||"control"!==lt.type)){null!==et.current&&(clearTimeout(et.current),et.current=null);const t=(0,P.G)();Qe({cell:e,relativePoints:t,points:Oa(t,e.view)})}}),[X,Je,lt]),nt=(0,u.useCallback)((e=>{Je&&(0,b.N)(e)&&(et.current=setTimeout((()=>{Qe(null)})))}),[Je]),ot=(0,u.useCallback)(((e,t,a,l)=>{const s={source:e.id,target:t.id,view:{exitPosition:a,entryPosition:l,vertices:null}};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})}}),[he,ie,de]),rt=(0,u.useCallback)(((e,t,a)=>{const l={source:e.id,target:t.id,view:a};ue({type:"change-edge-view",payload:l}),null==de||de(l)}),[de]),dt=(0,u.useMemo)((()=>({rootRef:Ae,smartConnectLineState:Se,unsetHoverStateTimeoutRef:et,hoverState:Ge,activeEditableLine:tt,lineEditorState:lt,setLineEditorState:st,setActiveEditableLine:at,setHoverState:Qe,setSmartConnectLineState:Le,onConnect:ot,onChangeEdgeView:rt})),[tt,rt,ot,Ge,lt,Se]);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){Ee(e)},onLassoed(e){Ee(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(F.P)}:1===t.length?(0,F.P)(t[0]):null)}})};return e.addEventListener("mousedown",a),()=>{e.removeEventListener("mousedown",a)}}),[ke,he,M,G]),g().createElement(U.H.Provider,{value:dt},g().createElement("svg",{width:"100%",height:"100%",ref:Ae,className:m()("root",{grabbing:Ce,pannable:f,ready:Ze}),tabIndex:-1},g().createElement("defs",null,Xe.map(((e,t)=>g().createElement(w.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})},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)&&fe.includes(e.id),layout:l,layoutOptions:s,cell:e,cells:he,degraded:ge,degradedNodeLabel:h,defaultNodeBricks:o,transform:ke,lineConfMap:qe,activeTarget:Be,unrelatedCells:De,allowEdgeToArea:X,onCellsMoving:Ue,onCellsMoved:Ke,onCellResizing:_e,onCellResized:Ie,onSwitchActiveTarget:G,onCellContextMenu:se,onDecoratorTextChange:ne,onDecoratorTextEditing:je,onNodeBrickResize:Fe,onCellMouseEnter:it,onCellMouseLeave:nt})))),g().createElement("g",null,g().createElement(N.w,{connectLineState:xe,transform:ke,markerEnd:`${He}0`,onConnect:ze})),Me&&g().createElement("rect",{x:Me.x,y:Me.y,width:Me.width,height:Me.height,fill:"var(--palette-gray-5)",fillOpacity:.3,stroke:"var(--palette-gray-5)",strokeDasharray:2}),Je&&g().createElement("g",null,g().createElement(j.X,{transform:ke,options:Je}),g().createElement(q.W,{transform:ke,options:Je})),g().createElement("g",null,Pe.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,Je&&g().createElement(Y.F,{scale:ke.k})),Je&&g().createElement(O.T,{activeTarget:Be,scale:ke.k,disabled:!!xe}))),g().createElement(B.Y,{shadowRoot:a.shadowRoot,scale:ke.k,scaleRange:be,onZoomChange:Ve,onReCenter:Ye}))}function Pa(){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,ve,fe,me,Ce,ke,we,be,Me,Ee,xe,Ne,We,Te,Re,ze,Se,Le,Be,De,$e,He,Pe,Oe,Ue,Ke,_e,Ie,je,Fe,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,vt,ft,mt,Ct,kt,wt,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,I.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)(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)(va,e),(e,t)=>(0,d.A)(va,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)(Ca,e),(e,t)=>(0,d.A)(Ca,e,t)],[Ot({type:"cell.contextmenu"}),1,"cellContextMenu",e=>(0,h.A)(wa,e),(e,t)=>(0,d.A)(wa,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)],[Pt(),2,"dropNode"],[Pt(),2,"dropDecorator"],[Pt(),2,"addNodes"],[Pt(),2,"addEdge"],[Pt(),2,"manuallyConnectNodes"],[Pt(),2,"updateCells"]],0,(e=>Ba.has((0,n.A)(e))),p.ReactNextElement)),X()}}]);
|
|
2
|
+
//# sourceMappingURL=eo-display-canvas.e3d73902.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chunks/eo-display-canvas.e3d73902.js","mappings":"2mBA8CA,MAAM,cAAEA,GAAa,SAAEC,GAAQ,MAAEC,KAAUC,EAAAA,EAAAA,oBAAmB,IAAAC,GAAA,IAAAC,GAAA,IAAAC,QAAAC,GAAA,IAAAD,QAAAE,GAAA,IAAAF,QAAAG,GAAA,IAAAH,QAAAI,GAAA,IAAAJ,QAAAK,GAAA,IAAAL,QAAAM,GAAA,IAAAN,QAAAO,GAAA,IAAAP,QAAAQ,GAAA,IAAAR,QAAAS,GAAA,IAAAT,QAAAU,GAAA,IAAAV,QAAAW,GAAA,IAAAX,QAAAY,GAAA,IAAAZ,QAAAa,GAAA,IAAAb,QAAAc,GAAA,IAAAd,QAAAe,GAAA,IAAAC,QAAAC,GAAA,IAAAjB,QAAAkB,GAAA,IAAAlB,QAAAmB,GAAA,IAAAnB,QAAAoB,GAAA,IAAApB,QAAAqB,GAAA,IAAArB,QAAAsB,GAAA,IAAAtB,QAuB9D,MAAAuB,WAG8BC,EAAAA,iBAAiDC,WAAAA,GAAA,SAAAC,YAAAC,EAAAA,EAAAA,GAAA,KAAAZ,KAC7Ea,EAAAA,EAAAA,GAAA,KAAA7B,GAAA8B,EAAA,QAAAD,EAAAA,EAAAA,GAAA,KAAA3B,IAAA6B,EAAA,MAAAC,EAAA,SAAAH,EAAAA,EAAAA,GAAA,KAAA1B,IAAA8B,EAAA,MAAAC,EAAA,SAAAL,EAAAA,EAAAA,GAAA,KAAAzB,IAAA+B,EAAA,MAAAC,EAAA,KAasC,CAACC,EAAAA,GAAmBA,EAAAA,QAAkBR,EAAAA,EAAAA,GAAA,KAAAxB,IAAAiC,EAAA,MAAAC,EAAA,SAK5EV,EAAAA,EAAAA,GAAA,KAAAvB,IAAAkC,EAAA,MAAAC,EAAA,SAWAZ,EAAAA,EAAAA,GAAA,KAAAtB,IAAAmC,EAAA,MAAAC,EAAA,SAQAd,EAAAA,EAAAA,GAAA,KAAArB,IAAAoC,EAAA,MAAAC,EAAA,SAAAhB,EAAAA,EAAAA,GAAA,KAAApB,IAAAqC,EAAA,MAAAC,EAAA,SAeAlB,EAAAA,EAAAA,GAAA,KAAAnB,IAAAsC,GAAA,MAAAC,GAAA,SAAApB,EAAAA,EAAAA,GAAA,KAAAlB,IAAAuC,GAAA,MAAAC,GAAA,MAOyC,MAAItB,EAAAA,EAAAA,GAAA,KAAAjB,IAAAwC,GAAA,MAAAC,GAAA,MAGF,MAAIxB,EAAAA,EAAAA,GAAA,KAAAhB,IAAAyC,GAAA,MAAAC,GAAA,MAGN,MAAI1B,EAAAA,EAAAA,GAAA,KAAAf,IAAA0C,GAAA,MAAAC,GAAA,SAAA5B,EAAAA,EAAAA,GAAA,KAAAd,IAAA2C,GAAA,MAAAC,GAAA,SAQ7C9B,EAAAA,EAAAA,GAAA,KAAAX,IAAyB0C,GAAA,MAAIC,KAC3BC,EAAAA,EAAAA,GAAA9C,GAAA+C,KAAKC,IAAyBC,KAAKJ,EAAO,KAG5ChC,EAAAA,EAAAA,GAAA,KAAAV,IAA6B0C,KACtBK,EAAAA,EAAAA,GAAWL,EAAQE,KAAKI,gBAC3BJ,KAAKI,aAAeN,EACtB,KACAhC,EAAAA,EAAAA,GAAA,KAAAT,GAAAgD,GAAA,QAKFvC,EAAAA,EAAAA,GAAA,KAAAR,IAAsBgD,GAAA,MAAIC,KACxBR,EAAAA,EAAAA,GAAA9C,GAAA+C,KAAKQ,IAAiBN,KAAKK,EAAO,KAClCzC,EAAAA,EAAAA,GAAA,KAAAP,GAAAkD,GAAA,QAKF3C,EAAAA,EAAAA,GAAA,KAAAN,IAAgBkD,GAAA,MAAIH,KAClBR,EAAAA,EAAAA,GAAA9C,GAAA+C,KAAKW,IAAWT,KAAKK,EAAO,GAC5B,UA3FOK,GAAK,OAAAC,EAAAA,EAAAA,GAAA5E,GAAA,eAAL2E,CAAKE,IAAAC,EAAAA,EAAAA,GAAA9E,GAAA,KAAA6E,EAAA,WAGLE,GAAM,OAAAH,EAAAA,EAAAA,GAAA1E,GAAA,gBAAN6E,CAAMF,IAAAC,EAAAA,EAAAA,GAAA5E,GAAA,KAAA2E,EAAA,kBAGNG,GAAa,OAAAJ,EAAAA,EAAAA,GAAAzE,GAAA,uBAAb6E,CAAaH,IAAAC,EAAAA,EAAAA,GAAA3E,GAAA,KAAA0E,EAAA,oBAGbI,GAAe,OAAAL,EAAAA,EAAAA,GAAAxE,GAAA,yBAAf6E,CAAeJ,IAAAC,EAAAA,EAAAA,GAAA1E,GAAA,KAAAyE,EAAA,sBAGfK,GAAiB,OAAAN,EAAAA,EAAAA,GAAAvE,GAAA,2BAAjB6E,CAAiBL,IAAAC,EAAAA,EAAAA,GAAAzE,GAAA,KAAAwE,EAAA,sBAQjBM,GAAiB,OAAAP,EAAAA,EAAAA,GAAAtE,GAAA,2BAAjB6E,CAAiBN,IAAAC,EAAAA,EAAAA,GAAAxE,GAAA,KAAAuE,EAAA,sBAWjBO,GAAiB,OAAAR,EAAAA,EAAAA,GAAArE,GAAA,2BAAjB6E,CAAiBP,IAAAC,EAAAA,EAAAA,GAAAvE,GAAA,KAAAsE,EAAA,qBAYjBQ,GAAgB,OAAAT,EAAAA,EAAAA,GAAApE,GAAA,0BAAhB6E,CAAgBR,IAAAC,EAAAA,EAAAA,GAAAtE,GAAA,KAAAqE,EAAA,iBAGhBV,GAAY,OAAAS,EAAAA,EAAAA,GAAAnE,GAAA,sBAAZ0D,CAAYU,IAAAC,EAAAA,EAAAA,GAAArE,GAAA,KAAAoE,EAAA,uBAMZS,GAAkB,OAAAV,EAAAA,EAAAA,GAAAlE,GAAA,4BAAlB4E,CAAkBT,IAAAC,EAAAA,EAAAA,GAAApE,GAAA,KAAAmE,EAAA,aAGlBU,GAAQ,OAAAX,EAAAA,EAAAA,GAAAjE,GAAA,kBAAR4E,CAAQV,IAAAC,EAAAA,EAAAA,GAAAnE,GAAA,KAAAkE,EAAA,eAGRW,GAAU,OAAAZ,EAAAA,EAAAA,GAAAhE,GAAA,oBAAV4E,CAAUX,IAAAC,EAAAA,EAAAA,GAAAlE,GAAA,KAAAiE,EAAA,aAGVY,GAAQ,OAAAb,EAAAA,EAAAA,GAAA/D,GAAA,kBAAR4E,CAAQZ,IAAAC,EAAAA,EAAAA,GAAAjE,GAAA,KAAAgE,EAAA,eAGRa,GAAU,OAAAd,EAAAA,EAAAA,GAAA9D,GAAA,oBAAV4E,CAAUb,IAAAC,EAAAA,EAAAA,GAAAhE,GAAA,KAAA+D,EAAA,CA6BnBc,MAAAA,GACE,OACEC,IAAAA,cAACC,GAAwB,CACvBC,WAAY/B,KAAK+B,WACjBnB,MAAOZ,KAAKY,MACZI,OAAQhB,KAAKgB,OACbC,cAAejB,KAAKiB,cACpBC,gBAAiBlB,KAAKkB,gBACtBC,kBAAmBnB,KAAKmB,kBACxBG,iBAAkBtB,KAAKsB,iBACvBF,kBAAmBpB,KAAKoB,kBACxBC,kBAAmBrB,KAAKqB,kBACxBjB,aAAcJ,KAAKI,aACnBmB,mBAAoBvB,KAAKuB,mBACzBC,SAAUxB,KAAKwB,SACfC,WAAYzB,KAAKyB,WACjBC,SAAU1B,KAAK0B,SACfC,WAAY3B,KAAK2B,WACjBK,sBAAsBnB,EAAAA,EAAAA,GAAK1D,GAAL6C,MACtBiC,sBAAsBpB,EAAAA,EAAAA,GAAKzD,GAAL4C,MACtBkC,mBAAmBrB,EAAAA,EAAAA,GAAKvD,GAAL0C,MACnBmC,aAAatB,EAAAA,EAAAA,GAAKrD,GAALwC,OAGnB,EAWF,SAAS8B,GAAwBM,GAoBC,IApBA,WAChCL,EACAnB,MAAOyB,EAAY,OACnBrB,EAAM,cACNC,EAAa,gBACbC,EAAe,kBACfC,EAAiB,iBACjBG,EAAgB,kBAChBF,EAAiB,kBACjBC,EACAjB,aAAckC,EAAa,mBAC3Bf,EAAkB,SAClBC,EAAQ,WACRC,EAAU,SACVC,EACAC,WAAYY,EAAW,qBACvBP,EAAoB,qBACpBC,EAAoB,kBACpBC,EAAiB,YACjBC,GAC8BC,EAC9B,OAAO,MAAExB,EAAK,UAAE4B,GAAaC,IAAYC,EAAAA,EAAAA,YACvCC,EAAAA,EACAN,GACCA,IAAY,CACXzB,OAAOgC,EAAAA,EAAAA,GAAgBP,EAAc,CAAEnB,oBACvCsB,UAAW,MAMTK,GAAWC,EAAAA,EAAAA,UACf,IACElC,EAAMmC,OAAOC,EAAAA,GAAYC,SACxB7B,GAAqB8B,EAAAA,KACxB,CAACtC,EAAOQ,IAGJ+B,GAAUC,EAAAA,EAAAA,QAAsB,OAEhC,SAAEC,EAAQ,UAAEC,EAAS,OAAEC,EAAM,WAAE5B,IAAe6B,EAAAA,EAAAA,GAAQ,CAC1DL,UACA3B,WACAC,aACAC,WACA+B,WAAW,EACX9B,WAAYY,EACZN,0BAGI,SAAEyB,EAAQ,YAAEC,EAAW,iBAAEC,IAAqBC,EAAAA,EAAAA,GAAU,CAC5D7C,SACAC,gBACAkC,UACAvC,QACAY,WACA+B,SACA5B,aACAa,YACAC,aAGIqB,GAAWC,EAAAA,EAAAA,cAAY,KAC3BJ,GAAY,EAAM,GACjB,CAACA,IAEEK,GAAmBZ,EAAAA,EAAAA,QAAOf,IAEhC4B,EAAAA,EAAAA,YAAU,KACR,GAAI5B,IAAiB2B,EAAiBE,QAAS,CAC7CF,EAAiBE,QAAU7B,EAC3B,MAAM8B,GAASC,EAAAA,EAAAA,GAAY,CACzBC,YAAatC,EAAWuC,KAAKC,YAC7BC,aAAczC,EAAWuC,KAAKG,aAC9BvD,kBACAF,SACA0D,cAAe9D,EACfA,MAAOyB,EACPV,aACA2B,cAEFb,EAAS,CAAEkC,KAAM,eAAgBC,QAAST,EAAOvD,OACnD,IACC,CACDA,EACAM,EACAmB,EACArB,EACAW,EACAI,EACAuB,IAGF,MAAMlD,GAAeyE,EAAAA,EAAAA,GAAgB,CACnC1B,UACA/C,aAAckC,EACdN,yBAII8C,GAAe,IADHhC,EAAAA,EAAAA,UAAQ,IAAM,IAAGiC,EAAAA,EAAAA,UAAS,gBAAgB,iBAGtDC,IAAwBjB,EAAAA,EAAAA,cAC5B,CAACkB,EAAYC,KACXzC,EAAS,CACPkC,KAAM,mBACNC,QAAS,CAAEK,KAAIC,QACf1C,UAAWoB,KACX,GAEJ,CAACA,KAGIuB,GAAWC,KAAgBC,EAAAA,EAAAA,UAAsB,MAClDC,IAAuBvB,EAAAA,EAAAA,cAAawB,IACxCH,GAAaG,EAAK,GACjB,IACGC,IAAuBzB,EAAAA,EAAAA,cAAawB,IACxCH,IAAcK,GAAUA,IAASF,EAAO,KAAOE,GAAM,GACpD,KAEIC,GAAgBC,KAAqBN,EAAAA,EAAAA,UAAiB,KAC7DpB,EAAAA,EAAAA,YAAU,KACR,MAAM2B,EAAgBrE,GAClBsE,EAAAA,EAAAA,GAAkBjF,EAAO,KAAMuE,IAC/B,GAEJQ,IAAmBF,GACD,IAAhBA,EAAKxC,QAAyC,IAAzB2C,EAAc3C,OAAewC,EAAOG,GAC1D,GACA,CAAChF,EAAOW,EAAoB4D,KAE/B,MAAMW,IAAkB/B,EAAAA,EAAAA,cACrBgC,IAGGxC,EAAOyC,SAAQC,EAAAA,EAAAA,GAAO9C,EAAQe,SAAW6B,EAAQ,IACnD,GAEF,CAACxC,KAGG,YAAE2C,GAAW,QAAEC,KAAYC,EAAAA,EAAAA,GAAe,CAC9CxF,QACAU,mBACAwD,kBAGIuB,IAAQC,EAAAA,EAAAA,GAAS,CAAE1F,QAAOI,SAAQ0C,aAExC,OACE7B,IAAAA,cAAAA,IAAAA,SAAA,KACEA,IAAAA,cAAA,OACE0E,MAAM,OACNC,OAAO,OACPC,IAAKtD,EACLuD,UAAWC,IAAW,OAAQ,CAAEtD,WAAU3B,WAAU2E,WACpDO,UAAW,GAEX/E,IAAAA,cAAA,YACGsE,GAAQU,KAAI,CAACC,EAAQC,IACpBlF,IAAAA,cAACmF,EAAAA,EAAe,CACdC,IAAKF,EACL9B,GAAI,GAAGH,KAAeiC,IACtBpC,KAAK,QACLuC,YAAaJ,EAAOI,iBAI1BrF,IAAAA,cAAA,KACEyB,UAAW,aAAaA,EAAU6D,KAAK7D,EAAU8D,YAAY9D,EAAU+D,MAEvExF,IAAAA,cAAA,KAAG6E,UAAU,SACV9F,EAAMiG,KAAKtB,GACV1D,IAAAA,cAACyF,EAAAA,EAAa,CACZL,IAAK,GAAG1B,EAAKZ,SAAQ4C,EAAAA,EAAAA,IAAWhC,GAAQ,GAAGA,EAAKiC,UAAUjC,EAAKzF,SAAWyF,EAAKN,KAC/EjE,OAAQA,EACRuE,KAAMA,EACN3E,MAAOA,EACPiC,SAAUA,EACVxB,kBAAmBA,EACnBF,kBAAmBA,EACnB+E,YAAaA,GACb5C,UAAWA,EACXlD,aAAcA,EACdqH,UAAQ,EACR/B,eAAgBA,GAChBzD,qBAAsBA,EACtBC,kBAAmBA,EACnBC,YAAaA,EACbuF,kBAAmB1C,GACnB2C,iBACEpG,IAAsByB,EAAAA,EAAAA,GAAWuC,GAC7BD,QACAsC,EAENC,iBACEtG,IAAsByB,EAAAA,EAAAA,GAAWuC,GAC7BC,QACAoC,SAOhB/F,IAAAA,cAACiG,EAAAA,EAAgB,CACf/F,WAAYA,EACZgG,MAAOzE,EAAU+D,EACjB1F,WAAYA,EACZqG,aAAclC,GACdmC,WAAYnE,IAIpB,CAlOCoE,EAAAzK,KAAA0K,GAAApK,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAE,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAK,GAAAmI,GAAAvI,GAAAQ,GAAAG,GAAA6H,GAAA/H,GAAAG,GAAAE,GAAA2H,GAAA5H,IAAA6H,GAAAvM,GAAAwM,KAAAC,EAAAA,EAAAA,GAAAP,EAAA,CA9HAtM,GAAc,oBAAqB,CAClC8M,WAAY,CAACC,EAAAA,EAAWC,EAAAA,MACxB,EAKC/M,GAAS,CAAEgN,WAAW,IAAQ,YAG9BhN,GAAS,CAAE8I,KAAMmE,SAAS,aAG1BjN,GAAS,CAAEgN,WAAW,IAAQ,oBAG9BhN,GAAS,CAAEgN,WAAW,IAAQ,sBAG9BhN,GAAS,CAAEgN,WAAW,IAAQ,wBAQ9BhN,GAAS,CAAE8I,KAAMoE,SAAS,wBAW1BlN,GAAS,CAAEgN,WAAW,IAAQ,wBAY9BhN,GAAS,CAAEgN,WAAW,IAAQ,uBAG9BhN,GAAS,CAAEgN,WAAW,IAAQ,mBAM9BhN,GAAS,CAAE8I,KAAMqE,UAAU,yBAG3BnN,GAAS,CAAE8I,KAAMqE,UAAU,eAG3BnN,GAAS,CAAE8I,KAAMqE,UAAU,iBAG3BnN,GAAS,CAAE8I,KAAMqE,UAAU,eAG3BnN,GAAS,CAAEgN,WAAW,IAAQ,iBAG9B/M,GAAM,CAAE6I,KAAM,wBAAwB,4BAAAsE,IAAApI,EAAAA,EAAAA,GAAA7D,GAAAiM,GAAA,CAAAA,EAAAnI,KAAAC,EAAAA,EAAAA,GAAA/D,GAAAiM,EAAAnI,IAAA,CAatChF,GAAM,CAAE6I,KAAM,qBAAqB,oBAAAsE,IAAApI,EAAAA,EAAAA,GAAAxD,GAAA4L,GAAA,CAAAA,EAAAnI,KAAAC,EAAAA,EAAAA,GAAA1D,GAAA4L,EAAAnI,IAAA,CAOnChF,GAAM,CAAE6I,KAAM,eAAe,cAAAsE,IAAApI,EAAAA,EAAAA,GAAAtD,GAAA0L,GAAA,CAAAA,EAAAnI,KAAAC,EAAAA,EAAAA,GAAAxD,GAAA0L,EAAAnI,KAAA,GAAAoI,GAAA1L,GAAA2L,KAAAC,EAAAA,EAAAA,GAAAF,KA3FFxL,EAAAA,mBAAgB8K,G,q0BC4B9C,MAAMa,IAAiBC,EAAAA,EAAAA,gBACrB,2BAGI,cAAE1N,GAAa,SAAEC,GAAQ,OAAE0N,GAAM,MAAEzN,KAAUC,EAAAA,EAAAA,oBA+DtCyN,GAAwB3H,IAAAA,WACnC4H,IAGF,IAAAC,GAAA,IAAAzN,GAAA,IAAAC,QAAAC,GAAA,IAAAD,QAAAE,GAAA,IAAAF,QAAAG,GAAA,IAAAH,QAAAI,GAAA,IAAAJ,QAAAK,GAAA,IAAAL,QAAAM,GAAA,IAAAN,QAAAO,GAAA,IAAAP,QAAAQ,GAAA,IAAAR,QAAAS,GAAA,IAAAT,QAAAU,GAAA,IAAAV,QAAAW,GAAA,IAAAX,QAAAY,GAAA,IAAAZ,QAAAa,GAAA,IAAAb,QAAAc,GAAA,IAAAd,QAAAmB,GAAA,IAAAnB,QAAAqB,GAAA,IAAArB,QAAAyN,GAAA,IAAAzN,QAAA0N,GAAA,IAAA1N,QAAA2N,GAAA,IAAA3M,QAAAC,GAAA,IAAAjB,QAAAkB,GAAA,IAAAlB,QAAA4N,GAAA,IAAA5N,QAAA6N,GAAA,IAAA7N,QAAA8N,GAAA,IAAA9N,QAAA+N,GAAA,IAAA/N,QAAAgO,GAAA,IAAAhO,QAAAiO,GAAA,IAAAjO,QAAAkO,GAAA,IAAAlO,QAAAmO,GAAA,IAAAnO,QAAAoO,GAAA,IAAApO,QAAAqO,GAAA,IAAArO,QAAAsO,GAAA,IAAAtO,QAAAuO,GAAA,IAAAvO,QAAAwO,GAAA,IAAAxO,QAAAoB,GAAA,IAAApB,QAAAyO,GAAA,IAAAzO,QAAA0O,GAAA,IAAA1O,QAAA2O,GAAA,IAAA3O,QAAA4O,GAAA,IAAA5O,QAAA6O,GAAA,IAAA7O,QAAA8O,GAAA,IAAA9O,QAAA+O,GAAA,IAAA/O,QAAAgP,GAAA,IAAAhP,QAAAiP,GAAA,IAAAjP,QAAAkP,GAAA,IAAAlP,QAAAmP,GAAA,IAAAnP,QAMA,MAAAoP,WAG2B5N,EAAAA,iBAA8CC,WAAAA,GAAA,SAAAC,YAAAC,EAAAA,EAAAA,GAAA,KAAAgM,KACvE/L,EAAAA,EAAAA,GAAA,KAAA7B,IAAAsP,EAAA,MAAAxN,EAAA,SAAAD,EAAAA,EAAAA,GAAA,KAAA3B,IAAA6B,EAAA,MAAAC,EAAA,SAAAH,EAAAA,EAAAA,GAAA,KAAA1B,IAAA8B,GAAA,MAAAC,GAAA,SAYAL,EAAAA,EAAAA,GAAA,KAAAzB,IAAA+B,GAAA,MAAAC,GAAA,KAIsC,CAACC,EAAAA,GAAmBA,EAAAA,QAAkBR,EAAAA,EAAAA,GAAA,KAAAxB,IAAAiC,GAAA,MAAAC,GAAA,SAK5EV,EAAAA,EAAAA,GAAA,KAAAvB,IAAAkC,GAAA,MAAAC,GAAA,SAWAZ,EAAAA,EAAAA,GAAA,KAAAtB,IAAAmC,GAAA,MAAAC,GAAA,SAQAd,EAAAA,EAAAA,GAAA,KAAArB,IAAAoC,GAAA,MAAAC,GAAA,SAAAhB,EAAAA,EAAAA,GAAA,KAAApB,IAAAqC,GAAA,MAAAC,GAAA,SAeAlB,EAAAA,EAAAA,GAAA,KAAAnB,IAAAsC,GAAA,MAAAC,GAAA,SAAApB,EAAAA,EAAAA,GAAA,KAAAlB,IAAAuC,GAAA,MAAAC,GAAA,MAOyC,MAAItB,EAAAA,EAAAA,GAAA,KAAAjB,IAAAwC,GAAA,MAAAC,GAAA,MAGF,MAAIxB,EAAAA,EAAAA,GAAA,KAAAhB,IAAAyC,GAAA,MAAAC,GAAA,MAGN,MAAI1B,EAAAA,EAAAA,GAAA,KAAAf,IAAA0C,GAAA,MAAA+L,GAAA,MAGG,MAEhD1N,EAAAA,EAAAA,GAAA,KAAAd,IAAAyO,GAAA,MAAAC,GAAA,SAWA5N,EAAAA,EAAAA,GAAA,KAAAT,IAAAsO,GAAA,MAAAC,GAAA,SAAA9N,EAAAA,EAAAA,GAAA,KAAAP,IAAAsO,GAAA,MAAAnM,GAAA,SAAA5B,EAAAA,EAAAA,GAAA,KAAA6L,IAAAhK,GAAA,MAAAmM,GAAA,SAAAhO,EAAAA,EAAAA,GAAA,KAAA8L,IAAAmC,GAAA,MAAAnM,GAAA,SAmBA9B,EAAAA,EAAAA,GAAA,KAAAX,IAAyB0C,GAAA,MAAIC,KAC3BC,EAAAA,EAAAA,GAAA8J,GAAA7J,KAAKC,IAAyBC,KAAKJ,EAAO,KAG5ChC,EAAAA,EAAAA,GAAA,KAAAV,IAA6B0C,KACtBK,EAAAA,EAAAA,GAAWL,EAAQE,KAAKI,gBAC3BJ,KAAKI,aAAeN,EACtB,KAGFhC,EAAAA,EAAAA,GAAA,KAAAgM,GAAAkC,GAAA,QAAAlO,EAAAA,EAAAA,GAAA,KAAAiM,IAAAkC,GAAA,MAAAC,GAAA,SASApO,EAAAA,EAAAA,GAAA,KAAAkM,IAAemC,GAAA,MAAIC,KACjBrM,EAAAA,EAAAA,GAAA8J,GAAA7J,KAAKqM,IAAenM,KAAKkM,GACP,SAAdA,EAAKzH,OACP5E,EAAAA,EAAAA,GAAA8J,GAAA7J,KAAKsM,IAAepM,KAAKkM,EAC3B,KACAtO,EAAAA,EAAAA,GAAA,KAAAmM,GAAAsC,GAAA,QAKFzO,EAAAA,EAAAA,GAAA,KAAAoM,IAAgBsC,GAAA,MAAIJ,KAClBrM,EAAAA,EAAAA,GAAA8J,GAAA7J,KAAKyM,IAAgBvM,KAAKkM,EAAK,KAC/BtO,EAAAA,EAAAA,GAAA,KAAAqM,GAAAuC,GAAA,QAKF5O,EAAAA,EAAAA,GAAA,KAAAsM,IAAiBuC,GAAA,MAAIP,KACnBrM,EAAAA,EAAAA,GAAA8J,GAAA7J,KAAK4M,IAAiB1M,KAAKkM,EAAK,KAGlCtO,EAAAA,EAAAA,GAAA,KAAAuM,GAAAwC,GAAA,QAAA/O,EAAAA,EAAAA,GAAA,KAAAwM,IAAAwC,GAAA,MAAAC,GAAA,SASAjP,EAAAA,EAAAA,GAAA,KAAAyM,IAAiByC,GAAA,MAAIzH,KACnBxF,EAAAA,EAAAA,GAAA8J,GAAA7J,KAAKiN,IAAY/M,KAAKqF,GACJ,SAAdA,EAAKZ,OACP5E,EAAAA,EAAAA,GAAA8J,GAAA7J,KAAKkN,IAAYhN,KAAKqF,EACxB,KACAzH,EAAAA,EAAAA,GAAA,KAAA0M,GAAA2C,GAAA,QAKFrP,EAAAA,EAAAA,GAAA,KAAA2M,IAAkB2C,GAAA,MAAIxM,KACpBb,EAAAA,EAAAA,GAAA8J,GAAA7J,KAAKqN,IAAanN,KAAKU,EAAM,KAC7B9C,EAAAA,EAAAA,GAAA,KAAA4M,GAAArK,GAAA,QAKFvC,EAAAA,EAAAA,GAAA,KAAAR,IAAsBgD,GAAA,MAAIC,KACxBR,EAAAA,EAAAA,GAAA8J,GAAA7J,KAAKQ,IAAiBN,KAAKK,EAAO,KAGpCzC,EAAAA,EAAAA,GAAA,KAAA6M,GAAA2C,GAAA,QAMAxP,EAAAA,EAAAA,GAAA,KAAA8M,IAAc2C,GAAA,MAAIC,KAChBzN,EAAAA,EAAAA,GAAA8J,GAAA7J,KAAKyN,IAASvN,KAAKsN,EAAK,KACxB1P,EAAAA,EAAAA,GAAA,KAAA+M,GAAA6C,GAAA,QAKF5P,EAAAA,EAAAA,GAAA,KAAAgN,IAAqB6C,GAAA,MAAIpN,KACvBR,EAAAA,EAAAA,GAAA8J,GAAA7J,KAAK4N,IAAgB1N,KAAKK,EAAO,KACjCzC,EAAAA,EAAAA,GAAA,KAAAiN,GAAA8C,GAAA,QAKF/P,EAAAA,EAAAA,GAAA,KAAAkN,IAA0B8C,GAAA,MAAIvN,KAC5BR,EAAAA,EAAAA,GAAA8J,GAAA7J,KAAK+N,IAAqB7N,KAAKK,EAAO,KAGxCzC,EAAAA,EAAAA,GAAA,KAAAmN,GAAA+C,GAAA,QAMAlQ,EAAAA,EAAAA,GAAA,KAAAoN,IAA+B+C,GAAA,MAAI1N,KACjCR,EAAAA,EAAAA,GAAA8J,GAAA7J,KAAKkO,IAA0BhO,KAAKK,EAAO,KAG7CzC,EAAAA,EAAAA,GAAA,KAAAqN,GAAAgD,GAAA,QAMArQ,EAAAA,EAAAA,GAAA,KAAAsN,IAAkBgD,GAAA,MAAIrG,KACpBhI,EAAAA,EAAAA,GAAA8J,GAAA7J,KAAKqO,IAAanO,KAAK6H,EAAM,KAiJ/BjK,EAAAA,EAAAA,GAAA,KAAAuN,IAAaiD,EAAAA,EAAAA,aAA2B,UAnW/B1N,GAAK,OAAAC,EAAAA,EAAAA,GAAA5E,GAAA,eAAL2E,CAAKE,IAAAC,EAAAA,EAAAA,GAAA9E,GAAA,KAAA6E,EAAA,WAGLE,GAAM,OAAAH,EAAAA,EAAAA,GAAA1E,GAAA,gBAAN6E,CAAMF,IAAAC,EAAAA,EAAAA,GAAA5E,GAAA,KAAA2E,EAAA,kBAGNG,GAAa,OAAAJ,EAAAA,EAAAA,GAAAzE,GAAA,uBAAb6E,CAAaH,IAAAC,EAAAA,EAAAA,GAAA3E,GAAA,KAAA0E,EAAA,oBAMbI,GAAe,OAAAL,EAAAA,EAAAA,GAAAxE,GAAA,yBAAf6E,CAAeJ,IAAAC,EAAAA,EAAAA,GAAA1E,GAAA,KAAAyE,EAAA,sBAGfK,GAAiB,OAAAN,EAAAA,EAAAA,GAAAvE,GAAA,2BAAjB6E,CAAiBL,IAAAC,EAAAA,EAAAA,GAAAzE,GAAA,KAAAwE,EAAA,sBAQjBM,GAAiB,OAAAP,EAAAA,EAAAA,GAAAtE,GAAA,2BAAjB6E,CAAiBN,IAAAC,EAAAA,EAAAA,GAAAxE,GAAA,KAAAuE,EAAA,sBAWjBO,GAAiB,OAAAR,EAAAA,EAAAA,GAAArE,GAAA,2BAAjB6E,CAAiBP,IAAAC,EAAAA,EAAAA,GAAAvE,GAAA,KAAAsE,EAAA,qBAYjBQ,GAAgB,OAAAT,EAAAA,EAAAA,GAAApE,GAAA,0BAAhB6E,CAAgBR,IAAAC,EAAAA,EAAAA,GAAAtE,GAAA,KAAAqE,EAAA,iBAGhBV,GAAY,OAAAS,EAAAA,EAAAA,GAAAnE,GAAA,sBAAZ0D,CAAYU,IAAAC,EAAAA,EAAAA,GAAArE,GAAA,KAAAoE,EAAA,uBAMZS,GAAkB,OAAAV,EAAAA,EAAAA,GAAAlE,GAAA,4BAAlB4E,CAAkBT,IAAAC,EAAAA,EAAAA,GAAApE,GAAA,KAAAmE,EAAA,aAGlBU,GAAQ,OAAAX,EAAAA,EAAAA,GAAAjE,GAAA,kBAAR4E,CAAQV,IAAAC,EAAAA,EAAAA,GAAAnE,GAAA,KAAAkE,EAAA,eAGRW,GAAU,OAAAZ,EAAAA,EAAAA,GAAAhE,GAAA,oBAAV4E,CAAUX,IAAAC,EAAAA,EAAAA,GAAAlE,GAAA,KAAAiE,EAAA,aAGVY,GAAQ,OAAAb,EAAAA,EAAAA,GAAA/D,GAAA,kBAAR4E,CAAQZ,IAAAC,EAAAA,EAAAA,GAAAjE,GAAA,KAAAgE,EAAA,oBAGRyN,GAAe,OAAA1N,EAAAA,EAAAA,GAAA9D,GAAA,yBAAfwR,CAAezN,IAAAC,EAAAA,EAAAA,GAAAhE,GAAA,KAAA+D,EAAA,iBAWf0N,GAAY,OAAA3N,EAAAA,EAAAA,GAAA7D,GAAA,sBAAZwR,CAAY1N,IAAAC,EAAAA,EAAAA,GAAA/D,GAAA,KAAA8D,EAAA,qBAUZ2N,GAAgB,OAAA5N,EAAAA,EAAAA,GAAAxD,GAAA,0BAAhBoR,CAAgB3N,IAAAC,EAAAA,EAAAA,GAAA1D,GAAA,KAAAyD,EAAA,eAGhBa,GAAU,OAAAd,EAAAA,EAAAA,GAAAtD,GAAA,oBAAVoE,CAAUb,IAAAC,EAAAA,EAAAA,GAAAxD,GAAA,KAAAuD,EAAA,kBAGV4N,GAAa,OAAA7N,EAAAA,EAAAA,GAAA8I,GAAA,uBAAb+E,CAAa5N,IAAAC,EAAAA,EAAAA,GAAA4I,GAAA,KAAA7I,EAAA,CAuHtB,cACM6N,CAAQvM,GAM6B,IAAAwM,EAAAC,EAAA,IAN5B,GACb5J,EAAE,SACF6J,EAAQ,KACR5J,EAAI,KACJ6J,EAAI,SACJC,GACa5M,EAKb,GAFoB,QADDwM,GAAGC,EAAAI,UACnBC,yBAAiB,IAAAN,GAA4B,QAA5BA,EADEA,EAAAO,KAAAN,EACCC,EAAS,GAAIA,EAAS,WAAG,IAAAF,OAAA,EAD1BA,EAElBQ,SAASpP,MACM,KAAAqP,EACjB,MAAMC,EAAqBtP,KAAKuP,wBAC1BjM,GAAYzC,EAAAA,EAAAA,GAAKwK,GAALrL,MAAgBkE,QAASsL,eACrCC,EAAU,CACd9K,KAAM,OACNM,KACAyK,KAAM,IACgB,UAAhB1P,KAAKgB,QAAsC,UAAhBhB,KAAKgB,OAChC,KACA,CACEmG,GACG2H,EAAS,GAAKQ,EAAmBK,KAAOrM,EAAU6D,GACnD7D,EAAU+D,EACZD,GACG0H,EAAS,GAAKQ,EAAmBM,IAAMtM,EAAU8D,GAClD9D,EAAU+D,GAElBd,OAAOrB,aAAI,EAAJA,EAAO,KAAMlF,KAAKkB,gBAAgB,GACzCsF,QAAQtB,aAAI,EAAJA,EAAO,KAAMlF,KAAKkB,gBAAgB,IAE5C6N,OACAC,YAGF,OADuB,QAAvBK,GAAAxO,EAAAA,EAAAA,GAAKwK,GAALrL,MAAgBkE,eAAO,IAAAmL,GAAvBA,EAAyBV,SAASc,GAC3BA,CACT,CACA,OAAO,IACT,CAEA,mBACMI,CAAaC,GAKkC,IAAAC,EAAAC,EAAA,IALjC,SAClBlB,EAAQ,UACRmB,EAAS,KACTC,EAAI,UACJC,GACkBL,EAKlB,GAFoB,QADDC,GAAGC,EAAAf,UACnBC,yBAAiB,IAAAa,GAA4B,QAA5BA,EADEA,EAAAZ,KAAAa,EACClB,EAAS,GAAIA,EAAS,WAAG,IAAAiB,OAAA,EAD1BA,EAElBX,SAASpP,MACM,KAAAoQ,EACjB,MAAMd,EAAqBtP,KAAKuP,wBAC1BjM,GAAYzC,EAAAA,EAAAA,GAAKwK,GAALrL,MAAgBkE,QAASsL,eACrCa,EAA8B,CAClC1L,KAAM,YACNsL,YACAhL,GAAIqL,KACJZ,KAAM,CACJvI,GACG2H,EAAS,GAAKQ,EAAmBK,KAAOrM,EAAU6D,GAAK7D,EAAU+D,EACpED,GAAI0H,EAAS,GAAKQ,EAAmBM,IAAMtM,EAAU8D,GAAK9D,EAAU+D,EACpEd,MAAOgK,EAAAA,GACP/J,OAAQgK,EAAAA,GACRN,OACAC,cAIJ,OADuB,QAAvBC,GAAAvP,EAAAA,EAAAA,GAAKwK,GAALrL,MAAgBkE,eAAO,IAAAkM,GAAvBA,EAAyBP,cAAcQ,GAChCA,CACT,CACA,OAAO,IACT,CAEA,cACMI,CAASC,GACb,GAAqB,IAAjBA,EAAMzN,OACR,MAAO,GAET,MAAM0N,EAAWD,EAAM7J,KAAc+J,IAAA,IAAC,KAAE1L,EAAI,SAAE8J,EAAQ,GAAE/J,EAAE,KAAE8J,GAAM6B,EAAA,MAAM,CACtEjM,KAAM,OACNM,KACA8J,OACAW,KAAM,CACJnJ,OAAOrB,aAAI,EAAJA,EAAO,KAAMlF,KAAKkB,gBAAgB,GACzCsF,QAAQtB,aAAI,EAAJA,EAAO,KAAMlF,KAAKkB,gBAAgB,IAE5C8N,WACD,IACD,OAAOnO,EAAAA,EAAAA,GAAKwK,GAALrL,MAAgBkE,QAASuM,SAASE,EAAU,CACjDzP,gBAAiBlB,KAAKkB,gBACtBmD,YAAarE,KAAKuE,YAClBC,aAAcxE,KAAKyE,cAEvB,CAEA,aACMoM,CAAOC,GAA2D,IAAAC,EAAA,IAA1D,OAAEvJ,EAAM,OAAE1H,EAAM,KAAEiP,GAAmB+B,EACjD,MAAME,EAAoB,CACxBrM,KAAM,OACN6C,SACA1H,SACAiP,QAGF,OADuB,QAAvBgC,GAAAlQ,EAAAA,EAAAA,GAAKwK,GAALrL,MAAgBkE,eAAO,IAAA6M,GAAvBA,EAAyBF,QAAQG,GAC1BA,CACT,CAGAC,oBAAAA,CAAqBzJ,GACnB,OAAO3G,EAAAA,EAAAA,GAAKwK,GAALrL,MAAgBkE,QAAS+M,qBAAqBzJ,EACvD,CAEA,iBACMpD,CACJxD,EACAsQ,SAEMC,EAAAA,EAAAA,GAAAtH,GAAA7J,KAAKoR,IAAiBjC,KAAtBnP,MACN,MAAM,QAAEqR,IAAYxQ,EAAAA,EAAAA,GAAKwK,GAALrL,MAAgBkE,QAASE,YAAYxD,EAAO,IAC3DsQ,EACHhQ,gBAAiBlB,KAAKkB,gBACtBmD,YAAarE,KAAKuE,YAClBC,aAAcxE,KAAKyE,eAErB,MAAO,CAAE4M,UACX,CAiBAC,oBAAAA,GACEC,MAAMD,uBACNjI,GAAerJ,MAAM,EACvB,CAEA4B,MAAAA,GACE,OACEC,IAAAA,cAAC2H,GAAqB,CACpBlF,KAAMtE,KACNyG,KAAK5F,EAAAA,EAAAA,GAAKwK,GAALrL,MACLgB,OAAQhB,KAAKgB,OACbC,cAAejB,KAAKiB,cACpBL,MAAOZ,KAAKY,MACZM,gBAAiBlB,KAAKkB,gBACtBC,kBAAmBnB,KAAKmB,kBACxBG,iBAAkBtB,KAAKsB,iBACvBF,kBAAmBpB,KAAKoB,kBACxBC,kBAAmBrB,KAAKqB,kBACxBjB,aAAcJ,KAAKI,aACnBmB,mBAAoBvB,KAAKuB,mBACzBC,SAAUxB,KAAKwB,SACfC,WAAYzB,KAAKyB,WACjBC,SAAU1B,KAAK0B,SACf8M,aAAcxO,KAAKwO,aACnBC,iBAAkBzO,KAAKyO,iBACvB9M,WAAY3B,KAAK2B,WACjB+M,cAAe1O,KAAK0O,cACpBH,gBAAiBvO,KAAKuO,gBACtBvM,sBAAsBnB,EAAAA,EAAAA,GAAK1D,GAAL6C,MACtBiC,sBAAsBpB,EAAAA,EAAAA,GAAKzD,GAAL4C,MACtBwR,YAAY3Q,EAAAA,EAAAA,GAAKmJ,GAALhK,MACZyR,aAAa5Q,EAAAA,EAAAA,GAAKqJ,GAALlK,MACb0R,cAAc7Q,EAAAA,EAAAA,GAAKuJ,GAALpK,MACd2R,cAAc9Q,EAAAA,EAAAA,GAAK0J,GAALvK,MACd4R,eAAe/Q,EAAAA,EAAAA,GAAK4J,GAALzK,MACf6R,WAAWhR,EAAAA,EAAAA,GAAK+J,GAAL5K,MACXkC,mBAAmBrB,EAAAA,EAAAA,GAAKvD,GAAL0C,MACnB8R,uBAAuBjR,EAAAA,EAAAA,GAAKmK,GAALhL,MACvB+R,4BAA4BlR,EAAAA,EAAAA,GAAKqK,GAALlL,MAC5BgS,eAAenR,EAAAA,EAAAA,GAAKuK,GAALpL,MACfiS,kBAAkBpR,EAAAA,EAAAA,GAAKiK,GAAL9K,OAGxB,EACD,SAAAoR,KA1DG,OAAO,IAAIc,SAAeC,IACxB,MAAMC,EAAQA,MACRvR,EAAAA,EAAAA,GAAKwK,GAALrL,MAAgBkE,QAClBiO,IAEAE,WAAWD,EAAO,GACpB,EAEFA,GAAO,GAEX,CAuFF,SAAS3I,GAA2B6I,EAmClC7L,GACA,IAnCA,KACEnC,EAAI,OACJtD,EAAM,cACNC,EACAL,MAAOyB,EAAY,gBACnBnB,EAAe,kBACfC,EAAiB,iBACjBG,EAAgB,kBAChBF,EAAiB,kBACjBC,EACAjB,aAAckC,EAAa,mBAC3Bf,EAAkB,SAClBC,EAAQ,WACRC,EAAU,SACVC,EAAQ,aACR8M,EAAY,iBACZC,EACA9M,WAAYY,EAAW,cACvBmM,EAAa,gBACbH,EAAe,qBACfvM,EAAoB,qBACpBC,EAAoB,WACpBuP,EAAU,aACVE,GAAY,aACZC,GAAY,YACZF,GAAW,cACXG,GAAa,kBACb1P,GAAiB,UACjB2P,GAAS,sBACTC,GAAqB,cACrBE,GAAa,2BACbD,GAA0B,iBAC1BE,IAC2BK,EAG7B,OAAO,MAAE1R,GAAK,UAAE4B,IAAaC,KAAYC,EAAAA,EAAAA,YACvCC,EAAAA,EACAN,GACCA,IAAY,CACXzB,OAAOgC,EAAAA,EAAAA,GAAgBP,EAAc,CAAEnB,oBACvCsB,UAAW,MAMTK,IAAWC,EAAAA,EAAAA,UACf,IACElC,GAAMmC,OAAOC,EAAAA,GAAYC,SACxB7B,GAAqB8B,EAAAA,KACxB,CAACtC,GAAOQ,IAGJ+B,IAAUC,EAAAA,EAAAA,QAAsB,MAChCmP,IAA2BnP,EAAAA,EAAAA,QAC/B,OAEKoP,GAAcC,KAAmBpN,EAAAA,EAAAA,UAAmB,KACpDqN,GAAkBC,KAAuBtN,EAAAA,EAAAA,UAAmB,KAC7D,SAAEhC,GAAQ,UAAEC,GAAS,OAAEC,GAAM,WAAE5B,KAAe6B,EAAAA,EAAAA,GAAQ,CAC1DL,WACA3B,WACAC,aACAC,WACA+B,UAA4B,SAAjB+K,EACXoE,cAAoC,SAArBnE,EACf9M,WAAYY,EACZN,0BAGFgC,EAAAA,EAAAA,YAAU,KACR+N,GAAc1O,GAAU+D,EAAE,GACzB,CAAC2K,GAAe1O,GAAU+D,IAE7B,MAAOwL,GAAWC,KAAgBzN,EAAAA,EAAAA,UAA0B,OAErD0N,GAAkBC,KACvB3N,EAAAA,EAAAA,UAAkC,OAE9B,SAAE3B,GAAQ,YAAEC,GAAW,iBAAEC,KAAqBC,EAAAA,EAAAA,GAAU,CAC5D7C,SACAC,gBACAkC,WACAvC,SACAY,WACA+B,UACA5B,cACAa,aACA+L,kBACA9L,eAGFwQ,EAAAA,EAAAA,qBACExM,GACA,KAAM,CACJkI,QAAAA,CAASuE,GAEQ,UAAXlS,GAAiC,UAAXA,GACxB2C,IAAY,GAEdlB,GAAS,CAAEkC,KAAM,YAAaC,QAASsO,GACzC,EACArD,aAAAA,CAAcI,GAEG,UAAXjP,GAAiC,UAAXA,GACxB2C,IAAY,GAEdlB,GAAS,CAAEkC,KAAM,iBAAkBC,QAASqL,GAC9C,EACAQ,QAAAA,CACEC,EAAKyC,GAEL,IADA,gBAAEjS,EAAe,YAAEmD,EAAW,aAAEG,GAA+B2O,EAE/D,MAAMpM,EACJnG,GAAMwS,eACH7N,KAAyB,cAAdA,EAAKZ,MAA2C,SAAnBY,EAAK0K,aAC5C,EACAoD,EAAW,IACZzS,GAAM0S,MAAM,EAAGvM,MACf2J,KACA9P,GAAM0S,MAAMvM,KAGfnG,MAAO2S,EAAQ,QACflC,EAAO,eACPmC,IACEpP,EAAAA,EAAAA,GAAY,CACdxD,MAAOyS,EACPrS,SACA0D,cAAe9D,GACfM,kBACAmD,cACAG,eACA7C,cACA2B,aACAiL,oBAMF,OAJIiF,GACF7P,IAAY,GAEdlB,GAAS,CAAEkC,KAAM,eAAgBC,QAAS2O,IACnClC,EAAQtO,QAAQmQ,GACrBxC,EAAMtB,SAAS8D,IAEnB,EACArC,OAAAA,CAAQrD,GACN/K,GAAS,CAAEkC,KAAM,WAAYC,QAAS4I,GACxC,EACApJ,WAAAA,CAAYiP,EAAUnC,GACpB,MAAM,eAAEsC,KAAmBrP,IAAWC,EAAAA,EAAAA,GAAY,IAC7C8M,EACHlQ,SACA0D,cAAe9D,GACfA,MAAOyS,EACP1R,cACA2B,aACAiL,oBAMF,OAJIiF,GACF7P,IAAY,GAEdlB,GAAS,CAAEkC,KAAM,eAAgBC,QAAST,EAAOvD,QAC1CuD,CACT,EACAqL,aAAYA,IACHlM,GAET2N,oBAAAA,CAAqBwC,GACnB,MAAMjM,EAAS5G,GAAM8S,MAClBnO,IAASoO,EAAAA,EAAAA,IAAWpO,EAAMgJ,IAAoBhJ,EAAKN,KAAOwO,IAE7D,GAAIjM,EAAQ,CACV,MAAMoM,EAAOzQ,GAAQe,QAASqL,wBAY9B,OAXAyD,GAAoB,CAClBxL,SACAqM,KAAM,CACJrM,EAAOkI,KAAKvI,EAAIK,EAAOkI,KAAKnJ,MAAQ,EACpCiB,EAAOkI,KAAKtI,EAAII,EAAOkI,KAAKlJ,OAAS,GAEvCsN,OAAQ,CAACF,EAAKjE,KAAMiE,EAAKhE,OAEX,IAAIsC,SAA4B,CAACC,EAAS4B,KACxDxB,GAAyBrO,QAAU,CAAEiO,UAAS4B,SAAQ,GAG1D,CACA,OAAO7B,QAAQ6B,OAAO,KACxB,KAEF,CAACnT,GAAOI,EAAQW,GAAYgC,GAAaL,GAAWiL,IAGtD,MAAMyF,IAAgBjQ,EAAAA,EAAAA,cACpB,CAACkQ,EAAyBC,KAAsB,IAAAC,EAG9C,IAAK,IAAIC,EAAIxT,GAAMqC,OAAS,EAAGmR,GAAK,EAAGA,IAAK,CAC1C,MAAM7O,EAAO3E,GAAMwT,GAEnB,IAAIT,EAAAA,EAAAA,IAAWpO,EAAMgJ,IAAoBhJ,EAAKN,KAAOgP,EAAMzM,OAAOvC,IAE9DM,EAAKmK,KAAKvI,EAAI+M,EAAG,IACjB3O,EAAKmK,KAAKvI,EAAI5B,EAAKmK,KAAKnJ,MAAQ2N,EAAG,IACnC3O,EAAKmK,KAAKtI,EAAI8M,EAAG,IACjB3O,EAAKmK,KAAKtI,EAAI7B,EAAKmK,KAAKlJ,OAAS0N,EAAG,GACpC,KAAAG,EACgC,QAAhCA,EAAA9B,GAAyBrO,eAAO,IAAAmQ,GAAhCA,EAAkClC,QAAQ,CACxC3K,OAAQyM,EAAMzM,OACd1H,OAAQyF,IAEV,KACF,CAEJ,CACgC,QAAhC4O,EAAA5B,GAAyBrO,eAAO,IAAAiQ,GAAhCA,EAAkCJ,OAAO,MACzCf,GAAoB,KAAK,GAE3B,CAACzE,EAAiB3N,MAEb0T,GAAuBC,KAC5BlP,EAAAA,EAAAA,UAAuC,OAEzCpB,EAAAA,EAAAA,YAAU,KACRoF,GACE/E,KACGyO,IAAsBuB,IAAyBzB,IACnD,GACA,CAACE,GAAkBzO,EAAMgQ,GAAuBzB,KAEnD,MAAMzS,IAAeyE,EAAAA,EAAAA,GAAgB,CACnC1B,WACA/C,aAAckC,EACdN,0BAGK0D,GAAgBC,KAAqBN,EAAAA,EAAAA,UAAiB,KAC7DpB,EAAAA,EAAAA,YAAU,KACR,MAAM2B,EAAgBrE,GAClBsE,EAAAA,EAAAA,GACEjF,GACAmS,GACA3S,GACAmO,GAEF,GAEJ5I,IAAmBF,GACD,IAAhBA,EAAKxC,QAAyC,IAAzB2C,EAAc3C,OAAewC,EAAOG,GAC1D,GACA,CACDxF,GACAQ,GACAmS,GACAxR,EACAgN,KAGFtK,EAAAA,EAAAA,YAAU,KACR,MAAMuQ,EAAOrR,GAAQe,QACrB,IAAKsQ,GAAQhC,GAAavP,OAAS,EACjC,OAEF,MAAMwR,EAAa3Y,IACjB,MAAM4Y,GAASC,EAAAA,EAAAA,GAAe7Y,EAAO,CACnC8E,SACAR,kBAIK,kBADCsU,aAAM,EAANA,EAAQA,UAEZ9C,GAAc8C,EAAO9T,OACO,IAAxB8T,EAAO9T,MAAMqC,QACf0O,GAAa+C,EAAO9T,MAAM,IAGhC,EAGF,OADA4T,EAAKI,iBAAiB,UAAWH,GAC1B,KACLD,EAAKK,oBAAoB,UAAWJ,EAAU,CAC/C,GACA,CAACrU,GAAcQ,GAAO4R,GAAavP,OAAQ0O,GAAcC,KAE5D,MACM9M,GAAe,IADHhC,EAAAA,EAAAA,UAAQ,IAAM,IAAGiC,EAAAA,EAAAA,UAAS,gBAAgB,kBAGrD+P,GAAYC,KAAiB1P,EAAAA,EAAAA,UAAsB,IAGpD2P,IAAoBjR,EAAAA,EAAAA,cACvBqI,IACC3J,GAAS,CAAEkC,KAAM,aAAcC,QAASwH,IACxC,MAAM6I,EAAyB,IAC/BC,EAAAA,EAAAA,GAA0B9I,EAAMxL,IAAOuU,SAAS5M,IAAM,IAAA6M,EAAAC,EACjC,QAAnBD,EAAI7M,EAAE+M,qBAAa,IAAAF,GAAfA,EAAiBnQ,IAAIgQ,EAAaM,KAAoB,QAAhBF,EAAC9M,EAAE+M,qBAAa,IAAAD,OAAA,EAAfA,EAAiBpQ,GAAG,IAEjE0N,GAAoBsC,GACpBF,GAAc3I,EAAKoJ,SAASjN,GAAMA,EAAEuM,YAAc,KAAI,GAExD,CAAClU,KAIG6U,IAAmB1R,EAAAA,EAAAA,cACtBqI,IACC3J,GAAS,CAAEkC,KAAM,aAAcC,QAASwH,IACxCqF,GAAYrF,GACQ,IAAhBA,EAAKnJ,QACPuO,EAAWpF,EAAK,KAElB8I,EAAAA,EAAAA,GAA0B9I,EAAMxL,GAAOmR,IACvCY,GAAoB,IACpBoC,GAAc,GAAG,GAEnB,CAACvD,EAAYC,GAAa7Q,GAAOmR,KAG7B2D,IAAqB3R,EAAAA,EAAAA,cAAaqI,IACtC3J,GAAS,CAAEkC,KAAM,cAAeC,QAASwH,GAAO,GAC/C,IAEGuJ,IAAoB5R,EAAAA,EAAAA,cACvBqI,IACC3J,GAAS,CAAEkC,KAAM,cAAeC,QAASwH,IACzCsF,GAAatF,EAAK,GAEpB,CAACsF,KAGGkE,IAA6B7R,EAAAA,EAAAA,cACjC8R,IAAuD,IAAtD,GAAE5Q,EAAE,QAAE6Q,GAA2CD,EAE9CpD,GADEqD,EACeC,GACfA,EAAM3G,SAASnK,GAAM8Q,EAAQ,IAAIA,EAAO9Q,GAGzB8Q,GAAUA,EAAMhT,QAAQmN,GAASA,IAASjL,IAC7D,GAEF,IAGID,IAAwBjB,EAAAA,EAAAA,cAC5B,CAACkB,EAAYC,KACX,MAAM8Q,EAAgBpS,KACtBnB,GAAS,CACPkC,KAAM,mBACNC,QAAS,CAAEK,KAAIC,QACf1C,UAAWwT,GACX,GAEJ,CAACpS,KAGGkC,IAAkB/B,EAAAA,EAAAA,cACrBgC,IAGGxC,GAAOyC,SAAQC,EAAAA,EAAAA,GAAO9C,GAAQe,SAAW6B,EAAQ,IACnD,GAEF,CAACxC,KAGGO,IAAWC,EAAAA,EAAAA,cAAY,KAC3BJ,IAAY,EAAM,GACjB,CAACA,MACE,YAAEuC,GAAW,kBAAE+P,GAAiB,QAAE9P,KAAYC,EAAAA,EAAAA,GAAe,CACjExF,SACAU,mBACAoN,gBACA5J,kBAGIuB,IAAQC,EAAAA,EAAAA,GAAS,CAAE1F,SAAOI,SAAQ0C,eAEjCwS,GAAYC,KAAiB9Q,EAAAA,EAAAA,UAA4B,MAC1D+Q,IAA4BhT,EAAAA,EAAAA,QAAsB,OAEjDiT,GAAoBC,KACzBjR,EAAAA,EAAAA,UAAkC,OAC7BkR,GAAiBC,KACtBnR,EAAAA,EAAAA,UAAiC,MAG7BC,IAAuBvB,EAAAA,EAAAA,cAC1BwB,IACC,GACE0Q,KACAtC,EAAAA,EAAAA,IAAWpO,EAAMgJ,MACfgI,IAA4C,YAAzBA,GAAgB5R,MACrC,CAC0C,OAAtCyR,GAA0BlS,UAC5BuS,aAAaL,GAA0BlS,SACvCkS,GAA0BlS,QAAU,MAEtC,MAAMwS,GAAiBC,EAAAA,EAAAA,KACvBR,GAAc,CACZ5Q,OACAmR,iBACAE,OAAQC,GAAiBH,EAAgBnR,EAAKmK,OAElD,IAEF,CAACnB,EAAiB0H,GAAmBM,KAGjC/Q,IAAuBzB,EAAAA,EAAAA,cAC1BwB,IACK0Q,KAAqBjT,EAAAA,EAAAA,GAAWuC,KAClC6Q,GAA0BlS,QAAUmO,YAAW,KAC7C8D,GAAc,KAAK,IAEvB,GAEF,CAACF,KAIGa,IAAqB/S,EAAAA,EAAAA,cACzB,CACEyD,EACA1H,EACAiX,EACAC,KAEA,MAAMpS,EAAiC,CACrC4C,OAAQA,EAAOvC,GACfnF,OAAQA,EAAOmF,GACfyK,KAAM,CACJqH,eACAC,gBACAC,SAAU,OASd,GANoBrW,GAAM8S,MACvBnO,GACe,SAAdA,EAAKZ,MACLY,EAAKiC,SAAWA,EAAOvC,IACvBM,EAAKzF,SAAWA,EAAOmF,KAGzBxC,GAAS,CACPkC,KAAM,mBACNC,YAEFqN,UAAAA,GAAmBrN,OACd,CACL,MAAMoM,EAAoB,CACxBrM,KAAM,UACHC,GAELnC,GAAS,CACPkC,KAAM,WACNC,QAASoM,IAEXa,GAAU,CACRrK,SACA1H,SACA4P,KAAMsB,EAAQtB,MAElB,IAEF,CAAC9O,GAAOiR,GAAWI,KAIfiF,IAAuBnT,EAAAA,EAAAA,cAC3B,CACEyD,EACA1H,EACA4P,KAEA,MAAM9K,EAAiC,CACrC4C,OAAQA,EAAOvC,GACfnF,OAAQA,EAAOmF,GACfyK,QAEFjN,GAAS,CACPkC,KAAM,mBACNC,YAEFqN,UAAAA,GAAmBrN,EAAQ,GAE7B,CAACqN,KAIGkF,IAAyBrU,EAAAA,EAAAA,UAC7B,KAAM,CACJK,WACAmR,yBACA8B,6BACAF,cACAG,sBACAE,mBACAC,sBACAF,yBACAH,iBACA5B,4BACA6C,UAAWN,GACXO,iBAAkBH,MAEpB,CACEb,GACAa,GACAJ,GACAZ,GACAK,GACAjC,KAsDJ,OAlDArQ,EAAAA,EAAAA,YAAU,KACR,MAAMuQ,EAAOrR,GAAQe,QACrB,IAAKsQ,GAAyB,UAAjBhG,EACX,OAEF,MAAM8I,EAAW9C,EAAKjF,wBAChBgI,EAAezb,KACnB0b,EAAAA,EAAAA,GAAY1b,EAAO,CACjBwH,aACAwQ,OAAQ,CAACwD,EAAS3H,KAAM2H,EAAS1H,KACjC6H,UAAAA,CAAW7D,GACTd,GAAac,EACf,EACA8D,SAAAA,CAAU9D,GACRd,GAAa,MACb,MAAM6E,EAA6C,GACnD,IAAK,MAAMpS,KAAQ3E,GACjB,IACEgX,EAAAA,EAAAA,IAAyBrS,KACzBsS,EAAAA,EAAAA,IAA0BtS,KAC1BuS,EAAAA,EAAAA,IAAoBvS,GACpB,CACA,MAAM4B,EAAI5B,EAAKmK,KAAKvI,EACdC,EAAI7B,EAAKmK,KAAKtI,EAElBD,GAAKyM,EAAKzM,GACVA,EAAI5B,EAAKmK,KAAKnJ,OAASqN,EAAKzM,EAAIyM,EAAKrN,OACrCa,GAAKwM,EAAKxM,GACVA,EAAI7B,EAAKmK,KAAKlJ,QAAUoN,EAAKxM,EAAIwM,EAAKpN,QAEtCmR,EAAapC,KAAKhQ,EAEtB,CAEFtD,SAAAA,EACE0V,EAAa1U,OAAS,EAClB,CAAE0B,KAAM,QAASoT,QAASJ,EAAa9Q,IAAImR,EAAAA,IACnB,IAAxBL,EAAa1U,QACX+U,EAAAA,EAAAA,GAAaL,EAAa,IAC1B,KAEV,GACA,EAGJ,OADAnD,EAAKI,iBAAiB,YAAa2C,GAC5B,KACL/C,EAAKK,oBAAoB,YAAa0C,EAAY,CACnD,GACA,CAACjU,GAAW1C,GAAO4N,EAAcvM,IAGlCJ,IAAAA,cAACoW,EAAAA,EAAkBC,SAAQ,CAACnS,MAAOoR,IACjCtV,IAAAA,cAAA,OACE0E,MAAM,OACNC,OAAO,OACPC,IAAKtD,GACLuD,UAAWC,IAAW,OAAQ,CAAEtD,YAAU3B,WAAU2E,WACpDO,UAAW,GAEX/E,IAAAA,cAAA,YACGsE,GAAQU,KAAI,CAACC,EAAQC,IACpBlF,IAAAA,cAACmF,EAAAA,EAAe,CACdC,IAAKF,EACL9B,GAAI,GAAGH,KAAeiC,IACtBpC,KAAK,QACLuC,YAAaJ,EAAOI,iBAI1BrF,IAAAA,cAAA,KACEyB,UAAW,aAAaA,GAAU6D,KAAK7D,GAAU8D,YAAY9D,GAAU+D,MAEvExF,IAAAA,cAAA,KAAG6E,UAAWC,IAAW,QAAS,CAAE4H,qBACjC3N,GAAMiG,KAAKtB,GACV1D,IAAAA,cAACyF,EAAAA,EAAa,CACZL,IAAK,GAAG1B,EAAKZ,SAAQ4C,EAAAA,EAAAA,IAAWhC,GAAQ,GAAGA,EAAKiC,UAAUjC,EAAKzF,SAAWyF,EAAKN,KAC/EkT,4BACE5Q,EAAAA,EAAAA,IAAWhC,IAAgBmN,GAAiBtD,SAAS7J,EAAKN,IAE5DjE,OAAQA,EACRC,cAAeA,EACfsE,KAAMA,EACN3E,MAAOA,GACPiC,SAAUA,GACVxB,kBAAmBA,EACnBF,kBAAmBA,EACnBmC,UAAWA,GACX4C,YAAaA,GACb9F,aAAcA,GACdsF,eAAgBA,GAChB6I,gBAAiBA,EACjB6J,cAAepD,GACfqD,aAAc5C,GACd6C,eAAgB5C,GAChB6C,cAAe5C,GACf1T,qBAAsBA,EACtBC,kBAAmBA,GACnB4P,sBAAuBA,GACvB0G,uBAAwB5C,GACxBlO,kBAAmB1C,GACnB2C,iBAAkBrC,GAClBuC,iBAAkBrC,QAIxB3D,IAAAA,cAAA,SACEA,IAAAA,cAAC4W,EAAAA,EAAoB,CACnB1F,iBAAkBA,GAClBzP,UAAWA,GACXoV,UAAW,GAAG5T,MACdsS,UAAWpD,MAGdnB,IACChR,IAAAA,cAAA,QACEsF,EAAG0L,GAAU1L,EACbC,EAAGyL,GAAUzL,EACbb,MAAOsM,GAAUtM,MACjBC,OAAQqM,GAAUrM,OAClBmS,KAAK,wBACLC,YAAa,GACbC,OAAO,wBACPC,gBAAiB,IAGpB7C,IACCpU,IAAAA,cAAA,SACEA,IAAAA,cAACkX,EAAAA,EAAyB,CACxBzV,UAAWA,GACX0V,QAAS/C,KAEXpU,IAAAA,cAACoX,EAAAA,EAAoB,CACnB3V,UAAWA,GACX0V,QAAS/C,MAIfpU,IAAAA,cAAA,SACGiT,GAAWjO,KAAI,CAACqS,EAAMnS,IACrBlF,IAAAA,cAAA,QACEoF,IAAKF,EACLoS,EAAG,IAAID,EAAK,GAAGE,KAAK,SAASF,EAAK,GAAGE,KAAK,OAC1CP,OAAO,0BACPF,KAAK,OACLU,YAAa,EAAI/V,GAAU+D,OAIjCxF,IAAAA,cAAA,SACGoU,IAAqBpU,IAAAA,cAACyX,EAAAA,EAAmB,CAACvR,MAAOzE,GAAU+D,KAE7D4O,IACCpU,IAAAA,cAAC0X,EAAAA,EAAsB,CACrBnZ,aAAcA,GACd2H,MAAOzE,GAAU+D,EACjBmS,WAAYzG,OAKpBlR,IAAAA,cAACiG,EAAAA,EAAgB,CACf/F,WAAYuC,EAAKvC,WACjBgG,MAAOzE,GAAU+D,EACjB1F,WAAYA,GACZqG,aAAclC,GACdmC,WAAYnE,KAIpB,CAEO,SAASwM,KACd,MAAO,uCAAuCmJ,QAAQ,SAAS,SAAUlR,GACvE,MAAMmR,EAAqB,GAAhBC,KAAKC,SAAiB,EAEjC,OADW,KAALrR,EAAWmR,EAAS,EAAJA,EAAW,GACxBG,SAAS,GACpB,GACF,CAEA,SAAShD,GACPH,EACAhH,GAEA,IADAoK,EAAMlc,UAAAqF,OAAA,QAAA2E,IAAAhK,UAAA,GAAAA,UAAA,GAAG,EAET,MAAMmc,EAAUC,EAAAA,GACVC,EAAcF,EAAU,EAExBG,EACDxK,EAAKvI,EAAI2S,EAAS,EAAIG,EADrBC,EAEDxK,EAAKtI,EAAI0S,EAAS,EAAIG,EAFrBC,EAGGxK,EAAKnJ,MAAQuT,EAASC,EAHzBG,EAIIxK,EAAKlJ,OAASsT,EAASC,EAGjC,OAAOrD,EAAe7P,KAAKsT,IAAC,CAC1BhT,EAAG+S,EAA6BC,EAAEhT,EAAI+S,EACtC9S,EAAG8S,EAA6BC,EAAE/S,EAAI8S,KAE1C,CAhvBCE,EAAA9O,KAhDEnD,GAAApK,EAAAC,EAAAC,EAAAC,GAAAC,GAAAC,GAAAC,GAAAE,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAA+L,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAnM,GAAAC,GAAAmM,GAAAC,GAAAnM,GAAAK,GAAAmI,GAAAvI,GAAAmM,GAAAM,GAAA+N,GAAApO,GAAAC,GAAAG,GAAAiO,GAAAnO,GAAAI,GAAAE,GAAA8N,GAAA/N,GAAAE,GAAAE,GAAA4N,GAAA7N,GAAAE,GAAAK,GAAAuN,GAAA3N,GAAAC,GAAAE,GAAAyN,GAAA1N,GAAAG,GAAAE,GAAAsN,GAAAvN,GAAA/M,GAAAG,GAAA6H,GAAA/H,GAAAgN,GAAAG,GAAAmN,GAAArN,GAAAG,GAAAE,GAAAiN,GAAAlN,GAAAE,GAAAE,GAAA+M,GAAAhN,GAAAE,GAAAE,GAAA6M,GAAA9M,GAAAE,GAAAE,GAAA2M,GAAA5M,GAAA7C,GAAAhD,GAAAmB,GAAAlB,KAAAC,EAAAA,EAAAA,GAAA2R,EAAA,CAzWFxe,GAAc,iBAAkB,CAC/B8M,WAAY,CAACC,EAAAA,EAAWC,EAAAA,MACxB,EAKC/M,GAAS,CAAEgN,WAAW,IAAQ,YAG9BhN,GAAS,CAAE8I,KAAMmE,SAAS,aAG1BjN,GAAS,CAAEgN,WAAW,IAAQ,oBAM9BhN,GAAS,CAAEgN,WAAW,IAAQ,sBAG9BhN,GAAS,CAAEgN,WAAW,IAAQ,wBAQ9BhN,GAAS,CAAE8I,KAAMoE,SAAS,wBAW1BlN,GAAS,CAAEgN,WAAW,IAAQ,wBAY9BhN,GAAS,CAAEgN,WAAW,IAAQ,uBAG9BhN,GAAS,CAAEgN,WAAW,IAAQ,mBAM9BhN,GAAS,CAAE8I,KAAMqE,UAAU,yBAG3BnN,GAAS,CAAE8I,KAAMqE,UAAU,eAG3BnN,GAAS,CAAE8I,KAAMqE,UAAU,iBAG3BnN,GAAS,CAAE8I,KAAMqE,UAAU,eAG3BnN,GAAS,CAAE8I,KAAMqE,UAAU,sBAW3BnN,KAAU,mBAUVA,KAAU,uBAGVA,GAAS,CAAEgN,WAAW,IAAQ,iBAG9BhN,GAAS,CAAEgN,WAAW,IAAQ,oBAG9B/M,GAAM,CAAE6I,KAAM,wBAAwB,4BAAAsE,IAAApI,EAAAA,EAAAA,GAAA+I,GAAAX,GAAA,CAAAA,EAAAnI,KAAAC,EAAAA,EAAAA,GAAA6I,GAAAX,EAAAnI,IAAA,CAgBtChF,GAAM,CAAE6I,KAAM,cAAc,kBAAAsE,IAAApI,EAAAA,EAAAA,GAAAiJ,GAAAb,GAAA,CAAAA,EAAAnI,KAAAC,EAAAA,EAAAA,GAAA+I,GAAAb,EAAAnI,IAAA,CAG5BhF,GAAM,CAAE6I,KAAM,cAAc,kBAAAsE,IAAApI,EAAAA,EAAAA,GAAAkJ,GAAAd,GAAA,CAAAA,EAAAnI,KAAAC,EAAAA,EAAAA,GAAAgJ,GAAAd,EAAAnI,IAAA,CAU5BhF,GAAM,CAAE6I,KAAM,eAAe,mBAAAsE,IAAApI,EAAAA,EAAAA,GAAAoJ,GAAAhB,GAAA,CAAAA,EAAAnI,KAAAC,EAAAA,EAAAA,GAAAkJ,GAAAhB,EAAAnI,IAAA,CAO7BhF,GAAM,CAAE6I,KAAM,gBAAgB,oBAAAsE,IAAApI,EAAAA,EAAAA,GAAAsJ,GAAAlB,GAAA,CAAAA,EAAAnI,KAAAC,EAAAA,EAAAA,GAAAoJ,GAAAlB,EAAAnI,IAAA,CAU9BhF,GAAM,CAAE6I,KAAM,gBAAgB,eAAAsE,IAAApI,EAAAA,EAAAA,GAAAwJ,GAAApB,GAAA,CAAAA,EAAAnI,KAAAC,EAAAA,EAAAA,GAAAsJ,GAAApB,EAAAnI,IAAA,CAG9BhF,GAAM,CAAE6I,KAAM,gBAAgB,eAAAsE,IAAApI,EAAAA,EAAAA,GAAAyJ,GAAArB,GAAA,CAAAA,EAAAnI,KAAAC,EAAAA,EAAAA,GAAAuJ,GAAArB,EAAAnI,IAAA,CAU9BhF,GAAM,CAAE6I,KAAM,iBAAiB,gBAAAsE,IAAApI,EAAAA,EAAAA,GAAA2J,GAAAvB,GAAA,CAAAA,EAAAnI,KAAAC,EAAAA,EAAAA,GAAAyJ,GAAAvB,EAAAnI,IAAA,CAO/BhF,GAAM,CAAE6I,KAAM,qBAAqB,oBAAAsE,IAAApI,EAAAA,EAAAA,GAAA6J,GAAAzB,GAAA,CAAAA,EAAAnI,KAAAC,EAAAA,EAAAA,GAAA2J,GAAAzB,EAAAnI,IAAA,CAUnChF,GAAM,CAAE6I,KAAM,aAAa,YAAAsE,IAAApI,EAAAA,EAAAA,GAAA8J,GAAA1B,GAAA,CAAAA,EAAAnI,KAAAC,EAAAA,EAAAA,GAAA4J,GAAA1B,EAAAnI,IAAA,CAO3BhF,GAAM,CAAE6I,KAAM,qBAAqB,mBAAAsE,IAAApI,EAAAA,EAAAA,GAAAgK,GAAA5B,GAAA,CAAAA,EAAAnI,KAAAC,EAAAA,EAAAA,GAAA8J,GAAA5B,EAAAnI,IAAA,CAOnChF,GAAM,CAAE6I,KAAM,0BAA0B,wBAAAsE,IAAApI,EAAAA,EAAAA,GAAAkK,GAAA9B,GAAA,CAAAA,EAAAnI,KAAAC,EAAAA,EAAAA,GAAAgK,GAAA9B,EAAAnI,IAAA,CAUxChF,GAAM,CAAE6I,KAAM,0BAA0B,6BAAAsE,IAAApI,EAAAA,EAAAA,GAAAoK,GAAAhC,GAAA,CAAAA,EAAAnI,KAAAC,EAAAA,EAAAA,GAAAkK,GAAAhC,EAAAnI,IAAA,CAUxChF,GAAM,CAAE6I,KAAM,iBAAiB,gBAAAsE,IAAApI,EAAAA,EAAAA,GAAAsK,GAAAlC,GAAA,CAAAA,EAAAnI,KAAAC,EAAAA,EAAAA,GAAAoK,GAAAlC,EAAAnI,IAAA,CAO/ByI,KAAQ,eAyCRA,KAAQ,oBAkCRA,KAAQ,eAsBRA,KAAQ,cAYRA,KAAQ,2BAKRA,KAAQ,qBAAAL,GAAAmC,GAAAlC,KAAAC,EAAAA,EAAAA,GAAAF,KA5UgBxL,EAAAA,mBAAgB8K,G","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\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 rootRef,\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\">\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 EdgeView,\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 /**\n * @default [100,20]\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 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 rootRef,\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 [activeEditableLine, setActiveEditableLine] =\n useState<EditableLineInfo | null>(null);\n const [lineEditorState, setLineEditorState] =\n useState<LineEditorState | null>(null);\n\n // istanbul ignore next\n const handleCellMouseEnter = useCallback(\n (cell: Cell) => {\n if (\n lineConnectorConf &&\n isEdgeSide(cell, allowEdgeToArea) &&\n (!lineEditorState || lineEditorState.type !== \"control\")\n ) {\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, lineEditorState]\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 // istanbul ignore next\n const handleSmartConnect = useCallback(\n (\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 vertices: null,\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 [cells, onEdgeAdd, onEdgeViewChange]\n );\n\n // istanbul ignore next\n const handleEdgeChangeView = useCallback(\n (\n source: NodeCell | DecoratorCell,\n target: NodeCell | DecoratorCell,\n view: EdgeView\n ) => {\n const payload: EdgeViewChangePayload = {\n source: source.id,\n target: target.id,\n view,\n };\n dispatch({\n type: \"change-edge-view\",\n payload,\n });\n onEdgeViewChange?.(payload);\n },\n [onEdgeViewChange]\n );\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: handleSmartConnect,\n onChangeEdgeView: handleEdgeChangeView,\n }),\n [\n activeEditableLine,\n handleEdgeChangeView,\n handleSmartConnect,\n hoverState,\n lineEditorState,\n smartConnectLineState,\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 className={classNames(\"cells\", { allowEdgeToArea })}>\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 <g>\n <ConnectLineComponent\n connectLineState={connectLineState}\n transform={transform}\n markerEnd={`${markerPrefix}0`}\n onConnect={handleConnect}\n />\n </g>\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 <g>\n <SmartConnectLineComponent\n transform={transform}\n options={lineConnectorConf}\n />\n <EditingLineComponent\n transform={transform}\n options={lineConnectorConf}\n />\n </g>\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 scale={transform.k} />}\n </g>\n {lineConnectorConf && (\n <LineConnectorComponent\n activeTarget={activeTarget}\n scale={transform.k}\n disabled={!!connectLineState}\n />\n )}\n </g>\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","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","activeEditableLine","setActiveEditableLine","lineEditorState","setLineEditorState","clearTimeout","relativePoints","getConnectPointsOfRectangle","points","getConnectPoints","handleSmartConnect","exitPosition","entryPosition","vertices","handleEdgeChangeView","hoverStateContextValue","onConnect","onChangeEdgeView","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 l,i=a(4635),n=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)),w=a(3373),f=a.n(w),m=a(7566),C=a(5748),k=a(3739),b=a(531),E=a(8185),x=a(5114),M=a(4932),W=a(3639),T=a(3783),N=a(2098),S=a(227),z=a(3033),R=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),V=a(1103),F=a(9386),I=a(1991),X=a(2202),Y=a(1825);let q,G,J,Z,Q,ee,te,ae,le,ie,ne,se,oe,re,de,he,ce,ue,ge,pe,Ae,ve,ye,we,fe,me,Ce,ke,be,Ee,xe,Me,We,Te,Ne,Se,ze,Re,Be,Le,De,Pe,He,$e,Oe,_e,Ke,Ue,je,Ve,Fe,Ie,Xe,Ye,qe,Ge,Je,Ze,Qe,et,tt,at,lt,it,nt,st,ot,rt,dt,ht,ct,ut,gt,pt,At,vt,yt,wt,ft,mt,Ct,kt,bt,Et,xt,Mt,Wt,Tt,Nt,St,zt,Rt,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,Vt=new WeakMap,Ft=new WeakMap,It=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,la=new WeakMap,ia=new WeakMap,na=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,wa=new WeakMap,fa=new WeakMap,ma=new WeakMap,Ca=new WeakMap,ka=new WeakMap,ba=new WeakMap,Ea=new WeakMap,xa=new WeakMap,Ma=new WeakMap,Wa=new WeakMap,Ta=new WeakMap,Na=new WeakMap,Sa=new WeakMap,za=new WeakMap,Ra=new WeakMap,Ba=new WeakMap,La=new WeakMap;class Da extends A.ReactNextElement{constructor(){super(...arguments),(0,i.A)(this,oa),(0,n.A)(this,Ut,(q(this),J(this))),(0,n.A)(this,jt,(Z(this),Q(this))),(0,n.A)(this,Vt,(ee(this),te(this))),(0,n.A)(this,Ft,(ae(this),le(this,[z.HP,z.HP]))),(0,n.A)(this,It,(ie(this),ne(this))),(0,n.A)(this,Xt,(se(this),oe(this))),(0,n.A)(this,Yt,(re(this),de(this))),(0,n.A)(this,qt,(he(this),ce(this))),(0,n.A)(this,Gt,(ue(this),ge(this))),(0,n.A)(this,Jt,(pe(this),Ae(this))),(0,n.A)(this,Zt,(ve(this),ye(this,!0))),(0,n.A)(this,Qt,(we(this),fe(this,!0))),(0,n.A)(this,ea,(me(this),Ce(this,!0))),(0,n.A)(this,ta,(ke(this),be(this,!1))),(0,n.A)(this,aa,(Ee(this),xe(this))),(0,n.A)(this,la,(Me(this),We(this))),(0,n.A)(this,ia,(Te(this),Ne(this))),(0,n.A)(this,na,(Se(this),ze(this))),(0,n.A)(this,sa,(Re(this),Be(this))),(0,n.A)(this,ra,(Pe(this),e=>{(0,r.A)(oa,this,Le).emit(e)})),(0,n.A)(this,da,(e=>{(0,E.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,n.A)(this,ha,He(this)),(0,n.A)(this,ca,(_e(this),Ke(this))),(0,n.A)(this,ua,(Ve(this),e=>{(0,r.A)(oa,this,Ue).emit(e),"node"===e.type&&(0,r.A)(oa,this,$e).emit(e)})),(0,n.A)(this,ga,Fe(this)),(0,n.A)(this,pa,(Ye(this),e=>{(0,r.A)(oa,this,Ie).emit(e)})),(0,n.A)(this,Aa,qe(this)),(0,n.A)(this,va,(Ze(this),e=>{(0,r.A)(oa,this,Ge).emit(e)})),(0,n.A)(this,ya,Qe(this)),(0,n.A)(this,wa,(at(this),lt(this))),(0,n.A)(this,fa,(st(this),e=>{(0,r.A)(oa,this,it).emit(e),"node"===e.type&&(0,r.A)(oa,this,et).emit(e)})),(0,n.A)(this,ma,ot(this)),(0,n.A)(this,Ca,(ht(this),e=>{(0,r.A)(oa,this,rt).emit(e)})),(0,n.A)(this,ka,ct(this)),(0,n.A)(this,ba,(pt(this),e=>{(0,r.A)(oa,this,ut).emit(e)})),(0,n.A)(this,Ea,At(this)),(0,n.A)(this,xa,(wt(this),e=>{(0,r.A)(oa,this,vt).emit(e)})),(0,n.A)(this,Ma,ft(this)),(0,n.A)(this,Wa,(kt(this),e=>{(0,r.A)(oa,this,mt).emit(e)})),(0,n.A)(this,Ta,bt(this)),(0,n.A)(this,Na,(Mt(this),e=>{(0,r.A)(oa,this,Et).emit(e)})),(0,n.A)(this,Sa,Wt(this)),(0,n.A)(this,za,(St(this),e=>{(0,r.A)(oa,this,Tt).emit(e)})),(0,n.A)(this,Ra,zt(this)),(0,n.A)(this,Ba,(Lt(this),e=>{(0,r.A)(oa,this,Rt).emit(e)})),(0,n.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)(Vt,this)}set layoutOptions(e){(0,d.A)(Vt,this,e)}get defaultNodeSize(){return(0,h.A)(Ft,this)}set defaultNodeSize(e){(0,d.A)(Ft,this,e)}get defaultNodeBricks(){return(0,h.A)(It,this)}set defaultNodeBricks(e){(0,d.A)(It,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)(la,this)}set ctrlDragBehavior(e){(0,d.A)(la,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)(na,this)}set lineConnector(e){(0,d.A)(na,this,e)}async dropNode(e){var t,a;let{id:l,position:i,size:n,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:l,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==n?void 0:n[0])??this.defaultNodeSize[0],height:(null==n?void 0:n[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:l,decorator:i,text:n,direction:s}=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)(La,this).current.getTransform(),a={type:"decorator",decorator:i,id:$a(),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:n,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:l,data:i}=e;return{type:"node",id:l,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:l,data:i}=e;const n={type:"edge",source:a,target:l,data:i};return null===(t=(0,h.A)(La,this).current)||void 0===t||t.addEdge(n),n}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)(fa,this),onCellsDelete:(0,h.A)(Ca,this),onEdgeAdd:(0,h.A)(xa,this),onCellContextMenu:(0,h.A)(ba,this),onDecoratorTextChange:(0,h.A)(Na,this),onContainerContainerChange:(0,h.A)(za,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:l,layoutOptions:i,cells:n,defaultNodeSize:s,defaultNodeBricks:o,defaultEdgeLines:r,degradedThreshold:d,degradedNodeLabel:h,activeTarget:c,fadeUnrelatedCells:p,zoomable:A,scrollable:v,pannable:w,dragBehavior:E,ctrlDragBehavior:U,scaleRange:j,lineConnector:q,allowEdgeToArea:G,onActiveTargetChange:J,onSwitchActiveTarget:Z,onCellMove:Q,onCellResize:ee,onCellDelete:te,onCellsMove:ae,onCellsDelete:le,onCellContextMenu:ie,onEdgeAdd:ne,onDecoratorTextChange:se,onScaleChange:oe,onContainerContainerChange:re,onEdgeViewChange:de}=e;const[{cells:he,layoutKey:ce},ue]=(0,u.useReducer)(C.d,n,(e=>({cells:(0,T.C)(e,{defaultNodeSize:s}),layoutKey:0}))),ge=(0,u.useMemo)((()=>he.filter(b.N).length>=(d??z.pC)),[he,d]),pe=(0,u.useRef)(null),Ae=(0,u.useRef)(null),[ve,ye]=(0,u.useState)([]),[we,fe]=(0,u.useState)([]),{grabbing:me,transform:Ce,zoomer:ke,scaleRange:be}=(0,R.f)({rootRef:pe,zoomable:A,scrollable:v,pannable:w,draggable:"grab"===E,ctrlDraggable:"grab"===U,scaleRange:j,onSwitchActiveTarget:Z});(0,u.useEffect)((()=>{oe(Ce.k)}),[oe,Ce.k]);const[Ee,xe]=(0,u.useState)(null),[Me,We]=(0,u.useState)(null),{centered:Te,setCentered:Ne,getNextLayoutKey:Se}=(0,D.g)({layout:l,layoutOptions:i,rootRef:pe,cells:he,zoomable:A,zoomer:ke,scaleRange:be,layoutKey:ce,allowEdgeToArea:G,dispatch:ue});(0,u.useImperativeHandle)(t,(()=>({dropNode(e){"dagre"!==l&&"force"!==l&&Ne(!0),ue({type:"drop-node",payload:e})},dropDecorator(e){"dagre"!==l&&"force"!==l&&Ne(!0),ue({type:"drop-decorator",payload:e})},addNodes(e,t){let{defaultNodeSize:a,canvasWidth:i,canvasHeight:n}=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:l,previousCells:he,defaultNodeSize:a,canvasWidth:i,canvasHeight:n,scaleRange:be,transform:Ce,allowEdgeToArea:G});return h&&Ne(!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:l,previousCells:he,cells:e,scaleRange:be,transform:Ce,allowEdgeToArea:G});return a&&Ne(!1),ue({type:"update-cells",payload:i.cells}),i},getTransform:()=>Ce,manuallyConnectNodes(e){const t=he.find((t=>(0,b.bo)(t,G)&&t.id===e));if(t){const e=pe.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)=>{Ae.current={resolve:e,reject:t}}))}return Promise.reject(null)}})),[he,l,be,Ne,Ce,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 l;null===(l=Ae.current)||void 0===l||l.resolve({source:e.source,target:i});break}}null===(a=Ae.current)||void 0===a||a.reject(null),We(null)}),[G,he]),[Re,Be]=(0,u.useState)(null);(0,u.useEffect)((()=>{Dt(a,!!(Me||Re||Ee))}),[Me,a,Re,Ee]);const Le=(0,B.J)({rootRef:pe,activeTarget:c,onActiveTargetChange:J}),[De,Pe]=(0,u.useState)([]);(0,u.useEffect)((()=>{const e=p?(0,S.Y)(he,Me,Le,G):[];Pe((t=>0===t.length&&0===e.length?t:e))}),[Le,he,Me,p,G]),(0,u.useEffect)((()=>{const e=pe.current;if(!e||ve.length>0)return;const t=e=>{const t=(0,x.a)(e,{cells:he,activeTarget:Le});"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)}}),[Le,he,ve.length,te,le]);const He=`${(0,u.useMemo)((()=>`${(0,y.uniqueId)("diagram-")}-`),[])}line-arrow-`,[$e,Oe]=(0,u.useState)([]),_e=(0,u.useCallback)((e=>{ue({type:"move-cells",payload:e});const t=[];(0,I._)(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)})),fe(t),Oe(e.flatMap((e=>e.guideLines??[])))}),[he]),Ke=(0,u.useCallback)((e=>{ue({type:"move-cells",payload:e}),ae(e),1===e.length&&Q(e[0]),(0,I._)(e,he,re),fe([]),Oe([])}),[Q,ae,he,re]),Ue=(0,u.useCallback)((e=>{ue({type:"resize-cell",payload:e})}),[]),je=(0,u.useCallback)((e=>{ue({type:"resize-cell",payload:e}),ee(e)}),[ee]),Ve=(0,u.useCallback)((e=>{let{id:t,editing:a}=e;ye(a?e=>e.includes(t)?e:[...e,t]:e=>e.filter((e=>e!==t)))}),[]),Fe=(0,u.useCallback)(((e,t)=>{const a=Se();ue({type:"update-node-size",payload:{id:e,size:t},layoutKey:a})}),[Se]),Ie=(0,u.useCallback)((e=>{ke.scaleTo((0,m.A)(pe.current),e/100)}),[ke]),Xe=(0,u.useCallback)((()=>{Ne(!1)}),[Ne]),{lineConfMap:Ye,lineConnectorConf:qe,markers:Ge}=(0,H.d)({cells:he,defaultEdgeLines:r,lineConnector:q,markerPrefix:He}),Je=(0,P.H)({cells:he,layout:l,centered:Te}),[Ze,Qe]=(0,u.useState)(null),et=(0,u.useRef)(null),[tt,at]=(0,u.useState)(null),[lt,it]=(0,u.useState)(null),nt=(0,u.useCallback)((e=>{if(qe&&(0,b.bo)(e,G)&&(!lt||"control"!==lt.type)){null!==et.current&&(clearTimeout(et.current),et.current=null);const t=(0,$.G)();Qe({cell:e,relativePoints:t,points:Oa(t,e.view)})}}),[G,qe,lt]),st=(0,u.useCallback)((e=>{qe&&(0,b.N)(e)&&(et.current=setTimeout((()=>{Qe(null)})))}),[qe]),ot=(0,u.useCallback)(((e,t,a,l)=>{const i={source:e.id,target:t.id,view:{exitPosition:a,entryPosition:l,vertices:null}};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}),ne({source:e,target:t,view:a.view})}}),[he,ne,de]),rt=(0,u.useCallback)(((e,t,a)=>{const l={source:e.id,target:t.id,view:a};ue({type:"change-edge-view",payload:l}),null==de||de(l)}),[de]),dt=(0,u.useMemo)((()=>({rootRef:pe,smartConnectLineState:Re,unsetHoverStateTimeoutRef:et,hoverState:Ze,activeEditableLine:tt,lineEditorState:lt,setLineEditorState:it,setActiveEditableLine:at,setHoverState:Qe,setSmartConnectLineState:Be,onConnect:ot,onChangeEdgeView:rt})),[tt,rt,ot,Ze,lt,Re]);return(0,u.useEffect)((()=>{const e=pe.current;if(!e||"lasso"!==E)return;const t=e.getBoundingClientRect(),a=e=>{(0,K.F)(e,{transform:Ce,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,i=a.view.y;l>=e.x&&l+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(F.P)}:1===t.length?(0,F.P)(t[0]):null)}})};return e.addEventListener("mousedown",a),()=>{e.removeEventListener("mousedown",a)}}),[Ce,he,E,Z]),g().createElement(_.H.Provider,{value:dt},g().createElement("svg",{width:"100%",height:"100%",ref:pe,className:f()("root",{grabbing:me,pannable:w,ready:Je}),tabIndex:-1},g().createElement("defs",null,Ge.map(((e,t)=>g().createElement(k.c,{key:t,id:`${He}${t}`,type:"arrow",strokeColor:e.strokeColor})))),g().createElement("g",{transform:`translate(${Ce.x} ${Ce.y}) scale(${Ce.k})`},g().createElement("g",{className:f()("cells",{allowEdgeToArea:G})},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:l,layoutOptions:i,cell:e,cells:he,degraded:ge,degradedNodeLabel:h,defaultNodeBricks:o,transform:Ce,lineConfMap:Ye,activeTarget:Le,unrelatedCells:De,allowEdgeToArea:G,onCellsMoving:_e,onCellsMoved:Ke,onCellResizing:Ue,onCellResized:je,onSwitchActiveTarget:Z,onCellContextMenu:ie,onDecoratorTextChange:se,onDecoratorTextEditing:Ve,onNodeBrickResize:Fe,onCellMouseEnter:nt,onCellMouseLeave:st})))),g().createElement("g",null,g().createElement(W.w,{connectLineState:Me,transform:Ce,markerEnd:`${He}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}),qe&&g().createElement("g",null,g().createElement(V.X,{transform:Ce,options:qe}),g().createElement(Y.W,{transform:Ce,options:qe})),g().createElement("g",null,$e.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/Ce.k})))),g().createElement("g",null,qe&&g().createElement(X.F,{scale:Ce.k})),qe&&g().createElement(O.T,{activeTarget:Le,scale:Ce.k,disabled:!!Me}))),g().createElement(L.Y,{shadowRoot:a.shadowRoot,scale:Ce.k,scaleRange:be,onZoomChange:Ie,onReCenter:Xe}))}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 l=z.XK,i=l/2,n=t.x+a/2-i,s=t.y+a/2-i,o=t.width-a+l,r=t.height-a+l;return e.map((e=>({x:n+e.x*o,y:s+e.y*r})))}l=Da,({e:[J,Z,Q,ee,te,ae,le,ie,ne,se,oe,re,de,he,ce,ue,ge,pe,Ae,ve,ye,we,fe,me,Ce,ke,be,Ee,xe,Me,We,Te,Ne,Se,ze,Re,Be,Le,De,Pe,He,$e,Oe,_e,Ke,Ue,je,Ve,Fe,Ie,Xe,Ye,qe,Ge,Je,Ze,Qe,et,tt,at,lt,it,nt,st,ot,rt,dt,ht,ct,ut,gt,pt,At,vt,yt,wt,ft,mt,Ct,kt,bt,Et,xt,Mt,Wt,Tt,Nt,St,zt,Rt,Bt,Lt,q],c:[Kt,G]}=(0,c.A)(l,[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)(wa,e),(e,t)=>(0,d.A)(wa,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)(Ea,e),(e,t)=>(0,d.A)(Ea,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)(Ra,e),(e,t)=>(0,d.A)(Ra,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.72086195.js.map
|