@fnando/sparkline - npm Package Compare versions

Comparing version 0.3.5 to 0.3.6

dist/sparkline.js

@@ -48,2 +48,7 @@ var sparkline =
 /******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
 /******/ 	// getDefaultExport function for compatibility with non-harmony modules
@@ -64,8 +69,14 @@ /******/ 	__webpack_require__.n = function(module) {
 /******/
+/******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 0);
+/******/ 	return __webpack_require__(__webpack_require__.s = "./src/sparkline.js");
 /******/ })
 /************************************************************************/
-/******/ ([
-/* 0 */
+/******/ ({
+
+/***/ "./src/sparkline.js":
+/*!**************************!*\
+  !*** ./src/sparkline.js ***!
+  \**************************/
+/*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
@@ -214,4 +225,4 @@
 
+  svg.appendChild(fill);
   svg.appendChild(path);
-  svg.appendChild(fill);
 
@@ -241,3 +252,11 @@ if (!interactive) {
 
-  svg.addEventListener("mouseout", function (event) {
+  var interactionLayer = buildElement("rect", {
+    width: svg.attributes.width.value,
+    height: svg.attributes.height.value,
+    style: "fill: transparent; stroke: transparent",
+    class: "sparkline--interaction-layer"
+  });
+  svg.appendChild(interactionLayer);
+
+  interactionLayer.addEventListener("mouseout", function (event) {
     cursor.setAttribute("x1", offscreen);
@@ -253,3 +272,3 @@ cursor.setAttribute("x2", offscreen);
 
-  svg.addEventListener("mousemove", function (event) {
+  interactionLayer.addEventListener("mousemove", function (event) {
     var mouseX = event.offsetX;
@@ -294,3 +313,4 @@
 /***/ })
-/******/ ]);
+
+/******/ });
 //# sourceMappingURL=sparkline.js.map

dist/sparkline.min.js

@@ -1,2 +0,2 @@
-var sparkline=function(t){function e(n){if(r[n])return r[n].exports;var i=r[n]={i:n,l:!1,exports:{}};return t[n].call(i.exports,i,i.exports,e),i.l=!0,i.exports}var r={};return e.m=t,e.c=r,e.d=function(t,r,n){e.o(t,r)||Object.defineProperty(t,r,{configurable:!1,enumerable:!0,get:n})},e.n=function(t){var r=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(r,"a",r),r},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=0)}([function(t,e,r){"use strict";function n(t){if(Array.isArray(t)){for(var e=0,r=Array(t.length);e<t.length;e++)r[e]=t[e];return r}return Array.from(t)}function i(t,e,r,n){return parseFloat((e-n*e/t+r).toFixed(2))}function o(t,e){var r=document.createElementNS("http://www.w3.org/2000/svg",t);for(var n in e)r.setAttribute(n,e[n]);return r}function u(t,e,r){if(function(t){[].concat(n(t.querySelectorAll("*"))).forEach(function(e){return t.removeChild(e)})}(t),!(e.length<=1)){r=r||{},"number"==typeof e[0]&&(e=e.map(function(t){return{value:t}}));var u=r.onmousemove,a=r.onmouseout,s="interactive"in r?r.interactive:!!u,c=r.spotRadius||2,l=2*c,f=r.cursorWidth||2,p=parseFloat(t.attributes["stroke-width"].value),d=r.fetch||function(t){return t.value},v=e.map(function(t){return d(t)}),h=parseFloat(t.attributes.width.value)-2*l,x=parseFloat(t.attributes.height.value),b=x-2*p-l,y=Math.max.apply(Math,n(v)),m=v.length-1,A=h/m,g=[],w=i(y,b,p+c,v[0]),k="M"+l+" "+w;v.forEach(function(t,r){var n=r*A+l,o=i(y,b,p+c,t);g.push(Object.assign({},e[r],{index:r,x:n,y:o})),k+=" L "+n+" "+o});var O=o("path",{d:k,fill:"none"}),C=o("path",{d:k+" V "+x+" L "+l+" "+x+" Z",stroke:"none"});if(t.appendChild(O),t.appendChild(C),s){var E=o("line",{class:"sparkline--cursor",x1:-1e3,x2:-1e3,y1:0,y2:x,"stroke-width":f}),F=o("circle",{class:"sparkline--spot",cx:-1e3,cy:-1e3,r:c});t.appendChild(E),t.appendChild(F),t.addEventListener("mouseout",function(t){E.setAttribute("x1",-1e3),E.setAttribute("x2",-1e3),F.setAttribute("cx",-1e3),a&&a(t)}),t.addEventListener("mousemove",function(t){var e=t.offsetX,r=g.find(function(t){return t.x>=e});r||(r=g[m]);var n=g[g.indexOf(r)-1],i=void 0,o=void 0;n?(o=n.x+(r.x-n.x)/2,i=e>=o?r:n):i=r;var a=i.x,s=i.y;F.setAttribute("cx",a),F.setAttribute("cy",s),E.setAttribute("x1",a),E.setAttribute("x2",a),u&&u(t,i)})}}}Object.defineProperty(e,"__esModule",{value:!0}),e.sparkline=u,e.default=u}]);
+var sparkline=function(t){var e={};function r(n){if(e[n])return e[n].exports;var i=e[n]={i:n,l:!1,exports:{}};return t[n].call(i.exports,i,i.exports,r),i.l=!0,i.exports}return r.m=t,r.c=e,r.d=function(t,e,n){r.o(t,e)||Object.defineProperty(t,e,{configurable:!1,enumerable:!0,get:n})},r.r=function(t){Object.defineProperty(t,"__esModule",{value:!0})},r.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return r.d(e,"a",e),e},r.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},r.p="",r(r.s=0)}([function(t,e,r){"use strict";function n(t){if(Array.isArray(t)){for(var e=0,r=Array(t.length);e<t.length;e++)r[e]=t[e];return r}return Array.from(t)}function i(t,e,r,n){return parseFloat((e-n*e/t+r).toFixed(2))}function a(t){return t.value}function u(t,e){var r=document.createElementNS("http://www.w3.org/2000/svg",t);for(var n in e)r.setAttribute(n,e[n]);return r}function o(t,e,r){if(function(t){[].concat(n(t.querySelectorAll("*"))).forEach(function(e){return t.removeChild(e)})}(t),!(e.length<=1)){r=r||{},"number"==typeof e[0]&&(e=e.map(function(t){return{value:t}}));var o=r.onmousemove,s=r.onmouseout,l="interactive"in r?r.interactive:!!o,c=r.spotRadius||2,f=2*c,p=r.cursorWidth||2,d=parseFloat(t.attributes["stroke-width"].value),v=r.fetch||a,h=e.map(function(t){return v(t)}),x=parseFloat(t.attributes.width.value)-2*f,b=parseFloat(t.attributes.height.value),y=b-2*d-f,m=Math.max.apply(Math,n(h)),A=h.length-1,g=x/A,w=[],k=i(m,y,d+c,h[0]),O="M"+f+" "+k;h.forEach(function(t,r){var n=r*g+f,a=i(m,y,d+c,t);w.push(Object.assign({},e[r],{index:r,x:n,y:a})),O+=" L "+n+" "+a});var C=u("path",{d:O,fill:"none"}),M=u("path",{d:O+" V "+b+" L "+f+" "+b+" Z",stroke:"none"});if(t.appendChild(M),t.appendChild(C),l){var _=u("line",{class:"sparkline--cursor",x1:-1e3,x2:-1e3,y1:0,y2:b,"stroke-width":p}),j=u("circle",{class:"sparkline--spot",cx:-1e3,cy:-1e3,r:c});t.appendChild(_),t.appendChild(j);var E=u("rect",{width:t.attributes.width.value,height:t.attributes.height.value,style:"fill: transparent; stroke: transparent",class:"sparkline--interaction-layer"});t.appendChild(E),E.addEventListener("mouseout",function(t){_.setAttribute("x1",-1e3),_.setAttribute("x2",-1e3),j.setAttribute("cx",-1e3),s&&s(t)}),E.addEventListener("mousemove",function(t){var e=t.offsetX,r=w.find(function(t){return t.x>=e});r||(r=w[A]);var n=w[w.indexOf(r)-1],i=void 0,a=void 0;n?(a=n.x+(r.x-n.x)/2,i=e>=a?r:n):i=r;var u=i.x,s=i.y;j.setAttribute("cx",u),j.setAttribute("cy",s),_.setAttribute("x1",u),_.setAttribute("x2",u),o&&o(t,i)})}}}Object.defineProperty(e,"__esModule",{value:!0}),e.sparkline=o,e.default=o}]);
 //# sourceMappingURL=sparkline.min.js.map

package.json

 {
   "name": "@fnando/sparkline",
-  "version": "0.3.5",
+  "version": "0.3.6",
   "files": [
@@ -12,5 +12,5 @@ "src/sparkline.js",
   "scripts": {
-    "test": "mocha --require babel-core/register 'test/**/*_test.js'",
+    "test": "mocha --require babel-core/register \"test/**/*_test.js\"",
     "js:dist:expanded": "webpack",
-    "js:dist:minified": "NODE_ENV=production webpack",
+    "js:dist:minified": "env NODE_ENV=production webpack",
     "dist": "yarn test && yarn js:dist:expanded && yarn js:dist:minified"
@@ -24,10 +24,11 @@ },
     "babel-core": "6.26.0",
-    "babel-loader": "7.1.2",
+    "babel-loader": "7.1.4",
     "babel-preset-env": "1.6.1",
-    "jsdom": "11.4.0",
-    "mocha": "4.0.1",
+    "jsdom": "11.7.0",
+    "mocha": "5.0.5",
     "snap-shot": "2.17.0",
-    "uglifyjs-webpack-plugin": "1.1.0",
-    "webpack": "3.8.1"
+    "uglifyjs-webpack-plugin": "1.2.4",
+    "webpack": "4.4.1",
+    "webpack-cli": "2.0.13"
   }
 }

src/sparkline.js

@@ -128,4 +128,4 @@ function getY(max, height, diff, value) {
 
+  svg.appendChild(fill);
   svg.appendChild(path);
-  svg.appendChild(fill);
 
@@ -155,3 +155,11 @@ if (!interactive) {
 
-  svg.addEventListener("mouseout", event => {
+  const interactionLayer = buildElement("rect", {
+    width: svg.attributes.width.value,
+    height: svg.attributes.height.value,
+    style: "fill: transparent; stroke: transparent",
+    class: "sparkline--interaction-layer",
+  });
+  svg.appendChild(interactionLayer);
+
+  interactionLayer.addEventListener("mouseout", event => {
     cursor.setAttribute("x1", offscreen);
@@ -167,3 +175,3 @@ cursor.setAttribute("x2", offscreen);
 
-  svg.addEventListener("mousemove", event => {
+  interactionLayer.addEventListener("mousemove", event => {
     const mouseX = event.offsetX;
@@ -170,0 +178,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

48744

increased by5.9%

Lines of code

420

increased by6.33%

Worsened metrics

Dev dependency count

9

increased by12.5%

No dependency changes