@everymatrix/lottery-program-wof 1.24.4 → 1.24.7

package/dist/lottery-program-wof.js

@@ -6355,18 +6355,18 @@
 
     function get_each_context$4(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[10] = list[i];
+    	child_ctx[11] = list[i];
     	return child_ctx;
     }
 
     function get_each_context_1$2(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[10] = list[i];
-    	child_ctx[14] = i;
+    	child_ctx[11] = list[i];
+    	child_ctx[15] = i;
     	return child_ctx;
     }
 
-    // (17:0) {#if isshowhistory === 'true'}
+    // (27:0) {#if isshowhistory === 'true'}
     function create_if_block_1$3(ctx) {
     	let section;
     	let ul;
@@ -6387,9 +6387,9 @@
     				each_blocks[i].c();
     			}
 
-    			add_location(ul, file$5, 18, 2, 610);
+    			add_location(ul, file$5, 28, 2, 844);
     			attr_dev(section, "class", "TabBar");
-    			add_location(section, file$5, 17, 0, 557);
+    			add_location(section, file$5, 27, 0, 791);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, section, anchor);
@@ -6401,10 +6401,10 @@
     				}
     			}
 
-    			/*section_binding*/ ctx[9](section);
+    			/*section_binding*/ ctx[10](section);
     		},
     		p: function update(ctx, dirty) {
-    			if (dirty & /*Object, Tab, tab, _postMessage, $_*/ 12) {
+    			if (dirty & /*Object, Tab, tab, onTabClick, $_*/ 28) {
     				each_value_1 = Object.keys(Tab);
     				validate_each_argument(each_value_1);
     				let i;
@@ -6431,7 +6431,7 @@
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(section);
     			destroy_each(each_blocks, detaching);
-    			/*section_binding*/ ctx[9](null);
+    			/*section_binding*/ ctx[10](null);
     		}
     	};
 
@@ -6439,25 +6439,25 @@
     		block,
     		id: create_if_block_1$3.name,
     		type: "if",
-    		source: "(17:0) {#if isshowhistory === 'true'}",
+    		source: "(27:0) {#if isshowhistory === 'true'}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (20:4) {#each Object.keys(Tab) as _tab, i}
+    // (30:4) {#each Object.keys(Tab) as _tab, i}
     function create_each_block_1$2(ctx) {
     	let li;
     	let span;
-    	let t0_value = /*$_*/ ctx[3](`wof.${/*_tab*/ ctx[10]}`) + "";
+    	let t0_value = /*$_*/ ctx[3](`wof.${/*_tab*/ ctx[11]}`) + "";
     	let t0;
     	let t1;
     	let mounted;
     	let dispose;
 
     	function click_handler() {
-    		return /*click_handler*/ ctx[8](/*_tab*/ ctx[10]);
+    		return /*click_handler*/ ctx[9](/*_tab*/ ctx[11]);
     	}
 
     	const block = {
@@ -6466,10 +6466,10 @@
     			span = element("span");
     			t0 = text(t0_value);
     			t1 = space();
-    			add_location(span, file$5, 24, 6, 731);
+    			add_location(span, file$5, 35, 6, 1005);
     			attr_dev(li, "class", "TabItem");
-    			toggle_class(li, "active", /*_tab*/ ctx[10] === /*tab*/ ctx[2]);
-    			add_location(li, file$5, 20, 4, 659);
+    			toggle_class(li, "active", /*_tab*/ ctx[11] === /*tab*/ ctx[2]);
+    			add_location(li, file$5, 30, 4, 893);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, li, anchor);
@@ -6478,16 +6478,16 @@
     			append_dev(li, t1);
 
     			if (!mounted) {
-    				dispose = listen_dev(span, "click", click_handler, false, false, false, false);
+    				dispose = listen_dev(li, "click", click_handler, false, false, false, false);
     				mounted = true;
     			}
     		},
     		p: function update(new_ctx, dirty) {
     			ctx = new_ctx;
-    			if (dirty & /*$_*/ 8 && t0_value !== (t0_value = /*$_*/ ctx[3](`wof.${/*_tab*/ ctx[10]}`) + "")) set_data_dev(t0, t0_value);
+    			if (dirty & /*$_*/ 8 && t0_value !== (t0_value = /*$_*/ ctx[3](`wof.${/*_tab*/ ctx[11]}`) + "")) set_data_dev(t0, t0_value);
 
     			if (dirty & /*Object, Tab, tab*/ 4) {
-    				toggle_class(li, "active", /*_tab*/ ctx[10] === /*tab*/ ctx[2]);
+    				toggle_class(li, "active", /*_tab*/ ctx[11] === /*tab*/ ctx[2]);
     			}
     		},
     		d: function destroy(detaching) {
@@ -6501,22 +6501,22 @@
     		block,
     		id: create_each_block_1$2.name,
     		type: "each",
-    		source: "(20:4) {#each Object.keys(Tab) as _tab, i}",
+    		source: "(30:4) {#each Object.keys(Tab) as _tab, i}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (48:2) {#if tab === _tab}
+    // (46:2) {#if tab === _tab}
     function create_if_block$4(ctx) {
     	let slot;
 
     	const block = {
     		c: function create() {
     			slot = element("slot");
-    			attr_dev(slot, "name", `tab-${/*_tab*/ ctx[10]}`);
-    			add_location(slot, file$5, 48, 4, 1182);
+    			attr_dev(slot, "name", `tab-${/*_tab*/ ctx[11]}`);
+    			add_location(slot, file$5, 46, 4, 1160);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, slot, anchor);
@@ -6531,17 +6531,17 @@
     		block,
     		id: create_if_block$4.name,
     		type: "if",
-    		source: "(48:2) {#if tab === _tab}",
+    		source: "(46:2) {#if tab === _tab}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (47:0) {#each Object.keys(Tab) as _tab}
+    // (45:0) {#each Object.keys(Tab) as _tab}
     function create_each_block$4(ctx) {
     	let if_block_anchor;
-    	let if_block = /*tab*/ ctx[2] === /*_tab*/ ctx[10] && create_if_block$4(ctx);
+    	let if_block = /*tab*/ ctx[2] === /*_tab*/ ctx[11] && create_if_block$4(ctx);
 
     	const block = {
     		c: function create() {
@@ -6553,7 +6553,7 @@
     			insert_dev(target, if_block_anchor, anchor);
     		},
     		p: function update(ctx, dirty) {
-    			if (/*tab*/ ctx[2] === /*_tab*/ ctx[10]) {
+    			if (/*tab*/ ctx[2] === /*_tab*/ ctx[11]) {
     				if (if_block) {
     					if_block.p(ctx, dirty);
     				} else {
@@ -6576,7 +6576,7 @@
     		block,
     		id: create_each_block$4.name,
     		type: "each",
-    		source: "(47:0) {#each Object.keys(Tab) as _tab}",
+    		source: "(45:0) {#each Object.keys(Tab) as _tab}",
     		ctx
     	});
 
@@ -6694,13 +6694,8 @@
     	let { isshowhistory = 'true' } = $$props;
     	let rootContainer;
     	let tab = Tab.Program;
-    	const writable_props = ['lang', 'endpoint', 'session', 'clientstyling', 'isshowhistory'];
-
-    	Object_1$1.keys($$props).forEach(key => {
-    		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<lottery-program-wof-private-tabs> was created with unknown prop '${key}'`);
-    	});
 
-    	const click_handler = _tab => {
+    	const onTabClick = _tab => {
     		switch (_tab) {
     			case Tab.Program:
     				break;
@@ -6709,10 +6704,17 @@
     				break;
     		}
 
-    		//@ts-ignore
     		$$invalidate(2, tab = _tab);
     	};
 
+    	const writable_props = ['lang', 'endpoint', 'session', 'clientstyling', 'isshowhistory'];
+
+    	Object_1$1.keys($$props).forEach(key => {
+    		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<lottery-program-wof-private-tabs> was created with unknown prop '${key}'`);
+    	});
+
+    	const click_handler = _tab => onTabClick(_tab);
+
     	function section_binding($$value) {
     		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
     			rootContainer = $$value;
@@ -6721,10 +6723,10 @@
     	}
 
     	$$self.$$set = $$props => {
-    		if ('lang' in $$props) $$invalidate(4, lang = $$props.lang);
-    		if ('endpoint' in $$props) $$invalidate(5, endpoint = $$props.endpoint);
-    		if ('session' in $$props) $$invalidate(6, session = $$props.session);
-    		if ('clientstyling' in $$props) $$invalidate(7, clientstyling = $$props.clientstyling);
+    		if ('lang' in $$props) $$invalidate(5, lang = $$props.lang);
+    		if ('endpoint' in $$props) $$invalidate(6, endpoint = $$props.endpoint);
+    		if ('session' in $$props) $$invalidate(7, session = $$props.session);
+    		if ('clientstyling' in $$props) $$invalidate(8, clientstyling = $$props.clientstyling);
     		if ('isshowhistory' in $$props) $$invalidate(0, isshowhistory = $$props.isshowhistory);
     	};
 
@@ -6741,14 +6743,15 @@
     		isshowhistory,
     		rootContainer,
     		tab,
+    		onTabClick,
     		$_
     	});
 
     	$$self.$inject_state = $$props => {
-    		if ('lang' in $$props) $$invalidate(4, lang = $$props.lang);
-    		if ('endpoint' in $$props) $$invalidate(5, endpoint = $$props.endpoint);
-    		if ('session' in $$props) $$invalidate(6, session = $$props.session);
-    		if ('clientstyling' in $$props) $$invalidate(7, clientstyling = $$props.clientstyling);
+    		if ('lang' in $$props) $$invalidate(5, lang = $$props.lang);
+    		if ('endpoint' in $$props) $$invalidate(6, endpoint = $$props.endpoint);
+    		if ('session' in $$props) $$invalidate(7, session = $$props.session);
+    		if ('clientstyling' in $$props) $$invalidate(8, clientstyling = $$props.clientstyling);
     		if ('isshowhistory' in $$props) $$invalidate(0, isshowhistory = $$props.isshowhistory);
     		if ('rootContainer' in $$props) $$invalidate(1, rootContainer = $$props.rootContainer);
     		if ('tab' in $$props) $$invalidate(2, tab = $$props.tab);
@@ -6759,7 +6762,7 @@
     	}
 
     	$$self.$$.update = () => {
-    		if ($$self.$$.dirty & /*clientstyling, rootContainer*/ 130) {
+    		if ($$self.$$.dirty & /*clientstyling, rootContainer*/ 258) {
     			clientstyling && rootContainer && setClientStyling(rootContainer, clientstyling);
     		}
     	};
@@ -6769,6 +6772,7 @@
     		rootContainer,
     		tab,
     		$_,
+    		onTabClick,
     		lang,
     		endpoint,
     		session,
@@ -6782,7 +6786,7 @@
     	constructor(options) {
     		super();
     		const style = document.createElement('style');
-    		style.textContent = `: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}.TabBar{width:100%;display:flex;align-items:center;flex-direction:column;padding:20px 0}.TabBar ul{max-width:600px;width:100%}.TabBar ul li{color:#FFFFFF;display:inline-block;margin-right:10px}.TabBar ul{border-bottom:3px #ccc solid}.TabBar ul li{padding:6px;cursor:pointer}.TabBar ul li.active{border-bottom:3px #d46666 solid;margin-bottom:-6px}`;
+    		style.textContent = `: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}.TabBar{width:100%;display:flex;align-items:center;flex-direction:column;padding:20px 0}.TabBar ul{max-width:600px;width:100%}.TabBar ul li{color:#FFFFFF;display:inline-block}.TabBar ul{border-bottom:3px #ccc solid}.TabBar ul li{padding:6px 10px;cursor:pointer}.TabBar ul li.active{border-bottom:3px #d46666 solid;margin-bottom:-6px}`;
     		this.shadowRoot.appendChild(style);
 
     		init(
@@ -6796,10 +6800,10 @@
     			create_fragment$5,
     			safe_not_equal,
     			{
-    				lang: 4,
-    				endpoint: 5,
-    				session: 6,
-    				clientstyling: 7,
+    				lang: 5,
+    				endpoint: 6,
+    				session: 7,
+    				clientstyling: 8,
     				isshowhistory: 0
     			},
     			null
@@ -6822,7 +6826,7 @@
     	}
 
     	get lang() {
-    		return this.$$.ctx[4];
+    		return this.$$.ctx[5];
     	}
 
     	set lang(lang) {
@@ -6831,7 +6835,7 @@
     	}
 
     	get endpoint() {
-    		return this.$$.ctx[5];
+    		return this.$$.ctx[6];
     	}
 
     	set endpoint(endpoint) {
@@ -6840,7 +6844,7 @@
     	}
 
     	get session() {
-    		return this.$$.ctx[6];
+    		return this.$$.ctx[7];
     	}
 
     	set session(session) {
@@ -6849,7 +6853,7 @@
     	}
 
     	get clientstyling() {
-    		return this.$$.ctx[7];
+    		return this.$$.ctx[8];
     	}
 
     	set clientstyling(clientstyling) {