@gamepark/react-game 7.3.2 → 7.4.1

package/dist/components/material/animations/AnimationBuilder.d.ts

@@ -0,0 +1,160 @@
+import { Interpolation, Theme } from '@emotion/react';
+import { Animation } from '@gamepark/react-client';
+import { Coordinates, GridBoundaries, ItemMove, MaterialMove } from '@gamepark/rules-api';
+import { ItemContext, Locator } from '../../../locators';
+import { MaterialSoundConfig } from '../sound';
+import { ItemAnimations } from './ItemAnimations';
+import { MaterialAnimationContext, MaterialGameAnimationContext } from './MaterialGameAnimations';
+import { ElevationConfig, Trajectory, Waypoint } from './Trajectory';
+/**
+ * Predicate function to determine if an animation configuration applies to a move.
+ */
+export type AnimationPredicate<P extends number = number, M extends number = number, L extends number = number> = (move: MaterialMove<P, M, L>, context: MaterialAnimationContext<P, M, L>) => boolean;
+/**
+ * Fluent builder for configuring animations.
+ * Use this to define duration, sound, and trajectory for animations.
+ */
+export declare class AnimationBuilder<P extends number = number, M extends number = number, L extends number = number> extends ItemAnimations<P, M, L> {
+    /** @internal Predicates to match moves */
+    readonly predicates: AnimationPredicate<P, M, L>[];
+    /** @internal Duration in seconds */
+    private _duration?;
+    /** @internal Sound configuration */
+    private _sound?;
+    /** @internal Trajectory configuration */
+    private _trajectory;
+    /** @internal Whether this animation plays after the move is applied */
+    private _postMove;
+    /** @internal Custom item animation function */
+    private _itemAnimation?;
+    /**
+     * Add a predicate to filter which moves this configuration applies to.
+     * All predicates must return true for the configuration to apply.
+     */
+    filter(predicate: AnimationPredicate<P, M, L>): this;
+    /**
+     * Set the animation duration in milliseconds.
+     * @param ms Duration in milliseconds
+     */
+    duration(ms: number): this;
+    /**
+     * Get the configured duration in seconds.
+     */
+    get durationSeconds(): number | undefined;
+    /**
+     * Set the sound to play during the animation.
+     * @param sound Sound file path, configuration object, or false to disable
+     */
+    sound(sound: string | MaterialSoundConfig | false): this;
+    /**
+     * Get the sound configuration.
+     */
+    get soundConfig(): string | MaterialSoundConfig | false | undefined;
+    /**
+     * Set a custom item animation function.
+     * This overrides the default position-based animation with fully custom keyframes.
+     * @param fn Function that returns CSS animation for each item
+     */
+    itemAnimation(fn: (context: ItemContext<P, M, L>, animation: Animation<MaterialMove<P, M, L>>, boundaries: GridBoundaries) => Interpolation<Theme>): this;
+    /**
+     * Skip this animation entirely (duration = 0).
+     */
+    skip(): this;
+    /**
+     * Make this animation play after the move is applied (AFTER_MOVE step).
+     * By default, animations play before the move (BEFORE_MOVE step).
+     * Useful for animating items that become visible only after the move.
+     */
+    postMove(): this;
+    /**
+     * Configure a complete trajectory with elevation and waypoints.
+     * @param config Trajectory configuration
+     */
+    trajectory(config: Trajectory<P, M, L> | ((context: ItemContext<P, M, L>) => Trajectory<P, M, L>)): this;
+    /**
+     * Get the trajectory configuration.
+     */
+    get trajectoryConfig(): Trajectory<P, M, L> | ((context: ItemContext<P, M, L>) => Trajectory<P, M, L>);
+    /**
+     * Configure the elevation arc.
+     * @param heightOrConfig Height in em, or full configuration object
+     */
+    arc(heightOrConfig?: number | ElevationConfig): this;
+    /**
+     * Disable elevation (flat movement).
+     */
+    flat(): this;
+    /**
+     * Add a waypoint to pass through during the animation.
+     * @param locatorOrCoordinates Locator instance or absolute coordinates
+     * @param at Position in animation (0-1), default 0.5
+     */
+    via(locatorOrCoordinates: Locator<P, M, L> | Coordinates, at?: number): this;
+    via(waypoint: Waypoint<P, M, L>): this;
+    /**
+     * Add multiple waypoints to pass through.
+     * @param waypoints Array of waypoints
+     */
+    through(...waypoints: Waypoint<P, M, L>[]): this;
+    /**
+     * Set the global easing function for the animation.
+     * @param easing CSS easing function
+     */
+    easing(easing: string): this;
+    /**
+     * Check if this configuration matches a move.
+     * @internal
+     */
+    matches(move: MaterialMove<P, M, L>, context: MaterialAnimationContext<P, M, L>): boolean;
+    /**
+     * Get the duration for this animation.
+     * @internal
+     */
+    getDuration(move: MaterialMove<P, M, L>, context: MaterialGameAnimationContext<P, M, L>): number;
+    /**
+     * Get the item animation CSS.
+     * @internal
+     */
+    getItemAnimation(context: ItemContext<P, M, L>, animation: Animation<MaterialMove<P, M, L>>, boundaries: GridBoundaries): Interpolation<Theme>;
+}
+/**
+ * Create a predicate that matches moves by the current player.
+ */
+export declare function isMyMove<P extends number = number, M extends number = number, L extends number = number>(): AnimationPredicate<P, M, L>;
+/**
+ * Create a predicate that matches moves during a specific rule.
+ * @param ruleId The rule ID to match
+ */
+export declare function isRule<P extends number = number, M extends number = number, L extends number = number>(ruleId: number): AnimationPredicate<P, M, L>;
+/**
+ * Create a predicate that matches moves for a specific material type.
+ * @param materialType The material type to match
+ */
+export declare function isMaterial<P extends number = number, M extends number = number, L extends number = number>(materialType: M): AnimationPredicate<P, M, L>;
+/**
+ * Create a predicate that matches a specific item move type.
+ * @param moveType The item move type to match
+ */
+export declare function isMoveType<P extends number = number, M extends number = number, L extends number = number>(moveType: ItemMove<P, M, L>['type']): AnimationPredicate<P, M, L>;
+/**
+ * Create a predicate that matches moves from a specific location type.
+ * @param locationType The source location type to match
+ */
+export declare function isFromLocation<P extends number = number, M extends number = number, L extends number = number>(locationType: L): AnimationPredicate<P, M, L>;
+/**
+ * Create a predicate that matches moves to a specific location type.
+ * @param locationType The destination location type to match
+ */
+export declare function isToLocation<P extends number = number, M extends number = number, L extends number = number>(locationType: L): AnimationPredicate<P, M, L>;
+/**
+ * Combine predicates with AND logic (all must match).
+ */
+export declare function and<P extends number = number, M extends number = number, L extends number = number>(...predicates: AnimationPredicate<P, M, L>[]): AnimationPredicate<P, M, L>;
+/**
+ * Combine predicates with OR logic (any must match).
+ */
+export declare function or<P extends number = number, M extends number = number, L extends number = number>(...predicates: AnimationPredicate<P, M, L>[]): AnimationPredicate<P, M, L>;
+/**
+ * Negate a predicate.
+ */
+export declare function not<P extends number = number, M extends number = number, L extends number = number>(predicate: AnimationPredicate<P, M, L>): AnimationPredicate<P, M, L>;

package/dist/components/material/animations/AnimationBuilder.js

@@ -0,0 +1,287 @@
+import { AnimationStep } from '@gamepark/react-client';
+import { MoveKind } from '@gamepark/rules-api';
+import { ItemAnimations } from './ItemAnimations';
+import { MaterialAnimations } from './MaterialAnimations';
+import { defaultElevation } from './Trajectory';
+/**
+ * Fluent builder for configuring animations.
+ * Use this to define duration, sound, and trajectory for animations.
+ */
+export class AnimationBuilder extends ItemAnimations {
+    /** @internal Predicates to match moves */
+    predicates = [];
+    /** @internal Duration in seconds */
+    _duration;
+    /** @internal Sound configuration */
+    _sound;
+    /** @internal Trajectory configuration */
+    _trajectory = {};
+    /** @internal Whether this animation plays after the move is applied */
+    _postMove = false;
+    /** @internal Custom item animation function */
+    _itemAnimation;
+    /**
+     * Add a predicate to filter which moves this configuration applies to.
+     * All predicates must return true for the configuration to apply.
+     */
+    filter(predicate) {
+        this.predicates.push(predicate);
+        return this;
+    }
+    /**
+     * Set the animation duration in milliseconds.
+     * @param ms Duration in milliseconds
+     */
+    duration(ms) {
+        this._duration = ms / 1000;
+        return this;
+    }
+    /**
+     * Get the configured duration in seconds.
+     */
+    get durationSeconds() {
+        return this._duration;
+    }
+    /**
+     * Set the sound to play during the animation.
+     * @param sound Sound file path, configuration object, or false to disable
+     */
+    sound(sound) {
+        this._sound = sound;
+        return this;
+    }
+    /**
+     * Get the sound configuration.
+     */
+    get soundConfig() {
+        return this._sound;
+    }
+    /**
+     * Set a custom item animation function.
+     * This overrides the default position-based animation with fully custom keyframes.
+     * @param fn Function that returns CSS animation for each item
+     */
+    itemAnimation(fn) {
+        this._itemAnimation = fn;
+        return this;
+    }
+    /**
+     * Skip this animation entirely (duration = 0).
+     */
+    skip() {
+        this._duration = 0;
+        return this;
+    }
+    /**
+     * Make this animation play after the move is applied (AFTER_MOVE step).
+     * By default, animations play before the move (BEFORE_MOVE step).
+     * Useful for animating items that become visible only after the move.
+     */
+    postMove() {
+        this._postMove = true;
+        return this;
+    }
+    /**
+     * Configure a complete trajectory with elevation and waypoints.
+     * @param config Trajectory configuration
+     */
+    trajectory(config) {
+        this._trajectory = config;
+        return this;
+    }
+    /**
+     * Get the trajectory configuration.
+     */
+    get trajectoryConfig() {
+        return this._trajectory;
+    }
+    /**
+     * Configure the elevation arc.
+     * @param heightOrConfig Height in em, or full configuration object
+     */
+    arc(heightOrConfig) {
+        if (typeof this._trajectory === 'function')
+            this._trajectory = {};
+        if (typeof heightOrConfig === 'number') {
+            this._trajectory.elevation = { ...defaultElevation, height: heightOrConfig };
+        }
+        else if (heightOrConfig) {
+            this._trajectory.elevation = heightOrConfig;
+        }
+        else {
+            this._trajectory.elevation = defaultElevation;
+        }
+        return this;
+    }
+    /**
+     * Disable elevation (flat movement).
+     */
+    flat() {
+        if (typeof this._trajectory === 'function')
+            this._trajectory = {};
+        this._trajectory.elevation = false;
+        return this;
+    }
+    via(arg1, at = 0.5) {
+        if (typeof this._trajectory === 'function')
+            this._trajectory = {};
+        if (!this._trajectory.waypoints) {
+            this._trajectory.waypoints = [];
+        }
+        if (typeof arg1 === 'object' && 'at' in arg1) {
+            // Full waypoint object
+            this._trajectory.waypoints.push(arg1);
+        }
+        else if (typeof arg1 === 'object' && 'placeItem' in arg1) {
+            // Locator instance
+            this._trajectory.waypoints.push({ at, locator: arg1 });
+        }
+        else if (typeof arg1 === 'object') {
+            // Coordinates
+            this._trajectory.waypoints.push({ at, coordinates: arg1 });
+        }
+        return this;
+    }
+    /**
+     * Add multiple waypoints to pass through.
+     * @param waypoints Array of waypoints
+     */
+    through(...waypoints) {
+        if (typeof this._trajectory === 'function')
+            this._trajectory = {};
+        if (!this._trajectory.waypoints) {
+            this._trajectory.waypoints = [];
+        }
+        this._trajectory.waypoints.push(...waypoints);
+        return this;
+    }
+    /**
+     * Set the global easing function for the animation.
+     * @param easing CSS easing function
+     */
+    easing(easing) {
+        if (typeof this._trajectory === 'function')
+            this._trajectory = {};
+        this._trajectory.easing = easing;
+        return this;
+    }
+    /**
+     * Check if this configuration matches a move.
+     * @internal
+     */
+    matches(move, context) {
+        return this.predicates.every(predicate => predicate(move, context));
+    }
+    /**
+     * Get the duration for this animation.
+     * @internal
+     */
+    getDuration(move, context) {
+        if (this._postMove) {
+            // Post-move animation: only return duration during AFTER_MOVE step
+            if (context.step !== AnimationStep.AFTER_MOVE)
+                return 0;
+            return this._duration ?? 1;
+        }
+        if (move.kind !== MoveKind.ItemMove)
+            return this._duration ?? 0;
+        const trajectory = typeof this._trajectory === 'function' ? {} : this._trajectory;
+        return new MaterialAnimationsWithTrajectory(this._duration, trajectory).getDuration(move, context);
+    }
+    /**
+     * Get the item animation CSS.
+     * @internal
+     */
+    getItemAnimation(context, animation, boundaries) {
+        if (this._itemAnimation) {
+            return this._itemAnimation(context, animation, boundaries);
+        }
+        const trajectory = typeof this._trajectory === 'function' ? this._trajectory(context) : this._trajectory;
+        return new MaterialAnimationsWithTrajectory(this._duration, trajectory).getItemAnimation(context, animation, boundaries);
+    }
+}
+/**
+ * Extended MaterialAnimations that supports trajectory configuration.
+ * @internal
+ */
+class MaterialAnimationsWithTrajectory extends MaterialAnimations {
+    constructor(duration, trajectory) {
+        // Pass trajectory directly to the parent constructor
+        super(duration, 0.2, trajectory);
+    }
+}
+// ==========================================
+// Predicate helpers
+// ==========================================
+/**
+ * Create a predicate that matches moves by the current player.
+ */
+export function isMyMove() {
+    return (_, context) => context.player === context.action.playerId;
+}
+/**
+ * Create a predicate that matches moves during a specific rule.
+ * @param ruleId The rule ID to match
+ */
+export function isRule(ruleId) {
+    return (_, context) => context.rules.game.rule?.id === ruleId;
+}
+/**
+ * Create a predicate that matches moves for a specific material type.
+ * @param materialType The material type to match
+ */
+export function isMaterial(materialType) {
+    return (move) => move.kind === MoveKind.ItemMove && move.itemType === materialType;
+}
+/**
+ * Create a predicate that matches a specific item move type.
+ * @param moveType The item move type to match
+ */
+export function isMoveType(moveType) {
+    return (move) => move.kind === MoveKind.ItemMove && move.type === moveType;
+}
+/**
+ * Create a predicate that matches moves from a specific location type.
+ * @param locationType The source location type to match
+ */
+export function isFromLocation(locationType) {
+    return (move, context) => {
+        if (move.kind !== MoveKind.ItemMove)
+            return false;
+        const item = context.rules.material(move.itemType).getItem('itemIndex' in move ? move.itemIndex : 0);
+        return item?.location?.type === locationType;
+    };
+}
+/**
+ * Create a predicate that matches moves to a specific location type.
+ * @param locationType The destination location type to match
+ */
+export function isToLocation(locationType) {
+    return (move) => {
+        if (move.kind !== MoveKind.ItemMove)
+            return false;
+        return 'location' in move && move.location?.type === locationType;
+    };
+}
+// ==========================================
+// Predicate combinators
+// ==========================================
+/**
+ * Combine predicates with AND logic (all must match).
+ */
+export function and(...predicates) {
+    return (move, context) => predicates.every(p => p(move, context));
+}
+/**
+ * Combine predicates with OR logic (any must match).
+ */
+export function or(...predicates) {
+    return (move, context) => predicates.some(p => p(move, context));
+}
+/**
+ * Negate a predicate.
+ */
+export function not(predicate) {
+    return (move, context) => !predicate(move, context);
+}
+//# sourceMappingURL=AnimationBuilder.js.map

package/dist/components/material/animations/AnimationBuilder.js.map

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

package/dist/components/material/animations/CreateItemAnimations.d.ts

@@ -4,11 +4,13 @@ import { CreateItem, GridBoundaries, ItemMove } from '@gamepark/rules-api';
 import { ItemContext } from '../../../locators';
 import { ItemAnimations } from './ItemAnimations';
 import { MaterialGameAnimationContext } from './MaterialGameAnimations';
+import { Trajectory } from './Trajectory';
 export declare class CreateItemAnimations<P extends number = number, M extends number = number, L extends number = number> extends ItemAnimations<P, M, L> {
     protected duration: number;
-    constructor(duration?: number);
+    protected trajectory?: Trajectory<P, M, L> | undefined;
+    constructor(duration?: number, trajectory?: Trajectory<P, M, L> | undefined);
     getPreDuration(move: CreateItem<P, M, L>, context: MaterialGameAnimationContext<P, M, L>): number;
-    getPostDuration(move: CreateItem<P, M, L>, _context: MaterialGameAnimationContext<P, M, L>): number;
+    getPostDuration(move: CreateItem<P, M, L>, context: MaterialGameAnimationContext<P, M, L>): number;
     getItemAnimation(context: ItemContext<P, M, L>, animation: Animation<CreateItem<P, M, L>>, boundaries: GridBoundaries): Interpolation<Theme>;
     isItemToAnimate(context: ItemContext<P, M, L>, animation: Animation<CreateItem<P, M, L>>): boolean;
     protected getKeyframesFromOrigin(origin: string, _animation: Animation<ItemMove<P, M, L>>, _context: ItemContext<P, M, L>): {

package/dist/components/material/animations/CreateItemAnimations.js

@@ -1,25 +1,83 @@
 import { keyframes } from '@emotion/react';
+import { AnimationStep } from '@gamepark/react-client';
 import { fadeIn } from '../../../css';
 import { defaultOrigin, getItemFromContext, getOriginDeltaPosition } from '../../../locators';
 import { getFirstStockItem, getFirstStockItemTransforms } from './getFirstStockItemTransforms.util';
 import { ItemAnimations } from './ItemAnimations';
 import { toClosestRotations, toSingleRotation } from './rotations.utils';
 import { transformItem } from './transformItem.util';
-const lastCreatedItemsIndexes = {};
+// Use action.id as key instead of object reference, because Immer proxies in the reducer
+// differ from the finalized objects used during React rendering.
+const createdItemIndexes = new Map();
+const preQuantitySnapshots = new WeakMap();
+function getConsequenceIndex(action) {
+    const step = action.animation?.step;
+    return (step === AnimationStep.BEFORE_MOVE || step === AnimationStep.AFTER_UNDO)
+        ? action.played - 1
+        : action.played - 2;
+}
+function getInnerMap(map, key) {
+    let inner = map.get(key);
+    if (!inner) {
+        inner = new Map();
+        map.set(key, inner);
+    }
+    return inner;
+}
+function getWeakInnerMap(weakMap, action) {
+    let map = weakMap.get(action);
+    if (!map) {
+        map = new Map();
+        weakMap.set(action, map);
+    }
+    return map;
+}
 export class CreateItemAnimations extends ItemAnimations {
     duration;
-    constructor(duration = 1) {
+    trajectory;
+    constructor(duration = 1, trajectory) {
         super();
         this.duration = duration;
+        this.trajectory = trajectory;
     }
     getPreDuration(move, context) {
         const rules = new context.Rules(context.game, { player: context.playerId });
-        lastCreatedItemsIndexes[JSON.stringify(move)] = rules.mutator(move.itemType).getItemCreationIndex(move.item);
+        const items = rules.game.items?.[move.itemType] ?? [];
+        const key = getConsequenceIndex(context.action);
+        getWeakInnerMap(preQuantitySnapshots, context.action).set(key, items.map((item) => item.quantity));
         return 0;
     }
-    getPostDuration(move, _context) {
-        const stringMove = JSON.stringify(move);
-        setTimeout(() => delete lastCreatedItemsIndexes[stringMove], this.duration * 2000);
+    getPostDuration(move, context) {
+        const rules = new context.Rules(context.game, { player: context.playerId });
+        const items = rules.game.items?.[move.itemType] ?? [];
+        const key = getConsequenceIndex(context.action);
+        const actionId = context.action.id;
+        const snapshots = preQuantitySnapshots.get(context.action);
+        const snapshot = snapshots?.get(key);
+        if (snapshot) {
+            for (let i = 0; i < items.length; i++) {
+                const oldQuantity = i < snapshot.length ? (snapshot[i] ?? 1) : 0;
+                const newQuantity = items[i]?.quantity ?? 1;
+                if (newQuantity > oldQuantity) {
+                    getInnerMap(createdItemIndexes, actionId).set(key, i);
+                    break;
+                }
+            }
+            snapshots?.delete(key);
+        }
+        else {
+            // Fallback: use prediction (may be wrong in simultaneous phases)
+            getInnerMap(createdItemIndexes, actionId).set(key, rules.mutator(move.itemType).getItemCreationIndex(move.item));
+        }
+        // Clean up to prevent memory leaks (Map doesn't auto-collect like WeakMap)
+        setTimeout(() => {
+            const map = createdItemIndexes.get(actionId);
+            if (map) {
+                map.delete(key);
+                if (map.size === 0)
+                    createdItemIndexes.delete(actionId);
+            }
+        }, this.duration * 2000);
         return this.duration;
     }
     getItemAnimation(context, animation, boundaries) {
@@ -40,9 +98,19 @@ export class CreateItemAnimations extends ItemAnimations {
             if (currentOrigin.y !== futureOrigin.y) {
                 originTransforms.unshift(`translateY(${-getOriginDeltaPosition(boundaries.yMin, boundaries.yMax, futureOrigin.y, currentOrigin.y)}em)`);
             }
-            const animationKeyframes = this.getTransformKeyframes(originTransforms.join(' '), targetTransforms.join(' '), animation, context);
-            const description = context.material[context.type];
-            return description?.getAnimationCss(animationKeyframes, animation.duration);
+            // Check if trajectory is configured
+            const contextWithTrajectory = context;
+            const trajectory = this.trajectory ?? contextWithTrajectory.trajectory;
+            if (trajectory) {
+                const trajectoryContext = { ...context, trajectory };
+                const animationKeyframes = this.getTrajectoryKeyframes(originTransforms, targetTransforms, animation, trajectoryContext);
+                return this.getAnimationCssWithTrajectory(animationKeyframes, animation.duration, trajectory.easing, trajectory.elevation);
+            }
+            else {
+                const animationKeyframes = this.getTransformKeyframes(originTransforms.join(' '), targetTransforms.join(' '), animation, context);
+                const description = context.material[context.type];
+                return description?.getAnimationCss(animationKeyframes, animation.duration);
+            }
         }
         else {
             return fadeIn(animation.duration);
@@ -50,7 +118,20 @@ export class CreateItemAnimations extends ItemAnimations {
     }
     isItemToAnimate(context, animation) {
         const { type, index, displayIndex } = context;
-        if (animation.move.itemType !== type || lastCreatedItemsIndexes[JSON.stringify(animation.move)] !== index)
+        const key = getConsequenceIndex(animation.action);
+        let createdIndex = createdItemIndexes.get(animation.action.id)?.get(key);
+        // Fallback: action.id may have changed during notification reconciliation
+        // (local id "local-xxx" replaced by server-assigned id), so search all entries
+        if (createdIndex === undefined) {
+            for (const [, innerMap] of createdItemIndexes) {
+                const candidate = innerMap.get(key);
+                if (candidate !== undefined) {
+                    createdIndex = candidate;
+                    break;
+                }
+            }
+        }
+        if (animation.move.itemType !== type || createdIndex !== index)
             return false;
         const quantity = getItemFromContext(context).quantity ?? 1;
         const createdQuantity = animation.move.item.quantity ?? 1;

package/dist/components/material/animations/CreateItemAnimations.js.map

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

package/dist/components/material/animations/DeleteItemAnimations.d.ts

@@ -1,19 +1,15 @@
 import { Interpolation, Theme } from '@emotion/react';
 import { Animation } from '@gamepark/react-client';
-import { DeleteItem, GridBoundaries, ItemMove, MoveItem } from '@gamepark/rules-api';
+import { DeleteItem, GridBoundaries, MoveItem } from '@gamepark/rules-api';
 import { ItemContext } from '../../../locators';
 import { ItemAnimations } from './ItemAnimations';
 import { MaterialGameAnimationContext } from './MaterialGameAnimations';
+import { Trajectory } from './Trajectory';
 export declare class DeleteItemAnimations<P extends number = number, M extends number = number, L extends number = number> extends ItemAnimations<P, M, L> {
     protected duration: number;
     protected droppedItemDuration: number;
-    constructor(duration?: number, droppedItemDuration?: number);
+    protected trajectory?: Trajectory<P, M, L> | undefined;
+    constructor(duration?: number, droppedItemDuration?: number, trajectory?: Trajectory<P, M, L> | undefined);
     getPreDuration(move: MoveItem<P, M, L>, context: MaterialGameAnimationContext<P, M, L>): number;
     getItemAnimation(context: ItemContext<P, M, L>, animation: Animation<DeleteItem<M>>, boundaries: GridBoundaries): Interpolation<Theme>;
-    protected getKeyframesToDestination(destination: string, _animation: Animation<ItemMove<P, M, L>>, _context: ItemContext<P, M, L>): {
-        name: string;
-        styles: string;
-        anim: 1;
-        toString: () => string;
-    } & string;
 }