mcdis-vue-ui-library 1.1.194 → 1.1.214

package/dist/vue-ui-lib.umd.js

@@ -170,6 +170,18 @@ module.exports = function (fn, that, length) {
 };
 
 
+/***/ }),
+
+/***/ "04d1":
+/***/ (function(module, exports, __webpack_require__) {
+
+var userAgent = __webpack_require__("342f");
+
+var firefox = userAgent.match(/firefox\/(\d+)/i);
+
+module.exports = !!firefox && +firefox[1];
+
+
 /***/ }),
 
 /***/ "057f":
@@ -767,6 +779,22 @@ module.exports = !STRICT_METHOD ? function forEach(callbackfn /* , thisArg */) {
 } : [].forEach;
 
 
+/***/ }),
+
+/***/ "193d":
+/***/ (function(module, exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__("78ea");
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("0882bf56", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "19aa":
@@ -1494,6 +1522,22 @@ module.exports = function (argument) {
 };
 
 
+/***/ }),
+
+/***/ "3be9":
+/***/ (function(module, exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__("fcd2");
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("ae075578", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "3c4d":
@@ -2362,6 +2406,116 @@ module.exports = function from(arrayLike /* , mapfn = undefined, thisArg = undef
 };
 
 
+/***/ }),
+
+/***/ "4e82":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__("23e7");
+var aCallable = __webpack_require__("59ed");
+var toObject = __webpack_require__("7b0b");
+var lengthOfArrayLike = __webpack_require__("07fa");
+var toString = __webpack_require__("577e");
+var fails = __webpack_require__("d039");
+var internalSort = __webpack_require__("addb");
+var arrayMethodIsStrict = __webpack_require__("a640");
+var FF = __webpack_require__("04d1");
+var IE_OR_EDGE = __webpack_require__("d998");
+var V8 = __webpack_require__("2d00");
+var WEBKIT = __webpack_require__("512c");
+
+var test = [];
+var nativeSort = test.sort;
+
+// IE8-
+var FAILS_ON_UNDEFINED = fails(function () {
+  test.sort(undefined);
+});
+// V8 bug
+var FAILS_ON_NULL = fails(function () {
+  test.sort(null);
+});
+// Old WebKit
+var STRICT_METHOD = arrayMethodIsStrict('sort');
+
+var STABLE_SORT = !fails(function () {
+  // feature detection can be too slow, so check engines versions
+  if (V8) return V8 < 70;
+  if (FF && FF > 3) return;
+  if (IE_OR_EDGE) return true;
+  if (WEBKIT) return WEBKIT < 603;
+
+  var result = '';
+  var code, chr, value, index;
+
+  // generate an array with more 512 elements (Chakra and old V8 fails only in this case)
+  for (code = 65; code < 76; code++) {
+    chr = String.fromCharCode(code);
+
+    switch (code) {
+      case 66: case 69: case 70: case 72: value = 3; break;
+      case 68: case 71: value = 4; break;
+      default: value = 2;
+    }
+
+    for (index = 0; index < 47; index++) {
+      test.push({ k: chr + index, v: value });
+    }
+  }
+
+  test.sort(function (a, b) { return b.v - a.v; });
+
+  for (index = 0; index < test.length; index++) {
+    chr = test[index].k.charAt(0);
+    if (result.charAt(result.length - 1) !== chr) result += chr;
+  }
+
+  return result !== 'DGBEFHACIJK';
+});
+
+var FORCED = FAILS_ON_UNDEFINED || !FAILS_ON_NULL || !STRICT_METHOD || !STABLE_SORT;
+
+var getSortCompare = function (comparefn) {
+  return function (x, y) {
+    if (y === undefined) return -1;
+    if (x === undefined) return 1;
+    if (comparefn !== undefined) return +comparefn(x, y) || 0;
+    return toString(x) > toString(y) ? 1 : -1;
+  };
+};
+
+// `Array.prototype.sort` method
+// https://tc39.es/ecma262/#sec-array.prototype.sort
+$({ target: 'Array', proto: true, forced: FORCED }, {
+  sort: function sort(comparefn) {
+    if (comparefn !== undefined) aCallable(comparefn);
+
+    var array = toObject(this);
+
+    if (STABLE_SORT) return comparefn === undefined ? nativeSort.call(array) : nativeSort.call(array, comparefn);
+
+    var items = [];
+    var arrayLength = lengthOfArrayLike(array);
+    var itemsLength, index;
+
+    for (index = 0; index < arrayLength; index++) {
+      if (index in array) items.push(array[index]);
+    }
+
+    items = internalSort(items, getSortCompare(comparefn));
+    itemsLength = items.length;
+    index = 0;
+
+    while (index < itemsLength) array[index] = items[index++];
+    while (index < arrayLength) delete array[index++];
+
+    return array;
+  }
+});
+
+
 /***/ }),
 
 /***/ "4f04":
@@ -2418,6 +2572,18 @@ module.exports = function (argument) {
 };
 
 
+/***/ }),
+
+/***/ "512c":
+/***/ (function(module, exports, __webpack_require__) {
+
+var userAgent = __webpack_require__("342f");
+
+var webkit = userAgent.match(/AppleWebKit\/(\d+)\./);
+
+module.exports = !!webkit && +webkit[1];
+
+
 /***/ }),
 
 /***/ "52b3":
@@ -2722,17 +2888,6 @@ module.exports = function (it) {
 };
 
 
-/***/ }),
-
-/***/ "5a7a":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Checkbox_vue_vue_type_style_index_0_id_5c1fd49c_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("6aa6");
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Checkbox_vue_vue_type_style_index_0_id_5c1fd49c_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Checkbox_vue_vue_type_style_index_0_id_5c1fd49c_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "5b05":
@@ -2799,6 +2954,17 @@ module.exports = {
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "6051":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Checkbox_vue_vue_type_style_index_0_id_7efa4ea8_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("3be9");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Checkbox_vue_vue_type_style_index_0_id_7efa4ea8_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Checkbox_vue_vue_type_style_index_0_id_7efa4ea8_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "60da":
@@ -2861,6 +3027,17 @@ module.exports = !$assign || fails(function () {
 } : $assign;
 
 
+/***/ }),
+
+/***/ "614d":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_PopupTooltip_vue_vue_type_style_index_0_id_39285a40_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("193d");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_PopupTooltip_vue_vue_type_style_index_0_id_39285a40_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_PopupTooltip_vue_vue_type_style_index_0_id_39285a40_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "6215":
@@ -2906,6 +3083,22 @@ var update = add("2648c45e", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
+/***/ "6402":
+/***/ (function(module, exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__("cdb5");
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("e3bfb964", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
 /***/ "6547":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -3074,22 +3267,6 @@ module.exports = {
 };
 
 
-/***/ }),
-
-/***/ "6aa6":
-/***/ (function(module, exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__("96e8");
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.i, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = __webpack_require__("499e").default
-var update = add("0eb9f590", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "6aeb":
@@ -3448,6 +3625,20 @@ var DOMTokenListPrototype = classList && classList.constructor && classList.cons
 module.exports = DOMTokenListPrototype === Object.prototype ? undefined : DOMTokenListPrototype;
 
 
+/***/ }),
+
+/***/ "78ea":
+/***/ (function(module, exports, __webpack_require__) {
+
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+// Module
+exports.push([module.i, ".tooltip__wrapper[data-v-39285a40]{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;position:relative;cursor:pointer}.tooltip__wrapper:hover .tooltip__popup[data-v-39285a40]{display:block}.tooltip__popup[data-v-39285a40]{background-color:rgba(0,0,0,.7);border-radius:5px;padding:5px 10px;color:var(--primaryText100);position:absolute;display:none;z-index:9999}.tooltip__popup--bottom[data-v-39285a40]{bottom:-30px}.tooltip__popup--top[data-v-39285a40]{top:-30px}.tooltip__popup--left[data-v-39285a40]{left:-65px;top:50%;transform:translateY(-50%)}.tooltip__popup--right[data-v-39285a40]{right:-65px;top:50%;transform:translateY(-50%)}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "7b0b":
@@ -4108,20 +4299,6 @@ var POLYFILL = isForced.POLYFILL = 'P';
 module.exports = isForced;
 
 
-/***/ }),
-
-/***/ "96e8":
-/***/ (function(module, exports, __webpack_require__) {
-
-// Imports
-var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
-exports = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-exports.push([module.i, ".checkbox[data-v-5c1fd49c]{cursor:pointer;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.checkbox[data-v-5c1fd49c],.checkbox__icon-wrp[data-v-5c1fd49c]{display:flex;align-items:center}.checkbox__icon-wrp[data-v-5c1fd49c]{width:15px;height:15px;border:1.5px solid var(--primary100);justify-content:center;margin-right:5px;position:relative;border-radius:5px}.checkbox__icon-wrp[data-v-5c1fd49c]:active,.checkbox__icon-wrp[data-v-5c1fd49c]:focus{outline:1px solid var(--primary100)}.checkbox__icon-wrp--disabled[data-v-5c1fd49c]{opacity:.6}.checkbox__icon-wrp--active[data-v-5c1fd49c]{background-color:var(--primary100)}.checkbox__icon-wrp[data-v-5c1fd49c]:hover{opacity:.6}.checkbox__icon[data-v-5c1fd49c]{fill:#fff;width:15px}.visually-hidden[data-v-5c1fd49c]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;border:0;clip:rect(0 0 0 0)}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "9949":
@@ -5191,6 +5368,58 @@ module.exports = function () {
 };
 
 
+/***/ }),
+
+/***/ "addb":
+/***/ (function(module, exports) {
+
+// TODO: use something more complex like timsort?
+var floor = Math.floor;
+
+var mergeSort = function (array, comparefn) {
+  var length = array.length;
+  var middle = floor(length / 2);
+  return length < 8 ? insertionSort(array, comparefn) : merge(
+    mergeSort(array.slice(0, middle), comparefn),
+    mergeSort(array.slice(middle), comparefn),
+    comparefn
+  );
+};
+
+var insertionSort = function (array, comparefn) {
+  var length = array.length;
+  var i = 1;
+  var element, j;
+
+  while (i < length) {
+    j = i;
+    element = array[i];
+    while (j && comparefn(array[j - 1], element) > 0) {
+      array[j] = array[--j];
+    }
+    if (j !== i++) array[j] = element;
+  } return array;
+};
+
+var merge = function (left, right, comparefn) {
+  var llength = left.length;
+  var rlength = right.length;
+  var lindex = 0;
+  var rindex = 0;
+  var result = [];
+
+  while (lindex < llength || rindex < rlength) {
+    if (lindex < llength && rindex < rlength) {
+      result.push(comparefn(left[lindex], right[rindex]) <= 0 ? left[lindex++] : right[rindex++]);
+    } else {
+      result.push(lindex < llength ? left[lindex++] : right[rindex++]);
+    }
+  } return result;
+};
+
+module.exports = mergeSort;
+
+
 /***/ }),
 
 /***/ "adee":
@@ -5613,6 +5842,17 @@ module.exports = function (input, pref) {
 };
 
 
+/***/ }),
+
+/***/ "c07b":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_DataGrid_vue_vue_type_style_index_0_id_c79f67cc_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("6402");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_DataGrid_vue_vue_type_style_index_0_id_c79f67cc_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_DataGrid_vue_vue_type_style_index_0_id_c79f67cc_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "c430":
@@ -5845,6 +6085,20 @@ $({ target: 'Object', stat: true, forced: Object.assign !== assign }, {
 });
 
 
+/***/ }),
+
+/***/ "cdb5":
+/***/ (function(module, exports, __webpack_require__) {
+
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+// Module
+exports.push([module.i, "*[data-v-c79f67cc]{box-sizing:border-box}.data-grid[data-v-c79f67cc]{width:100%;text-align:left;background-color:var(--back90);border-collapse:collapse}.data-grid__wrapper[data-v-c79f67cc]{background-color:var(--back90);padding:20px 10px;border-radius:5px}.data-grid__head[data-v-c79f67cc]{color:var(--text100);font-size:16px}.data-grid__head-title[data-v-c79f67cc]{padding-bottom:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.data-grid__head-title[data-v-c79f67cc]:first-child{padding-left:5px}.data-grid__head-title[data-v-c79f67cc]:last-child{text-align:center}.data-grid__body[data-v-c79f67cc],.data-grid__row[data-v-c79f67cc]{background-color:var(--back100)}.data-grid__row[data-v-c79f67cc]{border-bottom:5px solid var(--back90);border-radius:5px;color:var(--text80)}.data-grid__row>td[data-v-c79f67cc]{padding:10px 0;word-break:break-word}.data-grid__row>td[data-v-c79f67cc]:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px;padding-left:5px}.data-grid__row>td[data-v-c79f67cc]:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}.data-grid__row[data-v-c79f67cc]:hover{background-color:var(--hoverTable);cursor:pointer}.sort-arrow[data-v-c79f67cc]{width:15px;margin-left:10px}.sort-arrow--active[data-v-c79f67cc]{transform:rotate(180deg)}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "ce4e":
@@ -6201,6 +6455,16 @@ exports.default = (sfc, props) => {
 };
 
 
+/***/ }),
+
+/***/ "d998":
+/***/ (function(module, exports, __webpack_require__) {
+
+var UA = __webpack_require__("342f");
+
+module.exports = /MSIE|Trident/.test(UA);
+
+
 /***/ }),
 
 /***/ "d9b5":
@@ -6881,6 +7145,9 @@ __webpack_require__.d(components_namespaceObject, "BlockSwitcher", function() {
 __webpack_require__.d(components_namespaceObject, "DenyBlockSwitcher", function() { return DenyBlockSwithcer; });
 __webpack_require__.d(components_namespaceObject, "HorizontalProgressBar", function() { return components_HorizontalProgressBar; });
 __webpack_require__.d(components_namespaceObject, "Combobox", function() { return components_Combobox; });
+__webpack_require__.d(components_namespaceObject, "DataGrid", function() { return SimpleDataGrid; });
+__webpack_require__.d(components_namespaceObject, "McLazyObserver", function() { return components_LazyObserver; });
+__webpack_require__.d(components_namespaceObject, "PopupTooltip", function() { return components_PopupTooltip; });
 
 // CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
 // This file is imported into lib/wc client bundles.
@@ -10712,7 +10979,7 @@ const checkbox_exports_ = /*#__PURE__*/exportHelper_default()(checkbox_script, [
 
 
 var Checkboxvue_type_script_setup_true_lang_js_withScopeId = function _withScopeId(n) {
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-5c1fd49c"), n = n(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])(), n;
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-7efa4ea8"), n = n(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])(), n;
 };
 
 var Checkboxvue_type_script_setup_true_lang_js_hoisted_1 = ["onClick"];
@@ -10729,7 +10996,9 @@ function Checkboxvue_type_script_setup_true_lang_js_setup(__props, _ref) {
   var props = __props;
   var isChecked = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(false);
   Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onMounted"])(function () {
-    if (props.modelValue.includes(props.arrayValue)) {
+    var _props$modelValue;
+
+    if ((_props$modelValue = props.modelValue) !== null && _props$modelValue !== void 0 && _props$modelValue.includes(props.arrayValue)) {
       isChecked.value = true;
     }
   });
@@ -10738,9 +11007,11 @@ function Checkboxvue_type_script_setup_true_lang_js_setup(__props, _ref) {
     if (props.disabled) {
       return;
     } else if (props.arrayValue && props.modelValue) {
+      var _arr;
+
       var arr = props.modelValue;
 
-      if (arr.includes(props.arrayValue)) {
+      if ((_arr = arr) !== null && _arr !== void 0 && _arr.includes(props.arrayValue)) {
         arr = arr.filter(function (el) {
           return el !== props.arrayValue;
         });
@@ -10803,8 +11074,8 @@ function Checkboxvue_type_script_setup_true_lang_js_setup(__props, _ref) {
 }));
 // CONCATENATED MODULE: ./src/components/Checkbox/Checkbox.vue?vue&type=script&setup=true&lang=js
  
-// EXTERNAL MODULE: ./src/components/Checkbox/Checkbox.vue?vue&type=style&index=0&id=5c1fd49c&lang=scss&scoped=true
-var Checkboxvue_type_style_index_0_id_5c1fd49c_lang_scss_scoped_true = __webpack_require__("5a7a");
+// EXTERNAL MODULE: ./src/components/Checkbox/Checkbox.vue?vue&type=style&index=0&id=7efa4ea8&lang=scss&scoped=true
+var Checkboxvue_type_style_index_0_id_7efa4ea8_lang_scss_scoped_true = __webpack_require__("6051");
 
 // CONCATENATED MODULE: ./src/components/Checkbox/Checkbox.vue
 
@@ -10813,7 +11084,7 @@ var Checkboxvue_type_style_index_0_id_5c1fd49c_lang_scss_scoped_true = __webpack
 
 
 
-const Checkbox_exports_ = /*#__PURE__*/exportHelper_default()(Checkboxvue_type_script_setup_true_lang_js, [['__scopeId',"data-v-5c1fd49c"]])
+const Checkbox_exports_ = /*#__PURE__*/exportHelper_default()(Checkboxvue_type_script_setup_true_lang_js, [['__scopeId',"data-v-7efa4ea8"]])
 
 /* harmony default export */ var Checkbox = (Checkbox_exports_);
 // CONCATENATED MODULE: ./src/components/Checkbox/index.js
@@ -12024,25 +12295,132 @@ const Combobox_exports_ = /*#__PURE__*/exportHelper_default()(Comboboxvue_type_s
 // CONCATENATED MODULE: ./src/components/Combobox/index.js
 
 /* harmony default export */ var components_Combobox = (Combobox);
-// CONCATENATED MODULE: ./src/components/index.js
-
-
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.sort.js
+var es_array_sort = __webpack_require__("4e82");
 
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/SimpleDataGrid/parts/LazyObserver.vue?vue&type=template&id=00f625af
 
+function LazyObservervue_type_template_id_00f625af_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("tbody", {
+    style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])({
+      minHeight: "".concat($props.minHeightRow * $props.countRows, "px")
+    }),
+    class: "lazy-observer",
+    ref: "lazyElement"
+  }, [_ctx.isVisible ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "html", {
+    key: 0
+  }) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 4);
+}
+// CONCATENATED MODULE: ./src/components/SimpleDataGrid/parts/LazyObserver.vue?vue&type=template&id=00f625af
 
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/SimpleDataGrid/parts/LazyObserver.vue?vue&type=script&lang=js
 
 
+/* harmony default export */ var LazyObservervue_type_script_lang_js = ({
+  name: "LazyObserver",
+  props: {
+    minHeightRow: {
+      type: [String, Number],
+      default: 50,
+      required: false
+    },
+    countRows: {
+      type: [String, Number],
+      default: 25,
+      required: false
+    },
+    delayResolve: {
+      type: [Number, Boolean],
+      default: false
+    }
+  },
+  data: function data() {
+    return {
+      isVisible: false,
+      state: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["markRaw"])({
+        lazyElement: null,
+        skipScroll: null
+      }),
+      idTimeout: undefined
+    };
+  },
+  mounted: function mounted() {
+    var _this$state$lazyEleme,
+        _this = this;
 
+    this.state.lazyElement = this.$refs.lazyElement;
 
+    if (!((_this$state$lazyEleme = this.state.lazyElement.previousElementSibling) !== null && _this$state$lazyEleme !== void 0 && _this$state$lazyEleme.classList.contains("lazy-observer"))) {
+      this.isVisible = true;
+      return;
+    }
 
+    if (this.delayResolve !== false) {
+      var delay = this.delayResolve === true ? 0 : this.delayResolve;
+      this.idTimeout = setTimeout(function () {
+        _this.isVisible = true;
 
+        _this.clearHandlers();
+      }, delay);
+    }
 
+    this.state.skipScroll = this.throttle(this.isSeen, 200);
+    document.addEventListener("scroll", this.state.skipScroll);
+  },
+  beforeUnmount: function beforeUnmount() {
+    this.clearHandlers();
+  },
+  methods: {
+    isSeen: function isSeen() {
+      var offsetElementTop = this.state.lazyElement.offsetTop;
+      var heightScreen = document.documentElement.clientHeight;
+      var scrollWithTop = Math.ceil(document.documentElement.scrollTop);
+
+      if (scrollWithTop + heightScreen >= offsetElementTop) {
+        this.isVisible = true;
+        this.clearHandlers();
+      }
+    },
+    throttle: function throttle(fn, ms) {
+      var isOpen = true;
+      var self = null;
+      var args = null;
+      return function () {
+        if (isOpen) {
+          isOpen = false;
+          fn.apply(this, arguments);
+          setTimeout(function () {
+            if (self && args) {
+              fn.apply(self, args);
+              self = args = null;
+            }
+
+            isOpen = true;
+          }, ms);
+        } else {
+          self = this;
+          args = arguments;
+        }
+      };
+    },
+    clearHandlers: function clearHandlers() {
+      clearTimeout(this.idTimeout);
+      document.removeEventListener("scroll", this.state.skipScroll);
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/SimpleDataGrid/parts/LazyObserver.vue?vue&type=script&lang=js
+ 
+// CONCATENATED MODULE: ./src/components/SimpleDataGrid/parts/LazyObserver.vue
 
 
 
 
 
+const LazyObserver_exports_ = /*#__PURE__*/exportHelper_default()(LazyObservervue_type_script_lang_js, [['render',LazyObservervue_type_template_id_00f625af_render]])
 
+/* harmony default export */ var LazyObserver = (LazyObserver_exports_);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/SimpleDataGrid/DataGrid.vue?vue&type=script&setup=true&lang=js
 
 
 
@@ -12050,7 +12428,562 @@ const Combobox_exports_ = /*#__PURE__*/exportHelper_default()(Comboboxvue_type_s
 
 
 
-// CONCATENATED MODULE: ./lib/main.js
+var DataGridvue_type_script_setup_true_lang_js_withScopeId = function _withScopeId(n) {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-c79f67cc"), n = n(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])(), n;
+};
+
+var DataGridvue_type_script_setup_true_lang_js_hoisted_1 = {
+  class: "data-grid__wrapper"
+};
+var DataGridvue_type_script_setup_true_lang_js_hoisted_2 = {
+  class: "data-grid"
+};
+var DataGridvue_type_script_setup_true_lang_js_hoisted_3 = {
+  class: "data-grid__head"
+};
+var DataGridvue_type_script_setup_true_lang_js_hoisted_4 = ["onClick"];
+var DataGridvue_type_script_setup_true_lang_js_hoisted_5 = ["onClick"];
+var DataGridvue_type_script_setup_true_lang_js_hoisted_6 = ["onClick"];
+var DataGridvue_type_script_setup_true_lang_js_hoisted_7 = {
+  key: 1
+};
+
+
+
+var DataGridvue_type_script_setup_true_lang_js_default_ = {
+  name: "DataGrid"
+};
+var ASC = "ASC";
+var DESC = "DESC";
+
+function DataGridvue_type_script_setup_true_lang_js_setup(__props, _ref) {
+  var emits = _ref.emit;
+  var props = __props;
+  var sortedRows = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(props.rows);
+  var sortRules = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])([]);
+  Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onMounted"])(function () {
+    var _iterator = _createForOfIteratorHelper(props.sortHandlers),
+        _step;
+
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var el = _step.value;
+        sortRules.value.push({
+          idx: el.idx,
+          rule: ASC
+        });
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+  });
+
+  var getSortRule = function getSortRule(idx) {
+    var _iterator2 = _createForOfIteratorHelper(sortRules.value),
+        _step2;
+
+    try {
+      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+        var rule = _step2.value;
+        if (rule.idx === idx) return rule.rule;
+      }
+    } catch (err) {
+      _iterator2.e(err);
+    } finally {
+      _iterator2.f();
+    }
+  };
+
+  var setSortRule = function setSortRule(_idx, _rule) {
+    var _iterator3 = _createForOfIteratorHelper(sortRules.value),
+        _step3;
+
+    try {
+      for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+        var rule = _step3.value;
+        console.log(_idx);
+
+        if (rule.idx == _idx) {
+          console.log("kek", rule, _rule);
+          rule.rule = _rule;
+        }
+      }
+    } catch (err) {
+      _iterator3.e(err);
+    } finally {
+      _iterator3.f();
+    }
+  };
+
+  var sortRows = function sortRows(idx) {
+    var rule = getSortRule(idx);
+    var func = null;
+
+    for (var i = 0; i < props.sortHandlers.length; i++) {
+      if (props.sortHandlers[i].idx === idx) {
+        func = props.sortHandlers[i].fn;
+      }
+    }
+
+    if (!func) return;
+
+    if (rule === ASC) {
+      setSortRule(idx, DESC);
+      sortedRows.value.sort(function (_x, _y) {
+        return func(_x[idx], _y[idx]);
+      });
+      return;
+    }
+
+    if (rule === DESC) {
+      setSortRule(idx, ASC);
+      sortedRows.value.sort(function (_x, _y) {
+        return func(_y[idx], _x[idx]);
+      });
+    }
+  };
+
+  var emitCellClick = function emitCellClick(_cell, _idx) {
+    if (props.cellClickHandler) {
+      emits(props.cellClickHandler, _cell, _idx, props.columns[_idx]);
+    }
+  };
+
+  var emitRowClick = function emitRowClick(_row, _idx) {
+    if (props.rowClickHandler) {
+      emits(props.rowClickHandler, _row, _idx);
+    }
+  };
+
+  var isCustomColumn = function isCustomColumn(idx) {
+    for (var i = 0; i < props.customColumns.length; i++) {
+      if (props.customColumns[i].idx === idx) return true;
+    }
+
+    return false;
+  };
+
+  var getComponent = function getComponent(idx) {
+    for (var i = 0; i < props.customColumns.length; i++) {
+      if (props.customColumns[i].idx === idx) return props.customColumns[i].comp;
+    }
+  };
+
+  var chunkRowsList = function chunkRowsList() {
+    var chunks = [];
+
+    for (var i = 0; i < Math.ceil(sortedRows.value.length / 25); i++) {
+      var chunk = sortedRows.value.slice(i * 25, (i + 1) * 25);
+      chunks.push(chunk);
+    }
+
+    return chunks;
+  };
+
+  var isSortable = function isSortable(idx) {
+    var _iterator4 = _createForOfIteratorHelper(props.sortHandlers),
+        _step4;
+
+    try {
+      for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+        var el = _step4.value;
+        if (el.idx === idx) return true;
+      }
+    } catch (err) {
+      _iterator4.e(err);
+    } finally {
+      _iterator4.f();
+    }
+
+    return false;
+  };
+
+  var isAscending = function isAscending(_idx) {
+    var _iterator5 = _createForOfIteratorHelper(sortRules.value),
+        _step5;
+
+    try {
+      for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+        var rule = _step5.value;
+
+        if (rule.idx === _idx) {
+          return rule.rule === ASC;
+        }
+      }
+    } catch (err) {
+      _iterator5.e(err);
+    } finally {
+      _iterator5.f();
+    }
+
+    return false;
+  };
+
+  return function (_ctx, _cache) {
+    var _component_flat_button = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("flat-button");
+
+    var _component_context_menu = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("context-menu");
+
+    return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", DataGridvue_type_script_setup_true_lang_js_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("table", DataGridvue_type_script_setup_true_lang_js_hoisted_2, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("thead", DataGridvue_type_script_setup_true_lang_js_hoisted_3, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("tr", null, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(props.columns, function (col, colIdx) {
+      return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("th", {
+        onClick: function onClick($event) {
+          return sortRows(colIdx);
+        },
+        class: "data-grid__head-title",
+        key: col
+      }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(col) + " ", 1), isSortable(colIdx) ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["unref"])(arrow_down), {
+        key: 0,
+        class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])([{
+          'sort-arrow--active': !isAscending(colIdx)
+        }, "sort-arrow"])
+      }, null, 8, ["class"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 8, DataGridvue_type_script_setup_true_lang_js_hoisted_4);
+    }), 128))])]), (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(chunkRowsList(), function (chunk, chunkIndex) {
+      return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["unref"])(LazyObserver), {
+        key: chunkIndex,
+        class: "data-grid__body"
+      }, {
+        html: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(function () {
+          return [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(chunk, function (row, rowIdx) {
+            return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("tr", {
+              onClick: function onClick($event) {
+                return emitRowClick(row, rowIdx);
+              },
+              class: "data-grid__row",
+              key: rowIdx
+            }, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(row, function (cell, cellIdx) {
+              return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("td", {
+                onClick: function onClick($event) {
+                  return emitCellClick(cell, cellIdx);
+                },
+                key: cellIdx
+              }, [isCustomColumn(cellIdx) ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveDynamicComponent"])(getComponent(cellIdx)), {
+                key: 0,
+                item: cell
+              }, null, 8, ["item"])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span", DataGridvue_type_script_setup_true_lang_js_hoisted_7, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(cell), 1))], 8, DataGridvue_type_script_setup_true_lang_js_hoisted_6);
+            }), 128)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("td", null, [props.contextMenu ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_context_menu, {
+              key: 0,
+              direction: "vertical"
+            }, {
+              default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(function () {
+                return [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(props.contextMenuHandlers, function (handler, idx) {
+                  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_flat_button, {
+                    onClick: function onClick($event) {
+                      return _ctx.$emit(handler.eventName, row);
+                    },
+                    key: idx
+                  }, {
+                    label: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(function () {
+                      return [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(handler.name), 1)];
+                    }),
+                    _: 2
+                  }, 1032, ["onClick"]);
+                }), 128))];
+              }),
+              _: 2
+            }, 1024)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])], 8, DataGridvue_type_script_setup_true_lang_js_hoisted_5);
+          }), 128))];
+        }),
+        _: 2
+      }, 1024);
+    }), 128))])]);
+  };
+}
+
+/* harmony default export */ var DataGridvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(DataGridvue_type_script_setup_true_lang_js_default_, {
+  props: {
+    columns: {
+      required: false,
+      type: Array
+    },
+    rows: {
+      required: true,
+      type: Array
+    },
+    contextMenu: {
+      required: false,
+      type: Boolean,
+      default: false
+    },
+    contextMenuHandlers: {
+      required: false,
+      type: Array
+    },
+    rowClickHandler: {
+      required: false,
+      type: String
+    },
+    cellClickHandler: {
+      required: false,
+      type: String
+    },
+    sortHandlers: {
+      required: false,
+      type: Array
+    },
+    customColumns: {
+      required: false
+    }
+  },
+  setup: DataGridvue_type_script_setup_true_lang_js_setup
+}));
+// CONCATENATED MODULE: ./src/components/SimpleDataGrid/DataGrid.vue?vue&type=script&setup=true&lang=js
+ 
+// EXTERNAL MODULE: ./src/components/SimpleDataGrid/DataGrid.vue?vue&type=style&index=0&id=c79f67cc&lang=scss&scoped=true
+var DataGridvue_type_style_index_0_id_c79f67cc_lang_scss_scoped_true = __webpack_require__("c07b");
+
+// CONCATENATED MODULE: ./src/components/SimpleDataGrid/DataGrid.vue
+
+
+
+
+
+
+const DataGrid_exports_ = /*#__PURE__*/exportHelper_default()(DataGridvue_type_script_setup_true_lang_js, [['__scopeId',"data-v-c79f67cc"]])
+
+/* harmony default export */ var DataGrid = (DataGrid_exports_);
+// CONCATENATED MODULE: ./src/components/SimpleDataGrid/index.js
+
+/* harmony default export */ var SimpleDataGrid = (DataGrid);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/LazyObserver/LazyObserver.vue?vue&type=template&id=773c4e08
+
+function LazyObservervue_type_template_id_773c4e08_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
+    style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])({
+      minHeight: "".concat($props.minHeightRow * $props.countRows, "px")
+    }),
+    class: "lazy-observer",
+    ref: "lazyElement"
+  }, [_ctx.isVisible ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "html", {
+    key: 0
+  }) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 4);
+}
+// CONCATENATED MODULE: ./src/components/LazyObserver/LazyObserver.vue?vue&type=template&id=773c4e08
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/LazyObserver/LazyObserver.vue?vue&type=script&lang=js
+
+
+/* harmony default export */ var LazyObserver_LazyObservervue_type_script_lang_js = ({
+  name: "McLazyObserver",
+  props: {
+    minHeightRow: {
+      type: [String, Number],
+      default: 50,
+      required: false
+    },
+    countRows: {
+      type: [String, Number],
+      default: 25,
+      required: false
+    },
+    delayResolve: {
+      type: [Number, Boolean],
+      default: false
+    }
+  },
+  data: function data() {
+    return {
+      isVisible: false,
+      state: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["markRaw"])({
+        lazyElement: null,
+        skipScroll: null
+      }),
+      idTimeout: undefined
+    };
+  },
+  mounted: function mounted() {
+    var _this$state$lazyEleme,
+        _this = this;
+
+    this.state.lazyElement = this.$refs.lazyElement;
+
+    if (!((_this$state$lazyEleme = this.state.lazyElement.previousElementSibling) !== null && _this$state$lazyEleme !== void 0 && _this$state$lazyEleme.classList.contains("lazy-observer"))) {
+      this.isVisible = true;
+      return;
+    }
+
+    if (this.delayResolve !== false) {
+      var delay = this.delayResolve === true ? 0 : this.delayResolve;
+      this.idTimeout = setTimeout(function () {
+        _this.isVisible = true;
+
+        _this.clearHandlers();
+      }, delay);
+    }
+
+    this.state.skipScroll = this.throttle(this.isSeen, 200);
+    document.addEventListener("scroll", this.state.skipScroll);
+  },
+  beforeUnmount: function beforeUnmount() {
+    this.clearHandlers();
+  },
+  methods: {
+    isSeen: function isSeen() {
+      var offsetElementTop = this.state.lazyElement.offsetTop;
+      var heightScreen = document.documentElement.clientHeight;
+      var scrollWithTop = Math.ceil(document.documentElement.scrollTop);
+
+      if (scrollWithTop + heightScreen >= offsetElementTop) {
+        this.isVisible = true;
+        this.clearHandlers();
+      }
+    },
+    throttle: function throttle(fn, ms) {
+      var isOpen = true;
+      var self = null;
+      var args = null;
+      return function () {
+        if (isOpen) {
+          isOpen = false;
+          fn.apply(this, arguments);
+          setTimeout(function () {
+            if (self && args) {
+              fn.apply(self, args);
+              self = args = null;
+            }
+
+            isOpen = true;
+          }, ms);
+        } else {
+          self = this;
+          args = arguments;
+        }
+      };
+    },
+    clearHandlers: function clearHandlers() {
+      clearTimeout(this.idTimeout);
+      document.removeEventListener("scroll", this.state.skipScroll);
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/LazyObserver/LazyObserver.vue?vue&type=script&lang=js
+ 
+// CONCATENATED MODULE: ./src/components/LazyObserver/LazyObserver.vue
+
+
+
+
+
+const LazyObserver_LazyObserver_exports_ = /*#__PURE__*/exportHelper_default()(LazyObserver_LazyObservervue_type_script_lang_js, [['render',LazyObservervue_type_template_id_773c4e08_render]])
+
+/* harmony default export */ var LazyObserver_LazyObserver = (LazyObserver_LazyObserver_exports_);
+// CONCATENATED MODULE: ./src/components/LazyObserver/index.js
+
+/* harmony default export */ var components_LazyObserver = (LazyObserver_LazyObserver);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/PopupTooltip/PopupTooltip.vue?vue&type=script&setup=true&lang=js
+
+
+
+var PopupTooltipvue_type_script_setup_true_lang_js_withScopeId = function _withScopeId(n) {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-39285a40"), n = n(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])(), n;
+};
+
+var PopupTooltipvue_type_script_setup_true_lang_js_hoisted_1 = {
+  class: "tooltip__wrapper"
+};
+var PopupTooltipvue_type_script_setup_true_lang_js_hoisted_2 = {
+  key: 1
+};
+
+var PopupTooltipvue_type_script_setup_true_lang_js_default_ = {
+  name: "PopupTooltip"
+};
+
+function PopupTooltipvue_type_script_setup_true_lang_js_setup(__props) {
+  var props = __props;
+  var attrs = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["useAttrs"])();
+  var classObject = {};
+
+  if (Object.hasOwnProperty.call(attrs, "bottom")) {
+    classObject["tooltip__popup--bottom"] = true;
+  }
+
+  if (Object.hasOwnProperty.call(attrs, "top")) {
+    classObject["tooltip__popup--top"] = true;
+  }
+
+  if (Object.hasOwnProperty.call(attrs, "left")) {
+    classObject["tooltip__popup--left"] = true;
+  }
+
+  if (Object.hasOwnProperty.call(attrs, "right")) {
+    classObject["tooltip__popup--right"] = true;
+  }
+
+  var showSlot = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(false);
+  var slots = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["useSlots"])();
+
+  if (slots.tooltip) {
+    showSlot.value = true;
+  }
+
+  return function (_ctx, _cache) {
+    return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", PopupTooltipvue_type_script_setup_true_lang_js_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "html"), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+      class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["tooltip__popup", classObject])
+    }, [showSlot.value ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "tooltip", {
+      key: 0
+    }) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span", PopupTooltipvue_type_script_setup_true_lang_js_hoisted_2, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(props === null || props === void 0 ? void 0 : props.tooltip), 1))])]);
+  };
+}
+
+/* harmony default export */ var PopupTooltipvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(PopupTooltipvue_type_script_setup_true_lang_js_default_, {
+  props: {
+    tooltip: {
+      type: String
+    }
+  },
+  setup: PopupTooltipvue_type_script_setup_true_lang_js_setup
+}));
+// CONCATENATED MODULE: ./src/components/PopupTooltip/PopupTooltip.vue?vue&type=script&setup=true&lang=js
+ 
+// EXTERNAL MODULE: ./src/components/PopupTooltip/PopupTooltip.vue?vue&type=style&index=0&id=39285a40&lang=scss&scoped=true
+var PopupTooltipvue_type_style_index_0_id_39285a40_lang_scss_scoped_true = __webpack_require__("614d");
+
+// CONCATENATED MODULE: ./src/components/PopupTooltip/PopupTooltip.vue
+
+
+
+
+
+
+const PopupTooltip_exports_ = /*#__PURE__*/exportHelper_default()(PopupTooltipvue_type_script_setup_true_lang_js, [['__scopeId',"data-v-39285a40"]])
+
+/* harmony default export */ var PopupTooltip = (PopupTooltip_exports_);
+// CONCATENATED MODULE: ./src/components/PopupTooltip/index.js
+
+/* harmony default export */ var components_PopupTooltip = (PopupTooltip);
+// CONCATENATED MODULE: ./src/components/index.js
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ // export {default as DataGrid} from "./DataGrid";
+
+
+
+
+// CONCATENATED MODULE: ./lib/main.js
 
  //import EvtBus from "../src/EventBus";
 // import handler from "../src/utils/UrlChangeHandler";
@@ -12177,6 +13110,20 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ "fcd2":
+/***/ (function(module, exports, __webpack_require__) {
+
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+// Module
+exports.push([module.i, ".checkbox[data-v-7efa4ea8]{cursor:pointer;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.checkbox[data-v-7efa4ea8],.checkbox__icon-wrp[data-v-7efa4ea8]{display:flex;align-items:center}.checkbox__icon-wrp[data-v-7efa4ea8]{width:15px;height:15px;border:1.5px solid var(--primary100);justify-content:center;margin-right:5px;position:relative;border-radius:5px}.checkbox__icon-wrp[data-v-7efa4ea8]:active,.checkbox__icon-wrp[data-v-7efa4ea8]:focus{outline:1px solid var(--primary100)}.checkbox__icon-wrp--disabled[data-v-7efa4ea8]{opacity:.6}.checkbox__icon-wrp--active[data-v-7efa4ea8]{background-color:var(--primary100)}.checkbox__icon-wrp[data-v-7efa4ea8]:hover{opacity:.6}.checkbox__icon[data-v-7efa4ea8]{fill:#fff;width:15px}.visually-hidden[data-v-7efa4ea8]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;border:0;clip:rect(0 0 0 0)}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "fce3":