@everymatrix/lottery-program-wof 1.22.9 → 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) => {
@@ -6842,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;
     };
 
@@ -8384,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;
     }
 
@@ -8567,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, 6569);
+    			add_location(g4, file$2, 222, 4, 6626);
     			attr_dev(g5, "class", "PartitionsCustomable2");
-    			add_location(g5, file$2, 230, 4, 6795);
+    			add_location(g5, file$2, 231, 4, 6852);
     			set_svg_attributes(foreignObject1, foreignObject_data_2);
-    			add_location(foreignObject1, file$2, 253, 4, 7365);
+    			add_location(foreignObject1, file$2, 254, 4, 7422);
     			set_svg_attributes(foreignObject2, foreignObject_data_1);
-    			add_location(foreignObject2, file$2, 254, 4, 7428);
+    			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, 7594);
+    			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, 7489);
-    			add_location(g7, file$2, 270, 4, 7761);
+    			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);
@@ -8659,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;
     			}
     		},
@@ -8880,7 +8903,7 @@
     			destroy_each(each_blocks, detaching);
     			/*svg_1_binding*/ ctx[27](null);
     			mounted = false;
-    			dispose();
+    			run_all(dispose);
     		}
     	};
 
@@ -8895,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);
@@ -8930,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] }
     	];
@@ -8958,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);
@@ -8966,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] }
     			]));
@@ -8980,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;
@@ -8996,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;
     			}
     		},
@@ -9021,25 +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 raw_value = /*option*/ ctx[40].name + "";
+    	let raw_value = /*option*/ ctx[41].name + "";
     	let p_class_value;
     	let t;
 
     	let foreignObject_levels = [
     		{ class: "PartitionText" },
-    		/*calc*/ ctx[5].getSvgTextPropsAdjustedByImage(/*index*/ ctx[42])
+    		/*calc*/ ctx[5].getSvgTextPropsAdjustedByImage(/*index*/ ctx[43])
     	];
 
     	let foreignObject_data = {};
@@ -9059,11 +9082,11 @@
 			? ''
 			: ' 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);
@@ -9073,7 +9096,7 @@
     			append_dev(div, t);
     		},
     		p: function update(ctx, dirty) {
-    			if (dirty[0] & /*options*/ 8 && raw_value !== (raw_value = /*option*/ ctx[40].name + "")) p.innerHTML = raw_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'}`)) {
@@ -9082,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) {
@@ -9094,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() {
@@ -9122,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();
@@ -9133,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 {
@@ -9158,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;
@@ -9173,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]
     	];
@@ -9188,7 +9211,7 @@
     		c: function create() {
     			foreignObject = svg_element("foreignObject");
     			set_svg_attributes(foreignObject, foreignObject_data);
-    			add_location(foreignObject, file$2, 223, 6, 6647);
+    			add_location(foreignObject, file$2, 224, 6, 6704);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, foreignObject, anchor);
@@ -9209,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;
@@ -9224,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]
     	];
@@ -9239,7 +9262,7 @@
     		c: function create() {
     			foreignObject = svg_element("foreignObject");
     			set_svg_attributes(foreignObject, foreignObject_data);
-    			add_location(foreignObject, file$2, 232, 6, 6873);
+    			add_location(foreignObject, file$2, 233, 6, 6930);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, foreignObject, anchor);
@@ -9260,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;
@@ -9299,12 +9322,12 @@
     			foreignObject = svg_element("foreignObject");
     			path = svg_element("path");
     			set_svg_attributes(foreignObject, foreignObject_data);
-    			add_location(foreignObject, file$2, 243, 6, 7140);
+    			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, 7211);
+    			add_location(path, file$2, 246, 6, 7268);
     			set_svg_attributes(g, g_data);
-    			add_location(g, file$2, 241, 4, 7076);
+    			add_location(g, file$2, 242, 4, 7133);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, g, anchor);
@@ -9338,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) {
@@ -9368,9 +9391,9 @@
     			clipPath = svg_element("clipPath");
     			path = svg_element("path");
     			set_svg_attributes(path, path_data);
-    			add_location(path, file$2, 273, 8, 7855);
+    			add_location(path, file$2, 274, 8, 7926);
     			set_svg_attributes(clipPath, clipPath_data);
-    			add_location(clipPath, file$2, 272, 6, 7810);
+    			add_location(clipPath, file$2, 273, 6, 7881);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, clipPath, anchor);
@@ -9378,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) {
@@ -9390,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
     	});
 
@@ -9410,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");
@@ -9418,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) {
@@ -9447,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);
     		}
     	};
 
@@ -9608,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'](() => {
@@ -9617,6 +9640,8 @@
     		});
     	}
 
+    	const click_handler_1 = () => isSafari() && eventSpin();
+
     	function div_binding($$value) {
     		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
     			rootContainer = $$value;
@@ -9647,6 +9672,7 @@
     		onMountMessageLifeCycle,
     		_postMessage,
     		themes,
+    		isSafari,
     		setProps,
     		Spinner,
     		SvgCalc,
@@ -9707,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);
@@ -9821,6 +9847,7 @@
     		speed,
     		click_handler,
     		svg_1_binding,
+    		click_handler_1,
     		div_binding
     	];
     }