@tripup-company/element-ui-extended 0.0.4 → 0.0.9

package/dist/element-ui-extended.umd.js

@@ -786,6 +786,35 @@ exports.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
 };
 
 
+/***/ }),
+
+/***/ "2532":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__("23e7");
+var uncurryThis = __webpack_require__("e330");
+var notARegExp = __webpack_require__("5a34");
+var requireObjectCoercible = __webpack_require__("1d80");
+var toString = __webpack_require__("577e");
+var correctIsRegExpLogic = __webpack_require__("ab13");
+
+var stringIndexOf = uncurryThis(''.indexOf);
+
+// `String.prototype.includes` method
+// https://tc39.es/ecma262/#sec-string.prototype.includes
+$({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }, {
+  includes: function includes(searchString /* , position = 0 */) {
+    return !!~stringIndexOf(
+      toString(requireObjectCoercible(this)),
+      toString(notARegExp(searchString)),
+      arguments.length > 1 ? arguments[1] : undefined
+    );
+  }
+});
+
+
 /***/ }),
 
 /***/ "2626":
@@ -1251,6 +1280,25 @@ module.exports = function (a, b) {
 };
 
 
+/***/ }),
+
+/***/ "44e7":
+/***/ (function(module, exports, __webpack_require__) {
+
+var isObject = __webpack_require__("861d");
+var classof = __webpack_require__("c6b6");
+var wellKnownSymbol = __webpack_require__("b622");
+
+var MATCH = wellKnownSymbol('match');
+
+// `IsRegExp` abstract operation
+// https://tc39.es/ecma262/#sec-isregexp
+module.exports = function (it) {
+  var isRegExp;
+  return isObject(it) && ((isRegExp = it[MATCH]) !== undefined ? !!isRegExp : classof(it) == 'RegExp');
+};
+
+
 /***/ }),
 
 /***/ "4840":
@@ -1665,6 +1713,23 @@ module.exports = function (argument) {
 };
 
 
+/***/ }),
+
+/***/ "5a34":
+/***/ (function(module, exports, __webpack_require__) {
+
+var global = __webpack_require__("da84");
+var isRegExp = __webpack_require__("44e7");
+
+var TypeError = global.TypeError;
+
+module.exports = function (it) {
+  if (isRegExp(it)) {
+    throw TypeError("The method doesn't accept regular expressions");
+  } return it;
+};
+
+
 /***/ }),
 
 /***/ "5c6c":
@@ -4218,6 +4283,28 @@ if (isForced(NUMBER, !NativeNumber(' 0o1') || !NativeNumber('0b1') || NativeNumb
 }
 
 
+/***/ }),
+
+/***/ "ab13":
+/***/ (function(module, exports, __webpack_require__) {
+
+var wellKnownSymbol = __webpack_require__("b622");
+
+var MATCH = wellKnownSymbol('match');
+
+module.exports = function (METHOD_NAME) {
+  var regexp = /./;
+  try {
+    '/./'[METHOD_NAME](regexp);
+  } catch (error1) {
+    try {
+      regexp[MATCH] = false;
+      return '/./'[METHOD_NAME](regexp);
+    } catch (error2) { /* empty */ }
+  } return false;
+};
+
+
 /***/ }),
 
 /***/ "ac1f":
@@ -4735,6 +4822,29 @@ module.exports = function (object, names) {
 };
 
 
+/***/ }),
+
+/***/ "caad":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__("23e7");
+var $includes = __webpack_require__("4d64").includes;
+var addToUnscopables = __webpack_require__("44d2");
+
+// `Array.prototype.includes` method
+// https://tc39.es/ecma262/#sec-array.prototype.includes
+$({ target: 'Array', proto: true }, {
+  includes: function includes(el /* , fromIndex = 0 */) {
+    return $includes(this, el, arguments.length > 1 ? arguments[1] : undefined);
+  }
+});
+
+// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
+addToUnscopables('includes');
+
+
 /***/ }),
 
 /***/ "cc12":
@@ -5899,6 +6009,58 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ "e9c4":
+/***/ (function(module, exports, __webpack_require__) {
+
+var $ = __webpack_require__("23e7");
+var global = __webpack_require__("da84");
+var getBuiltIn = __webpack_require__("d066");
+var apply = __webpack_require__("2ba4");
+var uncurryThis = __webpack_require__("e330");
+var fails = __webpack_require__("d039");
+
+var Array = global.Array;
+var $stringify = getBuiltIn('JSON', 'stringify');
+var exec = uncurryThis(/./.exec);
+var charAt = uncurryThis(''.charAt);
+var charCodeAt = uncurryThis(''.charCodeAt);
+var replace = uncurryThis(''.replace);
+var numberToString = uncurryThis(1.0.toString);
+
+var tester = /[\uD800-\uDFFF]/g;
+var low = /^[\uD800-\uDBFF]$/;
+var hi = /^[\uDC00-\uDFFF]$/;
+
+var fix = function (match, offset, string) {
+  var prev = charAt(string, offset - 1);
+  var next = charAt(string, offset + 1);
+  if ((exec(low, match) && !exec(hi, next)) || (exec(hi, match) && !exec(low, prev))) {
+    return '\\u' + numberToString(charCodeAt(match, 0), 16);
+  } return match;
+};
+
+var FORCED = fails(function () {
+  return $stringify('\uDF06\uD834') !== '"\\udf06\\ud834"'
+    || $stringify('\uDEAD') !== '"\\udead"';
+});
+
+if ($stringify) {
+  // `JSON.stringify` method
+  // https://tc39.es/ecma262/#sec-json.stringify
+  // https://github.com/tc39/proposal-well-formed-stringify
+  $({ target: 'JSON', stat: true, forced: FORCED }, {
+    // eslint-disable-next-line no-unused-vars -- required for `.length`
+    stringify: function stringify(it, replacer, space) {
+      for (var i = 0, l = arguments.length, args = Array(l); i < l; i++) args[i] = arguments[i];
+      var result = apply($stringify, null, args);
+      return typeof result == 'string' ? replace(result, tester, fix) : result;
+    }
+  });
+}
+
+
 /***/ }),
 
 /***/ "f069":
@@ -6014,11 +6176,15 @@ setToStringTag(global.Reflect, 'Reflect', true);
 __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
+__webpack_require__.d(__webpack_exports__, "CompositeTable", function() { return /* reexport */ CompositeTable; });
+__webpack_require__.d(__webpack_exports__, "GenericFilters", function() { return /* reexport */ GenericFilters; });
+__webpack_require__.d(__webpack_exports__, "GenericFiltersTop", function() { return /* reexport */ GenericTopFilter; });
 __webpack_require__.d(__webpack_exports__, "GenericTable", function() { return /* reexport */ GenericTable; });
+__webpack_require__.d(__webpack_exports__, "GenericPaginator", function() { return /* reexport */ GenericPaginator; });
 __webpack_require__.d(__webpack_exports__, "CreateForm", function() { return /* reexport */ CreateForm; });
+__webpack_require__.d(__webpack_exports__, "UpdateForm", function() { return /* reexport */ UpdateForm; });
 __webpack_require__.d(__webpack_exports__, "EditableField", function() { return /* reexport */ EditableField; });
 __webpack_require__.d(__webpack_exports__, "NewField", function() { return /* reexport */ NewField; });
-__webpack_require__.d(__webpack_exports__, "UpdateForm", function() { return /* reexport */ UpdateForm; });
 __webpack_require__.d(__webpack_exports__, "EditColumn", function() { return /* reexport */ EditColumn; });
 __webpack_require__.d(__webpack_exports__, "NewColumn", function() { return /* reexport */ NewColumn; });
 
@@ -6046,12 +6212,12 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5d98d0ba-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/GenericTable/index.vue?vue&type=template&id=43420de9&scoped=true&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.loading),expression:"loading"}],staticClass:"generic-table"},[_vm._t("default",function(){return [(_vm.showTopFilter)?_c('el-row',{attrs:{"gutter":20}},[_c('generic-top-filter',{ref:"genericTopFilter"})],1):_vm._e(),_c('el-row',{attrs:{"gutter":20}},[_c('el-col',{attrs:{"span":18}},[_c('generic-rows'),_c('el-row',[_c('el-col',[_c('generic-paginator')],1)],1)],1),_c('el-col',{attrs:{"span":6}},[_c('generic-filter',{ref:"genericFilter"})],1)],1)]})],2)}
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7229a924-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/CompositeTable/index.vue?vue&type=template&id=7f40e991&scoped=true&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.loading),expression:"loading"}],staticClass:"composite-table"},[_vm._t("default",function(){return [_vm._t("top-filter",function(){return [(_vm.filtersTop.length)?_c('generic-top-filter',{attrs:{"filters":_vm.filtersTop,"search":_vm.search},on:{"apply:filter":_vm.handleApplyFilter,"reset:filter":_vm.handleResetFilter}}):_vm._e()]},null,{ filtersTop: _vm.filtersTop, search: _vm.search }),_c('el-row',{attrs:{"gutter":20}},[_c('el-col',{attrs:{"span":18}},[_vm._t("table",function(){return [_c('generic-table',{attrs:{"fields":_vm.fields,"data":_vm.data},on:{"sort:change":_vm.handleChangeSort}})]},null,{ fields: _vm.fields, data: _vm.data }),_c('el-row',[_c('el-col',[_vm._t("paginator",function(){return [_c('generic-paginator',{attrs:{"total":_vm.total,"limit":_vm.limit,"current-page":_vm.currentPage},on:{"size:change":_vm.handleSizeChange,"page:change":_vm.handleCurrentChange}})]},null,{ total: _vm.total, limit: _vm.limit, currentPage: _vm.currentPage })],2)],1)],2),_c('el-col',{attrs:{"span":6}},[_vm._t("filter",function(){return [(_vm.filters.length)?_c('generic-filter',{attrs:{"filters":_vm.filters,"search":_vm.search},on:{"apply:filter":_vm.handleApplyFilter,"reset:filter":_vm.handleResetFilter}}):_vm._e()]},null,{ filters: _vm.filters, search: _vm.search })],2)],1)]})],2)}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/GenericTable/index.vue?vue&type=template&id=43420de9&scoped=true&
+// CONCATENATED MODULE: ./src/components/CompositeTable/index.vue?vue&type=template&id=7f40e991&scoped=true&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.to-string.js
 var es_object_to_string = __webpack_require__("d3b7");
@@ -6303,20 +6469,39 @@ function _createForOfIteratorHelper(o, allowArrayLike) {
 // EXTERNAL MODULE: ./node_modules/regenerator-runtime/runtime.js
 var runtime = __webpack_require__("96cf");
 
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.assign.js
+var es_object_assign = __webpack_require__("cca6");
+
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.search.js
 var es_string_search = __webpack_require__("841c");
 
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.assign.js
-var es_object_assign = __webpack_require__("cca6");
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.includes.js
+var es_array_includes = __webpack_require__("caad");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.includes.js
+var es_string_includes = __webpack_require__("2532");
+
+// EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
+var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__("8bbf");
+var external_commonjs_vue_commonjs2_vue_root_Vue_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_vue_commonjs2_vue_root_Vue_);
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7229a924-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/GenericFilters/index.vue?vue&type=template&id=577eb898&scoped=true&
+var GenericFiltersvue_type_template_id_577eb898_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-card',[_vm._l((_vm.filters),function(column){return _c('filter-row',{key:column.name,attrs:{"column":column,"search":_vm.search[column.name]}})}),_c('el-button',{on:{"click":_vm.applyFilter}},[_vm._v("Filter")]),_c('el-button',{on:{"click":_vm.resetFilter}},[_vm._v("Reset filter")])],2)}
+var GenericFiltersvue_type_template_id_577eb898_scoped_true_staticRenderFns = []
+
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5d98d0ba-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/GenericTable/GenericPaginator.vue?vue&type=template&id=63b76916&scoped=true&
-var GenericPaginatorvue_type_template_id_63b76916_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"m-t-15"},[_c('el-pagination',{attrs:{"current-page":_vm.currentPage,"total":_vm.total,"layout":'total, sizes, prev, pager, next, jumper'},on:{"size-change":_vm.actions.handleSizeChange,"current-change":_vm.actions.handleCurrentChange}})],1)}
-var GenericPaginatorvue_type_template_id_63b76916_scoped_true_staticRenderFns = []
+// CONCATENATED MODULE: ./src/components/GenericFilters/index.vue?vue&type=template&id=577eb898&scoped=true&
 
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7229a924-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/GenericFilters/FilterRow.vue?vue&type=template&id=980096d6&scoped=true&
+var FilterRowvue_type_template_id_980096d6_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-row',{staticClass:"m-b-10"},[_c('el-row',[_c('el-col',{attrs:{"lg":4,"md":4,"sm":4,"xs":4}},[_c('el-checkbox',{model:{value:(_vm.showFilter),callback:function ($$v) {_vm.showFilter=$$v},expression:"showFilter"}},[_c('span',[_vm._v(_vm._s(_vm.column.label))])])],1)],1),(_vm.showFilter)?_c('el-row',{staticClass:"m-t-5"},[_c('el-col',{staticClass:"p-b-10",attrs:{"span":24}},[_c('el-select',{attrs:{"placeholder":"Select"},model:{value:(_vm.search.operator),callback:function ($$v) {_vm.$set(_vm.search, "operator", $$v)},expression:"search.operator"}},_vm._l((_vm.column.type==='string' ? _vm.stringOperators : _vm.enumOperators),function(operator){return _c('el-option',{key:operator.value,attrs:{"value":operator.value,"label":operator.label}})}),1)],1),_c('el-col',{attrs:{"span":24}},[(_vm.column.type==='string')?_c('el-input',{directives:[{name:"show",rawName:"v-show",value:(!_vm.isDisableInput(_vm.search.operator)),expression:"!isDisableInput(search.operator)"}],model:{value:(_vm.search.value),callback:function ($$v) {_vm.$set(_vm.search, "value", $$v)},expression:"search.value"}}):_c('el-select',{attrs:{"placeholder":"Select","multiple":_vm.isMultiple},model:{value:(_vm.search.value),callback:function ($$v) {_vm.$set(_vm.search, "value", $$v)},expression:"search.value"}},_vm._l(((_vm.column.type==='enum' ? _vm.column.values : _vm.boolValues)),function(label,value){return _c('el-option',{key:value,attrs:{"value":value,"label":label}})}),1)],1)],1):_vm._e()],1)}
+var FilterRowvue_type_template_id_980096d6_scoped_true_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/GenericFilters/FilterRow.vue?vue&type=template&id=980096d6&scoped=true&
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/GenericFilters/FilterRow.vue?vue&type=script&lang=js&
 
-// CONCATENATED MODULE: ./src/components/GenericTable/GenericPaginator.vue?vue&type=template&id=63b76916&scoped=true&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/GenericTable/GenericPaginator.vue?vue&type=script&lang=js&
 //
 //
 //
@@ -6329,32 +6514,111 @@ var GenericPaginatorvue_type_template_id_63b76916_scoped_true_staticRenderFns =
 //
 //
 //
-/* harmony default export */ var GenericPaginatorvue_type_script_lang_js_ = ({
-  name: 'GenericPaginator',
-  inject: ['data', 'actions'],
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+/* harmony default export */ var FilterRowvue_type_script_lang_js_ = ({
+  name: "FilterRow",
+  props: {
+    column: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    search: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    }
+  },
   computed: {
-    currentPage: function currentPage() {
-      var _this$data$meta;
-
-      if ((_this$data$meta = this.data.meta) !== null && _this$data$meta !== void 0 && _this$data$meta.pagination) {
-        return this.data.meta.pagination.current_page;
+    isMultiple: function isMultiple() {
+      return this.column.is_multiple ? this.column.is_multiple : false;
+    }
+  },
+  data: function data() {
+    return {
+      showFilter: this.search.operator !== '',
+      stringOperators: [{
+        'value': 'equal',
+        'label': 'is equal'
+      }, {
+        'value': 'not_equal',
+        'label': 'is not equal'
+      }, {
+        'value': 'contains',
+        'label': 'contains'
+      }, {
+        'value': 'not_contains',
+        'label': 'doesn’t contain'
+      }, {
+        'value': 'is_null',
+        'label': 'is empty'
+      }, {
+        'value': 'is_not_null',
+        'label': 'is not empty'
+      }, {
+        'value': 'start_with',
+        'label': 'begins with'
+      }, {
+        'value': 'end_with',
+        'label': 'ends with'
+      }],
+      disabledInputOperations: ['is_null', 'is_not_null'],
+      enumOperators: [{
+        'value': 'equal',
+        'label': 'is'
+      }, {
+        'value': 'in',
+        'label': 'in'
+      }],
+      boolValues: {
+        null: 'empty',
+        true: 'true',
+        false: 'false'
+      }
+    };
+  },
+  watch: {
+    showFilter: function showFilter() {
+      if (this.showFilter === false) {
+        this.search.operator = '';
+        this.search.value = '';
       }
-
-      return 0;
     },
-    total: function total() {
-      var _this$data$meta2;
+    search: {
+      handler: function handler(newValue) {
+        if (newValue.operator === '') {
+          this.showFilter = false;
+        }
+      },
+      deep: true
+    }
+  },
+  methods: {
+    isDisableInput: function isDisableInput(operator) {
+      var disable = this.disabledInputOperations.indexOf(operator) !== -1;
 
-      if ((_this$data$meta2 = this.data.meta) !== null && _this$data$meta2 !== void 0 && _this$data$meta2.pagination) {
-        return this.data.meta.pagination.total;
+      if (disable) {
+        this.search.value = '';
       }
 
-      return 0;
+      return disable;
     }
   }
 });
-// CONCATENATED MODULE: ./src/components/GenericTable/GenericPaginator.vue?vue&type=script&lang=js&
- /* harmony default export */ var GenericTable_GenericPaginatorvue_type_script_lang_js_ = (GenericPaginatorvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./src/components/GenericFilters/FilterRow.vue?vue&type=script&lang=js&
+ /* harmony default export */ var GenericFilters_FilterRowvue_type_script_lang_js_ = (FilterRowvue_type_script_lang_js_); 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
 
@@ -6455,7 +6719,7 @@ function normalizeComponent (
   }
 }
 
-// CONCATENATED MODULE: ./src/components/GenericTable/GenericPaginator.vue
+// CONCATENATED MODULE: ./src/components/GenericFilters/FilterRow.vue
 
 
 
@@ -6464,204 +6728,52 @@ function normalizeComponent (
 /* normalize component */
 
 var component = normalizeComponent(
-  GenericTable_GenericPaginatorvue_type_script_lang_js_,
-  GenericPaginatorvue_type_template_id_63b76916_scoped_true_render,
-  GenericPaginatorvue_type_template_id_63b76916_scoped_true_staticRenderFns,
+  GenericFilters_FilterRowvue_type_script_lang_js_,
+  FilterRowvue_type_template_id_980096d6_scoped_true_render,
+  FilterRowvue_type_template_id_980096d6_scoped_true_staticRenderFns,
   false,
   null,
-  "63b76916",
+  "980096d6",
   null
   
 )
 
-/* harmony default export */ var GenericPaginator = (component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5d98d0ba-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/GenericTable/GenericFilter.vue?vue&type=template&id=86acd82e&
-var GenericFiltervue_type_template_id_86acd82e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-card',[_vm._l((_vm.data.filters),function(column){return _c('filter-row',{key:column.name,attrs:{"column":column,"search":_vm.search[column.name]}})}),_c('el-button',{on:{"click":_vm.applyFilter}},[_vm._v("Filter")]),_c('el-button',{on:{"click":_vm.resetFilter}},[_vm._v("Reset filter")])],2)}
-var GenericFiltervue_type_template_id_86acd82e_staticRenderFns = []
-
-
-// CONCATENATED MODULE: ./src/components/GenericTable/GenericFilter.vue?vue&type=template&id=86acd82e&
-
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5d98d0ba-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/GenericTable/FilterRow.vue?vue&type=template&id=6b964cef&
-var FilterRowvue_type_template_id_6b964cef_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.column.position !== 'top')?_c('el-row',{staticClass:"m-b-10"},[_c('el-row',[_c('el-col',{attrs:{"lg":4,"md":4,"sm":4,"xs":4}},[_c('el-checkbox',{model:{value:(_vm.showFilter),callback:function ($$v) {_vm.showFilter=$$v},expression:"showFilter"}},[_c('span',[_vm._v(_vm._s(_vm.column.label))])])],1)],1),(_vm.showFilter)?_c('el-row',{staticClass:"m-t-5"},[_c('el-col',{staticClass:"p-b-10",attrs:{"span":24}},[_c('el-select',{attrs:{"placeholder":"Select"},model:{value:(_vm.search.operator),callback:function ($$v) {_vm.$set(_vm.search, "operator", $$v)},expression:"search.operator"}},_vm._l((_vm.column.type==='string' ? _vm.stringOperators : _vm.enumOperators),function(operator){return _c('el-option',{key:operator.value,attrs:{"value":operator.value,"label":operator.label}})}),1)],1),_c('el-col',{attrs:{"span":24}},[(_vm.column.type==='string')?_c('el-input',{directives:[{name:"show",rawName:"v-show",value:(!_vm.isDisableInput(_vm.search.operator)),expression:"!isDisableInput(search.operator)"}],model:{value:(_vm.search.value),callback:function ($$v) {_vm.$set(_vm.search, "value", $$v)},expression:"search.value"}}):_c('el-select',{attrs:{"placeholder":"Select","multiple":_vm.isMultiple},model:{value:(_vm.search.value),callback:function ($$v) {_vm.$set(_vm.search, "value", $$v)},expression:"search.value"}},_vm._l(((_vm.column.type==='enum' ? _vm.column.values : _vm.boolValues)),function(label,value){return _c('el-option',{key:value,attrs:{"value":value,"label":label}})}),1)],1)],1):_vm._e()],1):_vm._e()}
-var FilterRowvue_type_template_id_6b964cef_staticRenderFns = []
+/* harmony default export */ var FilterRow = (component.exports);
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js
+function _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+}
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/createClass.js
+function _defineProperties(target, props) {
+  for (var i = 0; i < props.length; i++) {
+    var descriptor = props[i];
+    descriptor.enumerable = descriptor.enumerable || false;
+    descriptor.configurable = true;
+    if ("value" in descriptor) descriptor.writable = true;
+    Object.defineProperty(target, descriptor.key, descriptor);
+  }
+}
 
+function _createClass(Constructor, protoProps, staticProps) {
+  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+  if (staticProps) _defineProperties(Constructor, staticProps);
+  return Constructor;
+}
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.join.js
+var es_array_join = __webpack_require__("a15b");
 
-// CONCATENATED MODULE: ./src/components/GenericTable/FilterRow.vue?vue&type=template&id=6b964cef&
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/GenericTable/FilterRow.vue?vue&type=script&lang=js&
-
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-/* harmony default export */ var FilterRowvue_type_script_lang_js_ = ({
-  props: {
-    column: {
-      type: Object,
-      default: function _default() {
-        return {};
-      }
-    },
-    search: {
-      type: Object,
-      default: function _default() {
-        return {};
-      }
-    }
-  },
-  computed: {
-    isMultiple: function isMultiple() {
-      return this.column.is_multiple ? this.column.is_multiple : false;
-    }
-  },
-  data: function data() {
-    return {
-      showFilter: this.search.operator !== '',
-      stringOperators: [{
-        'value': 'equal',
-        'label': 'is equal'
-      }, {
-        'value': 'not_equal',
-        'label': 'is not equal'
-      }, {
-        'value': 'contains',
-        'label': 'contains'
-      }, {
-        'value': 'not_contains',
-        'label': 'doesn’t contain'
-      }, {
-        'value': 'is_null',
-        'label': 'is empty'
-      }, {
-        'value': 'is_not_null',
-        'label': 'is not empty'
-      }, {
-        'value': 'start_with',
-        'label': 'begins with'
-      }, {
-        'value': 'end_with',
-        'label': 'ends with'
-      }],
-      disabledInputOperations: ['is_null', 'is_not_null'],
-      enumOperators: [{
-        'value': 'equal',
-        'label': 'is'
-      }, {
-        'value': 'in',
-        'label': 'in'
-      }],
-      boolValues: {
-        null: 'empty',
-        true: 'true',
-        false: 'false'
-      }
-    };
-  },
-  watch: {
-    showFilter: function showFilter() {
-      if (this.showFilter === false) {
-        this.search.operator = '';
-        this.search.value = '';
-      }
-    },
-    search: {
-      handler: function handler(newValue) {
-        if (newValue.operator === '') {
-          this.showFilter = false;
-        }
-      },
-      deep: true
-    }
-  },
-  methods: {
-    isDisableInput: function isDisableInput(operator) {
-      var disable = this.disabledInputOperations.indexOf(operator) !== -1;
-
-      if (disable) {
-        this.search.value = '';
-      }
-
-      return disable;
-    }
-  }
-});
-// CONCATENATED MODULE: ./src/components/GenericTable/FilterRow.vue?vue&type=script&lang=js&
- /* harmony default export */ var GenericTable_FilterRowvue_type_script_lang_js_ = (FilterRowvue_type_script_lang_js_); 
-// CONCATENATED MODULE: ./src/components/GenericTable/FilterRow.vue
-
-
-
-
-
-/* normalize component */
-
-var FilterRow_component = normalizeComponent(
-  GenericTable_FilterRowvue_type_script_lang_js_,
-  FilterRowvue_type_template_id_6b964cef_render,
-  FilterRowvue_type_template_id_6b964cef_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* harmony default export */ var FilterRow = (FilterRow_component.exports);
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js
-function _classCallCheck(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
-}
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/createClass.js
-function _defineProperties(target, props) {
-  for (var i = 0; i < props.length; i++) {
-    var descriptor = props[i];
-    descriptor.enumerable = descriptor.enumerable || false;
-    descriptor.configurable = true;
-    if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, descriptor.key, descriptor);
-  }
-}
-
-function _createClass(Constructor, protoProps, staticProps) {
-  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-  if (staticProps) _defineProperties(Constructor, staticProps);
-  return Constructor;
-}
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.join.js
-var es_array_join = __webpack_require__("a15b");
-
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
-function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
-    o.__proto__ = p;
-    return o;
-  };
-
-  return _setPrototypeOf(o, p);
-}
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/inherits.js
+  return _setPrototypeOf(o, p);
+}
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/inherits.js
 
 function _inherits(subClass, superClass) {
   if (typeof superClass !== "function" && superClass !== null) {
@@ -6757,7 +6869,7 @@ function _createSuper(Derived) {
     return _possibleConstructorReturn(this, result);
   };
 }
-// CONCATENATED MODULE: ./src/components/GenericTable/filters/base-filter.ts
+// CONCATENATED MODULE: ./src/components/GenericFilters/filters/base-filter.ts
 
 var base_filter_BaseFilter = function BaseFilter(field, value) {
   _classCallCheck(this, BaseFilter);
@@ -6765,7 +6877,7 @@ var base_filter_BaseFilter = function BaseFilter(field, value) {
   this.field = field;
   this.value = value;
 };
-// CONCATENATED MODULE: ./src/components/GenericTable/filters/not-contains-filter.ts
+// CONCATENATED MODULE: ./src/components/GenericFilters/filters/not-contains-filter.ts
 
 
 
@@ -6798,7 +6910,7 @@ var not_contains_filter_NotContainsFilter = /*#__PURE__*/function (_BaseFilter)
 
   return NotContainsFilter;
 }(base_filter_BaseFilter);
-// CONCATENATED MODULE: ./src/components/GenericTable/filters/is-null-filter.ts
+// CONCATENATED MODULE: ./src/components/GenericFilters/filters/is-null-filter.ts
 
 
 
@@ -6831,7 +6943,7 @@ var is_null_filter_IsNullFilter = /*#__PURE__*/function (_BaseFilter) {
 
   return IsNullFilter;
 }(base_filter_BaseFilter);
-// CONCATENATED MODULE: ./src/components/GenericTable/filters/contains-filter.ts
+// CONCATENATED MODULE: ./src/components/GenericFilters/filters/contains-filter.ts
 
 
 
@@ -6864,7 +6976,7 @@ var contains_filter_ContainsFilter = /*#__PURE__*/function (_BaseFilter) {
 
   return ContainsFilter;
 }(base_filter_BaseFilter);
-// CONCATENATED MODULE: ./src/components/GenericTable/filters/start-with-filter.ts
+// CONCATENATED MODULE: ./src/components/GenericFilters/filters/start-with-filter.ts
 
 
 
@@ -6893,7 +7005,7 @@ var start_with_filter_StartWithFilter = /*#__PURE__*/function (_ContainsFilter)
 
   return StartWithFilter;
 }(contains_filter_ContainsFilter);
-// CONCATENATED MODULE: ./src/components/GenericTable/filters/end-with-filter.ts
+// CONCATENATED MODULE: ./src/components/GenericFilters/filters/end-with-filter.ts
 
 
 
@@ -6922,7 +7034,7 @@ var end_with_filter_EndWithFilter = /*#__PURE__*/function (_ContainsFilter) {
 
   return EndWithFilter;
 }(contains_filter_ContainsFilter);
-// CONCATENATED MODULE: ./src/components/GenericTable/filters/equal-filter.ts
+// CONCATENATED MODULE: ./src/components/GenericFilters/filters/equal-filter.ts
 
 
 
@@ -6955,7 +7067,7 @@ var equal_filter_EqualFilter = /*#__PURE__*/function (_BaseFilter) {
 
   return EqualFilter;
 }(base_filter_BaseFilter);
-// CONCATENATED MODULE: ./src/components/GenericTable/filters/not-equal-filter.ts
+// CONCATENATED MODULE: ./src/components/GenericFilters/filters/not-equal-filter.ts
 
 
 
@@ -6988,7 +7100,7 @@ var not_equal_filter_NotEqualFilter = /*#__PURE__*/function (_BaseFilter) {
 
   return NotEqualFilter;
 }(base_filter_BaseFilter);
-// CONCATENATED MODULE: ./src/components/GenericTable/filters/contains-multiple-filelds-filter.ts
+// CONCATENATED MODULE: ./src/components/GenericFilters/filters/contains-multiple-filelds-filter.ts
 
 
 
@@ -7021,7 +7133,7 @@ var contains_multiple_filelds_filter_ContainsMultipleFileldsFilter = /*#__PURE__
 
   return ContainsMultipleFileldsFilter;
 }(base_filter_BaseFilter);
-// CONCATENATED MODULE: ./src/components/GenericTable/filters/is-not-null-filter.ts
+// CONCATENATED MODULE: ./src/components/GenericFilters/filters/is-not-null-filter.ts
 
 
 
@@ -7054,7 +7166,7 @@ var is_not_null_filter_IsNotNullFilter = /*#__PURE__*/function (_BaseFilter) {
 
   return IsNotNullFilter;
 }(base_filter_BaseFilter);
-// CONCATENATED MODULE: ./src/components/GenericTable/filters/between-filter.ts
+// CONCATENATED MODULE: ./src/components/GenericFilters/filters/between-filter.ts
 
 
 
@@ -7087,7 +7199,7 @@ var between_filter_BetweenFilter = /*#__PURE__*/function (_BaseFilter) {
 
   return BetweenFilter;
 }(base_filter_BaseFilter);
-// CONCATENATED MODULE: ./src/components/GenericTable/filter-factory.ts
+// CONCATENATED MODULE: ./src/components/GenericFilters/filter-factory.ts
 
 
 
@@ -7160,7 +7272,7 @@ var filter_factory_FilterFactory = /*#__PURE__*/function () {
 }();
 
 
-// CONCATENATED MODULE: ./src/components/GenericTable/filter-convertor.ts
+// CONCATENATED MODULE: ./src/components/GenericFilters/filter-convertor.ts
 
 
 
@@ -7206,7 +7318,7 @@ var filter_convertor_FilterConverter = /*#__PURE__*/function () {
 }();
 
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/GenericTable/GenericFilter.vue?vue&type=script&lang=js&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/GenericFilters/index.vue?vue&type=script&lang=js&
 
 
 //
@@ -7224,12 +7336,25 @@ var filter_convertor_FilterConverter = /*#__PURE__*/function () {
 //
 
 
-/* harmony default export */ var GenericFiltervue_type_script_lang_js_ = ({
-  name: 'GenericFilter',
+/* harmony default export */ var GenericFiltersvue_type_script_lang_js_ = ({
+  name: "GenericFilter",
+  props: {
+    filters: {
+      type: Array,
+      default: function _default() {
+        return {};
+      }
+    },
+    search: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    }
+  },
   components: {
     FilterRow: FilterRow
   },
-  inject: ['data', 'actions', 'search'],
   data: function data() {
     var filterConvertor = new filter_convertor_FilterConverter();
     return {
@@ -7241,16 +7366,16 @@ var filter_convertor_FilterConverter = /*#__PURE__*/function () {
       return this.filterConvertor.applyFilter(this.search);
     },
     applyFilter: function applyFilter() {
-      this.actions.handleApplyFilter();
+      this.$emit('apply:filter', this.filterConvertor.applyFilter(this.search));
     },
     resetFilter: function resetFilter() {
-      this.actions.handleResetFilter();
+      this.$emit('reset:filter', {});
     }
   }
 });
-// CONCATENATED MODULE: ./src/components/GenericTable/GenericFilter.vue?vue&type=script&lang=js&
- /* harmony default export */ var GenericTable_GenericFiltervue_type_script_lang_js_ = (GenericFiltervue_type_script_lang_js_); 
-// CONCATENATED MODULE: ./src/components/GenericTable/GenericFilter.vue
+// CONCATENATED MODULE: ./src/components/GenericFilters/index.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_GenericFiltersvue_type_script_lang_js_ = (GenericFiltersvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./src/components/GenericFilters/index.vue
 
 
 
@@ -7258,42 +7383,111 @@ var filter_convertor_FilterConverter = /*#__PURE__*/function () {
 
 /* normalize component */
 
-var GenericFilter_component = normalizeComponent(
-  GenericTable_GenericFiltervue_type_script_lang_js_,
-  GenericFiltervue_type_template_id_86acd82e_render,
-  GenericFiltervue_type_template_id_86acd82e_staticRenderFns,
+var GenericFilters_component = normalizeComponent(
+  components_GenericFiltersvue_type_script_lang_js_,
+  GenericFiltersvue_type_template_id_577eb898_scoped_true_render,
+  GenericFiltersvue_type_template_id_577eb898_scoped_true_staticRenderFns,
   false,
   null,
-  null,
+  "577eb898",
   null
   
 )
 
-/* harmony default export */ var GenericFilter = (GenericFilter_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5d98d0ba-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/GenericTable/GenericTopFilter.vue?vue&type=template&id=07146792&
-var GenericTopFiltervue_type_template_id_07146792_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._l((_vm.data.filters),function(column){return _c('filter-top-row',{key:column.name,attrs:{"column":column,"search":_vm.search[column.name]}})}),_c('el-col',{staticClass:"m-t-20",attrs:{"span":6}},[_c('el-button',{on:{"click":_vm.applyFilter}},[_vm._v("Filter")]),_c('el-button',{on:{"click":_vm.resetFilter}},[_vm._v("Reset filter")])],1)],2)}
-var GenericTopFiltervue_type_template_id_07146792_staticRenderFns = []
+/* harmony default export */ var GenericFilters = (GenericFilters_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7229a924-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/GenericPaginator/index.vue?vue&type=template&id=bb57d95e&
+var GenericPaginatorvue_type_template_id_bb57d95e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"m-t-15"},[_c('el-pagination',{attrs:{"total":_vm.total,"current-page":_vm.currentPage,"page-size":_vm.limit,"layout":'total, sizes, prev, pager, next, jumper'},on:{"size-change":_vm.sizeChange,"current-change":_vm.pageChange}})],1)}
+var GenericPaginatorvue_type_template_id_bb57d95e_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/GenericTable/GenericTopFilter.vue?vue&type=template&id=07146792&
+// CONCATENATED MODULE: ./src/components/GenericPaginator/index.vue?vue&type=template&id=bb57d95e&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5d98d0ba-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/GenericTable/FilterTopRow.vue?vue&type=template&id=878f904a&
-var FilterTopRowvue_type_template_id_878f904a_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.column.position === 'top')?_c('el-col',{staticClass:"m-b-20",attrs:{"span":18}},[(_vm.column.type !== 'checkbox')?_c('el-col',{staticClass:"m-b-5 p-l-0"},[_c('label',[_vm._v(_vm._s(_vm.column.label))])]):_vm._e(),(_vm.column.type==='string')?_c('el-input',{model:{value:(_vm.search.value),callback:function ($$v) {_vm.$set(_vm.search, "value", $$v)},expression:"search.value"}}):_vm._e()],1):_vm._e()}
-var FilterTopRowvue_type_template_id_878f904a_staticRenderFns = []
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.number.constructor.js
+var es_number_constructor = __webpack_require__("a9e3");
 
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/GenericPaginator/index.vue?vue&type=script&lang=js&
 
-// CONCATENATED MODULE: ./src/components/GenericTable/FilterTopRow.vue?vue&type=template&id=878f904a&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+/* harmony default export */ var GenericPaginatorvue_type_script_lang_js_ = ({
+  name: "GeneticPaginator",
+  props: {
+    limit: {
+      type: Number,
+      default: function _default() {
+        return 0;
+      }
+    },
+    currentPage: {
+      type: Number,
+      default: function _default() {
+        return 0;
+      }
+    },
+    total: {
+      type: Number,
+      default: function _default() {
+        return 0;
+      }
+    },
+    pageSizes: {
+      type: Array,
+      default: function _default() {
+        return [10, 15, 20, 30, 50];
+      }
+    }
+  },
+  methods: {
+    pageChange: function pageChange(val) {
+      debugger;
+      this.$emit('page:change', val);
+    },
+    sizeChange: function sizeChange(val) {
+      this.$emit('size:change', val);
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/GenericPaginator/index.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_GenericPaginatorvue_type_script_lang_js_ = (GenericPaginatorvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./src/components/GenericPaginator/index.vue
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/GenericTable/FilterTopRow.vue?vue&type=script&lang=js&
 
 
 
 
+/* normalize component */
 
+var GenericPaginator_component = normalizeComponent(
+  components_GenericPaginatorvue_type_script_lang_js_,
+  GenericPaginatorvue_type_template_id_bb57d95e_render,
+  GenericPaginatorvue_type_template_id_bb57d95e_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
 
+/* harmony default export */ var GenericPaginator = (GenericPaginator_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7229a924-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/GenericTable/index.vue?vue&type=template&id=1dbee846&
+var GenericTablevue_type_template_id_1dbee846_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('el-table',{attrs:{"data":_vm.data,"border":""},on:{"sort-change":_vm.sortChange}},[_vm._l((_vm.fields),function(field){return [(field.callback)?[_c('el-table-column',{key:field.prop,attrs:{"prop":field.prop,"label":field.label,"width":field.width ? field.width : null,"sortable":"custom"},scopedSlots:_vm._u([{key:"default",fn:function(context){return [_c('el-link',{on:{"click":function($event){return field.callback(field.prop, context.$index, context.row)}}},[_vm._v(" "+_vm._s(typeof field.formatter === 'function' ? field.formatter(context.row) : context.row[field.prop])+" ")])]}}],null,true)})]:[_c('el-table-column',{key:field.prop,attrs:{"formatter":typeof field.formatter === 'function' ? field.formatter : null,"prop":field.prop,"label":field.label,"width":field.width ? field.width : null,"sortable":"custom"}})]]})],2)],1)}
+var GenericTablevue_type_template_id_1dbee846_staticRenderFns = []
 
 
+// CONCATENATED MODULE: ./src/components/GenericTable/index.vue?vue&type=template&id=1dbee846&
 
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/GenericTable/index.vue?vue&type=script&lang=js&
 //
 //
 //
@@ -7302,20 +7496,265 @@ var FilterTopRowvue_type_template_id_878f904a_staticRenderFns = []
 //
 //
 //
-/* harmony default export */ var FilterTopRowvue_type_script_lang_js_ = ({
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+/* harmony default export */ var GenericTablevue_type_script_lang_js_ = ({
+  name: "GenericTable",
   props: {
-    column: {
-      type: Object,
+    data: {
       default: function _default() {
         return {};
-      }
+      },
+      type: Array
     },
-    search: {
-      type: Object,
+    title: {
+      default: "",
+      type: String
+    },
+    fields: {
       default: function _default() {
-        return {};
-      }
-    }
+        return [];
+      },
+      type: Array
+    }
+  },
+  data: function data() {
+    return {
+      loading: false
+    };
+  },
+  methods: {
+    sortChange: function sortChange(data) {
+      this.$emit('sort:change', data);
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/GenericTable/index.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_GenericTablevue_type_script_lang_js_ = (GenericTablevue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./src/components/GenericTable/index.vue
+
+
+
+
+
+/* normalize component */
+
+var GenericTable_component = normalizeComponent(
+  components_GenericTablevue_type_script_lang_js_,
+  GenericTablevue_type_template_id_1dbee846_render,
+  GenericTablevue_type_template_id_1dbee846_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var GenericTable = (GenericTable_component.exports);
+// CONCATENATED MODULE: ./src/services/list-query-service.ts
+
+
+
+
+var list_query_service_ListQueryService = /*#__PURE__*/function () {
+  function ListQueryService(key, storageService) {
+    _classCallCheck(this, ListQueryService);
+
+    this.key = key;
+    this.storageService = storageService;
+  }
+
+  _createClass(ListQueryService, [{
+    key: "updateSort",
+    value: function updateSort(column) {
+      var sortTypes = {
+        ascending: 'asc',
+        descending: 'desc'
+      };
+
+      if (!sortTypes[column.order]) {
+        var query = this.getListQuery();
+        delete query['orderBy'];
+        delete query['sortedBy'];
+        this.setListQuery(query);
+      } else {
+        this.setListQuery(Object.assign(this.getListQuery(), {
+          orderBy: column.prop,
+          sortedBy: sortTypes[column.order]
+        }));
+      }
+    }
+  }, {
+    key: "getListQuery",
+    value: function getListQuery() {
+      var listQuery = {
+        meta: {
+          page: 1,
+          limit: 10
+        }
+      };
+      listQuery = Object.assign(listQuery, this.storageService.get(this.key));
+      return listQuery;
+    }
+  }, {
+    key: "updateListQuery",
+    value: function updateListQuery(listQuery) {
+      this.setListQuery(Object.assign(this.getListQuery(), listQuery));
+    }
+  }, {
+    key: "setListQuery",
+    value: function setListQuery(listQuery) {
+      this.storageService.set(this.key, listQuery);
+    }
+  }]);
+
+  return ListQueryService;
+}();
+
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.json.stringify.js
+var es_json_stringify = __webpack_require__("e9c4");
+
+// CONCATENATED MODULE: ./src/services/local-storage-service.ts
+
+
+
+var local_storage_service_LocalStorageService = /*#__PURE__*/function () {
+  function LocalStorageService() {
+    var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+
+    _classCallCheck(this, LocalStorageService);
+
+    this.key = key;
+  }
+
+  _createClass(LocalStorageService, [{
+    key: "get",
+    value: function get(key) {
+      var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+      if (localStorage[this.key] === undefined) {
+        return defaultValue;
+      }
+
+      var json = JSON.parse(localStorage[this.key]);
+
+      if (json[key]) {
+        return json[key];
+      }
+
+      return defaultValue;
+    } // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
+
+  }, {
+    key: "set",
+    value: function set(key, val) {
+      var data = localStorage[this.key];
+
+      if (data === undefined) {
+        data = {};
+      } else {
+        data = JSON.parse(data);
+      }
+
+      data[key] = val;
+      localStorage[this.key] = JSON.stringify(data);
+    }
+  }]);
+
+  return LocalStorageService;
+}();
+// CONCATENATED MODULE: ./src/models/base-model.ts
+
+var base_model_BaseModel = function BaseModel(data) {
+  _classCallCheck(this, BaseModel);
+
+  if (data === null) {
+    return;
+  }
+
+  for (var key in data) {
+    this[key] = data[key];
+  }
+};
+// CONCATENATED MODULE: ./src/models/meta-model.ts
+
+
+
+
+
+var meta_model_MetaModel = /*#__PURE__*/function (_BaseModel) {
+  _inherits(MetaModel, _BaseModel);
+
+  var _super = _createSuper(MetaModel);
+
+  function MetaModel() {
+    var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+
+    _classCallCheck(this, MetaModel);
+
+    return _super.call(this, data);
+  }
+
+  return MetaModel;
+}(base_model_BaseModel);
+
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7229a924-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/GenericFilters/GenericTopFilter.vue?vue&type=template&id=e981941c&
+var GenericTopFiltervue_type_template_id_e981941c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-row',[_vm._l((_vm.filters),function(column){return _c('filter-top-row',{key:column.name,attrs:{"column":column,"search":_vm.search[column.name]}})}),_c('el-col',{staticClass:"m-t-20",attrs:{"span":6}},[_c('el-button',{on:{"click":_vm.applyFilter}},[_vm._v("Filter")]),_c('el-button',{on:{"click":_vm.resetFilter}},[_vm._v("Reset filter")])],1)],2)}
+var GenericTopFiltervue_type_template_id_e981941c_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/GenericFilters/GenericTopFilter.vue?vue&type=template&id=e981941c&
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7229a924-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/GenericFilters/FilterTopRow.vue?vue&type=template&id=8bda4366&
+var FilterTopRowvue_type_template_id_8bda4366_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.column)?_c('el-col',{staticClass:"m-b-20",attrs:{"span":18}},[(_vm.column.type !== 'checkbox')?_c('el-col',{staticClass:"m-b-5 p-l-0"},[_c('label',[_vm._v(_vm._s(_vm.column.label))])]):_vm._e(),(_vm.column.type==='string')?_c('el-input',{model:{value:(_vm.search.value),callback:function ($$v) {_vm.$set(_vm.search, "value", $$v)},expression:"search.value"}}):_vm._e()],1):_vm._e()}
+var FilterTopRowvue_type_template_id_8bda4366_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/GenericFilters/FilterTopRow.vue?vue&type=template&id=8bda4366&
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/GenericFilters/FilterTopRow.vue?vue&type=script&lang=js&
+
+
+
+
+
+
+
+
+
+//
+//
+//
+//
+//
+//
+//
+//
+/* harmony default export */ var FilterTopRowvue_type_script_lang_js_ = ({
+  props: {
+    column: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    search: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    }
   },
   data: function data() {
     var _this$column$selectKe, _this$column$selectLa, _this$column$selectVa, _this$column$filterab, _this$column$remote, _this$column$remoteMe;
@@ -7413,9 +7852,9 @@ var FilterTopRowvue_type_template_id_878f904a_staticRenderFns = []
     }
   }
 });
-// CONCATENATED MODULE: ./src/components/GenericTable/FilterTopRow.vue?vue&type=script&lang=js&
- /* harmony default export */ var GenericTable_FilterTopRowvue_type_script_lang_js_ = (FilterTopRowvue_type_script_lang_js_); 
-// CONCATENATED MODULE: ./src/components/GenericTable/FilterTopRow.vue
+// CONCATENATED MODULE: ./src/components/GenericFilters/FilterTopRow.vue?vue&type=script&lang=js&
+ /* harmony default export */ var GenericFilters_FilterTopRowvue_type_script_lang_js_ = (FilterTopRowvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./src/components/GenericFilters/FilterTopRow.vue
 
 
 
@@ -7424,9 +7863,9 @@ var FilterTopRowvue_type_template_id_878f904a_staticRenderFns = []
 /* normalize component */
 
 var FilterTopRow_component = normalizeComponent(
-  GenericTable_FilterTopRowvue_type_script_lang_js_,
-  FilterTopRowvue_type_template_id_878f904a_render,
-  FilterTopRowvue_type_template_id_878f904a_staticRenderFns,
+  GenericFilters_FilterTopRowvue_type_script_lang_js_,
+  FilterTopRowvue_type_template_id_8bda4366_render,
+  FilterTopRowvue_type_template_id_8bda4366_staticRenderFns,
   false,
   null,
   null,
@@ -7435,7 +7874,7 @@ var FilterTopRow_component = normalizeComponent(
 )
 
 /* harmony default export */ var FilterTopRow = (FilterTopRow_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/GenericTable/GenericTopFilter.vue?vue&type=script&lang=js&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/GenericFilters/GenericTopFilter.vue?vue&type=script&lang=js&
 
 
 //
@@ -7456,11 +7895,24 @@ var FilterTopRow_component = normalizeComponent(
 
 
 /* harmony default export */ var GenericTopFiltervue_type_script_lang_js_ = ({
-  name: 'GenericTopFilter',
+  name: "GenericTopFilter",
+  props: {
+    filters: {
+      type: Array,
+      default: function _default() {
+        return {};
+      }
+    },
+    search: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    }
+  },
   components: {
     FilterTopRow: FilterTopRow
   },
-  inject: ['data', 'actions', 'search'],
   data: function data() {
     var filterConvertor = new filter_convertor_FilterConverter();
     return {
@@ -7472,16 +7924,16 @@ var FilterTopRow_component = normalizeComponent(
       return this.filterConvertor.applyFilter(this.search);
     },
     applyFilter: function applyFilter() {
-      this.actions.handleApplyFilter();
+      this.$emit("apply:filter", this.filterConvertor.applyFilter(this.search));
     },
     resetFilter: function resetFilter() {
-      this.actions.handleResetFilter();
+      this.$emit("reset:filter", {});
     }
   }
 });
-// CONCATENATED MODULE: ./src/components/GenericTable/GenericTopFilter.vue?vue&type=script&lang=js&
- /* harmony default export */ var GenericTable_GenericTopFiltervue_type_script_lang_js_ = (GenericTopFiltervue_type_script_lang_js_); 
-// CONCATENATED MODULE: ./src/components/GenericTable/GenericTopFilter.vue
+// CONCATENATED MODULE: ./src/components/GenericFilters/GenericTopFilter.vue?vue&type=script&lang=js&
+ /* harmony default export */ var GenericFilters_GenericTopFiltervue_type_script_lang_js_ = (GenericTopFiltervue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./src/components/GenericFilters/GenericTopFilter.vue
 
 
 
@@ -7490,9 +7942,9 @@ var FilterTopRow_component = normalizeComponent(
 /* normalize component */
 
 var GenericTopFilter_component = normalizeComponent(
-  GenericTable_GenericTopFiltervue_type_script_lang_js_,
-  GenericTopFiltervue_type_template_id_07146792_render,
-  GenericTopFiltervue_type_template_id_07146792_staticRenderFns,
+  GenericFilters_GenericTopFiltervue_type_script_lang_js_,
+  GenericTopFiltervue_type_template_id_e981941c_render,
+  GenericTopFiltervue_type_template_id_e981941c_staticRenderFns,
   false,
   null,
   null,
@@ -7501,22 +7953,19 @@ var GenericTopFilter_component = normalizeComponent(
 )
 
 /* harmony default export */ var GenericTopFilter = (GenericTopFilter_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5d98d0ba-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/GenericTable/GenericRows.vue?vue&type=template&id=69f342b5&
-var GenericRowsvue_type_template_id_69f342b5_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._t("default",function(){return [_c('el-table',{attrs:{"data":_vm.data.items,"border":""}},[_vm._l((_vm.data.fields),function(field){return [(field.callback)?[_c('el-table-column',{key:field.prop,attrs:{"prop":field.prop,"label":field.label,"width":field.width ? field.width : null},scopedSlots:_vm._u([{key:"default",fn:function(context){return [_c('el-link',{on:{"click":function($event){return field.callback(field.prop, context.$index, context.row)}}},[_vm._v(" "+_vm._s(typeof field.formatter === 'function' ? field.formatter(context.row) : context.row[field.prop])+" ")])]}}],null,true)})]:[_c('el-table-column',{key:field.prop,attrs:{"formatter":typeof field.formatter === 'function' ? field.formatter : null,"prop":field.prop,"label":field.label,"width":field.width ? field.width : null}})]]})],2)]},{"items":_vm.data.items,"fields":_vm.data.fields})],2)}
-var GenericRowsvue_type_template_id_69f342b5_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/CompositeTable/index.vue?vue&type=script&lang=js&
+
+
+
+
+
+
+
+
+
 
 
-// CONCATENATED MODULE: ./src/components/GenericTable/GenericRows.vue?vue&type=template&id=69f342b5&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/GenericTable/GenericRows.vue?vue&type=script&lang=js&
-//
-//
-//
-//
-//
-//
-//
-//
 //
 //
 //
@@ -7530,120 +7979,23 @@ var GenericRowsvue_type_template_id_69f342b5_staticRenderFns = []
 //
 //
 //
-/* harmony default export */ var GenericRowsvue_type_script_lang_js_ = ({
-  name: 'GenericRows',
-  inject: ['data']
-});
-// CONCATENATED MODULE: ./src/components/GenericTable/GenericRows.vue?vue&type=script&lang=js&
- /* harmony default export */ var GenericTable_GenericRowsvue_type_script_lang_js_ = (GenericRowsvue_type_script_lang_js_); 
-// CONCATENATED MODULE: ./src/components/GenericTable/GenericRows.vue
-
-
-
-
-
-/* normalize component */
-
-var GenericRows_component = normalizeComponent(
-  GenericTable_GenericRowsvue_type_script_lang_js_,
-  GenericRowsvue_type_template_id_69f342b5_render,
-  GenericRowsvue_type_template_id_69f342b5_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* harmony default export */ var GenericRows = (GenericRows_component.exports);
-// CONCATENATED MODULE: ./src/models/base-model.ts
-
-var base_model_BaseModel = function BaseModel(data) {
-  _classCallCheck(this, BaseModel);
-
-  if (data === null) {
-    return;
-  }
-
-  for (var key in data) {
-    this[key] = data[key];
-  }
-};
-// CONCATENATED MODULE: ./src/models/meta-model.ts
-
-
-
-
-
-var meta_model_MetaModel = /*#__PURE__*/function (_BaseModel) {
-  _inherits(MetaModel, _BaseModel);
-
-  var _super = _createSuper(MetaModel);
-
-  function MetaModel() {
-    var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-
-    _classCallCheck(this, MetaModel);
-
-    return _super.call(this, data);
-  }
-
-  return MetaModel;
-}(base_model_BaseModel);
-
-
-// CONCATENATED MODULE: ./src/services/list-query-service.ts
-
-
-
-
-var list_query_service_ListQueryService = /*#__PURE__*/function () {
-  function ListQueryService(key, localStorageService) {
-    _classCallCheck(this, ListQueryService);
-
-    this.localStorageService = localStorageService;
-    this.key = key;
-  }
-
-  _createClass(ListQueryService, [{
-    key: "getListQuery",
-    value: function getListQuery() {
-      var listQuery = {
-        meta: {
-          page: 1,
-          limit: 10
-        }
-      };
-      listQuery = Object.assign(listQuery, this.localStorageService.get(this.key), listQuery);
-      return listQuery;
-    }
-  }, {
-    key: "updateListQuery",
-    value: function updateListQuery(listQuery) {
-      this.setListQuery(Object.assign(this.getListQuery(), listQuery));
-    }
-  }, {
-    key: "setListQuery",
-    value: function setListQuery(listQuery) {
-      this.localStorageService.set(this.key, listQuery);
-    }
-  }]);
-
-  return ListQueryService;
-}();
-
-
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/GenericTable/index.vue?vue&type=script&lang=js&
-
-
-
-
-
-
-
-
-
-
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 //
 //
 //
@@ -7673,38 +8025,15 @@ var list_query_service_ListQueryService = /*#__PURE__*/function () {
 
 
 
-/* harmony default export */ var GenericTablevue_type_script_lang_js_ = ({
-  name: "GenericTable",
-  components: {
-    GenericRows: GenericRows,
-    GenericFilter: GenericFilter,
-    GenericPaginator: GenericPaginator,
-    GenericTopFilter: GenericTopFilter
-  },
-  provide: function provide() {
-    var _this = this;
 
-    var data = {};
-    ["items", "fields", "filters", "loading", "meta"].forEach(function (key) {
-      Object.defineProperty(data, key, {
-        enumerable: true,
-        get: function get() {
-          return _this[key];
-        }
-      });
-    });
-    return {
-      data: data,
-      search: this.search,
-      actions: {
-        handleSizeChange: this.handleSizeChange,
-        handleCurrentChange: this.handleCurrentChange,
-        handleFilterChange: this.handleFilterChange,
-        handleApplyFilter: this.handleApplyFilter,
-        handleResetFilter: this.handleResetFilter
-      }
-    };
+/* harmony default export */ var CompositeTablevue_type_script_lang_js_ = ({
+  components: {
+    GenericTopFilter: GenericTopFilter,
+    GenericFilter: GenericFilters,
+    GenericTable: GenericTable,
+    GenericPaginator: GenericPaginator
   },
+  name: "CompositeTable",
   props: {
     repository: {
       default: function _default() {
@@ -7722,17 +8051,31 @@ var list_query_service_ListQueryService = /*#__PURE__*/function () {
       },
       type: Array
     },
+    filtersTop: {
+      default: function _default() {
+        return [];
+      },
+      type: Array
+    },
     filters: {
       default: function _default() {
         return [];
       },
       type: Array
+    },
+    includes: {
+      default: '--',
+      type: String
+    },
+    storageKey: {
+      default: "storage.key",
+      type: String
     }
   },
   data: function data() {
+    var localStorage = new local_storage_service_LocalStorageService(this.storageKey);
+    var listQueryService = new list_query_service_ListQueryService(this.$route ? this.$route.name : "storage.key", localStorage);
     var search = {};
-    var filterConvertor = new filter_convertor_FilterConverter();
-    var listQueryService = new list_query_service_ListQueryService(this.$route.name, this.$services.localStorage());
 
     var _iterator = _createForOfIteratorHelper(this.filters),
         _step;
@@ -7742,8 +8085,7 @@ var list_query_service_ListQueryService = /*#__PURE__*/function () {
         var column = _step.value;
         search[column.name] = {
           operator: "",
-          value: "",
-          position: column.position ? column.position : null
+          value: ""
         };
       }
     } catch (err) {
@@ -7752,27 +8094,34 @@ var list_query_service_ListQueryService = /*#__PURE__*/function () {
       _iterator.f();
     }
 
+    var _iterator2 = _createForOfIteratorHelper(this.filtersTop),
+        _step2;
+
+    try {
+      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+        var _column = _step2.value;
+        search[_column.name] = {
+          position: "top",
+          value: ""
+        };
+      }
+    } catch (err) {
+      _iterator2.e(err);
+    } finally {
+      _iterator2.f();
+    }
+
     search = Object.assign(search, listQueryService.getListQuery().search);
     return {
       loading: false,
       filter: {},
-      items: [],
+      data: [],
       search: search,
-      meta: new meta_model_MetaModel(),
-      filterConvertor: filterConvertor,
+      meta: Object.assign(new meta_model_MetaModel(), listQueryService.getListQuery().meta),
       listQueryService: listQueryService
     };
   },
   computed: {
-    showTopFilter: function showTopFilter() {
-      if (this.filters.filter(function (e) {
-        return e.position === "top";
-      }).length > 0) {
-        return true;
-      }
-
-      return false;
-    },
     queryFilter: function queryFilter() {
       var _this$meta, _this$meta$pagination, _this$meta2, _this$meta2$paginatio;
 
@@ -7782,15 +8131,47 @@ var list_query_service_ListQueryService = /*#__PURE__*/function () {
         limit: (_this$meta2 = this.meta) !== null && _this$meta2 !== void 0 && (_this$meta2$paginatio = _this$meta2.pagination) !== null && _this$meta2$paginatio !== void 0 && _this$meta2$paginatio.per_page ? this.meta.pagination.per_page : meta.limit
       };
       return _objectSpread2(_objectSpread2({}, query), this.filter);
+    },
+    currentPage: function currentPage() {
+      var _this$data$meta;
+
+      if ((_this$data$meta = this.data.meta) !== null && _this$data$meta !== void 0 && _this$data$meta.pagination) {
+        return this.data.meta.pagination.current_page;
+      }
+
+      return 0;
+    },
+    total: function total() {
+      var _this$data$meta2;
+
+      if ((_this$data$meta2 = this.data.meta) !== null && _this$data$meta2 !== void 0 && _this$data$meta2.pagination) {
+        return this.data.meta.pagination.total;
+      }
+
+      return 0;
+    },
+    limit: function limit() {
+      var _this$data$meta3, _this$listQueryServic;
+
+      if ((_this$data$meta3 = this.data.meta) !== null && _this$data$meta3 !== void 0 && _this$data$meta3.pagination) {
+        return this.data.meta.pagination.per_page;
+      }
+
+      if ((_this$listQueryServic = this.listQueryService.getListQuery().meta) !== null && _this$listQueryServic !== void 0 && _this$listQueryServic.limit) {
+        var _this$listQueryServic2;
+
+        return (_this$listQueryServic2 = this.listQueryService.getListQuery().meta) === null || _this$listQueryServic2 === void 0 ? void 0 : _this$listQueryServic2.limit;
+      }
+
+      return 10;
     }
   },
   mounted: function mounted() {
-    this.filter = this.$refs.genericFilter.getFilter();
     this.fetch();
   },
   methods: {
     fetch: function fetch() {
-      var _this2 = this;
+      var _this = this;
 
       return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
         var response;
@@ -7798,15 +8179,15 @@ var list_query_service_ListQueryService = /*#__PURE__*/function () {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
-                _this2.loading = true;
+                _this.loading = true;
                 _context.prev = 1;
                 _context.next = 4;
-                return _this2.repository.all(_this2.queryFilter);
+                return _this.repository.all(_this.queryFilter, _this.includes);
 
               case 4:
                 response = _context.sent;
-                _this2.items = response.data;
-                _this2.meta = response.meta;
+                _this.data = response.data;
+                external_commonjs_vue_commonjs2_vue_root_Vue_default.a.set(_this.data, "meta", response.meta);
                 _context.next = 12;
                 break;
 
@@ -7814,10 +8195,10 @@ var list_query_service_ListQueryService = /*#__PURE__*/function () {
                 _context.prev = 9;
                 _context.t0 = _context["catch"](1);
 
-                _this2.$message.error(_context.t0.message);
+                _this.$message.error(_context.t0.message);
 
               case 12:
-                _this2.loading = false;
+                _this.loading = false;
 
               case 13:
               case "end":
@@ -7827,10 +8208,15 @@ var list_query_service_ListQueryService = /*#__PURE__*/function () {
         }, _callee, null, [[1, 9]]);
       }))();
     },
+    handleChangeSort: function handleChangeSort(val) {
+      this.listQueryService.updateSort(val);
+      this.fetch();
+    },
     handleSizeChange: function handleSizeChange(val) {
       this.listQueryService.updateListQuery({
         meta: {
-          limit: val
+          limit: val,
+          page: this.listQueryService.getListQuery().meta.page
         }
       });
       this.meta.pagination.per_page = val;
@@ -7839,26 +8225,25 @@ var list_query_service_ListQueryService = /*#__PURE__*/function () {
     handleCurrentChange: function handleCurrentChange(val) {
       this.listQueryService.updateListQuery({
         meta: {
-          page: val
+          page: val,
+          limit: this.listQueryService.getListQuery().meta.limit
         }
       });
-      this.meta.pagination.current_page = val;
+      this.data.meta.pagination.current_page = val;
       this.fetch();
     },
     handleFilterChange: function handleFilterChange(val) {
       this.filter = val;
-      this.meta.pagination.current_page = 1;
+      this.data.meta.pagination.current_page = 1;
       this.fetch();
     },
-    handleApplyFilter: function handleApplyFilter() {
+    handleApplyFilter: function handleApplyFilter(filters) {
       this.listQueryService.updateListQuery({
         search: this.search
       });
-      this.handleFilterChange(this.filterConvertor.applyFilter(this.search));
+      this.handleFilterChange(filters);
     },
     handleResetFilter: function handleResetFilter() {
-      console.log(this.search);
-
       for (var column in this.search) {
         if (this.search[column].position === "top") {
           this.search[column] = Object.assign(this.search[column], {
@@ -7873,15 +8258,15 @@ var list_query_service_ListQueryService = /*#__PURE__*/function () {
       }
 
       this.listQueryService.updateListQuery({
-        search: this.search
+        search: {}
       });
       this.handleFilterChange({});
     }
   }
 });
-// CONCATENATED MODULE: ./src/components/GenericTable/index.vue?vue&type=script&lang=js&
- /* harmony default export */ var components_GenericTablevue_type_script_lang_js_ = (GenericTablevue_type_script_lang_js_); 
-// CONCATENATED MODULE: ./src/components/GenericTable/index.vue
+// CONCATENATED MODULE: ./src/components/CompositeTable/index.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_CompositeTablevue_type_script_lang_js_ = (CompositeTablevue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./src/components/CompositeTable/index.vue
 
 
 
@@ -7889,19 +8274,19 @@ var list_query_service_ListQueryService = /*#__PURE__*/function () {
 
 /* normalize component */
 
-var GenericTable_component = normalizeComponent(
-  components_GenericTablevue_type_script_lang_js_,
+var CompositeTable_component = normalizeComponent(
+  components_CompositeTablevue_type_script_lang_js_,
   render,
   staticRenderFns,
   false,
   null,
-  "43420de9",
+  "7f40e991",
   null
   
 )
 
-/* harmony default export */ var GenericTable = (GenericTable_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5d98d0ba-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/CreateForm/index.vue?vue&type=template&id=3a62da0d&
+/* harmony default export */ var CompositeTable = (CompositeTable_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7229a924-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/CreateForm/index.vue?vue&type=template&id=3a62da0d&
 var CreateFormvue_type_template_id_3a62da0d_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-form',{ref:"form",staticClass:"m-w-1200",attrs:{"rules":_vm.config.rules,"model":_vm.formLocal,"label-position":"left","label-width":"140px"}},[_c('el-card',{attrs:{"shadow":"always"}},[_c('div',{staticClass:"clearfix",attrs:{"slot":"header"},slot:"header"},[_c('el-row',{attrs:{"type":"flex","justify":"space-between"}},[_c('el-col',{staticClass:"flex align-center justify-start",attrs:{"span":6}},[_c('h3',{staticClass:"m-b-0"},[_vm._v("New "+_vm._s(_vm.formLocal.object))])]),_c('el-col',{staticClass:"flex align-center justify-end",attrs:{"span":6}},[_c('el-button',{staticClass:"fr",attrs:{"type":"success"},on:{"click":_vm.saveForm}},[_vm._v("Save")])],1)],1)],1),_c('el-row',{attrs:{"gutter":20}},[_c('el-col',{attrs:{"xl":_vm.colResolutionLg.xl,"lg":_vm.colResolutionLg.lg,"md":_vm.colResolutionLg.md,"sm":_vm.colResolutionLg.sm,"xs":_vm.colResolutionLg.xs}},[_c('new-column',{attrs:{"data":_vm.formLocal,"fields":_vm.config.formFields,"errors":_vm.errors}})],1)],1)],1)],1)}
 var CreateFormvue_type_template_id_3a62da0d_staticRenderFns = []
 
@@ -7949,27 +8334,20 @@ var resolutions = {
 function getResolution(size) {
   return resolutions[size];
 }
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5d98d0ba-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/PartColumn/NewColumn.vue?vue&type=template&id=05207afe&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7229a924-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/PartColumn/NewColumn.vue?vue&type=template&id=05207afe&
 var NewColumnvue_type_template_id_05207afe_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-col',{staticClass:"p-r-5 p-l-5",attrs:{"xl":_vm.colResolution.lg,"lg":_vm.colResolution.lg,"md":_vm.colResolution.md,"sm":_vm.colResolution.sm,"xs":_vm.colResolution.xs}},[_vm._l((_vm.fields),function(field){return [_c('el-col',{key:field.prop,staticClass:"p-r-5 p-l-5",attrs:{"xl":_vm.fieldResolution(field, 'xl'),"lg":_vm.fieldResolution(field, 'lg'),"md":_vm.fieldResolution(field, 'md'),"sm":_vm.fieldResolution(field, 'sm'),"xs":_vm.fieldResolution(field, 'xs')}},[_c('el-form-item',{attrs:{"prop":_vm.propPrefix + field.prop,"label":field.label,"error":_vm.errors[field.prop] ? _vm.errors[field.prop][0] : ''}},[_c('new-field',{attrs:{"type":field.selectList ? 'select' : (field.type? field.type :'input'),"select-list":field.selectList ? field.selectList : [],"select-multiple":field.selectMultiple,"select-key":field.selectList ? (field.selectKey ? field.selectKey : 'value' ) : '',"select-label":field.selectList ? (field.selectLabel ? field.selectLabel : 'name' ) : '',"select-value":field.selectList ? (field.selectValue ? field.selectValue : 'value' ) : '',"field":field.prop,"precision":field.precision ? field.precision : 0,"remote-method":field.remoteMethod ? field.remoteMethod : null,"filterable":field.filterable ? field.filterable : null},on:{"editable:save":_vm.updateValue},model:{value:(_vm.dataModel[field.prop]),callback:function ($$v) {_vm.$set(_vm.dataModel, field.prop, $$v)},expression:"dataModel[field.prop]"}})],1)],1)]})],2)}
 var NewColumnvue_type_template_id_05207afe_staticRenderFns = []
 
 
 // CONCATENATED MODULE: ./src/components/PartColumn/NewColumn.vue?vue&type=template&id=05207afe&
 
-// EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
-var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__("8bbf");
-var external_commonjs_vue_commonjs2_vue_root_Vue_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_vue_commonjs2_vue_root_Vue_);
-
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5d98d0ba-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/NewField/index.vue?vue&type=template&id=03167641&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7229a924-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/NewField/index.vue?vue&type=template&id=03167641&
 var NewFieldvue_type_template_id_03167641_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"editable-cell"},[_c('div',{staticClass:"editable-cell__editor"},[_vm._t("default",function(){return [_c('el-col',{attrs:{"span":24}},[(_vm.type === 'checkbox')?_c('el-checkbox',{model:{value:(_vm.dataModel),callback:function ($$v) {_vm.dataModel=$$v},expression:"dataModel"}}):(_vm.type === 'select')?_c('el-select',{staticClass:"w-100",attrs:{"filterable":_vm.filterable,"loading":_vm.loading,"remote":_vm.remote,"remote-method":_vm.remoteMethodHandler,"span":24,"clearable":"","placeholder":"Select","multiple":_vm.selectMultiple},model:{value:(_vm.dataModel),callback:function ($$v) {_vm.dataModel=$$v},expression:"dataModel"}},_vm._l((_vm.selectListLocal),function(item){return _c('el-option',{key:item[_vm.selectKey],attrs:{"label":item[_vm.selectLabel],"value":item[_vm.selectValue]}})}),1):(_vm.type === 'date-picker')?_c('el-date-picker',{staticClass:"w-100",attrs:{"format":"dd.MM.yyyy","value-format":"yyyy-MM-dd","type":"date","placeholder":"Pick a day"},model:{value:(_vm.dataModel),callback:function ($$v) {_vm.dataModel=$$v},expression:"dataModel"}}):(_vm.type === 'number')?_c('el-input-number',{staticClass:"w-100",attrs:{"step":_vm.step,"precision":_vm.precision},model:{value:(_vm.dataModel),callback:function ($$v) {_vm.dataModel=$$v},expression:"dataModel"}}):_c('el-input',{staticClass:"editable-cell__input",attrs:{"type":_vm.type,"placeholder":_vm.placeholder},model:{value:(_vm.dataModel),callback:function ($$v) {_vm.dataModel=$$v},expression:"dataModel"}})],1)]})],2)])}
 var NewFieldvue_type_template_id_03167641_staticRenderFns = []
 
 
 // CONCATENATED MODULE: ./src/components/NewField/index.vue?vue&type=template&id=03167641&
 
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.number.constructor.js
-var es_number_constructor = __webpack_require__("a9e3");
-
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/NewField/index.vue?vue&type=script&lang=js&
 
 
@@ -8403,7 +8781,84 @@ var CreateForm_component = normalizeComponent(
 )
 
 /* harmony default export */ var CreateForm = (CreateForm_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5d98d0ba-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/EditableField/index.vue?vue&type=template&id=6a2ea373&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7229a924-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/UpdateForm/index.vue?vue&type=template&id=e84e0092&
+var UpdateFormvue_type_template_id_e84e0092_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-form',{ref:"form",attrs:{"model":_vm.formLocal,"rules":_vm.config.rules,"label-position":"left","label-width":"140px"}},[_c('el-card',{staticClass:"m-b-20",attrs:{"shadow":"always"}},[_c('div',{staticClass:"clearfix",attrs:{"slot":"header"},slot:"header"},[_c('el-row',{attrs:{"type":"flex","justify":"space-between"}},[_c('el-col',{staticClass:"flex align-center justify-start",attrs:{"span":6}},[_c('h3',{staticClass:"m-b-0"},[_vm._v(_vm._s(_vm.formLocal.object)+" view")])]),_c('el-col',{staticClass:"flex align-center justify-end is-justify-end el-row--flex",attrs:{"span":6}},[_vm._t("actions"),_c('el-button',{staticClass:"delete-icon pull-right",attrs:{"icon":"el-icon-delete","size":"mini"},on:{"click":_vm.deleteModel}})],2)],1)],1),_c('el-row',{attrs:{"gutter":20}},[_c('el-col',{attrs:{"lg":_vm.colResolutionLg.lg,"md":_vm.colResolutionLg.md,"sm":_vm.colResolutionLg.sm,"xl":_vm.colResolutionLg.xl,"xs":_vm.colResolutionLg.xs}},[_c('part-form',[_c('edit-column',{attrs:{"data":_vm.formLocal,"fields":_vm.config.formFields,"errors":_vm.errors},on:{"save":_vm.updateValue}})],1)],1)],1)],1)],1)}
+var UpdateFormvue_type_template_id_e84e0092_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/UpdateForm/index.vue?vue&type=template&id=e84e0092&
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7229a924-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/PartForm/index.vue?vue&type=template&id=40daf6c5&
+var PartFormvue_type_template_id_40daf6c5_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-row',[_c('div',{staticClass:"part-form"},[(_vm.$slots.header || _vm.header)?_c('div',{staticClass:"part-form__header"},[_vm._t("header",function(){return [_vm._v(_vm._s(_vm.header))]}),_c('el-divider')],2):_vm._e(),_c('div',{staticClass:"part-form__body",style:(_vm.bodyStyle)},[_vm._t("default")],2)])])}
+var PartFormvue_type_template_id_40daf6c5_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/PartForm/index.vue?vue&type=template&id=40daf6c5&
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/PartForm/index.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var PartFormvue_type_script_lang_js_ = ({
+  name: 'PartForm',
+  props: {
+    header: {
+      type: String,
+      default: ''
+    },
+    bodyStyle: {
+      type: String,
+      default: ''
+    },
+    rowResolution: {
+      type: Object,
+      default: function _default() {
+        return getResolution('fullFromSm');
+      }
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/PartForm/index.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_PartFormvue_type_script_lang_js_ = (PartFormvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./src/components/PartForm/index.vue
+
+
+
+
+
+/* normalize component */
+
+var PartForm_component = normalizeComponent(
+  components_PartFormvue_type_script_lang_js_,
+  PartFormvue_type_template_id_40daf6c5_render,
+  PartFormvue_type_template_id_40daf6c5_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var PartForm = (PartForm_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7229a924-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/PartColumn/EditColumn.vue?vue&type=template&id=536ae88d&
+var EditColumnvue_type_template_id_536ae88d_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-col',{staticClass:"p-r-5 p-l-5",attrs:{"xl":_vm.colResolution.lg,"lg":_vm.colResolution.lg,"md":_vm.colResolution.md,"sm":_vm.colResolution.sm,"xs":_vm.colResolution.xs}},[_vm._l((_vm.fields),function(field){return [_c('el-col',{key:field.prop,staticClass:"p-r-5 p-l-5",attrs:{"xl":_vm.fieldResolution(field, 'xl'),"lg":_vm.fieldResolution(field, 'lg'),"md":_vm.fieldResolution(field, 'md'),"sm":_vm.fieldResolution(field, 'sm'),"xs":_vm.fieldResolution(field, 'xs')}},[_c('el-form-item',{attrs:{"prop":_vm.propPrefix + field.prop,"label":field.label,"error":_vm.errors[field.prop] ? _vm.errors[field.prop][0] : ''}},[_c('editable-field',{attrs:{"type":field.selectList ? 'select' : (field.type? field.type :'input'),"select-list":field.selectList ? field.selectList : [],"select-multiple":field.selectMultiple,"select-key":field.selectList ? (field.selectKey ? field.selectKey : 'value' ) : '',"select-label":field.selectList ? (field.selectLabel ? field.selectLabel : 'name' ) : '',"select-value":field.selectList ? (field.selectValue ? field.selectValue : 'value' ) : '',"field":field.prop,"precision":field.precision ? field.precision : 0,"remote-method":field.remoteMethod ? field.remoteMethod : null,"filterable":field.filterable ? field.filterable : null},on:{"editable:save":_vm.updateValue},model:{value:(_vm.data[field.prop]),callback:function ($$v) {_vm.$set(_vm.data, field.prop, $$v)},expression:"data[field.prop]"}})],1)],1)]})],2)}
+var EditColumnvue_type_template_id_536ae88d_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/PartColumn/EditColumn.vue?vue&type=template&id=536ae88d&
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7229a924-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/EditableField/index.vue?vue&type=template&id=6a2ea373&
 var EditableFieldvue_type_template_id_6a2ea373_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"editable-cell"},[(!_vm.isEditMode)?_c('div',{staticClass:"editable-cell__text"},[_vm._t("default",function(){return [_c('el-col',{attrs:{"span":23}},[(_vm.value && ['input', 'textarea', 'number'].includes(_vm.type))?_c('div',{domProps:{"innerHTML":_vm._s(_vm.value)}}):(_vm.type === 'checkbox')?_c('el-checkbox',{attrs:{"disabled":""},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:"value"}}):(_vm.type === 'date-picker')?_c('el-date-picker',{staticClass:"w-100 el-date-transparent",attrs:{"type":"date","format":"dd.MM.yyyy","value-format":"yyyy-MM-dd","disabled":"","placeholder":"Pick a day"},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:"value"}}):(_vm.isSelectValue)?_c('div',{domProps:{"innerHTML":_vm._s(_vm.createList())}}):_c('div',[_vm._v(" "+_vm._s(_vm.placeholder ? _vm.placeholder : '-'))])],1),_c('el-col',{attrs:{"span":1}},[_c('el-button',{staticClass:"edit-icon pull-right",attrs:{"icon":"el-icon-edit","circle":"","type":"primary","size":"mini"},on:{"click":_vm.handleDoubleClick}})],1)]})],2):_vm._e(),(_vm.isEditMode)?_c('div',{staticClass:"editable-cell__editor"},[(_vm.type === 'checkbox')?_c('el-checkbox',{model:{value:(_vm.model),callback:function ($$v) {_vm.model=$$v},expression:"model"}}):(_vm.type === 'number')?_c('el-input-number',{staticClass:"w-70",attrs:{"precision":_vm.precision},model:{value:(_vm.model),callback:function ($$v) {_vm.model=$$v},expression:"model"}}):(_vm.type === 'select')?_c('el-select',{staticClass:"w-100",attrs:{"span":24,"clearable":"","filterable":_vm.filterable,"remote":_vm.remote,"remote-method":_vm.remoteMethodHandler,"placeholder":"Select","multiple":_vm.selectMultiple},model:{value:(_vm.model),callback:function ($$v) {_vm.model=$$v},expression:"model"}},_vm._l((_vm.selectListLocal),function(item){return _c('el-option',{key:item[_vm.selectKey],attrs:{"label":item[_vm.selectLabel],"value":item[_vm.selectValue]}})}),1):(_vm.type === 'date-picker')?_c('el-date-picker',{staticClass:"w-100",attrs:{"format":"dd.MM.yyyy","value-format":"yyyy-MM-dd","type":"date","placeholder":"Pick a day"},model:{value:(_vm.model),callback:function ($$v) {_vm.model=$$v},expression:"model"}}):_c('el-input',{staticClass:"editable-cell__input",attrs:{"rows":3,"type":_vm.type,"placeholder":_vm.placeholder},model:{value:(_vm.model),callback:function ($$v) {_vm.model=$$v},expression:"model"}}),_c('el-button-group',{staticClass:"editable-cell__actions"},[(_vm.isEditMode)?_c('el-button',{attrs:{"type":"success","size":"mini","icon":"el-icon-check"},on:{"click":_vm.handleSave}}):_vm._e(),(_vm.isEditMode)?_c('el-button',{attrs:{"type":"warning","size":"mini","icon":"el-icon-close"},on:{"click":_vm.handleClose}}):_vm._e()],1)],1):_vm._e()])}
 var EditableFieldvue_type_template_id_6a2ea373_staticRenderFns = []
 
@@ -8683,83 +9138,6 @@ var EditableField_component = normalizeComponent(
 )
 
 /* harmony default export */ var EditableField = (EditableField_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5d98d0ba-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/UpdateForm/index.vue?vue&type=template&id=e84e0092&
-var UpdateFormvue_type_template_id_e84e0092_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-form',{ref:"form",attrs:{"model":_vm.formLocal,"rules":_vm.config.rules,"label-position":"left","label-width":"140px"}},[_c('el-card',{staticClass:"m-b-20",attrs:{"shadow":"always"}},[_c('div',{staticClass:"clearfix",attrs:{"slot":"header"},slot:"header"},[_c('el-row',{attrs:{"type":"flex","justify":"space-between"}},[_c('el-col',{staticClass:"flex align-center justify-start",attrs:{"span":6}},[_c('h3',{staticClass:"m-b-0"},[_vm._v(_vm._s(_vm.formLocal.object)+" view")])]),_c('el-col',{staticClass:"flex align-center justify-end is-justify-end el-row--flex",attrs:{"span":6}},[_vm._t("actions"),_c('el-button',{staticClass:"delete-icon pull-right",attrs:{"icon":"el-icon-delete","size":"mini"},on:{"click":_vm.deleteModel}})],2)],1)],1),_c('el-row',{attrs:{"gutter":20}},[_c('el-col',{attrs:{"lg":_vm.colResolutionLg.lg,"md":_vm.colResolutionLg.md,"sm":_vm.colResolutionLg.sm,"xl":_vm.colResolutionLg.xl,"xs":_vm.colResolutionLg.xs}},[_c('part-form',[_c('edit-column',{attrs:{"data":_vm.formLocal,"fields":_vm.config.formFields,"errors":_vm.errors},on:{"save":_vm.updateValue}})],1)],1)],1)],1)],1)}
-var UpdateFormvue_type_template_id_e84e0092_staticRenderFns = []
-
-
-// CONCATENATED MODULE: ./src/components/UpdateForm/index.vue?vue&type=template&id=e84e0092&
-
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5d98d0ba-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/PartForm/index.vue?vue&type=template&id=40daf6c5&
-var PartFormvue_type_template_id_40daf6c5_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-row',[_c('div',{staticClass:"part-form"},[(_vm.$slots.header || _vm.header)?_c('div',{staticClass:"part-form__header"},[_vm._t("header",function(){return [_vm._v(_vm._s(_vm.header))]}),_c('el-divider')],2):_vm._e(),_c('div',{staticClass:"part-form__body",style:(_vm.bodyStyle)},[_vm._t("default")],2)])])}
-var PartFormvue_type_template_id_40daf6c5_staticRenderFns = []
-
-
-// CONCATENATED MODULE: ./src/components/PartForm/index.vue?vue&type=template&id=40daf6c5&
-
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/PartForm/index.vue?vue&type=script&lang=js&
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-/* harmony default export */ var PartFormvue_type_script_lang_js_ = ({
-  name: 'PartForm',
-  props: {
-    header: {
-      type: String,
-      default: ''
-    },
-    bodyStyle: {
-      type: String,
-      default: ''
-    },
-    rowResolution: {
-      type: Object,
-      default: function _default() {
-        return getResolution('fullFromSm');
-      }
-    }
-  }
-});
-// CONCATENATED MODULE: ./src/components/PartForm/index.vue?vue&type=script&lang=js&
- /* harmony default export */ var components_PartFormvue_type_script_lang_js_ = (PartFormvue_type_script_lang_js_); 
-// CONCATENATED MODULE: ./src/components/PartForm/index.vue
-
-
-
-
-
-/* normalize component */
-
-var PartForm_component = normalizeComponent(
-  components_PartFormvue_type_script_lang_js_,
-  PartFormvue_type_template_id_40daf6c5_render,
-  PartFormvue_type_template_id_40daf6c5_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* harmony default export */ var PartForm = (PartForm_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5d98d0ba-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/PartColumn/EditColumn.vue?vue&type=template&id=536ae88d&
-var EditColumnvue_type_template_id_536ae88d_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-col',{staticClass:"p-r-5 p-l-5",attrs:{"xl":_vm.colResolution.lg,"lg":_vm.colResolution.lg,"md":_vm.colResolution.md,"sm":_vm.colResolution.sm,"xs":_vm.colResolution.xs}},[_vm._l((_vm.fields),function(field){return [_c('el-col',{key:field.prop,staticClass:"p-r-5 p-l-5",attrs:{"xl":_vm.fieldResolution(field, 'xl'),"lg":_vm.fieldResolution(field, 'lg'),"md":_vm.fieldResolution(field, 'md'),"sm":_vm.fieldResolution(field, 'sm'),"xs":_vm.fieldResolution(field, 'xs')}},[_c('el-form-item',{attrs:{"prop":_vm.propPrefix + field.prop,"label":field.label,"error":_vm.errors[field.prop] ? _vm.errors[field.prop][0] : ''}},[_c('editable-field',{attrs:{"type":field.selectList ? 'select' : (field.type? field.type :'input'),"select-list":field.selectList ? field.selectList : [],"select-multiple":field.selectMultiple,"select-key":field.selectList ? (field.selectKey ? field.selectKey : 'value' ) : '',"select-label":field.selectList ? (field.selectLabel ? field.selectLabel : 'name' ) : '',"select-value":field.selectList ? (field.selectValue ? field.selectValue : 'value' ) : '',"field":field.prop,"precision":field.precision ? field.precision : 0,"remote-method":field.remoteMethod ? field.remoteMethod : null,"filterable":field.filterable ? field.filterable : null},on:{"editable:save":_vm.updateValue},model:{value:(_vm.data[field.prop]),callback:function ($$v) {_vm.$set(_vm.data, field.prop, $$v)},expression:"data[field.prop]"}})],1)],1)]})],2)}
-var EditColumnvue_type_template_id_536ae88d_staticRenderFns = []
-
-
-// CONCATENATED MODULE: ./src/components/PartColumn/EditColumn.vue?vue&type=template&id=536ae88d&
-
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/PartColumn/EditColumn.vue?vue&type=script&lang=js&
 //
 //
@@ -9059,6 +9437,10 @@ var UpdateForm_component = normalizeComponent(
 
 
 
+
+
+
+
 // CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/entry-lib-no-default.js