@grafloria/element 0.3.23 → 0.4.0

package/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.js';
+import { bindRowInteractions } from './rows.js';
+import { entityCardContent, entityAutoHeight, erRowCenterY, ER_ROW_H, ER_HEAD_H } from './card.js';
+import { bindCardEditing } from './editing.js';
+// 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.js'`
+// 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);
         },
     };
 }

package/src/lib/diagram-kit/handles.d.ts

@@ -20,10 +20,10 @@
  * where it is safe, never on the stored NodeModel (which the engine
  * reconstructs from data on undo/paste/collab; see the decision doc).
  */
-import type { ErColumn, ErEntitySpec } from './er';
-import type { UmlClassSpec } from './uml';
-import { updateEntity, updateClass } from './update';
-import type { RowRef } from './rows';
+import type { ErColumn, ErEntitySpec } from './er.js';
+import type { UmlClassSpec } from './uml.js';
+import { updateEntity, updateClass } from './update.js';
+import type { RowRef } from './rows.js';
 /** The slice of DiagramInstance the handles need (same shape update.ts uses). */
 export interface HandleApi {
     container: HTMLElement;

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

@@ -1,17 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UmlClass = exports.UmlMemberList = exports.ErTable = exports.ErColumnList = exports.ErField = exports.CardHandle = void 0;
-exports.erTable = erTable;
-exports.umlClass = umlClass;
-exports.erTables = erTables;
-exports.umlClasses = umlClasses;
-const tslib_1 = require("tslib");
-const update_1 = require("./update");
+import { __awaiter } from "tslib";
+import { updateEntity, updateClass } from './update.js';
 const deep = (v) => JSON.parse(JSON.stringify(v));
 // ---------------------------------------------------------------------------
 // Base
 // ---------------------------------------------------------------------------
-class CardHandle {
+export class CardHandle {
     constructor(api, id) {
         this.api = api;
         this.id = id;
@@ -44,14 +37,14 @@ class CardHandle {
         (_c = (_b = this.api).renderNow) === null || _c === void 0 ? void 0 : _c.call(_b);
     }
     undo() {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        return __awaiter(this, void 0, void 0, function* () {
             var _a, _b, _c, _d, _e;
             yield ((_c = (_b = (_a = this.api).getEngine) === null || _b === void 0 ? void 0 : _b.call(_a)) === null || _c === void 0 ? void 0 : _c.undo());
             (_e = (_d = this.api).renderNow) === null || _e === void 0 ? void 0 : _e.call(_d);
         });
     }
     redo() {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        return __awaiter(this, void 0, void 0, function* () {
             var _a, _b, _c, _d, _e;
             yield ((_c = (_b = (_a = this.api).getEngine) === null || _b === void 0 ? void 0 : _b.call(_a)) === null || _c === void 0 ? void 0 : _c.redo());
             (_e = (_d = this.api).renderNow) === null || _e === void 0 ? void 0 : _e.call(_d);
@@ -81,12 +74,11 @@ class CardHandle {
         return () => this.api.container.removeEventListener('axk:row-select', handler);
     }
 }
-exports.CardHandle = CardHandle;
 // ---------------------------------------------------------------------------
 // ER
 // ---------------------------------------------------------------------------
 /** A column of an {@link ErTable} — itself just (table, name): stateless. */
-class ErField {
+export class ErField {
     constructor(table, columnName) {
         this.table = table;
         this.columnName = columnName;
@@ -130,9 +122,8 @@ class ErField {
         return this.table.columns.removeAt(this.index);
     }
 }
-exports.ErField = ErField;
 /** The columns collection of an {@link ErTable}. Iterable of {@link ErField}. */
-class ErColumnList {
+export class ErColumnList {
     constructor(table) {
         this.table = table;
     }
@@ -180,8 +171,7 @@ class ErColumnList {
         return this.table.update({ columns: next });
     }
 }
-exports.ErColumnList = ErColumnList;
-class ErTable extends CardHandle {
+export class ErTable extends CardHandle {
     constructor() {
         super(...arguments);
         this.columns = new ErColumnList(this);
@@ -206,15 +196,14 @@ class ErTable extends CardHandle {
     }
     /** The raw delta path — everything above funnels through here. */
     update(delta) {
-        return (0, update_1.updateEntity)(this.api, this.id, delta);
+        return updateEntity(this.api, this.id, delta);
     }
 }
-exports.ErTable = ErTable;
 // ---------------------------------------------------------------------------
 // UML
 // ---------------------------------------------------------------------------
 /** attributes / methods of a {@link UmlClass} (members are plain strings). */
-class UmlMemberList {
+export class UmlMemberList {
     constructor(cls, kind) {
         this.cls = cls;
         this.kind = kind;
@@ -242,8 +231,7 @@ class UmlMemberList {
         return this.cls.update({ [this.kind]: this.list().map((m, i) => (i === index ? member : m)) });
     }
 }
-exports.UmlMemberList = UmlMemberList;
-class UmlClass extends CardHandle {
+export class UmlClass extends CardHandle {
     constructor() {
         super(...arguments);
         this.attributes = new UmlMemberList(this, 'attributes');
@@ -280,10 +268,9 @@ class UmlClass extends CardHandle {
         return this.update({ stereotype });
     }
     update(delta) {
-        return (0, update_1.updateClass)(this.api, this.id, delta);
+        return updateClass(this.api, this.id, delta);
     }
 }
-exports.UmlClass = UmlClass;
 // ---------------------------------------------------------------------------
 // Factories
 // ---------------------------------------------------------------------------
@@ -297,17 +284,17 @@ function requireKit(api, id, key, what) {
     }
 }
 /** Typed handle for a kit ER table. Throws for unknown ids / non-kit nodes. */
-function erTable(api, id) {
+export function erTable(api, id) {
     requireKit(api, id, 'kitEntity', 'erTable');
     return new ErTable(api, id);
 }
 /** Typed handle for a kit UML class. Throws for unknown ids / non-kit nodes. */
-function umlClass(api, id) {
+export function umlClass(api, id) {
     requireKit(api, id, 'kitClass', 'umlClass');
     return new UmlClass(api, id);
 }
 /** Every kit ER table in the diagram, as handles. */
-function erTables(api) {
+export function erTables(api) {
     var _a, _b;
     const model = api.getModel();
     return ((_b = (_a = model.getNodes) === null || _a === void 0 ? void 0 : _a.call(model)) !== null && _b !== void 0 ? _b : [])
@@ -315,7 +302,7 @@ function erTables(api) {
         .map((n) => new ErTable(api, n.id));
 }
 /** Every kit UML class in the diagram, as handles. */
-function umlClasses(api) {
+export function umlClasses(api) {
     var _a, _b;
     const model = api.getModel();
     return ((_b = (_a = model.getNodes) === null || _a === void 0 ? void 0 : _a.call(model)) !== null && _b !== void 0 ? _b : [])

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

@@ -1,10 +1,10 @@
-export { erDiagram, erRowCenterY, ER_ROW_H, ER_HEAD_H, type ErColumn, type ErEntitySpec, type ErRelationshipSpec, type ErCardinality, type ErSide, type ErDiagramOptions, } from './er';
-export { umlDiagram, type UmlClassSpec, type UmlRelationshipSpec, type UmlRelationKind, type UmlSide, type UmlDiagramOptions, } from './uml';
-export { ensureDiagramKitStyles, DIAGRAM_KIT_STYLE_ID } from './styles';
-export { bindRowInteractions, type RowRef, type RowInteractionsHandle } from './rows';
-export { updateEntity, updateClass, addColumnAt, removeColumnAt, renameColumnAt, type ErEntityDelta, type UmlClassDelta, } from './update';
-export { bindCardEditing, type CardEditingHandle } from './editing';
-export { matchColumns, rowIndexFromY } from './card';
-export { entityCardContent, entityAutoHeight, classCardContent, classAutoHeight } from './card';
-export { scoreMatch, matchTier, assignTiers, singularize, bindJoinGuidance, ensureJoinGuidanceStyles, JOIN_GUIDANCE_STYLE_ID, type JoinColumn, type JoinEnd, type MatchTier, type JoinGuidanceApi, type JoinGuidanceOptions, type JoinGuidanceHandle, } from './join-guidance';
-export { erTable, umlClass, erTables, umlClasses, CardHandle, ErTable, ErField, ErColumnList, UmlClass, UmlMemberList, type HandleApi, } from './handles';
+export { erDiagram, erRowCenterY, ER_ROW_H, ER_HEAD_H, type ErColumn, type ErEntitySpec, type ErRelationshipSpec, type ErCardinality, type ErSide, type ErDiagramOptions, } from './er.js';
+export { umlDiagram, type UmlClassSpec, type UmlRelationshipSpec, type UmlRelationKind, type UmlSide, type UmlDiagramOptions, } from './uml.js';
+export { ensureDiagramKitStyles, DIAGRAM_KIT_STYLE_ID } from './styles.js';
+export { bindRowInteractions, type RowRef, type RowInteractionsHandle } from './rows.js';
+export { updateEntity, updateClass, addColumnAt, removeColumnAt, renameColumnAt, type ErEntityDelta, type UmlClassDelta, } from './update.js';
+export { bindCardEditing, type CardEditingHandle } from './editing.js';
+export { matchColumns, rowIndexFromY } from './card.js';
+export { entityCardContent, entityAutoHeight, classCardContent, classAutoHeight } from './card.js';
+export { scoreMatch, matchTier, assignTiers, singularize, bindJoinGuidance, ensureJoinGuidanceStyles, JOIN_GUIDANCE_STYLE_ID, type JoinColumn, type JoinEnd, type MatchTier, type JoinGuidanceApi, type JoinGuidanceOptions, type JoinGuidanceHandle, } from './join-guidance.js';
+export { erTable, umlClass, erTables, umlClasses, CardHandle, ErTable, ErField, ErColumnList, UmlClass, UmlMemberList, type HandleApi, } from './handles.js';

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

@@ -1,55 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UmlMemberList = exports.UmlClass = exports.ErColumnList = exports.ErField = exports.ErTable = exports.CardHandle = exports.umlClasses = exports.erTables = exports.umlClass = exports.erTable = exports.JOIN_GUIDANCE_STYLE_ID = exports.ensureJoinGuidanceStyles = exports.bindJoinGuidance = exports.singularize = exports.assignTiers = exports.matchTier = exports.scoreMatch = exports.classAutoHeight = exports.classCardContent = exports.entityAutoHeight = exports.entityCardContent = exports.rowIndexFromY = exports.matchColumns = exports.bindCardEditing = exports.renameColumnAt = exports.removeColumnAt = exports.addColumnAt = exports.updateClass = exports.updateEntity = exports.bindRowInteractions = exports.DIAGRAM_KIT_STYLE_ID = exports.ensureDiagramKitStyles = exports.umlDiagram = exports.ER_HEAD_H = exports.ER_ROW_H = exports.erRowCenterY = exports.erDiagram = void 0;
-var er_1 = require("./er");
-Object.defineProperty(exports, "erDiagram", { enumerable: true, get: function () { return er_1.erDiagram; } });
-Object.defineProperty(exports, "erRowCenterY", { enumerable: true, get: function () { return er_1.erRowCenterY; } });
-Object.defineProperty(exports, "ER_ROW_H", { enumerable: true, get: function () { return er_1.ER_ROW_H; } });
-Object.defineProperty(exports, "ER_HEAD_H", { enumerable: true, get: function () { return er_1.ER_HEAD_H; } });
-var uml_1 = require("./uml");
-Object.defineProperty(exports, "umlDiagram", { enumerable: true, get: function () { return uml_1.umlDiagram; } });
-var styles_1 = require("./styles");
-Object.defineProperty(exports, "ensureDiagramKitStyles", { enumerable: true, get: function () { return styles_1.ensureDiagramKitStyles; } });
-Object.defineProperty(exports, "DIAGRAM_KIT_STYLE_ID", { enumerable: true, get: function () { return styles_1.DIAGRAM_KIT_STYLE_ID; } });
-var rows_1 = require("./rows");
-Object.defineProperty(exports, "bindRowInteractions", { enumerable: true, get: function () { return rows_1.bindRowInteractions; } });
-var update_1 = require("./update");
-Object.defineProperty(exports, "updateEntity", { enumerable: true, get: function () { return update_1.updateEntity; } });
-Object.defineProperty(exports, "updateClass", { enumerable: true, get: function () { return update_1.updateClass; } });
-Object.defineProperty(exports, "addColumnAt", { enumerable: true, get: function () { return update_1.addColumnAt; } });
-Object.defineProperty(exports, "removeColumnAt", { enumerable: true, get: function () { return update_1.removeColumnAt; } });
-Object.defineProperty(exports, "renameColumnAt", { enumerable: true, get: function () { return update_1.renameColumnAt; } });
-var editing_1 = require("./editing");
-Object.defineProperty(exports, "bindCardEditing", { enumerable: true, get: function () { return editing_1.bindCardEditing; } });
-var card_1 = require("./card");
-Object.defineProperty(exports, "matchColumns", { enumerable: true, get: function () { return card_1.matchColumns; } });
-Object.defineProperty(exports, "rowIndexFromY", { enumerable: true, get: function () { return card_1.rowIndexFromY; } });
+export { erDiagram, erRowCenterY, ER_ROW_H, ER_HEAD_H, } from './er.js';
+export { umlDiagram, } from './uml.js';
+export { ensureDiagramKitStyles, DIAGRAM_KIT_STYLE_ID } from './styles.js';
+export { bindRowInteractions } from './rows.js';
+export { updateEntity, updateClass, addColumnAt, removeColumnAt, renameColumnAt, } from './update.js';
+export { bindCardEditing } from './editing.js';
+export { matchColumns, rowIndexFromY } from './card.js';
 // The card CONTENT builders — shared with the stencil palette so a dropped
 // "Entity"/"Class" is the identical card erDiagram()/umlDiagram() produce.
-var card_2 = require("./card");
-Object.defineProperty(exports, "entityCardContent", { enumerable: true, get: function () { return card_2.entityCardContent; } });
-Object.defineProperty(exports, "entityAutoHeight", { enumerable: true, get: function () { return card_2.entityAutoHeight; } });
-Object.defineProperty(exports, "classCardContent", { enumerable: true, get: function () { return card_2.classCardContent; } });
-Object.defineProperty(exports, "classAutoHeight", { enumerable: true, get: function () { return card_2.classAutoHeight; } });
+export { entityCardContent, entityAutoHeight, classCardContent, classAutoHeight } from './card.js';
 // Live join guidance — score every other table's columns against a connection
 // drag's source column and tint the kit rows by fit (the query-builder story).
-var join_guidance_1 = require("./join-guidance");
-Object.defineProperty(exports, "scoreMatch", { enumerable: true, get: function () { return join_guidance_1.scoreMatch; } });
-Object.defineProperty(exports, "matchTier", { enumerable: true, get: function () { return join_guidance_1.matchTier; } });
-Object.defineProperty(exports, "assignTiers", { enumerable: true, get: function () { return join_guidance_1.assignTiers; } });
-Object.defineProperty(exports, "singularize", { enumerable: true, get: function () { return join_guidance_1.singularize; } });
-Object.defineProperty(exports, "bindJoinGuidance", { enumerable: true, get: function () { return join_guidance_1.bindJoinGuidance; } });
-Object.defineProperty(exports, "ensureJoinGuidanceStyles", { enumerable: true, get: function () { return join_guidance_1.ensureJoinGuidanceStyles; } });
-Object.defineProperty(exports, "JOIN_GUIDANCE_STYLE_ID", { enumerable: true, get: function () { return join_guidance_1.JOIN_GUIDANCE_STYLE_ID; } });
-var handles_1 = require("./handles");
-Object.defineProperty(exports, "erTable", { enumerable: true, get: function () { return handles_1.erTable; } });
-Object.defineProperty(exports, "umlClass", { enumerable: true, get: function () { return handles_1.umlClass; } });
-Object.defineProperty(exports, "erTables", { enumerable: true, get: function () { return handles_1.erTables; } });
-Object.defineProperty(exports, "umlClasses", { enumerable: true, get: function () { return handles_1.umlClasses; } });
-Object.defineProperty(exports, "CardHandle", { enumerable: true, get: function () { return handles_1.CardHandle; } });
-Object.defineProperty(exports, "ErTable", { enumerable: true, get: function () { return handles_1.ErTable; } });
-Object.defineProperty(exports, "ErField", { enumerable: true, get: function () { return handles_1.ErField; } });
-Object.defineProperty(exports, "ErColumnList", { enumerable: true, get: function () { return handles_1.ErColumnList; } });
-Object.defineProperty(exports, "UmlClass", { enumerable: true, get: function () { return handles_1.UmlClass; } });
-Object.defineProperty(exports, "UmlMemberList", { enumerable: true, get: function () { return handles_1.UmlMemberList; } });
+export { scoreMatch, matchTier, assignTiers, singularize, bindJoinGuidance, ensureJoinGuidanceStyles, JOIN_GUIDANCE_STYLE_ID, } from './join-guidance.js';
+export { erTable, umlClass, erTables, umlClasses, CardHandle, ErTable, ErField, ErColumnList, UmlClass, UmlMemberList, } from './handles.js';
 //# sourceMappingURL=index.js.map

package/src/lib/diagram-kit/join-guidance.js

@@ -1,4 +1,3 @@
-"use strict";
 /**
  * Join guidance — live "which column should I join to?" scoring + tinting for
  * kit table cards, the feature a visual query builder is actually about.
@@ -33,16 +32,8 @@
  * ARE re-patched every frame, so a class added to the SVG element would be
  * wiped mid-drag, while a stylesheet wins the cascade and survives.
  */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.JOIN_GUIDANCE_STYLE_ID = void 0;
-exports.singularize = singularize;
-exports.scoreMatch = scoreMatch;
-exports.matchTier = matchTier;
-exports.assignTiers = assignTiers;
-exports.ensureJoinGuidanceStyles = ensureJoinGuidanceStyles;
-exports.bindJoinGuidance = bindJoinGuidance;
 /** Naive English singular — enough for schema names (orders, categories, statuses). */
-function singularize(word) {
+export function singularize(word) {
     const w = word.toLowerCase();
     if (w.endsWith('ies') && w.length > 3)
         return w.slice(0, -3) + 'y';
@@ -61,7 +52,7 @@ function conventionMatch(a, b) {
  * Score a candidate join between two columns. Pure; the exact production
  * logic. Higher is better; 0 means "no reason to join these".
  */
-function scoreMatch(a, b) {
+export function scoreMatch(a, b) {
     if (!a || !b || a.table === b.table)
         return 0;
     const an = a.column.name.toLowerCase();
@@ -82,7 +73,7 @@ function scoreMatch(a, b) {
     return 0;
 }
 /** Per-score tier (rank-free half; `assignTiers` promotes the single best to `top`). */
-function matchTier(score) {
+export function matchTier(score) {
     if (score >= 2)
         return 'good';
     if (score >= 1)
@@ -93,7 +84,7 @@ function matchTier(score) {
  * Tier every candidate score at once: the FIRST candidate holding the maximum
  * score is `top` when that maximum is >= 2 — exactly one gold row per drag.
  */
-function assignTiers(scores) {
+export function assignTiers(scores) {
     const max = scores.reduce((m, s) => (s > m ? s : m), 0);
     let topIndex = -1;
     if (max >= 2)
@@ -111,7 +102,7 @@ const TIER_CLASS = {
 };
 const CHIP_CLASS = 'axk-match-chip';
 const PORT_STYLE_ID = 'grafloria-join-guidance-ports';
-exports.JOIN_GUIDANCE_STYLE_ID = 'grafloria-join-guidance-styles';
+export const JOIN_GUIDANCE_STYLE_ID = 'grafloria-join-guidance-styles';
 /** The tier tints — the production palette, verbatim. */
 const GUIDANCE_CSS = `
 .axk-row.axk-match-top { background: #fffbeb;
@@ -126,13 +117,13 @@ const GUIDANCE_CSS = `
   margin-left: 4px; flex: 0 0 auto; letter-spacing: .3px; }
 `;
 /** Inject the guidance tint stylesheet once. Safe to call repeatedly / in SSR. */
-function ensureJoinGuidanceStyles(doc = typeof document !== 'undefined' ? document : undefined) {
+export function ensureJoinGuidanceStyles(doc = typeof document !== 'undefined' ? document : undefined) {
     if (!doc)
         return;
-    if (doc.getElementById(exports.JOIN_GUIDANCE_STYLE_ID))
+    if (doc.getElementById(JOIN_GUIDANCE_STYLE_ID))
         return;
     const style = doc.createElement('style');
-    style.id = exports.JOIN_GUIDANCE_STYLE_ID;
+    style.id = JOIN_GUIDANCE_STYLE_ID;
     style.textContent = GUIDANCE_CSS;
     doc.head.appendChild(style);
 }
@@ -157,7 +148,7 @@ function defaultPortCss(tier, selector) {
  * the matching port glyphs glow via a generated stylesheet. Everything clears
  * when the drag ends, however it ends.
  */
-function bindJoinGuidance(api, options = {}) {
+export function bindJoinGuidance(api, options = {}) {
     var _a, _b, _c, _d, _e;
     ensureJoinGuidanceStyles(api.container.ownerDocument);
     const chipText = (_a = options.chipText) !== null && _a !== void 0 ? _a : '★ BEST';

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

@@ -1,4 +1,3 @@
-"use strict";
 /**
  * Row interactions — "select a column / field" on kit cards (P1 of the
  * ER/UML editing track).
@@ -24,8 +23,6 @@
  * kit stored in node metadata (`kitEntity` / `kitClass`), falling back to the
  * row's text.
  */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.bindRowInteractions = bindRowInteractions;
 const ROW_SELECTOR = '.axk-row, .axk-member';
 const SELECTED_CLASS = 'axk-row-selected';
 /** One binding per container — rebinding disposes the previous one. */
@@ -65,7 +62,7 @@ function countFirstCompartment(rowEl) {
     const firstComp = card === null || card === void 0 ? void 0 : card.querySelector('.axk-uml-comp');
     return firstComp ? firstComp.querySelectorAll('.axk-member').length : Number.MAX_SAFE_INTEGER;
 }
-function bindRowInteractions(api) {
+export function bindRowInteractions(api) {
     var _a;
     const container = api.container;
     (_a = bindings.get(container)) === null || _a === void 0 ? void 0 : _a.dispose();

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

@@ -1,4 +1,3 @@
-"use strict";
 /**
  * Diagram-kit stylesheet — injected once, on first use of any kit builder.
  *
@@ -14,10 +13,7 @@
  *    OUTSIDE the node) reads as a second floating box around a bordered card —
  *    the kit hides it and rings the card itself instead.
  */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DIAGRAM_KIT_STYLE_ID = void 0;
-exports.ensureDiagramKitStyles = ensureDiagramKitStyles;
-exports.DIAGRAM_KIT_STYLE_ID = 'grafloria-diagram-kit-styles';
+export const DIAGRAM_KIT_STYLE_ID = 'grafloria-diagram-kit-styles';
 const CSS = `
 /* ===== ER entity (table) cards ===== */
 .axk-entity { font: 12px/1.5 system-ui, sans-serif; border: 1px solid #64748b;
@@ -109,13 +105,13 @@ g.node-group[data-selected="true"]:has(.axk-uml) rect.diagram-node {
 }
 `;
 /** Inject the kit stylesheet once. Safe to call repeatedly and in SSR. */
-function ensureDiagramKitStyles(doc = typeof document !== 'undefined' ? document : undefined) {
+export function ensureDiagramKitStyles(doc = typeof document !== 'undefined' ? document : undefined) {
     if (!doc)
         return;
-    if (doc.getElementById(exports.DIAGRAM_KIT_STYLE_ID))
+    if (doc.getElementById(DIAGRAM_KIT_STYLE_ID))
         return;
     const style = doc.createElement('style');
-    style.id = exports.DIAGRAM_KIT_STYLE_ID;
+    style.id = DIAGRAM_KIT_STYLE_ID;
     style.textContent = CSS;
     doc.head.appendChild(style);
 }

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

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.umlDiagram = umlDiagram;
 /**
  * UML class-diagram kit — typed builders for the full relationship vocabulary.
  *
@@ -25,10 +22,10 @@ exports.umlDiagram = umlDiagram;
  * spec.finalize(api); // attaches multiplicity chips (needs the live model)
  * ```
  */
-const styles_1 = require("./styles");
-const rows_1 = require("./rows");
-const card_1 = require("./card");
-const editing_1 = require("./editing");
+import { ensureDiagramKitStyles } from './styles.js';
+import { bindRowInteractions } from './rows.js';
+import { classCardContent, classAutoHeight } from './card.js';
+import { bindCardEditing } from './editing.js';
 const DEFAULT_WIDTH = 200;
 const STROKE = '#475569';
 const DASH = '6,4';
@@ -68,19 +65,19 @@ const chip = (text, slot) => ({
  * after render() — multiplicity chips are positioned labels, which only the
  * live model's `link.addLabel` can express.
  */
-function umlDiagram(options) {
+export function umlDiagram(options) {
     var _a;
-    (0, styles_1.ensureDiagramKitStyles)();
+    ensureDiagramKitStyles();
     const editable = options.editable === true;
     const nodes = options.classes.map((cls, i) => {
         var _a, _b;
         return {
             id: cls.id,
             position: (_a = cls.position) !== null && _a !== void 0 ? _a : { x: 80 + (i % 3) * 320, y: 60 + Math.floor(i / 3) * 260 },
-            size: { width: (_b = cls.width) !== null && _b !== void 0 ? _b : DEFAULT_WIDTH, height: (0, card_1.classAutoHeight)(cls, editable) },
+            size: { width: (_b = cls.width) !== null && _b !== void 0 ? _b : DEFAULT_WIDTH, height: classAutoHeight(cls, editable) },
             // interactive: members 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.classCardContent)(cls, editable), interactive: true }, kitClass: cls, kitEditable: editable }, (options.rowSelection === false ? { kitRowSelection: false } : {})),
+            metadata: Object.assign({ html: { content: classCardContent(cls, editable), interactive: true }, kitClass: cls, kitEditable: editable }, (options.rowSelection === false ? { kitRowSelection: false } : {})),
             shape: { type: 'rect', fill: 'none', stroke: 'none' },
             style: { fill: 'transparent', stroke: 'transparent', strokeWidth: 0 },
         };
@@ -107,10 +104,10 @@ function umlDiagram(options) {
             // bindRowInteractions disposes any prior binding for the container, so it
             // is safe to run twice.
             if (a === null || a === void 0 ? void 0 : a.container)
-                (0, rows_1.bindRowInteractions)(a);
+                bindRowInteractions(a);
         }
         if (editable && (a0 === null || a0 === void 0 ? void 0 : a0.container))
-            (0, editing_1.bindCardEditing)(a0);
+            bindCardEditing(a0);
         if (api && typeof api === 'object') {
             if (finalized.has(api))
                 return;

package/src/lib/diagram-kit/update.d.ts

@@ -27,7 +27,7 @@
  * intended extension point — every basic command does it). When no engine is
  * present the edit still applies, just non-undoably.
  */
-import type { ErColumn } from './er';
+import type { ErColumn } from './er.js';
 /** What an ER table edit can change. Omitted fields are left as they were. */
 export interface ErEntityDelta {
     name?: string;