@zenode/designer 3.5.0

package/dist/nodes/overlay.cjs.map

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

package/dist/nodes/overlay.d.ts

@@ -0,0 +1,24 @@
+import * as d3 from "d3";
+import { PlacedNode } from "../model/interface.js";
+import { Shape, Config } from "../model/configurationModel.js";
+import { ShapeRegistry } from "./registry.js";
+import { ResolvedShapeConfig } from "../types/index.js";
+export declare function buildResolvedShapeConfig(node: PlacedNode, style: Shape): ResolvedShapeConfig;
+export declare function renderSelectionRing(selection: d3.Selection<SVGGElement, PlacedNode, any, any>, node: PlacedNode, style: Shape, shapeRegistry: ShapeRegistry, stroke: string, pad?: number): void;
+/**
+ * Renders 8-point interactive resize handles around a selected node.
+ */
+export declare function renderResizeHandles(group: d3.Selection<SVGGElement, PlacedNode, any, any>, node: PlacedNode, style: Shape, api: any): void;
+export declare function getNodeRect(node: PlacedNode, api: {
+    config: Config;
+    shapeRegistry: ShapeRegistry;
+}): NodeRect | null;
+export declare function getShapeStyle(node: PlacedNode, config: Config): Shape | undefined;
+export interface NodeRect {
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
+    cx: number;
+    cy: number;
+}

package/dist/nodes/overlay.js

@@ -0,0 +1,130 @@
+import { createResizeBehavior } from '../events/resize.js';
+
+function buildResolvedShapeConfig(node, style) {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    const width = (_b = (_a = node.width) !== null && _a !== void 0 ? _a : style.width) !== null && _b !== void 0 ? _b : 120;
+    const height = (_d = (_c = node.height) !== null && _c !== void 0 ? _c : style.height) !== null && _d !== void 0 ? _d : 60;
+    const radius = (_f = (_e = node.radius) !== null && _e !== void 0 ? _e : style.radius) !== null && _f !== void 0 ? _f : 30;
+    if (node.type === "circle") {
+        return {
+            type: node.type,
+            x: 0,
+            y: 0,
+            width: radius * 2,
+            height: radius * 2,
+            radius,
+            color: style.color,
+            stroke: style.stroke,
+            transparency: (_g = style.transparency) !== null && _g !== void 0 ? _g : 1,
+            borderRadius: style.borderRadius,
+        };
+    }
+    return {
+        type: node.type,
+        x: -width / 2,
+        y: -height / 2,
+        width,
+        height,
+        radius,
+        color: style.color,
+        stroke: style.stroke,
+        transparency: (_h = style.transparency) !== null && _h !== void 0 ? _h : 1,
+        borderRadius: style.borderRadius,
+    };
+}
+function buildSelectionConfig(config, pad) {
+    var _a, _b, _c, _d;
+    if (config.type === "circle") {
+        return Object.assign(Object.assign({}, config), { radius: config.radius + pad, width: (config.radius + pad) * 2, height: (config.radius + pad) * 2 });
+    }
+    const expandedBorderRadius = config.borderRadius
+        ? {
+            leftTop: ((_a = config.borderRadius.leftTop) !== null && _a !== void 0 ? _a : 0) + pad,
+            rightTop: ((_b = config.borderRadius.rightTop) !== null && _b !== void 0 ? _b : 0) + pad,
+            rightBottom: ((_c = config.borderRadius.rightBottom) !== null && _c !== void 0 ? _c : 0) + pad,
+            leftBottom: ((_d = config.borderRadius.leftBottom) !== null && _d !== void 0 ? _d : 0) + pad,
+        }
+        : undefined;
+    return Object.assign(Object.assign({}, config), { x: config.x - pad, y: config.y - pad, width: config.width + pad * 2, height: config.height + pad * 2, borderRadius: expandedBorderRadius });
+}
+function renderSelectionRing(selection, node, style, shapeRegistry, stroke, pad = 4) {
+    const renderer = shapeRegistry.get(node.type);
+    const baseConfig = buildResolvedShapeConfig(node, style);
+    const ringConfig = buildSelectionConfig(baseConfig, pad);
+    selection.append("path")
+        .attr("class", "selection-ring")
+        .attr("d", renderer.getPath(ringConfig))
+        .attr("fill", "none")
+        .attr("stroke", stroke)
+        .attr("stroke-width", 2)
+        .attr("stroke-dasharray", "4 2")
+        .style("pointer-events", "none");
+}
+/**
+ * Renders 8-point interactive resize handles around a selected node.
+ */
+function renderResizeHandles(group, node, style, api) {
+    if (!node.width || !node.height)
+        return; // Only rectangular-ish for now
+    const w = node.width;
+    const h = node.height;
+    const halfW = w / 2;
+    const halfH = h / 2;
+    const handles = [
+        { x: -halfW, y: -halfH, cursor: 'nw-resize', type: 'nw' },
+        { x: 0, y: -halfH, cursor: 'n-resize', type: 'n' },
+        { x: halfW, y: -halfH, cursor: 'ne-resize', type: 'ne' },
+        { x: halfW, y: 0, cursor: 'e-resize', type: 'e' },
+        { x: halfW, y: halfH, cursor: 'se-resize', type: 'se' },
+        { x: 0, y: halfH, cursor: 's-resize', type: 's' },
+        { x: -halfW, y: halfH, cursor: 'sw-resize', type: 'sw' },
+        { x: -halfW, y: 0, cursor: 'w-resize', type: 'w' }
+    ];
+    const handleGroup = group.append("g").attr("class", "resize-handles");
+    const resizeBehavior = createResizeBehavior(api);
+    handleGroup.selectAll("rect.resize-handle")
+        .data(handles)
+        .enter()
+        .append("rect")
+        .attr("class", d => `resize-handle handle-${d.type}`)
+        .attr("x", d => d.x - 4)
+        .attr("y", d => d.y - 4)
+        .attr("width", 8)
+        .attr("height", 8)
+        .attr("fill", "white")
+        .attr("stroke", "var(--zenode-selection-color)")
+        .attr("stroke-width", 1.5)
+        .style("cursor", d => d.cursor)
+        .style("pointer-events", "all")
+        .call(resizeBehavior);
+}
+function getNodeRect(node, api) {
+    const style = getShapeStyle(node, api.config);
+    if (!style)
+        return null;
+    const renderer = api.shapeRegistry.get(node.type);
+    const resolved = buildResolvedShapeConfig(node, style);
+    const local = renderer.getBounds(resolved);
+    const left = node.x + local.x;
+    const top = node.y + local.y;
+    const right = left + local.width;
+    const bottom = top + local.height;
+    return {
+        left,
+        right,
+        top,
+        bottom,
+        cx: left + local.width / 2,
+        cy: top + local.height / 2,
+    };
+}
+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);
+}
+
+export { buildResolvedShapeConfig, getNodeRect, getShapeStyle, renderResizeHandles, renderSelectionRing };
+//# sourceMappingURL=overlay.js.map

package/dist/nodes/overlay.js.map

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

package/dist/nodes/placement.cjs

@@ -0,0 +1,346 @@
+'use strict';
+
+var d3 = require('d3');
+var drag = require('../events/drag.cjs');
+var ports = require('./ports.cjs');
+var overlay = require('./overlay.cjs');
+var engine = require('../effects/engine.cjs');
+var content = require('./content.cjs');
+
+function _interopNamespaceDefault(e) {
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n.default = e;
+    return Object.freeze(n);
+}
+
+var d3__namespace = /*#__PURE__*/_interopNamespaceDefault(d3);
+
+/**
+ * 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 = drag.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__namespace.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__namespace.select(this);
+            const renderer = api.shapeRegistry.get(d.type);
+            const resolvedConfig = overlay.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, {});
+            engine.applyEffects(el, renderer.getPath(resolvedConfig), d.visualState);
+            content.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__namespace.select(this);
+            const renderer = api.shapeRegistry.get(d.type);
+            const resolvedConfig = overlay.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 = overlay.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, {});
+            engine.applyEffects(el, renderer.getPath(resolvedConfig), d.visualState);
+            content.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__namespace.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__namespace.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__namespace.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;
+        overlay.renderSelectionRing(group, nodeDatum, style, api.shapeRegistry, selectionStroke, 4);
+        overlay.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__namespace.select(this);
+        ports.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);
+    }
+}
+
+exports.renderPlacedNodes = renderPlacedNodes;
+//# sourceMappingURL=placement.cjs.map

package/dist/nodes/placement.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"placement.cjs","sources":["../../src/nodes/placement.ts"],"sourcesContent":[null],"names":["createDragBehavior","d3","buildResolvedShapeConfig","applyEffects","renderNodeContent","renderSelectionRing","renderResizeHandles","renderPorts"],"mappings":"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"}

package/dist/nodes/placement.d.ts

@@ -0,0 +1,66 @@
+/**
+ * Renders placed nodes using D3 data join. Keeps g.placed-nodes in sync with engine state.
+ */
+import * as d3 from "d3";
+import { PlacedNode, VisualGroup } from "../model/interface.js";
+import { Config } from "../model/configurationModel.js";
+import { DragApi } from "../events/drag.js";
+import { ShapeRegistry } from "./registry.js";
+/** Minimal API for rendering and interaction */
+export interface RenderApi extends DragApi {
+    shapeRegistry: ShapeRegistry;
+    getSelectedNodeIds(): string[];
+    setSelectedNodeIds(ids: string[], primaryId?: string): void;
+    getCanvasPoint(event: MouseEvent): {
+        x: number;
+        y: number;
+    };
+    startConnectionDrag(sourceNodeId: string, sourcePortId: string, startPoint: {
+        x: number;
+        y: number;
+    }): void;
+    updateConnectionDrag(currentPoint: {
+        x: number;
+        y: number;
+    }): void;
+    endConnectionDrag(targetNodeId?: string, targetPortId?: string): void;
+    isDrawingConnection(): boolean;
+    rotateNode(id: string, rotation: number, recordHistory?: boolean): void;
+    updateNodeDimensions(id: string, dimensions: {
+        width?: number;
+        height?: number;
+        radius?: number;
+    }, recordHistory?: boolean): void;
+    updateNodePosition(id: string, x: number, y: number, recordHistory?: boolean): void;
+    beginOperation(nodeId: string, type: 'drag' | 'rotate' | 'resize'): void;
+    endOperation(): void;
+    createDragBehavior(): d3.DragBehavior<SVGGElement, any, any>;
+    getActiveOperation(): {
+        type: string;
+        nodeId: string;
+        originalData: PlacedNode;
+        selectionStates?: Map<string, PlacedNode>;
+    } | null;
+    getEditingNodeId(): string | null;
+    getVisualGroups(): VisualGroup[];
+    getGroupBounds(groupId: string, overrideNodes?: Map<string, PlacedNode>): {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    } | null;
+    getGroupPorts(groupId: string): Record<string, {
+        x: number;
+        y: number;
+    }> | null;
+    isConnectionModeEnabled?(): boolean;
+    config: Config;
+    ghostsLayer?: any;
+}
+/**
+ * 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
+ */
+export declare function renderPlacedNodes(placedNodesGroup: d3.Selection<SVGGElement, unknown, null, undefined>, placedNodes: PlacedNode[], api: RenderApi): void;