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

package/dist/components/material/Wheel/WheelItem.js

@@ -1,54 +1,55 @@
-"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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WheelItem = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsxImportSource @emotion/react */
-var react_1 = require("@emotion/react");
-var rules_api_1 = require("@gamepark/rules-api");
-var css_1 = require("../../../css");
-var hooks_1 = require("../../../hooks");
-var WheelItem = function (props) {
-    var _a;
-    var itemIndex = props.itemIndex, type = props.type, angles = props.angles, playDown = props.playDown, highlight = props.highlight, size = props.size, image = props.image, wheelImage = props.wheelImage, borderRadius = props.borderRadius, extraCss = props.extraCss, wheelExtraCss = props.wheelExtraCss;
-    var context = (0, hooks_1.useMaterialContext)();
-    var animation = (0, hooks_1.useAnimation)(function (_a) {
-        var move = _a.move;
-        return !!type && (0, rules_api_1.isMoveItemType)(type)(move) && move.itemIndex === itemIndex;
-    });
-    var item = itemIndex !== undefined ? context.rules.material(type).getItem(itemIndex) : undefined;
-    return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { css: [
-                    wheelExtraCss,
-                    (0, css_1.sizeCss)(size.width, size.height),
-                    wheelImage && [(0, css_1.backgroundCss)(wheelImage), (0, css_1.shadowCss)(wheelImage)],
-                    borderRadius && (0, css_1.borderRadiusCss)(borderRadius),
-                    highlight ? css_1.shineEffect : (playDown && playDownCss(wheelImage)),
-                    wheelRotationCss((_a = item === null || item === void 0 ? void 0 : item.location.rotation) !== null && _a !== void 0 ? _a : 0, angles),
-                    !!animation && !!item && animateWheelCss(animation, angles)
-                ] }), image && (0, jsx_runtime_1.jsx)("div", { css: [
-                    coverCss,
-                    extraCss,
-                    (0, css_1.sizeCss)(size.width, size.height),
-                    (0, css_1.backgroundCss)(image),
-                    borderRadius && (0, css_1.borderRadiusCss)(borderRadius),
-                    highlight ? css_1.shineEffect : (playDown && playDownCss(image))
-                ] })] });
-};
-exports.WheelItem = WheelItem;
-var wheelRotationCss = function (rotation, angles) { return (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  transform: rotateZ(", "deg); \n"], ["\n  transform: rotateZ(", "deg); \n"])), angles[rotation !== null && rotation !== void 0 ? rotation : 0]); };
-var whellRotationAnimation = function (animation, angles) { return (0, react_1.keyframes)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  to {\n    ", "\n  }\n"], ["\n  to {\n    ", "\n  }\n"])), wheelRotationCss(animation.move.location.rotation, angles)); };
-var animateWheelCss = function (animation, angles) { return (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  animation: ", " ", "s ease-in-out forwards;\n"], ["\n  animation: ", " ", "s ease-in-out forwards;\n"])), whellRotationAnimation(animation, angles), animation.duration); };
-var coverCss = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n"], ["\n  position: absolute;\n  top: 0;\n  left: 0;\n"])));
-var playDownCss = function (image) {
-    if (image === null || image === void 0 ? void 0 : image.endsWith('.jpg')) {
-        return css_1.shadowEffect;
-    }
-    else {
-        return (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      filter: brightness(0.5);\n    "], ["\n      filter: brightness(0.5);\n    "])));
-    }
-};
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { css, keyframes } from '@emotion/react';
+import { isMoveItemType } from '@gamepark/rules-api';
+import { backgroundCss, borderRadiusCss, shadowCss, shadowEffect, shineEffect, sizeCss } from '../../../css';
+import { useAnimation, useMaterialContext } from '../../../hooks';
+export const WheelItem = (props) => {
+    const { itemIndex, type, angles, playDown, highlight, size, image, wheelImage, borderRadius, extraCss, wheelExtraCss } = props;
+    const context = useMaterialContext();
+    const animation = useAnimation(({ move }) => !!type && isMoveItemType(type)(move) && move.itemIndex === itemIndex);
+    const item = itemIndex !== undefined ? context.rules.material(type).getItem(itemIndex) : undefined;
+    return _jsxs(_Fragment, { children: [_jsx("div", { css: [
+                    wheelExtraCss,
+                    sizeCss(size.width, size.height),
+                    wheelImage && [backgroundCss(wheelImage), shadowCss(wheelImage)],
+                    borderRadius && borderRadiusCss(borderRadius),
+                    highlight ? shineEffect : (playDown && playDownCss(wheelImage)),
+                    wheelRotationCss(item?.location.rotation ?? 0, angles),
+                    !!animation && !!item && animateWheelCss(animation, angles)
+                ] }), image && _jsx("div", { css: [
+                    coverCss,
+                    extraCss,
+                    sizeCss(size.width, size.height),
+                    backgroundCss(image),
+                    borderRadius && borderRadiusCss(borderRadius),
+                    highlight ? shineEffect : (playDown && playDownCss(image))
+                ] })] });
+};
+const wheelRotationCss = (rotation, angles) => css `
+  transform: rotateZ(${angles[rotation ?? 0]}deg); 
+`;
+const whellRotationAnimation = (animation, angles) => keyframes `
+  to {
+    ${wheelRotationCss(animation.move.location.rotation, angles)}
+  }
+`;
+const animateWheelCss = (animation, angles) => css `
+  animation: ${whellRotationAnimation(animation, angles)} ${animation.duration}s ease-in-out forwards;
+`;
+const coverCss = css `
+  position: absolute;
+  top: 0;
+  left: 0;
+`;
+const playDownCss = (image) => {
+    if (image?.endsWith('.jpg')) {
+        return shadowEffect;
+    }
+    else {
+        return css `
+      filter: brightness(0.5);
+    `;
+    }
+};
 //# sourceMappingURL=WheelItem.js.map

package/dist/components/material/Wheel/WheelItem.js.map

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

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

@@ -1 +1 @@
-export * from './WheelDescription';
+export * from './WheelDescription';

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/material/Wheel/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qDAAkC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/material/Wheel/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA"}

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

@@ -1,12 +1,12 @@
-import { ReactNode } from 'react';
-import { MaterialContentProps, MaterialDescription } from '../MaterialDescription';
-export declare abstract class WritingDescription<P extends number = number, M extends number = number, L extends number = number, ItemId = any> extends MaterialDescription<P, M, L, ItemId> {
-    image?: string;
-    images?: Record<ItemId extends keyof any ? ItemId : never, string>;
-    getImage(itemId: ItemId): string | undefined;
-    getImages(): string[];
-    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;
-}
-export declare const isWritingDescription: <P extends number = number, M extends number = number, L extends number = number, ItemId = any>(description: MaterialDescription<P, M, L, ItemId>) => description is WritingDescription<P, M, L, ItemId>;
+import { ReactNode } from 'react';
+import { MaterialContentProps, MaterialDescription } from '../MaterialDescription';
+export declare abstract class WritingDescription<P extends number = number, M extends number = number, L extends number = number, ItemId = any> extends MaterialDescription<P, M, L, ItemId> {
+    image?: string;
+    images?: Record<ItemId extends keyof any ? ItemId : never, string>;
+    getImage(itemId: ItemId): string | undefined;
+    getImages(): string[];
+    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;
+}
+export declare const isWritingDescription: <P extends number = number, M extends number = number, L extends number = number, ItemId = any>(description: MaterialDescription<P, M, L, ItemId>) => description is WritingDescription<P, M, L, ItemId>;

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

@@ -1,118 +1,60 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-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.isWritingDescription = exports.WritingDescription = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsxImportSource @emotion/react */
-var react_1 = require("@emotion/react");
-var css_1 = require("../../../css");
-var MaterialDescription_1 = require("../MaterialDescription");
-var WritingDescription = /** @class */ (function (_super) {
-    __extends(WritingDescription, _super);
-    function WritingDescription() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.content = function (_a) {
-            var itemId = _a.itemId, highlight = _a.highlight, playDown = _a.playDown;
-            var image = _this.getImage(itemId);
-            var size = _this.getSize(itemId);
-            var borderRadius = _this.getBorderRadius(itemId);
-            return (0, jsx_runtime_1.jsx)("div", __assign({ css: [
-                    faceCss,
-                    (0, css_1.sizeCss)(size.width, size.height),
-                    image && [(0, css_1.backgroundCss)(image), (0, css_1.shadowCss)(image)],
-                    borderRadius && (0, css_1.borderRadiusCss)(borderRadius),
-                    highlight ? css_1.shineEffect : playDown && playDownCss(image)
-                ] }, { children: _this.getFrontContent(itemId) }));
-        };
-        return _this;
-    }
-    WritingDescription.prototype.getImage = function (itemId) {
-        var _a, _b;
-        return (_b = (_a = this.images) === null || _a === void 0 ? void 0 : _a[this.getFrontId(itemId)]) !== null && _b !== void 0 ? _b : this.image;
-    };
-    WritingDescription.prototype.getImages = function () {
-        var images = [];
-        if (this.image)
-            images.push(this.image);
-        if (this.images)
-            images.push.apply(images, __spreadArray([], __read(Object.values(this.images)), false));
-        return images;
-    };
-    WritingDescription.prototype.getFrontId = function (itemId) {
-        return (typeof itemId === 'object' ? itemId.front : itemId);
-    };
-    WritingDescription.prototype.getFrontContent = function (_itemId) {
-        return;
-    };
-    return WritingDescription;
-}(MaterialDescription_1.MaterialDescription));
-exports.WritingDescription = WritingDescription;
-var isWritingDescription = function (description) {
-    return typeof description.getFrontContent === 'function';
-};
-exports.isWritingDescription = isWritingDescription;
-var faceCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  transform-style: preserve-3d;\n  backface-visibility: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"], ["\n  position: absolute;\n  transform-style: preserve-3d;\n  backface-visibility: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));
-var playDownCss = function (image) {
-    if (image === null || image === void 0 ? void 0 : image.endsWith('.jpg')) {
-        return css_1.shadowEffect;
-    }
-    else {
-        return (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      filter: brightness(0.5);\n    "], ["\n      filter: brightness(0.5);\n    "])));
-    }
-};
-var templateObject_1, templateObject_2;
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { css } from '@emotion/react';
+import { backgroundCss, borderRadiusCss, shadowCss, shadowEffect, shineEffect, sizeCss } from '../../../css';
+import { MaterialDescription } from '../MaterialDescription';
+export class WritingDescription extends MaterialDescription {
+    image;
+    images;
+    getImage(itemId) {
+        return this.images?.[this.getFrontId(itemId)] ?? this.image;
+    }
+    getImages() {
+        const images = [];
+        if (this.image)
+            images.push(this.image);
+        if (this.images)
+            images.push(...Object.values(this.images));
+        return images;
+    }
+    getFrontId(itemId) {
+        return (typeof itemId === 'object' ? itemId.front : itemId);
+    }
+    getFrontContent(_itemId) {
+        return;
+    }
+    content = ({ itemId, highlight, playDown }) => {
+        const image = this.getImage(itemId);
+        const size = this.getSize(itemId);
+        const borderRadius = this.getBorderRadius(itemId);
+        return _jsx("div", { css: [
+                faceCss,
+                sizeCss(size.width, size.height),
+                image && [backgroundCss(image), shadowCss(image)],
+                borderRadius && borderRadiusCss(borderRadius),
+                highlight ? shineEffect : playDown && playDownCss(image)
+            ], children: this.getFrontContent(itemId) });
+    };
+}
+export const isWritingDescription = (description) => {
+    return typeof description.getFrontContent === 'function';
+};
+const faceCss = css `
+  position: absolute;
+  transform-style: preserve-3d;
+  backface-visibility: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+const playDownCss = (image) => {
+    if (image?.endsWith('.jpg')) {
+        return shadowEffect;
+    }
+    else {
+        return css `
+      filter: brightness(0.5);
+    `;
+    }
+};
 //# sourceMappingURL=WritingDescription.js.map

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

@@ -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,2BAAS,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAa,WAAC;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"}
+{"version":3,"file":"WritingDescription.js","sourceRoot":"","sources":["../../../../src/components/material/Writing/WritingDescription.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAEpC,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAC5G,OAAO,EAAwB,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAElF,MAAM,OAAgB,kBACpB,SAAQ,mBAAoC;IAE5C,KAAK,CAAS;IACd,MAAM,CAA4D;IAElE,QAAQ,CAAC,MAAc;QACrB,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,CAAA;IAC7D,CAAC;IAED,SAAS;QACP,MAAM,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,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAa,CAAC,CAAA;QACvE,OAAO,MAAM,CAAA;IACf,CAAC;IAES,UAAU,CAAC,MAAc;QACjC,OAAO,CAAC,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAE,MAAc,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAA6B,CAAA;IAClG,CAAC;IAED,eAAe,CAAC,OAAe;QAC7B,OAAM;IACR,CAAC;IAED,OAAO,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAgC,EAAE,EAAE;QAC1E,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;QACnC,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA;QACjC,MAAM,YAAY,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAA;QACjD,OAAO,cAAK,GAAG,EAAE;gBACf,OAAO;gBACP,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC;gBAChC,KAAK,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;gBACjD,YAAY,IAAI,eAAe,CAAC,YAAY,CAAC;gBAC7C,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,IAAI,WAAW,CAAC,KAAK,CAAC;aACzD,YACE,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,GACzB,CAAA;IACR,CAAC,CAAA;CACF;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAgG,WAAiD,EAAsD,EAAE;IAC3O,OAAO,OAAQ,WAAmD,CAAC,eAAe,KAAK,UAAU,CAAA;AACnG,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,GAAG,CAAA;;;;;;;CAOlB,CAAA;AAED,MAAM,WAAW,GAAG,CAAC,KAAc,EAAE,EAAE;IACrC,IAAI,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;QAC5B,OAAO,YAAY,CAAA;IACrB,CAAC;SAAM,CAAC;QACN,OAAO,GAAG,CAAA;;KAET,CAAA;IACH,CAAC;AACH,CAAC,CAAA"}

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

@@ -1 +1 @@
-export * from './WritingDescription';
+export * from './WritingDescription';

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/material/Writing/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,uDAAoC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/material/Writing/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA"}

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

@@ -1,15 +1,20 @@
-import { Interpolation, Theme } from '@emotion/react';
-import { Animation } from '@gamepark/react-client';
-import { CreateItem, ItemMove } from '@gamepark/rules-api';
-import { ItemContext } from '../../../locators';
-import { ItemAnimations } from './ItemAnimations';
-import { MaterialGameAnimationContext } from './MaterialGameAnimations';
-export declare class CreateItemAnimations<P extends number = number, M extends number = number, L extends number = number> extends ItemAnimations<P, M, L> {
-    protected duration: number;
-    constructor(duration?: number);
-    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(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;
-}
+import { Interpolation, Theme } from '@emotion/react';
+import { Animation } from '@gamepark/react-client';
+import { CreateItem, ItemMove } from '@gamepark/rules-api';
+import { ItemContext } from '../../../locators';
+import { ItemAnimations } from './ItemAnimations';
+import { MaterialGameAnimationContext } from './MaterialGameAnimations';
+export declare class CreateItemAnimations<P extends number = number, M extends number = number, L extends number = number> extends ItemAnimations<P, M, L> {
+    protected duration: number;
+    constructor(duration?: number);
+    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(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>): {
+        name: string;
+        styles: string;
+        anim: 1;
+        toString: () => string;
+    } & string;
+}

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

@@ -1,81 +1,57 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CreateItemAnimations = void 0;
-var 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 rotations_utils_1 = require("./rotations.utils");
-var transformItem_util_1 = require("./transformItem.util");
-var lastCreatedItemsIndexes = {};
-var CreateItemAnimations = /** @class */ (function (_super) {
-    __extends(CreateItemAnimations, _super);
-    function CreateItemAnimations(duration) {
-        if (duration === void 0) { duration = 1; }
-        var _this = _super.call(this) || this;
-        _this.duration = duration;
-        return _this;
-    }
-    CreateItemAnimations.prototype.getPreDuration = function (move, context) {
-        var rules = new context.Rules(context.game, { player: context.playerId });
-        lastCreatedItemsIndexes[JSON.stringify(move)] = rules.mutator(move.itemType).getItemCreationIndex(move.item);
-        return 0;
-    };
-    CreateItemAnimations.prototype.getPostDuration = function (move, _context) {
-        var stringMove = JSON.stringify(move);
-        setTimeout(function () { return delete lastCreatedItemsIndexes[stringMove]; }, this.duration * 2000);
-        return this.duration;
-    };
-    CreateItemAnimations.prototype.getItemAnimation = function (context, animation) {
-        if (!this.isItemToAnimate(context, animation))
-            return;
-        var stockTransforms = (0, getFirstStockItemTransforms_util_1.getFirstStockItemTransforms)(context);
-        if (stockTransforms) {
-            var 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);
-            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 (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 = (_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) {
-        return (0, react_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      from {\n        transform: ", ";\n      }\n    "], ["\n      from {\n        transform: ", ";\n      }\n    "])), origin);
-    };
-    return CreateItemAnimations;
-}(ItemAnimations_1.ItemAnimations));
-exports.CreateItemAnimations = CreateItemAnimations;
-var templateObject_1;
+import { keyframes } from '@emotion/react';
+import { fadeIn } from '../../../css';
+import { getItemFromContext } from '../../../locators';
+import { getFirstStockItemTransforms } from './getFirstStockItemTransforms.util';
+import { ItemAnimations } from './ItemAnimations';
+import { toClosestRotations, toSingleRotation } from './rotations.utils';
+import { transformItem } from './transformItem.util';
+const lastCreatedItemsIndexes = {};
+export class CreateItemAnimations extends ItemAnimations {
+    duration;
+    constructor(duration = 1) {
+        super();
+        this.duration = duration;
+    }
+    getPreDuration(move, context) {
+        const rules = new context.Rules(context.game, { player: context.playerId });
+        lastCreatedItemsIndexes[JSON.stringify(move)] = rules.mutator(move.itemType).getItemCreationIndex(move.item);
+        return 0;
+    }
+    getPostDuration(move, _context) {
+        const stringMove = JSON.stringify(move);
+        setTimeout(() => delete lastCreatedItemsIndexes[stringMove], this.duration * 2000);
+        return this.duration;
+    }
+    getItemAnimation(context, animation) {
+        if (!this.isItemToAnimate(context, animation))
+            return;
+        const stockTransforms = getFirstStockItemTransforms(context);
+        if (stockTransforms) {
+            const originTransforms = toSingleRotation(stockTransforms);
+            const targetTransforms = toSingleRotation(transformItem(context));
+            toClosestRotations(originTransforms, targetTransforms);
+            const animationKeyframes = this.getTransformKeyframes(originTransforms.join(' '), targetTransforms.join(' '), animation, context);
+            const description = context.material[context.type];
+            return description?.getAnimationCss(animationKeyframes, animation.duration);
+        }
+        else {
+            return fadeIn(animation.duration);
+        }
+    }
+    isItemToAnimate(context, animation) {
+        const { type, index, displayIndex } = context;
+        if (animation.move.itemType !== type || lastCreatedItemsIndexes[JSON.stringify(animation.move)] !== index)
+            return false;
+        const quantity = getItemFromContext(context).quantity ?? 1;
+        const createdQuantity = animation.move.item.quantity ?? 1;
+        return displayIndex >= quantity - createdQuantity;
+    }
+    getKeyframesFromOrigin(origin, _animation, _context) {
+        return keyframes `
+      from {
+        transform: ${origin};
+      }
+    `;
+    }
+}
 //# sourceMappingURL=CreateItemAnimations.js.map