@aloudata/ink-flow 1.0.26 → 1.0.28

package/dist/components/Edges/EdgeAnchor.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import cc from 'classnames';
+import { Position } from '@aloudata/ink-core';
+var shiftX = function (x, shift, position) {
+    if (position === Position.Left)
+        return x - shift;
+    if (position === Position.Right)
+        return x + shift;
+    return x;
+};
+var shiftY = function (y, shift, position) {
+    if (position === Position.Top)
+        return y - shift;
+    if (position === Position.Bottom)
+        return y + shift;
+    return y;
+};
+var EdgeUpdaterClassName = 'ink-flow__edgeupdater';
+export function EdgeAnchor(_a) {
+    var position = _a.position, centerX = _a.centerX, centerY = _a.centerY, _b = _a.radius, radius = _b === void 0 ? 10 : _b, onMouseDown = _a.onMouseDown, onMouseEnter = _a.onMouseEnter, onMouseOut = _a.onMouseOut, type = _a.type;
+    return (_jsx("circle", { onMouseDown: onMouseDown, onMouseEnter: onMouseEnter, onMouseOut: onMouseOut, className: cc([EdgeUpdaterClassName, "".concat(EdgeUpdaterClassName, "-").concat(type)]), cx: shiftX(centerX, radius, position), cy: shiftY(centerY, radius, position), r: radius, stroke: "transparent", fill: "transparent" }));
+}
+//# sourceMappingURL=EdgeAnchor.js.map

package/dist/components/Edges/EdgeAnchor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EdgeAnchor.js","sourceRoot":"","sources":["../../../src/components/Edges/EdgeAnchor.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,IAAM,MAAM,GAAG,UAAC,CAAS,EAAE,KAAa,EAAE,QAAkB;IAC1D,IAAI,QAAQ,KAAK,QAAQ,CAAC,IAAI;QAAE,OAAO,CAAC,GAAG,KAAK,CAAC;IACjD,IAAI,QAAQ,KAAK,QAAQ,CAAC,KAAK;QAAE,OAAO,CAAC,GAAG,KAAK,CAAC;IAClD,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AAEF,IAAM,MAAM,GAAG,UAAC,CAAS,EAAE,KAAa,EAAE,QAAkB;IAC1D,IAAI,QAAQ,KAAK,QAAQ,CAAC,GAAG;QAAE,OAAO,CAAC,GAAG,KAAK,CAAC;IAChD,IAAI,QAAQ,KAAK,QAAQ,CAAC,MAAM;QAAE,OAAO,CAAC,GAAG,KAAK,CAAC;IACnD,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AAaF,IAAM,oBAAoB,GAAG,uBAAuB,CAAC;AAErD,MAAM,UAAU,UAAU,CAAC,EAST;QARhB,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,OAAO,aAAA,EACP,cAAW,EAAX,MAAM,mBAAG,EAAE,KAAA,EACX,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACV,IAAI,UAAA;IAEJ,OAAO,CACL,iBACE,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,EAAE,CAAC,CAAC,oBAAoB,EAAE,UAAG,oBAAoB,cAAI,IAAI,CAAE,CAAC,CAAC,EACxE,EAAE,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EACrC,EAAE,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EACrC,CAAC,EAAE,MAAM,EACT,MAAM,EAAC,aAAa,EACpB,IAAI,EAAC,aAAa,GAClB,CACH,CAAC;AACJ,CAAC"}

package/dist/components/Edges/EdgeText.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useState, useCallback } from 'react';
+import cc from 'classnames';
+function EdgeTextComponent(_a) {
+    var x = _a.x, y = _a.y, label = _a.label, _b = _a.labelStyle, labelStyle = _b === void 0 ? {} : _b, _c = _a.labelShowBg, labelShowBg = _c === void 0 ? true : _c, _d = _a.labelBgStyle, labelBgStyle = _d === void 0 ? {} : _d, _e = _a.labelBgPadding, labelBgPadding = _e === void 0 ? [2, 4] : _e, _f = _a.labelBgBorderRadius, labelBgBorderRadius = _f === void 0 ? 2 : _f, children = _a.children, className = _a.className, rest = __rest(_a, ["x", "y", "label", "labelStyle", "labelShowBg", "labelBgStyle", "labelBgPadding", "labelBgBorderRadius", "children", "className"]);
+    var _g = __read(useState({
+        x: 1,
+        y: 0,
+        width: 0,
+        height: 0,
+    }), 2), edgeTextBbox = _g[0], setEdgeTextBbox = _g[1];
+    var edgeTextClasses = cc(['ink-flow__edge-textwrapper', className]);
+    var onEdgeTextRefChange = useCallback(function (edgeRef) {
+        if (edgeRef === null)
+            return;
+        var textBbox = edgeRef.getBBox();
+        setEdgeTextBbox({
+            x: textBbox.x,
+            y: textBbox.y,
+            width: textBbox.width,
+            height: textBbox.height,
+        });
+    }, []);
+    if (typeof label === 'undefined' || !label) {
+        return null;
+    }
+    return (_jsxs("g", __assign({ transform: "translate(".concat(x - edgeTextBbox.width / 2, " ").concat(y - edgeTextBbox.height / 2, ")"), className: edgeTextClasses, visibility: edgeTextBbox.width ? 'visible' : 'hidden' }, rest, { children: [labelShowBg && (_jsx("rect", { width: edgeTextBbox.width + 2 * labelBgPadding[0], x: -labelBgPadding[0], y: -labelBgPadding[1], height: edgeTextBbox.height + 2 * labelBgPadding[1], className: "ink-flow__edge-textbg", style: labelBgStyle, rx: labelBgBorderRadius, ry: labelBgBorderRadius })), _jsx("text", { className: "ink-flow__edge-text", y: edgeTextBbox.height / 2, dy: "0.3em", ref: onEdgeTextRefChange, style: labelStyle, children: label }), children] })));
+}
+EdgeTextComponent.displayName = 'EdgeText';
+export var EdgeText = memo(EdgeTextComponent);
+//# sourceMappingURL=EdgeText.js.map

package/dist/components/Edges/EdgeText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EdgeText.js","sourceRoot":"","sources":["../../../src/components/Edges/EdgeText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,MAAM,YAAY,CAAC;AAI5B,SAAS,iBAAiB,CAAC,EAYX;IAXd,IAAA,CAAC,OAAA,EACD,CAAC,OAAA,EACD,KAAK,WAAA,EACL,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,mBAAkB,EAAlB,WAAW,mBAAG,IAAI,KAAA,EAClB,oBAAiB,EAAjB,YAAY,mBAAG,EAAE,KAAA,EACjB,sBAAuB,EAAvB,cAAc,mBAAG,CAAC,CAAC,EAAE,CAAC,CAAC,KAAA,EACvB,2BAAuB,EAAvB,mBAAmB,mBAAG,CAAC,KAAA,EACvB,QAAQ,cAAA,EACR,SAAS,eAAA,EACN,IAAI,cAXkB,kIAY1B,CADQ;IAED,IAAA,KAAA,OAAkC,QAAQ,CAAO;QACrD,CAAC,EAAE,CAAC;QACJ,CAAC,EAAE,CAAC;QACJ,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;KACV,CAAC,IAAA,EALK,YAAY,QAAA,EAAE,eAAe,QAKlC,CAAC;IACH,IAAM,eAAe,GAAG,EAAE,CAAC,CAAC,4BAA4B,EAAE,SAAS,CAAC,CAAC,CAAC;IAEtE,IAAM,mBAAmB,GAAG,WAAW,CAAC,UAAC,OAAuB;QAC9D,IAAI,OAAO,KAAK,IAAI;YAAE,OAAO;QAE7B,IAAM,QAAQ,GAAG,OAAO,CAAC,OAAO,EAAE,CAAC;QAEnC,eAAe,CAAC;YACd,CAAC,EAAE,QAAQ,CAAC,CAAC;YACb,CAAC,EAAE,QAAQ,CAAC,CAAC;YACb,KAAK,EAAE,QAAQ,CAAC,KAAK;YACrB,MAAM,EAAE,QAAQ,CAAC,MAAM;SACxB,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,OAAO,KAAK,KAAK,WAAW,IAAI,CAAC,KAAK,EAAE,CAAC;QAC3C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,sBACE,SAAS,EAAE,oBAAa,CAAC,GAAG,YAAY,CAAC,KAAK,GAAG,CAAC,cAChD,CAAC,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,MAC1B,EACH,SAAS,EAAE,eAAe,EAC1B,UAAU,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,IACjD,IAAI,eAEP,WAAW,IAAI,CACd,eACE,KAAK,EAAE,YAAY,CAAC,KAAK,GAAG,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,EACjD,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,EACrB,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,EACrB,MAAM,EAAE,YAAY,CAAC,MAAM,GAAG,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,EACnD,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAE,YAAY,EACnB,EAAE,EAAE,mBAAmB,EACvB,EAAE,EAAE,mBAAmB,GACvB,CACH,EACD,eACE,SAAS,EAAC,qBAAqB,EAC/B,CAAC,EAAE,YAAY,CAAC,MAAM,GAAG,CAAC,EAC1B,EAAE,EAAC,OAAO,EACV,GAAG,EAAE,mBAAmB,EACxB,KAAK,EAAE,UAAU,YAEhB,KAAK,GACD,EACN,QAAQ,KACP,CACL,CAAC;AACJ,CAAC;AAED,iBAAiB,CAAC,WAAW,GAAG,UAAU,CAAC;AAE3C,MAAM,CAAC,IAAM,QAAQ,GAAG,IAAI,CAAC,iBAAiB,CAAC,CAAC"}

package/dist/components/Edges/SimpleBezierEdge.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import { BaseEdge } from './BaseEdge';
+import { getBezierEdgeCenter } from '../../utils/edges';
+import { Position } from '@aloudata/ink-core';
+function getControl(_a) {
+    var pos = _a.pos, x1 = _a.x1, y1 = _a.y1, x2 = _a.x2, y2 = _a.y2;
+    if (pos === Position.Left || pos === Position.Right) {
+        return [0.5 * (x1 + x2), y1];
+    }
+    return [x1, 0.5 * (y1 + y2)];
+}
+export function getSimpleBezierPath(_a) {
+    var sourceX = _a.sourceX, sourceY = _a.sourceY, _b = _a.sourcePosition, sourcePosition = _b === void 0 ? Position.Bottom : _b, targetX = _a.targetX, targetY = _a.targetY, _c = _a.targetPosition, targetPosition = _c === void 0 ? Position.Top : _c;
+    var _d = __read(getControl({
+        pos: sourcePosition,
+        x1: sourceX,
+        y1: sourceY,
+        x2: targetX,
+        y2: targetY,
+    }), 2), sourceControlX = _d[0], sourceControlY = _d[1];
+    var _e = __read(getControl({
+        pos: targetPosition,
+        x1: targetX,
+        y1: targetY,
+        x2: sourceX,
+        y2: sourceY,
+    }), 2), targetControlX = _e[0], targetControlY = _e[1];
+    var _f = __read(getBezierEdgeCenter({
+        sourceX: sourceX,
+        sourceY: sourceY,
+        targetX: targetX,
+        targetY: targetY,
+        sourceControlX: sourceControlX,
+        sourceControlY: sourceControlY,
+        targetControlX: targetControlX,
+        targetControlY: targetControlY,
+    }), 4), labelX = _f[0], labelY = _f[1], offsetX = _f[2], offsetY = _f[3];
+    return [
+        "M".concat(sourceX, ",").concat(sourceY, " C").concat(sourceControlX, ",").concat(sourceControlY, " ").concat(targetControlX, ",").concat(targetControlY, " ").concat(targetX, ",").concat(targetY),
+        labelX,
+        labelY,
+        offsetX,
+        offsetY,
+    ];
+}
+function createSimpleBezierEdge(params) {
+    // eslint-disable-next-line react/display-name
+    return memo(function (_a) {
+        var id = _a.id, sourceX = _a.sourceX, sourceY = _a.sourceY, targetX = _a.targetX, targetY = _a.targetY, _b = _a.sourcePosition, sourcePosition = _b === void 0 ? Position.Bottom : _b, _c = _a.targetPosition, targetPosition = _c === void 0 ? Position.Top : _c, label = _a.label, labelStyle = _a.labelStyle, labelShowBg = _a.labelShowBg, labelBgStyle = _a.labelBgStyle, labelBgPadding = _a.labelBgPadding, labelBgBorderRadius = _a.labelBgBorderRadius, style = _a.style, markerEnd = _a.markerEnd, markerStart = _a.markerStart, interactionWidth = _a.interactionWidth;
+        var _d = __read(getSimpleBezierPath({
+            sourceX: sourceX,
+            sourceY: sourceY,
+            sourcePosition: sourcePosition,
+            targetX: targetX,
+            targetY: targetY,
+            targetPosition: targetPosition,
+        }), 3), path = _d[0], labelX = _d[1], labelY = _d[2];
+        var _id = params.isInternal ? undefined : id;
+        return (_jsx(BaseEdge, { id: _id, path: path, labelX: labelX, labelY: labelY, label: label, labelStyle: labelStyle, labelShowBg: labelShowBg, labelBgStyle: labelBgStyle, labelBgPadding: labelBgPadding, labelBgBorderRadius: labelBgBorderRadius, style: style, markerEnd: markerEnd, markerStart: markerStart, interactionWidth: interactionWidth }));
+    });
+}
+var SimpleBezierEdge = createSimpleBezierEdge({ isInternal: false });
+var SimpleBezierEdgeInternal = createSimpleBezierEdge({ isInternal: true });
+SimpleBezierEdge.displayName = 'SimpleBezierEdge';
+SimpleBezierEdgeInternal.displayName = 'SimpleBezierEdgeInternal';
+export { SimpleBezierEdge, SimpleBezierEdgeInternal };
+//# sourceMappingURL=SimpleBezierEdge.js.map

package/dist/components/Edges/SimpleBezierEdge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleBezierEdge.js","sourceRoot":"","sources":["../../../src/components/Edges/SimpleBezierEdge.tsx"],"names":[],"mappings":"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"}

package/dist/components/Edges/SmoothStepEdge.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import { BaseEdge } from './BaseEdge';
+import { getSmoothStepPath } from '../../utils/edges';
+import { Position } from '@aloudata/ink-core';
+function createSmoothStepEdge(params) {
+    // eslint-disable-next-line react/display-name
+    return memo(function (_a) {
+        var id = _a.id, sourceX = _a.sourceX, sourceY = _a.sourceY, targetX = _a.targetX, targetY = _a.targetY, label = _a.label, labelStyle = _a.labelStyle, labelShowBg = _a.labelShowBg, labelBgStyle = _a.labelBgStyle, labelBgPadding = _a.labelBgPadding, labelBgBorderRadius = _a.labelBgBorderRadius, style = _a.style, _b = _a.sourcePosition, sourcePosition = _b === void 0 ? Position.Bottom : _b, _c = _a.targetPosition, targetPosition = _c === void 0 ? Position.Top : _c, markerEnd = _a.markerEnd, markerStart = _a.markerStart, pathOptions = _a.pathOptions, interactionWidth = _a.interactionWidth;
+        var _d = __read(getSmoothStepPath({
+            sourceX: sourceX,
+            sourceY: sourceY,
+            sourcePosition: sourcePosition,
+            targetX: targetX,
+            targetY: targetY,
+            targetPosition: targetPosition,
+            borderRadius: pathOptions === null || pathOptions === void 0 ? void 0 : pathOptions.borderRadius,
+            offset: pathOptions === null || pathOptions === void 0 ? void 0 : pathOptions.offset,
+        }), 3), path = _d[0], labelX = _d[1], labelY = _d[2];
+        var _id = params.isInternal ? undefined : id;
+        return (_jsx(BaseEdge, { id: _id, path: path, labelX: labelX, labelY: labelY, label: label, labelStyle: labelStyle, labelShowBg: labelShowBg, labelBgStyle: labelBgStyle, labelBgPadding: labelBgPadding, labelBgBorderRadius: labelBgBorderRadius, style: style, markerEnd: markerEnd, markerStart: markerStart, interactionWidth: interactionWidth }));
+    });
+}
+var SmoothStepEdge = createSmoothStepEdge({ isInternal: false });
+var SmoothStepEdgeInternal = createSmoothStepEdge({ isInternal: true });
+SmoothStepEdge.displayName = 'SmoothStepEdge';
+SmoothStepEdgeInternal.displayName = 'SmoothStepEdgeInternal';
+export { SmoothStepEdge, SmoothStepEdgeInternal };
+//# sourceMappingURL=SmoothStepEdge.js.map

package/dist/components/Edges/SmoothStepEdge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmoothStepEdge.js","sourceRoot":"","sources":["../../../src/components/Edges/SmoothStepEdge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAE7B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,SAAS,oBAAoB,CAAC,MAA+B;IAC3D,8CAA8C;IAC9C,OAAO,IAAI,CACT,UAAC,EAmBqB;YAlBpB,EAAE,QAAA,EACF,OAAO,aAAA,EACP,OAAO,aAAA,EACP,OAAO,aAAA,EACP,OAAO,aAAA,EACP,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,cAAc,oBAAA,EACd,mBAAmB,yBAAA,EACnB,KAAK,WAAA,EACL,sBAAgC,EAAhC,cAAc,mBAAG,QAAQ,CAAC,MAAM,KAAA,EAChC,sBAA6B,EAA7B,cAAc,mBAAG,QAAQ,CAAC,GAAG,KAAA,EAC7B,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,gBAAgB,sBAAA;QAEV,IAAA,KAAA,OAAyB,iBAAiB,CAAC;YAC/C,OAAO,SAAA;YACP,OAAO,SAAA;YACP,cAAc,gBAAA;YACd,OAAO,SAAA;YACP,OAAO,SAAA;YACP,cAAc,gBAAA;YACd,YAAY,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,YAAY;YACvC,MAAM,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,MAAM;SAC5B,CAAC,IAAA,EATK,IAAI,QAAA,EAAE,MAAM,QAAA,EAAE,MAAM,QASzB,CAAC;QAEH,IAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;QAE/C,OAAO,CACL,KAAC,QAAQ,IACP,EAAE,EAAE,GAAG,EACP,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,mBAAmB,EAAE,mBAAmB,EACxC,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC;IACJ,CAAC,CACF,CAAC;AACJ,CAAC;AAED,IAAM,cAAc,GAAG,oBAAoB,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC;AACnE,IAAM,sBAAsB,GAAG,oBAAoB,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC;AAE1E,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAC9C,sBAAsB,CAAC,WAAW,GAAG,wBAAwB,CAAC;AAE9D,OAAO,EAAE,cAAc,EAAE,sBAAsB,EAAE,CAAC"}

package/dist/components/Edges/StepEdge.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo, useMemo } from 'react';
+import { SmoothStepEdge } from './SmoothStepEdge';
+function createStepEdge(params) {
+    // eslint-disable-next-line react/display-name
+    return memo(function (_a) {
+        var _b;
+        var id = _a.id, props = __rest(_a, ["id"]);
+        var _id = params.isInternal ? undefined : id;
+        return (_jsx(SmoothStepEdge, __assign({}, props, { id: _id, pathOptions: useMemo(function () { var _a; return ({ borderRadius: 0, offset: (_a = props.pathOptions) === null || _a === void 0 ? void 0 : _a.offset }); }, [(_b = props.pathOptions) === null || _b === void 0 ? void 0 : _b.offset]) })));
+    });
+}
+var StepEdge = createStepEdge({ isInternal: false });
+var StepEdgeInternal = createStepEdge({ isInternal: true });
+StepEdge.displayName = 'StepEdge';
+StepEdgeInternal.displayName = 'StepEdgeInternal';
+export { StepEdge, StepEdgeInternal };
+//# sourceMappingURL=StepEdge.js.map

package/dist/components/Edges/StepEdge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepEdge.js","sourceRoot":"","sources":["../../../src/components/Edges/StepEdge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD,SAAS,cAAc,CAAC,MAA+B;IACrD,8CAA8C;IAC9C,OAAO,IAAI,CAAC,UAAC,EAA+B;;QAA7B,IAAA,EAAE,QAAA,EAAK,KAAK,cAAd,MAAgB,CAAF;QACzB,IAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;QAE/C,OAAO,CACL,KAAC,cAAc,eACT,KAAK,IACT,EAAE,EAAE,GAAG,EACP,WAAW,EAAE,OAAO,CAClB,sBAAM,OAAA,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,MAAA,KAAK,CAAC,WAAW,0CAAE,MAAM,EAAE,CAAC,CAAA,EAAA,EAC9D,CAAC,MAAA,KAAK,CAAC,WAAW,0CAAE,MAAM,CAAC,CAC5B,IACD,CACH,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC;AAED,IAAM,QAAQ,GAAG,cAAc,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC;AACvD,IAAM,gBAAgB,GAAG,cAAc,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC;AAE9D,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAClC,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/Edges/StraightEdge.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import { BaseEdge } from './BaseEdge';
+import { getStraightPath } from '../../utils/edges';
+function createStraightEdge(params) {
+    // eslint-disable-next-line react/display-name
+    return memo(function (_a) {
+        var id = _a.id, sourceX = _a.sourceX, sourceY = _a.sourceY, targetX = _a.targetX, targetY = _a.targetY, label = _a.label, labelStyle = _a.labelStyle, labelShowBg = _a.labelShowBg, labelBgStyle = _a.labelBgStyle, labelBgPadding = _a.labelBgPadding, labelBgBorderRadius = _a.labelBgBorderRadius, style = _a.style, markerEnd = _a.markerEnd, markerStart = _a.markerStart, interactionWidth = _a.interactionWidth;
+        var _b = __read(getStraightPath({
+            sourceX: sourceX,
+            sourceY: sourceY,
+            targetX: targetX,
+            targetY: targetY,
+        }), 3), path = _b[0], labelX = _b[1], labelY = _b[2];
+        var _id = params.isInternal ? undefined : id;
+        return (_jsx(BaseEdge, { id: _id, path: path, labelX: labelX, labelY: labelY, label: label, labelStyle: labelStyle, labelShowBg: labelShowBg, labelBgStyle: labelBgStyle, labelBgPadding: labelBgPadding, labelBgBorderRadius: labelBgBorderRadius, style: style, markerEnd: markerEnd, markerStart: markerStart, interactionWidth: interactionWidth }));
+    });
+}
+var StraightEdge = createStraightEdge({ isInternal: false });
+var StraightEdgeInternal = createStraightEdge({ isInternal: true });
+StraightEdge.displayName = 'StraightEdge';
+StraightEdgeInternal.displayName = 'StraightEdgeInternal';
+export { StraightEdge, StraightEdgeInternal };
+//# sourceMappingURL=StraightEdge.js.map

package/dist/components/Edges/StraightEdge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StraightEdge.js","sourceRoot":"","sources":["../../../src/components/Edges/StraightEdge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAE7B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,SAAS,kBAAkB,CAAC,MAA+B;IACzD,8CAA8C;IAC9C,OAAO,IAAI,CACT,UAAC,EAgBmB;YAflB,EAAE,QAAA,EACF,OAAO,aAAA,EACP,OAAO,aAAA,EACP,OAAO,aAAA,EACP,OAAO,aAAA,EACP,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,cAAc,oBAAA,EACd,mBAAmB,yBAAA,EACnB,KAAK,WAAA,EACL,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,gBAAgB,sBAAA;QAEV,IAAA,KAAA,OAAyB,eAAe,CAAC;YAC7C,OAAO,SAAA;YACP,OAAO,SAAA;YACP,OAAO,SAAA;YACP,OAAO,SAAA;SACR,CAAC,IAAA,EALK,IAAI,QAAA,EAAE,MAAM,QAAA,EAAE,MAAM,QAKzB,CAAC;QAEH,IAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;QAE/C,OAAO,CACL,KAAC,QAAQ,IACP,EAAE,EAAE,GAAG,EACP,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,mBAAmB,EAAE,mBAAmB,EACxC,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC;IACJ,CAAC,CACF,CAAC;AACJ,CAAC;AAED,IAAM,YAAY,GAAG,kBAAkB,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC;AAC/D,IAAM,oBAAoB,GAAG,kBAAkB,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC;AAEtE,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAC1C,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAE1D,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/components/Edges/index.js

@@ -0,0 +1,9 @@
+// We distinguish between internal and exported edges
+// The internal edges are used directly like custom edges and always get an id, source and target props
+// If you import an edge from the library, the id is optional and source and target are not used at all
+export { SimpleBezierEdge, SimpleBezierEdgeInternal } from './SimpleBezierEdge';
+export { SmoothStepEdge, SmoothStepEdgeInternal } from './SmoothStepEdge';
+export { StepEdge, StepEdgeInternal } from './StepEdge';
+export { StraightEdge, StraightEdgeInternal } from './StraightEdge';
+export { BezierEdge, BezierEdgeInternal } from './BezierEdge';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Edges/index.ts"],"names":[],"mappings":"AAAA,qDAAqD;AACrD,uGAAuG;AACvG,uGAAuG;AAEvG,OAAO,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAChF,OAAO,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/Handle/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Handle/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAKpB,MAAM,OAAO,CAAC;AAUf,OAAO,EAIL,WAAW,IAAI,iBAAiB,EAEhC,SAAS,EAKV,MAAM,oBAAoB,CAAC;AAE5B,MAAM,WAAW,WACf,SAAQ,iBAAiB,EACvB,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,IAAI,CAAC;IAC5C,8CAA8C;IAC9C,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAkQD;;GAEG;AACH,eAAO,MAAM,MAAM,8GAtLiC,IAChD,OAAK,CAqLmD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Handle/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAKpB,MAAM,OAAO,CAAC;AAUf,OAAO,EAIL,WAAW,IAAI,iBAAiB,EAEhC,SAAS,EAKV,MAAM,oBAAoB,CAAC;AAE5B,MAAM,WAAW,WACf,SAAQ,iBAAiB,EACvB,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,IAAI,CAAC;IAC5C,8CAA8C;IAC9C,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAkQD;;GAEG;AACH,eAAO,MAAM,MAAM,0HAAyC,CAAC"}

package/dist/components/Handle/index.js

@@ -0,0 +1,179 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo, } from 'react';
+import cc from 'classnames';
+import { shallow } from 'zustand/shallow';
+import { useStore, useStoreApi } from '../../hooks/useStore';
+import { useNodeId } from '../../contexts/NodeIdContext';
+import { isMouseEvent, getHostForElement } from '../../utils/dom';
+import { fixedForwardRef } from '../../utils/general';
+import { addEdge } from '../../utils/edges';
+import { ConnectionMode, Position, XYHandle, errorMessages, } from '@aloudata/ink-core';
+var selector = function (s) { return ({
+    connectOnClick: s.connectOnClick,
+    noPanClassName: s.noPanClassName,
+    rfId: s.rfId,
+}); };
+var connectingSelector = function (nodeId, handleId, type) {
+    return function (state) {
+        var clickHandle = state.connectionClickStartHandle, connectionMode = state.connectionMode, connection = state.connection;
+        var fromHandle = connection.fromHandle, toHandle = connection.toHandle, isValid = connection.isValid;
+        var connectingTo = (toHandle === null || toHandle === void 0 ? void 0 : toHandle.nodeId) === nodeId &&
+            (toHandle === null || toHandle === void 0 ? void 0 : toHandle.id) === handleId &&
+            (toHandle === null || toHandle === void 0 ? void 0 : toHandle.type) === type;
+        return {
+            connectingFrom: (fromHandle === null || fromHandle === void 0 ? void 0 : fromHandle.nodeId) === nodeId &&
+                (fromHandle === null || fromHandle === void 0 ? void 0 : fromHandle.id) === handleId &&
+                (fromHandle === null || fromHandle === void 0 ? void 0 : fromHandle.type) === type,
+            connectingTo: connectingTo,
+            clickConnecting: (clickHandle === null || clickHandle === void 0 ? void 0 : clickHandle.nodeId) === nodeId &&
+                (clickHandle === null || clickHandle === void 0 ? void 0 : clickHandle.id) === handleId &&
+                (clickHandle === null || clickHandle === void 0 ? void 0 : clickHandle.type) === type,
+            isPossibleEndHandle: connectionMode === ConnectionMode.Strict
+                ? (fromHandle === null || fromHandle === void 0 ? void 0 : fromHandle.type) !== type
+                : nodeId !== (fromHandle === null || fromHandle === void 0 ? void 0 : fromHandle.nodeId) || handleId !== (fromHandle === null || fromHandle === void 0 ? void 0 : fromHandle.id),
+            connectionInProcess: !!fromHandle,
+            clickConnectionInProcess: !!clickHandle,
+            valid: connectingTo && isValid,
+        };
+    };
+};
+function HandleComponent(_a, ref) {
+    var _b, _c;
+    var _d = _a.type, type = _d === void 0 ? 'source' : _d, _e = _a.position, position = _e === void 0 ? Position.Top : _e, isValidConnection = _a.isValidConnection, _f = _a.isConnectable, isConnectable = _f === void 0 ? true : _f, _g = _a.isConnectableStart, isConnectableStart = _g === void 0 ? true : _g, _h = _a.isConnectableEnd, isConnectableEnd = _h === void 0 ? true : _h, id = _a.id, onConnect = _a.onConnect, children = _a.children, className = _a.className, onMouseDown = _a.onMouseDown, onTouchStart = _a.onTouchStart, rest = __rest(_a, ["type", "position", "isValidConnection", "isConnectable", "isConnectableStart", "isConnectableEnd", "id", "onConnect", "children", "className", "onMouseDown", "onTouchStart"]);
+    var handleId = id || null;
+    var isTarget = type === 'target';
+    var store = useStoreApi();
+    var nodeId = useNodeId();
+    var _j = useStore(selector, shallow), connectOnClick = _j.connectOnClick, noPanClassName = _j.noPanClassName, rfId = _j.rfId;
+    var _k = useStore(connectingSelector(nodeId, handleId, type), shallow), connectingFrom = _k.connectingFrom, connectingTo = _k.connectingTo, clickConnecting = _k.clickConnecting, isPossibleEndHandle = _k.isPossibleEndHandle, connectionInProcess = _k.connectionInProcess, clickConnectionInProcess = _k.clickConnectionInProcess, valid = _k.valid;
+    if (!nodeId) {
+        (_c = (_b = store.getState()).onError) === null || _c === void 0 ? void 0 : _c.call(_b, '010', errorMessages['error010']());
+    }
+    var onConnectExtended = function (params) {
+        var _a = store.getState(), defaultEdgeOptions = _a.defaultEdgeOptions, onConnectAction = _a.onConnect, hasDefaultEdges = _a.hasDefaultEdges;
+        var edgeParams = __assign(__assign({}, defaultEdgeOptions), params);
+        if (hasDefaultEdges) {
+            var _b = store.getState(), edges = _b.edges, setEdges = _b.setEdges;
+            setEdges(addEdge(edgeParams, edges));
+        }
+        onConnectAction === null || onConnectAction === void 0 ? void 0 : onConnectAction(edgeParams);
+        onConnect === null || onConnect === void 0 ? void 0 : onConnect(edgeParams);
+    };
+    var onPointerDown = function (event) {
+        if (!nodeId) {
+            return;
+        }
+        var isMouseTriggered = isMouseEvent(event.nativeEvent);
+        if (isConnectableStart &&
+            ((isMouseTriggered &&
+                event.button === 0) ||
+                !isMouseTriggered)) {
+            var currentStore = store.getState();
+            XYHandle.onPointerDown(event.nativeEvent, {
+                autoPanOnConnect: currentStore.autoPanOnConnect,
+                connectionMode: currentStore.connectionMode,
+                connectionRadius: currentStore.connectionRadius,
+                domNode: currentStore.domNode,
+                nodeLookup: currentStore.nodeLookup,
+                lib: currentStore.lib,
+                isTarget: isTarget,
+                handleId: handleId,
+                nodeId: nodeId,
+                flowId: currentStore.rfId,
+                panBy: currentStore.panBy,
+                cancelConnection: currentStore.cancelConnection,
+                onConnectStart: currentStore.onConnectStart,
+                onConnectEnd: currentStore.onConnectEnd,
+                updateConnection: currentStore.updateConnection,
+                onConnect: onConnectExtended,
+                isValidConnection: isValidConnection || currentStore.isValidConnection,
+                getTransform: function () { return store.getState().transform; },
+                getFromHandle: function () { return store.getState().connection.fromHandle; },
+                autoPanSpeed: currentStore.autoPanSpeed,
+            });
+        }
+        if (isMouseTriggered) {
+            onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(event);
+        }
+        else {
+            onTouchStart === null || onTouchStart === void 0 ? void 0 : onTouchStart(event);
+        }
+    };
+    var onClick = function (event) {
+        var _a = store.getState(), onClickConnectStart = _a.onClickConnectStart, onClickConnectEnd = _a.onClickConnectEnd, connectionClickStartHandle = _a.connectionClickStartHandle, connectionMode = _a.connectionMode, isValidConnectionStore = _a.isValidConnection, lib = _a.lib, flowId = _a.rfId, nodeLookup = _a.nodeLookup, connectionState = _a.connection;
+        if (!nodeId || (!connectionClickStartHandle && !isConnectableStart)) {
+            return;
+        }
+        if (!connectionClickStartHandle) {
+            onClickConnectStart === null || onClickConnectStart === void 0 ? void 0 : onClickConnectStart(event.nativeEvent, {
+                nodeId: nodeId,
+                handleId: handleId,
+                handleType: type,
+            });
+            store.setState({
+                connectionClickStartHandle: { nodeId: nodeId, type: type, id: handleId },
+            });
+            return;
+        }
+        var doc = getHostForElement(event.target);
+        var isValidConnectionHandler = isValidConnection || isValidConnectionStore;
+        var _b = XYHandle.isValid(event.nativeEvent, {
+            handle: {
+                nodeId: nodeId,
+                id: handleId,
+                type: type,
+            },
+            connectionMode: connectionMode,
+            fromNodeId: connectionClickStartHandle.nodeId,
+            fromHandleId: connectionClickStartHandle.id || null,
+            fromType: connectionClickStartHandle.type,
+            isValidConnection: isValidConnectionHandler,
+            flowId: flowId,
+            doc: doc,
+            lib: lib,
+            nodeLookup: nodeLookup,
+        }), connection = _b.connection, isValid = _b.isValid;
+        if (isValid && connection) {
+            onConnectExtended(connection);
+        }
+        var connectionClone = structuredClone(connectionState);
+        delete connectionClone.inProgress;
+        connectionClone.toPosition = connectionClone.toHandle
+            ? connectionClone.toHandle.position
+            : null;
+        onClickConnectEnd === null || onClickConnectEnd === void 0 ? void 0 : onClickConnectEnd(event, connectionClone);
+        store.setState({ connectionClickStartHandle: null });
+    };
+    return (_jsx("div", __assign({ "data-handleid": handleId, "data-nodeid": nodeId, "data-handlepos": position, "data-id": "".concat(rfId, "-").concat(nodeId, "-").concat(handleId, "-").concat(type), className: cc([
+            'ink-flow__handle',
+            "ink-flow__handle-".concat(position),
+            'nodrag',
+            noPanClassName,
+            className,
+            {
+                source: !isTarget,
+                target: isTarget,
+                connectable: isConnectable,
+                connectablestart: isConnectableStart,
+                connectableend: isConnectableEnd,
+                clickconnecting: clickConnecting,
+                connectingfrom: connectingFrom,
+                connectingto: connectingTo,
+                valid: valid,
+                /*
+                 * shows where you can start a connection from
+                 * and where you can end it while connecting
+                 */
+                connectionindicator: isConnectable &&
+                    (!connectionInProcess || isPossibleEndHandle) &&
+                    (connectionInProcess || clickConnectionInProcess
+                        ? isConnectableEnd
+                        : isConnectableStart),
+            },
+        ]), onMouseDown: onPointerDown, onTouchStart: onPointerDown, onClick: connectOnClick ? onClick : undefined, ref: ref }, rest, { children: children })));
+}
+/**
+ * The Handle component is a UI element that is used to connect nodes.
+ */
+export var Handle = memo(fixedForwardRef(HandleComponent));
+//# sourceMappingURL=index.js.map

package/dist/components/Handle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Handle/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/InkFlowProvider/index.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Provider } from '../../contexts/StoreContext';
+import { createStore } from '../../store';
+import { BatchProvider } from '../BatchProvider';
+export function InkFlowProvider(_a) {
+    var nodes = _a.initialNodes, edges = _a.initialEdges, defaultNodes = _a.defaultNodes, defaultEdges = _a.defaultEdges, width = _a.initialWidth, height = _a.initialHeight, fitView = _a.fitView, children = _a.children;
+    var _b = __read(useState(function () {
+        return createStore({
+            nodes: nodes,
+            edges: edges,
+            defaultNodes: defaultNodes,
+            defaultEdges: defaultEdges,
+            width: width,
+            height: height,
+            fitView: fitView,
+        });
+    }), 1), store = _b[0];
+    return (_jsx(Provider, { value: store, children: _jsx(BatchProvider, { children: children }) }));
+}
+//# sourceMappingURL=index.js.map

package/dist/components/InkFlowProvider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/InkFlowProvider/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAajD,MAAM,UAAU,eAAe,CAAC,EAST;QARP,KAAK,kBAAA,EACL,KAAK,kBAAA,EACnB,YAAY,kBAAA,EACZ,YAAY,kBAAA,EACE,KAAK,kBAAA,EACJ,MAAM,mBAAA,EACrB,OAAO,aAAA,EACP,QAAQ,cAAA;IAEF,IAAA,KAAA,OAAU,QAAQ,CAAC;QACvB,OAAA,WAAW,CAAC;YACV,KAAK,OAAA;YACL,KAAK,OAAA;YACL,YAAY,cAAA;YACZ,YAAY,cAAA;YACZ,KAAK,OAAA;YACL,MAAM,QAAA;YACN,OAAO,SAAA;SACR,CAAC;IARF,CAQE,CACH,IAAA,EAVM,KAAK,QAUX,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACpB,KAAC,aAAa,cAAE,QAAQ,GAAiB,GAChC,CACZ,CAAC;AACJ,CAAC"}