@gamepark/react-game 7.3.0 → 7.4.0

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

@@ -8,10 +8,12 @@ import { transformItem } from './transformItem.util';
 export class DeleteItemAnimations extends ItemAnimations {
     duration;
     droppedItemDuration;
-    constructor(duration = 1, droppedItemDuration = 0.2) {
+    trajectory;
+    constructor(duration = 1, droppedItemDuration = 0.2, trajectory) {
         super();
         this.duration = duration;
         this.droppedItemDuration = droppedItemDuration;
+        this.trajectory = trajectory;
     }
     getPreDuration(move, context) {
         const potentialDroppedItem = { type: move.itemType, index: move.itemIndex };
@@ -40,9 +42,19 @@ export class DeleteItemAnimations extends ItemAnimations {
             if (currentOrigin.y !== futureOrigin.y) {
                 targetTransforms.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 {
             const fadeout = keyframes `

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

@@ -1 +1 @@
-{"version":3,"file":"DeleteItemAnimations.js","sourceRoot":"","sources":["../../../../src/components/material/animations/DeleteItemAnimations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAiB,SAAS,EAAS,MAAM,gBAAgB,CAAA;AAGrE,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,sBAAsB,EAAe,MAAM,mBAAmB,CAAA;AAC1G,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AACtD,OAAO,EAAE,iBAAiB,EAAE,2BAA2B,EAAE,MAAM,oCAAoC,CAAA;AACnG,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAEpD,MAAM,OAAO,oBACX,SAAQ,cAAuB;IAET;IAAwB;IAA9C,YAAsB,WAAW,CAAC,EAAY,sBAAsB,GAAG;QACrE,KAAK,EAAE,CAAA;QADa,aAAQ,GAAR,QAAQ,CAAI;QAAY,wBAAmB,GAAnB,mBAAmB,CAAM;IAEvE,CAAC;IAEQ,cAAc,CAAC,IAAuB,EAAE,OAA8C;QAC7F,MAAM,oBAAoB,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,CAAA;QAC3E,IAAI,aAAa,CAAC,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,oBAAoB,CAAC,CAAC,EAAE,CAAC;YACtE,OAAO,IAAI,CAAC,mBAAmB,CAAA;QACjC,CAAC;QACD,OAAO,IAAI,CAAC,QAAQ,CAAA;IACtB,CAAC;IAED,gBAAgB,CAAC,OAA6B,EAAE,SAAmC,EAAE,UAA0B;QAC7G,MAAM,IAAI,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAA;QACxC,MAAM,WAAW,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;QACxD,IAAI,CAAC,WAAW,EAAE,eAAe,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC;YAAE,OAAM;QACxE,MAAM,SAAS,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAA;QAC5C,MAAM,eAAe,GAAG,2BAA2B,CAAC,OAAO,CAAC,CAAA;QAC5D,IAAI,SAAS,IAAI,eAAe,CAAC,MAAM,EAAE,CAAC;YACxC,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAA;YACjE,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,eAAe,CAAC,CAAA;YAC1D,kBAAkB,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAA;YACtD,MAAM,IAAI,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAA;YACxC,MAAM,aAAa,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,iBAAiB,CAAC,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,IAAI,aAAa,CAAA;YACtH,MAAM,YAAY,GAAG,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,QAAQ,EAAE,OAAO,CAAC,IAAI,aAAa,CAAA;YAC/H,IAAI,aAAa,CAAC,CAAC,KAAK,YAAY,CAAC,CAAC,EAAE,CAAC;gBACvC,gBAAgB,CAAC,OAAO,CAAC,cAAc,sBAAsB,CAAC,UAAU,CAAC,IAAI,EAAE,UAAU,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;YACxI,CAAC;YACD,IAAI,aAAa,CAAC,CAAC,KAAK,YAAY,CAAC,CAAC,EAAE,CAAC;gBACvC,gBAAgB,CAAC,OAAO,CAAC,cAAc,sBAAsB,CAAC,UAAU,CAAC,IAAI,EAAE,UAAU,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;YACxI,CAAC;YACD,MAAM,kBAAkB,GAAG,IAAI,CAAC,qBAAqB,CAAC,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,SAAS,EAAE,OAAO,CAAC,CAAA;YACjI,MAAM,WAAW,GAAG,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;YAClD,OAAO,WAAW,EAAE,eAAe,CAAC,kBAAkB,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;QAC7E,CAAC;aAAM,CAAC;YACN,MAAM,OAAO,GAAG,SAAS,CAAA;;;;OAIxB,CAAA;YACD,OAAO,GAAG,CAAA,cAAc,OAAO,IAAI,SAAS,CAAC,QAAQ,wBAAwB,CAAA;QAC/E,CAAC;IACH,CAAC;IAES,yBAAyB,CAAC,WAAmB,EAAE,UAAwC,EAAE,QAA8B;QAC/H,OAAO,SAAS,CAAA;;qBAEC,WAAW;;KAE3B,CAAA;IACH,CAAC;CACF"}
+{"version":3,"file":"DeleteItemAnimations.js","sourceRoot":"","sources":["../../../../src/components/material/animations/DeleteItemAnimations.ts"],"names":[],"mappings":"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"}

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

@@ -3,9 +3,11 @@ import { Animation } from '@gamepark/react-client';
 import { DeleteItemsAtOnce } from '@gamepark/rules-api';
 import { ItemContext } from '../../../locators';
 import { ItemAnimations } from './ItemAnimations';
+import { Trajectory } from './Trajectory';
 export declare class DeleteItemAtOnceAnimations<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(): number;
     getItemAnimation(context: ItemContext<P, M, L>, animation: Animation<DeleteItemsAtOnce<M>>): Interpolation<Theme>;
     getMovedItemAnimation(context: ItemContext<P, M, L>, animation: Animation<DeleteItemsAtOnce<M>>): Interpolation<Theme>;

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

@@ -5,9 +5,11 @@ import { toClosestRotations, toSingleRotation } from './rotations.utils';
 import { transformItem } from './transformItem.util';
 export class DeleteItemAtOnceAnimations extends ItemAnimations {
     duration;
-    constructor(duration = 1) {
+    trajectory;
+    constructor(duration = 1, trajectory) {
         super();
         this.duration = duration;
+        this.trajectory = trajectory;
     }
     getPreDuration() {
         return this.duration;
@@ -23,9 +25,19 @@ export class DeleteItemAtOnceAnimations extends ItemAnimations {
             const originTransforms = toSingleRotation(transformItem(context));
             const targetTransforms = toSingleRotation(stockTransforms);
             toClosestRotations(originTransforms, targetTransforms);
-            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 {
             const fadeout = keyframes `

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

@@ -1 +1 @@
-{"version":3,"file":"DeleteItemAtOnceAnimations.js","sourceRoot":"","sources":["../../../../src/components/material/animations/DeleteItemAtOnceAnimations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAiB,SAAS,EAAS,MAAM,gBAAgB,CAAA;AAIrE,OAAO,EAAE,2BAA2B,EAAE,MAAM,oCAAoC,CAAA;AAChF,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAEpD,MAAM,OAAO,0BACX,SAAQ,cAAuB;IAET;IAAtB,YAAsB,WAAW,CAAC;QAChC,KAAK,EAAE,CAAA;QADa,aAAQ,GAAR,QAAQ,CAAI;IAElC,CAAC;IAEQ,cAAc;QACrB,OAAO,IAAI,CAAC,QAAQ,CAAA;IACtB,CAAC;IAED,gBAAgB,CAAC,OAA6B,EAAE,SAA0C;QACxF,IAAI,OAAO,CAAC,IAAI,KAAK,SAAS,CAAC,IAAI,CAAC,QAAQ,IAAI,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YAC/F,OAAO,IAAI,CAAC,qBAAqB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;QACvD,CAAC;IACH,CAAC;IAED,qBAAqB,CAAC,OAA6B,EAAE,SAA0C;QAC7F,MAAM,eAAe,GAAG,2BAA2B,CAAC,OAAO,CAAC,CAAA;QAC5D,IAAI,eAAe,CAAC,MAAM,EAAE,CAAC;YAC3B,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAA;YACjE,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,eAAe,CAAC,CAAA;YAC1D,kBAAkB,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAA;YACtD,MAAM,kBAAkB,GAAG,IAAI,CAAC,qBAAqB,CAAC,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,SAAS,EAAE,OAAO,CAAC,CAAA;YACjI,MAAM,WAAW,GAAG,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;YAClD,OAAO,WAAW,EAAE,eAAe,CAAC,kBAAkB,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;QAC7E,CAAC;aAAM,CAAC;YACN,MAAM,OAAO,GAAG,SAAS,CAAA;;;;OAIxB,CAAA;YACD,OAAO,GAAG,CAAA,cAAc,OAAO,IAAI,SAAS,CAAC,QAAQ,wBAAwB,CAAA;QAC/E,CAAC;IACH,CAAC;CACF"}
+{"version":3,"file":"DeleteItemAtOnceAnimations.js","sourceRoot":"","sources":["../../../../src/components/material/animations/DeleteItemAtOnceAnimations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAiB,SAAS,EAAS,MAAM,gBAAgB,CAAA;AAIrE,OAAO,EAAE,2BAA2B,EAAE,MAAM,oCAAoC,CAAA;AAChF,OAAO,EAAE,cAAc,EAA6B,MAAM,kBAAkB,CAAA;AAC5E,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAExE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAEpD,MAAM,OAAO,0BACX,SAAQ,cAAuB;IAGnB;IACA;IAFZ,YACY,WAAW,CAAC,EACZ,UAAgC;QAE1C,KAAK,EAAE,CAAA;QAHG,aAAQ,GAAR,QAAQ,CAAI;QACZ,eAAU,GAAV,UAAU,CAAsB;IAG5C,CAAC;IAEQ,cAAc;QACrB,OAAO,IAAI,CAAC,QAAQ,CAAA;IACtB,CAAC;IAED,gBAAgB,CAAC,OAA6B,EAAE,SAA0C;QACxF,IAAI,OAAO,CAAC,IAAI,KAAK,SAAS,CAAC,IAAI,CAAC,QAAQ,IAAI,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YAC/F,OAAO,IAAI,CAAC,qBAAqB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;QACvD,CAAC;IACH,CAAC;IAED,qBAAqB,CAAC,OAA6B,EAAE,SAA0C;QAC7F,MAAM,eAAe,GAAG,2BAA2B,CAAC,OAAO,CAAC,CAAA;QAC5D,IAAI,eAAe,CAAC,MAAM,EAAE,CAAC;YAC3B,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAA;YACjE,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,eAAe,CAAC,CAAA;YAC1D,kBAAkB,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAA;YAEtD,oCAAoC;YACpC,MAAM,qBAAqB,GAAG,OAA6C,CAAA;YAC3E,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,IAAI,qBAAqB,CAAC,UAAU,CAAA;YAEtE,IAAI,UAAU,EAAE,CAAC;gBACf,MAAM,iBAAiB,GAAuC,EAAE,GAAG,OAAO,EAAE,UAAU,EAAE,CAAA;gBACxF,MAAM,kBAAkB,GAAG,IAAI,CAAC,sBAAsB,CAAC,gBAAgB,EAAE,gBAAgB,EAAE,SAAS,EAAE,iBAAiB,CAAC,CAAA;gBACxH,OAAO,IAAI,CAAC,6BAA6B,CAAC,kBAAkB,EAAE,SAAS,CAAC,QAAQ,EAAE,UAAU,CAAC,MAAM,EAAE,UAAU,CAAC,SAAS,CAAC,CAAA;YAC5H,CAAC;iBAAM,CAAC;gBACN,MAAM,kBAAkB,GAAG,IAAI,CAAC,qBAAqB,CAAC,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,SAAS,EAAE,OAAO,CAAC,CAAA;gBACjI,MAAM,WAAW,GAAG,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;gBAClD,OAAO,WAAW,EAAE,eAAe,CAAC,kBAAkB,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;YAC7E,CAAC;QACH,CAAC;aAAM,CAAC;YACN,MAAM,OAAO,GAAG,SAAS,CAAA;;;;OAIxB,CAAA;YACD,OAAO,GAAG,CAAA,cAAc,OAAO,IAAI,SAAS,CAAC,QAAQ,wBAAwB,CAAA;QAC/E,CAAC;IACH,CAAC;CACF"}

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

@@ -1,16 +1,50 @@
-import { Interpolation, Theme } from '@emotion/react';
+import { Interpolation, keyframes, Theme } from '@emotion/react';
 import { Animation, Animations } from '@gamepark/react-client';
 import { DisplayedItem, GridBoundaries, ItemMove, MaterialGame, MaterialMove } from '@gamepark/rules-api';
 import { ItemContext, MaterialContext } from '../../../locators';
 import { MaterialGameAnimationContext } from './MaterialGameAnimations';
+import { ElevationConfig, Trajectory } from './Trajectory';
+/**
+ * Extended ItemContext that includes trajectory configuration.
+ */
+export type ItemContextWithTrajectory<P extends number = number, M extends number = number, L extends number = number> = ItemContext<P, M, L> & {
+    trajectory?: Trajectory<P, M, L>;
+};
 export declare class ItemAnimations<P extends number = number, M extends number = number, L extends number = number> extends Animations<MaterialGame<P, M, L>, MaterialMove<P, M, L>, P> {
     getItemAnimation(_context: ItemContext<P, M, L>, _animation: Animation<MaterialMove<P, M, L>>, _boundaries: GridBoundaries): Interpolation<Theme>;
     getMaterialContext({ Rules, game, material, locators, playerId }: MaterialGameAnimationContext<P, M, L>): MaterialContext<P, M, L>;
     getItemContext(context: MaterialGameAnimationContext<P, M, L>, item: Omit<DisplayedItem<M>, 'displayIndex'>): Omit<ItemContext<P, M, L>, 'displayIndex'>;
+    /**
+     * Generate simple from/to keyframes (legacy method).
+     */
     protected getTransformKeyframes(origin: string, destination: string, _animation: Animation<ItemMove<P, M, L>>, _context: ItemContext<P, M, L>): {
         name: string;
         styles: string;
         anim: 1;
         toString: () => string;
     } & string;
+    /**
+     * Generate keyframes with integrated elevation and optional waypoints.
+     * The elevation is prepended to the transform chain so it operates in world coordinates.
+     *
+     * @param originTransforms Array of CSS transforms for the starting position
+     * @param targetTransforms Array of CSS transforms for the ending position
+     * @param animation The animation context
+     * @param context The item context (may include trajectory configuration)
+     */
+    protected getTrajectoryKeyframes(originTransforms: string[], targetTransforms: string[], animation: Animation<ItemMove<P, M, L>>, context: ItemContextWithTrajectory<P, M, L>): {
+        name: string;
+        styles: string;
+        anim: 1;
+        toString: () => string;
+    } & string;
+    /**
+     * Generate animation CSS with elevation on the parent div and position on the child div.
+     *
+     * @param animationKeyframes The generated keyframes for position (child div)
+     * @param duration Animation duration in seconds
+     * @param easing CSS easing function
+     * @param elevationConfig Elevation configuration for the parent div arc
+     */
+    protected getAnimationCssWithTrajectory(animationKeyframes: ReturnType<typeof keyframes>, duration: number, easing?: string, elevationConfig?: ElevationConfig | false): Interpolation<Theme>;
 }

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

@@ -1,5 +1,7 @@
-import { keyframes } from '@emotion/react';
+import { css, keyframes } from '@emotion/react';
 import { Animations } from '@gamepark/react-client';
+import { getItemFromContext } from '../../../locators';
+import { defaultElevation, extractTranslation, getElevationKeyframes, interpolateCoordinate } from './Trajectory';
 export class ItemAnimations extends Animations {
     getItemAnimation(_context, _animation, _boundaries) {
         return;
@@ -10,6 +12,9 @@ export class ItemAnimations extends Animations {
     getItemContext(context, item) {
         return { ...this.getMaterialContext(context), ...item };
     }
+    /**
+     * Generate simple from/to keyframes (legacy method).
+     */
     getTransformKeyframes(origin, destination, _animation, _context) {
         return keyframes `
       from {
@@ -20,5 +25,142 @@ export class ItemAnimations extends Animations {
       }
     `;
     }
+    /**
+     * Generate keyframes with integrated elevation and optional waypoints.
+     * The elevation is prepended to the transform chain so it operates in world coordinates.
+     *
+     * @param originTransforms Array of CSS transforms for the starting position
+     * @param targetTransforms Array of CSS transforms for the ending position
+     * @param animation The animation context
+     * @param context The item context (may include trajectory configuration)
+     */
+    getTrajectoryKeyframes(originTransforms, targetTransforms, animation, context) {
+        const waypoints = context.trajectory?.waypoints ?? [];
+        // If no waypoints, use simple keyframes
+        if (waypoints.length === 0) {
+            return this.getTransformKeyframes(originTransforms.join(' '), targetTransforms.join(' '), animation, context);
+        }
+        // Collect all time points
+        const timePoints = new Set([0, 1]);
+        // Add waypoint times
+        waypoints.forEach(w => timePoints.add(w.at));
+        const sortedTimes = [...timePoints].sort((a, b) => a - b);
+        // Extract coordinates for interpolation
+        const originCoords = extractTranslation(originTransforms);
+        const targetCoords = extractTranslation(targetTransforms);
+        // Build keyframes
+        const frames = [];
+        for (const t of sortedTimes) {
+            // Find if there's a waypoint at this time
+            const waypoint = waypoints.find(w => Math.abs(w.at - t) < 0.001);
+            // Calculate base interpolated position
+            let x = interpolateCoordinate(originCoords.x, targetCoords.x, t);
+            let y = interpolateCoordinate(originCoords.y, targetCoords.y, t);
+            let z = interpolateCoordinate(originCoords.z, targetCoords.z, t);
+            // Apply waypoint modifications
+            if (waypoint) {
+                if (waypoint.offset) {
+                    x += waypoint.offset.x ?? 0;
+                    y += waypoint.offset.y ?? 0;
+                    z += waypoint.offset.z ?? 0;
+                }
+                if (waypoint.coordinates) {
+                    x = waypoint.coordinates.x ?? x;
+                    y = waypoint.coordinates.y ?? y;
+                    z = waypoint.coordinates.z ?? z;
+                }
+            }
+            // Build transform string
+            const transforms = [];
+            // Handle locator waypoints: use full transforms from the locator
+            if (waypoint?.locator !== undefined) {
+                const locator = waypoint.locator;
+                const resolvedLocation = typeof waypoint.location === 'function'
+                    ? waypoint.location(getItemFromContext(context))
+                    : waypoint.location;
+                const location = { ...resolvedLocation };
+                const fakeItem = { location };
+                const locatorTransforms = locator.placeItem(fakeItem, context);
+                transforms.push('translate(-50%, -50%)');
+                transforms.push(...locatorTransforms);
+            }
+            else if (t === 0 && !waypoint) {
+                transforms.push(...originTransforms);
+            }
+            else if (t === 1 && !waypoint) {
+                transforms.push(...targetTransforms);
+            }
+            else {
+                // Build interpolated transforms
+                transforms.push('translate(-50%, -50%)');
+                transforms.push(`translate3d(${x}em, ${y}em, ${z}em)`);
+                // Interpolate rotation if present
+                const originRotation = extractRotation(originTransforms);
+                const targetRotation = extractRotation(targetTransforms);
+                if (originRotation !== undefined || targetRotation !== undefined) {
+                    const rotation = interpolateCoordinate(originRotation ?? 0, targetRotation ?? 0, t);
+                    if (rotation !== 0) {
+                        transforms.push(`rotateZ(${rotation}deg)`);
+                    }
+                }
+            }
+            const percent = Math.round(t * 100);
+            const transformString = transforms.join(' ');
+            // Add easing for this segment if specified in waypoint
+            const easing = waypoint?.easing;
+            if (easing && t < 1) {
+                frames.push(`${percent}% { transform: ${transformString}; animation-timing-function: ${easing}; }`);
+            }
+            else {
+                frames.push(`${percent}% { transform: ${transformString}; }`);
+            }
+        }
+        return keyframes `${frames.join('\n')}`;
+    }
+    /**
+     * Generate animation CSS with elevation on the parent div and position on the child div.
+     *
+     * @param animationKeyframes The generated keyframes for position (child div)
+     * @param duration Animation duration in seconds
+     * @param easing CSS easing function
+     * @param elevationConfig Elevation configuration for the parent div arc
+     */
+    getAnimationCssWithTrajectory(animationKeyframes, duration, easing = 'ease-in-out', elevationConfig) {
+        if (elevationConfig !== false) {
+            const resolvedElevation = elevationConfig ?? defaultElevation;
+            const elevationArc = getElevationKeyframes(resolvedElevation);
+            return css `
+        animation: ${elevationArc} ${duration}s ease-in-out forwards;
+        > * {
+          animation: ${animationKeyframes} ${duration}s ${easing} forwards;
+        }
+      `;
+        }
+        return css `
+      > * {
+        animation: ${animationKeyframes} ${duration}s ${easing} forwards;
+      }
+    `;
+    }
+}
+/**
+ * Extract rotation value from transform array.
+ * @param transforms Array of CSS transform strings
+ * @returns Rotation in degrees, or undefined if no rotation found
+ */
+function extractRotation(transforms) {
+    for (const transform of transforms) {
+        const rotateZMatch = transform.match(/rotateZ\(\s*([-\d.]+)(deg|rad|turn)?\s*\)/);
+        if (rotateZMatch) {
+            const value = parseFloat(rotateZMatch[1]);
+            const unit = rotateZMatch[2] || 'deg';
+            if (unit === 'rad')
+                return value * (180 / Math.PI);
+            if (unit === 'turn')
+                return value * 360;
+            return value;
+        }
+    }
+    return undefined;
 }
 //# sourceMappingURL=ItemAnimations.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ItemAnimations.js","sourceRoot":"","sources":["../../../../src/components/material/animations/ItemAnimations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAS,MAAM,gBAAgB,CAAA;AAChE,OAAO,EAAa,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAK9D,MAAM,OAAO,cACX,SAAQ,UAA2D;IAEnE,gBAAgB,CAAC,QAA8B,EAAE,UAA4C,EAAE,WAA2B;QACxH,OAAM;IACR,CAAC;IAED,kBAAkB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAyC;QACrG,OAAO,EAAE,KAAK,EAAE,IAAI,KAAK,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,CAA2B,EAAE,QAAQ,EAAE,QAAS,EAAE,QAAQ,EAAE,QAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAA;IAC/I,CAAC;IAED,cAAc,CAAC,OAA8C,EAAE,IAA4C;QACzG,OAAO,EAAE,GAAG,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,EAAE,GAAG,IAAI,EAAE,CAAA;IACzD,CAAC;IAES,qBAAqB,CAAC,MAAc,EAAE,WAAmB,EAAE,UAAwC,EAAE,QAA8B;QAC3I,OAAO,SAAS,CAAA;;qBAEC,MAAM;;;qBAGN,WAAW;;KAE3B,CAAA;IACH,CAAC;CACF"}
+{"version":3,"file":"ItemAnimations.js","sourceRoot":"","sources":["../../../../src/components/material/animations/ItemAnimations.ts"],"names":[],"mappings":"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"}

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

@@ -5,9 +5,10 @@ import { ItemContext, Locator } from '../../../locators';
 import { MaterialDescription } from '../MaterialDescription';
 import { ItemAnimations } from './ItemAnimations';
 import { MaterialGameAnimationContext } from './MaterialGameAnimations';
+import { Trajectory } from './Trajectory';
 export declare class MaterialAnimations<P extends number = number, M extends number = number, L extends number = number> extends Animations<MaterialGame<P, M, L>, MaterialMove<P, M, L>, P> {
     protected readonly animations: Partial<Record<ItemMoveType, ItemAnimations<P, M, L>>>;
-    constructor(duration?: number, droppedItemDuration?: number);
+    constructor(duration?: number, droppedItemDuration?: number, trajectory?: Trajectory<P, M, L>);
     getDuration(move: ItemMove<P, M, L>, context: MaterialGameAnimationContext<P, M, L>): number;
     getItemAnimation(context: ItemContext<P, M, L>, animation: Animation<MaterialMove<P, M, L>>, boundaries: GridBoundaries): Interpolation<Theme>;
 }

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

@@ -9,14 +9,14 @@ import { RollItemAnimations } from './RollItemAnimations';
 import { ShuffleAnimations } from './ShuffleAnimations';
 export class MaterialAnimations extends Animations {
     animations;
-    constructor(duration = 1, droppedItemDuration = 0.2) {
+    constructor(duration = 1, droppedItemDuration = 0.2, trajectory) {
         super();
         this.animations = {
-            [ItemMoveType.Create]: new CreateItemAnimations(duration),
-            [ItemMoveType.Move]: new MoveItemAnimations(duration, droppedItemDuration),
-            [ItemMoveType.MoveAtOnce]: new MoveItemAtOnceAnimations(duration),
-            [ItemMoveType.Delete]: new DeleteItemAnimations(duration, droppedItemDuration),
-            [ItemMoveType.DeleteAtOnce]: new DeleteItemAtOnceAnimations(duration),
+            [ItemMoveType.Create]: new CreateItemAnimations(duration, trajectory),
+            [ItemMoveType.Move]: new MoveItemAnimations(duration, droppedItemDuration, trajectory),
+            [ItemMoveType.MoveAtOnce]: new MoveItemAtOnceAnimations(duration, trajectory),
+            [ItemMoveType.Delete]: new DeleteItemAnimations(duration, droppedItemDuration, trajectory),
+            [ItemMoveType.DeleteAtOnce]: new DeleteItemAtOnceAnimations(duration, trajectory),
             [ItemMoveType.Shuffle]: new ShuffleAnimations(0),
             [ItemMoveType.Roll]: new RollItemAnimations(duration)
         };

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

@@ -1 +1 @@
-{"version":3,"file":"MaterialAnimations.js","sourceRoot":"","sources":["../../../../src/components/material/animations/MaterialAnimations.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAC9D,OAAO,EAA4B,YAAY,EAA6C,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAGjI,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAA;AAGzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,MAAM,OAAO,kBACX,SAAQ,UAA2D;IAEhD,UAAU,CAAwD;IAErF,YAAY,QAAQ,GAAG,CAAC,EAAE,mBAAmB,GAAG,GAAG;QACjD,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,UAAU,GAAG;YAChB,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,IAAI,oBAAoB,CAAC,QAAQ,CAAC;YACzD,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,IAAI,kBAAkB,CAAC,QAAQ,EAAE,mBAAmB,CAAC;YAC1E,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE,IAAI,wBAAwB,CAAC,QAAQ,CAAC;YACjE,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,IAAI,oBAAoB,CAAC,QAAQ,EAAE,mBAAmB,CAAC;YAC9E,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,IAAI,0BAA0B,CAAC,QAAQ,CAAC;YACrE,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,IAAI,iBAAiB,CAAC,CAAC,CAAC;YAChD,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,IAAI,kBAAkB,CAAC,QAAQ,CAAC;SACtD,CAAA;IACH,CAAC;IAED,WAAW,CAAC,IAAuB,EAAE,OAA8C;QACjF,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,CAAA;IACpE,CAAC;IAED,gBAAgB,CAAC,OAA6B,EAAE,SAA2C,EAAE,UAA0B;QACrH,IAAI,SAAS,CAAC,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,QAAQ;YAAE,OAAM;QACrD,OAAO,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC,OAAO,EAAE,SAAS,EAAE,UAAU,CAAC,CAAA;IAC/F,CAAC;CACF"}
+{"version":3,"file":"MaterialAnimations.js","sourceRoot":"","sources":["../../../../src/components/material/animations/MaterialAnimations.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAC9D,OAAO,EAA4B,YAAY,EAA6C,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAGjI,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAA;AAGzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAGvD,MAAM,OAAO,kBACX,SAAQ,UAA2D;IAEhD,UAAU,CAAwD;IAErF,YAAY,QAAQ,GAAG,CAAC,EAAE,mBAAmB,GAAG,GAAG,EAAE,UAAgC;QACnF,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,UAAU,GAAG;YAChB,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,IAAI,oBAAoB,CAAC,QAAQ,EAAE,UAAU,CAAC;YACrE,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,IAAI,kBAAkB,CAAC,QAAQ,EAAE,mBAAmB,EAAE,UAAU,CAAC;YACtF,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE,IAAI,wBAAwB,CAAC,QAAQ,EAAE,UAAU,CAAC;YAC7E,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,IAAI,oBAAoB,CAAC,QAAQ,EAAE,mBAAmB,EAAE,UAAU,CAAC;YAC1F,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,IAAI,0BAA0B,CAAC,QAAQ,EAAE,UAAU,CAAC;YACjF,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,IAAI,iBAAiB,CAAC,CAAC,CAAC;YAChD,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,IAAI,kBAAkB,CAAC,QAAQ,CAAC;SACtD,CAAA;IACH,CAAC;IAED,WAAW,CAAC,IAAuB,EAAE,OAA8C;QACjF,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,CAAA;IACpE,CAAC;IAED,gBAAgB,CAAC,OAA6B,EAAE,SAA2C,EAAE,UAA0B;QACrH,IAAI,SAAS,CAAC,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,QAAQ;YAAE,OAAM;QACrD,OAAO,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC,OAAO,EAAE,SAAS,EAAE,UAAU,CAAC,CAAA;IAC/F,CAAC;CACF"}

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

@@ -1,23 +1,116 @@
 import { Interpolation, Theme } from '@emotion/react';
 import { Animation, AnimationContext, Animations, DisplayedAction } from '@gamepark/react-client';
-import { GridBoundaries, MaterialGame, MaterialMove } from '@gamepark/rules-api';
+import { GridBoundaries, ItemMove, MaterialGame, MaterialMove } from '@gamepark/rules-api';
 import { ItemContext, MaterialContext } from '../../../locators';
 import { GameContext } from '../../GameProvider';
 import { MaterialSoundConfig } from '../sound';
+import { AnimationBuilder, AnimationPredicate } from './AnimationBuilder';
 import { ItemAnimations } from './ItemAnimations';
 export type MaterialGameAnimationContext<P extends number = number, M extends number = number, L extends number = number> = AnimationContext<MaterialGame<P, M, L>, MaterialMove<P, M, L>, P> & Omit<GameContext<MaterialGame<P, M, L>, MaterialMove<P, M, L>, P, M, L>, 'game'>;
 export type MaterialAnimationContext<P extends number = number, M extends number = number, L extends number = number> = MaterialContext<P, M, L> & {
     action: DisplayedAction<MaterialMove<P, M, L>, P>;
 };
 export declare class MaterialGameAnimations<P extends number = number, M extends number = number, L extends number = number> extends Animations<MaterialGame<P, M, L>, MaterialMove<P, M, L>, P> {
+    /** @internal Animation configurations from the legacy .when() API */
     readonly animationConfigs: AnimationConfig<P, M, L>[];
+    /** @internal Animation builders from the new .configure() API */
+    readonly animationBuilders: AnimationBuilder<P, M, L>[];
+    /** @internal Default animation configuration */
     defaultAnimationConfig: AnimationConfig<P, M, L>;
+    /** @internal Default animation builder for new API */
+    private _defaultBuilder;
+    /**
+     * @deprecated Use configure() instead for the new trajectory API.
+     * Create a new animation configuration with filter chain.
+     */
     when(): AnimationConfig<P, M, L>;
+    /**
+     * Configure animations for moves matching a predicate.
+     * @param predicate Function to determine if this configuration applies
+     * @returns AnimationBuilder for fluent configuration
+     *
+     * @example
+     * ```ts
+     * animations.configure(and(isRule(RuleId.PlayCard), isMyMove()))
+     *   .duration(800)
+     *   .arc(15)
+     * ```
+     */
+    configure(predicate: AnimationPredicate<P, M, L>): AnimationBuilder<P, M, L>;
+    /**
+     * Configure animations for moves during a specific rule.
+     * @param ruleId The rule ID to match
+     * @returns AnimationBuilder for fluent configuration
+     *
+     * @example
+     * ```ts
+     * animations.forRule(RuleId.PlayCard)
+     *   .duration(600)
+     *   .via(LocationType.TableCenter)
+     * ```
+     */
+    forRule(ruleId: number): AnimationBuilder<P, M, L>;
+    /**
+     * Configure animations for a specific item move type.
+     * @param moveType The item move type to match (Create, Move, Delete, etc.)
+     * @returns AnimationBuilder for fluent configuration
+     *
+     * @example
+     * ```ts
+     * animations.forMove(ItemMoveType.Move)
+     *   .duration(500)
+     *   .arc(12)
+     * ```
+     */
+    forMove(moveType: ItemMove<P, M, L>['type']): AnimationBuilder<P, M, L>;
+    /**
+     * Configure animations for a specific material type.
+     * @param materialType The material type to match
+     * @returns AnimationBuilder for fluent configuration
+     *
+     * @example
+     * ```ts
+     * animations.forMaterial(MaterialType.Card)
+     *   .duration(400)
+     *   .flat()  // No arc for cards
+     * ```
+     */
+    forMaterial(materialType: M): AnimationBuilder<P, M, L>;
+    /**
+     * Configure default animations (applies to all moves not matched by other configurations).
+     * @returns AnimationBuilder for fluent configuration
+     *
+     * @example
+     * ```ts
+     * animations.defaults()
+     *   .duration(600)
+     *   .arc({ height: 8, peak: 0.4 })
+     * ```
+     */
+    defaults(): AnimationBuilder<P, M, L>;
     getDuration(move: MaterialMove<P, M, L>, context: MaterialGameAnimationContext<P, M, L>): number;
+    /**
+     * Find matching animation builder from new API.
+     * @internal
+     */
+    getAnimationBuilder(move: MaterialMove<P, M, L>, context: MaterialAnimationContext<P, M, L>): AnimationBuilder<P, M, L> | undefined;
+    /**
+     * Find matching animation config from legacy API.
+     * @internal
+     */
     getAnimationConfig(move: MaterialMove<P, M, L>, context: MaterialAnimationContext<P, M, L>): AnimationConfig<P, M, L>;
+    /**
+     * Get item animation CSS, checking both new and legacy APIs.
+     * @internal
+     */
+    getItemAnimation(context: ItemContext<P, M, L>, animation: Animation<MaterialMove<P, M, L>>, action: DisplayedAction<MaterialMove<P, M, L>, P>, boundaries: GridBoundaries): Interpolation<Theme>;
     getSounds(): string[];
     pauseNextConsequenceAnimation(move: MaterialMove<P, M, L>, _context: AnimationContext<MaterialGame<P, M, L>, MaterialMove<P, M, L>, P>): boolean;
 }
+/**
+ * @deprecated Use AnimationBuilder with the new configure() API instead.
+ * Legacy animation configuration class for backward compatibility.
+ */
 declare class AnimationConfig<P extends number = number, M extends number = number, L extends number = number> extends ItemAnimations<P, M, L> {
     filters: ((move: MaterialMove<P, M, L>, context: MaterialAnimationContext<P, M, L>) => boolean)[];
     d?: number;