@everymatrix/mini-games-lobby 1.14.0 → 1.15.0

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

@@ -1,4 +1,35 @@
-import { h, F as Fragment, r as registerInstance, g as getElement } from './index-c397d449.js';
+import { h, F as Fragment, g as getElement, r as registerInstance } from './index-ced8f413.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 fetcher = async (url) => {
   let res;
@@ -14,14 +45,14 @@ const fetcher = async (url) => {
 const getUrl = (path, params = {}) => {
   return path + '?' + Object.keys(params).map(key => `${key}=${params[key]}`).join('&');
 };
-const fetchGames = async (endpoint, language) => {
-  const url = getUrl(`${endpoint}/casino/games`, {
-    language,
-    filter: 'categories(id=MINIGAMES)',
+async function fetchGames() {
+  const url = getUrl(`${this.endpoint}/casino/games`, {
+    language: this.language,
+    filter: this.filter || `categories(id=MINIGAMES),vendor(name=PragmaticPlay)`,
   });
   const res = await fetcher(url);
   return res.items;
-};
+}
 
 const crossIconSvg = 'data:image/svg+xml;base64,ICA8c3ZnIGNsYXNzPSJpY29uIHN2Zy13aXRoLXN0cm9rZSBudWxsIiB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTAuMyAxMC4zIgogICAgdmVyc2lvbj0iMS4xIgogICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogID4KICAgIDxnIGNsYXNzPSJzdmdfX2ZpbGwiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjMjIyMjIyIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICA8cGF0aCBkPSJNMTAsMC40TDAuNCwxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiAvPgogICAgICA8cGF0aCBkPSJNMTAsMTBMMC40LDAuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiAvPgogICAgPC9nPgogIDwvc3ZnPg==';
 
@@ -57,35 +88,204 @@ const Games = ({ text, games, onClickGame }) => (h("div", { class: "GamesContain
   h("div", { id: "Games" }, games.map((game) => h("div", { class: "Game" },
     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: '小游戲',
+  }
+};
+
+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 = getElement(this).shadowRoot;
+      matchStyleProcess(root, this[prop], prop);
+    });
+    // @ts-ignore
+    apply(proto, 'componentShouldUpdate', function (newValue, oldValue, key) {
+      if (key !== prop)
+        return;
+      const root = 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 MiniGamesLobby = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    /**
+     * Language of the widget
+     */
+    this.language = 'en';
+    /**
+     * Client custom styling via string
+     */
+    this.clientStyling = '';
+    /**
+     * Client custom styling via url
+     */
+    this.clientStylingUrl = '';
+    /**
+     * translation via url
+     */
+    this.translationUrl = '';
     this.launchUrl = undefined;
     this.games = [];
   }
-  async componentDidLoad() {
-    this.games = await fetchGames(this.endpoint, this.language);
-  }
-  onClickGame(launchUrl_raw) {
-    this.launchUrl = getUrl(launchUrl_raw, {
-      language: this.language,
-      _sid: this.session,
-    });
-  }
   render() {
     return (h("div", { id: "LobbyContainer" }, h(GameLauncher, Object.assign({}, {
       src: this.launchUrl,
       host: this.host
     })), h(Games, Object.assign({}, {
-      text: 'Mini Games',
+      text: this.locale.MiniGames,
       games: this.games,
       onClickGame: this.onClickGame.bind(this)
     }))));
   }
+  async updateGames() {
+    this.games = await fetchGames.bind(this).call();
+  }
+  onClickGame(launchUrl_raw) {
+    this.launchUrl = getUrl(launchUrl_raw, {
+      language: this.language,
+      _sid: this.session,
+    });
+  }
+  /**
+   * define for @Style Decorator
+   */
+  async componentDidLoad() {
+    this.updateGames();
+  }
+  /**
+   * define for @Locale and @Style
+   */
+  componentShouldUpdate() { }
+  /**
+   * define for @Locale
+   */
+  componentWillLoad() { }
   get host() { return getElement(this); }
+  static get watchers() { return {
+    "endpoint": ["updateGames"],
+    "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 = miniGamesLobbyCss;
 
 export { MiniGamesLobby as mini_games_lobby };

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

@@ -1,4 +1,4 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-c397d449.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-ced8f413.js';
 
 /*
  Stencil Client Patch Browser v2.15.2 | MIT Licensed | https://stenciljs.com
@@ -13,5 +13,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return bootstrapLazy([["mini-games-lobby",[[1,"mini-games-lobby",{"session":[1],"endpoint":[1],"language":[1],"launchUrl":[32],"games":[32]}]]]], options);
+  return bootstrapLazy([["mini-games-lobby",[[1,"mini-games-lobby",{"filter":[1],"session":[1],"endpoint":[1],"language":[1],"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"translationUrl":[1,"translation-url"],"locale":[32],"launchUrl":[32],"games":[32]}]]]], options);
 });

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

@@ -1 +1 @@
-import{p as a,b as e}from"./p-6b4efa39.js";(()=>{const e=import.meta.url,n={};return""!==e&&(n.resourcesUrl=new URL(".",e).href),a(n)})().then((a=>e([["p-8e2c292a",[[1,"mini-games-lobby",{session:[1],endpoint:[1],language:[1],launchUrl:[32],games:[32]}]]]],a)));
+import{p as l,b as n}from"./p-e3451601.js";(()=>{const n=import.meta.url,t={};return""!==n&&(t.resourcesUrl=new URL(".",n).href),l(t)})().then((l=>n([["p-3d148f41",[[1,"mini-games-lobby",{filter:[1],session:[1],endpoint:[1],language:[1],clientStyling:[1,"client-styling"],clientStylingUrl:[1,"client-styling-url"],translationUrl:[1,"translation-url"],locale:[32],launchUrl:[32],games:[32]}]]]],l)));

package/dist/mini-games-lobby/p-3d148f41.entry.js

@@ -0,0 +1 @@
+import{h as M,F as N,g,r as D}from"./p-e3451601.js";function I(M,N,g,D){var I,z=arguments.length,j=z<3?N:null===D?D=Object.getOwnPropertyDescriptor(N,g):D;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)j=Reflect.decorate(M,N,g,D);else for(var i=M.length-1;i>=0;i--)(I=M[i])&&(j=(z<3?I(j):z>3?I(N,g,j):I(N,g))||j);return z>3&&j&&Object.defineProperty(N,g,j),j}function z(M,N){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(M,N)}"function"==typeof SuppressedError&&SuppressedError;const j=async M=>{let N;try{N=await fetch(M),N=await N.json()}catch(M){console.error(M)}return N},i=(M,N={})=>M+"?"+Object.keys(N).map((M=>`${M}=${N[M]}`)).join("&");async function A(){const M=i(`${this.endpoint}/casino/games`,{language:this.language,filter:this.filter||"categories(id=MINIGAMES),vendor(name=PragmaticPlay)"});return(await j(M)).items}const T=({src:g,host:D})=>g&&M(N,null,M("div",{id:"GameLaunchHeader"},M("img",{src:"data:image/svg+xml;base64,CiAgPHN2ZyBjbGFzcz0iaWNvbiBtaW5pLWdhbWUtaWNvbiBzdmctd2l0aC1maWxsIiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgICB2ZXJzaW9uPSIxLjEiCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgPgogICAgPHBhdGggCiAgICAgIGNsYXNzPSJzdmdfX2ZpbGwiCiAgICAgIGZpbGwtcnVsZT0iZXZlbm9kZCIKICAgICAgY2xpcC1ydWxlPSJldmVub2RkIiAKICAgICAgZmlsbD0iI0ZGNjcxMCIKICAgICAgZD0iTTEyIDI0QzE4LjYyNzQgMjQgMjQgMTguNjI3NCAyNCAxMkMyNCA1LjM3MjU4IDE4LjYyNzQgMCAxMiAwQzUuMzcyNTggMCAwIDUuMzcyNTggMCAxMkMwIDE4LjYyNzQgNS4zNzI1OCAyNCAxMiAyNFpNMTcuNzE5IDUuMTk5MjRDMTcuNzg2IDUuMTI5NDkgMTcuODM2IDUuMDQ5NTUgMTcuODY4OSA0Ljk2NDY0QzE3Ljg5NTMgNC44OTY2NiAxNy45MTE1IDQuODIzNiAxNy45MTU2IDQuNzQ3MzNDMTcuOTE2NyA0LjcyNzU2IDE3LjkxNjkgNC43MDc3NSAxNy45MTY0IDQuNjg3OTdDMTcuOTExMiA0LjUwODkgMTcuODM4NiA0LjMzMTY2IDE3LjY5OTIgNC4xOTc3QzE3LjYzMTIgNC4xMzIzMiAxNy41NTM1IDQuMDgzMjIgMTcuNDcxIDQuMDUwM0MxNy4zODk4IDQuMDE3ODUgMTcuMzAxMSA0IDE3LjIwODMgNEMxNS4wNTIgNCAxMy4wNTY3IDQuNjg4MTEgMTEuNDI5OCA1Ljg1NjY0QzEwLjU2OTkgNS4xMzk2OCA5LjQ2MzU5IDQuNzA4MzMgOC4yNTY1IDQuNzA4MzNDNi43MzE4MyA0LjcwODMzIDUuMzY3ODggNS4zOTY1IDQuNDU4MzMgNi40NzkxN0M1LjM2Nzg4IDcuNTYxODQgNi43MzE4MyA4LjI1IDguMjU2NSA4LjI1QzguNTUxODggOC4yNSA4Ljg0MTIzIDguMjI0MTcgOS4xMjI0MSA4LjE3NDY1QzguNDk4IDkuMDUyNDQgOC4wMTI5MiAxMC4wMzYzIDcuNjk5NCAxMS4wOTM4QzUuNDkyNDYgMTEuMjQ4IDMuNzUgMTMuMDg3MiAzLjc1IDE1LjMzMzNDMy43NSAxNy42ODA1IDUuNjUyNzkgMTkuNTgzMyA4IDE5LjU4MzNDOC4zNTgwMiAxOS41ODMzIDguNzA1NyAxOS41MzkxIDkuMDM3ODcgMTkuNDU1N0M5LjU1Nzk0IDE5LjMyNTIgOS43NDcwMyAxOC43MzU1IDkuNjA4NTMgMTguMjE3NUM5LjQ4MzM4IDE3Ljc0OTQgOS40MTY2NyAxNy4yNTc1IDkuNDE2NjcgMTYuNzVDOS40MTY2NyAxNS40NDc4IDkuODU1OSAxNC4yNDgyIDEwLjU5NDMgMTMuMjkxMkMxMC45MjE4IDEyLjg2NjcgMTAuOTczMyAxMi4yNDk4IDEwLjU0NCAxMS45Mjg1QzEwLjEyOCAxMS42MTcyIDkuNjUzMDUgMTEuMzgwMyA5LjEzODkgMTEuMjM3N0MxMC4wOTUyIDguMzU1NDEgMTIuNTUzMSA2LjE1ODA0IDE1LjU4NDYgNS41NzE1OUMxNC4zNzQyIDcuMzA1NzIgMTMuNjY2NyA5LjM4MTE4IDEzLjY2NjcgMTEuNjE0NkMxMy42NjY3IDExLjk4OCAxMy42ODY1IDEyLjM1NzQgMTMuNzI1MiAxMi43MjE2QzEyLjA0NCAxMy4yODgyIDEwLjgzMzMgMTQuODc3NyAxMC44MzMzIDE2Ljc1QzEwLjgzMzMgMTkuMDk3MiAxMi43MzYxIDIxIDE1LjA4MzMgMjFDMTcuNDMwNSAyMSAxOS4zMzMzIDE5LjA5NzIgMTkuMzMzMyAxNi43NUMxOS4zMzMzIDE0LjQxNzIgMTcuNDUzOSAxMi41MjM0IDE1LjEyNjYgMTIuNTAwMkMxNS4wOTggMTIuMjA4NyAxNS4wODMzIDExLjkxMzMgMTUuMDgzMyAxMS42MTQ2QzE1LjA4MzMgOS4xNTgwNSAxNi4wNzQxIDYuOTEwMjUgMTcuNzE5IDUuMTk5MjRaTTYuNTgzMzMgMTUuMzMzM0M2LjU4MzMzIDE0LjU1MDkgNy4yMTc2IDEzLjkxNjYgOCAxMy45MTY2QzguMzkxMiAxMy45MTY2IDguNzA4MzMgMTMuNTk5NSA4LjcwODMzIDEzLjIwODNDOC43MDgzMyAxMi44MTcxIDguMzkxMiAxMi41IDggMTIuNUM2LjQzNTE5IDEyLjUgNS4xNjY2NyAxMy43Njg1IDUuMTY2NjcgMTUuMzMzM0M1LjE2NjY3IDE1LjcyNDUgNS40ODM4IDE2LjA0MTYgNS44NzUgMTYuMDQxNkM2LjI2NjIgMTYuMDQxNiA2LjU4MzMzIDE1LjcyNDUgNi41ODMzMyAxNS4zMzMzWk0xNS4wODMzIDE1LjMzMzNDMTQuMzAwOSAxNS4zMzMzIDEzLjY2NjcgMTUuOTY3NiAxMy42NjY3IDE2Ljc1QzEzLjY2NjcgMTcuMTQxMiAxMy4zNDk1IDE3LjQ1ODMgMTIuOTU4MyAxNy40NTgzQzEyLjU2NzEgMTcuNDU4MyAxMi4yNSAxNy4xNDEyIDEyLjI1IDE2Ljc1QzEyLjI1IDE1LjE4NTIgMTMuNTE4NSAxMy45MTY3IDE1LjA4MzMgMTMuOTE2N0MxNS40NzQ1IDEzLjkxNjcgMTUuNzkxNyAxNC4yMzM4IDE1Ljc5MTcgMTQuNjI1QzE1Ljc5MTcgMTUuMDE2MiAxNS40NzQ1IDE1LjMzMzMgMTUuMDgzMyAxNS4zMzMzWiIgCiAgICAvPgogIDwvc3ZnPg=="}),M("button",{type:"button",class:"GameIcon GameIcon--full-screen"},M("img",{src:"data:image/svg+xml;base64,CiAgPHN2ZyBjbGFzcz0ic3ZnLXdpdGgtZmlsbCIgd2lkdGg9IjE3cHgiIGhlaWdodD0iMTdweCIgdmlld0JveD0iMCAwIDE3IDE3IgogICAgdmVyc2lvbj0iMS4xIgogICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogID4KICAgIDxnIGNsYXNzPSJzdmdfX2ZpbGwiIGZpbGw9ImJsYWNrIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMS4xOTQ3NSAwLjE2MzQ5OEMxLjMyNTQxIDAuMDMyOTA4NSAxLjUxMjAxIC0wLjAyNDI2NTggMS42OTM0MSAwLjAwOTUzMzk2TDYuNzYzNjIgMC45NTk1MTFDNi45OTI4MyAxLjAwMjY4IDcuMTc4ODQgMS4xNjgzNSA3LjI0NzY0IDEuMzkxMDRDNy4zMTY0NSAxLjYxMzMgNy4yNTY0MiAxLjg1NTkgNy4wOTE5NiAyLjAyMDMyTDYuMjg4ODkgMi44MjMzNkw4Ljc5NzkgNS4zMzEzOEM5LjAwMjA4IDUuNTM1NDYgOS4wMDE5NyA1Ljg2NjQ3IDguNzk3NzEgNi4wNzA0OEw3LjA3MTgxIDcuNzk0MTJDNi44Njc3NiA3Ljk5Nzg3IDYuNTM3MTkgNy45OTc3NiA2LjMzMzMgNy43OTM4NkwzLjgyNTUzIDUuMjg2MTdMMy4wMjE4NyA2LjA4OTJDMi44NTY4MyA2LjI1NDI1IDIuNjEzNjggNi4zMTM3NyAyLjM5MDg3IDYuMjQ0MzRDMi4xNjgwNyA2LjE3NDI5IDIuMDAyNDMgNS45ODcxMSAxLjk2MTA2IDUuNzU3MzVMMS4wMzc5IDAuNjYxNDU5QzEuMDA1MjMgMC40Nzk1NDggMS4wNjM1OCAwLjI5MzUwMyAxLjE5NDc1IDAuMTYzNDk4WiI+PC9wYXRoPgogICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC4xODI3IDEwLjg1MTZMMTQuOTg2MyAxMC4wNDg2QzE1LjE1MTQgOS44ODM0OSAxNS4zOTQ1IDkuODI0MDEgMTUuNjE3MyA5Ljg5MzQxQzE1Ljg0MDEgOS45NjM0MiAxNi4wMDU3IDEwLjE1MDYgMTYuMDQ3MiAxMC4zODA0TDE2Ljk3MDMgMTUuNDc2M0MxNy4wMDI5IDE1LjY1ODIgMTYuOTQ0NiAxNS44NDQzIDE2LjgxMzQgMTUuOTc0M0MxNi42ODI4IDE2LjEwNDkgMTYuNDk2MSAxNi4xNjIxIDE2LjMxNDggMTYuMTI4MkwxMS4yNDQ2IDE1LjE3ODJDMTEuMDE1NCAxNS4xMzUxIDEwLjgyOTQgMTQuOTY5NCAxMC43NjA1IDE0Ljc0NjdDMTAuNjkxNyAxNC41MjQ0IDEwLjc1MTggMTQuMjgxOSAxMC45MTYzIDE0LjExNzRMMTEuNzE5MyAxMy4zMTQ0TDkuMjA3NjMgMTAuODEwNEM5LjAwMyAxMC42MDYzIDkuMDAyODUgMTAuMjc1IDkuMjA3MjYgMTAuMDcwOEwxMC45MzY0IDguMzQzN0MxMS4xNDA1IDguMTM5OTIgMTEuNDcxMSA4LjEzOTk5IDExLjY3NSA4LjM0MzkyTDE0LjE4MjcgMTAuODUxNloiPjwvcGF0aD4KICAgIDwvZz4KICA8L3N2Zz4="})),M("button",{type:"button",class:"GameIcon GameIcon--close"},M("img",{src:"data:image/svg+xml;base64,ICA8c3ZnIGNsYXNzPSJpY29uIHN2Zy13aXRoLXN0cm9rZSBudWxsIiB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTAuMyAxMC4zIgogICAgdmVyc2lvbj0iMS4xIgogICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogID4KICAgIDxnIGNsYXNzPSJzdmdfX2ZpbGwiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjMjIyMjIyIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICA8cGF0aCBkPSJNMTAsMC40TDAuNCwxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiAvPgogICAgICA8cGF0aCBkPSJNMTAsMTBMMC40LDAuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiAvPgogICAgPC9nPgogIDwvc3ZnPg=="}))),M("iframe",{src:g,width:"100%",height:D.clientWidth/16*9,frameborder:"0"})),u=({text:N,games:g,onClickGame:D})=>M("div",{class:"GamesContainer"},M("div",{id:"GamesHeader"},M("div",null,M("img",{src:"data:image/svg+xml;base64,ICA8c3ZnIGNsYXNzPSJpY29uIHN2Zy13aXRoLWZpbGwgZ2FtZXMtaWNvbiIgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDIwIDIwIgogICAgdmVyc2lvbj0iMS4xIgogICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogID4KICAgIDxwYXRoIGNsYXNzPSJzdmdfX2ZpbGwiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTcuNDQ1MyAxLjEzMDk2QzE3LjQwNjYgMS4yMzIzMSAxNy4zNDczIDEuMzI3NzQgMTcuMjY3NCAxLjQxMDg3QzE1LjMzMjMgMy40MjM4MiAxNC4xNjY3IDYuMDY4MjkgMTQuMTY2NyA4Ljk1ODMzQzE0LjE2NjcgOS4zMDk3OCAxNC4xODM5IDkuNjU3MyAxNC4yMTc2IDEwLjAwMDNDMTYuOTU1NSAxMC4wMjc2IDE5LjE2NjcgMTIuMjU1NiAxOS4xNjY3IDE1QzE5LjE2NjcgMTcuNzYxNCAxNi45MjgxIDIwIDE0LjE2NjcgMjBDMTEuNDA1MyAyMCA5LjE2NjY4IDE3Ljc2MTQgOS4xNjY2OCAxNUM5LjE2NjY4IDEyLjc5NzMgMTAuNTkxIDEwLjkyNzMgMTIuNTY4OCAxMC4yNjA3QzEyLjUyMzMgOS44MzIxOCAxMi41IDkuMzk3NjkgMTIuNSA4Ljk1ODMzQzEyLjUgNi4zMzA3OSAxMy4zMzI0IDMuODg5MDggMTQuNzU2NSAxLjg0ODkzQzExLjE5IDIuNTM4ODcgOC4yOTgyOSA1LjEyNDAxIDcuMTczMjMgOC41MTQ5QzcuODMzOTkgOC42OTgyNCA4LjQzOTczIDkuMDEzODUgOC45NjAxNCA5LjQzMTQyQzkuMzc4MzQgOS43NjY5OCA5LjMyODc2IDEwLjM4MjEgOC45OTA1OCAxMC43OTgyQzguMDU4NiAxMS45NDQ4IDcuNTAwMDEgMTMuNDA3MiA3LjUwMDAxIDE1QzcuNTAwMDEgMTUuNjU2MyA3LjU5NDg0IDE2LjI5MDQgNy43NzE1NCAxNi44ODk0QzcuOTIzMjUgMTcuNDAzNyA3LjczMzE2IDE3Ljk5MSA3LjIxNzg0IDE4LjEzOTJDNi43NzgxOCAxOC4yNjU2IDYuMzEzNjcgMTguMzMzMyA1LjgzMzM0IDE4LjMzMzNDMy4wNzE5MiAxOC4zMzMzIDAuODMzMzQ0IDE2LjA5NDggMC44MzMzNDQgMTMuMzMzM0MwLjgzMzM0NCAxMC42OTA4IDIuODgzMyA4LjUyNzA3IDUuNDc5NyA4LjM0NTY1QzUuODQ4NTUgNy4xMDE0NyA2LjQxOTIzIDUuOTQ0MDQgNy4xNTM4MyA0LjkxMTM1QzYuODIzMDMgNC45Njk2MSA2LjQ4MjYyIDUgNi4xMzUxIDVDNC4zNDEzNyA1IDIuNzM2NzQgNC4xOTAzOSAxLjY2NjY4IDIuOTE2NjdDMi43MzY3NCAxLjY0Mjk0IDQuMzQxMzcgMC44MzMzMzMgNi4xMzUxIDAuODMzMzMzQzcuNTU1MjIgMC44MzMzMzMgOC44NTY4MSAxLjM0MDggOS44Njg0MyAyLjE4NDI4QzExLjc4MjQgMC44MDk1MzggMTQuMTI5OCAwIDE2LjY2NjcgMEMxNi43NzUzIDAgMTYuODc5MSAwLjAyMDc5IDE2Ljk3NDMgMC4wNTg2MDg3QzE3LjA3MTkgMC4wOTczMzQ1IDE3LjE2MzggMC4xNTUyOSAxNy4yNDQyIDAuMjMyNTg3QzE3LjQwNjggMC4zODg4OTcgMTcuNDkyMiAwLjU5NTI5NiAxNy40OTk1IDAuODA0MkMxNy41MDA0IDAuODMwOTE1IDE3LjUwMDEgMC44NTc2NzEgMTcuNDk4NSAwLjg4NDM2OUMxNy40OTMyIDAuOTcwNzc3IDE3LjQ3NDkgMS4wNTM2MyAxNy40NDUzIDEuMTMwOTZaTTUuODMzMzQgMTEuNjY2N0M0LjkxMjg3IDExLjY2NjcgNC4xNjY2OCAxMi40MTI5IDQuMTY2NjggMTMuMzMzM0M0LjE2NjY4IDEzLjc5MzYgMy43OTM1OCAxNC4xNjY3IDMuMzMzMzQgMTQuMTY2N0MyLjg3MzExIDE0LjE2NjcgMi41MDAwMSAxMy43OTM2IDIuNTAwMDEgMTMuMzMzM0MyLjUwMDAxIDExLjQ5MjQgMy45OTIzOSAxMCA1LjgzMzM0IDEwQzYuMjkzNTggMTAgNi42NjY2OCAxMC4zNzMxIDYuNjY2NjggMTAuODMzM0M2LjY2NjY4IDExLjI5MzYgNi4yOTM1OCAxMS42NjY3IDUuODMzMzQgMTEuNjY2N1pNMTIuNSAxNUMxMi41IDE0LjA3OTUgMTMuMjQ2MiAxMy4zMzMzIDE0LjE2NjcgMTMuMzMzM0MxNC42MjY5IDEzLjMzMzMgMTUgMTIuOTYwMiAxNSAxMi41QzE1IDEyLjAzOTggMTQuNjI2OSAxMS42NjY3IDE0LjE2NjcgMTEuNjY2N0MxMi4zMjU3IDExLjY2NjcgMTAuODMzMyAxMy4xNTkxIDEwLjgzMzMgMTVDMTAuODMzMyAxNS40NjAyIDExLjIwNjQgMTUuODMzMyAxMS42NjY3IDE1LjgzMzNDMTIuMTI2OSAxNS44MzMzIDEyLjUgMTUuNDYwMiAxMi41IDE1WiIgZmlsbD0iI0ZGNjcxMCIgLz4KICA8L3N2Zz4="}),M("p",{innerHTML:N}))),M("div",{id:"Games"},g.map((N=>M("div",{class:"Game"},M("div",Object.assign({class:"GameImg"},((M,N)=>({style:{"background-image":`url(${M.icons[88]})`},onClick:()=>N(M.launchUrl)}))(N,D)))))))),c=(M,N,g)=>{const D=M[N];if(!D)throw new Error("lifecycle "+N+" not defined");M[N]=function(...M){if(g.bind(this,...M).call(),D)return D.bind(this,...M).call()}},x={en:{MiniGames:"Mini Games"},"zh-hk":{MiniGames:"小游戲"}};function e(){var M;this.locale=(M=this.translation)[this.language]||M.en}async function t(M=!0){this.translationUrl?(this.translation=await j(this.translationUrl),e.bind(this).call()):M||(this.translation=x,e.bind(this).call())}const y=(M,N,g)=>{const D=new CSSStyleSheet;g&&D.insertRule(g);try{M.adoptedStyleSheets[N]=D}catch(M){}},a=(M,N,g)=>{switch(g){case"clientStyling":((M,N)=>{M&&y(M,1,N)})(M,N);break;case"clientStylingUrl":(async(M,N)=>{M&&y(M,2,await(async M=>{let N;return M&&(N=await(async M=>{let N;try{let g=await fetch(M);N=await g.text()}catch(M){console.error("error ",M)}return N})(M)),N})(N))})(M,N)}},E=()=>(M,N)=>{c(M,"componentDidLoad",(function(){const M=g(this).shadowRoot;a(M,this[N],N)})),c(M,"componentShouldUpdate",(function(M,D,I){if(I!==N)return;const z=g(this).shadowRoot;a(z,this[N],N)}))},n=class{constructor(M){D(this,M),this.language="en",this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.launchUrl=void 0,this.games=[]}render(){return M("div",{id:"LobbyContainer"},M(T,Object.assign({},{src:this.launchUrl,host:this.host})),M(u,Object.assign({},{text:this.locale.MiniGames,games:this.games,onClickGame:this.onClickGame.bind(this)})))}async updateGames(){this.games=await A.bind(this).call()}onClickGame(M){this.launchUrl=i(M,{language:this.language,_sid:this.session})}async componentDidLoad(){this.updateGames()}componentShouldUpdate(){}componentWillLoad(){}get host(){return g(this)}static get watchers(){return{endpoint:["updateGames"],language:["updateGames"]}}};I([M=>{c(M,"componentWillLoad",(async function(){this.translation=x,e.bind(this).call(),t.bind(this,!0).call()})),c(M,"componentShouldUpdate",(async function(M,N,g){"language"===g&&e.bind(this).call(),"translationUrl"===g&&t.bind(this,!1).call()}))},z("design:type",String)],n.prototype,"language",void 0),I([E(),z("design:type",String)],n.prototype,"clientStyling",void 0),I([E(),z("design:type",String)],n.prototype,"clientStylingUrl",void 0),n.style=":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)}";export{n as mini_games_lobby}

package/dist/mini-games-lobby/p-e3451601.js

@@ -0,0 +1 @@
+let e,t,n=!1;const l="undefined"!=typeof window?window:{},s=l.document||{head:{}},o={t:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},i=e=>Promise.resolve(e),r=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replace}catch(e){}return!1})(),c="http://www.w3.org/1999/xlink",u=new WeakMap,f=e=>"sc-"+e.o,a={},y=e=>"object"==(e=typeof e)||"function"===e,h=(e,t,...n)=>{let l=null,s=null,o=!1,i=!1,r=[];const c=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?c(l):null!=l&&"boolean"!=typeof l&&((o="function"!=typeof e&&!y(l))&&(l+=""),o&&i?r[r.length-1].i+=l:r.push(o?$(null,l):l),i=o)};if(c(n),t){t.key&&(s=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,r,p);const u=$(e,null);return u.u=t,r.length>0&&(u.h=r),u.$=s,u},$=(e,t)=>({t:0,m:e,i:t,p:null,h:null,u:null,$:null}),m={},p={forEach:(e,t)=>e.map(d).forEach(t),map:(e,t)=>e.map(d).map(t).map(b)},d=e=>({vattrs:e.u,vchildren:e.h,vkey:e.$,vname:e.g,vtag:e.m,vtext:e.i}),b=e=>{if("function"==typeof e.vtag){const t=Object.assign({},e.vattrs);return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),h(e.vtag,t,...e.vchildren||[])}const t=$(e.vtag,e.vtext);return t.u=e.vattrs,t.h=e.vchildren,t.$=e.vkey,t.g=e.vname,t},w=(e,t,n,s,i,r)=>{if(n!==s){let u=I(e,t),f=t.toLowerCase();if("class"===t){const t=e.classList,l=v(n),o=v(s);t.remove(...l.filter((e=>e&&!o.includes(e)))),t.add(...o.filter((e=>e&&!l.includes(e))))}else if("style"===t){for(const t in n)s&&null!=s[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in s)n&&s[t]===n[t]||(t.includes("-")?e.style.setProperty(t,s[t]):e.style[t]=s[t])}else if("key"===t);else if("ref"===t)s&&s(e);else if(u||"o"!==t[0]||"n"!==t[1]){const l=y(s);if((u||l&&null!==s)&&!i)try{if(e.tagName.includes("-"))e[t]=s;else{let l=null==s?"":s;"list"===t?u=!1:null!=n&&e[t]==l||(e[t]=l)}}catch(e){}let o=!1;f!==(f=f.replace(/^xlink\:?/,""))&&(t=f,o=!0),null==s||!1===s?!1===s&&""!==e.getAttribute(t)||(o?e.removeAttributeNS(c,t):e.removeAttribute(t)):(!u||4&r||i)&&!l&&(s=!0===s?"":s,o?e.setAttributeNS(c,t,s):e.setAttribute(t,s))}else t="-"===t[2]?t.slice(3):I(l,f)?f.slice(2):f[2]+t.slice(3),n&&o.rel(e,t,n,!1),s&&o.ael(e,t,s,!1)}},g=/\s/,v=e=>e?e.split(g):[],S=(e,t,n,l)=>{const s=11===t.p.nodeType&&t.p.host?t.p.host:t.p,o=e&&e.u||a,i=t.u||a;for(l in o)l in i||w(s,l,o[l],void 0,n,t.t);for(l in i)w(s,l,o[l],i[l],n,t.t)},k=(t,n,l)=>{let o,i,r=n.h[l],c=0;if(o=r.p=s.createElement(r.m),S(null,r,!1),null!=e&&o["s-si"]!==e&&o.classList.add(o["s-si"]=e),r.h)for(c=0;c<r.h.length;++c)i=k(t,r,c),i&&o.appendChild(i);return o},j=(e,n,l,s,o,i)=>{let r,c=e;for(c.shadowRoot&&c.tagName===t&&(c=c.shadowRoot);o<=i;++o)s[o]&&(r=k(null,l,o),r&&(s[o].p=r,c.insertBefore(r,n)))},M=(e,t,n,l,s)=>{for(;t<=n;++t)(l=e[t])&&(s=l.p,C(l),s.remove())},O=(e,t)=>e.m===t.m&&e.$===t.$,x=(e,t)=>{const n=t.p=e.p,l=e.h,s=t.h;S(e,t,!1),null!==l&&null!==s?((e,t,n,l)=>{let s,o,i=0,r=0,c=0,u=0,f=t.length-1,a=t[0],y=t[f],h=l.length-1,$=l[0],m=l[h];for(;i<=f&&r<=h;)if(null==a)a=t[++i];else if(null==y)y=t[--f];else if(null==$)$=l[++r];else if(null==m)m=l[--h];else if(O(a,$))x(a,$),a=t[++i],$=l[++r];else if(O(y,m))x(y,m),y=t[--f],m=l[--h];else if(O(a,m))x(a,m),e.insertBefore(a.p,y.p.nextSibling),a=t[++i],m=l[--h];else if(O(y,$))x(y,$),e.insertBefore(y.p,a.p),y=t[--f],$=l[++r];else{for(c=-1,u=i;u<=f;++u)if(t[u]&&null!==t[u].$&&t[u].$===$.$){c=u;break}c>=0?(o=t[c],o.m!==$.m?s=k(t&&t[r],n,c):(x(o,$),t[c]=void 0,s=o.p),$=l[++r]):(s=k(t&&t[r],n,r),$=l[++r]),s&&a.p.parentNode.insertBefore(s,a.p)}i>f?j(e,null==l[h+1]?null:l[h+1].p,n,l,r,h):r>h&&M(t,i,f)})(n,l,t,s):null!==s?j(n,null,t,s,0,s.length-1):null!==l&&M(l,0,l.length-1)},C=e=>{e.u&&e.u.ref&&e.u.ref(null),e.h&&e.h.map(C)},E=e=>z(e).v,L=(e,t)=>{t&&!e.S&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.S=t)))},P=(e,t)=>{if(e.t|=16,!(4&e.t))return L(e,e.k),se((()=>N(e,t)));e.t|=512},N=(e,t)=>{const n=e.j;let l;return t&&(l=R(n,"componentWillLoad")),U(l,(()=>T(e,n,t)))},T=async(e,t,n)=>{const l=e.v,o=l["s-rc"];n&&(e=>{const t=e.M,n=e.v,l=t.t,o=((e,t)=>{let n=f(t),l=X.get(n);if(e=11===e.nodeType?e:s,l)if("string"==typeof l){let t,o=u.get(e=e.head||e);o||u.set(e,o=new Set),o.has(n)||(t=s.createElement("style"),t.innerHTML=l,e.insertBefore(t,e.querySelector("link")),o&&o.add(n))}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return n})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(e);W(e,t),o&&(o.map((e=>e())),l["s-rc"]=void 0);{const t=l["s-p"],n=()=>A(e);0===t.length?n():(Promise.all(t).then(n),e.t|=4,t.length=0)}},W=(n,l)=>{try{l=l.render(),n.t&=-17,n.t|=2,((n,l)=>{const s=n.v,o=n.O||$(null,null),i=(e=>e&&e.m===m)(l)?l:h(null,null,l);t=s.tagName,i.m=null,i.t|=4,n.O=i,i.p=o.p=s.shadowRoot||s,e=s["s-sc"],x(o,i)})(n,l)}catch(e){J(e,n.v)}return null},A=e=>{const t=e.v,n=e.j,l=e.k;64&e.t||(e.t|=64,q(t),R(n,"componentDidLoad"),e.C(t),l||F()),e.S&&(e.S(),e.S=void 0),512&e.t&&le((()=>P(e,!1))),e.t&=-517},F=()=>{q(s.documentElement),le((()=>(e=>{const t=o.ce("appload",{detail:{namespace:"mini-games-lobby"}});return e.dispatchEvent(t),t})(l)))},R=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){J(e)}},U=(e,t)=>e&&e.then?e.then(t):t(),q=e=>e.classList.add("hydrated"),D=(e,t,n)=>{if(t.L){e.watchers&&(t.P=e.watchers);const l=Object.entries(t.L),s=e.prototype;if(l.map((([e,[l]])=>{(31&l||2&n&&32&l)&&Object.defineProperty(s,e,{get(){return((e,t)=>z(this).N.get(t))(0,e)},set(n){((e,t,n,l)=>{const s=z(e),o=s.v,i=s.N.get(t),r=s.t,c=s.j;if(n=((e,t)=>null==e||y(e)?e:1&t?e+"":e)(n,l.L[t][0]),(!(8&r)||void 0===i)&&n!==i&&(!Number.isNaN(i)||!Number.isNaN(n))&&(s.N.set(t,n),c)){if(l.P&&128&r){const e=l.P[t];e&&e.map((e=>{try{c[e](n,i,t)}catch(e){J(e,o)}}))}if(2==(18&r)){if(c.componentShouldUpdate&&!1===c.componentShouldUpdate(n,i,t))return;P(s,!1)}}})(this,e,n,t)},configurable:!0,enumerable:!0})})),1&n){const t=new Map;s.attributeChangedCallback=function(e,n,l){o.jmp((()=>{const n=t.get(e);if(this.hasOwnProperty(n))l=this[n],delete this[n];else if(s.hasOwnProperty(n)&&"number"==typeof this[n]&&this[n]==l)return;this[n]=(null!==l||"boolean"!=typeof this[n])&&l}))},e.observedAttributes=l.filter((([e,t])=>15&t[0])).map((([e,n])=>{const l=n[1]||e;return t.set(l,e),l}))}}return e},H=(e,t={})=>{const n=[],i=t.exclude||[],c=l.customElements,u=s.head,a=u.querySelector("meta[charset]"),y=s.createElement("style"),h=[];let $,m=!0;Object.assign(o,t),o.l=new URL(t.resourcesUrl||"./",s.baseURI).href,e.map((e=>{e[1].map((t=>{const l={t:t[0],o:t[1],L:t[2],T:t[3]};l.L=t[2],l.P={};const s=l.o,u=class extends HTMLElement{constructor(e){super(e),G(e=this,l),1&l.t&&e.attachShadow({mode:"open"})}connectedCallback(){$&&(clearTimeout($),$=null),m?h.push(this):o.jmp((()=>(e=>{if(0==(1&o.t)){const t=z(e),n=t.M,l=()=>{};if(!(1&t.t)){t.t|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){L(t,t.k=n);break}}n.L&&Object.entries(n.L).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n,l,s)=>{if(0==(32&t.t)){{if(t.t|=32,(s=Q(n)).then){const e=()=>{};s=await s,e()}s.isProxied||(n.P=s.watchers,D(s,n,2),s.isProxied=!0);const e=()=>{};t.t|=8;try{new s(t)}catch(e){J(e)}t.t&=-9,t.t|=128,e()}if(s.style){let e=s.style;const t=f(n);if(!X.has(t)){const l=()=>{};((e,t,n)=>{let l=X.get(e);r&&n?(l=l||new CSSStyleSheet,l.replace(t)):l=t,X.set(e,l)})(t,e,!!(1&n.t)),l()}}}const o=t.k,i=()=>P(t,!0);o&&o["s-rc"]?o["s-rc"].push(i):i()})(0,t,n)}l()}})(this)))}disconnectedCallback(){o.jmp((()=>{}))}componentOnReady(){return z(this).W}};l.A=e[0],i.includes(s)||c.get(s)||(n.push(s),c.define(s,D(u,l,1)))}))})),y.innerHTML=n+"{visibility:hidden}.hydrated{visibility:inherit}",y.setAttribute("data-styles",""),u.insertBefore(y,a?a.nextSibling:u.firstChild),m=!1,h.length?h.map((e=>e.connectedCallback())):o.jmp((()=>$=setTimeout(F,30)))},V=(e,t)=>t,_=new WeakMap,z=e=>_.get(e),B=(e,t)=>_.set(t.j=e,t),G=(e,t)=>{const n={t:0,v:e,M:t,N:new Map};return n.W=new Promise((e=>n.C=e)),e["s-p"]=[],e["s-rc"]=[],_.set(e,n)},I=(e,t)=>t in e,J=(e,t)=>(0,console.error)(e,t),K=new Map,Q=e=>{const t=e.o.replace(/-/g,"_"),n=e.A,l=K.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(K.set(n,e),e[t])),J)},X=new Map,Y=[],Z=[],ee=(e,t)=>l=>{e.push(l),n||(n=!0,t&&4&o.t?le(ne):o.raf(ne))},te=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){J(e)}e.length=0},ne=()=>{te(Y),te(Z),(n=Y.length>0)&&o.raf(ne)},le=e=>i().then(e),se=ee(Z,!0);export{V as F,H as b,E as g,h,i as p,B as r}

package/dist/types/Users/adrian.pripon/Documents/Work/widgets-stencil/packages/mini-games-lobby/.stencil/packages/mini-games-lobby/stencil.config.d.ts

@@ -0,0 +1,2 @@
+import { Config } from '../../../../../../../../../../stencil-public-runtime';
+export declare const config: Config;

package/dist/types/components/mini-games-lobby/mini-games-lobby.d.ts

@@ -1,4 +1,9 @@
+import { TLocale } from '../../utils/translation';
 export declare class MiniGamesLobby {
+  /**
+   * filter for interface /casino/games
+   */
+  filter: string;
   /**
    * User Session
    */
@@ -11,10 +16,35 @@ export declare class MiniGamesLobby {
    * Language of the widget
    */
   language: string;
+  /**
+   * Client custom styling via string
+   */
+  clientStyling: string;
+  /**
+   * Client custom styling via url
+   */
+  clientStylingUrl: string;
+  /**
+   * translation via url
+   */
+  translationUrl: string;
+  locale: TLocale;
   launchUrl: string;
   host: HTMLElement;
   games: string[];
-  componentDidLoad(): Promise<void>;
-  onClickGame(launchUrl_raw: any): void;
   render(): any;
+  updateGames(): Promise<void>;
+  onClickGame(launchUrl_raw: any): void;
+  /**
+   * define for @Style Decorator
+   */
+  componentDidLoad(): Promise<void>;
+  /**
+   * define for @Locale and @Style
+   */
+  componentShouldUpdate(): void;
+  /**
+   * define for @Locale
+   */
+  componentWillLoad(): void;
 }

package/dist/types/components.d.ts

@@ -7,10 +7,22 @@
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 export namespace Components {
     interface MiniGamesLobby {
+        /**
+          * Client custom styling via string
+         */
+        "clientStyling": string;
+        /**
+          * Client custom styling via url
+         */
+        "clientStylingUrl": string;
         /**
           * Endpoint URL for the source of data
          */
         "endpoint": string;
+        /**
+          * filter for interface /casino/games
+         */
+        "filter": string;
         /**
           * Language of the widget
          */
@@ -19,6 +31,10 @@ export namespace Components {
           * User Session
          */
         "session": string;
+        /**
+          * translation via url
+         */
+        "translationUrl": string;
     }
 }
 declare global {
@@ -34,10 +50,22 @@ declare global {
 }
 declare namespace LocalJSX {
     interface MiniGamesLobby {
+        /**
+          * Client custom styling via string
+         */
+        "clientStyling"?: string;
+        /**
+          * Client custom styling via url
+         */
+        "clientStylingUrl"?: string;
         /**
           * Endpoint URL for the source of data
          */
         "endpoint"?: string;
+        /**
+          * filter for interface /casino/games
+         */
+        "filter"?: string;
         /**
           * Language of the widget
          */
@@ -46,6 +74,10 @@ declare namespace LocalJSX {
           * User Session
          */
         "session"?: string;
+        /**
+          * translation via url
+         */
+        "translationUrl"?: string;
     }
     interface IntrinsicElements {
         "mini-games-lobby": MiniGamesLobby;

package/dist/types/decorators/base.decorator.d.ts

@@ -0,0 +1,2 @@
+import { ComponentInterface } from "../stencil-public-runtime";
+export declare const apply: (proto: ComponentInterface, lifecycle: any, run: Function) => void;

package/dist/types/decorators/locale.decorator.d.ts

@@ -0,0 +1,2 @@
+import { ComponentInterface } from "../stencil-public-runtime";
+export declare const Locale: () => (proto: ComponentInterface, prop: string) => void;

package/dist/types/decorators/style.decorator.d.ts

@@ -0,0 +1,2 @@
+import { ComponentInterface } from "../stencil-public-runtime";
+export declare const Style: () => (proto: ComponentInterface, prop: string) => void;

package/dist/types/decorators/style.util.d.ts

@@ -0,0 +1,3 @@
+export declare const fetchText: (url: any) => Promise<any>;
+export declare const setClientStyling: (root: ShadowRoot, styleCode: any) => void;
+export declare const setClientStylingUrl: (root: ShadowRoot, url: any) => Promise<void>;

package/dist/types/utils/fetch.d.ts

@@ -1,4 +1,4 @@
 export declare const fetcher: (url: any) => Promise<any>;
 export declare const getUrl: (path: any, params?: {}) => string;
-export declare const fetchGames: (endpoint: any, language: any) => Promise<any>;
+export declare function fetchGames(): Promise<any>;
 export declare const fetchLaunchUrl: (link: any, params: any) => Promise<any>;

package/dist/types/utils/translation.d.ts

@@ -0,0 +1,9 @@
+export declare const translation: {
+  en: {
+    MiniGames: string;
+  };
+  'zh-hk': {
+    MiniGames: string;
+  };
+};
+export declare type TLocale = typeof translation['en'];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/mini-games-lobby",
-  "version": "1.14.0",
+  "version": "1.15.0",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",
   "es2015": "./dist/esm/index.mjs",
@@ -8,11 +8,15 @@
   "types": "./dist/types/index.d.ts",
   "collection": "./dist/collection/collection-manifest.json",
   "collection:main": "./dist/collection/index.js",
-  "unpkg": "./dist/mini-games-lobby/mini-games-lobby.js",
+  "unpkg": "./dist/mini-games-lobby/mini-games-lobby.esm.js",
   "files": [
     "dist/",
     "loader/"
   ],
+  "scripts": {
+    "dev": "nx run mini-games-lobby:serve",
+    "build": "nx run mini-games-lobby:build"
+  },
   "publishConfig": {
     "access": "public"
   }

package/dist/collection/utils/utils.js

@@ -1,3 +0,0 @@
-export function format(first, middle, last) {
-  return ((first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : ''));
-}

package/dist/mini-games-lobby/p-6b4efa39.js

@@ -1 +0,0 @@
-let e,t,n=!1;const l="undefined"!=typeof window?window:{},s=l.document||{head:{}},o={t:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},i=e=>Promise.resolve(e),r=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replace}catch(e){}return!1})(),c="http://www.w3.org/1999/xlink",u=new WeakMap,f=e=>"sc-"+e.o,a={},y=e=>"object"==(e=typeof e)||"function"===e,$=(e,t,...n)=>{let l=null,s=null,o=!1,i=!1,r=[];const c=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?c(l):null!=l&&"boolean"!=typeof l&&((o="function"!=typeof e&&!y(l))&&(l+=""),o&&i?r[r.length-1].i+=l:r.push(o?h(null,l):l),i=o)};if(c(n),t){t.key&&(s=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,r,m);const u=h(e,null);return u.u=t,r.length>0&&(u.$=r),u.h=s,u},h=(e,t)=>({t:0,m:e,i:t,p:null,$:null,u:null,h:null}),d={},m={forEach:(e,t)=>e.map(p).forEach(t),map:(e,t)=>e.map(p).map(t).map(b)},p=e=>({vattrs:e.u,vchildren:e.$,vkey:e.h,vname:e.v,vtag:e.m,vtext:e.i}),b=e=>{if("function"==typeof e.vtag){const t=Object.assign({},e.vattrs);return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),$(e.vtag,t,...e.vchildren||[])}const t=h(e.vtag,e.vtext);return t.u=e.vattrs,t.$=e.vchildren,t.h=e.vkey,t.v=e.vname,t},w=(e,t,n,s,i,r)=>{if(n!==s){let u=I(e,t),f=t.toLowerCase();if("class"===t){const t=e.classList,l=g(n),o=g(s);t.remove(...l.filter((e=>e&&!o.includes(e)))),t.add(...o.filter((e=>e&&!l.includes(e))))}else if("style"===t){for(const t in n)s&&null!=s[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in s)n&&s[t]===n[t]||(t.includes("-")?e.style.setProperty(t,s[t]):e.style[t]=s[t])}else if("key"===t);else if("ref"===t)s&&s(e);else if(u||"o"!==t[0]||"n"!==t[1]){const l=y(s);if((u||l&&null!==s)&&!i)try{if(e.tagName.includes("-"))e[t]=s;else{let l=null==s?"":s;"list"===t?u=!1:null!=n&&e[t]==l||(e[t]=l)}}catch(e){}let o=!1;f!==(f=f.replace(/^xlink\:?/,""))&&(t=f,o=!0),null==s||!1===s?!1===s&&""!==e.getAttribute(t)||(o?e.removeAttributeNS(c,t):e.removeAttribute(t)):(!u||4&r||i)&&!l&&(s=!0===s?"":s,o?e.setAttributeNS(c,t,s):e.setAttribute(t,s))}else t="-"===t[2]?t.slice(3):I(l,f)?f.slice(2):f[2]+t.slice(3),n&&o.rel(e,t,n,!1),s&&o.ael(e,t,s,!1)}},v=/\s/,g=e=>e?e.split(v):[],S=(e,t,n,l)=>{const s=11===t.p.nodeType&&t.p.host?t.p.host:t.p,o=e&&e.u||a,i=t.u||a;for(l in o)l in i||w(s,l,o[l],void 0,n,t.t);for(l in i)w(s,l,o[l],i[l],n,t.t)},k=(t,n,l)=>{let o,i,r=n.$[l],c=0;if(o=r.p=s.createElement(r.m),S(null,r,!1),null!=e&&o["s-si"]!==e&&o.classList.add(o["s-si"]=e),r.$)for(c=0;c<r.$.length;++c)i=k(t,r,c),i&&o.appendChild(i);return o},j=(e,n,l,s,o,i)=>{let r,c=e;for(c.shadowRoot&&c.tagName===t&&(c=c.shadowRoot);o<=i;++o)s[o]&&(r=k(null,l,o),r&&(s[o].p=r,c.insertBefore(r,n)))},M=(e,t,n,l,s)=>{for(;t<=n;++t)(l=e[t])&&(s=l.p,C(l),s.remove())},O=(e,t)=>e.m===t.m&&e.h===t.h,x=(e,t)=>{const n=t.p=e.p,l=e.$,s=t.$;S(e,t,!1),null!==l&&null!==s?((e,t,n,l)=>{let s,o,i=0,r=0,c=0,u=0,f=t.length-1,a=t[0],y=t[f],$=l.length-1,h=l[0],d=l[$];for(;i<=f&&r<=$;)if(null==a)a=t[++i];else if(null==y)y=t[--f];else if(null==h)h=l[++r];else if(null==d)d=l[--$];else if(O(a,h))x(a,h),a=t[++i],h=l[++r];else if(O(y,d))x(y,d),y=t[--f],d=l[--$];else if(O(a,d))x(a,d),e.insertBefore(a.p,y.p.nextSibling),a=t[++i],d=l[--$];else if(O(y,h))x(y,h),e.insertBefore(y.p,a.p),y=t[--f],h=l[++r];else{for(c=-1,u=i;u<=f;++u)if(t[u]&&null!==t[u].h&&t[u].h===h.h){c=u;break}c>=0?(o=t[c],o.m!==h.m?s=k(t&&t[r],n,c):(x(o,h),t[c]=void 0,s=o.p),h=l[++r]):(s=k(t&&t[r],n,r),h=l[++r]),s&&a.p.parentNode.insertBefore(s,a.p)}i>f?j(e,null==l[$+1]?null:l[$+1].p,n,l,r,$):r>$&&M(t,i,f)})(n,l,t,s):null!==s?j(n,null,t,s,0,s.length-1):null!==l&&M(l,0,l.length-1)},C=e=>{e.u&&e.u.ref&&e.u.ref(null),e.$&&e.$.map(C)},E=e=>z(e).g,P=(e,t)=>{t&&!e.S&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.S=t)))},L=(e,t)=>{if(e.t|=16,!(4&e.t))return P(e,e.k),se((()=>N(e,t)));e.t|=512},N=(e,t)=>{const n=e.j;return W(void 0,(()=>T(e,n,t)))},T=async(e,t,n)=>{const l=e.g,o=l["s-rc"];n&&(e=>{const t=e.M,n=e.g,l=t.t,o=((e,t)=>{let n=f(t),l=X.get(n);if(e=11===e.nodeType?e:s,l)if("string"==typeof l){let t,o=u.get(e=e.head||e);o||u.set(e,o=new Set),o.has(n)||(t=s.createElement("style"),t.innerHTML=l,e.insertBefore(t,e.querySelector("link")),o&&o.add(n))}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return n})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(e);A(e,t),o&&(o.map((e=>e())),l["s-rc"]=void 0);{const t=l["s-p"],n=()=>F(e);0===t.length?n():(Promise.all(t).then(n),e.t|=4,t.length=0)}},A=(n,l)=>{try{l=l.render(),n.t&=-17,n.t|=2,((n,l)=>{const s=n.g,o=n.O||h(null,null),i=(e=>e&&e.m===d)(l)?l:$(null,null,l);t=s.tagName,i.m=null,i.t|=4,n.O=i,i.p=o.p=s.shadowRoot||s,e=s["s-sc"],x(o,i)})(n,l)}catch(e){J(e,n.g)}return null},F=e=>{const t=e.g,n=e.j,l=e.k;64&e.t||(e.t|=64,q(t),U(n,"componentDidLoad"),e.C(t),l||R()),e.S&&(e.S(),e.S=void 0),512&e.t&&le((()=>L(e,!1))),e.t&=-517},R=()=>{q(s.documentElement),le((()=>(e=>{const t=o.ce("appload",{detail:{namespace:"mini-games-lobby"}});return e.dispatchEvent(t),t})(l)))},U=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){J(e)}},W=(e,t)=>e&&e.then?e.then(t):t(),q=e=>e.classList.add("hydrated"),D=(e,t,n)=>{if(t.P){const l=Object.entries(t.P),s=e.prototype;if(l.map((([e,[l]])=>{(31&l||2&n&&32&l)&&Object.defineProperty(s,e,{get(){return((e,t)=>z(this).L.get(t))(0,e)},set(n){((e,t,n,l)=>{const s=z(e),o=s.L.get(t),i=s.t,r=s.j;n=((e,t)=>null==e||y(e)?e:1&t?e+"":e)(n,l.P[t][0]),8&i&&void 0!==o||n===o||Number.isNaN(o)&&Number.isNaN(n)||(s.L.set(t,n),r&&2==(18&i)&&L(s,!1))})(this,e,n,t)},configurable:!0,enumerable:!0})})),1&n){const t=new Map;s.attributeChangedCallback=function(e,n,l){o.jmp((()=>{const n=t.get(e);if(this.hasOwnProperty(n))l=this[n],delete this[n];else if(s.hasOwnProperty(n)&&"number"==typeof this[n]&&this[n]==l)return;this[n]=(null!==l||"boolean"!=typeof this[n])&&l}))},e.observedAttributes=l.filter((([e,t])=>15&t[0])).map((([e,n])=>{const l=n[1]||e;return t.set(l,e),l}))}}return e},H=(e,t={})=>{const n=[],i=t.exclude||[],c=l.customElements,u=s.head,a=u.querySelector("meta[charset]"),y=s.createElement("style"),$=[];let h,d=!0;Object.assign(o,t),o.l=new URL(t.resourcesUrl||"./",s.baseURI).href,e.map((e=>{e[1].map((t=>{const l={t:t[0],o:t[1],P:t[2],N:t[3]};l.P=t[2];const s=l.o,u=class extends HTMLElement{constructor(e){super(e),G(e=this,l),1&l.t&&e.attachShadow({mode:"open"})}connectedCallback(){h&&(clearTimeout(h),h=null),d?$.push(this):o.jmp((()=>(e=>{if(0==(1&o.t)){const t=z(e),n=t.M,l=()=>{};if(!(1&t.t)){t.t|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){P(t,t.k=n);break}}n.P&&Object.entries(n.P).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n,l,s)=>{if(0==(32&t.t)){{if(t.t|=32,(s=Q(n)).then){const e=()=>{};s=await s,e()}s.isProxied||(D(s,n,2),s.isProxied=!0);const e=()=>{};t.t|=8;try{new s(t)}catch(e){J(e)}t.t&=-9,e()}if(s.style){let e=s.style;const t=f(n);if(!X.has(t)){const l=()=>{};((e,t,n)=>{let l=X.get(e);r&&n?(l=l||new CSSStyleSheet,l.replace(t)):l=t,X.set(e,l)})(t,e,!!(1&n.t)),l()}}}const o=t.k,i=()=>L(t,!0);o&&o["s-rc"]?o["s-rc"].push(i):i()})(0,t,n)}l()}})(this)))}disconnectedCallback(){o.jmp((()=>{}))}componentOnReady(){return z(this).T}};l.A=e[0],i.includes(s)||c.get(s)||(n.push(s),c.define(s,D(u,l,1)))}))})),y.innerHTML=n+"{visibility:hidden}.hydrated{visibility:inherit}",y.setAttribute("data-styles",""),u.insertBefore(y,a?a.nextSibling:u.firstChild),d=!1,$.length?$.map((e=>e.connectedCallback())):o.jmp((()=>h=setTimeout(R,30)))},V=(e,t)=>t,_=new WeakMap,z=e=>_.get(e),B=(e,t)=>_.set(t.j=e,t),G=(e,t)=>{const n={t:0,g:e,M:t,L:new Map};return n.T=new Promise((e=>n.C=e)),e["s-p"]=[],e["s-rc"]=[],_.set(e,n)},I=(e,t)=>t in e,J=(e,t)=>(0,console.error)(e,t),K=new Map,Q=e=>{const t=e.o.replace(/-/g,"_"),n=e.A,l=K.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(K.set(n,e),e[t])),J)},X=new Map,Y=[],Z=[],ee=(e,t)=>l=>{e.push(l),n||(n=!0,t&&4&o.t?le(ne):o.raf(ne))},te=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){J(e)}e.length=0},ne=()=>{te(Y),te(Z),(n=Y.length>0)&&o.raf(ne)},le=e=>i().then(e),se=ee(Z,!0);export{V as F,H as b,E as g,$ as h,i as p,B as r}

package/dist/mini-games-lobby/p-8e2c292a.entry.js

@@ -1 +0,0 @@
-import{h as M,F as N,r as g,g as D}from"./p-6b4efa39.js";const I=(M,N={})=>M+"?"+Object.keys(N).map((M=>`${M}=${N[M]}`)).join("&"),z=({src:g,host:D})=>g&&M(N,null,M("div",{id:"GameLaunchHeader"},M("img",{src:"data:image/svg+xml;base64,CiAgPHN2ZyBjbGFzcz0iaWNvbiBtaW5pLWdhbWUtaWNvbiBzdmctd2l0aC1maWxsIiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgICB2ZXJzaW9uPSIxLjEiCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgPgogICAgPHBhdGggCiAgICAgIGNsYXNzPSJzdmdfX2ZpbGwiCiAgICAgIGZpbGwtcnVsZT0iZXZlbm9kZCIKICAgICAgY2xpcC1ydWxlPSJldmVub2RkIiAKICAgICAgZmlsbD0iI0ZGNjcxMCIKICAgICAgZD0iTTEyIDI0QzE4LjYyNzQgMjQgMjQgMTguNjI3NCAyNCAxMkMyNCA1LjM3MjU4IDE4LjYyNzQgMCAxMiAwQzUuMzcyNTggMCAwIDUuMzcyNTggMCAxMkMwIDE4LjYyNzQgNS4zNzI1OCAyNCAxMiAyNFpNMTcuNzE5IDUuMTk5MjRDMTcuNzg2IDUuMTI5NDkgMTcuODM2IDUuMDQ5NTUgMTcuODY4OSA0Ljk2NDY0QzE3Ljg5NTMgNC44OTY2NiAxNy45MTE1IDQuODIzNiAxNy45MTU2IDQuNzQ3MzNDMTcuOTE2NyA0LjcyNzU2IDE3LjkxNjkgNC43MDc3NSAxNy45MTY0IDQuNjg3OTdDMTcuOTExMiA0LjUwODkgMTcuODM4NiA0LjMzMTY2IDE3LjY5OTIgNC4xOTc3QzE3LjYzMTIgNC4xMzIzMiAxNy41NTM1IDQuMDgzMjIgMTcuNDcxIDQuMDUwM0MxNy4zODk4IDQuMDE3ODUgMTcuMzAxMSA0IDE3LjIwODMgNEMxNS4wNTIgNCAxMy4wNTY3IDQuNjg4MTEgMTEuNDI5OCA1Ljg1NjY0QzEwLjU2OTkgNS4xMzk2OCA5LjQ2MzU5IDQuNzA4MzMgOC4yNTY1IDQuNzA4MzNDNi43MzE4MyA0LjcwODMzIDUuMzY3ODggNS4zOTY1IDQuNDU4MzMgNi40NzkxN0M1LjM2Nzg4IDcuNTYxODQgNi43MzE4MyA4LjI1IDguMjU2NSA4LjI1QzguNTUxODggOC4yNSA4Ljg0MTIzIDguMjI0MTcgOS4xMjI0MSA4LjE3NDY1QzguNDk4IDkuMDUyNDQgOC4wMTI5MiAxMC4wMzYzIDcuNjk5NCAxMS4wOTM4QzUuNDkyNDYgMTEuMjQ4IDMuNzUgMTMuMDg3MiAzLjc1IDE1LjMzMzNDMy43NSAxNy42ODA1IDUuNjUyNzkgMTkuNTgzMyA4IDE5LjU4MzNDOC4zNTgwMiAxOS41ODMzIDguNzA1NyAxOS41MzkxIDkuMDM3ODcgMTkuNDU1N0M5LjU1Nzk0IDE5LjMyNTIgOS43NDcwMyAxOC43MzU1IDkuNjA4NTMgMTguMjE3NUM5LjQ4MzM4IDE3Ljc0OTQgOS40MTY2NyAxNy4yNTc1IDkuNDE2NjcgMTYuNzVDOS40MTY2NyAxNS40NDc4IDkuODU1OSAxNC4yNDgyIDEwLjU5NDMgMTMuMjkxMkMxMC45MjE4IDEyLjg2NjcgMTAuOTczMyAxMi4yNDk4IDEwLjU0NCAxMS45Mjg1QzEwLjEyOCAxMS42MTcyIDkuNjUzMDUgMTEuMzgwMyA5LjEzODkgMTEuMjM3N0MxMC4wOTUyIDguMzU1NDEgMTIuNTUzMSA2LjE1ODA0IDE1LjU4NDYgNS41NzE1OUMxNC4zNzQyIDcuMzA1NzIgMTMuNjY2NyA5LjM4MTE4IDEzLjY2NjcgMTEuNjE0NkMxMy42NjY3IDExLjk4OCAxMy42ODY1IDEyLjM1NzQgMTMuNzI1MiAxMi43MjE2QzEyLjA0NCAxMy4yODgyIDEwLjgzMzMgMTQuODc3NyAxMC44MzMzIDE2Ljc1QzEwLjgzMzMgMTkuMDk3MiAxMi43MzYxIDIxIDE1LjA4MzMgMjFDMTcuNDMwNSAyMSAxOS4zMzMzIDE5LjA5NzIgMTkuMzMzMyAxNi43NUMxOS4zMzMzIDE0LjQxNzIgMTcuNDUzOSAxMi41MjM0IDE1LjEyNjYgMTIuNTAwMkMxNS4wOTggMTIuMjA4NyAxNS4wODMzIDExLjkxMzMgMTUuMDgzMyAxMS42MTQ2QzE1LjA4MzMgOS4xNTgwNSAxNi4wNzQxIDYuOTEwMjUgMTcuNzE5IDUuMTk5MjRaTTYuNTgzMzMgMTUuMzMzM0M2LjU4MzMzIDE0LjU1MDkgNy4yMTc2IDEzLjkxNjYgOCAxMy45MTY2QzguMzkxMiAxMy45MTY2IDguNzA4MzMgMTMuNTk5NSA4LjcwODMzIDEzLjIwODNDOC43MDgzMyAxMi44MTcxIDguMzkxMiAxMi41IDggMTIuNUM2LjQzNTE5IDEyLjUgNS4xNjY2NyAxMy43Njg1IDUuMTY2NjcgMTUuMzMzM0M1LjE2NjY3IDE1LjcyNDUgNS40ODM4IDE2LjA0MTYgNS44NzUgMTYuMDQxNkM2LjI2NjIgMTYuMDQxNiA2LjU4MzMzIDE1LjcyNDUgNi41ODMzMyAxNS4zMzMzWk0xNS4wODMzIDE1LjMzMzNDMTQuMzAwOSAxNS4zMzMzIDEzLjY2NjcgMTUuOTY3NiAxMy42NjY3IDE2Ljc1QzEzLjY2NjcgMTcuMTQxMiAxMy4zNDk1IDE3LjQ1ODMgMTIuOTU4MyAxNy40NTgzQzEyLjU2NzEgMTcuNDU4MyAxMi4yNSAxNy4xNDEyIDEyLjI1IDE2Ljc1QzEyLjI1IDE1LjE4NTIgMTMuNTE4NSAxMy45MTY3IDE1LjA4MzMgMTMuOTE2N0MxNS40NzQ1IDEzLjkxNjcgMTUuNzkxNyAxNC4yMzM4IDE1Ljc5MTcgMTQuNjI1QzE1Ljc5MTcgMTUuMDE2MiAxNS40NzQ1IDE1LjMzMzMgMTUuMDgzMyAxNS4zMzMzWiIgCiAgICAvPgogIDwvc3ZnPg=="}),M("button",{type:"button",class:"GameIcon GameIcon--full-screen"},M("img",{src:"data:image/svg+xml;base64,CiAgPHN2ZyBjbGFzcz0ic3ZnLXdpdGgtZmlsbCIgd2lkdGg9IjE3cHgiIGhlaWdodD0iMTdweCIgdmlld0JveD0iMCAwIDE3IDE3IgogICAgdmVyc2lvbj0iMS4xIgogICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogID4KICAgIDxnIGNsYXNzPSJzdmdfX2ZpbGwiIGZpbGw9ImJsYWNrIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMS4xOTQ3NSAwLjE2MzQ5OEMxLjMyNTQxIDAuMDMyOTA4NSAxLjUxMjAxIC0wLjAyNDI2NTggMS42OTM0MSAwLjAwOTUzMzk2TDYuNzYzNjIgMC45NTk1MTFDNi45OTI4MyAxLjAwMjY4IDcuMTc4ODQgMS4xNjgzNSA3LjI0NzY0IDEuMzkxMDRDNy4zMTY0NSAxLjYxMzMgNy4yNTY0MiAxLjg1NTkgNy4wOTE5NiAyLjAyMDMyTDYuMjg4ODkgMi44MjMzNkw4Ljc5NzkgNS4zMzEzOEM5LjAwMjA4IDUuNTM1NDYgOS4wMDE5NyA1Ljg2NjQ3IDguNzk3NzEgNi4wNzA0OEw3LjA3MTgxIDcuNzk0MTJDNi44Njc3NiA3Ljk5Nzg3IDYuNTM3MTkgNy45OTc3NiA2LjMzMzMgNy43OTM4NkwzLjgyNTUzIDUuMjg2MTdMMy4wMjE4NyA2LjA4OTJDMi44NTY4MyA2LjI1NDI1IDIuNjEzNjggNi4zMTM3NyAyLjM5MDg3IDYuMjQ0MzRDMi4xNjgwNyA2LjE3NDI5IDIuMDAyNDMgNS45ODcxMSAxLjk2MTA2IDUuNzU3MzVMMS4wMzc5IDAuNjYxNDU5QzEuMDA1MjMgMC40Nzk1NDggMS4wNjM1OCAwLjI5MzUwMyAxLjE5NDc1IDAuMTYzNDk4WiI+PC9wYXRoPgogICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC4xODI3IDEwLjg1MTZMMTQuOTg2MyAxMC4wNDg2QzE1LjE1MTQgOS44ODM0OSAxNS4zOTQ1IDkuODI0MDEgMTUuNjE3MyA5Ljg5MzQxQzE1Ljg0MDEgOS45NjM0MiAxNi4wMDU3IDEwLjE1MDYgMTYuMDQ3MiAxMC4zODA0TDE2Ljk3MDMgMTUuNDc2M0MxNy4wMDI5IDE1LjY1ODIgMTYuOTQ0NiAxNS44NDQzIDE2LjgxMzQgMTUuOTc0M0MxNi42ODI4IDE2LjEwNDkgMTYuNDk2MSAxNi4xNjIxIDE2LjMxNDggMTYuMTI4MkwxMS4yNDQ2IDE1LjE3ODJDMTEuMDE1NCAxNS4xMzUxIDEwLjgyOTQgMTQuOTY5NCAxMC43NjA1IDE0Ljc0NjdDMTAuNjkxNyAxNC41MjQ0IDEwLjc1MTggMTQuMjgxOSAxMC45MTYzIDE0LjExNzRMMTEuNzE5MyAxMy4zMTQ0TDkuMjA3NjMgMTAuODEwNEM5LjAwMyAxMC42MDYzIDkuMDAyODUgMTAuMjc1IDkuMjA3MjYgMTAuMDcwOEwxMC45MzY0IDguMzQzN0MxMS4xNDA1IDguMTM5OTIgMTEuNDcxMSA4LjEzOTk5IDExLjY3NSA4LjM0MzkyTDE0LjE4MjcgMTAuODUxNloiPjwvcGF0aD4KICAgIDwvZz4KICA8L3N2Zz4="})),M("button",{type:"button",class:"GameIcon GameIcon--close"},M("img",{src:"data:image/svg+xml;base64,ICA8c3ZnIGNsYXNzPSJpY29uIHN2Zy13aXRoLXN0cm9rZSBudWxsIiB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTAuMyAxMC4zIgogICAgdmVyc2lvbj0iMS4xIgogICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogID4KICAgIDxnIGNsYXNzPSJzdmdfX2ZpbGwiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjMjIyMjIyIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICA8cGF0aCBkPSJNMTAsMC40TDAuNCwxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiAvPgogICAgICA8cGF0aCBkPSJNMTAsMTBMMC40LDAuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiAvPgogICAgPC9nPgogIDwvc3ZnPg=="}))),M("iframe",{src:g,width:"100%",height:D.clientWidth/16*9,frameborder:"0"})),j=({text:N,games:g,onClickGame:D})=>M("div",{class:"GamesContainer"},M("div",{id:"GamesHeader"},M("div",null,M("img",{src:"data:image/svg+xml;base64,ICA8c3ZnIGNsYXNzPSJpY29uIHN2Zy13aXRoLWZpbGwgZ2FtZXMtaWNvbiIgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDIwIDIwIgogICAgdmVyc2lvbj0iMS4xIgogICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogID4KICAgIDxwYXRoIGNsYXNzPSJzdmdfX2ZpbGwiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTcuNDQ1MyAxLjEzMDk2QzE3LjQwNjYgMS4yMzIzMSAxNy4zNDczIDEuMzI3NzQgMTcuMjY3NCAxLjQxMDg3QzE1LjMzMjMgMy40MjM4MiAxNC4xNjY3IDYuMDY4MjkgMTQuMTY2NyA4Ljk1ODMzQzE0LjE2NjcgOS4zMDk3OCAxNC4xODM5IDkuNjU3MyAxNC4yMTc2IDEwLjAwMDNDMTYuOTU1NSAxMC4wMjc2IDE5LjE2NjcgMTIuMjU1NiAxOS4xNjY3IDE1QzE5LjE2NjcgMTcuNzYxNCAxNi45MjgxIDIwIDE0LjE2NjcgMjBDMTEuNDA1MyAyMCA5LjE2NjY4IDE3Ljc2MTQgOS4xNjY2OCAxNUM5LjE2NjY4IDEyLjc5NzMgMTAuNTkxIDEwLjkyNzMgMTIuNTY4OCAxMC4yNjA3QzEyLjUyMzMgOS44MzIxOCAxMi41IDkuMzk3NjkgMTIuNSA4Ljk1ODMzQzEyLjUgNi4zMzA3OSAxMy4zMzI0IDMuODg5MDggMTQuNzU2NSAxLjg0ODkzQzExLjE5IDIuNTM4ODcgOC4yOTgyOSA1LjEyNDAxIDcuMTczMjMgOC41MTQ5QzcuODMzOTkgOC42OTgyNCA4LjQzOTczIDkuMDEzODUgOC45NjAxNCA5LjQzMTQyQzkuMzc4MzQgOS43NjY5OCA5LjMyODc2IDEwLjM4MjEgOC45OTA1OCAxMC43OTgyQzguMDU4NiAxMS45NDQ4IDcuNTAwMDEgMTMuNDA3MiA3LjUwMDAxIDE1QzcuNTAwMDEgMTUuNjU2MyA3LjU5NDg0IDE2LjI5MDQgNy43NzE1NCAxNi44ODk0QzcuOTIzMjUgMTcuNDAzNyA3LjczMzE2IDE3Ljk5MSA3LjIxNzg0IDE4LjEzOTJDNi43NzgxOCAxOC4yNjU2IDYuMzEzNjcgMTguMzMzMyA1LjgzMzM0IDE4LjMzMzNDMy4wNzE5MiAxOC4zMzMzIDAuODMzMzQ0IDE2LjA5NDggMC44MzMzNDQgMTMuMzMzM0MwLjgzMzM0NCAxMC42OTA4IDIuODgzMyA4LjUyNzA3IDUuNDc5NyA4LjM0NTY1QzUuODQ4NTUgNy4xMDE0NyA2LjQxOTIzIDUuOTQ0MDQgNy4xNTM4MyA0LjkxMTM1QzYuODIzMDMgNC45Njk2MSA2LjQ4MjYyIDUgNi4xMzUxIDVDNC4zNDEzNyA1IDIuNzM2NzQgNC4xOTAzOSAxLjY2NjY4IDIuOTE2NjdDMi43MzY3NCAxLjY0Mjk0IDQuMzQxMzcgMC44MzMzMzMgNi4xMzUxIDAuODMzMzMzQzcuNTU1MjIgMC44MzMzMzMgOC44NTY4MSAxLjM0MDggOS44Njg0MyAyLjE4NDI4QzExLjc4MjQgMC44MDk1MzggMTQuMTI5OCAwIDE2LjY2NjcgMEMxNi43NzUzIDAgMTYuODc5MSAwLjAyMDc5IDE2Ljk3NDMgMC4wNTg2MDg3QzE3LjA3MTkgMC4wOTczMzQ1IDE3LjE2MzggMC4xNTUyOSAxNy4yNDQyIDAuMjMyNTg3QzE3LjQwNjggMC4zODg4OTcgMTcuNDkyMiAwLjU5NTI5NiAxNy40OTk1IDAuODA0MkMxNy41MDA0IDAuODMwOTE1IDE3LjUwMDEgMC44NTc2NzEgMTcuNDk4NSAwLjg4NDM2OUMxNy40OTMyIDAuOTcwNzc3IDE3LjQ3NDkgMS4wNTM2MyAxNy40NDUzIDEuMTMwOTZaTTUuODMzMzQgMTEuNjY2N0M0LjkxMjg3IDExLjY2NjcgNC4xNjY2OCAxMi40MTI5IDQuMTY2NjggMTMuMzMzM0M0LjE2NjY4IDEzLjc5MzYgMy43OTM1OCAxNC4xNjY3IDMuMzMzMzQgMTQuMTY2N0MyLjg3MzExIDE0LjE2NjcgMi41MDAwMSAxMy43OTM2IDIuNTAwMDEgMTMuMzMzM0MyLjUwMDAxIDExLjQ5MjQgMy45OTIzOSAxMCA1LjgzMzM0IDEwQzYuMjkzNTggMTAgNi42NjY2OCAxMC4zNzMxIDYuNjY2NjggMTAuODMzM0M2LjY2NjY4IDExLjI5MzYgNi4yOTM1OCAxMS42NjY3IDUuODMzMzQgMTEuNjY2N1pNMTIuNSAxNUMxMi41IDE0LjA3OTUgMTMuMjQ2MiAxMy4zMzMzIDE0LjE2NjcgMTMuMzMzM0MxNC42MjY5IDEzLjMzMzMgMTUgMTIuOTYwMiAxNSAxMi41QzE1IDEyLjAzOTggMTQuNjI2OSAxMS42NjY3IDE0LjE2NjcgMTEuNjY2N0MxMi4zMjU3IDExLjY2NjcgMTAuODMzMyAxMy4xNTkxIDEwLjgzMzMgMTVDMTAuODMzMyAxNS40NjAyIDExLjIwNjQgMTUuODMzMyAxMS42NjY3IDE1LjgzMzNDMTIuMTI2OSAxNS44MzMzIDEyLjUgMTUuNDYwMiAxMi41IDE1WiIgZmlsbD0iI0ZGNjcxMCIgLz4KICA8L3N2Zz4="}),M("p",{innerHTML:N}))),M("div",{id:"Games"},g.map((N=>M("div",{class:"Game"},M("div",Object.assign({class:"GameImg"},((M,N)=>({style:{"background-image":`url(${M.icons[88]})`},onClick:()=>N(M.launchUrl)}))(N,D)))))))),A=class{constructor(M){g(this,M),this.launchUrl=void 0,this.games=[]}async componentDidLoad(){this.games=await(async(M,N)=>{const g=I(`${M}/casino/games`,{language:N,filter:"categories(id=MINIGAMES)"});return(await(async M=>{let N;try{N=await fetch(M),N=await N.json()}catch(M){console.error(M)}return N})(g)).items})(this.endpoint,this.language)}onClickGame(M){this.launchUrl=I(M,{language:this.language,_sid:this.session})}render(){return M("div",{id:"LobbyContainer"},M(z,Object.assign({},{src:this.launchUrl,host:this.host})),M(j,Object.assign({},{text:"Mini Games",games:this.games,onClickGame:this.onClickGame.bind(this)})))}get host(){return D(this)}};A.style=":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)}";export{A as mini_games_lobby}

package/dist/types/Users/adrian.pripon/Documents/Work/stencil/widgets-stencil/packages/mini-games-lobby/.stencil/packages/mini-games-lobby/stencil.config.d.ts

@@ -1,2 +0,0 @@
-import { Config } from '../../../../../../../../../../../stencil-public-runtime';
-export declare const config: Config;

package/dist/types/utils/utils.d.ts

@@ -1 +0,0 @@
-export declare function format(first: string, middle: string, last: string): string;