vevet 1.4.27 → 2.0.1-dev.3

package/dist/js/ScrollDragPlugin.js

@@ -1,396 +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 _merge = _interopRequireDefault(require("./merge"));
-
-var _DraggerModule = _interopRequireDefault(require("./DraggerModule"));
-
-var _Plugin2 = _interopRequireDefault(require("./Plugin"));
-
-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); }
-
-/**
- * @classdesc Add drag and swipe to scroll. <br>
- * <br><br> <b>import {ScrollDragPlugin} from 'vevet';</b>
- * 
- * @class
- * @memberof Vevet
- * @augments Vevet.Plugin
- * @requires Vevet.DraggerModule
- */
-var ScrollDragPlugin = /*#__PURE__*/function (_Plugin) {
-  _inherits(ScrollDragPlugin, _Plugin);
-
-  var _super = _createSuper(ScrollDragPlugin);
-
-  /**
-   * @memberof Vevet.ScrollDragPlugin
-   * @typedef {object} Properties
-   * @augments Vevet.Plugin.Properties
-   * 
-   * @property {boolean} [on=true] - If enabled.
-   * @property {number} [multiplier=1] - The higher number the faster animation.
-   * @property {boolean} [momentum=true] - If momentum drag/swipe is enabled.
-   * @property {number} [momentumStopThreshold=0.01] - When the momentum stops.
-   * @property {number} [friction=.95] - Momentum deceleration friction.
-   * @property { Vevet.DraggerModule.ThresholdPropagation | false } [thresholdPropagation=false] - Stop propagation if a definite length of movement in pixels was reached.
-   * @property {number} [ease=.15] - This property is the same as the ease property in {@linkcode Vevet.ScrollModule}. This property means that the value in ScrollModule becomes the same as here when dragging.
-   * @property {boolean} [disableListeners=true] - If you need to set 'pointer-events: none' to children when dragging.
-   * @property {number} [timeoutListeners=10] - Time after which 'pointer-events' will be removed from children after dragging stops.
-   * @property {boolean} [draggable=true] - If true, the property "draggable" of all elements inside of the scorll outer will be set to false.
-   */
-
-  /**
-   * @alias Vevet.ScrollDragPlugin
-   * @description Construct the class.
-   * 
-   * @param {Vevet.ScrollDragPlugin.Properties} [data]
-   */
-  function ScrollDragPlugin(data) {
-    _classCallCheck(this, ScrollDragPlugin);
-
-    return _super.call(this, data, false);
-  }
-  /**
-   * @readonly
-   * @type {Vevet.ScrollDragPlugin.Properties}
-   */
-
-
-  _createClass(ScrollDragPlugin, [{
-    key: "defaultProp",
-    get: function get() {
-      return (0, _merge.default)(_get(_getPrototypeOf(ScrollDragPlugin.prototype), "defaultProp", this), {
-        on: true,
-        multiplier: 1,
-        momentum: true,
-        momentumStopThreshold: .01,
-        friction: .95,
-        thresholdPropagation: false,
-        ease: .15,
-        disableListeners: true,
-        timeoutListeners: 10,
-        draggable: true
-      });
-    }
-    /**
-     * @member Vevet.ScrollDragPlugin#prop
-     * @memberof Vevet.ScrollDragPlugin
-     * @readonly
-     * @type {Vevet.ScrollDragPlugin.Properties}
-     */
-
-    /**
-     * @member Vevet.ScrollDragPlugin#_prop
-     * @memberof Vevet.ScrollDragPlugin
-     * @protected
-     * @type {Vevet.ScrollDragPlugin.Properties}
-     */
-
-    /**
-     * @function Vevet.ScrollDragPlugin#changeProp
-     * @memberof Vevet.ScrollDragPlugin
-     * @param {Vevet.ScrollDragPlugin.Properties} [prop]
-     */
-
-    /**
-     * @member Vevet.ScrollDragPlugin#_m
-     * @memberof Vevet.ScrollDragPlugin
-     * @protected
-     * @type {Vevet.ScrollModule}
-     */
-    // Extra Constructor
-
-  }, {
-    key: "_extra",
-    value: function _extra() {
-      _get(_getPrototypeOf(ScrollDragPlugin.prototype), "_extra", this).call(this); // init variables
-
-
-      this._vars(); // draggable elements
-
-
-      if (this._prop.draggable) {
-        this._preventInnerDrag();
-      }
-      /**
-       * @description Module event
-       * @type { Array<string> }
-       * @protected
-       */
-
-
-      this._moduleEvents = []; // override get ease
-
-      this._overrideGetEase();
-    }
-    /**
-     * @description Init vars.
-     * @protected
-     */
-
-  }, {
-    key: "_vars",
-    value: function _vars() {
-      /**
-       * @description If being dragged at the moment.
-       * @type {boolean}
-       * @protected
-       */
-      this._dragging = false;
-      /**
-       * @description Where drag classes are stored.
-       * @type { Vevet.DraggerModule | false }
-       * @protected
-       */
-
-      this._dragger = false;
-    }
-    /**
-     * @description Prevent inner elements from dragging.
-     * @protected
-     */
-
-  }, {
-    key: "_preventInnerDrag",
-    value: function _preventInnerDrag() {
-      var draggableEl = this._m.outer.querySelectorAll("img, a");
-
-      draggableEl.forEach(function (el) {
-        el.draggable = false;
-
-        el.ondragstart = function () {
-          return false;
-        };
-      });
-    } // When properties are changed
-
-  }, {
-    key: "_changeProp",
-    value: function _changeProp(prop) {
-      _get(_getPrototypeOf(ScrollDragPlugin.prototype), "_changeProp", this).call(this, prop);
-
-      this._destroyDrag();
-
-      this._setEvents();
-    } // Set events
-
-  }, {
-    key: "_setEvents",
-    value: function _setEvents() {
-      var module = this._m; // create a dragger
-
-      var dragger = new _DraggerModule.default({
-        on: this._prop.on,
-        parent: this,
-        outer: module.outer,
-        momentum: this._prop.momentum,
-        momentumStopThreshold: this._prop.momentumStopThreshold,
-        friction: this._prop.friction,
-        thresholdPropagation: this._prop.thresholdPropagation
-      });
-      this._dragger = dragger;
-      dragger.on("move", this._start.bind(this));
-      dragger.on("move", this._move.bind(this));
-      dragger.on("end", this._end.bind(this)); // add a wheel event to the scroll to stop dragger
-
-      var id = module.on("wheel", function () {
-        dragger.stopDrag();
-      });
-
-      this._moduleEvents.push(id);
-    }
-    /**
-     * @description Start dragging.
-     * @protected
-     */
-
-  }, {
-    key: "_start",
-    value: function _start() {
-      // return if disabled
-      if (!this._m.prop.run || !this._prop.on) {
-        return;
-      }
-
-      this._dragging = true; // launch events
-
-      this.lbt("start");
-    }
-    /**
-     * @description Moving.
-     * @param {Vevet.DraggerModule.Callback} data
-     * @protected
-     */
-
-  }, {
-    key: "_move",
-    value: function _move(data) {
-      var thisProp = this._prop;
-      var module = this._m; // return if disabled
-
-      if (!module.prop.run || !thisProp.on || !this._dragging) {
-        return;
-      } // play scroll
-
-
-      this._m.play(); // vars
-
-
-      var step = data.step;
-      var multiplier = thisProp.multiplier; // drag values
-
-      var x = step.x * multiplier;
-      var y = step.y * multiplier; // set new targets
-
-      module.targetLeft -= x;
-      module.targetTop -= y; // shrink target values
-
-      module._boundariesBoth(); // set scroll direction
-
-
-      var directionPixel = 'y';
-
-      if (module._prop.horizontal) {
-        directionPixel = 'x';
-      }
-
-      if (data.diff[directionPixel] > 0) {
-        module._direction = -1;
-      } else {
-        module._direction = 1;
-      } // disable listeners
-
-
-      if (thisProp.disableListeners) {
-        module.outer.classList.add("".concat(module._prefix, "_dragging"));
-      } // launch events
-
-
-      this.lbt("move");
-    }
-    /**
-     * @description Drag end.
-     * @protected
-     */
-
-  }, {
-    key: "_end",
-    value: function _end() {
-      var _this = this;
-
-      var thisProp = this._prop;
-      var module = this._m; // return if disabled
-
-      if (!module.prop.run || !thisProp.on) {
-        return;
-      } // change bool
-
-
-      this._dragging = false; // return listeners to the container
-
-      if (thisProp.disableListeners) {
-        setTimeout(function () {
-          if (!_this._dragging) {
-            module.outer.classList.remove("".concat(module._prefix, "_dragging"));
-          }
-        }, thisProp.timeoutListeners);
-      } // launch events
-
-
-      this.lbt("end");
-    }
-    /**
-     * @description Override elements ease.
-     * @protected
-     */
-
-  }, {
-    key: "_overrideGetEase",
-    value: function _overrideGetEase() {
-      var _this2 = this;
-
-      // get module
-      var module = this._m; // override
-
-      var _getEase = module._getEase.bind(module);
-
-      module._getEase = function (el, intstant) {
-        var ease = _getEase(el, intstant);
-
-        if (_this2._dragging) {
-          return _this2._prop.ease;
-        } else {
-          return ease;
-        }
-      };
-    }
-    /**
-     * @description Destroy draggable events.
-     * @protected
-     */
-
-  }, {
-    key: "_destroyDrag",
-    value: function _destroyDrag() {
-      var _this3 = this;
-
-      if (this._dragger) {
-        this._dragger.destroy();
-
-        this._dragger = false;
-      }
-
-      this._moduleEvents.forEach(function (id) {
-        _this3._m.remove(id);
-      });
-
-      this._moduleEvents = [];
-    }
-    /**
-     * @description Destory the class.
-     */
-
-  }, {
-    key: "destroy",
-    value: function destroy() {
-      _get(_getPrototypeOf(ScrollDragPlugin.prototype), "destroy", this).call(this);
-
-      this._destroyDrag();
-    }
-  }]);
-
-  return ScrollDragPlugin;
-}(_Plugin2.default);
-
-exports.default = ScrollDragPlugin;