svelte-plots-basic 1.0.4 → 1.0.5

package/dist/index.js

@@ -512,7 +512,7 @@
     const get_xaxis_slot_changes = dirty => ({});
     const get_xaxis_slot_context = ctx => ({});
 
-    // (330:3) {#if title !== ""}
+    // (338:3) {#if title !== ""}
     function create_if_block_3(ctx) {
     	let div;
 
@@ -533,7 +533,7 @@
     	};
     }
 
-    // (331:3) {#if yLabel !== ""}
+    // (339:3) {#if yLabel !== ""}
     function create_if_block_2(ctx) {
     	let div;
     	let span;
@@ -557,7 +557,7 @@
     	};
     }
 
-    // (332:3) {#if xLabel !== ""}
+    // (340:3) {#if xLabel !== ""}
     function create_if_block_1(ctx) {
     	let div;
     	let span;
@@ -581,7 +581,7 @@
     	};
     }
 
-    // (360:3) {#if !$isOk}
+    // (368:3) {#if !$isOk}
     function create_if_block$9(ctx) {
     	let p;
 
@@ -1141,17 +1141,27 @@
     	});
 
     	// handle click on plot elements and dispatch manual events
+    	function dispatchClickEvent(eventName, el) {
+    		dispatch(eventName, {
+    			seriesTitle: el.parentNode.getAttribute('title'),
+    			elementID: el.dataset.id
+    		});
+    	}
+
     	function handleClick(e) {
+    		// scatter plot markers
     		if (e.target.tagName === "text" && e.target.parentNode.classList.contains("series_scatter")) {
-    			dispatch("markerclick", { markerid: e.target.dataset.id });
+    			dispatchClickEvent("markerclick", e.target);
     			return;
     		}
 
+    		// bar plot bars
     		if (e.target.tagName === "rect" && e.target.parentNode.classList.contains("series_bar")) {
-    			dispatch("barclick", { markerid: e.target.dataset.id });
+    			dispatchClickEvent("barclick", e.target);
     			return;
     		}
 
+    		// outside any plot element
     		dispatch("axesclick");
     	}
 

package/dist/index.mjs

@@ -506,7 +506,7 @@ const get_yaxis_slot_context = ctx => ({});
 const get_xaxis_slot_changes = dirty => ({});
 const get_xaxis_slot_context = ctx => ({});
 
-// (330:3) {#if title !== ""}
+// (338:3) {#if title !== ""}
 function create_if_block_3(ctx) {
 	let div;
 
@@ -527,7 +527,7 @@ function create_if_block_3(ctx) {
 	};
 }
 
-// (331:3) {#if yLabel !== ""}
+// (339:3) {#if yLabel !== ""}
 function create_if_block_2(ctx) {
 	let div;
 	let span;
@@ -551,7 +551,7 @@ function create_if_block_2(ctx) {
 	};
 }
 
-// (332:3) {#if xLabel !== ""}
+// (340:3) {#if xLabel !== ""}
 function create_if_block_1(ctx) {
 	let div;
 	let span;
@@ -575,7 +575,7 @@ function create_if_block_1(ctx) {
 	};
 }
 
-// (360:3) {#if !$isOk}
+// (368:3) {#if !$isOk}
 function create_if_block$9(ctx) {
 	let p;
 
@@ -1135,17 +1135,27 @@ function instance$b($$self, $$props, $$invalidate) {
 	});
 
 	// handle click on plot elements and dispatch manual events
+	function dispatchClickEvent(eventName, el) {
+		dispatch(eventName, {
+			seriesTitle: el.parentNode.getAttribute('title'),
+			elementID: el.dataset.id
+		});
+	}
+
 	function handleClick(e) {
+		// scatter plot markers
 		if (e.target.tagName === "text" && e.target.parentNode.classList.contains("series_scatter")) {
-			dispatch("markerclick", { markerid: e.target.dataset.id });
+			dispatchClickEvent("markerclick", e.target);
 			return;
 		}
 
+		// bar plot bars
 		if (e.target.tagName === "rect" && e.target.parentNode.classList.contains("series_bar")) {
-			dispatch("barclick", { markerid: e.target.dataset.id });
+			dispatchClickEvent("barclick", e.target);
 			return;
 		}
 
+		// outside any plot element
 		dispatch("axesclick");
 	}
 

package/package.json

@@ -25,7 +25,7 @@
     "dist"
   ],
   "description": "Svelte components for creating simple plots",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "repository": {
     "type": "git",
     "url": "svkucheryavski/svelte-plots-basic"

package/src/Axes.svelte

@@ -277,19 +277,27 @@
       ro.observe(axesWrapper);
    });
 
+
    // handle click on plot elements and dispatch manual events
+   function dispatchClickEvent(eventName, el) {
+      dispatch(eventName, {seriesTitle: el.parentNode.getAttribute('title'), elementID: el.dataset.id});
+   }
+
    function handleClick(e) {
 
+      // scatter plot markers
       if (e.target.tagName === "text" && e.target.parentNode.classList.contains("series_scatter")) {
-         dispatch("markerclick", {markerid: e.target.dataset.id})
+         dispatchClickEvent("markerclick", e.target);
          return;
       }
 
+      // bar plot bars
       if (e.target.tagName === "rect" && e.target.parentNode.classList.contains("series_bar")) {
-         dispatch("barclick", {markerid: e.target.dataset.id})
+         dispatchClickEvent("barclick", e.target);
          return;
       }
 
+      // outside any plot element
       dispatch("axesclick")
    }