@everymatrix/casino-categories-providers 1.0.2 → 1.0.4

package/dist/casino-categories-providers.js

@@ -4852,11 +4852,11 @@
     			}
 
     			attr_dev(h40, "class", "CategoryTitle");
-    			add_location(h40, file$2, 70, 4, 2630);
+    			add_location(h40, file$2, 70, 4, 2682);
     			attr_dev(h41, "class", "CategoryTitle");
-    			add_location(h41, file$2, 80, 4, 3112);
+    			add_location(h41, file$2, 80, 4, 3164);
     			attr_dev(div, "class", "CasinoCategories");
-    			add_location(div, file$2, 69, 2, 2595);
+    			add_location(div, file$2, 69, 2, 2647);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -4957,7 +4957,7 @@
     			p = element("p");
     			p.textContent = "Loading, please wait...";
     			attr_dev(p, "class", "Message");
-    			add_location(p, file$2, 67, 2, 2536);
+    			add_location(p, file$2, 67, 2, 2588);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -5021,17 +5021,17 @@
     			if (!src_url_equal(img.src, img_src_value = /*category*/ ctx[22].icon)) attr_dev(img, "src", img_src_value);
     			attr_dev(img, "alt", img_alt_value = /*category*/ ctx[22].name);
     			attr_dev(img, "class", "CategoryImage");
-    			add_location(img, file$2, 73, 6, 2816);
-    			add_location(p0, file$2, 75, 8, 2984);
-    			add_location(p1, file$2, 76, 8, 3015);
+    			add_location(img, file$2, 73, 6, 2868);
+    			add_location(p0, file$2, 75, 8, 3036);
+    			add_location(p1, file$2, 76, 8, 3067);
     			attr_dev(div0, "class", "CategoryTextContainer");
-    			add_location(div0, file$2, 74, 6, 2940);
+    			add_location(div0, file$2, 74, 6, 2992);
 
     			attr_dev(div1, "class", div1_class_value = "Category " + (/*activecategory*/ ctx[0] === /*category*/ ctx[22].id
     			? "Active"
     			: ""));
 
-    			add_location(div1, file$2, 72, 4, 2738);
+    			add_location(div1, file$2, 72, 4, 2790);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div1, anchor);
@@ -5134,17 +5134,17 @@
     			if (!src_url_equal(img.src, img_src_value = /*category*/ ctx[22].icon)) attr_dev(img, "src", img_src_value);
     			attr_dev(img, "alt", img_alt_value = /*category*/ ctx[22].name);
     			attr_dev(img, "class", "CategoryImage");
-    			add_location(img, file$2, 83, 6, 3303);
-    			add_location(p0, file$2, 85, 8, 3470);
-    			add_location(p1, file$2, 86, 8, 3501);
+    			add_location(img, file$2, 83, 6, 3355);
+    			add_location(p0, file$2, 85, 8, 3522);
+    			add_location(p1, file$2, 86, 8, 3553);
     			attr_dev(div0, "class", "CategoryTextContainer");
-    			add_location(div0, file$2, 84, 6, 3426);
+    			add_location(div0, file$2, 84, 6, 3478);
 
     			attr_dev(div1, "class", div1_class_value = "Category " + (/*activecategory*/ ctx[0] === /*category*/ ctx[22].id
     			? "Active"
     			: ""));
 
-    			add_location(div1, file$2, 82, 4, 3224);
+    			add_location(div1, file$2, 82, 4, 3276);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div1, anchor);
@@ -5220,7 +5220,7 @@
     			div = element("div");
     			if_block.c();
     			this.c = noop;
-    			add_location(div, file$2, 65, 0, 2475);
+    			add_location(div, file$2, 65, 0, 2527);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -5439,12 +5439,12 @@
     			lang && setActiveLanguage();
     		}
 
-    		if ($$self.$$.dirty & /*clientstyling*/ 2048) {
-    			clientstyling && setClientStyling();
+    		if ($$self.$$.dirty & /*clientstyling, customStylingContainer*/ 2050) {
+    			clientstyling && customStylingContainer && setClientStyling();
     		}
 
-    		if ($$self.$$.dirty & /*clientstylingurl*/ 4096) {
-    			clientstylingurl && setClientStylingURL();
+    		if ($$self.$$.dirty & /*clientstylingurl, customStylingContainer*/ 4098) {
+    			clientstylingurl && customStylingContainer && setClientStylingURL();
     		}
     	};
 
@@ -5723,17 +5723,17 @@
 
     function get_each_context(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[20] = list[i];
+    	child_ctx[19] = list[i];
     	return child_ctx;
     }
 
     function get_each_context_1(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[20] = list[i];
+    	child_ctx[19] = list[i];
     	return child_ctx;
     }
 
-    // (71:4) {:else}
+    // (67:4) {:else}
     function create_else_block(ctx) {
     	let h40;
     	let t0_value = /*$_*/ ctx[4]('Translations.popularProviders') + "";
@@ -5745,7 +5745,7 @@
     	let t3;
     	let t4;
     	let each1_anchor;
-    	let each_value_1 = /*topProviders*/ ctx[0];
+    	let each_value_1 = /*topProviders*/ ctx[1];
     	validate_each_argument(each_value_1);
     	let each_blocks_1 = [];
 
@@ -5753,7 +5753,7 @@
     		each_blocks_1[i] = create_each_block_1(get_each_context_1(ctx, each_value_1, i));
     	}
 
-    	let each_value = /*otherProviders*/ ctx[1];
+    	let each_value = /*otherProviders*/ ctx[2];
     	validate_each_argument(each_value);
     	let each_blocks = [];
 
@@ -5782,9 +5782,9 @@
 
     			each1_anchor = empty();
     			attr_dev(h40, "class", "ProviderTitle");
-    			add_location(h40, file$1, 71, 4, 2593);
+    			add_location(h40, file$1, 67, 4, 2507);
     			attr_dev(h41, "class", "ProviderTitle");
-    			add_location(h41, file$1, 81, 6, 3083);
+    			add_location(h41, file$1, 77, 6, 2997);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, h40, anchor);
@@ -5809,8 +5809,8 @@
     		p: function update(ctx, dirty) {
     			if (dirty & /*$_*/ 16 && t0_value !== (t0_value = /*$_*/ ctx[4]('Translations.popularProviders') + "")) set_data_dev(t0, t0_value);
 
-    			if (dirty & /*openGameProviderPage, topProviders, $_*/ 49) {
-    				each_value_1 = /*topProviders*/ ctx[0];
+    			if (dirty & /*openGameProviderPage, topProviders, $_*/ 50) {
+    				each_value_1 = /*topProviders*/ ctx[1];
     				validate_each_argument(each_value_1);
     				let i;
 
@@ -5835,8 +5835,8 @@
 
     			if (dirty & /*$_*/ 16 && t3_value !== (t3_value = /*$_*/ ctx[4]('Translations.otherProviders') + "")) set_data_dev(t3, t3_value);
 
-    			if (dirty & /*openGameProviderPage, otherProviders, $_*/ 50) {
-    				each_value = /*otherProviders*/ ctx[1];
+    			if (dirty & /*openGameProviderPage, otherProviders, $_*/ 52) {
+    				each_value = /*otherProviders*/ ctx[2];
     				validate_each_argument(each_value);
     				let i;
 
@@ -5875,14 +5875,14 @@
     		block,
     		id: create_else_block.name,
     		type: "else",
-    		source: "(71:4) {:else}",
+    		source: "(67:4) {:else}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (69:4) {#if isLoading === true}
+    // (65:4) {#if isLoading === true}
     function create_if_block(ctx) {
     	let p;
     	let t_value = /*$_*/ ctx[4]('Translations.loading') + "";
@@ -5893,7 +5893,7 @@
     			p = element("p");
     			t = text(t_value);
     			attr_dev(p, "class", "Message");
-    			add_location(p, file$1, 69, 6, 2523);
+    			add_location(p, file$1, 65, 6, 2437);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -5911,14 +5911,14 @@
     		block,
     		id: create_if_block.name,
     		type: "if",
-    		source: "(69:4) {#if isLoading === true}",
+    		source: "(65:4) {#if isLoading === true}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (73:6) {#each topProviders as provider}
+    // (69:6) {#each topProviders as provider}
     function create_each_block_1(ctx) {
     	let div1;
     	let img;
@@ -5927,11 +5927,11 @@
     	let t0;
     	let div0;
     	let p0;
-    	let t1_value = /*provider*/ ctx[20].name + "";
+    	let t1_value = /*provider*/ ctx[19].name + "";
     	let t1;
     	let t2;
     	let p1;
-    	let t3_value = /*provider*/ ctx[20].games.count + "";
+    	let t3_value = /*provider*/ ctx[19].games.count + "";
     	let t3;
     	let t4;
     	let t5_value = /*$_*/ ctx[4]('Translations.games') + "";
@@ -5940,7 +5940,7 @@
     	let dispose;
 
     	function click_handler() {
-    		return /*click_handler*/ ctx[11](/*provider*/ ctx[20]);
+    		return /*click_handler*/ ctx[11](/*provider*/ ctx[19]);
     	}
 
     	const block = {
@@ -5956,16 +5956,16 @@
     			t3 = text(t3_value);
     			t4 = space();
     			t5 = text(t5_value);
-    			if (!src_url_equal(img.src, img_src_value = /*provider*/ ctx[20].logo)) attr_dev(img, "src", img_src_value);
-    			attr_dev(img, "alt", img_alt_value = /*provider*/ ctx[20].name);
+    			if (!src_url_equal(img.src, img_src_value = /*provider*/ ctx[19].logo)) attr_dev(img, "src", img_src_value);
+    			attr_dev(img, "alt", img_alt_value = /*provider*/ ctx[19].name);
     			attr_dev(img, "class", "ProviderImage");
-    			add_location(img, file$1, 74, 8, 2819);
-    			add_location(p0, file$1, 76, 10, 2945);
-    			add_location(p1, file$1, 77, 10, 2978);
+    			add_location(img, file$1, 70, 8, 2733);
+    			add_location(p0, file$1, 72, 10, 2859);
+    			add_location(p1, file$1, 73, 10, 2892);
     			attr_dev(div0, "class", "ProviderTextContainer");
-    			add_location(div0, file$1, 75, 8, 2899);
+    			add_location(div0, file$1, 71, 8, 2813);
     			attr_dev(div1, "class", "Provider");
-    			add_location(div1, file$1, 73, 6, 2707);
+    			add_location(div1, file$1, 69, 6, 2621);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div1, anchor);
@@ -5988,16 +5988,16 @@
     		p: function update(new_ctx, dirty) {
     			ctx = new_ctx;
 
-    			if (dirty & /*topProviders*/ 1 && !src_url_equal(img.src, img_src_value = /*provider*/ ctx[20].logo)) {
+    			if (dirty & /*topProviders*/ 2 && !src_url_equal(img.src, img_src_value = /*provider*/ ctx[19].logo)) {
     				attr_dev(img, "src", img_src_value);
     			}
 
-    			if (dirty & /*topProviders*/ 1 && img_alt_value !== (img_alt_value = /*provider*/ ctx[20].name)) {
+    			if (dirty & /*topProviders*/ 2 && img_alt_value !== (img_alt_value = /*provider*/ ctx[19].name)) {
     				attr_dev(img, "alt", img_alt_value);
     			}
 
-    			if (dirty & /*topProviders*/ 1 && t1_value !== (t1_value = /*provider*/ ctx[20].name + "")) set_data_dev(t1, t1_value);
-    			if (dirty & /*topProviders*/ 1 && t3_value !== (t3_value = /*provider*/ ctx[20].games.count + "")) set_data_dev(t3, t3_value);
+    			if (dirty & /*topProviders*/ 2 && t1_value !== (t1_value = /*provider*/ ctx[19].name + "")) set_data_dev(t1, t1_value);
+    			if (dirty & /*topProviders*/ 2 && t3_value !== (t3_value = /*provider*/ ctx[19].games.count + "")) set_data_dev(t3, t3_value);
     			if (dirty & /*$_*/ 16 && t5_value !== (t5_value = /*$_*/ ctx[4]('Translations.games') + "")) set_data_dev(t5, t5_value);
     		},
     		d: function destroy(detaching) {
@@ -6011,14 +6011,14 @@
     		block,
     		id: create_each_block_1.name,
     		type: "each",
-    		source: "(73:6) {#each topProviders as provider}",
+    		source: "(69:6) {#each topProviders as provider}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (83:6) {#each otherProviders as provider}
+    // (79:6) {#each otherProviders as provider}
     function create_each_block(ctx) {
     	let div1;
     	let img;
@@ -6027,11 +6027,11 @@
     	let t0;
     	let div0;
     	let p0;
-    	let t1_value = /*provider*/ ctx[20].name + "";
+    	let t1_value = /*provider*/ ctx[19].name + "";
     	let t1;
     	let t2;
     	let p1;
-    	let t3_value = /*provider*/ ctx[20].games.count + "";
+    	let t3_value = /*provider*/ ctx[19].games.count + "";
     	let t3;
     	let t4;
     	let t5_value = /*$_*/ ctx[4]('Translations.games') + "";
@@ -6041,7 +6041,7 @@
     	let dispose;
 
     	function click_handler_1() {
-    		return /*click_handler_1*/ ctx[12](/*provider*/ ctx[20]);
+    		return /*click_handler_1*/ ctx[12](/*provider*/ ctx[19]);
     	}
 
     	const block = {
@@ -6058,16 +6058,16 @@
     			t4 = space();
     			t5 = text(t5_value);
     			t6 = space();
-    			if (!src_url_equal(img.src, img_src_value = /*provider*/ ctx[20].logo)) attr_dev(img, "src", img_src_value);
-    			attr_dev(img, "alt", img_alt_value = /*provider*/ ctx[20].name);
+    			if (!src_url_equal(img.src, img_src_value = /*provider*/ ctx[19].logo)) attr_dev(img, "src", img_src_value);
+    			attr_dev(img, "alt", img_alt_value = /*provider*/ ctx[19].name);
     			attr_dev(img, "class", "ProviderImage");
-    			add_location(img, file$1, 84, 10, 3313);
-    			add_location(p0, file$1, 86, 12, 3443);
-    			add_location(p1, file$1, 87, 12, 3478);
+    			add_location(img, file$1, 80, 10, 3227);
+    			add_location(p0, file$1, 82, 12, 3357);
+    			add_location(p1, file$1, 83, 12, 3392);
     			attr_dev(div0, "class", "ProviderTextContainer");
-    			add_location(div0, file$1, 85, 10, 3395);
+    			add_location(div0, file$1, 81, 10, 3309);
     			attr_dev(div1, "class", "Provider");
-    			add_location(div1, file$1, 83, 8, 3199);
+    			add_location(div1, file$1, 79, 8, 3113);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div1, anchor);
@@ -6091,16 +6091,16 @@
     		p: function update(new_ctx, dirty) {
     			ctx = new_ctx;
 
-    			if (dirty & /*otherProviders*/ 2 && !src_url_equal(img.src, img_src_value = /*provider*/ ctx[20].logo)) {
+    			if (dirty & /*otherProviders*/ 4 && !src_url_equal(img.src, img_src_value = /*provider*/ ctx[19].logo)) {
     				attr_dev(img, "src", img_src_value);
     			}
 
-    			if (dirty & /*otherProviders*/ 2 && img_alt_value !== (img_alt_value = /*provider*/ ctx[20].name)) {
+    			if (dirty & /*otherProviders*/ 4 && img_alt_value !== (img_alt_value = /*provider*/ ctx[19].name)) {
     				attr_dev(img, "alt", img_alt_value);
     			}
 
-    			if (dirty & /*otherProviders*/ 2 && t1_value !== (t1_value = /*provider*/ ctx[20].name + "")) set_data_dev(t1, t1_value);
-    			if (dirty & /*otherProviders*/ 2 && t3_value !== (t3_value = /*provider*/ ctx[20].games.count + "")) set_data_dev(t3, t3_value);
+    			if (dirty & /*otherProviders*/ 4 && t1_value !== (t1_value = /*provider*/ ctx[19].name + "")) set_data_dev(t1, t1_value);
+    			if (dirty & /*otherProviders*/ 4 && t3_value !== (t3_value = /*provider*/ ctx[19].games.count + "")) set_data_dev(t3, t3_value);
     			if (dirty & /*$_*/ 16 && t5_value !== (t5_value = /*$_*/ ctx[4]('Translations.games') + "")) set_data_dev(t5, t5_value);
     		},
     		d: function destroy(detaching) {
@@ -6114,7 +6114,7 @@
     		block,
     		id: create_each_block.name,
     		type: "each",
-    		source: "(83:6) {#each otherProviders as provider}",
+    		source: "(79:6) {#each otherProviders as provider}",
     		ctx
     	});
 
@@ -6126,7 +6126,7 @@
     	let div0;
 
     	function select_block_type(ctx, dirty) {
-    		if (/*isLoading*/ ctx[2] === true) return create_if_block;
+    		if (/*isLoading*/ ctx[3] === true) return create_if_block;
     		return create_else_block;
     	}
 
@@ -6140,8 +6140,8 @@
     			if_block.c();
     			this.c = noop;
     			attr_dev(div0, "class", "CasinoProviders");
-    			add_location(div0, file$1, 67, 2, 2458);
-    			add_location(div1, file$1, 66, 0, 2415);
+    			add_location(div0, file$1, 63, 2, 2372);
+    			add_location(div1, file$1, 62, 0, 2329);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -6201,24 +6201,23 @@
     	let otherProviders = [];
     	let isLoading = false;
     	let customStylingContainer;
-    	let displayNone = false;
 
     	Object.keys(Translations).forEach(item => {
     		addNewMessages(item, Translations[item]);
     	});
 
     	const getProviders = () => {
-    		$$invalidate(2, isLoading = true);
+    		$$invalidate(3, isLoading = true);
     		const url = new URL(`${endpoint}/casino/vendors`);
     		url.searchParams.append("datasource", datasource);
     		url.searchParams.append("language", lang);
     		url.searchParams.append("fields", "id,name,displayName,subVendors,isTopVendor,logo,games");
 
     		fetch(url).then(res => res.json()).then(data => {
-    			$$invalidate(2, isLoading = false);
+    			$$invalidate(3, isLoading = false);
     			providers = data.items.map(item => item);
-    			$$invalidate(0, topProviders = providers.filter(provider => provider.isTopVendor === true));
-    			$$invalidate(1, otherProviders = providers.filter(provider => provider.isTopVendor === false));
+    			$$invalidate(1, topProviders = providers.filter(provider => provider.isTopVendor === true));
+    			$$invalidate(2, otherProviders = providers.filter(provider => provider.isTopVendor === false));
     			let allSubVendors = [];
     			allSubVendors = providers.flatMap(item => item.subVendors);
     			otherProviders.push(...allSubVendors.filter(subVendor => subVendor.games.count > 0));
@@ -6252,21 +6251,12 @@
     		fetch(url.href).then(res => res.text()).then(data => {
     			cssFile.innerHTML = data;
 
-    			if (customStylingContainer) {
-    				setTimeout(
-    					() => {
-    						customStylingContainer.appendChild(cssFile);
-    					},
-    					1
-    				);
-
-    				setTimeout(
-    					() => {
-    						displayNone = false;
-    					},
-    					500
-    				);
-    			}
+    			setTimeout(
+    				() => {
+    					customStylingContainer.appendChild(cssFile);
+    				},
+    				1
+    			);
     		});
     	};
 
@@ -6282,7 +6272,7 @@
     	function div1_binding($$value) {
     		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
     			customStylingContainer = $$value;
-    			$$invalidate(3, customStylingContainer);
+    			$$invalidate(0, customStylingContainer);
     		});
     	}
 
@@ -6309,7 +6299,6 @@
     		otherProviders,
     		isLoading,
     		customStylingContainer,
-    		displayNone,
     		getProviders,
     		openGameProviderPage,
     		setActiveLanguage,
@@ -6325,11 +6314,10 @@
     		if ('clientstyling' in $$props) $$invalidate(9, clientstyling = $$props.clientstyling);
     		if ('clientstylingurl' in $$props) $$invalidate(10, clientstylingurl = $$props.clientstylingurl);
     		if ('providers' in $$props) providers = $$props.providers;
-    		if ('topProviders' in $$props) $$invalidate(0, topProviders = $$props.topProviders);
-    		if ('otherProviders' in $$props) $$invalidate(1, otherProviders = $$props.otherProviders);
-    		if ('isLoading' in $$props) $$invalidate(2, isLoading = $$props.isLoading);
-    		if ('customStylingContainer' in $$props) $$invalidate(3, customStylingContainer = $$props.customStylingContainer);
-    		if ('displayNone' in $$props) displayNone = $$props.displayNone;
+    		if ('topProviders' in $$props) $$invalidate(1, topProviders = $$props.topProviders);
+    		if ('otherProviders' in $$props) $$invalidate(2, otherProviders = $$props.otherProviders);
+    		if ('isLoading' in $$props) $$invalidate(3, isLoading = $$props.isLoading);
+    		if ('customStylingContainer' in $$props) $$invalidate(0, customStylingContainer = $$props.customStylingContainer);
     	};
 
     	if ($$props && "$$inject" in $$props) {
@@ -6345,20 +6333,20 @@
     			lang && setActiveLanguage();
     		}
 
-    		if ($$self.$$.dirty & /*clientstyling*/ 512) {
-    			clientstyling && setClientStyling();
+    		if ($$self.$$.dirty & /*clientstyling, customStylingContainer*/ 513) {
+    			clientstyling && customStylingContainer && setClientStyling();
     		}
 
-    		if ($$self.$$.dirty & /*clientstylingurl*/ 1024) {
-    			clientstylingurl && setClientStylingURL();
+    		if ($$self.$$.dirty & /*clientstylingurl, customStylingContainer*/ 1025) {
+    			clientstylingurl && customStylingContainer && setClientStylingURL();
     		}
     	};
 
     	return [
+    		customStylingContainer,
     		topProviders,
     		otherProviders,
     		isLoading,
-    		customStylingContainer,
     		$_,
     		openGameProviderPage,
     		endpoint,
@@ -6507,12 +6495,12 @@
     			div2 = element("div");
     			casino_providers = element("casino-providers");
     			this.c = noop;
-    			attr_dev(button0, "class", button0_class_value = "HeaderButton " + (/*activeTab*/ ctx[9] === 'categories' ? 'Active' : ''));
-    			add_location(button0, file, 55, 6, 1747);
-    			attr_dev(button1, "class", button1_class_value = "HeaderButton " + (/*activeTab*/ ctx[9] === 'providers' ? 'Active' : ''));
-    			add_location(button1, file, 58, 6, 1924);
+    			attr_dev(button0, "class", button0_class_value = "HeaderButton " + (/*activeTab*/ ctx[10] === 'categories' ? 'Active' : ''));
+    			add_location(button0, file, 55, 6, 1799);
+    			attr_dev(button1, "class", button1_class_value = "HeaderButton " + (/*activeTab*/ ctx[10] === 'providers' ? 'Active' : ''));
+    			add_location(button1, file, 58, 6, 1976);
     			attr_dev(div0, "class", "Header");
-    			add_location(div0, file, 54, 4, 1720);
+    			add_location(div0, file, 54, 4, 1772);
     			set_custom_element_data(casino_categories, "endpoint", /*endpointcategories*/ ctx[0]);
     			set_custom_element_data(casino_categories, "datasource", /*datasourcecategories*/ ctx[1]);
     			set_custom_element_data(casino_categories, "activecategory", /*activecategory*/ ctx[2]);
@@ -6520,24 +6508,28 @@
     			set_custom_element_data(casino_categories, "lang", /*lang*/ ctx[6]);
     			set_custom_element_data(casino_categories, "clientstyling", /*clientstyling*/ ctx[7]);
     			set_custom_element_data(casino_categories, "clientstylingurl", /*clientstylingurl*/ ctx[8]);
-    			add_location(casino_categories, file, 64, 6, 2179);
-    			attr_dev(div1, "class", div1_class_value = /*activeTab*/ ctx[9] === 'providers' ? 'NotVisible' : '');
-    			add_location(div1, file, 63, 4, 2112);
+    			add_location(casino_categories, file, 64, 6, 2231);
+
+    			attr_dev(div1, "class", div1_class_value = /*activeTab*/ ctx[10] === 'providers'
+    			? 'NotVisible'
+    			: '');
+
+    			add_location(div1, file, 63, 4, 2164);
     			set_custom_element_data(casino_providers, "endpoint", /*endpointproviders*/ ctx[3]);
     			set_custom_element_data(casino_providers, "datasource", /*datasourceproviders*/ ctx[4]);
     			set_custom_element_data(casino_providers, "lang", /*lang*/ ctx[6]);
     			set_custom_element_data(casino_providers, "clientstyling", /*clientstyling*/ ctx[7]);
     			set_custom_element_data(casino_providers, "clientstylingurl", /*clientstylingurl*/ ctx[8]);
-    			add_location(casino_providers, file, 75, 6, 2511);
+    			add_location(casino_providers, file, 75, 6, 2563);
 
-    			attr_dev(div2, "class", div2_class_value = /*activeTab*/ ctx[9] === 'categories'
+    			attr_dev(div2, "class", div2_class_value = /*activeTab*/ ctx[10] === 'categories'
     			? 'NotVisible'
     			: '');
 
-    			add_location(div2, file, 74, 4, 2443);
+    			add_location(div2, file, 74, 4, 2495);
     			attr_dev(div3, "class", "CasinoCategoriesProviders");
-    			add_location(div3, file, 53, 2, 1676);
-    			add_location(div4, file, 52, 0, 1633);
+    			add_location(div3, file, 53, 2, 1728);
+    			add_location(div4, file, 52, 0, 1685);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -6571,13 +6563,13 @@
     		p: function update(ctx, [dirty]) {
     			if (dirty & /*$_*/ 2048 && t0_value !== (t0_value = /*$_*/ ctx[11]('Translations.categories') + "")) set_data_dev(t0, t0_value);
 
-    			if (dirty & /*activeTab*/ 512 && button0_class_value !== (button0_class_value = "HeaderButton " + (/*activeTab*/ ctx[9] === 'categories' ? 'Active' : ''))) {
+    			if (dirty & /*activeTab*/ 1024 && button0_class_value !== (button0_class_value = "HeaderButton " + (/*activeTab*/ ctx[10] === 'categories' ? 'Active' : ''))) {
     				attr_dev(button0, "class", button0_class_value);
     			}
 
     			if (dirty & /*$_*/ 2048 && t2_value !== (t2_value = /*$_*/ ctx[11]('Translations.providers') + "")) set_data_dev(t2, t2_value);
 
-    			if (dirty & /*activeTab*/ 512 && button1_class_value !== (button1_class_value = "HeaderButton " + (/*activeTab*/ ctx[9] === 'providers' ? 'Active' : ''))) {
+    			if (dirty & /*activeTab*/ 1024 && button1_class_value !== (button1_class_value = "HeaderButton " + (/*activeTab*/ ctx[10] === 'providers' ? 'Active' : ''))) {
     				attr_dev(button1, "class", button1_class_value);
     			}
 
@@ -6609,7 +6601,9 @@
     				set_custom_element_data(casino_categories, "clientstylingurl", /*clientstylingurl*/ ctx[8]);
     			}
 
-    			if (dirty & /*activeTab*/ 512 && div1_class_value !== (div1_class_value = /*activeTab*/ ctx[9] === 'providers' ? 'NotVisible' : '')) {
+    			if (dirty & /*activeTab*/ 1024 && div1_class_value !== (div1_class_value = /*activeTab*/ ctx[10] === 'providers'
+    			? 'NotVisible'
+    			: '')) {
     				attr_dev(div1, "class", div1_class_value);
     			}
 
@@ -6633,7 +6627,7 @@
     				set_custom_element_data(casino_providers, "clientstylingurl", /*clientstylingurl*/ ctx[8]);
     			}
 
-    			if (dirty & /*activeTab*/ 512 && div2_class_value !== (div2_class_value = /*activeTab*/ ctx[9] === 'categories'
+    			if (dirty & /*activeTab*/ 1024 && div2_class_value !== (div2_class_value = /*activeTab*/ ctx[10] === 'categories'
     			? 'NotVisible'
     			: '')) {
     				attr_dev(div2, "class", div2_class_value);
@@ -6685,7 +6679,7 @@
 
     	const toggleTab = type => {
     		if (activeTab === type) return;
-    		$$invalidate(9, activeTab = type);
+    		$$invalidate(10, activeTab = type);
     	};
 
     	const setActiveLanguage = () => {
@@ -6746,7 +6740,7 @@
     	function div4_binding($$value) {
     		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
     			customStylingContainer = $$value;
-    			$$invalidate(10, customStylingContainer);
+    			$$invalidate(9, customStylingContainer);
     		});
     	}
 
@@ -6796,8 +6790,8 @@
     		if ('lang' in $$props) $$invalidate(6, lang = $$props.lang);
     		if ('clientstyling' in $$props) $$invalidate(7, clientstyling = $$props.clientstyling);
     		if ('clientstylingurl' in $$props) $$invalidate(8, clientstylingurl = $$props.clientstylingurl);
-    		if ('activeTab' in $$props) $$invalidate(9, activeTab = $$props.activeTab);
-    		if ('customStylingContainer' in $$props) $$invalidate(10, customStylingContainer = $$props.customStylingContainer);
+    		if ('activeTab' in $$props) $$invalidate(10, activeTab = $$props.activeTab);
+    		if ('customStylingContainer' in $$props) $$invalidate(9, customStylingContainer = $$props.customStylingContainer);
     		if ('displayNone' in $$props) displayNone = $$props.displayNone;
     	};
 
@@ -6810,12 +6804,12 @@
     			lang && setActiveLanguage();
     		}
 
-    		if ($$self.$$.dirty & /*clientstyling*/ 128) {
-    			clientstyling && setClientStyling();
+    		if ($$self.$$.dirty & /*clientstyling, customStylingContainer*/ 640) {
+    			clientstyling && customStylingContainer && setClientStyling();
     		}
 
-    		if ($$self.$$.dirty & /*clientstylingurl*/ 256) {
-    			clientstylingurl && setClientStylingURL();
+    		if ($$self.$$.dirty & /*clientstylingurl, customStylingContainer*/ 768) {
+    			clientstylingurl && customStylingContainer && setClientStylingURL();
     		}
     	};
 
@@ -6829,8 +6823,8 @@
     		lang,
     		clientstyling,
     		clientstylingurl,
-    		activeTab,
     		customStylingContainer,
+    		activeTab,
     		$_,
     		toggleTab,
     		click_handler,