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

package/dist/components/LoadingScreen/LoadingScreen.js

@@ -1,103 +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);
-    }
-    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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoadingScreen = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsxImportSource @emotion/react */
-var react_1 = require("@emotion/react");
-var faImage_1 = require("@fortawesome/free-solid-svg-icons/faImage");
-var faLaptopCode_1 = require("@fortawesome/free-solid-svg-icons/faLaptopCode");
-var faLightbulb_1 = require("@fortawesome/free-solid-svg-icons/faLightbulb");
-var faPaintbrush_1 = require("@fortawesome/free-solid-svg-icons/faPaintbrush");
-var faWrench_1 = require("@fortawesome/free-solid-svg-icons/faWrench");
-var faMusic_1 = require("@fortawesome/free-solid-svg-icons/faMusic");
-var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
-var react_2 = require("react");
-var react_i18next_1 = require("react-i18next");
-var Picture_1 = require("../Picture");
-var LoadingScreen = function (_a) {
-    var _b = _a.gameBox, gameBox = _b === void 0 ? process.env.PUBLIC_URL + '/box-640.png' : _b, author = _a.author, artist = _a.artist, graphicDesigner = _a.graphicDesigner, publisher = _a.publisher, developer = _a.developer, musician = _a.musician, display = _a.display, props = __rest(_a, ["gameBox", "author", "artist", "graphicDesigner", "publisher", "developer", "musician", "display"]);
-    var t = (0, react_i18next_1.useTranslation)().t;
-    var _c = __read((0, react_2.useState)(display), 2), includeInLayout = _c[0], setIncludeInLayout = _c[1];
-    (0, react_2.useEffect)(function () {
-        if (display) {
-            setIncludeInLayout(true);
-        }
-        else {
-            var timeout_1 = setTimeout(function () { return setIncludeInLayout(false); }, fadeOutDuration);
-            return function () { return clearTimeout(timeout_1); };
-        }
-    }, [display]);
-    if (!includeInLayout)
-        return null;
-    var authors = typeof author === 'string' ? [author] : author !== null && author !== void 0 ? author : [];
-    var artists = typeof artist === 'string' ? [artist] : artist !== null && artist !== void 0 ? artist : [];
-    var graphicDesigners = typeof graphicDesigner === 'string' ? [graphicDesigner] : graphicDesigner !== null && graphicDesigner !== void 0 ? graphicDesigner : [];
-    var publishers = typeof publisher === 'string' ? [publisher] : publisher !== null && publisher !== void 0 ? publisher : [];
-    var developers = typeof developer === 'string' ? [developer] : developer !== null && developer !== void 0 ? developer : [];
-    var musicians = typeof musician === 'string' ? [musician] : musician !== null && musician !== void 0 ? musician : [];
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ css: [loadingScreenStyle, !display && hiddenStyle] }, props, { children: [gameBox && (0, jsx_runtime_1.jsx)(Picture_1.Picture, { css: gameBoxStyle, src: gameBox, alt: t('Name') }), (0, jsx_runtime_1.jsx)("h2", __assign({ css: gameTitle }, { children: t('Name') })), (0, jsx_runtime_1.jsxs)("p", __assign({ css: gamePeople }, { children: [(0, jsx_runtime_1.jsx)(PeopleLine, { type: "authors", people: authors, icon: faLightbulb_1.faLightbulb }), (0, jsx_runtime_1.jsx)(PeopleLine, { type: "artists", people: artists, icon: faPaintbrush_1.faPaintbrush }), (0, jsx_runtime_1.jsx)(PeopleLine, { type: "graphics", people: graphicDesigners, icon: faImage_1.faImage }), (0, jsx_runtime_1.jsx)(PeopleLine, { type: "publishers", people: publishers, icon: faWrench_1.faWrench }), (0, jsx_runtime_1.jsx)(PeopleLine, { type: "developers", people: developers, icon: faLaptopCode_1.faLaptopCode }), (0, jsx_runtime_1.jsx)(PeopleLine, { type: "musician", people: musicians, icon: faMusic_1.faMusic })] }))] })));
-};
-exports.LoadingScreen = LoadingScreen;
-var PeopleLine = function (_a) {
-    var type = _a.type, icon = _a.icon, people = _a.people;
-    if (!people.length)
-        return null;
-    return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { css: iconStyle, icon: icon }), people.length === 1 &&
-                (0, jsx_runtime_1.jsx)(react_i18next_1.Trans, { defaults: "".concat(type, ".1"), values: { name: people[0] }, components: [(0, jsx_runtime_1.jsx)("strong", {})] }), people.length === 2 &&
-                (0, jsx_runtime_1.jsx)(react_i18next_1.Trans, { defaults: "".concat(type, ".2"), values: { name1: people[0], name2: people[1] }, components: [(0, jsx_runtime_1.jsx)("strong", {})] }), (0, jsx_runtime_1.jsx)("br", {})] });
-};
-var fadeOutDuration = 2000;
-var loadingScreenStyle = function (theme) { return (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  font-size: 1vh;\n  font-size: 1dvh;\n  @media (max-aspect-ratio: 1) {\n    font-size: 1vw;\n    font-size: 1dvw;\n  }\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  transition: opacity ", "ms;\n  pointer-events: none;\n  ", ";\n  z-index: 1500;\n\n  > * {\n    z-index: 1;\n  }\n"], ["\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  font-size: 1vh;\n  font-size: 1dvh;\n  @media (max-aspect-ratio: 1) {\n    font-size: 1vw;\n    font-size: 1dvw;\n  }\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  transition: opacity ", "ms;\n  pointer-events: none;\n  ", ";\n  z-index: 1500;\n\n  > * {\n    z-index: 1;\n  }\n"])), fadeOutDuration, backgroundCss(theme.root.background)); };
-var gameBoxStyle = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n  width: 62em;\n  height: 62em;\n  margin-top: 7em;\n  margin-bottom: 2em;\n  filter: drop-shadow(1px 0 white) drop-shadow(0 1px white) drop-shadow(-1px 0 white) drop-shadow(0 -1px white);\n"], ["\n  position: relative;\n  width: 62em;\n  height: 62em;\n  margin-top: 7em;\n  margin-bottom: 2em;\n  filter: drop-shadow(1px 0 white) drop-shadow(0 1px white) drop-shadow(-1px 0 white) drop-shadow(0 -1px white);\n"])));
-var gameTitle = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: 5em;\n  margin: 0;\n"], ["\n  font-size: 5em;\n  margin: 0;\n"])));
-var gamePeople = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  font-size: 3em;\n"], ["\n  font-size: 3em;\n"])));
-var iconStyle = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  min-width: 6em;\n  position: relative;\n"], ["\n  min-width: 6em;\n  position: relative;\n"])));
-var hiddenStyle = (0, react_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  opacity: 0;\n"], ["\n  opacity: 0;\n"])));
-var backgroundCss = function (_a) {
-    var image = _a.image, overlay = _a.overlay;
-    return overlay ? (0, react_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    background: linear-gradient(", ", ", "), url(", ") center / cover, black;\n  "], ["\n    background: linear-gradient(", ", ", "), url(", ") center / cover, black;\n  "])), overlay, overlay, image) : (0, react_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    background: url(", ") center / cover, black;\n  "], ["\n    background: url(", ") center / cover, black;\n  "])), image);
-};
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { css } from '@emotion/react';
+import { faImage } from '@fortawesome/free-solid-svg-icons/faImage';
+import { faLaptopCode } from '@fortawesome/free-solid-svg-icons/faLaptopCode';
+import { faLightbulb } from '@fortawesome/free-solid-svg-icons/faLightbulb';
+import { faPaintbrush } from '@fortawesome/free-solid-svg-icons/faPaintbrush';
+import { faWrench } from '@fortawesome/free-solid-svg-icons/faWrench';
+import { faMusic } from '@fortawesome/free-solid-svg-icons/faMusic';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { useEffect, useState } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+import { Picture } from '../Picture';
+export const LoadingScreen = ({ gameBox = '/box-640.png', author, artist, graphicDesigner, publisher, developer, musician, display, ...props }) => {
+    const { t } = useTranslation();
+    const [includeInLayout, setIncludeInLayout] = useState(display);
+    useEffect(() => {
+        if (display) {
+            setIncludeInLayout(true);
+        }
+        else {
+            const timeout = setTimeout(() => setIncludeInLayout(false), fadeOutDuration);
+            return () => clearTimeout(timeout);
+        }
+    }, [display]);
+    if (!includeInLayout)
+        return null;
+    const authors = typeof author === 'string' ? [author] : author ?? [];
+    const artists = typeof artist === 'string' ? [artist] : artist ?? [];
+    const graphicDesigners = typeof graphicDesigner === 'string' ? [graphicDesigner] : graphicDesigner ?? [];
+    const publishers = typeof publisher === 'string' ? [publisher] : publisher ?? [];
+    const developers = typeof developer === 'string' ? [developer] : developer ?? [];
+    const musicians = typeof musician === 'string' ? [musician] : musician ?? [];
+    return (_jsxs("div", { css: [loadingScreenStyle, !display && hiddenStyle], ...props, children: [gameBox && _jsx(Picture, { css: gameBoxStyle, src: gameBox, alt: t('Name') }), _jsx("h2", { css: gameTitle, children: t('Name') }), _jsxs("p", { css: gamePeople, children: [_jsx(PeopleLine, { type: "authors", people: authors, icon: faLightbulb }), _jsx(PeopleLine, { type: "artists", people: artists, icon: faPaintbrush }), _jsx(PeopleLine, { type: "graphics", people: graphicDesigners, icon: faImage }), _jsx(PeopleLine, { type: "publishers", people: publishers, icon: faWrench }), _jsx(PeopleLine, { type: "developers", people: developers, icon: faLaptopCode }), _jsx(PeopleLine, { type: "musician", people: musicians, icon: faMusic })] })] }));
+};
+const PeopleLine = ({ type, icon, people }) => {
+    if (!people.length)
+        return null;
+    return _jsxs(_Fragment, { children: [_jsx(FontAwesomeIcon, { css: iconStyle, icon: icon }), people.length === 1 &&
+                _jsx(Trans, { defaults: `${type}.1`, values: { name: people[0] }, components: [_jsx("strong", {})] }), people.length === 2 &&
+                _jsx(Trans, { defaults: `${type}.2`, values: { name1: people[0], name2: people[1] }, components: [_jsx("strong", {})] }), _jsx("br", {})] });
+};
+const fadeOutDuration = 2000;
+const loadingScreenStyle = (theme) => css `
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  font-size: 1vh;
+  font-size: 1dvh;
+  @media (max-aspect-ratio: 1) {
+    font-size: 1vw;
+    font-size: 1dvw;
+  }
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  transition: opacity ${fadeOutDuration}ms;
+  pointer-events: none;
+  ${backgroundCss(theme.root.background)};
+  z-index: 1500;
+
+  > * {
+    z-index: 1;
+  }
+`;
+const gameBoxStyle = css `
+  position: relative;
+  width: 62em;
+  height: 62em;
+  margin-top: 7em;
+  margin-bottom: 2em;
+  filter: drop-shadow(1px 0 white) drop-shadow(0 1px white) drop-shadow(-1px 0 white) drop-shadow(0 -1px white);
+`;
+const gameTitle = css `
+  font-size: 5em;
+  margin: 0;
+`;
+const gamePeople = css `
+  font-size: 3em;
+`;
+const iconStyle = css `
+  min-width: 6em;
+  position: relative;
+`;
+const hiddenStyle = css `
+  opacity: 0;
+`;
+const backgroundCss = ({ image, overlay }) => overlay ?
+    css `
+    background: linear-gradient(${overlay}, ${overlay}), url(${image}) center / cover, black;
+  ` :
+    css `
+    background: url(${image}) center / cover, black;
+  `;
 //# sourceMappingURL=LoadingScreen.js.map

package/dist/components/LoadingScreen/LoadingScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingScreen.js","sourceRoot":"","sources":["../../../src/components/LoadingScreen/LoadingScreen.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAA2C;AAE3C,qEAAmE;AACnE,+EAA6E;AAC7E,6EAA2E;AAC3E,+EAA6E;AAC7E,uEAAqE;AACrE,qEAAmE;AACnE,oEAAgE;AAChE,+BAA2D;AAC3D,+CAAqD;AAErD,sCAAoC;AAa7B,IAAM,aAAa,GAAG,UAAC,EAUqB;IATnB,IAAA,eAAiD,EAAjD,OAAO,mBAAG,OAAO,CAAC,GAAG,CAAC,UAAU,GAAG,cAAc,KAAA,EACjD,MAAM,YAAA,EACN,MAAM,YAAA,EACN,eAAe,qBAAA,EACf,SAAS,eAAA,EACT,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,OAAO,aAAA,EACJ,KAAK,cATV,mGAUC,CADS;IAE9B,IAAA,CAAC,GAAK,IAAA,8BAAc,GAAE,EAArB,CAAqB;IACxB,IAAA,KAAA,OAAwC,IAAA,gBAAQ,EAAC,OAAO,CAAC,IAAA,EAAxD,eAAe,QAAA,EAAE,kBAAkB,QAAqB,CAAA;IAC/D,IAAA,iBAAS,EAAC;QACR,IAAI,OAAO,EAAE;YACX,kBAAkB,CAAC,IAAI,CAAC,CAAA;SACzB;aAAM;YACL,IAAM,SAAO,GAAG,UAAU,CAAC,cAAM,OAAA,kBAAkB,CAAC,KAAK,CAAC,EAAzB,CAAyB,EAAE,eAAe,CAAC,CAAA;YAC5E,OAAO,cAAM,OAAA,YAAY,CAAC,SAAO,CAAC,EAArB,CAAqB,CAAA;SACnC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IACb,IAAI,CAAC,eAAe;QAAE,OAAO,IAAI,CAAA;IACjC,IAAM,OAAO,GAAG,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,EAAE,CAAA;IACpE,IAAM,OAAO,GAAG,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,EAAE,CAAA;IACpE,IAAM,gBAAgB,GAAG,OAAO,eAAe,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,EAAE,CAAA;IACxG,IAAM,UAAU,GAAG,OAAO,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CAAA;IAChF,IAAM,UAAU,GAAG,OAAO,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CAAA;IAChF,IAAM,SAAS,GAAG,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,EAAE,CAAA;IAC5E,OAAO,CACL,0CAAK,GAAG,EAAE,CAAC,kBAAkB,EAAE,CAAC,OAAO,IAAI,WAAW,CAAC,IAAM,KAAK,eAC/D,OAAO,IAAI,uBAAC,iBAAO,IAAC,GAAG,EAAE,YAAY,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,MAAM,CAAE,GAAG,EACxE,wCAAI,GAAG,EAAE,SAAS,gBAAG,CAAC,CAAC,MAAM,CAAC,IAAM,EACpC,wCAAG,GAAG,EAAE,UAAU,iBAChB,uBAAC,UAAU,IAAC,IAAI,EAAC,SAAS,EAAC,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,yBAAW,GAAG,EAChE,uBAAC,UAAU,IAAC,IAAI,EAAC,SAAS,EAAC,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,2BAAY,GAAG,EACjE,uBAAC,UAAU,IAAC,IAAI,EAAC,UAAU,EAAC,MAAM,EAAE,gBAAgB,EAAE,IAAI,EAAE,iBAAO,GAAG,EACtE,uBAAC,UAAU,IAAC,IAAI,EAAC,YAAY,EAAC,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,mBAAQ,GAAG,EACnE,uBAAC,UAAU,IAAC,IAAI,EAAC,YAAY,EAAC,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,2BAAY,GAAG,EACvE,uBAAC,UAAU,IAAC,IAAI,EAAC,UAAU,EAAC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,iBAAO,GAAG,KAC7D,KACA,CACP,CAAA;AACH,CAAC,CAAA;AA1CY,QAAA,aAAa,iBA0CzB;AAED,IAAM,UAAU,GAAG,UAAC,EAAsE;QAArE,IAAI,UAAA,EAAE,IAAI,UAAA,EAAE,MAAM,YAAA;IACrC,IAAI,CAAC,MAAM,CAAC,MAAM;QAAE,OAAO,IAAI,CAAA;IAC/B,OAAO,6DACL,uBAAC,mCAAe,IAAC,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,GAAG,EAC7C,MAAM,CAAC,MAAM,KAAK,CAAC;gBAClB,uBAAC,qBAAK,IAAC,QAAQ,EAAE,UAAG,IAAI,OAAI,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,UAAU,EAAE,CAAC,oCAAS,CAAC,GAAG,EAEtF,MAAM,CAAC,MAAM,KAAK,CAAC;gBAClB,uBAAC,qBAAK,IAAC,QAAQ,EAAE,UAAG,IAAI,OAAI,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EACrE,UAAU,EAAE,CAAC,oCAAS,CAAC,GAAG,EAEnC,gCAAK,IACJ,CAAA;AACL,CAAC,CAAA;AAED,IAAM,eAAe,GAAG,IAAI,CAAA;AAE5B,IAAM,kBAAkB,GAAG,UAAC,KAAY,IAAK,WAAA,WAAG,ycAAA,uSAexB,EAAe,kCAEnC,EAAoC,wDAMvC,KARuB,eAAe,EAEnC,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,GAjBK,CAuB5C,CAAA;AAED,IAAM,YAAY,OAAG,WAAG,6RAAA,yNAOvB,IAAA,CAAA;AAED,IAAM,SAAS,OAAG,WAAG,yGAAA,qCAGpB,IAAA,CAAA;AAED,IAAM,UAAU,OAAG,WAAG,2FAAA,uBAErB,IAAA,CAAA;AAED,IAAM,SAAS,OAAG,WAAG,kHAAA,8CAGpB,IAAA,CAAA;AAED,IAAM,WAAW,OAAG,WAAG,uFAAA,mBAEtB,IAAA,CAAA;AAED,IAAM,aAAa,GAAG,UAAC,EAAmC;QAAjC,KAAK,WAAA,EAAE,OAAO,aAAA;IAAwB,OAAA,OAAO,CAAC,CAAC,KACtE,WAAG,yJAAA,oCAC6B,EAAO,IAAK,EAAO,SAAU,EAAK,8BACjE,KAD+B,OAAO,EAAK,OAAO,EAAU,KAAK,EAChE,CAAC,KACH,WAAG,4HAAA,wBACiB,EAAK,8BACxB,KADmB,KAAK,CACxB;AAN4D,CAM5D,CAAA"}
+{"version":3,"file":"LoadingScreen.js","sourceRoot":"","sources":["../../../src/components/LoadingScreen/LoadingScreen.tsx"],"names":[],"mappings":"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"}

package/dist/components/LoadingScreen/index.d.ts

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

package/dist/components/LoadingScreen/index.js

@@ -1,18 +1,2 @@
-"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("./LoadingScreen"), exports);
+export * from './LoadingScreen';
 //# sourceMappingURL=index.js.map

package/dist/components/LoadingScreen/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/LoadingScreen/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA+B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/LoadingScreen/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA"}

package/dist/components/Log/InternalLiveLogContainer.d.ts

@@ -1,6 +1,6 @@
-import { FC, HTMLAttributes } from 'react';
-export type LiveLogContainerProps = {
-    maxItemDisplayed?: number;
-    duration?: number;
-} & HTMLAttributes<HTMLDivElement>;
-export declare const InternalLiveLogContainer: FC<LiveLogContainerProps>;
+import { FC, HTMLAttributes } from 'react';
+export type LiveLogContainerProps = {
+    maxItemDisplayed?: number;
+    duration?: number;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const InternalLiveLogContainer: FC<LiveLogContainerProps>;

package/dist/components/Log/InternalLiveLogContainer.js

@@ -1,118 +1,108 @@
-"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);
-    }
-    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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InternalLiveLogContainer = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsxImportSource @emotion/react */
-var react_1 = require("@emotion/react");
-var react_client_1 = require("@gamepark/react-client");
-var react_2 = require("react");
-var css_1 = require("../../css");
-var useFlatHistory_1 = require("../../hooks/useFlatHistory");
-var LogItem_1 = require("./LogItem");
-var getFadeOutDuration = function (duration) {
-    return 0.4 * duration;
-};
-var getThrottleDuration = function (maxItemDisplayed, duration) {
-    return duration / maxItemDisplayed;
-};
-var getDelayBeforeDelete = function (duration) {
-    return duration - getFadeOutDuration(duration);
-};
-var InternalLiveLogContainer = function (props) {
-    var _a = (0, useFlatHistory_1.useFlatHistory)(), history = _a.history, isLoaded = _a.isLoaded;
-    var stopped = (0, react_client_1.useLogControls)().stopped;
-    var _b = __read((0, react_2.useState)([]), 2), displayed = _b[0], setDisplayed = _b[1];
-    var _c = __read((0, react_2.useState)(-1), 2), nextDisplayed = _c[0], setNextDisplayed = _c[1];
-    var _d = __read((0, react_2.useState)(false), 2), isJustDisplayed = _d[0], setJustDisplayed = _d[1];
-    var _e = props.duration, duration = _e === void 0 ? 5 : _e, _f = props.maxItemDisplayed, maxItemDisplayed = _f === void 0 ? 5 : _f, rest = __rest(props, ["duration", "maxItemDisplayed"]);
-    (0, react_2.useEffect)(function () {
-        if (isLoaded) {
-            setNextDisplayed(history.length);
-        }
-    }, [isLoaded]);
-    (0, react_2.useEffect)(function () {
-        if (history.length < nextDisplayed) {
-            setNextDisplayed(history.length);
-        }
-    }, [history.length]);
-    (0, react_2.useEffect)(function () {
-        if (displayed.length < maxItemDisplayed && !stopped) {
-            displayNextHistoryEntry();
-        }
-    }, [history, displayed, isJustDisplayed, stopped]);
-    var displayNextHistoryEntry = function () {
-        if (!isLoaded || nextDisplayed === -1)
-            return;
-        var next = history[nextDisplayed];
-        if (next && !isJustDisplayed) {
-            setNextDisplayed(nextDisplayed + 1);
-            setDisplayed(function (d) { return d.concat(next); });
-            setJustDisplayed(true);
-            setTimeout(function () { return setJustDisplayed(false); }, getThrottleDuration(maxItemDisplayed, duration) * 1000);
-            setTimeout(function () {
-                setDisplayed(function (d) {
-                    next.deleting = true;
-                    return d;
-                });
-                setTimeout(function () {
-                    setDisplayed(function (d) { return d.filter(function (h) { return h !== next; }); });
-                }, getFadeOutDuration(duration) * 1000);
-            }, getDelayBeforeDelete(duration) * 1000);
-        }
-    };
-    if (stopped)
-        return null;
-    return ((0, jsx_runtime_1.jsx)(react_1.ThemeProvider, __assign({ theme: function (theme) { return (__assign(__assign({}, theme), { buttons: historyButtonCss })); } }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ css: scrollContentCss }, rest, { children: displayed.map(function (h) { return ((0, jsx_runtime_1.jsx)(LogItem_1.LogItem, { history: h, disableCustomCss: !h.liveCss, css: [itemCss, h.deleting ? deletingCss(duration) : fadeInCss] }, "".concat(h.action.id, "_").concat(h.consequenceIndex))); }) })) })));
-};
-exports.InternalLiveLogContainer = InternalLiveLogContainer;
-var scrollContentCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n\n  > &:not(button) {\n    pointer-events: none;\n  }\n"], ["\n  position: relative;\n\n  > &:not(button) {\n    pointer-events: none;\n  }\n"])));
-var historyButtonCss = [css_1.linkButtonCss, (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  color: inherit;\n  background-color: transparent;\n  font-style: italic;\n"], ["\n  color: inherit;\n  background-color: transparent;\n  font-style: italic;\n"])))];
-var itemCss = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: grid;\n  grid-template-rows: 1fr;\n  pointer-events: none;\n\n  > div {\n    overflow: hidden;\n  }\n"], ["\n  display: grid;\n  grid-template-rows: 1fr;\n  pointer-events: none;\n\n  > div {\n    overflow: hidden;\n  }\n"])));
-var deletingAnimation = (0, react_1.keyframes)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  50% {\n    font-size: 1em;\n    opacity: 0;\n    grid-template-rows: 1fr;\n  }\n  100% {\n    font-size: 0;\n    opacity: 0;\n    grid-template-rows: 0fr;\n  }\n"], ["\n  50% {\n    font-size: 1em;\n    opacity: 0;\n    grid-template-rows: 1fr;\n  }\n  100% {\n    font-size: 0;\n    opacity: 0;\n    grid-template-rows: 0fr;\n  }\n"])));
-var fadeInAnimation = (0, react_1.keyframes)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  from {\n    opacity: 0;\n  }\n"], ["\n  from {\n    opacity: 0;\n  }\n"])));
-var deletingCss = function (duration) { return (0, react_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  animation: ", " ", "s forwards;\n"], ["\n  animation: ", " ", "s forwards;\n"])), deletingAnimation, getFadeOutDuration(duration) - 0.05); };
-var fadeInCss = (0, react_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  animation: ", " 1000ms;\n"], ["\n  animation: ", " 1000ms;\n"])), fadeInAnimation);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { css, keyframes, ThemeProvider } from '@emotion/react';
+import { useLogControls } from '@gamepark/react-client';
+import { useEffect, useState } from 'react';
+import { linkButtonCss } from '../../css';
+import { useFlatHistory } from '../../hooks/useFlatHistory';
+import { LogItem } from './LogItem';
+const getFadeOutDuration = (duration) => {
+    return 0.4 * duration;
+};
+const getThrottleDuration = (maxItemDisplayed, duration) => {
+    return duration / maxItemDisplayed;
+};
+const getDelayBeforeDelete = (duration) => {
+    return duration - getFadeOutDuration(duration);
+};
+export const InternalLiveLogContainer = (props) => {
+    const { history, isLoaded } = useFlatHistory();
+    const { stopped } = useLogControls();
+    const [displayed, setDisplayed] = useState([]);
+    const [nextDisplayed, setNextDisplayed] = useState(-1);
+    const [isJustDisplayed, setJustDisplayed] = useState(false);
+    const { duration = 5, maxItemDisplayed = 5, ...rest } = props;
+    useEffect(() => {
+        if (isLoaded) {
+            setNextDisplayed(history.length);
+        }
+    }, [isLoaded]);
+    useEffect(() => {
+        if (history.length < nextDisplayed) {
+            setNextDisplayed(history.length);
+        }
+    }, [history.length]);
+    useEffect(() => {
+        if (displayed.length < maxItemDisplayed && !stopped) {
+            displayNextHistoryEntry();
+        }
+    }, [history, displayed, isJustDisplayed, stopped]);
+    const displayNextHistoryEntry = () => {
+        if (!isLoaded || nextDisplayed === -1)
+            return;
+        const next = history[nextDisplayed];
+        if (next && !isJustDisplayed) {
+            setNextDisplayed(nextDisplayed + 1);
+            setDisplayed((d) => d.concat(next));
+            setJustDisplayed(true);
+            setTimeout(() => setJustDisplayed(false), getThrottleDuration(maxItemDisplayed, duration) * 1000);
+            setTimeout(() => {
+                setDisplayed((d) => {
+                    next.deleting = true;
+                    return d;
+                });
+                setTimeout(() => {
+                    setDisplayed((d) => d.filter((h) => h !== next));
+                }, getFadeOutDuration(duration) * 1000);
+            }, getDelayBeforeDelete(duration) * 1000);
+        }
+    };
+    if (stopped)
+        return null;
+    return (_jsx(ThemeProvider, { theme: theme => ({ ...theme, buttons: historyButtonCss }), children: _jsx("div", { css: scrollContentCss, ...rest, children: displayed.map((h) => (_jsx(LogItem, { history: h, disableCustomCss: !h.liveCss, css: [itemCss, h.deleting ? deletingCss(duration) : fadeInCss] }, `${h.action.id}_${h.consequenceIndex}`))) }) }));
+};
+const scrollContentCss = css `
+  position: relative;
+
+  > &:not(button) {
+    pointer-events: none;
+  }
+`;
+const historyButtonCss = [linkButtonCss, css `
+  color: inherit;
+  background-color: transparent;
+  font-style: italic;
+`];
+const itemCss = css `
+  display: grid;
+  grid-template-rows: 1fr;
+  pointer-events: none;
+
+  > div {
+    overflow: hidden;
+  }
+`;
+const deletingAnimation = keyframes `
+  50% {
+    font-size: 1em;
+    opacity: 0;
+    grid-template-rows: 1fr;
+  }
+  100% {
+    font-size: 0;
+    opacity: 0;
+    grid-template-rows: 0fr;
+  }
+`;
+const fadeInAnimation = keyframes `
+  from {
+    opacity: 0;
+  }
+`;
+const deletingCss = (duration) => css `
+  animation: ${deletingAnimation} ${getFadeOutDuration(duration) - 0.05}s forwards;
+`;
+const fadeInCss = css `
+  animation: ${fadeInAnimation} 1000ms;
+`;
 //# sourceMappingURL=InternalLiveLogContainer.js.map

package/dist/components/Log/InternalLiveLogContainer.js.map

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

package/dist/components/Log/LiveLogButton.d.ts

@@ -1 +1 @@
-export declare const LiveLogButton: () => import("@emotion/react/jsx-runtime").JSX.Element | null;
+export declare const LiveLogButton: () => import("@emotion/react/jsx-runtime").JSX.Element | null;

package/dist/components/Log/LiveLogButton.js

@@ -1,35 +1,19 @@
-"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.LiveLogButton = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsxImportSource @emotion/react */
-var faBell_1 = require("@fortawesome/free-solid-svg-icons/faBell");
-var faBellSlash_1 = require("@fortawesome/free-solid-svg-icons/faBellSlash");
-var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
-var react_client_1 = require("@gamepark/react-client");
-var react_1 = require("react");
-var react_i18next_1 = require("react-i18next");
-var GameProvider_1 = require("../GameProvider");
-var menuCss_1 = require("../menus/menuCss");
-var LiveLogButton = function () {
-    var _a;
-    var t = (0, react_i18next_1.useTranslation)().t;
-    var _b = (0, react_client_1.useLogControls)(), start = _b.start, stop = _b.stop, stopped = _b.stopped;
-    var hasLogs = (_a = (0, react_1.useContext)(GameProvider_1.gameContext)) === null || _a === void 0 ? void 0 : _a.logs;
-    if (!hasLogs)
-        return null;
-    return ((0, jsx_runtime_1.jsxs)("button", __assign({ css: menuCss_1.menuButtonCss, onClick: function () { return stopped ? start() : stop(); } }, { children: [(0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: stopped ? faBellSlash_1.faBellSlash : faBell_1.faBell }), stopped ? t('Enable live history') : t('Disable live history')] })));
-};
-exports.LiveLogButton = LiveLogButton;
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { faBell } from '@fortawesome/free-solid-svg-icons/faBell';
+import { faBellSlash } from '@fortawesome/free-solid-svg-icons/faBellSlash';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { useLogControls } from '@gamepark/react-client';
+import { useContext } from 'react';
+import { useTranslation } from 'react-i18next';
+import { gameContext } from '../GameProvider';
+import { menuButtonCss } from '../menus/menuCss';
+export const LiveLogButton = () => {
+    const { t } = useTranslation();
+    const { start, stop, stopped } = useLogControls();
+    const hasLogs = useContext(gameContext)?.logs;
+    if (!hasLogs)
+        return null;
+    return (_jsxs("button", { css: menuButtonCss, onClick: () => stopped ? start() : stop(), children: [_jsx(FontAwesomeIcon, { icon: stopped ? faBellSlash : faBell }), stopped ? t('Enable live history') : t('Disable live history')] }));
+};
 //# sourceMappingURL=LiveLogButton.js.map