react-parallax-tilt - npm Package Compare versions

Comparing version 1.0.5 to 1.0.6

dist/react-parallax-tilt.es5.js

@@ -1,2 +0,2 @@
-import e,{PureComponent as t}from"react";var i=function(e,t){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(e,t)};function n(e,t,i,n,r){return void 0===r&&(r=null),r&&clearTimeout(r),e.style.transition=t+" "+i+"ms "+n,setTimeout(function(){e.style.transition=""},i)}function r(e,t,i){return Math.min(Math.max(e,t),i)}var l=90,a=function(){var e=this;this.glareAngle=0,this.glareOpacity=0,this.tiltAngleX=0,this.tiltAngleY=0,this.tiltAngleXPercentage=0,this.tiltAngleYPercentage=0,this.update=function(t,i){e.updateTilt(t,i),e.updateTiltManualInput(t,i),e.updateTiltReverse(i),e.updateTiltLimits(i)},this.updateTilt=function(t,i){var n=t.yPercentage,r=i.tiltMaxAngleY;e.tiltAngleX=t.xPercentage*i.tiltMaxAngleX/100,e.tiltAngleY=n*r/100*-1},this.updateTiltManualInput=function(t,i){var n=i.tiltAngleXManual,r=i.tiltAngleYManual,l=i.tiltMaxAngleX,a=i.tiltMaxAngleY;null===n&&null===r||(e.tiltAngleX=null!==n?n:0,e.tiltAngleY=null!==r?r:0,t.xPercentage=100*e.tiltAngleX/l,t.yPercentage=100*e.tiltAngleY/a)},this.updateTiltReverse=function(t){var i=t.tiltReverse?-1:1;e.tiltAngleX=i*e.tiltAngleX,e.tiltAngleY=i*e.tiltAngleY},this.updateTiltLimits=function(t){var i=t.tiltAxis;e.tiltAngleX=r(e.tiltAngleX,-l,l),e.tiltAngleY=r(e.tiltAngleY,-l,l),i&&(e.tiltAngleX="x"===i?e.tiltAngleX:0,e.tiltAngleY="y"===i?e.tiltAngleY:0)},this.updateTiltAnglesPercentage=function(t){var i=t.tiltMaxAngleY;e.tiltAngleXPercentage=e.tiltAngleX/t.tiltMaxAngleX*100,e.tiltAngleYPercentage=e.tiltAngleY/i*100},this.render=function(t){t.style.transform+="rotateX("+e.tiltAngleX+"deg) rotateY("+e.tiltAngleY+"deg) "}},o=2,p=function(e){var t=this;this.glareAngle=0,this.glareOpacity=0,this.calculateGlareSize=function(e){return{width:e.width*o,height:e.height*o}},this.setSize=function(e){var i=t.calculateGlareSize(e);t.glareEl.style.width=i.width+"px",t.glareEl.style.height=i.height+"px"},this.update=function(e,i,n,r){t.updateAngle(e,i.glareReverse),t.updateOpacity(e,i,n,r)},this.updateAngle=function(e,i){var n=e.xPercentage,r=180/Math.PI,l=n?Math.atan2(e.yPercentage,-n)*r:0;t.glareAngle=l-(i?180:0)},this.updateOpacity=function(e,i,n,l){var a,o=e.xPercentage,p=e.yPercentage,s=i.glareReverse,c=i.glareMaxOpacity,g=n?-1:1,u=l?-1:1;switch(i.glarePosition){case"top":a=-o*g;break;case"right":a=p*u;break;case"bottom":a=o*g;break;case"left":a=-p*u;break;case"all":a=Math.hypot(o,p);break;default:a=o*g}var h=r(a=s?-a:a,0,100);t.glareOpacity=h*c/100},this.render=function(e){var i=e.glareColor;t.glareEl.style.transform="rotate("+t.glareAngle+"deg) translate(-50%, -50%)",t.glareEl.style.opacity=t.glareOpacity.toString(),t.glareEl.style.background="linear-gradient(0deg, rgba(255,255,255,0) 0%, "+i+" 100%)"},this.glareWrapperEl=document.createElement("div"),this.glareEl=document.createElement("div"),this.glareWrapperEl.appendChild(this.glareEl),this.glareWrapperEl.className="glare-wrapper",this.glareEl.className="glare";var i=this.calculateGlareSize(e),n={position:"absolute",top:"50%",left:"50%","transform-origin":"0% 0%","pointer-events":"none",width:i.width+"px",height:i.height+"px"};Object.assign(this.glareWrapperEl.style,{position:"absolute",top:"0",left:"0",width:"100%",height:"100%",overflow:"hidden"}),Object.assign(this.glareEl.style,n)},s=function(t){function l(){var e=null!==t&&t.apply(this,arguments)||this;return e.wrapperEl={node:null,size:{width:null,height:null,left:null,top:null},clientPosition:{x:null,y:null,xPercentage:0,yPercentage:0},transitionTimeoutId:void 0,updateAnimationId:null,scale:1},e.tilt=null,e.glare=null,e.mainLoop=function(t){null!==e.wrapperEl.updateAnimationId&&cancelAnimationFrame(e.wrapperEl.updateAnimationId),e.processInput(t),e.update(t.type),e.wrapperEl.updateAnimationId=requestAnimationFrame(e.renderFrame)},e.onWindowResize=function(){e.setWrapperElSize(),e.glare&&e.glare.setSize(e.wrapperEl.size)},e.onEnter=function(t){var i=e.props.onEnter;e.wrapperEl.node.style.willChange="transform",e.setTransition(),i&&i(t.type)},e.onMove=function(t){e.mainLoop(t);var i=e.props.onMove,n=0,r=0;e.glare&&(n=e.glare.glareAngle,r=e.glare.glareOpacity),i&&i(e.tilt.tiltAngleX,e.tilt.tiltAngleY,e.tilt.tiltAngleXPercentage,e.tilt.tiltAngleYPercentage,n,r,t.type)},e.onLeave=function(t){var i=e.props.onLeave;if(e.setTransition(),i&&i(t.type),e.props.reset){var n=new CustomEvent("autoreset");e.onMove(n)}},e.processInput=function(t){var i=e.props.scale;switch(t.type){case"mousemove":e.wrapperEl.clientPosition.x=t.clientX,e.wrapperEl.clientPosition.y=t.clientY,e.wrapperEl.scale=i;break;case"touchmove":e.wrapperEl.clientPosition.x=t.touches[0].pageX,e.wrapperEl.clientPosition.y=t.touches[0].pageY,e.wrapperEl.scale=i;break;case"deviceorientation":e.processInputDeviceOrientation(t),e.wrapperEl.scale=i;break;case"autoreset":e.wrapperEl.clientPosition.xPercentage=0,e.wrapperEl.clientPosition.yPercentage=0,e.wrapperEl.scale=1}},e.processInputDeviceOrientation=function(t){if(t.gamma&&t.beta&&e.props.gyroscope){var i=e.props,n=i.tiltMaxAngleY,l=t.gamma;e.wrapperEl.clientPosition.xPercentage=t.beta/i.tiltMaxAngleX*100,e.wrapperEl.clientPosition.yPercentage=l/n*100,e.wrapperEl.clientPosition.xPercentage=r(e.wrapperEl.clientPosition.xPercentage,-100,100),e.wrapperEl.clientPosition.yPercentage=r(e.wrapperEl.clientPosition.yPercentage,-100,100)}},e.update=function(t){var i=e.props,n=i.tiltEnable,r=i.flipVertically,l=i.flipHorizontally;e.updateClientInput(t),n&&e.tilt.update(e.wrapperEl.clientPosition,e.props),e.updateFlip(),e.tilt.updateTiltAnglesPercentage(e.props),e.glare&&e.glare.update(e.wrapperEl.clientPosition,e.props,r,l)},e.updateClientInput=function(t){if("autoreset"!==t&&"deviceorientation"!==t){var i=e.wrapperEl,n=i.size,l=i.clientPosition,a=(l.x-n.left)/n.width*200-100;e.wrapperEl.clientPosition.xPercentage=r((l.y-n.top)/n.height*200-100,-100,100),e.wrapperEl.clientPosition.yPercentage=r(a,-100,100)}},e.updateFlip=function(){var t=e.props,i=t.flipHorizontally;t.flipVertically&&(e.tilt.tiltAngleX+=180,e.tilt.tiltAngleY*=-1),i&&(e.tilt.tiltAngleY+=180)},e.renderFrame=function(){e.resetWrapperElTransform(),e.renderPerspective(),e.tilt.render(e.wrapperEl.node),e.renderScale(),e.glare&&e.glare.render(e.props)},e}return function(e,t){function n(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}(l,t),l.prototype.componentDidMount=function(){this.tilt=new a,this.addEventListeners(),this.setWrapperElSize(),this.initGlare();var e=new CustomEvent("autoreset");this.mainLoop(e)},l.prototype.componentWillUnmount=function(){clearTimeout(this.wrapperEl.transitionTimeoutId),null!==this.wrapperEl.updateAnimationId&&cancelAnimationFrame(this.wrapperEl.updateAnimationId),this.removeEventListeners()},l.prototype.componentDidUpdate=function(){var e=this.props;if(!(e.onMove||e.onEnter||e.onLeave)){var t=new CustomEvent("propchange");this.mainLoop(t)}},l.prototype.addEventListeners=function(){var e=this.props.gyroscope;if(window.addEventListener("resize",this.onWindowResize),e){if(!window.DeviceOrientationEvent)return void console.error("Browser doesn't support Device Orientation.");window.addEventListener("deviceorientation",this.onMove)}},l.prototype.removeEventListeners=function(){var e=this.props.gyroscope;window.removeEventListener("resize",this.onWindowResize),e&&window.DeviceOrientationEvent&&window.removeEventListener("deviceorientation",this.onMove)},l.prototype.initGlare=function(){this.props.glareEnable&&(this.glare=new p(this.wrapperEl.size),this.wrapperEl.node.appendChild(this.glare.glareWrapperEl))},l.prototype.setWrapperElSize=function(){var e=this.wrapperEl.node.getBoundingClientRect();this.wrapperEl.size.width=this.wrapperEl.node.offsetWidth,this.wrapperEl.size.height=this.wrapperEl.node.offsetHeight,this.wrapperEl.size.left=e.left,this.wrapperEl.size.top=e.top},l.prototype.resetWrapperElTransform=function(){this.wrapperEl.node.style.transform=""},l.prototype.renderPerspective=function(){this.wrapperEl.node.style.transform+="perspective("+this.props.perspective+"px) "},l.prototype.renderScale=function(){var e=this.wrapperEl.scale;this.wrapperEl.node.style.transform+="scale3d("+e+","+e+","+e+")"},l.prototype.setTransition=function(){var e=this.props,t=e.transitionSpeed,i=e.transitionEasing;this.wrapperEl.transitionTimeoutId=n(this.wrapperEl.node,"all",t,i,this.wrapperEl.transitionTimeoutId),this.glare&&(this.glare.transitionTimeoutId=n(this.glare.glareEl,"opacity",t,i,this.glare.transitionTimeoutId))},l.prototype.render=function(){var t=this,i=this.props;return e.createElement("div",{ref:function(e){return t.wrapperEl.node=e},onMouseEnter:this.onEnter,onMouseMove:this.onMove,onMouseLeave:this.onLeave,onTouchMove:this.onMove,onTouchStart:this.onEnter,onTouchEnd:this.onLeave,className:i.className,style:i.style},i.children)},l.defaultProps={tiltEnable:!0,tiltReverse:!1,tiltMaxAngleX:20,tiltMaxAngleY:20,tiltAxis:null,tiltAngleXManual:null,tiltAngleYManual:null,glareEnable:!1,glareMaxOpacity:.7,glareColor:"#ffffff",glarePosition:"bottom",glareReverse:!1,scale:1,perspective:1e3,flipVertically:!1,flipHorizontally:!1,reset:!0,transitionEasing:"cubic-bezier(.03,.98,.52,.99)",transitionSpeed:400,gyroscope:!1},l}(t);export default s;
+import e,{PureComponent as t}from"react";var n=function(e,t){return(n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)};var i=function(){return(i=Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)},r=i({scale:1,perspective:1e3,flipVertically:!1,flipHorizontally:!1,reset:!0,transitionEasing:"cubic-bezier(.03,.98,.52,.99)",transitionSpeed:400,gyroscope:!1},{tiltEnable:!0,tiltReverse:!1,tiltMaxAngleX:20,tiltMaxAngleY:20,tiltAxis:null,tiltAngleXManual:null,tiltAngleYManual:null},{glareEnable:!1,glareMaxOpacity:.7,glareColor:"#ffffff",glarePosition:"bottom",glareReverse:!1}),l={node:null,size:{width:null,height:null,left:null,top:null},clientPosition:{x:null,y:null,xPercentage:0,yPercentage:0},transitionTimeoutId:void 0,updateAnimationId:null,scale:1};function a(e,t,n,i,r){return void 0===r&&(r=null),r&&clearTimeout(r),e.style.transition=t+" "+n+"ms "+i,setTimeout(function(){e.style.transition=""},n)}function o(e,t,n){return Math.min(Math.max(e,t),n)}var p=90,s=function(){var e=this;this.glareAngle=0,this.glareOpacity=0,this.tiltAngleX=0,this.tiltAngleY=0,this.tiltAngleXPercentage=0,this.tiltAngleYPercentage=0,this.update=function(t,n){e.updateTilt(t,n),e.updateTiltManualInput(t,n),e.updateTiltReverse(n),e.updateTiltLimits(n)},this.updateTilt=function(t,n){var i=t.yPercentage,r=n.tiltMaxAngleY;e.tiltAngleX=t.xPercentage*n.tiltMaxAngleX/100,e.tiltAngleY=i*r/100*-1},this.updateTiltManualInput=function(t,n){var i=n.tiltAngleXManual,r=n.tiltAngleYManual,l=n.tiltMaxAngleX,a=n.tiltMaxAngleY;null===i&&null===r||(e.tiltAngleX=null!==i?i:0,e.tiltAngleY=null!==r?r:0,t.xPercentage=100*e.tiltAngleX/l,t.yPercentage=100*e.tiltAngleY/a)},this.updateTiltReverse=function(t){var n=t.tiltReverse?-1:1;e.tiltAngleX=n*e.tiltAngleX,e.tiltAngleY=n*e.tiltAngleY},this.updateTiltLimits=function(t){var n=t.tiltAxis;e.tiltAngleX=o(e.tiltAngleX,-p,p),e.tiltAngleY=o(e.tiltAngleY,-p,p),n&&(e.tiltAngleX="x"===n?e.tiltAngleX:0,e.tiltAngleY="y"===n?e.tiltAngleY:0)},this.updateTiltAnglesPercentage=function(t){var n=t.tiltMaxAngleY;e.tiltAngleXPercentage=e.tiltAngleX/t.tiltMaxAngleX*100,e.tiltAngleYPercentage=e.tiltAngleY/n*100},this.render=function(t){t.style.transform+="rotateX("+e.tiltAngleX+"deg) rotateY("+e.tiltAngleY+"deg) "}},c=2,g=function(e){var t=this;this.glareAngle=0,this.glareOpacity=0,this.calculateGlareSize=function(e){return{width:e.width*c,height:e.height*c}},this.setSize=function(e){var n=t.calculateGlareSize(e);t.glareEl.style.width=n.width+"px",t.glareEl.style.height=n.height+"px"},this.update=function(e,n,i,r){t.updateAngle(e,n.glareReverse),t.updateOpacity(e,n,i,r)},this.updateAngle=function(e,n){var i=e.xPercentage,r=180/Math.PI,l=i?Math.atan2(e.yPercentage,-i)*r:0;t.glareAngle=l-(n?180:0)},this.updateOpacity=function(e,n,i,r){var l,a=e.xPercentage,p=e.yPercentage,s=n.glareReverse,c=n.glareMaxOpacity,g=i?-1:1,u=r?-1:1;switch(n.glarePosition){case"top":l=-a*g;break;case"right":l=p*u;break;case"bottom":l=a*g;break;case"left":l=-p*u;break;case"all":l=Math.hypot(a,p);break;default:l=a*g}var h=o(l=s?-l:l,0,100);t.glareOpacity=h*c/100},this.render=function(e){var n=e.glareColor;t.glareEl.style.transform="rotate("+t.glareAngle+"deg) translate(-50%, -50%)",t.glareEl.style.opacity=t.glareOpacity.toString(),t.glareEl.style.background="linear-gradient(0deg, rgba(255,255,255,0) 0%, "+n+" 100%)"},this.glareWrapperEl=document.createElement("div"),this.glareEl=document.createElement("div"),this.glareWrapperEl.appendChild(this.glareEl),this.glareWrapperEl.className="glare-wrapper",this.glareEl.className="glare";var n=this.calculateGlareSize(e),i={position:"absolute",top:"50%",left:"50%","transform-origin":"0% 0%","pointer-events":"none",width:n.width+"px",height:n.height+"px"};Object.assign(this.glareWrapperEl.style,{position:"absolute",top:"0",left:"0",width:"100%",height:"100%",overflow:"hidden"}),Object.assign(this.glareEl.style,i)},u=function(t){function i(){var e=null!==t&&t.apply(this,arguments)||this;return e.wrapperEl=l,e.tilt=null,e.glare=null,e.mainLoop=function(t){null!==e.wrapperEl.updateAnimationId&&cancelAnimationFrame(e.wrapperEl.updateAnimationId),e.processInput(t),e.update(t.type),e.wrapperEl.updateAnimationId=requestAnimationFrame(e.renderFrame)},e.onWindowResize=function(){e.setWrapperElSize(),e.glare&&e.glare.setSize(e.wrapperEl.size)},e.onEnter=function(t){var n=e.props.onEnter;e.wrapperEl.node.style.willChange="transform",e.setTransition(),n&&n(t.type)},e.onMove=function(t){e.mainLoop(t);var n=e.props.onMove,i=0,r=0;e.glare&&(i=e.glare.glareAngle,r=e.glare.glareOpacity),n&&n(e.tilt.tiltAngleX,e.tilt.tiltAngleY,e.tilt.tiltAngleXPercentage,e.tilt.tiltAngleYPercentage,i,r,t.type)},e.onLeave=function(t){var n=e.props.onLeave;if(e.setTransition(),n&&n(t.type),e.props.reset){var i=new CustomEvent("autoreset");e.onMove(i)}},e.processInput=function(t){var n=e.props.scale;switch(t.type){case"mousemove":e.wrapperEl.clientPosition.x=t.clientX,e.wrapperEl.clientPosition.y=t.clientY,e.wrapperEl.scale=n;break;case"touchmove":e.wrapperEl.clientPosition.x=t.touches[0].pageX,e.wrapperEl.clientPosition.y=t.touches[0].pageY,e.wrapperEl.scale=n;break;case"deviceorientation":e.processInputDeviceOrientation(t),e.wrapperEl.scale=n;break;case"autoreset":e.wrapperEl.clientPosition.xPercentage=0,e.wrapperEl.clientPosition.yPercentage=0,e.wrapperEl.scale=1}},e.processInputDeviceOrientation=function(t){if(t.gamma&&t.beta&&e.props.gyroscope){var n=e.props,i=n.tiltMaxAngleY,r=t.gamma;e.wrapperEl.clientPosition.xPercentage=t.beta/n.tiltMaxAngleX*100,e.wrapperEl.clientPosition.yPercentage=r/i*100,e.wrapperEl.clientPosition.xPercentage=o(e.wrapperEl.clientPosition.xPercentage,-100,100),e.wrapperEl.clientPosition.yPercentage=o(e.wrapperEl.clientPosition.yPercentage,-100,100)}},e.update=function(t){var n=e.props,i=n.tiltEnable,r=n.flipVertically,l=n.flipHorizontally;e.updateClientInput(t),i&&e.tilt.update(e.wrapperEl.clientPosition,e.props),e.updateFlip(),e.tilt.updateTiltAnglesPercentage(e.props),e.glare&&e.glare.update(e.wrapperEl.clientPosition,e.props,r,l)},e.updateClientInput=function(t){if("autoreset"!==t&&"deviceorientation"!==t){var n=e.wrapperEl,i=n.size,r=n.clientPosition,l=(r.x-i.left)/i.width*200-100;e.wrapperEl.clientPosition.xPercentage=o((r.y-i.top)/i.height*200-100,-100,100),e.wrapperEl.clientPosition.yPercentage=o(l,-100,100)}},e.updateFlip=function(){var t=e.props,n=t.flipHorizontally;t.flipVertically&&(e.tilt.tiltAngleX+=180,e.tilt.tiltAngleY*=-1),n&&(e.tilt.tiltAngleY+=180)},e.renderFrame=function(){e.resetWrapperElTransform(),e.renderPerspective(),e.tilt.render(e.wrapperEl.node),e.renderScale(),e.glare&&e.glare.render(e.props)},e}return function(e,t){function i(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(i.prototype=t.prototype,new i)}(i,t),i.prototype.componentDidMount=function(){this.tilt=new s,this.addEventListeners(),this.setWrapperElSize(),this.initGlare();var e=new CustomEvent("autoreset");this.mainLoop(e)},i.prototype.componentWillUnmount=function(){clearTimeout(this.wrapperEl.transitionTimeoutId),null!==this.wrapperEl.updateAnimationId&&cancelAnimationFrame(this.wrapperEl.updateAnimationId),this.removeEventListeners()},i.prototype.componentDidUpdate=function(){var e=this.props;if(!(e.onMove||e.onEnter||e.onLeave)){var t=new CustomEvent("propchange");this.mainLoop(t)}},i.prototype.addEventListeners=function(){var e=this.props.gyroscope;if(window.addEventListener("resize",this.onWindowResize),e){if(!window.DeviceOrientationEvent)return void console.error("Browser doesn't support Device Orientation.");window.addEventListener("deviceorientation",this.onMove)}},i.prototype.removeEventListeners=function(){var e=this.props.gyroscope;window.removeEventListener("resize",this.onWindowResize),e&&window.DeviceOrientationEvent&&window.removeEventListener("deviceorientation",this.onMove)},i.prototype.initGlare=function(){this.props.glareEnable&&(this.glare=new g(this.wrapperEl.size),this.wrapperEl.node.appendChild(this.glare.glareWrapperEl))},i.prototype.setWrapperElSize=function(){var e=this.wrapperEl.node.getBoundingClientRect();this.wrapperEl.size.width=this.wrapperEl.node.offsetWidth,this.wrapperEl.size.height=this.wrapperEl.node.offsetHeight,this.wrapperEl.size.left=e.left,this.wrapperEl.size.top=e.top},i.prototype.resetWrapperElTransform=function(){this.wrapperEl.node.style.transform=""},i.prototype.renderPerspective=function(){this.wrapperEl.node.style.transform+="perspective("+this.props.perspective+"px) "},i.prototype.renderScale=function(){var e=this.wrapperEl.scale;this.wrapperEl.node.style.transform+="scale3d("+e+","+e+","+e+")"},i.prototype.setTransition=function(){var e=this.props,t=e.transitionSpeed,n=e.transitionEasing;this.wrapperEl.transitionTimeoutId=a(this.wrapperEl.node,"all",t,n,this.wrapperEl.transitionTimeoutId),this.glare&&(this.glare.transitionTimeoutId=a(this.glare.glareEl,"opacity",t,n,this.glare.transitionTimeoutId))},i.prototype.render=function(){var t=this,n=this.props;return e.createElement("div",{ref:function(e){return t.wrapperEl.node=e},onMouseEnter:this.onEnter,onMouseMove:this.onMove,onMouseLeave:this.onLeave,onTouchMove:this.onMove,onTouchStart:this.onEnter,onTouchEnd:this.onLeave,className:n.className,style:n.style},n.children)},i.defaultProps=r,i}(t);export default u;
 //# sourceMappingURL=react-parallax-tilt.es5.js.map

dist/react-parallax-tilt.umd.js

@@ -1,2 +0,2 @@
-var e,t;e=this,t=function(e){"use strict";var t="default"in e?e.default:e,i=function(e,t){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(e,t)};function n(e,t,i,n,r){return void 0===r&&(r=null),r&&clearTimeout(r),e.style.transition=t+" "+i+"ms "+n,setTimeout(function(){e.style.transition=""},i)}function r(e,t,i){return Math.min(Math.max(e,t),i)}var l=90,a=function(){var e=this;this.glareAngle=0,this.glareOpacity=0,this.tiltAngleX=0,this.tiltAngleY=0,this.tiltAngleXPercentage=0,this.tiltAngleYPercentage=0,this.update=function(t,i){e.updateTilt(t,i),e.updateTiltManualInput(t,i),e.updateTiltReverse(i),e.updateTiltLimits(i)},this.updateTilt=function(t,i){var n=t.yPercentage,r=i.tiltMaxAngleY;e.tiltAngleX=t.xPercentage*i.tiltMaxAngleX/100,e.tiltAngleY=n*r/100*-1},this.updateTiltManualInput=function(t,i){var n=i.tiltAngleXManual,r=i.tiltAngleYManual,l=i.tiltMaxAngleX,a=i.tiltMaxAngleY;null===n&&null===r||(e.tiltAngleX=null!==n?n:0,e.tiltAngleY=null!==r?r:0,t.xPercentage=100*e.tiltAngleX/l,t.yPercentage=100*e.tiltAngleY/a)},this.updateTiltReverse=function(t){var i=t.tiltReverse?-1:1;e.tiltAngleX=i*e.tiltAngleX,e.tiltAngleY=i*e.tiltAngleY},this.updateTiltLimits=function(t){var i=t.tiltAxis;e.tiltAngleX=r(e.tiltAngleX,-l,l),e.tiltAngleY=r(e.tiltAngleY,-l,l),i&&(e.tiltAngleX="x"===i?e.tiltAngleX:0,e.tiltAngleY="y"===i?e.tiltAngleY:0)},this.updateTiltAnglesPercentage=function(t){var i=t.tiltMaxAngleY;e.tiltAngleXPercentage=e.tiltAngleX/t.tiltMaxAngleX*100,e.tiltAngleYPercentage=e.tiltAngleY/i*100},this.render=function(t){t.style.transform+="rotateX("+e.tiltAngleX+"deg) rotateY("+e.tiltAngleY+"deg) "}},o=2,p=function(e){var t=this;this.glareAngle=0,this.glareOpacity=0,this.calculateGlareSize=function(e){return{width:e.width*o,height:e.height*o}},this.setSize=function(e){var i=t.calculateGlareSize(e);t.glareEl.style.width=i.width+"px",t.glareEl.style.height=i.height+"px"},this.update=function(e,i,n,r){t.updateAngle(e,i.glareReverse),t.updateOpacity(e,i,n,r)},this.updateAngle=function(e,i){var n=e.xPercentage,r=180/Math.PI,l=n?Math.atan2(e.yPercentage,-n)*r:0;t.glareAngle=l-(i?180:0)},this.updateOpacity=function(e,i,n,l){var a,o=e.xPercentage,p=e.yPercentage,s=i.glareReverse,c=i.glareMaxOpacity,u=n?-1:1,g=l?-1:1;switch(i.glarePosition){case"top":a=-o*u;break;case"right":a=p*g;break;case"bottom":a=o*u;break;case"left":a=-p*g;break;case"all":a=Math.hypot(o,p);break;default:a=o*u}var h=r(a=s?-a:a,0,100);t.glareOpacity=h*c/100},this.render=function(e){var i=e.glareColor;t.glareEl.style.transform="rotate("+t.glareAngle+"deg) translate(-50%, -50%)",t.glareEl.style.opacity=t.glareOpacity.toString(),t.glareEl.style.background="linear-gradient(0deg, rgba(255,255,255,0) 0%, "+i+" 100%)"},this.glareWrapperEl=document.createElement("div"),this.glareEl=document.createElement("div"),this.glareWrapperEl.appendChild(this.glareEl),this.glareWrapperEl.className="glare-wrapper",this.glareEl.className="glare";var i=this.calculateGlareSize(e),n={position:"absolute",top:"50%",left:"50%","transform-origin":"0% 0%","pointer-events":"none",width:i.width+"px",height:i.height+"px"};Object.assign(this.glareWrapperEl.style,{position:"absolute",top:"0",left:"0",width:"100%",height:"100%",overflow:"hidden"}),Object.assign(this.glareEl.style,n)};return function(e){function l(){var t=null!==e&&e.apply(this,arguments)||this;return t.wrapperEl={node:null,size:{width:null,height:null,left:null,top:null},clientPosition:{x:null,y:null,xPercentage:0,yPercentage:0},transitionTimeoutId:void 0,updateAnimationId:null,scale:1},t.tilt=null,t.glare=null,t.mainLoop=function(e){null!==t.wrapperEl.updateAnimationId&&cancelAnimationFrame(t.wrapperEl.updateAnimationId),t.processInput(e),t.update(e.type),t.wrapperEl.updateAnimationId=requestAnimationFrame(t.renderFrame)},t.onWindowResize=function(){t.setWrapperElSize(),t.glare&&t.glare.setSize(t.wrapperEl.size)},t.onEnter=function(e){var i=t.props.onEnter;t.wrapperEl.node.style.willChange="transform",t.setTransition(),i&&i(e.type)},t.onMove=function(e){t.mainLoop(e);var i=t.props.onMove,n=0,r=0;t.glare&&(n=t.glare.glareAngle,r=t.glare.glareOpacity),i&&i(t.tilt.tiltAngleX,t.tilt.tiltAngleY,t.tilt.tiltAngleXPercentage,t.tilt.tiltAngleYPercentage,n,r,e.type)},t.onLeave=function(e){var i=t.props.onLeave;if(t.setTransition(),i&&i(e.type),t.props.reset){var n=new CustomEvent("autoreset");t.onMove(n)}},t.processInput=function(e){var i=t.props.scale;switch(e.type){case"mousemove":t.wrapperEl.clientPosition.x=e.clientX,t.wrapperEl.clientPosition.y=e.clientY,t.wrapperEl.scale=i;break;case"touchmove":t.wrapperEl.clientPosition.x=e.touches[0].pageX,t.wrapperEl.clientPosition.y=e.touches[0].pageY,t.wrapperEl.scale=i;break;case"deviceorientation":t.processInputDeviceOrientation(e),t.wrapperEl.scale=i;break;case"autoreset":t.wrapperEl.clientPosition.xPercentage=0,t.wrapperEl.clientPosition.yPercentage=0,t.wrapperEl.scale=1}},t.processInputDeviceOrientation=function(e){if(e.gamma&&e.beta&&t.props.gyroscope){var i=t.props,n=i.tiltMaxAngleY,l=e.gamma;t.wrapperEl.clientPosition.xPercentage=e.beta/i.tiltMaxAngleX*100,t.wrapperEl.clientPosition.yPercentage=l/n*100,t.wrapperEl.clientPosition.xPercentage=r(t.wrapperEl.clientPosition.xPercentage,-100,100),t.wrapperEl.clientPosition.yPercentage=r(t.wrapperEl.clientPosition.yPercentage,-100,100)}},t.update=function(e){var i=t.props,n=i.tiltEnable,r=i.flipVertically,l=i.flipHorizontally;t.updateClientInput(e),n&&t.tilt.update(t.wrapperEl.clientPosition,t.props),t.updateFlip(),t.tilt.updateTiltAnglesPercentage(t.props),t.glare&&t.glare.update(t.wrapperEl.clientPosition,t.props,r,l)},t.updateClientInput=function(e){if("autoreset"!==e&&"deviceorientation"!==e){var i=t.wrapperEl,n=i.size,l=i.clientPosition,a=(l.x-n.left)/n.width*200-100;t.wrapperEl.clientPosition.xPercentage=r((l.y-n.top)/n.height*200-100,-100,100),t.wrapperEl.clientPosition.yPercentage=r(a,-100,100)}},t.updateFlip=function(){var e=t.props,i=e.flipHorizontally;e.flipVertically&&(t.tilt.tiltAngleX+=180,t.tilt.tiltAngleY*=-1),i&&(t.tilt.tiltAngleY+=180)},t.renderFrame=function(){t.resetWrapperElTransform(),t.renderPerspective(),t.tilt.render(t.wrapperEl.node),t.renderScale(),t.glare&&t.glare.render(t.props)},t}return function(e,t){function n(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}(l,e),l.prototype.componentDidMount=function(){this.tilt=new a,this.addEventListeners(),this.setWrapperElSize(),this.initGlare();var e=new CustomEvent("autoreset");this.mainLoop(e)},l.prototype.componentWillUnmount=function(){clearTimeout(this.wrapperEl.transitionTimeoutId),null!==this.wrapperEl.updateAnimationId&&cancelAnimationFrame(this.wrapperEl.updateAnimationId),this.removeEventListeners()},l.prototype.componentDidUpdate=function(){var e=this.props;if(!(e.onMove||e.onEnter||e.onLeave)){var t=new CustomEvent("propchange");this.mainLoop(t)}},l.prototype.addEventListeners=function(){var e=this.props.gyroscope;if(window.addEventListener("resize",this.onWindowResize),e){if(!window.DeviceOrientationEvent)return void console.error("Browser doesn't support Device Orientation.");window.addEventListener("deviceorientation",this.onMove)}},l.prototype.removeEventListeners=function(){var e=this.props.gyroscope;window.removeEventListener("resize",this.onWindowResize),e&&window.DeviceOrientationEvent&&window.removeEventListener("deviceorientation",this.onMove)},l.prototype.initGlare=function(){this.props.glareEnable&&(this.glare=new p(this.wrapperEl.size),this.wrapperEl.node.appendChild(this.glare.glareWrapperEl))},l.prototype.setWrapperElSize=function(){var e=this.wrapperEl.node.getBoundingClientRect();this.wrapperEl.size.width=this.wrapperEl.node.offsetWidth,this.wrapperEl.size.height=this.wrapperEl.node.offsetHeight,this.wrapperEl.size.left=e.left,this.wrapperEl.size.top=e.top},l.prototype.resetWrapperElTransform=function(){this.wrapperEl.node.style.transform=""},l.prototype.renderPerspective=function(){this.wrapperEl.node.style.transform+="perspective("+this.props.perspective+"px) "},l.prototype.renderScale=function(){var e=this.wrapperEl.scale;this.wrapperEl.node.style.transform+="scale3d("+e+","+e+","+e+")"},l.prototype.setTransition=function(){var e=this.props,t=e.transitionSpeed,i=e.transitionEasing;this.wrapperEl.transitionTimeoutId=n(this.wrapperEl.node,"all",t,i,this.wrapperEl.transitionTimeoutId),this.glare&&(this.glare.transitionTimeoutId=n(this.glare.glareEl,"opacity",t,i,this.glare.transitionTimeoutId))},l.prototype.render=function(){var e=this,i=this.props;return t.createElement("div",{ref:function(t){return e.wrapperEl.node=t},onMouseEnter:this.onEnter,onMouseMove:this.onMove,onMouseLeave:this.onLeave,onTouchMove:this.onMove,onTouchStart:this.onEnter,onTouchEnd:this.onLeave,className:i.className,style:i.style},i.children)},l.defaultProps={tiltEnable:!0,tiltReverse:!1,tiltMaxAngleX:20,tiltMaxAngleY:20,tiltAxis:null,tiltAngleXManual:null,tiltAngleYManual:null,glareEnable:!1,glareMaxOpacity:.7,glareColor:"#ffffff",glarePosition:"bottom",glareReverse:!1,scale:1,perspective:1e3,flipVertically:!1,flipHorizontally:!1,reset:!0,transitionEasing:"cubic-bezier(.03,.98,.52,.99)",transitionSpeed:400,gyroscope:!1},l}(e.PureComponent)},"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):(e=e||self)["react-parallax-tilt"]=t(e.React);
+var e,t;e=this,t=function(e){"use strict";var t="default"in e?e.default:e,n=function(e,t){return(n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},i=function(){return(i=Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)},r=i({scale:1,perspective:1e3,flipVertically:!1,flipHorizontally:!1,reset:!0,transitionEasing:"cubic-bezier(.03,.98,.52,.99)",transitionSpeed:400,gyroscope:!1},{tiltEnable:!0,tiltReverse:!1,tiltMaxAngleX:20,tiltMaxAngleY:20,tiltAxis:null,tiltAngleXManual:null,tiltAngleYManual:null},{glareEnable:!1,glareMaxOpacity:.7,glareColor:"#ffffff",glarePosition:"bottom",glareReverse:!1}),l={node:null,size:{width:null,height:null,left:null,top:null},clientPosition:{x:null,y:null,xPercentage:0,yPercentage:0},transitionTimeoutId:void 0,updateAnimationId:null,scale:1};function a(e,t,n,i,r){return void 0===r&&(r=null),r&&clearTimeout(r),e.style.transition=t+" "+n+"ms "+i,setTimeout(function(){e.style.transition=""},n)}function o(e,t,n){return Math.min(Math.max(e,t),n)}var p=90,s=function(){var e=this;this.glareAngle=0,this.glareOpacity=0,this.tiltAngleX=0,this.tiltAngleY=0,this.tiltAngleXPercentage=0,this.tiltAngleYPercentage=0,this.update=function(t,n){e.updateTilt(t,n),e.updateTiltManualInput(t,n),e.updateTiltReverse(n),e.updateTiltLimits(n)},this.updateTilt=function(t,n){var i=t.yPercentage,r=n.tiltMaxAngleY;e.tiltAngleX=t.xPercentage*n.tiltMaxAngleX/100,e.tiltAngleY=i*r/100*-1},this.updateTiltManualInput=function(t,n){var i=n.tiltAngleXManual,r=n.tiltAngleYManual,l=n.tiltMaxAngleX,a=n.tiltMaxAngleY;null===i&&null===r||(e.tiltAngleX=null!==i?i:0,e.tiltAngleY=null!==r?r:0,t.xPercentage=100*e.tiltAngleX/l,t.yPercentage=100*e.tiltAngleY/a)},this.updateTiltReverse=function(t){var n=t.tiltReverse?-1:1;e.tiltAngleX=n*e.tiltAngleX,e.tiltAngleY=n*e.tiltAngleY},this.updateTiltLimits=function(t){var n=t.tiltAxis;e.tiltAngleX=o(e.tiltAngleX,-p,p),e.tiltAngleY=o(e.tiltAngleY,-p,p),n&&(e.tiltAngleX="x"===n?e.tiltAngleX:0,e.tiltAngleY="y"===n?e.tiltAngleY:0)},this.updateTiltAnglesPercentage=function(t){var n=t.tiltMaxAngleY;e.tiltAngleXPercentage=e.tiltAngleX/t.tiltMaxAngleX*100,e.tiltAngleYPercentage=e.tiltAngleY/n*100},this.render=function(t){t.style.transform+="rotateX("+e.tiltAngleX+"deg) rotateY("+e.tiltAngleY+"deg) "}},c=2,u=function(e){var t=this;this.glareAngle=0,this.glareOpacity=0,this.calculateGlareSize=function(e){return{width:e.width*c,height:e.height*c}},this.setSize=function(e){var n=t.calculateGlareSize(e);t.glareEl.style.width=n.width+"px",t.glareEl.style.height=n.height+"px"},this.update=function(e,n,i,r){t.updateAngle(e,n.glareReverse),t.updateOpacity(e,n,i,r)},this.updateAngle=function(e,n){var i=e.xPercentage,r=180/Math.PI,l=i?Math.atan2(e.yPercentage,-i)*r:0;t.glareAngle=l-(n?180:0)},this.updateOpacity=function(e,n,i,r){var l,a=e.xPercentage,p=e.yPercentage,s=n.glareReverse,c=n.glareMaxOpacity,u=i?-1:1,g=r?-1:1;switch(n.glarePosition){case"top":l=-a*u;break;case"right":l=p*g;break;case"bottom":l=a*u;break;case"left":l=-p*g;break;case"all":l=Math.hypot(a,p);break;default:l=a*u}var h=o(l=s?-l:l,0,100);t.glareOpacity=h*c/100},this.render=function(e){var n=e.glareColor;t.glareEl.style.transform="rotate("+t.glareAngle+"deg) translate(-50%, -50%)",t.glareEl.style.opacity=t.glareOpacity.toString(),t.glareEl.style.background="linear-gradient(0deg, rgba(255,255,255,0) 0%, "+n+" 100%)"},this.glareWrapperEl=document.createElement("div"),this.glareEl=document.createElement("div"),this.glareWrapperEl.appendChild(this.glareEl),this.glareWrapperEl.className="glare-wrapper",this.glareEl.className="glare";var n=this.calculateGlareSize(e),i={position:"absolute",top:"50%",left:"50%","transform-origin":"0% 0%","pointer-events":"none",width:n.width+"px",height:n.height+"px"};Object.assign(this.glareWrapperEl.style,{position:"absolute",top:"0",left:"0",width:"100%",height:"100%",overflow:"hidden"}),Object.assign(this.glareEl.style,i)};return function(e){function i(){var t=null!==e&&e.apply(this,arguments)||this;return t.wrapperEl=l,t.tilt=null,t.glare=null,t.mainLoop=function(e){null!==t.wrapperEl.updateAnimationId&&cancelAnimationFrame(t.wrapperEl.updateAnimationId),t.processInput(e),t.update(e.type),t.wrapperEl.updateAnimationId=requestAnimationFrame(t.renderFrame)},t.onWindowResize=function(){t.setWrapperElSize(),t.glare&&t.glare.setSize(t.wrapperEl.size)},t.onEnter=function(e){var n=t.props.onEnter;t.wrapperEl.node.style.willChange="transform",t.setTransition(),n&&n(e.type)},t.onMove=function(e){t.mainLoop(e);var n=t.props.onMove,i=0,r=0;t.glare&&(i=t.glare.glareAngle,r=t.glare.glareOpacity),n&&n(t.tilt.tiltAngleX,t.tilt.tiltAngleY,t.tilt.tiltAngleXPercentage,t.tilt.tiltAngleYPercentage,i,r,e.type)},t.onLeave=function(e){var n=t.props.onLeave;if(t.setTransition(),n&&n(e.type),t.props.reset){var i=new CustomEvent("autoreset");t.onMove(i)}},t.processInput=function(e){var n=t.props.scale;switch(e.type){case"mousemove":t.wrapperEl.clientPosition.x=e.clientX,t.wrapperEl.clientPosition.y=e.clientY,t.wrapperEl.scale=n;break;case"touchmove":t.wrapperEl.clientPosition.x=e.touches[0].pageX,t.wrapperEl.clientPosition.y=e.touches[0].pageY,t.wrapperEl.scale=n;break;case"deviceorientation":t.processInputDeviceOrientation(e),t.wrapperEl.scale=n;break;case"autoreset":t.wrapperEl.clientPosition.xPercentage=0,t.wrapperEl.clientPosition.yPercentage=0,t.wrapperEl.scale=1}},t.processInputDeviceOrientation=function(e){if(e.gamma&&e.beta&&t.props.gyroscope){var n=t.props,i=n.tiltMaxAngleY,r=e.gamma;t.wrapperEl.clientPosition.xPercentage=e.beta/n.tiltMaxAngleX*100,t.wrapperEl.clientPosition.yPercentage=r/i*100,t.wrapperEl.clientPosition.xPercentage=o(t.wrapperEl.clientPosition.xPercentage,-100,100),t.wrapperEl.clientPosition.yPercentage=o(t.wrapperEl.clientPosition.yPercentage,-100,100)}},t.update=function(e){var n=t.props,i=n.tiltEnable,r=n.flipVertically,l=n.flipHorizontally;t.updateClientInput(e),i&&t.tilt.update(t.wrapperEl.clientPosition,t.props),t.updateFlip(),t.tilt.updateTiltAnglesPercentage(t.props),t.glare&&t.glare.update(t.wrapperEl.clientPosition,t.props,r,l)},t.updateClientInput=function(e){if("autoreset"!==e&&"deviceorientation"!==e){var n=t.wrapperEl,i=n.size,r=n.clientPosition,l=(r.x-i.left)/i.width*200-100;t.wrapperEl.clientPosition.xPercentage=o((r.y-i.top)/i.height*200-100,-100,100),t.wrapperEl.clientPosition.yPercentage=o(l,-100,100)}},t.updateFlip=function(){var e=t.props,n=e.flipHorizontally;e.flipVertically&&(t.tilt.tiltAngleX+=180,t.tilt.tiltAngleY*=-1),n&&(t.tilt.tiltAngleY+=180)},t.renderFrame=function(){t.resetWrapperElTransform(),t.renderPerspective(),t.tilt.render(t.wrapperEl.node),t.renderScale(),t.glare&&t.glare.render(t.props)},t}return function(e,t){function i(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(i.prototype=t.prototype,new i)}(i,e),i.prototype.componentDidMount=function(){this.tilt=new s,this.addEventListeners(),this.setWrapperElSize(),this.initGlare();var e=new CustomEvent("autoreset");this.mainLoop(e)},i.prototype.componentWillUnmount=function(){clearTimeout(this.wrapperEl.transitionTimeoutId),null!==this.wrapperEl.updateAnimationId&&cancelAnimationFrame(this.wrapperEl.updateAnimationId),this.removeEventListeners()},i.prototype.componentDidUpdate=function(){var e=this.props;if(!(e.onMove||e.onEnter||e.onLeave)){var t=new CustomEvent("propchange");this.mainLoop(t)}},i.prototype.addEventListeners=function(){var e=this.props.gyroscope;if(window.addEventListener("resize",this.onWindowResize),e){if(!window.DeviceOrientationEvent)return void console.error("Browser doesn't support Device Orientation.");window.addEventListener("deviceorientation",this.onMove)}},i.prototype.removeEventListeners=function(){var e=this.props.gyroscope;window.removeEventListener("resize",this.onWindowResize),e&&window.DeviceOrientationEvent&&window.removeEventListener("deviceorientation",this.onMove)},i.prototype.initGlare=function(){this.props.glareEnable&&(this.glare=new u(this.wrapperEl.size),this.wrapperEl.node.appendChild(this.glare.glareWrapperEl))},i.prototype.setWrapperElSize=function(){var e=this.wrapperEl.node.getBoundingClientRect();this.wrapperEl.size.width=this.wrapperEl.node.offsetWidth,this.wrapperEl.size.height=this.wrapperEl.node.offsetHeight,this.wrapperEl.size.left=e.left,this.wrapperEl.size.top=e.top},i.prototype.resetWrapperElTransform=function(){this.wrapperEl.node.style.transform=""},i.prototype.renderPerspective=function(){this.wrapperEl.node.style.transform+="perspective("+this.props.perspective+"px) "},i.prototype.renderScale=function(){var e=this.wrapperEl.scale;this.wrapperEl.node.style.transform+="scale3d("+e+","+e+","+e+")"},i.prototype.setTransition=function(){var e=this.props,t=e.transitionSpeed,n=e.transitionEasing;this.wrapperEl.transitionTimeoutId=a(this.wrapperEl.node,"all",t,n,this.wrapperEl.transitionTimeoutId),this.glare&&(this.glare.transitionTimeoutId=a(this.glare.glareEl,"opacity",t,n,this.glare.transitionTimeoutId))},i.prototype.render=function(){var e=this,n=this.props;return t.createElement("div",{ref:function(t){return e.wrapperEl.node=t},onMouseEnter:this.onEnter,onMouseMove:this.onMove,onMouseLeave:this.onLeave,onTouchMove:this.onMove,onTouchStart:this.onEnter,onTouchEnd:this.onLeave,className:n.className,style:n.style},n.children)},i.defaultProps=r,i}(e.PureComponent)},"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):(e=e||self)["react-parallax-tilt"]=t(e.React);
 //# sourceMappingURL=react-parallax-tilt.umd.js.map

package.json

 {
   "name": "react-parallax-tilt",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "React parallax tilt effect",
@@ -5,0 +5,0 @@ "main": "./dist/react-parallax-tilt.umd.js",

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

Total package byte prevSize

98634

increased by2.75%

Number of package files

21

increased by23.53%

Lines of code

296

increased by3.5%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes