@zenode/designer 3.5.0

package/dist/events/mouseClick.cjs

@@ -0,0 +1,36 @@
+'use strict';
+
+var helpers = require('../utils/helpers.cjs');
+var mouseMove = require('./mouseMove.cjs');
+
+/**
+ * Handles canvas click: if a placement is pending (preview active), places the node
+ * at the snapped position and clears the preview.
+ */
+function svgMouseClick(event, api, manualPoint) {
+    if (event && event.defaultPrevented)
+        return null; // drag fired — ignore
+    const ctx = api.getPlacementContext();
+    if (!ctx)
+        return null;
+    const point = (event ? api.getCanvasPoint(event) : { x: 0, y: 0 });
+    const { type, variantId } = ctx;
+    const node = {
+        id: helpers.generatePlacedNodeId(),
+        type: type,
+        shapeVariantId: variantId || "default",
+        x: point.x,
+        y: point.y,
+        rotation: 0,
+        meta: {},
+        visualState: { status: "idle" },
+    };
+    api.placeNode(node);
+    mouseMove.removeAllPreview(api.canvasObject);
+    api.clearPlacementContext();
+    api.removePlacementListeners();
+    return node.id;
+}
+
+exports.svgMouseClick = svgMouseClick;
+//# sourceMappingURL=mouseClick.cjs.map

package/dist/events/mouseClick.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mouseClick.cjs","sources":["../../src/events/mouseClick.ts"],"sourcesContent":[null],"names":["generatePlacedNodeId","removeAllPreview"],"mappings":";;;;;AAgBA;;;AAGG;SACa,aAAa,CAAC,KAAwB,EAAE,GAAsB,EAAE,WAAsC,EAAA;AACpH,IAAA,IAAI,KAAK,IAAI,KAAK,CAAC,gBAAgB;QAAE,OAAO,IAAI,CAAC;AACjD,IAAA,MAAM,GAAG,GAAG,GAAG,CAAC,mBAAmB,EAAE;AACrC,IAAA,IAAI,CAAC,GAAG;AAAE,QAAA,OAAO,IAAI;AAErB,IAAA,MAAM,KAAK,GAAkB,CAAC,KAAK,GAAG,GAAG,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;AACjF,IAAA,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,GAAG;AAE/B,IAAA,MAAM,IAAI,GAAe;QACvB,EAAE,EAAEA,4BAAoB,EAAE;AAC1B,QAAA,IAAI,EAAE,IAAI;QACV,cAAc,EAAE,SAAS,IAAI,SAAS;QACtC,CAAC,EAAE,KAAK,CAAC,CAAC;QACV,CAAC,EAAE,KAAK,CAAC,CAAC;AACV,QAAA,QAAQ,EAAE,CAAC;AACX,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,WAAW,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE;KAChC;AAED,IAAA,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC;AACnB,IAAAC,0BAAgB,CAAC,GAAG,CAAC,YAAY,CAAC;IAClC,GAAG,CAAC,qBAAqB,EAAE;IAC3B,GAAG,CAAC,wBAAwB,EAAE;IAE9B,OAAO,IAAI,CAAC,EAAE;AAChB;;;;"}

package/dist/events/mouseClick.d.ts

@@ -0,0 +1,26 @@
+import { CanvasElements, PlacedNode } from "../model/interface.js";
+/** Minimal placement API to avoid circular dependency with engine. */
+export interface PlacementClickApi {
+    getCanvasPoint(event: MouseEvent): {
+        x: number;
+        y: number;
+    };
+    getPlacementContext(): {
+        type: string;
+        variantId?: string;
+        ghostId: string;
+    } | null;
+    placeNode(node: PlacedNode): void;
+    clearPlacementContext(): void;
+    /** Stops preview and removes mousemove/click placement handlers. */
+    removePlacementListeners(): void;
+    canvasObject: CanvasElements;
+}
+/**
+ * Handles canvas click: if a placement is pending (preview active), places the node
+ * at the snapped position and clears the preview.
+ */
+export declare function svgMouseClick(event: MouseEvent | null, api: PlacementClickApi, manualPoint?: {
+    x: number;
+    y: number;
+}): string | null;

package/dist/events/mouseClick.js

@@ -0,0 +1,34 @@
+import { generatePlacedNodeId } from '../utils/helpers.js';
+import { removeAllPreview } from './mouseMove.js';
+
+/**
+ * Handles canvas click: if a placement is pending (preview active), places the node
+ * at the snapped position and clears the preview.
+ */
+function svgMouseClick(event, api, manualPoint) {
+    if (event && event.defaultPrevented)
+        return null; // drag fired — ignore
+    const ctx = api.getPlacementContext();
+    if (!ctx)
+        return null;
+    const point = (event ? api.getCanvasPoint(event) : { x: 0, y: 0 });
+    const { type, variantId } = ctx;
+    const node = {
+        id: generatePlacedNodeId(),
+        type: type,
+        shapeVariantId: variantId || "default",
+        x: point.x,
+        y: point.y,
+        rotation: 0,
+        meta: {},
+        visualState: { status: "idle" },
+    };
+    api.placeNode(node);
+    removeAllPreview(api.canvasObject);
+    api.clearPlacementContext();
+    api.removePlacementListeners();
+    return node.id;
+}
+
+export { svgMouseClick };
+//# sourceMappingURL=mouseClick.js.map

package/dist/events/mouseClick.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mouseClick.js","sources":["../../src/events/mouseClick.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAgBA;;;AAGG;SACa,aAAa,CAAC,KAAwB,EAAE,GAAsB,EAAE,WAAsC,EAAA;AACpH,IAAA,IAAI,KAAK,IAAI,KAAK,CAAC,gBAAgB;QAAE,OAAO,IAAI,CAAC;AACjD,IAAA,MAAM,GAAG,GAAG,GAAG,CAAC,mBAAmB,EAAE;AACrC,IAAA,IAAI,CAAC,GAAG;AAAE,QAAA,OAAO,IAAI;AAErB,IAAA,MAAM,KAAK,GAAkB,CAAC,KAAK,GAAG,GAAG,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;AACjF,IAAA,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,GAAG;AAE/B,IAAA,MAAM,IAAI,GAAe;QACvB,EAAE,EAAE,oBAAoB,EAAE;AAC1B,QAAA,IAAI,EAAE,IAAI;QACV,cAAc,EAAE,SAAS,IAAI,SAAS;QACtC,CAAC,EAAE,KAAK,CAAC,CAAC;QACV,CAAC,EAAE,KAAK,CAAC,CAAC;AACV,QAAA,QAAQ,EAAE,CAAC;AACX,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,WAAW,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE;KAChC;AAED,IAAA,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC;AACnB,IAAA,gBAAgB,CAAC,GAAG,CAAC,YAAY,CAAC;IAClC,GAAG,CAAC,qBAAqB,EAAE;IAC3B,GAAG,CAAC,wBAAwB,EAAE;IAE9B,OAAO,IAAI,CAAC,EAAE;AAChB;;;;"}

package/dist/events/mouseMove.cjs

@@ -0,0 +1,104 @@
+'use strict';
+
+var d3 = require('d3');
+var defaultConfig = require('../config/defaultConfig.cjs');
+var helpers = require('../utils/helpers.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);
+
+function svgMouseMove(event, shapeType, shapeToFind, grid, config, canvasObject, data, registry, manualPoint) {
+    const gridSize = config.canvas.grid.gridSize || defaultConfig.defaultConfig.canvas.grid.gridSize;
+    const zoomTransform = d3__namespace.zoomTransform(canvasObject.svg.node());
+    let x, y;
+    if (event) {
+        const [cursorX, cursorY] = d3__namespace.pointer(event, canvasObject.svg.node());
+        x = cursorX;
+        y = cursorY;
+    }
+    else {
+        return { x: 0, y: 0 };
+    }
+    const adjustedX = (x - zoomTransform.x) / zoomTransform.k;
+    const adjustedY = (y - zoomTransform.y) / zoomTransform.k;
+    let exactPosition;
+    if (config.canvasProperties.snapToGrid) {
+        exactPosition = helpers.snapToGrid(adjustedX, adjustedY, gridSize);
+    }
+    else {
+        exactPosition = { x: adjustedX, y: adjustedY };
+    }
+    if (shapeToFind.previewEnabled) {
+        createShapePreview(shapeType, exactPosition.x, exactPosition.y, canvasObject, shapeToFind, registry);
+    }
+    return exactPosition;
+}
+function createShapePreview(shapeType, x, y, canvasObject, shapeToFind, registry) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    removeAllPreview(canvasObject);
+    let elementId = `preview_${shapeType}`;
+    let shape;
+    if (registry && registry.has(shapeType)) {
+        const renderer = registry.get(shapeType);
+        const radius = (_a = shapeToFind.radius) !== null && _a !== void 0 ? _a : 30;
+        const width = (_b = shapeToFind.width) !== null && _b !== void 0 ? _b : radius * 2;
+        const height = (_c = shapeToFind.height) !== null && _c !== void 0 ? _c : radius * 2;
+        // All renderers draw with (0,0) as the anchor (center or top-left).
+        // We use a <g translate(x,y)> so the path coordinates are always
+        // relative to (0,0), then shifted to the cursor position regardless
+        // of shape type. This fixes the circle offset bug.
+        //
+        // Circle renderer uses (cx=x, cy=y) as the CENTER — so pass x:0,y:0.
+        // Rect/polygon renderers use the top-left corner — so offset by -w/2,-h/2
+        // to keep them visually centered on the cursor too.
+        const isCircleLike = shapeType === "circle";
+        const tempConfig = {
+            type: shapeType,
+            x: isCircleLike ? 0 : -width / 2,
+            y: isCircleLike ? 0 : -height / 2,
+            width,
+            height,
+            radius,
+            color: shapeToFind.color,
+            stroke: shapeToFind.stroke,
+            transparency: shapeToFind.transparency,
+            borderRadius: shapeToFind.borderRadius
+        };
+        const pathData = renderer.getPath(tempConfig);
+        const group = canvasObject.elements.append("g")
+            .attr("id", elementId)
+            .attr("transform", `translate(${x},${y})`);
+        shape = group.append("path")
+            .attr("d", pathData)
+            .attr("fill", shapeToFind.color)
+            .attr("stroke", (_e = (_d = shapeToFind.stroke) === null || _d === void 0 ? void 0 : _d.color) !== null && _e !== void 0 ? _e : "#000")
+            .attr("stroke-width", (_g = (_f = shapeToFind.stroke) === null || _f === void 0 ? void 0 : _f.width) !== null && _g !== void 0 ? _g : 1)
+            .attr("stroke-dasharray", ((_j = (_h = shapeToFind.stroke) === null || _h === void 0 ? void 0 : _h.strokeDasharray) === null || _j === void 0 ? void 0 : _j.join(" ")) || null)
+            .attr("opacity", (_k = shapeToFind.previewTransparency) !== null && _k !== void 0 ? _k : 0.5);
+        return group;
+    }
+    return shape;
+}
+function removeAllPreview(canvasObject) {
+    canvasObject.elements.selectAll("path[id^='preview_'], polygon[id^='preview_'], circle[id^='preview_'], g[id^='preview_']").remove();
+}
+
+exports.removeAllPreview = removeAllPreview;
+exports.svgMouseMove = svgMouseMove;
+//# sourceMappingURL=mouseMove.cjs.map

package/dist/events/mouseMove.cjs.map

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

package/dist/events/mouseMove.d.ts

@@ -0,0 +1,11 @@
+import { CanvasElements, ShapePreviewData } from "../model/interface.js";
+import { Config, Shape } from "../model/configurationModel.js";
+import { ShapeRegistry } from "../nodes/registry.js";
+export declare function svgMouseMove(event: MouseEvent | null, shapeType: string, shapeToFind: Shape, grid: any, config: Config, canvasObject: CanvasElements, data?: ShapePreviewData, registry?: ShapeRegistry, manualPoint?: {
+    x: number;
+    y: number;
+}): {
+    x: number;
+    y: number;
+};
+export declare function removeAllPreview(canvasObject: CanvasElements): void;

package/dist/events/mouseMove.js

@@ -0,0 +1,82 @@
+import * as d3 from 'd3';
+import { defaultConfig } from '../config/defaultConfig.js';
+import { snapToGrid } from '../utils/helpers.js';
+
+function svgMouseMove(event, shapeType, shapeToFind, grid, config, canvasObject, data, registry, manualPoint) {
+    const gridSize = config.canvas.grid.gridSize || defaultConfig.canvas.grid.gridSize;
+    const zoomTransform = d3.zoomTransform(canvasObject.svg.node());
+    let x, y;
+    if (event) {
+        const [cursorX, cursorY] = d3.pointer(event, canvasObject.svg.node());
+        x = cursorX;
+        y = cursorY;
+    }
+    else {
+        return { x: 0, y: 0 };
+    }
+    const adjustedX = (x - zoomTransform.x) / zoomTransform.k;
+    const adjustedY = (y - zoomTransform.y) / zoomTransform.k;
+    let exactPosition;
+    if (config.canvasProperties.snapToGrid) {
+        exactPosition = snapToGrid(adjustedX, adjustedY, gridSize);
+    }
+    else {
+        exactPosition = { x: adjustedX, y: adjustedY };
+    }
+    if (shapeToFind.previewEnabled) {
+        createShapePreview(shapeType, exactPosition.x, exactPosition.y, canvasObject, shapeToFind, registry);
+    }
+    return exactPosition;
+}
+function createShapePreview(shapeType, x, y, canvasObject, shapeToFind, registry) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    removeAllPreview(canvasObject);
+    let elementId = `preview_${shapeType}`;
+    let shape;
+    if (registry && registry.has(shapeType)) {
+        const renderer = registry.get(shapeType);
+        const radius = (_a = shapeToFind.radius) !== null && _a !== void 0 ? _a : 30;
+        const width = (_b = shapeToFind.width) !== null && _b !== void 0 ? _b : radius * 2;
+        const height = (_c = shapeToFind.height) !== null && _c !== void 0 ? _c : radius * 2;
+        // All renderers draw with (0,0) as the anchor (center or top-left).
+        // We use a <g translate(x,y)> so the path coordinates are always
+        // relative to (0,0), then shifted to the cursor position regardless
+        // of shape type. This fixes the circle offset bug.
+        //
+        // Circle renderer uses (cx=x, cy=y) as the CENTER — so pass x:0,y:0.
+        // Rect/polygon renderers use the top-left corner — so offset by -w/2,-h/2
+        // to keep them visually centered on the cursor too.
+        const isCircleLike = shapeType === "circle";
+        const tempConfig = {
+            type: shapeType,
+            x: isCircleLike ? 0 : -width / 2,
+            y: isCircleLike ? 0 : -height / 2,
+            width,
+            height,
+            radius,
+            color: shapeToFind.color,
+            stroke: shapeToFind.stroke,
+            transparency: shapeToFind.transparency,
+            borderRadius: shapeToFind.borderRadius
+        };
+        const pathData = renderer.getPath(tempConfig);
+        const group = canvasObject.elements.append("g")
+            .attr("id", elementId)
+            .attr("transform", `translate(${x},${y})`);
+        shape = group.append("path")
+            .attr("d", pathData)
+            .attr("fill", shapeToFind.color)
+            .attr("stroke", (_e = (_d = shapeToFind.stroke) === null || _d === void 0 ? void 0 : _d.color) !== null && _e !== void 0 ? _e : "#000")
+            .attr("stroke-width", (_g = (_f = shapeToFind.stroke) === null || _f === void 0 ? void 0 : _f.width) !== null && _g !== void 0 ? _g : 1)
+            .attr("stroke-dasharray", ((_j = (_h = shapeToFind.stroke) === null || _h === void 0 ? void 0 : _h.strokeDasharray) === null || _j === void 0 ? void 0 : _j.join(" ")) || null)
+            .attr("opacity", (_k = shapeToFind.previewTransparency) !== null && _k !== void 0 ? _k : 0.5);
+        return group;
+    }
+    return shape;
+}
+function removeAllPreview(canvasObject) {
+    canvasObject.elements.selectAll("path[id^='preview_'], polygon[id^='preview_'], circle[id^='preview_'], g[id^='preview_']").remove();
+}
+
+export { removeAllPreview, svgMouseMove };
+//# sourceMappingURL=mouseMove.js.map

package/dist/events/mouseMove.js.map

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

package/dist/events/resize.cjs

@@ -0,0 +1,98 @@
+'use strict';
+
+var d3 = require('d3');
+
+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);
+
+/**
+ * Creates a resize behavior for node handles (NW, N, NE, E, SE, S, SW, W).
+ * Handles coordinate compensation so the opposite handle stays fixed.
+ */
+function createResizeBehavior(api) {
+    let initialDimensions = null;
+    let initialPointers = { x: 0, y: 0 };
+    return d3__namespace.drag()
+        .on("start", function (event, handle) {
+        var _a, _b, _c;
+        (_a = event.sourceEvent) === null || _a === void 0 ? void 0 : _a.stopPropagation();
+        const g = d3__namespace.select(this.parentNode.parentNode);
+        const node = g.datum();
+        initialDimensions = {
+            x: node.x,
+            y: node.y,
+            w: (_b = node.width) !== null && _b !== void 0 ? _b : 120,
+            h: (_c = node.height) !== null && _c !== void 0 ? _c : 60
+        };
+        const svgGroupNode = api.canvasObject.elements.node();
+        const [px, py] = d3__namespace.pointer(event.sourceEvent, svgGroupNode);
+        initialPointers = { x: px, y: py };
+        api.beginOperation(node.id, 'resize');
+    })
+        .on("drag", function (event, handle) {
+        if (!initialDimensions)
+            return;
+        const g = d3__namespace.select(this.parentNode.parentNode);
+        const node = g.datum();
+        const svgGroupNode = api.canvasObject.elements.node();
+        const [px, py] = d3__namespace.pointer(event.sourceEvent, svgGroupNode);
+        const dx = px - initialPointers.x;
+        const dy = py - initialPointers.y;
+        let { x, y, w, h } = initialDimensions;
+        const minSize = 20;
+        // Logic for each handle
+        if (handle.type.includes('e'))
+            w = Math.max(minSize, w + dx);
+        if (handle.type.includes('s'))
+            h = Math.max(minSize, h + dy);
+        if (handle.type.includes('w')) {
+            const newW = Math.max(minSize, w - dx);
+            x = x - (newW - w) / 2; // Compensate for centered layout
+            w = newW;
+        }
+        if (handle.type.includes('n')) {
+            const newH = Math.max(minSize, h - dy);
+            y = y - (newH - h) / 2;
+            h = newH;
+        }
+        // Correct for centered coordinates: 
+        // In Zenode, nodes are centered at (x,y). 
+        // If we drag 'e', the width increases and 'x' must shift by half the increase 
+        // to keep the 'w' (left) side fixed in visual space.
+        let finalX = initialDimensions.x;
+        let finalY = initialDimensions.y;
+        if (handle.type.includes('e'))
+            finalX += (w - initialDimensions.w) / 2;
+        if (handle.type.includes('w'))
+            finalX -= (w - initialDimensions.w) / 2;
+        if (handle.type.includes('s'))
+            finalY += (h - initialDimensions.h) / 2;
+        if (handle.type.includes('n'))
+            finalY -= (h - initialDimensions.h) / 2;
+        api.updateNodePosition(node.id, finalX, finalY, false);
+        api.updateNodeDimensions(node.id, { width: w, height: h }, false);
+    })
+        .on("end", function (event, d) {
+        api.endOperation();
+        initialDimensions = null;
+    });
+}
+
+exports.createResizeBehavior = createResizeBehavior;
+//# sourceMappingURL=resize.cjs.map

package/dist/events/resize.cjs.map

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

package/dist/events/resize.d.ts

@@ -0,0 +1,14 @@
+import * as d3 from "d3";
+import { RenderApi } from "../nodes/placement.js";
+interface HandleData {
+    x: number;
+    y: number;
+    cursor: string;
+    type: 'nw' | 'n' | 'ne' | 'e' | 'se' | 's' | 'sw' | 'w';
+}
+/**
+ * Creates a resize behavior for node handles (NW, N, NE, E, SE, S, SW, W).
+ * Handles coordinate compensation so the opposite handle stays fixed.
+ */
+export declare function createResizeBehavior(api: RenderApi): d3.DragBehavior<SVGRectElement, HandleData, HandleData | d3.SubjectPosition>;
+export {};

package/dist/events/resize.js

@@ -0,0 +1,77 @@
+import * as d3 from 'd3';
+
+/**
+ * Creates a resize behavior for node handles (NW, N, NE, E, SE, S, SW, W).
+ * Handles coordinate compensation so the opposite handle stays fixed.
+ */
+function createResizeBehavior(api) {
+    let initialDimensions = null;
+    let initialPointers = { x: 0, y: 0 };
+    return d3.drag()
+        .on("start", function (event, handle) {
+        var _a, _b, _c;
+        (_a = event.sourceEvent) === null || _a === void 0 ? void 0 : _a.stopPropagation();
+        const g = d3.select(this.parentNode.parentNode);
+        const node = g.datum();
+        initialDimensions = {
+            x: node.x,
+            y: node.y,
+            w: (_b = node.width) !== null && _b !== void 0 ? _b : 120,
+            h: (_c = node.height) !== null && _c !== void 0 ? _c : 60
+        };
+        const svgGroupNode = api.canvasObject.elements.node();
+        const [px, py] = d3.pointer(event.sourceEvent, svgGroupNode);
+        initialPointers = { x: px, y: py };
+        api.beginOperation(node.id, 'resize');
+    })
+        .on("drag", function (event, handle) {
+        if (!initialDimensions)
+            return;
+        const g = d3.select(this.parentNode.parentNode);
+        const node = g.datum();
+        const svgGroupNode = api.canvasObject.elements.node();
+        const [px, py] = d3.pointer(event.sourceEvent, svgGroupNode);
+        const dx = px - initialPointers.x;
+        const dy = py - initialPointers.y;
+        let { x, y, w, h } = initialDimensions;
+        const minSize = 20;
+        // Logic for each handle
+        if (handle.type.includes('e'))
+            w = Math.max(minSize, w + dx);
+        if (handle.type.includes('s'))
+            h = Math.max(minSize, h + dy);
+        if (handle.type.includes('w')) {
+            const newW = Math.max(minSize, w - dx);
+            x = x - (newW - w) / 2; // Compensate for centered layout
+            w = newW;
+        }
+        if (handle.type.includes('n')) {
+            const newH = Math.max(minSize, h - dy);
+            y = y - (newH - h) / 2;
+            h = newH;
+        }
+        // Correct for centered coordinates: 
+        // In Zenode, nodes are centered at (x,y). 
+        // If we drag 'e', the width increases and 'x' must shift by half the increase 
+        // to keep the 'w' (left) side fixed in visual space.
+        let finalX = initialDimensions.x;
+        let finalY = initialDimensions.y;
+        if (handle.type.includes('e'))
+            finalX += (w - initialDimensions.w) / 2;
+        if (handle.type.includes('w'))
+            finalX -= (w - initialDimensions.w) / 2;
+        if (handle.type.includes('s'))
+            finalY += (h - initialDimensions.h) / 2;
+        if (handle.type.includes('n'))
+            finalY -= (h - initialDimensions.h) / 2;
+        api.updateNodePosition(node.id, finalX, finalY, false);
+        api.updateNodeDimensions(node.id, { width: w, height: h }, false);
+    })
+        .on("end", function (event, d) {
+        api.endOperation();
+        initialDimensions = null;
+    });
+}
+
+export { createResizeBehavior };
+//# sourceMappingURL=resize.js.map

package/dist/events/resize.js.map

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

package/dist/examples/keyboard-shortcuts.d.ts

@@ -0,0 +1,10 @@
+import { KeyboardShortcuts } from "../model/configurationModel";
+/**
+ * Reusable example for plugin-style keyboard shortcut handling.
+ *
+ * Usage:
+ * 1) Copy this object into your own config.
+ * 2) Attach under: canvasProperties.keyboardShortcuts
+ * 3) Replace console logs with your app/plugin actions.
+ */
+export declare const keyboardShortcutsExample: KeyboardShortcuts;