@green-code-studio/objects-list 0.1.8 → 1.0.0

package/demo/demo.js

@@ -1,5 +1,5 @@
 import {ObjectsList} from "../src/index.js";
-
+import '../src/style/objectsList.scss';
 
 console.log('aa');
 const dataSource={
@@ -14,3 +14,10 @@ const dataSource={
     }
 }
 const objectList=new ObjectsList(dataSource)
+objectList.columns=[
+    {dataName:'id', title:'ID'},
+    {dataName:'name', title:'Name'},
+]
+objectList.style.height='500px';
+document.body.appendChild(objectList);
+objectList.refresh();

package/demoDist/demo.js

@@ -0,0 +1,286 @@
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+/******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
+
+/***/ "./node_modules/@green-code-studio/internationalization/i18nNode.js":
+/*!**************************************************************************!*\
+  !*** ./node_modules/@green-code-studio/internationalization/i18nNode.js ***!
+  \**************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   I18nNode: () => (/* binding */ I18nNode)\n/* harmony export */ });\n/* harmony import */ var _i18nNodeNotFoundException__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./i18nNodeNotFoundException */ \"./node_modules/@green-code-studio/internationalization/i18nNodeNotFoundException.js\");\n\r\n\r\nclass I18nNode {\r\n    constructor(values, childNodes) {\r\n        this._values = new Map()\r\n        for (let {lang, value} of values) {\r\n            this.addValue(lang, value);\r\n        }\r\n        this._children = new Map()\r\n        for (let {name, node} of childNodes) {\r\n            this.addChild(name, node);\r\n        }\r\n    }\r\n\r\n    addChild(name, node) {\r\n        this._children.set(name, node);\r\n    }\r\n\r\n    addValue(lang, value) {\r\n        this._values.set(lang, value);\r\n    }\r\n\r\n    getChild(name) {\r\n        if (this._children.has(name))\r\n            return this._children.get(name);\r\n        else\r\n            throw new _i18nNodeNotFoundException__WEBPACK_IMPORTED_MODULE_0__.I18nNodeNotFoundException()\r\n    }\r\n\r\n    getValue(languageHierarchy) {\r\n        let bestLang = languageHierarchy.pickBest(Array.from(this._values.keys()));\r\n        return this._values.get(bestLang);\r\n    }\r\n}\n\n//# sourceURL=webpack://@green-code-studio/objects-list/./node_modules/@green-code-studio/internationalization/i18nNode.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@green-code-studio/internationalization/i18nNodeNotFoundException.js":
+/*!*******************************************************************************************!*\
+  !*** ./node_modules/@green-code-studio/internationalization/i18nNodeNotFoundException.js ***!
+  \*******************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   I18nNodeNotFoundException: () => (/* binding */ I18nNodeNotFoundException)\n/* harmony export */ });\nclass I18nNodeNotFoundException extends Error{\r\n\r\n}\n\n//# sourceURL=webpack://@green-code-studio/objects-list/./node_modules/@green-code-studio/internationalization/i18nNodeNotFoundException.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@green-code-studio/internationalization/i18nTextValue.js":
+/*!*******************************************************************************!*\
+  !*** ./node_modules/@green-code-studio/internationalization/i18nTextValue.js ***!
+  \*******************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   I18nTextValue: () => (/* binding */ I18nTextValue)\n/* harmony export */ });\n/* harmony import */ var _i18nValue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./i18nValue */ \"./node_modules/@green-code-studio/internationalization/i18nValue.js\");\n\r\n\r\nclass I18nTextValue extends _i18nValue__WEBPACK_IMPORTED_MODULE_0__.I18nValue {\r\n    constructor(value) {\r\n        super();\r\n        this.value = value;\r\n    }\r\n\r\n    toString() {\r\n        return this.value;\r\n    }\r\n}\n\n//# sourceURL=webpack://@green-code-studio/objects-list/./node_modules/@green-code-studio/internationalization/i18nTextValue.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@green-code-studio/internationalization/i18nValue.js":
+/*!***************************************************************************!*\
+  !*** ./node_modules/@green-code-studio/internationalization/i18nValue.js ***!
+  \***************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   I18nValue: () => (/* binding */ I18nValue)\n/* harmony export */ });\nclass I18nValue{\r\n\r\n}\n\n//# sourceURL=webpack://@green-code-studio/objects-list/./node_modules/@green-code-studio/internationalization/i18nValue.js?");
+
+/***/ }),
+
+/***/ "./src/i18n.xml":
+/*!**********************!*\
+  !*** ./src/i18n.xml ***!
+  \**********************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   node: () => (/* binding */ node),\n/* harmony export */   t: () => (/* binding */ t),\n/* harmony export */   translator: () => (/* binding */ translator)\n/* harmony export */ });\n/* harmony import */ var _green_code_studio_internationalization_i18nNode_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @green-code-studio/internationalization/i18nNode.js */ \"./node_modules/@green-code-studio/internationalization/i18nNode.js\");\n/* harmony import */ var _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @green-code-studio/internationalization/i18nTextValue.js */ \"./node_modules/@green-code-studio/internationalization/i18nTextValue.js\");\n/* harmony import */ var _green_code_studio_internationalization_translator_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @green-code-studio/internationalization/translator.js */ \"./node_modules/@green-code-studio/internationalization/translator.js\");\n/* harmony import */ var _green_code_studio_internationalization_languagesHierarchy_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @green-code-studio/internationalization/languagesHierarchy.js */ \"./node_modules/@green-code-studio/internationalization/languagesHierarchy.js\");\n\n\n\n\n\nconsole.log(_green_code_studio_internationalization_i18nNode_js__WEBPACK_IMPORTED_MODULE_0__.I18nNode);\nconst node = {name:\"\", node:new _green_code_studio_internationalization_i18nNode_js__WEBPACK_IMPORTED_MODULE_0__.I18nNode([],[{name:\"objectList\", node:new _green_code_studio_internationalization_i18nNode_js__WEBPACK_IMPORTED_MODULE_0__.I18nNode([],[{name:\"search\", node:new _green_code_studio_internationalization_i18nNode_js__WEBPACK_IMPORTED_MODULE_0__.I18nNode([{lang:\"pl\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Szukaj\")},{lang:\"en\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Search\")}],[])},{name:\"paginationMode\", node:new _green_code_studio_internationalization_i18nNode_js__WEBPACK_IMPORTED_MODULE_0__.I18nNode([{lang:\"pl\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Tryb paginacji\")},{lang:\"en\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Pagination mode\")}],[])},{name:\"scrollMode\", node:new _green_code_studio_internationalization_i18nNode_js__WEBPACK_IMPORTED_MODULE_0__.I18nNode([{lang:\"pl\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Tryb scrollowania\")},{lang:\"en\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Scroll mode\")}],[])},{name:\"tableView\", node:new _green_code_studio_internationalization_i18nNode_js__WEBPACK_IMPORTED_MODULE_0__.I18nNode([{lang:\"pl\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Widok tabeli\")},{lang:\"en\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Table view\")}],[])},{name:\"listView\", node:new _green_code_studio_internationalization_i18nNode_js__WEBPACK_IMPORTED_MODULE_0__.I18nNode([{lang:\"pl\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Widok listy\")},{lang:\"en\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"List view\")}],[])},{name:\"startMultiEdit\", node:new _green_code_studio_internationalization_i18nNode_js__WEBPACK_IMPORTED_MODULE_0__.I18nNode([{lang:\"pl\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Rozpocznij edycję wielu\")},{lang:\"en\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Start multi-edit\")}],[])},{name:\"saveRow\", node:new _green_code_studio_internationalization_i18nNode_js__WEBPACK_IMPORTED_MODULE_0__.I18nNode([{lang:\"pl\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Zapisz wiersz\")},{lang:\"en\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Save a row\")}],[])},{name:\"mode\", node:new _green_code_studio_internationalization_i18nNode_js__WEBPACK_IMPORTED_MODULE_0__.I18nNode([{lang:\"pl\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Tryb\")},{lang:\"en\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Mode\")}],[])},{name:\"view\", node:new _green_code_studio_internationalization_i18nNode_js__WEBPACK_IMPORTED_MODULE_0__.I18nNode([{lang:\"pl\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Widok\")},{lang:\"en\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"View\")}],[])},{name:\"columnEnabled\", node:new _green_code_studio_internationalization_i18nNode_js__WEBPACK_IMPORTED_MODULE_0__.I18nNode([{lang:\"pl\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Kolumna widoczna\")},{lang:\"en\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Column enabled\")}],[])},{name:\"columnName\", node:new _green_code_studio_internationalization_i18nNode_js__WEBPACK_IMPORTED_MODULE_0__.I18nNode([{lang:\"pl\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Nazwa kolumny\")},{lang:\"en\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Column name\")}],[])},{name:\"columnFilter\", node:new _green_code_studio_internationalization_i18nNode_js__WEBPACK_IMPORTED_MODULE_0__.I18nNode([{lang:\"pl\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Filtr\")},{lang:\"en\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Filter\")}],[])}])},{name:\"filter\", node:new _green_code_studio_internationalization_i18nNode_js__WEBPACK_IMPORTED_MODULE_0__.I18nNode([],[{name:\"none\", node:new _green_code_studio_internationalization_i18nNode_js__WEBPACK_IMPORTED_MODULE_0__.I18nNode([{lang:\"pl\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Brak\")},{lang:\"en\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"None\")}],[])},{name:\"equals\", node:new _green_code_studio_internationalization_i18nNode_js__WEBPACK_IMPORTED_MODULE_0__.I18nNode([{lang:\"pl\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Równa się\")},{lang:\"en\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Equals\")}],[])},{name:\"lessThan\", node:new _green_code_studio_internationalization_i18nNode_js__WEBPACK_IMPORTED_MODULE_0__.I18nNode([{lang:\"pl\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Mniejsze niż\")},{lang:\"en\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Less than\")}],[])},{name:\"greaterThan\", node:new _green_code_studio_internationalization_i18nNode_js__WEBPACK_IMPORTED_MODULE_0__.I18nNode([{lang:\"pl\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Większe niż\")},{lang:\"en\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Greater than\")}],[])},{name:\"contains\", node:new _green_code_studio_internationalization_i18nNode_js__WEBPACK_IMPORTED_MODULE_0__.I18nNode([{lang:\"pl\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Zawiera\")},{lang:\"en\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Contains\")}],[])},{name:\"oneOf\", node:new _green_code_studio_internationalization_i18nNode_js__WEBPACK_IMPORTED_MODULE_0__.I18nNode([{lang:\"pl\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Jedno z\")},{lang:\"en\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"One of\")}],[])},{name:\"empty\", node:new _green_code_studio_internationalization_i18nNode_js__WEBPACK_IMPORTED_MODULE_0__.I18nNode([{lang:\"pl\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Puste\")},{lang:\"en\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Empty\")}],[])}])}])};\nconst translator=new _green_code_studio_internationalization_translator_js__WEBPACK_IMPORTED_MODULE_2__.Translator(_green_code_studio_internationalization_languagesHierarchy_js__WEBPACK_IMPORTED_MODULE_3__.LanguagesHierarchy.default, node.node);\nfunction t(q){var x=translator.translate(q);return x?x.toString():'';}\n\n\n//# sourceURL=webpack://@green-code-studio/objects-list/./src/i18n.xml?");
+
+/***/ }),
+
+/***/ "./node_modules/@green-code-studio/internationalization/languagesHierarchy.js":
+/*!************************************************************************************!*\
+  !*** ./node_modules/@green-code-studio/internationalization/languagesHierarchy.js ***!
+  \************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   LanguagesHierarchy: () => (/* binding */ LanguagesHierarchy)\n/* harmony export */ });\nclass LanguagesHierarchy {\r\n    constructor(langs = []) {\r\n        this.langs = langs;\r\n    }\r\n\r\n    pickBest(available) {\r\n        for (let lang of this.langs) {\r\n            if (!lang) continue;\r\n            for (let x of available) {\r\n                if (lang == x) return x;\r\n            }\r\n            for (let x of available) {\r\n                if (x.substr(0,2).toLowerCase()==lang.substr(0,2).toLowerCase()) return x;\r\n            }\r\n        }\r\n        return available[0];\r\n    }\r\n\r\n    static readFromUser() {\r\n        return new LanguagesHierarchy([document.documentElement.lang, ...navigator.languages]);\r\n    }\r\n}\r\n\r\nLanguagesHierarchy.default = LanguagesHierarchy.readFromUser();\n\n//# sourceURL=webpack://@green-code-studio/objects-list/./node_modules/@green-code-studio/internationalization/languagesHierarchy.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@green-code-studio/internationalization/translator.js":
+/*!****************************************************************************!*\
+  !*** ./node_modules/@green-code-studio/internationalization/translator.js ***!
+  \****************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Translator: () => (/* binding */ Translator)\n/* harmony export */ });\n\r\nclass Translator {\r\n    constructor(languageHierarchy,node) {\r\n        this.languageHierarchy=languageHierarchy;\r\n        this.rootNode = node;\r\n    }\r\n\r\n    translate(q) {\r\n        let path = q.split('.');\r\n        let node = this.rootNode;\r\n        for (let nodeName of path) {\r\n            node = node.getChild(nodeName);\r\n        }\r\n        return node.getValue(this.languageHierarchy);\r\n    }\r\n}\n\n//# sourceURL=webpack://@green-code-studio/objects-list/./node_modules/@green-code-studio/internationalization/translator.js?");
+
+/***/ }),
+
+/***/ "./node_modules/fast-creator/dist/entry.js":
+/*!*************************************************!*\
+  !*** ./node_modules/fast-creator/dist/entry.js ***!
+  \*************************************************/
+/***/ ((module) => {
+
+eval("\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\n\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && Symbol.iterator in Object(iter)) return Array.from(iter); }\n\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\n\nfunction _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); }\n\nfunction _createForOfIteratorHelper(o) { if (typeof Symbol === \"undefined\" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (o = _unsupportedIterableToArray(o))) { var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); } var it, normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it[\"return\"] != null) it[\"return\"](); } finally { if (didErr) throw err; } } }; }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(n); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\n/**\r\n *\r\n * @param attributes\r\n * @param documentObject\r\n * @returns {HTMLElement}\r\n */\nfunction createFromDefinition() {\n  var attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  var documentObject = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;\n  if (!documentObject) documentObject = document;\n  var element = documentObject.createElement(attributes.tagName || 'div');\n  repairClasses(attributes);\n\n  for (var attrName in attributes) {\n    if (attrName === 'className') {\n      element.className = attributes[attrName];\n    } else if (attrName === 'classList') {\n      var _iterator = _createForOfIteratorHelper(attributes.classList),\n          _step;\n\n      try {\n        for (_iterator.s(); !(_step = _iterator.n()).done;) {\n          var x = _step.value;\n          element.classList.add(x);\n        }\n      } catch (err) {\n        _iterator.e(err);\n      } finally {\n        _iterator.f();\n      }\n    } else if (attrName === 'text') {\n      element.textContent = attributes.text;\n    } else if (attrName === 'html') {\n      element.innerHTML = attributes.html;\n    } else if (attrName === 'data') {\n      Object.assign(element.dataset, attributes.data);\n    } else if (attrName === 'children') {\n      attributes.children.forEach(function (x) {\n        return element.appendChild(x instanceof Node ? x : create(x, {}, documentObject));\n      });\n    } else if (attrName.startsWith('on')) {\n      element[attrName] = attributes[attrName];\n    } else if (attrName.startsWith('style')) {\n      if (_typeof(attributes[attrName]) == \"object\") {\n        for (var styleName in attributes[attrName]) {\n          element.style.setProperty(styleName, attributes[attrName][styleName]);\n        }\n      } else if (attributes[attrName] !== false) {\n        element.setAttribute(attrName, attributes[attrName]);\n      }\n    } else if (attrName === 'tagName') {//nothing\n    } else {\n      if (attributes[attrName] === true) element.setAttribute(attrName, attrName);else if (attributes[attrName] !== false) element.setAttribute(attrName, attributes[attrName]);\n    }\n  }\n\n  return element;\n}\n\nfunction repairClasses(obj) {\n  if (obj.className) {\n    if (!obj.classList) obj.classList = [];\n    obj.classList = [].concat(_toConsumableArray(obj.classList), _toConsumableArray(obj.className.split(' ')));\n    delete obj.className;\n  }\n}\n/**\r\n *\r\n * @param {string} selector\r\n * $returns {object}\r\n */\n\n\nfunction parseSelector(selector) {\n  selector = (selector + \"\").trim();\n  var position = 0;\n\n  function parseElement() {\n    var ret = {};\n    var canBeTagname = true;\n\n    while (position < selector.length) {\n      var _char = selector[position];\n      position++;\n\n      if (_char === '#') {\n        ret.id = parseText();\n      } else if (_char === '.') {\n        if (!ret.classList) ret.classList = [];\n        ret.classList.push(parseText());\n      } else if (_char === '[') {\n        var attrName = parseText(['=', ']']);\n        skipWhitespace();\n\n        if (selector[position] == '=') {\n          position++;\n          skipWhitespace();\n          if (selector[position] != '\"') throw new Error(\"Syntax error in position \" + position);\n          position++;\n          var value = parseAttributeValue();\n          skipWhitespace();\n          if (selector[position] != '\"') throw new Error(\"Syntax error in position \" + position);\n          position++;\n          skipWhitespace();\n          if (selector[position] != ']') throw new Error(\"Syntax error in position \" + position);\n          position++;\n          ret[attrName] = value;\n        } else if (selector[position] == ']') {\n          position++;\n          ret[attrName] = true;\n        } else {\n          throw new Error(\"Syntax error in position \" + position);\n        }\n      } else if (/\\s/.test(_char)) {\n        while (position < selector.length && /\\s/.test(selector[position])) {\n          position++;\n          skipWhitespace();\n        }\n\n        ret.children = [parseElement()];\n      } else if (canBeTagname) {\n        ret.tagName = _char + parseText();\n      } else {\n        throw new Error(\"Syntax error in position \" + position);\n      }\n\n      canBeTagname = false;\n    }\n\n    return ret;\n  }\n\n  function parseText() {\n    var escape = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ['.', '#', ',', '['];\n    var text = '';\n\n    while (position < selector.length) {\n      var _char2 = selector[position];\n\n      if (/\\s/.test(_char2) || escape.includes(_char2)) {\n        return text;\n      } else {\n        text += _char2;\n        position++;\n      }\n    }\n\n    return text;\n  }\n\n  function parseAttributeValue() {\n    var text = '';\n\n    while (position < selector.length) {\n      var _char3 = selector[position];\n\n      if (_char3 == '\"') {\n        return text;\n      } else {\n        text += _char3;\n        position++;\n      }\n    }\n\n    return text;\n  }\n\n  function skipWhitespace() {\n    while (position < selector.length) {\n      var _char4 = selector[position];\n\n      if (!/\\s/.test(_char4)) {\n        return;\n      } else {\n        position++;\n      }\n    }\n  }\n\n  if (selector === \"\") return {};else return parseElement();\n}\n/**\r\n *\r\n * @param {string} selector\r\n * @param {object} attributes\r\n * @param documentObject\r\n * @returns {HTMLElement}\r\n */\n\n\nfunction create() {\n  var definition = {};\n  var documentObject = null;\n\n  for (var _len = arguments.length, params = new Array(_len), _key = 0; _key < _len; _key++) {\n    params[_key] = arguments[_key];\n  }\n\n  if (typeof params[0] == \"string\") definition = mergeObjects(definition, parseSelector(params.splice(0, 1)[0]));\n  if (_typeof(params[0]) == \"object\" && !(params[0] instanceof Node)) definition = mergeObjects(definition, params.splice(0, 1)[0]);\n\n  for (var _i = 0, _params = params; _i < _params.length; _i++) {\n    var param = _params[_i];\n\n    if (param instanceof Document) {\n      documentObject = param;\n    } else if (param instanceof Node) {\n      documentObject = param.ownerDocument;\n      if (!definition.children) definition.children = [];\n      definition.children.push(param);\n    }\n  }\n\n  return createFromDefinition(definition, documentObject);\n}\n\nfunction mergeObjects(a, b) {\n  repairClasses(a);\n  repairClasses(b);\n\n  var ret = _objectSpread({}, a, {}, b);\n\n  if (a.data && b.data) {\n    ret.data = _objectSpread({}, a.data, {}, b.data);\n  }\n\n  if (a.children && b.children) {\n    ret.children = [].concat(_toConsumableArray(a.children), _toConsumableArray(b.children));\n  }\n\n  if (a.classList && b.classList) {\n    ret.classList = [].concat(_toConsumableArray(a.classList), _toConsumableArray(b.classList));\n  }\n\n  return ret;\n}\n\nmodule.exports = {\n  createFromDefinition: createFromDefinition,\n  parseSelector: parseSelector,\n  create: create,\n  mergeObjects: mergeObjects,\n  \"default\": create\n};\n\n//# sourceURL=webpack://@green-code-studio/objects-list/./node_modules/fast-creator/dist/entry.js?");
+
+/***/ }),
+
+/***/ "./src/ConfigPopup.mpts":
+/*!******************************!*\
+  !*** ./src/ConfigPopup.mpts ***!
+  \******************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* export default binding */ __WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n\n/* harmony default export */ function __WEBPACK_DEFAULT_EXPORT__(variables){const _0=document.createDocumentFragment();const _1=document.createElement(\"form\");const _2=document.createTextNode(\"\\r\\n    \");_1.append(_2);const _3=document.createElement(\"label\");const _4=document.createTextNode(\"\\r\\n        \");_3.append(_4);const _5=document.createElement(\"span\");const _6=document.createTextNode(variables[\"t\"](\"objectList.mode\"));_5.append(_6);_3.append(_5);const _7=document.createTextNode(\"\\r\\n        \");_3.append(_7);const _8=document.createElement(\"select\");const _9=\"mode\";if(typeof _9==='function')_8[\"class\"]=_9;else if(_9!== undefined&&_9!== null&&_9!== false) _8.setAttribute(\"class\",_9);const _10=document.createTextNode(\"\\r\\n            \");_8.append(_10);const _11=document.createElement(\"option\");const _12=\"paginationMode\";if(typeof _12==='function')_11[\"value\"]=_12;else if(_12!== undefined&&_12!== null&&_12!== false) _11.setAttribute(\"value\",_12);const _13=document.createTextNode(variables[\"t\"](\"objectList.paginationMode\"));_11.append(_13);_8.append(_11);const _14=document.createTextNode(\"\\r\\n            \");_8.append(_14);const _15=document.createElement(\"option\");const _16=\"scrollMode\";if(typeof _16==='function')_15[\"value\"]=_16;else if(_16!== undefined&&_16!== null&&_16!== false) _15.setAttribute(\"value\",_16);const _17=document.createTextNode(variables[\"t\"](\"objectList.scrollMode\"));_15.append(_17);_8.append(_15);const _18=document.createTextNode(\"\\r\\n        \");_8.append(_18);_3.append(_8);const _19=document.createTextNode(\"\\r\\n    \");_3.append(_19);_1.append(_3);const _20=document.createTextNode(\"\\r\\n    \");_1.append(_20);const _21=document.createElement(\"label\");const _22=document.createTextNode(\"\\r\\n        \");_21.append(_22);const _23=document.createElement(\"span\");const _24=document.createTextNode(variables[\"t\"](\"objectList.view\"));_23.append(_24);_21.append(_23);const _25=document.createTextNode(\"\\r\\n        \");_21.append(_25);const _26=document.createElement(\"select\");const _27=\"view\";if(typeof _27==='function')_26[\"class\"]=_27;else if(_27!== undefined&&_27!== null&&_27!== false) _26.setAttribute(\"class\",_27);const _28=document.createTextNode(\"\\r\\n            \");_26.append(_28);const _29=document.createElement(\"option\");const _30=\"tableView\";if(typeof _30==='function')_29[\"value\"]=_30;else if(_30!== undefined&&_30!== null&&_30!== false) _29.setAttribute(\"value\",_30);const _31=document.createTextNode(variables[\"t\"](\"objectList.tableView\"));_29.append(_31);_26.append(_29);const _32=document.createTextNode(\"\\r\\n            \");_26.append(_32);const _33=document.createElement(\"option\");const _34=\"listView\";if(typeof _34==='function')_33[\"value\"]=_34;else if(_34!== undefined&&_34!== null&&_34!== false) _33.setAttribute(\"value\",_34);const _35=document.createTextNode(variables[\"t\"](\"objectList.listView\"));_33.append(_35);_26.append(_33);const _36=document.createTextNode(\"\\r\\n        \");_26.append(_36);_21.append(_26);const _37=document.createTextNode(\"\\r\\n    \");_21.append(_37);_1.append(_21);const _38=document.createTextNode(\"\\r\\n    \");_1.append(_38);let _39=document.createDocumentFragment();for(let [_foreachKey,_foreachValue] of Object.entries(variables[\"categories\"])){let category = _foreachValue;const _40=document.createTextNode(\"\\r\\n        \");_39.append(_40);const _41=document.createTextNode(category[\"name\"]);_39.append(_41);const _42=document.createTextNode(\"\\r\\n\\r\\n        \");_39.append(_42);const _43=document.createElement(\"table\");const _44=document.createTextNode(\"\\r\\n            \");_43.append(_44);const _45=document.createElement(\"thead\");const _46=document.createTextNode(\"\\r\\n            \");_45.append(_46);const _47=document.createElement(\"tr\");const _48=document.createTextNode(\"\\r\\n                \");_47.append(_48);const _49=document.createElement(\"th\");const _50=document.createTextNode(variables[\"t\"](\"objectList.columnEnabled\"));_49.append(_50);_47.append(_49);const _51=document.createTextNode(\"\\r\\n                \");_47.append(_51);const _52=document.createElement(\"th\");const _53=document.createTextNode(variables[\"t\"](\"objectList.columnName\"));_52.append(_53);_47.append(_52);const _54=document.createTextNode(\"\\r\\n                \");_47.append(_54);const _55=document.createElement(\"th\");const _56=document.createTextNode(variables[\"t\"](\"objectList.columnFilter\"));_55.append(_56);_47.append(_55);const _57=document.createTextNode(\"\\r\\n            \");_47.append(_57);_45.append(_47);const _58=document.createTextNode(\"\\r\\n            \");_45.append(_58);_43.append(_45);const _59=document.createTextNode(\"\\r\\n            \");_43.append(_59);const _60=document.createElement(\"tbody\");const _61=document.createTextNode(\"\\r\\n\\r\\n            \");_60.append(_61);let _62=document.createDocumentFragment();for(let [_foreachKey,_foreachValue] of Object.entries(category[\"columns\"])){let column = _foreachValue;const _63=document.createTextNode(\"\\r\\n                \");_62.append(_63);const _64=document.createElement(\"tr\");const _65=document.createTextNode(\"\\r\\n                    \");_64.append(_65);const _66=document.createElement(\"td\");const _67=document.createTextNode(\"\\r\\n                        \");_66.append(_67);const _68=document.createElement(\"input\");const _69=\"checkbox\";if(typeof _69==='function')_68[\"type\"]=_69;else if(_69!== undefined&&_69!== null&&_69!== false) _68.setAttribute(\"type\",_69);const _70=column[\"dataName\"];if(typeof _70==='function')_68[\"data-name\"]=_70;else if(_70!== undefined&&_70!== null&&_70!== false) _68.setAttribute(\"data-name\",_70);_66.append(_68);const _71=document.createTextNode(\"\\r\\n                    \");_66.append(_71);_64.append(_66);const _72=document.createTextNode(\"\\r\\n                    \");_64.append(_72);const _73=document.createElement(\"td\");const _74=document.createTextNode(\"\\r\\n                        \");_73.append(_74);const _75=document.createTextNode(column[\"name\"]);_73.append(_75);const _76=document.createTextNode(\"\\r\\n                    \");_73.append(_76);_64.append(_73);const _77=document.createTextNode(\"\\r\\n                    \");_64.append(_77);const _78=document.createElement(\"td\");const _79=\"filter\";if(typeof _79==='function')_78[\"class\"]=_79;else if(_79!== undefined&&_79!== null&&_79!== false) _78.setAttribute(\"class\",_79);const _80=column[\"dataName\"];if(typeof _80==='function')_78[\"data-name\"]=_80;else if(_80!== undefined&&_80!== null&&_80!== false) _78.setAttribute(\"data-name\",_80);const _81=document.createTextNode(\"\\r\\n\\r\\n                    \");_78.append(_81);_64.append(_78);const _82=document.createTextNode(\"\\r\\n                \");_64.append(_82);_62.append(_64);const _83=document.createTextNode(\"\\r\\n            \");_62.append(_83);}_60.append(_62);const _84=document.createTextNode(\"\\r\\n            \");_60.append(_84);_43.append(_60);const _85=document.createTextNode(\"\\r\\n        \");_43.append(_85);_39.append(_43);const _86=document.createTextNode(\"\\r\\n    \");_39.append(_86);}_1.append(_39);const _87=document.createTextNode(\"\\r\\n\");_1.append(_87);_0.append(_1);const _88=document.createTextNode(\"\\r\\n\");_0.append(_88);return _0}\n\n\n//# sourceURL=webpack://@green-code-studio/objects-list/./src/ConfigPopup.mpts?");
+
+/***/ }),
+
+/***/ "./demo/demo.js":
+/*!**********************!*\
+  !*** ./demo/demo.js ***!
+  \**********************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _src_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../src/index.js */ \"./src/index.js\");\n\r\n\r\n\r\nconsole.log('aa');\r\nconst dataSource={\r\n    async get(options){\r\n        return {\r\n            rows:[\r\n                {id:1, name:'John'},\r\n                {id:2, name:'Doe'},\r\n                {id:3, name:'Smith'},\r\n            ]\r\n        }\r\n    }\r\n}\r\nconst objectList=new _src_index_js__WEBPACK_IMPORTED_MODULE_0__.ObjectsList(dataSource)\r\n\n\n//# sourceURL=webpack://@green-code-studio/objects-list/./demo/demo.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@green-code-studio/context-menu/dist/index.mjs":
+/*!*********************************************************************!*\
+  !*** ./node_modules/@green-code-studio/context-menu/dist/index.mjs ***!
+  \*********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ContextMenu: () => (/* binding */ __webpack_exports__ContextMenu)\n/* harmony export */ });\n/*\n * ATTENTION: The \"eval\" devtool has been used (maybe by default in mode: \"development\").\n * This devtool is neither made for production nor for readable output files.\n * It uses \"eval()\" calls to create a separate source file in the browser devtools.\n * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)\n * or disable the default devtool with \"devtool: false\".\n * If you are looking for production-ready output files, see mode: \"production\" (https://webpack.js.org/configuration/mode/).\n */\n/******/ var __webpack_modules__ = ({\n\n/***/ \"./src/contextMenu.js\":\n/*!****************************!*\\\n  !*** ./src/contextMenu.js ***!\n  \\****************************/\n/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   ContextMenu: () => (/* binding */ ContextMenu)\\n/* harmony export */ });\\nclass ContextMenu {\\r\\n    constructor(elements, parent = null) {\\r\\n        this.generateHtml(elements);\\r\\n        this.bindGlobalEvents();\\r\\n        this.subMenu = null;\\r\\n    }\\r\\n\\r\\n    generateHtml(elements) {\\r\\n        this.html = document.create('ul.contextMenu');\\r\\n        for (const element of elements) {\\r\\n            this.html.append(this.generateElementHtml(element));\\r\\n        }\\r\\n        this.html.onmousedown = e => e.stopPropagation();\\r\\n    }\\r\\n\\r\\n    generateElementHtml(element) {\\r\\n        const elementHtml = document.create('li.element', {tabIndex: 0});\\r\\n        if (element.submenu) {\\r\\n            elementHtml.classList.add('hasSubmenu');\\r\\n        }\\r\\n        if (element.icon)\\r\\n            elementHtml.addChild('span.icon', {className: element.icon});\\r\\n        else\\r\\n            elementHtml.addChild('span.iconPlaceholder');\\r\\n\\r\\n        elementHtml.addChild('span.content', {text: element.text || ''});\\r\\n        if (element.onclick) {\\r\\n            elementHtml.onclick = e => {\\r\\n                element.onclick.call(elementHtml, e);\\r\\n                this.destroy()\\r\\n            };\\r\\n            elementHtml.onkeydown = e => {\\r\\n                if (e.key == 'Enter') {\\r\\n                    element.onclick.call(elementHtml, e);\\r\\n                    this.destroy()\\r\\n                } else if (e.key == 'ArrowDown') {\\r\\n                    (elementHtml.nextElementSibling ?? elementHtml.parentNode.firstElementChild).focus();\\r\\n                } else if (e.key == 'ArrowUp') {\\r\\n                    (elementHtml.previousElementSibling ?? elementHtml.parentNode.lastElementChild).focus();\\r\\n                }\\r\\n            };\\r\\n        }\\r\\n        elementHtml.onmouseenter = e => {\\r\\n            elementHtml.focus();\\r\\n            if (this.submenu) {\\r\\n                this.submenu.destroy();\\r\\n                this.submenu = null;\\r\\n            }\\r\\n            if (element.submenu) {\\r\\n                this.submenu = new ContextMenu(element.submenu);\\r\\n                document.body.appendChild(this.submenu.html);\\r\\n                this.submenu.setPositionToParent(elementHtml);\\r\\n            }\\r\\n        };\\r\\n        return elementHtml;\\r\\n    }\\r\\n\\r\\n    bindGlobalEvents() {\\r\\n        this.bindedDestroyEvent = this.destroy.bind(this);\\r\\n        addEventListener('mousedown', this.bindedDestroyEvent);\\r\\n        addEventListener('blur', this.bindedDestroyEvent);\\r\\n    }\\r\\n\\r\\n    setPositionToPointer(event) {\\r\\n        const placeHorizontal = innerWidth - event.clientX;\\r\\n        const placeVertical = innerHeight - event.clientY;\\r\\n        const isRight = this.html.offsetWidth <= placeHorizontal;\\r\\n        const isBottom = this.html.offsetHeight <= placeVertical;\\r\\n\\r\\n        this.html.style.left = 'auto';\\r\\n        this.html.style.right = 'auto';\\r\\n        this.html.style.top = 'auto';\\r\\n        this.html.style.bottom = 'auto';\\r\\n\\r\\n        if (isRight)\\r\\n            this.html.style.left = `${event.clientX}px`;\\r\\n        else\\r\\n            this.html.style.right = `${Math.min(innerWidth - event.clientX + 1, innerWidth - this.html.offsetWidth)}px`;\\r\\n\\r\\n        if (isBottom)\\r\\n            this.html.style.top = `${event.clientY}px`;\\r\\n        else\\r\\n            this.html.style.bottom = `${Math.min(innerHeight - event.clientY + 1, innerHeight - this.html.offsetHeight)}px`;\\r\\n    }\\r\\n\\r\\n    setPositionToParent(parent) {\\r\\n        const parentBoundingBox = parent.getBoundingClientRect();\\r\\n        const placeRight = innerWidth - parentBoundingBox.right;\\r\\n        const placeLeft = parentBoundingBox.left;\\r\\n        const placeBottom = innerHeight - parentBoundingBox.top;\\r\\n        const isRight = this.html.offsetWidth <= placeRight;\\r\\n        const isBottom = this.html.offsetHeight <= placeBottom;\\r\\n\\r\\n        this.html.style.left = 'auto';\\r\\n        this.html.style.right = 'auto';\\r\\n        this.html.style.top = 'auto';\\r\\n        this.html.style.bottom = 'auto';\\r\\n\\r\\n        if (isRight)\\r\\n            this.html.style.left = `${parentBoundingBox.right}px`;\\r\\n        else\\r\\n            this.html.style.right = `${Math.min(innerWidth - parentBoundingBox.left, innerWidth - this.html.offsetWidth)}px`;\\r\\n\\r\\n        if (isBottom)\\r\\n            this.html.style.top = `${parentBoundingBox.top}px`;\\r\\n        else\\r\\n            this.html.style.bottom = `${Math.min(innerHeight - parentBoundingBox.bottom, innerHeight - this.html.offsetHeight)}px`;\\r\\n    }\\r\\n\\r\\n    destroy() {\\r\\n        this.html.remove();\\r\\n        removeEventListener('mousedown', this.bindedDestroyEvent);\\r\\n        removeEventListener('blur', this.bindedDestroyEvent);\\r\\n    }\\r\\n\\r\\n    static openContextMenu(event, elements) {\\r\\n        const menu = new ContextMenu(elements);\\r\\n        document.body.appendChild(menu.html);\\r\\n        menu.setPositionToPointer(event);\\r\\n        event.preventDefault();\\r\\n        if (menu.html.firstChild)\\r\\n            menu.html.firstChild.focus();\\r\\n\\r\\n        return menu;\\r\\n    }\\r\\n}\\n\\n//# sourceURL=webpack://@green-code-studio/context-menu/./src/contextMenu.js?\");\n\n/***/ }),\n\n/***/ \"./src/index.js\":\n/*!**********************!*\\\n  !*** ./src/index.js ***!\n  \\**********************/\n/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   ContextMenu: () => (/* reexport safe */ _contextMenu_js__WEBPACK_IMPORTED_MODULE_0__.ContextMenu)\\n/* harmony export */ });\\n/* harmony import */ var _contextMenu_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./contextMenu.js */ \\\"./src/contextMenu.js\\\");\\n\\r\\n\\n\\n//# sourceURL=webpack://@green-code-studio/context-menu/./src/index.js?\");\n\n/***/ })\n\n/******/ });\n/************************************************************************/\n/******/ // The module cache\n/******/ var __webpack_module_cache__ = {};\n/******/ \n/******/ // The require function\n/******/ function __nested_webpack_require_7128__(moduleId) {\n/******/ \t// Check if module is in cache\n/******/ \tvar cachedModule = __webpack_module_cache__[moduleId];\n/******/ \tif (cachedModule !== undefined) {\n/******/ \t\treturn cachedModule.exports;\n/******/ \t}\n/******/ \t// Create a new module (and put it into the cache)\n/******/ \tvar module = __webpack_module_cache__[moduleId] = {\n/******/ \t\t// no module.id needed\n/******/ \t\t// no module.loaded needed\n/******/ \t\texports: {}\n/******/ \t};\n/******/ \n/******/ \t// Execute the module function\n/******/ \t__webpack_modules__[moduleId](module, module.exports, __nested_webpack_require_7128__);\n/******/ \n/******/ \t// Return the exports of the module\n/******/ \treturn module.exports;\n/******/ }\n/******/ \n/************************************************************************/\n/******/ /* webpack/runtime/define property getters */\n/******/ (() => {\n/******/ \t// define getter functions for harmony exports\n/******/ \t__nested_webpack_require_7128__.d = (exports, definition) => {\n/******/ \t\tfor(var key in definition) {\n/******/ \t\t\tif(__nested_webpack_require_7128__.o(definition, key) && !__nested_webpack_require_7128__.o(exports, key)) {\n/******/ \t\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n/******/ \t\t\t}\n/******/ \t\t}\n/******/ \t};\n/******/ })();\n/******/ \n/******/ /* webpack/runtime/hasOwnProperty shorthand */\n/******/ (() => {\n/******/ \t__nested_webpack_require_7128__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))\n/******/ })();\n/******/ \n/******/ /* webpack/runtime/make namespace object */\n/******/ (() => {\n/******/ \t// define __esModule on exports\n/******/ \t__nested_webpack_require_7128__.r = (exports) => {\n/******/ \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n/******/ \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n/******/ \t\t}\n/******/ \t\tObject.defineProperty(exports, '__esModule', { value: true });\n/******/ \t};\n/******/ })();\n/******/ \n/************************************************************************/\n/******/ \n/******/ // startup\n/******/ // Load entry module and return exports\n/******/ // This entry module can't be inlined because the eval devtool is used.\n/******/ var __nested_webpack_exports__ = __nested_webpack_require_7128__(\"./src/index.js\");\n/******/ var __webpack_exports__ContextMenu = __nested_webpack_exports__.ContextMenu;\n/******/ \n/******/ \n\n\n//# sourceURL=webpack://@green-code-studio/objects-list/./node_modules/@green-code-studio/context-menu/dist/index.mjs?");
+
+/***/ }),
+
+/***/ "./src/ColumnFilter.js":
+/*!*****************************!*\
+  !*** ./src/ColumnFilter.js ***!
+  \*****************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ColumnFilter: () => (/* binding */ ColumnFilter)\n/* harmony export */ });\n/* harmony import */ var _i18n_xml__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./i18n.xml */ \"./src/i18n.xml\");\n/* harmony import */ var fast_creator__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! fast-creator */ \"./node_modules/fast-creator/dist/entry.js\");\n\r\n\r\n\r\nclass ColumnFilter extends HTMLElement {\r\n    constructor(props) {\r\n        super(props);\r\n        this.select = (0,fast_creator__WEBPACK_IMPORTED_MODULE_1__.create)('select')\r\n        this.appendChild(this.select)\r\n        this.select.append((0,fast_creator__WEBPACK_IMPORTED_MODULE_1__.create)('option', {value: 'none', text: (0,_i18n_xml__WEBPACK_IMPORTED_MODULE_0__.t)('filter.none')}))\r\n        this.select.append((0,fast_creator__WEBPACK_IMPORTED_MODULE_1__.create)('option', {value: 'equals', text: (0,_i18n_xml__WEBPACK_IMPORTED_MODULE_0__.t)('filter.equals')}))\r\n        this.select.append((0,fast_creator__WEBPACK_IMPORTED_MODULE_1__.create)('option', {value: 'less', text: (0,_i18n_xml__WEBPACK_IMPORTED_MODULE_0__.t)('filter.lessThan')}))\r\n        this.select.append((0,fast_creator__WEBPACK_IMPORTED_MODULE_1__.create)('option', {value: 'more', text: (0,_i18n_xml__WEBPACK_IMPORTED_MODULE_0__.t)('filter.greaterThan')}))\r\n        this.select.append((0,fast_creator__WEBPACK_IMPORTED_MODULE_1__.create)('option', {value: 'contains', text: (0,_i18n_xml__WEBPACK_IMPORTED_MODULE_0__.t)('filter.contains')}))\r\n        this.select.append((0,fast_creator__WEBPACK_IMPORTED_MODULE_1__.create)('option', {value: 'oneOf', text: (0,_i18n_xml__WEBPACK_IMPORTED_MODULE_0__.t)('filter.oneOf')}))\r\n        this.select.append((0,fast_creator__WEBPACK_IMPORTED_MODULE_1__.create)('option', {value: 'empty', text: (0,_i18n_xml__WEBPACK_IMPORTED_MODULE_0__.t)('filter.empty')}))\r\n        this.input = (0,fast_creator__WEBPACK_IMPORTED_MODULE_1__.create)('input')\r\n        this.appendChild(this.input)\r\n        this.input.oninput = () => this.emit();\r\n        this.select.onchange = () => {\r\n            this.updateInput();\r\n            this.emit();\r\n        }\r\n        this.updateInput()\r\n    }\r\n\r\n    updateInput() {\r\n        if (this.select.value == 'none' || this.select.value == 'empty') {\r\n            this.input.style.display = 'none'\r\n        } else if (this.select.value == 'less' || this.select.value == 'more') {\r\n            this.input.style.display = ''\r\n            this.input.type = 'number';\r\n        } else {\r\n            this.input.style.display = ''\r\n            this.input.type = 'text';\r\n        }\r\n    }\r\n\r\n    emit() {\r\n        this.dispatchEvent(new CustomEvent('x-filter', {detail: {type: this.select.value, value: this.input.value}}))\r\n    }\r\n}\r\n\r\n\r\ncustomElements.define('column-filter', ColumnFilter);\r\n\n\n//# sourceURL=webpack://@green-code-studio/objects-list/./src/ColumnFilter.js?");
+
+/***/ }),
+
+/***/ "./src/ConfigPopup.js":
+/*!****************************!*\
+  !*** ./src/ConfigPopup.js ***!
+  \****************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ConfigPopup: () => (/* binding */ ConfigPopup)\n/* harmony export */ });\n/* harmony import */ var _ConfigPopup_mpts__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ConfigPopup.mpts */ \"./src/ConfigPopup.mpts\");\n/* harmony import */ var _i18n_xml__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./i18n.xml */ \"./src/i18n.xml\");\n/* harmony import */ var _tableView_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./tableView.js */ \"./src/tableView.js\");\n/* harmony import */ var _listView_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./listView.js */ \"./src/listView.js\");\n/* harmony import */ var _ColumnFilter_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ColumnFilter.js */ \"./src/ColumnFilter.js\");\n\r\n\r\n\r\n\r\n\r\n\r\nclass ConfigPopup extends HTMLElement {\r\n    constructor(objectsList) {\r\n        super();\r\n        this.append((0,_ConfigPopup_mpts__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\r\n            t: _i18n_xml__WEBPACK_IMPORTED_MODULE_1__.t,\r\n            categories: [...objectsList.columns.groupBy(c => c.category)]\r\n                .map(([category, columns]) => ({name: category ?? '', columns}))\r\n        }))\r\n        this.querySelector('.mode').onchange = () => {\r\n            objectsList.infiniteScrollEnabled = this.querySelector('.mode').value == 'scrollMode'\r\n            objectsList.refresh()\r\n        }\r\n        this.querySelector('.view').onchange = () => {\r\n            if (this.querySelector('.view').value == 'tableView')\r\n                objectsList.insideViewClass = _tableView_js__WEBPACK_IMPORTED_MODULE_2__.TableView\r\n            else\r\n                objectsList.insideViewClass = _listView_js__WEBPACK_IMPORTED_MODULE_3__.ListView\r\n            objectsList.refresh()\r\n        }\r\n        this.addEventListener('blur', () => {\r\n            if(!this.matches(':focus-within, :focus'))\r\n            this.remove();\r\n        })\r\n        this.querySelector('select').focus()\r\n        console.log('ssss')\r\n        for (const checkbox of this.querySelectorAll('table input[type=\"checkbox\"]')) {\r\n            checkbox.checked = !objectsList.hiddenColumns.has(checkbox.dataset.name)\r\n            checkbox.onchange = () => {\r\n                if (checkbox.checked)\r\n                    objectsList.hiddenColumns.delete(checkbox.dataset.name)\r\n                else\r\n                    objectsList.hiddenColumns.add(checkbox.dataset.name)\r\n\r\n                objectsList.refresh()\r\n            }\r\n        }\r\n\r\n        for (const filterContainer of this.querySelectorAll('table .filter')) {\r\n            const filter=new _ColumnFilter_js__WEBPACK_IMPORTED_MODULE_4__.ColumnFilter();\r\n            filterContainer.append(filter)\r\n            filter.addEventListener('x-filter', (e) => {\r\n                console.log('dddd',e)\r\n                objectsList.columnFilters.set(filterContainer.dataset.name, e.detail)\r\n                objectsList.refresh()\r\n            });\r\n        }\r\n        this.tabIndex = 0\r\n        setTimeout(()=>this.focus(), 1)\r\n        setTimeout(() => this.checkFocus(), 100)\r\n    }\r\n    checkFocus() {\r\n        console.log('checkFocus')\r\n        if (!this.matches(':focus-within, :focus'))\r\n            this.remove();\r\n\r\n        if(this.parentNode)\r\n            setTimeout(() => this.checkFocus(), 100)\r\n    }\r\n}\r\n\r\ncustomElements.define('config-popup', ConfigPopup);\r\n\n\n//# sourceURL=webpack://@green-code-studio/objects-list/./src/ConfigPopup.js?");
+
+/***/ }),
+
+/***/ "./src/abstractView.js":
+/*!*****************************!*\
+  !*** ./src/abstractView.js ***!
+  \*****************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   AbstractView: () => (/* binding */ AbstractView)\n/* harmony export */ });\nclass AbstractView extends HTMLElement {\r\n    loadData(data, start, limit, infiniteScrollEnabled) {\r\n        this.style.setProperty('--height', (data.total * this.rowHeight) + 'px');\r\n        let top = 0;\r\n        let isOdd = true;\r\n        if (infiniteScrollEnabled) {\r\n            top = this.rowHeight * start;\r\n            isOdd = start % 2 == 0;\r\n        }\r\n        let newChildren = [];\r\n        for (let row of data.rows) {\r\n            let tr = this.generateRow(row);\r\n            tr.style.top = `${top}px`;\r\n            tr.classList.toggle('odd', isOdd)\r\n            tr.classList.toggle('even', !isOdd)\r\n            newChildren.push(tr);\r\n            top += this.rowHeight;\r\n            isOdd = !isOdd;\r\n        }\r\n        let oldChildren = Array.from(this.body.children);\r\n        for (let tr of oldChildren.filter(tr => !newChildren.includes(tr) && !tr.matches(':focus'))) {\r\n            tr.remove();\r\n        }\r\n\r\n        for (let tr of newChildren.filter(tr => !oldChildren.includes(tr))) {\r\n            this.body.appendChild(tr);\r\n        }\r\n    }\r\n\r\n    onScroll(e) {\r\n        if (this.onPaginationChanged) {\r\n            let start = Math.round(this.scrollTop / this.rowHeight);\r\n            let passedStart = Math.floor(start / 20) * 20 - 20;\r\n            if (passedStart < 0)\r\n                passedStart = 0;\r\n            this.onPaginationChanged(passedStart);\r\n        }\r\n    }\r\n}\n\n//# sourceURL=webpack://@green-code-studio/objects-list/./src/abstractView.js?");
+
+/***/ }),
+
+/***/ "./src/idsSet.js":
+/*!***********************!*\
+  !*** ./src/idsSet.js ***!
+  \***********************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   IdsSet: () => (/* binding */ IdsSet)\n/* harmony export */ });\nclass IdsSet {\r\n    constructor() {\r\n        this.selected = new Set();\r\n        this.notSelected = new Set();\r\n        this.isSelectedAll = false;\r\n    }\r\n\r\n    clear() {\r\n        this.selected.clear();\r\n        this.notSelected.clear();\r\n        this.isSelectedAll = false;\r\n    }\r\n    has(id){\r\n        if(this.isSelectedAll){\r\n            return !this.notSelected.has(id?.toString())\r\n        }else{\r\n            return this.selected.has(id?.toString())\r\n        }\r\n    }\r\n    add(id){\r\n        if(this.isSelectedAll){\r\n            this.notSelected.delete(id?.toString())\r\n        }else{\r\n            this.selected.add(id?.toString())\r\n        }\r\n    }\r\n    delete(id){\r\n        if(this.isSelectedAll){\r\n            this.notSelected.add(id?.toString())\r\n        }else{\r\n            this.selected.delete(id?.toString())\r\n        }\r\n    }\r\n    selectAll(){\r\n        this.clear();\r\n        this.isSelectedAll=true;\r\n    }\r\n}\n\n//# sourceURL=webpack://@green-code-studio/objects-list/./src/idsSet.js?");
+
+/***/ }),
+
+/***/ "./src/index.js":
+/*!**********************!*\
+  !*** ./src/index.js ***!
+  \**********************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   AbstractView: () => (/* reexport safe */ _abstractView_js__WEBPACK_IMPORTED_MODULE_1__.AbstractView),\n/* harmony export */   ColumnFilter: () => (/* reexport safe */ _ColumnFilter_js__WEBPACK_IMPORTED_MODULE_2__.ColumnFilter),\n/* harmony export */   ConfigPopup: () => (/* reexport safe */ _ConfigPopup_js__WEBPACK_IMPORTED_MODULE_3__.ConfigPopup),\n/* harmony export */   ListView: () => (/* reexport safe */ _listView_js__WEBPACK_IMPORTED_MODULE_5__.ListView),\n/* harmony export */   ObjectsList: () => (/* reexport safe */ _objectsList_js__WEBPACK_IMPORTED_MODULE_0__.ObjectsList),\n/* harmony export */   TableView: () => (/* reexport safe */ _tableView_js__WEBPACK_IMPORTED_MODULE_4__.TableView)\n/* harmony export */ });\n/* harmony import */ var _objectsList_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./objectsList.js */ \"./src/objectsList.js\");\n/* harmony import */ var _abstractView_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./abstractView.js */ \"./src/abstractView.js\");\n/* harmony import */ var _ColumnFilter_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ColumnFilter.js */ \"./src/ColumnFilter.js\");\n/* harmony import */ var _ConfigPopup_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ConfigPopup.js */ \"./src/ConfigPopup.js\");\n/* harmony import */ var _tableView_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./tableView.js */ \"./src/tableView.js\");\n/* harmony import */ var _listView_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./listView.js */ \"./src/listView.js\");\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\n\n//# sourceURL=webpack://@green-code-studio/objects-list/./src/index.js?");
+
+/***/ }),
+
+/***/ "./src/listView.js":
+/*!*************************!*\
+  !*** ./src/listView.js ***!
+  \*************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ListView: () => (/* binding */ ListView)\n/* harmony export */ });\n/* harmony import */ var _abstractView_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./abstractView.js */ \"./src/abstractView.js\");\n/* harmony import */ var fast_creator__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! fast-creator */ \"./node_modules/fast-creator/dist/entry.js\");\n\r\n\r\n\r\nclass ListView extends _abstractView_js__WEBPACK_IMPORTED_MODULE_0__.AbstractView {\r\n    constructor(objectsList) {\r\n        super();\r\n        this.objectsList = objectsList;\r\n        this.init();\r\n        window.dbgList = this;\r\n    }\r\n\r\n    init() {\r\n        this.body=(0,fast_creator__WEBPACK_IMPORTED_MODULE_1__.create)('.body')\r\n        const bodyContainer = (0,fast_creator__WEBPACK_IMPORTED_MODULE_1__.create)('.bodyContainer')\r\n        bodyContainer.append(this.body)\r\n        this.append(bodyContainer)\r\n        this.addEventListener('scroll', this.onScroll.bind(this));\r\n    }\r\n\r\n    calcMaxVisibleItems(height) {\r\n        return Math.floor((height) / this.rowHeight);\r\n    }\r\n\r\n    get rowHeight() {\r\n        return Math.max(63, this.objectsList.visibleColumns.length * 21) + 20;\r\n    }\r\n\r\n    generateRow(data) {\r\n        let tr = this.body.querySelector(`.tr[data-row=\"${data.id}\"]`);\r\n        if (!tr) {\r\n            tr = (0,fast_creator__WEBPACK_IMPORTED_MODULE_1__.create)('.tr');\r\n            tr.draggable = true;\r\n        }\r\n        tr.classList.toggle('selected', this.objectsList.selected.has(data.id))\r\n        this.fillRowContent(tr, data);\r\n        return tr;\r\n    }\r\n\r\n    fillRowContent(tr, data) {\r\n        tr.children.removeAll();\r\n        tr.append((0,fast_creator__WEBPACK_IMPORTED_MODULE_1__.create)('.icon', {className: this.objectsList.icon}));\r\n        for (let column of this.objectsList.visibleColumns) {\r\n            let keyValue = (0,fast_creator__WEBPACK_IMPORTED_MODULE_1__.create)('.keyValue');\r\n            tr.append(keyValue)\r\n            let key = (0,fast_creator__WEBPACK_IMPORTED_MODULE_1__.create)('strong', {text: column.name + ': '});\r\n            keyValue.append(key);\r\n            let value = (0,fast_creator__WEBPACK_IMPORTED_MODULE_1__.create)('span');\r\n            keyValue.append(value);\r\n            value.append((column.content?.call(column,data)||data[column.dataName]));\r\n        }\r\n        let actionsTd = (0,fast_creator__WEBPACK_IMPORTED_MODULE_1__.create)('.td.actions');\r\n        tr.append(actionsTd);\r\n        let actions = this.objectsList.generateActions([data], 'row');\r\n        for (let action of actions) {\r\n            let actionButton = (0,fast_creator__WEBPACK_IMPORTED_MODULE_1__.create)(action.href ? 'a.button' : 'button', {\r\n                title: action.name\r\n            });\r\n            actionsTd.append(actionButton);\r\n            if (action.href) {\r\n                actionButton.href = action.href;\r\n            }\r\n            if (action.command) {\r\n                actionButton.onclick = action.command;\r\n            }\r\n            if (action.icon) {\r\n                actionButton.append((0,fast_creator__WEBPACK_IMPORTED_MODULE_1__.create)('span', {classList: [action.icon]}));\r\n                actionButton.append(action.name);\r\n            } else {\r\n                actionButton.textContent = action.name;\r\n            }\r\n        }\r\n\r\n\r\n        tr.dataset.row = data.id;\r\n        // tr.oncontextmenu = this.contextMenu.bind(this, tr);\r\n        // tr.onclick = this.trOnClick.bind(this, data);\r\n        // tr.ondblclick = this.trOnDblClick.bind(this, data, tr);\r\n        // tr.onkeydown = this.trOnKeyDown.bind(this, data, tr);\r\n        // tr.ondragstart = this.trOnDragStart.bind(this, data, tr);\r\n    }\r\n}\r\n\r\ncustomElements.define('list-view', ListView);\r\n\n\n//# sourceURL=webpack://@green-code-studio/objects-list/./src/listView.js?");
+
+/***/ }),
+
+/***/ "./src/objectsList.js":
+/*!****************************!*\
+  !*** ./src/objectsList.js ***!
+  \****************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ObjectsList: () => (/* binding */ ObjectsList)\n/* harmony export */ });\n/* harmony import */ var _tableView_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./tableView.js */ \"./src/tableView.js\");\n/* harmony import */ var _listView_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./listView.js */ \"./src/listView.js\");\n/* harmony import */ var _i18n_xml__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./i18n.xml */ \"./src/i18n.xml\");\n/* harmony import */ var _paginationButtons_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./paginationButtons.js */ \"./src/paginationButtons.js\");\n/* harmony import */ var _green_code_studio_context_menu_dist_index_mjs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @green-code-studio/context-menu/dist/index.mjs */ \"./node_modules/@green-code-studio/context-menu/dist/index.mjs\");\n/* harmony import */ var _utils_concurencyLimiter_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/concurencyLimiter.js */ \"./src/utils/concurencyLimiter.js\");\n/* harmony import */ var _idsSet_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./idsSet.js */ \"./src/idsSet.js\");\n/* harmony import */ var _ConfigPopup_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./ConfigPopup.js */ \"./src/ConfigPopup.js\");\n/* harmony import */ var fast_creator__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! fast-creator */ \"./node_modules/fast-creator/dist/entry.js\");\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nclass ObjectsList extends HTMLElement {\r\n    constructor(datasource) {\r\n        super();\r\n        this.columns = [];\r\n        this.hiddenColumns = new Set()\r\n        this.columnFilters = new Map();\r\n        this.generateActions = () => [];\r\n        this.insideViewClass = _tableView_js__WEBPACK_IMPORTED_MODULE_0__.TableView;\r\n        this.icon = 'icon-document';\r\n        this.loadConcurencyLimiter = new _utils_concurencyLimiter_js__WEBPACK_IMPORTED_MODULE_5__.ConcurencyLimiter();\r\n        this.datasource = datasource;\r\n        this.datasource.onchange = () => this.refresh();\r\n        this.start = 0;\r\n        this.limit = 10\r\n        this.total = 0;\r\n        this.selected = new _idsSet_js__WEBPACK_IMPORTED_MODULE_6__.IdsSet();\r\n        this.selectedMain = null;\r\n        this.dataById = new Map();\r\n        this.initFoot();\r\n        this.addEventListener('contextmenu', e => this.showGlobalContextMenu(e));\r\n        addEventListener('resize', e => this.resize());\r\n        this.infiniteScrollEnabled = false;\r\n    }\r\n\r\n    get visibleColumns() {\r\n        return this.columns.filter(x => !this.hiddenColumns.has(x.dataName))\r\n    }\r\n\r\n    refreshLimit() {\r\n        this.limit = this.insideView.calcMaxVisibleItems(this.clientHeight - this.foot.clientHeight - 2);\r\n        if (this.limit < 1) this.limit = 1;\r\n        if (this.infiniteScrollEnabled) {\r\n            this.limit = Math.ceil(this.limit / 20) * 20 + 40;\r\n        } else {\r\n            this.start = Math.floor(Math.min(this.total, this.start) / this.limit) * this.limit;\r\n        }\r\n    }\r\n\r\n    async refresh() {\r\n        this.classList.toggle('infiniteScrollEnabled', this.infiniteScrollEnabled);\r\n\r\n        if (!this.insideView || !(this.insideView instanceof this.insideViewClass))\r\n            this.initInsideView();\r\n        else if (this.insideView.refreshHeader)\r\n            this.insideView.refreshHeader()\r\n\r\n        this.refreshLimit();\r\n        const refreshSymbol = Symbol();\r\n        this.lastRefreshSymbol = refreshSymbol;\r\n        await this.loadConcurencyLimiter.run(async () => {\r\n            if (this.lastRefreshSymbol != refreshSymbol) return;\r\n\r\n            let data = await this.datasource.get(this);\r\n            if (this.lastRefreshSymbol != refreshSymbol) return;\r\n\r\n            this.currentRows = data.rows;\r\n            this.fillDataById(data.rows);\r\n            this.total = data.total;\r\n            this.insideView.loadData(data, this.start, this.limit, this.infiniteScrollEnabled);\r\n            this.pagination.currentPage = Math.floor(this.start / this.limit);\r\n            this.pagination.totalPages = Math.ceil(this.total / this.limit);\r\n            this.pagination.render();\r\n        });\r\n    }\r\n\r\n    initInsideView() {\r\n        if (this.insideView) {\r\n            this.insideView.remove();\r\n        }\r\n        this.insideView = new this.insideViewClass(this);\r\n        this.insertBefore(this.insideView, this.foot);\r\n        this.insideView.refresh = () => this.refresh();\r\n        this.insideView.onPaginationChanged = (start, limit) => {\r\n            if (this.start != start) {\r\n                this.start = start;\r\n                //this.limit=limit;\r\n                this.refresh();\r\n            }\r\n        }\r\n    }\r\n\r\n    fillDataById(rows) {\r\n        for (let row of rows) {\r\n            this.dataById.set(parseInt(row.id), row);\r\n        }\r\n    }\r\n\r\n    getSelectedData() {\r\n        let data = Array.from(this.dataById).filter(([id, row]) => this.selected.has(id)).map(([id, row]) => row);\r\n        if (data.length > 0) return data;\r\n        else if (this.dataById[this.selectedMain])\r\n            return [this.dataById[this.selectedMain]]\r\n        else return [];\r\n    }\r\n\r\n    initFoot() {\r\n        this.foot = (0,fast_creator__WEBPACK_IMPORTED_MODULE_8__.create)('.foot');\r\n        this.append(this.foot);\r\n        let menuButton = (0,fast_creator__WEBPACK_IMPORTED_MODULE_8__.create)('button.menuButton span.icon-settings');\r\n        this.foot.append(menuButton)\r\n        menuButton.onclick = e => this.showConfigPopup();\r\n        this.pagination = new _paginationButtons_js__WEBPACK_IMPORTED_MODULE_3__.PaginationButtons();\r\n        this.pagination.onpageclick = (page) => {\r\n            this.start = page * this.limit;\r\n            this.refresh();\r\n        }\r\n        this.foot.append(this.pagination);\r\n        this.searchForm = (0,fast_creator__WEBPACK_IMPORTED_MODULE_8__.create)('form', {className: 'search'});\r\n        this.foot.append(this.searchForm);\r\n        this.searchForm.onsubmit = e => e.preventDefault();\r\n        const searchInput = (0,fast_creator__WEBPACK_IMPORTED_MODULE_8__.create)('input', {\r\n            name: 'search',\r\n            type: 'search',\r\n            placeholder: (0,_i18n_xml__WEBPACK_IMPORTED_MODULE_2__.t)('objectList.search')\r\n        });\r\n        this.searchForm.append((0,fast_creator__WEBPACK_IMPORTED_MODULE_8__.create)(searchInput));\r\n        searchInput.oninput = e => {\r\n            this.start = 0;\r\n            this.refresh();\r\n        }\r\n\r\n    }\r\n\r\n    get search() {\r\n        if (!this.foot) return '';\r\n        const searchForm = this.foot.querySelector('.search');\r\n        if (!searchForm) return '';\r\n        return searchForm.search.value;\r\n    }\r\n\r\n    showGlobalContextMenu(e) {\r\n        let elements = [{\r\n            text: (0,_i18n_xml__WEBPACK_IMPORTED_MODULE_2__.t)('objectList.paginationMode'),\r\n            icon: 'icon-pagination',\r\n            onclick: () => {\r\n                this.infiniteScrollEnabled = false;\r\n                this.refresh();\r\n            }\r\n        }, {\r\n            text: (0,_i18n_xml__WEBPACK_IMPORTED_MODULE_2__.t)('objectList.scrollMode'),\r\n            icon: 'icon-scroll',\r\n            onclick: () => {\r\n                this.infiniteScrollEnabled = true;\r\n                this.refresh();\r\n            }\r\n        }, {\r\n            text: (0,_i18n_xml__WEBPACK_IMPORTED_MODULE_2__.t)('objectList.tableView'),\r\n            icon: 'icon-table',\r\n            onclick: () => {\r\n                this.insideViewClass = _tableView_js__WEBPACK_IMPORTED_MODULE_0__.TableView;\r\n                this.refresh();\r\n            }\r\n        }, {\r\n            text: (0,_i18n_xml__WEBPACK_IMPORTED_MODULE_2__.t)('objectList.listView'),\r\n            icon: 'icon-table',\r\n            onclick: () => {\r\n                this.insideViewClass = _listView_js__WEBPACK_IMPORTED_MODULE_1__.ListView;\r\n                this.refresh();\r\n            }\r\n        }];\r\n        if (this.allowTableEdit) {\r\n            elements.push({\r\n                text: (0,_i18n_xml__WEBPACK_IMPORTED_MODULE_2__.t)('objectList.startMultiEdit'),\r\n                icon: 'icon-edit',\r\n                onclick: () => {\r\n                    this.insideViewClass = _tableView_js__WEBPACK_IMPORTED_MODULE_0__.TableView;\r\n                    this.refresh();\r\n                    this.insideView.startMultiEdit();\r\n                }\r\n            });\r\n        }\r\n        _green_code_studio_context_menu_dist_index_mjs__WEBPACK_IMPORTED_MODULE_4__.ContextMenu.openContextMenu(e, elements);\r\n    }\r\n\r\n    resize() {\r\n        let limit = this.limit;\r\n        this.refreshLimit();\r\n        if (limit != this.limit) {\r\n            this.refresh();\r\n        }\r\n    }\r\n\r\n    multiEditChanged(id, data, save = false) {\r\n        this.datasource.multiEditChanged(id, data, save);\r\n    }\r\n\r\n    showConfigPopup() {\r\n        if (this.querySelector('config-popup')) {\r\n            this.querySelector('config-popup').remove()\r\n        } else {\r\n            const popup = new _ConfigPopup_js__WEBPACK_IMPORTED_MODULE_7__.ConfigPopup(this)\r\n            this.append(popup)\r\n        }\r\n    }\r\n    gotoUrl(url) {\r\n        window.location.href = url;\r\n    }\r\n}\r\n\r\ncustomElements.define('data-view', ObjectsList);\r\n\n\n//# sourceURL=webpack://@green-code-studio/objects-list/./src/objectsList.js?");
+
+/***/ }),
+
+/***/ "./src/paginationButtons.js":
+/*!**********************************!*\
+  !*** ./src/paginationButtons.js ***!
+  \**********************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   PaginationButtons: () => (/* binding */ PaginationButtons)\n/* harmony export */ });\n/* harmony import */ var fast_creator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! fast-creator */ \"./node_modules/fast-creator/dist/entry.js\");\n\r\n\r\nclass PaginationButtons extends HTMLElement {\r\n    constructor() {\r\n        super();\r\n        this.currentPage = 0;\r\n        this.totalPages = 0;\r\n        this.onpageclick = null;\r\n    }\r\n\r\n    render() {\r\n        let pagination = this.getPagination();\r\n        this.children.removeAll();\r\n        for (let pageNumber of pagination) {\r\n            if (pageNumber == null) {\r\n                this.append((0,fast_creator__WEBPACK_IMPORTED_MODULE_0__.create)('span', {text: '...'}));\r\n            } else {\r\n                let pageButton = (0,fast_creator__WEBPACK_IMPORTED_MODULE_0__.create)('button', {\r\n                    text: pageNumber + 1,\r\n                    className: pageNumber == this.currentPage ? 'active' : ''\r\n                });\r\n                this.append(pageButton);\r\n                pageButton.onclick = () => {\r\n                    if (this.onpageclick) {\r\n                        this.onpageclick(pageNumber);\r\n                    }\r\n                    this.currentPage = pageNumber;\r\n                    this.render();\r\n                };\r\n            }\r\n        }\r\n    }\r\n\r\n    getPagination() {\r\n        const boxesCount = 7;\r\n        let boxes = [];\r\n        if (this.totalPages <= boxesCount) {\r\n            for (let i = 0; i < this.totalPages; i++) {\r\n                boxes.push(i);\r\n            }\r\n        } else if (this.currentPage <= (boxesCount - 1) / 2 - 1) {\r\n            for (let i = 0; i <= boxesCount - 3; i++) {\r\n                boxes.push(i);\r\n            }\r\n            boxes.push(null);\r\n            boxes.push(this.totalPages - 1);\r\n        } else if (this.currentPage >= this.totalPages - (boxesCount - 1) / 2 - 1) {\r\n            boxes.push(0);\r\n            boxes.push(null);\r\n            for (\r\n                let i = this.totalPages - Math.floor((boxesCount - 1) / 2) - 2;\r\n                i < this.totalPages;\r\n                i++\r\n            ) {\r\n                boxes.push(i);\r\n            }\r\n        } else {\r\n            boxes.push(0);\r\n            boxes.push(null);\r\n            for (\r\n                let i = this.currentPage - Math.floor((boxesCount - 5) / 2);\r\n                i <= this.currentPage + Math.ceil((boxesCount - 5) / 2);\r\n                i++\r\n            ) {\r\n                boxes.push(i);\r\n            }\r\n            boxes.push(null);\r\n            boxes.push(this.totalPages - 1);\r\n        }\r\n        return boxes;\r\n    }\r\n}\r\n\r\ncustomElements.define('pagination-buttons', PaginationButtons);\r\n\n\n//# sourceURL=webpack://@green-code-studio/objects-list/./src/paginationButtons.js?");
+
+/***/ }),
+
+/***/ "./src/tableView.js":
+/*!**************************!*\
+  !*** ./src/tableView.js ***!
+  \**************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   TableView: () => (/* binding */ TableView)\n/* harmony export */ });\n/* harmony import */ var _green_code_studio_context_menu_dist_index_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @green-code-studio/context-menu/dist/index.mjs */ \"./node_modules/@green-code-studio/context-menu/dist/index.mjs\");\n/* harmony import */ var fast_creator__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! fast-creator */ \"./node_modules/fast-creator/dist/entry.js\");\n/* harmony import */ var _abstractView_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./abstractView.js */ \"./src/abstractView.js\");\n/* harmony import */ var _i18n_xml__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./i18n.xml */ \"./src/i18n.xml\");\n\r\n\r\n\r\n\r\n\r\nclass TableView extends _abstractView_js__WEBPACK_IMPORTED_MODULE_2__.AbstractView {\r\n    constructor(objectsList) {\r\n        super();\r\n        this.objectsList = objectsList;\r\n        this.init();\r\n        window.dbgTable = this;\r\n    }\r\n\r\n    init() {\r\n        this.head = (0,fast_creator__WEBPACK_IMPORTED_MODULE_1__.create)('.head');\r\n        this.append(this.head);\r\n        this.refreshHeader();\r\n        const bodyContainer = (0,fast_creator__WEBPACK_IMPORTED_MODULE_1__.create)('.bodyContainer')\r\n        this.body = (0,fast_creator__WEBPACK_IMPORTED_MODULE_1__.create)('.body')\r\n        bodyContainer.append(this.body)\r\n        this.append(bodyContainer);\r\n        this.setColumnsWidths();\r\n        addEventListener('resize', this.setColumnsWidths.bind(this))\r\n        addEventListener('copy', this.onCopy.bind(this));\r\n        this.addEventListener('scroll', this.onScroll.bind(this));\r\n    }\r\n\r\n    refreshHeader() {\r\n        while (this.head.firstChild) this.head.firstChild.remove();\r\n\r\n        this.head.append((0,fast_creator__WEBPACK_IMPORTED_MODULE_1__.create)('.column.icon'))\r\n        for (let column of this.objectsList.visibleColumns) {\r\n            let node = (0,fast_creator__WEBPACK_IMPORTED_MODULE_1__.create)('.column')\r\n            this.head.append(node);\r\n            node.append((0,fast_creator__WEBPACK_IMPORTED_MODULE_1__.create)('span.name', {text: column.name}));\r\n            if (column.sortName) {\r\n                node.classList.add('ableToSort');\r\n                node.dataset.sortName = column.sortName\r\n                node.onclick = () => {\r\n                    let sortName = column.sortName || x.dataset.value;\r\n                    if (this.objectsList.sort && this.objectsList.sort.col === column.sortName) {\r\n                        this.objectsList.sort.desc = !this.objectsList.sort.desc;\r\n                    } else {\r\n                        this.objectsList.sort = {col: column.sortName, desc: false};\r\n                    }\r\n                    if (!this.objectsList.infiniteScrollEnabled) {\r\n                        this.objectsList.start = 0;\r\n                    }\r\n                    this.objectsList.refresh();\r\n                }\r\n            }\r\n        }\r\n        this.head.append((0,fast_creator__WEBPACK_IMPORTED_MODULE_1__.create)('.column.actions'))\r\n    }\r\n\r\n    loadData(data, start, limit, infiniteScrollEnabled) {\r\n        this.refreshSortIndicators();\r\n        super.loadData(data, start, limit, infiniteScrollEnabled)\r\n        this.setColumnsWidths();\r\n    }\r\n\r\n    get rowHeight() {\r\n        return parseFloat(window.getComputedStyle(this).getPropertyValue('--rowHeight') ?? 31);\r\n    }\r\n\r\n    generateRow(data) {\r\n        let tr = this.body.querySelector(`.tr[data-row=\"${data.id}\"]`);\r\n        if (!tr) {\r\n            tr = (0,fast_creator__WEBPACK_IMPORTED_MODULE_1__.create)('.tr');\r\n            tr.draggable = true;\r\n        }\r\n        tr.classList.toggle('selected', this.objectsList.selected.has(data.id))\r\n        this.fillRowContent(tr, data);\r\n        return tr;\r\n    }\r\n\r\n    fillRowContent(tr, data) {\r\n        tr.lastData = data;\r\n        tr.children.removeAll();\r\n        tr.append((0,fast_creator__WEBPACK_IMPORTED_MODULE_1__.create)('.td.icon', {className: this.objectsList.icon}));\r\n        for (let column of this.objectsList.visibleColumns) {\r\n            let td = (0,fast_creator__WEBPACK_IMPORTED_MODULE_1__.create)('.td');\r\n            tr.append(td);\r\n            if (this.multiEdit && column.dataName) {\r\n                tr.dataset.id = data.id;\r\n                td.append((0,fast_creator__WEBPACK_IMPORTED_MODULE_1__.create)('input', {\r\n                    data: {name: column.dataName},\r\n                    value: data[column.dataName],\r\n                    onclick: e => e.stopPropagation(),\r\n                    onchange: () => this.multiEditChanged(tr)\r\n                }));\r\n            } else {\r\n                td.append(column.content?.call(column, data) || data[column.dataName] || '');\r\n            }\r\n        }\r\n        let actionsTd = (0,fast_creator__WEBPACK_IMPORTED_MODULE_1__.create)('.td.actions');\r\n        tr.append(actionsTd);\r\n        let actions = this.objectsList.generateActions([data], 'row');\r\n        if (this.multiEdit && data.__isMultirowEdited) {\r\n            actions = [\r\n                {\r\n                    name: (0,_i18n_xml__WEBPACK_IMPORTED_MODULE_3__.t)(\"objectList.saveRow\"),\r\n                    icon: 'icon-save',\r\n                    command: () => {\r\n                        this.multiEditChanged(tr, true)\r\n                    }\r\n                }\r\n            ]\r\n        }\r\n        for (let action of actions) {\r\n            let actionButton = (0,fast_creator__WEBPACK_IMPORTED_MODULE_1__.create)(action.href ? 'a.button' : 'button', {\r\n                title: action.name\r\n            });\r\n            actionsTd.append((0,fast_creator__WEBPACK_IMPORTED_MODULE_1__.create)(actionButton));\r\n            actionButton.classList.add('action-' + (action.action ?? 'view'));\r\n\r\n            if (action.href) {\r\n                actionButton.href = action.href;\r\n            }\r\n            if (action.command) {\r\n                actionButton.onclick = action.command;\r\n            }\r\n            if (action.icon) {\r\n                actionButton.append((0,fast_creator__WEBPACK_IMPORTED_MODULE_1__.create)('span', {classList: [action.icon]}));\r\n            } else {\r\n                actionButton.textContent = action.name;\r\n            }\r\n        }\r\n\r\n\r\n        tr.dataset.row = data.id;\r\n        tr.oncontextmenu = this.contextMenu.bind(this, tr);\r\n        tr.onclick = this.trOnClick.bind(this, data);\r\n        tr.ondblclick = this.trOnDblClick.bind(this, data, tr);\r\n        tr.onkeydown = this.trOnKeyDown.bind(this, data, tr);\r\n        tr.ondragstart = this.trOnDragStart.bind(this, data, tr);\r\n    }\r\n\r\n    setColumnsWidths() {\r\n        const widths = this.calculateColumnsWidths();\r\n        for (let tr of this.body.children) {\r\n            for (let i = 0; i < widths.length; i++) {\r\n                tr.children[i].style.width = widths[i] + 'px';\r\n            }\r\n        }\r\n        let sum = 0;\r\n        for (let i = 0; i < widths.length; i++) {\r\n            let node = this.head.children[i];\r\n            if (node) {\r\n                if (i + 1 < widths.length)\r\n                    node.style.width = widths[i] + 1 + 'px';\r\n                else\r\n                    node.style.width = widths[i] + 'px';\r\n                node.style.left = sum + 'px';\r\n            }\r\n            sum += widths[i];\r\n        }\r\n    }\r\n\r\n    calculateColumnsWidths() {\r\n        let needed = [{base: 30, grow: 0}];\r\n\r\n        for (let column of this.objectsList.visibleColumns) {\r\n            needed.push({base: column.width || 10, grow: typeof (column.widthGrow) == \"number\" ? column.widthGrow : 1});\r\n        }\r\n        let actionWidth = Math.ceil(Array.from(this.querySelectorAll('.td.actions')).map(x => {\r\n            if (x.lastElementChild)\r\n                return x.lastElementChild.getBoundingClientRect().right - x.getBoundingClientRect().left + parseFloat(getComputedStyle(x).paddingRight);\r\n            else\r\n                return 0;\r\n        }).max());\r\n        needed.push({base: actionWidth, grow: 0});\r\n        let availableToGrow = this.clientWidth - needed.sum(x => x.base);\r\n        let sumGrow = needed.sum(x => x.grow);\r\n        if (availableToGrow > 0 && sumGrow > 0) {\r\n            return needed.map(x => x.base + x.grow / sumGrow * availableToGrow);\r\n        } else {\r\n            return needed.map(x => x.base);\r\n        }\r\n    }\r\n\r\n    refreshSortIndicators() {\r\n        this.head.querySelectorAll('[data-order]').forEach(x => delete x.dataset.order);\r\n        if (this.objectsList.sort)\r\n            this.head.querySelectorAll(`[data-sort-name=\"${this.objectsList.sort.col}\"]`).forEach(x => x.dataset.order = this.objectsList.sort.desc ? 'desc' : 'asc');\r\n    }\r\n\r\n    contextMenu(tr, event) {\r\n        event.stopPropagation();\r\n        if (!this.objectsList.selected.has(tr.dataset.row)) {\r\n            this.objectsList.selected.clear();\r\n            this.objectsList.selected.add(tr.dataset.row)\r\n            this.objectsList.selectedMain = tr.dataset.row;\r\n            this.refreshSelectedClasses();\r\n        }\r\n        const rows = this.objectsList.getSelectedData();\r\n        let actions = this.objectsList.generateActions(rows, 'contextMenu');\r\n        let elements = actions.map(action => ({\r\n            text: action.name,\r\n            icon: action.icon,\r\n            class: action.action ? 'action-' + action.action : '',\r\n            onclick: action.command || (() => this.objectsList.gotoUrl(action.href))\r\n        }));\r\n        elements.push({\r\n            text: 'copy',\r\n            icon: 'icon-copy',\r\n            onclick: () => {\r\n                this.forceCopy(rows);\r\n            }\r\n        })\r\n        _green_code_studio_context_menu_dist_index_mjs__WEBPACK_IMPORTED_MODULE_0__.ContextMenu.openContextMenu(event, elements);\r\n    }\r\n\r\n    refreshSelectedClasses() {\r\n        for (const tr of this.body.children) {\r\n            tr.classList.toggle('selected', this.objectsList.selected.has(tr.dataset.row));\r\n            tr.classList.toggle('selectedMain', this.objectsList.selectedMain == tr.dataset.row);\r\n            if (this.objectsList.selectedMain == tr.dataset.row) {\r\n                tr.tabIndex = 1;\r\n                tr.focus();\r\n                getSelection().selectAllChildren(tr)\r\n            } else {\r\n                tr.tabIndex = -1;\r\n            }\r\n        }\r\n    }\r\n\r\n\r\n    trOnClick(row, e) {\r\n        const rowsIds = this.objectsList.currentRows.map(x => x.id);\r\n        console.log('click')\r\n        if (!e.ctrlKey) {\r\n            this.objectsList.selected.clear();\r\n        }\r\n\r\n        if (e.shiftKey) {\r\n            const mainIndex = rowsIds.indexOf(this.objectsList.selectedMain);\r\n            const clickedIndex = rowsIds.indexOf(row.id);\r\n            if (clickedIndex >= 0 && mainIndex >= 0)\r\n                rowsIds.slice(Math.min(mainIndex, clickedIndex), Math.max(mainIndex, clickedIndex) + 1).forEach(x => this.objectsList.selected.add(x));\r\n        } else {\r\n            if (this.objectsList.selected.has(row.id))\r\n                this.objectsList.selected.delete(row.id);\r\n            else\r\n                this.objectsList.selected.add(row.id);\r\n\r\n            this.objectsList.selectedMain = row.id;\r\n        }\r\n\r\n        this.refreshSelectedClasses();\r\n    }\r\n\r\n    trOnDblClick(row, tr, e) {\r\n        if (!this.objectsList.selected.has(tr.dataset.row)) {\r\n            this.objectsList.selected.clear();\r\n            this.objectsList.selected.add(tr.dataset.row)\r\n            this.objectsList.selectedMain = tr.dataset.row;\r\n            this.refreshSelectedClasses();\r\n        }\r\n        let action = this.objectsList.generateActions(this.objectsList.getSelectedData(), 'dblClick').find(x => x.main);\r\n        if (action) {\r\n            if (action.command) {\r\n                action.command();\r\n            } else if (action.href) {\r\n                this.objectsList.gotoUrl(action.href)\r\n            }\r\n        }\r\n    }\r\n\r\n    selectRange(start, end) {\r\n        const rowsIds = this.objectsList.currentRows.map(x => x.id);\r\n        let startIndex = rowsIds.indexOf(start);\r\n        let endIndex = rowsIds.indexOf(end);\r\n        if (endIndex < startIndex) {\r\n            let tmp = startIndex;\r\n            startIndex = endIndex;\r\n            endIndex = tmp;\r\n        }\r\n        for (let i = startIndex; i <= endIndex; i++) {\r\n            this.objectsList.selected.add(rowsIds[i]);\r\n        }\r\n    }\r\n\r\n    trOnKeyDown(row, tr, e) {\r\n        console.log('trOnKeyDown')\r\n        if (e.key === 'Enter') {\r\n            let action = this.objectsList.generateActions(this.objectsList.getSelectedData(), 'enter').find(x => x.main);\r\n            if (action) {\r\n                if (action.command) {\r\n                    action.command();\r\n                } else if (action.href) {\r\n                    this.objectsList.gotoUrl(action.href)\r\n                }\r\n            }\r\n        } else if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {\r\n            const rowsIds = this.objectsList.currentRows.map(x => x.id);\r\n            let index = rowsIds.indexOf(this.objectsList.selectedMain);\r\n            if (e.key === 'ArrowDown') {\r\n                if (index < rowsIds.length) index++;\r\n                else index = rowsIds.length - 1;\r\n            } else {\r\n                if (index > 0) index--;\r\n            }\r\n            const id = rowsIds[index];\r\n            if (!e.ctrlKey) {\r\n                this.objectsList.selected.clear();\r\n            }\r\n            if (e.shiftKey) {\r\n                if (!this.objectsList.selectedShiftStart) {\r\n                    this.objectsList.selectedShiftStart = this.objectsList.selectedMain;\r\n                }\r\n                this.selectRange(this.objectsList.selectedShiftStart, id)\r\n            } else {\r\n                this.objectsList.selectedShiftStart = null;\r\n                if (!e.ctrlKey) {\r\n                    this.objectsList.selected.add(id);\r\n                }\r\n            }\r\n            this.objectsList.selectedMain = id;\r\n            this.refreshSelectedClasses();\r\n            e.preventDefault();\r\n        } else if (e.key === ' ') {\r\n            if (this.objectsList.selected.has(this.objectsList.selectedMain))\r\n                this.objectsList.selected.delete(this.objectsList.selectedMain);\r\n            else\r\n                this.objectsList.selected.add(this.objectsList.selectedMain);\r\n\r\n            this.refreshSelectedClasses();\r\n            e.preventDefault();\r\n        } else if (e.key === 'a') {\r\n            if (e.ctrlKey)\r\n                this.objectsList.selected.selectAll();\r\n\r\n            this.refreshSelectedClasses();\r\n            e.preventDefault();\r\n        }\r\n    }\r\n\r\n    onCopy(e) {\r\n        if (this.copyForced) {\r\n            this.fillDataTransfer(e.clipboardData, this.copyForced);\r\n            e.preventDefault();\r\n        } else if (document.querySelector(':focus')?.findParent(x => x === this)) {\r\n            this.fillDataTransfer(e.clipboardData, this.objectsList.selected);\r\n            e.preventDefault();\r\n        }\r\n    }\r\n\r\n    trOnDragStart(row, oryginalTr, e) {\r\n        if (!this.objectsList.selected.has(row.id)) {\r\n            this.objectsList.selected.clear()\r\n            this.objectsList.selected.add(row.id)\r\n            this.refreshSelectedClasses();\r\n        }\r\n        this.fillDataTransfer(e.dataTransfer, this.objectsList.selected);\r\n    }\r\n\r\n    fillDataTransfer(dataTransfer, ids) {\r\n        const trs = Array.from(this.body.children).filter(tr => ids.has(tr.dataset.row));\r\n        let action = this.objectsList.generateActions(this.objectsList.getSelectedData(), 'dataTransfer').find(x => x.main);\r\n        if (action && action.href) {\r\n            dataTransfer.setData('text/uri-list', new URL(action.href, document.baseURI));\r\n        }\r\n        if (action && action.hrefArray) {\r\n            dataTransfer.setData('text/uri-list', action.hrefArray.map(x => new URL(x, document.baseURI)).map(x => x.toString()).join(\"\\r\\n#\\r\\n\"));\r\n        }\r\n        dataTransfer.setData('text/html', this.generateTableHtml(trs));\r\n        dataTransfer.setData('text/plain', this.generateTableTextPlain(trs));\r\n\r\n    }\r\n\r\n    generateTableHtml(trs) {\r\n        const thead = '<thead><tr>' + Array.from(this.head.querySelectorAll('.column')).map(x => '<th>' + x.innerHTML + '</th>').join('') + '</tr></thead>';\r\n        const tbody = '<tbody>' + trs.map(tr => {\r\n            return '<tr>' + Array.from(tr.children).slice(1, -1).map(td => {\r\n                return '<td>' + td.innerHTML + '</td>';\r\n            }).join('') + '</tr>';\r\n        }).join('') + '</tbody>'\r\n        return '<table>' + thead + tbody + '</table>';\r\n    }\r\n\r\n    generateTableTextPlain(trs) {\r\n        const head = Array.from(this.head.querySelectorAll('.column')).map(x => x.textContent.replace(/\\r\\n/gm, ' ')).join(\"\\t\")\r\n        const body = trs.map(tr => Array.from(tr.children).slice(1).map(x => x.textContent.replace(/\\r\\n/gm, ' ')).join(\"\\t\")).join(\"\\r\\n\")\r\n        return head + \"\\r\\n\" + body;\r\n    }\r\n\r\n    calcMaxVisibleItems(height) {\r\n        return Math.floor((height - this.head.clientHeight) / this.rowHeight);\r\n    }\r\n\r\n    forceCopy(rows) {\r\n        this.copyForced = new Set(rows.map(x => x.id));\r\n        document.execCommand(\"copy\");\r\n        setTimeout(() => this.copyForced = null, 100);\r\n    }\r\n\r\n    startMultiEdit() {\r\n        this.multiEdit = true;\r\n    }\r\n\r\n    multiEditChanged(tr, save = false) {\r\n        let data = [...tr.querySelectorAll('[data-name]')].map(x => [x.dataset.name, x.value]);\r\n        let dataObj = Object.fromEntries(data);\r\n        this.objectsList.multiEditChanged(tr.dataset.id, dataObj, save);\r\n        this.fillRowContent(tr, {...tr.lastData, ...dataObj, __isMultirowEdited: true});\r\n        this.setColumnsWidths();\r\n    }\r\n}\r\n\r\ncustomElements.define('table-view', TableView);\r\n\n\n//# sourceURL=webpack://@green-code-studio/objects-list/./src/tableView.js?");
+
+/***/ }),
+
+/***/ "./src/utils/concurencyLimiter.js":
+/*!****************************************!*\
+  !*** ./src/utils/concurencyLimiter.js ***!
+  \****************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ConcurencyLimiter: () => (/* binding */ ConcurencyLimiter)\n/* harmony export */ });\nclass ConcurencyLimiter {\r\n    constructor(limit = 3) {\r\n        this.limit = 3;\r\n        this.runningCount = 0;\r\n        this.waiting = new Set();\r\n    }\r\n\r\n    async run(fun) {\r\n        if (this.runningCount < this.limit) {\r\n            this.runningCount++;\r\n            try {\r\n                return await fun()\r\n            } finally {\r\n                this.runningCount--;\r\n                this.tryRunWaiting()\r\n            }\r\n        } else {\r\n            return await new Promise(r => {\r\n                const waitingFunc = async () => {\r\n                    if (this.runningCount < this.limit) {\r\n                        this.runningCount++;\r\n                        this.waiting.delete(waitingFunc);\r\n                        try {\r\n                            const response = await fun();\r\n                            r(response);\r\n                        } finally {\r\n                            this.runningCount--;\r\n                            this.tryRunWaiting()\r\n                        }\r\n                    }\r\n                }\r\n                this.waiting.add(waitingFunc);\r\n            })\r\n        }\r\n    }\r\n\r\n    tryRunWaiting() {\r\n        while (this.runningCount < this.limit && this.waiting.size > 0) {\r\n            this.waiting.values().next().value();\r\n        }\r\n    }\r\n}\n\n//# sourceURL=webpack://@green-code-studio/objects-list/./src/utils/concurencyLimiter.js?");
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+/******/ 	
+/******/ 	// startup
+/******/ 	// Load entry module and return exports
+/******/ 	// This entry module can't be inlined because the eval devtool is used.
+/******/ 	var __webpack_exports__ = __webpack_require__("./demo/demo.js");
+/******/ 	
+/******/ })()
+;

package/demoDist/index.html

@@ -0,0 +1,6 @@
+<!doctype>
+<html>
+<body>
+<script src="demo.js"></script>
+</body>
+</html>