@rafaelaugusto/jolt 0.0.0-stage → 0.1.0-beta.1

package/dist/presets.d.ts

@@ -0,0 +1,310 @@
+import type { AnimateOptions, Keyframes } from './types.js';
+export interface Preset {
+    keyframes: Keyframes;
+    transition: AnimateOptions;
+}
+/** Add custom preset names through module augmentation, with `true` as each value. */
+export interface Presets {
+}
+export declare const presets: {
+    fadeIn: {
+        keyframes: {
+            opacity: number[];
+        };
+        transition: {
+            readonly duration: 300;
+            readonly ease: 'easeOut';
+        };
+    };
+    fadeInUp: {
+        keyframes: {
+            opacity: number[];
+            y: number[];
+        };
+        transition: {
+            type: 'spring';
+            duration: 500;
+            bounce: 0;
+            opacity: {
+                readonly duration: 300;
+                readonly ease: 'easeOut';
+            };
+        };
+    };
+    fadeInDown: {
+        keyframes: {
+            opacity: number[];
+            y: number[];
+        };
+        transition: {
+            type: 'spring';
+            duration: 500;
+            bounce: 0;
+            opacity: {
+                readonly duration: 300;
+                readonly ease: 'easeOut';
+            };
+        };
+    };
+    fadeInLeft: {
+        keyframes: {
+            opacity: number[];
+            x: number[];
+        };
+        transition: {
+            type: 'spring';
+            duration: 500;
+            bounce: 0;
+            opacity: {
+                readonly duration: 300;
+                readonly ease: 'easeOut';
+            };
+        };
+    };
+    fadeInRight: {
+        keyframes: {
+            opacity: number[];
+            x: number[];
+        };
+        transition: {
+            type: 'spring';
+            duration: 500;
+            bounce: 0;
+            opacity: {
+                readonly duration: 300;
+                readonly ease: 'easeOut';
+            };
+        };
+    };
+    zoomIn: {
+        keyframes: {
+            opacity: number[];
+            scale: number[];
+        };
+        transition: {
+            type: 'spring';
+            duration: 500;
+            bounce: 0;
+            opacity: {
+                readonly duration: 300;
+                readonly ease: 'easeOut';
+            };
+        };
+    };
+    popIn: {
+        keyframes: {
+            opacity: number[];
+            scale: number[];
+        };
+        transition: {
+            type: "spring";
+            duration: number;
+            bounce: number;
+            opacity: {
+                duration: number;
+            };
+        };
+    };
+    flipInX: {
+        keyframes: {
+            opacity: number[];
+            rotateX: number[];
+        };
+        transition: {
+            type: "spring";
+            duration: number;
+            bounce: number;
+            opacity: {
+                duration: number;
+            };
+        };
+    };
+    flipInY: {
+        keyframes: {
+            opacity: number[];
+            rotateY: number[];
+        };
+        transition: {
+            type: "spring";
+            duration: number;
+            bounce: number;
+            opacity: {
+                duration: number;
+            };
+        };
+    };
+    fadeOut: {
+        keyframes: {
+            opacity: number;
+        };
+        transition: {
+            readonly duration: 200;
+            readonly ease: 'easeIn';
+        };
+    };
+    fadeOutUp: {
+        keyframes: {
+            opacity: number;
+            y: number;
+        };
+        transition: {
+            readonly duration: 200;
+            readonly ease: 'easeIn';
+        };
+    };
+    fadeOutDown: {
+        keyframes: {
+            opacity: number;
+            y: number;
+        };
+        transition: {
+            readonly duration: 200;
+            readonly ease: 'easeIn';
+        };
+    };
+    fadeOutLeft: {
+        keyframes: {
+            opacity: number;
+            x: number;
+        };
+        transition: {
+            readonly duration: 200;
+            readonly ease: 'easeIn';
+        };
+    };
+    fadeOutRight: {
+        keyframes: {
+            opacity: number;
+            x: number;
+        };
+        transition: {
+            readonly duration: 200;
+            readonly ease: 'easeIn';
+        };
+    };
+    zoomOut: {
+        keyframes: {
+            opacity: number;
+            scale: number;
+        };
+        transition: {
+            readonly duration: 200;
+            readonly ease: 'easeIn';
+        };
+    };
+    popOut: {
+        keyframes: {
+            opacity: number;
+            scale: (number | null)[];
+        };
+        transition: {
+            duration: number;
+            ease: ["easeOut", "easeIn"];
+            times: number[];
+            opacity: {
+                duration: number;
+                ease: "easeIn";
+            };
+        };
+    };
+    pulse: {
+        keyframes: {
+            scale: number[];
+        };
+        transition: {
+            duration: number;
+            ease: "easeInOut";
+            relative: true;
+        };
+    };
+    bounce: {
+        keyframes: {
+            y: number[];
+        };
+        transition: {
+            duration: number;
+            relative: true;
+            times: number[];
+            ease: ["easeOut", "easeIn", "easeOut", "easeIn"];
+        };
+    };
+    shake: {
+        keyframes: {
+            x: number[];
+        };
+        transition: {
+            duration: number;
+            ease: "easeInOut";
+            relative: true;
+        };
+    };
+    wiggle: {
+        keyframes: {
+            rotate: number[];
+        };
+        transition: {
+            duration: number;
+            ease: "easeInOut";
+            relative: true;
+        };
+    };
+    heartbeat: {
+        keyframes: {
+            scale: number[];
+        };
+        transition: {
+            duration: number;
+            relative: true;
+            times: number[];
+            ease: "easeInOut";
+        };
+    };
+    jelly: {
+        keyframes: {
+            scaleX: number[];
+            scaleY: number[];
+        };
+        transition: {
+            duration: number;
+            relative: true;
+            times: number[];
+            ease: "easeInOut";
+        };
+    };
+    flash: {
+        keyframes: {
+            opacity: number[];
+        };
+        transition: {
+            duration: number;
+            ease: "easeInOut";
+            relative: true;
+        };
+    };
+    tada: {
+        keyframes: {
+            scale: number[];
+            rotate: number[];
+        };
+        transition: {
+            duration: number;
+            ease: "easeInOut";
+            relative: true;
+        };
+    };
+    spin: {
+        keyframes: {
+            rotate: number[];
+        };
+        transition: {
+            duration: number;
+            ease: "linear";
+            relative: true;
+        };
+    };
+};
+export type PresetName = keyof typeof presets | Extract<keyof Presets, string>;
+/** Registers a custom preset. Registering it again replaces it for future animations. */
+export declare function definePreset(name: PresetName, preset: Preset): void;
+export declare function getPreset(name: PresetName): Preset;
+//# sourceMappingURL=presets.d.ts.map

package/dist/presets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"presets.d.ts","sourceRoot":"","sources":["../src/presets.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAE3D,MAAM,WAAW,MAAM;IACrB,SAAS,EAAE,SAAS,CAAA;IACpB,UAAU,EAAE,cAAc,CAAA;CAC3B;AAED,sFAAsF;AACtF,MAAM,WAAW,OAAO;CAAG;AAM3B,eAAO,MAAM,OAAO;;QACR,SAAS;YAAI,OAAO;;QAAY,UAAU;+BAL3B,GAAG;2BAAQ,SAAS;;;;;YAO9B,OAAO;YAAU,CAAC;;;kBALb,QAAQ;sBAAY,GAAG;oBAAU,CAAC;;;;;;;;;YASvC,OAAO;YAAU,CAAC;;;kBATb,QAAQ;sBAAY,GAAG;oBAAU,CAAC;;;;;;;;;YAavC,OAAO;YAAU,CAAC;;;kBAbb,QAAQ;sBAAY,GAAG;oBAAU,CAAC;;;;;;;;;YAiBvC,OAAO;YAAU,CAAC;;;kBAjBb,QAAQ;sBAAY,GAAG;oBAAU,CAAC;;;;;;;;;YAqBvC,OAAO;YAAU,KAAK;;;kBArBjB,QAAQ;sBAAY,GAAG;oBAAU,CAAC;;;;;;;;;YAyBvC,OAAO;YAAU,KAAK;;;;;;;gBAKtB,QAAQ;;;;;;YAIR,OAAO;YAAU,OAAO;;;;;;;gBAKxB,QAAQ;;;;;;YAIR,OAAO;YAAU,OAAO;;;;;;;gBAKxB,QAAQ;;;;;QAIZ,SAAS;YAAI,OAAO;;QAAO,UAAU;+BArDtB,GAAG;2BAAQ,QAAQ;;;;QAsDhC,SAAS;YAAI,OAAO;YAAK,CAAC;;QAAS,UAAU;;;;;;QAC3C,SAAS;YAAI,OAAO;YAAK,CAAC;;QAAQ,UAAU;;;;;;QAC5C,SAAS;YAAI,OAAO;YAAK,CAAC;;QAAS,UAAU;;;;;;QAC5C,SAAS;YAAI,OAAO;YAAK,CAAC;;QAAQ,UAAU;;;;;;QACjD,SAAS;YAAI,OAAO;YAAK,KAAK;;QAAU,UAAU;;;;;;;YAE9C,OAAO;YAAK,KAAK;;;;;;;;;;;;;;YAUjB,KAAK;;;;;;;;;;YAIL,CAAC;;;;;;;;;;;YASD,CAAC;;;;;;;;;;YAID,MAAM;;;;;;;;;;YAIN,KAAK;;;;;;;;;;;YAUhB,MAAM;YACN,MAAM;;;;;;;;;;;YAUK,OAAO;;;;;;;;;;YAKlB,KAAK;YACL,MAAM;;;;;;;;;;YAKK,MAAM;;;;;;;;CAGW,CAAA;AAElC,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,OAAO,GAAG,OAAO,CAAC,MAAM,OAAO,EAAE,MAAM,CAAC,CAAA;AAI9E,yFAAyF;AACzF,wBAAgB,YAAY,CAAC,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAKnE;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM,CAMlD"}

package/dist/presets.js

@@ -0,0 +1,141 @@
+const fadeIn = { duration: 300, ease: 'easeOut' };
+const fadeOut = { duration: 200, ease: 'easeIn' };
+const enter = { type: 'spring', duration: 500, bounce: 0 };
+export const presets = {
+    fadeIn: { keyframes: { opacity: [0, 1] }, transition: fadeIn },
+    fadeInUp: {
+        keyframes: { opacity: [0, 1], y: [24, 0] },
+        transition: { ...enter, opacity: fadeIn },
+    },
+    fadeInDown: {
+        keyframes: { opacity: [0, 1], y: [-24, 0] },
+        transition: { ...enter, opacity: fadeIn },
+    },
+    fadeInLeft: {
+        keyframes: { opacity: [0, 1], x: [-24, 0] },
+        transition: { ...enter, opacity: fadeIn },
+    },
+    fadeInRight: {
+        keyframes: { opacity: [0, 1], x: [24, 0] },
+        transition: { ...enter, opacity: fadeIn },
+    },
+    zoomIn: {
+        keyframes: { opacity: [0, 1], scale: [0.85, 1] },
+        transition: { ...enter, opacity: fadeIn },
+    },
+    popIn: {
+        keyframes: { opacity: [0, 1], scale: [0.5, 1] },
+        transition: {
+            type: 'spring',
+            duration: 550,
+            bounce: 0.4,
+            opacity: { duration: 150 },
+        },
+    },
+    flipInX: {
+        keyframes: { opacity: [0, 1], rotateX: [-90, 0] },
+        transition: {
+            type: 'spring',
+            duration: 600,
+            bounce: 0.25,
+            opacity: { duration: 200 },
+        },
+    },
+    flipInY: {
+        keyframes: { opacity: [0, 1], rotateY: [90, 0] },
+        transition: {
+            type: 'spring',
+            duration: 600,
+            bounce: 0.25,
+            opacity: { duration: 200 },
+        },
+    },
+    fadeOut: { keyframes: { opacity: 0 }, transition: fadeOut },
+    fadeOutUp: { keyframes: { opacity: 0, y: -24 }, transition: fadeOut },
+    fadeOutDown: { keyframes: { opacity: 0, y: 24 }, transition: fadeOut },
+    fadeOutLeft: { keyframes: { opacity: 0, x: -24 }, transition: fadeOut },
+    fadeOutRight: { keyframes: { opacity: 0, x: 24 }, transition: fadeOut },
+    zoomOut: { keyframes: { opacity: 0, scale: 0.85 }, transition: fadeOut },
+    popOut: {
+        keyframes: { opacity: 0, scale: [null, 1.08, 0.4] },
+        transition: {
+            duration: 250,
+            ease: ['easeOut', 'easeIn'],
+            times: [0, 0.3, 1],
+            opacity: { duration: 250, ease: 'easeIn' },
+        },
+    },
+    pulse: {
+        keyframes: { scale: [1, 1.06, 1] },
+        transition: { duration: 500, ease: 'easeInOut', relative: true },
+    },
+    bounce: {
+        keyframes: { y: [0, -18, 0, -8, 0] },
+        transition: {
+            duration: 650,
+            relative: true,
+            times: [0, 0.3, 0.6, 0.8, 1],
+            ease: ['easeOut', 'easeIn', 'easeOut', 'easeIn'],
+        },
+    },
+    shake: {
+        keyframes: { x: [0, -10, 10, -8, 8, -4, 4, 0] },
+        transition: { duration: 500, ease: 'easeInOut', relative: true },
+    },
+    wiggle: {
+        keyframes: { rotate: [0, -8, 8, -5, 5, 0] },
+        transition: { duration: 500, ease: 'easeInOut', relative: true },
+    },
+    heartbeat: {
+        keyframes: { scale: [1, 1.15, 1, 1.15, 1, 1] },
+        transition: {
+            duration: 1000,
+            relative: true,
+            times: [0, 0.14, 0.28, 0.42, 0.7, 1],
+            ease: 'easeInOut',
+        },
+    },
+    jelly: {
+        keyframes: {
+            scaleX: [1, 1.25, 0.75, 1.15, 0.95, 1.05, 1],
+            scaleY: [1, 0.75, 1.25, 0.85, 1.05, 0.95, 1],
+        },
+        transition: {
+            duration: 800,
+            relative: true,
+            times: [0, 0.3, 0.4, 0.5, 0.65, 0.75, 1],
+            ease: 'easeInOut',
+        },
+    },
+    flash: {
+        keyframes: { opacity: [1, 0, 1, 0, 1] },
+        transition: { duration: 800, ease: 'easeInOut', relative: true },
+    },
+    tada: {
+        keyframes: {
+            scale: [1, 0.9, 0.9, 1.1, 1.1, 1.1, 1.1, 1.1, 1.1, 1.1, 1],
+            rotate: [0, -3, -3, 3, -3, 3, -3, 3, -3, 3, 0],
+        },
+        transition: { duration: 1000, ease: 'easeInOut', relative: true },
+    },
+    spin: {
+        keyframes: { rotate: [0, 360] },
+        transition: { duration: 1000, ease: 'linear', relative: true },
+    },
+};
+const customPresets = new Map();
+/** Registers a custom preset. Registering it again replaces it for future animations. */
+export function definePreset(name, preset) {
+    if (Object.hasOwn(presets, name)) {
+        throw new Error(`Preset "${name}" is built in and cannot be replaced.`);
+    }
+    customPresets.set(name, preset);
+}
+export function getPreset(name) {
+    const preset = customPresets.get(name) ??
+        (Object.hasOwn(presets, name) ? presets[name] : undefined);
+    if (!preset)
+        throw new Error(`Unknown preset "${name}".`);
+    return preset;
+}
+//# sourceMappingURL=presets.js.map

package/dist/presets.js.map

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

package/dist/press.d.ts

@@ -0,0 +1,13 @@
+import type { SpringName } from './transition.js';
+import type { AnimateOptions, Keyframes, Target } from './types.js';
+/**
+ * Animates the view to `pressed` while a finger is on it, and back once it's lifted.
+ * Returns a function that removes the effect.
+ *
+ * ```ts
+ * press(button)
+ * press(card, { scale: 0.97, opacity: 0.85 })
+ * ```
+ */
+export declare function press(target: Target, pressed?: Keyframes, options?: AnimateOptions | SpringName): () => void;
+//# sourceMappingURL=press.d.ts.map

package/dist/press.d.ts.map

@@ -0,0 +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"}

package/dist/press.js

@@ -0,0 +1,34 @@
+import { animate, toView } from './animate.js';
+import { isProperty, readValue } from './properties.js';
+const pressIn = { type: 'spring', duration: 200, bounce: 0 };
+const release = { type: 'spring', duration: 450, bounce: 0.35 };
+/**
+ * Animates the view to `pressed` while a finger is on it, and back once it's lifted.
+ * Returns a function that removes the effect.
+ *
+ * ```ts
+ * press(button)
+ * press(card, { scale: 0.97, opacity: 0.85 })
+ * ```
+ */
+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] : []);
+    let rest;
+    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);
+        }
+        else if ((action === 'up' || action === 'cancel') && rest) {
+            animate(view, rest, typeof options === 'object'
+                ? { ...options, relative: false }
+                : (options ?? release));
+            rest = undefined;
+        }
+    };
+    view.on('touch', onTouch);
+    return () => view.off('touch', onTouch);
+}
+//# sourceMappingURL=press.js.map

package/dist/press.js.map

@@ -0,0 +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"}

package/dist/properties.d.ts

@@ -0,0 +1,8 @@
+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. */
+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;
+export declare function writeValue(view: View, property: Property, value: number): void;
+//# sourceMappingURL=properties.d.ts.map

package/dist/properties.d.ts.map

@@ -0,0 +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"}

package/dist/properties.js

@@ -0,0 +1,42 @@
+const viewKeys = {
+    opacity: 'opacity',
+    x: 'translateX',
+    y: 'translateY',
+    scaleX: 'scaleX',
+    scaleY: 'scaleY',
+    rotate: 'rotate',
+    rotateX: 'rotateX',
+    rotateY: 'rotateY',
+};
+const defaults = {
+    opacity: 1,
+    x: 0,
+    y: 0,
+    scaleX: 1,
+    scaleY: 1,
+    rotate: 0,
+    rotateX: 0,
+    rotateY: 0,
+};
+/** How close to its target a spring has to be to count as settled. */
+export const precision = {
+    opacity: 0.002,
+    x: 0.25,
+    y: 0.25,
+    scaleX: 0.001,
+    scaleY: 0.001,
+    rotate: 0.1,
+    rotateX: 0.1,
+    rotateY: 0.1,
+};
+export function isProperty(key) {
+    return key in viewKeys;
+}
+export function readValue(view, property) {
+    const value = view[viewKeys[property]];
+    return typeof value === 'number' && !Number.isNaN(value) ? value : defaults[property];
+}
+export function writeValue(view, property, value) {
+    view[viewKeys[property]] = value;
+}
+//# sourceMappingURL=properties.js.map

package/dist/properties.js.map

@@ -0,0 +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"}

package/dist/sequence.d.ts

@@ -0,0 +1,26 @@
+import { type Animation } from './engine.js';
+import type { PresetName } from './presets.js';
+import type { SpringName } from './transition.js';
+import type { AnimateOptions, Keyframes, Target } from './types.js';
+export type Step = readonly [
+    target: Target | readonly Target[],
+    animation: Keyframes | PresetName,
+    options?: AnimateOptions | SpringName
+] | (() => Animation);
+/**
+ * Plays steps one after the other. A step starts once the previous one looks
+ * done: a spring is close to its target, even if it hasn't fully settled.
+ * Views in later steps take their first absolute keyframe right away, so a title
+ * that fades in third doesn't show up before its turn. Relative and null keyframes
+ * read the current value when their step starts.
+ *
+ * ```ts
+ * await sequence([
+ *   [logo, 'popIn'],
+ *   [title, 'fadeInUp'],
+ *   [buttons, 'fadeInUp', { stagger: 50 }],
+ * ])
+ * ```
+ */
+export declare function sequence(steps: readonly Step[]): Animation;
+//# sourceMappingURL=sequence.d.ts.map

package/dist/sequence.d.ts.map

@@ -0,0 +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"}

package/dist/sequence.js

@@ -0,0 +1,69 @@
+import { animate, startingValues, toViews } from './animate.js';
+import { arrivalOf, setArrival, stopView } from './engine.js';
+import { writeValue } from './properties.js';
+/**
+ * Plays steps one after the other. A step starts once the previous one looks
+ * done: a spring is close to its target, even if it hasn't fully settled.
+ * Views in later steps take their first absolute keyframe right away, so a title
+ * that fades in third doesn't show up before its turn. Relative and null keyframes
+ * read the current value when their step starts.
+ *
+ * ```ts
+ * await sequence([
+ *   [logo, 'popIn'],
+ *   [title, 'fadeInUp'],
+ *   [buttons, 'fadeInUp', { stagger: 50 }],
+ * ])
+ * ```
+ */
+export function sequence(steps) {
+    applyStartingValues(steps);
+    const started = [];
+    let stopped = false;
+    const arrived = (async () => {
+        for (const step of steps) {
+            if (stopped)
+                return;
+            const animation = typeof step === 'function' ? step() : animate(...step);
+            started.push(animation);
+            await arrivalOf(animation);
+        }
+    })();
+    const finished = arrived.then(async () => {
+        const results = await Promise.all(started.map((animation) => animation.finished));
+        return !stopped && results.length === steps.length && results.every(Boolean);
+    });
+    const animation = {
+        finished,
+        stop() {
+            stopped = true;
+            started.forEach((animation) => animation.stop());
+        },
+        then: (onfulfilled, onrejected) => finished.then(onfulfilled, onrejected),
+    };
+    setArrival(animation, arrived);
+    return animation;
+}
+function applyStartingValues(steps) {
+    const claimed = new Map();
+    for (const step of steps) {
+        if (typeof step === 'function')
+            continue;
+        const [target, animation, options] = step;
+        const starts = startingValues(animation, options);
+        for (const view of toViews(target)) {
+            let properties = claimed.get(view);
+            if (!properties)
+                claimed.set(view, (properties = new Set()));
+            const fresh = [...starts].filter(([property, value]) => !properties.has(property) && value !== null);
+            stopView(view, fresh.map(([property]) => property));
+            for (const [property, value] of fresh) {
+                if (value !== null)
+                    writeValue(view, property, value);
+            }
+            for (const property of starts.keys())
+                properties.add(property);
+        }
+    }
+}
+//# sourceMappingURL=sequence.js.map