@uipath/apollo-react 4.18.0 → 4.18.2

package/dist/canvas/utils/container.cjs

@@ -25,12 +25,13 @@ var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     CONTAINER_SEQUENCE_GAP_PX: ()=>CONTAINER_SEQUENCE_GAP_PX,
-    DEFAULT_CONTAINER_WIDTH: ()=>DEFAULT_CONTAINER_WIDTH,
+    collectLinearDownstreamSiblings: ()=>collectLinearDownstreamSiblings,
     DEFAULT_CONTAINER_HEIGHT: ()=>DEFAULT_CONTAINER_HEIGHT,
     getContainerSafeArea: ()=>container_getContainerSafeArea,
+    DEFAULT_CONTAINER_WIDTH: ()=>DEFAULT_CONTAINER_WIDTH,
     isContainerNodeManifest: ()=>isContainerNodeManifest,
-    placeContainerNode: ()=>placeContainerNode,
     DEFAULT_CONTAINER_MIN_HEIGHT: ()=>DEFAULT_CONTAINER_MIN_HEIGHT,
+    placeContainerNode: ()=>placeContainerNode,
     getContainerNodeForEdge: ()=>getContainerNodeForEdge,
     resolveContainerPreview: ()=>resolveContainerPreview,
     getContainerFitGeometry: ()=>container_getContainerFitGeometry,
@@ -204,10 +205,12 @@ function clampTopToSafeArea(top, safeArea, nodeSize) {
 function rangesOverlap(startA, endA, startB, endB) {
     return startA < endB && endA > startB;
 }
-function centerInSafeArea(safeArea, nodeSize) {
+function centerOnContainerRail(containerSize, safeArea, nodeSize) {
+    const railY = (0, external_NodeUtils_cjs_namespaceObject.snapToGrid)(containerSize.height / 2 - nodeSize.height / 2);
+    const maxY = safeArea.y + Math.max(0, safeArea.height - nodeSize.height);
     return {
         x: Math.max(safeArea.x, (0, external_NodeUtils_cjs_namespaceObject.snapToGrid)(safeArea.x + (safeArea.width - nodeSize.width) / 2)),
-        y: Math.max(safeArea.y, (0, external_NodeUtils_cjs_namespaceObject.snapToGrid)(safeArea.y + (safeArea.height - nodeSize.height) / 2))
+        y: (0, external_NodeUtils_cjs_namespaceObject.clamp)(railY, safeArea.y, maxY)
     };
 }
 function getLocalNodePosition(node, containerNode, nodes) {
@@ -273,43 +276,54 @@ function getSingleOutgoingEdge(sourceNodeId, sourceHandleId, edges) {
 function isPreviewGraphEdge(edge) {
     return edge.source === external_constants_cjs_namespaceObject.PREVIEW_NODE_ID || edge.target === external_constants_cjs_namespaceObject.PREVIEW_NODE_ID;
 }
-function getDefaultNextContainerSequenceNodeId({ nodeId, edges, nodesById, containerId, isSequenceEdge }) {
-    const localOutgoingEdges = edges.filter((edge)=>{
-        if (isPreviewGraphEdge(edge) || edge.source !== nodeId) return false;
-        if (isSequenceEdge && !isSequenceEdge(edge)) return false;
-        const targetNode = nodesById.get(edge.target);
-        return edge.target === containerId || targetNode?.parentId === containerId;
-    });
-    return 1 === localOutgoingEdges.length ? localOutgoingEdges[0].target : null;
+function bucketInScopeEdgesBySource({ edges, nodesById, parentId, isSequenceEdge }) {
+    const bySource = new Map();
+    for (const edge of edges){
+        if (isPreviewGraphEdge(edge)) continue;
+        if (isSequenceEdge && !isSequenceEdge(edge)) continue;
+        const targetIsParent = void 0 !== parentId && edge.target === parentId;
+        const targetIsSibling = nodesById.get(edge.target)?.parentId === parentId;
+        if (!targetIsParent && !targetIsSibling) continue;
+        const bucket = bySource.get(edge.source);
+        if (bucket) bucket.push(edge);
+        else bySource.set(edge.source, [
+            edge
+        ]);
+    }
+    return bySource;
 }
-function collectDownstreamNodes({ targetNodeId, containerId, nodes, edges, isSequenceEdge, getNextNodeId }) {
-    if (!targetNodeId || targetNodeId === containerId) return [];
+function collectLinearDownstreamSiblings({ startNodeId, parentId, nodes, edges, isSequenceEdge, getNextNodeId }) {
+    if (!startNodeId || startNodeId === parentId) return [];
     const nodesById = new Map(nodes.map((node)=>[
             node.id,
             node
         ]));
+    const inScopeEdgesBySource = bucketInScopeEdgesBySource({
+        edges,
+        nodesById,
+        parentId,
+        isSequenceEdge
+    });
     const collectedIds = [];
     const visitedIds = new Set();
-    let currentNodeId = targetNodeId;
+    let currentNodeId = startNodeId;
     while(!visitedIds.has(currentNodeId)){
         const currentNode = nodesById.get(currentNodeId);
-        if (!currentNode || currentNode.parentId !== containerId) break;
+        if (!currentNode || currentNode.parentId !== parentId) break;
         collectedIds.push(currentNodeId);
         visitedIds.add(currentNodeId);
-        const nextNodeId = getNextNodeId?.({
+        let next = getNextNodeId ? getNextNodeId({
             nodeId: currentNodeId,
             edges,
             nodesById,
-            containerId
-        }) ?? getDefaultNextContainerSequenceNodeId({
-            nodeId: currentNodeId,
-            edges,
-            nodesById,
-            containerId,
-            isSequenceEdge
-        });
-        if (!nextNodeId || nextNodeId === containerId) break;
-        currentNodeId = nextNodeId;
+            parentId
+        }) : void 0;
+        if (void 0 === next) {
+            const outgoing = inScopeEdgesBySource.get(currentNodeId) ?? [];
+            next = 1 === outgoing.length ? outgoing[0].target : null;
+        }
+        if (!next || next === parentId) break;
+        currentNodeId = next;
     }
     return collectedIds;
 }
@@ -491,26 +505,37 @@ function pushSiblingsAfterContainerGrowth({ nodes, changes, getNodeDimensions, g
     let nextNodes = nodes;
     for (const change of sortContainerSizeChanges(changes, nextNodes)){
         const widthDelta = change.nextSize.width - change.previousSize.width;
-        if (widthDelta <= 0) continue;
+        const heightDelta = change.nextSize.height - change.previousSize.height;
+        if (widthDelta <= 0 && heightDelta <= 0) continue;
         const containerNode = nextNodes.find((node)=>node.id === change.containerId);
         const oldRight = containerNode.position.x + change.previousSize.width;
         const newRight = containerNode.position.x + change.nextSize.width;
+        const oldBottom = containerNode.position.y + change.previousSize.height;
+        const newBottom = containerNode.position.y + change.nextSize.height;
+        const containerLeft = containerNode.position.x;
+        const containerRight = containerNode.position.x + Math.max(change.previousSize.width, change.nextSize.width);
         const containerTop = containerNode.position.y;
         const containerBottom = containerNode.position.y + Math.max(change.previousSize.height, change.nextSize.height);
         nextNodes = nextNodes.map((node)=>{
             if (node.id === containerNode.id || node.parentId !== containerNode.parentId) return node;
             const nodeSize = getNodeDimensions(node);
-            const isRightSibling = node.position.x >= oldRight;
-            const verticallyOverlaps = rangesOverlap(node.position.y, node.position.y + nodeSize.height, containerTop, containerBottom);
-            if (!isRightSibling || !verticallyOverlaps) return node;
-            const nextX = Math.max(node.position.x + widthDelta, (0, external_NodeUtils_cjs_namespaceObject.snapUpToGrid)(newRight + gap));
-            if (nextX === node.position.x) return node;
+            let nextX = node.position.x;
+            let nextY = node.position.y;
+            if (widthDelta > 0 && node.position.x >= oldRight) {
+                const verticallyOverlaps = rangesOverlap(node.position.y, node.position.y + nodeSize.height, containerTop, containerBottom);
+                if (verticallyOverlaps) nextX = Math.max(node.position.x + widthDelta, (0, external_NodeUtils_cjs_namespaceObject.snapUpToGrid)(newRight + gap));
+            }
+            if (heightDelta > 0 && node.position.y >= oldBottom) {
+                const horizontallyOverlaps = rangesOverlap(node.position.x, node.position.x + nodeSize.width, containerLeft, containerRight);
+                if (horizontallyOverlaps) nextY = Math.max(node.position.y + heightDelta, (0, external_NodeUtils_cjs_namespaceObject.snapUpToGrid)(newBottom + gap));
+            }
+            if (nextX === node.position.x && nextY === node.position.y) return node;
             shifted = true;
             return {
                 ...node,
                 position: {
-                    ...node.position,
-                    x: nextX
+                    x: nextX,
+                    y: nextY
                 }
             };
         });
@@ -542,11 +567,11 @@ function fitContainersAndPushSiblings({ nodes, containerIds, getContainerFitGeom
     }
     return nextNodes;
 }
-function getContainerPlacement({ previewNode, isContainerId }) {
+function getContainerPlacement(previewNode) {
     const placement = previewNode.data?.[PLACEMENT_DATA_KEY];
     if (!placement) return null;
     if (previewNode.parentId && placement.containerId !== previewNode.parentId) return null;
-    return isContainerId && !isContainerId(placement.containerId) ? null : placement;
+    return placement;
 }
 function placeContainerNode({ nodes, insertedNode, placement, safeArea, getContainerFitGeometry: resolveContainerFitGeometry = container_getContainerFitGeometry, getNodeDimensions: resolveNodeDimensions = container_getNodeDimensions, gap = CONTAINER_SEQUENCE_GAP_PX, downstreamNodeIds, edges }) {
     const containerNode = nodes.find((node)=>node.id === placement.containerId);
@@ -558,7 +583,7 @@ function placeContainerNode({ nodes, insertedNode, placement, safeArea, getConta
     const resolvedSafeArea = getSafeArea(containerNode, safeArea);
     const positionedNode = 'first-child' === placement.mode ? {
         ...insertedNode,
-        position: centerInSafeArea(resolvedSafeArea, insertedSize)
+        position: centerOnContainerRail(resolveNodeDimensions(containerNode), resolvedSafeArea, insertedSize)
     } : {
         ...insertedNode,
         position: getInsertedPosition({
@@ -577,14 +602,18 @@ function placeContainerNode({ nodes, insertedNode, placement, safeArea, getConta
     const fallbackTargetIds = placement.targetNodeId && placement.targetNodeId !== placement.containerId ? [
         placement.targetNodeId
     ] : [];
-    const idsToShift = new Set(downstreamNodeIds ?? (edges ? collectDownstreamNodes({
-        targetNodeId: placement.targetNodeId,
-        containerId: placement.containerId,
+    const idsToShift = new Set(downstreamNodeIds ?? (edges ? collectLinearDownstreamSiblings({
+        startNodeId: placement.targetNodeId,
+        parentId: placement.containerId,
         nodes,
         edges
     }) : fallbackTargetIds));
+    if (placement.sourceNodeId) idsToShift.delete(placement.sourceNodeId);
+    const sourceNode = placement.sourceNodeId ? nodesById.get(placement.sourceNodeId) : void 0;
+    const sourceIsContainer = placement.sourceNodeId === placement.containerId;
+    const isBackEdge = !sourceIsContainer && void 0 !== sourceNode && void 0 !== targetNode && sourceNode.position.x >= targetNode.position.x;
     const requiredTargetLeft = positionedNode.position.x + insertedSize.width + gap;
-    const downstreamShift = targetNode && targetNode.position.x < requiredTargetLeft ? (0, external_NodeUtils_cjs_namespaceObject.snapUpToGrid)(requiredTargetLeft - targetNode.position.x) : 0;
+    const downstreamShift = !isBackEdge && targetNode && targetNode.position.x < requiredTargetLeft ? (0, external_NodeUtils_cjs_namespaceObject.snapUpToGrid)(requiredTargetLeft - targetNode.position.x) : 0;
     const positionedNodes = nodes.map((node)=>{
         if (node.id === insertedNode.id) return positionedNode;
         if (downstreamShift > 0 && idsToShift.has(node.id)) return {
@@ -612,6 +641,7 @@ exports.DEFAULT_CONTAINER_HEIGHT = __webpack_exports__.DEFAULT_CONTAINER_HEIGHT;
 exports.DEFAULT_CONTAINER_MIN_HEIGHT = __webpack_exports__.DEFAULT_CONTAINER_MIN_HEIGHT;
 exports.DEFAULT_CONTAINER_MIN_WIDTH = __webpack_exports__.DEFAULT_CONTAINER_MIN_WIDTH;
 exports.DEFAULT_CONTAINER_WIDTH = __webpack_exports__.DEFAULT_CONTAINER_WIDTH;
+exports.collectLinearDownstreamSiblings = __webpack_exports__.collectLinearDownstreamSiblings;
 exports.ensureContainersFitChildren = __webpack_exports__.ensureContainersFitChildren;
 exports.getContainerFitGeometry = __webpack_exports__.getContainerFitGeometry;
 exports.getContainerNodeForEdge = __webpack_exports__.getContainerNodeForEdge;
@@ -628,6 +658,7 @@ for(var __rspack_i in __webpack_exports__)if (-1 === [
     "DEFAULT_CONTAINER_MIN_HEIGHT",
     "DEFAULT_CONTAINER_MIN_WIDTH",
     "DEFAULT_CONTAINER_WIDTH",
+    "collectLinearDownstreamSiblings",
     "ensureContainersFitChildren",
     "getContainerFitGeometry",
     "getContainerNodeForEdge",

package/dist/canvas/utils/container.d.ts

@@ -59,6 +59,14 @@ interface ContainerPreviewOptions {
     avoidSiblings?: boolean;
     getNodeDimensions?: (node: Node) => NodeDimensions;
 }
+type SequenceEdgePredicate = (edge: Edge) => boolean;
+interface NextNodeContext {
+    nodeId: string;
+    edges: Edge[];
+    nodesById: Map<string, Node>;
+    parentId: string | undefined;
+}
+type NextNodeResolver = (context: NextNodeContext) => string | null | undefined;
 export declare const DEFAULT_CONTAINER_WIDTH: number;
 export declare const DEFAULT_CONTAINER_HEIGHT: number;
 export declare const DEFAULT_CONTAINER_MIN_WIDTH: number;
@@ -77,11 +85,16 @@ export declare function ensureContainersFitChildren(nodes: Node[], { containerId
     includeAncestors?: boolean;
 }): EnsureContainersFitChildrenResult;
 export declare function getContainerNodeForEdge(sourceNode: Node, targetNode: Node, nodes: Node[]): Node | null;
+export declare function collectLinearDownstreamSiblings({ startNodeId, parentId, nodes, edges, isSequenceEdge, getNextNodeId, }: {
+    startNodeId: string | undefined;
+    parentId: string | undefined;
+    nodes: Node[];
+    edges: Edge[];
+    isSequenceEdge?: SequenceEdgePredicate;
+    getNextNodeId?: NextNodeResolver;
+}): string[];
 export declare function resolveContainerPreview({ source, sourceHandleType, reactFlowInstance, ...options }: ContainerPreviewContext & ContainerPreviewOptions): PreviewGraphOverrides | null;
-export declare function getContainerPlacement({ previewNode, isContainerId, }: {
-    previewNode: Pick<Node, 'data' | 'parentId'>;
-    isContainerId?: (containerId: string) => boolean;
-}): ContainerPlacement | null;
+export declare function getContainerPlacement(previewNode: Pick<Node, 'data' | 'parentId'>): ContainerPlacement | null;
 export declare function placeContainerNode({ nodes, insertedNode, placement, safeArea, getContainerFitGeometry: resolveContainerFitGeometry, getNodeDimensions: resolveNodeDimensions, gap, downstreamNodeIds, edges, }: {
     nodes: Node[];
     insertedNode: Node;

package/dist/canvas/utils/container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/container.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/container.ts"],"names":[],"mappings":"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"}

package/dist/canvas/utils/container.js

@@ -162,10 +162,12 @@ function clampTopToSafeArea(top, safeArea, nodeSize) {
 function rangesOverlap(startA, endA, startB, endB) {
     return startA < endB && endA > startB;
 }
-function centerInSafeArea(safeArea, nodeSize) {
+function centerOnContainerRail(containerSize, safeArea, nodeSize) {
+    const railY = snapToGrid(containerSize.height / 2 - nodeSize.height / 2);
+    const maxY = safeArea.y + Math.max(0, safeArea.height - nodeSize.height);
     return {
         x: Math.max(safeArea.x, snapToGrid(safeArea.x + (safeArea.width - nodeSize.width) / 2)),
-        y: Math.max(safeArea.y, snapToGrid(safeArea.y + (safeArea.height - nodeSize.height) / 2))
+        y: clamp(railY, safeArea.y, maxY)
     };
 }
 function getLocalNodePosition(node, containerNode, nodes) {
@@ -231,43 +233,54 @@ function getSingleOutgoingEdge(sourceNodeId, sourceHandleId, edges) {
 function isPreviewGraphEdge(edge) {
     return edge.source === PREVIEW_NODE_ID || edge.target === PREVIEW_NODE_ID;
 }
-function getDefaultNextContainerSequenceNodeId({ nodeId, edges, nodesById, containerId, isSequenceEdge }) {
-    const localOutgoingEdges = edges.filter((edge)=>{
-        if (isPreviewGraphEdge(edge) || edge.source !== nodeId) return false;
-        if (isSequenceEdge && !isSequenceEdge(edge)) return false;
-        const targetNode = nodesById.get(edge.target);
-        return edge.target === containerId || targetNode?.parentId === containerId;
-    });
-    return 1 === localOutgoingEdges.length ? localOutgoingEdges[0].target : null;
+function bucketInScopeEdgesBySource({ edges, nodesById, parentId, isSequenceEdge }) {
+    const bySource = new Map();
+    for (const edge of edges){
+        if (isPreviewGraphEdge(edge)) continue;
+        if (isSequenceEdge && !isSequenceEdge(edge)) continue;
+        const targetIsParent = void 0 !== parentId && edge.target === parentId;
+        const targetIsSibling = nodesById.get(edge.target)?.parentId === parentId;
+        if (!targetIsParent && !targetIsSibling) continue;
+        const bucket = bySource.get(edge.source);
+        if (bucket) bucket.push(edge);
+        else bySource.set(edge.source, [
+            edge
+        ]);
+    }
+    return bySource;
 }
-function collectDownstreamNodes({ targetNodeId, containerId, nodes, edges, isSequenceEdge, getNextNodeId }) {
-    if (!targetNodeId || targetNodeId === containerId) return [];
+function collectLinearDownstreamSiblings({ startNodeId, parentId, nodes, edges, isSequenceEdge, getNextNodeId }) {
+    if (!startNodeId || startNodeId === parentId) return [];
     const nodesById = new Map(nodes.map((node)=>[
             node.id,
             node
         ]));
+    const inScopeEdgesBySource = bucketInScopeEdgesBySource({
+        edges,
+        nodesById,
+        parentId,
+        isSequenceEdge
+    });
     const collectedIds = [];
     const visitedIds = new Set();
-    let currentNodeId = targetNodeId;
+    let currentNodeId = startNodeId;
     while(!visitedIds.has(currentNodeId)){
         const currentNode = nodesById.get(currentNodeId);
-        if (!currentNode || currentNode.parentId !== containerId) break;
+        if (!currentNode || currentNode.parentId !== parentId) break;
         collectedIds.push(currentNodeId);
         visitedIds.add(currentNodeId);
-        const nextNodeId = getNextNodeId?.({
+        let next = getNextNodeId ? getNextNodeId({
             nodeId: currentNodeId,
             edges,
             nodesById,
-            containerId
-        }) ?? getDefaultNextContainerSequenceNodeId({
-            nodeId: currentNodeId,
-            edges,
-            nodesById,
-            containerId,
-            isSequenceEdge
-        });
-        if (!nextNodeId || nextNodeId === containerId) break;
-        currentNodeId = nextNodeId;
+            parentId
+        }) : void 0;
+        if (void 0 === next) {
+            const outgoing = inScopeEdgesBySource.get(currentNodeId) ?? [];
+            next = 1 === outgoing.length ? outgoing[0].target : null;
+        }
+        if (!next || next === parentId) break;
+        currentNodeId = next;
     }
     return collectedIds;
 }
@@ -449,26 +462,37 @@ function pushSiblingsAfterContainerGrowth({ nodes, changes, getNodeDimensions, g
     let nextNodes = nodes;
     for (const change of sortContainerSizeChanges(changes, nextNodes)){
         const widthDelta = change.nextSize.width - change.previousSize.width;
-        if (widthDelta <= 0) continue;
+        const heightDelta = change.nextSize.height - change.previousSize.height;
+        if (widthDelta <= 0 && heightDelta <= 0) continue;
         const containerNode = nextNodes.find((node)=>node.id === change.containerId);
         const oldRight = containerNode.position.x + change.previousSize.width;
         const newRight = containerNode.position.x + change.nextSize.width;
+        const oldBottom = containerNode.position.y + change.previousSize.height;
+        const newBottom = containerNode.position.y + change.nextSize.height;
+        const containerLeft = containerNode.position.x;
+        const containerRight = containerNode.position.x + Math.max(change.previousSize.width, change.nextSize.width);
         const containerTop = containerNode.position.y;
         const containerBottom = containerNode.position.y + Math.max(change.previousSize.height, change.nextSize.height);
         nextNodes = nextNodes.map((node)=>{
             if (node.id === containerNode.id || node.parentId !== containerNode.parentId) return node;
             const nodeSize = getNodeDimensions(node);
-            const isRightSibling = node.position.x >= oldRight;
-            const verticallyOverlaps = rangesOverlap(node.position.y, node.position.y + nodeSize.height, containerTop, containerBottom);
-            if (!isRightSibling || !verticallyOverlaps) return node;
-            const nextX = Math.max(node.position.x + widthDelta, snapUpToGrid(newRight + gap));
-            if (nextX === node.position.x) return node;
+            let nextX = node.position.x;
+            let nextY = node.position.y;
+            if (widthDelta > 0 && node.position.x >= oldRight) {
+                const verticallyOverlaps = rangesOverlap(node.position.y, node.position.y + nodeSize.height, containerTop, containerBottom);
+                if (verticallyOverlaps) nextX = Math.max(node.position.x + widthDelta, snapUpToGrid(newRight + gap));
+            }
+            if (heightDelta > 0 && node.position.y >= oldBottom) {
+                const horizontallyOverlaps = rangesOverlap(node.position.x, node.position.x + nodeSize.width, containerLeft, containerRight);
+                if (horizontallyOverlaps) nextY = Math.max(node.position.y + heightDelta, snapUpToGrid(newBottom + gap));
+            }
+            if (nextX === node.position.x && nextY === node.position.y) return node;
             shifted = true;
             return {
                 ...node,
                 position: {
-                    ...node.position,
-                    x: nextX
+                    x: nextX,
+                    y: nextY
                 }
             };
         });
@@ -500,11 +524,11 @@ function fitContainersAndPushSiblings({ nodes, containerIds, getContainerFitGeom
     }
     return nextNodes;
 }
-function getContainerPlacement({ previewNode, isContainerId }) {
+function getContainerPlacement(previewNode) {
     const placement = previewNode.data?.[PLACEMENT_DATA_KEY];
     if (!placement) return null;
     if (previewNode.parentId && placement.containerId !== previewNode.parentId) return null;
-    return isContainerId && !isContainerId(placement.containerId) ? null : placement;
+    return placement;
 }
 function placeContainerNode({ nodes, insertedNode, placement, safeArea, getContainerFitGeometry: resolveContainerFitGeometry = container_getContainerFitGeometry, getNodeDimensions: resolveNodeDimensions = container_getNodeDimensions, gap = CONTAINER_SEQUENCE_GAP_PX, downstreamNodeIds, edges }) {
     const containerNode = nodes.find((node)=>node.id === placement.containerId);
@@ -516,7 +540,7 @@ function placeContainerNode({ nodes, insertedNode, placement, safeArea, getConta
     const resolvedSafeArea = getSafeArea(containerNode, safeArea);
     const positionedNode = 'first-child' === placement.mode ? {
         ...insertedNode,
-        position: centerInSafeArea(resolvedSafeArea, insertedSize)
+        position: centerOnContainerRail(resolveNodeDimensions(containerNode), resolvedSafeArea, insertedSize)
     } : {
         ...insertedNode,
         position: getInsertedPosition({
@@ -535,14 +559,18 @@ function placeContainerNode({ nodes, insertedNode, placement, safeArea, getConta
     const fallbackTargetIds = placement.targetNodeId && placement.targetNodeId !== placement.containerId ? [
         placement.targetNodeId
     ] : [];
-    const idsToShift = new Set(downstreamNodeIds ?? (edges ? collectDownstreamNodes({
-        targetNodeId: placement.targetNodeId,
-        containerId: placement.containerId,
+    const idsToShift = new Set(downstreamNodeIds ?? (edges ? collectLinearDownstreamSiblings({
+        startNodeId: placement.targetNodeId,
+        parentId: placement.containerId,
         nodes,
         edges
     }) : fallbackTargetIds));
+    if (placement.sourceNodeId) idsToShift.delete(placement.sourceNodeId);
+    const sourceNode = placement.sourceNodeId ? nodesById.get(placement.sourceNodeId) : void 0;
+    const sourceIsContainer = placement.sourceNodeId === placement.containerId;
+    const isBackEdge = !sourceIsContainer && void 0 !== sourceNode && void 0 !== targetNode && sourceNode.position.x >= targetNode.position.x;
     const requiredTargetLeft = positionedNode.position.x + insertedSize.width + gap;
-    const downstreamShift = targetNode && targetNode.position.x < requiredTargetLeft ? snapUpToGrid(requiredTargetLeft - targetNode.position.x) : 0;
+    const downstreamShift = !isBackEdge && targetNode && targetNode.position.x < requiredTargetLeft ? snapUpToGrid(requiredTargetLeft - targetNode.position.x) : 0;
     const positionedNodes = nodes.map((node)=>{
         if (node.id === insertedNode.id) return positionedNode;
         if (downstreamShift > 0 && idsToShift.has(node.id)) return {
@@ -564,4 +592,4 @@ function placeContainerNode({ nodes, insertedNode, placement, safeArea, getConta
         gap
     });
 }
-export { CONTAINER_FRAME_INSET_PX, CONTAINER_SEQUENCE_GAP_PX, DEFAULT_CONTAINER_HEIGHT, DEFAULT_CONTAINER_MIN_HEIGHT, DEFAULT_CONTAINER_MIN_WIDTH, DEFAULT_CONTAINER_WIDTH, ensureContainersFitChildren, container_getContainerFitGeometry as getContainerFitGeometry, getContainerNodeForEdge, getContainerPlacement, container_getContainerSafeArea as getContainerSafeArea, container_getNodeDimensions as getNodeDimensions, isContainerNodeManifest, placeContainerNode, resolveContainerPreview };
+export { CONTAINER_FRAME_INSET_PX, CONTAINER_SEQUENCE_GAP_PX, DEFAULT_CONTAINER_HEIGHT, DEFAULT_CONTAINER_MIN_HEIGHT, DEFAULT_CONTAINER_MIN_WIDTH, DEFAULT_CONTAINER_WIDTH, collectLinearDownstreamSiblings, ensureContainersFitChildren, container_getContainerFitGeometry as getContainerFitGeometry, getContainerNodeForEdge, getContainerPlacement, container_getContainerSafeArea as getContainerSafeArea, container_getNodeDimensions as getNodeDimensions, isContainerNodeManifest, placeContainerNode, resolveContainerPreview };

package/dist/canvas/utils/createPreviewGraph.cjs

@@ -52,8 +52,20 @@ function reparentPreviewNodeToContainer(previewNode, containerId, reactFlowInsta
         extent: 'parent'
     };
 }
-function createPreviewNodeForGraph({ source, reactFlowInstance, position, data, sourceHandleType, previewNodeSize, handlePosition, ignoredNodeTypes, positionMode }) {
-    return (0, external_createPreviewNode_cjs_namespaceObject.createPreviewNode)(source.nodeId, source.handleId ?? external_constants_cjs_namespaceObject.DEFAULT_SOURCE_HANDLE_ID, reactFlowInstance, position, data, sourceHandleType, previewNodeSize, handlePosition, ignoredNodeTypes, positionMode);
+function createPreviewNodeForGraph({ source, reactFlowInstance, position, data, sourceHandleType, previewNodeSize, handlePosition, ignoredNodeTypes, positionMode, sourceBoundaryOf }) {
+    return (0, external_createPreviewNode_cjs_namespaceObject.createPreviewNode)({
+        sourceNodeId: source.nodeId,
+        sourceHandleId: source.handleId ?? external_constants_cjs_namespaceObject.DEFAULT_SOURCE_HANDLE_ID,
+        reactFlowInstance,
+        position,
+        data,
+        sourceHandleType,
+        previewNodeSize,
+        handlePosition,
+        ignoredNodeTypes,
+        positionMode,
+        sourceBoundaryOf
+    });
 }
 function createTrailingPreviewEdge({ target, trailingEdgeId, trailingEdgeStyle = external_createPreviewNode_cjs_namespaceObject.PREVIEW_EDGE_STYLE }) {
     if (!target) return null;

package/dist/canvas/utils/createPreviewGraph.d.ts

@@ -1,6 +1,7 @@
 import type { Edge, Node, Position, ReactFlowInstance } from '../xyflow/react.ts';
 import type { CSSProperties } from 'react';
 import { type PreviewNodePositionMode } from './createPreviewNode';
+import { type HandleBoundaryResolver } from './NodeUtils';
 export interface PreviewGraph {
     node: Node;
     edges: Edge[];
@@ -29,6 +30,7 @@ export interface CreatePreviewGraphOptions {
     containerId?: string;
     trailingEdgeId?: string;
     trailingEdgeStyle?: CSSProperties;
+    sourceBoundaryOf?: HandleBoundaryResolver;
 }
 export type PreviewGraphOverrides = Partial<Pick<CreatePreviewGraphOptions, 'containerId' | 'data' | 'position' | 'positionMode' | 'target' | 'trailingEdgeId' | 'trailingEdgeStyle'>>;
 export declare function reparentPreviewNodeToContainer(previewNode: Node, containerId: string, reactFlowInstance: ReactFlowInstance): Node | null;

package/dist/canvas/utils/createPreviewGraph.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createPreviewGraph.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/createPreviewGraph.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,iBAAiB,EAClB,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAIL,KAAK,uBAAuB,EAC7B,MAAM,qBAAqB,CAAC;AAI7B,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,IAAI,EAAE,CAAC;CACf;AAGD,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAMD,MAAM,WAAW,yBAAyB;IACxC,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,MAAM,EAAE,eAAe,CAAC;IACxB,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,QAAQ,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,gBAAgB,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IACvC,eAAe,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACpD,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,YAAY,CAAC,EAAE,uBAAuB,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,aAAa,CAAC;CACnC;AAED,MAAM,MAAM,qBAAqB,GAAG,OAAO,CACzC,IAAI,CACF,yBAAyB,EACvB,aAAa,GACb,MAAM,GACN,UAAU,GACV,cAAc,GACd,QAAQ,GACR,gBAAgB,GAChB,mBAAmB,CACtB,CACF,CAAC;AA0BF,wBAAgB,8BAA8B,CAC5C,WAAW,EAAE,IAAI,EACjB,WAAW,EAAE,MAAM,EACnB,iBAAiB,EAAE,iBAAiB,GACnC,IAAI,GAAG,IAAI,CAkBb;AAsDD,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,yBAAyB,GAAG,YAAY,GAAG,IAAI,CAqB1F;AAOD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,yBAAyB,GAAG,YAAY,GAAG,IAAI,CAMxF;AAOD,wBAAgB,4BAA4B,CAC1C,OAAO,EAAE,YAAY,EACrB,iBAAiB,EAAE,iBAAiB,GACnC,IAAI,CAgBN"}
+{"version":3,"file":"createPreviewGraph.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/createPreviewGraph.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,iBAAiB,EAClB,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAIL,KAAK,uBAAuB,EAC7B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAuB,KAAK,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAG/E,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,IAAI,EAAE,CAAC;CACf;AAGD,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAMD,MAAM,WAAW,yBAAyB;IACxC,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,MAAM,EAAE,eAAe,CAAC;IACxB,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,QAAQ,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,gBAAgB,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IACvC,eAAe,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACpD,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,YAAY,CAAC,EAAE,uBAAuB,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,aAAa,CAAC;IAOlC,gBAAgB,CAAC,EAAE,sBAAsB,CAAC;CAC3C;AAED,MAAM,MAAM,qBAAqB,GAAG,OAAO,CACzC,IAAI,CACF,yBAAyB,EACvB,aAAa,GACb,MAAM,GACN,UAAU,GACV,cAAc,GACd,QAAQ,GACR,gBAAgB,GAChB,mBAAmB,CACtB,CACF,CAAC;AA0BF,wBAAgB,8BAA8B,CAC5C,WAAW,EAAE,IAAI,EACjB,WAAW,EAAE,MAAM,EACnB,iBAAiB,EAAE,iBAAiB,GACnC,IAAI,GAAG,IAAI,CAkBb;AAwDD,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,yBAAyB,GAAG,YAAY,GAAG,IAAI,CAqB1F;AAOD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,yBAAyB,GAAG,YAAY,GAAG,IAAI,CAMxF;AAOD,wBAAgB,4BAA4B,CAC1C,OAAO,EAAE,YAAY,EACrB,iBAAiB,EAAE,iBAAiB,GACnC,IAAI,CAgBN"}

package/dist/canvas/utils/createPreviewGraph.js

@@ -21,8 +21,20 @@ function reparentPreviewNodeToContainer(previewNode, containerId, reactFlowInsta
         extent: 'parent'
     };
 }
-function createPreviewNodeForGraph({ source, reactFlowInstance, position, data, sourceHandleType, previewNodeSize, handlePosition, ignoredNodeTypes, positionMode }) {
-    return createPreviewNode(source.nodeId, source.handleId ?? DEFAULT_SOURCE_HANDLE_ID, reactFlowInstance, position, data, sourceHandleType, previewNodeSize, handlePosition, ignoredNodeTypes, positionMode);
+function createPreviewNodeForGraph({ source, reactFlowInstance, position, data, sourceHandleType, previewNodeSize, handlePosition, ignoredNodeTypes, positionMode, sourceBoundaryOf }) {
+    return createPreviewNode({
+        sourceNodeId: source.nodeId,
+        sourceHandleId: source.handleId ?? DEFAULT_SOURCE_HANDLE_ID,
+        reactFlowInstance,
+        position,
+        data,
+        sourceHandleType,
+        previewNodeSize,
+        handlePosition,
+        ignoredNodeTypes,
+        positionMode,
+        sourceBoundaryOf
+    });
 }
 function createTrailingPreviewEdge({ target, trailingEdgeId, trailingEdgeStyle = PREVIEW_EDGE_STYLE }) {
     if (!target) return null;

package/dist/canvas/utils/createPreviewNode.cjs

@@ -160,10 +160,11 @@ function calculateAutoPosition(sourceNode, handlePosition, previewNodeSize, exis
     };
     return (0, external_NodeUtils_cjs_namespaceObject.getNonOverlappingPositionForDirection)(nodesWithAbsolutePositions, initialPosition, previewNodeSize, direction, offset, ignoredNodeTypes, overflowDirection);
 }
-function createPreviewNode(sourceNodeId, sourceHandleId, reactFlowInstance, position, data, sourceHandleType = 'source', previewNodeSize = {
-    width: external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE,
-    height: external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE
-}, handlePosition = react_cjs_namespaceObject.Position.Right, ignoredNodeTypes = [], positionMode = 'drop') {
+function createPreviewNode(options) {
+    const { sourceNodeId, sourceHandleId, reactFlowInstance, position, data, sourceHandleType = 'source', previewNodeSize = {
+        width: external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE,
+        height: external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE
+    }, handlePosition = react_cjs_namespaceObject.Position.Right, ignoredNodeTypes = [], positionMode = 'drop', sourceBoundaryOf } = options;
     const sourceNode = reactFlowInstance.getNode(sourceNodeId);
     if (!sourceNode) {
         console.warn(`Source node ${sourceNodeId} not found`);
@@ -172,7 +173,9 @@ function createPreviewNode(sourceNodeId, sourceHandleId, reactFlowInstance, posi
     const treatPreviewAsSource = 'target' === sourceHandleType;
     const existingNodes = reactFlowInstance.getNodes().filter((n)=>n.id !== external_constants_cjs_namespaceObject.PREVIEW_NODE_ID);
     const internalNode = void 0 === position ? reactFlowInstance.getInternalNode(sourceNodeId) : void 0;
-    const handle = internalNode ? (0, external_NodeUtils_cjs_namespaceObject.resolveHandleContext)(internalNode, sourceHandleId, handlePosition) : void 0;
+    const handle = internalNode ? (0, external_NodeUtils_cjs_namespaceObject.resolveHandleContext)(internalNode, sourceHandleId, handlePosition, {
+        boundaryOf: sourceBoundaryOf
+    }) : void 0;
     const nodePosition = position ? 'center' === positionMode ? calculateCenteredPosition(position, previewNodeSize) : calculatePositionFromDrop(position, handlePosition, previewNodeSize) : calculateAutoPosition(sourceNode, handlePosition, previewNodeSize, existingNodes, void 0, ignoredNodeTypes, handle);
     const handleFacingSource = getOppositePosition(handlePosition);
     const finalData = {

package/dist/canvas/utils/createPreviewNode.d.ts

@@ -1,4 +1,5 @@
 import { type Edge, type Node, Position, type ReactFlowInstance } from '../xyflow/react.ts';
+import { type HandleBoundaryResolver } from './NodeUtils';
 export type PreviewNodePositionMode = 'drop' | 'center';
 export declare const PREVIEW_EDGE_STYLE: Edge['style'];
 export declare function isPreviewEdge(edge: {
@@ -7,13 +8,26 @@ export declare function isPreviewEdge(edge: {
     target?: string;
 }): boolean;
 export declare function getOppositePosition(position: Position): Position;
-export declare function createPreviewNode(sourceNodeId: string, sourceHandleId: string, reactFlowInstance: ReactFlowInstance, position?: {
-    x: number;
-    y: number;
-}, data?: Record<string, unknown>, sourceHandleType?: 'source' | 'target', previewNodeSize?: {
-    width: number;
-    height: number;
-}, handlePosition?: Position, ignoredNodeTypes?: string[], positionMode?: PreviewNodePositionMode): {
+export interface CreatePreviewNodeOptions {
+    sourceNodeId: string;
+    sourceHandleId: string;
+    reactFlowInstance: ReactFlowInstance;
+    position?: {
+        x: number;
+        y: number;
+    };
+    data?: Record<string, unknown>;
+    sourceHandleType?: 'source' | 'target';
+    previewNodeSize?: {
+        width: number;
+        height: number;
+    };
+    handlePosition?: Position;
+    ignoredNodeTypes?: string[];
+    positionMode?: PreviewNodePositionMode;
+    sourceBoundaryOf?: HandleBoundaryResolver;
+}
+export declare function createPreviewNode(options: CreatePreviewNodeOptions): {
     node: Node;
     edge: Edge;
 } | null;

package/dist/canvas/utils/createPreviewNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createPreviewNode.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/createPreviewNode.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,IAAI,EACT,KAAK,IAAI,EACT,QAAQ,EACR,KAAK,iBAAiB,EACvB,MAAM,0CAA0C,CAAC;AAUlD,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,QAAQ,CAAC;AAExD,eAAO,MAAM,kBAAkB,EAAE,IAAI,CAAC,OAAO,CAK5C,CAAC;AAEF,wBAAgB,aAAa,CAAC,IAAI,EAAE;IAAE,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,OAAO,CAM9F;AAMD,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,GAAG,QAAQ,CAahE;AA4LD,wBAAgB,iBAAiB,CAC/B,YAAY,EAAE,MAAM,EACpB,cAAc,EAAE,MAAM,EACtB,iBAAiB,EAAE,iBAAiB,EACpC,QAAQ,CAAC,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EACnC,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC9B,gBAAgB,GAAE,QAAQ,GAAG,QAAmB,EAChD,eAAe,GAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAG/C,EACD,cAAc,GAAE,QAAyB,EACzC,gBAAgB,GAAE,MAAM,EAAO,EAC/B,YAAY,GAAE,uBAAgC,GAC7C;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,IAAI,EAAE,IAAI,CAAA;CAAE,GAAG,IAAI,CAwFnC;AAMD,wBAAgB,uBAAuB,CACrC,OAAO,EAAE;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,IAAI,EAAE,IAAI,CAAA;CAAE,EACnC,iBAAiB,EAAE,iBAAiB,GACnC,IAAI,CAcN;AAKD,wBAAgB,0BAA0B,CAAC,iBAAiB,EAAE,iBAAiB,GAAG,IAAI,CAGrF"}
+{"version":3,"file":"createPreviewNode.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/createPreviewNode.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,IAAI,EACT,KAAK,IAAI,EACT,QAAQ,EACR,KAAK,iBAAiB,EACvB,MAAM,0CAA0C,CAAC;AAGlD,OAAO,EAGL,KAAK,sBAAsB,EAG5B,MAAM,aAAa,CAAC;AAErB,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,QAAQ,CAAC;AAExD,eAAO,MAAM,kBAAkB,EAAE,IAAI,CAAC,OAAO,CAK5C,CAAC;AAEF,wBAAgB,aAAa,CAAC,IAAI,EAAE;IAAE,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,OAAO,CAM9F;AAMD,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,GAAG,QAAQ,CAahE;AAqLD,MAAM,WAAW,wBAAwB;IAEvC,YAAY,EAAE,MAAM,CAAC;IAErB,cAAc,EAAE,MAAM,CAAC;IAEvB,iBAAiB,EAAE,iBAAiB,CAAC;IAMrC,QAAQ,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAEpC,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAM/B,gBAAgB,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAKvC,eAAe,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAEpD,cAAc,CAAC,EAAE,QAAQ,CAAC;IAE1B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAM5B,YAAY,CAAC,EAAE,uBAAuB,CAAC;IAOvC,gBAAgB,CAAC,EAAE,sBAAsB,CAAC;CAC3C;AAOD,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,wBAAwB,GAChC;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,IAAI,EAAE,IAAI,CAAA;CAAE,GAAG,IAAI,CAwGnC;AAMD,wBAAgB,uBAAuB,CACrC,OAAO,EAAE;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,IAAI,EAAE,IAAI,CAAA;CAAE,EACnC,iBAAiB,EAAE,iBAAiB,GACnC,IAAI,CAcN;AAKD,wBAAgB,0BAA0B,CAAC,iBAAiB,EAAE,iBAAiB,GAAG,IAAI,CAGrF"}