@dforge-core/diagram 0.0.4 → 0.0.5

package/CHANGELOG.md

@@ -0,0 +1,112 @@
+# Changelog
+
+All notable changes to `@dforge-core/diagram` are documented here.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
+and this package adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [0.0.4] — 2026-09-14
+
+### Fixed
+
+- **Nodes no longer scale wrongly in Safari/WebKit.** Entity nodes rendered inside an
+  SVG `<foreignObject>`, and WebKit does not apply a scaled SVG ancestor transform to
+  the HTML content of a `foreignObject` — so zooming moved the boxes without resizing
+  their contents. Nodes now render in an HTML overlay layer that carries the same
+  pan/zoom transform as the SVG `<g>` beneath it, which every browser applies the same
+  way.
+
+  The layer is `pointer-events: none` with each node opting back in, so empty space
+  still falls through to the SVG for panning, area-select and edge hit areas. Pointer
+  and double-click handlers moved from the `<svg>` up to the container, since events
+  now originate on both sides of that boundary; the delegated walk-up stops at the
+  container rather than the SVG element. Overlaid zoom controls are excluded from the
+  delegated handler so their clicks aren't read as a pan.
+
+### Added
+
+- **`buildGraph` takes `localized` and `moduleColorIndex` options.**
+
+  `localized` draws `resLabelLocalized` in place of `resLabel` wherever a translation
+  exists, so a tenant that has translated its metadata can read the diagram in its own
+  language. The base label stays the default: the model browser is a developer view,
+  and `metadata.getModel` deliberately loads install-time labels.
+
+  `moduleColorIndex` overrides the default palette assignment of "position in
+  `modules`". Needed when `modules` is an arbitrary subset — a module plus the ones it
+  connects to — which must keep the colors those modules carry on their own diagrams.
+  `intraModuleEdgesOnly` and `colorOffset` are unchanged.
+
+- **`findRelatedModules` and `expandBridgeSelection`**, for drawing a module alongside
+  its neighbours. A bridge module (`crm-fin`, `wms-fin`) owns no tables of its own — it
+  only adds extension columns to the entities of the modules it bridges — so its
+  diagram was empty, hiding the one thing the module does.
+
+  `findRelatedModules(response, moduleCd)` returns the modules on either end of a
+  dependency plus those reachable through a cross-module reference.
+  `expandBridgeSelection(response, moduleCds)` pulls in a selected bridge's non-system,
+  non-bridge dependencies, so picking the bridge alone still draws something.
+
+- **`entityLabel(ent, localized?)` and `columnLabel(col, localized?)`** — the label
+  fallback used internally by `buildGraph`, exported so a consumer rendering its own
+  chrome resolves labels the same way.
+
+- **`SimpleDiagram` accepts `fitKey`** (`string | number`, optional). Changing it
+  re-fits the content to the viewport. Added for the print view, where the diagram is
+  laid out into a fixed sheet box rather than the screen viewport, and the fit has to
+  be recomputed when that box appears.
+
+- **Three optional fields on the model contract**, mirroring what `metadata.getModel`
+  now returns: `ModelModule.dependencies` (manifest `dependencies` keys),
+  `ModelEntity.resLabelLocalized` and `ModelColumn.resLabelLocalized` (label for the
+  viewer's culture, absent when no translation exists).
+
+All of the above are additive. Component props are unchanged apart from the optional
+`fitKey`, so 0.0.3 code compiles and behaves the same against this release.
+
+### Changed
+
+- `@dforge-core/metadata` moves from `0.0.2` to `0.0.22`. It is a type-only import
+  (`model-types.ts` pulls `BaseDatatypeCd`, `ColumnTypeCd` and `FieldTypeCd` from it),
+  so the jump carries no runtime code.
+
+## [0.0.3] — 2026-06-13
+
+### Changed
+
+- **The model contract's code unions come from `@dforge-core/metadata`.**
+  `model-types.ts` had restated `BaseDatatypeCd`, `ColumnTypeCd` and `FieldTypeCd`
+  inline; it now type-imports them from the package that owns those registries, which
+  is the same source the SDK reads. Adds `@dforge-core/metadata` as this package's only
+  dependency.
+
+## [0.0.2] — 2026-06-12
+
+### Removed
+
+- **The `bootstrap-icons` dependency.** `IconButton` rendered icons as Bootstrap Icons
+  font classes, which silently drew nothing unless the host page happened to load that
+  stylesheet. The handful of icons the diagram controls need are now inline SVG paths
+  in `icons.ts`, so the package renders correctly on any page.
+
+## [0.0.1] — 2026-06-09
+
+### Added
+
+- Initial release, published so the diagram can be used outside this repo (the VS Code
+  extension is the first such consumer). `SimpleDiagram`, `ModelDiagram`, `EntityNode`,
+  `WorkspaceMap` and `ModuleCard`, with the layout, edge-routing, graph-building,
+  geometry, pan/zoom and i18n helpers behind them.
+- `model-types.ts` — a local mirror of the dForge API `metadata.getModel` shape, so the
+  package types the payload it draws without depending on the SDK.
+- MIT `LICENSE` and `README.md`.
+
+### Changed
+
+- Renamed from `@dforge/diagram` to `@dforge-core/diagram`.
+
+### Removed
+
+- **The `@dforge/sdk` and `@dforge/ui` dependencies**, both workspace-only packages
+  that made this one unpublishable. The single component used from `@dforge/ui`,
+  `IconButton`, is now local. `svelte` is the only peer dependency.

package/dist/SimpleDiagram/SimpleDiagram.svelte

@@ -41,6 +41,66 @@
 	let draggingSeg = $state<{ edgeId: string; segIndex: number; orientation: 'H' | 'V' } | null>(null);
 	let patternId = `grid-${Math.random().toString(36).slice(2, 8)}`;
 
+	// --- Undo / redo of layout edits (node moves, edge reshapes, resets) ---
+
+	interface LayoutSnapshot {
+		dragOffsets: Record<string, { dx: number; dy: number }>;
+		edgeOverrides: Record<string, Point[]>;
+	}
+
+	const HISTORY_LIMIT = 100;
+	let undoStack = $state.raw<LayoutSnapshot[]>([]);
+	let redoStack = $state.raw<LayoutSnapshot[]>([]);
+	let gestureStart: LayoutSnapshot | null = null;
+	let gestureMoved = false;
+
+	const takeSnapshot = (): LayoutSnapshot =>
+		$state.snapshot({ dragOffsets, edgeOverrides }) as LayoutSnapshot;
+
+	function pushHistory(snap: LayoutSnapshot) {
+		undoStack = [...undoStack.slice(-(HISTORY_LIMIT - 1)), snap];
+		redoStack = [];
+	}
+
+	/** Record the gesture's starting state, if the gesture changed anything. */
+	function commitGesture() {
+		gestureMoved = false;
+		if (!gestureStart) return;
+		if (JSON.stringify(gestureStart) !== JSON.stringify(takeSnapshot())) pushHistory(gestureStart);
+		gestureStart = null;
+	}
+
+	function applySnapshot(snap: LayoutSnapshot) {
+		dragOffsets = snap.dragOffsets;
+		edgeOverrides = snap.edgeOverrides;
+		autoEdges = routeWithOffsets(snap.dragOffsets);
+	}
+
+	function undo() {
+		const snap = undoStack.at(-1);
+		if (!snap) return;
+		redoStack = [...redoStack, takeSnapshot()];
+		undoStack = undoStack.slice(0, -1);
+		applySnapshot(snap);
+	}
+
+	function redo() {
+		const snap = redoStack.at(-1);
+		if (!snap) return;
+		undoStack = [...undoStack, takeSnapshot()];
+		redoStack = redoStack.slice(0, -1);
+		applySnapshot(snap);
+	}
+
+	function handleKeyDown(e: KeyboardEvent) {
+		if (!(e.metaKey || e.ctrlKey) || e.altKey || dragging || draggingSeg) return;
+		const key = e.key.toLowerCase();
+		if (key === 'z' && !e.shiftKey) undo();
+		else if ((key === 'z' && e.shiftKey) || (key === 'y' && e.ctrlKey)) redo();
+		else return;
+		e.preventDefault();
+	}
+
 	const pz = createPanZoom({
 		get minZoom() { return minZoom; },
 		get maxZoom() { return maxZoom; },
@@ -87,18 +147,8 @@
 			edgeOverrides = saved.edgeOverrides;
 			pz.setTransform(saved.transform);
 			restoredTransform = true;
-			// Re-route edges for moved nodes (use local `offsets` to avoid reading $state)
-			const movedIds = new Set(Object.keys(offsets));
-			const posMap: Record<string, DiagramNode> = {};
-			for (const n of nodes) {
-				const off = offsets[n.id];
-				posMap[n.id] = off ? { ...n, x: n.x + off.dx, y: n.y + off.dy } : n;
-			}
-			const posLookup = (id: string) => posMap[id];
-			autoEdges = edges.map((e) => {
-				if (!movedIds.has(e.source) && !movedIds.has(e.target)) return e;
-				return routeEdge(e, posLookup);
-			});
+			// Use local `offsets` to avoid reading $state
+			autoEdges = routeWithOffsets(offsets);
 		} else if (saved) {
 			dragOffsets = {};
 			edgeOverrides = saved.edgeOverrides;
@@ -113,8 +163,25 @@
 		}
 		selectedNodeIds = new Set();
 		selectedEdgeId = null;
+		undoStack = [];
+		redoStack = [];
 	});
 
+	/** Auto-route edges for the given node offsets; edges between unmoved nodes keep their layout route. */
+	function routeWithOffsets(offsets: Record<string, { dx: number; dy: number }>): ResolvedEdge[] {
+		const movedIds = new Set(Object.keys(offsets));
+		const posMap: Record<string, DiagramNode> = {};
+		for (const n of nodes) {
+			const off = offsets[n.id];
+			posMap[n.id] = off ? { ...n, x: n.x + off.dx, y: n.y + off.dy } : n;
+		}
+		const posLookup = (id: string) => posMap[id];
+		return edges.map((e) => {
+			if (!movedIds.has(e.source) && !movedIds.has(e.target)) return e;
+			return routeEdge(e, posLookup);
+		});
+	}
+
 	// Derive node positions with drag offsets applied
 	const nodePositions = $derived.by(() => {
 		const pos: Record<string, DiagramNode> = {};
@@ -209,6 +276,9 @@
 		// clicks would otherwise reach this delegated handler.
 		if (target.closest('.diagram-controls')) return;
 
+		// Take focus so Ctrl/Cmd+Z reaches handleKeyDown
+		containerEl.focus({ preventScroll: true });
+
 		// Segment drag handle
 		const handle = closest(target, 'data-handle');
 		if (handle) {
@@ -286,6 +356,7 @@
 		}
 		if (pz.onPointerMove(e)) return;
 		if (draggingSeg) {
+			gestureMoved = true;
 			const pos = pz.clientToSvg(e.clientX, e.clientY);
 			const pts = getEdgePoints(draggingSeg.edgeId);
 			if (pts.length === 0) return;
@@ -294,6 +365,7 @@
 			return;
 		}
 		if (dragging) {
+			gestureMoved = true;
 			const pos = pz.clientToSvg(e.clientX, e.clientY);
 			const newOffsets = { ...dragOffsets };
 			for (const [nid, off] of Object.entries(dragging.offsets)) {
@@ -334,12 +406,16 @@
 		if (draggingSeg) {
 			const edgeId = draggingSeg.edgeId;
 			const pts = edgeOverrides[edgeId];
-			if (pts) {
+			// A handle click without a move must not turn the auto route into an override
+			if (!gestureMoved && gestureStart) {
+				edgeOverrides = gestureStart.edgeOverrides;
+			} else if (pts) {
 				edgeOverrides = { ...edgeOverrides, [edgeId]: consolidatePoints(pts) };
 			}
 		}
 		dragging = null;
 		draggingSeg = null;
+		commitGesture();
 	}
 
 	// --- Node interaction ---
@@ -367,12 +443,15 @@
 				offsets[nid] = { offsetX: pos.x - np.x, offsetY: pos.y - np.y };
 			}
 		}
+		gestureStart = takeSnapshot();
 		dragging = { nodeId, offsets };
 	}
 
 	// --- Edge interaction ---
 
 	function resetEdgeRoute(edgeId: string) {
+		if (!edgeOverrides[edgeId]) return;
+		pushHistory(takeSnapshot());
 		const { [edgeId]: _, ...rest } = edgeOverrides;
 		edgeOverrides = rest;
 	}
@@ -380,6 +459,7 @@
 	function startSegDrag(_e: PointerEvent, edgeId: string, segIndex: number, orientation: 'H' | 'V') {
 		const pts = getEdgePoints(edgeId);
 		if (pts.length === 0) return;
+		gestureStart = takeSnapshot();
 
 		if (!edgeOverrides[edgeId]) {
 			edgeOverrides = { ...edgeOverrides, [edgeId]: pts.map((p) => ({ ...p })) };
@@ -393,6 +473,7 @@
 	function startSplitDrag(_e: PointerEvent, edgeId: string, segIndex: number, orientation: 'H' | 'V') {
 		const pts = getEdgePoints(edgeId);
 		if (pts.length === 0) return;
+		gestureStart = takeSnapshot();
 
 		const jog = insertJog(pts, segIndex, orientation);
 
@@ -421,6 +502,7 @@
 	}
 
 	function resetLayout() {
+		if (Object.keys(dragOffsets).length > 0 || Object.keys(edgeOverrides).length > 0) pushHistory(takeSnapshot());
 		dragOffsets = {};
 		edgeOverrides = {};
 		selectedNodeIds = new Set();
@@ -464,6 +546,8 @@
 <div
 	class="model-diagram"
 	bind:this={containerEl}
+	tabindex="-1"
+	onkeydown={handleKeyDown}
 	onpointerdown={handlePointerDown}
 	onpointermove={handlePointerMove}
 	onpointerup={handlePointerUp}
@@ -638,6 +722,8 @@
 		<IconButton icon="bi-plus-lg" title={t.zoom_in} size="sm" onclick={() => pz.zoomBy(1.3)} />
 		<IconButton icon="bi-dash-lg" title={t.zoom_out} size="sm" onclick={() => pz.zoomBy(1 / 1.3)} />
 		<IconButton icon="bi-fullscreen" title={t.fit_view} size="sm" onclick={fitView} />
+		<IconButton icon="bi-arrow-90deg-left" title={t.undo} size="sm" disabled={undoStack.length === 0} onclick={undo} />
+		<IconButton icon="bi-arrow-90deg-right" title={t.redo} size="sm" disabled={redoStack.length === 0} onclick={redo} />
 		<IconButton icon="bi-arrow-counterclockwise" title={t.reset_layout} size="sm" onclick={resetLayout} />
 	</div>
 </div>
@@ -648,6 +734,7 @@
 		height: 100%;
 		position: relative;
 		overflow: hidden;
+		outline: none;
 	}
 
 	.model-diagram svg {

package/dist/SimpleDiagram/SimpleDiagram.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleDiagram.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/SimpleDiagram/SimpleDiagram.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAS,MAAM,kBAAkB,CAAC;AAUxE,UAAU,KAAK;IACd,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C;AA+iBF,QAAA,MAAM,aAAa,2CAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}
+{"version":3,"file":"SimpleDiagram.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/SimpleDiagram/SimpleDiagram.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAS,MAAM,kBAAkB,CAAC;AAUxE,UAAU,KAAK;IACd,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C;AAooBF,QAAA,MAAM,aAAa,2CAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/SimpleDiagram/simple-layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"simple-layout.d.ts","sourceRoot":"","sources":["../../src/lib/SimpleDiagram/simple-layout.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAS,MAAM,kBAAkB,CAAC;AActF,MAAM,MAAM,UAAU,GAAG,CAAC,EAAE,EAAE,MAAM,KAAK,WAAW,GAAG,SAAS,CAAC;AA0HjE;;GAEG;AACH,wBAAgB,YAAY,CAC3B,KAAK,EAAE,WAAW,EAAE,EACpB,KAAK,EAAE,WAAW,EAAE,GAClB;IAAE,KAAK,EAAE,WAAW,EAAE,CAAC;IAAC,KAAK,EAAE,YAAY,EAAE,CAAA;CAAE,CAejD;AAqFD;;;;GAIG;AACH,wBAAgB,YAAY,CAC3B,KAAK,EAAE,WAAW,EAAE,EACpB,KAAK,EAAE,WAAW,EAAE,GAClB;IAAE,KAAK,EAAE,WAAW,EAAE,CAAC;IAAC,KAAK,EAAE,YAAY,EAAE,CAAA;CAAE,CAmCjD;AA0GD;;GAEG;AACH,wBAAgB,SAAS,CACxB,IAAI,EAAE,WAAW,EACjB,MAAM,EAAE,UAAU,GAChB,YAAY,CAcd;AAED;;GAEG;AACH,wBAAgB,aAAa,CAC5B,KAAK,EAAE,WAAW,EAAE,EACpB,KAAK,EAAE,WAAW,EAAE,GAClB,YAAY,EAAE,CAIhB"}
+{"version":3,"file":"simple-layout.d.ts","sourceRoot":"","sources":["../../src/lib/SimpleDiagram/simple-layout.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAS,MAAM,kBAAkB,CAAC;AAetF,MAAM,MAAM,UAAU,GAAG,CAAC,EAAE,EAAE,MAAM,KAAK,WAAW,GAAG,SAAS,CAAC;AA0HjE;;GAEG;AACH,wBAAgB,YAAY,CAC3B,KAAK,EAAE,WAAW,EAAE,EACpB,KAAK,EAAE,WAAW,EAAE,GAClB;IAAE,KAAK,EAAE,WAAW,EAAE,CAAC;IAAC,KAAK,EAAE,YAAY,EAAE,CAAA;CAAE,CAejD;AAqFD;;;;GAIG;AACH,wBAAgB,YAAY,CAC3B,KAAK,EAAE,WAAW,EAAE,EACpB,KAAK,EAAE,WAAW,EAAE,GAClB;IAAE,KAAK,EAAE,WAAW,EAAE,CAAC;IAAC,KAAK,EAAE,YAAY,EAAE,CAAA;CAAE,CAmCjD;AA+GD;;GAEG;AACH,wBAAgB,SAAS,CACxB,IAAI,EAAE,WAAW,EACjB,MAAM,EAAE,UAAU,GAChB,YAAY,CAcd;AAED;;GAEG;AACH,wBAAgB,aAAa,CAC5B,KAAK,EAAE,WAAW,EAAE,EACpB,KAAK,EAAE,WAAW,EAAE,GAClB,YAAY,EAAE,CAIhB"}

package/dist/SimpleDiagram/simple-layout.js

@@ -7,6 +7,7 @@ const HEADER_HEIGHT = 30;
 const ROW_HEIGHT = 22;
 const MODULE_BLOCK_GAP = 80;
 const OVERLAP_MARGIN = 30;
+const MIN_ROUTE_GAP = 12;
 /** Group items by a key function into a Map of arrays. */
 function groupBy(items, key) {
     const map = new Map();
@@ -271,24 +272,31 @@ function routeSelfEdge(edge, node, srcY, tgtY) {
 }
 /** Route stubs that avoid crossing through the connected nodes. */
 function stubRoute(src, tgt, dir, srcNode, tgtNode) {
-    const stubSrc = src.x + dir * STUB_LENGTH;
-    const stubTgt = tgt.x - dir * STUB_LENGTH;
+    let stubSrc = src.x + dir * STUB_LENGTH;
+    let stubTgt = tgt.x - dir * STUB_LENGTH;
     // Find midY that doesn't cross through either node
     const srcBottom = srcNode.y + srcNode.height;
     const tgtTop = tgtNode.y;
     const srcTop = srcNode.y;
     const tgtBottom = tgtNode.y + tgtNode.height;
     let midY;
-    if (srcBottom + OVERLAP_MARGIN < tgtTop) {
+    if (srcBottom + MIN_ROUTE_GAP < tgtTop) {
         // Gap between nodes — route through it
         midY = (srcBottom + tgtTop) / 2;
     }
-    else if (tgtBottom + OVERLAP_MARGIN < srcTop) {
+    else if (tgtBottom + MIN_ROUTE_GAP < srcTop) {
         midY = (tgtBottom + srcTop) / 2;
     }
     else {
-        // Nodes overlap vertically — route above both
+        // Nodes overlap vertically — route above both; a stub that would land inside the other node moves outside both
         midY = Math.min(srcTop, tgtTop) - OVERLAP_MARGIN;
+        const left = Math.min(srcNode.x, tgtNode.x) - STUB_LENGTH;
+        const right = Math.max(srcNode.x + srcNode.width, tgtNode.x + tgtNode.width) + STUB_LENGTH;
+        const inside = (x, n) => x > n.x && x < n.x + n.width;
+        if (inside(stubSrc, tgtNode))
+            stubSrc = dir > 0 ? right : left;
+        if (inside(stubTgt, srcNode))
+            stubTgt = dir > 0 ? left : right;
     }
     return [
         src,

package/dist/i18n.d.ts

@@ -3,6 +3,8 @@ export interface DiagramTranslations {
     zoom_out: string;
     fit_view: string;
     reset_layout: string;
+    undo: string;
+    redo: string;
     col_type_formula: string;
     col_type_ref: string;
     col_type_set: string;

package/dist/i18n.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../src/lib/i18n.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,mBAAmB;IACnC,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,uBAAuB,EAAE,mBAQrC,CAAC;AAIF,wBAAgB,sBAAsB,CAAC,YAAY,EAAE,mBAAmB,GAAG,IAAI,CAE9E;AAED,wBAAgB,sBAAsB,IAAI,mBAAmB,CAK5D"}
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../src/lib/i18n.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,mBAAmB;IACnC,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,gBAAgB,EAAE,MAAM,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,uBAAuB,EAAE,mBAUrC,CAAC;AAIF,wBAAgB,sBAAsB,CAAC,YAAY,EAAE,mBAAmB,GAAG,IAAI,CAE9E;AAED,wBAAgB,sBAAsB,IAAI,mBAAmB,CAK5D"}

package/dist/i18n.js

@@ -4,6 +4,8 @@ export const DIAGRAM_TRANSLATIONS_EN = {
     zoom_out: 'Zoom out',
     fit_view: 'Fit view',
     reset_layout: 'Reset layout',
+    undo: 'Undo',
+    redo: 'Redo',
     col_type_formula: 'formula',
     col_type_ref: 'ref',
     col_type_set: 'set',

package/dist/icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../src/lib/icons.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CASxC,CAAC"}
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../src/lib/icons.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAaxC,CAAC"}

package/dist/icons.js

@@ -13,5 +13,7 @@ export const ICONS = {
     'bi-plus-lg': '<path fill-rule="evenodd" d="M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2"/>',
     'bi-dash-lg': '<path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8"/>',
     'bi-fullscreen': '<path d="M1.5 1a.5.5 0 0 0-.5.5v4a.5.5 0 0 1-1 0v-4A1.5 1.5 0 0 1 1.5 0h4a.5.5 0 0 1 0 1zM10 .5a.5.5 0 0 1 .5-.5h4A1.5 1.5 0 0 1 16 1.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 1-.5-.5M.5 10a.5.5 0 0 1 .5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 0 14.5v-4a.5.5 0 0 1 .5-.5m15 0a.5.5 0 0 1 .5.5v4a1.5 1.5 0 0 1-1.5 1.5h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 1 .5-.5"/>',
+    'bi-arrow-90deg-left': '<path fill-rule="evenodd" d="M1.146 4.854a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 4H12.5A2.5 2.5 0 0 1 15 6.5v8a.5.5 0 0 1-1 0v-8A1.5 1.5 0 0 0 12.5 5H2.707l3.147 3.146a.5.5 0 1 1-.708.708z"/>',
+    'bi-arrow-90deg-right': '<path fill-rule="evenodd" d="M14.854 4.854a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 4H3.5A2.5 2.5 0 0 0 1 6.5v8a.5.5 0 0 0 1 0v-8A1.5 1.5 0 0 1 3.5 5h9.793l-3.147 3.146a.5.5 0 0 0 .708.708z"/>',
     'bi-arrow-counterclockwise': '<path fill-rule="evenodd" d="M8 3a5 5 0 1 1-4.546 2.914.5.5 0 0 0-.908-.417A6 6 0 1 0 8 2z"/><path d="M8 4.466V.534a.25.25 0 0 0-.41-.192L5.23 2.308a.25.25 0 0 0 0 .384l2.36 1.966A.25.25 0 0 0 8 4.466"/>',
 };

package/package.json

@@ -1,58 +1,60 @@
 {
-  "name": "@dforge-core/diagram",
-  "version": "0.0.4",
-  "description": "Entity-relationship and workspace diagram components for dForge models. Standalone Svelte 5 library with no dForge runtime dependencies.",
-  "license": "MIT",
-  "author": "dForge",
-  "homepage": "https://github.com/iash44/dForge-core/tree/main/clients/packages/diagram#readme",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/iash44/dForge-core.git",
-    "directory": "clients/packages/diagram"
-  },
-  "bugs": {
-    "url": "https://github.com/iash44/dForge-core/issues"
-  },
-  "keywords": [
-    "svelte",
-    "diagram",
-    "erd",
-    "entity-relationship",
-    "dforge",
-    "visualization"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
-  "type": "module",
-  "svelte": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "source": "./src/lib/index.ts",
-      "types": "./dist/index.d.ts",
-      "svelte": "./dist/index.js",
-      "default": "./dist/index.js"
-    }
-  },
-  "files": [
-    "dist"
-  ],
-  "dependencies": {
-    "@dforge-core/metadata": "0.0.22"
-  },
-  "peerDependencies": {
-    "svelte": "^5.0.0"
-  },
-  "devDependencies": {
-    "@sveltejs/package": "^2.5.8",
-    "@sveltejs/vite-plugin-svelte": "^7.3.0",
-    "svelte": "^5.56.8",
-    "typescript": "^6.0.3"
-  },
-  "scripts": {
-    "build": "svelte-package",
-    "dev": "svelte-package --watch",
-    "package": "pnpm pack"
-  }
-}
+	"name": "@dforge-core/diagram",
+	"version": "0.0.5",
+	"description": "Entity-relationship and workspace diagram components for dForge models. Standalone Svelte 5 library with no dForge runtime dependencies.",
+	"license": "MIT",
+	"author": "dForge",
+	"homepage": "https://github.com/iash44/dForge-core/tree/main/clients/packages/diagram#readme",
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/iash44/dForge-core.git",
+		"directory": "clients/packages/diagram"
+	},
+	"bugs": {
+		"url": "https://github.com/iash44/dForge-core/issues"
+	},
+	"keywords": [
+		"svelte",
+		"diagram",
+		"erd",
+		"entity-relationship",
+		"dforge",
+		"visualization"
+	],
+	"publishConfig": {
+		"access": "public"
+	},
+	"type": "module",
+	"svelte": "./dist/index.js",
+	"types": "./dist/index.d.ts",
+	"exports": {
+		".": {
+			"source": "./src/lib/index.ts",
+			"types": "./dist/index.d.ts",
+			"svelte": "./dist/index.js",
+			"default": "./dist/index.js"
+		}
+	},
+	"files": [
+		"dist",
+		"CHANGELOG.md"
+	],
+	"scripts": {
+		"build": "svelte-package",
+		"dev": "svelte-package --watch",
+		"prepack": "pnpm build",
+		"package": "pnpm pack"
+	},
+	"dependencies": {
+		"@dforge-core/metadata": "workspace:*"
+	},
+	"peerDependencies": {
+		"svelte": "^5.0.0"
+	},
+	"devDependencies": {
+		"@sveltejs/package": "^2.5.8",
+		"@sveltejs/vite-plugin-svelte": "^7.3.0",
+		"svelte": "^5.56.8",
+		"typescript": "^6.0.3"
+	}
+}