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

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

@@ -1 +1 @@
-{"version":3,"file":"History.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/History/History.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAmD;AACnD,+BAA6D;AAC7D,oCAA4C;AAC5C,gEAA8D;AAC9D,iCAAmC;AACnC,qDAAmD;AACnD,uDAAqD;AAM9C,IAAM,OAAO,GAAqB,UAAC,KAAK;IAErC,IAAA,OAAO,GAAK,IAAA,+BAAc,GAAE,QAArB,CAAqB;IAC5B,IAAA,IAAI,GAAc,KAAK,KAAnB,EAAK,IAAI,UAAK,KAAK,EAAzB,QAAiB,CAAF,CAAU;IAC/B,IAAM,SAAS,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAE9C,IAAA,iBAAS,EAAC;QACR,IAAI,CAAC,SAAS,CAAC,OAAO;YAAE,OAAM;QACxB,IAAA,KAAiC,SAAS,CAAC,OAAO,EAAhD,YAAY,kBAAA,EAAE,YAAY,kBAAsB,CAAA;QACxD,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC,CAAA;IAClE,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,OAAO,CACL,uBAAC,qBAAa,IAAC,KAAK,EAAE,UAAA,KAAK,IAAI,OAAA,uBAAM,KAAK,KAAE,OAAO,EAAE,wBAAgB,IAAG,EAAzC,CAAyC,YACtE,yCAAK,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,IAAM,IAAI,cAC3C,iCAAK,GAAG,EAAE,gBAAgB,aACxB,uBAAC,mCAAgB,KAAE,EAClB,OAAO,CAAC,GAAG,CAAC,UAAC,CAAC;wBACb,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE;4BAAE,OAAO,IAAI,CAAA,CAAC,4BAA4B;wBAC1D,IAAM,GAAG,GAAG,CAAC,CAAC,gBAAgB,KAAK,SAAS,CAAC,CAAC,CAAC,UAAG,CAAC,CAAC,MAAM,CAAC,EAAE,cAAI,CAAC,CAAC,gBAAgB,CAAE,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAA;wBACnG,OAAO,uBAAC,aAAO,IAAW,OAAO,EAAE,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,IAA7D,GAAG,CAA6D,CAAA;oBACvF,CAAC,CAAC,EACF,uBAAC,iCAAe,KAAE,IACd,IACF,GACQ,CACjB,CAAA;AACH,CAAC,CAAA;AA3BY,QAAA,OAAO,WA2BnB;AAGD,IAAM,SAAS,OAAG,WAAG,ydAAA,qZAoBpB,IAAA,CAAA;AAED,IAAM,gBAAgB,OAAG,WAAG,8IAAA,0EAI3B,IAAA,CAAA;AAEY,QAAA,gBAAgB,GAAG,CAAC,mBAAa,MAAE,WAAG,oJAAA,gFAIlD,KAAC,CAAA;AAEF,IAAM,OAAO,OAAG,WAAG,oKAAA,gGAKlB,IAAA,CAAA;AAED,IAAM,cAAc,OAAG,WAAG,kIAAA,8DAGzB,IAAA,CAAA"}
+{"version":3,"file":"History.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/History/History.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AACnD,OAAO,EAAsB,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAA;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAMrD,MAAM,CAAC,MAAM,OAAO,GAAqB,CAAC,KAAK,EAAE,EAAE;IAEjD,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,CAAA;IACpC,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAC/B,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAE9C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS,CAAC,OAAO;YAAE,OAAM;QAC9B,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,SAAS,CAAC,OAAO,CAAA;QACxD,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC,CAAA;IAClE,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,OAAO,CACL,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,gBAAgB,EAAE,CAAC,YACtE,cAAK,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,KAAM,IAAI,YAC3C,eAAK,GAAG,EAAE,gBAAgB,aACxB,KAAC,gBAAgB,KAAE,EAClB,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;wBACjB,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE;4BAAE,OAAO,IAAI,CAAA,CAAC,4BAA4B;wBAC1D,MAAM,GAAG,GAAG,CAAC,CAAC,gBAAgB,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAA;wBACnG,OAAO,KAAC,OAAO,IAAW,OAAO,EAAE,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,IAA7D,GAAG,CAA6D,CAAA;oBACvF,CAAC,CAAC,EACF,KAAC,eAAe,KAAE,IACd,GACF,GACQ,CACjB,CAAA;AACH,CAAC,CAAA;AAGD,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;CAoBpB,CAAA;AAED,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;CAI3B,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,aAAa,EAAE,GAAG,CAAA;;;;CAIlD,CAAC,CAAA;AAEF,MAAM,OAAO,GAAG,GAAG,CAAA;;;;;CAKlB,CAAA;AAED,MAAM,cAAc,GAAG,GAAG,CAAA;;;CAGzB,CAAA"}

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

@@ -1,46 +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);
-};
-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.HistoryEntry = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 /** @jsxImportSource @emotion/react */
-var react_1 = require("@emotion/react");
-var Avatar_1 = require("../../Avatar");
-var HistoryEntry = function (_a) {
-    var player = _a.player, _b = _a.depth, depth = _b === void 0 ? 0 : _b, backgroundColor = _a.backgroundColor, borderTop = _a.borderTop, borderBottom = _a.borderBottom, children = _a.children, props = __rest(_a, ["player", "depth", "backgroundColor", "borderTop", "borderBottom", "children"]);
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ css: [historyEntryCss, backgroundColor && backgroundColorCss(backgroundColor), borderTop && borderTopCss, borderBottom && borderBottomCss] }, props, { children: [player !== undefined && (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { css: avatarCss, playerId: player }) }), depth > 0 && (0, jsx_runtime_1.jsx)("div", { css: depthIconCss(depth), children: "\u2937" }), (0, jsx_runtime_1.jsx)("div", { css: (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["flex: 1;"], ["flex: 1;"]))), children: children })] })));
+import { css } from '@emotion/react';
+import { Avatar } from '../../Avatar';
+export const HistoryEntry = ({ player, depth = 0, backgroundColor, borderTop, borderBottom, children, ...props }) => {
+    return (_jsxs("div", { css: [historyEntryCss, backgroundColor && backgroundColorCss(backgroundColor), borderTop && borderTopCss, borderBottom && borderBottomCss], ...props, children: [player !== undefined && _jsx("div", { children: _jsx(Avatar, { css: avatarCss, playerId: player }) }), depth > 0 && _jsx("div", { css: depthIconCss(depth), children: "\u2937" }), _jsx("div", { css: css `flex: 1;`, children: children })] }));
 };
-exports.HistoryEntry = HistoryEntry;
-var historyEntryCss = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  width: 100%;\n  padding: 0.5em 0.5em 0.5em 0.7em;\n  user-select: text;\n"], ["\n  display: flex;\n  align-items: center;\n  width: 100%;\n  padding: 0.5em 0.5em 0.5em 0.7em;\n  user-select: text;\n"])));
-var backgroundColorCss = function (color) { return (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background-color: ", ";\n"], ["\n  background-color: ", ";\n"])), color); };
-var borderTopCss = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  border-top: 0.05em solid black;\n"], ["\n  border-top: 0.05em solid black;\n"])));
-var borderBottomCss = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  border-bottom: 0.05em solid black;\n"], ["\n  border-bottom: 0.05em solid black;\n"])));
-var avatarCss = (0, react_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  position: relative;\n  left: 0;\n  border-radius: 100%;\n  height: 2.5em;\n  width: 2.5em;\n  margin-right: 1em;\n  color: black;\n  z-index: 1;\n"], ["\n  position: relative;\n  left: 0;\n  border-radius: 100%;\n  height: 2.5em;\n  width: 2.5em;\n  margin-right: 1em;\n  color: black;\n  z-index: 1;\n"])));
-var depthIconCss = function (depth) { return (0, react_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  font-size: 1.5em;\n  margin-right: 0.4em;\n  margin-left: ", "em;\n  margin-top: -0.2em;\n"], ["\n  font-size: 1.5em;\n  margin-right: 0.4em;\n  margin-left: ", "em;\n  margin-top: -0.2em;\n"])), 0.5 + (1.5 * (depth - 1))); };
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+const historyEntryCss = css `
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: 0.5em 0.5em 0.5em 0.7em;
+  user-select: text;
+`;
+const backgroundColorCss = (color) => css `
+  background-color: ${color};
+`;
+const borderTopCss = css `
+  border-top: 0.05em solid black;
+`;
+const borderBottomCss = css `
+  border-bottom: 0.05em solid black;
+`;
+const avatarCss = css `
+  position: relative;
+  left: 0;
+  border-radius: 100%;
+  height: 2.5em;
+  width: 2.5em;
+  margin-right: 1em;
+  color: black;
+  z-index: 1;
+`;
+const depthIconCss = (depth) => css `
+  font-size: 1.5em;
+  margin-right: 0.4em;
+  margin-left: ${0.5 + (1.5 * (depth - 1))}em;
+  margin-top: -0.2em;
+`;
 //# sourceMappingURL=HistoryEntry.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HistoryEntry.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/History/HistoryEntry.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAoC;AAEpC,uCAAqC;AAU9B,IAAM,YAAY,GAAG,UAA4B,EAAyG;IAAvG,IAAA,MAAM,YAAA,EAAE,aAAS,EAAT,KAAK,mBAAG,CAAC,KAAA,EAAE,eAAe,qBAAA,EAAE,SAAS,eAAA,EAAE,YAAY,kBAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAAjF,+EAAmF,CAAF;IACvI,OAAO,CACL,0CAAK,GAAG,EAAE,CAAC,eAAe,EAAE,eAAe,IAAI,kBAAkB,CAAC,eAAe,CAAC,EAAE,SAAS,IAAI,YAAY,EAAE,YAAY,IAAI,eAAe,CAAC,IAAM,KAAK,eACvJ,MAAM,KAAK,SAAS,IAAI,0CAAK,uBAAC,eAAM,IAAC,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,GAAG,GAAM,EAC9E,KAAK,GAAG,CAAC,IAAI,gCAAK,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC,uBAAS,EACpD,gCAAK,GAAG,MAAE,WAAG,8EAAA,UAAU,gBAAG,QAAQ,GAAO,KACrC,CACP,CAAA;AACH,CAAC,CAAA;AARY,QAAA,YAAY,gBAQxB;AAED,IAAM,eAAe,OAAG,WAAG,6LAAA,yHAM1B,IAAA,CAAA;AAED,IAAM,kBAAkB,GAAG,UAAC,KAAa,IAAK,WAAA,WAAG,mGAAA,wBAC3B,EAAK,KAC1B,KADqB,KAAK,GADmB,CAE7C,CAAA;AAED,IAAM,YAAY,OAAG,WAAG,2GAAA,uCAEvB,IAAA,CAAA;AAED,IAAM,eAAe,OAAG,WAAG,8GAAA,0CAE1B,IAAA,CAAA;AAED,IAAM,SAAS,OAAG,WAAG,4NAAA,wJASpB,IAAA,CAAA;AAED,IAAM,YAAY,GAAG,UAAC,KAAa,IAAK,WAAA,WAAG,oKAAA,gEAG1B,EAAyB,8BAEzC,KAFgB,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,GAHF,CAKvC,CAAA"}
+{"version":3,"file":"HistoryEntry.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/History/HistoryEntry.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAEpC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAUrC,MAAM,CAAC,MAAM,YAAY,GAAG,CAA4B,EAAE,MAAM,EAAE,KAAK,GAAG,CAAC,EAAE,eAAe,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAwB,EAAE,EAAE;IACnK,OAAO,CACL,eAAK,GAAG,EAAE,CAAC,eAAe,EAAE,eAAe,IAAI,kBAAkB,CAAC,eAAe,CAAC,EAAE,SAAS,IAAI,YAAY,EAAE,YAAY,IAAI,eAAe,CAAC,KAAM,KAAK,aACvJ,MAAM,KAAK,SAAS,IAAI,wBAAK,KAAC,MAAM,IAAC,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,GAAG,GAAM,EAC9E,KAAK,GAAG,CAAC,IAAI,cAAK,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC,uBAAS,EACpD,cAAK,GAAG,EAAE,GAAG,CAAA,UAAU,YAAG,QAAQ,GAAO,IACrC,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;CAM1B,CAAA;AAED,MAAM,kBAAkB,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,GAAG,CAAA;sBAC3B,KAAK;CAC1B,CAAA;AAED,MAAM,YAAY,GAAG,GAAG,CAAA;;CAEvB,CAAA;AAED,MAAM,eAAe,GAAG,GAAG,CAAA;;CAE1B,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;;;;CASpB,CAAA;AAED,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,GAAG,CAAA;;;iBAG1B,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;;CAEzC,CAAA"}

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

@@ -1,20 +1,15 @@
-"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");
+import { jsx as _jsx } from "@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') }) }));
+import { css } from '@emotion/react';
+import { useTranslation } from 'react-i18next';
+import { HistoryEntry } from './HistoryEntry';
+export const StartGameHistory = () => {
+    const { t } = useTranslation();
+    return (_jsx(HistoryEntry, { children: _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;
+const startOfGameStyle = css `
+  color: grey;
+  text-align: center;
+  font-style: italic
+`;
 //# 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,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"}
+{"version":3,"file":"StartGameHistory.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/History/StartGameHistory.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAEpC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,MAAM,CAAC,MAAM,gBAAgB,GAAO,GAAG,EAAE;IACvC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,OAAO,CACL,KAAC,YAAY,cACX,cAAK,GAAG,EAAE,gBAAgB,YAAG,CAAC,CAAC,oBAAoB,CAAC,GAAO,GAC9C,CAChB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;CAI3B,CAAA"}

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

@@ -1,19 +1,3 @@
-"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);
+export * from './History';
+export * from './HistoryEntry';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/History/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAAyB;AACzB,iDAA8B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/History/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA"}

package/dist/components/JournalTabs/JournalTabs.js

@@ -1,83 +1,137 @@
-"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");
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@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");
+import { css } from '@emotion/react';
+import { faCommentDots } from '@fortawesome/free-regular-svg-icons/faCommentDots';
+import { faTimes } from '@fortawesome/free-solid-svg-icons/faTimes';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { GameMode, useGameSelector } from '@gamepark/react-client';
+import { useContext, useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useKeyDown } from '../../hooks';
+import { gameContext } from '../GameProvider';
+import { backdrop, displayBackdrop } from '../menus';
+import { hide, menuBaseCss, menuFloatingButtonCss, menuFontSize } from '../menus/menuCss';
+import { Chat } from './Chat';
+import { History } from './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 () {
+export const JournalTabs = (props) => {
+    const { t } = useTranslation();
+    const { gameId } = props;
+    const history = useContext(gameContext).logs;
+    const logEnabled = history !== undefined;
+    const gameMode = useGameSelector((state) => state.gameMode);
+    const chatEnabled = gameMode !== GameMode.COMPETITIVE && gameMode !== GameMode.TUTORIAL;
+    const [tab, setTab] = useState();
+    const [isOpen, setOpen] = useState(false);
+    useKeyDown('Enter', () => setOpen(true));
+    useKeyDown('Escape', () => setOpen(false));
+    useEffect(() => {
         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 }) })] }));
+    const isChatOpened = isOpen && tab === JournalTab.CHAT;
+    const isLogOpened = isOpen && tab === JournalTab.LOG;
+    return (_jsxs(_Fragment, { children: [_jsx("div", { css: [backdrop, isOpen && displayBackdrop], onClick: () => setOpen(false) }), _jsxs("div", { css: [menuFontSize, menuBaseCss, journalMenu, !isOpen && hide], children: [_jsx("div", { css: buttonContainer, children: chatEnabled && logEnabled && (_jsxs(_Fragment, { children: [_jsx("button", { css: [button, chatButton, isChatOpened && selected], disabled: tab === JournalTab.CHAT, onClick: () => setTab(JournalTab.CHAT), children: _jsx("div", { children: t('Chat') }) }), _jsx("button", { css: [button, logButton, isLogOpened && selected], disabled: tab === JournalTab.LOG, onClick: () => setTab(JournalTab.LOG), children: _jsx("div", { children: t('History') }) })] })) }), _jsxs("div", { css: [container, flexEnd], children: [chatEnabled && (_jsx(Chat, { css: [!isChatOpened && closed], open: isChatOpened, gameId: gameId })), logEnabled && (_jsx(History, { css: [css `justify-self: flex-start`, !isLogOpened && closed], open: isLogOpened }))] })] }), _jsx("button", { "aria-label": t('Discuss'), title: t('Discuss'), css: [journalButtonCss], onClick: () => setOpen(!isOpen), children: _jsx(FontAwesomeIcon, { icon: isOpen ? faTimes : 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
-])));
+const buttonContainer = css `
+  display: flex;
+  flex-direction: row;
+  inset: 0;
+  width: 100%;
+  align-self: flex-start;
+  align-items: center;
+  padding-left: 3em;
+  padding-top: 0.3em;
+  padding-right: 0.5em;
+  flex: 0;
+  min-height: 2em;
+`;
+const container = css `
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  overflow: hidden
+`;
+const flexEnd = css `
+  justify-content: flex-end;
+`;
+const button = css `
+  flex: 1;
+  border: 0.01em solid #28B8CE;
+  color: black;
+  cursor: pointer;
+  background: white;
+  height: 2em;
+  font-size: 0.7em;
+`;
+const selected = css `
+  background: #28B8CE;
+  color: white;
+`;
+const chatButton = css `
+  border-top-left-radius: 0.5em;
+  border-bottom-left-radius: 0.5em
+`;
+const logButton = css `
+  border-top-right-radius: 0.5em;
+  border-bottom-right-radius: 0.5em
+`;
 //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;
+const closed = css `
+  display: none;
+`;
+const journalButtonCss = css `
+  ${menuFloatingButtonCss};
+  z-index: 1000;
+  top: 0;
+  left: 0;
+  border-bottom-right-radius: 25%;
+  border-bottom-left-radius: 0;
+  background: #28B8CE;
+  height: 2.5em;
+  width: 2.5em;
+
+  &:focus, &:hover {
+    background: #24a5b9;
+  }
+
+  &:active {
+    background: #2092a3;
+  }
+
+  svg {
+    position: relative;
+    width: 70%;
+    height: 60%;
+  }
+`;
+const iconStyle = css `
+  color: white;
+  font-size: 1.5em;
+  @media (max-height: 300px) {
+    font-size: 20px;
+  }
+`;
+const journalMenu = css `
+  padding: 0;
+  border-bottom-right-radius: 0.5em;
+  transform-origin: top left;
+  left: 0;
+  height: 100vh;
+  height: 100dvh;
+  width: 35vw;
+  width: 35dvw;
+  max-width: 100vw;
+  justify-content: flex-end;
+  display: flex;
+  flex-direction: column;
+`;
 //# 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":"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"}
+{"version":3,"file":"JournalTabs.js","sourceRoot":"","sources":["../../../src/components/JournalTabs/JournalTabs.tsx"],"names":[],"mappings":"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"}

package/dist/components/JournalTabs/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("./History"), exports);
+export * from './History';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/JournalTabs/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAAyB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/JournalTabs/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}

package/dist/components/Letterbox/Letterbox.js

@@ -1,43 +1,31 @@
-"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");
+import { jsx as _jsx, jsxs as _jsxs } from "@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;
+import { css } from '@emotion/react';
+export const Letterbox = ({ children, width = 16, height = 9, left = 50, top = 50, ...props }) => _jsxs("div", { css: [container(left, top), aspectRatio(width, height)], ...props, children: [_jsx("canvas", { css: [canvas, aspectRatio(width, height)], width: width, height: height }), _jsx("div", { css: content, children: children })] });
+const aspectRatio = (width, height) => css `
+  @media (min-aspect-ratio: ${width}/${height}) {
+    height: 100%;
+  }
+  @media (max-aspect-ratio: ${width}/${height}) {
+    width: 100%;
+  }
+`;
+const container = (left, top) => css `
+  position: absolute;
+  display: inline-block;
+  left: ${left}%;
+  top: ${top}%;
+  transform: translate(-${left}%, -${top}%);
+`;
+const canvas = css `
+  padding: 0;
+  margin: 0;
+`;
+const content = css `
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+`;
 //# 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,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"}
+{"version":3,"file":"Letterbox.js","sourceRoot":"","sources":["../../../src/components/Letterbox/Letterbox.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAUpC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,GAAG,EAAE,EAAE,MAAM,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,GAAG,EAAE,EAAE,GAAG,KAAK,EAAkB,EAAE,EAAE,CAAC,eAChH,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC,EAAE,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,KAAM,KAAK,aAClE,iBAAQ,GAAG,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAG,EAClF,cAAK,GAAG,EAAE,OAAO,YACd,QAAQ,GACL,IACF,CAAA;AAEN,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,MAAc,EAAE,EAAE,CAAC,GAAG,CAAA;8BAC5B,KAAK,IAAI,MAAM;;;8BAGf,KAAK,IAAI,MAAM;;;CAG5C,CAAA;AAED,MAAM,SAAS,GAAG,CAAC,IAAY,EAAE,GAAW,EAAE,EAAE,CAAC,GAAG,CAAA;;;UAG1C,IAAI;SACL,GAAG;0BACc,IAAI,OAAO,GAAG;CACvC,CAAA;AAED,MAAM,MAAM,GAAG,GAAG,CAAA;;;CAGjB,CAAA;AAED,MAAM,OAAO,GAAG,GAAG,CAAA;;;;;;CAMlB,CAAA"}

package/dist/components/Letterbox/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("./Letterbox"), exports);
+export * from './Letterbox';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Letterbox/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA2B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Letterbox/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA"}