@everymatrix/lottery-program-wof 1.22.10 → 1.23.0

package/dist/lottery-program-wof.js

@@ -8403,47 +8403,47 @@
 
     function get_each_context$2(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[41] = list[i];
-    	child_ctx[43] = i;
+    	child_ctx[43] = list[i];
+    	child_ctx[45] = i;
     	return child_ctx;
     }
 
     function get_each_context_1(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[41] = list[i];
-    	child_ctx[43] = i;
+    	child_ctx[43] = list[i];
+    	child_ctx[45] = i;
     	return child_ctx;
     }
 
     function get_each_context_2(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[41] = list[i];
-    	child_ctx[43] = i;
+    	child_ctx[43] = list[i];
+    	child_ctx[45] = i;
     	return child_ctx;
     }
 
     function get_each_context_3(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[41] = list[i];
-    	child_ctx[43] = i;
+    	child_ctx[43] = list[i];
+    	child_ctx[45] = i;
     	return child_ctx;
     }
 
     function get_each_context_4(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[41] = list[i];
-    	child_ctx[43] = i;
+    	child_ctx[43] = list[i];
+    	child_ctx[45] = i;
     	return child_ctx;
     }
 
     function get_each_context_5(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[41] = list[i];
-    	child_ctx[43] = i;
+    	child_ctx[43] = list[i];
+    	child_ctx[45] = i;
     	return child_ctx;
     }
 
-    // (164:2) {#if size && options.length}
+    // (175:2) {#if Number(size) && options.length}
     function create_if_block$2(ctx) {
     	let svg_1;
     	let foreignObject0;
@@ -8462,7 +8462,7 @@
     	let g7;
     	let mounted;
     	let dispose;
-    	let foreignObject0_levels = [/*sizeProps*/ ctx[11], { class: "Bottom Customable" }];
+    	let foreignObject0_levels = [/*sizeProps*/ ctx[12], { class: "Bottom Customable" }];
     	let foreignObject_data_3 = {};
 
     	for (let i = 0; i < foreignObject0_levels.length; i += 1) {
@@ -8517,14 +8517,14 @@
     	}
 
     	let if_block = /*theme*/ ctx[4].pointerMode === PointerMode.Partition && create_if_block_1$1(ctx);
-    	let foreignObject1_levels = [{ class: "Middle Customable" }, /*sizeProps*/ ctx[11]];
+    	let foreignObject1_levels = [{ class: "Middle Customable" }, /*sizeProps*/ ctx[12]];
     	let foreignObject_data_2 = {};
 
     	for (let i = 0; i < foreignObject1_levels.length; i += 1) {
     		foreignObject_data_2 = assign(foreignObject_data_2, foreignObject1_levels[i]);
     	}
 
-    	let foreignObject2_levels = [{ class: "Top Customable" }, /*sizeProps*/ ctx[11]];
+    	let foreignObject2_levels = [{ class: "Top Customable" }, /*sizeProps*/ ctx[12]];
     	let foreignObject_data_1 = {};
 
     	for (let i = 0; i < foreignObject2_levels.length; i += 1) {
@@ -8586,37 +8586,39 @@
     			}
 
     			set_svg_attributes(foreignObject0, foreignObject_data_3);
-    			add_location(foreignObject0, file$2, 171, 4, 5150);
+    			add_location(foreignObject0, file$2, 182, 4, 5530);
     			attr_dev(g0, "class", "PartitionsBackgrounds");
-    			add_location(g0, file$2, 174, 6, 5280);
+    			add_location(g0, file$2, 185, 6, 5660);
     			attr_dev(g1, "class", "PartitionsBackgroundStrokes");
-    			add_location(g1, file$2, 185, 6, 5613);
+    			add_location(g1, file$2, 196, 6, 5993);
     			attr_dev(g2, "class", "Partitions");
-    			set_style(g2, "filter", /*optionFilter*/ ctx[12]);
-    			add_location(g2, file$2, 196, 6, 5888);
+    			set_style(g2, "filter", /*optionFilter*/ ctx[13]);
+    			add_location(g2, file$2, 207, 6, 6268);
     			set_svg_attributes(g3, g_data_7);
-    			add_location(g3, file$2, 173, 4, 5214);
+    			add_location(g3, file$2, 184, 4, 5594);
     			attr_dev(g4, "class", "PartitionsCustomable1");
-    			add_location(g4, file$2, 222, 4, 6626);
+    			toggle_class(g4, "active", /*isPartitionsCustomableReady*/ ctx[7]);
+    			add_location(g4, file$2, 233, 4, 7006);
     			attr_dev(g5, "class", "PartitionsCustomable2");
-    			add_location(g5, file$2, 231, 4, 6852);
+    			toggle_class(g5, "active", /*isPartitionsCustomableReady*/ ctx[7]);
+    			add_location(g5, file$2, 242, 4, 7275);
     			set_svg_attributes(foreignObject1, foreignObject_data_2);
-    			add_location(foreignObject1, file$2, 254, 4, 7422);
+    			add_location(foreignObject1, file$2, 265, 4, 7888);
     			set_svg_attributes(foreignObject2, foreignObject_data_1);
-    			add_location(foreignObject2, file$2, 255, 4, 7485);
+    			add_location(foreignObject2, file$2, 266, 4, 7951);
     			attr_dev(foreignObject3, "x", foreignObject3_x_value = Number(/*size*/ ctx[0]) / 2 - 100 / 2);
     			attr_dev(foreignObject3, "y", foreignObject3_y_value = Number(/*size*/ ctx[0]) / 2 - 100 / 2);
     			attr_dev(foreignObject3, "width", 100);
     			attr_dev(foreignObject3, "height", 100);
-    			add_location(foreignObject3, file$2, 262, 6, 7665);
+    			add_location(foreignObject3, file$2, 273, 6, 8131);
     			attr_dev(g6, "class", "Center");
-    			toggle_class(g6, "disabled", /*isSpinning*/ ctx[8]);
-    			add_location(g6, file$2, 257, 4, 7546);
-    			add_location(g7, file$2, 271, 4, 7832);
+    			toggle_class(g6, "disabled", /*isSpinning*/ ctx[9]);
+    			add_location(g6, file$2, 268, 4, 8012);
+    			add_location(g7, file$2, 282, 4, 8298);
     			attr_dev(svg_1, "width", /*size*/ ctx[0]);
     			attr_dev(svg_1, "height", /*size*/ ctx[0]);
-    			set_style(svg_1, "opacity", /*messageShown*/ ctx[10] ? '.3' : '');
-    			add_location(svg_1, file$2, 164, 2, 4991);
+    			set_style(svg_1, "opacity", /*messageShown*/ ctx[11] ? '.3' : '');
+    			add_location(svg_1, file$2, 175, 2, 5371);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, svg_1, anchor);
@@ -8675,12 +8677,12 @@
     				}
     			}
 
-    			/*svg_1_binding*/ ctx[27](svg_1);
+    			/*svg_1_binding*/ ctx[28](svg_1);
 
     			if (!mounted) {
     				dispose = [
-    					listen_dev(g6, "click", /*click_handler*/ ctx[26], false, false, false, false),
-    					listen_dev(svg_1, "click", /*click_handler_1*/ ctx[28], false, false, false, false)
+    					listen_dev(g6, "click", /*click_handler*/ ctx[27], false, false, false, false),
+    					listen_dev(svg_1, "click", /*click_handler_1*/ ctx[29], false, false, false, false)
     				];
 
     				mounted = true;
@@ -8688,7 +8690,7 @@
     		},
     		p: function update(ctx, dirty) {
     			set_svg_attributes(foreignObject0, foreignObject_data_3 = get_spread_update(foreignObject0_levels, [
-    				dirty[0] & /*sizeProps*/ 2048 && /*sizeProps*/ ctx[11],
+    				dirty[0] & /*sizeProps*/ 4096 && /*sizeProps*/ ctx[12],
     				{ class: "Bottom Customable" }
     			]));
 
@@ -8764,8 +8766,8 @@
     				each_blocks_3.length = each_value_3.length;
     			}
 
-    			if (dirty[0] & /*optionFilter*/ 4096) {
-    				set_style(g2, "filter", /*optionFilter*/ ctx[12]);
+    			if (dirty[0] & /*optionFilter*/ 8192) {
+    				set_style(g2, "filter", /*optionFilter*/ ctx[13]);
     			}
 
     			set_svg_attributes(g3, g_data_7 = get_spread_update(g3_levels, [
@@ -8773,7 +8775,7 @@
     				dirty[0] & /*calc*/ 32 && /*calc*/ ctx[5].getSpinnerProps()
     			]));
 
-    			if (dirty[0] & /*sizeProps, options*/ 2056) {
+    			if (dirty[0] & /*sizeProps, options*/ 4104) {
     				each_value_2 = /*options*/ ctx[3];
     				validate_each_argument(each_value_2);
     				let i;
@@ -8797,7 +8799,11 @@
     				each_blocks_2.length = each_value_2.length;
     			}
 
-    			if (dirty[0] & /*sizeProps, options*/ 2056) {
+    			if (dirty[0] & /*isPartitionsCustomableReady*/ 128) {
+    				toggle_class(g4, "active", /*isPartitionsCustomableReady*/ ctx[7]);
+    			}
+
+    			if (dirty[0] & /*sizeProps, options*/ 4104) {
     				each_value_1 = /*options*/ ctx[3];
     				validate_each_argument(each_value_1);
     				let i;
@@ -8821,6 +8827,10 @@
     				each_blocks_1.length = each_value_1.length;
     			}
 
+    			if (dirty[0] & /*isPartitionsCustomableReady*/ 128) {
+    				toggle_class(g5, "active", /*isPartitionsCustomableReady*/ ctx[7]);
+    			}
+
     			if (/*theme*/ ctx[4].pointerMode === PointerMode.Partition) {
     				if (if_block) {
     					if_block.p(ctx, dirty);
@@ -8836,12 +8846,12 @@
 
     			set_svg_attributes(foreignObject1, foreignObject_data_2 = get_spread_update(foreignObject1_levels, [
     				{ class: "Middle Customable" },
-    				dirty[0] & /*sizeProps*/ 2048 && /*sizeProps*/ ctx[11]
+    				dirty[0] & /*sizeProps*/ 4096 && /*sizeProps*/ ctx[12]
     			]));
 
     			set_svg_attributes(foreignObject2, foreignObject_data_1 = get_spread_update(foreignObject2_levels, [
     				{ class: "Top Customable" },
-    				dirty[0] & /*sizeProps*/ 2048 && /*sizeProps*/ ctx[11]
+    				dirty[0] & /*sizeProps*/ 4096 && /*sizeProps*/ ctx[12]
     			]));
 
     			if (dirty[0] & /*size*/ 1 && foreignObject3_x_value !== (foreignObject3_x_value = Number(/*size*/ ctx[0]) / 2 - 100 / 2)) {
@@ -8852,8 +8862,8 @@
     				attr_dev(foreignObject3, "y", foreignObject3_y_value);
     			}
 
-    			if (dirty[0] & /*isSpinning*/ 256) {
-    				toggle_class(g6, "disabled", /*isSpinning*/ ctx[8]);
+    			if (dirty[0] & /*isSpinning*/ 512) {
+    				toggle_class(g6, "disabled", /*isSpinning*/ ctx[9]);
     			}
 
     			if (dirty[0] & /*calc, options*/ 40) {
@@ -8888,8 +8898,8 @@
     				attr_dev(svg_1, "height", /*size*/ ctx[0]);
     			}
 
-    			if (dirty[0] & /*messageShown*/ 1024) {
-    				set_style(svg_1, "opacity", /*messageShown*/ ctx[10] ? '.3' : '');
+    			if (dirty[0] & /*messageShown*/ 2048) {
+    				set_style(svg_1, "opacity", /*messageShown*/ ctx[11] ? '.3' : '');
     			}
     		},
     		d: function destroy(detaching) {
@@ -8901,7 +8911,7 @@
     			destroy_each(each_blocks_1, detaching);
     			if (if_block) if_block.d();
     			destroy_each(each_blocks, detaching);
-    			/*svg_1_binding*/ ctx[27](null);
+    			/*svg_1_binding*/ ctx[28](null);
     			mounted = false;
     			run_all(dispose);
     		}
@@ -8911,26 +8921,26 @@
     		block,
     		id: create_if_block$2.name,
     		type: "if",
-    		source: "(164:2) {#if size && options.length}",
+    		source: "(175:2) {#if Number(size) && options.length}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (176:8) {#each options as option, index}
+    // (187:8) {#each options as option, index}
     function create_each_block_5(ctx) {
     	let foreignObject;
 
     	const block = {
     		c: function create() {
     			foreignObject = svg_element("foreignObject");
-    			attr_dev(foreignObject, "clip-path", `url(#clip${/*index*/ ctx[43]})`);
+    			attr_dev(foreignObject, "clip-path", `url(#clip${/*index*/ ctx[45]})`);
     			attr_dev(foreignObject, "class", "PartitionBackground Customable");
-    			attr_dev(foreignObject, "style", `--index: ${/*index*/ ctx[43]}`);
+    			attr_dev(foreignObject, "style", `--index: ${/*index*/ ctx[45]}`);
     			attr_dev(foreignObject, "width", /*size*/ ctx[0]);
     			attr_dev(foreignObject, "height", /*size*/ ctx[0]);
-    			add_location(foreignObject, file$2, 176, 10, 5365);
+    			add_location(foreignObject, file$2, 187, 10, 5745);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, foreignObject, anchor);
@@ -8953,20 +8963,20 @@
     		block,
     		id: create_each_block_5.name,
     		type: "each",
-    		source: "(176:8) {#each options as option, index}",
+    		source: "(187:8) {#each options as option, index}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (187:8) {#each options as option, index}
+    // (198:8) {#each options as option, index}
     function create_each_block_4(ctx) {
     	let path;
 
     	let path_levels = [
     		{ class: "PartitionBackgroundStroke" },
-    		/*calc*/ ctx[5].getPartitionDraw(/*index*/ ctx[43]),
+    		/*calc*/ ctx[5].getPartitionDraw(/*index*/ ctx[45]),
     		{ width: /*size*/ ctx[0] },
     		{ height: /*size*/ ctx[0] }
     	];
@@ -8981,7 +8991,7 @@
     		c: function create() {
     			path = svg_element("path");
     			set_svg_attributes(path, path_data);
-    			add_location(path, file$2, 187, 8, 5702);
+    			add_location(path, file$2, 198, 8, 6082);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, path, anchor);
@@ -8989,7 +8999,7 @@
     		p: function update(ctx, dirty) {
     			set_svg_attributes(path, path_data = get_spread_update(path_levels, [
     				{ class: "PartitionBackgroundStroke" },
-    				dirty[0] & /*calc*/ 32 && /*calc*/ ctx[5].getPartitionDraw(/*index*/ ctx[43]),
+    				dirty[0] & /*calc*/ 32 && /*calc*/ ctx[5].getPartitionDraw(/*index*/ ctx[45]),
     				dirty[0] & /*size*/ 1 && { width: /*size*/ ctx[0] },
     				dirty[0] & /*size*/ 1 && { height: /*size*/ ctx[0] }
     			]));
@@ -9003,14 +9013,14 @@
     		block,
     		id: create_each_block_4.name,
     		type: "each",
-    		source: "(187:8) {#each options as option, index}",
+    		source: "(198:8) {#each options as option, index}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (200:10) {#if option.image}
+    // (211:10) {#if option.image}
     function create_if_block_3(ctx) {
     	let g;
     	let mounted;
@@ -9019,14 +9029,14 @@
     	const block = {
     		c: function create() {
     			g = svg_element("g");
-    			attr_dev(g, "class", `PartitionImage PartitionImage${/*index*/ ctx[43]}`);
-    			add_location(g, file$2, 200, 12, 6021);
+    			attr_dev(g, "class", `PartitionImage PartitionImage${/*index*/ ctx[45]}`);
+    			add_location(g, file$2, 211, 12, 6401);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, g, anchor);
 
     			if (!mounted) {
-    				dispose = action_destroyer(/*renderImage*/ ctx[14].call(null, g, /*index*/ ctx[43]));
+    				dispose = action_destroyer(/*renderImage*/ ctx[15].call(null, g, /*index*/ ctx[45]));
     				mounted = true;
     			}
     		},
@@ -9044,25 +9054,25 @@
     		block,
     		id: create_if_block_3.name,
     		type: "if",
-    		source: "(200:10) {#if option.image}",
+    		source: "(211:10) {#if option.image}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (207:10) {#if option.name}
+    // (218:10) {#if option.name}
     function create_if_block_2(ctx) {
     	let foreignObject;
     	let div;
     	let p;
-    	let raw_value = /*option*/ ctx[41].name + "";
+    	let raw_value = /*option*/ ctx[43].name + "";
     	let p_class_value;
     	let t;
 
     	let foreignObject_levels = [
     		{ class: "PartitionText" },
-    		/*calc*/ ctx[5].getSvgTextPropsAdjustedByImage(/*index*/ ctx[43])
+    		/*calc*/ ctx[5].getSvgTextPropsAdjustedByImage(/*index*/ ctx[45])
     	];
 
     	let foreignObject_data = {};
@@ -9082,11 +9092,11 @@
 			? ''
 			: ' Anticlockwise'}`);
 
-    			add_location(p, file$2, 212, 16, 6396);
+    			add_location(p, file$2, 223, 16, 6776);
     			attr_dev(div, "class", "PartitionTextEntityContainer");
-    			add_location(div, file$2, 211, 14, 6337);
+    			add_location(div, file$2, 222, 14, 6717);
     			set_svg_attributes(foreignObject, foreignObject_data);
-    			add_location(foreignObject, file$2, 207, 12, 6196);
+    			add_location(foreignObject, file$2, 218, 12, 6576);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, foreignObject, anchor);
@@ -9096,7 +9106,7 @@
     			append_dev(div, t);
     		},
     		p: function update(ctx, dirty) {
-    			if (dirty[0] & /*options*/ 8 && raw_value !== (raw_value = /*option*/ ctx[41].name + "")) p.innerHTML = raw_value;
+    			if (dirty[0] & /*options*/ 8 && raw_value !== (raw_value = /*option*/ ctx[43].name + "")) p.innerHTML = raw_value;
     			if (dirty[0] & /*calc*/ 32 && p_class_value !== (p_class_value = `PartitionTextEntity${/*calc*/ ctx[5].contentdirection === 'clockwise'
 			? ''
 			: ' Anticlockwise'}`)) {
@@ -9105,7 +9115,7 @@
 
     			set_svg_attributes(foreignObject, foreignObject_data = get_spread_update(foreignObject_levels, [
     				{ class: "PartitionText" },
-    				dirty[0] & /*calc*/ 32 && /*calc*/ ctx[5].getSvgTextPropsAdjustedByImage(/*index*/ ctx[43])
+    				dirty[0] & /*calc*/ 32 && /*calc*/ ctx[5].getSvgTextPropsAdjustedByImage(/*index*/ ctx[45])
     			]));
     		},
     		d: function destroy(detaching) {
@@ -9117,19 +9127,19 @@
     		block,
     		id: create_if_block_2.name,
     		type: "if",
-    		source: "(207:10) {#if option.name}",
+    		source: "(218:10) {#if option.name}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (198:8) {#each options as option,index}
+    // (209:8) {#each options as option,index}
     function create_each_block_3(ctx) {
     	let if_block0_anchor;
     	let if_block1_anchor;
-    	let if_block0 = /*option*/ ctx[41].image && create_if_block_3(ctx);
-    	let if_block1 = /*option*/ ctx[41].name && create_if_block_2(ctx);
+    	let if_block0 = /*option*/ ctx[43].image && create_if_block_3(ctx);
+    	let if_block1 = /*option*/ ctx[43].name && create_if_block_2(ctx);
 
     	const block = {
     		c: function create() {
@@ -9145,7 +9155,7 @@
     			insert_dev(target, if_block1_anchor, anchor);
     		},
     		p: function update(ctx, dirty) {
-    			if (/*option*/ ctx[41].image) {
+    			if (/*option*/ ctx[43].image) {
     				if (if_block0) ; else {
     					if_block0 = create_if_block_3(ctx);
     					if_block0.c();
@@ -9156,7 +9166,7 @@
     				if_block0 = null;
     			}
 
-    			if (/*option*/ ctx[41].name) {
+    			if (/*option*/ ctx[43].name) {
     				if (if_block1) {
     					if_block1.p(ctx, dirty);
     				} else {
@@ -9181,14 +9191,14 @@
     		block,
     		id: create_each_block_3.name,
     		type: "each",
-    		source: "(198:8) {#each options as option,index}",
+    		source: "(209:8) {#each options as option,index}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (224:6) {#each options as option,index}
+    // (235:6) {#each options as option,index}
     function create_each_block_2(ctx) {
     	let foreignObject;
     	let foreignObject_style_value;
@@ -9196,9 +9206,9 @@
     	let foreignObject_levels = [
     		{ class: "Partition1 Customable" },
     		{
-    			style: foreignObject_style_value = `--index: ${/*index*/ ctx[43]}`
+    			style: foreignObject_style_value = `--index: ${/*index*/ ctx[45]}`
     		},
-    		/*sizeProps*/ ctx[11]
+    		/*sizeProps*/ ctx[12]
     	];
 
     	let foreignObject_data = {};
@@ -9211,7 +9221,7 @@
     		c: function create() {
     			foreignObject = svg_element("foreignObject");
     			set_svg_attributes(foreignObject, foreignObject_data);
-    			add_location(foreignObject, file$2, 224, 6, 6704);
+    			add_location(foreignObject, file$2, 235, 6, 7127);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, foreignObject, anchor);
@@ -9220,7 +9230,7 @@
     			set_svg_attributes(foreignObject, foreignObject_data = get_spread_update(foreignObject_levels, [
     				{ class: "Partition1 Customable" },
     				{ style: foreignObject_style_value },
-    				dirty[0] & /*sizeProps*/ 2048 && /*sizeProps*/ ctx[11]
+    				dirty[0] & /*sizeProps*/ 4096 && /*sizeProps*/ ctx[12]
     			]));
     		},
     		d: function destroy(detaching) {
@@ -9232,14 +9242,14 @@
     		block,
     		id: create_each_block_2.name,
     		type: "each",
-    		source: "(224:6) {#each options as option,index}",
+    		source: "(235:6) {#each options as option,index}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (233:6) {#each options as option,index}
+    // (244:6) {#each options as option,index}
     function create_each_block_1(ctx) {
     	let foreignObject;
     	let foreignObject_style_value;
@@ -9247,9 +9257,9 @@
     	let foreignObject_levels = [
     		{ class: "Partition2 Customable" },
     		{
-    			style: foreignObject_style_value = `--index: ${/*index*/ ctx[43]}`
+    			style: foreignObject_style_value = `--index: ${/*index*/ ctx[45]}`
     		},
-    		/*sizeProps*/ ctx[11]
+    		/*sizeProps*/ ctx[12]
     	];
 
     	let foreignObject_data = {};
@@ -9262,7 +9272,7 @@
     		c: function create() {
     			foreignObject = svg_element("foreignObject");
     			set_svg_attributes(foreignObject, foreignObject_data);
-    			add_location(foreignObject, file$2, 233, 6, 6930);
+    			add_location(foreignObject, file$2, 244, 6, 7396);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, foreignObject, anchor);
@@ -9271,7 +9281,7 @@
     			set_svg_attributes(foreignObject, foreignObject_data = get_spread_update(foreignObject_levels, [
     				{ class: "Partition2 Customable" },
     				{ style: foreignObject_style_value },
-    				dirty[0] & /*sizeProps*/ 2048 && /*sizeProps*/ ctx[11]
+    				dirty[0] & /*sizeProps*/ 4096 && /*sizeProps*/ ctx[12]
     			]));
     		},
     		d: function destroy(detaching) {
@@ -9283,19 +9293,19 @@
     		block,
     		id: create_each_block_1.name,
     		type: "each",
-    		source: "(233:6) {#each options as option,index}",
+    		source: "(244:6) {#each options as option,index}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (242:4) {#if theme.pointerMode === PointerMode.Partition}
+    // (253:4) {#if theme.pointerMode === PointerMode.Partition}
     function create_if_block_1$1(ctx) {
     	let g;
     	let foreignObject;
     	let path;
-    	let foreignObject_levels = [{ class: "PointerArea Customable" }, /*sizeProps*/ ctx[11]];
+    	let foreignObject_levels = [{ class: "PointerArea Customable" }, /*sizeProps*/ ctx[12]];
     	let foreignObject_data = {};
 
     	for (let i = 0; i < foreignObject_levels.length; i += 1) {
@@ -9322,12 +9332,12 @@
     			foreignObject = svg_element("foreignObject");
     			path = svg_element("path");
     			set_svg_attributes(foreignObject, foreignObject_data);
-    			add_location(foreignObject, file$2, 244, 6, 7197);
+    			add_location(foreignObject, file$2, 255, 6, 7663);
     			set_svg_attributes(path, path_data);
-    			toggle_class(path, "active", /*isShowPrizeArea*/ ctx[9]);
-    			add_location(path, file$2, 246, 6, 7268);
+    			toggle_class(path, "active", /*isShowPrizeArea*/ ctx[10]);
+    			add_location(path, file$2, 257, 6, 7734);
     			set_svg_attributes(g, g_data);
-    			add_location(g, file$2, 242, 4, 7133);
+    			add_location(g, file$2, 253, 4, 7599);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, g, anchor);
@@ -9337,7 +9347,7 @@
     		p: function update(ctx, dirty) {
     			set_svg_attributes(foreignObject, foreignObject_data = get_spread_update(foreignObject_levels, [
     				{ class: "PointerArea Customable" },
-    				dirty[0] & /*sizeProps*/ 2048 && /*sizeProps*/ ctx[11]
+    				dirty[0] & /*sizeProps*/ 4096 && /*sizeProps*/ ctx[12]
     			]));
 
     			set_svg_attributes(path, path_data = get_spread_update(path_levels, [
@@ -9345,7 +9355,7 @@
     				dirty[0] & /*calc*/ 32 && /*calc*/ ctx[5].getPartitionDraw(0)
     			]));
 
-    			toggle_class(path, "active", /*isShowPrizeArea*/ ctx[9]);
+    			toggle_class(path, "active", /*isShowPrizeArea*/ ctx[10]);
 
     			set_svg_attributes(g, g_data = get_spread_update(g_levels, [
     				{ class: "PointerContainer" },
@@ -9361,25 +9371,25 @@
     		block,
     		id: create_if_block_1$1.name,
     		type: "if",
-    		source: "(242:4) {#if theme.pointerMode === PointerMode.Partition}",
+    		source: "(253:4) {#if theme.pointerMode === PointerMode.Partition}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (273:6) {#each options as option, index}
+    // (284:6) {#each options as option, index}
     function create_each_block$2(ctx) {
     	let clipPath;
     	let path;
-    	let path_levels = [/*calc*/ ctx[5].getPartitionDraw(/*index*/ ctx[43])];
+    	let path_levels = [/*calc*/ ctx[5].getPartitionDraw(/*index*/ ctx[45])];
     	let path_data = {};
 
     	for (let i = 0; i < path_levels.length; i += 1) {
     		path_data = assign(path_data, path_levels[i]);
     	}
 
-    	let clipPath_levels = [{ id: `clip${/*index*/ ctx[43]}` }];
+    	let clipPath_levels = [{ id: `clip${/*index*/ ctx[45]}` }];
     	let clipPath_data = {};
 
     	for (let i = 0; i < clipPath_levels.length; i += 1) {
@@ -9391,9 +9401,9 @@
     			clipPath = svg_element("clipPath");
     			path = svg_element("path");
     			set_svg_attributes(path, path_data);
-    			add_location(path, file$2, 274, 8, 7926);
+    			add_location(path, file$2, 285, 8, 8392);
     			set_svg_attributes(clipPath, clipPath_data);
-    			add_location(clipPath, file$2, 273, 6, 7881);
+    			add_location(clipPath, file$2, 284, 6, 8347);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, clipPath, anchor);
@@ -9401,7 +9411,7 @@
     		},
     		p: function update(ctx, dirty) {
     			set_svg_attributes(path, path_data = get_spread_update(path_levels, [
-    				dirty[0] & /*calc*/ 32 && /*calc*/ ctx[5].getPartitionDraw(/*index*/ ctx[43])
+    				dirty[0] & /*calc*/ 32 && /*calc*/ ctx[5].getPartitionDraw(/*index*/ ctx[45])
     			]));
     		},
     		d: function destroy(detaching) {
@@ -9413,7 +9423,7 @@
     		block,
     		id: create_each_block$2.name,
     		type: "each",
-    		source: "(273:6) {#each options as option, index}",
+    		source: "(284:6) {#each options as option, index}",
     		ctx
     	});
 
@@ -9422,9 +9432,10 @@
 
     function create_fragment$2(ctx) {
     	let div;
+    	let show_if = Number(/*size*/ ctx[0]) && /*options*/ ctx[3].length;
     	let div_class_value;
     	let div_style_value;
-    	let if_block = /*size*/ ctx[0] && /*options*/ ctx[3].length && create_if_block$2(ctx);
+    	let if_block = show_if && create_if_block$2(ctx);
 
     	const block = {
     		c: function create() {
@@ -9433,7 +9444,7 @@
     			this.c = noop;
     			attr_dev(div, "class", div_class_value = `WheelContainer theme${Number(/*themeIndex*/ ctx[6]) + 1}`);
     			attr_dev(div, "style", div_style_value = `${defines()} --length: ${/*options*/ ctx[3].length}; --radius: ${/*radius*/ ctx[1]}; --ratio: ${Number(/*size*/ ctx[0]) / 480}; --size: ${/*size*/ ctx[0]}`);
-    			add_location(div, file$2, 158, 0, 4742);
+    			add_location(div, file$2, 169, 0, 5114);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -9441,10 +9452,12 @@
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
     			if (if_block) if_block.m(div, null);
-    			/*div_binding*/ ctx[29](div);
+    			/*div_binding*/ ctx[30](div);
     		},
     		p: function update(ctx, dirty) {
-    			if (/*size*/ ctx[0] && /*options*/ ctx[3].length) {
+    			if (dirty[0] & /*size, options*/ 9) show_if = Number(/*size*/ ctx[0]) && /*options*/ ctx[3].length;
+
+    			if (show_if) {
     				if (if_block) {
     					if_block.p(ctx, dirty);
     				} else {
@@ -9470,7 +9483,7 @@
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(div);
     			if (if_block) if_block.d();
-    			/*div_binding*/ ctx[29](null);
+    			/*div_binding*/ ctx[30](null);
     		}
     	};
 
@@ -9505,12 +9518,29 @@
     	let { id = undefined } = $$props;
     	let { size = '' } = $$props;
     	let { radius = '' } = $$props;
+    	let isPartitionsCustomableReady = false;
+
+    	// temp way to make sure transform-origin effects on safari
+    	const handleSafariIssue = trigger => {
+    		trigger(-1);
+
+    		setTimeout(
+    			() => {
+    				trigger(1);
+    				$$invalidate(7, isPartitionsCustomableReady = true);
+    			},
+    			100
+    		);
+    	};
+
     	let bonus;
 
     	const updateOptions = async () => {
     		if (!options.length) {
     			$$invalidate(3, options = await getOptions(bonus, lang));
     			_postMessage({ type: 'wof-private-options-ready', id });
+    			const trigger = amount => $$invalidate(0, size = String(Number(size) + amount));
+    			handleSafariIssue(trigger);
     		}
     	};
 
@@ -9524,7 +9554,7 @@
     	let spinner = new Spinner({
     			tick: (deg, _speed) => {
     				setProps(spinContainer, { transform: `rotate(${deg})` });
-    				$$invalidate(25, speed = _speed * 0.5);
+    				$$invalidate(26, speed = _speed * 0.5);
     			}
     		});
 
@@ -9585,8 +9615,8 @@
     		updateSpinable();
     		if (!spinable) return;
     		if (isSpinning) return;
-    		$$invalidate(8, isSpinning = true);
-    		$$invalidate(9, isShowPrizeArea = false);
+    		$$invalidate(9, isSpinning = true);
+    		$$invalidate(10, isShowPrizeArea = false);
     		spinContainer = svg.querySelector(getSpinContainerSelector(theme.pointerMode));
     		spinner.launch();
     		process.drawer(`userid-${id}-${new Date().getTime()}`);
@@ -9594,17 +9624,17 @@
 
     	onMountMessageLifeCycle({
     		'wof-private-bonuses': data => {
-    			$$invalidate(24, bonus = data.bonuses.find(_bonus => _bonus.program.id === id));
+    			$$invalidate(25, bonus = data.bonuses.find(_bonus => _bonus.program.id === id));
     		},
     		'wof-private-bonus': data => {
     			if (data.id !== id) return;
-    			$$invalidate(24, bonus = data.bonus);
+    			$$invalidate(25, bonus = data.bonus);
     		},
     		'wof-private-message-close': data => {
     			if (data.id !== id) return;
-    			$$invalidate(8, isSpinning = false);
+    			$$invalidate(9, isSpinning = false);
     			setTimeout(() => updateSpinable(), 1);
-    			$$invalidate(10, messageShown = false);
+    			$$invalidate(11, messageShown = false);
     		}
     	});
 
@@ -9636,7 +9666,7 @@
     	function svg_1_binding($$value) {
     		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
     			svg = $$value;
-    			$$invalidate(7, svg);
+    			$$invalidate(8, svg);
     		});
     	}
 
@@ -9650,13 +9680,13 @@
     	}
 
     	$$self.$$set = $$props => {
-    		if ('lang' in $$props) $$invalidate(15, lang = $$props.lang);
-    		if ('endpoint' in $$props) $$invalidate(16, endpoint = $$props.endpoint);
-    		if ('session' in $$props) $$invalidate(17, session = $$props.session);
-    		if ('clientstyling' in $$props) $$invalidate(18, clientstyling = $$props.clientstyling);
-    		if ('contentdirection' in $$props) $$invalidate(19, contentdirection = $$props.contentdirection);
-    		if ('partitiondivisor' in $$props) $$invalidate(20, partitiondivisor = $$props.partitiondivisor);
-    		if ('id' in $$props) $$invalidate(21, id = $$props.id);
+    		if ('lang' in $$props) $$invalidate(16, lang = $$props.lang);
+    		if ('endpoint' in $$props) $$invalidate(17, endpoint = $$props.endpoint);
+    		if ('session' in $$props) $$invalidate(18, session = $$props.session);
+    		if ('clientstyling' in $$props) $$invalidate(19, clientstyling = $$props.clientstyling);
+    		if ('contentdirection' in $$props) $$invalidate(20, contentdirection = $$props.contentdirection);
+    		if ('partitiondivisor' in $$props) $$invalidate(21, partitiondivisor = $$props.partitiondivisor);
+    		if ('id' in $$props) $$invalidate(22, id = $$props.id);
     		if ('size' in $$props) $$invalidate(0, size = $$props.size);
     		if ('radius' in $$props) $$invalidate(1, radius = $$props.radius);
     	};
@@ -9689,6 +9719,8 @@
     		id,
     		size,
     		radius,
+    		isPartitionsCustomableReady,
+    		handleSafariIssue,
     		bonus,
     		updateOptions,
     		options,
@@ -9717,32 +9749,33 @@
     	});
 
     	$$self.$inject_state = $$props => {
-    		if ('_a' in $$props) $$invalidate(22, _a = $$props._a);
-    		if ('_b' in $$props) $$invalidate(23, _b = $$props._b);
-    		if ('lang' in $$props) $$invalidate(15, lang = $$props.lang);
-    		if ('endpoint' in $$props) $$invalidate(16, endpoint = $$props.endpoint);
-    		if ('session' in $$props) $$invalidate(17, session = $$props.session);
-    		if ('clientstyling' in $$props) $$invalidate(18, clientstyling = $$props.clientstyling);
-    		if ('contentdirection' in $$props) $$invalidate(19, contentdirection = $$props.contentdirection);
-    		if ('partitiondivisor' in $$props) $$invalidate(20, partitiondivisor = $$props.partitiondivisor);
+    		if ('_a' in $$props) $$invalidate(23, _a = $$props._a);
+    		if ('_b' in $$props) $$invalidate(24, _b = $$props._b);
+    		if ('lang' in $$props) $$invalidate(16, lang = $$props.lang);
+    		if ('endpoint' in $$props) $$invalidate(17, endpoint = $$props.endpoint);
+    		if ('session' in $$props) $$invalidate(18, session = $$props.session);
+    		if ('clientstyling' in $$props) $$invalidate(19, clientstyling = $$props.clientstyling);
+    		if ('contentdirection' in $$props) $$invalidate(20, contentdirection = $$props.contentdirection);
+    		if ('partitiondivisor' in $$props) $$invalidate(21, partitiondivisor = $$props.partitiondivisor);
     		if ('rootContainer' in $$props) $$invalidate(2, rootContainer = $$props.rootContainer);
-    		if ('id' in $$props) $$invalidate(21, id = $$props.id);
+    		if ('id' in $$props) $$invalidate(22, id = $$props.id);
     		if ('size' in $$props) $$invalidate(0, size = $$props.size);
     		if ('radius' in $$props) $$invalidate(1, radius = $$props.radius);
-    		if ('bonus' in $$props) $$invalidate(24, bonus = $$props.bonus);
+    		if ('isPartitionsCustomableReady' in $$props) $$invalidate(7, isPartitionsCustomableReady = $$props.isPartitionsCustomableReady);
+    		if ('bonus' in $$props) $$invalidate(25, bonus = $$props.bonus);
     		if ('options' in $$props) $$invalidate(3, options = $$props.options);
-    		if ('svg' in $$props) $$invalidate(7, svg = $$props.svg);
+    		if ('svg' in $$props) $$invalidate(8, svg = $$props.svg);
     		if ('spinContainer' in $$props) spinContainer = $$props.spinContainer;
-    		if ('spinner' in $$props) $$invalidate(35, spinner = $$props.spinner);
+    		if ('spinner' in $$props) $$invalidate(37, spinner = $$props.spinner);
     		if ('spinable' in $$props) spinable = $$props.spinable;
-    		if ('isSpinning' in $$props) $$invalidate(8, isSpinning = $$props.isSpinning);
-    		if ('isShowPrizeArea' in $$props) $$invalidate(9, isShowPrizeArea = $$props.isShowPrizeArea);
-    		if ('messageShown' in $$props) $$invalidate(10, messageShown = $$props.messageShown);
+    		if ('isSpinning' in $$props) $$invalidate(9, isSpinning = $$props.isSpinning);
+    		if ('isShowPrizeArea' in $$props) $$invalidate(10, isShowPrizeArea = $$props.isShowPrizeArea);
+    		if ('messageShown' in $$props) $$invalidate(11, messageShown = $$props.messageShown);
     		if ('shownFirstCheck' in $$props) shownFirstCheck = $$props.shownFirstCheck;
-    		if ('speed' in $$props) $$invalidate(25, speed = $$props.speed);
-    		if ('sizeProps' in $$props) $$invalidate(11, sizeProps = $$props.sizeProps);
+    		if ('speed' in $$props) $$invalidate(26, speed = $$props.speed);
+    		if ('sizeProps' in $$props) $$invalidate(12, sizeProps = $$props.sizeProps);
     		if ('theme' in $$props) $$invalidate(4, theme = $$props.theme);
-    		if ('optionFilter' in $$props) $$invalidate(12, optionFilter = $$props.optionFilter);
+    		if ('optionFilter' in $$props) $$invalidate(13, optionFilter = $$props.optionFilter);
     		if ('calc' in $$props) $$invalidate(5, calc = $$props.calc);
     		if ('process' in $$props) process = $$props.process;
     		if ('themeIndex' in $$props) $$invalidate(6, themeIndex = $$props.themeIndex);
@@ -9753,16 +9786,16 @@
     	}
 
     	$$self.$$.update = () => {
-    		if ($$self.$$.dirty[0] & /*clientstyling, rootContainer*/ 262148) {
+    		if ($$self.$$.dirty[0] & /*clientstyling, rootContainer*/ 524292) {
     			clientstyling && rootContainer && setClientStyling(rootContainer, clientstyling);
     		}
 
-    		if ($$self.$$.dirty[0] & /*bonus, lang*/ 16809984) {
+    		if ($$self.$$.dirty[0] & /*bonus, lang*/ 33619968) {
     			bonus && lang && updateOptions();
     		}
 
-    		if ($$self.$$.dirty[0] & /*bonus, _a, _b*/ 29360128) {
-    			$$invalidate(6, themeIndex = ($$invalidate(23, _b = $$invalidate(22, _a = bonus === null || bonus === void 0
+    		if ($$self.$$.dirty[0] & /*bonus, _a, _b*/ 58720256) {
+    			$$invalidate(6, themeIndex = ($$invalidate(24, _b = $$invalidate(23, _a = bonus === null || bonus === void 0
     			? void 0
     			: bonus.program) === null || _a === void 0
     			? void 0
@@ -9775,7 +9808,7 @@
     			$$invalidate(4, theme = themes[themeIndex] || themes[0]);
     		}
 
-    		if ($$self.$$.dirty[0] & /*size, radius, options, themeIndex, contentdirection*/ 524363) {
+    		if ($$self.$$.dirty[0] & /*size, radius, options, themeIndex, contentdirection*/ 1048651) {
     			$$invalidate(5, calc = new SvgCalc({
     					size,
     					radius,
@@ -9789,32 +9822,32 @@
     			options && updateCalcOptions();
     		}
 
-    		if ($$self.$$.dirty[0] & /*contentdirection*/ 524288) {
+    		if ($$self.$$.dirty[0] & /*contentdirection*/ 1048576) {
     			(contentdirection || !contentdirection) && updateCalcContentDirection();
     		}
 
-    		if ($$self.$$.dirty[0] & /*bonus*/ 16777216) {
+    		if ($$self.$$.dirty[0] & /*bonus*/ 33554432) {
     			bonus && runFirstCheck();
     		}
 
-    		if ($$self.$$.dirty[0] & /*id, calc, endpoint, session, options*/ 2293800) {
+    		if ($$self.$$.dirty[0] & /*id, calc, endpoint, session, options*/ 4587560) {
     			process = new Process({
     					id,
-    					afterSetMessage: () => $$invalidate(10, messageShown = true),
+    					afterSetMessage: () => $$invalidate(11, messageShown = true),
     					halter: (index, cb) => spinner.halt(calc.getDeg(index), cb),
-    					afterSuccess: () => $$invalidate(9, isShowPrizeArea = true),
+    					afterSuccess: () => $$invalidate(10, isShowPrizeArea = true),
     					fetcher: async guid => await api.draw(endpoint, session, id, guid, options)
     				});
     		}
 
-    		if ($$self.$$.dirty[0] & /*theme, speed*/ 33554448) {
-    			$$invalidate(12, optionFilter = theme.pointerMode === PointerMode.Arrow && speed > 0.3
+    		if ($$self.$$.dirty[0] & /*theme, speed*/ 67108880) {
+    			$$invalidate(13, optionFilter = theme.pointerMode === PointerMode.Arrow && speed > 0.3
     			? `blur(${speed}px)`
     			: null);
     		}
 
     		if ($$self.$$.dirty[0] & /*size*/ 1) {
-    			$$invalidate(11, sizeProps = { height: size, width: size });
+    			$$invalidate(12, sizeProps = { height: size, width: size });
     		}
     	};
 
@@ -9826,6 +9859,7 @@
     		theme,
     		calc,
     		themeIndex,
+    		isPartitionsCustomableReady,
     		svg,
     		isSpinning,
     		isShowPrizeArea,
@@ -9856,7 +9890,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"}*,*::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}svg{transition:opacity 0.3s}.FortuneContainer{width:100%;display:flex;align-items:center;flex-direction:column}.Center{cursor:pointer;transition:filter;transition-duration:1s}.Center.disabled{filter:grayscale(80%)}.Center .CenterCircle{fill:#3CE4BB;stroke:rgb(150, 54, 88);stroke-width:2px;cursor:pointer;transition:fill;transition-duration:1s}.Center .CenterText{fill:#FFFFFF}.PointerPartition{opacity:0.3;fill:lightgoldenrodyellow;stroke:red;stroke-width:6px;stroke-dasharray:12}.Current{color:#FFFFFF}.PartitionText{color:#FFFFFF;font-style:normal;font-weight:700;text-anchor:end;text-shadow:0px 3px #000;dominant-baseline:central}.PartitionsShadow{background-blend-mode:multiply;mix-blend-mode:multiply}.PartitionTextEntityContainer{height:100%;display:flex;align-items:center}.PartitionTextEntity{width:100%}.PartitionTextEntity.Anticlockwise{text-align:end}.theme1 foreignObject.Bottom,.theme4 foreignObject.Bottom,.theme5 foreignObject.Bottom{background-image:var(--img-theme1-bg3), var(--img-theme-BgBlackRing), var(--img-theme-BgHalo);background-position:center, center, center;background-size:calc(var(--radius) * 2px + var(--ratio) * 7px), calc(var(--radius) * 2px + var(--ratio) * 37px), calc(var(--radius) * 2px + var(--ratio) * 130px)}.theme2 foreignObject.Bottom,.theme6 foreignObject.Bottom{background-image:var(--img-theme2-bg3), var(--img-theme-BgHalo), var(--img-theme-BgBlackRing);background-position:center, center, center;background-size:calc(var(--radius) * 2px + var(--ratio) * 8px), calc(var(--radius) * 2px + var(--ratio) * 123px), calc(var(--radius) * 2px + var(--ratio) * 37px)}.theme3 foreignObject.Bottom{background-image:var(--img-theme3-bg2), var(--img-theme3-bg1);background-position:center, center;background-size:calc(var(--radius) * 2px + var(--ratio) * 57px), calc(var(--radius) * 2px + var(--ratio) * 125px)}.theme7 foreignObject.Bottom{background-image:var(--img-theme7-bg3), var(--img-theme7-bg2), var(--img-theme7-bg1);background-position:center, center calc(var(--size) * 1px - var(--ratio) * 95px), calc(var(--ratio) * 42px) calc(var(--ratio) * -5px);background-size:calc(var(--radius) * 2px + 35px), calc(var(--radius) * 2px * 0.6), calc(var(--radius) * 2.7px)}.theme1 foreignObject.Middle,.theme4 foreignObject.Middle{background-image:var(--img-theme-center1);background-position:center}.theme2 foreignObject.Middle{background-image:var(--img-theme2-center), var(--img-theme2-arrow);background-position:center, center 60px}.theme3 foreignObject.Middle{background-image:var(--img-theme3-center), var(--img-theme3-arrow);background-position:center, center 39px}.theme5 foreignObject.Middle,.theme6 foreignObject.Middle{background-image:var(--img-theme-center2);background-position:center}.theme7 foreignObject.Middle{background-image:var(--img-theme7-center), var(--img-theme7-arrow);background-position:center, center 36px}.theme7 foreignObject.Top{background-image:var(--img-theme7-light);background-position:294px 135px}.theme1 foreignObject.Top,.theme2 foreignObject.Top,.theme3 foreignObject.Top,.theme4 foreignObject.Top,.theme5 foreignObject.Top,.theme6 foreignObject.Top{background-image:var(--img-theme-shadow);background-position:center;mix-blend-mode:multiply;background-size:calc(var(--radius) * 2px)}.theme2 foreignObject.Partition1{background-image:var(--img-theme-partition-light);background-position:center calc((var(--size) / 2 - var(--radius)) * 1px - var(--ratio) * 22px);transform:rotate(calc(var(--index) * 360deg / var(--length)))}.theme2 foreignObject.Partition2{background-image:var(--img-theme-partition-light), var(--img-theme-partition-light);background-position:center calc((var(--size) / 2 - var(--radius)) * 1px - var(--ratio) * 22px);transform:rotate(calc((var(--index) + 0.5) * 360deg / var(--length)))}foreignObject.PointerArea{background-image:var(--img-theme-pointer-area);background-position:center -3px;mix-blend-mode:screen;background-size:51%}foreignObject.Partition1,foreignObject.Partition2{transform-origin:center}foreignObject.Customable{overflow:visible;background-repeat:no-repeat}.PartitionBackground{background-size:calc(var(--radius) * 2 / var(--size) * 100%) calc(var(--radius) * 2 / var(--size) * 100%);background-position:center}.theme1 .PartitionBackground:nth-child(4n+1),.theme2 .PartitionBackground:nth-child(4n+1){background-image:radial-gradient(#009C9C 0%, #002634 100%)}.theme1 .PartitionBackground:nth-child(4n+2),.theme2 .PartitionBackground:nth-child(4n+2){background-image:radial-gradient(#AA00BF 0%, #3B0031 100%)}.theme1 .PartitionBackground:nth-child(4n+3),.theme2 .PartitionBackground:nth-child(4n+3){background-image:radial-gradient(#0068CD 0%, #150D42 100%)}.theme1 .PartitionBackground:nth-child(4n+4),.theme2 .PartitionBackground:nth-child(4n+4){background-image:radial-gradient(#DA005B 0%, #400021 100%)}.theme3 .PartitionBackground:nth-child(4n+1){background-image:radial-gradient(#066 0%, #007F76 13%, #00B59B 42%, #00DDB5 67.01%, #00F6C6 88.01%, #0FC 100.01%)}.theme3 .PartitionBackground:nth-child(4n+2){background-image:radial-gradient(#580065 22.67%, #D453FF 91.3%)}.theme3 .PartitionBackground:nth-child(4n+3){background-image:radial-gradient(#FFE767 -0.01%, #F28F00 100%)}.theme3 .PartitionBackground:nth-child(4n+4){background-image:radial-gradient(#900A42 22.59%, #960A44 23.94%, #B60B53 31.36%, #D00C5E 39.45%, #E40D67 48.22%, #F30D6E 57.66%, #FB0D71 69.8%, #FE0E73 90.03%)}.theme4 .PartitionBackground:nth-child(4n+1),.theme5 .PartitionBackground:nth-child(4n+1),.theme6 .PartitionBackground:nth-child(4n+1){background:radial-gradient(#3B0031 0%, #7E008E 100.01%)}.theme4 .PartitionBackground:nth-child(4n+2),.theme5 .PartitionBackground:nth-child(4n+2),.theme6 .PartitionBackground:nth-child(4n+2){background:radial-gradient(#5A005F 22.67%, #EA53FF 91.3%)}.theme4 .PartitionBackground:nth-child(4n+3),.theme5 .PartitionBackground:nth-child(4n+3),.theme6 .PartitionBackground:nth-child(4n+3){background:radial-gradient(#B300C3 -0.01%, #4D003B 100%)}.theme4 .PartitionBackground:nth-child(4n+4),.theme5 .PartitionBackground:nth-child(4n+4),.theme6 .PartitionBackground:nth-child(4n+4){background:radial-gradient(#59007B 22.59%, #B753FF 90.03%)}.theme7 .PartitionBackground:nth-child(2n+1){background:linear-gradient(90.23deg, #F6AD3F 16.59%, #AF8531 99.8%)}.theme7 .PartitionBackground:nth-child(2n+2){background:linear-gradient(90deg, #323234 -0.01%, #272425 54.99%, #231F1F 99.99%)}.PartitionBackground{transform-origin:center}.PartitionBackgroundStroke{fill:transparent;stroke-width:0.5px;stroke-dasharray:var(--radius) calc(6.2831853072 / var(--length) * var(--radius))}.theme1 .PartitionBackgroundStroke,.theme2 .PartitionBackgroundStroke{stroke:#FCD755}.PointerPartitionFrame{stroke:#FFDD64;fill:transparent;stroke-dasharray:var(--radius) calc(6.2831853072 / var(--length) * var(--radius));stroke-width:0px}.PointerPartitionFrame.active{stroke-width:3px}`;
+    		style.textContent = `: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}svg{transition:opacity 0.3s}.FortuneContainer{width:100%;display:flex;align-items:center;flex-direction:column}.Center{cursor:pointer;transition:filter;transition-duration:1s}.Center.disabled{filter:grayscale(80%)}.Center .CenterCircle{fill:#3CE4BB;stroke:rgb(150, 54, 88);stroke-width:2px;cursor:pointer;transition:fill;transition-duration:1s}.Center .CenterText{fill:#FFFFFF}.PointerPartition{opacity:0.3;fill:lightgoldenrodyellow;stroke:red;stroke-width:6px;stroke-dasharray:12}.Current{color:#FFFFFF}.PartitionText{color:#FFFFFF;font-style:normal;font-weight:700;text-anchor:end;text-shadow:0px 3px #000;dominant-baseline:central}.PartitionsShadow{background-blend-mode:multiply;mix-blend-mode:multiply}.PartitionTextEntityContainer{height:100%;display:flex;align-items:center}.PartitionTextEntity{width:100%}.PartitionTextEntity.Anticlockwise{text-align:end}.theme1 foreignObject.Bottom,.theme4 foreignObject.Bottom,.theme5 foreignObject.Bottom{background-image:var(--img-theme1-bg3), var(--img-theme-BgBlackRing), var(--img-theme-BgHalo);background-position:center, center, center;background-size:calc(var(--radius) * 2px + var(--ratio) * 7px), calc(var(--radius) * 2px + var(--ratio) * 37px), calc(var(--radius) * 2px + var(--ratio) * 130px)}.theme2 foreignObject.Bottom,.theme6 foreignObject.Bottom{background-image:var(--img-theme2-bg3), var(--img-theme-BgHalo), var(--img-theme-BgBlackRing);background-position:center, center, center;background-size:calc(var(--radius) * 2px + var(--ratio) * 8px), calc(var(--radius) * 2px + var(--ratio) * 123px), calc(var(--radius) * 2px + var(--ratio) * 37px)}.theme3 foreignObject.Bottom{background-image:var(--img-theme3-bg2), var(--img-theme3-bg1);background-position:center, center;background-size:calc(var(--radius) * 2px + var(--ratio) * 57px), calc(var(--radius) * 2px + var(--ratio) * 125px)}.theme7 foreignObject.Bottom{background-image:var(--img-theme7-bg3), var(--img-theme7-bg2), var(--img-theme7-bg1);background-position:center, center calc(var(--size) * 1px - var(--ratio) * 95px), calc(var(--ratio) * 42px) calc(var(--ratio) * -5px);background-size:calc(var(--radius) * 2px + 35px), calc(var(--radius) * 2px * 0.6), calc(var(--radius) * 2.7px)}.theme1 foreignObject.Middle,.theme4 foreignObject.Middle{background-image:var(--img-theme-center1);background-position:center}.theme2 foreignObject.Middle{background-image:var(--img-theme2-center), var(--img-theme2-arrow);background-position:center, center 60px}.theme3 foreignObject.Middle{background-image:var(--img-theme3-center), var(--img-theme3-arrow);background-position:center, center 39px}.theme5 foreignObject.Middle,.theme6 foreignObject.Middle{background-image:var(--img-theme-center2);background-position:center}.theme7 foreignObject.Middle{background-image:var(--img-theme7-center), var(--img-theme7-arrow);background-position:center, center 36px}.theme7 foreignObject.Top{background-image:var(--img-theme7-light);background-position:294px 135px}.theme1 foreignObject.Top,.theme2 foreignObject.Top,.theme3 foreignObject.Top,.theme4 foreignObject.Top,.theme5 foreignObject.Top,.theme6 foreignObject.Top{background-image:var(--img-theme-shadow);background-position:center;mix-blend-mode:multiply;background-size:calc(var(--radius) * 2px)}.theme2 foreignObject.Partition1{background-image:var(--img-theme-partition-light);background-position:center calc((var(--size) / 2 - var(--radius)) * 1px - var(--ratio) * 22px);transform:rotate(calc(var(--index) * 360deg / var(--length)))}.theme2 foreignObject.Partition2{background-image:var(--img-theme-partition-light);background-position:center calc((var(--size) / 2 - var(--radius)) * 1px - var(--ratio) * 22px);transform:rotate(calc((var(--index) + 0.5) * 360deg / var(--length)))}foreignObject.PointerArea{background-image:var(--img-theme-pointer-area);background-position:center -3px;mix-blend-mode:screen;background-size:51%}foreignObject.Partition1,foreignObject.Partition2{transform-origin:center}.PartitionsCustomable1,.PartitionsCustomable2{visibility:hidden}.PartitionsCustomable1.active,.PartitionsCustomable2.active{visibility:visible}foreignObject.Customable{overflow:visible;background-repeat:no-repeat}.PartitionBackground{background-size:calc(var(--radius) * 2 / var(--size) * 100%) calc(var(--radius) * 2 / var(--size) * 100%);background-position:center}.theme1 .PartitionBackground:nth-child(4n+1),.theme2 .PartitionBackground:nth-child(4n+1){background-image:radial-gradient(#009C9C 0%, #002634 100%)}.theme1 .PartitionBackground:nth-child(4n+2),.theme2 .PartitionBackground:nth-child(4n+2){background-image:radial-gradient(#AA00BF 0%, #3B0031 100%)}.theme1 .PartitionBackground:nth-child(4n+3),.theme2 .PartitionBackground:nth-child(4n+3){background-image:radial-gradient(#0068CD 0%, #150D42 100%)}.theme1 .PartitionBackground:nth-child(4n+4),.theme2 .PartitionBackground:nth-child(4n+4){background-image:radial-gradient(#DA005B 0%, #400021 100%)}.theme3 .PartitionBackground:nth-child(4n+1){background-image:radial-gradient(#066 0%, #007F76 13%, #00B59B 42%, #00DDB5 67.01%, #00F6C6 88.01%, #0FC 100.01%)}.theme3 .PartitionBackground:nth-child(4n+2){background-image:radial-gradient(#580065 22.67%, #D453FF 91.3%)}.theme3 .PartitionBackground:nth-child(4n+3){background-image:radial-gradient(#FFE767 -0.01%, #F28F00 100%)}.theme3 .PartitionBackground:nth-child(4n+4){background-image:radial-gradient(#900A42 22.59%, #960A44 23.94%, #B60B53 31.36%, #D00C5E 39.45%, #E40D67 48.22%, #F30D6E 57.66%, #FB0D71 69.8%, #FE0E73 90.03%)}.theme4 .PartitionBackground:nth-child(4n+1),.theme5 .PartitionBackground:nth-child(4n+1),.theme6 .PartitionBackground:nth-child(4n+1){background:radial-gradient(#3B0031 0%, #7E008E 100.01%)}.theme4 .PartitionBackground:nth-child(4n+2),.theme5 .PartitionBackground:nth-child(4n+2),.theme6 .PartitionBackground:nth-child(4n+2){background:radial-gradient(#5A005F 22.67%, #EA53FF 91.3%)}.theme4 .PartitionBackground:nth-child(4n+3),.theme5 .PartitionBackground:nth-child(4n+3),.theme6 .PartitionBackground:nth-child(4n+3){background:radial-gradient(#B300C3 -0.01%, #4D003B 100%)}.theme4 .PartitionBackground:nth-child(4n+4),.theme5 .PartitionBackground:nth-child(4n+4),.theme6 .PartitionBackground:nth-child(4n+4){background:radial-gradient(#59007B 22.59%, #B753FF 90.03%)}.theme7 .PartitionBackground:nth-child(2n+1){background:linear-gradient(90.23deg, #F6AD3F 16.59%, #AF8531 99.8%)}.theme7 .PartitionBackground:nth-child(2n+2){background:linear-gradient(90deg, #323234 -0.01%, #272425 54.99%, #231F1F 99.99%)}.PartitionBackground{transform-origin:center}.PartitionBackgroundStroke{fill:transparent;stroke-width:0.5px;stroke-dasharray:var(--radius) calc(6.2831853072 / var(--length) * var(--radius))}.theme1 .PartitionBackgroundStroke,.theme2 .PartitionBackgroundStroke{stroke:#FCD755}.PointerPartitionFrame{stroke:#FFDD64;fill:transparent;stroke-dasharray:var(--radius) calc(6.2831853072 / var(--length) * var(--radius));stroke-width:0px}.PointerPartitionFrame.active{stroke-width:3px}`;
     		this.shadowRoot.appendChild(style);
 
     		init(
@@ -9870,13 +9904,13 @@
     			create_fragment$2,
     			safe_not_equal,
     			{
-    				lang: 15,
-    				endpoint: 16,
-    				session: 17,
-    				clientstyling: 18,
-    				contentdirection: 19,
-    				partitiondivisor: 20,
-    				id: 21,
+    				lang: 16,
+    				endpoint: 17,
+    				session: 18,
+    				clientstyling: 19,
+    				contentdirection: 20,
+    				partitiondivisor: 21,
+    				id: 22,
     				size: 0,
     				radius: 1
     			},
@@ -9911,7 +9945,7 @@
     	}
 
     	get lang() {
-    		return this.$$.ctx[15];
+    		return this.$$.ctx[16];
     	}
 
     	set lang(lang) {
@@ -9920,7 +9954,7 @@
     	}
 
     	get endpoint() {
-    		return this.$$.ctx[16];
+    		return this.$$.ctx[17];
     	}
 
     	set endpoint(endpoint) {
@@ -9929,7 +9963,7 @@
     	}
 
     	get session() {
-    		return this.$$.ctx[17];
+    		return this.$$.ctx[18];
     	}
 
     	set session(session) {
@@ -9938,7 +9972,7 @@
     	}
 
     	get clientstyling() {
-    		return this.$$.ctx[18];
+    		return this.$$.ctx[19];
     	}
 
     	set clientstyling(clientstyling) {
@@ -9947,7 +9981,7 @@
     	}
 
     	get contentdirection() {
-    		return this.$$.ctx[19];
+    		return this.$$.ctx[20];
     	}
 
     	set contentdirection(contentdirection) {
@@ -9956,7 +9990,7 @@
     	}
 
     	get partitiondivisor() {
-    		return this.$$.ctx[20];
+    		return this.$$.ctx[21];
     	}
 
     	set partitiondivisor(partitiondivisor) {
@@ -9965,7 +9999,7 @@
     	}
 
     	get id() {
-    		return this.$$.ctx[21];
+    		return this.$$.ctx[22];
     	}
 
     	set id(id) {
@@ -9999,11 +10033,11 @@
 
     function get_each_context$1(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[20] = list[i];
+    	child_ctx[21] = list[i];
     	return child_ctx;
     }
 
-    // (90:2) {#if bonus?.current && isOptionsReady}
+    // (103:2) {#if bonus?.current && isOptionsReady}
     function create_if_block$1(ctx) {
     	let div;
     	let each_value = /*currentInfoKeys*/ ctx[6];
@@ -10023,7 +10057,7 @@
     			}
 
     			attr_dev(div, "class", "Current");
-    			add_location(div, file$1, 90, 2, 2548);
+    			add_location(div, file$1, 103, 2, 2881);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -10035,7 +10069,7 @@
     			}
     		},
     		p: function update(ctx, dirty) {
-    			if (dirty & /*currentInfoKeys, getCurrentInfo, bonus, $_*/ 1120) {
+    			if (dirty & /*currentInfoKeys, getCurrentInfo, bonus, $_*/ 2144) {
     				each_value = /*currentInfoKeys*/ ctx[6];
     				validate_each_argument(each_value);
     				let i;
@@ -10069,20 +10103,20 @@
     		block,
     		id: create_if_block$1.name,
     		type: "if",
-    		source: "(90:2) {#if bonus?.current && isOptionsReady}",
+    		source: "(103:2) {#if bonus?.current && isOptionsReady}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (92:4) {#each currentInfoKeys as CurrentInfoKey}
+    // (105:4) {#each currentInfoKeys as CurrentInfoKey}
     function create_each_block$1(ctx) {
     	let p;
-    	let t0_value = /*$_*/ ctx[10](`wof.${/*CurrentInfoKey*/ ctx[20]}`) + "";
+    	let t0_value = /*$_*/ ctx[11](`wof.${/*CurrentInfoKey*/ ctx[21]}`) + "";
     	let t0;
     	let t1;
-    	let t2_value = getCurrentInfo(/*bonus*/ ctx[5], /*CurrentInfoKey*/ ctx[20]) + "";
+    	let t2_value = getCurrentInfo(/*bonus*/ ctx[5], /*CurrentInfoKey*/ ctx[21]) + "";
     	let t2;
     	let t3;
     	let p_class_value;
@@ -10094,8 +10128,8 @@
     			t1 = text(": ");
     			t2 = text(t2_value);
     			t3 = space();
-    			attr_dev(p, "class", p_class_value = /*CurrentInfoKey*/ ctx[20]);
-    			add_location(p, file$1, 92, 6, 2622);
+    			attr_dev(p, "class", p_class_value = /*CurrentInfoKey*/ ctx[21]);
+    			add_location(p, file$1, 105, 6, 2955);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -10105,10 +10139,10 @@
     			append_dev(p, t3);
     		},
     		p: function update(ctx, dirty) {
-    			if (dirty & /*$_, currentInfoKeys*/ 1088 && t0_value !== (t0_value = /*$_*/ ctx[10](`wof.${/*CurrentInfoKey*/ ctx[20]}`) + "")) set_data_dev(t0, t0_value);
-    			if (dirty & /*bonus, currentInfoKeys*/ 96 && t2_value !== (t2_value = getCurrentInfo(/*bonus*/ ctx[5], /*CurrentInfoKey*/ ctx[20]) + "")) set_data_dev(t2, t2_value);
+    			if (dirty & /*$_, currentInfoKeys*/ 2112 && t0_value !== (t0_value = /*$_*/ ctx[11](`wof.${/*CurrentInfoKey*/ ctx[21]}`) + "")) set_data_dev(t0, t0_value);
+    			if (dirty & /*bonus, currentInfoKeys*/ 96 && t2_value !== (t2_value = getCurrentInfo(/*bonus*/ ctx[5], /*CurrentInfoKey*/ ctx[21]) + "")) set_data_dev(t2, t2_value);
 
-    			if (dirty & /*currentInfoKeys*/ 64 && p_class_value !== (p_class_value = /*CurrentInfoKey*/ ctx[20])) {
+    			if (dirty & /*currentInfoKeys*/ 64 && p_class_value !== (p_class_value = /*CurrentInfoKey*/ ctx[21])) {
     				attr_dev(p, "class", p_class_value);
     			}
     		},
@@ -10121,7 +10155,7 @@
     		block,
     		id: create_each_block$1.name,
     		type: "each",
-    		source: "(92:4) {#each currentInfoKeys as CurrentInfoKey}",
+    		source: "(105:4) {#each currentInfoKeys as CurrentInfoKey}",
     		ctx
     	});
 
@@ -10137,10 +10171,10 @@
 
     	let lottery_program_wof_private_item_svg_levels = [
     		{
-    			.../*commonProps*/ ctx[9],
+    			.../*commonProps*/ ctx[10],
     			id: /*id*/ ctx[2],
     			size: /*_size*/ ctx[4],
-    			radius: /*radius*/ ctx[8],
+    			radius: /*radius*/ ctx[9],
     			contentdirection: /*contentdirection*/ ctx[1]
     		}
     	];
@@ -10153,10 +10187,10 @@
 
     	let lottery_program_wof_private_message_panel_levels = [
     		{
-    			.../*commonProps*/ ctx[9],
+    			.../*commonProps*/ ctx[10],
     			id: /*id*/ ctx[2],
     			size: /*_size*/ ctx[4],
-    			r: /*radius*/ ctx[8],
+    			r: /*radius*/ ctx[9],
     			giftimagesrc: /*giftimagesrc*/ ctx[0]
     		}
     	];
@@ -10179,11 +10213,12 @@
     			if (if_block) if_block.c();
     			this.c = noop;
     			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, 73, 2, 2232);
+    			add_location(lottery_program_wof_private_item_svg, file$1, 86, 2, 2565);
     			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, 81, 2, 2367);
+    			add_location(lottery_program_wof_private_message_panel, file$1, 94, 2, 2700);
     			attr_dev(div, "class", "LotteryItem");
-    			add_location(div, file$1, 72, 0, 2178);
+    			toggle_class(div, "Invalid", /*bonus*/ ctx[5]?.current.remainingTimes == 0 && !/*bonus*/ ctx[5]?.next && /*checkableValid*/ ctx[8]);
+    			add_location(div, file$1, 81, 0, 2417);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -10195,25 +10230,25 @@
     			append_dev(div, lottery_program_wof_private_message_panel);
     			append_dev(div, t1);
     			if (if_block) if_block.m(div, null);
-    			/*div_binding*/ ctx[17](div);
+    			/*div_binding*/ ctx[18](div);
     		},
     		p: function update(ctx, [dirty]) {
     			set_attributes(lottery_program_wof_private_item_svg, lottery_program_wof_private_item_svg_data = get_spread_update(lottery_program_wof_private_item_svg_levels, [
-    				dirty & /*commonProps, id, _size, radius, contentdirection*/ 790 && {
-    					.../*commonProps*/ ctx[9],
+    				dirty & /*commonProps, id, _size, radius, contentdirection*/ 1558 && {
+    					.../*commonProps*/ ctx[10],
     					id: /*id*/ ctx[2],
     					size: /*_size*/ ctx[4],
-    					radius: /*radius*/ ctx[8],
+    					radius: /*radius*/ ctx[9],
     					contentdirection: /*contentdirection*/ ctx[1]
     				}
     			]));
 
     			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 & /*commonProps, id, _size, radius, giftimagesrc*/ 789 && {
-    					.../*commonProps*/ ctx[9],
+    				dirty & /*commonProps, id, _size, radius, giftimagesrc*/ 1557 && {
+    					.../*commonProps*/ ctx[10],
     					id: /*id*/ ctx[2],
     					size: /*_size*/ ctx[4],
-    					r: /*radius*/ ctx[8],
+    					r: /*radius*/ ctx[9],
     					giftimagesrc: /*giftimagesrc*/ ctx[0]
     				}
     			]));
@@ -10230,13 +10265,17 @@
     				if_block.d(1);
     				if_block = null;
     			}
+
+    			if (dirty & /*bonus, checkableValid*/ 288) {
+    				toggle_class(div, "Invalid", /*bonus*/ ctx[5]?.current.remainingTimes == 0 && !/*bonus*/ ctx[5]?.next && /*checkableValid*/ ctx[8]);
+    			}
     		},
     		i: noop,
     		o: noop,
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(div);
     			if (if_block) if_block.d();
-    			/*div_binding*/ ctx[17](null);
+    			/*div_binding*/ ctx[18](null);
     		}
     	};
 
@@ -10257,7 +10296,7 @@
     	let radius;
     	let $_;
     	validate_store($format, '_');
-    	component_subscribe($$self, $format, $$value => $$invalidate(10, $_ = $$value));
+    	component_subscribe($$self, $format, $$value => $$invalidate(11, $_ = $$value));
     	let { $$slots: slots = {}, $$scope } = $$props;
     	validate_slots('lottery-program-wof-private-item', slots, []);
     	let { lang = Lang.en } = $$props;
@@ -10274,6 +10313,7 @@
     	let bonusNew;
     	let currentInfoKeys;
     	let isOptionsReady = false;
+    	let checkableValid = true;
 
     	const refetcher = async () => {
     		const LotteryProgramsForPlayer = await api.lotteries(endpoint, session);
@@ -10304,7 +10344,18 @@
     		},
     		'wof-private-message-spin-before': async data => {
     			if (data.id !== id) return;
+    			$$invalidate(8, checkableValid = false);
     			bonusNew = await refetcher();
+    		},
+    		'wof-private-message-close': data => {
+    			if (data.id !== id) return;
+
+    			setTimeout(
+    				() => {
+    					$$invalidate(8, checkableValid = true);
+    				},
+    				1000
+    			);
     		}
     	});
 
@@ -10332,14 +10383,14 @@
     	}
 
     	$$self.$$set = $$props => {
-    		if ('lang' in $$props) $$invalidate(11, lang = $$props.lang);
-    		if ('endpoint' in $$props) $$invalidate(12, endpoint = $$props.endpoint);
-    		if ('session' in $$props) $$invalidate(13, session = $$props.session);
-    		if ('clientstyling' in $$props) $$invalidate(14, clientstyling = $$props.clientstyling);
-    		if ('currentinfo' in $$props) $$invalidate(15, currentinfo = $$props.currentinfo);
+    		if ('lang' in $$props) $$invalidate(12, lang = $$props.lang);
+    		if ('endpoint' in $$props) $$invalidate(13, endpoint = $$props.endpoint);
+    		if ('session' in $$props) $$invalidate(14, session = $$props.session);
+    		if ('clientstyling' in $$props) $$invalidate(15, clientstyling = $$props.clientstyling);
+    		if ('currentinfo' in $$props) $$invalidate(16, currentinfo = $$props.currentinfo);
     		if ('giftimagesrc' in $$props) $$invalidate(0, giftimagesrc = $$props.giftimagesrc);
     		if ('contentdirection' in $$props) $$invalidate(1, contentdirection = $$props.contentdirection);
-    		if ('size' in $$props) $$invalidate(16, size = $$props.size);
+    		if ('size' in $$props) $$invalidate(17, size = $$props.size);
     		if ('id' in $$props) $$invalidate(2, id = $$props.id);
     	};
 
@@ -10366,6 +10417,7 @@
     		bonusNew,
     		currentInfoKeys,
     		isOptionsReady,
+    		checkableValid,
     		refetcher,
     		_size,
     		radius,
@@ -10374,23 +10426,24 @@
     	});
 
     	$$self.$inject_state = $$props => {
-    		if ('lang' in $$props) $$invalidate(11, lang = $$props.lang);
-    		if ('endpoint' in $$props) $$invalidate(12, endpoint = $$props.endpoint);
-    		if ('session' in $$props) $$invalidate(13, session = $$props.session);
-    		if ('clientstyling' in $$props) $$invalidate(14, clientstyling = $$props.clientstyling);
-    		if ('currentinfo' in $$props) $$invalidate(15, currentinfo = $$props.currentinfo);
+    		if ('lang' in $$props) $$invalidate(12, lang = $$props.lang);
+    		if ('endpoint' in $$props) $$invalidate(13, endpoint = $$props.endpoint);
+    		if ('session' in $$props) $$invalidate(14, session = $$props.session);
+    		if ('clientstyling' in $$props) $$invalidate(15, clientstyling = $$props.clientstyling);
+    		if ('currentinfo' in $$props) $$invalidate(16, currentinfo = $$props.currentinfo);
     		if ('giftimagesrc' in $$props) $$invalidate(0, giftimagesrc = $$props.giftimagesrc);
     		if ('contentdirection' in $$props) $$invalidate(1, contentdirection = $$props.contentdirection);
-    		if ('size' in $$props) $$invalidate(16, size = $$props.size);
+    		if ('size' in $$props) $$invalidate(17, size = $$props.size);
     		if ('id' in $$props) $$invalidate(2, id = $$props.id);
     		if ('rootContainer' in $$props) $$invalidate(3, rootContainer = $$props.rootContainer);
     		if ('bonus' in $$props) $$invalidate(5, bonus = $$props.bonus);
     		if ('bonusNew' in $$props) bonusNew = $$props.bonusNew;
     		if ('currentInfoKeys' in $$props) $$invalidate(6, currentInfoKeys = $$props.currentInfoKeys);
     		if ('isOptionsReady' in $$props) $$invalidate(7, isOptionsReady = $$props.isOptionsReady);
+    		if ('checkableValid' in $$props) $$invalidate(8, checkableValid = $$props.checkableValid);
     		if ('_size' in $$props) $$invalidate(4, _size = $$props._size);
-    		if ('radius' in $$props) $$invalidate(8, radius = $$props.radius);
-    		if ('commonProps' in $$props) $$invalidate(9, commonProps = $$props.commonProps);
+    		if ('radius' in $$props) $$invalidate(9, radius = $$props.radius);
+    		if ('commonProps' in $$props) $$invalidate(10, commonProps = $$props.commonProps);
     	};
 
     	if ($$props && "$$inject" in $$props) {
@@ -10398,24 +10451,24 @@
     	}
 
     	$$self.$$.update = () => {
-    		if ($$self.$$.dirty & /*clientstyling, rootContainer*/ 16392) {
+    		if ($$self.$$.dirty & /*clientstyling, rootContainer*/ 32776) {
     			clientstyling && rootContainer && setClientStyling(rootContainer, clientstyling);
     		}
 
-    		if ($$self.$$.dirty & /*endpoint, lang, session, clientstyling*/ 30720) {
-    			$$invalidate(9, commonProps = { endpoint, lang, session, clientstyling });
+    		if ($$self.$$.dirty & /*endpoint, lang, session, clientstyling*/ 61440) {
+    			$$invalidate(10, commonProps = { endpoint, lang, session, clientstyling });
     		}
 
-    		if ($$self.$$.dirty & /*size*/ 65536) {
+    		if ($$self.$$.dirty & /*size*/ 131072) {
     			// reactives
     			$$invalidate(4, _size = Number(size) || 480);
     		}
 
     		if ($$self.$$.dirty & /*_size*/ 16) {
-    			$$invalidate(8, radius = 0.62 * _size / 2);
+    			$$invalidate(9, radius = 0.62 * _size / 2);
     		}
 
-    		if ($$self.$$.dirty & /*currentinfo*/ 32768) {
+    		if ($$self.$$.dirty & /*currentinfo*/ 65536) {
     			// @ts-ignore
     			$$invalidate(6, currentInfoKeys = currentinfo
     			? currentinfo.split(',')
@@ -10432,6 +10485,7 @@
     		bonus,
     		currentInfoKeys,
     		isOptionsReady,
+    		checkableValid,
     		radius,
     		commonProps,
     		$_,
@@ -10449,7 +10503,7 @@
     	constructor(options) {
     		super();
     		const style = document.createElement('style');
-    		style.textContent = `lottery-program-wof-private-message-panel{position:absolute;top:0}*,*::before,*::after{margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box}.LotteryItem{width:100%;display:flex;align-items:center;flex-direction:column;margin:20px 0;position:relative;max-width:600px;justify-content:space-around;min-height:200px}.Current{color:#FFFFFF}`;
+    		style.textContent = `lottery-program-wof-private-message-panel{position:absolute;top:0}*,*::before,*::after{margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box}.LotteryItem{width:100%;display:flex;align-items:center;flex-direction:column;margin:20px 0;position:relative;max-width:600px;justify-content:space-around;min-height:200px}.LotteryItem.Invalid{display:none}.Current{color:#FFFFFF}`;
     		this.shadowRoot.appendChild(style);
 
     		init(
@@ -10463,14 +10517,14 @@
     			create_fragment$1,
     			safe_not_equal,
     			{
-    				lang: 11,
-    				endpoint: 12,
-    				session: 13,
-    				clientstyling: 14,
-    				currentinfo: 15,
+    				lang: 12,
+    				endpoint: 13,
+    				session: 14,
+    				clientstyling: 15,
+    				currentinfo: 16,
     				giftimagesrc: 0,
     				contentdirection: 1,
-    				size: 16,
+    				size: 17,
     				id: 2
     			},
     			null
@@ -10503,7 +10557,7 @@
     	}
 
     	get lang() {
-    		return this.$$.ctx[11];
+    		return this.$$.ctx[12];
     	}
 
     	set lang(lang) {
@@ -10512,7 +10566,7 @@
     	}
 
     	get endpoint() {
-    		return this.$$.ctx[12];
+    		return this.$$.ctx[13];
     	}
 
     	set endpoint(endpoint) {
@@ -10521,7 +10575,7 @@
     	}
 
     	get session() {
-    		return this.$$.ctx[13];
+    		return this.$$.ctx[14];
     	}
 
     	set session(session) {
@@ -10530,7 +10584,7 @@
     	}
 
     	get clientstyling() {
-    		return this.$$.ctx[14];
+    		return this.$$.ctx[15];
     	}
 
     	set clientstyling(clientstyling) {
@@ -10539,7 +10593,7 @@
     	}
 
     	get currentinfo() {
-    		return this.$$.ctx[15];
+    		return this.$$.ctx[16];
     	}
 
     	set currentinfo(currentinfo) {
@@ -10566,7 +10620,7 @@
     	}
 
     	get size() {
-    		return this.$$.ctx[16];
+    		return this.$$.ctx[17];
     	}
 
     	set size(size) {