@kerusiweb/core 2.1.0 → 2.2.0

package/dist/view/control-strings.d.ts

@@ -0,0 +1,45 @@
+import { KerusiSeatmapColors } from './kerusi-seatmap-colors.js';
+/**
+ * The words on the zoom and maximize controls, for a translator to replace.
+ *
+ * Kept apart from `SeatAriaStrings` on purpose: that type is an object callers
+ * build in full, so a new required field there would break every one of them.
+ */
+export interface KerusiControlStrings {
+    /** The accessible name of the zoomable map's focusable viewport. */
+    viewport: string;
+    /** The accessible name of the group of zoom and maximize buttons. */
+    toolbar: string;
+    zoomIn: string;
+    zoomOut: string;
+    /** Back to fit-to-container. */
+    zoomReset: string;
+    /** The maximize button when the map is not maximized. */
+    maximize: string;
+    /** The maximize button when the map is maximized. */
+    restore: string;
+}
+export declare const DEFAULT_KERUSI_CONTROL_STRINGS: KerusiControlStrings;
+/** Fills the gaps in a partial set of strings with the English defaults. */
+export declare function resolveControlStrings(strings?: Partial<KerusiControlStrings>): KerusiControlStrings;
+/**
+ * Colours for the controls and the maximized backdrop, as CSS values.
+ *
+ * Nothing new for a theme to learn: the buttons borrow the fixture tokens
+ * (`elementBg`, `elementFg`, `elementMutedFg`) and go through {@link cssVar}
+ * like every other colour, so a `--kerusi-*` property in the consumer's
+ * stylesheet still beats the `[colors]` input, which still beats the default.
+ * The focus ring is the one exception, and is not here: a pseudo-class cannot
+ * be set inline, so it reads `--kerusi-focus-ring-input` from the stylesheet,
+ * the same way a seat's does.
+ */
+export interface KerusiControlStyle {
+    buttonBackground: string;
+    buttonColor: string;
+    buttonBorder: string;
+    /** Behind a maximized map. `backdrop`, or the page's own canvas if that is transparent. */
+    maximizedBackground: string;
+    maximizedColor: string;
+}
+export declare function controlStyle(colors?: KerusiSeatmapColors): KerusiControlStyle;
+//# sourceMappingURL=control-strings.d.ts.map

package/dist/view/control-strings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"control-strings.d.ts","sourceRoot":"","sources":["../../src/view/control-strings.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,mBAAmB,EAAiB,MAAM,4BAA4B,CAAC;AAExF;;;;;GAKG;AACH,MAAM,WAAW,oBAAoB;IACnC,oEAAoE;IACpE,QAAQ,EAAE,MAAM,CAAC;IACjB,qEAAqE;IACrE,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,yDAAyD;IACzD,QAAQ,EAAE,MAAM,CAAC;IACjB,qDAAqD;IACrD,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,8BAA8B,EAAE,oBAQ5C,CAAC;AAEF,4EAA4E;AAC5E,wBAAgB,qBAAqB,CACnC,OAAO,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,GACtC,oBAAoB,CAEtB;AAED;;;;;;;;;;GAUG;AACH,MAAM,WAAW,kBAAkB;IACjC,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,2FAA2F;IAC3F,mBAAmB,EAAE,MAAM,CAAC;IAC5B,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,YAAY,CAAC,MAAM,CAAC,EAAE,mBAAmB,GAAG,kBAAkB,CAe7E"}

package/dist/view/control-strings.js

@@ -0,0 +1,28 @@
+import { cssVar, resolveColors } from './kerusi-seatmap-colors.js';
+export const DEFAULT_KERUSI_CONTROL_STRINGS = {
+    viewport: 'Zoomable seat map. Plus and minus zoom, zero resets, arrow keys pan.',
+    toolbar: 'Map controls',
+    zoomIn: 'Zoom in',
+    zoomOut: 'Zoom out',
+    zoomReset: 'Reset zoom',
+    maximize: 'Enter full screen',
+    restore: 'Exit full screen',
+};
+/** Fills the gaps in a partial set of strings with the English defaults. */
+export function resolveControlStrings(strings) {
+    return { ...DEFAULT_KERUSI_CONTROL_STRINGS, ...strings };
+}
+export function controlStyle(colors) {
+    const resolved = resolveColors(colors);
+    return {
+        buttonBackground: cssVar('elementBg', resolved.elementBg),
+        buttonColor: cssVar('elementFg', resolved.elementFg),
+        buttonBorder: cssVar('elementMutedFg', resolved.elementMutedFg),
+        // A maximized map covers the page, so a transparent backdrop would show it
+        // through. `Canvas` / `CanvasText` are the page's own background and text
+        // colours, which keeps the pair legible in whichever scheme the host uses.
+        maximizedBackground: cssVar('backdrop', resolved.backdrop === 'transparent' ? 'Canvas' : resolved.backdrop),
+        maximizedColor: 'CanvasText',
+    };
+}
+//# sourceMappingURL=control-strings.js.map

package/dist/view/control-strings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"control-strings.js","sourceRoot":"","sources":["../../src/view/control-strings.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAuB,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAuBxF,MAAM,CAAC,MAAM,8BAA8B,GAAyB;IAClE,QAAQ,EAAE,sEAAsE;IAChF,OAAO,EAAE,cAAc;IACvB,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,UAAU;IACnB,SAAS,EAAE,YAAY;IACvB,QAAQ,EAAE,mBAAmB;IAC7B,OAAO,EAAE,kBAAkB;CAC5B,CAAC;AAEF,4EAA4E;AAC5E,MAAM,UAAU,qBAAqB,CACnC,OAAuC;IAEvC,OAAO,EAAE,GAAG,8BAA8B,EAAE,GAAG,OAAO,EAAE,CAAC;AAC3D,CAAC;AAsBD,MAAM,UAAU,YAAY,CAAC,MAA4B;IACvD,MAAM,QAAQ,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACvC,OAAO;QACL,gBAAgB,EAAE,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,SAAS,CAAC;QACzD,WAAW,EAAE,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,SAAS,CAAC;QACpD,YAAY,EAAE,MAAM,CAAC,gBAAgB,EAAE,QAAQ,CAAC,cAAc,CAAC;QAC/D,2EAA2E;QAC3E,0EAA0E;QAC1E,2EAA2E;QAC3E,mBAAmB,EAAE,MAAM,CACzB,UAAU,EACV,QAAQ,CAAC,QAAQ,KAAK,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CACnE;QACD,cAAc,EAAE,YAAY;KAC7B,CAAC;AACJ,CAAC"}

package/dist/view/index.d.ts

@@ -1,12 +1,16 @@
 /**
  * Presentation policy that is still framework-free: the colour system a
- * renderer resolves seat fills from, the ARIA strings it announces, and the
- * selection rules that decide whether a seat may be toggled.
+ * renderer resolves seat fills from, the ARIA strings it announces, the
+ * selection rules that decide whether a seat may be toggled, and the zoom, pan
+ * and gesture arithmetic behind a zoomable map.
  *
  * A binding turns these into markup; none of them know how.
  */
+export * from './control-strings.js';
 export * from './kerusi-seatmap-colors.js';
 export * from './rtl.js';
 export * from './seat-aria.js';
 export * from './selection.js';
+export * from './viewport.js';
+export * from './viewport-gesture.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/view/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/view/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,4BAA4B,CAAC;AAC3C,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/view/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC"}

package/dist/view/index.js

@@ -1,12 +1,16 @@
 /**
  * Presentation policy that is still framework-free: the colour system a
- * renderer resolves seat fills from, the ARIA strings it announces, and the
- * selection rules that decide whether a seat may be toggled.
+ * renderer resolves seat fills from, the ARIA strings it announces, the
+ * selection rules that decide whether a seat may be toggled, and the zoom, pan
+ * and gesture arithmetic behind a zoomable map.
  *
  * A binding turns these into markup; none of them know how.
  */
+export * from './control-strings.js';
 export * from './kerusi-seatmap-colors.js';
 export * from './rtl.js';
 export * from './seat-aria.js';
 export * from './selection.js';
+export * from './viewport.js';
+export * from './viewport-gesture.js';
 //# sourceMappingURL=index.js.map

package/dist/view/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/view/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,4BAA4B,CAAC;AAC3C,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/view/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC"}

package/dist/view/viewport-gesture.d.ts

@@ -0,0 +1,65 @@
+import { KerusiViewport, ViewportLimits, ViewportPoint, ViewportSize } from './viewport.js';
+/**
+ * Pointer gestures on a zoomable map, as a reducer.
+ *
+ * One pointer pans, two pinch. The rule that matters most is the one that keeps
+ * seat selection intact: a touch that never leaves a small circle around where
+ * it landed is a *tap* and changes nothing, so the `click` that follows still
+ * reaches the seat. A binding feeds `down` / `move` / `up` / `cancel` in
+ * container coordinates and applies what comes back; it never has to know what
+ * a pinch is.
+ */
+/** How far a pointer may travel, in CSS pixels, and still be a tap. */
+export declare const TAP_SLOP_PX = 8;
+export type GestureEvent = {
+    type: 'down' | 'move';
+    id: number;
+    point: ViewportPoint;
+} | {
+    type: 'up' | 'cancel';
+    id: number;
+};
+/** Where the gesture stands. Opaque to callers: pass it back in. */
+export interface GestureState {
+    /** Tracked pointer ids, oldest first. A pinch uses the first two. */
+    readonly ids: readonly number[];
+    /** Where each tracked pointer is now. */
+    readonly points: Readonly<Record<number, ViewportPoint>>;
+    /** The viewport and pointer positions the current movement is measured from. */
+    readonly origin: {
+        readonly viewport: KerusiViewport;
+        readonly points: Readonly<Record<number, ViewportPoint>>;
+    } | null;
+    /** True once the gesture is a pan or a pinch rather than a possible tap. */
+    readonly moved: boolean;
+}
+export declare const IDLE_GESTURE: GestureState;
+export interface GestureContext {
+    /** The live viewport. */
+    viewport: KerusiViewport;
+    /** The map's laid-out size, unscaled. */
+    content: ViewportSize;
+    /** The visible area. */
+    container: ViewportSize;
+    limits?: ViewportLimits;
+    /** Overrides {@link TAP_SLOP_PX}. */
+    slop?: number;
+}
+export interface GestureResult {
+    state: GestureState;
+    /** The viewport after this event; the very same object when nothing changed. */
+    viewport: KerusiViewport;
+    /**
+     * True on the event that turns a possible tap into a gesture. A binding
+     * captures the pointers then, not earlier: capturing on `down` would
+     * retarget the tap's `click` away from the seat.
+     */
+    capture: boolean;
+    /**
+     * True on the `up` that ends a gesture. The browser still fires a `click`
+     * after a drag, and it must not select the seat under the finger.
+     */
+    suppressClick: boolean;
+}
+export declare function reduceGesture(state: GestureState, event: GestureEvent, context: GestureContext): GestureResult;
+//# sourceMappingURL=viewport-gesture.d.ts.map

package/dist/view/viewport-gesture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewport-gesture.d.ts","sourceRoot":"","sources":["../../src/view/viewport-gesture.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,cAAc,EACd,cAAc,EACd,aAAa,EACb,YAAY,EAEb,MAAM,eAAe,CAAC;AAEvB;;;;;;;;;GASG;AAEH,uEAAuE;AACvE,eAAO,MAAM,WAAW,IAAI,CAAC;AAE7B,MAAM,MAAM,YAAY,GACpB;IAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,aAAa,CAAA;CAAE,GAC3D;IAAE,IAAI,EAAE,IAAI,GAAG,QAAQ,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAE1C,oEAAoE;AACpE,MAAM,WAAW,YAAY;IAC3B,qEAAqE;IACrE,QAAQ,CAAC,GAAG,EAAE,SAAS,MAAM,EAAE,CAAC;IAChC,yCAAyC;IACzC,QAAQ,CAAC,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC;IACzD,gFAAgF;IAChF,QAAQ,CAAC,MAAM,EAAE;QACf,QAAQ,CAAC,QAAQ,EAAE,cAAc,CAAC;QAClC,QAAQ,CAAC,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC;KAC1D,GAAG,IAAI,CAAC;IACT,4EAA4E;IAC5E,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,YAAY,EAAE,YAKzB,CAAC;AAEH,MAAM,WAAW,cAAc;IAC7B,yBAAyB;IACzB,QAAQ,EAAE,cAAc,CAAC;IACzB,yCAAyC;IACzC,OAAO,EAAE,YAAY,CAAC;IACtB,wBAAwB;IACxB,SAAS,EAAE,YAAY,CAAC;IACxB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,YAAY,CAAC;IACpB,gFAAgF;IAChF,QAAQ,EAAE,cAAc,CAAC;IACzB;;;;OAIG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,aAAa,CAC3B,KAAK,EAAE,YAAY,EACnB,KAAK,EAAE,YAAY,EACnB,OAAO,EAAE,cAAc,GACtB,aAAa,CAUf"}

package/dist/view/viewport-gesture.js

@@ -0,0 +1,145 @@
+import { clampViewport, zoomLimits, } from './viewport.js';
+/**
+ * Pointer gestures on a zoomable map, as a reducer.
+ *
+ * One pointer pans, two pinch. The rule that matters most is the one that keeps
+ * seat selection intact: a touch that never leaves a small circle around where
+ * it landed is a *tap* and changes nothing, so the `click` that follows still
+ * reaches the seat. A binding feeds `down` / `move` / `up` / `cancel` in
+ * container coordinates and applies what comes back; it never has to know what
+ * a pinch is.
+ */
+/** How far a pointer may travel, in CSS pixels, and still be a tap. */
+export const TAP_SLOP_PX = 8;
+export const IDLE_GESTURE = Object.freeze({
+    ids: [],
+    points: {},
+    origin: null,
+    moved: false,
+});
+export function reduceGesture(state, event, context) {
+    switch (event.type) {
+        case 'down':
+            return onDown(state, event.id, event.point, context);
+        case 'move':
+            return onMove(state, event.id, event.point, context);
+        case 'up':
+        case 'cancel':
+            return onEnd(state, event.id, event.type === 'up', context);
+    }
+}
+function onDown(state, id, point, context) {
+    const ids = state.ids.includes(id) ? state.ids : [...state.ids, id];
+    const points = { ...state.points, [id]: point };
+    // A second finger makes it a pinch at once; there is no tap with two fingers.
+    const moved = state.moved || ids.length > 1;
+    return {
+        // Re-baselined on every change to the pointer set, so nothing jumps.
+        state: { ids, points, origin: { viewport: context.viewport, points }, moved },
+        viewport: context.viewport,
+        capture: moved && !state.moved,
+        suppressClick: false,
+    };
+}
+function onMove(state, id, point, context) {
+    if (!state.ids.includes(id) || !state.origin) {
+        return unchanged(state, context);
+    }
+    const points = { ...state.points, [id]: point };
+    let moved = state.moved;
+    let capture = false;
+    if (!moved) {
+        const slop = context.slop ?? TAP_SLOP_PX;
+        const start = state.origin.points[id] ?? point;
+        if (distance(start, point) <= slop) {
+            return {
+                state: { ...state, points },
+                viewport: context.viewport,
+                capture: false,
+                suppressClick: false,
+            };
+        }
+        moved = true;
+        capture = true;
+    }
+    const next = transformFromOrigin(state, points, context);
+    return {
+        state: { ...state, points, moved },
+        viewport: next,
+        capture,
+        suppressClick: false,
+    };
+}
+function onEnd(state, id, isUp, context) {
+    if (!state.ids.includes(id)) {
+        return unchanged(state, context);
+    }
+    const ids = state.ids.filter((other) => other !== id);
+    const points = { ...state.points };
+    delete points[id];
+    if (ids.length === 0) {
+        return {
+            state: IDLE_GESTURE,
+            viewport: context.viewport,
+            capture: false,
+            // A cancel means the browser took the gesture (a page scroll), and no
+            // click follows it.
+            suppressClick: isUp && state.moved,
+        };
+    }
+    // One finger of a pinch lifted: the other carries on as a pan from here.
+    return {
+        state: {
+            ids,
+            points,
+            origin: { viewport: context.viewport, points },
+            moved: state.moved,
+        },
+        viewport: context.viewport,
+        capture: false,
+        suppressClick: false,
+    };
+}
+/** Pan for one pointer; pan and zoom about the midpoint for two. */
+function transformFromOrigin(state, points, context) {
+    const origin = state.origin;
+    const limits = context.limits ?? zoomLimits();
+    const [first, second] = state.ids;
+    const from = [origin.points[first]];
+    const to = [points[first]];
+    if (second !== undefined) {
+        from.push(origin.points[second]);
+        to.push(points[second]);
+    }
+    const fromCentre = centroid(from);
+    const toCentre = centroid(to);
+    const base = origin.viewport;
+    let zoom = base.zoom;
+    if (from.length === 2) {
+        const fromSpan = distance(from[0], from[1]);
+        if (fromSpan > 0) {
+            zoom = clampZoom(base.zoom * (distance(to[0], to[1]) / fromSpan), limits);
+        }
+    }
+    // The map point that sat under the gesture's start stays under its midpoint.
+    const ratio = zoom / base.zoom;
+    return clampViewport({
+        zoom,
+        x: toCentre.x - (fromCentre.x - base.x) * ratio,
+        y: toCentre.y - (fromCentre.y - base.y) * ratio,
+    }, context.content, context.container, limits);
+}
+function unchanged(state, context) {
+    return { state, viewport: context.viewport, capture: false, suppressClick: false };
+}
+function distance(a, b) {
+    return Math.hypot(a.x - b.x, a.y - b.y);
+}
+function centroid(points) {
+    const sum = points.reduce((acc, p) => ({ x: acc.x + p.x, y: acc.y + p.y }), { x: 0, y: 0 });
+    return { x: sum.x / points.length, y: sum.y / points.length };
+}
+function clampZoom(zoom, limits) {
+    return Math.min(limits.maxZoom, Math.max(limits.minZoom, zoom));
+}
+//# sourceMappingURL=viewport-gesture.js.map

package/dist/view/viewport-gesture.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewport-gesture.js","sourceRoot":"","sources":["../../src/view/viewport-gesture.ts"],"names":[],"mappings":"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"}

package/dist/view/viewport.d.ts

@@ -0,0 +1,144 @@
+/**
+ * The zoom-and-pan model behind a `zoomable` seat map.
+ *
+ * A viewport is a CSS transform applied to the whole map: `translate(x, y)
+ * scale(zoom)` about the map's top-left corner. Everything here is arithmetic on
+ * numbers the caller measured, so it holds no DOM and every function is pure.
+ * The bindings own the measuring and the event listeners; this owns what a
+ * wheel tick, a key press or a pinch *means*.
+ *
+ * Zoom 1 is "fit": the map exactly as it lays out without zooming. It is also
+ * the minimum, so the map can never be shrunk below the container.
+ */
+/** Zoom and pan of the map, as a CSS transform about its top-left corner. */
+export interface KerusiViewport {
+    /** Scale relative to fit. 1 is fit-to-container. */
+    zoom: number;
+    /** Translation in CSS pixels, applied before the scale. */
+    x: number;
+    y: number;
+}
+export interface ViewportPoint {
+    x: number;
+    y: number;
+}
+export interface ViewportSize {
+    width: number;
+    height: number;
+}
+export interface ViewportRect extends ViewportPoint, ViewportSize {
+}
+export interface ViewportLimits {
+    minZoom: number;
+    maxZoom: number;
+}
+/** The map exactly as laid out: no zoom, no pan. */
+export declare const FIT_VIEWPORT: KerusiViewport;
+/** Zoom is relative to fit, so the floor is always 1. */
+export declare const MIN_ZOOM = 1;
+/** The default ceiling: enough to make a seat on a 375px phone comfortably tappable. */
+export declare const DEFAULT_MAX_ZOOM = 4;
+/** What one press of a zoom button or the `+` / `-` key multiplies the zoom by. */
+export declare const ZOOM_STEP = 1.5;
+/** How far an arrow key pans, in CSS pixels. */
+export declare const KEYBOARD_PAN_STEP = 48;
+/** The gap kept between a revealed seat and the container's edge, in CSS pixels. */
+export declare const REVEAL_MARGIN = 16;
+/** Wheel zoom: the exponent per pixel of `deltaY`, so a pinch's small deltas stay smooth. */
+export declare const WHEEL_ZOOM_SENSITIVITY = 0.01;
+/** A single wheel event never moves further than this, so a mouse notch is one step. */
+export declare const WHEEL_MAX_DELTA = 50;
+/** The limits for a given ceiling. A ceiling below fit still leaves fit reachable. */
+export declare function zoomLimits(maxZoom?: number): ViewportLimits;
+/**
+ * Brings a viewport back inside its limits.
+ *
+ * Zoom is clamped to the limits. Pan is clamped so the scaled map never leaves
+ * the container, and on an axis where the scaled map is *smaller* than the
+ * container (a maximized map on a large screen) it is centred instead.
+ */
+export declare function clampViewport(viewport: KerusiViewport, content: ViewportSize, container: ViewportSize, limits?: ViewportLimits): KerusiViewport;
+/** Fit, centred where the map is smaller than its container. */
+export declare function fitViewport(content: ViewportSize, container: ViewportSize, limits?: ViewportLimits): KerusiViewport;
+/**
+ * Zooms to an absolute level, keeping the map point under `anchor` where it is.
+ * `anchor` is in container coordinates — the pointer, the midpoint of a pinch,
+ * or the container's centre for a button.
+ */
+export declare function zoomViewportTo(viewport: KerusiViewport, zoom: number, anchor: ViewportPoint, content: ViewportSize, container: ViewportSize, limits?: ViewportLimits): KerusiViewport;
+/** Zooms by a factor about `anchor`. See {@link zoomViewportTo}. */
+export declare function zoomViewportBy(viewport: KerusiViewport, factor: number, anchor: ViewportPoint, content: ViewportSize, container: ViewportSize, limits?: ViewportLimits): KerusiViewport;
+/** One zoom-button step about the container's centre: `1` in, `-1` out. */
+export declare function stepViewport(viewport: KerusiViewport, direction: 1 | -1, content: ViewportSize, container: ViewportSize, limits?: ViewportLimits): KerusiViewport;
+/** Pans by a delta in CSS pixels, held inside the map's bounds. */
+export declare function panViewportBy(viewport: KerusiViewport, dx: number, dy: number, content: ViewportSize, container: ViewportSize, limits?: ViewportLimits): KerusiViewport;
+/**
+ * Pans just far enough to bring `rect` inside the container, with a margin.
+ *
+ * `rect` is where the thing is on screen *now*, in container coordinates — a
+ * seat's bounding box minus the container's. Measuring the result of the
+ * current transform, rather than computing a position from the layout, is what
+ * keeps this correct whatever the section widths and unit scale are. A rect
+ * bigger than the container is aligned by its leading edge.
+ */
+export declare function revealRect(viewport: KerusiViewport, rect: ViewportRect, content: ViewportSize, container: ViewportSize, margin?: number, limits?: ViewportLimits): KerusiViewport;
+/**
+ * The zoom factor a wheel event asks for, or `null` if it is not a zoom
+ * gesture.
+ *
+ * Only Ctrl/Cmd + wheel zooms. Browsers report a trackpad pinch as a wheel
+ * event with `ctrlKey` set, so one rule covers both. A plain wheel returns
+ * `null`, which is the cue for a binding to leave it alone so the page still
+ * scrolls — and only a non-null result should be `preventDefault`ed.
+ */
+export declare function wheelZoomFactor(event: {
+    deltaY: number;
+    deltaMode?: number;
+    ctrlKey: boolean;
+    metaKey: boolean;
+}): number | null;
+/** The keys {@link keyboardViewport} understands, for a binding's own filtering. */
+export interface ViewportKeyInput {
+    key: string;
+    ctrlKey?: boolean;
+    metaKey?: boolean;
+    altKey?: boolean;
+    /**
+     * Whether the viewport itself, rather than a seat inside it, has focus.
+     * Arrow keys pan only then: on a seat they keep moving seat focus.
+     */
+    viewportFocused?: boolean;
+}
+/**
+ * What a key press does to the viewport, or `null` if it does nothing.
+ *
+ * `+` / `=` zoom in, `-` zoom out, `0` resets to fit, and — only when the
+ * viewport itself has focus — the arrow keys pan. Ctrl, Cmd and Alt
+ * combinations are the browser's own zoom shortcuts and are left alone.
+ */
+export declare function keyboardViewport(viewport: KerusiViewport, input: ViewportKeyInput, content: ViewportSize, container: ViewportSize, limits?: ViewportLimits): KerusiViewport | null;
+/**
+ * Whether a key event came from somewhere text is typed.
+ *
+ * A host can put its own controls inside the map, and `+`, `-` and `0` are
+ * characters before they are shortcuts. Takes the target structurally so core
+ * never has to name a DOM type.
+ */
+export declare function isTextEntryTarget(target: {
+    tagName?: string;
+    isContentEditable?: boolean;
+} | null | undefined): boolean;
+/** Whether two viewports are the same view, ignoring sub-pixel noise. */
+export declare function viewportsEqual(a: KerusiViewport, b: KerusiViewport): boolean;
+/** The CSS `transform` for a viewport. Apply with `transform-origin: 0 0`. */
+export declare function viewportTransform(viewport: KerusiViewport): string;
+/**
+ * The `touch-action` a zoomable map sets on its viewport.
+ *
+ * At fit there is nothing to pan, so a one-finger vertical swipe stays the
+ * page's: `pan-y` leaves vertical scrolling to the browser while still handing
+ * us pinch. Once zoomed in, one finger means pan, and a maximized map covers
+ * the page, so both take every gesture with `none`.
+ */
+export declare function viewportTouchAction(viewport: KerusiViewport, maximized: boolean): string;
+//# sourceMappingURL=viewport.d.ts.map

package/dist/view/viewport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewport.d.ts","sourceRoot":"","sources":["../../src/view/viewport.ts"],"names":[],"mappings":"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"}

package/dist/view/viewport.js

@@ -0,0 +1,218 @@
+/**
+ * The zoom-and-pan model behind a `zoomable` seat map.
+ *
+ * A viewport is a CSS transform applied to the whole map: `translate(x, y)
+ * scale(zoom)` about the map's top-left corner. Everything here is arithmetic on
+ * numbers the caller measured, so it holds no DOM and every function is pure.
+ * The bindings own the measuring and the event listeners; this owns what a
+ * wheel tick, a key press or a pinch *means*.
+ *
+ * Zoom 1 is "fit": the map exactly as it lays out without zooming. It is also
+ * the minimum, so the map can never be shrunk below the container.
+ */
+/** The map exactly as laid out: no zoom, no pan. */
+export const FIT_VIEWPORT = Object.freeze({ zoom: 1, x: 0, y: 0 });
+/** Zoom is relative to fit, so the floor is always 1. */
+export const MIN_ZOOM = 1;
+/** The default ceiling: enough to make a seat on a 375px phone comfortably tappable. */
+export const DEFAULT_MAX_ZOOM = 4;
+/** What one press of a zoom button or the `+` / `-` key multiplies the zoom by. */
+export const ZOOM_STEP = 1.5;
+/** How far an arrow key pans, in CSS pixels. */
+export const KEYBOARD_PAN_STEP = 48;
+/** The gap kept between a revealed seat and the container's edge, in CSS pixels. */
+export const REVEAL_MARGIN = 16;
+/** Wheel zoom: the exponent per pixel of `deltaY`, so a pinch's small deltas stay smooth. */
+export const WHEEL_ZOOM_SENSITIVITY = 0.01;
+/** A single wheel event never moves further than this, so a mouse notch is one step. */
+export const WHEEL_MAX_DELTA = 50;
+/** The limits for a given ceiling. A ceiling below fit still leaves fit reachable. */
+export function zoomLimits(maxZoom = DEFAULT_MAX_ZOOM) {
+    return { minZoom: MIN_ZOOM, maxZoom: Math.max(MIN_ZOOM, finiteOr(maxZoom, DEFAULT_MAX_ZOOM)) };
+}
+/**
+ * Brings a viewport back inside its limits.
+ *
+ * Zoom is clamped to the limits. Pan is clamped so the scaled map never leaves
+ * the container, and on an axis where the scaled map is *smaller* than the
+ * container (a maximized map on a large screen) it is centred instead.
+ */
+export function clampViewport(viewport, content, container, limits = zoomLimits()) {
+    const zoom = clamp(finiteOr(viewport.zoom, 1), limits.minZoom, limits.maxZoom);
+    return {
+        zoom,
+        x: clampAxis(finiteOr(viewport.x, 0), content.width * zoom, container.width),
+        y: clampAxis(finiteOr(viewport.y, 0), content.height * zoom, container.height),
+    };
+}
+/** Fit, centred where the map is smaller than its container. */
+export function fitViewport(content, container, limits = zoomLimits()) {
+    return clampViewport(FIT_VIEWPORT, content, container, limits);
+}
+/**
+ * Zooms to an absolute level, keeping the map point under `anchor` where it is.
+ * `anchor` is in container coordinates — the pointer, the midpoint of a pinch,
+ * or the container's centre for a button.
+ */
+export function zoomViewportTo(viewport, zoom, anchor, content, container, limits = zoomLimits()) {
+    const current = finiteOr(viewport.zoom, 1) || 1;
+    const next = clamp(finiteOr(zoom, current), limits.minZoom, limits.maxZoom);
+    const ratio = next / current;
+    return clampViewport({
+        zoom: next,
+        x: anchor.x - (anchor.x - viewport.x) * ratio,
+        y: anchor.y - (anchor.y - viewport.y) * ratio,
+    }, content, container, limits);
+}
+/** Zooms by a factor about `anchor`. See {@link zoomViewportTo}. */
+export function zoomViewportBy(viewport, factor, anchor, content, container, limits = zoomLimits()) {
+    return zoomViewportTo(viewport, viewport.zoom * factor, anchor, content, container, limits);
+}
+/** One zoom-button step about the container's centre: `1` in, `-1` out. */
+export function stepViewport(viewport, direction, content, container, limits = zoomLimits()) {
+    const centre = { x: container.width / 2, y: container.height / 2 };
+    const factor = direction === 1 ? ZOOM_STEP : 1 / ZOOM_STEP;
+    return zoomViewportBy(viewport, factor, centre, content, container, limits);
+}
+/** Pans by a delta in CSS pixels, held inside the map's bounds. */
+export function panViewportBy(viewport, dx, dy, content, container, limits = zoomLimits()) {
+    return clampViewport({ zoom: viewport.zoom, x: viewport.x + dx, y: viewport.y + dy }, content, container, limits);
+}
+/**
+ * Pans just far enough to bring `rect` inside the container, with a margin.
+ *
+ * `rect` is where the thing is on screen *now*, in container coordinates — a
+ * seat's bounding box minus the container's. Measuring the result of the
+ * current transform, rather than computing a position from the layout, is what
+ * keeps this correct whatever the section widths and unit scale are. A rect
+ * bigger than the container is aligned by its leading edge.
+ */
+export function revealRect(viewport, rect, content, container, margin = REVEAL_MARGIN, limits = zoomLimits()) {
+    const dx = revealAxis(rect.x, rect.width, container.width, margin);
+    const dy = revealAxis(rect.y, rect.height, container.height, margin);
+    return panViewportBy(viewport, dx, dy, content, container, limits);
+}
+/**
+ * The zoom factor a wheel event asks for, or `null` if it is not a zoom
+ * gesture.
+ *
+ * Only Ctrl/Cmd + wheel zooms. Browsers report a trackpad pinch as a wheel
+ * event with `ctrlKey` set, so one rule covers both. A plain wheel returns
+ * `null`, which is the cue for a binding to leave it alone so the page still
+ * scrolls — and only a non-null result should be `preventDefault`ed.
+ */
+export function wheelZoomFactor(event) {
+    if (!event.ctrlKey && !event.metaKey) {
+        return null;
+    }
+    // deltaMode: 0 pixels, 1 lines, 2 pages.
+    const unit = event.deltaMode === 1 ? 16 : event.deltaMode === 2 ? 100 : 1;
+    const delta = clamp(finiteOr(event.deltaY, 0) * unit, -WHEEL_MAX_DELTA, WHEEL_MAX_DELTA);
+    return Math.exp(-delta * WHEEL_ZOOM_SENSITIVITY);
+}
+/**
+ * What a key press does to the viewport, or `null` if it does nothing.
+ *
+ * `+` / `=` zoom in, `-` zoom out, `0` resets to fit, and — only when the
+ * viewport itself has focus — the arrow keys pan. Ctrl, Cmd and Alt
+ * combinations are the browser's own zoom shortcuts and are left alone.
+ */
+export function keyboardViewport(viewport, input, content, container, limits = zoomLimits()) {
+    if (input.ctrlKey || input.metaKey || input.altKey) {
+        return null;
+    }
+    switch (input.key) {
+        case '+':
+        case '=':
+            return stepViewport(viewport, 1, content, container, limits);
+        case '-':
+        case '_':
+            return stepViewport(viewport, -1, content, container, limits);
+        case '0':
+            return fitViewport(content, container, limits);
+    }
+    if (!input.viewportFocused) {
+        return null;
+    }
+    // The arrow names the direction the *view* moves, so the map moves the other way.
+    switch (input.key) {
+        case 'ArrowLeft':
+            return panViewportBy(viewport, KEYBOARD_PAN_STEP, 0, content, container, limits);
+        case 'ArrowRight':
+            return panViewportBy(viewport, -KEYBOARD_PAN_STEP, 0, content, container, limits);
+        case 'ArrowUp':
+            return panViewportBy(viewport, 0, KEYBOARD_PAN_STEP, content, container, limits);
+        case 'ArrowDown':
+            return panViewportBy(viewport, 0, -KEYBOARD_PAN_STEP, content, container, limits);
+        default:
+            return null;
+    }
+}
+/**
+ * Whether a key event came from somewhere text is typed.
+ *
+ * A host can put its own controls inside the map, and `+`, `-` and `0` are
+ * characters before they are shortcuts. Takes the target structurally so core
+ * never has to name a DOM type.
+ */
+export function isTextEntryTarget(target) {
+    if (!target) {
+        return false;
+    }
+    const tag = target.tagName?.toUpperCase();
+    return (tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT' || target.isContentEditable === true);
+}
+/** Whether two viewports are the same view, ignoring sub-pixel noise. */
+export function viewportsEqual(a, b) {
+    return (Math.abs(a.zoom - b.zoom) < 1e-4 && Math.abs(a.x - b.x) < 1e-2 && Math.abs(a.y - b.y) < 1e-2);
+}
+/** The CSS `transform` for a viewport. Apply with `transform-origin: 0 0`. */
+export function viewportTransform(viewport) {
+    return `translate(${round(viewport.x)}px, ${round(viewport.y)}px) scale(${round(viewport.zoom)})`;
+}
+/**
+ * The `touch-action` a zoomable map sets on its viewport.
+ *
+ * At fit there is nothing to pan, so a one-finger vertical swipe stays the
+ * page's: `pan-y` leaves vertical scrolling to the browser while still handing
+ * us pinch. Once zoomed in, one finger means pan, and a maximized map covers
+ * the page, so both take every gesture with `none`.
+ */
+export function viewportTouchAction(viewport, maximized) {
+    return maximized || viewport.zoom > 1 + 1e-4 ? 'none' : 'pan-y';
+}
+// --- internals ------------------------------------------------------------
+function clamp(value, min, max) {
+    return Math.min(max, Math.max(min, value));
+}
+function finiteOr(value, fallback) {
+    return Number.isFinite(value) ? value : fallback;
+}
+/** Holds a translation so a scaled span covers the container, or centres it if smaller. */
+function clampAxis(offset, scaled, container) {
+    if (scaled <= container) {
+        return (container - scaled) / 2;
+    }
+    return clamp(offset, container - scaled, 0);
+}
+/** How far to shift a span of `size` at `start` to sit inside `[margin, container - margin]`. */
+function revealAxis(start, size, container, margin) {
+    const edge = Math.min(Math.max(0, margin), container / 2);
+    const low = edge;
+    const high = container - edge;
+    if (size >= high - low) {
+        return low - start;
+    }
+    if (start < low) {
+        return low - start;
+    }
+    if (start + size > high) {
+        return high - (start + size);
+    }
+    return 0;
+}
+/** Trims float noise out of a CSS number, and `-0` out of a translation. */
+function round(value) {
+    return Math.round(value * 1000) / 1000 + 0;
+}
+//# sourceMappingURL=viewport.js.map

package/dist/view/viewport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewport.js","sourceRoot":"","sources":["../../src/view/viewport.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kerusiweb/core",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "Framework-agnostic core for the Kerusi Seat Map & Availability Format: document types, a conformance validator, and the render model and geometry a seat-map renderer consumes.",
   "keywords": [
     "kerusi",