@everymatrix/lottery-program-wof 1.28.7 → 1.29.0

package/dist/lottery-program-wof.js

@@ -5330,7 +5330,7 @@
 
     /* src/private.message.svelte generated by Svelte v3.59.2 */
 
-    const { Object: Object_1$3 } = globals;
+    const { Object: Object_1$4 } = globals;
     const file$6 = "src/private.message.svelte";
 
     // (89:0) {#if isShown && isOptionsReady}
@@ -6071,7 +6071,7 @@
 
     	const writable_props = ['r', 'size', 'id', 'clientstyling', 'giftimagesrc'];
 
-    	Object_1$3.keys($$props).forEach(key => {
+    	Object_1$4.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}'`);
     	});
 
@@ -6350,7 +6350,7 @@
 
     /* src/private.tabs.svelte generated by Svelte v3.59.2 */
 
-    const { Object: Object_1$2 } = globals;
+    const { Object: Object_1$3 } = globals;
     const file$5 = "src/private.tabs.svelte";
 
     function get_each_context$4(ctx, list, i) {
@@ -6709,7 +6709,7 @@
 
     	const writable_props = ['lang', 'endpoint', 'session', 'clientstyling', 'isshowhistory'];
 
-    	Object_1$2.keys($$props).forEach(key => {
+    	Object_1$3.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}'`);
     	});
 
@@ -7059,7 +7059,7 @@
     const getSpinContainerSelector = (pointerMode) => {
         switch (pointerMode) {
             case PointerMode.Arrow: return 'g.PartitionsContainer';
-            case PointerMode.Partition: return 'g.PointerContainer';
+            case PointerMode.Partition: return '.PointerArea > div';
         }
     };
     const findDegWithPointerMode = (index, length, pointerMode) => {
@@ -7172,7 +7172,7 @@
 
     /* src/private.outcomes.svelte generated by Svelte v3.59.2 */
 
-    const { Object: Object_1$1 } = globals;
+    const { Object: Object_1$2 } = globals;
     const file$3 = "src/private.outcomes.svelte";
 
     function get_each_context$3(ctx, list, i) {
@@ -7693,7 +7693,7 @@
 
     	const writable_props = ['lang', 'endpoint', 'session', 'clientstyling', 'id'];
 
-    	Object_1$1.keys($$props).forEach(key => {
+    	Object_1$2.keys($$props).forEach(key => {
     		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<lottery-program-wof-private-outcomes> was created with unknown prop '${key}'`);
     	});
 
@@ -8541,54 +8541,57 @@
     ].join(' ');
 
     /* src/private.item.svg.svelte generated by Svelte v3.59.2 */
+
+    const { Object: Object_1$1 } = globals;
     const file$2 = "src/private.item.svg.svelte";
 
     function get_each_context$2(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[43] = list[i];
-    	child_ctx[45] = i;
+    	child_ctx[44] = list[i];
+    	child_ctx[46] = i;
     	return child_ctx;
     }
 
     function get_each_context_1(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[43] = list[i];
-    	child_ctx[45] = i;
+    	child_ctx[44] = list[i];
+    	child_ctx[46] = i;
     	return child_ctx;
     }
 
     function get_each_context_2(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[43] = list[i];
-    	child_ctx[45] = i;
+    	child_ctx[44] = list[i];
+    	child_ctx[46] = i;
     	return child_ctx;
     }
 
     function get_each_context_3(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[43] = list[i];
-    	child_ctx[45] = i;
+    	child_ctx[44] = list[i];
+    	child_ctx[46] = i;
     	return child_ctx;
     }
 
     function get_each_context_4(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[43] = list[i];
-    	child_ctx[45] = i;
+    	child_ctx[44] = list[i];
+    	child_ctx[46] = i;
     	return child_ctx;
     }
 
     function get_each_context_5(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[43] = list[i];
-    	child_ctx[45] = i;
+    	child_ctx[44] = list[i];
+    	child_ctx[46] = i;
     	return child_ctx;
     }
 
-    // (184:2) {#if Number(size) && options.length}
+    // (191:2) {#if Number(size) && options.length}
     function create_if_block$2(ctx) {
     	let svg_1;
     	let foreignObject0;
+    	let div0;
     	let g3;
     	let g0;
     	let g1;
@@ -8596,7 +8599,9 @@
     	let g4;
     	let g5;
     	let foreignObject1;
+    	let div1;
     	let foreignObject2;
+    	let div2;
     	let g6;
     	let foreignObject3;
     	let foreignObject3_x_value;
@@ -8604,7 +8609,14 @@
     	let g7;
     	let mounted;
     	let dispose;
-    	let foreignObject0_levels = [/*sizeProps*/ ctx[12], { class: "Bottom Customable" }];
+    	let div0_levels = [/*foreignObjectAgentProps*/ ctx[13]];
+    	let div_data_2 = {};
+
+    	for (let i = 0; i < div0_levels.length; i += 1) {
+    		div_data_2 = assign(div_data_2, div0_levels[i]);
+    	}
+
+    	let foreignObject0_levels = [/*sizeProps*/ ctx[4], { class: "Bottom Customable" }];
     	let foreignObject_data_3 = {};
 
     	for (let i = 0; i < foreignObject0_levels.length; i += 1) {
@@ -8635,7 +8647,7 @@
     		each_blocks_3[i] = create_each_block_3(get_each_context_3(ctx, each_value_3, i));
     	}
 
-    	let g3_levels = [{ class: "PartitionsContainer" }, /*calc*/ ctx[5].getSpinnerProps()];
+    	let g3_levels = [{ class: "PartitionsContainer" }, /*calc*/ ctx[6].getSpinnerProps()];
     	let g_data_7 = {};
 
     	for (let i = 0; i < g3_levels.length; i += 1) {
@@ -8658,15 +8670,29 @@
     		each_blocks_1[i] = create_each_block_1(get_each_context_1(ctx, each_value_1, i));
     	}
 
-    	let if_block = /*theme*/ ctx[4].pointerMode === PointerMode.Partition && create_if_block_1$1(ctx);
-    	let foreignObject1_levels = [{ class: "Middle Customable" }, /*sizeProps*/ ctx[12]];
+    	let if_block = /*theme*/ ctx[5].pointerMode === PointerMode.Partition && create_if_block_1$1(ctx);
+    	let div1_levels = [/*foreignObjectAgentProps*/ ctx[13]];
+    	let div_data_1 = {};
+
+    	for (let i = 0; i < div1_levels.length; i += 1) {
+    		div_data_1 = assign(div_data_1, div1_levels[i]);
+    	}
+
+    	let foreignObject1_levels = [{ class: "Middle Customable" }, /*sizeProps*/ ctx[4]];
     	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[12]];
+    	let div2_levels = [/*foreignObjectAgentProps*/ ctx[13]];
+    	let div_data = {};
+
+    	for (let i = 0; i < div2_levels.length; i += 1) {
+    		div_data = assign(div_data, div2_levels[i]);
+    	}
+
+    	let foreignObject2_levels = [{ class: "Top Customable" }, /*sizeProps*/ ctx[4]];
     	let foreignObject_data_1 = {};
 
     	for (let i = 0; i < foreignObject2_levels.length; i += 1) {
@@ -8685,6 +8711,7 @@
     		c: function create() {
     			svg_1 = svg_element("svg");
     			foreignObject0 = svg_element("foreignObject");
+    			div0 = element("div");
     			g3 = svg_element("g");
     			g0 = svg_element("g");
 
@@ -8718,7 +8745,9 @@
 
     			if (if_block) if_block.c();
     			foreignObject1 = svg_element("foreignObject");
+    			div1 = element("div");
     			foreignObject2 = svg_element("foreignObject");
+    			div2 = element("div");
     			g6 = svg_element("g");
     			foreignObject3 = svg_element("foreignObject");
     			g7 = svg_element("g");
@@ -8727,44 +8756,51 @@
     				each_blocks[i].c();
     			}
 
+    			set_attributes(div0, div_data_2);
+    			add_location(div0, file$2, 199, 6, 6086);
     			set_svg_attributes(foreignObject0, foreignObject_data_3);
-    			add_location(foreignObject0, file$2, 191, 4, 5777);
+    			add_location(foreignObject0, file$2, 198, 4, 6023);
     			attr_dev(g0, "class", "PartitionsBackgrounds");
-    			add_location(g0, file$2, 194, 6, 5907);
+    			add_location(g0, file$2, 203, 6, 6215);
     			attr_dev(g1, "class", "PartitionsBackgroundStrokes");
-    			add_location(g1, file$2, 205, 6, 6240);
+    			add_location(g1, file$2, 216, 6, 6625);
     			attr_dev(g2, "class", "Partitions");
-    			set_style(g2, "filter", /*optionFilter*/ ctx[13]);
-    			add_location(g2, file$2, 216, 6, 6515);
+    			set_style(g2, "filter", /*optionFilter*/ ctx[14]);
+    			add_location(g2, file$2, 227, 6, 6900);
     			set_svg_attributes(g3, g_data_7);
-    			add_location(g3, file$2, 193, 4, 5841);
+    			add_location(g3, file$2, 202, 4, 6149);
     			attr_dev(g4, "class", "PartitionsCustomable1");
-    			toggle_class(g4, "active", /*isPartitionsCustomableReady*/ ctx[7]);
-    			add_location(g4, file$2, 242, 4, 7253);
+    			toggle_class(g4, "active", /*isPartitionsCustomableReady*/ ctx[8]);
+    			add_location(g4, file$2, 253, 4, 7638);
     			attr_dev(g5, "class", "PartitionsCustomable2");
-    			toggle_class(g5, "active", /*isPartitionsCustomableReady*/ ctx[7]);
-    			add_location(g5, file$2, 251, 4, 7522);
+    			toggle_class(g5, "active", /*isPartitionsCustomableReady*/ ctx[8]);
+    			add_location(g5, file$2, 264, 4, 7976);
+    			set_attributes(div1, div_data_1);
+    			add_location(div1, file$2, 292, 6, 8787);
     			set_svg_attributes(foreignObject1, foreignObject_data_2);
-    			add_location(foreignObject1, file$2, 274, 4, 8135);
+    			add_location(foreignObject1, file$2, 291, 4, 8724);
+    			set_attributes(div2, div_data);
+    			add_location(div2, file$2, 295, 6, 8909);
     			set_svg_attributes(foreignObject2, foreignObject_data_1);
-    			add_location(foreignObject2, file$2, 275, 4, 8198);
+    			add_location(foreignObject2, file$2, 294, 4, 8849);
     			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, 282, 6, 8378);
+    			add_location(foreignObject3, file$2, 303, 6, 9091);
     			attr_dev(g6, "class", "Center");
-    			toggle_class(g6, "spinning", /*isSpinning*/ ctx[9]);
-    			add_location(g6, file$2, 277, 4, 8259);
-    			add_location(g7, file$2, 291, 4, 8545);
+    			toggle_class(g6, "spinning", /*isSpinning*/ ctx[10]);
+    			add_location(g6, file$2, 298, 4, 8972);
+    			add_location(g7, file$2, 312, 4, 9258);
     			attr_dev(svg_1, "width", /*size*/ ctx[0]);
     			attr_dev(svg_1, "height", /*size*/ ctx[0]);
-    			set_style(svg_1, "opacity", /*messageShown*/ ctx[11] ? '.3' : '');
-    			add_location(svg_1, file$2, 184, 2, 5618);
+    			set_style(svg_1, "opacity", /*messageShown*/ ctx[12] ? '.3' : '');
+    			add_location(svg_1, file$2, 191, 2, 5864);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, svg_1, anchor);
     			append_dev(svg_1, foreignObject0);
+    			append_dev(foreignObject0, div0);
     			append_dev(svg_1, g3);
     			append_dev(g3, g0);
 
@@ -8808,7 +8844,9 @@
 
     			if (if_block) if_block.m(svg_1, null);
     			append_dev(svg_1, foreignObject1);
+    			append_dev(foreignObject1, div1);
     			append_dev(svg_1, foreignObject2);
+    			append_dev(foreignObject2, div2);
     			append_dev(svg_1, g6);
     			append_dev(g6, foreignObject3);
     			append_dev(svg_1, g7);
@@ -8819,24 +8857,28 @@
     				}
     			}
 
-    			/*svg_1_binding*/ ctx[28](svg_1);
+    			/*svg_1_binding*/ ctx[29](svg_1);
 
     			if (!mounted) {
     				dispose = [
-    					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)
+    					listen_dev(g6, "click", /*click_handler*/ ctx[28], false, false, false, false),
+    					listen_dev(svg_1, "click", /*click_handler_1*/ ctx[30], false, false, false, false)
     				];
 
     				mounted = true;
     			}
     		},
     		p: function update(ctx, dirty) {
+    			set_attributes(div0, div_data_2 = get_spread_update(div0_levels, [
+    				dirty[0] & /*foreignObjectAgentProps*/ 8192 && /*foreignObjectAgentProps*/ ctx[13]
+    			]));
+
     			set_svg_attributes(foreignObject0, foreignObject_data_3 = get_spread_update(foreignObject0_levels, [
-    				dirty[0] & /*sizeProps*/ 4096 && /*sizeProps*/ ctx[12],
+    				dirty[0] & /*sizeProps*/ 16 && /*sizeProps*/ ctx[4],
     				{ class: "Bottom Customable" }
     			]));
 
-    			if (dirty[0] & /*size, options*/ 9) {
+    			if (dirty[0] & /*size, foreignObjectAgentProps, options*/ 8201) {
     				each_value_5 = /*options*/ ctx[3];
     				validate_each_argument(each_value_5);
     				let i;
@@ -8860,7 +8902,7 @@
     				each_blocks_5.length = each_value_5.length;
     			}
 
-    			if (dirty[0] & /*calc, size, options*/ 41) {
+    			if (dirty[0] & /*calc, size, options*/ 73) {
     				each_value_4 = /*options*/ ctx[3];
     				validate_each_argument(each_value_4);
     				let i;
@@ -8884,7 +8926,7 @@
     				each_blocks_4.length = each_value_4.length;
     			}
 
-    			if (dirty[0] & /*calc, options*/ 40) {
+    			if (dirty[0] & /*calc, options*/ 72) {
     				each_value_3 = /*options*/ ctx[3];
     				validate_each_argument(each_value_3);
     				let i;
@@ -8908,16 +8950,16 @@
     				each_blocks_3.length = each_value_3.length;
     			}
 
-    			if (dirty[0] & /*optionFilter*/ 8192) {
-    				set_style(g2, "filter", /*optionFilter*/ ctx[13]);
+    			if (dirty[0] & /*optionFilter*/ 16384) {
+    				set_style(g2, "filter", /*optionFilter*/ ctx[14]);
     			}
 
     			set_svg_attributes(g3, g_data_7 = get_spread_update(g3_levels, [
     				{ class: "PartitionsContainer" },
-    				dirty[0] & /*calc*/ 32 && /*calc*/ ctx[5].getSpinnerProps()
+    				dirty[0] & /*calc*/ 64 && /*calc*/ ctx[6].getSpinnerProps()
     			]));
 
-    			if (dirty[0] & /*sizeProps, options*/ 4104) {
+    			if (dirty[0] & /*sizeProps, foreignObjectAgentProps, options*/ 8216) {
     				each_value_2 = /*options*/ ctx[3];
     				validate_each_argument(each_value_2);
     				let i;
@@ -8941,11 +8983,11 @@
     				each_blocks_2.length = each_value_2.length;
     			}
 
-    			if (dirty[0] & /*isPartitionsCustomableReady*/ 128) {
-    				toggle_class(g4, "active", /*isPartitionsCustomableReady*/ ctx[7]);
+    			if (dirty[0] & /*isPartitionsCustomableReady*/ 256) {
+    				toggle_class(g4, "active", /*isPartitionsCustomableReady*/ ctx[8]);
     			}
 
-    			if (dirty[0] & /*sizeProps, options*/ 4104) {
+    			if (dirty[0] & /*sizeProps, foreignObjectAgentProps, options*/ 8216) {
     				each_value_1 = /*options*/ ctx[3];
     				validate_each_argument(each_value_1);
     				let i;
@@ -8969,11 +9011,11 @@
     				each_blocks_1.length = each_value_1.length;
     			}
 
-    			if (dirty[0] & /*isPartitionsCustomableReady*/ 128) {
-    				toggle_class(g5, "active", /*isPartitionsCustomableReady*/ ctx[7]);
+    			if (dirty[0] & /*isPartitionsCustomableReady*/ 256) {
+    				toggle_class(g5, "active", /*isPartitionsCustomableReady*/ ctx[8]);
     			}
 
-    			if (/*theme*/ ctx[4].pointerMode === PointerMode.Partition) {
+    			if (/*theme*/ ctx[5].pointerMode === PointerMode.Partition) {
     				if (if_block) {
     					if_block.p(ctx, dirty);
     				} else {
@@ -8986,14 +9028,22 @@
     				if_block = null;
     			}
 
+    			set_attributes(div1, div_data_1 = get_spread_update(div1_levels, [
+    				dirty[0] & /*foreignObjectAgentProps*/ 8192 && /*foreignObjectAgentProps*/ ctx[13]
+    			]));
+
     			set_svg_attributes(foreignObject1, foreignObject_data_2 = get_spread_update(foreignObject1_levels, [
     				{ class: "Middle Customable" },
-    				dirty[0] & /*sizeProps*/ 4096 && /*sizeProps*/ ctx[12]
+    				dirty[0] & /*sizeProps*/ 16 && /*sizeProps*/ ctx[4]
+    			]));
+
+    			set_attributes(div2, div_data = get_spread_update(div2_levels, [
+    				dirty[0] & /*foreignObjectAgentProps*/ 8192 && /*foreignObjectAgentProps*/ ctx[13]
     			]));
 
     			set_svg_attributes(foreignObject2, foreignObject_data_1 = get_spread_update(foreignObject2_levels, [
     				{ class: "Top Customable" },
-    				dirty[0] & /*sizeProps*/ 4096 && /*sizeProps*/ ctx[12]
+    				dirty[0] & /*sizeProps*/ 16 && /*sizeProps*/ ctx[4]
     			]));
 
     			if (dirty[0] & /*size*/ 1 && foreignObject3_x_value !== (foreignObject3_x_value = Number(/*size*/ ctx[0]) / 2 - 100 / 2)) {
@@ -9004,11 +9054,11 @@
     				attr_dev(foreignObject3, "y", foreignObject3_y_value);
     			}
 
-    			if (dirty[0] & /*isSpinning*/ 512) {
-    				toggle_class(g6, "spinning", /*isSpinning*/ ctx[9]);
+    			if (dirty[0] & /*isSpinning*/ 1024) {
+    				toggle_class(g6, "spinning", /*isSpinning*/ ctx[10]);
     			}
 
-    			if (dirty[0] & /*calc, options*/ 40) {
+    			if (dirty[0] & /*calc, options*/ 72) {
     				each_value = /*options*/ ctx[3];
     				validate_each_argument(each_value);
     				let i;
@@ -9040,8 +9090,8 @@
     				attr_dev(svg_1, "height", /*size*/ ctx[0]);
     			}
 
-    			if (dirty[0] & /*messageShown*/ 2048) {
-    				set_style(svg_1, "opacity", /*messageShown*/ ctx[11] ? '.3' : '');
+    			if (dirty[0] & /*messageShown*/ 4096) {
+    				set_style(svg_1, "opacity", /*messageShown*/ ctx[12] ? '.3' : '');
     			}
     		},
     		d: function destroy(detaching) {
@@ -9053,7 +9103,7 @@
     			destroy_each(each_blocks_1, detaching);
     			if (if_block) if_block.d();
     			destroy_each(each_blocks, detaching);
-    			/*svg_1_binding*/ ctx[28](null);
+    			/*svg_1_binding*/ ctx[29](null);
     			mounted = false;
     			run_all(dispose);
     		}
@@ -9063,31 +9113,46 @@
     		block,
     		id: create_if_block$2.name,
     		type: "if",
-    		source: "(184:2) {#if Number(size) && options.length}",
+    		source: "(191:2) {#if Number(size) && options.length}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (196:8) {#each options as option, index}
+    // (205:8) {#each options as option, index}
     function create_each_block_5(ctx) {
     	let foreignObject;
+    	let div;
+    	let div_levels = [/*foreignObjectAgentProps*/ ctx[13]];
+    	let div_data = {};
+
+    	for (let i = 0; i < div_levels.length; i += 1) {
+    		div_data = assign(div_data, div_levels[i]);
+    	}
 
     	const block = {
     		c: function create() {
     			foreignObject = svg_element("foreignObject");
-    			attr_dev(foreignObject, "clip-path", `url(#clip${/*index*/ ctx[45]})`);
+    			div = element("div");
+    			set_attributes(div, div_data);
+    			add_location(div, file$2, 212, 12, 6528);
+    			attr_dev(foreignObject, "clip-path", `url(#clip${/*index*/ ctx[46]})`);
     			attr_dev(foreignObject, "class", "PartitionBackground Customable");
-    			attr_dev(foreignObject, "style", `--index: ${/*index*/ ctx[45]}`);
+    			attr_dev(foreignObject, "style", `--index: ${/*index*/ ctx[46]}`);
     			attr_dev(foreignObject, "width", /*size*/ ctx[0]);
     			attr_dev(foreignObject, "height", /*size*/ ctx[0]);
-    			add_location(foreignObject, file$2, 196, 10, 5992);
+    			add_location(foreignObject, file$2, 205, 10, 6300);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, foreignObject, anchor);
+    			append_dev(foreignObject, div);
     		},
     		p: function update(ctx, dirty) {
+    			set_attributes(div, div_data = get_spread_update(div_levels, [
+    				dirty[0] & /*foreignObjectAgentProps*/ 8192 && /*foreignObjectAgentProps*/ ctx[13]
+    			]));
+
     			if (dirty[0] & /*size*/ 1) {
     				attr_dev(foreignObject, "width", /*size*/ ctx[0]);
     			}
@@ -9105,20 +9170,20 @@
     		block,
     		id: create_each_block_5.name,
     		type: "each",
-    		source: "(196:8) {#each options as option, index}",
+    		source: "(205:8) {#each options as option, index}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (207:8) {#each options as option, index}
+    // (218: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[45]),
+    		/*calc*/ ctx[6].getPartitionDraw(/*index*/ ctx[46]),
     		{ width: /*size*/ ctx[0] },
     		{ height: /*size*/ ctx[0] }
     	];
@@ -9133,7 +9198,7 @@
     		c: function create() {
     			path = svg_element("path");
     			set_svg_attributes(path, path_data);
-    			add_location(path, file$2, 207, 8, 6329);
+    			add_location(path, file$2, 218, 8, 6714);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, path, anchor);
@@ -9141,7 +9206,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[45]),
+    				dirty[0] & /*calc*/ 64 && /*calc*/ ctx[6].getPartitionDraw(/*index*/ ctx[46]),
     				dirty[0] & /*size*/ 1 && { width: /*size*/ ctx[0] },
     				dirty[0] & /*size*/ 1 && { height: /*size*/ ctx[0] }
     			]));
@@ -9155,14 +9220,14 @@
     		block,
     		id: create_each_block_4.name,
     		type: "each",
-    		source: "(207:8) {#each options as option, index}",
+    		source: "(218:8) {#each options as option, index}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (220:10) {#if option.image}
+    // (231:10) {#if option.image}
     function create_if_block_3(ctx) {
     	let g;
     	let mounted;
@@ -9171,14 +9236,14 @@
     	const block = {
     		c: function create() {
     			g = svg_element("g");
-    			attr_dev(g, "class", `PartitionImage PartitionImage${/*index*/ ctx[45]}`);
-    			add_location(g, file$2, 220, 12, 6648);
+    			attr_dev(g, "class", `PartitionImage PartitionImage${/*index*/ ctx[46]}`);
+    			add_location(g, file$2, 231, 12, 7033);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, g, anchor);
 
     			if (!mounted) {
-    				dispose = action_destroyer(/*renderImage*/ ctx[15].call(null, g, /*index*/ ctx[45]));
+    				dispose = action_destroyer(/*renderImage*/ ctx[16].call(null, g, /*index*/ ctx[46]));
     				mounted = true;
     			}
     		},
@@ -9196,25 +9261,25 @@
     		block,
     		id: create_if_block_3.name,
     		type: "if",
-    		source: "(220:10) {#if option.image}",
+    		source: "(231:10) {#if option.image}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (227:10) {#if option.name}
+    // (238:10) {#if option.name}
     function create_if_block_2(ctx) {
     	let foreignObject;
     	let div;
     	let p;
-    	let raw_value = /*option*/ ctx[43].name + "";
+    	let raw_value = /*option*/ ctx[44].name + "";
     	let p_class_value;
     	let t;
 
     	let foreignObject_levels = [
     		{ class: "PartitionText" },
-    		/*calc*/ ctx[5].getSvgTextPropsAdjustedByImage(/*index*/ ctx[45])
+    		/*calc*/ ctx[6].getSvgTextPropsAdjustedByImage(/*index*/ ctx[46])
     	];
 
     	let foreignObject_data = {};
@@ -9230,15 +9295,15 @@
     			p = element("p");
     			t = space();
 
-    			attr_dev(p, "class", p_class_value = `PartitionTextEntity${/*calc*/ ctx[5].contentdirection === 'clockwise'
+    			attr_dev(p, "class", p_class_value = `PartitionTextEntity${/*calc*/ ctx[6].contentdirection === 'clockwise'
 			? ''
 			: ' Anticlockwise'}`);
 
-    			add_location(p, file$2, 232, 16, 7023);
+    			add_location(p, file$2, 243, 16, 7408);
     			attr_dev(div, "class", "PartitionTextEntityContainer");
-    			add_location(div, file$2, 231, 14, 6964);
+    			add_location(div, file$2, 242, 14, 7349);
     			set_svg_attributes(foreignObject, foreignObject_data);
-    			add_location(foreignObject, file$2, 227, 12, 6823);
+    			add_location(foreignObject, file$2, 238, 12, 7208);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, foreignObject, anchor);
@@ -9248,8 +9313,8 @@
     			append_dev(div, t);
     		},
     		p: function update(ctx, dirty) {
-    			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'
+    			if (dirty[0] & /*options*/ 8 && raw_value !== (raw_value = /*option*/ ctx[44].name + "")) p.innerHTML = raw_value;
+    			if (dirty[0] & /*calc*/ 64 && p_class_value !== (p_class_value = `PartitionTextEntity${/*calc*/ ctx[6].contentdirection === 'clockwise'
 			? ''
 			: ' Anticlockwise'}`)) {
     				attr_dev(p, "class", p_class_value);
@@ -9257,7 +9322,7 @@
 
     			set_svg_attributes(foreignObject, foreignObject_data = get_spread_update(foreignObject_levels, [
     				{ class: "PartitionText" },
-    				dirty[0] & /*calc*/ 32 && /*calc*/ ctx[5].getSvgTextPropsAdjustedByImage(/*index*/ ctx[45])
+    				dirty[0] & /*calc*/ 64 && /*calc*/ ctx[6].getSvgTextPropsAdjustedByImage(/*index*/ ctx[46])
     			]));
     		},
     		d: function destroy(detaching) {
@@ -9269,19 +9334,19 @@
     		block,
     		id: create_if_block_2.name,
     		type: "if",
-    		source: "(227:10) {#if option.name}",
+    		source: "(238:10) {#if option.name}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (218:8) {#each options as option,index}
+    // (229: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[43].image && create_if_block_3(ctx);
-    	let if_block1 = /*option*/ ctx[43].name && create_if_block_2(ctx);
+    	let if_block0 = /*option*/ ctx[44].image && create_if_block_3(ctx);
+    	let if_block1 = /*option*/ ctx[44].name && create_if_block_2(ctx);
 
     	const block = {
     		c: function create() {
@@ -9297,7 +9362,7 @@
     			insert_dev(target, if_block1_anchor, anchor);
     		},
     		p: function update(ctx, dirty) {
-    			if (/*option*/ ctx[43].image) {
+    			if (/*option*/ ctx[44].image) {
     				if (if_block0) ; else {
     					if_block0 = create_if_block_3(ctx);
     					if_block0.c();
@@ -9308,7 +9373,7 @@
     				if_block0 = null;
     			}
 
-    			if (/*option*/ ctx[43].name) {
+    			if (/*option*/ ctx[44].name) {
     				if (if_block1) {
     					if_block1.p(ctx, dirty);
     				} else {
@@ -9333,24 +9398,31 @@
     		block,
     		id: create_each_block_3.name,
     		type: "each",
-    		source: "(218:8) {#each options as option,index}",
+    		source: "(229:8) {#each options as option,index}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (244:6) {#each options as option,index}
+    // (255:6) {#each options as option,index}
     function create_each_block_2(ctx) {
     	let foreignObject;
+    	let div;
     	let foreignObject_style_value;
+    	let div_levels = [/*foreignObjectAgentProps*/ ctx[13]];
+    	let div_data = {};
+
+    	for (let i = 0; i < div_levels.length; i += 1) {
+    		div_data = assign(div_data, div_levels[i]);
+    	}
 
     	let foreignObject_levels = [
     		{ class: "Partition1 Customable" },
     		{
-    			style: foreignObject_style_value = `--index: ${/*index*/ ctx[45]}`
+    			style: foreignObject_style_value = `--index: ${/*index*/ ctx[46]}`
     		},
-    		/*sizeProps*/ ctx[12]
+    		/*sizeProps*/ ctx[4]
     	];
 
     	let foreignObject_data = {};
@@ -9362,17 +9434,25 @@
     	const block = {
     		c: function create() {
     			foreignObject = svg_element("foreignObject");
+    			div = element("div");
+    			set_attributes(div, div_data);
+    			add_location(div, file$2, 260, 8, 7889);
     			set_svg_attributes(foreignObject, foreignObject_data);
-    			add_location(foreignObject, file$2, 244, 6, 7374);
+    			add_location(foreignObject, file$2, 255, 6, 7759);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, foreignObject, anchor);
+    			append_dev(foreignObject, div);
     		},
     		p: function update(ctx, dirty) {
+    			set_attributes(div, div_data = get_spread_update(div_levels, [
+    				dirty[0] & /*foreignObjectAgentProps*/ 8192 && /*foreignObjectAgentProps*/ ctx[13]
+    			]));
+
     			set_svg_attributes(foreignObject, foreignObject_data = get_spread_update(foreignObject_levels, [
     				{ class: "Partition1 Customable" },
     				{ style: foreignObject_style_value },
-    				dirty[0] & /*sizeProps*/ 4096 && /*sizeProps*/ ctx[12]
+    				dirty[0] & /*sizeProps*/ 16 && /*sizeProps*/ ctx[4]
     			]));
     		},
     		d: function destroy(detaching) {
@@ -9384,24 +9464,31 @@
     		block,
     		id: create_each_block_2.name,
     		type: "each",
-    		source: "(244:6) {#each options as option,index}",
+    		source: "(255:6) {#each options as option,index}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (253:6) {#each options as option,index}
+    // (266:6) {#each options as option,index}
     function create_each_block_1(ctx) {
     	let foreignObject;
+    	let div;
     	let foreignObject_style_value;
+    	let div_levels = [/*foreignObjectAgentProps*/ ctx[13]];
+    	let div_data = {};
+
+    	for (let i = 0; i < div_levels.length; i += 1) {
+    		div_data = assign(div_data, div_levels[i]);
+    	}
 
     	let foreignObject_levels = [
     		{ class: "Partition2 Customable" },
     		{
-    			style: foreignObject_style_value = `--index: ${/*index*/ ctx[45]}`
+    			style: foreignObject_style_value = `--index: ${/*index*/ ctx[46]}`
     		},
-    		/*sizeProps*/ ctx[12]
+    		/*sizeProps*/ ctx[4]
     	];
 
     	let foreignObject_data = {};
@@ -9413,17 +9500,25 @@
     	const block = {
     		c: function create() {
     			foreignObject = svg_element("foreignObject");
+    			div = element("div");
+    			set_attributes(div, div_data);
+    			add_location(div, file$2, 271, 8, 8227);
     			set_svg_attributes(foreignObject, foreignObject_data);
-    			add_location(foreignObject, file$2, 253, 6, 7643);
+    			add_location(foreignObject, file$2, 266, 6, 8097);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, foreignObject, anchor);
+    			append_dev(foreignObject, div);
     		},
     		p: function update(ctx, dirty) {
+    			set_attributes(div, div_data = get_spread_update(div_levels, [
+    				dirty[0] & /*foreignObjectAgentProps*/ 8192 && /*foreignObjectAgentProps*/ ctx[13]
+    			]));
+
     			set_svg_attributes(foreignObject, foreignObject_data = get_spread_update(foreignObject_levels, [
     				{ class: "Partition2 Customable" },
     				{ style: foreignObject_style_value },
-    				dirty[0] & /*sizeProps*/ 4096 && /*sizeProps*/ ctx[12]
+    				dirty[0] & /*sizeProps*/ 16 && /*sizeProps*/ ctx[4]
     			]));
     		},
     		d: function destroy(detaching) {
@@ -9435,33 +9530,41 @@
     		block,
     		id: create_each_block_1.name,
     		type: "each",
-    		source: "(253:6) {#each options as option,index}",
+    		source: "(266:6) {#each options as option,index}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (262:4) {#if theme.pointerMode === PointerMode.Partition}
+    // (277:4) {#if theme.pointerMode === PointerMode.Partition}
     function create_if_block_1$1(ctx) {
     	let g;
     	let foreignObject;
+    	let div;
     	let path;
-    	let foreignObject_levels = [{ class: "PointerArea Customable" }, /*sizeProps*/ ctx[12]];
+    	let div_levels = [/*foreignObjectAgentProps*/ ctx[13]];
+    	let div_data = {};
+
+    	for (let i = 0; i < div_levels.length; i += 1) {
+    		div_data = assign(div_data, div_levels[i]);
+    	}
+
+    	let foreignObject_levels = [{ class: "PointerArea Customable" }, /*sizeProps*/ ctx[4]];
     	let foreignObject_data = {};
 
     	for (let i = 0; i < foreignObject_levels.length; i += 1) {
     		foreignObject_data = assign(foreignObject_data, foreignObject_levels[i]);
     	}
 
-    	let path_levels = [{ class: "PointerPartitionFrame" }, /*calc*/ ctx[5].getPartitionDraw(0)];
+    	let path_levels = [{ class: "PointerPartitionFrame" }, /*calc*/ ctx[6].getPartitionDraw(0)];
     	let path_data = {};
 
     	for (let i = 0; i < path_levels.length; i += 1) {
     		path_data = assign(path_data, path_levels[i]);
     	}
 
-    	let g_levels = [{ class: "PointerContainer" }, /*calc*/ ctx[5].getSpinnerProps()];
+    	let g_levels = [{ class: "PointerContainer" }, /*calc*/ ctx[6].getSpinnerProps()];
     	let g_data = {};
 
     	for (let i = 0; i < g_levels.length; i += 1) {
@@ -9472,36 +9575,44 @@
     		c: function create() {
     			g = svg_element("g");
     			foreignObject = svg_element("foreignObject");
+    			div = element("div");
     			path = svg_element("path");
+    			set_attributes(div, div_data);
+    			add_location(div, file$2, 280, 8, 8503);
     			set_svg_attributes(foreignObject, foreignObject_data);
-    			add_location(foreignObject, file$2, 264, 6, 7910);
+    			add_location(foreignObject, file$2, 279, 6, 8433);
     			set_svg_attributes(path, path_data);
-    			toggle_class(path, "active", /*isShowPrizeArea*/ ctx[10]);
-    			add_location(path, file$2, 266, 6, 7981);
+    			toggle_class(path, "active", /*isShowPrizeArea*/ ctx[11]);
+    			add_location(path, file$2, 283, 6, 8570);
     			set_svg_attributes(g, g_data);
-    			add_location(g, file$2, 262, 4, 7846);
+    			add_location(g, file$2, 277, 4, 8369);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, g, anchor);
     			append_dev(g, foreignObject);
+    			append_dev(foreignObject, div);
     			append_dev(g, path);
     		},
     		p: function update(ctx, dirty) {
+    			set_attributes(div, div_data = get_spread_update(div_levels, [
+    				dirty[0] & /*foreignObjectAgentProps*/ 8192 && /*foreignObjectAgentProps*/ ctx[13]
+    			]));
+
     			set_svg_attributes(foreignObject, foreignObject_data = get_spread_update(foreignObject_levels, [
     				{ class: "PointerArea Customable" },
-    				dirty[0] & /*sizeProps*/ 4096 && /*sizeProps*/ ctx[12]
+    				dirty[0] & /*sizeProps*/ 16 && /*sizeProps*/ ctx[4]
     			]));
 
     			set_svg_attributes(path, path_data = get_spread_update(path_levels, [
     				{ class: "PointerPartitionFrame" },
-    				dirty[0] & /*calc*/ 32 && /*calc*/ ctx[5].getPartitionDraw(0)
+    				dirty[0] & /*calc*/ 64 && /*calc*/ ctx[6].getPartitionDraw(0)
     			]));
 
-    			toggle_class(path, "active", /*isShowPrizeArea*/ ctx[10]);
+    			toggle_class(path, "active", /*isShowPrizeArea*/ ctx[11]);
 
     			set_svg_attributes(g, g_data = get_spread_update(g_levels, [
     				{ class: "PointerContainer" },
-    				dirty[0] & /*calc*/ 32 && /*calc*/ ctx[5].getSpinnerProps()
+    				dirty[0] & /*calc*/ 64 && /*calc*/ ctx[6].getSpinnerProps()
     			]));
     		},
     		d: function destroy(detaching) {
@@ -9513,25 +9624,25 @@
     		block,
     		id: create_if_block_1$1.name,
     		type: "if",
-    		source: "(262:4) {#if theme.pointerMode === PointerMode.Partition}",
+    		source: "(277:4) {#if theme.pointerMode === PointerMode.Partition}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (293:6) {#each options as option, index}
+    // (314: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[45])];
+    	let path_levels = [/*calc*/ ctx[6].getPartitionDraw(/*index*/ ctx[46])];
     	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[45]}` }];
+    	let clipPath_levels = [{ id: `clip${/*index*/ ctx[46]}` }];
     	let clipPath_data = {};
 
     	for (let i = 0; i < clipPath_levels.length; i += 1) {
@@ -9543,9 +9654,9 @@
     			clipPath = svg_element("clipPath");
     			path = svg_element("path");
     			set_svg_attributes(path, path_data);
-    			add_location(path, file$2, 294, 8, 8639);
+    			add_location(path, file$2, 315, 8, 9352);
     			set_svg_attributes(clipPath, clipPath_data);
-    			add_location(clipPath, file$2, 293, 6, 8594);
+    			add_location(clipPath, file$2, 314, 6, 9307);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, clipPath, anchor);
@@ -9553,7 +9664,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[45])
+    				dirty[0] & /*calc*/ 64 && /*calc*/ ctx[6].getPartitionDraw(/*index*/ ctx[46])
     			]));
     		},
     		d: function destroy(detaching) {
@@ -9565,7 +9676,7 @@
     		block,
     		id: create_each_block$2.name,
     		type: "each",
-    		source: "(293:6) {#each options as option, index}",
+    		source: "(314:6) {#each options as option, index}",
     		ctx
     	});
 
@@ -9584,9 +9695,9 @@
     			div = element("div");
     			if (if_block) if_block.c();
     			this.c = noop;
-    			attr_dev(div, "class", div_class_value = `WheelContainer theme${Number(/*themeIndex*/ ctx[6]) + 1}`);
+    			attr_dev(div, "class", div_class_value = `WheelContainer theme${Number(/*themeIndex*/ ctx[7]) + 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, 178, 0, 5361);
+    			add_location(div, file$2, 185, 0, 5607);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -9594,7 +9705,7 @@
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
     			if (if_block) if_block.m(div, null);
-    			/*div_binding*/ ctx[30](div);
+    			/*div_binding*/ ctx[31](div);
     		},
     		p: function update(ctx, dirty) {
     			if (dirty[0] & /*size, options*/ 9) show_if = Number(/*size*/ ctx[0]) && /*options*/ ctx[3].length;
@@ -9612,7 +9723,7 @@
     				if_block = null;
     			}
 
-    			if (dirty[0] & /*themeIndex*/ 64 && div_class_value !== (div_class_value = `WheelContainer theme${Number(/*themeIndex*/ ctx[6]) + 1}`)) {
+    			if (dirty[0] & /*themeIndex*/ 128 && div_class_value !== (div_class_value = `WheelContainer theme${Number(/*themeIndex*/ ctx[7]) + 1}`)) {
     				attr_dev(div, "class", div_class_value);
     			}
 
@@ -9625,7 +9736,7 @@
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(div);
     			if (if_block) if_block.d();
-    			/*div_binding*/ ctx[30](null);
+    			/*div_binding*/ ctx[31](null);
     		}
     	};
 
@@ -9647,6 +9758,7 @@
     	let process;
     	let optionFilter;
     	let sizeProps;
+    	let foreignObjectAgentProps;
     	let { $$slots: slots = {}, $$scope } = $$props;
     	validate_slots('lottery-program-wof-private-item-svg', slots, []);
     	var _a, _b;
@@ -9669,7 +9781,7 @@
     		setTimeout(
     			() => {
     				trigger(1);
-    				$$invalidate(7, isPartitionsCustomableReady = true);
+    				$$invalidate(8, isPartitionsCustomableReady = true);
     			},
     			100
     		);
@@ -9695,8 +9807,15 @@
 
     	let spinner = new Spinner({
     			tick: (deg, _speed) => {
-    				setProps(spinContainer, { transform: `rotate(${deg})` });
-    				$$invalidate(26, speed = _speed * 0.5);
+    				setProps(spinContainer, {
+    					style: [
+    						`transform: rotate(${deg}deg)`,
+    						`height: ${size}px`,
+    						`width: ${size}px`
+    					].join(';')
+    				});
+
+    				$$invalidate(27, speed = _speed * 0.5);
     			}
     		});
 
@@ -9710,11 +9829,11 @@
     	let speed = 0;
 
     	const updateCalcOptions = () => {
-    		$$invalidate(5, calc.options = options, calc);
+    		$$invalidate(6, calc.options = options, calc);
     	};
 
     	const updateCalcContentDirection = () => {
-    		$$invalidate(5, calc.contentdirection = contentdirection || 'anticlockwise', calc);
+    		$$invalidate(6, calc.contentdirection = contentdirection || 'anticlockwise', calc);
     		setImageProps();
     	};
 
@@ -9757,8 +9876,8 @@
     		updateSpinable();
     		if (!spinable) return;
     		if (isSpinning) return;
-    		$$invalidate(9, isSpinning = true);
-    		$$invalidate(10, isShowPrizeArea = false);
+    		$$invalidate(10, isSpinning = true);
+    		$$invalidate(11, isShowPrizeArea = false);
     		spinContainer = svg.querySelector(getSpinContainerSelector(theme.pointerMode));
     		spinner.launch();
     		process.drawer(`userid-${id}-${new Date().getTime()}`);
@@ -9766,21 +9885,21 @@
 
     	onMountMessageLifeCycle({
     		'wof-private-bonuses': data => {
-    			$$invalidate(25, bonus = data.bonuses.find(_bonus => _bonus.program.id === id));
+    			$$invalidate(26, bonus = data.bonuses.find(_bonus => _bonus.program.id === id));
     		},
     		'wof-private-bonus': data => {
     			if (data.id !== id) return;
-    			$$invalidate(25, bonus = data.bonus);
+    			$$invalidate(26, bonus = data.bonus);
     		},
     		'wof-private-message-close': data => {
     			if (data.id !== id) return;
-    			$$invalidate(9, isSpinning = false);
+    			$$invalidate(10, isSpinning = false);
     			setTimeout(() => updateSpinable(), 1);
-    			$$invalidate(11, messageShown = false);
+    			$$invalidate(12, messageShown = false);
     		},
     		'wof-private-message-retry': data => {
     			if (data.id !== id) return;
-    			$$invalidate(11, messageShown = false);
+    			$$invalidate(12, messageShown = false);
     			process.drawer();
     		}
     	});
@@ -9804,7 +9923,7 @@
     		'radius'
     	];
 
-    	Object.keys($$props).forEach(key => {
+    	Object_1$1.keys($$props).forEach(key => {
     		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<lottery-program-wof-private-item-svg> was created with unknown prop '${key}'`);
     	});
 
@@ -9813,7 +9932,7 @@
     	function svg_1_binding($$value) {
     		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
     			svg = $$value;
-    			$$invalidate(8, svg);
+    			$$invalidate(9, svg);
     		});
     	}
 
@@ -9827,13 +9946,13 @@
     	}
 
     	$$self.$$set = $$props => {
-    		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 ('lang' in $$props) $$invalidate(17, lang = $$props.lang);
+    		if ('endpoint' in $$props) $$invalidate(18, endpoint = $$props.endpoint);
+    		if ('session' in $$props) $$invalidate(19, session = $$props.session);
+    		if ('clientstyling' in $$props) $$invalidate(20, clientstyling = $$props.clientstyling);
+    		if ('contentdirection' in $$props) $$invalidate(21, contentdirection = $$props.contentdirection);
+    		if ('partitiondivisor' in $$props) $$invalidate(22, partitiondivisor = $$props.partitiondivisor);
+    		if ('id' in $$props) $$invalidate(23, id = $$props.id);
     		if ('size' in $$props) $$invalidate(0, size = $$props.size);
     		if ('radius' in $$props) $$invalidate(1, radius = $$props.radius);
     	};
@@ -9888,6 +10007,7 @@
     		eventSpin,
     		renderImage,
     		sizeProps,
+    		foreignObjectAgentProps,
     		theme,
     		optionFilter,
     		calc,
@@ -9896,36 +10016,37 @@
     	});
 
     	$$self.$inject_state = $$props => {
-    		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 ('_a' in $$props) $$invalidate(24, _a = $$props._a);
+    		if ('_b' in $$props) $$invalidate(25, _b = $$props._b);
+    		if ('lang' in $$props) $$invalidate(17, lang = $$props.lang);
+    		if ('endpoint' in $$props) $$invalidate(18, endpoint = $$props.endpoint);
+    		if ('session' in $$props) $$invalidate(19, session = $$props.session);
+    		if ('clientstyling' in $$props) $$invalidate(20, clientstyling = $$props.clientstyling);
+    		if ('contentdirection' in $$props) $$invalidate(21, contentdirection = $$props.contentdirection);
+    		if ('partitiondivisor' in $$props) $$invalidate(22, partitiondivisor = $$props.partitiondivisor);
     		if ('rootContainer' in $$props) $$invalidate(2, rootContainer = $$props.rootContainer);
-    		if ('id' in $$props) $$invalidate(22, id = $$props.id);
+    		if ('id' in $$props) $$invalidate(23, id = $$props.id);
     		if ('size' in $$props) $$invalidate(0, size = $$props.size);
     		if ('radius' in $$props) $$invalidate(1, radius = $$props.radius);
-    		if ('isPartitionsCustomableReady' in $$props) $$invalidate(7, isPartitionsCustomableReady = $$props.isPartitionsCustomableReady);
-    		if ('bonus' in $$props) $$invalidate(25, bonus = $$props.bonus);
+    		if ('isPartitionsCustomableReady' in $$props) $$invalidate(8, isPartitionsCustomableReady = $$props.isPartitionsCustomableReady);
+    		if ('bonus' in $$props) $$invalidate(26, bonus = $$props.bonus);
     		if ('options' in $$props) $$invalidate(3, options = $$props.options);
-    		if ('svg' in $$props) $$invalidate(8, svg = $$props.svg);
+    		if ('svg' in $$props) $$invalidate(9, svg = $$props.svg);
     		if ('spinContainer' in $$props) spinContainer = $$props.spinContainer;
-    		if ('spinner' in $$props) $$invalidate(37, spinner = $$props.spinner);
+    		if ('spinner' in $$props) $$invalidate(38, spinner = $$props.spinner);
     		if ('spinable' in $$props) spinable = $$props.spinable;
-    		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 ('isSpinning' in $$props) $$invalidate(10, isSpinning = $$props.isSpinning);
+    		if ('isShowPrizeArea' in $$props) $$invalidate(11, isShowPrizeArea = $$props.isShowPrizeArea);
+    		if ('messageShown' in $$props) $$invalidate(12, messageShown = $$props.messageShown);
     		if ('shownFirstCheck' in $$props) shownFirstCheck = $$props.shownFirstCheck;
-    		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(13, optionFilter = $$props.optionFilter);
-    		if ('calc' in $$props) $$invalidate(5, calc = $$props.calc);
+    		if ('speed' in $$props) $$invalidate(27, speed = $$props.speed);
+    		if ('sizeProps' in $$props) $$invalidate(4, sizeProps = $$props.sizeProps);
+    		if ('foreignObjectAgentProps' in $$props) $$invalidate(13, foreignObjectAgentProps = $$props.foreignObjectAgentProps);
+    		if ('theme' in $$props) $$invalidate(5, theme = $$props.theme);
+    		if ('optionFilter' in $$props) $$invalidate(14, optionFilter = $$props.optionFilter);
+    		if ('calc' in $$props) $$invalidate(6, calc = $$props.calc);
     		if ('process' in $$props) process = $$props.process;
-    		if ('themeIndex' in $$props) $$invalidate(6, themeIndex = $$props.themeIndex);
+    		if ('themeIndex' in $$props) $$invalidate(7, themeIndex = $$props.themeIndex);
     	};
 
     	if ($$props && "$$inject" in $$props) {
@@ -9933,16 +10054,16 @@
     	}
 
     	$$self.$$.update = () => {
-    		if ($$self.$$.dirty[0] & /*clientstyling, rootContainer*/ 524292) {
+    		if ($$self.$$.dirty[0] & /*clientstyling, rootContainer*/ 1048580) {
     			clientstyling && rootContainer && setClientStyling(rootContainer, clientstyling);
     		}
 
-    		if ($$self.$$.dirty[0] & /*bonus, lang*/ 33619968) {
+    		if ($$self.$$.dirty[0] & /*bonus, lang*/ 67239936) {
     			bonus && lang && updateOptions();
     		}
 
-    		if ($$self.$$.dirty[0] & /*bonus, _a, _b*/ 58720256) {
-    			$$invalidate(6, themeIndex = ($$invalidate(24, _b = $$invalidate(23, _a = bonus === null || bonus === void 0
+    		if ($$self.$$.dirty[0] & /*bonus, _a, _b*/ 117440512) {
+    			$$invalidate(7, themeIndex = ($$invalidate(25, _b = $$invalidate(24, _a = bonus === null || bonus === void 0
     			? void 0
     			: bonus.program) === null || _a === void 0
     			? void 0
@@ -9951,12 +10072,12 @@
     			: _b.template) || 0);
     		}
 
-    		if ($$self.$$.dirty[0] & /*themeIndex*/ 64) {
-    			$$invalidate(4, theme = themes[themeIndex] || themes[0]);
+    		if ($$self.$$.dirty[0] & /*themeIndex*/ 128) {
+    			$$invalidate(5, theme = themes[themeIndex] || themes[0]);
     		}
 
-    		if ($$self.$$.dirty[0] & /*size, radius, options, themeIndex, contentdirection*/ 1048651) {
-    			$$invalidate(5, calc = new SvgCalc({
+    		if ($$self.$$.dirty[0] & /*size, radius, options, themeIndex, contentdirection*/ 2097291) {
+    			$$invalidate(6, calc = new SvgCalc({
     					size,
     					radius,
     					options,
@@ -9969,35 +10090,41 @@
     			options && updateCalcOptions();
     		}
 
-    		if ($$self.$$.dirty[0] & /*contentdirection*/ 1048576) {
+    		if ($$self.$$.dirty[0] & /*contentdirection*/ 2097152) {
     			(contentdirection || !contentdirection) && updateCalcContentDirection();
     		}
 
-    		if ($$self.$$.dirty[0] & /*bonus*/ 33554432) {
+    		if ($$self.$$.dirty[0] & /*bonus*/ 67108864) {
     			bonus && runFirstCheck();
     		}
 
-    		if ($$self.$$.dirty[0] & /*id, options, calc, endpoint, session*/ 4587560) {
+    		if ($$self.$$.dirty[0] & /*id, options, calc, endpoint, session*/ 9175112) {
     			process = new Process({
     					id,
-    					afterSetMessage: () => $$invalidate(11, messageShown = true),
+    					afterSetMessage: () => $$invalidate(12, messageShown = true),
     					halter: (index, cb) => {
     						const targetIndex = index >= 0 ? index : options.length - 1;
     						spinner.halt(calc.getDeg(targetIndex), cb);
     					},
-    					afterSuccess: () => $$invalidate(10, isShowPrizeArea = true),
+    					afterSuccess: () => $$invalidate(11, isShowPrizeArea = true),
     					fetcher: async guid => await api.draw(endpoint, session, id, guid, options)
     				});
     		}
 
-    		if ($$self.$$.dirty[0] & /*theme, speed*/ 67108880) {
-    			$$invalidate(13, optionFilter = theme.pointerMode === PointerMode.Arrow && speed > 0.3
+    		if ($$self.$$.dirty[0] & /*theme, speed*/ 134217760) {
+    			$$invalidate(14, optionFilter = theme.pointerMode === PointerMode.Arrow && speed > 0.3
     			? `blur(${speed}px)`
     			: null);
     		}
 
     		if ($$self.$$.dirty[0] & /*size*/ 1) {
-    			$$invalidate(12, sizeProps = { height: size, width: size });
+    			$$invalidate(4, sizeProps = { height: size, width: size });
+    		}
+
+    		if ($$self.$$.dirty[0] & /*sizeProps*/ 16) {
+    			$$invalidate(13, foreignObjectAgentProps = {
+    				style: Object.keys(sizeProps).map(key => `${key}: ${sizeProps[key]}px`).join(';')
+    			});
     		}
     	};
 
@@ -10006,6 +10133,7 @@
     		radius,
     		rootContainer,
     		options,
+    		sizeProps,
     		theme,
     		calc,
     		themeIndex,
@@ -10014,7 +10142,7 @@
     		isSpinning,
     		isShowPrizeArea,
     		messageShown,
-    		sizeProps,
+    		foreignObjectAgentProps,
     		optionFilter,
     		eventSpin,
     		renderImage,
@@ -10040,7 +10168,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);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}g.Center.spinning{cursor:not-allowed}`;
+    		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 div,.theme4 foreignObject.Bottom div,.theme5 foreignObject.Bottom div{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 div,.theme6 foreignObject.Bottom div{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 div{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 div{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 div,.theme4 foreignObject.Middle div{background-image:var(--img-theme-center1);background-position:center}.theme2 foreignObject.Middle div{background-image:var(--img-theme2-center), var(--img-theme2-arrow);background-position:center, center 60px}.theme3 foreignObject.Middle div{background-image:var(--img-theme3-center), var(--img-theme3-arrow);background-position:center, center 39px}.theme5 foreignObject.Middle div,.theme6 foreignObject.Middle div{background-image:var(--img-theme-center2);background-position:center}.theme7 foreignObject.Middle div{background-image:var(--img-theme7-center), var(--img-theme7-arrow);background-position:center, center 36px}.theme7 foreignObject.Top div{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{mix-blend-mode:multiply}.theme1 foreignObject.Top div,.theme2 foreignObject.Top div,.theme3 foreignObject.Top div,.theme4 foreignObject.Top div,.theme5 foreignObject.Top div,.theme6 foreignObject.Top div{background-image:var(--img-theme-shadow);background-position:center;background-size:calc(var(--radius) * 2px)}.theme2 foreignObject.Partition1 div{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 div{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{mix-blend-mode:screen}foreignObject.PointerArea div{background-image:var(--img-theme-pointer-area);background-position:center -3px;background-size:51%}foreignObject.Partition1 div,foreignObject.Partition2 div{transform-origin:center}.PartitionsCustomable1 div,.PartitionsCustomable2 div{visibility:hidden}.PartitionsCustomable1 div.active,.PartitionsCustomable2 div.active{visibility:visible}foreignObject.Customable{overflow:visible}foreignObject.Customable div{background-repeat:no-repeat}.PartitionBackground div{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) div,.theme2 .PartitionBackground:nth-child(4n+1) div{background-image:radial-gradient(#009C9C 0%, #002634 100%)}.theme1 .PartitionBackground:nth-child(4n+2) div,.theme2 .PartitionBackground:nth-child(4n+2) div{background-image:radial-gradient(#AA00BF 0%, #3B0031 100%)}.theme1 .PartitionBackground:nth-child(4n+3) div,.theme2 .PartitionBackground:nth-child(4n+3) div{background-image:radial-gradient(#0068CD 0%, #150D42 100%)}.theme1 .PartitionBackground:nth-child(4n+4) div,.theme2 .PartitionBackground:nth-child(4n+4) div{background-image:radial-gradient(#DA005B 0%, #400021 100%)}.theme3 .PartitionBackground:nth-child(4n+1) div{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) div{background-image:radial-gradient(#580065 22.67%, #D453FF 91.3%)}.theme3 .PartitionBackground:nth-child(4n+3) div{background-image:radial-gradient(#FFE767 -0.01%, #F28F00 100%)}.theme3 .PartitionBackground:nth-child(4n+4) div{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) div,.theme5 .PartitionBackground:nth-child(4n+1) div,.theme6 .PartitionBackground:nth-child(4n+1) div{background:radial-gradient(#3B0031 0%, #7E008E 100.01%)}.theme4 .PartitionBackground:nth-child(4n+2) div,.theme5 .PartitionBackground:nth-child(4n+2) div,.theme6 .PartitionBackground:nth-child(4n+2) div{background:radial-gradient(#5A005F 22.67%, #EA53FF 91.3%)}.theme4 .PartitionBackground:nth-child(4n+3) div,.theme5 .PartitionBackground:nth-child(4n+3) div,.theme6 .PartitionBackground:nth-child(4n+3) div{background:radial-gradient(#B300C3 -0.01%, #4D003B 100%)}.theme4 .PartitionBackground:nth-child(4n+4) div,.theme5 .PartitionBackground:nth-child(4n+4) div,.theme6 .PartitionBackground:nth-child(4n+4) div{background:radial-gradient(#59007B 22.59%, #B753FF 90.03%)}.theme7 .PartitionBackground:nth-child(2n+1) div{background:linear-gradient(90.23deg, #F6AD3F 16.59%, #AF8531 99.8%)}.theme7 .PartitionBackground:nth-child(2n+2) div{background:linear-gradient(90deg, #323234 -0.01%, #272425 54.99%, #231F1F 99.99%)}.PartitionBackground div{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}g.Center.spinning{cursor:not-allowed}`;
     		this.shadowRoot.appendChild(style);
 
     		init(
@@ -10054,13 +10182,13 @@
     			create_fragment$2,
     			safe_not_equal,
     			{
-    				lang: 16,
-    				endpoint: 17,
-    				session: 18,
-    				clientstyling: 19,
-    				contentdirection: 20,
-    				partitiondivisor: 21,
-    				id: 22,
+    				lang: 17,
+    				endpoint: 18,
+    				session: 19,
+    				clientstyling: 20,
+    				contentdirection: 21,
+    				partitiondivisor: 22,
+    				id: 23,
     				size: 0,
     				radius: 1
     			},
@@ -10095,7 +10223,7 @@
     	}
 
     	get lang() {
-    		return this.$$.ctx[16];
+    		return this.$$.ctx[17];
     	}
 
     	set lang(lang) {
@@ -10104,7 +10232,7 @@
     	}
 
     	get endpoint() {
-    		return this.$$.ctx[17];
+    		return this.$$.ctx[18];
     	}
 
     	set endpoint(endpoint) {
@@ -10113,7 +10241,7 @@
     	}
 
     	get session() {
-    		return this.$$.ctx[18];
+    		return this.$$.ctx[19];
     	}
 
     	set session(session) {
@@ -10122,7 +10250,7 @@
     	}
 
     	get clientstyling() {
-    		return this.$$.ctx[19];
+    		return this.$$.ctx[20];
     	}
 
     	set clientstyling(clientstyling) {
@@ -10131,7 +10259,7 @@
     	}
 
     	get contentdirection() {
-    		return this.$$.ctx[20];
+    		return this.$$.ctx[21];
     	}
 
     	set contentdirection(contentdirection) {
@@ -10140,7 +10268,7 @@
     	}
 
     	get partitiondivisor() {
-    		return this.$$.ctx[21];
+    		return this.$$.ctx[22];
     	}
 
     	set partitiondivisor(partitiondivisor) {
@@ -10149,7 +10277,7 @@
     	}
 
     	get id() {
-    		return this.$$.ctx[22];
+    		return this.$$.ctx[23];
     	}
 
     	set id(id) {