@everymatrix/casino-game-thumbnail 0.0.100 → 0.0.104

package/dist/casino-game-thumbnail.js

@@ -4561,7 +4561,7 @@
     const { Object: Object_1 } = globals;
     const file = "src/CasinoGameThumbnail.svelte";
 
-    // (142:8) {#if fav}
+    // (140:8) {#if fav}
     function create_if_block_5(ctx) {
     	let show_if = !isMobile(/*userAgent*/ ctx[16]) && !/*gamefavorite*/ ctx[0] && /*isLoggedIn*/ ctx[9];
     	let if_block_anchor;
@@ -4602,14 +4602,14 @@
     		block,
     		id: create_if_block_5.name,
     		type: "if",
-    		source: "(142:8) {#if fav}",
+    		source: "(140:8) {#if fav}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (143:10) {#if !isMobile(userAgent) && !gamefavorite && isLoggedIn}
+    // (141:10) {#if !isMobile(userAgent) && !gamefavorite && isLoggedIn}
     function create_if_block_6(ctx) {
     	let div;
     	let svg;
@@ -4624,7 +4624,7 @@
     			path = svg_element("path");
     			set_style(path, "fill", "white");
     			attr_dev(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\n              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\n              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\n              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\n              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\n              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\n              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\n              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\n              l61.023,123.645c2.186,4.427,6.408,7.496,11.294,8.206l136.447,19.828L366.023,308.608z");
-    			add_location(path, file, 145, 112, 5027);
+    			add_location(path, file, 143, 112, 4924);
     			attr_dev(svg, "version", "1.1");
     			attr_dev(svg, "class", "UnfavoredIcon");
     			attr_dev(svg, "xmlns", "http://www.w3.org/2000/svg");
@@ -4634,9 +4634,9 @@
     			attr_dev(svg, "viewBox", "0 0 512.001 512.001");
     			set_style(svg, "enable-background", "new 0 0 512.001 512.001");
     			attr_dev(svg, "xml:space", "preserve");
-    			add_location(svg, file, 144, 14, 4778);
+    			add_location(svg, file, 142, 14, 4675);
     			attr_dev(div, "class", "FavIconContainer");
-    			add_location(div, file, 143, 12, 4687);
+    			add_location(div, file, 141, 12, 4584);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -4660,14 +4660,14 @@
     		block,
     		id: create_if_block_6.name,
     		type: "if",
-    		source: "(143:10) {#if !isMobile(userAgent) && !gamefavorite && isLoggedIn}",
+    		source: "(141:10) {#if !isMobile(userAgent) && !gamefavorite && isLoggedIn}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (171:77) 
+    // (169:77) 
     function create_if_block_4(ctx) {
     	let div;
     	let svg;
@@ -4680,16 +4680,16 @@
     			path = svg_element("path");
     			set_style(path, "fill", "white");
     			attr_dev(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");
-    			add_location(path, file, 173, 10, 7509);
+    			add_location(path, file, 171, 10, 7406);
     			attr_dev(svg, "version", "1.1");
     			attr_dev(svg, "class", "FavoredIcon");
     			attr_dev(svg, "xmlns", "http://www.w3.org/2000/svg");
     			attr_dev(svg, "viewBox", "0 0 19.481 19.481");
     			attr_dev(svg, "xmlns:xlink", "http://www.w3.org/1999/xlink");
     			attr_dev(svg, "enable-background", "new 0 0 19.481 19.481");
-    			add_location(svg, file, 172, 8, 7311);
+    			add_location(svg, file, 170, 8, 7208);
     			attr_dev(div, "class", "FavIconContainer");
-    			add_location(div, file, 171, 6, 7272);
+    			add_location(div, file, 169, 6, 7169);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -4706,14 +4706,14 @@
     		block,
     		id: create_if_block_4.name,
     		type: "if",
-    		source: "(171:77) ",
+    		source: "(169:77) ",
     		ctx
     	});
 
     	return block;
     }
 
-    // (165:4) {#if !isMobile(userAgent) && gamefavorite && isLoggedIn && favorites}
+    // (163:4) {#if !isMobile(userAgent) && gamefavorite && isLoggedIn && favorites}
     function create_if_block_3(ctx) {
     	let div;
     	let svg;
@@ -4728,16 +4728,16 @@
     			path = svg_element("path");
     			set_style(path, "fill", "white");
     			attr_dev(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");
-    			add_location(path, file, 167, 10, 6821);
+    			add_location(path, file, 165, 10, 6718);
     			attr_dev(svg, "version", "1.1");
     			attr_dev(svg, "class", "FavoredIcon");
     			attr_dev(svg, "xmlns", "http://www.w3.org/2000/svg");
     			attr_dev(svg, "viewBox", "0 0 19.481 19.481");
     			attr_dev(svg, "xmlns:xlink", "http://www.w3.org/1999/xlink");
     			attr_dev(svg, "enable-background", "new 0 0 19.481 19.481");
-    			add_location(svg, file, 166, 8, 6623);
+    			add_location(svg, file, 164, 8, 6520);
     			attr_dev(div, "class", "FavIconContainer");
-    			add_location(div, file, 165, 6, 6538);
+    			add_location(div, file, 163, 6, 6435);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -4761,14 +4761,14 @@
     		block,
     		id: create_if_block_3.name,
     		type: "if",
-    		source: "(165:4) {#if !isMobile(userAgent) && gamefavorite && isLoggedIn && favorites}",
+    		source: "(163:4) {#if !isMobile(userAgent) && gamefavorite && isLoggedIn && favorites}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (179:6) {#if gameisnew}
+    // (177:6) {#if gameisnew}
     function create_if_block_2(ctx) {
     	let span;
     	let t_value = /*$_*/ ctx[15]("gameThumbnail.new") + "";
@@ -4779,7 +4779,7 @@
     			span = element("span");
     			t = text(t_value);
     			attr_dev(span, "class", "GameExtraInfoLabel NewGameTag");
-    			add_location(span, file, 179, 8, 7948);
+    			add_location(span, file, 177, 8, 7845);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, span, anchor);
@@ -4797,14 +4797,14 @@
     		block,
     		id: create_if_block_2.name,
     		type: "if",
-    		source: "(179:6) {#if gameisnew}",
+    		source: "(177:6) {#if gameisnew}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (182:6) {#if (parseInt(gamepopularity) > 0)}
+    // (180:6) {#if (parseInt(gamepopularity) > 0)}
     function create_if_block_1(ctx) {
     	let span;
     	let t_value = /*$_*/ ctx[15]("gameThumbnail.hot") + "";
@@ -4815,7 +4815,7 @@
     			span = element("span");
     			t = text(t_value);
     			attr_dev(span, "class", "GameExtraInfoLabel PopularGameTag");
-    			add_location(span, file, 182, 8, 8088);
+    			add_location(span, file, 180, 8, 7985);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, span, anchor);
@@ -4833,14 +4833,14 @@
     		block,
     		id: create_if_block_1.name,
     		type: "if",
-    		source: "(182:6) {#if (parseInt(gamepopularity) > 0)}",
+    		source: "(180:6) {#if (parseInt(gamepopularity) > 0)}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (187:2) {#if showgamename}
+    // (185:2) {#if showgamename}
     function create_if_block(ctx) {
     	let p;
     	let t;
@@ -4851,7 +4851,7 @@
     			t = text(/*gamename*/ ctx[3]);
     			attr_dev(p, "class", "GameNameBelow");
     			attr_dev(p, "title", /*gamename*/ ctx[3]);
-    			add_location(p, file, 187, 4, 8226);
+    			add_location(p, file, 185, 4, 8123);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -4873,7 +4873,7 @@
     		block,
     		id: create_if_block.name,
     		type: "if",
-    		source: "(187:2) {#if showgamename}",
+    		source: "(185:2) {#if showgamename}",
     		ctx
     	});
 
@@ -4958,23 +4958,24 @@
     			attr_dev(img, "class", img_class_value = "GameBg " + (/*hover*/ ctx[10] ? "GameContainerHovered" : "") + " " + (/*loaded*/ ctx[11] ? "Loaded" : ""));
     			attr_dev(img, "alt", "game thumbnail");
     			attr_dev(img, "loading", "lazy");
-    			add_location(img, file, 138, 4, 4276);
+    			add_location(img, file, 136, 4, 4173);
     			attr_dev(p, "class", "GameInfoName");
     			attr_dev(p, "title", /*gamename*/ ctx[3]);
-    			add_location(p, file, 157, 8, 6167);
+    			add_location(p, file, 155, 8, 6064);
     			attr_dev(button, "class", "GameInfoBtn");
-    			add_location(button, file, 158, 8, 6233);
+    			add_location(button, file, 156, 8, 6130);
     			attr_dev(div0, "class", div0_class_value = "GameInfo " + (/*hover*/ ctx[10] ? "GameHovered" : ""));
-    			add_location(div0, file, 140, 6, 4537);
+    			add_location(div0, file, 138, 6, 4434);
     			attr_dev(span, "class", "GameInfoVendor");
-    			add_location(span, file, 160, 6, 6362);
+    			add_location(span, file, 158, 6, 6259);
     			attr_dev(div1, "class", "GameInfoWrapper");
-    			add_location(div1, file, 139, 4, 4441);
+    			add_location(div1, file, 137, 4, 4338);
     			attr_dev(div2, "class", "GameExtraInfo");
-    			add_location(div2, file, 177, 4, 7890);
-    			attr_dev(div3, "class", "GameContainer");
-    			add_location(div3, file, 137, 2, 4136);
-    			add_location(div4, file, 136, 0, 4093);
+    			add_location(div2, file, 175, 4, 7787);
+    			attr_dev(div3, "class", "GameInnerContainer");
+    			add_location(div3, file, 135, 2, 4028);
+    			attr_dev(div4, "class", "GameContainer");
+    			add_location(div4, file, 134, 0, 3963);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -5220,9 +5221,6 @@
     		if (searchitem) {
     			window.postMessage({ type: "SearchedItemClicked", gameId }, window.location.href);
     		}
-
-    		// @TODO Remove this for MostPlayed Mock
-    		window.postMessage({ type: "MostPlayedGameAdd", gameId }, window.location.href);
     	};
 
     	const toggleFavoriteGame = id => {
@@ -5548,7 +5546,7 @@
     class CasinoGameThumbnail extends SvelteElement {
     	constructor(options) {
     		super();
-    		this.shadowRoot.innerHTML = `<style>*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;font-family:'Helvetica Neue', 'Helvetica', sans-serif}.GameContainer{display:flex;flex-direction:column;position:relative;width:100%;height:100%;overflow:hidden}.GameContainer .GameBg{width:100%;height:100%;object-fit:cover;transition:all 150ms ease-in-out}.GameContainer .GameInfoWrapper{display:none;position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;background:rgba(0, 0, 0, 0.65)}.GameContainer .GameInfoWrapper .GameInfo{display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center}.GameContainer .GameInfoWrapper .GameInfoName{color:white;margin-bottom:9.6px;text-align:center;font-size:17.6px}.GameContainer .GameInfoWrapper .GameInfoBtn{appearance:none;padding:6.4px;background:#DB2777;color:#FDF2F8;font-size:16px;border:2px solid #9D174D;border-radius:4.8px;cursor:pointer;transition:border 150ms ease-in-out}.GameContainer .GameInfoWrapper .GameInfoBtn:hover{border:2px solid #F9A8D4}.GameContainer .GameInfoWrapper .GameInfoVendor{display:block;position:absolute;bottom:8px;right:8px;color:white;font-size:14.4px;font-weight:normal}.GameContainer:hover .GameInfoWrapper{display:block}.GameContainer:hover .GameBg{filter:blur(5px) grayscale(1)}.GameContainer .GameExtraInfo{display:block;position:absolute;top:8px;left:8px}.GameContainer .GameExtraInfoLabel{font-size:11.2px;padding:3.2px;background-color:#DC2626;color:#FEF2F2;font-weight:bold;text-transform:uppercase;border-radius:4.8px}.GameNameBelow{color:#fff;position:relative;bottom:-5px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.FavoredIcon,.UnfavoredIcon{width:20px;height:20px}.FavIconContainer{position:absolute;top:10px;right:10px;cursor:pointer}</style>`;
+    		this.shadowRoot.innerHTML = `<style>*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;font-family:'Helvetica Neue', 'Helvetica', sans-serif}.GameContainer{width:100%;height:100%}.GameInnerContainer{position:relative;width:100%;height:100%;overflow:hidden}.GameInnerContainer .GameBg{width:100%;height:100%;object-fit:cover;transition:all 150ms ease-in-out}.GameInnerContainer .GameInfoWrapper{display:none;position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;background:rgba(0, 0, 0, 0.65)}.GameInnerContainer .GameInfoWrapper .GameInfo{display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center}.GameInnerContainer .GameInfoWrapper .GameInfoName{color:white;margin-bottom:9.6px;text-align:center;font-size:17.6px}.GameInnerContainer .GameInfoWrapper .GameInfoBtn{appearance:none;padding:6.4px;background:#DB2777;color:#FDF2F8;font-size:16px;border:2px solid #9D174D;border-radius:4.8px;cursor:pointer;transition:border 150ms ease-in-out}.GameInnerContainer .GameInfoWrapper .GameInfoBtn:hover{border:2px solid #F9A8D4}.GameInnerContainer .GameInfoWrapper .GameInfoVendor{display:block;position:absolute;bottom:8px;right:8px;color:white;font-size:14.4px;font-weight:normal}.GameInnerContainer:hover .GameInfoWrapper{display:block}.GameInnerContainer:hover .GameBg{filter:blur(5px) grayscale(1)}.GameInnerContainer .GameExtraInfo{display:block;position:absolute;top:8px;left:8px}.GameInnerContainer .GameExtraInfoLabel{font-size:11.2px;padding:3.2px;background-color:#DC2626;color:#FEF2F2;font-weight:bold;text-transform:uppercase;border-radius:4.8px}.GameNameBelow{color:#fff;position:relative;bottom:-5px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.FavoredIcon,.UnfavoredIcon{width:20px;height:20px}.FavIconContainer{position:absolute;top:10px;right:10px;cursor:pointer}</style>`;
 
     		init(
     			this,