@everymatrix/casino-game-thumb-view 0.0.2-9.1 → 1.0.69

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

@@ -1,1618 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { c as convertGicBaccaratUpdateItem, i as isMobile } from './utils.js';
-import { G as GAME_CATEGORY, c as GAME_TYPE, a as WIDGETTYPE_GAMECATEGORY } from './game-thumbnail.js';
-import { d as defineCustomElement$2 } from './casino-game-thumbnail-overlay2.js';
-
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-function createCommonjsModule(fn, basedir, module) {
-	return module = {
-		path: basedir,
-		exports: {},
-		require: function (path, base) {
-			return commonjsRequire();
-		}
-	}, fn(module, module.exports), module.exports;
-}
-
-function commonjsRequire () {
-	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
-}
-
-var eventsource = createCommonjsModule(function (module, exports) {
-/** @license
- * eventsource.js
- * Available under MIT License (MIT)
- * https://github.com/Yaffle/EventSource/
- */
-
-/*jslint indent: 2, vars: true, plusplus: true */
-/*global setTimeout, clearTimeout */
-
-(function (global) {
-
-  var setTimeout = global.setTimeout;
-  var clearTimeout = global.clearTimeout;
-  var XMLHttpRequest = global.XMLHttpRequest;
-  var XDomainRequest = global.XDomainRequest;
-  var ActiveXObject = global.ActiveXObject;
-  var NativeEventSource = global.EventSource;
-
-  var document = global.document;
-  var Promise = global.Promise;
-  var fetch = global.fetch;
-  var Response = global.Response;
-  var TextDecoder = global.TextDecoder;
-  var TextEncoder = global.TextEncoder;
-  var AbortController = global.AbortController;
-
-  if (typeof window !== "undefined" && typeof document !== "undefined" && !("readyState" in document) && document.body == null) { // Firefox 2
-    document.readyState = "loading";
-    window.addEventListener("load", function (event) {
-      document.readyState = "complete";
-    }, false);
-  }
-
-  if (XMLHttpRequest == null && ActiveXObject != null) { // https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest_in_IE6
-    XMLHttpRequest = function () {
-      return new ActiveXObject("Microsoft.XMLHTTP");
-    };
-  }
-
-  if (Object.create == undefined) {
-    Object.create = function (C) {
-      function F(){}
-      F.prototype = C;
-      return new F();
-    };
-  }
-
-  if (!Date.now) {
-    Date.now = function now() {
-      return new Date().getTime();
-    };
-  }
-
-  // see #118 (Promise#finally with polyfilled Promise)
-  // see #123 (data URLs crash Edge)
-  // see #125 (CSP violations)
-  // see pull/#138
-  // => No way to polyfill Promise#finally
-
-  if (AbortController == undefined) {
-    var originalFetch2 = fetch;
-    fetch = function (url, options) {
-      var signal = options.signal;
-      return originalFetch2(url, {headers: options.headers, credentials: options.credentials, cache: options.cache}).then(function (response) {
-        var reader = response.body.getReader();
-        signal._reader = reader;
-        if (signal._aborted) {
-          signal._reader.cancel();
-        }
-        return {
-          status: response.status,
-          statusText: response.statusText,
-          headers: response.headers,
-          body: {
-            getReader: function () {
-              return reader;
-            }
-          }
-        };
-      });
-    };
-    AbortController = function () {
-      this.signal = {
-        _reader: null,
-        _aborted: false
-      };
-      this.abort = function () {
-        if (this.signal._reader != null) {
-          this.signal._reader.cancel();
-        }
-        this.signal._aborted = true;
-      };
-    };
-  }
-
-  function TextDecoderPolyfill() {
-    this.bitsNeeded = 0;
-    this.codePoint = 0;
-  }
-
-  TextDecoderPolyfill.prototype.decode = function (octets) {
-    function valid(codePoint, shift, octetsCount) {
-      if (octetsCount === 1) {
-        return codePoint >= 0x0080 >> shift && codePoint << shift <= 0x07FF;
-      }
-      if (octetsCount === 2) {
-        return codePoint >= 0x0800 >> shift && codePoint << shift <= 0xD7FF || codePoint >= 0xE000 >> shift && codePoint << shift <= 0xFFFF;
-      }
-      if (octetsCount === 3) {
-        return codePoint >= 0x010000 >> shift && codePoint << shift <= 0x10FFFF;
-      }
-      throw new Error();
-    }
-    function octetsCount(bitsNeeded, codePoint) {
-      if (bitsNeeded === 6 * 1) {
-        return codePoint >> 6 > 15 ? 3 : codePoint > 31 ? 2 : 1;
-      }
-      if (bitsNeeded === 6 * 2) {
-        return codePoint > 15 ? 3 : 2;
-      }
-      if (bitsNeeded === 6 * 3) {
-        return 3;
-      }
-      throw new Error();
-    }
-    var REPLACER = 0xFFFD;
-    var string = "";
-    var bitsNeeded = this.bitsNeeded;
-    var codePoint = this.codePoint;
-    for (var i = 0; i < octets.length; i += 1) {
-      var octet = octets[i];
-      if (bitsNeeded !== 0) {
-        if (octet < 128 || octet > 191 || !valid(codePoint << 6 | octet & 63, bitsNeeded - 6, octetsCount(bitsNeeded, codePoint))) {
-          bitsNeeded = 0;
-          codePoint = REPLACER;
-          string += String.fromCharCode(codePoint);
-        }
-      }
-      if (bitsNeeded === 0) {
-        if (octet >= 0 && octet <= 127) {
-          bitsNeeded = 0;
-          codePoint = octet;
-        } else if (octet >= 192 && octet <= 223) {
-          bitsNeeded = 6 * 1;
-          codePoint = octet & 31;
-        } else if (octet >= 224 && octet <= 239) {
-          bitsNeeded = 6 * 2;
-          codePoint = octet & 15;
-        } else if (octet >= 240 && octet <= 247) {
-          bitsNeeded = 6 * 3;
-          codePoint = octet & 7;
-        } else {
-          bitsNeeded = 0;
-          codePoint = REPLACER;
-        }
-        if (bitsNeeded !== 0 && !valid(codePoint, bitsNeeded, octetsCount(bitsNeeded, codePoint))) {
-          bitsNeeded = 0;
-          codePoint = REPLACER;
-        }
-      } else {
-        bitsNeeded -= 6;
-        codePoint = codePoint << 6 | octet & 63;
-      }
-      if (bitsNeeded === 0) {
-        if (codePoint <= 0xFFFF) {
-          string += String.fromCharCode(codePoint);
-        } else {
-          string += String.fromCharCode(0xD800 + (codePoint - 0xFFFF - 1 >> 10));
-          string += String.fromCharCode(0xDC00 + (codePoint - 0xFFFF - 1 & 0x3FF));
-        }
-      }
-    }
-    this.bitsNeeded = bitsNeeded;
-    this.codePoint = codePoint;
-    return string;
-  };
-
-  // Firefox < 38 throws an error with stream option
-  var supportsStreamOption = function () {
-    try {
-      return new TextDecoder().decode(new TextEncoder().encode("test"), {stream: true}) === "test";
-    } catch (error) {
-      console.debug("TextDecoder does not support streaming option. Using polyfill instead: " + error);
-    }
-    return false;
-  };
-
-  // IE, Edge
-  if (TextDecoder == undefined || TextEncoder == undefined || !supportsStreamOption()) {
-    TextDecoder = TextDecoderPolyfill;
-  }
-
-  var k = function () {
-  };
-
-  function XHRWrapper(xhr) {
-    this.withCredentials = false;
-    this.readyState = 0;
-    this.status = 0;
-    this.statusText = "";
-    this.responseText = "";
-    this.onprogress = k;
-    this.onload = k;
-    this.onerror = k;
-    this.onreadystatechange = k;
-    this._contentType = "";
-    this._xhr = xhr;
-    this._sendTimeout = 0;
-    this._abort = k;
-  }
-
-  XHRWrapper.prototype.open = function (method, url) {
-    this._abort(true);
-
-    var that = this;
-    var xhr = this._xhr;
-    var state = 1;
-    var timeout = 0;
-
-    this._abort = function (silent) {
-      if (that._sendTimeout !== 0) {
-        clearTimeout(that._sendTimeout);
-        that._sendTimeout = 0;
-      }
-      if (state === 1 || state === 2 || state === 3) {
-        state = 4;
-        xhr.onload = k;
-        xhr.onerror = k;
-        xhr.onabort = k;
-        xhr.onprogress = k;
-        xhr.onreadystatechange = k;
-        // IE 8 - 9: XDomainRequest#abort() does not fire any event
-        // Opera < 10: XMLHttpRequest#abort() does not fire any event
-        xhr.abort();
-        if (timeout !== 0) {
-          clearTimeout(timeout);
-          timeout = 0;
-        }
-        if (!silent) {
-          that.readyState = 4;
-          that.onabort(null);
-          that.onreadystatechange();
-        }
-      }
-      state = 0;
-    };
-
-    var onStart = function () {
-      if (state === 1) {
-        //state = 2;
-        var status = 0;
-        var statusText = "";
-        var contentType = undefined;
-        if (!("contentType" in xhr)) {
-          try {
-            status = xhr.status;
-            statusText = xhr.statusText;
-            contentType = xhr.getResponseHeader("Content-Type");
-          } catch (error) {
-            // IE < 10 throws exception for `xhr.status` when xhr.readyState === 2 || xhr.readyState === 3
-            // Opera < 11 throws exception for `xhr.status` when xhr.readyState === 2
-            // https://bugs.webkit.org/show_bug.cgi?id=29121
-            status = 0;
-            statusText = "";
-            contentType = undefined;
-            // Firefox < 14, Chrome ?, Safari ?
-            // https://bugs.webkit.org/show_bug.cgi?id=29658
-            // https://bugs.webkit.org/show_bug.cgi?id=77854
-          }
-        } else {
-          status = 200;
-          statusText = "OK";
-          contentType = xhr.contentType;
-        }
-        if (status !== 0) {
-          state = 2;
-          that.readyState = 2;
-          that.status = status;
-          that.statusText = statusText;
-          that._contentType = contentType;
-          that.onreadystatechange();
-        }
-      }
-    };
-    var onProgress = function () {
-      onStart();
-      if (state === 2 || state === 3) {
-        state = 3;
-        var responseText = "";
-        try {
-          responseText = xhr.responseText;
-        } catch (error) {
-          // IE 8 - 9 with XMLHttpRequest
-        }
-        that.readyState = 3;
-        that.responseText = responseText;
-        that.onprogress();
-      }
-    };
-    var onFinish = function (type, event) {
-      if (event == null || event.preventDefault == null) {
-        event = {
-          preventDefault: k
-        };
-      }
-      // Firefox 52 fires "readystatechange" (xhr.readyState === 4) without final "readystatechange" (xhr.readyState === 3)
-      // IE 8 fires "onload" without "onprogress"
-      onProgress();
-      if (state === 1 || state === 2 || state === 3) {
-        state = 4;
-        if (timeout !== 0) {
-          clearTimeout(timeout);
-          timeout = 0;
-        }
-        that.readyState = 4;
-        if (type === "load") {
-          that.onload(event);
-        } else if (type === "error") {
-          that.onerror(event);
-        } else if (type === "abort") {
-          that.onabort(event);
-        } else {
-          throw new TypeError();
-        }
-        that.onreadystatechange();
-      }
-    };
-    var onReadyStateChange = function (event) {
-      if (xhr != undefined) { // Opera 12
-        if (xhr.readyState === 4) {
-          if (!("onload" in xhr) || !("onerror" in xhr) || !("onabort" in xhr)) {
-            onFinish(xhr.responseText === "" ? "error" : "load", event);
-          }
-        } else if (xhr.readyState === 3) {
-          if (!("onprogress" in xhr)) { // testing XMLHttpRequest#responseText too many times is too slow in IE 11
-            // and in Firefox 3.6
-            onProgress();
-          }
-        } else if (xhr.readyState === 2) {
-          onStart();
-        }
-      }
-    };
-    var onTimeout = function () {
-      timeout = setTimeout(function () {
-        onTimeout();
-      }, 500);
-      if (xhr.readyState === 3) {
-        onProgress();
-      }
-    };
-
-    // XDomainRequest#abort removes onprogress, onerror, onload
-    if ("onload" in xhr) {
-      xhr.onload = function (event) {
-        onFinish("load", event);
-      };
-    }
-    if ("onerror" in xhr) {
-      xhr.onerror = function (event) {
-        onFinish("error", event);
-      };
-    }
-    // improper fix to match Firefox behaviour, but it is better than just ignore abort
-    // see https://bugzilla.mozilla.org/show_bug.cgi?id=768596
-    // https://bugzilla.mozilla.org/show_bug.cgi?id=880200
-    // https://code.google.com/p/chromium/issues/detail?id=153570
-    // IE 8 fires "onload" without "onprogress
-    if ("onabort" in xhr) {
-      xhr.onabort = function (event) {
-        onFinish("abort", event);
-      };
-    }
-
-    if ("onprogress" in xhr) {
-      xhr.onprogress = onProgress;
-    }
-
-    // IE 8 - 9 (XMLHTTPRequest)
-    // Opera < 12
-    // Firefox < 3.5
-    // Firefox 3.5 - 3.6 - ? < 9.0
-    // onprogress is not fired sometimes or delayed
-    // see also #64 (significant lag in IE 11)
-    if ("onreadystatechange" in xhr) {
-      xhr.onreadystatechange = function (event) {
-        onReadyStateChange(event);
-      };
-    }
-
-    if ("contentType" in xhr || !("ontimeout" in XMLHttpRequest.prototype)) {
-      url += (url.indexOf("?") === -1 ? "?" : "&") + "padding=true";
-    }
-    xhr.open(method, url, true);
-
-    if ("readyState" in xhr) {
-      // workaround for Opera 12 issue with "progress" events
-      // #91 (XMLHttpRequest onprogress not fired for streaming response in Edge 14-15-?)
-      timeout = setTimeout(function () {
-        onTimeout();
-      }, 0);
-    }
-  };
-  XHRWrapper.prototype.abort = function () {
-    this._abort(false);
-  };
-  XHRWrapper.prototype.getResponseHeader = function (name) {
-    return this._contentType;
-  };
-  XHRWrapper.prototype.setRequestHeader = function (name, value) {
-    var xhr = this._xhr;
-    if ("setRequestHeader" in xhr) {
-      xhr.setRequestHeader(name, value);
-    }
-  };
-  XHRWrapper.prototype.getAllResponseHeaders = function () {
-    // XMLHttpRequest#getAllResponseHeaders returns null for CORS requests in Firefox 3.6.28
-    return this._xhr.getAllResponseHeaders != undefined ? this._xhr.getAllResponseHeaders() || "" : "";
-  };
-  XHRWrapper.prototype.send = function () {
-    // loading indicator in Safari < ? (6), Chrome < 14, Firefox
-    // https://bugzilla.mozilla.org/show_bug.cgi?id=736723
-    if ((!("ontimeout" in XMLHttpRequest.prototype) || (!("sendAsBinary" in XMLHttpRequest.prototype) && !("mozAnon" in XMLHttpRequest.prototype))) &&
-        document != undefined &&
-        document.readyState != undefined &&
-        document.readyState !== "complete") {
-      var that = this;
-      that._sendTimeout = setTimeout(function () {
-        that._sendTimeout = 0;
-        that.send();
-      }, 4);
-      return;
-    }
-
-    var xhr = this._xhr;
-    // withCredentials should be set after "open" for Safari and Chrome (< 19 ?)
-    if ("withCredentials" in xhr) {
-      xhr.withCredentials = this.withCredentials;
-    }
-    try {
-      // xhr.send(); throws "Not enough arguments" in Firefox 3.0
-      xhr.send(undefined);
-    } catch (error1) {
-      // Safari 5.1.7, Opera 12
-      throw error1;
-    }
-  };
-
-  function toLowerCase(name) {
-    return name.replace(/[A-Z]/g, function (c) {
-      return String.fromCharCode(c.charCodeAt(0) + 0x20);
-    });
-  }
-
-  function HeadersPolyfill(all) {
-    // Get headers: implemented according to mozilla's example code: https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/getAllResponseHeaders#Example
-    var map = Object.create(null);
-    var array = all.split("\r\n");
-    for (var i = 0; i < array.length; i += 1) {
-      var line = array[i];
-      var parts = line.split(": ");
-      var name = parts.shift();
-      var value = parts.join(": ");
-      map[toLowerCase(name)] = value;
-    }
-    this._map = map;
-  }
-  HeadersPolyfill.prototype.get = function (name) {
-    return this._map[toLowerCase(name)];
-  };
-
-  if (XMLHttpRequest != null && XMLHttpRequest.HEADERS_RECEIVED == null) { // IE < 9, Firefox 3.6
-    XMLHttpRequest.HEADERS_RECEIVED = 2;
-  }
-
-  function XHRTransport() {
-  }
-
-  XHRTransport.prototype.open = function (xhr, onStartCallback, onProgressCallback, onFinishCallback, url, withCredentials, headers) {
-    xhr.open("GET", url);
-    var offset = 0;
-    xhr.onprogress = function () {
-      var responseText = xhr.responseText;
-      var chunk = responseText.slice(offset);
-      offset += chunk.length;
-      onProgressCallback(chunk);
-    };
-    xhr.onerror = function (event) {
-      event.preventDefault();
-      onFinishCallback(new Error("NetworkError"));
-    };
-    xhr.onload = function () {
-      onFinishCallback(null);
-    };
-    xhr.onabort = function () {
-      onFinishCallback(null);
-    };
-    xhr.onreadystatechange = function () {
-      if (xhr.readyState === XMLHttpRequest.HEADERS_RECEIVED) {
-        var status = xhr.status;
-        var statusText = xhr.statusText;
-        var contentType = xhr.getResponseHeader("Content-Type");
-        var headers = xhr.getAllResponseHeaders();
-        onStartCallback(status, statusText, contentType, new HeadersPolyfill(headers));
-      }
-    };
-    xhr.withCredentials = withCredentials;
-    for (var name in headers) {
-      if (Object.prototype.hasOwnProperty.call(headers, name)) {
-        xhr.setRequestHeader(name, headers[name]);
-      }
-    }
-    xhr.send();
-    return xhr;
-  };
-
-  function HeadersWrapper(headers) {
-    this._headers = headers;
-  }
-  HeadersWrapper.prototype.get = function (name) {
-    return this._headers.get(name);
-  };
-
-  function FetchTransport() {
-  }
-
-  FetchTransport.prototype.open = function (xhr, onStartCallback, onProgressCallback, onFinishCallback, url, withCredentials, headers) {
-    var reader = null;
-    var controller = new AbortController();
-    var signal = controller.signal;
-    var textDecoder = new TextDecoder();
-    fetch(url, {
-      headers: headers,
-      credentials: withCredentials ? "include" : "same-origin",
-      signal: signal,
-      cache: "no-store"
-    }).then(function (response) {
-      reader = response.body.getReader();
-      onStartCallback(response.status, response.statusText, response.headers.get("Content-Type"), new HeadersWrapper(response.headers));
-      // see https://github.com/promises-aplus/promises-spec/issues/179
-      return new Promise(function (resolve, reject) {
-        var readNextChunk = function () {
-          reader.read().then(function (result) {
-            if (result.done) {
-              //Note: bytes in textDecoder are ignored
-              resolve(undefined);
-            } else {
-              var chunk = textDecoder.decode(result.value, {stream: true});
-              onProgressCallback(chunk);
-              readNextChunk();
-            }
-          })["catch"](function (error) {
-            reject(error);
-          });
-        };
-        readNextChunk();
-      });
-    })["catch"](function (error) {
-      if (error.name === "AbortError") {
-        return undefined;
-      } else {
-        return error;
-      }
-    }).then(function (error) {
-      onFinishCallback(error);
-    });
-    return {
-      abort: function () {
-        if (reader != null) {
-          reader.cancel(); // https://bugzilla.mozilla.org/show_bug.cgi?id=1583815
-        }
-        controller.abort();
-      }
-    };
-  };
-
-  function EventTarget() {
-    this._listeners = Object.create(null);
-  }
-
-  function throwError(e) {
-    setTimeout(function () {
-      throw e;
-    }, 0);
-  }
-
-  EventTarget.prototype.dispatchEvent = function (event) {
-    event.target = this;
-    var typeListeners = this._listeners[event.type];
-    if (typeListeners != undefined) {
-      var length = typeListeners.length;
-      for (var i = 0; i < length; i += 1) {
-        var listener = typeListeners[i];
-        try {
-          if (typeof listener.handleEvent === "function") {
-            listener.handleEvent(event);
-          } else {
-            listener.call(this, event);
-          }
-        } catch (e) {
-          throwError(e);
-        }
-      }
-    }
-  };
-  EventTarget.prototype.addEventListener = function (type, listener) {
-    type = String(type);
-    var listeners = this._listeners;
-    var typeListeners = listeners[type];
-    if (typeListeners == undefined) {
-      typeListeners = [];
-      listeners[type] = typeListeners;
-    }
-    var found = false;
-    for (var i = 0; i < typeListeners.length; i += 1) {
-      if (typeListeners[i] === listener) {
-        found = true;
-      }
-    }
-    if (!found) {
-      typeListeners.push(listener);
-    }
-  };
-  EventTarget.prototype.removeEventListener = function (type, listener) {
-    type = String(type);
-    var listeners = this._listeners;
-    var typeListeners = listeners[type];
-    if (typeListeners != undefined) {
-      var filtered = [];
-      for (var i = 0; i < typeListeners.length; i += 1) {
-        if (typeListeners[i] !== listener) {
-          filtered.push(typeListeners[i]);
-        }
-      }
-      if (filtered.length === 0) {
-        delete listeners[type];
-      } else {
-        listeners[type] = filtered;
-      }
-    }
-  };
-
-  function Event(type) {
-    this.type = type;
-    this.target = undefined;
-  }
-
-  function MessageEvent(type, options) {
-    Event.call(this, type);
-    this.data = options.data;
-    this.lastEventId = options.lastEventId;
-  }
-
-  MessageEvent.prototype = Object.create(Event.prototype);
-
-  function ConnectionEvent(type, options) {
-    Event.call(this, type);
-    this.status = options.status;
-    this.statusText = options.statusText;
-    this.headers = options.headers;
-  }
-
-  ConnectionEvent.prototype = Object.create(Event.prototype);
-
-  function ErrorEvent(type, options) {
-    Event.call(this, type);
-    this.error = options.error;
-  }
-
-  ErrorEvent.prototype = Object.create(Event.prototype);
-
-  var WAITING = -1;
-  var CONNECTING = 0;
-  var OPEN = 1;
-  var CLOSED = 2;
-
-  var AFTER_CR = -1;
-  var FIELD_START = 0;
-  var FIELD = 1;
-  var VALUE_START = 2;
-  var VALUE = 3;
-
-  var contentTypeRegExp = /^text\/event\-stream(;.*)?$/i;
-
-  var MINIMUM_DURATION = 1000;
-  var MAXIMUM_DURATION = 18000000;
-
-  var parseDuration = function (value, def) {
-    var n = value == null ? def : parseInt(value, 10);
-    if (n !== n) {
-      n = def;
-    }
-    return clampDuration(n);
-  };
-  var clampDuration = function (n) {
-    return Math.min(Math.max(n, MINIMUM_DURATION), MAXIMUM_DURATION);
-  };
-
-  var fire = function (that, f, event) {
-    try {
-      if (typeof f === "function") {
-        f.call(that, event);
-      }
-    } catch (e) {
-      throwError(e);
-    }
-  };
-
-  function EventSourcePolyfill(url, options) {
-    EventTarget.call(this);
-    options = options || {};
-
-    this.onopen = undefined;
-    this.onmessage = undefined;
-    this.onerror = undefined;
-
-    this.url = undefined;
-    this.readyState = undefined;
-    this.withCredentials = undefined;
-    this.headers = undefined;
-
-    this._close = undefined;
-
-    start(this, url, options);
-  }
-
-  function getBestXHRTransport() {
-    return (XMLHttpRequest != undefined && ("withCredentials" in XMLHttpRequest.prototype)) || XDomainRequest == undefined
-        ? new XMLHttpRequest()
-        : new XDomainRequest();
-  }
-
-  var isFetchSupported = fetch != undefined && Response != undefined && "body" in Response.prototype;
-
-  function start(es, url, options) {
-    url = String(url);
-    var withCredentials = Boolean(options.withCredentials);
-    var lastEventIdQueryParameterName = options.lastEventIdQueryParameterName || "lastEventId";
-
-    var initialRetry = clampDuration(1000);
-    var heartbeatTimeout = parseDuration(options.heartbeatTimeout, 45000);
-
-    var lastEventId = "";
-    var retry = initialRetry;
-    var wasActivity = false;
-    var textLength = 0;
-    var headers = options.headers || {};
-    var TransportOption = options.Transport;
-    var xhr = isFetchSupported && TransportOption == undefined ? undefined : new XHRWrapper(TransportOption != undefined ? new TransportOption() : getBestXHRTransport());
-    var transport = TransportOption != null && typeof TransportOption !== "string" ? new TransportOption() : (xhr == undefined ? new FetchTransport() : new XHRTransport());
-    var abortController = undefined;
-    var timeout = 0;
-    var currentState = WAITING;
-    var dataBuffer = "";
-    var lastEventIdBuffer = "";
-    var eventTypeBuffer = "";
-
-    var textBuffer = "";
-    var state = FIELD_START;
-    var fieldStart = 0;
-    var valueStart = 0;
-
-    var onStart = function (status, statusText, contentType, headers) {
-      if (currentState === CONNECTING) {
-        if (status === 200 && contentType != undefined && contentTypeRegExp.test(contentType)) {
-          currentState = OPEN;
-          wasActivity = Date.now();
-          retry = initialRetry;
-          es.readyState = OPEN;
-          var event = new ConnectionEvent("open", {
-            status: status,
-            statusText: statusText,
-            headers: headers
-          });
-          es.dispatchEvent(event);
-          fire(es, es.onopen, event);
-        } else {
-          var message = "";
-          if (status !== 200) {
-            if (statusText) {
-              statusText = statusText.replace(/\s+/g, " ");
-            }
-            message = "EventSource's response has a status " + status + " " + statusText + " that is not 200. Aborting the connection.";
-          } else {
-            message = "EventSource's response has a Content-Type specifying an unsupported type: " + (contentType == undefined ? "-" : contentType.replace(/\s+/g, " ")) + ". Aborting the connection.";
-          }
-          close();
-          var event = new ConnectionEvent("error", {
-            status: status,
-            statusText: statusText,
-            headers: headers
-          });
-          es.dispatchEvent(event);
-          fire(es, es.onerror, event);
-          console.error(message);
-        }
-      }
-    };
-
-    var onProgress = function (textChunk) {
-      if (currentState === OPEN) {
-        var n = -1;
-        for (var i = 0; i < textChunk.length; i += 1) {
-          var c = textChunk.charCodeAt(i);
-          if (c === "\n".charCodeAt(0) || c === "\r".charCodeAt(0)) {
-            n = i;
-          }
-        }
-        var chunk = (n !== -1 ? textBuffer : "") + textChunk.slice(0, n + 1);
-        textBuffer = (n === -1 ? textBuffer : "") + textChunk.slice(n + 1);
-        if (textChunk !== "") {
-          wasActivity = Date.now();
-          textLength += textChunk.length;
-        }
-        for (var position = 0; position < chunk.length; position += 1) {
-          var c = chunk.charCodeAt(position);
-          if (state === AFTER_CR && c === "\n".charCodeAt(0)) {
-            state = FIELD_START;
-          } else {
-            if (state === AFTER_CR) {
-              state = FIELD_START;
-            }
-            if (c === "\r".charCodeAt(0) || c === "\n".charCodeAt(0)) {
-              if (state !== FIELD_START) {
-                if (state === FIELD) {
-                  valueStart = position + 1;
-                }
-                var field = chunk.slice(fieldStart, valueStart - 1);
-                var value = chunk.slice(valueStart + (valueStart < position && chunk.charCodeAt(valueStart) === " ".charCodeAt(0) ? 1 : 0), position);
-                if (field === "data") {
-                  dataBuffer += "\n";
-                  dataBuffer += value;
-                } else if (field === "id") {
-                  lastEventIdBuffer = value;
-                } else if (field === "event") {
-                  eventTypeBuffer = value;
-                } else if (field === "retry") {
-                  initialRetry = parseDuration(value, initialRetry);
-                  retry = initialRetry;
-                } else if (field === "heartbeatTimeout") {
-                  heartbeatTimeout = parseDuration(value, heartbeatTimeout);
-                  if (timeout !== 0) {
-                    clearTimeout(timeout);
-                    timeout = setTimeout(function () {
-                      onTimeout();
-                    }, heartbeatTimeout);
-                  }
-                }
-              }
-              if (state === FIELD_START) {
-                if (dataBuffer !== "") {
-                  lastEventId = lastEventIdBuffer;
-                  if (eventTypeBuffer === "") {
-                    eventTypeBuffer = "message";
-                  }
-                  var event = new MessageEvent(eventTypeBuffer, {
-                    data: dataBuffer.slice(1),
-                    lastEventId: lastEventIdBuffer
-                  });
-                  es.dispatchEvent(event);
-                  if (eventTypeBuffer === "open") {
-                    fire(es, es.onopen, event);
-                  } else if (eventTypeBuffer === "message") {
-                    fire(es, es.onmessage, event);
-                  } else if (eventTypeBuffer === "error") {
-                    fire(es, es.onerror, event);
-                  }
-                  if (currentState === CLOSED) {
-                    return;
-                  }
-                }
-                dataBuffer = "";
-                eventTypeBuffer = "";
-              }
-              state = c === "\r".charCodeAt(0) ? AFTER_CR : FIELD_START;
-            } else {
-              if (state === FIELD_START) {
-                fieldStart = position;
-                state = FIELD;
-              }
-              if (state === FIELD) {
-                if (c === ":".charCodeAt(0)) {
-                  valueStart = position + 1;
-                  state = VALUE_START;
-                }
-              } else if (state === VALUE_START) {
-                state = VALUE;
-              }
-            }
-          }
-        }
-      }
-    };
-
-    var onFinish = function (error) {
-      if (currentState === OPEN || currentState === CONNECTING) {
-        currentState = WAITING;
-        if (timeout !== 0) {
-          clearTimeout(timeout);
-          timeout = 0;
-        }
-        timeout = setTimeout(function () {
-          onTimeout();
-        }, retry);
-        retry = clampDuration(Math.min(initialRetry * 16, retry * 2));
-
-        es.readyState = CONNECTING;
-        var event = new ErrorEvent("error", {error: error});
-        es.dispatchEvent(event);
-        fire(es, es.onerror, event);
-        if (error != undefined) {
-          console.error(error);
-        }
-      }
-    };
-
-    var close = function () {
-      currentState = CLOSED;
-      if (abortController != undefined) {
-        abortController.abort();
-        abortController = undefined;
-      }
-      if (timeout !== 0) {
-        clearTimeout(timeout);
-        timeout = 0;
-      }
-      es.readyState = CLOSED;
-    };
-
-    var onTimeout = function () {
-      timeout = 0;
-
-      if (currentState !== WAITING) {
-        if (!wasActivity && abortController != undefined) {
-          onFinish(new Error("No activity within " + heartbeatTimeout + " milliseconds." + " " + (currentState === CONNECTING ? "No response received." : textLength + " chars received.") + " " + "Reconnecting."));
-          if (abortController != undefined) {
-            abortController.abort();
-            abortController = undefined;
-          }
-        } else {
-          var nextHeartbeat = Math.max((wasActivity || Date.now()) + heartbeatTimeout - Date.now(), 1);
-          wasActivity = false;
-          timeout = setTimeout(function () {
-            onTimeout();
-          }, nextHeartbeat);
-        }
-        return;
-      }
-
-      wasActivity = false;
-      textLength = 0;
-      timeout = setTimeout(function () {
-        onTimeout();
-      }, heartbeatTimeout);
-
-      currentState = CONNECTING;
-      dataBuffer = "";
-      eventTypeBuffer = "";
-      lastEventIdBuffer = lastEventId;
-      textBuffer = "";
-      fieldStart = 0;
-      valueStart = 0;
-      state = FIELD_START;
-
-      // https://bugzilla.mozilla.org/show_bug.cgi?id=428916
-      // Request header field Last-Event-ID is not allowed by Access-Control-Allow-Headers.
-      var requestURL = url;
-      if (url.slice(0, 5) !== "data:" && url.slice(0, 5) !== "blob:") {
-        if (lastEventId !== "") {
-          // Remove the lastEventId parameter if it's already part of the request URL.
-          var i = url.indexOf("?");
-          requestURL = i === -1 ? url : url.slice(0, i + 1) + url.slice(i + 1).replace(/(?:^|&)([^=&]*)(?:=[^&]*)?/g, function (p, paramName) {
-            return paramName === lastEventIdQueryParameterName ? '' : p;
-          });
-          // Append the current lastEventId to the request URL.
-          requestURL += (url.indexOf("?") === -1 ? "?" : "&") + lastEventIdQueryParameterName +"=" + encodeURIComponent(lastEventId);
-        }
-      }
-      var withCredentials = es.withCredentials;
-      var requestHeaders = {};
-      requestHeaders["Accept"] = "text/event-stream";
-      var headers = es.headers;
-      if (headers != undefined) {
-        for (var name in headers) {
-          if (Object.prototype.hasOwnProperty.call(headers, name)) {
-            requestHeaders[name] = headers[name];
-          }
-        }
-      }
-      try {
-        abortController = transport.open(xhr, onStart, onProgress, onFinish, requestURL, withCredentials, requestHeaders);
-      } catch (error) {
-        close();
-        throw error;
-      }
-    };
-
-    es.url = url;
-    es.readyState = CONNECTING;
-    es.withCredentials = withCredentials;
-    es.headers = headers;
-    es._close = close;
-
-    onTimeout();
-  }
-
-  EventSourcePolyfill.prototype = Object.create(EventTarget.prototype);
-  EventSourcePolyfill.prototype.CONNECTING = CONNECTING;
-  EventSourcePolyfill.prototype.OPEN = OPEN;
-  EventSourcePolyfill.prototype.CLOSED = CLOSED;
-  EventSourcePolyfill.prototype.close = function () {
-    this._close();
-  };
-
-  EventSourcePolyfill.CONNECTING = CONNECTING;
-  EventSourcePolyfill.OPEN = OPEN;
-  EventSourcePolyfill.CLOSED = CLOSED;
-  EventSourcePolyfill.prototype.withCredentials = undefined;
-
-  var R = NativeEventSource;
-  if (XMLHttpRequest != undefined && (NativeEventSource == undefined || !("withCredentials" in NativeEventSource.prototype))) {
-    // Why replace a native EventSource ?
-    // https://bugzilla.mozilla.org/show_bug.cgi?id=444328
-    // https://bugzilla.mozilla.org/show_bug.cgi?id=831392
-    // https://code.google.com/p/chromium/issues/detail?id=260144
-    // https://code.google.com/p/chromium/issues/detail?id=225654
-    // ...
-    R = EventSourcePolyfill;
-  }
-
-  (function (factory) {
-    {
-      var v = factory(exports);
-      if (v !== undefined) module.exports = v;
-    }
-  })(function (exports) {
-    exports.EventSourcePolyfill = EventSourcePolyfill;
-    exports.NativeEventSource = NativeEventSource;
-    exports.EventSource = R;
-  });
-}(typeof globalThis === 'undefined' ? (typeof window !== 'undefined' ? window : typeof self !== 'undefined' ? self : commonjsGlobal) : globalThis));
-});
-
-const Fav = `<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  viewBox="0 0 19.481 19.481"
-  enable-background="new 0 0 19.481 19.481"
->
-  <path
-    d="m10.201,.758l2.478,5.865 6.344,.545c0.44,0.038 0.619,0.587 0.285,0.876l-4.812,4.169 1.442,6.202c0.1,0.431-0.367,0.77-0.745,0.541l-5.452-3.288-5.452,3.288c-0.379,0.228-0.845-0.111-0.745-0.541l1.442-6.202-4.813-4.17c-0.334-0.289-0.156-0.838 0.285-0.876l6.344-.545 2.478-5.864c0.172-0.408 0.749-0.408 0.921,0z"/>
-</svg>
-`;
-
-const UnFavSvg = `<svg
-  version="1.1"
-  class="UnfavoredIcon"
-  xmlns="http://www.w3.org/2000/svg"
-  x="20px"
-  y="20px"
-  viewBox="0 0 512.001 512.001"
->
-  <path
-    d="M511.266,197.256c-1.764-5.431-6.458-9.388-12.108-10.209l-158.722-23.065L269.452,20.155
-                      c-2.527-5.12-7.741-8.361-13.451-8.361c-5.709,0-10.924,3.242-13.451,8.361l-70.988,143.828L12.843,187.047
-                      c-5.65,0.821-10.344,4.779-12.108,10.209c-1.765,5.43-0.293,11.391,3.795,15.376l114.848,111.955L92.27,482.67
-                      c-0.965,5.627,1.349,11.315,5.968,14.67c4.618,3.355,10.74,3.798,15.797,1.142L256,423.846l141.961,74.637
-                      c2.195,1.154,4.591,1.723,6.979,1.723c3.11,0,6.206-0.966,8.818-2.865c4.619-3.356,6.933-9.043,5.968-14.671L392.61,324.587
-                      l114.86-111.954C511.559,208.647,513.031,202.686,511.266,197.256z M366.023,308.608c-3.536,3.446-5.15,8.412-4.314,13.278
-                      l23.311,135.898l-122.038-64.162c-4.37-2.297-9.591-2.297-13.961,0l-122.045,64.163l23.304-135.9
-                      c0.834-4.866-0.779-9.83-4.313-13.276l-98.731-96.244l136.445-19.829c4.886-0.71,9.108-3.778,11.294-8.205L256,60.685
-                      l61.023,123.645c2.186,4.427,6.408,7.496,11.294,8.206l136.447,19.828L366.023,308.608z"
-  />
-</svg>
-`;
-
-const casinoGameThumbViewCss = ":host{display:block}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}.GameContainer{width:100%;height:100%;position:relative}.GameInnerContainer{position:relative;width:100%;height:100%;overflow:hidden;border-radius:5px}.GameInnerContainer .GameBg{width:100%;height:100%;object-fit:unset;transition:all 150ms ease-in-out}.GameInnerContainer .GameBg.GameBg-1x2,.GameInnerContainer .GameBg.GameBg-2x1,.GameInnerContainer .GameBg.GameBg-2x2{object-fit:cover}.GameInnerContainer:hover{cursor:pointer}.GameInnerContainer:hover .GameInfoWrapper{display:block}.GameInnerContainer:hover .GameBg{filter:blur(5px) grayscale(1)}.ListGame.GameBackdrop .GameInnerContainer::after{content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg, black 15%, rgba(0, 0, 0, 0) 100%)}.ListGame .GameInnerContainer{z-index:0}.ListGame .GameInnerContainer .GameBg{z-index:5}.ListGame .GameInnerContainer::after{content:\"\";position:absolute;top:0;right:0;bottom:0;left:0}.ListGame .GameInnerContainer.GameInnerContainerUnavailable::after{content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0, 0, 0, 0.9)}.ListGame .GameInnerContainer .ListGame:hover .OpenSeat,.ListGame .GameInnerContainer .ListGame:hover .ClosedSeat,.ListGame .GameInnerContainer .ListGame:hover .LiveLimits,.ListGame .GameInnerContainer .ListGame:hover .LatestResult,.ListGame .GameInnerContainer .ListGame:hover .FullTable,.ListGame .GameInnerContainer .ListGame:active .OpenSeat,.ListGame .GameInnerContainer .ListGame:active .ClosedSeat,.ListGame .GameInnerContainer .ListGame:active .LiveLimits,.ListGame .GameInnerContainer .ListGame:active .LatestResult,.ListGame .GameInnerContainer .ListGame:active .FullTable{opacity:0.2}.ListGame .GameInnerContainer .ListGame.GameContainerDimmed:before{display:block;content:\" \";width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:rgba(0, 0, 0, 0.4);color:var(--emfe-w-color-white, #FFFFFF);fill:var(--emfe-w-color-white, #FFFFFF);opacity:1;border-radius:4px}.ListGame .GameInnerContainer .ListGame.GameContainerFullyDimmed:before{display:block;content:\" \";width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:rgba(0, 0, 0, 0.8);color:var(--emfe-w-color-white, #FFFFFF);fill:var(--emfe-w-color-white, #FFFFFF);opacity:1;border-radius:4px}.ListGame .GameInnerContainer .ListGame:hover .LiveProps,.ListGame .GameInnerContainer .ListGameLink:hover .LiveProps{opacity:0}@keyframes red-pulse{0%{box-shadow:0 0 2px 0 rgba(255, 0, 0, 0.75)}15%{box-shadow:0 0 10px 2px rgba(255, 0, 0, 0.75)}30%{box-shadow:0 0 2px 0 rgba(255, 0, 0, 0.75)}50%{box-shadow:0 0 10px 2px rgba(255, 0, 0, 0.75)}65%{box-shadow:0 0 2px 0 rgba(255, 0, 0, 0.75)}80%{box-shadow:0 0 10px 2px rgba(255, 0, 0, 0.75)}100%{box-shadow:0 0 0 0 rgba(255, 0, 0, 0.75)}}@keyframes green-pulse{0%{box-shadow:0 0 2px 0 rgba(86, 168, 10, 0.75)}15%{box-shadow:0 0 10px 2px rgba(86, 168, 10, 0.75)}30%{box-shadow:0 0 2px 0 rgba(86, 168, 10, 0.75)}50%{box-shadow:0 0 10px 2px rgba(86, 168, 10, 0.75)}65%{box-shadow:0 0 2px 0 rgba(86, 168, 10, 0.75)}80%{box-shadow:0 0 10px 2px rgba(86, 168, 10, 0.75)}100%{box-shadow:0 0 0 0 rgba(86, 168, 10, 0.75)}}@keyframes flip-open{0%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);transform:perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);transform:perspective(400px) rotate3d(0, 1, 0, 10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);transform:perspective(400px) rotate3d(0, 1, 0, -5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.ListGame .GameInnerContainer .silde-in-from-left{-webkit-animation-name:silde-in-from-left;animation-name:silde-in-from-left;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes silde-in-from-left{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes silde-in-from-left{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes flip-closed-seat{0%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);transform:perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);transform:perspective(400px) rotate3d(0, 1, 0, 10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);transform:perspective(400px) rotate3d(0, 1, 0, -5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.ListGame .GameInnerContainer .ListGame.PulsatingGreenShadow{animation:green-pulse 2s linear}.ListGame .GameInnerContainer .ListGame.PulsatingRedShadow{animation:red-pulse 2s linear}.ListGame .GameInnerContainer .Blue{color:#4d90a7}.ListGame .GameInnerContainer .Red{background-color:red}.ListGame .GameInnerContainer .Black{background-color:var(--emfe-w-color-black, #000000)}.ListGame .GameInnerContainer .Green{background-color:#56A80A}.ListGame .GameInnerContainer .White{background-color:var(--emfe-w-color-white, #FFFFFF)}.ListGame .GameInnerContainer .Yellow{background-color:#eeca3d}.ListGame .GameInnerContainer .Gold{background-color:#866d0c}.ListGame .GameInnerContainer .Orange{background-color:#574708}.ListGame .GameInnerContainer .Purple{background-color:#330033}.ListGame .GameInnerContainer .Tie{background-color:var(--emfe-w-color-white, #FFFFFF);background-image:linear-gradient(135deg, var(--emfe-w-color-white, #FFFFFF) 25%, transparent 25%, transparent 50%, #212121 50%, var(--emfe-w-color-white, #FFFFFF) 75%, transparent 75%, var(--emfe-w-color-white, #FFFFFF))}.ListGame .GameInnerContainer .PlayersDisplay{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;padding:2px 10px;background:linear-gradient(to bottom, rgba(33, 33, 33, 0.9) 0%, rgba(33, 33, 33, 0.1) 100%);color:var(--emfe-w-color-white, #FFFFFF)}.ListGame .GameInnerContainer .PlayersDisplay .PlayersIcon{width:14px;height:14px;margin-right:4px}.ListGame .GameInnerContainer .PlayersDisplay .PlayersIcon svg{fill:var(--emfe-w-color-white, #FFFFFF);width:100%;height:100%}.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 .Players{display:inline-block;width:19px;height:19px}.FavIconContainer{position:absolute;top:10px;right:10px;cursor:pointer;z-index:16;width:15px;height:15px;opacity:0}.FavIconContainer.Favorited{opacity:1}.FavIconContainer svg path{fill:#fff}.Hovered .FavIconContainer{opacity:1}.GameNameBelow{color:var(--emfe-w-color-white, #FFFFFF);position:relative;bottom:-5px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}";
-
-const CasinoGameThumbView$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.toggleFavoriteCasinoGameEvent = createEvent(this, "toggleCasinoGameFavorite", 7);
-    /**
-     * Widget Setting, Game language
-     */
-    this.language = 'en';
-    /**
-     * Widget Setting, Client custom styling via string
-     */
-    this.clientStyling = '';
-    /**
-     * Widget Setting, Client custom styling via url content
-     */
-    this.clientStylingUrl = '';
-    /**
-     * Widget Setting, show game in a frame when user clicked 'start'
-     */
-    this.integratedGameFrameMobile = false;
-    /**
-     * Widget Setting, show game in a frame when user clicked 'start', Open game aframe,
-     * gamepageModalUrl value should be set
-     */
-    this.integratedGameFrameDesktop = false;
-    /**
-     * Widget Setting, Load game details when set it as true, default value: false
-     * When loadDetails is true and type=='live-casino-tables',
-     * Load gameDetails by endpoint/vendor/gameId if livelobbyEndpoint is null
-     */
-    this.loadDetails = false;
-    /**
-     * Widget Setting, showRoundBoard, default value: false
-     */
-    this.showRoundBoard = false;
-    /**
-     * Game Property, default ''
-     */
-    this.gameCategory = '';
-    /**
-     * Game Property, Game lunch platform
-     */
-    this.platform = 'PC';
-    this.thumbnailLoaded = false;
-    this.containerClassWhenDetailChange = '';
-    this.isUserLoggedIn = false;
-    this.limitStylingAppends = false;
-    //customize style setting
-    this.setClientStyling = () => {
-      let sheet = document.createElement('style');
-      sheet.innerHTML = this.clientStyling;
-      this.stylingContainer.prepend(sheet);
-    };
-    //customize style setting
-    this.setClientStylingURL = () => {
-      let url = new URL(this.clientStylingUrl);
-      let cssFile = document.createElement('style');
-      fetch(url.href)
-        .then((res) => res.text())
-        .then((data) => {
-        cssFile.innerHTML = data;
-        setTimeout(() => {
-          this.stylingContainer.prepend(cssFile);
-        }, 1);
-      })
-        .catch((err) => {
-        console.error('error ', err);
-      });
-    };
-    this.getGameCategoryType = () => {
-      if (this.isLiveCasino && this.gameCategory) {
-        return `casino-extrainfo-${this.getWidgetTypeByGameCategory(this.gameCategory).toLowerCase()}`;
-      }
-      return `casino-normal-game-thumbnail`;
-    };
-    this.getGameContainerClass = () => {
-      let gameContainerClass = `GameContainer `;
-      if (this.gameInfo) {
-        if (this.gameInfo && this.gameInfo.details) {
-          gameContainerClass += ' ListGame ';
-          if (this.gameInfo.details.isOpen &&
-            this.gameInfo.details.currentRouletteNumbers) {
-            gameContainerClass += ' GameBackdrop ';
-          }
-        }
-      }
-      return gameContainerClass;
-    };
-  }
-  onSessionChanged() {
-    this.isUserLoggedIn = !!(this.session && this.userId);
-  }
-  onTableFullChanged(newVal, oldVal) {
-    if (oldVal == undefined) {
-      return;
-    }
-    this.containerClassWhenDetailChange =
-      newVal && !oldVal ? 'PulsatingRedShadow' : 'PulsatingGreenShadow';
-  }
-  handleMouseOver(event) {
-    this.hover = event.type === 'mouseenter';
-  }
-  gameFavoritedHandler(event) {
-    let eventDetail = event.detail;
-    this.gameInfo.isFavorite = eventDetail[this.gameId];
-    this.gameInfo = Object.assign({}, this.gameInfo);
-  }
-  connectLiveHandler() {
-    this.toggleConnect();
-  }
-  visibilityConnectHandler() {
-    this.toggleVisibilityConnect();
-  }
-  gameDetailChangeHandler(e) {
-    var _a, _b;
-    let message = JSON.parse(e.data);
-    if (message.needReconnect && this.liveLobbyConnection) {
-      this.liveLobbyConnection.close();
-      this.connectGameToLiveLobby();
-      return;
-    }
-    if (!(message && message.InternalTableId == this.gameId)) {
-      return;
-    }
-    let MessageType = message.MessageType;
-    switch (MessageType) {
-      case 'TableOpened':
-      case 'TableClosed':
-        this.gameInfo.details.isOpen = message.Open;
-        break;
-      case 'PlayersUpdated':
-        this.gameInfo.details.numberOfPlayers = message.Players;
-        break;
-      case 'RouletteResultsUpdated':
-        this.gameInfo.details.currentRouletteNumbers = message.Results;
-        break;
-      case 'DoubleBallRouletteResultsUpdated':
-        this.gameInfo.details.currentDoubleBallRouletteNumbers =
-          message.Results;
-        break;
-      case 'SeatsUpdated':
-        this.gameInfo.details.currentOccupiedSeats = message.Seats;
-        break;
-      case 'DealerChanged':
-        this.gameInfo.details.dealer = message.Dealer;
-        break;
-      case 'BaccaratResultsUpdated':
-        if (this.showRoundBoard) {
-          const Results = message.Results;
-          this.gameInfo.details.results = [];
-          Results.forEach((item) => {
-            this.gameInfo.details.results.push(convertGicBaccaratUpdateItem(item));
-          });
-          (_a = this.extraInfoRef) === null || _a === void 0 ? void 0 : _a.onBaccaratResultChanged(this.gameInfo.details.results);
-        }
-        break;
-    }
-    this.resetLiveProperties();
-    (_b = this.extraInfoRef) === null || _b === void 0 ? void 0 : _b.onGameDetailUpdated(this.gameInfo.details);
-    window.postMessage({ messageType: MessageType, value: e.data });
-  }
-  messageHandler(e) {
-    if (e.data.type === `AddFavoriteThumbnail_${this.gameId}` &&
-      !this.showFavoredCategory) {
-      this.gameInfo.isFavorite = true;
-    }
-    if (e.data.type === `RemoveFavoriteThumbnail_${this.gameId}` &&
-      !this.showFavoredCategory) {
-      this.gameInfo.isFavorite = false;
-    }
-    if (e.data.type === 'UserSessionID') {
-      this.isUserLoggedIn = true;
-      this.session = e.data.session;
-      this.userId = e.data.userID;
-    }
-  }
-  resetLiveProperties() {
-    var _a, _b;
-    const details = this.gameInfo.details;
-    if (this.isBlackJack(this.gameCategory.toLowerCase())) {
-      this.isTableFull =
-        details.totalSeats == ((_a = details.currentOccupiedSeats) === null || _a === void 0 ? void 0 : _a.length);
-    }
-    else if (this.isBaccarat(this.gameCategory.toLowerCase()) &&
-      ((_b = details.baccaratResults) === null || _b === void 0 ? void 0 : _b.length) > 0) {
-      this.gameInfo.details.results = [];
-      details.baccaratResults.forEach((item) => {
-        this.gameInfo.details.results.push(convertGicBaccaratUpdateItem(item));
-      });
-      delete details.baccaratResults;
-    }
-  }
-  isBlackJack(gameCategory) {
-    return gameCategory.toLowerCase() === GAME_CATEGORY.BLACKJACK;
-  }
-  isBaccarat(gameCategory) {
-    return gameCategory.toLowerCase() === GAME_CATEGORY.BACCARAT;
-  }
-  /**
-   * Calculate component properties by game info,
-   * eg: isLiveCasino, gameInfo, isTableFull
-   */
-  initCtrlProperties() {
-    var _a;
-    if (this.isLiveCasino && ((_a = this.gameInfo) === null || _a === void 0 ? void 0 : _a.details)) {
-      this.resetLiveProperties();
-    }
-    this.gameInfo = Object.assign({}, this.gameInfo);
-    this.triggerExtraInfoLoad();
-  }
-  /**
-   * Parse game info by game info api response
-   * @param data
-   */
-  parseGameResponse(data) {
-    if (data.length == 1) {
-      this.gameInfo = data[0];
-      if (this.isLiveCasino) {
-        if (!this.gameInfo.details) {
-          this.loadGameDetailInfo();
-        }
-        else {
-          this.parseGameDetailsResponse();
-        }
-      }
-      else {
-        this.initCtrlProperties();
-      }
-    }
-  }
-  /**
-   * Parse game detail info, set it to game info
-   */
-  parseGameDetailsResponse() {
-    this.initCtrlProperties();
-  }
-  connectGameToLiveLobby() {
-    if (EventSource && !this.liveLobbyConnection) {
-      const updateUrl = `${this.endpoint}/encoder/lobby/updates/${this.gameInfo.vendor.name}/${this.gameInfo.id}`;
-      this.liveLobbyConnection = new eventsource.EventSourcePolyfill(updateUrl);
-      this.liveLobbyConnection.addEventListener('message', (evt) => {
-        this.gameDetailChangeHandler(evt);
-      });
-    }
-  }
-  disconnectGameFromLiveLobby() {
-    if (this.liveLobbyConnection) {
-      this.liveLobbyConnection.removeEventListener('message');
-      this.liveLobbyConnection.close();
-      this.liveLobbyConnection = undefined;
-    }
-  }
-  toggleConnect() {
-    if (!this.isLiveCasino) {
-      return;
-    }
-    if (this.connectLive === 'disconnect') {
-      this.disconnectGameFromLiveLobby();
-    }
-    else if (this.connectLive === 'connect') {
-      this.connectGameToLiveLobby();
-    }
-  }
-  toggleVisibilityConnect() {
-    if (!this.isLiveCasino) {
-      return;
-    }
-    if (this.visibilityConnect === 'disconnect') {
-      this.disconnectGameFromLiveLobby();
-    }
-    else if (this.visibilityConnect === 'connect' &&
-      this.connectLive === 'connect') {
-      this.connectGameToLiveLobby();
-    }
-  }
-  /**
-   * Get game base info from game api(casino/games/{id})
-   * @private
-   */
-  loadGameById() {
-    let url = `${this.endpoint}/casino/games/${this.gameId}?expand=vendor&platform=${this.platform}&language=${this.language}`;
-    fetch(url)
-      .then((res) => res.json())
-      .then((data) => this.parseGameResponse(data))
-      .catch((err) => {
-      console.error(err);
-    });
-  }
-  /*
-   * Load game info when widget property 'livelobbyEndpoint' set
-   * @private
-   */
-  loadGameInfoByLobbyEndpoint() {
-    let url = new URL(`${this.livelobbyEndpoint.split('?')[0]}`);
-    url.searchParams.append('expand', 'vendor');
-    url.searchParams.append('platform', this.platform);
-    url.searchParams.append('language', this.language);
-    fetch(url.toString())
-      .then((res) => res.json())
-      .then((data) => this.parseGameResponse(data))
-      .catch((error) => console.error(error));
-  }
-  /*
-   * load game info when widget property 'livelobbyEndpoint' setted
-   * @private
-   */
-  loadGameDetailInfo() {
-    let url = new URL(`${this.endpoint}/lobby/tables/${this.gameId}`);
-    url.searchParams.append('platform', this.platform);
-    url.searchParams.append('language', this.language);
-    fetch(url.toString())
-      .then((res) => res.json())
-      .then((data) => {
-      if (!(data === null || data === void 0 ? void 0 : data.category)) {
-        return;
-      }
-      this.gameInfo.details = data;
-      this.parseGameDetailsResponse();
-    })
-      .catch((err) => {
-      console.error(err);
-      setTimeout(() => this.loadGameDetailInfo(), 1000);
-    });
-  }
-  /**
-   * Toggle game favorite property
-   * @param gameId
-   * @private
-   */
-  toggleFavoriteGame(gameId) {
-    let triggerFactor = 'thumbnail';
-    if (this.gameInfo.isFavorite) {
-      window.postMessage({ type: 'SetUnfavoredGame', gameId, triggerFactor }, window.location.href);
-    }
-    else {
-      window.postMessage({ type: 'SetFavoredGame', gameId, triggerFactor }, window.location.href);
-    }
-    this.toggleFavoriteCasinoGameEvent.emit(gameId);
-  }
-  /**
-   * Generate gameInfo obj by props
-   * @private
-   */
-  generateGameInfoByProps() {
-    return {
-      id: this.gameId,
-      name: this.gameName,
-      subVendor: this.subVendor,
-      hasFunMode: this.hasFunMode,
-      hasAnonymousFunMode: this.hasAnonymousFunMode,
-      thumbnail: this.thumbnail,
-      cellSize: this.cellSize,
-      gameTag: this.gameTag,
-      vendor: { href: '', name: this.gameVendor },
-      isFavorite: this.isFavorite,
-      isNew: this.isNew,
-      type: this.type,
-      liveCasinoCategory: this.gameCategory || '',
-    };
-  }
-  triggerExtraInfoLoad() {
-    var _a;
-    (_a = this.extraInfoRef) === null || _a === void 0 ? void 0 : _a.onGameLoaded(this.gameInfo);
-    window.postMessage({
-      type: 'casinoGameLoaded',
-      gameInfo: this.gameInfo,
-    });
-  }
-  componentDidRender() {
-    // start custom styling area
-    if (!this.limitStylingAppends && this.stylingContainer) {
-      if (this.clientStyling)
-        this.setClientStyling();
-      if (this.clientStylingUrl)
-        this.setClientStylingURL();
-      this.limitStylingAppends = true;
-    }
-    // end custom styling area 500)
-    if (this.gameInfo && this.extraInfoRef) {
-      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);
-  }
-  componentWillLoad() {
-    this.isLiveCasino = this.type == GAME_TYPE.LIVE_CASINO;
-    this.extraInfoWidget = this.getGameCategoryType();
-    this.isUserLoggedIn = !!(this.session && this.userId);
-    if (this.isLiveCasino && this.livelobbyEndpoint) {
-      this.loadGameInfoByLobbyEndpoint();
-      return;
-    }
-    //generate gameInfo obj by props
-    if (this.thumbnail) {
-      this.gameInfo = this.generateGameInfoByProps();
-      // loadLiveDetails if game is live casino
-      if (this.isLiveCasino &&
-        this.endpoint &&
-        this.loadDetails &&
-        this.gameId) {
-        this.loadGameDetailInfo();
-      }
-      return;
-    }
-    //fetch data from api if no game properties set except gameId
-    if (this.gameId && this.endpoint) {
-      this.loadGameById();
-    }
-  }
-  disconnectedCallback() {
-    if (this.liveLobbyConnection) {
-      this.liveLobbyConnection.removeEventListener('message', this.gameDetailChangeHandler);
-    }
-    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 || ((_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,
-      integratedGameFrameDesktop: this.integratedGameFrameDesktop,
-      gamepageModalUrl: this.gamepageModalUrl,
-    };
-  }
-  render() {
-    var _a, _b;
-    if (!this.gameInfo) {
-      return (h("div", { class: "GameInnerContainer", part: "GameInnerContainer", slot: "Game-Inner" }, h("img", { src: this.thumbnail, alt: "", loading: "lazy", part: "GameContainer", class: "GameContainer", onLoad: () => (this.thumbnailLoaded = true) })));
-    }
-    const gameOverlayProps = this.getGameOverlayProps();
-    const gameThumbnail = ((_a = this.gameInfo) === null || _a === void 0 ? void 0 : _a.thumbnail) || ((_b = this.gameInfo) === null || _b === void 0 ? void 0 : _b.defaultThumbnail);
-    const gameContainerClass = this.getGameContainerClass();
-    const gameThumbnailClass = `GameBg ${this.cellSize ? 'GameBg-' + this.cellSize : ''}
-    ${this.hover ? ' GameContainerHovered' : ''} ${this.thumbnailLoaded ? ' Loaded' : ''}`;
-    return (h("div", { class: `${gameContainerClass}  ${this.containerClassWhenDetailChange}`, part: `${gameContainerClass}  ${this.containerClassWhenDetailChange}`, ref: (el) => (this.stylingContainer = el), "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrl }, h("div", { class: `GameInnerContainer ${this.hover ? 'Hovered' : ''}`, part: `GameInnerContainer ${this.hover ? 'Hovered' : ''}` }, h("img", { src: gameThumbnail, alt: "Game Thumbnail ", loading: "lazy", part: gameThumbnailClass, class: gameThumbnailClass, onLoad: () => (this.thumbnailLoaded = true) }), this.isUserLoggedIn && (h("div", { class: `FavIconContainer ${this.gameInfo.isFavorite ? 'Favorited' : ''}`, part: `FavIconContainer ${this.gameInfo.isFavorite ? 'Favorited' : ''}`, onClick: () => this.toggleFavoriteGame(this.gameId) }, this.gameInfo.isFavorite ? (h("slot", { name: "fav-icon" }, h("span", { class: "FavoredIcon", part: "FavoredIcon", innerHTML: Fav }))) : (h("slot", { name: "UnFavIcon" }, !isMobile(window.navigator.userAgent) && (h("span", { class: "UnfavoredIcon", part: "UnfavoredIcon", innerHTML: UnFavSvg })))))), h("slot", { name: "game-overlay" }, h("casino-game-thumbnail-overlay", Object.assign({ language: this.language }, gameOverlayProps))), h("slot", { name: "extra-info", ref: (el) => (this.extraInfoSlotRef = el) }, h(this.extraInfoWidget, { language: this.language, "show-round-board": this.showRoundBoard })), h("slot", { name: "game-property-slot" })), this.showGameName && (h("slot", { name: "game-name" }, h("p", { class: "GameNameBelow", part: "GameNameBelow", title: gameOverlayProps.gameName }, gameOverlayProps.gameName)))));
-  }
-  static get assetsDirs() { return ["static"]; }
-  static get watchers() { return {
-    "session": ["onSessionChanged"],
-    "userId": ["onSessionChanged"],
-    "isTableFull": ["onTableFullChanged"],
-    "connectLive": ["connectLiveHandler"],
-    "visibilityConnect": ["visibilityConnectHandler"]
-  }; }
-  static get style() { return casinoGameThumbViewCss; }
-}, [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"]]]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["casino-game-thumb-view", "casino-game-thumbnail-overlay"];
-  components.forEach(tagName => { switch (tagName) {
-    case "casino-game-thumb-view":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, CasinoGameThumbView$1);
-      }
-      break;
-    case "casino-game-thumbnail-overlay":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const CasinoGameThumbView = CasinoGameThumbView$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CasinoGameThumbView, defineCustomElement };