@dineug/erd-editor 3.5.0 → 3.7.0

package/README.md

@@ -32,6 +32,14 @@ and the [IntelliJ plugin](https://plugins.jetbrains.com/plugin/23594-erd-editor)
 npm install @dineug/erd-editor
 ```
 
+The package ships ES modules with its dependencies left as bare imports, so any bundler
+(Vite, webpack, Rspack, esbuild, …) resolves, dedupes and tree-shakes them like the rest of
+your app. Four features run in shared workers — schema garbage collection, the PNG export, the
+automatic table placement and the syntax highlighting — constructed as
+`new SharedWorker(new URL('./workers/…', import.meta.url))`, which those bundlers emit as worker
+files beside your chunks; a strict CSP needs `worker-src 'self'`. Without a bundler, use the UMD
+file described under [Script tag](#script-tag) instead.
+
 ## Usage
 
 ```js
@@ -62,6 +70,35 @@ useEffect(() => {
 }, []);
 ```
 
+### Vite
+
+In development Vite pre-bundles dependencies into its cache directory, and the worker files
+would then be looked up there rather than beside the package. Exclude the editor packages from
+that step; a production build needs nothing.
+
+```js
+// vite.config.js
+export default {
+  optimizeDeps: {
+    exclude: ['@dineug/erd-editor'],
+  },
+};
+```
+
+### Script tag
+
+`dist/erd-editor.umd.js` is a self-contained build for a plain `<script>` tag: every
+dependency and all four workers are inside it, and it registers `<erd-editor>` and exposes the
+two file callbacks as `window.ErdEditor`. It is what `unpkg` and `jsdelivr` serve.
+
+```html
+<erd-editor style="display: block; width: 100%; height: 100vh"></erd-editor>
+<script src="https://cdn.jsdelivr.net/npm/@dineug/erd-editor/dist/erd-editor.umd.js"></script>
+```
+
+The workers travel inside the file as `data:` URLs, so a strict CSP needs `worker-src data:`
+for this build. Pin a version in the URL for anything beyond a demo.
+
 ### HTML
 
 ```html
@@ -81,15 +118,6 @@ erd-editor {
 }
 ```
 
-### CDN
-
-```html
-<erd-editor style="display: block; width: 100%; height: 100vh"></erd-editor>
-<script type="module">
-  import 'https://esm.run/@dineug/erd-editor';
-</script>
-```
-
 ## API
 
 ### Attributes
@@ -119,7 +147,7 @@ erd-editor {
 | `setDiffValue(value: string)` | Open the diff viewer against another document. |
 | `setPresetTheme(options)` | Set `appearance`, `grayColor` and `accentColor`. |
 | `setTheme(theme)` | Override individual theme tokens. |
-| `setKeyBindingMap(map)` | Remap shortcuts. `edit`, `stop`, `search`, `undo`, `redo`, `zoomIn` and `zoomOut` are reserved. |
+| `setKeyBindingMap(map)` | Remap shortcuts. `edit`, `stop`, `search`, `undo`, `redo`, `zoomIn`, `zoomOut` and `zoomReset` are reserved. |
 | `getSharedStore(config?)` | Returns `{ subscribe, dispatch, dispatchSync, connection, disconnect, destroy }`. `subscribe` gives you this editor's actions to relay; `dispatch` applies a peer's. You supply the transport. `config` is `{ getNickname?, mouseTracker?, focusTracker? }`; both trackers default to `true` and broadcast this editor's cursor and table focus to peers. |
 | `focus()` / `blur()` | Move focus in and out of the editor. |
 | `clear()` | Empty the document. |
@@ -134,22 +162,22 @@ erd-editor {
 
 ## Syntax highlighting
 
-The SQL and code-generation panels render as plain text unless a highlighter is supplied.
-[`@dineug/erd-editor-shiki-worker`](https://www.npmjs.com/package/@dineug/erd-editor-shiki-worker)
-runs one in a shared worker. It is a separate install:
+The SQL and code-generation panels are highlighted by [Shiki](https://shiki.style), in a shared
+worker of its own. There is nothing to install or register: the worker is built the first time a
+code panel renders, so a page that opens none never fetches the grammars.
 
-```sh
-npm install @dineug/erd-editor-shiki-worker
-```
+| | |
+| --- | --- |
+| Languages | SQL, TypeScript, GraphQL, C#, Java, Kotlin, Scala, Go, Python |
+| Themes | `github-dark`, `github-light`, picked from the editor's light / dark appearance |
 
-```js
-import { setGetShikiServiceCallback } from '@dineug/erd-editor';
+Those are exactly the languages the panels emit — the JPA generator emits Java, the SQLAlchemy
+generator emits Python, the TypeORM, Sequelize and Drizzle generators emit TypeScript, and the
+DBML and AML generators are highlighted as SQL, the closest grammar shiki ships.
 
-// deferred, so the highlighter never lands in your main chunk
-import('@dineug/erd-editor-shiki-worker').then(({ getShikiService }) => {
-  setGetShikiServiceCallback(getShikiService);
-});
-```
+Where `SharedWorker` is missing — Chrome on Android, Safari before 16.4 — the underlying error is
+logged and the panels render as plain text; nothing else is affected. The regex engine is plain
+JavaScript, so no host CSP needs `wasm-unsafe-eval`.
 
 ## File dialogs
 

package/dist/components/appContext.d.ts

@@ -28,3 +28,4 @@ export declare function createAppContext(ctx: InjectAppContext, options?: AppCon
 export declare const appContext: import('@dineug/r-html').Context<AppContext>;
 export declare const useAppContext: (ctx: Ctx, fallback?: AppContext) => import('@dineug/r-html').Ref<AppContext>;
 export declare function appDestroy(app: AppContext): void;
+//# sourceMappingURL=appContext.d.ts.map

package/dist/components/customElementRegistry.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=customElementRegistry.d.ts.map

package/dist/components/erd/Erd.d.ts

@@ -5,3 +5,4 @@ export type ErdProps = {
 };
 declare const Erd: FC<ErdProps>;
 export default Erd;
+//# sourceMappingURL=Erd.d.ts.map

package/dist/components/erd/Erd.styles.d.ts

@@ -1 +1,2 @@
 export declare const root: import('@dineug/r-html').CSSTemplateLiterals;
+//# sourceMappingURL=Erd.styles.d.ts.map

package/dist/components/erd/automatic-table-placement/AutomaticTablePlacement.d.ts

@@ -1,5 +1,7 @@
 import { FC, Ref } from '@dineug/r-html';
 import { AppContext } from '../../appContext';
+import { Viewport } from '../../../engine/modules/editor/state';
+import { Rect } from '../../../konva/scene/metrics';
 export type AutomaticTablePlacementProps = {
     app: Ref<AppContext>;
     onChange: (tables: TablePoint[]) => void;
@@ -9,5 +11,24 @@ export type TablePoint = {
     x: number;
     y: number;
 };
+/**
+ * Scene units left around the content when the preview fits it, so a table at
+ * the edge of the document is not flush against the edge of the screen.
+ */
+export declare const FIT_PADDING = 200;
+/** The closest the preview opens at: the whole document is what it is for. */
+export declare const PREVIEW_ZOOM_MAX = 0.7;
+/**
+ * The zoom the preview opens at: the content with its padding fitted into the
+ * screen on both axes, rounded to the two places a zoom is kept to, and held
+ * between the floor every zoom has and the ceiling above.
+ */
+export declare function previewZoomLevel(content: Rect, viewport: Viewport): number;
+/** How far the simulation has cooled, from 0 to 1. */
+export type PlacementToastState = {
+    progress: number;
+};
+export declare function placementDescription({ progress, }: PlacementToastState): string;
 declare const AutomaticTablePlacement: FC<AutomaticTablePlacementProps>;
 export default AutomaticTablePlacement;
+//# sourceMappingURL=AutomaticTablePlacement.d.ts.map

package/dist/components/erd/automatic-table-placement/AutomaticTablePlacement.styles.d.ts

@@ -1,2 +1,3 @@
 export declare const root: import('@dineug/r-html').CSSTemplateLiterals;
 export declare const container: import('@dineug/r-html').CSSTemplateLiterals;
+//# sourceMappingURL=AutomaticTablePlacement.styles.d.ts.map

package/dist/components/erd/automatic-table-placement/createAutomaticTablePlacement.d.ts

@@ -25,3 +25,4 @@ type Cooling = {
 export declare function placementProgress(simulation: Cooling): number;
 export declare function createAutomaticTablePlacement(state: RootState): import('d3-force').Simulation<Node, undefined>;
 export {};
+//# sourceMappingURL=createAutomaticTablePlacement.d.ts.map

package/dist/components/erd/automatic-table-placement/runElkPlacement.d.ts

@@ -0,0 +1,12 @@
+import { AppContext } from '../../appContext';
+import { ElkLayoutPoint, ElkPlacement } from '../../../services/elk-layout';
+/**
+ * Places every table by ELK and hands the layout straight over. No preview
+ * overlay: one layout arrives at once, there is nothing to weigh before it
+ * lands, and a single undo puts every table back.
+ *
+ * @example
+ * runElkPlacement(app.value, placement, handleChangeAutomaticTablePlacement);
+ */
+export declare function runElkPlacement(app: AppContext, placement: ElkPlacement, onChange: (tables: ElkLayoutPoint[]) => void): Promise<void>;
+//# sourceMappingURL=runElkPlacement.d.ts.map

package/dist/components/erd/canvas/Canvas.d.ts

@@ -11,3 +11,4 @@ export type CanvasProps = {
  */
 declare const Canvas: FC<CanvasProps>;
 export default Canvas;
+//# sourceMappingURL=Canvas.d.ts.map

package/dist/components/erd/canvas/Canvas.styles.d.ts

@@ -1,13 +1,14 @@
 /**
- * A document box, painted with the canvas background. The minimap's thumbnail
- * is one of these; the editor's own document box is a konva rect on the scene's
- * bottom layer, because the stage container below is the screen, not the box.
+ * The stage container, which is viewport sized and is the canvas. The document
+ * has no edge to draw any more, so the colour the scene used to paint on a
+ * document sized rect is painted here instead and reaches every corner.
  */
-export declare const root: import('@dineug/r-html').CSSTemplateLiterals;
+export declare const stage: import('@dineug/r-html').CSSTemplateLiterals;
 /**
- * The stage container, which is viewport sized. It paints nothing of its own so
- * that the boundary background of whatever holds the editor shows through
- * wherever the scene has drawn no document.
+ * The minimap's thumbnail, which is a picture of that same canvas and so is
+ * painted by the very same rules. It keeps a name of its own because the
+ * minimap asks for it by one.
  */
-export declare const stage: import('@dineug/r-html').CSSTemplateLiterals;
+export declare const root: import('@dineug/r-html').CSSTemplateLiterals;
 export declare const controller: import('@dineug/r-html').CSSTemplateLiterals;
+//# sourceMappingURL=Canvas.styles.d.ts.map

package/dist/components/erd/canvas/CanvasScene.d.ts

@@ -16,3 +16,4 @@ declare const CanvasScene: FC<CanvasSceneProps>;
  */
 export declare function renderCanvasScene(stage: Stage, props: CanvasSceneProps): void;
 export default CanvasScene;
+//# sourceMappingURL=CanvasScene.d.ts.map

package/dist/components/erd/canvas/EditOverlay.d.ts

@@ -6,3 +6,4 @@ import { FC } from '@dineug/r-html';
  */
 declare const EditOverlay: FC;
 export default EditOverlay;
+//# sourceMappingURL=EditOverlay.d.ts.map

package/dist/components/erd/canvas/EditOverlay.styles.d.ts

@@ -4,3 +4,4 @@
  * paints no underline of its own: the scene's rect keeps running under it.
  */
 export declare const cell: import('@dineug/r-html').CSSTemplateLiterals;
+//# sourceMappingURL=EditOverlay.styles.d.ts.map

package/dist/components/erd/canvas/SceneIcon.template.d.ts

@@ -19,3 +19,4 @@ export type SceneIconOptions = {
  * scene rendered at that size.
  */
 export declare function sceneIcon({ icon, name, kind, size, color, x, y, click, mouseenter, mouseleave, }: SceneIconOptions): DOMTemplateLiterals | null;
+//# sourceMappingURL=SceneIcon.template.d.ts.map

package/dist/components/erd/canvas/altDragDuplicate.d.ts

@@ -1,3 +1,4 @@
 import { AppContext } from '../../appContext';
 import { SelectType } from '../../../engine/modules/editor/state';
 export declare function tryStartAltDragDuplicate(app: AppContext, event: MouseEvent | TouchEvent, entityId: string, selectType: SelectType): boolean;
+//# sourceMappingURL=altDragDuplicate.d.ts.map

package/dist/components/erd/canvas/drag-select/DragSelect.d.ts

@@ -9,3 +9,4 @@ export type DragSelectProps = {
  */
 declare const DragSelect: FC<DragSelectProps>;
 export default DragSelect;
+//# sourceMappingURL=DragSelect.d.ts.map

package/dist/components/erd/canvas/draw-relationship/DrawRelationship.d.ts

@@ -6,3 +6,4 @@ export type DrawRelationshipProps = {
 };
 declare const DrawRelationship: FC<DrawRelationshipProps>;
 export default DrawRelationship;
+//# sourceMappingURL=DrawRelationship.d.ts.map

package/dist/components/erd/canvas/duplicate-ghost/DuplicateGhost.d.ts

@@ -7,3 +7,4 @@ export type DuplicateGhostProps = {};
  */
 declare const DuplicateGhost: FC<DuplicateGhostProps>;
 export default DuplicateGhost;
+//# sourceMappingURL=DuplicateGhost.d.ts.map

package/dist/components/erd/canvas/entityDrag.d.ts

@@ -1,4 +1,7 @@
-export declare function beginEntityDrag(): void;
-export declare function endEntityDrag(): void;
+import { RootState } from '../../../engine/state';
+/** Raises the flag and holds the view as it stands until endEntityDrag. */
+export declare function beginEntityDrag(root: RootState): void;
+export declare function endEntityDrag(root: RootState): void;
 /** Reads the flag through the observable, so a scene render tracks it. */
-export declare function isEntityDragActive(): boolean;
+export declare function isEntityDragActive(root: RootState): boolean;
+//# sourceMappingURL=entityDrag.d.ts.map

package/dist/components/erd/canvas/high-level-table/HighLevelTable.d.ts

@@ -9,3 +9,4 @@ export type HighLevelTableProps = {
 };
 declare const HighLevelTable: FC<HighLevelTableProps>;
 export default HighLevelTable;
+//# sourceMappingURL=HighLevelTable.d.ts.map

package/dist/components/erd/canvas/memo/Memo.d.ts

@@ -7,3 +7,4 @@ export type MemoProps = {
 };
 declare const Memo: FC<MemoProps>;
 export default Memo;
+//# sourceMappingURL=Memo.d.ts.map

package/dist/components/erd/canvas/memo/memo-sash/MemoSash.d.ts

@@ -17,3 +17,4 @@ export declare const MemoSashPosition: {
 export type MemoSashPosition = ValuesType<typeof MemoSashPosition>;
 declare const MemoSash: FC<MemoSashProps>;
 export default MemoSash;
+//# sourceMappingURL=MemoSash.d.ts.map

package/dist/components/erd/canvas/memo/memoCaret.d.ts

@@ -24,3 +24,4 @@ export declare function requestMemoCaret(memoId: string, offset: number): void;
  * const offset = takeMemoCaret(target.memoId);
  */
 export declare function takeMemoCaret(memoId: string): number;
+//# sourceMappingURL=memoCaret.d.ts.map

package/dist/components/erd/canvas/memo/memoScroll.d.ts

@@ -26,3 +26,4 @@ export declare function clampMemoScrollTop(memo: Memo, scrollTop: number): numbe
  * const scrollTop = getMemoScrollTop(store.state.editor, memo);
  */
 export declare function getMemoScrollTop(editor: Editor, memo: Memo): number;
+//# sourceMappingURL=memoScroll.d.ts.map

package/dist/components/erd/canvas/memo/memoText.d.ts

@@ -31,3 +31,4 @@ export declare function getMemoTextBaseline(): number;
  * const text = layoutMemoLines(memo.value, memo.ui.width).join('\n');
  */
 export declare function layoutMemoLines(value: string, width: number): readonly string[];
+//# sourceMappingURL=memoText.d.ts.map

package/dist/components/erd/canvas/memo/useMoveMemo.d.ts

@@ -4,3 +4,4 @@ export declare function useMoveMemo(ctx: Ctx, props: {
 }): {
     onMoveStart: (event: import('../sceneTokens').ScenePointerEvent) => void;
 };
+//# sourceMappingURL=useMoveMemo.d.ts.map

package/dist/components/erd/canvas/relationship-group/RelationshipGroup.d.ts

@@ -13,3 +13,4 @@ export type RelationshipGroupProps = {
  */
 declare const RelationshipGroup: FC<RelationshipGroupProps>;
 export default RelationshipGroup;
+//# sourceMappingURL=RelationshipGroup.d.ts.map

package/dist/components/erd/canvas/relationship-group/relationship/Relationship.d.ts

@@ -6,3 +6,4 @@ export type RelationshipProps = {
 };
 declare const Relationship: FC<RelationshipProps>;
 export default Relationship;
+//# sourceMappingURL=Relationship.d.ts.map

package/dist/components/erd/canvas/relationship-group/relationship/Relationship.template.d.ts

@@ -15,3 +15,4 @@ export declare function decorationLine(points: PointToPoint, stroke: string): DO
 /** The optional ring of a cardinality marker, at either anchor. */
 export declare function decorationRing({ cx, cy }: Circle, stroke: string): DOMTemplateLiterals;
 export declare function relationshipShape(relationshipType: number, { path, line }: RelationshipPath, stroke: string): DOMTemplateLiterals | null;
+//# sourceMappingURL=Relationship.template.d.ts.map

package/dist/components/erd/canvas/sceneHit.d.ts

@@ -16,3 +16,4 @@ export declare const headerCellHit: HitFunc;
  * back at the icon's corner.
  */
 export declare const iconHit: HitFunc;
+//# sourceMappingURL=sceneHit.d.ts.map

package/dist/components/erd/canvas/sceneKind.d.ts

@@ -9,3 +9,4 @@ export type SceneKindNode = {
 };
 /** Whether the node itself or any ancestor of it carries one of the kinds. */
 export declare function hasKindAncestor(node: SceneKindNode | null | undefined, kinds: readonly string[]): boolean;
+//# sourceMappingURL=sceneKind.d.ts.map

package/dist/components/erd/canvas/sceneRetention.d.ts

@@ -29,3 +29,4 @@ export type RetentionPool = {
  * const retainedIds = retention.retain(drawnIds, new Set(tableIds));
  */
 export declare function createRetentionPool({ perDrawn, atLeast, }?: Partial<RetentionOptions>): RetentionPool;
+//# sourceMappingURL=sceneRetention.d.ts.map

package/dist/components/erd/canvas/sceneTokens.d.ts

@@ -65,3 +65,4 @@ export declare const CURSOR_INHERIT = "";
  * on:mouseenter={(event) => setSceneCursor(event, CURSOR_POINTER)}
  */
 export declare function setSceneCursor(event: ScenePointerEvent, cursor: string): void;
+//# sourceMappingURL=sceneTokens.d.ts.map

package/dist/components/erd/canvas/shared-drag-select/SharedDragSelect.d.ts

@@ -6,3 +6,4 @@ export type SharedDragSelectProps = {};
  */
 declare const SharedDragSelect: FC<SharedDragSelectProps>;
 export default SharedDragSelect;
+//# sourceMappingURL=SharedDragSelect.d.ts.map

package/dist/components/erd/canvas/shared-mouse-tracker/SharedMouseTracker.d.ts

@@ -3,3 +3,4 @@ export type SharedMouseTrackerProps = {};
 /** One cursor per peer sharing a pointer, on the presence layer. */
 declare const SharedMouseTracker: FC<SharedMouseTrackerProps>;
 export default SharedMouseTracker;
+//# sourceMappingURL=SharedMouseTracker.d.ts.map

package/dist/components/erd/canvas/shared-mouse-tracker/shared-mouse-cursor/SharedMouseCursor.d.ts

@@ -10,3 +10,4 @@ export type SharedMouseCursorProps = {
  */
 declare const SharedMouseCursor: FC<SharedMouseCursorProps>;
 export default SharedMouseCursor;
+//# sourceMappingURL=SharedMouseCursor.d.ts.map

package/dist/components/erd/canvas/table/Table.d.ts

@@ -13,3 +13,4 @@ export type TableProps = {
 };
 declare const Table: FC<TableProps>;
 export default Table;
+//# sourceMappingURL=Table.d.ts.map

package/dist/components/erd/canvas/table/cellLayout.d.ts

@@ -61,3 +61,4 @@ export declare function getHeaderCellSlots(state: RootState, table: Table): Cell
  * each lands on once the ones before it have taken their width.
  */
 export declare function getColumnCellSlots(state: RootState, widths: ColumnCellWidths): ColumnCellSlot[];
+//# sourceMappingURL=cellLayout.d.ts.map

package/dist/components/erd/canvas/table/column/Column.d.ts

@@ -44,3 +44,4 @@ export type ColumnProps = {
 };
 declare const Column: FC<ColumnProps>;
 export default Column;
+//# sourceMappingURL=Column.d.ts.map

package/dist/components/erd/canvas/table/doubleClick.d.ts

@@ -12,3 +12,4 @@ export type DoubleClickGuard = {
  * the first one was, so the cell that opened the pair is remembered here.
  */
 export declare function createDoubleClickGuard(): DoubleClickGuard;
+//# sourceMappingURL=doubleClick.d.ts.map

package/dist/components/erd/canvas/table/useFocusTable.d.ts

@@ -5,3 +5,4 @@ export declare function useFocusTable(ctx: Ctx, tableId: string): {
     hasEdit: (focusType: FocusType, columnId?: string) => boolean;
     hasSelectColumn: (columnId: string) => boolean;
 };
+//# sourceMappingURL=useFocusTable.d.ts.map

package/dist/components/erd/canvas/table/useMoveTable.d.ts

@@ -4,3 +4,4 @@ export declare function useMoveTable(ctx: Ctx, props: {
 }): {
     onMoveStart: (event: import('../sceneTokens').ScenePointerEvent) => void;
 };
+//# sourceMappingURL=useMoveTable.d.ts.map

package/dist/components/erd/canvas/table/useSharedFocusTable.d.ts

@@ -4,3 +4,4 @@ export declare function useSharedFocusTable(ctx: Ctx, tableId: string): {
     sharedFocusTableColor: () => string | null;
     sharedFocusColor: (focusType: FocusType, columnId?: string) => string | null;
 };
+//# sourceMappingURL=useSharedFocusTable.d.ts.map

package/dist/components/erd/canvas/useMoveEntity.d.ts

@@ -16,3 +16,4 @@ export type MoveEntityOptions = {
 export declare function useMoveEntity(ctx: Ctx, options: MoveEntityOptions): {
     onMoveStart: (event: ScenePointerEvent) => void;
 };
+//# sourceMappingURL=useMoveEntity.d.ts.map

package/dist/components/erd/canvas/useSharedSelectEntity.d.ts

@@ -2,3 +2,4 @@ import { Ctx } from '../../../internal-types';
 export declare function useSharedSelectEntity(ctx: Ctx, entityId: string): {
     sharedSelectColor: () => string | null;
 };
+//# sourceMappingURL=useSharedSelectEntity.d.ts.map

package/dist/components/erd/content-compass/ContentCompass.d.ts

@@ -0,0 +1,10 @@
+import { FC } from '@dineug/r-html';
+export type ContentCompassProps = {};
+/**
+ * The one thing on a screen that has been panned off every table and memo: an
+ * arrow at the nearest of them, how far off it lies, and a press that puts it
+ * back in the middle of the screen.
+ */
+declare const ContentCompass: FC<ContentCompassProps>;
+export default ContentCompass;
+//# sourceMappingURL=ContentCompass.d.ts.map

package/dist/components/erd/content-compass/ContentCompass.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const compass: import('@dineug/r-html').CSSTemplateLiterals;
+export declare const distance: import('@dineug/r-html').CSSTemplateLiterals;
+//# sourceMappingURL=ContentCompass.styles.d.ts.map

package/dist/components/erd/content-compass/compassGeometry.d.ts

@@ -0,0 +1,24 @@
+import { RootState } from '../../../engine/state';
+import { Point } from '../../../internal-types';
+/** Which way the nearest entity lies and how far, while the screen holds none. */
+export type ContentCompass = {
+    /** Degrees clockwise from east, which is the rotation the arrow is drawn at. */
+    angle: number;
+    /** The gap between the screen and that entity, in scene units. */
+    distance: number;
+    /** Its middle, which is the scene point a press centres the screen on. */
+    target: Point;
+};
+/**
+ * Where the nearest entity stands when the screen shows none of them, measured
+ * from the screen's own middle. Null while any table or memo reaches the screen,
+ * touching it counting as reaching it, and null while nobody has measured one.
+ */
+export declare function getContentCompass(state: RootState): ContentCompass | null;
+/**
+ * The gap as the pill prints it: whole scene units under a thousand, then
+ * thousands, millions and billions carrying one decimal under ten, so the label
+ * stays four characters wide however far the view has been carried.
+ */
+export declare function formatDistance(distance: number): string;
+//# sourceMappingURL=compassGeometry.d.ts.map

package/dist/components/erd/diff-viewer/DiffViewer.d.ts

@@ -7,3 +7,4 @@ export type DiffViewerProps = {
 };
 declare const DiffViewer: FC<DiffViewerProps>;
 export default DiffViewer;
+//# sourceMappingURL=DiffViewer.d.ts.map

package/dist/components/erd/diff-viewer/DiffViewer.styles.d.ts

@@ -1,3 +1,4 @@
 export declare const root: import('@dineug/r-html').CSSTemplateLiterals;
 export declare const container: import('@dineug/r-html').CSSTemplateLiterals;
 export declare const viewport: import('@dineug/r-html').CSSTemplateLiterals;
+//# sourceMappingURL=DiffViewer.styles.d.ts.map

package/dist/components/erd/diff-viewer/diff.d.ts

@@ -17,3 +17,4 @@ export declare function diffState(prevState: RootState, state: RootState): [Diff
 export declare function getNameToTableMap({ doc: { tableIds }, collections, }: RootState): NameToTableMap;
 export declare function getDiffStyle(diff: number, diffMap: DiffMap): HTMLStyleElement;
 export {};
+//# sourceMappingURL=diff.d.ts.map

package/dist/components/erd/diff-viewer/erd-viewer/ErdViewer.d.ts

@@ -8,3 +8,4 @@ export type ErdViewerProps = {
 };
 declare const ErdViewer: FC<ErdViewerProps>;
 export default ErdViewer;
+//# sourceMappingURL=ErdViewer.d.ts.map

package/dist/components/erd/diff-viewer/erd-viewer/ErdViewer.styles.d.ts

@@ -1 +1,2 @@
 export declare const root: import('@dineug/r-html').CSSTemplateLiterals;
+//# sourceMappingURL=ErdViewer.styles.d.ts.map

package/dist/components/erd/diff-viewer/tree-viewer/TreeViewer.d.ts

@@ -9,3 +9,4 @@ export type TreeViewerProps = {
 };
 declare const TreeViewer: FC<TreeViewerProps>;
 export default TreeViewer;
+//# sourceMappingURL=TreeViewer.d.ts.map

package/dist/components/erd/diff-viewer/tree-viewer/TreeViewer.styles.d.ts

@@ -3,3 +3,4 @@ export declare const icon: import('@dineug/r-html').CSSTemplateLiterals;
 export declare const table: import('@dineug/r-html').CSSTemplateLiterals;
 export declare const column: import('@dineug/r-html').CSSTemplateLiterals;
 export declare const ellipsis: import('@dineug/r-html').CSSTemplateLiterals;
+//# sourceMappingURL=TreeViewer.styles.d.ts.map

package/dist/components/erd/erd-context-menu/ErdContextMenu.d.ts

@@ -14,3 +14,4 @@ export type ErdContextMenuProps = {
 };
 declare const ErdContextMenu: FC<ErdContextMenuProps>;
 export default ErdContextMenu;
+//# sourceMappingURL=ErdContextMenu.d.ts.map

package/dist/components/erd/erd-context-menu/menus/databaseMenus.d.ts

@@ -10,3 +10,4 @@ export declare function createDatabaseMenus({ store }: AppContext): {
     onClick: () => void;
 }[];
 export {};
+//# sourceMappingURL=databaseMenus.d.ts.map

package/dist/components/erd/erd-context-menu/menus/drawRelationshipMenus.d.ts

@@ -15,3 +15,4 @@ export declare function createDrawRelationshipMenus({ store, keyBindingMap }: Ap
     onClick: () => void;
 }[];
 export {};
+//# sourceMappingURL=drawRelationshipMenus.d.ts.map

package/dist/components/erd/erd-context-menu/menus/exportMenus.d.ts

@@ -8,3 +8,4 @@ type Menu = {
 };
 export declare function createExportMenus(app: AppContext, onClose: () => void, theme: Theme): Menu[];
 export {};
+//# sourceMappingURL=exportMenus.d.ts.map

package/dist/components/erd/erd-context-menu/menus/importMenus.d.ts

@@ -7,3 +7,4 @@ type Menu = {
 };
 export declare function createImportMenus(app: AppContext, onClose: () => void): Menu[];
 export {};
+//# sourceMappingURL=importMenus.d.ts.map

package/dist/components/erd/erd-context-menu/menus/relationshipMenus.d.ts

@@ -5,3 +5,4 @@ export declare function createRelationshipMenus({ store }: AppContext, relations
     name: string;
     onClick: () => void;
 }[];
+//# sourceMappingURL=relationshipMenus.d.ts.map

package/dist/components/erd/erd-context-menu/menus/showMenus.d.ts

@@ -4,3 +4,4 @@ export declare function createShowMenus({ store }: AppContext): {
     name: string;
     onClick: () => void;
 }[];
+//# sourceMappingURL=showMenus.d.ts.map

package/dist/components/erd/erd-context-menu/menus/tablePlacementMenus.d.ts

@@ -0,0 +1,24 @@
+import { AppContext } from '../../../appContext';
+import { IconName } from '../../../primitives/icon/icons';
+import { TablePlacement } from '../../../../constants/tablePlacement';
+type Menu = {
+    name: string;
+    iconName: IconName;
+    placement: TablePlacement;
+};
+export declare const menus: Menu[];
+/**
+ * The placements the author can ask for. Each one emits the same action, and
+ * the editor reads the placement to decide between the preview it watches
+ * settle and the layout ELK answers in one go.
+ *
+ * @example
+ * createTablePlacementMenus(app.value, props.onClose).map(menu => ...);
+ */
+export declare function createTablePlacementMenus({ emitter }: AppContext, onClose: () => void): {
+    name: string;
+    iconName: IconName;
+    onClick: () => void;
+}[];
+export {};
+//# sourceMappingURL=tablePlacementMenus.d.ts.map

package/dist/components/erd/erdShortcutPerformCheck.d.ts

@@ -1,3 +1,4 @@
 import { Observable } from 'rxjs';
 import { RootState } from '../../engine/state';
 export declare const erdShortcutPerformCheck: ({ editor, settings }: RootState) => <T>(source$: Observable<T>) => Observable<T>;
+//# sourceMappingURL=erdShortcutPerformCheck.d.ts.map