@rafaelaugusto/jolt 0.1.0-beta.6 → 0.1.0-beta.7

package/README.md

@@ -50,6 +50,8 @@ Jolt computes the motion once, in JavaScript, when the animation starts, and han
 - [SF Symbol effects](#sf-symbols) and animated icon replacement on iOS 17+.
 - [Shimmer](#shimmer) for loading placeholders on iOS.
 - [Liquid images](#liquid-images) with native texture deformation on iOS.
+- [Image effects](https://jolt.rafaelaugusto.dev/guide/image-effects): ripple, touch distortion and dissolve with native Metal/AGSL rendering and explicit fallback.
+- [Photo zoom and pan](https://jolt.rafaelaugusto.dev/guide/photo-zoom): native pinch, double tap, bounds and vertical dismissal intents.
 - [Loaders](#loaders) with dots, bars and ring styles on iOS.
 - [Circular reveal](#circular-reveal) to show or hide content from a point on iOS.
 - [Haptics](#haptics) at arrival or at marked points in an animation on iOS.
@@ -563,9 +565,17 @@ Each running property remembers its curve and start time. On Android, interrupti
 
 ## Demo
 
-[`demo/`](./demo) opens an interactive assistant on iOS: a fan of document tools, a voice screen with letter-by-letter text, and a staged conversation with document previews. Open **Help → Watch demo** to replay the flow. The orb is an animated illustration; speech, documents and audio are sample data.
+[`demo/`](./demo) opens an interactive assistant on iOS and Android: a fan of document tools, a voice screen with letter-by-letter text, and a staged conversation with document previews and a rolling countdown, with the screens cross-fading through the Vue entry. Open **Help → Watch demo** to replay the flow. The orb is an animated illustration; speech, documents and audio are sample data.
 
-Android opens the animation playground. The same playground is available on iOS with `--playground`, including presets, interruptible springs, decay, text, press effects and the native iOS helpers. See the [demo guide](./docs/guide/demo.md) for preview arguments and implementation notes.
+|                                                                             Assistant                                                                              |                                                                      Presets                                                                       |                                                                                       Springs                                                                                       |                                                                        Stagger                                                                        |
+| :----------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------------------------------------: |
+| <img src="https://raw.githubusercontent.com/rafaelaugustos/jolt/main/.github/assets/demo-assistant.gif" width="200" alt="The assistant replaying its flow on iOS"> | <img src="https://raw.githubusercontent.com/rafaelaugustos/jolt/main/.github/assets/demo-presets.gif" width="200" alt="fadeInUp, popIn and shake"> | <img src="https://raw.githubusercontent.com/rafaelaugustos/jolt/main/.github/assets/demo-springs.gif" width="200" alt="smooth, snappy and bouncy springs on an interruptible ball"> | <img src="https://raw.githubusercontent.com/rafaelaugustos/jolt/main/.github/assets/demo-stagger.gif" width="200" alt="Rows entering with a stagger"> |
+
+|                                                                            Sequences                                                                            |                                                                  Press (Android)                                                                   |                                                                   Rolling numbers                                                                   |                                                                     Text (Android)                                                                      |
+| :-------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------: |
+| <img src="https://raw.githubusercontent.com/rafaelaugustos/jolt/main/.github/assets/demo-sequences.gif" width="200" alt="Overlapping steps and steps in order"> | <img src="https://raw.githubusercontent.com/rafaelaugustos/jolt/main/.github/assets/demo-press-android.gif" width="200" alt="Three press effects"> | <img src="https://raw.githubusercontent.com/rafaelaugustos/jolt/main/.github/assets/demo-rolling.gif" width="200" alt="Digits rolling up and down"> | <img src="https://raw.githubusercontent.com/rafaelaugustos/jolt/main/.github/assets/demo-text-android.gif" width="200" alt="Letter and word entrances"> |
+
+The animation playground opens with `--playground` on iOS and `--es playground true` on Android, with presets, interruptible springs, decay, text, press effects, list rows, the keyboard composer and the native iOS helpers. See the [demo guide](./docs/guide/demo.md) for preview arguments and implementation notes. Each page of the [documentation](https://jolt.rafaelaugusto.dev) opens with a clip of its feature.
 
 With the [NativeScript CLI](https://docs.nativescript.org/setup/) installed:
 

package/dist/image-effect-native.d.ts

@@ -0,0 +1,26 @@
+import { type Image, type ImageSource } from '@nativescript/core';
+export interface ImageEffectSettings {
+    mode: number;
+    x: number;
+    y: number;
+    amplitude: number;
+    radius: number;
+    duration: number;
+    seed: number;
+    to?: ImageSource;
+}
+export interface ImageRenderer {
+    readonly backend: 'metal' | 'agsl';
+    readonly progress: number;
+    readonly frames: number;
+    readonly textureBytes: number;
+    readonly longestFrameMs: number;
+    play(endpoint: number): void;
+    pause(): void;
+    resume(): void;
+    seek(progress: number): void;
+    finish(endpoint: number): void;
+    stop(preserveImage?: boolean): void;
+}
+export declare function createImageRenderer(image: Image, settings: ImageEffectSettings, ended: (completed: boolean, progress: number) => void): ImageRenderer | undefined;
+//# sourceMappingURL=image-effect-native.d.ts.map

package/dist/image-effect-native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-effect-native.d.ts","sourceRoot":"","sources":["../src/image-effect-native.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,KAAK,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAE1F,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAA;IACZ,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,WAAW,CAAA;CACjB;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,OAAO,EAAE,OAAO,GAAG,MAAM,CAAA;IAClC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,KAAK,IAAI,IAAI,CAAA;IACb,MAAM,IAAI,IAAI,CAAA;IACd,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,MAAM,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;CACpC;AAED,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,mBAAmB,EAC7B,KAAK,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,GACpD,aAAa,GAAG,SAAS,CAiG3B"}

package/dist/image-effect-native.js

@@ -0,0 +1,73 @@
+import { Utils, isAndroid, isIOS } from '@nativescript/core';
+export function createImageRenderer(image, settings, ended) {
+    const { mode, x, y, amplitude, radius, duration, seed, to } = settings;
+    if (isIOS && typeof JoltImageEffect !== 'undefined') {
+        const native = JoltImageEffect.createWithViewDestinationModeOriginXOriginYAmplitudeRadiusDurationSeedListener(image.nativeViewProtected, to?.ios ?? null, mode, x, y, amplitude, radius, duration, seed, ended);
+        if (!native)
+            return undefined;
+        return {
+            backend: 'metal',
+            get progress() {
+                return native.progress;
+            },
+            get frames() {
+                return native.frames;
+            },
+            get textureBytes() {
+                return native.textureBytes;
+            },
+            get longestFrameMs() {
+                return native.longestFrame * 1000;
+            },
+            play: (p) => native.play(p),
+            pause: () => native.pause(),
+            resume: () => native.resume(),
+            seek: (p) => native.seek(p),
+            finish: (p) => native.finish(p),
+            stop: (preserveImage) => preserveImage ? native.stopPreservingImage() : native.stop(),
+        };
+    }
+    if (isAndroid && android.os.Build.VERSION.SDK_INT >= 33) {
+        const density = Utils.layout.getDisplayDensity();
+        const background = image.nativeViewProtected.getBackground();
+        // NativeScript draws bitmap pixels itself: ImageView.getImageMatrix() does
+        // not describe its stretch, EXIF rotation or inner border clipping.
+        const geometry = Array.create('float', 6);
+        geometry[0] = image.imageSource?.rotationAngle ?? 0;
+        geometry[1] = to?.rotationAngle ?? 0;
+        const corners = ['TopLeft', 'TopRight', 'BottomRight', 'BottomLeft'];
+        corners.forEach((corner, i) => {
+            geometry[i + 2] = background?.[`getBorder${corner}Radius`]?.() ?? 0;
+        });
+        const native = new org.rafaelaugusto.jolt.ImageEffect(image.nativeViewProtected, image.imageSource?.android ?? null, to?.android ?? null, geometry, mode, x * density, y * density, amplitude * density, radius * density, duration, seed, image
+            .touchListener ?? null, new org.rafaelaugusto.jolt.ImageEffect.Listener({ onEnd: ended }));
+        if (!native.isSupported()) {
+            const reason = native.getFailureReason();
+            native.stop();
+            throw new Error(reason);
+        }
+        return {
+            backend: 'agsl',
+            get progress() {
+                return native.getProgress();
+            },
+            get frames() {
+                return native.getFrames();
+            },
+            get textureBytes() {
+                return native.getTextureBytes();
+            },
+            get longestFrameMs() {
+                return native.getLongestFrameNanos() / 1e6;
+            },
+            play: (p) => native.play(p),
+            pause: () => native.pause(),
+            resume: () => native.resume(),
+            seek: (p) => native.seek(p),
+            finish: (p) => native.finish(p),
+            stop: (preserveImage) => preserveImage ? native.stopPreservingImage() : native.stop(),
+        };
+    }
+    return undefined;
+}
+//# sourceMappingURL=image-effect-native.js.map

package/dist/image-effect-native.js.map

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

package/dist/image-effect.d.ts

@@ -0,0 +1,50 @@
+import { ImageSource } from '@nativescript/core';
+import type { Animation } from './engine.js';
+import type { Target } from './types.js';
+export type ImageEffectName = 'ripple' | 'distortion' | 'dissolve';
+export interface ImageEffectOptions {
+    /** Origin in target-local DIPs; defaults to the center. */
+    origin?: {
+        x: number;
+        y: number;
+    };
+    /** Maximum displacement in DIPs, 0..64. Defaults to 8. */
+    amplitude?: number;
+    /** Influence radius in DIPs, greater than zero. Defaults to 96. */
+    radius?: number;
+    /** Milliseconds for a finite effect (or drag release). Defaults to 650. */
+    duration?: number;
+    /** Deterministic dissolve noise seed, 0..65535. Defaults to 1. */
+    seed?: number;
+    /** Loaded destination raster for dissolve. */
+    to?: ImageSource;
+    /** Prepare at progress zero without starting. */
+    paused?: boolean;
+}
+export interface ImageEffectDiagnostics {
+    backend: 'waiting' | 'metal' | 'agsl' | 'fallback';
+    reason?: 'reduced-motion' | 'unsupported' | 'not-visible';
+    /** Native setup error, when available. Intended for developer diagnostics. */
+    detail?: string;
+    frames: number;
+    textureBytes: number;
+    peakTextureBytes: number;
+    preparationMs: number;
+    longestFrameMs: number;
+}
+export interface ImageEffect extends Animation {
+    readonly effect: ImageEffectName;
+    readonly paused: boolean;
+    /** Finite progress; distortion rejects seeking because it follows native touch input. */
+    progress: number;
+    readonly diagnostics: Readonly<ImageEffectDiagnostics>;
+    pause(): void;
+    play(): void;
+    /** Reverse a finite effect from its current pixels. Terminal handles remain terminal. */
+    reverse(): void;
+    /** Complete immediately at the current direction's endpoint. */
+    finish(): void;
+}
+/** Optional native image effects. Stop restores the source; dissolve completion commits its destination. */
+export declare function imageEffect(target: Target, effect: ImageEffectName, options?: ImageEffectOptions): ImageEffect;
+//# sourceMappingURL=image-effect.d.ts.map

package/dist/image-effect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-effect.d.ts","sourceRoot":"","sources":["../src/image-effect.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,WAAW,EAGZ,MAAM,oBAAoB,CAAA;AAG3B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAG5C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAExC,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,YAAY,GAAG,UAAU,CAAA;AAClE,MAAM,WAAW,kBAAkB;IACjC,2DAA2D;IAC3D,MAAM,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACjC,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,kEAAkE;IAClE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,8CAA8C;IAC9C,EAAE,CAAC,EAAE,WAAW,CAAA;IAChB,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AACD,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CAAA;IAClD,MAAM,CAAC,EAAE,gBAAgB,GAAG,aAAa,GAAG,aAAa,CAAA;IACzD,8EAA8E;IAC9E,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;IACd,YAAY,EAAE,MAAM,CAAA;IACpB,gBAAgB,EAAE,MAAM,CAAA;IACxB,aAAa,EAAE,MAAM,CAAA;IACrB,cAAc,EAAE,MAAM,CAAA;CACvB;AACD,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,QAAQ,CAAC,MAAM,EAAE,eAAe,CAAA;IAChC,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAA;IACxB,yFAAyF;IACzF,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,WAAW,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAA;IACtD,KAAK,IAAI,IAAI,CAAA;IACb,IAAI,IAAI,IAAI,CAAA;IACZ,yFAAyF;IACzF,OAAO,IAAI,IAAI,CAAA;IACf,gEAAgE;IAChE,MAAM,IAAI,IAAI,CAAA;CACf;AAcD,4GAA4G;AAC5G,wBAAgB,WAAW,CACzB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,eAAe,EACvB,OAAO,GAAE,kBAAuB,GAC/B,WAAW,CA8Cb"}

package/dist/image-effect.js

@@ -0,0 +1,290 @@
+import { Application, Image, ImageSource, isIOS, } from '@nativescript/core';
+import { toView } from './animate.js';
+import { reducedMotion, timeScale } from './config.js';
+import { ownImage } from './image-owner.js';
+import { createImageRenderer } from './image-effect-native.js';
+const names = ['ripple', 'distortion', 'dissolve'];
+const surfaceChanges = [
+    'tintColorChange',
+    ...['TopLeft', 'TopRight', 'BottomRight', 'BottomLeft'].map((corner) => `border${corner}RadiusChange`),
+    ...['Top', 'Right', 'Bottom', 'Left'].flatMap((edge) => [
+        `padding${edge}Change`,
+        `border${edge}WidthChange`,
+    ]),
+];
+/** Optional native image effects. Stop restores the source; dissolve completion commits its destination. */
+export function imageEffect(target, effect, options = {}) {
+    const image = toView(target);
+    if (!(image instanceof Image))
+        throw new TypeError('imageEffect() expects a NativeScript Image.');
+    if (!names.includes(effect))
+        throw new TypeError(`Unknown image effect: ${String(effect)}.`);
+    if (!options || typeof options !== 'object')
+        throw new TypeError('Image effect options must be an object.');
+    const amplitude = options.amplitude ?? 8, radius = options.radius ?? 96;
+    const duration = options.duration ?? 650, seed = options.seed ?? 1;
+    if (!Number.isFinite(amplitude) || amplitude < 0 || amplitude > 64)
+        throw new RangeError('Image displacement must be between 0 and 64 DIPs.');
+    if (!Number.isFinite(radius) ||
+        radius <= 0 ||
+        !Number.isFinite(duration) ||
+        duration <= 0)
+        throw new RangeError('Image radius and duration must be positive finite numbers.');
+    if (!Number.isInteger(seed) || seed < 0 || seed > 65535)
+        throw new RangeError('Image seed must be an integer between 0 and 65535.');
+    if (options.origin &&
+        (!Number.isFinite(options.origin.x) || !Number.isFinite(options.origin.y)))
+        throw new RangeError('Image origin must contain finite local coordinates.');
+    if (options.paused !== undefined && typeof options.paused !== 'boolean')
+        throw new TypeError('paused must be a boolean.');
+    if (effect === 'dissolve' &&
+        (!(options.to instanceof ImageSource) ||
+            !Number.isFinite(options.to.width) ||
+            !Number.isFinite(options.to.height) ||
+            options.to.width <= 0 ||
+            options.to.height <= 0))
+        throw new TypeError('Dissolve requires a loaded destination ImageSource.');
+    return new Effect(image, effect, {
+        ...options,
+        amplitude,
+        radius,
+        duration: duration / timeScale(),
+        seed,
+    });
+}
+class Effect {
+    image;
+    effect;
+    options;
+    finished;
+    resolve;
+    renderer;
+    releaseOwnership = () => { };
+    terminal = false;
+    queued = false;
+    committing = false;
+    userPaused;
+    suspended = false;
+    position = 0;
+    direction = 1;
+    dimensions = '';
+    stats = {
+        backend: 'waiting',
+        frames: 0,
+        textureBytes: 0,
+        peakTextureBytes: 0,
+        preparationMs: 0,
+        longestFrameMs: 0,
+    };
+    reduceObserver;
+    constructor(image, effect, options) {
+        this.image = image;
+        this.effect = effect;
+        this.options = options;
+        this.userPaused = options.paused ?? false;
+        this.finished = new Promise((resolve) => {
+            this.resolve = resolve;
+        });
+        this.releaseOwnership = ownImage(image, this.stop);
+        for (const event of ['loaded', 'layoutChanged'])
+            image.on(event, this.schedule);
+        for (const event of ['imageSourceChange', 'stretchChange'])
+            image.on(event, this.changed);
+        image.on('unloaded', this.stop);
+        image.style.on('visibilityChange', this.visible);
+        for (const event of surfaceChanges)
+            image.style.on(event, this.changed);
+        Application.on(Application.suspendEvent, this.suspend);
+        Application.on(Application.resumeEvent, this.resume);
+        if (isIOS)
+            this.reduceObserver = Application.ios.addNotificationObserver(UIAccessibilityReduceMotionStatusDidChangeNotification, this.preferences);
+        this.schedule();
+    }
+    then(fulfilled, rejected) {
+        return this.finished.then(fulfilled, rejected);
+    }
+    get paused() {
+        return this.userPaused;
+    }
+    get progress() {
+        return this.renderer?.progress ?? this.position;
+    }
+    set progress(value) {
+        if (this.effect === 'distortion')
+            throw new TypeError('Distortion follows touch input and cannot be scrubbed.');
+        if (!Number.isFinite(value) || value < 0 || value > 1)
+            throw new RangeError('Image progress must be between 0 and 1.');
+        if (this.terminal)
+            return;
+        this.position = value;
+        this.renderer?.seek(value);
+    }
+    get diagnostics() {
+        return {
+            ...this.stats,
+            ...(this.renderer
+                ? {
+                    frames: this.renderer.frames,
+                    textureBytes: this.renderer.textureBytes,
+                    longestFrameMs: this.renderer.longestFrameMs,
+                }
+                : {}),
+        };
+    }
+    pause = () => {
+        if (this.terminal)
+            return;
+        this.userPaused = true;
+        this.renderer?.pause();
+    };
+    play = () => {
+        if (this.terminal)
+            return;
+        this.userPaused = false;
+        if (this.suspended)
+            return;
+        if (this.renderer) {
+            if (this.effect === 'distortion')
+                this.renderer.resume();
+            else
+                this.renderer.play(this.direction);
+        }
+        else
+            this.schedule();
+    };
+    reverse = () => {
+        if (this.effect === 'distortion')
+            throw new TypeError('Distortion has no finite playback direction.');
+        if (this.terminal)
+            return;
+        this.direction = this.direction === 1 ? 0 : 1;
+        this.play();
+    };
+    finish = () => {
+        if (this.terminal)
+            return;
+        if (this.effect === 'distortion')
+            return this.stop();
+        this.complete(true, this.direction);
+    };
+    stop = () => this.complete(false, this.progress);
+    complete = (completed, position, preserveImage = false) => {
+        if (this.terminal)
+            return;
+        this.terminal = true;
+        this.position = position;
+        this.stats = { ...this.diagnostics, textureBytes: 0 };
+        this.renderer?.stop(preserveImage);
+        this.renderer = undefined;
+        this.releaseOwnership();
+        for (const event of ['loaded', 'layoutChanged'])
+            this.image.off(event, this.schedule);
+        for (const event of ['imageSourceChange', 'stretchChange'])
+            this.image.off(event, this.changed);
+        this.image.off('unloaded', this.stop);
+        this.image.style.off('visibilityChange', this.visible);
+        for (const event of surfaceChanges)
+            this.image.style.off(event, this.changed);
+        Application.off(Application.suspendEvent, this.suspend);
+        Application.off(Application.resumeEvent, this.resume);
+        if (this.reduceObserver)
+            Application.ios.removeNotificationObserver(this.reduceObserver, UIAccessibilityReduceMotionStatusDidChangeNotification);
+        this.reduceObserver = undefined;
+        if (completed && this.effect === 'dissolve' && position === 1) {
+            this.committing = true;
+            // The view may clear its ImageSource on disposal. Keep the caller's
+            // destination reusable by giving the view its own wrapper.
+            const destination = new ImageSource(this.options.to.getNativeSource());
+            destination.rotationAngle = this.options.to.rotationAngle;
+            this.image.imageSource = destination;
+            this.committing = false;
+        }
+        this.resolve(completed);
+    };
+    changed = (event) => {
+        if (this.committing)
+            return;
+        if (this.renderer)
+            this.complete(false, this.progress, event?.eventName === 'imageSourceChange');
+        else
+            this.schedule();
+    };
+    suspend = () => {
+        this.suspended = true;
+        this.renderer?.pause();
+    };
+    resume = () => {
+        this.suspended = false;
+        this.schedule();
+        if (!this.userPaused)
+            this.play();
+    };
+    visible = () => {
+        if (this.image.visibility !== 'visible')
+            this.stop();
+    };
+    preferences = () => {
+        if (reducedMotion())
+            this.fallback('reduced-motion');
+    };
+    fallback(reason) {
+        this.stats = { ...this.stats, backend: 'fallback', reason };
+        // Reduced/unsupported rendering still performs a requested content change.
+        if (this.effect === 'dissolve' && this.direction === 1) {
+            this.complete(true, 1);
+        }
+        else
+            this.complete(false, 0);
+    }
+    schedule = () => {
+        if (this.queued || this.terminal)
+            return;
+        this.queued = true;
+        void Promise.resolve().then(() => {
+            this.queued = false;
+            if (this.terminal || this.suspended || !this.image.isLoaded)
+                return;
+            if (reducedMotion())
+                return this.fallback('reduced-motion');
+            if (this.image.visibility !== 'visible')
+                return this.fallback('not-visible');
+            const { width, height } = this.image.getActualSize();
+            if (width <= 0 || height <= 0)
+                return;
+            const dimensions = `${width}:${height}`;
+            if (this.renderer) {
+                if (this.dimensions !== dimensions)
+                    this.stop();
+                return;
+            }
+            if (!this.image.imageSource)
+                return;
+            this.dimensions = dimensions;
+            const started = Date.now();
+            try {
+                this.renderer = createImageRenderer(this.image, {
+                    ...this.options,
+                    mode: names.indexOf(this.effect),
+                    x: this.options.origin?.x ?? width / 2,
+                    y: this.options.origin?.y ?? height / 2,
+                }, this.complete);
+            }
+            catch (error) {
+                this.stats.preparationMs = Date.now() - started;
+                this.stats.detail = String(error);
+                return this.fallback('unsupported');
+            }
+            if (!this.renderer)
+                return this.fallback('unsupported');
+            this.stats.backend = this.renderer.backend;
+            this.stats.preparationMs = Date.now() - started;
+            this.stats.peakTextureBytes = this.renderer.textureBytes;
+            this.renderer.pause();
+            if (this.position)
+                this.renderer.seek(this.position);
+            if (!this.userPaused && !this.suspended)
+                this.play();
+        });
+    };
+}
+//# sourceMappingURL=image-effect.js.map

package/dist/image-effect.js.map

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

package/dist/image-owner.d.ts

@@ -0,0 +1,3 @@
+import type { Image } from '@nativescript/core';
+export declare function ownImage(image: Image, stop: () => void): () => void;
+//# sourceMappingURL=image-owner.d.ts.map

package/dist/image-owner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-owner.d.ts","sourceRoot":"","sources":["../src/image-owner.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAK/C,wBAAgB,QAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAMnE"}

package/dist/image-owner.js

@@ -0,0 +1,11 @@
+/** Rendering effects share one image surface; ordinary view transforms stay independent. */
+const owners = new WeakMap();
+export function ownImage(image, stop) {
+    owners.get(image)?.();
+    owners.set(image, stop);
+    return () => {
+        if (owners.get(image) === stop)
+            owners.delete(image);
+    };
+}
+//# sourceMappingURL=image-owner.js.map

package/dist/image-owner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-owner.js","sourceRoot":"","sources":["../src/image-owner.ts"],"names":[],"mappings":"AAEA,4FAA4F;AAC5F,MAAM,MAAM,GAAG,IAAI,OAAO,EAAqB,CAAA;AAE/C,MAAM,UAAU,QAAQ,CAAC,KAAY,EAAE,IAAgB;IACrD,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,EAAE,CAAA;IACrB,MAAM,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;IACvB,OAAO,GAAG,EAAE;QACV,IAAI,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI;YAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IACtD,CAAC,CAAA;AACH,CAAC"}

package/dist/index.d.ts

@@ -15,6 +15,10 @@ export { shimmer } from './shimmer.js';
 export type { ShimmerOptions } from './shimmer.js';
 export { liquid } from './liquid.js';
 export type { LiquidOptions, LiquidEffect } from './liquid.js';
+export { imageEffect } from './image-effect.js';
+export type { ImageEffect, ImageEffectName, ImageEffectOptions, ImageEffectDiagnostics, } from './image-effect.js';
+export { zoomable } from './zoomable.js';
+export type { Zoomable, ZoomableOptions, ZoomState, PhotoDismissal } from './zoomable.js';
 export { loader } from './loader.js';
 export type { LoaderOptions, LoaderStyle } from './loader.js';
 export { reveal, conceal } from './reveal.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,YAAY,EAAE,IAAI,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAC5E,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,YAAY,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AACzC,YAAY,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AACpD,YAAY,EAAE,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AACtE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AACpD,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACpC,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACpC,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAC7D,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAC7C,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,YAAY,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,YAAY,EACV,YAAY,EACZ,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACpD,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACpF,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,YAAY,EAAE,WAAW,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAClF,YAAY,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACtD,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAC5C,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAC5D,mBAAmB,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -7,6 +7,8 @@ export { followKeyboard } from './keyboard.js';
 export { confetti, particles } from './particles.js';
 export { shimmer } from './shimmer.js';
 export { liquid } from './liquid.js';
+export { imageEffect } from './image-effect.js';
+export { zoomable } from './zoomable.js';
 export { loader } from './loader.js';
 export { reveal, conceal } from './reveal.js';
 export { animateText } from './text.js';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAEjD,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAEzC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAG9C,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAEpD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAEpC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAEpC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAEvC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAElC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAMjD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEpD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAEzC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAEjD,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAEzC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAG9C,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAEpD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAEpC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAO/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAEpC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAEvC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAElC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAMjD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEpD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAEzC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA"}

package/dist/liquid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"liquid.d.ts","sourceRoot":"","sources":["../src/liquid.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAGxC,MAAM,WAAW,aAAa;IAC5B,oEAAoE;IACpE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,YAAY;IAC3B,sCAAsC;IACtC,KAAK,IAAI,IAAI,CAAA;IACb,4CAA4C;IAC5C,MAAM,IAAI,IAAI,CAAA;IACd,2DAA2D;IAC3D,IAAI,IAAI,IAAI,CAAA;CACb;AASD,yFAAyF;AACzF,wBAAgB,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,GAAE,aAAkB,GAAG,YAAY,CAkBhF"}
+{"version":3,"file":"liquid.d.ts","sourceRoot":"","sources":["../src/liquid.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAIxC,MAAM,WAAW,aAAa;IAC5B,oEAAoE;IACpE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,YAAY;IAC3B,sCAAsC;IACtC,KAAK,IAAI,IAAI,CAAA;IACb,4CAA4C;IAC5C,MAAM,IAAI,IAAI,CAAA;IACd,2DAA2D;IAC3D,IAAI,IAAI,IAAI,CAAA;CACb;AASD,yFAAyF;AACzF,wBAAgB,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,GAAE,aAAkB,GAAG,YAAY,CAkBhF"}

package/dist/liquid.js

@@ -3,6 +3,7 @@ import { tintColorProperty } from '@nativescript/core/ui/image';
 import { toView } from './animate.js';
 import { liquidGrid } from './liquid-grid.js';
 import { reducedMotion } from './config.js';
+import { ownImage } from './image-owner.js';
 const running = new WeakMap();
 const key = 'jolt:liquid';
 const columns = 24;
@@ -32,6 +33,7 @@ export function liquid(target, options = {}) {
 class Liquid {
     image;
     settings;
+    releaseOwnership;
     stopped = false;
     queued = false;
     pausedByUser = false;
@@ -46,6 +48,7 @@ class Liquid {
     constructor(image, settings) {
         this.image = image;
         this.settings = settings;
+        this.releaseOwnership = ownImage(image, this.stop);
         running.set(image, this);
         for (const event of ['loaded', 'layoutChanged', 'imageSourceChange', 'stretchChange'])
             image.on(event, this.schedule);
@@ -72,6 +75,7 @@ class Liquid {
         if (this.stopped)
             return;
         this.stopped = true;
+        this.releaseOwnership?.();
         for (const event of ['loaded', 'layoutChanged', 'imageSourceChange', 'stretchChange'])
             this.image.off(event, this.schedule);
         this.image.off('unloaded', this.unloaded);