@everymatrix/casino-categories-providers 0.0.345 → 0.0.347

package/dist/casino-categories-providers.js

@@ -75,6 +75,9 @@
     function space() {
         return text(' ');
     }
+    function empty() {
+        return text('');
+    }
     function listen(node, event, handler, options) {
         node.addEventListener(event, handler, options);
         return () => node.removeEventListener(event, handler, options);
@@ -4562,8 +4565,8 @@
       },
       de: {
         Translations: {
-          categories: "Categories",
-          providers: "Suppliers",
+          categories: "Kategorien",
+          providers: "Anbieter",
         },
       },
       it: {
@@ -4598,8 +4601,8 @@
       },
       ro: {
         Translations: {
-          categories: "Categories",
-          providers: "Suppliers",
+          categories: "Categorii",
+          providers: "Furnizori",
         },
       },
       hr: {
@@ -4659,10 +4662,10 @@
       },
       de: {
         Translations: {
-          topCategories: "Top Categories",
-          otherCategories: "Other Categories",
-          loading: "Loading, please wait...",
-          games: "games",
+          topCategories: "Top Kategorien",
+          otherCategories: "Weitere Kategorien",
+          loading: "Es lädt, bitte warten...",
+          games: "Spiele",
         },
       },
       it: {
@@ -4707,10 +4710,10 @@
       },
       ro: {
         Translations: {
-          topCategories: "Top Categories",
-          otherCategories: "Other Categories",
-          loading: "Loading, please wait...",
-          games: "games",
+          topCategories: "Categorii de top",
+          otherCategories: "Alte categorii",
+          loading: "Se incarca, te rugam asteapta…",
+          games: "jocuri",
         },
       },
       hr: {
@@ -4774,14 +4777,14 @@
     	return child_ctx;
     }
 
-    function get_each_context_1(ctx, list, i) {
+    function get_each_context_1$1(ctx, list, i) {
     	const child_ctx = ctx.slice();
     	child_ctx[21] = list[i];
     	return child_ctx;
     }
 
     // (65:2) {:else}
-    function create_else_block(ctx) {
+    function create_else_block$1(ctx) {
     	let div;
     	let h40;
     	let t0_value = /*$_*/ ctx[5]('Translations.topCategories') + "";
@@ -4797,7 +4800,7 @@
     	let each_blocks_1 = [];
 
     	for (let i = 0; i < each_value_1.length; i += 1) {
-    		each_blocks_1[i] = create_each_block_1(get_each_context_1(ctx, each_value_1, i));
+    		each_blocks_1[i] = create_each_block_1$1(get_each_context_1$1(ctx, each_value_1, i));
     	}
 
     	let each_value = /*otherCategories*/ ctx[4];
@@ -4863,12 +4866,12 @@
     				let i;
 
     				for (i = 0; i < each_value_1.length; i += 1) {
-    					const child_ctx = get_each_context_1(ctx, each_value_1, i);
+    					const child_ctx = get_each_context_1$1(ctx, each_value_1, i);
 
     					if (each_blocks_1[i]) {
     						each_blocks_1[i].p(child_ctx, dirty);
     					} else {
-    						each_blocks_1[i] = create_each_block_1(child_ctx);
+    						each_blocks_1[i] = create_each_block_1$1(child_ctx);
     						each_blocks_1[i].c();
     						each_blocks_1[i].m(div, t2);
     					}
@@ -4916,7 +4919,7 @@
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_else_block.name,
+    		id: create_else_block$1.name,
     		type: "else",
     		source: "(65:2) {:else}",
     		ctx
@@ -4926,7 +4929,7 @@
     }
 
     // (63:2) {#if isLoading}
-    function create_if_block(ctx) {
+    function create_if_block$1(ctx) {
     	let p;
 
     	const block = {
@@ -4947,7 +4950,7 @@
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_if_block.name,
+    		id: create_if_block$1.name,
     		type: "if",
     		source: "(63:2) {#if isLoading}",
     		ctx
@@ -4957,7 +4960,7 @@
     }
 
     // (68:4) {#each topCategories as category}
-    function create_each_block_1(ctx) {
+    function create_each_block_1$1(ctx) {
     	let div1;
     	let img;
     	let img_src_value;
@@ -5058,7 +5061,7 @@
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_each_block_1.name,
+    		id: create_each_block_1$1.name,
     		type: "each",
     		source: "(68:4) {#each topCategories as category}",
     		ctx
@@ -5185,8 +5188,8 @@
     	let div;
 
     	function select_block_type(ctx, dirty) {
-    		if (/*isLoading*/ ctx[2]) return create_if_block;
-    		return create_else_block;
+    		if (/*isLoading*/ ctx[2]) return create_if_block$1;
+    		return create_else_block$1;
     	}
 
     	let current_block_type = select_block_type(ctx);
@@ -5539,20 +5542,23 @@
         Translations: {
           popularProviders: "Popular Suppliers",
           otherProviders: "Other Suppliers",
+          loading: "Loading, please wait...",
           games: "games",
         },
       },
       de: {
         Translations: {
-          popularProviders: "Popular Suppliers",
-          otherProviders: "Other Suppliers",
-          games: "games",
+          popularProviders: "Beliebte Anbieter",
+          otherProviders: "Weitere Anbieter",
+          loading: "Es lädt, bitte warten...",
+          games: "Spiele",
         },
       },
       it: {
         Translations: {
           popularProviders: "Popular Suppliers",
           otherProviders: "Other Suppliers",
+          loading: "Loading, please wait",
           games: "games",
         },
       },
@@ -5560,6 +5566,7 @@
         Translations: {
           popularProviders: "Popular Suppliers",
           otherProviders: "Other Suppliers",
+          loading: "Loading, please wait",
           games: "games",
         },
       },
@@ -5567,6 +5574,7 @@
         Translations: {
           popularProviders: "Popular Suppliers",
           otherProviders: "Other Suppliers",
+          loading: "Loading, please wait",
           games: "games",
         },
       },
@@ -5574,6 +5582,7 @@
         Translations: {
           popularProviders: "Popular Suppliers",
           otherProviders: "Other Suppliers",
+          loading: "Loading, please wait",
           games: "games",
         },
       },
@@ -5581,20 +5590,23 @@
         Translations: {
           popularProviders: "Popular Suppliers",
           otherProviders: "Other Suppliers",
+          loading: "Loading, please wait",
           games: "games",
         },
       },
       ro: {
         Translations: {
-          popularProviders: "Popular Suppliers",
-          otherProviders: "Other Suppliers",
-          games: "games",
+          popularProviders: "Furnizori de top",
+          otherProviders: "Alti furnizori",
+          loading: "Se incarca, te rugam asteapta…",
+          games: "jocuri",
         },
       },
       hr: {
         Translations: {
           popularProviders: "Popular Suppliers",
           otherProviders: "Other Suppliers",
+          loading: "Loading, please wait",
           games: "games",
         },
       },
@@ -5602,6 +5614,7 @@
         Translations: {
           popularProviders: "Popular Suppliers",
           otherProviders: "Other Suppliers",
+          loading: "Loading, please wait",
           games: "games",
         },
       },
@@ -5609,6 +5622,7 @@
         Translations: {
           popularProviders: "Popular Suppliers",
           otherProviders: "Other Suppliers",
+          loading: "Loading, please wait",
           games: "games",
         },
       },
@@ -5616,6 +5630,7 @@
         Translations: {
           popularProviders: "Popular Suppliers",
           otherProviders: "Other Suppliers",
+          loading: "Loading, please wait",
           games: "games",
         },
       },
@@ -5623,6 +5638,7 @@
         Translations: {
           popularProviders: "Popular Suppliers",
           otherProviders: "Other Suppliers",
+          loading: "Loading, please wait",
           games: "games",
         },
       },
@@ -5630,6 +5646,7 @@
         Translations: {
           popularProviders: "Popular Suppliers",
           otherProviders: "Other Suppliers",
+          loading: "Loading, please wait",
           games: "games",
         },
       },
@@ -5650,11 +5667,302 @@
 
     function get_each_context(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[15] = list[i];
+    	child_ctx[20] = list[i];
     	return child_ctx;
     }
 
-    // (59:2) {#each providers as provider}
+    function get_each_context_1(ctx, list, i) {
+    	const child_ctx = ctx.slice();
+    	child_ctx[20] = list[i];
+    	return child_ctx;
+    }
+
+    // (71:4) {:else}
+    function create_else_block(ctx) {
+    	let h40;
+    	let t0_value = /*$_*/ ctx[4]('Translations.popularProviders') + "";
+    	let t0;
+    	let t1;
+    	let t2;
+    	let h41;
+    	let t3_value = /*$_*/ ctx[4]('Translations.otherProviders') + "";
+    	let t3;
+    	let t4;
+    	let each1_anchor;
+    	let each_value_1 = /*topProviders*/ ctx[0];
+    	validate_each_argument(each_value_1);
+    	let each_blocks_1 = [];
+
+    	for (let i = 0; i < each_value_1.length; i += 1) {
+    		each_blocks_1[i] = create_each_block_1(get_each_context_1(ctx, each_value_1, i));
+    	}
+
+    	let each_value = /*otherProviders*/ ctx[1];
+    	validate_each_argument(each_value);
+    	let each_blocks = [];
+
+    	for (let i = 0; i < each_value.length; i += 1) {
+    		each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
+    	}
+
+    	const block = {
+    		c: function create() {
+    			h40 = element("h4");
+    			t0 = text(t0_value);
+    			t1 = space();
+
+    			for (let i = 0; i < each_blocks_1.length; i += 1) {
+    				each_blocks_1[i].c();
+    			}
+
+    			t2 = space();
+    			h41 = element("h4");
+    			t3 = text(t3_value);
+    			t4 = space();
+
+    			for (let i = 0; i < each_blocks.length; i += 1) {
+    				each_blocks[i].c();
+    			}
+
+    			each1_anchor = empty();
+    			attr_dev(h40, "class", "ProviderTitle");
+    			add_location(h40, file$1, 71, 4, 2593);
+    			attr_dev(h41, "class", "ProviderTitle");
+    			add_location(h41, file$1, 81, 6, 3083);
+    		},
+    		m: function mount(target, anchor) {
+    			insert_dev(target, h40, anchor);
+    			append_dev(h40, t0);
+    			insert_dev(target, t1, anchor);
+
+    			for (let i = 0; i < each_blocks_1.length; i += 1) {
+    				each_blocks_1[i].m(target, anchor);
+    			}
+
+    			insert_dev(target, t2, anchor);
+    			insert_dev(target, h41, anchor);
+    			append_dev(h41, t3);
+    			insert_dev(target, t4, anchor);
+
+    			for (let i = 0; i < each_blocks.length; i += 1) {
+    				each_blocks[i].m(target, anchor);
+    			}
+
+    			insert_dev(target, each1_anchor, anchor);
+    		},
+    		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];
+    				validate_each_argument(each_value_1);
+    				let i;
+
+    				for (i = 0; i < each_value_1.length; i += 1) {
+    					const child_ctx = get_each_context_1(ctx, each_value_1, i);
+
+    					if (each_blocks_1[i]) {
+    						each_blocks_1[i].p(child_ctx, dirty);
+    					} else {
+    						each_blocks_1[i] = create_each_block_1(child_ctx);
+    						each_blocks_1[i].c();
+    						each_blocks_1[i].m(t2.parentNode, t2);
+    					}
+    				}
+
+    				for (; i < each_blocks_1.length; i += 1) {
+    					each_blocks_1[i].d(1);
+    				}
+
+    				each_blocks_1.length = each_value_1.length;
+    			}
+
+    			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];
+    				validate_each_argument(each_value);
+    				let i;
+
+    				for (i = 0; i < each_value.length; i += 1) {
+    					const child_ctx = get_each_context(ctx, each_value, i);
+
+    					if (each_blocks[i]) {
+    						each_blocks[i].p(child_ctx, dirty);
+    					} else {
+    						each_blocks[i] = create_each_block(child_ctx);
+    						each_blocks[i].c();
+    						each_blocks[i].m(each1_anchor.parentNode, each1_anchor);
+    					}
+    				}
+
+    				for (; i < each_blocks.length; i += 1) {
+    					each_blocks[i].d(1);
+    				}
+
+    				each_blocks.length = each_value.length;
+    			}
+    		},
+    		d: function destroy(detaching) {
+    			if (detaching) detach_dev(h40);
+    			if (detaching) detach_dev(t1);
+    			destroy_each(each_blocks_1, detaching);
+    			if (detaching) detach_dev(t2);
+    			if (detaching) detach_dev(h41);
+    			if (detaching) detach_dev(t4);
+    			destroy_each(each_blocks, detaching);
+    			if (detaching) detach_dev(each1_anchor);
+    		}
+    	};
+
+    	dispatch_dev("SvelteRegisterBlock", {
+    		block,
+    		id: create_else_block.name,
+    		type: "else",
+    		source: "(71:4) {:else}",
+    		ctx
+    	});
+
+    	return block;
+    }
+
+    // (69:4) {#if isLoading === true}
+    function create_if_block(ctx) {
+    	let p;
+    	let t_value = /*$_*/ ctx[4]('Translations.loading') + "";
+    	let t;
+
+    	const block = {
+    		c: function create() {
+    			p = element("p");
+    			t = text(t_value);
+    			attr_dev(p, "class", "Message");
+    			add_location(p, file$1, 69, 6, 2523);
+    		},
+    		m: function mount(target, anchor) {
+    			insert_dev(target, p, anchor);
+    			append_dev(p, t);
+    		},
+    		p: function update(ctx, dirty) {
+    			if (dirty & /*$_*/ 16 && t_value !== (t_value = /*$_*/ ctx[4]('Translations.loading') + "")) set_data_dev(t, t_value);
+    		},
+    		d: function destroy(detaching) {
+    			if (detaching) detach_dev(p);
+    		}
+    	};
+
+    	dispatch_dev("SvelteRegisterBlock", {
+    		block,
+    		id: create_if_block.name,
+    		type: "if",
+    		source: "(69:4) {#if isLoading === true}",
+    		ctx
+    	});
+
+    	return block;
+    }
+
+    // (73:6) {#each topProviders as provider}
+    function create_each_block_1(ctx) {
+    	let div1;
+    	let img;
+    	let img_src_value;
+    	let img_alt_value;
+    	let t0;
+    	let div0;
+    	let p0;
+    	let t1_value = /*provider*/ ctx[20].name + "";
+    	let t1;
+    	let t2;
+    	let p1;
+    	let t3_value = /*provider*/ ctx[20].games.count + "";
+    	let t3;
+    	let t4;
+    	let t5_value = /*$_*/ ctx[4]('Translations.games') + "";
+    	let t5;
+    	let mounted;
+    	let dispose;
+
+    	function click_handler() {
+    		return /*click_handler*/ ctx[11](/*provider*/ ctx[20]);
+    	}
+
+    	const block = {
+    		c: function create() {
+    			div1 = element("div");
+    			img = element("img");
+    			t0 = space();
+    			div0 = element("div");
+    			p0 = element("p");
+    			t1 = text(t1_value);
+    			t2 = space();
+    			p1 = element("p");
+    			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);
+    			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);
+    			attr_dev(div0, "class", "ProviderTextContainer");
+    			add_location(div0, file$1, 75, 8, 2899);
+    			attr_dev(div1, "class", "Provider");
+    			add_location(div1, file$1, 73, 6, 2707);
+    		},
+    		m: function mount(target, anchor) {
+    			insert_dev(target, div1, anchor);
+    			append_dev(div1, img);
+    			append_dev(div1, t0);
+    			append_dev(div1, div0);
+    			append_dev(div0, p0);
+    			append_dev(p0, t1);
+    			append_dev(div0, t2);
+    			append_dev(div0, p1);
+    			append_dev(p1, t3);
+    			append_dev(p1, t4);
+    			append_dev(p1, t5);
+
+    			if (!mounted) {
+    				dispose = listen_dev(div1, "click", click_handler, false, false, false);
+    				mounted = true;
+    			}
+    		},
+    		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)) {
+    				attr_dev(img, "src", img_src_value);
+    			}
+
+    			if (dirty & /*topProviders*/ 1 && img_alt_value !== (img_alt_value = /*provider*/ ctx[20].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 & /*$_*/ 16 && t5_value !== (t5_value = /*$_*/ ctx[4]('Translations.games') + "")) set_data_dev(t5, t5_value);
+    		},
+    		d: function destroy(detaching) {
+    			if (detaching) detach_dev(div1);
+    			mounted = false;
+    			dispose();
+    		}
+    	};
+
+    	dispatch_dev("SvelteRegisterBlock", {
+    		block,
+    		id: create_each_block_1.name,
+    		type: "each",
+    		source: "(73:6) {#each topProviders as provider}",
+    		ctx
+    	});
+
+    	return block;
+    }
+
+    // (83:6) {#each otherProviders as provider}
     function create_each_block(ctx) {
     	let div1;
     	let img;
@@ -5663,21 +5971,21 @@
     	let t0;
     	let div0;
     	let p0;
-    	let t1_value = /*provider*/ ctx[15].name + "";
+    	let t1_value = /*provider*/ ctx[20].name + "";
     	let t1;
     	let t2;
     	let p1;
-    	let t3_value = /*provider*/ ctx[15].games.count + "";
+    	let t3_value = /*provider*/ ctx[20].games.count + "";
     	let t3;
     	let t4;
-    	let t5_value = /*$_*/ ctx[1]('Translations.games') + "";
+    	let t5_value = /*$_*/ ctx[4]('Translations.games') + "";
     	let t5;
     	let t6;
     	let mounted;
     	let dispose;
 
-    	function click_handler() {
-    		return /*click_handler*/ ctx[8](/*provider*/ ctx[15]);
+    	function click_handler_1() {
+    		return /*click_handler_1*/ ctx[12](/*provider*/ ctx[20]);
     	}
 
     	const block = {
@@ -5694,16 +6002,16 @@
     			t4 = space();
     			t5 = text(t5_value);
     			t6 = space();
-    			if (!src_url_equal(img.src, img_src_value = /*provider*/ ctx[15].image)) attr_dev(img, "src", img_src_value);
-    			attr_dev(img, "alt", img_alt_value = /*provider*/ ctx[15].name);
+    			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);
     			attr_dev(img, "class", "ProviderImage");
-    			add_location(img, file$1, 60, 4, 1904);
-    			add_location(p0, file$1, 62, 6, 2073);
-    			add_location(p1, file$1, 63, 6, 2102);
+    			add_location(img, file$1, 84, 10, 3313);
+    			add_location(p0, file$1, 86, 12, 3443);
+    			add_location(p1, file$1, 87, 12, 3478);
     			attr_dev(div0, "class", "ProviderTextContainer");
-    			add_location(div0, file$1, 61, 4, 2031);
+    			add_location(div0, file$1, 85, 10, 3395);
     			attr_dev(div1, "class", "Provider");
-    			add_location(div1, file$1, 59, 2, 1877);
+    			add_location(div1, file$1, 83, 8, 3199);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div1, anchor);
@@ -5720,24 +6028,24 @@
     			append_dev(div1, t6);
 
     			if (!mounted) {
-    				dispose = listen_dev(img, "click", click_handler, false, false, false);
+    				dispose = listen_dev(div1, "click", click_handler_1, false, false, false);
     				mounted = true;
     			}
     		},
     		p: function update(new_ctx, dirty) {
     			ctx = new_ctx;
 
-    			if (dirty & /*providers*/ 1 && !src_url_equal(img.src, img_src_value = /*provider*/ ctx[15].image)) {
+    			if (dirty & /*otherProviders*/ 2 && !src_url_equal(img.src, img_src_value = /*provider*/ ctx[20].logo)) {
     				attr_dev(img, "src", img_src_value);
     			}
 
-    			if (dirty & /*providers*/ 1 && img_alt_value !== (img_alt_value = /*provider*/ ctx[15].name)) {
+    			if (dirty & /*otherProviders*/ 2 && img_alt_value !== (img_alt_value = /*provider*/ ctx[20].name)) {
     				attr_dev(img, "alt", img_alt_value);
     			}
 
-    			if (dirty & /*providers*/ 1 && t1_value !== (t1_value = /*provider*/ ctx[15].name + "")) set_data_dev(t1, t1_value);
-    			if (dirty & /*providers*/ 1 && t3_value !== (t3_value = /*provider*/ ctx[15].games.count + "")) set_data_dev(t3, t3_value);
-    			if (dirty & /*$_*/ 2 && t5_value !== (t5_value = /*$_*/ ctx[1]('Translations.games') + "")) set_data_dev(t5, t5_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 & /*$_*/ 16 && t5_value !== (t5_value = /*$_*/ ctx[4]('Translations.games') + "")) set_data_dev(t5, t5_value);
     		},
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(div1);
@@ -5750,7 +6058,7 @@
     		block,
     		id: create_each_block.name,
     		type: "each",
-    		source: "(59:2) {#each providers as provider}",
+    		source: "(83:6) {#each otherProviders as provider}",
     		ctx
     	});
 
@@ -5758,76 +6066,55 @@
     }
 
     function create_fragment$1(ctx) {
-    	let div;
-    	let h4;
-    	let t1;
-    	let each_value = /*providers*/ ctx[0];
-    	validate_each_argument(each_value);
-    	let each_blocks = [];
+    	let div1;
+    	let div0;
 
-    	for (let i = 0; i < each_value.length; i += 1) {
-    		each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
+    	function select_block_type(ctx, dirty) {
+    		if (/*isLoading*/ ctx[2] === true) return create_if_block;
+    		return create_else_block;
     	}
 
+    	let current_block_type = select_block_type(ctx);
+    	let if_block = current_block_type(ctx);
+
     	const block = {
     		c: function create() {
-    			div = element("div");
-    			h4 = element("h4");
-    			h4.textContent = "Providers";
-    			t1 = space();
-
-    			for (let i = 0; i < each_blocks.length; i += 1) {
-    				each_blocks[i].c();
-    			}
-
+    			div1 = element("div");
+    			div0 = element("div");
+    			if_block.c();
     			this.c = noop;
-    			attr_dev(h4, "class", "ProviderTitle");
-    			add_location(h4, file$1, 57, 2, 1802);
-    			attr_dev(div, "class", "CasinoProviders");
-    			add_location(div, file$1, 56, 0, 1770);
+    			attr_dev(div0, "class", "CasinoProviders");
+    			add_location(div0, file$1, 67, 2, 2458);
+    			add_location(div1, file$1, 66, 0, 2415);
     		},
     		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, div, anchor);
-    			append_dev(div, h4);
-    			append_dev(div, t1);
-
-    			for (let i = 0; i < each_blocks.length; i += 1) {
-    				each_blocks[i].m(div, null);
-    			}
+    			insert_dev(target, div1, anchor);
+    			append_dev(div1, div0);
+    			if_block.m(div0, null);
+    			/*div1_binding*/ ctx[13](div1);
     		},
     		p: function update(ctx, [dirty]) {
-    			if (dirty & /*$_, providers, openGameProviderPage*/ 7) {
-    				each_value = /*providers*/ ctx[0];
-    				validate_each_argument(each_value);
-    				let i;
-
-    				for (i = 0; i < each_value.length; i += 1) {
-    					const child_ctx = get_each_context(ctx, each_value, i);
-
-    					if (each_blocks[i]) {
-    						each_blocks[i].p(child_ctx, dirty);
-    					} else {
-    						each_blocks[i] = create_each_block(child_ctx);
-    						each_blocks[i].c();
-    						each_blocks[i].m(div, null);
-    					}
-    				}
+    			if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block) {
+    				if_block.p(ctx, dirty);
+    			} else {
+    				if_block.d(1);
+    				if_block = current_block_type(ctx);
 
-    				for (; i < each_blocks.length; i += 1) {
-    					each_blocks[i].d(1);
+    				if (if_block) {
+    					if_block.c();
+    					if_block.m(div0, null);
     				}
-
-    				each_blocks.length = each_value.length;
     			}
     		},
     		i: noop,
     		o: noop,
     		d: function destroy(detaching) {
-    			if (detaching) detach_dev(div);
-    			destroy_each(each_blocks, detaching);
+    			if (detaching) detach_dev(div1);
+    			if_block.d();
+    			/*div1_binding*/ ctx[13](null);
     		}
     	};
 
@@ -5845,7 +6132,7 @@
     function instance$1($$self, $$props, $$invalidate) {
     	let $_;
     	validate_store(Y, '_');
-    	component_subscribe($$self, Y, $$value => $$invalidate(1, $_ = $$value));
+    	component_subscribe($$self, Y, $$value => $$invalidate(4, $_ = $$value));
     	let { $$slots: slots = {}, $$scope } = $$props;
     	validate_slots('undefined', slots, []);
     	let { endpoint = '' } = $$props;
@@ -5854,6 +6141,9 @@
     	let { clientstyling = '' } = $$props;
     	let { clientstylingurl = '' } = $$props;
     	let providers = [];
+    	let topProviders = [];
+    	let otherProviders = [];
+    	let isLoading = false;
     	let customStylingContainer;
     	let displayNone = false;
 
@@ -5862,18 +6152,30 @@
     	});
 
     	const getProviders = () => {
-    		let url = new URL(`${endpoint}`);
-    		url.searchParams.append('language', lang);
-    		url.searchParams.append('datasource', datasource);
+    		$$invalidate(2, 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.href).then(res => res.json()).then(data => {
-    			providers.push(...data.items);
-    			$$invalidate(0, providers);
+    		fetch(url).then(res => res.json()).then(data => {
+    			$$invalidate(2, 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));
+    			let allSubVendors = [];
+    			allSubVendors = providers.flatMap(item => item.subVendors);
+    			otherProviders.push(...allSubVendors.filter(subVendor => subVendor.games.count > 0));
     		});
     	};
 
-    	const openGameProviderPage = providerId => {
-    		window.postMessage({ type: 'OpenGameProvider', providerId });
+    	const openGameProviderPage = (providerId, providerName, providerLogo) => {
+    		window.postMessage({
+    			type: 'OpenGameProvider',
+    			providerId,
+    			providerName,
+    			providerLogo
+    		});
     	};
 
     	const setActiveLanguage = () => {
@@ -5918,14 +6220,22 @@
     		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<undefined> was created with unknown prop '${key}'`);
     	});
 
-    	const click_handler = provider => openGameProviderPage(provider.id);
+    	const click_handler = provider => openGameProviderPage(provider.id, provider.name, provider.logo);
+    	const click_handler_1 = provider => openGameProviderPage(provider.id, provider.name, provider.logo);
+
+    	function div1_binding($$value) {
+    		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
+    			customStylingContainer = $$value;
+    			$$invalidate(3, customStylingContainer);
+    		});
+    	}
 
     	$$self.$$set = $$props => {
-    		if ('endpoint' in $$props) $$invalidate(3, endpoint = $$props.endpoint);
-    		if ('datasource' in $$props) $$invalidate(4, datasource = $$props.datasource);
-    		if ('lang' in $$props) $$invalidate(5, lang = $$props.lang);
-    		if ('clientstyling' in $$props) $$invalidate(6, clientstyling = $$props.clientstyling);
-    		if ('clientstylingurl' in $$props) $$invalidate(7, clientstylingurl = $$props.clientstylingurl);
+    		if ('endpoint' in $$props) $$invalidate(6, endpoint = $$props.endpoint);
+    		if ('datasource' in $$props) $$invalidate(7, datasource = $$props.datasource);
+    		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);
     	};
 
     	$$self.$capture_state = () => ({
@@ -5939,6 +6249,9 @@
     		clientstyling,
     		clientstylingurl,
     		providers,
+    		topProviders,
+    		otherProviders,
+    		isLoading,
     		customStylingContainer,
     		displayNone,
     		getProviders,
@@ -5950,13 +6263,16 @@
     	});
 
     	$$self.$inject_state = $$props => {
-    		if ('endpoint' in $$props) $$invalidate(3, endpoint = $$props.endpoint);
-    		if ('datasource' in $$props) $$invalidate(4, datasource = $$props.datasource);
-    		if ('lang' in $$props) $$invalidate(5, lang = $$props.lang);
-    		if ('clientstyling' in $$props) $$invalidate(6, clientstyling = $$props.clientstyling);
-    		if ('clientstylingurl' in $$props) $$invalidate(7, clientstylingurl = $$props.clientstylingurl);
-    		if ('providers' in $$props) $$invalidate(0, providers = $$props.providers);
-    		if ('customStylingContainer' in $$props) customStylingContainer = $$props.customStylingContainer;
+    		if ('endpoint' in $$props) $$invalidate(6, endpoint = $$props.endpoint);
+    		if ('datasource' in $$props) $$invalidate(7, datasource = $$props.datasource);
+    		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 ('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;
     	};
 
@@ -5965,25 +6281,28 @@
     	}
 
     	$$self.$$.update = () => {
-    		if ($$self.$$.dirty & /*endpoint, lang*/ 40) {
-    			endpoint && lang && getProviders();
+    		if ($$self.$$.dirty & /*endpoint, lang, datasource*/ 448) {
+    			endpoint && lang && datasource && getProviders();
     		}
 
-    		if ($$self.$$.dirty & /*lang*/ 32) {
+    		if ($$self.$$.dirty & /*lang*/ 256) {
     			lang && setActiveLanguage();
     		}
 
-    		if ($$self.$$.dirty & /*clientstyling*/ 64) {
+    		if ($$self.$$.dirty & /*clientstyling*/ 512) {
     			clientstyling && setClientStyling();
     		}
 
-    		if ($$self.$$.dirty & /*clientstylingurl*/ 128) {
+    		if ($$self.$$.dirty & /*clientstylingurl*/ 1024) {
     			clientstylingurl && setClientStylingURL();
     		}
     	};
 
     	return [
-    		providers,
+    		topProviders,
+    		otherProviders,
+    		isLoading,
+    		customStylingContainer,
     		$_,
     		openGameProviderPage,
     		endpoint,
@@ -5991,14 +6310,16 @@
     		lang,
     		clientstyling,
     		clientstylingurl,
-    		click_handler
+    		click_handler,
+    		click_handler_1,
+    		div1_binding
     	];
     }
 
     class CasinoProviders 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}.CasinoProviders{display:flex;flex-direction:column;gap:1rem;padding:10px 60px}.ProviderTitle{font-weight:500;position:relative;right:30px;margin:10px 0}.Provider{border-radius:7px;display:flex;align-items:center;gap:16px;max-width:300px}.ProviderTextContainer{display:flex;flex-direction:column;justify-content:center;gap:10px;font-size:15px}.ProviderTextContainer p:first-child{font-weight:600}.ProviderTextContainer p:last-child{color:#828282;font-weight:300}.ProviderImage{border-radius:4px;object-fit:contain;height:64px;width:64px;font-weight:100;border:.5px solid #f3f3f3;overflow:hidden}</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}.CasinoProviders{display:flex;flex-direction:column;gap:1rem;padding:10px 60px}.ProviderTitle{font-weight:500;position:relative;right:30px;margin:10px 0}.Provider{border-radius:7px;display:flex;align-items:center;gap:16px;max-width:300px}.ProviderTextContainer{display:flex;flex-direction:column;justify-content:center;gap:10px;font-size:15px}.ProviderTextContainer p:first-child{font-weight:600}.ProviderTextContainer p:last-child{color:#828282;font-weight:300}.ProviderImage{border-radius:4px;object-fit:contain;height:64px;width:64px;font-weight:100;border:.5px solid #e4e2e2;overflow:hidden;object-fit:contain}.Message{font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}</style>`;
 
     		init(
     			this,
@@ -6011,11 +6332,11 @@
     			create_fragment$1,
     			safe_not_equal,
     			{
-    				endpoint: 3,
-    				datasource: 4,
-    				lang: 5,
-    				clientstyling: 6,
-    				clientstylingurl: 7
+    				endpoint: 6,
+    				datasource: 7,
+    				lang: 8,
+    				clientstyling: 9,
+    				clientstylingurl: 10
     			},
     			null
     		);
@@ -6037,7 +6358,7 @@
     	}
 
     	get endpoint() {
-    		return this.$$.ctx[3];
+    		return this.$$.ctx[6];
     	}
 
     	set endpoint(endpoint) {
@@ -6046,7 +6367,7 @@
     	}
 
     	get datasource() {
-    		return this.$$.ctx[4];
+    		return this.$$.ctx[7];
     	}
 
     	set datasource(datasource) {
@@ -6055,7 +6376,7 @@
     	}
 
     	get lang() {
-    		return this.$$.ctx[5];
+    		return this.$$.ctx[8];
     	}
 
     	set lang(lang) {
@@ -6064,7 +6385,7 @@
     	}
 
     	get clientstyling() {
-    		return this.$$.ctx[6];
+    		return this.$$.ctx[9];
     	}
 
     	set clientstyling(clientstyling) {
@@ -6073,7 +6394,7 @@
     	}
 
     	get clientstylingurl() {
-    		return this.$$.ctx[7];
+    		return this.$$.ctx[10];
     	}
 
     	set clientstylingurl(clientstylingurl) {