sweet-scroll - npm Package Compare versions

Comparing version 0.3.1 to 0.4.0

package.json

 {
   "name": "sweet-scroll",
-  "version": "0.3.1",
+  "version": "0.4.0",
   "description": "Modern and the sweet smooth scroll library.",
@@ -5,0 +5,0 @@ "main": "sweet-scroll.js",

README.md

@@ -84,3 +84,3 @@ sweet-scroll.js
   duration: 1000,                 // Specifies animation duration in integer
-  delay: 0,                       // Specifies timer for delaying the execution of the scroll in milliseconds.
+  delay: 0,                       // Specifies timer for delaying the execution of the scroll in milliseconds
   easing: "easeOutQuint",         // Specifies the pattern of easing
@@ -91,2 +91,3 @@ offset: 0,                      // Specifies the value to offset the scroll position in pixels
   stopScroll: true,               // When fired wheel or touchstart events to stop scrolling
+  updateURL: false,               // Update the URL hash on before scroll
 
@@ -211,2 +212,32 @@ // Callbacks
 
+#### Scroll animation in a other page
+
+The following, Introduce one of the mounting method.
+
+```javascript
+let hash;
+let needsInitialScroll = false;
+const sweetScroll = new SweetScroll();
+
+document.addEventListener("DOMContentLoaded", function() {
+  hash = window.location.hash;
+  if (document.getElementById(hash.substr(1)) != null) {
+    needsInitialScroll = true;
+    window.location.hash = "";
+  }
+}, false);
+
+window.addEventListener("load", function() {
+  if (needsInitialScroll) {
+    sweetScroll.to(hash, {updateURL: true});
+  }
+}, false);
+```
+
+[Live demo](http://tsuyoshiwada.github.io/sweet-scroll/initial-scroll.html#footer)
+
+You can also achieve the same thing in other ways by using the provided API.
+
+
+
 ## API
@@ -213,0 +244,0 @@

sweet-scroll.js

@@ -8,3 +8,3 @@ /*!
  * @license MIT
- * @version 0.3.1
+ * @version 0.4.0
  */
@@ -645,2 +645,11 @@ (function (global, factory) {
 
+  // @link https://github.com/Modernizr/Modernizr
+  var enablePushState = function () {
+    var ua = navigator.userAgent;
+    if ((ua.indexOf("Android 2.") !== -1 || ua.indexOf("Android 4.0") !== -1) && ua.indexOf("Mobile Safari") !== -1 && ua.indexOf("Chrome") === -1 && ua.indexOf("Windows Phone") === -1) {
+      return false;
+    }
+    return window.history && "pushState" in window.history;
+  }();
+
   var SweetScroll = function () {
@@ -699,2 +708,3 @@
         var scroll = this.parseCoodinate(distance);
+        var hash = null;
 
@@ -715,5 +725,7 @@ // Remove the triggering elements which has been temporarily retained
         if (!scroll && isString(distance)) {
+          hash = /^#/.test(distance) ? distance : null;
+
           if (distance === "#") {
             scroll = { top: 0, left: 0 };
-          } else if (!/[:,]/.test(distance)) {
+          } else {
             var target = $(distance);
@@ -728,2 +740,7 @@ var targetOffset = getOffset(target, container);
 
+        // Update URL
+        if (hash != null && hash !== window.location.hash && params.updateURL) {
+          this.updateURLHash(hash);
+        }
+
         // Apply `offset` value
@@ -1013,2 +1030,16 @@ if (offset) {
       /**
+       * Update the Hash of the URL.
+       * @param {String}
+       * @return {Void}
+       */
+
+    }, {
+      key: "updateURLHash",
+      value: function updateURLHash(hash) {
+        if (enablePushState) {
+          window.history.pushState(null, null, hash);
+        }
+      }
+
+      /**
        * Get the container for the scroll, depending on the options.
@@ -1219,2 +1250,3 @@ * @param {String} | {HTMLElement}
     stopScroll: true, // When fired wheel or touchstart events to stop scrolling
+    updateURL: false, // Update the URL hash on before scroll
 
@@ -1221,0 +1253,0 @@ // Callbacks

sweet-scroll.min.js

@@ -8,4 +8,4 @@ /*!
  * @license MIT
- * @version 0.3.1
+ * @version 0.4.0
  */
-!function(t,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n():"function"==typeof define&&define.amd?define(n):t.SweetScroll=n()}(this,function(){"use strict";function t(t){return null==t?t+"":"object"===("undefined"==typeof t?"undefined":nt["typeof"](t))||"function"==typeof t?ot[Object.prototype.toString.call(t)]||"object":"undefined"==typeof t?"undefined":nt["typeof"](t)}function n(t){return Array.isArray(t)}function e(t){var n=null==t?null:t.length;return o(n)&&n>=0&&et>=n}function i(e){return!n(e)&&"object"===t(e)}function o(n){return"number"===t(n)}function r(n){return"string"===t(n)}function l(n){return"function"===t(n)}function u(t){return!n(t)&&t-parseFloat(t)+1>=0}function a(t,n){return t&&t.hasOwnProperty(n)}function c(t){for(var n=arguments.length,e=Array(n>1?n-1:0),i=1;n>i;i++)e[i-1]=arguments[i];return s(e,function(n){s(n,function(n,e){t[e]=n})}),t}function s(t,n,o){if(null==t)return t;if(o=o||t,i(t)){for(var r in t)if(a(t,r)&&n.call(o,t[r],r)===!1)break}else if(e(t)){var l=void 0,u=t.length;for(l=0;u>l&&n.call(o,t[l],l)!==!1;l++);}return t}function f(t){return t.replace(/\s*/g,"")||""}function h(t){var n=arguments.length<=1||void 0===arguments[1]?null:arguments[1];if(t)return(null==n?document:n).querySelector(t)}function p(t){var n=arguments.length<=1||void 0===arguments[1]?null:arguments[1];if(t)return(null==n?document:n).querySelectorAll(t)}function d(t,n){for(var e=(t.document||t.ownerDocument).querySelectorAll(n),i=e.length;--i>=0&&e.item(i)!==t;);return i>-1}function v(t){var n=document;return t===n.documentElement||t===n.body}function g(t){for(var n=arguments.length<=1||void 0===arguments[1]?"y":arguments[1],e=arguments.length<=2||void 0===arguments[2]?!0:arguments[2],i=rt[n],o=t instanceof HTMLElement?[t]:p(t),r=[],l=document.createElement("div"),u=0;u<o.length;u++){var a=o[u];if(a[i]>0?r.push(a):(l.style.width=a.clientWidth+1+"px",l.style.height=a.clientHeight+1+"px",a.appendChild(l),a[i]=1,a[i]>0&&r.push(a),a[i]=0,a.removeChild(l)),!e&&r.length>0)break}return r}function y(t,n){var e=g(t,n,!1);return e.length>=1?e[0]:void 0}function S(t){return null!=t&&t===t.window?t:9===t.nodeType&&t.defaultView}function C(t){var n=arguments.length<=1||void 0===arguments[1]?"y":arguments[1],e=rt[n],i=lt[n],o=S(t);return o?o[i]:t[e]}function m(t,n){var e=arguments.length<=2||void 0===arguments[2]?"y":arguments[2],i=rt[e],o=S(t),r="y"===e;o?o.scrollTo(r?o.pageXOffset:n,r?n:o.pageYOffset):t[i]=n}function k(t){var n=arguments.length<=1||void 0===arguments[1]?null:arguments[1];if(!t||t&&!t.getClientRects().length)return{top:0,left:0};var e=t.getBoundingClientRect();if(e.width||e.height){var i={},o=void 0;if(null==n||v(n))o=t.ownerDocument.documentElement,i.top=window.pageYOffset,i.left=window.pageXOffset;else{o=n;var r=o.getBoundingClientRect();i.top=-1*r.top+o.scrollTop,i.left=-1*r.left+o.scrollLeft}return{top:e.top+i.top-o.clientTop,left:e.left+i.left-o.clientLeft}}return e}function b(t,n,e){var i=n.split(",");i.forEach(function(n){t.addEventListener(n.trim(),e,!1)})}function w(t,n,e){var i=n.split(",");i.forEach(function(n){t.removeEventListener(n.trim(),e,!1)})}function O(t){return t}function I(t,n,e,i,o){return i*(n/=o)*n+e}function x(t,n,e,i,o){return-i*(n/=o)*(n-2)+e}function L(t,n,e,i,o){return(n/=o/2)<1?i/2*n*n+e:-i/2*(--n*(n-2)-1)+e}function _(t,n,e,i,o){return i*(n/=o)*n*n+e}function E(t,n,e,i,o){return i*((n=n/o-1)*n*n+1)+e}function T(t,n,e,i,o){return(n/=o/2)<1?i/2*n*n*n+e:i/2*((n-=2)*n*n+2)+e}function M(t,n,e,i,o){return i*(n/=o)*n*n*n+e}function z(t,n,e,i,o){return-i*((n=n/o-1)*n*n*n-1)+e}function A(t,n,e,i,o){return(n/=o/2)<1?i/2*n*n*n*n+e:-i/2*((n-=2)*n*n*n-2)+e}function Q(t,n,e,i,o){return i*(n/=o)*n*n*n*n+e}function j(t,n,e,i,o){return i*((n=n/o-1)*n*n*n*n+1)+e}function B(t,n,e,i,o){return(n/=o/2)<1?i/2*n*n*n*n*n+e:i/2*((n-=2)*n*n*n*n+2)+e}function D(t,n,e,i,o){return-i*at(n/o*(dt/2))+i+e}function H(t,n,e,i,o){return i*ct(n/o*(dt/2))+e}function q(t,n,e,i,o){return-i/2*(at(dt*n/o)-1)+e}function P(t,n,e,i,o){return 0===n?e:i*st(2,10*(n/o-1))+e}function F(t,n,e,i,o){return n===o?e+i:i*(-st(2,-10*n/o)+1)+e}function R(t,n,e,i,o){return 0===n?e:n===o?e+i:(n/=o/2)<1?i/2*st(2,10*(n-1))+e:i/2*(-st(2,-10*--n)+2)+e}function W(t,n,e,i,o){return-i*(ht(1-(n/=o)*n)-1)+e}function $(t,n,e,i,o){return i*ht(1-(n=n/o-1)*n)+e}function N(t,n,e,i,o){return(n/=o/2)<1?-i/2*(ht(1-n*n)-1)+e:i/2*(ht(1-(n-=2)*n)+1)+e}function X(t,n,e,i,o){var r=1.70158,l=0,u=i;return 0===n?e:1===(n/=o)?e+i:(l||(l=.3*o),u<ft(i)?(u=i,r=l/4):r=l/(2*dt)*pt(i/u),-(u*st(2,10*(n-=1))*ct((n*o-r)*(2*dt)/l))+e)}function Y(t,n,e,i,o){var r=1.70158,l=0,u=i;return 0===n?e:1===(n/=o)?e+i:(l||(l=.3*o),u<ft(i)?(u=i,r=l/4):r=l/(2*dt)*pt(i/u),u*st(2,-10*n)*ct((n*o-r)*(2*dt)/l)+i+e)}function J(t,n,e,i,o){var r=1.70158,l=0,u=i;return 0===n?e:2===(n/=o/2)?e+i:(l||(l=o*(.3*1.5)),u<ft(i)?(u=i,r=l/4):r=l/(2*dt)*pt(i/u),1>n?-.5*(u*st(2,10*(n-=1))*ct((n*o-r)*(2*dt)/l))+e:u*st(2,-10*(n-=1))*ct((n*o-r)*(2*dt)/l)*.5+i+e)}function V(t,n,e,i,o){var r=arguments.length<=5||void 0===arguments[5]?1.70158:arguments[5];return i*(n/=o)*n*((r+1)*n-r)+e}function G(t,n,e,i,o){var r=arguments.length<=5||void 0===arguments[5]?1.70158:arguments[5];return i*((n=n/o-1)*n*((r+1)*n+r)+1)+e}function K(t,n,e,i,o){var r=arguments.length<=5||void 0===arguments[5]?1.70158:arguments[5];return(n/=o/2)<1?i/2*(n*n*(((r*=1.525)+1)*n-r))+e:i/2*((n-=2)*n*(((r*=1.525)+1)*n+r)+2)+e}function U(t,n,e,i,o){return i-Z(t,o-n,0,i,o)+e}function Z(t,n,e,i,o){return(n/=o)<1/2.75?i*(7.5625*n*n)+e:2/2.75>n?i*(7.5625*(n-=1.5/2.75)*n+.75)+e:2.5/2.75>n?i*(7.5625*(n-=2.25/2.75)*n+.9375)+e:i*(7.5625*(n-=2.625/2.75)*n+.984375)+e}function tt(t,n,e,i,o){return o/2>n?.5*U(t,2*n,0,i,o)+e:.5*Z(t,2*n-o,0,i,o)+.5*i+e}var nt={};nt["typeof"]="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol?"symbol":typeof t},nt.classCallCheck=function(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")},nt.createClass=function(){function t(t,n){for(var e=0;e<n.length;e++){var i=n[e];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(n,e,i){return e&&t(n.prototype,e),i&&t(n,i),n}}();var et=Math.pow(2,53)-1,it=["Boolean","Number","String","Function","Array","Object"],ot={};it.forEach(function(t){ot["[object "+t+"]"]=t.toLowerCase()});var rt={y:"scrollTop",x:"scrollLeft"},lt={y:"pageYOffset",x:"pageXOffset"},ut=Math,at=ut.cos,ct=ut.sin,st=ut.pow,ft=ut.abs,ht=ut.sqrt,pt=ut.asin,dt=ut.PI,vt=Object.freeze({linear:O,InQuad:I,OutQuad:x,InOutQuad:L,InCubic:_,OutCubic:E,InOutCubic:T,InQuart:M,OutQuart:z,InOutQuart:A,InQuint:Q,OutQuint:j,InOutQuint:B,InSine:D,OutSine:H,InOutSine:q,InExpo:P,OutExpo:F,InOutExpo:R,InCirc:W,OutCirc:$,InOutCirc:N,InElastic:X,OutElastic:Y,InOutElastic:J,InBack:V,OutBack:G,InOutBack:K,InBounce:U,OutBounce:Z,InOutBounce:tt}),gt=0,yt=window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||function(t){var n=Date.now(),e=Math.max(0,16-(n-gt)),i=window.setTimeout(function(){t(n+e)},e);return gt=n+e,i},St=function(){function t(n){nt.classCallCheck(this,t),this.el=n,this.props={},this.progress=!1,this.startTime=null}return nt.createClass(t,[{key:"run",value:function(t,n,e,i,o){var r=this,l=arguments.length<=5||void 0===arguments[5]?function(){}:arguments[5];this.progress||(this.props={x:t,y:n},this.duration=e,this.delay=i,this.easing=o.replace("ease",""),this.callback=l,this.progress=!0,setTimeout(function(){r.startProps={x:C(r.el,"x"),y:C(r.el,"y")},yt(function(t){return r._loop(t)})},i))}},{key:"stop",value:function(){var t=arguments.length<=0||void 0===arguments[0]?!0:arguments[0];this.startTime=null,this.progress=!1,t&&(m(this.el,this.props.x,"x"),m(this.el,this.props.y,"y")),l(this.callback)&&(this.callback(),this.callback=null)}},{key:"_loop",value:function(t){var n=this;if(this.startTime||(this.startTime=t),!this.progress)return void this.stop(!1);var e=this.el,i=this.props,o=this.duration,r=this.startTime,l=this.startProps,u={},a=vt[this.easing],c=t-r,f=Math.min(1,Math.max(c/o,0));s(i,function(t,n){var e=l[n],i=t-e;if(0===i)return!0;var r=a(f,o*f,0,1,o);u[n]=Math.round(e+i*r)}),s(u,function(t,n){m(e,t,n)}),o>=c?yt(function(t){return n._loop(t)}):this.stop(!0)}}]),t}(),Ct=window,mt=document,kt="onwheel"in mt?"wheel":"onmousewheel"in mt?"mousewheel":"DOMMouseScroll",bt=kt+", touchstart, touchmove",wt="DOMContentLoaded",Ot=!1;b(mt,wt,function(){Ot=!0});var It=function(){function t(){var n=this,e=arguments.length<=0||void 0===arguments[0]?{}:arguments[0],i=arguments.length<=1||void 0===arguments[1]?"body, html":arguments[1];nt.classCallCheck(this,t);var o=c({},t.defaults,e);this.options=o,this.getContainer(i,function(t){n.container=t,n.header=h(o.header),n.tween=new St(t),n._trigger=null,n._shouldCallCancelScroll=!1,n.bindContainerClick(),n.initialized(),n.hook(o.initialized)})}return nt.createClass(t,[{key:"to",value:function(t){var n=this,e=arguments.length<=1||void 0===arguments[1]?{}:arguments[1],i=this.container,o=this.header,l=c({},this.options,e),u=this.parseCoodinate(l.offset),a=this._trigger,s=this.parseCoodinate(t);if(this._trigger=null,this._shouldCallCancelScroll=!1,this.stop(),i){if(!s&&r(t))if("#"===t)s={top:0,left:0};else if(!/[:,]/.test(t)){var f=h(t),p=k(f,i);if(!p)return;s=p}if(s){u&&(s.top+=u.top,s.left+=u.left),o&&(s.top=Math.max(0,s.top-this.header.clientHeight));var d=void 0,g=void 0;v(i)?(d={width:Ct.innerWidth,height:Ct.innerHeight},g={width:mt.body.scrollWidth,height:mt.body.scrollHeight}):(d={width:i.clientWidth,height:i.clientHeight},g={width:i.scrollWidth,height:i.scrollHeight}),this.hook(l.beforeScroll,s,a)!==!1&&this.beforeScroll(s,a)!==!1&&(l.verticalScroll?s.top=Math.max(0,Math.min(g.height-d.height,s.top)):s.top=C(i,"y"),l.horizontalScroll?s.left=Math.max(0,Math.min(g.width-d.width,s.left)):s.left=C(i,"x"),this.tween.run(s.left,s.top,l.duration,l.delay,l.easing,function(){n.unbindContainerStop(),n._shouldCallCancelScroll?(n.hook(l.cancelScroll),n.cancelScroll()):(n.hook(l.afterScroll,s,a),n.afterScroll(s,a))}),this.bindContainerStop())}}}},{key:"toTop",value:function(t){var n=arguments.length<=1||void 0===arguments[1]?{}:arguments[1];this.to(t,c({},n,{verticalScroll:!0,horizontalScroll:!1}))}},{key:"toLeft",value:function(t){var n=arguments.length<=1||void 0===arguments[1]?{}:arguments[1];this.to(t,c({},n,{verticalScroll:!1,horizontalScroll:!0}))}},{key:"toElement",value:function(t){var n=arguments.length<=1||void 0===arguments[1]?{}:arguments[1];if(t instanceof HTMLElement){var e=k(t,this.container);this.to(e,c({},n))}}},{key:"stop",value:function(){var t=arguments.length<=0||void 0===arguments[0]?!1:arguments[0];this._stopScrollListener&&(this._shouldCallCancelScroll=!0),this.tween.stop(t)}},{key:"update",value:function(){var t=arguments.length<=0||void 0===arguments[0]?{}:arguments[0];this.stop(),this.unbindContainerClick(),this.unbindContainerStop(),this.options=c({},this.options,t),this.header=h(this.options.header),this.bindContainerClick()}},{key:"destroy",value:function(){this.stop(),this.unbindContainerClick(),this.unbindContainerStop(),this.container=null,this.header=null,this.tween=null}},{key:"initialized",value:function(){}},{key:"beforeScroll",value:function(t,n){return!0}},{key:"cancelScroll",value:function(){}},{key:"afterScroll",value:function(t,n){}},{key:"parseCoodinate",value:function(t){var e=this.options.verticalScroll,i={top:0,left:0};if(a(t,"top")||a(t,"left"))i=c(i,t);else if(n(t))2===t.length?(i.top=t[0],i.left=t[1]):(i.top=e?t[0]:0,i.left=e?0:t[0]);else if(u(t))i.top=e?t:0,i.left=e?0:t;else{if(!r(t))return null;if(t=f(t),/^\d+,\d+$/.test(t))t=t.split(","),i.top=t[0],i.left=t[1];else if(/^(top|left):\d+,?(?:(top|left):\d+)?$/.test(t)){var o=t.match(/top:(\d+)/),l=t.match(/left:(\d+)/);i.top=o?o[1]:0,i.left=l?l[1]:0}else{if(!this.container||!/^(\+|-)=(\d+)$/.test(t))return null;var s=C(this.container,e?"y":"x"),h=t.match(/^(\+|-)\=(\d+)$/),p=h[1],d=parseInt(h[2],10);"+"===p?(i.top=e?s+d:0,i.left=e?0:s+d):(i.top=e?s-d:0,i.left=e?0:s-d)}}return i.top=parseInt(i.top,10),i.left=parseInt(i.left,10),i}},{key:"getContainer",value:function(t,n){var e=this,i=this.options,o=i.verticalScroll,r=i.horizontalScroll,l=void 0;o&&(l=y(t,"y")),!l&&r&&(l=y(t,"x")),l||Ot?n.call(this,l):b(mt,wt,function(){e.getContainer(t,n)})}},{key:"bindContainerClick",value:function(){var t=this.container;t&&(this._containerClickListener=this.handleContainerClick.bind(this),b(t,"click",this._containerClickListener))}},{key:"unbindContainerClick",value:function(){var t=this.container;t&&this._containerClickListener&&(w(t,"click",this._containerClickListener),this._containerClickListener=null)}},{key:"bindContainerStop",value:function(){var t=this.container;t&&(this._stopScrollListener=this.handleStopScroll.bind(this),b(t,bt,this._stopScrollListener))}},{key:"unbindContainerStop",value:function(){var t=this.container;t&&this._stopScrollListener&&(w(t,bt,this._stopScrollListener),this._stopScrollListener=null)}},{key:"hook",value:function(t){if(l(t)){for(var n=arguments.length,e=Array(n>1?n-1:0),i=1;n>i;i++)e[i-1]=arguments[i];return t.apply(this,e)}}},{key:"handleStopScroll",value:function(t){this.options.stopScroll?this.stop():t.preventDefault()}},{key:"handleContainerClick",value:function(t){for(var n=this.options,e=t.target;e&&e!==mt;e=e.parentNode)if(d(e,n.trigger)){var i=e.getAttribute("data-scroll"),o=this.parseDataOptions(e),r=i||e.getAttribute("href");n=c({},n,o),t.preventDefault(),t.stopPropagation(),this._trigger=e,n.horizontalScroll&&n.verticalScroll?this.to(r,n):n.verticalScroll?this.toTop(r,n):n.horizontalScroll&&this.toLeft(r,n)}}},{key:"parseDataOptions",value:function(t){var n=t.getAttribute("data-scroll-options");return n?JSON.parse(n):{}}}]),t}();return It.defaults={trigger:"[data-scroll]",header:"[data-scroll-header]",duration:1e3,delay:0,easing:"easeOutQuint",offset:0,verticalScroll:!0,horizontalScroll:!1,stopScroll:!0,initialized:null,beforeScroll:null,afterScroll:null,cancelScroll:null},It});
+!function(t,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n():"function"==typeof define&&define.amd?define(n):t.SweetScroll=n()}(this,function(){"use strict";function t(t){return null==t?t+"":"object"===("undefined"==typeof t?"undefined":nt["typeof"](t))||"function"==typeof t?ot[Object.prototype.toString.call(t)]||"object":"undefined"==typeof t?"undefined":nt["typeof"](t)}function n(t){return Array.isArray(t)}function e(t){var n=null==t?null:t.length;return o(n)&&n>=0&&et>=n}function i(e){return!n(e)&&"object"===t(e)}function o(n){return"number"===t(n)}function r(n){return"string"===t(n)}function l(n){return"function"===t(n)}function u(t){return!n(t)&&t-parseFloat(t)+1>=0}function a(t,n){return t&&t.hasOwnProperty(n)}function c(t){for(var n=arguments.length,e=Array(n>1?n-1:0),i=1;n>i;i++)e[i-1]=arguments[i];return s(e,function(n){s(n,function(n,e){t[e]=n})}),t}function s(t,n,o){if(null==t)return t;if(o=o||t,i(t)){for(var r in t)if(a(t,r)&&n.call(o,t[r],r)===!1)break}else if(e(t)){var l=void 0,u=t.length;for(l=0;u>l&&n.call(o,t[l],l)!==!1;l++);}return t}function f(t){return t.replace(/\s*/g,"")||""}function h(t){var n=arguments.length<=1||void 0===arguments[1]?null:arguments[1];if(t)return(null==n?document:n).querySelector(t)}function d(t){var n=arguments.length<=1||void 0===arguments[1]?null:arguments[1];if(t)return(null==n?document:n).querySelectorAll(t)}function p(t,n){for(var e=(t.document||t.ownerDocument).querySelectorAll(n),i=e.length;--i>=0&&e.item(i)!==t;);return i>-1}function v(t){var n=document;return t===n.documentElement||t===n.body}function g(t){for(var n=arguments.length<=1||void 0===arguments[1]?"y":arguments[1],e=arguments.length<=2||void 0===arguments[2]?!0:arguments[2],i=rt[n],o=t instanceof HTMLElement?[t]:d(t),r=[],l=document.createElement("div"),u=0;u<o.length;u++){var a=o[u];if(a[i]>0?r.push(a):(l.style.width=a.clientWidth+1+"px",l.style.height=a.clientHeight+1+"px",a.appendChild(l),a[i]=1,a[i]>0&&r.push(a),a[i]=0,a.removeChild(l)),!e&&r.length>0)break}return r}function y(t,n){var e=g(t,n,!1);return e.length>=1?e[0]:void 0}function S(t){return null!=t&&t===t.window?t:9===t.nodeType&&t.defaultView}function C(t){var n=arguments.length<=1||void 0===arguments[1]?"y":arguments[1],e=rt[n],i=lt[n],o=S(t);return o?o[i]:t[e]}function m(t,n){var e=arguments.length<=2||void 0===arguments[2]?"y":arguments[2],i=rt[e],o=S(t),r="y"===e;o?o.scrollTo(r?o.pageXOffset:n,r?n:o.pageYOffset):t[i]=n}function k(t){var n=arguments.length<=1||void 0===arguments[1]?null:arguments[1];if(!t||t&&!t.getClientRects().length)return{top:0,left:0};var e=t.getBoundingClientRect();if(e.width||e.height){var i={},o=void 0;if(null==n||v(n))o=t.ownerDocument.documentElement,i.top=window.pageYOffset,i.left=window.pageXOffset;else{o=n;var r=o.getBoundingClientRect();i.top=-1*r.top+o.scrollTop,i.left=-1*r.left+o.scrollLeft}return{top:e.top+i.top-o.clientTop,left:e.left+i.left-o.clientLeft}}return e}function b(t,n,e){var i=n.split(",");i.forEach(function(n){t.addEventListener(n.trim(),e,!1)})}function w(t,n,e){var i=n.split(",");i.forEach(function(n){t.removeEventListener(n.trim(),e,!1)})}function O(t){return t}function x(t,n,e,i,o){return i*(n/=o)*n+e}function L(t,n,e,i,o){return-i*(n/=o)*(n-2)+e}function I(t,n,e,i,o){return(n/=o/2)<1?i/2*n*n+e:-i/2*(--n*(n-2)-1)+e}function _(t,n,e,i,o){return i*(n/=o)*n*n+e}function E(t,n,e,i,o){return i*((n=n/o-1)*n*n+1)+e}function M(t,n,e,i,o){return(n/=o/2)<1?i/2*n*n*n+e:i/2*((n-=2)*n*n+2)+e}function T(t,n,e,i,o){return i*(n/=o)*n*n*n+e}function A(t,n,e,i,o){return-i*((n=n/o-1)*n*n*n-1)+e}function z(t,n,e,i,o){return(n/=o/2)<1?i/2*n*n*n*n+e:-i/2*((n-=2)*n*n*n-2)+e}function H(t,n,e,i,o){return i*(n/=o)*n*n*n*n+e}function Q(t,n,e,i,o){return i*((n=n/o-1)*n*n*n*n+1)+e}function j(t,n,e,i,o){return(n/=o/2)<1?i/2*n*n*n*n*n+e:i/2*((n-=2)*n*n*n*n+2)+e}function B(t,n,e,i,o){return-i*at(n/o*(pt/2))+i+e}function D(t,n,e,i,o){return i*ct(n/o*(pt/2))+e}function R(t,n,e,i,o){return-i/2*(at(pt*n/o)-1)+e}function q(t,n,e,i,o){return 0===n?e:i*st(2,10*(n/o-1))+e}function P(t,n,e,i,o){return n===o?e+i:i*(-st(2,-10*n/o)+1)+e}function W(t,n,e,i,o){return 0===n?e:n===o?e+i:(n/=o/2)<1?i/2*st(2,10*(n-1))+e:i/2*(-st(2,-10*--n)+2)+e}function F(t,n,e,i,o){return-i*(ht(1-(n/=o)*n)-1)+e}function U(t,n,e,i,o){return i*ht(1-(n=n/o-1)*n)+e}function $(t,n,e,i,o){return(n/=o/2)<1?-i/2*(ht(1-n*n)-1)+e:i/2*(ht(1-(n-=2)*n)+1)+e}function N(t,n,e,i,o){var r=1.70158,l=0,u=i;return 0===n?e:1===(n/=o)?e+i:(l||(l=.3*o),u<ft(i)?(u=i,r=l/4):r=l/(2*pt)*dt(i/u),-(u*st(2,10*(n-=1))*ct((n*o-r)*(2*pt)/l))+e)}function X(t,n,e,i,o){var r=1.70158,l=0,u=i;return 0===n?e:1===(n/=o)?e+i:(l||(l=.3*o),u<ft(i)?(u=i,r=l/4):r=l/(2*pt)*dt(i/u),u*st(2,-10*n)*ct((n*o-r)*(2*pt)/l)+i+e)}function Y(t,n,e,i,o){var r=1.70158,l=0,u=i;return 0===n?e:2===(n/=o/2)?e+i:(l||(l=o*(.3*1.5)),u<ft(i)?(u=i,r=l/4):r=l/(2*pt)*dt(i/u),1>n?-.5*(u*st(2,10*(n-=1))*ct((n*o-r)*(2*pt)/l))+e:u*st(2,-10*(n-=1))*ct((n*o-r)*(2*pt)/l)*.5+i+e)}function J(t,n,e,i,o){var r=arguments.length<=5||void 0===arguments[5]?1.70158:arguments[5];return i*(n/=o)*n*((r+1)*n-r)+e}function V(t,n,e,i,o){var r=arguments.length<=5||void 0===arguments[5]?1.70158:arguments[5];return i*((n=n/o-1)*n*((r+1)*n+r)+1)+e}function G(t,n,e,i,o){var r=arguments.length<=5||void 0===arguments[5]?1.70158:arguments[5];return(n/=o/2)<1?i/2*(n*n*(((r*=1.525)+1)*n-r))+e:i/2*((n-=2)*n*(((r*=1.525)+1)*n+r)+2)+e}function K(t,n,e,i,o){return i-Z(t,o-n,0,i,o)+e}function Z(t,n,e,i,o){return(n/=o)<1/2.75?i*(7.5625*n*n)+e:2/2.75>n?i*(7.5625*(n-=1.5/2.75)*n+.75)+e:2.5/2.75>n?i*(7.5625*(n-=2.25/2.75)*n+.9375)+e:i*(7.5625*(n-=2.625/2.75)*n+.984375)+e}function tt(t,n,e,i,o){return o/2>n?.5*K(t,2*n,0,i,o)+e:.5*Z(t,2*n-o,0,i,o)+.5*i+e}var nt={};nt["typeof"]="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol?"symbol":typeof t},nt.classCallCheck=function(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")},nt.createClass=function(){function t(t,n){for(var e=0;e<n.length;e++){var i=n[e];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(n,e,i){return e&&t(n.prototype,e),i&&t(n,i),n}}();var et=Math.pow(2,53)-1,it=["Boolean","Number","String","Function","Array","Object"],ot={};it.forEach(function(t){ot["[object "+t+"]"]=t.toLowerCase()});var rt={y:"scrollTop",x:"scrollLeft"},lt={y:"pageYOffset",x:"pageXOffset"},ut=Math,at=ut.cos,ct=ut.sin,st=ut.pow,ft=ut.abs,ht=ut.sqrt,dt=ut.asin,pt=ut.PI,vt=Object.freeze({linear:O,InQuad:x,OutQuad:L,InOutQuad:I,InCubic:_,OutCubic:E,InOutCubic:M,InQuart:T,OutQuart:A,InOutQuart:z,InQuint:H,OutQuint:Q,InOutQuint:j,InSine:B,OutSine:D,InOutSine:R,InExpo:q,OutExpo:P,InOutExpo:W,InCirc:F,OutCirc:U,InOutCirc:$,InElastic:N,OutElastic:X,InOutElastic:Y,InBack:J,OutBack:V,InOutBack:G,InBounce:K,OutBounce:Z,InOutBounce:tt}),gt=0,yt=window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||function(t){var n=Date.now(),e=Math.max(0,16-(n-gt)),i=window.setTimeout(function(){t(n+e)},e);return gt=n+e,i},St=function(){function t(n){nt.classCallCheck(this,t),this.el=n,this.props={},this.progress=!1,this.startTime=null}return nt.createClass(t,[{key:"run",value:function(t,n,e,i,o){var r=this,l=arguments.length<=5||void 0===arguments[5]?function(){}:arguments[5];this.progress||(this.props={x:t,y:n},this.duration=e,this.delay=i,this.easing=o.replace("ease",""),this.callback=l,this.progress=!0,setTimeout(function(){r.startProps={x:C(r.el,"x"),y:C(r.el,"y")},yt(function(t){return r._loop(t)})},i))}},{key:"stop",value:function(){var t=arguments.length<=0||void 0===arguments[0]?!0:arguments[0];this.startTime=null,this.progress=!1,t&&(m(this.el,this.props.x,"x"),m(this.el,this.props.y,"y")),l(this.callback)&&(this.callback(),this.callback=null)}},{key:"_loop",value:function(t){var n=this;if(this.startTime||(this.startTime=t),!this.progress)return void this.stop(!1);var e=this.el,i=this.props,o=this.duration,r=this.startTime,l=this.startProps,u={},a=vt[this.easing],c=t-r,f=Math.min(1,Math.max(c/o,0));s(i,function(t,n){var e=l[n],i=t-e;if(0===i)return!0;var r=a(f,o*f,0,1,o);u[n]=Math.round(e+i*r)}),s(u,function(t,n){m(e,t,n)}),o>=c?yt(function(t){return n._loop(t)}):this.stop(!0)}}]),t}(),Ct=window,mt=document,kt="onwheel"in mt?"wheel":"onmousewheel"in mt?"mousewheel":"DOMMouseScroll",bt=kt+", touchstart, touchmove",wt="DOMContentLoaded",Ot=!1;b(mt,wt,function(){Ot=!0});var xt=function(){var t=navigator.userAgent;return-1===t.indexOf("Android 2.")&&-1===t.indexOf("Android 4.0")||-1===t.indexOf("Mobile Safari")||-1!==t.indexOf("Chrome")||-1!==t.indexOf("Windows Phone")?window.history&&"pushState"in window.history:!1}(),Lt=function(){function t(){var n=this,e=arguments.length<=0||void 0===arguments[0]?{}:arguments[0],i=arguments.length<=1||void 0===arguments[1]?"body, html":arguments[1];nt.classCallCheck(this,t);var o=c({},t.defaults,e);this.options=o,this.getContainer(i,function(t){n.container=t,n.header=h(o.header),n.tween=new St(t),n._trigger=null,n._shouldCallCancelScroll=!1,n.bindContainerClick(),n.initialized(),n.hook(o.initialized)})}return nt.createClass(t,[{key:"to",value:function(t){var n=this,e=arguments.length<=1||void 0===arguments[1]?{}:arguments[1],i=this.container,o=this.header,l=c({},this.options,e),u=this.parseCoodinate(l.offset),a=this._trigger,s=this.parseCoodinate(t),f=null;if(this._trigger=null,this._shouldCallCancelScroll=!1,this.stop(),i){if(!s&&r(t))if(f=/^#/.test(t)?t:null,"#"===t)s={top:0,left:0};else{var d=h(t),p=k(d,i);if(!p)return;s=p}if(s){null!=f&&f!==window.location.hash&&l.updateURL&&this.updateURLHash(f),u&&(s.top+=u.top,s.left+=u.left),o&&(s.top=Math.max(0,s.top-this.header.clientHeight));var g=void 0,y=void 0;v(i)?(g={width:Ct.innerWidth,height:Ct.innerHeight},y={width:mt.body.scrollWidth,height:mt.body.scrollHeight}):(g={width:i.clientWidth,height:i.clientHeight},y={width:i.scrollWidth,height:i.scrollHeight}),this.hook(l.beforeScroll,s,a)!==!1&&this.beforeScroll(s,a)!==!1&&(l.verticalScroll?s.top=Math.max(0,Math.min(y.height-g.height,s.top)):s.top=C(i,"y"),l.horizontalScroll?s.left=Math.max(0,Math.min(y.width-g.width,s.left)):s.left=C(i,"x"),this.tween.run(s.left,s.top,l.duration,l.delay,l.easing,function(){n.unbindContainerStop(),n._shouldCallCancelScroll?(n.hook(l.cancelScroll),n.cancelScroll()):(n.hook(l.afterScroll,s,a),n.afterScroll(s,a))}),this.bindContainerStop())}}}},{key:"toTop",value:function(t){var n=arguments.length<=1||void 0===arguments[1]?{}:arguments[1];this.to(t,c({},n,{verticalScroll:!0,horizontalScroll:!1}))}},{key:"toLeft",value:function(t){var n=arguments.length<=1||void 0===arguments[1]?{}:arguments[1];this.to(t,c({},n,{verticalScroll:!1,horizontalScroll:!0}))}},{key:"toElement",value:function(t){var n=arguments.length<=1||void 0===arguments[1]?{}:arguments[1];if(t instanceof HTMLElement){var e=k(t,this.container);this.to(e,c({},n))}}},{key:"stop",value:function(){var t=arguments.length<=0||void 0===arguments[0]?!1:arguments[0];this._stopScrollListener&&(this._shouldCallCancelScroll=!0),this.tween.stop(t)}},{key:"update",value:function(){var t=arguments.length<=0||void 0===arguments[0]?{}:arguments[0];this.stop(),this.unbindContainerClick(),this.unbindContainerStop(),this.options=c({},this.options,t),this.header=h(this.options.header),this.bindContainerClick()}},{key:"destroy",value:function(){this.stop(),this.unbindContainerClick(),this.unbindContainerStop(),this.container=null,this.header=null,this.tween=null}},{key:"initialized",value:function(){}},{key:"beforeScroll",value:function(t,n){return!0}},{key:"cancelScroll",value:function(){}},{key:"afterScroll",value:function(t,n){}},{key:"parseCoodinate",value:function(t){var e=this.options.verticalScroll,i={top:0,left:0};if(a(t,"top")||a(t,"left"))i=c(i,t);else if(n(t))2===t.length?(i.top=t[0],i.left=t[1]):(i.top=e?t[0]:0,i.left=e?0:t[0]);else if(u(t))i.top=e?t:0,i.left=e?0:t;else{if(!r(t))return null;if(t=f(t),/^\d+,\d+$/.test(t))t=t.split(","),i.top=t[0],i.left=t[1];else if(/^(top|left):\d+,?(?:(top|left):\d+)?$/.test(t)){var o=t.match(/top:(\d+)/),l=t.match(/left:(\d+)/);i.top=o?o[1]:0,i.left=l?l[1]:0}else{if(!this.container||!/^(\+|-)=(\d+)$/.test(t))return null;var s=C(this.container,e?"y":"x"),h=t.match(/^(\+|-)\=(\d+)$/),d=h[1],p=parseInt(h[2],10);"+"===d?(i.top=e?s+p:0,i.left=e?0:s+p):(i.top=e?s-p:0,i.left=e?0:s-p)}}return i.top=parseInt(i.top,10),i.left=parseInt(i.left,10),i}},{key:"updateURLHash",value:function(t){xt&&window.history.pushState(null,null,t)}},{key:"getContainer",value:function(t,n){var e=this,i=this.options,o=i.verticalScroll,r=i.horizontalScroll,l=void 0;o&&(l=y(t,"y")),!l&&r&&(l=y(t,"x")),l||Ot?n.call(this,l):b(mt,wt,function(){e.getContainer(t,n)})}},{key:"bindContainerClick",value:function(){var t=this.container;t&&(this._containerClickListener=this.handleContainerClick.bind(this),b(t,"click",this._containerClickListener))}},{key:"unbindContainerClick",value:function(){var t=this.container;t&&this._containerClickListener&&(w(t,"click",this._containerClickListener),this._containerClickListener=null)}},{key:"bindContainerStop",value:function(){var t=this.container;t&&(this._stopScrollListener=this.handleStopScroll.bind(this),b(t,bt,this._stopScrollListener))}},{key:"unbindContainerStop",value:function(){var t=this.container;t&&this._stopScrollListener&&(w(t,bt,this._stopScrollListener),this._stopScrollListener=null)}},{key:"hook",value:function(t){if(l(t)){for(var n=arguments.length,e=Array(n>1?n-1:0),i=1;n>i;i++)e[i-1]=arguments[i];return t.apply(this,e)}}},{key:"handleStopScroll",value:function(t){this.options.stopScroll?this.stop():t.preventDefault()}},{key:"handleContainerClick",value:function(t){for(var n=this.options,e=t.target;e&&e!==mt;e=e.parentNode)if(p(e,n.trigger)){var i=e.getAttribute("data-scroll"),o=this.parseDataOptions(e),r=i||e.getAttribute("href");n=c({},n,o),t.preventDefault(),t.stopPropagation(),this._trigger=e,n.horizontalScroll&&n.verticalScroll?this.to(r,n):n.verticalScroll?this.toTop(r,n):n.horizontalScroll&&this.toLeft(r,n)}}},{key:"parseDataOptions",value:function(t){var n=t.getAttribute("data-scroll-options");return n?JSON.parse(n):{}}}]),t}();return Lt.defaults={trigger:"[data-scroll]",header:"[data-scroll-header]",duration:1e3,delay:0,easing:"easeOutQuint",offset:0,verticalScroll:!0,horizontalScroll:!1,stopScroll:!0,updateURL:!1,initialized:null,beforeScroll:null,afterScroll:null,cancelScroll:null},Lt});

New alerts

License Policy Violation

License

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

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

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

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

63479

increased by3.55%

Lines of code

1050

increased by2.64%

Number of lines in readme file

516

increased by6.39%

No dependency changes