mcdis-vue-ui-library 1.0.163-alpha2 → 1.1.170

package/README.md

@@ -1,25 +1,25 @@
-# vue-ui-library
-
-## Project setup
-```
-npm install
-```
-
-### Compiles and hot-reloads for development
-```
-npm run serve 
-Запускает дев сервер, на котором можно подключить компонент 
-для его разработки и тестирования
-```
-
-### Compiles and minifies librarty for production
-```
-npm run build
-Создает бандл с библиотекой
-```
-### Storybook
-```
-Запускает Storybook
-npm run storybook
-```
-
+# vue-ui-library
+
+## Project setup
+```
+npm install
+```
+
+### Compiles and hot-reloads for development
+```
+npm run serve 
+Запускает дев сервер, на котором можно подключить компонент 
+для его разработки и тестирования
+```
+
+### Compiles and minifies librarty for production
+```
+npm run build
+Создает бандл с библиотекой
+```
+### Storybook
+```
+Запускает Storybook
+npm run storybook
+```
+

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

@@ -2091,7 +2091,7 @@ function applyToTag (styleElement, obj) {
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
 exports = ___CSS_LOADER_API_IMPORT___(false);
 // Module
-exports.push([module.i, ".pulse[data-v-14a1beea]{background-color:var(--primary100);border-radius:50%;-webkit-animation:pulse-14a1beea .7s ease-out;animation:pulse-14a1beea .7s ease-out;transform:scale(0);position:absolute}@-webkit-keyframes pulse-14a1beea{to{transform:scale(2);background-color:#fff;opacity:0}}@keyframes pulse-14a1beea{to{transform:scale(2);background-color:#fff;opacity:0}}.button[data-v-14a1beea]{padding:5px 10px;cursor:pointer;width:auto;background:transparent;border:none;border-radius:5px;overflow:hidden;position:relative}.button[data-v-14a1beea]:hover{opacity:.8}.button[data-v-14a1beea]:disabled{border:1px solid var(--back60);background:transparent;opacity:.5}.primary[data-v-14a1beea]{background-color:var(--primary100)}.danger[data-v-14a1beea]{background-color:#de350b}.flat[data-v-14a1beea]{background:transparent}.essential[data-v-14a1beea]{background-color:var(--back60)}", ""]);
+exports.push([module.i, ".pulse[data-v-14a1beea]{background-color:var(--primary100);border-radius:50%;-webkit-animation:pulse-14a1beea .7s ease-out;animation:pulse-14a1beea .7s ease-out;transform:scale(0);position:absolute}@-webkit-keyframes pulse-14a1beea{to{transform:scale(2);background-color:#fff;opacity:0}}@keyframes pulse-14a1beea{to{transform:scale(2);background-color:#fff;opacity:0}}.button[data-v-14a1beea]{padding:5px 10px;cursor:pointer;width:auto;background:transparent;border:none;border-radius:5px;overflow:hidden;position:relative}.button[data-v-14a1beea]:hover{opacity:.8}.button[data-v-14a1beea]:disabled{border:1px solid var(--back60);background:transparent;opacity:.5}.primary[data-v-14a1beea]{background-color:var(--primary100)}.danger[data-v-14a1beea]{background-color:var(--error80)}.flat[data-v-14a1beea]{background:transparent}.essential[data-v-14a1beea]{background-color:var(--back60)}", ""]);
 // Exports
 module.exports = exports;
 
@@ -3004,6 +3004,17 @@ module.exports = function (originalArray, length) {
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "6845":
+/***/ (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_0312e87f_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("ead7");
+/* 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_0312e87f_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_0312e87f_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "68ee":
@@ -4110,22 +4121,6 @@ if (PATCH) {
 module.exports = patchedExec;
 
 
-/***/ }),
-
-/***/ "94c3":
-/***/ (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__("d52a");
-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("6cb75901", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "94ca":
@@ -5768,6 +5763,20 @@ module.exports = function (METHOD_NAME) {
 };
 
 
+/***/ }),
+
+/***/ "c92d":
+/***/ (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-0312e87f]{position:relative;transform:translateX(30%);top:-20%;z-index:2}input[data-v-0312e87f]::-moz-placeholder{color:var(--text100);opacity:.3}input[data-v-0312e87f]:-ms-input-placeholder{color:var(--text100);opacity:.3}input[data-v-0312e87f]::placeholder{color:var(--text100);opacity:.3}.input[data-v-0312e87f]{width:100%;height:40px;position:relative}.input .input__active[data-v-0312e87f]{padding-right:70px}.input .input__input[data-v-0312e87f]{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-0312e87f]:focus{border:1px solid var(--primary100);color:var(--text100)}.input .input__input[data-v-0312e87f]::-moz-placeholder{color:var(--text100)}.input .input__input[data-v-0312e87f]:-ms-input-placeholder{color:var(--text100)}.input .input__input[data-v-0312e87f]::placeholder{color:var(--text100)}.input .input__input_invalid[data-v-0312e87f]{border:1px solid red!important}.input__apply[data-v-0312e87f],.input__cancel[data-v-0312e87f]{width:40px;height:40px;border-radius:5px;cursor:pointer;position:absolute;top:7.5px}.input__apply[data-v-0312e87f]{background:var(--primary100);right:50px}.input__cancel[data-v-0312e87f]{background:var(--back80);right:5px}.input__cancel svg[data-v-0312e87f]{width:10px;height:10px;fill:#ccc}.error[data-v-0312e87f]{margin:15px 0;display:flex;align-items:center;color:var(--error80)}.errorIcon[data-v-0312e87f]{margin-right:.5rem;width:1rem;height:1rem}.arrow__down[data-v-0312e87f]{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-0312e87f]{width:9px;height:5px;fill:var(--text100)}.select-dropDownList[data-v-0312e87f]{margin:20px 0;height:40px;background:transparent;border-radius:5px;transition:.15s linear .05s;cursor:pointer;position:relative}.select-dropDownList .arrow__down[data-v-0312e87f]{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-0312e87f]{transform:translateY(-50%) rotate(180deg)}.select-dropDownList[data-v-0312e87f]:hover{background:var(--accent80);border-radius:5px}.select-dropDownList:hover .arrow__down[data-v-0312e87f]{fill:var(--text100)}.select-dropDownList__selected[data-v-0312e87f]{transition:.15s linear .05s;padding:0 10px;line-height:40px;color:var(--text80);font-size:1rem}.select-dropDownList:hover .select-dropDownList__selected[data-v-0312e87f]{color:var(--text100)}.select-dropDownList__list[data-v-0312e87f]{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-0312e87f]{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-0312e87f]{border-left:2px solid var(--accent80);background:var(--primary100)}.select-dropDownList__item[data-v-0312e87f]:hover{background:var(--back80)}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "ca84":
@@ -6064,21 +6073,7 @@ module.exports = function (it, TAG, STATIC) {
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
 exports = ___CSS_LOADER_API_IMPORT___(false);
 // Module
-exports.push([module.i, ".pulse[data-v-3584bafb]{background-color:var(--primary100);border-radius:50%;-webkit-animation:pulse-3584bafb .7s ease-out;animation:pulse-3584bafb .7s ease-out;transform:scale(0);position:absolute}@-webkit-keyframes pulse-3584bafb{to{transform:scale(2);background-color:#fff;opacity:0}}@keyframes pulse-3584bafb{to{transform:scale(2);background-color:#fff;opacity:0}}.button[data-v-3584bafb]{background-color:#de350b}", ""]);
-// Exports
-module.exports = exports;
-
-
-/***/ }),
-
-/***/ "d52a":
-/***/ (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-3b413731]{position:relative;transform:translateX(30%);top:-20%;z-index:2}input[data-v-3b413731]::-moz-placeholder{color:var(--text100);opacity:.3}input[data-v-3b413731]:-ms-input-placeholder{color:var(--text100);opacity:.3}input[data-v-3b413731]::placeholder{color:var(--text100);opacity:.3}.input[data-v-3b413731]{width:100%;height:40px;position:relative}.input .input__active[data-v-3b413731]{padding-right:70px}.input .input__input[data-v-3b413731]{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;color:var(--text80)}.input .input__input[data-v-3b413731]:focus{border:1px solid var(--primary100);color:var(--text100)}.input .input__input_invalid[data-v-3b413731]{border:1px solid red!important}.input__apply[data-v-3b413731],.input__cancel[data-v-3b413731]{width:40px;height:40px;border-radius:5px;cursor:pointer;position:absolute;top:7.5px}.input__apply[data-v-3b413731]{background:var(--primary100);right:50px}.input__cancel[data-v-3b413731]{background:var(--back80);right:5px}.input__cancel svg[data-v-3b413731]{width:10px;height:10px;fill:#ccc}.error[data-v-3b413731]{margin:15px 0;display:flex;align-items:center;color:var(--error80)}.errorIcon[data-v-3b413731]{margin-right:.5rem;width:1rem;height:1rem}[data-v-3b413731]:root{--primary100:#7f82d5;--accent100:#444476;--accent80:#9f9fe0;--text100:#e4e4e4;--text90:#cacaca;--text80:#979797;--text60:#474747;--back100:#12131c;--back90:#0b0f15;--back80:#4d4d4d;--back70:#4f4f4f;--back60:#464444;--primaryText100:#e4e4e4;--substrateSingIn:rgba(0; 1; 24; 0.9);--codeString:#e08956;--codeNumber:#318ab3;--codeBoolean:#109a53;--codeNull:#5e53b6;--codeKey:#5ead92;--hoverTable:rgba(61,155,232,0.1);--activeGradient:linear-gradient(232.59deg,rgba(163,48,255,0.0001) 10.19%,#bc3dcb 45.51%,#e3507a),linear-gradient(80.61deg,#8065c4 -24.17%,#444476 110.16%);--logoBack100:#43439c;--logoBack90:#4d4d6d;--logoBack80:#5e5ea8;--logoBack70:#3a3a56;--logoCircle:#212427;--logoPrimary:#e4e4e4;--logoSecondary:#3a3a56}.arrow__down[data-v-3b413731]{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-3b413731]{width:9px;height:5px;fill:var(--text100)}.select-dropDownList[data-v-3b413731]{margin:20px 0;height:40px;background:transparent;border-radius:5px;transition:.15s linear .05s;cursor:pointer;position:relative}.select-dropDownList .arrow__down[data-v-3b413731]{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-3b413731]{transform:translateY(-50%) rotate(180deg)}.select-dropDownList[data-v-3b413731]:hover{background:var(--accent80);border-radius:5px}.select-dropDownList:hover .arrow__down[data-v-3b413731]{fill:var(--text100)}.select-dropDownList__selected[data-v-3b413731]{transition:.15s linear .05s;padding:0 10px;line-height:40px;color:var(--text80);font-size:1rem}.select-dropDownList:hover .select-dropDownList__selected[data-v-3b413731]{color:var(--text100)}.select-dropDownList__list[data-v-3b413731]{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-3b413731]{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-3b413731]{border-left:2px solid var(--accent80);background:var(--primary100)}.select-dropDownList__item[data-v-3b413731]:hover{background:var(--back80)}", ""]);
+exports.push([module.i, ".pulse[data-v-3584bafb]{background-color:var(--primary100);border-radius:50%;-webkit-animation:pulse-3584bafb .7s ease-out;animation:pulse-3584bafb .7s ease-out;transform:scale(0);position:absolute}@-webkit-keyframes pulse-3584bafb{to{transform:scale(2);background-color:#fff;opacity:0}}@keyframes pulse-3584bafb{to{transform:scale(2);background-color:#fff;opacity:0}}.button[data-v-3584bafb]{background-color:var(--error80)}", ""]);
 // Exports
 module.exports = exports;
 
@@ -6673,6 +6668,22 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ "ead7":
+/***/ (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__("c92d");
+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("371a522e", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "f0d7":
@@ -6786,17 +6797,6 @@ var meta = module.exports = {
 hiddenKeys[METADATA] = true;
 
 
-/***/ }),
-
-/***/ "f2fa":
-/***/ (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_3b413731_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("94c3");
-/* 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_3b413731_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_3b413731_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "f5df":
@@ -11677,34 +11677,34 @@ 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=3b413731&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=0312e87f&scoped=true
 
 
-var Comboboxvue_type_template_id_3b413731_scoped_true_withScopeId = function _withScopeId(n) {
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-3b413731"), n = n(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])(), n;
+var Comboboxvue_type_template_id_0312e87f_scoped_true_withScopeId = function _withScopeId(n) {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-0312e87f"), n = n(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])(), n;
 };
 
-var Comboboxvue_type_template_id_3b413731_scoped_true_hoisted_1 = {
+var Comboboxvue_type_template_id_0312e87f_scoped_true_hoisted_1 = {
   class: "input"
 };
-var Comboboxvue_type_template_id_3b413731_scoped_true_hoisted_2 = ["maxlength", "minlength", "placeholder"];
-var Comboboxvue_type_template_id_3b413731_scoped_true_hoisted_3 = {
+var Comboboxvue_type_template_id_0312e87f_scoped_true_hoisted_2 = ["maxlength", "minlength", "placeholder"];
+var Comboboxvue_type_template_id_0312e87f_scoped_true_hoisted_3 = {
   key: 0,
   class: "buttons"
 };
-var Comboboxvue_type_template_id_3b413731_scoped_true_hoisted_4 = {
+var Comboboxvue_type_template_id_0312e87f_scoped_true_hoisted_4 = {
   key: 0,
   class: "select-dropDownList__list"
 };
-var Comboboxvue_type_template_id_3b413731_scoped_true_hoisted_5 = ["onClick"];
-function Comboboxvue_type_template_id_3b413731_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+var Comboboxvue_type_template_id_0312e87f_scoped_true_hoisted_5 = ["onClick"];
+function Comboboxvue_type_template_id_0312e87f_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");
 
-  return 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"], null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", Comboboxvue_type_template_id_3b413731_scoped_true_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("input", {
+  return 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"], null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", Comboboxvue_type_template_id_0312e87f_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;
     }),
@@ -11720,9 +11720,9 @@ function Comboboxvue_type_template_id_3b413731_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_3b413731_scoped_true_hoisted_2), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vModelText"], _ctx.value, void 0, {
+  }, null, 42, Comboboxvue_type_template_id_0312e87f_scoped_true_hoisted_2), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vModelText"], _ctx.value, void 0, {
     trim: true
-  }]]), !$options.isEqual && !_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_3b413731_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_0312e87f_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 () {
@@ -11737,11 +11737,11 @@ function Comboboxvue_type_template_id_3b413731_scoped_true_render(_ctx, _cache,
   }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_CancelIcon)])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("button", {
     class: "arrow__down",
     onClick: _cache[5] || (_cache[5] = function ($event) {
-      return _ctx.isSelectItemVisible = !_ctx.isSelectItemVisible;
+      return $options.toggleItemVisible(!_ctx.isSelectItemVisible);
     })
   }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ArrowDown, {
     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_3b413731_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_0312e87f_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", {
@@ -11750,10 +11750,10 @@ function Comboboxvue_type_template_id_3b413731_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_3b413731_scoped_true_hoisted_5);
+    }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item), 11, Comboboxvue_type_template_id_0312e87f_scoped_true_hoisted_5);
   }), 128))])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 64);
 }
-// CONCATENATED MODULE: ./src/components/Combobox/Combobox.vue?vue&type=template&id=3b413731&scoped=true
+// CONCATENATED MODULE: ./src/components/Combobox/Combobox.vue?vue&type=template&id=0312e87f&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.trim.js
 var es_string_trim = __webpack_require__("498a");
@@ -11898,7 +11898,7 @@ apply_script.render = applyvue_type_template_id_185858e0_render
       if (!this.isSelectItemVisible) return;
       var target = _event.target,
           keyCode = _event.keyCode;
-      var isClickOutside = !target.closest("select-dropDownList") && !keyCode;
+      var isClickOutside = !target.matches(".arrow__down") && !target.matches(".arrow__down__icon") && !keyCode;
       if (isClickOutside) this.toggleItemVisible(false);
     },
     syncValueToDefault: function syncValueToDefault() {
@@ -11942,8 +11942,8 @@ apply_script.render = applyvue_type_template_id_185858e0_render
 });
 // 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=3b413731&lang=scss&scoped=true
-var Comboboxvue_type_style_index_0_id_3b413731_lang_scss_scoped_true = __webpack_require__("f2fa");
+// EXTERNAL MODULE: ./src/components/Combobox/Combobox.vue?vue&type=style&index=0&id=0312e87f&lang=scss&scoped=true
+var Comboboxvue_type_style_index_0_id_0312e87f_lang_scss_scoped_true = __webpack_require__("6845");
 
 // CONCATENATED MODULE: ./src/components/Combobox/Combobox.vue
 
@@ -11953,7 +11953,7 @@ var Comboboxvue_type_style_index_0_id_3b413731_lang_scss_scoped_true = __webpack
 
 
 
-const Combobox_exports_ = /*#__PURE__*/exportHelper_default()(Comboboxvue_type_script_lang_js, [['render',Comboboxvue_type_template_id_3b413731_scoped_true_render],['__scopeId',"data-v-3b413731"]])
+const Combobox_exports_ = /*#__PURE__*/exportHelper_default()(Comboboxvue_type_script_lang_js, [['render',Comboboxvue_type_template_id_0312e87f_scoped_true_render],['__scopeId',"data-v-0312e87f"]])
 
 /* harmony default export */ var Combobox = (Combobox_exports_);
 // CONCATENATED MODULE: ./src/components/Combobox/index.js