@gamepark/react-game 6.24.1 → 6.24.2

package/dist/components/PlayerPanel/Counters.d.ts

@@ -0,0 +1,13 @@
+import { Interpolation, Theme } from '@emotion/react';
+import { FC } from 'react';
+export type CounterProps = {
+    image: string;
+    value: number | string;
+} & {
+    imageCss?: Interpolation<Theme>;
+};
+export type CountersProps = {
+    counters: CounterProps[];
+    lineSize?: number;
+};
+export declare const Counters: FC<CountersProps>;

package/dist/components/PlayerPanel/Counters.js

@@ -0,0 +1,44 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Counters = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var react_1 = require("@emotion/react");
+var Counters = function (props) {
+    var counters = props.counters, _a = props.lineSize, lineSize = _a === void 0 ? 2 : _a;
+    if (!counters.length)
+        return null;
+    if (counters.length === 1)
+        return (0, jsx_runtime_1.jsx)(Counter, __assign({}, counters[0], { unique: true }));
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ css: counterGridCss(Math.min(counters.length, lineSize)) }, { children: counters.map(function (counter, i) { return ((0, jsx_runtime_1.jsx)(Counter, __assign({}, counter), i)); }) })));
+};
+exports.Counters = Counters;
+var Counter = function (props) {
+    var image = props.image, value = props.value, imageCss = props.imageCss, unique = props.unique;
+    if (image === undefined && value === undefined)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)("span", __assign({ css: [data, unique && uniqCounterCss, !unique && counterCss] }, { children: [(0, jsx_runtime_1.jsx)("div", { css: [mini, mainIconBackground(image), imageCss] }), (0, jsx_runtime_1.jsx)("span", { children: value })] })));
+};
+var counterGridCss = function (size) { return (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: grid;\n  grid-template-columns: repeat(", ", 1fr);\n  gap: 0.5em;\n  margin-top: 1em;\n"], ["\n  display: grid;\n  grid-template-columns: repeat(", ", 1fr);\n  gap: 0.5em;\n  margin-top: 1em;\n"])), size); };
+var mainIconBackground = function (image) { return (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-image: url(", ");\n  background-repeat: no-repeat;\n  background-size: contain;\n"], ["\n  background-image: url(", ");\n  background-repeat: no-repeat;\n  background-size: contain;\n"])), image); };
+var mini = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: 1em;\n  width: 1em;\n  align-self: center;\n"], ["\n  height: 1em;\n  width: 1em;\n  align-self: center;\n"])));
+var data = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  color: white;\n  background-color: rgba(0, 0, 0, 0.7);\n  padding: 0.1em 0.3em;\n  border-radius: 0.4em;\n  z-index: 2;\n"], ["\n  color: white;\n  background-color: rgba(0, 0, 0, 0.7);\n  padding: 0.1em 0.3em;\n  border-radius: 0.4em;\n  z-index: 2;\n"])));
+var rightAlignment = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  left: initial;\n  right: 0.2em;\n  font-size: 2.5em;\n"], ["\n  left: initial;\n  right: 0.2em;\n  font-size: 2.5em;\n"])));
+var uniqCounterCss = (0, react_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  width: 3.5em;\n  font-size: 2.5em;\n  top: 1.7em;\n  left: initial;\n  right: 0.25em;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  ", ";\n\n  > span {\n    text-align: right;\n    width: 1.7em;\n    bottom: 0.2em;\n  }\n"], ["\n  width: 3.5em;\n  font-size: 2.5em;\n  top: 1.7em;\n  left: initial;\n  right: 0.25em;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  ", ";\n\n  > span {\n    text-align: right;\n    width: 1.7em;\n    bottom: 0.2em;\n  }\n"])), rightAlignment);
+var counterCss = (0, react_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  font-size: 3.5em;\n  justify-self: end;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n\n  > span {\n    text-align: right;\n    bottom: 0.2em;\n  }\n"], ["\n  font-size: 3.5em;\n  justify-self: end;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n\n  > span {\n    text-align: right;\n    bottom: 0.2em;\n  }\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+//# sourceMappingURL=Counters.js.map

package/dist/components/PlayerPanel/Counters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Counters.js","sourceRoot":"","sources":["../../../src/components/PlayerPanel/Counters.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AACA,wCAA0D;AAanD,IAAM,QAAQ,GAAsB,UAAC,KAAK;IACvC,IAAA,QAAQ,GAAmB,KAAK,SAAxB,EAAE,KAAiB,KAAK,SAAV,EAAZ,QAAQ,mBAAG,CAAC,KAAA,CAAU;IACxC,IAAI,CAAC,QAAQ,CAAC,MAAM;QAAE,OAAO,IAAI,CAAA;IACjC,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,uBAAC,OAAO,eAAK,QAAQ,CAAC,CAAC,CAAC,IAAE,MAAM,UAAG,CAAA;IAErE,OAAO,CACL,yCAAK,GAAG,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,gBAC1D,QAAQ,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,CAAC,IAAK,OAAA,CAC5B,uBAAC,OAAO,eAAa,OAAO,GAAd,CAAC,CAAiB,CACjC,EAF6B,CAE7B,CAAC,IACE,CACP,CAAA;AACH,CAAC,CAAA;AAZY,QAAA,QAAQ,YAYpB;AAED,IAAM,OAAO,GAA4C,UAAC,KAAK;IACrD,IAAA,KAAK,GAA8B,KAAK,MAAnC,EAAE,KAAK,GAAuB,KAAK,MAA5B,EAAE,QAAQ,GAAa,KAAK,SAAlB,EAAE,MAAM,GAAK,KAAK,OAAV,CAAU;IAChD,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,IAAI,CAAA;IAC3D,OAAO,CACL,2CAAM,GAAG,EAAE,CAAC,IAAI,EAAE,MAAM,IAAI,cAAc,EAAE,CAAC,MAAM,IAAI,UAAU,CAAC,iBAChE,gCAAK,GAAG,EAAE,CAAC,IAAI,EAAE,kBAAkB,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,GAAG,EACxD,2CAAO,KAAK,GAAQ,KACf,CACR,CAAA;AACH,CAAC,CAAA;AAED,IAAM,cAAc,GAAG,UAAC,IAAY,IAAK,WAAA,WAAG,0KAAA,sDAEV,EAAI,8CAGrC,KAHiC,IAAI,GAFG,CAKxC,CAAA;AAED,IAAM,kBAAkB,GAAG,UAAC,KAAa,IAAK,WAAA,WAAG,sKAAA,4BACvB,EAAK,oEAG9B,KAHyB,KAAK,GADe,CAI7C,CAAA;AACD,IAAM,IAAI,OAAG,WAAG,8HAAA,0DAIf,IAAA,CAAA;AAGD,IAAM,IAAI,OAAG,WAAG,mMAAA,+HAMf,IAAA,CAAA;AAED,IAAM,cAAc,OAAG,WAAG,gIAAA,4DAIzB,IAAA,CAAA;AAED,IAAM,cAAc,OAAG,WAAG,yUAAA,4KAStB,EAAc,uFAOjB,KAPG,cAAc,CAOjB,CAAA;AAED,IAAM,UAAU,OAAG,WAAG,+QAAA,2MAYrB,IAAA,CAAA"}

package/dist/components/PlayerPanel/StyledPlayerPanel.d.ts

@@ -2,7 +2,7 @@ import { Interpolation, Theme } from '@emotion/react';
 import { Player } from '@gamepark/react-client';
 import { FC, HTMLAttributes } from 'react';
 import { MaterialFocus } from '../material';
-type MainCounterProps = {
+type CountersProps = {
     image: string;
     value: number | string;
 } & {
@@ -10,7 +10,9 @@ type MainCounterProps = {
 };
 type StyledPlayerPanelProps = {
     player: Player;
-    mainCounter?: MainCounterProps;
+    mainCounter?: CountersProps;
+    counters?: CountersProps[];
+    countersPerLine?: number;
     backgroundImage?: string;
     playerFocus?: MaterialFocus;
     color?: string;

package/dist/components/PlayerPanel/StyledPlayerPanel.js

@@ -25,6 +25,15 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledPlayerPanel = void 0;
 var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
@@ -35,9 +44,11 @@ var hooks_1 = require("../../hooks");
 var Avatar_1 = require("../Avatar");
 var material_1 = require("../material");
 var PlayerTimer_1 = require("../PlayerTimer");
+var Counters_1 = require("./Counters");
 var StyledPlayerPanel = function (props) {
     var _a;
-    var player = props.player, activeRing = props.activeRing, timerOnRight = props.timerOnRight, _b = props.color, color = _b === void 0 ? '#28B8CE' : _b, playerFocus = props.playerFocus, backgroundImage = props.backgroundImage, mainCounter = props.mainCounter, rest = __rest(props, ["player", "activeRing", "timerOnRight", "color", "playerFocus", "backgroundImage", "mainCounter"]);
+    var player = props.player, activeRing = props.activeRing, timerOnRight = props.timerOnRight, _b = props.color, color = _b === void 0 ? '#28B8CE' : _b, playerFocus = props.playerFocus, backgroundImage = props.backgroundImage, _c = props.counters, counters = _c === void 0 ? [] : _c, _d = props.countersPerLine, countersPerLine = _d === void 0 ? 2 : _d, mainCounter = props.mainCounter, rest = __rest(props, ["player", "activeRing", "timerOnRight", "color", "playerFocus", "backgroundImage", "counters", "countersPerLine", "mainCounter"]);
+    var allCounter = mainCounter ? __spreadArray([mainCounter], counters, true) : counters !== null && counters !== void 0 ? counters : [];
     var setFocus = (0, material_1.useFocusContext)().setFocus;
     var playerName = (0, hooks_1.usePlayerName)(player.id);
     var gameOver = (0, react_redux_1.useSelector)(function (state) { return state.gameOver; });
@@ -48,31 +59,25 @@ var StyledPlayerPanel = function (props) {
             return;
         setFocus(playerFocus);
     }, [playerFocus]);
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ css: [panelPlayerStyle, panelStyle, backgroundImage && backgroundCss(backgroundImage), playerFocus && pointable], onClick: focusPlayer }, rest, { children: [(0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { css: avatarStyle, playerId: player.id, speechBubbleProps: { direction: Avatar_1.SpeechBubbleDirection.BOTTOM_LEFT } }), activeRing && isTurnToPlay && (0, jsx_runtime_1.jsx)("div", __assign({ css: isPlaying }, { children: (0, jsx_runtime_1.jsx)("div", { css: isTurnToPlay && circle }) })), (0, jsx_runtime_1.jsx)("h2", __assign({ css: [nameStyle, data] }, { children: playerName })), !gameOver && (0, jsx_runtime_1.jsx)(PlayerTimer_1.PlayerTimer, { playerId: player.id, css: [timerStyle, data, timerOnRight && rightAlignment], customStyle: [halfOpacityOnPause, PlayerTimer_1.blinkOnRunningTimeout] }), !!mainCounter && (0, jsx_runtime_1.jsx)(MainIcon, __assign({ player: player.id }, mainCounter))] })) }));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ css: [panelPlayerStyle, panelStyle, backgroundImage && backgroundCss(backgroundImage), playerFocus && pointable, !allCounter.length && noCounterCss], onClick: focusPlayer }, rest, { children: [(0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { css: avatarStyle, playerId: player.id, speechBubbleProps: { direction: Avatar_1.SpeechBubbleDirection.BOTTOM_LEFT } }), activeRing && isTurnToPlay && (0, jsx_runtime_1.jsx)("div", __assign({ css: isPlaying }, { children: (0, jsx_runtime_1.jsx)("div", { css: isTurnToPlay && circle }) })), (0, jsx_runtime_1.jsx)("h2", __assign({ css: [nameStyle, data] }, { children: playerName })), !allCounter.length && !gameOver &&
+                ((0, jsx_runtime_1.jsx)(PlayerTimer_1.PlayerTimer, { playerId: player.id, css: [timerStyle, data, rightAlignment], customStyle: [halfOpacityOnPause, PlayerTimer_1.blinkOnRunningTimeout] })), allCounter.length === 1 && ((0, jsx_runtime_1.jsxs)("div", __assign({ css: groupTimerAndCounter }, { children: [!gameOver && (0, jsx_runtime_1.jsx)(PlayerTimer_1.PlayerTimer, { playerId: player.id, css: [timerStyle, data, rightAlignment], customStyle: [halfOpacityOnPause, PlayerTimer_1.blinkOnRunningTimeout] }), (0, jsx_runtime_1.jsx)(Counters_1.Counters, { counters: allCounter, lineSize: countersPerLine })] }))), allCounter.length > 1 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!gameOver && (0, jsx_runtime_1.jsx)(PlayerTimer_1.PlayerTimer, { playerId: player.id, css: [timerStyle, data, rightAlignment], customStyle: [halfOpacityOnPause, PlayerTimer_1.blinkOnRunningTimeout] }), (0, jsx_runtime_1.jsx)(Counters_1.Counters, { counters: allCounter, lineSize: countersPerLine })] }))] })));
 };
 exports.StyledPlayerPanel = StyledPlayerPanel;
-var halfOpacityOnPause = function (playing) { return !playing && (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  opacity: 0.8;\n"], ["\n  opacity: 0.8;\n"]))); };
-var MainIcon = function (props) {
-    var image = props.image, value = props.value, imageCss = props.imageCss;
-    if (image === undefined && value === undefined)
-        return null;
-    return ((0, jsx_runtime_1.jsxs)("span", __assign({ css: [data, counter, rightAlignment] }, { children: [(0, jsx_runtime_1.jsx)("div", { css: [mini, mainIconBackground(image), imageCss] }), (0, jsx_runtime_1.jsx)("span", { children: value })] })));
-};
-var mainIconBackground = function (image) { return (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-image: url(", ");\n  background-repeat: no-repeat;\n  background-size: cover;\n"], ["\n  background-image: url(", ");\n  background-repeat: no-repeat;\n  background-size: cover;\n"])), image); };
-var rightAlignment = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  left: initial;\n  right: 0.2em;\n  font-size: 2.5em;\n"], ["\n  left: initial;\n  right: 0.2em;\n  font-size: 2.5em;\n"])));
-var mini = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  height: 1em;\n  width: 1em;\n  align-self: center;\n  border: 0.01em solid white;\n"], ["\n  height: 1em;\n  width: 1em;\n  align-self: center;\n  border: 0.01em solid white;\n"])));
-var counter = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  position: absolute;\n  width: 3.5em;\n  font-size: 2.5em;\n  bottom: 0.2em;\n  left: initial;\n  right: 0.25em;\n  display: flex;\n  height: 1.3em;\n  align-items: center;\n  justify-content: space-between;\n\n  > span {\n    text-align: right;\n    width: 1.7em;\n    bottom: 0.2em;\n  }\n"], ["\n  position: absolute;\n  width: 3.5em;\n  font-size: 2.5em;\n  bottom: 0.2em;\n  left: initial;\n  right: 0.25em;\n  display: flex;\n  height: 1.3em;\n  align-items: center;\n  justify-content: space-between;\n\n  > span {\n    text-align: right;\n    width: 1.7em;\n    bottom: 0.2em;\n  }\n"])));
-var panelPlayerStyle = (0, react_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  color: black;\n  border-radius: 3em 1.5em 1.5em 1.5em;\n  box-shadow: 0 0 0.5em black, 0 0 0.5em black;\n  width: 28em;\n  height: 8.3em;\n"], ["\n  color: black;\n  border-radius: 3em 1.5em 1.5em 1.5em;\n  box-shadow: 0 0 0.5em black, 0 0 0.5em black;\n  width: 28em;\n  height: 8.3em;\n"])));
-var avatarStyle = (0, react_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  position: absolute;\n  top: -0.1em;\n  left: 0;\n  border-radius: 100%;\n  height: 6em;\n  width: 6em;\n  color: black;\n  z-index: 1;\n"], ["\n  position: absolute;\n  top: -0.1em;\n  left: 0;\n  border-radius: 100%;\n  height: 6em;\n  width: 6em;\n  color: black;\n  z-index: 1;\n"])));
-var nameStyle = (0, react_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  position: absolute;\n  top: 0.2em;\n  left: initial;\n  right: 0.2em;\n  max-width: 7.3em;\n  font-size: 2.4em;\n  margin: 0;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n"], ["\n  position: absolute;\n  top: 0.2em;\n  left: initial;\n  right: 0.2em;\n  max-width: 7.3em;\n  font-size: 2.4em;\n  margin: 0;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n"])));
-var backgroundCss = function (backgroundImage) { return (0, react_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  background: rgba(0, 0, 0, 0.8) url(", ");\n  background-size: cover;\n  background-repeat: no-repeat;\n"], ["\n  background: rgba(0, 0, 0, 0.8) url(", ");\n  background-size: cover;\n  background-repeat: no-repeat;\n"])), backgroundImage); };
-var pointable = (0, react_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  cursor: pointer;\n"], ["\n  cursor: pointer;\n"])));
-var panelStyle = (0, react_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  background-color: white;\n\n  &:after {\n    content: '';\n    position: absolute;\n    top: 0;\n    height: 100%;\n    width: 100%;\n    left: 0;\n    border-radius: 1em;\n  }\n"], ["\n  background-color: white;\n\n  &:after {\n    content: '';\n    position: absolute;\n    top: 0;\n    height: 100%;\n    width: 100%;\n    left: 0;\n    border-radius: 1em;\n  }\n"])));
-var data = (0, react_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  color: white;\n  background-color: rgba(0, 0, 0, 0.7);\n  padding: 0.1em 0.3em;\n  border-radius: 0.4em;\n  z-index: 2;\n"], ["\n  color: white;\n  background-color: rgba(0, 0, 0, 0.7);\n  padding: 0.1em 0.3em;\n  border-radius: 0.4em;\n  z-index: 2;\n"])));
-var timerStyle = (0, react_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  position: absolute;\n  bottom: 0.2em;\n  left: initial;\n  right: 4.1em;\n  font-size: 2.5em;\n"], ["\n  position: absolute;\n  bottom: 0.2em;\n  left: initial;\n  right: 4.1em;\n  font-size: 2.5em;\n"])));
-var isPlaying = (0, react_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  position: absolute;\n  top: -0.1em;\n  left: 0;\n  border-radius: 50%;\n  height: 6em;\n  width: 6em;\n  color: black;\n  z-index: 0;\n"], ["\n  position: absolute;\n  top: -0.1em;\n  left: 0;\n  border-radius: 50%;\n  height: 6em;\n  width: 6em;\n  color: black;\n  z-index: 0;\n"])));
-var circleAnimation = (0, react_1.keyframes)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  to {\n    transform: rotateZ(0);\n  }\n  from {\n    transform: rotateZ(360deg);\n  }\n"], ["\n  to {\n    transform: rotateZ(0);\n  }\n  from {\n    transform: rotateZ(360deg);\n  }\n"])));
+var noCounterCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  min-height: 8.1em;\n"], ["\n  min-height: 8.1em;\n"])));
+var groupTimerAndCounter = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-self: flex-end;\n  gap: 0.5em;\n"], ["\n  display: flex;\n  flex-direction: row;\n  align-self: flex-end;\n  gap: 0.5em;\n"])));
+var halfOpacityOnPause = function (playing) { return !playing && (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  opacity: 0.8;\n"], ["\n  opacity: 0.8;\n"]))); };
+var rightAlignment = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  left: initial;\n  right: 0.2em;\n  font-size: 2.5em;\n"], ["\n  left: initial;\n  right: 0.2em;\n  font-size: 2.5em;\n"])));
+var panelPlayerStyle = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  color: black;\n  border-radius: 3em 1.5em 1.5em 1.5em;\n  box-shadow: 0 0 0.5em black, 0 0 0.5em black;\n  width: 28em;\n  display: flex;\n  flex-direction: column;\n  gap: 0.4em;\n  padding: 0.5em;\n"], ["\n  color: black;\n  border-radius: 3em 1.5em 1.5em 1.5em;\n  box-shadow: 0 0 0.5em black, 0 0 0.5em black;\n  width: 28em;\n  display: flex;\n  flex-direction: column;\n  gap: 0.4em;\n  padding: 0.5em;\n"])));
+var avatarStyle = (0, react_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  position: absolute;\n  top: -0.1em;\n  left: 0;\n  border-radius: 100%;\n  height: 6em;\n  width: 6em;\n  color: black;\n  z-index: 1;\n"], ["\n  position: absolute;\n  top: -0.1em;\n  left: 0;\n  border-radius: 100%;\n  height: 6em;\n  width: 6em;\n  color: black;\n  z-index: 1;\n"])));
+var nameStyle = (0, react_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  align-self: end;\n  max-width: 7.3em;\n  margin: 0;\n  font-size: 2.4em;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n"], ["\n  align-self: end;\n  max-width: 7.3em;\n  margin: 0;\n  font-size: 2.4em;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n"])));
+var backgroundCss = function (backgroundImage) { return (0, react_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  background: rgba(0, 0, 0, 0.8) url(", ");\n  background-size: cover;\n  background-repeat: no-repeat;\n"], ["\n  background: rgba(0, 0, 0, 0.8) url(", ");\n  background-size: cover;\n  background-repeat: no-repeat;\n"])), backgroundImage); };
+var pointable = (0, react_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  cursor: pointer;\n"], ["\n  cursor: pointer;\n"])));
+var panelStyle = (0, react_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  background-color: white;\n\n  &:after {\n    content: '';\n    position: absolute;\n    top: 0;\n    height: 100%;\n    width: 100%;\n    left: 0;\n    border-radius: 1em;\n  }\n"], ["\n  background-color: white;\n\n  &:after {\n    content: '';\n    position: absolute;\n    top: 0;\n    height: 100%;\n    width: 100%;\n    left: 0;\n    border-radius: 1em;\n  }\n"])));
+var data = (0, react_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  color: white;\n  background-color: rgba(0, 0, 0, 0.7);\n  padding: 0.1em 0.3em;\n  border-radius: 0.4em;\n  z-index: 2;\n"], ["\n  color: white;\n  background-color: rgba(0, 0, 0, 0.7);\n  padding: 0.1em 0.3em;\n  border-radius: 0.4em;\n  z-index: 2;\n"])));
+var timerStyle = (0, react_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  align-self: end;\n  font-size: 2.5em;\n"], ["\n  align-self: end;\n  font-size: 2.5em;\n"])));
+var isPlaying = (0, react_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  position: absolute;\n  top: -0.1em;\n  left: 0;\n  border-radius: 50%;\n  height: 6em;\n  width: 6em;\n  color: black;\n  z-index: 0;\n"], ["\n  position: absolute;\n  top: -0.1em;\n  left: 0;\n  border-radius: 50%;\n  height: 6em;\n  width: 6em;\n  color: black;\n  z-index: 0;\n"])));
+var circleAnimation = (0, react_1.keyframes)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  to {\n    transform: rotateZ(0);\n  }\n  from {\n    transform: rotateZ(360deg);\n  }\n"], ["\n  to {\n    transform: rotateZ(0);\n  }\n  from {\n    transform: rotateZ(360deg);\n  }\n"])));
 var inset = 0.8;
-var circle = (0, react_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  background-image: linear-gradient(\n          to bottom, gold 0%,\n          rgb(40, 184, 206) 100%);\n  position: absolute;\n  top: -", "em;\n  bottom: -", "em;\n  right: -", "em;\n  left: -", "em;\n  border-radius: inherit;\n  animation: ", " 1s infinite linear;\n"], ["\n  background-image: linear-gradient(\n          to bottom, gold 0%,\n          rgb(40, 184, 206) 100%);\n  position: absolute;\n  top: -", "em;\n  bottom: -", "em;\n  right: -", "em;\n  left: -", "em;\n  border-radius: inherit;\n  animation: ", " 1s infinite linear;\n"])), inset, inset, inset, inset, circleAnimation);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16;
+var circle = (0, react_1.css)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  background-image: linear-gradient(\n          to bottom, gold 0%,\n          rgb(40, 184, 206) 100%);\n  position: absolute;\n  top: -", "em;\n  bottom: -", "em;\n  right: -", "em;\n  left: -", "em;\n  border-radius: inherit;\n  animation: ", " 1s infinite linear;\n"], ["\n  background-image: linear-gradient(\n          to bottom, gold 0%,\n          rgb(40, 184, 206) 100%);\n  position: absolute;\n  top: -", "em;\n  bottom: -", "em;\n  right: -", "em;\n  left: -", "em;\n  border-radius: inherit;\n  animation: ", " 1s infinite linear;\n"])), inset, inset, inset, inset, circleAnimation);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15;
 //# sourceMappingURL=StyledPlayerPanel.js.map

package/dist/components/PlayerPanel/StyledPlayerPanel.js.map

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

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

@@ -1,2 +1,3 @@
 export * from './PlayerPanel';
 export * from './StyledPlayerPanel';
+export * from './Counters';

package/dist/components/PlayerPanel/index.js

@@ -16,4 +16,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./PlayerPanel"), exports);
 __exportStar(require("./StyledPlayerPanel"), exports);
+__exportStar(require("./Counters"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PlayerPanel/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA6B;AAC7B,sDAAmC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PlayerPanel/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA6B;AAC7B,sDAAmC;AACnC,6CAA0B"}

package/dist/components/material/GameTable/ItemDisplay.js

@@ -88,10 +88,10 @@ exports.ItemDisplay = (0, react_2.forwardRef)(function (_a, ref) {
     return (0, jsx_runtime_1.jsx)("div", __assign({ css: [
             itemCss,
             hoverTransform && hoverCss(itemTransform.join(' '), description.getSize(item.id), hoverTransform, animating || !!dragTransform)
-        ] }, props, (0, utilities_1.combineEventListeners)(listeners, props), { children: (0, jsx_runtime_1.jsxs)(MaterialComponent_1.MaterialComponent, __assign({ ref: isFocused ? (0, react_merge_refs_1.mergeRefs)([ref, focusRef]) : ref, type: type, itemId: item.id, highlight: highlight, playDown: playDown !== null && playDown !== void 0 ? playDown : ((focus === null || focus === void 0 ? void 0 : focus.highlight) && !isFocused && !focusedLocations.length), style: { transform: transformStyle }, css: description.getItemExtraCss(item, itemContext) }, { children: [canHaveChildren ? (0, jsx_runtime_1.jsx)(ItemDropLocations, { locations: otherLocations, item: item, type: type }) : (0, jsx_runtime_1.jsx)(ItemLocations, { locations: otherLocations }), focusedLocations.length > 0 && (0, jsx_runtime_1.jsx)(locations_1.LocationsMask, { locations: focusedLocations.map(function (l) { return l.location; }) }), (0, jsx_runtime_1.jsx)(ItemLocations, { locations: focusedLocations })] })) }));
+        ] }, props, (0, utilities_1.combineEventListeners)(listeners, props), { children: (0, jsx_runtime_1.jsxs)(MaterialComponent_1.MaterialComponent, __assign({ ref: isFocused ? (0, react_merge_refs_1.mergeRefs)([ref, focusRef]) : ref, type: type, itemId: item.id, highlight: highlight, playDown: playDown !== null && playDown !== void 0 ? playDown : ((focus === null || focus === void 0 ? void 0 : focus.highlight) && !isFocused && !focusedLocations.length), style: { transform: transformStyle }, css: description.getItemExtraCss(item, itemContext) }, { children: [canHaveChildren ? (0, jsx_runtime_1.jsx)(ItemDropLocations, { locations: otherLocations, item: item, type: type }) : (0, jsx_runtime_1.jsx)(ItemLocations, { locations: otherLocations }), focusedLocations.length > 0 && (0, jsx_runtime_1.jsx)(locations_1.LocationsMask, { locations: focusedLocations.map(function (l) { return l.location; }), borderRadius: description.getBorderRadius(item.id) }), (0, jsx_runtime_1.jsx)(ItemLocations, { locations: focusedLocations })] })) }));
 });
 var itemCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  > * {\n    position: absolute;\n  }\n"], ["\n  > * {\n    position: absolute;\n  }\n"])));
-var hoverCss = function (itemTransform, itemSize, hoverTransform, disable) { return (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  &:hover > * > * {\n    transition: transform 50ms ease-in-out;\n    transform: ", ";\n  }\n\n  > * {\n    pointer-events: ", ";\n  }\n\n  &:before {\n    content: \" \";\n    position: absolute;\n    width: ", "em;\n    height: ", "em;\n    transform: ", ";\n  }\n"], ["\n  &:hover > * > * {\n    transition: transform 50ms ease-in-out;\n    transform: ", ";\n  }\n\n  > * {\n    pointer-events: ", ";\n  }\n\n  &:before {\n    content: \" \";\n    position: absolute;\n    width: ", "em;\n    height: ", "em;\n    transform: ", ";\n  }\n"])), disable ? '' : hoverTransform, disable ? 'auto' : 'none', itemSize.width, itemSize.height, itemTransform); };
+var hoverCss = function (itemTransform, itemSize, hoverTransform, disable) { return (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  @media (hover) {\n    &:hover > * > * {\n      transition: transform 50ms ease-in-out;\n      transform: ", ";\n    }  \n  }\n  \n  > * {\n    pointer-events: ", ";\n  }\n\n  &:before {\n    content: \" \";\n    position: absolute;\n    width: ", "em;\n    height: ", "em;\n    transform: ", ";\n  }\n"], ["\n  @media (hover) {\n    &:hover > * > * {\n      transition: transform 50ms ease-in-out;\n      transform: ", ";\n    }  \n  }\n  \n  > * {\n    pointer-events: ", ";\n  }\n\n  &:before {\n    content: \" \";\n    position: absolute;\n    width: ", "em;\n    height: ", "em;\n    transform: ", ";\n  }\n"])), disable ? '' : hoverTransform, disable ? 'auto' : 'none', itemSize.width, itemSize.height, itemTransform); };
 exports.ItemDisplay.displayName = 'ItemDisplay';
 var ItemLocations = function (_a) {
     var locations = _a.locations;

package/dist/components/material/GameTable/ItemDisplay.js.map

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

package/dist/components/material/GameTable/focus/LocationsWithFocus.d.ts

@@ -1,8 +1,9 @@
-import { Location } from '@gamepark/rules-api';
-import { LocationContext } from '../../../../locators';
+import { Location, MaterialItem } from '@gamepark/rules-api';
+import { ItemContext, LocationContext } from '../../../../locators';
 import { MaterialFocus } from './MaterialFocus';
 export type LocationsWithFocus = {
     locations: Location[];
     focusedIndexes: number[];
 };
+export declare const getLocationsWithFocus: (item: MaterialItem, context: ItemContext, focus?: MaterialFocus) => LocationsWithFocus;
 export declare const getStaticLocationsWithFocus: (context: LocationContext, focus?: MaterialFocus) => Location[];

package/dist/components/material/GameTable/focus/LocationsWithFocus.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getStaticLocationsWithFocus = void 0;
+exports.getStaticLocationsWithFocus = exports.getLocationsWithFocus = void 0;
 var isEqual_1 = __importDefault(require("lodash/isEqual"));
 var getFocusedLocations = function (locationsFocus, locations) {
     var focusedIndexes = [];
@@ -23,14 +23,21 @@ var getFocusedLocations = function (locationsFocus, locations) {
     }
     return { locations: locations, focusedIndexes: focusedIndexes };
 };
+var getLocationsWithFocus = function (item, context, focus) {
+    var _a, _b, _c, _d;
+    var locationsFocus = (_b = (_a = focus === null || focus === void 0 ? void 0 : focus.locations) === null || _a === void 0 ? void 0 : _a.filter(function (location) { var _a, _b; return ((_a = context.locators[location.type]) === null || _a === void 0 ? void 0 : _a.parentItemType) === context.type && ((_b = location.parent) !== null && _b !== void 0 ? _b : 0) === context.index; })) !== null && _b !== void 0 ? _b : [];
+    var locations = (_d = (_c = context.material[context.type]) === null || _c === void 0 ? void 0 : _c.getLocations(item, context)) !== null && _d !== void 0 ? _d : [];
+    return getFocusedLocations(locationsFocus, locations);
+};
+exports.getLocationsWithFocus = getLocationsWithFocus;
 var getStaticLocationsWithFocus = function (context, focus) {
     return Object.keys(context.locators).flatMap(function (type) {
-        var _a;
+        var _a, _b, _c;
         var locator = context.locators[type];
         if (locator.parentItemType !== undefined)
             return [];
         var locationsFocus = (_a = focus === null || focus === void 0 ? void 0 : focus.locations.filter(function (l) { return l.type === +type; })) !== null && _a !== void 0 ? _a : [];
-        var locations = locator.getLocations(context);
+        var locations = (_c = (_b = locator.getLocationDescription(context)) === null || _b === void 0 ? void 0 : _b.getLocations(context)) !== null && _c !== void 0 ? _c : [];
         return getFocusedLocations(locationsFocus, locations).locations;
     });
 };

package/dist/components/material/GameTable/focus/LocationsWithFocus.js.map

@@ -1 +1 @@
-{"version":3,"file":"LocationsWithFocus.js","sourceRoot":"","sources":["../../../../../src/components/material/GameTable/focus/LocationsWithFocus.ts"],"names":[],"mappings":";;;;;;AACA,2DAAoC;AASpC,IAAM,mBAAmB,GAAG,UAAC,cAA0B,EAAE,SAAqB;IAC5E,IAAM,cAAc,GAAG,EAAE,CAAA;4BACd,aAAa;QACtB,IAAM,KAAK,GAAG,SAAS,CAAC,SAAS,CAAC,UAAA,QAAQ,IAAI,OAAA,IAAA,iBAAO,EAAC,QAAQ,EAAE,aAAa,CAAC,EAAhC,CAAgC,CAAC,CAAA;QAC/E,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;YAChB,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;SAC3B;aAAM;YACL,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAA;YACrC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;SAC9B;;IAPH,KAA4B,UAAc,EAAd,iCAAc,EAAd,4BAAc,EAAd,IAAc;QAArC,IAAM,aAAa,uBAAA;gBAAb,aAAa;KAQvB;IACD,OAAO,EAAE,SAAS,WAAA,EAAE,cAAc,gBAAA,EAAE,CAAA;AACtC,CAAC,CAAA;AAEM,IAAM,2BAA2B,GAAG,UACzC,OAAwB,EAAE,KAAqB;IAE/C,OAAO,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,UAAC,IAAI;;QAChD,IAAM,OAAO,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAY,CAAA;QACjD,IAAI,OAAO,CAAC,cAAc,KAAK,SAAS;YAAE,OAAO,EAAE,CAAA;QACnD,IAAM,cAAc,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,CAAC,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,IAAI,KAAK,CAAC,IAAI,EAAhB,CAAgB,CAAC,mCAAI,EAAE,CAAA;QAC3E,IAAM,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;QAC/C,OAAO,mBAAmB,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC,SAAS,CAAA;IACjE,CAAC,CAAC,CAAA;AAEJ,CAAC,CAAA;AAXY,QAAA,2BAA2B,+BAWvC"}
+{"version":3,"file":"LocationsWithFocus.js","sourceRoot":"","sources":["../../../../../src/components/material/GameTable/focus/LocationsWithFocus.ts"],"names":[],"mappings":";;;;;;AACA,2DAAoC;AASpC,IAAM,mBAAmB,GAAG,UAAC,cAA0B,EAAE,SAAqB;IAC5E,IAAM,cAAc,GAAG,EAAE,CAAA;4BACd,aAAa;QACtB,IAAM,KAAK,GAAG,SAAS,CAAC,SAAS,CAAC,UAAA,QAAQ,IAAI,OAAA,IAAA,iBAAO,EAAC,QAAQ,EAAE,aAAa,CAAC,EAAhC,CAAgC,CAAC,CAAA;QAC/E,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;YAChB,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;SAC3B;aAAM;YACL,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAA;YACrC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;SAC9B;;IAPH,KAA4B,UAAc,EAAd,iCAAc,EAAd,4BAAc,EAAd,IAAc;QAArC,IAAM,aAAa,uBAAA;gBAAb,aAAa;KAQvB;IACD,OAAO,EAAE,SAAS,WAAA,EAAE,cAAc,gBAAA,EAAE,CAAA;AACtC,CAAC,CAAA;AAEM,IAAM,qBAAqB,GAAG,UACnC,IAAkB,EAAE,OAAoB,EAAE,KAAqB;;IAE/D,IAAM,cAAc,GAAG,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,0CAAE,MAAM,CAAC,UAAA,QAAQ,gBACtD,OAAA,CAAA,MAAA,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,0CAAE,cAAc,MAAK,OAAO,CAAC,IAAI,IAAI,CAAC,MAAA,QAAQ,CAAC,MAAM,mCAAI,CAAC,CAAC,KAAK,OAAO,CAAC,KAAK,CAAA,EAAA,CAC7G,mCAAI,EAAE,CAAA;IACP,IAAM,SAAS,GAAG,MAAA,MAAA,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,0CAAE,YAAY,CAAC,IAAI,EAAE,OAAO,CAAC,mCAAI,EAAE,CAAA;IACnF,OAAO,mBAAmB,CAAC,cAAc,EAAE,SAAS,CAAC,CAAA;AACvD,CAAC,CAAA;AARY,QAAA,qBAAqB,yBAQjC;AAEM,IAAM,2BAA2B,GAAG,UACzC,OAAwB,EAAE,KAAqB;IAE/C,OAAO,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,UAAC,IAAI;;QAChD,IAAM,OAAO,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAgB,CAAA;QACrD,IAAI,OAAO,CAAC,cAAc,KAAK,SAAS;YAAE,OAAO,EAAE,CAAA;QACnD,IAAM,cAAc,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,CAAC,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,IAAI,KAAK,CAAC,IAAI,EAAhB,CAAgB,CAAC,mCAAI,EAAE,CAAA;QAC3E,IAAM,SAAS,GAAG,MAAA,MAAA,OAAO,CAAC,sBAAsB,CAAC,OAAO,CAAC,0CAAE,YAAY,CAAC,OAAO,CAAC,mCAAI,EAAE,CAAA;QACtF,OAAO,mBAAmB,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC,SAAS,CAAA;IACjE,CAAC,CAAC,CAAA;AAEJ,CAAC,CAAA;AAXY,QAAA,2BAA2B,+BAWvC"}

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

@@ -22,10 +22,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CreateItemAnimations = void 0;
 var react_1 = require("@emotion/react");
 var css_1 = require("../../../css");
-var adjustRotation_1 = require("./adjustRotation");
 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 = {};
 var CreateItemAnimations = (function (_super) {
@@ -51,8 +51,10 @@ var CreateItemAnimations = (function (_super) {
             return;
         var stockTransforms = (0, getFirstStockItemTransforms_util_1.getFirstStockItemTransforms)(context);
         if (stockTransforms) {
-            var targetTransform = (0, adjustRotation_1.adjustRotation)(stockTransforms, (0, transformItem_util_1.transformItem)(context)).join(' ');
-            var animationKeyframes = this.getKeyframesFromOrigin(targetTransform, animation, context);
+            var originTransforms = (0, rotations_utils_1.toSingleRotation)(stockTransforms);
+            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);
         }
         else {

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

@@ -1 +1 @@
-{"version":3,"file":"CreateItemAnimations.js","sourceRoot":"","sources":["../../../../src/components/material/animations/CreateItemAnimations.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,wCAAgE;AAGhE,oCAAqC;AAErC,mDAAiD;AACjD,uFAAgF;AAChF,mDAAiD;AACjD,+DAA6D;AAE7D,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,eAAe,GAAG,IAAA,+BAAc,EAAC,eAAe,EAAE,IAAA,kCAAa,EAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;YACzF,IAAM,kBAAkB,GAAG,IAAI,CAAC,sBAAsB,CAAC,eAAe,EAAE,SAAS,EAAE,OAAO,CAAC,CAAA;YAC3F,OAAO,IAAA,2CAAoB,EAAC,kBAAkB,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;SACpE;aAAM;YACL,OAAO,IAAA,YAAM,EAAC,SAAS,CAAC,QAAQ,CAAC,CAAA;SAClC;IACH,CAAC;IAED,8CAAe,GAAf,UAAgB,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,AA9CD,CACU,+BAAc,GA6CvB;AA9CY,oDAAoB"}
+{"version":3,"file":"CreateItemAnimations.js","sourceRoot":"","sources":["../../../../src/components/material/animations/CreateItemAnimations.ts"],"names":[],"mappings":"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"}

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

@@ -22,11 +22,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DeleteItemAnimations = void 0;
 var react_1 = require("@emotion/react");
 var isDroppedItem_1 = require("../utils/isDroppedItem");
-var adjustRotation_1 = require("./adjustRotation");
 var getFirstStockItemTransforms_util_1 = require("./getFirstStockItemTransforms.util");
 var isMovedOrDeletedItem_util_1 = require("./isMovedOrDeletedItem.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 = (function (_super) {
     __extends(DeleteItemAnimations, _super);
@@ -49,10 +49,12 @@ var DeleteItemAnimations = (function (_super) {
     DeleteItemAnimations.prototype.getItemAnimation = function (context, animation) {
         if (!(0, isMovedOrDeletedItem_util_1.isMovedOrDeletedItem)(context, animation.move))
             return;
-        var stockLocation = (0, getFirstStockItemTransforms_util_1.getFirstStockItemTransforms)(context);
-        if (stockLocation) {
-            var targetTransform = (0, adjustRotation_1.adjustRotation)(stockLocation, (0, transformItem_util_1.transformItem)(context)).join(' ');
-            var animationKeyframes = this.getKeyframesToDestination(targetTransform, animation, context);
+        var stockTransforms = (0, getFirstStockItemTransforms_util_1.getFirstStockItemTransforms)(context);
+        if (stockTransforms) {
+            var originTransforms = (0, rotations_utils_1.toSingleRotation)((0, transformItem_util_1.transformItem)(context));
+            var targetTransforms = (0, rotations_utils_1.toSingleRotation)(stockTransforms);
+            (0, rotations_utils_1.toClosestRotations)(originTransforms, targetTransforms);
+            var animationKeyframes = this.getTransformKeyframes(originTransforms.join(' '), targetTransforms.join(' '), animation, context);
             return (0, itemMovementCss_util_1.movementAnimationCss)(animationKeyframes, animation.duration);
         }
         else {

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

@@ -1 +1 @@
-{"version":3,"file":"DeleteItemAnimations.js","sourceRoot":"","sources":["../../../../src/components/material/animations/DeleteItemAnimations.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,wCAAqE;AAIrE,wDAAsD;AACtD,mDAAiD;AACjD,uFAAgF;AAChF,yEAAkE;AAClE,mDAAiD;AACjD,+DAA6D;AAE7D,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,IAAI,CAAC,IAAA,gDAAoB,EAAC,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC;YAAE,OAAM;QAC1D,IAAM,aAAa,GAAG,IAAA,8DAA2B,EAAC,OAAO,CAAC,CAAA;QAC1D,IAAI,aAAa,EAAE;YACjB,IAAM,eAAe,GAAG,IAAA,+BAAc,EAAC,aAAa,EAAE,IAAA,kCAAa,EAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;YACvF,IAAM,kBAAkB,GAAG,IAAI,CAAC,yBAAyB,CAAC,eAAe,EAAE,SAAS,EAAE,OAAO,CAAC,CAAA;YAC9F,OAAO,IAAA,2CAAoB,EAAC,kBAAkB,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;SACpE;aAAM;YACL,IAAM,OAAO,OAAG,iBAAS,8HAAA,0DAIxB,IAAA,CAAA;YACD,WAAO,WAAG,gHAAA,aAAc,EAAO,GAAI,EAAkB,wBAAwB,KAArD,OAAO,EAAI,SAAS,CAAC,QAAQ,EAAwB;SAC9E;IACH,CAAC;IAES,wDAAyB,GAAnC,UAAoC,WAAmB,EAAE,UAAwC,EAAE,QAA8B;QAC/H,WAAO,iBAAS,2HAAA,mCAEC,EAAW,kBAE3B,KAFgB,WAAW,EAE3B;IACH,CAAC;IACH,2BAAC;AAAD,CAAC,AAvCD,CACU,+BAAc,GAsCvB;AAvCY,oDAAoB"}
+{"version":3,"file":"DeleteItemAnimations.js","sourceRoot":"","sources":["../../../../src/components/material/animations/DeleteItemAnimations.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,wCAAqE;AAIrE,wDAAsD;AACtD,uFAAgF;AAChF,yEAAkE;AAClE,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;QACjF,IAAI,CAAC,IAAA,gDAAoB,EAAC,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC;YAAE,OAAM;QAC1D,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,AAzCD,CACU,+BAAc,GAwCvB;AAzCY,oDAAoB"}

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

@@ -1,10 +1,11 @@
 import { Interpolation, Theme } from '@emotion/react';
 import { Animation, Animations } from '@gamepark/react-client';
-import { DisplayedItem, MaterialGame, MaterialMove } from '@gamepark/rules-api';
+import { DisplayedItem, ItemMove, MaterialGame, MaterialMove } from '@gamepark/rules-api';
 import { ItemContext, MaterialContext } from '../../../locators';
 import { MaterialGameAnimationContext } from './MaterialGameAnimations';
 export declare class ItemAnimations<P extends number = number, M extends number = number, L extends number = number> extends Animations<MaterialGame<P, M, L>, MaterialMove<P, M, L>, P> {
     getItemAnimation(_context: ItemContext<P, M, L>, _animation: Animation<MaterialMove<P, M, L>>): Interpolation<Theme>;
     getMaterialContext({ Rules, game, material, locators, playerId }: MaterialGameAnimationContext<P, M, L>): MaterialContext<P, M, L>;
     getItemContext(context: MaterialGameAnimationContext<P, M, L>, item: DisplayedItem<M>): ItemContext<P, M, L>;
+    protected getTransformKeyframes(origin: string, destination: string, _animation: Animation<ItemMove<P, M, L>>, _context: ItemContext<P, M, L>): import("@emotion/serialize").Keyframes;
 }

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

@@ -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++) {
@@ -27,6 +31,7 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ItemAnimations = void 0;
+var react_1 = require("@emotion/react");
 var react_client_1 = require("@gamepark/react-client");
 var ItemAnimations = (function (_super) {
     __extends(ItemAnimations, _super);
@@ -43,7 +48,11 @@ var ItemAnimations = (function (_super) {
     ItemAnimations.prototype.getItemContext = function (context, item) {
         return __assign(__assign({}, this.getMaterialContext(context)), item);
     };
+    ItemAnimations.prototype.getTransformKeyframes = function (origin, destination, _animation, _context) {
+        return (0, react_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      from {\n        transform: ", ";\n      }\n      to {\n        transform: ", ";\n      }\n    "], ["\n      from {\n        transform: ", ";\n      }\n      to {\n        transform: ", ";\n      }\n    "])), origin, destination);
+    };
     return ItemAnimations;
 }(react_client_1.Animations));
 exports.ItemAnimations = ItemAnimations;
+var templateObject_1;
 //# sourceMappingURL=ItemAnimations.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ItemAnimations.js","sourceRoot":"","sources":["../../../../src/components/material/animations/ItemAnimations.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,uDAA8D;AAK9D;IACU,kCAA2D;IADrE;;IAcA,CAAC;IAXC,yCAAgB,GAAhB,UAAiB,QAA8B,EAAE,UAA4C;QAC3F,OAAM;IACR,CAAC;IAED,2CAAkB,GAAlB,UAAmB,EAAoF;YAAlF,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA;QAC5D,OAAO,EAAE,KAAK,EAAE,IAAI,KAAK,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,CAA2B,EAAE,QAAQ,EAAE,QAAS,EAAE,QAAQ,EAAE,QAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAA;IAC/I,CAAC;IAED,uCAAc,GAAd,UAAe,OAA8C,EAAE,IAAsB;QACnF,6BAAY,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,GAAK,IAAI,EAAE;IACzD,CAAC;IACH,qBAAC;AAAD,CAAC,AAdD,CACU,yBAAU,GAanB;AAdY,wCAAc"}
+{"version":3,"file":"ItemAnimations.js","sourceRoot":"","sources":["../../../../src/components/material/animations/ItemAnimations.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wCAAgE;AAChE,uDAA8D;AAK9D;IACU,kCAA2D;IADrE;;IAyBA,CAAC;IAtBC,yCAAgB,GAAhB,UAAiB,QAA8B,EAAE,UAA4C;QAC3F,OAAM;IACR,CAAC;IAED,2CAAkB,GAAlB,UAAmB,EAAoF;YAAlF,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA;QAC5D,OAAO,EAAE,KAAK,EAAE,IAAI,KAAK,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,CAA2B,EAAE,QAAQ,EAAE,QAAS,EAAE,QAAQ,EAAE,QAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAA;IAC/I,CAAC;IAED,uCAAc,GAAd,UAAe,OAA8C,EAAE,IAAsB;QACnF,6BAAY,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,GAAK,IAAI,EAAE;IACzD,CAAC;IAES,8CAAqB,GAA/B,UAAgC,MAAc,EAAE,WAAmB,EAAE,UAAwC,EAAE,QAA8B;QAC3I,WAAO,iBAAS,4KAAA,qCAEC,EAAM,6CAGN,EAAW,kBAE3B,KALgB,MAAM,EAGN,WAAW,EAE3B;IACH,CAAC;IACH,qBAAC;AAAD,CAAC,AAzBD,CACU,yBAAU,GAwBnB;AAzBY,wCAAc"}

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

@@ -1,6 +1,6 @@
 import { Interpolation, Theme } from '@emotion/react';
 import { Animation } from '@gamepark/react-client';
-import { ItemMove, MaterialItem, MoveItem } from '@gamepark/rules-api';
+import { MaterialItem, MoveItem } from '@gamepark/rules-api';
 import { ItemContext } from '../../../locators';
 import { ItemAnimations } from './ItemAnimations';
 import { MaterialGameAnimationContext } from './MaterialGameAnimations';
@@ -13,5 +13,4 @@ export declare class MoveItemAnimations<P extends number = number, M extends num
     getMovedItemAnimation(context: ItemContext<P, M, L>, animation: Animation<MoveItem<P, M, L>>): Interpolation<Theme>;
     getItemIndexAfterMove({ rules }: ItemContext<P, M, L>, move: MoveItem<P, M, L>): number;
     getChildItemAnimation(item: MaterialItem<P, L>, context: ItemContext<P, M, L>, animation: Animation<MoveItem<P, M, L>>): Interpolation<Theme>;
-    protected getKeyframes(origin: string, destination: string, _animation: Animation<ItemMove<P, M, L>>, _context: ItemContext<P, M, L>): import("@emotion/serialize").Keyframes;
 }

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

@@ -14,10 +14,6 @@ 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++) {
@@ -31,14 +27,13 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MoveItemAnimations = void 0;
-var react_1 = require("@emotion/react");
 var lodash_1 = require("lodash");
 var isDroppedItem_1 = require("../utils/isDroppedItem");
 var isPlacedOnItem_1 = require("../utils/isPlacedOnItem");
-var adjustRotation_1 = require("./adjustRotation");
 var isMovedOrDeletedItem_util_1 = require("./isMovedOrDeletedItem.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 MoveItemAnimations = (function (_super) {
     __extends(MoveItemAnimations, _super);
@@ -81,11 +76,10 @@ var MoveItemAnimations = (function (_super) {
         var futureItem = futureRules.material(type).getItem(futureIndex);
         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 sourceTransforms = (0, transformItem_util_1.transformItem)(context);
-        var sourceTransform = sourceTransforms.join(' ');
-        var futureTransforms = (_d = (_c = material[type]) === null || _c === void 0 ? void 0 : _c.getItemTransform(futureItem, futureContext)) !== null && _d !== void 0 ? _d : [];
-        var futureTransform = (0, adjustRotation_1.adjustRotation)(futureTransforms, sourceTransforms).join(' ');
-        var animationKeyframes = this.getKeyframes(sourceTransform, futureTransform, animation, context);
+        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 : []);
+        (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);
     };
     MoveItemAnimations.prototype.getItemIndexAfterMove = function (_a, move) {
@@ -113,18 +107,13 @@ var MoveItemAnimations = (function (_super) {
         var futureRules = new Rules(JSON.parse(JSON.stringify(rules.game)), { player: player });
         futureRules.play(animation.move);
         var futureContext = __assign(__assign({}, context), { rules: futureRules });
-        var sourceTransforms = (0, transformItem_util_1.transformItem)(context);
-        var sourceTransform = sourceTransforms.join(' ');
+        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 targetTransform = (0, adjustRotation_1.adjustRotation)(targetTransforms, sourceTransforms).join(' ');
-        var animationKeyframes = this.getKeyframes(sourceTransform, targetTransform, animation, 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);
     };
-    MoveItemAnimations.prototype.getKeyframes = function (origin, destination, _animation, _context) {
-        return (0, react_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      from {\n        transform: ", ";\n      }\n      to {\n        transform: ", ";\n      }\n    "], ["\n      from {\n        transform: ", ";\n      }\n      to {\n        transform: ", ";\n      }\n    "])), origin, destination);
-    };
     return MoveItemAnimations;
 }(ItemAnimations_1.ItemAnimations));
 exports.MoveItemAnimations = MoveItemAnimations;
-var templateObject_1;
 //# sourceMappingURL=MoveItemAnimations.js.map