@zenode/designer 3.5.0

package/dist/components/canvas/grid.cjs

@@ -0,0 +1,167 @@
+'use strict';
+
+var d3 = require('d3');
+var defaultConfig = require('../../config/defaultConfig.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);
+
+// src/components/canvas/grid.ts
+function drawGrid(svg, canvasConfig, grid) {
+    var _a, _b;
+    // Clear existing defs/rects in the grid layer to avoid duplicates on re-config
+    grid.selectAll("*").remove();
+    // Check if the grid is enabled
+    if (!((_a = canvasConfig === null || canvasConfig === void 0 ? void 0 : canvasConfig.grid) === null || _a === void 0 ? void 0 : _a.gridEnabled)) {
+        return grid;
+    }
+    // Create defs if they don't exist
+    let defs = svg.select("defs");
+    if (defs.empty()) {
+        defs = svg.append("defs");
+    }
+    const gridType = ((_b = canvasConfig === null || canvasConfig === void 0 ? void 0 : canvasConfig.grid) === null || _b === void 0 ? void 0 : _b.gridType) || "dotted";
+    const patternId = "zenodeGridPattern";
+    // Create the appropriate pattern based on type
+    if (gridType === "dotted") {
+        createDottedPattern(defs, canvasConfig, patternId);
+    }
+    else if (gridType === "line") {
+        createLinePattern(defs, canvasConfig, patternId);
+    }
+    else if (gridType === "cross") {
+        createCrossPattern(defs, canvasConfig, patternId);
+    }
+    else if (gridType === "sheet") {
+        createSquarePattern(defs, canvasConfig, patternId);
+    }
+    // Append the infinite background rect
+    grid
+        .append("rect")
+        .attr("class", "grid-background")
+        .attr("width", "100%")
+        .attr("height", "100%")
+        .attr("fill", `url(#${patternId})`)
+        .attr("opacity", canvasConfig.grid.gridTransparency || defaultConfig.defaultConfig.canvas.grid.gridTransparency)
+        .style("pointer-events", "none");
+    return grid;
+}
+function updateGridTransform(svg, transform) {
+    svg.select("#zenodeGridPattern").attr("patternTransform", transform.toString());
+}
+function toggleGrid(enable) {
+    d3__namespace.select(".grid").style("display", enable ? "block" : "none");
+}
+function createDottedPattern(defs, config, id) {
+    var _a, _b, _c, _d;
+    defs.select(`#${id}`).remove();
+    const gridSize = ((_a = config.grid) === null || _a === void 0 ? void 0 : _a.gridSize) || defaultConfig.defaultConfig.canvas.grid.gridSize;
+    const dimension = ((_b = config.grid) === null || _b === void 0 ? void 0 : _b.gridDimension) || defaultConfig.defaultConfig.canvas.grid.gridDimension;
+    const color = ((_c = config.grid) === null || _c === void 0 ? void 0 : _c.gridColor) || defaultConfig.defaultConfig.canvas.grid.gridColor;
+    const pattern = defs.append("pattern")
+        .attr("id", id)
+        .attr("patternUnits", "userSpaceOnUse")
+        .attr("width", gridSize)
+        .attr("height", gridSize);
+    if (((_d = config.grid) === null || _d === void 0 ? void 0 : _d.gridShape) === "square") {
+        pattern.append("rect")
+            .attr("width", dimension)
+            .attr("height", dimension)
+            .attr("fill", color);
+    }
+    else {
+        pattern.append("circle")
+            .attr("cx", dimension)
+            .attr("cy", dimension)
+            .attr("r", dimension)
+            .attr("fill", color);
+    }
+}
+function createLinePattern(defs, config, id) {
+    var _a, _b, _c;
+    defs.select(`#${id}`).remove();
+    const gridSize = ((_a = config.grid) === null || _a === void 0 ? void 0 : _a.gridSize) || defaultConfig.defaultConfig.canvas.grid.gridSize;
+    const dimension = ((_b = config.grid) === null || _b === void 0 ? void 0 : _b.gridDimension) || defaultConfig.defaultConfig.canvas.grid.gridDimension;
+    const color = ((_c = config.grid) === null || _c === void 0 ? void 0 : _c.gridColor) || defaultConfig.defaultConfig.canvas.grid.gridColor;
+    const pattern = defs.append("pattern")
+        .attr("id", id)
+        .attr("patternUnits", "userSpaceOnUse")
+        .attr("width", gridSize)
+        .attr("height", gridSize);
+    pattern.append("line")
+        .attr("x1", 0).attr("y1", 0).attr("x2", gridSize).attr("y2", 0)
+        .attr("stroke", color).attr("stroke-width", dimension);
+    pattern.append("line")
+        .attr("x1", 0).attr("y1", 0).attr("x2", 0).attr("y2", gridSize)
+        .attr("stroke", color).attr("stroke-width", dimension);
+}
+function createCrossPattern(defs, config, id) {
+    var _a, _b, _c, _d;
+    defs.select(`#${id}`).remove();
+    const gridSize = ((_a = config.grid) === null || _a === void 0 ? void 0 : _a.gridSize) || defaultConfig.defaultConfig.canvas.grid.gridSize;
+    const crossLength = ((_b = config.grid) === null || _b === void 0 ? void 0 : _b.crossLength) || (gridSize / 2);
+    const dimension = ((_c = config.grid) === null || _c === void 0 ? void 0 : _c.gridDimension) || 1;
+    const color = ((_d = config.grid) === null || _d === void 0 ? void 0 : _d.gridColor) || defaultConfig.defaultConfig.canvas.grid.gridColor;
+    const pattern = defs.append("pattern")
+        .attr("id", id)
+        .attr("patternUnits", "userSpaceOnUse")
+        .attr("width", gridSize)
+        .attr("height", gridSize);
+    const mid = gridSize / 2;
+    const halfLen = crossLength / 2;
+    pattern.append("line")
+        .attr("x1", mid - halfLen).attr("y1", mid).attr("x2", mid + halfLen).attr("y2", mid)
+        .attr("stroke", color).attr("stroke-width", dimension);
+    pattern.append("line")
+        .attr("x1", mid).attr("y1", mid - halfLen).attr("x2", mid).attr("y2", mid + halfLen)
+        .attr("stroke", color).attr("stroke-width", dimension);
+}
+function createSquarePattern(defs, config, id) {
+    var _a, _b, _c, _d;
+    defs.select(`#${id}`).remove();
+    const gridSize = ((_a = config.grid) === null || _a === void 0 ? void 0 : _a.gridSize) || defaultConfig.defaultConfig.canvas.grid.gridSize;
+    const dimension = ((_b = config.grid) === null || _b === void 0 ? void 0 : _b.gridDimension) || 1;
+    const cellsPerBlock = ((_c = config.grid) === null || _c === void 0 ? void 0 : _c.sheetDimension) || defaultConfig.defaultConfig.canvas.grid.sheetDimension || 5;
+    const color = ((_d = config.grid) === null || _d === void 0 ? void 0 : _d.gridColor) || "#ccc";
+    const blockSize = gridSize * cellsPerBlock;
+    const thickStroke = dimension * 2;
+    const pattern = defs.append("pattern")
+        .attr("id", id)
+        .attr("patternUnits", "userSpaceOnUse")
+        .attr("width", blockSize)
+        .attr("height", blockSize);
+    // Thin lines
+    for (let i = 1; i < cellsPerBlock; i++) {
+        pattern.append("line")
+            .attr("x1", i * gridSize).attr("y1", 0).attr("x2", i * gridSize).attr("y2", blockSize)
+            .attr("stroke", color).attr("stroke-width", dimension).attr("opacity", 0.5);
+        pattern.append("line")
+            .attr("x1", 0).attr("y1", i * gridSize).attr("x2", blockSize).attr("y2", i * gridSize)
+            .attr("stroke", color).attr("stroke-width", dimension).attr("opacity", 0.5);
+    }
+    // Thick borders
+    pattern.append("rect")
+        .attr("width", blockSize).attr("height", blockSize)
+        .attr("fill", "none").attr("stroke", color).attr("stroke-width", thickStroke);
+}
+
+exports.drawGrid = drawGrid;
+exports.toggleGrid = toggleGrid;
+exports.updateGridTransform = updateGridTransform;
+//# sourceMappingURL=grid.cjs.map

package/dist/components/canvas/grid.cjs.map

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

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

@@ -0,0 +1,5 @@
+import * as d3 from "d3";
+import { Canvas } from "../../model/configurationModel.js";
+export declare function drawGrid(svg: d3.Selection<SVGSVGElement, unknown, HTMLElement, any>, canvasConfig: Canvas, grid: d3.Selection<SVGGElement, unknown, HTMLElement, any>): d3.Selection<SVGGElement, unknown, HTMLElement, any>;
+export declare function updateGridTransform(svg: d3.Selection<any, any, any, any>, transform: any): void;
+export declare function toggleGrid(enable: boolean): void;

package/dist/components/canvas/grid.js

@@ -0,0 +1,144 @@
+import * as d3 from 'd3';
+import { defaultConfig } from '../../config/defaultConfig.js';
+
+// src/components/canvas/grid.ts
+function drawGrid(svg, canvasConfig, grid) {
+    var _a, _b;
+    // Clear existing defs/rects in the grid layer to avoid duplicates on re-config
+    grid.selectAll("*").remove();
+    // Check if the grid is enabled
+    if (!((_a = canvasConfig === null || canvasConfig === void 0 ? void 0 : canvasConfig.grid) === null || _a === void 0 ? void 0 : _a.gridEnabled)) {
+        return grid;
+    }
+    // Create defs if they don't exist
+    let defs = svg.select("defs");
+    if (defs.empty()) {
+        defs = svg.append("defs");
+    }
+    const gridType = ((_b = canvasConfig === null || canvasConfig === void 0 ? void 0 : canvasConfig.grid) === null || _b === void 0 ? void 0 : _b.gridType) || "dotted";
+    const patternId = "zenodeGridPattern";
+    // Create the appropriate pattern based on type
+    if (gridType === "dotted") {
+        createDottedPattern(defs, canvasConfig, patternId);
+    }
+    else if (gridType === "line") {
+        createLinePattern(defs, canvasConfig, patternId);
+    }
+    else if (gridType === "cross") {
+        createCrossPattern(defs, canvasConfig, patternId);
+    }
+    else if (gridType === "sheet") {
+        createSquarePattern(defs, canvasConfig, patternId);
+    }
+    // Append the infinite background rect
+    grid
+        .append("rect")
+        .attr("class", "grid-background")
+        .attr("width", "100%")
+        .attr("height", "100%")
+        .attr("fill", `url(#${patternId})`)
+        .attr("opacity", canvasConfig.grid.gridTransparency || defaultConfig.canvas.grid.gridTransparency)
+        .style("pointer-events", "none");
+    return grid;
+}
+function updateGridTransform(svg, transform) {
+    svg.select("#zenodeGridPattern").attr("patternTransform", transform.toString());
+}
+function toggleGrid(enable) {
+    d3.select(".grid").style("display", enable ? "block" : "none");
+}
+function createDottedPattern(defs, config, id) {
+    var _a, _b, _c, _d;
+    defs.select(`#${id}`).remove();
+    const gridSize = ((_a = config.grid) === null || _a === void 0 ? void 0 : _a.gridSize) || defaultConfig.canvas.grid.gridSize;
+    const dimension = ((_b = config.grid) === null || _b === void 0 ? void 0 : _b.gridDimension) || defaultConfig.canvas.grid.gridDimension;
+    const color = ((_c = config.grid) === null || _c === void 0 ? void 0 : _c.gridColor) || defaultConfig.canvas.grid.gridColor;
+    const pattern = defs.append("pattern")
+        .attr("id", id)
+        .attr("patternUnits", "userSpaceOnUse")
+        .attr("width", gridSize)
+        .attr("height", gridSize);
+    if (((_d = config.grid) === null || _d === void 0 ? void 0 : _d.gridShape) === "square") {
+        pattern.append("rect")
+            .attr("width", dimension)
+            .attr("height", dimension)
+            .attr("fill", color);
+    }
+    else {
+        pattern.append("circle")
+            .attr("cx", dimension)
+            .attr("cy", dimension)
+            .attr("r", dimension)
+            .attr("fill", color);
+    }
+}
+function createLinePattern(defs, config, id) {
+    var _a, _b, _c;
+    defs.select(`#${id}`).remove();
+    const gridSize = ((_a = config.grid) === null || _a === void 0 ? void 0 : _a.gridSize) || defaultConfig.canvas.grid.gridSize;
+    const dimension = ((_b = config.grid) === null || _b === void 0 ? void 0 : _b.gridDimension) || defaultConfig.canvas.grid.gridDimension;
+    const color = ((_c = config.grid) === null || _c === void 0 ? void 0 : _c.gridColor) || defaultConfig.canvas.grid.gridColor;
+    const pattern = defs.append("pattern")
+        .attr("id", id)
+        .attr("patternUnits", "userSpaceOnUse")
+        .attr("width", gridSize)
+        .attr("height", gridSize);
+    pattern.append("line")
+        .attr("x1", 0).attr("y1", 0).attr("x2", gridSize).attr("y2", 0)
+        .attr("stroke", color).attr("stroke-width", dimension);
+    pattern.append("line")
+        .attr("x1", 0).attr("y1", 0).attr("x2", 0).attr("y2", gridSize)
+        .attr("stroke", color).attr("stroke-width", dimension);
+}
+function createCrossPattern(defs, config, id) {
+    var _a, _b, _c, _d;
+    defs.select(`#${id}`).remove();
+    const gridSize = ((_a = config.grid) === null || _a === void 0 ? void 0 : _a.gridSize) || defaultConfig.canvas.grid.gridSize;
+    const crossLength = ((_b = config.grid) === null || _b === void 0 ? void 0 : _b.crossLength) || (gridSize / 2);
+    const dimension = ((_c = config.grid) === null || _c === void 0 ? void 0 : _c.gridDimension) || 1;
+    const color = ((_d = config.grid) === null || _d === void 0 ? void 0 : _d.gridColor) || defaultConfig.canvas.grid.gridColor;
+    const pattern = defs.append("pattern")
+        .attr("id", id)
+        .attr("patternUnits", "userSpaceOnUse")
+        .attr("width", gridSize)
+        .attr("height", gridSize);
+    const mid = gridSize / 2;
+    const halfLen = crossLength / 2;
+    pattern.append("line")
+        .attr("x1", mid - halfLen).attr("y1", mid).attr("x2", mid + halfLen).attr("y2", mid)
+        .attr("stroke", color).attr("stroke-width", dimension);
+    pattern.append("line")
+        .attr("x1", mid).attr("y1", mid - halfLen).attr("x2", mid).attr("y2", mid + halfLen)
+        .attr("stroke", color).attr("stroke-width", dimension);
+}
+function createSquarePattern(defs, config, id) {
+    var _a, _b, _c, _d;
+    defs.select(`#${id}`).remove();
+    const gridSize = ((_a = config.grid) === null || _a === void 0 ? void 0 : _a.gridSize) || defaultConfig.canvas.grid.gridSize;
+    const dimension = ((_b = config.grid) === null || _b === void 0 ? void 0 : _b.gridDimension) || 1;
+    const cellsPerBlock = ((_c = config.grid) === null || _c === void 0 ? void 0 : _c.sheetDimension) || defaultConfig.canvas.grid.sheetDimension || 5;
+    const color = ((_d = config.grid) === null || _d === void 0 ? void 0 : _d.gridColor) || "#ccc";
+    const blockSize = gridSize * cellsPerBlock;
+    const thickStroke = dimension * 2;
+    const pattern = defs.append("pattern")
+        .attr("id", id)
+        .attr("patternUnits", "userSpaceOnUse")
+        .attr("width", blockSize)
+        .attr("height", blockSize);
+    // Thin lines
+    for (let i = 1; i < cellsPerBlock; i++) {
+        pattern.append("line")
+            .attr("x1", i * gridSize).attr("y1", 0).attr("x2", i * gridSize).attr("y2", blockSize)
+            .attr("stroke", color).attr("stroke-width", dimension).attr("opacity", 0.5);
+        pattern.append("line")
+            .attr("x1", 0).attr("y1", i * gridSize).attr("x2", blockSize).attr("y2", i * gridSize)
+            .attr("stroke", color).attr("stroke-width", dimension).attr("opacity", 0.5);
+    }
+    // Thick borders
+    pattern.append("rect")
+        .attr("width", blockSize).attr("height", blockSize)
+        .attr("fill", "none").attr("stroke", color).attr("stroke-width", thickStroke);
+}
+
+export { drawGrid, toggleGrid, updateGridTransform };
+//# sourceMappingURL=grid.js.map

package/dist/components/canvas/grid.js.map

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

package/dist/components/shapeTypes/circle.d.ts

@@ -0,0 +1,2 @@
+export declare function drawCircle(svg: any, x: number, y: number, config: any): any;
+export declare function drawCirclePreview(svg: any, x: number, y: number, config: any): any;

package/dist/components/shapeTypes/rectangle.d.ts

@@ -0,0 +1,4 @@
+export declare function roundedRectPath(x: number, y: number, width: number, height: number, r1: number, // top-left
+r2: number, // top-right
+r3: number, // bottom-right
+r4: number): string;

package/dist/components/shapeTypes/rectangle.js

@@ -0,0 +1,22 @@
+function roundedRectPath(x, y, width, height, r1, // top-left
+r2, // top-right
+r3, // bottom-right
+r4 // bottom-left
+) {
+    r1 = Math.min(r1, width / 2, height / 2);
+    r2 = Math.min(r2, width / 2, height / 2);
+    r3 = Math.min(r3, width / 2, height / 2);
+    r4 = Math.min(r4, width / 2, height / 2);
+    return `M ${x + r1},${y} 
+          H ${x + width - r2} 
+          A ${r2},${r2} 0 0 1 ${x + width},${y + r2} 
+          V ${y + height - r3} 
+          A ${r3},${r3} 0 0 1 ${x + width - r3},${y + height} 
+          H ${x + r4} 
+          A ${r4},${r4} 0 0 1 ${x},${y + height - r4} 
+          V ${y + r1} 
+          A ${r1},${r1} 0 0 1 ${x + r1},${y} Z`;
+}
+
+export { roundedRectPath };
+//# sourceMappingURL=rectangle.js.map

package/dist/components/shapeTypes/rectangle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rectangle.js","sources":["../../../src/components/shapeTypes/rectangle.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAiB,SAAA,eAAe,CAC9B,CAAS,EACT,CAAS,EACT,KAAa,EACb,MAAc,EACd,EAAU;AACV,EAAU;AACV,EAAU;AACV,EAAU;;AAEV,IAAA,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC;AACxC,IAAA,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC;AACxC,IAAA,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC;AACxC,IAAA,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC;AAExC,IAAA,OAAO,CAAK,EAAA,EAAA,CAAC,GAAG,EAAE,IAAI,CAAC,CAAA;cACX,CAAC,GAAG,KAAK,GAAG,EAAE,CAAA;cACd,EAAE,CAAA,CAAA,EAAI,EAAE,CAAU,OAAA,EAAA,CAAC,GAAG,KAAK,CAAA,CAAA,EAAI,CAAC,GAAG,EAAE,CAAA;cACrC,CAAC,GAAG,MAAM,GAAG,EAAE,CAAA;cACf,EAAE,CAAA,CAAA,EAAI,EAAE,CAAA,OAAA,EAAU,CAAC,GAAG,KAAK,GAAG,EAAE,CAAA,CAAA,EAAI,CAAC,GAAG,MAAM,CAAA;AAC9C,YAAA,EAAA,CAAC,GAAG,EAAE,CAAA;cACN,EAAE,CAAA,CAAA,EAAI,EAAE,CAAU,OAAA,EAAA,CAAC,IAAI,CAAC,GAAG,MAAM,GAAG,EAAE,CAAA;AACtC,YAAA,EAAA,CAAC,GAAG,EAAE,CAAA;cACN,EAAE,CAAA,CAAA,EAAI,EAAE,CAAU,OAAA,EAAA,CAAC,GAAG,EAAE,CAAA,CAAA,EAAI,CAAC,CAAA,EAAA,CAAI;AAC/C;;;;"}

package/dist/components/shapeTypes/rhombus.d.ts

@@ -0,0 +1 @@
+export declare function drawRhombus(svg: any, x: number, y: number, config: any): any;