@everymatrix/casino-search 1.5.2 → 1.5.4

package/dist/casino-search.js

@@ -15177,7 +15177,7 @@
     	return child_ctx;
     }
 
-    // (288:4) {:else}
+    // (291:4) {:else}
     function create_else_block(ctx) {
     	let t0;
     	let div;
@@ -15203,7 +15203,7 @@
     			t1 = space();
     			if (if_block2) if_block2.c();
     			attr_dev(div, "class", div_class_value = "SearchResultsContainer " + (/*searchActive*/ ctx[13] == true ? '' : 'NotVisible'));
-    			add_location(div, file, 298, 6, 10738);
+    			add_location(div, file, 301, 6, 10571);
     		},
     		m: function mount(target, anchor) {
     			if (if_block0) if_block0.m(target, anchor);
@@ -15272,14 +15272,14 @@
     		block,
     		id: create_else_block.name,
     		type: "else",
-    		source: "(288:4) {:else}",
+    		source: "(291:4) {:else}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (286:4) {#if isLoading}
+    // (289:4) {#if isLoading}
     function create_if_block(ctx) {
     	let p;
     	let t_value = /*$_*/ ctx[17]('Translations.loading') + "";
@@ -15289,7 +15289,7 @@
     		c: function create() {
     			p = element("p");
     			t = text(t_value);
-    			add_location(p, file, 286, 6, 10056);
+    			add_location(p, file, 289, 6, 10063);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -15307,14 +15307,14 @@
     		block,
     		id: create_if_block.name,
     		type: "if",
-    		source: "(286:4) {#if isLoading}",
+    		source: "(289:4) {#if isLoading}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (296:40) 
+    // (299:40) 
     function create_if_block_5(ctx) {
     	let p;
     	let t_value = /*$_*/ ctx[17]('Translations.searchResult') + "";
@@ -15324,12 +15324,8 @@
     		c: function create() {
     			p = element("p");
     			t = text(t_value);
-
-    			attr_dev(p, "class", getDevice(/*userAgent*/ ctx[18]) !== 'PC'
-    			? 'SearchMessage'
-    			: 'SearchMessagePc');
-
-    			add_location(p, file, 296, 8, 10598);
+    			attr_dev(p, "class", "SearchMessage");
+    			add_location(p, file, 299, 8, 10489);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -15347,14 +15343,14 @@
     		block,
     		id: create_if_block_5.name,
     		type: "if",
-    		source: "(296:40) ",
+    		source: "(299:40) ",
     		ctx
     	});
 
     	return block;
     }
 
-    // (289:6) {#if searchActive == true && searchValue.length < 2}
+    // (292:6) {#if searchActive == true && searchValue.length < 2}
     function create_if_block_3(ctx) {
     	let p;
     	let t0_value = /*$_*/ ctx[17]('Translations.recentSearch') + "";
@@ -15370,12 +15366,8 @@
     			t1 = space();
     			if (if_block) if_block.c();
     			if_block_anchor = empty();
-
-    			attr_dev(p, "class", getDevice(/*userAgent*/ ctx[18]) !== 'PC'
-    			? 'SearchMessage'
-    			: 'SearchMessagePc');
-
-    			add_location(p, file, 289, 8, 10171);
+    			attr_dev(p, "class", "SearchMessage");
+    			add_location(p, file, 292, 8, 10178);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -15412,14 +15404,14 @@
     		block,
     		id: create_if_block_3.name,
     		type: "if",
-    		source: "(289:6) {#if searchActive == true && searchValue.length < 2}",
+    		source: "(292:6) {#if searchActive == true && searchValue.length < 2}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (291:10) {#if searchArray.length == 0}
+    // (294:10) {#if searchArray.length == 0}
     function create_if_block_4(ctx) {
     	let div;
     	let p;
@@ -15431,14 +15423,10 @@
     			div = element("div");
     			p = element("p");
     			t = text(t_value);
-
-    			attr_dev(p, "class", getDevice(/*userAgent*/ ctx[18]) !== 'PC'
-    			? 'SearchMessage'
-    			: 'SearchMessagePc');
-
-    			add_location(p, file, 292, 12, 10390);
+    			attr_dev(p, "class", "SearchMessage");
+    			add_location(p, file, 295, 12, 10339);
     			attr_dev(div, "class", "ResultsContainerError");
-    			add_location(div, file, 291, 10, 10342);
+    			add_location(div, file, 294, 10, 10291);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -15457,14 +15445,14 @@
     		block,
     		id: create_if_block_4.name,
     		type: "if",
-    		source: "(291:10) {#if searchArray.length == 0}",
+    		source: "(294:10) {#if searchArray.length == 0}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (300:8) {#if searchCancelled === false}
+    // (303:8) {#if searchCancelled === false}
     function create_if_block_2(ctx) {
     	let each_1_anchor;
     	let each_value = /*searchArray*/ ctx[11];
@@ -15525,14 +15513,14 @@
     		block,
     		id: create_if_block_2.name,
     		type: "if",
-    		source: "(300:8) {#if searchCancelled === false}",
+    		source: "(303:8) {#if searchCancelled === false}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (301:10) {#each searchArray as game}
+    // (304:10) {#each searchArray as game}
     function create_each_block(ctx) {
     	let casino_game_thumbnail;
     	let casino_game_thumbnail_gamethumbnail_value;
@@ -15573,7 +15561,7 @@
     			set_custom_element_data(casino_game_thumbnail, "clientstyling", /*clientstyling*/ ctx[2]);
     			set_custom_element_data(casino_game_thumbnail, "clientstylingurl", /*clientstylingurl*/ ctx[3]);
     			set_custom_element_data(casino_game_thumbnail, "gamepagemodalurl", /*gamepagemodalurl*/ ctx[6]);
-    			add_location(casino_game_thumbnail, file, 301, 12, 10907);
+    			add_location(casino_game_thumbnail, file, 304, 12, 10740);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, casino_game_thumbnail, anchor);
@@ -15670,14 +15658,14 @@
     		block,
     		id: create_each_block.name,
     		type: "each",
-    		source: "(301:10) {#each searchArray as game}",
+    		source: "(304:10) {#each searchArray as game}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (326:8) {#if searchValue.length >= 2 && searchArray.length == 0}
+    // (329:8) {#if searchValue.length >= 2 && searchArray.length == 0}
     function create_if_block_1(ctx) {
     	let div;
     	let p0;
@@ -15696,15 +15684,11 @@
     			t1 = space();
     			p1 = element("p");
     			t2 = text(t2_value);
-
-    			attr_dev(p0, "class", getDevice(/*userAgent*/ ctx[18]) !== 'PC'
-    			? 'SearchMessage'
-    			: 'SearchMessagePc');
-
-    			add_location(p0, file, 327, 12, 11956);
-    			add_location(p1, file, 328, 12, 12085);
+    			attr_dev(p0, "class", "SearchMessage");
+    			add_location(p0, file, 330, 12, 11789);
+    			add_location(p1, file, 331, 12, 11860);
     			attr_dev(div, "class", "ResultsContainerError");
-    			add_location(div, file, 326, 10, 11908);
+    			add_location(div, file, 329, 10, 11741);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -15727,7 +15711,7 @@
     		block,
     		id: create_if_block_1.name,
     		type: "if",
-    		source: "(326:8) {#if searchValue.length >= 2 && searchArray.length == 0}",
+    		source: "(329:8) {#if searchValue.length >= 2 && searchArray.length == 0}",
     		ctx
     	});
 
@@ -15735,15 +15719,15 @@
     }
 
     function create_fragment(ctx) {
-    	let div3;
     	let div2;
+    	let div1;
     	let div0;
     	let svg0;
     	let path0;
     	let circle;
     	let t0;
-    	let div1;
     	let input;
+    	let input_class_value;
     	let input_placeholder_value;
     	let t1;
     	let span;
@@ -15769,14 +15753,13 @@
 
     	const block = {
     		c: function create() {
-    			div3 = element("div");
     			div2 = element("div");
+    			div1 = element("div");
     			div0 = element("div");
     			svg0 = svg_element("svg");
     			path0 = svg_element("path");
     			circle = svg_element("circle");
     			t0 = space();
-    			div1 = element("div");
     			input = element("input");
     			t1 = space();
     			span = element("span");
@@ -15793,74 +15776,59 @@
     			attr_dev(path0, "stroke-linecap", "round");
     			attr_dev(path0, "stroke-linejoin", "round");
     			attr_dev(path0, "d", "m10.48 10.985 2.21 2.373");
-    			add_location(path0, file, 269, 10, 8967);
+    			add_location(path0, file, 274, 10, 9040);
     			attr_dev(circle, "cx", "6.5");
     			attr_dev(circle, "cy", "6.5");
     			attr_dev(circle, "r", "5.75");
     			attr_dev(circle, "stroke", "#212121");
     			attr_dev(circle, "stroke-width", "1.5");
-    			add_location(circle, file, 270, 10, 9095);
+    			add_location(circle, file, 275, 10, 9168);
     			attr_dev(svg0, "width", "14");
     			attr_dev(svg0, "height", "15");
     			attr_dev(svg0, "fill", "none");
     			attr_dev(svg0, "xmlns", "http://www.w3.org/2000/svg");
-    			add_location(svg0, file, 268, 8, 8881);
-
-    			attr_dev(div0, "class", getDevice(/*userAgent*/ ctx[18]) !== 'PC'
-    			? 'SearchIcon'
-    			: 'SearchIconPc');
-
-    			add_location(div0, file, 267, 6, 8793);
-    			attr_dev(input, "class", "SearchInput");
+    			add_location(svg0, file, 273, 8, 8954);
+    			attr_dev(div0, "class", "SearchIcon");
+    			add_location(div0, file, 272, 6, 8921);
+    			attr_dev(input, "class", input_class_value = "SearchInput " + (/*searchCancelled*/ ctx[9] ? '' : 'SearchAnimation'));
     			attr_dev(input, "type", "search");
     			attr_dev(input, "placeholder", input_placeholder_value = /*$_*/ ctx[17]('Translations.placeHolderSearchGames'));
-    			add_location(input, file, 274, 8, 9300);
+    			add_location(input, file, 278, 8, 9277);
     			attr_dev(path1, "d", "m1.45 1.5 8.1 8M1.45 9.5l8.1-8");
     			attr_dev(path1, "stroke", "#717171");
     			attr_dev(path1, "stroke-width", "2");
     			attr_dev(path1, "stroke-linecap", "round");
     			attr_dev(path1, "stroke-linejoin", "round");
-    			add_location(path1, file, 277, 12, 9687);
+    			add_location(path1, file, 281, 12, 9707);
     			attr_dev(svg1, "width", "11");
     			attr_dev(svg1, "height", "11");
     			attr_dev(svg1, "fill", "none");
     			attr_dev(svg1, "xmlns", "http://www.w3.org/2000/svg");
-    			add_location(svg1, file, 276, 10, 9599);
+    			add_location(svg1, file, 280, 10, 9619);
     			attr_dev(span, "class", span_class_value = "SearchClearButton " + (/*searchValue*/ ctx[8].length != 0 ? '' : 'NotVisible'));
-    			add_location(span, file, 275, 8, 9478);
-
-    			attr_dev(div1, "class", getDevice(/*userAgent*/ ctx[18]) !== 'PC'
-    			? 'SearchContainer'
-    			: 'SearchContainerPc');
-
-    			add_location(div1, file, 273, 6, 9202);
+    			add_location(span, file, 279, 8, 9498);
     			attr_dev(small, "class", small_class_value = "SearchCancelButton " + (/*searchCancelled*/ ctx[9] ? 'NotVisible' : ''));
-    			add_location(small, file, 281, 6, 9863);
-
-    			attr_dev(div2, "class", getDevice(/*userAgent*/ ctx[18]) !== 'PC'
-    			? 'Search'
-    			: 'SearchPc');
-
-    			add_location(div2, file, 266, 4, 8715);
+    			add_location(small, file, 284, 6, 9870);
+    			attr_dev(div1, "class", "Search");
+    			add_location(div1, file, 271, 4, 8894);
 
-    			attr_dev(div3, "class", getDevice(/*userAgent*/ ctx[18]) !== 'PC'
-    			? 'CasinoSearch'
-    			: 'CasinoSearchPc');
+    			attr_dev(div2, "class", "" + ((getDevice(/*userAgent*/ ctx[18]) !== 'PC'
+    			? ''
+    			: 'Desktop') + " CasinoSearch"));
 
-    			add_location(div3, file, 265, 2, 8592);
+    			add_location(div2, file, 270, 2, 8777);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
     		},
     		m: function mount(target, anchor) {
-    			insert_dev(target, div3, anchor);
-    			append_dev(div3, div2);
-    			append_dev(div2, div0);
+    			insert_dev(target, div2, anchor);
+    			append_dev(div2, div1);
+    			append_dev(div1, div0);
     			append_dev(div0, svg0);
     			append_dev(svg0, path0);
     			append_dev(svg0, circle);
-    			append_dev(div2, t0);
-    			append_dev(div2, div1);
+    			append_dev(div1, t0);
     			append_dev(div1, input);
     			set_input_value(input, /*searchValue*/ ctx[8]);
     			/*input_binding*/ ctx[29](input);
@@ -15868,12 +15836,12 @@
     			append_dev(div1, span);
     			append_dev(span, svg1);
     			append_dev(svg1, path1);
-    			append_dev(div2, t2);
-    			append_dev(div2, small);
+    			append_dev(div1, t2);
+    			append_dev(div1, small);
     			append_dev(small, t3);
-    			append_dev(div3, t4);
-    			if_block.m(div3, null);
-    			/*div3_binding*/ ctx[32](div3);
+    			append_dev(div2, t4);
+    			if_block.m(div2, null);
+    			/*div2_binding*/ ctx[32](div2);
 
     			if (!mounted) {
     				dispose = [
@@ -15887,6 +15855,10 @@
     			}
     		},
     		p: function update(ctx, dirty) {
+    			if (dirty[0] & /*searchCancelled*/ 512 && input_class_value !== (input_class_value = "SearchInput " + (/*searchCancelled*/ ctx[9] ? '' : 'SearchAnimation'))) {
+    				attr_dev(input, "class", input_class_value);
+    			}
+
     			if (dirty[0] & /*$_*/ 131072 && input_placeholder_value !== (input_placeholder_value = /*$_*/ ctx[17]('Translations.placeHolderSearchGames'))) {
     				attr_dev(input, "placeholder", input_placeholder_value);
     			}
@@ -15913,17 +15885,17 @@
 
     				if (if_block) {
     					if_block.c();
-    					if_block.m(div3, null);
+    					if_block.m(div2, null);
     				}
     			}
     		},
     		i: noop$1,
     		o: noop$1,
     		d: function destroy(detaching) {
-    			if (detaching) detach_dev(div3);
+    			if (detaching) detach_dev(div2);
     			/*input_binding*/ ctx[29](null);
     			if_block.d();
-    			/*div3_binding*/ ctx[32](null);
+    			/*div2_binding*/ ctx[32](null);
     			mounted = false;
     			run_all(dispose);
     		}
@@ -16029,6 +16001,10 @@
     					}
 
     					Promise.all(promises).then(res => {
+    						res = res.filter(function (element) {
+    							return !!element;
+    						});
+
     						$$invalidate(11, searchArray = res.map(item => {
     							item.isFavorite = checkFavorite(item.id);
     							return item;
@@ -16071,7 +16047,11 @@
     				} else {
     					fetch(url).then(fetchRes => fetchRes.json()).then(gameData => {
     						$$invalidate(14, isLoading = false);
-    						gamesCache[gameData[0].gameId] = gameData[0];
+
+    						if (!gameData.error) {
+    							gamesCache[gameData[0].gameId] = gameData[0];
+    						}
+
     						resolve(gameData[0]);
     					}).catch(err => {
     						$$invalidate(14, isLoading = false);
@@ -16244,7 +16224,7 @@
     	const click_handler = () => clearSearch();
     	const click_handler_1 = () => cancelSearch();
 
-    	function div3_binding($$value) {
+    	function div2_binding($$value) {
     		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
     			customStylingContainer = $$value;
     			$$invalidate(10, customStylingContainer);
@@ -16434,14 +16414,14 @@
     		input_binding,
     		click_handler,
     		click_handler_1,
-    		div3_binding
+    		div2_binding
     	];
     }
 
     class CasinoSearch extends SvelteElement {
     	constructor(options) {
     		super();
-    		this.shadowRoot.innerHTML = `<style>:host{font-family:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}.CasinoSearchPc{margin:30px 16px}.CasinoSearch{margin:30px 16px}.SearchPc{display:flex;align-items:center;position:relative;margin-bottom:20px;left:19%}.Search{display:flex;align-items:center;position:relative;justify-content:space-between;margin-bottom:20px}.SearchIconPc{position:absolute;left:20px;z-index:1}.SearchIconPc svg{height:14px;width:13px}.SearchIcon{position:absolute;left:5%;z-index:1}.SearchIcon svg{height:14px;width:13px}.SearchContainerPc{width:60%;position:relative}.SearchContainer{width:100%;position:relative}.SearchInput{border-radius:4px;border:1px solid #cacaca;color:#717171;display:block;font-size:16px;font-weight:300;padding:14px 5px 14px 46px;width:100%}.SearchInput::placeholder{color:#717171;font-size:16px;font-weight:300}.SearchInput:focus{outline:1px solid #d9d7d7}.SearchInput::-webkit-search-decoration,.SearchInput::-webkit-search-cancel-button,.SearchInput::-webkit-search-results-button,.SearchInput::-webkit-search-results-decoration{-webkit-appearance:none}.SearchClearButton{position:absolute;top:30%;right:15px;cursor:pointer}.SearchCancelButton{color:#717171;font-weight:300;margin-left:8px;cursor:pointer}.SearchMessagePc{font-size:18px;font-weight:600;margin:24px 0;color:#FFFFFF;margin-top:90px}.SearchMessage{font-size:18px;font-weight:600;margin:24px 0;color:#212121}.SearchResultsContainer{display:grid;gap:8px;grid-template-columns:repeat(auto-fill, minmax(min(167px, 46%), 1fr));grid-template-rows:repeat(auto-fill, 167px);grid-auto-rows:167px;grid-auto-columns:167px;grid-auto-flow:row dense}.ResultsContainerError{text-align:center;width:300px;color:#717171;font-weight:300;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.NotVisible{display:none}</style>`;
+    		this.shadowRoot.innerHTML = `<style>:host{font-family:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}.CasinoSearch{margin:30px 16px}.Search{display:flex;align-items:center;position:relative;margin-bottom:20px}.SearchIcon{position:absolute;left:15px;top:50%;z-index:1;transform:translateY(-50%)}.SearchIcon svg{height:14px;width:13px}.SearchInput{border-radius:4px;border:1px solid #cacaca;color:#717171;display:block;font-size:16px;font-weight:300;padding:14px 5px 14px 46px;width:100%}.SearchInput::placeholder{color:#717171;font-size:16px;font-weight:300}.SearchInput:focus{outline:1px solid #d9d7d7}.SearchInput::-webkit-search-decoration,.SearchInput::-webkit-search-cancel-button,.SearchInput::-webkit-search-results-button,.SearchInput::-webkit-search-results-decoration{-webkit-appearance:none}.SearchClearButton{position:absolute;top:30%;right:65px;cursor:pointer}.SearchCancelButton{color:#717171;font-weight:300;margin-left:8px;cursor:pointer}.SearchMessage{font-size:18px;font-weight:600;margin:24px 0;color:#212121}.SearchResultsContainer{display:grid;gap:8px;grid-template-columns:repeat(auto-fill, minmax(min(167px, 46%), 1fr));grid-template-rows:repeat(auto-fill, 167px);grid-auto-rows:167px;grid-auto-columns:167px;grid-auto-flow:row dense}.ResultsContainerError{text-align:center;width:300px;color:#717171;font-weight:300;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.NotVisible{display:none}.Desktop .NotVisible{opacity:0;visibility:hidden;display:inline}.Desktop.CasinoSearch{margin:30px 16px}.Desktop .Search{display:flex;align-items:center;justify-content:center}.Desktop .SearchIcon{position:relative;top:0;left:0;transform:translateY(0);margin-right:-28px}.Desktop .SearchInput{width:50%;transition:all 0.2s cubic-bezier(1, 0, 0.46, 1.03)}.Desktop .SearchClearButton{position:relative;top:0;right:0;margin-left:-23px}.Desktop .SearchCancelButton{transition:all 0.2s cubic-bezier(1, 0, 0.46, 1.03);margin-left:20px}.Desktop .SearchAnimation{width:60%;outline:none;box-shadow:0 5px 7px rgba(0, 0, 0, 0.25);background-color:rgba(255, 255, 255, 0.2)}.Desktop .SearchMessage{font-size:18px;font-weight:600;margin:24px 0;margin-top:90px}</style>`;
 
     		init(
     			this,