vevet 1.4.27 → 2.0.1-dev.3

package/dist/js/SliderDotsPlugin.js

@@ -1,270 +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 _Plugin2 = _interopRequireDefault(require("./Plugin"));
-
-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');
-
-/**
- * @classdesc Add dots to control your slider. <br>
- * <br><br> <b>import {SliderDotsPlugin} from 'vevet';</b>
- * 
- * @class
- * @memberof Vevet
- * @augments Vevet.Plugin
- */
-var SliderDotsPlugin = /*#__PURE__*/function (_Plugin) {
-  _inherits(SliderDotsPlugin, _Plugin);
-
-  var _super = _createSuper(SliderDotsPlugin);
-
-  /**
-   * @memberof Vevet.SliderDotsPlugin
-   * @typedef {object} Properties
-   * @augments Vevet.Plugin.Properties
-   * 
-   * @property {boolean} [on=true] - If enabled.
-   */
-
-  /**
-   * @alias Vevet.SliderDotsPlugin
-   * 
-   * @param {Vevet.SliderDotsPlugin.Properties} [data]
-   */
-  function SliderDotsPlugin(data) {
-    _classCallCheck(this, SliderDotsPlugin);
-
-    return _super.call(this, data, false);
-  }
-  /**
-   * @readonly
-   * @type {Vevet.SliderDotsPlugin.Properties}
-   */
-
-
-  _createClass(SliderDotsPlugin, [{
-    key: "defaultProp",
-    get: function get() {
-      return (0, _merge.default)(_get(_getPrototypeOf(SliderDotsPlugin.prototype), "defaultProp", this), {
-        on: true
-      });
-    }
-    /**
-     * @member Vevet.SliderDotsPlugin#prop
-     * @memberof Vevet.SliderDotsPlugin
-     * @readonly
-     * @type {Vevet.SliderDotsPlugin.Properties}
-     */
-
-    /**
-     * @member Vevet.SliderDotsPlugin#_prop
-     * @memberof Vevet.SliderDotsPlugin
-     * @protected
-     * @type {Vevet.SliderDotsPlugin.Properties}
-     */
-
-    /**
-     * @function Vevet.SliderDotsPlugin#changeProp
-     * @memberof Vevet.SliderDotsPlugin
-     * @param {Vevet.SliderDotsPlugin.Properties} [prop]
-     */
-
-    /**
-     * @member Vevet.SliderDotsPlugin#_m
-     * @memberof Vevet.SliderDotsPlugin
-     * @protected
-     * @type {Vevet.SliderModule|Vevet.SliderCanvasModule}
-     */
-    // Extra Constructor
-
-  }, {
-    key: "_extra",
-    value: function _extra() {
-      _get(_getPrototypeOf(SliderDotsPlugin.prototype), "_extra", this).call(this); // get module
-
-
-      var module = this._m,
-          prefix = module.prefix,
-          outer = module._outer;
-      /**
-       * @description Module events IDs.
-       * @protected
-       * @member {Array<string>}
-       */
-
-      this._me = [];
-      /**
-       * @description Dot buttons.
-       * @protected
-       * @member {Array<HTMLButtonElement>}
-       */
-
-      this._dots = [];
-      /**
-       * @description Dots outer element.
-       * @protected
-       * @member {HTMLUListElement}
-       */
-
-      this._outer = dom({
-        selector: 'ul',
-        styles: "".concat(prefix, "__dots")
-      });
-      outer.appendChild(this._outer); // create dots
-
-      for (var i = 0; i < module.total; i++) {
-        var li = dom({
-          selector: 'li'
-        });
-
-        this._outer.appendChild(li);
-
-        var button = dom({
-          selector: 'button',
-          styles: "".concat(prefix, "__dot")
-        });
-        li.appendChild(button);
-
-        this._dots.push(button);
-      } // set classes
-
-
-      this._classes();
-    } // Set events
-
-  }, {
-    key: "_setEvents",
-    value: function _setEvents() {
-      var _this = this;
-
-      var module = this._m; // controls
-
-      var _loop = function _loop(i) {
-        _this.listener(_this._dots[i], 'click', function () {
-          module.set(i, "none");
-        });
-      };
-
-      for (var i = 0; i < this._dots.length; i++) {
-        _loop(i);
-      } // events
-
-
-      this._classesActive(module.active);
-
-      this._me.push(module.on("show", function () {
-        _this._classesActive(module.active);
-      }));
-
-      this._me.push(module.on("hide", function () {
-        _this._classesActive(-1);
-      }));
-
-      this._me.push(module.on("start", function (data) {
-        _this._classesActive(data.next);
-      }));
-    } // When properties are changed.
-
-  }, {
-    key: "_changeProp",
-    value: function _changeProp() {
-      // set classes
-      this._classes();
-    }
-    /**
-     * @description Set classes.
-     * @protected
-     */
-
-  }, {
-    key: "_classes",
-    value: function _classes() {
-      var prop = this._prop,
-          module = this._m,
-          outer = module._outer,
-          prefix = module.prefix,
-          hiddenClass = "".concat(prefix, "_dots-hidden"); // show & hide
-
-      if (!prop.on) {
-        outer.classList.add(hiddenClass);
-      } else {
-        outer.classList.remove(hiddenClass);
-      }
-    }
-    /**
-     * @description Set active classes.
-     * @param {number} num
-     * @protected
-     */
-
-  }, {
-    key: "_classesActive",
-    value: function _classesActive(num) {
-      var module = this._m,
-          prefix = module.prefix,
-          activeClass = "".concat(prefix, "__dot_active"); // set classes
-
-      for (var i = 0; i < this._dots.length; i++) {
-        if (i == num) {
-          this._dots[i].classList.add(activeClass);
-        } else {
-          this._dots[i].classList.remove(activeClass);
-        }
-      }
-    } // Destroy events
-
-  }, {
-    key: "_destroy",
-    value: function _destroy() {
-      _get(_getPrototypeOf(SliderDotsPlugin.prototype), "_destroy", this).call(this); // remove elements
-
-
-      this._outer.remove(); // get module
-
-
-      var module = this._m; // remove events
-
-      this._me.forEach(function (id) {
-        module.remove(id);
-      });
-    }
-  }]);
-
-  return SliderDotsPlugin;
-}(_Plugin2.default);
-
-exports.default = SliderDotsPlugin;

package/dist/js/SliderDragSwipePlugin.js

@@ -1,245 +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 _Plugin2 = _interopRequireDefault(require("./Plugin"));
-
-var _merge = _interopRequireDefault(require("./merge"));
-
-var _DraggerModule = _interopRequireDefault(require("./DraggerModule"));
-
-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 Add drag & swipe changes of slides. <br>
- * <br><br> <b>import {SliderDragSwipePlugin} from 'vevet';</b>
- * 
- * @class
- * @memberof Vevet
- * @augments Vevet.Plugin
- * @requires Vevet.DraggerModule
- */
-
-
-var SliderDragSwipePlugin = /*#__PURE__*/function (_Plugin) {
-  _inherits(SliderDragSwipePlugin, _Plugin);
-
-  var _super = _createSuper(SliderDragSwipePlugin);
-
-  /**
-   * @memberof Vevet.SliderDragSwipePlugin
-   * @typedef {object} Properties
-   * @augments Vevet.Plugin.Properties
-   * 
-   * @property {string|HTMLElement|Window} [outer] - Event outer. It can be also a selector.
-   * @property {boolean} [on=true] - If enabled.
-   * @property {number} [min=100] - Minimum length of movement in pixels
-   * @property {string} [direction=h] - Direction: h - horizontal, v - vertical.
-   */
-
-  /**
-   * @alias Vevet.SliderDragSwipePlugin
-   * @description Construct the class.
-   * 
-   * @param {Vevet.SliderDragSwipePlugin.Properties} [data]
-   */
-  function SliderDragSwipePlugin(data) {
-    _classCallCheck(this, SliderDragSwipePlugin);
-
-    return _super.call(this, data, false);
-  }
-  /**
-   * @readonly
-   * @type {Vevet.SliderDragSwipePlugin.Properties}
-   */
-
-
-  _createClass(SliderDragSwipePlugin, [{
-    key: "defaultProp",
-    get: function get() {
-      return (0, _merge.default)(_get(_getPrototypeOf(SliderDragSwipePlugin.prototype), "defaultProp", this), {
-        outer: false,
-        on: true,
-        min: 100,
-        direction: 'h'
-      });
-    }
-    /**
-     * @member Vevet.SliderDragSwipePlugin#prop
-     * @memberof Vevet.SliderDragSwipePlugin
-     * @readonly
-     * @type {Vevet.SliderDragSwipePlugin.Properties}
-     */
-
-    /**
-     * @member Vevet.SliderDragSwipePlugin#_prop
-     * @memberof Vevet.SliderDragSwipePlugin
-     * @protected
-     * @type {Vevet.SliderDragSwipePlugin.Properties}
-     */
-
-    /**
-     * @function Vevet.SliderDragSwipePlugin#changeProp
-     * @memberof Vevet.SliderDragSwipePlugin
-     * @param {Vevet.SliderDragSwipePlugin.Properties} [prop]
-     */
-
-    /**
-     * @member Vevet.SliderDragSwipePlugin#_m
-     * @memberof Vevet.SliderDragSwipePlugin
-     * @protected
-     * @type {Vevet.SliderModule|Vevet.SliderCanvasModule}
-     */
-    // Extra Constructor
-
-  }, {
-    key: "_extra",
-    value: function _extra() {
-      _get(_getPrototypeOf(SliderDragSwipePlugin.prototype), "_extra", this).call(this);
-      /**
-       * @description Where drag classes are stored.
-       * @type { Vevet.DraggerModule | false }
-       * @protected
-       */
-
-
-      this._dragger = false;
-    } // Set events
-
-  }, {
-    key: "_setEvents",
-    value: function _setEvents() {
-      this._dragSet();
-    } // Change properties
-
-  }, {
-    key: "_changeProp",
-    value: function _changeProp() {
-      this._dragSet();
-    }
-    /**
-     * @description Set drag events.
-     * @protected
-     */
-
-  }, {
-    key: "_dragSet",
-    value: function _dragSet() {
-      // first of all, remove previous events
-      this._dragRemove(); // check if enabled
-
-
-      if (!this._prop.on) {
-        return;
-      }
-
-      this._dragAdd();
-    }
-    /**
-     * @description Remove drag events.
-     * @protected
-     */
-
-  }, {
-    key: "_dragRemove",
-    value: function _dragRemove() {
-      if (this._dragger) {
-        this._dragger.destroy();
-      }
-    }
-    /**
-     * @description Add a drag/swipe event.
-     * @protected
-     */
-
-  }, {
-    key: "_dragAdd",
-    value: function _dragAdd() {
-      var _this = this;
-
-      // get outer
-      var outer = this._prop.outer;
-
-      if (!outer) {
-        outer = this._m.outer;
-      } else {
-        outer = selectEl.one(outer);
-      } // dragger
-
-
-      var dragger = new _DraggerModule.default({
-        outer: outer
-      });
-      this._dragger = dragger; // event types
-
-      var horizontal = [['right', 'prev'], ['left', 'next']],
-          vertical = [['up', 'next'], ['down', 'prev']],
-          needed = this._prop.direction == 'h' ? horizontal : vertical; // add events
-
-      needed.forEach(function (e) {
-        _this._dragAddEvent(dragger, e[0], e[1]);
-      });
-    }
-    /**
-     * @description Add a drag/swipe event.
-     * @param {Vevet.DraggerModule} dragger
-     * @param {string} target
-     * @param {string} method
-     * @protected
-     */
-
-  }, {
-    key: "_dragAddEvent",
-    value: function _dragAddEvent(dragger, target, method) {
-      var _this2 = this;
-
-      dragger.on(target, function () {
-        _this2._m[method]();
-      }, {
-        min: this._prop.min
-      });
-    } // Destroy events
-
-  }, {
-    key: "_destroy",
-    value: function _destroy() {
-      _get(_getPrototypeOf(SliderDragSwipePlugin.prototype), "_destroy", this).call(this);
-
-      this._dragRemove();
-    }
-  }]);
-
-  return SliderDragSwipePlugin;
-}(_Plugin2.default);
-
-exports.default = SliderDragSwipePlugin;