rikiki-deck 0.6.0 → 0.7.2

package/dist/viewport.d.ts

@@ -0,0 +1,42 @@
+/** The logical canvas the deck composes on. */
+export interface Canvas {
+    readonly width: number;
+    readonly height: number;
+}
+/** The box the canvas is displayed in, in CSS pixels. */
+export interface Box {
+    readonly width: number;
+    readonly height: number;
+}
+/** Zoom factor plus the offset of the stage from its centred position. */
+export interface Viewport {
+    readonly zoom: number;
+    readonly panX: number;
+    readonly panY: number;
+}
+export declare const FIT: Viewport;
+/** Scale at which the canvas exactly fits its box · the deck's "1x". */
+export declare function fitScale(canvas: Canvas, box: Box): number;
+/** How far the stage may slide before showing empty space beside the canvas.
+ *  Zero on an axis the canvas does not overflow · nothing to pan there. */
+export declare function panBounds(canvas: Canvas, box: Box, zoom: number): {
+    x: number;
+    y: number;
+};
+/** Keep the pan inside its bounds · the invariant every pan and zoom returns
+ *  under, so the reader can never drag the slide off screen. */
+export declare function clampPan(view: Viewport, canvas: Canvas, box: Box): Viewport;
+export interface ZoomLimits {
+    /** Never below 1 · the deck does not zoom out past fit. */
+    readonly max: number;
+}
+/**
+ * Zoom by `factor` while keeping the point at (cx, cy) under the cursor.
+ *
+ * Coordinates are relative to the centre of the display box, which is where the
+ * stage transform originates. Returns the same viewport when the factor would
+ * take it past a limit it already sits on, so a caller can skip the work.
+ */
+export declare function zoomAt(view: Viewport, factor: number, cx: number, cy: number, canvas: Canvas, box: Box, limits: ZoomLimits): Viewport;
+export declare function panBy(view: Viewport, dx: number, dy: number, canvas: Canvas, box: Box): Viewport;
+export declare const isAtFit: (view: Viewport) => boolean;

package/dist/viewport.js

@@ -0,0 +1 @@
+var d={zoom:1,panX:0,panY:0};function u(n,o){return!o.width||!o.height||!n.width||!n.height?1:Math.min(o.width/n.width,o.height/n.height)}function x(n,o,r){let t=u(n,o)*r;return{x:Math.max(0,(n.width*t-o.width)/2),y:Math.max(0,(n.height*t-o.height)/2)}}function p(n,o,r){let t=x(o,r,n.zoom);return{zoom:n.zoom,panX:Math.max(-t.x,Math.min(t.x,n.panX)),panY:Math.max(-t.y,Math.min(t.y,n.panY))}}function b(n,o,r,t,a,i,h){let e=Math.max(1,Math.min(h.max,n.zoom*o));if(e===n.zoom)return n;let m=e/n.zoom;return p({zoom:e,panX:n.panX+(r-n.panX)*(1-m),panY:n.panY+(t-n.panY)*(1-m)},a,i)}function c(n,o,r,t,a){return p({zoom:n.zoom,panX:n.panX+o,panY:n.panY+r},t,a)}var s=n=>n.zoom===1&&n.panX===0&&n.panY===0;export{d as FIT,p as clampPan,u as fitScale,s as isAtFit,x as panBounds,c as panBy,b as zoomAt};