New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@lottiefiles/lottie-interactivity

Package Overview
Dependencies
Maintainers
4
Versions
29
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@lottiefiles/lottie-interactivity - npm Package Compare versions

Comparing version 1.0.0 to 1.1.0

dist/lottiefiles-lottie-interactivity-1.1.0.tgz

12

CHANGELOG.md

@@ -6,2 +6,14 @@ # Changelog

# [1.1.0](https://github.com/LottieFiles/lottie-interactivity/compare/v1.0.0...v1.1.0) (2021-09-28)
### Bug Fixes
* **scroll:** use start/end frames in seeking ([71f2197](https://github.com/LottieFiles/lottie-interactivity/commit/71f21973334f92e71323a1aa837902ce5b7d406a))
### Features
* **scroll:** reset frame count from loop to seek ([270b621](https://github.com/LottieFiles/lottie-interactivity/commit/270b6216ffd76ec4bfa2d59457c83748bae8e3d7))
# 1.0.0 (2021-08-10)

@@ -8,0 +20,0 @@

2

dist/lottie-interactivity.es.js

@@ -1,2 +0,2 @@

function e(t){return(e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(t)}function t(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function n(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function i(e,t){if(null==e)return{};var n,i,o=function(e,t){if(null==e)return{};var n,i,o={},r=Object.keys(e);for(i=0;i<r.length;i++)n=r[i],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(i=0;i<r.length;i++)n=r[i],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function o(e,t){var n=t.get(e);if(!n)throw new TypeError("attempted to get private field on non-instance");return n.get?n.get.call(e):n.value}var r={player:"lottie-player"},a=function(){function a(){var n=this,u=arguments.length>0&&void 0!==arguments[0]?arguments[0]:r,c=u.actions,f=u.container,d=u.mode,m=u.player,v=i(u,["actions","container","mode","player"]);if(t(this,a),s.set(this,{writable:!0,value:function(e){o(n,y).call(n,e.clientX,e.clientY)}}),l.set(this,{writable:!0,value:function(){o(n,y).call(n,-1,-1)}}),y.set(this,{writable:!0,value:function(e,t){if(-1!==e&&-1!==t){var i=n.getContainerCursorPosition(e,t);e=i.x,t=i.y}var o=n.actions.find((function(n){var i=n.position;return Array.isArray(i.x)&&Array.isArray(i.y)?e>=i.x[0]&&e<=i.x[1]&&t>=i.y[0]&&t<=i.y[1]:!Number.isNaN(i.x)&&!Number.isNaN(i.y)&&(e===i.x&&t===i.y)}));if(o)if("seek"===o.type){var r=(e-o.position.x[0])/(o.position.x[1]-o.position.x[0]),a=(t-o.position.y[0])/(o.position.y[1]-o.position.y[0]);n.player.playSegments(o.frames,!0),o.position.y[0]<0&&o.position.y[1]>1?n.player.goToAndStop(Math.floor(r*n.player.totalFrames),!0):n.player.goToAndStop(Math.ceil((r+a)/2*n.player.totalFrames),!0)}else"loop"===o.type?n.player.playSegments(o.frames,!0):"play"===o.type?(!0===n.player.isPaused&&n.player.resetSegments(),n.player.playSegments(o.frames)):"stop"===o.type&&n.player.goToAndStop(o.frames[0],!0)}}),p.set(this,{writable:!0,value:function(){var e=n.getContainerVisibility(),t=n.actions.find((function(t){var n=t.visibility;return e>=n[0]&&e<=n[1]}));t&&("seek"===t.type?n.player.goToAndStop(Math.ceil((e-t.visibility[0])/(t.visibility[1]-t.visibility[0])*n.player.totalFrames),!0):"loop"===t.type?(n.player.loop=!0,(null===n.assignedSegment||n.assignedSegment!==t.frames||!0===n.player.isPaused)&&(n.player.playSegments(t.frames,!0),n.assignedSegment=t.frames)):"play"===t.type?n.scrolledAndPlayed||(n.scrolledAndPlayed=!0,n.player.resetSegments(!0),n.player.play()):"stop"===t.type&&n.player.goToAndStop(t.frames[0],!0))}}),"object"!==e(m)||"AnimationItem"!==m.constructor.name){if("string"==typeof m){var g=document.querySelector(m);g&&"LOTTIE-PLAYER"===g.nodeName&&(m=g.getLottie())}else m instanceof HTMLElement&&"LOTTIE-PLAYER"===m.nodeName&&(m=m.getLottie());if(!m)throw new Error("".concat("[lottieInteractivity]:"," Specified player is invalid."),m)}"string"==typeof f&&(f=document.querySelector(f)),f||(f=m.wrapper),this.player=m,this.container=f,this.mode=d,this.actions=c,this.options=v,this.assignedSegment=null,this.scrolledAndPlayed=!1}var u,c,f;return u=a,(c=[{key:"getContainerVisibility",value:function(){var e=this.container.getBoundingClientRect(),t=e.top,n=e.height;return(window.innerHeight-t)/(window.innerHeight+n)}},{key:"getContainerCursorPosition",value:function(e,t){var n=this.container.getBoundingClientRect(),i=n.top;return{x:(e-n.left)/n.width,y:(t-i)/n.height}}},{key:"start",value:function(){var e=this;"scroll"===this.mode&&this.player.addEventListener("DOMLoaded",(function(){e.player.stop(),window.addEventListener("scroll",o(e,p))})),"cursor"===this.mode&&this.player.addEventListener("DOMLoaded",(function(){e.player.loop=!0,e.player.stop(),e.container.addEventListener("mousemove",o(e,s)),e.container.addEventListener("mouseout",o(e,l))}))}},{key:"stop",value:function(){"scroll"===this.mode&&window.removeEventListener("scroll",o(this,p)),"cursor"===this.mode&&(this.container.addEventListener("mousemove",o(this,s)),this.container.addEventListener("mouseout",o(this,l)))}},{key:"animate",value:function(e){var t=e.timing,n=e.draw,i=e.duration,o=performance.now();requestAnimationFrame((function e(r){var a=(r-o)/i;a>1&&(a=1);var s=t(a);n(s),a<1&&requestAnimationFrame(e)}))}}])&&n(u.prototype,c),f&&n(u,f),a}(),s=new WeakMap,l=new WeakMap,y=new WeakMap,p=new WeakMap,u=function(e){var t=new a(e);return t.start(),t};export default u;export{a as LottieInteractivity,u as create};
function e(t){return(e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(t)}function t(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function n(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function i(e,t){if(null==e)return{};var n,i,r=function(e,t){if(null==e)return{};var n,i,r={},o=Object.keys(e);for(i=0;i<o.length;i++)n=o[i],t.indexOf(n)>=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(i=0;i<o.length;i++)n=o[i],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}function r(e,t){var n=t.get(e);if(!n)throw new TypeError("attempted to get private field on non-instance");return n.get?n.get.call(e):n.value}var o={player:"lottie-player"},a=function(){function a(){var n=this,u=arguments.length>0&&void 0!==arguments[0]?arguments[0]:o,c=u.actions,f=u.container,d=u.mode,m=u.player,v=i(u,["actions","container","mode","player"]);if(t(this,a),s.set(this,{writable:!0,value:function(e){r(n,y).call(n,e.clientX,e.clientY)}}),l.set(this,{writable:!0,value:function(){r(n,y).call(n,-1,-1)}}),y.set(this,{writable:!0,value:function(e,t){if(-1!==e&&-1!==t){var i=n.getContainerCursorPosition(e,t);e=i.x,t=i.y}var r=n.actions.find((function(n){var i=n.position;return Array.isArray(i.x)&&Array.isArray(i.y)?e>=i.x[0]&&e<=i.x[1]&&t>=i.y[0]&&t<=i.y[1]:!Number.isNaN(i.x)&&!Number.isNaN(i.y)&&(e===i.x&&t===i.y)}));if(r)if("seek"===r.type){var o=(e-r.position.x[0])/(r.position.x[1]-r.position.x[0]),a=(t-r.position.y[0])/(r.position.y[1]-r.position.y[0]);n.player.playSegments(r.frames,!0),r.position.y[0]<0&&r.position.y[1]>1?n.player.goToAndStop(Math.floor(o*n.player.totalFrames),!0):n.player.goToAndStop(Math.ceil((o+a)/2*n.player.totalFrames),!0)}else"loop"===r.type?n.player.playSegments(r.frames,!0):"play"===r.type?(!0===n.player.isPaused&&n.player.resetSegments(),n.player.playSegments(r.frames)):"stop"===r.type&&n.player.goToAndStop(r.frames[0],!0)}}),p.set(this,{writable:!0,value:function(){var e=n.getContainerVisibility(),t=n.actions.find((function(t){var n=t.visibility;return e>=n[0]&&e<=n[1]}));if(t)if("seek"===t.type){var i=t.frames[0],r=2==t.frames.length?t.frames[1]:n.player.totalFrames-1;null!==n.assignedSegment&&(n.player.resetSegments(!0),n.assignedSegment=null),n.player.goToAndStop(i+Math.round((e-t.visibility[0])/(t.visibility[1]-t.visibility[0])*(r-i)),!0)}else"loop"===t.type?(n.player.loop=!0,(null===n.assignedSegment||n.assignedSegment!==t.frames||!0===n.player.isPaused)&&(n.player.playSegments(t.frames,!0),n.assignedSegment=t.frames)):"play"===t.type?n.scrolledAndPlayed||(n.scrolledAndPlayed=!0,n.player.resetSegments(!0),n.player.play()):"stop"===t.type&&n.player.goToAndStop(t.frames[0],!0)}}),"object"!==e(m)||"AnimationItem"!==m.constructor.name){if("string"==typeof m){var g=document.querySelector(m);g&&"LOTTIE-PLAYER"===g.nodeName&&(m=g.getLottie())}else m instanceof HTMLElement&&"LOTTIE-PLAYER"===m.nodeName&&(m=m.getLottie());if(!m)throw new Error("".concat("[lottieInteractivity]:"," Specified player is invalid."),m)}"string"==typeof f&&(f=document.querySelector(f)),f||(f=m.wrapper),this.player=m,this.container=f,this.mode=d,this.actions=c,this.options=v,this.assignedSegment=null,this.scrolledAndPlayed=!1}var u,c,f;return u=a,(c=[{key:"getContainerVisibility",value:function(){var e=this.container.getBoundingClientRect(),t=e.top,n=e.height;return(window.innerHeight-t)/(window.innerHeight+n)}},{key:"getContainerCursorPosition",value:function(e,t){var n=this.container.getBoundingClientRect(),i=n.top;return{x:(e-n.left)/n.width,y:(t-i)/n.height}}},{key:"start",value:function(){var e=this;"scroll"===this.mode&&this.player.addEventListener("DOMLoaded",(function(){e.player.stop(),window.addEventListener("scroll",r(e,p))})),"cursor"===this.mode&&this.player.addEventListener("DOMLoaded",(function(){e.player.loop=!0,e.player.stop(),e.container.addEventListener("mousemove",r(e,s)),e.container.addEventListener("mouseout",r(e,l))}))}},{key:"stop",value:function(){"scroll"===this.mode&&window.removeEventListener("scroll",r(this,p)),"cursor"===this.mode&&(this.container.addEventListener("mousemove",r(this,s)),this.container.addEventListener("mouseout",r(this,l)))}},{key:"animate",value:function(e){var t=e.timing,n=e.draw,i=e.duration,r=performance.now();requestAnimationFrame((function e(o){var a=(o-r)/i;a>1&&(a=1);var s=t(a);n(s),a<1&&requestAnimationFrame(e)}))}}])&&n(u.prototype,c),f&&n(u,f),a}(),s=new WeakMap,l=new WeakMap,y=new WeakMap,p=new WeakMap,u=function(e){var t=new a(e);return t.start(),t};export default u;export{a as LottieInteractivity,u as create};
//# sourceMappingURL=lottie-interactivity.es.js.map

@@ -1,2 +0,2 @@

!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e=e||self).LottieInteractivity={})}(this,(function(e){"use strict";function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function o(e,t){if(null==e)return{};var n,i,o=function(e,t){if(null==e)return{};var n,i,o={},r=Object.keys(e);for(i=0;i<r.length;i++)n=r[i],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(i=0;i<r.length;i++)n=r[i],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function r(e,t){var n=t.get(e);if(!n)throw new TypeError("attempted to get private field on non-instance");return n.get?n.get.call(e):n.value}var a={player:"lottie-player"},s=function(){function e(){var i=this,s=arguments.length>0&&void 0!==arguments[0]?arguments[0]:a,u=s.actions,f=s.container,d=s.mode,m=s.player,v=o(s,["actions","container","mode","player"]);if(n(this,e),l.set(this,{writable:!0,value:function(e){r(i,p).call(i,e.clientX,e.clientY)}}),y.set(this,{writable:!0,value:function(){r(i,p).call(i,-1,-1)}}),p.set(this,{writable:!0,value:function(e,t){if(-1!==e&&-1!==t){var n=i.getContainerCursorPosition(e,t);e=n.x,t=n.y}var o=i.actions.find((function(n){var i=n.position;return Array.isArray(i.x)&&Array.isArray(i.y)?e>=i.x[0]&&e<=i.x[1]&&t>=i.y[0]&&t<=i.y[1]:!Number.isNaN(i.x)&&!Number.isNaN(i.y)&&(e===i.x&&t===i.y)}));if(o)if("seek"===o.type){var r=(e-o.position.x[0])/(o.position.x[1]-o.position.x[0]),a=(t-o.position.y[0])/(o.position.y[1]-o.position.y[0]);i.player.playSegments(o.frames,!0),o.position.y[0]<0&&o.position.y[1]>1?i.player.goToAndStop(Math.floor(r*i.player.totalFrames),!0):i.player.goToAndStop(Math.ceil((r+a)/2*i.player.totalFrames),!0)}else"loop"===o.type?i.player.playSegments(o.frames,!0):"play"===o.type?(!0===i.player.isPaused&&i.player.resetSegments(),i.player.playSegments(o.frames)):"stop"===o.type&&i.player.goToAndStop(o.frames[0],!0)}}),c.set(this,{writable:!0,value:function(){var e=i.getContainerVisibility(),t=i.actions.find((function(t){var n=t.visibility;return e>=n[0]&&e<=n[1]}));t&&("seek"===t.type?i.player.goToAndStop(Math.ceil((e-t.visibility[0])/(t.visibility[1]-t.visibility[0])*i.player.totalFrames),!0):"loop"===t.type?(i.player.loop=!0,(null===i.assignedSegment||i.assignedSegment!==t.frames||!0===i.player.isPaused)&&(i.player.playSegments(t.frames,!0),i.assignedSegment=t.frames)):"play"===t.type?i.scrolledAndPlayed||(i.scrolledAndPlayed=!0,i.player.resetSegments(!0),i.player.play()):"stop"===t.type&&i.player.goToAndStop(t.frames[0],!0))}}),"object"!==t(m)||"AnimationItem"!==m.constructor.name){if("string"==typeof m){var g=document.querySelector(m);g&&"LOTTIE-PLAYER"===g.nodeName&&(m=g.getLottie())}else m instanceof HTMLElement&&"LOTTIE-PLAYER"===m.nodeName&&(m=m.getLottie());if(!m)throw new Error("".concat("[lottieInteractivity]:"," Specified player is invalid."),m)}"string"==typeof f&&(f=document.querySelector(f)),f||(f=m.wrapper),this.player=m,this.container=f,this.mode=d,this.actions=u,this.options=v,this.assignedSegment=null,this.scrolledAndPlayed=!1}var s,u,f;return s=e,(u=[{key:"getContainerVisibility",value:function(){var e=this.container.getBoundingClientRect(),t=e.top,n=e.height;return(window.innerHeight-t)/(window.innerHeight+n)}},{key:"getContainerCursorPosition",value:function(e,t){var n=this.container.getBoundingClientRect(),i=n.top;return{x:(e-n.left)/n.width,y:(t-i)/n.height}}},{key:"start",value:function(){var e=this;"scroll"===this.mode&&this.player.addEventListener("DOMLoaded",(function(){e.player.stop(),window.addEventListener("scroll",r(e,c))})),"cursor"===this.mode&&this.player.addEventListener("DOMLoaded",(function(){e.player.loop=!0,e.player.stop(),e.container.addEventListener("mousemove",r(e,l)),e.container.addEventListener("mouseout",r(e,y))}))}},{key:"stop",value:function(){"scroll"===this.mode&&window.removeEventListener("scroll",r(this,c)),"cursor"===this.mode&&(this.container.addEventListener("mousemove",r(this,l)),this.container.addEventListener("mouseout",r(this,y)))}},{key:"animate",value:function(e){var t=e.timing,n=e.draw,i=e.duration,o=performance.now();requestAnimationFrame((function e(r){var a=(r-o)/i;a>1&&(a=1);var s=t(a);n(s),a<1&&requestAnimationFrame(e)}))}}])&&i(s.prototype,u),f&&i(s,f),e}(),l=new WeakMap,y=new WeakMap,p=new WeakMap,c=new WeakMap,u=function(e){var t=new s(e);return t.start(),t};e.LottieInteractivity=s,e.create=u,e.default=u,Object.defineProperty(e,"__esModule",{value:!0})}));
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e=e||self).LottieInteractivity={})}(this,(function(e){"use strict";function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function o(e,t){if(null==e)return{};var n,i,o=function(e,t){if(null==e)return{};var n,i,o={},r=Object.keys(e);for(i=0;i<r.length;i++)n=r[i],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(i=0;i<r.length;i++)n=r[i],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function r(e,t){var n=t.get(e);if(!n)throw new TypeError("attempted to get private field on non-instance");return n.get?n.get.call(e):n.value}var a={player:"lottie-player"},s=function(){function e(){var i=this,s=arguments.length>0&&void 0!==arguments[0]?arguments[0]:a,c=s.actions,f=s.container,d=s.mode,m=s.player,v=o(s,["actions","container","mode","player"]);if(n(this,e),l.set(this,{writable:!0,value:function(e){r(i,p).call(i,e.clientX,e.clientY)}}),y.set(this,{writable:!0,value:function(){r(i,p).call(i,-1,-1)}}),p.set(this,{writable:!0,value:function(e,t){if(-1!==e&&-1!==t){var n=i.getContainerCursorPosition(e,t);e=n.x,t=n.y}var o=i.actions.find((function(n){var i=n.position;return Array.isArray(i.x)&&Array.isArray(i.y)?e>=i.x[0]&&e<=i.x[1]&&t>=i.y[0]&&t<=i.y[1]:!Number.isNaN(i.x)&&!Number.isNaN(i.y)&&(e===i.x&&t===i.y)}));if(o)if("seek"===o.type){var r=(e-o.position.x[0])/(o.position.x[1]-o.position.x[0]),a=(t-o.position.y[0])/(o.position.y[1]-o.position.y[0]);i.player.playSegments(o.frames,!0),o.position.y[0]<0&&o.position.y[1]>1?i.player.goToAndStop(Math.floor(r*i.player.totalFrames),!0):i.player.goToAndStop(Math.ceil((r+a)/2*i.player.totalFrames),!0)}else"loop"===o.type?i.player.playSegments(o.frames,!0):"play"===o.type?(!0===i.player.isPaused&&i.player.resetSegments(),i.player.playSegments(o.frames)):"stop"===o.type&&i.player.goToAndStop(o.frames[0],!0)}}),u.set(this,{writable:!0,value:function(){var e=i.getContainerVisibility(),t=i.actions.find((function(t){var n=t.visibility;return e>=n[0]&&e<=n[1]}));if(t)if("seek"===t.type){var n=t.frames[0],o=2==t.frames.length?t.frames[1]:i.player.totalFrames-1;null!==i.assignedSegment&&(i.player.resetSegments(!0),i.assignedSegment=null),i.player.goToAndStop(n+Math.round((e-t.visibility[0])/(t.visibility[1]-t.visibility[0])*(o-n)),!0)}else"loop"===t.type?(i.player.loop=!0,(null===i.assignedSegment||i.assignedSegment!==t.frames||!0===i.player.isPaused)&&(i.player.playSegments(t.frames,!0),i.assignedSegment=t.frames)):"play"===t.type?i.scrolledAndPlayed||(i.scrolledAndPlayed=!0,i.player.resetSegments(!0),i.player.play()):"stop"===t.type&&i.player.goToAndStop(t.frames[0],!0)}}),"object"!==t(m)||"AnimationItem"!==m.constructor.name){if("string"==typeof m){var g=document.querySelector(m);g&&"LOTTIE-PLAYER"===g.nodeName&&(m=g.getLottie())}else m instanceof HTMLElement&&"LOTTIE-PLAYER"===m.nodeName&&(m=m.getLottie());if(!m)throw new Error("".concat("[lottieInteractivity]:"," Specified player is invalid."),m)}"string"==typeof f&&(f=document.querySelector(f)),f||(f=m.wrapper),this.player=m,this.container=f,this.mode=d,this.actions=c,this.options=v,this.assignedSegment=null,this.scrolledAndPlayed=!1}var s,c,f;return s=e,(c=[{key:"getContainerVisibility",value:function(){var e=this.container.getBoundingClientRect(),t=e.top,n=e.height;return(window.innerHeight-t)/(window.innerHeight+n)}},{key:"getContainerCursorPosition",value:function(e,t){var n=this.container.getBoundingClientRect(),i=n.top;return{x:(e-n.left)/n.width,y:(t-i)/n.height}}},{key:"start",value:function(){var e=this;"scroll"===this.mode&&this.player.addEventListener("DOMLoaded",(function(){e.player.stop(),window.addEventListener("scroll",r(e,u))})),"cursor"===this.mode&&this.player.addEventListener("DOMLoaded",(function(){e.player.loop=!0,e.player.stop(),e.container.addEventListener("mousemove",r(e,l)),e.container.addEventListener("mouseout",r(e,y))}))}},{key:"stop",value:function(){"scroll"===this.mode&&window.removeEventListener("scroll",r(this,u)),"cursor"===this.mode&&(this.container.addEventListener("mousemove",r(this,l)),this.container.addEventListener("mouseout",r(this,y)))}},{key:"animate",value:function(e){var t=e.timing,n=e.draw,i=e.duration,o=performance.now();requestAnimationFrame((function e(r){var a=(r-o)/i;a>1&&(a=1);var s=t(a);n(s),a<1&&requestAnimationFrame(e)}))}}])&&i(s.prototype,c),f&&i(s,f),e}(),l=new WeakMap,y=new WeakMap,p=new WeakMap,u=new WeakMap,c=function(e){var t=new s(e);return t.start(),t};e.LottieInteractivity=s,e.create=c,e.default=c,Object.defineProperty(e,"__esModule",{value:!0})}));
//# sourceMappingURL=lottie-interactivity.min.js.map
{
"name": "@lottiefiles/lottie-interactivity",
"description": "This is a small effects and interactivity library written to be paired with the Lottie Web Player",
"version": "1.0.0",
"version": "1.1.0",
"license": "MIT",

@@ -6,0 +6,0 @@ "main": "./dist/lottie-interactivity.min.js",

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc