vevet 1.4.27 → 2.0.1-dev.3

package/dist/js/SliderControlsPlugin.js

@@ -1,247 +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 previous and next controls to your slider. <br>
- * <br><br> <b>import {SliderControlsPlugin} from 'vevet';</b>
- * 
- * @class
- * @memberof Vevet
- * @augments Vevet.Plugin
- */
-var SliderControlsPlugin = /*#__PURE__*/function (_Plugin) {
-  _inherits(SliderControlsPlugin, _Plugin);
-
-  var _super = _createSuper(SliderControlsPlugin);
-
-  /**
-   * @memberof Vevet.SliderControlsPlugin
-   * @typedef {object} Properties
-   * @augments Vevet.Plugin.Properties
-   * 
-   * @property {boolean} [on=true] - If enabled.
-   */
-
-  /**
-   * @alias Vevet.SliderControlsPlugin
-   * 
-   * @param {Vevet.SliderControlsPlugin.Properties} [data]
-   */
-  function SliderControlsPlugin(data) {
-    _classCallCheck(this, SliderControlsPlugin);
-
-    return _super.call(this, data, false);
-  }
-  /**
-   * @readonly
-   * @type {Vevet.SliderControlsPlugin.Properties}
-   */
-
-
-  _createClass(SliderControlsPlugin, [{
-    key: "defaultProp",
-    get: function get() {
-      return (0, _merge.default)(_get(_getPrototypeOf(SliderControlsPlugin.prototype), "defaultProp", this), {
-        on: true
-      });
-    }
-    /**
-     * @member Vevet.SliderControlsPlugin#prop
-     * @memberof Vevet.SliderControlsPlugin
-     * @readonly
-     * @type {Vevet.SliderControlsPlugin.Properties}
-     */
-
-    /**
-     * @member Vevet.SliderControlsPlugin#_prop
-     * @memberof Vevet.SliderControlsPlugin
-     * @protected
-     * @type {Vevet.SliderControlsPlugin.Properties}
-     */
-
-    /**
-     * @function Vevet.SliderControlsPlugin#changeProp
-     * @memberof Vevet.SliderControlsPlugin
-     * @param {Vevet.SliderControlsPlugin.Properties} [prop]
-     */
-
-    /**
-     * @member Vevet.SliderControlsPlugin#_m
-     * @memberof Vevet.SliderControlsPlugin
-     * @protected
-     * @type {Vevet.SliderModule}
-     */
-    // Extra Constructor
-
-  }, {
-    key: "_extra",
-    value: function _extra() {
-      _get(_getPrototypeOf(SliderControlsPlugin.prototype), "_extra", this).call(this); // get module
-
-
-      var module = this._m,
-          prefix = module.prefix,
-          outer = module._outer; // vars
-
-      var controlClass = "".concat(prefix, "__control");
-      /**
-       * @description Module events IDs.
-       * @protected
-       * @member {Array<string>}
-       */
-
-      this._me = []; // create controls
-
-      var prev = dom({
-        selector: 'button',
-        styles: "".concat(controlClass, " ").concat(controlClass, "_prev")
-      });
-      outer.appendChild(prev);
-      var next = dom({
-        selector: 'button',
-        styles: "".concat(controlClass, " ").concat(controlClass, "_next")
-      });
-      outer.appendChild(next);
-      /**
-       * @description Previous control button.
-       * @protected
-       * @member {HTMLElement}
-       */
-
-      this._prev = prev;
-      /**
-       * @description Next control button.
-       * @protected
-       * @member {HTMLElement}
-       */
-
-      this._next = next; // set classes
-
-      this._classes();
-    } // Set events
-
-  }, {
-    key: "_setEvents",
-    value: function _setEvents() {
-      var module = this._m; // controls
-
-      this.listener(this._prev, 'click', function () {
-        module.prev('control');
-      });
-      this.listener(this._next, 'click', function () {
-        module.next('control');
-      }); // events
-
-      this._me.push(module.on("changeProp", this._classes.bind(this)));
-
-      this._me.push(module.on("show", this._classes.bind(this)));
-
-      this._me.push(module.on("hide", this._classes.bind(this)));
-
-      this._me.push(module.on("start", this._classes.bind(this)));
-    } // 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, "_controls-hidden"),
-          active = module.active,
-          moduleProp = module.prop,
-          disabledAttr = "disabled"; // show & hide
-
-      if (!prop.on) {
-        outer.classList.add(hiddenClass);
-      } else {
-        outer.classList.remove(hiddenClass);
-      } // if disabled
-
-
-      if (active === 0 & !moduleProp.loop || !moduleProp.prev) {
-        this._prev.setAttribute(disabledAttr, true);
-      } else {
-        this._prev.removeAttribute(disabledAttr);
-      }
-
-      if (active === module.total - 1 & !moduleProp.loop || !moduleProp.next) {
-        this._next.setAttribute(disabledAttr, true);
-      } else {
-        this._next.removeAttribute(disabledAttr);
-      }
-    } // Destroy events
-
-  }, {
-    key: "_destroy",
-    value: function _destroy() {
-      _get(_getPrototypeOf(SliderControlsPlugin.prototype), "_destroy", this).call(this); // get module
-
-
-      var module = this._m; // remove elements
-
-      this._prev.remove();
-
-      this._next.remove(); // remove events
-
-
-      this._me.forEach(function (id) {
-        module.remove(id);
-      });
-    }
-  }]);
-
-  return SliderControlsPlugin;
-}(_Plugin2.default);
-
-exports.default = SliderControlsPlugin;

package/dist/js/SliderCounterPlugin.js

@@ -1,278 +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 a counter to control your slider. <br>
- * <br><br> <b>import {SliderCounterPlugin} from 'vevet';</b>
- * 
- * @class
- * @memberof Vevet
- * @augments Vevet.Plugin
- */
-var SliderCounterPlugin = /*#__PURE__*/function (_Plugin) {
-  _inherits(SliderCounterPlugin, _Plugin);
-
-  var _super = _createSuper(SliderCounterPlugin);
-
-  /**
-   * @memberof Vevet.SliderCounterPlugin
-   * @typedef {object} Properties
-   * @augments Vevet.Plugin.Properties
-   * 
-   * @property {boolean} [on=true] - If enabled.
-   */
-
-  /**
-   * @alias Vevet.SliderCounterPlugin
-   * 
-   * @param {Vevet.SliderCounterPlugin.Properties} [data]
-   */
-  function SliderCounterPlugin(data) {
-    _classCallCheck(this, SliderCounterPlugin);
-
-    return _super.call(this, data, false);
-  }
-  /**
-   * @readonly
-   * @type {Vevet.SliderCounterPlugin.Properties}
-   */
-
-
-  _createClass(SliderCounterPlugin, [{
-    key: "defaultProp",
-    get: function get() {
-      return (0, _merge.default)(_get(_getPrototypeOf(SliderCounterPlugin.prototype), "defaultProp", this), {
-        on: true
-      });
-    }
-    /**
-     * @member Vevet.SliderCounterPlugin#prop
-     * @memberof Vevet.SliderCounterPlugin
-     * @readonly
-     * @type {Vevet.SliderCounterPlugin.Properties}
-     */
-
-    /**
-     * @member Vevet.SliderCounterPlugin#_prop
-     * @memberof Vevet.SliderCounterPlugin
-     * @protected
-     * @type {Vevet.SliderCounterPlugin.Properties}
-     */
-
-    /**
-     * @function Vevet.SliderCounterPlugin#changeProp
-     * @memberof Vevet.SliderCounterPlugin
-     * @param {Vevet.SliderCounterPlugin.Properties} [prop]
-     */
-
-    /**
-     * @member Vevet.SliderCounterPlugin#_m
-     * @memberof Vevet.SliderCounterPlugin
-     * @protected
-     * @type {Vevet.SliderModule|Vevet.SliderCanvasModule}
-     */
-    // Extra Constructor
-
-  }, {
-    key: "_extra",
-    value: function _extra() {
-      _get(_getPrototypeOf(SliderCounterPlugin.prototype), "_extra", this).call(this); // get module
-
-
-      var module = this._m,
-          prefix = module.prefix,
-          outer = module._outer,
-          count = module.total;
-      /**
-       * @description Module events IDs.
-       * @protected
-       * @member {Array<string>}
-       */
-
-      this._me = [];
-      /**
-       * @description Counter outer element.
-       * @protected
-       * @member {HTMLElement}
-       */
-
-      this._outer = dom({
-        selector: 'div',
-        styles: "".concat(prefix, "__counter")
-      });
-      outer.appendChild(this._outer); // create currents
-
-      var currents = dom({
-        selector: 'div',
-        styles: "".concat(prefix, "__currents")
-      });
-
-      this._outer.appendChild(currents);
-      /**
-       * @description Numbers.
-       * @protected
-       * @member {Array<HTMLElement>}
-       */
-
-
-      this._currents = [];
-
-      for (var i = 0; i < count; i++) {
-        var el = dom({
-          selector: 'div',
-          styles: "".concat(prefix, "__current")
-        });
-        currents.appendChild(el);
-
-        this._currents.push(el);
-
-        var _num = i + 1;
-
-        _num = _num < 10 ? "0".concat(_num) : _num;
-        el.innerHTML = _num;
-      } // create line
-
-
-      var line = dom({
-        selector: 'div',
-        styles: "".concat(prefix, "__line")
-      });
-
-      this._outer.appendChild(line); // create total
-
-
-      var total = dom({
-        selector: 'div',
-        styles: "".concat(prefix, "__total")
-      });
-      var num = count < 10 ? "0".concat(count) : count;
-      total.innerHTML = num;
-
-      this._outer.appendChild(total); // set classes
-
-
-      this._classes();
-
-      this._classesActive(module.active);
-    } // Set events
-
-  }, {
-    key: "_setEvents",
-    value: function _setEvents() {
-      var _this = this;
-
-      var module = this._m; // events
-
-      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, "_counter-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, "__current_active"),
-          currents = this._currents; // set classes
-
-      for (var i = 0; i < currents.length; i++) {
-        if (i == num) {
-          currents[i].classList.add(activeClass);
-        } else {
-          currents[i].classList.remove(activeClass);
-        }
-      }
-    } // Destroy events
-
-  }, {
-    key: "_destroy",
-    value: function _destroy() {
-      _get(_getPrototypeOf(SliderCounterPlugin.prototype), "_destroy", this).call(this); // get module
-
-
-      var module = this._m; // remove elements
-
-      this._outer.remove(); // remove events
-
-
-      this._me.forEach(function (id) {
-        module.remove(id);
-      });
-    }
-  }]);
-
-  return SliderCounterPlugin;
-}(_Plugin2.default);
-
-exports.default = SliderCounterPlugin;