@everymatrix/casino-tournaments-controller 0.0.160 → 0.0.164

package/dist/casino-tournaments-controller.js

@@ -5387,7 +5387,7 @@
     class CasinoTournamentsFilterController extends SvelteElement {
     	constructor(options) {
     		super();
-    		this.shadowRoot.innerHTML = `<style>*,*::before,*::after{margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box;font-family:"Helvetica Neue", "Helvetica", sans-serif}ul{display:flex;gap:10px}ul.MobileClass{padding-top:21px}li:first-child{height:100%;position:realtive;padding:1em 0;margin:0;font-size:14px;text-align:center;font-family:"Helvetica Neue", "Helvetica", sans-serif;letter-spacing:0px;color:#FFFFFF;opacity:1}li.MobileClass{position:absolute;left:0;top:-15px;font-size:14px;height:auto}button{display:flex;align-items:center;background-color:#00000029;justify-content:center;padding:10px;height:40px;border:1px solid #fff;min-width:40px;text-align:center;color:#fff}button.MobileClass{height:30px}button:hover{background-color:#c3c3c3;border:1px solid #c3c3c3;color:#000;cursor:pointer}.FiltersController{background:#000;color:#fff;display:flex;justify-content:flex-end;margin-bottom:20px}.FiltersController.MobileClass{justify-content:flex-start;margin-bottom:10px}.FiltersController .FilterButton{font-family:"Helvetica Neue", "Helvetica", sans-serif;font-size:14px;letter-spacing:0px;opacity:1;text-transform:uppercase}.FiltersController .FilterButton.MobileClass{font-size:10px}.FiltersController .Active{background-color:#58586B;border:1px solid #58586B}.FiltersController .Active:hover{background-color:#58586B;border:1px solid #58586B}</style>`;
+    		this.shadowRoot.innerHTML = `<style>*,*::before,*::after{margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box;font-family:"Helvetica Neue", "Helvetica", sans-serif}ul{display:flex;gap:10px}ul.MobileClass{padding-top:21px}li:first-child{height:100%;position:realtive;padding:1em 0;margin:0;font-size:14px;text-align:center;font-family:"Helvetica Neue", "Helvetica", sans-serif;letter-spacing:0px;color:#FFFFFF;opacity:1}li.MobileClass{position:absolute;left:10px;top:-15px;font-size:14px;height:auto}button{display:flex;align-items:center;background-color:#00000029;justify-content:center;padding:10px;height:40px;border:1px solid #fff;min-width:40px;text-align:center;color:#fff}button.MobileClass{height:30px}button:hover{background-color:#c3c3c3;border:1px solid #c3c3c3;color:#000;cursor:pointer}.FiltersController{background:#000;color:#fff;display:flex;justify-content:flex-end;margin-bottom:20px}.FiltersController.MobileClass{justify-content:flex-start;margin-bottom:10px}.FiltersController .FilterButton{font-family:"Helvetica Neue", "Helvetica", sans-serif;font-size:14px;letter-spacing:0px;opacity:1;text-transform:uppercase}.FiltersController .FilterButton.MobileClass{font-size:10px}.FiltersController .Active{background-color:#58586B;border:1px solid #58586B}.FiltersController .Active:hover{background-color:#58586B;border:1px solid #58586B}</style>`;
 
     		init(
     			this,
@@ -16499,26 +16499,28 @@
     const { Object: Object_1, console: console_1 } = globals;
     const file = "src/CasinoTournamentsController.svelte";
 
-    // (174:0) {:else}
+    // (175:0) {:else}
     function create_else_block(ctx) {
+    	let div3;
     	let div2;
     	let div0;
     	let t0;
     	let div1;
     	let t1;
-    	let if_block0 = /*filtersLoaded*/ ctx[14] && create_if_block_4(ctx);
+    	let if_block0 = /*filtersLoaded*/ ctx[15] && create_if_block_4(ctx);
 
     	function select_block_type_1(ctx, dirty) {
-    		if (/*tournamentsNumber*/ ctx[15] == 0) return create_if_block_2;
+    		if (/*tournamentsNumber*/ ctx[16] == 0) return create_if_block_2;
     		return create_else_block_2;
     	}
 
     	let current_block_type = select_block_type_1(ctx);
     	let if_block1 = current_block_type(ctx);
-    	let if_block2 = !/*allTournamentsShown*/ ctx[16] && create_if_block_1(ctx);
+    	let if_block2 = !/*allTournamentsShown*/ ctx[17] && create_if_block_1(ctx);
 
     	const block = {
     		c: function create() {
+    			div3 = element("div");
     			div2 = element("div");
     			div0 = element("div");
     			if (if_block0) if_block0.c();
@@ -16528,14 +16530,18 @@
     			t1 = space();
     			if (if_block2) if_block2.c();
     			attr_dev(div0, "class", "FirstRow");
-    			add_location(div0, file, 175, 4, 5872);
+    			add_location(div0, file, 177, 6, 5988);
     			attr_dev(div1, "class", "SecondRow");
-    			add_location(div1, file, 183, 4, 6110);
+    			add_location(div1, file, 185, 6, 6254);
     			attr_dev(div2, "class", "Tournaments");
-    			add_location(div2, file, 174, 2, 5842);
+    			set_style(div2, "max-width", /*containermaxwidth*/ ctx[11] + "px");
+    			add_location(div2, file, 176, 4, 5914);
+    			attr_dev(div3, "class", "TournamentsWrapper");
+    			add_location(div3, file, 175, 2, 5877);
     		},
     		m: function mount(target, anchor) {
-    			insert_dev(target, div2, anchor);
+    			insert_dev(target, div3, anchor);
+    			append_dev(div3, div2);
     			append_dev(div2, div0);
     			if (if_block0) if_block0.m(div0, null);
     			append_dev(div2, t0);
@@ -16545,7 +16551,7 @@
     			if (if_block2) if_block2.m(div2, null);
     		},
     		p: function update(ctx, dirty) {
-    			if (/*filtersLoaded*/ ctx[14]) {
+    			if (/*filtersLoaded*/ ctx[15]) {
     				if (if_block0) {
     					if_block0.p(ctx, dirty);
     				} else {
@@ -16570,7 +16576,7 @@
     				}
     			}
 
-    			if (!/*allTournamentsShown*/ ctx[16]) {
+    			if (!/*allTournamentsShown*/ ctx[17]) {
     				if (if_block2) {
     					if_block2.p(ctx, dirty);
     				} else {
@@ -16582,9 +16588,13 @@
     				if_block2.d(1);
     				if_block2 = null;
     			}
+
+    			if (dirty[0] & /*containermaxwidth*/ 2048) {
+    				set_style(div2, "max-width", /*containermaxwidth*/ ctx[11] + "px");
+    			}
     		},
     		d: function destroy(detaching) {
-    			if (detaching) detach_dev(div2);
+    			if (detaching) detach_dev(div3);
     			if (if_block0) if_block0.d();
     			if_block1.d();
     			if (if_block2) if_block2.d();
@@ -16595,17 +16605,17 @@
     		block,
     		id: create_else_block.name,
     		type: "else",
-    		source: "(174:0) {:else}",
+    		source: "(175:0) {:else}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (171:0) {#if hasErrors}
+    // (172:0) {#if hasErrors}
     function create_if_block(ctx) {
     	let p0;
-    	let t0_value = /*$_*/ ctx[17]("tournamentsController.500") + "";
+    	let t0_value = /*$_*/ ctx[18]("tournamentsController.500") + "";
     	let t0;
     	let t1;
     	let p1;
@@ -16617,9 +16627,9 @@
     			t0 = text(t0_value);
     			t1 = space();
     			p1 = element("p");
-    			t2 = text(/*error*/ ctx[12]);
-    			add_location(p0, file, 171, 2, 5774);
-    			add_location(p1, file, 172, 2, 5817);
+    			t2 = text(/*error*/ ctx[13]);
+    			add_location(p0, file, 172, 2, 5809);
+    			add_location(p1, file, 173, 2, 5852);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p0, anchor);
@@ -16629,8 +16639,8 @@
     			append_dev(p1, t2);
     		},
     		p: function update(ctx, dirty) {
-    			if (dirty[0] & /*$_*/ 131072 && t0_value !== (t0_value = /*$_*/ ctx[17]("tournamentsController.500") + "")) set_data_dev(t0, t0_value);
-    			if (dirty[0] & /*error*/ 4096) set_data_dev(t2, /*error*/ ctx[12]);
+    			if (dirty[0] & /*$_*/ 262144 && t0_value !== (t0_value = /*$_*/ ctx[18]("tournamentsController.500") + "")) set_data_dev(t0, t0_value);
+    			if (dirty[0] & /*error*/ 8192) set_data_dev(t2, /*error*/ ctx[13]);
     		},
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(p0);
@@ -16643,23 +16653,23 @@
     		block,
     		id: create_if_block.name,
     		type: "if",
-    		source: "(171:0) {#if hasErrors}",
+    		source: "(172:0) {#if hasErrors}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (177:6) {#if filtersLoaded}
+    // (179:8) {#if filtersLoaded}
     function create_if_block_4(ctx) {
     	let casino_tournaments_filter_controller;
 
     	const block = {
     		c: function create() {
     			casino_tournaments_filter_controller = element("casino-tournaments-filter-controller");
-    			set_custom_element_data(casino_tournaments_filter_controller, "filters", /*filtersArray*/ ctx[18]);
+    			set_custom_element_data(casino_tournaments_filter_controller, "filters", /*filtersArray*/ ctx[19]);
     			set_custom_element_data(casino_tournaments_filter_controller, "activefilters", /*filters*/ ctx[5]);
-    			add_location(casino_tournaments_filter_controller, file, 177, 8, 5929);
+    			add_location(casino_tournaments_filter_controller, file, 179, 10, 6049);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, casino_tournaments_filter_controller, anchor);
@@ -16678,14 +16688,14 @@
     		block,
     		id: create_if_block_4.name,
     		type: "if",
-    		source: "(177:6) {#if filtersLoaded}",
+    		source: "(179:8) {#if filtersLoaded}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (191:6) {:else}
+    // (193:8) {:else}
     function create_else_block_2(ctx) {
     	let casino_tournaments_list_controller;
 
@@ -16702,7 +16712,7 @@
     			set_custom_element_data(casino_tournaments_list_controller, "registerevent", /*registerevent*/ ctx[7]);
     			set_custom_element_data(casino_tournaments_list_controller, "lang", /*lang*/ ctx[3]);
     			set_custom_element_data(casino_tournaments_list_controller, "currency", /*currency*/ ctx[10]);
-    			add_location(casino_tournaments_list_controller, file, 191, 8, 6325);
+    			add_location(casino_tournaments_list_controller, file, 193, 10, 6485);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, casino_tournaments_list_controller, anchor);
@@ -16757,19 +16767,19 @@
     		block,
     		id: create_else_block_2.name,
     		type: "else",
-    		source: "(191:6) {:else}",
+    		source: "(193:8) {:else}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (185:6) {#if tournamentsNumber == 0}
+    // (187:8) {#if tournamentsNumber == 0}
     function create_if_block_2(ctx) {
     	let if_block_anchor;
 
     	function select_block_type_2(ctx, dirty) {
-    		if (/*isLoading*/ ctx[13]) return create_if_block_3;
+    		if (/*isLoading*/ ctx[14]) return create_if_block_3;
     		return create_else_block_1;
     	}
 
@@ -16806,14 +16816,14 @@
     		block,
     		id: create_if_block_2.name,
     		type: "if",
-    		source: "(185:6) {#if tournamentsNumber == 0}",
+    		source: "(187:8) {#if tournamentsNumber == 0}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (188:8) {:else}
+    // (190:10) {:else}
     function create_else_block_1(ctx) {
     	let p;
 
@@ -16821,7 +16831,7 @@
     		c: function create() {
     			p = element("p");
     			p.textContent = "No tournaments found";
-    			add_location(p, file, 188, 10, 6261);
+    			add_location(p, file, 190, 12, 6415);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -16835,14 +16845,14 @@
     		block,
     		id: create_else_block_1.name,
     		type: "else",
-    		source: "(188:8) {:else}",
+    		source: "(190:10) {:else}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (186:8) {#if isLoading}
+    // (188:10) {#if isLoading}
     function create_if_block_3(ctx) {
     	let p;
 
@@ -16850,7 +16860,7 @@
     		c: function create() {
     			p = element("p");
     			p.textContent = "Loading, please wait ...";
-    			add_location(p, file, 186, 10, 6203);
+    			add_location(p, file, 188, 12, 6353);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -16864,19 +16874,19 @@
     		block,
     		id: create_if_block_3.name,
     		type: "if",
-    		source: "(186:8) {#if isLoading}",
+    		source: "(188:10) {#if isLoading}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (206:4) {#if !allTournamentsShown}
+    // (208:6) {#if !allTournamentsShown}
     function create_if_block_1(ctx) {
     	let div1;
     	let div0;
     	let button;
-    	let t_value = /*$_*/ ctx[17]("tournamentsController.showMore") + "";
+    	let t_value = /*$_*/ ctx[18]("tournamentsController.showMore") + "";
     	let t;
     	let mounted;
     	let dispose;
@@ -16889,11 +16899,11 @@
     			t = text(t_value);
     			attr_dev(button, "class", "ShowMoreButton");
     			attr_dev(button, "title", "Show More");
-    			add_location(button, file, 208, 10, 6850);
+    			add_location(button, file, 210, 12, 7104);
     			attr_dev(div0, "class", "CenterButton");
-    			add_location(div0, file, 207, 8, 6813);
+    			add_location(div0, file, 209, 10, 7065);
     			attr_dev(div1, "class", "ThirdRow");
-    			add_location(div1, file, 206, 6, 6782);
+    			add_location(div1, file, 208, 8, 7032);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div1, anchor);
@@ -16902,12 +16912,12 @@
     			append_dev(button, t);
 
     			if (!mounted) {
-    				dispose = listen_dev(button, "click", /*click_handler*/ ctx[22], false, false, false);
+    				dispose = listen_dev(button, "click", /*click_handler*/ ctx[23], false, false, false);
     				mounted = true;
     			}
     		},
     		p: function update(ctx, dirty) {
-    			if (dirty[0] & /*$_*/ 131072 && t_value !== (t_value = /*$_*/ ctx[17]("tournamentsController.showMore") + "")) set_data_dev(t, t_value);
+    			if (dirty[0] & /*$_*/ 262144 && t_value !== (t_value = /*$_*/ ctx[18]("tournamentsController.showMore") + "")) set_data_dev(t, t_value);
     		},
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(div1);
@@ -16920,7 +16930,7 @@
     		block,
     		id: create_if_block_1.name,
     		type: "if",
-    		source: "(206:4) {#if !allTournamentsShown}",
+    		source: "(208:6) {#if !allTournamentsShown}",
     		ctx
     	});
 
@@ -16931,7 +16941,7 @@
     	let if_block_anchor;
 
     	function select_block_type(ctx, dirty) {
-    		if (/*hasErrors*/ ctx[11]) return create_if_block;
+    		if (/*hasErrors*/ ctx[12]) return create_if_block;
     		return create_else_block;
     	}
 
@@ -16988,7 +16998,7 @@
     function instance($$self, $$props, $$invalidate) {
     	let $_;
     	validate_store(X, "_");
-    	component_subscribe($$self, X, $$value => $$invalidate(17, $_ = $$value));
+    	component_subscribe($$self, X, $$value => $$invalidate(18, $_ = $$value));
     	let { $$slots: slots = {}, $$scope } = $$props;
     	validate_slots("undefined", slots, []);
     	let { session = "" } = $$props;
@@ -17004,6 +17014,7 @@
     	let { loginurl = "" } = $$props;
     	let { registerurl = "" } = $$props;
     	let { currency = "EUR" } = $$props;
+    	let { containermaxwidth = "" } = $$props;
 
     	// Variables of topics for communication
     	let hasErrors = false;
@@ -17059,8 +17070,8 @@
     	};
 
     	const getData = (url, offset, limit) => {
-    		$$invalidate(13, isLoading = true);
-    		$$invalidate(15, tournamentsNumber = 0);
+    		$$invalidate(14, isLoading = true);
+    		$$invalidate(16, tournamentsNumber = 0);
     		let tournamentsUrl = new URL(`${url}/tournaments`);
     		let reqHeaders = new Headers();
     		tournamentsUrl.searchParams.append("pagination", `offset=${offset},limit=${limit}`);
@@ -17089,16 +17100,16 @@
     		};
 
     		fetch(tournamentsUrl, requestOptions).then(res => res.json()).then(res => {
-    			$$invalidate(15, tournamentsNumber = 0);
+    			$$invalidate(16, tournamentsNumber = 0);
 
     			setTimeout(
     				() => {
-    					$$invalidate(15, tournamentsNumber = res.total);
+    					$$invalidate(16, tournamentsNumber = res.total);
 
     					if (tournamentsShownNumber >= tournamentsNumber) {
-    						$$invalidate(16, allTournamentsShown = true);
+    						$$invalidate(17, allTournamentsShown = true);
     					} else {
-    						$$invalidate(16, allTournamentsShown = false);
+    						$$invalidate(17, allTournamentsShown = false);
     					}
 
     					window.postMessage(
@@ -17109,7 +17120,7 @@
     						window.location.href
     					);
 
-    					$$invalidate(13, isLoading = false);
+    					$$invalidate(14, isLoading = false);
     				},
     				50
     			);
@@ -17131,20 +17142,20 @@
     		getData(endpoint, 0, tournamentsShownNumber);
 
     		if (tournamentsShownNumber >= tournamentsNumber) {
-    			$$invalidate(16, allTournamentsShown = true);
+    			$$invalidate(17, allTournamentsShown = true);
     		}
     	};
 
     	const checkAttrs = () => {
     		if (!endpoint) {
-    			$$invalidate(12, error = "Endpoint is missing! Please provide a valid endpointURL.");
-    			$$invalidate(11, hasErrors = true);
+    			$$invalidate(13, error = "Endpoint is missing! Please provide a valid endpointURL.");
+    			$$invalidate(12, hasErrors = true);
     			console.error(error);
     		}
 
     		if (!lang || lang.length != 2) {
-    			$$invalidate(12, error = "Language is missing! Please provide a valid language (alpha2code)");
-    			$$invalidate(11, hasErrors = true);
+    			$$invalidate(13, error = "Language is missing! Please provide a valid language (alpha2code)");
+    			$$invalidate(12, hasErrors = true);
     			console.error(error);
     		}
 
@@ -17161,13 +17172,13 @@
 
     	const setActiveFilters = () => {
     		activeFilters = filters.split(",");
-    		$$invalidate(14, filtersLoaded = true);
+    		$$invalidate(15, filtersLoaded = true);
     	};
 
     	const setSession = () => {
     		if (session.length > 0 && session != "false") {
     			isLoggedIn = true;
-    			$$invalidate(13, isLoading = true);
+    			$$invalidate(14, isLoading = true);
     			sessionID = session;
     		} else {
     			isLoggedIn = false;
@@ -17200,7 +17211,8 @@
     		"registerevent",
     		"loginurl",
     		"registerurl",
-    		"currency"
+    		"currency",
+    		"containermaxwidth"
     	];
 
     	Object_1.keys($$props).forEach(key => {
@@ -17215,14 +17227,15 @@
     		if ("endpoint" in $$props) $$invalidate(2, endpoint = $$props.endpoint);
     		if ("lang" in $$props) $$invalidate(3, lang = $$props.lang);
     		if ("numberoftournaments" in $$props) $$invalidate(4, numberoftournaments = $$props.numberoftournaments);
-    		if ("showmorestep" in $$props) $$invalidate(20, showmorestep = $$props.showmorestep);
-    		if ("cmsendpoint" in $$props) $$invalidate(21, cmsendpoint = $$props.cmsendpoint);
+    		if ("showmorestep" in $$props) $$invalidate(21, showmorestep = $$props.showmorestep);
+    		if ("cmsendpoint" in $$props) $$invalidate(22, cmsendpoint = $$props.cmsendpoint);
     		if ("filters" in $$props) $$invalidate(5, filters = $$props.filters);
     		if ("loginevent" in $$props) $$invalidate(6, loginevent = $$props.loginevent);
     		if ("registerevent" in $$props) $$invalidate(7, registerevent = $$props.registerevent);
     		if ("loginurl" in $$props) $$invalidate(8, loginurl = $$props.loginurl);
     		if ("registerurl" in $$props) $$invalidate(9, registerurl = $$props.registerurl);
     		if ("currency" in $$props) $$invalidate(10, currency = $$props.currency);
+    		if ("containermaxwidth" in $$props) $$invalidate(11, containermaxwidth = $$props.containermaxwidth);
     	};
 
     	$$self.$capture_state = () => ({
@@ -17246,6 +17259,7 @@
     		loginurl,
     		registerurl,
     		currency,
+    		containermaxwidth,
     		sortByStatus,
     		hasErrors,
     		error,
@@ -17279,26 +17293,27 @@
     		if ("endpoint" in $$props) $$invalidate(2, endpoint = $$props.endpoint);
     		if ("lang" in $$props) $$invalidate(3, lang = $$props.lang);
     		if ("numberoftournaments" in $$props) $$invalidate(4, numberoftournaments = $$props.numberoftournaments);
-    		if ("showmorestep" in $$props) $$invalidate(20, showmorestep = $$props.showmorestep);
-    		if ("cmsendpoint" in $$props) $$invalidate(21, cmsendpoint = $$props.cmsendpoint);
+    		if ("showmorestep" in $$props) $$invalidate(21, showmorestep = $$props.showmorestep);
+    		if ("cmsendpoint" in $$props) $$invalidate(22, cmsendpoint = $$props.cmsendpoint);
     		if ("filters" in $$props) $$invalidate(5, filters = $$props.filters);
     		if ("loginevent" in $$props) $$invalidate(6, loginevent = $$props.loginevent);
     		if ("registerevent" in $$props) $$invalidate(7, registerevent = $$props.registerevent);
     		if ("loginurl" in $$props) $$invalidate(8, loginurl = $$props.loginurl);
     		if ("registerurl" in $$props) $$invalidate(9, registerurl = $$props.registerurl);
     		if ("currency" in $$props) $$invalidate(10, currency = $$props.currency);
-    		if ("hasErrors" in $$props) $$invalidate(11, hasErrors = $$props.hasErrors);
-    		if ("error" in $$props) $$invalidate(12, error = $$props.error);
+    		if ("containermaxwidth" in $$props) $$invalidate(11, containermaxwidth = $$props.containermaxwidth);
+    		if ("hasErrors" in $$props) $$invalidate(12, hasErrors = $$props.hasErrors);
+    		if ("error" in $$props) $$invalidate(13, error = $$props.error);
     		if ("isLoggedIn" in $$props) isLoggedIn = $$props.isLoggedIn;
     		if ("sessionID" in $$props) sessionID = $$props.sessionID;
     		if ("playerID" in $$props) playerID = $$props.playerID;
     		if ("userAgent" in $$props) userAgent = $$props.userAgent;
-    		if ("isLoading" in $$props) $$invalidate(13, isLoading = $$props.isLoading);
-    		if ("filtersLoaded" in $$props) $$invalidate(14, filtersLoaded = $$props.filtersLoaded);
-    		if ("filtersArray" in $$props) $$invalidate(18, filtersArray = $$props.filtersArray);
-    		if ("tournamentsNumber" in $$props) $$invalidate(15, tournamentsNumber = $$props.tournamentsNumber);
+    		if ("isLoading" in $$props) $$invalidate(14, isLoading = $$props.isLoading);
+    		if ("filtersLoaded" in $$props) $$invalidate(15, filtersLoaded = $$props.filtersLoaded);
+    		if ("filtersArray" in $$props) $$invalidate(19, filtersArray = $$props.filtersArray);
+    		if ("tournamentsNumber" in $$props) $$invalidate(16, tournamentsNumber = $$props.tournamentsNumber);
     		if ("tournamentsShownNumber" in $$props) tournamentsShownNumber = $$props.tournamentsShownNumber;
-    		if ("allTournamentsShown" in $$props) $$invalidate(16, allTournamentsShown = $$props.allTournamentsShown);
+    		if ("allTournamentsShown" in $$props) $$invalidate(17, allTournamentsShown = $$props.allTournamentsShown);
     		if ("activeFilters" in $$props) activeFilters = $$props.activeFilters;
     		if ("lastMonthDate" in $$props) lastMonthDate = $$props.lastMonthDate;
     	};
@@ -17320,11 +17335,11 @@
     			filters && setActiveFilters();
     		}
 
-    		if ($$self.$$.dirty[0] & /*endpoint, numberoftournaments, showmorestep, lang*/ 1048604) {
+    		if ($$self.$$.dirty[0] & /*endpoint, numberoftournaments, showmorestep, lang*/ 2097180) {
     			endpoint && numberoftournaments && showmorestep && lang && initialLoad();
     		}
 
-    		if ($$self.$$.dirty[0] & /*endpoint, numberoftournaments, showmorestep, lang, session*/ 1048605) {
+    		if ($$self.$$.dirty[0] & /*endpoint, numberoftournaments, showmorestep, lang, session*/ 2097181) {
     			endpoint && numberoftournaments && showmorestep && lang && session && initialLoad();
     		}
     	};
@@ -17341,6 +17356,7 @@
     		loginurl,
     		registerurl,
     		currency,
+    		containermaxwidth,
     		hasErrors,
     		error,
     		isLoading,
@@ -17359,7 +17375,7 @@
     class CasinoTournamentsController extends SvelteElement {
     	constructor(options) {
     		super();
-    		this.shadowRoot.innerHTML = `<style>*,*::before,*::after{margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box;font-family:"Helvetica Neue", "Helvetica", sans-serif}.ShowMoreButton{background:#0a0c19;font-size:18px;width:280px;height:60px;text-align:center;color:#48952a;border:solid #48952a 1px;text-transform:uppercase;margin-bottom:20px;cursor:pointer}.ShowMoreButton:hover{opacity:0.7}.Tournaments{background:#00020f;color:#ffffff;display:flex;flex-direction:column;position:relative}.Tournaments .FirstRow{width:100%;margin:0 auto}.Tournaments .SecondRow{margin:0 auto;width:100%}.Tournaments .ThirdRow{display:flex;flex-direction:column;justify-content:center}.Tournaments .ThirdRow .CenterButton{padding-top:20px;width:100%;display:flex;justify-content:center}</style>`;
+    		this.shadowRoot.innerHTML = `<style>*,*::before,*::after{margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box;font-family:"Helvetica Neue", "Helvetica", sans-serif}.ShowMoreButton{background:#0a0c19;font-size:18px;width:280px;height:60px;text-align:center;color:#48952a;border:solid #48952a 1px;text-transform:uppercase;margin-bottom:20px;cursor:pointer}.ShowMoreButton:hover{opacity:0.7}.TournamentsWrapper{background:#00020f}.Tournaments{color:#ffffff;display:flex;flex-direction:column;position:relative;margin:0 auto;padding:0 10px}.Tournaments .FirstRow{width:100%;margin:0 auto}.Tournaments .SecondRow{margin:0 auto;width:100%}.Tournaments .ThirdRow{display:flex;flex-direction:column;justify-content:center}.Tournaments .ThirdRow .CenterButton{padding-top:20px;width:100%;display:flex;justify-content:center}</style>`;
 
     		init(
     			this,
@@ -17377,14 +17393,15 @@
     				endpoint: 2,
     				lang: 3,
     				numberoftournaments: 4,
-    				showmorestep: 20,
-    				cmsendpoint: 21,
+    				showmorestep: 21,
+    				cmsendpoint: 22,
     				filters: 5,
     				loginevent: 6,
     				registerevent: 7,
     				loginurl: 8,
     				registerurl: 9,
-    				currency: 10
+    				currency: 10,
+    				containermaxwidth: 11
     			},
     			[-1, -1]
     		);
@@ -17415,7 +17432,8 @@
     			"registerevent",
     			"loginurl",
     			"registerurl",
-    			"currency"
+    			"currency",
+    			"containermaxwidth"
     		];
     	}
 
@@ -17465,7 +17483,7 @@
     	}
 
     	get showmorestep() {
-    		return this.$$.ctx[20];
+    		return this.$$.ctx[21];
     	}
 
     	set showmorestep(showmorestep) {
@@ -17474,7 +17492,7 @@
     	}
 
     	get cmsendpoint() {
-    		return this.$$.ctx[21];
+    		return this.$$.ctx[22];
     	}
 
     	set cmsendpoint(cmsendpoint) {
@@ -17535,6 +17553,15 @@
     		this.$set({ currency });
     		flush();
     	}
+
+    	get containermaxwidth() {
+    		return this.$$.ctx[11];
+    	}
+
+    	set containermaxwidth(containermaxwidth) {
+    		this.$set({ containermaxwidth });
+    		flush();
+    	}
     }
 
     !customElements.get('casino-tournaments-controller') && customElements.define('casino-tournaments-controller', CasinoTournamentsController);