vevet 1.4.27 → 2.0.1-dev.3

package/dist/js/SliderModule.js

@@ -1,1062 +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 _TimelineModule = _interopRequireDefault(require("./TimelineModule"));
-
-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); }
-
-var selectEl = require('select-el');
-
-/**
- * @classdesc A class for creating sliders. This very class is to create content sliders. <br>
- * Available targets:
- *  <ul>
- *      <li>first - first start if {@linkcode Vevet.SliderModule.Properties}.show is true.</li>
- *      <li>prev - when the previous slide is to be shown. Argument - {@linkcode Vevet.SliderModule.AnimationData}</li>
- *      <li>next - when the next slide is to be shown. Argument - {@linkcode Vevet.SliderModule.AnimationData}</li>
- *      <li>start - callbacks before the animation starts. Argument - {@linkcode Vevet.SliderModule.AnimationData}</li>
- *      <li>end - callbacks after the animations ends. Argument - {@linkcode Vevet.SliderModule.AnimationData}</li>
- *      <li>show - event on the moment when the active slide is to be shown.</li>
- *      <li>hide - event on the moment when the active slide is to be hidden.</li>
- *      <li>shown - shown.</li>  
- *      <li>hidden - hidden.</li>  
- *      <li>render - animation. Argument - {@linkcode Vevet.SliderModule.Render}</li> 
- *      <li>timeline - timeline progress. Argument - {@linkcode Vevet.SliderModule.Timeline}</li> 
- *  </ul>
- * <br><br> <b>import {SliderModule} from 'vevet';</b>
- * 
- * @vevetModuleCallback { Vevet.SliderModule : first :  }
- * @vevetModuleCallback { Vevet.SliderModule : prev : Vevet.SliderModule.AnimationData }
- * @vevetModuleCallback { Vevet.SliderModule : next : Vevet.SliderModule.AnimationData }
- * @vevetModuleCallback { Vevet.SliderModule : start : Vevet.SliderModule.AnimationData }
- * @vevetModuleCallback { Vevet.SliderModule : end : Vevet.SliderModule.AnimationData }
- * @vevetModuleCallback { Vevet.SliderModule : show :  }
- * @vevetModuleCallback { Vevet.SliderModule : hide :  }
- * @vevetModuleCallback { Vevet.SliderModule : shown :  }
- * @vevetModuleCallback { Vevet.SliderModule : hidden :  }
- * @vevetModuleCallback { Vevet.SliderModule : render : Vevet.SliderModule.Render }
- * @vevetModuleCallback { Vevet.SliderModule : timeline : Vevet.SliderModule.Timeline }
- * 
- * @class
- * @memberof Vevet
- * @augments Vevet.Module
- * @requires Vevet.TimelineModule
- */
-var SliderModule = /*#__PURE__*/function (_Module) {
-  _inherits(SliderModule, _Module);
-
-  var _super = _createSuper(SliderModule);
-
-  /**
-   * @memberof Vevet.SliderModule
-   * @typedef {object} Properties
-   * @augments Vevet.Module.Properties
-   * 
-   * @property {object} [selectors]
-   * @property {string|HTMLElement} [selectors.outer=.vevet-slider] - *** The outer of the slider.
-   * @property {string} [selectors.slides=.vevet-slider__slides] - *** The outer of slides.
-   * @property {string} [selectors.slide=.vevet-slider__slide] - *** Slide selector.
-   * 
-   * @property {string} [direction=h] - Direction: h - horizontal, v - vertical.
-   * It defines direction of animation.
-   * @property {boolean} [loop=true] - Infinite loop sliding.
-   * @property {boolean} [show=true] - If the first slide is to be shown right after initializing the class.
-   * @property {boolean} [prev=true] - If switching to the previous slide is possible.
-   * @property {boolean} [next=true] - If switching to the next slide is possible.
-   * @property {boolean} [disabled=false] - If slide is disabled.
-   * @property {number} [active=0] - Active slide.
-   * @property {Array<Vevet.SliderModule>} [dependents] - Dependent sliders. Their slides will be changed
-   * when the main slider changes.
-   * 
-   * @property {object} [animation]
-   * @property {number} [animation.duration=1500] - Duration of animation.
-   * @property {Array<number>} [animation.prev=[0, 0.5]] - Scope of animation of the previous slide.
-   * @property {Array<number>} [animation.next=[0.5, 1]] - Scope of animation of the next slide.
-   * @property {string|Array<number>|Function} [animation.easing] - Easing function.
-   * The default value is equal to {@linkcode Vevet.Application#easing}.
-   * 
-   * @property {number} [resizeTimeout=0] - Timeout before sizes are updated when the window is resized.
-   *
-   */
-
-  /**
-   * @alias Vevet.SliderModule
-   * 
-   * @param {Vevet.SliderModule.Properties} [data]
-   */
-  function SliderModule(data) {
-    _classCallCheck(this, SliderModule);
-
-    return _super.call(this, data);
-  }
-
-  _createClass(SliderModule, [{
-    key: "prefix",
-    get: function get() {
-      return "".concat(this._v.prefix, "slider");
-    }
-    /**
-     * @readonly
-     * @type {Vevet.SliderModule.Properties}
-     */
-
-  }, {
-    key: "defaultProp",
-    get: function get() {
-      var prefix = this._prefix;
-      return (0, _merge.default)(_get(_getPrototypeOf(SliderModule.prototype), "defaultProp", this), {
-        selectors: {
-          outer: ".".concat(prefix),
-          slides: ".".concat(prefix, "__slides"),
-          slide: ".".concat(prefix, "__slide")
-        },
-        direction: 'h',
-        loop: true,
-        show: true,
-        prev: true,
-        next: true,
-        disabled: false,
-        active: 0,
-        dependents: [],
-        animation: {
-          duration: 1500,
-          prev: [0, .5],
-          next: [.5, 1],
-          easing: this._vp.easing
-        },
-        resizeTimeout: 0
-      });
-    }
-    /**
-     * @member Vevet.SliderModule#prop
-     * @memberof Vevet.SliderModule
-     * @readonly
-     * @type {Vevet.SliderModule.Properties}
-     */
-
-    /**
-     * @member Vevet.SliderModule#_prop
-     * @memberof Vevet.SliderModule
-     * @protected
-     * @type {Vevet.SliderModule.Properties}
-     */
-
-    /**
-     * @function Vevet.SliderModule#changeProp
-     * @memberof Vevet.SliderModule
-     * @param {Vevet.SliderModule.Properties} [prop]
-     */
-
-    /**
-     * @description Get slider outer.
-     * @readonly
-     * @type {HTMLElement}
-     */
-
-  }, {
-    key: "outer",
-    get: function get() {
-      return this._outer;
-    }
-    /**
-     * @description If the slider is animating.
-     * @default false
-     * @readonly
-     * @type {boolean}
-     */
-
-  }, {
-    key: "playing",
-    get: function get() {
-      var playings = [this._playing];
-
-      this._prop.dependents.forEach(function (slider) {
-        playings.push(slider.playing);
-      });
-
-      return playings.includes(true);
-    }
-    /**
-     * @description Get active slide.
-     * @default 0
-     * @readonly
-     * @type {number}
-     */
-
-  }, {
-    key: "active",
-    get: function get() {
-      return this._active;
-    }
-    /**
-     * @description If active slide is shown.
-     * @default false
-     * @readonly
-     * @type {boolean}
-     */
-
-  }, {
-    key: "shown",
-    get: function get() {
-      var showns = [this._shown];
-
-      this._prop.dependents.forEach(function (slider) {
-        showns.push(slider.shown);
-      });
-
-      if (showns.every(function (val, i, arr) {
-        return val === arr[0];
-      })) {
-        return this._shown;
-      }
-
-      return false;
-    }
-    /**
-     * @description Total amount of slides.
-     * @readonly
-     * @type {number}
-     */
-
-  }, {
-    key: "total",
-    get: function get() {
-      return this._total;
-    }
-    /**
-     * @description Slides.
-     * @readonly
-     * @type {NodeList|Array<HTMLElement>}
-     */
-
-  }, {
-    key: "slides",
-    get: function get() {
-      return this._slides;
-    } // Extra constructor
-
-  }, {
-    key: "_extra",
-    value: function _extra() {
-      var _this = this;
-
-      _get(_getPrototypeOf(SliderModule.prototype), "_extra", this).call(this);
-
-      var prop = this._prop;
-      /**
-       * @description Total amount of slides.
-       * @protected
-       * @member {number}
-       */
-
-      this._total = 0;
-      /**
-       * @description If the slider is animating.
-       * @protected
-       * @member {boolean}
-       */
-
-      this._playing = false;
-      /**
-       * @description Active slide number.
-       * @protected
-       * @member {number}
-       */
-
-      this._active = prop.active;
-      /**
-       * @description Previous active slide number.
-       * @protected
-       * @member {number}
-       */
-
-      this._activePrev = -1;
-      /**
-       * @description If the slider is shown.
-       * @protected
-       * @member {boolean}
-       */
-
-      this._shown = false;
-      /**
-       * @description Slider sizes with DPR. Width & Height
-       * @protected
-       * @member {Array<number>}
-       */
-
-      this._size = [0, 0];
-      /**
-       * @description Timeline for animation
-       * @protected
-       * @member {false|Vevet.TimelineModule}
-       */
-
-      this._timeline = false;
-      /**
-       * @type {Vevet.SliderModule.AnimationData}
-       * @protected
-       */
-
-      this._animationData = {
-        direction: '',
-        prev: -1,
-        next: prop.active
-      }; // get elements
-
-      this._getElements(); // create other elements
-
-
-      this._createElements(); // sizes
-
-
-      this.setSize();
-      this.addEvent('viewport', {
-        target: '',
-        name: this._name,
-        do: function _do() {
-          (0, _timeoutCallback.default)(function () {
-            _this.setSize();
-          }, prop.resizeTimeout);
-        }
-      }); // show
-
-      this._firstStart();
-    }
-    /**
-     * @description First start.
-     * @protected
-     */
-
-  }, {
-    key: "_firstStart",
-    value: function _firstStart() {
-      if (this._prop.show) {
-        this._shown = true;
-        this.lbt("first");
-      }
-
-      this._slidesClasses();
-    }
-    /**
-     * @description Get Elements.
-     * @protected
-     */
-
-  }, {
-    key: "_getElements",
-    value: function _getElements() {
-      // get vars
-      var prop = this._prop,
-          selectors = prop.selectors,
-          prefix = this._prefix;
-      /**
-       * @description Slider outer.
-       * @protected
-       * @member {HTMLElement}
-       */
-
-      this._outer = selectEl.one(selectors.outer);
-      /**
-       * @description Slides outer.
-       * @protected
-       * @member {HTMLElement}
-       */
-
-      this._slidesOuter = this._outer.querySelector(selectors.slides);
-      /**
-       * @description Slides outer.
-       * @protected
-       * @member {Array<HTMLElement>|NodeList}
-       */
-
-      this._slides = this._slidesOuter.querySelectorAll(selectors.slide); // get amount
-
-      this._total = this._slides.length; // set classes
-
-      this._outer.classList.add(prefix);
-
-      this._slidesOuter.classList.add("".concat(prefix, "__slides"));
-
-      for (var i = 0; i < this._total; i++) {
-        this._slides[i].classList.add("".concat(prefix, "__slide"));
-      }
-    }
-    /**
-     * @description Create elements.
-     * @protected
-     */
-
-  }, {
-    key: "_createElements",
-    value: function _createElements() {}
-    /**
-     * @description Change slides classes. Set active Slide class.
-     * @param {number} num - Index of the slide.
-     * @protected
-     */
-
-  }, {
-    key: "_slidesClasses",
-    value: function _slidesClasses() {
-      var num = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._active;
-      var activeClass = "".concat(this._prefix, "__slide_active");
-
-      for (var i = 0; i < this._total; i++) {
-        if (i === num) {
-          this._slides[i].classList.add(activeClass);
-        } else {
-          this._slides[i].classList.remove(activeClass);
-        }
-      }
-    }
-    /**
-     * @description Update size values.
-     */
-
-  }, {
-    key: "setSize",
-    value: function setSize() {
-      // size
-      var size = this._getSize();
-      /**
-       * @description Width of the slider outer element.
-       * @protected
-       * @member {number}
-       */
-
-
-      this._width = size[0];
-      /**
-       * @description Height of the slider outer element.
-       * @protected
-       * @member {number}
-       */
-
-      this._height = size[1]; // update dpr
-
-      this._dprGet();
-
-      var dpr = this._dpr; // update size
-
-      this._size = [this._width * dpr, this._height * dpr];
-    }
-    /**
-     * @description Get slider outer element sizes
-     * @protected
-     * @returns {Array<number>} Returns an width & height.
-     */
-
-  }, {
-    key: "_getSize",
-    value: function _getSize() {
-      var outer = this._outer;
-      return [outer.clientWidth, outer.clientHeight];
-    }
-    /**
-     * @description Update device pixel ratio.
-     * @protected
-     */
-
-  }, {
-    key: "_dprGet",
-    value: function _dprGet() {
-      /**
-       * @description Device pixel ratio.
-       * @protected
-       * @member {number}
-       */
-      this._dpr = this._v.viewport.dprMobile;
-    }
-    /**
-     * @description Get index of the slide.
-     * @param {number} [num] - Reference slide number.
-     * Negative values are also possible.
-     * @protected
-     */
-
-  }, {
-    key: "getSlideIndex",
-    value: function getSlideIndex() {
-      var num = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._active;
-      var total = this._total - 1;
-
-      if (num > 0) {
-        if (num > total) {
-          num = this.getSlideIndex(num - this._total);
-        }
-      } else if (num < 0) {
-        if (num < this._total * -1) {
-          num = this.getSlideIndex(num + this._total);
-        } else {
-          num = this._total + num;
-        }
-      }
-
-      return num;
-    }
-    /**
-     * @description Get a slide index relative to another one.
-     * @param {number} [num] - Reference slide number.
-     * @param {number} [skip] - How many slides to skip. 
-     * Negative values are also possible.
-     * @protected
-     */
-
-  }, {
-    key: "getFollowingSlideIndex",
-    value: function getFollowingSlideIndex() {
-      var num = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._active;
-      var skip = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
-      num += skip;
-      num = this.getSlideIndex(num);
-      return num;
-    }
-    /**
-     * @description Go to the previous slide.
-     * @returns {boolean} Returns true if successful.
-     */
-
-  }, {
-    key: "prev",
-    value: function prev() {
-      if (this.playing || !this._prop.prev) {
-        return false;
-      }
-
-      var num = this.prevGet();
-
-      if (num === false) {
-        return false;
-      }
-
-      this.set(num, 'prev');
-      return true;
-    }
-    /**
-     * @description Get the previous slide number.
-     * @param {number} [num] - Reference slide num.
-     * @returns {number} Previous slide.
-     * @protected
-     */
-
-  }, {
-    key: "prevGet",
-    value: function prevGet() {
-      var num = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._active;
-
-      if (!this._prop.loop) {
-        if (num === 0) {
-          return false;
-        }
-      }
-
-      return this.getFollowingSlideIndex(num, -1);
-    }
-    /**
-     * @description Go to the next slide.
-     * @returns {boolean} Returns true if successful.
-     */
-
-  }, {
-    key: "next",
-    value: function next() {
-      if (this.playing || !this._prop.next) {
-        return false;
-      }
-
-      var num = this.nextGet();
-
-      if (num === false) {
-        return false;
-      }
-
-      this.set(num, 'next');
-      return true;
-    }
-    /**
-     * @description Get the next slide number.
-     * @param {number} [num] - Reference slide num.
-     * @returns {number} Next slide.
-     */
-
-  }, {
-    key: "nextGet",
-    value: function nextGet() {
-      var num = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._active;
-
-      if (!this._prop.loop) {
-        if (num === this._total < 1) {
-          return false;
-        }
-      }
-
-      return this.getFollowingSlideIndex(num, 1);
-    }
-    /**
-     * @description Create and launch a timeline
-     * @protected
-     * 
-     * @param {Function} progressCallback
-     * @param {Function} endCallback
-     * @param {Array<number>} [scope=[0, 1]] - Animation scope.
-     */
-
-  }, {
-    key: "_launchTimeline",
-    value: function _launchTimeline() {
-      var progressCallback = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function () {};
-      var endCallback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};
-      var scope = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [0, 1];
-      // create a timeline animation
-      this._timeline = new _TimelineModule.default();
-      var timeline = this._timeline; // add progress callbacks
-
-      timeline.add({
-        target: 'progress',
-        do: progressCallback.bind(this)
-      }); // end callback
-
-      timeline.add({
-        target: 'end',
-        do: endCallback.bind(this)
-      }); // launch timeline
-
-      timeline.play({
-        duration: this._prop.animation.duration,
-        autoDuration: true,
-        easing: 'linear',
-        scope: scope
-      });
-    }
-    /**
-     * @description Stop and destroy the animation timeline
-     * @protected
-     */
-
-  }, {
-    key: "_stopTimeline",
-    value: function _stopTimeline() {
-      if (this._timeline) {
-        this._timeline.destroy();
-
-        this._timeline = false;
-        this._playing = false;
-      }
-    }
-    /**
-     * @description Show the active slide.
-     * @returns {boolean} Returns true if successful.
-     */
-
-  }, {
-    key: "show",
-    value: function show() {
-      if (this.playing || this._prop.disabled) {
-        return false;
-      } // show dependents
-
-
-      this._prop.dependents.forEach(function (slider) {
-        slider.show();
-      }); // return if this very slider is shown
-
-
-      if (this._shown) {
-        return false;
-      } // continue
-
-
-      this._shown = true;
-
-      this._outer.classList.add("".concat(this._prefix, "_shown")); // change helpers & classes
-
-
-      this._slidesClasses(); // animation
-
-
-      this._showHide("show");
-
-      return true;
-    }
-    /**
-     * @description Hide the active slide.
-     * @returns {boolean} Returns true if successful.
-     */
-
-  }, {
-    key: "hide",
-    value: function hide() {
-      if (this.playing || this._prop.disabled) {
-        return false;
-      } // hide dependents
-
-
-      this._prop.dependents.forEach(function (slider) {
-        slider.hide();
-      }); // return if this very slider is not shown
-
-
-      if (!this._shown) {
-        return false;
-      } // continue
-
-
-      this._shown = false;
-
-      this._outer.classList.remove("".concat(this._prefix, "_shown")); // change helpers & classes
-
-
-      this._slidesClasses(-1); // animation
-
-
-      this._showHide("hide");
-
-      return true;
-    }
-    /**
-     * @description Show/Hide method helper.
-     * @param {string} action - Name of the action: show/hide.
-     */
-
-  }, {
-    key: "_showHide",
-    value: function _showHide(action) {
-      // callback
-      this.lbt(action); // change vars
-
-      this._playing = true; // create timeline animation object
-
-      this._animationData = {
-        prev: this._active,
-        next: this._active,
-        direction: action
-      }; // launch timelime
-
-      this._launchTimeline(this._showHideProgress.bind(this), this._showHideEnd.bind(this));
-    }
-    /**
-     * @description Progress callback for the "show/hide" timeline.
-     * @param {Vevet.TimelineModule.Data} p - Progress data.
-     * @protected
-     */
-
-  }, {
-    key: "_showHideProgress",
-    value: function _showHideProgress(p) {
-      this._animateSlidesTimeline(p);
-
-      this._animateSlide(this._animationData.direction, p);
-    }
-    /**
-     * @description End callback for the "show/hide" timeline.
-     * @protected
-     */
-
-  }, {
-    key: "_showHideEnd",
-    value: function _showHideEnd() {
-      this._animationEnd();
-
-      if (this._animationData.direction == 'show') {
-        this.lbt("shown");
-      } else {
-        this.lbt("hidden");
-      }
-
-      this._stopTimeline();
-    }
-    /**
-     * @memberof Vevet.SliderModule
-     * @typedef {object} AnimationData
-     * @property {string} direction - Direction of action: prev or next.
-     * @property {number} prev - Previous slide number.
-     * @property {number} next - Next slide number.
-     */
-
-    /**
-     * @description CHange slide.
-     * 
-     * @param {number} [num=0] - Slide index number.
-     * @param {string} [direction=none] - Direction of action: prev or next.
-     * 
-     * @returns {boolean} - Returns true if successful.
-     */
-
-  }, {
-    key: "set",
-    value: function set() {
-      var num = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-      var direction = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'none';
-
-      // if available
-      if (this.playing || this._prop.disabled) {
-        return false;
-      } // change slides for dependents
-
-
-      this._prop.dependents.forEach(function (slider) {
-        slider.set(num, direction);
-      }); // check if shown
-
-
-      if (!this._shown) {
-        return false;
-      } // check index number
-
-
-      if (this._active === num) {
-        return false;
-      } // change active
-
-
-      this._activePrev = this._active;
-      this._active = num; // change slides classes
-
-      this._slidesClasses(); // get right direction
-
-
-      if (direction === 'none') {
-        if (this._active > this._activePrev) {
-          direction = 'next';
-        } else {
-          direction = 'prev';
-        }
-      } // launch callbacks
-
-
-      this._launchCallbacks(direction); // animate
-
-
-      this._animate(direction); // success
-
-
-      return true;
-    }
-  }, {
-    key: "_launchCallbacks",
-    value: function _launchCallbacks() {
-      var direction = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-      // Get object for callbacks - {@linkcode Vevet.SliderModule.AnimationData}.
-      this._animationData = {
-        direction: direction,
-        prev: this._activePrev,
-        next: this._active
-      };
-      var obj = this._animationData; // prev or next callback
-
-      this.lbt(direction, obj);
-      this.lbt("start", obj);
-    }
-    /**
-     * @description Animate slides.
-     * @param {string} direction - Direction of action: prev or next.
-     * @param {Array<number>} [scope=[0, 1]] - Animation scope.
-     * @protected
-     */
-
-  }, {
-    key: "_animate",
-    value: function _animate() {
-      var direction = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-      var scope = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [0, 1];
-      // change vars
-      this._playing = true; // Set object for callbacks
-
-      this._animationData = {
-        direction: direction,
-        prev: this._activePrev,
-        next: this._active
-      }; // launch timelime
-
-      this._launchTimeline(this._animateSlides.bind(this), this._animateEnd.bind(this), scope);
-    }
-    /**
-     * @description Slides animation. Here we split animation into two parts:
-     * animation of the previous & of the next slide.
-     * @param {Vevet.TimelineModule.Data} p - Progress data.
-     * @protected
-     */
-
-  }, {
-    key: "_animateSlides",
-    value: function _animateSlides(p) {
-      // timeline
-      this._animateSlidesTimeline(p); // animate the previous & next slide
-
-
-      this._animateSlide('prev', p);
-
-      this._animateSlide('next', p);
-    }
-    /**
-     * @memberof Vevet.SliderModule
-     * @typedef {object} Timeline
-     * @augments Vevet.SliderModule.AnimationData
-     * @property {number} p - Progress without easing.
-     */
-
-    /**
-     * @description Timeline animation.
-     * @param {Vevet.TimelineModule.Data} p - Progress data.
-     * @protected
-     */
-
-  }, {
-    key: "_animateSlidesTimeline",
-    value: function _animateSlidesTimeline(p) {
-      // the methods above will call the event "render" twice
-      // perhaps, you will need to have a single render event that will not depend on slide animation props.
-      var data = (0, _merge.default)({
-        p: p.se
-      }, this._animationData); // calculate
-
-      this.lbt("timeline", data);
-    }
-    /**
-     * @description Animate a slide
-     * @param {string} type - Slide type: show|hide|prev|next.
-     * @param {Vevet.TimelineModule.Data} p - Progress data.
-     * @protected
-     */
-
-  }, {
-    key: "_animateSlide",
-    value: function _animateSlide(type, p) {
-      var obj = this._animationData; // get animation scope
-
-      var scope = this._prop.animation[type];
-
-      if (typeof scope == "undefined") {
-        scope = [0, 1];
-      } // get type progress
-
-
-      var progress = (0, _mathScopeProgress.default)(p.se, scope);
-
-      if (progress < 0) {
-        progress = 0;
-      } else if (progress > 1) {
-        progress = 1;
-      } else {
-        progress = (0, _easing.default)(progress, this._prop.animation.easing);
-      } // Create Animation Data, {@linkcode Vevet.SliderModule.Render}.
-
-
-      var data = (0, _merge.default)({
-        p: progress,
-        num: type === 'prev' ? obj.prev : obj.next,
-        type: type
-      }, obj); // render
-
-      this._render(data);
-    }
-    /**
-     * @memberof Vevet.SliderModule
-     * @typedef {object} Render
-     * @augments Vevet.SliderModule.AnimationData
-     * @property {number} p - Progress of animation.
-     * @property {number} num - Index number of the slide under animation.
-     * @property {string} type - What type of a slide is under animation: prev|next|show|hide.
-     */
-
-    /**
-     * @description Animation rendering.
-     * @param {Vevet.SliderModule.Render} data - Animation data.
-     * @protected
-     */
-
-  }, {
-    key: "_render",
-    value: function _render(data) {
-      // reder callback
-      this.lbt("render", data);
-    }
-    /**
-     * @description End of animation.
-     * @protected
-     */
-
-  }, {
-    key: "_animateEnd",
-    value: function _animateEnd() {
-      this._stopTimeline();
-
-      this._animationEnd();
-
-      this.lbt("end", this._animationData);
-    }
-    /**
-     * @description When animation has stopped.
-     * @protected
-     */
-
-  }, {
-    key: "_animationEnd",
-    value: function _animationEnd() {
-      this._playing = false;
-    }
-    /**
-     * @description Destroy the class.
-     */
-
-  }, {
-    key: "destroy",
-    value: function destroy() {
-      _get(_getPrototypeOf(SliderModule.prototype), "destroy", this).call(this);
-
-      var prefix = this._prefix; // remove classes
-
-      this._outer.classList.remove(prefix);
-
-      this._slidesOuter.classList.remove("".concat(prefix, "__slides"));
-
-      for (var i = 0; i < this._total; i++) {
-        this._slides[i].classList.remove("".concat(prefix, "__slide"));
-      }
-    }
-  }]);
-
-  return SliderModule;
-}(_Module2.default);
-
-exports.default = SliderModule;