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

package/dist/collection/collection-manifest.json

@@ -1,18 +1,18 @@
 {
   "entries": [
-    "./components/casino-extrainfo-baccarat/casino-extrainfo-baccarat.js",
-    "./components/casino-extrainfo-blackjack/casino-extrainfo-blackjack.js",
-    "./components/casino-extrainfo-roulette/casino-extrainfo-roulette.js",
-    "./components/casino-game-thumb-view/casino-game-thumb-view.js",
-    "./components/casino-game-thumbnail-betlimit/casino-game-thumbnail-betlimit.js",
-    "./components/casino-game-thumbnail-extrainfo/casino-game-thumbnail-extrainfo.js",
-    "./components/casino-game-thumbnail-overlay/casino-game-thumbnail-overlay.js",
-    "./components/casino-normal-game-thumbnail/casino-normal-game-thumbnail.js"
+    "components/casino-game-thumb-view/casino-game-thumb-view.js",
+    "components/casino-extrainfo-baccarat/casino-extrainfo-baccarat.js",
+    "components/casino-extrainfo-blackjack/casino-extrainfo-blackjack.js",
+    "components/casino-extrainfo-roulette/casino-extrainfo-roulette.js",
+    "components/casino-game-thumbnail-betlimit/casino-game-thumbnail-betlimit.js",
+    "components/casino-game-thumbnail-extrainfo/casino-game-thumbnail-extrainfo.js",
+    "components/casino-game-thumbnail-overlay/casino-game-thumbnail-overlay.js",
+    "components/casino-normal-game-thumbnail/casino-normal-game-thumbnail.js"
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.15.2",
-    "typescriptVersion": "4.5.4"
+    "version": "4.20.0",
+    "typescriptVersion": "5.5.3"
   },
   "collections": [],
   "bundles": []

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

@@ -1,240 +1,261 @@
-import { Component, h, Host, Method, Prop, State, Watch } from '@stencil/core';
-import { BaccaratWinner, } from '../../models/casino-game-thumb-view';
-import { BaccaratSvg } from '../../utils/baccarat-board-svg';
-import { WINNER_COLOR } from '../../constants/game-thumbnail';
+import { h, Host } from "@stencil/core";
+import { BaccaratWinner, } from "../../models/casino-game-thumb-view";
+import { BaccaratSvg } from "../../utils/baccarat-board-svg";
+import { WINNER_COLOR } from "../../constants/game-thumbnail";
 export class CasinoExtrainfoBaccarat {
-  constructor() {
-    this.baccaratSvg = new BaccaratSvg();
-    this.isBoardInited = false;
-    this.filledCells = [];
-  }
-  gameDetailsHandler(newVal, oldVal) {
-    if (newVal.isOpen && (!oldVal || !oldVal.isOpen)) {
-      if (this.showRoundBoard) {
-        setTimeout(() => {
-          this.initBaccaratRoundsBoard();
-        }, 100);
-      }
+    constructor() {
+        this.baccaratSvg = new BaccaratSvg();
+        this.isBoardInited = false;
+        this.filledCells = [];
+        this.language = undefined;
+        this.showRoundBoard = undefined;
+        this.gameInfo = undefined;
+        this.gameDetails = undefined;
+    }
+    gameDetailsHandler(newVal, oldVal) {
+        if (newVal.isOpen && (!oldVal || !oldVal.isOpen)) {
+            if (this.showRoundBoard) {
+                setTimeout(() => {
+                    this.initBaccaratRoundsBoard();
+                }, 100);
+            }
+        }
     }
-  }
-  async onGameLoaded(gameInfo) {
-    var _a;
-    this.gameInfo = gameInfo;
-    this.gameDetails = this.gameInfo.details;
-    (_a = this.infoWrapperRef) === null || _a === void 0 ? void 0 : _a.onGameLoaded(this.gameInfo);
-  }
-  /**
-   * Called when received update from updater
-   * @param details
-   */
-  async onGameDetailUpdated(details) {
-    var _a;
-    this.gameInfo.details = this.gameDetails = details;
-    this.gameDetails = Object.assign({}, this.gameDetails);
-    (_a = this.infoWrapperRef) === null || _a === void 0 ? void 0 : _a.onGameDetailUpdated(details);
-    // init board when the svg board init finished
-    setTimeout(() => {
-      this.isBoardInited = true;
-    }, 200);
-  }
-  async onBaccaratResultChanged(result) {
-    if (!result || !this.baccaratRef || this.isResetingRoundBoard) {
-      return;
+    async onGameLoaded(gameInfo) {
+        var _a;
+        this.gameInfo = gameInfo;
+        this.gameDetails = this.gameInfo.details;
+        (_a = this.infoWrapperRef) === null || _a === void 0 ? void 0 : _a.onGameLoaded(this.gameInfo);
     }
-    // For Tie round to mark, latestRound
-    let latestRound, resetRoundBoardCells = () => {
-      console.log('Reset Baccarat Board.');
-      this.filledCells = [];
-      this.baccaratSvg.resetSvg();
-      latestRound = null;
-    };
-    // Reset round board to avoid the reset(result==[]) update come earlier than last round,
-    // Ignore if the result.length == 0 for temporary
-    if (this.isBoardInited &&
-      (result.length == 0 ||
-        (result.length == 1 &&
-          (result[0].winner == BaccaratWinner.TIE ||
-            (result[0].location.column == 0 && result[0].location.row == 0))))) {
-      this.isResetingRoundBoard = true;
-      resetRoundBoardCells();
-      setTimeout(() => {
-        this.isResetingRoundBoard = false;
-      }, 1000);
+    /**
+     * Called when received update from updater
+     * @param details
+     */
+    async onGameDetailUpdated(details) {
+        var _a;
+        this.gameInfo.details = this.gameDetails = details;
+        this.gameDetails = Object.assign({}, this.gameDetails);
+        (_a = this.infoWrapperRef) === null || _a === void 0 ? void 0 : _a.onGameDetailUpdated(details);
+        // init board when the svg board init finished
+        setTimeout(() => {
+            this.isBoardInited = true;
+        }, 200);
     }
-    result.forEach((item, i) => {
-      //Mark the Tie when Tie round is the first cell(0,0)
-      if (item.winner == BaccaratWinner.TIE) {
-        if (i == result.length - 1 &&
-          (!latestRound ||
-            (latestRound &&
-              latestRound.location.column == 0 &&
-              latestRound.location.row == 0))) {
-          let firstTieCellKey = '0-0-T';
-          if (this.filledCells.indexOf(firstTieCellKey) == -1) {
-            this.baccaratSvg.markNewRound(0, 0, Object.assign(Object.assign({}, item), { pairColor: WINNER_COLOR }), this.isBoardInited);
-            this.filledCells.push(firstTieCellKey);
-          }
+    async onBaccaratResultChanged(result) {
+        if (!result || !this.baccaratRef || this.isResetingRoundBoard) {
+            return;
+        }
+        // For Tie round to mark, latestRound
+        let latestRound, resetRoundBoardCells = () => {
+            console.log('Reset Baccarat Board.');
+            this.filledCells = [];
+            this.baccaratSvg.resetSvg();
+            latestRound = null;
+        };
+        // Reset round board to avoid the reset(result==[]) update come earlier than last round,
+        // Ignore if the result.length == 0 for temporary
+        if (this.isBoardInited &&
+            (result.length == 0 ||
+                (result.length == 1 &&
+                    (result[0].winner == BaccaratWinner.TIE ||
+                        (result[0].location.column == 0 && result[0].location.row == 0))))) {
+            this.isResetingRoundBoard = true;
+            resetRoundBoardCells();
+            setTimeout(() => {
+                this.isResetingRoundBoard = false;
+            }, 1000);
         }
+        result.forEach((item, i) => {
+            //Mark the Tie when Tie round is the first cell(0,0)
+            if (item.winner == BaccaratWinner.TIE) {
+                if (i == result.length - 1 &&
+                    (!latestRound ||
+                        (latestRound &&
+                            latestRound.location.column == 0 &&
+                            latestRound.location.row == 0))) {
+                    let firstTieCellKey = '0-0-T';
+                    if (this.filledCells.indexOf(firstTieCellKey) == -1) {
+                        this.baccaratSvg.markNewRound(0, 0, Object.assign(Object.assign({}, item), { pairColor: WINNER_COLOR }), this.isBoardInited);
+                        this.filledCells.push(firstTieCellKey);
+                    }
+                }
+                return;
+            }
+            //cellKey to mark if a round has been marked
+            const cellKey = `${item.location.column}-${item.location.row}`;
+            const tCellKey = `${cellKey}-T`;
+            if (item.ties > 0 && this.filledCells.indexOf(tCellKey) == -1) {
+                this.baccaratSvg.markNewRound(item.location.column, item.location.row, Object.assign(Object.assign({}, item), { winner: BaccaratWinner.TIE }), this.isBoardInited);
+                this.filledCells.push(tCellKey);
+            }
+            latestRound = item;
+            //If current cell has been filled,duplicated data
+            if (this.filledCells.indexOf(cellKey) == -1) {
+                this.baccaratSvg.markNewRound(item.location.column, item.location.row, Object.assign(Object.assign({}, item), { pairColor: WINNER_COLOR }), this.isBoardInited);
+                this.filledCells.push(cellKey);
+            }
+        });
         return;
-      }
-      //cellKey to mark if a round has been marked
-      const cellKey = `${item.location.column}-${item.location.row}`;
-      const tCellKey = `${cellKey}-T`;
-      if (item.ties > 0 && this.filledCells.indexOf(tCellKey) == -1) {
-        this.baccaratSvg.markNewRound(item.location.column, item.location.row, Object.assign(Object.assign({}, item), { winner: BaccaratWinner.TIE }), this.isBoardInited);
-        this.filledCells.push(tCellKey);
-      }
-      latestRound = item;
-      //If current cell has been filled,duplicated data
-      if (this.filledCells.indexOf(cellKey) == -1) {
-        this.baccaratSvg.markNewRound(item.location.column, item.location.row, Object.assign(Object.assign({}, item), { pairColor: WINNER_COLOR }), this.isBoardInited);
-        this.filledCells.push(cellKey);
-      }
-    });
-    return;
-  }
-  initBaccaratRoundsBoard() {
-    var _a;
-    this.baccaratSvg.createBaccaratBoard(this.baccaratRef);
-    if (((_a = this.gameDetails.results) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-      this.onBaccaratResultChanged(this.gameDetails.results);
     }
-  }
-  render() {
-    var _a;
-    return (h(Host, null,
-      h("casino-game-thumbnail-extrainfo", { ref: (el) => (this.infoWrapperRef = el), language: this.language }, ((_a = this.gameDetails) === null || _a === void 0 ? void 0 : _a.isOpen) && this.showRoundBoard && (h("div", { slot: "category-details", class: "LiveIcons", part: "LiveIcons" },
-        h("div", { id: "boardContainer", part: "BaccaratBoard", class: "BaccaratBoard", ref: (el) => (this.baccaratRef = el) }))))));
-  }
-  static get is() { return "casino-extrainfo-baccarat"; }
-  static get originalStyleUrls() { return {
-    "$": ["casino-extrainfo-baccarat.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["casino-extrainfo-baccarat.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
-    },
-    "showRoundBoard": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Text language to show"
-      },
-      "attribute": "show-round-board",
-      "reflect": false
+    initBaccaratRoundsBoard() {
+        var _a;
+        this.baccaratSvg.createBaccaratBoard(this.baccaratRef);
+        if (((_a = this.gameDetails.results) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+            this.onBaccaratResultChanged(this.gameDetails.results);
+        }
+    }
+    render() {
+        var _a;
+        return (h(Host, { key: '88be397ce6762f3a57c76c84b40f48dc2ba23db7' }, h("casino-game-thumbnail-extrainfo", { key: '177c57f40ef84d7dfa0f458336e558e195aa9ac6', ref: (el) => (this.infoWrapperRef = el), language: this.language }, ((_a = this.gameDetails) === null || _a === void 0 ? void 0 : _a.isOpen) && this.showRoundBoard && (h("div", { key: '7b2db6ad68e6d9bcac9b97785b2c05b05d146836', slot: "category-details", class: "LiveIcons", part: "LiveIcons" }, h("div", { key: '004301f9c4f9bb574757e4eace077bd9fac57472', id: "boardContainer", part: "BaccaratBoard", class: "BaccaratBoard", ref: (el) => (this.baccaratRef = el) }))))));
+    }
+    static get is() { return "casino-extrainfo-baccarat"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["casino-extrainfo-baccarat.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["casino-extrainfo-baccarat.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
+            },
+            "showRoundBoard": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Text language to show"
+                },
+                "attribute": "show-round-board",
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "gameInfo": {},
+            "gameDetails": {}
+        };
+    }
+    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": "Called when received update from updater",
+                    "tags": [{
+                            "name": "param",
+                            "text": "details"
+                        }]
+                }
+            },
+            "onBaccaratResultChanged": {
+                "complexType": {
+                    "signature": "(result: Array<BaccaratUpdateItem>) => Promise<void>",
+                    "parameters": [{
+                            "name": "result",
+                            "type": "BaccaratUpdateItem[]",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "Array": {
+                            "location": "global",
+                            "id": "global::Array"
+                        },
+                        "BaccaratUpdateItem": {
+                            "location": "import",
+                            "path": "../../models/casino-game-thumb-view",
+                            "id": "../../../../packages/stencil/casino-game-thumb-view/src/models/casino-game-thumb-view.ts::BaccaratUpdateItem"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
     }
-  }; }
-  static get states() { return {
-    "gameInfo": {},
-    "gameDetails": {}
-  }; }
-  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": [{
-                "name": "param",
-                "text": "details"
-              }],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          },
-          "CasinoGameThumbnailDetails": {
-            "location": "import",
-            "path": "../../models/casino-game-thumb-view"
-          }
-        },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "Called when received update from updater",
-        "tags": [{
-            "name": "param",
-            "text": "details"
-          }]
-      }
-    },
-    "onBaccaratResultChanged": {
-      "complexType": {
-        "signature": "(result: Array<BaccaratUpdateItem>) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          },
-          "Array": {
-            "location": "global"
-          },
-          "BaccaratUpdateItem": {
-            "location": "import",
-            "path": "../../models/casino-game-thumb-view"
-          }
-        },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
+    static get watchers() {
+        return [{
+                "propName": "gameDetails",
+                "methodName": "gameDetailsHandler"
+            }];
     }
-  }; }
-  static get watchers() { return [{
-      "propName": "gameDetails",
-      "methodName": "gameDetailsHandler"
-    }]; }
 }