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

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

@@ -0,0 +1 @@
+export { CasinoGameThumbView } from './casino-game-thumb-view';

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

@@ -1,86 +1,84 @@
-import { Component, h, Prop } from '@stencil/core';
-import { numberWithSeparators } from '../../utils/utils';
-import { currenciesSymbols } from '../../models/currency-symbols';
+import { h } from "@stencil/core";
+import { numberWithSeparators } from "../../utils/utils";
+import { currenciesSymbols } from "../../models/currency-symbols";
 export class CasinoGameThumbnailBetlimit {
-  constructor() {
-    this.defaultCurrency = 'EUR';
-    this.isBetLimitAvailable = false;
-  }
-  getCurrencySymbols(currency) {
-    return currenciesSymbols[currency];
-  }
-  componentWillRender() {
-    if (this.betLimit) {
-      const limit = this.betLimit.max
-        ? this.betLimit.max
-        : this.betLimit.min || {};
-      this.isBetLimitAvailable = Object.keys(limit).length === 1;
-      this.currency = this.isBetLimitAvailable
-        ? Object.keys(limit)[0]
-        : this.defaultCurrency;
+    constructor() {
+        this.defaultCurrency = 'EUR';
+        this.isBetLimitAvailable = false;
+        this.betLimit = undefined;
+        this.numberOfPlayers = undefined;
     }
-  }
-  render() {
-    if (!this.isBetLimitAvailable) {
-      return '';
+    getCurrencySymbols(currency) {
+        return currenciesSymbols[currency];
     }
-    return (h("p", { class: "LiveLimits" },
-      h("span", { class: "BetLimitLeft" },
-        this.getCurrencySymbols(this.currency),
-        ' ',
-        numberWithSeparators(this.betLimit.min[this.currency]),
-        " -",
-        ' ',
-        numberWithSeparators(this.betLimit.max[this.currency])),
-      (this.numberOfPlayers || this.numberOfPlayers == 0) && (h("span", { class: "BetLimitRight" },
-        h("svg", { fill: "white", width: "13", height: "13", viewBox: "0 0 13 14", xmlns: "http://www.w3.org/2000/svg" },
-          h("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" })),
-        h("span", { class: "NrOfPlayers" }, this.numberOfPlayers)))));
-  }
-  static get is() { return "casino-game-thumbnail-betlimit"; }
-  static get originalStyleUrls() { return {
-    "$": ["casino-game-thumbnail-betlimit.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["casino-game-thumbnail-betlimit.css"]
-  }; }
-  static get properties() { return {
-    "betLimit": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "BetLimit",
-        "resolved": "BetLimit",
-        "references": {
-          "BetLimit": {
-            "location": "import",
-            "path": "../../models/casino-game-thumb-view"
-          }
+    componentWillRender() {
+        if (this.betLimit) {
+            const limit = this.betLimit.max
+                ? this.betLimit.max
+                : this.betLimit.min || {};
+            this.isBetLimitAvailable = Object.keys(limit).length === 1;
+            this.currency = this.isBetLimitAvailable
+                ? Object.keys(limit)[0]
+                : this.defaultCurrency;
         }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The betlimit of live game"
-      }
-    },
-    "numberOfPlayers": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Number of players"
-      },
-      "attribute": "number-of-players",
-      "reflect": false
     }
-  }; }
+    render() {
+        if (!this.isBetLimitAvailable) {
+            return '';
+        }
+        return (h("p", { class: "LiveLimits" }, h("span", { class: "BetLimitLeft" }, this.getCurrencySymbols(this.currency), ' ', numberWithSeparators(this.betLimit.min[this.currency]), " -", ' ', numberWithSeparators(this.betLimit.max[this.currency])), (this.numberOfPlayers || this.numberOfPlayers == 0) && (h("span", { class: "BetLimitRight" }, h("svg", { fill: "white", width: "13", height: "13", viewBox: "0 0 13 14", xmlns: "http://www.w3.org/2000/svg" }, h("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" })), h("span", { class: "NrOfPlayers" }, this.numberOfPlayers)))));
+    }
+    static get is() { return "casino-game-thumbnail-betlimit"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["casino-game-thumbnail-betlimit.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["casino-game-thumbnail-betlimit.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "betLimit": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "BetLimit",
+                    "resolved": "BetLimit",
+                    "references": {
+                        "BetLimit": {
+                            "location": "import",
+                            "path": "../../models/casino-game-thumb-view",
+                            "id": "../../../../packages/stencil/casino-game-thumb-view/src/models/casino-game-thumb-view.ts::BetLimit"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The betlimit of live game"
+                }
+            },
+            "numberOfPlayers": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Number of players"
+                },
+                "attribute": "number-of-players",
+                "reflect": false
+            }
+        };
+    }
 }

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

@@ -1,158 +1,161 @@
-import { Component, h, State, Prop, Method } from '@stencil/core';
-import moment from 'moment';
-import { translate } from '../../utils/locale.utils';
-import { addGameTag } from '../../utils/utils';
-import { WIDGETTYPE_GAMECATEGORY, WIDGETTYPE_CLASS, } from '../../constants/game-thumbnail';
+import { h } from "@stencil/core";
+import moment from "moment";
+import { translate } from "../../utils/locale.utils";
+import { addGameTag } from "../../utils/utils";
+import { WIDGETTYPE_GAMECATEGORY, WIDGETTYPE_CLASS, } from "../../constants/game-thumbnail";
 export class CasinoGameThumbnailExtrainfo {
-  constructor() {
-    this.language = 'en';
-    this.isNewGame = false;
-  }
-  async onGameLoaded(gameInfo) {
-    var _a;
-    this.gameInfo = gameInfo;
-    this.isNewGame = this.gameInfo.isNew;
-    if (this.gameInfo.gameTag === 'false') {
-      this.gameInfo.gameTag = null;
+    constructor() {
+        this.isNewGame = false;
+        this.language = 'en';
+        this.betLimit = undefined;
+        this.gameInfo = undefined;
+        this.gameDetails = undefined;
     }
-    this.gameTag = this.gameInfo.gameTag;
-    if (!this.gameInfo.details) {
-      return;
+    async onGameLoaded(gameInfo) {
+        var _a;
+        this.gameInfo = gameInfo;
+        this.isNewGame = this.gameInfo.isNew;
+        if (this.gameInfo.gameTag === 'false') {
+            this.gameInfo.gameTag = null;
+        }
+        this.gameTag = this.gameInfo.gameTag;
+        if (!this.gameInfo.details) {
+            return;
+        }
+        this.gameDetails = this.gameInfo.details;
+        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;
+        this.betLimit = !this.gameDetails ? null : this.gameDetails.betLimit;
+        this.initTimeProperties();
     }
-    this.gameDetails = this.gameInfo.details;
-    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;
-    this.betLimit = !this.gameDetails ? null : this.gameDetails.betLimit;
-    this.initTimeProperties();
-  }
-  initTimeProperties() {
-    var _a, _b, _c, _d, _e;
-    //openHours.type: valid data: Bounded, FullTime
-    if (((_b = (_a = this.gameDetails) === null || _a === void 0 ? void 0 : _a.openHours) === null || _b === void 0 ? void 0 : _b.type) === 'Bounded') {
-      this.gameStartTime = (_d = (_c = this.gameDetails) === null || _c === void 0 ? void 0 : _c.openHours) === null || _d === void 0 ? void 0 : _d.value.startTime;
-      this.gameTimeFormat =
-        (_e = this.gameDetails) === null || _e === void 0 ? void 0 : _e.openHours.value.originalTimeFormat;
+    initTimeProperties() {
+        var _a, _b, _c, _d, _e;
+        //openHours.type: valid data: Bounded, FullTime
+        if (((_b = (_a = this.gameDetails) === null || _a === void 0 ? void 0 : _a.openHours) === null || _b === void 0 ? void 0 : _b.type) === 'Bounded') {
+            this.gameStartTime = (_d = (_c = this.gameDetails) === null || _c === void 0 ? void 0 : _c.openHours) === null || _d === void 0 ? void 0 : _d.value.startTime;
+            this.gameTimeFormat =
+                (_e = this.gameDetails) === null || _e === void 0 ? void 0 : _e.openHours.value.originalTimeFormat;
+        }
     }
-  }
-  async onGameDetailUpdated(details) {
-    this.gameInfo.details = this.gameDetails = details;
-    this.gameDetails = Object.assign({}, this.gameDetails);
-    //openHours.type: valid data: Bouned, FullTime
-    this.initTimeProperties();
-  }
-  render() {
-    var _a, _b, _c;
-    if (!this.gameInfo) {
-      return '';
+    async onGameDetailUpdated(details) {
+        this.gameInfo.details = this.gameDetails = details;
+        this.gameDetails = Object.assign({}, this.gameDetails);
+        //openHours.type: valid data: Bouned, FullTime
+        this.initTimeProperties();
     }
-    return (h("div", { class: "GameExtraInfo", part: "GameExtraInfo" },
-      this.isNewGame && (h("span", { class: "GameExtraInfoLabel NewGameTag", part: "GameExtraInfoLabel NewGameTag" }, translate('new', this.language))),
-      this.gameTag && (h("span", { class: "GameExtraInfoLabel PopularGameTag", part: "GameExtraInfoLabel PopularGameTag" }, this.gameTag)),
-      this.gameDetails && (h("div", { class: `GameProp LiveProps ${WIDGETTYPE_CLASS[this.gameDetails.category.toLowerCase()]} ${this.isDouble ? ' Double' : ''}`, part: `GameProp LiveProps  ${WIDGETTYPE_CLASS[this.gameDetails.category.toLowerCase()]} ${this.isDouble ? ' Double' : ''}` },
-        this.gameDetails.isOpen ? (h("slot", { name: "category-details" })) : (this.gameStartTime &&
-          this.gameTimeFormat && (h("div", { class: "ClosedGame", part: "ClosedGame" },
-          translate('opens', this.language),
-          h("span", null,
-            ' ',
-            moment
-              .utc(this.gameStartTime)
-              .local()
-              .format(this.gameTimeFormat),
-            ' ')))),
-        ((_a = this.gameDetails.dealer) === null || _a === void 0 ? void 0 : _a.DealerName) && (h("p", { class: "LiveLimits" },
-          h("span", { class: "DealerName" },
-            translate('dealer', this.language),
-            ":",
-            ' ', (_b = this.gameDetails) === null || _b === void 0 ? void 0 :
-            _b.dealer.DealerName,
-            ' '))),
-        h("casino-game-thumbnail-betlimit", { betLimit: this.betLimit, numberOfPlayers: (_c = this.gameDetails) === null || _c === void 0 ? void 0 : _c.numberOfPlayers })))));
-  }
-  static get is() { return "casino-game-thumbnail-extrainfo"; }
-  static get originalStyleUrls() { return {
-    "$": ["casino-game-thumbnail-extrainfo.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["casino-game-thumbnail-extrainfo.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,
-      "defaultValue": "'en'"
+    render() {
+        var _a, _b, _c;
+        if (!this.gameInfo) {
+            return '';
+        }
+        return (h("div", { class: "GameExtraInfo", part: "GameExtraInfo" }, this.isNewGame && (h("span", { class: "GameExtraInfoLabel NewGameTag", part: "GameExtraInfoLabel NewGameTag" }, translate('new', this.language))), this.gameTag && (h("span", { class: "GameExtraInfoLabel PopularGameTag", part: "GameExtraInfoLabel PopularGameTag" }, this.gameTag)), this.gameDetails && (h("div", { class: `GameProp LiveProps ${WIDGETTYPE_CLASS[this.gameDetails.category.toLowerCase()]} ${this.isDouble ? ' Double' : ''}`, part: `GameProp LiveProps  ${WIDGETTYPE_CLASS[this.gameDetails.category.toLowerCase()]} ${this.isDouble ? ' Double' : ''}` }, this.gameDetails.isOpen ? (h("slot", { name: "category-details" })) : (this.gameStartTime &&
+            this.gameTimeFormat && (h("div", { class: "ClosedGame", part: "ClosedGame" }, translate('opens', this.language), h("span", null, ' ', moment
+            .utc(this.gameStartTime)
+            .local()
+            .format(this.gameTimeFormat), ' ')))), ((_a = this.gameDetails.dealer) === null || _a === void 0 ? void 0 : _a.DealerName) && (h("p", { class: "LiveLimits" }, h("span", { class: "DealerName" }, translate('dealer', this.language), ":", ' ', (_b = this.gameDetails) === null || _b === void 0 ? void 0 :
+            _b.dealer.DealerName, ' '))), h("casino-game-thumbnail-betlimit", { betLimit: this.betLimit, numberOfPlayers: (_c = this.gameDetails) === null || _c === void 0 ? void 0 : _c.numberOfPlayers })))));
     }
-  }; }
-  static get states() { return {
-    "betLimit": {},
-    "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": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          },
-          "CasinoGameThumbnailDetails": {
-            "location": "import",
-            "path": "../../models/casino-game-thumb-view"
-          }
-        },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
+    static get is() { return "casino-game-thumbnail-extrainfo"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["casino-game-thumbnail-extrainfo.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["casino-game-thumbnail-extrainfo.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,
+                "defaultValue": "'en'"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "betLimit": {},
+            "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": "",
+                    "tags": []
+                }
+            }
+        };
     }
-  }; }
 }