mcdis-vue-ui-library 1.1.194 → 1.1.204

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":
@@ -1252,6 +1264,20 @@ module.exports = function (CONSTRUCTOR_NAME) {
 };
 
 
+/***/ }),
+
+/***/ "27b4":
+/***/ (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, ".datagrid[data-v-ec71aef6]{font-family:Roboto,sans-serif;box-sizing:border-box;border-radius:5px;width:100%;overflow-x:auto;max-width:100vw;background-color:var(--back100)}.datagrid__body[data-v-ec71aef6]{background-color:var(--back90)}.datagrid--hover[data-v-ec71aef6]{border-collapse:collapse}.datagrid__col-name[data-v-ec71aef6]{padding-bottom:20px}.datagrid__col-name[data-v-ec71aef6]:first-child{padding-left:10px}.datagrid__col-name[data-v-ec71aef6]:last-child{padding-right:10px}.datagrid__menu-label[data-v-ec71aef6]{font-size:14px;color:var(--text100);font-weight:400}.datagrid__header[data-v-ec71aef6]{text-align:left;font-weight:700;color:var(--text100)}.datagrid__row[data-v-ec71aef6]{border-bottom:solid 5px var(--back100);border-radius:5px}.datagrid__row>td[data-v-ec71aef6]{padding:10px 0;width:170.5px;max-width:170.5px;overflow-x:hidden;padding-right:5px}.datagrid__row>td[data-v-ec71aef6]:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px;padding-left:10px;overflow-x:visible}.datagrid__row>td[data-v-ec71aef6]:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px;padding-right:10px;overflow-x:visible}.datagrid__row--hover[data-v-ec71aef6]{cursor:pointer}.datagrid__row--hover[data-v-ec71aef6]:hover{background-color:rgba(61,155,232,.1)}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "287b":
@@ -1481,6 +1507,22 @@ exports.push([module.i, ".pulse[data-v-7af9d562]{background-color:var(--primary1
 module.exports = exports;
 
 
+/***/ }),
+
+/***/ "3b2f":
+/***/ (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__("27b4");
+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("723131d4", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "3bbe":
@@ -2288,6 +2330,20 @@ module.exports = {
 };
 
 
+/***/ }),
+
+/***/ "4dad":
+/***/ (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-281ff745]{box-sizing:border-box}.data-grid[data-v-281ff745]{width:100%;text-align:left;background-color:var(--back90);border-collapse:collapse}.data-grid__wrapper[data-v-281ff745]{background-color:var(--back90);padding:20px 10px;border-radius:5px}.data-grid__head[data-v-281ff745]{color:var(--text100);font-size:16px}.data-grid__head-title[data-v-281ff745]{padding-bottom:20px}.data-grid__head-title[data-v-281ff745]:first-child{padding-left:5px}.data-grid__head-title[data-v-281ff745]:last-child{text-align:center}.data-grid__body[data-v-281ff745],.data-grid__row[data-v-281ff745]{background-color:var(--back100)}.data-grid__row[data-v-281ff745]{border-bottom:5px solid var(--back90);border-radius:5px;color:var(--text80)}.data-grid__row>td[data-v-281ff745]{padding:10px 0;word-break:break-word}.data-grid__row>td[data-v-281ff745]:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px;padding-left:5px}.data-grid__row>td[data-v-281ff745]:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}.data-grid__row[data-v-281ff745]:hover{background-color:var(--hoverTable);cursor:pointer}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "4de4":
@@ -2362,6 +2418,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 +2584,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":
@@ -3000,6 +3178,22 @@ module.exports = !construct || fails(function () {
 }) ? isConstructorLegacy : isConstructorModern;
 
 
+/***/ }),
+
+/***/ "6955":
+/***/ (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__("4dad");
+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("6d69f307", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "69f3":
@@ -5191,6 +5385,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 +5859,17 @@ module.exports = function (input, pref) {
 };
 
 
+/***/ }),
+
+/***/ "c40d":
+/***/ (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_SimpleDataGrid_vue_vue_type_style_index_0_id_281ff745_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("6955");
+/* 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_SimpleDataGrid_vue_vue_type_style_index_0_id_281ff745_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_SimpleDataGrid_vue_vue_type_style_index_0_id_281ff745_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "c430":
@@ -6201,6 +6458,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 +7148,8 @@ __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 components_DataGrid; });
+__webpack_require__.d(components_namespaceObject, "SimpleDataGrid", function() { return components_SimpleDataGrid; });
 
 // CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
 // This file is imported into lib/wc client bundles.
@@ -12024,6 +12293,466 @@ 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: ./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/DataGrid/DataGrid.vue?vue&type=script&setup=true&lang=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-ec71aef6"), n = n(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])(), n;
+};
+
+var DataGridvue_type_script_setup_true_lang_js_hoisted_1 = {
+  class: "datagrid__header"
+};
+var DataGridvue_type_script_setup_true_lang_js_hoisted_2 = {
+  class: "datagrid__body"
+};
+var DataGridvue_type_script_setup_true_lang_js_hoisted_3 = ["onClick"];
+var DataGridvue_type_script_setup_true_lang_js_hoisted_4 = ["onUpdate:modelValue"];
+var DataGridvue_type_script_setup_true_lang_js_hoisted_5 = ["onClick", "onDblclick"];
+var DataGridvue_type_script_setup_true_lang_js_hoisted_6 = {
+  style: {
+    "display": "flex",
+    "flex-direction": "column"
+  }
+};
+var DataGridvue_type_script_setup_true_lang_js_hoisted_7 = ["onUpdate:modelValue"];
+
+var DataGridvue_type_script_setup_true_lang_js_hoisted_8 = /*#__PURE__*/DataGridvue_type_script_setup_true_lang_js_withScopeId(function () {
+  return /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", null, "Save", -1);
+});
+
+var DataGridvue_type_script_setup_true_lang_js_hoisted_9 = {
+  class: "datagrid__menu-label"
+};
+
+var DataGridvue_type_script_setup_true_lang_js_hoisted_10 = /*#__PURE__*/DataGridvue_type_script_setup_true_lang_js_withScopeId(function () {
+  return /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", null, "Remove", -1);
+});
+
+var DataGridvue_type_script_setup_true_lang_js_hoisted_11 = /*#__PURE__*/DataGridvue_type_script_setup_true_lang_js_withScopeId(function () {
+  return /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", null, "Save", -1);
+});
+
+var DataGridvue_type_script_setup_true_lang_js_hoisted_12 = /*#__PURE__*/DataGridvue_type_script_setup_true_lang_js_withScopeId(function () {
+  return /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", null, "Edit", -1);
+});
+
+
+
+var DataGridvue_type_script_setup_true_lang_js_default_ = {
+  name: "DataGrid"
+};
+
+function DataGridvue_type_script_setup_true_lang_js_setup(__props) {
+  var _this = this;
+
+  var props = __props; //const isShow = ref(false);
+
+  var rowsData = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(props.rows); // const isSortable = (_el) => {
+  //   if(typeof  _el === 'object') {
+  //     if(_el.sortable) {
+  //       return true;
+  //     }
+  //   }
+  //   return false;
+  // };
+
+  var isSmall = window.innerWidth < 500 ? true : false;
+  console.log(isSmall);
+
+  var removeRow = function removeRow(idx) {
+    //заглушка
+    rowsData.value.splice(idx, 1);
+  };
+
+  var isEdit = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(false);
+  var editRowIndex = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(null);
+
+  var editRow = function editRow(_row, _idx) {
+    isEdit.value = true;
+    editRowIndex.value = _idx;
+  };
+
+  var saveRow = function saveRow() {
+    console.log("saved");
+    isEdit.value = false;
+    editRowIndex.value = null;
+  }; // const updateValue = (_x,_y,_z, evt) => {
+  //   console.log(_x,_y,_z,evt);
+  // };
+
+
+  return function (_ctx, _cache) {
+    var _component_popup_modal = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("popup-modal");
+
+    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"])("table", {
+      class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["datagrid", {
+        'datagrid--hover': __props.allowRowSelect
+      }])
+    }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("thead", DataGridvue_type_script_setup_true_lang_js_hoisted_1, [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) {
+      return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("th", {
+        class: "datagrid__col-name",
+        key: col
+      }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(col), 1);
+    }), 128))])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("tbody", DataGridvue_type_script_setup_true_lang_js_hoisted_2, [(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"])(rowsData.value, function (row, idx) {
+      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 props.rowClickHandler.call(_this, row);
+        },
+        class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["datagrid__row", {
+          'datagrid__row--hover': __props.allowRowSelect
+        }]),
+        key: idx
+      }, [isEdit.value && idx === editRowIndex.value && !Object(external_commonjs_vue_commonjs2_vue_root_Vue_["unref"])(isSmall) ? (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"], {
+        key: 0
+      }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(row, function (el, index) {
+        return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("td", {
+          key: index
+        }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("input", {
+          type: "text",
+          "onUpdate:modelValue": function onUpdateModelValue($event) {
+            return rowsData.value[idx][index] = $event;
+          }
+        }, null, 8, DataGridvue_type_script_setup_true_lang_js_hoisted_4), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vModelText"], rowsData.value[idx][index]]])]);
+      }), 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"], {
+        key: 1
+      }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(row, function (el, index) {
+        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 props.cellClickHandler.call(_this, el);
+          },
+          onDblclick: function onDblclick($event) {
+            return editRow(row, idx);
+          },
+          key: index
+        }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(el), 41, DataGridvue_type_script_setup_true_lang_js_hoisted_5);
+      }), 128)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["unref"])(isSmall) ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_popup_modal, {
+        key: 2,
+        "min-width": '100px',
+        "max-width": '100vw',
+        "is-show-popup": isEdit.value,
+        "closing-esc": true
+      }, {
+        content: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(function () {
+          return [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", DataGridvue_type_script_setup_true_lang_js_hoisted_6, [(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 (el, index) {
+            return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])((Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("input", {
+              key: index,
+              type: "text",
+              style: {
+                "margin-bottom": "20px",
+                "width": "100px"
+              },
+              "onUpdate:modelValue": function onUpdateModelValue($event) {
+                return rowsData.value[idx][index] = $event;
+              }
+            }, null, 8, DataGridvue_type_script_setup_true_lang_js_hoisted_7)), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vModelText"], rowsData.value[idx][index]]]);
+          }), 128)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["unref"])(FlatButton), {
+            onClick: saveRow
+          }, {
+            label: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(function () {
+              return [DataGridvue_type_script_setup_true_lang_js_hoisted_8];
+            }),
+            _: 1
+          })])];
+        }),
+        _: 2
+      }, 1032, ["is-show-popup"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), 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",
+        style: {
+          "justify-content": "left"
+        }
+      }, {
+        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) {
+            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"])(FlatButton), {
+              onClick: function onClick($event) {
+                return handler.fn.call(_this, row);
+              },
+              key: handler.title
+            }, {
+              label: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(function () {
+                return [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", DataGridvue_type_script_setup_true_lang_js_hoisted_9, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(handler.title), 1)];
+              }),
+              _: 2
+            }, 1032, ["onClick"]);
+          }), 128)), props.allowRemoveRow ? (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"])(FlatButton), {
+            key: 0,
+            onClick: function onClick($event) {
+              return removeRow(idx);
+            }
+          }, {
+            label: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(function () {
+              return [DataGridvue_type_script_setup_true_lang_js_hoisted_10];
+            }),
+            _: 2
+          }, 1032, ["onClick"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), isEdit.value && editRowIndex.value === idx ? (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"])(FlatButton), {
+            key: 1,
+            onClick: saveRow
+          }, {
+            label: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(function () {
+              return [DataGridvue_type_script_setup_true_lang_js_hoisted_11];
+            }),
+            _: 1
+          })) : props.allowEditRow ? (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"])(FlatButton), {
+            key: 2,
+            onClick: function onClick($event) {
+              return editRow(row, idx);
+            }
+          }, {
+            label: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(function () {
+              return [DataGridvue_type_script_setup_true_lang_js_hoisted_12];
+            }),
+            _: 2
+          }, 1032, ["onClick"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)];
+        }),
+        _: 2
+      }, 1024)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])], 10, DataGridvue_type_script_setup_true_lang_js_hoisted_3);
+    }), 128))])], 2);
+  };
+}
+
+/* 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: false,
+      type: Array
+    },
+    allowRowSelect: {
+      required: false,
+      default: true
+    },
+    rowClickHandler: {
+      required: false
+    },
+    cellClickHandler: {
+      required: false
+    },
+    contextMenu: {
+      required: false,
+      default: false
+    },
+    contextMenuHandlers: {
+      type: Array
+    },
+    allowRemoveRow: {
+      required: false,
+      default: false
+    },
+    allowEditRow: {
+      required: false,
+      default: false
+    },
+    allowSelectRows: {
+      required: false,
+      default: false
+    }
+  },
+  setup: DataGridvue_type_script_setup_true_lang_js_setup
+}));
+// CONCATENATED MODULE: ./src/components/DataGrid/DataGrid.vue?vue&type=script&setup=true&lang=js
+ 
+// EXTERNAL MODULE: ./src/components/DataGrid/DataGrid.vue?vue&type=style&index=0&id=ec71aef6&lang=scss&scoped=true
+var DataGridvue_type_style_index_0_id_ec71aef6_lang_scss_scoped_true = __webpack_require__("fd54");
+
+// CONCATENATED MODULE: ./src/components/DataGrid/DataGrid.vue
+
+
+
+
+
+
+const DataGrid_exports_ = /*#__PURE__*/exportHelper_default()(DataGridvue_type_script_setup_true_lang_js, [['__scopeId',"data-v-ec71aef6"]])
+
+/* harmony default export */ var DataGrid = (DataGrid_exports_);
+// CONCATENATED MODULE: ./src/components/DataGrid/index.js
+
+/* harmony default export */ var components_DataGrid = (DataGrid);
+// 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/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/SimpleDataGrid.vue?vue&type=script&setup=true&lang=js
+
+
+
+
+
+var SimpleDataGridvue_type_script_setup_true_lang_js_withScopeId = function _withScopeId(n) {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-281ff745"), n = n(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])(), n;
+};
+
+var SimpleDataGridvue_type_script_setup_true_lang_js_hoisted_1 = {
+  class: "data-grid__wrapper"
+};
+var SimpleDataGridvue_type_script_setup_true_lang_js_hoisted_2 = {
+  class: "data-grid"
+};
+var SimpleDataGridvue_type_script_setup_true_lang_js_hoisted_3 = {
+  class: "data-grid__head"
+};
+var SimpleDataGridvue_type_script_setup_true_lang_js_hoisted_4 = ["onClick"];
+var SimpleDataGridvue_type_script_setup_true_lang_js_hoisted_5 = {
+  class: "data-grid__body"
+};
+var SimpleDataGridvue_type_script_setup_true_lang_js_hoisted_6 = ["onClick"];
+var SimpleDataGridvue_type_script_setup_true_lang_js_hoisted_7 = ["onClick"];
+
+
+
+var SimpleDataGridvue_type_script_setup_true_lang_js_default_ = {
+  name: "SimpleDataGrid"
+};
+var ASC = "ASC";
+var DESC = "DESC";
+
+function SimpleDataGridvue_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 sortRows = function sortRows(idx) {
+    if (sortType === null || sortType === ASC) {
+      sortType = DESC;
+      sortedRows.value.sort(function (_x, _y) {
+        return props.sortHandler(_x[idx], _y[idx]);
+      });
+      return;
+    }
+
+    if (sortType === DESC) {
+      sortType = ASC;
+      sortedRows.value.sort(function (_x, _y) {
+        return props.sortHandler(_y[idx], _x[idx]);
+      });
+      return;
+    }
+  };
+
+  var sortType = null;
+
+  var emitCellClick = function emitCellClick(_cell, _idx) {
+    if (props.cellClickHandler) {
+      emits(props.cellClickHandler, _cell, _idx, props.columns[_idx]);
+    } else {
+      return;
+    }
+  };
+
+  var emitRowClick = function emitRowClick(_row, _idx) {
+    if (props.rowClickHandler) {
+      emits(props.rowClickHandler, _row, _idx);
+    } else {
+      return;
+    }
+  };
+
+  return function (_ctx, _cache) {
+    return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", SimpleDataGridvue_type_script_setup_true_lang_js_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("table", SimpleDataGridvue_type_script_setup_true_lang_js_hoisted_2, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("thead", SimpleDataGridvue_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_["toDisplayString"])(col), 9, SimpleDataGridvue_type_script_setup_true_lang_js_hoisted_4);
+    }), 128))])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("tbody", SimpleDataGridvue_type_script_setup_true_lang_js_hoisted_5, [(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"])(sortedRows.value, 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
+        }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(cell), 9, SimpleDataGridvue_type_script_setup_true_lang_js_hoisted_7);
+      }), 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"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["unref"])(ContextMenu), {
+        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"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["unref"])(Buttons_FlatButton), {
+              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, SimpleDataGridvue_type_script_setup_true_lang_js_hoisted_6);
+    }), 128))])])]);
+  };
+}
+
+/* harmony default export */ var SimpleDataGridvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(SimpleDataGridvue_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
+    },
+    sortHandler: {
+      required: false
+    }
+  },
+  setup: SimpleDataGridvue_type_script_setup_true_lang_js_setup
+}));
+// CONCATENATED MODULE: ./src/components/SimpleDataGrid/SimpleDataGrid.vue?vue&type=script&setup=true&lang=js
+ 
+// EXTERNAL MODULE: ./src/components/SimpleDataGrid/SimpleDataGrid.vue?vue&type=style&index=0&id=281ff745&lang=scss&scoped=true
+var SimpleDataGridvue_type_style_index_0_id_281ff745_lang_scss_scoped_true = __webpack_require__("c40d");
+
+// CONCATENATED MODULE: ./src/components/SimpleDataGrid/SimpleDataGrid.vue
+
+
+
+
+
+
+const SimpleDataGrid_exports_ = /*#__PURE__*/exportHelper_default()(SimpleDataGridvue_type_script_setup_true_lang_js, [['__scopeId',"data-v-281ff745"]])
+
+/* harmony default export */ var SimpleDataGrid = (SimpleDataGrid_exports_);
+// CONCATENATED MODULE: ./src/components/SimpleDataGrid/index.js
+
+/* harmony default export */ var components_SimpleDataGrid = (SimpleDataGrid);
 // CONCATENATED MODULE: ./src/components/index.js
 
 
@@ -12047,6 +12776,8 @@ const Combobox_exports_ = /*#__PURE__*/exportHelper_default()(Comboboxvue_type_s
 
 
 
+
+
 
 
 
@@ -12205,6 +12936,17 @@ module.exports = fails(function () {
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "fd54":
+/***/ (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_ec71aef6_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("3b2f");
+/* 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_ec71aef6_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_ec71aef6_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "fdbc":