scroll-rise - npm Package Compare versions

Comparing version 1.5.0 to 1.6.0

lib/index.d.ts

@@ -5,12 +5,13 @@ export { ScrollRise } from './scroll-rise';
 export { Util } from './util';
-export { StickyPlatformScene } from './models/scenes/sticky-platform.scene';
-export { FixedActorsScene } from './models/scenes/fixed-actors.scene';
-export { SceneOptions } from './models/scenes/scene.model';
-export { TimeFrame } from './models/time-frame.model';
-export { StaticActor } from './models/actors/static.actor';
-export { RefActor } from './models/actors/ref.actor';
-export { Motion } from './models/motions/motion.model';
-export { MoveMotion } from './models/motions/move.motion';
-export { SizeMotion } from './models/motions/size.motion';
-export { OpacityMotion } from './models/motions/opacity.motion';
-export { BoundMotion, BoundValue } from './models/motions/bound.motion';
+export { StickyPlatformScene } from './scenes/sticky-platform.scene';
+export { FixedActorsScene } from './scenes/fixed-actors.scene';
+export { SceneOptions } from './scenes/scene';
+export { TimeFrame } from './time-frame';
+export { StaticActor } from './actors/static.actor';
+export { RefActor } from './actors/ref.actor';
+export { Motion } from './motions/motion';
+export { MoveMotion } from './motions/move.motion';
+export { SizeMotion } from './motions/size.motion';
+export { OpacityMotion } from './motions/opacity.motion';
+export { BoundMotion, BoundValue } from './motions/bound.motion';
+export { MeasuringGridModel } from './models/measuring-grid.model';

lib/index.es.js

@@ -1,2 +0,2 @@
-var t={d:(e,n)=>{for(var i in n)t.o(n,i)&&!t.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:n[i]})},o:(t,e)=>Object.prototype.hasOwnProperty.call(t,e)},e={};t.d(e,{FK:()=>x,xy:()=>p,y_:()=>W,yz:()=>O,Jj:()=>L,Vi:()=>_,sP:()=>o,vJ:()=>r,XC:()=>E,Rp:()=>H,jL:()=>u,nv:()=>d,Zr:()=>i});var n,i=function(){function t(){}return t.castToInt=function(t){return Math.round(t)},t.clientWidth=function(){return document.documentElement.clientWidth},t.clientHeight=function(){return document.documentElement.clientHeight},t.innerWidth=function(){return window.innerWidth},t.innerHeight=function(){return window.innerHeight},t.documentHeight=function(){return Math.max(document.body.scrollHeight,document.documentElement.scrollHeight,document.body.offsetHeight,document.documentElement.offsetHeight,document.body.clientHeight,document.documentElement.clientHeight)},t.windowSizes=function(){return{clientWidth:this.clientWidth(),clientHeight:this.clientHeight(),innerWidth:this.innerWidth(),innerHeight:this.innerHeight(),documentHeight:this.documentHeight()}},t.logWindowSizes=function(){console.log("Window size:"),console.log("document.documentElement.clientWidth, clientHeight",document.documentElement.clientWidth,document.documentElement.clientHeight),console.log("document.documentElement.scrollWidth, scrollHeight",document.documentElement.scrollWidth,document.documentElement.scrollHeight),console.log("document.body.scrollWidth, scrollHeight",document.body.scrollWidth,document.body.scrollHeight),console.log("document.body.offsetWidth, offsetHeight",document.body.offsetWidth,document.body.offsetHeight),console.log("document.documentElement.offsetWidth, offsetHeight",document.documentElement.offsetWidth,document.documentElement.offsetHeight),console.log("document.body.clientWidth, clientHeight",document.body.clientWidth,document.body.clientHeight),console.log("window.innerWidth, innerHeight",window.innerWidth,window.innerHeight)},t}(),o=function(){function t(t){this.scene=t,this.initialized=!1,this.ticking=!1,this.saveDisplaySize(),this.init(),this.tick()}return t.prototype.saveDisplaySize=function(){this.displayWidth=i.clientWidth(),this.displayHeight=i.clientHeight()},t.prototype.isNeedResize=function(){return!0},t.prototype.tick=function(){var t=this;this.ticking||(null===window||void 0===window||window.requestAnimationFrame((function(){t.render(t.scene.elementY()),t.ticking=!1})),this.ticking=!0)},t.prototype.pos=function(t){return-(t+this.scene.offset())},t.prototype.scroll=function(){this.tick()},t.prototype.resize=function(){this.isNeedResize()&&(this.scene.resizeHeight(),this.tick())},t.prototype.init=function(){if(this.initialized)throw new Error("Scroll-Rise has already been initialized");this.initialized=!0,this.scrollListener=this.scroll.bind(this),null===window||void 0===window||window.addEventListener("scroll",this.scrollListener),this.resizeListener=this.resize.bind(this),null===window||void 0===window||window.addEventListener("resize",this.resizeListener),this.tick()},t.prototype.stop=function(){if(!this.initialized)throw new Error("Scroll-Rise hasn't yet been initialized");this.initialized=!1,void 0!==this.scrollListener&&(null===window||void 0===window||window.removeEventListener("scroll",this.scrollListener)),void 0!==this.resizeListener&&(null===window||void 0===window||window.removeEventListener("resize",this.resizeListener))},t.prototype.render=function(t){for(var e=0,n=this.scene.actors;e<n.length;e++)n[e].render(this.pos(t),this.scene)},t}(),r=function(){function t(t,e){this.container=t,this.options=e}return t.prototype.handleScrollReset=function(){scrollY=this.container.scrollTop},t.prototype.exclude=function(t){var e,n,i=this;if(null===(n=null===(e=this.options)||void 0===e?void 0:e.excludeIds)||void 0===n?void 0:n.length)return document.elementsFromPoint(t.clientX,t.clientY).find((function(t){var e,n;return null===(n=null===(e=i.options)||void 0===e?void 0:e.excludeIds)||void 0===n?void 0:n.includes(t.id)}))},t.prototype.handleMouseWheel=function(t){var e,n;if(!this.exclude(t)){t.preventDefault();var i=t.deltaY;if(i=(null===(e=this.options)||void 0===e?void 0:e.deltaY)?i*this.options.deltaY:i,(null===(n=this.options)||void 0===n?void 0:n.limitY)&&Math.abs(i)>this.options.limitY&&(i=i>0?this.options.limitY:-this.options.limitY),scrollY+=i,scrollY>0){var o=this.container.scrollHeight-this.container.clientHeight;scrollY>o&&(scrollY=o)}else scrollY=0;null===window||void 0===window||window.scrollTo(0,scrollY)}},t.prototype.init=function(){this.mouseupListener=this.handleScrollReset.bind(this),this.mousedownListener=this.handleScrollReset.bind(this),this.mousewheelListener=this.handleMouseWheel.bind(this),this.container.addEventListener("mouseup",this.mouseupListener,!1),this.container.addEventListener("mousedown",this.mousedownListener,!1),this.container.addEventListener("mousewheel",this.mousewheelListener,{passive:!1}),this.container.addEventListener("DOMMouseScroll",this.mousewheelListener,{passive:!1}),this.container.addEventListener("wheel",this.mousewheelListener,{passive:!1})},t.prototype.stop=function(){this.mouseupListener&&this.container.removeEventListener("mouseup",this.mouseupListener),this.mousedownListener&&this.container.removeEventListener("mousedown",this.mousedownListener),this.mousewheelListener&&(this.container.removeEventListener("mousewheel",this.mousewheelListener),this.container.removeEventListener("DOMMouseScroll",this.mousewheelListener),this.container.removeEventListener("wheel",this.mousewheelListener))},t}(),s=function(){return s=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},s.apply(this,arguments)},c=function(){function t(t,e,n){this.el=t,this.height=e,this.options=n,this._actors=[],this.setDefaults(),this.init()}return t.prototype.setDefaults=function(){this.options=s(s({},this.defaults()),this.options)},t.prototype.defaults=function(){return{offset:function(){return 0}}},t.prototype.offset=function(){return this.options.offset(i.clientWidth(),i.clientHeight(),this.elementHeight())},t.prototype.elementY=function(){return this.el.getBoundingClientRect().y},t.prototype.elementHeight=function(){return this.height(i.clientWidth(),i.clientHeight())},t.prototype.add=function(t){this._actors.push(t)},Object.defineProperty(t.prototype,"actors",{get:function(){return this._actors},enumerable:!1,configurable:!0}),t.prototype.interceptY=function(t,e,n,i){},t}(),l=(n=function(t,e){return n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])},n(t,e)},function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function i(){this.constructor=t}n(t,e),t.prototype=null===e?Object.create(e):(i.prototype=e.prototype,new i)}),h=function(){return h=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},h.apply(this,arguments)},u=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.name="StickyPlatformScene",e}return l(e,t),e.prototype.defaults=function(){return h(h({},t.prototype.defaults.call(this)),{stickyPlatformHeight:function(t,e){return e}})},e.prototype.resizeHeight=function(){this.el.style.height="".concat(this.height(i.clientWidth(),i.clientHeight()),"px"),this.resizePlatform()},e.prototype.resizePlatform=function(){this.platform.style.height="".concat(this.options.stickyPlatformHeight(i.clientWidth(),i.clientHeight()),"px")},e.prototype.init=function(){this.el.style.position="relative",this.el.style.overflow="visible",this.platform=document.createElement("div"),this.platform.style.position="sticky",this.platform.style.top="0",this.platform.style.left="0",this.platform.style.width="100%",this.resizeHeight(),this.el.appendChild(this.platform)},e.prototype.add=function(e){var n;t.prototype.add.call(this,e),this.el===(null===(n=e.element)||void 0===n?void 0:n.parentElement)&&(this.platform.appendChild(e.element),e.element.style.position="absolute"),e.initElement(this.elementY(),this)},e.prototype.interceptY=function(e,n,i,o){return e<n.getStartPos()?i():e>n.getEndPos()?o():t.prototype.interceptY.call(this,e,n,i,o)},e}(c),a=function(){var t=function(e,n){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])},t(e,n)};return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}(),p=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.name="FixedActorsScene",e}return a(e,t),e.prototype.resizeHeight=function(){this.el.style.height="".concat(this.height(i.clientWidth(),i.clientHeight()),"px")},e.prototype.init=function(){this.resizeHeight()},e.prototype.add=function(e){t.prototype.add.call(this,e),e.element.style.position="fixed",e.initElement(this.elementY(),this)},e.prototype.interceptY=function(e,n,o,r){if(e<n.getStartPos())return this.elementY()+o();var s=this.elementHeight()+this.elementY();if(s<i.clientHeight()){var c=i.clientHeight()-s;return r()-c}return t.prototype.interceptY.call(this,e,n,o,r)},e}(c),d=function(){function t(t,e,n){if(void 0===n&&(n=e),this.motion=t,this.start=e,this.end=n,void 0===n)this.end=e;else if(this.getStartPos()>this.getEndPos())throw new SyntaxError('"Start" later than "End" in the frame')}return t.prototype.getStartPos=function(){return this.start(i.clientWidth(),i.clientHeight())},t.prototype.getEndPos=function(){return this.end(i.clientWidth(),i.clientHeight())},t.prototype.length=function(){return this.getEndPos()-this.getStartPos()},t}(),f=function(t,e,n){if(n||2===arguments.length)for(var i,o=0,r=e.length;o<r;o++)!i&&o in e||(i||(i=Array.prototype.slice.call(e,0,o)),i[o]=e[o]);return t.concat(i||Array.prototype.slice.call(e))},y=function(){function t(){this.frames=[]}return t.prototype.afterBindElement=function(){},t.prototype.groupFramesByMotion=function(t){return t.reduce((function(t,e){var n=e.motion.name;return t[n]=t[n]?f(f([],t[n],!0),[e],!1):[e],t}),{})},t.prototype.render=function(t,e){var n;this.beforeRender&&this.beforeRender();for(var o=this.groupFramesByMotion(this.frames),r=0,s=Object.keys(o);r<s.length;r++)if(o[u=s[r]].length>1){var c=o[u].filter((function(e){return t<e.getStartPos()&&t+i.clientHeight()>=e.getStartPos()||t>=e.getStartPos()&&t+i.clientHeight()<=e.getEndPos()||t>=e.getStartPos()&&t<=e.getEndPos()}));1===c.length?o[u]=c:0===c.length&&o[u].length?(o[u].sort((function(t,e){return t.getStartPos()-e.getStartPos()})),t+i.clientHeight()<o[u][0].getStartPos()?o[u]=[o[u][0]]:(o[u].sort((function(t,e){return t.getEndPos()>e.getEndPos()?-1:t.getEndPos()>e.getEndPos()?0:1})),t>o[u][0].getEndPos()&&(o[u]=[o[u][0]]))):(c.sort((function(t,e){return t.getStartPos()-e.getStartPos()})),o[u]=[c[c.length-1]])}if(this.element)for(var l=0,h=Object.keys(o);l<h.length;l++){var u;(null===(n=o[u=h[l]])||void 0===n?void 0:n.length)&&o[u][0].motion.make(t,o[u][0],this.element,e)}this.afterRender&&this.afterRender()},t.prototype.addFrame=function(t){this.frames.push(t)},t.prototype.addFrames=function(t){this.frames=this.frames.concat(t)},t.prototype.initElement=function(t,e){this.element=this.bindElement(t,e),this.afterBindElement()},t}(),g=function(){var t=function(e,n){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])},t(e,n)};return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}(),m=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return g(e,t),e.prototype.findFirstFrame=function(t){return this.frames.reduce((function(e,n){return n.motion.name===t?e?n.getStartPos()<(null==e?void 0:e.getStartPos())?n:e:n:e||void 0}),void 0)},e.prototype.findFirstMoveMotionFrame=function(){var t=this.findFirstFrame("MoveMotion");if(t)return t;throw new Error('First "MoveMotion" frame wasn\'t found')},e.prototype.calcStartSize=function(){var t=this.findFirstFrame("SizeMotion");if(t){var e=t.motion;return{width:e.startWidth,height:e.startHeight}}throw new Error('First "SizeMotion" frame wasn\'t found')},e.prototype.calcStartOpacity=function(){var t=this.findFirstFrame("OpacityMotion");if(t)return t.motion.start;throw new Error('First "OpacityMotion" frame wasn\'t found')},e.prototype.bindElement=function(t,e){return this.element},e}(y),v=function(){var t=function(e,n){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])},t(e,n)};return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}(),w=function(){return w=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},w.apply(this,arguments)},H=function(t){function e(e,n){var i=t.call(this)||this;return i.element=e,i.options=n,i.options=w({initPosition:!0,initSize:!0,initOpacity:!0},i.options),i}return v(e,t),e.prototype.bindElement=function(t,e){var n,o,r;if(this.element){if(null===(n=this.options)||void 0===n?void 0:n.initPosition){var s=this.findFirstMoveMotionFrame();s.motion.make(t,s,this.element,e)}if(null===(o=this.options)||void 0===o?void 0:o.initSize){var c=this.calcStartSize();this.element.style.width="".concat(c.width(i.clientWidth(),i.clientHeight()),"px"),this.element.style.height="".concat(c.height(i.clientWidth(),i.clientHeight()),"px")}if(null===(r=this.options)||void 0===r?void 0:r.initOpacity){var l=this.calcStartOpacity();this.element.style.opacity="".concat(l(i.clientWidth(),i.clientHeight()))}}return this.element},e}(m),P=function(){var t=function(e,n){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])},t(e,n)};return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}(),_=function(t){function e(e){var n=t.call(this)||this;return n.element=e,n}return P(e,t),e.prototype.bindElement=function(){return this.element},e}(m),W=function(){},b=function(){var t=function(e,n){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])},t(e,n)};return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}(),O=function(t){function e(e){var n=t.call(this)||this;return n.name="MoveMotion",n.startX=e.startX,n.endX=e.endX,n.startY=e.startY,n.endY=e.endY,n}return b(e,t),e.prototype.renderX=function(t,e,n){if(n){if(t<e.getStartPos())return void(n.style.left="".concat(this.startX(i.clientWidth(),i.clientHeight()),"px"));if(t>e.getEndPos())return void(n.style.left="".concat(this.endX(i.clientWidth(),i.clientHeight()),"px"));var o=(this.endX(i.clientWidth(),i.clientHeight())-this.startX(i.clientWidth(),i.clientHeight()))/e.length(),r=i.castToInt(this.startX(i.clientWidth(),i.clientHeight())+o*(t-e.getStartPos()));n.style.left="".concat(r,"px")}},e.prototype.renderY=function(t,e,n,o){var r=this,s=function(){return r.startY(i.clientWidth(),i.clientHeight())},c=function(){return r.endY(i.clientWidth(),i.clientHeight())};if(n){var l=(c()-s())/e.length(),h=i.castToInt(s()+l*(e.getStartPos()+t)),u=o.interceptY(t,e,s,c);void 0!==u&&(h=u),n.style.top="".concat(h,"px")}},e.prototype.make=function(t,e,n,i){this.renderX(t,e,n),this.renderY(t,e,n,i)},e}(W),S=function(){var t=function(e,n){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])},t(e,n)};return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}(),E=function(t){function e(e){var n=t.call(this)||this;return n.name="SizeMotion",n.startWidth=e.startWidth,n.endWidth=e.endWidth,n.startHeight=e.startHeight,n.endHeight=e.endHeight,n}return S(e,t),e.prototype.renderWidth=function(t,e,n){if(n){if(t<e.getStartPos())return void(n.style.width="".concat(this.startWidth(i.clientWidth(),i.clientHeight()),"px"));if(t>e.getEndPos())return void(n.style.width="".concat(this.endWidth(i.clientWidth(),i.clientHeight()),"px"));var o=(this.endWidth(i.clientWidth(),i.clientHeight())-this.startWidth(i.clientWidth(),i.clientHeight()))/e.length(),r=this.startWidth(i.clientWidth(),i.clientHeight())+o*(t-e.getStartPos());n.style.width="".concat(r,"px")}},e.prototype.renderHeight=function(t,e,n){if(n){if(t<e.getStartPos())return void(n.style.height="".concat(this.startHeight(i.clientWidth(),i.clientHeight()),"px"));if(t>e.getEndPos())return void(n.style.height="".concat(this.endHeight(i.clientWidth(),i.clientHeight()),"px"));var o=(this.endHeight(i.clientWidth(),i.clientHeight())-this.startHeight(i.clientWidth(),i.clientHeight()))/e.length(),r=this.startHeight(i.clientWidth(),i.clientHeight())+o*(t-e.getStartPos());n.style.height="".concat(r,"px")}},e.prototype.make=function(t,e,n){this.renderWidth(t,e,n),this.renderHeight(t,e,n)},e}(W),j=function(){var t=function(e,n){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])},t(e,n)};return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}(),L=function(t){function e(e){var n=t.call(this)||this;return n.name="OpacityMotion",n.start=e.start,n.end=e.end,n}return j(e,t),e.prototype.renderOpacity=function(t,e,n){if(n){if(t<e.getStartPos())return void(n.style.opacity=this.start(i.clientWidth(),i.clientHeight()).toString());if(t>e.getEndPos())return void(n.style.opacity=this.end(i.clientWidth(),i.clientHeight()).toString());var o=(this.end(i.clientWidth(),i.clientHeight())-this.start(i.clientWidth(),i.clientHeight()))/e.length(),r=this.start(i.clientWidth(),i.clientHeight())+o*(t-e.getStartPos());n.style.opacity=r.toString()}},e.prototype.make=function(t,e,n){this.renderOpacity(t,e,n)},e}(W),z=function(){var t=function(e,n){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])},t(e,n)};return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}(),x=function(t){function e(e){var n=t.call(this)||this;return n.name="BoundMotion",n.before=e.before,n.after=e.after,n}return z(e,t),e.prototype.applyProperties=function(t,e){for(var n=0,i=Object.keys(e);n<i.length;n++){var o=i[n];t.style[o]=e[o]}},e.prototype.make=function(t,e,n){n&&(t<e.getStartPos()?this.applyProperties(n,this.before(i.clientWidth(),i.clientHeight())):this.applyProperties(n,this.after(i.clientWidth(),i.clientHeight())))},e}(W),Y=e.FK,M=e.xy,F=e.y_,k=e.yz,R=e.Jj,A=e.Vi,T=e.sP,C=e.vJ,X=e.XC,B=e.Rp,D=e.jL,I=e.nv,J=e.Zr;export{Y as BoundMotion,M as FixedActorsScene,F as Motion,k as MoveMotion,R as OpacityMotion,A as RefActor,T as ScrollRise,C as ScrollRiseSpeed,X as SizeMotion,B as StaticActor,D as StickyPlatformScene,I as TimeFrame,J as Util};
+var t={d:(e,i)=>{for(var n in i)t.o(i,n)&&!t.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:i[n]})},o:(t,e)=>Object.prototype.hasOwnProperty.call(t,e)},e={};t.d(e,{FK:()=>j,xy:()=>p,y_:()=>W,yz:()=>E,Jj:()=>z,Vi:()=>P,sP:()=>o,vJ:()=>r,XC:()=>L,Rp:()=>b,jL:()=>u,nv:()=>f,Zr:()=>n});var i,n=function(){function t(){}return t.castToInt=function(t){return Math.round(t)},t.clientWidth=function(){return document.documentElement.clientWidth},t.clientHeight=function(){return document.documentElement.clientHeight},t.innerWidth=function(){return window.innerWidth},t.innerHeight=function(){return window.innerHeight},t.documentHeight=function(){return Math.max(document.body.scrollHeight,document.documentElement.scrollHeight,document.body.offsetHeight,document.documentElement.offsetHeight,document.body.clientHeight,document.documentElement.clientHeight)},t.windowSizes=function(){return{clientWidth:this.clientWidth(),clientHeight:this.clientHeight(),innerWidth:this.innerWidth(),innerHeight:this.innerHeight(),documentHeight:this.documentHeight()}},t.logWindowSizes=function(){console.log("Window size:"),"undefined"!=typeof document?(console.log("document.documentElement.clientWidth, clientHeight",document.documentElement.clientWidth,document.documentElement.clientHeight),console.log("document.documentElement.scrollWidth, scrollHeight",document.documentElement.scrollWidth,document.documentElement.scrollHeight),console.log("document.body.scrollWidth, scrollHeight",document.body.scrollWidth,document.body.scrollHeight),console.log("document.body.offsetWidth, offsetHeight",document.body.offsetWidth,document.body.offsetHeight),console.log("document.documentElement.offsetWidth, offsetHeight",document.documentElement.offsetWidth,document.documentElement.offsetHeight),console.log("document.body.clientWidth, clientHeight",document.body.clientWidth,document.body.clientHeight)):console.log("document is not defined"),"undefined"!=typeof window?console.log("window.innerWidth, innerHeight",window.innerWidth,window.innerHeight):console.log("window is not defined")},t}(),o=function(){function t(t){this.scene=t,this.initialized=!1,this.ticking=!1,this.saveDisplaySize(),this.init(),this.tick()}return t.prototype.saveDisplaySize=function(){this.displayWidth=n.clientWidth(),this.displayHeight=n.clientHeight()},t.prototype.isNeedResize=function(){return!0},t.prototype.tick=function(){var t=this;this.ticking||(null===window||void 0===window||window.requestAnimationFrame((function(){t.render(t.scene.elementY()),t.ticking=!1})),this.ticking=!0)},t.prototype.pos=function(t){return-(t+this.scene.offset())},t.prototype.scroll=function(){this.tick()},t.prototype.resize=function(){this.isNeedResize()&&(this.scene.resizeHeight(),this.scene.redrawMeasuringGrid(),this.tick())},t.prototype.init=function(){if(this.initialized)throw new Error("Scroll-Rise has already been initialized");this.initialized=!0,this.scrollListener=this.scroll.bind(this),null===window||void 0===window||window.addEventListener("scroll",this.scrollListener),this.resizeListener=this.resize.bind(this),null===window||void 0===window||window.addEventListener("resize",this.resizeListener),this.tick()},t.prototype.stop=function(){if(!this.initialized)throw new Error("Scroll-Rise hasn't yet been initialized");this.initialized=!1,void 0!==this.scrollListener&&(null===window||void 0===window||window.removeEventListener("scroll",this.scrollListener)),void 0!==this.resizeListener&&(null===window||void 0===window||window.removeEventListener("resize",this.resizeListener))},t.prototype.render=function(t){for(var e=0,i=this.scene.actors;e<i.length;e++)i[e].render(this.pos(t),this.scene)},t.version=function(){return"1.6.0"},t}(),r=function(){function t(t,e){this.container=t,this.options=e}return t.prototype.handleScrollReset=function(){scrollY=this.container.scrollTop},t.prototype.exclude=function(t){var e,i,n=this;if(null===(i=null===(e=this.options)||void 0===e?void 0:e.excludeIds)||void 0===i?void 0:i.length)return document.elementsFromPoint(t.clientX,t.clientY).find((function(t){var e,i;return null===(i=null===(e=n.options)||void 0===e?void 0:e.excludeIds)||void 0===i?void 0:i.includes(t.id)}))},t.prototype.handleMouseWheel=function(t){var e,i;if(!this.exclude(t)){t.preventDefault();var n=t.deltaY;if(n=(null===(e=this.options)||void 0===e?void 0:e.deltaY)?n*this.options.deltaY:n,(null===(i=this.options)||void 0===i?void 0:i.limitY)&&Math.abs(n)>this.options.limitY&&(n=n>0?this.options.limitY:-this.options.limitY),scrollY+=n,scrollY>0){var o=this.container.scrollHeight-this.container.clientHeight;scrollY>o&&(scrollY=o)}else scrollY=0;null===window||void 0===window||window.scrollTo(0,scrollY)}},t.prototype.init=function(){this.mouseupListener=this.handleScrollReset.bind(this),this.mousedownListener=this.handleScrollReset.bind(this),this.mousewheelListener=this.handleMouseWheel.bind(this),this.container.addEventListener("mouseup",this.mouseupListener,!1),this.container.addEventListener("mousedown",this.mousedownListener,!1),this.container.addEventListener("mousewheel",this.mousewheelListener,{passive:!1}),this.container.addEventListener("DOMMouseScroll",this.mousewheelListener,{passive:!1}),this.container.addEventListener("wheel",this.mousewheelListener,{passive:!1})},t.prototype.stop=function(){this.mouseupListener&&this.container.removeEventListener("mouseup",this.mouseupListener),this.mousedownListener&&this.container.removeEventListener("mousedown",this.mousedownListener),this.mousewheelListener&&(this.container.removeEventListener("mousewheel",this.mousewheelListener),this.container.removeEventListener("DOMMouseScroll",this.mousewheelListener),this.container.removeEventListener("wheel",this.mousewheelListener))},t}(),s=function(){function t(t,e){this.element=t,this.grid=e,this.elements=[]}return t.prototype.createLabel=function(t,e,i){if(this.grid.label){var n=document.createElement("span");return n.style.position="absolute",n.style.top="".concat(e+this.grid.label.top,"px"),n.style.left="".concat(this.grid.label.left,"px"),n.style.color=i,n.style.fontSize=this.grid.label.fontSize,n.innerText=t.toString(),n}},t.prototype.appendToMeasuringGrid=function(t){this.elements.push(t),this.element.append(t)},t.prototype.createHorizontalLine=function(t,e,i){var n=document.createElement("hr");return n.style.position="absolute",n.style.width="100%",n.style.top="".concat(t,"px"),n.style.margin="0",n.style.border="none",n.style.borderBottom="1px ".concat(e," ").concat(i),n},t.prototype.appendHorizontalGridLines=function(t){for(var e,i,o,r=t.height(n.clientWidth(),n.clientHeight(),this.element.getBoundingClientRect().height),s=this.element.getBoundingClientRect().height/r,c=null!==(i=null===(e=t.label)||void 0===e?void 0:e.startWith)&&void 0!==i?i:0,l=0;l<=s;l++){var h=l*r;if(this.appendToMeasuringGrid(this.createHorizontalLine(h,"solid",t.color)),t.label&&(d=this.createLabel(c,h,t.color))&&(this.appendToMeasuringGrid(d),c+=1),(null===(o=t.subgrid)||void 0===o?void 0:o.height)&&l+1<=s)for(var a=t.subgrid.height(r),u=h+a;u<h+r;){var d;this.appendToMeasuringGrid(this.createHorizontalLine(u,t.subgrid.borderStyle,t.subgrid.color)),t.label&&(d=this.createLabel(c,u,t.color))&&(this.appendToMeasuringGrid(d),c+=1),u+=a}}},t.prototype.createVerticalLine=function(t,e,i){var n=document.createElement("div");return n.style.position="absolute",n.style.left="".concat(t,"px"),n.style.width="0px",n.style.height="100%",n.style.borderLeft="1px ".concat(e," ").concat(i),n.style.top="0",n},t.prototype.appendVerticalSubgridLined=function(t,e,i){for(var n=i.width(e),o=t+n;o<t+e;)this.appendToMeasuringGrid(this.createVerticalLine(o,i.borderStyle,i.color)),o+=n},t.prototype.appendVerticalGridLines=function(t){var e,i,o=t.width(n.clientWidth(),n.clientHeight());(null===(e=t.subgrid)||void 0===e?void 0:e.width)&&this.appendVerticalSubgridLined(0,o,t.subgrid);for(var r=o;r<this.element.getBoundingClientRect().width;)this.appendToMeasuringGrid(this.createVerticalLine(r,"solid",t.color)),(null===(i=t.subgrid)||void 0===i?void 0:i.width)&&this.appendVerticalSubgridLined(r,o,t.subgrid),r+=o},t.prototype.clearMeasuringGrid=function(){this.elements.forEach((function(t){return t.remove()})),this.elements=[]},t.prototype.redrawMeasuringGrid=function(){this.clearMeasuringGrid(),this.grid.height&&this.appendHorizontalGridLines(this.grid),this.grid.width&&this.appendVerticalGridLines(this.grid)},t}(),c=function(){return c=Object.assign||function(t){for(var e,i=1,n=arguments.length;i<n;i++)for(var o in e=arguments[i])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},c.apply(this,arguments)},l=function(){function t(t,e,i){this.element=t,this.height=e,this.options=i,this._actors=[],this.setDefaults(),this.init(),this.resizeHeight(),this.initMeasuringGrid(),this.redrawMeasuringGrid()}return t.prototype.setDefaults=function(){this.options=c(c({},this.defaults()),this.options)},t.prototype.defaults=function(){return{offset:function(){return 0}}},t.prototype.offset=function(){return this.options.offset(n.clientWidth(),n.clientHeight(),this.elementHeight())},t.prototype.initMeasuringGrid=function(){var t;(null===(t=this.options)||void 0===t?void 0:t.measuringGrid)&&(this.grid=new s(this.element,this.options.measuringGrid))},t.prototype.elementY=function(){return this.element.getBoundingClientRect().y},t.prototype.elementHeight=function(){return this.height(n.clientWidth(),n.clientHeight())},t.prototype.add=function(t){this._actors.push(t)},Object.defineProperty(t.prototype,"actors",{get:function(){return this._actors},enumerable:!1,configurable:!0}),t.prototype.interceptY=function(t,e,i,n){},t.prototype.redrawMeasuringGrid=function(){this.grid&&this.grid.redrawMeasuringGrid()},t}(),h=(i=function(t,e){return i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i])},i(t,e)},function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function n(){this.constructor=t}i(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}),a=function(){return a=Object.assign||function(t){for(var e,i=1,n=arguments.length;i<n;i++)for(var o in e=arguments[i])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},a.apply(this,arguments)},u=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.name="StickyPlatformScene",e}return h(e,t),e.prototype.defaults=function(){return a(a({},t.prototype.defaults.call(this)),{stickyPlatformHeight:function(t,e){return e}})},e.prototype.resizeHeight=function(){this.element.style.height="".concat(this.height(n.clientWidth(),n.clientHeight()),"px"),this.resizePlatform()},e.prototype.resizePlatform=function(){this.platform.style.height="".concat(this.options.stickyPlatformHeight(n.clientWidth(),n.clientHeight()),"px")},e.prototype.init=function(){this.element.style.position="relative",this.element.style.overflow="visible",this.platform=document.createElement("div"),this.platform.style.position="sticky",this.platform.style.top="0",this.platform.style.left="0",this.platform.style.width="100%",this.element.appendChild(this.platform)},e.prototype.add=function(e){var i;t.prototype.add.call(this,e),this.element===(null===(i=e.element)||void 0===i?void 0:i.parentElement)&&(this.platform.appendChild(e.element),e.element.style.position="absolute"),e.initElement(this.elementY(),this)},e.prototype.interceptY=function(e,i,n,o){return e<i.getStartPos()?n():e>i.getEndPos()?o():t.prototype.interceptY.call(this,e,i,n,o)},e}(l),d=function(){var t=function(e,i){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i])},t(e,i)};return function(e,i){if("function"!=typeof i&&null!==i)throw new TypeError("Class extends value "+String(i)+" is not a constructor or null");function n(){this.constructor=e}t(e,i),e.prototype=null===i?Object.create(i):(n.prototype=i.prototype,new n)}}(),p=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.name="FixedActorsScene",e.platformHeight=n.clientHeight,e}return d(e,t),e.prototype.resizeHeight=function(){this.element.style.height="".concat(this.height(n.clientWidth(),n.clientHeight()),"px")},e.prototype.init=function(){this.element.style.position="relative"},e.prototype.add=function(e){t.prototype.add.call(this,e),e.element.style.position="fixed",e.initElement(this.elementY(),this)},e.prototype.interceptY=function(e,i,n,o){if(e<i.getStartPos())return this.elementY()<0?n():this.elementY()+n();if(e>i.getEndPos()){var r=this.elementHeight()+this.elementY();return r<this.platformHeight()?o()-(this.platformHeight()-r):o()}return t.prototype.interceptY.call(this,e,i,n,o)},e}(l),f=function(){function t(t,e,i){if(void 0===i&&(i=e),this.motion=t,this.start=e,this.end=i,void 0===i)this.end=e;else if(this.getStartPos()>this.getEndPos())throw new SyntaxError('"Start" later than "End" in the frame')}return t.prototype.getStartPos=function(){return this.start(n.clientWidth(),n.clientHeight())},t.prototype.getEndPos=function(){return this.end(n.clientWidth(),n.clientHeight())},t.prototype.length=function(){return this.getEndPos()-this.getStartPos()},t}(),y=function(t,e,i){if(i||2===arguments.length)for(var n,o=0,r=e.length;o<r;o++)!n&&o in e||(n||(n=Array.prototype.slice.call(e,0,o)),n[o]=e[o]);return t.concat(n||Array.prototype.slice.call(e))},g=function(){function t(){this.frames=[]}return t.prototype.afterBindElement=function(){},t.prototype.groupFramesByMotion=function(t){return t.reduce((function(t,e){var i=e.motion.name;return t[i]=t[i]?y(y([],t[i],!0),[e],!1):[e],t}),{})},t.prototype.render=function(t,e){var i;this.beforeRender&&this.beforeRender();for(var o=this.groupFramesByMotion(this.frames),r=0,s=Object.keys(o);r<s.length;r++)if(o[a=s[r]].length>1){var c=o[a].filter((function(e){return t<e.getStartPos()&&t+n.clientHeight()>=e.getStartPos()||t>=e.getStartPos()&&t+n.clientHeight()<=e.getEndPos()||t>=e.getStartPos()&&t<=e.getEndPos()}));1===c.length?o[a]=c:0===c.length&&o[a].length?(o[a].sort((function(t,e){return t.getStartPos()-e.getStartPos()})),t+n.clientHeight()<o[a][0].getStartPos()?o[a]=[o[a][0]]:(o[a].sort((function(t,e){return t.getEndPos()>e.getEndPos()?-1:t.getEndPos()>e.getEndPos()?0:1})),t>o[a][0].getEndPos()&&(o[a]=[o[a][0]]))):(c.sort((function(t,e){return t.getStartPos()-e.getStartPos()})),o[a]=[c[c.length-1]])}if(this.element)for(var l=0,h=Object.keys(o);l<h.length;l++){var a;(null===(i=o[a=h[l]])||void 0===i?void 0:i.length)&&o[a][0].motion.make(t,o[a][0],this.element,e)}this.afterRender&&this.afterRender()},t.prototype.addFrame=function(t){this.frames.push(t)},t.prototype.addFrames=function(t){this.frames=this.frames.concat(t)},t.prototype.initElement=function(t,e){this.element=this.bindElement(t,e),this.afterBindElement()},t}(),m=function(){var t=function(e,i){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i])},t(e,i)};return function(e,i){if("function"!=typeof i&&null!==i)throw new TypeError("Class extends value "+String(i)+" is not a constructor or null");function n(){this.constructor=e}t(e,i),e.prototype=null===i?Object.create(i):(n.prototype=i.prototype,new n)}}(),v=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return m(e,t),e.prototype.findFirstFrame=function(t){return this.frames.reduce((function(e,i){return i.motion.name===t?e?i.getStartPos()<(null==e?void 0:e.getStartPos())?i:e:i:e||void 0}),void 0)},e.prototype.findFirstMoveMotionFrame=function(){var t=this.findFirstFrame("MoveMotion");if(t)return t;throw new Error('First "MoveMotion" frame wasn\'t found')},e.prototype.calcStartSize=function(){var t=this.findFirstFrame("SizeMotion");if(t){var e=t.motion;return{width:e.startWidth,height:e.startHeight}}throw new Error('First "SizeMotion" frame wasn\'t found')},e.prototype.calcStartOpacity=function(){var t=this.findFirstFrame("OpacityMotion");if(t)return t.motion.start;throw new Error('First "OpacityMotion" frame wasn\'t found')},e.prototype.bindElement=function(t,e){return this.element},e}(g),w=function(){var t=function(e,i){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i])},t(e,i)};return function(e,i){if("function"!=typeof i&&null!==i)throw new TypeError("Class extends value "+String(i)+" is not a constructor or null");function n(){this.constructor=e}t(e,i),e.prototype=null===i?Object.create(i):(n.prototype=i.prototype,new n)}}(),H=function(){return H=Object.assign||function(t){for(var e,i=1,n=arguments.length;i<n;i++)for(var o in e=arguments[i])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},H.apply(this,arguments)},b=function(t){function e(e,i){var n=t.call(this)||this;return n.element=e,n.options=i,n.options=H({initPosition:!0,initSize:!0,initOpacity:!0},n.options),n}return w(e,t),e.prototype.bindElement=function(t,e){var i,o,r;if(this.element){if(null===(i=this.options)||void 0===i?void 0:i.initPosition){var s=this.findFirstMoveMotionFrame();s.motion.make(t,s,this.element,e)}if(null===(o=this.options)||void 0===o?void 0:o.initSize){var c=this.calcStartSize();this.element.style.width="".concat(c.width(n.clientWidth(),n.clientHeight()),"px"),this.element.style.height="".concat(c.height(n.clientWidth(),n.clientHeight()),"px")}if(null===(r=this.options)||void 0===r?void 0:r.initOpacity){var l=this.calcStartOpacity();this.element.style.opacity="".concat(l(n.clientWidth(),n.clientHeight()))}}return this.element},e}(v),S=function(){var t=function(e,i){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i])},t(e,i)};return function(e,i){if("function"!=typeof i&&null!==i)throw new TypeError("Class extends value "+String(i)+" is not a constructor or null");function n(){this.constructor=e}t(e,i),e.prototype=null===i?Object.create(i):(n.prototype=i.prototype,new n)}}(),P=function(t){function e(e){var i=t.call(this)||this;return i.element=e,i}return S(e,t),e.prototype.bindElement=function(){return this.element},e}(v),W=function(){},_=function(){var t=function(e,i){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i])},t(e,i)};return function(e,i){if("function"!=typeof i&&null!==i)throw new TypeError("Class extends value "+String(i)+" is not a constructor or null");function n(){this.constructor=e}t(e,i),e.prototype=null===i?Object.create(i):(n.prototype=i.prototype,new n)}}(),E=function(t){function e(e){var i=t.call(this)||this;return i.name="MoveMotion",i.startX=e.startX,i.endX=e.endX,i.startY=e.startY,i.endY=e.endY,i}return _(e,t),e.prototype.renderX=function(t,e,i){if(i){if(t<e.getStartPos())return void(i.style.left="".concat(this.startX(n.clientWidth(),n.clientHeight()),"px"));if(t>e.getEndPos())return void(i.style.left="".concat(this.endX(n.clientWidth(),n.clientHeight()),"px"));var o=(this.endX(n.clientWidth(),n.clientHeight())-this.startX(n.clientWidth(),n.clientHeight()))/e.length(),r=n.castToInt(this.startX(n.clientWidth(),n.clientHeight())+o*(t-e.getStartPos()));i.style.left="".concat(r,"px")}},e.prototype.renderY=function(t,e,i,o){var r=this,s=function(){return r.startY(n.clientWidth(),n.clientHeight())},c=function(){return r.endY(n.clientWidth(),n.clientHeight())};if(i){var l=(c()-s())/e.length(),h=n.castToInt(s()+l*(t-e.getStartPos())),a=o.interceptY(t,e,s,c);void 0!==a&&(h=a),i.style.top="".concat(h,"px")}},e.prototype.make=function(t,e,i,n){this.renderX(t,e,i),this.renderY(t,e,i,n)},e}(W),O=function(){var t=function(e,i){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i])},t(e,i)};return function(e,i){if("function"!=typeof i&&null!==i)throw new TypeError("Class extends value "+String(i)+" is not a constructor or null");function n(){this.constructor=e}t(e,i),e.prototype=null===i?Object.create(i):(n.prototype=i.prototype,new n)}}(),L=function(t){function e(e){var i=t.call(this)||this;return i.name="SizeMotion",i.startWidth=e.startWidth,i.endWidth=e.endWidth,i.startHeight=e.startHeight,i.endHeight=e.endHeight,i}return O(e,t),e.prototype.renderWidth=function(t,e,i){if(i){if(t<e.getStartPos())return void(i.style.width="".concat(this.startWidth(n.clientWidth(),n.clientHeight()),"px"));if(t>e.getEndPos())return void(i.style.width="".concat(this.endWidth(n.clientWidth(),n.clientHeight()),"px"));var o=(this.endWidth(n.clientWidth(),n.clientHeight())-this.startWidth(n.clientWidth(),n.clientHeight()))/e.length(),r=this.startWidth(n.clientWidth(),n.clientHeight())+o*(t-e.getStartPos());i.style.width="".concat(r,"px")}},e.prototype.renderHeight=function(t,e,i){if(i){if(t<e.getStartPos())return void(i.style.height="".concat(this.startHeight(n.clientWidth(),n.clientHeight()),"px"));if(t>e.getEndPos())return void(i.style.height="".concat(this.endHeight(n.clientWidth(),n.clientHeight()),"px"));var o=(this.endHeight(n.clientWidth(),n.clientHeight())-this.startHeight(n.clientWidth(),n.clientHeight()))/e.length(),r=this.startHeight(n.clientWidth(),n.clientHeight())+o*(t-e.getStartPos());i.style.height="".concat(r,"px")}},e.prototype.make=function(t,e,i){this.renderWidth(t,e,i),this.renderHeight(t,e,i)},e}(W),M=function(){var t=function(e,i){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i])},t(e,i)};return function(e,i){if("function"!=typeof i&&null!==i)throw new TypeError("Class extends value "+String(i)+" is not a constructor or null");function n(){this.constructor=e}t(e,i),e.prototype=null===i?Object.create(i):(n.prototype=i.prototype,new n)}}(),z=function(t){function e(e){var i=t.call(this)||this;return i.name="OpacityMotion",i.start=e.start,i.end=e.end,i}return M(e,t),e.prototype.renderOpacity=function(t,e,i){if(i){if(t<e.getStartPos())return void(i.style.opacity=this.start(n.clientWidth(),n.clientHeight()).toString());if(t>e.getEndPos())return void(i.style.opacity=this.end(n.clientWidth(),n.clientHeight()).toString());var o=(this.end(n.clientWidth(),n.clientHeight())-this.start(n.clientWidth(),n.clientHeight()))/e.length(),r=this.start(n.clientWidth(),n.clientHeight())+o*(t-e.getStartPos());i.style.opacity=r.toString()}},e.prototype.make=function(t,e,i){this.renderOpacity(t,e,i)},e}(W),x=function(){var t=function(e,i){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i])},t(e,i)};return function(e,i){if("function"!=typeof i&&null!==i)throw new TypeError("Class extends value "+String(i)+" is not a constructor or null");function n(){this.constructor=e}t(e,i),e.prototype=null===i?Object.create(i):(n.prototype=i.prototype,new n)}}(),j=function(t){function e(e){var i=t.call(this)||this;return i.name="BoundMotion",i.before=e.before,i.after=e.after,i}return x(e,t),e.prototype.applyProperties=function(t,e){for(var i=0,n=Object.keys(e);i<n.length;i++){var o=n[i];t.style[o]=e[o]}},e.prototype.make=function(t,e,i){i&&(t<e.getStartPos()?this.applyProperties(i,this.before(n.clientWidth(),n.clientHeight())):this.applyProperties(i,this.after(n.clientWidth(),n.clientHeight())))},e}(W),Y=e.FK,F=e.xy,k=e.y_,T=e.yz,G=e.Jj,R=e.Vi,C=e.sP,A=e.vJ,X=e.XC,B=e.Rp,V=e.jL,D=e.nv,I=e.Zr;export{Y as BoundMotion,F as FixedActorsScene,k as Motion,T as MoveMotion,G as OpacityMotion,R as RefActor,C as ScrollRise,A as ScrollRiseSpeed,X as SizeMotion,B as StaticActor,V as StickyPlatformScene,D as TimeFrame,I as Util};
 //# sourceMappingURL=index.es.js.map

lib/scroll-rise.d.ts

@@ -1,4 +0,4 @@
-import { SceneModel, SceneOptions } from './models/scenes/scene.model';
+import { Scene, SceneOptions } from './scenes/scene';
 export declare class ScrollRise {
-    scene: SceneModel<SceneOptions>;
+    scene: Scene<SceneOptions>;
     private initialized;
@@ -10,3 +10,3 @@ private ticking;
     private displayHeight;
-    constructor(scene: SceneModel<SceneOptions>);
+    constructor(scene: Scene<SceneOptions>);
     saveDisplaySize(): void;
@@ -21,2 +21,3 @@ isNeedResize(): boolean;
     render(scrollPos: number): void;
+    static version(): string;
 }

lib/util.d.ts

@@ -1,2 +0,2 @@
-import { WindowSizes } from './window-sizes';
+import { WindowSizesModel } from './models/window-sizes.model';
 export declare class Util {
@@ -24,4 +24,4 @@ static castToInt(num: number): number;
     static documentHeight(): number;
-    static windowSizes(): WindowSizes;
+    static windowSizes(): WindowSizesModel;
     static logWindowSizes(): void;
 }

package.json

 {
   "name": "scroll-rise",
-  "version": "1.5.0",
+  "version": "1.6.0",
   "private": false,
@@ -16,6 +16,10 @@ "description": "The typescript library for scroll animation",
     "lint": "npx eslint .",
-    "build": "webpack --mode production",
-    "build:dev": "webpack --mode development",
+    "clear:lib": "rm -rf ./lib",
+    "build": "npm run clear:lib && webpack --mode production",
+    "build:dev": "npm run clear:lib && webpack --mode development",
     "watch": "webpack --watch --mode production",
-    "docs": "npx webpack serve --config webpack.docs.js"
+    "serve:docs": "webpack serve --config webpack.docs.config.js --mode development",
+    "build:docs:dev": "webpack --config webpack.docs.config.js --mode development",
+    "build:docs": "webpack --config webpack.docs.config.js --mode production",
+    "generate:examples-from-specs": "npx ts-node-esm -P src/docs/spec-examples-generator/tsconfig.spec.examples.json src/docs/spec-examples-generator/generate-spec-examples.ts"
   },
@@ -29,2 +33,3 @@ "repository": {
     "scroll",
+    "effects",
     "typescript"
@@ -41,2 +46,4 @@ ],
     "@typescript-eslint/eslint-plugin": "~5.41.0",
+    "colors": "^1.4.0",
+    "copy-webpack-plugin": "~11.0.0",
     "eslint": "~8.26.0",
@@ -47,2 +54,4 @@ "eslint-config-standard-with-typescript": "~23.0.0",
     "eslint-plugin-promise": "~6.1.1",
+    "glob": "^8.0.3",
+    "html-webpack-plugin": "~5.5.0",
     "jasmine-core": "~4.0.1",
@@ -54,4 +63,8 @@ "karma": "~6.3.17",
     "karma-typescript-es6-transform": "~5.5.3",
+    "mustache": "^4.2.0",
+    "mustache-loader": "^1.4.3",
     "puppeteer": "~19.2.0",
+    "sanitize-filename-truncate": "^1.0.2",
     "ts-loader": "~9.2.7",
+    "ts-node": "^10.9.1",
     "typescript": "~4.8.4",
@@ -58,0 +71,0 @@ "webpack": "~5.70.0",

README.md

@@ -6,3 +6,3 @@ # Scroll Rise
 
-## Demo
+## Examples
 
@@ -9,0 +9,0 @@ [https://drkaramazin.github.io/scroll-rise/](https://drkaramazin.github.io/scroll-rise/)

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

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

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

98142

increased by16.93%

Lines of code

427

increased by4.4%

Worsened metrics

Dev dependency count

27

increased by42.11%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes