@zenode/designer 3.5.0

package/dist/contextpad/renderer.cjs

@@ -0,0 +1,347 @@
+'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);
+
+class ContextPadRenderer {
+    constructor(container) {
+        this.padElement = null;
+        this.currentTarget = null;
+        this.currentActions = [];
+        this.container = container;
+    }
+    /**
+     * Renders the context pad for a specific target.
+     */
+    render(target, actions, engine) {
+        this.hide();
+        if (actions.length === 0)
+            return;
+        // Sort actions by order (lower is first)
+        const sortedActions = [...actions].sort((a, b) => { var _a, _b; return ((_a = a.order) !== null && _a !== void 0 ? _a : 100) - ((_b = b.order) !== null && _b !== void 0 ? _b : 100); });
+        this.currentTarget = target;
+        this.currentActions = sortedActions;
+        this.padElement = document.createElement("div");
+        this.padElement.className = "zenode-context-pad";
+        this.padElement.style.position = "absolute";
+        this.renderButtons(engine);
+        this.container.appendChild(this.padElement);
+        this.updatePosition(engine);
+        this.applyStyles(engine);
+        // Initialize Lucide icons if the library is available globally
+        if (typeof window.lucide !== 'undefined') {
+            window.lucide.createIcons({
+                nameAttr: 'data-lucide',
+                attrs: {
+                    width: '16px',
+                    height: '16px'
+                }
+            });
+        }
+        // Emit framework event
+        engine.emit("contextpad:open", { target: this.currentTarget, actions: this.currentActions });
+    }
+    /**
+     * Applies configurable styles to the pad and buttons.
+     */
+    applyStyles(engine) {
+        if (!this.padElement)
+            return;
+        const config = engine.config.canvasProperties.contextPad || {};
+        const style = config.style || {};
+        // Apply pad container styles
+        if (style.backgroundColor)
+            this.padElement.style.background = style.backgroundColor;
+        if (style.borderColor)
+            this.padElement.style.borderColor = style.borderColor;
+        if (style.borderWidth)
+            this.padElement.style.borderWidth = style.borderWidth;
+        if (style.borderRadius)
+            this.padElement.style.borderRadius = style.borderRadius;
+        if (style.boxShadow)
+            this.padElement.style.boxShadow = style.boxShadow;
+        if (style.backdropBlur) {
+            this.padElement.style.backdropFilter = `blur(${style.backdropBlur}) saturate(180%)`;
+            this.padElement.style.webkitBackdropFilter = `blur(${style.backdropBlur}) saturate(180%)`;
+        }
+        if (style.padding)
+            this.padElement.style.padding = style.padding;
+        // Apply layout
+        const layout = config.layout || "horizontal";
+        if (layout === "grid") {
+            this.padElement.style.display = "grid";
+            this.padElement.style.gridTemplateColumns = `repeat(${config.gridColumns || 3}, 1fr)`;
+            this.padElement.style.flexDirection = ""; // reset flex
+        }
+        else {
+            this.padElement.style.display = "flex";
+            this.padElement.style.flexDirection = layout === "vertical" ? "column" : "row";
+            this.padElement.style.gridTemplateColumns = ""; // reset grid
+        }
+        // Apply button styles via CSS variables on the container
+        if (style.buttonWidth)
+            this.padElement.style.setProperty('--zenode-context-btn-width', style.buttonWidth);
+        if (style.buttonHeight)
+            this.padElement.style.setProperty('--zenode-context-btn-height', style.buttonHeight);
+        if (style.buttonPadding)
+            this.padElement.style.setProperty('--zenode-context-btn-padding', style.buttonPadding);
+        if (style.buttonMargin)
+            this.padElement.style.setProperty('--zenode-context-btn-margin', style.buttonMargin);
+        if (style.iconColor)
+            this.padElement.style.setProperty('--zenode-context-btn-color', style.iconColor);
+        if (style.buttonHoverColor) {
+            this.padElement.style.setProperty('--zenode-context-btn-hover', style.buttonHoverColor);
+        }
+        if (style.buttonActiveColor) {
+            this.padElement.style.setProperty('--zenode-context-btn-active', style.buttonActiveColor);
+        }
+    }
+    /**
+     * Renders the buttons inside the pad.
+     */
+    renderButtons(engine) {
+        if (!this.padElement || !this.currentTarget)
+            return;
+        this.padElement.innerHTML = "";
+        this.currentActions.forEach(action => {
+            const btn = document.createElement("button");
+            btn.className = `zenode-context-btn ${action.group || ""}`;
+            btn.innerHTML = action.icon;
+            btn.title = action.tooltip;
+            // Apply individual action style overrides if present
+            if (action.style) {
+                if (action.style.color)
+                    btn.style.color = action.style.color;
+                if (action.style.hoverColor)
+                    btn.style.setProperty('--zenode-context-btn-hover', action.style.hoverColor);
+                if (action.style.activeColor)
+                    btn.style.setProperty('--zenode-context-btn-active', action.style.activeColor);
+            }
+            const disabled = action.isDisabled && action.isDisabled(this.currentTarget, engine);
+            const active = action.isActive && action.isActive(this.currentTarget, engine);
+            if (disabled) {
+                btn.disabled = true;
+                btn.classList.add("disabled");
+            }
+            else {
+                btn.onclick = (e) => {
+                    e.stopPropagation();
+                    // Emit click event
+                    engine.emit("contextpad:action:click", { action, target: this.currentTarget });
+                    action.handler(this.currentTarget, engine, e);
+                    // Refresh pad after action
+                    this.update(engine);
+                };
+            }
+            if (active) {
+                btn.classList.add("active");
+            }
+            this.padElement.appendChild(btn);
+        });
+    }
+    /**
+     * Updates only the states of the buttons without re-rendering the whole pad.
+     */
+    update(engine) {
+        if (!this.padElement || !this.currentTarget)
+            return;
+        this.renderButtons(engine);
+        // Initialize Lucide icons if the library is available globally
+        if (typeof window.lucide !== 'undefined') {
+            window.lucide.createIcons({
+                nameAttr: 'data-lucide',
+                attrs: {
+                    width: '16px',
+                    height: '16px'
+                }
+            });
+        }
+    }
+    /**
+     * Updates the pad position based on the current zoom transform.
+     */
+    updatePosition(engine) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        if (!this.padElement || !this.currentTarget)
+            return;
+        const config = engine.config.canvasProperties.contextPad || {
+            position: "top-right",
+            offset: { x: 10, y: -10 }};
+        const svg = engine.svg;
+        const transform = d3__namespace.zoomTransform(svg.node());
+        let x = 0;
+        let y = 0;
+        if (this.currentTarget.kind === 'node') {
+            const id = this.currentTarget.id;
+            // Fetch latest data from engine to ensure we have latest coordinates during drag
+            const node = engine.getPlacedNode(id);
+            if (!node)
+                return;
+            const style = engine.getShapeStyle(node);
+            // Prioritize actual node dimensions (updated during resize) over static shape variant config
+            let w = ((_b = (_a = node.width) !== null && _a !== void 0 ? _a : style === null || style === void 0 ? void 0 : style.width) !== null && _b !== void 0 ? _b : 100);
+            let h = ((_d = (_c = node.height) !== null && _c !== void 0 ? _c : style === null || style === void 0 ? void 0 : style.height) !== null && _d !== void 0 ? _d : 100);
+            // Handle circular shapes where dimensions are defined by radius
+            if (node.type === 'circle') {
+                const r = (_f = (_e = node.radius) !== null && _e !== void 0 ? _e : style === null || style === void 0 ? void 0 : style.radius) !== null && _f !== void 0 ? _f : 30;
+                w = r * 2;
+                h = r * 2;
+            }
+            // node.x and node.y are the center of the node.
+            // Convert to top-left of the bounding box.
+            let canvasX = node.x - w / 2;
+            let canvasY = node.y - h / 2;
+            // Apply anchor position to the shape's bounding box
+            switch (config.position) {
+                case "top-right":
+                    canvasX += w;
+                    break;
+                case "top-left": break;
+                case "bottom-right":
+                    canvasX += w;
+                    canvasY += h;
+                    break;
+                case "bottom-left":
+                    canvasY += h;
+                    break;
+                case "top-center":
+                    canvasX += w / 2;
+                    break;
+                case "bottom-center":
+                    canvasX += w / 2;
+                    canvasY += h;
+                    break;
+            }
+            x = canvasX * transform.k + transform.x;
+            y = canvasY * transform.k + transform.y;
+        }
+        else if (this.currentTarget.kind === 'group') {
+            // For groups, position at top-right of collective boundary
+            const nodeIds = this.currentTarget.data;
+            let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
+            nodeIds.forEach(id => {
+                var _a, _b, _c, _d;
+                const node = engine.getPlacedNode(id);
+                if (!node)
+                    return;
+                const style = engine.getShapeStyle(node);
+                const w = (_b = (_a = node.width) !== null && _a !== void 0 ? _a : style === null || style === void 0 ? void 0 : style.width) !== null && _b !== void 0 ? _b : 100;
+                const h = (_d = (_c = node.height) !== null && _c !== void 0 ? _c : style === null || style === void 0 ? void 0 : style.height) !== null && _d !== void 0 ? _d : 100;
+                minX = Math.min(minX, node.x - w / 2);
+                minY = Math.min(minY, node.y - h / 2);
+                maxX = Math.max(maxX, node.x + w / 2);
+                maxY = Math.max(maxY, node.y + h / 2);
+            });
+            const w = maxX - minX;
+            const h = maxY - minY;
+            let canvasX = minX;
+            let canvasY = minY;
+            switch (config.position) {
+                case "top-right":
+                    canvasX += w;
+                    break;
+                case "top-left": break;
+                case "bottom-right":
+                    canvasX += w;
+                    canvasY += h;
+                    break;
+                case "bottom-left":
+                    canvasY += h;
+                    break;
+                case "top-center":
+                    canvasX += w / 2;
+                    break;
+                case "bottom-center":
+                    canvasX += w / 2;
+                    canvasY += h;
+                    break;
+            }
+            x = canvasX * transform.k + transform.x;
+            y = canvasY * transform.k + transform.y;
+        }
+        else {
+            // For edges, position at midpoint
+            const edgeId = this.currentTarget.id;
+            const svgPath = (_g = engine.container) === null || _g === void 0 ? void 0 : _g.querySelector(`.connection[data-connection-id="${edgeId}"] path.connection-line`);
+            if (svgPath && typeof svgPath.getTotalLength === 'function') {
+                const totalLen = svgPath.getTotalLength();
+                const midpoint = svgPath.getPointAtLength(totalLen / 2);
+                x = midpoint.x * transform.k + transform.x;
+                y = midpoint.y * transform.k + transform.y;
+            }
+            else {
+                x = transform.x;
+                y = transform.y;
+            }
+        }
+        // Calculate pad dimensions for proper offset adjustment
+        const padWidth = this.padElement.offsetWidth;
+        this.padElement.offsetHeight;
+        // Configuration offsets
+        const baseOffsetX = (_j = (_h = config.offset) === null || _h === void 0 ? void 0 : _h.x) !== null && _j !== void 0 ? _j : 10;
+        const baseOffsetY = (_l = (_k = config.offset) === null || _k === void 0 ? void 0 : _k.y) !== null && _l !== void 0 ? _l : -10;
+        let finalX = x;
+        let finalY = y;
+        // Refined alignment logic to prevent overlap regardless of position type
+        const position = config.position || "top-right";
+        if (position.includes("right")) {
+            finalX += baseOffsetX;
+        }
+        else if (position.includes("left")) {
+            finalX -= (padWidth + baseOffsetX);
+        }
+        else if (position.includes("center")) {
+            finalX -= padWidth / 2;
+        }
+        if (position.includes("top")) {
+            finalY += baseOffsetY;
+        }
+        else if (position.includes("bottom")) {
+            finalY -= baseOffsetY; // If offset.y is -10 (standard), this moves it down by 10
+        }
+        this.padElement.style.left = `${finalX}px`;
+        this.padElement.style.top = `${finalY}px`;
+        // Re-apply styles ensures that if the config was updated (e.g. testConfig.ts), 
+        // the visuals update immediately during the next drag/zoom frame.
+        this.applyStyles(engine);
+    }
+    /**
+     * Hides and removes the context pad.
+     */
+    hide(engine) {
+        if (this.padElement) {
+            if (engine)
+                engine.emit("contextpad:close", { target: this.currentTarget });
+            this.padElement.remove();
+            this.padElement = null;
+        }
+        // Guarantee sweep of any ghost instances created during rapid interaction
+        if (this.container) {
+            const ghosts = this.container.querySelectorAll(".zenode-context-pad");
+            ghosts.forEach(g => g.remove());
+        }
+        this.currentTarget = null;
+        this.currentActions = [];
+    }
+}
+
+exports.ContextPadRenderer = ContextPadRenderer;
+//# sourceMappingURL=renderer.cjs.map

package/dist/contextpad/renderer.cjs.map

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

package/dist/contextpad/renderer.d.ts

@@ -0,0 +1,32 @@
+import { ContextPadAction, ContextPadTarget } from "../types/index.js";
+export declare class ContextPadRenderer {
+    private container;
+    private padElement;
+    private currentTarget;
+    private currentActions;
+    constructor(container: HTMLElement);
+    /**
+     * Renders the context pad for a specific target.
+     */
+    render(target: ContextPadTarget, actions: ContextPadAction[], engine: any): void;
+    /**
+     * Applies configurable styles to the pad and buttons.
+     */
+    private applyStyles;
+    /**
+     * Renders the buttons inside the pad.
+     */
+    private renderButtons;
+    /**
+     * Updates only the states of the buttons without re-rendering the whole pad.
+     */
+    update(engine: any): void;
+    /**
+     * Updates the pad position based on the current zoom transform.
+     */
+    updatePosition(engine: any): void;
+    /**
+     * Hides and removes the context pad.
+     */
+    hide(engine?: any): void;
+}