@omnimedia/omnitool 1.1.0-81 → 1.1.0-83

package/x/tests.html

@@ -295,7 +295,7 @@ canvas {
 }
 }
 </style>
-					<script type=module src="tests.bundle.min.js?v=5e8fc4d85099"></script>
+					<script type=module src="tests.bundle.min.js?v=7da8aa60efec"></script>
 
 
 		<meta name="theme-color" content="#3cff9c">

package/x/timeline/index.d.ts

@@ -1,12 +1,12 @@
+export * from "./types.js";
 export * from "./parts/basics.js";
-export * from "./parts/animations.js";
 export * from "./parts/filters.js";
 export * from "./parts/item.js";
 export * from "./parts/media.js";
 export * from "./parts/resource-pool.js";
 export * from "./parts/resource.js";
 export * from "./parts/filmstrip.js";
-export * from "./types.js";
+export * from "./parts/animations/registry.js";
 export * from "./parts/waveform/waveform.js";
 export * from "./parts/waveform/parts/types.js";
 export * from "./renderers/player/player.js";
@@ -15,3 +15,4 @@ export * from "./sugar/helpers.js";
 export * from "./sugar/omni.js";
 export * from "./utils/checksum.js";
 export * from "./utils/datafile.js";
+export * from "./utils/anim.js";

package/x/timeline/index.js

@@ -1,12 +1,12 @@
+export * from "./types.js";
 export * from "./parts/basics.js";
-export * from "./parts/animations.js";
 export * from "./parts/filters.js";
 export * from "./parts/item.js";
 export * from "./parts/media.js";
 export * from "./parts/resource-pool.js";
 export * from "./parts/resource.js";
 export * from "./parts/filmstrip.js";
-export * from "./types.js";
+export * from "./parts/animations/registry.js";
 export * from "./parts/waveform/waveform.js";
 export * from "./parts/waveform/parts/types.js";
 export * from "./renderers/player/player.js";
@@ -15,4 +15,5 @@ export * from "./sugar/helpers.js";
 export * from "./sugar/omni.js";
 export * from "./utils/checksum.js";
 export * from "./utils/datafile.js";
+export * from "./utils/anim.js";
 //# sourceMappingURL=index.js.map

package/x/timeline/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../s/timeline/index.ts"],"names":[],"mappings":"AACA,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,0BAA0B,CAAA;AACxC,cAAc,qBAAqB,CAAA;AACnC,cAAc,sBAAsB,CAAA;AACpC,cAAc,YAAY,CAAA;AAE1B,cAAc,8BAA8B,CAAA;AAC5C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,8BAA8B,CAAA;AAE5C,cAAc,cAAc,CAAA;AAC5B,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAE/B,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../s/timeline/index.ts"],"names":[],"mappings":"AACA,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,0BAA0B,CAAA;AACxC,cAAc,qBAAqB,CAAA;AACnC,cAAc,sBAAsB,CAAA;AACpC,cAAc,gCAAgC,CAAA;AAE9C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,8BAA8B,CAAA;AAE5C,cAAc,cAAc,CAAA;AAC5B,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAE/B,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,cAAc,iBAAiB,CAAA"}

package/x/timeline/parts/animations/make.d.ts

@@ -0,0 +1,3 @@
+import { AnimationPresetActions } from "./types.js";
+import { Anim, Interpolation, Keyframes, TrackTransform, Transform, TransformOptions } from "../../types.js";
+export declare function makeAnimationPresets(scalar: (terp: Interpolation, track: Keyframes) => Anim<Keyframes>, transform: (terp: Interpolation, source: Keyframes<Transform>) => Anim<TrackTransform>, transformFrom: (options: TransformOptions) => Transform): AnimationPresetActions;

package/x/timeline/parts/animations/make.js

@@ -0,0 +1,23 @@
+import { animationPresets } from "./presets.js";
+export function makeAnimationPresets(scalar, transform, transformFrom) {
+    const entries = Object.entries(animationPresets).map(([name, preset]) => {
+        const action = preset.type === "motion"
+            ? (options) => transform(options?.terp ?? preset.defaults.terp, [
+                [0, transformFrom({
+                        ...preset.transform.from,
+                        ...(options?.from === undefined ? {} : { position: options.from }),
+                    })],
+                [options?.duration ?? preset.defaults.duration, transformFrom({
+                        ...preset.transform.to,
+                        ...(options?.to === undefined ? {} : { position: options.to }),
+                    })],
+            ])
+            : (options) => scalar(options?.terp ?? preset.defaults.terp, [
+                [0, options?.from ?? preset.defaults.from],
+                [options?.duration ?? preset.defaults.duration, options?.to ?? preset.defaults.to],
+            ]);
+        return [name, action];
+    });
+    return Object.fromEntries(entries);
+}
+//# sourceMappingURL=make.js.map

package/x/timeline/parts/animations/make.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"make.js","sourceRoot":"","sources":["../../../../s/timeline/parts/animations/make.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAA;AAI7C,MAAM,UAAU,oBAAoB,CACnC,MAAkE,EAClE,SAAsF,EACtF,aAAuD;IAEvD,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,EAAE;QACvE,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,KAAK,QAAQ;YACtC,CAAC,CAAC,CAAC,OAAgC,EAAwB,EAAE,CAC5D,SAAS,CAAC,OAAO,EAAE,IAAI,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE;gBAChD,CAAC,CAAC,EAAE,aAAa,CAAC;wBACjB,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI;wBACxB,GAAG,CAAC,OAAO,EAAE,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAC,QAAQ,EAAE,OAAO,CAAC,IAAI,EAAC,CAAC;qBAChE,CAAC,CAAC;gBACH,CAAC,OAAO,EAAE,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,aAAa,CAAC;wBAC7D,GAAG,MAAM,CAAC,SAAS,CAAC,EAAE;wBACtB,GAAG,CAAC,OAAO,EAAE,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAC,QAAQ,EAAE,OAAO,CAAC,EAAE,EAAC,CAAC;qBAC5D,CAAC,CAAC;aACH,CAAC;YACH,CAAC,CAAC,CAAC,OAAgC,EAAmB,EAAE,CACvD,MAAM,CAAC,OAAO,EAAE,IAAI,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE;gBAC7C,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;gBAC1C,CAAC,OAAO,EAAE,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,OAAO,EAAE,EAAE,IAAI,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC;aAClF,CAAC,CAAA;QAEJ,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;IACtB,CAAC,CAAC,CAAA;IAEF,OAAO,MAAM,CAAC,WAAW,CAAC,OAAO,CAA2B,CAAA;AAC7D,CAAC"}

package/x/timeline/parts/animations/presets.d.ts

@@ -0,0 +1,170 @@
+export declare const animationPresets: {
+    readonly slideIn: {
+        readonly type: "motion";
+        readonly label: "Slide in";
+        readonly defaults: {
+            readonly duration: 700;
+            readonly from: [-400, 0];
+            readonly to: [0, 0];
+            readonly terp: "easeOut";
+        };
+        readonly transform: {
+            readonly from: {
+                readonly position: [-400, 0];
+            };
+            readonly to: {
+                readonly position: [0, 0];
+            };
+        };
+    };
+    readonly slideOut: {
+        readonly type: "motion";
+        readonly label: "Slide out";
+        readonly defaults: {
+            readonly duration: 700;
+            readonly from: [0, 0];
+            readonly to: [400, 0];
+            readonly terp: "easeIn";
+        };
+        readonly transform: {
+            readonly from: {
+                readonly position: [0, 0];
+            };
+            readonly to: {
+                readonly position: [400, 0];
+            };
+        };
+    };
+    readonly spinIn: {
+        readonly type: "motion";
+        readonly label: "Spin in";
+        readonly defaults: {
+            readonly duration: 700;
+            readonly from: [0, 0];
+            readonly to: [0, 0];
+            readonly terp: "easeOut";
+        };
+        readonly transform: {
+            readonly from: {
+                readonly scale: [0, 0];
+                readonly rotation: number;
+            };
+            readonly to: {
+                readonly scale: [1, 1];
+                readonly rotation: 0;
+            };
+        };
+    };
+    readonly spinOut: {
+        readonly type: "motion";
+        readonly label: "Spin out";
+        readonly defaults: {
+            readonly duration: 700;
+            readonly from: [0, 0];
+            readonly to: [0, 0];
+            readonly terp: "easeIn";
+        };
+        readonly transform: {
+            readonly from: {
+                readonly scale: [1, 1];
+                readonly rotation: 0;
+            };
+            readonly to: {
+                readonly scale: [0, 0];
+                readonly rotation: number;
+            };
+        };
+    };
+    readonly zoomIn: {
+        readonly type: "motion";
+        readonly label: "Zoom in";
+        readonly defaults: {
+            readonly duration: 700;
+            readonly from: [0, 0];
+            readonly to: [0, 0];
+            readonly terp: "easeOut";
+        };
+        readonly transform: {
+            readonly from: {
+                readonly scale: [0, 0];
+            };
+            readonly to: {
+                readonly scale: [1, 1];
+            };
+        };
+    };
+    readonly zoomOut: {
+        readonly type: "motion";
+        readonly label: "Zoom out";
+        readonly defaults: {
+            readonly duration: 700;
+            readonly from: [0, 0];
+            readonly to: [0, 0];
+            readonly terp: "easeIn";
+        };
+        readonly transform: {
+            readonly from: {
+                readonly scale: [1, 1];
+            };
+            readonly to: {
+                readonly scale: [0, 0];
+            };
+        };
+    };
+    readonly bounceIn: {
+        readonly type: "motion";
+        readonly label: "Bounce in";
+        readonly defaults: {
+            readonly duration: 700;
+            readonly from: [0, 0];
+            readonly to: [0, 0];
+            readonly terp: "bounce";
+        };
+        readonly transform: {
+            readonly from: {
+                readonly scale: [0, 0];
+            };
+            readonly to: {
+                readonly scale: [1, 1];
+            };
+        };
+    };
+    readonly bounceOut: {
+        readonly type: "motion";
+        readonly label: "Bounce out";
+        readonly defaults: {
+            readonly duration: 700;
+            readonly from: [0, 0];
+            readonly to: [0, 0];
+            readonly terp: "bounce";
+        };
+        readonly transform: {
+            readonly from: {
+                readonly scale: [1, 1];
+            };
+            readonly to: {
+                readonly scale: [0, 0];
+            };
+        };
+    };
+    readonly fadeIn: {
+        readonly type: "scalar";
+        readonly label: "Fade in";
+        readonly defaults: {
+            readonly duration: 700;
+            readonly from: 0;
+            readonly to: 1;
+            readonly terp: "easeIn";
+        };
+    };
+    readonly fadeOut: {
+        readonly type: "scalar";
+        readonly label: "Fade out";
+        readonly defaults: {
+            readonly duration: 700;
+            readonly from: 1;
+            readonly to: 0;
+            readonly terp: "easeOut";
+        };
+    };
+};

package/x/timeline/parts/animations/presets.js

@@ -0,0 +1,135 @@
+export const animationPresets = {
+    slideIn: {
+        type: "motion",
+        label: "Slide in",
+        defaults: {
+            duration: 700,
+            from: [-400, 0],
+            to: [0, 0],
+            terp: "easeOut",
+        },
+        transform: {
+            from: { position: [-400, 0] },
+            to: { position: [0, 0] },
+        },
+    },
+    slideOut: {
+        type: "motion",
+        label: "Slide out",
+        defaults: {
+            duration: 700,
+            from: [0, 0],
+            to: [400, 0],
+            terp: "easeIn",
+        },
+        transform: {
+            from: { position: [0, 0] },
+            to: { position: [400, 0] },
+        },
+    },
+    spinIn: {
+        type: "motion",
+        label: "Spin in",
+        defaults: {
+            duration: 700,
+            from: [0, 0],
+            to: [0, 0],
+            terp: "easeOut",
+        },
+        transform: {
+            from: { scale: [0, 0], rotation: -Math.PI },
+            to: { scale: [1, 1], rotation: 0 },
+        },
+    },
+    spinOut: {
+        type: "motion",
+        label: "Spin out",
+        defaults: {
+            duration: 700,
+            from: [0, 0],
+            to: [0, 0],
+            terp: "easeIn",
+        },
+        transform: {
+            from: { scale: [1, 1], rotation: 0 },
+            to: { scale: [0, 0], rotation: Math.PI },
+        },
+    },
+    zoomIn: {
+        type: "motion",
+        label: "Zoom in",
+        defaults: {
+            duration: 700,
+            from: [0, 0],
+            to: [0, 0],
+            terp: "easeOut",
+        },
+        transform: {
+            from: { scale: [0, 0] },
+            to: { scale: [1, 1] },
+        },
+    },
+    zoomOut: {
+        type: "motion",
+        label: "Zoom out",
+        defaults: {
+            duration: 700,
+            from: [0, 0],
+            to: [0, 0],
+            terp: "easeIn",
+        },
+        transform: {
+            from: { scale: [1, 1] },
+            to: { scale: [0, 0] },
+        },
+    },
+    bounceIn: {
+        type: "motion",
+        label: "Bounce in",
+        defaults: {
+            duration: 700,
+            from: [0, 0],
+            to: [0, 0],
+            terp: "bounce",
+        },
+        transform: {
+            from: { scale: [0, 0] },
+            to: { scale: [1, 1] },
+        },
+    },
+    bounceOut: {
+        type: "motion",
+        label: "Bounce out",
+        defaults: {
+            duration: 700,
+            from: [0, 0],
+            to: [0, 0],
+            terp: "bounce",
+        },
+        transform: {
+            from: { scale: [1, 1] },
+            to: { scale: [0, 0] },
+        },
+    },
+    fadeIn: {
+        type: "scalar",
+        label: "Fade in",
+        defaults: {
+            duration: 700,
+            from: 0,
+            to: 1,
+            terp: "easeIn",
+        },
+    },
+    fadeOut: {
+        type: "scalar",
+        label: "Fade out",
+        defaults: {
+            duration: 700,
+            from: 1,
+            to: 0,
+            terp: "easeOut",
+        },
+    },
+};
+//# sourceMappingURL=presets.js.map

package/x/timeline/parts/animations/presets.js.map

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

package/x/timeline/parts/{animations.d.ts → animations/properties.d.ts}

@@ -1,19 +1,3 @@
-import type { Interpolation } from "../types.js";
-export type AnimationType = "scalar" | "transform";
-export type AnimationChannelType = "number";
-export type AnimationUnit = "pixel" | "scale" | "radian" | "ratio";
-export type AnimationChannel = {
-    path?: string;
-    type: AnimationChannelType;
-    default: number;
-    unit?: AnimationUnit;
-    range?: readonly [min: number, max: number];
-};
-export type AnimationDefinition = {
-    type: AnimationType;
-    defaultTerp: Interpolation;
-    channels: readonly AnimationChannel[];
-};
 export declare const spatialAnimations: {
     readonly transform: {
         readonly type: "transform";
@@ -58,7 +42,7 @@ export declare const visualAnimations: {
         }];
     };
 };
-export declare const animations: {
+export declare const animatableProperties: {
     readonly opacity: {
         readonly type: "scalar";
         readonly defaultTerp: "linear";
@@ -100,6 +84,3 @@ export declare const animations: {
         }];
     };
 };
-export type SpatialAnimationProperty = keyof typeof spatialAnimations;
-export type VisualAnimationProperty = keyof typeof visualAnimations;
-export type AnimationProperty = keyof typeof animations;

package/x/timeline/parts/{animations.js → animations/properties.js}

@@ -21,8 +21,8 @@ export const visualAnimations = {
     },
 };
 // const audioAnimations = {}
-export const animations = {
+export const animatableProperties = {
     ...spatialAnimations,
     ...visualAnimations,
 };
-//# sourceMappingURL=animations.js.map
+//# sourceMappingURL=properties.js.map

package/x/timeline/parts/animations/properties.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"properties.js","sourceRoot":"","sources":["../../../../s/timeline/parts/animations/properties.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAChC,SAAS,EAAE;QACV,IAAI,EAAE,WAAW;QACjB,WAAW,EAAE,QAAQ;QACrB,QAAQ,EAAE;YACT,EAAC,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAC;YAC/D,EAAC,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAC;YAC/D,EAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAC;YAC5D,EAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAC;YAC5D,EAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAC;SAC9D;KACD;CACsD,CAAA;AAExD,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC/B,OAAO,EAAE;QACR,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,QAAQ;QACrB,QAAQ,EAAE;YACT,EAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAC;SAC1D;KACD;CACsD,CAAA;AAExD,6BAA6B;AAE7B,MAAM,CAAC,MAAM,oBAAoB,GAAG;IACnC,GAAG,iBAAiB;IACpB,GAAG,gBAAgB;CACV,CAAA"}

package/x/timeline/parts/animations/registry.d.ts

@@ -0,0 +1,218 @@
+export declare const animationRegistry: {
+    readonly presets: {
+        readonly slideIn: {
+            readonly type: "motion";
+            readonly label: "Slide in";
+            readonly defaults: {
+                readonly duration: 700;
+                readonly from: [-400, 0];
+                readonly to: [0, 0];
+                readonly terp: "easeOut";
+            };
+            readonly transform: {
+                readonly from: {
+                    readonly position: [-400, 0];
+                };
+                readonly to: {
+                    readonly position: [0, 0];
+                };
+            };
+        };
+        readonly slideOut: {
+            readonly type: "motion";
+            readonly label: "Slide out";
+            readonly defaults: {
+                readonly duration: 700;
+                readonly from: [0, 0];
+                readonly to: [400, 0];
+                readonly terp: "easeIn";
+            };
+            readonly transform: {
+                readonly from: {
+                    readonly position: [0, 0];
+                };
+                readonly to: {
+                    readonly position: [400, 0];
+                };
+            };
+        };
+        readonly spinIn: {
+            readonly type: "motion";
+            readonly label: "Spin in";
+            readonly defaults: {
+                readonly duration: 700;
+                readonly from: [0, 0];
+                readonly to: [0, 0];
+                readonly terp: "easeOut";
+            };
+            readonly transform: {
+                readonly from: {
+                    readonly scale: [0, 0];
+                    readonly rotation: number;
+                };
+                readonly to: {
+                    readonly scale: [1, 1];
+                    readonly rotation: 0;
+                };
+            };
+        };
+        readonly spinOut: {
+            readonly type: "motion";
+            readonly label: "Spin out";
+            readonly defaults: {
+                readonly duration: 700;
+                readonly from: [0, 0];
+                readonly to: [0, 0];
+                readonly terp: "easeIn";
+            };
+            readonly transform: {
+                readonly from: {
+                    readonly scale: [1, 1];
+                    readonly rotation: 0;
+                };
+                readonly to: {
+                    readonly scale: [0, 0];
+                    readonly rotation: number;
+                };
+            };
+        };
+        readonly zoomIn: {
+            readonly type: "motion";
+            readonly label: "Zoom in";
+            readonly defaults: {
+                readonly duration: 700;
+                readonly from: [0, 0];
+                readonly to: [0, 0];
+                readonly terp: "easeOut";
+            };
+            readonly transform: {
+                readonly from: {
+                    readonly scale: [0, 0];
+                };
+                readonly to: {
+                    readonly scale: [1, 1];
+                };
+            };
+        };
+        readonly zoomOut: {
+            readonly type: "motion";
+            readonly label: "Zoom out";
+            readonly defaults: {
+                readonly duration: 700;
+                readonly from: [0, 0];
+                readonly to: [0, 0];
+                readonly terp: "easeIn";
+            };
+            readonly transform: {
+                readonly from: {
+                    readonly scale: [1, 1];
+                };
+                readonly to: {
+                    readonly scale: [0, 0];
+                };
+            };
+        };
+        readonly bounceIn: {
+            readonly type: "motion";
+            readonly label: "Bounce in";
+            readonly defaults: {
+                readonly duration: 700;
+                readonly from: [0, 0];
+                readonly to: [0, 0];
+                readonly terp: "bounce";
+            };
+            readonly transform: {
+                readonly from: {
+                    readonly scale: [0, 0];
+                };
+                readonly to: {
+                    readonly scale: [1, 1];
+                };
+            };
+        };
+        readonly bounceOut: {
+            readonly type: "motion";
+            readonly label: "Bounce out";
+            readonly defaults: {
+                readonly duration: 700;
+                readonly from: [0, 0];
+                readonly to: [0, 0];
+                readonly terp: "bounce";
+            };
+            readonly transform: {
+                readonly from: {
+                    readonly scale: [1, 1];
+                };
+                readonly to: {
+                    readonly scale: [0, 0];
+                };
+            };
+        };
+        readonly fadeIn: {
+            readonly type: "scalar";
+            readonly label: "Fade in";
+            readonly defaults: {
+                readonly duration: 700;
+                readonly from: 0;
+                readonly to: 1;
+                readonly terp: "easeIn";
+            };
+        };
+        readonly fadeOut: {
+            readonly type: "scalar";
+            readonly label: "Fade out";
+            readonly defaults: {
+                readonly duration: 700;
+                readonly from: 1;
+                readonly to: 0;
+                readonly terp: "easeOut";
+            };
+        };
+    };
+    readonly properties: {
+        readonly opacity: {
+            readonly type: "scalar";
+            readonly defaultTerp: "linear";
+            readonly channels: readonly [{
+                readonly type: "number";
+                readonly default: 1;
+                readonly unit: "ratio";
+                readonly range: readonly [0, 1];
+            }];
+        };
+        readonly transform: {
+            readonly type: "transform";
+            readonly defaultTerp: "linear";
+            readonly channels: readonly [{
+                readonly path: "position.x";
+                readonly type: "number";
+                readonly default: 0;
+                readonly unit: "pixel";
+            }, {
+                readonly path: "position.y";
+                readonly type: "number";
+                readonly default: 0;
+                readonly unit: "pixel";
+            }, {
+                readonly path: "scale.x";
+                readonly type: "number";
+                readonly default: 1;
+                readonly unit: "scale";
+            }, {
+                readonly path: "scale.y";
+                readonly type: "number";
+                readonly default: 1;
+                readonly unit: "scale";
+            }, {
+                readonly path: "rotation";
+                readonly type: "number";
+                readonly default: 0;
+                readonly unit: "radian";
+            }];
+        };
+    };
+};
+export * from "./make.js";
+export * from "./presets.js";
+export * from "./properties.js";
+export * from "./types.js";

package/x/timeline/parts/animations/registry.js

@@ -0,0 +1,11 @@
+import { animationPresets } from "./presets.js";
+import { animatableProperties } from "./properties.js";
+export const animationRegistry = {
+    presets: animationPresets,
+    properties: animatableProperties,
+};
+export * from "./make.js";
+export * from "./presets.js";
+export * from "./properties.js";
+export * from "./types.js";
+//# sourceMappingURL=registry.js.map