@everymatrix/casino-categories-slider 0.0.172 → 0.0.176

package/dist/casino-categories-slider.js

@@ -122,6 +122,10 @@
             resolved_promise.then(flush);
         }
     }
+    function tick() {
+        schedule_update();
+        return resolved_promise;
+    }
     function add_render_callback(fn) {
         render_callbacks.push(fn);
     }
@@ -5307,9 +5311,9 @@
     			set_custom_element_data(casino_slider, "clientstylingurl", /*clientstylingurl*/ ctx[1]);
     			set_custom_element_data(casino_slider, "containermaxwidth", /*containermaxwidth*/ ctx[2]);
     			set_custom_element_data(casino_slider, "onclickeventname", "CategoryChange");
-    			add_location(casino_slider, file, 225, 8, 7246);
+    			add_location(casino_slider, file, 225, 8, 7254);
     			attr_dev(div, "class", "CasinoCategoriesContainer");
-    			add_location(div, file, 224, 6, 7198);
+    			add_location(div, file, 224, 6, 7206);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -5361,7 +5365,7 @@
     			p = element("p");
     			p.textContent = "500 Error - Internal Server Error.";
     			attr_dev(p, "class", "SearchLoading");
-    			add_location(p, file, 222, 6, 7116);
+    			add_location(p, file, 222, 6, 7124);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -5383,7 +5387,7 @@
     	return block;
     }
 
-    // (219:2) {#if isLoading}
+    // (219:2) {#if isLoading || isLoadingMostPlayed}
     function create_if_block(ctx) {
     	let p;
 
@@ -5391,7 +5395,7 @@
     		c: function create() {
     			p = element("p");
     			p.textContent = "Please wait ...";
-    			add_location(p, file, 219, 4, 7057);
+    			add_location(p, file, 219, 4, 7065);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -5406,7 +5410,7 @@
     		block,
     		id: create_if_block.name,
     		type: "if",
-    		source: "(219:2) {#if isLoading}",
+    		source: "(219:2) {#if isLoading || isLoadingMostPlayed}",
     		ctx
     	});
 
@@ -5417,7 +5421,7 @@
     	let div;
 
     	function select_block_type(ctx, dirty) {
-    		if (/*isLoading*/ ctx[3]) return create_if_block;
+    		if (/*isLoading*/ ctx[3] || /*isLoadingMostPlayed*/ ctx[8]) return create_if_block;
     		if (/*hasErrors*/ ctx[5]) return create_if_block_1;
     		return create_else_block;
     	}
@@ -5430,7 +5434,7 @@
     			div = element("div");
     			if_block.c();
     			this.c = noop$1;
-    			add_location(div, file, 217, 0, 6994);
+    			add_location(div, file, 217, 0, 6979);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -5438,7 +5442,7 @@
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
     			if_block.m(div, null);
-    			/*div_binding*/ ctx[18](div);
+    			/*div_binding*/ ctx[16](div);
     		},
     		p: function update(ctx, dirty) {
     			if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block) {
@@ -5458,7 +5462,7 @@
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(div);
     			if_block.d();
-    			/*div_binding*/ ctx[18](null);
+    			/*div_binding*/ ctx[16](null);
     		}
     	};
 
@@ -5531,8 +5535,7 @@
     						isLoggedIn = true;
     					}
     					break;
-    			} // sessionID = session;
-    			// playerID = userID;
+    			}
     		}
     	};
 
@@ -5577,10 +5580,14 @@
     		}
 
     		favoritesAdded = true;
-    		$$invalidate(15, favoritesLoaded = true);
+    		favoritesLoaded = true;
     	};
 
+    	let isLoadingMostPlayed = false;
+
     	const addMostPlayedCategory = () => {
+    		$$invalidate(8, isLoadingMostPlayed = true);
+
     		getMostPlayedGames().then(display => {
     			if (mostPlayedAdded == false && mostplayed == "true" && display) {
     				categories.splice(2, 0, {
@@ -5592,8 +5599,10 @@
     				});
     			}
 
+    			$$invalidate(8, isLoadingMostPlayed = false);
+    			tick();
     			mostPlayedAdded = true;
-    			$$invalidate(16, mostPlayedLoaded = true);
+    			mostPlayedLoaded = true;
     		});
     	};
 
@@ -5650,7 +5659,7 @@
     						games: []
     					});
 
-    					$$invalidate(17, categoriesLoaded = true);
+    					$$invalidate(3, isLoading = false);
     					window.postMessage({ type: "CategoriesLoadedForSlider" }, window.location.href);
     				},
     				err => {
@@ -5686,8 +5695,9 @@
 
     	const setClientStylingURL = () => {
     		let cssFile = document.createElement("style");
+    		let url = new URL(clientstylingurl);
 
-    		fetch(new URL(clientstylingurl)).then(res => res.text()).then(data => {
+    		fetch(url.href).then(res => res.text()).then(data => {
     			cssFile.innerHTML = data;
 
     			setTimeout(
@@ -5732,13 +5742,13 @@
     	}
 
     	$$self.$$set = $$props => {
-    		if ("endpoint" in $$props) $$invalidate(8, endpoint = $$props.endpoint);
-    		if ("datasource" in $$props) $$invalidate(9, datasource = $$props.datasource);
-    		if ("lang" in $$props) $$invalidate(10, lang = $$props.lang);
-    		if ("userid" in $$props) $$invalidate(11, userid = $$props.userid);
-    		if ("session" in $$props) $$invalidate(12, session = $$props.session);
-    		if ("mostplayed" in $$props) $$invalidate(13, mostplayed = $$props.mostplayed);
-    		if ("favorites" in $$props) $$invalidate(14, favorites = $$props.favorites);
+    		if ("endpoint" in $$props) $$invalidate(9, endpoint = $$props.endpoint);
+    		if ("datasource" in $$props) $$invalidate(10, datasource = $$props.datasource);
+    		if ("lang" in $$props) $$invalidate(11, lang = $$props.lang);
+    		if ("userid" in $$props) $$invalidate(12, userid = $$props.userid);
+    		if ("session" in $$props) $$invalidate(13, session = $$props.session);
+    		if ("mostplayed" in $$props) $$invalidate(14, mostplayed = $$props.mostplayed);
+    		if ("favorites" in $$props) $$invalidate(15, favorites = $$props.favorites);
     		if ("clientstyling" in $$props) $$invalidate(0, clientstyling = $$props.clientstyling);
     		if ("clientstylingurl" in $$props) $$invalidate(1, clientstylingurl = $$props.clientstylingurl);
     		if ("containermaxwidth" in $$props) $$invalidate(2, containermaxwidth = $$props.containermaxwidth);
@@ -5746,6 +5756,7 @@
 
     	$$self.$capture_state = () => ({
     		onMount,
+    		tick,
     		getDevice,
     		checkSession,
     		endpoint,
@@ -5777,6 +5788,7 @@
     		messageHandler,
     		getMostPlayedGames,
     		addFavoritesCategory,
+    		isLoadingMostPlayed,
     		addMostPlayedCategory,
     		checkAttrs,
     		checkIfLoaded,
@@ -5787,13 +5799,13 @@
     	});
 
     	$$self.$inject_state = $$props => {
-    		if ("endpoint" in $$props) $$invalidate(8, endpoint = $$props.endpoint);
-    		if ("datasource" in $$props) $$invalidate(9, datasource = $$props.datasource);
-    		if ("lang" in $$props) $$invalidate(10, lang = $$props.lang);
-    		if ("userid" in $$props) $$invalidate(11, userid = $$props.userid);
-    		if ("session" in $$props) $$invalidate(12, session = $$props.session);
-    		if ("mostplayed" in $$props) $$invalidate(13, mostplayed = $$props.mostplayed);
-    		if ("favorites" in $$props) $$invalidate(14, favorites = $$props.favorites);
+    		if ("endpoint" in $$props) $$invalidate(9, endpoint = $$props.endpoint);
+    		if ("datasource" in $$props) $$invalidate(10, datasource = $$props.datasource);
+    		if ("lang" in $$props) $$invalidate(11, lang = $$props.lang);
+    		if ("userid" in $$props) $$invalidate(12, userid = $$props.userid);
+    		if ("session" in $$props) $$invalidate(13, session = $$props.session);
+    		if ("mostplayed" in $$props) $$invalidate(14, mostplayed = $$props.mostplayed);
+    		if ("favorites" in $$props) $$invalidate(15, favorites = $$props.favorites);
     		if ("clientstyling" in $$props) $$invalidate(0, clientstyling = $$props.clientstyling);
     		if ("clientstylingurl" in $$props) $$invalidate(1, clientstylingurl = $$props.clientstylingurl);
     		if ("containermaxwidth" in $$props) $$invalidate(2, containermaxwidth = $$props.containermaxwidth);
@@ -5810,9 +5822,10 @@
     		if ("numberOfFavoredGames" in $$props) $$invalidate(7, numberOfFavoredGames = $$props.numberOfFavoredGames);
     		if ("favoritesAdded" in $$props) favoritesAdded = $$props.favoritesAdded;
     		if ("mostPlayedAdded" in $$props) mostPlayedAdded = $$props.mostPlayedAdded;
-    		if ("favoritesLoaded" in $$props) $$invalidate(15, favoritesLoaded = $$props.favoritesLoaded);
-    		if ("mostPlayedLoaded" in $$props) $$invalidate(16, mostPlayedLoaded = $$props.mostPlayedLoaded);
-    		if ("categoriesLoaded" in $$props) $$invalidate(17, categoriesLoaded = $$props.categoriesLoaded);
+    		if ("favoritesLoaded" in $$props) favoritesLoaded = $$props.favoritesLoaded;
+    		if ("mostPlayedLoaded" in $$props) mostPlayedLoaded = $$props.mostPlayedLoaded;
+    		if ("categoriesLoaded" in $$props) categoriesLoaded = $$props.categoriesLoaded;
+    		if ("isLoadingMostPlayed" in $$props) $$invalidate(8, isLoadingMostPlayed = $$props.isLoadingMostPlayed);
     	};
 
     	if ($$props && "$$inject" in $$props) {
@@ -5820,23 +5833,20 @@
     	}
 
     	$$self.$$.update = () => {
-    		if ($$self.$$.dirty[0] & /*favoritesLoaded, mostPlayedLoaded, categoriesLoaded*/ 229376) {
-    			favoritesLoaded && mostPlayedLoaded && categoriesLoaded && checkIfLoaded();
-    		}
-
-    		if ($$self.$$.dirty[0] & /*endpoint, datasource, lang*/ 1792) {
+    		if ($$self.$$.dirty[0] & /*endpoint, datasource, lang*/ 3584) {
+    			// $: favoritesLoaded && mostPlayedLoaded && categoriesLoaded && checkIfLoaded();
     			endpoint && datasource && lang && initialLoad();
     		}
 
-    		if ($$self.$$.dirty[0] & /*session, endpoint*/ 4352) {
+    		if ($$self.$$.dirty[0] & /*session, endpoint*/ 8704) {
     			session && endpoint && setSession();
     		}
 
-    		if ($$self.$$.dirty[0] & /*session, favorites*/ 20480) {
+    		if ($$self.$$.dirty[0] & /*session, favorites*/ 40960) {
     			session && favorites && addFavoritesCategory();
     		}
 
-    		if ($$self.$$.dirty[0] & /*session, userid, mostplayed*/ 14336) {
+    		if ($$self.$$.dirty[0] & /*session, userid, mostplayed*/ 28672) {
     			session && userid && mostplayed && addMostPlayedCategory();
     		}
 
@@ -5860,6 +5870,7 @@
     		hasErrors,
     		customStylingContainer,
     		numberOfFavoredGames,
+    		isLoadingMostPlayed,
     		endpoint,
     		datasource,
     		lang,
@@ -5867,9 +5878,6 @@
     		session,
     		mostplayed,
     		favorites,
-    		favoritesLoaded,
-    		mostPlayedLoaded,
-    		categoriesLoaded,
     		div_binding
     	];
     }
@@ -5890,13 +5898,13 @@
     			create_fragment,
     			safe_not_equal,
     			{
-    				endpoint: 8,
-    				datasource: 9,
-    				lang: 10,
-    				userid: 11,
-    				session: 12,
-    				mostplayed: 13,
-    				favorites: 14,
+    				endpoint: 9,
+    				datasource: 10,
+    				lang: 11,
+    				userid: 12,
+    				session: 13,
+    				mostplayed: 14,
+    				favorites: 15,
     				clientstyling: 0,
     				clientstylingurl: 1,
     				containermaxwidth: 2
@@ -5932,7 +5940,7 @@
     	}
 
     	get endpoint() {
-    		return this.$$.ctx[8];
+    		return this.$$.ctx[9];
     	}
 
     	set endpoint(endpoint) {
@@ -5941,7 +5949,7 @@
     	}
 
     	get datasource() {
-    		return this.$$.ctx[9];
+    		return this.$$.ctx[10];
     	}
 
     	set datasource(datasource) {
@@ -5950,7 +5958,7 @@
     	}
 
     	get lang() {
-    		return this.$$.ctx[10];
+    		return this.$$.ctx[11];
     	}
 
     	set lang(lang) {
@@ -5959,7 +5967,7 @@
     	}
 
     	get userid() {
-    		return this.$$.ctx[11];
+    		return this.$$.ctx[12];
     	}
 
     	set userid(userid) {
@@ -5968,7 +5976,7 @@
     	}
 
     	get session() {
-    		return this.$$.ctx[12];
+    		return this.$$.ctx[13];
     	}
 
     	set session(session) {
@@ -5977,7 +5985,7 @@
     	}
 
     	get mostplayed() {
-    		return this.$$.ctx[13];
+    		return this.$$.ctx[14];
     	}
 
     	set mostplayed(mostplayed) {
@@ -5986,7 +5994,7 @@
     	}
 
     	get favorites() {
-    		return this.$$.ctx[14];
+    		return this.$$.ctx[15];
     	}
 
     	set favorites(favorites) {