mcdis-vue-ui-library 1.1.249 → 1.1.254

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

@@ -388,6 +388,22 @@ module.exports = function (matched, str, position, captures, namedCaptures, repl
 };
 
 
+/***/ }),
+
+/***/ "0cde":
+/***/ (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__("8352");
+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("515442fe", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "0cfb":
@@ -974,6 +990,17 @@ exports.push([module.i, ".pulse[data-v-1fd5f120]{background-color:var(--primary1
 module.exports = exports;
 
 
+/***/ }),
+
+/***/ "2207":
+/***/ (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_140938ae_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("0cde");
+/* 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_140938ae_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_140938ae_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "2266":
@@ -3934,6 +3961,20 @@ exports.push([module.i, "@-webkit-keyframes vibrate-549f6873{0%{transform:transl
 module.exports = exports;
 
 
+/***/ }),
+
+/***/ "8352":
+/***/ (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-140938ae]{box-sizing:border-box}.data-grid[data-v-140938ae]{width:100%}.data-grid__head[data-v-140938ae]{display:grid;padding-bottom:1rem}.data-grid__head-title[data-v-140938ae]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:5px;display:flex;align-items:center}.data-grid__head-options[data-v-140938ae]{display:flex;align-items:center;justify-content:center}.data-grid__wrapper[data-v-140938ae]{background-color:var(--back90);padding:20px 10px;border-radius:5px}.data-grid__body[data-v-140938ae]{display:grid}.data-grid__row[data-v-140938ae]{display:grid;background-color:var(--back60);border-radius:5px;margin-bottom:5px;cursor:pointer}.data-grid__row[data-v-140938ae]:hover{background-color:var(--hoverTable)}.data-grid__cell[data-v-140938ae]{padding:5px}.data-grid__cell[data-v-140938ae],.data-grid__cell>span[data-v-140938ae]{display:flex;align-items:center;width:100%}.data-grid__cell>span[data-v-140938ae]{height:100%}.data-grid__cell--context-menu[data-v-140938ae]{justify-content:center}.sort-arrow[data-v-140938ae]{width:15px;margin-left:10px}.sort-arrow--active[data-v-140938ae]{transform:rotate(180deg)}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "83ab":
@@ -7240,6 +7281,7 @@ __webpack_require__.d(components_namespaceObject, "McLazyObserver", function() {
 __webpack_require__.d(components_namespaceObject, "PopupTooltip", function() { return components_PopupTooltip; });
 __webpack_require__.d(components_namespaceObject, "Select", function() { return components_Select; });
 __webpack_require__.d(components_namespaceObject, "EmojiPicker", function() { return components_EmojiPicker; });
+__webpack_require__.d(components_namespaceObject, "NewDataGrid", function() { return DataGridNew; });
 
 // CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
 // This file is imported into lib/wc client bundles.
@@ -14069,6 +14111,513 @@ const EmojiPicker_exports_ = /*#__PURE__*/exportHelper_default()(EmojiPickervue_
 // CONCATENATED MODULE: ./src/components/EmojiPicker/index.js
 
 /* harmony default export */ var components_EmojiPicker = (EmojiPicker);
+// 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/DataGridNew/parts/LazyObserver.vue?vue&type=template&id=5c53b3a6
+
+function LazyObservervue_type_template_id_5c53b3a6_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/DataGridNew/parts/LazyObserver.vue?vue&type=template&id=5c53b3a6
+
+// 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/DataGridNew/parts/LazyObserver.vue?vue&type=script&lang=js
+
+
+/* harmony default export */ var parts_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/DataGridNew/parts/LazyObserver.vue?vue&type=script&lang=js
+ 
+// CONCATENATED MODULE: ./src/components/DataGridNew/parts/LazyObserver.vue
+
+
+
+
+
+const parts_LazyObserver_exports_ = /*#__PURE__*/exportHelper_default()(parts_LazyObservervue_type_script_lang_js, [['render',LazyObservervue_type_template_id_5c53b3a6_render]])
+
+/* harmony default export */ var parts_LazyObserver = (parts_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/DataGridNew/DataGrid.vue?vue&type=script&setup=true&lang=js
+
+
+
+
+
+
+
+var DataGridNew_DataGridvue_type_script_setup_true_lang_js_withScopeId = function _withScopeId(n) {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-140938ae"), n = n(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])(), n;
+};
+
+var DataGridNew_DataGridvue_type_script_setup_true_lang_js_hoisted_1 = {
+  class: "data-grid__wrapper"
+};
+var DataGridNew_DataGridvue_type_script_setup_true_lang_js_hoisted_2 = {
+  class: "data-grid"
+};
+var DataGridNew_DataGridvue_type_script_setup_true_lang_js_hoisted_3 = ["onClick"];
+var DataGridNew_DataGridvue_type_script_setup_true_lang_js_hoisted_4 = {
+  key: 0,
+  class: "data-grid__head-title data-grid__head-options"
+};
+var DataGridNew_DataGridvue_type_script_setup_true_lang_js_hoisted_5 = ["onClick"];
+var DataGridNew_DataGridvue_type_script_setup_true_lang_js_hoisted_6 = ["onClick"];
+var DataGridNew_DataGridvue_type_script_setup_true_lang_js_hoisted_7 = {
+  key: 1
+};
+var DataGridNew_DataGridvue_type_script_setup_true_lang_js_hoisted_8 = {
+  key: 0,
+  class: "data-grid__cell data-grid__cell--context-menu"
+};
+
+
+
+var DataGridNew_DataGridvue_type_script_setup_true_lang_js_default_ = {
+  name: "NewDataGrid"
+};
+var DataGridvue_type_script_setup_true_lang_js_ASC = "ASC";
+var DataGridvue_type_script_setup_true_lang_js_DESC = "DESC";
+
+function DataGridNew_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 rulesList = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])([]);
+  Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
+    return props.rows;
+  }, function () {
+    sortedRows.value = props.rows;
+  });
+  Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onMounted"])(function () {
+    if (props.sortHandlers) {
+      var _iterator = _createForOfIteratorHelper(props.sortHandlers),
+          _step;
+
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var el = _step.value;
+          rulesList.value.push({
+            idx: el.idx,
+            rule: DataGridvue_type_script_setup_true_lang_js_ASC
+          });
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    }
+  });
+
+  var getSortRule = function getSortRule(idx) {
+    var _iterator2 = _createForOfIteratorHelper(rulesList.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(rulesList.value),
+        _step3;
+
+    try {
+      for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+        var rule = _step3.value;
+
+        if (rule.idx == _idx) {
+          rule.rule = _rule;
+        }
+      }
+    } catch (err) {
+      _iterator3.e(err);
+    } finally {
+      _iterator3.f();
+    }
+  };
+
+  var sortRows = function sortRows(idx) {
+    var rule = getSortRule(idx);
+    if (!props.sortHandlers) return false;
+    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 === DataGridvue_type_script_setup_true_lang_js_ASC) {
+      setSortRule(idx, DataGridvue_type_script_setup_true_lang_js_DESC);
+      sortedRows.value.sort(function (_x, _y) {
+        return func(_x[idx], _y[idx]);
+      });
+      return;
+    }
+
+    if (rule === DataGridvue_type_script_setup_true_lang_js_DESC) {
+      setSortRule(idx, DataGridvue_type_script_setup_true_lang_js_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) {
+    console.log("click");
+
+    if (props.rowClickHandler) {
+      emits(props.rowClickHandler, _row, _idx);
+    }
+  };
+
+  var isCustomSlot = function isCustomSlot(_idx) {
+    var result = false;
+
+    var _iterator4 = _createForOfIteratorHelper(props.customSlotCols),
+        _step4;
+
+    try {
+      for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+        var key = _step4.value;
+
+        if (key.idx == _idx) {
+          return true;
+        }
+      }
+    } catch (err) {
+      _iterator4.e(err);
+    } finally {
+      _iterator4.f();
+    }
+
+    return result;
+  };
+
+  var getSlotName = function getSlotName(_idx) {
+    var _iterator5 = _createForOfIteratorHelper(props.customSlotCols),
+        _step5;
+
+    try {
+      for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+        var key = _step5.value;
+
+        if (key.idx == _idx) {
+          return key.name;
+        }
+      }
+    } catch (err) {
+      _iterator5.e(err);
+    } finally {
+      _iterator5.f();
+    }
+  };
+
+  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) {
+    if (!props.sortHandlers) return false;
+
+    var _iterator6 = _createForOfIteratorHelper(props.sortHandlers),
+        _step6;
+
+    try {
+      for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
+        var el = _step6.value;
+        if (el.idx === idx) return true;
+      }
+    } catch (err) {
+      _iterator6.e(err);
+    } finally {
+      _iterator6.f();
+    }
+
+    return false;
+  };
+
+  var isAscending = function isAscending(_idx) {
+    var _iterator7 = _createForOfIteratorHelper(rulesList.value),
+        _step7;
+
+    try {
+      for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
+        var rule = _step7.value;
+
+        if (rule.idx === _idx) {
+          return rule.rule === DataGridvue_type_script_setup_true_lang_js_ASC;
+        }
+      }
+    } catch (err) {
+      _iterator7.e(err);
+    } finally {
+      _iterator7.f();
+    }
+
+    return false;
+  };
+
+  var computedColumnsWidth = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
+    if (props.columnsWidth) {
+      return {
+        gridTemplateColumns: props.columnsWidth
+      };
+    }
+
+    var columnsCount = props.columnsCount;
+
+    if (props.contextMenu) {
+      columnsCount += 1;
+    }
+
+    return {
+      gridTemplateColumns: "repeat(".concat(columnsCount, ", 1fr)")
+    };
+  });
+  return function (_ctx, _cache) {
+    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", DataGridNew_DataGridvue_type_script_setup_true_lang_js_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", DataGridNew_DataGridvue_type_script_setup_true_lang_js_hoisted_2, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+      class: "data-grid__head",
+      style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["unref"])(computedColumnsWidth))
+    }, [(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"])("div", {
+        onClick: function onClick($event) {
+          return sortRows(colIdx);
+        },
+        class: "data-grid__head-title",
+        style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])({
+          cursor: isSortable(colIdx) ? 'pointer' : ''
+        }),
+        key: col
+      }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", null, 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)])], 12, DataGridNew_DataGridvue_type_script_setup_true_lang_js_hoisted_3);
+    }), 128)), props.contextMenu ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", DataGridNew_DataGridvue_type_script_setup_true_lang_js_hoisted_4, " Options ")) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 4)]), (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"])(parts_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"])("div", {
+              onClick: function onClick($event) {
+                return emitRowClick(row, rowIdx);
+              },
+              class: "data-grid__row",
+              key: rowIdx,
+              style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["unref"])(computedColumnsWidth))
+            }, [(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"])("div", {
+                onClick: function onClick($event) {
+                  return emitCellClick(cell, cellIdx);
+                },
+                key: cellIdx,
+                class: "data-grid__cell"
+              }, [isCustomSlot(cellIdx) ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, getSlotName(cellIdx), {
+                key: 0,
+                item: cell
+              }) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span", DataGridNew_DataGridvue_type_script_setup_true_lang_js_hoisted_7, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(cell), 1))], 8, DataGridNew_DataGridvue_type_script_setup_true_lang_js_hoisted_6);
+            }), 128)), props.contextMenu ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", DataGridNew_DataGridvue_type_script_setup_true_lang_js_hoisted_8, [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_["renderSlot"])(_ctx.$slots, "menu", {
+                  row: row
+                })];
+              }),
+              _: 2
+            }, 1024)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 12, DataGridNew_DataGridvue_type_script_setup_true_lang_js_hoisted_5);
+          }), 128))];
+        }),
+        _: 2
+      }, 1024);
+    }), 128))])]);
+  };
+}
+
+/* harmony default export */ var DataGridNew_DataGridvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(DataGridNew_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
+    },
+    rowClickHandler: {
+      required: false,
+      type: String
+    },
+    cellClickHandler: {
+      required: false,
+      type: String
+    },
+    sortHandlers: {
+      required: false,
+      type: Array
+    },
+    columnsCount: {
+      required: true
+    },
+    columnsWidth: {
+      required: false
+    },
+    customSlotCols: {
+      type: Array,
+      required: false
+    }
+  },
+  setup: DataGridNew_DataGridvue_type_script_setup_true_lang_js_setup
+}));
+// CONCATENATED MODULE: ./src/components/DataGridNew/DataGrid.vue?vue&type=script&setup=true&lang=js
+ 
+// EXTERNAL MODULE: ./src/components/DataGridNew/DataGrid.vue?vue&type=style&index=0&id=140938ae&lang=scss&scoped=true
+var DataGridvue_type_style_index_0_id_140938ae_lang_scss_scoped_true = __webpack_require__("2207");
+
+// CONCATENATED MODULE: ./src/components/DataGridNew/DataGrid.vue
+
+
+
+
+
+
+const DataGridNew_DataGrid_exports_ = /*#__PURE__*/exportHelper_default()(DataGridNew_DataGridvue_type_script_setup_true_lang_js, [['__scopeId',"data-v-140938ae"]])
+
+/* harmony default export */ var DataGridNew_DataGrid = (DataGridNew_DataGrid_exports_);
+// CONCATENATED MODULE: ./src/components/DataGridNew/index.js
+
+/* harmony default export */ var DataGridNew = (DataGridNew_DataGrid);
 // CONCATENATED MODULE: ./src/components/index.js
 
 
@@ -14098,6 +14647,7 @@ const EmojiPicker_exports_ = /*#__PURE__*/exportHelper_default()(EmojiPickervue_
 
 
 
+
 
 
 // CONCATENATED MODULE: ./lib/main.js