@everymatrix/mini-games-lobby 1.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (57) hide show
  1. package/dist/cjs/index-787a0452.js +1256 -0
  2. package/dist/cjs/index.cjs.js +2 -0
  3. package/dist/cjs/loader.cjs.js +21 -0
  4. package/dist/cjs/mini-games-lobby.cjs.entry.js +95 -0
  5. package/dist/cjs/mini-games-lobby.cjs.js +19 -0
  6. package/dist/collection/collection-manifest.json +12 -0
  7. package/dist/collection/components/mini-games-lobby/mini-games-lobby.css +94 -0
  8. package/dist/collection/components/mini-games-lobby/mini-games-lobby.js +96 -0
  9. package/dist/collection/images/CrossIcon.svg +9 -0
  10. package/dist/collection/images/FullScreenIcon.svg +10 -0
  11. package/dist/collection/images/HeaderIcon.svg +6 -0
  12. package/dist/collection/images/LaunchHeaderIcon.svg +13 -0
  13. package/dist/collection/index.js +1 -0
  14. package/dist/collection/renders/GameLauncher.js +15 -0
  15. package/dist/collection/renders/Games.js +15 -0
  16. package/dist/collection/renders/index.js +2 -0
  17. package/dist/collection/utils/fetch.js +28 -0
  18. package/dist/collection/utils/utils.js +3 -0
  19. package/dist/components/index.d.ts +26 -0
  20. package/dist/components/index.js +1 -0
  21. package/dist/components/mini-games-lobby.d.ts +11 -0
  22. package/dist/components/mini-games-lobby.js +115 -0
  23. package/dist/esm/index-c397d449.js +1229 -0
  24. package/dist/esm/index.js +1 -0
  25. package/dist/esm/loader.js +17 -0
  26. package/dist/esm/mini-games-lobby.entry.js +91 -0
  27. package/dist/esm/mini-games-lobby.js +17 -0
  28. package/dist/esm/polyfills/core-js.js +11 -0
  29. package/dist/esm/polyfills/css-shim.js +1 -0
  30. package/dist/esm/polyfills/dom.js +79 -0
  31. package/dist/esm/polyfills/es5-html-element.js +1 -0
  32. package/dist/esm/polyfills/index.js +34 -0
  33. package/dist/esm/polyfills/system.js +6 -0
  34. package/dist/index.cjs.js +1 -0
  35. package/dist/index.js +1 -0
  36. package/dist/mini-games-lobby/index.esm.js +0 -0
  37. package/dist/mini-games-lobby/mini-games-lobby.esm.js +1 -0
  38. package/dist/mini-games-lobby/p-6b4efa39.js +1 -0
  39. package/dist/mini-games-lobby/p-8e2c292a.entry.js +1 -0
  40. package/dist/stencil.config.js +22 -0
  41. package/dist/types/Users/adrian.pripon/Documents/Work/stencil/widgets-stencil/packages/mini-games-lobby/.stencil/packages/mini-games-lobby/stencil.config.d.ts +2 -0
  42. package/dist/types/components/mini-games-lobby/mini-games-lobby.d.ts +20 -0
  43. package/dist/types/components.d.ts +61 -0
  44. package/dist/types/index.d.ts +1 -0
  45. package/dist/types/renders/GameLauncher.d.ts +4 -0
  46. package/dist/types/renders/Games.d.ts +5 -0
  47. package/dist/types/renders/index.d.ts +2 -0
  48. package/dist/types/stencil-public-runtime.d.ts +1565 -0
  49. package/dist/types/utils/fetch.d.ts +4 -0
  50. package/dist/types/utils/utils.d.ts +1 -0
  51. package/loader/cdn.js +3 -0
  52. package/loader/index.cjs.js +3 -0
  53. package/loader/index.d.ts +12 -0
  54. package/loader/index.es2017.js +3 -0
  55. package/loader/index.js +4 -0
  56. package/loader/package.json +10 -0
  57. package/package.json +19 -0
@@ -0,0 +1,115 @@
1
+ import { h, Fragment, proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
2
+
3
+ const fetcher = async (url) => {
4
+ let res;
5
+ try {
6
+ res = await fetch(url);
7
+ res = await res.json();
8
+ }
9
+ catch (e) {
10
+ console.error(e);
11
+ }
12
+ return res;
13
+ };
14
+ const getUrl = (path, params = {}) => {
15
+ return path + '?' + Object.keys(params).map(key => `${key}=${params[key]}`).join('&');
16
+ };
17
+ const fetchGames = async (endpoint, language) => {
18
+ const url = getUrl(`${endpoint}/casino/games`, {
19
+ language,
20
+ filter: 'categories(id=MINIGAMES)',
21
+ });
22
+ const res = await fetcher(url);
23
+ return res.items;
24
+ };
25
+
26
+ const crossIconSvg = 'data:image/svg+xml;base64,ICA8c3ZnIGNsYXNzPSJpY29uIHN2Zy13aXRoLXN0cm9rZSBudWxsIiB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTAuMyAxMC4zIgogICAgdmVyc2lvbj0iMS4xIgogICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogID4KICAgIDxnIGNsYXNzPSJzdmdfX2ZpbGwiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjMjIyMjIyIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICA8cGF0aCBkPSJNMTAsMC40TDAuNCwxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiAvPgogICAgICA8cGF0aCBkPSJNMTAsMTBMMC40LDAuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiAvPgogICAgPC9nPgogIDwvc3ZnPg==';
27
+
28
+ const fullScreenIconSvg = 'data:image/svg+xml;base64,CiAgPHN2ZyBjbGFzcz0ic3ZnLXdpdGgtZmlsbCIgd2lkdGg9IjE3cHgiIGhlaWdodD0iMTdweCIgdmlld0JveD0iMCAwIDE3IDE3IgogICAgdmVyc2lvbj0iMS4xIgogICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogID4KICAgIDxnIGNsYXNzPSJzdmdfX2ZpbGwiIGZpbGw9ImJsYWNrIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMS4xOTQ3NSAwLjE2MzQ5OEMxLjMyNTQxIDAuMDMyOTA4NSAxLjUxMjAxIC0wLjAyNDI2NTggMS42OTM0MSAwLjAwOTUzMzk2TDYuNzYzNjIgMC45NTk1MTFDNi45OTI4MyAxLjAwMjY4IDcuMTc4ODQgMS4xNjgzNSA3LjI0NzY0IDEuMzkxMDRDNy4zMTY0NSAxLjYxMzMgNy4yNTY0MiAxLjg1NTkgNy4wOTE5NiAyLjAyMDMyTDYuMjg4ODkgMi44MjMzNkw4Ljc5NzkgNS4zMzEzOEM5LjAwMjA4IDUuNTM1NDYgOS4wMDE5NyA1Ljg2NjQ3IDguNzk3NzEgNi4wNzA0OEw3LjA3MTgxIDcuNzk0MTJDNi44Njc3NiA3Ljk5Nzg3IDYuNTM3MTkgNy45OTc3NiA2LjMzMzMgNy43OTM4NkwzLjgyNTUzIDUuMjg2MTdMMy4wMjE4NyA2LjA4OTJDMi44NTY4MyA2LjI1NDI1IDIuNjEzNjggNi4zMTM3NyAyLjM5MDg3IDYuMjQ0MzRDMi4xNjgwNyA2LjE3NDI5IDIuMDAyNDMgNS45ODcxMSAxLjk2MTA2IDUuNzU3MzVMMS4wMzc5IDAuNjYxNDU5QzEuMDA1MjMgMC40Nzk1NDggMS4wNjM1OCAwLjI5MzUwMyAxLjE5NDc1IDAuMTYzNDk4WiI+PC9wYXRoPgogICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC4xODI3IDEwLjg1MTZMMTQuOTg2MyAxMC4wNDg2QzE1LjE1MTQgOS44ODM0OSAxNS4zOTQ1IDkuODI0MDEgMTUuNjE3MyA5Ljg5MzQxQzE1Ljg0MDEgOS45NjM0MiAxNi4wMDU3IDEwLjE1MDYgMTYuMDQ3MiAxMC4zODA0TDE2Ljk3MDMgMTUuNDc2M0MxNy4wMDI5IDE1LjY1ODIgMTYuOTQ0NiAxNS44NDQzIDE2LjgxMzQgMTUuOTc0M0MxNi42ODI4IDE2LjEwNDkgMTYuNDk2MSAxNi4xNjIxIDE2LjMxNDggMTYuMTI4MkwxMS4yNDQ2IDE1LjE3ODJDMTEuMDE1NCAxNS4xMzUxIDEwLjgyOTQgMTQuOTY5NCAxMC43NjA1IDE0Ljc0NjdDMTAuNjkxNyAxNC41MjQ0IDEwLjc1MTggMTQuMjgxOSAxMC45MTYzIDE0LjExNzRMMTEuNzE5MyAxMy4zMTQ0TDkuMjA3NjMgMTAuODEwNEM5LjAwMyAxMC42MDYzIDkuMDAyODUgMTAuMjc1IDkuMjA3MjYgMTAuMDcwOEwxMC45MzY0IDguMzQzN0MxMS4xNDA1IDguMTM5OTIgMTEuNDcxMSA4LjEzOTk5IDExLjY3NSA4LjM0MzkyTDE0LjE4MjcgMTAuODUxNloiPjwvcGF0aD4KICAgIDwvZz4KICA8L3N2Zz4=';
29
+
30
+ const launchHeaderIconSvg = 'data:image/svg+xml;base64,CiAgPHN2ZyBjbGFzcz0iaWNvbiBtaW5pLWdhbWUtaWNvbiBzdmctd2l0aC1maWxsIiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgICB2ZXJzaW9uPSIxLjEiCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgPgogICAgPHBhdGggCiAgICAgIGNsYXNzPSJzdmdfX2ZpbGwiCiAgICAgIGZpbGwtcnVsZT0iZXZlbm9kZCIKICAgICAgY2xpcC1ydWxlPSJldmVub2RkIiAKICAgICAgZmlsbD0iI0ZGNjcxMCIKICAgICAgZD0iTTEyIDI0QzE4LjYyNzQgMjQgMjQgMTguNjI3NCAyNCAxMkMyNCA1LjM3MjU4IDE4LjYyNzQgMCAxMiAwQzUuMzcyNTggMCAwIDUuMzcyNTggMCAxMkMwIDE4LjYyNzQgNS4zNzI1OCAyNCAxMiAyNFpNMTcuNzE5IDUuMTk5MjRDMTcuNzg2IDUuMTI5NDkgMTcuODM2IDUuMDQ5NTUgMTcuODY4OSA0Ljk2NDY0QzE3Ljg5NTMgNC44OTY2NiAxNy45MTE1IDQuODIzNiAxNy45MTU2IDQuNzQ3MzNDMTcuOTE2NyA0LjcyNzU2IDE3LjkxNjkgNC43MDc3NSAxNy45MTY0IDQuNjg3OTdDMTcuOTExMiA0LjUwODkgMTcuODM4NiA0LjMzMTY2IDE3LjY5OTIgNC4xOTc3QzE3LjYzMTIgNC4xMzIzMiAxNy41NTM1IDQuMDgzMjIgMTcuNDcxIDQuMDUwM0MxNy4zODk4IDQuMDE3ODUgMTcuMzAxMSA0IDE3LjIwODMgNEMxNS4wNTIgNCAxMy4wNTY3IDQuNjg4MTEgMTEuNDI5OCA1Ljg1NjY0QzEwLjU2OTkgNS4xMzk2OCA5LjQ2MzU5IDQuNzA4MzMgOC4yNTY1IDQuNzA4MzNDNi43MzE4MyA0LjcwODMzIDUuMzY3ODggNS4zOTY1IDQuNDU4MzMgNi40NzkxN0M1LjM2Nzg4IDcuNTYxODQgNi43MzE4MyA4LjI1IDguMjU2NSA4LjI1QzguNTUxODggOC4yNSA4Ljg0MTIzIDguMjI0MTcgOS4xMjI0MSA4LjE3NDY1QzguNDk4IDkuMDUyNDQgOC4wMTI5MiAxMC4wMzYzIDcuNjk5NCAxMS4wOTM4QzUuNDkyNDYgMTEuMjQ4IDMuNzUgMTMuMDg3MiAzLjc1IDE1LjMzMzNDMy43NSAxNy42ODA1IDUuNjUyNzkgMTkuNTgzMyA4IDE5LjU4MzNDOC4zNTgwMiAxOS41ODMzIDguNzA1NyAxOS41MzkxIDkuMDM3ODcgMTkuNDU1N0M5LjU1Nzk0IDE5LjMyNTIgOS43NDcwMyAxOC43MzU1IDkuNjA4NTMgMTguMjE3NUM5LjQ4MzM4IDE3Ljc0OTQgOS40MTY2NyAxNy4yNTc1IDkuNDE2NjcgMTYuNzVDOS40MTY2NyAxNS40NDc4IDkuODU1OSAxNC4yNDgyIDEwLjU5NDMgMTMuMjkxMkMxMC45MjE4IDEyLjg2NjcgMTAuOTczMyAxMi4yNDk4IDEwLjU0NCAxMS45Mjg1QzEwLjEyOCAxMS42MTcyIDkuNjUzMDUgMTEuMzgwMyA5LjEzODkgMTEuMjM3N0MxMC4wOTUyIDguMzU1NDEgMTIuNTUzMSA2LjE1ODA0IDE1LjU4NDYgNS41NzE1OUMxNC4zNzQyIDcuMzA1NzIgMTMuNjY2NyA5LjM4MTE4IDEzLjY2NjcgMTEuNjE0NkMxMy42NjY3IDExLjk4OCAxMy42ODY1IDEyLjM1NzQgMTMuNzI1MiAxMi43MjE2QzEyLjA0NCAxMy4yODgyIDEwLjgzMzMgMTQuODc3NyAxMC44MzMzIDE2Ljc1QzEwLjgzMzMgMTkuMDk3MiAxMi43MzYxIDIxIDE1LjA4MzMgMjFDMTcuNDMwNSAyMSAxOS4zMzMzIDE5LjA5NzIgMTkuMzMzMyAxNi43NUMxOS4zMzMzIDE0LjQxNzIgMTcuNDUzOSAxMi41MjM0IDE1LjEyNjYgMTIuNTAwMkMxNS4wOTggMTIuMjA4NyAxNS4wODMzIDExLjkxMzMgMTUuMDgzMyAxMS42MTQ2QzE1LjA4MzMgOS4xNTgwNSAxNi4wNzQxIDYuOTEwMjUgMTcuNzE5IDUuMTk5MjRaTTYuNTgzMzMgMTUuMzMzM0M2LjU4MzMzIDE0LjU1MDkgNy4yMTc2IDEzLjkxNjYgOCAxMy45MTY2QzguMzkxMiAxMy45MTY2IDguNzA4MzMgMTMuNTk5NSA4LjcwODMzIDEzLjIwODNDOC43MDgzMyAxMi44MTcxIDguMzkxMiAxMi41IDggMTIuNUM2LjQzNTE5IDEyLjUgNS4xNjY2NyAxMy43Njg1IDUuMTY2NjcgMTUuMzMzM0M1LjE2NjY3IDE1LjcyNDUgNS40ODM4IDE2LjA0MTYgNS44NzUgMTYuMDQxNkM2LjI2NjIgMTYuMDQxNiA2LjU4MzMzIDE1LjcyNDUgNi41ODMzMyAxNS4zMzMzWk0xNS4wODMzIDE1LjMzMzNDMTQuMzAwOSAxNS4zMzMzIDEzLjY2NjcgMTUuOTY3NiAxMy42NjY3IDE2Ljc1QzEzLjY2NjcgMTcuMTQxMiAxMy4zNDk1IDE3LjQ1ODMgMTIuOTU4MyAxNy40NTgzQzEyLjU2NzEgMTcuNDU4MyAxMi4yNSAxNy4xNDEyIDEyLjI1IDE2Ljc1QzEyLjI1IDE1LjE4NTIgMTMuNTE4NSAxMy45MTY3IDE1LjA4MzMgMTMuOTE2N0MxNS40NzQ1IDEzLjkxNjcgMTUuNzkxNyAxNC4yMzM4IDE1Ljc5MTcgMTQuNjI1QzE1Ljc5MTcgMTUuMDE2MiAxNS40NzQ1IDE1LjMzMzMgMTUuMDgzMyAxNS4zMzMzWiIgCiAgICAvPgogIDwvc3ZnPg==';
31
+
32
+ const renderTopbar = () => (h("div", { id: "GameLaunchHeader" },
33
+ h("img", { src: launchHeaderIconSvg }),
34
+ h("button", { type: "button", class: "GameIcon GameIcon--full-screen" },
35
+ h("img", { src: fullScreenIconSvg })),
36
+ h("button", { type: "button", class: "GameIcon GameIcon--close" },
37
+ h("img", { src: crossIconSvg }))));
38
+ const GameLauncher = ({ src, host }) => {
39
+ return src && (h(Fragment, null,
40
+ renderTopbar(),
41
+ h("iframe", { src: src, width: '100%', height: host.clientWidth / 16 * 9, frameborder: "0" })));
42
+ };
43
+
44
+ const headerIconSvg = 'data:image/svg+xml;base64,ICA8c3ZnIGNsYXNzPSJpY29uIHN2Zy13aXRoLWZpbGwgZ2FtZXMtaWNvbiIgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDIwIDIwIgogICAgdmVyc2lvbj0iMS4xIgogICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogID4KICAgIDxwYXRoIGNsYXNzPSJzdmdfX2ZpbGwiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTcuNDQ1MyAxLjEzMDk2QzE3LjQwNjYgMS4yMzIzMSAxNy4zNDczIDEuMzI3NzQgMTcuMjY3NCAxLjQxMDg3QzE1LjMzMjMgMy40MjM4MiAxNC4xNjY3IDYuMDY4MjkgMTQuMTY2NyA4Ljk1ODMzQzE0LjE2NjcgOS4zMDk3OCAxNC4xODM5IDkuNjU3MyAxNC4yMTc2IDEwLjAwMDNDMTYuOTU1NSAxMC4wMjc2IDE5LjE2NjcgMTIuMjU1NiAxOS4xNjY3IDE1QzE5LjE2NjcgMTcuNzYxNCAxNi45MjgxIDIwIDE0LjE2NjcgMjBDMTEuNDA1MyAyMCA5LjE2NjY4IDE3Ljc2MTQgOS4xNjY2OCAxNUM5LjE2NjY4IDEyLjc5NzMgMTAuNTkxIDEwLjkyNzMgMTIuNTY4OCAxMC4yNjA3QzEyLjUyMzMgOS44MzIxOCAxMi41IDkuMzk3NjkgMTIuNSA4Ljk1ODMzQzEyLjUgNi4zMzA3OSAxMy4zMzI0IDMuODg5MDggMTQuNzU2NSAxLjg0ODkzQzExLjE5IDIuNTM4ODcgOC4yOTgyOSA1LjEyNDAxIDcuMTczMjMgOC41MTQ5QzcuODMzOTkgOC42OTgyNCA4LjQzOTczIDkuMDEzODUgOC45NjAxNCA5LjQzMTQyQzkuMzc4MzQgOS43NjY5OCA5LjMyODc2IDEwLjM4MjEgOC45OTA1OCAxMC43OTgyQzguMDU4NiAxMS45NDQ4IDcuNTAwMDEgMTMuNDA3MiA3LjUwMDAxIDE1QzcuNTAwMDEgMTUuNjU2MyA3LjU5NDg0IDE2LjI5MDQgNy43NzE1NCAxNi44ODk0QzcuOTIzMjUgMTcuNDAzNyA3LjczMzE2IDE3Ljk5MSA3LjIxNzg0IDE4LjEzOTJDNi43NzgxOCAxOC4yNjU2IDYuMzEzNjcgMTguMzMzMyA1LjgzMzM0IDE4LjMzMzNDMy4wNzE5MiAxOC4zMzMzIDAuODMzMzQ0IDE2LjA5NDggMC44MzMzNDQgMTMuMzMzM0MwLjgzMzM0NCAxMC42OTA4IDIuODgzMyA4LjUyNzA3IDUuNDc5NyA4LjM0NTY1QzUuODQ4NTUgNy4xMDE0NyA2LjQxOTIzIDUuOTQ0MDQgNy4xNTM4MyA0LjkxMTM1QzYuODIzMDMgNC45Njk2MSA2LjQ4MjYyIDUgNi4xMzUxIDVDNC4zNDEzNyA1IDIuNzM2NzQgNC4xOTAzOSAxLjY2NjY4IDIuOTE2NjdDMi43MzY3NCAxLjY0Mjk0IDQuMzQxMzcgMC44MzMzMzMgNi4xMzUxIDAuODMzMzMzQzcuNTU1MjIgMC44MzMzMzMgOC44NTY4MSAxLjM0MDggOS44Njg0MyAyLjE4NDI4QzExLjc4MjQgMC44MDk1MzggMTQuMTI5OCAwIDE2LjY2NjcgMEMxNi43NzUzIDAgMTYuODc5MSAwLjAyMDc5IDE2Ljk3NDMgMC4wNTg2MDg3QzE3LjA3MTkgMC4wOTczMzQ1IDE3LjE2MzggMC4xNTUyOSAxNy4yNDQyIDAuMjMyNTg3QzE3LjQwNjggMC4zODg4OTcgMTcuNDkyMiAwLjU5NTI5NiAxNy40OTk1IDAuODA0MkMxNy41MDA0IDAuODMwOTE1IDE3LjUwMDEgMC44NTc2NzEgMTcuNDk4NSAwLjg4NDM2OUMxNy40OTMyIDAuOTcwNzc3IDE3LjQ3NDkgMS4wNTM2MyAxNy40NDUzIDEuMTMwOTZaTTUuODMzMzQgMTEuNjY2N0M0LjkxMjg3IDExLjY2NjcgNC4xNjY2OCAxMi40MTI5IDQuMTY2NjggMTMuMzMzM0M0LjE2NjY4IDEzLjc5MzYgMy43OTM1OCAxNC4xNjY3IDMuMzMzMzQgMTQuMTY2N0MyLjg3MzExIDE0LjE2NjcgMi41MDAwMSAxMy43OTM2IDIuNTAwMDEgMTMuMzMzM0MyLjUwMDAxIDExLjQ5MjQgMy45OTIzOSAxMCA1LjgzMzM0IDEwQzYuMjkzNTggMTAgNi42NjY2OCAxMC4zNzMxIDYuNjY2NjggMTAuODMzM0M2LjY2NjY4IDExLjI5MzYgNi4yOTM1OCAxMS42NjY3IDUuODMzMzQgMTEuNjY2N1pNMTIuNSAxNUMxMi41IDE0LjA3OTUgMTMuMjQ2MiAxMy4zMzMzIDE0LjE2NjcgMTMuMzMzM0MxNC42MjY5IDEzLjMzMzMgMTUgMTIuOTYwMiAxNSAxMi41QzE1IDEyLjAzOTggMTQuNjI2OSAxMS42NjY3IDE0LjE2NjcgMTEuNjY2N0MxMi4zMjU3IDExLjY2NjcgMTAuODMzMyAxMy4xNTkxIDEwLjgzMzMgMTVDMTAuODMzMyAxNS40NjAyIDExLjIwNjQgMTUuODMzMyAxMS42NjY3IDE1LjgzMzNDMTIuMTI2OSAxNS44MzMzIDEyLjUgMTUuNDYwMiAxMi41IDE1WiIgZmlsbD0iI0ZGNjcxMCIgLz4KICA8L3N2Zz4=';
45
+
46
+ const getProps = (game, onClickGame) => ({
47
+ style: {
48
+ "background-image": `url(${game.icons['88']})`
49
+ },
50
+ onClick: () => onClickGame(game.launchUrl),
51
+ });
52
+ const Games = ({ text, games, onClickGame }) => (h("div", { class: "GamesContainer" },
53
+ h("div", { id: "GamesHeader" },
54
+ h("div", null,
55
+ h("img", { src: headerIconSvg }),
56
+ h("p", { innerHTML: text }))),
57
+ h("div", { id: "Games" }, games.map((game) => h("div", { class: "Game" },
58
+ h("div", Object.assign({ class: "GameImg" }, getProps(game, onClickGame))))))));
59
+
60
+ 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)}";
61
+
62
+ const MiniGamesLobby$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
63
+ constructor() {
64
+ super();
65
+ this.__registerHost();
66
+ this.__attachShadow();
67
+ this.launchUrl = undefined;
68
+ this.games = [];
69
+ }
70
+ async componentDidLoad() {
71
+ this.games = await fetchGames(this.endpoint, this.language);
72
+ }
73
+ onClickGame(launchUrl_raw) {
74
+ this.launchUrl = getUrl(launchUrl_raw, {
75
+ language: this.language,
76
+ _sid: this.session,
77
+ });
78
+ }
79
+ render() {
80
+ return (h("div", { id: "LobbyContainer" }, h(GameLauncher, Object.assign({}, {
81
+ src: this.launchUrl,
82
+ host: this.host
83
+ })), h(Games, Object.assign({}, {
84
+ text: 'Mini Games',
85
+ games: this.games,
86
+ onClickGame: this.onClickGame.bind(this)
87
+ }))));
88
+ }
89
+ get host() { return this; }
90
+ static get style() { return miniGamesLobbyCss; }
91
+ }, [1, "mini-games-lobby", {
92
+ "session": [1],
93
+ "endpoint": [1],
94
+ "language": [1],
95
+ "launchUrl": [32],
96
+ "games": [32]
97
+ }]);
98
+ function defineCustomElement$1() {
99
+ if (typeof customElements === "undefined") {
100
+ return;
101
+ }
102
+ const components = ["mini-games-lobby"];
103
+ components.forEach(tagName => { switch (tagName) {
104
+ case "mini-games-lobby":
105
+ if (!customElements.get(tagName)) {
106
+ customElements.define(tagName, MiniGamesLobby$1);
107
+ }
108
+ break;
109
+ } });
110
+ }
111
+
112
+ const MiniGamesLobby = MiniGamesLobby$1;
113
+ const defineCustomElement = defineCustomElement$1;
114
+
115
+ export { MiniGamesLobby, defineCustomElement };