@zenode/designer 3.5.0

package/dist/nodes/placement.js

@@ -0,0 +1,325 @@
+import * as d3 from 'd3';
+import { createDragBehavior } from '../events/drag.js';
+import { renderPorts } from './ports.js';
+import { buildResolvedShapeConfig, renderSelectionRing, renderResizeHandles } from './overlay.js';
+import { applyEffects } from '../effects/engine.js';
+import { renderNodeContent } from './content.js';
+
+/**
+ * Renders placed nodes using D3 data join. Keeps g.placed-nodes in sync with engine state.
+ */
+function getShapeStyle(node, config) {
+    var _a;
+    const list = (_a = config.shapes.default) === null || _a === void 0 ? void 0 : _a[node.type];
+    if (!Array.isArray(list))
+        return undefined;
+    return list.find((s) => s.id === node.shapeVariantId);
+}
+/**
+ * Renders the placed nodes layer using a D3 data join. Call after state changes.
+ * @param placedNodesGroup - D3 selection for g.placed-nodes
+ * @param placedNodes - Current array of placed nodes
+ * @param config - Engine config for shape styles
+ */
+function renderPlacedNodes(placedNodesGroup, placedNodes, api) {
+    const dragBehavior = createDragBehavior(api);
+    const binding = placedNodesGroup
+        .selectAll("g.node")
+        .data(placedNodes, (d) => d.id);
+    binding
+        .join((enter) => {
+        const g = enter
+            .append("g")
+            .attr("class", "node placed-node")
+            .attr("data-id", (d) => d.id)
+            .attr("transform", (d) => `translate(${d.x},${d.y}) rotate(${d.rotation || 0})`)
+            .call(dragBehavior)
+            .on("click", function (event) {
+            event.stopPropagation();
+            const sel = d3.select(this);
+            const d = sel.datum();
+            api.setSelectedNodeIds([d.id], d.id);
+        });
+        g.each(function (d) {
+            const style = getShapeStyle(d, api.config);
+            if (!style)
+                return;
+            const el = d3.select(this);
+            const renderer = api.shapeRegistry.get(d.type);
+            const resolvedConfig = buildResolvedShapeConfig(d, style);
+            // Clear only if needed, but renderer.draw usually appends.
+            // If renderer.draw is called every time, it might be doubling up elements.
+            el.selectAll("path, circle, rect").filter(":not(.port):not(.selection-ring)").remove();
+            renderer.draw(el, resolvedConfig, {});
+            applyEffects(el, renderer.getPath(resolvedConfig), d.visualState);
+            renderNodeContent(el, d.content, renderer.getBounds(resolvedConfig), api.getEditingNodeId() === d.id);
+        });
+        return g;
+    }, (update) => {
+        update.attr("transform", (d) => `translate(${d.x},${d.y}) rotate(${d.rotation || 0})`);
+        update.each(function (d) {
+            const style = getShapeStyle(d, api.config);
+            if (!style)
+                return;
+            const el = d3.select(this);
+            const renderer = api.shapeRegistry.get(d.type);
+            const resolvedConfig = buildResolvedShapeConfig(d, style);
+            // --- Render Ghost (Original State) Preview ---
+            const activeOp = api.getActiveOperation();
+            el.selectAll(".node-ghost").remove();
+            const selection = api.getSelectedNodeIds();
+            // Support ghost if node itself is moving, or if it's in a moving visual group
+            const isInMovingGroup = api.getVisualGroups().some(g => g.nodeIds.includes(d.id) &&
+                g.nodeIds.some(nid => { var _a; return ((_a = activeOp === null || activeOp === void 0 ? void 0 : activeOp.selectionStates) === null || _a === void 0 ? void 0 : _a.has(nid)) || nid === (activeOp === null || activeOp === void 0 ? void 0 : activeOp.nodeId); }));
+            const shouldShowGhost = (activeOp && activeOp.type === 'drag') && (selection.includes(d.id) || isInMovingGroup);
+            if (shouldShowGhost && activeOp) {
+                const ghostG = el.insert("g", ":first-child").attr("class", "node-ghost");
+                let ghostNode = d;
+                if (activeOp.selectionStates && activeOp.selectionStates.has(d.id)) {
+                    ghostNode = activeOp.selectionStates.get(d.id);
+                }
+                else if (activeOp.nodeId === d.id) {
+                    ghostNode = activeOp.originalData;
+                }
+                const ghostStyle = getShapeStyle(ghostNode, api.config);
+                if (ghostStyle) {
+                    const ghostResolved = buildResolvedShapeConfig(ghostNode, ghostStyle);
+                    // Counter-transform the ghost so it stays at the original logical position
+                    // while the parent 'g.node' has moved to the new (d.x, d.y)
+                    const dx = ghostNode.x - d.x;
+                    const dy = ghostNode.y - d.y;
+                    const currentRotation = d.rotation || 0;
+                    const ghostRotation = ghostNode.rotation || 0;
+                    ghostG.attr("transform", `rotate(${-currentRotation}) translate(${dx},${dy}) rotate(${ghostRotation})`);
+                    renderer.draw(ghostG, ghostResolved, {});
+                    // Apply configurable styles
+                    const ghostCfg = api.config.canvasProperties.ghostPreview;
+                    const groupGhostCfg = api.config.canvasProperties.groupGhostPreview;
+                    if (ghostCfg) {
+                        const groups = api.getVisualGroups();
+                        const isInMovingGroup = groups.some(g => g.nodeIds.includes(d.id) &&
+                            g.nodeIds.some(nid => { var _a; return ((_a = activeOp === null || activeOp === void 0 ? void 0 : activeOp.selectionStates) === null || _a === void 0 ? void 0 : _a.has(nid)) || nid === (activeOp === null || activeOp === void 0 ? void 0 : activeOp.nodeId); }));
+                        const strokeColor = isInMovingGroup && groupGhostCfg
+                            ? groupGhostCfg.strokeColor
+                            : ghostCfg.strokeColor;
+                        const dashArray = isInMovingGroup && groupGhostCfg
+                            ? groupGhostCfg.strokeDashArray
+                            : ghostCfg.strokeDashArray;
+                        ghostG.style("opacity", ghostCfg.opacity)
+                            .style("filter", ghostCfg.filter)
+                            .style("pointer-events", "none");
+                        ghostG.selectAll("path, rect, circle")
+                            .style("stroke-dasharray", dashArray.join(" "))
+                            .style("stroke", strokeColor)
+                            .style("stroke-width", ghostCfg.strokeWidth)
+                            .style("fill", ghostCfg.fillColor);
+                    }
+                }
+            }
+            // Ensure we don't clear ports during update
+            el.selectAll("path, circle, rect, g.node-content").filter(":not(.port):not(.selection-ring):not(.node-ghost *)").remove();
+            renderer.draw(el, resolvedConfig, {});
+            applyEffects(el, renderer.getPath(resolvedConfig), d.visualState);
+            renderNodeContent(el, d.content, renderer.getBounds(resolvedConfig), api.getEditingNodeId() === d.id);
+        });
+        return update;
+    }, (exit) => exit.remove());
+    // We don't need the second .each loop here because we moved the logic into join
+    // syncSelectionRings will still call renderPorts
+    syncSelectionRings(placedNodesGroup, api, placedNodes);
+    renderVisualGroups(placedNodesGroup, api);
+}
+/**
+ * Calculates and renders a boundary around visual groups that have at least one member selected.
+ */
+function renderVisualGroups(placedNodesGroup, api, placedNodes) {
+    var _a;
+    const parent = api.canvasObject.visualGroups;
+    if (!parent || !parent.selectAll)
+        return;
+    const groups = api.getVisualGroups();
+    const selectedIds = new Set(api.getSelectedNodeIds());
+    const isConnMode = ((_a = api.isConnectionModeEnabled) === null || _a === void 0 ? void 0 : _a.call(api)) || false;
+    // --- Boundary Data Join ---
+    const boundaries = parent.selectAll("g.visual-group-boundary")
+        .data(groups, (d) => d.id);
+    // Remove old boundaries
+    boundaries.exit().remove();
+    // Create new boundaries
+    const boundEnter = boundaries.enter().append("g")
+        .attr("class", d => `visual-group-boundary ${d.id}`)
+        .attr("data-group-nodes", d => d.nodeIds.join(","));
+    // Update all boundaries (enter + update)
+    const boundsAll = boundEnter.merge(boundaries);
+    boundsAll.each(function (group) {
+        const g = d3.select(this);
+        const bounds = api.getGroupBounds(group.id);
+        if (!bounds) {
+            g.style("display", "none");
+            return;
+        }
+        g.style("display", "block");
+        const { x, y, width: w, height: h } = bounds;
+        const isGroupActive = group.nodeIds.some((id) => selectedIds.has(id));
+        g.attr("transform", `translate(${x}, ${y})`)
+            .attr("data-group-nodes", group.nodeIds.join(','));
+        // Layer 1: Background rect (clickable)
+        let bg = g.select("rect.bg-rect");
+        if (bg.empty()) {
+            bg = g.append("rect").attr("class", "bg-rect");
+        }
+        bg.attr("width", w)
+            .attr("height", h)
+            .attr("rx", 8)
+            .attr("fill", "var(--zenode-selection-color, #4A90E2)")
+            .attr("opacity", isGroupActive ? 0.05 : 0.01)
+            .style("pointer-events", isGroupActive ? "all" : "none") // Only intercept if already active or during specific triggers
+            .style("cursor", "move")
+            .on("mousedown", (event) => {
+            // Only trigger group selection if not dragging ports
+            if (!event.target.classList.contains('port')) {
+                api.setSelectedNodeIds(group.nodeIds, 'collective-group-trigger');
+            }
+        });
+        // Layer 1.5: Hit-test area for the border specifically
+        let borderHit = g.select("rect.border-hit");
+        if (borderHit.empty()) {
+            borderHit = g.append("rect").attr("class", "border-hit");
+        }
+        borderHit.attr("width", w + 10)
+            .attr("height", h + 10)
+            .attr("x", -5)
+            .attr("y", -5)
+            .attr("fill", "transparent")
+            .style("cursor", "move")
+            .on("mousedown", (event) => {
+            // Allow drag and node events to proceed by not stopping propagation
+            api.setSelectedNodeIds(group.nodeIds, 'collective-group-trigger');
+        });
+        // Layer 2: Dashed border
+        let border = g.select("rect.border-rect");
+        if (border.empty()) {
+            border = g.append("rect").attr("class", "border-rect");
+        }
+        border.attr("width", w)
+            .attr("height", h)
+            .attr("rx", 8)
+            .attr("fill", "none")
+            .attr("stroke", "var(--zenode-selection-color, #4A90E2)")
+            .attr("stroke-width", 2)
+            .attr("stroke-dasharray", isGroupActive ? "6 4" : "none")
+            .attr("opacity", isGroupActive ? 0.8 : 0.2)
+            .style("pointer-events", "none");
+        // Layer 3: Group Ports
+        g.selectAll(".group-port").remove();
+        if (isConnMode) {
+            const ports = api.getGroupPorts(group.id);
+            if (ports) {
+                Object.entries(ports).forEach(([portId, pos]) => {
+                    const relX = pos.x - x;
+                    const relY = pos.y - y;
+                    const portCfg = api.config.canvasProperties.ports;
+                    if (!portCfg)
+                        return;
+                    g.append("circle")
+                        .attr("class", "port group-port")
+                        .attr("cx", relX)
+                        .attr("cy", relY)
+                        .attr("r", portCfg.radius)
+                        .attr("fill", portCfg.fillColor)
+                        .attr("stroke", portCfg.strokeColor)
+                        .attr("stroke-width", portCfg.strokeWidth)
+                        .style("cursor", portCfg.cursor)
+                        .style("pointer-events", "all")
+                        .on("mousedown", (event) => {
+                        event.stopPropagation();
+                        event.preventDefault();
+                        const startPoint = api.getCanvasPoint(event);
+                        api.startConnectionDrag(group.id, portId, startPoint);
+                    });
+                });
+            }
+        }
+        // Attach drag behavior
+        const dragBehavior = api.createDragBehavior();
+        g.call(dragBehavior);
+    });
+    // Only groups containing nodes in the active selectionStates should show ghosts
+    const activeOp = api.getActiveOperation();
+    const ghostCfg = api.config.canvasProperties.groupGhostPreview;
+    const ghostParent = (api.ghostsLayer || parent);
+    // Only groups containing nodes in the active selectionStates should show ghosts
+    const movingGroups = ((ghostCfg === null || ghostCfg === void 0 ? void 0 : ghostCfg.enabled) && activeOp && activeOp.type === 'drag')
+        ? groups.filter(g => {
+            const selectionStates = activeOp.selectionStates;
+            // Show ghost if this group is being dragged, or ANY of its members are dragging
+            return (g.id === activeOp.nodeId) ||
+                (selectionStates && g.nodeIds.some(id => selectionStates.has(id)));
+        })
+        : [];
+    const ghosts = ghostParent.selectAll("g.visual-group-ghost")
+        .data(movingGroups, (d) => d.id);
+    ghosts.exit().remove();
+    const ghostEnter = ghosts.enter().append("g")
+        .attr("class", "visual-group-ghost")
+        .style("pointer-events", "none");
+    const ghostAll = ghostEnter.merge(ghosts);
+    ghostAll.each(function (group) {
+        const g = d3.select(this);
+        const oBounds = api.getGroupBounds(group.id, activeOp.selectionStates);
+        if (!oBounds) {
+            g.style("display", "none");
+            return;
+        }
+        g.style("display", "block");
+        const { x: oX, y: oY, width: oW, height: oH } = oBounds;
+        g.attr("transform", `translate(${oX}, ${oY})`);
+        let rect = g.select("rect");
+        if (rect.empty()) {
+            rect = g.append("rect");
+        }
+        rect.attr("width", oW)
+            .attr("height", oH)
+            .attr("rx", 8)
+            .attr("fill", ghostCfg.fillColor || "transparent")
+            .attr("stroke", ghostCfg.strokeColor || "#005bc4")
+            .attr("stroke-width", ghostCfg.strokeWidth || 1.5)
+            .attr("stroke-dasharray", (ghostCfg.strokeDashArray || [4, 4]).join(" "))
+            .attr("opacity", ghostCfg.opacity || 0.4);
+    });
+}
+function syncSelectionRings(placedNodesGroup, api, placedNodes) {
+    const selected = new Set(api.getSelectedNodeIds());
+    const selectionStroke = "var(--zenode-selection-color, #4A90E2)";
+    placedNodesGroup
+        .selectAll("g.node")
+        .each(function (nodeDatum) {
+        const group = d3.select(this);
+        const isSelected = selected.has(nodeDatum.id);
+        group.classed("selected", isSelected);
+        group.selectAll(".selection-ring").remove();
+        if (!isSelected)
+            return;
+        const style = getShapeStyle(nodeDatum, api.config);
+        if (!style)
+            return;
+        renderSelectionRing(group, nodeDatum, style, api.shapeRegistry, selectionStroke, 4);
+        renderResizeHandles(group, nodeDatum, style, api);
+    });
+    // Finally render ports for ALL nodes to ensure they are always on top
+    placedNodesGroup
+        .selectAll("g.node")
+        .each(function (d) {
+        const el = d3.select(this);
+        renderPorts(el, d, api.config, api.shapeRegistry, api);
+    });
+    // Guard for stale ids after node deletions.
+    const presentIds = new Set(placedNodes.map((n) => n.id));
+    const filtered = [...selected].filter((id) => presentIds.has(id));
+    if (filtered.length !== selected.size) {
+        api.setSelectedNodeIds(filtered);
+    }
+}
+
+export { renderPlacedNodes };
+//# sourceMappingURL=placement.js.map

package/dist/nodes/placement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"placement.js","sources":["../../src/nodes/placement.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/nodes/ports.cjs

@@ -0,0 +1,196 @@
+'use strict';
+
+var overlay = require('./overlay.cjs');
+
+/**
+ * Renders connection ports for a node.
+ * @param nodeGroup - The D3 selection of the node's <g> element
+ * @param node - The node data
+ * @param config - The engine configuration
+ * @param registry - The shape registry to get the renderer
+ */
+function renderPorts(nodeGroup, node, config, registry, engine) {
+    const portConfig = config.canvasProperties.ports;
+    if (!portConfig || !portConfig.enabled) {
+        return;
+    }
+    const style = getShapeStyle(node, config);
+    if (!style) {
+        return;
+    }
+    const renderer = registry.get(node.type);
+    const resolvedConfig = overlay.buildResolvedShapeConfig(node, style);
+    const ports = renderer.getPorts(resolvedConfig);
+    const bounds = renderer.getBounds(resolvedConfig);
+    // --- Connection Ports Logic ---
+    const portData = Object.entries(ports).map(([key, pos]) => ({
+        id: key,
+        x: pos.x,
+        y: pos.y,
+    }));
+    const portSelection = nodeGroup
+        .selectAll("circle.port")
+        .data(portData, (d) => d.id);
+    portSelection
+        .join((enter) => enter.append("circle").attr("class", "port"), (update) => update, (exit) => exit.remove())
+        .attr("cx", (d) => d.x)
+        .attr("cy", (d) => d.y)
+        .attr("r", portConfig.radius)
+        .attr("fill", portConfig.fillColor)
+        .attr("stroke", portConfig.strokeColor)
+        .attr("stroke-width", portConfig.strokeWidth)
+        .attr("opacity", () => {
+        if (!engine.connectionModeEnabled)
+            return 0;
+        return portConfig.showOnHoverOnly ? 0 : portConfig.opacity;
+    })
+        .style("pointer-events", () => engine.connectionModeEnabled ? "all" : "none")
+        .style("cursor", () => engine.connectionModeEnabled ? portConfig.cursor : "default")
+        .on("mousedown", function (event, d) {
+        if (!engine.connectionModeEnabled)
+            return;
+        event.stopPropagation();
+        event.preventDefault();
+        const startPoint = engine.getCanvasPoint(event);
+        engine.startConnectionDrag(node.id, d.id, startPoint);
+    });
+    // --- Rotation Handles Logic ---
+    const isSelected = engine.getSelectedNodeIds().includes(node.id);
+    const isRotationMode = engine.isRotationModeEnabled && engine.isRotationModeEnabled();
+    const handleOffset = 15;
+    const rotationHandleData = (isSelected && isRotationMode) ? [
+        { id: "rotate-top", x: bounds.x + bounds.width / 2, y: bounds.y - handleOffset },
+        { id: "rotate-right", x: bounds.x + bounds.width + handleOffset, y: bounds.y + bounds.height / 2 },
+        { id: "rotate-bottom", x: bounds.x + bounds.width / 2, y: bounds.y + bounds.height + handleOffset },
+        { id: "rotate-left", x: bounds.x - handleOffset, y: bounds.y + bounds.height / 2 },
+    ] : [];
+    // Simple SVG curved arrow for rotation cursor
+    const rotateCursor = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 2v6h-6M3 12a9 9 0 0 1 15-6.7L21 8'/%3E%3C/svg%3E") 10 10, crosshair`;
+    const handleSelection = nodeGroup
+        .selectAll("circle.rotate-handle")
+        .data(rotationHandleData, (d) => d.id);
+    handleSelection
+        .join((enter) => enter.append("circle").attr("class", "rotate-handle"), (update) => update, (exit) => exit.remove())
+        .attr("cx", (d) => d.x)
+        .attr("cy", (d) => d.y)
+        .attr("r", 5)
+        .attr("fill", "#4A90E2")
+        .attr("stroke", "#ffffff")
+        .attr("stroke-width", 2)
+        .style("cursor", rotateCursor)
+        .on("mousedown", function (event) {
+        event.stopPropagation();
+        event.preventDefault();
+        const startPoint = engine.getCanvasPoint(event);
+        const startDx = startPoint.x - node.x;
+        const startDy = startPoint.y - node.y;
+        const startMouseAngle = Math.atan2(startDy, startDx) * (180 / Math.PI);
+        const startNodeRotation = node.rotation || 0;
+        const onMouseMove = (moveEvent) => {
+            const currentPoint = engine.getCanvasPoint(moveEvent);
+            const dx = currentPoint.x - node.x;
+            const dy = currentPoint.y - node.y;
+            const currentMouseAngle = Math.atan2(dy, dx) * (180 / Math.PI);
+            let deltaAngle = currentMouseAngle - startMouseAngle;
+            // Calculate new rotation and apply 15-degree snapping
+            let newRotation = startNodeRotation + deltaAngle;
+            newRotation = Math.round(newRotation / 15) * 15;
+            engine.rotateNode(node.id, newRotation, false);
+        };
+        const onMouseUp = () => {
+            engine.endOperation();
+            window.removeEventListener("mousemove", onMouseMove);
+            window.removeEventListener("mouseup", onMouseUp);
+        };
+        engine.beginOperation(node.id, 'rotate');
+        window.addEventListener("mousemove", onMouseMove);
+        window.addEventListener("mouseup", onMouseUp);
+    });
+    // --- Resize Handles Logic ---
+    const isResizeMode = engine.isResizeModeEnabled && engine.isResizeModeEnabled();
+    const resizeCursor = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7'/%3E%3C/svg%3E") 10 10, nwse-resize`;
+    // 4 edge handles: N (top), S (bottom), E (right), W (left)
+    const resizeHandleOffset = 0;
+    const resizeHandleData = (isSelected && isResizeMode) ? [
+        { id: "resize-n", x: bounds.x + bounds.width / 2, y: bounds.y + resizeHandleOffset, axis: "h" },
+        { id: "resize-s", x: bounds.x + bounds.width / 2, y: bounds.y + bounds.height - resizeHandleOffset, axis: "h" },
+        { id: "resize-e", x: bounds.x + bounds.width - resizeHandleOffset, y: bounds.y + bounds.height / 2, axis: "w" },
+        { id: "resize-w", x: bounds.x + resizeHandleOffset, y: bounds.y + bounds.height / 2, axis: "w" },
+    ] : [];
+    const resizeHandleSelection = nodeGroup
+        .selectAll("rect.resize-handle")
+        .data(resizeHandleData, (d) => d.id);
+    resizeHandleSelection
+        .join((enter) => enter.append("rect").attr("class", "resize-handle"), (update) => update, (exit) => exit.remove())
+        .attr("x", (d) => d.x - 5)
+        .attr("y", (d) => d.y - 5)
+        .attr("width", 10)
+        .attr("height", 10)
+        .attr("rx", 2)
+        .attr("fill", "#22C55E")
+        .attr("stroke", "#ffffff")
+        .attr("stroke-width", 2)
+        .style("cursor", resizeCursor)
+        .on("mousedown", function (event, d) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+        event.stopPropagation();
+        event.preventDefault();
+        // Resolve current dimensions and base constraints
+        const style = getShapeStyle(node, config);
+        const baseW = (_d = (_c = (_b = (_a = node.baseDimensions) === null || _a === void 0 ? void 0 : _a.width) !== null && _b !== void 0 ? _b : node.width) !== null && _c !== void 0 ? _c : style === null || style === void 0 ? void 0 : style.width) !== null && _d !== void 0 ? _d : 100;
+        const baseH = (_h = (_g = (_f = (_e = node.baseDimensions) === null || _e === void 0 ? void 0 : _e.height) !== null && _f !== void 0 ? _f : node.height) !== null && _g !== void 0 ? _g : style === null || style === void 0 ? void 0 : style.height) !== null && _h !== void 0 ? _h : 100;
+        const baseR = (_m = (_l = (_k = (_j = node.baseDimensions) === null || _j === void 0 ? void 0 : _j.radius) !== null && _k !== void 0 ? _k : node.radius) !== null && _l !== void 0 ? _l : style === null || style === void 0 ? void 0 : style.radius) !== null && _m !== void 0 ? _m : 30;
+        const minW = baseW * 0.5, maxW = baseW * 2;
+        const minH = baseH * 0.5, maxH = baseH * 2;
+        const minR = baseR * 0.5, maxR = baseR * 2;
+        const startPoint = engine.getCanvasPoint(event);
+        const startW = (_o = node.width) !== null && _o !== void 0 ? _o : baseW;
+        const startH = (_p = node.height) !== null && _p !== void 0 ? _p : baseH;
+        const startR = (_q = node.radius) !== null && _q !== void 0 ? _q : baseR;
+        const onMouseMove = (moveEvent) => {
+            const currentPoint = engine.getCanvasPoint(moveEvent);
+            const dx = currentPoint.x - startPoint.x;
+            const dy = currentPoint.y - startPoint.y;
+            if (node.type === "circle") {
+                const delta = d.axis === "w" ? dx : dy;
+                const newR = Math.max(minR, Math.min(maxR, startR + delta));
+                engine.updateNodeDimensions(node.id, { radius: newR }, false);
+            }
+            else if (d.axis === "w") {
+                const dir = d.id === "resize-e" ? 1 : -1;
+                const newW = Math.max(minW, Math.min(maxW, startW + dir * dx * 2));
+                engine.updateNodeDimensions(node.id, { width: newW }, false);
+            }
+            else {
+                const dir = d.id === "resize-s" ? 1 : -1;
+                const newH = Math.max(minH, Math.min(maxH, startH + dir * dy * 2));
+                engine.updateNodeDimensions(node.id, { height: newH }, false);
+            }
+        };
+        const onMouseUp = () => {
+            engine.endOperation();
+            window.removeEventListener("mousemove", onMouseMove);
+            window.removeEventListener("mouseup", onMouseUp);
+        };
+        engine.beginOperation(node.id, 'resize');
+        window.addEventListener("mousemove", onMouseMove);
+        window.addEventListener("mouseup", onMouseUp);
+    });
+    // Bring all handles to front
+    nodeGroup.selectAll("circle.port, circle.rotate-handle, rect.resize-handle").each(function () {
+        const el = this;
+        if (el.parentNode) {
+            el.parentNode.appendChild(el);
+        }
+    });
+}
+function getShapeStyle(node, config) {
+    var _a;
+    const list = (_a = config.shapes.default) === null || _a === void 0 ? void 0 : _a[node.type];
+    if (!Array.isArray(list))
+        return undefined;
+    return list.find((s) => s.id === node.shapeVariantId);
+}
+
+exports.renderPorts = renderPorts;
+//# sourceMappingURL=ports.cjs.map

package/dist/nodes/ports.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ports.cjs","sources":["../../src/nodes/ports.ts"],"sourcesContent":[null],"names":["buildResolvedShapeConfig"],"mappings":";;;;AAMA;;;;;;AAMG;AACG,SAAU,WAAW,CACzB,SAA0D,EAC1D,IAAgB,EAChB,MAAc,EACd,QAAuB,EACvB,MAAW,EAAA;AAEX,IAAA,MAAM,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC,KAAK;IAChD,IAAI,CAAC,UAAU,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;QACtC;;IAGF,MAAM,KAAK,GAAG,aAAa,CAAC,IAAI,EAAE,MAAM,CAAC;IACzC,IAAI,CAAC,KAAK,EAAE;QACV;;IAGF,MAAM,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;IACxC,MAAM,cAAc,GAAGA,gCAAwB,CAAC,IAAI,EAAE,KAAK,CAAC;IAC5D,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC,cAAc,CAAC;IAC/C,MAAM,MAAM,GAAG,QAAQ,CAAC,SAAS,CAAC,cAAc,CAAC;;IAGjD,MAAM,QAAQ,GAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAA0C,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,MAAM;AACpG,QAAA,EAAE,EAAE,GAAG;QACP,CAAC,EAAE,GAAG,CAAC,CAAC;QACR,CAAC,EAAE,GAAG,CAAC,CAAC;AACT,KAAA,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG;SACnB,SAAS,CAAyD,aAAa;AAC/E,SAAA,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;IAE9B;AACG,SAAA,IAAI,CACH,CAAC,KAAK,KAAK,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,EACvD,CAAC,MAAM,KAAK,MAAM,EAClB,CAAC,IAAI,KAAK,IAAI,CAAC,MAAM,EAAE;SAExB,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;SACrB,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;AACrB,SAAA,IAAI,CAAC,GAAG,EAAE,UAAU,CAAC,MAAM;AAC3B,SAAA,IAAI,CAAC,MAAM,EAAE,UAAU,CAAC,SAAS;AACjC,SAAA,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,WAAW;AACrC,SAAA,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,WAAW;AAC3C,SAAA,IAAI,CAAC,SAAS,EAAE,MAAK;QAClB,IAAI,CAAC,MAAM,CAAC,qBAAqB;AAAE,YAAA,OAAO,CAAC;AAC3C,QAAA,OAAO,UAAU,CAAC,eAAe,GAAG,CAAC,GAAG,UAAU,CAAC,OAAO;AAC9D,KAAC;AACA,SAAA,KAAK,CAAC,gBAAgB,EAAE,MAAM,MAAM,CAAC,qBAAqB,GAAG,KAAK,GAAG,MAAM;AAC3E,SAAA,KAAK,CAAC,QAAQ,EAAE,MAAM,MAAM,CAAC,qBAAqB,GAAG,UAAU,CAAC,MAAM,GAAG,SAAS;AAClF,SAAA,EAAE,CAAC,WAAW,EAAE,UAAS,KAAiB,EAAE,CAAC,EAAA;QAC1C,IAAI,CAAC,MAAM,CAAC,qBAAqB;YAAE;QACnC,KAAK,CAAC,eAAe,EAAE;QACvB,KAAK,CAAC,cAAc,EAAE;QAEtB,MAAM,UAAU,GAAG,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC;AAC/C,QAAA,MAAM,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,UAAU,CAAC;AACzD,KAAC,CAAC;;AAGJ,IAAA,MAAM,UAAU,GAAG,MAAM,CAAC,kBAAkB,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;IAChE,MAAM,cAAc,GAAG,MAAM,CAAC,qBAAqB,IAAI,MAAM,CAAC,qBAAqB,EAAE;IACrF,MAAM,YAAY,GAAG,EAAE;IACvB,MAAM,kBAAkB,GAAG,CAAC,UAAU,IAAI,cAAc,IAAI;QAC1D,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,YAAY,EAAE;QAChF,EAAE,EAAE,EAAE,cAAc,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,KAAK,GAAG,YAAY,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;QAClG,EAAE,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,GAAG,YAAY,EAAE;QACnG,EAAE,EAAE,EAAE,aAAa,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,YAAY,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;KACnF,GAAG,EAAE;;IAGN,MAAM,YAAY,GAAG,CAAA,4RAAA,CAA8R;IAEnT,MAAM,eAAe,GAAG;SACrB,SAAS,CAAyD,sBAAsB;AACxF,SAAA,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;IAExC;AACG,SAAA,IAAI,CACH,CAAC,KAAK,KAAK,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,eAAe,CAAC,EAChE,CAAC,MAAM,KAAK,MAAM,EAClB,CAAC,IAAI,KAAK,IAAI,CAAC,MAAM,EAAE;SAExB,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;SACrB,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;AACrB,SAAA,IAAI,CAAC,GAAG,EAAE,CAAC;AACX,SAAA,IAAI,CAAC,MAAM,EAAE,SAAS;AACtB,SAAA,IAAI,CAAC,QAAQ,EAAE,SAAS;AACxB,SAAA,IAAI,CAAC,cAAc,EAAE,CAAC;AACtB,SAAA,KAAK,CAAC,QAAQ,EAAE,YAAY;AAC5B,SAAA,EAAE,CAAC,WAAW,EAAE,UAAS,KAAiB,EAAA;QACvC,KAAK,CAAC,eAAe,EAAE;QACvB,KAAK,CAAC,cAAc,EAAE;QAEtB,MAAM,UAAU,GAAG,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC;QAC/C,MAAM,OAAO,GAAG,UAAU,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;QACrC,MAAM,OAAO,GAAG,UAAU,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;AACrC,QAAA,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,IAAI,GAAG,GAAG,IAAI,CAAC,EAAE,CAAC;AACtE,QAAA,MAAM,iBAAiB,GAAG,IAAI,CAAC,QAAQ,IAAI,CAAC;AAE5C,QAAA,MAAM,WAAW,GAAG,CAAC,SAAqB,KAAI;YAC1C,MAAM,YAAY,GAAG,MAAM,CAAC,cAAc,CAAC,SAAS,CAAC;YACrD,MAAM,EAAE,GAAG,YAAY,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;YAClC,MAAM,EAAE,GAAG,YAAY,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;AAElC,YAAA,MAAM,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,GAAG,GAAG,IAAI,CAAC,EAAE,CAAC;AAC9D,YAAA,IAAI,UAAU,GAAG,iBAAiB,GAAG,eAAe;;AAGpD,YAAA,IAAI,WAAW,GAAG,iBAAiB,GAAG,UAAU;YAChD,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,EAAE,CAAC,GAAG,EAAE;YAE/C,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,KAAK,CAAC;AAClD,SAAC;QAED,MAAM,SAAS,GAAG,MAAK;YACnB,MAAM,CAAC,YAAY,EAAE;AACrB,YAAA,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC;AACpD,YAAA,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC;AACpD,SAAC;QAED,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,EAAE,QAAQ,CAAC;AACxC,QAAA,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC;AACjD,QAAA,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC;AACjD,KAAC,CAAC;;IAGJ,MAAM,YAAY,GAAG,MAAM,CAAC,mBAAmB,IAAI,MAAM,CAAC,mBAAmB,EAAE;IAC/E,MAAM,YAAY,GAAG,CAAA,+RAAA,CAAiS;;IAGtT,MAAM,kBAAkB,GAAG,CAAC;IAC5B,MAAM,gBAAgB,GAAG,CAAC,UAAU,IAAI,YAAY,IAAI;QACtD,EAAE,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,kBAAkB,EAAE,IAAI,EAAE,GAAG,EAAE;AAC/F,QAAA,EAAE,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,GAAG,kBAAkB,EAAE,IAAI,EAAE,GAAG,EAAE;AAC/G,QAAA,EAAE,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,KAAK,GAAG,kBAAkB,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE;QAC/G,EAAE,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,kBAAkB,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE;KACjG,GAAG,EAAE;IAEN,MAAM,qBAAqB,GAAG;SAC3B,SAAS,CAAqE,oBAAoB;AAClG,SAAA,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;IAEtC;AACG,SAAA,IAAI,CACH,CAAC,KAAK,KAAK,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,eAAe,CAAC,EAC9D,CAAC,MAAM,KAAK,MAAM,EAClB,CAAC,IAAI,KAAK,IAAI,CAAC,MAAM,EAAE;AAExB,SAAA,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;AACxB,SAAA,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;AACxB,SAAA,IAAI,CAAC,OAAO,EAAE,EAAE;AAChB,SAAA,IAAI,CAAC,QAAQ,EAAE,EAAE;AACjB,SAAA,IAAI,CAAC,IAAI,EAAE,CAAC;AACZ,SAAA,IAAI,CAAC,MAAM,EAAE,SAAS;AACtB,SAAA,IAAI,CAAC,QAAQ,EAAE,SAAS;AACxB,SAAA,IAAI,CAAC,cAAc,EAAE,CAAC;AACtB,SAAA,KAAK,CAAC,QAAQ,EAAE,YAAY;AAC5B,SAAA,EAAE,CAAC,WAAW,EAAE,UAAS,KAAiB,EAAE,CAAC,EAAA;;QAC1C,KAAK,CAAC,eAAe,EAAE;QACvB,KAAK,CAAC,cAAc,EAAE;;QAGtB,MAAM,KAAK,GAAG,aAAa,CAAC,IAAI,EAAE,MAAM,CAAC;QACzC,MAAM,KAAK,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAA,IAAI,CAAC,cAAc,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,IAAI,CAAC,KAAK,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,KAAK,KAAL,IAAA,IAAA,KAAK,KAAL,MAAA,GAAA,MAAA,GAAA,KAAK,CAAE,KAAK,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,GAAG;QAC7E,MAAM,KAAK,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAA,IAAI,CAAC,cAAc,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,IAAI,CAAC,MAAM,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,KAAK,KAAL,IAAA,IAAA,KAAK,KAAL,MAAA,GAAA,MAAA,GAAA,KAAK,CAAE,MAAM,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,GAAG;QAChF,MAAM,KAAK,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAA,IAAI,CAAC,cAAc,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,IAAI,CAAC,MAAM,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,KAAK,KAAL,IAAA,IAAA,KAAK,KAAL,MAAA,GAAA,MAAA,GAAA,KAAK,CAAE,MAAM,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,EAAE;QAC/E,MAAM,IAAI,GAAG,KAAK,GAAG,GAAG,EAAE,IAAI,GAAG,KAAK,GAAG,CAAC;QAC1C,MAAM,IAAI,GAAG,KAAK,GAAG,GAAG,EAAE,IAAI,GAAG,KAAK,GAAG,CAAC;QAC1C,MAAM,IAAI,GAAG,KAAK,GAAG,GAAG,EAAE,IAAI,GAAG,KAAK,GAAG,CAAC;QAE1C,MAAM,UAAU,GAAG,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC;QAC/C,MAAM,MAAM,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,KAAK;QAClC,MAAM,MAAM,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,KAAK;QACnC,MAAM,MAAM,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,KAAK;AAEnC,QAAA,MAAM,WAAW,GAAG,CAAC,SAAqB,KAAI;YAC1C,MAAM,YAAY,GAAG,MAAM,CAAC,cAAc,CAAC,SAAS,CAAC;YACrD,MAAM,EAAE,GAAG,YAAY,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC;YACxC,MAAM,EAAE,GAAG,YAAY,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC;AAExC,YAAA,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE;AACxB,gBAAA,MAAM,KAAK,GAAG,CAAC,CAAC,IAAI,KAAK,GAAG,GAAG,EAAE,GAAG,EAAE;AACtC,gBAAA,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,CAAC;AAC3D,gBAAA,MAAM,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,KAAK,CAAC;;AAC1D,iBAAA,IAAI,CAAC,CAAC,IAAI,KAAK,GAAG,EAAE;AACvB,gBAAA,MAAM,GAAG,GAAG,CAAC,CAAC,EAAE,KAAK,UAAU,GAAG,CAAC,GAAG,EAAE;gBACxC,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,GAAG,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;AAClE,gBAAA,MAAM,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,KAAK,CAAC;;iBACzD;AACH,gBAAA,MAAM,GAAG,GAAG,CAAC,CAAC,EAAE,KAAK,UAAU,GAAG,CAAC,GAAG,EAAE;gBACxC,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,GAAG,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;AAClE,gBAAA,MAAM,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,KAAK,CAAC;;AAErE,SAAC;QAED,MAAM,SAAS,GAAG,MAAK;YACnB,MAAM,CAAC,YAAY,EAAE;AACrB,YAAA,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC;AACpD,YAAA,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC;AACpD,SAAC;QAED,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,EAAE,QAAQ,CAAC;AACxC,QAAA,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC;AACjD,QAAA,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC;AACjD,KAAC,CAAC;;AAGJ,IAAA,SAAS,CAAC,SAAS,CAAkB,uDAAuD,CAAC,CAAC,IAAI,CAAC,YAAA;QACjG,MAAM,EAAE,GAAG,IAAkB;AAC7B,QAAA,IAAI,EAAE,CAAC,UAAU,EAAE;AACjB,YAAA,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,CAAC;;AAEjC,KAAC,CAAC;AACJ;AAEA,SAAS,aAAa,CAAC,IAAgB,EAAE,MAAc,EAAA;;AACrD,IAAA,MAAM,IAAI,GAAG,CAAA,EAAA,GAAA,MAAM,CAAC,MAAM,CAAC,OAAO,MAAG,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAI,CAAC,IAA0C,CAAC;AACrF,IAAA,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;AAAE,QAAA,OAAO,SAAS;AAC1C,IAAA,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAQ,KAAK,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,cAAc,CAAC;AAC9D;;;;"}

package/dist/nodes/ports.d.ts

@@ -0,0 +1,12 @@
+import * as d3 from "d3";
+import { PlacedNode } from "../model/interface.js";
+import { Config } from "../model/configurationModel.js";
+import { ShapeRegistry } from "./registry.js";
+/**
+ * Renders connection ports for a node.
+ * @param nodeGroup - The D3 selection of the node's <g> element
+ * @param node - The node data
+ * @param config - The engine configuration
+ * @param registry - The shape registry to get the renderer
+ */
+export declare function renderPorts(nodeGroup: d3.Selection<SVGGElement, PlacedNode, any, any>, node: PlacedNode, config: Config, registry: ShapeRegistry, engine: any): void;