@everymatrix/mini-games-lobby 1.56.0 → 1.56.2

package/dist/cjs/mini-games-lobby.cjs.entry.js

@@ -2,38 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2c9f83af.js');
-
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __decorate(decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-}
-
-function __metadata(metadataKey, metadataValue) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
+const index = require('./index-d279ce11.js');
 
 const fetcher = async (url) => {
     let res;
@@ -92,154 +61,20 @@ const Games = ({ text, games, onClickGame }) => (index.h("div", { class: "GamesC
     index.h("div", { id: "Games" }, games.map((game) => index.h("div", { class: "Game" },
         index.h("div", Object.assign({ class: "GameImg" }, getProps(game, onClickGame))))))));
 
-const apply = (proto, lifecycle, run) => {
-    const existLifeCycle = proto[lifecycle];
-    if (!existLifeCycle) {
-        throw new Error('lifecycle ' + lifecycle + ' not defined');
-    }
-    proto[lifecycle] = function (...args) {
-        run.bind(this, ...args).call();
-        if (existLifeCycle) {
-            return existLifeCycle.bind(this, ...args).call();
-        }
-    };
-};
-
-const translation = {
-    en: {
-        MiniGames: 'Mini Games',
-    },
-    'zh-hk': {
-        MiniGames: '小游戲',
-    },
-    hr: {
-        MiniGames: 'Mini igre'
-    }
-};
-
-const getLocale = (_translations, language) => {
-    return _translations[language] || _translations['en'];
-};
-function setLocale() {
-    this.locale = getLocale(this.translation, this.language);
-}
-async function setLocaleByUrl(isInit = true) {
-    if (this.translationUrl) {
-        this.translation = await fetcher(this.translationUrl);
-        setLocale.bind(this).call();
-    }
-    else {
-        if (!isInit) {
-            this.translation = translation;
-            setLocale.bind(this).call();
-        }
-    }
-}
-const Locale = () => {
-    // @ts-ignore
-    return (proto, prop) => {
-        apply(proto, 'componentWillLoad', async function () {
-            this.translation = translation;
-            setLocale.bind(this).call();
-            setLocaleByUrl.bind(this, true).call();
-        });
-        // @ts-ignore
-        apply(proto, 'componentShouldUpdate', async function (newValue, oldValue, key) {
-            if (key === 'language') {
-                setLocale.bind(this).call();
-            }
-            if (key === 'translationUrl') {
-                setLocaleByUrl.bind(this, false).call();
-            }
-        });
-    };
-};
-
-const fetchText = async (url) => {
-    let styleCode;
-    try {
-        let res = await fetch(url);
-        styleCode = await res.text();
-    }
-    catch (err) {
-        console.error('error ', err);
-    }
-    return styleCode;
-};
-const setStyle = (container, index, styleCode) => {
-    const sheet = new CSSStyleSheet();
-    styleCode && sheet.insertRule(styleCode);
-    try {
-        container.adoptedStyleSheets[index] = sheet;
-    }
-    catch (err) { }
-};
-const getCode = async (url) => {
-    let styleCode;
-    if (url) {
-        styleCode = await fetchText(url);
-    }
-    return styleCode;
-};
-const setClientStyling = (root, styleCode) => {
-    if (!root)
-        return;
-    setStyle(root, 1, styleCode);
-};
-const setClientStylingUrl = async (root, url) => {
-    if (!root)
-        return;
-    setStyle(root, 2, await getCode(url));
-};
-
-const matchStyleProcess = (root, value, key) => {
-    switch (key) {
-        case 'clientStyling':
-            setClientStyling(root, value);
-            break;
-        case 'clientStylingUrl':
-            setClientStylingUrl(root, value);
-            break;
-    }
-};
-const Style = () => {
-    return (proto, prop) => {
-        apply(proto, 'componentDidLoad', function () {
-            const root = index.getElement(this).shadowRoot;
-            matchStyleProcess(root, this[prop], prop);
-        });
-        // @ts-ignore
-        apply(proto, 'componentShouldUpdate', function (newValue, oldValue, key) {
-            if (key !== prop)
-                return;
-            const root = index.getElement(this).shadowRoot;
-            matchStyleProcess(root, this[prop], prop);
-        });
-    };
-};
-
 const miniGamesLobbyCss = ":host{display:block}*{box-sizing:border-box}#LobbyContainer{display:flex;flex-direction:column;flex-grow:1;position:relative}#GameLaunchHeader{align-items:center;display:flex;background:var(--mini-games-header-bg, var(--base-bg, #fff));height:40px;justify-content:space-between;padding:0 15px}#GameLaunchHeader button{border:none;color:inherit;cursor:pointer;outline:0}#GameLaunchHeader .GameIcon--full-screen{margin:0 10px 0 auto}#GameLaunchHeader .GameIcon{background:var(--mini-game-icon-bg, transparent);padding:0}#GamesHeader{align-items:center;display:flex;background:var(--mini-games-header-bg, var(--base-bg, #fff));height:40px;justify-content:space-between;padding:0 15px;color:var(--mini-games-header-color, var(--text, #000))}#GamesHeader button{border:none;color:inherit;cursor:pointer;outline:0}#GamesHeader>div{align-items:center;display:flex}#GamesHeader p{font-weight:600;margin:0 5px}@media (min-width: 340px){#Games{gap:15px;justify-content:center}}#Games{display:inline-flex;flex-wrap:wrap;justify-content:space-between;gap:4px;padding:15px 15px 54px}.Game{width:68px;height:68px;border-radius:50%;box-shadow:0 4px 12px 0 rgba(13, 19, 29, 0.3);cursor:pointer}.GameImg{width:68px;height:68px;background-position:center center;background-size:cover;transition:0.3s}.GameImg:hover{transform:scale(1.5)}";
 const MiniGamesLobbyStyle0 = miniGamesLobbyCss;
 
 const MiniGamesLobby = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        /**
-         * Language of the widget
-         */
+        this.filter = undefined;
+        this.session = undefined;
+        this.endpoint = undefined;
         this.language = 'en';
-        /**
-         * Client custom styling via string
-         */
         this.clientStyling = '';
-        /**
-         * Client custom styling via url
-         */
         this.clientStylingUrl = '';
-        /**
-         * translation via url
-         */
         this.translationUrl = '';
+        this.locale = undefined;
         this.launchUrl = undefined;
         this.games = [];
     }
@@ -278,18 +113,6 @@ const MiniGamesLobby = class {
         "language": ["updateGames"]
     }; }
 };
-__decorate([
-    Locale(),
-    __metadata("design:type", String)
-], MiniGamesLobby.prototype, "language", void 0);
-__decorate([
-    Style(),
-    __metadata("design:type", String)
-], MiniGamesLobby.prototype, "clientStyling", void 0);
-__decorate([
-    Style(),
-    __metadata("design:type", String)
-], MiniGamesLobby.prototype, "clientStylingUrl", void 0);
 MiniGamesLobby.style = MiniGamesLobbyStyle0;
 
 exports.mini_games_lobby = MiniGamesLobby;

package/dist/cjs/mini-games-lobby.cjs.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2c9f83af.js');
+const index = require('./index-d279ce11.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 /*
- Stencil Client Patch Browser v4.26.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.19.2 | MIT Licensed | https://stenciljs.com
  */
 var patchBrowser = () => {
   const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('mini-games-lobby.cjs.js', document.baseURI).href));

package/dist/collection/collection-manifest.json

@@ -4,8 +4,8 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.26.0",
-    "typescriptVersion": "5.5.4"
+    "version": "4.19.2",
+    "typescriptVersion": "5.4.5"
   },
   "collections": [],
   "bundles": []

package/dist/collection/components/mini-games-lobby/mini-games-lobby.js

@@ -1,27 +1,16 @@
-import { __decorate, __metadata } from "tslib";
 import { h } from "@stencil/core";
 import { fetchGames, getUrl } from "../../utils/fetch";
 import { Games, GameLauncher } from "../../renders";
-import { Locale } from "../../decorators/locale.decorator";
-import { Style } from "../../decorators/style.decorator";
 export class MiniGamesLobby {
     constructor() {
-        /**
-         * Language of the widget
-         */
+        this.filter = undefined;
+        this.session = undefined;
+        this.endpoint = undefined;
         this.language = 'en';
-        /**
-         * Client custom styling via string
-         */
         this.clientStyling = '';
-        /**
-         * Client custom styling via url
-         */
         this.clientStylingUrl = '';
-        /**
-         * translation via url
-         */
         this.translationUrl = '';
+        this.locale = undefined;
         this.launchUrl = undefined;
         this.games = [];
     }
@@ -82,8 +71,6 @@ export class MiniGamesLobby {
                     "tags": [],
                     "text": "filter for interface /casino/games"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "filter",
                 "reflect": false
             },
@@ -101,8 +88,6 @@ export class MiniGamesLobby {
                     "tags": [],
                     "text": "User Session"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "session",
                 "reflect": false
             },
@@ -120,8 +105,6 @@ export class MiniGamesLobby {
                     "tags": [],
                     "text": "Endpoint URL for the source of data"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "endpoint",
                 "reflect": false
             },
@@ -139,8 +122,6 @@ export class MiniGamesLobby {
                     "tags": [],
                     "text": "Language of the widget"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "language",
                 "reflect": false,
                 "defaultValue": "'en'"
@@ -159,8 +140,6 @@ export class MiniGamesLobby {
                     "tags": [],
                     "text": "Client custom styling via string"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "client-styling",
                 "reflect": false,
                 "defaultValue": "''"
@@ -179,8 +158,6 @@ export class MiniGamesLobby {
                     "tags": [],
                     "text": "Client custom styling via url"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "client-styling-url",
                 "reflect": false,
                 "defaultValue": "''"
@@ -199,8 +176,6 @@ export class MiniGamesLobby {
                     "tags": [],
                     "text": "translation via url"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "translation-url",
                 "reflect": false,
                 "defaultValue": "''"
@@ -225,15 +200,3 @@ export class MiniGamesLobby {
             }];
     }
 }
-__decorate([
-    Locale(),
-    __metadata("design:type", String)
-], MiniGamesLobby.prototype, "language", void 0);
-__decorate([
-    Style(),
-    __metadata("design:type", String)
-], MiniGamesLobby.prototype, "clientStyling", void 0);
-__decorate([
-    Style(),
-    __metadata("design:type", String)
-], MiniGamesLobby.prototype, "clientStylingUrl", void 0);