@everymatrix/lottery-program-wof 1.22.8 → 1.22.10

package/dist/lottery-program-wof.js

@@ -5299,6 +5299,10 @@
         }
         return res;
     };
+    const isSafari = () => {
+        var isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+        return isSafari;
+    };
 
     const setTranslation = (translations) => {
         Object.keys(translations).forEach((item) => {
@@ -5632,7 +5636,7 @@
     			attr_dev(img, "class", "GiftImage");
     			add_location(img, file$6, 100, 4, 3072);
     			add_location(p0, file$6, 99, 2, 3064);
-    			add_location(p1, file$6, 107, 2, 3284);
+    			add_location(p1, file$6, 107, 2, 3290);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p0, anchor);
@@ -5723,21 +5727,26 @@
 
     // (103:4) {#if modeValue.prizeText}
     function create_if_block_4(ctx) {
-    	let t_value = /*modeValue*/ ctx[1].prizeText + "";
-    	let t;
+    	let html_tag;
+    	let raw_value = /*modeValue*/ ctx[1].prizeText + "";
+    	let html_anchor;
 
     	const block = {
     		c: function create() {
-    			t = text(t_value);
+    			html_tag = new HtmlTag(false);
+    			html_anchor = empty();
+    			html_tag.a = html_anchor;
     		},
     		m: function mount(target, anchor) {
-    			insert_dev(target, t, anchor);
+    			html_tag.m(raw_value, target, anchor);
+    			insert_dev(target, html_anchor, anchor);
     		},
     		p: function update(ctx, dirty) {
-    			if (dirty & /*modeValue*/ 2 && t_value !== (t_value = /*modeValue*/ ctx[1].prizeText + "")) set_data_dev(t, t_value);
+    			if (dirty & /*modeValue*/ 2 && raw_value !== (raw_value = /*modeValue*/ ctx[1].prizeText + "")) html_tag.p(raw_value);
     		},
     		d: function destroy(detaching) {
-    			if (detaching) detach_dev(t);
+    			if (detaching) detach_dev(html_anchor);
+    			if (detaching) html_tag.d();
     		}
     	};
 
@@ -5770,9 +5779,9 @@
     			if (!src_url_equal(img.src, img_src_value = /*modeValue*/ ctx[1].image)) attr_dev(img, "src", img_src_value);
     			attr_dev(img, "alt", "");
     			attr_dev(img, "class", "GiftImage");
-    			add_location(img, file$6, 114, 4, 3341);
-    			add_location(p0, file$6, 113, 2, 3333);
-    			add_location(p1, file$6, 116, 2, 3403);
+    			add_location(img, file$6, 114, 4, 3347);
+    			add_location(p0, file$6, 113, 2, 3339);
+    			add_location(p1, file$6, 116, 2, 3409);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p0, anchor);
@@ -5820,8 +5829,8 @@
     			button = element("button");
     			t = text(t_value);
     			attr_dev(button, "class", "MessagePanelButton");
-    			add_location(button, file$6, 121, 4, 3517);
-    			add_location(div, file$6, 120, 2, 3507);
+    			add_location(button, file$6, 121, 4, 3523);
+    			add_location(div, file$6, 120, 2, 3513);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -6257,6 +6266,7 @@
     (function (ContentDirection) {
         ContentDirection[ContentDirection["clockwise"] = 1] = "clockwise";
         ContentDirection[ContentDirection["anticlockwise"] = -1] = "anticlockwise";
+        ContentDirection[ContentDirection["outward"] = 0] = "outward";
     })(ContentDirection || (ContentDirection = {}));
 
     /* src/private.tabs.svelte generated by Svelte v3.59.2 */
@@ -6836,7 +6846,22 @@
     };
     const getOptions = async (bonus, lang) => {
         const { partitions } = bonus.program.wheelOfFortune;
-        const options = await Promise.all(getOptionsFromPartitions(partitions, lang).map(async (o) => (Object.assign(Object.assign({}, o), (await preloadImage(o.image))))));
+        let options = getOptionsFromPartitions(partitions, lang);
+        if (isSafari()) {
+            options = options.map(option => {
+                if (option.image) {
+                    let img = document.createElementNS("http://www.w3.org/2000/svg", "image");
+                    img.href.baseVal = option.image;
+                    return Object.assign(Object.assign({}, option), { image: img });
+                }
+                else {
+                    return option;
+                }
+            });
+        }
+        else {
+            options = await Promise.all(options.map(async (o) => (Object.assign(Object.assign({}, o), (await preloadImage(o.image))))));
+        }
         return options;
     };
 
@@ -7306,55 +7331,52 @@
     function create_each_block_1$1(ctx) {
     	let tr;
     	let td0;
-    	let t0_value = /*getPrize*/ ctx[5](/*outcome*/ ctx[20], /*outcomesItem*/ ctx[17].id) + "";
+    	let raw_value = /*getPrize*/ ctx[5](/*outcome*/ ctx[20], /*outcomesItem*/ ctx[17].id) + "";
     	let t0;
-    	let t1;
     	let td1;
-    	let t2_value = /*outcome*/ ctx[20].draw.state + "";
+    	let t1_value = /*outcome*/ ctx[20].draw.state + "";
+    	let t1;
     	let t2;
-    	let t3;
     	let td2;
 
-    	let t4_value = new Date(/*outcome*/ ctx[20].draw.time).toLocaleString(undefined, {
+    	let t3_value = new Date(/*outcome*/ ctx[20].draw.time).toLocaleString(undefined, {
     		timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone
     	}) + "";
 
-    	let t4;
+    	let t3;
 
     	const block = {
     		c: function create() {
     			tr = element("tr");
     			td0 = element("td");
-    			t0 = text(t0_value);
-    			t1 = space();
+    			t0 = space();
     			td1 = element("td");
-    			t2 = text(t2_value);
-    			t3 = space();
+    			t1 = text(t1_value);
+    			t2 = space();
     			td2 = element("td");
-    			t4 = text(t4_value);
+    			t3 = text(t3_value);
     			add_location(td0, file$3, 92, 14, 3015);
-    			add_location(td1, file$3, 93, 14, 3075);
-    			add_location(td2, file$3, 94, 14, 3119);
+    			add_location(td1, file$3, 93, 14, 3081);
+    			add_location(td2, file$3, 94, 14, 3125);
     			add_location(tr, file$3, 91, 12, 2996);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, tr, anchor);
     			append_dev(tr, td0);
-    			append_dev(td0, t0);
-    			append_dev(tr, t1);
+    			td0.innerHTML = raw_value;
+    			append_dev(tr, t0);
     			append_dev(tr, td1);
-    			append_dev(td1, t2);
-    			append_dev(tr, t3);
+    			append_dev(td1, t1);
+    			append_dev(tr, t2);
     			append_dev(tr, td2);
-    			append_dev(td2, t4);
+    			append_dev(td2, t3);
     		},
     		p: function update(ctx, dirty) {
-    			if (dirty & /*outcomesList*/ 4 && t0_value !== (t0_value = /*getPrize*/ ctx[5](/*outcome*/ ctx[20], /*outcomesItem*/ ctx[17].id) + "")) set_data_dev(t0, t0_value);
-    			if (dirty & /*outcomesList*/ 4 && t2_value !== (t2_value = /*outcome*/ ctx[20].draw.state + "")) set_data_dev(t2, t2_value);
+    			if (dirty & /*outcomesList*/ 4 && raw_value !== (raw_value = /*getPrize*/ ctx[5](/*outcome*/ ctx[20], /*outcomesItem*/ ctx[17].id) + "")) td0.innerHTML = raw_value;			if (dirty & /*outcomesList*/ 4 && t1_value !== (t1_value = /*outcome*/ ctx[20].draw.state + "")) set_data_dev(t1, t1_value);
 
-    			if (dirty & /*outcomesList*/ 4 && t4_value !== (t4_value = new Date(/*outcome*/ ctx[20].draw.time).toLocaleString(undefined, {
+    			if (dirty & /*outcomesList*/ 4 && t3_value !== (t3_value = new Date(/*outcome*/ ctx[20].draw.time).toLocaleString(undefined, {
     				timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone
-    			}) + "")) set_data_dev(t4, t4_value);
+    			}) + "")) set_data_dev(t3, t3_value);
     		},
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(tr);
@@ -8144,7 +8166,7 @@
             else {
                 baseRadius = (this.radius - sizeImage / 2) / Number(partitionDivisor) - 3 * this.ratio;
             }
-            return Object.assign(Object.assign({}, this.getPropsForPartitionInfo(index, this.getOffsetImage(sizeImage), baseRadius)), { width: sizeImage, height: sizeImage });
+            return Object.assign(Object.assign({}, this.getPropsForPartitionInfo(index, this.getOffsetImage(sizeImage), baseRadius, ContentDirection.outward)), { width: sizeImage, height: sizeImage });
         }
         getSvgTextProps(index) {
             const sizeImage = this.getSizeImageByPartition(index);
@@ -8195,8 +8217,11 @@
         get direction() {
             return RotateDirection.clockwise;
         }
-        getAngleSelf(index) {
-            return 360 * index / this.length * this.direction + 90 * ContentDirection[this.contentdirection];
+        getAngleSelf(index, contentDirection) {
+            const baseAngle = 360 * index / this.length * this.direction;
+            const fixerAngle = 90 * (contentDirection !== undefined ? contentDirection : ContentDirection[this.contentdirection]);
+            const resultAngle = baseAngle + fixerAngle;
+            return resultAngle;
         }
         getPartitionPositions(index, baseRadius, offset) {
             const angle = this.angleTransform(this.arrowmode) +
@@ -8209,12 +8234,12 @@
                 point: pointResult,
             };
         }
-        getPropsForPartitionInfo(index, offset, baseRadius) {
+        getPropsForPartitionInfo(index, offset, baseRadius, contentDirection) {
             const { point, transformOrigin } = this.getPartitionPositions(index, baseRadius, offset);
             const getTransformOriginString = (vector) => Object.keys(vector).map(axis => `${vector[axis]}px`).join(' ');
             return Object.assign(Object.assign({}, point), { style: [
                     `font-size: ${13 * this.ratio}px`,
-                    `transform: rotate(${this.getAngleSelf(index)}deg)`,
+                    `transform: rotate(${this.getAngleSelf(index, contentDirection)}deg)`,
                     `transform-origin: ${getTransformOriginString(transformOrigin)}`,
                 ].join(';') });
         }
@@ -8378,43 +8403,43 @@
 
     function get_each_context$2(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[40] = list[i];
-    	child_ctx[42] = i;
+    	child_ctx[41] = list[i];
+    	child_ctx[43] = i;
     	return child_ctx;
     }
 
     function get_each_context_1(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[40] = list[i];
-    	child_ctx[42] = i;
+    	child_ctx[41] = list[i];
+    	child_ctx[43] = i;
     	return child_ctx;
     }
 
     function get_each_context_2(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[40] = list[i];
-    	child_ctx[42] = i;
+    	child_ctx[41] = list[i];
+    	child_ctx[43] = i;
     	return child_ctx;
     }
 
     function get_each_context_3(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[40] = list[i];
-    	child_ctx[42] = i;
+    	child_ctx[41] = list[i];
+    	child_ctx[43] = i;
     	return child_ctx;
     }
 
     function get_each_context_4(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[40] = list[i];
-    	child_ctx[42] = i;
+    	child_ctx[41] = list[i];
+    	child_ctx[43] = i;
     	return child_ctx;
     }
 
     function get_each_context_5(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[40] = list[i];
-    	child_ctx[42] = i;
+    	child_ctx[41] = list[i];
+    	child_ctx[43] = i;
     	return child_ctx;
     }
 
@@ -8561,37 +8586,37 @@
     			}
 
     			set_svg_attributes(foreignObject0, foreignObject_data_3);
-    			add_location(foreignObject0, file$2, 170, 4, 5093);
+    			add_location(foreignObject0, file$2, 171, 4, 5150);
     			attr_dev(g0, "class", "PartitionsBackgrounds");
-    			add_location(g0, file$2, 173, 6, 5223);
+    			add_location(g0, file$2, 174, 6, 5280);
     			attr_dev(g1, "class", "PartitionsBackgroundStrokes");
-    			add_location(g1, file$2, 184, 6, 5556);
+    			add_location(g1, file$2, 185, 6, 5613);
     			attr_dev(g2, "class", "Partitions");
     			set_style(g2, "filter", /*optionFilter*/ ctx[12]);
-    			add_location(g2, file$2, 195, 6, 5831);
+    			add_location(g2, file$2, 196, 6, 5888);
     			set_svg_attributes(g3, g_data_7);
-    			add_location(g3, file$2, 172, 4, 5157);
+    			add_location(g3, file$2, 173, 4, 5214);
     			attr_dev(g4, "class", "PartitionsCustomable1");
-    			add_location(g4, file$2, 221, 4, 6563);
+    			add_location(g4, file$2, 222, 4, 6626);
     			attr_dev(g5, "class", "PartitionsCustomable2");
-    			add_location(g5, file$2, 230, 4, 6789);
+    			add_location(g5, file$2, 231, 4, 6852);
     			set_svg_attributes(foreignObject1, foreignObject_data_2);
-    			add_location(foreignObject1, file$2, 253, 4, 7359);
+    			add_location(foreignObject1, file$2, 254, 4, 7422);
     			set_svg_attributes(foreignObject2, foreignObject_data_1);
-    			add_location(foreignObject2, file$2, 254, 4, 7422);
+    			add_location(foreignObject2, file$2, 255, 4, 7485);
     			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, 261, 6, 7588);
+    			add_location(foreignObject3, file$2, 262, 6, 7665);
     			attr_dev(g6, "class", "Center");
     			toggle_class(g6, "disabled", /*isSpinning*/ ctx[8]);
-    			add_location(g6, file$2, 256, 4, 7483);
-    			add_location(g7, file$2, 270, 4, 7755);
+    			add_location(g6, file$2, 257, 4, 7546);
+    			add_location(g7, file$2, 271, 4, 7832);
     			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, 4981);
+    			add_location(svg_1, file$2, 164, 2, 4991);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, svg_1, anchor);
@@ -8653,7 +8678,11 @@
     			/*svg_1_binding*/ ctx[27](svg_1);
 
     			if (!mounted) {
-    				dispose = listen_dev(g6, "click", /*click_handler*/ ctx[26], false, false, false, false);
+    				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)
+    				];
+
     				mounted = true;
     			}
     		},
@@ -8874,7 +8903,7 @@
     			destroy_each(each_blocks, detaching);
     			/*svg_1_binding*/ ctx[27](null);
     			mounted = false;
-    			dispose();
+    			run_all(dispose);
     		}
     	};
 
@@ -8889,19 +8918,19 @@
     	return block;
     }
 
-    // (175:8) {#each options as option, index}
+    // (176: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[42]})`);
+    			attr_dev(foreignObject, "clip-path", `url(#clip${/*index*/ ctx[43]})`);
     			attr_dev(foreignObject, "class", "PartitionBackground Customable");
-    			attr_dev(foreignObject, "style", `--index: ${/*index*/ ctx[42]}`);
+    			attr_dev(foreignObject, "style", `--index: ${/*index*/ ctx[43]}`);
     			attr_dev(foreignObject, "width", /*size*/ ctx[0]);
     			attr_dev(foreignObject, "height", /*size*/ ctx[0]);
-    			add_location(foreignObject, file$2, 175, 10, 5308);
+    			add_location(foreignObject, file$2, 176, 10, 5365);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, foreignObject, anchor);
@@ -8924,20 +8953,20 @@
     		block,
     		id: create_each_block_5.name,
     		type: "each",
-    		source: "(175:8) {#each options as option, index}",
+    		source: "(176:8) {#each options as option, index}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (186:8) {#each options as option, index}
+    // (187: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[42]),
+    		/*calc*/ ctx[5].getPartitionDraw(/*index*/ ctx[43]),
     		{ width: /*size*/ ctx[0] },
     		{ height: /*size*/ ctx[0] }
     	];
@@ -8952,7 +8981,7 @@
     		c: function create() {
     			path = svg_element("path");
     			set_svg_attributes(path, path_data);
-    			add_location(path, file$2, 186, 8, 5645);
+    			add_location(path, file$2, 187, 8, 5702);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, path, anchor);
@@ -8960,7 +8989,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[42]),
+    				dirty[0] & /*calc*/ 32 && /*calc*/ ctx[5].getPartitionDraw(/*index*/ ctx[43]),
     				dirty[0] & /*size*/ 1 && { width: /*size*/ ctx[0] },
     				dirty[0] & /*size*/ 1 && { height: /*size*/ ctx[0] }
     			]));
@@ -8974,14 +9003,14 @@
     		block,
     		id: create_each_block_4.name,
     		type: "each",
-    		source: "(186:8) {#each options as option, index}",
+    		source: "(187:8) {#each options as option, index}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (199:10) {#if option.image}
+    // (200:10) {#if option.image}
     function create_if_block_3(ctx) {
     	let g;
     	let mounted;
@@ -8990,14 +9019,14 @@
     	const block = {
     		c: function create() {
     			g = svg_element("g");
-    			attr_dev(g, "class", `PartitionImage PartitionImage${/*index*/ ctx[42]}`);
-    			add_location(g, file$2, 199, 12, 5964);
+    			attr_dev(g, "class", `PartitionImage PartitionImage${/*index*/ ctx[43]}`);
+    			add_location(g, file$2, 200, 12, 6021);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, g, anchor);
 
     			if (!mounted) {
-    				dispose = action_destroyer(/*renderImage*/ ctx[14].call(null, g, /*index*/ ctx[42]));
+    				dispose = action_destroyer(/*renderImage*/ ctx[14].call(null, g, /*index*/ ctx[43]));
     				mounted = true;
     			}
     		},
@@ -9015,26 +9044,25 @@
     		block,
     		id: create_if_block_3.name,
     		type: "if",
-    		source: "(199:10) {#if option.image}",
+    		source: "(200:10) {#if option.image}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (206:10) {#if option.name}
+    // (207:10) {#if option.name}
     function create_if_block_2(ctx) {
     	let foreignObject;
     	let div;
     	let p;
-    	let t0_value = /*option*/ ctx[40].name + "";
-    	let t0;
+    	let raw_value = /*option*/ ctx[41].name + "";
     	let p_class_value;
-    	let t1;
+    	let t;
 
     	let foreignObject_levels = [
     		{ class: "PartitionText" },
-    		/*calc*/ ctx[5].getSvgTextPropsAdjustedByImage(/*index*/ ctx[42])
+    		/*calc*/ ctx[5].getSvgTextPropsAdjustedByImage(/*index*/ ctx[43])
     	];
 
     	let foreignObject_data = {};
@@ -9048,29 +9076,27 @@
     			foreignObject = svg_element("foreignObject");
     			div = element("div");
     			p = element("p");
-    			t0 = text(t0_value);
-    			t1 = space();
+    			t = space();
 
     			attr_dev(p, "class", p_class_value = `PartitionTextEntity${/*calc*/ ctx[5].contentdirection === 'clockwise'
 			? ''
 			: ' Anticlockwise'}`);
 
-    			add_location(p, file$2, 211, 16, 6339);
+    			add_location(p, file$2, 212, 16, 6396);
     			attr_dev(div, "class", "PartitionTextEntityContainer");
-    			add_location(div, file$2, 210, 14, 6280);
+    			add_location(div, file$2, 211, 14, 6337);
     			set_svg_attributes(foreignObject, foreignObject_data);
-    			add_location(foreignObject, file$2, 206, 12, 6139);
+    			add_location(foreignObject, file$2, 207, 12, 6196);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, foreignObject, anchor);
     			append_dev(foreignObject, div);
     			append_dev(div, p);
-    			append_dev(p, t0);
-    			append_dev(div, t1);
+    			p.innerHTML = raw_value;
+    			append_dev(div, t);
     		},
     		p: function update(ctx, dirty) {
-    			if (dirty[0] & /*options*/ 8 && t0_value !== (t0_value = /*option*/ ctx[40].name + "")) set_data_dev(t0, t0_value);
-
+    			if (dirty[0] & /*options*/ 8 && raw_value !== (raw_value = /*option*/ ctx[41].name + "")) p.innerHTML = raw_value;
     			if (dirty[0] & /*calc*/ 32 && p_class_value !== (p_class_value = `PartitionTextEntity${/*calc*/ ctx[5].contentdirection === 'clockwise'
 			? ''
 			: ' Anticlockwise'}`)) {
@@ -9079,7 +9105,7 @@
 
     			set_svg_attributes(foreignObject, foreignObject_data = get_spread_update(foreignObject_levels, [
     				{ class: "PartitionText" },
-    				dirty[0] & /*calc*/ 32 && /*calc*/ ctx[5].getSvgTextPropsAdjustedByImage(/*index*/ ctx[42])
+    				dirty[0] & /*calc*/ 32 && /*calc*/ ctx[5].getSvgTextPropsAdjustedByImage(/*index*/ ctx[43])
     			]));
     		},
     		d: function destroy(detaching) {
@@ -9091,19 +9117,19 @@
     		block,
     		id: create_if_block_2.name,
     		type: "if",
-    		source: "(206:10) {#if option.name}",
+    		source: "(207:10) {#if option.name}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (197:8) {#each options as option,index}
+    // (198: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[40].image && create_if_block_3(ctx);
-    	let if_block1 = /*option*/ ctx[40].name && create_if_block_2(ctx);
+    	let if_block0 = /*option*/ ctx[41].image && create_if_block_3(ctx);
+    	let if_block1 = /*option*/ ctx[41].name && create_if_block_2(ctx);
 
     	const block = {
     		c: function create() {
@@ -9119,7 +9145,7 @@
     			insert_dev(target, if_block1_anchor, anchor);
     		},
     		p: function update(ctx, dirty) {
-    			if (/*option*/ ctx[40].image) {
+    			if (/*option*/ ctx[41].image) {
     				if (if_block0) ; else {
     					if_block0 = create_if_block_3(ctx);
     					if_block0.c();
@@ -9130,7 +9156,7 @@
     				if_block0 = null;
     			}
 
-    			if (/*option*/ ctx[40].name) {
+    			if (/*option*/ ctx[41].name) {
     				if (if_block1) {
     					if_block1.p(ctx, dirty);
     				} else {
@@ -9155,14 +9181,14 @@
     		block,
     		id: create_each_block_3.name,
     		type: "each",
-    		source: "(197:8) {#each options as option,index}",
+    		source: "(198:8) {#each options as option,index}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (223:6) {#each options as option,index}
+    // (224:6) {#each options as option,index}
     function create_each_block_2(ctx) {
     	let foreignObject;
     	let foreignObject_style_value;
@@ -9170,7 +9196,7 @@
     	let foreignObject_levels = [
     		{ class: "Partition1 Customable" },
     		{
-    			style: foreignObject_style_value = `--index: ${/*index*/ ctx[42]}`
+    			style: foreignObject_style_value = `--index: ${/*index*/ ctx[43]}`
     		},
     		/*sizeProps*/ ctx[11]
     	];
@@ -9185,7 +9211,7 @@
     		c: function create() {
     			foreignObject = svg_element("foreignObject");
     			set_svg_attributes(foreignObject, foreignObject_data);
-    			add_location(foreignObject, file$2, 223, 6, 6641);
+    			add_location(foreignObject, file$2, 224, 6, 6704);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, foreignObject, anchor);
@@ -9206,14 +9232,14 @@
     		block,
     		id: create_each_block_2.name,
     		type: "each",
-    		source: "(223:6) {#each options as option,index}",
+    		source: "(224:6) {#each options as option,index}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (232:6) {#each options as option,index}
+    // (233:6) {#each options as option,index}
     function create_each_block_1(ctx) {
     	let foreignObject;
     	let foreignObject_style_value;
@@ -9221,7 +9247,7 @@
     	let foreignObject_levels = [
     		{ class: "Partition2 Customable" },
     		{
-    			style: foreignObject_style_value = `--index: ${/*index*/ ctx[42]}`
+    			style: foreignObject_style_value = `--index: ${/*index*/ ctx[43]}`
     		},
     		/*sizeProps*/ ctx[11]
     	];
@@ -9236,7 +9262,7 @@
     		c: function create() {
     			foreignObject = svg_element("foreignObject");
     			set_svg_attributes(foreignObject, foreignObject_data);
-    			add_location(foreignObject, file$2, 232, 6, 6867);
+    			add_location(foreignObject, file$2, 233, 6, 6930);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, foreignObject, anchor);
@@ -9257,14 +9283,14 @@
     		block,
     		id: create_each_block_1.name,
     		type: "each",
-    		source: "(232:6) {#each options as option,index}",
+    		source: "(233:6) {#each options as option,index}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (241:4) {#if theme.pointerMode === PointerMode.Partition}
+    // (242:4) {#if theme.pointerMode === PointerMode.Partition}
     function create_if_block_1$1(ctx) {
     	let g;
     	let foreignObject;
@@ -9296,12 +9322,12 @@
     			foreignObject = svg_element("foreignObject");
     			path = svg_element("path");
     			set_svg_attributes(foreignObject, foreignObject_data);
-    			add_location(foreignObject, file$2, 243, 6, 7134);
+    			add_location(foreignObject, file$2, 244, 6, 7197);
     			set_svg_attributes(path, path_data);
     			toggle_class(path, "active", /*isShowPrizeArea*/ ctx[9]);
-    			add_location(path, file$2, 245, 6, 7205);
+    			add_location(path, file$2, 246, 6, 7268);
     			set_svg_attributes(g, g_data);
-    			add_location(g, file$2, 241, 4, 7070);
+    			add_location(g, file$2, 242, 4, 7133);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, g, anchor);
@@ -9335,25 +9361,25 @@
     		block,
     		id: create_if_block_1$1.name,
     		type: "if",
-    		source: "(241:4) {#if theme.pointerMode === PointerMode.Partition}",
+    		source: "(242:4) {#if theme.pointerMode === PointerMode.Partition}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (272:6) {#each options as option, index}
+    // (273: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[42])];
+    	let path_levels = [/*calc*/ ctx[5].getPartitionDraw(/*index*/ ctx[43])];
     	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[42]}` }];
+    	let clipPath_levels = [{ id: `clip${/*index*/ ctx[43]}` }];
     	let clipPath_data = {};
 
     	for (let i = 0; i < clipPath_levels.length; i += 1) {
@@ -9365,9 +9391,9 @@
     			clipPath = svg_element("clipPath");
     			path = svg_element("path");
     			set_svg_attributes(path, path_data);
-    			add_location(path, file$2, 273, 8, 7849);
+    			add_location(path, file$2, 274, 8, 7926);
     			set_svg_attributes(clipPath, clipPath_data);
-    			add_location(clipPath, file$2, 272, 6, 7804);
+    			add_location(clipPath, file$2, 273, 6, 7881);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, clipPath, anchor);
@@ -9375,7 +9401,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[42])
+    				dirty[0] & /*calc*/ 32 && /*calc*/ ctx[5].getPartitionDraw(/*index*/ ctx[43])
     			]));
     		},
     		d: function destroy(detaching) {
@@ -9387,7 +9413,7 @@
     		block,
     		id: create_each_block$2.name,
     		type: "each",
-    		source: "(272:6) {#each options as option, index}",
+    		source: "(273:6) {#each options as option, index}",
     		ctx
     	});
 
@@ -9407,7 +9433,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, 4732);
+    			add_location(div, file$2, 158, 0, 4742);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -9415,7 +9441,7 @@
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
     			if (if_block) if_block.m(div, null);
-    			/*div_binding*/ ctx[28](div);
+    			/*div_binding*/ ctx[29](div);
     		},
     		p: function update(ctx, dirty) {
     			if (/*size*/ ctx[0] && /*options*/ ctx[3].length) {
@@ -9444,7 +9470,7 @@
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(div);
     			if (if_block) if_block.d();
-    			/*div_binding*/ ctx[28](null);
+    			/*div_binding*/ ctx[29](null);
     		}
     	};
 
@@ -9605,7 +9631,7 @@
     		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}'`);
     	});
 
-    	const click_handler = () => eventSpin();
+    	const click_handler = () => isSafari() || eventSpin();
 
     	function svg_1_binding($$value) {
     		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
@@ -9614,6 +9640,8 @@
     		});
     	}
 
+    	const click_handler_1 = () => isSafari() && eventSpin();
+
     	function div_binding($$value) {
     		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
     			rootContainer = $$value;
@@ -9644,6 +9672,7 @@
     		onMountMessageLifeCycle,
     		_postMessage,
     		themes,
+    		isSafari,
     		setProps,
     		Spinner,
     		SvgCalc,
@@ -9704,7 +9733,7 @@
     		if ('options' in $$props) $$invalidate(3, options = $$props.options);
     		if ('svg' in $$props) $$invalidate(7, svg = $$props.svg);
     		if ('spinContainer' in $$props) spinContainer = $$props.spinContainer;
-    		if ('spinner' in $$props) $$invalidate(34, spinner = $$props.spinner);
+    		if ('spinner' in $$props) $$invalidate(35, 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);
@@ -9818,6 +9847,7 @@
     		speed,
     		click_handler,
     		svg_1_binding,
+    		click_handler_1,
     		div_binding
     	];
     }