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

package/dist/components/Log/LiveLogButton.js

@@ -1,35 +1,24 @@
-"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;
+"use strict";
+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", { 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;
 //# sourceMappingURL=LiveLogButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LiveLogButton.js","sourceRoot":"","sources":["../../../src/components/Log/LiveLogButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,mEAAiE;AACjE,6EAA2E;AAC3E,oEAAgE;AAChE,uDAAuD;AACvD,+BAAkC;AAClC,+CAA8C;AAC9C,gDAA6C;AAC7C,4CAAgD;AAEzC,IAAM,aAAa,GAAG;;IACnB,IAAA,CAAC,GAAK,IAAA,8BAAc,GAAE,EAArB,CAAqB;IACxB,IAAA,KAA2B,IAAA,6BAAc,GAAE,EAAzC,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAqB,CAAA;IACjD,IAAM,OAAO,GAAG,MAAA,IAAA,kBAAU,EAAC,0BAAW,CAAC,0CAAE,IAAI,CAAA;IAC7C,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IACzB,OAAO,CACL,6CAAQ,GAAG,EAAE,uBAAa,EAAE,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,EAA1B,CAA0B,iBACnE,uBAAC,mCAAe,IAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,yBAAW,CAAC,CAAC,CAAC,eAAM,GAAG,EACvD,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,sBAAsB,CAAC,KACxD,CACV,CAAA;AACH,CAAC,CAAA;AAXY,QAAA,aAAa,iBAWzB"}
+{"version":3,"file":"LiveLogButton.js","sourceRoot":"","sources":["../../../src/components/Log/LiveLogButton.tsx"],"names":[],"mappings":";;;;AAAA,sCAAsC;AACtC,mEAAiE;AACjE,6EAA2E;AAC3E,oEAAgE;AAChE,uDAAuD;AACvD,+BAAkC;AAClC,+CAA8C;AAC9C,gDAA6C;AAC7C,4CAAgD;AAEzC,IAAM,aAAa,GAAG;;IACnB,IAAA,CAAC,GAAK,IAAA,8BAAc,GAAE,EAArB,CAAqB;IACxB,IAAA,KAA2B,IAAA,6BAAc,GAAE,EAAzC,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAqB,CAAA;IACjD,IAAM,OAAO,GAAG,MAAA,IAAA,kBAAU,EAAC,0BAAW,CAAC,0CAAE,IAAI,CAAA;IAC7C,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IACzB,OAAO,CACL,oCAAQ,GAAG,EAAE,uBAAa,EAAE,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,EAA1B,CAA0B,aACnE,uBAAC,mCAAe,IAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,yBAAW,CAAC,CAAC,CAAC,eAAM,GAAG,EACvD,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,sBAAsB,CAAC,IACxD,CACV,CAAA;AACH,CAAC,CAAA;AAXY,QAAA,aAAa,iBAWzB"}

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

@@ -1,3 +1,3 @@
-import { FC } from 'react';
-import { LiveLogContainerProps } from './InternalLiveLogContainer';
-export declare const LiveLogContainer: FC<LiveLogContainerProps>;
+import { FC } from 'react';
+import { LiveLogContainerProps } from './InternalLiveLogContainer';
+export declare const LiveLogContainer: FC<LiveLogContainerProps>;

package/dist/components/Log/LiveLogContainer.js

@@ -1,26 +1,26 @@
-"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.LiveLogContainer = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsxImportSource @emotion/react */
-var react_client_1 = require("@gamepark/react-client");
-var InternalLiveLogContainer_1 = require("./InternalLiveLogContainer");
-var LiveLogContainer = function (props) {
-    var stopped = (0, react_client_1.useLogControls)().stopped;
-    if (stopped)
-        return null;
-    return ((0, jsx_runtime_1.jsx)(InternalLiveLogContainer_1.InternalLiveLogContainer, __assign({}, props)));
-};
-exports.LiveLogContainer = LiveLogContainer;
+"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.LiveLogContainer = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var react_client_1 = require("@gamepark/react-client");
+var InternalLiveLogContainer_1 = require("./InternalLiveLogContainer");
+var LiveLogContainer = function (props) {
+    var stopped = (0, react_client_1.useLogControls)().stopped;
+    if (stopped)
+        return null;
+    return ((0, jsx_runtime_1.jsx)(InternalLiveLogContainer_1.InternalLiveLogContainer, __assign({}, props)));
+};
+exports.LiveLogContainer = LiveLogContainer;
 //# sourceMappingURL=LiveLogContainer.js.map

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

@@ -1,24 +1,24 @@
-import { Interpolation, Theme } from '@emotion/react';
-import { DisplayedAction } from '@gamepark/react-client';
-import { MaterialGame, MaterialMove } from '@gamepark/rules-api';
-import { ComponentType } from 'react';
-export type MaterialLogProps<M extends MaterialMove = MaterialMove, P extends number = number> = MoveComponentProps<M, P, MaterialGame>;
-export type MoveComponentProps<Move = any, Player = number, Game = any> = {
-    move: Move;
-    context: MoveComponentContext<Move, Player, Game>;
-};
-export type MoveComponentContext<Move = any, Player = number, Game = any> = {
-    game: Game;
-    action: DisplayedAction<Move, Player>;
-    consequenceIndex?: number;
-};
-export type MovePlayedLogDescription<Move = any, Player = number> = {
-    Component: ComponentType<MoveComponentProps<Move, Player>>;
-    player?: Player;
-    depth?: number;
-    css?: Interpolation<Theme>;
-    liveCss?: boolean;
-};
-export interface LogDescription<Move = any, Player = number, Game = any> {
-    getMovePlayedLogDescription(move: Move, context: MoveComponentContext<Move, Player, Game>): MovePlayedLogDescription | undefined;
-}
+import { Interpolation, Theme } from '@emotion/react';
+import { DisplayedAction } from '@gamepark/react-client';
+import { MaterialGame, MaterialMove } from '@gamepark/rules-api';
+import { ComponentType } from 'react';
+export type MaterialLogProps<M extends MaterialMove = MaterialMove, P extends number = number> = MoveComponentProps<M, P, MaterialGame>;
+export type MoveComponentProps<Move = any, Player = number, Game = any> = {
+    move: Move;
+    context: MoveComponentContext<Move, Player, Game>;
+};
+export type MoveComponentContext<Move = any, Player = number, Game = any> = {
+    game: Game;
+    action: DisplayedAction<Move, Player>;
+    consequenceIndex?: number;
+};
+export type MovePlayedLogDescription<Move = any, Player = number> = {
+    Component: ComponentType<MoveComponentProps<Move, Player>>;
+    player?: Player;
+    depth?: number;
+    css?: Interpolation<Theme>;
+    liveCss?: boolean;
+};
+export interface LogDescription<Move = any, Player = number, Game = any> {
+    getMovePlayedLogDescription(move: Move, context: MoveComponentContext<Move, Player, Game>): MovePlayedLogDescription | undefined;
+}

package/dist/components/Log/LogDescription.js

@@ -1,3 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=LogDescription.js.map

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

@@ -1,11 +1,11 @@
-/** @jsxImportSource @emotion/react */
-import { Interpolation, Theme } from '@emotion/react';
-import { FC, HTMLAttributes } from 'react';
-import { MoveHistory } from '../../hooks/useFlatHistory';
-type HistoryItemProps = {
-    history: MoveHistory;
-    customEntryCss?: Interpolation<Theme>;
-    disableCustomCss?: boolean;
-} & HTMLAttributes<HTMLDivElement>;
-export declare const LogItem: FC<HistoryItemProps>;
-export {};
+/** @jsxImportSource @emotion/react */
+import { Interpolation, Theme } from '@emotion/react';
+import { FC, HTMLAttributes } from 'react';
+import { MoveHistory } from '../../hooks/useFlatHistory';
+type HistoryItemProps = {
+    history: MoveHistory;
+    customEntryCss?: Interpolation<Theme>;
+    disableCustomCss?: boolean;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const LogItem: FC<HistoryItemProps>;
+export {};

package/dist/components/Log/LogItem.js

@@ -1,45 +1,45 @@
-"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.LogItem = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsxImportSource @emotion/react */
-var react_1 = require("@emotion/react");
-var Avatar_1 = require("../Avatar");
-var LogItem = function (_a) {
-    var _b;
-    var history = _a.history, disableCustomCss = _a.disableCustomCss, customEntryCss = _a.customEntryCss, rest = __rest(_a, ["history", "disableCustomCss", "customEntryCss"]);
-    var depth = (_b = history.depth) !== null && _b !== void 0 ? _b : 0;
-    return ((0, jsx_runtime_1.jsx)("div", __assign({}, rest, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ css: [entryCss, customEntryCss, !disableCustomCss && history.css] }, { children: [history.player !== undefined && (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { css: avatarCss, playerId: history.player }) }), depth > 0 && (0, jsx_runtime_1.jsx)("div", __assign({ css: depthIconCss(depth) }, { children: "\u2937" })), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(history.Component, { move: history.move, context: history }) })] })) })));
-};
-exports.LogItem = LogItem;
-var entryCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  background-color: rgba(0, 0, 0, 0.7);\n  border-radius: 1em;\n  margin-bottom: 0.5em;\n  min-height: 1em;\n  padding-left: 1em;\n  margin-left: 0.05em;\n  margin-top: 0.05em;\n  padding-top: 0.5em;\n  padding-bottom: 0.5em;\n  display: flex;\n  align-items: center;\n  font-size: 2em;\n  white-space: pre-wrap;\n\n  img, picture {\n    vertical-align: middle;\n  }\n"], ["\n  width: 100%;\n  background-color: rgba(0, 0, 0, 0.7);\n  border-radius: 1em;\n  margin-bottom: 0.5em;\n  min-height: 1em;\n  padding-left: 1em;\n  margin-left: 0.05em;\n  margin-top: 0.05em;\n  padding-top: 0.5em;\n  padding-bottom: 0.5em;\n  display: flex;\n  align-items: center;\n  font-size: 2em;\n  white-space: pre-wrap;\n\n  img, picture {\n    vertical-align: middle;\n  }\n"])));
-var avatarCss = (0, react_1.css)(templateObject_2 || (templateObject_2 = __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_3 || (templateObject_3 = __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;
+"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.LogItem = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var react_1 = require("@emotion/react");
+var Avatar_1 = require("../Avatar");
+var LogItem = function (_a) {
+    var _b;
+    var history = _a.history, disableCustomCss = _a.disableCustomCss, customEntryCss = _a.customEntryCss, rest = __rest(_a, ["history", "disableCustomCss", "customEntryCss"]);
+    var depth = (_b = history.depth) !== null && _b !== void 0 ? _b : 0;
+    return ((0, jsx_runtime_1.jsx)("div", __assign({}, rest, { children: (0, jsx_runtime_1.jsxs)("div", { css: [entryCss, customEntryCss, !disableCustomCss && history.css], children: [history.player !== undefined && (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { css: avatarCss, playerId: history.player }) }), depth > 0 && (0, jsx_runtime_1.jsx)("div", { css: depthIconCss(depth), children: "\u2937" }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(history.Component, { move: history.move, context: history }) })] }) })));
+};
+exports.LogItem = LogItem;
+var entryCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  background-color: rgba(0, 0, 0, 0.7);\n  border-radius: 1em;\n  margin-bottom: 0.5em;\n  min-height: 1em;\n  padding-left: 1em;\n  margin-left: 0.05em;\n  margin-top: 0.05em;\n  padding-top: 0.5em;\n  padding-bottom: 0.5em;\n  display: flex;\n  align-items: center;\n  font-size: 2em;\n  white-space: pre-wrap;\n\n  img, picture {\n    vertical-align: middle;\n  }\n"], ["\n  width: 100%;\n  background-color: rgba(0, 0, 0, 0.7);\n  border-radius: 1em;\n  margin-bottom: 0.5em;\n  min-height: 1em;\n  padding-left: 1em;\n  margin-left: 0.05em;\n  margin-top: 0.05em;\n  padding-top: 0.5em;\n  padding-bottom: 0.5em;\n  display: flex;\n  align-items: center;\n  font-size: 2em;\n  white-space: pre-wrap;\n\n  img, picture {\n    vertical-align: middle;\n  }\n"])));
+var avatarCss = (0, react_1.css)(templateObject_2 || (templateObject_2 = __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_3 || (templateObject_3 = __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;
 //# sourceMappingURL=LogItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LogItem.js","sourceRoot":"","sources":["../../../src/components/Log/LogItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAA0D;AAG1D,oCAAkC;AAQ3B,IAAM,OAAO,GAAyB,UAAC,EAAsD;;IAApD,IAAA,OAAO,aAAA,EAAE,gBAAgB,sBAAA,EAAE,cAAc,oBAAA,EAAK,IAAI,cAApD,iDAAsD,CAAF;IAChG,IAAM,KAAK,GAAG,MAAA,OAAO,CAAC,KAAK,mCAAI,CAAC,CAAA;IAChC,OAAO,CACL,2CAAS,IAAI,cACX,0CAAK,GAAG,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,CAAC,gBAAgB,IAAI,OAAO,CAAC,GAAG,CAAC,iBACnE,OAAO,CAAC,MAAM,KAAK,SAAS,IAAI,0CAAK,uBAAC,eAAM,IAAC,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,CAAC,MAAM,GAAG,GAAM,EAC9F,KAAK,GAAG,CAAC,IAAI,yCAAK,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC,4BAAS,EACpD,0CACE,uBAAC,OAAO,CAAC,SAAS,IAAC,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,GAAG,GACtD,KACF,IACF,CACP,CAAA;AAGH,CAAC,CAAA;AAfY,QAAA,OAAO,WAenB;AAED,IAAM,QAAQ,OAAG,WAAG,wcAAA,oYAmBnB,IAAA,CAAA;AAED,IAAM,SAAS,OAAG,WAAG,4NAAA,wJASpB,IAAA,CAAA;AAGD,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":"LogItem.js","sourceRoot":"","sources":["../../../src/components/Log/LogItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAA0D;AAG1D,oCAAkC;AAQ3B,IAAM,OAAO,GAAyB,UAAC,EAAsD;;IAApD,IAAA,OAAO,aAAA,EAAE,gBAAgB,sBAAA,EAAE,cAAc,oBAAA,EAAK,IAAI,cAApD,iDAAsD,CAAF;IAChG,IAAM,KAAK,GAAG,MAAA,OAAO,CAAC,KAAK,mCAAI,CAAC,CAAA;IAChC,OAAO,CACL,2CAAS,IAAI,cACX,iCAAK,GAAG,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,CAAC,gBAAgB,IAAI,OAAO,CAAC,GAAG,CAAC,aACnE,OAAO,CAAC,MAAM,KAAK,SAAS,IAAI,0CAAK,uBAAC,eAAM,IAAC,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,CAAC,MAAM,GAAG,GAAM,EAC9F,KAAK,GAAG,CAAC,IAAI,gCAAK,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC,uBAAS,EACpD,0CACE,uBAAC,OAAO,CAAC,SAAS,IAAC,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,GAAG,GACtD,IACF,IACF,CACP,CAAA;AAGH,CAAC,CAAA;AAfY,QAAA,OAAO,WAenB;AAED,IAAM,QAAQ,OAAG,WAAG,wcAAA,oYAmBnB,IAAA,CAAA;AAED,IAAM,SAAS,OAAG,WAAG,4NAAA,wJASpB,IAAA,CAAA;AAGD,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"}

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

@@ -1,3 +1,3 @@
-export * from './LogItem';
-export * from './LiveLogContainer';
-export * from './LogDescription';
+export * from './LogItem';
+export * from './LiveLogContainer';
+export * from './LogDescription';

package/dist/components/Log/index.js

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

package/dist/components/Picture/Picture.d.ts

@@ -1,8 +1,8 @@
-/** @jsxImportSource @emotion/react */
-import { HTMLAttributes, ImgHTMLAttributes } from 'react';
-export type PictureAttributes = ImgHTMLAttributes<HTMLImageElement> & {
-    picture?: HTMLAttributes<HTMLElement>;
-};
-export declare const Picture: import("react").ForwardRefExoticComponent<ImgHTMLAttributes<HTMLImageElement> & {
-    picture?: HTMLAttributes<HTMLElement> | undefined;
-} & import("react").RefAttributes<HTMLImageElement>>;
+/** @jsxImportSource @emotion/react */
+import { HTMLAttributes, ImgHTMLAttributes } from 'react';
+export type PictureAttributes = ImgHTMLAttributes<HTMLImageElement> & {
+    picture?: HTMLAttributes<HTMLElement>;
+};
+export declare const Picture: import("react").ForwardRefExoticComponent<ImgHTMLAttributes<HTMLImageElement> & {
+    picture?: HTMLAttributes<HTMLElement>;
+} & import("react").RefAttributes<HTMLImageElement>>;

package/dist/components/Picture/Picture.js

@@ -1,35 +1,35 @@
-"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);
-};
-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.Picture = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsxImportSource @emotion/react */
-var react_1 = require("react");
-exports.Picture = (0, react_1.forwardRef)(function (_a, ref) {
-    var picture = _a.picture, alt = _a.alt, props = __rest(_a, ["picture", "alt"]);
-    var srcTest = (0, react_1.useMemo)(function () { return props.src ? props.src.match(/(.*)\.(jpg|png)$/) : null; }, [props.src]);
-    return ((0, jsx_runtime_1.jsxs)("picture", __assign({}, picture, { children: [srcTest && (0, jsx_runtime_1.jsx)("source", { srcSet: srcTest[1] + '.webp', type: "image/webp" }), (0, jsx_runtime_1.jsx)("img", __assign({ ref: ref, draggable: false, alt: alt }, props))] })));
-});
-exports.Picture.displayName = 'Picture';
+"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);
+};
+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.Picture = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var react_1 = require("react");
+exports.Picture = (0, react_1.forwardRef)(function (_a, ref) {
+    var picture = _a.picture, alt = _a.alt, props = __rest(_a, ["picture", "alt"]);
+    var srcTest = (0, react_1.useMemo)(function () { return props.src ? props.src.match(/(.*)\.(jpg|png)$/) : null; }, [props.src]);
+    return ((0, jsx_runtime_1.jsxs)("picture", __assign({}, picture, { children: [srcTest && (0, jsx_runtime_1.jsx)("source", { srcSet: srcTest[1] + '.webp', type: "image/webp" }), (0, jsx_runtime_1.jsx)("img", __assign({ ref: ref, draggable: false, alt: alt }, props))] })));
+});
+exports.Picture.displayName = 'Picture';
 //# sourceMappingURL=Picture.js.map

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

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

package/dist/components/Picture/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("./Picture"), 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("./Picture"), exports);
 //# sourceMappingURL=index.js.map

package/dist/components/PlayerPanel/Counters.d.ts

@@ -1,14 +1,14 @@
-/** @jsxImportSource @emotion/react */
-import { Interpolation, Theme } from '@emotion/react';
-import { FC } from 'react';
-export type CounterProps = {
-    image: string;
-    value: number | string;
-} & {
-    imageCss?: Interpolation<Theme>;
-};
-export type CountersProps = {
-    counters: CounterProps[];
-    lineSize?: number;
-};
-export declare const Counters: FC<CountersProps>;
+/** @jsxImportSource @emotion/react */
+import { Interpolation, Theme } from '@emotion/react';
+import { FC } from 'react';
+export type CounterProps = {
+    image: string;
+    value: number | string;
+} & {
+    imageCss?: Interpolation<Theme>;
+};
+export type CountersProps = {
+    counters: CounterProps[];
+    lineSize: number;
+};
+export declare const Counters: FC<CountersProps>;