vevet 1.4.27 → 2.0.1-dev.3

package/dist/js/ColumnsModule.js

@@ -1,392 +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"));
-
-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 Split your content into as many columns as you want. <br>
- * <br><br> <b>import {ColumnsModule} from 'vevet';</b>
- * 
- * @class
- * @memberof Vevet
- * @augments Vevet.Module
- */
-
-
-var ColumnsModule = /*#__PURE__*/function (_Module) {
-  _inherits(ColumnsModule, _Module);
-
-  var _super = _createSuper(ColumnsModule);
-
-  /**
-   * @memberof Vevet.ColumnsModule
-   * @typedef {object} Properties
-   * @augments Vevet.Module.Properties
-   * 
-   * @property {object} [selectors] - *** An object with css selectors.
-   * @property {string|HTMLElement} [selectors.outer=.vevet-columns] - The outer with items.
-   * @property {string} [selectors.item=.vevet-columns__item] - Elements that will be split inside the outer.
-   * 
-   * @property {Array<number>} [columns=[0, 1, 2]] - The array that defines quantity and order of columns. F.e., you can set [0, 1, 2], [2, 0, 1] etc.
-   */
-
-  /**
-   * @alias Vevet.ColumnsModule
-   * 
-   * @param {Vevet.ColumnsModule.Properties} [data]
-   */
-  function ColumnsModule(data) {
-    _classCallCheck(this, ColumnsModule);
-
-    return _super.call(this, data);
-  }
-
-  _createClass(ColumnsModule, [{
-    key: "prefix",
-    get: function get() {
-      return "".concat(this._v.prefix, "columns");
-    }
-    /**
-     * @readonly
-     * @type {Vevet.ColumnsModule.Properties}
-     */
-
-  }, {
-    key: "defaultProp",
-    get: function get() {
-      var prefix = this._prefix;
-      return (0, _merge.default)(_get(_getPrototypeOf(ColumnsModule.prototype), "defaultProp", this), {
-        selectors: {
-          outer: '.' + prefix,
-          item: '.' + prefix + '__item'
-        },
-        columns: [0, 1, 2]
-      });
-    }
-    /**
-     * @member Vevet.ColumnsModule#prop
-     * @memberof Vevet.ColumnsModule
-     * @readonly
-     * @type {Vevet.ColumnsModule.Properties}
-     */
-
-    /**
-     * @member Vevet.ColumnsModule#_prop
-     * @memberof Vevet.ColumnsModule
-     * @protected
-     * @type {Vevet.ColumnsModule.Properties}
-     */
-
-    /**
-     * @function Vevet.ColumnsModule#changeProp
-     * @memberof Vevet.ColumnsModule
-     * @param {Vevet.ColumnsModule.Properties} [prop]
-     */
-
-    /**
-     * @description Get columns.
-     * @readonly
-     * @member {Array<HTMLElement>}
-     */
-
-  }, {
-    key: "columns",
-    get: function get() {
-      return this._columns;
-    }
-    /**
-     * @description Get elements inside the columns.
-     * @readonly
-     * @type {Array<HTMLElement>}
-     */
-
-  }, {
-    key: "items",
-    get: function get() {
-      return this._items;
-    } // Extra constructor
-
-  }, {
-    key: "_extra",
-    value: function _extra() {
-      _get(_getPrototypeOf(ColumnsModule.prototype), "_extra", this).call(this);
-      /**
-       * @description Columns.
-       * @member {Array<HTMLElement>}
-       * @protected
-       */
-
-
-      this._columns = [];
-      /**
-       * @protected
-       * @member {number}
-       */
-
-      this._lastColumn = 0; // get elements
-
-      this._getElements(); // init columns
-
-
-      this._columnsInit();
-    } // Change Properties
-
-  }, {
-    key: "_changeProp",
-    value: function _changeProp() {
-      _get(_getPrototypeOf(ColumnsModule.prototype), "_changeProp", this).call(this);
-
-      if (JSON.stringify(this._columnsPrev) != JSON.stringify(this._prop.columns)) {
-        this._columnsInit();
-      }
-    }
-    /**
-     * @description Get elements
-     * @protected
-     */
-
-  }, {
-    key: "_getElements",
-    value: function _getElements() {
-      var prop = this._prop;
-      /**
-       * @description The HTML outer of columns
-       * @member {HTMLElement}
-       * @protected
-       */
-
-      this._outer = selectEl.one(prop.selectors.outer);
-      var outer = this._outer;
-      outer.classList.add("".concat(this._prefix));
-      /**
-       * @description Elements inside the columns.
-       * @type {Array<HTMLElement>}
-       * @protected
-       */
-
-      this._items = outer.querySelectorAll(prop.selectors.item);
-    }
-    /**
-     * @description Split into columns
-     * @protected
-     */
-
-  }, {
-    key: "_columnsInit",
-    value: function _columnsInit() {
-      this._itemsToParent();
-
-      this._columnsRemove();
-
-      this._columnsAdd();
-
-      this._itemsToColumns();
-
-      this._columnsRemember();
-    }
-    /**
-     * @description Remove columns.
-     * @protected
-     */
-
-  }, {
-    key: "_columnsRemove",
-    value: function _columnsRemove() {
-      var outer = this._outer,
-          columns = this._columns; // remove class
-
-      outer.classList.remove("".concat(this._prefix, "_").concat(columns.length)); // remove columns
-
-      for (var i = 0; i < columns.length; i++) {
-        outer.removeChild(columns[i]);
-      } // reset vars
-
-
-      this._columns = [];
-      this._lastColumn = 0;
-    }
-    /**
-     * @description Add columns.
-     * @protected
-     */
-
-  }, {
-    key: "_columnsAdd",
-    value: function _columnsAdd() {
-      var _this = this;
-
-      var outer = this._outer,
-          prefix = this._prefix; // add class
-
-      outer.classList.add("".concat(prefix, "_").concat(this._prop.columns.length)); // create columns
-
-      this._prop.columns.forEach(function (num) {
-        var column = dom({
-          selector: 'div',
-          styles: "".concat(prefix, "__column ").concat(prefix, "__column_").concat(num)
-        });
-        outer.appendChild(column);
-
-        _this._columns.push(column);
-      });
-    }
-    /**
-     * @description Save columns data.
-     * @protected
-     */
-
-  }, {
-    key: "_columnsRemember",
-    value: function _columnsRemember() {
-      /**
-       * @description Previous column number
-       * @protected
-       * @member {number}
-       */
-      this._columnsPrev = this._prop.columns.slice();
-    }
-    /**
-     * @description Move all items to the parent.
-     * @protected
-     */
-
-  }, {
-    key: "_itemsToParent",
-    value: function _itemsToParent() {
-      var _this2 = this;
-
-      this._items.forEach(function (el) {
-        _this2._outer.appendChild(el);
-      });
-    }
-    /**
-     * @description Split items into columns.
-     * @protected
-     * @param {Array<HTMLElement>} items
-     */
-
-  }, {
-    key: "_itemsToColumns",
-    value: function _itemsToColumns() {
-      var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._items;
-      var last = 0; // if additional items
-
-      if (items !== this._items) {
-        last = this._lastColumn + 1;
-
-        if (last >= this._prop.columns.length) {
-          last = 0;
-        }
-      } // insert items
-
-
-      for (var i = 0, a = last; i < items.length; a++, i++) {
-        var num = this._prop.columns[a];
-
-        this._columns[num].appendChild(items[i]);
-
-        this._lastColumn = a;
-
-        if (a >= this._prop.columns.length - 1) {
-          a = -1;
-        }
-      }
-    }
-    /**
-     * @description Add HTML to the columns. The HTML string must contain items with the item selector.
-     * @param {string} html - HTML.
-     */
-
-  }, {
-    key: "addHTML",
-    value: function addHTML(html) {
-      // get html
-      var el = document.createElement("html");
-      el.innerHTML = html; // add items
-
-      var items = el.querySelectorAll(this._prop.selectors.item);
-
-      for (var i = 0; i < items.length; i++) {
-        this.addItem(items[i]);
-      }
-    }
-    /**
-     * @description Add an item to the columns.
-     * @param {HTMLElement} el - HTML element.
-     */
-
-  }, {
-    key: "addItem",
-    value: function addItem(el) {
-      this._itemsToColumns([el]);
-    }
-    /**
-     * @description Add items to the columns.
-     * @param {Array<HTMLElement>} el - Array of HTML element.
-     */
-
-  }, {
-    key: "addItems",
-    value: function addItems(el) {
-      this._itemsToColumns(el);
-    }
-    /**
-     * @description Destroy the class.
-     */
-
-  }, {
-    key: "destroy",
-    value: function destroy() {
-      _get(_getPrototypeOf(ColumnsModule.prototype), "destroy", this).call(this); // remove classes
-
-
-      this._outer.classList.remove("".concat(this._prefix)); // remove columns
-
-
-      this._itemsToParent();
-
-      this._columnsRemove();
-    }
-  }]);
-
-  return ColumnsModule;
-}(_Module2.default);
-
-exports.default = ColumnsModule;