svelte-plots-basic 1.0.5 → 1.0.6

package/dist/index.js

@@ -2058,7 +2058,7 @@
     	return child_ctx;
     }
 
-    // (53:0) {#if rx !== undefined && ry !== undefined}
+    // (55:0) {#if rx !== undefined && ry !== undefined}
     function create_if_block$6(ctx) {
     	let g;
     	let g_class_value;
@@ -2079,7 +2079,7 @@
 
     			attr(g, "class", g_class_value = "series " + /*style*/ ctx[2]);
     			attr(g, "title", /*title*/ ctx[1]);
-    			attr(g, "style", /*barsStyleStr*/ ctx[7]);
+    			attr(g, "style", /*barsStyleStr*/ ctx[3]);
     		},
     		m(target, anchor) {
     			insert(target, g, anchor);
@@ -2089,7 +2089,7 @@
     			}
     		},
     		p(ctx, dirty) {
-    			if (dirty & /*rx, ry, rw, rh, left*/ 121) {
+    			if (dirty & /*rx, ry, rw, rh, left*/ 241) {
     				each_value = /*left*/ ctx[0];
     				let i;
 
@@ -2119,6 +2119,10 @@
     			if (dirty & /*title*/ 2) {
     				attr(g, "title", /*title*/ ctx[1]);
     			}
+
+    			if (dirty & /*barsStyleStr*/ 8) {
+    				attr(g, "style", /*barsStyleStr*/ ctx[3]);
+    			}
     		},
     		d(detaching) {
     			if (detaching) detach(g);
@@ -2127,7 +2131,7 @@
     	};
     }
 
-    // (55:3) {#each left as v, i}
+    // (57:3) {#each left as v, i}
     function create_each_block$3(ctx) {
     	let rect;
     	let rect_x_value;
@@ -2138,28 +2142,28 @@
     	return {
     		c() {
     			rect = svg_element("rect");
-    			attr(rect, "x", rect_x_value = /*rx*/ ctx[6][/*i*/ ctx[27]]);
-    			attr(rect, "y", rect_y_value = /*ry*/ ctx[5][/*i*/ ctx[27]]);
-    			attr(rect, "width", rect_width_value = /*rw*/ ctx[4][/*i*/ ctx[27]]);
-    			attr(rect, "height", rect_height_value = /*rh*/ ctx[3][/*i*/ ctx[27]]);
+    			attr(rect, "x", rect_x_value = /*rx*/ ctx[7][/*i*/ ctx[27]]);
+    			attr(rect, "y", rect_y_value = /*ry*/ ctx[6][/*i*/ ctx[27]]);
+    			attr(rect, "width", rect_width_value = /*rw*/ ctx[5][/*i*/ ctx[27]]);
+    			attr(rect, "height", rect_height_value = /*rh*/ ctx[4][/*i*/ ctx[27]]);
     		},
     		m(target, anchor) {
     			insert(target, rect, anchor);
     		},
     		p(ctx, dirty) {
-    			if (dirty & /*rx*/ 64 && rect_x_value !== (rect_x_value = /*rx*/ ctx[6][/*i*/ ctx[27]])) {
+    			if (dirty & /*rx*/ 128 && rect_x_value !== (rect_x_value = /*rx*/ ctx[7][/*i*/ ctx[27]])) {
     				attr(rect, "x", rect_x_value);
     			}
 
-    			if (dirty & /*ry*/ 32 && rect_y_value !== (rect_y_value = /*ry*/ ctx[5][/*i*/ ctx[27]])) {
+    			if (dirty & /*ry*/ 64 && rect_y_value !== (rect_y_value = /*ry*/ ctx[6][/*i*/ ctx[27]])) {
     				attr(rect, "y", rect_y_value);
     			}
 
-    			if (dirty & /*rw*/ 16 && rect_width_value !== (rect_width_value = /*rw*/ ctx[4][/*i*/ ctx[27]])) {
+    			if (dirty & /*rw*/ 32 && rect_width_value !== (rect_width_value = /*rw*/ ctx[5][/*i*/ ctx[27]])) {
     				attr(rect, "width", rect_width_value);
     			}
 
-    			if (dirty & /*rh*/ 8 && rect_height_value !== (rect_height_value = /*rh*/ ctx[3][/*i*/ ctx[27]])) {
+    			if (dirty & /*rh*/ 16 && rect_height_value !== (rect_height_value = /*rh*/ ctx[4][/*i*/ ctx[27]])) {
     				attr(rect, "height", rect_height_value);
     			}
     		},
@@ -2171,7 +2175,7 @@
 
     function create_fragment$8(ctx) {
     	let if_block_anchor;
-    	let if_block = /*rx*/ ctx[6] !== undefined && /*ry*/ ctx[5] !== undefined && create_if_block$6(ctx);
+    	let if_block = /*rx*/ ctx[7] !== undefined && /*ry*/ ctx[6] !== undefined && create_if_block$6(ctx);
 
     	return {
     		c() {
@@ -2183,7 +2187,7 @@
     			insert(target, if_block_anchor, anchor);
     		},
     		p(ctx, [dirty]) {
-    			if (/*rx*/ ctx[6] !== undefined && /*ry*/ ctx[5] !== undefined) {
+    			if (/*rx*/ ctx[7] !== undefined && /*ry*/ ctx[6] !== undefined) {
     				if (if_block) {
     					if_block.p(ctx, dirty);
     				} else {
@@ -2210,6 +2214,7 @@
     	let ry;
     	let rw;
     	let rh;
+    	let barsStyleStr;
     	let $axesHeight;
     	let $yLim;
     	let $axesWidth;
@@ -2225,9 +2230,6 @@
     	let { title = "" } = $$props;
     	let { style = "series_rect" } = $$props;
 
-    	// styles for bars and labels
-    	const barsStyleStr = `fill:${faceColor};stroke:${borderColor};stroke-width: ${lineWidth}px;`;
-
     	// multiply width and height values if needed
     	if (!Array.isArray(left) || !Array.isArray(top) || left.length < 1 || left.length != top.length) {
     		throw "Rectangles: parameters 'left' and 'top' must be vectors of the same size.";
@@ -2276,19 +2278,24 @@
     	$$self.$$.update = () => {
     		if ($$self.$$.dirty & /*left, $xLim, $axesWidth*/ 6291457) {
     			// reactive variables for coordinates of data points in pixels
-    			$$invalidate(6, rx = axes.scaleX(left, $xLim, $axesWidth));
+    			$$invalidate(7, rx = axes.scaleX(left, $xLim, $axesWidth));
     		}
 
     		if ($$self.$$.dirty & /*top, $yLim, $axesHeight*/ 1589248) {
-    			$$invalidate(5, ry = axes.scaleY(top, $yLim, $axesHeight));
+    			$$invalidate(6, ry = axes.scaleY(top, $yLim, $axesHeight));
     		}
 
     		if ($$self.$$.dirty & /*width, $xLim, $axesWidth*/ 6295552) {
-    			$$invalidate(4, rw = axes.scaleX(width, $xLim, $axesWidth, true));
+    			$$invalidate(5, rw = axes.scaleX(width, $xLim, $axesWidth, true));
     		}
 
     		if ($$self.$$.dirty & /*height, $yLim, $axesHeight*/ 1581056) {
-    			$$invalidate(3, rh = axes.scaleY(height, $yLim, $axesHeight, true));
+    			$$invalidate(4, rh = axes.scaleY(height, $yLim, $axesHeight, true));
+    		}
+
+    		if ($$self.$$.dirty & /*faceColor, borderColor, lineWidth*/ 458752) {
+    			// styles for bars and labels
+    			$$invalidate(3, barsStyleStr = `fill:${faceColor};stroke:${borderColor};stroke-width: ${lineWidth}px;`);
     		}
     	};
 
@@ -2296,11 +2303,11 @@
     		left,
     		title,
     		style,
+    		barsStyleStr,
     		rh,
     		rw,
     		ry,
     		rx,
-    		barsStyleStr,
     		xLim,
     		yLim,
     		axesWidth,

package/dist/index.mjs

@@ -2052,7 +2052,7 @@ function get_each_context$3(ctx, list, i) {
 	return child_ctx;
 }
 
-// (53:0) {#if rx !== undefined && ry !== undefined}
+// (55:0) {#if rx !== undefined && ry !== undefined}
 function create_if_block$6(ctx) {
 	let g;
 	let g_class_value;
@@ -2073,7 +2073,7 @@ function create_if_block$6(ctx) {
 
 			attr(g, "class", g_class_value = "series " + /*style*/ ctx[2]);
 			attr(g, "title", /*title*/ ctx[1]);
-			attr(g, "style", /*barsStyleStr*/ ctx[7]);
+			attr(g, "style", /*barsStyleStr*/ ctx[3]);
 		},
 		m(target, anchor) {
 			insert(target, g, anchor);
@@ -2083,7 +2083,7 @@ function create_if_block$6(ctx) {
 			}
 		},
 		p(ctx, dirty) {
-			if (dirty & /*rx, ry, rw, rh, left*/ 121) {
+			if (dirty & /*rx, ry, rw, rh, left*/ 241) {
 				each_value = /*left*/ ctx[0];
 				let i;
 
@@ -2113,6 +2113,10 @@ function create_if_block$6(ctx) {
 			if (dirty & /*title*/ 2) {
 				attr(g, "title", /*title*/ ctx[1]);
 			}
+
+			if (dirty & /*barsStyleStr*/ 8) {
+				attr(g, "style", /*barsStyleStr*/ ctx[3]);
+			}
 		},
 		d(detaching) {
 			if (detaching) detach(g);
@@ -2121,7 +2125,7 @@ function create_if_block$6(ctx) {
 	};
 }
 
-// (55:3) {#each left as v, i}
+// (57:3) {#each left as v, i}
 function create_each_block$3(ctx) {
 	let rect;
 	let rect_x_value;
@@ -2132,28 +2136,28 @@ function create_each_block$3(ctx) {
 	return {
 		c() {
 			rect = svg_element("rect");
-			attr(rect, "x", rect_x_value = /*rx*/ ctx[6][/*i*/ ctx[27]]);
-			attr(rect, "y", rect_y_value = /*ry*/ ctx[5][/*i*/ ctx[27]]);
-			attr(rect, "width", rect_width_value = /*rw*/ ctx[4][/*i*/ ctx[27]]);
-			attr(rect, "height", rect_height_value = /*rh*/ ctx[3][/*i*/ ctx[27]]);
+			attr(rect, "x", rect_x_value = /*rx*/ ctx[7][/*i*/ ctx[27]]);
+			attr(rect, "y", rect_y_value = /*ry*/ ctx[6][/*i*/ ctx[27]]);
+			attr(rect, "width", rect_width_value = /*rw*/ ctx[5][/*i*/ ctx[27]]);
+			attr(rect, "height", rect_height_value = /*rh*/ ctx[4][/*i*/ ctx[27]]);
 		},
 		m(target, anchor) {
 			insert(target, rect, anchor);
 		},
 		p(ctx, dirty) {
-			if (dirty & /*rx*/ 64 && rect_x_value !== (rect_x_value = /*rx*/ ctx[6][/*i*/ ctx[27]])) {
+			if (dirty & /*rx*/ 128 && rect_x_value !== (rect_x_value = /*rx*/ ctx[7][/*i*/ ctx[27]])) {
 				attr(rect, "x", rect_x_value);
 			}
 
-			if (dirty & /*ry*/ 32 && rect_y_value !== (rect_y_value = /*ry*/ ctx[5][/*i*/ ctx[27]])) {
+			if (dirty & /*ry*/ 64 && rect_y_value !== (rect_y_value = /*ry*/ ctx[6][/*i*/ ctx[27]])) {
 				attr(rect, "y", rect_y_value);
 			}
 
-			if (dirty & /*rw*/ 16 && rect_width_value !== (rect_width_value = /*rw*/ ctx[4][/*i*/ ctx[27]])) {
+			if (dirty & /*rw*/ 32 && rect_width_value !== (rect_width_value = /*rw*/ ctx[5][/*i*/ ctx[27]])) {
 				attr(rect, "width", rect_width_value);
 			}
 
-			if (dirty & /*rh*/ 8 && rect_height_value !== (rect_height_value = /*rh*/ ctx[3][/*i*/ ctx[27]])) {
+			if (dirty & /*rh*/ 16 && rect_height_value !== (rect_height_value = /*rh*/ ctx[4][/*i*/ ctx[27]])) {
 				attr(rect, "height", rect_height_value);
 			}
 		},
@@ -2165,7 +2169,7 @@ function create_each_block$3(ctx) {
 
 function create_fragment$8(ctx) {
 	let if_block_anchor;
-	let if_block = /*rx*/ ctx[6] !== undefined && /*ry*/ ctx[5] !== undefined && create_if_block$6(ctx);
+	let if_block = /*rx*/ ctx[7] !== undefined && /*ry*/ ctx[6] !== undefined && create_if_block$6(ctx);
 
 	return {
 		c() {
@@ -2177,7 +2181,7 @@ function create_fragment$8(ctx) {
 			insert(target, if_block_anchor, anchor);
 		},
 		p(ctx, [dirty]) {
-			if (/*rx*/ ctx[6] !== undefined && /*ry*/ ctx[5] !== undefined) {
+			if (/*rx*/ ctx[7] !== undefined && /*ry*/ ctx[6] !== undefined) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 				} else {
@@ -2204,6 +2208,7 @@ function instance$8($$self, $$props, $$invalidate) {
 	let ry;
 	let rw;
 	let rh;
+	let barsStyleStr;
 	let $axesHeight;
 	let $yLim;
 	let $axesWidth;
@@ -2219,9 +2224,6 @@ function instance$8($$self, $$props, $$invalidate) {
 	let { title = "" } = $$props;
 	let { style = "series_rect" } = $$props;
 
-	// styles for bars and labels
-	const barsStyleStr = `fill:${faceColor};stroke:${borderColor};stroke-width: ${lineWidth}px;`;
-
 	// multiply width and height values if needed
 	if (!Array.isArray(left) || !Array.isArray(top) || left.length < 1 || left.length != top.length) {
 		throw "Rectangles: parameters 'left' and 'top' must be vectors of the same size.";
@@ -2270,19 +2272,24 @@ function instance$8($$self, $$props, $$invalidate) {
 	$$self.$$.update = () => {
 		if ($$self.$$.dirty & /*left, $xLim, $axesWidth*/ 6291457) {
 			// reactive variables for coordinates of data points in pixels
-			$$invalidate(6, rx = axes.scaleX(left, $xLim, $axesWidth));
+			$$invalidate(7, rx = axes.scaleX(left, $xLim, $axesWidth));
 		}
 
 		if ($$self.$$.dirty & /*top, $yLim, $axesHeight*/ 1589248) {
-			$$invalidate(5, ry = axes.scaleY(top, $yLim, $axesHeight));
+			$$invalidate(6, ry = axes.scaleY(top, $yLim, $axesHeight));
 		}
 
 		if ($$self.$$.dirty & /*width, $xLim, $axesWidth*/ 6295552) {
-			$$invalidate(4, rw = axes.scaleX(width, $xLim, $axesWidth, true));
+			$$invalidate(5, rw = axes.scaleX(width, $xLim, $axesWidth, true));
 		}
 
 		if ($$self.$$.dirty & /*height, $yLim, $axesHeight*/ 1581056) {
-			$$invalidate(3, rh = axes.scaleY(height, $yLim, $axesHeight, true));
+			$$invalidate(4, rh = axes.scaleY(height, $yLim, $axesHeight, true));
+		}
+
+		if ($$self.$$.dirty & /*faceColor, borderColor, lineWidth*/ 458752) {
+			// styles for bars and labels
+			$$invalidate(3, barsStyleStr = `fill:${faceColor};stroke:${borderColor};stroke-width: ${lineWidth}px;`);
 		}
 	};
 
@@ -2290,11 +2297,11 @@ function instance$8($$self, $$props, $$invalidate) {
 		left,
 		title,
 		style,
+		barsStyleStr,
 		rh,
 		rw,
 		ry,
 		rx,
-		barsStyleStr,
 		xLim,
 		yLim,
 		axesWidth,

package/package.json

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

package/src/Rectangles.svelte

@@ -14,8 +14,6 @@
    export let title = "";
    export let style = "series_rect";
 
-   // styles for bars and labels
-   const barsStyleStr = `fill:${faceColor};stroke:${borderColor};stroke-width: ${lineWidth}px;`;
 
    // multiply width and height values if needed
    if (!Array.isArray(left) || !Array.isArray(top) || left.length < 1 || left.length != top.length) {
@@ -48,6 +46,10 @@
    $: ry = axes.scaleY(top, $yLim, $axesHeight);
    $: rw = axes.scaleX(width, $xLim, $axesWidth, true);
    $: rh = axes.scaleY(height, $yLim, $axesHeight, true);
+
+   // styles for bars and labels
+   $: barsStyleStr = `fill:${faceColor};stroke:${borderColor};stroke-width: ${lineWidth}px;`;
+
 </script>
 
 {#if rx !== undefined && ry !== undefined}