@gamepark/react-game 6.0.0-alpha.0 → 6.2.0

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

@@ -0,0 +1,72 @@
+"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.CreateItemAnimations = void 0;
+var ItemAnimations_1 = require("./ItemAnimations");
+var rules_api_1 = require("@gamepark/rules-api");
+var react_1 = require("@emotion/react");
+var css_1 = require("../../../css");
+var getFirstStockItemTransforms_util_1 = require("./getFirstStockItemTransforms.util");
+var adjustRotation_1 = require("./adjustRotation");
+var transformItem_util_1 = require("./transformItem.util");
+var itemMovementCss_util_1 = require("./itemMovementCss.util");
+var CreateItemAnimations = /** @class */ (function (_super) {
+    __extends(CreateItemAnimations, _super);
+    function CreateItemAnimations(duration) {
+        if (duration === void 0) { duration = 1; }
+        var _this = _super.call(this) || this;
+        _this.duration = duration;
+        return _this;
+    }
+    CreateItemAnimations.prototype.getPostDuration = function (_move, _context) {
+        return this.duration;
+    };
+    CreateItemAnimations.prototype.getItemAnimation = function (context, animation) {
+        if (!this.isItemToAnimate(context, animation))
+            return;
+        var stockTransforms = (0, getFirstStockItemTransforms_util_1.getFirstStockItemTransforms)(context);
+        if (stockTransforms) {
+            var targetTransform = (0, adjustRotation_1.adjustRotation)(stockTransforms, (0, transformItem_util_1.transformItem)(context)).join(' ');
+            var animationKeyframes = this.getKeyframesFromOrigin(targetTransform, animation, context);
+            return (0, itemMovementCss_util_1.movementAnimationCss)(animationKeyframes, animation.duration);
+        }
+        else {
+            return (0, css_1.fadeIn)(animation.duration);
+        }
+    };
+    CreateItemAnimations.prototype.isItemToAnimate = function (_a, animation) {
+        var _b, _c;
+        var game = _a.game, type = _a.type, index = _a.index, displayIndex = _a.displayIndex;
+        var item = game.items[type][index];
+        if (animation.move.itemType !== type || !(0, rules_api_1.itemsCanMerge)(item, animation.move.item))
+            return false;
+        var quantity = (_b = item.quantity) !== null && _b !== void 0 ? _b : 1;
+        var createdQuantity = (_c = animation.move.item.quantity) !== null && _c !== void 0 ? _c : 1;
+        return displayIndex >= quantity - createdQuantity;
+    };
+    CreateItemAnimations.prototype.getKeyframesFromOrigin = function (origin, _animation, _context) {
+        return (0, react_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      from {\n        transform: ", ";\n      }\n    "], ["\n      from {\n        transform: ", ";\n      }\n    "])), origin);
+    };
+    return CreateItemAnimations;
+}(ItemAnimations_1.ItemAnimations));
+exports.CreateItemAnimations = CreateItemAnimations;
+var templateObject_1;
+//# sourceMappingURL=CreateItemAnimations.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CreateItemAnimations.js","sourceRoot":"","sources":["../../../../src/components/material/animations/CreateItemAnimations.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,mDAAiD;AACjD,iDAAyE;AAGzE,wCAAgE;AAChE,oCAAqC;AACrC,uFAAgF;AAChF,mDAAiD;AACjD,2DAAoD;AACpD,+DAA6D;AAG7D;IACU,wCAAuB;IAE/B,8BAAsB,QAAY;QAAZ,yBAAA,EAAA,YAAY;QAAlC,YACE,iBAAO,SACR;QAFqB,cAAQ,GAAR,QAAQ,CAAI;;IAElC,CAAC;IAEQ,8CAAe,GAAxB,UAAyB,KAA0B,EAAE,QAA2C;QAC9F,OAAO,IAAI,CAAC,QAAQ,CAAA;IACtB,CAAC;IAED,+CAAgB,GAAhB,UAAiB,OAA6B,EAAE,SAAyC;QACvF,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,SAAS,CAAC;YAAE,OAAM;QACrD,IAAM,eAAe,GAAG,IAAA,8DAA2B,EAAC,OAAO,CAAC,CAAA;QAC5D,IAAI,eAAe,EAAE;YACnB,IAAM,eAAe,GAAG,IAAA,+BAAc,EAAC,eAAe,EAAE,IAAA,kCAAa,EAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;YACzF,IAAM,kBAAkB,GAAG,IAAI,CAAC,sBAAsB,CAAC,eAAe,EAAE,SAAS,EAAE,OAAO,CAAC,CAAA;YAC3F,OAAO,IAAA,2CAAoB,EAAC,kBAAkB,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;SACpE;aAAM;YACL,OAAO,IAAA,YAAM,EAAC,SAAS,CAAC,QAAQ,CAAC,CAAA;SAClC;IACH,CAAC;IAED,8CAAe,GAAf,UAAgB,EAAyD,EAAE,SAAyC;;YAAlG,IAAI,UAAA,EAAE,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,YAAY,kBAAA;QAC/C,IAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAE,CAAC,KAAK,CAAC,CAAA;QACrC,IAAI,SAAS,CAAC,IAAI,CAAC,QAAQ,KAAK,IAAI,IAAI,CAAC,IAAA,yBAAa,EAAC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;YAAE,OAAO,KAAK,CAAA;QAC/F,IAAM,QAAQ,GAAG,MAAA,IAAI,CAAC,QAAQ,mCAAI,CAAC,CAAA;QACnC,IAAM,eAAe,GAAG,MAAA,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,mCAAI,CAAC,CAAA;QACzD,OAAO,YAAY,IAAI,QAAQ,GAAG,eAAe,CAAA;IACnD,CAAC;IAES,qDAAsB,GAAhC,UAAiC,MAAc,EAAE,UAAwC,EAAE,QAA8B;QACvH,WAAO,iBAAS,6HAAA,qCAEC,EAAM,kBAEtB,KAFgB,MAAM,EAEtB;IACH,CAAC;IACH,2BAAC;AAAD,CAAC,AAtCD,CACU,+BAAc,GAqCvB;AAtCY,oDAAoB"}

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

@@ -0,0 +1,14 @@
+import { ItemContext } from '../../../locators';
+import { Animation } from '@gamepark/react-client';
+import { DeleteItem, ItemMove, MoveItem } from '@gamepark/rules-api';
+import { Interpolation, Theme } from '@emotion/react';
+import { ItemAnimations } from './ItemAnimations';
+import { MaterialAnimationContext } 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: MaterialAnimationContext<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;
+}

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

@@ -0,0 +1,80 @@
+"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.DeleteItemAnimations = void 0;
+var react_1 = require("@emotion/react");
+var adjustRotation_1 = require("./adjustRotation");
+var transformItem_util_1 = require("./transformItem.util");
+var itemMovementCss_util_1 = require("./itemMovementCss.util");
+var getFirstStockItemTransforms_util_1 = require("./getFirstStockItemTransforms.util");
+var ItemAnimations_1 = require("./ItemAnimations");
+var isMovedOrDeletedItem_util_1 = require("./isMovedOrDeletedItem.util");
+var isDroppedItem_1 = require("../utils/isDroppedItem");
+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 _a, _b;
+        if ((0, isDroppedItem_1.isDroppedItem)(__assign(__assign({}, context), { type: move.itemType, index: move.itemIndex, displayIndex: (_b = (_a = context.game.droppedItem) === null || _a === void 0 ? void 0 : _a.displayIndex) !== null && _b !== void 0 ? _b : 0 }))) {
+            return this.droppedItemDuration;
+        }
+        return this.duration;
+    };
+    DeleteItemAnimations.prototype.getItemAnimation = function (context, animation) {
+        if (!(0, isMovedOrDeletedItem_util_1.isMovedOrDeletedItem)(context, animation.move))
+            return;
+        var stockLocation = (0, getFirstStockItemTransforms_util_1.getFirstStockItemTransforms)(context);
+        if (stockLocation) {
+            var targetTransform = (0, adjustRotation_1.adjustRotation)(stockLocation, (0, transformItem_util_1.transformItem)(context)).join(' ');
+            var animationKeyframes = this.getKeyframesToDestination(targetTransform, animation, context);
+            return (0, itemMovementCss_util_1.movementAnimationCss)(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;
+//# sourceMappingURL=DeleteItemAnimations.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteItemAnimations.js","sourceRoot":"","sources":["../../../../src/components/material/animations/DeleteItemAnimations.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,wCAAqE;AACrE,mDAAiD;AACjD,2DAAoD;AACpD,+DAA6D;AAC7D,uFAAgF;AAChF,mDAAiD;AACjD,yEAAkE;AAElE,wDAAsD;AAEtD;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,OAA0C;;QACzF,IAAI,IAAA,6BAAa,wBAAM,OAAO,KAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,YAAY,EAAE,MAAA,MAAA,OAAO,CAAC,IAAI,CAAC,WAAW,0CAAE,YAAY,mCAAI,CAAC,IAAG,EAAE;YACxI,OAAO,IAAI,CAAC,mBAAmB,CAAA;SAChC;QACD,OAAO,IAAI,CAAC,QAAQ,CAAA;IACtB,CAAC;IAED,+CAAgB,GAAhB,UAAiB,OAA6B,EAAE,SAAmC;QACjF,IAAI,CAAC,IAAA,gDAAoB,EAAC,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC;YAAE,OAAM;QAC1D,IAAM,aAAa,GAAG,IAAA,8DAA2B,EAAC,OAAO,CAAC,CAAA;QAC1D,IAAI,aAAa,EAAE;YACjB,IAAM,eAAe,GAAG,IAAA,+BAAc,EAAC,aAAa,EAAE,IAAA,kCAAa,EAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;YACvF,IAAM,kBAAkB,GAAG,IAAI,CAAC,yBAAyB,CAAC,eAAe,EAAE,SAAS,EAAE,OAAO,CAAC,CAAA;YAC9F,OAAO,IAAA,2CAAoB,EAAC,kBAAkB,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;SACpE;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,AAtCD,CACU,+BAAc,GAqCvB;AAtCY,oDAAoB"}

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

@@ -0,0 +1,7 @@
+import { Animation, Animations } from '@gamepark/react-client';
+import { MaterialGame, MaterialMove } from '@gamepark/rules-api';
+import { ItemContext } from '../../../locators';
+import { Interpolation, Theme } from '@emotion/react';
+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>;
+}

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

@@ -0,0 +1,31 @@
+"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.ItemAnimations = void 0;
+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;
+    };
+    return ItemAnimations;
+}(react_client_1.Animations));
+exports.ItemAnimations = ItemAnimations;
+//# sourceMappingURL=ItemAnimations.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ItemAnimations.js","sourceRoot":"","sources":["../../../../src/components/material/animations/ItemAnimations.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,uDAA8D;AAK9D;IACU,kCAA2D;IADrE;;IAMA,CAAC;IAHC,yCAAgB,GAAhB,UAAiB,QAA8B,EAAE,UAA4C;QAC3F,OAAM;IACR,CAAC;IACH,qBAAC;AAAD,CAAC,AAND,CACU,yBAAU,GAKnB;AANY,wCAAc"}

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

@@ -0,0 +1,19 @@
+import { Animation, Animations } from '@gamepark/react-client';
+import { ItemMove, ItemMoveType, MaterialGame, MaterialMove, MaterialRules } from '@gamepark/rules-api';
+import { Interpolation, Theme } from '@emotion/react';
+import { ItemContext, ItemLocator } from '../../../locators';
+import { MaterialDescription } from '../MaterialDescription';
+import { ItemAnimations } from './ItemAnimations';
+import { MaterialAnimationContext } 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: Record<ItemMoveType, ItemAnimations<P, M, L>>;
+    constructor(duration?: number, droppedItemDuration?: number);
+    getDuration(move: ItemMove<P, M, L>, context: MaterialAnimationContext<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, ItemLocator<P, M, L>>;
+    rules: MaterialRules<P, M, L>;
+    player?: P;
+};

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

@@ -0,0 +1,51 @@
+"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 ShuffleAnimations_1 = require("./ShuffleAnimations");
+var DeleteItemAnimations_1 = require("./DeleteItemAnimations");
+var MoveItemAnimations_1 = require("./MoveItemAnimations");
+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.Delete] = new DeleteItemAnimations_1.DeleteItemAnimations(duration, droppedItemDuration),
+            _a[rules_api_1.ItemMoveType.Shuffle] = new ShuffleAnimations_1.ShuffleAnimations(duration),
+            _a);
+        return _this;
+    }
+    MaterialAnimations.prototype.getDuration = function (move, context) {
+        return this.animations[move.type].getDuration(move, context);
+    };
+    MaterialAnimations.prototype.getItemAnimation = function (context, animation) {
+        if (animation.move.kind !== rules_api_1.MoveKind.ItemMove)
+            return;
+        return this.animations[animation.move.type].getItemAnimation(context, animation);
+    };
+    return MaterialAnimations;
+}(react_client_1.Animations));
+exports.MaterialAnimations = MaterialAnimations;
+//# sourceMappingURL=MaterialAnimations.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MaterialAnimations.js","sourceRoot":"","sources":["../../../../src/components/material/animations/MaterialAnimations.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,uDAA8D;AAC9D,iDAAiH;AAKjH,+DAA6D;AAC7D,yDAAuD;AACvD,+DAA6D;AAC7D,2DAAyD;AAGzD;IACU,sCAA2D;IAInE,4BAAY,QAAY,EAAE,mBAAyB;;QAAvC,yBAAA,EAAA,YAAY;QAAE,oCAAA,EAAA,yBAAyB;QAAnD,YACE,iBAAO,SAOR;QANC,KAAI,CAAC,UAAU;YACb,GAAC,wBAAY,CAAC,MAAM,IAAG,IAAI,2CAAoB,CAAC,QAAQ,CAAC;YACzD,GAAC,wBAAY,CAAC,IAAI,IAAG,IAAI,uCAAkB,CAAC,QAAQ,EAAE,mBAAmB,CAAC;YAC1E,GAAC,wBAAY,CAAC,MAAM,IAAG,IAAI,2CAAoB,CAAC,QAAQ,EAAE,mBAAmB,CAAC;YAC9E,GAAC,wBAAY,CAAC,OAAO,IAAG,IAAI,qCAAiB,CAAC,QAAQ,CAAC;eACxD,CAAA;;IACH,CAAC;IAED,wCAAW,GAAX,UAAY,IAAuB,EAAE,OAA0C;QAC7E,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;IAC9D,CAAC;IAED,6CAAgB,GAAhB,UAAiB,OAA6B,EAAE,SAA2C;QACzF,IAAI,SAAS,CAAC,IAAI,CAAC,IAAI,KAAK,oBAAQ,CAAC,QAAQ;YAAE,OAAM;QACrD,OAAO,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;IAClF,CAAC;IACH,yBAAC;AAAD,CAAC,AAvBD,CACU,yBAAU,GAsBnB;AAvBY,gDAAkB"}

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

@@ -0,0 +1,11 @@
+import { AnimationContext, Animations } from '@gamepark/react-client';
+import { MaterialGame, MaterialMove } from '@gamepark/rules-api';
+import { MaterialAnimations } from './MaterialAnimations';
+import { MaterialContext } from '../../../locators';
+export type MaterialAnimationContext<P extends number = number, M extends number = number, L extends number = number> = AnimationContext<MaterialGame<P, M, L>, MaterialMove<P, M, L>, P> & MaterialContext<P, M, L>;
+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> {
+    readonly itemsAnimations: Partial<Record<M, MaterialAnimations<P, M, L>>>;
+    constructor(itemsAnimations?: Partial<Record<M, MaterialAnimations<P, M, L>>>);
+    getMaterialAnimations(materialType: M): MaterialAnimations<P, M, L>;
+    getDuration(move: MaterialMove<P, M, L>, context: MaterialAnimationContext<P, M, L>): number;
+}

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

@@ -0,0 +1,42 @@
+"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.MaterialGameAnimations = void 0;
+var react_client_1 = require("@gamepark/react-client");
+var rules_api_1 = require("@gamepark/rules-api");
+var MaterialAnimations_1 = require("./MaterialAnimations");
+var MaterialGameAnimations = /** @class */ (function (_super) {
+    __extends(MaterialGameAnimations, _super);
+    function MaterialGameAnimations(itemsAnimations) {
+        if (itemsAnimations === void 0) { itemsAnimations = {}; }
+        var _this = _super.call(this) || this;
+        _this.itemsAnimations = itemsAnimations;
+        return _this;
+    }
+    MaterialGameAnimations.prototype.getMaterialAnimations = function (materialType) {
+        var _a;
+        return (_a = this.itemsAnimations[materialType]) !== null && _a !== void 0 ? _a : new MaterialAnimations_1.MaterialAnimations();
+    };
+    MaterialGameAnimations.prototype.getDuration = function (move, context) {
+        if (move.kind !== rules_api_1.MoveKind.ItemMove)
+            return 0;
+        return this.getMaterialAnimations(move.itemType).getDuration(move, context);
+    };
+    return MaterialGameAnimations;
+}(react_client_1.Animations));
+exports.MaterialGameAnimations = MaterialGameAnimations;
+//# sourceMappingURL=MaterialGameAnimations.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MaterialGameAnimations.js","sourceRoot":"","sources":["../../../../src/components/material/animations/MaterialGameAnimations.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,uDAAqE;AACrE,iDAA0E;AAC1E,2DAAyD;AAMzD;IACU,0CAA2D;IAInE,gCAAY,eAAqE;QAArE,gCAAA,EAAA,oBAAqE;QAAjF,YACE,iBAAO,SAER;QADC,KAAI,CAAC,eAAe,GAAG,eAAe,CAAA;;IACxC,CAAC;IAED,sDAAqB,GAArB,UAAsB,YAAe;;QACnC,OAAO,MAAA,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,mCAAI,IAAI,uCAAkB,EAAE,CAAA;IACvE,CAAC;IAEQ,4CAAW,GAApB,UAAqB,IAA2B,EAAE,OAA0C;QAC1F,IAAI,IAAI,CAAC,IAAI,KAAK,oBAAQ,CAAC,QAAQ;YAAE,OAAO,CAAC,CAAA;QAC7C,OAAO,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;IAC7E,CAAC;IACH,6BAAC;AAAD,CAAC,AAlBD,CACU,yBAAU,GAiBnB;AAlBY,wDAAsB"}

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

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

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

@@ -0,0 +1,105 @@
+"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.MoveItemAnimations = void 0;
+var ItemAnimations_1 = require("./ItemAnimations");
+var react_1 = require("@emotion/react");
+var adjustRotation_1 = require("./adjustRotation");
+var transformItem_util_1 = require("./transformItem.util");
+var itemMovementCss_util_1 = require("./itemMovementCss.util");
+var isMovedOrDeletedItem_util_1 = require("./isMovedOrDeletedItem.util");
+var isPlacedOnItem_1 = require("../utils/isPlacedOnItem");
+var getItemFromContext_1 = require("../utils/getItemFromContext");
+var isDroppedItem_1 = require("../utils/isDroppedItem");
+var MoveItemAnimations = /** @class */ (function (_super) {
+    __extends(MoveItemAnimations, _super);
+    function MoveItemAnimations(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;
+    }
+    MoveItemAnimations.prototype.getPreDuration = function (move, context) {
+        var _a, _b;
+        if ((0, isDroppedItem_1.isDroppedItem)(__assign(__assign({}, context), { type: move.itemType, index: move.itemIndex, displayIndex: (_b = (_a = context.game.droppedItem) === null || _a === void 0 ? void 0 : _a.displayIndex) !== null && _b !== void 0 ? _b : 0 }))) {
+            return this.droppedItemDuration;
+        }
+        return this.duration;
+    };
+    MoveItemAnimations.prototype.getItemAnimation = function (context, animation) {
+        if ((0, isMovedOrDeletedItem_util_1.isMovedOrDeletedItem)(context, animation.move)) {
+            return this.getMovedItemAnimation(context, animation);
+        }
+        var item = (0, getItemFromContext_1.getItemFromContext)(context);
+        if ((0, isPlacedOnItem_1.isPlacedOnItem)(item, { type: animation.move.itemType, index: animation.move.itemIndex }, context)) {
+            return this.getChildItemAnimation(item, context, animation);
+        }
+    };
+    MoveItemAnimations.prototype.getMovedItemAnimation = function (context, animation) {
+        var _a, _b;
+        var type = context.type, game = context.game, Rules = context.Rules, locators = context.locators;
+        var futureGame = JSON.parse(JSON.stringify(game));
+        var rules = new Rules(futureGame);
+        var mutator = rules.mutator(type);
+        var futureIndex = mutator.move(animation.move);
+        var futureItem = mutator.items[futureIndex];
+        // TODO: if animation.move.quantity > 1, we will have to give a different target to each moving item. Formula bellow works only if 1 item moves
+        var futureDisplayIndex = ((_a = futureItem.quantity) !== null && _a !== void 0 ? _a : 1) - ((_b = animation.move.quantity) !== null && _b !== void 0 ? _b : 1);
+        var targetLocator = locators[futureItem.location.type];
+        var futureContext = __assign(__assign({}, context), { game: futureGame, type: type, index: futureIndex, displayIndex: futureDisplayIndex });
+        var targetTransforms = targetLocator.transformItem(futureItem, futureContext);
+        var targetTransform = (0, adjustRotation_1.adjustRotation)(targetTransforms, (0, transformItem_util_1.transformItem)(context)).join(' ');
+        var animationKeyframes = this.getKeyframesToDestination(targetTransform, animation, context);
+        return (0, itemMovementCss_util_1.movementAnimationCss)(animationKeyframes, animation.duration);
+    };
+    MoveItemAnimations.prototype.getChildItemAnimation = function (item, context, animation) {
+        var game = context.game, Rules = context.Rules, locators = context.locators;
+        var futureGame = JSON.parse(JSON.stringify(game));
+        var rules = new Rules(futureGame);
+        rules.play(animation.move);
+        var targetLocator = locators[item.location.type];
+        var futureContext = __assign(__assign({}, context), { game: futureGame });
+        var targetTransforms = targetLocator.transformItem(item, futureContext);
+        var targetTransform = (0, adjustRotation_1.adjustRotation)(targetTransforms, (0, transformItem_util_1.transformItem)(context)).join(' ');
+        var animationKeyframes = this.getKeyframesToDestination(targetTransform, animation, context);
+        return (0, itemMovementCss_util_1.movementAnimationCss)(animationKeyframes, animation.duration);
+    };
+    MoveItemAnimations.prototype.getKeyframesToDestination = function (destination, _animation, _context) {
+        return (0, react_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      to {\n        transform: ", ";\n      }\n    "], ["\n      to {\n        transform: ", ";\n      }\n    "])), destination);
+    };
+    return MoveItemAnimations;
+}(ItemAnimations_1.ItemAnimations));
+exports.MoveItemAnimations = MoveItemAnimations;
+var templateObject_1;
+//# sourceMappingURL=MoveItemAnimations.js.map

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

@@ -0,0 +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/ShuffleAnimations.d.ts

@@ -0,0 +1,8 @@
+import { ItemAnimations } from './ItemAnimations';
+import { CreateItem } from '@gamepark/rules-api';
+import { MaterialAnimationContext } from './MaterialGameAnimations';
+export declare class ShuffleAnimations<P extends number = number, M extends number = number, L extends number = number> extends ItemAnimations<P, M, L> {
+    private duration;
+    constructor(duration?: number);
+    getPostDuration(_move: CreateItem<P, M, L>, _context: MaterialAnimationContext<P, M, L>): number;
+}

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

@@ -0,0 +1,34 @@
+"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.ShuffleAnimations = void 0;
+var ItemAnimations_1 = require("./ItemAnimations");
+var ShuffleAnimations = /** @class */ (function (_super) {
+    __extends(ShuffleAnimations, _super);
+    function ShuffleAnimations(duration) {
+        if (duration === void 0) { duration = 1; }
+        var _this = _super.call(this) || this;
+        _this.duration = duration;
+        return _this;
+    }
+    ShuffleAnimations.prototype.getPostDuration = function (_move, _context) {
+        return this.duration;
+    };
+    return ShuffleAnimations;
+}(ItemAnimations_1.ItemAnimations));
+exports.ShuffleAnimations = ShuffleAnimations;
+//# sourceMappingURL=ShuffleAnimations.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShuffleAnimations.js","sourceRoot":"","sources":["../../../../src/components/material/animations/ShuffleAnimations.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,mDAAiD;AAIjD;IACU,qCAAuB;IAE/B,2BAAoB,QAAY;QAAZ,yBAAA,EAAA,YAAY;QAAhC,YACE,iBAAO,SACR;QAFmB,cAAQ,GAAR,QAAQ,CAAI;;IAEhC,CAAC;IAEQ,2CAAe,GAAxB,UAAyB,KAA0B,EAAE,QAA2C;QAC9F,OAAO,IAAI,CAAC,QAAQ,CAAA;IACtB,CAAC;IAGH,wBAAC;AAAD,CAAC,AAZD,CACU,+BAAc,GAWvB;AAZY,8CAAiB"}

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

@@ -0,0 +1 @@
+export declare const adjustRotation: (targetTransforms: string[], sourceTransforms: string[]) => string[];

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

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.adjustRotation = void 0;
+var adjustRotation = function (targetTransforms, sourceTransforms) {
+    var result = [];
+    var sourceRotation = sumRotationsDegrees(sourceTransforms);
+    var targetRotation = sumRotationsDegrees(targetTransforms);
+    for (var axis in sourceRotation) {
+        var delta = Math.round((sourceRotation[axis] - targetRotation[axis]) / 360);
+        if (delta)
+            result.push("rotate".concat(axis.toUpperCase(), "(").concat(delta * 360, "deg)"));
+    }
+    return targetTransforms.concat(result);
+};
+exports.adjustRotation = adjustRotation;
+var sumRotationsDegrees = function (transforms) {
+    var rotations = { x: 0, y: 0, z: 0 };
+    for (var _i = 0, transforms_1 = transforms; _i < transforms_1.length; _i++) {
+        var transform = transforms_1[_i];
+        var rotateMatch = transform.match(/rotate([^(]*)\((-?\d+.?\d*)([^)]*)\)/);
+        if (rotateMatch) {
+            var axis = rotateMatch[1].toLowerCase(), value = parseFloat(rotateMatch[2]), unit = rotateMatch[3];
+            if (axis in rotations) {
+                switch (unit) {
+                    case 'deg':
+                        rotations[axis] += value;
+                        break;
+                    case 'rad':
+                        rotations[axis] += value * 180 / Math.PI;
+                        break;
+                }
+            }
+        }
+    }
+    return rotations;
+};
+//# sourceMappingURL=adjustRotation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"adjustRotation.js","sourceRoot":"","sources":["../../../../src/components/material/animations/adjustRotation.ts"],"names":[],"mappings":";;;AAEO,IAAM,cAAc,GAAG,UAAC,gBAA0B,EAAE,gBAA0B;IACnF,IAAM,MAAM,GAAa,EAAE,CAAA;IAC3B,IAAM,cAAc,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;IAC5D,IAAM,cAAc,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;IAC5D,KAAK,IAAM,IAAI,IAAI,cAAc,EAAE;QACjC,IAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC,GAAG,GAAG,CAAC,CAAA;QAC7E,IAAI,KAAK;YAAE,MAAM,CAAC,IAAI,CAAC,gBAAS,IAAI,CAAC,WAAW,EAAE,cAAI,KAAK,GAAG,GAAG,SAAM,CAAC,CAAA;KACzE;IACD,OAAO,gBAAgB,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;AACxC,CAAC,CAAA;AATY,QAAA,cAAc,kBAS1B;AAED,IAAM,mBAAmB,GAAG,UAAC,UAAoB;IAC/C,IAAM,SAAS,GAAgB,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAA;IACnD,KAAwB,UAAU,EAAV,yBAAU,EAAV,wBAAU,EAAV,IAAU,EAAE;QAA/B,IAAM,SAAS,mBAAA;QAClB,IAAM,WAAW,GAAG,SAAS,CAAC,KAAK,CAAC,sCAAsC,CAAC,CAAA;QAC3E,IAAI,WAAW,EAAE;YACf,IAAM,IAAI,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,EAAE,KAAK,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,GAAG,WAAW,CAAC,CAAC,CAAC,CAAA;YACpG,IAAI,IAAI,IAAI,SAAS,EAAE;gBACrB,QAAQ,IAAI,EAAE;oBACZ,KAAK,KAAK;wBACR,SAAS,CAAC,IAAI,CAAC,IAAI,KAAK,CAAA;wBACxB,MAAK;oBACP,KAAK,KAAK;wBACR,SAAS,CAAC,IAAI,CAAC,IAAI,KAAK,GAAG,GAAG,GAAG,IAAI,CAAC,EAAE,CAAA;wBACxC,MAAK;iBACR;aACF;SACF;KACF;IACD,OAAO,SAAS,CAAA;AAClB,CAAC,CAAA"}

package/dist/components/material/animations/getFirstStockItemTransforms.util.d.ts

@@ -0,0 +1,2 @@
+import { ItemContext } from '../../../locators';
+export declare const getFirstStockItemTransforms: <P extends number = number, M extends number = number, L extends number = number>(context: ItemContext<P, M, L>) => string[];

package/dist/components/material/animations/getFirstStockItemTransforms.util.js

@@ -0,0 +1,32 @@
+"use strict";
+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);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFirstStockItemTransforms = void 0;
+var fast_deep_equal_1 = __importDefault(require("fast-deep-equal"));
+var getFirstStockItemTransforms = function (context) {
+    var game = context.game, type = context.type, index = context.index, locators = context.locators, material = context.material;
+    var item = game.items[type][index];
+    var description = material[type];
+    var stockLocation = description.getStockLocation(item, context);
+    if (!stockLocation)
+        return [];
+    var stockItem = description.getStaticItems(context).find(function (item) { return (0, fast_deep_equal_1.default)(item.location, stockLocation); });
+    var displayIndex = (stockItem === null || stockItem === void 0 ? void 0 : stockItem.quantity) ? stockItem.quantity - 1 : 0;
+    var stockLocator = locators[stockLocation.type];
+    return stockLocator.transformItem(stockItem !== null && stockItem !== void 0 ? stockItem : { location: stockLocation }, __assign(__assign({}, context), { index: 0, displayIndex: displayIndex }));
+};
+exports.getFirstStockItemTransforms = getFirstStockItemTransforms;
+//# sourceMappingURL=getFirstStockItemTransforms.util.js.map