@gamepark/react-game 6.38.4 → 7.0.0-beta.0

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

@@ -1,3 +1,3 @@
-export * from './focus';
-export * from './GameTable';
-export * from './GameTableNavigation';
+export * from './focus';
+export * from './GameTable';
+export * from './GameTableNavigation';

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

@@ -1,20 +1,20 @@
-"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("./focus"), exports);
-__exportStar(require("./GameTable"), exports);
-__exportStar(require("./GameTableNavigation"), exports);
+"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("./focus"), exports);
+__exportStar(require("./GameTable"), exports);
+__exportStar(require("./GameTableNavigation"), exports);
 //# sourceMappingURL=index.js.map

package/dist/components/material/ImageLoader/MaterialImageLoader.d.ts

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-import { ImagesLoaderProps } from '../../ImagesLoader';
-type MaterialImageLoaderProps = Omit<ImagesLoaderProps, 'images'>;
-declare const MaterialImageLoader: FC<MaterialImageLoaderProps>;
-export { MaterialImageLoader };
+import { FC } from 'react';
+import { ImagesLoaderProps } from '../../ImagesLoader';
+type MaterialImageLoaderProps = Omit<ImagesLoaderProps, 'images'>;
+declare const MaterialImageLoader: FC<MaterialImageLoaderProps>;
+export { MaterialImageLoader };

package/dist/components/material/ImageLoader/MaterialImageLoader.js

@@ -1,94 +1,94 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __values = (this && this.__values) || function(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-};
-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.MaterialImageLoader = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var GameProvider_1 = require("../../GameProvider");
-var ImagesLoader_1 = require("../../ImagesLoader");
-var MaterialImageLoader = function (props) {
-    var context = (0, react_1.useContext)(GameProvider_1.gameContext);
-    var images = (0, react_1.useMemo)(function () {
-        var e_1, _a, e_2, _b;
-        var _c, _d;
-        var images = [];
-        try {
-            for (var _e = __values(Object.values((_c = context.material) !== null && _c !== void 0 ? _c : {})), _f = _e.next(); !_f.done; _f = _e.next()) {
-                var description = _f.value;
-                if (description)
-                    images.push.apply(images, __spreadArray([], __read(description.getImages()), false));
-            }
-        }
-        catch (e_1_1) { e_1 = { error: e_1_1 }; }
-        finally {
-            try {
-                if (_f && !_f.done && (_a = _e.return)) _a.call(_e);
-            }
-            finally { if (e_1) throw e_1.error; }
-        }
-        try {
-            for (var _g = __values(Object.values((_d = context.locators) !== null && _d !== void 0 ? _d : {})), _h = _g.next(); !_h.done; _h = _g.next()) {
-                var locator = _h.value;
-                if (locator === null || locator === void 0 ? void 0 : locator.locationDescription)
-                    images.push.apply(images, __spreadArray([], __read(locator.locationDescription.getImages()), false));
-            }
-        }
-        catch (e_2_1) { e_2 = { error: e_2_1 }; }
-        finally {
-            try {
-                if (_h && !_h.done && (_b = _g.return)) _b.call(_g);
-            }
-            finally { if (e_2) throw e_2.error; }
-        }
-        return images;
-    }, [context.material, context.locators]);
-    return (0, jsx_runtime_1.jsx)(ImagesLoader_1.ImagesLoader, __assign({ images: images }, props));
-};
-exports.MaterialImageLoader = MaterialImageLoader;
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
+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.MaterialImageLoader = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var GameProvider_1 = require("../../GameProvider");
+var ImagesLoader_1 = require("../../ImagesLoader");
+var MaterialImageLoader = function (props) {
+    var context = (0, react_1.useContext)(GameProvider_1.gameContext);
+    var images = (0, react_1.useMemo)(function () {
+        var e_1, _a, e_2, _b;
+        var _c, _d;
+        var images = [];
+        try {
+            for (var _e = __values(Object.values((_c = context.material) !== null && _c !== void 0 ? _c : {})), _f = _e.next(); !_f.done; _f = _e.next()) {
+                var description = _f.value;
+                if (description)
+                    images.push.apply(images, __spreadArray([], __read(description.getImages()), false));
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (_f && !_f.done && (_a = _e.return)) _a.call(_e);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+        try {
+            for (var _g = __values(Object.values((_d = context.locators) !== null && _d !== void 0 ? _d : {})), _h = _g.next(); !_h.done; _h = _g.next()) {
+                var locator = _h.value;
+                if (locator === null || locator === void 0 ? void 0 : locator.locationDescription)
+                    images.push.apply(images, __spreadArray([], __read(locator.locationDescription.getImages()), false));
+            }
+        }
+        catch (e_2_1) { e_2 = { error: e_2_1 }; }
+        finally {
+            try {
+                if (_h && !_h.done && (_b = _g.return)) _b.call(_g);
+            }
+            finally { if (e_2) throw e_2.error; }
+        }
+        return images;
+    }, [context.material, context.locators]);
+    return (0, jsx_runtime_1.jsx)(ImagesLoader_1.ImagesLoader, __assign({ images: images }, props));
+};
+exports.MaterialImageLoader = MaterialImageLoader;
 //# sourceMappingURL=MaterialImageLoader.js.map

package/dist/components/material/ImageLoader/MaterialImageLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaterialImageLoader.js","sourceRoot":"","sources":["../../../../src/components/material/ImageLoader/MaterialImageLoader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA+C;AAC/C,mDAAgD;AAChD,mDAAoE;AAIpE,IAAM,mBAAmB,GAAiC,UAAC,KAAK;IAC9D,IAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,0BAAW,CAAC,CAAA;IACvC,IAAM,MAAM,GAAG,IAAA,eAAO,EAAC;;;QACrB,IAAM,MAAM,GAAa,EAAE,CAAA;;YAC3B,KAA0B,IAAA,KAAA,SAAA,MAAM,CAAC,MAAM,CAAC,MAAA,OAAO,CAAC,QAAQ,mCAAI,EAAE,CAAC,CAAA,gBAAA,4BAAE;gBAA5D,IAAM,WAAW,WAAA;gBACpB,IAAI,WAAW;oBAAE,MAAM,CAAC,IAAI,OAAX,MAAM,2BAAS,WAAW,CAAC,SAAS,EAAE,WAAC;aACzD;;;;;;;;;;YACD,KAAsB,IAAA,KAAA,SAAA,MAAM,CAAC,MAAM,CAAC,MAAA,OAAO,CAAC,QAAQ,mCAAI,EAAE,CAAC,CAAA,gBAAA,4BAAE;gBAAxD,IAAM,OAAO,WAAA;gBAChB,IAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,mBAAmB;oBAAE,MAAM,CAAC,IAAI,OAAX,MAAM,2BAAS,OAAO,CAAC,mBAAmB,CAAC,SAAS,EAAE,WAAC;aAC1F;;;;;;;;;QACD,OAAO,MAAM,CAAA;IACf,CAAC,EAAE,CAAC,OAAO,CAAC,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAA;IAExC,OAAO,uBAAC,2BAAY,aAAC,MAAM,EAAE,MAAM,IAAM,KAAK,EAAI,CAAA;AACpD,CAAC,CAAA;AAGC,kDAAmB"}
+{"version":3,"file":"MaterialImageLoader.js","sourceRoot":"","sources":["../../../../src/components/material/ImageLoader/MaterialImageLoader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA+C;AAC/C,mDAAgD;AAChD,mDAAoE;AAIpE,IAAM,mBAAmB,GAAiC,UAAC,KAAK;IAC9D,IAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,0BAAW,CAAC,CAAA;IACvC,IAAM,MAAM,GAAG,IAAA,eAAO,EAAC;;;QACrB,IAAM,MAAM,GAAa,EAAE,CAAA;;YAC3B,KAA0B,IAAA,KAAA,SAAA,MAAM,CAAC,MAAM,CAAC,MAAA,OAAO,CAAC,QAAQ,mCAAI,EAAE,CAAC,CAAA,gBAAA,4BAAE,CAAC;gBAA7D,IAAM,WAAW,WAAA;gBACpB,IAAI,WAAW;oBAAE,MAAM,CAAC,IAAI,OAAX,MAAM,2BAAS,WAAW,CAAC,SAAS,EAAE,WAAC;YAC1D,CAAC;;;;;;;;;;YACD,KAAsB,IAAA,KAAA,SAAA,MAAM,CAAC,MAAM,CAAC,MAAA,OAAO,CAAC,QAAQ,mCAAI,EAAE,CAAC,CAAA,gBAAA,4BAAE,CAAC;gBAAzD,IAAM,OAAO,WAAA;gBAChB,IAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,mBAAmB;oBAAE,MAAM,CAAC,IAAI,OAAX,MAAM,2BAAS,OAAO,CAAC,mBAAmB,CAAC,SAAS,EAAE,WAAC;YAC3F,CAAC;;;;;;;;;QACD,OAAO,MAAM,CAAA;IACf,CAAC,EAAE,CAAC,OAAO,CAAC,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAA;IAExC,OAAO,uBAAC,2BAAY,aAAC,MAAM,EAAE,MAAM,IAAM,KAAK,EAAI,CAAA;AACpD,CAAC,CAAA;AAGC,kDAAmB"}

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

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

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

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

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

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

package/dist/components/material/ItemMenuButton.js

@@ -1,75 +1,75 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __values = (this && this.__values) || function(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ItemMenuButton = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsxImportSource @emotion/react */
-var react_1 = require("@emotion/react");
-var css_1 = require("../../css");
-var hooks_1 = require("../../hooks");
-var ItemMenuButton = function (_a) {
-    var move = _a.move, _b = _a.moves, moves = _b === void 0 ? move ? [move] : [] : _b, options = _a.options, label = _a.label, _c = _a.angle, angle = _c === void 0 ? 0 : _c, _d = _a.radius, radius = _d === void 0 ? 3 : _d, _e = _a.x, x = _e === void 0 ? radius * Math.sin(angle * Math.PI / 180) : _e, _f = _a.y, y = _f === void 0 ? radius * -Math.cos(angle * Math.PI / 180) : _f, _g = _a.labelPosition, labelPosition = _g === void 0 ? x > 0 ? 'left' : 'right' : _g, children = _a.children, props = __rest(_a, ["move", "moves", "options", "label", "angle", "radius", "x", "y", "labelPosition", "children"]);
-    var play = (0, hooks_1.usePlay)();
-    if (!props.onClick && moves.length) {
-        props.onClick = function () {
-            var e_1, _a;
-            try {
-                for (var moves_1 = __values(moves), moves_1_1 = moves_1.next(); !moves_1_1.done; moves_1_1 = moves_1.next()) {
-                    var move_1 = moves_1_1.value;
-                    play(move_1, options);
-                }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (moves_1_1 && !moves_1_1.done && (_a = moves_1.return)) _a.call(moves_1);
-                }
-                finally { if (e_1) throw e_1.error; }
-            }
-        };
-    }
-    return (0, jsx_runtime_1.jsxs)("button", __assign({ css: [itemMenuButtonCss, (0, css_1.transformCss)('translate(-50%, -50%)', "translate(".concat(x, "em, ").concat(y, "em)"))], disabled: !props.onClick }, props, { children: [children, label && (0, jsx_runtime_1.jsx)("span", __assign({ css: [buttonLabelCss, labelPosition === 'left' ? labelLeft : labelRight] }, { children: label }))] }));
-};
-exports.ItemMenuButton = ItemMenuButton;
-var itemMenuButtonCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  transform-style: preserve-3d;\n  width: 2em;\n  height: 2em;\n  border-radius: 1em;\n  background-color: white;\n  color: black;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"], ["\n  transform-style: preserve-3d;\n  width: 2em;\n  height: 2em;\n  border-radius: 1em;\n  background-color: white;\n  color: black;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));
-var buttonLabelCss = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  white-space: nowrap;\n  background: rgba(0, 0, 0, 0.5);\n  color: white;\n  border-radius: 0.3em;\n"], ["\n  position: absolute;\n  white-space: nowrap;\n  background: rgba(0, 0, 0, 0.5);\n  color: white;\n  border-radius: 0.3em;\n"])));
-var labelRight = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  padding: 0 0.2em 0 0.5em;\n  top: 50%;\n  right: 0.2em;\n  transform: translate(100%, -50%) translateZ(-0.1em);\n"], ["\n  padding: 0 0.2em 0 0.5em;\n  top: 50%;\n  right: 0.2em;\n  transform: translate(100%, -50%) translateZ(-0.1em);\n"])));
-var labelLeft = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  padding: 0 0.5em 0 0.2em;\n  top: 50%;\n  left: 0.2em;\n  transform: translate(-100%, -50%) translateZ(-0.1em);\n"], ["\n  padding: 0 0.5em 0 0.2em;\n  top: 50%;\n  left: 0.2em;\n  transform: translate(-100%, -50%) translateZ(-0.1em);\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ItemMenuButton = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var react_1 = require("@emotion/react");
+var css_1 = require("../../css");
+var hooks_1 = require("../../hooks");
+var ItemMenuButton = function (_a) {
+    var move = _a.move, _b = _a.moves, moves = _b === void 0 ? move ? [move] : [] : _b, options = _a.options, label = _a.label, _c = _a.angle, angle = _c === void 0 ? 0 : _c, _d = _a.radius, radius = _d === void 0 ? 3 : _d, _e = _a.x, x = _e === void 0 ? radius * Math.sin(angle * Math.PI / 180) : _e, _f = _a.y, y = _f === void 0 ? radius * -Math.cos(angle * Math.PI / 180) : _f, _g = _a.labelPosition, labelPosition = _g === void 0 ? x > 0 ? 'left' : 'right' : _g, children = _a.children, props = __rest(_a, ["move", "moves", "options", "label", "angle", "radius", "x", "y", "labelPosition", "children"]);
+    var play = (0, hooks_1.usePlay)();
+    if (!props.onClick && moves.length) {
+        props.onClick = function () {
+            var e_1, _a;
+            try {
+                for (var moves_1 = __values(moves), moves_1_1 = moves_1.next(); !moves_1_1.done; moves_1_1 = moves_1.next()) {
+                    var move_1 = moves_1_1.value;
+                    play(move_1, options);
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (moves_1_1 && !moves_1_1.done && (_a = moves_1.return)) _a.call(moves_1);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+        };
+    }
+    return (0, jsx_runtime_1.jsxs)("button", __assign({ css: [itemMenuButtonCss, (0, css_1.transformCss)('translate(-50%, -50%)', "translate(".concat(x, "em, ").concat(y, "em)"))], disabled: !props.onClick }, props, { children: [children, label && (0, jsx_runtime_1.jsx)("span", { css: [buttonLabelCss, labelPosition === 'left' ? labelLeft : labelRight], children: label })] }));
+};
+exports.ItemMenuButton = ItemMenuButton;
+var itemMenuButtonCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  transform-style: preserve-3d;\n  width: 2em;\n  height: 2em;\n  border-radius: 1em;\n  background-color: white;\n  color: black;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"], ["\n  transform-style: preserve-3d;\n  width: 2em;\n  height: 2em;\n  border-radius: 1em;\n  background-color: white;\n  color: black;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));
+var buttonLabelCss = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  white-space: nowrap;\n  background: rgba(0, 0, 0, 0.5);\n  color: white;\n  border-radius: 0.3em;\n"], ["\n  position: absolute;\n  white-space: nowrap;\n  background: rgba(0, 0, 0, 0.5);\n  color: white;\n  border-radius: 0.3em;\n"])));
+var labelRight = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  padding: 0 0.2em 0 0.5em;\n  top: 50%;\n  right: 0.2em;\n  transform: translate(100%, -50%) translateZ(-0.1em);\n"], ["\n  padding: 0 0.2em 0 0.5em;\n  top: 50%;\n  right: 0.2em;\n  transform: translate(100%, -50%) translateZ(-0.1em);\n"])));
+var labelLeft = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  padding: 0 0.5em 0 0.2em;\n  top: 50%;\n  left: 0.2em;\n  transform: translate(-100%, -50%) translateZ(-0.1em);\n"], ["\n  padding: 0 0.5em 0 0.2em;\n  top: 50%;\n  left: 0.2em;\n  transform: translate(-100%, -50%) translateZ(-0.1em);\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 //# sourceMappingURL=ItemMenuButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ItemMenuButton.js","sourceRoot":"","sources":["../../../src/components/material/ItemMenuButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAoC;AAGpC,iCAAwC;AACxC,qCAAqC;AAc9B,IAAM,cAAc,GAAG,UAC5B,EAKsD;IAJpD,IAAA,IAAI,UAAA,EAAE,aAA0B,EAA1B,KAAK,mBAAG,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,KAAA,EAAE,OAAO,aAAA,EAAE,KAAK,WAAA,EAChD,aAAS,EAAT,KAAK,mBAAG,CAAC,KAAA,EAAE,cAAU,EAAV,MAAM,mBAAG,CAAC,KAAA,EAAE,SAA4C,EAA5C,CAAC,mBAAG,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,GAAG,GAAG,CAAC,KAAA,EAAE,SAA6C,EAA7C,CAAC,mBAAG,MAAM,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,GAAG,GAAG,CAAC,KAAA,EAClH,qBAAwC,EAAxC,aAAa,mBAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,KAAA,EACxC,QAAQ,cAAA,EAAK,KAAK,cAJpB,+FAKC,CADmB;IAGpB,IAAM,IAAI,GAAG,IAAA,eAAO,GAAE,CAAA;IACtB,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM,EAAE;QAClC,KAAK,CAAC,OAAO,GAAG;;;gBACd,KAAmB,IAAA,UAAA,SAAA,KAAK,CAAA,4BAAA;oBAAnB,IAAM,MAAI,kBAAA;oBAAW,IAAI,CAAC,MAAI,EAAE,OAAO,CAAC,CAAA;iBAAA;;;;;;;;;QAC/C,CAAC,CAAA;KACF;IACD,OAAO,6CAAQ,GAAG,EAAE,CAAC,iBAAiB,EAAE,IAAA,kBAAY,EAAC,uBAAuB,EAAE,oBAAa,CAAC,iBAAO,CAAC,QAAK,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,CAAC,OAAO,IAAM,KAAK,eAC7I,QAAQ,EACR,KAAK,IAAI,0CAAM,GAAG,EAAE,CAAC,cAAc,EAAE,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,gBAAG,KAAK,IAAQ,KACjG,CAAA;AACX,CAAC,CAAA;AAlBY,QAAA,cAAc,kBAkB1B;AAED,IAAM,iBAAiB,OAAG,WAAG,sSAAA,kOAW5B,IAAA,CAAA;AAED,IAAM,cAAc,OAAG,WAAG,oMAAA,gIAMzB,IAAA,CAAA;AAED,IAAM,UAAU,OAAG,WAAG,2LAAA,uHAKrB,IAAA,CAAA;AAED,IAAM,SAAS,OAAG,WAAG,2LAAA,uHAKpB,IAAA,CAAA"}
+{"version":3,"file":"ItemMenuButton.js","sourceRoot":"","sources":["../../../src/components/material/ItemMenuButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAoC;AAGpC,iCAAwC;AACxC,qCAAqC;AAc9B,IAAM,cAAc,GAAG,UAC5B,EAKsD;IAJpD,IAAA,IAAI,UAAA,EAAE,aAA0B,EAA1B,KAAK,mBAAG,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,KAAA,EAAE,OAAO,aAAA,EAAE,KAAK,WAAA,EAChD,aAAS,EAAT,KAAK,mBAAG,CAAC,KAAA,EAAE,cAAU,EAAV,MAAM,mBAAG,CAAC,KAAA,EAAE,SAA4C,EAA5C,CAAC,mBAAG,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,GAAG,GAAG,CAAC,KAAA,EAAE,SAA6C,EAA7C,CAAC,mBAAG,MAAM,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,GAAG,GAAG,CAAC,KAAA,EAClH,qBAAwC,EAAxC,aAAa,mBAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,KAAA,EACxC,QAAQ,cAAA,EAAK,KAAK,cAJpB,+FAKC,CADmB;IAGpB,IAAM,IAAI,GAAG,IAAA,eAAO,GAAE,CAAA;IACtB,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;QACnC,KAAK,CAAC,OAAO,GAAG;;;gBACd,KAAmB,IAAA,UAAA,SAAA,KAAK,CAAA,4BAAA;oBAAnB,IAAM,MAAI,kBAAA;oBAAW,IAAI,CAAC,MAAI,EAAE,OAAO,CAAC,CAAA;iBAAA;;;;;;;;;QAC/C,CAAC,CAAA;IACH,CAAC;IACD,OAAO,6CAAQ,GAAG,EAAE,CAAC,iBAAiB,EAAE,IAAA,kBAAY,EAAC,uBAAuB,EAAE,oBAAa,CAAC,iBAAO,CAAC,QAAK,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,CAAC,OAAO,IAAM,KAAK,eAC7I,QAAQ,EACR,KAAK,IAAI,iCAAM,GAAG,EAAE,CAAC,cAAc,EAAE,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,YAAG,KAAK,GAAQ,KACjG,CAAA;AACX,CAAC,CAAA;AAlBY,QAAA,cAAc,kBAkB1B;AAED,IAAM,iBAAiB,OAAG,WAAG,sSAAA,kOAW5B,IAAA,CAAA;AAED,IAAM,cAAc,OAAG,WAAG,oMAAA,gIAMzB,IAAA,CAAA;AAED,IAAM,UAAU,OAAG,WAAG,2LAAA,uHAKrB,IAAA,CAAA;AAED,IAAM,SAAS,OAAG,WAAG,2LAAA,uHAKpB,IAAA,CAAA"}

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

@@ -1,11 +1,11 @@
-import { MaterialItem } from '@gamepark/rules-api';
-import { HTMLAttributes } from 'react';
-import { ItemContext } from '../../locators';
-import { MaterialDescription } from './MaterialDescription';
-type ItemMenuWrapperProps = {
-    item: MaterialItem;
-    itemContext: ItemContext;
-    description: MaterialDescription;
-} & HTMLAttributes<HTMLDivElement>;
-export declare const ItemMenuWrapper: ({ item, itemContext, description, ...props }: ItemMenuWrapperProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
+import { MaterialItem } from '@gamepark/rules-api';
+import { HTMLAttributes } from 'react';
+import { ItemContext } from '../../locators';
+import { MaterialDescription } from './MaterialDescription';
+type ItemMenuWrapperProps = {
+    item: MaterialItem;
+    itemContext: ItemContext;
+    description: MaterialDescription;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const ItemMenuWrapper: ({ item, itemContext, description, ...props }: ItemMenuWrapperProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};