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

package/dist/components/material/MobileMaterialDescription.js

@@ -1,71 +1,31 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MobileMaterialDescription = void 0;
-/** @jsxImportSource @emotion/react */
-var rules_api_1 = require("@gamepark/rules-api");
-var isEqual_1 = __importDefault(require("lodash/isEqual"));
-var locators_1 = require("../../locators");
-var MaterialDescription_1 = require("./MaterialDescription");
-var MobileMaterialDescription = /** @class */ (function (_super) {
-    __extends(MobileMaterialDescription, _super);
-    function MobileMaterialDescription() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.isMobile = true;
-        return _this;
-    }
-    MobileMaterialDescription.prototype.canDrag = function (move, context) {
-        var _a;
-        if ((0, rules_api_1.isMoveItem)(move)) {
-            return ((_a = move.location) === null || _a === void 0 ? void 0 : _a.type) !== undefined && move.itemType === context.type && move.itemIndex === context.index && this.canDragToMove(move, context);
-        }
-        else if ((0, rules_api_1.isDeleteItem)(move)) {
-            return move.itemType === context.type && move.itemIndex === context.index && this.canDragToDelete(move, context);
-        }
-        else if ((0, rules_api_1.isMoveItemsAtOnce)(move)) {
-            return move.itemType === context.type && move.indexes.includes(context.index) && this.canDragToMove(move, context);
-        }
-        else {
-            return false;
-        }
-    };
-    MobileMaterialDescription.prototype.canDragToMove = function (move, context) {
-        var _a = (0, locators_1.getItemFromContext)(context).location, rotation = _a.rotation, actualLocation = __rest(_a, ["rotation"]);
-        var _b = move.location, nextRotation = _b.rotation, nextLocation = __rest(_b, ["rotation"]);
-        return !(0, isEqual_1.default)(actualLocation, nextLocation);
-    };
-    MobileMaterialDescription.prototype.canDragToDelete = function (_move, context) {
-        return this.getStockLocation((0, locators_1.getItemFromContext)(context), context) !== undefined;
-    };
-    return MobileMaterialDescription;
-}(MaterialDescription_1.MaterialDescription));
-exports.MobileMaterialDescription = MobileMaterialDescription;
+/** @jsxImportSource @emotion/react */
+import { isDeleteItem, isMoveItem, isMoveItemsAtOnce } from '@gamepark/rules-api';
+import { isEqual } from 'es-toolkit';
+import { getItemFromContext } from '../../locators';
+import { MaterialDescription } from './MaterialDescription';
+export class MobileMaterialDescription extends MaterialDescription {
+    isMobile = true;
+    canDrag(move, context) {
+        if (isMoveItem(move)) {
+            return move.location?.type !== undefined && move.itemType === context.type && move.itemIndex === context.index && this.canDragToMove(move, context);
+        }
+        else if (isDeleteItem(move)) {
+            return move.itemType === context.type && move.itemIndex === context.index && this.canDragToDelete(move, context);
+        }
+        else if (isMoveItemsAtOnce(move)) {
+            return move.itemType === context.type && move.indexes.includes(context.index) && this.canDragToMove(move, context);
+        }
+        else {
+            return false;
+        }
+    }
+    canDragToMove(move, context) {
+        const { rotation, ...actualLocation } = getItemFromContext(context).location;
+        const { rotation: nextRotation, ...nextLocation } = move.location;
+        return !isEqual(actualLocation, nextLocation);
+    }
+    canDragToDelete(_move, context) {
+        return this.getStockLocation(getItemFromContext(context), context) !== undefined;
+    }
+}
 //# sourceMappingURL=MobileMaterialDescription.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MobileMaterialDescription.js","sourceRoot":"","sources":["../../../src/components/material/MobileMaterialDescription.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,iDAAsI;AACtI,2DAAoC;AACpC,2CAAgE;AAChE,6DAA2D;AAE3D;IACU,6CAAoC;IAD9C;QAAA,qEAyBC;QAvBC,cAAQ,GAAG,IAAI,CAAA;;IAuBjB,CAAC;IArBC,2CAAO,GAAP,UAAQ,IAA2B,EAAE,OAA6B;;QAChE,IAAI,IAAA,sBAAU,EAAC,IAAI,CAAC,EAAE;YACpB,OAAO,CAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,IAAI,MAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,KAAK,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,KAAK,OAAO,CAAC,KAAK,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;SACpJ;aAAM,IAAI,IAAA,wBAAY,EAAC,IAAI,CAAC,EAAE;YAC7B,OAAO,IAAI,CAAC,QAAQ,KAAK,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,KAAK,OAAO,CAAC,KAAK,IAAI,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;SACjH;aAAM,IAAI,IAAA,6BAAiB,EAAC,IAAI,CAAC,EAAE;YAClC,OAAO,IAAI,CAAC,QAAQ,KAAK,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;SACnH;aAAM;YACL,OAAO,KAAK,CAAA;SACb;IACH,CAAC;IAES,iDAAa,GAAvB,UAAwB,IAAkD,EAAE,OAA6B;QACvG,IAAM,KAAkC,IAAA,6BAAkB,EAAC,OAAO,CAAC,CAAC,QAAQ,EAApE,QAAQ,cAAA,EAAK,cAAc,cAA7B,YAA+B,CAAuC,CAAA;QAC5E,IAAM,KAA8C,IAAI,CAAC,QAAQ,EAA/C,YAAY,cAAA,EAAK,YAAY,cAAzC,YAA2C,CAAgB,CAAA;QACjE,OAAO,CAAC,IAAA,iBAAO,EAAC,cAAc,EAAE,YAAY,CAAC,CAAA;IAC/C,CAAC;IAES,mDAAe,GAAzB,UAA0B,KAAoB,EAAE,OAA6B;QAC3E,OAAO,IAAI,CAAC,gBAAgB,CAAC,IAAA,6BAAkB,EAAC,OAAO,CAAC,EAAE,OAAO,CAAC,KAAK,SAAS,CAAA;IAClF,CAAC;IACH,gCAAC;AAAD,CAAC,AAzBD,CACU,yCAAmB,GAwB5B;AAzBqB,8DAAyB"}
+{"version":3,"file":"MobileMaterialDescription.js","sourceRoot":"","sources":["../../../src/components/material/MobileMaterialDescription.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,EAAc,YAAY,EAAE,UAAU,EAAE,iBAAiB,EAA2C,MAAM,qBAAqB,CAAA;AACtI,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,kBAAkB,EAAe,MAAM,gBAAgB,CAAA;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAE3D,MAAM,OAAgB,yBACpB,SAAQ,mBAAoC;IAC5C,QAAQ,GAAG,IAAI,CAAA;IAEf,OAAO,CAAC,IAA2B,EAAE,OAA6B;QAChE,IAAI,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;YACrB,OAAO,IAAI,CAAC,QAAQ,EAAE,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,KAAK,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,KAAK,OAAO,CAAC,KAAK,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;QACrJ,CAAC;aAAM,IAAI,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;YAC9B,OAAO,IAAI,CAAC,QAAQ,KAAK,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,KAAK,OAAO,CAAC,KAAK,IAAI,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;QAClH,CAAC;aAAM,IAAI,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC;YACnC,OAAO,IAAI,CAAC,QAAQ,KAAK,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;QACpH,CAAC;aAAM,CAAC;YACN,OAAO,KAAK,CAAA;QACd,CAAC;IACH,CAAC;IAES,aAAa,CAAC,IAAkD,EAAE,OAA6B;QACvG,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAA;QAC5E,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,YAAY,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAA;QACjE,OAAO,CAAC,OAAO,CAAC,cAAc,EAAE,YAAY,CAAC,CAAA;IAC/C,CAAC;IAES,eAAe,CAAC,KAAoB,EAAE,OAA6B;QAC3E,OAAO,IAAI,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,KAAK,SAAS,CAAA;IAClF,CAAC;CACF"}

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

@@ -1,14 +1,14 @@
-/** @jsxImportSource @emotion/react */
-import { Interpolation, Theme } from '@emotion/react';
-import { FC } from 'react';
-import { MaterialContentProps } from '../MaterialDescription';
-import { ComponentSize } from '../ComponentDescription';
-export type WheelContentProps = {
-    size: ComponentSize;
-    image?: string;
-    wheelImage?: string;
-    borderRadius?: number;
-    extraCss?: Interpolation<Theme>;
-    wheelExtraCss?: Interpolation<Theme>;
-} & MaterialContentProps;
-export declare const WheelContent: FC<WheelContentProps>;
+/** @jsxImportSource @emotion/react */
+import { Interpolation, Theme } from '@emotion/react';
+import { FC } from 'react';
+import { MaterialContentProps } from '../MaterialDescription';
+import { ComponentSize } from '../ComponentDescription';
+export type WheelContentProps = {
+    size: ComponentSize;
+    image?: string;
+    wheelImage?: string;
+    borderRadius?: number;
+    extraCss?: Interpolation<Theme>;
+    wheelExtraCss?: Interpolation<Theme>;
+} & MaterialContentProps;
+export declare const WheelContent: FC<WheelContentProps>;

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

@@ -1,52 +1,38 @@
-"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.WheelContent = 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 WheelContent = function (props) {
-    var playDown = props.playDown, highlight = props.highlight, size = props.size, image = props.image, wheelImage = props.wheelImage, borderRadius = props.borderRadius, extraCss = props.extraCss, wheelExtraCss = props.wheelExtraCss, children = props.children;
-    return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ css: [
-                    faceCss,
-                    extraCss,
-                    (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(image))
-                ] }, { children: children })), image && (0, jsx_runtime_1.jsx)("div", { css: [
-                    faceCss,
-                    wheelExtraCss,
-                    (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.WheelContent = WheelContent;
-var faceCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  transform-style: preserve-3d;\n  backface-visibility: hidden;\n"], ["\n  position: absolute;\n  transform-style: preserve-3d;\n  backface-visibility: hidden;\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, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { css } from '@emotion/react';
+import { backgroundCss, borderRadiusCss, shadowCss, shadowEffect, shineEffect, sizeCss } from '../../../css';
+export const WheelContent = (props) => {
+    const { playDown, highlight, size, image, wheelImage, borderRadius, extraCss, wheelExtraCss, children } = props;
+    return _jsxs(_Fragment, { children: [_jsx("div", { css: [
+                    faceCss,
+                    extraCss,
+                    sizeCss(size.width, size.height),
+                    wheelImage && [backgroundCss(wheelImage), shadowCss(wheelImage)],
+                    borderRadius && borderRadiusCss(borderRadius),
+                    highlight ? shineEffect : (playDown && playDownCss(image))
+                ], children: children }), image && _jsx("div", { css: [
+                    faceCss,
+                    wheelExtraCss,
+                    sizeCss(size.width, size.height),
+                    backgroundCss(image),
+                    borderRadius && borderRadiusCss(borderRadius),
+                    highlight ? shineEffect : (playDown && playDownCss(image))
+                ] })] });
+};
+const faceCss = css `
+  position: absolute;
+  transform-style: preserve-3d;
+  backface-visibility: hidden;
+`;
+const playDownCss = (image) => {
+    if (image?.endsWith('.jpg')) {
+        return shadowEffect;
+    }
+    else {
+        return css `
+      filter: brightness(0.5);
+    `;
+    }
+};
 //# sourceMappingURL=WheelContent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"WheelContent.js","sourceRoot":"","sources":["../../../../src/components/material/Wheel/WheelContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAA0D;AAC1D,oCAA4G;AAcrG,IAAM,YAAY,GAA0B,UAAC,KAAK;IAC/C,IAAA,QAAQ,GAA0F,KAAK,SAA/F,EAAE,SAAS,GAA+E,KAAK,UAApF,EAAE,IAAI,GAAyE,KAAK,KAA9E,EAAE,KAAK,GAAkE,KAAK,MAAvE,EAAE,UAAU,GAAsD,KAAK,WAA3D,EAAE,YAAY,GAAwC,KAAK,aAA7C,EAAE,QAAQ,GAA8B,KAAK,SAAnC,EAAE,aAAa,GAAe,KAAK,cAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAU;IAC/G,OAAO,6DACL,yCAAK,GAAG,EAAE;oBACR,OAAO;oBACP,QAAQ;oBACR,IAAA,aAAO,EAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC;oBAChC,UAAU,IAAI,CAAC,IAAA,mBAAa,EAAC,UAAU,CAAC,EAAE,IAAA,eAAS,EAAC,UAAU,CAAC,CAAC;oBAChE,YAAY,IAAI,IAAA,qBAAe,EAAC,YAAY,CAAC;oBAC7C,SAAS,CAAC,CAAC,CAAC,iBAAW,CAAC,CAAC,CAAC,CAAC,QAAQ,IAAI,WAAW,CAAC,KAAK,CAAC,CAAC;iBAC3D,gBACE,QAAQ,IACL,EACL,KAAK,IAAI,gCAAK,GAAG,EAAE;oBAClB,OAAO;oBACP,aAAa;oBACb,IAAA,aAAO,EAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC;oBAChC,IAAA,mBAAa,EAAC,KAAK,CAAC;oBACpB,YAAY,IAAI,IAAA,qBAAe,EAAC,YAAY,CAAC;oBAC7C,SAAS,CAAC,CAAC,CAAC,iBAAW,CAAC,CAAC,CAAC,CAAC,QAAQ,IAAI,WAAW,CAAC,KAAK,CAAC,CAAC;iBAC3D,GAAG,IACH,CAAA;AACL,CAAC,CAAA;AAtBY,QAAA,YAAY,gBAsBxB;AAED,IAAM,OAAO,OAAG,WAAG,gKAAA,4FAIlB,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":"WheelContent.js","sourceRoot":"","sources":["../../../../src/components/material/Wheel/WheelContent.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAwB,MAAM,gBAAgB,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAc5G,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,KAAK,EAAE,EAAE;IAC3D,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IAC/G,OAAO,8BACL,cAAK,GAAG,EAAE;oBACR,OAAO;oBACP,QAAQ;oBACR,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC;oBAChC,UAAU,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;oBAChE,YAAY,IAAI,eAAe,CAAC,YAAY,CAAC;oBAC7C,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,QAAQ,IAAI,WAAW,CAAC,KAAK,CAAC,CAAC;iBAC3D,YACE,QAAQ,GACL,EACL,KAAK,IAAI,cAAK,GAAG,EAAE;oBAClB,OAAO;oBACP,aAAa;oBACb,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC;oBAChC,aAAa,CAAC,KAAK,CAAC;oBACpB,YAAY,IAAI,eAAe,CAAC,YAAY,CAAC;oBAC7C,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,QAAQ,IAAI,WAAW,CAAC,KAAK,CAAC,CAAC;iBAC3D,GAAG,IACH,CAAA;AACL,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,GAAG,CAAA;;;;CAIlB,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/Wheel/WheelDescription.d.ts

@@ -1,20 +1,20 @@
-/** @jsxImportSource @emotion/react */
-import { Interpolation, Keyframes, Theme } from '@emotion/react';
-import { MaterialContentProps } from '../MaterialDescription';
-import { MobileMaterialDescription } from '../MobileMaterialDescription';
-export declare class WheelDescription<P extends number = number, M extends number = number, L extends number = number, ItemId = any> extends MobileMaterialDescription<P, M, L, ItemId> {
-    image?: string;
-    images?: Record<ItemId extends keyof any ? ItemId : never, string>;
-    getImage(itemId: ItemId): string | undefined;
-    wheelImage?: string;
-    wheelImages?: Record<ItemId extends keyof any ? ItemId : never, string>;
-    getWheelImage(itemId: ItemId): string | undefined;
-    angle: number;
-    angles?: number[];
-    getAngles(_itemId: ItemId): number[];
-    getExtraCss(_itemId: ItemId): Interpolation<Theme>;
-    getWheelExtraCss(_itemId: ItemId): Interpolation<Theme>;
-    getImages(): string[];
-    content: (props: MaterialContentProps<ItemId>) => import("@emotion/react/jsx-runtime").JSX.Element;
-    getAnimationCss(keyframes: Keyframes, duration: number): Interpolation<Theme>;
-}
+/** @jsxImportSource @emotion/react */
+import { Interpolation, Keyframes, Theme } from '@emotion/react';
+import { MaterialContentProps } from '../MaterialDescription';
+import { MobileMaterialDescription } from '../MobileMaterialDescription';
+export declare class WheelDescription<P extends number = number, M extends number = number, L extends number = number, ItemId = any> extends MobileMaterialDescription<P, M, L, ItemId> {
+    image?: string;
+    images?: Record<ItemId extends keyof any ? ItemId : never, string>;
+    getImage(itemId: ItemId): string | undefined;
+    wheelImage?: string;
+    wheelImages?: Record<ItemId extends keyof any ? ItemId : never, string>;
+    getWheelImage(itemId: ItemId): string | undefined;
+    angle: number;
+    angles?: number[];
+    getAngles(_itemId: ItemId): number[];
+    getExtraCss(_itemId: ItemId): Interpolation<Theme>;
+    getWheelExtraCss(_itemId: ItemId): Interpolation<Theme>;
+    getImages(): string[];
+    content: (props: MaterialContentProps<ItemId>) => import("@emotion/react/jsx-runtime").JSX.Element;
+    getAnimationCss(keyframes: Keyframes, duration: number): Interpolation<Theme>;
+}

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

@@ -1,126 +1,67 @@
-"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.WheelDescription = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsxImportSource @emotion/react */
-var react_1 = require("@emotion/react");
-var MobileMaterialDescription_1 = require("../MobileMaterialDescription");
-var WheelItem_1 = require("./WheelItem");
-var WheelDescription = /** @class */ (function (_super) {
-    __extends(WheelDescription, _super);
-    function WheelDescription() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.angle = 20;
-        _this.content = function (props) {
-            var itemId = props.itemId;
-            var image = _this.getImage(itemId);
-            var wheelImage = _this.getWheelImage(itemId);
-            var size = _this.getSize(itemId);
-            var borderRadius = _this.getBorderRadius(itemId);
-            var angles = _this.getAngles(itemId);
-            var extraCss = _this.getExtraCss(itemId);
-            var wheelExtraCss = _this.getWheelExtraCss(itemId);
-            return ((0, jsx_runtime_1.jsx)(WheelItem_1.WheelItem, __assign({ image: image, wheelImage: wheelImage, size: size, borderRadius: borderRadius, angles: angles, extraCss: extraCss, wheelExtraCss: wheelExtraCss }, props)));
-        };
-        return _this;
-    }
-    WheelDescription.prototype.getImage = function (itemId) {
-        var _a, _b;
-        return (_b = (_a = this.images) === null || _a === void 0 ? void 0 : _a[itemId]) !== null && _b !== void 0 ? _b : this.image;
-    };
-    WheelDescription.prototype.getWheelImage = function (itemId) {
-        var _a, _b;
-        return (_b = (_a = this.wheelImages) === null || _a === void 0 ? void 0 : _a[itemId]) !== null && _b !== void 0 ? _b : this.wheelImage;
-    };
-    WheelDescription.prototype.getAngles = function (_itemId) {
-        if (this.angles === undefined) {
-            this.angles = [];
-            var angle = 0;
-            while (angle < 360) {
-                this.angles.push(angle);
-                angle += this.angle;
-            }
-        }
-        return this.angles;
-    };
-    WheelDescription.prototype.getExtraCss = function (_itemId) {
-        return;
-    };
-    WheelDescription.prototype.getWheelExtraCss = function (_itemId) {
-        return;
-    };
-    WheelDescription.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));
-        if (this.wheelImage)
-            images.push(this.wheelImage);
-        if (this.wheelImages)
-            images.push.apply(images, __spreadArray([], __read(Object.values(this.wheelImages)), false));
-        return images;
-    };
-    WheelDescription.prototype.getAnimationCss = function (keyframes, duration) {
-        return (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      > * {\n        animation: ", " ", "s ease-in-out forwards;\n      }\n    "], ["\n      > * {\n        animation: ", " ", "s ease-in-out forwards;\n      }\n    "])), keyframes, duration);
-    };
-    return WheelDescription;
-}(MobileMaterialDescription_1.MobileMaterialDescription));
-exports.WheelDescription = WheelDescription;
-var templateObject_1;
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { css } from '@emotion/react';
+import { MobileMaterialDescription } from '../MobileMaterialDescription';
+import { WheelItem } from './WheelItem';
+export class WheelDescription extends MobileMaterialDescription {
+    image;
+    images;
+    getImage(itemId) {
+        return this.images?.[itemId] ?? this.image;
+    }
+    wheelImage;
+    wheelImages;
+    getWheelImage(itemId) {
+        return this.wheelImages?.[itemId] ?? this.wheelImage;
+    }
+    angle = 20;
+    angles;
+    getAngles(_itemId) {
+        if (this.angles === undefined) {
+            this.angles = [];
+            let angle = 0;
+            while (angle < 360) {
+                this.angles.push(angle);
+                angle += this.angle;
+            }
+        }
+        return this.angles;
+    }
+    getExtraCss(_itemId) {
+        return;
+    }
+    getWheelExtraCss(_itemId) {
+        return;
+    }
+    getImages() {
+        const images = [];
+        if (this.image)
+            images.push(this.image);
+        if (this.images)
+            images.push(...Object.values(this.images));
+        if (this.wheelImage)
+            images.push(this.wheelImage);
+        if (this.wheelImages)
+            images.push(...Object.values(this.wheelImages));
+        return images;
+    }
+    content = (props) => {
+        const { itemId } = props;
+        const image = this.getImage(itemId);
+        const wheelImage = this.getWheelImage(itemId);
+        const size = this.getSize(itemId);
+        const borderRadius = this.getBorderRadius(itemId);
+        const angles = this.getAngles(itemId);
+        const extraCss = this.getExtraCss(itemId);
+        const wheelExtraCss = this.getWheelExtraCss(itemId);
+        return (_jsx(WheelItem, { image: image, wheelImage: wheelImage, size: size, borderRadius: borderRadius, angles: angles, extraCss: extraCss, wheelExtraCss: wheelExtraCss, ...props }));
+    };
+    getAnimationCss(keyframes, duration) {
+        return css `
+      > * {
+        animation: ${keyframes} ${duration}s ease-in-out forwards;
+      }
+    `;
+    }
+}
 //# sourceMappingURL=WheelDescription.js.map

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

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

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

@@ -1,15 +1,15 @@
-/** @jsxImportSource @emotion/react */
-import { Interpolation, Theme } from '@emotion/react';
-import { FC } from 'react';
-import { ComponentSize } from '../ComponentDescription';
-import { MaterialContentProps } from '../MaterialDescription';
-export type WheelItemProps = {
-    size: ComponentSize;
-    image?: string;
-    wheelImage?: string;
-    borderRadius?: number;
-    extraCss?: Interpolation<Theme>;
-    wheelExtraCss?: Interpolation<Theme>;
-    angles: number[];
-} & MaterialContentProps;
-export declare const WheelItem: FC<WheelItemProps>;
+/** @jsxImportSource @emotion/react */
+import { Interpolation, Theme } from '@emotion/react';
+import { FC } from 'react';
+import { ComponentSize } from '../ComponentDescription';
+import { MaterialContentProps } from '../MaterialDescription';
+export type WheelItemProps = {
+    size: ComponentSize;
+    image?: string;
+    wheelImage?: string;
+    borderRadius?: number;
+    extraCss?: Interpolation<Theme>;
+    wheelExtraCss?: Interpolation<Theme>;
+    angles: number[];
+} & MaterialContentProps;
+export declare const WheelItem: FC<WheelItemProps>;