@rafaelaugusto/jolt 0.1.0-beta.3 → 0.1.0-beta.5

package/dist/liquid-grid.js

@@ -0,0 +1,24 @@
+/** A periodic displacement field. The fixed boundary keeps transparent edges in bounds. */
+export function liquidGrid(columns, rows, phase, intensity) {
+    const positions = new Float32Array((columns + 1) * (rows + 1) * 2);
+    const t = phase * Math.PI * 2;
+    let index = 0;
+    for (let row = 0; row <= rows; row++) {
+        const y = row / rows;
+        for (let column = 0; column <= columns; column++) {
+            const x = column / columns;
+            const edge = Math.sin(Math.PI * x) ** 2 * Math.sin(Math.PI * y) ** 2;
+            const amount = 0.055 * intensity * edge;
+            positions[index++] =
+                x +
+                    amount *
+                        (Math.sin(Math.PI * 2 * y + t) + 0.4 * Math.sin(Math.PI * 2 * (x + y) - 2 * t));
+            positions[index++] =
+                y +
+                    amount *
+                        (Math.cos(Math.PI * 2 * x - t) + 0.4 * Math.cos(Math.PI * 2 * (x - y) + 2 * t));
+        }
+    }
+    return positions;
+}
+//# sourceMappingURL=liquid-grid.js.map

package/dist/liquid-grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"liquid-grid.js","sourceRoot":"","sources":["../src/liquid-grid.ts"],"names":[],"mappings":"AAAA,2FAA2F;AAC3F,MAAM,UAAU,UAAU,CACxB,OAAe,EACf,IAAY,EACZ,KAAa,EACb,SAAiB;IAEjB,MAAM,SAAS,GAAG,IAAI,YAAY,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;IAClE,MAAM,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAA;IAC7B,IAAI,KAAK,GAAG,CAAC,CAAA;IACb,KAAK,IAAI,GAAG,GAAG,CAAC,EAAE,GAAG,IAAI,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC;QACrC,MAAM,CAAC,GAAG,GAAG,GAAG,IAAI,CAAA;QACpB,KAAK,IAAI,MAAM,GAAG,CAAC,EAAE,MAAM,IAAI,OAAO,EAAE,MAAM,EAAE,EAAE,CAAC;YACjD,MAAM,CAAC,GAAG,MAAM,GAAG,OAAO,CAAA;YAC1B,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,CAAA;YACpE,MAAM,MAAM,GAAG,KAAK,GAAG,SAAS,GAAG,IAAI,CAAA;YACvC,SAAS,CAAC,KAAK,EAAE,CAAC;gBAChB,CAAC;oBACD,MAAM;wBACJ,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;YACnF,SAAS,CAAC,KAAK,EAAE,CAAC;gBAChB,CAAC;oBACD,MAAM;wBACJ,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;QACrF,CAAC;IACH,CAAC;IACD,OAAO,SAAS,CAAA;AAClB,CAAC"}

package/dist/liquid.d.ts

@@ -0,0 +1,18 @@
+import type { Target } from './types.js';
+export interface LiquidOptions {
+    /** Amount of internal deformation, from 0 to 1. Defaults to 0.7. */
+    intensity?: number;
+    /** Milliseconds per seamless cycle. Defaults to 8000. */
+    duration?: number;
+}
+export interface LiquidEffect {
+    /** Freeze the current deformation. */
+    pause(): void;
+    /** Continue from the paused deformation. */
+    resume(): void;
+    /** Remove the effect and restore the image. Idempotent. */
+    stop(): void;
+}
+/** Deforms a raster image with native iOS texture warps. Android leaves it unchanged. */
+export declare function liquid(target: Target, options?: LiquidOptions): LiquidEffect;
+//# sourceMappingURL=liquid.d.ts.map

package/dist/liquid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"liquid.d.ts","sourceRoot":"","sources":["../src/liquid.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAExC,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

@@ -0,0 +1,229 @@
+import { Application, Image, isIOS } from '@nativescript/core';
+import { tintColorProperty } from '@nativescript/core/ui/image';
+import { toView } from './animate.js';
+import { liquidGrid } from './liquid-grid.js';
+const running = new WeakMap();
+const key = 'jolt:liquid';
+const columns = 24;
+const rows = 24;
+const steps = 64;
+const noop = () => { };
+/** Deforms a raster image with native iOS texture warps. Android leaves it unchanged. */
+export function liquid(target, options = {}) {
+    const settings = {
+        intensity: options.intensity ?? 0.7,
+        duration: options.duration ?? 8000,
+    };
+    if (!Number.isFinite(settings.intensity) ||
+        settings.intensity < 0 ||
+        settings.intensity > 1)
+        throw new RangeError('Liquid intensity must be between zero and one.');
+    if (!Number.isFinite(settings.duration) || settings.duration <= 0)
+        throw new RangeError('Liquid duration must be a positive finite number.');
+    const image = toView(target);
+    if (!(image instanceof Image))
+        throw new TypeError('Expected a NativeScript Image.');
+    running.get(image)?.stop();
+    if (!isIOS || settings.intensity === 0)
+        return { pause: noop, resume: noop, stop: noop };
+    return new Liquid(image, settings);
+}
+class Liquid {
+    image;
+    settings;
+    stopped = false;
+    queued = false;
+    pausedByUser = false;
+    active = UIApplication.sharedApplication.applicationState === 0; // UIApplicationStateActive
+    native;
+    original;
+    source;
+    renderer;
+    scene;
+    sprite;
+    observers = [];
+    constructor(image, settings) {
+        this.image = image;
+        this.settings = settings;
+        running.set(image, this);
+        for (const event of ['loaded', 'layoutChanged', 'imageSourceChange', 'stretchChange'])
+            image.on(event, this.schedule);
+        image.on('unloaded', this.unloaded);
+        image.style.on('visibilityChange', this.schedule);
+        image.style.on('tintColorChange', this.schedule);
+        this.observe(UIAccessibilityReduceMotionStatusDidChangeNotification, this.schedule);
+        this.observe(UIApplicationWillResignActiveNotification, this.suspend);
+        this.observe(UIApplicationDidBecomeActiveNotification, this.activate);
+        this.schedule();
+    }
+    pause = () => {
+        this.pausedByUser = true;
+        if (this.renderer)
+            this.renderer.paused = true;
+    };
+    resume = () => {
+        if (this.stopped)
+            return;
+        this.pausedByUser = false;
+        this.schedule();
+    };
+    stop = () => {
+        if (this.stopped)
+            return;
+        this.stopped = true;
+        for (const event of ['loaded', 'layoutChanged', 'imageSourceChange', 'stretchChange'])
+            this.image.off(event, this.schedule);
+        this.image.off('unloaded', this.unloaded);
+        this.image.style.off('visibilityChange', this.schedule);
+        this.image.style.off('tintColorChange', this.schedule);
+        for (const [name, observer] of this.observers)
+            Application.ios.removeNotificationObserver(observer, name);
+        this.observers = [];
+        if (running.get(this.image) === this)
+            running.delete(this.image);
+        this.remove();
+    };
+    observe(name, callback) {
+        this.observers.push([name, Application.ios.addNotificationObserver(name, callback)]);
+    }
+    suspend = () => {
+        this.active = false;
+        if (this.renderer)
+            this.renderer.paused = true;
+    };
+    activate = () => {
+        this.active = true;
+        this.schedule();
+    };
+    unloaded = () => this.remove();
+    schedule = () => {
+        if (this.stopped || this.queued)
+            return;
+        this.queued = true;
+        void Promise.resolve().then(() => {
+            this.queued = false;
+            if (this.stopped)
+                return;
+            try {
+                this.update();
+            }
+            catch (error) {
+                this.stop();
+                throw error;
+            }
+        });
+    };
+    update() {
+        if (!this.image.isLoaded ||
+            this.image.visibility !== 'visible' ||
+            this.image.tintColor ||
+            UIAccessibilityIsReduceMotionEnabled())
+            return this.remove();
+        const native = this.image.nativeViewProtected;
+        if (!(native instanceof UIImageView) || !native.window)
+            return this.remove();
+        if (this.native &&
+            (this.native !== native ||
+                native.image !== null ||
+                this.image.imageSource !== this.source))
+            this.remove();
+        const source = this.original ?? native.image;
+        if (!source?.CGImage ||
+            source.images?.count ||
+            source.renderingMode === 2 /* AlwaysTemplate */)
+            return this.remove();
+        if (source.size.width * source.size.height * source.scale ** 2 > 16_777_216)
+            return this.remove();
+        const bounds = native.bounds;
+        if (bounds.size.width <= 0 ||
+            bounds.size.height <= 0 ||
+            source.size.width <= 0 ||
+            source.size.height <= 0)
+            return this.remove();
+        if (!this.renderer) {
+            // A paused SKView cannot draw its first frame. Keep the original visible
+            // until rendering can start, including source changes while paused.
+            if (this.pausedByUser || !this.active)
+                return;
+            this.create(native, source);
+        }
+        const renderer = this.renderer;
+        renderer.frame = CGRectMake(bounds.origin.x, bounds.origin.y, bounds.size.width, bounds.size.height);
+        this.scene.size = CGSizeMake(bounds.size.width, bounds.size.height);
+        const iw = source.size.width;
+        const ih = source.size.height;
+        const { width, height } = bounds.size;
+        const stretch = this.image.stretch;
+        const scale = stretch === 'aspectFill'
+            ? Math.max(width / iw, height / ih)
+            : Math.min(width / iw, height / ih);
+        this.sprite.size = CGSizeMake(stretch === 'fill' ? width : stretch === 'none' ? iw : iw * scale, stretch === 'fill' ? height : stretch === 'none' ? ih : ih * scale);
+        this.sprite.position = CGPointMake(width / 2, height / 2);
+        renderer.paused = this.pausedByUser || !this.active;
+    }
+    create(native, source) {
+        const renderer = SKView.alloc().initWithFrame(native.bounds);
+        this.renderer = renderer;
+        this.native = native;
+        this.original = source;
+        this.source = this.image.imageSource;
+        renderer.opaque = false;
+        renderer.backgroundColor = UIColor.clearColor;
+        renderer.allowsTransparency = true;
+        renderer.asynchronous = true;
+        renderer.userInteractionEnabled = false;
+        renderer.accessibilityElementsHidden = true;
+        renderer.clipsToBounds = true;
+        renderer.preferredFramesPerSecond = Math.min(120, native.window?.screen?.maximumFramesPerSecond ?? 60);
+        renderer.paused = true;
+        const scene = SKScene.sceneWithSize(native.bounds.size);
+        this.scene = scene;
+        scene.backgroundColor = UIColor.clearColor;
+        scene.scaleMode = 3; // SKSceneScaleModeResizeFill
+        const texture = SKTexture.textureWithImage(source);
+        const sprite = SKSpriteNode.spriteNodeWithTexture(texture);
+        this.sprite = sprite;
+        const warps = [];
+        const times = [];
+        for (let step = 0; step <= steps; step++) {
+            const positions = liquidGrid(columns, rows, step === steps ? 0 : step / steps, this.settings.intensity);
+            warps.push(SKWarpGeometryGrid.gridWithColumnsRowsSourcePositionsDestPositions(columns, rows, null, positions));
+            times.push(((step / steps) * this.settings.duration) / 1000);
+        }
+        const loop = SKAction.animateWithWarpsTimes(warps, times);
+        if (!loop)
+            throw new Error('Unable to create the liquid warp action.');
+        sprite.warpGeometry = SKWarpGeometryGrid.gridWithColumnsRows(columns, rows);
+        const entrance = SKAction.warpToDuration(warps[0], Math.min(0.35, this.settings.duration / 10000));
+        if (!entrance)
+            throw new Error('Unable to create the liquid entrance.');
+        sprite.runActionWithKey(SKAction.sequence([entrance, SKAction.repeatActionForever(loop)]), key);
+        scene.addChild(sprite);
+        renderer.presentScene(scene);
+        native.addSubview(renderer);
+        native.image = null;
+    }
+    remove() {
+        const { renderer, sprite, native, original } = this;
+        if (renderer) {
+            renderer.paused = true;
+            sprite?.removeAllActions();
+            sprite?.removeFromParent();
+            renderer.presentScene(null);
+            renderer.removeFromSuperview();
+        }
+        if (native &&
+            native.image === null &&
+            original &&
+            this.image.imageSource === this.source) {
+            native.image = original;
+            // Core couldn't turn the suppressed UIImage into a template while it was
+            // hidden. Reapply its public native setter when a tint takes over.
+            if (this.image.tintColor)
+                this.image[tintColorProperty.setNative](this.image.tintColor);
+        }
+        this.renderer = this.scene = this.sprite = this.native = this.original = undefined;
+        this.source = undefined;
+    }
+}
+//# sourceMappingURL=liquid.js.map

package/dist/liquid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"liquid.js","sourceRoot":"","sources":["../src/liquid.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,EAAyB,KAAK,aAAa,EAAE,MAAM,aAAa,CAAA;AAGvE,OAAO,EAAoB,KAAK,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAExE;kFACkF;AAClF,wBAAgB,aAAa,CAAC,QAAQ,EAAE,SAAS,aAAa,EAAE,GAAG,iBAAiB,CAsGnF"}

package/dist/playback-group.js

@@ -0,0 +1,113 @@
+import { arrivalOf, setArrival } 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)));
+    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":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAsB,MAAM,aAAa,CAAA;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAsB,MAAM,eAAe,CAAA;AAC/D,OAAO,EAAE,gBAAgB,EAA0B,MAAM,eAAe,CAAA;AAExE;kFACkF;AAClF,MAAM,UAAU,aAAa,CAAC,QAAkC;IAC9D,IAAI,MAAM,GAAG,KAAK,CAAA;IAClB,IAAI,OAAO,GAAG,KAAK,CAAA;IACnB,IAAI,aAAiC,CAAA;IACrC,IAAI,KAAgC,CAAA;IACpC,IAAI,eAAmC,CAAA;IACvC,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;IAC9E,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,KAAK,IAAI,OAAO,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC;YAAE,OAAM;QACtE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;QAC1B,KAAK,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC,QAAQ,EAAE,CAAC,IAAI,WAAW,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,CAAA;QACrE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAA;QACtE,IAAI,MAAM;YAAE,KAAK,CAAC,KAAK,EAAE,CAAA;IAC3B,CAAC,CAAA;IACD,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,OAAO,IAAI,MAAM,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,MAAM,CAAC;YAAE,OAAM;QACtF,OAAO,GAAG,IAAI,CAAA;QACd,KAAK,EAAE,MAAM,EAAE,CAAA;QACf,KAAK,MAAM,KAAK,IAAI,QAAQ;YAAE,KAAK,CAAC,YAAY,EAAE,CAAA;IACpD,CAAC,CAAA;IACD,MAAM,IAAI,GAAG,CAAC,KAAa,EAAE,EAAE;QAC7B,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;QACxB,gBAAgB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;QAC9B,IAAI,OAAO;YAAE,OAAM;QACnB,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;YAC3C,eAAe,GAAG,KAAK,CAAA;YACvB,OAAM;QACR,CAAC;QACD,eAAe,GAAG,SAAS,CAAA;QAC3B,WAAW,EAAE,CAAA;QACb,KAAK,EAAE,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,CAAA;QAC1B,KAAK,MAAM,KAAK,IAAI,QAAQ;YAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC,CAAA;QAC3D,YAAY,EAAE,CAAA;IAChB,CAAC,CAAA;IACD,KAAK,MAAM,KAAK,IAAI,QAAQ,EAAE,CAAC;QAC7B,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAA;QAC1B,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;YACjB,WAAW,EAAE,CAAA;YACb,IAAI,eAAe,KAAK,SAAS,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC;gBACzE,IAAI,CAAC,eAAe,CAAC,CAAA;YACvB,YAAY,EAAE,CAAA;QAChB,CAAC,CAAC,CAAA;IACJ,CAAC;IACD,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CACxE,CAAC,OAAO,EAAE,EAAE;QACV,aAAa,KAAK,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC;YACtC,CAAC,CAAC,CAAC;YACH,CAAC,CAAC,QAAQ,EAAE;gBACV,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,GAAG,QAAQ,EAAE,CAAC;gBAChD,CAAC,CAAC,CAAC,CAAA;QACP,OAAO,GAAG,IAAI,CAAA;QACd,KAAK,EAAE,MAAM,EAAE,CAAA;QACf,OAAO,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;IAC/B,CAAC,CACF,CAAA;IACD,MAAM,SAAS,GAAsB;QACnC,QAAQ;QACR,IAAI,QAAQ;YACV,OAAO,QAAQ,EAAE,CAAA;QACnB,CAAC;QACD,IAAI,MAAM;YACR,OAAO,MAAM,CAAA;QACf,CAAC;QACD,IAAI,QAAQ;YACV,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC;gBAC9B,MAAM,IAAI,UAAU,CAAC,uCAAuC,CAAC,CAAA;YAC/D,IAAI,eAAe,KAAK,SAAS;gBAAE,OAAO,eAAe,CAAA;YACzD,OAAO,CACL,aAAa;gBACb,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAChF,CAAA;QACH,CAAC;QACD,IAAI,QAAQ,CAAC,KAAK;YAChB,IAAI,CAAC,KAAK,CAAC,CAAA;QACb,CAAC;QACD,KAAK;YACH,IAAI,CAAC,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC;gBACxB,MAAM,GAAG,IAAI,CAAA;gBACb,KAAK,EAAE,KAAK,EAAE,CAAA;gBACd,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAA;YAC5C,CAAC;QACH,CAAC;QACD,IAAI;YACF,IAAI,CAAC,OAAO,IAAI,MAAM,EAAE,CAAC;gBACvB,MAAM,GAAG,KAAK,CAAA;gBACd,KAAK,EAAE,IAAI,EAAE,CAAA;gBACb,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAA;gBACzC,YAAY,EAAE,CAAA;YAChB,CAAC;QACH,CAAC;QACD,IAAI;YACF,aAAa,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;YAC/E,OAAO,GAAG,IAAI,CAAA;YACd,KAAK,EAAE,MAAM,EAAE,CAAA;YACf,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAA;QAC3C,CAAC;QACD,IAAI,EAAE,CAAC,WAAW,EAAE,UAAU,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;KAC1E,CAAA;IACD,UAAU,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAA;IAC3D,WAAW,EAAE,CAAA;IACb,YAAY,EAAE,CAAA;IACd,OAAO,SAAS,CAAA;AAClB,CAAC"}

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":"AAIA,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,CA+BZ"}

package/dist/press.js

@@ -1,3 +1,5 @@
+import { Color } from '@nativescript/core';
+import { isColorProperty } from './color.js';
 import { animate, toView } from './animate.js';
 import { isProperty, readValue } from './properties.js';
 const pressIn = { type: 'spring', duration: 200, bounce: 0 };
@@ -18,7 +20,10 @@ export function press(target, pressed = { scale: 0.96 }, options) {
     const onTouch = (event) => {
         const { action } = event;
         if (action === 'down' && !rest && view.isEnabled !== false) {
-            rest = Object.fromEntries(properties.map((p) => [p, readValue(view, p)]));
+            rest = Object.fromEntries(properties.map((p) => [
+                p,
+                isColorProperty(p) ? new Color(readValue(view, p)) : readValue(view, p),
+            ]));
             animate(view, pressed, options ?? pressIn);
         }
         else if ((action === 'up' || action === 'cancel') && rest) {

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,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,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,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"}

package/dist/properties.d.ts

@@ -1,5 +1,8 @@
-import type { View } from '@nativescript/core';
-export type Property = 'opacity' | 'x' | 'y' | 'scaleX' | 'scaleY' | 'rotate' | 'rotateX' | 'rotateY';
+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;

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,+EAA+E;AAC/E,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',
@@ -20,6 +23,17 @@ const defaults = {
 };
 /** 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,+EAA+E;AAC/E,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/sequence.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sequence.d.ts","sourceRoot":"","sources":["../src/sequence.ts"],"names":[],"mappings":"AAEA,OAAO,EAAmC,KAAK,SAAS,EAAE,MAAM,aAAa,CAAA;AAC7E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAE9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAEnE,MAAM,MAAM,IAAI,GACZ,SAAS;IACP,MAAM,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE;IAClC,SAAS,EAAE,SAAS,GAAG,UAAU;IACjC,OAAO,CAAC,EAAE,cAAc,GAAG,UAAU;CACtC,GACD,CAAC,MAAM,SAAS,CAAC,CAAA;AAErB;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,SAAS,IAAI,EAAE,GAAG,SAAS,CA8B1D"}
+{"version":3,"file":"sequence.d.ts","sourceRoot":"","sources":["../src/sequence.ts"],"names":[],"mappings":"AAIA,OAAO,EAAmC,KAAK,SAAS,EAAE,MAAM,aAAa,CAAA;AAC7E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAE9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAEnE,MAAM,MAAM,IAAI,GACZ,SAAS;IACP,MAAM,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE;IAClC,SAAS,EAAE,SAAS,GAAG,UAAU;IACjC,OAAO,CAAC,EAAE,cAAc,GAAG,UAAU;CACtC,GACD,CAAC,MAAM,SAAS,CAAC,CAAA;AAErB;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,SAAS,IAAI,EAAE,GAAG,SAAS,CA8B1D"}