vevet 1.4.27 → 2.0.1-dev.3

package/dist/js/PaginationModule.js

@@ -1,961 +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 _domInsertAfter = _interopRequireDefault(require("./domInsertAfter"));
-
-var _domRemoveChildren = _interopRequireDefault(require("./domRemoveChildren"));
-
-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');
-
-var selectEl = require('select-el');
-
-/**
- * @classdesc Ajax Pagination. <br>
- * Available targets:
- *  <ul>
- *      <li>load - {@linkcode Vevet.PaginationModule.Load} is an argument.</li>
- *      <li>last - {@linkcode Vevet.PaginationModule.Last} is an argument.</li>
- *      <li>paginationClick - {@linkcode Vevet.PaginationModule.Click} is an argument.</li>
- *  </ul>
- * <br><br> <b>import {PaginationModule} from 'vevet';</b>
- * 
- * @vevetModuleCallback { Vevet.PaginationModule : load : Vevet.PaginationModule.Load}
- * @vevetModuleCallback { Vevet.PaginationModule : last : Vevet.PaginationModule.Last}
- * @vevetModuleCallback { Vevet.PaginationModule : paginationClick : Vevet.PaginationModule.Click}
- * 
- * @class
- * @memberof Vevet
- * @augments Vevet.Module
- */
-var PaginationModule = /*#__PURE__*/function (_Module) {
-  _inherits(PaginationModule, _Module);
-
-  var _super = _createSuper(PaginationModule);
-
-  /**
-   * @memberof Vevet.PaginationModule
-   * @typedef {object} Properties
-   * @augments Vevet.Module.Properties
-   * 
-   * @property {string|HTMLElement} [selector=vevet-pagination] - *** Selector of the outer element.
-   * The element under the selector must contain the following attributes:
-   *      <ul>
-   *          <li>data-vevet-pagination-active - active, current page</li>
-   *          <li>data-vevet-pagination-max - total amount of pages</li>
-   *          <li>data-vevet-pagination-url - url for pagination</li> 
-   *      </ul>
-   * @property {string} [param=page] - URL parameter that changes when a new page is loaded.
-   * 
-   * @property {object} [update]
-   * @property {boolean} [update.url=true] - Update the url address when a new page is loaded.
-   * @property {boolean} [update.title=true] - Update the title of the page when a new page is loaded.
-   * @property {boolean} [update.content=true] - Update content when a new page is loaded.
-   * 
-   * @property {object} [pagination]
-   * @property {boolean} [pagination.on=true] - Enable pagination.
-   * @property {number} [pagination.left=3] - How many links are shown on the left from the active one.
-   * @property {number} [pagination.right=3] - How many links are shown on the left from the active one.
-   * @property {boolean} [pagination.updateContent=true] - If true, after a click the content will be automatically changed. If false - new content will be added.
-   * @property {number} [pagination.timeout=0] - How much time to wait before {@linkcode Vevet.PaginationModule#load} will be called.
-   * 
-   * @property {object} [popstate]
-   * @property {boolean} [popstate.event=true] - Catch popstate event and load content of the current url.
-   * @property {boolean} [popstate.reload=false] - Reload on popstate.
-   * 
-   * @property {object} [ajax] - Ajax settings.
-   * @property {boolean} [ajax.cache=false] - Store data in cache.
-   * @property {string} [ajax.method=post] - post or get.
-   * 
-   */
-
-  /**
-   * @alias Vevet.PaginationModule
-   * 
-   * @param {Vevet.PaginationModule.Properties} [data]
-   */
-  function PaginationModule(data) {
-    _classCallCheck(this, PaginationModule);
-
-    return _super.call(this, data);
-  }
-
-  _createClass(PaginationModule, [{
-    key: "prefix",
-    get: function get() {
-      return "".concat(this._v.prefix, "pagination");
-    }
-    /**
-     * @readonly
-     * @type {Vevet.PaginationModule.Properties}
-     */
-
-  }, {
-    key: "defaultProp",
-    get: function get() {
-      return (0, _merge.default)(_get(_getPrototypeOf(PaginationModule.prototype), "defaultProp", this), {
-        selector: ".".concat(this._prefix),
-        param: "page",
-        update: {
-          url: true,
-          title: true,
-          content: true
-        },
-        pagination: {
-          on: true,
-          left: 3,
-          right: 3,
-          updateContent: true,
-          timeout: 0
-        },
-        popstate: {
-          event: true,
-          reload: false
-        },
-        ajax: {
-          cache: false,
-          method: 'post'
-        }
-      });
-    }
-    /**
-     * @member Vevet.PaginationModule#prop
-     * @memberof Vevet.PaginationModule
-     * @readonly
-     * @type {Vevet.PaginationModule.Properties}
-     */
-
-    /**
-     * @member Vevet.PaginationModule#_prop
-     * @memberof Vevet.PaginationModule
-     * @protected
-     * @type {Vevet.PaginationModule.Properties}
-     */
-
-    /**
-     * @function Vevet.PaginationModule#changeProp
-     * @memberof Vevet.PaginationModule
-     * @param {Vevet.PaginationModule.Properties} [prop]
-     */
-
-    /**
-     * @memberof Vevet.PaginationModule
-     * @typedef {object} Load
-     * @property {boolean} pagination - If the action was carried out thru a pagination click.
-     * @property {boolean} reload - If the action was carried out thru {@linkcode Vevet.PaginationModule#reload}.
-     * @property {HTMLElement} outer - Elements' outer.
-     * @property {string} fullHTML - The new page's html.
-     * @property {string} html - The innerHTML of the outer.
-     */
-
-    /**
-     * @memberof Vevet.PaginationModule
-     * @typedef {object} Last
-     * @property {HTMLElement} outer - Elements' outer.
-     * @property {string} fullHTML - The new page's html.
-     * @property {string} html - The innerHTML of the outer.
-     */
-
-    /**
-     * @memberof Vevet.PaginationModule
-     * @typedef {object} Click
-     * @property {number} num - Order number of the anchor.
-     * @property {HTMLElement} anchor - Anchor.
-     */
-
-    /**
-     * @description Get active page.
-     * @readonly
-     * @type {number}
-     */
-
-  }, {
-    key: "active",
-    get: function get() {
-      return this._active;
-    }
-    /**
-     * @description Last page.
-     * @readonly
-     * @type {number}
-     */
-
-  }, {
-    key: "max",
-    get: function get() {
-      return this._max;
-    }
-    /**
-     * @description If content is loading.
-     * @readonly
-     * @type {boolean}
-     */
-
-  }, {
-    key: "loading",
-    get: function get() {
-      return this._loading;
-    }
-    /**
-     * @description Outer element.
-     * @readonly
-     * @type {HTMLElement}
-     */
-
-  }, {
-    key: "outer",
-    get: function get() {
-      return this._outer;
-    }
-    /**
-     * @description Pagination UL element.
-     * @readonly
-     * @type {HTMLUListElement}
-     */
-
-  }, {
-    key: "pagination",
-    get: function get() {
-      return this._pagination;
-    }
-    /**
-     * @description Current URL.
-     * @readonly
-     * @type {string}
-     */
-
-  }, {
-    key: "url",
-    get: function get() {
-      return this._url;
-    },
-    set: function set(value) {
-      this._url = value;
-    } // Extra constructor
-
-  }, {
-    key: "_extra",
-    value: function _extra() {
-      _get(_getPrototypeOf(PaginationModule.prototype), "_extra", this).call(this);
-
-      var prefix = this._prefix;
-      /**
-       * @description Available data attributes.
-       * @member {object}
-       * @protected
-       */
-
-      this._data = {
-        active: "data-".concat(prefix, "-active"),
-        max: "data-".concat(prefix, "-max"),
-        url: "data-".concat(prefix, "-url")
-      };
-      /**
-       * @description Active page number.
-       * @protected
-       * @member {number}
-       */
-
-      this._active = 1;
-      /**
-       * @description Maximum number of pages.
-       * @protected
-       * @member {number}
-       */
-
-      this._max = 1;
-      /**
-       * @description If content is loading.
-       * @protected
-       * @member {boolean}
-       */
-
-      this._loading = false;
-      /**
-       * @description Pagination UL element.
-       * @protected
-       * @member {HTMLUListElement}
-       */
-
-      this._pagination = null; // get elements
-
-      this._elementsGet();
-      /**
-       * @description Current URL.
-       * @protected
-       * @member {string}
-       */
-
-
-      this._url; // get url
-
-      var urlAttribute = this._outer.getAttribute(this._data.url);
-
-      if (urlAttribute != null) {
-        this._url = urlAttribute;
-      } else {
-        this._url = window.location.href;
-      } // actions
-
-
-      this._range(this._outer);
-
-      this._paginationCreate();
-
-      this._paginationLinks();
-
-      this._paginationActive();
-
-      this._paginationVisibility();
-    } // When properties are changed
-
-  }, {
-    key: "_changeProp",
-    value: function _changeProp(prop) {
-      _get(_getPrototypeOf(PaginationModule.prototype), "_changeProp", this).call(this, prop);
-
-      this._paginationVisibility();
-
-      this._paginationLinks();
-
-      this._paginationActive();
-    } // Set events
-
-  }, {
-    key: "_setEvents",
-    value: function _setEvents() {
-      // popstate event
-      this.listener(window, "popstate", this._popstate.bind(this));
-    }
-    /**
-     * @description Get elements
-     * @protected
-     */
-
-  }, {
-    key: "_elementsGet",
-    value: function _elementsGet() {
-      this._outer = selectEl.one(this._prop.selector);
-    }
-    /**
-     * @description Popstate events.
-     * @protected
-     */
-
-  }, {
-    key: "_popstate",
-    value: function _popstate() {
-      var popstate = this._prop.popstate;
-
-      if (!popstate.event) {
-        if (popstate.reload) {
-          window.location.reload();
-        }
-
-        return false;
-      }
-
-      this._popstateCatch();
-    }
-    /**
-     * @description Catch popstate and load a new page.
-     * @protected
-     */
-
-  }, {
-    key: "_popstateCatch",
-    value: function _popstateCatch() {
-      // get active page according to the url
-      var active = this._v.url.getParam({
-        key: this._prop.param
-      });
-
-      if (active != null) {
-        active = parseInt(active);
-      } else {
-        active = 1;
-      }
-
-      this.load({
-        num: active,
-        pushState: false,
-        reload: true
-      });
-    }
-    /**
-     * @description Variables range: first and last page.
-     * @param {HTMLElement} outer - Outer element.
-     * @param {boolean} updateActive - If we need to update the active value.
-     * @protected
-     */
-
-  }, {
-    key: "_range",
-    value: function _range(outer) {
-      var updateActive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-
-      // check if outer exists
-      if (!outer) {
-        return;
-      }
-
-      var data = this._data; // get active
-
-      if (updateActive) {
-        this._active = this._rangeInt(outer, data.active);
-      } // get max
-
-
-      this._max = this._rangeInt(outer, data.max);
-    }
-    /**
-     * @description Get range number.
-     * @protected
-     * @param {HTMLElement} outer
-     * @param {string} data
-     */
-
-  }, {
-    key: "_rangeInt",
-    value: function _rangeInt(outer, data) {
-      var num = outer.getAttribute(data);
-      num = parseInt(num);
-
-      if (!Number.isInteger(num)) {
-        num = 1;
-      } else {
-        if (num < 1) {
-          num = 1;
-        }
-      }
-
-      return num;
-    }
-    /**
-     * @description Pagination links
-     * @protected
-     */
-
-  }, {
-    key: "_paginationCreate",
-    value: function _paginationCreate() {
-      var el = dom({
-        selector: 'ul',
-        styles: "".concat(this._prefix, "__ul")
-      });
-      (0, _domInsertAfter.default)(el, this._outer);
-      this._pagination = el;
-    }
-    /**
-     * @description Create pagination links.
-     * @protected
-     */
-
-  }, {
-    key: "_paginationLinks",
-    value: function _paginationLinks() {
-      // first of all, remove previous pagination links
-      (0, _domRemoveChildren.default)(this._pagination); // create or update pagination arrays
-
-      this._paginationLi = [];
-      this._paginationA = [];
-      this._paginationDots = []; // create elements
-
-      for (var i = 0; i < this._max; i++) {
-        // list
-        var li = dom({
-          selector: 'li',
-          styles: "".concat(this.prefix, "__li")
-        });
-
-        this._paginationLi.push(li);
-
-        this._pagination.appendChild(li); // anchor
-
-
-        var a = dom({
-          selector: 'a'
-        });
-        li.appendChild(a);
-
-        this._paginationA.push(a); // set anchor href
-
-
-        var href = this._v.url.setParam({
-          url: this._url,
-          key: this._prop.param,
-          value: i + 1,
-          push: false
-        });
-
-        a.href = href; // anchor text
-
-        var text = i + 1;
-
-        if (i < 9) {
-          text = '0' + text;
-        }
-
-        a.innerHTML = "<span>".concat(text, "</span>");
-      } // show or hide pagination
-
-
-      this._paginationVisibility(); // show links
-
-
-      this._paginationShown();
-
-      this._paginationEvents();
-    }
-    /**
-     * @description Sho pagination.
-     * @protected
-     */
-
-  }, {
-    key: "_paginationShown",
-    value: function _paginationShown() {
-      // get shown links
-      var shown = [0, this._max - 1]; // add shown links
-
-      for (var i = this._active - 1; i >= this._active - 1 - this._prop.pagination.left; i--) {
-        shown.push(i);
-      }
-
-      for (var _i = this._active - 1; _i <= this._active - 1 + this._prop.pagination.left; _i++) {
-        shown.push(_i);
-      } // append dots
-
-
-      for (var _i2 = 0; _i2 < this._paginationLi.length; _i2++) {
-        var anchor = this._paginationA[_i2];
-
-        if (!shown.includes(_i2)) {
-          // set dot
-          var li = this._paginationLi[_i2];
-          li.classList.add("".concat(this.prefix, "__dot"));
-
-          this._paginationDots.push(li); // append dots
-
-
-          var span = dom({
-            selector: 'span'
-          });
-          span.innerHTML = '...';
-          li.appendChild(span); // hide anchor
-
-          anchor.classList.add("display-none");
-        } else {
-          this._paginationDots.push(null);
-        }
-      } // hide extra dots
-
-
-      for (var _i3 = 0, a = 0; _i3 < this._active; _i3++) {
-        var dot = this._paginationDots[_i3];
-
-        if (dot != null) {
-          if (a > 0) {
-            dot.classList.add("display-none");
-          }
-
-          a++;
-        }
-      }
-
-      for (var _i4 = this._active - 1, _a = 0; _i4 < this._max - 1; _i4++) {
-        var _dot = this._paginationDots[_i4];
-
-        if (_dot != null) {
-          if (_a > 0) {
-            _dot.classList.add("display-none");
-          }
-
-          _a++;
-        }
-      }
-    }
-    /**
-     * @description Set pagination events: clicks on links.
-     * @protected
-     */
-
-  }, {
-    key: "_paginationEvents",
-    value: function _paginationEvents() {
-      var _this = this;
-
-      var i = 0;
-
-      this._paginationA.forEach(function (el) {
-        el.addEventListener("click", _this._paginationClick.bind(_this, el, i));
-        i++;
-      });
-    }
-    /**
-     * @description Pagination click.
-     * @protected
-     * @param {HTMLElement} el - Link.
-     * @param {number} num
-     * @param {object} e
-     */
-
-  }, {
-    key: "_paginationClick",
-    value: function _paginationClick(el, num, e) {
-      var _this2 = this;
-
-      // prevent default event
-      e.preventDefault(); // prevent event for active links
-
-      if (el.parentElement.classList.contains("".concat(this.prefix, "__li_active"))) {
-        return;
-      } // get page number
-
-
-      num += 1; // launch vevet events
-
-      this.lbt("paginationClick", {
-        num: num,
-        anchor: el
-      }); // load content
-
-      setTimeout(function () {
-        _this2.load({
-          num: num,
-          pagination: true
-        });
-      }, this._prop.pagination.timeout);
-    }
-    /**
-     * @description Set active link in pagination
-     * @protected
-     * @param {number} [num]
-     */
-
-  }, {
-    key: "_paginationActive",
-    value: function _paginationActive() {
-      var num = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.active;
-      var activeClass = "".concat(this.prefix, "__li_active");
-      num -= 1;
-
-      for (var i = 0; i < this._paginationLi.length; i++) {
-        var li = this._paginationLi[i];
-
-        if (i !== num) {
-          li.classList.remove(activeClass);
-        } else {
-          li.classList.add(activeClass);
-        }
-      }
-    }
-    /**
-     * @description Pagination visibility: hide or show.
-     * @protected
-     */
-
-  }, {
-    key: "_paginationVisibility",
-    value: function _paginationVisibility() {
-      var visible = true;
-
-      if (this._max === 1) {
-        visible = false;
-      }
-
-      if (!this._prop.pagination.on) {
-        visible = false;
-      }
-
-      var className = "display-none_important";
-
-      if (visible) {
-        this._pagination.classList.remove(className);
-      } else {
-        this._pagination.classList.add(className);
-      }
-    }
-    /**
-     * @description Load a new page.
-     * @param {object} data - Settings.
-     * @param {number|boolean} [data.num=true] - The order number of the page, or true (next page), or false (previous page).
-     * @param {boolean} [data.pagination=false] - Defines if the action was called due a pagination click.
-     * @param {boolean} [data.reload=false] - If thru {@linkcode Vevet.PaginationModule#reload}.
-     * @param {boolean} [data.pushState=true] - Defines if you need to change the url.
-     * @returns {boolean} Returns true if the action can be carried out.
-     */
-
-  }, {
-    key: "load",
-    value: function load(data) {
-      // data
-      data = Object.assign({
-        num: true,
-        pagination: false,
-        reload: false,
-        pushState: true
-      }, data); // get order number
-
-      if (typeof data.num == 'boolean') {
-        if (data.num) {
-          data.num = this._active + 1;
-        } else {
-          data.num = this._active - 1;
-        }
-      } // check if possible
-
-
-      if (!this._loadCheck(data.num)) {
-        return false;
-      } // change bool
-
-
-      this._loading = true; // update url if needed
-
-      this.url = this._v.url.setParam({
-        url: this._url,
-        key: this._prop.param,
-        value: data.num,
-        push: this._prop.update.url & data.pushState
-      }); // load the resource
-
-      this._loadAjax(data.reload, data.num, data.pagination); // return success
-
-
-      return true;
-    }
-    /**
-     * @description Check if loading is available.
-     * @param {number} num - The order number of the page to be loaded.
-     * @returns {boolean} Returns true if available.
-     * @protected
-     */
-
-  }, {
-    key: "_loadCheck",
-    value: function _loadCheck() {
-      var num = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._active;
-
-      if (this._loading) {
-        return false;
-      }
-
-      if (num > this._max) {
-        return false;
-      }
-
-      if (num > this._max) {
-        return false;
-      }
-
-      return true;
-    }
-    /**
-     * @description Load a new page.
-     * @param {boolean} reload - If thru {@linkcode Vevet.PaginationModule#reload}.
-     * @param {number} num - The order number of the page to be loaded.
-     * @param {boolean} pagination - Defines if the action was called due a pagination click.
-     * @protected
-     */
-
-  }, {
-    key: "_loadAjax",
-    value: function _loadAjax(reload, num, pagination) {
-      this._v.ajax.load({
-        url: this._url,
-        method: this._prop.ajax.method,
-        data: {
-          pagination: 1
-        },
-        cache: this._prop.ajax.cache,
-        success: this._loadSuccess.bind(this, reload, num, pagination),
-        abort: this._loadAjax.bind(this, reload, num, pagination),
-        error: this._loadError.bind(this)
-      });
-    }
-    /**
-     * @description If error while loading.
-     * @protected
-     */
-
-  }, {
-    key: "_loadError",
-    value: function _loadError() {}
-    /**
-     * @description Success loading of the new page.
-     * @param {boolean} reload - If thru {@linkcode Vevet.PaginationModule#reload}.
-     * @param {number} num - The order number of the page to be loaded.
-     * @param {boolean} pagination - Defines if the action was called due a pagination click.
-     * @param {Vevet.AJAXEvent.CacheItem} data - Ajax response.
-     * @protected
-     */
-
-  }, {
-    key: "_loadSuccess",
-    value: function _loadSuccess(reload, num, pagination, data) {
-      // create additional element
-      var e = dom({
-        selector: 'div'
-      });
-      e.innerHTML = data.xhr.response; // update title
-
-      if (this._prop.update.title) {
-        var el = {
-          current: document.querySelector("title"),
-          new: e.querySelector("title")
-        };
-
-        if (el.current != null & el.new != null) {
-          el.current.innerHTML = el.new.innerHTML;
-        }
-      } // outer
-
-
-      var outers = {
-        current: this._outer,
-        new: e.querySelector(this._prop.selector)
-      };
-
-      if (outers.new == null) {
-        return;
-      }
-
-      e = null; // html
-
-      var html = outers.new.innerHTML; // update content
-
-      if (this._prop.update.content) {
-        if (!reload) {
-          if (pagination) {
-            if (this._prop.pagination.updateContent) {
-              (0, _domRemoveChildren.default)(outers.current);
-              outers.current.innerHTML = html;
-            } else {
-              while (outers.new.firstChild) {
-                outers.current.appendChild(outers.new.firstChild);
-              }
-            }
-          } else {
-            while (outers.new.firstChild) {
-              outers.current.appendChild(outers.new.firstChild);
-            }
-          }
-        } else {
-          (0, _domRemoveChildren.default)(outers.current);
-          outers.current.innerHTML = html;
-        }
-      } // get range
-
-
-      this._range(outers.new, false);
-
-      this._active = num; // callbacks
-
-      this.lbt("load", {
-        pagination: pagination,
-        reload: reload,
-        outer: this._outer,
-        fullHTML: data.xhr.response,
-        html: html
-      });
-
-      if (this.active >= this.max) {
-        this.lbt("last", {
-          outer: this._outer,
-          fullHTML: data.xhr.response,
-          html: html
-        });
-      } // update pagination
-
-
-      this._paginationLinks();
-
-      this._paginationActive(); // loading
-
-
-      this._loading = false;
-    }
-    /**
-     * @description Reload the content.
-     * @param {boolean} [pushState=true] - Defines if you need to change the url.
-     * @param {boolean} [changeActive=true] - Defines if you need to change the active page.
-     * @returns {boolean} Returns true if the action can be carried out.
-     */
-
-  }, {
-    key: "reload",
-    value: function reload() {
-      var pushState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-      var changeActive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-
-      // check if possible
-      if (!this._loadCheck()) {
-        return false;
-      } // change active value
-
-
-      if (changeActive) {
-        this._active = 1;
-      } // load
-
-
-      return this.load({
-        num: this._active,
-        reload: true,
-        pushState: pushState
-      });
-    }
-    /**
-     * @description Destroy the module.
-     */
-
-  }, {
-    key: "destroy",
-    value: function destroy() {
-      _get(_getPrototypeOf(PaginationModule.prototype), "destroy", this).call(this); // remove pagination
-
-
-      this._pagination.remove();
-    }
-  }]);
-
-  return PaginationModule;
-}(_Module2.default);
-
-exports.default = PaginationModule;