@everymatrix/casino-game-thumb-view 1.44.0 → 1.45.0

package/dist/collection/components/casino-extrainfo-blackjack/casino-extrainfo-blackjack.js

@@ -1,119 +1,141 @@
-import { Component, h, Host, Method, Prop, State } from '@stencil/core';
-import SeatSvg from '../../static/seat.svg';
-import { DEFAULT_BLACKJACK_TOTAL_SEATS } from '../../constants/game-thumbnail';
-import { translate } from '../../utils/locale.utils';
+import { h, Host } from "@stencil/core";
+import SeatSvg from "../../static/seat.svg";
+import { DEFAULT_BLACKJACK_TOTAL_SEATS } from "../../constants/game-thumbnail";
+import { translate } from "../../utils/locale.utils";
 export class CasinoExtrainfoBlackjack {
-  /**
-   * Generate Jackpot live seats info
-   * @param totalSeats
-   * @param occupiedSeats
-   */
-  generateBlackJackSeats(totalSeats = DEFAULT_BLACKJACK_TOTAL_SEATS, occupiedSeats = []) {
-    let seatsStatus = [];
-    for (let i = 0; i < totalSeats; i++) {
-      seatsStatus.push({
-        seatNo: i,
-        isClosed: occupiedSeats.indexOf((i + 1).toString()) > -1,
-      });
+    constructor() {
+        this.language = undefined;
+        this.gameInfo = undefined;
+        this.gameDetails = undefined;
+        this.seatsStatus = undefined;
+        this.isTableFull = undefined;
     }
-    this.isTableFull = totalSeats == occupiedSeats.length;
-    return seatsStatus;
-  }
-  async onGameLoaded(gameInfo) {
-    var _a, _b, _c;
-    this.gameInfo = gameInfo;
-    this.gameDetails = this.gameInfo.details;
-    this.seatsStatus = this.generateBlackJackSeats((_a = this.gameDetails) === null || _a === void 0 ? void 0 : _a.totalSeats, (_b = this.gameDetails) === null || _b === void 0 ? void 0 : _b.currentOccupiedSeats);
-    (_c = this.infoWrapperRef) === null || _c === void 0 ? void 0 : _c.onGameLoaded(gameInfo);
-  }
-  async onGameDetailUpdated(details) {
-    var _a, _b;
-    this.gameInfo.details = this.gameDetails = details;
-    this.seatsStatus = this.generateBlackJackSeats((_a = this.gameDetails) === null || _a === void 0 ? void 0 : _a.totalSeats, (_b = this.gameDetails) === null || _b === void 0 ? void 0 : _b.currentOccupiedSeats);
-    this.gameDetails = Object.assign({}, this.gameDetails);
-  }
-  render() {
-    return (h(Host, null,
-      h("casino-game-thumbnail-extrainfo", { ref: (el) => (this.infoWrapperRef = el), language: this.language }, this.gameDetails && this.gameDetails.isOpen && (h("div", { slot: "category-details", class: "LiveIcons", part: "LiveIcons" }, this.isTableFull ? (h("span", { class: "FullTable", part: "FullTable" }, translate('full', this.language))) : (this.seatsStatus.map((seatStatus) => (h("span", { class: `${seatStatus.isClosed ? 'ClosedSeat' : 'OpenSeat'} svg-container`, id: `s${seatStatus.seatNo}`, part: `${seatStatus.isClosed ? 'ClosedSeat' : 'OpenSeat'} svg-container`, innerHTML: SeatSvg })))))))));
-  }
-  static get is() { return "casino-extrainfo-blackjack"; }
-  static get originalStyleUrls() { return {
-    "$": ["casino-extrainfo-blackjack.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["casino-extrainfo-blackjack.css"]
-  }; }
-  static get properties() { return {
-    "language": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Text language to show"
-      },
-      "attribute": "language",
-      "reflect": false
+    /**
+     * Generate Jackpot live seats info
+     * @param totalSeats
+     * @param occupiedSeats
+     */
+    generateBlackJackSeats(totalSeats = DEFAULT_BLACKJACK_TOTAL_SEATS, occupiedSeats = []) {
+        let seatsStatus = [];
+        for (let i = 0; i < totalSeats; i++) {
+            seatsStatus.push({
+                seatNo: i,
+                isClosed: occupiedSeats.indexOf((i + 1).toString()) > -1,
+            });
+        }
+        this.isTableFull = totalSeats == occupiedSeats.length;
+        return seatsStatus;
     }
-  }; }
-  static get states() { return {
-    "gameInfo": {},
-    "gameDetails": {},
-    "seatsStatus": {},
-    "isTableFull": {}
-  }; }
-  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": []
-      }
-    },
-    "onGameDetailUpdated": {
-      "complexType": {
-        "signature": "(details: CasinoGameThumbnailDetails) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          },
-          "CasinoGameThumbnailDetails": {
-            "location": "import",
-            "path": "../../models/casino-game-thumb-view"
-          }
-        },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
+    async onGameLoaded(gameInfo) {
+        var _a, _b, _c;
+        this.gameInfo = gameInfo;
+        this.gameDetails = this.gameInfo.details;
+        this.seatsStatus = this.generateBlackJackSeats((_a = this.gameDetails) === null || _a === void 0 ? void 0 : _a.totalSeats, (_b = this.gameDetails) === null || _b === void 0 ? void 0 : _b.currentOccupiedSeats);
+        (_c = this.infoWrapperRef) === null || _c === void 0 ? void 0 : _c.onGameLoaded(gameInfo);
+    }
+    async onGameDetailUpdated(details) {
+        var _a, _b;
+        this.gameInfo.details = this.gameDetails = details;
+        this.seatsStatus = this.generateBlackJackSeats((_a = this.gameDetails) === null || _a === void 0 ? void 0 : _a.totalSeats, (_b = this.gameDetails) === null || _b === void 0 ? void 0 : _b.currentOccupiedSeats);
+        this.gameDetails = Object.assign({}, this.gameDetails);
+    }
+    render() {
+        return (h(Host, { key: 'e75d57ebd1f5827facafd15ffc6631cc84d7ca52' }, h("casino-game-thumbnail-extrainfo", { key: 'e861149d6e01ef11ecc92d8f3606e9406ca68238', ref: (el) => (this.infoWrapperRef = el), language: this.language }, this.gameDetails && this.gameDetails.isOpen && (h("div", { key: 'e157039d431369c6e9b419cde52e3045765fb6c6', slot: "category-details", class: "LiveIcons", part: "LiveIcons" }, this.isTableFull ? (h("span", { class: "FullTable", part: "FullTable" }, translate('full', this.language))) : (this.seatsStatus.map((seatStatus) => (h("span", { class: `${seatStatus.isClosed ? 'ClosedSeat' : 'OpenSeat'} svg-container`, id: `s${seatStatus.seatNo}`, part: `${seatStatus.isClosed ? 'ClosedSeat' : 'OpenSeat'} svg-container`, innerHTML: SeatSvg })))))))));
+    }
+    static get is() { return "casino-extrainfo-blackjack"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["casino-extrainfo-blackjack.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["casino-extrainfo-blackjack.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "language": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Text language to show"
+                },
+                "attribute": "language",
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "gameInfo": {},
+            "gameDetails": {},
+            "seatsStatus": {},
+            "isTableFull": {}
+        };
+    }
+    static get methods() {
+        return {
+            "onGameLoaded": {
+                "complexType": {
+                    "signature": "(gameInfo: CasinoGameThumbnailInfo) => Promise<void>",
+                    "parameters": [{
+                            "name": "gameInfo",
+                            "type": "CasinoGameThumbnailInfo",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "CasinoGameThumbnailInfo": {
+                            "location": "import",
+                            "path": "../../models/casino-game-thumb-view",
+                            "id": "../../../../packages/stencil/casino-game-thumb-view/src/models/casino-game-thumb-view.ts::CasinoGameThumbnailInfo"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "onGameDetailUpdated": {
+                "complexType": {
+                    "signature": "(details: CasinoGameThumbnailDetails) => Promise<void>",
+                    "parameters": [{
+                            "name": "details",
+                            "type": "CasinoGameThumbnailDetails",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "CasinoGameThumbnailDetails": {
+                            "location": "import",
+                            "path": "../../models/casino-game-thumb-view",
+                            "id": "../../../../packages/stencil/casino-game-thumb-view/src/models/casino-game-thumb-view.ts::CasinoGameThumbnailDetails"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
     }
-  }; }
 }

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

@@ -1,123 +1,130 @@
-import { Component, h, Host, Prop, State, Method } from '@stencil/core';
-import { ROULETTE_COLOR_MAP, WIDGETTYPE_GAMECATEGORY, } from '../../constants/game-thumbnail';
+import { h, Host } from "@stencil/core";
+import { ROULETTE_COLOR_MAP, WIDGETTYPE_GAMECATEGORY, } from "../../constants/game-thumbnail";
 export class CasinoExtrainfoRoulette {
-  constructor() {
-    /**
-     * Language
-     */
-    this.language = 'en';
-  }
-  async onGameLoaded(gameInfo) {
-    var _a;
-    this.gameInfo = Object.assign({}, gameInfo);
-    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) {
-    this.gameInfo.details = this.gameDetails = details;
-    this.gameInfo = Object.assign({}, this.gameInfo);
-    this.gameDetails = Object.assign({}, this.gameDetails);
-  }
-  getRouletteNumberColor(value) {
-    return ROULETTE_COLOR_MAP[value];
-  }
-  render() {
-    var _a, _b, _c, _d;
-    const isDouble = this.gameDetails ?
-      this.gameDetails.category.toLowerCase() ===
-        WIDGETTYPE_GAMECATEGORY.doubleballroulette : false;
-    let rouletteNumbers = (isDouble
-      ? (_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 is() { return "casino-extrainfo-roulette"; }
-  static get originalStyleUrls() { return {
-    "$": ["casino-extrainfo-roulette.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["casino-extrainfo-roulette.css"]
-  }; }
-  static get properties() { return {
-    "language": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Language"
-      },
-      "attribute": "language",
-      "reflect": false,
-      "defaultValue": "'en'"
+    constructor() {
+        this.language = 'en';
+        this.gameInfo = undefined;
+        this.gameDetails = undefined;
+        this.showLiveClass = undefined;
     }
-  }; }
-  static get states() { return {
-    "gameInfo": {},
-    "gameDetails": {},
-    "showLiveClass": {}
-  }; }
-  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": []
-      }
-    },
-    "onGameDetailUpdated": {
-      "complexType": {
-        "signature": "(details: CasinoGameThumbnailDetails) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          },
-          "CasinoGameThumbnailDetails": {
-            "location": "import",
-            "path": "../../models/casino-game-thumb-view"
-          }
-        },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
+    async onGameLoaded(gameInfo) {
+        var _a;
+        this.gameInfo = Object.assign({}, gameInfo);
+        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) {
+        this.gameInfo.details = this.gameDetails = details;
+        this.gameInfo = Object.assign({}, this.gameInfo);
+        this.gameDetails = Object.assign({}, this.gameDetails);
+    }
+    getRouletteNumberColor(value) {
+        return ROULETTE_COLOR_MAP[value];
+    }
+    render() {
+        var _a, _b, _c, _d;
+        const isDouble = this.gameDetails ?
+            this.gameDetails.category.toLowerCase() ===
+                WIDGETTYPE_GAMECATEGORY.doubleballroulette : false;
+        let rouletteNumbers = (isDouble
+            ? (_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, { key: 'c7c66e8f51bc9a09b78856342203ebe24fd09231' }, h("casino-game-thumbnail-extrainfo", { key: '380e499260501a6126ab6944eed0ea1e1ce3877d', ref: (el) => (this.infoWrapperRef = el), language: this.language }, h("div", { key: '233bbf1c16b1d36ac463a4178ef1724124817890', 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 is() { return "casino-extrainfo-roulette"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["casino-extrainfo-roulette.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["casino-extrainfo-roulette.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "language": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Language"
+                },
+                "attribute": "language",
+                "reflect": false,
+                "defaultValue": "'en'"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "gameInfo": {},
+            "gameDetails": {},
+            "showLiveClass": {}
+        };
+    }
+    static get methods() {
+        return {
+            "onGameLoaded": {
+                "complexType": {
+                    "signature": "(gameInfo: CasinoGameThumbnailInfo) => Promise<void>",
+                    "parameters": [{
+                            "name": "gameInfo",
+                            "type": "CasinoGameThumbnailInfo",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "CasinoGameThumbnailInfo": {
+                            "location": "import",
+                            "path": "../../models/casino-game-thumb-view",
+                            "id": "../../../../packages/stencil/casino-game-thumb-view/src/models/casino-game-thumb-view.ts::CasinoGameThumbnailInfo"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "onGameDetailUpdated": {
+                "complexType": {
+                    "signature": "(details: CasinoGameThumbnailDetails) => Promise<void>",
+                    "parameters": [{
+                            "name": "details",
+                            "type": "CasinoGameThumbnailDetails",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "CasinoGameThumbnailDetails": {
+                            "location": "import",
+                            "path": "../../models/casino-game-thumb-view",
+                            "id": "../../../../packages/stencil/casino-game-thumb-view/src/models/casino-game-thumb-view.ts::CasinoGameThumbnailDetails"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
     }
-  }; }
 }

package/dist/collection/components/casino-game-thumb-view/casino-game-thumb-view.css

@@ -49,7 +49,7 @@
   right: 0;
   bottom: 0;
   left: 0;
-  background: linear-gradient(0deg, black 15%, rgba(0, 0, 0, 0) 100%);
+  background: linear-gradient(0deg, rgb(0, 0, 0) 15%, rgba(0, 0, 0, 0) 100%);
 }
 
 .ListGame .GameInnerContainer {