@everymatrix/casino-game-thumb-view 1.13.5 → 1.14.0

package/dist/collection/components/casino-normal-game-thumbnail/casino-normal-game-thumbnail.js

@@ -1,7 +1,12 @@
-import { Component, Host, h } from '@stencil/core';
+import { Component, Host, h, Method, Prop } from '@stencil/core';
 export class CasinoNormalGameThumbnail {
+  async onGameLoaded(gameInfo) {
+    var _a;
+    (_a = this.infoWrapperRef) === null || _a === void 0 ? void 0 : _a.onGameLoaded(gameInfo);
+  }
   render() {
-    return h(Host, null);
+    return (h(Host, null,
+      h("casino-game-thumbnail-extrainfo", { ref: (el) => (this.infoWrapperRef = el), language: this.language })));
   }
   static get is() { return "casino-normal-game-thumbnail"; }
   static get originalStyleUrls() { return {
@@ -10,4 +15,48 @@ export class CasinoNormalGameThumbnail {
   static get styleUrls() { return {
     "$": ["casino-normal-game-thumbnail.css"]
   }; }
+  static get properties() { return {
+    "language": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "language",
+      "reflect": false
+    }
+  }; }
+  static get methods() { return {
+    "onGameLoaded": {
+      "complexType": {
+        "signature": "(gameInfo: CasinoGameThumbnailInfo) => Promise<void>",
+        "parameters": [{
+            "tags": [],
+            "text": ""
+          }],
+        "references": {
+          "Promise": {
+            "location": "global"
+          },
+          "CasinoGameThumbnailInfo": {
+            "location": "import",
+            "path": "../../models/casino-game-thumb-view"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "",
+        "tags": []
+      }
+    }
+  }; }
 }

package/dist/components/casino-extrainfo-roulette.js

@@ -17,7 +17,7 @@ const CasinoExtrainfoRoulette$1 = /*@__PURE__*/ proxyCustomElement(class extends
   async onGameLoaded(gameInfo) {
     var _a;
     this.gameInfo = Object.assign({}, gameInfo);
-    this.gameDetails = Object.assign({}, this.gameInfo.details);
+    this.gameDetails = this.gameInfo.details ? Object.assign({}, this.gameInfo.details) : null;
     (_a = this.infoWrapperRef) === null || _a === void 0 ? void 0 : _a.onGameLoaded(gameInfo);
   }
   async onGameDetailUpdated(details) {
@@ -29,13 +29,14 @@ const CasinoExtrainfoRoulette$1 = /*@__PURE__*/ proxyCustomElement(class extends
     return ROULETTE_COLOR_MAP[value];
   }
   render() {
-    var _a, _b, _c, _d, _e;
-    const isDouble = ((_a = this.gameDetails) === null || _a === void 0 ? void 0 : _a.category.toLowerCase()) ===
-      WIDGETTYPE_GAMECATEGORY.doubleballroulette;
+    var _a, _b, _c, _d;
+    const isDouble = this.gameDetails ?
+      this.gameDetails.category.toLowerCase() ===
+        WIDGETTYPE_GAMECATEGORY.doubleballroulette : false;
     let rouletteNumbers = (isDouble
-      ? (_b = this.gameDetails) === null || _b === void 0 ? void 0 : _b.currentDoubleBallRouletteNumbers
-      : (_c = this.gameDetails) === null || _c === void 0 ? void 0 : _c.currentRouletteNumbers) || [];
-    return (h(Host, null, h("casino-game-thumbnail-extrainfo", { ref: (el) => (this.infoWrapperRef = el), language: this.language }, h("div", { slot: "category-details", class: `LiveIcons ${((_d = this.gameDetails) === null || _d === void 0 ? void 0 : _d.isOpen) ? 'GameBackdrop' : ''}`, part: `LiveIcons ${((_e = this.gameDetails) === null || _e === void 0 ? void 0 : _e.isOpen) ? 'GameBackdrop' : ''}` }, rouletteNumbers.slice(0, 5).map((rNum, idx) => isDouble === true ? (h("div", { class: "Double", part: "Double" }, h("span", { id: `s${idx}0`, class: `LatestResult ${idx == 0 ? 'First' : ''} ${this.showLiveClass ? 'FirstElementAnimated' : ''} ${this.getRouletteNumberColor(rNum[0])}` }, ' ', rNum[0]), h("span", { id: `s${idx}1`, class: `LatestResult ${idx == 0 ? 'First' : ''} ${this.showLiveClass ? 'FirstElementAnimated' : ''} ${this.getRouletteNumberColor(rNum[1])}` }, ' ', rNum[1]))) : (h("span", { id: `s${idx}`, class: `LatestResult ${idx == 0 ? 'First' : ''} ${this.showLiveClass ? 'FirstElementAnimated' : ''} ${this.getRouletteNumberColor(rNum)}` }, ' ', rNum)))))));
+      ? (_a = this.gameDetails) === null || _a === void 0 ? void 0 : _a.currentDoubleBallRouletteNumbers
+      : (_b = this.gameDetails) === null || _b === void 0 ? void 0 : _b.currentRouletteNumbers) || [];
+    return (h(Host, null, h("casino-game-thumbnail-extrainfo", { ref: (el) => (this.infoWrapperRef = el), language: this.language }, h("div", { slot: "category-details", class: `LiveIcons ${((_c = this.gameDetails) === null || _c === void 0 ? void 0 : _c.isOpen) ? 'GameBackdrop' : ''}`, part: `LiveIcons ${((_d = this.gameDetails) === null || _d === void 0 ? void 0 : _d.isOpen) ? 'GameBackdrop' : ''}` }, rouletteNumbers.slice(0, 5).map((rNum, idx) => isDouble === true ? (h("div", { class: "Double", part: "Double" }, h("span", { id: `s${idx}0`, class: `LatestResult ${idx == 0 ? 'First' : ''} ${this.showLiveClass ? 'FirstElementAnimated' : ''} ${this.getRouletteNumberColor(rNum[0])}` }, ' ', rNum[0]), h("span", { id: `s${idx}1`, class: `LatestResult ${idx == 0 ? 'First' : ''} ${this.showLiveClass ? 'FirstElementAnimated' : ''} ${this.getRouletteNumberColor(rNum[1])}` }, ' ', rNum[1]))) : (h("span", { id: `s${idx}`, class: `LatestResult ${idx == 0 ? 'First' : ''} ${this.showLiveClass ? 'FirstElementAnimated' : ''} ${this.getRouletteNumberColor(rNum)}` }, ' ', rNum)))))));
   }
   static get style() { return casinoExtrainfoRouletteCss; }
 }, [0, "casino-extrainfo-roulette", {

package/dist/components/casino-game-thumb-view.js

@@ -1143,7 +1143,6 @@ const CasinoGameThumbView$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
      * Game Property, Game lunch platform
      */
     this.platform = 'PC';
-    this.gameInfo = {};
     this.thumbnailLoaded = false;
     this.containerClassWhenDetailChange = '';
     this.isUserLoggedIn = false;
@@ -1219,6 +1218,7 @@ const CasinoGameThumbView$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
     let message = JSON.parse(e.data);
     if (message.needReconnect && this.liveLobbyConnection) {
       this.liveLobbyConnection.close();
+      this.liveLobbyConnection = null;
       this.connectGameToLiveLobby();
       return;
     }
@@ -1263,10 +1263,12 @@ const CasinoGameThumbView$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
     window.postMessage({ messageType: MessageType, value: e.data });
   }
   messageHandler(e) {
-    if (e.data.type === `AddFavoriteThumbnail_${this.gameId}` && !this.showFavoredCategory) {
+    if (e.data.type === `AddFavoriteThumbnail_${this.gameId}` &&
+      !this.showFavoredCategory) {
       this.gameInfo.isFavorite = true;
     }
-    if (e.data.type === `RemoveFavoriteThumbnail_${this.gameId}` && !this.showFavoredCategory) {
+    if (e.data.type === `RemoveFavoriteThumbnail_${this.gameId}` &&
+      !this.showFavoredCategory) {
       this.gameInfo.isFavorite = false;
     }
     if (e.data.type === 'UserSessionID') {
@@ -1307,14 +1309,10 @@ const CasinoGameThumbView$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
       this.resetLiveProperties();
     }
     this.gameInfo = Object.assign({}, this.gameInfo);
-    setTimeout(() => {
-      var _a;
-      (_a = this.extraInfoRef) === null || _a === void 0 ? void 0 : _a.onGameLoaded(this.gameInfo);
-      window.postMessage({
-        type: 'casinoGameLoaded',
-        gameInfo: this.gameInfo,
-      });
-    }, 200);
+    this.triggerExtraInfoLoad();
+    if (this.isLiveCasino && this.connectLive === 'connect') {
+      this.connectGameToLiveLobby();
+    }
   }
   /**
    * Parse game info by game info api response
@@ -1376,7 +1374,8 @@ const CasinoGameThumbView$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
     if (this.visibilityConnect === 'disconnect') {
       this.disconnectGameFromLiveLobby();
     }
-    else if (this.visibilityConnect === 'connect' && this.connectLive === 'connect') {
+    else if (this.visibilityConnect === 'connect' &&
+      this.connectLive === 'connect') {
       this.connectGameToLiveLobby();
     }
   }
@@ -1465,6 +1464,16 @@ const CasinoGameThumbView$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
       liveCasinoCategory: this.gameCategory || '',
     };
   }
+  triggerExtraInfoLoad() {
+    var _a, _b;
+    //Init this.extraInfoRef, prepare for data loader, this.gameInfo did not inited might
+    this.extraInfoRef = this.extraInfoRef || ((_a = this.extraInfoSlotRef) === null || _a === void 0 ? void 0 : _a.querySelector(this.getGameCategoryType()));
+    (_b = this.extraInfoRef) === null || _b === void 0 ? void 0 : _b.onGameLoaded(this.gameInfo);
+    window.postMessage({
+      type: 'casinoGameLoaded',
+      gameInfo: this.gameInfo,
+    });
+  }
   componentDidRender() {
     // start custom styling area
     if (!this.limitStylingAppends && this.stylingContainer) {
@@ -1474,13 +1483,13 @@ const CasinoGameThumbView$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
         this.setClientStylingURL();
       this.limitStylingAppends = true;
     }
-    // end custom styling area
+    // end custom styling area 500)
+    if (this.gameInfo) {
+      this.triggerExtraInfoLoad();
+    }
   }
   componentDidLoad() {
-    var _a;
-    //Init this.extraInfoRef, prepare for data loader, this.gameInfo did not inited might
-    this.extraInfoRef = (_a = this.extraInfoSlotRef) === null || _a === void 0 ? void 0 : _a.querySelector(this.getGameCategoryType());
-    window.addEventListener("message", this.messageHandler);
+    window.addEventListener('message', this.messageHandler);
   }
   componentWillLoad() {
     this.isLiveCasino = this.type == GAME_TYPE.LIVE_CASINO;
@@ -1499,7 +1508,6 @@ const CasinoGameThumbView$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
         this.loadDetails &&
         this.gameId) {
         this.loadGameDetailInfo();
-        return;
       }
       return;
     }
@@ -1512,17 +1520,18 @@ const CasinoGameThumbView$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
     if (this.liveLobbyConnection) {
       this.liveLobbyConnection.removeEventListener('message', this.gameDetailChangeHandler);
     }
-    window.removeEventListener("message", this.messageHandler);
+    window.removeEventListener('message', this.messageHandler);
   }
   // end custom styling area
   getWidgetTypeByGameCategory(gameCategory) {
     return WIDGETTYPE_GAMECATEGORY[gameCategory.toLowerCase()];
   }
   getGameOverlayProps() {
+    var _a, _b;
     return {
       gameName: this.gameInfo.name,
       gameId: this.gameInfo.gameId,
-      gameVendor: this.gameVendor || this.gameInfo.vendor.name,
+      gameVendor: this.gameVendor || ((_b = (_a = this.gameInfo) === null || _a === void 0 ? void 0 : _a.vendor) === null || _b === void 0 ? void 0 : _b.name),
       hasFunMode: this.gameInfo.hasFunMode,
       language: this.language,
       integratedGameFrameMobile: this.integratedGameFrameMobile,

package/dist/components/casino-game-thumbnail-extrainfo2.js

@@ -16,17 +16,18 @@ const CasinoGameThumbnailExtrainfo = /*@__PURE__*/ proxyCustomElement(class exte
   async onGameLoaded(gameInfo) {
     var _a;
     this.gameInfo = gameInfo;
+    this.isNewGame = this.gameInfo.isNew;
+    this.gameTag = this.gameInfo.gameTag;
     if (!this.gameInfo.details) {
       return;
     }
     this.gameDetails = this.gameInfo.details;
-    this.isNewGame = this.gameInfo.isNew;
     this.isDouble = !this.gameDetails
       ? false
       : this.gameInfo.details.category.toLowerCase() ===
         WIDGETTYPE_GAMECATEGORY.doubleballroulette;
     this.gameTag = !this.gameDetails
-      ? ''
+      ? this.gameInfo.gameTag
       : ((_a = this.gameInfo.advancedTags) === null || _a === void 0 ? void 0 : _a.length) > 0
         ? addGameTag(this.gameInfo.advancedTags)
         : this.gameInfo.gameTag;

package/dist/components/casino-normal-game-thumbnail.js

@@ -1,4 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$3 } from './casino-game-thumbnail-betlimit2.js';
+import { d as defineCustomElement$2 } from './casino-game-thumbnail-extrainfo2.js';
 
 const casinoNormalGameThumbnailCss = ":host{display:block}";
 
@@ -7,22 +9,39 @@ const CasinoNormalGameThumbnail$1 = /*@__PURE__*/ proxyCustomElement(class exten
     super();
     this.__registerHost();
   }
+  async onGameLoaded(gameInfo) {
+    var _a;
+    (_a = this.infoWrapperRef) === null || _a === void 0 ? void 0 : _a.onGameLoaded(gameInfo);
+  }
   render() {
-    return h(Host, null);
+    return (h(Host, null, h("casino-game-thumbnail-extrainfo", { ref: (el) => (this.infoWrapperRef = el), language: this.language })));
   }
   static get style() { return casinoNormalGameThumbnailCss; }
-}, [0, "casino-normal-game-thumbnail"]);
+}, [0, "casino-normal-game-thumbnail", {
+    "language": [1],
+    "onGameLoaded": [64]
+  }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["casino-normal-game-thumbnail"];
+  const components = ["casino-normal-game-thumbnail", "casino-game-thumbnail-betlimit", "casino-game-thumbnail-extrainfo"];
   components.forEach(tagName => { switch (tagName) {
     case "casino-normal-game-thumbnail":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, CasinoNormalGameThumbnail$1);
       }
       break;
+    case "casino-game-thumbnail-betlimit":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "casino-game-thumbnail-extrainfo":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
   } });
 }
 defineCustomElement$1();

package/dist/esm/casino-extrainfo-roulette.entry.js

@@ -14,7 +14,7 @@ const CasinoExtrainfoRoulette = class {
   async onGameLoaded(gameInfo) {
     var _a;
     this.gameInfo = Object.assign({}, gameInfo);
-    this.gameDetails = Object.assign({}, this.gameInfo.details);
+    this.gameDetails = this.gameInfo.details ? Object.assign({}, this.gameInfo.details) : null;
     (_a = this.infoWrapperRef) === null || _a === void 0 ? void 0 : _a.onGameLoaded(gameInfo);
   }
   async onGameDetailUpdated(details) {
@@ -26,13 +26,14 @@ const CasinoExtrainfoRoulette = class {
     return ROULETTE_COLOR_MAP[value];
   }
   render() {
-    var _a, _b, _c, _d, _e;
-    const isDouble = ((_a = this.gameDetails) === null || _a === void 0 ? void 0 : _a.category.toLowerCase()) ===
-      WIDGETTYPE_GAMECATEGORY.doubleballroulette;
+    var _a, _b, _c, _d;
+    const isDouble = this.gameDetails ?
+      this.gameDetails.category.toLowerCase() ===
+        WIDGETTYPE_GAMECATEGORY.doubleballroulette : false;
     let rouletteNumbers = (isDouble
-      ? (_b = this.gameDetails) === null || _b === void 0 ? void 0 : _b.currentDoubleBallRouletteNumbers
-      : (_c = this.gameDetails) === null || _c === void 0 ? void 0 : _c.currentRouletteNumbers) || [];
-    return (h(Host, null, h("casino-game-thumbnail-extrainfo", { ref: (el) => (this.infoWrapperRef = el), language: this.language }, h("div", { slot: "category-details", class: `LiveIcons ${((_d = this.gameDetails) === null || _d === void 0 ? void 0 : _d.isOpen) ? 'GameBackdrop' : ''}`, part: `LiveIcons ${((_e = this.gameDetails) === null || _e === void 0 ? void 0 : _e.isOpen) ? 'GameBackdrop' : ''}` }, rouletteNumbers.slice(0, 5).map((rNum, idx) => isDouble === true ? (h("div", { class: "Double", part: "Double" }, h("span", { id: `s${idx}0`, class: `LatestResult ${idx == 0 ? 'First' : ''} ${this.showLiveClass ? 'FirstElementAnimated' : ''} ${this.getRouletteNumberColor(rNum[0])}` }, ' ', rNum[0]), h("span", { id: `s${idx}1`, class: `LatestResult ${idx == 0 ? 'First' : ''} ${this.showLiveClass ? 'FirstElementAnimated' : ''} ${this.getRouletteNumberColor(rNum[1])}` }, ' ', rNum[1]))) : (h("span", { id: `s${idx}`, class: `LatestResult ${idx == 0 ? 'First' : ''} ${this.showLiveClass ? 'FirstElementAnimated' : ''} ${this.getRouletteNumberColor(rNum)}` }, ' ', rNum)))))));
+      ? (_a = this.gameDetails) === null || _a === void 0 ? void 0 : _a.currentDoubleBallRouletteNumbers
+      : (_b = this.gameDetails) === null || _b === void 0 ? void 0 : _b.currentRouletteNumbers) || [];
+    return (h(Host, null, h("casino-game-thumbnail-extrainfo", { ref: (el) => (this.infoWrapperRef = el), language: this.language }, h("div", { slot: "category-details", class: `LiveIcons ${((_c = this.gameDetails) === null || _c === void 0 ? void 0 : _c.isOpen) ? 'GameBackdrop' : ''}`, part: `LiveIcons ${((_d = this.gameDetails) === null || _d === void 0 ? void 0 : _d.isOpen) ? 'GameBackdrop' : ''}` }, rouletteNumbers.slice(0, 5).map((rNum, idx) => isDouble === true ? (h("div", { class: "Double", part: "Double" }, h("span", { id: `s${idx}0`, class: `LatestResult ${idx == 0 ? 'First' : ''} ${this.showLiveClass ? 'FirstElementAnimated' : ''} ${this.getRouletteNumberColor(rNum[0])}` }, ' ', rNum[0]), h("span", { id: `s${idx}1`, class: `LatestResult ${idx == 0 ? 'First' : ''} ${this.showLiveClass ? 'FirstElementAnimated' : ''} ${this.getRouletteNumberColor(rNum[1])}` }, ' ', rNum[1]))) : (h("span", { id: `s${idx}`, class: `LatestResult ${idx == 0 ? 'First' : ''} ${this.showLiveClass ? 'FirstElementAnimated' : ''} ${this.getRouletteNumberColor(rNum)}` }, ' ', rNum)))))));
   }
 };
 CasinoExtrainfoRoulette.style = casinoExtrainfoRouletteCss;

package/dist/esm/casino-game-thumb-view.js

@@ -13,5 +13,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return bootstrapLazy([["casino-game-thumbnail-betlimit_2",[[4,"casino-game-thumbnail-extrainfo",{"language":[1],"betLimit":[32],"gameInfo":[32],"gameDetails":[32],"onGameLoaded":[64],"onGameDetailUpdated":[64]}],[0,"casino-game-thumbnail-betlimit",{"betLimit":[16],"numberOfPlayers":[2,"number-of-players"]}]]],["casino-extrainfo-baccarat",[[0,"casino-extrainfo-baccarat",{"language":[1],"showRoundBoard":[4,"show-round-board"],"gameInfo":[32],"gameDetails":[32],"onGameLoaded":[64],"onGameDetailUpdated":[64],"onBaccaratResultChanged":[64]}]]],["casino-extrainfo-blackjack",[[0,"casino-extrainfo-blackjack",{"language":[1],"gameInfo":[32],"gameDetails":[32],"seatsStatus":[32],"isTableFull":[32],"onGameLoaded":[64],"onGameDetailUpdated":[64]}]]],["casino-extrainfo-roulette",[[0,"casino-extrainfo-roulette",{"language":[1],"gameInfo":[32],"gameDetails":[32],"showLiveClass":[32],"onGameLoaded":[64],"onGameDetailUpdated":[64]}]]],["casino-normal-game-thumbnail",[[0,"casino-normal-game-thumbnail"]]],["casino-game-thumb-view_2",[[1,"casino-game-thumb-view",{"language":[1],"endpoint":[1],"userId":[8,"user-id"],"showGameName":[4,"show-game-name"],"session":[1],"showFavoredCategory":[4,"show-favored-category"],"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"integratedGameFrameMobile":[4,"integrated-game-frame-mobile"],"gamepageModalUrl":[1,"gamepage-modal-url"],"integratedGameFrameDesktop":[4,"integrated-game-frame-desktop"],"loadDetails":[4,"load-details"],"showRoundBoard":[4,"show-round-board"],"visibilityConnect":[1,"visibility-connect"],"connectLive":[1,"connect-live"],"gameCategory":[1,"game-category"],"livelobbyEndpoint":[1,"livelobby-endpoint"],"gameId":[8,"game-id"],"gameName":[1,"game-name"],"subVendor":[1,"sub-vendor"],"gameVendor":[1,"game-vendor"],"hasFunMode":[4,"has-fun-mode"],"hasAnonymousFunMode":[4,"has-anonymous-fun-mode"],"platform":[1],"thumbnail":[1],"isFavorite":[4,"is-favorite"],"isNew":[4,"is-new"],"cellSize":[1,"cell-size"],"gameTag":[1,"game-tag"],"type":[1],"gameInfo":[32],"isTableFull":[32],"hover":[32]},[[1,"mouseenter","handleMouseOver"],[1,"mouseleave","handleMouseOver"],[4,"gameFavorited","gameFavoritedHandler"],[0,"gameDetailChange","gameDetailChangeHandler"]]],[4,"casino-game-thumbnail-overlay",{"integratedGameFrameMobile":[4,"integrated-game-frame-mobile"],"gamepageModalUrl":[1,"gamepage-modal-url"],"integratedGameFrameDesktop":[4,"integrated-game-frame-desktop"],"language":[1],"gameName":[1,"game-name"],"gameVendor":[1,"game-vendor"],"gameId":[8,"game-id"],"hasFunMode":[4,"has-fun-mode"]}]]]], options);
+  return bootstrapLazy([["casino-game-thumbnail-betlimit_2",[[4,"casino-game-thumbnail-extrainfo",{"language":[1],"betLimit":[32],"gameInfo":[32],"gameDetails":[32],"onGameLoaded":[64],"onGameDetailUpdated":[64]}],[0,"casino-game-thumbnail-betlimit",{"betLimit":[16],"numberOfPlayers":[2,"number-of-players"]}]]],["casino-extrainfo-baccarat",[[0,"casino-extrainfo-baccarat",{"language":[1],"showRoundBoard":[4,"show-round-board"],"gameInfo":[32],"gameDetails":[32],"onGameLoaded":[64],"onGameDetailUpdated":[64],"onBaccaratResultChanged":[64]}]]],["casino-extrainfo-blackjack",[[0,"casino-extrainfo-blackjack",{"language":[1],"gameInfo":[32],"gameDetails":[32],"seatsStatus":[32],"isTableFull":[32],"onGameLoaded":[64],"onGameDetailUpdated":[64]}]]],["casino-extrainfo-roulette",[[0,"casino-extrainfo-roulette",{"language":[1],"gameInfo":[32],"gameDetails":[32],"showLiveClass":[32],"onGameLoaded":[64],"onGameDetailUpdated":[64]}]]],["casino-normal-game-thumbnail",[[0,"casino-normal-game-thumbnail",{"language":[1],"onGameLoaded":[64]}]]],["casino-game-thumb-view_2",[[1,"casino-game-thumb-view",{"language":[1],"endpoint":[1],"userId":[8,"user-id"],"showGameName":[4,"show-game-name"],"session":[1],"showFavoredCategory":[4,"show-favored-category"],"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"integratedGameFrameMobile":[4,"integrated-game-frame-mobile"],"gamepageModalUrl":[1,"gamepage-modal-url"],"integratedGameFrameDesktop":[4,"integrated-game-frame-desktop"],"loadDetails":[4,"load-details"],"showRoundBoard":[4,"show-round-board"],"visibilityConnect":[1,"visibility-connect"],"connectLive":[1,"connect-live"],"gameCategory":[1,"game-category"],"livelobbyEndpoint":[1,"livelobby-endpoint"],"gameId":[8,"game-id"],"gameName":[1,"game-name"],"subVendor":[1,"sub-vendor"],"gameVendor":[1,"game-vendor"],"hasFunMode":[4,"has-fun-mode"],"hasAnonymousFunMode":[4,"has-anonymous-fun-mode"],"platform":[1],"thumbnail":[1],"isFavorite":[4,"is-favorite"],"isNew":[4,"is-new"],"cellSize":[1,"cell-size"],"gameTag":[1,"game-tag"],"type":[1],"gameInfo":[32],"isTableFull":[32],"hover":[32]},[[1,"mouseenter","handleMouseOver"],[1,"mouseleave","handleMouseOver"],[4,"gameFavorited","gameFavoritedHandler"],[0,"gameDetailChange","gameDetailChangeHandler"]]],[4,"casino-game-thumbnail-overlay",{"integratedGameFrameMobile":[4,"integrated-game-frame-mobile"],"gamepageModalUrl":[1,"gamepage-modal-url"],"integratedGameFrameDesktop":[4,"integrated-game-frame-desktop"],"language":[1],"gameName":[1,"game-name"],"gameVendor":[1,"game-vendor"],"gameId":[8,"game-id"],"hasFunMode":[4,"has-fun-mode"]}]]]], options);
 });

package/dist/esm/casino-game-thumb-view_2.entry.js

@@ -1141,7 +1141,6 @@ const CasinoGameThumbView = class {
      * Game Property, Game lunch platform
      */
     this.platform = 'PC';
-    this.gameInfo = {};
     this.thumbnailLoaded = false;
     this.containerClassWhenDetailChange = '';
     this.isUserLoggedIn = false;
@@ -1217,6 +1216,7 @@ const CasinoGameThumbView = class {
     let message = JSON.parse(e.data);
     if (message.needReconnect && this.liveLobbyConnection) {
       this.liveLobbyConnection.close();
+      this.liveLobbyConnection = null;
       this.connectGameToLiveLobby();
       return;
     }
@@ -1261,10 +1261,12 @@ const CasinoGameThumbView = class {
     window.postMessage({ messageType: MessageType, value: e.data });
   }
   messageHandler(e) {
-    if (e.data.type === `AddFavoriteThumbnail_${this.gameId}` && !this.showFavoredCategory) {
+    if (e.data.type === `AddFavoriteThumbnail_${this.gameId}` &&
+      !this.showFavoredCategory) {
       this.gameInfo.isFavorite = true;
     }
-    if (e.data.type === `RemoveFavoriteThumbnail_${this.gameId}` && !this.showFavoredCategory) {
+    if (e.data.type === `RemoveFavoriteThumbnail_${this.gameId}` &&
+      !this.showFavoredCategory) {
       this.gameInfo.isFavorite = false;
     }
     if (e.data.type === 'UserSessionID') {
@@ -1305,14 +1307,10 @@ const CasinoGameThumbView = class {
       this.resetLiveProperties();
     }
     this.gameInfo = Object.assign({}, this.gameInfo);
-    setTimeout(() => {
-      var _a;
-      (_a = this.extraInfoRef) === null || _a === void 0 ? void 0 : _a.onGameLoaded(this.gameInfo);
-      window.postMessage({
-        type: 'casinoGameLoaded',
-        gameInfo: this.gameInfo,
-      });
-    }, 200);
+    this.triggerExtraInfoLoad();
+    if (this.isLiveCasino && this.connectLive === 'connect') {
+      this.connectGameToLiveLobby();
+    }
   }
   /**
    * Parse game info by game info api response
@@ -1374,7 +1372,8 @@ const CasinoGameThumbView = class {
     if (this.visibilityConnect === 'disconnect') {
       this.disconnectGameFromLiveLobby();
     }
-    else if (this.visibilityConnect === 'connect' && this.connectLive === 'connect') {
+    else if (this.visibilityConnect === 'connect' &&
+      this.connectLive === 'connect') {
       this.connectGameToLiveLobby();
     }
   }
@@ -1463,6 +1462,16 @@ const CasinoGameThumbView = class {
       liveCasinoCategory: this.gameCategory || '',
     };
   }
+  triggerExtraInfoLoad() {
+    var _a, _b;
+    //Init this.extraInfoRef, prepare for data loader, this.gameInfo did not inited might
+    this.extraInfoRef = this.extraInfoRef || ((_a = this.extraInfoSlotRef) === null || _a === void 0 ? void 0 : _a.querySelector(this.getGameCategoryType()));
+    (_b = this.extraInfoRef) === null || _b === void 0 ? void 0 : _b.onGameLoaded(this.gameInfo);
+    window.postMessage({
+      type: 'casinoGameLoaded',
+      gameInfo: this.gameInfo,
+    });
+  }
   componentDidRender() {
     // start custom styling area
     if (!this.limitStylingAppends && this.stylingContainer) {
@@ -1472,13 +1481,13 @@ const CasinoGameThumbView = class {
         this.setClientStylingURL();
       this.limitStylingAppends = true;
     }
-    // end custom styling area
+    // end custom styling area 500)
+    if (this.gameInfo) {
+      this.triggerExtraInfoLoad();
+    }
   }
   componentDidLoad() {
-    var _a;
-    //Init this.extraInfoRef, prepare for data loader, this.gameInfo did not inited might
-    this.extraInfoRef = (_a = this.extraInfoSlotRef) === null || _a === void 0 ? void 0 : _a.querySelector(this.getGameCategoryType());
-    window.addEventListener("message", this.messageHandler);
+    window.addEventListener('message', this.messageHandler);
   }
   componentWillLoad() {
     this.isLiveCasino = this.type == GAME_TYPE.LIVE_CASINO;
@@ -1497,7 +1506,6 @@ const CasinoGameThumbView = class {
         this.loadDetails &&
         this.gameId) {
         this.loadGameDetailInfo();
-        return;
       }
       return;
     }
@@ -1510,17 +1518,18 @@ const CasinoGameThumbView = class {
     if (this.liveLobbyConnection) {
       this.liveLobbyConnection.removeEventListener('message', this.gameDetailChangeHandler);
     }
-    window.removeEventListener("message", this.messageHandler);
+    window.removeEventListener('message', this.messageHandler);
   }
   // end custom styling area
   getWidgetTypeByGameCategory(gameCategory) {
     return WIDGETTYPE_GAMECATEGORY[gameCategory.toLowerCase()];
   }
   getGameOverlayProps() {
+    var _a, _b;
     return {
       gameName: this.gameInfo.name,
       gameId: this.gameInfo.gameId,
-      gameVendor: this.gameVendor || this.gameInfo.vendor.name,
+      gameVendor: this.gameVendor || ((_b = (_a = this.gameInfo) === null || _a === void 0 ? void 0 : _a.vendor) === null || _b === void 0 ? void 0 : _b.name),
       hasFunMode: this.gameInfo.hasFunMode,
       language: this.language,
       integratedGameFrameMobile: this.integratedGameFrameMobile,

package/dist/esm/casino-game-thumbnail-betlimit_2.entry.js

@@ -219,17 +219,18 @@ const CasinoGameThumbnailExtrainfo = class {
   async onGameLoaded(gameInfo) {
     var _a;
     this.gameInfo = gameInfo;
+    this.isNewGame = this.gameInfo.isNew;
+    this.gameTag = this.gameInfo.gameTag;
     if (!this.gameInfo.details) {
       return;
     }
     this.gameDetails = this.gameInfo.details;
-    this.isNewGame = this.gameInfo.isNew;
     this.isDouble = !this.gameDetails
       ? false
       : this.gameInfo.details.category.toLowerCase() ===
         WIDGETTYPE_GAMECATEGORY.doubleballroulette;
     this.gameTag = !this.gameDetails
-      ? ''
+      ? this.gameInfo.gameTag
       : ((_a = this.gameInfo.advancedTags) === null || _a === void 0 ? void 0 : _a.length) > 0
         ? addGameTag(this.gameInfo.advancedTags)
         : this.gameInfo.gameTag;

package/dist/esm/casino-normal-game-thumbnail.entry.js

@@ -6,8 +6,12 @@ const CasinoNormalGameThumbnail = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
   }
+  async onGameLoaded(gameInfo) {
+    var _a;
+    (_a = this.infoWrapperRef) === null || _a === void 0 ? void 0 : _a.onGameLoaded(gameInfo);
+  }
   render() {
-    return h(Host, null);
+    return (h(Host, null, h("casino-game-thumbnail-extrainfo", { ref: (el) => (this.infoWrapperRef = el), language: this.language })));
   }
 };
 CasinoNormalGameThumbnail.style = casinoNormalGameThumbnailCss;

package/dist/esm/loader.js

@@ -10,7 +10,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return bootstrapLazy([["casino-game-thumbnail-betlimit_2",[[4,"casino-game-thumbnail-extrainfo",{"language":[1],"betLimit":[32],"gameInfo":[32],"gameDetails":[32],"onGameLoaded":[64],"onGameDetailUpdated":[64]}],[0,"casino-game-thumbnail-betlimit",{"betLimit":[16],"numberOfPlayers":[2,"number-of-players"]}]]],["casino-extrainfo-baccarat",[[0,"casino-extrainfo-baccarat",{"language":[1],"showRoundBoard":[4,"show-round-board"],"gameInfo":[32],"gameDetails":[32],"onGameLoaded":[64],"onGameDetailUpdated":[64],"onBaccaratResultChanged":[64]}]]],["casino-extrainfo-blackjack",[[0,"casino-extrainfo-blackjack",{"language":[1],"gameInfo":[32],"gameDetails":[32],"seatsStatus":[32],"isTableFull":[32],"onGameLoaded":[64],"onGameDetailUpdated":[64]}]]],["casino-extrainfo-roulette",[[0,"casino-extrainfo-roulette",{"language":[1],"gameInfo":[32],"gameDetails":[32],"showLiveClass":[32],"onGameLoaded":[64],"onGameDetailUpdated":[64]}]]],["casino-normal-game-thumbnail",[[0,"casino-normal-game-thumbnail"]]],["casino-game-thumb-view_2",[[1,"casino-game-thumb-view",{"language":[1],"endpoint":[1],"userId":[8,"user-id"],"showGameName":[4,"show-game-name"],"session":[1],"showFavoredCategory":[4,"show-favored-category"],"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"integratedGameFrameMobile":[4,"integrated-game-frame-mobile"],"gamepageModalUrl":[1,"gamepage-modal-url"],"integratedGameFrameDesktop":[4,"integrated-game-frame-desktop"],"loadDetails":[4,"load-details"],"showRoundBoard":[4,"show-round-board"],"visibilityConnect":[1,"visibility-connect"],"connectLive":[1,"connect-live"],"gameCategory":[1,"game-category"],"livelobbyEndpoint":[1,"livelobby-endpoint"],"gameId":[8,"game-id"],"gameName":[1,"game-name"],"subVendor":[1,"sub-vendor"],"gameVendor":[1,"game-vendor"],"hasFunMode":[4,"has-fun-mode"],"hasAnonymousFunMode":[4,"has-anonymous-fun-mode"],"platform":[1],"thumbnail":[1],"isFavorite":[4,"is-favorite"],"isNew":[4,"is-new"],"cellSize":[1,"cell-size"],"gameTag":[1,"game-tag"],"type":[1],"gameInfo":[32],"isTableFull":[32],"hover":[32]},[[1,"mouseenter","handleMouseOver"],[1,"mouseleave","handleMouseOver"],[4,"gameFavorited","gameFavoritedHandler"],[0,"gameDetailChange","gameDetailChangeHandler"]]],[4,"casino-game-thumbnail-overlay",{"integratedGameFrameMobile":[4,"integrated-game-frame-mobile"],"gamepageModalUrl":[1,"gamepage-modal-url"],"integratedGameFrameDesktop":[4,"integrated-game-frame-desktop"],"language":[1],"gameName":[1,"game-name"],"gameVendor":[1,"game-vendor"],"gameId":[8,"game-id"],"hasFunMode":[4,"has-fun-mode"]}]]]], options);
+  return bootstrapLazy([["casino-game-thumbnail-betlimit_2",[[4,"casino-game-thumbnail-extrainfo",{"language":[1],"betLimit":[32],"gameInfo":[32],"gameDetails":[32],"onGameLoaded":[64],"onGameDetailUpdated":[64]}],[0,"casino-game-thumbnail-betlimit",{"betLimit":[16],"numberOfPlayers":[2,"number-of-players"]}]]],["casino-extrainfo-baccarat",[[0,"casino-extrainfo-baccarat",{"language":[1],"showRoundBoard":[4,"show-round-board"],"gameInfo":[32],"gameDetails":[32],"onGameLoaded":[64],"onGameDetailUpdated":[64],"onBaccaratResultChanged":[64]}]]],["casino-extrainfo-blackjack",[[0,"casino-extrainfo-blackjack",{"language":[1],"gameInfo":[32],"gameDetails":[32],"seatsStatus":[32],"isTableFull":[32],"onGameLoaded":[64],"onGameDetailUpdated":[64]}]]],["casino-extrainfo-roulette",[[0,"casino-extrainfo-roulette",{"language":[1],"gameInfo":[32],"gameDetails":[32],"showLiveClass":[32],"onGameLoaded":[64],"onGameDetailUpdated":[64]}]]],["casino-normal-game-thumbnail",[[0,"casino-normal-game-thumbnail",{"language":[1],"onGameLoaded":[64]}]]],["casino-game-thumb-view_2",[[1,"casino-game-thumb-view",{"language":[1],"endpoint":[1],"userId":[8,"user-id"],"showGameName":[4,"show-game-name"],"session":[1],"showFavoredCategory":[4,"show-favored-category"],"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"integratedGameFrameMobile":[4,"integrated-game-frame-mobile"],"gamepageModalUrl":[1,"gamepage-modal-url"],"integratedGameFrameDesktop":[4,"integrated-game-frame-desktop"],"loadDetails":[4,"load-details"],"showRoundBoard":[4,"show-round-board"],"visibilityConnect":[1,"visibility-connect"],"connectLive":[1,"connect-live"],"gameCategory":[1,"game-category"],"livelobbyEndpoint":[1,"livelobby-endpoint"],"gameId":[8,"game-id"],"gameName":[1,"game-name"],"subVendor":[1,"sub-vendor"],"gameVendor":[1,"game-vendor"],"hasFunMode":[4,"has-fun-mode"],"hasAnonymousFunMode":[4,"has-anonymous-fun-mode"],"platform":[1],"thumbnail":[1],"isFavorite":[4,"is-favorite"],"isNew":[4,"is-new"],"cellSize":[1,"cell-size"],"gameTag":[1,"game-tag"],"type":[1],"gameInfo":[32],"isTableFull":[32],"hover":[32]},[[1,"mouseenter","handleMouseOver"],[1,"mouseleave","handleMouseOver"],[4,"gameFavorited","gameFavoritedHandler"],[0,"gameDetailChange","gameDetailChangeHandler"]]],[4,"casino-game-thumbnail-overlay",{"integratedGameFrameMobile":[4,"integrated-game-frame-mobile"],"gamepageModalUrl":[1,"gamepage-modal-url"],"integratedGameFrameDesktop":[4,"integrated-game-frame-desktop"],"language":[1],"gameName":[1,"game-name"],"gameVendor":[1,"game-vendor"],"gameId":[8,"game-id"],"hasFunMode":[4,"has-fun-mode"]}]]]], options);
   });
 };
 

package/dist/types/components/casino-game-thumb-view/casino-game-thumb-view.d.ts

@@ -197,6 +197,7 @@ export declare class CasinoGameThumbView {
    * @private
    */
   private generateGameInfoByProps;
+  triggerExtraInfoLoad(): void;
   componentDidRender(): void;
   componentDidLoad(): void;
   componentWillLoad(): void;

package/dist/types/components/casino-normal-game-thumbnail/casino-normal-game-thumbnail.d.ts

@@ -1,3 +1,7 @@
+import { CasinoGameThumbnailInfo } from '../../models/casino-game-thumb-view';
 export declare class CasinoNormalGameThumbnail {
+  infoWrapperRef: any;
+  language: string;
+  onGameLoaded(gameInfo: CasinoGameThumbnailInfo): Promise<void>;
   render(): any;
 }

package/dist/types/components.d.ts

@@ -200,6 +200,8 @@ export namespace Components {
         "language": string;
     }
     interface CasinoNormalGameThumbnail {
+        "language": string;
+        "onGameLoaded": (gameInfo: CasinoGameThumbnailInfo) => Promise<void>;
     }
 }
 declare global {
@@ -448,6 +450,7 @@ declare namespace LocalJSX {
         "onPlayCasinoGame"?: (event: CustomEvent<string | number>) => void;
     }
     interface CasinoNormalGameThumbnail {
+        "language"?: string;
     }
     interface IntrinsicElements {
         "casino-extrainfo-baccarat": CasinoExtrainfoBaccarat;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-game-thumb-view",
-  "version": "1.13.5",
+  "version": "1.14.0",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",
   "es2015": "./dist/esm/index.mjs",

package/dist/casino-game-thumb-view/p-33e707bf.entry.js

@@ -1 +0,0 @@
-import{r as e,h as i}from"./p-46dbb1cb.js";import{n as t,a,h as s}from"./p-6a6b2a78.js";import{t as n}from"./p-2b51ea79.js";import{W as o,c as r}from"./p-2d5f59fe.js";const l={AED:"د.إ",AFN:"؋",ALL:"L",AMD:"֏",ANG:"ƒ",AOA:"Kz",ARS:"$",AUD:"$",AWG:"ƒ",AZN:"ман",BAM:"KM",BBD:"$",BDT:"৳",BGN:"лв",BHD:".د.ب",BIF:"FBu",BMD:"$",BND:"$",BOB:"$b",BRL:"R$",BSD:"$",BTC:"฿",BTN:"Nu.",BWP:"P",BYR:"p.",BZD:"BZ$",CAD:"$",CDF:"FC",CHF:"CHF",CLP:"$",CNY:"¥",COP:"$",CRC:"₡",CUC:"$",CUP:"₱",CVE:"$",CZK:"Kč",DJF:"Fdj",DKK:"kr",DOP:"RD$",DZD:"دج",EEK:"kr",EGP:"£",ERN:"Nfk",ETB:"Br",ETH:"Ξ",EUR:"€",FJD:"$",FKP:"£",GBP:"£",GEL:"₾",GGP:"£",GHC:"₵",GHS:"GH₵",GIP:"£",GMD:"D",GNF:"FG",GTQ:"Q",GYD:"$",HKD:"$",HNL:"L",HRK:"kn",HTG:"G",HUF:"Ft",IDR:"Rp",ILS:"₪",IMP:"£",INR:"₹",IQD:"ع.د",IRR:"﷼",ISK:"kr",JEP:"£",JMD:"J$",JOD:"JD",JPY:"¥",KES:"KSh",KGS:"лв",KHR:"៛",KMF:"CF",KPW:"₩",KRW:"₩",KWD:"KD",KYD:"$",KZT:"лв",LAK:"₭",LBP:"£",LKR:"₨",LRD:"$",LSL:"M",LTC:"Ł",LTL:"Lt",LVL:"Ls",LYD:"LD",MAD:"MAD",MDL:"lei",MGA:"Ar",MKD:"ден",MMK:"K",MNT:"₮",MOP:"MOP$",MRO:"UM",MUR:"₨",MVR:"Rf",MWK:"MK",MXN:"$",MYR:"RM",MZN:"MT",NAD:"$",NGN:"₦",NIO:"C$",NOK:"kr",NPR:"₨",NZD:"$",OMR:"﷼",PAB:"B/.",PEN:"S/.",PGK:"K",PHP:"₱",PKR:"₨",PLN:"zł",PYG:"Gs",QAR:"﷼",RMB:"￥",RON:"lei",RSD:"Дин.",RUB:"₽",RWF:"R₣",SAR:"﷼",SBD:"$",SCR:"₨",SDG:"ج.س.",SEK:"kr",SGD:"$",SHP:"£",SLL:"Le",SOS:"S",SRD:"$",SSP:"£",STD:"Db",SVC:"$",SYP:"£",SZL:"E",THB:"฿",TJS:"SM",TMT:"T",TND:"د.ت",TOP:"T$",TRL:"₤",TRY:"₺",TTD:"TT$",TVD:"$",TWD:"NT$",TZS:"TSh",UAH:"₴",UGX:"USh",USD:"$",UYU:"$U",UZS:"лв",VEF:"Bs",VND:"₫",VUV:"VT",WST:"WS$",XAF:"FCFA",XBT:"Ƀ",XCD:"$",XOF:"CFA",XPF:"₣",YER:"﷼",ZAR:"R",ZWD:"Z$"},m=class{constructor(i){e(this,i),this.defaultCurrency="EUR",this.isBetLimitAvailable=!1}getCurrencySymbols(e){return l[e]}componentWillRender(){if(this.betLimit){const e=this.betLimit.max?this.betLimit.max:this.betLimit.min||{};this.isBetLimitAvailable=1===Object.keys(e).length,this.currency=this.isBetLimitAvailable?Object.keys(e)[0]:this.defaultCurrency}}render(){return this.isBetLimitAvailable?i("p",{class:"LiveLimits"},i("span",{class:"BetLimitLeft"},this.getCurrencySymbols(this.currency)," ",t(this.betLimit.min[this.currency])," -"," ",t(this.betLimit.max[this.currency])),(this.numberOfPlayers||0==this.numberOfPlayers)&&i("span",{class:"BetLimitRight"},i("svg",{fill:"white",width:"13",height:"13",viewBox:"0 0 13 14",xmlns:"http://www.w3.org/2000/svg"},i("path",{d:"M4 8.2a4.6 4.6 0 0 0 5 0c2.7.8 4 2.6 4 4.8H0c0-2.2 1.3-4 4-4.8zM6.6 8c2 0 3.8-1.7 3.8-4 0-2.1-1.7-4-3.8-4a3.9 3.9 0 0 0-3.8 4c0 2.2 1.7 4 3.8 4z"})),i("span",{class:"NrOfPlayers"},this.numberOfPlayers))):""}};m.style=":host{display:block}";const c=class{constructor(i){e(this,i),this.language="en",this.isNewGame=!1}async onGameLoaded(e){var i;this.gameInfo=e,this.gameInfo.details&&(this.gameDetails=this.gameInfo.details,this.isNewGame=this.gameInfo.isNew,this.isDouble=!!this.gameDetails&&this.gameInfo.details.category.toLowerCase()===o.doubleballroulette,this.gameTag=this.gameDetails?(null===(i=this.gameInfo.advancedTags)||void 0===i?void 0:i.length)>0?a(this.gameInfo.advancedTags):this.gameInfo.gameTag:"",this.betLimit=this.gameDetails?this.gameDetails.betLimit:null,this.initTimeProperties())}initTimeProperties(){var e,i,t,a,s;"Bounded"===(null===(i=null===(e=this.gameDetails)||void 0===e?void 0:e.openHours)||void 0===i?void 0:i.type)&&(this.gameStartTime=null===(a=null===(t=this.gameDetails)||void 0===t?void 0:t.openHours)||void 0===a?void 0:a.value.startTime,this.gameTimeFormat=null===(s=this.gameDetails)||void 0===s?void 0:s.openHours.value.originalTimeFormat)}async onGameDetailUpdated(e){this.gameInfo.details=this.gameDetails=e,this.gameDetails=Object.assign({},this.gameDetails),this.initTimeProperties()}render(){var e,t,a;return this.gameInfo?i("div",{class:"GameExtraInfo",part:"GameExtraInfo"},this.isNewGame&&i("span",{class:"GameExtraInfoLabel NewGameTag",part:"GameExtraInfoLabel NewGameTag"},n("new",this.language)),this.gameTag&&i("span",{class:"GameExtraInfoLabel PopularGameTag",part:"GameExtraInfoLabel PopularGameTag"},this.gameTag),this.gameDetails&&i("div",{class:`GameProp LiveProps ${r[this.gameDetails.category.toLowerCase()]} ${this.isDouble?" Double":""}`,part:`GameProp LiveProps  ${r[this.gameDetails.category.toLowerCase()]} ${this.isDouble?" Double":""}`},this.gameDetails.isOpen?i("slot",{name:"category-details"}):this.gameStartTime&&this.gameTimeFormat&&i("div",{class:"ClosedGame",part:"ClosedGame"},n("opens",this.language),i("span",null," ",s.utc(this.gameStartTime).local().format(this.gameTimeFormat)," ")),(null===(e=this.gameDetails.dealer)||void 0===e?void 0:e.DealerName)&&i("p",{class:"LiveLimits"},i("span",{class:"DealerName"},n("dealer",this.language),":"," ",null===(t=this.gameDetails)||void 0===t?void 0:t.dealer.DealerName," ")),i("casino-game-thumbnail-betlimit",{betLimit:this.betLimit,numberOfPlayers:null===(a=this.gameDetails)||void 0===a?void 0:a.numberOfPlayers}))):""}};c.style=':host{display:block;font-family:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}.LiveProps{display:flex;flex-direction:column;position:absolute;bottom:8px;left:-8px;right:0;width:100%;padding:0;background:linear-gradient(to top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.3) 80%, rgba(0, 0, 0, 0.99) 100%);color:var(--emfe-w-color-white, #FFFFFF);opacity:1;font-size:14px}.GameExtraInfo{display:block;position:absolute;width:100%;height:100%;top:8px;left:8px;z-index:0}.GameExtraInfoLabel{font-size:11px;padding:3px;background-color:var(--emfe-w-color-primary, #D0046C);color:var(--emfe-w-color-primary-50, #FBECF4);font-weight:bold;text-transform:uppercase;border-radius:5px}.ListGame .GameInnerContainer .GameExtraInfo{z-index:10}.ListGame .GameInnerContainer .ClosedGame{opacity:1;z-index:10;padding:8px 10px;color:var(--emfe-w-color-white, #FFFFFF);font-size:18px}.ListGame .GameInnerContainer .ClosedGame span{font-size:18px}.ListGame .GameInnerContainer .LiveIcons{position:relative;display:flex;padding:0 10px;box-sizing:border-box;flex-direction:row;align-items:center;justify-content:flex-start;min-height:auto;margin-bottom:5px}.ListGame .GameInnerContainer .LiveIcons:first-child{margin-left:0}.ListGame .GameInnerContainer .LiveIcons:last-child{margin-right:0}.ListGame .GameInnerContainer .LiveIcons.Black,.ListGame .GameInnerContainer .LiveIcons.Red,.ListGame .GameInnerContainer .LiveIcons.Green{color:var(--emfe-w-color-white, #FFFFFF);border:1px solid var(--emfe-w-color-white, #FFFFFF)}.ListGame .GameInnerContainer .LiveIcons .LatestResult{min-width:12px;padding:2px;margin:0 6px 0 1px;font-size:14px;text-align:center}.ListGame .GameInnerContainer .LiveIcons .LatestResult.FirstElementAnimated{animation:flip-open 2s both;-webkit-animation:flip-open 2s both;-webkit-backface-visibility:visible;backface-visibility:visible}.ListGame .GameInnerContainer .LiveIcons .LatestResult.First{min-width:24px;padding:4px}.ListGame .GameInnerContainer .LiveIcons .LatestResult.First.Black,.ListGame .GameInnerContainer .LiveIcons .LatestResult.First.Red,.ListGame .GameInnerContainer .LiveIcons .LatestResult.First.Green{color:var(--emfe-w-color-white, #FFFFFF);border:1px solid var(--emfe-w-color-white, #FFFFFF)}.ListGame .GameInnerContainer .LiveIcons .LatestResult.First.Black{background:var(--emfe-w-color-black, #000000)}.ListGame .GameInnerContainer .LiveIcons .LatestResult.First.Red{background:red}.ListGame .GameInnerContainer .LiveIcons .LatestResult.First.Green{background:#56A80A}.ListGame .GameInnerContainer .LiveIcons .Double{display:flex;flex-direction:column}.ListGame .GameInnerContainer .LiveIcons .Double .LatestResult:first-child{margin-bottom:10px}.ListGame .GameInnerContainer .LiveIcons .Double:first-child .LatestResult{margin-left:0;margin-bottom:0}.ListGame .GameInnerContainer .LiveIcons .Double:last-child .LatestResult{margin-right:0}.ListGame .GameInnerContainer .LiveIcons .Black,.ListGame .GameInnerContainer .LiveIcons .Red,.ListGame .GameInnerContainer .LiveIcons .Green{background-color:transparent}.ListGame .GameInnerContainer .LiveIcons .Black{color:var(--emfe-w-color-white, #FFFFFF)}.ListGame .GameInnerContainer .LiveIcons .Red{color:red}.ListGame .GameInnerContainer .LiveIcons .Green{color:#56A80A}.ListGame .GameInnerContainer .LiveLimits{opacity:1;display:flex;flex-direction:row;justify-content:space-between;padding:2px 10px 5px;background:var(--emfe-w-color-black, #000000);color:var(--emfe-w-color-white, #FFFFFF);font-weight:normal;font-size:12px}.ListGame .GameInnerContainer .LiveLimits span{font-size:12px;vertical-align:top}';export{m as casino_game_thumbnail_betlimit,c as casino_game_thumbnail_extrainfo}