@uipath/apollo-react 6.17.4 → 6.19.0

package/dist/canvas/components/BaseCanvas/CanvasProviders.cjs

@@ -30,6 +30,7 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const tooltip_namespaceObject = require("@uipath/apollo-wind/components/ui/tooltip");
 const index_cjs_namespaceObject = require("../../../i18n/index.cjs");
 const external_CanvasTooltip_cjs_namespaceObject = require("../CanvasTooltip.cjs");
+const crossings_index_cjs_namespaceObject = require("../Edges/shared/crossings/index.cjs");
 const StickyNoteCanvasOptionsContext_cjs_namespaceObject = require("../StickyNoteNode/StickyNoteCanvasOptionsContext.cjs");
 const external_BaseCanvasModeProvider_cjs_namespaceObject = require("./BaseCanvasModeProvider.cjs");
 const external_CanvasThemeContext_cjs_namespaceObject = require("./CanvasThemeContext.cjs");
@@ -47,13 +48,15 @@ function CanvasProviders({ nodes, edges, mode, isDarkMode, locale, stickyNoteOpt
                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasTooltip_cjs_namespaceObject.CanvasTooltipProviderMarker, {
                     children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_ConnectedHandlesContext_cjs_namespaceObject.ConnectedHandlesProvider, {
                         edges: edges,
-                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_BaseCanvasModeProvider_cjs_namespaceObject.BaseCanvasModeProvider, {
-                            mode: mode,
-                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(StickyNoteCanvasOptionsContext_cjs_namespaceObject.StickyNoteCanvasOptionsProvider, {
-                                options: stickyNoteOptions,
-                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_SelectionStateContext_cjs_namespaceObject.SelectionStateProvider, {
-                                    nodes: nodes,
-                                    children: children
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(crossings_index_cjs_namespaceObject.EdgeCrossingsProvider, {
+                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_BaseCanvasModeProvider_cjs_namespaceObject.BaseCanvasModeProvider, {
+                                mode: mode,
+                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(StickyNoteCanvasOptionsContext_cjs_namespaceObject.StickyNoteCanvasOptionsProvider, {
+                                    options: stickyNoteOptions,
+                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_SelectionStateContext_cjs_namespaceObject.SelectionStateProvider, {
+                                        nodes: nodes,
+                                        children: children
+                                    })
                                 })
                             })
                         })

package/dist/canvas/components/BaseCanvas/CanvasProviders.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CanvasProviders.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/CanvasProviders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAE3E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wCAAwC,CAAC;AACtF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAM1D,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;IACnC,iBAAiB,CAAC,EAAE,uBAAuB,CAAC;CAC7C;AAQD,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,IAAI,EACJ,UAAU,EACV,MAAM,EACN,iBAAiB,EACjB,QAAQ,GACT,EAAE,oBAAoB,2CAkBtB"}
+{"version":3,"file":"CanvasProviders.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/CanvasProviders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAE3E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wCAAwC,CAAC;AACtF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAM1D,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;IACnC,iBAAiB,CAAC,EAAE,uBAAuB,CAAC;CAC7C;AAQD,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,IAAI,EACJ,UAAU,EACV,MAAM,EACN,iBAAiB,EACjB,QAAQ,GACT,EAAE,oBAAoB,2CAoBtB"}

package/dist/canvas/components/BaseCanvas/CanvasProviders.js

@@ -2,6 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { TooltipProvider } from "@uipath/apollo-wind/components/ui/tooltip";
 import { ApI18nProvider } from "../../../i18n/index.js";
 import { CanvasTooltipProviderMarker } from "../CanvasTooltip.js";
+import { EdgeCrossingsProvider } from "../Edges/shared/crossings/index.js";
 import { StickyNoteCanvasOptionsProvider } from "../StickyNoteNode/StickyNoteCanvasOptionsContext.js";
 import { BaseCanvasModeProvider } from "./BaseCanvasModeProvider.js";
 import { CanvasThemeProvider } from "./CanvasThemeContext.js";
@@ -19,13 +20,15 @@ function CanvasProviders({ nodes, edges, mode, isDarkMode, locale, stickyNoteOpt
                 children: /*#__PURE__*/ jsx(CanvasTooltipProviderMarker, {
                     children: /*#__PURE__*/ jsx(ConnectedHandlesProvider, {
                         edges: edges,
-                        children: /*#__PURE__*/ jsx(BaseCanvasModeProvider, {
-                            mode: mode,
-                            children: /*#__PURE__*/ jsx(StickyNoteCanvasOptionsProvider, {
-                                options: stickyNoteOptions,
-                                children: /*#__PURE__*/ jsx(SelectionStateProvider, {
-                                    nodes: nodes,
-                                    children: children
+                        children: /*#__PURE__*/ jsx(EdgeCrossingsProvider, {
+                            children: /*#__PURE__*/ jsx(BaseCanvasModeProvider, {
+                                mode: mode,
+                                children: /*#__PURE__*/ jsx(StickyNoteCanvasOptionsProvider, {
+                                    options: stickyNoteOptions,
+                                    children: /*#__PURE__*/ jsx(SelectionStateProvider, {
+                                        nodes: nodes,
+                                        children: children
+                                    })
                                 })
                             })
                         })

package/dist/canvas/components/Edges/CanvasEdge.cjs

@@ -97,6 +97,7 @@ const CanvasEdge_CanvasEdge = /*#__PURE__*/ (0, external_react_namespaceObject.m
     });
     const geometry = (0, hooks_index_cjs_namespaceObject.useEdgeGeometry)({
         routing,
+        edgeId: id,
         sourceNodeId: source,
         targetNodeId: target,
         sourceHandleId,
@@ -110,7 +111,8 @@ const CanvasEdge_CanvasEdge = /*#__PURE__*/ (0, external_react_namespaceObject.m
         waypoints: effectiveWaypoints,
         autoRouted: 0 === waypoints.length,
         enableSegments: editingEnabled,
-        hideArrowHead
+        hideArrowHead,
+        enableLineJumps: !!data?.enableLineJumps
     });
     const editor = (0, hooks_index_cjs_namespaceObject.useWaypointEditor)({
         edgeId: id,
@@ -148,6 +150,13 @@ const CanvasEdge_CanvasEdge = /*#__PURE__*/ (0, external_react_namespaceObject.m
     });
     const showEditingChrome = editingEnabled && (isHovered || selected || editor.isDragging);
     const opacity = style?.opacity ?? 1;
+    const arrowTarget = (0, external_react_namespaceObject.useMemo)(()=>({
+            x: targetX,
+            y: targetY
+        }), [
+        targetX,
+        targetY
+    ]);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("g", {
@@ -183,10 +192,7 @@ const CanvasEdge_CanvasEdge = /*#__PURE__*/ (0, external_react_namespaceObject.m
                             handlers: editor.waypointHandlers
                         }, waypoint.id)),
                     !hideArrowHead && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(primitives_index_cjs_namespaceObject.EdgeArrow, {
-                        target: {
-                            x: targetX,
-                            y: targetY
-                        },
+                        target: arrowTarget,
                         angle: geometry.arrow.angle,
                         offset: geometry.arrow.offset,
                         color: color,

package/dist/canvas/components/Edges/CanvasEdge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CanvasEdge.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Edges/CanvasEdge.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAWtD,eAAO,MAAM,UAAU,uDA+NF,CAAC"}
+{"version":3,"file":"CanvasEdge.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Edges/CanvasEdge.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAYtD,eAAO,MAAM,UAAU,uDAqOF,CAAC"}

package/dist/canvas/components/Edges/CanvasEdge.js

@@ -1,6 +1,6 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Position, useStoreApi } from "../../xyflow/react.js";
-import { memo, useCallback, useRef, useState } from "react";
+import { memo, useCallback, useMemo, useRef, useState } from "react";
 import { isPreviewEdge } from "../../utils/createPreviewNode.js";
 import { useBaseCanvasMode } from "../BaseCanvas/BaseCanvasModeProvider.js";
 import { EdgeToolbar, useEdgeToolbarState } from "../Toolbar/index.js";
@@ -69,6 +69,7 @@ const CanvasEdge_CanvasEdge = /*#__PURE__*/ memo(function({ id, selected, animat
     });
     const geometry = useEdgeGeometry({
         routing,
+        edgeId: id,
         sourceNodeId: source,
         targetNodeId: target,
         sourceHandleId,
@@ -82,7 +83,8 @@ const CanvasEdge_CanvasEdge = /*#__PURE__*/ memo(function({ id, selected, animat
         waypoints: effectiveWaypoints,
         autoRouted: 0 === waypoints.length,
         enableSegments: editingEnabled,
-        hideArrowHead
+        hideArrowHead,
+        enableLineJumps: !!data?.enableLineJumps
     });
     const editor = useWaypointEditor({
         edgeId: id,
@@ -120,6 +122,13 @@ const CanvasEdge_CanvasEdge = /*#__PURE__*/ memo(function({ id, selected, animat
     });
     const showEditingChrome = editingEnabled && (isHovered || selected || editor.isDragging);
     const opacity = style?.opacity ?? 1;
+    const arrowTarget = useMemo(()=>({
+            x: targetX,
+            y: targetY
+        }), [
+        targetX,
+        targetY
+    ]);
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
             /*#__PURE__*/ jsxs("g", {
@@ -155,10 +164,7 @@ const CanvasEdge_CanvasEdge = /*#__PURE__*/ memo(function({ id, selected, animat
                             handlers: editor.waypointHandlers
                         }, waypoint.id)),
                     !hideArrowHead && /*#__PURE__*/ jsx(EdgeArrow, {
-                        target: {
-                            x: targetX,
-                            y: targetY
-                        },
+                        target: arrowTarget,
                         angle: geometry.arrow.angle,
                         offset: geometry.arrow.offset,
                         color: color,

package/dist/canvas/components/Edges/index.cjs

@@ -6,6 +6,9 @@ var __webpack_modules__ = {
     "./SequenceEdge" (module) {
         module.exports = require("./SequenceEdge.cjs");
     },
+    "./shared/crossings" (module) {
+        module.exports = require("./shared/crossings/index.cjs");
+    },
     "./shared/routing" (module) {
         module.exports = require("./shared/routing/index.cjs");
     }
@@ -55,9 +58,10 @@ var __webpack_exports__ = {};
     __webpack_require__.r(__webpack_exports__);
     __webpack_require__.d(__webpack_exports__, {
         CanvasEdge: ()=>_CanvasEdge__rspack_import_0.CanvasEdge,
-        defaultEdgeRouter: ()=>_shared_routing__rspack_import_2.defaultEdgeRouter,
-        defaultIsRoutable: ()=>_shared_routing__rspack_import_2.defaultIsRoutable,
-        useGraphRouter: ()=>_shared_routing__rspack_import_2.useGraphRouter
+        EdgeCrossingsProvider: ()=>_shared_crossings__rspack_import_2.EdgeCrossingsProvider,
+        defaultEdgeRouter: ()=>_shared_routing__rspack_import_3.defaultEdgeRouter,
+        defaultIsRoutable: ()=>_shared_routing__rspack_import_3.defaultIsRoutable,
+        useGraphRouter: ()=>_shared_routing__rspack_import_3.useGraphRouter
     });
     var _CanvasEdge__rspack_import_0 = __webpack_require__("./CanvasEdge");
     var _SequenceEdge__rspack_import_1 = __webpack_require__("./SequenceEdge");
@@ -67,17 +71,21 @@ var __webpack_exports__ = {};
         "useGraphRouter",
         "default",
         "CanvasEdge",
+        "EdgeCrossingsProvider",
         "defaultIsRoutable"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_SequenceEdge__rspack_import_1[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _shared_routing__rspack_import_2 = __webpack_require__("./shared/routing");
+    var _shared_crossings__rspack_import_2 = __webpack_require__("./shared/crossings");
+    var _shared_routing__rspack_import_3 = __webpack_require__("./shared/routing");
 })();
 exports.CanvasEdge = __webpack_exports__.CanvasEdge;
+exports.EdgeCrossingsProvider = __webpack_exports__.EdgeCrossingsProvider;
 exports.defaultEdgeRouter = __webpack_exports__.defaultEdgeRouter;
 exports.defaultIsRoutable = __webpack_exports__.defaultIsRoutable;
 exports.useGraphRouter = __webpack_exports__.useGraphRouter;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "CanvasEdge",
+    "EdgeCrossingsProvider",
     "defaultEdgeRouter",
     "defaultIsRoutable",
     "useGraphRouter"

package/dist/canvas/components/Edges/index.d.ts

@@ -1,6 +1,7 @@
 export { CanvasEdge } from './CanvasEdge';
 export * from './SequenceEdge';
+export { EdgeCrossingsProvider } from './shared/crossings';
 export type { EdgeRouter, RouteAnchor, RoutedEdge, RouteEdgeRequest, RouteNodeRequest, RouteRequest, } from './shared/routing';
 export { defaultEdgeRouter, defaultIsRoutable, useGraphRouter, } from './shared/routing';
-export type { CanvasEdgeData, CanvasEdgeProps, EdgeRouting, EdgeStrokeStyle, Point, Segment, SegmentOrientation, Waypoint, } from './shared/types';
+export type { CanvasEdgeData, CanvasEdgeProps, EdgeRouting, EdgeStrokeStyle, PathJump, Point, Segment, SegmentOrientation, Waypoint, } from './shared/types';
 //# sourceMappingURL=index.d.ts.map

package/dist/canvas/components/Edges/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Edges/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,cAAc,gBAAgB,CAAC;AAC/B,YAAY,EACV,UAAU,EACV,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,gBAAgB,EAChB,YAAY,GACb,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,GACf,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EACV,cAAc,EACd,eAAe,EACf,WAAW,EACX,eAAe,EACf,KAAK,EACL,OAAO,EACP,kBAAkB,EAClB,QAAQ,GACT,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Edges/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,YAAY,EACV,UAAU,EACV,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,gBAAgB,EAChB,YAAY,GACb,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,GACf,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EACV,cAAc,EACd,eAAe,EACf,WAAW,EACX,eAAe,EACf,QAAQ,EACR,KAAK,EACL,OAAO,EACP,kBAAkB,EAClB,QAAQ,GACT,MAAM,gBAAgB,CAAC"}

package/dist/canvas/components/Edges/index.js

@@ -1,4 +1,5 @@
 import { CanvasEdge } from "./CanvasEdge.js";
+import { EdgeCrossingsProvider } from "./shared/crossings/index.js";
 import { defaultEdgeRouter, defaultIsRoutable, useGraphRouter } from "./shared/routing/index.js";
 export * from "./SequenceEdge.js";
-export { CanvasEdge, defaultEdgeRouter, defaultIsRoutable, useGraphRouter };
+export { CanvasEdge, EdgeCrossingsProvider, defaultEdgeRouter, defaultIsRoutable, useGraphRouter };

package/dist/canvas/components/Edges/shared/constants.cjs

@@ -47,6 +47,7 @@ const EDGE_CONSTANTS = {
     MIN_SEGMENT_LENGTH: 32,
     COLLINEAR_TOLERANCE: 1,
     ARROW_OFFSET: 8,
+    LINE_JUMP_RADIUS: 5,
     STUB_OFFSET: 2 * external_constants_cjs_namespaceObject.GRID_SPACING
 };
 const EDGE_PATH_TRANSITION = 'stroke 0.2s ease, opacity 0.2s ease';

package/dist/canvas/components/Edges/shared/constants.d.ts

@@ -13,6 +13,7 @@ export declare const EDGE_CONSTANTS: {
     readonly MIN_SEGMENT_LENGTH: 32;
     readonly COLLINEAR_TOLERANCE: 1;
     readonly ARROW_OFFSET: 8;
+    readonly LINE_JUMP_RADIUS: 5;
     readonly STUB_OFFSET: number;
 };
 export declare const EDGE_PATH_TRANSITION = "stroke 0.2s ease, opacity 0.2s ease";

package/dist/canvas/components/Edges/shared/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Edges/shared/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAEpE,OAAO,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAI/C,eAAO,MAAM,eAAe,EAAE,QAAQ,EAAO,CAAC;AAE9C,eAAO,MAAM,cAAc;;;;;;;;;;;;;CAiCjB,CAAC;AAGX,eAAO,MAAM,oBAAoB,wCAAwC,CAAC;AAG1E,eAAO,MAAM,cAAc;;;CAGjB,CAAC;AAMX,eAAO,MAAM,WAAW;;;;;;;CAOd,CAAC;AAOX,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAKpD,CAAC;AASF,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,QAAQ,EAAE,KAAK,CAKjD,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Edges/shared/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAEpE,OAAO,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAI/C,eAAO,MAAM,eAAe,EAAE,QAAQ,EAAO,CAAC;AAE9C,eAAO,MAAM,cAAc;;;;;;;;;;;;;;CAuCjB,CAAC;AAGX,eAAO,MAAM,oBAAoB,wCAAwC,CAAC;AAG1E,eAAO,MAAM,cAAc;;;CAGjB,CAAC;AAMX,eAAO,MAAM,WAAW;;;;;;;CAOd,CAAC;AAOX,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAKpD,CAAC;AASF,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,QAAQ,EAAE,KAAK,CAKjD,CAAC"}

package/dist/canvas/components/Edges/shared/constants.js

@@ -13,6 +13,7 @@ const EDGE_CONSTANTS = {
     MIN_SEGMENT_LENGTH: 32,
     COLLINEAR_TOLERANCE: 1,
     ARROW_OFFSET: 8,
+    LINE_JUMP_RADIUS: 5,
     STUB_OFFSET: 2 * GRID_SPACING
 };
 const EDGE_PATH_TRANSITION = 'stroke 0.2s ease, opacity 0.2s ease';

package/dist/canvas/components/Edges/shared/crossings/EdgeCrossingsContext.cjs

@@ -0,0 +1,122 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    EMPTY_JUMPS: ()=>EMPTY_JUMPS,
+    EdgeCrossingsStore: ()=>EdgeCrossingsStore,
+    EdgeCrossingsProvider: ()=>EdgeCrossingsProvider,
+    useEdgeCrossingsStore: ()=>useEdgeCrossingsStore
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const external_crossings_cjs_namespaceObject = require("./crossings.cjs");
+const EMPTY_JUMPS = Object.freeze([]);
+class EdgeCrossingsStore {
+    geometry = new Map();
+    jumps = new Map();
+    listeners = new Map();
+    scheduled = false;
+    register(edgeId, points) {
+        const current = this.geometry.get(edgeId);
+        if (current && (0, external_crossings_cjs_namespaceObject.polylinesEqual)(current, points)) return;
+        this.geometry.set(edgeId, points);
+        this.schedule();
+    }
+    unregister(edgeId) {
+        if (this.geometry.delete(edgeId)) this.schedule();
+    }
+    subscribe(edgeId, listener) {
+        let edgeListeners = this.listeners.get(edgeId);
+        if (!edgeListeners) {
+            edgeListeners = new Set();
+            this.listeners.set(edgeId, edgeListeners);
+        }
+        edgeListeners.add(listener);
+        return ()=>{
+            edgeListeners.delete(listener);
+            if (0 === edgeListeners.size) this.listeners.delete(edgeId);
+        };
+    }
+    getSnapshot(edgeId) {
+        return this.jumps.get(edgeId) ?? EMPTY_JUMPS;
+    }
+    schedule() {
+        if (this.scheduled) return;
+        this.scheduled = true;
+        queueMicrotask(()=>{
+            this.scheduled = false;
+            this.recompute();
+        });
+    }
+    recompute() {
+        const polylines = [];
+        for (const [edgeId, points] of this.geometry)polylines.push({
+            edgeId,
+            points
+        });
+        const next = (0, external_crossings_cjs_namespaceObject.computeLineJumps)(polylines);
+        const changed = [];
+        for (const [edgeId, jumps] of next)if (!(0, external_crossings_cjs_namespaceObject.jumpsEqual)(this.jumps.get(edgeId) ?? EMPTY_JUMPS, jumps)) {
+            this.jumps.set(edgeId, jumps);
+            changed.push(edgeId);
+        }
+        for (const edgeId of [
+            ...this.jumps.keys()
+        ])if (!next.has(edgeId)) {
+            this.jumps.delete(edgeId);
+            changed.push(edgeId);
+        }
+        for (const edgeId of changed){
+            const edgeListeners = this.listeners.get(edgeId);
+            if (edgeListeners) for (const listener of edgeListeners)listener();
+        }
+    }
+}
+const EdgeCrossingsContext = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)(null);
+function EdgeCrossingsProvider({ children }) {
+    const inherited = (0, external_react_namespaceObject.useContext)(EdgeCrossingsContext);
+    const ownStoreRef = (0, external_react_namespaceObject.useRef)(void 0);
+    if (!ownStoreRef.current) ownStoreRef.current = new EdgeCrossingsStore();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(EdgeCrossingsContext.Provider, {
+        value: inherited ?? ownStoreRef.current,
+        children: children
+    });
+}
+function useEdgeCrossingsStore() {
+    return (0, external_react_namespaceObject.useContext)(EdgeCrossingsContext);
+}
+exports.EMPTY_JUMPS = __webpack_exports__.EMPTY_JUMPS;
+exports.EdgeCrossingsProvider = __webpack_exports__.EdgeCrossingsProvider;
+exports.EdgeCrossingsStore = __webpack_exports__.EdgeCrossingsStore;
+exports.useEdgeCrossingsStore = __webpack_exports__.useEdgeCrossingsStore;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "EMPTY_JUMPS",
+    "EdgeCrossingsProvider",
+    "EdgeCrossingsStore",
+    "useEdgeCrossingsStore"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/components/Edges/shared/crossings/EdgeCrossingsContext.d.ts

@@ -0,0 +1,22 @@
+import { type ReactNode } from 'react';
+import type { PathJump, Point } from '../types';
+type Listener = () => void;
+export declare const EMPTY_JUMPS: readonly PathJump[];
+export declare class EdgeCrossingsStore {
+    private geometry;
+    private jumps;
+    private listeners;
+    private scheduled;
+    register(edgeId: string, points: Point[]): void;
+    unregister(edgeId: string): void;
+    subscribe(edgeId: string, listener: Listener): () => void;
+    getSnapshot(edgeId: string): readonly PathJump[];
+    private schedule;
+    private recompute;
+}
+export declare function EdgeCrossingsProvider({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useEdgeCrossingsStore(): EdgeCrossingsStore | null;
+export {};
+//# sourceMappingURL=EdgeCrossingsContext.d.ts.map

package/dist/canvas/components/Edges/shared/crossings/EdgeCrossingsContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EdgeCrossingsContext.d.ts","sourceRoot":"","sources":["../../../../../../src/canvas/components/Edges/shared/crossings/EdgeCrossingsContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,SAAS,EAAsB,MAAM,OAAO,CAAC;AAC1E,OAAO,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAGhD,KAAK,QAAQ,GAAG,MAAM,IAAI,CAAC;AAE3B,eAAO,MAAM,WAAW,EAAE,SAAS,QAAQ,EAAsB,CAAC;AAWlE,qBAAa,kBAAkB;IAC7B,OAAO,CAAC,QAAQ,CAA8B;IAC9C,OAAO,CAAC,KAAK,CAA0C;IACvD,OAAO,CAAC,SAAS,CAAoC;IACrD,OAAO,CAAC,SAAS,CAAS;IAiB1B,QAAQ,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI;IAS/C,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAIhC,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,GAAG,MAAM,IAAI;IAmBzD,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,QAAQ,EAAE;IAchD,OAAO,CAAC,QAAQ;IAShB,OAAO,CAAC,SAAS;CA2BlB;AAeD,wBAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAa1E;AAED,wBAAgB,qBAAqB,IAAI,kBAAkB,GAAG,IAAI,CAEjE"}

package/dist/canvas/components/Edges/shared/crossings/EdgeCrossingsContext.js

@@ -0,0 +1,79 @@
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext, useRef } from "react";
+import { computeLineJumps, jumpsEqual, polylinesEqual } from "./crossings.js";
+const EMPTY_JUMPS = Object.freeze([]);
+class EdgeCrossingsStore {
+    geometry = new Map();
+    jumps = new Map();
+    listeners = new Map();
+    scheduled = false;
+    register(edgeId, points) {
+        const current = this.geometry.get(edgeId);
+        if (current && polylinesEqual(current, points)) return;
+        this.geometry.set(edgeId, points);
+        this.schedule();
+    }
+    unregister(edgeId) {
+        if (this.geometry.delete(edgeId)) this.schedule();
+    }
+    subscribe(edgeId, listener) {
+        let edgeListeners = this.listeners.get(edgeId);
+        if (!edgeListeners) {
+            edgeListeners = new Set();
+            this.listeners.set(edgeId, edgeListeners);
+        }
+        edgeListeners.add(listener);
+        return ()=>{
+            edgeListeners.delete(listener);
+            if (0 === edgeListeners.size) this.listeners.delete(edgeId);
+        };
+    }
+    getSnapshot(edgeId) {
+        return this.jumps.get(edgeId) ?? EMPTY_JUMPS;
+    }
+    schedule() {
+        if (this.scheduled) return;
+        this.scheduled = true;
+        queueMicrotask(()=>{
+            this.scheduled = false;
+            this.recompute();
+        });
+    }
+    recompute() {
+        const polylines = [];
+        for (const [edgeId, points] of this.geometry)polylines.push({
+            edgeId,
+            points
+        });
+        const next = computeLineJumps(polylines);
+        const changed = [];
+        for (const [edgeId, jumps] of next)if (!jumpsEqual(this.jumps.get(edgeId) ?? EMPTY_JUMPS, jumps)) {
+            this.jumps.set(edgeId, jumps);
+            changed.push(edgeId);
+        }
+        for (const edgeId of [
+            ...this.jumps.keys()
+        ])if (!next.has(edgeId)) {
+            this.jumps.delete(edgeId);
+            changed.push(edgeId);
+        }
+        for (const edgeId of changed){
+            const edgeListeners = this.listeners.get(edgeId);
+            if (edgeListeners) for (const listener of edgeListeners)listener();
+        }
+    }
+}
+const EdgeCrossingsContext = /*#__PURE__*/ createContext(null);
+function EdgeCrossingsProvider({ children }) {
+    const inherited = useContext(EdgeCrossingsContext);
+    const ownStoreRef = useRef(void 0);
+    if (!ownStoreRef.current) ownStoreRef.current = new EdgeCrossingsStore();
+    return /*#__PURE__*/ jsx(EdgeCrossingsContext.Provider, {
+        value: inherited ?? ownStoreRef.current,
+        children: children
+    });
+}
+function useEdgeCrossingsStore() {
+    return useContext(EdgeCrossingsContext);
+}
+export { EMPTY_JUMPS, EdgeCrossingsProvider, EdgeCrossingsStore, useEdgeCrossingsStore };

package/dist/canvas/components/Edges/shared/crossings/crossings.cjs

@@ -0,0 +1,139 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    polylinesEqual: ()=>polylinesEqual,
+    jumpsEqual: ()=>jumpsEqual,
+    computeLineJumps: ()=>computeLineJumps
+});
+const external_constants_cjs_namespaceObject = require("../constants.cjs");
+const { COLLINEAR_TOLERANCE: TOL, BORDER_RADIUS } = external_constants_cjs_namespaceObject.EDGE_CONSTANTS;
+function computeLineJumps(polylines) {
+    const horizontals = [];
+    const verticals = [];
+    for (const { edgeId, points } of polylines)for(let i = 0; i < points.length - 1; i++){
+        const a = points[i];
+        const b = points[i + 1];
+        const dx = Math.abs(b.x - a.x);
+        const dy = Math.abs(b.y - a.y);
+        if (dy <= TOL && dx > TOL) horizontals.push({
+            edgeId,
+            segmentIndex: i,
+            y: a.y,
+            xMin: Math.min(a.x, b.x),
+            xMax: Math.max(a.x, b.x)
+        });
+        else if (dx <= TOL && dy > TOL) {
+            const bendMargin = Math.min(BORDER_RADIUS, dy / 2);
+            const startMargin = i > 0 ? bendMargin : TOL;
+            const endMargin = i + 2 < points.length ? bendMargin : TOL;
+            const descending = b.y > a.y;
+            verticals.push({
+                edgeId,
+                x: a.x,
+                yMin: Math.min(a.y, b.y),
+                yMax: Math.max(a.y, b.y),
+                minMargin: descending ? startMargin : endMargin,
+                maxMargin: descending ? endMargin : startMargin
+            });
+        }
+    }
+    if (0 === horizontals.length || 0 === verticals.length) return new Map();
+    verticals.sort((a, b)=>a.x - b.x);
+    const xs = verticals.map((v)=>v.x);
+    const result = new Map();
+    for (const h of horizontals){
+        let jumps;
+        let lastX = -1 / 0;
+        for(let i = lowerBound(xs, h.xMin + TOL); i < verticals.length; i++){
+            const v = verticals[i];
+            if (v.x >= h.xMax - TOL) break;
+            if (v.edgeId !== h.edgeId) {
+                if (!(h.y <= v.yMin + v.minMargin) && !(h.y >= v.yMax - v.maxMargin)) {
+                    if (!(v.x - lastX <= TOL)) {
+                        lastX = v.x;
+                        jumps ??= [];
+                        jumps.push({
+                            segmentIndex: h.segmentIndex,
+                            point: {
+                                x: v.x,
+                                y: h.y
+                            }
+                        });
+                    }
+                }
+            }
+        }
+        if (!jumps) continue;
+        const existing = result.get(h.edgeId);
+        if (existing) existing.push(...jumps);
+        else result.set(h.edgeId, jumps);
+    }
+    return result;
+}
+function lowerBound(sorted, value) {
+    let low = 0;
+    let high = sorted.length;
+    while(low < high){
+        const mid = low + high >>> 1;
+        if (sorted[mid] < value) low = mid + 1;
+        else high = mid;
+    }
+    return low;
+}
+function polylinesEqual(a, b) {
+    if (a === b) return true;
+    if (a.length !== b.length) return false;
+    for(let i = 0; i < a.length; i++){
+        const left = a[i];
+        const right = b[i];
+        if (Math.abs(left.x - right.x) > TOL) return false;
+        if (Math.abs(left.y - right.y) > TOL) return false;
+    }
+    return true;
+}
+function jumpsEqual(a, b) {
+    if (a === b) return true;
+    if (a.length !== b.length) return false;
+    for(let i = 0; i < a.length; i++){
+        const left = a[i];
+        const right = b[i];
+        if (left.segmentIndex !== right.segmentIndex) return false;
+        if (Math.abs(left.point.x - right.point.x) > TOL) return false;
+        if (Math.abs(left.point.y - right.point.y) > TOL) return false;
+    }
+    return true;
+}
+exports.computeLineJumps = __webpack_exports__.computeLineJumps;
+exports.jumpsEqual = __webpack_exports__.jumpsEqual;
+exports.polylinesEqual = __webpack_exports__.polylinesEqual;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "computeLineJumps",
+    "jumpsEqual",
+    "polylinesEqual"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/components/Edges/shared/crossings/crossings.d.ts

@@ -0,0 +1,9 @@
+import type { PathJump, Point } from '../types';
+export type EdgePolyline = {
+    edgeId: string;
+    points: Point[];
+};
+export declare function computeLineJumps(polylines: EdgePolyline[]): Map<string, PathJump[]>;
+export declare function polylinesEqual(a: readonly Point[], b: readonly Point[]): boolean;
+export declare function jumpsEqual(a: readonly PathJump[], b: readonly PathJump[]): boolean;
+//# sourceMappingURL=crossings.d.ts.map