@gamepark/react-game 6.0.0-alpha.0

package/dist/components/material/utils/IsMoveThisItem.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isMoveThisItem = void 0;
+var rules_api_1 = require("@gamepark/rules-api");
+function isMoveThisItem(move, itemType, itemIndex) {
+    return move.kind === rules_api_1.MoveKind.ItemMove
+        && move.itemType === itemType
+        && (move.type === rules_api_1.ItemMoveType.Move || move.type === rules_api_1.ItemMoveType.Delete)
+        && move.itemIndex === itemIndex;
+}
+exports.isMoveThisItem = isMoveThisItem;
+//# sourceMappingURL=IsMoveThisItem.js.map

package/dist/components/material/utils/IsMoveThisItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IsMoveThisItem.js","sourceRoot":"","sources":["../../../../src/components/material/utils/IsMoveThisItem.ts"],"names":[],"mappings":";;;AAAA,iDAA0E;AAE1E,SAAgB,cAAc,CAC5B,IAA2B,EAAE,QAAW,EAAE,SAAiB;IAE3D,OAAO,IAAI,CAAC,IAAI,KAAK,oBAAQ,CAAC,QAAQ;WACjC,IAAI,CAAC,QAAQ,KAAK,QAAQ;WAC1B,CAAC,IAAI,CAAC,IAAI,KAAK,wBAAY,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,wBAAY,CAAC,MAAM,CAAC;WACtE,IAAI,CAAC,SAAS,KAAK,SAAS,CAAA;AACnC,CAAC;AAPD,wCAOC"}

package/dist/components/material/utils/IsMoveThisItemToLocation.d.ts

@@ -0,0 +1,3 @@
+import { Location, MaterialMove } from '@gamepark/rules-api';
+import { StockDescription } from '../MaterialDescription';
+export declare const isMoveThisItemToLocation: <P extends number = number, M extends number = number, L extends number = number>(move: MaterialMove<P, M, L>, itemType: M, itemIndex: number, location: Location<P, L, any, number>, stocks?: Record<M, StockDescription<P, L>>) => boolean;

package/dist/components/material/utils/IsMoveThisItemToLocation.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isMoveThisItemToLocation = void 0;
+var IsMoveThisItem_1 = require("./IsMoveThisItem");
+var IsMoveToLocation_1 = require("./IsMoveToLocation");
+var IsMoveToStock_1 = require("./IsMoveToStock");
+var isMoveThisItemToLocation = function (move, itemType, itemIndex, location, stocks) {
+    return (0, IsMoveThisItem_1.isMoveThisItem)(move, itemType, itemIndex) && ((0, IsMoveToLocation_1.isMoveToLocation)(move, location) || (!!stocks && (0, IsMoveToStock_1.isMoveToStock)(stocks, move, location)));
+};
+exports.isMoveThisItemToLocation = isMoveThisItemToLocation;
+//# sourceMappingURL=IsMoveThisItemToLocation.js.map

package/dist/components/material/utils/IsMoveThisItemToLocation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IsMoveThisItemToLocation.js","sourceRoot":"","sources":["../../../../src/components/material/utils/IsMoveThisItemToLocation.ts"],"names":[],"mappings":";;;AACA,mDAAiD;AACjD,uDAAqD;AAErD,iDAA+C;AAExC,IAAM,wBAAwB,GAAG,UACtC,IAA2B,EAAE,QAAW,EAAE,SAAiB,EAAE,QAAwB,EAAE,MAAsD;IAE7I,OAAO,IAAA,+BAAc,EAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,IAAA,mCAAgB,EAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,IAAI,IAAA,6BAAa,EAAC,MAAM,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;AAC/I,CAAC,CAAA;AAJY,QAAA,wBAAwB,4BAIpC"}

package/dist/components/material/utils/IsMoveToLocation.d.ts

@@ -0,0 +1,2 @@
+import { Location, MaterialMove } from '@gamepark/rules-api';
+export declare function isMoveToLocation<P extends number, M extends number, L extends number>(move: MaterialMove<P, M, L>, location: Location<P, L>): boolean;

package/dist/components/material/utils/IsMoveToLocation.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isMoveToLocation = void 0;
+var rules_api_1 = require("@gamepark/rules-api");
+var IsLocationSubset_1 = require("./IsLocationSubset");
+function isMoveToLocation(move, location) {
+    return move.kind === rules_api_1.MoveKind.ItemMove
+        && move.type === rules_api_1.ItemMoveType.Move
+        && move.position.location !== undefined
+        && (0, IsLocationSubset_1.isLocationSubset)(move.position.location, location);
+}
+exports.isMoveToLocation = isMoveToLocation;
+//# sourceMappingURL=IsMoveToLocation.js.map

package/dist/components/material/utils/IsMoveToLocation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IsMoveToLocation.js","sourceRoot":"","sources":["../../../../src/components/material/utils/IsMoveToLocation.ts"],"names":[],"mappings":";;;AAAA,iDAAoF;AACpF,uDAAqD;AAErD,SAAgB,gBAAgB,CAC9B,IAA2B,EAAE,QAAwB;IAErD,OAAO,IAAI,CAAC,IAAI,KAAK,oBAAQ,CAAC,QAAQ;WACjC,IAAI,CAAC,IAAI,KAAK,wBAAY,CAAC,IAAI;WAC/B,IAAI,CAAC,QAAQ,CAAC,QAAQ,KAAK,SAAS;WACpC,IAAA,mCAAgB,EAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;AACzD,CAAC;AAPD,4CAOC"}

package/dist/components/material/utils/IsMoveToStock.d.ts

@@ -0,0 +1,4 @@
+import { Location, MaterialMove } from '@gamepark/rules-api';
+import { MaterialDescription, StockDescription } from '../MaterialDescription';
+export declare const isMoveToStock: <P extends number, M extends number, L extends number>(stocks: Record<M, StockDescription<P, L>>, move: MaterialMove<P, M, L>, location: Location<P, L, any, number>) => boolean;
+export declare const getStocks: <P extends number, M extends number, L extends number>(material: Record<M, MaterialDescription<P, M, L>>) => Record<M, StockDescription<P, L>>;

package/dist/components/material/utils/IsMoveToStock.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getStocks = exports.isMoveToStock = void 0;
+var rules_api_1 = require("@gamepark/rules-api");
+var mapValues_1 = __importDefault(require("lodash/mapValues"));
+var isMoveToStock = function (stocks, move, location) {
+    var _a;
+    return move.kind === rules_api_1.MoveKind.ItemMove && move.type === rules_api_1.ItemMoveType.Delete && ((_a = stocks[move.itemType]) === null || _a === void 0 ? void 0 : _a.location.type) === location.type;
+};
+exports.isMoveToStock = isMoveToStock;
+var getStocks = function (material) {
+    return (0, mapValues_1.default)(material, function (material) { return material.stock; });
+};
+exports.getStocks = getStocks;
+//# sourceMappingURL=IsMoveToStock.js.map

package/dist/components/material/utils/IsMoveToStock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IsMoveToStock.js","sourceRoot":"","sources":["../../../../src/components/material/utils/IsMoveToStock.ts"],"names":[],"mappings":";;;;;;AAAA,iDAAoF;AAEpF,+DAAwC;AAEjC,IAAM,aAAa,GAAG,UAC3B,MAAqD,EAAE,IAA2B,EAAE,QAAwB;;IAE5G,OAAO,IAAI,CAAC,IAAI,KAAK,oBAAQ,CAAC,QAAQ,IAAI,IAAI,CAAC,IAAI,KAAK,wBAAY,CAAC,MAAM,IAAI,CAAA,MAAA,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,0CAAE,QAAQ,CAAC,IAAI,MAAK,QAAQ,CAAC,IAAI,CAAA;AACvI,CAAC,CAAA;AAJY,QAAA,aAAa,iBAIzB;AAEM,IAAM,SAAS,GAAG,UAAuD,QAAiD;IAC/H,OAAO,IAAA,mBAAS,EAAC,QAAQ,EAAE,UAAA,QAAQ,IAAI,OAAA,QAAQ,CAAC,KAAK,EAAd,CAAc,CAAC,CAAA;AACxD,CAAC,CAAA;AAFY,QAAA,SAAS,aAErB"}

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

@@ -0,0 +1,5 @@
+export * from './IsLocationSubset';
+export * from './IsMoveOnItem';
+export * from './IsMoveThisItem';
+export * from './IsMoveThisItemToLocation';
+export * from './IsMoveToLocation';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/material/utils/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qDAAkC;AAClC,iDAA8B;AAC9B,mDAAgC;AAChC,6DAA0C;AAC1C,qDAAkC"}

package/dist/components/menus/ContrastThemeButton/ContrastThemeButton.d.ts

@@ -0,0 +1,4 @@
+import { ContrastTheme } from '../../../hooks';
+export declare const ContrastThemeButton: ({ theme }: {
+    theme: ContrastTheme;
+}) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/menus/ContrastThemeButton/ContrastThemeButton.js

@@ -0,0 +1,27 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContrastThemeButton = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
+var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
+var react_i18next_1 = require("react-i18next");
+var menuCss_1 = require("../menuCss");
+var ContrastThemeButton = function (_a) {
+    var theme = _a.theme;
+    var t = (0, react_i18next_1.useTranslation)().t;
+    return ((0, jsx_runtime_1.jsxs)("button", __assign({ css: menuCss_1.menuButtonCss, onClick: theme.toggleContrast }, { children: [(0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: theme.light ? free_solid_svg_icons_1.faMoon : free_solid_svg_icons_1.faSun }), theme.light ? t('Dark mode') : t('Light mode')] })));
+};
+exports.ContrastThemeButton = ContrastThemeButton;
+//# sourceMappingURL=ContrastThemeButton.js.map

package/dist/components/menus/ContrastThemeButton/ContrastThemeButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContrastThemeButton.js","sourceRoot":"","sources":["../../../../src/components/menus/ContrastThemeButton/ContrastThemeButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,0EAAiE;AACjE,oEAAgE;AAChE,+CAA8C;AAE9C,sCAA0C;AAEnC,IAAM,mBAAmB,GAAG,UAAC,EAAmC;QAAjC,KAAK,WAAA;IACjC,IAAA,CAAC,GAAK,IAAA,8BAAc,GAAE,EAArB,CAAqB;IAC9B,OAAO,CACL,6CAAQ,GAAG,EAAE,uBAAa,EAAE,OAAO,EAAE,KAAK,CAAC,cAAc,iBACvD,uBAAC,mCAAe,IAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,6BAAM,CAAC,CAAC,CAAC,4BAAK,GAAG,EACrD,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,KACxC,CACV,CAAA;AACH,CAAC,CAAA;AARY,QAAA,mBAAmB,uBAQ/B"}

package/dist/components/menus/ContrastThemeButton/index.d.ts

@@ -0,0 +1 @@
+export * from './ContrastThemeButton';

package/dist/components/menus/ContrastThemeButton/index.js

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

package/dist/components/menus/ContrastThemeButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/menus/ContrastThemeButton/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wDAAqC"}

package/dist/components/menus/EjectPlayer/EjectPlayerButton.d.ts

@@ -0,0 +1,2 @@
+import { HTMLAttributes } from 'react';
+export declare const EjectPlayerButton: (props: HTMLAttributes<HTMLButtonElement>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/menus/EjectPlayer/EjectPlayerButton.js

@@ -0,0 +1,35 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EjectPlayerButton = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var react_1 = require("@emotion/react");
+var free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
+var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
+var react_i18next_1 = require("react-i18next");
+var menuCss_1 = require("../menuCss");
+var hooks_1 = require("../../../hooks");
+var EjectPlayerButton = function (props) {
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var opponentWithNegativeTime = (0, hooks_1.useOpponentWithMaxTime)(0);
+    return ((0, jsx_runtime_1.jsxs)("button", __assign({ css: [menuCss_1.menuButtonCss, buttonCss], disabled: !opponentWithNegativeTime }, props, { children: [(0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faUserSlash }), t('Eject player')] })));
+};
+exports.EjectPlayerButton = EjectPlayerButton;
+var buttonCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: darkred;\n  border-color: darkred;\n\n  &:focus, &:hover {\n    background: #ffd7d7;\n  }\n\n  &:active {\n    background: #ffbebe;\n  }\n\n  &:disabled {\n    color: #555555;\n    border-color: #555555;\n    background: transparent;\n    cursor: auto;\n  }\n"], ["\n  color: darkred;\n  border-color: darkred;\n\n  &:focus, &:hover {\n    background: #ffd7d7;\n  }\n\n  &:active {\n    background: #ffbebe;\n  }\n\n  &:disabled {\n    color: #555555;\n    border-color: #555555;\n    background: transparent;\n    cursor: auto;\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=EjectPlayerButton.js.map

package/dist/components/menus/EjectPlayer/EjectPlayerButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EjectPlayerButton.js","sourceRoot":"","sources":["../../../../src/components/menus/EjectPlayer/EjectPlayerButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAoC;AACpC,0EAA+D;AAC/D,oEAAgE;AAEhE,+CAA8C;AAC9C,sCAA0C;AAC1C,wCAAuD;AAEhD,IAAM,iBAAiB,GAAG,UAAC,KAAwC;IAChE,IAAA,CAAC,GAAK,IAAA,8BAAc,GAAE,EAArB,CAAqB;IAC9B,IAAM,wBAAwB,GAAG,IAAA,8BAAsB,EAAC,CAAC,CAAC,CAAA;IAC1D,OAAO,CACL,6CAAQ,GAAG,EAAE,CAAC,uBAAa,EAAE,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC,wBAAwB,IAAM,KAAK,eACrF,uBAAC,mCAAe,IAAC,IAAI,EAAE,kCAAW,GAAG,EACpC,CAAC,CAAC,cAAc,CAAC,KACX,CACV,CAAA;AACH,CAAC,CAAA;AATY,QAAA,iBAAiB,qBAS7B;AAED,IAAM,SAAS,OAAG,WAAG,oVAAA,gRAkBpB,IAAA,CAAA"}

package/dist/components/menus/EjectPlayer/EjectPlayerDialog.d.ts

@@ -0,0 +1,10 @@
+import { DialogProps } from '../../dialogs';
+export declare const EjectPlayerDialog: ({ close, ...props }: {
+    open: boolean;
+    backdropCss?: import("@emotion/serialize").Interpolation<any>;
+    onBackdropClick?: import("react").MouseEventHandler<HTMLDivElement>;
+    transitionDelay?: number;
+    rootId?: string;
+} & import("react").HTMLAttributes<HTMLDivElement> & {
+    close: () => void;
+}) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/menus/EjectPlayer/EjectPlayerDialog.js

@@ -0,0 +1,79 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EjectPlayerDialog = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var react_1 = require("@emotion/react");
+var free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
+var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
+var react_client_1 = require("@gamepark/react-client");
+var rules_api_1 = require("@gamepark/rules-api");
+var dayjs_1 = __importDefault(require("dayjs"));
+var react_2 = require("react");
+var react_i18next_1 = require("react-i18next");
+var react_redux_1 = require("react-redux");
+var dialogs_1 = require("../../dialogs");
+var menuCss_1 = require("../menuCss");
+var hooks_1 = require("../../../hooks");
+var duration_1 = __importDefault(require("dayjs/plugin/duration"));
+var relativeTime_1 = __importDefault(require("dayjs/plugin/relativeTime"));
+var GameProvider_1 = require("../../GameProvider");
+dayjs_1.default.extend(duration_1.default);
+dayjs_1.default.extend(relativeTime_1.default);
+var EjectPlayerDialog = function (_a) {
+    var _b;
+    var close = _a.close, props = __rest(_a, ["close"]);
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var maxExceedTime = (0, react_redux_1.useSelector)(function (state) { var _a, _b; return (_b = (_a = state.options) === null || _a === void 0 ? void 0 : _a.maxExceedTime) !== null && _b !== void 0 ? _b : 60000; });
+    var opponentWithNegativeTime = (0, hooks_1.useOpponentWithMaxTime)(0);
+    var opponentThatCanBeEjected = (0, hooks_1.useOpponentWithMaxTime)();
+    var dispatch = (0, react_redux_1.useDispatch)();
+    var optionsSpec = (_b = (0, react_2.useContext)(GameProvider_1.gameContext)) === null || _b === void 0 ? void 0 : _b.optionsSpec;
+    (0, react_2.useEffect)(function () {
+        if (!opponentWithNegativeTime) {
+            close();
+        }
+    }, [opponentWithNegativeTime]);
+    if (!opponentWithNegativeTime)
+        return null;
+    var opponentName = opponentWithNegativeTime.name || (0, rules_api_1.getFallbackPlayerName)(opponentWithNegativeTime.id, t, optionsSpec);
+    return ((0, jsx_runtime_1.jsxs)(dialogs_1.Dialog, __assign({ onBackdropClick: close, css: menuCss_1.menuDialogCss }, props, { children: [(0, jsx_runtime_1.jsx)("h2", { children: t('eject.dialog.p1', { player: opponentName }) }), !opponentThatCanBeEjected ?
+                (0, jsx_runtime_1.jsx)("p", { children: t('eject.dialog.p2', { duration: dayjs_1.default.duration(maxExceedTime).humanize() }) }) :
+                (0, jsx_runtime_1.jsx)("p", { children: t('eject.dialog.p3') }), (0, jsx_runtime_1.jsxs)("div", __assign({ css: buttonLineCss }, { children: [(0, jsx_runtime_1.jsx)("button", __assign({ css: [menuCss_1.menuButtonCss, inDialogButton], onClick: close }, { children: t('Close') })), opponentThatCanBeEjected &&
+                        (0, jsx_runtime_1.jsxs)("button", __assign({ css: [menuCss_1.menuButtonCss, buttonCss, inDialogButton], onClick: function () { return dispatch((0, react_client_1.ejectPlayerAction)(opponentThatCanBeEjected.id)); } }, { children: [(0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faUserSlash }), t('Eject {player}', { player: opponentName })] }))] }))] })));
+};
+exports.EjectPlayerDialog = EjectPlayerDialog;
+var buttonCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: darkred;\n  border-color: darkred;\n\n  &:focus, &:hover {\n    background: #ffd7d7\n  }\n\n  &:active {\n    background: #ffbebe\n  }\n"], ["\n  color: darkred;\n  border-color: darkred;\n\n  &:focus, &:hover {\n    background: #ffd7d7\n  }\n\n  &:active {\n    background: #ffbebe\n  }\n"])));
+var buttonLineCss = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin-top: 1em;\n  display: flex;\n  justify-content: space-between;\n"], ["\n  margin-top: 1em;\n  display: flex;\n  justify-content: space-between;\n"])));
+var inDialogButton = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin: 0;\n"], ["\n  margin: 0;\n"])));
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=EjectPlayerDialog.js.map

package/dist/components/menus/EjectPlayer/EjectPlayerDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EjectPlayerDialog.js","sourceRoot":"","sources":["../../../../src/components/menus/EjectPlayer/EjectPlayerDialog.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAoC;AACpC,0EAA+D;AAC/D,oEAAgE;AAChE,uDAAyE;AACzE,iDAA2D;AAC3D,gDAAyB;AACzB,+BAA6C;AAC7C,+CAA8C;AAC9C,2CAAsD;AACtD,yCAAmD;AACnD,sCAAyD;AACzD,wCAAuD;AACvD,mEAA4C;AAC5C,2EAAoD;AACpD,mDAAgD;AAEhD,eAAK,CAAC,MAAM,CAAC,kBAAQ,CAAC,CAAA;AACtB,eAAK,CAAC,MAAM,CAAC,sBAAY,CAAC,CAAA;AAEnB,IAAM,iBAAiB,GAAG,UAAC,EAAwD;;IAAtD,IAAA,KAAK,WAAA,EAAK,KAAK,cAAjB,SAAmB,CAAF;IACzC,IAAA,CAAC,GAAK,IAAA,8BAAc,GAAE,EAArB,CAAqB;IAC9B,IAAM,aAAa,GAAG,IAAA,yBAAW,EAAC,UAAC,KAAoB,gBAAK,OAAA,MAAA,MAAA,KAAK,CAAC,OAAO,0CAAE,aAAa,mCAAI,KAAK,CAAA,EAAA,CAAC,CAAA;IAClG,IAAM,wBAAwB,GAAG,IAAA,8BAAsB,EAAC,CAAC,CAAC,CAAA;IAC1D,IAAM,wBAAwB,GAAG,IAAA,8BAAsB,GAAE,CAAA;IACzD,IAAM,QAAQ,GAAG,IAAA,yBAAW,GAAE,CAAA;IAC9B,IAAM,WAAW,GAAG,MAAA,IAAA,kBAAU,EAAC,0BAAW,CAAC,0CAAE,WAAW,CAAA;IACxD,IAAA,iBAAS,EAAC;QACR,IAAI,CAAC,wBAAwB,EAAE;YAC7B,KAAK,EAAE,CAAA;SACR;IACH,CAAC,EAAE,CAAC,wBAAwB,CAAC,CAAC,CAAA;IAC9B,IAAI,CAAC,wBAAwB;QAAE,OAAO,IAAI,CAAA;IAC1C,IAAM,YAAY,GAAG,wBAAwB,CAAC,IAAI,IAAI,IAAA,iCAAqB,EAAC,wBAAwB,CAAC,EAAE,EAAE,CAAC,EAAE,WAAW,CAAC,CAAA;IACxH,OAAO,CACL,wBAAC,gBAAM,aAAC,eAAe,EAAE,KAAK,EAAE,GAAG,EAAE,uBAAa,IAAM,KAAK,eAC3D,yCAAK,CAAC,CAAC,iBAAiB,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,GAAM,EACxD,CAAC,wBAAwB,CAAC,CAAC;gBAC1B,wCAAI,CAAC,CAAC,iBAAiB,EAAE,EAAE,QAAQ,EAAE,eAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,GAAK,CAAC,CAAC;gBACvF,wCAAI,CAAC,CAAC,iBAAiB,CAAC,GAAK,EAE/B,0CAAK,GAAG,EAAE,aAAa,iBACrB,4CAAQ,GAAG,EAAE,CAAC,uBAAa,EAAE,cAAc,CAAC,EAAE,OAAO,EAAE,KAAK,gBAAG,CAAC,CAAC,OAAO,CAAC,IAAU,EAClF,wBAAwB;wBACvB,6CAAQ,GAAG,EAAE,CAAC,uBAAa,EAAE,SAAS,EAAE,cAAc,CAAC,EAAE,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,IAAA,gCAAiB,EAAC,wBAAwB,CAAC,EAAE,CAAC,CAAC,EAAxD,CAAwD,iBAC9H,uBAAC,mCAAe,IAAC,IAAI,EAAE,kCAAW,GAAG,EACpC,CAAC,CAAC,gBAAgB,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,KACvC,KAEP,KACC,CACV,CAAA;AACH,CAAC,CAAA;AAhCY,QAAA,iBAAiB,qBAgC7B;AAED,IAAM,SAAS,OAAG,WAAG,yNAAA,qJAWpB,IAAA,CAAA;AAED,IAAM,aAAa,OAAG,WAAG,iJAAA,6EAIxB,IAAA,CAAA;AAED,IAAM,cAAc,OAAG,WAAG,sFAAA,kBAEzB,IAAA,CAAA"}

package/dist/components/menus/EjectPlayer/EjectPlayerPopButton.d.ts

@@ -0,0 +1,2 @@
+import { HTMLAttributes } from 'react';
+export declare const EjectPlayerPopButton: (props: HTMLAttributes<HTMLButtonElement>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/menus/EjectPlayer/EjectPlayerPopButton.js

@@ -0,0 +1,37 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EjectPlayerPopButton = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var react_1 = require("@emotion/react");
+var free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
+var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
+var react_i18next_1 = require("react-i18next");
+var hooks_1 = require("../../../hooks");
+var MenuPopButton_1 = require("../Menu/MenuPopButton");
+var EjectPlayerPopButton = function (props) {
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var opponentWithNegativeTime = (0, hooks_1.useOpponentWithMaxTime)(0);
+    var _a = (0, hooks_1.useUndo)(), canUndo = _a[1];
+    var canUndoLastMove = canUndo();
+    return ((0, jsx_runtime_1.jsx)(MenuPopButton_1.MenuPopButton, __assign({ pop: opponentWithNegativeTime !== undefined, popPosition: canUndoLastMove ? 2 : 1, css: style, title: t('Eject player') }, props, { children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faUserSlash }) })));
+};
+exports.EjectPlayerPopButton = EjectPlayerPopButton;
+var style = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background: white;\n  color: darkred;\n\n  &:focus, &:hover {\n    background: #ffd7d7;\n  }\n\n  &:active {\n    background: #ffbebe;\n  }\n"], ["\n  background: white;\n  color: darkred;\n\n  &:focus, &:hover {\n    background: #ffd7d7;\n  }\n\n  &:active {\n    background: #ffbebe;\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=EjectPlayerPopButton.js.map

package/dist/components/menus/EjectPlayer/EjectPlayerPopButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EjectPlayerPopButton.js","sourceRoot":"","sources":["../../../../src/components/menus/EjectPlayer/EjectPlayerPopButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAoC;AACpC,0EAA+D;AAC/D,oEAAgE;AAEhE,+CAA8C;AAC9C,wCAAgE;AAChE,uDAAqD;AAE9C,IAAM,oBAAoB,GAAG,UAAC,KAAwC;IACnE,IAAA,CAAC,GAAK,IAAA,8BAAc,GAAE,EAArB,CAAqB;IAC9B,IAAM,wBAAwB,GAAG,IAAA,8BAAsB,EAAC,CAAC,CAAC,CAAA;IACpD,IAAA,KAAc,IAAA,eAAO,GAAE,EAApB,OAAO,QAAa,CAAA;IAC7B,IAAM,eAAe,GAAG,OAAO,EAAE,CAAA;IAEjC,OAAO,CACL,uBAAC,6BAAa,aAAC,GAAG,EAAE,wBAAwB,KAAK,SAAS,EAAE,WAAW,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACjF,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,cAAc,CAAE,IAAM,KAAK,cAC7D,uBAAC,mCAAe,IAAC,IAAI,EAAE,kCAAW,GAAG,IACvB,CACjB,CAAA;AACH,CAAC,CAAA;AAZY,QAAA,oBAAoB,wBAYhC;AAED,IAAM,KAAK,OAAG,WAAG,uNAAA,mJAWhB,IAAA,CAAA"}

package/dist/components/menus/EjectPlayer/index.d.ts

@@ -0,0 +1,3 @@
+export * from './EjectPlayerButton';
+export * from './EjectPlayerDialog';
+export * from './EjectPlayerPopButton';

package/dist/components/menus/EjectPlayer/index.js

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

package/dist/components/menus/EjectPlayer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/menus/EjectPlayer/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,sDAAmC;AACnC,sDAAmC;AACnC,yDAAsC"}

package/dist/components/menus/Fullscreen/FullscreenButton.d.ts

@@ -0,0 +1 @@
+export declare const FullscreenButton: () => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/menus/Fullscreen/FullscreenButton.js

@@ -0,0 +1,28 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FullscreenButton = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
+var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
+var react_i18next_1 = require("react-i18next");
+var hooks_1 = require("../../../hooks");
+var menuCss_1 = require("../menuCss");
+var FullscreenButton = function () {
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var _a = (0, hooks_1.useFullscreen)(), fullscreen = _a.fullscreen, toggleFullscreen = _a.toggleFullscreen;
+    return ((0, jsx_runtime_1.jsxs)("button", __assign({ css: menuCss_1.menuButtonCss, onClick: toggleFullscreen }, { children: [(0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: fullscreen ? free_solid_svg_icons_1.faCompress : free_solid_svg_icons_1.faExpand }), fullscreen ? t('Leave full screen') : t('Go to full screen')] })));
+};
+exports.FullscreenButton = FullscreenButton;
+//# sourceMappingURL=FullscreenButton.js.map

package/dist/components/menus/Fullscreen/FullscreenButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullscreenButton.js","sourceRoot":"","sources":["../../../../src/components/menus/Fullscreen/FullscreenButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,0EAAwE;AACxE,oEAAgE;AAChE,+CAA8C;AAC9C,wCAA8C;AAC9C,sCAA0C;AAEnC,IAAM,gBAAgB,GAAG;IACtB,IAAA,CAAC,GAAK,IAAA,8BAAc,GAAE,EAArB,CAAqB;IACxB,IAAA,KAAmC,IAAA,qBAAa,GAAE,EAAhD,UAAU,gBAAA,EAAE,gBAAgB,sBAAoB,CAAA;IAExD,OAAO,CACL,6CAAQ,GAAG,EAAE,uBAAa,EAAE,OAAO,EAAE,gBAAgB,iBACnD,uBAAC,mCAAe,IAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,iCAAU,CAAC,CAAC,CAAC,+BAAQ,GAAG,EAC3D,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC,KACtD,CACV,CAAA;AACH,CAAC,CAAA;AAVY,QAAA,gBAAgB,oBAU5B"}

package/dist/components/menus/Fullscreen/FullscreenDialog.d.ts

@@ -0,0 +1,2 @@
+import { DialogProps } from '../../dialogs';
+export declare const FullscreenDialog: (props: Omit<DialogProps, 'open'>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/menus/Fullscreen/FullscreenDialog.js

@@ -0,0 +1,47 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FullscreenDialog = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var react_1 = require("@emotion/react");
+var free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
+var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
+var fscreen_1 = __importDefault(require("fscreen"));
+var react_2 = require("react");
+var react_i18next_1 = require("react-i18next");
+var dialogs_1 = require("../../dialogs");
+var hooks_1 = require("../../../hooks");
+var menuCss_1 = require("../menuCss");
+var FullscreenDialog = function (props) {
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var _a = (0, hooks_1.useFullscreen)(), fullscreen = _a.fullscreen, toggleFullscreen = _a.toggleFullscreen;
+    var _b = (0, react_2.useState)(true), open = _b[0], setOpen = _b[1];
+    return ((0, jsx_runtime_1.jsxs)(dialogs_1.Dialog, __assign({ open: open, css: [dialogCss, menuCss_1.menuDialogCss], backdropCss: backdropCss }, props, { children: [(0, jsx_runtime_1.jsx)("h2", { children: t('Flip your screen') }), (0, jsx_runtime_1.jsx)("p", { children: t('fs.dialog.p1') }), fscreen_1.default.fullscreenEnabled && !fullscreen && (0, jsx_runtime_1.jsx)("p", { children: t('fs.dialog.p2') }), (0, jsx_runtime_1.jsxs)("div", __assign({ css: buttonLineCss }, { children: [(0, jsx_runtime_1.jsx)("button", __assign({ css: [menuCss_1.menuButtonCss, inDialogButton], onClick: function () { return setOpen(false); } }, { children: t('Close') })), fscreen_1.default.fullscreenEnabled && !fullscreen &&
+                        (0, jsx_runtime_1.jsxs)("button", __assign({ css: [menuCss_1.menuButtonCss, inDialogButton, marginLeft], onClick: function () { return toggleFullscreen(); } }, { children: [(0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faExpand }), t('Go to full screen')] }))] }))] })));
+};
+exports.FullscreenDialog = FullscreenDialog;
+var dialogCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-size: 1rem;\n  margin: 1em;\n"], ["\n  font-size: 1rem;\n  margin: 1em;\n"])));
+var backdropCss = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  @media (min-aspect-ratio: 1/1) {\n    display: none;\n  }\n"], ["\n  @media (min-aspect-ratio: 1/1) {\n    display: none;\n  }\n"])));
+var buttonLineCss = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin-top: 1em;\n  display: flex;\n  justify-content: space-between;\n"], ["\n  margin-top: 1em;\n  display: flex;\n  justify-content: space-between;\n"])));
+var inDialogButton = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  margin: 0;\n"], ["\n  margin: 0;\n"])));
+var marginLeft = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  margin-left: 1em;\n"], ["\n  margin-left: 1em;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+//# sourceMappingURL=FullscreenDialog.js.map

package/dist/components/menus/Fullscreen/FullscreenDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullscreenDialog.js","sourceRoot":"","sources":["../../../../src/components/menus/Fullscreen/FullscreenDialog.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAoC;AACpC,0EAA4D;AAC5D,oEAAgE;AAChE,oDAA6B;AAC7B,+BAAgC;AAChC,+CAA8C;AAC9C,yCAAmD;AACnD,wCAA8C;AAC9C,sCAAyD;AAElD,IAAM,gBAAgB,GAAG,UAAC,KAAgC;IACvD,IAAA,CAAC,GAAK,IAAA,8BAAc,GAAE,EAArB,CAAqB;IACxB,IAAA,KAAmC,IAAA,qBAAa,GAAE,EAAhD,UAAU,gBAAA,EAAE,gBAAgB,sBAAoB,CAAA;IAClD,IAAA,KAAkB,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAA/B,IAAI,QAAA,EAAE,OAAO,QAAkB,CAAA;IACtC,OAAO,CACL,wBAAC,gBAAM,aAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,SAAS,EAAE,uBAAa,CAAC,EAAE,WAAW,EAAE,WAAW,IAAM,KAAK,eACtF,yCAAK,CAAC,CAAC,kBAAkB,CAAC,GAAM,EAChC,wCAAI,CAAC,CAAC,cAAc,CAAC,GAAK,EACzB,iBAAO,CAAC,iBAAiB,IAAI,CAAC,UAAU,IAAI,wCAAI,CAAC,CAAC,cAAc,CAAC,GAAK,EACvE,0CAAK,GAAG,EAAE,aAAa,iBACrB,4CAAQ,GAAG,EAAE,CAAC,uBAAa,EAAE,cAAc,CAAC,EAAE,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,EAAd,CAAc,gBAAG,CAAC,CAAC,OAAO,CAAC,IAAU,EACjG,iBAAO,CAAC,iBAAiB,IAAI,CAAC,UAAU;wBACvC,6CAAQ,GAAG,EAAE,CAAC,uBAAa,EAAE,cAAc,EAAE,UAAU,CAAC,EAAE,OAAO,EAAE,cAAM,OAAA,gBAAgB,EAAE,EAAlB,CAAkB,iBACzF,uBAAC,mCAAe,IAAC,IAAI,EAAE,+BAAQ,GAAG,EACjC,CAAC,CAAC,mBAAmB,CAAC,KAChB,KAEP,KACC,CACV,CAAA;AACH,CAAC,CAAA;AApBY,QAAA,gBAAgB,oBAoB5B;AAED,IAAM,SAAS,OAAG,WAAG,4GAAA,wCAGpB,IAAA,CAAA;AAED,IAAM,WAAW,OAAG,WAAG,qIAAA,iEAItB,IAAA,CAAA;AAED,IAAM,aAAa,OAAG,WAAG,iJAAA,6EAIxB,IAAA,CAAA;AAED,IAAM,cAAc,OAAG,WAAG,sFAAA,kBAEzB,IAAA,CAAA;AAED,IAAM,UAAU,OAAG,WAAG,6FAAA,yBAErB,IAAA,CAAA"}

package/dist/components/menus/Fullscreen/FullscreenPopButton.d.ts

@@ -0,0 +1 @@
+export declare const FullscreenPopButton: () => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/menus/Fullscreen/FullscreenPopButton.js

@@ -0,0 +1,40 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FullscreenPopButton = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var react_1 = require("@emotion/react");
+var free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
+var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
+var react_2 = require("react");
+var react_i18next_1 = require("react-i18next");
+var hooks_1 = require("../../../hooks");
+var MenuPopButton_1 = require("../Menu/MenuPopButton");
+var FullscreenPopButton = function () {
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var _a = (0, react_2.useState)(true), pop = _a[0], setPop = _a[1];
+    (0, react_2.useEffect)(function () {
+        setTimeout(function () { return setPop(false); }, 5000);
+    }, []);
+    var _b = (0, hooks_1.useFullscreen)(), fullscreen = _b.fullscreen, toggleFullscreen = _b.toggleFullscreen;
+    return ((0, jsx_runtime_1.jsx)(MenuPopButton_1.MenuPopButton, __assign({ pop: pop, onClick: toggleFullscreen, css: style, title: fullscreen ? t('Leave full screen') : t('Go to full screen') }, { children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: fullscreen ? free_solid_svg_icons_1.faCompress : free_solid_svg_icons_1.faExpand }) })));
+};
+exports.FullscreenPopButton = FullscreenPopButton;
+var style = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background: white;\n  color: #28b8ce;\n\n  &:focus, &:hover {\n    background: #f0fbfc;\n  }\n\n  &:active {\n    background: #dbf5f8;\n  }\n"], ["\n  background: white;\n  color: #28b8ce;\n\n  &:focus, &:hover {\n    background: #f0fbfc;\n  }\n\n  &:active {\n    background: #dbf5f8;\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=FullscreenPopButton.js.map

package/dist/components/menus/Fullscreen/FullscreenPopButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullscreenPopButton.js","sourceRoot":"","sources":["../../../../src/components/menus/Fullscreen/FullscreenPopButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAoC;AACpC,0EAAwE;AACxE,oEAAgE;AAChE,+BAA2C;AAC3C,+CAA8C;AAC9C,wCAA8C;AAC9C,uDAAqD;AAE9C,IAAM,mBAAmB,GAAG;IACzB,IAAA,CAAC,GAAK,IAAA,8BAAc,GAAE,EAArB,CAAqB;IACxB,IAAA,KAAgB,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAA7B,GAAG,QAAA,EAAE,MAAM,QAAkB,CAAA;IAEpC,IAAA,iBAAS,EAAC;QACR,UAAU,CAAC,cAAM,OAAA,MAAM,CAAC,KAAK,CAAC,EAAb,CAAa,EAAE,IAAI,CAAC,CAAA;IACvC,CAAC,EAAE,EAAE,CAAC,CAAA;IAEA,IAAA,KAAmC,IAAA,qBAAa,GAAE,EAAhD,UAAU,gBAAA,EAAE,gBAAgB,sBAAoB,CAAA;IAExD,OAAO,CACL,uBAAC,6BAAa,aAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,gBAAgB,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAE,CAAC,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAE,gBACnI,uBAAC,mCAAe,IAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,iCAAU,CAAC,CAAC,CAAC,+BAAQ,GAAG,IAC9C,CACjB,CAAA;AACH,CAAC,CAAA;AAfY,QAAA,mBAAmB,uBAe/B;AAED,IAAM,KAAK,OAAG,WAAG,uNAAA,mJAWhB,IAAA,CAAA"}

package/dist/components/menus/Fullscreen/index.d.ts

@@ -0,0 +1,3 @@
+export * from './FullscreenButton';
+export * from './FullscreenDialog';
+export * from './FullscreenPopButton';

package/dist/components/menus/Fullscreen/index.js

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

package/dist/components/menus/Fullscreen/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/menus/Fullscreen/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qDAAkC;AAClC,qDAAkC;AAClC,wDAAqC"}

package/dist/components/menus/GiveUpButton/GiveUpButton.d.ts

@@ -0,0 +1 @@
+export declare const GiveUpButton: () => import("@emotion/react/jsx-runtime").JSX.Element;