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

package/dist/components/JournalTabs/History/StartGameHistory.d.ts

@@ -1,2 +1,2 @@
-import { FC } from 'react';
-export declare const StartGameHistory: FC;
+import { FC } from 'react';
+export declare const StartGameHistory: FC;

package/dist/components/JournalTabs/History/StartGameHistory.js

@@ -1,31 +1,20 @@
-"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.StartGameHistory = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsxImportSource @emotion/react */
-var react_1 = require("@emotion/react");
-var react_i18next_1 = require("react-i18next");
-var HistoryEntry_1 = require("./HistoryEntry");
-var StartGameHistory = function () {
-    var t = (0, react_i18next_1.useTranslation)().t;
-    return ((0, jsx_runtime_1.jsx)(HistoryEntry_1.HistoryEntry, { children: (0, jsx_runtime_1.jsx)("div", __assign({ css: startOfGameStyle }, { children: t('history.game.start') })) }));
-};
-exports.StartGameHistory = StartGameHistory;
-var startOfGameStyle = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: grey;\n  text-align: center;\n  font-style: italic\n"], ["\n  color: grey;\n  text-align: center;\n  font-style: italic\n"])));
-var templateObject_1;
+"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.StartGameHistory = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var react_1 = require("@emotion/react");
+var react_i18next_1 = require("react-i18next");
+var HistoryEntry_1 = require("./HistoryEntry");
+var StartGameHistory = function () {
+    var t = (0, react_i18next_1.useTranslation)().t;
+    return ((0, jsx_runtime_1.jsx)(HistoryEntry_1.HistoryEntry, { children: (0, jsx_runtime_1.jsx)("div", { css: startOfGameStyle, children: t('history.game.start') }) }));
+};
+exports.StartGameHistory = StartGameHistory;
+var startOfGameStyle = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: grey;\n  text-align: center;\n  font-style: italic\n"], ["\n  color: grey;\n  text-align: center;\n  font-style: italic\n"])));
+var templateObject_1;
 //# sourceMappingURL=StartGameHistory.js.map

package/dist/components/JournalTabs/History/StartGameHistory.js.map

@@ -1 +1 @@
-{"version":3,"file":"StartGameHistory.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/History/StartGameHistory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAoC;AAEpC,+CAA8C;AAC9C,+CAA6C;AAEtC,IAAM,gBAAgB,GAAO;IAC1B,IAAA,CAAC,GAAK,IAAA,8BAAc,GAAE,EAArB,CAAqB;IAC9B,OAAO,CACL,uBAAC,2BAAY,cACX,yCAAK,GAAG,EAAE,gBAAgB,gBAAG,CAAC,CAAC,oBAAoB,CAAC,IAAO,GAC9C,CAChB,CAAA;AACH,CAAC,CAAA;AAPY,QAAA,gBAAgB,oBAO5B;AAED,IAAM,gBAAgB,OAAG,WAAG,qIAAA,iEAI3B,IAAA,CAAA"}
+{"version":3,"file":"StartGameHistory.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/History/StartGameHistory.tsx"],"names":[],"mappings":";;;;;;;;AAAA,sCAAsC;AACtC,wCAAoC;AAEpC,+CAA8C;AAC9C,+CAA6C;AAEtC,IAAM,gBAAgB,GAAO;IAC1B,IAAA,CAAC,GAAK,IAAA,8BAAc,GAAE,EAArB,CAAqB;IAC9B,OAAO,CACL,uBAAC,2BAAY,cACX,gCAAK,GAAG,EAAE,gBAAgB,YAAG,CAAC,CAAC,oBAAoB,CAAC,GAAO,GAC9C,CAChB,CAAA;AACH,CAAC,CAAA;AAPY,QAAA,gBAAgB,oBAO5B;AAED,IAAM,gBAAgB,OAAG,WAAG,qIAAA,iEAI3B,IAAA,CAAA"}

package/dist/components/JournalTabs/History/index.d.ts

@@ -1,2 +1,2 @@
-export * from './History';
-export * from './HistoryEntry';
+export * from './History';
+export * from './HistoryEntry';

package/dist/components/JournalTabs/History/index.js

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

package/dist/components/JournalTabs/JournalTabs.d.ts

@@ -1,6 +1,6 @@
-/** @jsxImportSource @emotion/react */
-import { FC } from 'react';
-export type JournalTabsProps = {
-    gameId?: string;
-};
-export declare const JournalTabs: FC<JournalTabsProps>;
+/** @jsxImportSource @emotion/react */
+import { FC } from 'react';
+export type JournalTabsProps = {
+    gameId?: string;
+};
+export declare const JournalTabs: FC<JournalTabsProps>;

package/dist/components/JournalTabs/JournalTabs.js

@@ -1,94 +1,83 @@
-"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 __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.JournalTabs = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsxImportSource @emotion/react */
-var react_1 = require("@emotion/react");
-var faCommentDots_1 = require("@fortawesome/free-regular-svg-icons/faCommentDots");
-var faTimes_1 = require("@fortawesome/free-solid-svg-icons/faTimes");
-var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
-var react_client_1 = require("@gamepark/react-client");
-var react_2 = require("react");
-var react_i18next_1 = require("react-i18next");
-var react_redux_1 = require("react-redux");
-var hooks_1 = require("../../hooks");
-var GameProvider_1 = require("../GameProvider");
-var menus_1 = require("../menus");
-var menuCss_1 = require("../menus/menuCss");
-var Chat_1 = require("./Chat");
-var History_1 = require("./History");
-var JournalTab;
-(function (JournalTab) {
-    JournalTab[JournalTab["LOG"] = 1] = "LOG";
-    JournalTab[JournalTab["CHAT"] = 2] = "CHAT";
-})(JournalTab || (JournalTab = {}));
-var JournalTabs = function (props) {
-    var t = (0, react_i18next_1.useTranslation)().t;
-    var gameId = props.gameId;
-    var history = (0, react_2.useContext)(GameProvider_1.gameContext).logs;
-    var logEnabled = history !== undefined;
-    var gameMode = (0, react_redux_1.useSelector)(function (state) { return state.gameMode; });
-    var chatEnabled = gameMode !== react_client_1.GameMode.COMPETITIVE && gameMode !== react_client_1.GameMode.TUTORIAL;
-    var _a = __read((0, react_2.useState)(), 2), tab = _a[0], setTab = _a[1];
-    var _b = __read((0, react_2.useState)(false), 2), isOpen = _b[0], setOpen = _b[1];
-    (0, hooks_1.useKeyDown)('Enter', function () { return setOpen(true); });
-    (0, hooks_1.useKeyDown)('Escape', function () { return setOpen(false); });
-    (0, react_2.useEffect)(function () {
-        if (!tab && gameMode) {
-            setTab(chatEnabled ? JournalTab.CHAT : JournalTab.LOG);
-        }
-    }, [gameMode]);
-    if (!gameMode || (!logEnabled && !chatEnabled))
-        return null;
-    var isChatOpened = isOpen && tab === JournalTab.CHAT;
-    var isLogOpened = isOpen && tab === JournalTab.LOG;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { css: [menus_1.backdrop, isOpen && menus_1.displayBackdrop], onClick: function () { return setOpen(false); } }), (0, jsx_runtime_1.jsxs)("div", __assign({ css: [menuCss_1.menuFontSize, menuCss_1.menuBaseCss, journalMenu, !isOpen && menuCss_1.hide] }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ css: buttonContainer }, { children: chatEnabled && logEnabled && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("button", __assign({ css: [button, chatButton, isChatOpened && selected], disabled: tab === JournalTab.CHAT, onClick: function () { return setTab(JournalTab.CHAT); } }, { children: (0, jsx_runtime_1.jsx)("div", { children: t('Chat') }) })), (0, jsx_runtime_1.jsx)("button", __assign({ css: [button, logButton, isLogOpened && selected], disabled: tab === JournalTab.LOG, onClick: function () { return setTab(JournalTab.LOG); } }, { children: (0, jsx_runtime_1.jsx)("div", { children: t('History') }) }))] })) })), (0, jsx_runtime_1.jsxs)("div", __assign({ css: [container, flexEnd] }, { children: [chatEnabled && ((0, jsx_runtime_1.jsx)(Chat_1.Chat, { css: [!isChatOpened && closed], open: isChatOpened, gameId: gameId })), logEnabled && ((0, jsx_runtime_1.jsx)(History_1.History, { css: [(0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["justify-self: flex-start"], ["justify-self: flex-start"]))), !isLogOpened && closed], open: isLogOpened }))] }))] })), (0, jsx_runtime_1.jsx)("button", __assign({ "aria-label": t('Discuss'), title: t('Discuss'), css: [journalButtonCss], onClick: function () { return setOpen(!isOpen); } }, { children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: isOpen ? faTimes_1.faTimes : faCommentDots_1.faCommentDots, css: iconStyle }) }))] }));
-};
-exports.JournalTabs = JournalTabs;
-var buttonContainer = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  inset: 0;\n  width: 100%;\n  align-self: flex-start;\n  align-items: center;\n  padding-left: 3em;\n  padding-top: 0.3em;\n  padding-right: 0.5em;\n  flex: 0;\n  min-height: 2em;\n"], ["\n  display: flex;\n  flex-direction: row;\n  inset: 0;\n  width: 100%;\n  align-self: flex-start;\n  align-items: center;\n  padding-left: 3em;\n  padding-top: 0.3em;\n  padding-right: 0.5em;\n  flex: 0;\n  min-height: 2em;\n"])));
-var container = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  overflow: hidden\n"], ["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  overflow: hidden\n"])));
-var flexEnd = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  justify-content: flex-end;\n"], ["\n  justify-content: flex-end;\n"])));
-var button = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  flex: 1;\n  border: 0.01em solid #28B8CE;\n  color: black;\n  cursor: pointer;\n  background: white;\n  height: 2em;\n  font-size: 0.7em;\n"], ["\n  flex: 1;\n  border: 0.01em solid #28B8CE;\n  color: black;\n  cursor: pointer;\n  background: white;\n  height: 2em;\n  font-size: 0.7em;\n"])));
-var selected = (0, react_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  background: #28B8CE;\n  color: white;\n"], ["\n  background: #28B8CE;\n  color: white;\n"])));
-var chatButton = (0, react_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  border-top-left-radius: 0.5em;\n  border-bottom-left-radius: 0.5em\n"], ["\n  border-top-left-radius: 0.5em;\n  border-bottom-left-radius: 0.5em\n"])));
-var logButton = (0, react_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  border-top-right-radius: 0.5em;\n  border-bottom-right-radius: 0.5em\n"], ["\n  border-top-right-radius: 0.5em;\n  border-bottom-right-radius: 0.5em\n"
-    //TODO: display: none cause a lag on opening
-])));
-//TODO: display: none cause a lag on opening
-var closed = (0, react_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  display: none;\n"], ["\n  display: none;\n"])));
-var journalButtonCss = (0, react_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  ", ";\n  z-index: 1000;\n  top: 0;\n  left: 0;\n  border-bottom-right-radius: 25%;\n  border-bottom-left-radius: 0;\n  background: #28B8CE;\n  height: 2.5em;\n  width: 2.5em;\n\n  &:focus, &:hover {\n    background: #24a5b9;\n  }\n\n  &:active {\n    background: #2092a3;\n  }\n\n  svg {\n    position: relative;\n    width: 70%;\n    height: 60%;\n  }\n"], ["\n  ", ";\n  z-index: 1000;\n  top: 0;\n  left: 0;\n  border-bottom-right-radius: 25%;\n  border-bottom-left-radius: 0;\n  background: #28B8CE;\n  height: 2.5em;\n  width: 2.5em;\n\n  &:focus, &:hover {\n    background: #24a5b9;\n  }\n\n  &:active {\n    background: #2092a3;\n  }\n\n  svg {\n    position: relative;\n    width: 70%;\n    height: 60%;\n  }\n"])), menuCss_1.menuFloatingButtonCss);
-var iconStyle = (0, react_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  color: white;\n  font-size: 1.5em;\n  @media (max-height: 300px) {\n    font-size: 20px;\n  }\n"], ["\n  color: white;\n  font-size: 1.5em;\n  @media (max-height: 300px) {\n    font-size: 20px;\n  }\n"])));
-var journalMenu = (0, react_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  padding: 0;\n  border-bottom-right-radius: 0.5em;\n  transform-origin: top left;\n  left: 0;\n  height: 100vh;\n  height: 100dvh;\n  width: 35vw;\n  width: 35dvw;\n  max-width: 100vw;\n  justify-content: flex-end;\n  display: flex;\n  flex-direction: column;\n"], ["\n  padding: 0;\n  border-bottom-right-radius: 0.5em;\n  transform-origin: top left;\n  left: 0;\n  height: 100vh;\n  height: 100dvh;\n  width: 35vw;\n  width: 35dvw;\n  max-width: 100vw;\n  justify-content: flex-end;\n  display: flex;\n  flex-direction: column;\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12;
+"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 __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.JournalTabs = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var react_1 = require("@emotion/react");
+var faCommentDots_1 = require("@fortawesome/free-regular-svg-icons/faCommentDots");
+var faTimes_1 = require("@fortawesome/free-solid-svg-icons/faTimes");
+var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
+var react_client_1 = require("@gamepark/react-client");
+var react_2 = require("react");
+var react_i18next_1 = require("react-i18next");
+var react_redux_1 = require("react-redux");
+var hooks_1 = require("../../hooks");
+var GameProvider_1 = require("../GameProvider");
+var menus_1 = require("../menus");
+var menuCss_1 = require("../menus/menuCss");
+var Chat_1 = require("./Chat");
+var History_1 = require("./History");
+var JournalTab;
+(function (JournalTab) {
+    JournalTab[JournalTab["LOG"] = 1] = "LOG";
+    JournalTab[JournalTab["CHAT"] = 2] = "CHAT";
+})(JournalTab || (JournalTab = {}));
+var JournalTabs = function (props) {
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var gameId = props.gameId;
+    var history = (0, react_2.useContext)(GameProvider_1.gameContext).logs;
+    var logEnabled = history !== undefined;
+    var gameMode = (0, react_redux_1.useSelector)(function (state) { return state.gameMode; });
+    var chatEnabled = gameMode !== react_client_1.GameMode.COMPETITIVE && gameMode !== react_client_1.GameMode.TUTORIAL;
+    var _a = __read((0, react_2.useState)(), 2), tab = _a[0], setTab = _a[1];
+    var _b = __read((0, react_2.useState)(false), 2), isOpen = _b[0], setOpen = _b[1];
+    (0, hooks_1.useKeyDown)('Enter', function () { return setOpen(true); });
+    (0, hooks_1.useKeyDown)('Escape', function () { return setOpen(false); });
+    (0, react_2.useEffect)(function () {
+        if (!tab && gameMode) {
+            setTab(chatEnabled ? JournalTab.CHAT : JournalTab.LOG);
+        }
+    }, [gameMode]);
+    if (!gameMode || (!logEnabled && !chatEnabled))
+        return null;
+    var isChatOpened = isOpen && tab === JournalTab.CHAT;
+    var isLogOpened = isOpen && tab === JournalTab.LOG;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { css: [menus_1.backdrop, isOpen && menus_1.displayBackdrop], onClick: function () { return setOpen(false); } }), (0, jsx_runtime_1.jsxs)("div", { css: [menuCss_1.menuFontSize, menuCss_1.menuBaseCss, journalMenu, !isOpen && menuCss_1.hide], children: [(0, jsx_runtime_1.jsx)("div", { css: buttonContainer, children: chatEnabled && logEnabled && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("button", { css: [button, chatButton, isChatOpened && selected], disabled: tab === JournalTab.CHAT, onClick: function () { return setTab(JournalTab.CHAT); }, children: (0, jsx_runtime_1.jsx)("div", { children: t('Chat') }) }), (0, jsx_runtime_1.jsx)("button", { css: [button, logButton, isLogOpened && selected], disabled: tab === JournalTab.LOG, onClick: function () { return setTab(JournalTab.LOG); }, children: (0, jsx_runtime_1.jsx)("div", { children: t('History') }) })] })) }), (0, jsx_runtime_1.jsxs)("div", { css: [container, flexEnd], children: [chatEnabled && ((0, jsx_runtime_1.jsx)(Chat_1.Chat, { css: [!isChatOpened && closed], open: isChatOpened, gameId: gameId })), logEnabled && ((0, jsx_runtime_1.jsx)(History_1.History, { css: [(0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["justify-self: flex-start"], ["justify-self: flex-start"]))), !isLogOpened && closed], open: isLogOpened }))] })] }), (0, jsx_runtime_1.jsx)("button", { "aria-label": t('Discuss'), title: t('Discuss'), css: [journalButtonCss], onClick: function () { return setOpen(!isOpen); }, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: isOpen ? faTimes_1.faTimes : faCommentDots_1.faCommentDots, css: iconStyle }) })] }));
+};
+exports.JournalTabs = JournalTabs;
+var buttonContainer = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  inset: 0;\n  width: 100%;\n  align-self: flex-start;\n  align-items: center;\n  padding-left: 3em;\n  padding-top: 0.3em;\n  padding-right: 0.5em;\n  flex: 0;\n  min-height: 2em;\n"], ["\n  display: flex;\n  flex-direction: row;\n  inset: 0;\n  width: 100%;\n  align-self: flex-start;\n  align-items: center;\n  padding-left: 3em;\n  padding-top: 0.3em;\n  padding-right: 0.5em;\n  flex: 0;\n  min-height: 2em;\n"])));
+var container = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  overflow: hidden\n"], ["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  overflow: hidden\n"])));
+var flexEnd = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  justify-content: flex-end;\n"], ["\n  justify-content: flex-end;\n"])));
+var button = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  flex: 1;\n  border: 0.01em solid #28B8CE;\n  color: black;\n  cursor: pointer;\n  background: white;\n  height: 2em;\n  font-size: 0.7em;\n"], ["\n  flex: 1;\n  border: 0.01em solid #28B8CE;\n  color: black;\n  cursor: pointer;\n  background: white;\n  height: 2em;\n  font-size: 0.7em;\n"])));
+var selected = (0, react_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  background: #28B8CE;\n  color: white;\n"], ["\n  background: #28B8CE;\n  color: white;\n"])));
+var chatButton = (0, react_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  border-top-left-radius: 0.5em;\n  border-bottom-left-radius: 0.5em\n"], ["\n  border-top-left-radius: 0.5em;\n  border-bottom-left-radius: 0.5em\n"])));
+var logButton = (0, react_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  border-top-right-radius: 0.5em;\n  border-bottom-right-radius: 0.5em\n"], ["\n  border-top-right-radius: 0.5em;\n  border-bottom-right-radius: 0.5em\n"
+    //TODO: display: none cause a lag on opening
+])));
+//TODO: display: none cause a lag on opening
+var closed = (0, react_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  display: none;\n"], ["\n  display: none;\n"])));
+var journalButtonCss = (0, react_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  ", ";\n  z-index: 1000;\n  top: 0;\n  left: 0;\n  border-bottom-right-radius: 25%;\n  border-bottom-left-radius: 0;\n  background: #28B8CE;\n  height: 2.5em;\n  width: 2.5em;\n\n  &:focus, &:hover {\n    background: #24a5b9;\n  }\n\n  &:active {\n    background: #2092a3;\n  }\n\n  svg {\n    position: relative;\n    width: 70%;\n    height: 60%;\n  }\n"], ["\n  ", ";\n  z-index: 1000;\n  top: 0;\n  left: 0;\n  border-bottom-right-radius: 25%;\n  border-bottom-left-radius: 0;\n  background: #28B8CE;\n  height: 2.5em;\n  width: 2.5em;\n\n  &:focus, &:hover {\n    background: #24a5b9;\n  }\n\n  &:active {\n    background: #2092a3;\n  }\n\n  svg {\n    position: relative;\n    width: 70%;\n    height: 60%;\n  }\n"])), menuCss_1.menuFloatingButtonCss);
+var iconStyle = (0, react_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  color: white;\n  font-size: 1.5em;\n  @media (max-height: 300px) {\n    font-size: 20px;\n  }\n"], ["\n  color: white;\n  font-size: 1.5em;\n  @media (max-height: 300px) {\n    font-size: 20px;\n  }\n"])));
+var journalMenu = (0, react_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  padding: 0;\n  border-bottom-right-radius: 0.5em;\n  transform-origin: top left;\n  left: 0;\n  height: 100vh;\n  height: 100dvh;\n  width: 35vw;\n  width: 35dvw;\n  max-width: 100vw;\n  justify-content: flex-end;\n  display: flex;\n  flex-direction: column;\n"], ["\n  padding: 0;\n  border-bottom-right-radius: 0.5em;\n  transform-origin: top left;\n  left: 0;\n  height: 100vh;\n  height: 100dvh;\n  width: 35vw;\n  width: 35dvw;\n  max-width: 100vw;\n  justify-content: flex-end;\n  display: flex;\n  flex-direction: column;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12;
 //# sourceMappingURL=JournalTabs.js.map

package/dist/components/JournalTabs/JournalTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"JournalTabs.js","sourceRoot":"","sources":["../../../src/components/JournalTabs/JournalTabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AAEtC,wCAAoC;AACpC,mFAAiF;AACjF,qEAAmE;AACnE,oEAAgE;AAChE,uDAAgE;AAChE,+BAA2D;AAC3D,+CAA8C;AAC9C,2CAAyC;AACzC,qCAAwC;AACxC,gDAA6C;AAC7C,kCAAoD;AACpD,4CAAyF;AACzF,+BAA6B;AAC7B,qCAAmC;AAMnC,IAAK,UAGJ;AAHD,WAAK,UAAU;IACb,yCAAO,CAAA;IACP,2CAAI,CAAA;AACN,CAAC,EAHI,UAAU,KAAV,UAAU,QAGd;AAEM,IAAM,WAAW,GAAyB,UAAC,KAAK;IAC7C,IAAA,CAAC,GAAK,IAAA,8BAAc,GAAE,EAArB,CAAqB;IACtB,IAAA,MAAM,GAAK,KAAK,OAAV,CAAU;IACxB,IAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,0BAAW,CAAC,CAAC,IAAI,CAAA;IAC5C,IAAM,UAAU,GAAG,OAAO,KAAK,SAAS,CAAA;IACxC,IAAM,QAAQ,GAAG,IAAA,yBAAW,EAAC,UAAC,KAAoB,IAAK,OAAA,KAAK,CAAC,QAAQ,EAAd,CAAc,CAAC,CAAA;IACtE,IAAM,WAAW,GAAG,QAAQ,KAAK,uBAAQ,CAAC,WAAW,IAAI,QAAQ,KAAK,uBAAQ,CAAC,QAAQ,CAAA;IACjF,IAAA,KAAA,OAAgB,IAAA,gBAAQ,GAA0B,IAAA,EAAjD,GAAG,QAAA,EAAE,MAAM,QAAsC,CAAA;IAClD,IAAA,KAAA,OAAoB,IAAA,gBAAQ,EAAC,KAAK,CAAC,IAAA,EAAlC,MAAM,QAAA,EAAE,OAAO,QAAmB,CAAA;IACzC,IAAA,kBAAU,EAAC,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,IAAI,CAAC,EAAb,CAAa,CAAC,CAAA;IACxC,IAAA,kBAAU,EAAC,QAAQ,EAAE,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,EAAd,CAAc,CAAC,CAAA;IAC1C,IAAA,iBAAS,EAAC;QACR,IAAI,CAAC,GAAG,IAAI,QAAQ,EAAE;YACpB,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CAAA;SACvD;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC,UAAU,IAAI,CAAC,WAAW,CAAC;QAAE,OAAO,IAAI,CAAA;IAC3D,IAAM,YAAY,GAAG,MAAM,IAAI,GAAG,KAAK,UAAU,CAAC,IAAI,CAAA;IACtD,IAAM,WAAW,GAAG,MAAM,IAAI,GAAG,KAAK,UAAU,CAAC,GAAG,CAAA;IAEpD,OAAO,CACL,6DACE,gCAAK,GAAG,EAAE,CAAC,gBAAQ,EAAE,MAAM,IAAI,uBAAe,CAAC,EAAE,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,EAAd,CAAc,GAAG,EACjF,0CAAK,GAAG,EAAE,CAAC,sBAAY,EAAE,qBAAW,EAAE,WAAW,EAAE,CAAC,MAAM,IAAI,cAAI,CAAC,iBACjE,yCAAK,GAAG,EAAE,eAAe,gBACtB,WAAW,IAAI,UAAU,IAAI,CAC5B,6DACE,4CAAQ,GAAG,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,YAAY,IAAI,QAAQ,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,UAAU,CAAC,IAAI,EAAE,OAAO,EAAE,cAAM,OAAA,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,EAAvB,CAAuB,gBACpI,0CAAM,CAAC,CAAC,MAAM,CAAC,GAAO,IACf,EACT,4CAAQ,GAAG,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,WAAW,IAAI,QAAQ,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,UAAU,CAAC,GAAG,EAAE,OAAO,EAAE,cAAM,OAAA,MAAM,CAAC,UAAU,CAAC,GAAG,CAAC,EAAtB,CAAsB,gBAChI,0CAAM,CAAC,CAAC,SAAS,CAAC,GAAO,IAClB,IACR,CACJ,IACG,EACN,0CAAK,GAAG,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,iBAC3B,WAAW,IAAI,CACd,uBAAC,WAAI,IAAC,GAAG,EAAE,CAAC,CAAC,YAAY,IAAI,MAAM,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,GAAG,CAC5E,EACA,UAAU,IAAI,CACb,uBAAC,iBAAO,IAAC,GAAG,EAAE,KAAC,WAAG,8FAAA,0BAA0B,MAAE,CAAC,WAAW,IAAI,MAAM,CAAC,EAAE,IAAI,EAAE,WAAW,GAAG,CAC5F,KACG,KACF,EACN,0DAAoB,CAAC,CAAC,SAAS,CAAE,EAAE,KAAK,EAAE,CAAC,CAAC,SAAS,CAAE,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,CAAC,MAAM,CAAC,EAAhB,CAAgB,gBAC/G,uBAAC,mCAAe,IAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,iBAAO,CAAC,CAAC,CAAC,6BAAa,EAAE,GAAG,EAAE,SAAS,GAAG,IACnE,IACR,CACJ,CAAA;AACH,CAAC,CAAA;AAnDY,QAAA,WAAW,eAmDvB;AAED,IAAM,eAAe,OAAG,WAAG,wSAAA,oOAY1B,IAAA,CAAA;AAED,IAAM,SAAS,OAAG,WAAG,qKAAA,iGAMpB,IAAA,CAAA;AAED,IAAM,OAAO,OAAG,WAAG,sGAAA,kCAElB,IAAA,CAAA;AAED,IAAM,MAAM,OAAG,WAAG,qNAAA,iJAQjB,IAAA,CAAA;AAED,IAAM,QAAQ,OAAG,WAAG,iHAAA,6CAGnB,IAAA,CAAA;AAED,IAAM,UAAU,OAAG,WAAG,8IAAA,0EAGrB,IAAA,CAAA;AAED,IAAM,SAAS,OAAG,WAAG,gJAAA,4EAGpB;IAED,4CAA4C;IAF3C,CAAA;AAED,4CAA4C;AAC5C,IAAM,MAAM,OAAG,WAAG,0FAAA,sBAEjB,IAAA,CAAA;AAED,IAAM,gBAAgB,OAAG,WAAG,8aAAA,MACxB,EAAqB,gWAuBxB,KAvBG,+BAAqB,CAuBxB,CAAA;AAED,IAAM,SAAS,OAAG,WAAG,2KAAA,qGAMpB,IAAA,CAAA;AAGD,IAAM,WAAW,OAAG,WAAG,gVAAA,0QAatB,IAAA,CAAA"}
+{"version":3,"file":"JournalTabs.js","sourceRoot":"","sources":["../../../src/components/JournalTabs/JournalTabs.tsx"],"names":[],"mappings":"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"}

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

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

package/dist/components/JournalTabs/index.js

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

package/dist/components/Letterbox/Letterbox.d.ts

@@ -1,8 +1,8 @@
-import { HTMLAttributes } from 'react';
-export type LetterboxProps = {
-    width?: number;
-    height?: number;
-    left?: number;
-    top?: number;
-} & HTMLAttributes<HTMLDivElement>;
-export declare const Letterbox: ({ children, width, height, left, top, ...props }: LetterboxProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+import { HTMLAttributes } from 'react';
+export type LetterboxProps = {
+    width?: number;
+    height?: number;
+    left?: number;
+    top?: number;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const Letterbox: ({ children, width, height, left, top, ...props }: LetterboxProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Letterbox/Letterbox.js

@@ -1,43 +1,43 @@
-"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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Letterbox = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsxImportSource @emotion/react */
-var react_1 = require("@emotion/react");
-var Letterbox = function (_a) {
-    var children = _a.children, _b = _a.width, width = _b === void 0 ? 16 : _b, _c = _a.height, height = _c === void 0 ? 9 : _c, _d = _a.left, left = _d === void 0 ? 50 : _d, _e = _a.top, top = _e === void 0 ? 50 : _e, props = __rest(_a, ["children", "width", "height", "left", "top"]);
-    return (0, jsx_runtime_1.jsxs)("div", __assign({ css: [container(left, top), aspectRatio(width, height)] }, props, { children: [(0, jsx_runtime_1.jsx)("canvas", { css: [canvas, aspectRatio(width, height)], width: width, height: height }), (0, jsx_runtime_1.jsx)("div", __assign({ css: content }, { children: children }))] }));
-};
-exports.Letterbox = Letterbox;
-var aspectRatio = function (width, height) { return (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  @media (min-aspect-ratio: ", "/", ") {\n    height: 100%;\n  }\n  @media (max-aspect-ratio: ", "/", ") {\n    width: 100%;\n  }\n"], ["\n  @media (min-aspect-ratio: ", "/", ") {\n    height: 100%;\n  }\n  @media (max-aspect-ratio: ", "/", ") {\n    width: 100%;\n  }\n"])), width, height, width, height); };
-var container = function (left, top) { return (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  display: inline-block;\n  left: ", "%;\n  top: ", "%;\n  transform: translate(-", "%, -", "%);\n"], ["\n  position: absolute;\n  display: inline-block;\n  left: ", "%;\n  top: ", "%;\n  transform: translate(-", "%, -", "%);\n"])), left, top, left, top); };
-var canvas = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  padding: 0;\n  margin: 0;\n"], ["\n  padding: 0;\n  margin: 0;\n"])));
-var content = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n"], ["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Letterbox = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var react_1 = require("@emotion/react");
+var Letterbox = function (_a) {
+    var children = _a.children, _b = _a.width, width = _b === void 0 ? 16 : _b, _c = _a.height, height = _c === void 0 ? 9 : _c, _d = _a.left, left = _d === void 0 ? 50 : _d, _e = _a.top, top = _e === void 0 ? 50 : _e, props = __rest(_a, ["children", "width", "height", "left", "top"]);
+    return (0, jsx_runtime_1.jsxs)("div", __assign({ css: [container(left, top), aspectRatio(width, height)] }, props, { children: [(0, jsx_runtime_1.jsx)("canvas", { css: [canvas, aspectRatio(width, height)], width: width, height: height }), (0, jsx_runtime_1.jsx)("div", { css: content, children: children })] }));
+};
+exports.Letterbox = Letterbox;
+var aspectRatio = function (width, height) { return (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  @media (min-aspect-ratio: ", "/", ") {\n    height: 100%;\n  }\n  @media (max-aspect-ratio: ", "/", ") {\n    width: 100%;\n  }\n"], ["\n  @media (min-aspect-ratio: ", "/", ") {\n    height: 100%;\n  }\n  @media (max-aspect-ratio: ", "/", ") {\n    width: 100%;\n  }\n"])), width, height, width, height); };
+var container = function (left, top) { return (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  display: inline-block;\n  left: ", "%;\n  top: ", "%;\n  transform: translate(-", "%, -", "%);\n"], ["\n  position: absolute;\n  display: inline-block;\n  left: ", "%;\n  top: ", "%;\n  transform: translate(-", "%, -", "%);\n"])), left, top, left, top); };
+var canvas = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  padding: 0;\n  margin: 0;\n"], ["\n  padding: 0;\n  margin: 0;\n"])));
+var content = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n"], ["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 //# sourceMappingURL=Letterbox.js.map

package/dist/components/Letterbox/Letterbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Letterbox.js","sourceRoot":"","sources":["../../../src/components/Letterbox/Letterbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAoC;AAU7B,IAAM,SAAS,GAAG,UAAC,EAAmF;IAAjF,IAAA,QAAQ,cAAA,EAAE,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,cAAU,EAAV,MAAM,mBAAG,CAAC,KAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,WAAQ,EAAR,GAAG,mBAAG,EAAE,KAAA,EAAK,KAAK,cAAjE,8CAAmE,CAAF;IAAuB,OAAA,0CAChH,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC,EAAE,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,IAAM,KAAK,eAClE,mCAAQ,GAAG,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAG,EAClF,yCAAK,GAAG,EAAE,OAAO,gBACd,QAAQ,IACL,KACF,CAAA;CAAA,CAAA;AANO,QAAA,SAAS,aAMhB;AAEN,IAAM,WAAW,GAAG,UAAC,KAAa,EAAE,MAAc,IAAK,WAAA,WAAG,2MAAA,gCAC5B,EAAK,GAAI,EAAM,2DAGf,EAAK,GAAI,EAAM,8BAG5C,KAN6B,KAAK,EAAI,MAAM,EAGf,KAAK,EAAI,MAAM,GAJU,CAOtD,CAAA;AAED,IAAM,SAAS,GAAG,UAAC,IAAY,EAAE,GAAW,IAAK,WAAA,WAAG,iMAAA,6DAG1C,EAAI,aACL,EAAG,8BACc,EAAI,MAAO,EAAG,OACvC,KAHS,IAAI,EACL,GAAG,EACc,IAAI,EAAO,GAAG,GALS,CAMhD,CAAA;AAED,IAAM,MAAM,OAAG,WAAG,qGAAA,iCAGjB,IAAA,CAAA;AAED,IAAM,OAAO,OAAG,WAAG,iJAAA,6EAMlB,IAAA,CAAA"}
+{"version":3,"file":"Letterbox.js","sourceRoot":"","sources":["../../../src/components/Letterbox/Letterbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAoC;AAU7B,IAAM,SAAS,GAAG,UAAC,EAAmF;IAAjF,IAAA,QAAQ,cAAA,EAAE,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,cAAU,EAAV,MAAM,mBAAG,CAAC,KAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,WAAQ,EAAR,GAAG,mBAAG,EAAE,KAAA,EAAK,KAAK,cAAjE,8CAAmE,CAAF;IAAuB,OAAA,0CAChH,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC,EAAE,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,IAAM,KAAK,eAClE,mCAAQ,GAAG,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAG,EAClF,gCAAK,GAAG,EAAE,OAAO,YACd,QAAQ,GACL,KACF,CAAA;CAAA,CAAA;AANO,QAAA,SAAS,aAMhB;AAEN,IAAM,WAAW,GAAG,UAAC,KAAa,EAAE,MAAc,IAAK,WAAA,WAAG,2MAAA,gCAC5B,EAAK,GAAI,EAAM,2DAGf,EAAK,GAAI,EAAM,8BAG5C,KAN6B,KAAK,EAAI,MAAM,EAGf,KAAK,EAAI,MAAM,GAJU,CAOtD,CAAA;AAED,IAAM,SAAS,GAAG,UAAC,IAAY,EAAE,GAAW,IAAK,WAAA,WAAG,iMAAA,6DAG1C,EAAI,aACL,EAAG,8BACc,EAAI,MAAO,EAAG,OACvC,KAHS,IAAI,EACL,GAAG,EACc,IAAI,EAAO,GAAG,GALS,CAMhD,CAAA;AAED,IAAM,MAAM,OAAG,WAAG,qGAAA,iCAGjB,IAAA,CAAA;AAED,IAAM,OAAO,OAAG,WAAG,iJAAA,6EAMlB,IAAA,CAAA"}

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

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

package/dist/components/Letterbox/index.js

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

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

@@ -1,12 +1,12 @@
-import { HTMLAttributes } from 'react';
-export type LoadingScreenProps = {
-    gameBox?: string;
-    author?: string | string[];
-    artist?: string | string[];
-    graphicDesigner?: string | string[];
-    publisher?: string | string[];
-    developer?: string | string[];
-    musician?: string | string[];
-    display: boolean;
-} & HTMLAttributes<HTMLDivElement>;
-export declare const LoadingScreen: ({ gameBox, author, artist, graphicDesigner, publisher, developer, musician, display, ...props }: LoadingScreenProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+import { HTMLAttributes } from 'react';
+export type LoadingScreenProps = {
+    gameBox?: string;
+    author?: string | string[];
+    artist?: string | string[];
+    graphicDesigner?: string | string[];
+    publisher?: string | string[];
+    developer?: string | string[];
+    musician?: string | string[];
+    display: boolean;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const LoadingScreen: ({ gameBox, author, artist, graphicDesigner, publisher, developer, musician, display, ...props }: LoadingScreenProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;