@gamepark/react-game 6.38.7 → 7.0.0-beta.3

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":"AAAA,OAAO,EAAiB,SAAS,EAAS,MAAM,gBAAgB,CAAA;AAGhE,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,kBAAkB,EAAe,MAAM,mBAAmB,CAAA;AACnE,OAAO,EAAE,2BAA2B,EAAE,MAAM,oCAAoC,CAAA;AAChF,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,uBAAuB,GAA2B,EAAE,CAAA;AAE1D,MAAM,OAAO,oBACX,SAAQ,cAAuB;IAET;IAAtB,YAAsB,WAAW,CAAC;QAChC,KAAK,EAAE,CAAA;QADa,aAAQ,GAAR,QAAQ,CAAI;IAElC,CAAC;IAEQ,cAAc,CAAC,IAAyB,EAAE,OAA8C;QAC/F,MAAM,KAAK,GAAG,IAAI,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,QAAQ,EAAE,CAA2B,CAAA;QACrG,uBAAuB,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAC5G,OAAO,CAAC,CAAA;IACV,CAAC;IAEQ,eAAe,CAAC,IAAyB,EAAE,QAA+C;QACjG,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;QACvC,UAAU,CAAC,GAAG,EAAE,CAAC,OAAO,uBAAuB,CAAC,UAAU,CAAC,EAAE,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAA;QAClF,OAAO,IAAI,CAAC,QAAQ,CAAA;IACtB,CAAC;IAED,gBAAgB,CAAC,OAA6B,EAAE,SAAyC;QACvF,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,SAAS,CAAC;YAAE,OAAM;QACrD,MAAM,eAAe,GAAG,2BAA2B,CAAC,OAAO,CAAC,CAAA;QAC5D,IAAI,eAAe,EAAE,CAAC;YACpB,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,eAAe,CAAC,CAAA;YAC1D,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAA;YACjE,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,OAAO,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAA;QACnC,CAAC;IACH,CAAC;IAED,eAAe,CAAC,OAA6B,EAAE,SAAyC;QACtF,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,OAAO,CAAA;QAC7C,IAAI,SAAS,CAAC,IAAI,CAAC,QAAQ,KAAK,IAAI,IAAI,uBAAuB,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK;YAAE,OAAO,KAAK,CAAA;QACvH,MAAM,QAAQ,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAA;QAC1D,MAAM,eAAe,GAAG,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAA;QACzD,OAAO,YAAY,IAAI,QAAQ,GAAG,eAAe,CAAA;IACnD,CAAC;IAES,sBAAsB,CAAC,MAAc,EAAE,UAAwC,EAAE,QAA8B;QACvH,OAAO,SAAS,CAAA;;qBAEC,MAAM;;KAEtB,CAAA;IACH,CAAC;CACF"}

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

@@ -1,14 +1,19 @@
-import { Interpolation, Theme } from '@emotion/react';
-import { Animation } from '@gamepark/react-client';
-import { DeleteItem, ItemMove, MoveItem } from '@gamepark/rules-api';
-import { ItemContext } from '../../../locators';
-import { ItemAnimations } from './ItemAnimations';
-import { MaterialGameAnimationContext } from './MaterialGameAnimations';
-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);
-    getPreDuration(move: MoveItem<P, M, L>, context: MaterialGameAnimationContext<P, M, L>): number;
-    getItemAnimation(context: ItemContext<P, M, L>, animation: Animation<DeleteItem<M>>): Interpolation<Theme>;
-    protected getKeyframesToDestination(destination: string, _animation: Animation<ItemMove<P, M, L>>, _context: ItemContext<P, M, L>): import("@emotion/serialize").Keyframes;
-}
+import { Interpolation, Theme } from '@emotion/react';
+import { Animation } from '@gamepark/react-client';
+import { DeleteItem, ItemMove, MoveItem } from '@gamepark/rules-api';
+import { ItemContext } from '../../../locators';
+import { ItemAnimations } from './ItemAnimations';
+import { MaterialGameAnimationContext } from './MaterialGameAnimations';
+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);
+    getPreDuration(move: MoveItem<P, M, L>, context: MaterialGameAnimationContext<P, M, L>): number;
+    getItemAnimation(context: ItemContext<P, M, L>, animation: Animation<DeleteItem<M>>): 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;
+}

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

@@ -1,73 +1,54 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DeleteItemAnimations = void 0;
-var react_1 = require("@emotion/react");
-var locators_1 = require("../../../locators");
-var isDroppedItem_1 = require("../utils/isDroppedItem");
-var getFirstStockItemTransforms_util_1 = require("./getFirstStockItemTransforms.util");
-var ItemAnimations_1 = require("./ItemAnimations");
-var rotations_utils_1 = require("./rotations.utils");
-var transformItem_util_1 = require("./transformItem.util");
-var DeleteItemAnimations = /** @class */ (function (_super) {
-    __extends(DeleteItemAnimations, _super);
-    function DeleteItemAnimations(duration, droppedItemDuration) {
-        if (duration === void 0) { duration = 1; }
-        if (droppedItemDuration === void 0) { droppedItemDuration = 0.2; }
-        var _this = _super.call(this) || this;
-        _this.duration = duration;
-        _this.droppedItemDuration = droppedItemDuration;
-        return _this;
-    }
-    DeleteItemAnimations.prototype.getPreDuration = function (move, context) {
-        var potentialDroppedItem = { type: move.itemType, index: move.itemIndex };
-        if ((0, isDroppedItem_1.isDroppedItem)(this.getItemContext(context, potentialDroppedItem))) {
-            return this.droppedItemDuration;
+import { css, keyframes } from '@emotion/react';
+import { getItemFromContext } from '../../../locators';
+import { isDroppedItem } from '../utils/isDroppedItem';
+import { getFirstStockItemTransforms } from './getFirstStockItemTransforms.util';
+import { ItemAnimations } from './ItemAnimations';
+import { toClosestRotations, toSingleRotation } from './rotations.utils';
+import { transformItem } from './transformItem.util';
+export class DeleteItemAnimations extends ItemAnimations {
+    duration;
+    droppedItemDuration;
+    constructor(duration = 1, droppedItemDuration = 0.2) {
+        super();
+        this.duration = duration;
+        this.droppedItemDuration = droppedItemDuration;
+    }
+    getPreDuration(move, context) {
+        const potentialDroppedItem = { type: move.itemType, index: move.itemIndex };
+        if (isDroppedItem(this.getItemContext(context, potentialDroppedItem))) {
+            return this.droppedItemDuration;
+        }
+        return this.duration;
+    }
+    getItemAnimation(context, animation) {
+        const item = getItemFromContext(context);
+        const itemLocator = context.locators[item.location.type];
+        if (!itemLocator?.isItemToAnimate(item, context, animation.move))
+            return;
+        const stockTransforms = getFirstStockItemTransforms(context);
+        if (stockTransforms.length) {
+            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);
+        }
+        else {
+            const fadeout = keyframes `
+        to {
+          opacity: 0;
         }
-        return this.duration;
-    };
-    DeleteItemAnimations.prototype.getItemAnimation = function (context, animation) {
-        var item = (0, locators_1.getItemFromContext)(context);
-        var itemLocator = context.locators[item.location.type];
-        if (!(itemLocator === null || itemLocator === void 0 ? void 0 : itemLocator.isItemToAnimate(item, context, animation.move)))
-            return;
-        var stockTransforms = (0, getFirstStockItemTransforms_util_1.getFirstStockItemTransforms)(context);
-        if (stockTransforms.length) {
-            var originTransforms = (0, rotations_utils_1.toSingleRotation)((0, transformItem_util_1.transformItem)(context));
-            var targetTransforms = (0, rotations_utils_1.toSingleRotation)(stockTransforms);
-            (0, rotations_utils_1.toClosestRotations)(originTransforms, targetTransforms);
-            var animationKeyframes = this.getTransformKeyframes(originTransforms.join(' '), targetTransforms.join(' '), animation, context);
-            var description = context.material[context.type];
-            return description === null || description === void 0 ? void 0 : description.getAnimationCss(animationKeyframes, animation.duration);
-        }
-        else {
-            var fadeout = (0, react_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        to {\n          opacity: 0;\n        }\n      "], ["\n        to {\n          opacity: 0;\n        }\n      "])));
-            return (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["animation: ", " ", "s ease-in-out forwards"], ["animation: ", " ", "s ease-in-out forwards"])), fadeout, animation.duration);
-        }
-    };
-    DeleteItemAnimations.prototype.getKeyframesToDestination = function (destination, _animation, _context) {
-        return (0, react_1.keyframes)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      to {\n        transform: ", ";\n      }\n    "], ["\n      to {\n        transform: ", ";\n      }\n    "])), destination);
-    };
-    return DeleteItemAnimations;
-}(ItemAnimations_1.ItemAnimations));
-exports.DeleteItemAnimations = DeleteItemAnimations;
-var templateObject_1, templateObject_2, templateObject_3;
+      `;
+            return css `animation: ${fadeout} ${animation.duration}s ease-in-out forwards`;
+        }
+    }
+    getKeyframesToDestination(destination, _animation, _context) {
+        return keyframes `
+      to {
+        transform: ${destination};
+      }
+    `;
+    }
+}
 //# sourceMappingURL=DeleteItemAnimations.js.map

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,wCAAqE;AAGrE,8CAAmE;AACnE,wDAAsD;AACtD,uFAAgF;AAChF,mDAAiD;AAEjD,qDAAwE;AACxE,2DAAoD;AAEpD;IACU,wCAAuB;IAE/B,8BAAsB,QAAY,EAAY,mBAAyB;QAAjD,yBAAA,EAAA,YAAY;QAAY,oCAAA,EAAA,yBAAyB;QAAvE,YACE,iBAAO,SACR;QAFqB,cAAQ,GAAR,QAAQ,CAAI;QAAY,yBAAmB,GAAnB,mBAAmB,CAAM;;IAEvE,CAAC;IAEQ,6CAAc,GAAvB,UAAwB,IAAuB,EAAE,OAA8C;QAC7F,IAAM,oBAAoB,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,CAAA;QAC3E,IAAI,IAAA,6BAAa,EAAC,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,oBAAoB,CAAC,CAAC,EAAE;YACrE,OAAO,IAAI,CAAC,mBAAmB,CAAA;SAChC;QACD,OAAO,IAAI,CAAC,QAAQ,CAAA;IACtB,CAAC;IAED,+CAAgB,GAAhB,UAAiB,OAA6B,EAAE,SAAmC;QACjF,IAAM,IAAI,GAAG,IAAA,6BAAkB,EAAC,OAAO,CAAC,CAAA;QACxC,IAAM,WAAW,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;QACxD,IAAI,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,eAAe,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC,CAAA;YAAE,OAAM;QACxE,IAAM,eAAe,GAAG,IAAA,8DAA2B,EAAC,OAAO,CAAC,CAAA;QAC5D,IAAI,eAAe,CAAC,MAAM,EAAE;YAC1B,IAAM,gBAAgB,GAAG,IAAA,kCAAgB,EAAC,IAAA,kCAAa,EAAC,OAAO,CAAC,CAAC,CAAA;YACjE,IAAM,gBAAgB,GAAG,IAAA,kCAAgB,EAAC,eAAe,CAAC,CAAA;YAC1D,IAAA,oCAAkB,EAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAA;YACtD,IAAM,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,IAAM,WAAW,GAAG,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;YAClD,OAAO,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,eAAe,CAAC,kBAAkB,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;SAC5E;aAAM;YACL,IAAM,OAAO,OAAG,iBAAS,8HAAA,0DAIxB,IAAA,CAAA;YACD,WAAO,WAAG,gHAAA,aAAc,EAAO,GAAI,EAAkB,wBAAwB,KAArD,OAAO,EAAI,SAAS,CAAC,QAAQ,EAAwB;SAC9E;IACH,CAAC;IAES,wDAAyB,GAAnC,UAAoC,WAAmB,EAAE,UAAwC,EAAE,QAA8B;QAC/H,WAAO,iBAAS,2HAAA,mCAEC,EAAW,kBAE3B,KAFgB,WAAW,EAE3B;IACH,CAAC;IACH,2BAAC;AAAD,CAAC,AA5CD,CACU,+BAAc,GA2CvB;AA5CY,oDAAoB"}
+{"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,kBAAkB,EAAe,MAAM,mBAAmB,CAAA;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AACtD,OAAO,EAAE,2BAA2B,EAAE,MAAM,oCAAoC,CAAA;AAChF,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;QACjF,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,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;IAES,yBAAyB,CAAC,WAAmB,EAAE,UAAwC,EAAE,QAA8B;QAC/H,OAAO,SAAS,CAAA;;qBAEC,WAAW;;KAE3B,CAAA;IACH,CAAC;CACF"}

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

@@ -1,12 +1,12 @@
-import { Interpolation, Theme } from '@emotion/react';
-import { Animation } from '@gamepark/react-client';
-import { DeleteItemsAtOnce } from '@gamepark/rules-api';
-import { ItemContext } from '../../../locators';
-import { ItemAnimations } from './ItemAnimations';
-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);
-    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>;
-}
+import { Interpolation, Theme } from '@emotion/react';
+import { Animation } from '@gamepark/react-client';
+import { DeleteItemsAtOnce } from '@gamepark/rules-api';
+import { ItemContext } from '../../../locators';
+import { ItemAnimations } from './ItemAnimations';
+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);
+    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

@@ -1,63 +1,40 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DeleteItemAtOnceAnimations = void 0;
-var react_1 = require("@emotion/react");
-var getFirstStockItemTransforms_util_1 = require("./getFirstStockItemTransforms.util");
-var ItemAnimations_1 = require("./ItemAnimations");
-var rotations_utils_1 = require("./rotations.utils");
-var transformItem_util_1 = require("./transformItem.util");
-var DeleteItemAtOnceAnimations = /** @class */ (function (_super) {
-    __extends(DeleteItemAtOnceAnimations, _super);
-    function DeleteItemAtOnceAnimations(duration) {
-        if (duration === void 0) { duration = 1; }
-        var _this = _super.call(this) || this;
-        _this.duration = duration;
-        return _this;
-    }
-    DeleteItemAtOnceAnimations.prototype.getPreDuration = function () {
-        return this.duration;
-    };
-    DeleteItemAtOnceAnimations.prototype.getItemAnimation = function (context, animation) {
-        if (context.type === animation.move.itemType && animation.move.indexes.includes(context.index)) {
-            return this.getMovedItemAnimation(context, animation);
+import { css, keyframes } from '@emotion/react';
+import { getFirstStockItemTransforms } from './getFirstStockItemTransforms.util';
+import { ItemAnimations } from './ItemAnimations';
+import { toClosestRotations, toSingleRotation } from './rotations.utils';
+import { transformItem } from './transformItem.util';
+export class DeleteItemAtOnceAnimations extends ItemAnimations {
+    duration;
+    constructor(duration = 1) {
+        super();
+        this.duration = duration;
+    }
+    getPreDuration() {
+        return this.duration;
+    }
+    getItemAnimation(context, animation) {
+        if (context.type === animation.move.itemType && animation.move.indexes.includes(context.index)) {
+            return this.getMovedItemAnimation(context, animation);
+        }
+    }
+    getMovedItemAnimation(context, animation) {
+        const stockTransforms = getFirstStockItemTransforms(context);
+        if (stockTransforms.length) {
+            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);
+        }
+        else {
+            const fadeout = keyframes `
+        to {
+          opacity: 0;
         }
-    };
-    DeleteItemAtOnceAnimations.prototype.getMovedItemAnimation = function (context, animation) {
-        var stockTransforms = (0, getFirstStockItemTransforms_util_1.getFirstStockItemTransforms)(context);
-        if (stockTransforms.length) {
-            var originTransforms = (0, rotations_utils_1.toSingleRotation)((0, transformItem_util_1.transformItem)(context));
-            var targetTransforms = (0, rotations_utils_1.toSingleRotation)(stockTransforms);
-            (0, rotations_utils_1.toClosestRotations)(originTransforms, targetTransforms);
-            var animationKeyframes = this.getTransformKeyframes(originTransforms.join(' '), targetTransforms.join(' '), animation, context);
-            var description = context.material[context.type];
-            return description === null || description === void 0 ? void 0 : description.getAnimationCss(animationKeyframes, animation.duration);
-        }
-        else {
-            var fadeout = (0, react_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        to {\n          opacity: 0;\n        }\n      "], ["\n        to {\n          opacity: 0;\n        }\n      "])));
-            return (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["animation: ", " ", "s ease-in-out forwards"], ["animation: ", " ", "s ease-in-out forwards"])), fadeout, animation.duration);
-        }
-    };
-    return DeleteItemAtOnceAnimations;
-}(ItemAnimations_1.ItemAnimations));
-exports.DeleteItemAtOnceAnimations = DeleteItemAtOnceAnimations;
-var templateObject_1, templateObject_2;
+      `;
+            return css `animation: ${fadeout} ${animation.duration}s ease-in-out forwards`;
+        }
+    }
+}
 //# sourceMappingURL=DeleteItemAtOnceAnimations.js.map

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,wCAAqE;AAIrE,uFAAgF;AAChF,mDAAiD;AACjD,qDAAwE;AACxE,2DAAoD;AAEpD;IACU,8CAAuB;IAE/B,oCAAsB,QAAY;QAAZ,yBAAA,EAAA,YAAY;QAAlC,YACE,iBAAO,SACR;QAFqB,cAAQ,GAAR,QAAQ,CAAI;;IAElC,CAAC;IAEQ,mDAAc,GAAvB;QACE,OAAO,IAAI,CAAC,QAAQ,CAAA;IACtB,CAAC;IAED,qDAAgB,GAAhB,UAAiB,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;YAC9F,OAAO,IAAI,CAAC,qBAAqB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;SACtD;IACH,CAAC;IAED,0DAAqB,GAArB,UAAsB,OAA6B,EAAE,SAA0C;QAC7F,IAAM,eAAe,GAAG,IAAA,8DAA2B,EAAC,OAAO,CAAC,CAAA;QAC5D,IAAI,eAAe,CAAC,MAAM,EAAE;YAC1B,IAAM,gBAAgB,GAAG,IAAA,kCAAgB,EAAC,IAAA,kCAAa,EAAC,OAAO,CAAC,CAAC,CAAA;YACjE,IAAM,gBAAgB,GAAG,IAAA,kCAAgB,EAAC,eAAe,CAAC,CAAA;YAC1D,IAAA,oCAAkB,EAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAA;YACtD,IAAM,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,IAAM,WAAW,GAAG,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;YAClD,OAAO,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,eAAe,CAAC,kBAAkB,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;SAC5E;aAAM;YACL,IAAM,OAAO,OAAG,iBAAS,8HAAA,0DAIxB,IAAA,CAAA;YACD,WAAO,WAAG,gHAAA,aAAc,EAAO,GAAI,EAAkB,wBAAwB,KAArD,OAAO,EAAI,SAAS,CAAC,QAAQ,EAAwB;SAC9E;IACH,CAAC;IACH,iCAAC;AAAD,CAAC,AAnCD,CACU,+BAAc,GAkCvB;AAnCY,gEAA0B"}
+{"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"}

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

@@ -1,11 +1,16 @@
-import { Interpolation, Theme } from '@emotion/react';
-import { Animation, Animations } from '@gamepark/react-client';
-import { DisplayedItem, ItemMove, MaterialGame, MaterialMove } from '@gamepark/rules-api';
-import { ItemContext, MaterialContext } from '../../../locators';
-import { MaterialGameAnimationContext } from './MaterialGameAnimations';
-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>>): 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'>;
-    protected getTransformKeyframes(origin: string, destination: string, _animation: Animation<ItemMove<P, M, L>>, _context: ItemContext<P, M, L>): import("@emotion/serialize").Keyframes;
-}
+import { Interpolation, Theme } from '@emotion/react';
+import { Animation, Animations } from '@gamepark/react-client';
+import { DisplayedItem, ItemMove, MaterialGame, MaterialMove } from '@gamepark/rules-api';
+import { ItemContext, MaterialContext } from '../../../locators';
+import { MaterialGameAnimationContext } from './MaterialGameAnimations';
+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>>): 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'>;
+    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;
+}

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

@@ -1,58 +1,24 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ItemAnimations = void 0;
-var react_1 = require("@emotion/react");
-var react_client_1 = require("@gamepark/react-client");
-var ItemAnimations = /** @class */ (function (_super) {
-    __extends(ItemAnimations, _super);
-    function ItemAnimations() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    ItemAnimations.prototype.getItemAnimation = function (_context, _animation) {
-        return;
-    };
-    ItemAnimations.prototype.getMaterialContext = function (_a) {
-        var Rules = _a.Rules, game = _a.game, material = _a.material, locators = _a.locators, playerId = _a.playerId;
-        return { rules: new Rules(game, { player: playerId }), material: material, locators: locators, player: playerId };
-    };
-    ItemAnimations.prototype.getItemContext = function (context, item) {
-        return __assign(__assign({}, this.getMaterialContext(context)), item);
-    };
-    ItemAnimations.prototype.getTransformKeyframes = function (origin, destination, _animation, _context) {
-        return (0, react_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      from {\n        transform: ", ";\n      }\n      to {\n        transform: ", ";\n      }\n    "], ["\n      from {\n        transform: ", ";\n      }\n      to {\n        transform: ", ";\n      }\n    "])), origin, destination);
-    };
-    return ItemAnimations;
-}(react_client_1.Animations));
-exports.ItemAnimations = ItemAnimations;
-var templateObject_1;
+import { keyframes } from '@emotion/react';
+import { Animations } from '@gamepark/react-client';
+export class ItemAnimations extends Animations {
+    getItemAnimation(_context, _animation) {
+        return;
+    }
+    getMaterialContext({ Rules, game, material, locators, playerId }) {
+        return { rules: new Rules(game, { player: playerId }), material: material, locators: locators, player: playerId };
+    }
+    getItemContext(context, item) {
+        return { ...this.getMaterialContext(context), ...item };
+    }
+    getTransformKeyframes(origin, destination, _animation, _context) {
+        return keyframes `
+      from {
+        transform: ${origin};
+      }
+      to {
+        transform: ${destination};
+      }
+    `;
+    }
+}
 //# 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,wCAAgE;AAChE,uDAA8D;AAK9D;IACU,kCAA2D;IADrE;;IAyBA,CAAC;IAtBC,yCAAgB,GAAhB,UAAiB,QAA8B,EAAE,UAA4C;QAC3F,OAAM;IACR,CAAC;IAED,2CAAkB,GAAlB,UAAmB,EAAoF;YAAlF,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA;QAC5D,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,uCAAc,GAAd,UAAe,OAA8C,EAAE,IAA4C;QACzG,6BAAY,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,GAAK,IAAI,EAAE;IACzD,CAAC;IAES,8CAAqB,GAA/B,UAAgC,MAAc,EAAE,WAAmB,EAAE,UAAwC,EAAE,QAA8B;QAC3I,WAAO,iBAAS,4KAAA,qCAEC,EAAM,6CAGN,EAAW,kBAE3B,KALgB,MAAM,EAGN,WAAW,EAE3B;IACH,CAAC;IACH,qBAAC;AAAD,CAAC,AAzBD,CACU,yBAAU,GAwBnB;AAzBY,wCAAc"}
+{"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;QAC3F,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"}

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

@@ -1,19 +1,19 @@
-import { Interpolation, Theme } from '@emotion/react';
-import { Animation, Animations } from '@gamepark/react-client';
-import { ItemMove, ItemMoveType, MaterialGame, MaterialMove, MaterialRules } from '@gamepark/rules-api';
-import { ItemContext, Locator } from '../../../locators';
-import { MaterialDescription } from '../MaterialDescription';
-import { ItemAnimations } from './ItemAnimations';
-import { MaterialGameAnimationContext } from './MaterialGameAnimations';
-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);
-    getDuration(move: ItemMove<P, M, L>, context: MaterialGameAnimationContext<P, M, L>): number;
-    getItemAnimation(context: ItemContext<P, M, L>, animation: Animation<MaterialMove<P, M, L>>): Interpolation<Theme>;
-}
-export type ItemAnimationContext<P extends number = number, M extends number = number, L extends number = number> = {
-    material: Record<M, MaterialDescription<P, M, L>>;
-    locators: Record<L, Locator<P, M, L>>;
-    rules: MaterialRules<P, M, L>;
-    player?: P;
-};
+import { Interpolation, Theme } from '@emotion/react';
+import { Animation, Animations } from '@gamepark/react-client';
+import { ItemMove, ItemMoveType, MaterialGame, MaterialMove, MaterialRules } from '@gamepark/rules-api';
+import { ItemContext, Locator } from '../../../locators';
+import { MaterialDescription } from '../MaterialDescription';
+import { ItemAnimations } from './ItemAnimations';
+import { MaterialGameAnimationContext } from './MaterialGameAnimations';
+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);
+    getDuration(move: ItemMove<P, M, L>, context: MaterialGameAnimationContext<P, M, L>): number;
+    getItemAnimation(context: ItemContext<P, M, L>, animation: Animation<MaterialMove<P, M, L>>): Interpolation<Theme>;
+}
+export type ItemAnimationContext<P extends number = number, M extends number = number, L extends number = number> = {
+    material: Record<M, MaterialDescription<P, M, L>>;
+    locators: Record<L, Locator<P, M, L>>;
+    rules: MaterialRules<P, M, L>;
+    player?: P;
+};

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

@@ -1,59 +1,33 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MaterialAnimations = void 0;
-var react_client_1 = require("@gamepark/react-client");
-var rules_api_1 = require("@gamepark/rules-api");
-var CreateItemAnimations_1 = require("./CreateItemAnimations");
-var DeleteItemAnimations_1 = require("./DeleteItemAnimations");
-var DeleteItemAtOnceAnimations_1 = require("./DeleteItemAtOnceAnimations");
-var MoveItemAnimations_1 = require("./MoveItemAnimations");
-var MoveItemAtOnceAnimations_1 = require("./MoveItemAtOnceAnimations");
-var RollItemAnimations_1 = require("./RollItemAnimations");
-var ShuffleAnimations_1 = require("./ShuffleAnimations");
-var MaterialAnimations = /** @class */ (function (_super) {
-    __extends(MaterialAnimations, _super);
-    function MaterialAnimations(duration, droppedItemDuration) {
-        var _a;
-        if (duration === void 0) { duration = 1; }
-        if (droppedItemDuration === void 0) { droppedItemDuration = 0.2; }
-        var _this = _super.call(this) || this;
-        _this.animations = (_a = {},
-            _a[rules_api_1.ItemMoveType.Create] = new CreateItemAnimations_1.CreateItemAnimations(duration),
-            _a[rules_api_1.ItemMoveType.Move] = new MoveItemAnimations_1.MoveItemAnimations(duration, droppedItemDuration),
-            _a[rules_api_1.ItemMoveType.MoveAtOnce] = new MoveItemAtOnceAnimations_1.MoveItemAtOnceAnimations(duration),
-            _a[rules_api_1.ItemMoveType.Delete] = new DeleteItemAnimations_1.DeleteItemAnimations(duration, droppedItemDuration),
-            _a[rules_api_1.ItemMoveType.DeleteAtOnce] = new DeleteItemAtOnceAnimations_1.DeleteItemAtOnceAnimations(duration),
-            _a[rules_api_1.ItemMoveType.Shuffle] = new ShuffleAnimations_1.ShuffleAnimations(0),
-            _a[rules_api_1.ItemMoveType.Roll] = new RollItemAnimations_1.RollItemAnimations(duration),
-            _a);
-        return _this;
-    }
-    MaterialAnimations.prototype.getDuration = function (move, context) {
-        var _a, _b;
-        return (_b = (_a = this.animations[move.type]) === null || _a === void 0 ? void 0 : _a.getDuration(move, context)) !== null && _b !== void 0 ? _b : 0;
-    };
-    MaterialAnimations.prototype.getItemAnimation = function (context, animation) {
-        var _a;
-        if (animation.move.kind !== rules_api_1.MoveKind.ItemMove)
-            return;
-        return (_a = this.animations[animation.move.type]) === null || _a === void 0 ? void 0 : _a.getItemAnimation(context, animation);
-    };
-    return MaterialAnimations;
-}(react_client_1.Animations));
-exports.MaterialAnimations = MaterialAnimations;
+import { Animations } from '@gamepark/react-client';
+import { ItemMoveType, MoveKind } from '@gamepark/rules-api';
+import { CreateItemAnimations } from './CreateItemAnimations';
+import { DeleteItemAnimations } from './DeleteItemAnimations';
+import { DeleteItemAtOnceAnimations } from './DeleteItemAtOnceAnimations';
+import { MoveItemAnimations } from './MoveItemAnimations';
+import { MoveItemAtOnceAnimations } from './MoveItemAtOnceAnimations';
+import { RollItemAnimations } from './RollItemAnimations';
+import { ShuffleAnimations } from './ShuffleAnimations';
+export class MaterialAnimations extends Animations {
+    animations;
+    constructor(duration = 1, droppedItemDuration = 0.2) {
+        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.Shuffle]: new ShuffleAnimations(0),
+            [ItemMoveType.Roll]: new RollItemAnimations(duration)
+        };
+    }
+    getDuration(move, context) {
+        return this.animations[move.type]?.getDuration(move, context) ?? 0;
+    }
+    getItemAnimation(context, animation) {
+        if (animation.move.kind !== MoveKind.ItemMove)
+            return;
+        return this.animations[animation.move.type]?.getItemAnimation(context, animation);
+    }
+}
 //# sourceMappingURL=MaterialAnimations.js.map