mcdis-vue-ui-library 1.1.219 → 1.1.235

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

@@ -273,6 +273,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":
@@ -1581,22 +1595,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":
@@ -2591,6 +2589,22 @@ var webkit = userAgent.match(/AppleWebKit\/(\d+)\./);
 module.exports = !!webkit && +webkit[1];
 
 
+/***/ }),
+
+/***/ "5151":
+/***/ (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__("fd7a");
+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("44488348", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "52b3":
@@ -2790,6 +2804,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":
@@ -3090,22 +3120,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__) {
 
@@ -3397,6 +3411,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":
@@ -4488,6 +4513,17 @@ if(content.locals) module.exports = content.locals;
 var add = __webpack_require__("499e").default
 var update = add("0b3daf60", content, true, {"sourceMap":false,"shadowMode":false});
 
+/***/ }),
+
+/***/ "9eeb":
+/***/ (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_27badf33_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("5151");
+/* 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_27badf33_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_27badf33_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "9f7f":
@@ -5087,6 +5123,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":
@@ -5835,14 +5885,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});
 
 /***/ }),
 
@@ -6062,20 +6117,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":
@@ -6159,6 +6200,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":
@@ -6610,20 +6662,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":
@@ -7073,17 +7111,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":
@@ -7136,9 +7163,10 @@ __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; });
 
 // CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
 // This file is imported into lib/wc client bundles.
@@ -12001,41 +12029,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;
     }),
@@ -12051,9 +12079,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 () {
@@ -12070,9 +12098,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", {
@@ -12081,14 +12109,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");
@@ -12136,7 +12164,7 @@ const apply_exports_ = /*#__PURE__*/exportHelper_default()(apply_script, [['rend
   components: {
     ApplyIcon: icons_apply,
     CancelIcon: cancel,
-    ArrowDown: arrow_down
+    ArrowDownIcon: arrow_down
   },
   props: {
     maxlength: {
@@ -12284,8 +12312,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
 
@@ -12295,7 +12323,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
@@ -12304,9 +12332,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")
@@ -12317,9 +12345,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 = ({
@@ -12415,18 +12443,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
 
 
 
@@ -12435,7 +12463,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 = {
@@ -12448,9 +12476,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
 };
 
@@ -12466,28 +12498,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 {
@@ -12503,16 +12537,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;
         }
       }
@@ -12525,6 +12557,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++) {
@@ -12564,6 +12597,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;
     }
@@ -12589,6 +12624,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;
 
@@ -12607,7 +12644,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 {
@@ -12645,7 +12682,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"
@@ -12667,7 +12704,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"
@@ -12688,7 +12725,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
@@ -12734,24 +12771,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) {
@@ -12959,6 +12996,209 @@ 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=27badf33&scoped=true
+
+
+var Selectvue_type_template_id_27badf33_scoped_true_withScopeId = function _withScopeId(n) {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-27badf33"), n = n(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])(), n;
+};
+
+var Selectvue_type_template_id_27badf33_scoped_true_hoisted_1 = {
+  key: 0,
+  class: "select"
+};
+var Selectvue_type_template_id_27badf33_scoped_true_hoisted_2 = ["onClick"];
+var Selectvue_type_template_id_27badf33_scoped_true_hoisted_3 = ["title"];
+var Selectvue_type_template_id_27badf33_scoped_true_hoisted_4 = {
+  class: "select__check"
+};
+var Selectvue_type_template_id_27badf33_scoped_true_hoisted_5 = {
+  key: 0,
+  ref: "scroll",
+  class: "select__scroll"
+};
+var Selectvue_type_template_id_27badf33_scoped_true_hoisted_6 = {
+  key: 1
+};
+function Selectvue_type_template_id_27badf33_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_27badf33_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);
+    })
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("p", null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($props.selected ? (_$props$selected = $props.selected) === null || _$props$selected === void 0 ? void 0 : _$props$selected.value : "Not choosen"), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+    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)]), 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);
+    })
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+    ref: "substrate",
+    class: "select__substrate",
+    style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])({
+      top: "".concat(_ctx.offsetSubstrate, "px")
+    })
+  }, [(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.list, function (item) {
+    return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
+      key: item,
+      class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["select__item", {
+        select__item_selected: item === $props.selected
+      }]),
+      onClick: function onClick($event) {
+        return $options.choose(item);
+      }
+    }, [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_27badf33_scoped_true_hoisted_3), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", Selectvue_type_template_id_27badf33_scoped_true_hoisted_4, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_CheckIcon)])], 10, Selectvue_type_template_id_27badf33_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_27badf33_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)], 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_27badf33_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=27badf33&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: "McSelect",
+  components: {
+    ArrowDownIcon: arrow_down,
+    CheckIcon: check
+  },
+  props: ["list", "selected", "isHaveAccess"],
+  emits: ["update:choose"],
+  data: function data() {
+    return {
+      isVisible: false,
+      isVisibleScroll: false,
+      isTopPosition: false,
+      offsetSubstrate: 0,
+      offsetScroll: 0
+    };
+  },
+  watch: {
+    isVisible: function isVisible(_isVisible) {
+      var _this = this;
+
+      if (_isVisible) {
+        this.$nextTick(function () {
+          var _this$$refs = _this.$refs,
+              dropdown = _this$$refs.dropdown,
+              substrate = _this$$refs.substrate;
+
+          var _dropdown$getBounding = dropdown === null || dropdown === void 0 ? void 0 : dropdown.getBoundingClientRect(),
+              bottom = _dropdown$getBounding.bottom;
+
+          _this.isTopPosition = bottom > document.documentElement.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);
+  },
+  beforeUnmount: function beforeUnmount() {
+    document.removeEventListener("click", this.clickOutside);
+  },
+  methods: {
+    switchVisible: function switchVisible() {
+      if (this.isVisibleScroll === false) {
+        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,
+          dropdown = _this$$refs2.dropdown,
+          substrate = _this$$refs2.substrate,
+          scroll = _this$$refs2.scroll;
+      if (substrate.clientHeight < dropdown.clientHeight) return;
+      var maxOffsetScroll = scroll.clientHeight - 50;
+      var maxOffsetSubstrate = dropdown.clientHeight - substrate.clientHeight;
+      var positionScroll = maxOffsetScroll / (Math.abs(maxOffsetSubstrate) / step);
+
+      if (e.deltaY >= 0) {
+        this.offsetSubstrate = this.offsetSubstrate > maxOffsetSubstrate ? this.offsetSubstrate - step : maxOffsetSubstrate;
+        this.offsetScroll = this.offsetScroll < maxOffsetScroll ? this.offsetScroll + positionScroll : maxOffsetScroll;
+      } else {
+        this.offsetSubstrate = this.offsetSubstrate < 0 ? this.offsetSubstrate + step : 0;
+        this.offsetScroll = this.offsetScroll > 0 ? this.offsetScroll - positionScroll : 0;
+      }
+    },
+    choose: function choose(value) {
+      this.$emit("update:choose", value);
+    },
+    clickOutside: function clickOutside(_ref) {
+      var target = _ref.target;
+      var isSelect = target.closest(".select");
+      if (!isSelect && this.isVisible) this.isVisible = false;
+    }
+  }
+});
+// 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=27badf33&lang=scss&scoped=true
+var Selectvue_type_style_index_0_id_27badf33_lang_scss_scoped_true = __webpack_require__("9eeb");
+
+// CONCATENATED MODULE: ./src/components/Select/Select.vue
+
+
+
+
+
+
+
+const Select_exports_ = /*#__PURE__*/exportHelper_default()(Selectvue_type_script_lang_js, [['render',Selectvue_type_template_id_27badf33_scoped_true_render],['__scopeId',"data-v-27badf33"]])
+
+/* harmony default export */ var Select = (Select_exports_);
+// CONCATENATED MODULE: ./src/components/Select/index.js
+
+/* harmony default export */ var components_Select = (Select);
 // CONCATENATED MODULE: ./src/components/index.js
 
 
@@ -12984,7 +13224,7 @@ const PopupTooltip_exports_ = /*#__PURE__*/exportHelper_default()(PopupTooltipvu
 
 
 
- // export {default as DataGrid} from "./DataGrid";
+
 
 
 
@@ -13158,6 +13398,20 @@ module.exports = fails(function () {
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "fd7a":
+/***/ (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-27badf33]{z-index:1}.select[data-v-27badf33],.select__selected[data-v-27badf33]{width:100%;position:relative}.select__selected[data-v-27badf33]{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-27badf33]:hover{box-shadow:0 0 3px 1px rgba(0,0,0,.1)}.select__selected p[data-v-27badf33]{font-size:.875em;color:var(--text100)}.select__arrowicon[data-v-27badf33]{width:20px;height:20px;display:flex;align-items:center;justify-content:center;position:absolute;top:10px;right:10px}.select__arrowicon_visible[data-v-27badf33]{transform:rotate(180deg)}.select__arrowicon svg[data-v-27badf33]{width:12px;fill:var(--text100)}.select__dropdown[data-v-27badf33]{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-27badf33]:not(.select__dropdown_top){top:calc(100% + 10px)}.select__dropdown_top[data-v-27badf33]{bottom:calc(100% + 10px)}.select__substrate[data-v-27badf33]{width:100%;padding:10px 20px 10px 10px;position:absolute;top:0;left:0}.select__item[data-v-27badf33]{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-27badf33]{background-color:var(--back60)}.select__item[data-v-27badf33]:not(.select__item_selected):hover{background-color:var(--back80)}.select__item[data-v-27badf33]:not(:first-child){margin-top:10px}.select__item p[data-v-27badf33]{white-space:nowrap;font-size:.875em;color:var(--text100)}.select__item_selected .select__check[data-v-27badf33]{opacity:1}.select__check[data-v-27badf33]{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-27badf33]{fill:var(--primary100)}.select__scroll[data-v-27badf33]{width:4px;height:calc(100% - 20px);overflow:hidden;position:absolute;top:10px;right:6px}.select__current[data-v-27badf33]{width:4px;height:50px;background-color:var(--back60);border-radius:2px;position:absolute;top:0;left:0}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "fdbc":