followcursor - npm Package Compare versions

Comparing version 1.2.0 to 1.2.1

dist/followCursor.js

@@ -43,3 +43,3 @@ "use strict";
       obj: img,
-      previousTransform: img.style.transform //Apply a counter to find key in boxSizes array
+      previousTransform: getComputedStyle(img).transform //Apply a counter to find key in boxSizes array
 
@@ -77,3 +77,2 @@ };
 
-      console.log(boxSizes[img.getAttribute('data-mouserotate')].previousTransform + transformCSS(boxSizes[count].height, rotateX.toFixed(3), rotateY.toFixed(3)));
       img.style.transform = boxSizes[img.getAttribute('data-mouserotate')].previousTransform + transformCSS(boxSizes[count].height, rotateX.toFixed(3), rotateY.toFixed(3));
@@ -80,0 +79,0 @@ };

dist/followCursor.min.js

@@ -1,1 +0,1 @@
-"use strict";var followCursor=function t(e){var o=arguments.length>1&&arguments[1]!==undefined?arguments[1]:10;var r=[];var n=[];if(Array.from!==undefined){n=Array.from(e)}else{n=[];for(i=0;i<e.length;i++){n[i]=e[i]}}var a=0;var f=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0;n.reduce(function(t,e){a+=1;var n=e.getBoundingClientRect();r[a]={left:n.left,width:n.width,top:getElemDistance(e),height:n.height,obj:e,previousTransform:e.style.transform};e.setAttribute("data-mouserotate",a);e.onmousemove=function(t){var n=this.getAttribute("data-mouserotate");var i=(t.clientX-r[n].left)/r[n].width;var a=(f+t.clientY-r[n].top)/r[n].height;var s=o*-1+i*(o*2);var c=o-a*o*2;if(s>o){s=o}if(s<o*-1){s=o*-1}if(c>o){c=o}if(c<o*-1){c=o*-1}console.log(r[e.getAttribute("data-mouserotate")].previousTransform+transformCSS(r[n].height,c.toFixed(3),s.toFixed(3)));e.style.transform=r[e.getAttribute("data-mouserotate")].previousTransform+transformCSS(r[n].height,c.toFixed(3),s.toFixed(3))}},0);var s=function t(){r.reduce(function(t,e,o){var n=e.obj.getBoundingClientRect();r[o].left=n.left;r[o].width=n.width;r[o].height=n.height;r[o].top=getElemDistance(e.obj)},0);f=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0};window.onscroll=s;window.onresize=s};var getElemDistance=function t(e){var o=0;if(e.offsetParent){do{o+=e.offsetTop;e=e.offsetParent}while(e)}return o>=0?o:0};var transformCSS=function t(e,o,r){return"perspective(".concat(e,"px) rotateY(").concat(r,"deg) rotateX(").concat(o,"deg)")};
+"use strict";var followCursor=function t(e){var o=arguments.length>1&&arguments[1]!==undefined?arguments[1]:10;var r=[];var n=[];if(Array.from!==undefined){n=Array.from(e)}else{n=[];for(i=0;i<e.length;i++){n[i]=e[i]}}var a=0;var f=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0;n.reduce(function(t,e){a+=1;var n=e.getBoundingClientRect();r[a]={left:n.left,width:n.width,top:getElemDistance(e),height:n.height,obj:e,previousTransform:getComputedStyle(e).transform};e.setAttribute("data-mouserotate",a);e.onmousemove=function(t){var n=this.getAttribute("data-mouserotate");var i=(t.clientX-r[n].left)/r[n].width;var a=(f+t.clientY-r[n].top)/r[n].height;var c=o*-1+i*(o*2);var d=o-a*o*2;if(c>o){c=o}if(c<o*-1){c=o*-1}if(d>o){d=o}if(d<o*-1){d=o*-1}e.style.transform=r[e.getAttribute("data-mouserotate")].previousTransform+transformCSS(r[n].height,d.toFixed(3),c.toFixed(3))}},0);var c=function t(){r.reduce(function(t,e,o){var n=e.obj.getBoundingClientRect();r[o].left=n.left;r[o].width=n.width;r[o].height=n.height;r[o].top=getElemDistance(e.obj)},0);f=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0};window.onscroll=c;window.onresize=c};var getElemDistance=function t(e){var o=0;if(e.offsetParent){do{o+=e.offsetTop;e=e.offsetParent}while(e)}return o>=0?o:0};var transformCSS=function t(e,o,r){return"perspective(".concat(e,"px) rotateY(").concat(r,"deg) rotateX(").concat(o,"deg)")};

package.json

 {
   "name": "followcursor",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "Rotate elements to create a following effect ",
@@ -5,0 +5,0 @@ "repository": {

src/followCursor.js

@@ -42,3 +42,3 @@ /*
       obj: img,
-      previousTransform: img.style.transform,
+      previousTransform: getComputedStyle(img).transform
     }
@@ -72,5 +72,2 @@
       //Apply rotation
-      console.log(boxSizes[img.getAttribute('data-mouserotate')].previousTransform +
-        transformCSS(boxSizes[count].height,rotateX.toFixed(3),rotateY.toFixed(3)))
-
       img.style.transform = boxSizes[img.getAttribute('data-mouserotate')].previousTransform +
@@ -77,0 +74,0 @@ transformCSS(boxSizes[count].height,rotateX.toFixed(3),rotateY.toFixed(3))

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

107812

decreased by-0.39%

Lines of code

192

decreased by-1.54%

No dependency changes