@uipath/apollo-react 4.14.1 → 4.15.0-pr605.635fb17

package/dist/canvas/components/LoopNode/LoopNode.constants.cjs

@@ -0,0 +1,93 @@
+"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__, {
+    DEFAULT_LOOP_MIN_HEIGHT: ()=>DEFAULT_LOOP_MIN_HEIGHT,
+    LOOP_SHELL_RADIUS_PX: ()=>LOOP_SHELL_RADIUS_PX,
+    DEFAULT_LOOP_TITLE: ()=>DEFAULT_LOOP_TITLE,
+    LOOP_FRAME_INSET_PX: ()=>LOOP_FRAME_INSET_PX,
+    LOOP_BODY_PADDING_PX: ()=>LOOP_BODY_PADDING_PX,
+    DEFAULT_LOOP_HEADER_HEIGHT_PX: ()=>DEFAULT_LOOP_HEADER_HEIGHT_PX,
+    LOOP_INNER_HANDLE_RAIL_WIDTH_PX: ()=>LOOP_INNER_HANDLE_RAIL_WIDTH_PX,
+    DEFAULT_LOOP_FRAME_BACKGROUND: ()=>DEFAULT_LOOP_FRAME_BACKGROUND,
+    DEFAULT_LOOP_ICON: ()=>DEFAULT_LOOP_ICON,
+    DEFAULT_LOOP_HEIGHT: ()=>DEFAULT_LOOP_HEIGHT,
+    DEFAULT_LOOP_WIDTH: ()=>DEFAULT_LOOP_WIDTH,
+    DEFAULT_LOOP_FRAME_BORDER: ()=>DEFAULT_LOOP_FRAME_BORDER,
+    LOOP_CHILD_SAFE_GAP_PX: ()=>LOOP_CHILD_SAFE_GAP_PX,
+    DEFAULT_LOOP_MIN_WIDTH: ()=>DEFAULT_LOOP_MIN_WIDTH,
+    DEFAULT_LOOP_SHELL_BACKGROUND: ()=>DEFAULT_LOOP_SHELL_BACKGROUND
+});
+const external_constants_cjs_namespaceObject = require("../../constants.cjs");
+const DEFAULT_LOOP_ICON = 'repeat';
+const DEFAULT_LOOP_TITLE = 'Loop';
+const DEFAULT_LOOP_HEADER_HEIGHT_PX = 40;
+const DEFAULT_LOOP_WIDTH = 45 * external_constants_cjs_namespaceObject.GRID_SPACING;
+const DEFAULT_LOOP_HEIGHT = 27 * external_constants_cjs_namespaceObject.GRID_SPACING;
+const DEFAULT_LOOP_MIN_WIDTH = 12 * external_constants_cjs_namespaceObject.GRID_SPACING;
+const DEFAULT_LOOP_MIN_HEIGHT = 12 * external_constants_cjs_namespaceObject.GRID_SPACING;
+const LOOP_SHELL_RADIUS_PX = 20;
+const LOOP_FRAME_INSET_PX = 12;
+const LOOP_BODY_PADDING_PX = 2 * external_constants_cjs_namespaceObject.GRID_SPACING;
+const LOOP_INNER_HANDLE_RAIL_WIDTH_PX = 5 * external_constants_cjs_namespaceObject.GRID_SPACING;
+const LOOP_CHILD_SAFE_GAP_PX = external_constants_cjs_namespaceObject.GRID_SPACING;
+const DEFAULT_LOOP_SHELL_BACKGROUND = 'var(--canvas-background)';
+const DEFAULT_LOOP_FRAME_BACKGROUND = 'var(--canvas-background)';
+const DEFAULT_LOOP_FRAME_BORDER = 'var(--canvas-border)';
+exports.DEFAULT_LOOP_FRAME_BACKGROUND = __webpack_exports__.DEFAULT_LOOP_FRAME_BACKGROUND;
+exports.DEFAULT_LOOP_FRAME_BORDER = __webpack_exports__.DEFAULT_LOOP_FRAME_BORDER;
+exports.DEFAULT_LOOP_HEADER_HEIGHT_PX = __webpack_exports__.DEFAULT_LOOP_HEADER_HEIGHT_PX;
+exports.DEFAULT_LOOP_HEIGHT = __webpack_exports__.DEFAULT_LOOP_HEIGHT;
+exports.DEFAULT_LOOP_ICON = __webpack_exports__.DEFAULT_LOOP_ICON;
+exports.DEFAULT_LOOP_MIN_HEIGHT = __webpack_exports__.DEFAULT_LOOP_MIN_HEIGHT;
+exports.DEFAULT_LOOP_MIN_WIDTH = __webpack_exports__.DEFAULT_LOOP_MIN_WIDTH;
+exports.DEFAULT_LOOP_SHELL_BACKGROUND = __webpack_exports__.DEFAULT_LOOP_SHELL_BACKGROUND;
+exports.DEFAULT_LOOP_TITLE = __webpack_exports__.DEFAULT_LOOP_TITLE;
+exports.DEFAULT_LOOP_WIDTH = __webpack_exports__.DEFAULT_LOOP_WIDTH;
+exports.LOOP_BODY_PADDING_PX = __webpack_exports__.LOOP_BODY_PADDING_PX;
+exports.LOOP_CHILD_SAFE_GAP_PX = __webpack_exports__.LOOP_CHILD_SAFE_GAP_PX;
+exports.LOOP_FRAME_INSET_PX = __webpack_exports__.LOOP_FRAME_INSET_PX;
+exports.LOOP_INNER_HANDLE_RAIL_WIDTH_PX = __webpack_exports__.LOOP_INNER_HANDLE_RAIL_WIDTH_PX;
+exports.LOOP_SHELL_RADIUS_PX = __webpack_exports__.LOOP_SHELL_RADIUS_PX;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "DEFAULT_LOOP_FRAME_BACKGROUND",
+    "DEFAULT_LOOP_FRAME_BORDER",
+    "DEFAULT_LOOP_HEADER_HEIGHT_PX",
+    "DEFAULT_LOOP_HEIGHT",
+    "DEFAULT_LOOP_ICON",
+    "DEFAULT_LOOP_MIN_HEIGHT",
+    "DEFAULT_LOOP_MIN_WIDTH",
+    "DEFAULT_LOOP_SHELL_BACKGROUND",
+    "DEFAULT_LOOP_TITLE",
+    "DEFAULT_LOOP_WIDTH",
+    "LOOP_BODY_PADDING_PX",
+    "LOOP_CHILD_SAFE_GAP_PX",
+    "LOOP_FRAME_INSET_PX",
+    "LOOP_INNER_HANDLE_RAIL_WIDTH_PX",
+    "LOOP_SHELL_RADIUS_PX"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/components/LoopNode/LoopNode.constants.d.ts

@@ -0,0 +1,16 @@
+export declare const DEFAULT_LOOP_ICON = "repeat";
+export declare const DEFAULT_LOOP_TITLE = "Loop";
+export declare const DEFAULT_LOOP_HEADER_HEIGHT_PX = 40;
+export declare const DEFAULT_LOOP_WIDTH: number;
+export declare const DEFAULT_LOOP_HEIGHT: number;
+export declare const DEFAULT_LOOP_MIN_WIDTH: number;
+export declare const DEFAULT_LOOP_MIN_HEIGHT: number;
+export declare const LOOP_SHELL_RADIUS_PX = 20;
+export declare const LOOP_FRAME_INSET_PX = 12;
+export declare const LOOP_BODY_PADDING_PX: number;
+export declare const LOOP_INNER_HANDLE_RAIL_WIDTH_PX: number;
+export declare const LOOP_CHILD_SAFE_GAP_PX = 16;
+export declare const DEFAULT_LOOP_SHELL_BACKGROUND = "var(--canvas-background)";
+export declare const DEFAULT_LOOP_FRAME_BACKGROUND = "var(--canvas-background)";
+export declare const DEFAULT_LOOP_FRAME_BORDER = "var(--canvas-border)";
+//# sourceMappingURL=LoopNode.constants.d.ts.map

package/dist/canvas/components/LoopNode/LoopNode.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoopNode.constants.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/LoopNode/LoopNode.constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,WAAW,CAAC;AAC1C,eAAO,MAAM,kBAAkB,SAAS,CAAC;AACzC,eAAO,MAAM,6BAA6B,KAAK,CAAC;AAGhD,eAAO,MAAM,kBAAkB,QAAoB,CAAC;AACpD,eAAO,MAAM,mBAAmB,QAAoB,CAAC;AAErD,eAAO,MAAM,sBAAsB,QAAoB,CAAC;AACxD,eAAO,MAAM,uBAAuB,QAAoB,CAAC;AACzD,eAAO,MAAM,oBAAoB,KAAK,CAAC;AACvC,eAAO,MAAM,mBAAmB,KAAK,CAAC;AACtC,eAAO,MAAM,oBAAoB,QAAmB,CAAC;AACrD,eAAO,MAAM,+BAA+B,QAAmB,CAAC;AAChE,eAAO,MAAM,sBAAsB,KAAe,CAAC;AAEnD,eAAO,MAAM,6BAA6B,6BAA6B,CAAC;AACxE,eAAO,MAAM,6BAA6B,6BAA6B,CAAC;AACxE,eAAO,MAAM,yBAAyB,yBAAyB,CAAC"}

package/dist/canvas/components/LoopNode/LoopNode.constants.js

@@ -0,0 +1,17 @@
+import { GRID_SPACING } from "../../constants.js";
+const DEFAULT_LOOP_ICON = 'repeat';
+const DEFAULT_LOOP_TITLE = 'Loop';
+const DEFAULT_LOOP_HEADER_HEIGHT_PX = 40;
+const DEFAULT_LOOP_WIDTH = 45 * GRID_SPACING;
+const DEFAULT_LOOP_HEIGHT = 27 * GRID_SPACING;
+const DEFAULT_LOOP_MIN_WIDTH = 12 * GRID_SPACING;
+const DEFAULT_LOOP_MIN_HEIGHT = 12 * GRID_SPACING;
+const LOOP_SHELL_RADIUS_PX = 20;
+const LOOP_FRAME_INSET_PX = 12;
+const LOOP_BODY_PADDING_PX = 2 * GRID_SPACING;
+const LOOP_INNER_HANDLE_RAIL_WIDTH_PX = 5 * GRID_SPACING;
+const LOOP_CHILD_SAFE_GAP_PX = GRID_SPACING;
+const DEFAULT_LOOP_SHELL_BACKGROUND = 'var(--canvas-background)';
+const DEFAULT_LOOP_FRAME_BACKGROUND = 'var(--canvas-background)';
+const DEFAULT_LOOP_FRAME_BORDER = 'var(--canvas-border)';
+export { DEFAULT_LOOP_FRAME_BACKGROUND, DEFAULT_LOOP_FRAME_BORDER, DEFAULT_LOOP_HEADER_HEIGHT_PX, DEFAULT_LOOP_HEIGHT, DEFAULT_LOOP_ICON, DEFAULT_LOOP_MIN_HEIGHT, DEFAULT_LOOP_MIN_WIDTH, DEFAULT_LOOP_SHELL_BACKGROUND, DEFAULT_LOOP_TITLE, DEFAULT_LOOP_WIDTH, LOOP_BODY_PADDING_PX, LOOP_CHILD_SAFE_GAP_PX, LOOP_FRAME_INSET_PX, LOOP_INNER_HANDLE_RAIL_WIDTH_PX, LOOP_SHELL_RADIUS_PX };

package/dist/canvas/components/LoopNode/LoopNode.d.ts

@@ -0,0 +1,5 @@
+import type { LoopNodeProps } from './LoopNode.types';
+declare function LoopNodeComponent(props: LoopNodeProps): import("react/jsx-runtime").JSX.Element;
+export declare const LoopNode: import("react").MemoExoticComponent<typeof LoopNodeComponent>;
+export {};
+//# sourceMappingURL=LoopNode.d.ts.map

package/dist/canvas/components/LoopNode/LoopNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoopNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/LoopNode/LoopNode.tsx"],"names":[],"mappings":"AA0CA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAuEtD,iBAAS,iBAAiB,CAAC,KAAK,EAAE,aAAa,2CA4N9C;AAED,eAAO,MAAM,QAAQ,+DAA0B,CAAC"}

package/dist/canvas/components/LoopNode/LoopNode.helpers.cjs

@@ -0,0 +1,185 @@
+"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__, {
+    getLoopContainerFitGeometry: ()=>getLoopContainerFitGeometry,
+    isLoopContainerManifest: ()=>isLoopContainerManifest,
+    getLoopChildSafeArea: ()=>getLoopChildSafeArea,
+    getLoopChildSafeAreaPadding: ()=>getLoopChildSafeAreaPadding,
+    getLoopBodyCenter: ()=>getLoopBodyCenter,
+    resolveLoopHandleGroups: ()=>resolveLoopHandleGroups,
+    getVisibleInnerHandleGroups: ()=>getVisibleInnerHandleGroups,
+    resolveLoopPreviewConnectionHandles: ()=>resolveLoopPreviewConnectionHandles,
+    getLoopRelativeBodyCenter: ()=>getLoopRelativeBodyCenter,
+    pickPreferredInnerHandle: ()=>pickPreferredInnerHandle
+});
+const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
+const container_sizing_cjs_namespaceObject = require("../../utils/container-sizing.cjs");
+const createPreviewNode_cjs_namespaceObject = require("../../utils/createPreviewNode.cjs");
+const manifest_resolver_cjs_namespaceObject = require("../../utils/manifest-resolver.cjs");
+const NodeUtils_cjs_namespaceObject = require("../../utils/NodeUtils.cjs");
+const external_LoopNode_constants_cjs_namespaceObject = require("./LoopNode.constants.cjs");
+function isLoopContainerManifest(manifest) {
+    return manifest?.handleConfiguration.some((group)=>'inner' === group.boundary) ?? false;
+}
+function resolveLoopHandleGroups(groups) {
+    return groups.map((group)=>{
+        const boundary = 'inner' === group.boundary ? 'inner' : 'outer';
+        const position = group.position;
+        return {
+            ...group,
+            boundary,
+            connectionPosition: 'inner' === boundary ? (0, createPreviewNode_cjs_namespaceObject.getOppositePosition)(position) : position,
+            customPositionAndOffsets: 'inner' === boundary ? insetInnerGroup(group) : group.customPositionAndOffsets
+        };
+    });
+}
+function getLoopBodyCenter({ width, height, headerHeight }) {
+    const clampedHeaderHeight = (0, NodeUtils_cjs_namespaceObject.clamp)(headerHeight, 0, height);
+    return {
+        x: (0, NodeUtils_cjs_namespaceObject.clamp)((0, NodeUtils_cjs_namespaceObject.snapToGrid)(width / 2), 0, width),
+        y: (0, NodeUtils_cjs_namespaceObject.clamp)((0, NodeUtils_cjs_namespaceObject.snapToGrid)(clampedHeaderHeight + (height - clampedHeaderHeight) / 2), 0, height)
+    };
+}
+function getLoopRelativeBodyCenter(loopNode) {
+    const safeArea = getLoopChildSafeArea(loopNode);
+    return {
+        x: (0, NodeUtils_cjs_namespaceObject.snapToGrid)(safeArea.x + safeArea.width / 2),
+        y: (0, NodeUtils_cjs_namespaceObject.snapToGrid)(safeArea.y + safeArea.height / 2)
+    };
+}
+function getLoopChildSafeAreaPadding() {
+    const horizontalPadding = (0, NodeUtils_cjs_namespaceObject.snapUpToGrid)(external_LoopNode_constants_cjs_namespaceObject.LOOP_FRAME_INSET_PX + external_LoopNode_constants_cjs_namespaceObject.LOOP_BODY_PADDING_PX + external_LoopNode_constants_cjs_namespaceObject.LOOP_INNER_HANDLE_RAIL_WIDTH_PX + external_LoopNode_constants_cjs_namespaceObject.LOOP_CHILD_SAFE_GAP_PX);
+    return {
+        left: horizontalPadding,
+        right: horizontalPadding,
+        top: (0, NodeUtils_cjs_namespaceObject.snapUpToGrid)(external_LoopNode_constants_cjs_namespaceObject.DEFAULT_LOOP_HEADER_HEIGHT_PX + external_LoopNode_constants_cjs_namespaceObject.LOOP_FRAME_INSET_PX + external_LoopNode_constants_cjs_namespaceObject.LOOP_BODY_PADDING_PX),
+        bottom: (0, NodeUtils_cjs_namespaceObject.snapUpToGrid)(external_LoopNode_constants_cjs_namespaceObject.LOOP_FRAME_INSET_PX + external_LoopNode_constants_cjs_namespaceObject.LOOP_BODY_PADDING_PX)
+    };
+}
+function getLoopChildSafeArea(loopNode, dimensions) {
+    const currentDimensions = (0, container_sizing_cjs_namespaceObject.getNodeDimensions)(loopNode, {
+        width: external_LoopNode_constants_cjs_namespaceObject.DEFAULT_LOOP_WIDTH,
+        height: external_LoopNode_constants_cjs_namespaceObject.DEFAULT_LOOP_HEIGHT
+    });
+    const width = dimensions?.width ?? currentDimensions.width;
+    const height = dimensions?.height ?? currentDimensions.height;
+    const padding = getLoopChildSafeAreaPadding();
+    return {
+        x: padding.left,
+        y: padding.top,
+        width: Math.max(0, width - padding.left - padding.right),
+        height: Math.max(0, height - padding.top - padding.bottom),
+        padding
+    };
+}
+function getLoopContainerFitGeometry() {
+    const padding = getLoopChildSafeAreaPadding();
+    return {
+        minWidth: external_LoopNode_constants_cjs_namespaceObject.DEFAULT_LOOP_MIN_WIDTH,
+        minHeight: external_LoopNode_constants_cjs_namespaceObject.DEFAULT_LOOP_MIN_HEIGHT,
+        padding: {
+            right: padding.right,
+            bottom: padding.bottom
+        }
+    };
+}
+function insetInnerGroup(group) {
+    const offsets = group.customPositionAndOffsets ?? {};
+    switch(group.position){
+        case react_cjs_namespaceObject.Position.Left:
+            return {
+                ...offsets,
+                left: (offsets.left ?? 0) + external_LoopNode_constants_cjs_namespaceObject.LOOP_FRAME_INSET_PX
+            };
+        case react_cjs_namespaceObject.Position.Right:
+            return {
+                ...offsets,
+                right: (offsets.right ?? 0) + external_LoopNode_constants_cjs_namespaceObject.LOOP_FRAME_INSET_PX
+            };
+        case react_cjs_namespaceObject.Position.Top:
+            return {
+                ...offsets,
+                top: (offsets.top ?? 0) + external_LoopNode_constants_cjs_namespaceObject.LOOP_FRAME_INSET_PX
+            };
+        case react_cjs_namespaceObject.Position.Bottom:
+            return {
+                ...offsets,
+                bottom: (offsets.bottom ?? 0) + external_LoopNode_constants_cjs_namespaceObject.LOOP_FRAME_INSET_PX
+            };
+        default:
+            return offsets;
+    }
+}
+function resolveLoopPreviewConnectionHandles(manifest, context) {
+    if (!manifest) return null;
+    const innerGroups = getVisibleInnerHandleGroups(manifest.handleConfiguration, context);
+    const sourceHandle = pickPreferredInnerHandle(innerGroups, 'source');
+    const targetHandle = pickPreferredInnerHandle(innerGroups, 'target');
+    if (!sourceHandle || !targetHandle) return null;
+    return {
+        sourceHandleId: sourceHandle.handle.id,
+        sourceHandlePosition: (0, createPreviewNode_cjs_namespaceObject.getOppositePosition)(sourceHandle.group.position),
+        targetHandleId: targetHandle.handle.id
+    };
+}
+function getVisibleInnerHandleGroups(handleConfiguration, context) {
+    return (0, manifest_resolver_cjs_namespaceObject.resolveHandles)(handleConfiguration, context).filter((group)=>'inner' === group.boundary && (group.visible ?? true));
+}
+function pickPreferredInnerHandle(groups, type) {
+    for (const group of groups){
+        const handle = group.handles.find((candidate)=>candidate.type === type && candidate.visible);
+        if (handle) return {
+            group,
+            handle
+        };
+    }
+    return null;
+}
+exports.getLoopBodyCenter = __webpack_exports__.getLoopBodyCenter;
+exports.getLoopChildSafeArea = __webpack_exports__.getLoopChildSafeArea;
+exports.getLoopChildSafeAreaPadding = __webpack_exports__.getLoopChildSafeAreaPadding;
+exports.getLoopContainerFitGeometry = __webpack_exports__.getLoopContainerFitGeometry;
+exports.getLoopRelativeBodyCenter = __webpack_exports__.getLoopRelativeBodyCenter;
+exports.getVisibleInnerHandleGroups = __webpack_exports__.getVisibleInnerHandleGroups;
+exports.isLoopContainerManifest = __webpack_exports__.isLoopContainerManifest;
+exports.pickPreferredInnerHandle = __webpack_exports__.pickPreferredInnerHandle;
+exports.resolveLoopHandleGroups = __webpack_exports__.resolveLoopHandleGroups;
+exports.resolveLoopPreviewConnectionHandles = __webpack_exports__.resolveLoopPreviewConnectionHandles;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "getLoopBodyCenter",
+    "getLoopChildSafeArea",
+    "getLoopChildSafeAreaPadding",
+    "getLoopContainerFitGeometry",
+    "getLoopRelativeBodyCenter",
+    "getVisibleInnerHandleGroups",
+    "isLoopContainerManifest",
+    "pickPreferredInnerHandle",
+    "resolveLoopHandleGroups",
+    "resolveLoopPreviewConnectionHandles"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/components/LoopNode/LoopNode.helpers.d.ts

@@ -0,0 +1,58 @@
+import { type Node, Position } from '../../xyflow/react.ts';
+import type { NodeManifest } from '../../schema/node-definition';
+import { type ContainerFitGeometry } from '../../utils/container-sizing';
+import type { ResolutionContext, ResolvedHandleGroup } from '../../utils/manifest-resolver';
+export type LoopHandleBoundary = 'outer' | 'inner';
+export type LoopHandleGroup = ResolvedHandleGroup & {
+    boundary: LoopHandleBoundary;
+    connectionPosition: Position;
+};
+export interface LoopPreviewConnectionHandles {
+    sourceHandleId: string;
+    sourceHandlePosition: Position;
+    targetHandleId: string;
+}
+export interface LoopChildSafeArea {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    padding: {
+        left: number;
+        right: number;
+        top: number;
+        bottom: number;
+    };
+}
+export declare function isLoopContainerManifest(manifest: Pick<NodeManifest, 'handleConfiguration'> | undefined): boolean;
+export declare function resolveLoopHandleGroups(groups: ResolvedHandleGroup[]): LoopHandleGroup[];
+export declare function getLoopBodyCenter({ width, height, headerHeight, }: {
+    width: number;
+    height: number;
+    headerHeight: number;
+}): {
+    x: number;
+    y: number;
+};
+export declare function getLoopRelativeBodyCenter(loopNode: Pick<Node, 'width' | 'height' | 'measured' | 'style'>): {
+    x: number;
+    y: number;
+};
+export declare function getLoopChildSafeAreaPadding(): {
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
+};
+export declare function getLoopChildSafeArea(loopNode: Pick<Node, 'width' | 'height' | 'measured' | 'style'>, dimensions?: {
+    width?: number;
+    height?: number;
+}): LoopChildSafeArea;
+export declare function getLoopContainerFitGeometry(): ContainerFitGeometry;
+export declare function resolveLoopPreviewConnectionHandles(manifest: Pick<NodeManifest, 'handleConfiguration'> | undefined, context: ResolutionContext): LoopPreviewConnectionHandles | null;
+export declare function getVisibleInnerHandleGroups(handleConfiguration: NodeManifest['handleConfiguration'], context: ResolutionContext): ResolvedHandleGroup[];
+export declare function pickPreferredInnerHandle(groups: ResolvedHandleGroup[], type: 'source' | 'target'): {
+    group: ResolvedHandleGroup;
+    handle: ResolvedHandleGroup['handles'][number];
+} | null;
+//# sourceMappingURL=LoopNode.helpers.d.ts.map

package/dist/canvas/components/LoopNode/LoopNode.helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoopNode.helpers.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/LoopNode/LoopNode.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAC/E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,KAAK,oBAAoB,EAAqB,MAAM,8BAA8B,CAAC;AAE5F,OAAO,KAAK,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAe5F,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,OAAO,CAAC;AACnD,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG;IAClD,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,kBAAkB,EAAE,QAAQ,CAAC;CAC9B,CAAC;AAEF,MAAM,WAAW,4BAA4B;IAC3C,cAAc,EAAE,MAAM,CAAC;IACvB,oBAAoB,EAAE,QAAQ,CAAC;IAC/B,cAAc,EAAE,MAAM,CAAC;CACxB;AAMD,MAAM,WAAW,iBAAiB;IAChC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE;QACP,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,GAAG,EAAE,MAAM,CAAC;QACZ,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AAED,wBAAgB,uBAAuB,CACrC,QAAQ,EAAE,IAAI,CAAC,YAAY,EAAE,qBAAqB,CAAC,GAAG,SAAS,GAC9D,OAAO,CAGT;AAED,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,mBAAmB,EAAE,GAAG,eAAe,EAAE,CAaxF;AAED,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,MAAM,EACN,YAAY,GACb,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;CACtB;;;EAOA;AAMD,wBAAgB,yBAAyB,CACvC,QAAQ,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;;;EAQhE;AAMD,wBAAgB,2BAA2B;;;;;EAc1C;AAMD,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC,EAC/D,UAAU,CAAC,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GAC/C,iBAAiB,CAgBnB;AAMD,wBAAgB,2BAA2B,IAAI,oBAAoB,CAWlE;AAmBD,wBAAgB,mCAAmC,CACjD,QAAQ,EAAE,IAAI,CAAC,YAAY,EAAE,qBAAqB,CAAC,GAAG,SAAS,EAC/D,OAAO,EAAE,iBAAiB,GACzB,4BAA4B,GAAG,IAAI,CAcrC;AAED,wBAAgB,2BAA2B,CACzC,mBAAmB,EAAE,YAAY,CAAC,qBAAqB,CAAC,EACxD,OAAO,EAAE,iBAAiB,GACzB,mBAAmB,EAAE,CAIvB;AAED,wBAAgB,wBAAwB,CACtC,MAAM,EAAE,mBAAmB,EAAE,EAC7B,IAAI,EAAE,QAAQ,GAAG,QAAQ,GACxB;IAAE,KAAK,EAAE,mBAAmB,CAAC;IAAC,MAAM,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAA;CAAE,GAAG,IAAI,CASvF"}

package/dist/canvas/components/LoopNode/LoopNode.helpers.js

@@ -0,0 +1,124 @@
+import { Position } from "../../xyflow/react.js";
+import { getNodeDimensions } from "../../utils/container-sizing.js";
+import { getOppositePosition } from "../../utils/createPreviewNode.js";
+import { resolveHandles } from "../../utils/manifest-resolver.js";
+import { clamp, snapToGrid, snapUpToGrid } from "../../utils/NodeUtils.js";
+import { DEFAULT_LOOP_HEADER_HEIGHT_PX, DEFAULT_LOOP_HEIGHT, DEFAULT_LOOP_MIN_HEIGHT, DEFAULT_LOOP_MIN_WIDTH, DEFAULT_LOOP_WIDTH, LOOP_BODY_PADDING_PX, LOOP_CHILD_SAFE_GAP_PX, LOOP_FRAME_INSET_PX, LOOP_INNER_HANDLE_RAIL_WIDTH_PX } from "./LoopNode.constants.js";
+function isLoopContainerManifest(manifest) {
+    return manifest?.handleConfiguration.some((group)=>'inner' === group.boundary) ?? false;
+}
+function resolveLoopHandleGroups(groups) {
+    return groups.map((group)=>{
+        const boundary = 'inner' === group.boundary ? 'inner' : 'outer';
+        const position = group.position;
+        return {
+            ...group,
+            boundary,
+            connectionPosition: 'inner' === boundary ? getOppositePosition(position) : position,
+            customPositionAndOffsets: 'inner' === boundary ? insetInnerGroup(group) : group.customPositionAndOffsets
+        };
+    });
+}
+function getLoopBodyCenter({ width, height, headerHeight }) {
+    const clampedHeaderHeight = clamp(headerHeight, 0, height);
+    return {
+        x: clamp(snapToGrid(width / 2), 0, width),
+        y: clamp(snapToGrid(clampedHeaderHeight + (height - clampedHeaderHeight) / 2), 0, height)
+    };
+}
+function getLoopRelativeBodyCenter(loopNode) {
+    const safeArea = getLoopChildSafeArea(loopNode);
+    return {
+        x: snapToGrid(safeArea.x + safeArea.width / 2),
+        y: snapToGrid(safeArea.y + safeArea.height / 2)
+    };
+}
+function getLoopChildSafeAreaPadding() {
+    const horizontalPadding = snapUpToGrid(LOOP_FRAME_INSET_PX + LOOP_BODY_PADDING_PX + LOOP_INNER_HANDLE_RAIL_WIDTH_PX + LOOP_CHILD_SAFE_GAP_PX);
+    return {
+        left: horizontalPadding,
+        right: horizontalPadding,
+        top: snapUpToGrid(DEFAULT_LOOP_HEADER_HEIGHT_PX + LOOP_FRAME_INSET_PX + LOOP_BODY_PADDING_PX),
+        bottom: snapUpToGrid(LOOP_FRAME_INSET_PX + LOOP_BODY_PADDING_PX)
+    };
+}
+function getLoopChildSafeArea(loopNode, dimensions) {
+    const currentDimensions = getNodeDimensions(loopNode, {
+        width: DEFAULT_LOOP_WIDTH,
+        height: DEFAULT_LOOP_HEIGHT
+    });
+    const width = dimensions?.width ?? currentDimensions.width;
+    const height = dimensions?.height ?? currentDimensions.height;
+    const padding = getLoopChildSafeAreaPadding();
+    return {
+        x: padding.left,
+        y: padding.top,
+        width: Math.max(0, width - padding.left - padding.right),
+        height: Math.max(0, height - padding.top - padding.bottom),
+        padding
+    };
+}
+function getLoopContainerFitGeometry() {
+    const padding = getLoopChildSafeAreaPadding();
+    return {
+        minWidth: DEFAULT_LOOP_MIN_WIDTH,
+        minHeight: DEFAULT_LOOP_MIN_HEIGHT,
+        padding: {
+            right: padding.right,
+            bottom: padding.bottom
+        }
+    };
+}
+function insetInnerGroup(group) {
+    const offsets = group.customPositionAndOffsets ?? {};
+    switch(group.position){
+        case Position.Left:
+            return {
+                ...offsets,
+                left: (offsets.left ?? 0) + LOOP_FRAME_INSET_PX
+            };
+        case Position.Right:
+            return {
+                ...offsets,
+                right: (offsets.right ?? 0) + LOOP_FRAME_INSET_PX
+            };
+        case Position.Top:
+            return {
+                ...offsets,
+                top: (offsets.top ?? 0) + LOOP_FRAME_INSET_PX
+            };
+        case Position.Bottom:
+            return {
+                ...offsets,
+                bottom: (offsets.bottom ?? 0) + LOOP_FRAME_INSET_PX
+            };
+        default:
+            return offsets;
+    }
+}
+function resolveLoopPreviewConnectionHandles(manifest, context) {
+    if (!manifest) return null;
+    const innerGroups = getVisibleInnerHandleGroups(manifest.handleConfiguration, context);
+    const sourceHandle = pickPreferredInnerHandle(innerGroups, 'source');
+    const targetHandle = pickPreferredInnerHandle(innerGroups, 'target');
+    if (!sourceHandle || !targetHandle) return null;
+    return {
+        sourceHandleId: sourceHandle.handle.id,
+        sourceHandlePosition: getOppositePosition(sourceHandle.group.position),
+        targetHandleId: targetHandle.handle.id
+    };
+}
+function getVisibleInnerHandleGroups(handleConfiguration, context) {
+    return resolveHandles(handleConfiguration, context).filter((group)=>'inner' === group.boundary && (group.visible ?? true));
+}
+function pickPreferredInnerHandle(groups, type) {
+    for (const group of groups){
+        const handle = group.handles.find((candidate)=>candidate.type === type && candidate.visible);
+        if (handle) return {
+            group,
+            handle
+        };
+    }
+    return null;
+}
+export { getLoopBodyCenter, getLoopChildSafeArea, getLoopChildSafeAreaPadding, getLoopContainerFitGeometry, getLoopRelativeBodyCenter, getVisibleInnerHandleGroups, isLoopContainerManifest, pickPreferredInnerHandle, resolveLoopHandleGroups, resolveLoopPreviewConnectionHandles };