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

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

@@ -1,34 +1,29 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GameMaterialDisplay = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsxImportSource @emotion/react */
-var react_1 = require("@emotion/react");
-var rules_api_1 = require("@gamepark/rules-api");
-var hooks_1 = require("../../../hooks");
-var dialogs_1 = require("../../dialogs");
-var MaterialTutorialDisplay_1 = require("../../tutorial/MaterialTutorialDisplay");
-var DropPreview_1 = require("./DropPreview");
-var DynamicItemsDisplay_1 = require("./DynamicItemsDisplay");
-var focus_1 = require("./focus");
-var StaticItemsDisplay_1 = require("./StaticItemsDisplay");
-var StaticLocationsDisplay_1 = require("./StaticLocationsDisplay");
-var displayHelp = rules_api_1.MaterialMoveBuilder.displayHelp;
-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)();
-    if (!rules || !rules.game)
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-    var game = rules.game;
-    var position = defaultPosition(left, top);
-    return (0, jsx_runtime_1.jsxs)(focus_1.FocusProvider, { children: [(0, jsx_runtime_1.jsx)(StaticLocationsDisplay_1.StaticLocationsDisplay, { css: position }), (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)(DropPreview_1.DropPreview, { css: position }), (0, jsx_runtime_1.jsx)(dialogs_1.MaterialRulesDialog, { open: !!(game === null || game === void 0 ? void 0 : game.helpDisplay), close: function () { return play(displayHelp(undefined), { transient: true }); } }), (game === null || game === void 0 ? void 0 : game.tutorial) && (0, jsx_runtime_1.jsx)(MaterialTutorialDisplay_1.MaterialTutorialDisplay, {}), children] });
-};
-exports.GameMaterialDisplay = GameMaterialDisplay;
-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;
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { css } from '@emotion/react';
+import { MaterialMoveBuilder } from '@gamepark/rules-api';
+import { usePlay, useRules } from '../../../hooks';
+import { MaterialRulesDialog } from '../../dialogs';
+import { MaterialTutorialDisplay } from '../../tutorial/MaterialTutorialDisplay';
+import { DropPreview } from './DropPreview';
+import { DynamicItemsDisplay } from './DynamicItemsDisplay';
+import { FocusProvider } from './focus';
+import { StaticItemsDisplay } from './StaticItemsDisplay';
+import { StaticLocationsDisplay } from './StaticLocationsDisplay';
+var displayHelp = MaterialMoveBuilder.displayHelp;
+export const GameMaterialDisplay = ({ left, top, children }) => {
+    const rules = useRules();
+    const play = usePlay();
+    if (!rules || !rules.game)
+        return _jsx(_Fragment, {});
+    const game = rules.game;
+    const position = defaultPosition(left, top);
+    return _jsxs(FocusProvider, { children: [_jsx(StaticLocationsDisplay, { css: position }), _jsx(StaticItemsDisplay, { css: position }), _jsx(DynamicItemsDisplay, { css: position }), _jsx(DropPreview, { css: position }), _jsx(MaterialRulesDialog, { open: !!game?.helpDisplay, close: () => play(displayHelp(undefined), { transient: true }) }), game?.tutorial && _jsx(MaterialTutorialDisplay, {}), children] });
+};
+const defaultPosition = (left, top) => css `
+  position: absolute;
+  left: ${left}em;
+  top: ${top}em;
+  transform-style: preserve-3d;
+`;
 //# 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":";;;;;;;;AAAA,sCAAsC;AACtC,wCAAoC;AACpC,iDAAwE;AAExE,wCAAkD;AAClD,yCAAmD;AACnD,kFAAgF;AAChF,6CAA2C;AAC3C,6DAA2D;AAC3D,iCAAuC;AACvC,2DAAyD;AACzD,mEAAiE;AACjE,IAAO,WAAW,GAAG,+BAAmB,CAAC,WAAW,CAAA;AAO7C,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,+CAAsB,IAAC,GAAG,EAAE,QAAQ,GAAG,EACxC,uBAAC,uCAAkB,IAAC,GAAG,EAAE,QAAQ,GAAG,EACpC,uBAAC,yCAAmB,IAAC,GAAG,EAAE,QAAQ,GAAG,EACrC,uBAAC,yBAAW,IAAC,GAAG,EAAE,QAAQ,GAAG,EAC7B,uBAAC,6BAAmB,IAAC,IAAI,EAAE,CAAC,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,CAAA,EAAE,KAAK,EAAE,cAAM,OAAA,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAjD,CAAiD,GAAG,EAChH,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,KAAI,uBAAC,iDAAuB,KAAE,EAC5C,QAAQ,IACK,CAAA;AAClB,CAAC,CAAA;AAjBY,QAAA,mBAAmB,uBAiB/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"}
+{"version":3,"file":"GameMaterialDisplay.js","sourceRoot":"","sources":["../../../../src/components/material/GameTable/GameMaterialDisplay.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,mBAAmB,EAAiB,MAAM,qBAAqB,CAAA;AAExE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AACnD,OAAO,EAAE,uBAAuB,EAAE,MAAM,wCAAwC,CAAA;AAChF,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AACjE,IAAO,WAAW,GAAG,mBAAmB,CAAC,WAAW,CAAA;AAOpD,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAA4B,EAAE,EAAE;IACvF,MAAM,KAAK,GAAG,QAAQ,EAAiB,CAAA;IACvC,MAAM,IAAI,GAAG,OAAO,EAAE,CAAA;IAEtB,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI;QAAE,OAAO,mBAAK,CAAA;IACvC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAA;IAEvB,MAAM,QAAQ,GAAG,eAAe,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;IAC3C,OAAO,MAAC,aAAa,eACnB,KAAC,sBAAsB,IAAC,GAAG,EAAE,QAAQ,GAAG,EACxC,KAAC,kBAAkB,IAAC,GAAG,EAAE,QAAQ,GAAG,EACpC,KAAC,mBAAmB,IAAC,GAAG,EAAE,QAAQ,GAAG,EACrC,KAAC,WAAW,IAAC,GAAG,EAAE,QAAQ,GAAG,EAC7B,KAAC,mBAAmB,IAAC,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,GAAG,EAChH,IAAI,EAAE,QAAQ,IAAI,KAAC,uBAAuB,KAAE,EAC5C,QAAQ,IACK,CAAA;AAClB,CAAC,CAAA;AAED,MAAM,eAAe,GAAG,CAAC,IAAY,EAAE,GAAW,EAAE,EAAE,CAAC,GAAG,CAAA;;UAEhD,IAAI;SACL,GAAG;;CAEX,CAAA"}

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

@@ -1,20 +1,20 @@
-/** @jsxImportSource @emotion/react */
-import { CollisionDetection } from '@dnd-kit/core';
-import { FC, HTMLAttributes } from 'react';
-export type GameTableProps = {
-    collisionAlgorithm?: CollisionDetection;
-    snapToCenter?: boolean;
-    xMin: number;
-    xMax: number;
-    yMin: number;
-    yMax: number;
-    perspective?: number;
-    margin?: {
-        left: number;
-        top: number;
-        right: number;
-        bottom: number;
-    };
-    verticalCenter?: boolean;
-} & HTMLAttributes<HTMLDivElement>;
-export declare const GameTable: FC<GameTableProps>;
+/** @jsxImportSource @emotion/react */
+import { CollisionDetection } from '@dnd-kit/core';
+import { FC, HTMLAttributes } from 'react';
+export type GameTableProps = {
+    collisionAlgorithm?: CollisionDetection;
+    snapToCenter?: boolean;
+    xMin: number;
+    xMax: number;
+    yMin: number;
+    yMax: number;
+    perspective?: number;
+    margin?: {
+        left: number;
+        top: number;
+        right: number;
+        bottom: number;
+    };
+    verticalCenter?: boolean;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const GameTable: FC<GameTableProps>;

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

@@ -1,144 +1,97 @@
-"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 __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);
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { DndContext, getClientRect, PointerSensor, useSensor, useSensors } from '@dnd-kit/core';
+import { snapCenterToCursor } from '@dnd-kit/modifiers';
+import { css, Global } from '@emotion/react';
+import { isMoveItemsAtOnce, MaterialMoveBuilder } from '@gamepark/rules-api';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { TransformComponent, TransformWrapper } from 'react-zoom-pan-pinch';
+import { fontSizeCss, perspectiveCss } from '../../../css';
+import { useLegalMoves, useMaterialContext, usePlay } from '../../../hooks';
+import { calculateBounds, getMouseBoundedPosition } from '../../../utilities/zoom-pan-pinch';
+import { dataIsDisplayedItem } from '../DraggableMaterial';
+import { getBestDropMove } from '../utils/getBestDropMove';
+import { GameMaterialDisplay } from './GameMaterialDisplay';
+var dropItemMove = MaterialMoveBuilder.dropItemMove;
+const wheel = { step: 0.05 };
+const doubleClick = { disabled: true };
+const pointerSensorOptions = { activationConstraint: { distance: 2 } };
+export const GameTable = ({ collisionAlgorithm, snapToCenter = true, perspective, xMin, xMax, yMin, yMax, margin = { left: 0, right: 0, top: 7, bottom: 0 }, verticalCenter, children, ...props }) => {
+    const [dragging, setDragging] = useState(false);
+    const sensors = useSensors(useSensor(PointerSensor, pointerSensorOptions));
+    const context = useMaterialContext();
+    const play = usePlay();
+    const legalMoves = useLegalMoves();
+    const onDragEnd = useCallback((event) => {
+        setDragging(false);
+        const move = getBestDropMove(event, context, legalMoves);
+        if (move !== undefined) {
+            if (isMoveItemsAtOnce(move)) {
+                for (const index of move.indexes) {
+                    play(dropItemMove(move.itemType, index, 0), { transient: true });
+                }
+            }
+            else if (dataIsDisplayedItem(event.active.data.current)) {
+                const item = event.active.data.current;
+                const { type, index, displayIndex } = item;
+                play(dropItemMove(type, index, displayIndex), { transient: true });
+            }
+            play(move);
+        }
+    }, [context, play, legalMoves]);
+    const ref = useRef(null);
+    useEffect(() => {
+        const handler = () => {
+            const zoomPanPinch = ref.current?.instance;
+            if (!zoomPanPinch?.bounds)
+                return;
+            const { positionX, positionY, scale } = zoomPanPinch.transformState;
+            const bounds = calculateBounds(zoomPanPinch, scale);
+            const { x, y } = getMouseBoundedPosition(positionX, positionY, bounds, true, 0, 0, zoomPanPinch.wrapperComponent);
+            zoomPanPinch.setTransformState(scale, x, y);
+        };
+        window.addEventListener('resize', handler);
+        return () => {
+            window.removeEventListener('resize', handler);
+        };
+    }, []);
+    const hm = margin.left + margin.right;
+    const vm = margin.top + margin.bottom;
+    const tableFontSize = 5;
+    const minScale = (100 - vm) / tableFontSize / (yMax - yMin);
+    const maxScale = minScale > 0.9 ? minScale : 1;
+    const ratio = (xMax - xMin) / (yMax - yMin);
+    const ratioWithMargins = ((100 - vm) * ratio + hm) / 100;
+    const panning = useMemo(() => ({ disabled: dragging }), [dragging]);
+    const wrapperStyle = useMemo(() => computedWrapperClass(margin, vm, hm, ratio, verticalCenter), [margin, vm, hm, ratio]);
+    const modifiers = useMemo(() => snapToCenter ? [snapCenterToCursor] : undefined, [snapToCenter]);
+    return (_jsxs(DndContext, { collisionDetection: collisionAlgorithm, measuring: { draggable: { measure: getClientRect }, droppable: { measure: getClientRect } }, modifiers: modifiers, sensors: sensors, onDragStart: () => setDragging(true), onDragEnd: onDragEnd, onDragCancel: () => setDragging(false), children: [_jsx(Global, { styles: [ratioFontSize(ratioWithMargins), wrapperStyle] }), _jsx(TransformWrapper, { ref: ref, minScale: minScale, maxScale: maxScale, initialScale: minScale, centerOnInit: true, wheel: wheel, smooth: false, panning: panning, disablePadding: true, doubleClick: doubleClick, children: _jsx(TransformComponent, { wrapperClass: "wrapperClass", children: _jsx("div", { css: [tableCss(xMin, xMax, yMin, yMax), fontSizeCss(tableFontSize), perspective && perspectiveCss(perspective)], ...props, children: _jsx(GameMaterialDisplay, { left: -xMin, top: -yMin, children: children }) }) }) })] }));
+};
+const computedWrapperClass = (margin, vm, hm, ratio, verticalCenter) => css `
+  .wrapperClass {
+    position: absolute;
+    margin: ${margin.top}em ${margin.right}em ${margin.bottom}em ${margin.left}em;
+    transform-style: preserve-3d;
+    height: ${verticalCenter ? `calc(100% - ${vm}em)` : `min(100% - ${vm}em, (100vw - ${hm}em) / ${ratio})`};
+    height: ${verticalCenter ? `calc(100% - ${vm}em)` : `min(100% - ${vm}em, (100dvw - ${hm}em) / ${ratio})`};
+    width: calc(100vw - ${hm}em);
+    width: calc(100dvw - ${hm}em);
+    overflow: visible;
+  }
+`;
+const ratioFontSize = (ratio) => css `
+  body {
+    font-size: 1vh;
+    font-size: 1dvh;
+    @media (max-aspect-ratio: ${ratio}/1) {
+      font-size: calc(1vw / ${ratio});
+      font-size: calc(1dvw / ${ratio});
     }
-    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 __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.GameTable = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsxImportSource @emotion/react */
-var core_1 = require("@dnd-kit/core");
-var modifiers_1 = require("@dnd-kit/modifiers");
-var react_1 = require("@emotion/react");
-var rules_api_1 = require("@gamepark/rules-api");
-var react_2 = require("react");
-var react_zoom_pan_pinch_1 = require("react-zoom-pan-pinch");
-var css_1 = require("../../../css");
-var hooks_1 = require("../../../hooks");
-var zoom_pan_pinch_1 = require("../../../utilities/zoom-pan-pinch");
-var DraggableMaterial_1 = require("../DraggableMaterial");
-var getBestDropMove_1 = require("../utils/getBestDropMove");
-var GameMaterialDisplay_1 = require("./GameMaterialDisplay");
-var dropItemMove = rules_api_1.MaterialMoveBuilder.dropItemMove;
-var wheel = { step: 0.05 };
-var doubleClick = { disabled: true };
-var pointerSensorOptions = { activationConstraint: { distance: 2 } };
-var GameTable = function (_a) {
-    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 = __read((0, react_2.useState)(false), 2), 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)();
-    var legalMoves = (0, hooks_1.useLegalMoves)();
-    var onDragEnd = (0, react_2.useCallback)(function (event) {
-        var e_1, _a;
-        setDragging(false);
-        var move = (0, getBestDropMove_1.getBestDropMove)(event, context, legalMoves);
-        if (move !== undefined) {
-            if ((0, rules_api_1.isMoveItemsAtOnce)(move)) {
-                try {
-                    for (var _b = __values(move.indexes), _c = _b.next(); !_c.done; _c = _b.next()) {
-                        var index = _c.value;
-                        play(dropItemMove(move.itemType, index, 0), { transient: true });
-                    }
-                }
-                catch (e_1_1) { e_1 = { error: e_1_1 }; }
-                finally {
-                    try {
-                        if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-                    }
-                    finally { if (e_1) throw e_1.error; }
-                }
-            }
-            else if ((0, DraggableMaterial_1.dataIsDisplayedItem)(event.active.data.current)) {
-                var item = event.active.data.current;
-                var type = item.type, index = item.index, displayIndex = item.displayIndex;
-                play(dropItemMove(type, index, displayIndex), { transient: true });
-            }
-            play(move);
-        }
-    }, [context, play, legalMoves]);
-    var ref = (0, react_2.useRef)(null);
-    (0, react_2.useEffect)(function () {
-        var handler = function () {
-            var _a;
-            var zoomPanPinch = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.instance;
-            if (!(zoomPanPinch === null || zoomPanPinch === void 0 ? void 0 : zoomPanPinch.bounds))
-                return;
-            var _b = zoomPanPinch.transformState, positionX = _b.positionX, positionY = _b.positionY, scale = _b.scale;
-            var bounds = (0, zoom_pan_pinch_1.calculateBounds)(zoomPanPinch, scale);
-            var _c = (0, zoom_pan_pinch_1.getMouseBoundedPosition)(positionX, positionY, bounds, true, 0, 0, zoomPanPinch.wrapperComponent), x = _c.x, y = _c.y;
-            zoomPanPinch.setTransformState(scale, x, y);
-        };
-        window.addEventListener('resize', handler);
-        return function () {
-            window.removeEventListener('resize', handler);
-        };
-    }, []);
-    var hm = margin.left + margin.right;
-    var vm = margin.top + margin.bottom;
-    var tableFontSize = 5;
-    var minScale = (100 - vm) / tableFontSize / (yMax - yMin);
-    var maxScale = minScale > 0.9 ? minScale : 1;
-    var ratio = (xMax - xMin) / (yMax - yMin);
-    var ratioWithMargins = ((100 - vm) * ratio + hm) / 100;
-    var panning = (0, react_2.useMemo)(function () { return ({ disabled: dragging }); }, [dragging]);
-    var wrapperStyle = (0, react_2.useMemo)(function () { return computedWrapperClass(margin, vm, hm, ratio, verticalCenter); }, [margin, vm, hm, ratio]);
-    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), wrapperStyle] }), (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({ wrapperClass: "wrapperClass" }, { 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;
-var computedWrapperClass = function (margin, vm, hm, ratio, verticalCenter) { return (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .wrapperClass {\n    position: absolute;\n    margin: ", "em ", "em ", "em ", "em;\n    transform-style: preserve-3d;\n    height: ", ";\n    height: ", ";\n    width: calc(100vw - ", "em);\n    width: calc(100dvw - ", "em);\n    overflow: visible;\n  }\n"], ["\n  .wrapperClass {\n    position: absolute;\n    margin: ", "em ", "em ", "em ", "em;\n    transform-style: preserve-3d;\n    height: ", ";\n    height: ", ";\n    width: calc(100vw - ", "em);\n    width: calc(100dvw - ", "em);\n    overflow: visible;\n  }\n"])), margin.top, margin.right, margin.bottom, margin.left, verticalCenter ? "calc(100% - ".concat(vm, "em)") : "min(100% - ".concat(vm, "em, (100vw - ").concat(hm, "em) / ").concat(ratio, ")"), verticalCenter ? "calc(100% - ".concat(vm, "em)") : "min(100% - ".concat(vm, "em, (100dvw - ").concat(hm, "em) / ").concat(ratio, ")"), hm, hm); };
-var ratioFontSize = function (ratio) { return (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  body {\n    font-size: 1vh;\n    font-size: 1dvh;\n    @media (max-aspect-ratio: ", "/1) {\n      font-size: calc(1vw / ", ");\n      font-size: calc(1dvw / ", ");\n    }\n  }\n"], ["\n  body {\n    font-size: 1vh;\n    font-size: 1dvh;\n    @media (max-aspect-ratio: ", "/1) {\n      font-size: calc(1vw / ", ");\n      font-size: calc(1dvw / ", ");\n    }\n  }\n"])), ratio, ratio, ratio); };
-var tableCss = function (xMin, xMax, yMin, yMax) { return (0, react_1.css)(templateObject_3 || (templateObject_3 = __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, templateObject_3;
+  }
+`;
+const tableCss = (xMin, xMax, yMin, yMax) => css `
+  transform-style: preserve-3d;
+  width: ${xMax - xMin}em;
+  height: ${yMax - yMin}em;
+`;
 //# 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":"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"}
+{"version":3,"file":"GameTable.js","sourceRoot":"","sources":["../../../../src/components/material/GameTable/GameTable.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAsB,UAAU,EAAgB,aAAa,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AACjI,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAC5E,OAAO,EAAsB,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC7F,OAAO,EAA+B,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACxG,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAC3E,OAAO,EAAE,eAAe,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAA;AAC5F,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,IAAO,YAAY,GAAG,mBAAmB,CAAC,YAAY,CAAA;AActD,MAAM,KAAK,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,CAAA;AAC5B,MAAM,WAAW,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;AACtC,MAAM,oBAAoB,GAAG,EAAE,oBAAoB,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAA;AACtE,MAAM,CAAC,MAAM,SAAS,GAAuB,CAC3C,EACE,kBAAkB,EAClB,YAAY,GAAG,IAAI,EACnB,WAAW,EACX,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,MAAM,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EACjD,cAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EACD,EAAE;IAEF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC/C,MAAM,OAAO,GAAG,UAAU,CACxB,SAAS,CAAC,aAAa,EAAE,oBAAoB,CAAC,CAC/C,CAAA;IAED,MAAM,OAAO,GAAG,kBAAkB,EAAE,CAAA;IACpC,MAAM,IAAI,GAAG,OAAO,EAAE,CAAA;IACtB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,KAAmB,EAAE,EAAE;QACpD,WAAW,CAAC,KAAK,CAAC,CAAA;QAClB,MAAM,IAAI,GAAG,eAAe,CAAC,KAAK,EAAE,OAAO,EAAE,UAAU,CAAC,CAAA;QACxD,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACvB,IAAI,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC5B,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;oBACjC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAA;gBAClE,CAAC;YACH,CAAC;iBAAM,IAAI,mBAAmB,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;gBAC1D,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAA;gBACtC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,IAAI,CAAA;gBAC1C,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,YAAY,CAAC,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAA;YACpE,CAAC;YACD,IAAI,CAAC,IAAI,CAAC,CAAA;QACZ,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC,CAAA;IAE/B,MAAM,GAAG,GAAG,MAAM,CAA8B,IAAI,CAAC,CAAA;IACrD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,GAAG,EAAE;YACnB,MAAM,YAAY,GAAG,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAA;YAC1C,IAAI,CAAC,YAAY,EAAE,MAAM;gBAAE,OAAM;YACjC,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,YAAY,CAAC,cAAc,CAAA;YACnE,MAAM,MAAM,GAAG,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,CAAA;YACnD,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,uBAAuB,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,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,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;QAC/C,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,EAAE,GAAG,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,KAAK,CAAA;IACrC,MAAM,EAAE,GAAG,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,MAAM,CAAA;IACrC,MAAM,aAAa,GAAG,CAAC,CAAA;IACvB,MAAM,QAAQ,GAAG,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,aAAa,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,CAAA;IAC3D,MAAM,QAAQ,GAAG,QAAQ,GAAG,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAA;IAC9C,MAAM,KAAK,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,CAAA;IAC3C,MAAM,gBAAgB,GAAG,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC,GAAG,GAAG,CAAA;IACxD,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IACnE,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,oBAAoB,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC,CAAA;IAExH,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAEhG,OAAO,CACL,MAAC,UAAU,IAAC,kBAAkB,EAAE,kBAAkB,EAAE,SAAS,EAAE,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,EAAE,EACnI,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EACtC,WAAW,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,aAC5G,KAAC,MAAM,IAAC,MAAM,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC,EAAE,YAAY,CAAC,GAAG,EAClE,KAAC,gBAAgB,IAAC,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,YAC1H,KAAC,kBAAkB,IAAC,YAAY,EAAC,cAAc,YAC7C,cAAK,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,EAAE,WAAW,IAAI,cAAc,CAAC,WAAW,CAAC,CAAC,KAAM,KAAK,YAC7H,KAAC,mBAAmB,IAAC,IAAI,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,YACzC,QAAQ,GACW,GAClB,GACa,GACJ,IACR,CACd,CAAA;AACH,CAAC,CAAA;AAED,MAAM,oBAAoB,GAAG,CAAC,MAAW,EAAE,EAAU,EAAE,EAAU,EAAE,KAAa,EAAE,cAAwB,EAAE,EAAE,CAAC,GAAG,CAAA;;;cAGpG,MAAM,CAAC,GAAG,MAAM,MAAM,CAAC,KAAK,MAAM,MAAM,CAAC,MAAM,MAAM,MAAM,CAAC,IAAI;;cAEhE,cAAc,CAAC,CAAC,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC,CAAC,cAAc,EAAE,gBAAgB,EAAE,SAAS,KAAK,GAAG;cAC7F,cAAc,CAAC,CAAC,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC,CAAC,cAAc,EAAE,iBAAiB,EAAE,SAAS,KAAK,GAAG;0BAClF,EAAE;2BACD,EAAE;;;CAG5B,CAAA;AAED,MAAM,aAAa,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,GAAG,CAAA;;;;gCAIZ,KAAK;8BACP,KAAK;+BACJ,KAAK;;;CAGnC,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,IAAY,EAAE,IAAY,EAAE,IAAY,EAAE,IAAY,EAAE,EAAE,CAAC,GAAG,CAAA;;WAErE,IAAI,GAAG,IAAI;YACV,IAAI,GAAG,IAAI;CACtB,CAAA"}

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

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

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

@@ -1,73 +1,64 @@
-"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 __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);
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { css } from '@emotion/react';
+import { faSearchMinus } from '@fortawesome/free-solid-svg-icons/faSearchMinus';
+import { faSearchPlus } from '@fortawesome/free-solid-svg-icons/faSearchPlus';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { useState } from 'react';
+import { createPortal } from 'react-dom';
+import { useControls, useTransformEffect } from 'react-zoom-pan-pinch';
+import { buttonResetCss } from '../../../css';
+export const GameTableNavigation = (props) => {
+    const { scaleStep = 0.1, ...rest } = props;
+    const { zoomIn, zoomOut } = useControls();
+    const [isMin, setIsMin] = useState(false);
+    const [isMax, setIsMax] = useState(false);
+    useTransformEffect(({ state, instance }) => {
+        setIsMin(state.scale === instance.props.minScale);
+        setIsMax(state.scale === instance.props.maxScale);
+    });
+    return createPortal(_jsxs("div", { css: navigationContainer, ...rest, children: [_jsx("button", { css: button, onClick: () => zoomIn(scaleStep), disabled: isMax, children: _jsx(FontAwesomeIcon, { icon: faSearchPlus, css: iconCss }) }), _jsx("button", { css: button, onClick: () => zoomOut(scaleStep), disabled: isMin, children: _jsx(FontAwesomeIcon, { icon: faSearchMinus, css: iconCss }) })] }), document.getElementById('root'));
+};
+const navigationContainer = css `
+  position: fixed;
+  z-index: 1;
+  display: flex;
+  gap: 1em;
+  top: 8em;
+  left: 1em;
+  color: white;
+  transform: translateZ(100em);
+`;
+const button = [buttonResetCss, css `
+  font-size: 3em;
+  height: 2em;
+  width: 2em;
+  border-radius: 2em;
+  transition: transform 0.1s ease-in-out;
+  border: 0.1em solid white;
+  color: inherit;
+  background: transparent;
+  padding: 0;
+  filter: drop-shadow(0.1em 0.1em 0.05em black);
+
+  &:disabled {
+    color: #a0a0a0;
+    border-color: #a0a0a0;
+  }
+
+  &:not(:disabled) {
+    &:focus, &:hover {
+      transform: scale(1.05);
     }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
+
+    &:active {
+      transform: scale(1.05);
+      background-color: rgba(0, 0, 0, 0.5);
     }
-    return ar;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GameTableNavigation = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsxImportSource @emotion/react */
-var react_1 = require("@emotion/react");
-var faSearchMinus_1 = require("@fortawesome/free-solid-svg-icons/faSearchMinus");
-var faSearchPlus_1 = require("@fortawesome/free-solid-svg-icons/faSearchPlus");
-var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
-var react_2 = require("react");
-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 = 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 = __read((0, react_2.useState)(false), 2), isMin = _c[0], setIsMin = _c[1];
-    var _d = __read((0, react_2.useState)(false), 2), 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 }, 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  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;
+  }
+
+`];
+const iconCss = css `
+  color: inherit;
+`;
 //# 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,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,KAAA,OAAoB,IAAA,gBAAQ,EAAC,KAAK,CAAC,IAAA,EAAlC,KAAK,QAAA,EAAE,QAAQ,QAAmB,CAAA;IACnC,IAAA,KAAA,OAAoB,IAAA,gBAAQ,EAAC,KAAK,CAAC,IAAA,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"}
+{"version":3,"file":"GameTableNavigation.js","sourceRoot":"","sources":["../../../../src/components/material/GameTable/GameTableNavigation.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,iDAAiD,CAAA;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,gDAAgD,CAAA;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAsB,QAAQ,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAM7C,MAAM,CAAC,MAAM,mBAAmB,GAAiC,CAAC,KAAK,EAAE,EAAE;IACzE,MAAM,EAAE,SAAS,GAAG,GAAG,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAC1C,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,WAAW,EAAE,CAAA;IACzC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACzC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACzC,kBAAkB,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;QACzC,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,YAAY,CACjB,eAAK,GAAG,EAAE,mBAAmB,KAAM,IAAI,aACrC,iBAAQ,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,KAAK,YACpE,KAAC,eAAe,IAAC,IAAI,EAAE,YAAY,EAAE,GAAG,EAAE,OAAO,GAAG,GAC7C,EACT,iBAAQ,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,KAAK,YACrE,KAAC,eAAe,IAAC,IAAI,EAAE,aAAa,EAAE,GAAG,EAAE,OAAO,GAAG,GAC9C,IACL,EACN,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAE,CACjC,CAAA;AACH,CAAC,CAAA;AAED,MAAM,mBAAmB,GAAG,GAAG,CAAA;;;;;;;;;CAS9B,CAAA;AAED,MAAM,MAAM,GAAG,CAAC,cAAc,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BlC,CAAC,CAAA;AAEF,MAAM,OAAO,GAAG,GAAG,CAAA;;CAElB,CAAA"}