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

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

@@ -1,31 +1,19 @@
-import { r as registerInstance, c as createEvent, h } from './index-1e44dd9f.js';
-import { c as convertGicBaccaratUpdateItem, i as isMobile } from './utils-e9314132.js';
-import { G as GAME_CATEGORY, a as GAME_TYPE, W as WIDGETTYPE_GAMECATEGORY } from './game-thumbnail-0a56ee03.js';
-import { t as translate } from './locale.utils-e0cf897e.js';
+import { r as registerInstance, c as createEvent, h } from './index-8c9a8030.js';
+import { c as convertGicBaccaratUpdateItem, i as isMobile } from './utils-090ac2e9.js';
+import { G as GAME_CATEGORY, a as GAME_TYPE, W as WIDGETTYPE_GAMECATEGORY } from './game-thumbnail-035e97e2.js';
+import { t as translate } from './locale.utils-0c514ca8.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;
-}
+var eventsource = {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/
- */
-
+ */
+
+(function (module, exports) {
 /*jslint indent: 2, vars: true, plusplus: true */
 /*global setTimeout, clearTimeout */
 
@@ -1061,547 +1049,509 @@ var eventsource = createCommonjsModule(function (module, exports) {
     exports.EventSource = R;
   });
 }(typeof globalThis === 'undefined' ? (typeof window !== 'undefined' ? window : typeof self !== 'undefined' ? self : commonjsGlobal) : globalThis));
-});
+}(eventsource, eventsource.exports));
 
-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 favSvg = 'data:image/svg+xml;base64,PHN2ZwogIHZlcnNpb249IjEuMSIKICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgdmlld0JveD0iMCAwIDE5LjQ4MSAxOS40ODEiCiAgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTkuNDgxIDE5LjQ4MSIKPgogIDxwYXRoCiAgICBkPSJtMTAuMjAxLC43NThsMi40NzgsNS44NjUgNi4zNDQsLjU0NWMwLjQ0LDAuMDM4IDAuNjE5LDAuNTg3IDAuMjg1LDAuODc2bC00LjgxMiw0LjE2OSAxLjQ0Miw2LjIwMmMwLjEsMC40MzEtMC4zNjcsMC43Ny0wLjc0NSwwLjU0MWwtNS40NTItMy4yODgtNS40NTIsMy4yODhjLTAuMzc5LDAuMjI4LTAuODQ1LTAuMTExLTAuNzQ1LTAuNTQxbDEuNDQyLTYuMjAyLTQuODEzLTQuMTdjLTAuMzM0LTAuMjg5LTAuMTU2LTAuODM4IDAuMjg1LTAuODc2bDYuMzQ0LS41NDUgMi40NzgtNS44NjRjMC4xNzItMC40MDggMC43NDktMC40MDggMC45MjEsMHoiLz4KPC9zdmc+Cg==';
 
-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 unfavSvg = 'data:image/svg+xml;base64,PHN2ZwogIHZlcnNpb249IjEuMSIKICBjbGFzcz0iVW5mYXZvcmVkSWNvbiIKICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgeD0iMjBweCIKICB5PSIyMHB4IgogIHZpZXdCb3g9IjAgMCA1MTIuMDAxIDUxMi4wMDEiCj4KICA8cGF0aAogICAgZD0iTTUxMS4yNjYsMTk3LjI1NmMtMS43NjQtNS40MzEtNi40NTgtOS4zODgtMTIuMTA4LTEwLjIwOWwtMTU4LjcyMi0yMy4wNjVMMjY5LjQ1MiwyMC4xNTUKICAgICAgICAgICAgICAgICAgICAgIGMtMi41MjctNS4xMi03Ljc0MS04LjM2MS0xMy40NTEtOC4zNjFjLTUuNzA5LDAtMTAuOTI0LDMuMjQyLTEzLjQ1MSw4LjM2MWwtNzAuOTg4LDE0My44MjhMMTIuODQzLDE4Ny4wNDcKICAgICAgICAgICAgICAgICAgICAgIGMtNS42NSwwLjgyMS0xMC4zNDQsNC43NzktMTIuMTA4LDEwLjIwOWMtMS43NjUsNS40My0wLjI5MywxMS4zOTEsMy43OTUsMTUuMzc2bDExNC44NDgsMTExLjk1NUw5Mi4yNyw0ODIuNjcKICAgICAgICAgICAgICAgICAgICAgIGMtMC45NjUsNS42MjcsMS4zNDksMTEuMzE1LDUuOTY4LDE0LjY3YzQuNjE4LDMuMzU1LDEwLjc0LDMuNzk4LDE1Ljc5NywxLjE0MkwyNTYsNDIzLjg0NmwxNDEuOTYxLDc0LjYzNwogICAgICAgICAgICAgICAgICAgICAgYzIuMTk1LDEuMTU0LDQuNTkxLDEuNzIzLDYuOTc5LDEuNzIzYzMuMTEsMCw2LjIwNi0wLjk2Niw4LjgxOC0yLjg2NWM0LjYxOS0zLjM1Niw2LjkzMy05LjA0Myw1Ljk2OC0xNC42NzFMMzkyLjYxLDMyNC41ODcKICAgICAgICAgICAgICAgICAgICAgIGwxMTQuODYtMTExLjk1NEM1MTEuNTU5LDIwOC42NDcsNTEzLjAzMSwyMDIuNjg2LDUxMS4yNjYsMTk3LjI1NnogTTM2Ni4wMjMsMzA4LjYwOGMtMy41MzYsMy40NDYtNS4xNSw4LjQxMi00LjMxNCwxMy4yNzgKICAgICAgICAgICAgICAgICAgICAgIGwyMy4zMTEsMTM1Ljg5OGwtMTIyLjAzOC02NC4xNjJjLTQuMzctMi4yOTctOS41OTEtMi4yOTctMTMuOTYxLDBsLTEyMi4wNDUsNjQuMTYzbDIzLjMwNC0xMzUuOQogICAgICAgICAgICAgICAgICAgICAgYzAuODM0LTQuODY2LTAuNzc5LTkuODMtNC4zMTMtMTMuMjc2bC05OC43MzEtOTYuMjQ0bDEzNi40NDUtMTkuODI5YzQuODg2LTAuNzEsOS4xMDgtMy43NzgsMTEuMjk0LTguMjA1TDI1Niw2MC42ODUKICAgICAgICAgICAgICAgICAgICAgIGw2MS4wMjMsMTIzLjY0NWMyLjE4Niw0LjQyNyw2LjQwOCw3LjQ5NiwxMS4yOTQsOC4yMDZsMTM2LjQ0NywxOS44MjhMMzY2LjAyMywzMDguNjA4eiIKICAvPgo8L3N2Zz4K';
 
-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 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, rgb(0, 0, 0) 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 CasinoGameThumbViewStyle0 = casinoGameThumbViewCss;
 
 const CasinoGameThumbView = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    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 &&
-        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;
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.toggleFavoriteCasinoGameEvent = createEvent(this, "toggleCasinoGameFavorite", 7);
+        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;
+        };
+        this.language = 'en';
+        this.endpoint = undefined;
+        this.userId = undefined;
+        this.showGameName = undefined;
+        this.session = undefined;
+        this.showFavoredCategory = undefined;
+        this.clientStyling = '';
+        this.clientStylingUrl = '';
+        this.integratedGameframeMobile = false;
+        this.gamepageModalurl = undefined;
+        this.integratedGameframeDesktop = false;
+        this.loadDetails = false;
+        this.showRoundBoard = false;
+        this.visibilityConnect = undefined;
+        this.connectLive = undefined;
+        this.gameCategory = '';
+        this.livelobbyEndpoint = undefined;
+        this.gameId = undefined;
+        this.gameName = undefined;
+        this.subVendor = undefined;
+        this.gameVendor = undefined;
+        this.hasFunMode = undefined;
+        this.hasAnonymousFunMode = undefined;
+        this.platform = 'PC';
+        this.thumbnail = undefined;
+        this.isFavorite = undefined;
+        this.isNew = undefined;
+        this.cellSize = undefined;
+        this.gameTag = undefined;
+        this.type = undefined;
+        this.gameInfo = undefined;
+        this.isTableFull = undefined;
+        this.hover = undefined;
     }
-    if (!(message && message.InternalTableId == this.gameId)) {
-      return;
+    onSessionChanged() {
+        this.isUserLoggedIn = !!(this.session && this.userId);
     }
-    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);
+    onTableFullChanged(newVal, oldVal) {
+        if (oldVal == undefined) {
+            return;
         }
-        break;
+        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);
     }
-    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;
+    connectLiveHandler() {
+        this.toggleConnect();
     }
-    if (e.data.type === `RemoveFavoriteThumbnail_${this.gameId}` &&
-      !this.showFavoredCategory) {
-      this.gameInfo.isFavorite = false;
+    visibilityConnectHandler() {
+        this.toggleVisibilityConnect();
     }
-    if (e.data.type === 'UserSessionID') {
-      this.isUserLoggedIn = true;
-      this.session = e.data.session;
-      this.userId = e.data.userID;
+    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(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 });
     }
-  }
-  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);
+    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;
+        }
     }
-    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;
+    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();
+    isBlackJack(gameCategory) {
+        return gameCategory.toLowerCase() === GAME_CATEGORY.BLACKJACK;
     }
-    this.gameInfo = Object.assign({}, this.gameInfo);
-    this.triggerExtraInfoLoad();
-    if (this.isLiveCasino && this.connectLive === 'connect') {
-      this.connectGameToLiveLobby();
+    isBaccarat(gameCategory) {
+        return gameCategory.toLowerCase() === GAME_CATEGORY.BACCARAT;
     }
-  }
-  /**
-   * 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();
+    /**
+     * 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();
         }
-        else {
-          this.parseGameDetailsResponse();
+        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();
+            }
         }
-      }
-      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);
-      });
+    /**
+     * Parse game detail info, set it to game info
+     */
+    parseGameDetailsResponse() {
+        this.initCtrlProperties();
     }
-  }
-  disconnectGameFromLiveLobby() {
-    if (this.liveLobbyConnection) {
-      this.liveLobbyConnection.removeEventListener('message');
-      this.liveLobbyConnection.close();
-      this.liveLobbyConnection = undefined;
+    connectGameToLiveLobby() {
+        if (EventSource && !this.liveLobbyConnection) {
+            const updateUrl = `${this.endpoint}/v1/encoder/lobby/updates/${this.gameInfo.vendor.name}/${this.gameInfo.id}`;
+            this.liveLobbyConnection = new eventsource.exports.EventSourcePolyfill(updateUrl);
+            this.liveLobbyConnection.addEventListener('message', (evt) => {
+                this.gameDetailChangeHandler(evt);
+            });
+        }
     }
-  }
-  toggleConnect() {
-    if (!this.isLiveCasino) {
-      return;
+    disconnectGameFromLiveLobby() {
+        if (this.liveLobbyConnection) {
+            this.liveLobbyConnection.removeEventListener('message');
+            this.liveLobbyConnection.close();
+            this.liveLobbyConnection = undefined;
+        }
     }
-    if (this.connectLive === 'disconnect') {
-      this.disconnectGameFromLiveLobby();
+    toggleConnect() {
+        if (!this.isLiveCasino) {
+            return;
+        }
+        if (this.connectLive === 'disconnect') {
+            this.disconnectGameFromLiveLobby();
+        }
+        else if (this.connectLive === 'connect') {
+            this.connectGameToLiveLobby();
+        }
     }
-    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();
+        }
     }
-  }
-  toggleVisibilityConnect() {
-    if (!this.isLiveCasino) {
-      return;
+    /**
+     * 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);
+        });
     }
-    if (this.visibilityConnect === 'disconnect') {
-      this.disconnectGameFromLiveLobby();
+    /*
+     * 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));
     }
-    else if (this.visibilityConnect === 'connect' &&
-      this.connectLive === 'connect') {
-      this.connectGameToLiveLobby();
+    /*
+     * 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);
+        });
     }
-  }
-  /**
-   * 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);
+    /**
+     * 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);
     }
-    else {
-      window.postMessage({ type: 'SetFavoredGame', gameId, triggerFactor }, window.location.href);
+    /**
+     * 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 || '',
+        };
     }
-    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;
+    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,
+        });
     }
-    // end custom styling area 500)
-    if (this.gameInfo) {
-      this.triggerExtraInfoLoad();
+    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 == GAME_TYPE.LIVE_CASINO;
-    this.extraInfoWidget = this.getGameCategoryType();
-    this.isUserLoggedIn = !!(this.session && this.userId);
-    if (this.isLiveCasino && this.livelobbyEndpoint) {
-      this.loadGameInfoByLobbyEndpoint();
-      return;
+    componentDidLoad() {
+        window.addEventListener('message', this.messageHandler);
     }
-    //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;
+    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();
+        }
     }
-    //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);
     }
-  }
-  disconnectedCallback() {
-    if (this.liveLobbyConnection) {
-      this.liveLobbyConnection.removeEventListener('message', this.gameDetailChangeHandler);
+    // end custom styling area
+    getWidgetTypeByGameCategory(gameCategory) {
+        return WIDGETTYPE_GAMECATEGORY[gameCategory.toLowerCase()];
     }
-    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) })));
+    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,
+        };
     }
-    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 : ''}
+    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"]
-  }; }
+        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: favSvg }))) : (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"]
+    }; }
 };
-CasinoGameThumbView.style = casinoGameThumbViewCss;
+CasinoGameThumbView.style = CasinoGameThumbViewStyle0;
 
 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 CasinoGameThumbnailOverlayStyle0 = casinoGameThumbnailOverlayCss;
 
 const CasinoGameThumbnailOverlay = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.playClicked = 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: 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 (h("div", { class: "GameInfoWrapper", part: "GameInfoWrapper" }, h("div", { class: "GameInfo ", part: "GameInfo " }, h("p", { class: "GameInfoName", part: "GameInfoName", title: this.gameName }, ' ', this.gameName, ' '), h("button", { class: "GameInfoBtn", part: "GameInfoBtn", onClick: () => this.onPlayNowClicked() }, translate('playNow', this.language))), h("slot", { name: "vendor-name" }, h("span", { class: "GameInfoVendor", part: "GameInfoVendor" }, this.gameVendor))));
-  }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.playClicked = createEvent(this, "playCasinoGame", 7);
+        this.userAgent = window.navigator.userAgent;
+        this.gamepageModalurl = undefined;
+        this.integratedGameframeMobile = false;
+        this.integratedGameframeDesktop = false;
+        this.language = 'en';
+        this.gameName = undefined;
+        this.gameVendor = undefined;
+        this.gameId = undefined;
+        this.hasFunMode = undefined;
+    }
+    onPlayNowClicked() {
+        this.playClicked.emit(this.gameId);
+        let modalEventData = {
+            gameId: this.gameId,
+            isMobile: 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 (h("div", { key: 'b552e85f9652d467595f9603e564387148d81417', class: "GameInfoWrapper", part: "GameInfoWrapper" }, h("div", { key: 'c8ad8953997fa38e46f076be71c8a26a5a47afcd', class: "GameInfo ", part: "GameInfo " }, h("p", { key: '7477d68d364589d8fd2ef80ec15f4457a0f8c69d', class: "GameInfoName", part: "GameInfoName", title: this.gameName }, ' ', this.gameName, ' '), h("button", { key: '280a36956cf541b909c8c6269f2bfd0e51ebf07b', class: "GameInfoBtn", part: "GameInfoBtn", onClick: () => this.onPlayNowClicked() }, translate('playNow', this.language))), h("slot", { key: '79c3e4ceb605025b5b25be04339a63096cd36e28', name: "vendor-name" }, h("span", { key: 'fdb2ebaa6eaf1f3e11356aff6c043ed6a0c41a35', class: "GameInfoVendor", part: "GameInfoVendor" }, this.gameVendor))));
+    }
 };
-CasinoGameThumbnailOverlay.style = casinoGameThumbnailOverlayCss;
+CasinoGameThumbnailOverlay.style = CasinoGameThumbnailOverlayStyle0;
 
 export { CasinoGameThumbView as casino_game_thumb_view, CasinoGameThumbnailOverlay as casino_game_thumbnail_overlay };