@everymatrix/mini-games-lobby 1.31.2 → 1.32.4

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 (66) hide show
  1. package/LICENSE +21 -0
  2. package/package.json +3 -2
  3. package/dist/cjs/index-90b83e7e.js +0 -1298
  4. package/dist/cjs/index.cjs.js +0 -2
  5. package/dist/cjs/loader.cjs.js +0 -21
  6. package/dist/cjs/mini-games-lobby.cjs.entry.js +0 -298
  7. package/dist/cjs/mini-games-lobby.cjs.js +0 -19
  8. package/dist/collection/collection-manifest.json +0 -12
  9. package/dist/collection/components/mini-games-lobby/mini-games-lobby.css +0 -94
  10. package/dist/collection/components/mini-games-lobby/mini-games-lobby.js +0 -221
  11. package/dist/collection/decorators/base.decorator.js +0 -12
  12. package/dist/collection/decorators/locale.decorator.js +0 -40
  13. package/dist/collection/decorators/style.decorator.js +0 -28
  14. package/dist/collection/decorators/style.util.js +0 -36
  15. package/dist/collection/images/CrossIcon.svg +0 -9
  16. package/dist/collection/images/FullScreenIcon.svg +0 -10
  17. package/dist/collection/images/HeaderIcon.svg +0 -6
  18. package/dist/collection/images/LaunchHeaderIcon.svg +0 -13
  19. package/dist/collection/index.js +0 -1
  20. package/dist/collection/renders/GameLauncher.js +0 -15
  21. package/dist/collection/renders/Games.js +0 -15
  22. package/dist/collection/renders/index.js +0 -2
  23. package/dist/collection/utils/fetch.js +0 -28
  24. package/dist/collection/utils/translation.js +0 -11
  25. package/dist/components/index.d.ts +0 -26
  26. package/dist/components/index.js +0 -1
  27. package/dist/components/mini-games-lobby.d.ts +0 -11
  28. package/dist/components/mini-games-lobby.js +0 -323
  29. package/dist/esm/index-ced8f413.js +0 -1271
  30. package/dist/esm/index.js +0 -1
  31. package/dist/esm/loader.js +0 -17
  32. package/dist/esm/mini-games-lobby.entry.js +0 -294
  33. package/dist/esm/mini-games-lobby.js +0 -17
  34. package/dist/esm/polyfills/core-js.js +0 -11
  35. package/dist/esm/polyfills/css-shim.js +0 -1
  36. package/dist/esm/polyfills/dom.js +0 -79
  37. package/dist/esm/polyfills/es5-html-element.js +0 -1
  38. package/dist/esm/polyfills/index.js +0 -34
  39. package/dist/esm/polyfills/system.js +0 -6
  40. package/dist/index.cjs.js +0 -1
  41. package/dist/index.js +0 -1
  42. package/dist/mini-games-lobby/index.esm.js +0 -0
  43. package/dist/mini-games-lobby/mini-games-lobby.esm.js +0 -1
  44. package/dist/mini-games-lobby/p-49a0f62e.entry.js +0 -1
  45. package/dist/mini-games-lobby/p-e3451601.js +0 -1
  46. package/dist/stencil.config.js +0 -22
  47. package/dist/types/Users/dragos.bodea/Documents/everymatrix-prjs/emfe-widgets/widgets-stencil/packages/mini-games-lobby/.stencil/packages/mini-games-lobby/stencil.config.d.ts +0 -2
  48. package/dist/types/components/mini-games-lobby/mini-games-lobby.d.ts +0 -50
  49. package/dist/types/components.d.ts +0 -93
  50. package/dist/types/decorators/base.decorator.d.ts +0 -2
  51. package/dist/types/decorators/locale.decorator.d.ts +0 -2
  52. package/dist/types/decorators/style.decorator.d.ts +0 -2
  53. package/dist/types/decorators/style.util.d.ts +0 -3
  54. package/dist/types/index.d.ts +0 -1
  55. package/dist/types/renders/GameLauncher.d.ts +0 -4
  56. package/dist/types/renders/Games.d.ts +0 -5
  57. package/dist/types/renders/index.d.ts +0 -2
  58. package/dist/types/stencil-public-runtime.d.ts +0 -1565
  59. package/dist/types/utils/fetch.d.ts +0 -4
  60. package/dist/types/utils/translation.d.ts +0 -12
  61. package/loader/cdn.js +0 -3
  62. package/loader/index.cjs.js +0 -3
  63. package/loader/index.d.ts +0 -12
  64. package/loader/index.es2017.js +0 -3
  65. package/loader/index.js +0 -4
  66. package/loader/package.json +0 -10
@@ -1,2 +0,0 @@
1
- 'use strict';
2
-
@@ -1,21 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-90b83e7e.js');
6
-
7
- /*
8
- Stencil Client Patch Esm v2.15.2 | MIT Licensed | https://stenciljs.com
9
- */
10
- const patchEsm = () => {
11
- return index.promiseResolve();
12
- };
13
-
14
- const defineCustomElements = (win, options) => {
15
- if (typeof window === 'undefined') return Promise.resolve();
16
- return patchEsm().then(() => {
17
- 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]}]]]], options);
18
- });
19
- };
20
-
21
- exports.defineCustomElements = defineCustomElements;
@@ -1,298 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-90b83e7e.js');
6
-
7
- /******************************************************************************
8
- Copyright (c) Microsoft Corporation.
9
-
10
- Permission to use, copy, modify, and/or distribute this software for any
11
- purpose with or without fee is hereby granted.
12
-
13
- THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
14
- REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
15
- AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
16
- INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
17
- LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
18
- OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
19
- PERFORMANCE OF THIS SOFTWARE.
20
- ***************************************************************************** */
21
-
22
- function __decorate(decorators, target, key, desc) {
23
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
24
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
25
- 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;
26
- return c > 3 && r && Object.defineProperty(target, key, r), r;
27
- }
28
-
29
- function __metadata(metadataKey, metadataValue) {
30
- if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
31
- }
32
-
33
- typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
34
- var e = new Error(message);
35
- return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
36
- };
37
-
38
- const fetcher = async (url) => {
39
- let res;
40
- try {
41
- res = await fetch(url);
42
- res = await res.json();
43
- }
44
- catch (e) {
45
- console.error(e);
46
- }
47
- return res;
48
- };
49
- const getUrl = (path, params = {}) => {
50
- return path + '?' + Object.keys(params).map(key => `${key}=${params[key]}`).join('&');
51
- };
52
- async function fetchGames() {
53
- const url = getUrl(`${this.endpoint}/v1/casino/games`, {
54
- language: this.language,
55
- filter: this.filter || `categories(id=MINIGAMES),vendor(name=PragmaticPlay)`,
56
- });
57
- const res = await fetcher(url);
58
- return res.items;
59
- }
60
-
61
- const crossIconSvg = 'data:image/svg+xml;base64,ICA8c3ZnIGNsYXNzPSJpY29uIHN2Zy13aXRoLXN0cm9rZSBudWxsIiB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTAuMyAxMC4zIgogICAgdmVyc2lvbj0iMS4xIgogICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogID4KICAgIDxnIGNsYXNzPSJzdmdfX2ZpbGwiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjMjIyMjIyIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICA8cGF0aCBkPSJNMTAsMC40TDAuNCwxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiAvPgogICAgICA8cGF0aCBkPSJNMTAsMTBMMC40LDAuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiAvPgogICAgPC9nPgogIDwvc3ZnPg==';
62
-
63
- const fullScreenIconSvg = 'data:image/svg+xml;base64,CiAgPHN2ZyBjbGFzcz0ic3ZnLXdpdGgtZmlsbCIgd2lkdGg9IjE3cHgiIGhlaWdodD0iMTdweCIgdmlld0JveD0iMCAwIDE3IDE3IgogICAgdmVyc2lvbj0iMS4xIgogICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogID4KICAgIDxnIGNsYXNzPSJzdmdfX2ZpbGwiIGZpbGw9ImJsYWNrIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMS4xOTQ3NSAwLjE2MzQ5OEMxLjMyNTQxIDAuMDMyOTA4NSAxLjUxMjAxIC0wLjAyNDI2NTggMS42OTM0MSAwLjAwOTUzMzk2TDYuNzYzNjIgMC45NTk1MTFDNi45OTI4MyAxLjAwMjY4IDcuMTc4ODQgMS4xNjgzNSA3LjI0NzY0IDEuMzkxMDRDNy4zMTY0NSAxLjYxMzMgNy4yNTY0MiAxLjg1NTkgNy4wOTE5NiAyLjAyMDMyTDYuMjg4ODkgMi44MjMzNkw4Ljc5NzkgNS4zMzEzOEM5LjAwMjA4IDUuNTM1NDYgOS4wMDE5NyA1Ljg2NjQ3IDguNzk3NzEgNi4wNzA0OEw3LjA3MTgxIDcuNzk0MTJDNi44Njc3NiA3Ljk5Nzg3IDYuNTM3MTkgNy45OTc3NiA2LjMzMzMgNy43OTM4NkwzLjgyNTUzIDUuMjg2MTdMMy4wMjE4NyA2LjA4OTJDMi44NTY4MyA2LjI1NDI1IDIuNjEzNjggNi4zMTM3NyAyLjM5MDg3IDYuMjQ0MzRDMi4xNjgwNyA2LjE3NDI5IDIuMDAyNDMgNS45ODcxMSAxLjk2MTA2IDUuNzU3MzVMMS4wMzc5IDAuNjYxNDU5QzEuMDA1MjMgMC40Nzk1NDggMS4wNjM1OCAwLjI5MzUwMyAxLjE5NDc1IDAuMTYzNDk4WiI+PC9wYXRoPgogICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC4xODI3IDEwLjg1MTZMMTQuOTg2MyAxMC4wNDg2QzE1LjE1MTQgOS44ODM0OSAxNS4zOTQ1IDkuODI0MDEgMTUuNjE3MyA5Ljg5MzQxQzE1Ljg0MDEgOS45NjM0MiAxNi4wMDU3IDEwLjE1MDYgMTYuMDQ3MiAxMC4zODA0TDE2Ljk3MDMgMTUuNDc2M0MxNy4wMDI5IDE1LjY1ODIgMTYuOTQ0NiAxNS44NDQzIDE2LjgxMzQgMTUuOTc0M0MxNi42ODI4IDE2LjEwNDkgMTYuNDk2MSAxNi4xNjIxIDE2LjMxNDggMTYuMTI4MkwxMS4yNDQ2IDE1LjE3ODJDMTEuMDE1NCAxNS4xMzUxIDEwLjgyOTQgMTQuOTY5NCAxMC43NjA1IDE0Ljc0NjdDMTAuNjkxNyAxNC41MjQ0IDEwLjc1MTggMTQuMjgxOSAxMC45MTYzIDE0LjExNzRMMTEuNzE5MyAxMy4zMTQ0TDkuMjA3NjMgMTAuODEwNEM5LjAwMyAxMC42MDYzIDkuMDAyODUgMTAuMjc1IDkuMjA3MjYgMTAuMDcwOEwxMC45MzY0IDguMzQzN0MxMS4xNDA1IDguMTM5OTIgMTEuNDcxMSA4LjEzOTk5IDExLjY3NSA4LjM0MzkyTDE0LjE4MjcgMTAuODUxNloiPjwvcGF0aD4KICAgIDwvZz4KICA8L3N2Zz4=';
64
-
65
- const launchHeaderIconSvg = 'data:image/svg+xml;base64,CiAgPHN2ZyBjbGFzcz0iaWNvbiBtaW5pLWdhbWUtaWNvbiBzdmctd2l0aC1maWxsIiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgICB2ZXJzaW9uPSIxLjEiCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgPgogICAgPHBhdGggCiAgICAgIGNsYXNzPSJzdmdfX2ZpbGwiCiAgICAgIGZpbGwtcnVsZT0iZXZlbm9kZCIKICAgICAgY2xpcC1ydWxlPSJldmVub2RkIiAKICAgICAgZmlsbD0iI0ZGNjcxMCIKICAgICAgZD0iTTEyIDI0QzE4LjYyNzQgMjQgMjQgMTguNjI3NCAyNCAxMkMyNCA1LjM3MjU4IDE4LjYyNzQgMCAxMiAwQzUuMzcyNTggMCAwIDUuMzcyNTggMCAxMkMwIDE4LjYyNzQgNS4zNzI1OCAyNCAxMiAyNFpNMTcuNzE5IDUuMTk5MjRDMTcuNzg2IDUuMTI5NDkgMTcuODM2IDUuMDQ5NTUgMTcuODY4OSA0Ljk2NDY0QzE3Ljg5NTMgNC44OTY2NiAxNy45MTE1IDQuODIzNiAxNy45MTU2IDQuNzQ3MzNDMTcuOTE2NyA0LjcyNzU2IDE3LjkxNjkgNC43MDc3NSAxNy45MTY0IDQuNjg3OTdDMTcuOTExMiA0LjUwODkgMTcuODM4NiA0LjMzMTY2IDE3LjY5OTIgNC4xOTc3QzE3LjYzMTIgNC4xMzIzMiAxNy41NTM1IDQuMDgzMjIgMTcuNDcxIDQuMDUwM0MxNy4zODk4IDQuMDE3ODUgMTcuMzAxMSA0IDE3LjIwODMgNEMxNS4wNTIgNCAxMy4wNTY3IDQuNjg4MTEgMTEuNDI5OCA1Ljg1NjY0QzEwLjU2OTkgNS4xMzk2OCA5LjQ2MzU5IDQuNzA4MzMgOC4yNTY1IDQuNzA4MzNDNi43MzE4MyA0LjcwODMzIDUuMzY3ODggNS4zOTY1IDQuNDU4MzMgNi40NzkxN0M1LjM2Nzg4IDcuNTYxODQgNi43MzE4MyA4LjI1IDguMjU2NSA4LjI1QzguNTUxODggOC4yNSA4Ljg0MTIzIDguMjI0MTcgOS4xMjI0MSA4LjE3NDY1QzguNDk4IDkuMDUyNDQgOC4wMTI5MiAxMC4wMzYzIDcuNjk5NCAxMS4wOTM4QzUuNDkyNDYgMTEuMjQ4IDMuNzUgMTMuMDg3MiAzLjc1IDE1LjMzMzNDMy43NSAxNy42ODA1IDUuNjUyNzkgMTkuNTgzMyA4IDE5LjU4MzNDOC4zNTgwMiAxOS41ODMzIDguNzA1NyAxOS41MzkxIDkuMDM3ODcgMTkuNDU1N0M5LjU1Nzk0IDE5LjMyNTIgOS43NDcwMyAxOC43MzU1IDkuNjA4NTMgMTguMjE3NUM5LjQ4MzM4IDE3Ljc0OTQgOS40MTY2NyAxNy4yNTc1IDkuNDE2NjcgMTYuNzVDOS40MTY2NyAxNS40NDc4IDkuODU1OSAxNC4yNDgyIDEwLjU5NDMgMTMuMjkxMkMxMC45MjE4IDEyLjg2NjcgMTAuOTczMyAxMi4yNDk4IDEwLjU0NCAxMS45Mjg1QzEwLjEyOCAxMS42MTcyIDkuNjUzMDUgMTEuMzgwMyA5LjEzODkgMTEuMjM3N0MxMC4wOTUyIDguMzU1NDEgMTIuNTUzMSA2LjE1ODA0IDE1LjU4NDYgNS41NzE1OUMxNC4zNzQyIDcuMzA1NzIgMTMuNjY2NyA5LjM4MTE4IDEzLjY2NjcgMTEuNjE0NkMxMy42NjY3IDExLjk4OCAxMy42ODY1IDEyLjM1NzQgMTMuNzI1MiAxMi43MjE2QzEyLjA0NCAxMy4yODgyIDEwLjgzMzMgMTQuODc3NyAxMC44MzMzIDE2Ljc1QzEwLjgzMzMgMTkuMDk3MiAxMi43MzYxIDIxIDE1LjA4MzMgMjFDMTcuNDMwNSAyMSAxOS4zMzMzIDE5LjA5NzIgMTkuMzMzMyAxNi43NUMxOS4zMzMzIDE0LjQxNzIgMTcuNDUzOSAxMi41MjM0IDE1LjEyNjYgMTIuNTAwMkMxNS4wOTggMTIuMjA4NyAxNS4wODMzIDExLjkxMzMgMTUuMDgzMyAxMS42MTQ2QzE1LjA4MzMgOS4xNTgwNSAxNi4wNzQxIDYuOTEwMjUgMTcuNzE5IDUuMTk5MjRaTTYuNTgzMzMgMTUuMzMzM0M2LjU4MzMzIDE0LjU1MDkgNy4yMTc2IDEzLjkxNjYgOCAxMy45MTY2QzguMzkxMiAxMy45MTY2IDguNzA4MzMgMTMuNTk5NSA4LjcwODMzIDEzLjIwODNDOC43MDgzMyAxMi44MTcxIDguMzkxMiAxMi41IDggMTIuNUM2LjQzNTE5IDEyLjUgNS4xNjY2NyAxMy43Njg1IDUuMTY2NjcgMTUuMzMzM0M1LjE2NjY3IDE1LjcyNDUgNS40ODM4IDE2LjA0MTYgNS44NzUgMTYuMDQxNkM2LjI2NjIgMTYuMDQxNiA2LjU4MzMzIDE1LjcyNDUgNi41ODMzMyAxNS4zMzMzWk0xNS4wODMzIDE1LjMzMzNDMTQuMzAwOSAxNS4zMzMzIDEzLjY2NjcgMTUuOTY3NiAxMy42NjY3IDE2Ljc1QzEzLjY2NjcgMTcuMTQxMiAxMy4zNDk1IDE3LjQ1ODMgMTIuOTU4MyAxNy40NTgzQzEyLjU2NzEgMTcuNDU4MyAxMi4yNSAxNy4xNDEyIDEyLjI1IDE2Ljc1QzEyLjI1IDE1LjE4NTIgMTMuNTE4NSAxMy45MTY3IDE1LjA4MzMgMTMuOTE2N0MxNS40NzQ1IDEzLjkxNjcgMTUuNzkxNyAxNC4yMzM4IDE1Ljc5MTcgMTQuNjI1QzE1Ljc5MTcgMTUuMDE2MiAxNS40NzQ1IDE1LjMzMzMgMTUuMDgzMyAxNS4zMzMzWiIgCiAgICAvPgogIDwvc3ZnPg==';
66
-
67
- const renderTopbar = () => (index.h("div", { id: "GameLaunchHeader" },
68
- index.h("img", { src: launchHeaderIconSvg }),
69
- index.h("button", { type: "button", class: "GameIcon GameIcon--full-screen" },
70
- index.h("img", { src: fullScreenIconSvg })),
71
- index.h("button", { type: "button", class: "GameIcon GameIcon--close" },
72
- index.h("img", { src: crossIconSvg }))));
73
- const GameLauncher = ({ src, host }) => {
74
- return src && (index.h(index.Fragment, null,
75
- renderTopbar(),
76
- index.h("iframe", { src: src, width: '100%', height: host.clientWidth / 16 * 9, frameborder: "0" })));
77
- };
78
-
79
- const headerIconSvg = 'data:image/svg+xml;base64,ICA8c3ZnIGNsYXNzPSJpY29uIHN2Zy13aXRoLWZpbGwgZ2FtZXMtaWNvbiIgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDIwIDIwIgogICAgdmVyc2lvbj0iMS4xIgogICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogID4KICAgIDxwYXRoIGNsYXNzPSJzdmdfX2ZpbGwiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTcuNDQ1MyAxLjEzMDk2QzE3LjQwNjYgMS4yMzIzMSAxNy4zNDczIDEuMzI3NzQgMTcuMjY3NCAxLjQxMDg3QzE1LjMzMjMgMy40MjM4MiAxNC4xNjY3IDYuMDY4MjkgMTQuMTY2NyA4Ljk1ODMzQzE0LjE2NjcgOS4zMDk3OCAxNC4xODM5IDkuNjU3MyAxNC4yMTc2IDEwLjAwMDNDMTYuOTU1NSAxMC4wMjc2IDE5LjE2NjcgMTIuMjU1NiAxOS4xNjY3IDE1QzE5LjE2NjcgMTcuNzYxNCAxNi45MjgxIDIwIDE0LjE2NjcgMjBDMTEuNDA1MyAyMCA5LjE2NjY4IDE3Ljc2MTQgOS4xNjY2OCAxNUM5LjE2NjY4IDEyLjc5NzMgMTAuNTkxIDEwLjkyNzMgMTIuNTY4OCAxMC4yNjA3QzEyLjUyMzMgOS44MzIxOCAxMi41IDkuMzk3NjkgMTIuNSA4Ljk1ODMzQzEyLjUgNi4zMzA3OSAxMy4zMzI0IDMuODg5MDggMTQuNzU2NSAxLjg0ODkzQzExLjE5IDIuNTM4ODcgOC4yOTgyOSA1LjEyNDAxIDcuMTczMjMgOC41MTQ5QzcuODMzOTkgOC42OTgyNCA4LjQzOTczIDkuMDEzODUgOC45NjAxNCA5LjQzMTQyQzkuMzc4MzQgOS43NjY5OCA5LjMyODc2IDEwLjM4MjEgOC45OTA1OCAxMC43OTgyQzguMDU4NiAxMS45NDQ4IDcuNTAwMDEgMTMuNDA3MiA3LjUwMDAxIDE1QzcuNTAwMDEgMTUuNjU2MyA3LjU5NDg0IDE2LjI5MDQgNy43NzE1NCAxNi44ODk0QzcuOTIzMjUgMTcuNDAzNyA3LjczMzE2IDE3Ljk5MSA3LjIxNzg0IDE4LjEzOTJDNi43NzgxOCAxOC4yNjU2IDYuMzEzNjcgMTguMzMzMyA1LjgzMzM0IDE4LjMzMzNDMy4wNzE5MiAxOC4zMzMzIDAuODMzMzQ0IDE2LjA5NDggMC44MzMzNDQgMTMuMzMzM0MwLjgzMzM0NCAxMC42OTA4IDIuODgzMyA4LjUyNzA3IDUuNDc5NyA4LjM0NTY1QzUuODQ4NTUgNy4xMDE0NyA2LjQxOTIzIDUuOTQ0MDQgNy4xNTM4MyA0LjkxMTM1QzYuODIzMDMgNC45Njk2MSA2LjQ4MjYyIDUgNi4xMzUxIDVDNC4zNDEzNyA1IDIuNzM2NzQgNC4xOTAzOSAxLjY2NjY4IDIuOTE2NjdDMi43MzY3NCAxLjY0Mjk0IDQuMzQxMzcgMC44MzMzMzMgNi4xMzUxIDAuODMzMzMzQzcuNTU1MjIgMC44MzMzMzMgOC44NTY4MSAxLjM0MDggOS44Njg0MyAyLjE4NDI4QzExLjc4MjQgMC44MDk1MzggMTQuMTI5OCAwIDE2LjY2NjcgMEMxNi43NzUzIDAgMTYuODc5MSAwLjAyMDc5IDE2Ljk3NDMgMC4wNTg2MDg3QzE3LjA3MTkgMC4wOTczMzQ1IDE3LjE2MzggMC4xNTUyOSAxNy4yNDQyIDAuMjMyNTg3QzE3LjQwNjggMC4zODg4OTcgMTcuNDkyMiAwLjU5NTI5NiAxNy40OTk1IDAuODA0MkMxNy41MDA0IDAuODMwOTE1IDE3LjUwMDEgMC44NTc2NzEgMTcuNDk4NSAwLjg4NDM2OUMxNy40OTMyIDAuOTcwNzc3IDE3LjQ3NDkgMS4wNTM2MyAxNy40NDUzIDEuMTMwOTZaTTUuODMzMzQgMTEuNjY2N0M0LjkxMjg3IDExLjY2NjcgNC4xNjY2OCAxMi40MTI5IDQuMTY2NjggMTMuMzMzM0M0LjE2NjY4IDEzLjc5MzYgMy43OTM1OCAxNC4xNjY3IDMuMzMzMzQgMTQuMTY2N0MyLjg3MzExIDE0LjE2NjcgMi41MDAwMSAxMy43OTM2IDIuNTAwMDEgMTMuMzMzM0MyLjUwMDAxIDExLjQ5MjQgMy45OTIzOSAxMCA1LjgzMzM0IDEwQzYuMjkzNTggMTAgNi42NjY2OCAxMC4zNzMxIDYuNjY2NjggMTAuODMzM0M2LjY2NjY4IDExLjI5MzYgNi4yOTM1OCAxMS42NjY3IDUuODMzMzQgMTEuNjY2N1pNMTIuNSAxNUMxMi41IDE0LjA3OTUgMTMuMjQ2MiAxMy4zMzMzIDE0LjE2NjcgMTMuMzMzM0MxNC42MjY5IDEzLjMzMzMgMTUgMTIuOTYwMiAxNSAxMi41QzE1IDEyLjAzOTggMTQuNjI2OSAxMS42NjY3IDE0LjE2NjcgMTEuNjY2N0MxMi4zMjU3IDExLjY2NjcgMTAuODMzMyAxMy4xNTkxIDEwLjgzMzMgMTVDMTAuODMzMyAxNS40NjAyIDExLjIwNjQgMTUuODMzMyAxMS42NjY3IDE1LjgzMzNDMTIuMTI2OSAxNS44MzMzIDEyLjUgMTUuNDYwMiAxMi41IDE1WiIgZmlsbD0iI0ZGNjcxMCIgLz4KICA8L3N2Zz4=';
80
-
81
- const getProps = (game, onClickGame) => ({
82
- style: {
83
- "background-image": `url(${game.icons['88']})`
84
- },
85
- onClick: () => onClickGame(game.launchUrl),
86
- });
87
- const Games = ({ text, games, onClickGame }) => (index.h("div", { class: "GamesContainer" },
88
- index.h("div", { id: "GamesHeader" },
89
- index.h("div", null,
90
- index.h("img", { src: headerIconSvg }),
91
- index.h("p", { innerHTML: text }))),
92
- index.h("div", { id: "Games" }, games.map((game) => index.h("div", { class: "Game" },
93
- index.h("div", Object.assign({ class: "GameImg" }, getProps(game, onClickGame))))))));
94
-
95
- const apply = (proto, lifecycle, run) => {
96
- const existLifeCycle = proto[lifecycle];
97
- if (!existLifeCycle) {
98
- throw new Error('lifecycle ' + lifecycle + ' not defined');
99
- }
100
- proto[lifecycle] = function (...args) {
101
- run.bind(this, ...args).call();
102
- if (existLifeCycle) {
103
- return existLifeCycle.bind(this, ...args).call();
104
- }
105
- };
106
- };
107
-
108
- const translation = {
109
- en: {
110
- MiniGames: 'Mini Games',
111
- },
112
- 'zh-hk': {
113
- MiniGames: '小游戲',
114
- },
115
- hr: {
116
- MiniGames: 'Mini igre'
117
- }
118
- };
119
-
120
- const getLocale = (_translations, language) => {
121
- return _translations[language] || _translations['en'];
122
- };
123
- function setLocale() {
124
- this.locale = getLocale(this.translation, this.language);
125
- }
126
- async function setLocaleByUrl(isInit = true) {
127
- if (this.translationUrl) {
128
- this.translation = await fetcher(this.translationUrl);
129
- setLocale.bind(this).call();
130
- }
131
- else {
132
- if (!isInit) {
133
- this.translation = translation;
134
- setLocale.bind(this).call();
135
- }
136
- }
137
- }
138
- const Locale = () => {
139
- // @ts-ignore
140
- return (proto, prop) => {
141
- apply(proto, 'componentWillLoad', async function () {
142
- this.translation = translation;
143
- setLocale.bind(this).call();
144
- setLocaleByUrl.bind(this, true).call();
145
- });
146
- // @ts-ignore
147
- apply(proto, 'componentShouldUpdate', async function (newValue, oldValue, key) {
148
- if (key === 'language') {
149
- setLocale.bind(this).call();
150
- }
151
- if (key === 'translationUrl') {
152
- setLocaleByUrl.bind(this, false).call();
153
- }
154
- });
155
- };
156
- };
157
-
158
- const fetchText = async (url) => {
159
- let styleCode;
160
- try {
161
- let res = await fetch(url);
162
- styleCode = await res.text();
163
- }
164
- catch (err) {
165
- console.error('error ', err);
166
- }
167
- return styleCode;
168
- };
169
- const setStyle = (container, index, styleCode) => {
170
- const sheet = new CSSStyleSheet();
171
- styleCode && sheet.insertRule(styleCode);
172
- try {
173
- container.adoptedStyleSheets[index] = sheet;
174
- }
175
- catch (err) { }
176
- };
177
- const getCode = async (url) => {
178
- let styleCode;
179
- if (url) {
180
- styleCode = await fetchText(url);
181
- }
182
- return styleCode;
183
- };
184
- const setClientStyling = (root, styleCode) => {
185
- if (!root)
186
- return;
187
- setStyle(root, 1, styleCode);
188
- };
189
- const setClientStylingUrl = async (root, url) => {
190
- if (!root)
191
- return;
192
- setStyle(root, 2, await getCode(url));
193
- };
194
-
195
- const matchStyleProcess = (root, value, key) => {
196
- switch (key) {
197
- case 'clientStyling':
198
- setClientStyling(root, value);
199
- break;
200
- case 'clientStylingUrl':
201
- setClientStylingUrl(root, value);
202
- break;
203
- }
204
- };
205
- const Style = () => {
206
- return (proto, prop) => {
207
- apply(proto, 'componentDidLoad', function () {
208
- const root = index.getElement(this).shadowRoot;
209
- matchStyleProcess(root, this[prop], prop);
210
- });
211
- // @ts-ignore
212
- apply(proto, 'componentShouldUpdate', function (newValue, oldValue, key) {
213
- if (key !== prop)
214
- return;
215
- const root = index.getElement(this).shadowRoot;
216
- matchStyleProcess(root, this[prop], prop);
217
- });
218
- };
219
- };
220
-
221
- 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)}";
222
-
223
- const MiniGamesLobby = class {
224
- constructor(hostRef) {
225
- index.registerInstance(this, hostRef);
226
- /**
227
- * Language of the widget
228
- */
229
- this.language = 'en';
230
- /**
231
- * Client custom styling via string
232
- */
233
- this.clientStyling = '';
234
- /**
235
- * Client custom styling via url
236
- */
237
- this.clientStylingUrl = '';
238
- /**
239
- * translation via url
240
- */
241
- this.translationUrl = '';
242
- this.launchUrl = undefined;
243
- this.games = [];
244
- }
245
- render() {
246
- return (index.h("div", { id: "LobbyContainer" }, index.h(GameLauncher, Object.assign({}, {
247
- src: this.launchUrl,
248
- host: this.host
249
- })), index.h(Games, Object.assign({}, {
250
- text: this.locale.MiniGames,
251
- games: this.games,
252
- onClickGame: this.onClickGame.bind(this)
253
- }))));
254
- }
255
- async updateGames() {
256
- this.games = await fetchGames.bind(this).call();
257
- }
258
- onClickGame(launchUrl_raw) {
259
- this.launchUrl = getUrl(launchUrl_raw, {
260
- language: this.language,
261
- _sid: this.session,
262
- });
263
- }
264
- /**
265
- * define for @Style Decorator
266
- */
267
- async componentDidLoad() {
268
- this.updateGames();
269
- }
270
- /**
271
- * define for @Locale and @Style
272
- */
273
- componentShouldUpdate() { }
274
- /**
275
- * define for @Locale
276
- */
277
- componentWillLoad() { }
278
- get host() { return index.getElement(this); }
279
- static get watchers() { return {
280
- "endpoint": ["updateGames"],
281
- "language": ["updateGames"]
282
- }; }
283
- };
284
- __decorate([
285
- Locale(),
286
- __metadata("design:type", String)
287
- ], MiniGamesLobby.prototype, "language", void 0);
288
- __decorate([
289
- Style(),
290
- __metadata("design:type", String)
291
- ], MiniGamesLobby.prototype, "clientStyling", void 0);
292
- __decorate([
293
- Style(),
294
- __metadata("design:type", String)
295
- ], MiniGamesLobby.prototype, "clientStylingUrl", void 0);
296
- MiniGamesLobby.style = miniGamesLobbyCss;
297
-
298
- exports.mini_games_lobby = MiniGamesLobby;
@@ -1,19 +0,0 @@
1
- 'use strict';
2
-
3
- const index = require('./index-90b83e7e.js');
4
-
5
- /*
6
- Stencil Client Patch Browser v2.15.2 | MIT Licensed | https://stenciljs.com
7
- */
8
- const patchBrowser = () => {
9
- 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));
10
- const opts = {};
11
- if (importMeta !== '') {
12
- opts.resourcesUrl = new URL('.', importMeta).href;
13
- }
14
- return index.promiseResolve(opts);
15
- };
16
-
17
- patchBrowser().then(options => {
18
- 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]}]]]], options);
19
- });
@@ -1,12 +0,0 @@
1
- {
2
- "entries": [
3
- "./components/mini-games-lobby/mini-games-lobby.js"
4
- ],
5
- "compiler": {
6
- "name": "@stencil/core",
7
- "version": "2.15.2",
8
- "typescriptVersion": "4.5.4"
9
- },
10
- "collections": [],
11
- "bundles": []
12
- }
@@ -1,94 +0,0 @@
1
- :host {
2
- display: block;
3
- }
4
-
5
- * {
6
- box-sizing: border-box;
7
- }
8
-
9
- #LobbyContainer {
10
- display: flex;
11
- flex-direction: column;
12
- flex-grow: 1;
13
- position: relative;
14
- }
15
-
16
- #GameLaunchHeader {
17
- align-items: center;
18
- display: flex;
19
- background: var(--mini-games-header-bg, var(--base-bg, #fff));
20
- height: 40px;
21
- justify-content: space-between;
22
- padding: 0 15px;
23
- }
24
- #GameLaunchHeader button {
25
- border: none;
26
- color: inherit;
27
- cursor: pointer;
28
- outline: 0;
29
- }
30
- #GameLaunchHeader .GameIcon--full-screen {
31
- margin: 0 10px 0 auto;
32
- }
33
- #GameLaunchHeader .GameIcon {
34
- background: var(--mini-game-icon-bg, transparent);
35
- padding: 0;
36
- }
37
-
38
- #GamesHeader {
39
- align-items: center;
40
- display: flex;
41
- background: var(--mini-games-header-bg, var(--base-bg, #fff));
42
- height: 40px;
43
- justify-content: space-between;
44
- padding: 0 15px;
45
- color: var(--mini-games-header-color, var(--text, #000));
46
- }
47
- #GamesHeader button {
48
- border: none;
49
- color: inherit;
50
- cursor: pointer;
51
- outline: 0;
52
- }
53
- #GamesHeader > div {
54
- align-items: center;
55
- display: flex;
56
- }
57
- #GamesHeader p {
58
- font-weight: 600;
59
- margin: 0 5px;
60
- }
61
-
62
- @media (min-width: 340px) {
63
- #Games {
64
- gap: 15px;
65
- justify-content: center;
66
- }
67
- }
68
- #Games {
69
- display: inline-flex;
70
- flex-wrap: wrap;
71
- justify-content: space-between;
72
- gap: 4px;
73
- padding: 15px 15px 54px;
74
- }
75
-
76
- .Game {
77
- width: 68px;
78
- height: 68px;
79
- border-radius: 50%;
80
- /* overflow: hidden; */
81
- box-shadow: 0 4px 12px 0 rgba(13, 19, 29, 0.3);
82
- cursor: pointer;
83
- }
84
-
85
- .GameImg {
86
- width: 68px;
87
- height: 68px;
88
- background-position: center center;
89
- background-size: cover;
90
- transition: 0.3s;
91
- }
92
- .GameImg:hover {
93
- transform: scale(1.5);
94
- }
@@ -1,221 +0,0 @@
1
- import { __decorate, __metadata } from "tslib";
2
- import { Component, Element, Prop, State, Watch, h } from '@stencil/core';
3
- import { fetchGames, getUrl } from '../../utils/fetch';
4
- import { Games, GameLauncher } from '../../renders';
5
- import { Locale } from '../../decorators/locale.decorator';
6
- import { Style } from '../../decorators/style.decorator';
7
- export class MiniGamesLobby {
8
- constructor() {
9
- /**
10
- * Language of the widget
11
- */
12
- this.language = 'en';
13
- /**
14
- * Client custom styling via string
15
- */
16
- this.clientStyling = '';
17
- /**
18
- * Client custom styling via url
19
- */
20
- this.clientStylingUrl = '';
21
- /**
22
- * translation via url
23
- */
24
- this.translationUrl = '';
25
- this.launchUrl = undefined;
26
- this.games = [];
27
- }
28
- render() {
29
- return (h("div", { id: "LobbyContainer" },
30
- h(GameLauncher, Object.assign({}, {
31
- src: this.launchUrl,
32
- host: this.host
33
- })),
34
- h(Games, Object.assign({}, {
35
- text: this.locale.MiniGames,
36
- games: this.games,
37
- onClickGame: this.onClickGame.bind(this)
38
- }))));
39
- }
40
- async updateGames() {
41
- this.games = await fetchGames.bind(this).call();
42
- }
43
- onClickGame(launchUrl_raw) {
44
- this.launchUrl = getUrl(launchUrl_raw, {
45
- language: this.language,
46
- _sid: this.session,
47
- });
48
- }
49
- /**
50
- * define for @Style Decorator
51
- */
52
- async componentDidLoad() {
53
- this.updateGames();
54
- }
55
- /**
56
- * define for @Locale and @Style
57
- */
58
- componentShouldUpdate() { }
59
- /**
60
- * define for @Locale
61
- */
62
- componentWillLoad() { }
63
- static get is() { return "mini-games-lobby"; }
64
- static get encapsulation() { return "shadow"; }
65
- static get originalStyleUrls() { return {
66
- "$": ["mini-games-lobby.scss"]
67
- }; }
68
- static get styleUrls() { return {
69
- "$": ["mini-games-lobby.css"]
70
- }; }
71
- static get properties() { return {
72
- "filter": {
73
- "type": "string",
74
- "mutable": false,
75
- "complexType": {
76
- "original": "string",
77
- "resolved": "string",
78
- "references": {}
79
- },
80
- "required": false,
81
- "optional": false,
82
- "docs": {
83
- "tags": [],
84
- "text": "filter for interface /casino/games"
85
- },
86
- "attribute": "filter",
87
- "reflect": false
88
- },
89
- "session": {
90
- "type": "string",
91
- "mutable": false,
92
- "complexType": {
93
- "original": "string",
94
- "resolved": "string",
95
- "references": {}
96
- },
97
- "required": false,
98
- "optional": false,
99
- "docs": {
100
- "tags": [],
101
- "text": "User Session"
102
- },
103
- "attribute": "session",
104
- "reflect": false
105
- },
106
- "endpoint": {
107
- "type": "string",
108
- "mutable": false,
109
- "complexType": {
110
- "original": "string",
111
- "resolved": "string",
112
- "references": {}
113
- },
114
- "required": false,
115
- "optional": false,
116
- "docs": {
117
- "tags": [],
118
- "text": "Endpoint URL for the source of data"
119
- },
120
- "attribute": "endpoint",
121
- "reflect": false
122
- },
123
- "language": {
124
- "type": "string",
125
- "mutable": false,
126
- "complexType": {
127
- "original": "string",
128
- "resolved": "string",
129
- "references": {}
130
- },
131
- "required": false,
132
- "optional": false,
133
- "docs": {
134
- "tags": [],
135
- "text": "Language of the widget"
136
- },
137
- "attribute": "language",
138
- "reflect": false,
139
- "defaultValue": "'en'"
140
- },
141
- "clientStyling": {
142
- "type": "string",
143
- "mutable": false,
144
- "complexType": {
145
- "original": "string",
146
- "resolved": "string",
147
- "references": {}
148
- },
149
- "required": false,
150
- "optional": false,
151
- "docs": {
152
- "tags": [],
153
- "text": "Client custom styling via string"
154
- },
155
- "attribute": "client-styling",
156
- "reflect": false,
157
- "defaultValue": "''"
158
- },
159
- "clientStylingUrl": {
160
- "type": "string",
161
- "mutable": false,
162
- "complexType": {
163
- "original": "string",
164
- "resolved": "string",
165
- "references": {}
166
- },
167
- "required": false,
168
- "optional": false,
169
- "docs": {
170
- "tags": [],
171
- "text": "Client custom styling via url"
172
- },
173
- "attribute": "client-styling-url",
174
- "reflect": false,
175
- "defaultValue": "''"
176
- },
177
- "translationUrl": {
178
- "type": "string",
179
- "mutable": false,
180
- "complexType": {
181
- "original": "string",
182
- "resolved": "string",
183
- "references": {}
184
- },
185
- "required": false,
186
- "optional": false,
187
- "docs": {
188
- "tags": [],
189
- "text": "translation via url"
190
- },
191
- "attribute": "translation-url",
192
- "reflect": false,
193
- "defaultValue": "''"
194
- }
195
- }; }
196
- static get states() { return {
197
- "locale": {},
198
- "launchUrl": {},
199
- "games": {}
200
- }; }
201
- static get elementRef() { return "host"; }
202
- static get watchers() { return [{
203
- "propName": "endpoint",
204
- "methodName": "updateGames"
205
- }, {
206
- "propName": "language",
207
- "methodName": "updateGames"
208
- }]; }
209
- }
210
- __decorate([
211
- Locale(),
212
- __metadata("design:type", String)
213
- ], MiniGamesLobby.prototype, "language", void 0);
214
- __decorate([
215
- Style(),
216
- __metadata("design:type", String)
217
- ], MiniGamesLobby.prototype, "clientStyling", void 0);
218
- __decorate([
219
- Style(),
220
- __metadata("design:type", String)
221
- ], MiniGamesLobby.prototype, "clientStylingUrl", void 0);