vevet 1.4.27 → 2.0.1-dev.3

package/dist/js/ScrollModule.js

@@ -1,1071 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _Module2 = _interopRequireDefault(require("./Module"));
-
-var _merge = _interopRequireDefault(require("./merge"));
-
-var _timeoutCallback = _interopRequireDefault(require("./timeoutCallback"));
-
-var _normalizeWheel = _interopRequireDefault(require("./normalizeWheel"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _get(target, property, receiver) { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(receiver); } return desc.value; }; } return _get(target, property, receiver || target); }
-
-function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-var dom = require('dom-create-element');
-
-var selectEl = require('select-el');
-
-var lerp = require('lerp');
-
-/**
- * @classdesc A class for cretating custom smooth scrolling.
- * While setting up the class, you can choose what elements will imitate scrolling.
- * There can be several elements, that will imitate scrolling with or without delays (with different easings), 
- * or there can be one element, an outer element, that will be translated while scrolling.
- * The scroll itself works on the basis of {@linkcode requestAnimationFrame} and {@linkcode css-transforms}. <br>
- * Available targets:
- *  <ul>
- *      <li>update - when scroll values are updated, it is launched on each frame. Each callback receives {@linkcode Vevet.ScrollModule.Event} as an argument.</li>
- *      <li>size - when scroll sizes are updated. This happens either with each frame if {@linkcode resizeOnUpdate} is enabled or on window resize.</li>
- *      <li>wheel - event on wheen. Each callback receives {@linkcode WheelEvent} as an argument.</li>
- *      <li>approximate - when scroll targets and values are approximated.</li>
- *  </ul>
- * <br><br> <b>import {ScrollModule} from 'vevet';</b>
- * 
- * @vevetModuleCallback { Vevet.ScrollModule : update : Vevet.ScrollModule.Event}
- * @vevetModuleCallback { Vevet.ScrollModule : size :  }
- * @vevetModuleCallback { Vevet.ScrollModule : wheel : WheelEvent }
- * @vevetModuleCallback { Vevet.ScrollModule : approximate :  }
- * 
- * @class
- * @memberof Vevet
- * @augments Vevet.Module
- */
-var ScrollModule = /*#__PURE__*/function (_Module) {
-  _inherits(ScrollModule, _Module);
-
-  var _super = _createSuper(ScrollModule);
-
-  /**
-   * @memberof Vevet.ScrollModule
-   * @typedef {object} Properties
-   * @augments Vevet.Module.Properties
-   * 
-   * @property {object} [selectors]
-   * @property {string|HTMLElement} [selectors.outer=.vevet-scroll] - *** The scroll outer element.
-   * @property {string|HTMLElement|NodeList|Array<HTMLElement>} [selectors.elements=.vevet-scroll__el] - Elements inside the outer element to be scrolled.
-   * 
-   * @property {boolean} [run=true] - If true, the scrolling will work.
-   * @property {false|Vevet.FrameModule|Vevet.Module} [frame=false] - If false, the animation will work on the basis of {@linkcode requestAnimationFrame}.
-   * If not a frame or another module, an event under the target "frame" willbe added to it, and in this very event
-   * the scrolling values will be calculated.
-   * @property {boolean} [resizeOnUpdate=true] - Sometimes content and its height may change.
-   * If so, you need to launch {@linkcode Vevet.ScrollModule#setSize}.
-   * But if resizeOnUpdate is true, this action is not needed, because everything will be updated automatically.
-   * @property {number} [resizeTimeout=0] - A timeout before sizes are updated when the window is resized.
-   * @property {boolean} [scroll=true] - Defines if the scroll will respond to the wheel event.
-   * @property {boolean} [autoStop=true] - Stop the animation frame when the scroll and target values are maximally approximated.
-   * @property {boolean} [horizontal=false]
-   * 
-   * @property {number} [ease=0.1] - The higher number, the faster animation.
-   * By the way, each scrolling element may have the attribute "data-vevet-scroll-ease" which will set
-   * a custom ease value for this very element.
-   * 
-   * @property {boolean} [propagation=false] - If false, 'stopPropagation' will work.
-   * @property {boolean} [willChange=false] - Add will-change to the scrolling elements.
-   * @property { boolean } [round=false] - Round the scroll value to an integer.
-   * @property { boolean } [useTransform=true] - If false, "top" & "left" will be changed.
-   */
-
-  /**
-   * @alias Vevet.ScrollModule
-   * 
-   * @param {Vevet.ScrollModule.Properties} [data]
-   */
-  function ScrollModule(data) {
-    _classCallCheck(this, ScrollModule);
-
-    return _super.call(this, data);
-  }
-
-  _createClass(ScrollModule, [{
-    key: "prefix",
-    get: function get() {
-      return "".concat(this._v.prefix, "scroll");
-    }
-    /**
-     * @readonly
-     * @type {Vevet.ScrollModule.Properties}
-     */
-
-  }, {
-    key: "defaultProp",
-    get: function get() {
-      var prefix = this._prefix;
-      return (0, _merge.default)(_get(_getPrototypeOf(ScrollModule.prototype), "defaultProp", this), {
-        selectors: {
-          outer: ".".concat(prefix),
-          elements: ".".concat(prefix, "__el")
-        },
-        run: true,
-        frame: false,
-        resizeOnUpdate: true,
-        resizeTimeout: 0,
-        scroll: true,
-        autoStop: true,
-        horizontal: false,
-        ease: .1,
-        propagation: false,
-        willChange: false,
-        round: false,
-        useTransform: true
-      });
-    }
-    /**
-     * @member Vevet.ScrollModule#prop
-     * @memberof Vevet.ScrollModule
-     * @readonly
-     * @type {Vevet.ScrollModule.Properties}
-     */
-
-    /**
-     * @member Vevet.ScrollModule#_prop
-     * @memberof Vevet.ScrollModule
-     * @protected
-     * @type {Vevet.ScrollModule.Properties}
-     */
-
-    /**
-     * @function Vevet.ScrollModule#changeProp
-     * @memberof Vevet.ScrollModule
-     * @param {Vevet.ScrollModule.Properties} [prop]
-     */
-
-    /**
-     * @description Scroll outer.
-     * @readonly
-     * @type {HTMLElement}
-     */
-
-  }, {
-    key: "outer",
-    get: function get() {
-      return this._outer;
-    }
-    /**
-     * @description Elements to be scrolled.
-     * @readonly
-     * @type {Array<HTMLElement>|NodeList}
-     */
-
-  }, {
-    key: "elements",
-    get: function get() {
-      return this._el;
-    }
-    /**
-     * @description Get container sizes: scrollWidth & scrollHeight.
-     * @readonly
-     * @type {Array<number>}
-     */
-
-  }, {
-    key: "sizes",
-    get: function get() {
-      return [this._width, this._height];
-    }
-    /**
-     * @description Get scroll width.
-     * @readonly
-     * @type {number}
-     */
-
-  }, {
-    key: "scrollWidth",
-    get: function get() {
-      return this._width;
-    }
-    /**
-     * @description Get scroll height.
-     * @readonly
-     * @type {number}
-     */
-
-  }, {
-    key: "scrollHeight",
-    get: function get() {
-      return this._height;
-    }
-    /**
-     * @description Get outer sizes: clientWidth & clientHeight.
-     * @readonly
-     * @type {Array<number>}
-     */
-
-  }, {
-    key: "outerSizes",
-    get: function get() {
-      return [this._widthOuter, this._heightOuter];
-    }
-    /**
-     * @description Get outer width.
-     * @readonly
-     * @type {number}
-     */
-
-  }, {
-    key: "width",
-    get: function get() {
-      return this._widthOuter;
-    }
-    /**
-     * @description Get outer height.
-     * @readonly
-     * @type {number}
-     */
-
-  }, {
-    key: "height",
-    get: function get() {
-      return this._heightOuter;
-    }
-    /**
-     * @description ScrollTop value.
-     * @type {number}
-     */
-
-  }, {
-    key: "scrollTop",
-    get: function get() {
-      return this._scrollTop;
-    },
-    set: function set(value) {
-      this._targetTop = value;
-
-      this._boundaries(true);
-
-      this._instant = true;
-      this.play();
-    }
-    /**
-     * @description ScrollLeft value.
-     * @type {number}
-     */
-
-  }, {
-    key: "scrollLeft",
-    get: function get() {
-      return this._scrollLeft;
-    },
-    set: function set(value) {
-      this._targetLeft = value;
-
-      this._boundaries(false);
-
-      this._instant = true;
-      this.play();
-    }
-    /**
-     * @description Set scroll values. X & Y
-     * @type {Array<number>}
-     */
-
-  }, {
-    key: "scrollValues",
-    set: function set(coord) {
-      this._targetLeft = coord[0];
-      this._targetTop = coord[1];
-
-      this._boundaries(false);
-
-      this._boundaries();
-
-      this._instant = true;
-      this.play();
-    }
-    /**
-     * @description Get/Change left scroll value goal.
-     * @type {number}
-     */
-
-  }, {
-    key: "targetLeft",
-    get: function get() {
-      return this._targetLeft;
-    },
-    set: function set(value) {
-      this._targetLeft = value;
-      this.play();
-    }
-    /**
-     * @description Get/Change top scroll value goal.
-     * @type {number}
-     */
-
-  }, {
-    key: "targetTop",
-    get: function get() {
-      return this._targetTop;
-    },
-    set: function set(value) {
-      this._targetTop = value;
-      this.play();
-    } // Extra Constructor
-
-  }, {
-    key: "_extra",
-    value: function _extra() {
-      _get(_getPrototypeOf(ScrollModule.prototype), "_extra", this).call(this);
-
-      var prefix = this._prefix;
-      /**
-       * @description Data attributes names.
-       * @member {object}
-       * @protected
-       */
-
-      this._data = {
-        ease: "data-".concat(prefix, "-ease")
-      };
-      /**
-       * @description Element properties.
-       * @member {object}
-       * @protected
-       */
-
-      this._properties = {
-        current: "".concat(prefix, "-current"),
-        ease: "".concat(prefix, "-ease")
-      }; // what scroll values must be
-
-      /**
-       * @description Scroll Top goal
-       * @protected 
-       * @type {number}
-       */
-
-      this._targetTop = 0;
-      /**
-       * @description Scroll Left goal
-       * @protected 
-       * @type {number}
-       */
-
-      this._targetLeft = 0; // scroll top & scroll left
-      // these are actually current values of last elements
-
-      /**
-       * @description Scroll Top value
-       * @protected 
-       * @type {number}
-       */
-
-      this._scrollTop = 0;
-      /**
-       * @description Scroll Left value
-       * @protected 
-       * @type {number}
-       */
-
-      this._scrollLeft = 0;
-      /**
-       * @description If the change of the scroll values must happen without interpolation
-       * @protected 
-       * @type {boolean}
-       */
-
-      this._instant = false;
-      /**
-       * @description Direction, 1 for down, -1 for up
-       * @protected 
-       * @type {number}
-       */
-
-      this._direction = 1;
-      /**
-       * @description Container width
-       * @protected 
-       * @type {number}
-       */
-
-      this._width = 1;
-      /**
-       * @description Container height
-       * @protected 
-       * @type {number}
-       */
-
-      this._height = 1;
-      /**
-       * @description Container exists by default
-       */
-
-      this._containerExists = false;
-      /**
-       * @description Outer width
-       * @protected 
-       * @type {number}
-       */
-
-      this._widthOuter = 1;
-      /**
-       * @description Outer height
-       * @protected 
-       * @type {number}
-       */
-
-      this._heightOuter = 1;
-      /**
-       * @description Animation frame
-       * @protected 
-       * @type {false|number}
-       */
-
-      this._frame = false; // get elements
-
-      this._elGet(); // create additional scrolling elements
-
-
-      this._elCreate();
-    } // Initialize & Run animation frame
-
-  }, {
-    key: "_init",
-    value: function _init() {
-      _get(_getPrototypeOf(ScrollModule.prototype), "_init", this).call(this);
-
-      this._run();
-    } // When properties are changed
-
-  }, {
-    key: "_changeProp",
-    value: function _changeProp(prop) {
-      _get(_getPrototypeOf(ScrollModule.prototype), "_changeProp", this).call(this, prop); // update elements
-
-
-      this._elGet(true);
-
-      this.setSize();
-
-      this._run();
-    }
-    /**
-     * @description Get elements. Scroll elements are searched not only inside the outer.
-     * @protected
-     */
-
-  }, {
-    key: "_elGet",
-    value: function _elGet() {
-      // copy values
-      var prop = this._prop,
-          selectors = prop.selectors;
-      /**
-       * @description Outer element.
-       * @protected
-       * @member {HTMLElement}
-       */
-
-      this._outer = selectEl.one(selectors.outer);
-
-      this._outer.classList.add(this._prefix);
-      /**
-       * @description Scroll elements.
-       * @protected
-       * @member {Array<HTMLElement>|NodeList}
-       */
-
-
-      this._el = selectEl.all(selectors.elements);
-      var el = this._el;
-      /**
-       * @description Amount of elements.
-       * @protected
-       * @member {number}
-       */
-
-      this._length = el.length; // apply will change
-
-      var willChangeValue = '';
-
-      if (prop.willChange) {
-        if (prop.useTransform) {
-          willChangeValue = 'transform';
-        } else {
-          willChangeValue = 'top, left';
-        }
-      }
-
-      for (var i = 0; i < el.length; i++) {
-        el[i].style.willChange = willChangeValue;
-      }
-    }
-    /**
-     * @description Set element properties.
-     * @protected
-     */
-
-  }, {
-    key: "_elProp",
-    value: function _elProp() {
-      for (var i = 0; i < this._length; i++) {
-        var el = this._el[i],
-            prop = this._properties,
-            current = prop.current,
-            ease = this._data.ease; // get current scroll values
-
-        el[current] = [this._scrollLeft, this.scrollTop]; // get ease
-
-        var attr = el.getAttribute(ease);
-
-        if (attr) {
-          ease = parseFloat(attr);
-        } else {
-          ease = this._prop.ease;
-        } // set ease
-
-
-        el[prop.ease] = ease;
-      }
-    }
-    /**
-     * @description Create additional elements. They are needed for scrolling.
-     * @protected
-     */
-
-  }, {
-    key: "_elCreate",
-    value: function _elCreate() {
-      var containerSelector = "".concat(this._prefix, "__container");
-      var containerElement = selectEl.one('.' + containerSelector, this._outer);
-
-      if (containerElement) {
-        this._container = containerElement;
-        this._containerExists = true;
-      } else {
-        /**
-         * @description Scroll Container.
-         * @protected
-         * @member {HTMLElement}
-         */
-        this._container = dom({
-          selector: 'div',
-          styles: "".concat(this._prefix, "__container")
-        }); // move elements
-
-        while (this._outer.firstChild) {
-          this._container.appendChild(this._outer.firstChild);
-        } // append additional elements
-
-
-        this._outer.appendChild(this._container);
-      }
-    } // Set Events
-
-  }, {
-    key: "_setEvents",
-    value: function _setEvents() {
-      var _this = this;
-
-      // sizes
-      this.setSize();
-      this.addEvent('viewport', {
-        target: '',
-        name: this.name,
-        do: function _do() {
-          (0, _timeoutCallback.default)(function () {
-            _this.setSize(true);
-          }, _this._prop.resizeTimeout);
-        }
-      }); // wheel
-
-      this.addEventListener({
-        el: this._outer,
-        target: 'wheel',
-        do: this._wheel.bind(this),
-        passive: true
-      }); // on scroll
-
-      this.addEventListener({
-        el: this._outer,
-        target: "scroll",
-        do: this._onScroll.bind(this),
-        passive: true
-      });
-    }
-    /**
-     * @description Update size values.
-     * @param {boolean} native - Defines if the method was called on window resize.
-     */
-
-  }, {
-    key: "setSize",
-    value: function setSize() {
-      var native = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-
-      if (!this._prop.run) {
-        return;
-      } // elements
-
-
-      var container = this._container,
-          outer = this._outer; // get sizes
-
-      this._width = container.clientWidth;
-      this._height = container.clientHeight;
-      this._widthOuter = outer.clientWidth;
-      this._heightOuter = outer.clientHeight; // bound height and widths
-
-      if (this._width < this._widthOuter) {
-        this._width = this._widthOuter;
-      }
-
-      if (this._height < this._heightOuter) {
-        this._height = this._heightOuter;
-      } // force change
-      // it means that after resizing scrolling will be instantaneous for a while
-
-
-      if (native) {
-        this._instant = true;
-      } // sometimes after resizing it may happen that targets are less or more
-      // eslint-disable-next-line no-irregular-whitespace
-      // than maximum values ​​of scrolling
-      // that's why we check it out here and fix it
-
-
-      if (native) {
-        this._boundaries(false);
-
-        this._boundaries(true);
-      } // change element properties
-
-
-      this._elProp(); // launch callbacks
-
-
-      this.lbt("size");
-    }
-    /**
-     * @description Event on wheel.
-     * @param {WheelEvent} evt - Event.
-     * @protected
-     */
-
-  }, {
-    key: "_wheel",
-    value: function _wheel(evt) {
-      var prop = this._prop;
-
-      if (prop.run & prop.scroll) {
-        // stop propagation if enabled
-        if (!prop.propagation) {
-          // evt.preventDefault();
-          evt.stopPropagation();
-        } // get normalized delta
-
-
-        var delta = (0, _normalizeWheel.default)(evt); // set new scroll targets
-
-        var x = delta.pixelX,
-            y = delta.pixelY;
-
-        if (prop.horizontal) {
-          x = delta.pixelY;
-          y = delta.pixelX;
-        }
-
-        this.targetLeft += x;
-        this.targetTop += y; // shrink target values
-
-        this._boundaries(false);
-
-        this._boundaries(true); // set direction
-
-
-        var directionPixel = 'pixelY';
-
-        if (prop.horizontal) {
-          directionPixel = 'pixelX';
-        }
-
-        if (delta[directionPixel] < 0) {
-          this._direction = -1;
-        } else {
-          this._direction = 1;
-        } // play scroll
-
-
-        this.play(); // launch events
-
-        this.lbt("wheel", evt);
-      }
-    }
-    /**
-     * @description Event on scroll. Reset native scroll values.
-     * @protected
-     */
-
-  }, {
-    key: "_onScroll",
-    value: function _onScroll() {
-      var prop = this._prop;
-
-      if (prop.run) {
-        this._outer.scrollTop = 0;
-        this._outer.scrollLeft = 0;
-      }
-    }
-    /**
-     * @description Prevent cases when targets are less or more than the maximum values of scrolling
-     * @protected
-     * @param {boolean} [vertical=true]
-     */
-
-  }, {
-    key: "_boundaries",
-    value: function _boundaries() {
-      var vertical = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-      var targetTop = this._targetTop,
-          targetLeft = this._targetLeft; // check cases
-
-      if (vertical) {
-        var max = this._height - this._heightOuter;
-
-        if (targetTop < 0) {
-          this.targetTop = 0;
-        }
-
-        if (targetTop > max) {
-          this.targetTop = max;
-        }
-      } else {
-        var _max = this._width - this._widthOuter;
-
-        if (targetLeft < 0) {
-          this.targetLeft = 0;
-        }
-
-        if (targetLeft > _max) {
-          this.targetLeft = _max;
-        }
-      }
-    }
-    /**
-     * @description The same as {@linkcode Vevet.ScrollModule._boundaries} but for both axis.
-     * @protected
-     */
-
-  }, {
-    key: "_boundariesBoth",
-    value: function _boundariesBoth() {
-      this._boundaries(false);
-
-      this._boundaries();
-    }
-    /**
-     * @description Run animationFrame.
-     * @protected
-     */
-
-  }, {
-    key: "_run",
-    value: function _run() {
-      if (this._prop.run) {
-        this.play();
-      } else {
-        this.stop();
-      }
-    }
-    /**
-     * @description Run animation frame if scroll is enabled.
-     */
-
-  }, {
-    key: "play",
-    value: function play() {
-      var frame = this._frame;
-
-      if (!frame & this._prop.run) {
-        if (this._prop.frame) {
-          this._frame = this._prop.frame.on("frame", this.animate.bind(this));
-        } else {
-          this._frame = window.requestAnimationFrame(this.animate.bind(this));
-        }
-      }
-    }
-    /**
-     * @description Stop animation frame. Though it will restart on the wheel event.
-     * To stop scroll forever use {@linkcode Vevet.ScrollModule.changeProp}.
-     */
-
-  }, {
-    key: "stop",
-    value: function stop() {
-      var frame = this._frame;
-
-      if (frame) {
-        if (this._prop.frame) {
-          this._prop.frame.remove(this._frame);
-        } else {
-          window.cancelAnimationFrame(frame);
-        }
-
-        this._frame = false;
-      }
-    }
-    /**
-     * @memberof Vevet.ScrollModule
-     * @typedef {object} Event
-     * 
-     * @property {number} left
-     * @property {number} top
-     */
-
-    /**
-     * @description Animation. Here scroll values are calculated.
-     */
-
-  }, {
-    key: "animate",
-    value: function animate() {
-      // auto-resizing
-      this._autoResize(); // instant scroll after resizing
-
-
-      var instant = false;
-
-      if (this._instant) {
-        instant = true;
-        this._instant = false;
-      } // calculate scroll values: scrollLeft & scrollTop
-
-
-      this._calcScrollValues(instant); // change elements' values
-
-
-      this._calcElValues(instant); // render
-
-
-      this._render(); // event
-
-
-      this.lbt("update", {
-        left: this._scrollLeft,
-        top: this._scrollTop
-      }); // animation frame
-
-      if (!this._prop.frame) {
-        this._frame = window.requestAnimationFrame(this.animate.bind(this));
-      } // stop frame if values are interpolated
-
-
-      var yDiff = Math.abs(this._targetTop - this._scrollTop);
-      var xDiff = Math.abs(this._targetLeft - this._scrollLeft);
-
-      if (yDiff < .01 & xDiff < .01) {
-        if (this._prop.autoStop) {
-          this.stop();
-        }
-
-        this.lbt("approximate");
-      }
-    }
-    /**
-     * @description Auto-resizing while animating.
-     */
-
-  }, {
-    key: "_autoResize",
-    value: function _autoResize() {
-      // get prop
-      var prop = this._prop,
-          container = this._container; // auto resize
-
-      if (prop.resizeOnUpdate) {
-        var height = container.clientHeight,
-            width = container.clientWidth;
-
-        if (height != this._height || width != this._width) {
-          this.setSize();
-        }
-      }
-    }
-    /**
-     * @description Calculate elements' values.
-     * @param {boolean} instant - If animation is to be implemented instantly.
-     */
-
-  }, {
-    key: "_calcElValues",
-    value: function _calcElValues(instant) {
-      // get prop
-      var properties = this._properties;
-
-      for (var i = 0; i < this._length; i++) {
-        // get element
-        var el = this._el[i]; // get ease
-
-        var ease = this._getEase(el, instant); // target and current values
-
-
-        var current = el[properties.current]; // change values
-
-        if (ease === this._prop.ease) {
-          current[0] = this._scrollLeft;
-          current[1] = this._scrollTop;
-        } else {
-          current[0] = this._r(lerp(current[0], this._targetLeft, ease));
-          current[1] = this._r(lerp(current[1], this._targetTop, ease)); // round the values
-
-          if (this._prop.round) {
-            current[0] = Math.round(current[0]);
-            current[1] = Math.round(current[1]);
-          }
-        }
-      }
-    }
-    /**
-     * @description Calculate scroll values: scrollLeft & scrollTop.
-     * @param {boolean} instant - If animation is to be implemented instantly.
-     */
-
-  }, {
-    key: "_calcScrollValues",
-    value: function _calcScrollValues(instant) {
-      // get ease
-      var ease = this._getEase(null, instant); // change values
-
-
-      this._scrollLeft = this._r(lerp(this._scrollLeft, this._targetLeft, ease));
-      this._scrollTop = this._r(lerp(this._scrollTop, this._targetTop, ease)); // round the values
-
-      if (this._prop.round) {
-        this._scrollLeft = Math.round(this._scrollLeft);
-        this._scrollTop = Math.round(this._scrollTop);
-      }
-    }
-  }, {
-    key: "_r",
-    value: function _r(t, e) {
-      return e = void 0 !== e ? Math.pow(10, e) : 1e3, Math.round(t * e) / e;
-    }
-    /**
-     * @description Get elements ease.
-     * @protected
-     * @param {HTMLElement} el 
-     * @param {boolean} instant - Instant scroll after resizing.
-     */
-
-  }, {
-    key: "_getEase",
-    value: function _getEase(el, instant) {
-      if (instant) {
-        return 1;
-      } else {
-        if (el == null) {
-          return this._prop.ease;
-        } else {
-          return el[this._properties.ease];
-        }
-      }
-    }
-    /**
-     * @description Render elements, transforms.
-     * @protected
-     */
-
-  }, {
-    key: "_render",
-    value: function _render() {
-      // through all elements
-      for (var i = 0; i < this._length; i++) {
-        var el = this._el[i],
-            current = el[this._properties.current]; // coords
-
-        var x = -current[0];
-        var y = -current[1]; // set styles
-
-        if (this._prop.useTransform) {
-          el.style.transform = "\n                    matrix3d(1,0,0.00,0,0.00,1,0.00,0,0,0,1,0, ".concat(x, ", ").concat(y, ", 0,1)\n                ");
-        } else {
-          el.style.left = x + 'px';
-          el.style.top = y + 'px';
-        }
-      }
-    }
-    /**
-     * @description Destroy the scroll.
-     */
-
-  }, {
-    key: "destroy",
-    value: function destroy() {
-      _get(_getPrototypeOf(ScrollModule.prototype), "destroy", this).call(this); // stop frame
-
-
-      this._prop.run = false;
-
-      this._run(); // vars
-
-
-      var outer = this._outer; // remove container if created by the script
-
-      if (!this._containerExists) {
-        // vars
-        var container = this._container,
-            children = container.children; // move children from the container to the root
-
-        for (var i = 0; i < children.length; i++) {
-          outer.appendChild(children[i]);
-        } // remove container
-
-
-        outer.removeChild(container);
-      } // classes
-
-
-      outer.classList.remove(this._prefix); // styles
-
-      for (var _i = 0; _i < this._el.length; _i++) {
-        var el = this._el[_i];
-        el.style.transform = '';
-        el.style.willChange = '';
-      }
-    }
-  }]);
-
-  return ScrollModule;
-}(_Module2.default);
-
-exports.default = ScrollModule;