@everymatrix/casino-tournaments-thumbnail-controller 0.0.91 → 0.0.95

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

@@ -6588,12 +6588,12 @@
 
     function get_each_context(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[28] = list[i];
-    	child_ctx[30] = i;
+    	child_ctx[34] = list[i];
+    	child_ctx[36] = i;
     	return child_ctx;
     }
 
-    // (101:2) {#if games}
+    // (111:2) {#if games}
     function create_if_block$1(ctx) {
     	let div0;
     	let svg0;
@@ -6636,32 +6636,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$1, 103, 8, 3245);
+    			add_location(path0, file$1, 113, 8, 3422);
     			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$1, 102, 6, 3142);
+    			add_location(svg0, file$1, 112, 6, 3319);
     			attr_dev(div0, "class", "SliderNavButton");
-    			toggle_class(div0, "disabled", /*atStart*/ ctx[3]);
-    			add_location(div0, file$1, 101, 4, 3053);
+    			toggle_class(div0, "disabled", /*atStart*/ ctx[5]);
+    			add_location(div0, file$1, 111, 4, 3230);
     			attr_dev(div1, "class", "items");
     			set_style(div1, "transform", "translateX(" + /*offset*/ ctx[1] + "px)");
-    			add_location(div1, file$1, 107, 6, 3384);
-    			add_location(main, file$1, 106, 4, 3371);
+    			add_location(div1, file$1, 117, 6, 3561);
+    			add_location(main, file$1, 116, 4, 3548);
     			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$1, 117, 8, 3898);
+    			add_location(path1, file$1, 128, 8, 4239);
     			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$1, 116, 6, 3795);
+    			add_location(svg1, file$1, 127, 6, 4136);
     			attr_dev(div2, "class", "SliderNavButton");
-    			toggle_class(div2, "disabled", /*atEnd*/ ctx[4]);
-    			add_location(div2, file$1, 115, 4, 3709);
+    			toggle_class(div2, "disabled", /*atEnd*/ ctx[6]);
+    			add_location(div2, file$1, 126, 4, 4050);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div0, anchor);
@@ -6682,19 +6682,19 @@
 
     			if (!mounted) {
     				dispose = [
-    					listen_dev(div0, "click", /*click_handler*/ ctx[11], false, false, false),
-    					listen_dev(div2, "click", /*click_handler_2*/ ctx[13], false, false, false)
+    					listen_dev(div0, "click", /*click_handler*/ ctx[15], false, false, false),
+    					listen_dev(div2, "click", /*click_handler_2*/ ctx[19], false, false, false)
     				];
 
     				mounted = true;
     			}
     		},
     		p: function update(ctx, dirty) {
-    			if (dirty & /*atStart*/ 8) {
-    				toggle_class(div0, "disabled", /*atStart*/ ctx[3]);
+    			if (dirty[0] & /*atStart*/ 32) {
+    				toggle_class(div0, "disabled", /*atStart*/ ctx[5]);
     			}
 
-    			if (dirty & /*gameClicked, games*/ 65) {
+    			if (dirty[0] & /*gameClicked, games, enter, leave, hover, hoverIndex*/ 1433) {
     				each_value = /*games*/ ctx[0];
     				validate_each_argument(each_value);
     				let i;
@@ -6718,12 +6718,12 @@
     				each_blocks.length = each_value.length;
     			}
 
-    			if (dirty & /*offset*/ 2) {
+    			if (dirty[0] & /*offset*/ 2) {
     				set_style(div1, "transform", "translateX(" + /*offset*/ ctx[1] + "px)");
     			}
 
-    			if (dirty & /*atEnd*/ 16) {
-    				toggle_class(div2, "disabled", /*atEnd*/ ctx[4]);
+    			if (dirty[0] & /*atEnd*/ 64) {
+    				toggle_class(div2, "disabled", /*atEnd*/ ctx[6]);
     			}
     		},
     		d: function destroy(detaching) {
@@ -6742,71 +6742,102 @@
     		block,
     		id: create_if_block$1.name,
     		type: "if",
-    		source: "(101:2) {#if games}",
+    		source: "(111:2) {#if games}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (109:8) {#each games as game, i}
+    // (119:8) {#each games as game, i}
     function create_each_block(ctx) {
     	let div;
+    	let span;
+    	let t0;
+    	let span_class_value;
+    	let t1;
     	let img;
     	let img_src_value;
     	let img_alt_value;
     	let img_title_value;
-    	let t;
+    	let t2;
     	let mounted;
     	let dispose;
 
     	function click_handler_1() {
-    		return /*click_handler_1*/ ctx[12](/*game*/ ctx[28]);
+    		return /*click_handler_1*/ ctx[16](/*game*/ ctx[34]);
+    	}
+
+    	function mouseenter_handler() {
+    		return /*mouseenter_handler*/ ctx[17](/*i*/ ctx[36]);
     	}
 
     	const block = {
     		c: function create() {
     			div = element("div");
+    			span = element("span");
+    			t0 = text("Play now");
+    			t1 = space();
     			img = element("img");
-    			t = space();
-    			if (img.src !== (img_src_value = /*game*/ ctx[28].thumbnail)) attr_dev(img, "src", img_src_value);
+    			t2 = space();
+
+    			attr_dev(span, "class", span_class_value = "PlayNowButton " + (/*hover*/ ctx[3] && /*hoverIndex*/ ctx[4] == /*i*/ ctx[36]
+    			? "itemHover"
+    			: ""));
+
+    			add_location(span, file$1, 120, 12, 3794);
+    			if (img.src !== (img_src_value = /*game*/ ctx[34].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[28].name);
-    			attr_dev(img, "title", img_title_value = /*game*/ ctx[28].name);
-    			add_location(img, file$1, 110, 12, 3556);
+    			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$1, 121, 12, 3897);
     			attr_dev(div, "class", "item");
-    			add_location(div, file$1, 109, 10, 3490);
+    			add_location(div, file$1, 119, 10, 3667);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
+    			append_dev(div, span);
+    			append_dev(span, t0);
+    			append_dev(div, t1);
     			append_dev(div, img);
-    			append_dev(div, t);
+    			append_dev(div, t2);
 
     			if (!mounted) {
-    				dispose = listen_dev(div, "click", click_handler_1, false, false, false);
+    				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)
+    				];
+
     				mounted = true;
     			}
     		},
     		p: function update(new_ctx, dirty) {
     			ctx = new_ctx;
 
-    			if (dirty & /*games*/ 1 && img.src !== (img_src_value = /*game*/ ctx[28].thumbnail)) {
+    			if (dirty[0] & /*hover, hoverIndex*/ 24 && span_class_value !== (span_class_value = "PlayNowButton " + (/*hover*/ ctx[3] && /*hoverIndex*/ ctx[4] == /*i*/ ctx[36]
+    			? "itemHover"
+    			: ""))) {
+    				attr_dev(span, "class", span_class_value);
+    			}
+
+    			if (dirty[0] & /*games*/ 1 && img.src !== (img_src_value = /*game*/ ctx[34].thumbnail)) {
     				attr_dev(img, "src", img_src_value);
     			}
 
-    			if (dirty & /*games*/ 1 && img_alt_value !== (img_alt_value = /*game*/ ctx[28].name)) {
+    			if (dirty[0] & /*games*/ 1 && img_alt_value !== (img_alt_value = /*game*/ ctx[34].name)) {
     				attr_dev(img, "alt", img_alt_value);
     			}
 
-    			if (dirty & /*games*/ 1 && img_title_value !== (img_title_value = /*game*/ ctx[28].name)) {
+    			if (dirty[0] & /*games*/ 1 && img_title_value !== (img_title_value = /*game*/ ctx[34].name)) {
     				attr_dev(img, "title", img_title_value);
     			}
     		},
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(div);
     			mounted = false;
-    			dispose();
+    			run_all(dispose);
     		}
     	};
 
@@ -6814,7 +6845,7 @@
     		block,
     		id: create_each_block.name,
     		type: "each",
-    		source: "(109:8) {#each games as game, i}",
+    		source: "(119:8) {#each games as game, i}",
     		ctx
     	});
 
@@ -6831,7 +6862,7 @@
     			if (if_block) if_block.c();
     			this.c = noop$1;
     			attr_dev(div, "class", "TournamentsGamesSlider");
-    			add_location(div, file$1, 99, 0, 2979);
+    			add_location(div, file$1, 109, 0, 3156);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -6839,9 +6870,9 @@
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
     			if (if_block) if_block.m(div, null);
-    			/*div_binding*/ ctx[14](div);
+    			/*div_binding*/ ctx[20](div);
     		},
-    		p: function update(ctx, [dirty]) {
+    		p: function update(ctx, dirty) {
     			if (/*games*/ ctx[0]) {
     				if (if_block) {
     					if_block.p(ctx, dirty);
@@ -6860,7 +6891,7 @@
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(div);
     			if (if_block) if_block.d();
-    			/*div_binding*/ ctx[14](null);
+    			/*div_binding*/ ctx[20](null);
     		}
     	};
 
@@ -6894,6 +6925,18 @@
     	let slider;
     	let xDown = null;
     	let yDown = null;
+    	let hover = false;
+    	let hoverIndex = "";
+
+    	const enter = index => {
+    		$$invalidate(3, hover = true);
+    		$$invalidate(4, hoverIndex = index);
+    	};
+
+    	const leave = () => {
+    		$$invalidate(3, hover = false);
+    		$$invalidate(4, hoverIndex = -1);
+    	};
 
     	const getTouches = evt => {
     		return evt.touches || evt.originalEvent.touches;
@@ -6986,6 +7029,8 @@
 
     	const click_handler = () => move(-1);
     	const click_handler_1 = game => gameClicked(game);
+    	const mouseenter_handler = i => enter(i);
+    	const mouseleave_handler = () => leave();
     	const click_handler_2 = () => move(1);
 
     	function div_binding($$value) {
@@ -6996,10 +7041,10 @@
     	}
 
     	$$self.$$set = $$props => {
-    		if ("tournamenturl" in $$props) $$invalidate(7, tournamenturl = $$props.tournamenturl);
-    		if ("scrollby" in $$props) $$invalidate(8, scrollby = $$props.scrollby);
-    		if ("pagfactor" in $$props) $$invalidate(9, pagfactor = $$props.pagfactor);
-    		if ("lang" in $$props) $$invalidate(10, lang = $$props.lang);
+    		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);
     	};
 
     	$$self.$capture_state = () => ({
@@ -7019,6 +7064,10 @@
     		slider,
     		xDown,
     		yDown,
+    		hover,
+    		hoverIndex,
+    		enter,
+    		leave,
     		getTouches,
     		handleTouchStart,
     		handleTouchMove,
@@ -7032,10 +7081,10 @@
     	});
 
     	$$self.$inject_state = $$props => {
-    		if ("tournamenturl" in $$props) $$invalidate(7, tournamenturl = $$props.tournamenturl);
-    		if ("scrollby" in $$props) $$invalidate(8, scrollby = $$props.scrollby);
-    		if ("pagfactor" in $$props) $$invalidate(9, pagfactor = $$props.pagfactor);
-    		if ("lang" in $$props) $$invalidate(10, lang = $$props.lang);
+    		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 ("userAgent" in $$props) userAgent = $$props.userAgent;
     		if ("items" in $$props) items = $$props.items;
     		if ("totalPaginationPixels" in $$props) totalPaginationPixels = $$props.totalPaginationPixels;
@@ -7046,8 +7095,10 @@
     		if ("slider" in $$props) $$invalidate(2, slider = $$props.slider);
     		if ("xDown" in $$props) xDown = $$props.xDown;
     		if ("yDown" in $$props) yDown = $$props.yDown;
-    		if ("atStart" in $$props) $$invalidate(3, atStart = $$props.atStart);
-    		if ("atEnd" in $$props) $$invalidate(4, atEnd = $$props.atEnd);
+    		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 ($$props && "$$inject" in $$props) {
@@ -7055,19 +7106,19 @@
     	}
 
     	$$self.$$.update = () => {
-    		if ($$self.$$.dirty & /*offset*/ 2) {
-    			$$invalidate(3, atStart = offset === 0);
+    		if ($$self.$$.dirty[0] & /*offset*/ 2) {
+    			$$invalidate(5, atStart = offset === 0);
     		}
 
-    		if ($$self.$$.dirty & /*offset, pagfactor, games, scrollby*/ 771) {
-    			$$invalidate(4, atEnd = offset <= parseInt(pagfactor, 10) * (games.length - parseInt(scrollby, 10)) * -1);
+    		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 & /*tournamenturl*/ 128) {
+    		if ($$self.$$.dirty[0] & /*tournamenturl*/ 2048) {
     			tournamenturl && fetchData();
     		}
 
-    		if ($$self.$$.dirty & /*slider*/ 4) {
+    		if ($$self.$$.dirty[0] & /*slider*/ 4) {
     			// @TODO
     			// $: scrollby && pagfactor && getTotalPixels();
     			slider && addEventListeners();
@@ -7080,8 +7131,12 @@
     		games,
     		offset,
     		slider,
+    		hover,
+    		hoverIndex,
     		atStart,
     		atEnd,
+    		enter,
+    		leave,
     		move,
     		gameClicked,
     		tournamenturl,
@@ -7090,6 +7145,8 @@
     		lang,
     		click_handler,
     		click_handler_1,
+    		mouseenter_handler,
+    		mouseleave_handler,
     		click_handler_2,
     		div_binding
     	];
@@ -7098,7 +7155,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}.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;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>`;
 
     		init(
     			this,
@@ -7111,11 +7168,12 @@
     			create_fragment$1,
     			safe_not_equal,
     			{
-    				tournamenturl: 7,
-    				scrollby: 8,
-    				pagfactor: 9,
-    				lang: 10
-    			}
+    				tournamenturl: 11,
+    				scrollby: 12,
+    				pagfactor: 13,
+    				lang: 14
+    			},
+    			[-1, -1]
     		);
 
     		if (options) {
@@ -7135,7 +7193,7 @@
     	}
 
     	get tournamenturl() {
-    		return this.$$.ctx[7];
+    		return this.$$.ctx[11];
     	}
 
     	set tournamenturl(tournamenturl) {
@@ -7144,7 +7202,7 @@
     	}
 
     	get scrollby() {
-    		return this.$$.ctx[8];
+    		return this.$$.ctx[12];
     	}
 
     	set scrollby(scrollby) {
@@ -7153,7 +7211,7 @@
     	}
 
     	get pagfactor() {
-    		return this.$$.ctx[9];
+    		return this.$$.ctx[13];
     	}
 
     	set pagfactor(pagfactor) {
@@ -7162,7 +7220,7 @@
     	}
 
     	get lang() {
-    		return this.$$.ctx[10];
+    		return this.$$.ctx[14];
     	}
 
     	set lang(lang) {