npm - @gamepark/react-game - Versions diffs - 6.25.0 → 6.27.0 - Mend

@gamepark/react-game 6.25.0 → 6.27.0

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

Files changed (121) hide show

package/dist/components/material/ItemMenu.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ItemMenu.js","sourceRoot":"","sources":["../../../src/components/material/ItemMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAoC;AAGpC,qCAAqC;AAM9B,IAAM,QAAQ,GAAG,UAAC,EAAoC;IAAlC,IAAA,OAAO,aAAA,EAAK,KAAK,cAAnB,WAAqB,CAAF;IAC1C,OAAO,2CAAS,KAAK,cAClB,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK;YACzB,OAAA,uBAAC,sBAAc,eAAiB,MAAM,GAAjB,KAAK,CAAe;QAAzC,CAAyC,CAC1C,IACG,CAAA;AACR,CAAC,CAAA;AANY,QAAA,QAAQ,YAMpB;AAWM,IAAM,cAAc,GAAG,UAC5B,EAAgH;IAA9G,IAAA,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,cAAU,EAAV,MAAM,mBAAG,CAAC,KAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAAzD,uDAA2D,CAAF;IAEzD,IAAM,IAAI,GAAG,IAAA,eAAO,GAAE,CAAA;IACtB,OAAO,6CAAQ,GAAG,EAAE,CAAC,iBAAiB,EAAE,iBAAiB,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,GAAG,GAAG,EAAE,MAAM,CAAC,CAAC,EAC1E,OAAO,EAAE,cAAM,OAAA,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,EAAnB,CAAmB,IAAM,KAAK,eACzD,IAAI,EACL,0CAAM,GAAG,EAAE,CAAC,cAAc,EAAE,CAAC,KAAK,GAAG,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,gBAAG,KAAK,IAAQ,KAC9F,CAAA;AACX,CAAC,CAAA;AATY,QAAA,cAAc,kBAS1B;AAED,IAAM,iBAAiB,OAAG,WAAG,4MAAA,wIAO5B,IAAA,CAAA;AAED,IAAM,iBAAiB,GAAG,UAAC,KAAa,EAAE,MAAc,IAAK,WAAA,WAAG,uIAAA,iDACjB,EAAwB,MAAO,EAAyB,QACtG,KAD8C,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EAAO,MAAM,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAD1C,CAE5D,CAAA;AAED,IAAM,cAAc,OAAG,WAAG,wNAAA,oJAOzB,IAAA,CAAA;AAED,IAAM,SAAS,OAAG,WAAG,2LAAA,uHAKpB,IAAA,CAAA;AAED,IAAM,UAAU,OAAG,WAAG,2LAAA,uHAKrB,IAAA,CAAA"}

package/dist/components/material/ItemMenuButton.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import { PlayOptions } from '@gamepark/react-client';
+import { HTMLAttributes, ReactNode } from 'react';
+export type ItemButtonProps = {
+    label: ReactNode;
+    angle: number;
+    radius?: number;
+    move: any;
+    options: PlayOptions;
+};
+export declare const ItemMenuButton: ({ label, angle, radius, move, options, children, ...props }: ItemButtonProps & HTMLAttributes<HTMLButtonElement>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/material/ItemMenuButton.js ADDED Viewed

@@ -0,0 +1,46 @@
+"use strict";
+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.ItemMenuButton = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var react_1 = require("@emotion/react");
+var hooks_1 = require("../../hooks");
+var ItemMenuButton = function (_a) {
+    var label = _a.label, angle = _a.angle, _b = _a.radius, radius = _b === void 0 ? 3 : _b, move = _a.move, options = _a.options, children = _a.children, props = __rest(_a, ["label", "angle", "radius", "move", "options", "children"]);
+    var play = (0, hooks_1.usePlay)();
+    return (0, jsx_runtime_1.jsxs)("button", __assign({ css: [itemMenuButtonCss, buttonPositionCss(angle * Math.PI / 180, radius)], onClick: function () { return play(move, options); } }, props, { children: [children, label && (0, jsx_runtime_1.jsx)("span", __assign({ css: [buttonLabelCss, (angle % 360 + 360) % 360 < 180 ? labelLeft : labelRight] }, { children: label }))] }));
+};
+exports.ItemMenuButton = ItemMenuButton;
+var itemMenuButtonCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  transform-style: preserve-3d;\n  width: 2em;\n  height: 2em;\n  border-radius: 1em;\n  background-color: white;\n  color: black;\n  cursor: pointer;\n"], ["\n  transform-style: preserve-3d;\n  width: 2em;\n  height: 2em;\n  border-radius: 1em;\n  background-color: white;\n  color: black;\n  cursor: pointer;\n"])));
+var buttonPositionCss = function (angle, radius) { return (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  transform: translate(-50%, -50%) translate(", "em, ", "em);\n"], ["\n  transform: translate(-50%, -50%) translate(", "em, ", "em);\n"])), radius * Math.sin(angle), radius * -Math.cos(angle)); };
+var buttonLabelCss = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: absolute;\n  white-space: nowrap;\n  background: rgba(0, 0, 0, 0.5);\n  color: white;\n  border-radius: 0.3em;\n"], ["\n  position: absolute;\n  white-space: nowrap;\n  background: rgba(0, 0, 0, 0.5);\n  color: white;\n  border-radius: 0.3em;\n"])));
+var labelLeft = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  padding: 0 0.2em 0 0.5em;\n  top: 50%;\n  right: 0.2em;\n  transform: translate(100%, -50%) translateZ(-0.1em);\n"], ["\n  padding: 0 0.2em 0 0.5em;\n  top: 50%;\n  right: 0.2em;\n  transform: translate(100%, -50%) translateZ(-0.1em);\n"])));
+var labelRight = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  padding: 0 0.5em 0 0.2em;\n  top: 50%;\n  left: 0.2em;\n  transform: translate(-100%, -50%) translateZ(-0.1em);\n"], ["\n  padding: 0 0.5em 0 0.2em;\n  top: 50%;\n  left: 0.2em;\n  transform: translate(-100%, -50%) translateZ(-0.1em);\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+//# sourceMappingURL=ItemMenuButton.js.map

package/dist/components/material/ItemMenuButton.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ItemMenuButton.js","sourceRoot":"","sources":["../../../src/components/material/ItemMenuButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAoC;AAGpC,qCAAqC;AAU9B,IAAM,cAAc,GAAG,UAC5B,EAAoH;IAAlH,IAAA,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,cAAU,EAAV,MAAM,mBAAG,CAAC,KAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAA7D,2DAA+D,CAAF;IAE7D,IAAM,IAAI,GAAG,IAAA,eAAO,GAAE,CAAA;IACtB,OAAO,6CAAQ,GAAG,EAAE,CAAC,iBAAiB,EAAE,iBAAiB,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,GAAG,GAAG,EAAE,MAAM,CAAC,CAAC,EAC1E,OAAO,EAAE,cAAM,OAAA,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,EAAnB,CAAmB,IAAM,KAAK,eACzD,QAAQ,EACR,KAAK,IAAI,0CAAM,GAAG,EAAE,CAAC,cAAc,EAAE,CAAC,KAAK,GAAG,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,gBAAG,KAAK,IAAQ,KACxG,CAAA;AACX,CAAC,CAAA;AATY,QAAA,cAAc,kBAS1B;AAED,IAAM,iBAAiB,OAAG,WAAG,gOAAA,4JAQ5B,IAAA,CAAA;AAED,IAAM,iBAAiB,GAAG,UAAC,KAAa,EAAE,MAAc,IAAK,WAAA,WAAG,uIAAA,iDACjB,EAAwB,MAAO,EAAyB,QACtG,KAD8C,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EAAO,MAAM,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAD1C,CAE5D,CAAA;AAED,IAAM,cAAc,OAAG,WAAG,oMAAA,gIAMzB,IAAA,CAAA;AAED,IAAM,SAAS,OAAG,WAAG,2LAAA,uHAKpB,IAAA,CAAA;AAED,IAAM,UAAU,OAAG,WAAG,2LAAA,uHAKrB,IAAA,CAAA"}

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

@@ -5,6 +5,7 @@ export type MaterialComponentProps<M extends number = number, ItemId = any> = {
     itemIndex?: number;
     highlight?: boolean;
     playDown?: boolean;
+    preview?: boolean;
 } & HTMLAttributes<HTMLElement>;
 export declare const MaterialComponent: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<{
     type: number;
@@ -12,4 +13,5 @@ export declare const MaterialComponent: import("react").MemoExoticComponent<impo
     itemIndex?: number | undefined;
     highlight?: boolean | undefined;
     playDown?: boolean | undefined;
+    preview?: boolean | undefined;
 } & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLDivElement>>>;

package/dist/components/material/MaterialComponent.js CHANGED Viewed

@@ -34,13 +34,13 @@ var react_2 = require("react");
 var css_1 = require("../../css");
 var hooks_1 = require("../../hooks");
 exports.MaterialComponent = (0, react_2.memo)((0, react_2.forwardRef)(function (_a, ref) {
-    var type = _a.type, itemId = _a.itemId, itemIndex = _a.itemIndex, highlight = _a.highlight, playDown = _a.playDown, props = __rest(_a, ["type", "itemId", "itemIndex", "highlight", "playDown"]);
+    var type = _a.type, itemId = _a.itemId, itemIndex = _a.itemIndex, highlight = _a.highlight, playDown = _a.playDown, preview = _a.preview, props = __rest(_a, ["type", "itemId", "itemIndex", "highlight", "playDown", "preview"]);
     var description = (0, hooks_1.useMaterialDescription)(type);
     if (!description)
         return null;
     var _b = description.getSize(itemId), width = _b.width, height = _b.height;
     var componentCss = (0, react_2.useMemo)(function () { return [materialCss, (0, css_1.sizeCss)(width, height)]; }, [width, height]);
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ ref: ref, css: componentCss }, props, { children: (0, jsx_runtime_1.jsx)("div", __assign({ css: hoverWrapper }, { children: description.content(__assign({ type: type, itemId: itemId, highlight: highlight, playDown: playDown, itemIndex: itemIndex }, props)) })) })));
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ ref: ref, css: componentCss }, props, { children: (0, jsx_runtime_1.jsx)("div", __assign({ css: hoverWrapper }, { children: description.content(__assign({ type: type, itemId: itemId, highlight: highlight, playDown: playDown, preview: preview, itemIndex: itemIndex }, props)) })) })));
 }));
 var hoverWrapper = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  transform-style: preserve-3d;\n  -webkit-tap-highlight-color: transparent;\n  transform-origin: center;\n  width: 100%;\n  height: 100%;\n"], ["\n  transform-style: preserve-3d;\n  -webkit-tap-highlight-color: transparent;\n  transform-origin: center;\n  width: 100%;\n  height: 100%;\n"])));
 exports.MaterialComponent.displayName = 'MaterialComponent';

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MaterialComponent.js","sourceRoot":"","sources":["../../../src/components/material/MaterialComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAoC;AACpC,+BAAiE;AACjE,iCAAmC;AACnC,qCAAoD;~~AAUvC~~,QAAA,iBAAiB,GAAG,IAAA,YAAI,EAAC,IAAA,kBAAU,EAAyC,UACvF,~~EAA0D~~,EAAE,GAAG;~~IAA7D~~,IAAA,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,SAAS,eAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,~~cAAxD~~,~~wDAA0D~~,CAAF;~~IAExD~~,IAAM,WAAW,GAAG,IAAA,8BAAsB,EAAC,IAAI,CAAC,CAAA;IAEhD,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAA;IAEvB,IAAA,KAAoB,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,EAA7C,KAAK,WAAA,EAAE,MAAM,YAAgC,CAAA;IAErD,IAAM,YAAY,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,CAAC,WAAW,EAAE,IAAA,aAAO,EAAC,KAAK,EAAE,MAAM,CAAC,CAAC,EAArC,CAAqC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAA;IAE1F,OAAO,CACL,yCAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,YAAY,IAAM,KAAK,cACzC,yCAAK,GAAG,EAAE,YAAY,gBACnB,WAAW,CAAC,OAAO,YAAG,IAAI,MAAA,EAAE,MAAM,QAAA,EAAE,SAAS,WAAA,EAAE,QAAQ,UAAA,EAAE,SAAS,WAAA,IAAK,KAAK,EAAG,~~IAC5E~~,IACF,CACP,CAAA;AACH,CAAC,CAAC,CAAC,CAAA;AAEH,IAAM,YAAY,OAAG,WAAG,oNAAA,gJAMvB,IAAA,CAAA;AAED,yBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAEnD,IAAM,WAAW,OAAG,WAAG,sJAAA,kFAGtB,IAAA,CAAA"}
1	+ {"version":3,"file":"MaterialComponent.js","sourceRoot":"","sources":["../../../src/components/material/MaterialComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAoC;AACpC,+BAAiE;AACjE,iCAAmC;AACnC,qCAAoD;AAWvC,QAAA,iBAAiB,GAAG,IAAA,YAAI,EAAC,IAAA,kBAAU,EAAyC,UACvF,EAAmE,EAAE,GAAG;IAAtE,IAAA,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,SAAS,eAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAAjE,mEAAmE,CAAF;IAEjE,IAAM,WAAW,GAAG,IAAA,8BAAsB,EAAC,IAAI,CAAC,CAAA;IAEhD,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAA;IAEvB,IAAA,KAAoB,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,EAA7C,KAAK,WAAA,EAAE,MAAM,YAAgC,CAAA;IAErD,IAAM,YAAY,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,CAAC,WAAW,EAAE,IAAA,aAAO,EAAC,KAAK,EAAE,MAAM,CAAC,CAAC,EAArC,CAAqC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAA;IAE1F,OAAO,CACL,yCAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,YAAY,IAAM,KAAK,cACzC,yCAAK,GAAG,EAAE,YAAY,gBACnB,WAAW,CAAC,OAAO,YAAG,IAAI,MAAA,EAAE,MAAM,QAAA,EAAE,SAAS,WAAA,EAAE,QAAQ,UAAA,EAAE,OAAO,SAAA,EAAE,SAAS,WAAA,IAAK,KAAK,EAAG,IACrF,IACF,CACP,CAAA;AACH,CAAC,CAAC,CAAC,CAAA;AAEH,IAAM,YAAY,OAAG,WAAG,oNAAA,gJAMvB,IAAA,CAAA;AAED,yBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAEnD,IAAM,WAAW,OAAG,WAAG,sJAAA,kFAGtB,IAAA,CAAA"}

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

@@ -1,8 +1,8 @@
 /** @jsxImportSource @emotion/react */
-import { Interpolation, Theme } from '@emotion/react';
+import { Interpolation, Keyframes, Theme } from '@emotion/react';
 import { Location, MaterialHelpDisplay, MaterialItem, MaterialMove } from '@gamepark/rules-api';
 import { TFunction } from 'i18next';
-import { ComponentType, FC, HTMLAttributes } from 'react';
+import { ComponentType, FC, HTMLAttributes, ReactNode } from 'react';
 import { ItemContext, MaterialContext } from '../../locators';
 import { ComponentDescription } from './ComponentDescription';
 export type MaterialHelpProps<P extends number = number, M extends number = number, L extends number = number> = {
@@ -14,6 +14,7 @@ export type MaterialContentProps<ItemId = any, M extends number = number> = {
     type?: M;
     highlight?: boolean;
     playDown?: boolean;
+    preview?: boolean;
 } & HTMLAttributes<HTMLElement>;
 /**
  * Base class to describe the material in a game
@@ -155,7 +156,17 @@ export declare abstract class MaterialDescription<P extends number = number, M e
      * @returns {string[]} a list of CSS transformations
      */
     getHoverTransform(_item: MaterialItem<P, L>, _context: ItemContext<P, M, L>): string[];
-    getDropLocations(item: MaterialItem<P, L>, move: MaterialMove<P, M, L>, context: ItemContext<P, M, L>): Location<P, L>[];
+    /**
+     * Provide the locations that are required to drop an item given the legal moves that currently allow to drag the item.
+     * @param context Context of the item. Use {@link getItemFromContext} to get the item from it.
+     * @param dragMoves Legal moves filtered to only keep those that allows the item to be dragged
+     * @return All the locations where the item can be dropped
+     */
+    getDropLocations(context: ItemContext<P, M, L>, dragMoves: MaterialMove<P, M, L>[]): Location<P, L>[];
+    getMoveDropLocations(context: ItemContext<P, M, L>, move: MaterialMove<P, M, L>): Location<P, L>[];
     getTooltip(item: MaterialItem<P, L>, t: TFunction, _context: ItemContext<P, M, L>): string | null | undefined;
+    getItemMenu(_item: MaterialItem<P, L>, _context: ItemContext<P, M, L>, _legalMoves: MaterialMove<P, M, L>[]): ReactNode;
+    getHelpButton(item: MaterialItem<P, L>, context: ItemContext<P, M, L>): import("@emotion/react/jsx-runtime").JSX.Element;
+    getAnimationCss(keyframes: Keyframes, duration: number): Interpolation<Theme>;
 }
 export type MaterialDescriptionRecord<P extends number = number, M extends number = number, L extends number = number> = Record<M, MaterialDescription<P, M, L>>;

package/dist/components/material/MaterialDescription.js CHANGED Viewed

@@ -14,10 +14,38 @@ var __extends = (this && this.__extends) || (function () {
         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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MaterialDescription = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var react_1 = require("@emotion/react");
+var faQuestion_1 = require("@fortawesome/free-solid-svg-icons/faQuestion");
+var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
 var rules_api_1 = require("@gamepark/rules-api");
+var groupBy_1 = __importDefault(require("lodash/groupBy"));
+var partition_1 = __importDefault(require("lodash/partition"));
+var react_i18next_1 = require("react-i18next");
+var locators_1 = require("../../locators");
 var ComponentDescription_1 = require("./ComponentDescription");
+var ItemMenuButton_1 = require("./ItemMenuButton");
 var displayMaterialHelp = rules_api_1.MaterialMoveBuilder.displayMaterialHelp;
 /**
  * Base class to describe the material in a game
@@ -177,13 +205,35 @@ var MaterialDescription = /** @class */ (function (_super) {
     MaterialDescription.prototype.getHoverTransform = function (_item, _context) {
         return [];
     };
-    MaterialDescription.prototype.getDropLocations = function (item, move, context) {
-        var _a;
+    /**
+     * Provide the locations that are required to drop an item given the legal moves that currently allow to drag the item.
+     * @param context Context of the item. Use {@link getItemFromContext} to get the item from it.
+     * @param dragMoves Legal moves filtered to only keep those that allows the item to be dragged
+     * @return All the locations where the item can be dropped
+     */
+    MaterialDescription.prototype.getDropLocations = function (context, dragMoves) {
+        var _this = this;
+        var locations = [];
+        var _a = (0, partition_1.default)(dragMoves, rules_api_1.isMoveItem), itemMoves = _a[0], otherMoves = _a[1];
+        var itemMovesByType = (0, groupBy_1.default)(itemMoves, 'location.type');
+        for (var type in itemMovesByType) {
+            var locator = context.locators[parseInt(type)];
+            if (locator) {
+                locations.push.apply(locations, locator.getDropLocations(itemMovesByType[type], context));
+            }
+            else {
+                locations.push.apply(locations, itemMovesByType[type].flatMap(function (move) { return _this.getMoveDropLocations(context, move); }));
+            }
+        }
+        locations.push.apply(locations, otherMoves.flatMap(function (move) { return _this.getMoveDropLocations(context, move); }));
+        return locations;
+    };
+    MaterialDescription.prototype.getMoveDropLocations = function (context, move) {
         if ((0, rules_api_1.isMoveItem)(move) && move.location.type !== undefined) {
             return [move.location];
         }
         else if ((0, rules_api_1.isDeleteItem)(move)) {
-            var stockLocation = (_a = context.material[context.type]) === null || _a === void 0 ? void 0 : _a.getStockLocation(item, context);
+            var stockLocation = this.getStockLocation((0, locators_1.getItemFromContext)(context), context);
             return stockLocation ? [stockLocation] : [];
         }
         return [];
@@ -193,7 +243,18 @@ var MaterialDescription = /** @class */ (function (_super) {
             return t('quantity.tooltip', { n: item.quantity });
         return;
     };
+    MaterialDescription.prototype.getItemMenu = function (_item, _context, _legalMoves) {
+        return;
+    };
+    MaterialDescription.prototype.getHelpButton = function (item, context) {
+        return (0, jsx_runtime_1.jsx)(ItemMenuButton_1.ItemMenuButton, __assign({ label: (0, jsx_runtime_1.jsx)(react_i18next_1.Trans, { defaults: "Help" }), move: this.displayHelp(item, context), options: { local: true }, angle: 30 }, { children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faQuestion_1.faQuestion }) }));
+    };
+    MaterialDescription.prototype.getAnimationCss = function (keyframes, duration) {
+        return (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      animation: ", " ", "s linear infinite;\n\n      > * {\n        animation: ", " ", "s ease-in-out forwards;\n      }\n    "], ["\n      animation: ", " ", "s linear infinite;\n\n      > * {\n        animation: ", " ", "s ease-in-out forwards;\n      }\n    "])), upAndDown, duration, keyframes, duration);
+    };
     return MaterialDescription;
 }(ComponentDescription_1.ComponentDescription));
 exports.MaterialDescription = MaterialDescription;
+var upAndDown = (0, react_1.keyframes)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  from, to {\n    transform: none;\n  }\n  50% {\n    transform: translateZ(10em);\n  }\n"], ["\n  from, to {\n    transform: none;\n  }\n  50% {\n    transform: translateZ(10em);\n  }\n"])));
+var templateObject_1, templateObject_2;
 //# sourceMappingURL=MaterialDescription.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MaterialDescription.js","sourceRoot":"","sources":["../../../src/components/material/MaterialDescription.tsx"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;AAEA~~,iDAU4B;~~AAI5B~~,+DAA6D;AAC7D,IAAO,mBAAmB,GAAG,+BAAmB,CAAC,mBAAmB,CAAA;~~AAcpE~~;;GAEG;AACH;IACU,uCAA4B;IADtC;QAAA,~~qEA8MC~~;~~QAlMC~~;;WAEG;QACH,cAAQ,GAAG,KAAK,CAAA;QAOhB;;WAEG;QACH,iBAAW,GAAyB,EAAE,CAAA;QAkCtC;;WAEG;QACH,eAAS,GAAqB,EAAE,CAAA;QA6DhC;;WAEG;QACH,eAAS,GAAG,IAAI,CAAA;;~~IAgFlB~~,CAAC;~~IAnLC~~;;;;;;OAMG;IACH,4CAAc,GAAd,UAAe,QAAkC;QAC/C,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAA;IAC/D,CAAC;IAOD;;;;;;OAMG;IACH,8CAAgB,GAAhB,UAAiB,KAAyB,EAAE,QAAkC;QAC5E,OAAO,IAAI,CAAC,aAAa,CAAA;IAC3B,CAAC;IAYD;;;;;;OAMG;IACH,0CAAY,GAAZ,UAAa,KAAyB,EAAE,QAA8B;QACpE,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAA;IACzD,CAAC;IAED;;;;;OAKG;IACH,qCAAO,GAAP,UAAQ,KAA4B,EAAE,QAA8B;QAClE,OAAO,KAAK,CAAA;IACd,CAAC;IAED;;;;;OAKG;IACH,0CAAY,GAAZ,UAAa,IAA2B,EAAE,OAA6B;QACrE,OAAO,CAAC,IAAA,sBAAU,EAAC,IAAI,CAAC,IAAI,IAAA,wBAAY,EAAC,IAAI,CAAC,IAAI,IAAA,kBAAM,EAAC,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,QAAQ,KAAK,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,KAAK,OAAO,CAAC,KAAK,CAAA;IACvI,CAAC;IAED;;;;;OAKG;IACH,2CAAa,GAAb,UAAc,IAA2B,EAAE,OAA6B;QACtE,OAAO,IAAA,wBAAY,EAAC,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,KAAK,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,KAAK,OAAO,CAAC,KAAK,CAAA;IACjG,CAAC;IAED;;;;OAIG;IACH,+CAAiB,GAAjB,UAAkB,QAA8B;QAC9C,OAAO,SAAS,CAAA;IAClB,CAAC;IAED;;;;OAIG;IACH,oDAAsB,GAAtB,UAAuB,QAA8B;QACnD,OAAO,SAAS,CAAA;IAClB,CAAC;IAOD;;;;;OAKG;IACH,0CAAY,GAAZ,UAAa,KAAyB,EAAE,QAA8B;QACpE,OAAO,IAAI,CAAC,SAAS,CAAA;IACvB,CAAC;IAED;;;;;OAKG;IACH,6CAAe,GAAf,UAAgB,KAAyB,EAAE,QAA8B;QACvE,OAAM;IACR,CAAC;IAED;;;;;OAKG;IACH,uCAAS,GAAT,UAAU,KAAyB,EAAE,QAA8B;QACjE,OAAM;IACR,CAAC;IAED;;;;;;OAMG;IACH,yCAAW,GAAX,UAAY,IAAwB,EAAE,EAAmD;YAAjD,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,YAAY,kBAAA;QAC/D,OAAO,mBAAmB,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,CAAC,CAAA;IAC7D,CAAC;IAED;;;;;OAKG;IACH,8CAAgB,GAAhB,UAAiB,IAAwB,EAAE,OAA6B;QACtE,IAAM,SAAS,GAAG,CAAC,uBAAuB,CAAC,CAAA;QAC3C,IAAM,OAAO,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;QACpD,IAAI,OAAO;YAAE,SAAS,CAAC,IAAI,OAAd,SAAS,EAAS,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,OAAO,CAAC,EAAC;QAChE,OAAO,SAAS,CAAA;IAClB,CAAC;IAED;;;;;OAKG;IACH,+CAAiB,GAAjB,UAAkB,KAAyB,EAAE,QAA8B;QACzE,OAAO,EAAE,CAAA;IACX,CAAC;IAED,8CAAgB,GAAhB,UAAiB,~~IAAwB~~,EAAE,~~IAA2B~~,EAAE,OAA6B~~;;QACnG~~,IAAI,IAAA,sBAAU,EAAC,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,KAAK,SAAS,EAAE;YACxD,OAAO,CAAC,IAAI,CAAC,QAA0B,CAAC,CAAA;SACzC;aAAM,IAAI,IAAA,wBAAY,EAAC,IAAI,CAAC,EAAE;YAC7B,IAAM,aAAa,GAAG,~~MAAA~~,~~OAAO,~~CAAC,~~QAAQ~~,CAAC,~~OAAO~~,~~CAAC~~,~~IAAI~~,~~CAAC~~,~~0CAAE,gBAAgB,~~CAAC,~~IAAI,~~EAAE,OAAO,CAAC,CAAA;~~YACrF~~,OAAO,aAAa,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;SAC5C;QACD,OAAO,EAAE,CAAA;IACX,CAAC;IAED,wCAAU,GAAV,UAAW,IAAwB,EAAE,CAAY,EAAE,QAA8B;QAC/E,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO,CAAC,CAAC,kBAAkB,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAA;QACrE,OAAM;IACR,CAAC;IACH,0BAAC;AAAD,CAAC,~~AA9MD~~,CACU,2CAAoB,~~GA6M7B~~;~~AA9MqB~~,kDAAmB"}
1	+ {"version":3,"file":"MaterialDescription.js","sourceRoot":"","sources":["../../../src/components/material/MaterialDescription.tsx"],"names":[],"mappings":"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"}

package/dist/components/material/MobileMaterialDescription.d.ts CHANGED Viewed

@@ -5,6 +5,6 @@ import { MaterialDescription } from './MaterialDescription';
 export declare abstract class MobileMaterialDescription<P extends number = number, M extends number = number, L extends number = number, ItemId = any> extends MaterialDescription<P, M, L, ItemId> {
     isMobile: boolean;
     canDrag(move: MaterialMove<P, M, L>, context: ItemContext<P, M, L>): boolean;
-    protected canDragToMove(move: MoveItem<P, M, L>, { type, index, rules }: ItemContext<P, M, L>): boolean;
+    protected canDragToMove(move: MoveItem<P, M, L>, context: ItemContext<P, M, L>): boolean;
     protected canDragToDelete(_move: DeleteItem<M>, _context: ItemContext<P, M, L>): boolean;
 }

package/dist/components/material/MobileMaterialDescription.js CHANGED Viewed

@@ -33,6 +33,7 @@ exports.MobileMaterialDescription = void 0;
 /** @jsxImportSource @emotion/react */
 var rules_api_1 = require("@gamepark/rules-api");
 var isEqual_1 = __importDefault(require("lodash/isEqual"));
+var locators_1 = require("../../locators");
 var MaterialDescription_1 = require("./MaterialDescription");
 var MobileMaterialDescription = /** @class */ (function (_super) {
     __extends(MobileMaterialDescription, _super);
@@ -53,11 +54,9 @@ var MobileMaterialDescription = /** @class */ (function (_super) {
             return false;
         }
     };
-    MobileMaterialDescription.prototype.canDragToMove = function (move, _a) {
-        var _b;
-        var type = _a.type, index = _a.index, rules = _a.rules;
-        var _c = (_b = rules.material(type).getItem(index)) === null || _b === void 0 ? void 0 : _b.location, rotation = _c.rotation, actualLocation = __rest(_c, ["rotation"]);
-        var _d = move.location, nextRotation = _d.rotation, nextLocation = __rest(_d, ["rotation"]);
+    MobileMaterialDescription.prototype.canDragToMove = function (move, context) {
+        var _a = (0, locators_1.getItemFromContext)(context).location, rotation = _a.rotation, actualLocation = __rest(_a, ["rotation"]);
+        var _b = move.location, nextRotation = _b.rotation, nextLocation = __rest(_b, ["rotation"]);
         return !(0, isEqual_1.default)(actualLocation, nextLocation);
     };
     MobileMaterialDescription.prototype.canDragToDelete = function (_move, _context) {

package/dist/components/material/MobileMaterialDescription.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MobileMaterialDescription.js","sourceRoot":"","sources":["../../../src/components/material/MobileMaterialDescription.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,iDAAkG;AAClG,2DAAoC;~~AAEpC~~,6DAA2D;AAE3D;IACU,6CAAoC;IAD9C;QAAA,qEAuBC;QArBC,cAAQ,GAAG,IAAI,CAAA;;IAqBjB,CAAC;IAnBC,2CAAO,GAAP,UAAQ,IAA2B,EAAE,OAA6B;;QAChE,IAAI,IAAA,sBAAU,EAAC,IAAI,CAAC,EAAE;YACpB,OAAO,CAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,IAAI,MAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,KAAK,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,KAAK,OAAO,CAAC,KAAK,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;SACpJ;aAAM,IAAI,IAAA,wBAAY,EAAC,IAAI,CAAC,EAAE;YAC7B,OAAO,IAAI,CAAC,QAAQ,KAAK,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,KAAK,OAAO,CAAC,KAAK,IAAI,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;SACjH;aAAM;YACL,OAAO,KAAK,CAAA;SACb;IACH,CAAC;IAES,iDAAa,GAAvB,UAAwB,IAAuB,EAAE,~~EAA4C;;YAA1C,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA~~;~~QACnE~~,IAAM,KAAkC,~~MAAA~~,~~KAAK~~,~~CAAC~~,~~QAAQ,CAAC,IAAI,CAAC,CAAC,~~OAAO,CAAC,~~KAAK,~~CAAC,~~0CAAE~~,~~QAAS~~,~~EAA9E,~~QAAQ,cAAA,EAAK,cAAc,cAA7B,YAA+B,~~CAAiD~~,CAAA;~~QACtF~~,IAAM,KAA8C,IAAI,CAAC,QAAQ,EAA/C,YAAY,cAAA,EAAK,YAAY,cAAzC,YAA2C,CAAgB,CAAA;QACjE,OAAO,CAAC,IAAA,iBAAO,EAAC,cAAc,EAAE,YAAY,CAAC,CAAA;IAC/C,CAAC;IAES,mDAAe,GAAzB,UAA0B,KAAoB,EAAE,QAA8B;QAC5E,OAAO,IAAI,CAAC,aAAa,KAAK,SAAS,CAAA;IACzC,CAAC;IACH,gCAAC;AAAD,CAAC,AAvBD,CACU,yCAAmB,GAsB5B;AAvBqB,8DAAyB"}
1	+ {"version":3,"file":"MobileMaterialDescription.js","sourceRoot":"","sources":["../../../src/components/material/MobileMaterialDescription.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,iDAAkG;AAClG,2DAAoC;AACpC,2CAAgE;AAChE,6DAA2D;AAE3D;IACU,6CAAoC;IAD9C;QAAA,qEAuBC;QArBC,cAAQ,GAAG,IAAI,CAAA;;IAqBjB,CAAC;IAnBC,2CAAO,GAAP,UAAQ,IAA2B,EAAE,OAA6B;;QAChE,IAAI,IAAA,sBAAU,EAAC,IAAI,CAAC,EAAE;YACpB,OAAO,CAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,IAAI,MAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,KAAK,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,KAAK,OAAO,CAAC,KAAK,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;SACpJ;aAAM,IAAI,IAAA,wBAAY,EAAC,IAAI,CAAC,EAAE;YAC7B,OAAO,IAAI,CAAC,QAAQ,KAAK,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,KAAK,OAAO,CAAC,KAAK,IAAI,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;SACjH;aAAM;YACL,OAAO,KAAK,CAAA;SACb;IACH,CAAC;IAES,iDAAa,GAAvB,UAAwB,IAAuB,EAAE,OAA6B;QAC5E,IAAM,KAAkC,IAAA,6BAAkB,EAAC,OAAO,CAAC,CAAC,QAAQ,EAApE,QAAQ,cAAA,EAAK,cAAc,cAA7B,YAA+B,CAAuC,CAAA;QAC5E,IAAM,KAA8C,IAAI,CAAC,QAAQ,EAA/C,YAAY,cAAA,EAAK,YAAY,cAAzC,YAA2C,CAAgB,CAAA;QACjE,OAAO,CAAC,IAAA,iBAAO,EAAC,cAAc,EAAE,YAAY,CAAC,CAAA;IAC/C,CAAC;IAES,mDAAe,GAAzB,UAA0B,KAAoB,EAAE,QAA8B;QAC5E,OAAO,IAAI,CAAC,aAAa,KAAK,SAAS,CAAA;IACzC,CAAC;IACH,gCAAC;AAAD,CAAC,AAvBD,CACU,yCAAmB,GAsB5B;AAvBqB,8DAAyB"}

package/dist/components/material/Wheel/WheelDescription.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /** @jsxImportSource @emotion/react */
-import { Interpolation, Theme } from '@emotion/react';
+import { Interpolation, Keyframes, Theme } from '@emotion/react';
 import { MaterialContentProps } from '../MaterialDescription';
 import { MobileMaterialDescription } from '../MobileMaterialDescription';
 export declare class WheelDescription<P extends number = number, M extends number = number, L extends number = number, ItemId = any> extends MobileMaterialDescription<P, M, L, ItemId> {
@@ -16,4 +16,5 @@ export declare class WheelDescription<P extends number = number, M extends numbe
     getWheelExtraCss(_itemId: ItemId): Interpolation<Theme>;
     getImages(): string[];
     content: (props: MaterialContentProps<ItemId>) => import("@emotion/react/jsx-runtime").JSX.Element;
+    getAnimationCss(keyframes: Keyframes, duration: number): Interpolation<Theme>;
 }

package/dist/components/material/Wheel/WheelDescription.js CHANGED Viewed

@@ -14,6 +14,10 @@ var __extends = (this && this.__extends) || (function () {
         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++) {
@@ -28,6 +32,8 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.WheelDescription = void 0;
 var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var react_1 = require("@emotion/react");
 var MobileMaterialDescription_1 = require("../MobileMaterialDescription");
 var WheelItem_1 = require("./WheelItem");
 var WheelDescription = /** @class */ (function (_super) {
@@ -85,7 +91,11 @@ var WheelDescription = /** @class */ (function (_super) {
             images.push.apply(images, Object.values(this.wheelImages));
         return images;
     };
+    WheelDescription.prototype.getAnimationCss = function (keyframes, duration) {
+        return (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      > * {\n        animation: ", " ", "s ease-in-out forwards;\n      }\n    "], ["\n      > * {\n        animation: ", " ", "s ease-in-out forwards;\n      }\n    "])), keyframes, duration);
+    };
     return WheelDescription;
 }(MobileMaterialDescription_1.MobileMaterialDescription));
 exports.WheelDescription = WheelDescription;
+var templateObject_1;
 //# sourceMappingURL=WheelDescription.js.map

package/dist/components/material/Wheel/WheelDescription.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WheelDescription.js","sourceRoot":"","sources":["../../../../src/components/material/Wheel/WheelDescription.tsx"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA~~,0EAAwE;AACxE,yCAAuC;AAEvC;IACU,oCAA0C;IADpD;QAAA,~~qEAwEC~~;~~QAvDC~~,WAAK,GAAW,EAAE,CAAA;QAiClB,aAAO,GAAG,UAAC,KAAmC;YACpC,IAAA,MAAM,GAAK,KAAK,OAAV,CAAU;YACxB,IAAM,KAAK,GAAG,KAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;YACnC,IAAM,UAAU,GAAG,KAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAA;YAC7C,IAAM,IAAI,GAAG,KAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA;YACjC,IAAM,YAAY,GAAG,KAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAA;YACjD,IAAM,MAAM,GAAG,KAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAA;YACrC,IAAM,QAAQ,GAAG,KAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;YACzC,IAAM,aAAa,GAAG,KAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAA;YACnD,OAAO,CACL,uBAAC,qBAAS,aACR,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,IACxB,KAAK,EACT,CACH,CAAA;QACH,CAAC,CAAA;;~~IACH~~,CAAC;~~IAlEC~~,mCAAQ,GAAR,UAAS,MAAc;;QACrB,OAAO,MAAA,MAAA,IAAI,CAAC,MAAM,0CAAG,~~MAAmB~~,CAAC,mCAAI,IAAI,CAAC,KAAK,CAAA;~~IACzD~~,CAAC;IAKD,wCAAa,GAAb,UAAc,MAAc;;QAC1B,OAAO,MAAA,MAAA,IAAI,CAAC,WAAW,0CAAG,~~MAAmB~~,CAAC,mCAAI,IAAI,CAAC,UAAU,CAAA;~~IACnE~~,CAAC;IAKD,oCAAS,GAAT,UAAU,OAAe;QACvB,IAAI,IAAI,CAAC,MAAM,KAAK,SAAS,EAAE;YAC7B,IAAI,CAAC,MAAM,GAAG,EAAE,CAAA;YAChB,IAAI,KAAK,GAAG,CAAC,CAAA;YACb,OAAO,KAAK,GAAG,GAAG,EAAE;gBAClB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;gBACvB,KAAK,IAAI,IAAI,CAAC,KAAK,CAAA;aACpB;SACF;QAED,OAAO,IAAI,CAAC,MAAM,CAAA;IACpB,CAAC;IAED,sCAAW,GAAX,UAAY,OAAe;QACzB,OAAM;IACR,CAAC;IAED,2CAAgB,GAAhB,UAAiB,OAAe;QAC9B,OAAM;IACR,CAAC;IAED,oCAAS,GAAT;QACE,IAAM,MAAM,GAAa,EAAE,CAAA;QAC3B,IAAI,IAAI,CAAC,KAAK;YAAE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QACvC,IAAI,IAAI,CAAC,MAAM;YAAE,MAAM,CAAC,IAAI,OAAX,MAAM,EAAS,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAa,EAAC;QACvE,IAAI,IAAI,CAAC,UAAU;YAAE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;QACjD,IAAI,IAAI,CAAC,WAAW;YAAE,MAAM,CAAC,IAAI,OAAX,MAAM,EAAS,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAa,EAAC;QACjF,OAAO,MAAM,CAAA;IACf,CAAC;~~IAwBH~~,uBAAC;AAAD,CAAC,~~AAxED~~,CACU,qDAAyB,~~GAuElC~~;~~AAxEY~~,4CAAgB"}
1	+ {"version":3,"file":"WheelDescription.js","sourceRoot":"","sources":["../../../../src/components/material/Wheel/WheelDescription.tsx"],"names":[],"mappings":"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"}

package/dist/components/material/Writing/WritingDescription.d.ts CHANGED Viewed

@@ -5,7 +5,7 @@ export declare abstract class WritingDescription<P extends number = number, M ex
     images?: Record<ItemId extends keyof any ? ItemId : never, string>;
     getImage(itemId: ItemId): string | undefined;
     getImages(): string[];
-    protected getFrontId(itemId: ItemId): any;
+    protected getFrontId(itemId: ItemId): keyof typeof this.images;
     getFrontContent(_itemId: ItemId): ReactNode | undefined;
     content: ({ itemId, highlight, playDown }: MaterialContentProps<ItemId>) => import("@emotion/react/jsx-runtime").JSX.Element;
 }

package/dist/components/material/Writing/WritingDescription.js CHANGED Viewed

@@ -68,7 +68,7 @@ var WritingDescription = /** @class */ (function (_super) {
         return images;
     };
     WritingDescription.prototype.getFrontId = function (itemId) {
-        return typeof itemId === 'object' ? itemId.front : itemId;
+        return (typeof itemId === 'object' ? itemId.front : itemId);
     };
     WritingDescription.prototype.getFrontContent = function (_itemId) {
         return;

package/dist/components/material/Writing/WritingDescription.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WritingDescription.js","sourceRoot":"","sources":["../../../../src/components/material/Writing/WritingDescription.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAoC;AAEpC,oCAA4G;AAC5G,8DAAkF;AAElF;IACU,sCAAoC;IAD9C;QAAA,qEAuCC;QAdC,aAAO,GAAG,UAAC,EAA6D;gBAA3D,MAAM,YAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA;YACtC,IAAM,KAAK,GAAG,KAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;YACnC,IAAM,IAAI,GAAG,KAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA;YACjC,IAAM,YAAY,GAAG,KAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAA;YACjD,OAAO,yCAAK,GAAG,EAAE;oBACf,OAAO;oBACP,IAAA,aAAO,EAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC;oBAChC,KAAK,IAAI,CAAC,IAAA,mBAAa,EAAC,KAAK,CAAC,EAAE,IAAA,eAAS,EAAC,KAAK,CAAC,CAAC;oBACjD,YAAY,IAAI,IAAA,qBAAe,EAAC,YAAY,CAAC;oBAC7C,SAAS,CAAC,CAAC,CAAC,iBAAW,CAAC,CAAC,CAAC,QAAQ,IAAI,WAAW,CAAC,KAAK,CAAC;iBACzD,gBACE,KAAI,CAAC,eAAe,CAAC,MAAM,CAAC,IACzB,CAAA;QACR,CAAC,CAAA;;IACH,CAAC;IAjCC,qCAAQ,GAAR,UAAS,MAAc;;QACrB,OAAO,MAAA,MAAA,IAAI,CAAC,MAAM,0CAAG,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,mCAAI,IAAI,CAAC,KAAK,CAAA;IAC7D,CAAC;IAED,sCAAS,GAAT;QACE,IAAM,MAAM,GAAa,EAAE,CAAA;QAC3B,IAAI,IAAI,CAAC,KAAK;YAAE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QACvC,IAAI,IAAI,CAAC,MAAM;YAAE,MAAM,CAAC,IAAI,OAAX,MAAM,EAAS,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAa,EAAC;QACvE,OAAO,MAAM,CAAA;IACf,CAAC;IAES,uCAAU,GAApB,UAAqB,MAAc;QACjC,OAAO,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAE,MAAc,CAAC,KAAK,CAAC,CAAC,CAAC,~~MAAmB~~,CAAA;~~IACjF~~,CAAC;IAED,4CAAe,GAAf,UAAgB,OAAe;QAC7B,OAAM;IACR,CAAC;IAgBH,yBAAC;AAAD,CAAC,AAvCD,CACU,yCAAmB,GAsC5B;AAvCqB,gDAAkB;AAyCjC,IAAM,oBAAoB,GAAG,UAAgG,WAAiD;IACnL,OAAO,OAAQ,WAAmD,CAAC,eAAe,KAAK,UAAU,CAAA;AACnG,CAAC,CAAA;AAFY,QAAA,oBAAoB,wBAEhC;AAED,IAAM,OAAO,OAAG,WAAG,sOAAA,kKAOlB,IAAA,CAAA;AAED,IAAM,WAAW,GAAG,UAAC,KAAc;IACjC,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CAAC,MAAM,CAAC,EAAE;QAC3B,OAAO,kBAAY,CAAA;KACpB;SAAM;QACL,WAAO,WAAG,4GAAA,wCAET,KAAA;KACF;AACH,CAAC,CAAA"}
1	+ {"version":3,"file":"WritingDescription.js","sourceRoot":"","sources":["../../../../src/components/material/Writing/WritingDescription.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAoC;AAEpC,oCAA4G;AAC5G,8DAAkF;AAElF;IACU,sCAAoC;IAD9C;QAAA,qEAuCC;QAdC,aAAO,GAAG,UAAC,EAA6D;gBAA3D,MAAM,YAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA;YACtC,IAAM,KAAK,GAAG,KAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;YACnC,IAAM,IAAI,GAAG,KAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA;YACjC,IAAM,YAAY,GAAG,KAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAA;YACjD,OAAO,yCAAK,GAAG,EAAE;oBACf,OAAO;oBACP,IAAA,aAAO,EAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC;oBAChC,KAAK,IAAI,CAAC,IAAA,mBAAa,EAAC,KAAK,CAAC,EAAE,IAAA,eAAS,EAAC,KAAK,CAAC,CAAC;oBACjD,YAAY,IAAI,IAAA,qBAAe,EAAC,YAAY,CAAC;oBAC7C,SAAS,CAAC,CAAC,CAAC,iBAAW,CAAC,CAAC,CAAC,QAAQ,IAAI,WAAW,CAAC,KAAK,CAAC;iBACzD,gBACE,KAAI,CAAC,eAAe,CAAC,MAAM,CAAC,IACzB,CAAA;QACR,CAAC,CAAA;;IACH,CAAC;IAjCC,qCAAQ,GAAR,UAAS,MAAc;;QACrB,OAAO,MAAA,MAAA,IAAI,CAAC,MAAM,0CAAG,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,mCAAI,IAAI,CAAC,KAAK,CAAA;IAC7D,CAAC;IAED,sCAAS,GAAT;QACE,IAAM,MAAM,GAAa,EAAE,CAAA;QAC3B,IAAI,IAAI,CAAC,KAAK;YAAE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QACvC,IAAI,IAAI,CAAC,MAAM;YAAE,MAAM,CAAC,IAAI,OAAX,MAAM,EAAS,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAa,EAAC;QACvE,OAAO,MAAM,CAAA;IACf,CAAC;IAES,uCAAU,GAApB,UAAqB,MAAc;QACjC,OAAO,CAAC,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAE,MAAc,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAA6B,CAAA;IAClG,CAAC;IAED,4CAAe,GAAf,UAAgB,OAAe;QAC7B,OAAM;IACR,CAAC;IAgBH,yBAAC;AAAD,CAAC,AAvCD,CACU,yCAAmB,GAsC5B;AAvCqB,gDAAkB;AAyCjC,IAAM,oBAAoB,GAAG,UAAgG,WAAiD;IACnL,OAAO,OAAQ,WAAmD,CAAC,eAAe,KAAK,UAAU,CAAA;AACnG,CAAC,CAAA;AAFY,QAAA,oBAAoB,wBAEhC;AAED,IAAM,OAAO,OAAG,WAAG,sOAAA,kKAOlB,IAAA,CAAA;AAED,IAAM,WAAW,GAAG,UAAC,KAAc;IACjC,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CAAC,MAAM,CAAC,EAAE;QAC3B,OAAO,kBAAY,CAAA;KACpB;SAAM;QACL,WAAO,WAAG,4GAAA,wCAET,KAAA;KACF;AACH,CAAC,CAAA"}

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

@@ -10,6 +10,6 @@ export declare class CreateItemAnimations<P extends number = number, M extends n
     getPreDuration(move: CreateItem<P, M, L>, context: MaterialGameAnimationContext<P, M, L>): number;
     getPostDuration(move: CreateItem<P, M, L>, _context: MaterialGameAnimationContext<P, M, L>): number;
     getItemAnimation(context: ItemContext<P, M, L>, animation: Animation<CreateItem<P, M, L>>): Interpolation<Theme>;
-    isItemToAnimate({ rules, type, index, displayIndex }: ItemContext<P, M, L>, animation: Animation<CreateItem<P, M, L>>): boolean;
+    isItemToAnimate(context: ItemContext<P, M, L>, animation: Animation<CreateItem<P, M, L>>): boolean;
     protected getKeyframesFromOrigin(origin: string, _animation: Animation<ItemMove<P, M, L>>, _context: ItemContext<P, M, L>): import("@emotion/serialize").Keyframes;
 }

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

@@ -22,9 +22,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CreateItemAnimations = void 0;
 var react_1 = require("@emotion/react");
 var css_1 = require("../../../css");
+var locators_1 = require("../../../locators");
 var getFirstStockItemTransforms_util_1 = require("./getFirstStockItemTransforms.util");
 var ItemAnimations_1 = require("./ItemAnimations");
-var itemMovementCss_util_1 = require("./itemMovementCss.util");
 var rotations_utils_1 = require("./rotations.utils");
 var transformItem_util_1 = require("./transformItem.util");
 var lastCreatedItemsIndexes = {};
@@ -55,20 +55,20 @@ var CreateItemAnimations = /** @class */ (function (_super) {
             var targetTransforms = (0, rotations_utils_1.toSingleRotation)((0, transformItem_util_1.transformItem)(context));
             (0, rotations_utils_1.toClosestRotations)(originTransforms, targetTransforms);
             var animationKeyframes = this.getTransformKeyframes(originTransforms.join(' '), targetTransforms.join(' '), animation, context);
-            return (0, itemMovementCss_util_1.movementAnimationCss)(animationKeyframes, animation.duration);
+            var description = context.material[context.type];
+            return description === null || description === void 0 ? void 0 : description.getAnimationCss(animationKeyframes, animation.duration);
         }
         else {
             return (0, css_1.fadeIn)(animation.duration);
         }
     };
-    CreateItemAnimations.prototype.isItemToAnimate = function (_a, animation) {
-        var _b, _c;
-        var rules = _a.rules, type = _a.type, index = _a.index, displayIndex = _a.displayIndex;
-        var item = rules.material(type).getItem(index);
+    CreateItemAnimations.prototype.isItemToAnimate = function (context, animation) {
+        var _a, _b;
+        var type = context.type, index = context.index, displayIndex = context.displayIndex;
         if (animation.move.itemType !== type || lastCreatedItemsIndexes[JSON.stringify(animation.move)] !== index)
             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;
+        var quantity = (_a = (0, locators_1.getItemFromContext)(context).quantity) !== null && _a !== void 0 ? _a : 1;
+        var createdQuantity = (_b = animation.move.item.quantity) !== null && _b !== void 0 ? _b : 1;
         return displayIndex >= quantity - createdQuantity;
     };
     CreateItemAnimations.prototype.getKeyframesFromOrigin = function (origin, _animation, _context) {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CreateItemAnimations.js","sourceRoot":"","sources":["../../../../src/components/material/animations/CreateItemAnimations.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,wCAAgE;AAGhE,oCAAqC;~~AAErC~~,uFAAgF;AAChF,mDAAiD;~~AACjD,+DAA6D;AAE7D~~,qDAAwE;AACxE,2DAAoD;AAEpD,IAAM,uBAAuB,GAA2B,EAAE,CAAA;AAE1D;IACU,wCAAuB;IAE/B,8BAAsB,QAAY;QAAZ,yBAAA,EAAA,YAAY;QAAlC,YACE,iBAAO,SACR;QAFqB,cAAQ,GAAR,QAAQ,CAAI;;IAElC,CAAC;IAEQ,6CAAc,GAAvB,UAAwB,IAAyB,EAAE,OAA8C;QAC/F,IAAM,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,8CAAe,GAAxB,UAAyB,IAAyB,EAAE,QAA+C;QACjG,IAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;QACvC,UAAU,CAAC,cAAM,OAAA,OAAO,uBAAuB,CAAC,UAAU,CAAC,EAA1C,CAA0C,EAAE,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAA;QAClF,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,gBAAgB,GAAG,IAAA,kCAAgB,EAAC,eAAe,CAAC,CAAA;YAC1D,IAAM,gBAAgB,GAAG,IAAA,kCAAgB,EAAC,IAAA,kCAAa,EAAC,OAAO,CAAC,CAAC,CAAA;YACjE,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,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,~~EAA0D~~,EAAE,SAAyC;;~~YAAnG~~,~~KAAK~~,~~WAAA,EAAE,~~IAAI,~~UAAA~~,~~EAAE~~,~~KAAK~~,~~WAAA,~~EAAE,~~YAAY,kBAAA;QAChD,IAAM,IAAI,GAAG,~~KAAK,~~CAAC~~,~~QAAQ~~,~~CAAC~~,~~IAAI~~,~~CAAC~~,~~CAAC~~,OAAO,~~CAAC~~,~~KAAK,CAAE,CAAA~~;~~QACjD~~,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,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,~~AAhDD~~,CACU,+BAAc,~~GA+CvB~~;~~AAhDY~~,oDAAoB"}
1	+ {"version":3,"file":"CreateItemAnimations.js","sourceRoot":"","sources":["../../../../src/components/material/animations/CreateItemAnimations.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,wCAAgE;AAGhE,oCAAqC;AACrC,8CAAmE;AACnE,uFAAgF;AAChF,mDAAiD;AAEjD,qDAAwE;AACxE,2DAAoD;AAEpD,IAAM,uBAAuB,GAA2B,EAAE,CAAA;AAE1D;IACU,wCAAuB;IAE/B,8BAAsB,QAAY;QAAZ,yBAAA,EAAA,YAAY;QAAlC,YACE,iBAAO,SACR;QAFqB,cAAQ,GAAR,QAAQ,CAAI;;IAElC,CAAC;IAEQ,6CAAc,GAAvB,UAAwB,IAAyB,EAAE,OAA8C;QAC/F,IAAM,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,8CAAe,GAAxB,UAAyB,IAAyB,EAAE,QAA+C;QACjG,IAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;QACvC,UAAU,CAAC,cAAM,OAAA,OAAO,uBAAuB,CAAC,UAAU,CAAC,EAA1C,CAA0C,EAAE,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAA;QAClF,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,gBAAgB,GAAG,IAAA,kCAAgB,EAAC,eAAe,CAAC,CAAA;YAC1D,IAAM,gBAAgB,GAAG,IAAA,kCAAgB,EAAC,IAAA,kCAAa,EAAC,OAAO,CAAC,CAAC,CAAA;YACjE,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,OAAO,IAAA,YAAM,EAAC,SAAS,CAAC,QAAQ,CAAC,CAAA;SAClC;IACH,CAAC;IAED,8CAAe,GAAf,UAAgB,OAA6B,EAAE,SAAyC;;QAC9E,IAAA,IAAI,GAA0B,OAAO,KAAjC,EAAE,KAAK,GAAmB,OAAO,MAA1B,EAAE,YAAY,GAAK,OAAO,aAAZ,CAAY;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,IAAM,QAAQ,GAAG,MAAA,IAAA,6BAAkB,EAAC,OAAO,CAAC,CAAC,QAAQ,mCAAI,CAAC,CAAA;QAC1D,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,AAjDD,CACU,+BAAc,GAgDvB;AAjDY,oDAAoB"}

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

@@ -21,10 +21,10 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 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 itemMovementCss_util_1 = require("./itemMovementCss.util");
 var rotations_utils_1 = require("./rotations.utils");
 var transformItem_util_1 = require("./transformItem.util");
 var DeleteItemAnimations = /** @class */ (function (_super) {
@@ -46,9 +46,8 @@ var DeleteItemAnimations = /** @class */ (function (_super) {
         return this.duration;
     };
     DeleteItemAnimations.prototype.getItemAnimation = function (context, animation) {
-        var rules = context.rules, type = context.type, index = context.index, locators = context.locators;
-        var item = rules.material(type).getItem(index);
-        var itemLocator = locators[item.location.type];
+        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);
@@ -57,7 +56,8 @@ var DeleteItemAnimations = /** @class */ (function (_super) {
             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);
-            return (0, itemMovementCss_util_1.movementAnimationCss)(animationKeyframes, animation.duration);
+            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      "])));

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DeleteItemAnimations.js","sourceRoot":"","sources":["../../../../src/components/material/animations/DeleteItemAnimations.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,wCAAqE;~~AAIrE~~,wDAAsD;AACtD,uFAAgF;AAChF,mDAAiD;~~AACjD,+DAA6D;AAE7D~~,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,YAAY,EAAE,MAAA,MAAA,OAAO,CAAC,IAAI,CAAC,WAAW,0CAAE,YAAY,mCAAI,CAAC,EAAE,CAAA;QACtI,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;~~QACzE~~,~~IAAA,KAAK,GAA4B,OAAO,MAAnC,EAAE,IAAI,GAAsB,OAAO,KAA7B,EAAE,KAAK,GAAe,OAAO,MAAtB,EAAE,QAAQ,GAAK,OAAO,SAAZ,CAAY;QAChD,~~IAAM,IAAI,GAAG,~~KAAK~~,~~CAAC~~,~~QAAQ~~,~~CAAC,IAAI,CAAC,CAAC,~~OAAO,CAAC,~~KAAK,CAAC,~~CAAA;~~QAChD~~,IAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;~~QAChD~~,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,EAAE;YACnB,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,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,AA5CD,CACU,+BAAc,GA2CvB;AA5CY,oDAAoB"}
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,YAAY,EAAE,MAAA,MAAA,OAAO,CAAC,IAAI,CAAC,WAAW,0CAAE,YAAY,mCAAI,CAAC,EAAE,CAAA;QACtI,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,EAAE;YACnB,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"}

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

@@ -28,10 +28,10 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MoveItemAnimations = void 0;
 var lodash_1 = require("lodash");
+var locators_1 = require("../../../locators");
 var isDroppedItem_1 = require("../utils/isDroppedItem");
 var isPlacedOnItem_1 = require("../utils/isPlacedOnItem");
 var ItemAnimations_1 = require("./ItemAnimations");
-var itemMovementCss_util_1 = require("./itemMovementCss.util");
 var rotations_utils_1 = require("./rotations.utils");
 var transformItem_util_1 = require("./transformItem.util");
 var MoveItemAnimations = /** @class */ (function (_super) {
@@ -56,9 +56,8 @@ var MoveItemAnimations = /** @class */ (function (_super) {
         return this.duration;
     };
     MoveItemAnimations.prototype.getItemAnimation = function (context, animation) {
-        var rules = context.rules, type = context.type, index = context.index, locators = context.locators;
-        var item = rules.material(type).getItem(index);
-        var itemLocator = locators[item.location.type];
+        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 this.getMovedItemAnimation(context, animation);
         }
@@ -68,8 +67,9 @@ var MoveItemAnimations = /** @class */ (function (_super) {
         }
     };
     MoveItemAnimations.prototype.getMovedItemAnimation = function (context, animation) {
-        var _a, _b, _c, _d;
+        var _a, _b, _c;
         var type = context.type, rules = context.rules, material = context.material, player = context.player;
+        var description = material[type];
         var Rules = rules.constructor;
         var futureIndex = this.getItemIndexAfterMove(context, animation.move);
         var futureRules = new Rules(JSON.parse(JSON.stringify(rules.game)), { player: player });
@@ -79,10 +79,10 @@ var MoveItemAnimations = /** @class */ (function (_super) {
         var futureDisplayIndex = ((_a = futureItem.quantity) !== null && _a !== void 0 ? _a : 1) - ((_b = animation.move.quantity) !== null && _b !== void 0 ? _b : 1);
         var futureContext = __assign(__assign({}, context), { rules: futureRules, index: futureIndex, displayIndex: futureDisplayIndex });
         var originTransforms = (0, rotations_utils_1.toSingleRotation)((0, transformItem_util_1.transformItem)(context));
-        var targetTransforms = (0, rotations_utils_1.toSingleRotation)((_d = (_c = material[type]) === null || _c === void 0 ? void 0 : _c.getItemTransform(futureItem, futureContext)) !== null && _d !== void 0 ? _d : []);
+        var targetTransforms = (0, rotations_utils_1.toSingleRotation)((_c = description === null || description === void 0 ? void 0 : description.getItemTransform(futureItem, futureContext)) !== null && _c !== void 0 ? _c : []);
         (0, rotations_utils_1.toClosestRotations)(originTransforms, targetTransforms);
         var animationKeyframes = this.getTransformKeyframes(originTransforms.join(' '), targetTransforms.join(' '), animation, context);
-        return (0, itemMovementCss_util_1.movementAnimationCss)(animationKeyframes, animation.duration);
+        return description === null || description === void 0 ? void 0 : description.getAnimationCss(animationKeyframes, animation.duration);
     };
     MoveItemAnimations.prototype.getItemIndexAfterMove = function (_a, move) {
         var _b, _c;
@@ -103,17 +103,18 @@ var MoveItemAnimations = /** @class */ (function (_super) {
         }
     };
     MoveItemAnimations.prototype.getChildItemAnimation = function (item, context, animation) {
-        var _a, _b;
+        var _a;
         var type = context.type, rules = context.rules, material = context.material, player = context.player;
+        var description = material[type];
         var Rules = rules.constructor;
         var futureRules = new Rules(JSON.parse(JSON.stringify(rules.game)), { player: player });
         futureRules.play(animation.move);
         var futureContext = __assign(__assign({}, context), { rules: futureRules });
         var originTransforms = (0, transformItem_util_1.transformItem)(context);
-        var targetTransforms = (_b = (_a = material[type]) === null || _a === void 0 ? void 0 : _a.getItemTransform(item, futureContext)) !== null && _b !== void 0 ? _b : [];
+        var targetTransforms = (_a = description === null || description === void 0 ? void 0 : description.getItemTransform(item, futureContext)) !== null && _a !== void 0 ? _a : [];
         (0, rotations_utils_1.toClosestRotations)(originTransforms, targetTransforms);
         var animationKeyframes = this.getTransformKeyframes(originTransforms.join(' '), targetTransforms.join(' '), animation, context);
-        return (0, itemMovementCss_util_1.movementAnimationCss)(animationKeyframes, animation.duration);
+        return description === null || description === void 0 ? void 0 : description.getAnimationCss(animationKeyframes, animation.duration);
     };
     return MoveItemAnimations;
 }(ItemAnimations_1.ItemAnimations));