@gamepark/react-game 6.16.0 → 6.17.2

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

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

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

@@ -0,0 +1,8 @@
+import { Location, MaterialItem } from '@gamepark/rules-api';
+import { ItemContext } from '../../../locators';
+import { FocusableElement } from './FocusableElement';
+export type FocusableLocation = {
+    location: Location;
+    focus?: true;
+};
+export declare const getInnerLocations: (item: MaterialItem, context: ItemContext, focus?: FocusableElement | FocusableElement[]) => FocusableLocation[];

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

@@ -0,0 +1,37 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInnerLocations = void 0;
+var fast_deep_equal_1 = __importDefault(require("fast-deep-equal"));
+var FocusableElement_1 = require("./FocusableElement");
+var getInnerLocations = function (item, context, focus) {
+    var _a, _b;
+    var locationsFocus = getLocationsFocus(focus).filter(function (location) { var _a, _b; return ((_a = context.locators[location.type]) === null || _a === void 0 ? void 0 : _a.parentItemType) === context.type && ((_b = location.parent) !== null && _b !== void 0 ? _b : 0) === context.index; });
+    var result = (_b = (_a = context.material[context.type]) === null || _a === void 0 ? void 0 : _a.getLocations(item, context).map(function (location) { return ({ location: location }); })) !== null && _b !== void 0 ? _b : [];
+    var _loop_1 = function (locationFocus) {
+        var focusableLocation = result.find(function (focusableLocation) { return (0, fast_deep_equal_1.default)(focusableLocation.location, locationFocus); });
+        if (focusableLocation) {
+            focusableLocation.focus = true;
+        }
+        else {
+            result.push({ location: locationFocus, focus: true });
+        }
+    };
+    for (var _i = 0, locationsFocus_1 = locationsFocus; _i < locationsFocus_1.length; _i++) {
+        var locationFocus = locationsFocus_1[_i];
+        _loop_1(locationFocus);
+    }
+    return result;
+};
+exports.getInnerLocations = getInnerLocations;
+var getLocationsFocus = function (focus) {
+    if (!focus)
+        return [];
+    if (Array.isArray(focus)) {
+        return focus.filter(FocusableElement_1.isLocationBuilder).map(function (builder) { return builder.location; });
+    }
+    return (0, FocusableElement_1.isLocationBuilder)(focus) ? [focus.location] : [];
+};
+//# sourceMappingURL=FocusableLocation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FocusableLocation.js","sourceRoot":"","sources":["../../../../src/components/material/GameTable/FocusableLocation.ts"],"names":[],"mappings":";;;;;;AACA,oEAAmC;AAEnC,uDAAwE;AAOjE,IAAM,iBAAiB,GAAG,UAC/B,IAAkB,EAAE,OAAoB,EAAE,KAA6C;;IAEvF,IAAM,cAAc,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,UAAA,QAAQ,gBAC7D,OAAA,CAAA,MAAA,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,0CAAE,cAAc,MAAK,OAAO,CAAC,IAAI,IAAI,CAAC,MAAA,QAAQ,CAAC,MAAM,mCAAI,CAAC,CAAC,KAAK,OAAO,CAAC,KAAK,CAAA,EAAA,CAC7G,CAAA;IACD,IAAM,MAAM,GAAwB,MAAA,MAAA,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,0CAAE,YAAY,CAAC,IAAI,EAAE,OAAO,EAAE,GAAG,CAAC,UAAA,QAAQ,IAAI,OAAA,CAAC,EAAE,QAAQ,UAAA,EAAE,CAAC,EAAd,CAAc,CAAC,mCAAI,EAAE,CAAA;4BAC1H,aAAa;QACtB,IAAM,iBAAiB,GAAG,MAAM,CAAC,IAAI,CAAC,UAAA,iBAAiB,IAAI,OAAA,IAAA,yBAAK,EAAC,iBAAiB,CAAC,QAAQ,EAAE,aAAa,CAAC,EAAhD,CAAgD,CAAC,CAAA;QAC5G,IAAI,iBAAiB,EAAE;YACrB,iBAAiB,CAAC,KAAK,GAAG,IAAI,CAAA;SAC/B;aAAM;YACL,MAAM,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAA;SACtD;;IANH,KAA4B,UAAc,EAAd,iCAAc,EAAd,4BAAc,EAAd,IAAc;QAArC,IAAM,aAAa,uBAAA;gBAAb,aAAa;KAOvB;IACD,OAAO,MAAM,CAAA;AACf,CAAC,CAAA;AAhBY,QAAA,iBAAiB,qBAgB7B;AAED,IAAM,iBAAiB,GAAG,UAAC,KAA6C;IACtE,IAAI,CAAC,KAAK;QAAE,OAAO,EAAE,CAAA;IACrB,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACxB,OAAO,KAAK,CAAC,MAAM,CAAC,oCAAiB,CAAC,CAAC,GAAG,CAAC,UAAA,OAAO,IAAI,OAAA,OAAO,CAAC,QAAQ,EAAhB,CAAgB,CAAC,CAAA;KACxE;IACD,OAAO,IAAA,oCAAiB,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;AACzD,CAAC,CAAA"}

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

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=FocusableLocations.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FocusableLocations.js","sourceRoot":"","sources":["../../../../src/components/material/GameTable/FocusableLocations.ts"],"names":[],"mappings":""}

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

@@ -1 +1,7 @@
-export declare const GameMaterialDisplay: () => import("@emotion/react/jsx-runtime").JSX.Element;
+import { PropsWithChildren } from 'react';
+type GameMaterialDisplayProps = PropsWithChildren<{
+    left: number;
+    top: number;
+}>;
+export declare const GameMaterialDisplay: ({ left, top, children }: GameMaterialDisplayProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,148 +1,31 @@
 "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 __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));
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+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.GameMaterialDisplay = void 0;
 var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var react_1 = require("@emotion/react");
 var rules_api_1 = require("@gamepark/rules-api");
-var fast_deep_equal_1 = __importDefault(require("fast-deep-equal"));
-var react_1 = require("react");
-var react_i18next_1 = require("react-i18next");
-var react_zoom_pan_pinch_1 = require("react-zoom-pan-pinch");
-var css_1 = require("../../../css");
 var hooks_1 = require("../../../hooks");
-var useTutorialStep_1 = require("../../../hooks/useTutorialStep");
-var locators_1 = require("../../../locators");
 var dialogs_1 = require("../../dialogs");
-var tutorial_1 = require("../../tutorial");
 var MaterialTutorialDisplay_1 = require("../../tutorial/MaterialTutorialDisplay");
-var DraggableMaterial_1 = require("../DraggableMaterial");
-var locations_1 = require("../locations");
-var MaterialComponent_1 = require("../MaterialComponent");
-var GameMaterialDisplay = function () {
-    var context = (0, hooks_1.useMaterialContext)();
-    var material = context.material;
-    var locators = context.locators;
+var DynamicItemsDisplay_1 = require("./DynamicItemsDisplay");
+var focus_1 = require("./focus");
+var StaticItemsDisplay_1 = require("./StaticItemsDisplay");
+var StaticLocationsDisplay_1 = require("./StaticLocationsDisplay");
+var GameMaterialDisplay = function (_a) {
+    var left = _a.left, top = _a.top, children = _a.children;
     var rules = (0, hooks_1.useRules)();
     var play = (0, hooks_1.usePlay)();
-    var t = (0, react_i18next_1.useTranslation)().t;
-    var zoomToElements = (0, hooks_1.useZoomToElements)();
-    var resetTransform = (0, react_zoom_pan_pinch_1.useControls)().resetTransform;
-    var focusRefs = (0, react_1.useRef)(new Set());
-    var tutorialStep = (0, useTutorialStep_1.useTutorialStep)();
-    var tutorialPopup = !(rules === null || rules === void 0 ? void 0 : rules.game.tutorialPopupClosed) && (tutorialStep === null || tutorialStep === void 0 ? void 0 : tutorialStep.popup);
-    var tutorialFocus = (0, react_1.useMemo)(function () {
-        var _a;
-        focusRefs.current = new Set();
-        var tutorialFocus = (rules === null || rules === void 0 ? void 0 : rules.game) ? (_a = tutorialStep === null || tutorialStep === void 0 ? void 0 : tutorialStep.focus) === null || _a === void 0 ? void 0 : _a.call(tutorialStep, rules.game) : undefined;
-        if (!tutorialFocus) {
-            resetTransform(1000);
-        }
-        return tutorialFocus;
-    }, [tutorialStep]);
-    var addFocusRef = (0, react_1.useCallback)(function (ref) {
-        if (!ref || focusRefs.current.has(ref))
-            return;
-        focusRefs.current.add(ref);
-        if ((0, tutorial_1.countTutorialFocusRefs)(tutorialFocus) === focusRefs.current.size) {
-            var elements_1 = Array.from(focusRefs.current);
-            setTimeout(function () { return zoomToElements(elements_1, undefined, 1000); }, 50);
-        }
-    }, [tutorialFocus]);
-    if (!rules)
+    if (!rules || !rules.game)
         return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-    var game = rules === null || rules === void 0 ? void 0 : rules.game;
-    return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [Object.entries(material).map(function (_a) {
-                var stringType = _a[0], description = _a[1];
-                var type = parseInt(stringType);
-                return description === null || description === void 0 ? void 0 : description.getStaticItems(context).map(function (item, index) {
-                    var _a, _b;
-                    var locator = (_a = locators[item.location.type]) !== null && _a !== void 0 ? _a : locators_1.centerLocator;
-                    return __spreadArray([], Array((_b = item.quantity) !== null && _b !== void 0 ? _b : 1), true).map(function (_, displayIndex) {
-                        var itemContext = __assign(__assign({}, context), { type: type, index: index, displayIndex: displayIndex });
-                        var innerLocations = getInnerLocations(item, itemContext, tutorialPopup, tutorialFocus);
-                        var focus = (0, tutorial_1.isStaticItemFocus)(type, item, tutorialFocus);
-                        return (0, jsx_runtime_1.jsxs)(MaterialComponent_1.MaterialComponent, __assign({ type: type, itemId: item.id, playDown: tutorialPopup && !focus && !innerLocations.some(function (location) { return location.focus; }), ref: focus ? addFocusRef : undefined, css: [css_1.pointerCursorCss, css_1.transformCss.apply(void 0, locator.transformItem(item, itemContext))], onShortClick: function () { return play((0, rules_api_1.displayMaterialHelp)(type, item, index, displayIndex), { local: true }); } }, { children: [(0, jsx_runtime_1.jsx)(locations_1.LocationsMask, { locations: innerLocations.filter(function (l) { return l.focus; }).map(function (l) { return l.location; }) }), innerLocations.map(function (_a) {
-                                    var focus = _a.focus, location = _a.location;
-                                    return (0, jsx_runtime_1.jsx)(locations_1.SimpleDropArea, { location: location, alwaysVisible: focus, ref: focus ? addFocusRef : undefined }, JSON.stringify(location));
-                                })] }), "".concat(type, "_").concat(index, "_").concat(displayIndex));
-                    });
-                });
-            }), rules && game && Object.entries(game.items).map(function (_a) {
-                var stringType = _a[0], items = _a[1];
-                if (!items)
-                    return null;
-                var type = parseInt(stringType);
-                return items.map(function (item, index) {
-                    var _a;
-                    var locator = locators[item.location.type];
-                    return __spreadArray([], Array((_a = item.quantity) !== null && _a !== void 0 ? _a : 1), true).map(function (_, displayIndex) {
-                        var itemContext = __assign(__assign({}, context), { type: type, index: index, displayIndex: displayIndex });
-                        if (locator === null || locator === void 0 ? void 0 : locator.hide(item, itemContext))
-                            return null;
-                        var innerLocations = getInnerLocations(item, itemContext, tutorialPopup, tutorialFocus);
-                        var focus = (0, tutorial_1.isItemFocus)(type, index, tutorialFocus);
-                        return (0, jsx_runtime_1.jsxs)(DraggableMaterial_1.DraggableMaterial, __assign({ type: type, index: index, displayIndex: displayIndex, playDown: tutorialPopup && !focus && !innerLocations.some(function (location) { return location.focus; }), ref: focus ? addFocusRef : undefined, title: item.quantity !== undefined ? t('quantity.tooltip', { n: item.quantity }) : undefined }, { children: [(0, jsx_runtime_1.jsx)(locations_1.LocationsMask, { locations: innerLocations.filter(function (l) { return l.focus; }).map(function (l) { return l.location; }) }), innerLocations.map(function (_a) {
-                                    var focus = _a.focus, location = _a.location;
-                                    return (0, jsx_runtime_1.jsx)(locations_1.SimpleDropArea, { location: location, alwaysVisible: focus, ref: focus ? addFocusRef : undefined }, JSON.stringify(location));
-                                })] }), "".concat(type, "_").concat(index, "_").concat(displayIndex));
-                    });
-                });
-            }), Object.values(locators).map(function (locator) {
-                var _a;
-                return (_a = locator === null || locator === void 0 ? void 0 : locator.getLocationDescription(context)) === null || _a === void 0 ? void 0 : _a.getLocations(context).map(function (location) {
-                    var isFocus = (0, tutorial_1.isLocationFocus)(location, tutorialFocus);
-                    return (0, jsx_runtime_1.jsx)(locations_1.SimpleDropArea, { location: location, alwaysVisible: isFocus, ref: isFocus ? addFocusRef : undefined }, JSON.stringify(location));
-                });
-            }), (0, jsx_runtime_1.jsx)(dialogs_1.MaterialRulesDialog, { open: !!(game === null || game === void 0 ? void 0 : game.helpDisplay), close: function () { return play(rules_api_1.closeHelpDisplay, { local: true }); } }), (game === null || game === void 0 ? void 0 : game.tutorialStep) !== undefined && (0, jsx_runtime_1.jsx)(MaterialTutorialDisplay_1.MaterialTutorialDisplay, {})] });
+    var game = rules.game;
+    var position = defaultPosition(left, top);
+    return (0, jsx_runtime_1.jsxs)(focus_1.FocusProvider, { children: [(0, jsx_runtime_1.jsx)(StaticItemsDisplay_1.StaticItemsDisplay, { css: position }), (0, jsx_runtime_1.jsx)(DynamicItemsDisplay_1.DynamicItemsDisplay, { css: position }), (0, jsx_runtime_1.jsx)(StaticLocationsDisplay_1.StaticLocationsDisplay, { css: position }), (0, jsx_runtime_1.jsx)(dialogs_1.MaterialRulesDialog, { open: !!(game === null || game === void 0 ? void 0 : game.helpDisplay), close: function () { return play(rules_api_1.closeHelpDisplay, { local: true }); } }), (game === null || game === void 0 ? void 0 : game.tutorialStep) !== undefined && (0, jsx_runtime_1.jsx)(MaterialTutorialDisplay_1.MaterialTutorialDisplay, {}), children] });
 };
 exports.GameMaterialDisplay = GameMaterialDisplay;
-var getInnerLocations = function (item, context, tutorialPopup, tutorialFocus) {
-    var _a, _b;
-    var locationsFocus = tutorialPopup ? getLocationsFocus(tutorialFocus).filter(function (location) { var _a, _b; return ((_a = context.locators[location.type]) === null || _a === void 0 ? void 0 : _a.parentItemType) === context.type && ((_b = location.parent) !== null && _b !== void 0 ? _b : 0) === context.index; }) : [];
-    var result = (_b = (_a = context.material[context.type]) === null || _a === void 0 ? void 0 : _a.getLocations(item, context).map(function (location) { return ({ location: location }); })) !== null && _b !== void 0 ? _b : [];
-    var _loop_1 = function (locationFocus) {
-        var focusableLocation = result.find(function (focusableLocation) { return (0, fast_deep_equal_1.default)(focusableLocation.location, locationFocus); });
-        if (focusableLocation) {
-            focusableLocation.focus = true;
-        }
-        else {
-            result.push({ location: locationFocus, focus: true });
-        }
-    };
-    for (var _i = 0, locationsFocus_1 = locationsFocus; _i < locationsFocus_1.length; _i++) {
-        var locationFocus = locationsFocus_1[_i];
-        _loop_1(locationFocus);
-    }
-    return result;
-};
-var getLocationsFocus = function (focus) {
-    if (!focus)
-        return [];
-    if (Array.isArray(focus)) {
-        return focus.filter(tutorial_1.isLocationBuilder).map(function (builder) { return builder.location; });
-    }
-    return (0, tutorial_1.isLocationBuilder)(focus) ? [focus.location] : [];
-};
+var defaultPosition = function (left, top) { return (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  left: ", "em;\n  top: ", "em;\n  transform-style: preserve-3d;\n"], ["\n  position: absolute;\n  left: ", "em;\n  top: ", "em;\n  transform-style: preserve-3d;\n"])), left, top); };
+var templateObject_1;
 //# sourceMappingURL=GameMaterialDisplay.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GameMaterialDisplay.js","sourceRoot":"","sources":["../../../../src/components/material/GameTable/GameMaterialDisplay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,iDAAkH;AAClH,oEAAmC;AACnC,+BAAoD;AACpD,+CAA8C;AAC9C,6DAAkD;AAClD,oCAA6D;AAC7D,wCAAyF;AACzF,kEAAgE;AAChE,8CAA8D;AAC9D,yCAAmD;AACnD,2CAAyJ;AACzJ,kFAAgF;AAChF,0DAAwD;AACxD,0CAA4D;AAC5D,0DAAwD;AAEjD,IAAM,mBAAmB,GAAG;IACjC,IAAM,OAAO,GAAG,IAAA,0BAAkB,GAAE,CAAA;IACpC,IAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAA;IACjC,IAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAA;IACjC,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAiB,CAAA;IACvC,IAAM,IAAI,GAAG,IAAA,eAAO,GAAE,CAAA;IACd,IAAA,CAAC,GAAK,IAAA,8BAAc,GAAE,EAArB,CAAqB;IAE9B,IAAM,cAAc,GAAG,IAAA,yBAAiB,GAAE,CAAA;IAClC,IAAA,cAAc,GAAK,IAAA,kCAAW,GAAE,eAAlB,CAAkB;IACxC,IAAM,SAAS,GAAG,IAAA,cAAM,EAAmB,IAAI,GAAG,EAAE,CAAC,CAAA;IACrD,IAAM,YAAY,GAAG,IAAA,iCAAe,GAAE,CAAA;IACtC,IAAM,aAAa,GAAG,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAC,mBAAmB,CAAA,KAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,CAAA,CAAA;IAE7E,IAAM,aAAa,GAAG,IAAA,eAAO,EAAC;;QAC5B,SAAS,CAAC,OAAO,GAAG,IAAI,GAAG,EAAE,CAAA;QAC7B,IAAM,aAAa,GAAG,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,EAAC,CAAC,CAAC,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,6DAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;QACjF,IAAI,CAAC,aAAa,EAAE;YAClB,cAAc,CAAC,IAAI,CAAC,CAAA;SACrB;QACD,OAAO,aAAa,CAAA;IACtB,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,IAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,UAAC,GAAuB;QACtD,IAAI,CAAC,GAAG,IAAI,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC;YAAE,OAAM;QAC9C,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;QAC1B,IAAI,IAAA,iCAAsB,EAAC,aAAa,CAAC,KAAK,SAAS,CAAC,OAAO,CAAC,IAAI,EAAE;YACpE,IAAM,UAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAA;YAC9C,UAAU,CAAC,cAAM,OAAA,cAAc,CAAC,UAAQ,EAAE,SAAS,EAAE,IAAI,CAAC,EAAzC,CAAyC,EAAE,EAAE,CAAC,CAAA;SAChE;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,IAAI,CAAC,KAAK;QAAE,OAAO,kDAAK,CAAA;IACxB,IAAM,IAAI,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAA;IAExB,OAAO,6DACJ,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,UAAC,EAAyB;oBAAxB,UAAU,QAAA,EAAE,WAAW,QAAA;gBACrD,IAAM,IAAI,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAA;gBACjC,OAAO,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,cAAc,CAAC,OAAO,EAAE,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK;;oBAC1D,IAAM,OAAO,GAAG,MAAA,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,mCAAI,wBAAa,CAAA;oBAC7D,OAAO,kBAAI,KAAK,CAAC,MAAA,IAAI,CAAC,QAAQ,mCAAI,CAAC,CAAC,QAAE,GAAG,CAAC,UAAC,CAAC,EAAE,YAAY;wBACxD,IAAM,WAAW,yBAAqB,OAAO,KAAE,IAAI,MAAA,EAAE,KAAK,OAAA,EAAE,YAAY,cAAA,GAAE,CAAA;wBAC1E,IAAM,cAAc,GAAG,iBAAiB,CAAC,IAAI,EAAE,WAAW,EAAE,aAAa,EAAE,aAAa,CAAC,CAAA;wBACzF,IAAM,KAAK,GAAG,IAAA,4BAAiB,EAAC,IAAI,EAAE,IAAI,EAAE,aAAa,CAAC,CAAA;wBAC1D,OAAO,wBAAC,qCAAiB,aAA0C,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,EACpE,QAAQ,EAAE,aAAa,IAAI,CAAC,KAAK,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,UAAA,QAAQ,IAAI,OAAA,QAAQ,CAAC,KAAK,EAAd,CAAc,CAAC,EACrF,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EACpC,GAAG,EAAE,CAAC,sBAAgB,EAAE,kBAAY,eAAI,OAAO,CAAC,aAAa,CAAC,IAAI,EAAE,WAAW,CAAC,EAAE,EAClF,YAAY,EAAE,cAAM,OAAA,IAAI,CAAC,IAAA,+BAAmB,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAA3E,CAA2E,iBACvH,uBAAC,yBAAa,IAAC,SAAS,EAAE,cAAc,CAAC,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,KAAK,EAAP,CAAO,CAAC,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,QAAQ,EAAV,CAAU,CAAC,GAAG,EACpF,cAAc,CAAC,GAAG,CAAC,UAAC,EAAmB;wCAAjB,KAAK,WAAA,EAAE,QAAQ,cAAA;oCACpC,OAAA,uBAAC,0BAAc,IAAgC,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EACvE,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,IAD/B,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CACU;gCADvD,CACuD,CAAC,MAR7B,UAAG,IAAI,cAAI,KAAK,cAAI,YAAY,CAAE,CAS7C,CAAA;oBACtB,CAAC,CAAC,CAAA;gBACJ,CAAC,CAAC,CAAA;YACJ,CAAC,CAAC,EACD,KAAK,IAAI,IAAI,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,UAAC,EAAmB;oBAAlB,UAAU,QAAA,EAAE,KAAK,QAAA;gBAClE,IAAI,CAAC,KAAK;oBAAE,OAAO,IAAI,CAAA;gBACvB,IAAM,IAAI,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAA;gBACjC,OAAO,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK;;oBAC3B,IAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;oBAC5C,OAAO,kBAAI,KAAK,CAAC,MAAA,IAAI,CAAC,QAAQ,mCAAI,CAAC,CAAC,QAAE,GAAG,CAAC,UAAC,CAAC,EAAE,YAAY;wBACxD,IAAM,WAAW,yBAAqB,OAAO,KAAE,IAAI,MAAA,EAAE,KAAK,OAAA,EAAE,YAAY,cAAA,GAAE,CAAA;wBAC1E,IAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC;4BAAE,OAAO,IAAI,CAAA;wBACjD,IAAM,cAAc,GAAG,iBAAiB,CAAC,IAAI,EAAE,WAAW,EAAE,aAAa,EAAE,aAAa,CAAC,CAAA;wBACzF,IAAM,KAAK,GAAG,IAAA,sBAAW,EAAC,IAAI,EAAE,KAAK,EAAE,aAAa,CAAC,CAAA;wBACrD,OAAO,wBAAC,qCAAiB,aACC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,EACpD,QAAQ,EAAE,aAAa,IAAI,CAAC,KAAK,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,UAAA,QAAQ,IAAI,OAAA,QAAQ,CAAC,KAAK,EAAd,CAAc,CAAC,EACrF,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EACpC,KAAK,EAAE,IAAI,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,kBAAkB,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAE,CAAC,CAAC,CAAC,SAAS,iBACrH,uBAAC,yBAAa,IAAC,SAAS,EAAE,cAAc,CAAC,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,KAAK,EAAP,CAAO,CAAC,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,QAAQ,EAAV,CAAU,CAAC,GAAG,EACpF,cAAc,CAAC,GAAG,CAAC,UAAC,EAAmB;wCAAjB,KAAK,WAAA,EAAE,QAAQ,cAAA;oCACpC,OAAA,uBAAC,0BAAc,IAAgC,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,IAAxG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAmF;gCAAhI,CAAgI,CAAC,MAPtG,UAAG,IAAI,cAAI,KAAK,cAAI,YAAY,CAAE,CAQ7C,CAAA;oBACtB,CAAC,CAAC,CAAA;gBACJ,CAAC,CAAC,CAAA;YACJ,CAAC,CAAC,EACD,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,UAAA,OAAO;;gBAChC,OAAO,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,sBAAsB,CAAC,OAAO,CAAC,0CAAE,YAAY,CAAC,OAAO,EAAE,GAAG,CAAC,UAAA,QAAQ;oBACjF,IAAM,OAAO,GAAG,IAAA,0BAAe,EAAC,QAAQ,EAAE,aAAa,CAAC,CAAA;oBACxD,OAAO,uBAAC,0BAAc,IAAgC,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,IAA5G,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAuF,CAAA;gBAC7I,CAAC,CAAC,CAAA;YACJ,CAAC,CACF,EACD,uBAAC,6BAAmB,IAAC,IAAI,EAAE,CAAC,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,CAAA,EAAE,KAAK,EAAE,cAAM,OAAA,IAAI,CAAC,4BAAgB,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAvC,CAAuC,GAAG,EACtG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,YAAY,MAAK,SAAS,IAAI,uBAAC,iDAAuB,KAAE,IAC9D,CAAA;AACL,CAAC,CAAA;AAzFY,QAAA,mBAAmB,uBAyF/B;AAOD,IAAM,iBAAiB,GAAG,UACxB,IAAkB,EAAE,OAAoB,EAAE,aAAqC,EAAE,aAA+C;;IAEhI,IAAM,cAAc,GAAG,aAAa,CAAC,CAAC,CAAC,iBAAiB,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC,UAAA,QAAQ,gBACrF,OAAA,CAAA,MAAA,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,0CAAE,cAAc,MAAK,OAAO,CAAC,IAAI,IAAI,CAAC,MAAA,QAAQ,CAAC,MAAM,mCAAI,CAAC,CAAC,KAAK,OAAO,CAAC,KAAK,CAAA,EAAA,CAC7G,CAAC,CAAC,CAAC,EAAE,CAAA;IACN,IAAM,MAAM,GAAwB,MAAA,MAAA,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,0CAAE,YAAY,CAAC,IAAI,EAAE,OAAO,EAAE,GAAG,CAAC,UAAA,QAAQ,IAAI,OAAA,CAAC,EAAE,QAAQ,UAAA,EAAE,CAAC,EAAd,CAAc,CAAC,mCAAI,EAAE,CAAA;4BAC1H,aAAa;QACtB,IAAM,iBAAiB,GAAG,MAAM,CAAC,IAAI,CAAC,UAAA,iBAAiB,IAAI,OAAA,IAAA,yBAAK,EAAC,iBAAiB,CAAC,QAAQ,EAAE,aAAa,CAAC,EAAhD,CAAgD,CAAC,CAAA;QAC5G,IAAI,iBAAiB,EAAE;YACrB,iBAAiB,CAAC,KAAK,GAAG,IAAI,CAAA;SAC/B;aAAM;YACL,MAAM,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAA;SACtD;;IANH,KAA4B,UAAc,EAAd,iCAAc,EAAd,4BAAc,EAAd,IAAc;QAArC,IAAM,aAAa,uBAAA;gBAAb,aAAa;KAOvB;IACD,OAAO,MAAM,CAAA;AACf,CAAC,CAAA;AAED,IAAM,iBAAiB,GAAG,UAAC,KAAuC;IAChE,IAAI,CAAC,KAAK;QAAE,OAAO,EAAE,CAAA;IACrB,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACxB,OAAO,KAAK,CAAC,MAAM,CAAC,4BAAiB,CAAC,CAAC,GAAG,CAAC,UAAA,OAAO,IAAI,OAAA,OAAO,CAAC,QAAQ,EAAhB,CAAgB,CAAC,CAAA;KACxE;IACD,OAAO,IAAA,4BAAiB,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;AACzD,CAAC,CAAA"}
+{"version":3,"file":"GameMaterialDisplay.js","sourceRoot":"","sources":["../../../../src/components/material/GameTable/GameMaterialDisplay.tsx"],"names":[],"mappings":";;;;;;;;AACA,wCAAoC;AACpC,iDAAqE;AAErE,wCAAkD;AAClD,yCAAmD;AACnD,kFAAgF;AAChF,6DAA2D;AAC3D,iCAAuC;AACvC,2DAAyD;AACzD,mEAAiE;AAO1D,IAAM,mBAAmB,GAAG,UAAC,EAAiD;QAA/C,IAAI,UAAA,EAAE,GAAG,SAAA,EAAE,QAAQ,cAAA;IACvD,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAiB,CAAA;IACvC,IAAM,IAAI,GAAG,IAAA,eAAO,GAAE,CAAA;IAEtB,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI;QAAE,OAAO,kDAAK,CAAA;IACvC,IAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAA;IAEvB,IAAM,QAAQ,GAAG,eAAe,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;IAC3C,OAAO,wBAAC,qBAAa,eACnB,uBAAC,uCAAkB,IAAC,GAAG,EAAE,QAAQ,GAAG,EACpC,uBAAC,yCAAmB,IAAC,GAAG,EAAE,QAAQ,GAAG,EACrC,uBAAC,+CAAsB,IAAC,GAAG,EAAE,QAAQ,GAAG,EACxC,uBAAC,6BAAmB,IAAC,IAAI,EAAE,CAAC,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,CAAA,EAAE,KAAK,EAAE,cAAM,OAAA,IAAI,CAAC,4BAAgB,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAvC,CAAuC,GAAG,EACtG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,YAAY,MAAK,SAAS,IAAI,uBAAC,iDAAuB,KAAE,EAC9D,QAAQ,IACK,CAAA;AAClB,CAAC,CAAA;AAhBY,QAAA,mBAAmB,uBAgB/B;AAED,IAAM,eAAe,GAAG,UAAC,IAAY,EAAE,GAAW,IAAK,WAAA,WAAG,iKAAA,mCAEhD,EAAI,cACL,EAAG,wCAEX,KAHS,IAAI,EACL,GAAG,GAH2C,CAKtD,CAAA"}

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

@@ -2,6 +2,7 @@ import { CollisionDetection } from '@dnd-kit/core';
 import { FC, HTMLAttributes } from 'react';
 export type GameTableProps = {
     collisionAlgorithm?: CollisionDetection;
+    snapToCenter?: boolean;
     xMin: number;
     xMax: number;
     yMin: number;
@@ -13,5 +14,6 @@ export type GameTableProps = {
         right: number;
         bottom: number;
     };
+    verticalCenter?: boolean;
 } & HTMLAttributes<HTMLDivElement>;
 export declare const GameTable: FC<GameTableProps>;

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

@@ -43,8 +43,8 @@ var wheel = { step: 0.05 };
 var doubleClick = { disabled: true };
 var pointerSensorOptions = { activationConstraint: { distance: 2 } };
 var GameTable = function (_a) {
-    var collisionAlgorithm = _a.collisionAlgorithm, perspective = _a.perspective, xMin = _a.xMin, xMax = _a.xMax, yMin = _a.yMin, yMax = _a.yMax, _b = _a.margin, margin = _b === void 0 ? { left: 0, right: 0, top: 7, bottom: 0 } : _b, children = _a.children, props = __rest(_a, ["collisionAlgorithm", "perspective", "xMin", "xMax", "yMin", "yMax", "margin", "children"]);
-    var _c = (0, react_2.useState)(false), dragging = _c[0], setDragging = _c[1];
+    var collisionAlgorithm = _a.collisionAlgorithm, _b = _a.snapToCenter, snapToCenter = _b === void 0 ? true : _b, perspective = _a.perspective, xMin = _a.xMin, xMax = _a.xMax, yMin = _a.yMin, yMax = _a.yMax, _c = _a.margin, margin = _c === void 0 ? { left: 0, right: 0, top: 7, bottom: 0 } : _c, verticalCenter = _a.verticalCenter, children = _a.children, props = __rest(_a, ["collisionAlgorithm", "snapToCenter", "perspective", "xMin", "xMax", "yMin", "yMax", "margin", "verticalCenter", "children"]);
+    var _d = (0, react_2.useState)(false), dragging = _d[0], setDragging = _d[1];
     var sensors = (0, core_1.useSensors)((0, core_1.useSensor)(core_1.PointerSensor, pointerSensorOptions));
     var context = (0, hooks_1.useMaterialContext)();
     var play = (0, hooks_1.usePlay)();
@@ -94,17 +94,18 @@ var GameTable = function (_a) {
         position: 'absolute',
         margin: "".concat(margin.top, "em ").concat(margin.right, "em ").concat(margin.bottom, "em ").concat(margin.left, "em"),
         transformStyle: 'preserve-3d',
-        height: "min(100% - ".concat(vm, "em, (100dvw - ").concat(hm, "em) / ").concat(ratio, ")"),
+        height: verticalCenter ? "calc(100% - ".concat(vm, "em)") : "min(100% - ".concat(vm, "em, (100dvw - ").concat(hm, "em) / ").concat(ratio, ")"),
         width: "calc(100dvw - ".concat(hm, "em)"),
-        overflow: 'visible'
+        overflow: 'visible',
     }); }, [margin, vm, hm, ratio]);
-    return ((0, jsx_runtime_1.jsxs)(core_1.DndContext, __assign({ collisionDetection: collisionAlgorithm, measuring: { draggable: { measure: core_1.getClientRect }, droppable: { measure: core_1.getClientRect } }, modifiers: [modifiers_1.snapCenterToCursor], sensors: sensors, onDragStart: function () { return setDragging(true); }, onDragEnd: onDragEnd, onDragCancel: function () { return setDragging(false); } }, { children: [(0, jsx_runtime_1.jsx)(react_1.Global, { styles: ratioFontSize(ratioWithMargins) }), (0, jsx_runtime_1.jsx)(react_zoom_pan_pinch_1.TransformWrapper, __assign({ ref: ref, minScale: minScale, maxScale: maxScale, initialScale: minScale, centerOnInit: true, wheel: wheel, smooth: false, panning: panning, disablePadding: true, doubleClick: doubleClick }, { children: (0, jsx_runtime_1.jsx)(react_zoom_pan_pinch_1.TransformComponent, __assign({ wrapperStyle: wrapperStyle }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ css: [tableCss(xMin, xMax, yMin, yMax), (0, css_1.fontSizeCss)(tableFontSize), perspective && (0, css_1.perspectiveCss)(perspective)] }, props, { children: [(0, jsx_runtime_1.jsx)(GameMaterialDisplay_1.GameMaterialDisplay, {}), children] })) })) }))] })));
+    var modifiers = (0, react_2.useMemo)(function () { return snapToCenter ? [modifiers_1.snapCenterToCursor] : undefined; }, [snapToCenter]);
+    return ((0, jsx_runtime_1.jsxs)(core_1.DndContext, __assign({ collisionDetection: collisionAlgorithm, measuring: { draggable: { measure: core_1.getClientRect }, droppable: { measure: core_1.getClientRect } }, modifiers: modifiers, sensors: sensors, onDragStart: function () { return setDragging(true); }, onDragEnd: onDragEnd, onDragCancel: function () { return setDragging(false); } }, { children: [(0, jsx_runtime_1.jsx)(react_1.Global, { styles: ratioFontSize(ratioWithMargins) }), (0, jsx_runtime_1.jsx)(react_zoom_pan_pinch_1.TransformWrapper, __assign({ ref: ref, minScale: minScale, maxScale: maxScale, initialScale: minScale, centerOnInit: true, wheel: wheel, smooth: false, panning: panning, disablePadding: true, doubleClick: doubleClick }, { children: (0, jsx_runtime_1.jsx)(react_zoom_pan_pinch_1.TransformComponent, __assign({ wrapperStyle: wrapperStyle }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ css: [tableCss(xMin, xMax, yMin, yMax), (0, css_1.fontSizeCss)(tableFontSize), perspective && (0, css_1.perspectiveCss)(perspective)] }, props, { children: (0, jsx_runtime_1.jsx)(GameMaterialDisplay_1.GameMaterialDisplay, __assign({ left: -xMin, top: -yMin }, { children: children })) })) })) }))] })));
 };
 exports.GameTable = GameTable;
 function dataIsLocation(data) {
     return typeof (data === null || data === void 0 ? void 0 : data.type) === 'number';
 }
 var ratioFontSize = function (ratio) { return (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .react-transform-wrapper {\n    font-size: 1dvh;\n    @media (max-aspect-ratio: ", "/1) {\n      font-size: calc(1dvw / ", ");\n    }\n  }\n"], ["\n  .react-transform-wrapper {\n    font-size: 1dvh;\n    @media (max-aspect-ratio: ", "/1) {\n      font-size: calc(1dvw / ", ");\n    }\n  }\n"])), ratio, ratio); };
-var tableCss = function (xMin, xMax, yMin, yMax) { return (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  transform-style: preserve-3d;\n  width: ", "em;\n  height: ", "em;\n\n  > * {\n    position: absolute;\n    top: ", "em;\n    left: ", "em;\n    transform-style: preserve-3d;\n  }\n"], ["\n  transform-style: preserve-3d;\n  width: ", "em;\n  height: ", "em;\n\n  > * {\n    position: absolute;\n    top: ", "em;\n    left: ", "em;\n    transform-style: preserve-3d;\n  }\n"])), xMax - xMin, yMax - yMin, -yMin, -xMin); };
+var tableCss = function (xMin, xMax, yMin, yMax) { return (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  transform-style: preserve-3d;\n  width: ", "em;\n  height: ", "em;\n"], ["\n  transform-style: preserve-3d;\n  width: ", "em;\n  height: ", "em;\n"])), xMax - xMin, yMax - yMin); };
 var templateObject_1, templateObject_2;
 //# sourceMappingURL=GameTable.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GameTable.js","sourceRoot":"","sources":["../../../../src/components/material/GameTable/GameTable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,sCAAiI;AACjI,gDAAuD;AACvD,wCAA4C;AAC5C,iDAA4D;AAC5D,+BAAoG;AACpG,6DAAwG;AACxG,oCAA0D;AAC1D,wCAA2E;AAC3E,8DAAyF;AACzF,0DAA0D;AAC1D,6DAA2D;AAY3D,IAAM,KAAK,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,CAAA;AAC5B,IAAM,WAAW,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;AACtC,IAAM,oBAAoB,GAAG,EAAE,oBAAoB,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAA;AAC/D,IAAM,SAAS,GAAuB,UAC3C,EAAkI;IAAhI,IAAA,kBAAkB,wBAAA,EAAE,WAAW,iBAAA,EAAE,IAAI,UAAA,EAAE,IAAI,UAAA,EAAE,IAAI,UAAA,EAAE,IAAI,UAAA,EAAE,cAAiD,EAAjD,MAAM,mBAAG,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,KAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAAhI,2FAAkI,CAAF;IAG1H,IAAA,KAA0B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAA;IAC/C,IAAM,OAAO,GAAG,IAAA,iBAAU,EACxB,IAAA,gBAAS,EAAC,oBAAa,EAAE,oBAAoB,CAAC,CAC/C,CAAA;IAED,IAAM,OAAO,GAAG,IAAA,0BAAkB,GAAE,CAAA;IACpC,IAAM,IAAI,GAAG,IAAA,eAAO,GAAE,CAAA;IACtB,IAAM,UAAU,GAAG,IAAA,qBAAa,GAAE,CAAA;IAClC,IAAM,SAAS,GAAG,IAAA,mBAAW,EAAC,UAAC,KAAmB;QAChD,WAAW,CAAC,KAAK,CAAC,CAAA;QAClB,IAAI,KAAK,CAAC,IAAI,IAAI,IAAA,uCAAmB,EAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;YAC3G,IAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAA;YAC9B,IAAA,IAAI,GAA0B,IAAI,KAA9B,EAAE,KAAK,GAAmB,IAAI,MAAvB,EAAE,YAAY,GAAK,IAAI,aAAT,CAAS;YAC1C,IAAM,aAAW,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;YAC1C,IAAM,UAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAA;YACxC,IAAM,SAAO,GAAG,OAAO,CAAC,QAAQ,CAAC,UAAQ,CAAC,IAAI,CAAC,CAAA;YAC/C,IAAM,aAAW,yBAAQ,OAAO,GAAK,IAAI,CAAE,CAAA;YAC3C,IAAM,KAAK,GAAG,UAAU,CAAC,MAAM,CAAC,UAAA,IAAI,YAClC,OAAA,CAAA,aAAW,aAAX,aAAW,uBAAX,aAAW,CAAE,OAAO,CAAC,IAAI,EAAE,aAAW,CAAC,MAAI,MAAA,SAAO,aAAP,SAAO,uBAAP,SAAO,CAAE,mBAAmB,0CAAE,OAAO,CAAC,IAAI,EAAE,UAAQ,EAAE,aAAW,CAAC,CAAA,CAAA,EAAA,CAC9G,CAAA;YACD,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;gBACtB,IAAI,CAAC,IAAA,wBAAY,EAAC,IAAI,EAAE,KAAK,EAAE,YAAY,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAA;gBAC9D,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;aACf;SACF;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC,CAAA;IAE/B,IAAM,GAAG,GAAG,IAAA,cAAM,EAA8B,IAAI,CAAC,CAAA;IACrD,IAAA,iBAAS,EAAC;QACR,IAAM,OAAO,GAAG;;YACd,IAAM,YAAY,GAAG,MAAA,GAAG,CAAC,OAAO,0CAAE,QAAQ,CAAA;YAC1C,IAAI,CAAC,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,MAAM,CAAA;gBAAE,OAAM;YAC3B,IAAA,KAAkC,YAAY,CAAC,cAAc,EAA3D,SAAS,eAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAgC,CAAA;YACnE,IAAM,MAAM,GAAG,IAAA,6BAAe,EAAC,YAAY,EAAE,KAAK,CAAC,CAAA;YAC7C,IAAA,KAAW,IAAA,qCAAuB,EAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,EAAzG,CAAC,OAAA,EAAE,CAAC,OAAqG,CAAA;YACjH,YAAY,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;QAC7C,CAAC,CAAA;QACD,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;QAC1C,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;QAC/C,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,EAAE,GAAG,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,KAAK,CAAA;IACrC,IAAM,EAAE,GAAG,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,MAAM,CAAA;IACrC,IAAM,aAAa,GAAG,CAAC,CAAA;IACvB,IAAM,QAAQ,GAAG,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,aAAa,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,CAAA;IAC3D,IAAM,QAAQ,GAAG,QAAQ,GAAG,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAA;IAC9C,IAAM,KAAK,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,CAAA;IAC3C,IAAM,gBAAgB,GAAG,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC,GAAG,GAAG,CAAA;IACxD,IAAM,OAAO,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAAxB,CAAwB,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IACnE,IAAM,YAAY,GAAwB,IAAA,eAAO,EAAC,cAAM,OAAA,CAAC;QACvD,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,UAAG,MAAM,CAAC,GAAG,gBAAM,MAAM,CAAC,KAAK,gBAAM,MAAM,CAAC,MAAM,gBAAM,MAAM,CAAC,IAAI,OAAI;QAC/E,cAAc,EAAE,aAAa;QAC7B,MAAM,EAAE,qBAAc,EAAE,2BAAiB,EAAE,mBAAS,KAAK,MAAG;QAC5D,KAAK,EAAE,wBAAiB,EAAE,QAAK;QAC/B,QAAQ,EAAE,SAAS;KACpB,CAAC,EAPsD,CAOtD,EAAE,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC,CAAA;IAC5B,OAAO,CACL,wBAAC,iBAAU,aAAC,kBAAkB,EAAE,kBAAkB,EAAE,SAAS,EAAE,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,oBAAa,EAAE,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,oBAAa,EAAE,EAAE,EACnI,SAAS,EAAE,CAAC,8BAAkB,CAAC,EAAE,OAAO,EAAE,OAAO,EACjD,WAAW,EAAE,cAAM,OAAA,WAAW,CAAC,IAAI,CAAC,EAAjB,CAAiB,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,cAAM,OAAA,WAAW,CAAC,KAAK,CAAC,EAAlB,CAAkB,iBAC5G,uBAAC,cAAM,IAAC,MAAM,EAAE,aAAa,CAAC,gBAAgB,CAAC,GAAG,EAClD,uBAAC,uCAAgB,aAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EACxE,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,QAAC,WAAW,EAAE,WAAW,gBAC1H,uBAAC,yCAAkB,aAAC,YAAY,EAAE,YAAY,gBAC5C,0CAAK,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE,IAAA,iBAAW,EAAC,aAAa,CAAC,EAAE,WAAW,IAAI,IAAA,oBAAc,EAAC,WAAW,CAAC,CAAC,IAAM,KAAK,eAC7H,uBAAC,yCAAmB,KAAE,EACrB,QAAQ,KACL,IACa,IACJ,KACR,CACd,CAAA;AACH,CAAC,CAAA;AA/EY,QAAA,SAAS,aA+ErB;AAED,SAAS,cAAc,CAAuD,IAA0B;IACtG,OAAO,OAAO,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,CAAA,KAAK,QAAQ,CAAA;AACvC,CAAC;AAED,IAAM,aAAa,GAAG,UAAC,KAAa,IAAK,WAAA,WAAG,sNAAA,sFAGZ,EAAK,sCACN,EAAK,kBAGnC,KAJ+B,KAAK,EACN,KAAK,GAJK,CAOxC,CAAA;AAED,IAAM,QAAQ,GAAG,UAAC,IAAY,EAAE,IAAY,EAAE,IAAY,EAAE,IAAY,IAAK,WAAA,WAAG,+PAAA,8CAErE,EAAW,iBACV,EAAW,oDAIZ,EAAK,iBACJ,EAAK,+CAGhB,KATU,IAAI,GAAG,IAAI,EACV,IAAI,GAAG,IAAI,EAIZ,CAAC,IAAI,EACJ,CAAC,IAAI,GAR4D,CAW5E,CAAA"}
+{"version":3,"file":"GameTable.js","sourceRoot":"","sources":["../../../../src/components/material/GameTable/GameTable.tsx"],"names":[],"mappings":"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"}

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

@@ -1,2 +1,6 @@
 import { FC, HTMLAttributes } from 'react';
-export declare const GameTableNavigation: FC<HTMLAttributes<HTMLDivElement>>;
+type GameTableNavigationProps = {
+    scaleStep?: number;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const GameTableNavigation: FC<GameTableNavigationProps>;
+export {};

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

@@ -14,6 +14,17 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GameTableNavigation = void 0;
 var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
@@ -26,19 +37,20 @@ var react_dom_1 = require("react-dom");
 var react_zoom_pan_pinch_1 = require("react-zoom-pan-pinch");
 var css_1 = require("../../../css");
 var GameTableNavigation = function (props) {
-    var _a = (0, react_zoom_pan_pinch_1.useControls)(), zoomIn = _a.zoomIn, zoomOut = _a.zoomOut;
-    var _b = (0, react_2.useState)(false), isMin = _b[0], setIsMin = _b[1];
-    var _c = (0, react_2.useState)(false), isMax = _c[0], setIsMax = _c[1];
+    var _a = props.scaleStep, scaleStep = _a === void 0 ? 0.1 : _a, rest = __rest(props, ["scaleStep"]);
+    var _b = (0, react_zoom_pan_pinch_1.useControls)(), zoomIn = _b.zoomIn, zoomOut = _b.zoomOut;
+    var _c = (0, react_2.useState)(false), isMin = _c[0], setIsMin = _c[1];
+    var _d = (0, react_2.useState)(false), isMax = _d[0], setIsMax = _d[1];
     (0, react_zoom_pan_pinch_1.useTransformEffect)(function (_a) {
         var state = _a.state, instance = _a.instance;
         setIsMin(state.scale === instance.props.minScale);
         setIsMax(state.scale === instance.props.maxScale);
     });
-    return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsxs)("div", __assign({ css: navigationContainer }, props, { children: [(0, jsx_runtime_1.jsx)("button", __assign({ css: button, onClick: function () { return zoomIn(0.1); }, disabled: isMax }, { children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faSearchPlus_1.faSearchPlus, css: iconCss }) })), (0, jsx_runtime_1.jsx)("button", __assign({ css: button, onClick: function () { return zoomOut(0.1); }, disabled: isMin }, { children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faSearchMinus_1.faSearchMinus, css: iconCss }) }))] })), document.getElementById('root'));
+    return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsxs)("div", __assign({ css: navigationContainer }, rest, { children: [(0, jsx_runtime_1.jsx)("button", __assign({ css: button, onClick: function () { return zoomIn(scaleStep); }, disabled: isMax }, { children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faSearchPlus_1.faSearchPlus, css: iconCss }) })), (0, jsx_runtime_1.jsx)("button", __assign({ css: button, onClick: function () { return zoomOut(scaleStep); }, disabled: isMin }, { children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faSearchMinus_1.faSearchMinus, css: iconCss }) }))] })), document.getElementById('root'));
 };
 exports.GameTableNavigation = GameTableNavigation;
-var navigationContainer = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: fixed;\n  display: flex;\n  gap: 1em;\n  top: 8em;\n  left: 1em;\n  color: white;\n  transform: translateZ(100em);\n"], ["\n  position: fixed;\n  display: flex;\n  gap: 1em;\n  top: 8em;\n  left: 1em;\n  color: white;\n  transform: translateZ(100em);\n"])));
-var button = [css_1.buttonResetCss, (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-size: 3em;\n  height: 2em;\n  width: 2em;\n  border-radius: 2em;\n  transition: transform 0.1s ease-in-out;\n  border: 0.1em solid white;\n  color: inherit;\n  background: transparent;\n\n  &:disabled {\n    color: #a0a0a0;\n    border-color: #a0a0a0;\n  }\n\n  &:not(:disabled) {\n    &:focus, &:hover {\n      transform: scale(1.05);\n    }\n\n    &:active {\n      transform: scale(1.05);\n      background-color: rgba(0, 0, 0, 0.5);\n    }\n  }\n\n"], ["\n  font-size: 3em;\n  height: 2em;\n  width: 2em;\n  border-radius: 2em;\n  transition: transform 0.1s ease-in-out;\n  border: 0.1em solid white;\n  color: inherit;\n  background: transparent;\n\n  &:disabled {\n    color: #a0a0a0;\n    border-color: #a0a0a0;\n  }\n\n  &:not(:disabled) {\n    &:focus, &:hover {\n      transform: scale(1.05);\n    }\n\n    &:active {\n      transform: scale(1.05);\n      background-color: rgba(0, 0, 0, 0.5);\n    }\n  }\n\n"])))];
+var navigationContainer = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: fixed;\n  z-index: 1;\n  display: flex;\n  gap: 1em;\n  top: 8em;\n  left: 1em;\n  color: white;\n  transform: translateZ(100em);\n"], ["\n  position: fixed;\n  z-index: 1;\n  display: flex;\n  gap: 1em;\n  top: 8em;\n  left: 1em;\n  color: white;\n  transform: translateZ(100em);\n"])));
+var button = [css_1.buttonResetCss, (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-size: 3em;\n  height: 2em;\n  width: 2em;\n  border-radius: 2em;\n  transition: transform 0.1s ease-in-out;\n  border: 0.1em solid white;\n  color: inherit;\n  background: transparent;\n  padding: 0;\n  filter: drop-shadow(0.1em 0.1em 0.05em black);\n\n  &:disabled {\n    color: #a0a0a0;\n    border-color: #a0a0a0;\n  }\n\n  &:not(:disabled) {\n    &:focus, &:hover {\n      transform: scale(1.05);\n    }\n\n    &:active {\n      transform: scale(1.05);\n      background-color: rgba(0, 0, 0, 0.5);\n    }\n  }\n\n"], ["\n  font-size: 3em;\n  height: 2em;\n  width: 2em;\n  border-radius: 2em;\n  transition: transform 0.1s ease-in-out;\n  border: 0.1em solid white;\n  color: inherit;\n  background: transparent;\n  padding: 0;\n  filter: drop-shadow(0.1em 0.1em 0.05em black);\n\n  &:disabled {\n    color: #a0a0a0;\n    border-color: #a0a0a0;\n  }\n\n  &:not(:disabled) {\n    &:focus, &:hover {\n      transform: scale(1.05);\n    }\n\n    &:active {\n      transform: scale(1.05);\n      background-color: rgba(0, 0, 0, 0.5);\n    }\n  }\n\n"])))];
 var iconCss = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  color: inherit;\n"], ["\n  color: inherit;\n"])));
 var templateObject_1, templateObject_2, templateObject_3;
 //# sourceMappingURL=GameTableNavigation.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GameTableNavigation.js","sourceRoot":"","sources":["../../../../src/components/material/GameTable/GameTableNavigation.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AACA,wCAAoC;AACpC,iFAA+E;AAC/E,+EAA6E;AAC7E,oEAAgE;AAChE,+BAAoD;AACpD,uCAAwC;AACxC,6DAAsE;AACtE,oCAA6C;AAEtC,IAAM,mBAAmB,GAAuC,UAAC,KAAK;IACrE,IAAA,KAAsB,IAAA,kCAAW,GAAE,EAAjC,MAAM,YAAA,EAAE,OAAO,aAAkB,CAAA;IACnC,IAAA,KAAoB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAlC,KAAK,QAAA,EAAE,QAAQ,QAAmB,CAAA;IACnC,IAAA,KAAoB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAlC,KAAK,QAAA,EAAE,QAAQ,QAAmB,CAAA;IACzC,IAAA,yCAAkB,EAAC,UAAC,EAAmB;YAAjB,KAAK,WAAA,EAAE,QAAQ,cAAA;QACnC,QAAQ,CAAC,KAAK,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;QACjD,QAAQ,CAAC,KAAK,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;IACnD,CAAC,CAAC,CAAA;IACF,OAAO,IAAA,wBAAY,EACjB,0CAAK,GAAG,EAAE,mBAAmB,IAAM,KAAK,eACtC,4CAAQ,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,cAAM,OAAA,MAAM,CAAC,GAAG,CAAC,EAAX,CAAW,EAAE,QAAQ,EAAE,KAAK,gBAC9D,uBAAC,mCAAe,IAAC,IAAI,EAAE,2BAAY,EAAE,GAAG,EAAE,OAAO,GAAG,IAC7C,EACT,4CAAQ,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,GAAG,CAAC,EAAZ,CAAY,EAAE,QAAQ,EAAE,KAAK,gBAC/D,uBAAC,mCAAe,IAAC,IAAI,EAAE,6BAAa,EAAE,GAAG,EAAE,OAAO,GAAG,IAC9C,KACL,EACN,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAE,CACjC,CAAA;AACH,CAAC,CAAA;AAnBY,QAAA,mBAAmB,uBAmB/B;AAED,IAAM,mBAAmB,OAAG,WAAG,wMAAA,oIAQ9B,IAAA,CAAA;AAED,IAAM,MAAM,GAAG,CAAC,oBAAc,MAAE,WAAG,mhBAAA,+cA0BlC,KAAC,CAAA;AAEF,IAAM,OAAO,OAAG,WAAG,2FAAA,uBAElB,IAAA,CAAA"}
+{"version":3,"file":"GameTableNavigation.js","sourceRoot":"","sources":["../../../../src/components/material/GameTable/GameTableNavigation.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,wCAAoC;AACpC,iFAA+E;AAC/E,+EAA6E;AAC7E,oEAAgE;AAChE,+BAAoD;AACpD,uCAAwC;AACxC,6DAAsE;AACtE,oCAA6C;AAMtC,IAAM,mBAAmB,GAAiC,UAAC,KAAK;IAC7D,IAAA,KAA6B,KAAK,UAAnB,EAAf,SAAS,mBAAG,GAAG,KAAA,EAAK,IAAI,UAAK,KAAK,EAApC,aAA4B,CAAF,CAAU;IACpC,IAAA,KAAsB,IAAA,kCAAW,GAAE,EAAjC,MAAM,YAAA,EAAE,OAAO,aAAkB,CAAA;IACnC,IAAA,KAAoB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAlC,KAAK,QAAA,EAAE,QAAQ,QAAmB,CAAA;IACnC,IAAA,KAAoB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAlC,KAAK,QAAA,EAAE,QAAQ,QAAmB,CAAA;IACzC,IAAA,yCAAkB,EAAC,UAAC,EAAmB;YAAjB,KAAK,WAAA,EAAE,QAAQ,cAAA;QACnC,QAAQ,CAAC,KAAK,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;QACjD,QAAQ,CAAC,KAAK,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;IACnD,CAAC,CAAC,CAAA;IACF,OAAO,IAAA,wBAAY,EACjB,0CAAK,GAAG,EAAE,mBAAmB,IAAM,IAAI,eACrC,4CAAQ,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,cAAM,OAAA,MAAM,CAAC,SAAS,CAAC,EAAjB,CAAiB,EAAE,QAAQ,EAAE,KAAK,gBACpE,uBAAC,mCAAe,IAAC,IAAI,EAAE,2BAAY,EAAE,GAAG,EAAE,OAAO,GAAG,IAC7C,EACT,4CAAQ,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,SAAS,CAAC,EAAlB,CAAkB,EAAE,QAAQ,EAAE,KAAK,gBACrE,uBAAC,mCAAe,IAAC,IAAI,EAAE,6BAAa,EAAE,GAAG,EAAE,OAAO,GAAG,IAC9C,KACL,EACN,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAE,CACjC,CAAA;AACH,CAAC,CAAA;AApBY,QAAA,mBAAmB,uBAoB/B;AAED,IAAM,mBAAmB,OAAG,WAAG,uNAAA,mJAS9B,IAAA,CAAA;AAED,IAAM,MAAM,GAAG,CAAC,oBAAc,MAAE,WAAG,olBAAA,ghBA4BlC,KAAC,CAAA;AAEF,IAAM,OAAO,OAAG,WAAG,2FAAA,uBAElB,IAAA,CAAA"}

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { MaterialItem } from '@gamepark/rules-api';
+export declare const ItemDisplay: import("react").ForwardRefExoticComponent<{
+    type: number;
+    itemId?: any;
+    onShortClick?: (() => void) | undefined;
+    onLongClick?: (() => void) | undefined;
+    highlight?: boolean | undefined;
+    playDown?: boolean | undefined;
+} & import("react").HTMLAttributes<HTMLElement> & {
+    index: number;
+    displayIndex: number;
+    item: MaterialItem;
+    isFocused?: boolean | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,51 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ItemDisplay = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var react_1 = require("react");
+var react_merge_refs_1 = require("react-merge-refs");
+var css_1 = require("../../../css");
+var hooks_1 = require("../../../hooks");
+var locators_1 = require("../../../locators");
+var locations_1 = require("../locations");
+var MaterialComponent_1 = require("../MaterialComponent");
+var focus_1 = require("./focus");
+exports.ItemDisplay = (0, react_1.forwardRef)(function (_a, ref) {
+    var _b;
+    var type = _a.type, index = _a.index, displayIndex = _a.displayIndex, item = _a.item, isFocused = _a.isFocused, props = __rest(_a, ["type", "index", "displayIndex", "item", "isFocused"]);
+    var context = (0, hooks_1.useMaterialContext)();
+    var _c = (0, focus_1.useFocusContext)(), focus = _c.focus, addFocusRef = _c.addFocusRef;
+    var itemContext = __assign(__assign({}, context), { type: type, index: index, displayIndex: displayIndex });
+    var _d = (0, focus_1.getLocationsWithFocus)(item, itemContext, focus), locations = _d.locations, focusedIndexes = _d.focusedIndexes;
+    var focusedLocations = (0, react_1.useMemo)(function () { return focusedIndexes.map(function (index) { return locations[index]; }); }, [locations, focusedIndexes]);
+    var locator = (_b = context.locators[item.location.type]) !== null && _b !== void 0 ? _b : locators_1.centerLocator;
+    var description = context.material[type];
+    return (0, jsx_runtime_1.jsx)(MaterialComponent_1.MaterialComponent, __assign({ ref: isFocused ? (0, react_merge_refs_1.mergeRefs)([ref, addFocusRef]) : ref, type: type, itemId: item.id, playDown: (focus === null || focus === void 0 ? void 0 : focus.highlight) && !isFocused && !focusedIndexes.length, css: [css_1.pointerCursorCss, css_1.transformCss.apply(void 0, locator.transformItem(item, itemContext)), description === null || description === void 0 ? void 0 : description.getItemExtraCss(item, itemContext)] }, props, { children: locations.length > 0 && (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [locations.map(function (location, index) {
+                    var hasFocus = focusedIndexes.includes(index);
+                    return (0, jsx_runtime_1.jsx)(locations_1.SimpleDropArea, { location: location, alwaysVisible: hasFocus, ref: hasFocus ? addFocusRef : undefined }, JSON.stringify(location));
+                }), focusedLocations.length > 0 && (0, jsx_runtime_1.jsx)(locations_1.LocationsMask, { locations: focusedLocations })] }) }));
+});
+exports.ItemDisplay.displayName = 'ItemDisplay';
+//# sourceMappingURL=ItemDisplay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ItemDisplay.js","sourceRoot":"","sources":["../../../../src/components/material/GameTable/ItemDisplay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,+BAA2C;AAC3C,qDAA4C;AAC5C,oCAA6D;AAC7D,wCAAmD;AACnD,8CAA8D;AAC9D,0CAA4D;AAC5D,0DAAgF;AAChF,iCAAgE;AASnD,QAAA,WAAW,GAAG,IAAA,kBAAU,EAAmC,UACtE,EAA0E,EAAE,GAAG;;IAA7E,IAAA,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,YAAY,kBAAA,EAAE,IAAI,UAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAAtD,sDAAwD,CAAF;IAEtD,IAAM,OAAO,GAAG,IAAA,0BAAkB,GAAE,CAAA;IAC9B,IAAA,KAAyB,IAAA,uBAAe,GAAE,EAAxC,KAAK,WAAA,EAAE,WAAW,iBAAsB,CAAA;IAChD,IAAM,WAAW,yBAAqB,OAAO,KAAE,IAAI,MAAA,EAAE,KAAK,OAAA,EAAE,YAAY,cAAA,GAAE,CAAA;IACpE,IAAA,KAAgC,IAAA,6BAAqB,EAAC,IAAI,EAAE,WAAW,EAAE,KAAK,CAAC,EAA7E,SAAS,eAAA,EAAE,cAAc,oBAAoD,CAAA;IACrF,IAAM,gBAAgB,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,cAAc,CAAC,GAAG,CAAC,UAAA,KAAK,IAAI,OAAA,SAAS,CAAC,KAAK,CAAC,EAAhB,CAAgB,CAAC,EAA7C,CAA6C,EAAE,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC,CAAA;IAClH,IAAM,OAAO,GAAG,MAAA,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,mCAAI,wBAAa,CAAA;IACrE,IAAM,WAAW,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;IAC1C,OAAO,uBAAC,qCAAiB,aAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,IAAA,4BAAS,EAAC,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EACpD,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,EAC3B,QAAQ,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,KAAI,CAAC,SAAS,IAAI,CAAC,cAAc,CAAC,MAAM,EAClE,GAAG,EAAE,CAAC,sBAAgB,EAAE,kBAAY,eAAI,OAAO,CAAC,aAAa,CAAC,IAAI,EAAE,WAAW,CAAC,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,eAAe,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,IAC/H,KAAK,cAChC,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,6DACtB,SAAS,CAAC,GAAG,CAAC,UAAC,QAAQ,EAAE,KAAK;oBAC3B,IAAM,QAAQ,GAAG,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;oBAC/C,OAAO,uBAAC,0BAAc,IAAgC,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,IAA9G,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAyF,CAAA;gBAC/I,CAAC,CACF,EACA,gBAAgB,CAAC,MAAM,GAAG,CAAC,IAAI,uBAAC,yBAAa,IAAC,SAAS,EAAE,gBAAgB,GAAG,IAC5E,IACe,CAAA;AACtB,CAAC,CAAC,CAAA;AAEF,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAA"}

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

@@ -0,0 +1,4 @@
+import { Interpolation, Theme } from '@emotion/react';
+export declare const StaticItemsDisplay: (props: {
+    css?: Interpolation<Theme>;
+}) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,67 @@
+"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 __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 __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));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StaticItemsDisplay = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var rules_api_1 = require("@gamepark/rules-api");
+var fast_deep_equal_1 = __importDefault(require("fast-deep-equal"));
+var hooks_1 = require("../../../hooks");
+var focus_1 = require("./focus");
+var ItemDisplay_1 = require("./ItemDisplay");
+var StaticItemsDisplay = function (props) {
+    var material = (0, hooks_1.useMaterialContext)().material;
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: Object.entries(material).map(function (_a) {
+            var stringType = _a[0], description = _a[1];
+            return description && (0, jsx_runtime_1.jsx)(StaticItemsTypeDisplay, __assign({ type: parseInt(stringType), description: description }, props), stringType);
+        }) });
+};
+exports.StaticItemsDisplay = StaticItemsDisplay;
+var StaticItemsTypeDisplay = function (_a) {
+    var type = _a.type, description = _a.description, props = __rest(_a, ["type", "description"]);
+    var context = (0, hooks_1.useMaterialContext)();
+    var focus = (0, focus_1.useFocusContext)().focus;
+    var play = (0, hooks_1.usePlay)();
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: description.getStaticItems(context).map(function (item, index) {
+            var _a;
+            return __spreadArray([], Array((_a = item.quantity) !== null && _a !== void 0 ? _a : 1), true).map(function (_, displayIndex) {
+                var isFocused = focus === null || focus === void 0 ? void 0 : focus.staticItems.some(function (focusedItem) {
+                    return focusedItem.type === type && (0, fast_deep_equal_1.default)(focusedItem.item, item);
+                });
+                return (0, jsx_runtime_1.jsx)(ItemDisplay_1.ItemDisplay, __assign({ type: type, index: index, displayIndex: displayIndex, item: item, isFocused: isFocused, onShortClick: function () { return play((0, rules_api_1.displayMaterialHelp)(type, item, index, displayIndex), { local: true }); } }, props), "".concat(type, "_").concat(index, "_").concat(displayIndex));
+            });
+        }) });
+};
+//# sourceMappingURL=StaticItemsDisplay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StaticItemsDisplay.js","sourceRoot":"","sources":["../../../../src/components/material/GameTable/StaticItemsDisplay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,iDAAyD;AACzD,oEAAmC;AACnC,wCAA4D;AAE5D,iCAAyC;AACzC,6CAA2C;AAEpC,IAAM,kBAAkB,GAAG,UAAC,KAAqC;IACtE,IAAM,QAAQ,GAAG,IAAA,0BAAkB,GAAE,CAAC,QAAQ,CAAA;IAC9C,OAAO,2DACJ,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,UAAC,EAAyB;gBAAxB,UAAU,QAAA,EAAE,WAAW,QAAA;YACrD,OAAA,WAAW,IAAI,uBAAC,sBAAsB,aAAkB,IAAI,EAAE,QAAQ,CAAC,UAAU,CAAC,EAAE,WAAW,EAAE,WAAW,IAAM,KAAK,GAA3E,UAAU,CAAoE;QAA1H,CAA0H,CAC3H,GACA,CAAA;AACL,CAAC,CAAA;AAPY,QAAA,kBAAkB,sBAO9B;AAQD,IAAM,sBAAsB,GAAG,UAAC,EAA4D;IAA1D,IAAA,IAAI,UAAA,EAAE,WAAW,iBAAA,EAAK,KAAK,cAA7B,uBAA+B,CAAF;IAC3D,IAAM,OAAO,GAAG,IAAA,0BAAkB,GAAE,CAAA;IAC5B,IAAA,KAAK,GAAK,IAAA,uBAAe,GAAE,MAAtB,CAAsB;IACnC,IAAM,IAAI,GAAG,IAAA,eAAO,GAAE,CAAA;IACtB,OAAO,2DAAG,WAAW,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK;;YAC5D,OAAO,kBAAI,KAAK,CAAC,MAAA,IAAI,CAAC,QAAQ,mCAAI,CAAC,CAAC,QAAE,GAAG,CAAC,UAAC,CAAC,EAAE,YAAY;gBACxD,IAAM,SAAS,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,CAAC,IAAI,CAAC,UAAA,WAAW;oBACnD,OAAA,WAAW,CAAC,IAAI,KAAK,IAAI,IAAI,IAAA,yBAAK,EAAC,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC;gBAA1D,CAA0D,CAC3D,CAAA;gBACD,OAAO,uBAAC,yBAAW,aACC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,EAChE,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,cAAM,OAAA,IAAI,CAAC,IAAA,+BAAmB,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAA3E,CAA2E,IAC3F,KAAK,GAJJ,UAAG,IAAI,cAAI,KAAK,cAAI,YAAY,CAAE,CAI3B,CAAA;YAClC,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,GAAI,CAAA;AACR,CAAC,CAAA"}

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

@@ -0,0 +1,4 @@
+import { Interpolation, Theme } from '@emotion/react';
+export declare const StaticLocationsDisplay: (props: {
+    css?: Interpolation<Theme>;
+}) => import("@emotion/react/jsx-runtime").JSX.Element;