@everymatrix/casino-game-thumb-view 1.32.4 → 1.33.0

package/dist/cjs/casino-game-thumb-view_2.cjs.entry.js

@@ -0,0 +1,1612 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-65a1d768.js');
+const utils = require('./utils-a0afc0a9.js');
+const gameThumbnail = require('./game-thumbnail-31d518f0.js');
+const locale_utils = require('./locale.utils-aa160787.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 = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.toggleFavoriteCasinoGameEvent = index.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 &&
+        this.getWidgetTypeByGameCategory(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.liveLobbyConnection = null;
+      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(utils.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(utils.convertGicBaccaratUpdateItem(item));
+      });
+      delete details.baccaratResults;
+    }
+  }
+  isBlackJack(gameCategory) {
+    return gameCategory.toLowerCase() === gameThumbnail.GAME_CATEGORY.BLACKJACK;
+  }
+  isBaccarat(gameCategory) {
+    return gameCategory.toLowerCase() === gameThumbnail.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();
+    if (this.isLiveCasino && this.connectLive === 'connect') {
+      this.connectGameToLiveLobby();
+    }
+  }
+  /**
+   * 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}/v1/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}/v1/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}/v1/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, _b;
+    //Init this.extraInfoRef, prepare for data loader, this.gameInfo did not inited might
+    this.extraInfoRef =
+      this.extraInfoRef ||
+        ((_a = this.extraInfoSlotRef) === null || _a === void 0 ? void 0 : _a.querySelector(this.getGameCategoryType()));
+    (_b = this.extraInfoRef) === null || _b === void 0 ? void 0 : _b.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.triggerExtraInfoLoad();
+    }
+  }
+  componentDidLoad() {
+    window.addEventListener('message', this.messageHandler);
+  }
+  componentWillLoad() {
+    this.isLiveCasino = this.type == gameThumbnail.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 gameThumbnail.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 (index.h("div", { class: "GameInnerContainer", part: "GameInnerContainer", slot: "Game-Inner" }, index.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 (index.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 }, index.h("div", { class: `GameInnerContainer ${this.hover ? 'Hovered' : ''}`, part: `GameInnerContainer ${this.hover ? 'Hovered' : ''}` }, index.h("img", { src: gameThumbnail, alt: "Game Thumbnail ", loading: "lazy", part: gameThumbnailClass, class: gameThumbnailClass, onLoad: () => (this.thumbnailLoaded = true) }), this.isUserLoggedIn && (index.h("div", { class: `FavIconContainer ${this.gameInfo.isFavorite ? 'Favorited' : ''}`, part: `FavIconContainer ${this.gameInfo.isFavorite ? 'Favorited' : ''}`, onClick: () => this.toggleFavoriteGame(this.gameId) }, this.gameInfo.isFavorite ? (index.h("slot", { name: "fav-icon" }, index.h("span", { class: "FavoredIcon", part: "FavoredIcon", innerHTML: Fav }))) : (index.h("slot", { name: "UnFavIcon" }, !utils.isMobile(window.navigator.userAgent) && (index.h("span", { class: "UnfavoredIcon", part: "UnfavoredIcon", innerHTML: UnFavSvg })))))), index.h("slot", { name: "game-overlay" }, index.h("casino-game-thumbnail-overlay", Object.assign({ language: this.language }, gameOverlayProps))), index.h("slot", { name: "extra-info", ref: (el) => (this.extraInfoSlotRef = el) }, index.h(this.extraInfoWidget, { language: this.language, "show-round-board": this.showRoundBoard })), index.h("slot", { name: "game-property-slot" })), this.showGameName && (index.h("slot", { name: "game-name" }, index.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"]
+  }; }
+};
+CasinoGameThumbView.style = casinoGameThumbViewCss;
+
+const casinoGameThumbnailOverlayCss = ":host{display:block}.GameInfoWrapper{display:none;position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;background:rgba(0, 0, 0, 0.65);z-index:15}.GameInfoWrapper .GameInfo{display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center}.GameInfoWrapper .GameInfoName{color:white;margin-bottom:10px;text-align:center;font-size:14px}.GameInfoWrapper .GameInfoBtn{appearance:none;padding:6px;background:var(--emfe-w-color-primary, #D0046C);color:var(--emfe-w-color-primary-50, #FBECF4);font-size:16px;border:2px solid var(--emfe-w-color-primary-600, #99034F);border-radius:5px;cursor:pointer;transition:border 150ms ease-in-out}.GameInfoWrapper .GameInfoBtn:hover{border:2px solid var(--emfe-w-color-primary-100, #F1BED9)}.GameInfoVendor{display:block;position:absolute;bottom:8px;right:8px;color:white;font-size:12px;font-weight:normal}.GameInfoWrapper:hover{display:block !important}";
+
+const CasinoGameThumbnailOverlay = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.playClicked = index.createEvent(this, "playCasinoGame", 7);
+    /**
+     * Widget Setting, show game in a frame when user clicked 'start', default: false
+     */
+    this.integratedGameframeMobile = false;
+    /**
+     * Widget Setting, show game in a frame when user clicked 'start', default: false
+     * Open game in a frame,  gamepageModalurl value should be set
+     */
+    this.integratedGameframeDesktop = false;
+    /**
+     * Language
+     */
+    this.language = 'en';
+    this.userAgent = window.navigator.userAgent;
+  }
+  onPlayNowClicked() {
+    this.playClicked.emit(this.gameId);
+    let modalEventData = {
+      gameId: this.gameId,
+      isMobile: utils.isMobile(this.userAgent),
+    };
+    let isFrameMode = this.integratedGameframeMobile || this.integratedGameframeDesktop;
+    window.postMessage({
+      type: isFrameMode ? 'OpenGameFrame' : 'ShowGameModal',
+      eventData: isFrameMode
+        ? Object.assign(Object.assign({}, modalEventData), { gamefunmode: this.hasFunMode, source: 'GameThumbnail', identifier: 'Lobby' }) : modalEventData,
+    }, window.location.href);
+  }
+  render() {
+    return (index.h("div", { class: "GameInfoWrapper", part: "GameInfoWrapper" }, index.h("div", { class: "GameInfo ", part: "GameInfo " }, index.h("p", { class: "GameInfoName", part: "GameInfoName", title: this.gameName }, ' ', this.gameName, ' '), index.h("button", { class: "GameInfoBtn", part: "GameInfoBtn", onClick: () => this.onPlayNowClicked() }, locale_utils.translate('playNow', this.language))), index.h("slot", { name: "vendor-name" }, index.h("span", { class: "GameInfoVendor", part: "GameInfoVendor" }, this.gameVendor))));
+  }
+};
+CasinoGameThumbnailOverlay.style = casinoGameThumbnailOverlayCss;
+
+exports.casino_game_thumb_view = CasinoGameThumbView;
+exports.casino_game_thumbnail_overlay = CasinoGameThumbnailOverlay;