vevet 1.4.27 → 2.0.1-dev.3

package/dist/js/AJAXEvent.js

@@ -1,355 +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 _timeoutCallback = _interopRequireDefault(require("./timeoutCallback"));
-
-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 AJAX requests.
- * Available targets:
- *  <ul>
- *      <li>load - argument {@linkcode Vevet.AJAXEvent.LoadData}</li>
- *      <li>loaded - argument {@linkcode Vevet.AJAXEvent.CacheItem}</li>
- *  </ul>
- * <br><br> <b>import {AJAXEvent} from 'vevet';</b>
- * 
- * @vevetModuleCallback { Vevet.AJAXEvent : load : Vevet.AJAXEvent.LoadData}
- * @vevetModuleCallback { Vevet.AJAXEvent : loaded : Vevet.AJAXEvent.CacheItem }
- * 
- * @class
- * @memberof Vevet
- * @augments Vevet.Event
- */
-var AJAXEvent = /*#__PURE__*/function (_Event) {
-  _inherits(AJAXEvent, _Event);
-
-  var _super = _createSuper(AJAXEvent);
-
-  function AJAXEvent() {
-    _classCallCheck(this, AJAXEvent);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(AJAXEvent, [{
-    key: "_extra",
-    value: function _extra() {
-      /**
-       * @description Ajax Requests' Storage.
-       * @member {Array<Vevet.AJAXEvent.CacheItem>}
-       * @protected
-       */
-      this._cache = [];
-    }
-    /**
-     * @description Ajax Cache.
-     * @readonly
-     * @type {Array<Vevet.AJAXEvent.CacheItem>}
-     */
-
-  }, {
-    key: "cache",
-    get: function get() {
-      return this._cache;
-    }
-    /**
-     * @memberof Vevet.AJAXEvent
-     * @callback _callback
-     * @param {Vevet.AJAXEvent.CacheItem} data
-     */
-
-    /**
-     * @memberof Vevet.AJAXEvent
-     * @callback _callback_before
-     * @param {XMLHttpRequest} xhr
-     */
-
-    /**
-     * @memberof Vevet.AJAXEvent
-     * @typedef {object} LoadData
-     * @property {'post'|'get'} [method=post] Method - post|get.
-     * @property {string} [url=window.location.href] Request url.
-     * @property {string} [responseType] Response type.
-     * @property {object} [data={}] Data to transmit through ajax.
-     * @property {boolean} [cache=false] Save in cache.
-     * @property {boolean} [async=true] Do the request asynchronously.
-     * @property {Vevet.AJAXEvent._callback_before} [before] Before sending the request.
-     * @property {Vevet.AJAXEvent._callback} [success] Callback on success.
-     * @property {Function} [abort] Callback when aborted.
-     * @property {Vevet.AJAXEvent._callback} [error] Callback on error.
-     */
-
-    /**
-     * @description Load from url.
-     * 
-     * @param {Vevet.AJAXEvent.LoadData} data - Properties.
-     * 
-     * @example
-     * 
-     * ajax.load({
-     *     url: window.location.href,
-     *     data: {
-     *         firstname: 'John',
-     *         lastname: 'Doe',
-     *     },
-     *     method: 'post',
-     *     cache: true,
-     *     success: (data) => {
-     *         console.log(data.xhr.responseText);
-     *     },
-     *     error: (data) => {
-     *         console.log(data.xhr.responseText);
-     *     },
-     *     abort: () => {
-     *         alert("abort");
-     *     }
-     * });
-     * 
-     */
-
-  }, {
-    key: "load",
-    value: function load(data) {
-      var prop = {
-        method: 'post',
-        url: window.location.href,
-        responseType: '',
-        data: {},
-        cache: false,
-        async: true,
-        before: function before() {},
-        success: function success() {},
-        abort: function abort() {},
-        error: function error() {}
-      };
-      prop = Object.assign(prop, data); // lowercase method
-
-      prop.method = prop.method.toUpperCase(); // check if exists in cache
-
-      if (prop.cache) {
-        var cache = this._cacheCheck({
-          url: prop.url,
-          method: prop.method,
-          data: prop.data
-        });
-
-        if (cache) {
-          prop.success(cache);
-          return;
-        }
-      } // callback on load
-
-
-      this.lbt('load', prop); // launch XHR request
-
-      this._xhr(prop);
-    }
-    /**
-     * @description XHR request.
-     * @param {Vevet.AJAXEvent.LoadData} prop - Properties.
-     * @protected
-     */
-
-  }, {
-    key: "_xhr",
-    value: function _xhr(prop) {
-      var _this = this;
-
-      // data
-      var hasCotent = false,
-          url = prop.url,
-          propData = prop.data,
-          canAbort = true;
-
-      if (prop.method == 'POST') {
-        hasCotent = true;
-        var arr = [];
-
-        for (var key in propData) {
-          arr.push(key + '=' + encodeURIComponent(propData[key]));
-        }
-
-        propData = arr.join("&");
-      } else if (prop.method == 'GET') {
-        for (var _key in propData) {
-          url = this._v.url.setParam({
-            key: _key,
-            value: propData[_key],
-            push: false,
-            url: url
-          });
-        }
-      } // XHR
-
-
-      var xhr = new XMLHttpRequest();
-      xhr.open(prop.method, url, prop.async); // Set Headers
-
-      if (prop.method == 'POST') {
-        xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
-      } // Before sending the request
-
-
-      prop.before(xhr); // Response type
-
-      if (prop.responseType !== '') {
-        xhr.responseType = prop.responseType;
-      } // Callback Proceeded
-
-
-      xhr.onreadystatechange = function () {
-        if (xhr.readyState !== 4) {
-          return;
-        }
-
-        var callbackObj = {
-          url: prop.url,
-          method: prop.method,
-          data: prop.data,
-          xhr: xhr
-        };
-
-        if (xhr.status === 200) {
-          if (prop.cache) {
-            _this._cacheSet(callbackObj);
-          }
-
-          prop.success(callbackObj);
-        } else {
-          prop.error(callbackObj);
-        } // disable abortion
-
-
-        canAbort = false; // callback on loaded
-
-        _this.lbt('loaded', callbackObj);
-      }; // Send Ajax
-
-
-      xhr.send(hasCotent ? propData : null); // Timeout
-
-      (0, _timeoutCallback.default)(function () {
-        if (canAbort) {
-          xhr.onreadystatechange = null;
-          xhr.abort();
-          prop.abort();
-        }
-      }, this._vp.ajaxTimeMax);
-    }
-    /**
-     * @description Check if the request exists in cache.
-     * 
-     * @protected
-     * 
-     * @param {object} prop - Request properties, they are not the same as used in the "load" method.
-     * @param {string} prop.url - Url of the request.
-     * @param {string} prop.method - Method of the request.
-     * @param {object} prop.data - Object of data to transmit through ajax.
-     * 
-     * @returns {false|Vevet.AJAXEvent.CacheItem} Returns an object if the request exists in cache and false if it doesn't.
-     */
-
-  }, {
-    key: "_cacheCheck",
-    value: function _cacheCheck(prop) {
-      var cache = false; // go through all possible variants with the same url
-
-      for (var i = 0; i < this._cache.length; i++) {
-        // get obj
-        var obj = this._cache[i]; // compare url
-
-        if (prop.url != obj.url) {
-          continue;
-        } // compare method
-
-
-        if (prop.method != obj.method) {
-          continue;
-        } // compare data
-
-
-        var length = Object.keys(prop.data).length,
-            overlaps = 0;
-
-        for (var dataKey in obj.data) {
-          for (var propKey in prop.data) {
-            if (dataKey == propKey & obj.data[dataKey] == prop.data[propKey]) {
-              overlaps++;
-            }
-          }
-        } // set cache value
-
-
-        if (overlaps == length) {
-          cache = obj;
-        }
-      }
-
-      return cache;
-    }
-    /**
-     * @memberof Vevet.AJAXEvent
-     * @typedef {object} CacheItem
-     * @property {string} url
-     * @property {string} method
-     * @property {object} data
-     * @property {XMLHttpRequest} xhr
-     */
-
-    /**
-     * @description Set cache.
-     * 
-     * @protected
-     * 
-     * @param {Vevet.AJAXEvent.CacheItem} prop - Object with the request data.
-     */
-
-  }, {
-    key: "_cacheSet",
-    value: function _cacheSet(prop) {
-      this._cache.push(prop);
-    }
-    /**
-     * @description Clear cache.
-     */
-
-  }, {
-    key: "cacheClear",
-    value: function cacheClear() {
-      this._cache = [];
-    }
-  }]);
-
-  return AJAXEvent;
-}(_Event2.default);
-
-exports.default = AJAXEvent;

package/dist/js/Application.js

@@ -1,345 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _LoadEvent = _interopRequireDefault(require("./LoadEvent"));
-
-var _ViewportEvent = _interopRequireDefault(require("./ViewportEvent"));
-
-var _URLEvent = _interopRequireDefault(require("./URLEvent"));
-
-var _AJAXEvent = _interopRequireDefault(require("./AJAXEvent"));
-
-var _getBrowserName = _interopRequireDefault(require("./getBrowserName"));
-
-var _getOsName = _interopRequireDefault(require("./getOsName"));
-
-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; }
-
-/**
- * @classdesc Vevet Application
- * <br><br> <b>import {Application} from 'vevet';</b>
- * @class
- * @memberof Vevet
- */
-var Application = /*#__PURE__*/function () {
-  /**
-   * @typedef {object} Vevet.Application.Properties
-   * @property {Array<string>} [page=['home']] - An array of page codes.
-   * @property {number} [tablet=1199] - Maximum window width for tablets.
-   * @property {number} [mobile=899] - Maximum window width for mobiles.
-   * @property {string} [prefix=vevet-] - Prefix for modules.
-   * @property {string} [prefixData=data-vevet-] - Prefix for data attributes in modules.
-   * @property {string} [prefixProp=vevet-] - Prefix for properties in modules.
-   * @property {number} [ajaxTimeMax=5000] - Maximum timeout waiting for a response from an ajax request.
-   * @property {string|Array<number>|Function} [easing=[.25, .1, .25, 1]] - Easing function that is used in animation as a default value. See {@linkcode Vevet.easing}.
-   */
-
-  /**
-   * @alias Vevet.Application
-   * 
-   * @param {Vevet.Application.Properties} [data]
-   * 
-   * @example
-   * let app = new Vevet.Application({
-   *     page: ['home', 'nofooter']
-   * });
-   */
-  function Application() {
-    var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-    _classCallCheck(this, Application);
-
-    /**
-     * @type {Vevet.Application.Properties}
-     */
-    this.prop = Object.assign(this.defaultProp, data);
-    /**
-     * @description Application prefix.
-     * @type {string}
-     * @private
-     */
-
-    this._prefix = this.prop.prefix; // initialize application
-
-    this._init();
-  }
-  /**
-   * @description Get default properties.
-   * @readonly
-   * @type {Vevet.Application.Properties}
-   */
-
-
-  _createClass(Application, [{
-    key: "defaultProp",
-    get: function get() {
-      return {
-        page: ['home'],
-        tablet: 1199,
-        mobile: 899,
-        prefix: "vevet-",
-        prefixData: "data-vevet-",
-        prefixProp: "vevet-",
-        ajaxTimeMax: 5000,
-        easing: [.25, .1, .25, 1]
-      };
-    }
-    /**
-     * @description Document
-     * @default document
-     * @readonly
-     * @type {Document}
-     */
-
-  }, {
-    key: "doc",
-    get: function get() {
-      return this._doc;
-    }
-    /**
-     * @description HTML element
-     * @default document.documentElement
-     * @readonly
-     * @type {HTMLElement}
-     */
-
-  }, {
-    key: "html",
-    get: function get() {
-      return this._html;
-    }
-    /**
-     * @description Body
-     * @default document.body
-     * @readonly
-     * @type {HTMLElement}
-     */
-
-  }, {
-    key: "body",
-    get: function get() {
-      return this._body;
-    }
-    /**
-     * @description Vevet prefix. See {@linkcode Vevet.Application#prop};
-     * @readonly
-     * @type {string}
-     */
-
-  }, {
-    key: "prefix",
-    get: function get() {
-      return this._prefix;
-    }
-    /**
-     * @description Easing function that is used in animation as a default value. See {@linkcode Vevet.easing} & {@linkcode Vevet.Application#prop}.
-     * @readonly
-     * @default [.25, .1, .25, 1]
-     * @type {string|Array<number>|Function}
-     */
-
-  }, {
-    key: "easing",
-    get: function get() {
-      return this.prop.easing;
-    }
-    /**
-     * @description Initialize the class
-     * @private
-     */
-
-  }, {
-    key: "_init",
-    value: function _init() {
-      // Define that we're using Vevet
-      this._hi();
-      /**
-       * @type {object}
-       * @private
-       */
-
-
-      this._doc = document;
-      /**
-       * @type {HTMLElement}
-       * @private
-       */
-
-      this._html = document.documentElement;
-      /**
-       * @type {HTMLElement}
-       * @private
-       */
-
-      this._body = document.body;
-      /**
-       * @type {Array<string>}
-       * @private
-       */
-
-      this._page = [];
-      this.page = this.prop.page;
-      /**
-       * @type {string}
-       * @private
-       */
-
-      this._browser = (0, _getBrowserName.default)();
-      /**
-       * @type {string}
-       * @private
-       */
-
-      this._os = (0, _getOsName.default)();
-      /**
-       * @member {Vevet.LoadEvent}
-       */
-
-      this.load = new _LoadEvent.default({
-        v: this
-      });
-      /**
-       * @member {Vevet.ViewportEvent}
-       */
-
-      this.viewport = new _ViewportEvent.default({
-        v: this
-      });
-      /**
-       * @member {Vevet.URLEvent}
-       */
-
-      this.url = new _URLEvent.default({
-        v: this
-      });
-      /**
-       * @member {Vevet.AJAXEvent}
-       */
-
-      this.ajax = new _AJAXEvent.default({
-        v: this
-      });
-      /**
-       * @description An array of existing pages.
-       * A new element is added to the array when {@linkcode Vevet.PageModule#create} is called.
-       * @type {Array<Vevet.PageModule>}
-       */
-
-      this.vevetPages = [];
-      /**
-       * @description The active page. See {@linkcode Vevet.PageModule}.
-       * Its value is false when no page is active and {@linkcode Vevet.PageModule}
-       * if a page is created through {@linkcode Vevet.PageModule#create}
-       * @type {Vevet.PageModule|false}
-       */
-
-      this.vevetPage = false; // add to the window object
-
-      window.vevetApplication = this;
-    }
-    /**
-     * @description Defines that you're using Vevet.
-     * @private
-     */
-
-  }, {
-    key: "_hi",
-    value: function _hi() {
-      var msg = 'Vevet';
-      var style = ['padding: 1rem 1.5rem;', 'background: #5F2580;', "font: 1rem/1 Arial;", 'color: #ffffff;'].join('');
-      console.log('%c%s', style, msg);
-    }
-    /**
-     * @description Get/Set page names.
-     * 
-     * @param {Array<string>} [val=['home']] - An array with page names.
-     * @type {Array<string>}
-     */
-
-  }, {
-    key: "page",
-    get: function get() {
-      return this._page;
-    }
-    /**
-     * @description Check if page is set.
-     * 
-     * @param {string} [val=''] - A string containing a pagename.
-     * 
-     * @returns {boolean} Returns true if page is set.
-     */
-    ,
-    set: function set(val) {
-      if (val === void 0) {
-        val = ['home'];
-      }
-
-      // remove old classes
-      for (var i = 0; i < this._page.length; i++) {
-        this._html.classList.remove("".concat(this._prefix, "page_").concat(this._page[i]));
-      } // set classes & push to pages
-
-
-      for (var _i = 0; _i < val.length; _i++) {
-        this._html.classList.add("".concat(this._prefix, "page_").concat(val[_i]));
-      } // replace pages array
-
-
-      this._page = val;
-    }
-  }, {
-    key: "pageCheck",
-    value: function pageCheck() {
-      var val = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-      return this._page.includes(val);
-    }
-    /**
-     * @description Get browser name and set it as a class to the HTML element. See {@linkcode Vevet.getBrowserName}
-     * @readonly
-     * @type {string}
-     */
-
-  }, {
-    key: "browser",
-    get: function get() {
-      this._html.classList.remove("".concat(this._prefix, "browser_").concat(this._browser));
-
-      this._browser = (0, _getBrowserName.default)();
-
-      this._html.classList.add("".concat(this._prefix, "browser_").concat(this._browser));
-
-      return this._browser;
-    }
-    /**
-     * @description Get the operating system name and set it as a class to the HTML element. See {@linkcode Vevet.getOSName}
-     * @readonly
-     * @type {string}
-     */
-
-  }, {
-    key: "os",
-    get: function get() {
-      this._html.classList.remove("".concat(this._prefix, "os_").concat(this._os));
-
-      this._os = (0, _getOsName.default)();
-
-      this._html.classList.add("".concat(this._prefix, "os_").concat(this._os));
-
-      return this._os;
-    }
-  }]);
-
-  return Application;
-}();
-
-exports.default = Application;