vevet 1.4.27 → 2.0.1-dev.3

package/dist/js/FilterModule.js

@@ -1,943 +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 _generateId = _interopRequireDefault(require("./generateId"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _get(target, property, receiver) { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(receiver); } return desc.value; }; } return _get(target, property, receiver || target); }
-
-function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-var selectEl = require('select-el');
-/**
- * @classdesc This class is to create filters. It works together with {@linkcode Vevet.PaginationModule} <br>
- * Available targets:
- *  <ul>
- *      <li>popstate - argument {@linkcode Vevet.FilterModule.PopstateCallback }</li>
- *      <li>save</li>
- *  </ul>
- * <br><br> <b>import {FilterModule} from 'vevet';</b>
- * 
- * @vevetModuleCallback { Vevet.FilterModule : popstate : Vevet.FilterModule.PopstateCallback }
- * @vevetModuleCallback { Vevet.FilterModule : save :  }
- * 
- * @class
- * @memberof Vevet
- * @augments Vevet.Module
- */
-
-
-var FilterModule = /*#__PURE__*/function (_Module) {
-  _inherits(FilterModule, _Module);
-
-  var _super = _createSuper(FilterModule);
-
-  /**
-   * @memberof Vevet.FilterModule
-   * @typedef {object} Properties
-   * @augments Vevet.Module.Properties
-   * 
-   * @property {object} [selectors] - ***
-   * @property {string|HTMLElement|NodeList|Array<HTMLElement>} [selectors.group=.vevet-filter__group] - Group of filters.
-   * Each group must/may have the following data attributes:
-   * <ul>
-   *      <li>data-vevet-filter-group - the name (id) of the group</li>
-   *      <li>data-vevet-filter-multiple - an optional attribute which defines that several filters 
-   *      may be active within one group. By default, none of the groups are multiple.</li>
-   * </ul>
-   * @property {string|HTMLElement|NodeList|Array<HTMLElement>} [selectors.filter=.vevet-filter__filter] - Filter elements.
-   * Each element must have the following data attributes:
-   * <ul>
-   *      <li>data-vevet-filter-group - to what group the filter belongs</li>
-   *      <li>data-vevet-filter-id - the filter's ID</li>
-   * </ul>
-   * 
-   * @property {boolean} [saveOnChange=true] - Defines if you need to save values when filters are changed.
-   * 
-   * @property {string} [multipleSeparator=_]
-   * @property {number} [timeout=0] - Timeout before loading.
-   * 
-   * @property {object} [popstate]
-   * @property {boolean} [popstate.event=true] - Catch popstate event.
-   * @property {boolean} [popstate.reload=false] - Reload on popstate.
-   * @property {number} [popstate.timeout=300]
-   * 
-   * @property {Vevet.PaginationModule} pagination - Pagination Module.
-   * 
-   */
-
-  /**
-   * @alias Vevet.FilterModule
-   * 
-   * @param {Vevet.FilterModule.Properties} data
-   */
-  function FilterModule(data) {
-    _classCallCheck(this, FilterModule);
-
-    return _super.call(this, data);
-  }
-
-  _createClass(FilterModule, [{
-    key: "prefix",
-    get: function get() {
-      return "".concat(this._v.prefix, "filter");
-    }
-    /**
-     * @readonly
-     * @type {Vevet.FilterModule.Properties}
-     */
-
-  }, {
-    key: "defaultProp",
-    get: function get() {
-      var prefix = this._prefix;
-      return (0, _merge.default)(_get(_getPrototypeOf(FilterModule.prototype), "defaultProp", this), {
-        selectors: {
-          group: ".".concat(prefix, "__group"),
-          filter: ".".concat(prefix, "__filter")
-        },
-        saveOnChange: true,
-        multipleSeparator: '_',
-        timeout: 0,
-        popstate: {
-          event: true,
-          reload: false,
-          timeout: 300
-        },
-        pagination: {}
-      });
-    }
-    /**
-     * @member Vevet.FilterModule#prop
-     * @memberof Vevet.FilterModule
-     * @readonly
-     * @type {Vevet.FilterModule.Properties}
-     */
-
-    /**
-     * @member Vevet.FilterModule#_prop
-     * @memberof Vevet.FilterModule
-     * @protected
-     * @type {Vevet.FilterModule.Properties}
-     */
-
-    /**
-     * @memberof Vevet.FilterModule
-     * @typedef {object} ChangeProperties
-     * @augments Vevet.FilterModule.Properties
-     * 
-     * @property {Vevet.PaginationModule} [pagination]
-     * 
-     */
-
-    /**
-     * @function Vevet.FilterModule#changeProp
-     * @memberof Vevet.FilterModule
-     * @param {Vevet.FilterModule.ChangeProperties} [prop]
-     */
-    // Extra constructor
-
-  }, {
-    key: "_extra",
-    value: function _extra() {
-      _get(_getPrototypeOf(FilterModule.prototype), "_extra", this).call(this);
-
-      var prefix = this._prefix;
-      /**
-       * @description Available data attributes.
-       * @member {object}
-       * @protected
-       */
-
-      this._data = {
-        group: "data-".concat(prefix, "-group"),
-        multiple: "data-".concat(prefix, "-multiple"),
-        id: "data-".concat(prefix, "-id")
-      };
-      /**
-       * @description Filter groups.
-       * @member {Array<Vevet.FilterModule.Group>}
-       * @protected
-       */
-
-      this._groups = [];
-      /**
-       * @description Filters.
-       * @type {Array<Vevet.FilterModule.Filter>}
-       * @protected
-       */
-
-      this._filters = [];
-      /**
-       * @description Events that were set on filters
-       * @protected
-       * @member {Vevet.BindListener}
-       */
-
-      this._filtersEvents = [];
-      /**
-       * @description Current json - current filters
-       * @member {string}
-       * @protected
-       */
-
-      this._json = '{}';
-      /**
-       * @member {false|number}
-       * @protected
-       */
-
-      this._popstateTimeout = false; // get elements
-
-      this._elementsGet();
-
-      this.setFilters(true);
-      this._json = this._getFiltersQuery();
-    }
-    /**
-     * @description Get filters.
-     * @type {Array<Vevet.FilterModule.Filter>}
-     * @readonly
-     */
-
-  }, {
-    key: "filters",
-    get: function get() {
-      return this._filters;
-    }
-    /**
-     * @description Get filter groups.
-     * @type {Array<Vevet.FilterModule.Group>}
-     * @readonly
-     */
-
-  }, {
-    key: "groups",
-    get: function get() {
-      return this._groups;
-    }
-    /**
-     * @description Get elements and form arrays of groups and filters.
-     * @protected
-     */
-
-  }, {
-    key: "_elementsGet",
-    value: function _elementsGet() {
-      // get groups
-      this._getGroups(); // get filters
-
-
-      this._getFilters();
-    }
-    /**
-     * @description Get groups.
-     * @protected
-     */
-
-  }, {
-    key: "_getGroups",
-    value: function _getGroups() {
-      var _this = this;
-
-      // clear groups
-      this._groups = []; // get dom groups
-
-      var items = selectEl.all(this._prop.selectors.group);
-      items.forEach(function (el) {
-        // get the group's id
-        var group = _this._getGroupId(el);
-
-        if (group) {
-          // check if it is multiple
-          var multiple = _this._getGroupMultiple(el); // create an object and push it to the stack
-
-
-          _this._groups.push({
-            el: el,
-            id: group,
-            multiple: multiple
-          });
-        }
-      });
-    }
-    /**
-     * @description Get filters.
-     * @protected
-     */
-
-  }, {
-    key: "_getFilters",
-    value: function _getFilters() {
-      var _this2 = this;
-
-      // clear filters
-      this._clearFilters(); // get dom groups
-
-
-      var items = selectEl.all(this._prop.selectors.filter),
-          i = 0;
-      items.forEach(function (el) {
-        // get the filter's properties
-        var group = _this2._getGroupByElement(el),
-            id = _this2._getFilterID(el);
-
-        if (group !== false & id !== false) {
-          // create an object and push it to the stack
-          var obj = {
-            el: el,
-            group: group,
-            active: el.classList.contains("".concat(_this2._prefix, "__filter_active")),
-            disabled: false,
-            unique_id: (0, _generateId.default)(i),
-            id: id
-          };
-
-          _this2._filters.push(obj); // set events
-
-
-          var event = _this2.listener(el, "click", _this2.filterClick.bind(_this2, el));
-
-          _this2._filtersEvents.push(event);
-        }
-
-        i++;
-      });
-    }
-    /**
-     * @description Remove events from filters.
-     * @protected
-     */
-
-  }, {
-    key: "_clearFilters",
-    value: function _clearFilters() {
-      var _this3 = this;
-
-      this._filtersEvents.forEach(function (event) {
-        _this3.removeEventListener(event);
-      });
-
-      this._filters = [];
-      this._filtersEvents = [];
-    }
-    /**
-     * @memberof Vevet.FilterModule
-     * @typedef {object} Group
-     * 
-     * @property {HTMLElement} el
-     * @property {string} id
-     * @property {boolean} multiple
-     * 
-     */
-
-    /**
-     * @memberof Vevet.FilterModule
-     * @typedef {object} Filter
-     * 
-     * @property {HTMLElement} el
-     * @property {Vevet.FilterModule.Group} group
-     * @property {boolean} active
-     * @property {boolean} disabled
-     * @property {string} id
-     * @property {string} unique_id
-     * 
-     */
-
-    /**
-     * @description Get group id.
-     * @param {HTMLElement} el
-     * @returns {string|false} Returns the group's id or false.
-     * @protected
-     */
-
-  }, {
-    key: "_getGroupId",
-    value: function _getGroupId(el) {
-      var attr = el.getAttribute(this._data.group);
-
-      if (attr) {
-        return attr;
-      }
-
-      return false;
-    }
-    /**
-     * @description Check if the group is multiple.
-     * @param {HTMLElement} el
-     * @returns {boolean} Returns true or false.
-     * @protected
-     */
-
-  }, {
-    key: "_getGroupMultiple",
-    value: function _getGroupMultiple(el) {
-      var attr = el.getAttribute(this._data.multiple);
-
-      if (attr) {
-        return true;
-      }
-
-      return false;
-    }
-    /**
-     * @description Get group of an element.
-     * @param {HTMLElement} el
-     * @returns {Vevet.FilterModule.Group|false} Returns the group or false.
-     * @protected
-     */
-
-  }, {
-    key: "_getGroupByElement",
-    value: function _getGroupByElement(el) {
-      var attr = el.getAttribute(this._data.group);
-
-      if (attr) {
-        var group = false;
-
-        this._groups.forEach(function (obj) {
-          if (obj.id == attr) {
-            group = obj;
-          }
-        });
-
-        return group;
-      }
-
-      return false;
-    }
-    /**
-     * @description Get filter by element.
-     * @param {HTMLElement} el
-     * @returns {Vevet.FilterModule.Filter|false} Returns the group or false.
-     * @protected
-     */
-
-  }, {
-    key: "_getFilterByElement",
-    value: function _getFilterByElement(el) {
-      var filter = false;
-
-      this._filters.forEach(function (obj) {
-        if (obj.el == el) {
-          filter = obj;
-        }
-      });
-
-      return filter;
-    }
-    /**
-     * @description Get filter by the id of the group.
-     * @param {string} id
-     * @returns {Array<Vevet.FilterModule.Filter>} Returns filters.
-     * @protected
-     */
-
-  }, {
-    key: "_getFiltersByGroupID",
-    value: function _getFiltersByGroupID(id) {
-      var filters = [];
-
-      this._filters.forEach(function (obj) {
-        if (obj.group.id == id) {
-          filters.push(obj);
-        }
-      });
-
-      return filters;
-    }
-    /**
-     * @description Get filters' id.
-     * @param {HTMLElement} el
-     * @returns {string|false} Returns the value or false.
-     * @protected
-     */
-
-  }, {
-    key: "_getFilterID",
-    value: function _getFilterID(el) {
-      var attr = el.getAttribute(this._data.id);
-
-      if (attr) {
-        return attr;
-      }
-
-      return false;
-    }
-    /**
-     * @description Save values and push them to the URL.
-     * @returns {boolean} Returns true if there are any changes.
-     */
-
-  }, {
-    key: "save",
-    value: function save() {
-      var query = this._getFiltersQuery();
-
-      if (query !== this._json) {
-        var canUpdate = this._update(query);
-
-        if (canUpdate) {
-          this._json = query;
-          this.lbt("save");
-        } else {
-          return false;
-        }
-      }
-
-      return true;
-    }
-    /**
-     * @description Click on filter. It can be also imitated.
-     * @param {HTMLElement} el
-     * @param {object} [e]
-     * @returns {boolean} Returns true or false.
-     */
-
-  }, {
-    key: "filterClick",
-    value: function filterClick(el) {
-      var e = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-
-      // prevent default action
-      if (e) {
-        e.preventDefault();
-      } // get filter
-
-
-      var filter = this._getFilterByElement(el);
-
-      if (!filter) {
-        return false;
-      } // check if event possible
-
-
-      if (!this._checkFilterClick(filter)) {
-        return false;
-      } // change values of the filters
-
-
-      this._changeFiltersProp(filter); // change classes of the filters
-
-
-      this._changeFiltersClasses(filter); // update values if saving is enabled
-
-
-      if (this._prop.saveOnChange) {
-        return this.save();
-      } // return success
-
-
-      return true;
-    }
-    /**
-     * @description Check if the change of the filter is available.
-     * @param {Vevet.FilterModule.Filter} filter
-     * @protected
-     * @returns {boolean} Ture or false.
-     */
-
-  }, {
-    key: "_checkFilterClick",
-    value: function _checkFilterClick(filter) {
-      var prop = this._prop; // check if pagination is loading
-
-      if (prop.pagination.loading) {
-        return false;
-      } // if the filter is disabled
-
-
-      if (filter.disabled) {
-        return false;
-      }
-
-      return true;
-    }
-    /**
-     * @description Change properties of the filters within one group - active values.
-     * @param {Vevet.FilterModule.Filter} filter - Current filter.
-     * @protected
-     */
-
-  }, {
-    key: "_changeFiltersProp",
-    value: function _changeFiltersProp(filter) {
-      // get current group
-      var group = filter.group; // get all filters
-
-      var allFilters = this._getFiltersByGroupID(group.id); // change active/non-active of the current filter and other filters
-      // within one group
-
-
-      for (var i = 0; i < allFilters.length; i++) {
-        var obj = allFilters[i]; // make the current filter active/non-active if the group is multiple
-
-        if (group.multiple) {
-          if (obj.unique_id == filter.unique_id) {
-            obj.active = !filter.active;
-          }
-        } // make the current filter active and others non-active
-        // if the group is not multiple
-        else {
-            if (obj.unique_id == filter.unique_id) {
-              obj.active = true;
-            } else {
-              obj.active = false;
-            }
-          }
-      }
-    }
-    /**
-     * @description Set classes to the filters: active & disabled.
-     * @protected
-     */
-
-  }, {
-    key: "_changeFiltersClasses",
-    value: function _changeFiltersClasses() {
-      var prefix = this._prefix;
-
-      this._filters.forEach(function (filter) {
-        // active class
-        var activeClass = "".concat(prefix, "__filter_active");
-
-        if (filter.active) {
-          filter.el.classList.add(activeClass);
-        } else {
-          filter.el.classList.remove(activeClass);
-        } // disabled class & attribute (for selectors, buttons, etc)
-
-
-        var disabledClass = "".concat(prefix, "__filter_disabled");
-
-        if (filter.disabled) {
-          filter.el.classList.add(disabledClass);
-          filter.el.disabled = true;
-        } else {
-          filter.el.classList.remove(disabledClass);
-          filter.el.disabled = false;
-        }
-      });
-    }
-    /**
-     * @description Set filter properties and classes according to the url. This happens
-     * while initializing the class.
-     * @param {boolean} considerClasses - Set true if you need to take into consideration active classes
-     * of the filters. It is used on initialization.
-     */
-
-  }, {
-    key: "setFilters",
-    value: function setFilters() {
-      var _this4 = this;
-
-      var considerClasses = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-      var classActive = "".concat(this._prefix, "__filter_active"); // go thru all groups and search groups that exist in the URL
-
-      this._groups.forEach(function (group) {
-        var param = _this4._v.url.getParam({
-          key: group.id
-        });
-
-        if (param) {
-          var paramValues = param.split(_this4._prop.multipleSeparator); // get filters in the group
-
-          var filters = _this4._getFiltersByGroupID(group.id);
-
-          filters.forEach(function (filter) {
-            if (paramValues.includes(filter.id)) {
-              filter.active = true;
-            } else {
-              filter.active = false;
-
-              if (considerClasses) {
-                if (filter.el.classList.contains(classActive)) {
-                  filter.active = true;
-                }
-              }
-            }
-          });
-        } else {
-          // get filters in the group
-          var _filters = _this4._getFiltersByGroupID(group.id);
-
-          _filters.forEach(function (filter) {
-            filter.active = false;
-
-            if (considerClasses) {
-              if (filter.el.classList.contains(classActive)) {
-                filter.active = true;
-              }
-            }
-          });
-        }
-      }); // set classes
-
-
-      this._changeFiltersClasses();
-    }
-    /**
-     * @description Get a url query according to the active filters.
-     * @protected
-     * @returns {string} Returns a JSON string.
-     */
-
-  }, {
-    key: "_getFiltersQuery",
-    value: function _getFiltersQuery() {
-      var groupsFilters = {};
-
-      this._filters.forEach(function (filter) {
-        // check if the filter is active
-        // and only then add it to its group
-        if (filter.active) {
-          // create group if doesn't exist
-          var groupID = filter.group.id;
-
-          if (typeof groupsFilters[groupID] == "undefined") {
-            groupsFilters[groupID] = [];
-          } // add filter to the group
-
-
-          groupsFilters[groupID].push(filter.id);
-        }
-      }); // make a json of it
-
-
-      var json = JSON.stringify(groupsFilters);
-      return json;
-    }
-    /**
-     * @description Get active url params.
-     * @param {string} json
-     * @returns {Array<Array<string>>} Returns values.
-     * @protected
-     */
-
-  }, {
-    key: "_getURLParams",
-    value: function _getURLParams(json) {
-      var prop = this._prop; // create an array: key => value
-
-      var obj = JSON.parse(json),
-          params = [];
-
-      for (var key in obj) {
-        var values = obj[key].join(prop.multipleSeparator);
-        params.push([key, values]);
-      }
-
-      return params;
-    }
-    /**
-     * @description Update the URL & content according to active filters.
-     * @param {string} json
-     * @returns {boolean} Returns true the filters have changed.
-     * @protected
-     */
-
-  }, {
-    key: "_update",
-    value: function _update(json) {
-      var prop = this._prop; // check if the url changed
-
-      if (this._json == json) {
-        return false;
-      } // create an arryy: key => value
-
-
-      var params = this._getURLParams(json),
-          paramsPrev = this._getURLParams(this._json); // get pagination
-
-
-      var pagination = prop.pagination; // reset pagination
-
-      var url = this._v.url.setParam({
-        key: pagination.prop.param,
-        value: '',
-        push: false
-      }); // reset previous params
-
-
-      for (var i = 0; i < paramsPrev.length; i++) {
-        var push = false;
-
-        if (i == paramsPrev.length - 1) {
-          push = params.length === 0 ? true : false;
-        }
-
-        url = this._v.url.setParam({
-          url: url,
-          key: paramsPrev[i][0],
-          value: '',
-          push: push
-        });
-      } // push it to the url
-
-
-      for (var _i = 0; _i < params.length; _i++) {
-        var _push = false;
-
-        if (_i == params.length - 1) {
-          _push = true;
-        }
-
-        url = this._v.url.setParam({
-          url: url,
-          key: params[_i][0],
-          value: params[_i][1] == 'null' ? '' : params[_i][1],
-          push: _push
-        });
-      } // update content
-
-
-      pagination.url = url;
-      pagination.reload(false); // success
-
-      return true;
-    } // Set events
-
-  }, {
-    key: "_setEvents",
-    value: function _setEvents() {
-      // popstate event
-      this.listener(window, "popstate", this._popstate.bind(this));
-    }
-    /**
-     * @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._popstateLoad();
-    }
-    /**
-     * @description Catch popstate and load new data.
-     * @protected
-     */
-
-  }, {
-    key: "_popstateLoad",
-    value: function _popstateLoad() {
-      var prop = this._prop,
-          timeout = prop.popstate.timeout,
-          pagination = prop.pagination; // clear timeout
-
-      if (this._popstateTimeout) {
-        clearTimeout(this._popstateTimeout);
-        this._popstateTimeout = false;
-      } // check if available and then load
-
-
-      if (!pagination.loading) {
-        this._popstateTimeout = setTimeout(this._popstateForceLoad.bind(this), timeout);
-      } // timeouts and callbacks if not available
-      else {
-          this._popstateTimeout = setTimeout(this._popstateBusyLoad.bind(this), timeout);
-        }
-    }
-    /**
-     * @description Popstate event when pagination is loading.
-     * @protected
-     */
-
-  }, {
-    key: "_popstateBusyLoad",
-    value: function _popstateBusyLoad() {
-      var _this5 = this;
-
-      this._prop.pagination.on("load", function () {
-        _this5._popstateLoad();
-      }, {
-        once: true
-      });
-    }
-    /**
-     * @memberof Vevet.FilterModule
-     * @typedef {object} PopstateCallback
-     * 
-     * @property {string} href
-     * 
-     */
-
-    /**
-     * @description Popstate force load.
-     * @protected
-     */
-
-  }, {
-    key: "_popstateForceLoad",
-    value: function _popstateForceLoad() {
-      this.lbt('popstate', {
-        href: window.location.href
-      }); // set filters
-
-      this.setFilters(); // get pagination
-
-      var pagination = this._prop.pagination; // update pagination url
-
-      pagination.url = window.location.href; // update pagination active
-
-      var active = this._v.url.getParam({
-        key: pagination.prop.param
-      });
-
-      if (active != null) {
-        active = parseInt(active);
-      } else {
-        active = 1;
-      }
-
-      pagination._active = active; // reload pagination
-
-      pagination.reload(false, false);
-    }
-  }]);
-
-  return FilterModule;
-}(_Module2.default);
-
-exports.default = FilterModule;