@gamepark/react-game 6.0.0-alpha.0

package/dist/components/material/MaterialAnimations.js

@@ -0,0 +1,172 @@
+"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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+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 react_1 = require("@emotion/react");
+var MaterialAnimations = /** @class */ (function (_super) {
+    __extends(MaterialAnimations, _super);
+    function MaterialAnimations() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    MaterialAnimations.prototype.getPreDuration = function (move, context) {
+        var _a, _b;
+        switch (move.type) {
+            case rules_api_1.ItemMoveType.Move:
+            case rules_api_1.ItemMoveType.Delete:
+                if (((_a = context.state.droppedItem) === null || _a === void 0 ? void 0 : _a.type) === move.itemType && ((_b = context.state.droppedItem) === null || _b === void 0 ? void 0 : _b.index) === move.itemIndex) {
+                    return 0.2;
+                }
+                return this.moveDuration(move, context);
+            default:
+                return 0;
+        }
+    };
+    MaterialAnimations.prototype.getPostDuration = function (move, context) {
+        switch (move.type) {
+            case rules_api_1.ItemMoveType.Create:
+                return this.moveDuration(move, context);
+            default:
+                return 0;
+        }
+    };
+    MaterialAnimations.prototype.moveDuration = function (_move, _context) {
+        return 1;
+    };
+    MaterialAnimations.prototype.getItemAnimation = function (item, animation, context) {
+        switch (animation.move.type) {
+            case rules_api_1.ItemMoveType.Create:
+                return this.getCreateItemAnimation(item, animation, context);
+            case rules_api_1.ItemMoveType.Move:
+                return this.getMoveItemAnimation(item, animation, context);
+            case rules_api_1.ItemMoveType.Delete:
+                return this.getDeleteItemAnimation(item, animation, context);
+        }
+    };
+    MaterialAnimations.prototype.getCreateItemAnimation = function (item, animation, context) {
+        var stockLocation = this.getStockLocation(item.type, context);
+        if (stockLocation) {
+            var origin_1 = this.closestItemRotation(stockLocation, item, context);
+            var animationKeyframes = this.getKeyframesFromOrigin(origin_1, item, animation, context);
+            return (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["animation: ", " ", "s ease-in-out"], ["animation: ", " ", "s ease-in-out"])), animationKeyframes, animation.duration);
+        }
+        else {
+            return this.fadein(animation.duration);
+        }
+    };
+    MaterialAnimations.prototype.fadein = function (duration) {
+        var fadein = (0, react_1.keyframes)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      from {\n        opacity: 0;\n      }\n    "], ["\n      from {\n        opacity: 0;\n      }\n    "])));
+        return (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["animation: ", " ", "s ease-in-out"], ["animation: ", " ", "s ease-in-out"])), fadein, duration);
+    };
+    MaterialAnimations.prototype.getStockLocation = function (itemType, _a) {
+        var _b, _c;
+        var rules = _a.rules, context = __rest(_a, ["rules"]);
+        var type = itemType;
+        var stock = context.material[type].stock;
+        if (!stock)
+            return;
+        var stockItem = (_c = (_b = context.material[type]).items) === null || _c === void 0 ? void 0 : _c.call(_b, rules.game, context.player).find(function (item) { return item.location.type === stock.location.type; });
+        var index = (stockItem === null || stockItem === void 0 ? void 0 : stockItem.quantity) ? stockItem.quantity - 1 : 0;
+        var stockLocator = context.locators[stock.location.type];
+        return stockLocator.transformItem(stockItem !== null && stockItem !== void 0 ? stockItem : stock, __assign(__assign({}, context), { game: rules.game, type: type, index: index })).join(' ');
+    };
+    MaterialAnimations.prototype.getKeyframesFromOrigin = function (origin, _item, _animation, _context) {
+        return (0, react_1.keyframes)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      from {\n        transform: ", ";\n      }\n    "], ["\n      from {\n        transform: ", ";\n      }\n    "])), origin);
+    };
+    MaterialAnimations.prototype.getMoveItemAnimation = function (item, animation, context) {
+        var _a, _b, _c;
+        var rules = context.rules;
+        var type = item.type;
+        var gameCopy = JSON.parse(JSON.stringify(rules.game));
+        var mutator = new rules_api_1.MaterialMutator(type, (_a = gameCopy.items[type]) !== null && _a !== void 0 ? _a : [], rules.locationsStrategies[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 indexAfter = ((_b = futureItem.quantity) !== null && _b !== void 0 ? _b : 1) - ((_c = animation.move.quantity) !== null && _c !== void 0 ? _c : 1);
+        var targetLocator = context.locators[futureItem.location.type];
+        var targetTransform = targetLocator.transformItem(futureItem, __assign(__assign({}, context), { game: gameCopy, type: type, index: indexAfter })).join(' ');
+        var destination = this.closestItemRotation(targetTransform, item, context);
+        var animationKeyframes = this.getKeyframesToDestination(destination, item, animation, context);
+        return (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["animation: ", " ", "s ease-in-out"], ["animation: ", " ", "s ease-in-out"])), animationKeyframes, animation.duration);
+    };
+    MaterialAnimations.prototype.closestItemRotation = function (transform, item, context) {
+        return this.closestRotation(transform, this.transformItem(item, context));
+    };
+    MaterialAnimations.prototype.transformItem = function (item, _a) {
+        var game = _a.rules.game, context = __rest(_a, ["rules"]);
+        var type = item.type;
+        var currentItem = game.items[type][item.index];
+        var sourceLocator = context.locators[currentItem.location.type];
+        return sourceLocator.transformItem(currentItem, __assign(__assign({}, context), { game: game, type: type, index: item.displayIndex })).join(' ');
+    };
+    MaterialAnimations.prototype.closestRotation = function (targetTransform, sourceTransform) {
+        var sourceRotation = this.getRotation(sourceTransform);
+        var targetRotation = this.getRotation(targetTransform);
+        var rotationAdjustment = Math.round((sourceRotation - targetRotation) / 360) * 360;
+        return rotationAdjustment ? targetTransform + " rotateZ(".concat(rotationAdjustment, "deg)") : targetTransform;
+    };
+    MaterialAnimations.prototype.getRotation = function (transform) {
+        return Array.from(transform.matchAll(/rotateZ\((\d+.?\d*)deg\)/gi)).reduce(function (sum, match) { return sum + parseFloat(match[1]); }, 0)
+            + Array.from(transform.matchAll(/rotateZ\((\d+.?\d*)rad\)/gi)).reduce(function (sum, match) { return sum + parseFloat(match[1]) * 180 / Math.PI; }, 0);
+    };
+    MaterialAnimations.prototype.getKeyframesToDestination = function (destination, _item, _animation, _context) {
+        return (0, react_1.keyframes)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      to {\n        transform: ", ";\n      }\n    "], ["\n      to {\n        transform: ", ";\n      }\n    "])), destination);
+    };
+    MaterialAnimations.prototype.getDeleteItemAnimation = function (item, animation, context) {
+        var stockLocation = this.getStockLocation(animation.move.itemType, context);
+        if (stockLocation) {
+            var destination = this.closestItemRotation(stockLocation, item, context);
+            var animationKeyframes = this.getKeyframesToDestination(destination, item, animation, context);
+            return (0, react_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["animation: ", " ", "s ease-in-out"], ["animation: ", " ", "s ease-in-out"])), animationKeyframes, animation.duration);
+        }
+        else {
+            var fadeout = (0, react_1.keyframes)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n        to {\n          opacity: 0;\n        }\n      "], ["\n        to {\n          opacity: 0;\n        }\n      "])));
+            return (0, react_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["animation: ", " ", "s ease-in-out"], ["animation: ", " ", "s ease-in-out"])), fadeout, animation.duration);
+        }
+    };
+    return MaterialAnimations;
+}(react_client_1.Animations));
+exports.MaterialAnimations = MaterialAnimations;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
+//# sourceMappingURL=MaterialAnimations.js.map

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

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

package/dist/components/material/MaterialComponent.d.ts

@@ -0,0 +1,20 @@
+/** @jsxImportSource @emotion/react */
+import { HTMLAttributes } from 'react';
+import { MaterialMove } from '@gamepark/rules-api';
+export type MaterialComponentProps<ItemId extends number = number, P extends number = number, M extends number = number, L extends number = number> = {
+    type: M;
+    itemId?: ItemId;
+    withLocations?: boolean;
+    legalMovesTo?: MaterialMove<P, M, L>[];
+    onShortClick?: () => void;
+    onLongClick?: () => void;
+} & HTMLAttributes<HTMLElement>;
+export declare const MaterialComponent: import("react").ForwardRefExoticComponent<{
+    type: number;
+    itemId?: number;
+    withLocations?: boolean;
+    legalMovesTo?: MaterialMove<number, number, number>[];
+    onShortClick?: () => void;
+    onLongClick?: () => void;
+} & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const getPropForItem: <Id extends number = number>(prop: any, itemId?: Id) => any;

package/dist/components/material/MaterialComponent.js

@@ -0,0 +1,101 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getPropForItem = exports.MaterialComponent = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var react_1 = require("react");
+var MaterialComponentType_1 = require("./MaterialComponentType");
+var Board_1 = require("./Board");
+var Card_1 = require("./Card");
+var Token_1 = require("./Token");
+var mapValues_1 = __importDefault(require("lodash/mapValues"));
+var use_long_press_1 = require("use-long-press");
+var utilities_1 = require("../../utilities");
+var pickBy_1 = __importDefault(require("lodash/pickBy"));
+var hooks_1 = require("../../hooks");
+var GameProvider_1 = require("../GameProvider");
+exports.MaterialComponent = (0, react_1.forwardRef)(function (_a, ref) {
+    var type = _a.type, itemId = _a.itemId, withLocations = _a.withLocations, legalMovesTo = _a.legalMovesTo, onShortClick = _a.onShortClick, _b = _a.onLongClick, onLongClick = _b === void 0 ? onShortClick : _b, props = __rest(_a, ["type", "itemId", "withLocations", "legalMovesTo", "onShortClick", "onLongClick"]);
+    var description = (0, hooks_1.useMaterialDescription)(type);
+    var locators = (0, react_1.useContext)(GameProvider_1.gameContext).locators;
+    var rules = (0, hooks_1.useRules)();
+    var innerLocators = (0, pickBy_1.default)(locators, function (locator) { return (locator === null || locator === void 0 ? void 0 : locator.parentItemType) === type; });
+    var listeners = (0, use_long_press_1.useLongPress)(function () { return onLongClick && onLongClick(); }, {
+        detect: use_long_press_1.LongPressEventType.Pointer,
+        cancelOnMovement: 5,
+        threshold: 600,
+        onCancel: function (_, _a) {
+            var reason = _a.reason;
+            if (reason === use_long_press_1.LongPressCallbackReason.CancelledByRelease) {
+                setTimeout(function () { return onShortClick && onShortClick(); });
+            }
+        },
+        filterEvents: function (event) { return !event.button; } // Ignore clicks on mouse buttons > 0
+    })();
+    if (!description || !locators || !rules)
+        return null;
+    var itemProps = (0, exports.getPropForItem)(description.props, itemId);
+    switch (description.type) {
+        case MaterialComponentType_1.MaterialComponentType.Board:
+            return (0, jsx_runtime_1.jsx)(Board_1.Board, __assign({ ref: ref }, itemProps, props, (0, utilities_1.combineEventListeners)(listeners, props), { children: withLocations && (description.getLocations ? description.getLocations(itemId, legalMovesTo) : createLocations(rules, innerLocators, itemId, legalMovesTo)) }));
+        case MaterialComponentType_1.MaterialComponentType.Card:
+            return (0, jsx_runtime_1.jsx)(Card_1.Card, __assign({ ref: ref }, itemProps, props, (0, utilities_1.combineEventListeners)(listeners, props)));
+        case MaterialComponentType_1.MaterialComponentType.Token:
+            return (0, jsx_runtime_1.jsx)(Token_1.Token, __assign({ ref: ref }, itemProps, props, (0, utilities_1.combineEventListeners)(listeners, props)));
+        default:
+            return null;
+    }
+});
+var getPropForItem = function (prop, itemId) {
+    if (typeof prop === 'object') {
+        if (isIdRecord(prop)) {
+            return itemId !== undefined ? prop[itemId] : undefined;
+        }
+        else {
+            return (0, mapValues_1.default)(prop, function (p) { return (0, exports.getPropForItem)(p, itemId); });
+        }
+    }
+    else if (typeof prop === 'function') {
+        return prop(itemId);
+    }
+    else {
+        return prop;
+    }
+};
+exports.getPropForItem = getPropForItem;
+var isIdRecord = function (prop) {
+    return !isNaN(parseInt(Object.keys(prop)[0]));
+};
+var createLocations = function (rules, locators, itemId, moves) {
+    if (moves === void 0) { moves = []; }
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: Object.entries(locators).map(function (_a) {
+            var locator = _a[1];
+            return locator && locator.createLocationsOnItem(itemId, moves, rules);
+        }) });
+};
+//# sourceMappingURL=MaterialComponent.js.map

package/dist/components/material/MaterialComponent.js.map

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

package/dist/components/material/MaterialComponentType.d.ts

@@ -0,0 +1,7 @@
+export declare enum MaterialComponentType {
+    Board = 1,
+    Card = 2,
+    Token = 3,
+    Meeple = 4,
+    Cube = 5
+}

package/dist/components/material/MaterialComponentType.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MaterialComponentType = void 0;
+var MaterialComponentType;
+(function (MaterialComponentType) {
+    MaterialComponentType[MaterialComponentType["Board"] = 1] = "Board";
+    MaterialComponentType[MaterialComponentType["Card"] = 2] = "Card";
+    MaterialComponentType[MaterialComponentType["Token"] = 3] = "Token";
+    MaterialComponentType[MaterialComponentType["Meeple"] = 4] = "Meeple";
+    MaterialComponentType[MaterialComponentType["Cube"] = 5] = "Cube";
+})(MaterialComponentType = exports.MaterialComponentType || (exports.MaterialComponentType = {}));
+//# sourceMappingURL=MaterialComponentType.js.map

package/dist/components/material/MaterialComponentType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaterialComponentType.js","sourceRoot":"","sources":["../../../src/components/material/MaterialComponentType.ts"],"names":[],"mappings":";;;AAAA,IAAY,qBAEX;AAFD,WAAY,qBAAqB;IAC/B,mEAAS,CAAA;IAAE,iEAAI,CAAA;IAAE,mEAAK,CAAA;IAAE,qEAAM,CAAA;IAAE,iEAAI,CAAA;AACtC,CAAC,EAFW,qBAAqB,GAArB,6BAAqB,KAArB,6BAAqB,QAEhC"}

package/dist/components/material/MaterialDescription.d.ts

@@ -0,0 +1,20 @@
+import { BoardMaterialDescription } from './Board';
+import { CardMaterialDescription } from './Card';
+import { ReactNode } from 'react';
+import { ItemMove, Location, MaterialGame, MaterialItem, MaterialMove } from '@gamepark/rules-api';
+import { TokenMaterialDescription } from './Token';
+export type MaterialDescription<P extends number = number, M extends number = number, L extends number = number> = BoardMaterialDescription<P, M, L> | CardMaterialDescription<P, M, L> | TokenMaterialDescription<P, M, L>;
+export type StockDescription<P extends number = number, L extends number = number> = {
+    location: Location<P, L>;
+};
+export type CommonMaterialDescription<P extends number = number, M extends number = number, L extends number = number> = {
+    rules: (props: MaterialRulesProps<P, M, L>) => ReactNode;
+    items?: (game: MaterialGame<P, M, L>, player?: P) => MaterialItem<P, L>[];
+    stock?: StockDescription<P, L>;
+};
+export type MaterialRulesProps<P extends number = number, M extends number = number, L extends number = number> = {
+    item: Partial<MaterialItem<P, L>>;
+    legalMoves: ItemMove<P, M, L>[];
+    close: () => void;
+};
+export type MaterialLocationsFunction<ItemId = number> = (itemId?: ItemId, legalMoves?: MaterialMove[]) => ReactNode | undefined;

package/dist/components/material/MaterialDescription.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=MaterialDescription.js.map

package/dist/components/material/MaterialDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaterialDescription.js","sourceRoot":"","sources":["../../../src/components/material/MaterialDescription.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,10 @@
+import { AnimationContext, Animations } from '@gamepark/react-client';
+import { MaterialGame, MaterialMove } from '@gamepark/rules-api';
+import { MaterialAnimations } from './MaterialAnimations';
+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>;
+    getPreDuration(move: MaterialMove<P, M, L>, context: AnimationContext<MaterialGame<P, M, L>, MaterialMove<P, M, L>, P>): number;
+    getPostDuration(move: MaterialMove<P, M, L>, context: AnimationContext<MaterialGame<P, M, L>, MaterialMove<P, M, L>, P>): number;
+}

package/dist/components/material/MaterialGameAnimations.js

@@ -0,0 +1,47 @@
+"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.getPreDuration = function (move, context) {
+        if (move.kind !== rules_api_1.MoveKind.ItemMove)
+            return 0;
+        return this.getMaterialAnimations(move.itemType).getPreDuration(move, context);
+    };
+    MaterialGameAnimations.prototype.getPostDuration = function (move, context) {
+        if (move.kind !== rules_api_1.MoveKind.ItemMove)
+            return 0;
+        return this.getMaterialAnimations(move.itemType).getPostDuration(move, context);
+    };
+    return MaterialGameAnimations;
+}(react_client_1.Animations));
+exports.MaterialGameAnimations = MaterialGameAnimations;
+//# sourceMappingURL=MaterialGameAnimations.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MaterialGameAnimations.js","sourceRoot":"","sources":["../../../src/components/material/MaterialGameAnimations.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,uDAAqE;AACrE,iDAA0E;AAC1E,2DAAyD;AAEzD;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,+CAAc,GAAvB,UAAwB,IAA2B,EAAE,OAA0E;QAC7H,IAAI,IAAI,CAAC,IAAI,KAAK,oBAAQ,CAAC,QAAQ;YAAE,OAAO,CAAC,CAAA;QAC7C,OAAO,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,cAAc,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;IAChF,CAAC;IAEQ,gDAAe,GAAxB,UAAyB,IAA2B,EAAE,OAA0E;QAC9H,IAAI,IAAI,CAAC,IAAI,KAAK,oBAAQ,CAAC,QAAQ;YAAE,OAAO,CAAC,CAAA;QAC7C,OAAO,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,eAAe,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;IACjF,CAAC;IACH,6BAAC;AAAD,CAAC,AAvBD,CACU,yBAAU,GAsBnB;AAvBY,wDAAsB"}

package/dist/components/material/Token/Token.d.ts

@@ -0,0 +1,18 @@
+/** @jsxImportSource @emotion/react */
+import { HTMLAttributes } from 'react';
+import { ComponentSize } from '../../../css';
+import { MaterialComponentType } from '../MaterialComponentType';
+import { CommonMaterialDescription } from '../MaterialDescription';
+import { ItemCustomization } from '../Items';
+export type TokenProps = {
+    image: string;
+    borderRadius?: number;
+} & ComponentSize;
+export declare const Token: import("react").ForwardRefExoticComponent<{
+    image: string;
+    borderRadius?: number;
+} & ComponentSize & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export type TokenMaterialDescription<P extends number = number, M extends number = number, L extends number = number, ItemId extends number = number> = CommonMaterialDescription<P, M, L> & {
+    type: typeof MaterialComponentType.Token;
+    props: ItemCustomization<TokenProps, ItemId>;
+};

package/dist/components/material/Token/Token.js

@@ -0,0 +1,34 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Token = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var react_1 = require("react");
+var css_1 = require("../../../css");
+exports.Token = (0, react_1.forwardRef)(function (_a, ref) {
+    var image = _a.image, height = _a.height, ratio = _a.ratio, borderRadius = _a.borderRadius, props = __rest(_a, ["image", "height", "ratio", "borderRadius"]);
+    return (0, jsx_runtime_1.jsx)("div", __assign({ ref: ref, css: [(0, css_1.shadowCss)(image), (0, css_1.sizeCss)({ height: height, ratio: ratio }), (0, css_1.backgroundCss)(image), borderRadius && (0, css_1.borderRadiusCss)(borderRadius)] }, props));
+});
+//# sourceMappingURL=Token.js.map

package/dist/components/material/Token/Token.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Token.js","sourceRoot":"","sources":["../../../../src/components/material/Token/Token.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,+BAAkD;AAClD,oCAAgG;AAUnF,QAAA,KAAK,GAAG,IAAA,kBAAU,EAC7B,UAAC,EAAgD,EAAE,GAAG;IAAnD,IAAA,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,YAAY,kBAAA,EAAK,KAAK,cAA9C,4CAAgD,CAAF;IAC7C,OAAA,yCAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,IAAA,eAAS,EAAC,KAAK,CAAC,EAAE,IAAA,aAAO,EAAC,EAAE,MAAM,QAAA,EAAE,KAAK,OAAA,EAAE,CAAC,EAAE,IAAA,mBAAa,EAAC,KAAK,CAAC,EAAE,YAAY,IAAI,IAAA,qBAAe,EAAC,YAAY,CAAC,CAAC,IAAM,KAAK,EAAG,CAAA;CAAA,CACxJ,CAAA"}

package/dist/components/material/Token/index.d.ts

@@ -0,0 +1 @@
+export * from './Token';

package/dist/components/material/Token/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Token"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/material/Token/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/material/Token/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAuB"}

package/dist/components/material/index.d.ts

@@ -0,0 +1,11 @@
+export * from './Board';
+export * from './Card';
+export * from './DropAreas';
+export * from './GameTable';
+export * from './Token';
+export * from './Items';
+export * from './MaterialAnimations';
+export * from './MaterialComponent';
+export * from './MaterialComponentType';
+export * from './MaterialDescription';
+export * from './MaterialGameAnimations';

package/dist/components/material/index.js

@@ -0,0 +1,28 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Board"), exports);
+__exportStar(require("./Card"), exports);
+__exportStar(require("./DropAreas"), exports);
+__exportStar(require("./GameTable"), exports);
+__exportStar(require("./Token"), exports);
+__exportStar(require("./Items"), exports);
+__exportStar(require("./MaterialAnimations"), exports);
+__exportStar(require("./MaterialComponent"), exports);
+__exportStar(require("./MaterialComponentType"), exports);
+__exportStar(require("./MaterialDescription"), exports);
+__exportStar(require("./MaterialGameAnimations"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/material/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/material/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAuB;AACvB,yCAAsB;AACtB,8CAA2B;AAC3B,8CAA2B;AAC3B,0CAAuB;AACvB,0CAAuB;AACvB,uDAAoC;AACpC,sDAAmC;AACnC,0DAAuC;AACvC,wDAAqC;AACrC,2DAAwC"}

package/dist/components/material/utils/IsLocationSubset.d.ts

@@ -0,0 +1,2 @@
+import { Location } from '@gamepark/rules-api';
+export declare const isLocationSubset: (testLocation: Location, parentLocation: Location) => boolean;

package/dist/components/material/utils/IsLocationSubset.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isLocationSubset = void 0;
+var fast_deep_equal_1 = __importDefault(require("fast-deep-equal"));
+var isLocationSubset = function (testLocation, parentLocation) {
+    return Object.keys(parentLocation).every(function (key) { return parentLocation[key] === undefined || (0, fast_deep_equal_1.default)(parentLocation[key], testLocation[key]); });
+};
+exports.isLocationSubset = isLocationSubset;
+//# sourceMappingURL=IsLocationSubset.js.map

package/dist/components/material/utils/IsLocationSubset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IsLocationSubset.js","sourceRoot":"","sources":["../../../../src/components/material/utils/IsLocationSubset.ts"],"names":[],"mappings":";;;;;;AACA,oEAAmC;AAE5B,IAAM,gBAAgB,GAAG,UAAC,YAAsB,EAAE,cAAwB;IAC/E,OAAO,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,KAAK,CAAC,UAAA,GAAG,IAAI,OAAA,cAAc,CAAC,GAAG,CAAC,KAAK,SAAS,IAAI,IAAA,yBAAK,EAAC,cAAc,CAAC,GAAG,CAAC,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC,EAAlF,CAAkF,CAAC,CAAA;AACrI,CAAC,CAAA;AAFY,QAAA,gBAAgB,oBAE5B"}

package/dist/components/material/utils/IsMoveOnItem.d.ts

@@ -0,0 +1,2 @@
+import { MaterialMove } from '@gamepark/rules-api';
+export declare function isMoveOnItem<P extends number = number, M extends number = number, L extends number = number>(move: MaterialMove<P, M, L>, itemIndex: number | undefined, itemInnerLocationTypes: L[]): boolean;

package/dist/components/material/utils/IsMoveOnItem.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isMoveOnItem = void 0;
+var rules_api_1 = require("@gamepark/rules-api");
+function isMoveOnItem(move, itemIndex, itemInnerLocationTypes) {
+    return move.kind === rules_api_1.MoveKind.ItemMove
+        && move.type === rules_api_1.ItemMoveType.Move
+        && move.position.location !== undefined
+        && itemInnerLocationTypes.includes(move.position.location.type)
+        && move.position.location.parent === itemIndex;
+}
+exports.isMoveOnItem = isMoveOnItem;
+//# sourceMappingURL=IsMoveOnItem.js.map

package/dist/components/material/utils/IsMoveOnItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IsMoveOnItem.js","sourceRoot":"","sources":["../../../../src/components/material/utils/IsMoveOnItem.ts"],"names":[],"mappings":";;;AAAA,iDAA0E;AAE1E,SAAgB,YAAY,CAC1B,IAA2B,EAAE,SAA6B,EAAE,sBAA2B;IAEvF,OAAO,IAAI,CAAC,IAAI,KAAK,oBAAQ,CAAC,QAAQ;WACjC,IAAI,CAAC,IAAI,KAAK,wBAAY,CAAC,IAAI;WAC/B,IAAI,CAAC,QAAQ,CAAC,QAAQ,KAAK,SAAS;WACpC,sBAAsB,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC;WAC5D,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,KAAK,SAAS,CAAA;AAClD,CAAC;AARD,oCAQC"}

package/dist/components/material/utils/IsMoveThisItem.d.ts

@@ -0,0 +1,2 @@
+import { MaterialMove } from '@gamepark/rules-api';
+export declare function isMoveThisItem<P extends number = number, M extends number = number, L extends number = number>(move: MaterialMove<P, M, L>, itemType: M, itemIndex: number): boolean;