npm - @gamepark/react-game - Versions diffs - 7.3.0 → 7.4.0 - Mend

@gamepark/react-game 7.3.0 → 7.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (101) hide show

package/dist/components/material/animations/MaterialGameAnimations.js CHANGED Viewed

@@ -2,16 +2,113 @@ import { Animations, AnimationStep } from '@gamepark/react-client';
 import { isEndPlayerTurn, MoveKind } from '@gamepark/rules-api';
 import { uniq } from 'es-toolkit';
 import { ensureMaterialSoundConfig } from '../sound/sound.utils';
+import { AnimationBuilder, isMaterial, isMoveType, isRule } from './AnimationBuilder';
 import { ItemAnimations } from './ItemAnimations';
 import { MaterialAnimations } from './MaterialAnimations';
 export class MaterialGameAnimations extends Animations {
+    /** @internal Animation configurations from the legacy .when() API */
     animationConfigs = [];
+    /** @internal Animation builders from the new .configure() API */
+    animationBuilders = [];
+    /** @internal Default animation configuration */
     defaultAnimationConfig = new AnimationConfig();
+    /** @internal Default animation builder for new API */
+    _defaultBuilder = new AnimationBuilder();
+    // ==========================================
+    // Legacy API (backward compatible)
+    // ==========================================
+    /**
+     * @deprecated Use configure() instead for the new trajectory API.
+     * Create a new animation configuration with filter chain.
+     */
     when() {
         const animationConfig = new AnimationConfig();
         this.animationConfigs.push(animationConfig);
         return animationConfig;
     }
+    // ==========================================
+    // New API
+    // ==========================================
+    /**
+     * 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) {
+        const builder = new AnimationBuilder();
+        builder.filter(predicate);
+        this.animationBuilders.push(builder);
+        return builder;
+    }
+    /**
+     * 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) {
+        return this.configure(isRule(ruleId));
+    }
+    /**
+     * 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) {
+        return this.configure(isMoveType(moveType));
+    }
+    /**
+     * 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) {
+        return this.configure(isMaterial(materialType));
+    }
+    /**
+     * 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() {
+        return this._defaultBuilder;
+    }
+    // ==========================================
+    // Internal methods
+    // ==========================================
     getDuration(move, context) {
         const materialContext = {
             rules: new context.Rules(context.game),
@@ -20,8 +117,34 @@ export class MaterialGameAnimations extends Animations {
             player: context.playerId,
             action: context.action
         };
+        // Check new API builders first
+        const builder = this.getAnimationBuilder(move, materialContext);
+        if (builder) {
+            return builder.getDuration(move, context);
+        }
+        // Fall back to legacy API
         return this.getAnimationConfig(move, materialContext).getDuration(move, context);
     }
+    /**
+     * Find matching animation builder from new API.
+     * @internal
+     */
+    getAnimationBuilder(move, context) {
+        for (const builder of this.animationBuilders) {
+            if (builder.matches(move, context)) {
+                return builder;
+            }
+        }
+        // Check if default builder has any configuration
+        if (this._defaultBuilder.durationSeconds !== undefined || typeof this._defaultBuilder.trajectoryConfig === 'function' || this._defaultBuilder.trajectoryConfig.elevation !== undefined) {
+            return this._defaultBuilder;
+        }
+        return undefined;
+    }
+    /**
+     * Find matching animation config from legacy API.
+     * @internal
+     */
     getAnimationConfig(move, context) {
         for (const animationConfig of this.animationConfigs) {
             if (animationConfig.filters.every(filter => filter(move, context))) {
@@ -30,15 +153,40 @@ export class MaterialGameAnimations extends Animations {
         }
         return this.defaultAnimationConfig;
     }
+    /**
+     * Get item animation CSS, checking both new and legacy APIs.
+     * @internal
+     */
+    getItemAnimation(context, animation, action, boundaries) {
+        const materialContext = {
+            ...context,
+            action
+        };
+        // Check new API builders first
+        const builder = this.getAnimationBuilder(animation.move, materialContext);
+        if (builder) {
+            return builder.getItemAnimation(context, animation, boundaries);
+        }
+        // Fall back to legacy API
+        return this.getAnimationConfig(animation.move, materialContext).getItemAnimation(context, animation, boundaries);
+    }
     getSounds() {
-        return uniq(this.animationConfigs
+        const legacySounds = this.animationConfigs
             .filter(animationConfig => !!animationConfig.s)
-            .map(animationConfig => ensureMaterialSoundConfig(animationConfig.s).sound));
+            .map(animationConfig => ensureMaterialSoundConfig(animationConfig.s).sound);
+        const newSounds = this.animationBuilders
+            .filter(builder => builder.soundConfig !== undefined && builder.soundConfig !== false)
+            .map(builder => ensureMaterialSoundConfig(builder.soundConfig).sound);
+        return uniq([...legacySounds, ...newSounds]);
     }
     pauseNextConsequenceAnimation(move, _context) {
         return isEndPlayerTurn(move);
     }
 }
+/**
+ * @deprecated Use AnimationBuilder with the new configure() API instead.
+ * Legacy animation configuration class for backward compatibility.
+ */
 class AnimationConfig extends ItemAnimations {
     filters = [];
     d;

package/dist/components/material/animations/MaterialGameAnimations.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MaterialGameAnimations.js","sourceRoot":"","sources":["../../../../src/components/material/animations/MaterialGameAnimations.ts"],"names":[],"mappings":"AACA,OAAO,EAA+B,UAAU,EAAE,aAAa,EAAmB,MAAM,wBAAwB,CAAA;AAChH,OAAO,EAAkB,eAAe,~~EAA6C~~,QAAQ,EAAE,MAAM,qBAAqB,CAAA;~~AAC1H~~,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAIjC,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AASzD,MAAM,OAAO,sBACX,SAAQ,UAA2D;~~IAE1D~~,gBAAgB,GAA+B,EAAE,CAAA;~~IAC1D~~,sBAAsB,GAAG,IAAI,eAAe,EAAW,CAAA;IAEvD,IAAI;QACF,MAAM,eAAe,GAAG,IAAI,eAAe,EAAW,CAAA;QACtD,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA;QAC3C,OAAO,eAAe,CAAA;IACxB,CAAC;~~IAEQ~~,WAAW,CAAC,IAA2B,EAAE,OAA8C;QAC9F,MAAM,eAAe,GAAsC;YACzD,KAAK,EAAE,IAAI,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAA2B;YAChE,QAAQ,EAAE,OAAO,CAAC,QAAS;YAC3B,QAAQ,EAAE,OAAO,CAAC,QAAS;YAC3B,MAAM,EAAE,OAAO,CAAC,QAAQ;YACxB,MAAM,EAAE,OAAO,CAAC,MAAM;SACvB,CAAA;~~QACD~~,OAAO,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC,WAAW,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;IAClF,CAAC;IAED,kBAAkB,CAAC,IAA2B,EAAE,OAA0C;QACxF,KAAK,MAAM,eAAe,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACpD,IAAI,eAAe,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC;gBACnE,OAAO,eAAe,CAAA;YACxB,CAAC;QACH,CAAC;QACD,OAAO,IAAI,CAAC,sBAAsB,CAAA;IACpC,CAAC;IAED,SAAS;~~QACP~~,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB;~~aAC9B~~,MAAM,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC;aAC9C,GAAG,CAAC,eAAe,CAAC,EAAE,CAAC,yBAAyB,CAAC,eAAe,CAAC,CAAE,CAAE,CAAC,KAAK,CAAC,~~CAC9E~~,CAAA;~~IACH~~,CAAC;IAED,6BAA6B,CAAC,IAA2B,EAAE,QAA2E;QACpI,OAAO,eAAe,CAAC,IAAI,CAAC,CAAA;IAC9B,CAAC;CACF;AAED,MAAM,eACJ,SAAQ,cAAuB;IAC/B,OAAO,GAA6F,EAAE,CAAA;IACtG,CAAC,CAAS;IACV,CAAC,GAA0C,SAAS,CAAA;IAEpD,IAAI,CAAwB,MAAc;QACxC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,KAAK,MAAM,CAAC,CAAA;QACzE,OAAO,IAAI,CAAA;IACb,CAAC;IAED,IAAI,CAAC,SAA+F;QAClG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAA;QAC9D,OAAO,IAAI,CAAA;IACb,CAAC;IAED,IAAI;QACF,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;QAC7E,OAAO,IAAI,CAAA;IACb,CAAC;IAED,QAAQ,CAAC,QAAgB;QACvB,IAAI,CAAC,CAAC,GAAG,QAAQ,CAAA;QACjB,OAAO,IAAI,CAAA;IACb,CAAC;IAED,KAAK,CAAC,KAA2C;QAC/C,IAAI,CAAC,CAAC,GAAG,KAAK,CAAA;QACd,OAAO,IAAI,CAAA;IACb,CAAC;IAED,IAAI;QACF,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;IACzB,CAAC;IAED,WAAW,CAAC,IAA2B,EAAE,OAA8C;QACrF,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,QAAQ;YAAE,OAAO,OAAO,CAAC,IAAI,KAAK,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QACxG,OAAO,IAAI,kBAAkB,CAAU,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;IAC3E,CAAC;IAED,gBAAgB,CAAC,OAA6B,EAAE,SAA2C,EAAE,UAA0B;QACrH,OAAO,IAAI,kBAAkB,CAAU,IAAI,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,EAAE,SAAS,EAAE,UAAU,CAAC,CAAA;IACjG,CAAC;CACF"}
1	+ {"version":3,"file":"MaterialGameAnimations.js","sourceRoot":"","sources":["../../../../src/components/material/animations/MaterialGameAnimations.ts"],"names":[],"mappings":"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"}

package/dist/components/material/animations/MoveItemAnimations.d.ts CHANGED Viewed

@@ -4,10 +4,12 @@ import { GridBoundaries, MaterialItem, MoveItem } from '@gamepark/rules-api';
 import { ItemContext } from '../../../locators';
 import { ItemAnimations } from './ItemAnimations';
 import { MaterialGameAnimationContext } from './MaterialGameAnimations';
+import { Trajectory } from './Trajectory';
 export declare class MoveItemAnimations<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<MoveItem<P, M, L>>, boundaries: GridBoundaries): Interpolation<Theme>;
     getMovedItemAnimation(context: ItemContext<P, M, L>, animation: Animation<MoveItem<P, M, L>>, boundaries: GridBoundaries): Interpolation<Theme>;

package/dist/components/material/animations/MoveItemAnimations.js CHANGED Viewed

@@ -8,10 +8,12 @@ import { transformItem } from './transformItem.util';
 export class MoveItemAnimations 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 };
@@ -57,8 +59,20 @@ export class MoveItemAnimations extends ItemAnimations {
         if (currentOrigin.y !== futureOrigin.y) {
             targetTransforms.unshift(`translateY(${getOriginDeltaPosition(boundaries.yMin, boundaries.yMax, futureOrigin.y, currentOrigin.y)}em)`);
         }
-        const animationKeyframes = this.getTransformKeyframes(currentTransforms.join(' '), targetTransforms.join(' '), animation, context);
-        return description?.getAnimationCss(animationKeyframes, animation.duration);
+        // Check if trajectory is configured (either in this instance or in context)
+        const contextWithTrajectory = context;
+        const trajectory = this.trajectory ?? contextWithTrajectory.trajectory;
+        if (trajectory) {
+            // Use new trajectory-based animation (single div, integrated elevation)
+            const trajectoryContext = { ...context, trajectory };
+            const animationKeyframes = this.getTrajectoryKeyframes(currentTransforms, targetTransforms, animation, trajectoryContext);
+            return this.getAnimationCssWithTrajectory(animationKeyframes, animation.duration, trajectory.easing, trajectory.elevation);
+        }
+        else {
+            // Use legacy two-div animation
+            const animationKeyframes = this.getTransformKeyframes(currentTransforms.join(' '), targetTransforms.join(' '), animation, context);
+            return description?.getAnimationCss(animationKeyframes, animation.duration);
+        }
     }
     getItemIndexAfterMove({ rules }, move) {
         const items = rules.game.items[move.itemType];
@@ -86,8 +100,18 @@ export class MoveItemAnimations extends ItemAnimations {
         const originTransforms = transformItem(context);
         const targetTransforms = description?.getItemTransform(item, futureContext) ?? [];
         toClosestRotations(originTransforms, targetTransforms);
-        const animationKeyframes = this.getTransformKeyframes(originTransforms.join(' '), targetTransforms.join(' '), animation, context);
-        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);
+            return description?.getAnimationCss(animationKeyframes, animation.duration);
+        }
     }
 }
 //# sourceMappingURL=MoveItemAnimations.js.map

package/dist/components/material/animations/MoveItemAnimations.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MoveItemAnimations.js","sourceRoot":"","sources":["../../../../src/components/material/animations/MoveItemAnimations.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,sBAAsB,EAAe,MAAM,mBAAmB,CAAA;AAC1G,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,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,kBACX,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~~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~~QACD~~,MAAM,kBAAkB,GAAG,IAAI,CAAC,qBAAqB,CAAC,iBAAiB,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,SAAS,EAAE,OAAO,CAAC,CAAA;~~QAClI~~,OAAO,WAAW,EAAE,eAAe,CAAC,kBAAkB,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;~~IAC7E~~,CAAC;IAED,qBAAqB,CAAC,EAAE,KAAK,EAAwB,EAAE,IAAuB;QAC5E,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAE,CAAA;QAC9C,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;QAC5C,MAAM,aAAa,GAAG,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAA;QACpD,MAAM,UAAU,GAAG,OAAO,CAAC,cAAc,CAAC,aAAa,CAAC,CAAA;QACxD,IAAI,UAAU,KAAK,CAAC,CAAC,EAAE,CAAC;YACtB,OAAO,UAAU,CAAA;QACnB,CAAC;aAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC,EAAE,CAAC;YACxE,MAAM,cAAc,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,KAAK,CAAC,CAAC,CAAA;YACnE,OAAO,cAAc,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAA;QAC9D,CAAC;aAAM,CAAC;YACN,OAAO,IAAI,CAAC,SAAS,CAAA;QACvB,CAAC;IACH,CAAC;IAED,qBAAqB,CAAC,IAAwB,EAAE,OAA6B,EAAE,SAAuC;QACpH,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,OAAO,CAAA;QACjD,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;QAClC,MAAM,KAAK,GAAG,KAAK,CAAC,WAA4C,CAAA;QAChE,MAAM,WAAW,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,CAAA;QACjF,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;QAChC,MAAM,aAAa,GAAG,EAAE,GAAG,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,CAAA;QACxD,MAAM,gBAAgB,GAAG,aAAa,CAAC,OAAO,CAAC,CAAA;QAC/C,MAAM,gBAAgB,GAAG,WAAW,EAAE,gBAAgB,CAAC,IAAI,EAAE,aAAa,CAAC,IAAI,EAAE,CAAA;QACjF,kBAAkB,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAA;~~QACtD~~,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;~~QACjI~~,OAAO,WAAW,EAAE,eAAe,CAAC,kBAAkB,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;~~IAC7E~~,CAAC;CACF"}
1	+ {"version":3,"file":"MoveItemAnimations.js","sourceRoot":"","sources":["../../../../src/components/material/animations/MoveItemAnimations.ts"],"names":[],"mappings":"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"}

package/dist/components/material/animations/MoveItemAtOnceAnimations.d.ts CHANGED Viewed

@@ -1,14 +1,17 @@
 import { Interpolation, Theme } from '@emotion/react';
 import { Animation } from '@gamepark/react-client';
-import { GridBoundaries, MoveItemsAtOnce } from '@gamepark/rules-api';
+import { GridBoundaries, MaterialItem, MoveItemsAtOnce } from '@gamepark/rules-api';
 import { ItemContext } from '../../../locators';
 import { ItemAnimations } from './ItemAnimations';
 import { MaterialGameAnimationContext } from './MaterialGameAnimations';
+import { Trajectory } from './Trajectory';
 export declare class MoveItemAtOnceAnimations<P extends number = number, M extends number = number, L extends number = number> extends ItemAnimations<P, M, L> {
     protected duration: number;
+    protected trajectory?: Trajectory<P, M, L> | undefined;
     protected droppedItemDuration: number;
-    constructor(duration?: number, droppedItemDuration?: number);
+    constructor(duration?: number, trajectory?: Trajectory<P, M, L> | undefined, droppedItemDuration?: number);
     getPreDuration(move: MoveItemsAtOnce<P, M, L>, context: MaterialGameAnimationContext<P, M, L>): number;
     getItemAnimation(context: ItemContext<P, M, L>, animation: Animation<MoveItemsAtOnce<P, M, L>>, boundaries: GridBoundaries): Interpolation<Theme>;
     getMovedItemAnimation(context: ItemContext<P, M, L>, animation: Animation<MoveItemsAtOnce<P, M, L>>, boundaries: GridBoundaries): Interpolation<Theme>;
+    getChildItemAnimation(item: MaterialItem<P, L>, context: ItemContext<P, M, L>, animation: Animation<MoveItemsAtOnce<P, M, L>>): Interpolation<Theme>;
 }

package/dist/components/material/animations/MoveItemAtOnceAnimations.js CHANGED Viewed

@@ -1,14 +1,17 @@
 import { defaultOrigin, getItemFromContext, getOriginDeltaPosition } from '../../../locators';
 import { isDroppedItem } from '../utils/isDroppedItem';
+import { isPlacedOnItem } from '../utils/isPlacedOnItem';
 import { ItemAnimations } from './ItemAnimations';
 import { toClosestRotations, toSingleRotation } from './rotations.utils';
 import { transformItem } from './transformItem.util';
 export class MoveItemAtOnceAnimations extends ItemAnimations {
     duration;
+    trajectory;
     droppedItemDuration;
-    constructor(duration = 1, droppedItemDuration = 0.2) {
+    constructor(duration = 1, trajectory, droppedItemDuration = 0.2) {
         super();
         this.duration = duration;
+        this.trajectory = trajectory;
         this.droppedItemDuration = droppedItemDuration;
     }
     getPreDuration(move, context) {
@@ -22,6 +25,13 @@ export class MoveItemAtOnceAnimations extends ItemAnimations {
         if (context.type === animation.move.itemType && animation.move.indexes.includes(context.index)) {
             return this.getMovedItemAnimation(context, animation, boundaries);
         }
+        const item = getItemFromContext(context);
+        for (const index of animation.move.indexes) {
+            const animatedItemContext = { ...context, type: animation.move.itemType, index };
+            if (isPlacedOnItem(item, animatedItemContext)) {
+                return this.getChildItemAnimation(item, context, animation);
+            }
+        }
     }
     getMovedItemAnimation(context, animation, boundaries) {
         const { type, rules, material, player } = context;
@@ -44,8 +54,40 @@ export class MoveItemAtOnceAnimations 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);
-        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);
+            return description?.getAnimationCss(animationKeyframes, animation.duration);
+        }
+    }
+    getChildItemAnimation(item, context, animation) {
+        const { type, rules, material, player } = context;
+        const description = material[type];
+        const Rules = rules.constructor;
+        const futureRules = new Rules(JSON.parse(JSON.stringify(rules.game)), { player });
+        futureRules.play(animation.move);
+        const futureContext = { ...context, rules: futureRules };
+        const originTransforms = transformItem(context);
+        const targetTransforms = description?.getItemTransform(item, futureContext) ?? [];
+        toClosestRotations(originTransforms, targetTransforms);
+        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);
+            return description?.getAnimationCss(animationKeyframes, animation.duration);
+        }
     }
 }
 //# sourceMappingURL=MoveItemAtOnceAnimations.js.map

package/dist/components/material/animations/MoveItemAtOnceAnimations.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MoveItemAtOnceAnimations.js","sourceRoot":"","sources":["../../../../src/components/material/animations/MoveItemAtOnceAnimations.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,sBAAsB,EAAe,MAAM,mBAAmB,CAAA;AAC1G,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AACtD,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,wBACX,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~~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~~QACD~~,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;~~QACjI~~,OAAO,WAAW,EAAE,eAAe,CAAC,kBAAkB,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;~~IAC7E~~,CAAC;CACF"}
1	+ {"version":3,"file":"MoveItemAtOnceAnimations.js","sourceRoot":"","sources":["../../../../src/components/material/animations/MoveItemAtOnceAnimations.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,sBAAsB,EAAe,MAAM,mBAAmB,CAAA;AAC1G,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,cAAc,EAA6B,MAAM,kBAAkB,CAAA;AAE5E,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAExE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAEpD,MAAM,OAAO,wBACX,SAAQ,cAAuB;IAGnB;IACA;IACA;IAHZ,YACY,WAAW,CAAC,EACZ,UAAgC,EAChC,sBAAsB,GAAG;QAEnC,KAAK,EAAE,CAAA;QAJG,aAAQ,GAAR,QAAQ,CAAI;QACZ,eAAU,GAAV,UAAU,CAAsB;QAChC,wBAAmB,GAAnB,mBAAmB,CAAM;IAGrC,CAAC;IAEQ,cAAc,CAAC,IAA8B,EAAE,OAA8C;QACpG,MAAM,qBAAqB,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAA;QAC3F,IAAI,qBAAqB,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;YAC5F,OAAO,IAAI,CAAC,mBAAmB,CAAA;QACjC,CAAC;QACD,OAAO,IAAI,CAAC,QAAQ,CAAA;IACtB,CAAC;IAED,gBAAgB,CAAC,OAA6B,EAAE,SAA8C,EAAE,UAA0B;QACxH,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,EAAE,UAAU,CAAC,CAAA;QACnE,CAAC;QACD,MAAM,IAAI,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAA;QACxC,KAAK,MAAM,KAAK,IAAI,SAAS,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YAC3C,MAAM,mBAAmB,GAAG,EAAE,GAAG,OAAO,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,CAAA;YAChF,IAAI,cAAc,CAAC,IAAI,EAAE,mBAAmB,CAAC,EAAE,CAAC;gBAC9C,OAAO,IAAI,CAAC,qBAAqB,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,CAAC,CAAA;YAC7D,CAAC;QACH,CAAC;IACH,CAAC;IAED,qBAAqB,CAAC,OAA6B,EAAE,SAA8C,EAAE,UAA0B;QAC7H,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,OAAO,CAAA;QACjD,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;QAClC,MAAM,KAAK,GAAG,KAAK,CAAC,WAA4C,CAAA;QAChE,MAAM,WAAW,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,CAAA;QACjF,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;QAChC,MAAM,UAAU,GAAG,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAE,CAAA;QACrE,+IAA+I;QAC/I,MAAM,aAAa,GAAG,EAAE,GAAG,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,YAAY,EAAE,OAAO,CAAC,YAAY,EAAE,CAAA;QAClH,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAA;QACjE,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,WAAW,EAAE,gBAAgB,CAAC,UAAU,EAAE,aAAa,CAAC,IAAI,EAAE,CAAC,CAAA;QACzG,kBAAkB,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAA;QACtD,MAAM,IAAI,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAA;QACxC,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;QACtH,MAAM,YAAY,GAAG,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,QAAQ,EAAE,aAAa,CAAC,IAAI,aAAa,CAAA;QACvI,IAAI,aAAa,CAAC,CAAC,KAAK,YAAY,CAAC,CAAC,EAAE,CAAC;YACvC,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;QACxI,CAAC;QACD,IAAI,aAAa,CAAC,CAAC,KAAK,YAAY,CAAC,CAAC,EAAE,CAAC;YACvC,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;QACxI,CAAC;QAED,oCAAoC;QACpC,MAAM,qBAAqB,GAAG,OAA6C,CAAA;QAC3E,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,IAAI,qBAAqB,CAAC,UAAU,CAAA;QAEtE,IAAI,UAAU,EAAE,CAAC;YACf,MAAM,iBAAiB,GAAuC,EAAE,GAAG,OAAO,EAAE,UAAU,EAAE,CAAA;YACxF,MAAM,kBAAkB,GAAG,IAAI,CAAC,sBAAsB,CAAC,gBAAgB,EAAE,gBAAgB,EAAE,SAAS,EAAE,iBAAiB,CAAC,CAAA;YACxH,OAAO,IAAI,CAAC,6BAA6B,CAAC,kBAAkB,EAAE,SAAS,CAAC,QAAQ,EAAE,UAAU,CAAC,MAAM,EAAE,UAAU,CAAC,SAAS,CAAC,CAAA;QAC5H,CAAC;aAAM,CAAC;YACN,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,OAAO,WAAW,EAAE,eAAe,CAAC,kBAAkB,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;QAC7E,CAAC;IACH,CAAC;IAED,qBAAqB,CAAC,IAAwB,EAAE,OAA6B,EAAE,SAA8C;QAC3H,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,OAAO,CAAA;QACjD,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;QAClC,MAAM,KAAK,GAAG,KAAK,CAAC,WAA4C,CAAA;QAChE,MAAM,WAAW,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,CAAA;QACjF,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;QAChC,MAAM,aAAa,GAAG,EAAE,GAAG,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,CAAA;QACxD,MAAM,gBAAgB,GAAG,aAAa,CAAC,OAAO,CAAC,CAAA;QAC/C,MAAM,gBAAgB,GAAG,WAAW,EAAE,gBAAgB,CAAC,IAAI,EAAE,aAAa,CAAC,IAAI,EAAE,CAAA;QACjF,kBAAkB,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAA;QAEtD,MAAM,qBAAqB,GAAG,OAA6C,CAAA;QAC3E,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,IAAI,qBAAqB,CAAC,UAAU,CAAA;QAEtE,IAAI,UAAU,EAAE,CAAC;YACf,MAAM,iBAAiB,GAAuC,EAAE,GAAG,OAAO,EAAE,UAAU,EAAE,CAAA;YACxF,MAAM,kBAAkB,GAAG,IAAI,CAAC,sBAAsB,CAAC,gBAAgB,EAAE,gBAAgB,EAAE,SAAS,EAAE,iBAAiB,CAAC,CAAA;YACxH,OAAO,IAAI,CAAC,6BAA6B,CAAC,kBAAkB,EAAE,SAAS,CAAC,QAAQ,EAAE,UAAU,CAAC,MAAM,EAAE,UAAU,CAAC,SAAS,CAAC,CAAA;QAC5H,CAAC;aAAM,CAAC;YACN,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,OAAO,WAAW,EAAE,eAAe,CAAC,kBAAkB,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;QAC7E,CAAC;IACH,CAAC;CACF"}

package/dist/components/material/animations/Trajectory.d.ts ADDED Viewed

@@ -0,0 +1,132 @@
+import { keyframes } from '@emotion/react';
+import { Coordinates, Location, MaterialItem } from '@gamepark/rules-api';
+import type { Locator } from '../../../locators';
+/**
+ * Configuration for the elevation arc during animation.
+ * The elevation is applied in world coordinates (before rotation transforms).
+ */
+export interface ElevationConfig {
+    /**
+     * Maximum height of the arc in em units.
+     * @default 10
+     */
+    height: number;
+    /**
+     * Position of the peak in the animation (0-1).
+     * @default 0.5
+     */
+    peak?: number;
+    /**
+     * Shape of the elevation curve.
+     * - 'parabolic': smooth parabolic arc (default)
+     * - 'linear': triangular arc with linear segments
+     * - 'ease': uses CSS ease timing for smoother feel
+     */
+    curve?: 'parabolic' | 'linear' | 'ease';
+}
+/**
+ * A waypoint defines an intermediate position during an animation.
+ * @typeParam P - Player ID type
+ * @typeParam M - Material type (unused but kept for type consistency)
+ * @typeParam L - Location type
+ */
+export interface Waypoint<P extends number = number, M extends number = number, L extends number = number> {
+    /**
+     * Position in the animation timeline (0-1).
+     * 0 = start, 1 = end, 0.5 = middle
+     */
+    at: number;
+    /**
+     * Use a locator instance to determine the position.
+     * The locator will be used with the provided location to compute coordinates.
+     */
+    locator?: Locator<P, M, L>;
+    /**
+     * Location parameters to pass to the locator.
+     * Can be a static partial location, or a function receiving the animated item
+     * to derive location dynamically (e.g., to preserve coordinates from origin).
+     *
+     * @example
+     * // Static location
+     * { locator: LocationType.Panel, location: { player: nextPlayer } }
+     *
+     * // Dynamic: preserve x from item's current location
+     * { locator: LocationType.FaceDown, location: (item) => ({ x: item.location.x }) }
+     */
+    location?: Partial<Location<P, L>> | ((item: MaterialItem<P, L>) => Partial<Location<P, L>>);
+    /**
+     * Absolute coordinates for this waypoint.
+     * Use this instead of locator for fixed positions.
+     */
+    coordinates?: Partial<Coordinates>;
+    /**
+     * Offset relative to the linear interpolation between origin and destination.
+     * Useful for creating arcs or detours without specifying absolute positions.
+     */
+    offset?: Partial<Coordinates>;
+    /**
+     * Override the elevation at this specific waypoint.
+     * If not specified, uses the global elevation curve.
+     */
+    elevation?: number;
+    /**
+     * Z-axis rotation at this waypoint (in the locator's rotation unit).
+     * If not specified, rotation is interpolated linearly.
+     */
+    rotation?: number;
+    /**
+     * CSS easing function to use when animating TOWARDS this waypoint.
+     * @example 'ease-in', 'ease-out', 'cubic-bezier(0.4, 0, 0.2, 1)'
+     */
+    easing?: string;
+    /** @internal Type brand to ensure M is used */
+    _brand?: M;
+}
+/**
+ * Complete trajectory configuration for an animation.
+ * @typeParam P - Player ID type
+ * @typeParam M - Material type (unused but kept for type consistency)
+ * @typeParam L - Location type
+ */
+export interface Trajectory<P extends number = number, M extends number = number, L extends number = number> {
+    /**
+     * Elevation configuration for the arc effect.
+     * Set to false to disable elevation (flat movement).
+     */
+    elevation?: ElevationConfig | false;
+    /**
+     * Intermediate waypoints for the trajectory.
+     * Waypoints are sorted by their 'at' value automatically.
+     */
+    waypoints?: Waypoint<P, M, L>[];
+    /**
+     * Global CSS easing function for the animation.
+     * @default 'ease-in-out'
+     */
+    easing?: string;
+}
+/**
+ * Default elevation configuration (arc of 10em at 50%).
+ */
+export declare const defaultElevation: ElevationConfig;
+/**
+ * Calculate the elevation value at a given point in time.
+ * @param t Progress in the animation (0-1)
+ * @param config Elevation configuration
+ * @returns Elevation in em units
+ */
+export declare function calculateElevation(t: number, config: ElevationConfig | false | undefined): number;
+/**
+ * Parse a transform string and extract x, y, z translations.
+ * This is used to interpolate between waypoints.
+ */
+export declare function extractTranslation(transforms: string[]): Coordinates;
+/**
+ * Generate simple elevation keyframes for the parent div.
+ * Creates a 3-keyframe arc: from (0) → peak (height) → to (0).
+ */
+export declare function getElevationKeyframes(config: ElevationConfig): ReturnType<typeof keyframes>;
+/**
+ * Interpolate between two coordinate values.
+ */
+export declare function interpolateCoordinate(from: number, to: number, t: number): number;

package/dist/components/material/animations/Trajectory.js ADDED Viewed

@@ -0,0 +1,87 @@
+import { keyframes } from '@emotion/react';
+/**
+ * Default elevation configuration (arc of 10em at 50%).
+ */
+export const defaultElevation = {
+    height: 10,
+    peak: 0.5,
+    curve: 'parabolic'
+};
+/**
+ * Calculate the elevation value at a given point in time.
+ * @param t Progress in the animation (0-1)
+ * @param config Elevation configuration
+ * @returns Elevation in em units
+ */
+export function calculateElevation(t, config) {
+    if (config === false)
+        return 0;
+    const { height, peak = 0.5, curve = 'parabolic' } = config ?? defaultElevation;
+    if (curve === 'linear') {
+        // Triangular arc
+        if (t <= peak) {
+            return height * (t / peak);
+        }
+        else {
+            return height * (1 - (t - peak) / (1 - peak));
+        }
+    }
+    // Parabolic arc (default)
+    // Parabola passing through (0, 0), (peak, height), (1, 0)
+    if (t <= peak) {
+        const normalized = t / peak;
+        return height * (1 - (1 - normalized) * (1 - normalized));
+    }
+    else {
+        const normalized = (t - peak) / (1 - peak);
+        return height * (1 - normalized * normalized);
+    }
+}
+/**
+ * Parse a transform string and extract x, y, z translations.
+ * This is used to interpolate between waypoints.
+ */
+export function extractTranslation(transforms) {
+    let x = 0, y = 0, z = 0;
+    for (const transform of transforms) {
+        const translate3dMatch = transform.match(/translate3d\(\s*([-\d.]+)em\s*,\s*([-\d.]+)em\s*,\s*([-\d.]+)em\s*\)/);
+        if (translate3dMatch) {
+            x += parseFloat(translate3dMatch[1]);
+            y += parseFloat(translate3dMatch[2]);
+            z += parseFloat(translate3dMatch[3]);
+            continue;
+        }
+        const translateXMatch = transform.match(/translateX\(\s*([-\d.]+)em\s*\)/);
+        if (translateXMatch) {
+            x += parseFloat(translateXMatch[1]);
+            continue;
+        }
+        const translateYMatch = transform.match(/translateY\(\s*([-\d.]+)em\s*\)/);
+        if (translateYMatch) {
+            y += parseFloat(translateYMatch[1]);
+            continue;
+        }
+        const translateZMatch = transform.match(/translateZ\(\s*([-\d.]+)em\s*\)/);
+        if (translateZMatch) {
+            z += parseFloat(translateZMatch[1]);
+        }
+    }
+    return { x, y, z };
+}
+/**
+ * Generate simple elevation keyframes for the parent div.
+ * Creates a 3-keyframe arc: from (0) → peak (height) → to (0).
+ */
+export function getElevationKeyframes(config) {
+    const { height, peak = 0.5 } = config;
+    const peakPercent = Math.round(peak * 100);
+    const frames = `from, to { transform: translateZ(0); } ${peakPercent}% { transform: translateZ(${height}em); }`;
+    return keyframes `${frames}`;
+}
+/**
+ * Interpolate between two coordinate values.
+ */
+export function interpolateCoordinate(from, to, t) {
+    return from + (to - from) * t;
+}
+//# sourceMappingURL=Trajectory.js.map