@dineug/erd-editor 3.5.0 → 3.6.0

package/README.md

@@ -32,6 +32,13 @@ 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. Two features run in shared workers — schema garbage collection and the PNG export —
+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 +69,39 @@ 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', '@dineug/erd-editor-shiki-worker'],
+  },
+};
+```
+
+### Script tag
+
+`dist/erd-editor.umd.js` is a self-contained build for a plain `<script>` tag: every
+dependency and both workers are inside it, and it registers `<erd-editor>` and exposes the
+three 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>
+<script src="https://cdn.jsdelivr.net/npm/@dineug/erd-editor-shiki-worker/dist/erd-editor-shiki-worker.umd.js"></script>
+<script>
+  ErdEditor.setGetShikiServiceCallback(ErdEditorShikiWorker.getShikiService);
+</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 +121,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 +150,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. |

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,19 @@ 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;
 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/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/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

package/dist/components/erd/floating-toolbar/FloatingToolbar.d.ts

@@ -0,0 +1,10 @@
+import { FC } from '@dineug/r-html';
+export type FloatingToolbarProps = {};
+/**
+ * The tools over the canvas: which of the two a press means, the notation the
+ * next relationship is drawn in, and zen mode. It is the one surface zen mode
+ * leaves standing, because the way out of zen mode is in it.
+ */
+declare const FloatingToolbar: FC<FloatingToolbarProps>;
+export default FloatingToolbar;
+//# sourceMappingURL=FloatingToolbar.d.ts.map

package/dist/components/erd/floating-toolbar/FloatingToolbar.styles.d.ts

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

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

@@ -20,3 +20,4 @@ export declare function trackSceneHits(stage: Stage): () => void;
  * because the press has re-rendered the scene by the time this is asked.
  */
 export declare function sceneHit(container: HTMLElement | null | undefined, event: MouseEvent | TouchEvent): SceneHit | null;
+//# sourceMappingURL=hitTest.d.ts.map

package/dist/components/erd/minimap/Minimap.d.ts

@@ -2,3 +2,4 @@ import { FC } from '@dineug/r-html';
 export type MinimapProps = {};
 declare const Minimap: FC<MinimapProps>;
 export default Minimap;
+//# sourceMappingURL=Minimap.d.ts.map

package/dist/components/erd/minimap/Minimap.styles.d.ts

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

package/dist/components/erd/minimap/MinimapScene.d.ts

@@ -14,3 +14,4 @@ declare const MinimapScene: FC<MinimapSceneProps>;
  */
 export declare function renderMinimapScene(stage: Stage): void;
 export default MinimapScene;
+//# sourceMappingURL=MinimapScene.d.ts.map

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

@@ -2,11 +2,14 @@ import { FC } from '@dineug/r-html';
 import { Memo } from '../../../../internal-types';
 export type MemoProps = {
     memo: Memo;
+    /** Thumbnail pixels per scene unit, which is what the box is floored at. */
+    ratio: number;
 };
 /**
- * A memo as the minimap draws it: the box and nothing in it. The id rides in
- * the name, the way a relationship carries its own, because an id on a second
- * stage would make an id scan over the live stages ambiguous.
+ * A memo as the minimap draws it: the box and nothing in it, no smaller than a
+ * mark however far the map is folded. The id rides in the name, the way a
+ * relationship carries its own, as an id on a second stage would make an id scan ambiguous.
  */
 declare const Memo: FC<MemoProps>;
 export default Memo;
+//# sourceMappingURL=Memo.d.ts.map