@everymatrix/casino-categories-providers 0.0.411 → 0.0.412

package/dist/casino-categories-providers.js

@@ -4793,17 +4793,17 @@
 
     function get_each_context$1(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[21] = list[i];
+    	child_ctx[22] = list[i];
     	return child_ctx;
     }
 
     function get_each_context_1$1(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[21] = list[i];
+    	child_ctx[22] = list[i];
     	return child_ctx;
     }
 
-    // (65:2) {:else}
+    // (69: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, 66, 4, 2208);
+    			add_location(h40, file$2, 70, 4, 2630);
     			attr_dev(h41, "class", "CategoryTitle");
-    			add_location(h41, file$2, 76, 4, 2690);
+    			add_location(h41, file$2, 80, 4, 3112);
     			attr_dev(div, "class", "CasinoCategories");
-    			add_location(div, file$2, 65, 2, 2173);
+    			add_location(div, file$2, 69, 2, 2595);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -4941,14 +4941,14 @@
     		block,
     		id: create_else_block$1.name,
     		type: "else",
-    		source: "(65:2) {:else}",
+    		source: "(69:2) {:else}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (63:2) {#if isLoading}
+    // (67: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, 63, 2, 2114);
+    			add_location(p, file$2, 67, 2, 2536);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -4972,14 +4972,14 @@
     		block,
     		id: create_if_block$1.name,
     		type: "if",
-    		source: "(63:2) {#if isLoading}",
+    		source: "(67:2) {#if isLoading}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (68:4) {#each topCategories as category}
+    // (72: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[21].name + "";
+    	let t1_value = /*category*/ ctx[22].name + "";
     	let t1;
     	let t2;
     	let p1;
-    	let t3_value = /*category*/ ctx[21].games.count + "";
+    	let t3_value = /*category*/ ctx[22].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[12](/*category*/ ctx[21]);
+    		return /*click_handler*/ ctx[13](/*category*/ ctx[22]);
     	}
 
     	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[21].icon)) attr_dev(img, "src", img_src_value);
-    			attr_dev(img, "alt", img_alt_value = /*category*/ ctx[21].name);
+    			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, 69, 6, 2394);
-    			add_location(p0, file$2, 71, 8, 2562);
-    			add_location(p1, file$2, 72, 8, 2593);
+    			add_location(img, file$2, 73, 6, 2816);
+    			add_location(p0, file$2, 75, 8, 2984);
+    			add_location(p1, file$2, 76, 8, 3015);
     			attr_dev(div0, "class", "CategoryTextContainer");
-    			add_location(div0, file$2, 70, 6, 2518);
+    			add_location(div0, file$2, 74, 6, 2940);
 
-    			attr_dev(div1, "class", div1_class_value = "Category " + (/*activecategory*/ ctx[0] === /*category*/ ctx[21].id
+    			attr_dev(div1, "class", div1_class_value = "Category " + (/*activecategory*/ ctx[0] === /*category*/ ctx[22].id
     			? "Active"
     			: ""));
 
-    			add_location(div1, file$2, 68, 4, 2316);
+    			add_location(div1, file$2, 72, 4, 2738);
     		},
     		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[21].icon)) {
+    			if (dirty & /*topCategories*/ 8 && !src_url_equal(img.src, img_src_value = /*category*/ ctx[22].icon)) {
     				attr_dev(img, "src", img_src_value);
     			}
 
-    			if (dirty & /*topCategories*/ 8 && img_alt_value !== (img_alt_value = /*category*/ ctx[21].name)) {
+    			if (dirty & /*topCategories*/ 8 && img_alt_value !== (img_alt_value = /*category*/ ctx[22].name)) {
     				attr_dev(img, "alt", img_alt_value);
     			}
 
-    			if (dirty & /*topCategories*/ 8 && t1_value !== (t1_value = /*category*/ ctx[21].name + "")) set_data_dev(t1, t1_value);
-    			if (dirty & /*topCategories*/ 8 && t3_value !== (t3_value = /*category*/ ctx[21].games.count + "")) set_data_dev(t3, t3_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 & /*$_*/ 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[21].id
+    			if (dirty & /*activecategory, topCategories*/ 9 && div1_class_value !== (div1_class_value = "Category " + (/*activecategory*/ ctx[0] === /*category*/ ctx[22].id
     			? "Active"
     			: ""))) {
     				attr_dev(div1, "class", div1_class_value);
@@ -5083,14 +5083,14 @@
     		block,
     		id: create_each_block_1$1.name,
     		type: "each",
-    		source: "(68:4) {#each topCategories as category}",
+    		source: "(72:4) {#each topCategories as category}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (78:4) {#each otherCategories as category}
+    // (82: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[21].name + "";
+    	let t1_value = /*category*/ ctx[22].name + "";
     	let t1;
     	let t2;
     	let p1;
-    	let t3_value = /*category*/ ctx[21].games.count + "";
+    	let t3_value = /*category*/ ctx[22].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[13](/*category*/ ctx[21]);
+    		return /*click_handler_1*/ ctx[14](/*category*/ ctx[22]);
     	}
 
     	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[21].icon)) attr_dev(img, "src", img_src_value);
-    			attr_dev(img, "alt", img_alt_value = /*category*/ ctx[21].name);
+    			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, 79, 6, 2881);
-    			add_location(p0, file$2, 81, 8, 3048);
-    			add_location(p1, file$2, 82, 8, 3079);
+    			add_location(img, file$2, 83, 6, 3303);
+    			add_location(p0, file$2, 85, 8, 3470);
+    			add_location(p1, file$2, 86, 8, 3501);
     			attr_dev(div0, "class", "CategoryTextContainer");
-    			add_location(div0, file$2, 80, 6, 3004);
+    			add_location(div0, file$2, 84, 6, 3426);
 
-    			attr_dev(div1, "class", div1_class_value = "Category " + (/*activecategory*/ ctx[0] === /*category*/ ctx[21].id
+    			attr_dev(div1, "class", div1_class_value = "Category " + (/*activecategory*/ ctx[0] === /*category*/ ctx[22].id
     			? "Active"
     			: ""));
 
-    			add_location(div1, file$2, 78, 4, 2802);
+    			add_location(div1, file$2, 82, 4, 3224);
     		},
     		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[21].icon)) {
+    			if (dirty & /*otherCategories*/ 16 && !src_url_equal(img.src, img_src_value = /*category*/ ctx[22].icon)) {
     				attr_dev(img, "src", img_src_value);
     			}
 
-    			if (dirty & /*otherCategories*/ 16 && img_alt_value !== (img_alt_value = /*category*/ ctx[21].name)) {
+    			if (dirty & /*otherCategories*/ 16 && img_alt_value !== (img_alt_value = /*category*/ ctx[22].name)) {
     				attr_dev(img, "alt", img_alt_value);
     			}
 
-    			if (dirty & /*otherCategories*/ 16 && t1_value !== (t1_value = /*category*/ ctx[21].name + "")) set_data_dev(t1, t1_value);
-    			if (dirty & /*otherCategories*/ 16 && t3_value !== (t3_value = /*category*/ ctx[21].games.count + "")) set_data_dev(t3, t3_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 & /*$_*/ 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[21].id
+    			if (dirty & /*activecategory, otherCategories*/ 17 && div1_class_value !== (div1_class_value = "Category " + (/*activecategory*/ ctx[0] === /*category*/ ctx[22].id
     			? "Active"
     			: ""))) {
     				attr_dev(div1, "class", div1_class_value);
@@ -5197,7 +5197,7 @@
     		block,
     		id: create_each_block$1.name,
     		type: "each",
-    		source: "(78:4) {#each otherCategories as category}",
+    		source: "(82:4) {#each otherCategories as category}",
     		ctx
     	});
 
@@ -5220,7 +5220,7 @@
     			div = element("div");
     			if_block.c();
     			this.c = noop;
-    			add_location(div, file$2, 61, 0, 2053);
+    			add_location(div, file$2, 65, 0, 2475);
     		},
     		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[14](div);
+    			/*div_binding*/ ctx[15](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[14](null);
+    			/*div_binding*/ ctx[15](null);
     		}
     	};
 
@@ -5273,6 +5273,7 @@
     	let { datasource = '' } = $$props;
     	let { lang = 'en' } = $$props;
     	let { activecategory = '' } = $$props;
+    	let { excludedflags = '' } = $$props;
     	let { clientstyling = '' } = $$props;
     	let { clientstylingurl = '' } = $$props;
     	let customStylingContainer;
@@ -5293,9 +5294,20 @@
 
     		fetch(url).then(res => res.json()).then(data => {
     			$$invalidate(2, isLoading = false);
+    			const excludedFlagsArray = excludedflags.split(',').map(flag => flag.trim());
     			categories.push(...data.items);
-    			$$invalidate(3, topCategories = categories.filter(category => category.isTopCategory === true));
-    			$$invalidate(4, otherCategories = categories.filter(category => category.isTopCategory === false));
+
+    			// remove those items which have a flag matching the excluded flags
+    			const itemsAfterFlagExclusion = categories.filter(item => !excludedFlagsArray.some(flag => {
+    				var _a;
+
+    				return ((_a = item.flags) === null || _a === void 0
+    				? void 0
+    				: _a.indexOf(flag)) >= 0;
+    			}));
+
+    			$$invalidate(3, topCategories = itemsAfterFlagExclusion.filter(category => category.isTopCategory === true));
+    			$$invalidate(4, otherCategories = itemsAfterFlagExclusion.filter(category => category.isTopCategory === false));
     		});
     	};
 
@@ -5344,6 +5356,7 @@
     		'datasource',
     		'lang',
     		'activecategory',
+    		'excludedflags',
     		'clientstyling',
     		'clientstylingurl'
     	];
@@ -5367,8 +5380,9 @@
     		if ('datasource' in $$props) $$invalidate(8, datasource = $$props.datasource);
     		if ('lang' in $$props) $$invalidate(9, lang = $$props.lang);
     		if ('activecategory' in $$props) $$invalidate(0, activecategory = $$props.activecategory);
-    		if ('clientstyling' in $$props) $$invalidate(10, clientstyling = $$props.clientstyling);
-    		if ('clientstylingurl' in $$props) $$invalidate(11, clientstylingurl = $$props.clientstylingurl);
+    		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);
     	};
 
     	$$self.$capture_state = () => ({
@@ -5380,6 +5394,7 @@
     		datasource,
     		lang,
     		activecategory,
+    		excludedflags,
     		clientstyling,
     		clientstylingurl,
     		customStylingContainer,
@@ -5401,8 +5416,9 @@
     		if ('datasource' in $$props) $$invalidate(8, datasource = $$props.datasource);
     		if ('lang' in $$props) $$invalidate(9, lang = $$props.lang);
     		if ('activecategory' in $$props) $$invalidate(0, activecategory = $$props.activecategory);
-    		if ('clientstyling' in $$props) $$invalidate(10, clientstyling = $$props.clientstyling);
-    		if ('clientstylingurl' in $$props) $$invalidate(11, clientstylingurl = $$props.clientstylingurl);
+    		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 ('customStylingContainer' in $$props) $$invalidate(1, customStylingContainer = $$props.customStylingContainer);
     		if ('displayNone' in $$props) displayNone = $$props.displayNone;
     		if ('isLoading' in $$props) $$invalidate(2, isLoading = $$props.isLoading);
@@ -5423,11 +5439,11 @@
     			lang && setActiveLanguage();
     		}
 
-    		if ($$self.$$.dirty & /*clientstyling*/ 1024) {
+    		if ($$self.$$.dirty & /*clientstyling*/ 2048) {
     			clientstyling && setClientStyling();
     		}
 
-    		if ($$self.$$.dirty & /*clientstylingurl*/ 2048) {
+    		if ($$self.$$.dirty & /*clientstylingurl*/ 4096) {
     			clientstylingurl && setClientStylingURL();
     		}
     	};
@@ -5443,6 +5459,7 @@
     		endpoint,
     		datasource,
     		lang,
+    		excludedflags,
     		clientstyling,
     		clientstylingurl,
     		click_handler,
@@ -5471,8 +5488,9 @@
     				datasource: 8,
     				lang: 9,
     				activecategory: 0,
-    				clientstyling: 10,
-    				clientstylingurl: 11
+    				excludedflags: 10,
+    				clientstyling: 11,
+    				clientstylingurl: 12
     			},
     			null
     		);
@@ -5495,6 +5513,7 @@
     			"datasource",
     			"lang",
     			"activecategory",
+    			"excludedflags",
     			"clientstyling",
     			"clientstylingurl"
     		];
@@ -5536,17 +5555,26 @@
     		flush();
     	}
 
-    	get clientstyling() {
+    	get excludedflags() {
     		return this.$$.ctx[10];
     	}
 
+    	set excludedflags(excludedflags) {
+    		this.$$set({ excludedflags });
+    		flush();
+    	}
+
+    	get clientstyling() {
+    		return this.$$.ctx[11];
+    	}
+
     	set clientstyling(clientstyling) {
     		this.$$set({ clientstyling });
     		flush();
     	}
 
     	get clientstylingurl() {
-    		return this.$$.ctx[11];
+    		return this.$$.ctx[12];
     	}
 
     	set clientstylingurl(clientstylingurl) {
@@ -6443,12 +6471,12 @@
     	let div3;
     	let div0;
     	let button0;
-    	let t0_value = /*$_*/ ctx[10]('Translations.categories') + "";
+    	let t0_value = /*$_*/ ctx[11]('Translations.categories') + "";
     	let t0;
     	let button0_class_value;
     	let t1;
     	let button1;
-    	let t2_value = /*$_*/ ctx[10]('Translations.providers') + "";
+    	let t2_value = /*$_*/ ctx[11]('Translations.providers') + "";
     	let t2;
     	let button1_class_value;
     	let t3;
@@ -6479,36 +6507,37 @@
     			div2 = element("div");
     			casino_providers = element("casino-providers");
     			this.c = noop;
-    			attr_dev(button0, "class", button0_class_value = "HeaderButton " + (/*activeTab*/ ctx[8] === 'categories' ? 'Active' : ''));
-    			add_location(button0, file, 54, 6, 1716);
-    			attr_dev(button1, "class", button1_class_value = "HeaderButton " + (/*activeTab*/ ctx[8] === 'providers' ? 'Active' : ''));
-    			add_location(button1, file, 57, 6, 1893);
+    			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(div0, "class", "Header");
-    			add_location(div0, file, 53, 4, 1689);
+    			add_location(div0, file, 54, 4, 1720);
     			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]);
-    			set_custom_element_data(casino_categories, "lang", /*lang*/ ctx[5]);
-    			set_custom_element_data(casino_categories, "clientstyling", /*clientstyling*/ ctx[6]);
-    			set_custom_element_data(casino_categories, "clientstylingurl", /*clientstylingurl*/ ctx[7]);
-    			add_location(casino_categories, file, 63, 6, 2148);
-    			attr_dev(div1, "class", div1_class_value = /*activeTab*/ ctx[8] === 'providers' ? 'NotVisible' : '');
-    			add_location(div1, file, 62, 4, 2081);
+    			set_custom_element_data(casino_categories, "excludedflags", /*excludedflags*/ ctx[5]);
+    			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);
     			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[5]);
-    			set_custom_element_data(casino_providers, "clientstyling", /*clientstyling*/ ctx[6]);
-    			set_custom_element_data(casino_providers, "clientstylingurl", /*clientstylingurl*/ ctx[7]);
-    			add_location(casino_providers, file, 73, 6, 2458);
+    			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);
 
-    			attr_dev(div2, "class", div2_class_value = /*activeTab*/ ctx[8] === 'categories'
+    			attr_dev(div2, "class", div2_class_value = /*activeTab*/ ctx[9] === 'categories'
     			? 'NotVisible'
     			: '');
 
-    			add_location(div2, file, 72, 4, 2390);
+    			add_location(div2, file, 74, 4, 2443);
     			attr_dev(div3, "class", "CasinoCategoriesProviders");
-    			add_location(div3, file, 52, 2, 1645);
-    			add_location(div4, file, 51, 0, 1602);
+    			add_location(div3, file, 53, 2, 1676);
+    			add_location(div4, file, 52, 0, 1633);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -6528,27 +6557,27 @@
     			append_dev(div3, t4);
     			append_dev(div3, div2);
     			append_dev(div2, casino_providers);
-    			/*div4_binding*/ ctx[14](div4);
+    			/*div4_binding*/ ctx[15](div4);
 
     			if (!mounted) {
     				dispose = [
-    					listen_dev(button0, "click", /*click_handler*/ ctx[12], false, false, false),
-    					listen_dev(button1, "click", /*click_handler_1*/ ctx[13], false, false, false)
+    					listen_dev(button0, "click", /*click_handler*/ ctx[13], false, false, false),
+    					listen_dev(button1, "click", /*click_handler_1*/ ctx[14], false, false, false)
     				];
 
     				mounted = true;
     			}
     		},
     		p: function update(ctx, [dirty]) {
-    			if (dirty & /*$_*/ 1024 && t0_value !== (t0_value = /*$_*/ ctx[10]('Translations.categories') + "")) set_data_dev(t0, t0_value);
+    			if (dirty & /*$_*/ 2048 && t0_value !== (t0_value = /*$_*/ ctx[11]('Translations.categories') + "")) set_data_dev(t0, t0_value);
 
-    			if (dirty & /*activeTab*/ 256 && button0_class_value !== (button0_class_value = "HeaderButton " + (/*activeTab*/ ctx[8] === 'categories' ? 'Active' : ''))) {
+    			if (dirty & /*activeTab*/ 512 && button0_class_value !== (button0_class_value = "HeaderButton " + (/*activeTab*/ ctx[9] === 'categories' ? 'Active' : ''))) {
     				attr_dev(button0, "class", button0_class_value);
     			}
 
-    			if (dirty & /*$_*/ 1024 && t2_value !== (t2_value = /*$_*/ ctx[10]('Translations.providers') + "")) set_data_dev(t2, t2_value);
+    			if (dirty & /*$_*/ 2048 && t2_value !== (t2_value = /*$_*/ ctx[11]('Translations.providers') + "")) set_data_dev(t2, t2_value);
 
-    			if (dirty & /*activeTab*/ 256 && button1_class_value !== (button1_class_value = "HeaderButton " + (/*activeTab*/ ctx[8] === 'providers' ? 'Active' : ''))) {
+    			if (dirty & /*activeTab*/ 512 && button1_class_value !== (button1_class_value = "HeaderButton " + (/*activeTab*/ ctx[9] === 'providers' ? 'Active' : ''))) {
     				attr_dev(button1, "class", button1_class_value);
     			}
 
@@ -6564,19 +6593,23 @@
     				set_custom_element_data(casino_categories, "activecategory", /*activecategory*/ ctx[2]);
     			}
 
-    			if (dirty & /*lang*/ 32) {
-    				set_custom_element_data(casino_categories, "lang", /*lang*/ ctx[5]);
+    			if (dirty & /*excludedflags*/ 32) {
+    				set_custom_element_data(casino_categories, "excludedflags", /*excludedflags*/ ctx[5]);
+    			}
+
+    			if (dirty & /*lang*/ 64) {
+    				set_custom_element_data(casino_categories, "lang", /*lang*/ ctx[6]);
     			}
 
-    			if (dirty & /*clientstyling*/ 64) {
-    				set_custom_element_data(casino_categories, "clientstyling", /*clientstyling*/ ctx[6]);
+    			if (dirty & /*clientstyling*/ 128) {
+    				set_custom_element_data(casino_categories, "clientstyling", /*clientstyling*/ ctx[7]);
     			}
 
-    			if (dirty & /*clientstylingurl*/ 128) {
-    				set_custom_element_data(casino_categories, "clientstylingurl", /*clientstylingurl*/ ctx[7]);
+    			if (dirty & /*clientstylingurl*/ 256) {
+    				set_custom_element_data(casino_categories, "clientstylingurl", /*clientstylingurl*/ ctx[8]);
     			}
 
-    			if (dirty & /*activeTab*/ 256 && div1_class_value !== (div1_class_value = /*activeTab*/ ctx[8] === 'providers' ? 'NotVisible' : '')) {
+    			if (dirty & /*activeTab*/ 512 && div1_class_value !== (div1_class_value = /*activeTab*/ ctx[9] === 'providers' ? 'NotVisible' : '')) {
     				attr_dev(div1, "class", div1_class_value);
     			}
 
@@ -6588,19 +6621,19 @@
     				set_custom_element_data(casino_providers, "datasource", /*datasourceproviders*/ ctx[4]);
     			}
 
-    			if (dirty & /*lang*/ 32) {
-    				set_custom_element_data(casino_providers, "lang", /*lang*/ ctx[5]);
+    			if (dirty & /*lang*/ 64) {
+    				set_custom_element_data(casino_providers, "lang", /*lang*/ ctx[6]);
     			}
 
-    			if (dirty & /*clientstyling*/ 64) {
-    				set_custom_element_data(casino_providers, "clientstyling", /*clientstyling*/ ctx[6]);
+    			if (dirty & /*clientstyling*/ 128) {
+    				set_custom_element_data(casino_providers, "clientstyling", /*clientstyling*/ ctx[7]);
     			}
 
-    			if (dirty & /*clientstylingurl*/ 128) {
-    				set_custom_element_data(casino_providers, "clientstylingurl", /*clientstylingurl*/ ctx[7]);
+    			if (dirty & /*clientstylingurl*/ 256) {
+    				set_custom_element_data(casino_providers, "clientstylingurl", /*clientstylingurl*/ ctx[8]);
     			}
 
-    			if (dirty & /*activeTab*/ 256 && div2_class_value !== (div2_class_value = /*activeTab*/ ctx[8] === 'categories'
+    			if (dirty & /*activeTab*/ 512 && div2_class_value !== (div2_class_value = /*activeTab*/ ctx[9] === 'categories'
     			? 'NotVisible'
     			: '')) {
     				attr_dev(div2, "class", div2_class_value);
@@ -6610,7 +6643,7 @@
     		o: noop,
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(div4);
-    			/*div4_binding*/ ctx[14](null);
+    			/*div4_binding*/ ctx[15](null);
     			mounted = false;
     			run_all(dispose);
     		}
@@ -6630,7 +6663,7 @@
     function instance($$self, $$props, $$invalidate) {
     	let $_;
     	validate_store(Y, '_');
-    	component_subscribe($$self, Y, $$value => $$invalidate(10, $_ = $$value));
+    	component_subscribe($$self, Y, $$value => $$invalidate(11, $_ = $$value));
     	let { $$slots: slots = {}, $$scope } = $$props;
     	validate_slots('undefined', slots, []);
     	let { endpointcategories = '' } = $$props;
@@ -6638,6 +6671,7 @@
     	let { activecategory = '' } = $$props;
     	let { endpointproviders = '' } = $$props;
     	let { datasourceproviders = '' } = $$props;
+    	let { excludedflags = '' } = $$props;
     	let { lang = 'en' } = $$props;
     	let { clientstyling = '' } = $$props;
     	let { clientstylingurl = '' } = $$props;
@@ -6651,7 +6685,7 @@
 
     	const toggleTab = type => {
     		if (activeTab === type) return;
-    		$$invalidate(8, activeTab = type);
+    		$$invalidate(9, activeTab = type);
     	};
 
     	const setActiveLanguage = () => {
@@ -6696,6 +6730,7 @@
     		'activecategory',
     		'endpointproviders',
     		'datasourceproviders',
+    		'excludedflags',
     		'lang',
     		'clientstyling',
     		'clientstylingurl'
@@ -6711,7 +6746,7 @@
     	function div4_binding($$value) {
     		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
     			customStylingContainer = $$value;
-    			$$invalidate(9, customStylingContainer);
+    			$$invalidate(10, customStylingContainer);
     		});
     	}
 
@@ -6721,9 +6756,10 @@
     		if ('activecategory' in $$props) $$invalidate(2, activecategory = $$props.activecategory);
     		if ('endpointproviders' in $$props) $$invalidate(3, endpointproviders = $$props.endpointproviders);
     		if ('datasourceproviders' in $$props) $$invalidate(4, datasourceproviders = $$props.datasourceproviders);
-    		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 ('excludedflags' in $$props) $$invalidate(5, excludedflags = $$props.excludedflags);
+    		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);
     	};
 
     	$$self.$capture_state = () => ({
@@ -6736,6 +6772,7 @@
     		activecategory,
     		endpointproviders,
     		datasourceproviders,
+    		excludedflags,
     		lang,
     		clientstyling,
     		clientstylingurl,
@@ -6755,11 +6792,12 @@
     		if ('activecategory' in $$props) $$invalidate(2, activecategory = $$props.activecategory);
     		if ('endpointproviders' in $$props) $$invalidate(3, endpointproviders = $$props.endpointproviders);
     		if ('datasourceproviders' in $$props) $$invalidate(4, datasourceproviders = $$props.datasourceproviders);
-    		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 ('activeTab' in $$props) $$invalidate(8, activeTab = $$props.activeTab);
-    		if ('customStylingContainer' in $$props) $$invalidate(9, customStylingContainer = $$props.customStylingContainer);
+    		if ('excludedflags' in $$props) $$invalidate(5, excludedflags = $$props.excludedflags);
+    		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 ('displayNone' in $$props) displayNone = $$props.displayNone;
     	};
 
@@ -6768,15 +6806,15 @@
     	}
 
     	$$self.$$.update = () => {
-    		if ($$self.$$.dirty & /*lang*/ 32) {
+    		if ($$self.$$.dirty & /*lang*/ 64) {
     			lang && setActiveLanguage();
     		}
 
-    		if ($$self.$$.dirty & /*clientstyling*/ 64) {
+    		if ($$self.$$.dirty & /*clientstyling*/ 128) {
     			clientstyling && setClientStyling();
     		}
 
-    		if ($$self.$$.dirty & /*clientstylingurl*/ 128) {
+    		if ($$self.$$.dirty & /*clientstylingurl*/ 256) {
     			clientstylingurl && setClientStylingURL();
     		}
     	};
@@ -6787,6 +6825,7 @@
     		activecategory,
     		endpointproviders,
     		datasourceproviders,
+    		excludedflags,
     		lang,
     		clientstyling,
     		clientstylingurl,
@@ -6821,9 +6860,10 @@
     				activecategory: 2,
     				endpointproviders: 3,
     				datasourceproviders: 4,
-    				lang: 5,
-    				clientstyling: 6,
-    				clientstylingurl: 7
+    				excludedflags: 5,
+    				lang: 6,
+    				clientstyling: 7,
+    				clientstylingurl: 8
     			},
     			null
     		);
@@ -6847,6 +6887,7 @@
     			"activecategory",
     			"endpointproviders",
     			"datasourceproviders",
+    			"excludedflags",
     			"lang",
     			"clientstyling",
     			"clientstylingurl"
@@ -6898,17 +6939,26 @@
     		flush();
     	}
 
-    	get lang() {
+    	get excludedflags() {
     		return this.$$.ctx[5];
     	}
 
+    	set excludedflags(excludedflags) {
+    		this.$$set({ excludedflags });
+    		flush();
+    	}
+
+    	get lang() {
+    		return this.$$.ctx[6];
+    	}
+
     	set lang(lang) {
     		this.$$set({ lang });
     		flush();
     	}
 
     	get clientstyling() {
-    		return this.$$.ctx[6];
+    		return this.$$.ctx[7];
     	}
 
     	set clientstyling(clientstyling) {
@@ -6917,7 +6967,7 @@
     	}
 
     	get clientstylingurl() {
-    		return this.$$.ctx[7];
+    		return this.$$.ctx[8];
     	}
 
     	set clientstylingurl(clientstylingurl) {