vevet 1.4.27 → 2.0.1-dev.3

package/dist/js/CursorModule.js

@@ -1,390 +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 dom = require('dom-create-element');
-
-var selectEl = require('select-el');
-
-var lerp = require('lerp');
-/**
- * @classdesc Custom cursor. <br>
- * Available targets:
- *  <ul>
- *      <li>create</li>
- *      <li>render</li>
- *  </ul>
- * <br><br> <b>import {CursorModule} from 'vevet';</b>
- * 
- * @vevetModuleCallback { Vevet.CursorModule : create :  }
- * @vevetModuleCallback { Vevet.CursorModule : render :  }
- * 
- * @class
- * @memberof Vevet
- * @augments Vevet.Module
- */
-
-
-var CursorModule = /*#__PURE__*/function (_Module) {
-  _inherits(CursorModule, _Module);
-
-  var _super = _createSuper(CursorModule);
-
-  /**
-   * @memberof Vevet.CursorModule
-   * @typedef {object} Properties
-   * @augments Vevet.Module.Properties
-   * 
-   * @property {string|HTMLElement} [selector=body] - *** An outer element.
-   * @property {number} [ease=.2] - The higher number, the faster the cursor will move.
-   * @property {boolean} [run=true] - Change to false to stop the animation frame.
-   */
-
-  /**
-   * @alias Vevet.CursorModule
-   * 
-   * @param {Vevet.CursorModule.Properties} [data]
-   */
-  function CursorModule(data) {
-    _classCallCheck(this, CursorModule);
-
-    return _super.call(this, data);
-  }
-
-  _createClass(CursorModule, [{
-    key: "prefix",
-    get: function get() {
-      return "".concat(this._v.prefix, "cursor");
-    }
-    /**
-     * @readonly
-     * @type {Vevet.CursorModule.Properties}
-     */
-
-  }, {
-    key: "defaultProp",
-    get: function get() {
-      return (0, _merge.default)(_get(_getPrototypeOf(CursorModule.prototype), "defaultProp", this), {
-        selector: 'body',
-        ease: .2,
-        run: true
-      });
-    }
-    /**
-     * @member Vevet.CursorModule#prop
-     * @memberof Vevet.CursorModule
-     * @readonly
-     * @type {Vevet.CursorModule.Properties}
-     */
-
-    /**
-     * @member Vevet.CursorModule#_prop
-     * @memberof Vevet.CursorModule
-     * @protected
-     * @type {Vevet.CursorModule.Properties}
-     */
-
-    /**
-     * @function Vevet.CursorModule#changeProp
-     * @memberof Vevet.CursorModule
-     * @param {Vevet.CursorModule.Properties} [prop]
-     */
-
-    /**
-     * @description The outer element.
-     * @readonly
-     * @member {HTMLElement}
-     */
-
-  }, {
-    key: "outer",
-    get: function get() {
-      return this._outer;
-    }
-    /**
-     * @description Get the cursor element.
-     * @readonly
-     * @type {HTMLElement}
-     */
-
-  }, {
-    key: "cursor",
-    get: function get() {
-      return this._cursor;
-    } // Extra constructor
-
-  }, {
-    key: "_extra",
-    value: function _extra() {
-      _get(_getPrototypeOf(CursorModule.prototype), "_extra", this).call(this);
-      /**
-       * @description Mouse position.
-       * @protected
-       * @type {Vevet.CursorModule.Coords}
-       */
-
-
-      this._mouse = {
-        x: 0,
-        y: 0
-      };
-      /**
-       * @description Cursor centered position.
-       * @protected
-       * @type {Vevet.CursorModule.Coords}
-       */
-
-      this._pos = {
-        x: 0,
-        y: 0
-      }; // classes
-
-      var prefix = this._prefix;
-      this._classes = {
-        show: "".concat(prefix, "_show"),
-        click: "".concat(prefix, "_click")
-      };
-      /**
-       * @description The outer element.
-       * @protected
-       * @member {HTMLElement}
-       */
-
-      this._outer = selectEl.one(this._prop.selector); // create the cursor
-
-      this._create();
-      /**
-       * @description Previous run property.
-       * @protected
-       * @member {boolean}
-       */
-
-
-      this._runPrevBool = this._prop.run; // play animationFrame
-
-      this._play();
-    }
-    /**
-     * @memberof Vevet.CursorModule
-     * @typedef {object} Coords
-     * @property {number} x
-     * @property {number} y
-     */
-    // Change Properties
-
-  }, {
-    key: "_changeProp",
-    value: function _changeProp() {
-      _get(_getPrototypeOf(CursorModule.prototype), "_changeProp", this).call(this);
-
-      if (this.prop.run !== this._runPrevBool) {
-        this._play();
-      }
-
-      this._runPrevBool = this._prop.run;
-    }
-    /**
-     * @description Create the cursor.
-     * @protected
-     */
-
-  }, {
-    key: "_create",
-    value: function _create() {
-      this._cursor = dom({
-        selector: 'div',
-        styles: this._prefix
-      });
-
-      this._outer.appendChild(this._cursor);
-
-      this.lbt("create");
-    } // Set events
-
-  }, {
-    key: "_setEvents",
-    value: function _setEvents() {
-      _get(_getPrototypeOf(CursorModule.prototype), "_setEvents", this).call(this);
-
-      this.listener(this._outer, "mousemove", this._mousemove.bind(this));
-      this.listener(this._outer, "mouseenter", this._mouseenter.bind(this));
-      this.listener(this._outer, "mouseleave", this._mouseleave.bind(this));
-      this.listener(this._outer, "mousedown", this._mousedown.bind(this));
-      this.listener(this._outer, "mouseup", this._mouseup.bind(this));
-      this.listener(window, "blur", this._blur.bind(this));
-    }
-    /**
-     * @description Event of mousemove.
-     * @param {object} e - Event.
-     * @protected
-     */
-
-  }, {
-    key: "_mousemove",
-    value: function _mousemove(e) {
-      this._mouse.x = e.x;
-      this._mouse.y = e.y;
-
-      this._outer.classList.add(this._classes.show);
-    }
-    /**
-     * @description Event of mouseenter.
-     * @param {object} e - Event.
-     * @protected
-     */
-
-  }, {
-    key: "_mouseenter",
-    value: function _mouseenter(e) {
-      this._outer.classList.add(this._classes.show);
-
-      this._mouse.x = e.clientX;
-      this._mouse.y = e.clientY;
-      var prevEase = this.prop.ease;
-      this.prop.ease = 1;
-
-      this._animatePos();
-
-      this._render();
-
-      this.prop.ease = prevEase;
-    }
-    /**
-     * @description Event of mouseleave.
-     * @protected
-     */
-
-  }, {
-    key: "_mouseleave",
-    value: function _mouseleave() {
-      this._outer.classList.remove(this._classes.show);
-    }
-    /**
-     * @description Event of mousedown.
-     * @param {object} e - Event.
-     * @protected
-     */
-
-  }, {
-    key: "_mousedown",
-    value: function _mousedown(e) {
-      if (e.which === 1) {
-        this._cursor.classList.add(this._classes.click);
-      }
-    }
-    /**
-     * @description Event of mouseup.
-     * @protected
-     */
-
-  }, {
-    key: "_mouseup",
-    value: function _mouseup() {
-      this._cursor.classList.remove(this._classes.click);
-    }
-    /**
-     * @description Event on blur.
-     * @protected
-     */
-
-  }, {
-    key: "_blur",
-    value: function _blur() {
-      this._cursor.classList.remove(this._classes.click);
-    }
-    /**
-     * @description Start an animation frame.
-     * @protected
-     */
-
-  }, {
-    key: "_play",
-    value: function _play() {
-      if (this._prop.run) {
-        window.requestAnimationFrame(this._play.bind(this));
-
-        this._animate();
-      }
-    }
-    /**
-     * @description Animate the cursor.
-     * @protected
-     */
-
-  }, {
-    key: "_animate",
-    value: function _animate() {
-      // calculate position
-      this._animatePos(); // apply styles
-
-
-      this._render();
-
-      this.lbt("render");
-    }
-    /**
-     * @description Calculate position of the cursor.
-     * @protected
-     */
-
-  }, {
-    key: "_animatePos",
-    value: function _animatePos() {
-      var width = this._cursor.clientWidth,
-          height = this._cursor.clientHeight,
-          targetX = this._mouse.x - width / 2,
-          targetY = this._mouse.y - height / 2;
-      this._pos.x = lerp(this._pos.x, targetX, this._prop.ease);
-      this._pos.y = lerp(this._pos.y, targetY, this._prop.ease);
-    }
-    /**
-     * @description Render the cursor, apply styles.
-     * @protected
-     */
-
-  }, {
-    key: "_render",
-    value: function _render() {
-      this._cursor.style.transform = "translate3d(".concat(this._pos.x, "px, ").concat(this._pos.y, "px, 0)");
-    }
-  }]);
-
-  return CursorModule;
-}(_Module2.default);
-
-exports.default = CursorModule;