@grafloria/element 0.3.19 → 0.3.21

package/{src/libs/element → esm}/src/lib/dashboard-kit/grid-mapping.js

@@ -1,4 +1,3 @@
-"use strict";
 /**
  * Dashboard-kit pure math — Phase 2 of the dashboard-grid plan
  * (`documentation/api-architecture/dashboard-grid-plan.html`).
@@ -21,20 +20,9 @@
  *            to hold them (never below the design height). Camera refit after
  *            growth is the page's concern (its existing `frameTab`).
  */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.rowHeightFor = rowHeightFor;
-exports.boardHeightFor = boardHeightFor;
-exports.columnUnitFor = columnUnitFor;
-exports.spanWidthPx = spanWidthPx;
-exports.cellToRect = cellToRect;
-exports.pointToCell = pointToCell;
-exports.sizeToSpan = sizeToSpan;
-exports.gridItemFromCell = gridItemFromCell;
-exports.cellFromGridItem = cellFromGridItem;
-exports.buildCommitCommands = buildCommitCommands;
-const engine_1 = require("@grafloria/engine");
+import { MoveNodeCommand, ResizeNodeCommand, SetGridItemCommand, } from '@grafloria/engine';
 /** Row height for a board currently `rows` rows tall (both modes). */
-function rowHeightFor(g, rows) {
+export function rowHeightFor(g, rows) {
     if (g.sizing === 'grow')
         return g.baseRowHeight;
     const r = Math.max(1, rows);
@@ -42,7 +30,7 @@ function rowHeightFor(g, rows) {
     return Math.max(g.minRowHeight, (g.designHeight - 2 * g.padding - (r - 1) * g.gap) / r);
 }
 /** The board frame height the mode implies for `rows` rows. */
-function boardHeightFor(g, rows) {
+export function boardHeightFor(g, rows) {
     if (g.sizing === 'fit')
         return g.designHeight;
     const r = Math.max(0, rows);
@@ -50,11 +38,11 @@ function boardHeightFor(g, rows) {
     return Math.max(g.designHeight, content);
 }
 /** Width of one column cell for a board `width` px wide. */
-function columnUnitFor(g, width) {
+export function columnUnitFor(g, width) {
     return (width - 2 * g.padding - (g.columns - 1) * g.gap) / g.columns;
 }
 /** Width in px of a `w`-column span (the pitch identity used by both mappings). */
-function spanWidthPx(w, g, frameWidth) {
+export function spanWidthPx(w, g, frameWidth) {
     const cu = columnUnitFor(g, frameWidth);
     return w * cu + (w - 1) * g.gap;
 }
@@ -66,7 +54,7 @@ function spanWidthPx(w, g, frameWidth) {
  * distance from the left padding edge to the tile's LEFT edge would be. Only
  * the x term changes — rows, heights and spans are direction-agnostic.
  */
-function cellToRect(cell, frame, g, rows) {
+export function cellToRect(cell, frame, g, rows) {
     const cu = columnUnitFor(g, frame.width);
     const rh = rowHeightFor(g, rows);
     const width = cell.w * cu + (cell.w - 1) * g.gap;
@@ -91,7 +79,7 @@ function cellToRect(cell, frame, g, rows) {
  * this wrong is the classic RTL drag bug — the tile lands a span away from
  * the placeholder — so the e2e battery asserts drop-on-placeholder in RTL.
  */
-function pointToCell(x, y, frame, g, rows, spanW = 1) {
+export function pointToCell(x, y, frame, g, rows, spanW = 1) {
     const cu = columnUnitFor(g, frame.width);
     const rh = rowHeightFor(g, rows);
     const right = x + spanWidthPx(spanW, g, frame.width);
@@ -106,7 +94,7 @@ function pointToCell(x, y, frame, g, rows, spanW = 1) {
  * The integer span a fluid pixel size rounds to — the prototype's
  * `round((W + margin) / cellPitch)`, floored at 1×1.
  */
-function sizeToSpan(widthPx, heightPx, frame, g, rows) {
+export function sizeToSpan(widthPx, heightPx, frame, g, rows) {
     const cu = columnUnitFor(g, frame.width);
     const rh = rowHeightFor(g, rows);
     return {
@@ -123,7 +111,7 @@ function sizeToSpan(widthPx, heightPx, frame, g, rows) {
 // already round-trips gridItem.
 // ---------------------------------------------------------------------------
 /** Engine cells → the GridItemConfig that persists them. */
-function gridItemFromCell(cell) {
+export function gridItemFromCell(cell) {
     return {
         columnStart: cell.x + 1,
         columnEnd: cell.x + cell.w + 1,
@@ -136,7 +124,7 @@ function gridItemFromCell(cell) {
  * placement (absent, or 'auto' lines). `fallback` fills spans a partial
  * config omits — the first-adoption path uses metadata `columnSpan` there.
  */
-function cellFromGridItem(gi, fallback) {
+export function cellFromGridItem(gi, fallback) {
     var _a, _b;
     if (!gi)
         return null;
@@ -153,22 +141,22 @@ function cellFromGridItem(gi, fallback) {
 }
 const cellsDiffer = (a, b) => a.x !== b.x || a.y !== b.y || a.w !== b.w || a.h !== b.h;
 const EPS = 0.5;
-function buildCommitCommands(deltas) {
+export function buildCommitCommands(deltas) {
     const commands = [];
     for (const d of deltas) {
         const cellChanged = cellsDiffer(d.cellBefore, d.cellAfter);
         if (cellChanged && !d.isGroup) {
-            commands.push(new engine_1.SetGridItemCommand(d.id, gridItemFromCell(d.cellAfter)));
+            commands.push(new SetGridItemCommand(d.id, gridItemFromCell(d.cellAfter)));
         }
         if (d.locked || d.isGroup)
             continue;
         if (Math.abs(d.posAfter.x - d.posBefore.x) > EPS ||
             Math.abs(d.posAfter.y - d.posBefore.y) > EPS) {
-            commands.push(new engine_1.MoveNodeCommand(d.id, Object.assign({}, d.posAfter), Object.assign({}, d.posBefore), { mergeable: false }));
+            commands.push(new MoveNodeCommand(d.id, Object.assign({}, d.posAfter), Object.assign({}, d.posBefore), { mergeable: false }));
         }
         if (Math.abs(d.sizeAfter.width - d.sizeBefore.width) > EPS ||
             Math.abs(d.sizeAfter.height - d.sizeBefore.height) > EPS) {
-            commands.push(new engine_1.ResizeNodeCommand(d.id, Object.assign({ depth: 0 }, d.sizeAfter), Object.assign({ depth: 0 }, d.sizeBefore)));
+            commands.push(new ResizeNodeCommand(d.id, Object.assign({ depth: 0 }, d.sizeAfter), Object.assign({ depth: 0 }, d.sizeBefore)));
         }
     }
     return commands;

package/esm/src/lib/dashboard-kit/index.js

@@ -0,0 +1,8 @@
+export { bindDashboardGrid, } from './grid-binder';
+export { rowHeightFor, boardHeightFor, columnUnitFor, cellToRect, pointToCell, sizeToSpan, spanWidthPx, gridItemFromCell, cellFromGridItem, buildCommitCommands, } from './grid-mapping';
+export { ensureDashboardKitStyles, DASHBOARD_KIT_STYLE_ID } from './styles';
+// The DATA-FIRST authoring API (the erDiagram/umlDiagram equivalent).
+export { dashboard, } from './dashboard';
+// The built-in renderers behind `kind` — dashboard()'s default renderWidget.
+export { defaultWidgetRenderer, renderKpiWidget, renderLineWidget, renderBarWidget, renderDonutWidget, renderFunnelWidget, renderTableWidget, BUILT_IN_WIDGET_KINDS, } from './widgets';
+//# sourceMappingURL=index.js.map

package/{src/lib/dashboard-kit/styles.ts → esm/src/lib/dashboard-kit/styles.js}

@@ -20,9 +20,7 @@
  *    injects it into each member host and re-injects if the host repaints
  *    (pages own their card innerHTML).
  */
-
 export const DASHBOARD_KIT_STYLE_ID = 'grafloria-dashboard-kit-styles';
-
 const CSS = `
 /* ===== reflow glide (armed on the html layer for the whole gesture) ===== */
 .grafloria-html-layer.axdb-glide > .grafloria-node-host {
@@ -195,12 +193,13 @@ const CSS = `
   }
 }
 `;
-
 /** Idempotently inject the kit stylesheet (safe to call per binder). */
-export function ensureDashboardKitStyles(doc: Document = document): void {
-  if (doc.getElementById(DASHBOARD_KIT_STYLE_ID)) return;
-  const style = doc.createElement('style');
-  style.id = DASHBOARD_KIT_STYLE_ID;
-  style.textContent = CSS;
-  doc.head.appendChild(style);
+export function ensureDashboardKitStyles(doc = document) {
+    if (doc.getElementById(DASHBOARD_KIT_STYLE_ID))
+        return;
+    const style = doc.createElement('style');
+    style.id = DASHBOARD_KIT_STYLE_ID;
+    style.textContent = CSS;
+    doc.head.appendChild(style);
 }
+//# sourceMappingURL=styles.js.map

package/{src/libs/element → esm}/src/lib/dashboard-kit/widgets.js

@@ -1,4 +1,3 @@
-"use strict";
 /**
  * BUILT-IN WIDGET RENDERERS — what `kind` means when you write no `renderWidget`.
  *
@@ -29,11 +28,9 @@
  * (that is exactly what demos/dashboard/dashboard-builder.html does for its
  * focus ring and pin marker).
  */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultWidgetRenderer = exports.renderTableWidget = exports.renderFunnelWidget = exports.renderDonutWidget = exports.renderBarWidget = exports.renderLineWidget = exports.renderKpiWidget = exports.BUILT_IN_WIDGET_KINDS = void 0;
-const styles_1 = require("./styles");
+import { ensureDashboardKitStyles } from './styles';
 /** The kinds `defaultWidgetRenderer` knows; anything else gets the placeholder. */
-exports.BUILT_IN_WIDGET_KINDS = ['kpi', 'line', 'bar', 'donut', 'funnel', 'table'];
+export const BUILT_IN_WIDGET_KINDS = ['kpi', 'line', 'bar', 'donut', 'funnel', 'table'];
 /**
  * Categorical default palette — readable on both light and dark cards. Per-mark
  * overrides win (`slices[].color`); everything else cycles this list.
@@ -67,7 +64,7 @@ function niceMax(v) {
 function card(host, widget, title) {
     var _a, _b;
     const doc = (_a = host.ownerDocument) !== null && _a !== void 0 ? _a : document;
-    (0, styles_1.ensureDashboardKitStyles)(doc);
+    ensureDashboardKitStyles(doc);
     host.innerHTML = '';
     const root = doc.createElement('div');
     root.className = `axdb-widget axdb-widget--${(_b = widget.kind) !== null && _b !== void 0 ? _b : 'widget'}`;
@@ -97,7 +94,7 @@ const legend = (items, column = false) => `<div class="axdb-lg${column ? ' axdb-
     '</div>';
 // -- kpi ----------------------------------------------------------------------
 /** `{ label, value, delta?, spark? }` — headline number + change + sparkline. */
-const renderKpiWidget = (widget, host) => {
+export const renderKpiWidget = (widget, host) => {
     var _a;
     const d = data(widget);
     const body = card(host, widget, titleOf(widget, d.label));
@@ -129,7 +126,6 @@ const renderKpiWidget = (widget, host) => {
     body.classList.add('axdb-kpi');
     body.innerHTML = html;
 };
-exports.renderKpiWidget = renderKpiWidget;
 // -- line ---------------------------------------------------------------------
 /** Accept both `number[]` and `{name, values}[]`, drop anything unusable. */
 function normalizeSeries(raw) {
@@ -145,7 +141,7 @@ function normalizeSeries(raw) {
         .filter((s) => s.values.length > 0);
 }
 /** `{ series, labels? }` — area under the first series, a line per series. */
-const renderLineWidget = (widget, host) => {
+export const renderLineWidget = (widget, host) => {
     const d = data(widget);
     const body = card(host, widget, titleOf(widget));
     const series = normalizeSeries(d.series);
@@ -201,10 +197,9 @@ const renderLineWidget = (widget, host) => {
             `aria-label="${esc(titleOf(widget))}">${grid}${ticks}${marks}</svg>` +
             (named.length ? legend(series.map((s, i) => { var _a; return ({ label: String((_a = s.name) !== null && _a !== void 0 ? _a : ''), color: colorAt(i) }); })) : '');
 };
-exports.renderLineWidget = renderLineWidget;
 // -- bar ----------------------------------------------------------------------
 /** `{ bars: [{label, value}] }` — columns, value above, category below. */
-const renderBarWidget = (widget, host) => {
+export const renderBarWidget = (widget, host) => {
     const d = data(widget);
     const body = card(host, widget, titleOf(widget));
     const bars = (Array.isArray(d.bars) ? d.bars : []).filter((b) => !!b);
@@ -246,7 +241,6 @@ const renderBarWidget = (widget, host) => {
         `<svg viewBox="0 0 ${W} ${H}" preserveAspectRatio="xMidYMid meet" role="img" ` +
             `aria-label="${esc(titleOf(widget))}">${grid}${marks}</svg>`;
 };
-exports.renderBarWidget = renderBarWidget;
 // -- donut --------------------------------------------------------------------
 /** One arc of the ring, as an SVG path command. */
 function arcPath(cx, cy, r, a0, a1) {
@@ -256,7 +250,7 @@ function arcPath(cx, cy, r, a0, a1) {
     return `M${x0.toFixed(2)},${y0.toFixed(2)} A${r},${r} 0 ${a1 - a0 > Math.PI ? 1 : 0} 1 ${x1.toFixed(2)},${y1.toFixed(2)}`;
 }
 /** `{ slices: [{label, value, color?}], centerLabel? }` — ring + legend. */
-const renderDonutWidget = (widget, host) => {
+export const renderDonutWidget = (widget, host) => {
     var _a, _b;
     const d = data(widget);
     const body = card(host, widget, titleOf(widget));
@@ -298,10 +292,9 @@ const renderDonutWidget = (widget, host) => {
                 });
             }), true);
 };
-exports.renderDonutWidget = renderDonutWidget;
 // -- funnel -------------------------------------------------------------------
 /** `{ stages: [{label, value}] }` — centred bars scaled against the first stage. */
-const renderFunnelWidget = (widget, host) => {
+export const renderFunnelWidget = (widget, host) => {
     const d = data(widget);
     const body = card(host, widget, titleOf(widget));
     const stages = (Array.isArray(d.stages) ? d.stages : []).filter((s) => !!s);
@@ -329,10 +322,9 @@ const renderFunnelWidget = (widget, host) => {
         `<svg viewBox="0 0 ${W} ${H}" preserveAspectRatio="xMidYMid meet" role="img" ` +
             `aria-label="${esc(titleOf(widget))}">${marks}</svg>`;
 };
-exports.renderFunnelWidget = renderFunnelWidget;
 // -- table --------------------------------------------------------------------
 /** `{ columns, rows }` — plain rows; numeric cells right-align themselves. */
-const renderTableWidget = (widget, host) => {
+export const renderTableWidget = (widget, host) => {
     const d = data(widget);
     const body = card(host, widget, titleOf(widget));
     const columns = Array.isArray(d.columns) ? d.columns : [];
@@ -353,15 +345,14 @@ const renderTableWidget = (widget, host) => {
     body.classList.add('axdb-scroll');
     body.innerHTML = `<table class="axdb-table">${head}<tbody>${tbody}</tbody></table>`;
 };
-exports.renderTableWidget = renderTableWidget;
 // -- dispatch -----------------------------------------------------------------
 const BY_KIND = {
-    kpi: exports.renderKpiWidget,
-    line: exports.renderLineWidget,
-    bar: exports.renderBarWidget,
-    donut: exports.renderDonutWidget,
-    funnel: exports.renderFunnelWidget,
-    table: exports.renderTableWidget,
+    kpi: renderKpiWidget,
+    line: renderLineWidget,
+    bar: renderBarWidget,
+    donut: renderDonutWidget,
+    funnel: renderFunnelWidget,
+    table: renderTableWidget,
 };
 /**
  * Paint `widget` into `host` by its `kind` — `dashboard()`'s default
@@ -371,7 +362,7 @@ const BY_KIND = {
  * board of not-yet-implemented widgets still lays out and is still testable.
  * Never throws: bad data paints an empty state.
  */
-const defaultWidgetRenderer = (widget, host) => {
+export const defaultWidgetRenderer = (widget, host) => {
     var _a;
     const renderer = BY_KIND[(_a = widget === null || widget === void 0 ? void 0 : widget.kind) !== null && _a !== void 0 ? _a : ''];
     if (renderer) {
@@ -385,5 +376,4 @@ const defaultWidgetRenderer = (widget, host) => {
     }
     card(host, widget !== null && widget !== void 0 ? widget : { id: '' }, titleOf(widget !== null && widget !== void 0 ? widget : { id: '' }));
 };
-exports.defaultWidgetRenderer = defaultWidgetRenderer;
 //# sourceMappingURL=widgets.js.map

package/{src/libs/element → esm}/src/lib/diagram-kit/card.js

@@ -1,4 +1,3 @@
-"use strict";
 /**
  * Card building — the ONE source of truth for the ER/UML card HTML trees, the
  * layout constants and the size math.
@@ -15,46 +14,37 @@
  * port-reconciliation code count those, and the affordance is neither a column
  * nor a member.
  */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UML_PAD = exports.UML_STEREO_H = exports.UML_NAME_H = exports.UML_LINE_H = exports.ER_ADD_H = exports.ER_BORDER_SLACK = exports.ER_HEAD_H = exports.ER_ROW_H = void 0;
-exports.erRowCenterY = erRowCenterY;
-exports.rowIndexFromY = rowIndexFromY;
-exports.entityCardContent = entityCardContent;
-exports.entityAutoHeight = entityAutoHeight;
-exports.classCardContent = classCardContent;
-exports.classAutoHeight = classAutoHeight;
-exports.matchColumns = matchColumns;
 /** Row height / header height of the entity card — sizing is derived from these. */
-exports.ER_ROW_H = 25;
-exports.ER_HEAD_H = 28;
+export const ER_ROW_H = 25;
+export const ER_HEAD_H = 28;
 /**
  * Auto-height slack: the html wrapper's padding (8px) + the card's 1px
  * top/bottom borders + the head rendering slightly under ER_HEAD_H. Measured
  * live — with less, an auto-sized card overflows a few px, and the wheel
  * delegation would steal that much scroll on EVERY card.
  */
-exports.ER_BORDER_SLACK = 9;
+export const ER_BORDER_SLACK = 9;
 /** The editable "add column" affordance row's height (excluded from row math). */
-exports.ER_ADD_H = 26;
+export const ER_ADD_H = 26;
 /** UML compartment metrics (mirrors the pre-kit demos, measured live). */
-exports.UML_LINE_H = 19;
-exports.UML_NAME_H = 30;
-exports.UML_STEREO_H = 14;
-exports.UML_PAD = 8;
+export const UML_LINE_H = 19;
+export const UML_NAME_H = 30;
+export const UML_STEREO_H = 14;
+export const UML_PAD = 8;
 /** Node-local y of a row's centre (the +1 offsets past the card's top border). */
-function erRowCenterY(rowIndex) {
-    return exports.ER_HEAD_H + rowIndex * exports.ER_ROW_H + exports.ER_ROW_H / 2 + 1;
+export function erRowCenterY(rowIndex) {
+    return ER_HEAD_H + rowIndex * ER_ROW_H + ER_ROW_H / 2 + 1;
 }
 /** Inverse of {@link erRowCenterY}: which column row a pinned port sits on. */
-function rowIndexFromY(y) {
-    return Math.round((y - exports.ER_HEAD_H - exports.ER_ROW_H / 2 - 1) / exports.ER_ROW_H);
+export function rowIndexFromY(y) {
+    return Math.round((y - ER_HEAD_H - ER_ROW_H / 2 - 1) / ER_ROW_H);
 }
 /**
  * The `.axk-entity` content tree — the SAME tree er.ts ships and update.ts
  * regenerates. `editable` adds the delete control per row and the trailing add
  * affordance.
  */
-function entityCardContent(entity, editable = false) {
+export function entityCardContent(entity, editable = false) {
     var _a;
     const rows = entity.columns.map((c) => {
         var _a;
@@ -86,16 +76,16 @@ function entityCardContent(entity, editable = false) {
     return { tag: 'div', className: 'axk-entity', children };
 }
 /** Card height for an entity — explicit height wins, else derived from columns. */
-function entityAutoHeight(entity, editable = false) {
+export function entityAutoHeight(entity, editable = false) {
     if (entity.height != null)
         return entity.height;
-    return exports.ER_HEAD_H + entity.columns.length * exports.ER_ROW_H + exports.ER_BORDER_SLACK + (editable ? exports.ER_ADD_H : 0);
+    return ER_HEAD_H + entity.columns.length * ER_ROW_H + ER_BORDER_SLACK + (editable ? ER_ADD_H : 0);
 }
 /**
  * The `.axk-uml` content tree. `editable` adds a delete control per member and
  * a trailing add affordance in each compartment.
  */
-function classCardContent(cls, editable = false) {
+export function classCardContent(cls, editable = false) {
     var _a, _b, _c;
     const attrs = (_a = cls.attributes) !== null && _a !== void 0 ? _a : [];
     const methods = (_b = cls.methods) !== null && _b !== void 0 ? _b : [];
@@ -149,17 +139,17 @@ function classCardContent(cls, editable = false) {
     };
 }
 /** Card height for a class — explicit height wins, else derived from members. */
-function classAutoHeight(cls, editable = false) {
+export function classAutoHeight(cls, editable = false) {
     var _a, _b;
     if (cls.height != null)
         return cls.height;
     const attrs = (_a = cls.attributes) !== null && _a !== void 0 ? _a : [];
     const methods = (_b = cls.methods) !== null && _b !== void 0 ? _b : [];
     const addRows = editable ? 2 : 0; // one "add" affordance per compartment
-    return (exports.UML_NAME_H +
-        (cls.stereotype ? exports.UML_STEREO_H : 0) +
-        (attrs.length + methods.length + addRows) * exports.UML_LINE_H +
-        exports.UML_PAD * 2 +
+    return (UML_NAME_H +
+        (cls.stereotype ? UML_STEREO_H : 0) +
+        (attrs.length + methods.length + addRows) * UML_LINE_H +
+        UML_PAD * 2 +
         12);
 }
 /**
@@ -175,7 +165,7 @@ function classAutoHeight(cls, editable = false) {
  *      what a rename is (one old + one new in the same slot). Without pass 3 a
  *      rename reads as remove+add and the edge is severed.
  */
-function matchColumns(oldCols, newCols) {
+export function matchColumns(oldCols, newCols) {
     const out = new Map();
     const usedNew = new Set();
     const matchedOld = new Set();

package/{src/libs/element → esm}/src/lib/diagram-kit/editing.js

@@ -1,4 +1,3 @@
-"use strict";
 /**
  * In-canvas editing chrome (P2 title rename + P4 column/member editing).
  *
@@ -27,11 +26,7 @@
  * row-selection handler and the binder's node/​waypoint double-click never also
  * fire for the same gesture.
  */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ER_TYPE_SUGGESTIONS = void 0;
-exports.dismissInlineEditor = dismissInlineEditor;
-exports.bindCardEditing = bindCardEditing;
-const update_1 = require("./update");
+import { updateEntity, updateClass, addColumnAt, removeColumnAt, renameColumnAt } from './update';
 const bindings = new WeakMap();
 const ROW_SELECTOR = '.axk-row, .axk-member';
 /** Resolve the node id + the clicked row's global index (among selectable rows). */
@@ -72,7 +67,7 @@ function umlSection(cls, rowIndex) {
  */
 let activeEditor = null;
 /** Dismiss any open inline editor WITHOUT committing. */
-function dismissInlineEditor() {
+export function dismissInlineEditor() {
     const open = activeEditor;
     activeEditor = null;
     open === null || open === void 0 ? void 0 : open.cancel();
@@ -114,7 +109,7 @@ function dedupe(values) {
     return [...new Set(values)];
 }
 /** SQL-ish column types offered when editing a type cell. */
-exports.ER_TYPE_SUGGESTIONS = [
+export const ER_TYPE_SUGGESTIONS = [
     'uuid', 'int', 'bigint', 'smallint', 'serial', 'decimal', 'numeric', 'real', 'double',
     'varchar', 'text', 'char', 'boolean', 'date', 'time', 'timestamp', 'timestamptz',
     'json', 'jsonb', 'bytea', 'enum',
@@ -266,12 +261,12 @@ function beginRename(api, target) {
     // Title (ER header / UML name).
     if (target.closest('.axk-entity-head')) {
         const ent = kitEntity(api, nodeId);
-        openInlineEditor(api, target.closest('.axk-entity-head'), (_a = ent === null || ent === void 0 ? void 0 : ent.name) !== null && _a !== void 0 ? _a : nodeId, (name) => void (0, update_1.updateEntity)(api, nodeId, { name }));
+        openInlineEditor(api, target.closest('.axk-entity-head'), (_a = ent === null || ent === void 0 ? void 0 : ent.name) !== null && _a !== void 0 ? _a : nodeId, (name) => void updateEntity(api, nodeId, { name }));
         return;
     }
     if (target.closest('.axk-uml-name')) {
         const cls = kitClass(api, nodeId);
-        openInlineEditor(api, target.closest('.axk-uml-name'), (_b = cls === null || cls === void 0 ? void 0 : cls.name) !== null && _b !== void 0 ? _b : nodeId, (name) => void (0, update_1.updateClass)(api, nodeId, { name }));
+        openInlineEditor(api, target.closest('.axk-uml-name'), (_b = cls === null || cls === void 0 ? void 0 : cls.name) !== null && _b !== void 0 ? _b : nodeId, (name) => void updateClass(api, nodeId, { name }));
         return;
     }
     // ER column. Which CELL was double-clicked decides what gets edited and where
@@ -288,12 +283,12 @@ function beginRename(api, target) {
             return;
         openInlineEditor(api, typeEl, (_d = (_c = ent.columns[rowIndex]) === null || _c === void 0 ? void 0 : _c.type) !== null && _d !== void 0 ? _d : '', (type) => {
             const columns = ent.columns.map((c, i) => (i === rowIndex ? Object.assign(Object.assign({}, c), { type }) : c));
-            void (0, update_1.updateEntity)(api, nodeId, { columns });
+            void updateEntity(api, nodeId, { columns });
         }, 
         // Offer the types already used in THIS diagram first, then the standards —
         // a schema is usually internally consistent, so what you just typed
         // elsewhere is the likeliest next value.
-        dedupe([...ent.columns.map((c) => c.type).filter(Boolean), ...exports.ER_TYPE_SUGGESTIONS]));
+        dedupe([...ent.columns.map((c) => c.type).filter(Boolean), ...ER_TYPE_SUGGESTIONS]));
         return;
     }
     const rowEl = target.closest('.axk-row');
@@ -302,7 +297,7 @@ function beginRename(api, target) {
         const ent = kitEntity(api, nodeId);
         if (!ent)
             return;
-        openInlineEditor(api, colEl, (_h = (_g = ent.columns[rowIndex]) === null || _g === void 0 ? void 0 : _g.name) !== null && _h !== void 0 ? _h : '', (name) => void (0, update_1.updateEntity)(api, nodeId, { columns: (0, update_1.renameColumnAt)(ent.columns, rowIndex, name) }));
+        openInlineEditor(api, colEl, (_h = (_g = ent.columns[rowIndex]) === null || _g === void 0 ? void 0 : _g.name) !== null && _h !== void 0 ? _h : '', (name) => void updateEntity(api, nodeId, { columns: renameColumnAt(ent.columns, rowIndex, name) }));
         return;
     }
     // UML member rename.
@@ -315,7 +310,7 @@ function beginRename(api, target) {
         const list = ((_j = cls[section]) !== null && _j !== void 0 ? _j : []).slice();
         openInlineEditor(api, (_k = memberEl.querySelector('.axk-mtext')) !== null && _k !== void 0 ? _k : memberEl, (_l = list[local]) !== null && _l !== void 0 ? _l : '', (next) => {
             list[local] = next;
-            void (0, update_1.updateClass)(api, nodeId, { [section]: list });
+            void updateClass(api, nodeId, { [section]: list });
         });
     }
 }
@@ -330,8 +325,8 @@ function handleAdd(api, target) {
         const ent = kitEntity(api, loc.nodeId);
         if (!ent)
             return true;
-        const columns = (0, update_1.addColumnAt)(ent.columns, { name: 'new_column', type: '' });
-        void (0, update_1.updateEntity)(api, loc.nodeId, { columns }).then(() => {
+        const columns = addColumnAt(ent.columns, { name: 'new_column', type: '' });
+        void updateEntity(api, loc.nodeId, { columns }).then(() => {
             const newRow = api.container.querySelectorAll(`[data-node-id="${cssEscape(loc.nodeId)}"] .axk-row`)[columns.length - 1];
             const col = newRow === null || newRow === void 0 ? void 0 : newRow.querySelector('.axk-col');
             if (col)
@@ -350,7 +345,7 @@ function handleAdd(api, target) {
         const comps = Array.from(loc.group.querySelectorAll('.axk-uml-comp'));
         const section = comps.indexOf(addUml.closest('.axk-uml-comp')) === 0 ? 'attributes' : 'methods';
         const list = [...((_a = cls[section]) !== null && _a !== void 0 ? _a : []), section === 'attributes' ? '+ field: type' : '+ method(): void'];
-        void (0, update_1.updateClass)(api, loc.nodeId, { [section]: list });
+        void updateClass(api, loc.nodeId, { [section]: list });
         return true;
     }
     return false;
@@ -366,7 +361,7 @@ function handleDelete(api, target) {
         return true;
     const ent = kitEntity(api, loc.nodeId);
     if (ent) {
-        void (0, update_1.updateEntity)(api, loc.nodeId, { columns: (0, update_1.removeColumnAt)(ent.columns, loc.rowIndex) });
+        void updateEntity(api, loc.nodeId, { columns: removeColumnAt(ent.columns, loc.rowIndex) });
         return true;
     }
     const cls = kitClass(api, loc.nodeId);
@@ -374,7 +369,7 @@ function handleDelete(api, target) {
         const { section, local } = umlSection(cls, loc.rowIndex);
         const list = ((_a = cls[section]) !== null && _a !== void 0 ? _a : []).slice();
         list.splice(local, 1);
-        void (0, update_1.updateClass)(api, loc.nodeId, { [section]: list });
+        void updateClass(api, loc.nodeId, { [section]: list });
     }
     return true;
 }
@@ -385,7 +380,7 @@ function cssEscape(id) {
  * Wire the editing gestures onto a kit container. Idempotent per container
  * (a re-bind disposes the previous one), matching `bindRowInteractions`.
  */
-function bindCardEditing(api) {
+export function bindCardEditing(api) {
     var _a;
     const container = api.container;
     (_a = bindings.get(container)) === null || _a === void 0 ? void 0 : _a.dispose();

package/{src/libs/element → esm}/src/lib/diagram-kit/er.js

@@ -1,7 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ER_HEAD_H = exports.ER_ROW_H = exports.erRowCenterY = void 0;
-exports.erDiagram = erDiagram;
 /**
  * ER diagram kit — typed builders for database entity-relationship diagrams.
  *
@@ -24,13 +20,14 @@ exports.erDiagram = erDiagram;
  * render(spec, container);
  * ```
  */
-const styles_1 = require("./styles");
-const rows_1 = require("./rows");
-const card_1 = require("./card");
-Object.defineProperty(exports, "erRowCenterY", { enumerable: true, get: function () { return card_1.erRowCenterY; } });
-Object.defineProperty(exports, "ER_ROW_H", { enumerable: true, get: function () { return card_1.ER_ROW_H; } });
-Object.defineProperty(exports, "ER_HEAD_H", { enumerable: true, get: function () { return card_1.ER_HEAD_H; } });
-const editing_1 = require("./editing");
+import { ensureDiagramKitStyles } from './styles';
+import { bindRowInteractions } from './rows';
+import { entityCardContent, entityAutoHeight, erRowCenterY, ER_ROW_H, ER_HEAD_H } from './card';
+import { bindCardEditing } from './editing';
+// Layout constants + the row-centre helper live in card.ts now (the ONE source
+// of truth shared with update.ts). Re-exported here so `import … from './er'`
+// keeps working.
+export { erRowCenterY, ER_ROW_H, ER_HEAD_H };
 const DEFAULT_WIDTH = 190;
 const CARDINALITY = {
     'one-to-many': { tail: 'one', head: 'crow-foot' },
@@ -62,9 +59,9 @@ function parseEnd(ref, byId) {
  * an absolute-layout port (the FK→PK look). Two edges landing on the same
  * column are automatically spread apart.
  */
-function erDiagram(options) {
+export function erDiagram(options) {
     var _a;
-    (0, styles_1.ensureDiagramKitStyles)();
+    ensureDiagramKitStyles();
     const byId = new Map(options.entities.map((e) => [e.id, e]));
     // Field-level ports are accumulated per entity while walking relationships.
     const portsByEntity = new Map();
@@ -91,7 +88,7 @@ function erDiagram(options) {
                 args: {
                     units: 'px',
                     x: side === 'right' ? w : side === 'left' ? 0 : w / 2,
-                    y: (0, card_1.erRowCenterY)(end.rowIndex),
+                    y: erRowCenterY(end.rowIndex),
                     dy,
                 },
             },
@@ -129,10 +126,10 @@ function erDiagram(options) {
     const editable = options.editable === true;
     const nodes = options.entities.map((entity, i) => {
         var _a;
-        return (Object.assign({ id: entity.id, position: (_a = entity.position) !== null && _a !== void 0 ? _a : { x: 60 + (i % 3) * 340, y: 60 + Math.floor(i / 3) * 280 }, size: { width: width(entity), height: (0, card_1.entityAutoHeight)(entity, editable) }, 
+        return (Object.assign({ id: entity.id, position: (_a = entity.position) !== null && _a !== void 0 ? _a : { x: 60 + (i % 3) * 340, y: 60 + Math.floor(i / 3) * 280 }, size: { width: width(entity), height: entityAutoHeight(entity, editable) }, 
             // interactive: rows are real DOM targets (hover, row selection, inline
             // editing) — node drag/select stay geometric in the binder.
-            metadata: Object.assign({ html: { content: (0, card_1.entityCardContent)(entity, editable), interactive: true }, kitEntity: entity, kitEditable: editable }, (options.rowSelection === false ? { kitRowSelection: false } : {})), 
+            metadata: Object.assign({ html: { content: entityCardContent(entity, editable), interactive: true }, kitEntity: entity, kitEditable: editable }, (options.rowSelection === false ? { kitRowSelection: false } : {})), 
             // The card draws its own border — the node's default rectangle is hidden
             // (and re-suppressed on selection by the kit stylesheet).
             shape: { type: 'rect', fill: 'none', stroke: 'none' }, style: { fill: 'transparent', stroke: 'transparent', strokeWidth: 0 } }, (portsByEntity.has(entity.id) ? { ports: portsByEntity.get(entity.id) } : {})));
@@ -151,12 +148,12 @@ function erDiagram(options) {
                 for (const e of options.entities)
                     (_d = (_c = (_b = model.getNode) === null || _b === void 0 ? void 0 : _b.call(model, e.id)) === null || _c === void 0 ? void 0 : _c.setBehavior) === null || _d === void 0 ? void 0 : _d.call(_c, { resizable: false });
             if (options.rowSelection !== false && (a === null || a === void 0 ? void 0 : a.container))
-                (0, rows_1.bindRowInteractions)(a);
+                bindRowInteractions(a);
             // Editing chrome (dbl-click rename, add/delete column) — opt-in, and safe
             // to run alongside row selection (it claims control clicks in the capture
             // phase before the selection handler sees them).
             if (editable && (a === null || a === void 0 ? void 0 : a.container))
-                (0, editing_1.bindCardEditing)(a);
+                bindCardEditing(a);
         },
     };
 }