vevet 1.4.27 → 2.0.1-dev.3

package/dist/js/URLEvent.js

@@ -1,239 +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 _Event2 = _interopRequireDefault(require("./Event"));
-
-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 _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 URL manipulation.
- * Available targets:
- *  <ul>
- *      <li>getParam - agrument {@linkcode Vevet.URLEvent.GetParam}</li>
- *      <li>setParam - argument {@linkcode Vevet.URLEvent.SetParam}</li>
- *  </ul>
- * <br><br> <b>import {URLEvent} from 'vevet';</b>
- * 
- * @vevetModuleCallback { Vevet.URLEvent : getParam : Vevet.URLEvent.GetParam }
- * @vevetModuleCallback { Vevet.URLEvent : setParam : Vevet.URLEvent.SetParam }
- * 
- * @class
- * @memberof Vevet
- * @augments Vevet.Event
- */
-var URLEvent = /*#__PURE__*/function (_Event) {
-  _inherits(URLEvent, _Event);
-
-  var _super = _createSuper(URLEvent);
-
-  function URLEvent() {
-    _classCallCheck(this, URLEvent);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(URLEvent, [{
-    key: "_getAbsoluteURL",
-    value:
-    /**
-     * @description Test if the URL has an HTTP or HTTPS protocol.
-     * If not, the URL is prefixed by window.location.origin
-     * 
-     * @protected
-     * 
-     * @param {string} url
-     */
-    function _getAbsoluteURL(url) {
-      var testURL = /^https?:\/\//i;
-
-      if (!testURL.test(url)) {
-        if (url.indexOf('/') === 0) {
-          url = window.location.origin + url;
-        } else {
-          url = window.location.origin + '/' + url;
-        }
-      }
-
-      return url;
-    }
-    /**
-     * @memberof Vevet.URLEvent
-     * @typedef {object} GetParam
-     * @property {string} key The name of your parameter.
-     * @property {string} url The url where the parameter was checked.
-     * @property {string} value The value of the parameter.
-     */
-
-    /**
-     * @description Get a parameter from url.
-     * 
-     * @param {object} data - Object with information.
-     * @param {string} data.key - Name of the parameter.
-     * @param {string} [data.url] - Url from which the value will be taken. The default value is the current url.
-     * 
-     * @returns {string|null} Returns the value of the parameter.
-     */
-
-  }, {
-    key: "getParam",
-    value: function getParam(data) {
-      // get data
-      var prop = {
-        url: window.location.href
-      };
-      data = Object.assign(prop, data);
-      var _data = data,
-          key = _data.key,
-          url = _data.url; // get proper URL
-
-      url = this._getAbsoluteURL(url); // search for the param
-
-      key = key.replace(/[[\]]/g, "\\$&");
-      var regex = new RegExp("[?&]" + key + "(=([^&#]*)|&|#|$)"),
-          results = regex.exec(url);
-
-      if (!results) {
-        return null;
-      }
-
-      if (!results[2]) {
-        return '';
-      } // get value
-
-
-      var val = decodeURIComponent(results[2].replace(/\+/g, " ")); // launch events
-
-      this.lbt('getParam', {
-        key: key,
-        url: url,
-        value: val
-      }); // return the value
-
-      return val;
-    }
-    /**
-     * @memberof Vevet.URLEvent
-     * @typedef {object} SetParam
-     * @property {string} key The name of param.
-     * @property {string} value The value of the param.
-     * @property {boolean} push True if the new value was pushed to the page url.
-     * @property {string} url The url before the change.
-     * @property {string} newUrl The url after the change.
-     */
-
-    /**
-     * @description Set a parameter in url.
-     * 
-     * @param {object} data - Object with information.
-     * @param {string} data.key - The name of the parameter.
-     * @param {string} data.value - The new value of the parameter.
-     * @param {boolean} [data.push=true] - Identifies if we need to push the new parameter into the page url.
-     * @param {string} [data.url=window.location.href] - Url in which the value will be set.
-     * 
-     * @returns {string} Returns new url.
-     */
-
-  }, {
-    key: "setParam",
-    value: function setParam(data) {
-      // get data
-      var prop = {
-        push: true,
-        url: window.location.href
-      };
-      data = Object.assign(prop, data);
-      var _data2 = data,
-          key = _data2.key,
-          value = _data2.value,
-          push = _data2.push,
-          url = _data2.url; // get proper URL
-
-      url = this._getAbsoluteURL(url); // set the new value
-
-      key = encodeURI(key);
-      value = encodeURI(value);
-      var urlObj = null;
-
-      if (url.length > 0) {
-        urlObj = new URL(url);
-      } else {
-        urlObj = window.location;
-      }
-
-      var kvp = urlObj.search.substr(1) === "" ? [] : urlObj.search.substr(1).split('&'),
-          i = kvp.length,
-          x;
-
-      while (i--) {
-        x = kvp[i].split('=');
-
-        if (x[0] == key) {
-          x[1] = value;
-          kvp[i] = x.join('=');
-          break;
-        }
-      }
-
-      if (i < 0) {
-        kvp[kvp.length] = [key, value].join('=');
-      }
-
-      var string = urlObj.pathname + '?' + kvp.join('&');
-
-      if (value.length === 0) {
-        string = string.replace("?" + key + "=&", "?");
-        string = string.replace("?" + key + "=", "");
-        string = string.replace("&" + key + "=", "");
-        string = string.replace(key + "=", "");
-      } // push state
-
-
-      if (push) {
-        window.history.pushState(null, "", string);
-      } // new value
-
-
-      var val = urlObj.origin + string; // launch events
-
-      this.lbt('setParam', {
-        key: key,
-        value: value,
-        push: push,
-        url: url,
-        newUrl: val
-      }); // return a new url
-
-      return val;
-    }
-  }]);
-
-  return URLEvent;
-}(_Event2.default);
-
-exports.default = URLEvent;

package/dist/js/ViewportEvent.js

@@ -1,465 +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 _Event2 = _interopRequireDefault(require("./Event"));
-
-var _ismobilejs = _interopRequireDefault(require("ismobilejs"));
-
-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 Callbacks on window resize. Here the names of the OS, Browser, and Device can be changed. <br>
- * Available targets:
- *  <ul>
- *      <li>w - when width changes and height preserves its value</li>
- *      <li>h - when height changes and width preserves its value</li>
- *      <li>wh - when both width and height change</li>
- *      <li>hw - when both width and height change</li>
- *      <li>w_ - you need to trace only changes of width, height doesn't matter</li>
- *      <li>h_ - you need to trace only changes of height, width doesn't matter</li>
- *      <li>(empty) - use it when you don't care what changes</li>
- *  </ul>
- * <br>All targets will receive {@linkcode Vevet.ViewportEvent.Callback} as an argument.
- * <br><br> <b>import {ViewportEvent} from 'vevet';</b>
- * 
- * @vevetModuleCallback { Vevet.ViewportEvent : w : Vevet.ViewportEvent.Callback }
- * @vevetModuleCallback { Vevet.ViewportEvent : h : Vevet.ViewportEvent.Callback }
- * @vevetModuleCallback { Vevet.ViewportEvent : wh : Vevet.ViewportEvent.Callback }
- * @vevetModuleCallback { Vevet.ViewportEvent : hw : Vevet.ViewportEvent.Callback }
- * @vevetModuleCallback { Vevet.ViewportEvent : w_ : Vevet.ViewportEvent.Callback }
- * @vevetModuleCallback { Vevet.ViewportEvent : h_ : Vevet.ViewportEvent.Callback }
- * @vevetModuleCallback { Vevet.ViewportEvent :  : Vevet.ViewportEvent.Callback }
- * 
- * @class
- * @memberof Vevet
- * @augments Vevet.Event
- */
-var ViewportEvent = /*#__PURE__*/function (_Event) {
-  _inherits(ViewportEvent, _Event);
-
-  var _super = _createSuper(ViewportEvent);
-
-  function ViewportEvent() {
-    _classCallCheck(this, ViewportEvent);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(ViewportEvent, [{
-    key: "_extra",
-    value: function _extra() {
-      _get(_getPrototypeOf(ViewportEvent.prototype), "_extra", this).call(this);
-      /**
-       * @protected
-       * @type {Array<number>}
-       */
-
-
-      this._size = [0, 0];
-      /**
-       * @protected
-       * @type {Array<number>}
-       */
-
-      this._sizePrev = [0, 0];
-      /**
-       * @protected
-       * @type {boolean}
-       */
-
-      this._desktop = false;
-      /**
-       * @protected
-       * @type {boolean}
-       */
-
-      this._tablet = false;
-      /**
-       * @protected
-       * @type {boolean}
-       */
-
-      this._mobile = false;
-      /**
-       * @protected
-       * @type {boolean}
-       */
-
-      this._mobiledevice = false;
-      /**
-       * @description Breakpoint types
-       * @protected
-       * @type {Array<string>}
-       */
-
-      this._types = ['desktop', 'tablet', 'mobile'];
-    }
-    /**
-     * @description Get current sizes of the window (width, height).
-     * @readonly
-     * @type {Array<number>}
-     */
-
-  }, {
-    key: "size",
-    get: function get() {
-      return this._size;
-    }
-    /**
-     * @description If the width of the window is more than the desktop value in {@linkcode Vevet.Application#prop}.
-     * @readonly
-     * @type {boolean}
-     */
-
-  }, {
-    key: "desktop",
-    get: function get() {
-      return this._desktop;
-    }
-    /**
-     * @description If the width of the window is equal to or less than the tablet value in {@linkcode Vevet.Application#prop}.
-     * @readonly
-     * @type {boolean}
-     */
-
-  }, {
-    key: "tablet",
-    get: function get() {
-      return this._tablet;
-    }
-    /**
-     * @description If the width of the window is equal to or less than the mobile value in {@linkcode Vevet.Application#prop}.
-     * @readonly
-     * @type {boolean}
-     */
-
-  }, {
-    key: "mobile",
-    get: function get() {
-      return this._mobile;
-    }
-    /**
-     * @description Device pixel ratio.
-     * @readonly
-     * @type {number}
-     */
-
-  }, {
-    key: "dpr",
-    get: function get() {
-      if (typeof window.devicePixelRatio != "undefined") {
-        return window.devicePixelRatio;
-      }
-
-      return 1;
-    }
-    /**
-     * @description Device pixel ratio. For non-mobile devices it is equal to 1.
-     * @readonly
-     * @type {number}
-     */
-
-  }, {
-    key: "dprMobile",
-    get: function get() {
-      if (this.mobiledevice) {
-        return this.dpr;
-      }
-
-      return 1;
-    }
-    /**
-     * @description If mobile device.
-     * @readonly
-     * @type {boolean}
-     */
-
-  }, {
-    key: "mobiledevice",
-    get: function get() {
-      return this._mobiledevice;
-    }
-    /**
-     * @description If width greater than height.
-     * @readonly
-     * @type {boolean}
-     */
-
-  }, {
-    key: "landscape",
-    get: function get() {
-      return this.size[0] > this.size[1];
-    }
-    /**
-     * @description If width less than height.
-     * @readonly
-     * @type {boolean}
-     */
-
-  }, {
-    key: "portrait",
-    get: function get() {
-      return this.size[0] < this.size[1];
-    } // Set events on resize
-
-  }, {
-    key: "_setEvents",
-    value: function _setEvents() {
-      window.addEventListener("resize", this._implement.bind(this)); // set values
-
-      this._set();
-    }
-    /**
-     * @memberof Vevet.ViewportEvent
-     * @typedef {object} Callback
-     * 
-     * @property {Array<number>} size Current sizes of the window (width, height).
-     * @property {number} dpr Device pixel ratio.
-     * @property {boolean} desktop If the size of the window for desktop. Taken from {@linkcode Vevet.Application#prop}.
-     * @property {boolean} tablet If the size of the window for tablet. Taken from {@linkcode Vevet.Application#prop}.
-     * @property {boolean} mobile If the size of the window for mobile. Taken from {@linkcode Vevet.Application#prop}.
-     * @property {boolean} mobiledevice If mobile device.
-     * @property {boolean} landscape If width more than height.
-     */
-
-    /**
-     * @description Launch callbacks on resize.
-     * 
-     * @protected
-     */
-
-  }, {
-    key: "_implement",
-    value: function _implement() {
-      // copy previous values
-      var sizePrev = this._sizePrev.slice(); // set viewport values
-
-
-      this._set(); // create object to transmit to callbacks
-
-
-      var obj = {
-        size: this.size,
-        dpr: this.dpr,
-        desktop: this.desktop,
-        tablet: this.tablet,
-        mobile: this.mobile,
-        mobiledevice: this.mobiledevice,
-        landscape: this.landscape
-      }; // size copy
-
-      var size = this._size,
-          width = size[0],
-          height = size[1]; // only when width is changed
-
-      if (width !== sizePrev[0] & height === sizePrev[1]) {
-        this.lbt('w', obj);
-      } // only when height is changed
-
-
-      if (height !== sizePrev[1] & width === sizePrev[0]) {
-        this.lbt('h', obj);
-      } // when height & width are changed
-
-
-      if (width !== sizePrev[0] & height !== sizePrev[1]) {
-        this.lbt('wh', obj);
-        this.lbt('hw', obj);
-      } // when width changed
-
-
-      if (width !== sizePrev[0]) {
-        this.lbt('w_', obj);
-      } // when height changed
-
-
-      if (height !== sizePrev[1]) {
-        this.lbt('h_', obj);
-      } // on any change
-
-
-      this.lbt('', obj);
-    }
-    /**
-     * @description Change values, classes, etc.
-     * @protected
-     */
-
-  }, {
-    key: "_set",
-    value: function _set() {
-      var html = this._v.html; // set sizes
-
-      this._size = [html.clientWidth, html.clientHeight];
-      this._sizePrev = this._size.slice();
-      var ifmobile = (0, _ismobilejs.default)();
-      this._mobiledevice = ifmobile.tablet || ifmobile.phone;
-
-      this._classes();
-
-      this._breakpoints();
-    }
-    /**
-     * @description Change classes of the document element.
-     * @protected
-     */
-
-  }, {
-    key: "_classes",
-    value: function _classes() {
-      // copy
-      var width = this._size[0],
-          prop = this._v.prop,
-          html = this._v.html,
-          prefix = this._v.prefix; // breakpoints
-
-      var type = 'desktop',
-          types = this._types;
-
-      if (width <= prop.tablet) {
-        if (width > prop.mobile) {
-          type = 'tablet';
-        } else {
-          type = 'mobile';
-        }
-      }
-
-      switch (type) {
-        case 'desktop':
-          this._classesBreakpoint("desktop", types);
-
-          break;
-
-        case 'tablet':
-          this._classesBreakpoint("tablet", types);
-
-          break;
-
-        case 'mobile':
-          this._classesBreakpoint("mobile", types);
-
-          break;
-
-        default:
-          break;
-      } // orientation
-
-
-      var orientationTypes = ['landscape', 'portrait'];
-
-      if (this.landscape) {
-        this._classesBreakpoint("landscape", orientationTypes);
-      } else if (this.portrait) {
-        this._classesBreakpoint("portrait", orientationTypes);
-      } else {
-        this._classesBreakpoint("", orientationTypes);
-      } // mobile device
-
-
-      var mobileDeviceClass = prefix + 'mobile-device';
-
-      if (this.mobiledevice) {
-        html.classList.add(mobileDeviceClass);
-      } else {
-        html.classList.remove(mobileDeviceClass);
-      }
-    }
-    /**
-     * @description Change breakpoints classes of the document element.
-     * @protected
-     * @param {string} type
-     * @param {Array<string>} types
-     */
-
-  }, {
-    key: "_classesBreakpoint",
-    value: function _classesBreakpoint(type, types) {
-      var html = this._v.html,
-          prefix = this._v.prefix;
-      types.forEach(function (e) {
-        if (e === type) {
-          html.classList.add(prefix + e);
-        } else {
-          html.classList.remove(prefix + e);
-        }
-      });
-    }
-    /**
-     * @description Breakpoints for sizes.
-     * @protected
-     */
-
-  }, {
-    key: "_breakpoints",
-    value: function _breakpoints() {
-      // copy
-      var width = this._size[0],
-          prop = this._v.prop,
-          types = this._types;
-
-      if (width > prop.tablet) {
-        this._breakpointsSet("desktop", types);
-      } else {
-        if (width > prop.mobile) {
-          this._breakpointsSet("tablet", types);
-        } else {
-          this._breakpointsSet("mobile", types);
-        }
-      }
-    }
-    /**
-     * @description Set breakpoints.
-     * @protected
-     * @param {string} type
-     * @param {Array<string>} types
-     */
-
-  }, {
-    key: "_breakpointsSet",
-    value: function _breakpointsSet(type, types) {
-      var _this = this;
-
-      types.forEach(function (e) {
-        if (e === type) {
-          _this['_' + type] = true;
-        } else {
-          _this['_' + e] = false;
-        }
-      });
-    }
-  }]);
-
-  return ViewportEvent;
-}(_Event2.default);
-
-exports.default = ViewportEvent;