@everymatrix/mini-games-lobby 1.0.69

package/dist/cjs/index.cjs.js

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

package/dist/cjs/loader.cjs.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-85e4b23a.js');
+const appGlobals = require('./app-globals-3a1e7e63.js');
+
+const defineCustomElements = async (win, options) => {
+  if (typeof window === 'undefined') return undefined;
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy([["mini-games-lobby.cjs",[[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]},null,{"endpoint":["updateGames"],"language":["updateGames"]}]]]], options);
+};
+
+exports.setNonce = index.setNonce;
+exports.defineCustomElements = defineCustomElements;

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

@@ -0,0 +1,118 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-85e4b23a.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('&');
+};
+async function fetchGames() {
+    const url = getUrl(`${this.endpoint}/v1/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==';
+
+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 MiniGamesLobbyStyle0 = miniGamesLobbyCss;
+
+const MiniGamesLobby = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.filter = undefined;
+        this.session = undefined;
+        this.endpoint = undefined;
+        this.language = 'en';
+        this.clientStyling = '';
+        this.clientStylingUrl = '';
+        this.translationUrl = '';
+        this.locale = undefined;
+        this.launchUrl = undefined;
+        this.games = [];
+    }
+    render() {
+        return (index.h("div", { key: '03127172e2daf14e75622b50e1ccddf6aa7171bb', id: "LobbyContainer" }, index.h(GameLauncher, { key: 'c025d961edfa15f2ff589d160a13927db9ad0464', src: this.launchUrl,
+            host: this.host }), index.h(Games, { key: '54141632cded87451053d4efa6480bfadf315f7e', 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 index.getElement(this); }
+    static get watchers() { return {
+        "endpoint": ["updateGames"],
+        "language": ["updateGames"]
+    }; }
+};
+MiniGamesLobby.style = MiniGamesLobbyStyle0;
+
+exports.mini_games_lobby = MiniGamesLobby;

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

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-85e4b23a.js');
+const appGlobals = require('./app-globals-3a1e7e63.js');
+
+/*
+ Stencil Client Patch Browser v4.20.0 | 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));
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return index.promiseResolve(opts);
+};
+
+patchBrowser().then(async (options) => {
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy([["mini-games-lobby.cjs",[[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]},null,{"endpoint":["updateGames"],"language":["updateGames"]}]]]], options);
+});
+
+exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

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

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

@@ -0,0 +1 @@
+export { MiniGamesLobby } from './mini-games-lobby';

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,202 @@
+import { h } from "@stencil/core";
+import { fetchGames, getUrl } from "../../utils/fetch";
+import { Games, GameLauncher } from "../../renders";
+export class MiniGamesLobby {
+    constructor() {
+        this.filter = undefined;
+        this.session = undefined;
+        this.endpoint = undefined;
+        this.language = 'en';
+        this.clientStyling = '';
+        this.clientStylingUrl = '';
+        this.translationUrl = '';
+        this.locale = undefined;
+        this.launchUrl = undefined;
+        this.games = [];
+    }
+    render() {
+        return (h("div", { key: '03127172e2daf14e75622b50e1ccddf6aa7171bb', id: "LobbyContainer" }, h(GameLauncher, { key: 'c025d961edfa15f2ff589d160a13927db9ad0464', src: this.launchUrl,
+            host: this.host }), h(Games, { key: '54141632cded87451053d4efa6480bfadf315f7e', 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() { }
+    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 {
+            "filter": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "filter for interface /casino/games"
+                },
+                "attribute": "filter",
+                "reflect": false
+            },
+            "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,
+                "defaultValue": "'en'"
+            },
+            "clientStyling": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Client custom styling via string"
+                },
+                "attribute": "client-styling",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "clientStylingUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Client custom styling via url"
+                },
+                "attribute": "client-styling-url",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "translationUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "translation via url"
+                },
+                "attribute": "translation-url",
+                "reflect": false,
+                "defaultValue": "''"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "locale": {},
+            "launchUrl": {},
+            "games": {}
+        };
+    }
+    static get elementRef() { return "host"; }
+    static get watchers() {
+        return [{
+                "propName": "endpoint",
+                "methodName": "updateGames"
+            }, {
+                "propName": "language",
+                "methodName": "updateGames"
+            }];
+    }
+}

package/dist/collection/decorators/base.decorator.js

@@ -0,0 +1,12 @@
+export 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();
+        }
+    };
+};

package/dist/collection/decorators/locale.decorator.js

@@ -0,0 +1,40 @@
+import { apply } from "./base.decorator";
+import { translation } from "../utils/translation";
+import { fetcher } from "../utils/fetch";
+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();
+        }
+    }
+}
+export 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();
+            }
+        });
+    };
+};

package/dist/collection/decorators/style.decorator.js

@@ -0,0 +1,28 @@
+import { getElement } from "@stencil/core";
+import { apply } from "./base.decorator";
+import { setClientStyling, setClientStylingUrl } from "./style.util";
+const matchStyleProcess = (root, value, key) => {
+    switch (key) {
+        case 'clientStyling':
+            setClientStyling(root, value);
+            break;
+        case 'clientStylingUrl':
+            setClientStylingUrl(root, value);
+            break;
+    }
+};
+export 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);
+        });
+    };
+};

package/dist/collection/decorators/style.util.js

@@ -0,0 +1,36 @@
+export 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;
+};
+export const setClientStyling = (root, styleCode) => {
+    if (!root)
+        return;
+    setStyle(root, 1, styleCode);
+};
+export const setClientStylingUrl = async (root, url) => {
+    if (!root)
+        return;
+    setStyle(root, 2, await getCode(url));
+};

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';