@dineug/erd-editor 3.8.0 → 3.9.0

package/dist/hooks/usePinchZoom.d.ts

@@ -0,0 +1,27 @@
+import { Ref } from '@dineug/r-html';
+import { AppContext } from '../components/appContext';
+import { GeometrySource } from '../utils/draw-relationship/geometrySource';
+export type PinchZoomOptions = {
+    /** The editor whose store the zoom lands in. */
+    app: () => AppContext;
+    /** The box the scene hangs in, which a pinch is measured against. */
+    root: Ref<HTMLDivElement>;
+    /** The scene zoomed, else the one the zoom chords reach. */
+    source?: GeometrySource;
+    /** Whether the scene zooms by a pinch now; an overlay over it does not. */
+    enabled?: () => boolean;
+};
+/**
+ * The pinches a store scene zooms by: a trackpad's about the pointer, and two
+ * fingers about their midpoint, which also pans as it travels. The caller hands
+ * each its wheel and its press first and leaves the one spent here alone.
+ *
+ * @example
+ * const pinch = usePinchZoom({ app: () => app.value, root });
+ * if (pinch.handleWheel(event)) return;
+ */
+export declare function usePinchZoom({ app, root, source, enabled, }: PinchZoomOptions): {
+    handleWheel: (event: WheelEvent) => boolean;
+    handleTouchstart: (event: MouseEvent | TouchEvent) => boolean;
+};
+//# sourceMappingURL=usePinchZoom.d.ts.map