@everymatrix/casino-betslip-indicator 0.0.309 → 0.0.312

package/dist/casino-betslip-indicator.js

@@ -5972,9 +5972,9 @@
     /* src/CasinoBetslipIndicator.svelte generated by Svelte v3.48.0 */
     const file = "src/CasinoBetslipIndicator.svelte";
 
-    // (41:0) {#if mobileView && betNumber > 0}
+    // (46:0) {#if mobileView && betNumber > 0}
     function create_if_block(ctx) {
-    	let div;
+    	let button;
     	let small;
     	let t;
     	let svg;
@@ -5997,7 +5997,7 @@
 
     	const block = {
     		c: function create() {
-    			div = element("div");
+    			button = element("button");
     			small = element("small");
     			if_block.c();
     			t = space();
@@ -6009,18 +6009,18 @@
     			path3 = svg_element("path");
     			path4 = svg_element("path");
     			attr_dev(small, "class", "betslipIndicator__number");
-    			add_location(small, file, 42, 4, 1121);
+    			add_location(small, file, 47, 4, 1366);
     			attr_dev(path0, "d", "M45,95c0,1.1,0.9,2,2,2h11c3.3,0,6-2.7,6-6V9c0-3.3-2.7-6-6-6H47c-1.1,0-2,0.9-2,2c0,7.2-5.8,13-13,13S19,12.2,19,5\n          c0-1.1-0.9-2-2-2H6C2.7,3,0,5.7,0,9v82c0,3.3,2.7,6,6,6h11c1.1,0,2-0.9,2-2c0-7.2,5.8-13,13-13S45,87.8,45,95z M32,78\n          c-8.6,0-15.9,6.4-16.9,15H6c-1.1,0-2-0.9-2-2V9c0-1.1,0.9-2,2-2h9.1c1.2,9.3,9.7,15.9,19,14.8c7.7-1,13.8-7,14.8-14.8H58\n          c1.1,0,2,0.9,2,2v82c0,1.1-0.9,2-2,2h-9.1C47.9,84.4,40.6,78,32,78z");
-    			add_location(path0, file, 52, 8, 1548);
+    			add_location(path0, file, 57, 8, 1793);
     			attr_dev(path1, "d", "M50.9,29.5H13.1c-0.8,0-1.5,0.9-1.5,2c0,1.1,0.7,2,1.5,2h37.8c0.8,0,1.5-0.9,1.5-2C52.4,30.4,51.7,29.5,50.9,29.5z");
-    			add_location(path1, file, 56, 8, 2007);
+    			add_location(path1, file, 61, 8, 2252);
     			attr_dev(path2, "d", "M50.9,41.5H13.1c-0.8,0-1.5,0.9-1.5,2s0.7,2,1.5,2h37.8c0.8,0,1.5-0.9,1.5-2S51.7,41.5,50.9,41.5z");
-    			add_location(path2, file, 57, 8, 2138);
+    			add_location(path2, file, 62, 8, 2383);
     			attr_dev(path3, "d", "M50.9,53.5H13.1c-0.8,0-1.5,0.9-1.5,2s0.7,2,1.5,2h37.8c0.8,0,1.5-0.9,1.5-2S51.7,53.5,50.9,53.5z");
-    			add_location(path3, file, 58, 8, 2253);
+    			add_location(path3, file, 63, 8, 2498);
     			attr_dev(path4, "d", "M50.9,66.5H13.1c-0.8,0-1.5,0.9-1.5,2s0.7,2,1.5,2h37.8c0.8,0,1.5-0.9,1.5-2S51.7,66.5,50.9,66.5z");
-    			add_location(path4, file, 59, 8, 2368);
-    			add_location(g, file, 51, 6, 1536);
+    			add_location(path4, file, 64, 8, 2613);
+    			add_location(g, file, 56, 6, 1781);
     			attr_dev(svg, "version", "1.1");
     			attr_dev(svg, "id", "Layer_1");
     			attr_dev(svg, "class", "betslipIndicator__icon");
@@ -6031,16 +6031,16 @@
     			attr_dev(svg, "viewBox", "0 0 64 100");
     			set_style(svg, "enable-background", "new 0 0 64 100");
     			attr_dev(svg, "xml:space", "preserve");
-    			add_location(svg, file, 49, 4, 1282);
-    			attr_dev(div, "class", "betslipIndicator");
-    			add_location(div, file, 41, 2, 1055);
+    			add_location(svg, file, 54, 4, 1527);
+    			attr_dev(button, "class", "betslipIndicator");
+    			add_location(button, file, 46, 2, 1274);
     		},
     		m: function mount(target, anchor) {
-    			insert_dev(target, div, anchor);
-    			append_dev(div, small);
+    			insert_dev(target, button, anchor);
+    			append_dev(button, small);
     			if_block.m(small, null);
-    			append_dev(div, t);
-    			append_dev(div, svg);
+    			append_dev(button, t);
+    			append_dev(button, svg);
     			append_dev(svg, g);
     			append_dev(g, path0);
     			append_dev(g, path1);
@@ -6049,7 +6049,7 @@
     			append_dev(g, path4);
 
     			if (!mounted) {
-    				dispose = listen_dev(div, "click", /*click_handler*/ ctx[4], false, false, false);
+    				dispose = listen_dev(button, "click", /*click_handler*/ ctx[4], false, false, false);
     				mounted = true;
     			}
     		},
@@ -6067,7 +6067,7 @@
     			}
     		},
     		d: function destroy(detaching) {
-    			if (detaching) detach_dev(div);
+    			if (detaching) detach_dev(button);
     			if_block.d();
     			mounted = false;
     			dispose();
@@ -6078,14 +6078,14 @@
     		block,
     		id: create_if_block.name,
     		type: "if",
-    		source: "(41:0) {#if mobileView && betNumber > 0}",
+    		source: "(46:0) {#if mobileView && betNumber > 0}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (46:4) {:else}
+    // (51:4) {:else}
     function create_else_block(ctx) {
     	let t;
 
@@ -6108,14 +6108,14 @@
     		block,
     		id: create_else_block.name,
     		type: "else",
-    		source: "(46:4) {:else}",
+    		source: "(51:4) {:else}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (44:4) {#if isLoading}
+    // (49:4) {#if isLoading}
     function create_if_block_1(ctx) {
     	let div;
 
@@ -6124,7 +6124,7 @@
     			div = element("div");
     			div.textContent = "Loading...";
     			attr_dev(div, "class", "loader");
-    			add_location(div, file, 44, 6, 1188);
+    			add_location(div, file, 49, 6, 1433);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -6139,7 +6139,7 @@
     		block,
     		id: create_if_block_1.name,
     		type: "if",
-    		source: "(44:4) {#if isLoading}",
+    		source: "(49:4) {#if isLoading}",
     		ctx
     	});
 
@@ -6203,13 +6203,20 @@
     	let betNumber = null;
     	let mobileView = false;
     	let isLoading = true;
+    	const thisComponent = get_current_component(); // dispatching events
 
     	const getInitialBetSlipContent = () => {
     		window.postMessage({ type: 'OMFE:getBetslipSelectionsCount' }, '*');
     	};
 
-    	const handleClick = () => {
-    		window.postMessage({ type: 'EMFE:goToBetslip' }, '*');
+    	const dispatchWcEvent = (name, detail) => {
+    		thisComponent.dispatchEvent(new CustomEvent(name,
+    		{
+    				detail,
+    				composed: true,
+    				bubbles: true, // propagate across the shadow DOM
+    				
+    			}));
     	};
 
     	const messageHandler = e => {
@@ -6244,17 +6251,19 @@
     		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<undefined> was created with unknown prop '${key}'`);
     	});
 
-    	const click_handler = () => handleClick();
+    	const click_handler = e => dispatchWcEvent("betslipClick", {});
 
     	$$self.$capture_state = () => ({
     		onMount,
+    		get_current_component,
     		isMobile,
     		userAgent,
     		betNumber,
     		mobileView,
     		isLoading,
+    		thisComponent,
     		getInitialBetSlipContent,
-    		handleClick,
+    		dispatchWcEvent,
     		messageHandler
     	});
 
@@ -6269,7 +6278,7 @@
     		$$self.$inject_state($$props.$$inject);
     	}
 
-    	return [betNumber, mobileView, isLoading, handleClick, click_handler];
+    	return [betNumber, mobileView, isLoading, dispatchWcEvent, click_handler];
     }
 
     class CasinoBetslipIndicator extends SvelteElement {