vevet 1.4.27 → 2.0.1-dev.3

package/dist/js/PopupModule.js

@@ -1,942 +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"));
-
-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 _get(target, property, receiver) { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(receiver); } return desc.value; }; } return _get(target, property, receiver || target); }
-
-function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-var dom = require('dom-create-element');
-
-/**
- * @classdesc Show your content in multi-level pop-up windows. Here there are several types of popups. <br>
- * Available targets:
- *  <ul>
- *      <li>created - when the popup is created. Argument - {@linkcode Vevet.PopupModule.CallbackCreate}</li>
- *      <li>show - when the popup is only being prepared to be shown.</li>
- *      <li>showLevel - a level will be shown.</li>
- *      <li>shownLevel - a level is shown.</li>
- *      <li>shown - when the popup is shown.</li>
- *      <li>hide - when the popup is only being prepared to be hidden.</li>
- *      <li>hideLevel - a level will be hidden.</li>
- *      <li>hiddenLevel - a level is hidden.</li>
- *      <li>hidden - when the popup is hidden.</li>
- *  </ul>
- * All other callbacks will receive {@linkcode Vevet.PopupModule.Callback} as an argument.
- * <br><br>
- * Supported types:
- *  <ul>
- *      <li>auto - auto height & width.</li>
- *      <li>modal - modal pop-up with definite sizes.</li>
- *      <li>media - 16:9 pop-up.</li>
- *      <li>content - full-screen popup.</li>
- *      <li>right - pop-up on the right.</li>
- *  </ul>
- * <br><br> <b>import {PopupModule} from 'vevet';</b>
- * 
- * @vevetModuleCallback { Vevet.PopupModule : created : Vevet.PopupModule.CallbackCreate}
- * @vevetModuleCallback { Vevet.PopupModule : show : Vevet.PopupModule.Callback}
- * @vevetModuleCallback { Vevet.PopupModule : showLevel : Vevet.PopupModule.Callback}
- * @vevetModuleCallback { Vevet.PopupModule : shownLevel : Vevet.PopupModule.Callback}
- * @vevetModuleCallback { Vevet.PopupModule : shown : Vevet.PopupModule.Callback}
- * @vevetModuleCallback { Vevet.PopupModule : hide : Vevet.PopupModule.Callback}
- * @vevetModuleCallback { Vevet.PopupModule : hideLevel : Vevet.PopupModule.Callback}
- * @vevetModuleCallback { Vevet.PopupModule : hiddenLevel : Vevet.PopupModule.Callback}
- * @vevetModuleCallback { Vevet.PopupModule : hidden : Vevet.PopupModule.Callback}
- * 
- * @class
- * @memberof Vevet
- * @augments Vevet.Module
- */
-var PopupModule = /*#__PURE__*/function (_Module) {
-  _inherits(PopupModule, _Module);
-
-  var _super = _createSuper(PopupModule);
-
-  /**
-   * @memberof Vevet.PopupModule
-   * @typedef {object} Properties
-   * @augments Vevet.Module.Properties
-   * 
-   * @property {number} [duration=750] - Animation duration. It is also set in SASS.
-   * @property {string|'auto'|'modal'|'media'|'content'|'right'} [type='auto'] - Default type.
-   * @property {number} [levels=3] - *** Maximum number of levels.
-   * @property {boolean} [overlayHide=true] - Hide popup on overlay click.
-   * @property {string} [selectorHideButton=.v-popup__hide] - Selector for elements which can close the popup.
-   *
-   */
-
-  /**
-   * @alias Vevet.PopupModule
-   * 
-   * @param {Vevet.PopupModule.Properties} [data]
-   */
-  function PopupModule(data) {
-    _classCallCheck(this, PopupModule);
-
-    return _super.call(this, data);
-  }
-
-  _createClass(PopupModule, [{
-    key: "prefix",
-    get: function get() {
-      return "".concat(this._v.prefix, "popup");
-    }
-    /**
-     * @readonly
-     * @type {Vevet.PopupModule.Properties}
-     */
-
-  }, {
-    key: "defaultProp",
-    get: function get() {
-      return (0, _merge.default)(_get(_getPrototypeOf(PopupModule.prototype), "defaultProp", this), {
-        duration: 750,
-        type: 'auto',
-        levels: 3,
-        overlayHide: true,
-        selectorHideButton: '.v-popup__hide'
-      });
-    }
-    /**
-     * @member Vevet.PopupModule#prop
-     * @memberof Vevet.PopupModule
-     * @readonly
-     * @type {Vevet.PopupModule.Properties}
-     */
-
-    /**
-     * @member Vevet.PopupModule#_prop
-     * @memberof Vevet.PopupModule
-     * @protected
-     * @type {Vevet.PopupModule.Properties}
-     */
-
-    /**
-     * @function Vevet.PopupModule#changeProp
-     * @memberof Vevet.PopupModule
-     * @param {Vevet.PopupModule.Properties} [prop]
-     */
-
-    /**
-     * @description If the window is already created.
-     * @readonly
-     * @member {boolean}
-     */
-
-  }, {
-    key: "created",
-    get: function get() {
-      return this._created;
-    }
-    /**
-     * @description If the window is shown.
-     * @readonly
-     * @member {boolean}
-     */
-
-  }, {
-    key: "shown",
-    get: function get() {
-      return this._shown;
-    }
-    /**
-     * @description Current level number.
-     * @readonly
-     * @default -1
-     * @member {number}
-     */
-
-  }, {
-    key: "level",
-    get: function get() {
-      return this._levelActive;
-    }
-    /**
-     * @description If animation in process.
-     * @readonly
-     * @member {boolean}
-     */
-
-  }, {
-    key: "animating",
-    get: function get() {
-      return this._animating;
-    }
-    /**
-     * @description Popup outer. False if not created.
-     * @readonly
-     * @member {HTMLElement|false}
-     */
-
-  }, {
-    key: "outer",
-    get: function get() {
-      return this._outer;
-    }
-    /**
-     * @description Popup overlay outer. False if not created.
-     * @readonly
-     * @member {HTMLElement|false}
-     */
-
-  }, {
-    key: "overlay",
-    get: function get() {
-      return this._overlay;
-    }
-    /**
-     * @description Popup container outer. False if not created.
-     * @readonly
-     * @member {HTMLElement|false}
-     */
-
-  }, {
-    key: "container",
-    get: function get() {
-      return this._container;
-    }
-    /**
-     * @description Popup levels outer. False if not created.
-     * @readonly
-     * @member {HTMLElement|false}
-     */
-
-  }, {
-    key: "levelsOuter",
-    get: function get() {
-      return this._levelsOuter;
-    }
-    /**
-     * @description Popup close button. False if not created.
-     * @readonly
-     * @member {HTMLElement|false}
-     */
-
-  }, {
-    key: "closeButton",
-    get: function get() {
-      return this._close;
-    } // Extra constructor
-
-  }, {
-    key: "_extra",
-    value: function _extra() {
-      _get(_getPrototypeOf(PopupModule.prototype), "_extra", this).call(this);
-      /**
-       * @description If the popup is created.
-       * @protected
-       * @member {boolean}
-       */
-
-
-      this._created = false;
-      /**
-       * @description If the popup is animating.
-       * @protected
-       * @member {boolean}
-       */
-
-      this._animating = false;
-      /**
-       * @description If the popup is shown.
-       * @protected
-       * @member {boolean}
-       */
-
-      this._shown = false;
-      /**
-       * @description Popup ID.
-       * @protected
-       * @member {string}
-       */
-
-      this._id = (0, _generateId.default)(this._prefix);
-      /**
-       * @description Popup current types.
-       * @protected
-       * @member {Array<string|'auto'|'modal'|'media'|'content'|'right'>}
-       */
-
-      this._types = [];
-      /**
-       * @protected
-       * @member {HTMLElement}
-       */
-
-      this._outer;
-      /**
-       * @protected
-       * @member {HTMLElement}
-       */
-
-      this._overlay;
-      /**
-       * @protected
-       * @member {HTMLElement}
-       */
-
-      this._container;
-      /**
-       * @protected
-       * @member {HTMLElement}
-       */
-
-      this._levelsOuter;
-      /**
-       * @protected
-       * @member {HTMLElement}
-       */
-
-      this._close;
-      /**
-       * @description Current level number.
-       * @protected
-       * @member {number}
-       */
-
-      this._levelActive = -1;
-      /**
-       * @description Levels.
-       * @protected
-       * @member {Array<Vevet.PopupModule.Level>}
-       */
-
-      this._levels = [];
-    }
-    /**
-     * @memberof Vevet.PopupModule
-     * @typedef Level
-     * 
-     * @property {HTMLElement} outer
-     * @property {Array<Vevet.BindListener>} listeners
-     * @property {boolean} shown
-     * @property {number} num
-     * @property {boolean} append
-     * @property {HTMLElement|false} source
-     * @property {Array<string|'auto'|'modal'|'media'|'content'|'right'>} types
-     */
-
-    /**
-     * @description Show popup.
-     * @param {Vevet.PopupModule.ShowConfig} [data] - Pop-up config.
-     * @returns {boolean} Returns tru if success.
-     */
-
-  }, {
-    key: "show",
-    value: function show(data) {
-      var _this = this;
-
-      data = (0, _merge.default)(this._showConfig(), data); // timeout
-
-      var timeout = 25; // if animating
-
-      if (this._animating) {
-        return false;
-      } // create pop-up window if it was not yet created
-
-
-      if (!this._created) {
-        this._create();
-
-        timeout = 25;
-      } // get next level and return false if max number exceeded
-
-
-      var num = this.getNextLevel();
-
-      if (typeof num == 'boolean' & !num) {
-        return false;
-      } // show level
-
-
-      var result = this._showLevel(num, data);
-
-      if (!result) {
-        return false;
-      } // change vars
-
-
-      this._animating = true;
-      this._shown = true; // add types
-
-      if (num === 0) {
-        this._types = data.types;
-        data.types.forEach(function (type) {
-          _this._outer.classList.add("".concat(_this._prefix, "_").concat(type));
-        });
-      } // no transition
-
-
-      this._outer.classList.add("".concat(this._prefix, "_no-transition")); // actions
-
-
-      setTimeout(function () {
-        // no transition
-        _this._outer.classList.remove("".concat(_this._prefix, "_no-transition")); // first show
-
-
-        if (num === 0) {
-          _this.lbt("show", _this._argument(num)); // add classes
-
-
-          _this._outer.classList.add("".concat(_this._prefix, "_show"));
-        } // add classes to level
-
-
-        _this._levelClasses(num); // callbacks level
-
-
-        _this.lbt("showLevel", _this._argument(num)); // callbacks shown & vars
-
-
-        setTimeout(function () {
-          _this._animating = false;
-
-          if (num === 0) {
-            _this.lbt("shown", _this._argument(num));
-          }
-
-          _this.lbt("shownLevel", _this._argument(num));
-        }, _this._prop.duration);
-      }, timeout);
-      return true;
-    }
-    /**
-     * @description Show popup.
-     * @param {number} num - Level number.
-     * @param {Vevet.PopupModule.ShowConfig} data - Pop-up config.
-     * @returns {boolean} Returns true if success.
-     * @protected
-     */
-
-  }, {
-    key: "_showLevel",
-    value: function _showLevel(num, data) {
-      var _this2 = this;
-
-      var level = this._levels[num]; // get element
-
-      var el = false;
-
-      if (data.el) {
-        el = data.el;
-      } else {
-        el = document.querySelector(data.selector);
-
-        if (el == null) {
-          return false;
-        }
-      } // insert html
-
-
-      if (data.append) {
-        while (el.childNodes.length > 0) {
-          level.outer.appendChild(el.childNodes[0]);
-        }
-      } else {
-        level.outer.innerHTML = el.innerHTML;
-      } // change config
-
-
-      level.shown = true;
-      level.append = data.append;
-      level.source = el;
-      level.types = data.types; // change active level
-
-      this._levelActive = num; // events for hide
-
-      var hides = level.outer.querySelectorAll(this._prop.selectorHideButton);
-      hides.forEach(function (hideEl) {
-        var id = _this2.listener(hideEl, 'click', function (e) {
-          e.preventDefault();
-
-          _this2.hide();
-        });
-
-        level.listeners.push(id);
-      }); // return success
-
-      return true;
-    }
-    /**
-     * @description Set classes accorging to the level number.
-     * @param {number} num - Level number.
-     * @protected
-     */
-
-  }, {
-    key: "_levelClasses",
-    value: function _levelClasses(num) {
-      var levels = this._levels,
-          outer = this._outer,
-          prefix = this._prefix,
-          className = "".concat(prefix, "__level"),
-          classNameActive = "".concat(className, "_active"),
-          outerClass = "".concat(prefix, "_level");
-      levels.forEach(function (level) {
-        if (level.num === num || level.num === -1) {
-          level.outer.classList.add(classNameActive);
-        } else {
-          level.outer.classList.remove(classNameActive);
-        }
-      });
-      levels.forEach(function (level) {
-        if (level.num === num) {
-          outer.classList.add("".concat(outerClass, "-").concat(level.num));
-        } else {
-          outer.classList.remove("".concat(outerClass, "-").concat(level.num));
-        }
-      });
-    }
-    /**
-     * @description Check if it's possible to hide the popup.
-     */
-
-  }, {
-    key: "checkHide",
-    value: function checkHide() {
-      // if animating
-      if (this._animating) {
-        return false;
-      } // if not created
-
-
-      if (!this._created) {
-        return false;
-      } // if not shown
-
-
-      if (!this._shown) {
-        return false;
-      }
-
-      return true;
-    }
-    /**
-     * @description Hide all levels at once.
-     * @returns {boolean} Returns true if success.
-     */
-
-  }, {
-    key: "hideAll",
-    value: function hideAll() {
-      // if possible to hide
-      if (!this.checkHide()) {
-        return false;
-      } // get current duration
-
-
-      var duration = this._prop.duration; // change duration to zero
-      // if the active level is not the first one
-
-      if (this._levelActive > 0) {
-        this._prop.duration = 0; // an now hide all the levels except for the first one
-
-        for (var i = this._levelActive; i > 0; i--) {
-          this.hide();
-        } // then restore duration and hide the first level
-
-
-        this._prop.duration = duration;
-      } // hide the first level
-
-
-      this.hide(); // return success
-
-      return true;
-    }
-    /**
-     * @description Hide current level.
-     * @returns {boolean} Returns true if success.
-     */
-
-  }, {
-    key: "hide",
-    value: function hide() {
-      var _this3 = this;
-
-      // if possible to hide
-      if (!this.checkHide()) {
-        return false;
-      } // change vars
-
-
-      this._animating = true; // hide callback
-
-      if (this._levelActive === 0) {
-        this.lbt("hide", this._argument(this._levelActive)); // remove classes
-
-        this._outer.classList.remove("".concat(this._prefix, "_show"));
-      } // hide current level & change vars
-
-
-      this._hideLevel(this._levelActive, function () {
-        _this3._animating = false;
-
-        if (_this3._levelActive === -1) {
-          // change vars
-          _this3._shown = false; // remove types
-
-          _this3._types.forEach(function (type) {
-            _this3._outer.classList.remove("".concat(_this3._prefix, "_").concat(type));
-          });
-        }
-      }); // return success
-
-
-      return true;
-    }
-    /**
-     * @description Hide a pop-up level.
-     * @param {number} num - Level number.
-     * @param {Function} callback 
-     * @protected
-     */
-
-  }, {
-    key: "_hideLevel",
-    value: function _hideLevel(num) {
-      var _this4 = this;
-
-      var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};
-      // get current level
-      var level = this._levels[num]; // hide level callback
-
-      this.lbt("hideLevel", this._argument(num)); // get previous level
-
-      var prev = this.getPrevLevel(); // change current level
-
-      this._levelActive = prev; // remove current level classes
-
-      this._levelClasses(prev); // change config
-
-
-      level.shown = false; // some actiones when the level is hidden
-
-      (0, _timeoutCallback.default)(function () {
-        // move innerHTML back to its owner
-        if (level.append) {
-          while (level.outer.childNodes.length > 0) {
-            level.source.appendChild(level.outer.childNodes[0]);
-          }
-        } else {
-          level.outer.innerHTML = '';
-        } // remove listeners
-
-
-        level.listeners.forEach(function (listener) {
-          _this4.removeEventListener(listener);
-        });
-        level.listeners = []; // callback
-
-        callback(); // hidden level callback
-
-        _this4.lbt("hiddenLevel", _this4._argument(num)); // hidden popup callback
-
-
-        if (_this4._levelActive === -1) {
-          _this4.lbt("hidden", _this4._argument(num));
-        }
-      }, this._prop.duration);
-    } // Configs & helpers
-
-    /**
-     * @memberof Vevet.PopupModule
-     * @typedef {object} ShowConfig
-     * 
-     * @property {HTMLElement} [el=false] - The DOM element which innerHTML will be taken and inserted into the pop-up window.
-     * @property {string} [selector=.popup] - Selector of the element.
-     * @property {boolean} [append=false] - If true, all children from the source element will be appended to the pop-up window.
-     * If false, innerHTML will be copied and inserted.
-     * @property {Array<string|'auto'|'modal'|'media'|'content'|'right'>} [types] - The default value is taken from {@linkcode Vevet.PopupModule.Properties}.
-     */
-
-    /**
-     * @description Get default show configuration.
-     * @protected
-     * @returns {Vevet.PopupModule.ShowConfig} Returns an object.
-     */
-
-  }, {
-    key: "_showConfig",
-    value: function _showConfig() {
-      return {
-        el: false,
-        selector: '.popup',
-        append: false,
-        types: [this._prop.type]
-      };
-    }
-    /**
-     * @description Get previous level number.
-     * @returns {number} Returns a number.
-     */
-
-  }, {
-    key: "getPrevLevel",
-    value: function getPrevLevel() {
-      var prev = this._levelActive - 1;
-      return prev;
-    }
-    /**
-     * @description Get next level number.
-     * @returns {number} Returns a number.
-     */
-
-  }, {
-    key: "getNextLevel",
-    value: function getNextLevel() {
-      var next = this._levelActive + 1;
-
-      if (next > this._prop.levels - 1) {
-        return false;
-      }
-
-      return next;
-    }
-    /**
-     * @description Show pop-up
-     * @protected
-     */
-
-  }, {
-    key: "_create",
-    value: function _create() {
-      // get prefix
-      var prefix = this._prefix,
-          domSelector = 'div'; // outer
-
-      this._outer = dom({
-        selector: domSelector,
-        id: this._id,
-        styles: "".concat(prefix, " ").concat(prefix, "_levels-").concat(this._prop.levels)
-      });
-
-      this._v.body.appendChild(this._outer); // overlay
-
-
-      this._overlay = dom({
-        selector: domSelector,
-        styles: "".concat(prefix, "__overlay")
-      });
-
-      this._outer.appendChild(this._overlay); // container
-
-
-      this._container = dom({
-        selector: domSelector,
-        styles: "".concat(prefix, "__container")
-      });
-
-      this._outer.appendChild(this._container); // close
-
-
-      this._close = dom({
-        selector: domSelector,
-        styles: "".concat(prefix, "__close")
-      });
-
-      this._container.appendChild(this._close); // levels outer
-
-
-      this._levelsOuter = dom({
-        selector: domSelector,
-        styles: "".concat(prefix, "__levels")
-      });
-
-      this._container.appendChild(this._levelsOuter); // create levels
-
-
-      this._createLevels(); // change vars
-
-
-      this._created = true; // set events
-
-      this._createEvents(); // callback
-
-
-      this.lbt("created", this._argumentCreate());
-    }
-    /**
-     * @description Create pop-up levels.
-     * @protected
-     */
-
-  }, {
-    key: "_createLevels",
-    value: function _createLevels() {
-      for (var i = 0; i < this._prop.levels; i++) {
-        this._createLevel(i);
-      }
-    }
-    /**
-     * @description Create a pop-up level.
-     * @param {number} num - Pop-up level order number.
-     * @protected
-     */
-
-  }, {
-    key: "_createLevel",
-    value: function _createLevel(num) {
-      var obj = {}; // get prefix
-
-      var prefix = this._prefix,
-          className = "".concat(prefix, "__level"); // create outer
-
-      obj.outer = dom({
-        selector: 'div',
-        styles: "".concat(className, " ").concat(className, "-").concat(num)
-      });
-
-      this._levelsOuter.appendChild(obj.outer); // event listeners
-
-
-      obj.listeners = []; // if opened
-
-      obj.shown = false; // config
-
-      obj.num = num;
-      obj.append = false;
-      obj.source = false;
-      obj.types = []; // add to stack
-
-      this._levels.push(obj);
-    }
-    /**
-     * @description Set pop-up event listeners.
-     * @protected
-     */
-
-  }, {
-    key: "_createEvents",
-    value: function _createEvents() {
-      var _this5 = this;
-
-      // overlay
-      this.addEventListener({
-        target: 'click',
-        el: this._overlay,
-        do: function _do(e) {
-          if (_this5._prop.overlayHide) {
-            e.preventDefault();
-
-            _this5.hide();
-          }
-        }
-      }); // close
-
-      this.addEventListener({
-        target: 'click',
-        el: this._close,
-        do: function _do(e) {
-          e.preventDefault();
-
-          _this5.hide();
-        }
-      });
-    }
-    /**
-     * @memberof Vevet.PopupModule
-     * @typedef {object} CallbackCreate
-     * 
-     * @property {HTMLElement} outer - Pop-up window outer.
-     * @property {HTMLElement} overlay - Pop-up window overlay.
-     * @property {HTMLElement} container - Pop-up window container.
-     * @property {HTMLElement} levelsOuter - Pop-up window levels' outer.
-     */
-
-    /**
-     * @description Get callback argument for 'create'.
-     * @protected
-     * @returns {Vevet.PopupModule.CallbackCreate} Returns an object.
-     */
-
-  }, {
-    key: "_argumentCreate",
-    value: function _argumentCreate() {
-      return {
-        outer: this._outer,
-        overlay: this._overlay,
-        container: this._container,
-        levelsOuter: this._levelsOuter
-      };
-    }
-    /**
-     * @memberof Vevet.PopupModule
-     * @typedef {object} Callback
-     * 
-     * @property {number} level - The order number of the level under action.
-     */
-
-    /**
-     * @description Get callback argument for other events.
-     * @param {number} num - Level number.
-     * @protected
-     * @returns {Vevet.PopupModule.Callback} Returns an object.
-     */
-
-  }, {
-    key: "_argument",
-    value: function _argument(num) {
-      return {
-        level: num
-      };
-    }
-    /**
-     * @description Destroy the class.
-     */
-
-  }, {
-    key: "destroy",
-    value: function destroy() {
-      _get(_getPrototypeOf(PopupModule.prototype), "destroy", this).call(this); // remove elements
-
-
-      if (this._created) {
-        // remove outer
-        this._outer.remove();
-      }
-    }
-  }]);
-
-  return PopupModule;
-}(_Module2.default);
-
-exports.default = PopupModule;