mcdis-vue-ui-library 1.1.221 → 1.1.236

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

@@ -170,17 +170,6 @@ module.exports = function (fn, that, length) {
 };
 
 
-/***/ }),
-
-/***/ "03b8":
-/***/ (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_Select_vue_vue_type_style_index_0_id_4878bade_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("b97f");
-/* 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_Select_vue_vue_type_style_index_0_id_4878bade_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_Select_vue_vue_type_style_index_0_id_4878bade_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "04d1":
@@ -223,6 +212,17 @@ module.exports.f = function getOwnPropertyNames(it) {
 };
 
 
+/***/ }),
+
+/***/ "05c0":
+/***/ (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_Select_vue_vue_type_style_index_0_id_4a13bb1a_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("a215");
+/* 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_Select_vue_vue_type_style_index_0_id_4a13bb1a_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_Select_vue_vue_type_style_index_0_id_4a13bb1a_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "06cf":
@@ -293,6 +293,20 @@ module.exports = function (obj) {
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "0b14":
+/***/ (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, ".buttons[data-v-e382c42a]{position:relative;transform:translateX(30%);top:-20%;z-index:2}input[data-v-e382c42a]::-moz-placeholder{color:var(--text100);opacity:.3}input[data-v-e382c42a]:-ms-input-placeholder{color:var(--text100);opacity:.3}input[data-v-e382c42a]::placeholder{color:var(--text100);opacity:.3}.input[data-v-e382c42a]{width:100%;height:40px;position:relative}.input .input__active[data-v-e382c42a]{padding-right:70px}.input .input__input[data-v-e382c42a]{width:100%;height:40px;background:transparent;border:1px solid var(--back60);border-radius:5px;transition:.15s linear;position:absolute;top:0;left:0;padding:0 10px;padding-right:40px;color:var(--text100)}.input .input__input[data-v-e382c42a]:focus{border:1px solid var(--primary100);color:var(--text100)}.input .input__input[data-v-e382c42a]::-moz-placeholder{color:var(--text100)}.input .input__input[data-v-e382c42a]:-ms-input-placeholder{color:var(--text100)}.input .input__input[data-v-e382c42a]::placeholder{color:var(--text100)}.input .input__input_invalid[data-v-e382c42a]{border:1px solid red!important}.input__apply[data-v-e382c42a],.input__cancel[data-v-e382c42a]{width:40px;height:40px;border-radius:5px;cursor:pointer;position:absolute;top:7.5px}.input__apply[data-v-e382c42a]{background:var(--primary100);right:50px}.input__cancel[data-v-e382c42a]{background:var(--back80);right:5px}.input__cancel svg[data-v-e382c42a]{width:10px;height:10px;fill:#ccc}.error[data-v-e382c42a]{margin:15px 0;display:flex;align-items:center;color:var(--error80)}.errorIcon[data-v-e382c42a]{margin-right:.5rem;width:1rem;height:1rem}.arrow__down[data-v-e382c42a]{cursor:pointer;position:absolute;top:50%;right:0;transform:translate(-50%,-50%);width:25px;height:25px;display:flex;align-items:center;justify-content:center;background:transparent;border:none}.arrow__down__icon[data-v-e382c42a]{width:9px;height:5px;fill:var(--text100)}.select-dropDownList[data-v-e382c42a]{margin:20px 0;height:40px;background:transparent;border-radius:5px;transition:.15s linear .05s;cursor:pointer;position:relative}.select-dropDownList .arrow__down[data-v-e382c42a]{width:9px;height:5px;transition:.15s linear .05s;transform:translateY(-50%);position:absolute;top:50%;right:10px;fill:var(--text80)}.select-dropDownList_active .arrow__down[data-v-e382c42a]{transform:translateY(-50%) rotate(180deg)}.select-dropDownList[data-v-e382c42a]:hover{background:var(--accent80);border-radius:5px}.select-dropDownList:hover .arrow__down[data-v-e382c42a]{fill:var(--text100)}.select-dropDownList__selected[data-v-e382c42a]{transition:.15s linear .05s;padding:0 10px;line-height:40px;color:var(--text80);font-size:1rem}.select-dropDownList:hover .select-dropDownList__selected[data-v-e382c42a]{color:var(--text100)}.select-dropDownList__list[data-v-e382c42a]{z-index:1;width:100%;color:var(--text90);border-radius:8px;overflow:hidden;transition:.15s linear .05s;margin-top:5px;top:50px;left:0;position:absolute;cursor:pointer;background:var(--back90)}.select-dropDownList__item[data-v-e382c42a]{width:100%;height:40px;border-left:2px solid transparent;box-sizing:border-box;transition:.15s linear .05s;padding:0 12px;color:var(--text100);font-size:1rem;display:flex;align-items:center}.select-dropDownList__item_active[data-v-e382c42a]{border-left:2px solid var(--accent80);background:var(--primary100)}.select-dropDownList__item[data-v-e382c42a]:hover{background:var(--back80)}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "0b42":
@@ -1601,22 +1615,6 @@ defineIterator(String, 'String', function (iterated) {
 });
 
 
-/***/ }),
-
-/***/ "3dc3":
-/***/ (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__("de5c");
-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("1c7c5adb", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "3f8c":
@@ -2810,6 +2808,22 @@ module.exports = getBuiltIn('Reflect', 'ownKeys') || function ownKeys(it) {
 };
 
 
+/***/ }),
+
+/***/ "5759":
+/***/ (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__("0b14");
+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("c3e925f2", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "577e":
@@ -3110,22 +3124,6 @@ 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__) {
 
@@ -3417,6 +3415,17 @@ module.exports = function (CONSTRUCTOR_NAME, wrapper, common) {
 };
 
 
+/***/ }),
+
+/***/ "6daa":
+/***/ (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_d9c62c56_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("c210");
+/* 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_d9c62c56_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_d9c62c56_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "6eeb":
@@ -3972,6 +3981,20 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ "86b6":
+/***/ (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, ".select[data-v-4a13bb1a]{z-index:1}.select[data-v-4a13bb1a],.select__selected[data-v-4a13bb1a]{width:100%;position:relative}.select__selected[data-v-4a13bb1a]{height:40px;background-color:var(--back90);box-shadow:0 0 0 1px rgba(0,0,0,.1);border-radius:5px;overflow:hidden;display:flex;align-items:center;padding:0 40px 0 10px;cursor:pointer}.select__selected[data-v-4a13bb1a]:hover{box-shadow:0 0 3px 1px rgba(0,0,0,.1)}.select__selected p[data-v-4a13bb1a]{font-size:.875em;color:var(--text100)}.select__arrowicon[data-v-4a13bb1a]{width:20px;height:20px;display:flex;align-items:center;justify-content:center;position:absolute;top:10px;right:10px}.select__arrowicon_visible[data-v-4a13bb1a]{transform:rotate(180deg)}.select__arrowicon svg[data-v-4a13bb1a]{width:12px;fill:var(--text100)}.select__dropdown[data-v-4a13bb1a]{width:100%;background-color:var(--back90);box-shadow:0 0 3px 1px rgba(0,0,0,.1);border-radius:5px;overflow:hidden;position:absolute}.select__dropdown[data-v-4a13bb1a]:not(.select__dropdown_top){top:calc(100% + 10px)}.select__dropdown_top[data-v-4a13bb1a]{bottom:calc(100% + 10px)}.select__substrate[data-v-4a13bb1a]{width:100%;padding:10px 20px 10px 10px;position:absolute;top:0;left:0}.select__item[data-v-4a13bb1a]{width:100%;height:30px;border-radius:5px;overflow:hidden;display:flex;align-items:center;padding:0 40px 0 10px;cursor:pointer;position:relative}.select__item_selected[data-v-4a13bb1a]{background-color:var(--back60)}.select__item[data-v-4a13bb1a]:not(.select__item_selected):hover{background-color:var(--back80)}.select__item[data-v-4a13bb1a]:not(:first-child){margin-top:10px}.select__item p[data-v-4a13bb1a]{white-space:nowrap;font-size:.875em;color:var(--text100)}.select__item_selected .select__check[data-v-4a13bb1a]{opacity:1}.select__check[data-v-4a13bb1a]{width:20px;height:20px;display:flex;align-items:center;justify-content:center;opacity:0;position:absolute;top:5px;right:10px}.select__check svg[data-v-4a13bb1a]{fill:var(--primary100)}.select__scroll[data-v-4a13bb1a]{width:4px;height:calc(100% - 20px);overflow:hidden;position:absolute;top:10px;right:6px}.select__current[data-v-4a13bb1a]{width:4px;height:50px;background-color:var(--back60);border-radius:2px;position:absolute;top:0;left:0}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "875f":
@@ -4297,20 +4320,6 @@ if (PATCH) {
 module.exports = patchedExec;
 
 
-/***/ }),
-
-/***/ "938a":
-/***/ (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, ".select[data-v-4878bade]{z-index:1}.select[data-v-4878bade],.select__selected[data-v-4878bade]{width:100%;position:relative}.select__selected[data-v-4878bade]{height:40px;background-color:var(--back90);box-shadow:0 0 0 1px rgba(0,0,0,.1);border-radius:5px;overflow:hidden;display:flex;align-items:center;padding:0 40px 0 10px;cursor:pointer}.select__selected[data-v-4878bade]:hover{box-shadow:0 0 3px 1px rgba(0,0,0,.1)}.select__selected p[data-v-4878bade]{font-size:.875em;color:var(--text100)}.select__arrowicon[data-v-4878bade]{width:20px;height:20px;display:flex;align-items:center;justify-content:center;position:absolute;top:10px;right:10px}.select__arrowicon_visible[data-v-4878bade]{transform:rotate(180deg)}.select__arrowicon svg[data-v-4878bade]{width:12px;fill:var(--text100)}.select__dropdown[data-v-4878bade]{width:100%;height:290px;background-color:var(--back90);box-shadow:0 0 3px 1px rgba(0,0,0,.1);border-radius:5px;overflow:hidden;position:absolute}.select__dropdown[data-v-4878bade]:not(.select__dropdown_top){top:calc(100% + 10px)}.select__dropdown_top[data-v-4878bade]{bottom:calc(100% + 10px)}.select__substrate[data-v-4878bade]{width:100%;padding:10px 20px 10px 10px;position:absolute;top:0;left:0}.select__item[data-v-4878bade]{width:100%;height:30px;border-radius:5px;overflow:hidden;display:flex;align-items:center;padding:0 40px 0 10px;cursor:pointer;position:relative}.select__item_selected[data-v-4878bade]{background-color:var(--back60)}.select__item[data-v-4878bade]:not(.select__item_selected):hover{background-color:var(--back80)}.select__item[data-v-4878bade]:not(:first-child){margin-top:10px}.select__item p[data-v-4878bade]{white-space:nowrap;font-size:.875em;color:var(--text100)}.select__item_selected .select__check[data-v-4878bade]{opacity:1}.select__check[data-v-4878bade]{width:20px;height:20px;display:flex;align-items:center;justify-content:center;opacity:0;position:absolute;top:5px;right:10px}.select__check svg[data-v-4878bade]{fill:var(--primary100)}.select__scroll[data-v-4878bade]{width:4px;height:calc(100% - 20px);overflow:hidden;position:absolute;top:10px;right:6px}.select__current[data-v-4878bade]{width:4px;height:50px;background-color:var(--back60);border-radius:2px;position:absolute;top:0;left:0}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "94ca":
@@ -4672,6 +4681,22 @@ $({ target: 'String', proto: true, forced: WORKS_WITH_NON_GLOBAL_REGEX }, {
 IS_PURE || MATCH_ALL in RegExpPrototype || redefine(RegExpPrototype, MATCH_ALL, $matchAll);
 
 
+/***/ }),
+
+/***/ "a215":
+/***/ (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__("86b6");
+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("590c2a22", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "a2ec":
@@ -5121,6 +5146,20 @@ module.exports = function (METHOD_NAME, argument) {
 };
 
 
+/***/ }),
+
+/***/ "a957":
+/***/ (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-d9c62c56]{box-sizing:border-box}.data-grid[data-v-d9c62c56]{width:100%;text-align:left;background-color:var(--back90);border-collapse:collapse}.data-grid__wrapper[data-v-d9c62c56]{background-color:var(--back90);padding:20px 10px;border-radius:5px}.data-grid__head[data-v-d9c62c56]{color:var(--text100);font-size:16px}.data-grid__head-title[data-v-d9c62c56]{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-d9c62c56]:first-child{padding-left:5px}.data-grid__head-options[data-v-d9c62c56]{text-align:center}.data-grid__body[data-v-d9c62c56],.data-grid__row[data-v-d9c62c56]{background-color:var(--back100)}.data-grid__row[data-v-d9c62c56]{border-bottom:5px solid var(--back90);border-radius:5px;color:var(--text80)}.data-grid__row>td[data-v-d9c62c56]{padding:10px 0;word-break:break-word}.data-grid__row>td[data-v-d9c62c56]:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px;padding-left:5px}.data-grid__row>td[data-v-d9c62c56]:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}.data-grid__row[data-v-d9c62c56]:hover{background-color:var(--hoverTable);cursor:pointer}.sort-arrow[data-v-d9c62c56]{width:15px;margin-left:10px}.sort-arrow--active[data-v-d9c62c56]{transform:rotate(180deg)}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "a9e3":
@@ -5794,22 +5833,6 @@ module.exports = exports;
 /* unused harmony reexport * */
 
 
-/***/ }),
-
-/***/ "b97f":
-/***/ (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__("938a");
-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("57832269", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "bb2f":
@@ -5885,14 +5908,19 @@ module.exports = function (input, pref) {
 
 /***/ }),
 
-/***/ "c07b":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ "c210":
+/***/ (function(module, 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 * */
+// style-loader: Adds some css to the DOM by adding a <style> tag
 
+// load the styles
+var content = __webpack_require__("a957");
+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("30a08468", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -6112,20 +6140,6 @@ $({ 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":
@@ -6209,6 +6223,17 @@ module.exports = function (namespace, method) {
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "d09e":
+/***/ (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_Combobox_vue_vue_type_style_index_0_id_e382c42a_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("5759");
+/* 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_Combobox_vue_vue_type_style_index_0_id_e382c42a_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_Combobox_vue_vue_type_style_index_0_id_e382c42a_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "d0d9":
@@ -6660,20 +6685,6 @@ for (var COLLECTION_NAME in DOMIterables) {
 handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
 
 
-/***/ }),
-
-/***/ "de5c":
-/***/ (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, ".buttons[data-v-23344fcc]{position:relative;transform:translateX(30%);top:-20%;z-index:2}input[data-v-23344fcc]::-moz-placeholder{color:var(--text100);opacity:.3}input[data-v-23344fcc]:-ms-input-placeholder{color:var(--text100);opacity:.3}input[data-v-23344fcc]::placeholder{color:var(--text100);opacity:.3}.input[data-v-23344fcc]{width:100%;height:40px;position:relative}.input .input__active[data-v-23344fcc]{padding-right:70px}.input .input__input[data-v-23344fcc]{width:100%;height:40px;background:transparent;border:1px solid var(--back60);border-radius:5px;transition:.15s linear;position:absolute;top:0;left:0;padding:0 10px;padding-right:40px;color:var(--text100)}.input .input__input[data-v-23344fcc]:focus{border:1px solid var(--primary100);color:var(--text100)}.input .input__input[data-v-23344fcc]::-moz-placeholder{color:var(--text100)}.input .input__input[data-v-23344fcc]:-ms-input-placeholder{color:var(--text100)}.input .input__input[data-v-23344fcc]::placeholder{color:var(--text100)}.input .input__input_invalid[data-v-23344fcc]{border:1px solid red!important}.input__apply[data-v-23344fcc],.input__cancel[data-v-23344fcc]{width:40px;height:40px;border-radius:5px;cursor:pointer;position:absolute;top:7.5px}.input__apply[data-v-23344fcc]{background:var(--primary100);right:50px}.input__cancel[data-v-23344fcc]{background:var(--back80);right:5px}.input__cancel svg[data-v-23344fcc]{width:10px;height:10px;fill:#ccc}.error[data-v-23344fcc]{margin:15px 0;display:flex;align-items:center;color:var(--error80)}.errorIcon[data-v-23344fcc]{margin-right:.5rem;width:1rem;height:1rem}.arrow__down[data-v-23344fcc]{cursor:pointer;position:absolute;top:50%;right:0;transform:translate(-50%,-50%);width:25px;height:25px;display:flex;align-items:center;justify-content:center;background:transparent;border:none}.arrow__down__icon[data-v-23344fcc]{width:9px;height:5px;fill:var(--text100)}.select-dropDownList[data-v-23344fcc]{margin:20px 0;height:40px;background:transparent;border-radius:5px;transition:.15s linear .05s;cursor:pointer;position:relative}.select-dropDownList .arrow__down[data-v-23344fcc]{width:9px;height:5px;transition:.15s linear .05s;transform:translateY(-50%);position:absolute;top:50%;right:10px;fill:var(--text80)}.select-dropDownList_active .arrow__down[data-v-23344fcc]{transform:translateY(-50%) rotate(180deg)}.select-dropDownList[data-v-23344fcc]:hover{background:var(--accent80);border-radius:5px}.select-dropDownList:hover .arrow__down[data-v-23344fcc]{fill:var(--text100)}.select-dropDownList__selected[data-v-23344fcc]{transition:.15s linear .05s;padding:0 10px;line-height:40px;color:var(--text80);font-size:1rem}.select-dropDownList:hover .select-dropDownList__selected[data-v-23344fcc]{color:var(--text100)}.select-dropDownList__list[data-v-23344fcc]{z-index:1;width:100%;color:var(--text90);border-radius:8px;overflow:hidden;transition:.15s linear .05s;margin-top:5px;top:50px;left:0;position:absolute;cursor:pointer;background:var(--back90)}.select-dropDownList__item[data-v-23344fcc]{width:100%;height:40px;border-left:2px solid transparent;box-sizing:border-box;transition:.15s linear .05s;padding:0 12px;color:var(--text100);font-size:1rem;display:flex;align-items:center}.select-dropDownList__item_active[data-v-23344fcc]{border-left:2px solid var(--accent80);background:var(--primary100)}.select-dropDownList__item[data-v-23344fcc]:hover{background:var(--back80)}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "df75":
@@ -7123,17 +7134,6 @@ module.exports = TO_STRING_TAG_SUPPORT ? classofRaw : function (it) {
 };
 
 
-/***/ }),
-
-/***/ "f61b":
-/***/ (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_Combobox_vue_vue_type_style_index_0_id_23344fcc_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("3dc3");
-/* 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_Combobox_vue_vue_type_style_index_0_id_23344fcc_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_Combobox_vue_vue_type_style_index_0_id_23344fcc_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "f772":
@@ -7186,7 +7186,7 @@ __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, "DataGrid", function() { return components_DataGrid; });
 __webpack_require__.d(components_namespaceObject, "McLazyObserver", function() { return components_LazyObserver; });
 __webpack_require__.d(components_namespaceObject, "PopupTooltip", function() { return components_PopupTooltip; });
 __webpack_require__.d(components_namespaceObject, "Select", function() { return components_Select; });
@@ -12052,41 +12052,41 @@ const HorizontalProgressBar_exports_ = /*#__PURE__*/exportHelper_default()(Horiz
 // CONCATENATED MODULE: ./src/components/HorizontalProgressBar/index.js
 
 /* harmony default export */ var components_HorizontalProgressBar = (HorizontalProgressBar);
-// 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/Combobox/Combobox.vue?vue&type=template&id=23344fcc&scoped=true
+// 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/Combobox/Combobox.vue?vue&type=template&id=e382c42a&scoped=true
 
 
-var Comboboxvue_type_template_id_23344fcc_scoped_true_withScopeId = function _withScopeId(n) {
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-23344fcc"), n = n(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])(), n;
+var Comboboxvue_type_template_id_e382c42a_scoped_true_withScopeId = function _withScopeId(n) {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-e382c42a"), n = n(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])(), n;
 };
 
-var Comboboxvue_type_template_id_23344fcc_scoped_true_hoisted_1 = {
+var Comboboxvue_type_template_id_e382c42a_scoped_true_hoisted_1 = {
   class: "input"
 };
-var Comboboxvue_type_template_id_23344fcc_scoped_true_hoisted_2 = ["maxlength", "minlength", "placeholder"];
-var Comboboxvue_type_template_id_23344fcc_scoped_true_hoisted_3 = {
+var Comboboxvue_type_template_id_e382c42a_scoped_true_hoisted_2 = ["maxlength", "minlength", "placeholder"];
+var Comboboxvue_type_template_id_e382c42a_scoped_true_hoisted_3 = {
   key: 0,
   class: "buttons"
 };
-var Comboboxvue_type_template_id_23344fcc_scoped_true_hoisted_4 = {
+var Comboboxvue_type_template_id_e382c42a_scoped_true_hoisted_4 = {
   key: 0,
   class: "select-dropDownList__list"
 };
-var Comboboxvue_type_template_id_23344fcc_scoped_true_hoisted_5 = ["onClick"];
-var Comboboxvue_type_template_id_23344fcc_scoped_true_hoisted_6 = {
+var Comboboxvue_type_template_id_e382c42a_scoped_true_hoisted_5 = ["onClick"];
+var Comboboxvue_type_template_id_e382c42a_scoped_true_hoisted_6 = {
   key: 1,
   class: "input"
 };
-var Comboboxvue_type_template_id_23344fcc_scoped_true_hoisted_7 = ["placeholder"];
-function Comboboxvue_type_template_id_23344fcc_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+var Comboboxvue_type_template_id_e382c42a_scoped_true_hoisted_7 = ["placeholder"];
+function Comboboxvue_type_template_id_e382c42a_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_ApplyIcon = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ApplyIcon");
 
   var _component_CancelIcon = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("CancelIcon");
 
-  var _component_ArrowDown = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ArrowDown");
+  var _component_ArrowDownIcon = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ArrowDownIcon");
 
   return _ctx.$props.canChange ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), 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_["createElementVNode"])("div", Comboboxvue_type_template_id_23344fcc_scoped_true_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("input", {
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", Comboboxvue_type_template_id_e382c42a_scoped_true_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("input", {
     "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) {
       return _ctx.value = $event;
     }),
@@ -12102,9 +12102,9 @@ function Comboboxvue_type_template_id_23344fcc_scoped_true_render(_ctx, _cache,
     }), _cache[2] || (_cache[2] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withKeys"])(function () {
       return $options.apply && $options.apply.apply($options, arguments);
     }, ["enter"]))]
-  }, null, 42, Comboboxvue_type_template_id_23344fcc_scoped_true_hoisted_2), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vModelText"], _ctx.value, void 0, {
+  }, null, 42, Comboboxvue_type_template_id_e382c42a_scoped_true_hoisted_2), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vModelText"], _ctx.value, void 0, {
     trim: true
-  }]]), !$options.isEqual && !_ctx.isSelectItemVisible && _ctx.$props.selectItem != _ctx.value ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", Comboboxvue_type_template_id_23344fcc_scoped_true_hoisted_3, [$options.validateValue.isValid ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("button", {
+  }]]), !$options.isEqual && !_ctx.isSelectItemVisible && _ctx.$props.selectItem != _ctx.value ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", Comboboxvue_type_template_id_e382c42a_scoped_true_hoisted_3, [$options.validateValue.isValid ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("button", {
     key: 0,
     class: "input__apply",
     onClick: _cache[3] || (_cache[3] = function () {
@@ -12121,9 +12121,9 @@ function Comboboxvue_type_template_id_23344fcc_scoped_true_render(_ctx, _cache,
     onClick: _cache[5] || (_cache[5] = function ($event) {
       return $options.toggleItemVisible(!_ctx.isSelectItemVisible);
     })
-  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ArrowDown, {
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ArrowDownIcon, {
     class: "arrow__down__icon"
-  })])]), _ctx.isSelectItemVisible ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", Comboboxvue_type_template_id_23344fcc_scoped_true_hoisted_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"])($props.dropDownList, function (item, index) {
+  })])]), _ctx.isSelectItemVisible ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", Comboboxvue_type_template_id_e382c42a_scoped_true_hoisted_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"])($props.dropDownList, function (item, index) {
     return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
       key: index,
       class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["select-dropDownList__item", {
@@ -12132,14 +12132,14 @@ function Comboboxvue_type_template_id_23344fcc_scoped_true_render(_ctx, _cache,
       onClick: function onClick($event) {
         return $options.chooseValue(item);
       }
-    }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item), 11, Comboboxvue_type_template_id_23344fcc_scoped_true_hoisted_5);
-  }), 128))])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 64)) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", Comboboxvue_type_template_id_23344fcc_scoped_true_hoisted_6, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("input", {
+    }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item), 11, Comboboxvue_type_template_id_e382c42a_scoped_true_hoisted_5);
+  }), 128))])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 64)) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", Comboboxvue_type_template_id_e382c42a_scoped_true_hoisted_6, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("input", {
     class: "input__input",
     placeholder: _ctx.$props.selectItem,
     disabled: ""
-  }, null, 8, Comboboxvue_type_template_id_23344fcc_scoped_true_hoisted_7)]));
+  }, null, 8, Comboboxvue_type_template_id_e382c42a_scoped_true_hoisted_7)]));
 }
-// CONCATENATED MODULE: ./src/components/Combobox/Combobox.vue?vue&type=template&id=23344fcc&scoped=true
+// CONCATENATED MODULE: ./src/components/Combobox/Combobox.vue?vue&type=template&id=e382c42a&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.trim.js
 var es_string_trim = __webpack_require__("498a");
@@ -12187,7 +12187,7 @@ const apply_exports_ = /*#__PURE__*/exportHelper_default()(apply_script, [['rend
   components: {
     ApplyIcon: icons_apply,
     CancelIcon: cancel,
-    ArrowDown: arrow_down
+    ArrowDownIcon: arrow_down
   },
   props: {
     maxlength: {
@@ -12335,8 +12335,8 @@ const apply_exports_ = /*#__PURE__*/exportHelper_default()(apply_script, [['rend
 });
 // CONCATENATED MODULE: ./src/components/Combobox/Combobox.vue?vue&type=script&lang=js
  
-// EXTERNAL MODULE: ./src/components/Combobox/Combobox.vue?vue&type=style&index=0&id=23344fcc&lang=scss&scoped=true
-var Comboboxvue_type_style_index_0_id_23344fcc_lang_scss_scoped_true = __webpack_require__("f61b");
+// EXTERNAL MODULE: ./src/components/Combobox/Combobox.vue?vue&type=style&index=0&id=e382c42a&lang=scss&scoped=true
+var Comboboxvue_type_style_index_0_id_e382c42a_lang_scss_scoped_true = __webpack_require__("d09e");
 
 // CONCATENATED MODULE: ./src/components/Combobox/Combobox.vue
 
@@ -12346,7 +12346,7 @@ var Comboboxvue_type_style_index_0_id_23344fcc_lang_scss_scoped_true = __webpack
 
 
 
-const Combobox_exports_ = /*#__PURE__*/exportHelper_default()(Comboboxvue_type_script_lang_js, [['render',Comboboxvue_type_template_id_23344fcc_scoped_true_render],['__scopeId',"data-v-23344fcc"]])
+const Combobox_exports_ = /*#__PURE__*/exportHelper_default()(Comboboxvue_type_script_lang_js, [['render',Comboboxvue_type_template_id_e382c42a_scoped_true_render],['__scopeId',"data-v-e382c42a"]])
 
 /* harmony default export */ var Combobox = (Combobox_exports_);
 // CONCATENATED MODULE: ./src/components/Combobox/index.js
@@ -12355,9 +12355,9 @@ const Combobox_exports_ = /*#__PURE__*/exportHelper_default()(Comboboxvue_type_s
 // 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
+// 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/DataGrid/parts/LazyObserver.vue?vue&type=template&id=1bf49add
 
-function LazyObservervue_type_template_id_00f625af_render(_ctx, _cache, $props, $setup, $data, $options) {
+function LazyObservervue_type_template_id_1bf49add_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")
@@ -12368,9 +12368,9 @@ function LazyObservervue_type_template_id_00f625af_render(_ctx, _cache, $props,
     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: ./src/components/DataGrid/parts/LazyObserver.vue?vue&type=template&id=1bf49add
 
-// 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
+// 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/parts/LazyObserver.vue?vue&type=script&lang=js
 
 
 /* harmony default export */ var LazyObservervue_type_script_lang_js = ({
@@ -12466,18 +12466,18 @@ function LazyObservervue_type_template_id_00f625af_render(_ctx, _cache, $props,
     }
   }
 });
-// CONCATENATED MODULE: ./src/components/SimpleDataGrid/parts/LazyObserver.vue?vue&type=script&lang=js
+// CONCATENATED MODULE: ./src/components/DataGrid/parts/LazyObserver.vue?vue&type=script&lang=js
  
-// CONCATENATED MODULE: ./src/components/SimpleDataGrid/parts/LazyObserver.vue
+// CONCATENATED MODULE: ./src/components/DataGrid/parts/LazyObserver.vue
 
 
 
 
 
-const LazyObserver_exports_ = /*#__PURE__*/exportHelper_default()(LazyObservervue_type_script_lang_js, [['render',LazyObservervue_type_template_id_00f625af_render]])
+const LazyObserver_exports_ = /*#__PURE__*/exportHelper_default()(LazyObservervue_type_script_lang_js, [['render',LazyObservervue_type_template_id_1bf49add_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
+// 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
 
 
 
@@ -12486,7 +12486,7 @@ const LazyObserver_exports_ = /*#__PURE__*/exportHelper_default()(LazyObservervu
 
 
 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;
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-d9c62c56"), n = n(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])(), n;
 };
 
 var DataGridvue_type_script_setup_true_lang_js_hoisted_1 = {
@@ -12499,9 +12499,13 @@ 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_5 = {
+  key: 0,
+  class: "data-grid__head-title data-grid__head-options"
+};
 var DataGridvue_type_script_setup_true_lang_js_hoisted_6 = ["onClick"];
-var DataGridvue_type_script_setup_true_lang_js_hoisted_7 = {
+var DataGridvue_type_script_setup_true_lang_js_hoisted_7 = ["onClick"];
+var DataGridvue_type_script_setup_true_lang_js_hoisted_8 = {
   key: 1
 };
 
@@ -12517,28 +12521,30 @@ 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"])([]);
+  var rulesList = 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;
+    if (props.sortHandlers) {
+      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
-        });
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var el = _step.value;
+          rulesList.value.push({
+            idx: el.idx,
+            rule: ASC
+          });
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
       }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
     }
   });
 
   var getSortRule = function getSortRule(idx) {
-    var _iterator2 = _createForOfIteratorHelper(sortRules.value),
+    var _iterator2 = _createForOfIteratorHelper(rulesList.value),
         _step2;
 
     try {
@@ -12554,16 +12560,14 @@ function DataGridvue_type_script_setup_true_lang_js_setup(__props, _ref) {
   };
 
   var setSortRule = function setSortRule(_idx, _rule) {
-    var _iterator3 = _createForOfIteratorHelper(sortRules.value),
+    var _iterator3 = _createForOfIteratorHelper(rulesList.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;
         }
       }
@@ -12576,6 +12580,7 @@ function DataGridvue_type_script_setup_true_lang_js_setup(__props, _ref) {
 
   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++) {
@@ -12615,6 +12620,8 @@ function DataGridvue_type_script_setup_true_lang_js_setup(__props, _ref) {
   };
 
   var isCustomColumn = function isCustomColumn(idx) {
+    if (!props.customColumns) return false;
+
     for (var i = 0; i < props.customColumns.length; i++) {
       if (props.customColumns[i].idx === idx) return true;
     }
@@ -12640,6 +12647,8 @@ function DataGridvue_type_script_setup_true_lang_js_setup(__props, _ref) {
   };
 
   var isSortable = function isSortable(idx) {
+    if (!props.sortHandlers) return false;
+
     var _iterator4 = _createForOfIteratorHelper(props.sortHandlers),
         _step4;
 
@@ -12658,7 +12667,7 @@ function DataGridvue_type_script_setup_true_lang_js_setup(__props, _ref) {
   };
 
   var isAscending = function isAscending(_idx) {
-    var _iterator5 = _createForOfIteratorHelper(sortRules.value),
+    var _iterator5 = _createForOfIteratorHelper(rulesList.value),
         _step5;
 
     try {
@@ -12696,7 +12705,7 @@ function DataGridvue_type_script_setup_true_lang_js_setup(__props, _ref) {
           '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) {
+    }), 128)), props.contextMenu ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("th", DataGridvue_type_script_setup_true_lang_js_hoisted_5, " Options ")) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])]), (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"
@@ -12718,7 +12727,7 @@ function DataGridvue_type_script_setup_true_lang_js_setup(__props, _ref) {
               }, [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);
+              }, 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_8, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(cell), 1))], 8, DataGridvue_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"])(_component_context_menu, {
               key: 0,
               direction: "vertical"
@@ -12739,7 +12748,7 @@ function DataGridvue_type_script_setup_true_lang_js_setup(__props, _ref) {
                 }), 128))];
               }),
               _: 2
-            }, 1024)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])], 8, DataGridvue_type_script_setup_true_lang_js_hoisted_5);
+            }, 1024)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])], 8, DataGridvue_type_script_setup_true_lang_js_hoisted_6);
           }), 128))];
         }),
         _: 2
@@ -12785,24 +12794,24 @@ function DataGridvue_type_script_setup_true_lang_js_setup(__props, _ref) {
   },
   setup: DataGridvue_type_script_setup_true_lang_js_setup
 }));
-// CONCATENATED MODULE: ./src/components/SimpleDataGrid/DataGrid.vue?vue&type=script&setup=true&lang=js
+// CONCATENATED MODULE: ./src/components/DataGrid/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");
+// EXTERNAL MODULE: ./src/components/DataGrid/DataGrid.vue?vue&type=style&index=0&id=d9c62c56&lang=scss&scoped=true
+var DataGridvue_type_style_index_0_id_d9c62c56_lang_scss_scoped_true = __webpack_require__("6daa");
 
-// CONCATENATED MODULE: ./src/components/SimpleDataGrid/DataGrid.vue
+// CONCATENATED MODULE: ./src/components/DataGrid/DataGrid.vue
 
 
 
 
 
 
-const DataGrid_exports_ = /*#__PURE__*/exportHelper_default()(DataGridvue_type_script_setup_true_lang_js, [['__scopeId',"data-v-c79f67cc"]])
+const DataGrid_exports_ = /*#__PURE__*/exportHelper_default()(DataGridvue_type_script_setup_true_lang_js, [['__scopeId',"data-v-d9c62c56"]])
 
 /* harmony default export */ var DataGrid = (DataGrid_exports_);
-// CONCATENATED MODULE: ./src/components/SimpleDataGrid/index.js
+// CONCATENATED MODULE: ./src/components/DataGrid/index.js
 
-/* harmony default export */ var SimpleDataGrid = (DataGrid);
+/* harmony default export */ var components_DataGrid = (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) {
@@ -13010,38 +13019,38 @@ const PopupTooltip_exports_ = /*#__PURE__*/exportHelper_default()(PopupTooltipvu
 // CONCATENATED MODULE: ./src/components/PopupTooltip/index.js
 
 /* harmony default export */ var components_PopupTooltip = (PopupTooltip);
-// 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/Select/Select.vue?vue&type=template&id=4878bade&scoped=true
+// 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/Select/Select.vue?vue&type=template&id=4a13bb1a&scoped=true
 
 
-var Selectvue_type_template_id_4878bade_scoped_true_withScopeId = function _withScopeId(n) {
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-4878bade"), n = n(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])(), n;
+var Selectvue_type_template_id_4a13bb1a_scoped_true_withScopeId = function _withScopeId(n) {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-4a13bb1a"), n = n(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])(), n;
 };
 
-var Selectvue_type_template_id_4878bade_scoped_true_hoisted_1 = {
+var Selectvue_type_template_id_4a13bb1a_scoped_true_hoisted_1 = {
   key: 0,
   class: "select"
 };
-var Selectvue_type_template_id_4878bade_scoped_true_hoisted_2 = ["onClick"];
-var Selectvue_type_template_id_4878bade_scoped_true_hoisted_3 = ["title"];
-var Selectvue_type_template_id_4878bade_scoped_true_hoisted_4 = {
+var Selectvue_type_template_id_4a13bb1a_scoped_true_hoisted_2 = ["onClick"];
+var Selectvue_type_template_id_4a13bb1a_scoped_true_hoisted_3 = ["title"];
+var Selectvue_type_template_id_4a13bb1a_scoped_true_hoisted_4 = {
   class: "select__check"
 };
-var Selectvue_type_template_id_4878bade_scoped_true_hoisted_5 = {
+var Selectvue_type_template_id_4a13bb1a_scoped_true_hoisted_5 = {
   key: 0,
   ref: "scroll",
   class: "select__scroll"
 };
-var Selectvue_type_template_id_4878bade_scoped_true_hoisted_6 = {
+var Selectvue_type_template_id_4a13bb1a_scoped_true_hoisted_6 = {
   key: 1
 };
-function Selectvue_type_template_id_4878bade_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+function Selectvue_type_template_id_4a13bb1a_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
   var _$props$selected, _$props$selected2;
 
   var _component_ArrowDownIcon = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ArrowDownIcon");
 
   var _component_CheckIcon = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("CheckIcon");
 
-  return $props.isHaveAccess !== false ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", Selectvue_type_template_id_4878bade_scoped_true_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+  return $props.isHaveAccess !== false ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", Selectvue_type_template_id_4a13bb1a_scoped_true_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
     class: "select__selected",
     onClick: _cache[0] || (_cache[0] = function () {
       return $options.switchVisible && $options.switchVisible.apply($options, arguments);
@@ -13050,12 +13059,14 @@ function Selectvue_type_template_id_4878bade_scoped_true_render(_ctx, _cache, $p
     class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["select__arrowicon", {
       select__arrowicon_visible: _ctx.isVisible
     }])
-  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ArrowDownIcon)], 2)]), _ctx.isVisible ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
-    key: 0,
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ArrowDownIcon)], 2)]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
     ref: "dropdown",
     class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["select__dropdown", {
       select__dropdown_top: _ctx.isTopPosition
     }]),
+    style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])({
+      height: $options.dropDownHeight
+    }),
     onMousewheel: _cache[1] || (_cache[1] = function () {
       return $options.scrollSubstrate && $options.scrollSubstrate.apply($options, arguments);
     })
@@ -13076,21 +13087,22 @@ function Selectvue_type_template_id_4878bade_scoped_true_render(_ctx, _cache, $p
       }
     }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("p", {
       title: item === null || item === void 0 ? void 0 : item.value
-    }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item === null || item === void 0 ? void 0 : item.value), 9, Selectvue_type_template_id_4878bade_scoped_true_hoisted_3), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", Selectvue_type_template_id_4878bade_scoped_true_hoisted_4, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_CheckIcon)])], 10, Selectvue_type_template_id_4878bade_scoped_true_hoisted_2);
-  }), 128))], 4), _ctx.isVisibleScroll ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", Selectvue_type_template_id_4878bade_scoped_true_hoisted_5, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+    }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item === null || item === void 0 ? void 0 : item.value), 9, Selectvue_type_template_id_4a13bb1a_scoped_true_hoisted_3), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", Selectvue_type_template_id_4a13bb1a_scoped_true_hoisted_4, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_CheckIcon)])], 10, Selectvue_type_template_id_4a13bb1a_scoped_true_hoisted_2);
+  }), 128))], 4), _ctx.isVisibleScroll ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", Selectvue_type_template_id_4a13bb1a_scoped_true_hoisted_5, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
     class: "select__current",
     style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])({
       top: "".concat(_ctx.offsetScroll, "px")
     })
-  }, null, 4)], 512)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 34)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("p", Selectvue_type_template_id_4878bade_scoped_true_hoisted_6, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($props.selected ? (_$props$selected2 = $props.selected) === null || _$props$selected2 === void 0 ? void 0 : _$props$selected2.value : "Not choosen"), 1));
+  }, null, 4)], 512)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 38), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vShow"], _ctx.isVisible && $options.isShowDropDown]])])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("p", Selectvue_type_template_id_4a13bb1a_scoped_true_hoisted_6, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($props.selected ? (_$props$selected2 = $props.selected) === null || _$props$selected2 === void 0 ? void 0 : _$props$selected2.value : "Not choosen"), 1));
 }
-// CONCATENATED MODULE: ./src/components/Select/Select.vue?vue&type=template&id=4878bade&scoped=true
+// CONCATENATED MODULE: ./src/components/Select/Select.vue?vue&type=template&id=4a13bb1a&scoped=true
 
 // 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/Select/Select.vue?vue&type=script&lang=js
 
 
+var ROW_HEIGHT = 40;
 /* harmony default export */ var Selectvue_type_script_lang_js = ({
-  name: "Select",
+  name: "McSelect",
   components: {
     ArrowDownIcon: arrow_down,
     CheckIcon: check
@@ -13120,13 +13132,27 @@ function Selectvue_type_template_id_4878bade_scoped_true_render(_ctx, _cache, $p
               bottom = _dropdown$getBounding.bottom;
 
           _this.isTopPosition = bottom > document.documentElement.clientHeight;
-          _this.isVisibleScroll = substrate.clientHeight > dropdown.clientHeight;
+          _this.isVisibleScroll = substrate.clientHeight > dropdown.clientHeight && _this.list.length > 5;
         });
       } else {
         this.isTopPosition = false;
       }
     }
   },
+  computed: {
+    isShowDropDown: function isShowDropDown() {
+      return this.list.length > 0;
+    },
+    dropDownHeight: function dropDownHeight() {
+      var listLength = this.$props.list.length;
+
+      if (listLength > 5) {
+        return "290px";
+      }
+
+      return ROW_HEIGHT * listLength + "px";
+    }
+  },
   mounted: function mounted() {
     document.addEventListener("click", this.clickOutside);
   },
@@ -13135,9 +13161,16 @@ function Selectvue_type_template_id_4878bade_scoped_true_render(_ctx, _cache, $p
   },
   methods: {
     switchVisible: function switchVisible() {
+      this.offsetScroll = 0;
+      this.offsetSubstrate = 0;
+      this.isTopPosition = false;
       this.isVisible = !this.isVisible;
     },
     scrollSubstrate: function scrollSubstrate(e) {
+      if (!this.isVisibleScroll) {
+        return;
+      }
+
       e.preventDefault();
       var step = 30;
       var _this$$refs2 = this.$refs,
@@ -13169,8 +13202,8 @@ function Selectvue_type_template_id_4878bade_scoped_true_render(_ctx, _cache, $p
 });
 // CONCATENATED MODULE: ./src/components/Select/Select.vue?vue&type=script&lang=js
  
-// EXTERNAL MODULE: ./src/components/Select/Select.vue?vue&type=style&index=0&id=4878bade&lang=scss&scoped=true
-var Selectvue_type_style_index_0_id_4878bade_lang_scss_scoped_true = __webpack_require__("03b8");
+// EXTERNAL MODULE: ./src/components/Select/Select.vue?vue&type=style&index=0&id=4a13bb1a&lang=scss&scoped=true
+var Selectvue_type_style_index_0_id_4a13bb1a_lang_scss_scoped_true = __webpack_require__("05c0");
 
 // CONCATENATED MODULE: ./src/components/Select/Select.vue
 
@@ -13180,7 +13213,7 @@ var Selectvue_type_style_index_0_id_4878bade_lang_scss_scoped_true = __webpack_r
 
 
 
-const Select_exports_ = /*#__PURE__*/exportHelper_default()(Selectvue_type_script_lang_js, [['render',Selectvue_type_template_id_4878bade_scoped_true_render],['__scopeId',"data-v-4878bade"]])
+const Select_exports_ = /*#__PURE__*/exportHelper_default()(Selectvue_type_script_lang_js, [['render',Selectvue_type_template_id_4a13bb1a_scoped_true_render],['__scopeId',"data-v-4a13bb1a"]])
 
 /* harmony default export */ var Select = (Select_exports_);
 // CONCATENATED MODULE: ./src/components/Select/index.js
@@ -13211,7 +13244,6 @@ const Select_exports_ = /*#__PURE__*/exportHelper_default()(Selectvue_type_scrip
 
 
 
- // export {default as DataGrid} from "./DataGrid";