@everymatrix/casino-tournaments-page-controller 0.0.167 → 0.0.171

package/dist/casino-tournaments-page-controller.js

@@ -7564,12 +7564,12 @@
 
     function get_each_context$2(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[34] = list[i];
-    	child_ctx[36] = i;
+    	child_ctx[38] = list[i];
+    	child_ctx[40] = i;
     	return child_ctx;
     }
 
-    // (111:2) {#if games}
+    // (124:2) {#if games}
     function create_if_block$3(ctx) {
     	let div0;
     	let svg0;
@@ -7612,32 +7612,32 @@
     			attr_dev(path0, "stroke-linejoin", "round");
     			attr_dev(path0, "stroke-width", "2");
     			attr_dev(path0, "d", "M15 19l-7-7 7-7");
-    			add_location(path0, file$3, 113, 8, 3423);
+    			add_location(path0, file$3, 126, 8, 3976);
     			attr_dev(svg0, "fill", "none");
     			attr_dev(svg0, "stroke", "currentColor");
     			attr_dev(svg0, "viewBox", "0 0 24 24");
     			attr_dev(svg0, "xmlns", "http://www.w3.org/2000/svg");
-    			add_location(svg0, file$3, 112, 6, 3320);
+    			add_location(svg0, file$3, 125, 6, 3873);
     			attr_dev(div0, "class", "SliderNavButton");
-    			toggle_class(div0, "disabled", /*atStart*/ ctx[5]);
-    			add_location(div0, file$3, 111, 4, 3231);
+    			toggle_class(div0, "disabled", /*atStart*/ ctx[6]);
+    			add_location(div0, file$3, 124, 4, 3784);
     			attr_dev(div1, "class", "items");
     			set_style(div1, "transform", "translateX(" + /*offset*/ ctx[1] + "px)");
-    			add_location(div1, file$3, 117, 6, 3562);
-    			add_location(main, file$3, 116, 4, 3549);
+    			add_location(div1, file$3, 130, 6, 4115);
+    			add_location(main, file$3, 129, 4, 4102);
     			attr_dev(path1, "stroke-linecap", "round");
     			attr_dev(path1, "stroke-linejoin", "round");
     			attr_dev(path1, "stroke-width", "2");
     			attr_dev(path1, "d", "M9 5l7 7-7 7");
-    			add_location(path1, file$3, 128, 8, 4240);
+    			add_location(path1, file$3, 141, 8, 4818);
     			attr_dev(svg1, "fill", "none");
     			attr_dev(svg1, "stroke", "currentColor");
     			attr_dev(svg1, "viewBox", "0 0 24 24");
     			attr_dev(svg1, "xmlns", "http://www.w3.org/2000/svg");
-    			add_location(svg1, file$3, 127, 6, 4137);
+    			add_location(svg1, file$3, 140, 6, 4715);
     			attr_dev(div2, "class", "SliderNavButton");
-    			toggle_class(div2, "disabled", /*atEnd*/ ctx[6]);
-    			add_location(div2, file$3, 126, 4, 4051);
+    			toggle_class(div2, "disabled", /*atEnd*/ ctx[7]);
+    			add_location(div2, file$3, 139, 4, 4629);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div0, anchor);
@@ -7651,6 +7651,7 @@
     				each_blocks[i].m(div1, null);
     			}
 
+    			/*div1_binding*/ ctx[21](div1);
     			insert_dev(target, t1, anchor);
     			insert_dev(target, div2, anchor);
     			append_dev(div2, svg1);
@@ -7658,19 +7659,19 @@
 
     			if (!mounted) {
     				dispose = [
-    					listen_dev(div0, "click", /*click_handler*/ ctx[15], false, false, false),
-    					listen_dev(div2, "click", /*click_handler_2*/ ctx[19], false, false, false)
+    					listen_dev(div0, "click", /*click_handler*/ ctx[17], false, false, false),
+    					listen_dev(div2, "click", /*click_handler_2*/ ctx[22], false, false, false)
     				];
 
     				mounted = true;
     			}
     		},
     		p: function update(ctx, dirty) {
-    			if (dirty[0] & /*atStart*/ 32) {
-    				toggle_class(div0, "disabled", /*atStart*/ ctx[5]);
+    			if (dirty[0] & /*atStart*/ 64) {
+    				toggle_class(div0, "disabled", /*atStart*/ ctx[6]);
     			}
 
-    			if (dirty[0] & /*gameClicked, games, enter, leave, hover, hoverIndex*/ 1433) {
+    			if (dirty[0] & /*gameClicked, games, enter, leave, hover, hoverIndex*/ 2841) {
     				each_value = /*games*/ ctx[0];
     				validate_each_argument(each_value);
     				let i;
@@ -7698,8 +7699,8 @@
     				set_style(div1, "transform", "translateX(" + /*offset*/ ctx[1] + "px)");
     			}
 
-    			if (dirty[0] & /*atEnd*/ 64) {
-    				toggle_class(div2, "disabled", /*atEnd*/ ctx[6]);
+    			if (dirty[0] & /*atEnd*/ 128) {
+    				toggle_class(div2, "disabled", /*atEnd*/ ctx[7]);
     			}
     		},
     		d: function destroy(detaching) {
@@ -7707,6 +7708,7 @@
     			if (detaching) detach_dev(t0);
     			if (detaching) detach_dev(main);
     			destroy_each(each_blocks, detaching);
+    			/*div1_binding*/ ctx[21](null);
     			if (detaching) detach_dev(t1);
     			if (detaching) detach_dev(div2);
     			mounted = false;
@@ -7718,14 +7720,14 @@
     		block,
     		id: create_if_block$3.name,
     		type: "if",
-    		source: "(111:2) {#if games}",
+    		source: "(124:2) {#if games}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (119:8) {#each games as game, i}
+    // (132:8) {#each games as game, i}
     function create_each_block$2(ctx) {
     	let div;
     	let span;
@@ -7741,11 +7743,11 @@
     	let dispose;
 
     	function click_handler_1() {
-    		return /*click_handler_1*/ ctx[16](/*game*/ ctx[34]);
+    		return /*click_handler_1*/ ctx[18](/*game*/ ctx[38]);
     	}
 
     	function mouseenter_handler() {
-    		return /*mouseenter_handler*/ ctx[17](/*i*/ ctx[36]);
+    		return /*mouseenter_handler*/ ctx[19](/*i*/ ctx[40]);
     	}
 
     	const block = {
@@ -7757,19 +7759,19 @@
     			img = element("img");
     			t2 = space();
 
-    			attr_dev(span, "class", span_class_value = "PlayNowButton " + (/*hover*/ ctx[3] && /*hoverIndex*/ ctx[4] == /*i*/ ctx[36]
+    			attr_dev(span, "class", span_class_value = "PlayNowButton " + (/*hover*/ ctx[3] && /*hoverIndex*/ ctx[4] == /*i*/ ctx[40]
     			? "itemHover"
     			: ""));
 
-    			add_location(span, file$3, 120, 12, 3795);
-    			if (img.src !== (img_src_value = /*game*/ ctx[34].thumbnail)) attr_dev(img, "src", img_src_value);
+    			add_location(span, file$3, 133, 12, 4373);
+    			if (img.src !== (img_src_value = /*game*/ ctx[38].thumbnail)) attr_dev(img, "src", img_src_value);
     			attr_dev(img, "width", "132px");
     			attr_dev(img, "height", "100px");
-    			attr_dev(img, "alt", img_alt_value = /*game*/ ctx[34].name);
-    			attr_dev(img, "title", img_title_value = /*game*/ ctx[34].name);
-    			add_location(img, file$3, 121, 12, 3898);
+    			attr_dev(img, "alt", img_alt_value = /*game*/ ctx[38].name);
+    			attr_dev(img, "title", img_title_value = /*game*/ ctx[38].name);
+    			add_location(img, file$3, 134, 12, 4476);
     			attr_dev(div, "class", "item");
-    			add_location(div, file$3, 119, 10, 3668);
+    			add_location(div, file$3, 132, 10, 4246);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -7783,7 +7785,7 @@
     				dispose = [
     					listen_dev(div, "click", click_handler_1, false, false, false),
     					listen_dev(div, "mouseenter", mouseenter_handler, false, false, false),
-    					listen_dev(div, "mouseleave", /*mouseleave_handler*/ ctx[18], false, false, false)
+    					listen_dev(div, "mouseleave", /*mouseleave_handler*/ ctx[20], false, false, false)
     				];
 
     				mounted = true;
@@ -7792,21 +7794,21 @@
     		p: function update(new_ctx, dirty) {
     			ctx = new_ctx;
 
-    			if (dirty[0] & /*hover, hoverIndex*/ 24 && span_class_value !== (span_class_value = "PlayNowButton " + (/*hover*/ ctx[3] && /*hoverIndex*/ ctx[4] == /*i*/ ctx[36]
+    			if (dirty[0] & /*hover, hoverIndex*/ 24 && span_class_value !== (span_class_value = "PlayNowButton " + (/*hover*/ ctx[3] && /*hoverIndex*/ ctx[4] == /*i*/ ctx[40]
     			? "itemHover"
     			: ""))) {
     				attr_dev(span, "class", span_class_value);
     			}
 
-    			if (dirty[0] & /*games*/ 1 && img.src !== (img_src_value = /*game*/ ctx[34].thumbnail)) {
+    			if (dirty[0] & /*games*/ 1 && img.src !== (img_src_value = /*game*/ ctx[38].thumbnail)) {
     				attr_dev(img, "src", img_src_value);
     			}
 
-    			if (dirty[0] & /*games*/ 1 && img_alt_value !== (img_alt_value = /*game*/ ctx[34].name)) {
+    			if (dirty[0] & /*games*/ 1 && img_alt_value !== (img_alt_value = /*game*/ ctx[38].name)) {
     				attr_dev(img, "alt", img_alt_value);
     			}
 
-    			if (dirty[0] & /*games*/ 1 && img_title_value !== (img_title_value = /*game*/ ctx[34].name)) {
+    			if (dirty[0] & /*games*/ 1 && img_title_value !== (img_title_value = /*game*/ ctx[38].name)) {
     				attr_dev(img, "title", img_title_value);
     			}
     		},
@@ -7821,7 +7823,7 @@
     		block,
     		id: create_each_block$2.name,
     		type: "each",
-    		source: "(119:8) {#each games as game, i}",
+    		source: "(132:8) {#each games as game, i}",
     		ctx
     	});
 
@@ -7838,7 +7840,7 @@
     			if (if_block) if_block.c();
     			this.c = noop$1;
     			attr_dev(div, "class", "TournamentsGamesSlider");
-    			add_location(div, file$3, 109, 0, 3157);
+    			add_location(div, file$3, 122, 0, 3710);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -7846,7 +7848,7 @@
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
     			if (if_block) if_block.m(div, null);
-    			/*div_binding*/ ctx[20](div);
+    			/*div_binding*/ ctx[23](div);
     		},
     		p: function update(ctx, dirty) {
     			if (/*games*/ ctx[0]) {
@@ -7867,7 +7869,7 @@
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(div);
     			if (if_block) if_block.d();
-    			/*div_binding*/ ctx[20](null);
+    			/*div_binding*/ ctx[23](null);
     		}
     	};
 
@@ -7903,6 +7905,8 @@
     	let yDown = null;
     	let hover = false;
     	let hoverIndex;
+    	let gamesElement;
+    	let gamesElementWidth = 0;
 
     	const enter = index => {
     		$$invalidate(3, hover = true);
@@ -7946,8 +7950,10 @@
     	const move = direction => {
     		if (direction > 0 && !atEnd) {
     			$$invalidate(1, offset -= totalPaginationPixels);
+    			$$invalidate(1, offset = offset < gamesElementWidth ? gamesElementWidth : offset);
     		} else if (direction < 0 && !atStart) {
     			$$invalidate(1, offset += totalPaginationPixels);
+    			$$invalidate(1, offset = offset > 0 ? 0 : offset);
     		}
     	};
 
@@ -7987,6 +7993,18 @@
     		slider.addEventListener("touchmove", handleTouchMove, { passive: true });
     	};
 
+    	//calculate pagfactor by games length to avoid empty in the games end
+    	const recalculatePagfactor = () => {
+    		setTimeout(
+    			() => {
+    				$$invalidate(16, gamesElementWidth = (gamesElement.scrollWidth - gamesElement.clientWidth) * -1);
+    				$$invalidate(12, pagfactor = new String(gamesElement.scrollWidth / games.length));
+    				totalPaginationPixels = parseInt(scrollby, 10) * parseFloat(pagfactor, 2).toFixed(2);
+    			},
+    			1000
+    		);
+    	};
+
     	onMount(() => {
     		totalPaginationPixels = parseInt(scrollby, 10) * parseInt(pagfactor, 10);
 
@@ -8007,6 +8025,14 @@
     	const click_handler_1 = game => gameClicked(game);
     	const mouseenter_handler = i => enter(i);
     	const mouseleave_handler = () => leave();
+
+    	function div1_binding($$value) {
+    		binding_callbacks[$$value ? "unshift" : "push"](() => {
+    			gamesElement = $$value;
+    			$$invalidate(5, gamesElement);
+    		});
+    	}
+
     	const click_handler_2 = () => move(1);
 
     	function div_binding($$value) {
@@ -8017,10 +8043,10 @@
     	}
 
     	$$self.$$set = $$props => {
-    		if ("tournamenturl" in $$props) $$invalidate(11, tournamenturl = $$props.tournamenturl);
-    		if ("scrollby" in $$props) $$invalidate(12, scrollby = $$props.scrollby);
-    		if ("pagfactor" in $$props) $$invalidate(13, pagfactor = $$props.pagfactor);
-    		if ("lang" in $$props) $$invalidate(14, lang = $$props.lang);
+    		if ("tournamenturl" in $$props) $$invalidate(13, tournamenturl = $$props.tournamenturl);
+    		if ("scrollby" in $$props) $$invalidate(14, scrollby = $$props.scrollby);
+    		if ("pagfactor" in $$props) $$invalidate(12, pagfactor = $$props.pagfactor);
+    		if ("lang" in $$props) $$invalidate(15, lang = $$props.lang);
     	};
 
     	$$self.$capture_state = () => ({
@@ -8042,6 +8068,8 @@
     		yDown,
     		hover,
     		hoverIndex,
+    		gamesElement,
+    		gamesElementWidth,
     		enter,
     		leave,
     		getTouches,
@@ -8052,15 +8080,16 @@
     		fetchData,
     		getTotalPixels,
     		addEventListeners,
+    		recalculatePagfactor,
     		atStart,
     		atEnd
     	});
 
     	$$self.$inject_state = $$props => {
-    		if ("tournamenturl" in $$props) $$invalidate(11, tournamenturl = $$props.tournamenturl);
-    		if ("scrollby" in $$props) $$invalidate(12, scrollby = $$props.scrollby);
-    		if ("pagfactor" in $$props) $$invalidate(13, pagfactor = $$props.pagfactor);
-    		if ("lang" in $$props) $$invalidate(14, lang = $$props.lang);
+    		if ("tournamenturl" in $$props) $$invalidate(13, tournamenturl = $$props.tournamenturl);
+    		if ("scrollby" in $$props) $$invalidate(14, scrollby = $$props.scrollby);
+    		if ("pagfactor" in $$props) $$invalidate(12, pagfactor = $$props.pagfactor);
+    		if ("lang" in $$props) $$invalidate(15, lang = $$props.lang);
     		if ("userAgent" in $$props) userAgent = $$props.userAgent;
     		if ("items" in $$props) items = $$props.items;
     		if ("totalPaginationPixels" in $$props) totalPaginationPixels = $$props.totalPaginationPixels;
@@ -8073,8 +8102,10 @@
     		if ("yDown" in $$props) yDown = $$props.yDown;
     		if ("hover" in $$props) $$invalidate(3, hover = $$props.hover);
     		if ("hoverIndex" in $$props) $$invalidate(4, hoverIndex = $$props.hoverIndex);
-    		if ("atStart" in $$props) $$invalidate(5, atStart = $$props.atStart);
-    		if ("atEnd" in $$props) $$invalidate(6, atEnd = $$props.atEnd);
+    		if ("gamesElement" in $$props) $$invalidate(5, gamesElement = $$props.gamesElement);
+    		if ("gamesElementWidth" in $$props) $$invalidate(16, gamesElementWidth = $$props.gamesElementWidth);
+    		if ("atStart" in $$props) $$invalidate(6, atStart = $$props.atStart);
+    		if ("atEnd" in $$props) $$invalidate(7, atEnd = $$props.atEnd);
     	};
 
     	if ($$props && "$$inject" in $$props) {
@@ -8083,14 +8114,14 @@
 
     	$$self.$$.update = () => {
     		if ($$self.$$.dirty[0] & /*offset*/ 2) {
-    			$$invalidate(5, atStart = offset === 0);
+    			$$invalidate(6, atStart = offset === 0);
     		}
 
-    		if ($$self.$$.dirty[0] & /*offset, pagfactor, games, scrollby*/ 12291) {
-    			$$invalidate(6, atEnd = offset <= parseInt(pagfactor, 10) * (games.length - parseInt(scrollby, 10)) * -1);
+    		if ($$self.$$.dirty[0] & /*offset, gamesElementWidth*/ 65538) {
+    			$$invalidate(7, atEnd = offset <= gamesElementWidth);
     		}
 
-    		if ($$self.$$.dirty[0] & /*tournamenturl*/ 2048) {
+    		if ($$self.$$.dirty[0] & /*tournamenturl*/ 8192) {
     			tournamenturl && fetchData();
     		}
 
@@ -8099,6 +8130,10 @@
     			// $: scrollby && pagfactor && getTotalPixels();
     			slider && addEventListeners();
     		}
+
+    		if ($$self.$$.dirty[0] & /*games*/ 1) {
+    			games.length && recalculatePagfactor();
+    		}
     	};
 
     	$$invalidate(1, offset = 0);
@@ -8109,20 +8144,23 @@
     		slider,
     		hover,
     		hoverIndex,
+    		gamesElement,
     		atStart,
     		atEnd,
     		enter,
     		leave,
     		move,
     		gameClicked,
+    		pagfactor,
     		tournamenturl,
     		scrollby,
-    		pagfactor,
     		lang,
+    		gamesElementWidth,
     		click_handler,
     		click_handler_1,
     		mouseenter_handler,
     		mouseleave_handler,
+    		div1_binding,
     		click_handler_2,
     		div_binding
     	];
@@ -8131,7 +8169,7 @@
     class CasinoTournamentsThumbnailGamesSlider 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}.TournamentsGamesSlider{background:#0a0c19;color:#fff;display:flex;justify-content:center}.disabled{color:#3B3C47}.SliderNavButton{background:#0a0c19;border:0px;width:25px;display:flex;align-items:center;justify-content:center}main{width:95%;overflow:hidden}.items{display:flex;transition:transform 0.4s ease-in-out;transform:translateX(0px)}.item{min-width:119px;height:96px;margin:0 4px;background-color:#ef4322;color:white;display:flex;justify-content:center;align-items:center;font-weight:bold;font-size:10rem;user-select:none;overflow:hidden}.PlayNowButton{position:absolute;background:#28a745;display:block;box-sizing:border-box;padding:0.8rem .5rem;color:#fff;text-transform:uppercase;text-align:center;font-weight:600;font-size:0.7rem;cursor:pointer;transition:opacity .4s linear;opacity:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.itemHover{opacity:1}.items .item:first-child{margin-left:0}.items .item:last-child{margin-right:0}</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}.TournamentsGamesSlider{background:#0a0c19;color:#fff;display:flex;justify-content:center}.disabled{color:#3B3C47}.SliderNavButton{background:#0a0c19;border:0px;width:25px;align-items:center;justify-content:center}main{width:95%;overflow:hidden}.items{display:flex;transition:transform 0.4s ease-in-out;transform:translateX(0px)}.item{min-width:119px;height:96px;margin:0 4px;background-color:#ef4322;color:white;display:flex;justify-content:center;align-items:center;font-weight:bold;font-size:10rem;user-select:none;overflow:hidden}.PlayNowButton{position:absolute;background:#28a745;display:block;box-sizing:border-box;padding:0.8rem .5rem;color:#fff;text-transform:uppercase;text-align:center;font-weight:600;font-size:0.7rem;cursor:pointer;transition:opacity .4s linear;opacity:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.itemHover{opacity:1}.items .item:first-child{margin-left:0}.items .item:last-child{margin-right:0}</style>`;
 
     		init(
     			this,
@@ -8144,10 +8182,10 @@
     			create_fragment$3,
     			safe_not_equal,
     			{
-    				tournamenturl: 11,
-    				scrollby: 12,
-    				pagfactor: 13,
-    				lang: 14
+    				tournamenturl: 13,
+    				scrollby: 14,
+    				pagfactor: 12,
+    				lang: 15
     			},
     			[-1, -1]
     		);
@@ -8169,7 +8207,7 @@
     	}
 
     	get tournamenturl() {
-    		return this.$$.ctx[11];
+    		return this.$$.ctx[13];
     	}
 
     	set tournamenturl(tournamenturl) {
@@ -8178,7 +8216,7 @@
     	}
 
     	get scrollby() {
-    		return this.$$.ctx[12];
+    		return this.$$.ctx[14];
     	}
 
     	set scrollby(scrollby) {
@@ -8187,7 +8225,7 @@
     	}
 
     	get pagfactor() {
-    		return this.$$.ctx[13];
+    		return this.$$.ctx[12];
     	}
 
     	set pagfactor(pagfactor) {
@@ -8196,7 +8234,7 @@
     	}
 
     	get lang() {
-    		return this.$$.ctx[14];
+    		return this.$$.ctx[15];
     	}
 
     	set lang(lang) {
@@ -9180,7 +9218,6 @@
     			set_custom_element_data(casino_tournaments_thumbnail_games_slider, "tournamenturl", /*tournamenturl*/ ctx[2]);
     			set_custom_element_data(casino_tournaments_thumbnail_games_slider, "lang", /*lang*/ ctx[8]);
     			set_custom_element_data(casino_tournaments_thumbnail_games_slider, "scrollby", "2");
-    			set_custom_element_data(casino_tournaments_thumbnail_games_slider, "pagfactor", "130");
     			add_location(casino_tournaments_thumbnail_games_slider, file$2, 266, 6, 8864);
     		},
     		m: function mount(target, anchor) {