@everymatrix/mini-games-lobby 1.14.0

package/dist/cjs/index.cjs.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/cjs/loader.cjs.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-787a0452.js');
+
+/*
+ Stencil Client Patch Esm v2.15.2 | MIT Licensed | https://stenciljs.com
+ */
+const patchEsm = () => {
+    return index.promiseResolve();
+};
+
+const defineCustomElements = (win, options) => {
+  if (typeof window === 'undefined') return Promise.resolve();
+  return patchEsm().then(() => {
+  return index.bootstrapLazy([["mini-games-lobby.cjs",[[1,"mini-games-lobby",{"session":[1],"endpoint":[1],"language":[1],"launchUrl":[32],"games":[32]}]]]], options);
+  });
+};
+
+exports.defineCustomElements = defineCustomElements;

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

@@ -0,0 +1,95 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-787a0452.js');
+
+const fetcher = async (url) => {
+  let res;
+  try {
+    res = await fetch(url);
+    res = await res.json();
+  }
+  catch (e) {
+    console.error(e);
+  }
+  return res;
+};
+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)',
+  });
+  const res = await fetcher(url);
+  return res.items;
+};
+
+const crossIconSvg = 'data:image/svg+xml;base64,ICA8c3ZnIGNsYXNzPSJpY29uIHN2Zy13aXRoLXN0cm9rZSBudWxsIiB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTAuMyAxMC4zIgogICAgdmVyc2lvbj0iMS4xIgogICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogID4KICAgIDxnIGNsYXNzPSJzdmdfX2ZpbGwiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjMjIyMjIyIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICA8cGF0aCBkPSJNMTAsMC40TDAuNCwxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiAvPgogICAgICA8cGF0aCBkPSJNMTAsMTBMMC40LDAuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiAvPgogICAgPC9nPgogIDwvc3ZnPg==';
+
+const fullScreenIconSvg = 'data:image/svg+xml;base64,CiAgPHN2ZyBjbGFzcz0ic3ZnLXdpdGgtZmlsbCIgd2lkdGg9IjE3cHgiIGhlaWdodD0iMTdweCIgdmlld0JveD0iMCAwIDE3IDE3IgogICAgdmVyc2lvbj0iMS4xIgogICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogID4KICAgIDxnIGNsYXNzPSJzdmdfX2ZpbGwiIGZpbGw9ImJsYWNrIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMS4xOTQ3NSAwLjE2MzQ5OEMxLjMyNTQxIDAuMDMyOTA4NSAxLjUxMjAxIC0wLjAyNDI2NTggMS42OTM0MSAwLjAwOTUzMzk2TDYuNzYzNjIgMC45NTk1MTFDNi45OTI4MyAxLjAwMjY4IDcuMTc4ODQgMS4xNjgzNSA3LjI0NzY0IDEuMzkxMDRDNy4zMTY0NSAxLjYxMzMgNy4yNTY0MiAxLjg1NTkgNy4wOTE5NiAyLjAyMDMyTDYuMjg4ODkgMi44MjMzNkw4Ljc5NzkgNS4zMzEzOEM5LjAwMjA4IDUuNTM1NDYgOS4wMDE5NyA1Ljg2NjQ3IDguNzk3NzEgNi4wNzA0OEw3LjA3MTgxIDcuNzk0MTJDNi44Njc3NiA3Ljk5Nzg3IDYuNTM3MTkgNy45OTc3NiA2LjMzMzMgNy43OTM4NkwzLjgyNTUzIDUuMjg2MTdMMy4wMjE4NyA2LjA4OTJDMi44NTY4MyA2LjI1NDI1IDIuNjEzNjggNi4zMTM3NyAyLjM5MDg3IDYuMjQ0MzRDMi4xNjgwNyA2LjE3NDI5IDIuMDAyNDMgNS45ODcxMSAxLjk2MTA2IDUuNzU3MzVMMS4wMzc5IDAuNjYxNDU5QzEuMDA1MjMgMC40Nzk1NDggMS4wNjM1OCAwLjI5MzUwMyAxLjE5NDc1IDAuMTYzNDk4WiI+PC9wYXRoPgogICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC4xODI3IDEwLjg1MTZMMTQuOTg2MyAxMC4wNDg2QzE1LjE1MTQgOS44ODM0OSAxNS4zOTQ1IDkuODI0MDEgMTUuNjE3MyA5Ljg5MzQxQzE1Ljg0MDEgOS45NjM0MiAxNi4wMDU3IDEwLjE1MDYgMTYuMDQ3MiAxMC4zODA0TDE2Ljk3MDMgMTUuNDc2M0MxNy4wMDI5IDE1LjY1ODIgMTYuOTQ0NiAxNS44NDQzIDE2LjgxMzQgMTUuOTc0M0MxNi42ODI4IDE2LjEwNDkgMTYuNDk2MSAxNi4xNjIxIDE2LjMxNDggMTYuMTI4MkwxMS4yNDQ2IDE1LjE3ODJDMTEuMDE1NCAxNS4xMzUxIDEwLjgyOTQgMTQuOTY5NCAxMC43NjA1IDE0Ljc0NjdDMTAuNjkxNyAxNC41MjQ0IDEwLjc1MTggMTQuMjgxOSAxMC45MTYzIDE0LjExNzRMMTEuNzE5MyAxMy4zMTQ0TDkuMjA3NjMgMTAuODEwNEM5LjAwMyAxMC42MDYzIDkuMDAyODUgMTAuMjc1IDkuMjA3MjYgMTAuMDcwOEwxMC45MzY0IDguMzQzN0MxMS4xNDA1IDguMTM5OTIgMTEuNDcxMSA4LjEzOTk5IDExLjY3NSA4LjM0MzkyTDE0LjE4MjcgMTAuODUxNloiPjwvcGF0aD4KICAgIDwvZz4KICA8L3N2Zz4=';
+
+const launchHeaderIconSvg = 'data:image/svg+xml;base64,CiAgPHN2ZyBjbGFzcz0iaWNvbiBtaW5pLWdhbWUtaWNvbiBzdmctd2l0aC1maWxsIiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgICB2ZXJzaW9uPSIxLjEiCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgPgogICAgPHBhdGggCiAgICAgIGNsYXNzPSJzdmdfX2ZpbGwiCiAgICAgIGZpbGwtcnVsZT0iZXZlbm9kZCIKICAgICAgY2xpcC1ydWxlPSJldmVub2RkIiAKICAgICAgZmlsbD0iI0ZGNjcxMCIKICAgICAgZD0iTTEyIDI0QzE4LjYyNzQgMjQgMjQgMTguNjI3NCAyNCAxMkMyNCA1LjM3MjU4IDE4LjYyNzQgMCAxMiAwQzUuMzcyNTggMCAwIDUuMzcyNTggMCAxMkMwIDE4LjYyNzQgNS4zNzI1OCAyNCAxMiAyNFpNMTcuNzE5IDUuMTk5MjRDMTcuNzg2IDUuMTI5NDkgMTcuODM2IDUuMDQ5NTUgMTcuODY4OSA0Ljk2NDY0QzE3Ljg5NTMgNC44OTY2NiAxNy45MTE1IDQuODIzNiAxNy45MTU2IDQuNzQ3MzNDMTcuOTE2NyA0LjcyNzU2IDE3LjkxNjkgNC43MDc3NSAxNy45MTY0IDQuNjg3OTdDMTcuOTExMiA0LjUwODkgMTcuODM4NiA0LjMzMTY2IDE3LjY5OTIgNC4xOTc3QzE3LjYzMTIgNC4xMzIzMiAxNy41NTM1IDQuMDgzMjIgMTcuNDcxIDQuMDUwM0MxNy4zODk4IDQuMDE3ODUgMTcuMzAxMSA0IDE3LjIwODMgNEMxNS4wNTIgNCAxMy4wNTY3IDQuNjg4MTEgMTEuNDI5OCA1Ljg1NjY0QzEwLjU2OTkgNS4xMzk2OCA5LjQ2MzU5IDQuNzA4MzMgOC4yNTY1IDQuNzA4MzNDNi43MzE4MyA0LjcwODMzIDUuMzY3ODggNS4zOTY1IDQuNDU4MzMgNi40NzkxN0M1LjM2Nzg4IDcuNTYxODQgNi43MzE4MyA4LjI1IDguMjU2NSA4LjI1QzguNTUxODggOC4yNSA4Ljg0MTIzIDguMjI0MTcgOS4xMjI0MSA4LjE3NDY1QzguNDk4IDkuMDUyNDQgOC4wMTI5MiAxMC4wMzYzIDcuNjk5NCAxMS4wOTM4QzUuNDkyNDYgMTEuMjQ4IDMuNzUgMTMuMDg3MiAzLjc1IDE1LjMzMzNDMy43NSAxNy42ODA1IDUuNjUyNzkgMTkuNTgzMyA4IDE5LjU4MzNDOC4zNTgwMiAxOS41ODMzIDguNzA1NyAxOS41MzkxIDkuMDM3ODcgMTkuNDU1N0M5LjU1Nzk0IDE5LjMyNTIgOS43NDcwMyAxOC43MzU1IDkuNjA4NTMgMTguMjE3NUM5LjQ4MzM4IDE3Ljc0OTQgOS40MTY2NyAxNy4yNTc1IDkuNDE2NjcgMTYuNzVDOS40MTY2NyAxNS40NDc4IDkuODU1OSAxNC4yNDgyIDEwLjU5NDMgMTMuMjkxMkMxMC45MjE4IDEyLjg2NjcgMTAuOTczMyAxMi4yNDk4IDEwLjU0NCAxMS45Mjg1QzEwLjEyOCAxMS42MTcyIDkuNjUzMDUgMTEuMzgwMyA5LjEzODkgMTEuMjM3N0MxMC4wOTUyIDguMzU1NDEgMTIuNTUzMSA2LjE1ODA0IDE1LjU4NDYgNS41NzE1OUMxNC4zNzQyIDcuMzA1NzIgMTMuNjY2NyA5LjM4MTE4IDEzLjY2NjcgMTEuNjE0NkMxMy42NjY3IDExLjk4OCAxMy42ODY1IDEyLjM1NzQgMTMuNzI1MiAxMi43MjE2QzEyLjA0NCAxMy4yODgyIDEwLjgzMzMgMTQuODc3NyAxMC44MzMzIDE2Ljc1QzEwLjgzMzMgMTkuMDk3MiAxMi43MzYxIDIxIDE1LjA4MzMgMjFDMTcuNDMwNSAyMSAxOS4zMzMzIDE5LjA5NzIgMTkuMzMzMyAxNi43NUMxOS4zMzMzIDE0LjQxNzIgMTcuNDUzOSAxMi41MjM0IDE1LjEyNjYgMTIuNTAwMkMxNS4wOTggMTIuMjA4NyAxNS4wODMzIDExLjkxMzMgMTUuMDgzMyAxMS42MTQ2QzE1LjA4MzMgOS4xNTgwNSAxNi4wNzQxIDYuOTEwMjUgMTcuNzE5IDUuMTk5MjRaTTYuNTgzMzMgMTUuMzMzM0M2LjU4MzMzIDE0LjU1MDkgNy4yMTc2IDEzLjkxNjYgOCAxMy45MTY2QzguMzkxMiAxMy45MTY2IDguNzA4MzMgMTMuNTk5NSA4LjcwODMzIDEzLjIwODNDOC43MDgzMyAxMi44MTcxIDguMzkxMiAxMi41IDggMTIuNUM2LjQzNTE5IDEyLjUgNS4xNjY2NyAxMy43Njg1IDUuMTY2NjcgMTUuMzMzM0M1LjE2NjY3IDE1LjcyNDUgNS40ODM4IDE2LjA0MTYgNS44NzUgMTYuMDQxNkM2LjI2NjIgMTYuMDQxNiA2LjU4MzMzIDE1LjcyNDUgNi41ODMzMyAxNS4zMzMzWk0xNS4wODMzIDE1LjMzMzNDMTQuMzAwOSAxNS4zMzMzIDEzLjY2NjcgMTUuOTY3NiAxMy42NjY3IDE2Ljc1QzEzLjY2NjcgMTcuMTQxMiAxMy4zNDk1IDE3LjQ1ODMgMTIuOTU4MyAxNy40NTgzQzEyLjU2NzEgMTcuNDU4MyAxMi4yNSAxNy4xNDEyIDEyLjI1IDE2Ljc1QzEyLjI1IDE1LjE4NTIgMTMuNTE4NSAxMy45MTY3IDE1LjA4MzMgMTMuOTE2N0MxNS40NzQ1IDEzLjkxNjcgMTUuNzkxNyAxNC4yMzM4IDE1Ljc5MTcgMTQuNjI1QzE1Ljc5MTcgMTUuMDE2MiAxNS40NzQ1IDE1LjMzMzMgMTUuMDgzMyAxNS4zMzMzWiIgCiAgICAvPgogIDwvc3ZnPg==';
+
+const renderTopbar = () => (index.h("div", { id: "GameLaunchHeader" },
+  index.h("img", { src: launchHeaderIconSvg }),
+  index.h("button", { type: "button", class: "GameIcon GameIcon--full-screen" },
+    index.h("img", { src: fullScreenIconSvg })),
+  index.h("button", { type: "button", class: "GameIcon GameIcon--close" },
+    index.h("img", { src: crossIconSvg }))));
+const GameLauncher = ({ src, host }) => {
+  return src && (index.h(index.Fragment, null,
+    renderTopbar(),
+    index.h("iframe", { src: src, width: '100%', height: host.clientWidth / 16 * 9, frameborder: "0" })));
+};
+
+const headerIconSvg = 'data:image/svg+xml;base64,ICA8c3ZnIGNsYXNzPSJpY29uIHN2Zy13aXRoLWZpbGwgZ2FtZXMtaWNvbiIgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDIwIDIwIgogICAgdmVyc2lvbj0iMS4xIgogICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogID4KICAgIDxwYXRoIGNsYXNzPSJzdmdfX2ZpbGwiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTcuNDQ1MyAxLjEzMDk2QzE3LjQwNjYgMS4yMzIzMSAxNy4zNDczIDEuMzI3NzQgMTcuMjY3NCAxLjQxMDg3QzE1LjMzMjMgMy40MjM4MiAxNC4xNjY3IDYuMDY4MjkgMTQuMTY2NyA4Ljk1ODMzQzE0LjE2NjcgOS4zMDk3OCAxNC4xODM5IDkuNjU3MyAxNC4yMTc2IDEwLjAwMDNDMTYuOTU1NSAxMC4wMjc2IDE5LjE2NjcgMTIuMjU1NiAxOS4xNjY3IDE1QzE5LjE2NjcgMTcuNzYxNCAxNi45MjgxIDIwIDE0LjE2NjcgMjBDMTEuNDA1MyAyMCA5LjE2NjY4IDE3Ljc2MTQgOS4xNjY2OCAxNUM5LjE2NjY4IDEyLjc5NzMgMTAuNTkxIDEwLjkyNzMgMTIuNTY4OCAxMC4yNjA3QzEyLjUyMzMgOS44MzIxOCAxMi41IDkuMzk3NjkgMTIuNSA4Ljk1ODMzQzEyLjUgNi4zMzA3OSAxMy4zMzI0IDMuODg5MDggMTQuNzU2NSAxLjg0ODkzQzExLjE5IDIuNTM4ODcgOC4yOTgyOSA1LjEyNDAxIDcuMTczMjMgOC41MTQ5QzcuODMzOTkgOC42OTgyNCA4LjQzOTczIDkuMDEzODUgOC45NjAxNCA5LjQzMTQyQzkuMzc4MzQgOS43NjY5OCA5LjMyODc2IDEwLjM4MjEgOC45OTA1OCAxMC43OTgyQzguMDU4NiAxMS45NDQ4IDcuNTAwMDEgMTMuNDA3MiA3LjUwMDAxIDE1QzcuNTAwMDEgMTUuNjU2MyA3LjU5NDg0IDE2LjI5MDQgNy43NzE1NCAxNi44ODk0QzcuOTIzMjUgMTcuNDAzNyA3LjczMzE2IDE3Ljk5MSA3LjIxNzg0IDE4LjEzOTJDNi43NzgxOCAxOC4yNjU2IDYuMzEzNjcgMTguMzMzMyA1LjgzMzM0IDE4LjMzMzNDMy4wNzE5MiAxOC4zMzMzIDAuODMzMzQ0IDE2LjA5NDggMC44MzMzNDQgMTMuMzMzM0MwLjgzMzM0NCAxMC42OTA4IDIuODgzMyA4LjUyNzA3IDUuNDc5NyA4LjM0NTY1QzUuODQ4NTUgNy4xMDE0NyA2LjQxOTIzIDUuOTQ0MDQgNy4xNTM4MyA0LjkxMTM1QzYuODIzMDMgNC45Njk2MSA2LjQ4MjYyIDUgNi4xMzUxIDVDNC4zNDEzNyA1IDIuNzM2NzQgNC4xOTAzOSAxLjY2NjY4IDIuOTE2NjdDMi43MzY3NCAxLjY0Mjk0IDQuMzQxMzcgMC44MzMzMzMgNi4xMzUxIDAuODMzMzMzQzcuNTU1MjIgMC44MzMzMzMgOC44NTY4MSAxLjM0MDggOS44Njg0MyAyLjE4NDI4QzExLjc4MjQgMC44MDk1MzggMTQuMTI5OCAwIDE2LjY2NjcgMEMxNi43NzUzIDAgMTYuODc5MSAwLjAyMDc5IDE2Ljk3NDMgMC4wNTg2MDg3QzE3LjA3MTkgMC4wOTczMzQ1IDE3LjE2MzggMC4xNTUyOSAxNy4yNDQyIDAuMjMyNTg3QzE3LjQwNjggMC4zODg4OTcgMTcuNDkyMiAwLjU5NTI5NiAxNy40OTk1IDAuODA0MkMxNy41MDA0IDAuODMwOTE1IDE3LjUwMDEgMC44NTc2NzEgMTcuNDk4NSAwLjg4NDM2OUMxNy40OTMyIDAuOTcwNzc3IDE3LjQ3NDkgMS4wNTM2MyAxNy40NDUzIDEuMTMwOTZaTTUuODMzMzQgMTEuNjY2N0M0LjkxMjg3IDExLjY2NjcgNC4xNjY2OCAxMi40MTI5IDQuMTY2NjggMTMuMzMzM0M0LjE2NjY4IDEzLjc5MzYgMy43OTM1OCAxNC4xNjY3IDMuMzMzMzQgMTQuMTY2N0MyLjg3MzExIDE0LjE2NjcgMi41MDAwMSAxMy43OTM2IDIuNTAwMDEgMTMuMzMzM0MyLjUwMDAxIDExLjQ5MjQgMy45OTIzOSAxMCA1LjgzMzM0IDEwQzYuMjkzNTggMTAgNi42NjY2OCAxMC4zNzMxIDYuNjY2NjggMTAuODMzM0M2LjY2NjY4IDExLjI5MzYgNi4yOTM1OCAxMS42NjY3IDUuODMzMzQgMTEuNjY2N1pNMTIuNSAxNUMxMi41IDE0LjA3OTUgMTMuMjQ2MiAxMy4zMzMzIDE0LjE2NjcgMTMuMzMzM0MxNC42MjY5IDEzLjMzMzMgMTUgMTIuOTYwMiAxNSAxMi41QzE1IDEyLjAzOTggMTQuNjI2OSAxMS42NjY3IDE0LjE2NjcgMTEuNjY2N0MxMi4zMjU3IDExLjY2NjcgMTAuODMzMyAxMy4xNTkxIDEwLjgzMzMgMTVDMTAuODMzMyAxNS40NjAyIDExLjIwNjQgMTUuODMzMyAxMS42NjY3IDE1LjgzMzNDMTIuMTI2OSAxNS44MzMzIDEyLjUgMTUuNDYwMiAxMi41IDE1WiIgZmlsbD0iI0ZGNjcxMCIgLz4KICA8L3N2Zz4=';
+
+const getProps = (game, onClickGame) => ({
+  style: {
+    "background-image": `url(${game.icons['88']})`
+  },
+  onClick: () => onClickGame(game.launchUrl),
+});
+const Games = ({ text, games, onClickGame }) => (index.h("div", { class: "GamesContainer" },
+  index.h("div", { id: "GamesHeader" },
+    index.h("div", null,
+      index.h("img", { src: headerIconSvg }),
+      index.h("p", { innerHTML: text }))),
+  index.h("div", { id: "Games" }, games.map((game) => index.h("div", { class: "Game" },
+    index.h("div", Object.assign({ class: "GameImg" }, getProps(game, onClickGame))))))));
+
+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) {
+    index.registerInstance(this, hostRef);
+    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 (index.h("div", { id: "LobbyContainer" }, index.h(GameLauncher, Object.assign({}, {
+      src: this.launchUrl,
+      host: this.host
+    })), index.h(Games, Object.assign({}, {
+      text: 'Mini Games',
+      games: this.games,
+      onClickGame: this.onClickGame.bind(this)
+    }))));
+  }
+  get host() { return index.getElement(this); }
+};
+MiniGamesLobby.style = miniGamesLobbyCss;
+
+exports.mini_games_lobby = MiniGamesLobby;

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

@@ -0,0 +1,19 @@
+'use strict';
+
+const index = require('./index-787a0452.js');
+
+/*
+ Stencil Client Patch Browser v2.15.2 | MIT Licensed | https://stenciljs.com
+ */
+const 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));
+    const opts = {};
+    if (importMeta !== '') {
+        opts.resourcesUrl = new URL('.', importMeta).href;
+    }
+    return index.promiseResolve(opts);
+};
+
+patchBrowser().then(options => {
+  return index.bootstrapLazy([["mini-games-lobby.cjs",[[1,"mini-games-lobby",{"session":[1],"endpoint":[1],"language":[1],"launchUrl":[32],"games":[32]}]]]], options);
+});

package/dist/collection/collection-manifest.json

@@ -0,0 +1,12 @@
+{
+  "entries": [
+    "./components/mini-games-lobby/mini-games-lobby.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "2.15.2",
+    "typescriptVersion": "4.5.4"
+  },
+  "collections": [],
+  "bundles": []
+}

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

@@ -0,0 +1,94 @@
+: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%;
+  /* overflow: hidden; */
+  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);
+}

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

@@ -0,0 +1,96 @@
+import { Component, Element, Prop, State, h } from '@stencil/core';
+import { fetchGames, getUrl } from '../../utils/fetch';
+import { Games, GameLauncher } from '../../renders';
+export class MiniGamesLobby {
+  constructor() {
+    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',
+        games: this.games,
+        onClickGame: this.onClickGame.bind(this)
+      }))));
+  }
+  static get is() { return "mini-games-lobby"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["mini-games-lobby.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["mini-games-lobby.css"]
+  }; }
+  static get properties() { return {
+    "session": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "User Session"
+      },
+      "attribute": "session",
+      "reflect": false
+    },
+    "endpoint": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Endpoint URL for the source of data"
+      },
+      "attribute": "endpoint",
+      "reflect": false
+    },
+    "language": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Language of the widget"
+      },
+      "attribute": "language",
+      "reflect": false
+    }
+  }; }
+  static get states() { return {
+    "launchUrl": {},
+    "games": {}
+  }; }
+  static get elementRef() { return "host"; }
+}

package/dist/collection/images/CrossIcon.svg

@@ -0,0 +1,9 @@
+  <svg class="icon svg-with-stroke null" width="12px" height="12px" viewBox="0 0 10.3 10.3"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g class="svg__fill" fill-rule="evenodd" stroke="#222222" stroke-width="2">
+      <path d="M10,0.4L0.4,10" stroke-linecap="round" stroke-linejoin="round" />
+      <path d="M10,10L0.4,0.4" stroke-linecap="round" stroke-linejoin="round" />
+    </g>
+  </svg>

package/dist/collection/images/FullScreenIcon.svg

@@ -0,0 +1,10 @@
+
+  <svg class="svg-with-fill" width="17px" height="17px" viewBox="0 0 17 17"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g class="svg__fill" fill="black">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M1.19475 0.163498C1.32541 0.0329085 1.51201 -0.0242658 1.69341 0.00953396L6.76362 0.959511C6.99283 1.00268 7.17884 1.16835 7.24764 1.39104C7.31645 1.6133 7.25642 1.8559 7.09196 2.02032L6.28889 2.82336L8.7979 5.33138C9.00208 5.53546 9.00197 5.86647 8.79771 6.07048L7.07181 7.79412C6.86776 7.99787 6.53719 7.99776 6.3333 7.79386L3.82553 5.28617L3.02187 6.0892C2.85683 6.25425 2.61368 6.31377 2.39087 6.24434C2.16807 6.17429 2.00243 5.98711 1.96106 5.75735L1.0379 0.661459C1.00523 0.479548 1.06358 0.293503 1.19475 0.163498Z"></path>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M14.1827 10.8516L14.9863 10.0486C15.1514 9.88349 15.3945 9.82401 15.6173 9.89341C15.8401 9.96342 16.0057 10.1506 16.0472 10.3804L16.9703 15.4763C17.0029 15.6582 16.9446 15.8443 16.8134 15.9743C16.6828 16.1049 16.4961 16.1621 16.3148 16.1282L11.2446 15.1782C11.0154 15.1351 10.8294 14.9694 10.7605 14.7467C10.6917 14.5244 10.7518 14.2819 10.9163 14.1174L11.7193 13.3144L9.20763 10.8104C9.003 10.6063 9.00285 10.275 9.20726 10.0708L10.9364 8.3437C11.1405 8.13992 11.4711 8.13999 11.675 8.34392L14.1827 10.8516Z"></path>
+    </g>
+  </svg>

package/dist/collection/images/HeaderIcon.svg

@@ -0,0 +1,6 @@
+  <svg class="icon svg-with-fill games-icon" width="20px" height="20px" viewBox="0 0 20 20"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path class="svg__fill" fill-rule="evenodd" clip-rule="evenodd" d="M17.4453 1.13096C17.4066 1.23231 17.3473 1.32774 17.2674 1.41087C15.3323 3.42382 14.1667 6.06829 14.1667 8.95833C14.1667 9.30978 14.1839 9.6573 14.2176 10.0003C16.9555 10.0276 19.1667 12.2556 19.1667 15C19.1667 17.7614 16.9281 20 14.1667 20C11.4053 20 9.16668 17.7614 9.16668 15C9.16668 12.7973 10.591 10.9273 12.5688 10.2607C12.5233 9.83218 12.5 9.39769 12.5 8.95833C12.5 6.33079 13.3324 3.88908 14.7565 1.84893C11.19 2.53887 8.29829 5.12401 7.17323 8.5149C7.83399 8.69824 8.43973 9.01385 8.96014 9.43142C9.37834 9.76698 9.32876 10.3821 8.99058 10.7982C8.0586 11.9448 7.50001 13.4072 7.50001 15C7.50001 15.6563 7.59484 16.2904 7.77154 16.8894C7.92325 17.4037 7.73316 17.991 7.21784 18.1392C6.77818 18.2656 6.31367 18.3333 5.83334 18.3333C3.07192 18.3333 0.833344 16.0948 0.833344 13.3333C0.833344 10.6908 2.8833 8.52707 5.4797 8.34565C5.84855 7.10147 6.41923 5.94404 7.15383 4.91135C6.82303 4.96961 6.48262 5 6.1351 5C4.34137 5 2.73674 4.19039 1.66668 2.91667C2.73674 1.64294 4.34137 0.833333 6.1351 0.833333C7.55522 0.833333 8.85681 1.3408 9.86843 2.18428C11.7824 0.809538 14.1298 0 16.6667 0C16.7753 0 16.8791 0.02079 16.9743 0.0586087C17.0719 0.0973345 17.1638 0.15529 17.2442 0.232587C17.4068 0.388897 17.4922 0.595296 17.4995 0.8042C17.5004 0.830915 17.5001 0.857671 17.4985 0.884369C17.4932 0.970777 17.4749 1.05363 17.4453 1.13096ZM5.83334 11.6667C4.91287 11.6667 4.16668 12.4129 4.16668 13.3333C4.16668 13.7936 3.79358 14.1667 3.33334 14.1667C2.87311 14.1667 2.50001 13.7936 2.50001 13.3333C2.50001 11.4924 3.99239 10 5.83334 10C6.29358 10 6.66668 10.3731 6.66668 10.8333C6.66668 11.2936 6.29358 11.6667 5.83334 11.6667ZM12.5 15C12.5 14.0795 13.2462 13.3333 14.1667 13.3333C14.6269 13.3333 15 12.9602 15 12.5C15 12.0398 14.6269 11.6667 14.1667 11.6667C12.3257 11.6667 10.8333 13.1591 10.8333 15C10.8333 15.4602 11.2064 15.8333 11.6667 15.8333C12.1269 15.8333 12.5 15.4602 12.5 15Z" fill="#FF6710" />
+  </svg>

package/dist/collection/images/LaunchHeaderIcon.svg

@@ -0,0 +1,13 @@
+
+  <svg class="icon mini-game-icon svg-with-fill" width="24px" height="24px" viewBox="0 0 24 24"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path 
+      class="svg__fill"
+      fill-rule="evenodd"
+      clip-rule="evenodd" 
+      fill="#FF6710"
+      d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM17.719 5.19924C17.786 5.12949 17.836 5.04955 17.8689 4.96464C17.8953 4.89666 17.9115 4.8236 17.9156 4.74733C17.9167 4.72756 17.9169 4.70775 17.9164 4.68797C17.9112 4.5089 17.8386 4.33166 17.6992 4.1977C17.6312 4.13232 17.5535 4.08322 17.471 4.0503C17.3898 4.01785 17.3011 4 17.2083 4C15.052 4 13.0567 4.68811 11.4298 5.85664C10.5699 5.13968 9.46359 4.70833 8.2565 4.70833C6.73183 4.70833 5.36788 5.3965 4.45833 6.47917C5.36788 7.56184 6.73183 8.25 8.2565 8.25C8.55188 8.25 8.84123 8.22417 9.12241 8.17465C8.498 9.05244 8.01292 10.0363 7.6994 11.0938C5.49246 11.248 3.75 13.0872 3.75 15.3333C3.75 17.6805 5.65279 19.5833 8 19.5833C8.35802 19.5833 8.7057 19.5391 9.03787 19.4557C9.55794 19.3252 9.74703 18.7355 9.60853 18.2175C9.48338 17.7494 9.41667 17.2575 9.41667 16.75C9.41667 15.4478 9.8559 14.2482 10.5943 13.2912C10.9218 12.8667 10.9733 12.2498 10.544 11.9285C10.128 11.6172 9.65305 11.3803 9.1389 11.2377C10.0952 8.35541 12.5531 6.15804 15.5846 5.57159C14.3742 7.30572 13.6667 9.38118 13.6667 11.6146C13.6667 11.988 13.6865 12.3574 13.7252 12.7216C12.044 13.2882 10.8333 14.8777 10.8333 16.75C10.8333 19.0972 12.7361 21 15.0833 21C17.4305 21 19.3333 19.0972 19.3333 16.75C19.3333 14.4172 17.4539 12.5234 15.1266 12.5002C15.098 12.2087 15.0833 11.9133 15.0833 11.6146C15.0833 9.15805 16.0741 6.91025 17.719 5.19924ZM6.58333 15.3333C6.58333 14.5509 7.2176 13.9166 8 13.9166C8.3912 13.9166 8.70833 13.5995 8.70833 13.2083C8.70833 12.8171 8.3912 12.5 8 12.5C6.43519 12.5 5.16667 13.7685 5.16667 15.3333C5.16667 15.7245 5.4838 16.0416 5.875 16.0416C6.2662 16.0416 6.58333 15.7245 6.58333 15.3333ZM15.0833 15.3333C14.3009 15.3333 13.6667 15.9676 13.6667 16.75C13.6667 17.1412 13.3495 17.4583 12.9583 17.4583C12.5671 17.4583 12.25 17.1412 12.25 16.75C12.25 15.1852 13.5185 13.9167 15.0833 13.9167C15.4745 13.9167 15.7917 14.2338 15.7917 14.625C15.7917 15.0162 15.4745 15.3333 15.0833 15.3333Z" 
+    />
+  </svg>

package/dist/collection/index.js

@@ -0,0 +1 @@
+export * from './components';

package/dist/collection/renders/GameLauncher.js

@@ -0,0 +1,15 @@
+import { Fragment, h } from "@stencil/core";
+import CrossIcon from '../images/CrossIcon.svg';
+import FullScreenIcon from '../images/FullScreenIcon.svg';
+import LaunchHeaderIcon from '../images/LaunchHeaderIcon.svg';
+const renderTopbar = () => (h("div", { id: "GameLaunchHeader" },
+  h("img", { src: LaunchHeaderIcon }),
+  h("button", { type: "button", class: "GameIcon GameIcon--full-screen" },
+    h("img", { src: FullScreenIcon })),
+  h("button", { type: "button", class: "GameIcon GameIcon--close" },
+    h("img", { src: CrossIcon }))));
+export const GameLauncher = ({ src, host }) => {
+  return src && (h(Fragment, null,
+    renderTopbar(),
+    h("iframe", { src: src, width: '100%', height: host.clientWidth / 16 * 9, frameborder: "0" })));
+};

package/dist/collection/renders/Games.js

@@ -0,0 +1,15 @@
+import { h } from "@stencil/core";
+import HeaderIcon from '../images/HeaderIcon.svg';
+const getProps = (game, onClickGame) => ({
+  style: {
+    "background-image": `url(${game.icons['88']})`
+  },
+  onClick: () => onClickGame(game.launchUrl),
+});
+export const Games = ({ text, games, onClickGame }) => (h("div", { class: "GamesContainer" },
+  h("div", { id: "GamesHeader" },
+    h("div", null,
+      h("img", { src: HeaderIcon }),
+      h("p", { innerHTML: text }))),
+  h("div", { id: "Games" }, games.map((game) => h("div", { class: "Game" },
+    h("div", Object.assign({ class: "GameImg" }, getProps(game, onClickGame))))))));

package/dist/collection/renders/index.js

@@ -0,0 +1,2 @@
+export * from './GameLauncher';
+export * from './Games';

package/dist/collection/utils/fetch.js

@@ -0,0 +1,28 @@
+export const fetcher = async (url) => {
+  let res;
+  try {
+    res = await fetch(url);
+    res = await res.json();
+  }
+  catch (e) {
+    console.error(e);
+  }
+  return res;
+};
+export const getUrl = (path, params = {}) => {
+  return path + '?' + Object.keys(params).map(key => `${key}=${params[key]}`).join('&');
+};
+export const fetchGames = async (endpoint, language) => {
+  const url = getUrl(`${endpoint}/casino/games`, {
+    language,
+    filter: 'categories(id=MINIGAMES)',
+  });
+  const res = await fetcher(url);
+  return res.items;
+};
+export const fetchLaunchUrl = async (link, params) => {
+  const linkProcessed = getUrl(link.replace('Start', 'StartInfo'), params);
+  const res = await fetcher(linkProcessed);
+  const { LaunchParams } = res;
+  return LaunchParams === null || LaunchParams === void 0 ? void 0 : LaunchParams.launchUrl;
+};

package/dist/collection/utils/utils.js

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

package/dist/components/index.d.ts

@@ -0,0 +1,26 @@
+/* MiniGamesLobby custom elements */
+
+import type { Components, JSX } from "../types/components";
+
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+
+export type { Components, JSX };
+
+export * from '../types';

package/dist/components/index.js

@@ -0,0 +1 @@
+export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';

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

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface MiniGamesLobby extends Components.MiniGamesLobby, HTMLElement {}
+export const MiniGamesLobby: {
+  prototype: MiniGamesLobby;
+  new (): MiniGamesLobby;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;