@everymatrix/casino-tournaments-slider-controller 0.0.263 → 0.0.266

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

@@ -1,6 +1,6 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@everymatrix/casino-tournaments-rank')) :
-    typeof define === 'function' && define.amd ? define(['@everymatrix/casino-tournaments-rank'], factory) :
+    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+    typeof define === 'function' && define.amd ? define(factory) :
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.app = factory());
 }(this, (function () { 'use strict';
 
@@ -5557,6 +5557,569 @@
     }(typeof globalThis === 'undefined' ? (typeof window !== 'undefined' ? window : typeof self !== 'undefined' ? self : commonjsGlobal) : globalThis));
     });
 
+    var img$3 = "data:image/svg+xml,%3csvg width='17' height='17' aria-hidden='true' focusable='false' data-prefix='fas' data-icon='award' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' class='svg-inline--fa fa-award fa-w-12 fa-3x'%3e %3cpath fill='currentColor' d='M97.12 362.63c-8.69-8.69-4.16-6.24-25.12-11.85-9.51-2.55-17.87-7.45-25.43-13.32L1.2 448.7c-4.39 10.77 3.81 22.47 15.43 22.03l52.69-2.01L105.56 507c8 8.44 22.04 5.81 26.43-4.96l52.05-127.62c-10.84 6.04-22.87 9.58-35.31 9.58-19.5 0-37.82-7.59-51.61-21.37zM382.8 448.7l-45.37-111.24c-7.56 5.88-15.92 10.77-25.43 13.32-21.07 5.64-16.45 3.18-25.12 11.85-13.79 13.78-32.12 21.37-51.62 21.37-12.44 0-24.47-3.55-35.31-9.58L252 502.04c4.39 10.77 18.44 13.4 26.43 4.96l36.25-38.28 52.69 2.01c11.62.44 19.82-11.27 15.43-22.03zM263 340c15.28-15.55 17.03-14.21 38.79-20.14 13.89-3.79 24.75-14.84 28.47-28.98 7.48-28.4 5.54-24.97 25.95-45.75 10.17-10.35 14.14-25.44 10.42-39.58-7.47-28.38-7.48-24.42 0-52.83 3.72-14.14-.25-29.23-10.42-39.58-20.41-20.78-18.47-17.36-25.95-45.75-3.72-14.14-14.58-25.19-28.47-28.98-27.88-7.61-24.52-5.62-44.95-26.41-10.17-10.35-25-14.4-38.89-10.61-27.87 7.6-23.98 7.61-51.9 0-13.89-3.79-28.72.25-38.89 10.61-20.41 20.78-17.05 18.8-44.94 26.41-13.89 3.79-24.75 14.84-28.47 28.98-7.47 28.39-5.54 24.97-25.95 45.75-10.17 10.35-14.15 25.44-10.42 39.58 7.47 28.36 7.48 24.4 0 52.82-3.72 14.14.25 29.23 10.42 39.59 20.41 20.78 18.47 17.35 25.95 45.75 3.72 14.14 14.58 25.19 28.47 28.98C104.6 325.96 106.27 325 121 340c13.23 13.47 33.84 15.88 49.74 5.82a39.676 39.676 0 0 1 42.53 0c15.89 10.06 36.5 7.65 49.73-5.82zM97.66 175.96c0-53.03 42.24-96.02 94.34-96.02s94.34 42.99 94.34 96.02-42.24 96.02-94.34 96.02-94.34-42.99-94.34-96.02z' class=''%3e %3c/path%3e%3c/svg%3e";
+
+    var img$2 = "data:image/svg+xml,%3csvg width='17' height='17' aria-hidden='true' focusable='false' data-prefix='fas' data-icon='user' class='svg-inline--fa fa-user' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e %3cpath fill='currentColor' d='M224 256c70.7 0 128-57.31 128-128s-57.3-128-128-128C153.3 0 96 57.31 96 128S153.3 256 224 256zM274.7 304H173.3C77.61 304 0 381.6 0 477.3c0 19.14 15.52 34.67 34.66 34.67h378.7C432.5 512 448 496.5 448 477.3C448 381.6 370.4 304 274.7 304z'%3e %3c/path%3e%3c/svg%3e";
+
+    var img$1 = "data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3ccircle cx='4.9999' cy='4.9999' r='4.9999' fill='%23434647'/%3e %3cg clip-path='url(%23clip0_2591_1149)'%3e %3cline x1='4.93332' y1='4' x2='4.93332' y2='7.99992' stroke='%2359CA00' stroke-width='1.86663'/%3e %3cpath d='M4.99896 2L7.59699 4.99994H2.40094L4.99896 2Z' fill='%2359CA00'%3e %3c/path%3e %3c/g%3e %3cdefs%3e %3cclipPath id='clip0_2591_1149'%3e %3crect width='5.99988' height='5.99928' fill='white' transform='translate(1.99902 2)'/%3e %3c/clipPath%3e %3c/defs%3e%3c/svg%3e";
+
+    var img = "data:image/svg+xml,%3csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3ccircle r='4.9999' transform='matrix(1 0 0 -1 4.9999 5.0001)' fill='%23434647'/%3e %3cg clip-path='url(%23clip0_2591_1154)'%3e %3cline y1='-0.933315' x2='3.99992' y2='-0.933315' transform='matrix(0 -1 -1 0 4 6)' stroke='%23CA0000' stroke-width='1.86663'/%3e %3cpath d='M4.99896 8L7.59699 5.00006H2.40094L4.99896 8Z' fill='%23CA0000'/%3e %3c/g%3e %3cdefs%3e %3cclipPath id='clip0_2591_1154'%3e %3crect width='5.99988' height='5.99928' fill='white' transform='matrix(1 0 0 -1 1.99902 8)'/%3e %3c/clipPath%3e %3c/defs%3e%3c/svg%3e";
+
+    /* ../casino-tournaments-rank/src/CasinoTournamentsRank.svelte generated by Svelte v3.37.0 */
+    const file$1 = "../casino-tournaments-rank/src/CasinoTournamentsRank.svelte";
+
+    // (71:4) {#if showicon== 'true'}
+    function create_if_block_1$1(ctx) {
+    	let span;
+    	let img;
+    	let img_src_value;
+
+    	const block = {
+    		c: function create() {
+    			span = element("span");
+    			img = element("img");
+    			attr_dev(img, "alt", "user");
+    			if (img.src !== (img_src_value = img$2)) attr_dev(img, "src", img_src_value);
+    			add_location(img, file$1, 72, 6, 2402);
+    			attr_dev(span, "class", "Icon UserIcon");
+    			add_location(span, file$1, 71, 4, 2367);
+    		},
+    		m: function mount(target, anchor) {
+    			insert_dev(target, span, anchor);
+    			append_dev(span, img);
+    		},
+    		p: noop$1,
+    		d: function destroy(detaching) {
+    			if (detaching) detach_dev(span);
+    		}
+    	};
+
+    	dispatch_dev("SvelteRegisterBlock", {
+    		block,
+    		id: create_if_block_1$1.name,
+    		type: "if",
+    		source: "(71:4) {#if showicon== 'true'}",
+    		ctx
+    	});
+
+    	return block;
+    }
+
+    // (82:4) {#if showicon== 'true'}
+    function create_if_block$1(ctx) {
+    	let span;
+    	let img;
+    	let img_src_value;
+
+    	const block = {
+    		c: function create() {
+    			span = element("span");
+    			img = element("img");
+    			attr_dev(img, "alt", "prize");
+    			if (img.src !== (img_src_value = img$3)) attr_dev(img, "src", img_src_value);
+    			add_location(img, file$1, 83, 6, 3084);
+    			attr_dev(span, "class", "Icon PrizeIcon");
+    			add_location(span, file$1, 82, 4, 3048);
+    		},
+    		m: function mount(target, anchor) {
+    			insert_dev(target, span, anchor);
+    			append_dev(span, img);
+    		},
+    		p: noop$1,
+    		d: function destroy(detaching) {
+    			if (detaching) detach_dev(span);
+    		}
+    	};
+
+    	dispatch_dev("SvelteRegisterBlock", {
+    		block,
+    		id: create_if_block$1.name,
+    		type: "if",
+    		source: "(82:4) {#if showicon== 'true'}",
+    		ctx
+    	});
+
+    	return block;
+    }
+
+    function create_fragment$1(ctx) {
+    	let div2;
+    	let div0;
+    	let t0;
+    	let span0;
+    	let t1;
+
+    	let t2_value = (/*overallrank*/ ctx[1] == 0
+    	? "-"
+    	: /*userrank*/ ctx[0] ? /*userrank*/ ctx[0] : "-") + "";
+
+    	let t2;
+    	let t3;
+
+    	let t4_value = (/*overallrank*/ ctx[1] == 0
+    	? "-"
+    	: /*overallrank*/ ctx[1]) + "";
+
+    	let t4;
+    	let t5;
+    	let img0;
+    	let img0_src_value;
+    	let img0_class_value;
+    	let t6;
+    	let img1;
+    	let img1_src_value;
+    	let img1_class_value;
+    	let t7;
+    	let div1;
+    	let t8;
+    	let span1;
+    	let t9;
+    	let div1_class_value;
+    	let div2_class_value;
+    	let if_block0 = /*showicon*/ ctx[4] == "true" && create_if_block_1$1(ctx);
+    	let if_block1 = /*showicon*/ ctx[4] == "true" && create_if_block$1(ctx);
+
+    	const block = {
+    		c: function create() {
+    			div2 = element("div");
+    			div0 = element("div");
+    			if (if_block0) if_block0.c();
+    			t0 = space();
+    			span0 = element("span");
+    			t1 = text(/*rankprefix*/ ctx[3]);
+    			t2 = text(t2_value);
+    			t3 = text("/");
+    			t4 = text(t4_value);
+    			t5 = space();
+    			img0 = element("img");
+    			t6 = space();
+    			img1 = element("img");
+    			t7 = space();
+    			div1 = element("div");
+    			if (if_block1) if_block1.c();
+    			t8 = space();
+    			span1 = element("span");
+    			t9 = text(/*prize*/ ctx[2]);
+    			this.c = noop$1;
+    			attr_dev(img0, "part", "Rank_Arror_UP");
+    			attr_dev(img0, "alt", "Rank Up");
+    			if (img0.src !== (img0_src_value = img$1)) attr_dev(img0, "src", img0_src_value);
+    			attr_dev(img0, "width", "20");
+    			attr_dev(img0, "height", "20");
+
+    			attr_dev(img0, "class", img0_class_value = "svg Arrow Up " + (/*userRankChanged*/ ctx[6] && /*isRankingUp*/ ctx[7]
+    			? "Show"
+    			: "Hidden"));
+
+    			add_location(img0, file$1, 76, 6, 2611);
+    			attr_dev(img1, "part", "Rank_Arror_Down");
+    			attr_dev(img1, "alt", "Rank Down");
+    			if (img1.src !== (img1_src_value = img)) attr_dev(img1, "src", img1_src_value);
+    			attr_dev(img1, "width", "10");
+    			attr_dev(img1, "height", "10");
+
+    			attr_dev(img1, "class", img1_class_value = "svg Arrow Down " + (/*userRankChanged*/ ctx[6] && !/*isRankingUp*/ ctx[7]
+    			? "Show"
+    			: "Hidden"));
+
+    			add_location(img1, file$1, 77, 6, 2777);
+    			attr_dev(span0, "class", "RankInfo");
+    			attr_dev(span0, "part", "RankText");
+    			add_location(span0, file$1, 75, 4, 2463);
+    			attr_dev(div0, "class", "RankSec");
+    			attr_dev(div0, "part", "Rank");
+    			add_location(div0, file$1, 69, 2, 2301);
+    			attr_dev(span1, "class", "RankInfo UserPrize");
+    			attr_dev(span1, "part", "PrizeText");
+    			add_location(span1, file$1, 86, 4, 3147);
+    			attr_dev(div1, "class", div1_class_value = "" + (/*displayin*/ ctx[5] + " PrizeSec"));
+    			attr_dev(div1, "part", "Prize");
+    			add_location(div1, file$1, 80, 2, 2968);
+    			attr_dev(div2, "class", div2_class_value = "" + (/*displayin*/ ctx[5] + " casino-tournaments-rank"));
+    			add_location(div2, file$1, 68, 0, 2249);
+    		},
+    		l: function claim(nodes) {
+    			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
+    		},
+    		m: function mount(target, anchor) {
+    			insert_dev(target, div2, anchor);
+    			append_dev(div2, div0);
+    			if (if_block0) if_block0.m(div0, null);
+    			append_dev(div0, t0);
+    			append_dev(div0, span0);
+    			append_dev(span0, t1);
+    			append_dev(span0, t2);
+    			append_dev(span0, t3);
+    			append_dev(span0, t4);
+    			append_dev(span0, t5);
+    			append_dev(span0, img0);
+    			append_dev(span0, t6);
+    			append_dev(span0, img1);
+    			append_dev(div2, t7);
+    			append_dev(div2, div1);
+    			if (if_block1) if_block1.m(div1, null);
+    			append_dev(div1, t8);
+    			append_dev(div1, span1);
+    			append_dev(span1, t9);
+    		},
+    		p: function update(ctx, [dirty]) {
+    			if (/*showicon*/ ctx[4] == "true") {
+    				if (if_block0) {
+    					if_block0.p(ctx, dirty);
+    				} else {
+    					if_block0 = create_if_block_1$1(ctx);
+    					if_block0.c();
+    					if_block0.m(div0, t0);
+    				}
+    			} else if (if_block0) {
+    				if_block0.d(1);
+    				if_block0 = null;
+    			}
+
+    			if (dirty & /*rankprefix*/ 8) set_data_dev(t1, /*rankprefix*/ ctx[3]);
+
+    			if (dirty & /*overallrank, userrank*/ 3 && t2_value !== (t2_value = (/*overallrank*/ ctx[1] == 0
+    			? "-"
+    			: /*userrank*/ ctx[0] ? /*userrank*/ ctx[0] : "-") + "")) set_data_dev(t2, t2_value);
+
+    			if (dirty & /*overallrank*/ 2 && t4_value !== (t4_value = (/*overallrank*/ ctx[1] == 0
+    			? "-"
+    			: /*overallrank*/ ctx[1]) + "")) set_data_dev(t4, t4_value);
+
+    			if (dirty & /*userRankChanged, isRankingUp*/ 192 && img0_class_value !== (img0_class_value = "svg Arrow Up " + (/*userRankChanged*/ ctx[6] && /*isRankingUp*/ ctx[7]
+    			? "Show"
+    			: "Hidden"))) {
+    				attr_dev(img0, "class", img0_class_value);
+    			}
+
+    			if (dirty & /*userRankChanged, isRankingUp*/ 192 && img1_class_value !== (img1_class_value = "svg Arrow Down " + (/*userRankChanged*/ ctx[6] && !/*isRankingUp*/ ctx[7]
+    			? "Show"
+    			: "Hidden"))) {
+    				attr_dev(img1, "class", img1_class_value);
+    			}
+
+    			if (/*showicon*/ ctx[4] == "true") {
+    				if (if_block1) {
+    					if_block1.p(ctx, dirty);
+    				} else {
+    					if_block1 = create_if_block$1(ctx);
+    					if_block1.c();
+    					if_block1.m(div1, t8);
+    				}
+    			} else if (if_block1) {
+    				if_block1.d(1);
+    				if_block1 = null;
+    			}
+
+    			if (dirty & /*prize*/ 4) set_data_dev(t9, /*prize*/ ctx[2]);
+
+    			if (dirty & /*displayin*/ 32 && div1_class_value !== (div1_class_value = "" + (/*displayin*/ ctx[5] + " PrizeSec"))) {
+    				attr_dev(div1, "class", div1_class_value);
+    			}
+
+    			if (dirty & /*displayin*/ 32 && div2_class_value !== (div2_class_value = "" + (/*displayin*/ ctx[5] + " casino-tournaments-rank"))) {
+    				attr_dev(div2, "class", div2_class_value);
+    			}
+    		},
+    		i: noop$1,
+    		o: noop$1,
+    		d: function destroy(detaching) {
+    			if (detaching) detach_dev(div2);
+    			if (if_block0) if_block0.d();
+    			if (if_block1) if_block1.d();
+    		}
+    	};
+
+    	dispatch_dev("SvelteRegisterBlock", {
+    		block,
+    		id: create_fragment$1.name,
+    		type: "component",
+    		source: "",
+    		ctx
+    	});
+
+    	return block;
+    }
+
+    function instance$1($$self, $$props, $$invalidate) {
+    	let { $$slots: slots = {}, $$scope } = $$props;
+    	validate_slots("undefined", slots, []);
+    	let { rankprefix = "#" } = $$props;
+    	let { showicon = "true" } = $$props;
+    	let { tournamentid = "" } = $$props;
+    	let { overallrank = "0" } = $$props;
+    	let { userrank = "0" } = $$props;
+    	let { prize = "PrizeName" } = $$props;
+    	let { displayin = "row" } = $$props;
+    	let currentUserRank;
+    	let userRankChanged = false;
+    	let isRankingUp = true;
+    	let rankChangeTime1, rankChangeTime2;
+    	let rankChangeTimer;
+    	let lastRank;
+
+    	const messageHandler = e => {
+    		if (!e.data) {
+    			return;
+    		}
+
+    		if (e.data.type == `TournamentRankInfo_${tournamentid}`) {
+    			processRankChange(e.data.rankInfo);
+    		}
+    	};
+
+    	const processRankChange = rankInfo => {
+    		let resetUserRankInfo = rankInfo => {
+    			$$invalidate(0, userrank = rankInfo.rank);
+    			$$invalidate(1, overallrank = rankInfo.overallRank);
+    			$$invalidate(2, prize = rankInfo.prize);
+    		};
+
+    		if (!lastRank) {
+    			lastRank = currentUserRank;
+    			resetUserRankInfo(rankInfo);
+    			return; // first place bet, do not show change flag
+    		}
+
+    		if (currentUserRank) {
+    			$$invalidate(6, userRankChanged = lastRank != rankInfo.rank);
+    			$$invalidate(7, isRankingUp = lastRank > rankInfo.rank);
+    			rankChangeTime1 = new Date().getTime(); //reset time1, make sure userrank change more than once during 5mins
+
+    			rankChangeTimer = setTimeout(
+    				() => {
+    					rankChangeTime2 = new Date().getTime();
+    					let timeInterval = (rankChangeTime2 - rankChangeTime1) / 1000;
+
+    					if (timeInterval > 4) {
+    						$$invalidate(6, userRankChanged = false);
+    					}
+
+    					lastRank = currentUserRank;
+    				},
+    				5000
+    			);
+
+    			resetUserRankInfo(rankInfo);
+    		}
+    	};
+
+    	onMount(() => {
+    		currentUserRank = userrank == undefined ? undefined : parseInt(userrank);
+    		lastRank = currentUserRank;
+    		$$invalidate(0, userrank = userrank == undefined ? "-" : userrank);
+    		window.addEventListener("message", messageHandler, true);
+
+    		return () => {
+    			window.removeEventListener("message", messageHandler);
+    			clearTimeout(rankChangeTimer);
+    		};
+    	});
+
+    	const writable_props = [
+    		"rankprefix",
+    		"showicon",
+    		"tournamentid",
+    		"overallrank",
+    		"userrank",
+    		"prize",
+    		"displayin"
+    	];
+
+    	Object.keys($$props).forEach(key => {
+    		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== "$$") console.warn(`<undefined> was created with unknown prop '${key}'`);
+    	});
+
+    	$$self.$$set = $$props => {
+    		if ("rankprefix" in $$props) $$invalidate(3, rankprefix = $$props.rankprefix);
+    		if ("showicon" in $$props) $$invalidate(4, showicon = $$props.showicon);
+    		if ("tournamentid" in $$props) $$invalidate(8, tournamentid = $$props.tournamentid);
+    		if ("overallrank" in $$props) $$invalidate(1, overallrank = $$props.overallrank);
+    		if ("userrank" in $$props) $$invalidate(0, userrank = $$props.userrank);
+    		if ("prize" in $$props) $$invalidate(2, prize = $$props.prize);
+    		if ("displayin" in $$props) $$invalidate(5, displayin = $$props.displayin);
+    	};
+
+    	$$self.$capture_state = () => ({
+    		onMount,
+    		prizeSvg: img$3,
+    		userSvg: img$2,
+    		arrowUpSvg: img$1,
+    		arrowDownSvg: img,
+    		rankprefix,
+    		showicon,
+    		tournamentid,
+    		overallrank,
+    		userrank,
+    		prize,
+    		displayin,
+    		currentUserRank,
+    		userRankChanged,
+    		isRankingUp,
+    		rankChangeTime1,
+    		rankChangeTime2,
+    		rankChangeTimer,
+    		lastRank,
+    		messageHandler,
+    		processRankChange
+    	});
+
+    	$$self.$inject_state = $$props => {
+    		if ("rankprefix" in $$props) $$invalidate(3, rankprefix = $$props.rankprefix);
+    		if ("showicon" in $$props) $$invalidate(4, showicon = $$props.showicon);
+    		if ("tournamentid" in $$props) $$invalidate(8, tournamentid = $$props.tournamentid);
+    		if ("overallrank" in $$props) $$invalidate(1, overallrank = $$props.overallrank);
+    		if ("userrank" in $$props) $$invalidate(0, userrank = $$props.userrank);
+    		if ("prize" in $$props) $$invalidate(2, prize = $$props.prize);
+    		if ("displayin" in $$props) $$invalidate(5, displayin = $$props.displayin);
+    		if ("currentUserRank" in $$props) currentUserRank = $$props.currentUserRank;
+    		if ("userRankChanged" in $$props) $$invalidate(6, userRankChanged = $$props.userRankChanged);
+    		if ("isRankingUp" in $$props) $$invalidate(7, isRankingUp = $$props.isRankingUp);
+    		if ("rankChangeTime1" in $$props) rankChangeTime1 = $$props.rankChangeTime1;
+    		if ("rankChangeTime2" in $$props) rankChangeTime2 = $$props.rankChangeTime2;
+    		if ("rankChangeTimer" in $$props) rankChangeTimer = $$props.rankChangeTimer;
+    		if ("lastRank" in $$props) lastRank = $$props.lastRank;
+    	};
+
+    	if ($$props && "$$inject" in $$props) {
+    		$$self.$inject_state($$props.$$inject);
+    	}
+
+    	$$self.$$.update = () => {
+    		if ($$self.$$.dirty & /*userrank*/ 1) {
+    			currentUserRank = parseInt(userrank);
+    		}
+    	};
+
+    	return [
+    		userrank,
+    		overallrank,
+    		prize,
+    		rankprefix,
+    		showicon,
+    		displayin,
+    		userRankChanged,
+    		isRankingUp,
+    		tournamentid
+    	];
+    }
+
+    class CasinoTournamentsRank extends SvelteElement {
+    	constructor(options) {
+    		super();
+    		this.shadowRoot.innerHTML = `<style>.row{display:flex}.row .RankSec,.row .PrizeSec{width:49%}.col{display:inline-block}.RankSec,.PrizeSec{background-color:#c4c4c4;display:flex;padding:5px;margin:5px}.RankSec span,.PrizeSec span{text-align:center}.casino-tournaments-rank{background:transparent;min-height:22px;width:100%}.Icon{width:22px;height:22px;display:flex;border-right:2px solid;margin-right:5px;padding-right:3px}.RankInfo{vertical-align:middle;line-height:22px;font-weight:bold;padding-left:5px;padding-right:10px}.svg.Arrow.Up,.svg.Arrow.Down{position:absolute;width:15px;height:15px;vertical-align:bottom;padding-left:3px;display:none;padding:3px;padding:3px}.svg.Arrow.Up.Show,.svg.Arrow.Down.Show{display:inline-flex}.svg.Arrow.Up.Hidden,.svg.Arrow.Down.Hidden{display:none}.svg.Arrow.Up,.svg.Arrow.Down{animation-name:twinkle;animation-duration:1s;animation-iteration-count:infinite}@keyframes twinkle{0%{opacity:0}25%{opacity:1}100%{opacity:0}}</style>`;
+
+    		init(
+    			this,
+    			{
+    				target: this.shadowRoot,
+    				props: attribute_to_object(this.attributes),
+    				customElement: true
+    			},
+    			instance$1,
+    			create_fragment$1,
+    			safe_not_equal,
+    			{
+    				rankprefix: 3,
+    				showicon: 4,
+    				tournamentid: 8,
+    				overallrank: 1,
+    				userrank: 0,
+    				prize: 2,
+    				displayin: 5
+    			}
+    		);
+
+    		if (options) {
+    			if (options.target) {
+    				insert_dev(options.target, this, options.anchor);
+    			}
+
+    			if (options.props) {
+    				this.$set(options.props);
+    				flush();
+    			}
+    		}
+    	}
+
+    	static get observedAttributes() {
+    		return [
+    			"rankprefix",
+    			"showicon",
+    			"tournamentid",
+    			"overallrank",
+    			"userrank",
+    			"prize",
+    			"displayin"
+    		];
+    	}
+
+    	get rankprefix() {
+    		return this.$$.ctx[3];
+    	}
+
+    	set rankprefix(rankprefix) {
+    		this.$set({ rankprefix });
+    		flush();
+    	}
+
+    	get showicon() {
+    		return this.$$.ctx[4];
+    	}
+
+    	set showicon(showicon) {
+    		this.$set({ showicon });
+    		flush();
+    	}
+
+    	get tournamentid() {
+    		return this.$$.ctx[8];
+    	}
+
+    	set tournamentid(tournamentid) {
+    		this.$set({ tournamentid });
+    		flush();
+    	}
+
+    	get overallrank() {
+    		return this.$$.ctx[1];
+    	}
+
+    	set overallrank(overallrank) {
+    		this.$set({ overallrank });
+    		flush();
+    	}
+
+    	get userrank() {
+    		return this.$$.ctx[0];
+    	}
+
+    	set userrank(userrank) {
+    		this.$set({ userrank });
+    		flush();
+    	}
+
+    	get prize() {
+    		return this.$$.ctx[2];
+    	}
+
+    	set prize(prize) {
+    		this.$set({ prize });
+    		flush();
+    	}
+
+    	get displayin() {
+    		return this.$$.ctx[5];
+    	}
+
+    	set displayin(displayin) {
+    		this.$set({ displayin });
+    		flush();
+    	}
+    }
+
+    !customElements.get('casino-tournaments-rank') && customElements.define('casino-tournaments-rank', CasinoTournamentsRank);
+
     /* src/CasinoTournamentsSliderController.svelte generated by Svelte v3.37.0 */
 
     const { Object: Object_1, console: console_1 } = globals;