@green-code-studio/objects-list 1.7.6 → 1.9.0

package/demo/demo.js

@@ -17,12 +17,13 @@ const dataSource={
     }
 }
 const objectList=new ObjectsList(dataSource)
-objectList.paramsInUrl=true;
+objectList.paramsInUrl=false;
+objectList.paramsInLocalStorage=document.location;
 objectList.columns=[
     {dataName:'id', name:'ID', sortName:'id'},
     {dataName:'name', name:'Name'},
     {dataName:'a',name:'a', content:()=>{return 'aaa'}},
-    {dataName:'b',name:'b', content:()=>{return 'bbb'}},
+    {dataName:'b',name:'b', content:()=>{return 'bbb'}, isFilter:true},
     {dataName:'c',name:'c', content:()=>{return 'ccc'}},
 ]
 objectList.generateActions=()=>[{title:'zz', href:'https://google.com'}]

package/demoDist/demo.js

@@ -56,7 +56,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \**********************/
 /***/ ((__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:\"tableWideView\", 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 (szeroka)\")},{lang:\"en\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Table view (wide)\")}],[])},{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:\"filtersCount\", 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(\"Liczba filtrów\")},{lang:\"en\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Filters count\")}],[])},{name:\"clearFilters\", 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(\"Wyczyść filtry\")},{lang:\"en\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Clear filters\")}],[])},{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:\"inNewTab\", 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(\"W nowej karcie\")},{lang:\"en\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"In new tab\")}],[])}])},{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:\"notEquals\", 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(\"Nie równa się\")},{lang:\"en\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Not 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?");
+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:\"tableWideView\", 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 (szeroka)\")},{lang:\"en\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Table view (wide)\")}],[])},{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:\"filtersCount\", 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(\"Liczba filtrów\")},{lang:\"en\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Filters count\")}],[])},{name:\"clearFilters\", 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(\"Wyczyść filtry\")},{lang:\"en\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Clear filters\")}],[])},{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:\"inNewTab\", 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(\"W nowej karcie\")},{lang:\"en\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"In new tab\")}],[])},{name:\"visibilityLimitReached\", 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(\"Reszta pól została ukryta. Wszystkich pól: \")},{lang:\"en\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"The rest of the fields have been hidden. All fields: \")}],[])}])},{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:\"notEquals\", 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(\"Nie równa się\")},{lang:\"en\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Not 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?");
 
 /***/ }),
 
@@ -86,7 +86,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \*****************************************************************************************************************/
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.contextMenu {\n  position: fixed;\n  z-index: 1000;\n  margin: 0;\n  padding: 0;\n  max-width: 100vh;\n  min-width: 200px;\n  user-select: none;\n  background: var(--background);\n}\n.contextMenu li, .contextMenu a {\n  display: flex;\n  cursor: pointer;\n  margin: 0;\n  white-space: nowrap;\n  align-items: center;\n}\n.contextMenu li .icon, .contextMenu a .icon {\n  display: inline-block;\n  flex: 0 0 50px;\n  text-align: center;\n  font-size: 1.2em;\n  line-height: 1em;\n  vertical-align: middle;\n}\n.contextMenu li .iconPlaceholder, .contextMenu a .iconPlaceholder {\n  display: inline-block;\n  width: 50px;\n}\n.contextMenu li .content, .contextMenu a .content {\n  flex: 1 1 auto;\n  display: inline-block;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  padding: 15px 10px;\n  line-height: 1em;\n  vertical-align: middle;\n}\n\ndata-view {\n  border: 1px solid var(--second);\n  display: flex;\n  flex-direction: column;\n  height: calc(100vh - 200px);\n  user-select: none;\n}\ndata-view table-view {\n  display: block;\n  flex-grow: 1;\n  overflow: auto;\n  --rowHeight: 41px;\n}\ndata-view table-view .head {\n  position: sticky;\n  top: 0;\n  z-index: 1;\n  height: 19px;\n  background: var(--second);\n}\ndata-view table-view .head .column {\n  background: var(--second);\n  color: var(--textSecondColor);\n  cursor: default;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-weight: 700;\n  position: absolute;\n  padding: 0 10px;\n  box-sizing: border-box;\n  height: 19px;\n  transform: translateX(var(--move-x));\n}\ndata-view table-view .head .column.ableToSort {\n  cursor: pointer;\n}\ndata-view table-view .head .column.ableToSort::before {\n  transform: scaleY(0);\n  transition: all 300ms ease-out;\n  position: absolute;\n  right: 0;\n}\ndata-view table-view .head .column.ableToSort[data-order=asc]::before {\n  transform: scaleY(1);\n}\ndata-view table-view .head .column.ableToSort[data-order=desc]::before {\n  transform: scaleY(-1);\n}\ndata-view table-view .head .column.ableToSort .tableCopy {\n  display: none;\n}\ndata-view table-view .body {\n  position: relative;\n}\ndata-view table-view .body .tr {\n  display: flex;\n  position: absolute;\n  transition: top 300ms ease, background 100ms;\n  table-layout: fixed;\n  flex-direction: row;\n  animation: data-view-appear 200ms;\n}\n@keyframes data-view-appear {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\ndata-view table-view .body .tr.selectedMain, data-view table-view .body .tr:focus {\n  outline: 2px black dashed;\n  outline-offset: -2px;\n}\ndata-view table-view .body .tr .td {\n  padding: 5px 10px;\n  margin: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: block;\n  flex: 0 0 auto;\n  box-sizing: border-box;\n  height: var(--rowHeight);\n}\ndata-view table-view .body .tr .td button, data-view table-view .body .tr .td .button {\n  font-size: 16px;\n  margin-left: 2px;\n}\ndata-view table-view .body .tr .td.actions {\n  display: flex;\n}\ndata-view list-view {\n  display: block;\n  flex-grow: 1;\n  overflow: auto;\n}\ndata-view list-view .body {\n  position: relative;\n}\ndata-view list-view .body .tr {\n  display: grid;\n  position: absolute;\n  transition: top 300ms ease, background 100ms;\n  animation: data-view-appear 200ms;\n  grid-template-columns: max-content 1fr max-content;\n  width: 100%;\n  padding: 10px 0;\n}\ndata-view list-view .body .tr.selectedMain, data-view list-view .body .tr:focus {\n  outline: 2px black dashed;\n  outline-offset: -2px;\n}\ndata-view list-view .body .tr button, data-view list-view .body .tr .button {\n  font-size: 16px;\n  margin-left: 2px;\n}\ndata-view list-view .body .tr .icon {\n  grid-column: 1;\n  grid-row: 1/4;\n  font-size: 40px;\n  line-height: 63px;\n}\ndata-view list-view .body .tr .keyValue {\n  grid-column: 2/4;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  line-height: 21px;\n}\ndata-view list-view .body .tr .keyValue:nth-child(2), data-view list-view .body .tr .keyValue:nth-child(3) {\n  grid-column: 2;\n}\ndata-view list-view .body .tr .actions {\n  grid-column: 3;\n  grid-row: 1/3;\n}\ndata-view .foot {\n  border-top: 1px solid var(--second);\n  display: flex;\n  justify-content: space-between;\n}\n@media (max-width: 600px) {\n  data-view .foot form input {\n    width: 40px;\n  }\n  data-view .foot form input:focus {\n    width: 200px;\n    margin-left: -160px;\n  }\n}\ndata-view pagination-buttons {\n  flex: 1 1;\n  display: flex;\n  justify-content: center;\n}\ndata-view.infiniteScrollEnabled table-view .body, data-view.infiniteScrollEnabled list-view .body {\n  height: var(--height);\n}\ndata-view.infiniteScrollEnabled pagination-buttons {\n  display: none;\n}\n\npagination-buttons button.active {\n  background: var(--main);\n}`, \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://@green-code-studio/objects-list/./src/style/objectsList.scss?./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.contextMenu {\n  position: fixed;\n  z-index: 1000;\n  margin: 0;\n  padding: 0;\n  max-width: 100vh;\n  min-width: 200px;\n  user-select: none;\n  background: var(--background);\n}\n.contextMenu li, .contextMenu a {\n  display: flex;\n  cursor: pointer;\n  margin: 0;\n  white-space: nowrap;\n  align-items: center;\n}\n.contextMenu li .icon, .contextMenu a .icon {\n  display: inline-block;\n  flex: 0 0 50px;\n  text-align: center;\n  font-size: 1.2em;\n  line-height: 1em;\n  vertical-align: middle;\n}\n.contextMenu li .iconPlaceholder, .contextMenu a .iconPlaceholder {\n  display: inline-block;\n  width: 50px;\n}\n.contextMenu li .content, .contextMenu a .content {\n  flex: 1 1 auto;\n  display: inline-block;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  padding: 15px 10px;\n  line-height: 1em;\n  vertical-align: middle;\n}\n\ndata-view {\n  border: 1px solid var(--second);\n  display: flex;\n  flex-direction: column;\n  height: calc(100vh - 200px);\n  user-select: none;\n}\ndata-view table-view {\n  display: block;\n  flex-grow: 1;\n  overflow: auto;\n  --rowHeight: 41px;\n}\ndata-view table-view .head {\n  position: sticky;\n  top: 0;\n  z-index: 1;\n  height: 19px;\n  background: var(--second);\n}\ndata-view table-view .head .column {\n  background: var(--second);\n  color: var(--textSecondColor);\n  cursor: default;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-weight: 700;\n  position: absolute;\n  padding: 0 10px;\n  box-sizing: border-box;\n  height: 19px;\n  transform: translateX(var(--move-x));\n}\ndata-view table-view .head .column.ableToSort {\n  cursor: pointer;\n}\ndata-view table-view .head .column.ableToSort::before {\n  transform: scaleY(0);\n  transition: all 300ms ease-out;\n  position: absolute;\n  right: 0;\n}\ndata-view table-view .head .column.ableToSort[data-order=asc]::before {\n  transform: scaleY(1);\n}\ndata-view table-view .head .column.ableToSort[data-order=desc]::before {\n  transform: scaleY(-1);\n}\ndata-view table-view .head .column.ableToSort .tableCopy {\n  display: none;\n}\ndata-view table-view .body {\n  position: relative;\n}\ndata-view table-view .body .tr {\n  display: flex;\n  position: absolute;\n  transition: top 300ms ease, background 100ms;\n  table-layout: fixed;\n  flex-direction: row;\n  animation: data-view-appear 200ms;\n}\n@keyframes data-view-appear {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\ndata-view table-view .body .tr.selectedMain, data-view table-view .body .tr:focus {\n  outline: 2px black dashed;\n  outline-offset: -2px;\n}\ndata-view table-view .body .tr .td {\n  padding: 5px 10px;\n  margin: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: block;\n  flex: 0 0 auto;\n  box-sizing: border-box;\n  height: var(--rowHeight);\n}\ndata-view table-view .body .tr .td button, data-view table-view .body .tr .td .button {\n  font-size: 16px;\n  margin-left: 2px;\n}\ndata-view table-view .body .tr .td.actions {\n  display: flex;\n}\ndata-view list-view {\n  display: block;\n  flex-grow: 1;\n  overflow: auto;\n}\ndata-view list-view .body {\n  position: relative;\n}\ndata-view list-view .body .tr {\n  display: grid;\n  position: absolute;\n  transition: top 300ms ease, background 100ms;\n  animation: data-view-appear 200ms;\n  grid-template-columns: max-content 1fr max-content;\n  width: 100%;\n  padding: 10px 0;\n}\ndata-view list-view .body .tr.selectedMain, data-view list-view .body .tr:focus {\n  outline: 2px black dashed;\n  outline-offset: -2px;\n}\ndata-view list-view .body .tr button, data-view list-view .body .tr .button {\n  font-size: 16px;\n  margin-left: 2px;\n}\ndata-view list-view .body .tr .icon {\n  grid-column: 1;\n  grid-row: 1/4;\n  font-size: 40px;\n  line-height: 63px;\n}\ndata-view list-view .body .tr .keyValue {\n  grid-column: 2/4;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  line-height: 21px;\n}\ndata-view list-view .body .tr .keyValue:nth-child(2), data-view list-view .body .tr .keyValue:nth-child(3) {\n  grid-column: 2;\n}\ndata-view list-view .body .tr .actions {\n  grid-column: 3;\n  grid-row: 1/3;\n}\ndata-view .foot {\n  border-top: 1px solid var(--second);\n  display: flex;\n  justify-content: space-between;\n}\n@media (max-width: 600px) {\n  data-view .foot form input {\n    width: 40px;\n  }\n  data-view .foot form input:focus {\n    width: 200px;\n    margin-left: -160px;\n  }\n}\ndata-view pagination-buttons {\n  flex: 1 1;\n  display: flex;\n  justify-content: center;\n}\ndata-view.infiniteScrollEnabled table-view .body, data-view.infiniteScrollEnabled list-view .body {\n  height: var(--height);\n}\ndata-view.infiniteScrollEnabled pagination-buttons {\n  display: none;\n}\n\npagination-buttons button.active {\n  background: var(--main);\n}\n\n.categoryTableContainer:not(:has(.filter)) .filterHeader {\n  display: none;\n}`, \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://@green-code-studio/objects-list/./src/style/objectsList.scss?./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js");
 
 /***/ }),
 
@@ -126,7 +126,7 @@ eval("\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(obje
   \******************************/
 /***/ ((__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=\"tableWideView\";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.tableWideView\"));_33.append(_35);_26.append(_33);const _36=document.createTextNode(\"\\r\\n            \");_26.append(_36);const _37=document.createElement(\"option\");const _38=\"listView\";if(typeof _38==='function')_37[\"value\"]=_38;else if(_38!== undefined&&_38!== null&&_38!== false) _37.setAttribute(\"value\",_38);const _39=document.createTextNode(variables[\"t\"](\"objectList.listView\"));_37.append(_39);_26.append(_37);const _40=document.createTextNode(\"\\r\\n        \");_26.append(_40);_21.append(_26);const _41=document.createTextNode(\"\\r\\n    \");_21.append(_41);_1.append(_21);const _42=document.createTextNode(\"\\r\\n    \");_1.append(_42);const _43=document.createElement(\"input\");const _44=\"search\";if(typeof _44==='function')_43[\"type\"]=_44;else if(_44!== undefined&&_44!== null&&_44!== false) _43.setAttribute(\"type\",_44);const _45=variables[\"t\"](\"objectList.search\");if(typeof _45==='function')_43[\"placeholder\"]=_45;else if(_45!== undefined&&_45!== null&&_45!== false) _43.setAttribute(\"placeholder\",_45);_1.append(_43);const _46=document.createTextNode(\"\\r\\n    \");_1.append(_46);let _47=document.createDocumentFragment();for(let [_foreachKey,_foreachValue] of Object.entries(variables[\"categories\"])){let category = _foreachValue;const _48=document.createTextNode(\"\\r\\n        \");_47.append(_48);const _49=document.createElement(\"div\");const _50=\"categoryTableContainer\";if(typeof _50==='function')_49[\"class\"]=_50;else if(_50!== undefined&&_50!== null&&_50!== false) _49.setAttribute(\"class\",_50);const _51=document.createTextNode(\"\\r\\n        \");_49.append(_51);const _52=document.createTextNode(category[\"name\"]);_49.append(_52);const _53=document.createTextNode(\"\\r\\n\\r\\n        \");_49.append(_53);const _54=document.createElement(\"table\");const _55=document.createTextNode(\"\\r\\n            \");_54.append(_55);const _56=document.createElement(\"thead\");const _57=document.createTextNode(\"\\r\\n            \");_56.append(_57);const _58=document.createElement(\"tr\");const _59=document.createTextNode(\"\\r\\n                \");_58.append(_59);const _60=document.createElement(\"th\");const _61=document.createTextNode(variables[\"t\"](\"objectList.columnEnabled\"));_60.append(_61);_58.append(_60);const _62=document.createTextNode(\"\\r\\n                \");_58.append(_62);const _63=document.createElement(\"th\");const _64=document.createTextNode(variables[\"t\"](\"objectList.columnName\"));_63.append(_64);_58.append(_63);const _65=document.createTextNode(\"\\r\\n                \");_58.append(_65);const _66=document.createElement(\"th\");const _67=document.createTextNode(variables[\"t\"](\"objectList.columnFilter\"));_66.append(_67);_58.append(_66);const _68=document.createTextNode(\"\\r\\n            \");_58.append(_68);_56.append(_58);const _69=document.createTextNode(\"\\r\\n            \");_56.append(_69);_54.append(_56);const _70=document.createTextNode(\"\\r\\n            \");_54.append(_70);const _71=document.createElement(\"tbody\");const _72=document.createTextNode(\"\\r\\n\\r\\n            \");_71.append(_72);let _73=document.createDocumentFragment();for(let [_foreachKey,_foreachValue] of Object.entries(category[\"columns\"])){let column = _foreachValue;const _74=document.createTextNode(\"\\r\\n                \");_73.append(_74);const _75=document.createElement(\"tr\");const _76=document.createTextNode(\"\\r\\n                    \");_75.append(_76);const _77=document.createElement(\"td\");const _78=document.createTextNode(\"\\r\\n                        \");_77.append(_78);const _79=document.createElement(\"input\");const _80=\"checkbox\";if(typeof _80==='function')_79[\"type\"]=_80;else if(_80!== undefined&&_80!== null&&_80!== false) _79.setAttribute(\"type\",_80);const _81=column[\"dataName\"];if(typeof _81==='function')_79[\"data-name\"]=_81;else if(_81!== undefined&&_81!== null&&_81!== false) _79.setAttribute(\"data-name\",_81);_77.append(_79);const _82=document.createTextNode(\"\\r\\n                    \");_77.append(_82);_75.append(_77);const _83=document.createTextNode(\"\\r\\n                    \");_75.append(_83);const _84=document.createElement(\"td\");const _85=document.createTextNode(\"\\r\\n                        \");_84.append(_85);const _86=document.createTextNode(column[\"name\"]);_84.append(_86);const _87=document.createTextNode(\"\\r\\n                    \");_84.append(_87);_75.append(_84);const _88=document.createTextNode(\"\\r\\n                    \");_75.append(_88);const _89=document.createElement(\"td\");const _90=\"filter\";if(typeof _90==='function')_89[\"class\"]=_90;else if(_90!== undefined&&_90!== null&&_90!== false) _89.setAttribute(\"class\",_90);const _91=column[\"dataName\"];if(typeof _91==='function')_89[\"data-name\"]=_91;else if(_91!== undefined&&_91!== null&&_91!== false) _89.setAttribute(\"data-name\",_91);const _92=document.createTextNode(\"\\r\\n\\r\\n                    \");_89.append(_92);_75.append(_89);const _93=document.createTextNode(\"\\r\\n                \");_75.append(_93);_73.append(_75);const _94=document.createTextNode(\"\\r\\n            \");_73.append(_94);}_71.append(_73);const _95=document.createTextNode(\"\\r\\n            \");_71.append(_95);_54.append(_71);const _96=document.createTextNode(\"\\r\\n        \");_54.append(_96);_49.append(_54);const _97=document.createTextNode(\"\\r\\n        \");_49.append(_97);_47.append(_49);const _98=document.createTextNode(\"\\r\\n    \");_47.append(_98);}_1.append(_47);const _99=document.createTextNode(\"\\r\\n\");_1.append(_99);_0.append(_1);const _100=document.createTextNode(\"\\r\\n\");_0.append(_100);return _0}\n\n\n//# sourceURL=webpack://@green-code-studio/objects-list/./src/ConfigPopup.mpts?");
+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=\"tableWideView\";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.tableWideView\"));_33.append(_35);_26.append(_33);const _36=document.createTextNode(\"\\r\\n            \");_26.append(_36);const _37=document.createElement(\"option\");const _38=\"listView\";if(typeof _38==='function')_37[\"value\"]=_38;else if(_38!== undefined&&_38!== null&&_38!== false) _37.setAttribute(\"value\",_38);const _39=document.createTextNode(variables[\"t\"](\"objectList.listView\"));_37.append(_39);_26.append(_37);const _40=document.createTextNode(\"\\r\\n        \");_26.append(_40);_21.append(_26);const _41=document.createTextNode(\"\\r\\n    \");_21.append(_41);_1.append(_21);const _42=document.createTextNode(\"\\r\\n    \");_1.append(_42);const _43=document.createElement(\"input\");const _44=\"search\";if(typeof _44==='function')_43[\"type\"]=_44;else if(_44!== undefined&&_44!== null&&_44!== false) _43.setAttribute(\"type\",_44);const _45=variables[\"t\"](\"objectList.search\");if(typeof _45==='function')_43[\"placeholder\"]=_45;else if(_45!== undefined&&_45!== null&&_45!== false) _43.setAttribute(\"placeholder\",_45);_1.append(_43);const _46=document.createTextNode(\"\\r\\n    \");_1.append(_46);let _47=document.createDocumentFragment();for(let [_foreachKey,_foreachValue] of Object.entries(variables[\"categories\"])){let category = _foreachValue;const _48=document.createTextNode(\"\\r\\n        \");_47.append(_48);const _49=document.createElement(\"div\");const _50=\"categoryTableContainer\";if(typeof _50==='function')_49[\"class\"]=_50;else if(_50!== undefined&&_50!== null&&_50!== false) _49.setAttribute(\"class\",_50);const _51=document.createTextNode(\"\\r\\n        \");_49.append(_51);const _52=document.createTextNode(category[\"name\"]);_49.append(_52);const _53=document.createTextNode(\"\\r\\n\\r\\n        \");_49.append(_53);const _54=document.createElement(\"table\");const _55=document.createTextNode(\"\\r\\n            \");_54.append(_55);const _56=document.createElement(\"thead\");const _57=document.createTextNode(\"\\r\\n            \");_56.append(_57);const _58=document.createElement(\"tr\");const _59=document.createTextNode(\"\\r\\n                \");_58.append(_59);const _60=document.createElement(\"th\");const _61=document.createTextNode(variables[\"t\"](\"objectList.columnEnabled\"));_60.append(_61);_58.append(_60);const _62=document.createTextNode(\"\\r\\n                \");_58.append(_62);const _63=document.createElement(\"th\");const _64=document.createTextNode(variables[\"t\"](\"objectList.columnName\"));_63.append(_64);_58.append(_63);const _65=document.createTextNode(\"\\r\\n                \");_58.append(_65);const _66=document.createElement(\"th\");const _67=\"filterHeader\";if(typeof _67==='function')_66[\"class\"]=_67;else if(_67!== undefined&&_67!== null&&_67!== false) _66.setAttribute(\"class\",_67);const _68=document.createTextNode(variables[\"t\"](\"objectList.columnFilter\"));_66.append(_68);_58.append(_66);const _69=document.createTextNode(\"\\r\\n            \");_58.append(_69);_56.append(_58);const _70=document.createTextNode(\"\\r\\n            \");_56.append(_70);_54.append(_56);const _71=document.createTextNode(\"\\r\\n            \");_54.append(_71);const _72=document.createElement(\"tbody\");const _73=document.createTextNode(\"\\r\\n\\r\\n            \");_72.append(_73);let _74=document.createDocumentFragment();for(let [_foreachKey,_foreachValue] of Object.entries(category[\"columns\"])){let column = _foreachValue;const _75=document.createTextNode(\"\\r\\n                \");_74.append(_75);const _76=document.createElement(\"tr\");const _77=document.createTextNode(\"\\r\\n                    \");_76.append(_77);const _78=document.createElement(\"td\");const _79=document.createTextNode(\"\\r\\n                        \");_78.append(_79);const _80=document.createElement(\"input\");const _81=\"checkbox\";if(typeof _81==='function')_80[\"type\"]=_81;else if(_81!== undefined&&_81!== null&&_81!== false) _80.setAttribute(\"type\",_81);const _82=column[\"dataName\"];if(typeof _82==='function')_80[\"data-name\"]=_82;else if(_82!== undefined&&_82!== null&&_82!== false) _80.setAttribute(\"data-name\",_82);_78.append(_80);const _83=document.createTextNode(\"\\r\\n                    \");_78.append(_83);_76.append(_78);const _84=document.createTextNode(\"\\r\\n                    \");_76.append(_84);const _85=document.createElement(\"td\");const _86=document.createTextNode(\"\\r\\n                        \");_85.append(_86);const _87=document.createTextNode(column[\"name\"]);_85.append(_87);const _88=document.createTextNode(\"\\r\\n                    \");_85.append(_88);_76.append(_85);const _89=document.createTextNode(\"\\r\\n                    \");_76.append(_89);let _90=document.createDocumentFragment();if(column[\"isFilter\"]){const _91=document.createTextNode(\"\\r\\n                        \");_90.append(_91);const _92=document.createElement(\"td\");const _93=\"filter\";if(typeof _93==='function')_92[\"class\"]=_93;else if(_93!== undefined&&_93!== null&&_93!== false) _92.setAttribute(\"class\",_93);const _94=column[\"dataName\"];if(typeof _94==='function')_92[\"data-name\"]=_94;else if(_94!== undefined&&_94!== null&&_94!== false) _92.setAttribute(\"data-name\",_94);const _95=document.createTextNode(\"\\r\\n                        \");_92.append(_95);_90.append(_92);const _96=document.createTextNode(\"\\r\\n                    \");_90.append(_96);}_76.append(_90);const _97=document.createTextNode(\"\\r\\n\\r\\n                \");_76.append(_97);_74.append(_76);const _98=document.createTextNode(\"\\r\\n            \");_74.append(_98);}_72.append(_74);const _99=document.createTextNode(\"\\r\\n            \");_72.append(_99);_54.append(_72);const _100=document.createTextNode(\"\\r\\n        \");_54.append(_100);_49.append(_54);const _101=document.createTextNode(\"\\r\\n        \");_49.append(_101);_47.append(_49);const _102=document.createTextNode(\"\\r\\n    \");_47.append(_102);}_1.append(_47);const _103=document.createTextNode(\"\\r\\n    \");_1.append(_103);const _104=document.createElement(\"p\");const _105=\"endInformation\";if(typeof _105==='function')_104[\"class\"]=_105;else if(_105!== undefined&&_105!== null&&_105!== false) _104.setAttribute(\"class\",_105);const _106=document.createTextNode(\"\\r\\n\\r\\n    \");_104.append(_106);_1.append(_104);const _107=document.createTextNode(\"\\r\\n\");_1.append(_107);_0.append(_1);const _108=document.createTextNode(\"\\r\\n\");_0.append(_108);return _0}\n\n\n//# sourceURL=webpack://@green-code-studio/objects-list/./src/ConfigPopup.mpts?");
 
 /***/ }),
 
@@ -206,7 +206,7 @@ eval("\n\n/* istanbul ignore next  */\nfunction styleTagTransform(css, styleElem
   \**********************/
 /***/ ((__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/* harmony import */ var _src_style_objectsList_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../src/style/objectsList.scss */ \"./src/style/objectsList.scss\");\n\r\n\r\n\r\nconsole.log('aa');\r\nconst dataSource={\r\n    async get(options){\r\n        console.log('aaaaaa')\r\n        await new Promise(resolve=>setTimeout(resolve, 1000))\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            total:3000\r\n        }\r\n    }\r\n}\r\nconst objectList=new _src_index_js__WEBPACK_IMPORTED_MODULE_0__.ObjectsList(dataSource)\r\nobjectList.paramsInUrl=true;\r\nobjectList.columns=[\r\n    {dataName:'id', name:'ID', sortName:'id'},\r\n    {dataName:'name', name:'Name'},\r\n    {dataName:'a',name:'a', content:()=>{return 'aaa'}},\r\n    {dataName:'b',name:'b', content:()=>{return 'bbb'}},\r\n    {dataName:'c',name:'c', content:()=>{return 'ccc'}},\r\n]\r\nobjectList.generateActions=()=>[{title:'zz', href:'https://google.com'}]\r\nobjectList.style.height='500px';\r\ndocument.body.appendChild(objectList);\r\nobjectList.readUrl()\r\nobjectList.refresh();\r\n\n\n//# sourceURL=webpack://@green-code-studio/objects-list/./demo/demo.js?");
+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/* harmony import */ var _src_style_objectsList_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../src/style/objectsList.scss */ \"./src/style/objectsList.scss\");\n\r\n\r\n\r\nconsole.log('aa');\r\nconst dataSource={\r\n    async get(options){\r\n        console.log('aaaaaa')\r\n        await new Promise(resolve=>setTimeout(resolve, 1000))\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            total:3000\r\n        }\r\n    }\r\n}\r\nconst objectList=new _src_index_js__WEBPACK_IMPORTED_MODULE_0__.ObjectsList(dataSource)\r\nobjectList.paramsInUrl=false;\r\nobjectList.paramsInLocalStorage=document.location;\r\nobjectList.columns=[\r\n    {dataName:'id', name:'ID', sortName:'id'},\r\n    {dataName:'name', name:'Name'},\r\n    {dataName:'a',name:'a', content:()=>{return 'aaa'}},\r\n    {dataName:'b',name:'b', content:()=>{return 'bbb'}, isFilter:true},\r\n    {dataName:'c',name:'c', content:()=>{return 'ccc'}},\r\n]\r\nobjectList.generateActions=()=>[{title:'zz', href:'https://google.com'}]\r\nobjectList.style.height='500px';\r\ndocument.body.appendChild(objectList);\r\nobjectList.readUrl()\r\nobjectList.refresh();\r\n\n\n//# sourceURL=webpack://@green-code-studio/objects-list/./demo/demo.js?");
 
 /***/ }),
 
@@ -236,7 +236,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \****************************/
 /***/ ((__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: Object.entries(objectsList.columns.reduce((o, c) => {\r\n                o[c.category] = (o[c.category] ?? [])\r\n                o[c.category].push(c);\r\n                return o;\r\n            }, {}))\r\n                .map(([category, columns]) => ({name: category == 'undefined' ? '' : 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        if(objectsList.infiniteScrollEnabled){\r\n            this.querySelector('.mode').value = 'scrollMode'\r\n        }\r\n        if (objectsList.insideViewClass == _tableView_js__WEBPACK_IMPORTED_MODULE_2__.TableView) {\r\n            if (objectsList.insideViewParams?.wide)\r\n                this.querySelector('.view').value = 'tableWideView'\r\n            else\r\n                this.querySelector('.view').value = 'tableView'\r\n        } else if (objectsList.insideViewClass == _listView_js__WEBPACK_IMPORTED_MODULE_3__.ListView) {\r\n            this.querySelector('.view').value = 'listView'\r\n        }\r\n\r\n        this.querySelector('.view').onchange = () => {\r\n            objectsList.insideViewName=this.querySelector('.view').value\r\n            objectsList.refresh()\r\n        }\r\n        // this.addEventListener('blur', () => {\r\n        //     console.log('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            const current = objectsList.columnFilters.get(filterContainer.dataset.name)\r\n            if (current) {\r\n                console.log('ffff')\r\n                filter.set(current)\r\n            }\r\n        }\r\n\r\n        this.querySelector('[type=\"search\"]').oninput = (event) => {\r\n            objectsList.configPopupSearch = event.target.value\r\n            this.refreshSearch(event.target.value)\r\n        }\r\n        if (objectsList.configPopupSearch) {\r\n            this.querySelector('[type=\"search\"]').value = objectsList.configPopupSearch\r\n            this.refreshSearch(objectsList.configPopupSearch)\r\n        }\r\n        this.tabIndex = 0\r\n        setTimeout(() => this.focus(), 1)\r\n        setTimeout(() => this.checkFocus(), 100)\r\n    }\r\n\r\n    refreshSearch(value) {\r\n        for (const table of this.querySelectorAll('.categoryTableContainer')) {\r\n            let anyVisible = false;\r\n            for (const row of table.querySelectorAll('tbody tr')) {\r\n                const visible = row.children[1].textContent.toLowerCase().includes(value.toLowerCase())\r\n                row.style.display = visible ? '' : 'none'\r\n                if (visible)\r\n                    anyVisible = true;\r\n            }\r\n            table.style.display = anyVisible ? '' : 'none'\r\n        }\r\n    }\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?");
+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: Object.entries(objectsList.columns.reduce((o, c) => {\r\n                o[c.category] = (o[c.category] ?? [])\r\n                o[c.category].push(c);\r\n                return o;\r\n            }, {}))\r\n                .map(([category, columns]) => ({name: category == 'undefined' ? '' : 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        if (objectsList.infiniteScrollEnabled) {\r\n            this.querySelector('.mode').value = 'scrollMode'\r\n        }\r\n        if (objectsList.insideViewClass == _tableView_js__WEBPACK_IMPORTED_MODULE_2__.TableView) {\r\n            if (objectsList.insideViewParams?.wide)\r\n                this.querySelector('.view').value = 'tableWideView'\r\n            else\r\n                this.querySelector('.view').value = 'tableView'\r\n        } else if (objectsList.insideViewClass == _listView_js__WEBPACK_IMPORTED_MODULE_3__.ListView) {\r\n            this.querySelector('.view').value = 'listView'\r\n        }\r\n\r\n        this.querySelector('.view').onchange = () => {\r\n            objectsList.insideViewName = this.querySelector('.view').value\r\n            objectsList.refresh()\r\n        }\r\n        // this.addEventListener('blur', () => {\r\n        //     console.log('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            console.log('aa')\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            const current = objectsList.columnFilters.get(filterContainer.dataset.name)\r\n            if (current) {\r\n                console.log('ffff')\r\n                filter.set(current)\r\n            }\r\n        }\r\n\r\n        this.querySelector('[type=\"search\"]').oninput = (event) => {\r\n            objectsList.configPopupSearch = event.target.value\r\n            this.refreshSearch(event.target.value)\r\n        }\r\n        if (objectsList.configPopupSearch) {\r\n            this.querySelector('[type=\"search\"]').value = objectsList.configPopupSearch\r\n            this.refreshSearch(objectsList.configPopupSearch)\r\n        }\r\n        this.tabIndex = 0\r\n        setTimeout(() => this.focus(), 1)\r\n        setTimeout(() => this.checkFocus(), 100)\r\n        this.refreshSearch('')\r\n    }\r\n\r\n    refreshSearch(value) {\r\n        let countedVisible = 0;\r\n        const visibilityLimit = 100;\r\n        for (const table of this.querySelectorAll('.categoryTableContainer')) {\r\n            let anyVisible = false;\r\n            for (const row of table.querySelectorAll('tbody tr')) {\r\n                const shouldBeVisible = row.children[1].textContent.toLowerCase().includes(value.toLowerCase());\r\n                const visible = shouldBeVisible && countedVisible < visibilityLimit;\r\n                row.style.display = visible ? '' : 'none'\r\n                if (visible) {\r\n                    anyVisible = true;\r\n                }\r\n\r\n                countedVisible += shouldBeVisible;\r\n            }\r\n            table.style.display = anyVisible ? '' : 'none'\r\n        }\r\n        const endInformation = this.querySelector('.endInformation');\r\n        if (countedVisible > visibilityLimit) {\r\n            endInformation.style.display = '';\r\n            endInformation.textContent = (0,_i18n_xml__WEBPACK_IMPORTED_MODULE_1__.t)('objectList.visibilityLimitReached') + ' ' + countedVisible\r\n        } else {\r\n            endInformation.style.display = 'none';\r\n        }\r\n    }\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?");
 
 /***/ }),
 
@@ -286,7 +286,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \****************************/
 /***/ ((__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.columnsReordered = [];\r\n        this.columnsReorderedChanged = false;\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.loadConcurencyLimiterTotal = 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.addEventListener('keydown', e => this.onkeydown(e));\r\n        this.infiniteScrollEnabled = false;\r\n    }\r\n\r\n    get columns() {\r\n        return this._columns;\r\n    }\r\n\r\n    set columns(value) {\r\n        this._columns = value;\r\n        this.columnsReordered = value;\r\n        this.columnsReorderedChanged = false;\r\n    }\r\n\r\n    get visibleColumns() {\r\n        return this.columnsReordered.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        console.log('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.params = this.insideViewParams\r\n            this.insideView.refreshHeader()\r\n        }\r\n\r\n        this.refreshLimit();\r\n        const refreshSymbol = Symbol();\r\n        this.lastRefreshSymbol = refreshSymbol;\r\n        this.lastRefreshSymbolTotal = refreshSymbol;\r\n        if (this.asyncTotal) {\r\n            const promise1 = this.loadConcurencyLimiter.run(async () => {\r\n                if (this.lastRefreshSymbol != refreshSymbol) return;\r\n\r\n                let dataRows = this.datasource.getRows(this);\r\n\r\n                if (this.lastRefreshSymbol != refreshSymbol) return;\r\n                const data = await dataRows;\r\n                this.currentRows = dataRows.rows;\r\n                this.fillDataById(data.rows);\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.render();\r\n            });\r\n\r\n            const promise2 = this.loadConcurencyLimiter.run(async () => {\r\n                if (this.lastRefreshSymbolTotal != refreshSymbol) return;\r\n                let dataTotal = this.datasource.getTotal(this);\r\n                const x = await dataTotal\r\n                if (this.lastRefreshSymbolTotal != refreshSymbol) return;\r\n                this.total = x.total;\r\n                this.pagination.totalPages = Math.ceil(this.total / this.limit);\r\n                this.pagination.render();\r\n            });\r\n\r\n            await promise1;\r\n            await promise2;\r\n        } else {\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\r\n        while (this.filterShortContainer.firstChild) {\r\n            this.filterShortContainer.firstChild.remove()\r\n        }\r\n        if (this.columnFilters.size) {\r\n            this.filterShortContainer.append((0,fast_creator__WEBPACK_IMPORTED_MODULE_8__.create)('span', {text: (0,_i18n_xml__WEBPACK_IMPORTED_MODULE_2__.t)('objectList.filtersCount') + ': ' + this.columnFilters.size}));\r\n            const clearButton = (0,fast_creator__WEBPACK_IMPORTED_MODULE_8__.create)('button', {text: (0,_i18n_xml__WEBPACK_IMPORTED_MODULE_2__.t)('objectList.clearFilters')});\r\n            clearButton.onclick = () => {\r\n                this.columnFilters.clear();\r\n                this.refresh();\r\n            }\r\n            this.filterShortContainer.append(clearButton);\r\n        }\r\n        if (this.paramsInUrl) {\r\n            this.setUrl();\r\n        }\r\n    }\r\n\r\n    setUrl() {\r\n        const query = new URLSearchParams(document.location.search)\r\n        console.log('dddddcccc')\r\n        console.log(query)\r\n        let changed = false;\r\n        var visibleColumns = this.visibleColumns.map(x => x.dataName).join();\r\n        if (query.get('visibleColumns') || this.hiddenColumns.size || this.columnsReorderedChanged) {\r\n            if (query.get('visibleColumns') != visibleColumns) {\r\n                query.set('visibleColumns', visibleColumns);\r\n                changed = true;\r\n            }\r\n        }\r\n        if (query.get('sort') || this.sort?.col) {\r\n            if (query.get('sort') != this.sort?.col) {\r\n                query.set('sort', this.sort?.col);\r\n                changed = true;\r\n            }\r\n        }\r\n        if (query.get('sortDesc') == 'true' || this.sort?.desc) {\r\n            if ((query.get('sortDesc') == 'true') != this.sort?.desc) {\r\n                query.set('sortDesc', this.sort?.desc ? 'true' : 'false');\r\n                changed = true;\r\n            }\r\n        }\r\n        if (query.get('columnFilters') || this.columnFilters) {\r\n            if (query.get('columnFilters') != JSON.stringify(Array.from(this.columnFilters.entries()))) {\r\n                query.set('columnFilters', JSON.stringify(Array.from(this.columnFilters.entries())));\r\n                changed = true;\r\n            }\r\n        }\r\n\r\n        if (query.get('insideView') || this.insideViewName) {\r\n            if (query.get('insideView') != this.insideViewName) {\r\n                query.set('insideView', this.insideViewName);\r\n                changed = true;\r\n            }\r\n        }\r\n        if (changed) {\r\n            const url = new URL(document.location);\r\n            url.search = new URLSearchParams(query).toString();\r\n            history.pushState(null, '', url.toString());\r\n        }\r\n    }\r\n\r\n    get insideViewName() {\r\n        if (this.insideViewClass == _tableView_js__WEBPACK_IMPORTED_MODULE_0__.TableView) {\r\n            if (this.insideViewParams?.wide)\r\n                return 'tableWideView';\r\n            else\r\n                return 'tableView'\r\n        } else {\r\n            return 'listView'\r\n        }\r\n    }\r\n\r\n    set insideViewName(value) {\r\n        if (this.insideViewName == value) return;\r\n        if (value == 'tableView') {\r\n            this.insideViewClass = _tableView_js__WEBPACK_IMPORTED_MODULE_0__.TableView\r\n            this.insideViewParams = {wide: false}\r\n        } else if (value == 'tableWideView') {\r\n            this.insideViewClass = _tableView_js__WEBPACK_IMPORTED_MODULE_0__.TableView\r\n            this.insideViewParams = {wide: true}\r\n        } else {\r\n            this.insideViewClass = _listView_js__WEBPACK_IMPORTED_MODULE_1__.ListView\r\n            this.insideViewParams = {}\r\n        }\r\n    }\r\n\r\n    readUrl() {\r\n\r\n        const query = new URLSearchParams(document.location.search)\r\n        if (query.get('visibleColumns')) {\r\n            const splitted = query.get('visibleColumns').split(',');\r\n            this.hiddenColumns = new Set(this.columns.map(x => x.dataName));\r\n            for (const name of splitted) {\r\n                this.hiddenColumns.delete(name);\r\n            }\r\n            for (let i = splitted.length - 1; i > 0; i--) {\r\n                const column = this.columnsReordered.find(x => x.dataName == splitted[i - 1]);\r\n                const next = this.columnsReordered.find(x => x.dataName == splitted[i]);\r\n                if (column) {\r\n                    this.columnsReordered.splice(this.columnsReordered.indexOf(column), 1);\r\n                    if (next)\r\n                        this.columnsReordered.splice(this.columnsReordered.indexOf(next), 0, column);\r\n                    else\r\n                        this.columnsReordered.push(column)\r\n                    this.columnsReorderedChanged = true;\r\n                }\r\n            }\r\n        }\r\n        if (query.get('sort')) {\r\n            this.sort = query.get('sort');\r\n        }\r\n        if (query.get('columnFilters')) {\r\n            this.columnFilters = new Map(JSON.parse(query.get('columnFilters')));\r\n        }\r\n        if (query.get('insideView')) {\r\n            this.insideViewName = query.get('insideView');\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, this.insideViewParams);\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.filterShortContainer = (0,fast_creator__WEBPACK_IMPORTED_MODULE_8__.create)('.filterShortContainer');\r\n        this.foot.append(this.filterShortContainer);\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\r\n    gotoUrl(url) {\r\n        window.location.href = url;\r\n    }\r\n\r\n    onkeydown(e) {\r\n        if (e.ctrlKey) {\r\n            if (e.key == 'ArrowLeft' || e.key == 'ArrowRight') {\r\n                let page = Math.floor(this.start / this.limit);\r\n                page += (e.key == 'ArrowLeft' ? -1 : 1);\r\n                if (page < 0) page = 0;\r\n                else if (page > 0 && page > Math.ceil(this.total / this.limit) - 1) page = Math.ceil(this.total / this.limit) - 1;\r\n                this.start = page * this.limit;\r\n                this.refresh();\r\n            }\r\n        }\r\n    }\r\n\r\n\r\n    reorderColumns(column, next) {\r\n        console.log('reorderColumns')\r\n        if (column) {\r\n            this.columnsReordered.splice(this.columnsReordered.indexOf(column), 1);\r\n            if (next)\r\n                this.columnsReordered.splice(this.columnsReordered.indexOf(next), 0, column);\r\n            else\r\n                this.columnsReordered.push(column)\r\n\r\n            this.columnsReorderedChanged = true;\r\n            if (this.insideView.setColumnsWidths) {\r\n                this.insideView.setColumnsWidths()\r\n            }\r\n        }\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?");
+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.columnsReordered = [];\r\n        this.columnsReorderedChanged = false;\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.loadConcurencyLimiterTotal = 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        this.resizeBinded = this.resize.bind(this);\r\n        this.popstateBinded = this.readUrl.bind(this);\r\n        this.readUrl()\r\n        this.addEventListener('keydown', e => this.onkeydown(e));\r\n        this.infiniteScrollEnabled = false;\r\n    }\r\n\r\n    connectedCallback() {\r\n        addEventListener('resize', this.resizeBinded);\r\n        addEventListener(\"popstate\", this.popstateBinded)\r\n        if (this.paramsInLocalStorage) {\r\n            this.applyParams(JSON.parse(localStorage['objectList_params_'+this.paramsInLocalStorage]));\r\n        }\r\n    }\r\n\r\n    disconnectedCallback() {\r\n        removeEventListener('resize', this.resizeBinded);\r\n        removeEventListener(\"popstate\", this.popstateBinded)\r\n    }\r\n\r\n    get columns() {\r\n        return this._columns;\r\n    }\r\n\r\n    set columns(value) {\r\n        this._columns = value;\r\n        this.columnsReordered = value;\r\n        this.columnsReorderedChanged = false;\r\n    }\r\n\r\n    get visibleColumns() {\r\n        return this.columnsReordered.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        console.log('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.params = this.insideViewParams\r\n            this.insideView.refreshHeader()\r\n        }\r\n\r\n        this.refreshLimit();\r\n        const refreshSymbol = Symbol();\r\n        this.lastRefreshSymbol = refreshSymbol;\r\n        this.lastRefreshSymbolTotal = refreshSymbol;\r\n        if (this.asyncTotal) {\r\n            const promise1 = this.loadConcurencyLimiter.run(async () => {\r\n                if (this.lastRefreshSymbol != refreshSymbol) return;\r\n\r\n                const data = await this.datasource.getRows(this);\r\n\r\n                if (this.lastRefreshSymbol != refreshSymbol) return;\r\n                this.currentRows = data.rows;\r\n                this.fillDataById(data.rows);\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.render();\r\n            });\r\n\r\n            const promise2 = this.loadConcurencyLimiter.run(async () => {\r\n                if (this.lastRefreshSymbolTotal != refreshSymbol) return;\r\n                let dataTotal = this.datasource.getTotal(this);\r\n                const x = await dataTotal\r\n                if (this.lastRefreshSymbolTotal != refreshSymbol) return;\r\n                this.total = x.total;\r\n                this.pagination.totalPages = Math.ceil(this.total / this.limit);\r\n                this.pagination.render();\r\n            });\r\n\r\n            await promise1;\r\n            await promise2;\r\n        } else {\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\r\n        while (this.filterShortContainer.firstChild) {\r\n            this.filterShortContainer.firstChild.remove()\r\n        }\r\n        if (this.columnFilters.size) {\r\n            this.filterShortContainer.append((0,fast_creator__WEBPACK_IMPORTED_MODULE_8__.create)('span', {text: (0,_i18n_xml__WEBPACK_IMPORTED_MODULE_2__.t)('objectList.filtersCount') + ': ' + this.columnFilters.size}));\r\n            const clearButton = (0,fast_creator__WEBPACK_IMPORTED_MODULE_8__.create)('button', {text: (0,_i18n_xml__WEBPACK_IMPORTED_MODULE_2__.t)('objectList.clearFilters')});\r\n            clearButton.onclick = () => {\r\n                this.columnFilters.clear();\r\n                this.refresh();\r\n            }\r\n            this.filterShortContainer.append(clearButton);\r\n        }\r\n        if (this.paramsInUrl) {\r\n            this.setUrl();\r\n        }\r\n        if (this.paramsInLocalStorage) {\r\n            this.setLocalStorage();\r\n        }\r\n    }\r\n\r\n    setUrl() {\r\n        const query = new URLSearchParams(document.location.search)\r\n        const prev = Object.fromEntries([...query]);\r\n        const next = new URLSearchParams(this.serializeParams(prev))\r\n        console.log('dddddcccc')\r\n        console.log(query)\r\n        if (prev.toString() !== next.toString()) {\r\n            const url = new URL(document.location);\r\n            url.search = next.toString();\r\n            history.pushState(null, '', url.toString());\r\n        }\r\n    }\r\n    setLocalStorage() {\r\n        const prev = JSON.parse(localStorage.getItem('objectList_params_'+this.paramsInLocalStorage));\r\n        const next = this.serializeParams(prev);\r\n        if (JSON.stringify(prev) !== JSON.stringify(next)) {\r\n            localStorage.setItem(this.paramsInLocalStorage, JSON.stringify(next));\r\n        }\r\n    }\r\n\r\n    serializeParams(old = {}) {\r\n        old=old||{};\r\n        let ret = {};\r\n        let changed = false;\r\n        var visibleColumns = this.visibleColumns.map(x => x.dataName).join();\r\n        if (old.visibleColumns || this.hiddenColumns.size || this.columnsReorderedChanged) {\r\n            ret.visibleColumns = visibleColumns;\r\n            changed = true;\r\n\r\n        }\r\n        if (old.sort || this.sort?.col) {\r\n            ret.sort = this.sort?.col;\r\n\r\n        }\r\n        if (old.sortDesc == 'true' || this.sort?.desc) {\r\n            ret.sortDesc = this.sort?.desc ? 'true' : 'false';\r\n\r\n\r\n        }\r\n        if (old.columnFilters || this.columnFilters) {\r\n            ret.columnFilters = JSON.stringify(Array.from(this.columnFilters.entries()));\r\n\r\n        }\r\n\r\n        if (old.insideView || this.insideViewName) {\r\n            ret.insideView = this.insideViewName;\r\n        }\r\n        return ret;\r\n    }\r\n\r\n    get insideViewName() {\r\n        if (this.insideViewClass == _tableView_js__WEBPACK_IMPORTED_MODULE_0__.TableView) {\r\n            if (this.insideViewParams?.wide)\r\n                return 'tableWideView';\r\n            else\r\n                return 'tableView'\r\n        } else {\r\n            return 'listView'\r\n        }\r\n    }\r\n\r\n    set insideViewName(value) {\r\n        if (this.insideViewName == value) return;\r\n        if (value == 'tableView') {\r\n            this.insideViewClass = _tableView_js__WEBPACK_IMPORTED_MODULE_0__.TableView\r\n            this.insideViewParams = {wide: false}\r\n        } else if (value == 'tableWideView') {\r\n            this.insideViewClass = _tableView_js__WEBPACK_IMPORTED_MODULE_0__.TableView\r\n            this.insideViewParams = {wide: true}\r\n        } else {\r\n            this.insideViewClass = _listView_js__WEBPACK_IMPORTED_MODULE_1__.ListView\r\n            this.insideViewParams = {}\r\n        }\r\n    }\r\n\r\n    readUrl() {\r\n\r\n        const query = new URLSearchParams(document.location.search)\r\n        const params = Object.fromEntries([...query]);\r\n        this.applyParams(params)\r\n    }\r\n\r\n    applyParams(params) {\r\n        if (params.visibleColumns) {\r\n            const splitted = params.visibleColumns.split(',');\r\n            this.hiddenColumns = new Set(this.columns.map(x => x.dataName));\r\n            for (const name of splitted) {\r\n                this.hiddenColumns.delete(name);\r\n            }\r\n            for (let i = splitted.length - 1; i > 0; i--) {\r\n                const column = this.columnsReordered.find(x => x.dataName == splitted[i - 1]);\r\n                const next = this.columnsReordered.find(x => x.dataName == splitted[i]);\r\n                if (column) {\r\n                    this.columnsReordered.splice(this.columnsReordered.indexOf(column), 1);\r\n                    if (next)\r\n                        this.columnsReordered.splice(this.columnsReordered.indexOf(next), 0, column);\r\n                    else\r\n                        this.columnsReordered.push(column)\r\n                    this.columnsReorderedChanged = true;\r\n                }\r\n            }\r\n        }\r\n        if (params.sort) {\r\n            this.sort = params.sort;\r\n        }\r\n        if (params.columnFilters) {\r\n            this.columnFilters = new Map(JSON.parse(params.columnFilters));\r\n        }\r\n        if (params.insideView) {\r\n            this.insideViewName = params.insideView;\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, this.insideViewParams);\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.filterShortContainer = (0,fast_creator__WEBPACK_IMPORTED_MODULE_8__.create)('.filterShortContainer');\r\n        this.foot.append(this.filterShortContainer);\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\r\n    gotoUrl(url) {\r\n        window.location.href = url;\r\n    }\r\n\r\n    onkeydown(e) {\r\n        if (e.ctrlKey) {\r\n            if (e.key == 'ArrowLeft' || e.key == 'ArrowRight') {\r\n                let page = Math.floor(this.start / this.limit);\r\n                page += (e.key == 'ArrowLeft' ? -1 : 1);\r\n                if (page < 0) page = 0;\r\n                else if (page > 0 && page > Math.ceil(this.total / this.limit) - 1) page = Math.ceil(this.total / this.limit) - 1;\r\n                this.start = page * this.limit;\r\n                this.refresh();\r\n            }\r\n        }\r\n    }\r\n\r\n\r\n    reorderColumns(column, next) {\r\n        console.log('reorderColumns')\r\n        if (column) {\r\n            this.columnsReordered.splice(this.columnsReordered.indexOf(column), 1);\r\n            if (next)\r\n                this.columnsReordered.splice(this.columnsReordered.indexOf(next), 0, column);\r\n            else\r\n                this.columnsReordered.push(column)\r\n\r\n            this.columnsReorderedChanged = true;\r\n            if (this.insideView.setColumnsWidths) {\r\n                this.insideView.setColumnsWidths()\r\n            }\r\n        }\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?");
 
 /***/ }),
 

package/dist/index.mjs

@@ -54,7 +54,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \**********************/
 /***/ ((__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:\"tableWideView\", 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 (szeroka)\")},{lang:\"en\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Table view (wide)\")}],[])},{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:\"filtersCount\", 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(\"Liczba filtrów\")},{lang:\"en\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Filters count\")}],[])},{name:\"clearFilters\", 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(\"Wyczyść filtry\")},{lang:\"en\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Clear filters\")}],[])},{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:\"inNewTab\", 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(\"W nowej karcie\")},{lang:\"en\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"In new tab\")}],[])}])},{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:\"notEquals\", 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(\"Nie równa się\")},{lang:\"en\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Not 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?");
+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:\"tableWideView\", 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 (szeroka)\")},{lang:\"en\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Table view (wide)\")}],[])},{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:\"filtersCount\", 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(\"Liczba filtrów\")},{lang:\"en\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Filters count\")}],[])},{name:\"clearFilters\", 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(\"Wyczyść filtry\")},{lang:\"en\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Clear filters\")}],[])},{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:\"inNewTab\", 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(\"W nowej karcie\")},{lang:\"en\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"In new tab\")}],[])},{name:\"visibilityLimitReached\", 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(\"Reszta pól została ukryta. Wszystkich pól: \")},{lang:\"en\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"The rest of the fields have been hidden. All fields: \")}],[])},{name:\"sort\", 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(\"Sortuj\")},{lang:\"en\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Sort\")}],[])}])},{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:\"notEquals\", 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(\"Nie równa się\")},{lang:\"en\", value: new _green_code_studio_internationalization_i18nTextValue_js__WEBPACK_IMPORTED_MODULE_1__.I18nTextValue(\"Not 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?");
 
 /***/ }),
 
@@ -94,7 +94,7 @@ eval("\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(obje
   \******************************/
 /***/ ((__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=\"tableWideView\";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.tableWideView\"));_33.append(_35);_26.append(_33);const _36=document.createTextNode(\"\\r\\n            \");_26.append(_36);const _37=document.createElement(\"option\");const _38=\"listView\";if(typeof _38==='function')_37[\"value\"]=_38;else if(_38!== undefined&&_38!== null&&_38!== false) _37.setAttribute(\"value\",_38);const _39=document.createTextNode(variables[\"t\"](\"objectList.listView\"));_37.append(_39);_26.append(_37);const _40=document.createTextNode(\"\\r\\n        \");_26.append(_40);_21.append(_26);const _41=document.createTextNode(\"\\r\\n    \");_21.append(_41);_1.append(_21);const _42=document.createTextNode(\"\\r\\n    \");_1.append(_42);const _43=document.createElement(\"input\");const _44=\"search\";if(typeof _44==='function')_43[\"type\"]=_44;else if(_44!== undefined&&_44!== null&&_44!== false) _43.setAttribute(\"type\",_44);const _45=variables[\"t\"](\"objectList.search\");if(typeof _45==='function')_43[\"placeholder\"]=_45;else if(_45!== undefined&&_45!== null&&_45!== false) _43.setAttribute(\"placeholder\",_45);_1.append(_43);const _46=document.createTextNode(\"\\r\\n    \");_1.append(_46);let _47=document.createDocumentFragment();for(let [_foreachKey,_foreachValue] of Object.entries(variables[\"categories\"])){let category = _foreachValue;const _48=document.createTextNode(\"\\r\\n        \");_47.append(_48);const _49=document.createElement(\"div\");const _50=\"categoryTableContainer\";if(typeof _50==='function')_49[\"class\"]=_50;else if(_50!== undefined&&_50!== null&&_50!== false) _49.setAttribute(\"class\",_50);const _51=document.createTextNode(\"\\r\\n        \");_49.append(_51);const _52=document.createTextNode(category[\"name\"]);_49.append(_52);const _53=document.createTextNode(\"\\r\\n\\r\\n        \");_49.append(_53);const _54=document.createElement(\"table\");const _55=document.createTextNode(\"\\r\\n            \");_54.append(_55);const _56=document.createElement(\"thead\");const _57=document.createTextNode(\"\\r\\n            \");_56.append(_57);const _58=document.createElement(\"tr\");const _59=document.createTextNode(\"\\r\\n                \");_58.append(_59);const _60=document.createElement(\"th\");const _61=document.createTextNode(variables[\"t\"](\"objectList.columnEnabled\"));_60.append(_61);_58.append(_60);const _62=document.createTextNode(\"\\r\\n                \");_58.append(_62);const _63=document.createElement(\"th\");const _64=document.createTextNode(variables[\"t\"](\"objectList.columnName\"));_63.append(_64);_58.append(_63);const _65=document.createTextNode(\"\\r\\n                \");_58.append(_65);const _66=document.createElement(\"th\");const _67=document.createTextNode(variables[\"t\"](\"objectList.columnFilter\"));_66.append(_67);_58.append(_66);const _68=document.createTextNode(\"\\r\\n            \");_58.append(_68);_56.append(_58);const _69=document.createTextNode(\"\\r\\n            \");_56.append(_69);_54.append(_56);const _70=document.createTextNode(\"\\r\\n            \");_54.append(_70);const _71=document.createElement(\"tbody\");const _72=document.createTextNode(\"\\r\\n\\r\\n            \");_71.append(_72);let _73=document.createDocumentFragment();for(let [_foreachKey,_foreachValue] of Object.entries(category[\"columns\"])){let column = _foreachValue;const _74=document.createTextNode(\"\\r\\n                \");_73.append(_74);const _75=document.createElement(\"tr\");const _76=document.createTextNode(\"\\r\\n                    \");_75.append(_76);const _77=document.createElement(\"td\");const _78=document.createTextNode(\"\\r\\n                        \");_77.append(_78);const _79=document.createElement(\"input\");const _80=\"checkbox\";if(typeof _80==='function')_79[\"type\"]=_80;else if(_80!== undefined&&_80!== null&&_80!== false) _79.setAttribute(\"type\",_80);const _81=column[\"dataName\"];if(typeof _81==='function')_79[\"data-name\"]=_81;else if(_81!== undefined&&_81!== null&&_81!== false) _79.setAttribute(\"data-name\",_81);_77.append(_79);const _82=document.createTextNode(\"\\r\\n                    \");_77.append(_82);_75.append(_77);const _83=document.createTextNode(\"\\r\\n                    \");_75.append(_83);const _84=document.createElement(\"td\");const _85=document.createTextNode(\"\\r\\n                        \");_84.append(_85);const _86=document.createTextNode(column[\"name\"]);_84.append(_86);const _87=document.createTextNode(\"\\r\\n                    \");_84.append(_87);_75.append(_84);const _88=document.createTextNode(\"\\r\\n                    \");_75.append(_88);const _89=document.createElement(\"td\");const _90=\"filter\";if(typeof _90==='function')_89[\"class\"]=_90;else if(_90!== undefined&&_90!== null&&_90!== false) _89.setAttribute(\"class\",_90);const _91=column[\"dataName\"];if(typeof _91==='function')_89[\"data-name\"]=_91;else if(_91!== undefined&&_91!== null&&_91!== false) _89.setAttribute(\"data-name\",_91);const _92=document.createTextNode(\"\\r\\n\\r\\n                    \");_89.append(_92);_75.append(_89);const _93=document.createTextNode(\"\\r\\n                \");_75.append(_93);_73.append(_75);const _94=document.createTextNode(\"\\r\\n            \");_73.append(_94);}_71.append(_73);const _95=document.createTextNode(\"\\r\\n            \");_71.append(_95);_54.append(_71);const _96=document.createTextNode(\"\\r\\n        \");_54.append(_96);_49.append(_54);const _97=document.createTextNode(\"\\r\\n        \");_49.append(_97);_47.append(_49);const _98=document.createTextNode(\"\\r\\n    \");_47.append(_98);}_1.append(_47);const _99=document.createTextNode(\"\\r\\n\");_1.append(_99);_0.append(_1);const _100=document.createTextNode(\"\\r\\n\");_0.append(_100);return _0}\n\n\n//# sourceURL=webpack://@green-code-studio/objects-list/./src/ConfigPopup.mpts?");
+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=\"tableWideView\";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.tableWideView\"));_33.append(_35);_26.append(_33);const _36=document.createTextNode(\"\\r\\n            \");_26.append(_36);const _37=document.createElement(\"option\");const _38=\"listView\";if(typeof _38==='function')_37[\"value\"]=_38;else if(_38!== undefined&&_38!== null&&_38!== false) _37.setAttribute(\"value\",_38);const _39=document.createTextNode(variables[\"t\"](\"objectList.listView\"));_37.append(_39);_26.append(_37);const _40=document.createTextNode(\"\\r\\n        \");_26.append(_40);_21.append(_26);const _41=document.createTextNode(\"\\r\\n    \");_21.append(_41);_1.append(_21);const _42=document.createTextNode(\"\\r\\n    \");_1.append(_42);const _43=document.createElement(\"input\");const _44=\"search\";if(typeof _44==='function')_43[\"type\"]=_44;else if(_44!== undefined&&_44!== null&&_44!== false) _43.setAttribute(\"type\",_44);const _45=variables[\"t\"](\"objectList.search\");if(typeof _45==='function')_43[\"placeholder\"]=_45;else if(_45!== undefined&&_45!== null&&_45!== false) _43.setAttribute(\"placeholder\",_45);_1.append(_43);const _46=document.createTextNode(\"\\r\\n    \");_1.append(_46);let _47=document.createDocumentFragment();for(let [_foreachKey,_foreachValue] of Object.entries(variables[\"categories\"])){let category = _foreachValue;const _48=document.createTextNode(\"\\r\\n        \");_47.append(_48);const _49=document.createElement(\"div\");const _50=\"categoryTableContainer\";if(typeof _50==='function')_49[\"class\"]=_50;else if(_50!== undefined&&_50!== null&&_50!== false) _49.setAttribute(\"class\",_50);const _51=document.createTextNode(\"\\r\\n        \");_49.append(_51);const _52=document.createTextNode(category[\"name\"]);_49.append(_52);const _53=document.createTextNode(\"\\r\\n\\r\\n        \");_49.append(_53);const _54=document.createElement(\"table\");const _55=document.createTextNode(\"\\r\\n            \");_54.append(_55);const _56=document.createElement(\"thead\");const _57=document.createTextNode(\"\\r\\n            \");_56.append(_57);const _58=document.createElement(\"tr\");const _59=document.createTextNode(\"\\r\\n                \");_58.append(_59);const _60=document.createElement(\"th\");const _61=document.createTextNode(variables[\"t\"](\"objectList.columnEnabled\"));_60.append(_61);_58.append(_60);const _62=document.createTextNode(\"\\r\\n                \");_58.append(_62);const _63=document.createElement(\"th\");const _64=document.createTextNode(variables[\"t\"](\"objectList.columnName\"));_63.append(_64);_58.append(_63);const _65=document.createTextNode(\"\\r\\n                \");_58.append(_65);const _66=document.createElement(\"th\");const _67=\"filterHeader\";if(typeof _67==='function')_66[\"class\"]=_67;else if(_67!== undefined&&_67!== null&&_67!== false) _66.setAttribute(\"class\",_67);const _68=document.createTextNode(variables[\"t\"](\"objectList.columnFilter\"));_66.append(_68);_58.append(_66);const _69=document.createTextNode(\"\\r\\n            \");_58.append(_69);_56.append(_58);const _70=document.createTextNode(\"\\r\\n            \");_56.append(_70);_54.append(_56);const _71=document.createTextNode(\"\\r\\n            \");_54.append(_71);const _72=document.createElement(\"tbody\");const _73=document.createTextNode(\"\\r\\n\\r\\n            \");_72.append(_73);let _74=document.createDocumentFragment();for(let [_foreachKey,_foreachValue] of Object.entries(category[\"columns\"])){let column = _foreachValue;const _75=document.createTextNode(\"\\r\\n                \");_74.append(_75);const _76=document.createElement(\"tr\");const _77=document.createTextNode(\"\\r\\n                    \");_76.append(_77);const _78=document.createElement(\"td\");const _79=document.createTextNode(\"\\r\\n                        \");_78.append(_79);const _80=document.createElement(\"input\");const _81=\"checkbox\";if(typeof _81==='function')_80[\"type\"]=_81;else if(_81!== undefined&&_81!== null&&_81!== false) _80.setAttribute(\"type\",_81);const _82=column[\"dataName\"];if(typeof _82==='function')_80[\"data-name\"]=_82;else if(_82!== undefined&&_82!== null&&_82!== false) _80.setAttribute(\"data-name\",_82);_78.append(_80);const _83=document.createTextNode(\"\\r\\n                    \");_78.append(_83);_76.append(_78);const _84=document.createTextNode(\"\\r\\n                    \");_76.append(_84);const _85=document.createElement(\"td\");const _86=document.createTextNode(\"\\r\\n                        \");_85.append(_86);let _87=document.createDocumentFragment();if(column[\"sortName\"]){const _88=document.createTextNode(\"\\r\\n                            \");_87.append(_88);const _89=document.createElement(\"button\");const _90=\"sortBtn\";if(typeof _90==='function')_89[\"class\"]=_90;else if(_90!== undefined&&_90!== null&&_90!== false) _89.setAttribute(\"class\",_90);const _91=column[\"dataName\"];if(typeof _91==='function')_89[\"data-name\"]=_91;else if(_91!== undefined&&_91!== null&&_91!== false) _89.setAttribute(\"data-name\",_91);const _92=\"button\";if(typeof _92==='function')_89[\"type\"]=_92;else if(_92!== undefined&&_92!== null&&_92!== false) _89.setAttribute(\"type\",_92);const _93=document.createTextNode(variables[\"t\"](\"objectList.sort\"));_89.append(_93);_87.append(_89);const _94=document.createTextNode(\"\\r\\n                        \");_87.append(_94);}_85.append(_87);const _95=document.createTextNode(\"\\r\\n                    \");_85.append(_95);_76.append(_85);const _96=document.createTextNode(\"\\r\\n                    \");_76.append(_96);const _97=document.createElement(\"td\");const _98=document.createTextNode(\"\\r\\n                        \");_97.append(_98);const _99=document.createTextNode(column[\"name\"]);_97.append(_99);const _100=document.createTextNode(\"\\r\\n                    \");_97.append(_100);_76.append(_97);const _101=document.createTextNode(\"\\r\\n                    \");_76.append(_101);let _102=document.createDocumentFragment();if(column[\"isFilter\"]){const _103=document.createTextNode(\"\\r\\n                        \");_102.append(_103);const _104=document.createElement(\"td\");const _105=\"filter\";if(typeof _105==='function')_104[\"class\"]=_105;else if(_105!== undefined&&_105!== null&&_105!== false) _104.setAttribute(\"class\",_105);const _106=column[\"dataName\"];if(typeof _106==='function')_104[\"data-name\"]=_106;else if(_106!== undefined&&_106!== null&&_106!== false) _104.setAttribute(\"data-name\",_106);const _107=document.createTextNode(\"\\r\\n                        \");_104.append(_107);_102.append(_104);const _108=document.createTextNode(\"\\r\\n                    \");_102.append(_108);}_76.append(_102);const _109=document.createTextNode(\"\\r\\n\\r\\n                \");_76.append(_109);_74.append(_76);const _110=document.createTextNode(\"\\r\\n            \");_74.append(_110);}_72.append(_74);const _111=document.createTextNode(\"\\r\\n            \");_72.append(_111);_54.append(_72);const _112=document.createTextNode(\"\\r\\n        \");_54.append(_112);_49.append(_54);const _113=document.createTextNode(\"\\r\\n        \");_49.append(_113);_47.append(_49);const _114=document.createTextNode(\"\\r\\n    \");_47.append(_114);}_1.append(_47);const _115=document.createTextNode(\"\\r\\n    \");_1.append(_115);const _116=document.createElement(\"p\");const _117=\"endInformation\";if(typeof _117==='function')_116[\"class\"]=_117;else if(_117!== undefined&&_117!== null&&_117!== false) _116.setAttribute(\"class\",_117);const _118=document.createTextNode(\"\\r\\n\\r\\n    \");_116.append(_118);_1.append(_116);const _119=document.createTextNode(\"\\r\\n\");_1.append(_119);_0.append(_1);const _120=document.createTextNode(\"\\r\\n\");_0.append(_120);return _0}\n\n\n//# sourceURL=webpack://@green-code-studio/objects-list/./src/ConfigPopup.mpts?");
 
 /***/ }),
 
@@ -124,7 +124,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \****************************/
 /***/ ((__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: Object.entries(objectsList.columns.reduce((o, c) => {\r\n                o[c.category] = (o[c.category] ?? [])\r\n                o[c.category].push(c);\r\n                return o;\r\n            }, {}))\r\n                .map(([category, columns]) => ({name: category == 'undefined' ? '' : 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        if(objectsList.infiniteScrollEnabled){\r\n            this.querySelector('.mode').value = 'scrollMode'\r\n        }\r\n        if (objectsList.insideViewClass == _tableView_js__WEBPACK_IMPORTED_MODULE_2__.TableView) {\r\n            if (objectsList.insideViewParams?.wide)\r\n                this.querySelector('.view').value = 'tableWideView'\r\n            else\r\n                this.querySelector('.view').value = 'tableView'\r\n        } else if (objectsList.insideViewClass == _listView_js__WEBPACK_IMPORTED_MODULE_3__.ListView) {\r\n            this.querySelector('.view').value = 'listView'\r\n        }\r\n\r\n        this.querySelector('.view').onchange = () => {\r\n            objectsList.insideViewName=this.querySelector('.view').value\r\n            objectsList.refresh()\r\n        }\r\n        // this.addEventListener('blur', () => {\r\n        //     console.log('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            const current = objectsList.columnFilters.get(filterContainer.dataset.name)\r\n            if (current) {\r\n                console.log('ffff')\r\n                filter.set(current)\r\n            }\r\n        }\r\n\r\n        this.querySelector('[type=\"search\"]').oninput = (event) => {\r\n            objectsList.configPopupSearch = event.target.value\r\n            this.refreshSearch(event.target.value)\r\n        }\r\n        if (objectsList.configPopupSearch) {\r\n            this.querySelector('[type=\"search\"]').value = objectsList.configPopupSearch\r\n            this.refreshSearch(objectsList.configPopupSearch)\r\n        }\r\n        this.tabIndex = 0\r\n        setTimeout(() => this.focus(), 1)\r\n        setTimeout(() => this.checkFocus(), 100)\r\n    }\r\n\r\n    refreshSearch(value) {\r\n        for (const table of this.querySelectorAll('.categoryTableContainer')) {\r\n            let anyVisible = false;\r\n            for (const row of table.querySelectorAll('tbody tr')) {\r\n                const visible = row.children[1].textContent.toLowerCase().includes(value.toLowerCase())\r\n                row.style.display = visible ? '' : 'none'\r\n                if (visible)\r\n                    anyVisible = true;\r\n            }\r\n            table.style.display = anyVisible ? '' : 'none'\r\n        }\r\n    }\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?");
+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: Object.entries(objectsList.columns.reduce((o, c) => {\r\n                o[c.category] = (o[c.category] ?? [])\r\n                o[c.category].push(c);\r\n                return o;\r\n            }, {}))\r\n                .map(([category, columns]) => ({name: category == 'undefined' ? '' : 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        if (objectsList.infiniteScrollEnabled) {\r\n            this.querySelector('.mode').value = 'scrollMode'\r\n        }\r\n        if (objectsList.insideViewClass == _tableView_js__WEBPACK_IMPORTED_MODULE_2__.TableView) {\r\n            if (objectsList.insideViewParams?.wide)\r\n                this.querySelector('.view').value = 'tableWideView'\r\n            else\r\n                this.querySelector('.view').value = 'tableView'\r\n        } else if (objectsList.insideViewClass == _listView_js__WEBPACK_IMPORTED_MODULE_3__.ListView) {\r\n            this.querySelector('.view').value = 'listView'\r\n        }\r\n\r\n        this.querySelector('.view').onchange = () => {\r\n            objectsList.insideViewName = this.querySelector('.view').value\r\n            objectsList.refresh()\r\n        }\r\n        // this.addEventListener('blur', () => {\r\n        //     console.log('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        for (const sortBtn of this.querySelectorAll('.sortBtn')){\r\n            sortBtn.onclick = () => {\r\n                const column = objectsList.columns.find(x => x.dataName == sortBtn.dataset.name)\r\n                if (column) {\r\n                    column.sort = column.sort == 'asc' ? 'desc' : 'asc'\r\n                    objectsList.refresh()\r\n                }\r\n            }\r\n        }\r\n\r\n        for (const filterContainer of this.querySelectorAll('table .filter')) {\r\n            console.log('aa')\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            const current = objectsList.columnFilters.get(filterContainer.dataset.name)\r\n            if (current) {\r\n                console.log('ffff')\r\n                filter.set(current)\r\n            }\r\n        }\r\n\r\n        this.querySelector('[type=\"search\"]').oninput = (event) => {\r\n            objectsList.configPopupSearch = event.target.value\r\n            this.refreshSearch(event.target.value)\r\n        }\r\n        if (objectsList.configPopupSearch) {\r\n            this.querySelector('[type=\"search\"]').value = objectsList.configPopupSearch\r\n            this.refreshSearch(objectsList.configPopupSearch)\r\n        }\r\n        this.tabIndex = 0\r\n        setTimeout(() => this.focus(), 1)\r\n        setTimeout(() => this.checkFocus(), 100)\r\n        this.refreshSearch('')\r\n    }\r\n\r\n    refreshSearch(value) {\r\n        let countedVisible = 0;\r\n        const visibilityLimit = 100;\r\n        for (const table of this.querySelectorAll('.categoryTableContainer')) {\r\n            let anyVisible = false;\r\n            for (const row of table.querySelectorAll('tbody tr')) {\r\n                const shouldBeVisible = row.children[1].textContent.toLowerCase().includes(value.toLowerCase());\r\n                const visible = shouldBeVisible && countedVisible < visibilityLimit;\r\n                row.style.display = visible ? '' : 'none'\r\n                if (visible) {\r\n                    anyVisible = true;\r\n                }\r\n\r\n                countedVisible += shouldBeVisible;\r\n            }\r\n            table.style.display = anyVisible ? '' : 'none'\r\n        }\r\n        const endInformation = this.querySelector('.endInformation');\r\n        if (countedVisible > visibilityLimit) {\r\n            endInformation.style.display = '';\r\n            endInformation.textContent = (0,_i18n_xml__WEBPACK_IMPORTED_MODULE_1__.t)('objectList.visibilityLimitReached') + ' ' + countedVisible\r\n        } else {\r\n            endInformation.style.display = 'none';\r\n        }\r\n    }\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?");
 
 /***/ }),
 
@@ -174,7 +174,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \****************************/
 /***/ ((__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.columnsReordered = [];\r\n        this.columnsReorderedChanged = false;\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.loadConcurencyLimiterTotal = 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.addEventListener('keydown', e => this.onkeydown(e));\r\n        this.infiniteScrollEnabled = false;\r\n    }\r\n\r\n    get columns() {\r\n        return this._columns;\r\n    }\r\n\r\n    set columns(value) {\r\n        this._columns = value;\r\n        this.columnsReordered = value;\r\n        this.columnsReorderedChanged = false;\r\n    }\r\n\r\n    get visibleColumns() {\r\n        return this.columnsReordered.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        console.log('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.params = this.insideViewParams\r\n            this.insideView.refreshHeader()\r\n        }\r\n\r\n        this.refreshLimit();\r\n        const refreshSymbol = Symbol();\r\n        this.lastRefreshSymbol = refreshSymbol;\r\n        this.lastRefreshSymbolTotal = refreshSymbol;\r\n        if (this.asyncTotal) {\r\n            const promise1 = this.loadConcurencyLimiter.run(async () => {\r\n                if (this.lastRefreshSymbol != refreshSymbol) return;\r\n\r\n                const data = await this.datasource.getRows(this);\r\n\r\n                if (this.lastRefreshSymbol != refreshSymbol) return;\r\n                this.currentRows = data.rows;\r\n                this.fillDataById(data.rows);\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.render();\r\n            });\r\n\r\n            const promise2 = this.loadConcurencyLimiter.run(async () => {\r\n                if (this.lastRefreshSymbolTotal != refreshSymbol) return;\r\n                let dataTotal = this.datasource.getTotal(this);\r\n                const x = await dataTotal\r\n                if (this.lastRefreshSymbolTotal != refreshSymbol) return;\r\n                this.total = x.total;\r\n                this.pagination.totalPages = Math.ceil(this.total / this.limit);\r\n                this.pagination.render();\r\n            });\r\n\r\n            await promise1;\r\n            await promise2;\r\n        } else {\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\r\n        while (this.filterShortContainer.firstChild) {\r\n            this.filterShortContainer.firstChild.remove()\r\n        }\r\n        if (this.columnFilters.size) {\r\n            this.filterShortContainer.append((0,fast_creator__WEBPACK_IMPORTED_MODULE_8__.create)('span', {text: (0,_i18n_xml__WEBPACK_IMPORTED_MODULE_2__.t)('objectList.filtersCount') + ': ' + this.columnFilters.size}));\r\n            const clearButton = (0,fast_creator__WEBPACK_IMPORTED_MODULE_8__.create)('button', {text: (0,_i18n_xml__WEBPACK_IMPORTED_MODULE_2__.t)('objectList.clearFilters')});\r\n            clearButton.onclick = () => {\r\n                this.columnFilters.clear();\r\n                this.refresh();\r\n            }\r\n            this.filterShortContainer.append(clearButton);\r\n        }\r\n        if (this.paramsInUrl) {\r\n            this.setUrl();\r\n        }\r\n    }\r\n\r\n    setUrl() {\r\n        const query = new URLSearchParams(document.location.search)\r\n        console.log('dddddcccc')\r\n        console.log(query)\r\n        let changed = false;\r\n        var visibleColumns = this.visibleColumns.map(x => x.dataName).join();\r\n        if (query.get('visibleColumns') || this.hiddenColumns.size || this.columnsReorderedChanged) {\r\n            if (query.get('visibleColumns') != visibleColumns) {\r\n                query.set('visibleColumns', visibleColumns);\r\n                changed = true;\r\n            }\r\n        }\r\n        if (query.get('sort') || this.sort?.col) {\r\n            if (query.get('sort') != this.sort?.col) {\r\n                query.set('sort', this.sort?.col);\r\n                changed = true;\r\n            }\r\n        }\r\n        if (query.get('sortDesc') == 'true' || this.sort?.desc) {\r\n            if ((query.get('sortDesc') == 'true') != this.sort?.desc) {\r\n                query.set('sortDesc', this.sort?.desc ? 'true' : 'false');\r\n                changed = true;\r\n            }\r\n        }\r\n        if (query.get('columnFilters') || this.columnFilters) {\r\n            if (query.get('columnFilters') != JSON.stringify(Array.from(this.columnFilters.entries()))) {\r\n                query.set('columnFilters', JSON.stringify(Array.from(this.columnFilters.entries())));\r\n                changed = true;\r\n            }\r\n        }\r\n\r\n        if (query.get('insideView') || this.insideViewName) {\r\n            if (query.get('insideView') != this.insideViewName) {\r\n                query.set('insideView', this.insideViewName);\r\n                changed = true;\r\n            }\r\n        }\r\n        if (changed) {\r\n            const url = new URL(document.location);\r\n            url.search = new URLSearchParams(query).toString();\r\n            history.pushState(null, '', url.toString());\r\n        }\r\n    }\r\n\r\n    get insideViewName() {\r\n        if (this.insideViewClass == _tableView_js__WEBPACK_IMPORTED_MODULE_0__.TableView) {\r\n            if (this.insideViewParams?.wide)\r\n                return 'tableWideView';\r\n            else\r\n                return 'tableView'\r\n        } else {\r\n            return 'listView'\r\n        }\r\n    }\r\n\r\n    set insideViewName(value) {\r\n        if (this.insideViewName == value) return;\r\n        if (value == 'tableView') {\r\n            this.insideViewClass = _tableView_js__WEBPACK_IMPORTED_MODULE_0__.TableView\r\n            this.insideViewParams = {wide: false}\r\n        } else if (value == 'tableWideView') {\r\n            this.insideViewClass = _tableView_js__WEBPACK_IMPORTED_MODULE_0__.TableView\r\n            this.insideViewParams = {wide: true}\r\n        } else {\r\n            this.insideViewClass = _listView_js__WEBPACK_IMPORTED_MODULE_1__.ListView\r\n            this.insideViewParams = {}\r\n        }\r\n    }\r\n\r\n    readUrl() {\r\n\r\n        const query = new URLSearchParams(document.location.search)\r\n        if (query.get('visibleColumns')) {\r\n            const splitted = query.get('visibleColumns').split(',');\r\n            this.hiddenColumns = new Set(this.columns.map(x => x.dataName));\r\n            for (const name of splitted) {\r\n                this.hiddenColumns.delete(name);\r\n            }\r\n            for (let i = splitted.length - 1; i > 0; i--) {\r\n                const column = this.columnsReordered.find(x => x.dataName == splitted[i - 1]);\r\n                const next = this.columnsReordered.find(x => x.dataName == splitted[i]);\r\n                if (column) {\r\n                    this.columnsReordered.splice(this.columnsReordered.indexOf(column), 1);\r\n                    if (next)\r\n                        this.columnsReordered.splice(this.columnsReordered.indexOf(next), 0, column);\r\n                    else\r\n                        this.columnsReordered.push(column)\r\n                    this.columnsReorderedChanged = true;\r\n                }\r\n            }\r\n        }\r\n        if (query.get('sort')) {\r\n            this.sort = query.get('sort');\r\n        }\r\n        if (query.get('columnFilters')) {\r\n            this.columnFilters = new Map(JSON.parse(query.get('columnFilters')));\r\n        }\r\n        if (query.get('insideView')) {\r\n            this.insideViewName = query.get('insideView');\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, this.insideViewParams);\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.filterShortContainer = (0,fast_creator__WEBPACK_IMPORTED_MODULE_8__.create)('.filterShortContainer');\r\n        this.foot.append(this.filterShortContainer);\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\r\n    gotoUrl(url) {\r\n        window.location.href = url;\r\n    }\r\n\r\n    onkeydown(e) {\r\n        if (e.ctrlKey) {\r\n            if (e.key == 'ArrowLeft' || e.key == 'ArrowRight') {\r\n                let page = Math.floor(this.start / this.limit);\r\n                page += (e.key == 'ArrowLeft' ? -1 : 1);\r\n                if (page < 0) page = 0;\r\n                else if (page > 0 && page > Math.ceil(this.total / this.limit) - 1) page = Math.ceil(this.total / this.limit) - 1;\r\n                this.start = page * this.limit;\r\n                this.refresh();\r\n            }\r\n        }\r\n    }\r\n\r\n\r\n    reorderColumns(column, next) {\r\n        console.log('reorderColumns')\r\n        if (column) {\r\n            this.columnsReordered.splice(this.columnsReordered.indexOf(column), 1);\r\n            if (next)\r\n                this.columnsReordered.splice(this.columnsReordered.indexOf(next), 0, column);\r\n            else\r\n                this.columnsReordered.push(column)\r\n\r\n            this.columnsReorderedChanged = true;\r\n            if (this.insideView.setColumnsWidths) {\r\n                this.insideView.setColumnsWidths()\r\n            }\r\n        }\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?");
+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.columnsReordered = [];\r\n        this.columnsReorderedChanged = false;\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.loadConcurencyLimiterTotal = 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        this.resizeBinded = this.resize.bind(this);\r\n        this.popstateBinded = this.readUrl.bind(this);\r\n        this.readUrl()\r\n        this.addEventListener('keydown', e => this.onkeydown(e));\r\n        this.infiniteScrollEnabled = false;\r\n    }\r\n\r\n    connectedCallback() {\r\n        addEventListener('resize', this.resizeBinded);\r\n        addEventListener(\"popstate\", this.popstateBinded)\r\n        if (this.paramsInLocalStorage) {\r\n            this.applyParams(JSON.parse(localStorage['objectList_params_'+this.paramsInLocalStorage]));\r\n        }\r\n    }\r\n\r\n    disconnectedCallback() {\r\n        removeEventListener('resize', this.resizeBinded);\r\n        removeEventListener(\"popstate\", this.popstateBinded)\r\n    }\r\n\r\n    get columns() {\r\n        return this._columns;\r\n    }\r\n\r\n    set columns(value) {\r\n        this._columns = value;\r\n        this.columnsReordered = value;\r\n        this.columnsReorderedChanged = false;\r\n    }\r\n\r\n    get visibleColumns() {\r\n        return this.columnsReordered.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        console.log('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.params = this.insideViewParams\r\n            this.insideView.refreshHeader()\r\n        }\r\n\r\n        this.refreshLimit();\r\n        const refreshSymbol = Symbol();\r\n        this.lastRefreshSymbol = refreshSymbol;\r\n        this.lastRefreshSymbolTotal = refreshSymbol;\r\n        if (this.asyncTotal) {\r\n            const promise1 = this.loadConcurencyLimiter.run(async () => {\r\n                if (this.lastRefreshSymbol != refreshSymbol) return;\r\n\r\n                const data = await this.datasource.getRows(this);\r\n\r\n                if (this.lastRefreshSymbol != refreshSymbol) return;\r\n                this.currentRows = data.rows;\r\n                this.fillDataById(data.rows);\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.render();\r\n            });\r\n\r\n            const promise2 = this.loadConcurencyLimiter.run(async () => {\r\n                if (this.lastRefreshSymbolTotal != refreshSymbol) return;\r\n                let dataTotal = this.datasource.getTotal(this);\r\n                const x = await dataTotal\r\n                if (this.lastRefreshSymbolTotal != refreshSymbol) return;\r\n                this.total = x.total;\r\n                this.pagination.totalPages = Math.ceil(this.total / this.limit);\r\n                this.pagination.render();\r\n            });\r\n\r\n            await promise1;\r\n            await promise2;\r\n        } else {\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\r\n        while (this.filterShortContainer.firstChild) {\r\n            this.filterShortContainer.firstChild.remove()\r\n        }\r\n        if (this.columnFilters.size) {\r\n            this.filterShortContainer.append((0,fast_creator__WEBPACK_IMPORTED_MODULE_8__.create)('span', {text: (0,_i18n_xml__WEBPACK_IMPORTED_MODULE_2__.t)('objectList.filtersCount') + ': ' + this.columnFilters.size}));\r\n            const clearButton = (0,fast_creator__WEBPACK_IMPORTED_MODULE_8__.create)('button', {text: (0,_i18n_xml__WEBPACK_IMPORTED_MODULE_2__.t)('objectList.clearFilters')});\r\n            clearButton.onclick = () => {\r\n                this.columnFilters.clear();\r\n                this.refresh();\r\n            }\r\n            this.filterShortContainer.append(clearButton);\r\n        }\r\n        if (this.paramsInUrl) {\r\n            this.setUrl();\r\n        }\r\n        if (this.paramsInLocalStorage) {\r\n            this.setLocalStorage();\r\n        }\r\n    }\r\n\r\n    setUrl() {\r\n        const query = new URLSearchParams(document.location.search)\r\n        const prev = Object.fromEntries([...query]);\r\n        const next = new URLSearchParams(this.serializeParams(prev))\r\n        console.log('dddddcccc')\r\n        console.log(query)\r\n        if (prev.toString() !== next.toString()) {\r\n            const url = new URL(document.location);\r\n            url.search = next.toString();\r\n            history.pushState(null, '', url.toString());\r\n        }\r\n    }\r\n    setLocalStorage() {\r\n        const prev = JSON.parse(localStorage.getItem('objectList_params_'+this.paramsInLocalStorage));\r\n        const next = this.serializeParams(prev);\r\n        if (JSON.stringify(prev) !== JSON.stringify(next)) {\r\n            localStorage.setItem('objectList_params_'+this.paramsInLocalStorage, JSON.stringify(next));\r\n        }\r\n    }\r\n\r\n    serializeParams(old = {}) {\r\n        old=old||{};\r\n        let ret = {};\r\n        let changed = false;\r\n        var visibleColumns = this.visibleColumns.map(x => x.dataName).join();\r\n        if (old.visibleColumns || this.hiddenColumns.size || this.columnsReorderedChanged) {\r\n            ret.visibleColumns = visibleColumns;\r\n            changed = true;\r\n\r\n        }\r\n        if (old.sort || this.sort?.col) {\r\n            ret.sort = this.sort?.col;\r\n\r\n        }\r\n        if (old.sortDesc == 'true' || this.sort?.desc) {\r\n            ret.sortDesc = this.sort?.desc ? 'true' : 'false';\r\n\r\n\r\n        }\r\n        if (old.columnFilters || this.columnFilters) {\r\n            ret.columnFilters = JSON.stringify(Array.from(this.columnFilters.entries()));\r\n\r\n        }\r\n\r\n        if (old.insideView || this.insideViewName) {\r\n            ret.insideView = this.insideViewName;\r\n        }\r\n        return ret;\r\n    }\r\n\r\n    get insideViewName() {\r\n        if (this.insideViewClass == _tableView_js__WEBPACK_IMPORTED_MODULE_0__.TableView) {\r\n            if (this.insideViewParams?.wide)\r\n                return 'tableWideView';\r\n            else\r\n                return 'tableView'\r\n        } else {\r\n            return 'listView'\r\n        }\r\n    }\r\n\r\n    set insideViewName(value) {\r\n        if (this.insideViewName == value) return;\r\n        if (value == 'tableView') {\r\n            this.insideViewClass = _tableView_js__WEBPACK_IMPORTED_MODULE_0__.TableView\r\n            this.insideViewParams = {wide: false}\r\n        } else if (value == 'tableWideView') {\r\n            this.insideViewClass = _tableView_js__WEBPACK_IMPORTED_MODULE_0__.TableView\r\n            this.insideViewParams = {wide: true}\r\n        } else {\r\n            this.insideViewClass = _listView_js__WEBPACK_IMPORTED_MODULE_1__.ListView\r\n            this.insideViewParams = {}\r\n        }\r\n    }\r\n\r\n    readUrl() {\r\n\r\n        const query = new URLSearchParams(document.location.search)\r\n        const params = Object.fromEntries([...query]);\r\n        this.applyParams(params)\r\n    }\r\n\r\n    applyParams(params) {\r\n        if (params.visibleColumns) {\r\n            const splitted = params.visibleColumns.split(',');\r\n            this.hiddenColumns = new Set(this.columns.map(x => x.dataName));\r\n            for (const name of splitted) {\r\n                this.hiddenColumns.delete(name);\r\n            }\r\n            for (let i = splitted.length - 1; i > 0; i--) {\r\n                const column = this.columnsReordered.find(x => x.dataName == splitted[i - 1]);\r\n                const next = this.columnsReordered.find(x => x.dataName == splitted[i]);\r\n                if (column) {\r\n                    this.columnsReordered.splice(this.columnsReordered.indexOf(column), 1);\r\n                    if (next)\r\n                        this.columnsReordered.splice(this.columnsReordered.indexOf(next), 0, column);\r\n                    else\r\n                        this.columnsReordered.push(column)\r\n                    this.columnsReorderedChanged = true;\r\n                }\r\n            }\r\n        }\r\n        if (params.sort) {\r\n            this.sort = params.sort;\r\n        }\r\n        if (params.columnFilters) {\r\n            this.columnFilters = new Map(JSON.parse(params.columnFilters));\r\n        }\r\n        if (params.insideView) {\r\n            this.insideViewName = params.insideView;\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, this.insideViewParams);\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.filterShortContainer = (0,fast_creator__WEBPACK_IMPORTED_MODULE_8__.create)('.filterShortContainer');\r\n        this.foot.append(this.filterShortContainer);\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\r\n    gotoUrl(url) {\r\n        window.location.href = url;\r\n    }\r\n\r\n    onkeydown(e) {\r\n        if (e.ctrlKey) {\r\n            if (e.key == 'ArrowLeft' || e.key == 'ArrowRight') {\r\n                let page = Math.floor(this.start / this.limit);\r\n                page += (e.key == 'ArrowLeft' ? -1 : 1);\r\n                if (page < 0) page = 0;\r\n                else if (page > 0 && page > Math.ceil(this.total / this.limit) - 1) page = Math.ceil(this.total / this.limit) - 1;\r\n                this.start = page * this.limit;\r\n                this.refresh();\r\n            }\r\n        }\r\n    }\r\n\r\n\r\n    reorderColumns(column, next) {\r\n        console.log('reorderColumns')\r\n        if (column) {\r\n            this.columnsReordered.splice(this.columnsReordered.indexOf(column), 1);\r\n            if (next)\r\n                this.columnsReordered.splice(this.columnsReordered.indexOf(next), 0, column);\r\n            else\r\n                this.columnsReordered.push(column)\r\n\r\n            this.columnsReorderedChanged = true;\r\n            if (this.insideView.setColumnsWidths) {\r\n                this.insideView.setColumnsWidths()\r\n            }\r\n        }\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?");
 
 /***/ }),
 

package/dist/style.mjs

@@ -14,7 +14,7 @@
   \************************************/
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.contextMenu {\n  position: fixed;\n  z-index: 1000;\n  margin: 0;\n  padding: 0;\n  max-width: 100vh;\n  min-width: 200px;\n  user-select: none;\n  background: var(--background);\n}\n.contextMenu li, .contextMenu a {\n  display: flex;\n  cursor: pointer;\n  margin: 0;\n  white-space: nowrap;\n  align-items: center;\n}\n.contextMenu li .icon, .contextMenu a .icon {\n  display: inline-block;\n  flex: 0 0 50px;\n  text-align: center;\n  font-size: 1.2em;\n  line-height: 1em;\n  vertical-align: middle;\n}\n.contextMenu li .iconPlaceholder, .contextMenu a .iconPlaceholder {\n  display: inline-block;\n  width: 50px;\n}\n.contextMenu li .content, .contextMenu a .content {\n  flex: 1 1 auto;\n  display: inline-block;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  padding: 15px 10px;\n  line-height: 1em;\n  vertical-align: middle;\n}\n\ndata-view {\n  border: 1px solid var(--second);\n  display: flex;\n  flex-direction: column;\n  height: calc(100vh - 200px);\n  user-select: none;\n}\ndata-view table-view {\n  display: block;\n  flex-grow: 1;\n  overflow: auto;\n  --rowHeight: 41px;\n}\ndata-view table-view .head {\n  position: sticky;\n  top: 0;\n  z-index: 1;\n  height: 19px;\n  background: var(--second);\n}\ndata-view table-view .head .column {\n  background: var(--second);\n  color: var(--textSecondColor);\n  cursor: default;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-weight: 700;\n  position: absolute;\n  padding: 0 10px;\n  box-sizing: border-box;\n  height: 19px;\n  transform: translateX(var(--move-x));\n}\ndata-view table-view .head .column.ableToSort {\n  cursor: pointer;\n}\ndata-view table-view .head .column.ableToSort::before {\n  transform: scaleY(0);\n  transition: all 300ms ease-out;\n  position: absolute;\n  right: 0;\n}\ndata-view table-view .head .column.ableToSort[data-order=asc]::before {\n  transform: scaleY(1);\n}\ndata-view table-view .head .column.ableToSort[data-order=desc]::before {\n  transform: scaleY(-1);\n}\ndata-view table-view .head .column.ableToSort .tableCopy {\n  display: none;\n}\ndata-view table-view .body {\n  position: relative;\n}\ndata-view table-view .body .tr {\n  display: flex;\n  position: absolute;\n  transition: top 300ms ease, background 100ms;\n  table-layout: fixed;\n  flex-direction: row;\n  animation: data-view-appear 200ms;\n}\n@keyframes data-view-appear {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\ndata-view table-view .body .tr.selectedMain, data-view table-view .body .tr:focus {\n  outline: 2px black dashed;\n  outline-offset: -2px;\n}\ndata-view table-view .body .tr .td {\n  padding: 5px 10px;\n  margin: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: block;\n  flex: 0 0 auto;\n  box-sizing: border-box;\n  height: var(--rowHeight);\n}\ndata-view table-view .body .tr .td button, data-view table-view .body .tr .td .button {\n  font-size: 16px;\n  margin-left: 2px;\n}\ndata-view table-view .body .tr .td.actions {\n  display: flex;\n}\ndata-view list-view {\n  display: block;\n  flex-grow: 1;\n  overflow: auto;\n}\ndata-view list-view .body {\n  position: relative;\n}\ndata-view list-view .body .tr {\n  display: grid;\n  position: absolute;\n  transition: top 300ms ease, background 100ms;\n  animation: data-view-appear 200ms;\n  grid-template-columns: max-content 1fr max-content;\n  width: 100%;\n  padding: 10px 0;\n}\ndata-view list-view .body .tr.selectedMain, data-view list-view .body .tr:focus {\n  outline: 2px black dashed;\n  outline-offset: -2px;\n}\ndata-view list-view .body .tr button, data-view list-view .body .tr .button {\n  font-size: 16px;\n  margin-left: 2px;\n}\ndata-view list-view .body .tr .icon {\n  grid-column: 1;\n  grid-row: 1/4;\n  font-size: 40px;\n  line-height: 63px;\n}\ndata-view list-view .body .tr .keyValue {\n  grid-column: 2/4;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  line-height: 21px;\n}\ndata-view list-view .body .tr .keyValue:nth-child(2), data-view list-view .body .tr .keyValue:nth-child(3) {\n  grid-column: 2;\n}\ndata-view list-view .body .tr .actions {\n  grid-column: 3;\n  grid-row: 1/3;\n}\ndata-view .foot {\n  border-top: 1px solid var(--second);\n  display: flex;\n  justify-content: space-between;\n}\n@media (max-width: 600px) {\n  data-view .foot form input {\n    width: 40px;\n  }\n  data-view .foot form input:focus {\n    width: 200px;\n    margin-left: -160px;\n  }\n}\ndata-view pagination-buttons {\n  flex: 1 1;\n  display: flex;\n  justify-content: center;\n}\ndata-view.infiniteScrollEnabled table-view .body, data-view.infiniteScrollEnabled list-view .body {\n  height: var(--height);\n}\ndata-view.infiniteScrollEnabled pagination-buttons {\n  display: none;\n}\n\npagination-buttons button.active {\n  background: var(--main);\n}`, \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://@green-code-studio/objects-list/./src/style/objectsList.scss?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.contextMenu {\n  position: fixed;\n  z-index: 1000;\n  margin: 0;\n  padding: 0;\n  max-width: 100vh;\n  min-width: 200px;\n  user-select: none;\n  background: var(--background);\n}\n.contextMenu li, .contextMenu a {\n  display: flex;\n  cursor: pointer;\n  margin: 0;\n  white-space: nowrap;\n  align-items: center;\n}\n.contextMenu li .icon, .contextMenu a .icon {\n  display: inline-block;\n  flex: 0 0 50px;\n  text-align: center;\n  font-size: 1.2em;\n  line-height: 1em;\n  vertical-align: middle;\n}\n.contextMenu li .iconPlaceholder, .contextMenu a .iconPlaceholder {\n  display: inline-block;\n  width: 50px;\n}\n.contextMenu li .content, .contextMenu a .content {\n  flex: 1 1 auto;\n  display: inline-block;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  padding: 15px 10px;\n  line-height: 1em;\n  vertical-align: middle;\n}\n\ndata-view {\n  border: 1px solid var(--second);\n  display: flex;\n  flex-direction: column;\n  height: calc(100vh - 200px);\n  user-select: none;\n}\ndata-view table-view {\n  display: block;\n  flex-grow: 1;\n  overflow: auto;\n  --rowHeight: 41px;\n}\ndata-view table-view .head {\n  position: sticky;\n  top: 0;\n  z-index: 1;\n  height: 19px;\n  background: var(--second);\n}\ndata-view table-view .head .column {\n  background: var(--second);\n  color: var(--textSecondColor);\n  cursor: default;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-weight: 700;\n  position: absolute;\n  padding: 0 10px;\n  box-sizing: border-box;\n  height: 19px;\n  transform: translateX(var(--move-x));\n}\ndata-view table-view .head .column.ableToSort {\n  cursor: pointer;\n}\ndata-view table-view .head .column.ableToSort::before {\n  transform: scaleY(0);\n  transition: all 300ms ease-out;\n  position: absolute;\n  right: 0;\n}\ndata-view table-view .head .column.ableToSort[data-order=asc]::before {\n  transform: scaleY(1);\n}\ndata-view table-view .head .column.ableToSort[data-order=desc]::before {\n  transform: scaleY(-1);\n}\ndata-view table-view .head .column.ableToSort .tableCopy {\n  display: none;\n}\ndata-view table-view .body {\n  position: relative;\n}\ndata-view table-view .body .tr {\n  display: flex;\n  position: absolute;\n  transition: top 300ms ease, background 100ms;\n  table-layout: fixed;\n  flex-direction: row;\n  animation: data-view-appear 200ms;\n}\n@keyframes data-view-appear {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\ndata-view table-view .body .tr.selectedMain, data-view table-view .body .tr:focus {\n  outline: 2px black dashed;\n  outline-offset: -2px;\n}\ndata-view table-view .body .tr .td {\n  padding: 5px 10px;\n  margin: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: block;\n  flex: 0 0 auto;\n  box-sizing: border-box;\n  height: var(--rowHeight);\n}\ndata-view table-view .body .tr .td button, data-view table-view .body .tr .td .button {\n  font-size: 16px;\n  margin-left: 2px;\n}\ndata-view table-view .body .tr .td.actions {\n  display: flex;\n}\ndata-view list-view {\n  display: block;\n  flex-grow: 1;\n  overflow: auto;\n}\ndata-view list-view .body {\n  position: relative;\n}\ndata-view list-view .body .tr {\n  display: grid;\n  position: absolute;\n  transition: top 300ms ease, background 100ms;\n  animation: data-view-appear 200ms;\n  grid-template-columns: max-content 1fr max-content;\n  width: 100%;\n  padding: 10px 0;\n}\ndata-view list-view .body .tr.selectedMain, data-view list-view .body .tr:focus {\n  outline: 2px black dashed;\n  outline-offset: -2px;\n}\ndata-view list-view .body .tr button, data-view list-view .body .tr .button {\n  font-size: 16px;\n  margin-left: 2px;\n}\ndata-view list-view .body .tr .icon {\n  grid-column: 1;\n  grid-row: 1/4;\n  font-size: 40px;\n  line-height: 63px;\n}\ndata-view list-view .body .tr .keyValue {\n  grid-column: 2/4;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  line-height: 21px;\n}\ndata-view list-view .body .tr .keyValue:nth-child(2), data-view list-view .body .tr .keyValue:nth-child(3) {\n  grid-column: 2;\n}\ndata-view list-view .body .tr .actions {\n  grid-column: 3;\n  grid-row: 1/3;\n}\ndata-view .foot {\n  border-top: 1px solid var(--second);\n  display: flex;\n  justify-content: space-between;\n}\n@media (max-width: 600px) {\n  data-view .foot form input {\n    width: 40px;\n  }\n  data-view .foot form input:focus {\n    width: 200px;\n    margin-left: -160px;\n  }\n}\ndata-view pagination-buttons {\n  flex: 1 1;\n  display: flex;\n  justify-content: center;\n}\ndata-view.infiniteScrollEnabled table-view .body, data-view.infiniteScrollEnabled list-view .body {\n  height: var(--height);\n}\ndata-view.infiniteScrollEnabled pagination-buttons {\n  display: none;\n}\n\npagination-buttons button.active {\n  background: var(--main);\n}\n\n.categoryTableContainer:not(:has(.filter)) .filterHeader {\n  display: none;\n}`, \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://@green-code-studio/objects-list/./src/style/objectsList.scss?");
 
 /***/ }),
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@green-code-studio/objects-list",
-    "version": "1.7.6",
+    "version": "1.9.0",
     "main": "src/index.js",
     "author": "Mateusz Krawczyk",
     "license": "MIT",

package/src/ConfigPopup.js

@@ -20,7 +20,7 @@ export class ConfigPopup extends HTMLElement {
             objectsList.infiniteScrollEnabled = this.querySelector('.mode').value == 'scrollMode'
             objectsList.refresh()
         }
-        if(objectsList.infiniteScrollEnabled){
+        if (objectsList.infiniteScrollEnabled) {
             this.querySelector('.mode').value = 'scrollMode'
         }
         if (objectsList.insideViewClass == TableView) {
@@ -33,7 +33,7 @@ export class ConfigPopup extends HTMLElement {
         }
 
         this.querySelector('.view').onchange = () => {
-            objectsList.insideViewName=this.querySelector('.view').value
+            objectsList.insideViewName = this.querySelector('.view').value
             objectsList.refresh()
         }
         // this.addEventListener('blur', () => {
@@ -54,8 +54,18 @@ export class ConfigPopup extends HTMLElement {
                 objectsList.refresh()
             }
         }
+        for (const sortBtn of this.querySelectorAll('.sortBtn')){
+            sortBtn.onclick = () => {
+                const column = objectsList.columns.find(x => x.dataName == sortBtn.dataset.name)
+                if (column) {
+                    column.sort = column.sort == 'asc' ? 'desc' : 'asc'
+                    objectsList.refresh()
+                }
+            }
+        }
 
         for (const filterContainer of this.querySelectorAll('table .filter')) {
+            console.log('aa')
             const filter = new ColumnFilter();
             filterContainer.append(filter)
             filter.addEventListener('x-filter', (e) => {
@@ -81,19 +91,33 @@ export class ConfigPopup extends HTMLElement {
         this.tabIndex = 0
         setTimeout(() => this.focus(), 1)
         setTimeout(() => this.checkFocus(), 100)
+        this.refreshSearch('')
     }
 
     refreshSearch(value) {
+        let countedVisible = 0;
+        const visibilityLimit = 100;
         for (const table of this.querySelectorAll('.categoryTableContainer')) {
             let anyVisible = false;
             for (const row of table.querySelectorAll('tbody tr')) {
-                const visible = row.children[1].textContent.toLowerCase().includes(value.toLowerCase())
+                const shouldBeVisible = row.children[1].textContent.toLowerCase().includes(value.toLowerCase());
+                const visible = shouldBeVisible && countedVisible < visibilityLimit;
                 row.style.display = visible ? '' : 'none'
-                if (visible)
+                if (visible) {
                     anyVisible = true;
+                }
+
+                countedVisible += shouldBeVisible;
             }
             table.style.display = anyVisible ? '' : 'none'
         }
+        const endInformation = this.querySelector('.endInformation');
+        if (countedVisible > visibilityLimit) {
+            endInformation.style.display = '';
+            endInformation.textContent = t('objectList.visibilityLimitReached') + ' ' + countedVisible
+        } else {
+            endInformation.style.display = 'none';
+        }
     }
 
     checkFocus() {

package/src/ConfigPopup.mpts

@@ -24,7 +24,7 @@
             <tr>
                 <th>{{t('objectList.columnEnabled')}}</th>
                 <th>{{t('objectList.columnName')}}</th>
-                <th>{{t('objectList.columnFilter')}}</th>
+                <th class="filterHeader">{{t('objectList.columnFilter')}}</th>
             </tr>
             </thead>
             <tbody>
@@ -34,16 +34,26 @@
                     <td>
                         <input type="checkbox" data-name=column.dataName />
                     </td>
+                    <td>
+                        <:if condition=column.sortName >
+                            <button class="sortBtn" data-name=column.dataName type="button">{{t('objectList.sort')}}</button>
+                        </:if>
+                    </td>
                     <td>
                         {{column.name}}
                     </td>
-                    <td class="filter"  data-name=column.dataName >
+                    <:if condition=column.isFilter >
+                        <td class="filter"  data-name=column.dataName >
+                        </td>
+                    </:if>
 
-                    </td>
                 </tr>
             </:foreach>
             </tbody>
         </table>
         </div>
     </:foreach>
+    <p class="endInformation">
+
+    </p>
 </form>

package/src/i18n.xml

@@ -69,6 +69,14 @@
             <value lang="pl">W nowej karcie</value>
             <value lang="en">In new tab</value>
         </node>
+        <node name="visibilityLimitReached">
+            <value lang="pl">Reszta pól została ukryta. Wszystkich pól: </value>
+            <value lang="en">The rest of the fields have been hidden. All fields: </value>
+        </node>
+        <node name="sort">
+            <value lang="pl">Sortuj</value>
+            <value lang="en">Sort</value>
+        </node>
     </node>
     <node name="filter">
         <node name="none">

package/src/objectsList.js

@@ -31,11 +31,26 @@ export class ObjectsList extends HTMLElement {
         this.dataById = new Map();
         this.initFoot();
         this.addEventListener('contextmenu', e => this.showGlobalContextMenu(e));
-        addEventListener('resize', e => this.resize());
+        this.resizeBinded = this.resize.bind(this);
+        this.popstateBinded = this.readUrl.bind(this);
+        this.readUrl()
         this.addEventListener('keydown', e => this.onkeydown(e));
         this.infiniteScrollEnabled = false;
     }
 
+    connectedCallback() {
+        addEventListener('resize', this.resizeBinded);
+        addEventListener("popstate", this.popstateBinded)
+        if (this.paramsInLocalStorage) {
+            this.applyParams(JSON.parse(localStorage['objectList_params_'+this.paramsInLocalStorage]));
+        }
+    }
+
+    disconnectedCallback() {
+        removeEventListener('resize', this.resizeBinded);
+        removeEventListener("popstate", this.popstateBinded)
+    }
+
     get columns() {
         return this._columns;
     }
@@ -134,50 +149,59 @@ export class ObjectsList extends HTMLElement {
         if (this.paramsInUrl) {
             this.setUrl();
         }
+        if (this.paramsInLocalStorage) {
+            this.setLocalStorage();
+        }
     }
 
     setUrl() {
         const query = new URLSearchParams(document.location.search)
+        const prev = Object.fromEntries([...query]);
+        const next = new URLSearchParams(this.serializeParams(prev))
         console.log('dddddcccc')
         console.log(query)
+        if (prev.toString() !== next.toString()) {
+            const url = new URL(document.location);
+            url.search = next.toString();
+            history.pushState(null, '', url.toString());
+        }
+    }
+    setLocalStorage() {
+        const prev = JSON.parse(localStorage.getItem('objectList_params_'+this.paramsInLocalStorage));
+        const next = this.serializeParams(prev);
+        if (JSON.stringify(prev) !== JSON.stringify(next)) {
+            localStorage.setItem('objectList_params_'+this.paramsInLocalStorage, JSON.stringify(next));
+        }
+    }
+
+    serializeParams(old = {}) {
+        old=old||{};
+        let ret = {};
         let changed = false;
         var visibleColumns = this.visibleColumns.map(x => x.dataName).join();
-        if (query.get('visibleColumns') || this.hiddenColumns.size || this.columnsReorderedChanged) {
-            if (query.get('visibleColumns') != visibleColumns) {
-                query.set('visibleColumns', visibleColumns);
-                changed = true;
-            }
-        }
-        if (query.get('sort') || this.sort?.col) {
-            if (query.get('sort') != this.sort?.col) {
-                query.set('sort', this.sort?.col);
-                changed = true;
-            }
+        if (old.visibleColumns || this.hiddenColumns.size || this.columnsReorderedChanged) {
+            ret.visibleColumns = visibleColumns;
+            changed = true;
+
         }
-        if (query.get('sortDesc') == 'true' || this.sort?.desc) {
-            if ((query.get('sortDesc') == 'true') != this.sort?.desc) {
-                query.set('sortDesc', this.sort?.desc ? 'true' : 'false');
-                changed = true;
-            }
+        if (old.sort || this.sort?.col) {
+            ret.sort = this.sort?.col;
+
         }
-        if (query.get('columnFilters') || this.columnFilters) {
-            if (query.get('columnFilters') != JSON.stringify(Array.from(this.columnFilters.entries()))) {
-                query.set('columnFilters', JSON.stringify(Array.from(this.columnFilters.entries())));
-                changed = true;
-            }
+        if (old.sortDesc == 'true' || this.sort?.desc) {
+            ret.sortDesc = this.sort?.desc ? 'true' : 'false';
+
+
         }
+        if (old.columnFilters || this.columnFilters) {
+            ret.columnFilters = JSON.stringify(Array.from(this.columnFilters.entries()));
 
-        if (query.get('insideView') || this.insideViewName) {
-            if (query.get('insideView') != this.insideViewName) {
-                query.set('insideView', this.insideViewName);
-                changed = true;
-            }
         }
-        if (changed) {
-            const url = new URL(document.location);
-            url.search = new URLSearchParams(query).toString();
-            history.pushState(null, '', url.toString());
+
+        if (old.insideView || this.insideViewName) {
+            ret.insideView = this.insideViewName;
         }
+        return ret;
     }
 
     get insideViewName() {
@@ -208,8 +232,13 @@ export class ObjectsList extends HTMLElement {
     readUrl() {
 
         const query = new URLSearchParams(document.location.search)
-        if (query.get('visibleColumns')) {
-            const splitted = query.get('visibleColumns').split(',');
+        const params = Object.fromEntries([...query]);
+        this.applyParams(params)
+    }
+
+    applyParams(params) {
+        if (params.visibleColumns) {
+            const splitted = params.visibleColumns.split(',');
             this.hiddenColumns = new Set(this.columns.map(x => x.dataName));
             for (const name of splitted) {
                 this.hiddenColumns.delete(name);
@@ -227,14 +256,14 @@ export class ObjectsList extends HTMLElement {
                 }
             }
         }
-        if (query.get('sort')) {
-            this.sort = query.get('sort');
+        if (params.sort) {
+            this.sort = params.sort;
         }
-        if (query.get('columnFilters')) {
-            this.columnFilters = new Map(JSON.parse(query.get('columnFilters')));
+        if (params.columnFilters) {
+            this.columnFilters = new Map(JSON.parse(params.columnFilters));
         }
-        if (query.get('insideView')) {
-            this.insideViewName = query.get('insideView');
+        if (params.insideView) {
+            this.insideViewName = params.insideView;
         }
     }
 

package/src/style/objectsList.scss

@@ -69,7 +69,6 @@ data-view {
 
                 }
 
-
             }
         }
 
@@ -224,3 +223,8 @@ pagination-buttons {
         background: var(--main);
     }
 }
+.categoryTableContainer{
+    &:not(:has(.filter)) .filterHeader{
+        display: none;
+    }
+}