@tripup-company/element-ui-extended 0.0.1 → 0.0.6

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

@@ -1155,6 +1155,18 @@ defineIterator(String, 'String', function (iterated) {
 module.exports = {};
 
 
+/***/ }),
+
+/***/ "408a":
+/***/ (function(module, exports, __webpack_require__) {
+
+var uncurryThis = __webpack_require__("e330");
+
+// `thisNumberValue` abstract operation
+// https://tc39.es/ecma262/#sec-thisnumbervalue
+module.exports = uncurryThis(1.0.valueOf);
+
+
 /***/ }),
 
 /***/ "428f":
@@ -1561,6 +1573,54 @@ module.exports = function (argument) {
 };
 
 
+/***/ }),
+
+/***/ "5899":
+/***/ (function(module, exports) {
+
+// a string of all valid unicode whitespaces
+module.exports = '\u0009\u000A\u000B\u000C\u000D\u0020\u00A0\u1680\u2000\u2001\u2002' +
+  '\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029\uFEFF';
+
+
+/***/ }),
+
+/***/ "58a8":
+/***/ (function(module, exports, __webpack_require__) {
+
+var uncurryThis = __webpack_require__("e330");
+var requireObjectCoercible = __webpack_require__("1d80");
+var toString = __webpack_require__("577e");
+var whitespaces = __webpack_require__("5899");
+
+var replace = uncurryThis(''.replace);
+var whitespace = '[' + whitespaces + ']';
+var ltrim = RegExp('^' + whitespace + whitespace + '*');
+var rtrim = RegExp(whitespace + whitespace + '*$');
+
+// `String.prototype.{ trim, trimStart, trimEnd, trimLeft, trimRight }` methods implementation
+var createMethod = function (TYPE) {
+  return function ($this) {
+    var string = toString(requireObjectCoercible($this));
+    if (TYPE & 1) string = replace(string, ltrim, '');
+    if (TYPE & 2) string = replace(string, rtrim, '');
+    return string;
+  };
+};
+
+module.exports = {
+  // `String.prototype.{ trimLeft, trimStart }` methods
+  // https://tc39.es/ecma262/#sec-string.prototype.trimstart
+  start: createMethod(1),
+  // `String.prototype.{ trimRight, trimEnd }` methods
+  // https://tc39.es/ecma262/#sec-string.prototype.trimend
+  end: createMethod(2),
+  // `String.prototype.trim` method
+  // https://tc39.es/ecma262/#sec-string.prototype.trim
+  trim: createMethod(3)
+};
+
+
 /***/ }),
 
 /***/ "5926":
@@ -1997,6 +2057,31 @@ function _typeof(obj) {
 module.exports = _typeof;
 module.exports["default"] = module.exports, module.exports.__esModule = true;
 
+/***/ }),
+
+/***/ "7156":
+/***/ (function(module, exports, __webpack_require__) {
+
+var isCallable = __webpack_require__("1626");
+var isObject = __webpack_require__("861d");
+var setPrototypeOf = __webpack_require__("d2bb");
+
+// makes subclassing work correct for wrapped built-ins
+module.exports = function ($this, dummy, Wrapper) {
+  var NewTarget, NewTargetPrototype;
+  if (
+    // it can work only with native `setPrototypeOf`
+    setPrototypeOf &&
+    // we haven't completely correct pre-ES6 way for getting `new.target`, so use this
+    isCallable(NewTarget = dummy.constructor) &&
+    NewTarget !== Wrapper &&
+    isObject(NewTargetPrototype = NewTarget.prototype) &&
+    NewTargetPrototype !== Wrapper.prototype
+  ) setPrototypeOf($this, NewTargetPrototype);
+  return $this;
+};
+
+
 /***/ }),
 
 /***/ "7418":
@@ -2161,6 +2246,35 @@ module.exports = Object.create || function create(O, Properties) {
 };
 
 
+/***/ }),
+
+/***/ "7db0":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__("23e7");
+var $find = __webpack_require__("b727").find;
+var addToUnscopables = __webpack_require__("44d2");
+
+var FIND = 'find';
+var SKIPS_HOLES = true;
+
+// Shouldn't skip holes
+if (FIND in []) Array(1)[FIND](function () { SKIPS_HOLES = false; });
+
+// `Array.prototype.find` method
+// https://tc39.es/ecma262/#sec-array.prototype.find
+$({ target: 'Array', proto: true, forced: SKIPS_HOLES }, {
+  find: function find(callbackfn /* , that = undefined */) {
+    return $find(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
+  }
+});
+
+// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
+addToUnscopables(FIND);
+
+
 /***/ }),
 
 /***/ "7dd0":
@@ -2495,6 +2609,20 @@ if (!isCallable(store.inspectSource)) {
 module.exports = store.inspectSource;
 
 
+/***/ }),
+
+/***/ "8b00":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "8bbf":
+/***/ (function(module, exports) {
+
+module.exports = require("vue");
+
 /***/ }),
 
 /***/ "90e3":
@@ -3985,6 +4113,102 @@ module.exports = function (METHOD_NAME, argument) {
 };
 
 
+/***/ }),
+
+/***/ "a9e3":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var DESCRIPTORS = __webpack_require__("83ab");
+var global = __webpack_require__("da84");
+var uncurryThis = __webpack_require__("e330");
+var isForced = __webpack_require__("94ca");
+var redefine = __webpack_require__("6eeb");
+var hasOwn = __webpack_require__("1a2d");
+var inheritIfRequired = __webpack_require__("7156");
+var isPrototypeOf = __webpack_require__("3a9b");
+var isSymbol = __webpack_require__("d9b5");
+var toPrimitive = __webpack_require__("c04e");
+var fails = __webpack_require__("d039");
+var getOwnPropertyNames = __webpack_require__("241c").f;
+var getOwnPropertyDescriptor = __webpack_require__("06cf").f;
+var defineProperty = __webpack_require__("9bf2").f;
+var thisNumberValue = __webpack_require__("408a");
+var trim = __webpack_require__("58a8").trim;
+
+var NUMBER = 'Number';
+var NativeNumber = global[NUMBER];
+var NumberPrototype = NativeNumber.prototype;
+var TypeError = global.TypeError;
+var arraySlice = uncurryThis(''.slice);
+var charCodeAt = uncurryThis(''.charCodeAt);
+
+// `ToNumeric` abstract operation
+// https://tc39.es/ecma262/#sec-tonumeric
+var toNumeric = function (value) {
+  var primValue = toPrimitive(value, 'number');
+  return typeof primValue == 'bigint' ? primValue : toNumber(primValue);
+};
+
+// `ToNumber` abstract operation
+// https://tc39.es/ecma262/#sec-tonumber
+var toNumber = function (argument) {
+  var it = toPrimitive(argument, 'number');
+  var first, third, radix, maxCode, digits, length, index, code;
+  if (isSymbol(it)) throw TypeError('Cannot convert a Symbol value to a number');
+  if (typeof it == 'string' && it.length > 2) {
+    it = trim(it);
+    first = charCodeAt(it, 0);
+    if (first === 43 || first === 45) {
+      third = charCodeAt(it, 2);
+      if (third === 88 || third === 120) return NaN; // Number('+0x1') should be NaN, old V8 fix
+    } else if (first === 48) {
+      switch (charCodeAt(it, 1)) {
+        case 66: case 98: radix = 2; maxCode = 49; break; // fast equal of /^0b[01]+$/i
+        case 79: case 111: radix = 8; maxCode = 55; break; // fast equal of /^0o[0-7]+$/i
+        default: return +it;
+      }
+      digits = arraySlice(it, 2);
+      length = digits.length;
+      for (index = 0; index < length; index++) {
+        code = charCodeAt(digits, index);
+        // parseInt parses a string to a first unavailable symbol
+        // but ToNumber should return NaN if a string contains unavailable symbols
+        if (code < 48 || code > maxCode) return NaN;
+      } return parseInt(digits, radix);
+    }
+  } return +it;
+};
+
+// `Number` constructor
+// https://tc39.es/ecma262/#sec-number-constructor
+if (isForced(NUMBER, !NativeNumber(' 0o1') || !NativeNumber('0b1') || NativeNumber('+0x1'))) {
+  var NumberWrapper = function Number(value) {
+    var n = arguments.length < 1 ? 0 : NativeNumber(toNumeric(value));
+    var dummy = this;
+    // check on 1..constructor(foo) case
+    return isPrototypeOf(NumberPrototype, dummy) && fails(function () { thisNumberValue(dummy); })
+      ? inheritIfRequired(Object(n), dummy, NumberWrapper) : n;
+  };
+  for (var keys = DESCRIPTORS ? getOwnPropertyNames(NativeNumber) : (
+    // ES3:
+    'MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,' +
+    // ES2015 (in case, if modules with ES2015 Number statics required before):
+    'EPSILON,MAX_SAFE_INTEGER,MIN_SAFE_INTEGER,isFinite,isInteger,isNaN,isSafeInteger,parseFloat,parseInt,' +
+    // ESNext
+    'fromString,range'
+  ).split(','), j = 0, key; keys.length > j; j++) {
+    if (hasOwn(NativeNumber, key = keys[j]) && !hasOwn(NumberWrapper, key)) {
+      defineProperty(NumberWrapper, key, getOwnPropertyDescriptor(NativeNumber, key));
+    }
+  }
+  NumberWrapper.prototype = NumberPrototype;
+  NumberPrototype.constructor = NumberWrapper;
+  redefine(global, NUMBER, NumberWrapper);
+}
+
+
 /***/ }),
 
 /***/ "ac1f":
@@ -4396,6 +4620,17 @@ module.exports = function (input, pref) {
 module.exports = false;
 
 
+/***/ }),
+
+/***/ "c50b":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_EditColumn_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("8b00");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_EditColumn_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_EditColumn_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "c65b":
@@ -4839,37 +5074,6 @@ module.exports =
 
 /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("c8ba")))
 
-/***/ }),
-
-/***/ "dbb4":
-/***/ (function(module, exports, __webpack_require__) {
-
-var $ = __webpack_require__("23e7");
-var DESCRIPTORS = __webpack_require__("83ab");
-var ownKeys = __webpack_require__("56ef");
-var toIndexedObject = __webpack_require__("fc6a");
-var getOwnPropertyDescriptorModule = __webpack_require__("06cf");
-var createProperty = __webpack_require__("8418");
-
-// `Object.getOwnPropertyDescriptors` method
-// https://tc39.es/ecma262/#sec-object.getownpropertydescriptors
-$({ target: 'Object', stat: true, sham: !DESCRIPTORS }, {
-  getOwnPropertyDescriptors: function getOwnPropertyDescriptors(object) {
-    var O = toIndexedObject(object);
-    var getOwnPropertyDescriptor = getOwnPropertyDescriptorModule.f;
-    var keys = ownKeys(O);
-    var result = {};
-    var index = 0;
-    var key, descriptor;
-    while (keys.length > index) {
-      descriptor = getOwnPropertyDescriptor(O, key = keys[index++]);
-      if (descriptor !== undefined) createProperty(result, key, descriptor);
-    }
-    return result;
-  }
-});
-
-
 /***/ }),
 
 /***/ "dc4a":
@@ -5149,29 +5353,6 @@ module.exports = bind ? function (fn) {
 };
 
 
-/***/ }),
-
-/***/ "e439":
-/***/ (function(module, exports, __webpack_require__) {
-
-var $ = __webpack_require__("23e7");
-var fails = __webpack_require__("d039");
-var toIndexedObject = __webpack_require__("fc6a");
-var nativeGetOwnPropertyDescriptor = __webpack_require__("06cf").f;
-var DESCRIPTORS = __webpack_require__("83ab");
-
-var FAILS_ON_PRIMITIVES = fails(function () { nativeGetOwnPropertyDescriptor(1); });
-var FORCED = !DESCRIPTORS || FAILS_ON_PRIMITIVES;
-
-// `Object.getOwnPropertyDescriptor` method
-// https://tc39.es/ecma262/#sec-object.getownpropertydescriptor
-$({ target: 'Object', stat: true, forced: FORCED, sham: !DESCRIPTORS }, {
-  getOwnPropertyDescriptor: function getOwnPropertyDescriptor(it, key) {
-    return nativeGetOwnPropertyDescriptor(toIndexedObject(it), key);
-  }
-});
-
-
 /***/ }),
 
 /***/ "e538":
@@ -5655,6 +5836,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":
@@ -5770,8 +6003,17 @@ setToStringTag(global.Reflect, 'Reflect', true);
 __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
-__webpack_require__.d(__webpack_exports__, "Test", function() { return /* reexport */ Test; });
+__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__, "EditColumn", function() { return /* reexport */ EditColumn; });
+__webpack_require__.d(__webpack_exports__, "NewColumn", function() { return /* reexport */ NewColumn; });
 
 // CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
 // This file is imported into lib/wc client bundles.
@@ -5797,211 +6039,49 @@ 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":"43ff4c05-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/Test/index.vue?vue&type=template&id=16447ee5&scoped=true&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._v(" Hi "+_vm._s(_vm.model.name)+" ")])}
+// 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=36f49221&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/Test/index.vue?vue&type=template&id=16447ee5&scoped=true&
+// CONCATENATED MODULE: ./src/components/CompositeTable/index.vue?vue&type=template&id=36f49221&scoped=true&
 
-// 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");
-  }
-}
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.function.name.js
-var es_function_name = __webpack_require__("b0c0");
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.to-string.js
+var es_object_to_string = __webpack_require__("d3b7");
 
-// CONCATENATED MODULE: ./src/types/article.ts
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.promise.js
+var es_promise = __webpack_require__("e6cf");
 
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js
 
-var article_Article = function Article() {
-  _classCallCheck(this, Article);
 
-  this.name = "article";
-};
-// 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/Test/index.vue?vue&type=script&lang=js&
-//
-//
-//
-//
-//
-//
 
-/* harmony default export */ var Testvue_type_script_lang_js_ = ({
-  name: "Test",
-  data: function data() {
-    return {
-      model: new article_Article()
-    };
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+  try {
+    var info = gen[key](arg);
+    var value = info.value;
+  } catch (error) {
+    reject(error);
+    return;
   }
-});
-// CONCATENATED MODULE: ./src/components/Test/index.vue?vue&type=script&lang=js&
- /* harmony default export */ var components_Testvue_type_script_lang_js_ = (Testvue_type_script_lang_js_); 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
-/* globals __VUE_SSR_CONTEXT__ */
-
-// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
-// This module is a runtime utility for cleaner component module output and will
-// be included in the final webpack user bundle.
-
-function normalizeComponent (
-  scriptExports,
-  render,
-  staticRenderFns,
-  functionalTemplate,
-  injectStyles,
-  scopeId,
-  moduleIdentifier, /* server only */
-  shadowMode /* vue-cli only */
-) {
-  // Vue.extend constructor export interop
-  var options = typeof scriptExports === 'function'
-    ? scriptExports.options
-    : scriptExports
 
-  // render functions
-  if (render) {
-    options.render = render
-    options.staticRenderFns = staticRenderFns
-    options._compiled = true
+  if (info.done) {
+    resolve(value);
+  } else {
+    Promise.resolve(value).then(_next, _throw);
   }
+}
 
-  // functional template
-  if (functionalTemplate) {
-    options.functional = true
-  }
+function _asyncToGenerator(fn) {
+  return function () {
+    var self = this,
+        args = arguments;
+    return new Promise(function (resolve, reject) {
+      var gen = fn.apply(self, args);
 
-  // scopedId
-  if (scopeId) {
-    options._scopeId = 'data-v-' + scopeId
-  }
-
-  var hook
-  if (moduleIdentifier) { // server build
-    hook = function (context) {
-      // 2.3 injection
-      context =
-        context || // cached call
-        (this.$vnode && this.$vnode.ssrContext) || // stateful
-        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
-      // 2.2 with runInNewContext: true
-      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
-        context = __VUE_SSR_CONTEXT__
-      }
-      // inject component styles
-      if (injectStyles) {
-        injectStyles.call(this, context)
-      }
-      // register component module identifier for async chunk inferrence
-      if (context && context._registeredComponents) {
-        context._registeredComponents.add(moduleIdentifier)
-      }
-    }
-    // used by ssr in case component is cached and beforeCreate
-    // never gets called
-    options._ssrRegister = hook
-  } else if (injectStyles) {
-    hook = shadowMode
-      ? function () {
-        injectStyles.call(
-          this,
-          (options.functional ? this.parent : this).$root.$options.shadowRoot
-        )
-      }
-      : injectStyles
-  }
-
-  if (hook) {
-    if (options.functional) {
-      // for template-only hot-reload because in that case the render fn doesn't
-      // go through the normalizer
-      options._injectStyles = hook
-      // register for functional component in vue file
-      var originalRender = options.render
-      options.render = function renderWithStyleInjection (h, context) {
-        hook.call(context)
-        return originalRender(h, context)
-      }
-    } else {
-      // inject component registration as beforeCreate hook
-      var existing = options.beforeCreate
-      options.beforeCreate = existing
-        ? [].concat(existing, hook)
-        : [hook]
-    }
-  }
-
-  return {
-    exports: scriptExports,
-    options: options
-  }
-}
-
-// CONCATENATED MODULE: ./src/components/Test/index.vue
-
-
-
-
-
-/* normalize component */
-
-var component = normalizeComponent(
-  components_Testvue_type_script_lang_js_,
-  render,
-  staticRenderFns,
-  false,
-  null,
-  "16447ee5",
-  null
-  
-)
-
-/* harmony default export */ var Test = (component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"43ff4c05-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 GenericTablevue_type_template_id_43420de9_scoped_true_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)}
-var GenericTablevue_type_template_id_43420de9_scoped_true_staticRenderFns = []
-
-
-// CONCATENATED MODULE: ./src/components/GenericTable/index.vue?vue&type=template&id=43420de9&scoped=true&
-
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.to-string.js
-var es_object_to_string = __webpack_require__("d3b7");
-
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.promise.js
-var es_promise = __webpack_require__("e6cf");
-
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js
-
-
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-  try {
-    var info = gen[key](arg);
-    var value = info.value;
-  } catch (error) {
-    reject(error);
-    return;
-  }
-
-  if (info.done) {
-    resolve(value);
-  } else {
-    Promise.resolve(value).then(_next, _throw);
-  }
-}
-
-function _asyncToGenerator(fn) {
-  return function () {
-    var self = this,
-        args = arguments;
-    return new Promise(function (resolve, reject) {
-      var gen = fn.apply(self, args);
-
-      function _next(value) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-      }
+      function _next(value) {
+        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+      }
 
       function _throw(err) {
         asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
@@ -6011,86 +6091,9 @@ function _asyncToGenerator(fn) {
     });
   };
 }
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.keys.js
-var es_object_keys = __webpack_require__("b64b");
-
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.symbol.js
 var es_symbol = __webpack_require__("a4d3");
 
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.filter.js
-var es_array_filter = __webpack_require__("4de4");
-
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.get-own-property-descriptor.js
-var es_object_get_own_property_descriptor = __webpack_require__("e439");
-
-// EXTERNAL MODULE: ./node_modules/core-js/modules/web.dom-collections.for-each.js
-var web_dom_collections_for_each = __webpack_require__("159b");
-
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.get-own-property-descriptors.js
-var es_object_get_own_property_descriptors = __webpack_require__("dbb4");
-
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-
-  return obj;
-}
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
-
-
-
-
-
-
-
-
-
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-
-    if (enumerableOnly) {
-      symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-    }
-
-    keys.push.apply(keys, symbols);
-  }
-
-  return keys;
-}
-
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-
-    if (i % 2) {
-      ownKeys(Object(source), true).forEach(function (key) {
-        _defineProperty(target, key, source[key]);
-      });
-    } else if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
-  }
-
-  return target;
-}
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.symbol.description.js
 var es_symbol_description = __webpack_require__("e01a");
 
@@ -6109,6 +6112,9 @@ var web_dom_collections_iterator = __webpack_require__("ddb0");
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.slice.js
 var es_array_slice = __webpack_require__("fb6a");
 
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.function.name.js
+var es_function_name = __webpack_require__("b0c0");
+
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.from.js
 var es_array_from = __webpack_require__("a630");
 
@@ -6213,93 +6219,34 @@ 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.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");
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"43ff4c05-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/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&
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-/* harmony default export */ var GenericPaginatorvue_type_script_lang_js_ = ({
-  name: 'GenericPaginator',
-  inject: ['data', 'actions'],
-  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;
-      }
-
-      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;
-    }
-  }
-});
-// 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/GenericTable/GenericPaginator.vue
-
-
-
-
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.search.js
+var es_string_search = __webpack_require__("841c");
 
-/* normalize component */
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.filter.js
+var es_array_filter = __webpack_require__("4de4");
 
-var GenericPaginator_component = normalizeComponent(
-  GenericTable_GenericPaginatorvue_type_script_lang_js_,
-  GenericPaginatorvue_type_template_id_63b76916_scoped_true_render,
-  GenericPaginatorvue_type_template_id_63b76916_scoped_true_staticRenderFns,
-  false,
-  null,
-  "63b76916",
-  null
-  
-)
+// 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_);
 
-/* harmony default export */ var GenericPaginator = (GenericPaginator_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"43ff4c05-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: ./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: ./src/components/GenericTable/GenericFilter.vue?vue&type=template&id=86acd82e&
+// 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":"43ff4c05-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=19c308b8&
-var FilterRowvue_type_template_id_19c308b8_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_19c308b8_staticRenderFns = []
+// 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/GenericTable/FilterRow.vue?vue&type=template&id=19c308b8&
+// 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/GenericTable/FilterRow.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/FilterRow.vue?vue&type=script&lang=js&
 
 
 //
@@ -6324,7 +6271,9 @@ var FilterRowvue_type_template_id_19c308b8_staticRenderFns = []
 //
 //
 //
+//
 /* harmony default export */ var FilterRowvue_type_script_lang_js_ = ({
+  name: "FilterRow",
   props: {
     column: {
       type: Object,
@@ -6376,6 +6325,9 @@ var FilterRowvue_type_template_id_19c308b8_staticRenderFns = []
       enumOperators: [{
         'value': 'equal',
         'label': 'is'
+      }, {
+        'value': 'in',
+        'label': 'in'
       }],
       boolValues: {
         null: 'empty',
@@ -6412,28 +6364,134 @@ var FilterRowvue_type_template_id_19c308b8_staticRenderFns = []
     }
   }
 });
-// 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
+// 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__ */
 
+// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
+// This module is a runtime utility for cleaner component module output and will
+// be included in the final webpack user bundle.
 
+function normalizeComponent (
+  scriptExports,
+  render,
+  staticRenderFns,
+  functionalTemplate,
+  injectStyles,
+  scopeId,
+  moduleIdentifier, /* server only */
+  shadowMode /* vue-cli only */
+) {
+  // Vue.extend constructor export interop
+  var options = typeof scriptExports === 'function'
+    ? scriptExports.options
+    : scriptExports
 
+  // render functions
+  if (render) {
+    options.render = render
+    options.staticRenderFns = staticRenderFns
+    options._compiled = true
+  }
 
+  // functional template
+  if (functionalTemplate) {
+    options.functional = true
+  }
 
-/* normalize component */
+  // scopedId
+  if (scopeId) {
+    options._scopeId = 'data-v-' + scopeId
+  }
+
+  var hook
+  if (moduleIdentifier) { // server build
+    hook = function (context) {
+      // 2.3 injection
+      context =
+        context || // cached call
+        (this.$vnode && this.$vnode.ssrContext) || // stateful
+        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
+      // 2.2 with runInNewContext: true
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+        context = __VUE_SSR_CONTEXT__
+      }
+      // inject component styles
+      if (injectStyles) {
+        injectStyles.call(this, context)
+      }
+      // register component module identifier for async chunk inferrence
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier)
+      }
+    }
+    // used by ssr in case component is cached and beforeCreate
+    // never gets called
+    options._ssrRegister = hook
+  } else if (injectStyles) {
+    hook = shadowMode
+      ? function () {
+        injectStyles.call(
+          this,
+          (options.functional ? this.parent : this).$root.$options.shadowRoot
+        )
+      }
+      : injectStyles
+  }
+
+  if (hook) {
+    if (options.functional) {
+      // for template-only hot-reload because in that case the render fn doesn't
+      // go through the normalizer
+      options._injectStyles = hook
+      // register for functional component in vue file
+      var originalRender = options.render
+      options.render = function renderWithStyleInjection (h, context) {
+        hook.call(context)
+        return originalRender(h, context)
+      }
+    } else {
+      // inject component registration as beforeCreate hook
+      var existing = options.beforeCreate
+      options.beforeCreate = existing
+        ? [].concat(existing, hook)
+        : [hook]
+    }
+  }
+
+  return {
+    exports: scriptExports,
+    options: options
+  }
+}
+
+// CONCATENATED MODULE: ./src/components/GenericFilters/FilterRow.vue
+
+
+
+
+
+/* normalize component */
 
-var FilterRow_component = normalizeComponent(
-  GenericTable_FilterRowvue_type_script_lang_js_,
-  FilterRowvue_type_template_id_19c308b8_render,
-  FilterRowvue_type_template_id_19c308b8_staticRenderFns,
+var component = normalizeComponent(
+  GenericFilters_FilterRowvue_type_script_lang_js_,
+  FilterRowvue_type_template_id_980096d6_scoped_true_render,
+  FilterRowvue_type_template_id_980096d6_scoped_true_staticRenderFns,
   false,
   null,
-  null,
+  "980096d6",
   null
   
 )
 
-/* harmony default export */ var FilterRow = (FilterRow_component.exports);
+/* 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++) {
@@ -6450,6 +6508,12 @@ function _createClass(Constructor, protoProps, staticProps) {
   if (staticProps) _defineProperties(Constructor, staticProps);
   return Constructor;
 }
+// EXTERNAL MODULE: ./node_modules/core-js/modules/web.dom-collections.for-each.js
+var web_dom_collections_for_each = __webpack_require__("159b");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.keys.js
+var es_object_keys = __webpack_require__("b64b");
+
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.join.js
 var es_array_join = __webpack_require__("a15b");
 
@@ -6558,7 +6622,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);
@@ -6566,7 +6630,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
 
 
 
@@ -6599,7 +6663,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
 
 
 
@@ -6632,7 +6696,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
 
 
 
@@ -6665,7 +6729,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
 
 
 
@@ -6694,7 +6758,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
 
 
 
@@ -6723,7 +6787,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
 
 
 
@@ -6756,7 +6820,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
 
 
 
@@ -6789,7 +6853,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
 
 
 
@@ -6822,7 +6886,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
 
 
 
@@ -6855,7 +6919,41 @@ var is_not_null_filter_IsNotNullFilter = /*#__PURE__*/function (_BaseFilter) {
 
   return IsNotNullFilter;
 }(base_filter_BaseFilter);
-// CONCATENATED MODULE: ./src/components/GenericTable/filter-factory.ts
+// CONCATENATED MODULE: ./src/components/GenericFilters/filters/between-filter.ts
+
+
+
+
+
+var between_filter_BetweenFilter = /*#__PURE__*/function (_BaseFilter) {
+  _inherits(BetweenFilter, _BaseFilter);
+
+  var _super = _createSuper(BetweenFilter);
+
+  function BetweenFilter() {
+    var _this;
+
+    _classCallCheck(this, BetweenFilter);
+
+    _this = _super.apply(this, arguments);
+    _this.operator = "between";
+    return _this;
+  }
+
+  _createClass(BetweenFilter, [{
+    key: "applyFilter",
+    value: function applyFilter() {
+      return {
+        searchItem: this.field + ':' + this.value,
+        searchFieldItem: this.field + ':' + this.operator
+      };
+    }
+  }]);
+
+  return BetweenFilter;
+}(base_filter_BaseFilter);
+// CONCATENATED MODULE: ./src/components/GenericFilters/filter-factory.ts
+
 
 
 
@@ -6915,6 +7013,9 @@ var filter_factory_FilterFactory = /*#__PURE__*/function () {
         },
         like_fields: function like_fields(field, value) {
           return new contains_multiple_filelds_filter_ContainsMultipleFileldsFilter(field, value);
+        },
+        between: function between(field, value) {
+          return new between_filter_BetweenFilter(field, value);
         }
       };
     }
@@ -6924,7 +7025,7 @@ var filter_factory_FilterFactory = /*#__PURE__*/function () {
 }();
 
 
-// CONCATENATED MODULE: ./src/components/GenericTable/filter-convertor.ts
+// CONCATENATED MODULE: ./src/components/GenericFilters/filter-convertor.ts
 
 
 
@@ -6946,7 +7047,7 @@ var filter_convertor_FilterConverter = /*#__PURE__*/function () {
       var searchArray = [],
           searchFieldsArray = [];
       Object.keys(search).forEach(function (key) {
-        if (search[key].operator) {
+        if (search[key].operator && search[key].value) {
           var filter = filterFactory.createFilter(key, search[key]);
 
           var _filter$applyFilter = filter.applyFilter(),
@@ -6970,7 +7071,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&
 
 
 //
@@ -6988,12 +7089,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 {
@@ -7005,16 +7119,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
 
 
 
@@ -7022,41 +7136,29 @@ 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":"43ff4c05-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 = []
-
-
-// CONCATENATED MODULE: ./src/components/GenericTable/GenericTopFilter.vue?vue&type=template&id=07146792&
-
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"43ff4c05-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 = []
-
-
-// CONCATENATED MODULE: ./src/components/GenericTable/FilterTopRow.vue?vue&type=template&id=878f904a&
-
-// 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&
-
-
-
-
+/* 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/GenericPaginator/index.vue?vue&type=template&id=bb57d95e&
 
+// 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&
 
 //
 //
@@ -7066,120 +7168,52 @@ var FilterTopRowvue_type_template_id_878f904a_staticRenderFns = []
 //
 //
 //
-/* harmony default export */ var FilterTopRowvue_type_script_lang_js_ = ({
+//
+//
+//
+//
+//
+/* harmony default export */ var GenericPaginatorvue_type_script_lang_js_ = ({
+  name: "GeneticPaginator",
   props: {
-    column: {
-      type: Object,
+    limit: {
+      type: Number,
       default: function _default() {
-        return {};
+        return 0;
       }
     },
-    search: {
-      type: Object,
+    currentPage: {
+      type: Number,
       default: function _default() {
-        return {};
+        return 0;
       }
-    }
-  },
-  data: function data() {
-    var _this$column$selectKe, _this$column$selectLa, _this$column$selectVa, _this$column$filterab, _this$column$remote, _this$column$remoteMe;
-
-    return {
-      loading: false,
-      selectKey: (_this$column$selectKe = this.column.selectKey) !== null && _this$column$selectKe !== void 0 ? _this$column$selectKe : 'key',
-      selectLabel: (_this$column$selectLa = this.column.selectLabel) !== null && _this$column$selectLa !== void 0 ? _this$column$selectLa : 'label',
-      selectValue: (_this$column$selectVa = this.column.selectValue) !== null && _this$column$selectVa !== void 0 ? _this$column$selectVa : 'key',
-      filterable: (_this$column$filterab = this.column.filterable) !== null && _this$column$filterab !== void 0 ? _this$column$filterab : false,
-      remote: (_this$column$remote = this.column.remote) !== null && _this$column$remote !== void 0 ? _this$column$remote : false,
-      remoteMethod: (_this$column$remoteMe = this.column.remoteMethod) !== null && _this$column$remoteMe !== void 0 ? _this$column$remoteMe : null,
-      selectListLocal: this.search.selectList ? this.search.selectList : this.column.type === 'enum' ? this.column.values : this.boolValues
-    };
-  },
-  computed: {
-    isMultiple: function isMultiple() {
-      return this.column.is_multiple ? this.column.is_multiple : false;
     },
-    remoteMethodHandler: {
-      get: function get() {
-        if (this.remoteMethod !== null) {
-          return this.remoteCall;
-        }
-
-        return null;
+    total: {
+      type: Number,
+      default: function _default() {
+        return 0;
       }
-    }
-  },
-  watch: {
-    search: function search() {
-      if (this.search.operator === '') {
-        this.showFilter = false;
+    },
+    pageSizes: {
+      type: Array,
+      default: function _default() {
+        return [10, 15, 20, 30, 50];
       }
     }
   },
-  mounted: function mounted() {
-    if (this.column.operator) {
-      this.search.operator = this.column.operator;
-    }
-  },
   methods: {
-    remoteCall: function remoteCall(query) {
-      var _this = this;
-
-      return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-        var response;
-        return regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _this.loading = true;
-                _context.next = 3;
-                return _this.remoteMethod.all({
-                  search: _this.selectLabel + ':' + query,
-                  searchFields: _this.selectLabel + ':like'
-                });
-
-              case 3:
-                response = _context.sent;
-                _this.selectListLocal = response.data;
-                _this.search['selectList'] = response.data;
-                _this.loading = false;
-
-              case 7:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee);
-      }))();
+    pageChange: function pageChange(val) {
+      debugger;
+      this.$emit('page:change', val);
     },
-    updateSearch: function updateSearch(key) {
-      if (key && this.remote) {
-        var obj = _defineProperty({}, this.selectKey, key);
-
-        var _iterator = _createForOfIteratorHelper(this.selectListLocal),
-            _step;
-
-        try {
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            var item = _step.value;
-
-            if (item[this.selectKey] === key) {
-              obj[this.selectLabel] = item[this.selectLabel];
-              this.search.selectList = [obj];
-            }
-          }
-        } catch (err) {
-          _iterator.e(err);
-        } finally {
-          _iterator.f();
-        }
-      }
+    sizeChange: function sizeChange(val) {
+      this.$emit('size:change', val);
     }
   }
 });
-// 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/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
 
 
 
@@ -7187,10 +7221,10 @@ 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,
+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,
@@ -7198,10 +7232,15 @@ 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&
+/* 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&
 //
 //
 //
@@ -7217,35 +7256,1616 @@ var FilterTopRow_component = normalizeComponent(
 //
 //
 //
-
-
-/* harmony default export */ var GenericTopFiltervue_type_script_lang_js_ = ({
-  name: 'GenericTopFilter',
-  components: {
-    FilterTopRow: FilterTopRow
-  },
-  inject: ['data', 'actions', 'search'],
-  data: function data() {
-    var filterConvertor = new filter_convertor_FilterConverter();
-    return {
-      filterConvertor: filterConvertor
+//
+//
+//
+//
+/* harmony default export */ var GenericTablevue_type_script_lang_js_ = ({
+  name: "GenericTable",
+  props: {
+    data: {
+      default: function _default() {
+        return {};
+      },
+      type: Array
+    },
+    title: {
+      default: "",
+      type: String
+    },
+    fields: {
+      default: function _default() {
+        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/@babel/runtime/helpers/esm/defineProperty.js
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+// 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;
+
+    return {
+      loading: false,
+      selectKey: (_this$column$selectKe = this.column.selectKey) !== null && _this$column$selectKe !== void 0 ? _this$column$selectKe : 'key',
+      selectLabel: (_this$column$selectLa = this.column.selectLabel) !== null && _this$column$selectLa !== void 0 ? _this$column$selectLa : 'label',
+      selectValue: (_this$column$selectVa = this.column.selectValue) !== null && _this$column$selectVa !== void 0 ? _this$column$selectVa : 'key',
+      filterable: (_this$column$filterab = this.column.filterable) !== null && _this$column$filterab !== void 0 ? _this$column$filterab : false,
+      remote: (_this$column$remote = this.column.remote) !== null && _this$column$remote !== void 0 ? _this$column$remote : false,
+      remoteMethod: (_this$column$remoteMe = this.column.remoteMethod) !== null && _this$column$remoteMe !== void 0 ? _this$column$remoteMe : null,
+      selectListLocal: this.search.selectList ? this.search.selectList : this.column.type === 'enum' ? this.column.values : this.boolValues
+    };
+  },
+  computed: {
+    isMultiple: function isMultiple() {
+      return this.column.is_multiple ? this.column.is_multiple : false;
+    },
+    remoteMethodHandler: {
+      get: function get() {
+        if (this.remoteMethod !== null) {
+          return this.remoteCall;
+        }
+
+        return null;
+      }
+    }
+  },
+  watch: {
+    search: function search() {
+      if (this.search.operator === '') {
+        this.showFilter = false;
+      }
+    }
+  },
+  mounted: function mounted() {
+    if (this.column.operator) {
+      this.search.operator = this.column.operator;
+    }
+  },
+  methods: {
+    remoteCall: function remoteCall(query) {
+      var _this = this;
+
+      return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+        var response;
+        return regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _this.loading = true;
+                _context.next = 3;
+                return _this.remoteMethod.all({
+                  search: _this.selectLabel + ':' + query,
+                  searchFields: _this.selectLabel + ':like'
+                });
+
+              case 3:
+                response = _context.sent;
+                _this.selectListLocal = response.data;
+                _this.search['selectList'] = response.data;
+                _this.loading = false;
+
+              case 7:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }))();
+    },
+    updateSearch: function updateSearch(key) {
+      if (key && this.remote) {
+        var obj = _defineProperty({}, this.selectKey, key);
+
+        var _iterator = _createForOfIteratorHelper(this.selectListLocal),
+            _step;
+
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var item = _step.value;
+
+            if (item[this.selectKey] === key) {
+              obj[this.selectLabel] = item[this.selectLabel];
+              this.search.selectList = [obj];
+            }
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+      }
+    }
+  }
+});
+// 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
+
+
+
+
+
+/* normalize component */
+
+var FilterTopRow_component = normalizeComponent(
+  GenericFilters_FilterTopRowvue_type_script_lang_js_,
+  FilterTopRowvue_type_template_id_8bda4366_render,
+  FilterTopRowvue_type_template_id_8bda4366_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* 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/GenericFilters/GenericTopFilter.vue?vue&type=script&lang=js&
+
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+/* harmony default export */ var GenericTopFiltervue_type_script_lang_js_ = ({
+  name: "GenericTopFilter",
+  props: {
+    filters: {
+      type: Array,
+      default: function _default() {
+        return {};
+      }
+    },
+    search: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    }
+  },
+  components: {
+    FilterTopRow: FilterTopRow
+  },
+  data: function data() {
+    var filterConvertor = new filter_convertor_FilterConverter();
+    return {
+      filterConvertor: filterConvertor
+    };
+  },
+  methods: {
+    getFilter: function getFilter() {
+      return this.filterConvertor.applyFilter(this.search);
+    },
+    applyFilter: function applyFilter() {
+      this.$emit("apply:filter", this.filterConvertor.applyFilter(this.search));
+    },
+    resetFilter: function resetFilter() {
+      this.$emit("reset:filter", {});
+    }
+  }
+});
+// 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
+
+
+
+
+
+/* normalize component */
+
+var GenericTopFilter_component = normalizeComponent(
+  GenericFilters_GenericTopFiltervue_type_script_lang_js_,
+  GenericTopFiltervue_type_template_id_e981941c_render,
+  GenericTopFiltervue_type_template_id_e981941c_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var GenericTopFilter = (GenericTopFilter_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/CompositeTable/index.vue?vue&type=script&lang=js&
+
+
+
+
+
+
+
+
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+
+
+/* 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() {
+        return {};
+      },
+      type: Object
+    },
+    title: {
+      default: "",
+      type: String
+    },
+    fields: {
+      default: function _default() {
+        return [];
+      },
+      type: Array
+    },
+    filtersTop: {
+      default: function _default() {
+        return [];
+      },
+      type: Array
+    },
+    filters: {
+      default: function _default() {
+        return [];
+      },
+      type: Array
+    }
+  },
+  data: function data() {
+    var localStorage = new local_storage_service_LocalStorageService();
+    var listQueryService = new list_query_service_ListQueryService(this.$route ? this.$route.name : "storage.key", localStorage);
+    var search = {};
+
+    var _iterator = _createForOfIteratorHelper(this.filters),
+        _step;
+
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var column = _step.value;
+        search[column.name] = {
+          operator: "",
+          value: ""
+        };
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _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: {},
+      data: [],
+      search: search,
+      meta: Object.assign(new meta_model_MetaModel(), listQueryService.getListQuery().meta),
+      listQueryService: listQueryService
+    };
+  },
+  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;
+      }
+
+      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.fetch();
+  },
+  methods: {
+    fetch: function fetch() {
+      var _this = this;
+
+      return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+        var response;
+        return regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _this.loading = true;
+                _context.prev = 1;
+                _context.next = 4;
+                return _this.repository.all(_this.listQueryService.getListQuery());
+
+              case 4:
+                response = _context.sent;
+                _this.data = response.data;
+                external_commonjs_vue_commonjs2_vue_root_Vue_default.a.set(_this.data, "meta", response.meta);
+                _context.next = 12;
+                break;
+
+              case 9:
+                _context.prev = 9;
+                _context.t0 = _context["catch"](1);
+
+                _this.$message.error(_context.t0.message);
+
+              case 12:
+                _this.loading = false;
+
+              case 13:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, null, [[1, 9]]);
+      }))();
+    },
+    handleChangeSort: function handleChangeSort(val) {
+      this.listQueryService.updateSort(val);
+      this.fetch();
+    },
+    handleSizeChange: function handleSizeChange(val) {
+      this.listQueryService.updateListQuery({
+        meta: {
+          limit: val,
+          page: this.listQueryService.getListQuery().meta.page
+        }
+      });
+      this.meta.pagination.per_page = val;
+      this.fetch();
+    },
+    handleCurrentChange: function handleCurrentChange(val) {
+      this.listQueryService.updateListQuery({
+        meta: {
+          page: val,
+          limit: this.listQueryService.getListQuery().meta.limit
+        }
+      });
+      this.meta.pagination.current_page = val;
+      this.fetch();
+    },
+    handleFilterChange: function handleFilterChange(val) {
+      this.filter = val;
+      this.meta.pagination.current_page = 1;
+      this.fetch();
+    },
+    handleApplyFilter: function handleApplyFilter(filters) {
+      this.listQueryService.updateListQuery({
+        search: this.search
+      });
+      this.handleFilterChange(filters);
+    },
+    handleResetFilter: function handleResetFilter() {
+      for (var column in this.search) {
+        if (this.search[column].position === "top") {
+          this.search[column] = Object.assign(this.search[column], {
+            value: ""
+          });
+        } else {
+          this.search[column] = Object.assign(this.search[column], {
+            operator: "",
+            value: ""
+          });
+        }
+      }
+
+      this.listQueryService.updateListQuery({
+        search: {}
+      });
+      this.handleFilterChange({});
+    }
+  }
+});
+// 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
+
+
+
+
+
+/* normalize component */
+
+var CompositeTable_component = normalizeComponent(
+  components_CompositeTablevue_type_script_lang_js_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "36f49221",
+  null
+  
+)
+
+/* 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 = []
+
+
+// CONCATENATED MODULE: ./src/components/CreateForm/index.vue?vue&type=template&id=3a62da0d&
+
+// CONCATENATED MODULE: ./src/services/resolutions.js
+var resolutions = {
+  quarterResolution: {
+    xl: 6,
+    lg: 6,
+    md: 6,
+    sm: 6,
+    xs: 6
+  },
+  halfResolution: {
+    xl: 12,
+    lg: 12,
+    md: 12,
+    sm: 12,
+    xs: 12
+  },
+  fullFromSm: {
+    xl: 12,
+    lg: 12,
+    md: 12,
+    sm: 24,
+    xs: 24
+  },
+  fullFromLg: {
+    xl: 12,
+    lg: 24,
+    md: 24,
+    sm: 24,
+    xs: 24
+  },
+  fullResolution: {
+    xl: 24,
+    lg: 24,
+    md: 24,
+    sm: 24,
+    xs: 24
+  }
+};
+function getResolution(size) {
+  return resolutions[size];
+}
+// 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&
+
+// 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&
+
+// 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&
+
+
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+/* harmony default export */ var NewFieldvue_type_script_lang_js_ = ({
+  name: 'NewField',
+  props: {
+    field: {
+      type: [String, Boolean],
+      default: ''
+    },
+    filterable: {
+      type: Boolean,
+      default: false
+    },
+    value: {
+      type: [String, Boolean, Date, Number, Array],
+      default: ''
+    },
+    type: {
+      type: String,
+      default: 'input'
+    },
+    placeholder: {
+      type: String,
+      default: ''
+    },
+    selectList: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    selectMultiple: {
+      type: Boolean,
+      default: false
+    },
+    selectKey: {
+      type: String,
+      default: ''
+    },
+    selectLabel: {
+      type: String,
+      default: ''
+    },
+    selectValue: {
+      type: String,
+      default: ''
+    },
+    precision: {
+      type: Number,
+      default: 0
+    },
+    step: {
+      type: Number,
+      default: 1
+    },
+    remoteMethod: {
+      type: Object,
+      default: null
+    }
+  },
+  data: function data() {
+    return {
+      loading: false,
+      selectListLocal: [],
+      dataModel: window._.cloneDeep(this.value)
+    };
+  },
+  computed: {
+    remote: {
+      get: function get() {
+        return this.remoteMethod !== null;
+      }
+    },
+    remoteMethodHandler: {
+      get: function get() {
+        if (this.remoteMethod !== null) {
+          return this.remoteCall;
+        }
+
+        return null;
+      }
+    }
+  },
+  watch: {
+    dataModel: function dataModel() {
+      this.$emit('editable:save', {
+        'field': this.field,
+        'value': this.dataModel
+      });
+    },
+    value: function value() {
+      this.dataModel = this._.cloneDeep(this.value);
+    }
+  },
+  mounted: function mounted() {
+    this.selectListLocal = this.selectList;
+  },
+  methods: {
+    remoteCall: function remoteCall(query) {
+      var _this = this;
+
+      return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+        var response;
+        return regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _this.loading = true;
+                _context.next = 3;
+                return _this.remoteMethod.all({
+                  search: _this.selectLabel + ':' + query,
+                  searchFields: _this.selectLabel + ':like'
+                });
+
+              case 3:
+                response = _context.sent;
+                _this.selectListLocal = response.data;
+                _this.loading = false;
+
+              case 6:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }))();
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/NewField/index.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_NewFieldvue_type_script_lang_js_ = (NewFieldvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./src/components/NewField/index.vue
+
+
+
+
+
+/* normalize component */
+
+var NewField_component = normalizeComponent(
+  components_NewFieldvue_type_script_lang_js_,
+  NewFieldvue_type_template_id_03167641_render,
+  NewFieldvue_type_template_id_03167641_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var NewField = (NewField_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/PartColumn/NewColumn.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+/* harmony default export */ var NewColumnvue_type_script_lang_js_ = ({
+  name: 'PartColumnNew',
+  components: {
+    NewField: NewField
+  },
+  props: {
+    colResolution: {
+      type: Object,
+      default: function _default() {
+        return getResolution('fullResolution');
+      }
+    },
+    colInnerResolution: {
+      type: Object,
+      default: function _default() {
+        return getResolution('fullResolution');
+      }
+    },
+    propPrefix: {
+      type: String,
+      default: ''
+    },
+    columnName: {
+      type: String,
+      default: ''
+    },
+    fields: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    data: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    errors: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    }
+  },
+  data: function data() {
+    return {
+      dataModel: window._.cloneDeep(this.data)
+    };
+  },
+  watch: {
+    data: function data() {
+      this.dataModel = window._.cloneDeep(this.data);
+    }
+  },
+  methods: {
+    fieldResolution: function fieldResolution(field, size) {
+      return field.colResolution ? field.colResolution[size] : this.colInnerResolution[size];
+    },
+    updateValue: function updateValue(newValue) {
+      external_commonjs_vue_commonjs2_vue_root_Vue_default.a.set(this.data, newValue.field, newValue.value);
+      this.$emit('save', {
+        'field': newValue.field,
+        'value': newValue.value
+      });
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/PartColumn/NewColumn.vue?vue&type=script&lang=js&
+ /* harmony default export */ var PartColumn_NewColumnvue_type_script_lang_js_ = (NewColumnvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./src/components/PartColumn/NewColumn.vue
+
+
+
+
+
+/* normalize component */
+
+var NewColumn_component = normalizeComponent(
+  PartColumn_NewColumnvue_type_script_lang_js_,
+  NewColumnvue_type_template_id_05207afe_render,
+  NewColumnvue_type_template_id_05207afe_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var NewColumn = (NewColumn_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/CreateForm/index.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+/* harmony default export */ var CreateFormvue_type_script_lang_js_ = ({
+  name: "CreateForm",
+  components: {
+    NewColumn: NewColumn
+  },
+  props: {
+    form: {
+      type: Object,
+      default: function _default() {
+        return new base_model_BaseModel();
+      }
+    },
+    errors: {
+      type: Object,
+      default: function _default() {}
+    },
+    config: {
+      type: Object,
+      default: function _default() {
+        return {
+          rules: null
+        };
+      }
+    }
+  },
+  data: function data() {
+    return {
+      colResolutionLg: getResolution("fullResolution")
+    };
+  },
+  computed: {
+    formLocal: {
+      get: function get() {
+        return this.form;
+      },
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
+      set: function set(value) {
+        this.$emit("create:form", this.form);
+      }
+    }
+  },
+  methods: {
+    saveForm: function saveForm() {
+      var _this = this;
+
+      this.$refs["form"].validate(function (valid) {
+        if (!valid) {
+          _this.$message.error("Fill all required fields");
+
+          return false;
+        }
+
+        _this.$emit("save", _this.form);
+      });
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/CreateForm/index.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_CreateFormvue_type_script_lang_js_ = (CreateFormvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./src/components/CreateForm/index.vue
+
+
+
+
+
+/* normalize component */
+
+var CreateForm_component = normalizeComponent(
+  components_CreateFormvue_type_script_lang_js_,
+  CreateFormvue_type_template_id_3a62da0d_render,
+  CreateFormvue_type_template_id_3a62da0d_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var CreateForm = (CreateForm_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/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 = []
+
+
+// CONCATENATED MODULE: ./src/components/EditableField/index.vue?vue&type=template&id=6a2ea373&
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.find.js
+var es_array_find = __webpack_require__("7db0");
+
+// 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/EditableField/index.vue?vue&type=script&lang=js&
+
+
+
+
+
+
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+/* harmony default export */ var EditableFieldvue_type_script_lang_js_ = ({
+  name: 'EditableField',
+  model: {
+    props: 'value',
+    event: 'input'
+  },
+  props: {
+    field: {
+      type: [String, Boolean],
+      default: ''
+    },
+    value: {
+      type: [String, Boolean, Date, Number, Array],
+      default: ''
+    },
+    filterable: {
+      type: Boolean,
+      default: false
+    },
+    type: {
+      type: String,
+      default: 'input'
+    },
+    placeholder: {
+      type: String,
+      default: ''
+    },
+    selectList: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    selectMultiple: {
+      type: Boolean,
+      default: false
+    },
+    selectKey: {
+      type: String,
+      default: ''
+    },
+    selectLabel: {
+      type: String,
+      default: ''
+    },
+    selectValue: {
+      type: String,
+      default: ''
+    },
+    precision: {
+      type: Number,
+      default: 0
+    },
+    step: {
+      type: Number,
+      default: 1
+    },
+    remoteMethod: {
+      type: Object,
+      default: null
+    }
+  },
+  data: function data() {
+    return {
+      isEditMode: false,
+      model: '',
+      selectListLocal: []
     };
   },
+  computed: {
+    isSelectValue: {
+      get: function get() {
+        return (this.value || this.value === false) && this.type === 'select';
+      }
+    },
+    remote: {
+      get: function get() {
+        return this.remoteMethod !== null;
+      }
+    },
+    remoteMethodHandler: {
+      get: function get() {
+        if (this.remoteMethod !== null) {
+          return this.remoteCall;
+        }
+
+        return null;
+      }
+    }
+  },
+  mounted: function mounted() {
+    this.selectListLocal = this.selectList;
+  },
   methods: {
-    getFilter: function getFilter() {
-      return this.filterConvertor.applyFilter(this.search);
+    createList: function createList() {
+      var _this = this;
+
+      var label = '';
+
+      if (this.selectMultiple) {
+        this.value.forEach(function (element) {
+          label = label + ' ' + _this.selectList.find(function (_ref) {
+            var value = _ref.value;
+            return value === element;
+          }).name;
+        });
+      } else if (this.selectList.length) {
+        label = this.selectList.find(function (x) {
+          return x[_this.selectKey] === _this.value;
+        })[this.selectLabel];
+      } else {
+        label = this.value;
+      }
+
+      return label;
     },
-    applyFilter: function applyFilter() {
-      this.actions.handleApplyFilter();
+    handleDoubleClick: function handleDoubleClick() {
+      this.$emit('editable:open');
+      this.isEditMode = true;
+      this.model = this.value;
     },
-    resetFilter: function resetFilter() {
-      this.actions.handleResetFilter();
+    handleClose: function handleClose() {
+      this.isEditMode = false;
+      this.$emit('editable:close');
+    },
+    remoteCall: function remoteCall(query) {
+      var _this2 = this;
+
+      return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+        var response;
+        return regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _this2.loading = true;
+                _context.next = 3;
+                return _this2.remoteMethod.all({
+                  search: _this2.selectLabel + ':' + query,
+                  searchFields: _this2.selectLabel + ':like'
+                });
+
+              case 3:
+                response = _context.sent;
+                _this2.selectListLocal = response.data;
+                _this2.loading = false;
+
+              case 6:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }))();
+    },
+    handleSave: function handleSave() {
+      var _this3 = this;
+
+      return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+        return regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _this3.isEditMode = false;
+
+                _this3.$emit('editable:close');
+
+                _this3.$emit('editable:save', {
+                  'field': _this3.field,
+                  'value': _this3.model
+                });
+
+                _this3.$emit('update:value', {
+                  'field': _this3.field,
+                  'value': _this3.model
+                });
+
+              case 4:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2);
+      }))();
     }
   }
 });
-// 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/EditableField/index.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_EditableFieldvue_type_script_lang_js_ = (EditableFieldvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./src/components/EditableField/index.vue
 
 
 
@@ -7253,10 +8873,10 @@ 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,
+var EditableField_component = normalizeComponent(
+  components_EditableFieldvue_type_script_lang_js_,
+  EditableFieldvue_type_template_id_6a2ea373_render,
+  EditableFieldvue_type_template_id_6a2ea373_staticRenderFns,
   false,
   null,
   null,
@@ -7264,15 +8884,129 @@ 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":"43ff4c05-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 = []
+/* harmony default export */ var EditableField = (EditableField_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/PartColumn/EditColumn.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+/* harmony default export */ var EditColumnvue_type_script_lang_js_ = ({
+  name: 'PartColumnEdit',
+  components: {
+    EditableField: EditableField
+  },
+  props: {
+    colResolution: {
+      type: Object,
+      default: function _default() {
+        return getResolution('fullResolution');
+      }
+    },
+    colInnerResolution: {
+      type: Object,
+      default: function _default() {
+        return getResolution('fullResolution');
+      }
+    },
+    columnName: {
+      type: String,
+      default: ''
+    },
+    propPrefix: {
+      type: String,
+      default: ''
+    },
+    fields: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    data: {
+      type: Object,
+      default: function _default() {}
+    },
+    errors: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    }
+  },
+  methods: {
+    fieldResolution: function fieldResolution(field, size) {
+      return field.colResolution ? field.colResolution[size] : this.colInnerResolution[size];
+    },
+    updateValue: function updateValue(newValue) {
+      external_commonjs_vue_commonjs2_vue_root_Vue_default.a.set(this.data, newValue.field, newValue.value);
+      this.$emit('save', {
+        field: newValue.field,
+        value: newValue.value,
+        prefix: this.propPrefix
+      });
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/PartColumn/EditColumn.vue?vue&type=script&lang=js&
+ /* harmony default export */ var PartColumn_EditColumnvue_type_script_lang_js_ = (EditColumnvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./src/components/PartColumn/EditColumn.vue?vue&type=style&index=0&lang=css&
+var EditColumnvue_type_style_index_0_lang_css_ = __webpack_require__("c50b");
+
+// CONCATENATED MODULE: ./src/components/PartColumn/EditColumn.vue
+
+
+
+
 
 
-// CONCATENATED MODULE: ./src/components/GenericTable/GenericRows.vue?vue&type=template&id=69f342b5&
+/* normalize component */
+
+var EditColumn_component = normalizeComponent(
+  PartColumn_EditColumnvue_type_script_lang_js_,
+  EditColumnvue_type_template_id_536ae88d_render,
+  EditColumnvue_type_template_id_536ae88d_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var EditColumn = (EditColumn_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/UpdateForm/index.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/GenericTable/GenericRows.vue?vue&type=script&lang=js&
 //
 //
 //
@@ -7294,120 +9028,10 @@ 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&
-
-
-
-
-
-
-
-
-
-
+//
+//
+//
+//
 //
 //
 //
@@ -7434,22 +9058,17 @@ var list_query_service_ListQueryService = /*#__PURE__*/function () {
 
 
 
-
-
-
-/* harmony default export */ var GenericTablevue_type_script_lang_js_ = ({
-  name: "GenericTable",
+/* harmony default export */ var UpdateFormvue_type_script_lang_js_ = ({
+  name: 'UpdateForm',
   components: {
-    GenericRows: GenericRows,
-    GenericFilter: GenericFilter,
-    GenericPaginator: GenericPaginator,
-    GenericTopFilter: GenericTopFilter
+    PartForm: PartForm,
+    EditColumn: EditColumn
   },
   provide: function provide() {
     var _this = this;
 
     var data = {};
-    ["items", "fields", "filters", "loading", "meta"].forEach(function (key) {
+    ['loading'].forEach(function (key) {
       Object.defineProperty(data, key, {
         enumerable: true,
         get: function get() {
@@ -7458,194 +9077,86 @@ var list_query_service_ListQueryService = /*#__PURE__*/function () {
       });
     });
     return {
-      data: data,
-      search: this.search,
-      actions: {
-        handleSizeChange: this.handleSizeChange,
-        handleCurrentChange: this.handleCurrentChange,
-        handleFilterChange: this.handleFilterChange,
-        handleApplyFilter: this.handleApplyFilter,
-        handleResetFilter: this.handleResetFilter
-      }
+      data: data
     };
   },
   props: {
-    repository: {
+    form: {
+      type: Object,
       default: function _default() {
-        return {};
-      },
-      type: Object
-    },
-    title: {
-      default: "",
-      type: String
+        return new base_model_BaseModel();
+      }
     },
-    fields: {
+    config: {
+      type: Object,
       default: function _default() {
-        return [];
-      },
-      type: Array
+        return {
+          rules: null
+        };
+      }
     },
-    filters: {
+    errors: {
+      type: Object,
       default: function _default() {
-        return [];
-      },
-      type: Array
+        return {};
+      }
     }
   },
   data: function data() {
-    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;
-
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var column = _step.value;
-        search[column.name] = {
-          operator: "",
-          value: "",
-          position: column.position ? column.position : null
-        };
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
-
-    search = Object.assign(search, listQueryService.getListQuery().search);
     return {
-      loading: false,
-      filter: {},
-      items: [],
-      search: search,
-      meta: new meta_model_MetaModel(),
-      filterConvertor: filterConvertor,
-      listQueryService: listQueryService
+      colResolutionLg: getResolution('fullResolution')
     };
   },
   computed: {
-    showTopFilter: function showTopFilter() {
-      if (this.filters.filter(function (e) {
-        return e.position === "top";
-      }).length > 0) {
-        return true;
+    formLocal: {
+      get: function get() {
+        return this.form;
+      },
+      set: function set(value) {
+        this.$emit('update:form', this.form);
       }
-
-      return false;
-    },
-    queryFilter: function queryFilter() {
-      var _this$meta, _this$meta$pagination, _this$meta2, _this$meta2$paginatio;
-
-      var meta = this.listQueryService.getListQuery().meta;
-      var query = {
-        page: (_this$meta = this.meta) !== null && _this$meta !== void 0 && (_this$meta$pagination = _this$meta.pagination) !== null && _this$meta$pagination !== void 0 && _this$meta$pagination.current_page ? this.meta.pagination.current_page : meta.page,
-        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);
     }
   },
-  mounted: function mounted() {
-    this.filter = this.$refs.genericFilter.getFilter();
-    this.fetch();
-  },
   methods: {
-    fetch: function fetch() {
+    updateValue: function updateValue(data) {
       var _this2 = this;
 
-      return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-        var response;
-        return regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _this2.loading = true;
-                _context.prev = 1;
-                _context.next = 4;
-                return _this2.repository.all(_this2.queryFilter);
-
-              case 4:
-                response = _context.sent;
-                _this2.items = response.data;
-                _this2.meta = response.meta;
-                _context.next = 12;
-                break;
-
-              case 9:
-                _context.prev = 9;
-                _context.t0 = _context["catch"](1);
-
-                _this2.$message.error(_context.t0.message);
-
-              case 12:
-                _this2.loading = false;
+      this.$refs['form'].validateField(data.field, function (invalid) {
+        if (!invalid) {
+          _this2.$refs['form'].clearValidate();
 
-              case 13:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, null, [[1, 9]]);
-      }))();
-    },
-    handleSizeChange: function handleSizeChange(val) {
-      this.listQueryService.updateListQuery({
-        meta: {
-          limit: val
-        }
-      });
-      this.meta.pagination.per_page = val;
-      this.fetch();
-    },
-    handleCurrentChange: function handleCurrentChange(val) {
-      this.listQueryService.updateListQuery({
-        meta: {
-          page: val
+          _this2.$emit('save:value', data);
+        } else {
+          _this2.$message.error('Validation error');
         }
       });
-      this.meta.pagination.current_page = val;
-      this.fetch();
-    },
-    handleFilterChange: function handleFilterChange(val) {
-      this.filter = val;
-      this.meta.pagination.current_page = 1;
-      this.fetch();
-    },
-    handleApplyFilter: function handleApplyFilter() {
-      this.listQueryService.updateListQuery({
-        search: this.search
-      });
-      this.handleFilterChange(this.filterConvertor.applyFilter(this.search));
     },
-    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], {
-            value: ""
-          });
-        } else {
-          this.search[column] = Object.assign(this.search[column], {
-            operator: "",
-            value: ""
-          });
-        }
-      }
+    deleteModel: function deleteModel() {
+      var _this3 = this;
+
+      this.$confirm('This will permanently delete data. Continue?', 'Warning', {
+        confirmButtonText: 'OK',
+        cancelButtonText: 'Cancel',
+        type: 'warning'
+      }).then(function () {
+        _this3.$message({
+          type: 'success',
+          message: 'Delete completed'
+        });
 
-      this.listQueryService.updateListQuery({
-        search: this.search
+        _this3.$emit('delete:model');
+      }).catch(function () {
+        _this3.$message({
+          type: 'info',
+          message: 'Delete canceled'
+        });
       });
-      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/UpdateForm/index.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_UpdateFormvue_type_script_lang_js_ = (UpdateFormvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./src/components/UpdateForm/index.vue
 
 
 
@@ -7653,21 +9164,30 @@ var list_query_service_ListQueryService = /*#__PURE__*/function () {
 
 /* normalize component */
 
-var GenericTable_component = normalizeComponent(
-  components_GenericTablevue_type_script_lang_js_,
-  GenericTablevue_type_template_id_43420de9_scoped_true_render,
-  GenericTablevue_type_template_id_43420de9_scoped_true_staticRenderFns,
+var UpdateForm_component = normalizeComponent(
+  components_UpdateFormvue_type_script_lang_js_,
+  UpdateFormvue_type_template_id_e84e0092_render,
+  UpdateFormvue_type_template_id_e84e0092_staticRenderFns,
   false,
   null,
-  "43420de9",
+  null,
   null
   
 )
 
-/* harmony default export */ var GenericTable = (GenericTable_component.exports);
+/* harmony default export */ var UpdateForm = (UpdateForm_component.exports);
 // CONCATENATED MODULE: ./src/index.ts
 
 
+
+
+
+
+
+
+
+
+
 // CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/entry-lib-no-default.js