vevet 1.4.27 → 2.0.1-dev.3

package/dist/js/ScrollAnimateModule.js

@@ -1,419 +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"));
-
-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 selectEl = require('select-el');
-/**
- * @classdesc This class is a base for {@linkcode Vevet.ScrollAnchorModule} & {@linkcode Vevet.ScrollViewModule}.
- * <br><br> <b>import {ScrollAnimateModule} from 'vevet';</b>
- * 
- * @class
- * @abstract
- * @memberof Vevet
- * @augments Vevet.Module
- */
-
-
-var ScrollAnimateModule = /*#__PURE__*/function (_Module) {
-  _inherits(ScrollAnimateModule, _Module);
-
-  var _super = _createSuper(ScrollAnimateModule);
-
-  /**
-   * @memberof Vevet.ScrollAnimateModule
-   * @typedef {object} Properties
-   * @augments Vevet.Module.Properties
-   * 
-   * @property {object} [selectors]
-   * @property {string|HTMLElement|Window|Vevet.ScrollModule} [selectors.outer=.vevet-scrollAnimate] - The scroll outer element.
-   * @property {string|HTMLElement|NodeList|Array<HTMLElement>} [selectors.elements=.vevet-scrollAnimate__el] - Elements inside the outer.
-   * @property {boolean} [selectors.inside=true] - True for searching elements only inside the outer element.
-   * 
-   * @property {boolean} [on=true] - If events are enabled.
-   * @property {boolean} [resize=true] - Update on resize.
-   * @property {number} [resizeTimeout=0] - Timeout before sizes are updated when the window is resized.
-   * @property {boolean} [event=true] - If you need to use native events.
-   * {@linkcode Vevet.ScrollAnimateModule#seek} will be launched automatically when scrolling is true.
-   * @property {boolean} [seekInit=true] - Call {@linkcode Vevet.ScrollAnimateModule#seek} after the class is initialized.
-   * @property {boolean} [horizontal=false] - Direction of scrolling.
-   */
-
-  /**
-   * @alias Vevet.ScrollAnimateModule
-   * 
-   * @param {Vevet.ScrollAnimateModule.Properties} [data]
-   */
-  function ScrollAnimateModule(data) {
-    _classCallCheck(this, ScrollAnimateModule);
-
-    return _super.call(this, data);
-  }
-
-  _createClass(ScrollAnimateModule, [{
-    key: "prefix",
-    get: function get() {
-      return "".concat(this._v.prefix, "scrollAnimate");
-    }
-    /**
-     * @readonly
-     * @type {Vevet.ScrollAnimateModule.Properties}
-     */
-
-  }, {
-    key: "defaultProp",
-    get: function get() {
-      var prefix = this._prefix;
-      return (0, _merge.default)(_get(_getPrototypeOf(ScrollAnimateModule.prototype), "defaultProp", this), {
-        selectors: {
-          outer: ".".concat(prefix),
-          elements: ".".concat(prefix, "__el"),
-          inside: true
-        },
-        on: true,
-        resize: true,
-        resizeTimeout: 0,
-        event: true,
-        seekInit: true,
-        horizontal: false
-      });
-    }
-    /**
-     * @member Vevet.ScrollAnimateModule#prop
-     * @memberof Vevet.ScrollAnimateModule
-     * @readonly
-     * @type {Vevet.ScrollAnimateModule.Properties}
-     */
-
-    /**
-     * @member Vevet.ScrollAnimateModule#_prop
-     * @memberof Vevet.ScrollAnimateModule
-     * @protected
-     * @type {Vevet.ScrollAnimateModule.Properties}
-     */
-
-    /**
-     * @function Vevet.ScrollAnimateModule#changeProp
-     * @memberof Vevet.ScrollAnimateModule
-     * @param {Vevet.ScrollAnimateModule.Properties} [prop]
-     */
-
-    /**
-     * @description Scroll outer.
-     * @readonly
-     * @type {HTMLElement|Window}
-     */
-
-  }, {
-    key: "outer",
-    get: function get() {
-      return this._outer;
-    }
-    /**
-     * @description Elements.
-     * @readonly
-     * @type {Array<HTMLElement>|NodeList}
-     */
-
-  }, {
-    key: "elements",
-    get: function get() {
-      return this._el;
-    } // Extra Constructor
-
-  }, {
-    key: "_extra",
-    value: function _extra() {
-      _get(_getPrototypeOf(ScrollAnimateModule.prototype), "_extra", this).call(this);
-      /**
-       * @description Vevet ScrollModule callback
-       * @member {false|string}
-       * @protected
-       */
-
-
-      this._scrollModuleCallback = false;
-      /**
-       * @description Vevet ScrollModule or Scroll Outer
-       * @member {HTMLElement|Window|Vevet.ScrollModule}
-       * @protected
-       */
-
-      this._vevetScroll = false;
-      /**
-       * @member {number}
-       * @protected
-       */
-
-      this._size = 0;
-      /**
-       * @member {number}
-       * @protected
-       */
-
-      this._scrollValue = 0;
-      /**
-       * @member {DOMRect}
-       * @protected
-       */
-
-      this._bounding = false; // get elements
-
-      this._elGet();
-    } // Seek on Init
-
-  }, {
-    key: "_init",
-    value: function _init() {
-      _get(_getPrototypeOf(ScrollAnimateModule.prototype), "_init", this).call(this); // seek
-
-
-      if (this._prop.seekInit) {
-        this.seek();
-      }
-    } // When Properties are changed
-
-  }, {
-    key: "_changeProp",
-    value: function _changeProp() {
-      _get(_getPrototypeOf(ScrollAnimateModule.prototype), "_changeProp", this).call(this);
-
-      this._removeScrollListeners(); // get elements & set events on them
-
-
-      this._elGet(); // update size values
-
-
-      this.setSize();
-    }
-    /**
-     * @description Remove scroll listeners
-     * @protected
-     */
-
-  }, {
-    key: "_removeScrollListeners",
-    value: function _removeScrollListeners() {
-      // remove event listeners before
-      this.removeEventListeners();
-
-      if (this._scrollModuleCallback) {
-        this._vevetScroll.remove(this._scrollModuleCallback);
-      }
-    }
-    /**
-     * @description Get elements & set events on them.
-     * @protected
-     */
-
-  }, {
-    key: "_elGet",
-    value: function _elGet() {
-      var isModule = false,
-          prop = this._prop,
-          selectors = prop.selectors,
-          selectorOuter = selectors.outer;
-      /**
-       * @member Vevet.ScrollAnimateModule#_outer
-       * @memberof Vevet.ScrollAnimateModule
-       * @protected
-       * @type {HTMLElement|Window|Vevet.ScrollModule}
-       */
-
-      /**
-       * @member Vevet.ScrollAnimateModule#_el
-       * @memberof Vevet.ScrollAnimateModule
-       * @protected
-       * @type {Array<HTMLElement>|NodeList}
-       */
-      // if a Module is used
-
-      if (selectorOuter instanceof _Module2.default) {
-        this._vevetScroll = selectorOuter;
-        this._outer = selectorOuter.outer;
-        isModule = true;
-      } else {
-        var el = selectEl.one(selectorOuter);
-        this._vevetScroll = el;
-        this._outer = el;
-      } // get elements
-
-
-      var selectorElements = selectors.elements;
-
-      if (selectors.inside) {
-        this._el = this._outer.querySelectorAll(selectorElements);
-      } else {
-        this._el = selectEl.all(selectorElements);
-      } // set scrolling events
-
-
-      this._scrollModuleCallback = false;
-
-      if (prop.event) {
-        // module event
-        if (isModule) {
-          this._scrollModuleCallback = this._vevetScroll.add({
-            target: 'update',
-            do: this.seek.bind(this, null)
-          });
-        } // native event
-        else {
-            this.listener(this._outer, 'scroll', this.seek.bind(this, null));
-          }
-      }
-    } // Set events
-
-  }, {
-    key: "_setEvents",
-    value: function _setEvents() {
-      var _this = this;
-
-      _get(_getPrototypeOf(ScrollAnimateModule.prototype), "_setEvents", this).call(this);
-
-      var prop = this._prop; // sizes
-
-      this.setSize();
-      this.addEvent('viewport', {
-        target: '',
-        name: this.name,
-        do: function _do() {
-          setTimeout(function () {
-            _this.setSize();
-
-            if (prop.resize & prop.on) {
-              _this.seek();
-            }
-          }, prop.resizeTimeout);
-        }
-      });
-    }
-    /**
-     * @description Update size values.
-     */
-
-  }, {
-    key: "setSize",
-    value: function setSize() {
-      var prop = this._prop; // get outer
-
-      var outer = this._outer; // set size for window
-
-      if (outer instanceof Window) {
-        // size
-        var size = this._v.viewport.size;
-        this._size = prop.horizontal ? size[0] : size[1]; // bounding
-
-        this._bounding = {
-          top: 0,
-          left: 0,
-          bottom: size[1],
-          right: size[0]
-        };
-      } // for elements
-      else {
-          // size
-          this._size = prop.horizontal ? outer.clientWidth : outer.clientHeight; // bounding
-
-          this._bounding = outer.getBoundingClientRect();
-        } // set scroll value
-
-
-      this._setScrollValue(null);
-    }
-    /**
-     * @description Set scrolling values
-     * @param {number} val
-     * @protected
-     */
-
-  }, {
-    key: "_setScrollValue",
-    value: function _setScrollValue() {
-      var val = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-      var horizontal = this._prop.horizontal; // set scroll value if window
-
-      if (this._outer instanceof Window) {
-        this._scrollValue = horizontal ? window.pageXOffset : window.pageYOffset;
-      } // if other element
-      else {
-          if (val != null) {
-            this._scrollValue = val;
-          } else {
-            this._scrollValue = horizontal ? this._vevetScroll.scrollLeft : this._vevetScroll.scrollTop;
-          }
-        }
-    }
-    /**
-     * @description Seek elements.
-     * @param {number} [val] - Scroll value.
-     * @returns {boolean} Returns true if available.
-     */
-
-  }, {
-    key: "seek",
-    value: function seek() {
-      var val = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-
-      if (!this._prop.on) {
-        return false;
-      }
-
-      this._setScrollValue(val);
-
-      return true;
-    }
-    /**
-     * @description Destroy the class.
-     */
-
-  }, {
-    key: "destroy",
-    value: function destroy() {
-      _get(_getPrototypeOf(ScrollAnimateModule.prototype), "destroy", this).call(this); // remove vevet scroll event
-
-
-      if (this._scrollModuleCallback) {
-        this._vevetScroll.remove(this._scrollModuleCallback);
-      }
-    }
-  }]);
-
-  return ScrollAnimateModule;
-}(_Module2.default);
-
-exports.default = ScrollAnimateModule;