@everymatrix/lottery-program-wof 1.4.0 → 1.4.1

package/dist/lottery-program-wof.js

@@ -526,7 +526,7 @@
     const { Object: Object_1$2 } = globals;
     const file$5 = "src/private.message.svelte";
 
-    // (52:0) {#if isShown}
+    // (53:0) {#if isShown}
     function create_if_block$5(ctx) {
     	let div;
     	let t0;
@@ -534,11 +534,11 @@
     	let t2;
     	let t3;
     	let div_style_value;
-    	let if_block0 = (/*mode*/ ctx[1] === 'normal' || /*mode*/ ctx[1] === 'init-failed') && create_if_block_5$1(ctx);
-    	let if_block1 = /*mode*/ ctx[1] === 'spin-failed' && create_if_block_4$1(ctx);
-    	let if_block2 = /*mode*/ ctx[1] === 'show-next' && create_if_block_3$1(ctx);
-    	let if_block3 = /*mode*/ ctx[1] === 'gift' && create_if_block_2$2(ctx);
-    	let if_block4 = /*mode*/ ctx[1] !== 'init-failed' && create_if_block_1$3(ctx);
+    	let if_block0 = (/*mode*/ ctx[0] === 'normal' || /*mode*/ ctx[0] === 'init-failed') && create_if_block_5$1(ctx);
+    	let if_block1 = /*mode*/ ctx[0] === 'spin-failed' && create_if_block_4$1(ctx);
+    	let if_block2 = /*mode*/ ctx[0] === 'show-next' && create_if_block_3$1(ctx);
+    	let if_block3 = /*mode*/ ctx[0] === 'gift' && create_if_block_2$2(ctx);
+    	let if_block4 = /*mode*/ ctx[0] !== 'init-failed' && create_if_block_1$4(ctx);
 
     	const block = {
     		c: function create() {
@@ -555,13 +555,14 @@
     			attr_dev(div, "class", "MessagePanel");
 
     			attr_dev(div, "style", div_style_value = [
-    				`margin-top: ${/*r*/ ctx[0] + /*topOffset*/ ctx[2]}px`,
-    				`left: ${/*left*/ ctx[6]}px`,
-    				`width: ${/*width*/ ctx[7]}px`,
-    				/*isShown*/ ctx[3] ? 'opacity: 1' : ''
+    				// `margin-top: ${r + topOffset}px`,
+    				`top: ${/*top*/ ctx[4]}px`,
+    				`left: ${/*left*/ ctx[5]}px`,
+    				`width: ${/*width*/ ctx[6]}px`,
+    				/*isShown*/ ctx[2] ? 'opacity: 1' : ''
     			].join(';'));
 
-    			add_location(div, file$5, 52, 0, 1420);
+    			add_location(div, file$5, 53, 0, 1510);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -577,7 +578,7 @@
     			/*div_binding*/ ctx[12](div);
     		},
     		p: function update(ctx, dirty) {
-    			if (/*mode*/ ctx[1] === 'normal' || /*mode*/ ctx[1] === 'init-failed') {
+    			if (/*mode*/ ctx[0] === 'normal' || /*mode*/ ctx[0] === 'init-failed') {
     				if (if_block0) {
     					if_block0.p(ctx, dirty);
     				} else {
@@ -590,7 +591,7 @@
     				if_block0 = null;
     			}
 
-    			if (/*mode*/ ctx[1] === 'spin-failed') {
+    			if (/*mode*/ ctx[0] === 'spin-failed') {
     				if (if_block1) ; else {
     					if_block1 = create_if_block_4$1(ctx);
     					if_block1.c();
@@ -601,7 +602,7 @@
     				if_block1 = null;
     			}
 
-    			if (/*mode*/ ctx[1] === 'show-next') {
+    			if (/*mode*/ ctx[0] === 'show-next') {
     				if (if_block2) {
     					if_block2.p(ctx, dirty);
     				} else {
@@ -614,7 +615,7 @@
     				if_block2 = null;
     			}
 
-    			if (/*mode*/ ctx[1] === 'gift') {
+    			if (/*mode*/ ctx[0] === 'gift') {
     				if (if_block3) {
     					if_block3.p(ctx, dirty);
     				} else {
@@ -627,11 +628,11 @@
     				if_block3 = null;
     			}
 
-    			if (/*mode*/ ctx[1] !== 'init-failed') {
+    			if (/*mode*/ ctx[0] !== 'init-failed') {
     				if (if_block4) {
     					if_block4.p(ctx, dirty);
     				} else {
-    					if_block4 = create_if_block_1$3(ctx);
+    					if_block4 = create_if_block_1$4(ctx);
     					if_block4.c();
     					if_block4.m(div, null);
     				}
@@ -640,11 +641,12 @@
     				if_block4 = null;
     			}
 
-    			if (dirty & /*r, topOffset, left, width, isShown*/ 205 && div_style_value !== (div_style_value = [
-    				`margin-top: ${/*r*/ ctx[0] + /*topOffset*/ ctx[2]}px`,
-    				`left: ${/*left*/ ctx[6]}px`,
-    				`width: ${/*width*/ ctx[7]}px`,
-    				/*isShown*/ ctx[3] ? 'opacity: 1' : ''
+    			if (dirty & /*top, left, width, isShown*/ 116 && div_style_value !== (div_style_value = [
+    				// `margin-top: ${r + topOffset}px`,
+    				`top: ${/*top*/ ctx[4]}px`,
+    				`left: ${/*left*/ ctx[5]}px`,
+    				`width: ${/*width*/ ctx[6]}px`,
+    				/*isShown*/ ctx[2] ? 'opacity: 1' : ''
     			].join(';'))) {
     				attr_dev(div, "style", div_style_value);
     			}
@@ -664,14 +666,14 @@
     		block,
     		id: create_if_block$5.name,
     		type: "if",
-    		source: "(52:0) {#if isShown}",
+    		source: "(53:0) {#if isShown}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (64:2) {#if mode === 'normal' || mode === 'init-failed'}
+    // (66:2) {#if mode === 'normal' || mode === 'init-failed'}
     function create_if_block_5$1(ctx) {
     	let p;
     	let t;
@@ -679,15 +681,15 @@
     	const block = {
     		c: function create() {
     			p = element("p");
-    			t = text(/*modeValue*/ ctx[4]);
-    			add_location(p, file$5, 64, 2, 1671);
+    			t = text(/*modeValue*/ ctx[3]);
+    			add_location(p, file$5, 66, 2, 1785);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
     			append_dev(p, t);
     		},
     		p: function update(ctx, dirty) {
-    			if (dirty & /*modeValue*/ 16) set_data_dev(t, /*modeValue*/ ctx[4]);
+    			if (dirty & /*modeValue*/ 8) set_data_dev(t, /*modeValue*/ ctx[3]);
     		},
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(p);
@@ -698,14 +700,14 @@
     		block,
     		id: create_if_block_5$1.name,
     		type: "if",
-    		source: "(64:2) {#if mode === 'normal' || mode === 'init-failed'}",
+    		source: "(66:2) {#if mode === 'normal' || mode === 'init-failed'}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (68:2) {#if mode === 'spin-failed'}
+    // (70:2) {#if mode === 'spin-failed'}
     function create_if_block_4$1(ctx) {
     	let p0;
     	let t1;
@@ -734,11 +736,11 @@
     			t7 = space();
     			p3 = element("p");
     			p3.textContent = "to get a chance!";
-    			add_location(p0, file$5, 68, 2, 1732);
-    			add_location(p1, file$5, 69, 2, 1763);
-    			add_location(strong, file$5, 70, 12, 1816);
-    			add_location(p2, file$5, 70, 2, 1806);
-    			add_location(p3, file$5, 71, 2, 1855);
+    			add_location(p0, file$5, 70, 2, 1846);
+    			add_location(p1, file$5, 71, 2, 1877);
+    			add_location(strong, file$5, 72, 12, 1930);
+    			add_location(p2, file$5, 72, 2, 1920);
+    			add_location(p3, file$5, 73, 2, 1969);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p0, anchor);
@@ -767,20 +769,20 @@
     		block,
     		id: create_if_block_4$1.name,
     		type: "if",
-    		source: "(68:2) {#if mode === 'spin-failed'}",
+    		source: "(70:2) {#if mode === 'spin-failed'}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (75:2) {#if mode === 'show-next'}
+    // (77:2) {#if mode === 'show-next'}
     function create_if_block_3$1(ctx) {
     	let p0;
     	let t1;
     	let p1;
     	let strong;
-    	let t2_value = /*getTimeString*/ ctx[9](/*modeValue*/ ctx[4]?.startTime) + "";
+    	let t2_value = /*getTimeString*/ ctx[8](/*modeValue*/ ctx[3]?.startTime) + "";
     	let t2;
     	let t3;
     	let p2;
@@ -796,10 +798,10 @@
     			t3 = space();
     			p2 = element("p");
     			p2.textContent = "please wait till it is open";
-    			add_location(p0, file$5, 75, 2, 1919);
-    			add_location(strong, file$5, 77, 4, 1967);
-    			add_location(p1, file$5, 76, 2, 1959);
-    			add_location(p2, file$5, 81, 2, 2043);
+    			add_location(p0, file$5, 77, 2, 2033);
+    			add_location(strong, file$5, 79, 4, 2081);
+    			add_location(p1, file$5, 78, 2, 2073);
+    			add_location(p2, file$5, 83, 2, 2157);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p0, anchor);
@@ -811,7 +813,7 @@
     			insert_dev(target, p2, anchor);
     		},
     		p: function update(ctx, dirty) {
-    			if (dirty & /*modeValue*/ 16 && t2_value !== (t2_value = /*getTimeString*/ ctx[9](/*modeValue*/ ctx[4]?.startTime) + "")) set_data_dev(t2, t2_value);
+    			if (dirty & /*modeValue*/ 8 && t2_value !== (t2_value = /*getTimeString*/ ctx[8](/*modeValue*/ ctx[3]?.startTime) + "")) set_data_dev(t2, t2_value);
     		},
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(p0);
@@ -826,14 +828,14 @@
     		block,
     		id: create_if_block_3$1.name,
     		type: "if",
-    		source: "(75:2) {#if mode === 'show-next'}",
+    		source: "(77:2) {#if mode === 'show-next'}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (85:2) {#if mode === 'gift'}
+    // (87:2) {#if mode === 'gift'}
     function create_if_block_2$2(ctx) {
     	let p0;
     	let img;
@@ -850,9 +852,9 @@
     			p1.textContent = "Congratulations! You won a prize!";
     			if (!src_url_equal(img.src, img_src_value = img$e)) attr_dev(img, "src", img_src_value);
     			attr_dev(img, "alt", "");
-    			add_location(img, file$5, 86, 4, 2121);
-    			add_location(p0, file$5, 85, 2, 2113);
-    			add_location(p1, file$5, 88, 2, 2157);
+    			add_location(img, file$5, 88, 4, 2235);
+    			add_location(p0, file$5, 87, 2, 2227);
+    			add_location(p1, file$5, 90, 2, 2271);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p0, anchor);
@@ -872,15 +874,15 @@
     		block,
     		id: create_if_block_2$2.name,
     		type: "if",
-    		source: "(85:2) {#if mode === 'gift'}",
+    		source: "(87:2) {#if mode === 'gift'}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (93:2) {#if mode !== 'init-failed'}
-    function create_if_block_1$3(ctx) {
+    // (95:2) {#if mode !== 'init-failed'}
+    function create_if_block_1$4(ctx) {
     	let div;
     	let button;
     	let mounted;
@@ -892,15 +894,15 @@
     			button = element("button");
     			button.textContent = "OK";
     			attr_dev(button, "class", "MessagePanelButton");
-    			add_location(button, file$5, 94, 4, 2280);
-    			add_location(div, file$5, 93, 2, 2270);
+    			add_location(button, file$5, 96, 4, 2394);
+    			add_location(div, file$5, 95, 2, 2384);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
     			append_dev(div, button);
 
     			if (!mounted) {
-    				dispose = listen_dev(button, "click", /*eventButton*/ ctx[8], false, false, false);
+    				dispose = listen_dev(button, "click", /*eventButton*/ ctx[7], false, false, false);
     				mounted = true;
     			}
     		},
@@ -914,9 +916,9 @@
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_if_block_1$3.name,
+    		id: create_if_block_1$4.name,
     		type: "if",
-    		source: "(93:2) {#if mode !== 'init-failed'}",
+    		source: "(95:2) {#if mode !== 'init-failed'}",
     		ctx
     	});
 
@@ -925,7 +927,7 @@
 
     function create_fragment$5(ctx) {
     	let if_block_anchor;
-    	let if_block = /*isShown*/ ctx[3] && create_if_block$5(ctx);
+    	let if_block = /*isShown*/ ctx[2] && create_if_block$5(ctx);
 
     	const block = {
     		c: function create() {
@@ -941,7 +943,7 @@
     			insert_dev(target, if_block_anchor, anchor);
     		},
     		p: function update(ctx, [dirty]) {
-    			if (/*isShown*/ ctx[3]) {
+    			if (/*isShown*/ ctx[2]) {
     				if (if_block) {
     					if_block.p(ctx, dirty);
     				} else {
@@ -976,9 +978,10 @@
     function instance$5($$self, $$props, $$invalidate) {
     	let width;
     	let left;
+    	let top;
     	let { $$slots: slots = {}, $$scope } = $$props;
     	validate_slots('lottery-program-wof-private-message-panel', slots, []);
-    	let { x = 0 } = $$props;
+    	let { h = 0 } = $$props;
     	let { r = 0 } = $$props;
     	let { id = undefined } = $$props;
     	let topOffset = 0;
@@ -992,16 +995,16 @@
     	onMountMessageLifeCycle({
     		'wof-private-message-open': data => {
     			if (data.id !== id) return;
-    			$$invalidate(1, mode = data.mode);
-    			$$invalidate(4, modeValue = data.modeValue);
-    			$$invalidate(3, isShown = true);
+    			$$invalidate(0, mode = data.mode);
+    			$$invalidate(3, modeValue = data.modeValue);
+    			$$invalidate(2, isShown = true);
     		}
     	});
 
     	const _postMessageScoped = props => _postMessage(Object.assign(Object.assign({}, props), { id }));
 
     	const eventButton = () => {
-    		$$invalidate(3, isShown = false);
+    		$$invalidate(2, isShown = false);
     		_postMessageScoped({ type: 'wof-private-message-close' });
     	};
 
@@ -1025,13 +1028,13 @@
     	const setTopOffset = () => {
     		setTimeout(
     			() => {
-    				$$invalidate(2, topOffset = root.offsetHeight / 2 * -1);
+    				topOffset = root.offsetHeight / 2 * -1;
     			},
     			1
     		);
     	};
 
-    	const writable_props = ['x', 'r', 'id'];
+    	const writable_props = ['h', 'r', 'id'];
 
     	Object_1$2.keys($$props).forEach(key => {
     		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<lottery-program-wof-private-message-panel> was created with unknown prop '${key}'`);
@@ -1040,13 +1043,13 @@
     	function div_binding($$value) {
     		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
     			root = $$value;
-    			$$invalidate(5, root);
+    			$$invalidate(1, root);
     		});
     	}
 
     	$$self.$$set = $$props => {
-    		if ('x' in $$props) $$invalidate(10, x = $$props.x);
-    		if ('r' in $$props) $$invalidate(0, r = $$props.r);
+    		if ('h' in $$props) $$invalidate(9, h = $$props.h);
+    		if ('r' in $$props) $$invalidate(10, r = $$props.r);
     		if ('id' in $$props) $$invalidate(11, id = $$props.id);
     	};
 
@@ -1054,7 +1057,7 @@
     		giftSvg: img$e,
     		onMountMessageLifeCycle,
     		_postMessage,
-    		x,
+    		h,
     		r,
     		id,
     		topOffset,
@@ -1068,23 +1071,25 @@
     		eventButton,
     		getTimeString,
     		setTopOffset,
+    		top,
     		left,
     		width
     	});
 
     	$$self.$inject_state = $$props => {
-    		if ('x' in $$props) $$invalidate(10, x = $$props.x);
-    		if ('r' in $$props) $$invalidate(0, r = $$props.r);
+    		if ('h' in $$props) $$invalidate(9, h = $$props.h);
+    		if ('r' in $$props) $$invalidate(10, r = $$props.r);
     		if ('id' in $$props) $$invalidate(11, id = $$props.id);
-    		if ('topOffset' in $$props) $$invalidate(2, topOffset = $$props.topOffset);
+    		if ('topOffset' in $$props) topOffset = $$props.topOffset;
     		if ('renderValue' in $$props) renderValue = $$props.renderValue;
     		if ('icon' in $$props) icon = $$props.icon;
-    		if ('isShown' in $$props) $$invalidate(3, isShown = $$props.isShown);
-    		if ('mode' in $$props) $$invalidate(1, mode = $$props.mode);
-    		if ('modeValue' in $$props) $$invalidate(4, modeValue = $$props.modeValue);
-    		if ('root' in $$props) $$invalidate(5, root = $$props.root);
-    		if ('left' in $$props) $$invalidate(6, left = $$props.left);
-    		if ('width' in $$props) $$invalidate(7, width = $$props.width);
+    		if ('isShown' in $$props) $$invalidate(2, isShown = $$props.isShown);
+    		if ('mode' in $$props) $$invalidate(0, mode = $$props.mode);
+    		if ('modeValue' in $$props) $$invalidate(3, modeValue = $$props.modeValue);
+    		if ('root' in $$props) $$invalidate(1, root = $$props.root);
+    		if ('top' in $$props) $$invalidate(4, top = $$props.top);
+    		if ('left' in $$props) $$invalidate(5, left = $$props.left);
+    		if ('width' in $$props) $$invalidate(6, width = $$props.width);
     	};
 
     	if ($$props && "$$inject" in $$props) {
@@ -1092,31 +1097,37 @@
     	}
 
     	$$self.$$.update = () => {
-    		if ($$self.$$.dirty & /*mode*/ 2) {
+    		if ($$self.$$.dirty & /*mode*/ 1) {
     			mode && setTopOffset();
     		}
 
-    		if ($$self.$$.dirty & /*r*/ 1) {
-    			$$invalidate(7, width = r * 2 + 5);
+    		if ($$self.$$.dirty & /*r*/ 1024) {
+    			$$invalidate(6, width = r * 2 + 5);
+    		}
+
+    		if ($$self.$$.dirty & /*r*/ 1024) {
+    			$$invalidate(5, left = r / 2);
     		}
 
-    		if ($$self.$$.dirty & /*x*/ 1024) {
-    			$$invalidate(6, left = x);
+    		if ($$self.$$.dirty & /*h, root*/ 514) {
+    			$$invalidate(4, top = h / 2 - (root === null || root === void 0
+    			? void 0
+    			: root.clientHeight) / 2);
     		}
     	};
 
     	return [
-    		r,
     		mode,
-    		topOffset,
+    		root,
     		isShown,
     		modeValue,
-    		root,
+    		top,
     		left,
     		width,
     		eventButton,
     		getTimeString,
-    		x,
+    		h,
+    		r,
     		id,
     		div_binding
     	];
@@ -1125,7 +1136,7 @@
     class Private_message extends SvelteElement {
     	constructor(options) {
     		super();
-    		this.shadowRoot.innerHTML = `<style>:host{font-family:system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';position:absolute;width:100%}*,*::before,*::after{margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box}.MessagePanel{position:absolute;background-color:#FFFFFF;padding:15px 30px;border-radius:8px;text-align:center;font-size:16px;opacity:.3;box-shadow:0 0 1px #a1a1a1;transform:translateX(-50%);transition:margin-top opacity .3s ease-out}.MessagePanelButton{padding:4px 24px;margin-top:40px;font-size:16px;line-height:24px;color:#FFFFFF;background:#FF0000;border-radius:5px;font-weight:700;border:0;box-shadow:0 0 3px #ff0000;cursor:pointer}</style>`;
+    		this.shadowRoot.innerHTML = `<style>:host{font-family:system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';position:absolute;width:100%}*,*::before,*::after{margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box}.MessagePanel{position:absolute;background-color:#FFFFFF;padding:15px 30px;border-radius:8px;text-align:center;font-size:16px;opacity:.3;box-shadow:0 0 1px #a1a1a1;transition:margin-top opacity .3s ease-out}.MessagePanelButton{padding:4px 24px;margin-top:40px;font-size:16px;line-height:24px;color:#FFFFFF;background:#FF0000;border-radius:5px;font-weight:700;border:0;box-shadow:0 0 3px #ff0000;cursor:pointer}</style>`;
 
     		init(
     			this,
@@ -1137,7 +1148,7 @@
     			instance$5,
     			create_fragment$5,
     			safe_not_equal,
-    			{ x: 10, r: 0, id: 11 },
+    			{ h: 9, r: 10, id: 11 },
     			null
     		);
 
@@ -1154,20 +1165,20 @@
     	}
 
     	static get observedAttributes() {
-    		return ["x", "r", "id"];
+    		return ["h", "r", "id"];
     	}
 
-    	get x() {
-    		return this.$$.ctx[10];
+    	get h() {
+    		return this.$$.ctx[9];
     	}
 
-    	set x(x) {
-    		this.$$set({ x });
+    	set h(h) {
+    		this.$$set({ h });
     		flush();
     	}
 
     	get r() {
-    		return this.$$.ctx[0];
+    		return this.$$.ctx[10];
     	}
 
     	set r(r) {
@@ -1215,7 +1226,7 @@
     var Tab;
     (function (Tab) {
         Tab["Program"] = "Program";
-        Tab["Outcomes"] = "Outcomes";
+        Tab["History"] = "History";
     })(Tab || (Tab = {}));
 
     /* src/private.tabs.svelte generated by Svelte v3.48.0 */
@@ -1305,7 +1316,7 @@
     		c: function create() {
     			slot = element("slot");
     			attr_dev(slot, "name", `tab-${/*_tab*/ ctx[2]}`);
-    			add_location(slot, file$4, 34, 4, 754);
+    			add_location(slot, file$4, 34, 4, 753);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, slot, anchor);
@@ -1519,7 +1530,7 @@
     		switch (_tab) {
     			case Tab.Program:
     				break;
-    			case Tab.Outcomes:
+    			case Tab.History:
     				_postMessage({ type: 'wof-private-message-outcomes' });
     				break;
     		}
@@ -1779,21 +1790,32 @@
     function get_each_context_1$1(ctx, list, i) {
     	const child_ctx = ctx.slice();
     	child_ctx[13] = list[i];
+    	child_ctx[15] = i;
     	return child_ctx;
     }
 
-    // (63:10) {:else}
+    // (68:16) {:else}
     function create_else_block$2(ctx) {
-    	let table;
+    	let div;
+    	let tr0;
+    	let t0_value = /*getName*/ ctx[2](/*lotteryProgramsForPlayer*/ ctx[0].filter(func)[0].program) + "";
+    	let t0;
+    	let t1;
     	let thead;
-    	let tr;
+    	let tr1;
     	let th0;
-    	let t1;
-    	let th1;
     	let t3;
-    	let th2;
+    	let th1;
     	let t5;
+    	let th2;
+    	let t7;
     	let tbody;
+    	let t8;
+
+    	function func(...args) {
+    		return /*func*/ ctx[6](/*outcomesItem*/ ctx[10], ...args);
+    	}
+
     	let each_value_1 = /*outcomesItem*/ ctx[10].outcomes;
     	validate_each_argument(each_value_1);
     	let each_blocks = [];
@@ -1804,49 +1826,62 @@
 
     	const block = {
     		c: function create() {
-    			table = element("table");
+    			div = element("div");
+    			tr0 = element("tr");
+    			t0 = text(t0_value);
+    			t1 = space();
     			thead = element("thead");
-    			tr = element("tr");
+    			tr1 = element("tr");
     			th0 = element("th");
-    			th0.textContent = "Prize";
-    			t1 = space();
+    			th0.textContent = "Rewards";
+    			t3 = space();
     			th1 = element("th");
     			th1.textContent = "Status";
-    			t3 = space();
+    			t5 = space();
     			th2 = element("th");
     			th2.textContent = "Time";
-    			t5 = space();
+    			t7 = space();
     			tbody = element("tbody");
 
     			for (let i = 0; i < each_blocks.length; i += 1) {
     				each_blocks[i].c();
     			}
 
-    			add_location(th0, file$3, 66, 16, 2301);
-    			add_location(th1, file$3, 67, 16, 2332);
-    			add_location(th2, file$3, 68, 16, 2364);
-    			add_location(tr, file$3, 65, 14, 2280);
-    			add_location(thead, file$3, 64, 12, 2258);
-    			add_location(tbody, file$3, 71, 12, 2431);
-    			add_location(table, file$3, 63, 10, 2238);
+    			t8 = space();
+    			add_location(tr0, file$3, 69, 18, 2477);
+    			add_location(div, file$3, 68, 16, 2453);
+    			add_location(th0, file$3, 73, 20, 2669);
+    			add_location(th1, file$3, 74, 20, 2706);
+    			add_location(th2, file$3, 75, 20, 2742);
+    			add_location(tr1, file$3, 72, 18, 2644);
+    			add_location(thead, file$3, 71, 16, 2618);
+    			add_location(tbody, file$3, 78, 16, 2821);
     		},
     		m: function mount(target, anchor) {
-    			insert_dev(target, table, anchor);
-    			append_dev(table, thead);
-    			append_dev(thead, tr);
-    			append_dev(tr, th0);
-    			append_dev(tr, t1);
-    			append_dev(tr, th1);
-    			append_dev(tr, t3);
-    			append_dev(tr, th2);
-    			append_dev(table, t5);
-    			append_dev(table, tbody);
+    			insert_dev(target, div, anchor);
+    			append_dev(div, tr0);
+    			append_dev(tr0, t0);
+    			insert_dev(target, t1, anchor);
+    			insert_dev(target, thead, anchor);
+    			append_dev(thead, tr1);
+    			append_dev(tr1, th0);
+    			append_dev(tr1, t3);
+    			append_dev(tr1, th1);
+    			append_dev(tr1, t5);
+    			append_dev(tr1, th2);
+    			insert_dev(target, t7, anchor);
+    			insert_dev(target, tbody, anchor);
 
     			for (let i = 0; i < each_blocks.length; i += 1) {
     				each_blocks[i].m(tbody, null);
     			}
+
+    			append_dev(tbody, t8);
     		},
-    		p: function update(ctx, dirty) {
+    		p: function update(new_ctx, dirty) {
+    			ctx = new_ctx;
+    			if (dirty & /*lotteryProgramsForPlayer, outcomesAll*/ 3 && t0_value !== (t0_value = /*getName*/ ctx[2](/*lotteryProgramsForPlayer*/ ctx[0].filter(func)[0].program) + "")) set_data_dev(t0, t0_value);
+
     			if (dirty & /*Date, outcomesAll, undefined, Intl, getPrize*/ 10) {
     				each_value_1 = /*outcomesItem*/ ctx[10].outcomes;
     				validate_each_argument(each_value_1);
@@ -1860,7 +1895,7 @@
     					} else {
     						each_blocks[i] = create_each_block_1$1(child_ctx);
     						each_blocks[i].c();
-    						each_blocks[i].m(tbody, null);
+    						each_blocks[i].m(tbody, t8);
     					}
     				}
 
@@ -1872,7 +1907,11 @@
     			}
     		},
     		d: function destroy(detaching) {
-    			if (detaching) detach_dev(table);
+    			if (detaching) detach_dev(div);
+    			if (detaching) detach_dev(t1);
+    			if (detaching) detach_dev(thead);
+    			if (detaching) detach_dev(t7);
+    			if (detaching) detach_dev(tbody);
     			destroy_each(each_blocks, detaching);
     		}
     	};
@@ -1881,15 +1920,15 @@
     		block,
     		id: create_else_block$2.name,
     		type: "else",
-    		source: "(63:10) {:else}",
+    		source: "(68:16) {:else}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (61:10) {#if !outcomesItem.outcomes || outcomesItem.outcomes.length === 0}
-    function create_if_block$3(ctx) {
+    // (66:16) {#if !outcomesItem.outcomes || outcomesItem.outcomes.length === 0}
+    function create_if_block_1$3(ctx) {
     	let div;
     	let t;
     	let div_levels = [classWithPart("OutcomeNoContent")];
@@ -1902,9 +1941,9 @@
     	const block = {
     		c: function create() {
     			div = element("div");
-    			t = text("No outcomes");
+    			t = text("No histories");
     			set_attributes(div, div_data);
-    			add_location(div, file$3, 61, 12, 2148);
+    			add_location(div, file$3, 66, 18, 2350);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -1918,18 +1957,48 @@
     		}
     	};
 
+    	dispatch_dev("SvelteRegisterBlock", {
+    		block,
+    		id: create_if_block_1$3.name,
+    		type: "if",
+    		source: "(66:16) {#if !outcomesItem.outcomes || outcomesItem.outcomes.length === 0}",
+    		ctx
+    	});
+
+    	return block;
+    }
+
+    // (63:14) {#if outcomesItem.isLoading}
+    function create_if_block$3(ctx) {
+    	let div;
+
+    	const block = {
+    		c: function create() {
+    			div = element("div");
+    			div.textContent = "Loading...";
+    			add_location(div, file$3, 63, 16, 2205);
+    		},
+    		m: function mount(target, anchor) {
+    			insert_dev(target, div, anchor);
+    		},
+    		p: noop,
+    		d: function destroy(detaching) {
+    			if (detaching) detach_dev(div);
+    		}
+    	};
+
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
     		id: create_if_block$3.name,
     		type: "if",
-    		source: "(61:10) {#if !outcomesItem.outcomes || outcomesItem.outcomes.length === 0}",
+    		source: "(63:14) {#if outcomesItem.isLoading}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (73:14) {#each outcomesItem.outcomes as outcome}
+    // (80:18) {#each outcomesItem.outcomes as outcome,index}
     function create_each_block_1$1(ctx) {
     	let tr;
     	let td0;
@@ -1947,7 +2016,6 @@
     	}) + "";
 
     	let t4;
-    	let t5;
 
     	const block = {
     		c: function create() {
@@ -1960,11 +2028,10 @@
     			t3 = space();
     			td2 = element("td");
     			t4 = text(t4_value);
-    			t5 = space();
-    			add_location(td0, file$3, 74, 16, 2529);
-    			add_location(td1, file$3, 75, 16, 2591);
-    			add_location(td2, file$3, 76, 16, 2637);
-    			add_location(tr, file$3, 73, 14, 2508);
+    			add_location(td0, file$3, 81, 20, 2937);
+    			add_location(td1, file$3, 82, 20, 3003);
+    			add_location(td2, file$3, 83, 20, 3053);
+    			add_location(tr, file$3, 80, 18, 2912);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, tr, anchor);
@@ -1976,7 +2043,6 @@
     			append_dev(tr, t3);
     			append_dev(tr, td2);
     			append_dev(td2, t4);
-    			append_dev(tr, t5);
     		},
     		p: function update(ctx, dirty) {
     			if (dirty & /*outcomesAll*/ 2 && t0_value !== (t0_value = /*getPrize*/ ctx[3](/*outcome*/ ctx[13], /*outcomesItem*/ ctx[10].id) + "")) set_data_dev(t0, t0_value);
@@ -1995,85 +2061,36 @@
     		block,
     		id: create_each_block_1$1.name,
     		type: "each",
-    		source: "(73:14) {#each outcomesItem.outcomes as outcome}",
+    		source: "(80:18) {#each outcomesItem.outcomes as outcome,index}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (56:2) {#each outcomesAll as outcomesItem}
+    // (62:12) {#each outcomesAll as outcomesItem}
     function create_each_block$2(ctx) {
-    	let div2;
-    	let div0;
-    	let t0_value = /*getName*/ ctx[2](/*lotteryProgramsForPlayer*/ ctx[0].filter(func)[0].program) + "";
-    	let t0;
-    	let t1;
-    	let div1;
-    	let t2;
-
-    	function func(...args) {
-    		return /*func*/ ctx[6](/*outcomesItem*/ ctx[10], ...args);
-    	}
-
-    	let div0_levels = [classWithPart("OutcomeTitle")];
-    	let div0_data = {};
-
-    	for (let i = 0; i < div0_levels.length; i += 1) {
-    		div0_data = assign(div0_data, div0_levels[i]);
-    	}
+    	let if_block_anchor;
 
     	function select_block_type(ctx, dirty) {
-    		if (!/*outcomesItem*/ ctx[10].outcomes || /*outcomesItem*/ ctx[10].outcomes.length === 0) return create_if_block$3;
+    		if (/*outcomesItem*/ ctx[10].isLoading) return create_if_block$3;
+    		if (!/*outcomesItem*/ ctx[10].outcomes || /*outcomesItem*/ ctx[10].outcomes.length === 0) return create_if_block_1$3;
     		return create_else_block$2;
     	}
 
     	let current_block_type = select_block_type(ctx);
     	let if_block = current_block_type(ctx);
-    	let div1_levels = [classWithPart("TableContainer")];
-    	let div1_data = {};
-
-    	for (let i = 0; i < div1_levels.length; i += 1) {
-    		div1_data = assign(div1_data, div1_levels[i]);
-    	}
-
-    	let div2_levels = [classWithPart("Outcomes")];
-    	let div2_data = {};
-
-    	for (let i = 0; i < div2_levels.length; i += 1) {
-    		div2_data = assign(div2_data, div2_levels[i]);
-    	}
 
     	const block = {
     		c: function create() {
-    			div2 = element("div");
-    			div0 = element("div");
-    			t0 = text(t0_value);
-    			t1 = space();
-    			div1 = element("div");
     			if_block.c();
-    			t2 = space();
-    			set_attributes(div0, div0_data);
-    			add_location(div0, file$3, 57, 6, 1860);
-    			set_attributes(div1, div1_data);
-    			add_location(div1, file$3, 59, 8, 2016);
-    			set_attributes(div2, div2_data);
-    			add_location(div2, file$3, 56, 4, 1817);
+    			if_block_anchor = empty();
     		},
     		m: function mount(target, anchor) {
-    			insert_dev(target, div2, anchor);
-    			append_dev(div2, div0);
-    			append_dev(div0, t0);
-    			append_dev(div2, t1);
-    			append_dev(div2, div1);
-    			if_block.m(div1, null);
-    			append_dev(div2, t2);
+    			if_block.m(target, anchor);
+    			insert_dev(target, if_block_anchor, anchor);
     		},
-    		p: function update(new_ctx, dirty) {
-    			ctx = new_ctx;
-    			if (dirty & /*lotteryProgramsForPlayer, outcomesAll*/ 3 && t0_value !== (t0_value = /*getName*/ ctx[2](/*lotteryProgramsForPlayer*/ ctx[0].filter(func)[0].program) + "")) set_data_dev(t0, t0_value);
-    			set_attributes(div0, div0_data = get_spread_update(div0_levels, [classWithPart("OutcomeTitle")]));
-
+    		p: function update(ctx, dirty) {
     			if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block) {
     				if_block.p(ctx, dirty);
     			} else {
@@ -2082,16 +2099,13 @@
 
     				if (if_block) {
     					if_block.c();
-    					if_block.m(div1, null);
+    					if_block.m(if_block_anchor.parentNode, if_block_anchor);
     				}
     			}
-
-    			set_attributes(div1, div1_data = get_spread_update(div1_levels, [classWithPart("TableContainer")]));
-    			set_attributes(div2, div2_data = get_spread_update(div2_levels, [classWithPart("Outcomes")]));
     		},
     		d: function destroy(detaching) {
-    			if (detaching) detach_dev(div2);
-    			if_block.d();
+    			if_block.d(detaching);
+    			if (detaching) detach_dev(if_block_anchor);
     		}
     	};
 
@@ -2099,7 +2113,7 @@
     		block,
     		id: create_each_block$2.name,
     		type: "each",
-    		source: "(56:2) {#each outcomesAll as outcomesItem}",
+    		source: "(62:12) {#each outcomesAll as outcomesItem}",
     		ctx
     	});
 
@@ -2108,6 +2122,9 @@
 
     function create_fragment$3(ctx) {
     	let section;
+    	let div1;
+    	let div0;
+    	let table;
     	let each_value = /*outcomesAll*/ ctx[1];
     	validate_each_argument(each_value);
     	let each_blocks = [];
@@ -2116,29 +2133,54 @@
     		each_blocks[i] = create_each_block$2(get_each_context$2(ctx, each_value, i));
     	}
 
+    	let div0_levels = [classWithPart("TableContainer")];
+    	let div0_data = {};
+
+    	for (let i = 0; i < div0_levels.length; i += 1) {
+    		div0_data = assign(div0_data, div0_levels[i]);
+    	}
+
+    	let div1_levels = [classWithPart("Outcomes")];
+    	let div1_data = {};
+
+    	for (let i = 0; i < div1_levels.length; i += 1) {
+    		div1_data = assign(div1_data, div1_levels[i]);
+    	}
+
     	const block = {
     		c: function create() {
     			section = element("section");
+    			div1 = element("div");
+    			div0 = element("div");
+    			table = element("table");
 
     			for (let i = 0; i < each_blocks.length; i += 1) {
     				each_blocks[i].c();
     			}
 
     			this.c = noop;
-    			add_location(section, file$3, 54, 0, 1765);
+    			add_location(table, file$3, 60, 10, 2090);
+    			set_attributes(div0, div0_data);
+    			add_location(div0, file$3, 59, 8, 2037);
+    			set_attributes(div1, div1_data);
+    			add_location(div1, file$3, 56, 4, 1827);
+    			add_location(section, file$3, 55, 0, 1813);
     		},
     		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, section, anchor);
+    			append_dev(section, div1);
+    			append_dev(div1, div0);
+    			append_dev(div0, table);
 
     			for (let i = 0; i < each_blocks.length; i += 1) {
-    				each_blocks[i].m(section, null);
+    				each_blocks[i].m(table, null);
     			}
     		},
     		p: function update(ctx, [dirty]) {
-    			if (dirty & /*classWithPart, outcomesAll, Date, undefined, Intl, getPrize, getName, lotteryProgramsForPlayer*/ 15) {
+    			if (dirty & /*outcomesAll, classWithPart, Date, undefined, Intl, getPrize, getName, lotteryProgramsForPlayer*/ 15) {
     				each_value = /*outcomesAll*/ ctx[1];
     				validate_each_argument(each_value);
     				let i;
@@ -2151,7 +2193,7 @@
     					} else {
     						each_blocks[i] = create_each_block$2(child_ctx);
     						each_blocks[i].c();
-    						each_blocks[i].m(section, null);
+    						each_blocks[i].m(table, null);
     					}
     				}
 
@@ -2161,6 +2203,9 @@
 
     				each_blocks.length = each_value.length;
     			}
+
+    			set_attributes(div0, div0_data = get_spread_update(div0_levels, [classWithPart("TableContainer")]));
+    			set_attributes(div1, div1_data = get_spread_update(div1_levels, [classWithPart("Outcomes")]));
     		},
     		i: noop,
     		o: noop,
@@ -2207,7 +2252,7 @@
     		$$invalidate(1, outcomesAll = []);
 
     		ids.map(id => {
-    			outcomesAll.push({ id, outcomes: [] });
+    			outcomesAll.push({ id, outcomes: [], isLoading: true });
     		});
 
     		ids.map(async id => {
@@ -2216,7 +2261,7 @@
 
     			$$invalidate(1, outcomesAll = outcomesAll.map(o => {
     				if (o.id === id) {
-    					return Object.assign(Object.assign({}, o), { outcomes });
+    					return Object.assign(Object.assign({}, o), { outcomes, isLoading: false });
     				} else {
     					return o;
     				}
@@ -2294,7 +2339,7 @@
     class Private_outcomes extends SvelteElement {
     	constructor(options) {
     		super();
-    		this.shadowRoot.innerHTML = `<style>:host{font-family:system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';width:100%}*,*::before,*::after{margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box}.Outcomes{width:80%;margin:30px auto}.OutcomeTitle{color:#FFF;font-weight:700;padding:20px 0}.OutcomeNoContent{color:#FFF;font-weight:700;padding:20px 20px}.TableContainer{max-height:300px;overflow-y:auto}table{color:#FFFFFF;width:100%;text-align:center}table tr{margin-top:10px;line-height:normal}</style>`;
+    		this.shadowRoot.innerHTML = `<style>:host{font-family:system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';width:100%}*,*::before,*::after{margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box}.Outcomes{width:80%;margin:30px auto}.OutcomeTitle{color:#FFF;font-weight:700;padding:20px 0}.OutcomeNoContent{color:#FFF;font-weight:700;padding:20px 20px}table{color:#FFFFFF;width:100%;text-align:center}table tr{margin-top:10px;line-height:normal}table tbody{display:block;max-height:300px;overflow-y:scroll;margin:30px 0}table thead,table tbody tr{display:table;width:100%;table-layout:fixed}</style>`;
 
     		init(
     			this,
@@ -3606,7 +3651,11 @@
     			set_svg_attributes(g1, g1_data);
     			add_location(g1, file$2, 340, 4, 12250);
     			attr_dev(feGaussianBlur1, "in", "SourceGraphic");
-    			attr_dev(feGaussianBlur1, "stdDeviation", feGaussianBlur1_stdDeviation_value = 2 * /*speed*/ ctx[12]);
+
+    			attr_dev(feGaussianBlur1, "stdDeviation", feGaussianBlur1_stdDeviation_value = /*pointermode*/ ctx[11] === PointerMode.Arrow
+    			? 2 * /*speed*/ ctx[12]
+    			: 0);
+
     			add_location(feGaussianBlur1, file$2, 385, 10, 13773);
     			attr_dev(filter1, "id", "f1");
     			attr_dev(filter1, "x", "0");
@@ -3616,29 +3665,29 @@
     			attr_dev(g2, "id", "Images");
     			add_location(g2, file$2, 382, 4, 13697);
     			set_svg_attributes(image, image_data);
-    			add_location(image, file$2, 407, 4, 14506);
+    			add_location(image, file$2, 407, 4, 14546);
     			set_svg_attributes(g3, g3_data);
     			add_location(g3, file$2, 339, 2, 12191);
     			attr_dev(stop4, "offset", "0.28");
     			attr_dev(stop4, "stop-color", "#303030");
-    			add_location(stop4, file$2, 477, 6, 17087);
+    			add_location(stop4, file$2, 477, 6, 17127);
     			attr_dev(stop5, "offset", "1");
     			attr_dev(stop5, "stop-color", "#000604");
-    			add_location(stop5, file$2, 478, 6, 17136);
+    			add_location(stop5, file$2, 478, 6, 17176);
     			attr_dev(linearGradient3, "id", "LGCenterCircle");
     			attr_dev(linearGradient3, "x1", "86.7076");
     			attr_dev(linearGradient3, "y1", "35.306");
     			attr_dev(linearGradient3, "x2", "24.1663");
     			attr_dev(linearGradient3, "y2", "97.8472");
     			attr_dev(linearGradient3, "gradientUnits", "userSpaceOnUse");
-    			add_location(linearGradient3, file$2, 476, 6, 16962);
-    			add_location(defs5, file$2, 459, 4, 16020);
+    			add_location(linearGradient3, file$2, 476, 6, 17002);
+    			add_location(defs5, file$2, 459, 4, 16060);
     			set_svg_attributes(circle3, circle3_data);
-    			add_location(circle3, file$2, 486, 6, 17300);
+    			add_location(circle3, file$2, 486, 6, 17340);
     			set_svg_attributes(g4, g4_data);
-    			add_location(g4, file$2, 481, 4, 17216);
+    			add_location(g4, file$2, 481, 4, 17256);
     			set_svg_attributes(g5, g5_data);
-    			add_location(g5, file$2, 455, 2, 15918);
+    			add_location(g5, file$2, 455, 2, 15958);
     			attr_dev(svg_1, "width", /*size*/ ctx[1]);
     			attr_dev(svg_1, "height", /*size*/ ctx[1]);
     			attr_dev(svg_1, "style", svg_1_style_value = [`${/*messageShown*/ ctx[13] ? 'opacity: .3' : ''}`].join(';'));
@@ -3864,7 +3913,9 @@
 
     			set_svg_attributes(g1, g1_data = get_spread_update(g1_levels, [classWithPart("PartitionsBackground")]));
 
-    			if (dirty[0] & /*speed*/ 4096 && feGaussianBlur1_stdDeviation_value !== (feGaussianBlur1_stdDeviation_value = 2 * /*speed*/ ctx[12])) {
+    			if (dirty[0] & /*pointermode, speed*/ 6144 && feGaussianBlur1_stdDeviation_value !== (feGaussianBlur1_stdDeviation_value = /*pointermode*/ ctx[11] === PointerMode.Arrow
+    			? 2 * /*speed*/ ctx[12]
+    			: 0)) {
     				attr_dev(feGaussianBlur1, "stdDeviation", feGaussianBlur1_stdDeviation_value);
     			}
 
@@ -4348,7 +4399,7 @@
     		c: function create() {
     			image = svg_element("image");
     			set_svg_attributes(image, image_data);
-    			add_location(image, file$2, 398, 10, 14250);
+    			add_location(image, file$2, 398, 10, 14290);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, image, anchor);
@@ -4403,7 +4454,7 @@
     			text_1 = svg_element("text");
     			t = text(t_value);
     			set_svg_attributes(text_1, text_1_data);
-    			add_location(text_1, file$2, 391, 10, 13943);
+    			add_location(text_1, file$2, 391, 10, 13983);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, text_1, anchor);
@@ -4567,29 +4618,29 @@
     			stop2 = svg_element("stop");
     			path = svg_element("path");
     			set_svg_attributes(image0, image0_data);
-    			add_location(image0, file$2, 418, 4, 14864);
+    			add_location(image0, file$2, 418, 4, 14904);
     			set_svg_attributes(image1, image1_data);
-    			add_location(image1, file$2, 425, 4, 15040);
+    			add_location(image1, file$2, 425, 4, 15080);
     			attr_dev(stop0, "stop-color", "#E7A60D");
-    			add_location(stop0, file$2, 436, 6, 15360);
+    			add_location(stop0, file$2, 436, 6, 15400);
     			attr_dev(stop1, "offset", "0.378125");
     			attr_dev(stop1, "stop-color", "#FFDD64");
-    			add_location(stop1, file$2, 437, 6, 15395);
+    			add_location(stop1, file$2, 437, 6, 15435);
     			attr_dev(stop2, "offset", "1");
     			attr_dev(stop2, "stop-color", "#FFF100");
-    			add_location(stop2, file$2, 438, 6, 15448);
+    			add_location(stop2, file$2, 438, 6, 15488);
     			attr_dev(linearGradient, "id", "GPointerPartitionFrame");
     			attr_dev(linearGradient, "x1", "50.7564");
     			attr_dev(linearGradient, "y1", "-9.24463");
     			attr_dev(linearGradient, "x2", "50.7564");
     			attr_dev(linearGradient, "y2", "115.67");
     			attr_dev(linearGradient, "gradientUnits", "userSpaceOnUse");
-    			add_location(linearGradient, file$2, 435, 6, 15226);
-    			add_location(defs, file$2, 434, 4, 15213);
+    			add_location(linearGradient, file$2, 435, 6, 15266);
+    			add_location(defs, file$2, 434, 4, 15253);
     			set_svg_attributes(path, path_data);
-    			add_location(path, file$2, 441, 4, 15528);
+    			add_location(path, file$2, 441, 4, 15568);
     			set_svg_attributes(g, g_data);
-    			add_location(g, file$2, 417, 2, 14808);
+    			add_location(g, file$2, 417, 2, 14848);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, g, anchor);
@@ -4672,7 +4723,7 @@
     		c: function create() {
     			image = svg_element("image");
     			set_svg_attributes(image, image_data);
-    			add_location(image, file$2, 497, 6, 17528);
+    			add_location(image, file$2, 497, 6, 17568);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, image, anchor);
@@ -4722,7 +4773,7 @@
     		c: function create() {
     			image = svg_element("image");
     			set_svg_attributes(image, image_data);
-    			add_location(image, file$2, 505, 6, 17801);
+    			add_location(image, file$2, 505, 6, 17841);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, image, anchor);
@@ -4797,9 +4848,9 @@
     			image0 = svg_element("image");
     			image1 = svg_element("image");
     			set_svg_attributes(image0, image0_data);
-    			add_location(image0, file$2, 512, 6, 17997);
+    			add_location(image0, file$2, 512, 6, 18037);
     			set_svg_attributes(image1, image1_data);
-    			add_location(image1, file$2, 519, 6, 18179);
+    			add_location(image1, file$2, 519, 6, 18219);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, image0, anchor);
@@ -4883,9 +4934,9 @@
     			image0 = svg_element("image");
     			image1 = svg_element("image");
     			set_svg_attributes(image0, image0_data);
-    			add_location(image0, file$2, 529, 6, 18431);
+    			add_location(image0, file$2, 529, 6, 18471);
     			set_svg_attributes(image1, image1_data);
-    			add_location(image1, file$2, 534, 6, 18614);
+    			add_location(image1, file$2, 534, 6, 18654);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, image0, anchor);
@@ -4959,9 +5010,9 @@
     			image0 = svg_element("image");
     			image1 = svg_element("image");
     			set_svg_attributes(image0, image0_data);
-    			add_location(image0, file$2, 540, 6, 18783);
+    			add_location(image0, file$2, 540, 6, 18823);
     			set_svg_attributes(image1, image1_data);
-    			add_location(image1, file$2, 544, 6, 18916);
+    			add_location(image1, file$2, 544, 6, 18956);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, image0, anchor);
@@ -5019,7 +5070,7 @@
     			}
 
     			attr_dev(g, "id", "RingCirclesGroup");
-    			add_location(g, file$2, 553, 2, 19109);
+    			add_location(g, file$2, 553, 2, 19149);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, g, anchor);
@@ -5102,9 +5153,9 @@
     			image0 = svg_element("image");
     			image1 = svg_element("image");
     			set_svg_attributes(image0, image0_data);
-    			add_location(image0, file$2, 555, 6, 19177);
+    			add_location(image0, file$2, 555, 6, 19217);
     			set_svg_attributes(image1, image1_data);
-    			add_location(image1, file$2, 563, 6, 19362);
+    			add_location(image1, file$2, 563, 6, 19402);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, image0, anchor);
@@ -5163,7 +5214,7 @@
     			g = svg_element("g");
     			if_block.c();
     			set_svg_attributes(g, g_data);
-    			add_location(g, file$2, 577, 2, 19622);
+    			add_location(g, file$2, 577, 2, 19662);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, g, anchor);
@@ -5226,7 +5277,7 @@
     		c: function create() {
     			polygon = svg_element("polygon");
     			set_svg_attributes(polygon, polygon_data);
-    			add_location(polygon, file$2, 607, 8, 20472);
+    			add_location(polygon, file$2, 607, 8, 20512);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, polygon, anchor);
@@ -5301,7 +5352,7 @@
     		c: function create() {
     			image = svg_element("image");
     			set_svg_attributes(image, image_data);
-    			add_location(image, file$2, 591, 8, 20053);
+    			add_location(image, file$2, 591, 8, 20093);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, image, anchor);
@@ -5364,7 +5415,7 @@
     		c: function create() {
     			image = svg_element("image");
     			set_svg_attributes(image, image_data);
-    			add_location(image, file$2, 580, 6, 19710);
+    			add_location(image, file$2, 580, 6, 19750);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, image, anchor);
@@ -6095,8 +6146,8 @@
     	let lottery_program_wof_private_message_panel_levels = [
     		{
     			id: /*id*/ ctx[9],
-    			x: /*main*/ ctx[6]?.offsetLeft + /*mainWidth*/ ctx[4] / 2,
-    			r: /*radius*/ ctx[8] || /*mainWidth*/ ctx[4] / 2
+    			r: /*radius*/ ctx[8] || /*mainWidth*/ ctx[4] / 2,
+    			h: /*main*/ ctx[6]?.clientHeight
     		}
     	];
 
@@ -6106,6 +6157,13 @@
     		lottery_program_wof_private_message_panel_data = assign(lottery_program_wof_private_message_panel_data, lottery_program_wof_private_message_panel_levels[i]);
     	}
 
+    	let main_1_levels = [classWithPart("Main")];
+    	let main_1_data = {};
+
+    	for (let i = 0; i < main_1_levels.length; i += 1) {
+    		main_1_data = assign(main_1_data, main_1_levels[i]);
+    	}
+
     	let if_block1 = /*lotteryProgramForPlayer*/ ctx[5].current && create_if_block_1$1(ctx);
     	let div0_levels = [classWithPart("FortuneContainer")];
     	let div0_data = {};
@@ -6132,7 +6190,8 @@
     			t1 = space();
     			if (if_block1) if_block1.c();
     			set_attributes(lottery_program_wof_private_message_panel, lottery_program_wof_private_message_panel_data);
-    			add_location(lottery_program_wof_private_message_panel, file$1, 106, 8, 3142);
+    			add_location(lottery_program_wof_private_message_panel, file$1, 106, 8, 3169);
+    			set_attributes(main_1, main_1_data);
     			add_location(main_1, file$1, 93, 6, 2764);
     			set_attributes(div0, div0_data);
     			add_location(div0, file$1, 92, 4, 2713);
@@ -6165,13 +6224,15 @@
     			}
 
     			set_attributes(lottery_program_wof_private_message_panel, lottery_program_wof_private_message_panel_data = get_spread_update(lottery_program_wof_private_message_panel_levels, [
-    				dirty & /*id, main, mainWidth, radius*/ 848 && {
+    				dirty & /*id, radius, mainWidth, main*/ 848 && {
     					id: /*id*/ ctx[9],
-    					x: /*main*/ ctx[6]?.offsetLeft + /*mainWidth*/ ctx[4] / 2,
-    					r: /*radius*/ ctx[8] || /*mainWidth*/ ctx[4] / 2
+    					r: /*radius*/ ctx[8] || /*mainWidth*/ ctx[4] / 2,
+    					h: /*main*/ ctx[6]?.clientHeight
     				}
     			]));
 
+    			set_attributes(main_1, main_1_data = get_spread_update(main_1_levels, [classWithPart("Main")]));
+
     			if (/*lotteryProgramForPlayer*/ ctx[5].current) {
     				if (if_block1) {
     					if_block1.p(ctx, dirty);
@@ -6233,7 +6294,7 @@
     		c: function create() {
     			lottery_program_wof_private_item_svg = element("lottery-program-wof-private-item-svg");
     			set_attributes(lottery_program_wof_private_item_svg, lottery_program_wof_private_item_svg_data);
-    			add_location(lottery_program_wof_private_item_svg, file$1, 96, 10, 2826);
+    			add_location(lottery_program_wof_private_item_svg, file$1, 96, 10, 2853);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, lottery_program_wof_private_item_svg, anchor);
@@ -6305,11 +6366,11 @@
     			p2 = element("p");
     			t6 = text("Remaining Times: ");
     			t7 = text(t7_value);
-    			add_location(p0, file$1, 117, 8, 3428);
-    			add_location(p1, file$1, 118, 8, 3511);
-    			add_location(p2, file$1, 119, 8, 3598);
+    			add_location(p0, file$1, 117, 8, 3443);
+    			add_location(p1, file$1, 118, 8, 3526);
+    			add_location(p2, file$1, 119, 8, 3613);
     			set_attributes(div, div_data);
-    			add_location(div, file$1, 116, 6, 3384);
+    			add_location(div, file$1, 116, 6, 3399);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -6620,7 +6681,7 @@
     class Private_item extends SvelteElement {
     	constructor(options) {
     		super();
-    		this.shadowRoot.innerHTML = `<style>:host{font-family:system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'}*,*::before,*::after{margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box}.LotteryProgramWof{background:var(--emfe-w-color-contrast, #07072A);display:flex;align-items:center;flex-direction:column;padding:20px 0}main{max-width:600px;width:100%;display:flex;justify-content:space-around;min-height:200px}.HighLightArea{mix-blend-mode:color-dodge}.HighLightAreaBackground{mix-blend-mode:screen;opacity:0.41}.HighLightAreaV1{background:radial-gradient(72.02% 62.64% at 50% 84.62%, rgba(255, 184, 47, 0.7) 0%, rgba(255, 184, 47, 0.384271) 30.52%, rgba(255, 184, 47, 0.165346) 52.4%, rgba(255, 184, 47, 0) 100%);filter:blur(9px)}.HighLightAreaV2{background:radial-gradient(87.18% 75.82% at 50% 84.62%, rgba(255, 248, 186, 0.7) 0%, rgba(255, 248, 186, 0.384271) 29.48%, rgba(255, 248, 186, 0) 100%);filter:blur(9px)}.FortuneContainer{width:100%;display:flex;align-items:center;flex-direction:column}.BackgroundCircle{fill:#FFFFFF;animation:color-animation 1s infinite linear alternate}.RingCirclesGroup .RingCircle{fill:#FFFFFF;stroke:#FFFFFF}.Center{transition:filter;transition-duration:1s}.Center.disabled{filter:grayscale(80%)}.Center .CenterCircle{fill:#3CE4BB;stroke:#963658;stroke-width:2px;cursor:pointer;transition:fill;transition-duration:1s}.Center .CenterText{cursor:pointer;fill:#FFFFFF}.PointerPartition{opacity:0.3;fill:lightgoldenrodyellow;stroke:red;stroke-width:6px;stroke-dasharray:12}.PointerArrow{fill:#064CA0}.Current{color:#FFFFFF}.PartitionText{fill:#FFFFFF;font-style:normal;font-weight:700;text-anchor:end;text-shadow:0px 2px #000}.PartitionShadow{background-blend-mode:multiply;mix-blend-mode:multiply}</style>`;
+    		this.shadowRoot.innerHTML = `<style>lottery-program-wof-private-message-panel{position:absolute}:host{font-family:system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'}*,*::before,*::after{margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box}.LotteryProgramWof{display:flex;align-items:center;flex-direction:column;padding:20px 0}main{max-width:600px;width:100%;display:flex;justify-content:space-around;min-height:200px}.Main{position:relative}.HighLightArea{mix-blend-mode:color-dodge}.HighLightAreaBackground{mix-blend-mode:screen;opacity:0.41}.HighLightAreaV1{background:radial-gradient(72.02% 62.64% at 50% 84.62%, rgba(255, 184, 47, 0.7) 0%, rgba(255, 184, 47, 0.384271) 30.52%, rgba(255, 184, 47, 0.165346) 52.4%, rgba(255, 184, 47, 0) 100%);filter:blur(9px)}.HighLightAreaV2{background:radial-gradient(87.18% 75.82% at 50% 84.62%, rgba(255, 248, 186, 0.7) 0%, rgba(255, 248, 186, 0.384271) 29.48%, rgba(255, 248, 186, 0) 100%);filter:blur(9px)}.FortuneContainer{width:100%;display:flex;align-items:center;flex-direction:column}.BackgroundCircle{fill:#FFFFFF;animation:color-animation 1s infinite linear alternate}.RingCirclesGroup .RingCircle{fill:#FFFFFF;stroke:#FFFFFF}.Center{transition:filter;transition-duration:1s}.Center.disabled{filter:grayscale(80%)}.Center .CenterCircle{fill:#3CE4BB;stroke:#963658;stroke-width:2px;cursor:pointer;transition:fill;transition-duration:1s}.Center .CenterText{cursor:pointer;fill:#FFFFFF}.PointerPartition{opacity:0.3;fill:lightgoldenrodyellow;stroke:red;stroke-width:6px;stroke-dasharray:12}.PointerArrow{fill:#064CA0}.Current{color:#FFFFFF}.PartitionText{fill:#FFFFFF;font-style:normal;font-weight:700;text-anchor:end;text-shadow:0px 2px #000}.PartitionShadow{background-blend-mode:multiply;mix-blend-mode:multiply}</style>`;
 
     		init(
     			this,
@@ -6743,11 +6804,11 @@
     	return child_ctx;
     }
 
-    // (61:8) {:else}
+    // (62:10) {:else}
     function create_else_block(ctx) {
     	let div;
     	let p;
-    	let div_levels = [classWithPart("LotteryProgramWofNoContent")];
+    	let div_levels = [classWithPart("NoContent")];
     	let div_data = {};
 
     	for (let i = 0; i < div_levels.length; i += 1) {
@@ -6759,16 +6820,16 @@
     			div = element("div");
     			p = element("p");
     			p.textContent = "You are not allowed to any lottery program.";
-    			add_location(p, file, 62, 12, 1779);
+    			add_location(p, file, 63, 14, 1829);
     			set_attributes(div, div_data);
-    			add_location(div, file, 61, 10, 1712);
+    			add_location(div, file, 62, 12, 1777);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
     			append_dev(div, p);
     		},
     		p: function update(ctx, dirty) {
-    			set_attributes(div, div_data = get_spread_update(div_levels, [classWithPart("LotteryProgramWofNoContent")]));
+    			set_attributes(div, div_data = get_spread_update(div_levels, [classWithPart("NoContent")]));
     		},
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(div);
@@ -6779,14 +6840,14 @@
     		block,
     		id: create_else_block.name,
     		type: "else",
-    		source: "(61:8) {:else}",
+    		source: "(62:10) {:else}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (51:8) {#if lotteryProgramsForPlayer.length}
+    // (52:10) {#if lotteryProgramsForPlayer.length}
     function create_if_block_1(ctx) {
     	let each_1_anchor;
     	let each_value = /*lotteryProgramsForPlayer*/ ctx[4];
@@ -6847,14 +6908,14 @@
     		block,
     		id: create_if_block_1.name,
     		type: "if",
-    		source: "(51:8) {#if lotteryProgramsForPlayer.length}",
+    		source: "(52:10) {#if lotteryProgramsForPlayer.length}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (48:6) {#if loading}
+    // (49:8) {#if loading}
     function create_if_block(ctx) {
     	let div;
 
@@ -6862,7 +6923,7 @@
     		c: function create() {
     			div = element("div");
     			div.textContent = "Loading...";
-    			add_location(div, file, 48, 8, 1320);
+    			add_location(div, file, 49, 10, 1359);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -6877,14 +6938,14 @@
     		block,
     		id: create_if_block.name,
     		type: "if",
-    		source: "(48:6) {#if loading}",
+    		source: "(49:8) {#if loading}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (52:10) {#each lotteryProgramsForPlayer as _l}
+    // (53:12) {#each lotteryProgramsForPlayer as _l}
     function create_each_block(ctx) {
     	let lottery_program_wof_private_item;
 
@@ -6908,7 +6969,7 @@
     		c: function create() {
     			lottery_program_wof_private_item = element("lottery-program-wof-private-item");
     			set_attributes(lottery_program_wof_private_item, lottery_program_wof_private_item_data);
-    			add_location(lottery_program_wof_private_item, file, 52, 12, 1463);
+    			add_location(lottery_program_wof_private_item, file, 53, 14, 1510);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, lottery_program_wof_private_item, anchor);
@@ -6933,7 +6994,7 @@
     		block,
     		id: create_each_block.name,
     		type: "each",
-    		source: "(52:10) {#each lotteryProgramsForPlayer as _l}",
+    		source: "(53:12) {#each lotteryProgramsForPlayer as _l}",
     		ctx
     	});
 
@@ -6941,11 +7002,12 @@
     }
 
     function create_fragment(ctx) {
-    	let div2;
+    	let div3;
     	let lottery_program_wof_private_tabs;
+    	let div1;
     	let div0;
     	let t;
-    	let div1;
+    	let div2;
     	let lottery_program_wof_private_outcomes;
 
     	function select_block_type(ctx, dirty) {
@@ -6956,6 +7018,12 @@
 
     	let current_block_type = select_block_type(ctx);
     	let if_block = current_block_type(ctx);
+    	let div0_levels = [classWithPart('CommonContainer')];
+    	let div0_data = {};
+
+    	for (let i = 0; i < div0_levels.length; i += 1) {
+    		div0_data = assign(div0_data, div0_levels[i]);
+    	}
 
     	let lottery_program_wof_private_outcomes_levels = [
     		{
@@ -6973,44 +7041,48 @@
     		lottery_program_wof_private_outcomes_data = assign(lottery_program_wof_private_outcomes_data, lottery_program_wof_private_outcomes_levels[i]);
     	}
 
-    	let div2_levels = [classWithPart("LotteryProgramWof")];
-    	let div2_data = {};
+    	let div3_levels = [classWithPart("Root")];
+    	let div3_data = {};
 
-    	for (let i = 0; i < div2_levels.length; i += 1) {
-    		div2_data = assign(div2_data, div2_levels[i]);
+    	for (let i = 0; i < div3_levels.length; i += 1) {
+    		div3_data = assign(div3_data, div3_levels[i]);
     	}
 
     	const block = {
     		c: function create() {
-    			div2 = element("div");
+    			div3 = element("div");
     			lottery_program_wof_private_tabs = element("lottery-program-wof-private-tabs");
+    			div1 = element("div");
     			div0 = element("div");
     			if_block.c();
     			t = space();
-    			div1 = element("div");
+    			div2 = element("div");
     			lottery_program_wof_private_outcomes = element("lottery-program-wof-private-outcomes");
     			this.c = noop;
-    			attr_dev(div0, "slot", "tab-Program");
-    			add_location(div0, file, 46, 4, 1267);
+    			set_attributes(div0, div0_data);
+    			add_location(div0, file, 47, 6, 1283);
+    			attr_dev(div1, "slot", "tab-Program");
+    			add_location(div1, file, 46, 4, 1252);
     			set_attributes(lottery_program_wof_private_outcomes, lottery_program_wof_private_outcomes_data);
-    			add_location(lottery_program_wof_private_outcomes, file, 68, 6, 1920);
-    			attr_dev(div1, "slot", "tab-Outcomes");
-    			add_location(div1, file, 67, 4, 1888);
-    			add_location(lottery_program_wof_private_tabs, file, 45, 2, 1228);
-    			set_attributes(div2, div2_data);
-    			add_location(div2, file, 43, 0, 1179);
+    			add_location(lottery_program_wof_private_outcomes, file, 70, 6, 1988);
+    			attr_dev(div2, "slot", "tab-History");
+    			add_location(div2, file, 69, 4, 1957);
+    			add_location(lottery_program_wof_private_tabs, file, 45, 2, 1213);
+    			set_attributes(div3, div3_data);
+    			add_location(div3, file, 43, 0, 1177);
     		},
     		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, lottery_program_wof_private_tabs);
-    			append_dev(lottery_program_wof_private_tabs, div0);
+    			insert_dev(target, div3, anchor);
+    			append_dev(div3, lottery_program_wof_private_tabs);
+    			append_dev(lottery_program_wof_private_tabs, div1);
+    			append_dev(div1, div0);
     			if_block.m(div0, null);
     			append_dev(lottery_program_wof_private_tabs, t);
-    			append_dev(lottery_program_wof_private_tabs, div1);
-    			append_dev(div1, lottery_program_wof_private_outcomes);
+    			append_dev(lottery_program_wof_private_tabs, div2);
+    			append_dev(div2, lottery_program_wof_private_outcomes);
     		},
     		p: function update(ctx, [dirty]) {
     			if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block) {
@@ -7025,6 +7097,8 @@
     				}
     			}
 
+    			set_attributes(div0, div0_data = get_spread_update(div0_levels, [classWithPart('CommonContainer')]));
+
     			set_attributes(lottery_program_wof_private_outcomes, lottery_program_wof_private_outcomes_data = get_spread_update(lottery_program_wof_private_outcomes_levels, [
     				dirty & /*endpoint, session*/ 6 && {
     					endpoint: /*endpoint*/ ctx[1],
@@ -7035,12 +7109,12 @@
     				}
     			]));
 
-    			set_attributes(div2, div2_data = get_spread_update(div2_levels, [classWithPart("LotteryProgramWof")]));
+    			set_attributes(div3, div3_data = get_spread_update(div3_levels, [classWithPart("Root")]));
     		},
     		i: noop,
     		o: noop,
     		d: function destroy(detaching) {
-    			if (detaching) detach_dev(div2);
+    			if (detaching) detach_dev(div3);
     			if_block.d();
     		}
     	};
@@ -7175,7 +7249,7 @@
     class LotteryProgramWof extends SvelteElement {
     	constructor(options) {
     		super();
-    		this.shadowRoot.innerHTML = `<style>:host{font-family:system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'}*,*::before,*::after{margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box}.LotteryProgramWof{background:var(--emfe-w-color-contrast, #07072A);display:flex;align-items:center;flex-direction:column;padding:20px 0}.LotteryProgramWofNoContent{color:white;min-height:300px;display:flex;justify-content:center;align-items:center;font-size:16px}</style>`;
+    		this.shadowRoot.innerHTML = `<style>lottery-program-wof-private-item{width:480px;display:inline-block}:host{font-family:system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'}*,*::before,*::after{margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box}.Root{display:flex;align-items:center;flex-direction:column;padding:20px 0;background:var(--emfe-w-color-contrast, #07072A)}.NoContent{color:white;min-height:300px;display:flex;justify-content:center;align-items:center;font-size:16px}.CommonContainer{display:flex;flex-wrap:wrap;justify-content:center}</style>`;
 
     		init(
     			this,