@grafloria/element 0.3.23 → 0.4.1

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

@@ -1,4 +1,3 @@
-"use strict";
 /**
  * Live editing — `updateEntity` / `updateClass` mutate a rendered kit card in
  * place (P3, the foundation the in-canvas editing chrome is built on).
@@ -28,21 +27,15 @@
  * 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");
+import { __awaiter } from "tslib";
+import { Command, PortModel, LinkModel } from '@grafloria/engine';
+import { entityCardContent, entityAutoHeight, classCardContent, classAutoHeight, erRowCenterY, rowIndexFromY, matchColumns, } from './card.js';
 /**
  * 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 {
+class UpdateCardCommand extends Command {
     constructor(nodeId, kind, build) {
         super(kind === 'er' ? 'Edit table' : 'Edit class');
         this.nodeId = nodeId;
@@ -74,12 +67,12 @@ class UpdateCardCommand extends engine_1.Command {
         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);
+            const map = 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);
+                const oldIdx = rowIndexFromY(args.y);
                 if (oldIdx < 0 || oldIdx >= oldCols.length)
                     continue; // not a row-pinned field port
                 const newIdx = map.get(oldIdx);
@@ -97,7 +90,7 @@ class UpdateCardCommand extends engine_1.Command {
                 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);
+                    args.y = 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
@@ -132,12 +125,12 @@ class UpdateCardCommand extends engine_1.Command {
                 live.setOffset(Object.assign({}, ((_a = sp['offset']) !== null && _a !== void 0 ? _a : { x: 0, y: 0 })));
             }
             else {
-                node.addPort(engine_1.PortModel.fromJSON(sp));
+                node.addPort(PortModel.fromJSON(sp));
             }
         }
         for (const sl of this.before.links) {
             if (!model.getLink(sl['id']))
-                model.addLink(engine_1.LinkModel.fromJSON(sl));
+                model.addLink(LinkModel.fromJSON(sl));
         }
     }
     canExecute(context) {
@@ -150,7 +143,7 @@ class UpdateCardCommand extends engine_1.Command {
 }
 /** 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* () {
+    return __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);
@@ -177,7 +170,7 @@ const isEditable = (node) => (node === null || node === void 0 ? void 0 : node.g
  *
  * @returns whether the node existed and the edit was applied.
  */
-function updateEntity(api, entityId, delta) {
+export 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) => {
@@ -192,8 +185,8 @@ function updateEntity(api, entityId, delta) {
             newEntity.columns = delta.columns;
         return {
             newKit: newEntity,
-            content: (0, card_1.entityCardContent)(newEntity, editable),
-            height: (0, card_1.entityAutoHeight)(newEntity, editable),
+            content: entityCardContent(newEntity, editable),
+            height: entityAutoHeight(newEntity, editable),
             width: newEntity.width,
         };
     };
@@ -203,7 +196,7 @@ function updateEntity(api, entityId, delta) {
  * 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) {
+export 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) => {
@@ -224,8 +217,8 @@ function updateClass(api, classId, delta) {
             newClass.methods = delta.methods;
         return {
             newKit: newClass,
-            content: (0, card_1.classCardContent)(newClass, editable),
-            height: (0, card_1.classAutoHeight)(newClass, editable),
+            content: classCardContent(newClass, editable),
+            height: classAutoHeight(newClass, editable),
             width: newClass.width,
         };
     };
@@ -233,19 +226,19 @@ function updateClass(api, classId, delta) {
 }
 // -- 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) {
+export 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) {
+export 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) {
+export 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/lib/grafloria-flow-element.js

@@ -1,9 +1,5 @@
-"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");
+import { createDiagram, DARK_THEME, LIGHT_THEME } from '@grafloria/renderer';
+import { getNodeType, renderFromTemplate } from './node-type-registry.js';
 /**
  * `<grafloria-flow>` — the universal embed.
  *
@@ -36,11 +32,11 @@ const node_type_registry_1 = require("./node-type-registry");
  * 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,
+    light: LIGHT_THEME,
+    dark: DARK_THEME,
 };
 /** Events emitted on the element. All bubble and cross shadow boundaries. */
-exports.GRAFLORIA_EVENTS = {
+export const GRAFLORIA_EVENTS = {
     ready: 'grafloria-ready',
     nodesChange: 'grafloria-nodes-change',
     edgesChange: 'grafloria-edges-change',
@@ -66,7 +62,7 @@ const HTMLElementBase = typeof HTMLElement !== 'undefined'
     ? HTMLElement
     : class {
     };
-class GrafloriaFlowElement extends HTMLElementBase {
+export class GrafloriaFlowElement extends HTMLElementBase {
     constructor() {
         super(...arguments);
         this.instance = null;
@@ -126,7 +122,7 @@ class GrafloriaFlowElement extends HTMLElementBase {
         this.appendChild(this.canvas);
         if (!this.style.display)
             this.style.display = 'block';
-        this.instance = (0, renderer_1.createDiagram)(this.canvas, this.buildOptions());
+        this.instance = createDiagram(this.canvas, this.buildOptions());
         this.wireEvents(this.instance);
     }
     disconnectedCallback() {
@@ -199,14 +195,14 @@ class GrafloriaFlowElement extends HTMLElementBase {
      * (`Grafloria.registerNodeType`), or a slotted `<template data-node-type="…">`.
      */
     renderCustomNode(node, element) {
-        const renderer = (0, node_type_registry_1.getNodeType)(node.type);
+        const renderer = 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);
+            renderFromTemplate(template, node, element);
             return;
         }
         // Nothing registered: leave the host empty rather than throwing inside a
@@ -214,7 +210,7 @@ class GrafloriaFlowElement extends HTMLElementBase {
     }
     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;
+        return (_b = THEMES[(_a = this.getAttribute('theme')) !== null && _a !== void 0 ? _a : 'light']) !== null && _b !== void 0 ? _b : LIGHT_THEME;
     }
     readAttributeModel() {
         if (this._nodes.length === 0 && this.hasAttribute('nodes')) {
@@ -229,17 +225,16 @@ class GrafloriaFlowElement extends HTMLElementBase {
         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));
+        instance.on('ready', () => forward(GRAFLORIA_EVENTS.ready, { diagram: instance }));
+        instance.on('nodes:change', (payload) => forward(GRAFLORIA_EVENTS.nodesChange, payload));
+        instance.on('edges:change', (payload) => forward(GRAFLORIA_EVENTS.edgesChange, payload));
+        instance.on('selection:change', (payload) => forward(GRAFLORIA_EVENTS.selectionChange, payload));
+        instance.on('connect', (payload) => forward(GRAFLORIA_EVENTS.connect, payload));
+        instance.on('node:click', (payload) => forward(GRAFLORIA_EVENTS.nodeClick, payload));
+        instance.on('edge:click', (payload) => forward(GRAFLORIA_EVENTS.edgeClick, payload));
+        instance.on('viewport:change', (payload) => forward(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)
@@ -261,7 +256,7 @@ function cssEscape(value) {
  * `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') {
+export function defineGrafloriaFlow(tagName = 'grafloria-flow') {
     if (typeof customElements === 'undefined')
         return;
     if (customElements.get(tagName))

package/src/lib/grafloria.d.ts

@@ -1,8 +1,8 @@
 import type { CreateDiagramOptions, DiagramInstance, EdgeSpec, NodeSpec, StaticRenderOptions, StaticRenderResult } from '@grafloria/renderer';
-import { defineGrafloriaFlow } from './grafloria-flow-element';
-import type { DashboardSpec } from './dashboard-kit';
-import { registerNodeType, registeredNodeTypes } from './node-type-registry';
-import type { NodeTypeRenderer } from './node-type-registry';
+import { defineGrafloriaFlow } from './grafloria-flow-element.js';
+import type { DashboardSpec } from './dashboard-kit/index.js';
+import { registerNodeType, registeredNodeTypes } from './node-type-registry.js';
+import type { NodeTypeRenderer } from './node-type-registry.js';
 /**
  * `Grafloria` — the Mermaid-shaped top-level API.
  *

package/src/lib/grafloria.js

@@ -1,11 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Grafloria = void 0;
-exports.render = render;
-exports.renderStatic = renderStatic;
-const renderer_1 = require("@grafloria/renderer");
-const grafloria_flow_element_1 = require("./grafloria-flow-element");
-const node_type_registry_1 = require("./node-type-registry");
+import { createDiagram, renderToStaticSVG } from '@grafloria/renderer';
+import { defineGrafloriaFlow } from './grafloria-flow-element.js';
+import { registerNodeType, registeredNodeTypes, getNodeType } from './node-type-registry.js';
 /**
  * Mount `spec` into `target` and return the live instance.
  *
@@ -16,7 +11,7 @@ const node_type_registry_1 = require("./node-type-registry");
  * style text DSL. The engine does have a DSL, but wiring it in is a separate
  * card — `render()` is the embedding surface, not a parser.
  */
-function render(spec, target, options = {}) {
+export function render(spec, target, options = {}) {
     var _a, _b, _c, _d;
     const element = typeof target === 'string'
         ? document.querySelector(target)
@@ -27,14 +22,14 @@ function render(spec, target, options = {}) {
     // Kit specs (dashboard()) carry looser node typing than DiagramSpec — both
     // flow into createDiagram's NodeInput[] the same way.
     const parsed = (typeof spec === 'string' ? parseSpec(spec) : spec);
-    const instance = (0, renderer_1.createDiagram)(element, Object.assign(Object.assign({}, options), { nodes: (_a = parsed.nodes) !== null && _a !== void 0 ? _a : [], edges: (_b = parsed.edges) !== null && _b !== void 0 ? _b : [], 
+    const instance = createDiagram(element, Object.assign(Object.assign({}, options), { nodes: (_a = parsed.nodes) !== null && _a !== void 0 ? _a : [], edges: (_b = parsed.edges) !== null && _b !== void 0 ? _b : [], 
         // Wire the global registry in, so `registerNodeType` works for the tiny API
         // exactly as it does for `<grafloria-flow>` — unless the caller supplies their
         // own. A KIT SPEC may also carry its own painter (dashboard() does: every
         // widget is a custom HTML node), and it must be honoured — otherwise the
         // documented one-liner `render(dashboard({…}), host)` mounts a board whose
         // widgets never paint. Precedence: explicit option > spec > registry.
-        renderCustomNode: (_d = (_c = options.renderCustomNode) !== null && _c !== void 0 ? _c : parsed.renderCustomNode) !== null && _d !== void 0 ? _d : ((node, host) => { var _a; return (_a = (0, node_type_registry_1.getNodeType)(node.type)) === null || _a === void 0 ? void 0 : _a(node, host); }) }));
+        renderCustomNode: (_d = (_c = options.renderCustomNode) !== null && _c !== void 0 ? _c : parsed.renderCustomNode) !== null && _d !== void 0 ? _d : ((node, host) => { var _a; return (_a = getNodeType(node.type)) === null || _a === void 0 ? void 0 : _a(node, host); }) }));
     // Diagram-kit specs (erDiagram/umlDiagram) carry a `finalize(api)` for the
     // post-render wiring that needs the LIVE instance — row interactions,
     // multiplicity chips. Auto-run it so a kit diagram is fully wired from one
@@ -51,8 +46,8 @@ function render(spec, target, options = {}) {
     return instance;
 }
 /** Server-side render (Card 6). Re-exported so the tiny API is self-contained. */
-function renderStatic(options = {}) {
-    return (0, renderer_1.renderToStaticSVG)(options);
+export function renderStatic(options = {}) {
+    return renderToStaticSVG(options);
 }
 function parseSpec(spec) {
     try {
@@ -63,12 +58,12 @@ function parseSpec(spec) {
     }
 }
 /** The namespace object, for `import { Grafloria }` and for `<script>` globals. */
-exports.Grafloria = {
+export const Grafloria = {
     render,
     renderStatic,
-    registerNodeType: node_type_registry_1.registerNodeType,
-    registeredNodeTypes: node_type_registry_1.registeredNodeTypes,
+    registerNodeType,
+    registeredNodeTypes,
     /** Register `<grafloria-flow>` (called for you when you import this package). */
-    define: grafloria_flow_element_1.defineGrafloriaFlow,
+    define: defineGrafloriaFlow,
 };
 //# sourceMappingURL=grafloria.js.map

package/src/lib/load.d.ts

@@ -1,7 +1,7 @@
 import type { DiagramDocumentEnvelope, DiagramModel, LinkModel, NodeModel, SerializedDiagramData } from '@grafloria/engine';
-import { type DashboardGridHandle } from './dashboard-kit/grid-binder';
-import { type WidgetRenderer } from './dashboard-kit/widgets';
-import { type DashboardHandle } from './dashboard-kit/dashboard';
+import { type DashboardGridHandle } from './dashboard-kit/grid-binder.js';
+import { type WidgetRenderer } from './dashboard-kit/widgets.js';
+import { type DashboardHandle } from './dashboard-kit/dashboard.js';
 /** Anything `DiagramSerializer.deserialize()` accepts, or the JSON string of it. */
 export type SavedDiagram = SerializedDiagramData | DiagramDocumentEnvelope | Record<string, unknown> | string;
 export interface FromDocumentOptions {

package/src/lib/load.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.fromDocument = fromDocument;
 /**
  * `fromDocument()` — the LOAD front door.
  *
@@ -64,15 +61,15 @@ exports.fromDocument = fromDocument;
  * "widget" got dashboard chrome painted over it; requiring the stamp the kit
  * itself wrote keeps the registry the general seam it is meant to be.
  */
-const engine_1 = require("@grafloria/engine");
-const node_type_registry_1 = require("./node-type-registry");
-const rows_1 = require("./diagram-kit/rows");
-const editing_1 = require("./diagram-kit/editing");
-const styles_1 = require("./diagram-kit/styles");
-const grid_binder_1 = require("./dashboard-kit/grid-binder");
-const styles_2 = require("./dashboard-kit/styles");
-const widgets_1 = require("./dashboard-kit/widgets");
-const dashboard_1 = require("./dashboard-kit/dashboard");
+import { DiagramSerializer } from '@grafloria/engine';
+import { getNodeType } from './node-type-registry.js';
+import { bindRowInteractions } from './diagram-kit/rows.js';
+import { bindCardEditing } from './diagram-kit/editing.js';
+import { ensureDiagramKitStyles } from './diagram-kit/styles.js';
+import { bindDashboardGrid } from './dashboard-kit/grid-binder.js';
+import { ensureDashboardKitStyles } from './dashboard-kit/styles.js';
+import { defaultWidgetRenderer } from './dashboard-kit/widgets.js';
+import { createDashboardHandle, } from './dashboard-kit/dashboard.js';
 /** True when the node is an ER entity card or a UML class card. */
 function isDiagramKitCard(node) {
     return node.getMetadata('kitEntity') !== undefined || node.getMetadata('kitClass') !== undefined;
@@ -102,10 +99,10 @@ function widgetSpecOf(node) {
  * Accepts the flat serializer form, the portable envelope, or the JSON string
  * of either.
  */
-function fromDocument(document, options = {}) {
+export function fromDocument(document, options = {}) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
     const parsed = typeof document === 'string' ? parseDocument(document) : document;
-    const model = new engine_1.DiagramSerializer().deserialize(parsed);
+    const model = new DiagramSerializer().deserialize(parsed);
     const nodes = model.getNodes();
     const groups = model.getGroups();
     const boards = new Map();
@@ -113,10 +110,10 @@ function fromDocument(document, options = {}) {
     // so an un-styled card would come back as unstyled divs. Only for documents
     // that actually contain that kit's nodes.
     if (nodes.some(isDiagramKitCard))
-        (0, styles_1.ensureDiagramKitStyles)();
+        ensureDiagramKitStyles();
     if (nodes.some((n) => widgetSpecOf(n) !== null))
-        (0, styles_2.ensureDashboardKitStyles)();
-    const paintWidget = (_a = options.renderWidget) !== null && _a !== void 0 ? _a : widgets_1.defaultWidgetRenderer;
+        ensureDashboardKitStyles();
+    const paintWidget = (_a = options.renderWidget) !== null && _a !== void 0 ? _a : defaultWidgetRenderer;
     // -- reconstruct the dashboard handle's context from the loaded model -------
     // Every board group carries `dashboardBoard` geometry; its widget members
     // carry `widgetSpec`/title/span/rows — the canonical, lossless source for
@@ -178,7 +175,7 @@ function fromDocument(document, options = {}) {
         active: (_s = activeGroup === null || activeGroup === void 0 ? void 0 : activeGroup.id) !== null && _s !== void 0 ? _s : 'main',
         apiRef: null,
     };
-    const handle = (0, dashboard_1.createDashboardHandle)(ctx);
+    const handle = createDashboardHandle(ctx);
     const renderCustomNode = (node, host) => {
         var _a, _b;
         if (options.renderCustomNode)
@@ -191,7 +188,7 @@ function fromDocument(document, options = {}) {
             ctx.hosts.set(node.id, host); // captured so update()/repaint() can find the host
             return paintWidget(widget, host);
         }
-        (_b = (0, node_type_registry_1.getNodeType)(node.type)) === null || _b === void 0 ? void 0 : _b(node, host);
+        (_b = getNodeType(node.type)) === null || _b === void 0 ? void 0 : _b(node, host);
     };
     const finalize = (api) => {
         var _a, _b, _c, _d;
@@ -223,10 +220,10 @@ function fromDocument(document, options = {}) {
             // `rowSelection: false` is recorded only when it is the non-default, so an
             // ordinary document stays byte-identical to what it always was.
             if (!cards.some((n) => n.getMetadata('kitRowSelection') === false)) {
-                (0, rows_1.bindRowInteractions)(a);
+                bindRowInteractions(a);
             }
             if (cards.some((n) => n.getMetadata('kitEditable') === true)) {
-                (0, editing_1.bindCardEditing)(a);
+                bindCardEditing(a);
             }
         }
         // -- dashboard boards -----------------------------------------------------
@@ -239,7 +236,7 @@ function fromDocument(document, options = {}) {
             const board = group.getMetadata('dashboardBoard');
             if (!board)
                 continue;
-            boards.set(group.id, (0, grid_binder_1.bindDashboardGrid)(a, group, Object.assign({}, board)));
+            boards.set(group.id, bindDashboardGrid(a, group, Object.assign({}, board)));
         }
     };
     return { nodes, edges: model.getLinks(), renderCustomNode, finalize, model, boards, handle };

package/src/lib/node-type-registry.js

@@ -1,28 +1,20 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.registerNodeType = registerNodeType;
-exports.getNodeType = getNodeType;
-exports.hasNodeType = hasNodeType;
-exports.unregisterNodeType = unregisterNodeType;
-exports.registeredNodeTypes = registeredNodeTypes;
-exports.renderFromTemplate = renderFromTemplate;
 const registry = new Map();
 /** Register (or replace) a node type globally. */
-function registerNodeType(type, renderer) {
+export function registerNodeType(type, renderer) {
     registry.set(type, renderer);
 }
-function getNodeType(type) {
+export function getNodeType(type) {
     return registry.get(type);
 }
-function hasNodeType(type) {
+export function hasNodeType(type) {
     return registry.has(type);
 }
 /** Drop a registration (mostly for tests). */
-function unregisterNodeType(type) {
+export function unregisterNodeType(type) {
     registry.delete(type);
 }
 /** Every registered type name. */
-function registeredNodeTypes() {
+export function registeredNodeTypes() {
     return [...registry.keys()];
 }
 /**
@@ -34,7 +26,7 @@ function registeredNodeTypes() {
  * user-supplied, and a template engine that injected raw HTML here would be an
  * XSS vector in every host that embeds us.
  */
-function renderFromTemplate(template, node, element) {
+export function renderFromTemplate(template, node, element) {
     const fragment = template.content.cloneNode(true);
     const fields = fragment.querySelectorAll('[data-field]');
     for (const field of Array.from(fields)) {

package/src/lib/stencil-kit/builders.js

@@ -1,24 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.registerStencilBuilder = registerStencilBuilder;
-exports.getStencilBuilder = getStencilBuilder;
-exports.unregisterStencilBuilder = unregisterStencilBuilder;
-exports.registeredStencilBuilders = registeredStencilBuilders;
 const builders = new Map();
 /** Register the builder for a master id. Last registration wins. */
-function registerStencilBuilder(masterId, builder) {
+export function registerStencilBuilder(masterId, builder) {
     builders.set(masterId, builder);
 }
 /** The builder for a master id, or undefined for the default template path. */
-function getStencilBuilder(masterId) {
+export function getStencilBuilder(masterId) {
     return builders.get(masterId);
 }
 /** Drop a registration (tests, or a host replacing a built-in). */
-function unregisterStencilBuilder(masterId) {
+export function unregisterStencilBuilder(masterId) {
     return builders.delete(masterId);
 }
 /** Every master id that currently resolves to a card builder. */
-function registeredStencilBuilders() {
+export function registeredStencilBuilders() {
     return [...builders.keys()].sort();
 }
 //# sourceMappingURL=builders.js.map

package/src/lib/stencil-kit/card-builders.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.registerCardBuilders = registerCardBuilders;
 /**
  * Card builders for the stencil palette — the bridge that finally lets a
  * dropped "Entity" or "Class" be a REAL kit card instead of a rectangle.
@@ -15,9 +12,9 @@ exports.registerCardBuilders = registerCardBuilders;
  * after a drop is safe and is what makes the FIRST dropped card interactive on
  * a canvas that was never built by a kit.
  */
-const engine_1 = require("@grafloria/engine");
-const diagram_kit_1 = require("../diagram-kit");
-const builders_1 = require("./builders");
+import { NodeModel } from '@grafloria/engine';
+import { entityCardContent, entityAutoHeight, classCardContent, classAutoHeight, bindRowInteractions, bindCardEditing, ensureDiagramKitStyles, } from '../diagram-kit/index.js';
+import { registerStencilBuilder } from './builders.js';
 /** Cards are transparent: the HTML body IS the card, the shape must not paint. */
 const CARD_SHAPE = { type: 'rect', fill: 'none', stroke: 'none' };
 const CARD_STYLE = { fill: 'transparent', stroke: 'transparent', strokeWidth: 0 };
@@ -26,8 +23,8 @@ const nextId = (prefix) => `${prefix}-${++seq}`;
 /** Turn the kit's card spec into a live node, and make the canvas interactive. */
 function mountCard(ctx, opts) {
     var _a, _b, _c, _d;
-    (0, diagram_kit_1.ensureDiagramKitStyles)();
-    const node = new engine_1.NodeModel({
+    ensureDiagramKitStyles();
+    const node = new NodeModel({
         id: opts.id,
         type: 'kit-card',
         position: { x: ctx.at.x, y: ctx.at.y },
@@ -48,20 +45,20 @@ function mountCard(ctx, opts) {
     if (container) {
         const kitApi = Object.assign(Object.assign({}, ctx.api), { container });
         try {
-            (0, diagram_kit_1.bindRowInteractions)(kitApi);
+            bindRowInteractions(kitApi);
         }
         catch ( /* optional */_e) { /* optional */ }
         try {
-            (0, diagram_kit_1.bindCardEditing)(kitApi);
+            bindCardEditing(kitApi);
         }
         catch ( /* optional */_f) { /* optional */ }
     }
     return node;
 }
 /** Register the built-in card builders (ER entity/table, UML classifiers). */
-function registerCardBuilders() {
+export function registerCardBuilders() {
     for (const masterId of ['erd-entity', 'erd-table', 'erd-associative-entity', 'erd-bridge-entity']) {
-        (0, builders_1.registerStencilBuilder)(masterId, (ctx) => {
+        registerStencilBuilder(masterId, (ctx) => {
             var _a, _b;
             const id = nextId('entity');
             const spec = {
@@ -75,15 +72,15 @@ function registerCardBuilders() {
             return mountCard(ctx, {
                 id,
                 width: 220,
-                height: (0, diagram_kit_1.entityAutoHeight)(spec, true),
-                content: (0, diagram_kit_1.entityCardContent)(spec, true),
+                height: entityAutoHeight(spec, true),
+                content: entityCardContent(spec, true),
                 metaKey: 'kitEntity',
                 spec,
             });
         });
     }
     for (const masterId of ['uml-class', 'uml-abstract-class', 'uml-interface']) {
-        (0, builders_1.registerStencilBuilder)(masterId, (ctx) => {
+        registerStencilBuilder(masterId, (ctx) => {
             var _a, _b;
             const id = nextId('class');
             const spec = {
@@ -97,8 +94,8 @@ function registerCardBuilders() {
             return mountCard(ctx, {
                 id,
                 width: 220,
-                height: (0, diagram_kit_1.classAutoHeight)(spec, true),
-                content: (0, diagram_kit_1.classCardContent)(spec, true),
+                height: classAutoHeight(spec, true),
+                content: classCardContent(spec, true),
                 metaKey: 'kitClass',
                 spec,
             });

package/src/lib/stencil-kit/index.d.ts

@@ -1,7 +1,7 @@
-export { bindStencilPalette } from './palette';
-export type { StencilPaletteApi, StencilPaletteOptions, StencilPaletteHandle, } from './palette';
-export { bindShapeDataPanel } from './shape-data';
-export type { ShapeDataPanelApi, ShapeDataPanelOptions, ShapeDataPanelHandle } from './shape-data';
-export { ensureStencilKitStyles } from './styles';
-export { registerStencilBuilder, getStencilBuilder, unregisterStencilBuilder, registeredStencilBuilders, } from './builders';
-export type { StencilBuilder, StencilBuildContext } from './builders';
+export { bindStencilPalette } from './palette.js';
+export type { StencilPaletteApi, StencilPaletteOptions, StencilPaletteHandle, } from './palette.js';
+export { bindShapeDataPanel } from './shape-data.js';
+export type { ShapeDataPanelApi, ShapeDataPanelOptions, ShapeDataPanelHandle } from './shape-data.js';
+export { ensureStencilKitStyles } from './styles.js';
+export { registerStencilBuilder, getStencilBuilder, unregisterStencilBuilder, registeredStencilBuilders, } from './builders.js';
+export type { StencilBuilder, StencilBuildContext } from './builders.js';

package/src/lib/stencil-kit/index.js

@@ -1,19 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.registeredStencilBuilders = exports.unregisterStencilBuilder = exports.getStencilBuilder = exports.registerStencilBuilder = exports.ensureStencilKitStyles = exports.bindShapeDataPanel = exports.bindStencilPalette = void 0;
-var palette_1 = require("./palette");
-Object.defineProperty(exports, "bindStencilPalette", { enumerable: true, get: function () { return palette_1.bindStencilPalette; } });
-var shape_data_1 = require("./shape-data");
-Object.defineProperty(exports, "bindShapeDataPanel", { enumerable: true, get: function () { return shape_data_1.bindShapeDataPanel; } });
-var styles_1 = require("./styles");
-Object.defineProperty(exports, "ensureStencilKitStyles", { enumerable: true, get: function () { return styles_1.ensureStencilKitStyles; } });
-var builders_1 = require("./builders");
-Object.defineProperty(exports, "registerStencilBuilder", { enumerable: true, get: function () { return builders_1.registerStencilBuilder; } });
-Object.defineProperty(exports, "getStencilBuilder", { enumerable: true, get: function () { return builders_1.getStencilBuilder; } });
-Object.defineProperty(exports, "unregisterStencilBuilder", { enumerable: true, get: function () { return builders_1.unregisterStencilBuilder; } });
-Object.defineProperty(exports, "registeredStencilBuilders", { enumerable: true, get: function () { return builders_1.registeredStencilBuilders; } });
-const card_builders_1 = require("./card-builders");
+export { bindStencilPalette } from './palette.js';
+export { bindShapeDataPanel } from './shape-data.js';
+export { ensureStencilKitStyles } from './styles.js';
+export { registerStencilBuilder, getStencilBuilder, unregisterStencilBuilder, registeredStencilBuilders, } from './builders.js';
+import { registerCardBuilders } from './card-builders.js';
 // The ER/UML card builders ship registered — dropping "Entity" gives a real,
 // editable table out of the box.
-(0, card_builders_1.registerCardBuilders)();
+registerCardBuilders();
 //# sourceMappingURL=index.js.map