motion-v 0.4.1 → 0.5.0-beta.1

package/dist/src/state/animate-variants-children.d.ts

@@ -0,0 +1,15 @@
+import { MotionState } from './motion-state';
+import { AnimateOptions, AnimationFactory } from '../types';
+export type ActiveVariant = {
+    [key: string]: {
+        definition: string;
+        transition: AnimateOptions;
+    };
+};
+export declare function animateVariantsChildren(state: MotionState, activeState: ActiveVariant): {
+    animations: any[];
+    getAnimations: () => Promise<void>;
+} | {
+    animations: AnimationFactory[];
+    getAnimations: () => Promise<unknown[]>;
+};

package/dist/src/state/motion-state.d.ts

@@ -4,13 +4,14 @@ declare const STATE_TYPES: readonly ["initial", "animate", "inView", "hover", "p
 type StateType = typeof STATE_TYPES[number];
 export declare const mountedStates: WeakMap<Element, MotionState>;
 export declare class MotionState {
+    readonly id: string;
     element: HTMLElement | null;
     private parent?;
     private options;
-    private activeStates;
-    private depth;
-    private baseTarget;
-    private target;
+    activeStates: Partial<Record<StateType, boolean>>;
+    depth: number;
+    baseTarget: DOMKeyframesDefinition;
+    target: DOMKeyframesDefinition;
     private featureManager;
     visualElement: VisualElement;
     constructor(options: Options, parent?: MotionState);
@@ -18,14 +19,13 @@ export declare class MotionState {
     get context(): MotionStateContext;
     private initTarget;
     get initial(): string | boolean | import('../types').Variant;
-    mount(element: HTMLElement): void;
+    updateOptions(): void;
+    mount(element: HTMLElement, options: Options): void;
     unmount(): void;
     update(options: Options): void;
     setActive(name: StateType, isActive: boolean): void;
     animateUpdates(): Generator<any, void, unknown>;
     isMounted(): boolean;
-    getDepth(): number;
     getOptions(): Options<any>;
-    getTarget(): DOMKeyframesDefinition;
 }
 export {};

package/dist/src/types/state.d.ts

@@ -4,8 +4,17 @@ import { IntrinsicElementAttributes } from 'vue';
 import { TransformProperties } from './transform';
 import { LayoutOptions } from '../features/layout/types';
 type AnimationPlaybackControls = ReturnType<typeof animate>;
+export interface Orchestration {
+    delay?: number;
+    when?: false | 'beforeChildren' | 'afterChildren' | string;
+    delayChildren?: number;
+    staggerChildren?: number;
+    staggerDirection?: number;
+}
+export interface AnimateOptions extends Omit<Orchestration, 'delay'>, DynamicAnimationOptions {
+}
 export interface Variant extends DOMKeyframesDefinition {
-    transition?: DynamicAnimationOptions;
+    transition?: AnimateOptions;
 }
 export type VariantLabels = string | Variant;
 type MarginValue = `${number}${'px' | '%'}`;
@@ -46,7 +55,7 @@ export interface Options<T = any> extends LayoutOptions {
     };
     style?: MotionStyle;
     transformTemplate?: (transform: TransformProperties, generatedTransform: string) => string;
-    transition?: DynamicAnimationOptions;
+    transition?: AnimateOptions;
     onMotionStart?: (target: DOMKeyframesDefinition) => void;
     onMotionComplete?: (target: DOMKeyframesDefinition) => void;
     onHoverStart?: (e: PointerEvent) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "motion-v",
-  "version": "0.4.1",
+  "version": "0.5.0-beta.1",
   "description": "",
   "author": "",
   "license": "MIT",