@cliquify.me/elements-ui 9.0.12 → 9.0.14

package/dist/animated/keyframe-presets.d.ts

@@ -2,6 +2,27 @@ import { ICompositionAnimation } from '@cliquify.me/types';
 
 export type KeyframePresetName = "fadeIn" | "fadeOut" | "slideInLeft" | "slideInRight" | "slideInTop" | "slideInBottom" | "slideOutLeft" | "slideOutRight" | "slideOutTop" | "slideOutBottom" | "scaleIn" | "scaleOut" | "rotateIn" | "rotateOut" | "bounceIn" | "bounceOut" | "elasticIn" | "elasticOut" | "flipInX" | "flipInY" | "flipOutX" | "flipOutY" | "zoomIn" | "zoomOut" | "blurIn" | "blurOut" | "brightnessIn" | "brightnessOut" | "blur" | "vignette" | "chromaticAberration" | "noise" | "pixelate" | "grayscale" | "contrast" | "brightness" | "hue" | "saturation" | "lightLeak" | "duotone" | "skewIn" | "skewOut" | "pulse" | "shake" | "wiggle" | "swing" | "maskRevealIn" | "maskRevealSlideIn" | "maskRevealSlideOut" | "maskRevealCenterIn" | "maskRevealCornerIn" | "maskRevealBlurIn" | "maskRevealBlurOut" | "textGridMarquee" | "inwardEchoes" | "cardFlip" | "noiseTile" | "disappearIn" | "blurV2In" | "blurSlide" | "spinIn" | "spinOut";
 export declare const keyframePresets: Record<KeyframePresetName, ICompositionAnimation>;
+/**
+ * The curve an animation should run on.
+ *
+ * **An animation carries its easing twice and only one of the two survives
+ * being saved.** `ease` is a live function, written by the editor's animation
+ * panel the moment someone picks an acceleration; `easing` is the name that
+ * function came from. A project is stored as JSON, and JSON cannot hold a
+ * function — so every animation comes back from storage with the name intact
+ * and `ease` gone.
+ *
+ * Reading only `ease` therefore meant that every saved animation played at a
+ * constant speed, whatever acceleration was chosen, on every item this package
+ * draws. It was invisible because the animation still ran: it ran linearly.
+ *
+ * So: use the live function when there is one — it may be a bespoke curve that
+ * no name describes — and otherwise rebuild it from the name.
+ */
+export declare const resolveEase: (anim: {
+    ease?: unknown;
+    easing?: unknown;
+}) => ((t: number) => number);
 export declare const getEasingFromString: (easing: string) => ((t: number) => number);
 export declare const createKeyframeAnimation: (presetName: KeyframePresetName, options?: {
     id?: string;