@grafloria/element 0.3.18 → 0.3.19

package/src/libs/element/src/lib/diagram-kit/update.js

@@ -0,0 +1,251 @@
+"use strict";
+/**
+ * Live editing — `updateEntity` / `updateClass` mutate a rendered kit card in
+ * place (P3, the foundation the in-canvas editing chrome is built on).
+ *
+ * A delta changes the DATA (a table's name, its columns; a class's name,
+ * attributes, methods, width/height) and this module:
+ *   1. reads the stored spec (`kitEntity` / `kitClass`) — the source of truth;
+ *   2. applies the delta to a NEW spec (the caller's objects are never mutated,
+ *      so undo can restore the old one cleanly);
+ *   3. regenerates the card html from the SAME builder er.ts/uml.ts use
+ *      (`card.ts`), so an edited card is identical to a freshly-built one;
+ *   4. recomputes the node size;
+ *   5. RECONCILES the field ports — every port pinned to a surviving column
+ *      moves to that column's new row (`erRowCenterY`), ports on a removed
+ *      column are dropped along with their edges. Port ids never change, so an
+ *      edge stays glued to its row across inserts/removes/reorders (the exact
+ *      failure this solves: a port frozen at the old row while the rows shifted
+ *      under it);
+ *   6. repaints — as ONE undoable step.
+ *
+ * ONE UNDO STEP. The change is applied through `api.getEngine().commandManager`
+ * — the same public seam `renderer/ext/public-api.ts` uses — wrapped in a
+ * single kit-local {@link Command}. There is no `SetNodeMetadataCommand` in the
+ * engine (the html/kit-spec mutation has no built-in command), so rather than
+ * reach into engine internals or compose a half-undoable macro, the whole edit
+ * lives in one Command subclass here (subclassing `Command` is the engine's
+ * intended extension point — every basic command does it). When no engine is
+ * present the edit still applies, just non-undoably.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateEntity = updateEntity;
+exports.updateClass = updateClass;
+exports.addColumnAt = addColumnAt;
+exports.removeColumnAt = removeColumnAt;
+exports.renameColumnAt = renameColumnAt;
+const tslib_1 = require("tslib");
+const engine_1 = require("@grafloria/engine");
+const card_1 = require("./card");
+/**
+ * The single undoable edit. Captures the card's whole before-state on first
+ * execute and restores it on undo, so an edit — however many rows and edges it
+ * touched — is one Ctrl+Z.
+ */
+class UpdateCardCommand extends engine_1.Command {
+    constructor(nodeId, kind, build) {
+        super(kind === 'er' ? 'Edit table' : 'Edit class');
+        this.nodeId = nodeId;
+        this.kind = kind;
+        this.build = build;
+        this.captured = false;
+    }
+    execute(context) {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        const model = context.diagram;
+        const node = model.getNode(this.nodeId);
+        if (!node)
+            return;
+        const kitKey = this.kind === 'er' ? 'kitEntity' : 'kitClass';
+        const oldKit = ((_a = node.getMetadata(kitKey)) !== null && _a !== void 0 ? _a : {});
+        if (!this.captured) {
+            this.captured = true;
+            this.before = {
+                html: node.getMetadata('html'),
+                kit: oldKit,
+                size: Object.assign({}, node.size),
+                ports: node.getPorts().map((p) => p.serialize()),
+                links: [],
+            };
+        }
+        const result = this.build(oldKit);
+        const newWidth = (_b = result.width) !== null && _b !== void 0 ? _b : node.size.width;
+        const removedLinks = [];
+        if (this.kind === 'er') {
+            const oldCols = ((_c = oldKit['columns']) !== null && _c !== void 0 ? _c : []);
+            const newCols = ((_d = result.newKit['columns']) !== null && _d !== void 0 ? _d : []);
+            const map = (0, card_1.matchColumns)(oldCols, newCols);
+            for (const port of [...node.getPorts()]) {
+                const args = (_e = port.layout) === null || _e === void 0 ? void 0 : _e.args;
+                if (((_f = port.layout) === null || _f === void 0 ? void 0 : _f.strategy) !== 'absolute' || !args || args.units !== 'px' || args.y == null)
+                    continue;
+                const oldIdx = (0, card_1.rowIndexFromY)(args.y);
+                if (oldIdx < 0 || oldIdx >= oldCols.length)
+                    continue; // not a row-pinned field port
+                const newIdx = map.get(oldIdx);
+                if (newIdx === undefined) {
+                    // The column is gone — drop the port and every edge riding it.
+                    for (const link of model.getLinks()) {
+                        if (link.sourcePortId === port.id || link.targetPortId === port.id)
+                            removedLinks.push(link.serialize());
+                    }
+                    for (const link of model.getLinks().filter((l) => l.sourcePortId === port.id || l.targetPortId === port.id)) {
+                        model.removeLink(link.id);
+                    }
+                    node.removePort(port.id);
+                }
+                else {
+                    // Move the port to its column's NEW row; keep the ±dy spread. x tracks
+                    // the (possibly changed) width by side, so a widened table stays pinned.
+                    args.y = (0, card_1.erRowCenterY)(newIdx);
+                    const side = (_g = port.alignment) === null || _g === void 0 ? void 0 : _g.side;
+                    args.x = side === 'left' ? 0 : side === 'right' ? newWidth : newWidth / 2;
+                    // A nested-arg mutation is not tracked — nudge the port so the model
+                    // marks it dirty and the renderer repositions it this frame.
+                    port.setOffset(Object.assign({}, ((_h = port.offset) !== null && _h !== void 0 ? _h : { x: 0, y: 0 })));
+                }
+            }
+        }
+        node.setMetadata('html', { content: result.content, interactive: true });
+        node.setMetadata(kitKey, result.newKit);
+        node.setSize(newWidth, result.height);
+        if (this.before)
+            this.before.links = removedLinks;
+    }
+    undo(context) {
+        var _a;
+        const model = context.diagram;
+        const node = model.getNode(this.nodeId);
+        if (!node || !this.before)
+            return;
+        node.setMetadata('html', this.before.html);
+        node.setMetadata(this.kind === 'er' ? 'kitEntity' : 'kitClass', this.before.kit);
+        node.setSize(this.before.size.width, this.before.size.height);
+        const beforeIds = new Set(this.before.ports.map((p) => p['id']));
+        for (const p of [...node.getPorts()])
+            if (!beforeIds.has(p.id))
+                node.removePort(p.id);
+        for (const sp of this.before.ports) {
+            const live = node.getPort(sp['id']);
+            if (live) {
+                live.layout = sp['layout'];
+                live.setOffset(Object.assign({}, ((_a = sp['offset']) !== null && _a !== void 0 ? _a : { x: 0, y: 0 })));
+            }
+            else {
+                node.addPort(engine_1.PortModel.fromJSON(sp));
+            }
+        }
+        for (const sl of this.before.links) {
+            if (!model.getLink(sl['id']))
+                model.addLink(engine_1.LinkModel.fromJSON(sl));
+        }
+    }
+    canExecute(context) {
+        var _a;
+        return !!((_a = context.diagram) === null || _a === void 0 ? void 0 : _a.getNode(this.nodeId));
+    }
+    serialize() {
+        return { id: this.id, name: this.name, timestamp: this.timestamp, data: { nodeId: this.nodeId, kind: this.kind } };
+    }
+}
+/** Route a build through the engine's command stack (one undo step) or apply it directly. */
+function runUpdate(api, nodeId, kind, build) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        var _a, _b, _c, _d, _e;
+        const model = (_a = api.getModel) === null || _a === void 0 ? void 0 : _a.call(api);
+        const node = (_b = model === null || model === void 0 ? void 0 : model.getNode) === null || _b === void 0 ? void 0 : _b.call(model, nodeId);
+        if (!model || !node)
+            return false;
+        const command = new UpdateCardCommand(nodeId, kind, build);
+        const cm = (_d = (_c = api.getEngine) === null || _c === void 0 ? void 0 : _c.call(api)) === null || _d === void 0 ? void 0 : _d.commandManager;
+        if (cm === null || cm === void 0 ? void 0 : cm.execute) {
+            yield cm.execute(command); // ONE undoable step (Command enters history once)
+        }
+        else {
+            command.execute({ diagram: model }); // no engine — apply, non-undoably
+        }
+        (_e = api.renderNow) === null || _e === void 0 ? void 0 : _e.call(api);
+        return true;
+    });
+}
+const isEditable = (node) => (node === null || node === void 0 ? void 0 : node.getMetadata('kitEditable')) === true;
+/**
+ * Edit a rendered ER table in place. `delta` may change the name, the column
+ * list (add / remove / reorder / rename / retype), and the width/height. Field
+ * ports and their edges are reconciled so the diagram stays correct, as ONE
+ * undoable step.
+ *
+ * @returns whether the node existed and the edit was applied.
+ */
+function updateEntity(api, entityId, delta) {
+    var _a, _b, _c;
+    const editable = isEditable((_c = (_b = (_a = api.getModel) === null || _a === void 0 ? void 0 : _a.call(api)) === null || _b === void 0 ? void 0 : _b.getNode) === null || _c === void 0 ? void 0 : _c.call(_b, entityId));
+    const build = (oldKit) => {
+        const newEntity = Object.assign({}, oldKit);
+        if (delta.name !== undefined)
+            newEntity.name = delta.name;
+        if (delta.width !== undefined)
+            newEntity.width = delta.width;
+        if (delta.height !== undefined)
+            newEntity.height = delta.height;
+        if (delta.columns !== undefined)
+            newEntity.columns = delta.columns;
+        return {
+            newKit: newEntity,
+            content: (0, card_1.entityCardContent)(newEntity, editable),
+            height: (0, card_1.entityAutoHeight)(newEntity, editable),
+            width: newEntity.width,
+        };
+    };
+    return runUpdate(api, entityId, 'er', build);
+}
+/**
+ * Edit a rendered UML class in place. `delta` may change the name, stereotype,
+ * abstract flag, attributes, methods, and width/height. One undoable step.
+ */
+function updateClass(api, classId, delta) {
+    var _a, _b, _c;
+    const editable = isEditable((_c = (_b = (_a = api.getModel) === null || _a === void 0 ? void 0 : _a.call(api)) === null || _b === void 0 ? void 0 : _b.getNode) === null || _c === void 0 ? void 0 : _c.call(_b, classId));
+    const build = (oldKit) => {
+        const newClass = Object.assign({}, oldKit);
+        if (delta.name !== undefined)
+            newClass.name = delta.name;
+        if (delta.stereotype !== undefined)
+            newClass.stereotype = delta.stereotype;
+        if (delta.abstract !== undefined)
+            newClass.abstract = delta.abstract;
+        if (delta.width !== undefined)
+            newClass.width = delta.width;
+        if (delta.height !== undefined)
+            newClass.height = delta.height;
+        if (delta.attributes !== undefined)
+            newClass.attributes = delta.attributes;
+        if (delta.methods !== undefined)
+            newClass.methods = delta.methods;
+        return {
+            newKit: newClass,
+            content: (0, card_1.classCardContent)(newClass, editable),
+            height: (0, card_1.classAutoHeight)(newClass, editable),
+            width: newClass.width,
+        };
+    };
+    return runUpdate(api, classId, 'uml', build);
+}
+// -- small column helpers, for the editing chrome and embedders --------------
+/** Append a column (immutably) — returns the new column array. */
+function addColumnAt(columns, column, at = columns.length) {
+    const next = columns.slice();
+    next.splice(Math.max(0, Math.min(at, next.length)), 0, column);
+    return next;
+}
+/** Remove the column at `index` — returns the new column array. */
+function removeColumnAt(columns, index) {
+    const next = columns.slice();
+    next.splice(index, 1);
+    return next;
+}
+/** Rename the column at `index` — returns a new array with a NEW object there. */
+function renameColumnAt(columns, index, name) {
+    return columns.map((c, i) => (i === index ? Object.assign(Object.assign({}, c), { name }) : c));
+}
+//# sourceMappingURL=update.js.map

package/src/libs/element/src/lib/diagram-kit/update.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"update.js","sourceRoot":"","sources":["../../../../../lib/diagram-kit/update.ts"],"names":[],"mappings":"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"}

package/src/libs/element/src/lib/grafloria-flow-element.d.ts

@@ -0,0 +1,48 @@
+import type { DiagramInstance, EdgeSpec, NodeSpec } from '@grafloria/renderer';
+/** Events emitted on the element. All bubble and cross shadow boundaries. */
+export declare const GRAFLORIA_EVENTS: {
+    readonly ready: "grafloria-ready";
+    readonly nodesChange: "grafloria-nodes-change";
+    readonly edgesChange: "grafloria-edges-change";
+    readonly selectionChange: "grafloria-selection-change";
+    readonly connect: "grafloria-connect";
+    readonly nodeClick: "grafloria-node-click";
+    readonly edgeClick: "grafloria-edge-click";
+    readonly viewportChange: "grafloria-viewport-change";
+};
+declare const HTMLElementBase: typeof HTMLElement;
+export declare class GrafloriaFlowElement extends HTMLElementBase {
+    static get observedAttributes(): string[];
+    private instance;
+    private canvas;
+    private _nodes;
+    private _edges;
+    private connected;
+    get nodes(): NodeSpec[];
+    set nodes(value: NodeSpec[]);
+    get edges(): EdgeSpec[];
+    set edges(value: EdgeSpec[]);
+    /** The headless instance — the escape hatch to everything else. */
+    get diagram(): DiagramInstance | null;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, previous: string | null, next: string | null): void;
+    fitView(padding?: number): void;
+    private buildOptions;
+    /**
+     * Custom nodes, two ways and no framework: a registered renderer
+     * (`Grafloria.registerNodeType`), or a slotted `<template data-node-type="…">`.
+     */
+    private renderCustomNode;
+    private resolveTheme;
+    private readAttributeModel;
+    /** Instance events → DOM CustomEvents. `composed` so they escape a shadow root. */
+    private wireEvents;
+}
+/**
+ * Register the element. Idempotent, and safe to call on the server (where
+ * `customElements` does not exist) — which is what lets a bundle be imported
+ * from an SSR entry point without a `typeof window` dance at every call site.
+ */
+export declare function defineGrafloriaFlow(tagName?: string): void;
+export {};

package/src/libs/element/src/lib/grafloria-flow-element.js

@@ -0,0 +1,271 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GrafloriaFlowElement = exports.GRAFLORIA_EVENTS = void 0;
+exports.defineGrafloriaFlow = defineGrafloriaFlow;
+const renderer_1 = require("@grafloria/renderer");
+const node_type_registry_1 = require("./node-type-registry");
+/**
+ * `<grafloria-flow>` — the universal embed.
+ *
+ * React Flow serves React. ngx-vflow serves Angular. Each is a wall around one
+ * framework. A custom element has no wall: Vue, Svelte, Solid, Lit, Alpine,
+ * plain HTML, a CMS block, a Jupyter/Observable cell and a static site all speak
+ * "HTML element with attributes and events". This is the piece that lets Grafloria
+ * reach the long tail those libraries cannot.
+ *
+ * ```html
+ * <grafloria-flow theme="dark" fit-view
+ *             nodes='[{"id":"a","position":{"x":0,"y":0},"label":"A"}]'
+ *             edges='[{"source":"a","target":"b"}]'>
+ *   <template data-node-type="card">
+ *     <div class="card"><h4 data-field="title"></h4></div>
+ *   </template>
+ * </grafloria-flow>
+ *
+ * <script>
+ *   document.querySelector('grafloria-flow')
+ *     .addEventListener('grafloria-connect', e => console.log(e.detail.link));
+ * </script>
+ * ```
+ *
+ * Rich data goes in as PROPERTIES (`el.nodes = [...]`) and simple data as
+ * ATTRIBUTES (JSON strings) — the standard custom-element contract that every
+ * framework's template binding already targets:
+ * `:nodes` in Vue, `nodes={...}` in Svelte/Solid, `[attr.nodes]` in Angular.
+ *
+ * Everything it does is delegation. There is no diagram logic in this file.
+ */
+const THEMES = {
+    light: renderer_1.LIGHT_THEME,
+    dark: renderer_1.DARK_THEME,
+};
+/** Events emitted on the element. All bubble and cross shadow boundaries. */
+exports.GRAFLORIA_EVENTS = {
+    ready: 'grafloria-ready',
+    nodesChange: 'grafloria-nodes-change',
+    edgesChange: 'grafloria-edges-change',
+    selectionChange: 'grafloria-selection-change',
+    connect: 'grafloria-connect',
+    nodeClick: 'grafloria-node-click',
+    edgeClick: 'grafloria-edge-click',
+    viewportChange: 'grafloria-viewport-change',
+};
+// wave11/gallery BUG FIX — worker-safe base class.
+//
+// `class GrafloriaFlowElement extends HTMLElement` evaluates `HTMLElement` at MODULE
+// LOAD, so merely IMPORTING this package threw `HTMLElement is not defined` in any
+// context without a DOM — a Web Worker, or Node. The package doc already promised
+// the import is "a no-op on the server", and `defineGrafloriaFlow()` guards
+// `customElements`; but the class declaration itself did not, so the promise was
+// only half true. It matters concretely: the off-thread-layout demo runs the
+// engine's `serveLayout` INSIDE a real Worker by importing this very bundle, which
+// is impossible if the top-level class reference throws. The element only ever
+// EXTENDS the real HTMLElement in a browser (a worker never instantiates it), so a
+// guarded base is behaviourally identical on the client and merely importable off it.
+const HTMLElementBase = typeof HTMLElement !== 'undefined'
+    ? HTMLElement
+    : class {
+    };
+class GrafloriaFlowElement extends HTMLElementBase {
+    constructor() {
+        super(...arguments);
+        this.instance = null;
+        this.canvas = null;
+        this._nodes = [];
+        this._edges = [];
+        this.connected = false;
+    }
+    static get observedAttributes() {
+        return [
+            'nodes',
+            'edges',
+            'theme',
+            'fit-view',
+            'readonly',
+            'zoom',
+            'min-zoom',
+            'max-zoom',
+            'pan',
+            'wheel-zoom',
+        ];
+    }
+    // -- properties (the rich path) ---------------------------------------------
+    get nodes() {
+        return this._nodes;
+    }
+    set nodes(value) {
+        var _a;
+        this._nodes = value !== null && value !== void 0 ? value : [];
+        (_a = this.instance) === null || _a === void 0 ? void 0 : _a.setNodes(this._nodes);
+    }
+    get edges() {
+        return this._edges;
+    }
+    set edges(value) {
+        var _a;
+        this._edges = value !== null && value !== void 0 ? value : [];
+        (_a = this.instance) === null || _a === void 0 ? void 0 : _a.setEdges(this._edges);
+    }
+    /** The headless instance — the escape hatch to everything else. */
+    get diagram() {
+        return this.instance;
+    }
+    // -- lifecycle ---------------------------------------------------------------
+    connectedCallback() {
+        if (this.connected)
+            return;
+        this.connected = true;
+        // Attributes may have been parsed before we upgraded.
+        this.readAttributeModel();
+        // Light DOM, not shadow DOM: the diagram's stylesheet is injected into
+        // <head> and its CSS variables cascade — a shadow root would cut both off,
+        // and hosts routinely want to style nodes from their own stylesheet.
+        this.canvas = document.createElement('div');
+        this.canvas.className = 'grafloria-flow-canvas';
+        this.canvas.setAttribute('style', 'position:relative;width:100%;height:100%');
+        this.appendChild(this.canvas);
+        if (!this.style.display)
+            this.style.display = 'block';
+        this.instance = (0, renderer_1.createDiagram)(this.canvas, this.buildOptions());
+        this.wireEvents(this.instance);
+    }
+    disconnectedCallback() {
+        var _a, _b;
+        this.connected = false;
+        (_a = this.instance) === null || _a === void 0 ? void 0 : _a.dispose();
+        this.instance = null;
+        (_b = this.canvas) === null || _b === void 0 ? void 0 : _b.remove();
+        this.canvas = null;
+    }
+    attributeChangedCallback(name, previous, next) {
+        var _a, _b;
+        if (previous === next)
+            return;
+        switch (name) {
+            case 'nodes':
+                this._nodes = parseJsonAttribute(next, []);
+                (_a = this.instance) === null || _a === void 0 ? void 0 : _a.setNodes(this._nodes);
+                return;
+            case 'edges':
+                this._edges = parseJsonAttribute(next, []);
+                (_b = this.instance) === null || _b === void 0 ? void 0 : _b.setEdges(this._edges);
+                return;
+            case 'theme':
+                if (this.instance)
+                    this.instance.setTheme(this.resolveTheme());
+                return;
+            case 'fit-view':
+                if (this.instance && next !== null)
+                    this.instance.fitView();
+                return;
+            case 'zoom':
+                if (this.instance && next !== null)
+                    this.instance.viewport.setZoom(Number(next));
+                return;
+            default:
+                // pan / wheel-zoom / readonly / min-zoom / max-zoom are read at mount:
+                // they configure the event binder, which is created once. Changing them
+                // afterwards is rare enough that we do not tear the instance down.
+                return;
+        }
+    }
+    // -- API ---------------------------------------------------------------------
+    fitView(padding) {
+        var _a;
+        (_a = this.instance) === null || _a === void 0 ? void 0 : _a.fitView(padding);
+    }
+    // -- internals ---------------------------------------------------------------
+    buildOptions() {
+        return {
+            nodes: this._nodes,
+            edges: this._edges,
+            theme: this.resolveTheme(),
+            fitView: this.hasAttribute('fit-view'),
+            readonly: this.hasAttribute('readonly'),
+            enablePan: this.getAttribute('pan') !== 'false',
+            enableZoom: this.getAttribute('wheel-zoom') !== 'false',
+            zoom: this.hasAttribute('zoom') ? Number(this.getAttribute('zoom')) : undefined,
+            minZoom: this.hasAttribute('min-zoom')
+                ? Number(this.getAttribute('min-zoom'))
+                : undefined,
+            maxZoom: this.hasAttribute('max-zoom')
+                ? Number(this.getAttribute('max-zoom'))
+                : undefined,
+            renderCustomNode: (node, element) => this.renderCustomNode(node, element),
+        };
+    }
+    /**
+     * Custom nodes, two ways and no framework: a registered renderer
+     * (`Grafloria.registerNodeType`), or a slotted `<template data-node-type="…">`.
+     */
+    renderCustomNode(node, element) {
+        const renderer = (0, node_type_registry_1.getNodeType)(node.type);
+        if (renderer) {
+            renderer(node, element);
+            return;
+        }
+        const template = this.querySelector(`template[data-node-type="${cssEscape(node.type)}"]`);
+        if (template) {
+            (0, node_type_registry_1.renderFromTemplate)(template, node, element);
+            return;
+        }
+        // Nothing registered: leave the host empty rather than throwing inside a
+        // render. The node still exists, is selectable and is draggable.
+    }
+    resolveTheme() {
+        var _a, _b;
+        return (_b = THEMES[(_a = this.getAttribute('theme')) !== null && _a !== void 0 ? _a : 'light']) !== null && _b !== void 0 ? _b : renderer_1.LIGHT_THEME;
+    }
+    readAttributeModel() {
+        if (this._nodes.length === 0 && this.hasAttribute('nodes')) {
+            this._nodes = parseJsonAttribute(this.getAttribute('nodes'), []);
+        }
+        if (this._edges.length === 0 && this.hasAttribute('edges')) {
+            this._edges = parseJsonAttribute(this.getAttribute('edges'), []);
+        }
+    }
+    /** Instance events → DOM CustomEvents. `composed` so they escape a shadow root. */
+    wireEvents(instance) {
+        const forward = (type, detail) => {
+            this.dispatchEvent(new CustomEvent(type, { detail, bubbles: true, composed: true }));
+        };
+        instance.on('ready', () => forward(exports.GRAFLORIA_EVENTS.ready, { diagram: instance }));
+        instance.on('nodes:change', (payload) => forward(exports.GRAFLORIA_EVENTS.nodesChange, payload));
+        instance.on('edges:change', (payload) => forward(exports.GRAFLORIA_EVENTS.edgesChange, payload));
+        instance.on('selection:change', (payload) => forward(exports.GRAFLORIA_EVENTS.selectionChange, payload));
+        instance.on('connect', (payload) => forward(exports.GRAFLORIA_EVENTS.connect, payload));
+        instance.on('node:click', (payload) => forward(exports.GRAFLORIA_EVENTS.nodeClick, payload));
+        instance.on('edge:click', (payload) => forward(exports.GRAFLORIA_EVENTS.edgeClick, payload));
+        instance.on('viewport:change', (payload) => forward(exports.GRAFLORIA_EVENTS.viewportChange, payload));
+    }
+}
+exports.GrafloriaFlowElement = GrafloriaFlowElement;
+/** JSON attribute → value. A malformed attribute must not take the page down. */
+function parseJsonAttribute(raw, fallback) {
+    if (!raw)
+        return fallback;
+    try {
+        return JSON.parse(raw);
+    }
+    catch (_a) {
+        console.warn('[grafloria-flow] ignoring malformed JSON attribute:', raw);
+        return fallback;
+    }
+}
+/** Minimal CSS.escape for the attribute selector (jsdom/older browsers lack it). */
+function cssEscape(value) {
+    return value.replace(/["\\]/g, '\\$&');
+}
+/**
+ * Register the element. Idempotent, and safe to call on the server (where
+ * `customElements` does not exist) — which is what lets a bundle be imported
+ * from an SSR entry point without a `typeof window` dance at every call site.
+ */
+function defineGrafloriaFlow(tagName = 'grafloria-flow') {
+    if (typeof customElements === 'undefined')
+        return;
+    if (customElements.get(tagName))
+        return;
+    customElements.define(tagName, GrafloriaFlowElement);
+}
+//# sourceMappingURL=grafloria-flow-element.js.map

package/src/libs/element/src/lib/grafloria-flow-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grafloria-flow-element.js","sourceRoot":"","sources":["../../../../lib/grafloria-flow-element.ts"],"names":[],"mappings":"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"}