@everymatrix/casino-categories-providers 1.0.11 → 1.0.14

package/dist/casino-categories-providers.js

@@ -4788,22 +4788,22 @@
 
     /* ../casino-categories/src/CasinoCategories.svelte generated by Svelte v3.48.0 */
 
-    const { Object: Object_1$2 } = globals;
+    const { Object: Object_1$2, console: console_1$2 } = globals;
     const file$2 = "../casino-categories/src/CasinoCategories.svelte";
 
     function get_each_context$1(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[22] = list[i];
+    	child_ctx[24] = list[i];
     	return child_ctx;
     }
 
     function get_each_context_1$1(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[22] = list[i];
+    	child_ctx[24] = list[i];
     	return child_ctx;
     }
 
-    // (69:2) {:else}
+    // (82:2) {:else}
     function create_else_block$1(ctx) {
     	let div;
     	let h40;
@@ -4852,11 +4852,11 @@
     			}
 
     			attr_dev(h40, "class", "CategoryTitle");
-    			add_location(h40, file$2, 70, 4, 2682);
+    			add_location(h40, file$2, 83, 4, 3049);
     			attr_dev(h41, "class", "CategoryTitle");
-    			add_location(h41, file$2, 80, 4, 3164);
+    			add_location(h41, file$2, 93, 4, 3531);
     			attr_dev(div, "class", "CasinoCategories");
-    			add_location(div, file$2, 69, 2, 2647);
+    			add_location(div, file$2, 82, 2, 3014);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -4941,14 +4941,14 @@
     		block,
     		id: create_else_block$1.name,
     		type: "else",
-    		source: "(69:2) {:else}",
+    		source: "(82:2) {:else}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (67:2) {#if isLoading}
+    // (80:2) {#if isLoading}
     function create_if_block$1(ctx) {
     	let p;
 
@@ -4957,7 +4957,7 @@
     			p = element("p");
     			p.textContent = "Loading, please wait...";
     			attr_dev(p, "class", "Message");
-    			add_location(p, file$2, 67, 2, 2588);
+    			add_location(p, file$2, 80, 2, 2955);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -4972,14 +4972,14 @@
     		block,
     		id: create_if_block$1.name,
     		type: "if",
-    		source: "(67:2) {#if isLoading}",
+    		source: "(80:2) {#if isLoading}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (72:4) {#each topCategories as category}
+    // (85:4) {#each topCategories as category}
     function create_each_block_1$1(ctx) {
     	let div1;
     	let img;
@@ -4988,11 +4988,11 @@
     	let t0;
     	let div0;
     	let p0;
-    	let t1_value = /*category*/ ctx[22].name + "";
+    	let t1_value = /*category*/ ctx[24].name + "";
     	let t1;
     	let t2;
     	let p1;
-    	let t3_value = /*category*/ ctx[22].games.count + "";
+    	let t3_value = /*category*/ ctx[24].games.count + "";
     	let t3;
     	let t4;
     	let t5_value = /*$_*/ ctx[5]('Translations.games') + "";
@@ -5002,7 +5002,7 @@
     	let dispose;
 
     	function click_handler() {
-    		return /*click_handler*/ ctx[13](/*category*/ ctx[22]);
+    		return /*click_handler*/ ctx[14](/*category*/ ctx[24]);
     	}
 
     	const block = {
@@ -5018,20 +5018,20 @@
     			t3 = text(t3_value);
     			t4 = space();
     			t5 = text(t5_value);
-    			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);
+    			if (!src_url_equal(img.src, img_src_value = /*category*/ ctx[24].icon)) attr_dev(img, "src", img_src_value);
+    			attr_dev(img, "alt", img_alt_value = /*category*/ ctx[24].name);
     			attr_dev(img, "class", "CategoryImage");
-    			add_location(img, file$2, 73, 6, 2868);
-    			add_location(p0, file$2, 75, 8, 3036);
-    			add_location(p1, file$2, 76, 8, 3067);
+    			add_location(img, file$2, 86, 6, 3235);
+    			add_location(p0, file$2, 88, 8, 3403);
+    			add_location(p1, file$2, 89, 8, 3434);
     			attr_dev(div0, "class", "CategoryTextContainer");
-    			add_location(div0, file$2, 74, 6, 2992);
+    			add_location(div0, file$2, 87, 6, 3359);
 
-    			attr_dev(div1, "class", div1_class_value = "Category " + (/*activecategory*/ ctx[0] === /*category*/ ctx[22].id
+    			attr_dev(div1, "class", div1_class_value = "Category " + (/*activecategory*/ ctx[0] === /*category*/ ctx[24].id
     			? "Active"
     			: ""));
 
-    			add_location(div1, file$2, 72, 4, 2790);
+    			add_location(div1, file$2, 85, 4, 3157);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div1, anchor);
@@ -5054,19 +5054,19 @@
     		p: function update(new_ctx, dirty) {
     			ctx = new_ctx;
 
-    			if (dirty & /*topCategories*/ 8 && !src_url_equal(img.src, img_src_value = /*category*/ ctx[22].icon)) {
+    			if (dirty & /*topCategories*/ 8 && !src_url_equal(img.src, img_src_value = /*category*/ ctx[24].icon)) {
     				attr_dev(img, "src", img_src_value);
     			}
 
-    			if (dirty & /*topCategories*/ 8 && img_alt_value !== (img_alt_value = /*category*/ ctx[22].name)) {
+    			if (dirty & /*topCategories*/ 8 && img_alt_value !== (img_alt_value = /*category*/ ctx[24].name)) {
     				attr_dev(img, "alt", img_alt_value);
     			}
 
-    			if (dirty & /*topCategories*/ 8 && t1_value !== (t1_value = /*category*/ ctx[22].name + "")) set_data_dev(t1, t1_value);
-    			if (dirty & /*topCategories*/ 8 && t3_value !== (t3_value = /*category*/ ctx[22].games.count + "")) set_data_dev(t3, t3_value);
+    			if (dirty & /*topCategories*/ 8 && t1_value !== (t1_value = /*category*/ ctx[24].name + "")) set_data_dev(t1, t1_value);
+    			if (dirty & /*topCategories*/ 8 && t3_value !== (t3_value = /*category*/ ctx[24].games.count + "")) set_data_dev(t3, t3_value);
     			if (dirty & /*$_*/ 32 && t5_value !== (t5_value = /*$_*/ ctx[5]('Translations.games') + "")) set_data_dev(t5, t5_value);
 
-    			if (dirty & /*activecategory, topCategories*/ 9 && div1_class_value !== (div1_class_value = "Category " + (/*activecategory*/ ctx[0] === /*category*/ ctx[22].id
+    			if (dirty & /*activecategory, topCategories*/ 9 && div1_class_value !== (div1_class_value = "Category " + (/*activecategory*/ ctx[0] === /*category*/ ctx[24].id
     			? "Active"
     			: ""))) {
     				attr_dev(div1, "class", div1_class_value);
@@ -5083,14 +5083,14 @@
     		block,
     		id: create_each_block_1$1.name,
     		type: "each",
-    		source: "(72:4) {#each topCategories as category}",
+    		source: "(85:4) {#each topCategories as category}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (82:4) {#each otherCategories as category}
+    // (95:4) {#each otherCategories as category}
     function create_each_block$1(ctx) {
     	let div1;
     	let img;
@@ -5099,11 +5099,11 @@
     	let t0;
     	let div0;
     	let p0;
-    	let t1_value = /*category*/ ctx[22].name + "";
+    	let t1_value = /*category*/ ctx[24].name + "";
     	let t1;
     	let t2;
     	let p1;
-    	let t3_value = /*category*/ ctx[22].games.count + "";
+    	let t3_value = /*category*/ ctx[24].games.count + "";
     	let t3;
     	let t4;
     	let t5_value = /*$_*/ ctx[5]('Translations.games') + "";
@@ -5114,7 +5114,7 @@
     	let dispose;
 
     	function click_handler_1() {
-    		return /*click_handler_1*/ ctx[14](/*category*/ ctx[22]);
+    		return /*click_handler_1*/ ctx[15](/*category*/ ctx[24]);
     	}
 
     	const block = {
@@ -5131,20 +5131,20 @@
     			t4 = space();
     			t5 = text(t5_value);
     			t6 = space();
-    			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);
+    			if (!src_url_equal(img.src, img_src_value = /*category*/ ctx[24].icon)) attr_dev(img, "src", img_src_value);
+    			attr_dev(img, "alt", img_alt_value = /*category*/ ctx[24].name);
     			attr_dev(img, "class", "CategoryImage");
-    			add_location(img, file$2, 83, 6, 3355);
-    			add_location(p0, file$2, 85, 8, 3522);
-    			add_location(p1, file$2, 86, 8, 3553);
+    			add_location(img, file$2, 96, 6, 3722);
+    			add_location(p0, file$2, 98, 8, 3889);
+    			add_location(p1, file$2, 99, 8, 3920);
     			attr_dev(div0, "class", "CategoryTextContainer");
-    			add_location(div0, file$2, 84, 6, 3478);
+    			add_location(div0, file$2, 97, 6, 3845);
 
-    			attr_dev(div1, "class", div1_class_value = "Category " + (/*activecategory*/ ctx[0] === /*category*/ ctx[22].id
+    			attr_dev(div1, "class", div1_class_value = "Category " + (/*activecategory*/ ctx[0] === /*category*/ ctx[24].id
     			? "Active"
     			: ""));
 
-    			add_location(div1, file$2, 82, 4, 3276);
+    			add_location(div1, file$2, 95, 4, 3643);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div1, anchor);
@@ -5168,19 +5168,19 @@
     		p: function update(new_ctx, dirty) {
     			ctx = new_ctx;
 
-    			if (dirty & /*otherCategories*/ 16 && !src_url_equal(img.src, img_src_value = /*category*/ ctx[22].icon)) {
+    			if (dirty & /*otherCategories*/ 16 && !src_url_equal(img.src, img_src_value = /*category*/ ctx[24].icon)) {
     				attr_dev(img, "src", img_src_value);
     			}
 
-    			if (dirty & /*otherCategories*/ 16 && img_alt_value !== (img_alt_value = /*category*/ ctx[22].name)) {
+    			if (dirty & /*otherCategories*/ 16 && img_alt_value !== (img_alt_value = /*category*/ ctx[24].name)) {
     				attr_dev(img, "alt", img_alt_value);
     			}
 
-    			if (dirty & /*otherCategories*/ 16 && t1_value !== (t1_value = /*category*/ ctx[22].name + "")) set_data_dev(t1, t1_value);
-    			if (dirty & /*otherCategories*/ 16 && t3_value !== (t3_value = /*category*/ ctx[22].games.count + "")) set_data_dev(t3, t3_value);
+    			if (dirty & /*otherCategories*/ 16 && t1_value !== (t1_value = /*category*/ ctx[24].name + "")) set_data_dev(t1, t1_value);
+    			if (dirty & /*otherCategories*/ 16 && t3_value !== (t3_value = /*category*/ ctx[24].games.count + "")) set_data_dev(t3, t3_value);
     			if (dirty & /*$_*/ 32 && t5_value !== (t5_value = /*$_*/ ctx[5]('Translations.games') + "")) set_data_dev(t5, t5_value);
 
-    			if (dirty & /*activecategory, otherCategories*/ 17 && div1_class_value !== (div1_class_value = "Category " + (/*activecategory*/ ctx[0] === /*category*/ ctx[22].id
+    			if (dirty & /*activecategory, otherCategories*/ 17 && div1_class_value !== (div1_class_value = "Category " + (/*activecategory*/ ctx[0] === /*category*/ ctx[24].id
     			? "Active"
     			: ""))) {
     				attr_dev(div1, "class", div1_class_value);
@@ -5197,7 +5197,7 @@
     		block,
     		id: create_each_block$1.name,
     		type: "each",
-    		source: "(82:4) {#each otherCategories as category}",
+    		source: "(95:4) {#each otherCategories as category}",
     		ctx
     	});
 
@@ -5220,7 +5220,7 @@
     			div = element("div");
     			if_block.c();
     			this.c = noop;
-    			add_location(div, file$2, 65, 0, 2527);
+    			add_location(div, file$2, 78, 0, 2894);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -5228,7 +5228,7 @@
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
     			if_block.m(div, null);
-    			/*div_binding*/ ctx[15](div);
+    			/*div_binding*/ ctx[16](div);
     		},
     		p: function update(ctx, [dirty]) {
     			if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block) {
@@ -5248,7 +5248,7 @@
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(div);
     			if_block.d();
-    			/*div_binding*/ ctx[15](null);
+    			/*div_binding*/ ctx[16](null);
     		}
     	};
 
@@ -5276,6 +5276,7 @@
     	let { excludedflags = '' } = $$props;
     	let { clientstyling = '' } = $$props;
     	let { clientstylingurl = '' } = $$props;
+    	let { translationUrl = '' } = $$props;
     	let customStylingContainer;
     	let displayNone = false;
     	let isLoading = false;
@@ -5287,6 +5288,18 @@
     		addNewMessages$1(item, Translations$1[item]);
     	});
 
+    	const setTranslationUrl = () => {
+    		let url = translationUrl;
+
+    		fetch(url).then(res => res.json()).then(res => {
+    			Object.keys(res).forEach(item => {
+    				addNewMessages$1(item, res[item]);
+    			});
+    		}).catch(err => {
+    			console.log(err);
+    		});
+    	};
+
     	const getCategories = () => {
     		$$invalidate(2, isLoading = true);
     		const url = new URL(`${endpoint}/casino/groups/${datasource}`);
@@ -5358,11 +5371,12 @@
     		'activecategory',
     		'excludedflags',
     		'clientstyling',
-    		'clientstylingurl'
+    		'clientstylingurl',
+    		'translationUrl'
     	];
 
     	Object_1$2.keys($$props).forEach(key => {
-    		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<undefined> was created with unknown prop '${key}'`);
+    		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console_1$2.warn(`<undefined> was created with unknown prop '${key}'`);
     	});
 
     	const click_handler = category => openGameCategory(category.id);
@@ -5383,6 +5397,7 @@
     		if ('excludedflags' in $$props) $$invalidate(10, excludedflags = $$props.excludedflags);
     		if ('clientstyling' in $$props) $$invalidate(11, clientstyling = $$props.clientstyling);
     		if ('clientstylingurl' in $$props) $$invalidate(12, clientstylingurl = $$props.clientstylingurl);
+    		if ('translationUrl' in $$props) $$invalidate(13, translationUrl = $$props.translationUrl);
     	};
 
     	$$self.$capture_state = () => ({
@@ -5397,12 +5412,14 @@
     		excludedflags,
     		clientstyling,
     		clientstylingurl,
+    		translationUrl,
     		customStylingContainer,
     		displayNone,
     		isLoading,
     		categories,
     		topCategories,
     		otherCategories,
+    		setTranslationUrl,
     		getCategories,
     		openGameCategory,
     		setActiveLanguage,
@@ -5419,6 +5436,7 @@
     		if ('excludedflags' in $$props) $$invalidate(10, excludedflags = $$props.excludedflags);
     		if ('clientstyling' in $$props) $$invalidate(11, clientstyling = $$props.clientstyling);
     		if ('clientstylingurl' in $$props) $$invalidate(12, clientstylingurl = $$props.clientstylingurl);
+    		if ('translationUrl' in $$props) $$invalidate(13, translationUrl = $$props.translationUrl);
     		if ('customStylingContainer' in $$props) $$invalidate(1, customStylingContainer = $$props.customStylingContainer);
     		if ('displayNone' in $$props) displayNone = $$props.displayNone;
     		if ('isLoading' in $$props) $$invalidate(2, isLoading = $$props.isLoading);
@@ -5435,6 +5453,10 @@
     			endpoint && datasource && getCategories();
     		}
 
+    		if ($$self.$$.dirty & /*translationUrl*/ 8192) {
+    			translationUrl && setTranslationUrl();
+    		}
+
     		if ($$self.$$.dirty & /*lang*/ 512) {
     			lang && setActiveLanguage();
     		}
@@ -5462,6 +5484,7 @@
     		excludedflags,
     		clientstyling,
     		clientstylingurl,
+    		translationUrl,
     		click_handler,
     		click_handler_1,
     		div_binding
@@ -5490,7 +5513,8 @@
     				activecategory: 0,
     				excludedflags: 10,
     				clientstyling: 11,
-    				clientstylingurl: 12
+    				clientstylingurl: 12,
+    				translationUrl: 13
     			},
     			null
     		);
@@ -5515,7 +5539,8 @@
     			"activecategory",
     			"excludedflags",
     			"clientstyling",
-    			"clientstylingurl"
+    			"clientstylingurl",
+    			"translationUrl"
     		];
     	}
 
@@ -5581,6 +5606,15 @@
     		this.$$set({ clientstylingurl });
     		flush();
     	}
+
+    	get translationUrl() {
+    		return this.$$.ctx[13];
+    	}
+
+    	set translationUrl(translationUrl) {
+    		this.$$set({ translationUrl });
+    		flush();
+    	}
     }
 
     !customElements.get('casino-categories') && customElements.define('casino-categories', CasinoCategories);
@@ -5718,22 +5752,22 @@
 
     /* ../casino-providers/src/CasinoProviders.svelte generated by Svelte v3.48.0 */
 
-    const { Object: Object_1$1 } = globals;
+    const { Object: Object_1$1, console: console_1$1 } = globals;
     const file$1 = "../casino-providers/src/CasinoProviders.svelte";
 
     function get_each_context(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[19] = list[i];
+    	child_ctx[21] = list[i];
     	return child_ctx;
     }
 
     function get_each_context_1(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[19] = list[i];
+    	child_ctx[21] = list[i];
     	return child_ctx;
     }
 
-    // (67:4) {:else}
+    // (80:4) {:else}
     function create_else_block(ctx) {
     	let h40;
     	let t0_value = /*$_*/ ctx[4]('Translations.popularProviders') + "";
@@ -5782,9 +5816,9 @@
 
     			each1_anchor = empty();
     			attr_dev(h40, "class", "ProviderTitle");
-    			add_location(h40, file$1, 67, 4, 2507);
+    			add_location(h40, file$1, 80, 4, 2874);
     			attr_dev(h41, "class", "ProviderTitle");
-    			add_location(h41, file$1, 77, 6, 2997);
+    			add_location(h41, file$1, 90, 6, 3364);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, h40, anchor);
@@ -5875,14 +5909,14 @@
     		block,
     		id: create_else_block.name,
     		type: "else",
-    		source: "(67:4) {:else}",
+    		source: "(80:4) {:else}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (65:4) {#if isLoading === true}
+    // (78:4) {#if isLoading === true}
     function create_if_block(ctx) {
     	let p;
     	let t_value = /*$_*/ ctx[4]('Translations.loading') + "";
@@ -5893,7 +5927,7 @@
     			p = element("p");
     			t = text(t_value);
     			attr_dev(p, "class", "Message");
-    			add_location(p, file$1, 65, 6, 2437);
+    			add_location(p, file$1, 78, 6, 2804);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -5911,14 +5945,14 @@
     		block,
     		id: create_if_block.name,
     		type: "if",
-    		source: "(65:4) {#if isLoading === true}",
+    		source: "(78:4) {#if isLoading === true}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (69:6) {#each topProviders as provider}
+    // (82:6) {#each topProviders as provider}
     function create_each_block_1(ctx) {
     	let div1;
     	let img;
@@ -5927,11 +5961,11 @@
     	let t0;
     	let div0;
     	let p0;
-    	let t1_value = /*provider*/ ctx[19].name + "";
+    	let t1_value = /*provider*/ ctx[21].name + "";
     	let t1;
     	let t2;
     	let p1;
-    	let t3_value = /*provider*/ ctx[19].games.count + "";
+    	let t3_value = /*provider*/ ctx[21].games.count + "";
     	let t3;
     	let t4;
     	let t5_value = /*$_*/ ctx[4]('Translations.games') + "";
@@ -5940,7 +5974,7 @@
     	let dispose;
 
     	function click_handler() {
-    		return /*click_handler*/ ctx[11](/*provider*/ ctx[19]);
+    		return /*click_handler*/ ctx[12](/*provider*/ ctx[21]);
     	}
 
     	const block = {
@@ -5956,16 +5990,16 @@
     			t3 = text(t3_value);
     			t4 = space();
     			t5 = text(t5_value);
-    			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);
+    			if (!src_url_equal(img.src, img_src_value = /*provider*/ ctx[21].logo)) attr_dev(img, "src", img_src_value);
+    			attr_dev(img, "alt", img_alt_value = /*provider*/ ctx[21].name);
     			attr_dev(img, "class", "ProviderImage");
-    			add_location(img, file$1, 70, 8, 2733);
-    			add_location(p0, file$1, 72, 10, 2859);
-    			add_location(p1, file$1, 73, 10, 2892);
+    			add_location(img, file$1, 83, 8, 3100);
+    			add_location(p0, file$1, 85, 10, 3226);
+    			add_location(p1, file$1, 86, 10, 3259);
     			attr_dev(div0, "class", "ProviderTextContainer");
-    			add_location(div0, file$1, 71, 8, 2813);
+    			add_location(div0, file$1, 84, 8, 3180);
     			attr_dev(div1, "class", "Provider");
-    			add_location(div1, file$1, 69, 6, 2621);
+    			add_location(div1, file$1, 82, 6, 2988);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div1, anchor);
@@ -5988,16 +6022,16 @@
     		p: function update(new_ctx, dirty) {
     			ctx = new_ctx;
 
-    			if (dirty & /*topProviders*/ 2 && !src_url_equal(img.src, img_src_value = /*provider*/ ctx[19].logo)) {
+    			if (dirty & /*topProviders*/ 2 && !src_url_equal(img.src, img_src_value = /*provider*/ ctx[21].logo)) {
     				attr_dev(img, "src", img_src_value);
     			}
 
-    			if (dirty & /*topProviders*/ 2 && img_alt_value !== (img_alt_value = /*provider*/ ctx[19].name)) {
+    			if (dirty & /*topProviders*/ 2 && img_alt_value !== (img_alt_value = /*provider*/ ctx[21].name)) {
     				attr_dev(img, "alt", img_alt_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 & /*topProviders*/ 2 && t1_value !== (t1_value = /*provider*/ ctx[21].name + "")) set_data_dev(t1, t1_value);
+    			if (dirty & /*topProviders*/ 2 && t3_value !== (t3_value = /*provider*/ ctx[21].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 +6045,14 @@
     		block,
     		id: create_each_block_1.name,
     		type: "each",
-    		source: "(69:6) {#each topProviders as provider}",
+    		source: "(82:6) {#each topProviders as provider}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (79:6) {#each otherProviders as provider}
+    // (92:6) {#each otherProviders as provider}
     function create_each_block(ctx) {
     	let div1;
     	let img;
@@ -6027,11 +6061,11 @@
     	let t0;
     	let div0;
     	let p0;
-    	let t1_value = /*provider*/ ctx[19].name + "";
+    	let t1_value = /*provider*/ ctx[21].name + "";
     	let t1;
     	let t2;
     	let p1;
-    	let t3_value = /*provider*/ ctx[19].games.count + "";
+    	let t3_value = /*provider*/ ctx[21].games.count + "";
     	let t3;
     	let t4;
     	let t5_value = /*$_*/ ctx[4]('Translations.games') + "";
@@ -6041,7 +6075,7 @@
     	let dispose;
 
     	function click_handler_1() {
-    		return /*click_handler_1*/ ctx[12](/*provider*/ ctx[19]);
+    		return /*click_handler_1*/ ctx[13](/*provider*/ ctx[21]);
     	}
 
     	const block = {
@@ -6058,16 +6092,16 @@
     			t4 = space();
     			t5 = text(t5_value);
     			t6 = space();
-    			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);
+    			if (!src_url_equal(img.src, img_src_value = /*provider*/ ctx[21].logo)) attr_dev(img, "src", img_src_value);
+    			attr_dev(img, "alt", img_alt_value = /*provider*/ ctx[21].name);
     			attr_dev(img, "class", "ProviderImage");
-    			add_location(img, file$1, 80, 10, 3227);
-    			add_location(p0, file$1, 82, 12, 3357);
-    			add_location(p1, file$1, 83, 12, 3392);
+    			add_location(img, file$1, 93, 10, 3594);
+    			add_location(p0, file$1, 95, 12, 3724);
+    			add_location(p1, file$1, 96, 12, 3759);
     			attr_dev(div0, "class", "ProviderTextContainer");
-    			add_location(div0, file$1, 81, 10, 3309);
+    			add_location(div0, file$1, 94, 10, 3676);
     			attr_dev(div1, "class", "Provider");
-    			add_location(div1, file$1, 79, 8, 3113);
+    			add_location(div1, file$1, 92, 8, 3480);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div1, anchor);
@@ -6091,16 +6125,16 @@
     		p: function update(new_ctx, dirty) {
     			ctx = new_ctx;
 
-    			if (dirty & /*otherProviders*/ 4 && !src_url_equal(img.src, img_src_value = /*provider*/ ctx[19].logo)) {
+    			if (dirty & /*otherProviders*/ 4 && !src_url_equal(img.src, img_src_value = /*provider*/ ctx[21].logo)) {
     				attr_dev(img, "src", img_src_value);
     			}
 
-    			if (dirty & /*otherProviders*/ 4 && img_alt_value !== (img_alt_value = /*provider*/ ctx[19].name)) {
+    			if (dirty & /*otherProviders*/ 4 && img_alt_value !== (img_alt_value = /*provider*/ ctx[21].name)) {
     				attr_dev(img, "alt", img_alt_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 & /*otherProviders*/ 4 && t1_value !== (t1_value = /*provider*/ ctx[21].name + "")) set_data_dev(t1, t1_value);
+    			if (dirty & /*otherProviders*/ 4 && t3_value !== (t3_value = /*provider*/ ctx[21].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 +6148,7 @@
     		block,
     		id: create_each_block.name,
     		type: "each",
-    		source: "(79:6) {#each otherProviders as provider}",
+    		source: "(92:6) {#each otherProviders as provider}",
     		ctx
     	});
 
@@ -6140,8 +6174,8 @@
     			if_block.c();
     			this.c = noop;
     			attr_dev(div0, "class", "CasinoProviders");
-    			add_location(div0, file$1, 63, 2, 2372);
-    			add_location(div1, file$1, 62, 0, 2329);
+    			add_location(div0, file$1, 76, 2, 2739);
+    			add_location(div1, file$1, 75, 0, 2696);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -6150,7 +6184,7 @@
     			insert_dev(target, div1, anchor);
     			append_dev(div1, div0);
     			if_block.m(div0, null);
-    			/*div1_binding*/ ctx[13](div1);
+    			/*div1_binding*/ ctx[14](div1);
     		},
     		p: function update(ctx, [dirty]) {
     			if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block) {
@@ -6170,7 +6204,7 @@
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(div1);
     			if_block.d();
-    			/*div1_binding*/ ctx[13](null);
+    			/*div1_binding*/ ctx[14](null);
     		}
     	};
 
@@ -6196,12 +6230,25 @@
     	let { lang = 'en' } = $$props;
     	let { clientstyling = '' } = $$props;
     	let { clientstylingurl = '' } = $$props;
+    	let { translationUrl = '' } = $$props;
     	let providers = [];
     	let topProviders = [];
     	let otherProviders = [];
     	let isLoading = false;
     	let customStylingContainer;
 
+    	const setTranslationUrl = () => {
+    		let url = translationUrl;
+
+    		fetch(url).then(res => res.json()).then(res => {
+    			Object.keys(res).forEach(item => {
+    				addNewMessages(item, res[item]);
+    			});
+    		}).catch(err => {
+    			console.log(err);
+    		});
+    	};
+
     	Object.keys(Translations).forEach(item => {
     		addNewMessages(item, Translations[item]);
     	});
@@ -6260,10 +6307,17 @@
     		});
     	};
 
-    	const writable_props = ['endpoint', 'datasource', 'lang', 'clientstyling', 'clientstylingurl'];
+    	const writable_props = [
+    		'endpoint',
+    		'datasource',
+    		'lang',
+    		'clientstyling',
+    		'clientstylingurl',
+    		'translationUrl'
+    	];
 
     	Object_1$1.keys($$props).forEach(key => {
-    		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<undefined> was created with unknown prop '${key}'`);
+    		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console_1$1.warn(`<undefined> was created with unknown prop '${key}'`);
     	});
 
     	const click_handler = provider => openGameProviderPage(provider.id, provider.name, provider.logo);
@@ -6282,6 +6336,7 @@
     		if ('lang' in $$props) $$invalidate(8, lang = $$props.lang);
     		if ('clientstyling' in $$props) $$invalidate(9, clientstyling = $$props.clientstyling);
     		if ('clientstylingurl' in $$props) $$invalidate(10, clientstylingurl = $$props.clientstylingurl);
+    		if ('translationUrl' in $$props) $$invalidate(11, translationUrl = $$props.translationUrl);
     	};
 
     	$$self.$capture_state = () => ({
@@ -6294,11 +6349,13 @@
     		lang,
     		clientstyling,
     		clientstylingurl,
+    		translationUrl,
     		providers,
     		topProviders,
     		otherProviders,
     		isLoading,
     		customStylingContainer,
+    		setTranslationUrl,
     		getProviders,
     		openGameProviderPage,
     		setActiveLanguage,
@@ -6313,6 +6370,7 @@
     		if ('lang' in $$props) $$invalidate(8, lang = $$props.lang);
     		if ('clientstyling' in $$props) $$invalidate(9, clientstyling = $$props.clientstyling);
     		if ('clientstylingurl' in $$props) $$invalidate(10, clientstylingurl = $$props.clientstylingurl);
+    		if ('translationUrl' in $$props) $$invalidate(11, translationUrl = $$props.translationUrl);
     		if ('providers' in $$props) providers = $$props.providers;
     		if ('topProviders' in $$props) $$invalidate(1, topProviders = $$props.topProviders);
     		if ('otherProviders' in $$props) $$invalidate(2, otherProviders = $$props.otherProviders);
@@ -6333,6 +6391,10 @@
     			lang && setActiveLanguage();
     		}
 
+    		if ($$self.$$.dirty & /*translationUrl*/ 2048) {
+    			translationUrl && setTranslationUrl();
+    		}
+
     		if ($$self.$$.dirty & /*clientstyling, customStylingContainer*/ 513) {
     			clientstyling && customStylingContainer && setClientStyling();
     		}
@@ -6354,6 +6416,7 @@
     		lang,
     		clientstyling,
     		clientstylingurl,
+    		translationUrl,
     		click_handler,
     		click_handler_1,
     		div1_binding
@@ -6380,7 +6443,8 @@
     				datasource: 7,
     				lang: 8,
     				clientstyling: 9,
-    				clientstylingurl: 10
+    				clientstylingurl: 10,
+    				translationUrl: 11
     			},
     			null
     		);
@@ -6398,7 +6462,14 @@
     	}
 
     	static get observedAttributes() {
-    		return ["endpoint", "datasource", "lang", "clientstyling", "clientstylingurl"];
+    		return [
+    			"endpoint",
+    			"datasource",
+    			"lang",
+    			"clientstyling",
+    			"clientstylingurl",
+    			"translationUrl"
+    		];
     	}
 
     	get endpoint() {
@@ -6445,13 +6516,22 @@
     		this.$$set({ clientstylingurl });
     		flush();
     	}
+
+    	get translationUrl() {
+    		return this.$$.ctx[11];
+    	}
+
+    	set translationUrl(translationUrl) {
+    		this.$$set({ translationUrl });
+    		flush();
+    	}
     }
 
     !customElements.get('casino-providers') && customElements.define('casino-providers', CasinoProviders);
 
     /* src/CasinoCategoriesProviders.svelte generated by Svelte v3.48.0 */
 
-    const { Object: Object_1 } = globals;
+    const { Object: Object_1, console: console_1 } = globals;
     const file = "src/CasinoCategoriesProviders.svelte";
 
     function create_fragment(ctx) {
@@ -6496,11 +6576,11 @@
     			casino_providers = element("casino-providers");
     			this.c = noop;
     			attr_dev(button0, "class", button0_class_value = "HeaderButton " + (/*activeTab*/ ctx[10] === 'categories' ? 'Active' : ''));
-    			add_location(button0, file, 55, 6, 1799);
+    			add_location(button0, file, 68, 6, 2166);
     			attr_dev(button1, "class", button1_class_value = "HeaderButton " + (/*activeTab*/ ctx[10] === 'providers' ? 'Active' : ''));
-    			add_location(button1, file, 58, 6, 1976);
+    			add_location(button1, file, 71, 6, 2343);
     			attr_dev(div0, "class", "Header");
-    			add_location(div0, file, 54, 4, 1772);
+    			add_location(div0, file, 67, 4, 2139);
     			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]);
@@ -6508,28 +6588,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, 2231);
+    			add_location(casino_categories, file, 77, 6, 2598);
 
     			attr_dev(div1, "class", div1_class_value = /*activeTab*/ ctx[10] === 'providers'
     			? 'NotVisible'
     			: '');
 
-    			add_location(div1, file, 63, 4, 2164);
+    			add_location(div1, file, 76, 4, 2531);
     			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, 2563);
+    			add_location(casino_providers, file, 88, 6, 2930);
 
     			attr_dev(div2, "class", div2_class_value = /*activeTab*/ ctx[10] === 'categories'
     			? 'NotVisible'
     			: '');
 
-    			add_location(div2, file, 74, 4, 2495);
+    			add_location(div2, file, 87, 4, 2862);
     			attr_dev(div3, "class", "CasinoCategoriesProviders");
-    			add_location(div3, file, 53, 2, 1728);
-    			add_location(div4, file, 52, 0, 1685);
+    			add_location(div3, file, 66, 2, 2095);
+    			add_location(div4, file, 65, 0, 2052);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -6549,12 +6629,12 @@
     			append_dev(div3, t4);
     			append_dev(div3, div2);
     			append_dev(div2, casino_providers);
-    			/*div4_binding*/ ctx[15](div4);
+    			/*div4_binding*/ ctx[16](div4);
 
     			if (!mounted) {
     				dispose = [
-    					listen_dev(button0, "click", /*click_handler*/ ctx[13], false, false, false),
-    					listen_dev(button1, "click", /*click_handler_1*/ ctx[14], false, false, false)
+    					listen_dev(button0, "click", /*click_handler*/ ctx[14], false, false, false),
+    					listen_dev(button1, "click", /*click_handler_1*/ ctx[15], false, false, false)
     				];
 
     				mounted = true;
@@ -6637,7 +6717,7 @@
     		o: noop,
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(div4);
-    			/*div4_binding*/ ctx[15](null);
+    			/*div4_binding*/ ctx[16](null);
     			mounted = false;
     			run_all(dispose);
     		}
@@ -6669,10 +6749,23 @@
     	let { lang = 'en' } = $$props;
     	let { clientstyling = '' } = $$props;
     	let { clientstylingurl = '' } = $$props;
+    	let { translationUrl = '' } = $$props;
     	let activeTab = 'categories';
     	let customStylingContainer;
     	let displayNone = false;
 
+    	const setTranslationUrl = () => {
+    		let url = translationUrl;
+
+    		fetch(url).then(res => res.json()).then(res => {
+    			Object.keys(res).forEach(item => {
+    				addNewMessages$2(item, res[item]);
+    			});
+    		}).catch(err => {
+    			console.log(err);
+    		});
+    	};
+
     	Object.keys(Translations$2).forEach(item => {
     		addNewMessages$2(item, Translations$2[item]);
     	});
@@ -6727,11 +6820,12 @@
     		'excludedflags',
     		'lang',
     		'clientstyling',
-    		'clientstylingurl'
+    		'clientstylingurl',
+    		'translationUrl'
     	];
 
     	Object_1.keys($$props).forEach(key => {
-    		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<undefined> was created with unknown prop '${key}'`);
+    		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console_1.warn(`<undefined> was created with unknown prop '${key}'`);
     	});
 
     	const click_handler = () => toggleTab('categories');
@@ -6754,6 +6848,7 @@
     		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 ('translationUrl' in $$props) $$invalidate(13, translationUrl = $$props.translationUrl);
     	};
 
     	$$self.$capture_state = () => ({
@@ -6770,9 +6865,11 @@
     		lang,
     		clientstyling,
     		clientstylingurl,
+    		translationUrl,
     		activeTab,
     		customStylingContainer,
     		displayNone,
+    		setTranslationUrl,
     		toggleTab,
     		setActiveLanguage,
     		setClientStyling,
@@ -6790,6 +6887,7 @@
     		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 ('translationUrl' in $$props) $$invalidate(13, translationUrl = $$props.translationUrl);
     		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;
@@ -6800,6 +6898,10 @@
     	}
 
     	$$self.$$.update = () => {
+    		if ($$self.$$.dirty & /*translationUrl*/ 8192) {
+    			translationUrl && setTranslationUrl();
+    		}
+
     		if ($$self.$$.dirty & /*lang*/ 64) {
     			lang && setActiveLanguage();
     		}
@@ -6827,6 +6929,7 @@
     		activeTab,
     		$_,
     		toggleTab,
+    		translationUrl,
     		click_handler,
     		click_handler_1,
     		div4_binding
@@ -6857,7 +6960,8 @@
     				excludedflags: 5,
     				lang: 6,
     				clientstyling: 7,
-    				clientstylingurl: 8
+    				clientstylingurl: 8,
+    				translationUrl: 13
     			},
     			null
     		);
@@ -6884,7 +6988,8 @@
     			"excludedflags",
     			"lang",
     			"clientstyling",
-    			"clientstylingurl"
+    			"clientstylingurl",
+    			"translationUrl"
     		];
     	}
 
@@ -6968,6 +7073,15 @@
     		this.$$set({ clientstylingurl });
     		flush();
     	}
+
+    	get translationUrl() {
+    		return this.$$.ctx[13];
+    	}
+
+    	set translationUrl(translationUrl) {
+    		this.$$set({ translationUrl });
+    		flush();
+    	}
     }
 
     !customElements.get('casino-categories-providers') && customElements.define('casino-categories-providers', CasinoCategoriesProviders);