@stacknav/core 0.3.0 → 0.4.0

package/src/swipe-back.ts

@@ -0,0 +1,35 @@
+/** Browser suppression is best effort; browser buttons and OS gestures remain available. */
+export type SwipeBackMode = 'browser' | 'disabled';
+
+interface Suppression {
+  count: number;
+  value: string;
+  priority: string;
+}
+
+// Several outlets can share one viewport. Restore it only after the last
+// suppression request is released, including when stacks are destroyed.
+const suppressions = /*#__PURE__*/ new WeakMap<HTMLElement, Suppression>();
+
+export function suppressBrowserSwipe(container: HTMLElement): () => void {
+  const root = container.ownerDocument.documentElement;
+  const property = 'overscroll-behavior-x';
+  let state = suppressions.get(root);
+  if (!state) {
+    state = { count: 0, value: root.style.getPropertyValue(property), priority: root.style.getPropertyPriority(property) };
+    suppressions.set(root, state);
+    root.style.setProperty(property, 'contain', 'important');
+  }
+  state.count++;
+  let released = false;
+  return () => {
+    if (released) return;
+    released = true;
+    if (--state.count) return;
+    suppressions.delete(root);
+    // Do not overwrite a newer declaration installed by the application.
+    if (root.style.getPropertyValue(property) !== 'contain' || root.style.getPropertyPriority(property) !== 'important') return;
+    if (state.value) root.style.setProperty(property, state.value, state.priority);
+    else root.style.removeProperty(property);
+  };
+}

package/dist/edge-pan-gesture.d.ts

@@ -1,36 +0,0 @@
-import type { NavigationStack } from './navigation-stack.ts';
-export interface EdgePanGestureOptions {
-    /** px strip on the leading edge that starts the gesture */
-    edgeWidth: number;
-    /** recognize the drag from anywhere on the page */
-    anywhere: boolean;
-    /** px of horizontal movement before the drag begins */
-    startSlop: number;
-    /** px of vertical movement that hands the touch back to scrolling */
-    verticalCancelSlop: number;
-    /** fraction of the width dragged that completes without velocity */
-    completeThreshold: number;
-    /** px/s toward the trailing edge that completes the pop regardless of distance */
-    completeVelocity: number;
-    /** px/s back toward the leading edge that cancels the pop regardless of distance */
-    cancelVelocity: number;
-    velocitySamples: number;
-}
-export interface EdgePanGesture {
-    readonly options: EdgePanGestureOptions;
-    /** Re-reads options changed at runtime, such as `edgeWidth` and `anywhere`. */
-    refresh(): void;
-    attach(stack: NavigationStack): EdgePanGesture;
-    detach(): void;
-}
-/**
- * Recognizes a horizontal drag from the leading edge and drives the stack's
- * interactive pop from it. Built on pointer events, so it handles both mouse
- * and touch. Vertical movement early in the gesture hands the touch back to
- * native scrolling.
- *
- * "Leading" is whichever edge the container reads from, so in a right-to-left
- * container the strip sits on the right and back is a drag to the left.
- */
-export declare function createEdgePanGesture(options?: Partial<EdgePanGestureOptions>): EdgePanGesture;
-//# sourceMappingURL=edge-pan-gesture.d.ts.map

package/dist/edge-pan-gesture.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"edge-pan-gesture.d.ts","sourceRoot":"","sources":["../src/edge-pan-gesture.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAwB,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAEnF,MAAM,WAAW,qBAAqB;IACpC,2DAA2D;IAC3D,SAAS,EAAE,MAAM,CAAC;IAClB,mDAAmD;IACnD,QAAQ,EAAE,OAAO,CAAC;IAClB,uDAAuD;IACvD,SAAS,EAAE,MAAM,CAAC;IAClB,qEAAqE;IACrE,kBAAkB,EAAE,MAAM,CAAC;IAC3B,oEAAoE;IACpE,iBAAiB,EAAE,MAAM,CAAC;IAC1B,kFAAkF;IAClF,gBAAgB,EAAE,MAAM,CAAC;IACzB,oFAAoF;IACpF,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,OAAO,EAAE,qBAAqB,CAAC;IACxC,+EAA+E;IAC/E,OAAO,IAAI,IAAI,CAAC;IAChB,MAAM,CAAC,KAAK,EAAE,eAAe,GAAG,cAAc,CAAC;IAC/C,MAAM,IAAI,IAAI,CAAC;CAChB;AAcD;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,GAAE,OAAO,CAAC,qBAAqB,CAAM,GAAG,cAAc,CA4IjG"}

package/dist/edge-pan-gesture.js

@@ -1,155 +0,0 @@
-/**
- * Recognizes a horizontal drag from the leading edge and drives the stack's
- * interactive pop from it. Built on pointer events, so it handles both mouse
- * and touch. Vertical movement early in the gesture hands the touch back to
- * native scrolling.
- *
- * "Leading" is whichever edge the container reads from, so in a right-to-left
- * container the strip sits on the right and back is a drag to the left.
- */
-export function createEdgePanGesture(options = {}) {
-    const o = {
-        edgeWidth: 28,
-        anywhere: false,
-        startSlop: 6,
-        verticalCancelSlop: 10,
-        completeThreshold: 0.5,
-        completeVelocity: 500,
-        cancelVelocity: -500,
-        velocitySamples: 6,
-        ...options,
-    };
-    let stack;
-    let strip = null;
-    /**
-     * Which way forward is, read the same way the pages read it: `--sn-dir` when
-     * the stylesheet sets it, the container's reading direction otherwise. Taking
-     * it from one place is what keeps the drag and the transition from disagreeing
-     * about which edge is the back edge.
-     */
-    const direction = () => {
-        const style = typeof getComputedStyle === 'function' ? getComputedStyle(stack.container) : null;
-        const declared = Number(style?.getPropertyValue('--sn-dir'));
-        if (declared < 0)
-            return -1;
-        if (declared > 0)
-            return 1;
-        return style?.direction === 'rtl' ? -1 : 1;
-    };
-    let drag = null;
-    let suppressClick = false;
-    let offs = [];
-    const onDown = (ev) => {
-        if (drag || !stack.canPop())
-            return;
-        if (ev.pointerType === 'mouse' && ev.button !== 0)
-            return;
-        if (ev.currentTarget === stack.container && !o.anywhere)
-            return;
-        drag = { id: ev.pointerId, target: ev.currentTarget, x0: ev.clientX, y0: ev.clientY, dir: direction(), handle: null, p: 1, samples: [[ev.clientX, performance.now()]] };
-    };
-    const onMove = (ev) => {
-        if (!drag || ev.pointerId !== drag.id)
-            return;
-        // Signed so that "forward along the drag" is always positive, whichever
-        // edge the container calls leading.
-        const dx = (ev.clientX - drag.x0) * drag.dir;
-        const dy = ev.clientY - drag.y0;
-        if (!drag.handle) {
-            if (Math.abs(dy) > o.verticalCancelSlop && Math.abs(dy) > Math.abs(dx)) {
-                drag = null;
-                return;
-            }
-            if (dx < o.startSlop)
-                return;
-            const handle = stack.beginInteractivePop();
-            if (!handle) {
-                drag = null;
-                return;
-            }
-            drag.handle = handle;
-            try {
-                drag.target.setPointerCapture?.(ev.pointerId);
-            }
-            catch {
-                /* capture is best-effort */
-            }
-        }
-        drag.samples.push([ev.clientX, performance.now()]);
-        if (drag.samples.length > o.velocitySamples)
-            drag.samples.shift();
-        drag.p = 1 - Math.min(1, Math.max(0, (dx - o.startSlop) / stack.width()));
-        drag.handle.update(drag.p);
-    };
-    const onUp = (ev) => {
-        if (!drag || ev.pointerId !== drag.id)
-            return;
-        const d = drag;
-        drag = null;
-        if (!d.handle)
-            return;
-        const s = d.samples;
-        const [x1, t1] = s[0];
-        const [x2, t2] = s[s.length - 1];
-        const velocity = (t2 > t1 ? ((x2 - x1) / (t2 - t1)) * 1000 : 0) * d.dir;
-        const cancelled = ev.type === 'pointercancel';
-        const complete = !cancelled && (velocity > o.completeVelocity || (d.p < 1 - o.completeThreshold && velocity > o.cancelVelocity));
-        // The click that follows a drag release must not activate whatever is under the pointer.
-        suppressClick = true;
-        setTimeout(() => {
-            suppressClick = false;
-        }, 0);
-        void d.handle.finish({ complete, velocity });
-    };
-    const onClick = (ev) => {
-        if (suppressClick) {
-            ev.stopPropagation();
-            ev.preventDefault();
-        }
-    };
-    const EVENTS = { pointerdown: onDown, pointermove: onMove, pointerup: onUp, pointercancel: onUp };
-    const listen = (el) => Object.entries(EVENTS).forEach(([k, f]) => el.addEventListener(k, f));
-    const unlisten = (el) => Object.entries(EVENTS).forEach(([k, f]) => el.removeEventListener(k, f));
-    /**
-     * Whether the strip is shown at all is a CSS question — the stylesheet hides
-     * it when there is nothing to go back to, or when the whole page is the
-     * target — so this only has to say what is true.
-     */
-    const refresh = () => {
-        if (!strip)
-            return;
-        strip.style.width = o.edgeWidth + 'px';
-        stack.container.classList.toggle('sn-anywhere', o.anywhere);
-        stack.container.classList.toggle('sn-can-pop', stack.entries.length > 1);
-    };
-    const gesture = {
-        options: o,
-        refresh,
-        attach(s) {
-            stack = s;
-            strip = document.createElement('div');
-            strip.className = 'sn-edge';
-            strip.setAttribute('aria-hidden', 'true');
-            stack.container.append(strip);
-            listen(strip);
-            listen(stack.container);
-            stack.container.addEventListener('click', onClick, true);
-            offs = ['push', 'pop', 'replace', 'reset'].map((e) => stack.on(e, refresh));
-            refresh();
-            return gesture;
-        },
-        detach() {
-            if (!strip)
-                return;
-            offs.forEach((f) => f());
-            unlisten(strip);
-            unlisten(stack.container);
-            stack.container.removeEventListener('click', onClick, true);
-            stack.container.classList.remove('sn-anywhere', 'sn-can-pop');
-            strip.remove();
-            strip = null;
-        },
-    };
-    return gesture;
-}
-//# sourceMappingURL=edge-pan-gesture.js.map

package/dist/edge-pan-gesture.js.map

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

package/dist/ios-transition.d.ts

@@ -1,61 +0,0 @@
-import { type Easing } from './animate.ts';
-import type { Transition } from './navigation-stack.ts';
-export interface IOSTransitionOptions {
-    /** ms, programmatic push/pop */
-    duration: number;
-    /**
-     * the curve a programmatic push/pop runs on. CSS runs it, so it has to be
-     * one CSS can spell: everything `cubicBezier()` and `parseEasing()` build
-     * carries a `css` property. A bare `(t) => number` of your own has none, so
-     * the pages would run `linear` while `progress` reported your curve; give it
-     * a `css` property, or write the whole transition yourself.
-     */
-    ease: Easing;
-    /** fraction of the width the lower page travels */
-    parallax: number;
-    dimColor: string;
-    /** lower-page overlay opacity at p = 1 (≈0.35 suits dark UIs) */
-    dimMax: number;
-    /** box-shadow on the incoming page */
-    shadow: string;
-    /** ms bounds for finishing an interactive pop */
-    settleMin: number;
-    settleMax: number;
-    /** the curve the remaining distance of an interactive pop runs on; see `ease` */
-    settleEase: Easing;
-    /** px/s assumed when the pointer was slower than this */
-    settleVelocityFloor: number;
-    /** multiplies every duration, for slow motion and tests */
-    timeScale: number;
-}
-/** The CSS custom property behind each option. */
-export declare const IOS_TRANSITION_CSS_VARS: Readonly<Record<keyof IOSTransitionOptions, string>>;
-export interface IOSTransition extends Transition {
-    /** The JS options: the defaults with the caller's merged in. Mutable at runtime. */
-    readonly options: IOSTransitionOptions;
-    /** The values currently in force: `options` with the CSS variables applied over them. */
-    readonly resolved: Readonly<IOSTransitionOptions>;
-    /**
-     * Re-reads the CSS variables, from `el` or from the container of the last
-     * transition. Called at the start of every transition. Call it directly
-     * after changing `options` or the variables mid-animation.
-     */
-    refresh(el?: Element | null): void;
-}
-/**
- * The iOS navigation transition: the upper page slides in from the trailing
- * edge with a shadow on its leading edge, while the lower page parallaxes
- * toward the leading edge and dims. Every value is a function of one number, p.
- *
- * Every option is also a CSS custom property on the container (see
- * `IOS_TRANSITION_CSS_VARS`), read when a transition starts. A variable that
- * is set wins over the JS option, so a stylesheet can slow the animation down
- * or restyle it per theme without the app rebuilding the transition.
- *
- * p is only ever written at the ends of a phase. The stack puts that phase's
- * duration and curve in `--sn-t` / `--sn-e` and CSS interpolates between the
- * two writes, so the animation costs a handful of style writes rather than one
- * per page per frame, and runs on the compositor rather than the main thread.
- */
-export declare function createIOSTransition(options?: Partial<IOSTransitionOptions>): IOSTransition;
-//# sourceMappingURL=ios-transition.d.ts.map

package/dist/ios-transition.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ios-transition.d.ts","sourceRoot":"","sources":["../src/ios-transition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,MAAM,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAO,KAAK,EAA2B,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEjF,MAAM,WAAW,oBAAoB;IACnC,gCAAgC;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB;;;;;;OAMG;IACH,IAAI,EAAE,MAAM,CAAC;IACb,mDAAmD;IACnD,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,iEAAiE;IACjE,MAAM,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,MAAM,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,iFAAiF;IACjF,UAAU,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,mBAAmB,EAAE,MAAM,CAAC;IAC5B,2DAA2D;IAC3D,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,kDAAkD;AAClD,eAAO,MAAM,uBAAuB,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,oBAAoB,EAAE,MAAM,CAAC,CAYvF,CAAC;AAEH,MAAM,WAAW,aAAc,SAAQ,UAAU;IAC/C,oFAAoF;IACpF,QAAQ,CAAC,OAAO,EAAE,oBAAoB,CAAC;IACvC,yFAAyF;IACzF,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,oBAAoB,CAAC,CAAC;IAClD;;;;OAIG;IACH,OAAO,CAAC,EAAE,CAAC,EAAE,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;CACpC;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,mBAAmB,CAAC,OAAO,GAAE,OAAO,CAAC,oBAAoB,CAAM,GAAG,aAAa,CAsG9F"}

package/dist/ios-transition.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ios-transition.js","sourceRoot":"","sources":["../src/ios-transition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,oBAAoB,EAAe,MAAM,cAAc,CAAC;AAC1E,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAgCzF,kDAAkD;AAClD,MAAM,CAAC,MAAM,uBAAuB,GAAyD,aAAa,CAAC,MAAM,CAAC,MAAM,CAAC;IACvH,QAAQ,EAAE,eAAe;IACzB,IAAI,EAAE,aAAa;IACnB,QAAQ,EAAE,eAAe;IACzB,QAAQ,EAAE,gBAAgB;IAC1B,MAAM,EAAE,cAAc;IACtB,MAAM,EAAE,aAAa;IACrB,SAAS,EAAE,iBAAiB;IAC5B,SAAS,EAAE,iBAAiB;IAC5B,UAAU,EAAE,oBAAoB;IAChC,mBAAmB,EAAE,4BAA4B;IACjD,SAAS,EAAE,iBAAiB;CAC7B,CAAC,CAAC;AAeH;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,mBAAmB,CAAC,UAAyC,EAAE;IAC7E,MAAM,CAAC,GAAyB;QAC9B,QAAQ,EAAE,GAAG;QACb,IAAI,EAAE,OAAO,CAAC,GAAG;QACjB,QAAQ,EAAE,GAAG;QACb,QAAQ,EAAE,MAAM;QAChB,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,8BAA8B;QACtC,SAAS,EAAE,GAAG;QACd,SAAS,EAAE,GAAG;QACd,UAAU,EAAE,OAAO,CAAC,OAAO;QAC3B,mBAAmB,EAAE,GAAG;QACxB,SAAS,EAAE,CAAC;QACZ,GAAG,OAAO;KACX,CAAC;IAEF,IAAI,IAAI,GAAmB,IAAI,CAAC;IAChC,IAAI,CAAC,GAAyB,EAAE,GAAG,CAAC,EAAE,CAAC;IAEvC,MAAM,OAAO,GAAG,CAAC,EAAmB,EAAQ,EAAE;QAC5C,IAAI,EAAE,KAAK,SAAS;YAAE,IAAI,GAAG,EAAE,CAAC;QAChC,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;QAC3B,MAAM,CAAC,GAAG,uBAAuB,CAAC;QAClC,CAAC,GAAG;YACF,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ;YACnD,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI;YACzC,QAAQ,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ;YACpD,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,QAAQ;YACxC,MAAM,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM;YAC9C,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,MAAM;YAClC,SAAS,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS;YACtD,SAAS,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS;YACtD,UAAU,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC,UAAU;YAC3D,mBAAmB,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,mBAAmB;YACtF,SAAS,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS;SACzD,CAAC;IACJ,CAAC,CAAC;IAEF,0EAA0E;IAC1E,iEAAiE;IACjE,IAAI,GAAG,GAAuB,IAAI,CAAC;IACnC,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAe,EAAE;QAC/C,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACpC,GAAG,CAAC,SAAS,GAAG,QAAQ,CAAC;YACzB,GAAG,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;QAC1C,CAAC;QACD,GAAG,CAAC,KAAK,CAAC,UAAU,GAAG,CAAC,CAAC,QAAQ,CAAC;QAClC,IAAI,GAAG,CAAC,aAAa,KAAK,KAAK,CAAC,EAAE;YAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QACzD,OAAO,GAAG,CAAC;IACb,CAAC,CAAC;IAEF,gFAAgF;IAChF,MAAM,KAAK,GAAG,CAAC,CAAS,EAAU,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC;IACpE,qFAAqF;IACrF,MAAM,KAAK,GAAG,CAAC,QAAgB,EAAU,EAAE,CAAC,oBAAoB,KAAK,CAAC,QAAQ,GAAG,GAAG,CAAC,2BAA2B,CAAC;IAEjH,OAAO;QACL,OAAO,EAAE,CAAC;QACV,IAAI,QAAQ;YACV,OAAO,CAAC,CAAC;QACX,CAAC;QACD,OAAO;QACP,IAAI,QAAQ;YACV,OAAO,oBAAoB,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,SAAS,CAAC;QAC/D,CAAC;QACD,IAAI,IAAI;YACN,OAAO,CAAC,CAAC,IAAI,CAAC;QAChB,CAAC;QAED,yEAAyE;QACzE,MAAM,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAe;YAC3C,IAAI,oBAAoB,EAAE;gBAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,UAAU,EAAE,CAAC;YACvE,MAAM,GAAG,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,mBAAmB,CAAC,CAAC,GAAG,IAAI,CAAC;YACvF,OAAO,EAAE,QAAQ,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC,UAAU,EAAE,CAAC;QAC3G,CAAC;QAED,KAAK,CAAC,KAAK,EAAE,KAAK;YAChB,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC;YAChC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,MAAM,CAAC;YACpC,IAAI,KAAK;gBAAE,KAAK,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC;QACD;;;;;WAKG;QACH,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC;YACnB,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YACxC,IAAI,KAAK,EAAE,CAAC;gBACV,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC;gBAClD,KAAK,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC;YACpD,CAAC;QACH,CAAC;QACD,GAAG,CAAC,KAAK,EAAE,KAAK;YACd,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC;YAC9B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC;YAC9B,IAAI,KAAK;gBAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC;YACzC,GAAG,EAAE,MAAM,EAAE,CAAC;QAChB,CAAC;KACF,CAAC;AACJ,CAAC"}

package/src/edge-pan-gesture.ts

@@ -1,190 +0,0 @@
-import type { InteractivePopHandle, NavigationStack } from './navigation-stack.ts';
-
-export interface EdgePanGestureOptions {
-  /** px strip on the leading edge that starts the gesture */
-  edgeWidth: number;
-  /** recognize the drag from anywhere on the page */
-  anywhere: boolean;
-  /** px of horizontal movement before the drag begins */
-  startSlop: number;
-  /** px of vertical movement that hands the touch back to scrolling */
-  verticalCancelSlop: number;
-  /** fraction of the width dragged that completes without velocity */
-  completeThreshold: number;
-  /** px/s toward the trailing edge that completes the pop regardless of distance */
-  completeVelocity: number;
-  /** px/s back toward the leading edge that cancels the pop regardless of distance */
-  cancelVelocity: number;
-  velocitySamples: number;
-}
-
-export interface EdgePanGesture {
-  readonly options: EdgePanGestureOptions;
-  /** Re-reads options changed at runtime, such as `edgeWidth` and `anywhere`. */
-  refresh(): void;
-  attach(stack: NavigationStack): EdgePanGesture;
-  detach(): void;
-}
-
-interface Drag {
-  id: number;
-  target: EventTarget & { setPointerCapture?(id: number): void };
-  x0: number;
-  y0: number;
-  /** +1 when back is a drag to the right, -1 when the container reads right-to-left */
-  dir: number;
-  handle: InteractivePopHandle | null;
-  p: number;
-  samples: Array<[number, number]>;
-}
-
-/**
- * Recognizes a horizontal drag from the leading edge and drives the stack's
- * interactive pop from it. Built on pointer events, so it handles both mouse
- * and touch. Vertical movement early in the gesture hands the touch back to
- * native scrolling.
- *
- * "Leading" is whichever edge the container reads from, so in a right-to-left
- * container the strip sits on the right and back is a drag to the left.
- */
-export function createEdgePanGesture(options: Partial<EdgePanGestureOptions> = {}): EdgePanGesture {
-  const o: EdgePanGestureOptions = {
-    edgeWidth: 28,
-    anywhere: false,
-    startSlop: 6,
-    verticalCancelSlop: 10,
-    completeThreshold: 0.5,
-    completeVelocity: 500,
-    cancelVelocity: -500,
-    velocitySamples: 6,
-    ...options,
-  };
-
-  let stack: NavigationStack;
-  let strip: HTMLElement | null = null;
-
-  /**
-   * Which way forward is, read the same way the pages read it: `--sn-dir` when
-   * the stylesheet sets it, the container's reading direction otherwise. Taking
-   * it from one place is what keeps the drag and the transition from disagreeing
-   * about which edge is the back edge.
-   */
-  const direction = (): number => {
-    const style = typeof getComputedStyle === 'function' ? getComputedStyle(stack.container) : null;
-    const declared = Number(style?.getPropertyValue('--sn-dir'));
-    if (declared < 0) return -1;
-    if (declared > 0) return 1;
-    return style?.direction === 'rtl' ? -1 : 1;
-  };
-  let drag: Drag | null = null;
-  let suppressClick = false;
-  let offs: Array<() => void> = [];
-
-  const onDown = (ev: PointerEvent) => {
-    if (drag || !stack.canPop()) return;
-    if (ev.pointerType === 'mouse' && ev.button !== 0) return;
-    if (ev.currentTarget === stack.container && !o.anywhere) return;
-    drag = { id: ev.pointerId, target: ev.currentTarget as Drag['target'], x0: ev.clientX, y0: ev.clientY, dir: direction(), handle: null, p: 1, samples: [[ev.clientX, performance.now()]] };
-  };
-
-  const onMove = (ev: PointerEvent) => {
-    if (!drag || ev.pointerId !== drag.id) return;
-    // Signed so that "forward along the drag" is always positive, whichever
-    // edge the container calls leading.
-    const dx = (ev.clientX - drag.x0) * drag.dir;
-    const dy = ev.clientY - drag.y0;
-    if (!drag.handle) {
-      if (Math.abs(dy) > o.verticalCancelSlop && Math.abs(dy) > Math.abs(dx)) {
-        drag = null;
-        return;
-      }
-      if (dx < o.startSlop) return;
-      const handle = stack.beginInteractivePop();
-      if (!handle) {
-        drag = null;
-        return;
-      }
-      drag.handle = handle;
-      try {
-        drag.target.setPointerCapture?.(ev.pointerId);
-      } catch {
-        /* capture is best-effort */
-      }
-    }
-    drag.samples.push([ev.clientX, performance.now()]);
-    if (drag.samples.length > o.velocitySamples) drag.samples.shift();
-    drag.p = 1 - Math.min(1, Math.max(0, (dx - o.startSlop) / stack.width()));
-    drag.handle.update(drag.p);
-  };
-
-  const onUp = (ev: PointerEvent) => {
-    if (!drag || ev.pointerId !== drag.id) return;
-    const d = drag;
-    drag = null;
-    if (!d.handle) return;
-    const s = d.samples;
-    const [x1, t1] = s[0];
-    const [x2, t2] = s[s.length - 1];
-    const velocity = (t2 > t1 ? ((x2 - x1) / (t2 - t1)) * 1000 : 0) * d.dir;
-    const cancelled = ev.type === 'pointercancel';
-    const complete = !cancelled && (velocity > o.completeVelocity || (d.p < 1 - o.completeThreshold && velocity > o.cancelVelocity));
-    // The click that follows a drag release must not activate whatever is under the pointer.
-    suppressClick = true;
-    setTimeout(() => {
-      suppressClick = false;
-    }, 0);
-    void d.handle.finish({ complete, velocity });
-  };
-
-  const onClick = (ev: Event) => {
-    if (suppressClick) {
-      ev.stopPropagation();
-      ev.preventDefault();
-    }
-  };
-
-  const EVENTS: Record<string, (ev: PointerEvent) => void> = { pointerdown: onDown, pointermove: onMove, pointerup: onUp, pointercancel: onUp };
-  const listen = (el: HTMLElement) => Object.entries(EVENTS).forEach(([k, f]) => el.addEventListener(k, f as EventListener));
-  const unlisten = (el: HTMLElement) => Object.entries(EVENTS).forEach(([k, f]) => el.removeEventListener(k, f as EventListener));
-
-  /**
-   * Whether the strip is shown at all is a CSS question — the stylesheet hides
-   * it when there is nothing to go back to, or when the whole page is the
-   * target — so this only has to say what is true.
-   */
-  const refresh = () => {
-    if (!strip) return;
-    strip.style.width = o.edgeWidth + 'px';
-    stack.container.classList.toggle('sn-anywhere', o.anywhere);
-    stack.container.classList.toggle('sn-can-pop', stack.entries.length > 1);
-  };
-
-  const gesture: EdgePanGesture = {
-    options: o,
-    refresh,
-    attach(s) {
-      stack = s;
-      strip = document.createElement('div');
-      strip.className = 'sn-edge';
-      strip.setAttribute('aria-hidden', 'true');
-      stack.container.append(strip);
-      listen(strip);
-      listen(stack.container);
-      stack.container.addEventListener('click', onClick, true);
-      offs = (['push', 'pop', 'replace', 'reset'] as const).map((e) => stack.on(e, refresh));
-      refresh();
-      return gesture;
-    },
-    detach() {
-      if (!strip) return;
-      offs.forEach((f) => f());
-      unlisten(strip);
-      unlisten(stack.container);
-      stack.container.removeEventListener('click', onClick, true);
-      stack.container.classList.remove('sn-anywhere', 'sn-can-pop');
-      strip.remove();
-      strip = null;
-    },
-  };
-  return gesture;
-}