@everymatrix/mini-games-lobby 1.44.0 → 1.45.2

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

@@ -1,221 +1,202 @@
-import { __decorate, __metadata } from "tslib";
-import { Component, Element, Prop, State, Watch, h } from '@stencil/core';
-import { fetchGames, getUrl } from '../../utils/fetch';
-import { Games, GameLauncher } from '../../renders';
-import { Locale } from '../../decorators/locale.decorator';
-import { Style } from '../../decorators/style.decorator';
+import { h } from "@stencil/core";
+import { fetchGames, getUrl } from "../../utils/fetch";
+import { Games, GameLauncher } from "../../renders";
 export class MiniGamesLobby {
-  constructor() {
-    /**
-     * Language of the widget
-     */
-    this.language = 'en';
+    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,
+        });
+    }
     /**
-     * Client custom styling via string
+     * define for @Style Decorator
      */
-    this.clientStyling = '';
+    async componentDidLoad() {
+        this.updateGames();
+    }
     /**
-     * Client custom styling via url
+     * define for @Locale and @Style
      */
-    this.clientStylingUrl = '';
+    componentShouldUpdate() { }
     /**
-     * translation via url
+     * define for @Locale
      */
-    this.translationUrl = '';
-    this.launchUrl = undefined;
-    this.games = [];
-  }
-  render() {
-    return (h("div", { id: "LobbyContainer" },
-      h(GameLauncher, Object.assign({}, {
-        src: this.launchUrl,
-        host: this.host
-      })),
-      h(Games, Object.assign({}, {
-        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": "''"
+    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"
+            }];
     }
-  }; }
-  static get states() { return {
-    "locale": {},
-    "launchUrl": {},
-    "games": {}
-  }; }
-  static get elementRef() { return "host"; }
-  static get watchers() { return [{
-      "propName": "endpoint",
-      "methodName": "updateGames"
-    }, {
-      "propName": "language",
-      "methodName": "updateGames"
-    }]; }
 }
-__decorate([
-  Locale(),
-  __metadata("design:type", String)
-], MiniGamesLobby.prototype, "language", void 0);
-__decorate([
-  Style(),
-  __metadata("design:type", String)
-], MiniGamesLobby.prototype, "clientStyling", void 0);
-__decorate([
-  Style(),
-  __metadata("design:type", String)
-], MiniGamesLobby.prototype, "clientStylingUrl", void 0);

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

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

@@ -2,39 +2,39 @@ import { apply } from "./base.decorator";
 import { translation } from "../utils/translation";
 import { fetcher } from "../utils/fetch";
 const getLocale = (_translations, language) => {
-  return _translations[language] || _translations['en'];
+    return _translations[language] || _translations['en'];
 };
 function setLocale() {
-  this.locale = getLocale(this.translation, this.language);
+    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();
+    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();
-      }
-    });
-  };
+    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

@@ -2,27 +2,27 @@ 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;
-  }
+    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);
-    });
-  };
+    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

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

package/dist/collection/renders/GameLauncher.js

@@ -1,15 +1,8 @@
 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 }))));
+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" })));
+    return src && (h(Fragment, null, renderTopbar(), h("iframe", { src: src, width: '100%', height: host.clientWidth / 16 * 9, frameborder: "0" })));
 };