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

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

@@ -1,273 +1,280 @@
-import { r as registerInstance, h } from './index-1e44dd9f.js';
-import { n as numberWithSeparators, a as addGameTag, h as hooks } from './utils-e9314132.js';
-import { t as translate } from './locale.utils-e0cf897e.js';
-import { W as WIDGETTYPE_GAMECATEGORY, c as WIDGETTYPE_CLASS } from './game-thumbnail-0a56ee03.js';
+import { r as registerInstance, h } from './index-8c9a8030.js';
+import { n as numberWithSeparators, a as addGameTag, h as hooks } from './utils-090ac2e9.js';
+import { t as translate } from './locale.utils-0c514ca8.js';
+import { W as WIDGETTYPE_GAMECATEGORY, c as WIDGETTYPE_CLASS } from './game-thumbnail-035e97e2.js';
 
 /* eslint-disable quote-props */
 const currenciesSymbols = {
-  '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$',
+    '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$',
 };
 
 const casinoGameThumbnailBetlimitCss = ":host{display:block}";
+const CasinoGameThumbnailBetlimitStyle0 = casinoGameThumbnailBetlimitCss;
 
 const CasinoGameThumbnailBetlimit = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    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(hostRef) {
+        registerInstance(this, hostRef);
+        this.defaultCurrency = 'EUR';
+        this.isBetLimitAvailable = false;
+        this.betLimit = undefined;
+        this.numberOfPlayers = undefined;
     }
-  }
-  render() {
-    if (!this.isBetLimitAvailable) {
-      return '';
+    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;
+        }
+    }
+    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)))));
     }
-    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)))));
-  }
 };
-CasinoGameThumbnailBetlimit.style = casinoGameThumbnailBetlimitCss;
+CasinoGameThumbnailBetlimit.style = CasinoGameThumbnailBetlimitStyle0;
 
 const casinoGameThumbnailExtrainfoCss = ":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}";
+const CasinoGameThumbnailExtrainfoStyle0 = casinoGameThumbnailExtrainfoCss;
 
 const CasinoGameThumbnailExtrainfo = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    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(hostRef) {
+        registerInstance(this, hostRef);
+        this.isNewGame = false;
+        this.language = 'en';
+        this.betLimit = undefined;
+        this.gameInfo = undefined;
+        this.gameDetails = undefined;
+    }
+    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.gameTag = this.gameInfo.gameTag;
-    if (!this.gameInfo.details) {
-      return;
+    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;
+        }
     }
-    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;
+    async onGameDetailUpdated(details) {
+        this.gameInfo.details = this.gameDetails = details;
+        this.gameDetails = Object.assign({}, this.gameDetails);
+        //openHours.type: valid data: Bouned, FullTime
+        this.initTimeProperties();
     }
-  }
-  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 '';
+    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, ' ', hooks
+            .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 })))));
     }
-    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, ' ', hooks
-      .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 })))));
-  }
 };
-CasinoGameThumbnailExtrainfo.style = casinoGameThumbnailExtrainfoCss;
+CasinoGameThumbnailExtrainfo.style = CasinoGameThumbnailExtrainfoStyle0;
 
 export { CasinoGameThumbnailBetlimit as casino_game_thumbnail_betlimit, CasinoGameThumbnailExtrainfo as casino_game_thumbnail_extrainfo };

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

@@ -1,19 +1,21 @@
-import { r as registerInstance, h, H as Host } from './index-1e44dd9f.js';
+import { r as registerInstance, h, H as Host } from './index-8c9a8030.js';
 
 const casinoNormalGameThumbnailCss = ":host{display:block}";
+const CasinoNormalGameThumbnailStyle0 = casinoNormalGameThumbnailCss;
 
 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, h("casino-game-thumbnail-extrainfo", { ref: (el) => (this.infoWrapperRef = el), language: this.language })));
-  }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.language = undefined;
+    }
+    async onGameLoaded(gameInfo) {
+        var _a;
+        (_a = this.infoWrapperRef) === null || _a === void 0 ? void 0 : _a.onGameLoaded(gameInfo);
+    }
+    render() {
+        return (h(Host, { key: '65ecbdb989b2b98974bbe60db24f31032e2e10a7' }, h("casino-game-thumbnail-extrainfo", { key: '3633837b728bc4f18745cd87180b73359a403816', ref: (el) => (this.infoWrapperRef = el), language: this.language })));
+    }
 };
-CasinoNormalGameThumbnail.style = casinoNormalGameThumbnailCss;
+CasinoNormalGameThumbnail.style = CasinoNormalGameThumbnailStyle0;
 
 export { CasinoNormalGameThumbnail as casino_normal_game_thumbnail };

package/dist/esm/game-thumbnail-035e97e2.js

@@ -0,0 +1,72 @@
+const DEFAULT_BLACKJACK_TOTAL_SEATS = 7;
+const ROULETTE_COLOR_MAP = {
+    1: 'Red',
+    3: 'Red',
+    5: 'Red',
+    7: 'Red',
+    9: 'Red',
+    12: 'Red',
+    14: 'Red',
+    16: 'Red',
+    18: 'Red',
+    19: 'Red',
+    21: 'Red',
+    23: 'Red',
+    25: 'Red',
+    27: 'Red',
+    30: 'Red',
+    32: 'Red',
+    34: 'Red',
+    36: 'Red',
+    2: 'Black',
+    4: 'Black',
+    6: 'Black',
+    8: 'Black',
+    10: 'Black',
+    11: 'Black',
+    13: 'Black',
+    15: 'Black',
+    17: 'Black',
+    20: 'Black',
+    22: 'Black',
+    24: 'Black',
+    26: 'Black',
+    28: 'Black',
+    29: 'Black',
+    31: 'Black',
+    33: 'Black',
+    35: 'Black',
+    0: 'Green',
+    '00': 'Green',
+};
+var GAME_CATEGORY;
+(function (GAME_CATEGORY) {
+    GAME_CATEGORY["BLACKJACK"] = "blackjack";
+    GAME_CATEGORY["ROULETTE"] = "roulette";
+    GAME_CATEGORY["DOUBLEBALL_ROULETTE"] = "doubleballroulette";
+    GAME_CATEGORY["BACCARAT"] = "baccarat";
+})(GAME_CATEGORY || (GAME_CATEGORY = {}));
+var GAME_TYPE;
+(function (GAME_TYPE) {
+    GAME_TYPE["NORMAL_CASINO"] = "casino-games";
+    GAME_TYPE["LIVE_CASINO"] = "live-casino-tables";
+    GAME_TYPE["OTHER"] = "";
+})(GAME_TYPE || (GAME_TYPE = {}));
+const WIDGETTYPE_GAMECATEGORY = {
+    'roulette': 'roulette',
+    'doubleballroulette': 'doubleballroulette',
+    'blackjack': 'blackjack',
+    'baccarat': 'baccarat'
+};
+const WIDGETTYPE_CLASS = {
+    'roulette': 'RoulleteProps',
+    'doubleballroulette': 'RoulleteProps',
+    'blackjack': 'BlackjackDisplay',
+    'baccarat': 'BaccaratProps'
+};
+const WINNER_COLOR = {
+    'banker': 'red',
+    'player': 'blue'
+};
+
+export { DEFAULT_BLACKJACK_TOTAL_SEATS as D, GAME_CATEGORY as G, ROULETTE_COLOR_MAP as R, WIDGETTYPE_GAMECATEGORY as W, GAME_TYPE as a, WINNER_COLOR as b, WIDGETTYPE_CLASS as c };