@rafaelaugusto/jolt 0.1.0-beta.1 → 0.1.0-beta.11

package/dist/path.js

@@ -0,0 +1,90 @@
+import { parsePath } from './svg-path.js';
+import { reducedMotion, timeScale } from './config.js';
+import { createTrack, instantTrack } from './track.js';
+import { mergeTransitions, resolveTransition, } from './transition.js';
+export function preparePath(keyframes, base, overrides) {
+    if (keyframes.orient !== undefined && typeof keyframes.orient !== 'boolean')
+        throw new TypeError('Path orient must be a boolean.');
+    if (keyframes.path === undefined) {
+        if (keyframes.orient !== undefined)
+            throw new TypeError('orient requires a path.');
+        return undefined;
+    }
+    if (keyframes.x !== undefined || keyframes.y !== undefined)
+        throw new TypeError('A path owns x and y; omit explicit x/y keyframes.');
+    if (keyframes.orient && keyframes.rotate !== undefined)
+        throw new TypeError('An oriented path owns rotate; omit explicit rotate keyframes.');
+    if (overrides.x || overrides.y || (keyframes.orient && overrides.rotate))
+        throw new TypeError('Use the path transition to time its coordinates together.');
+    const geometry = parsePath(keyframes.path);
+    const orient = keyframes.orient === true;
+    const transition = resolveTransition(overrides.path ? mergeTransitions(base, overrides.path) : base, 'opacity', 2);
+    if (!Number.isFinite(transition.curve.type === 'tween' ? transition.curve.duration : 0) ||
+        !Number.isFinite(transition.delay))
+        throw new RangeError('Path duration and delay must be finite.');
+    const properties = orient ? ['x', 'y', 'rotate'] : ['x', 'y'];
+    const first = geometry.at(0);
+    let motion;
+    return {
+        properties,
+        starts: new Map(properties.map((property) => [property, first[property]])),
+        transition,
+        track(property, offset, requested) {
+            motion ??= sample(geometry, transition, orient);
+            const { progress, times, frames } = motion;
+            const to = geometry.at(progress.to)[property] + offset;
+            if (reducedMotion())
+                return instantTrack(property, to);
+            const delay = requested / timeScale();
+            const shift = delay - progress.delay;
+            const pose = (time) => geometry.at(progress.valueAt(time - shift))[property] + offset;
+            return {
+                ...progress,
+                property,
+                delay,
+                end: progress.end + shift,
+                arrival: progress.arrival + shift,
+                times,
+                values: offset
+                    ? frames[property].map((value) => value + offset)
+                    : frames[property],
+                to,
+                valueAt: pose,
+                velocityAt(time) {
+                    if (time <= delay || time >= progress.end + shift)
+                        return 0;
+                    const position = progress.valueAt(time - shift);
+                    if (position < 0 || position > 1)
+                        return 0;
+                    const epsilon = Math.min(1e-5, 0.01 / Math.max(1, geometry.length));
+                    const a = Math.max(0, position - epsilon), b = Math.min(1, position + epsilon);
+                    return (((geometry.at(b)[property] - geometry.at(a)[property]) / (b - a)) *
+                        progress.velocityAt(time - shift));
+                },
+            };
+        },
+    };
+}
+/** Sample scalar timing once, then project all coordinates through the same path. */
+function sample(geometry, transition, orient) {
+    const progress = createTrack('opacity', [0, 1], transition, 0);
+    const count = Math.max(1, Math.min(6000, Math.max(Math.ceil((progress.duration / 1000) * 60), Math.ceil(geometry.length / 2))));
+    const times = Array.from({ length: count + 1 }, (_, i) => i / count);
+    const frames = { x: [], y: [], rotate: [] };
+    for (const time of times) {
+        const position = time === 0
+            ? 0
+            : time === 1
+                ? 1
+                : progress.valueAt(progress.delay + time * progress.duration);
+        if (!Number.isFinite(position))
+            throw new RangeError('Path easing must return finite progress.');
+        const pose = geometry.at(position);
+        frames.x.push(pose.x);
+        frames.y.push(pose.y);
+        if (orient)
+            frames.rotate.push(pose.rotate);
+    }
+    return { progress, times, frames };
+}
+//# sourceMappingURL=path.js.map

package/dist/path.js.map

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

package/dist/playback-group.d.ts

@@ -0,0 +1,6 @@
+import { type ViewAnimation } from './engine.js';
+import { type PlaybackAnimation } from './playback.js';
+/** Staggered views share a finite time range. Shorter children remain seekable
+ * until the whole group settles, unless another animation has taken ownership. */
+export declare function playbackGroup(children: readonly ViewAnimation[]): PlaybackAnimation;
+//# sourceMappingURL=playback-group.d.ts.map

package/dist/playback-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"playback-group.d.ts","sourceRoot":"","sources":["../src/playback-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,aAAa,EACnB,MAAM,aAAa,CAAA;AAGpB,OAAO,EAAoB,KAAK,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAExE;kFACkF;AAClF,wBAAgB,aAAa,CAAC,QAAQ,EAAE,SAAS,aAAa,EAAE,GAAG,iBAAiB,CAiInF"}

package/dist/playback-group.js

@@ -0,0 +1,141 @@
+import { arrivalOf, arrivalTimingOf, setArrival, setArrivalTiming, } from './engine.js';
+import { getDriver } from './driver/index.js';
+import { createClock } from './playback.js';
+import { validateProgress } from './playback.js';
+/** Staggered views share a finite time range. Shorter children remain seekable
+ * until the whole group settles, unless another animation has taken ownership. */
+export function playbackGroup(children) {
+    let paused = false;
+    let settled = false;
+    let finalProgress;
+    let clock;
+    let pendingProgress;
+    const duration = () => Math.max(0, ...children.map((child) => child.duration));
+    const ensureClock = () => {
+        if (clock || settled || children.some((child) => !child.ready))
+            return;
+        const driver = getDriver();
+        clock = driver.clock?.(duration()) ?? createClock(() => driver.now());
+        clock.seek(Math.max(0, ...children.map((child) => child.currentTime)));
+        if (paused)
+            clock.pause();
+    };
+    const finishIfIdle = () => {
+        if (settled || paused || children.some((child) => !child.idle || child.paused))
+            return;
+        settled = true;
+        clock?.cancel();
+        for (const child of children)
+            child.releaseGroup();
+    };
+    const seek = (value) => {
+        const total = duration();
+        validateProgress(value, total);
+        if (settled)
+            return;
+        if (children.some((child) => !child.ready)) {
+            pendingProgress = value;
+            return;
+        }
+        pendingProgress = undefined;
+        ensureClock();
+        clock?.seek(total * value);
+        for (const child of children)
+            child.seekTime(total * value);
+        finishIfIdle();
+    };
+    for (const child of children) {
+        child.onIdle(finishIfIdle);
+        child.onReady(() => {
+            ensureClock();
+            if (pendingProgress !== undefined && children.every((child) => child.ready))
+                seek(pendingProgress);
+            finishIfIdle();
+        });
+    }
+    const finished = Promise.all(children.map((child) => child.finished)).then((results) => {
+        finalProgress ??= results.every(Boolean)
+            ? 1
+            : duration()
+                ? Math.min(1, (clock?.time() ?? 0) / duration())
+                : 0;
+        settled = true;
+        clock?.cancel();
+        return results.every(Boolean);
+    });
+    const animation = {
+        finished,
+        get duration() {
+            return duration();
+        },
+        get paused() {
+            return paused;
+        },
+        get progress() {
+            if (!Number.isFinite(duration()))
+                throw new RangeError('Progress requires a finite animation.');
+            if (pendingProgress !== undefined)
+                return pendingProgress;
+            return (finalProgress ??
+                (settled ? 1 : duration() ? Math.min(1, (clock?.time() ?? 0) / duration()) : 0));
+        },
+        set progress(value) {
+            seek(value);
+        },
+        pause() {
+            if (!settled && !paused) {
+                paused = true;
+                clock?.pause();
+                children.forEach((child) => child.pause());
+            }
+        },
+        play() {
+            if (!settled && paused) {
+                paused = false;
+                clock?.play();
+                children.forEach((child) => child.play());
+                finishIfIdle();
+            }
+        },
+        stop() {
+            finalProgress = duration() ? Math.min(1, (clock?.time() ?? 0) / duration()) : 0;
+            settled = true;
+            clock?.cancel();
+            children.forEach((child) => child.stop());
+        },
+        then: (onfulfilled, onrejected) => finished.then(onfulfilled, onrejected),
+    };
+    setArrival(animation, Promise.all(children.map(arrivalOf)));
+    const listeners = new Set();
+    const timings = children.map((child) => arrivalTimingOf(child));
+    const notify = () => {
+        for (const callback of [...listeners])
+            callback();
+    };
+    const unsubscribe = timings.map((timing) => timing.subscribe(notify));
+    setArrivalTiming(animation, {
+        read() {
+            const states = timings.map((timing) => timing.read());
+            return {
+                arrived: settled || states.every((state) => state.arrived),
+                paused: paused || states.some((state) => state.paused && !state.arrived),
+                remaining: states.some((state) => !state.arrived && state.remaining === undefined)
+                    ? undefined
+                    : Math.max(0, ...states.map((state) => (state.arrived ? 0 : state.remaining))),
+            };
+        },
+        subscribe(callback) {
+            listeners.add(callback);
+            return () => listeners.delete(callback);
+        },
+    });
+    void finished.then(() => {
+        unsubscribe.forEach((off) => off());
+        notify();
+        listeners.clear();
+    });
+    ensureClock();
+    finishIfIdle();
+    return animation;
+}
+//# sourceMappingURL=playback-group.js.map

package/dist/playback-group.js.map

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

package/dist/playback.d.ts

@@ -0,0 +1,25 @@
+import type { Animation } from './engine.js';
+/** Controls returned by animate() and decay(). Effects expose the base Animation. */
+export interface PlaybackAnimation extends Animation {
+    /** Pauses only the properties owned by this animation. */
+    pause(): void;
+    /** Continues from the current position. Completed/stopped animations remain terminal. */
+    play(): void;
+    readonly paused: boolean;
+    /** Total milliseconds, including delays and repeats. Infinity for endless loops. */
+    readonly duration: number;
+    /** Finite timeline position, from 0 to 1. Seeking preserves the playing/paused state. */
+    progress: number;
+}
+export type PlaybackCommand = 'pause' | 'play' | 'seek';
+export interface PlaybackClock {
+    time(): number;
+    pause(): void;
+    play(): void;
+    seek(ms: number): void;
+    cancel(): void;
+}
+/** Read only on user commands; there is no frame loop in JavaScript. */
+export declare function createClock(now: () => number, initial?: number): PlaybackClock;
+export declare function validateProgress(value: number, duration: number): void;
+//# sourceMappingURL=playback.d.ts.map

package/dist/playback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"playback.d.ts","sourceRoot":"","sources":["../src/playback.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAE5C,qFAAqF;AACrF,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,0DAA0D;IAC1D,KAAK,IAAI,IAAI,CAAA;IACb,yFAAyF;IACzF,IAAI,IAAI,IAAI,CAAA;IACZ,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAA;IACxB,oFAAoF;IACpF,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,yFAAyF;IACzF,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;AAEvD,MAAM,WAAW,aAAa;IAC5B,IAAI,IAAI,MAAM,CAAA;IACd,KAAK,IAAI,IAAI,CAAA;IACb,IAAI,IAAI,IAAI,CAAA;IACZ,IAAI,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,MAAM,IAAI,IAAI,CAAA;CACf;AAED,wEAAwE;AACxE,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,MAAM,EAAE,OAAO,SAAI,GAAG,aAAa,CA0BzE;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,QAO/D"}

package/dist/playback.js

@@ -0,0 +1,35 @@
+/** Read only on user commands; there is no frame loop in JavaScript. */
+export function createClock(now, initial = 0) {
+    let offset = initial;
+    let anchor = now();
+    let paused = false;
+    const time = () => offset + (paused ? 0 : now() - anchor);
+    return {
+        time,
+        pause() {
+            offset = time();
+            paused = true;
+        },
+        play() {
+            if (paused) {
+                anchor = now();
+                paused = false;
+            }
+        },
+        seek(ms) {
+            offset = ms;
+            anchor = now();
+        },
+        cancel() {
+            offset = time();
+            paused = true;
+        },
+    };
+}
+export function validateProgress(value, duration) {
+    if (!Number.isFinite(value) || value < 0 || value > 1)
+        throw new RangeError('Animation progress must be between 0 and 1.');
+    if (!Number.isFinite(duration))
+        throw new RangeError('Progress requires a finite animation; endless loops can pause and play.');
+}
+//# sourceMappingURL=playback.js.map

package/dist/playback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"playback.js","sourceRoot":"","sources":["../src/playback.ts"],"names":[],"mappings":"AAyBA,wEAAwE;AACxE,MAAM,UAAU,WAAW,CAAC,GAAiB,EAAE,OAAO,GAAG,CAAC;IACxD,IAAI,MAAM,GAAG,OAAO,CAAA;IACpB,IAAI,MAAM,GAAG,GAAG,EAAE,CAAA;IAClB,IAAI,MAAM,GAAG,KAAK,CAAA;IAClB,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,MAAM,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,MAAM,CAAC,CAAA;IACzD,OAAO;QACL,IAAI;QACJ,KAAK;YACH,MAAM,GAAG,IAAI,EAAE,CAAA;YACf,MAAM,GAAG,IAAI,CAAA;QACf,CAAC;QACD,IAAI;YACF,IAAI,MAAM,EAAE,CAAC;gBACX,MAAM,GAAG,GAAG,EAAE,CAAA;gBACd,MAAM,GAAG,KAAK,CAAA;YAChB,CAAC;QACH,CAAC;QACD,IAAI,CAAC,EAAE;YACL,MAAM,GAAG,EAAE,CAAA;YACX,MAAM,GAAG,GAAG,EAAE,CAAA;QAChB,CAAC;QACD,MAAM;YACJ,MAAM,GAAG,IAAI,EAAE,CAAA;YACf,MAAM,GAAG,IAAI,CAAA;QACf,CAAC;KACF,CAAA;AACH,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,KAAa,EAAE,QAAgB;IAC9D,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,IAAI,KAAK,GAAG,CAAC;QACnD,MAAM,IAAI,UAAU,CAAC,6CAA6C,CAAC,CAAA;IACrE,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC;QAC5B,MAAM,IAAI,UAAU,CAClB,yEAAyE,CAC1E,CAAA;AACL,CAAC"}

package/dist/press.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"press.d.ts","sourceRoot":"","sources":["../src/press.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAc,MAAM,iBAAiB,CAAA;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAKnE;;;;;;;;GAQG;AACH,wBAAgB,KAAK,CACnB,MAAM,EAAE,MAAM,EACd,OAAO,GAAE,SAA2B,EACpC,OAAO,CAAC,EAAE,cAAc,GAAG,UAAU,GACpC,MAAM,IAAI,CA0BZ"}
+{"version":3,"file":"press.d.ts","sourceRoot":"","sources":["../src/press.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAc,MAAM,iBAAiB,CAAA;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAKnE;;;;;;;;GAQG;AACH,wBAAgB,KAAK,CACnB,MAAM,EAAE,MAAM,EACd,OAAO,GAAE,SAA2B,EACpC,OAAO,CAAC,EAAE,cAAc,GAAG,UAAU,GACpC,MAAM,IAAI,CAwCZ"}

package/dist/press.js

@@ -1,5 +1,7 @@
-import { animate, toView } from './animate.js';
-import { isProperty, readValue } from './properties.js';
+import { Color } from '@nativescript/core';
+import { isColorProperty } from './color.js';
+import { animate, startingValues, toView } from './animate.js';
+import { readValue } from './properties.js';
 const pressIn = { type: 'spring', duration: 200, bounce: 0 };
 const release = { type: 'spring', duration: 450, bounce: 0.35 };
 /**
@@ -13,22 +15,36 @@ const release = { type: 'spring', duration: 450, bounce: 0.35 };
  */
 export function press(target, pressed = { scale: 0.96 }, options) {
     const view = toView(target);
-    const properties = Object.keys(pressed).flatMap((key) => key === 'scale' ? ['scaleX', 'scaleY'] : isProperty(key) ? [key] : []);
+    const properties = [...startingValues(pressed, options).keys()];
     let rest;
+    let active;
     const onTouch = (event) => {
         const { action } = event;
         if (action === 'down' && !rest && view.isEnabled !== false) {
-            rest = Object.fromEntries(properties.map((p) => [p, readValue(view, p)]));
-            animate(view, pressed, options ?? pressIn);
+            rest = Object.fromEntries(properties.map((p) => [
+                p,
+                isColorProperty(p) ? new Color(readValue(view, p)) : readValue(view, p),
+            ]));
+            active = animate(view, pressed, options ?? pressIn);
         }
         else if ((action === 'up' || action === 'cancel') && rest) {
-            animate(view, rest, typeof options === 'object'
+            active = animate(view, rest, typeof options === 'object'
                 ? { ...options, relative: false }
                 : (options ?? release));
             rest = undefined;
         }
     };
+    const cancel = () => {
+        active?.stop();
+        active = undefined;
+        rest = undefined;
+    };
     view.on('touch', onTouch);
-    return () => view.off('touch', onTouch);
+    view.on('unloaded', cancel);
+    return () => {
+        view.off('touch', onTouch);
+        view.off('unloaded', cancel);
+        cancel();
+    };
 }
 //# sourceMappingURL=press.js.map

package/dist/press.js.map

@@ -1 +1 @@
-{"version":3,"file":"press.js","sourceRoot":"","sources":["../src/press.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,SAAS,EAAiB,MAAM,iBAAiB,CAAA;AAItE,MAAM,OAAO,GAAe,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,CAAA;AACxE,MAAM,OAAO,GAAe,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;AAE3E;;;;;;;;GAQG;AACH,MAAM,UAAU,KAAK,CACnB,MAAc,EACd,OAAO,GAAc,EAAE,KAAK,EAAE,IAAI,EAAE,EACpC,OAAqC;IAErC,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;IAC3B,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAc,EAAE,CAClE,GAAG,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CACtE,CAAA;IACD,IAAI,IAA2B,CAAA;IAE/B,MAAM,OAAO,GAAG,CAAC,KAAgB,EAAE,EAAE;QACnC,MAAM,EAAE,MAAM,EAAE,GAAG,KAA8B,CAAA;QACjD,IAAI,MAAM,KAAK,MAAM,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE,CAAC;YAC3D,IAAI,GAAG,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;YACzE,OAAO,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,IAAI,OAAO,CAAC,CAAA;QAC5C,CAAC;aAAM,IAAI,CAAC,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,QAAQ,CAAC,IAAI,IAAI,EAAE,CAAC;YAC5D,OAAO,CACL,IAAI,EACJ,IAAI,EACJ,OAAO,OAAO,KAAK,QAAQ;gBACzB,CAAC,CAAC,EAAE,GAAG,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE;gBACjC,CAAC,CAAC,CAAC,OAAO,IAAI,OAAO,CAAC,CACzB,CAAA;YACD,IAAI,GAAG,SAAS,CAAA;QAClB,CAAC;IACH,CAAC,CAAA;IAED,IAAI,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;IACzB,OAAO,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;AACzC,CAAC"}
+{"version":3,"file":"press.js","sourceRoot":"","sources":["../src/press.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAA8C,MAAM,oBAAoB,CAAA;AACtF,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAE9D,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAI3C,MAAM,OAAO,GAAe,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,CAAA;AACxE,MAAM,OAAO,GAAe,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;AAE3E;;;;;;;;GAQG;AACH,MAAM,UAAU,KAAK,CACnB,MAAc,EACd,OAAO,GAAc,EAAE,KAAK,EAAE,IAAI,EAAE,EACpC,OAAqC;IAErC,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;IAC3B,MAAM,UAAU,GAAG,CAAC,GAAG,cAAc,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,CAAA;IAC/D,IAAI,IAA2B,CAAA;IAC/B,IAAI,MAAqC,CAAA;IAEzC,MAAM,OAAO,GAAG,CAAC,KAAgB,EAAE,EAAE;QACnC,MAAM,EAAE,MAAM,EAAE,GAAG,KAA8B,CAAA;QACjD,IAAI,MAAM,KAAK,MAAM,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE,CAAC;YAC3D,IAAI,GAAG,MAAM,CAAC,WAAW,CACvB,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;gBACpB,CAAC;gBACD,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC;aACxE,CAAC,CACH,CAAA;YACD,MAAM,GAAG,OAAO,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,IAAI,OAAO,CAAC,CAAA;QACrD,CAAC;aAAM,IAAI,CAAC,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,QAAQ,CAAC,IAAI,IAAI,EAAE,CAAC;YAC5D,MAAM,GAAG,OAAO,CACd,IAAI,EACJ,IAAI,EACJ,OAAO,OAAO,KAAK,QAAQ;gBACzB,CAAC,CAAC,EAAE,GAAG,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE;gBACjC,CAAC,CAAC,CAAC,OAAO,IAAI,OAAO,CAAC,CACzB,CAAA;YACD,IAAI,GAAG,SAAS,CAAA;QAClB,CAAC;IACH,CAAC,CAAA;IAED,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,MAAM,EAAE,IAAI,EAAE,CAAA;QACd,MAAM,GAAG,SAAS,CAAA;QAClB,IAAI,GAAG,SAAS,CAAA;IAClB,CAAC,CAAA;IACD,IAAI,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;IACzB,IAAI,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC,CAAA;IAC3B,OAAO,GAAG,EAAE;QACV,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;QAC1B,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,MAAM,CAAC,CAAA;QAC5B,MAAM,EAAE,CAAA;IACV,CAAC,CAAA;AACH,CAAC"}

package/dist/properties.d.ts

@@ -1,6 +1,9 @@
-import type { View } from '@nativescript/core';
-export type Property = 'opacity' | 'x' | 'y' | 'scaleX' | 'scaleY' | 'rotate' | 'rotateX' | 'rotateY';
-/** How close to its target a spring has to be to count as settled. */
+import { type View } from '@nativescript/core';
+import { type DecorationProperty } from './decoration.js';
+import { type ColorProperty } from './color.js';
+export type NumericProperty = 'opacity' | 'x' | 'y' | 'scaleX' | 'scaleY' | 'rotate' | 'rotateX' | 'rotateY';
+export type Property = NumericProperty | ColorProperty | DecorationProperty;
+/** How close to its target a spring or decay has to be to count as settled. */
 export declare const precision: Record<Property, number>;
 export declare function isProperty(key: string): key is Property;
 export declare function readValue(view: View, property: Property): number;

package/dist/properties.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"properties.d.ts","sourceRoot":"","sources":["../src/properties.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAE9C,MAAM,MAAM,QAAQ,GAClB,SAAS,GAAG,GAAG,GAAG,GAAG,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAA;AAwBhF,sEAAsE;AACtE,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAS9C,CAAA;AAED,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,IAAI,QAAQ,CAEvD;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAG,MAAM,CAGhE;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,QAEvE"}
+{"version":3,"file":"properties.d.ts","sourceRoot":"","sources":["../src/properties.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,IAAI,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAIL,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAA8B,KAAK,aAAa,EAAE,MAAM,YAAY,CAAA;AAE3E,MAAM,MAAM,eAAe,GACzB,SAAS,GAAG,GAAG,GAAG,GAAG,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAA;AAChF,MAAM,MAAM,QAAQ,GAAG,eAAe,GAAG,aAAa,GAAG,kBAAkB,CAAA;AAwB3E,+EAA+E;AAC/E,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAoB9C,CAAA;AAED,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,IAAI,QAAQ,CAEvD;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAG,MAAM,CAKhE;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,QAOvE"}

package/dist/properties.js

@@ -1,3 +1,6 @@
+import { Color } from '@nativescript/core';
+import { isDecorationProperty, readDecoration, writeDecoration, } from './decoration.js';
+import { isColorProperty, readColor } from './color.js';
 const viewKeys = {
     opacity: 'opacity',
     x: 'translateX',
@@ -18,8 +21,19 @@ const defaults = {
     rotateX: 0,
     rotateY: 0,
 };
-/** How close to its target a spring has to be to count as settled. */
+/** How close to its target a spring or decay has to be to count as settled. */
 export const precision = {
+    borderRadius: 0.1,
+    borderWidth: 0.1,
+    shadowOpacity: 0.002,
+    shadowRadius: 0.1,
+    shadowOffsetX: 0.1,
+    shadowOffsetY: 0.1,
+    elevation: 0.1,
+    translationZ: 0.1,
+    backgroundColor: 0.002,
+    borderColor: 0.002,
+    color: 0.002,
     opacity: 0.002,
     x: 0.25,
     y: 0.25,
@@ -30,13 +44,23 @@ export const precision = {
     rotateY: 0.1,
 };
 export function isProperty(key) {
-    return key in viewKeys;
+    return Object.hasOwn(viewKeys, key) || isColorProperty(key) || isDecorationProperty(key);
 }
 export function readValue(view, property) {
+    if (isColorProperty(property))
+        return readColor(view, property);
+    if (isDecorationProperty(property))
+        return readDecoration(view, property);
     const value = view[viewKeys[property]];
     return typeof value === 'number' && !Number.isNaN(value) ? value : defaults[property];
 }
 export function writeValue(view, property, value) {
+    if (isColorProperty(property)) {
+        view[property] = new Color(value);
+        return;
+    }
+    if (isDecorationProperty(property))
+        return writeDecoration(view, property, value);
     view[viewKeys[property]] = value;
 }
 //# sourceMappingURL=properties.js.map

package/dist/properties.js.map

@@ -1 +1 @@
-{"version":3,"file":"properties.js","sourceRoot":"","sources":["../src/properties.ts"],"names":[],"mappings":"AAKA,MAAM,QAAQ,GAAG;IACf,OAAO,EAAE,SAAS;IAClB,CAAC,EAAE,YAAY;IACf,CAAC,EAAE,YAAY;IACf,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;CAC6B,CAAA;AAEjD,MAAM,QAAQ,GAA6B;IACzC,OAAO,EAAE,CAAC;IACV,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,CAAC;IACV,OAAO,EAAE,CAAC;CACX,CAAA;AAED,sEAAsE;AACtE,MAAM,CAAC,MAAM,SAAS,GAA6B;IACjD,OAAO,EAAE,KAAK;IACd,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,IAAI;IACP,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,GAAG;IACX,OAAO,EAAE,GAAG;IACZ,OAAO,EAAE,GAAG;CACb,CAAA;AAED,MAAM,UAAU,UAAU,CAAC,GAAW;IACpC,OAAO,GAAG,IAAI,QAAQ,CAAA;AACxB,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,IAAU,EAAE,QAAkB;IACtD,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAA;IACtC,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAA;AACvF,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,IAAU,EAAE,QAAkB,EAAE,KAAa;IACtE,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,GAAG,KAAK,CAAA;AAClC,CAAC"}
+{"version":3,"file":"properties.js","sourceRoot":"","sources":["../src/properties.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAa,MAAM,oBAAoB,CAAA;AACrD,OAAO,EACL,oBAAoB,EACpB,cAAc,EACd,eAAe,GAEhB,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAE,eAAe,EAAE,SAAS,EAAsB,MAAM,YAAY,CAAA;AAM3E,MAAM,QAAQ,GAAG;IACf,OAAO,EAAE,SAAS;IAClB,CAAC,EAAE,YAAY;IACf,CAAC,EAAE,YAAY;IACf,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;CACoC,CAAA;AAExD,MAAM,QAAQ,GAAoC;IAChD,OAAO,EAAE,CAAC;IACV,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,CAAC;IACV,OAAO,EAAE,CAAC;CACX,CAAA;AAED,+EAA+E;AAC/E,MAAM,CAAC,MAAM,SAAS,GAA6B;IACjD,YAAY,EAAE,GAAG;IACjB,WAAW,EAAE,GAAG;IAChB,aAAa,EAAE,KAAK;IACpB,YAAY,EAAE,GAAG;IACjB,aAAa,EAAE,GAAG;IAClB,aAAa,EAAE,GAAG;IAClB,SAAS,EAAE,GAAG;IACd,YAAY,EAAE,GAAG;IACjB,eAAe,EAAE,KAAK;IACtB,WAAW,EAAE,KAAK;IAClB,KAAK,EAAE,KAAK;IACZ,OAAO,EAAE,KAAK;IACd,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,IAAI;IACP,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,GAAG;IACX,OAAO,EAAE,GAAG;IACZ,OAAO,EAAE,GAAG;CACb,CAAA;AAED,MAAM,UAAU,UAAU,CAAC,GAAW;IACpC,OAAO,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,GAAG,CAAC,IAAI,eAAe,CAAC,GAAG,CAAC,IAAI,oBAAoB,CAAC,GAAG,CAAC,CAAA;AAC1F,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,IAAU,EAAE,QAAkB;IACtD,IAAI,eAAe,CAAC,QAAQ,CAAC;QAAE,OAAO,SAAS,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAA;IAC/D,IAAI,oBAAoB,CAAC,QAAQ,CAAC;QAAE,OAAO,cAAc,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAA;IACzE,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAA;IACtC,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAA;AACvF,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,IAAU,EAAE,QAAkB,EAAE,KAAa;IACtE,IAAI,eAAe,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC9B,IAAI,CAAC,QAAQ,CAAC,GAAG,IAAI,KAAK,CAAC,KAAK,CAAC,CAAA;QACjC,OAAM;IACR,CAAC;IACD,IAAI,oBAAoB,CAAC,QAAQ,CAAC;QAAE,OAAO,eAAe,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAA;IACjF,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,GAAG,KAAK,CAAA;AAClC,CAAC"}

package/dist/reveal.d.ts

@@ -0,0 +1,25 @@
+import type { Animation } from './engine.js';
+import type { Target } from './types.js';
+export interface RevealOptions {
+    /** Circle origin in DIPs from the target's top-left corner. Defaults to its center. */
+    from?: {
+        x: number;
+        y: number;
+    };
+    /** Milliseconds. Defaults to 400; zero changes visibility immediately. */
+    duration?: number;
+}
+export interface ConcealOptions {
+    /** Circle destination in DIPs from the target's top-left corner. Defaults to its center. */
+    to?: {
+        x: number;
+        y: number;
+    };
+    /** Milliseconds. Defaults to 400; zero changes visibility immediately. */
+    duration?: number;
+}
+/** Reveals an iOS view through an expanding circle, then removes the temporary mask. */
+export declare function reveal(target: Target, options?: RevealOptions): Animation;
+/** Contracts an iOS view to a point, then sets visibility to 'hidden' without collapsing layout. */
+export declare function conceal(target: Target, options?: ConcealOptions): Animation;
+//# sourceMappingURL=reveal.d.ts.map

package/dist/reveal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reveal.d.ts","sourceRoot":"","sources":["../src/reveal.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAC5C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAGxC,MAAM,WAAW,aAAa;IAC5B,uFAAuF;IACvF,IAAI,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAC/B,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,cAAc;IAC7B,4FAA4F;IAC5F,EAAE,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAC7B,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAWD,wFAAwF;AACxF,wBAAgB,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,GAAE,aAAkB,GAAG,SAAS,CAE7E;AAED,oGAAoG;AACpG,wBAAgB,OAAO,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,GAAE,cAAmB,GAAG,SAAS,CAE/E"}