@dineug/erd-editor 3.8.0 → 3.9.0

package/dist/styles/elevation.styles.d.ts

@@ -0,0 +1,7 @@
+/**
+ * The shadow a panel floating over the canvas casts, the pair radix gives its
+ * dropdowns and dialogs. A light panel reads pasted on without it, its border
+ * sitting only a few luminance points off the ground behind.
+ */
+export declare const floatingShadow: import('@dineug/r-html').CSSTemplateLiterals;
+//# sourceMappingURL=elevation.styles.d.ts.map

package/dist/themes/radix-ui-theme.config.d.ts

@@ -1,3 +1,15 @@
 import { Theme } from './tokens';
 export declare const ThemeConfig: Theme;
+/**
+ * What the gray, gold and bronze accents take instead: their low steps sit on
+ * the gray-4 hover, so a selected row stays on gray-6 and a hovered one eases
+ * back to gray-5, as gray-7 would take gray-11 text in light down to 3.76:1.
+ */
+export declare const NeutralAccentThemeConfig: Partial<Theme>;
+/**
+ * What the light appearance takes instead: its gray 1 to 3 sit too close to lift
+ * a table off the canvas, and a step 9 key or line reads under 3:1 on them, so
+ * the boxes go white with a gray-8 edge and the keys drop to step 11.
+ */
+export declare const LightThemeConfig: Partial<Theme>;
 //# sourceMappingURL=radix-ui-theme.config.d.ts.map

package/dist/themes/tokens.d.ts

@@ -26,14 +26,21 @@ export type Theme = {
     canvasBackground: string;
     canvasBoundaryBackground: string;
     tableBackground: string;
+    tableHeaderBackground: string;
     tableSelect: string;
     tableBorder: string;
+    tableShadow: string;
     memoBackground: string;
     memoSelect: string;
     memoBorder: string;
+    memoShadow: string;
     columnSelect: string;
+    columnSelectHover: string;
     columnHover: string;
     relationshipHover: string;
+    visualizationLink: string;
+    visualizationColumn: string;
+    visualizationRelationship: string;
     toolbarBackground: string;
     contextMenuBackground: string;
     contextMenuSelect: string;

package/dist/utils/calcTable.d.ts

@@ -32,11 +32,7 @@ export declare function calcViewTableWidths(table: Table, state: RootState, colu
  * so the measured width is scaled by both rather than measured a second time.
  */
 export declare function viewHeaderNameWidth(widthName: number): number;
-/**
- * The header band a source draws above its rows. A view has no icon band over
- * the name, so its card is that much shorter than the same table in the
- * document.
- */
+/** The header band a source draws above its rows, each at its own line height. */
 export declare function tableHeaderHeight(source?: GeometrySource): number;
 /**
  * The height of one row a source draws. The document row is sized around the

package/dist/utils/domEvent.d.ts

@@ -4,6 +4,8 @@ export declare function onStop(event: Event): void;
 export declare function onStopImmediate(event: Event): void;
 export declare function isMouseEvent(event: Event): event is MouseEvent;
 export declare function isTouchEvent(event: Event): event is TouchEvent;
+/** A touch that puts a finger down beside another: a pinch, never a press of its own. */
+export declare function isMultiTouch(event: Event): boolean;
 /**
  * The editor root, which is where a pan has to take the selection off: the top
  * toolbar is a sibling of the scene that pans, so suppressing it any lower

package/dist/utils/pinch.d.ts

@@ -0,0 +1,34 @@
+import { Subscription } from 'rxjs';
+import { Point } from '../internal-types';
+/**
+ * Whether a wheel is a trackpad pinch, which a browser sends as a ctrl wheel.
+ * On Apple devices the zoom chord is the command key, so every ctrl wheel is
+ * one; elsewhere ctrl is the chord too, and only a wheel short of a notch is.
+ */
+export declare function isPinchWheel(event: WheelEvent): boolean;
+/** How much a pinch wheel scales the zoom: the scale the browser encoded in it. */
+export declare function pinchWheelScale({ deltaY }: WheelEvent): number;
+/** Where a pinch stands: how far it has scaled since it began, and its centre now. */
+export type Pinch = {
+    scale: number;
+    center: Point;
+};
+/**
+ * What a scene makes of a pinch beginning at the point given, in its own box:
+ * the step to take on every move after, or null to let the pinch go by.
+ */
+export type PinchStart = (center: Point) => ((pinch: Pinch) => void) | null;
+/**
+ * The pinches a scene box takes besides the wheel: two fingers on a touch
+ * screen, and Safari's trackpad pinch, which reaches a page as gesture events.
+ * iOS sends both for one pinch, so the fingers win and the gestures stand down.
+ *
+ * @example
+ * const pinch = createPinch(() => root.value, center => step);
+ * onMounted(() => addUnsubscribe(pinch.listen()));
+ */
+export declare function createPinch(box: () => HTMLElement, start: PinchStart): {
+    handleTouchstart: (event: MouseEvent | TouchEvent) => boolean;
+    listen: () => Subscription;
+};
+//# sourceMappingURL=pinch.d.ts.map

package/dist/utils/validation.d.ts

@@ -1,4 +1,5 @@
 export declare const toNumString: (value: string) => string;
+export declare const zoomInRange: (value: number) => number;
 export declare const maxWidthCommentInRange: (value: number) => number;
 export declare function canvasSizeInRange(size: number | string): number;
 export declare function zoomLevelInRange(zoom: number): number;