vevet 1.4.27 → 2.0.1-dev.3

package/dist/js/TimelineBaseModule.js

@@ -1,405 +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 _easing = _interopRequireDefault(require("./easing"));
-
-var _mathScopeProgress = _interopRequireDefault(require("./mathScopeProgress"));
-
-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 This class is a base for {@linkcode Vevet.TimelineModule}.
- * Available targets:
- *  <ul>
- *      <li>progress - receives {@linkcode Vevet.TimelineBaseModule.Data} as an argument</li>
- *  </ul>
- * This timeline ist not quite simple. It is based on window.requestAnimationFrame. With each frame,
- * current progress is calculated. Here there may exist five types of progress:
- *  <ul>
- *      <li>absolute - see {@linkcode Vevet.TimelineBaseModule#absolute}</li>
- *      <li>progress - see {@linkcode Vevet.TimelineBaseModule#progress}</li>
- *      <li>easing - see {@linkcode Vevet.TimelineBaseModule#easing}</li>
- *      <li>scope - see {@linkcode Vevet.TimelineBaseModule#scope}</li>
- *      <li>scopeEasing - see {@linkcode Vevet.TimelineBaseModule#scopeEasing}</li>
- *  </ul>
- * <br><br> <b>import {TimelineBaseModule} from 'vevet';</b>
- * 
- * @vevetModuleCallback { Vevet.TimelineBaseModule : progress : Vevet.TimelineBaseModule.Data }
- * 
- * @class
- * @memberof Vevet
- * @augments Vevet.Module
- */
-var TimelineBaseModule = /*#__PURE__*/function (_Module) {
-  _inherits(TimelineBaseModule, _Module);
-
-  var _super = _createSuper(TimelineBaseModule);
-
-  /**
-   * @memberof Vevet.TimelineBaseModule
-   * @typedef {object} Properties
-   * @augments Vevet.Module.Properties
-   * @augments Vevet.TimelineBaseModule.Settings
-   */
-
-  /**
-   * @alias Vevet.TimelineBaseModule
-   * @param {Vevet.TimelineBaseModule.Properties} [data]
-   */
-  function TimelineBaseModule(data) {
-    _classCallCheck(this, TimelineBaseModule);
-
-    return _super.call(this, data);
-  } // Extra Constructor
-
-
-  _createClass(TimelineBaseModule, [{
-    key: "_extra",
-    value: function _extra() {
-      _get(_getPrototypeOf(TimelineBaseModule.prototype), "_extra", this).call(this);
-      /**
-       * @description Initial settings.
-       * @protected
-       * @member {Vevet.TimelineBaseModule.Settings}
-       */
-
-
-      this._settings = (0, _merge.default)(this.defaultSettings, this._responsiveProp._propInit);
-
-      this._tickers(); // nested timelines
-
-      /**
-       * @description Nested timelines
-       * @type {Array<Vevet.TimelineModule|Vevet.TimelineBaseModule>}
-       * @protected
-       */
-
-
-      this._timelines = [];
-      /**
-       * @description Total amount of nested timelines.
-       * @protected
-       * @member {number}
-       */
-
-      this._timelinesCount = 0;
-    }
-    /**
-     * @description Create tickers variables.
-     * @protected
-     */
-
-  }, {
-    key: "_tickers",
-    value: function _tickers() {
-      /**
-       * @description Absolute progress.
-       * @protected
-       * @member {number}
-       */
-      this._absolute = 0;
-      /**
-       * @description Progress.
-       * @protected
-       * @member {number}
-       */
-
-      this._progress = 0;
-      /**
-       * @description Easing progress.
-       * @protected
-       * @member {number}
-       */
-
-      this._easing = 0;
-      /**
-       * @description Scoped progress.
-       * @protected
-       * @member {number}
-       */
-
-      this._scope = 0;
-      /**
-       * @description Scoped progress with easing.
-       * @protected
-       * @member {number}
-       */
-
-      this._scopeEasing = 0;
-      /**
-       * @description Scope line length.
-       * @protected
-       * @member {number}
-       */
-
-      this._scopeLine = 0;
-    }
-    /**
-     * @memberof Vevet.TimelineBaseModule
-     * @typedef {object} Settings
-     * @property {Array<number>} [line=[0, 1]] - When animation must start and end - callback "progress".
-     * This property may be used for nested timelines.
-     * When the value is [.15, .85], for example, {@linkcode Vevet.TimelineBaseModule#progress} will be 0
-     * until {@linkcode Vevet.TimelineBaseModule#absolute} is .15 or more, and it will be 1 after {@linkcode Vevet.TimelineBaseModule#absolute}
-     * reaches .85 or more.
-     * @property {Array<number>} [scope=[0, 1]] - Scope of the animation line.
-     * Scope stretches {@linkcode Vevet.TimelineBaseModule#scope} along {@linkcode Vevet.TimelineBaseModule#progress}.
-     * F.e., if {@linkcode Vevet.TimelineBaseModule#progress} is 0 and scope is [.5, 1], 
-     * {@linkcode Vevet.TimelineBaseModule#scope} will be equal to 0.5.
-     * @property {string|Array<number>} [easing] - Easing function of the animation.
-     */
-
-    /**
-     * @description Get default settings.
-     * @readonly
-     * @type {Vevet.TimelineBaseModule.Settings}
-     */
-
-  }, {
-    key: "defaultSettings",
-    get: function get() {
-      return {
-        line: [0, 1],
-        scope: [0, 1],
-        easing: this._vp.easing
-      };
-    }
-    /**
-     * @memberof Vevet.TimelineBaseModule
-     * @typedef {object} Data
-     * @property {number} a - Absolute progress. 
-     * See {@linkcode Vevet.TimelineBaseModule#absolute}.
-     * @property {number} p - Current progress. 
-     * See {@linkcode Vevet.TimelineBaseModule#progress}.
-     * @property {number} e - Current progress according to the easing function. 
-     * See {@linkcode Vevet.TimelineBaseModule#easing}.
-     * @property {number} s - Current progress according to the scope. 
-     * See {@linkcode Vevet.TimelineBaseModule#scope}.
-     * @property {number} se - Current progress according to the scope and easing function. 
-     * See {@linkcode Vevet.TimelineBaseModule#scopeEasing}.
-     * @property {Array<number>} scope - Scope of the animation line.
-     * @property {Array<number>} line - When animation must start and end.
-     */
-
-    /**
-     * @description Get animation data.
-     * @readonly
-     * @type {Vevet.TimelineBaseModule.Data}
-     */
-
-  }, {
-    key: "data",
-    get: function get() {
-      var settings = this._settings;
-      return {
-        a: this._absolute,
-        p: this._progress,
-        e: this._easing,
-        s: this._scope,
-        se: this._scopeEasing,
-        scope: settings.scope,
-        line: settings.line
-      };
-    }
-    /**
-     * @description Absolute timeline progress.
-     * @readonly
-     * @type {number}
-     */
-
-  }, {
-    key: "absolute",
-    get: function get() {
-      return this._absolute;
-    }
-    /**
-     * @description Relative timeline progress to the  'line' property.
-     * @readonly
-     * @type {number}
-     */
-
-  }, {
-    key: "progress",
-    get: function get() {
-      return this._progress;
-    }
-    /**
-     * @description Current progress according to the easing function. 
-     * @readonly
-     * @type {number}
-     */
-
-  }, {
-    key: "easing",
-    get: function get() {
-      return this._easing;
-    }
-    /**
-     * @description Relative progress to the 'scope' property. 
-     * @readonly
-     * @type {number}
-     */
-
-  }, {
-    key: "scope",
-    get: function get() {
-      return this._scope;
-    }
-    /**
-     * @description Current scope progress according to the easing function. 
-     * @readonly
-     * @type {number}
-     */
-
-  }, {
-    key: "scopeEasing",
-    get: function get() {
-      return this._scopeEasing;
-    }
-    /**
-     * @description Calculations.
-     * @param {number} progress - Absolute, first-level progress.
-     */
-
-  }, {
-    key: "calc",
-    value: function calc(progress) {
-      // get settings
-      var settings = this._settings,
-          line = settings.line,
-          easingFunc = settings.easing,
-          scope = settings.scope; // set progress
-
-      this._absolute = progress; // calculate progress along the absolute progress
-
-      if (line[0] === 0 & line[1] === 1) {
-        this._progress = progress;
-      } else {
-        if (progress < line[0]) {
-          this._progress = 0;
-        } else if (progress >= line[0] & progress <= line[1]) {
-          this._progress = (0, _mathScopeProgress.default)(progress, line);
-        } else {
-          this._progress = 1;
-        }
-      } // easing progress
-
-
-      if (easingFunc === "linear") {
-        this._easing = this._progress;
-      } else {
-        this._easing = (0, _easing.default)(this._progress, easingFunc);
-      } // scope progress
-
-
-      this._scopeLine = Math.abs(scope[0] - scope[1]);
-      this._scope = this._getScopeProgress(this._progress);
-      this._scopeEasing = this._getScopeProgress(this._easing); // launch callback
-
-      this.lbt('progress', this.data); // imitate nested timelines
-
-      if (this._timelinesCount > 0) {
-        for (var i = 0; i < this._timelinesCount; i++) {
-          this._timelines[i].imitate(this._progress);
-        }
-      }
-    }
-    /**
-     * @description Get progress according to the scope.
-     * @param {number} p - Progress.
-     * @protected
-     */
-
-  }, {
-    key: "_getScopeProgress",
-    value: function _getScopeProgress(p) {
-      var scope = this._settings.scope;
-
-      if (scope[0] < scope[1]) {
-        p = scope[0] + p * this._scopeLine;
-      } else {
-        p = scope[0] - p * this._scopeLine;
-      }
-
-      return p;
-    }
-    /**
-     * @description Imitate progress animation.
-     * @param {number} p - Progress from 0 to 1.
-     * @param {Vevet.TimelineBaseModule.Settings} [settings] - Animation settings. Thru direct usage,
-     * you can change them at any time.
-     */
-
-  }, {
-    key: "imitate",
-    value: function imitate(p) {
-      var settings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this._settings;
-      this._settings = (0, _merge.default)(this.defaultSettings, settings);
-      this.calc(p);
-    }
-    /**
-     * @description Add a nested timeline.
-     * @param {Vevet.TimelineBaseModule|Vevet.TimelineModule} timeline
-     */
-
-  }, {
-    key: "addTimeline",
-    value: function addTimeline(timeline) {
-      this._timelines.push(timeline);
-
-      this._timelinesCount++;
-    }
-    /**
-     * @description Destroy the class.
-     */
-
-  }, {
-    key: "destroy",
-    value: function destroy() {
-      _get(_getPrototypeOf(TimelineBaseModule.prototype), "destroy", this).call(this); // destroy nested timelines
-
-
-      this._timelines.forEach(function (timeline) {
-        timeline.destroy();
-      });
-    }
-  }]);
-
-  return TimelineBaseModule;
-}(_Module2.default);
-
-exports.default = TimelineBaseModule;