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

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

@@ -1399,6 +1399,17 @@ if(content.locals) module.exports = content.locals;
 var add = __webpack_require__("499e").default
 var update = add("632f1e84", content, true, {"sourceMap":false,"shadowMode":false});
 
+/***/ }),
+
+/***/ "3129":
+/***/ (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_HorizontalProgressBar_vue_vue_type_style_index_0_id_39597f20_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("76df");
+/* 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_HorizontalProgressBar_vue_vue_type_style_index_0_id_39597f20_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_HorizontalProgressBar_vue_vue_type_style_index_0_id_39597f20_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "3185":
@@ -1785,6 +1796,26 @@ module.exports = !!Object.getOwnPropertySymbols && !fails(function () {
 });
 
 
+/***/ }),
+
+/***/ "498a":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__("23e7");
+var $trim = __webpack_require__("58a8").trim;
+var forcedStringTrimMethod = __webpack_require__("c8d2");
+
+// `String.prototype.trim` method
+// https://tc39.es/ecma262/#sec-string.prototype.trim
+$({ target: 'String', proto: true, forced: forcedStringTrimMethod('trim') }, {
+  trim: function trim() {
+    return $trim(this);
+  }
+});
+
+
 /***/ }),
 
 /***/ "499e":
@@ -3360,6 +3391,20 @@ var update = add("6f34ac59", content, true, {"sourceMap":false,"shadowMode":fals
 exports.f = Object.getOwnPropertySymbols;
 
 
+/***/ }),
+
+/***/ "7451":
+/***/ (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, ".bar[data-v-39597f20]{display:flex;height:20px;border-radius:5px}.bar__active[data-v-39597f20]{border-top-left-radius:5px;border-bottom-left-radius:5px}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "746f":
@@ -3406,6 +3451,22 @@ exports.push([module.i, ".changeWidth[data-v-02b2086b],.popup-modal__close[data-
 module.exports = exports;
 
 
+/***/ }),
+
+/***/ "76df":
+/***/ (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__("7451");
+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("c0002ece", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "7839":
@@ -4049,6 +4110,22 @@ 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":
@@ -5669,6 +5746,28 @@ try {
 module.exports = g;
 
 
+/***/ }),
+
+/***/ "c8d2":
+/***/ (function(module, exports, __webpack_require__) {
+
+var PROPER_FUNCTION_NAME = __webpack_require__("5e77").PROPER;
+var fails = __webpack_require__("d039");
+var whitespaces = __webpack_require__("5899");
+
+var non = '\u200B\u0085\u180E';
+
+// check that a method works with the correct list
+// of whitespaces and has a correct name
+module.exports = function (METHOD_NAME) {
+  return fails(function () {
+    return !!whitespaces[METHOD_NAME]()
+      || non[METHOD_NAME]() !== non
+      || (PROPER_FUNCTION_NAME && whitespaces[METHOD_NAME].name !== METHOD_NAME);
+  });
+};
+
+
 /***/ }),
 
 /***/ "ca84":
@@ -5970,6 +6069,20 @@ exports.push([module.i, ".pulse[data-v-3584bafb]{background-color:var(--primary1
 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
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "d784":
@@ -6673,6 +6786,17 @@ 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":
@@ -6757,6 +6881,8 @@ __webpack_require__.d(components_namespaceObject, "AdaptiveCanvas", function() {
 __webpack_require__.d(components_namespaceObject, "AdaptiveRenderableCanvas", function() { return components_AdaptiveRenderableCanvas; });
 __webpack_require__.d(components_namespaceObject, "BlockSwitcher", function() { return components_BlockSwitcher; });
 __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; });
 
 // CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
 // This file is imported into lib/wc client bundles.
@@ -11491,6 +11617,348 @@ const DenyBlockSwitcher_exports_ = /*#__PURE__*/exportHelper_default()(DenyBlock
 // CONCATENATED MODULE: ./src/components/DenyBlockSwithcer/index.js
 
 /* harmony default export */ var DenyBlockSwithcer = (DenyBlockSwitcher);
+// 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/HorizontalProgressBar/HorizontalProgressBar.vue?vue&type=script&setup=true&lang=js
+
+
+
+var HorizontalProgressBarvue_type_script_setup_true_lang_js_default_ = {
+  name: "HorizontalProgressBar"
+};
+
+function HorizontalProgressBarvue_type_script_setup_true_lang_js_setup(__props) {
+  var props = __props;
+  return function (_ctx, _cache) {
+    return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
+      class: "bar",
+      style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])({
+        backgroundColor: props.colors.active
+      })
+    }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+      class: "bar__active",
+      style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])({
+        width: props.activePercentage + '%',
+        borderRadius: props.activePercentage == 100 ? '5px' : '',
+        backgroundColor: props.colors.inactive
+      })
+    }, null, 4)], 4);
+  };
+}
+
+/* harmony default export */ var HorizontalProgressBarvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(HorizontalProgressBarvue_type_script_setup_true_lang_js_default_, {
+  props: {
+    activePercentage: {
+      type: Number,
+      required: false
+    },
+    colors: {
+      default: {
+        active: "var(--success90)",
+        inactive: "var(--error80)"
+      }
+    }
+  },
+  setup: HorizontalProgressBarvue_type_script_setup_true_lang_js_setup
+}));
+// CONCATENATED MODULE: ./src/components/HorizontalProgressBar/HorizontalProgressBar.vue?vue&type=script&setup=true&lang=js
+ 
+// EXTERNAL MODULE: ./src/components/HorizontalProgressBar/HorizontalProgressBar.vue?vue&type=style&index=0&id=39597f20&lang=scss&scoped=true
+var HorizontalProgressBarvue_type_style_index_0_id_39597f20_lang_scss_scoped_true = __webpack_require__("3129");
+
+// CONCATENATED MODULE: ./src/components/HorizontalProgressBar/HorizontalProgressBar.vue
+
+
+
+
+
+
+const HorizontalProgressBar_exports_ = /*#__PURE__*/exportHelper_default()(HorizontalProgressBarvue_type_script_setup_true_lang_js, [['__scopeId',"data-v-39597f20"]])
+
+/* harmony default export */ var HorizontalProgressBar = (HorizontalProgressBar_exports_);
+// 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
+
+
+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_3b413731_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 = {
+  key: 0,
+  class: "buttons"
+};
+var Comboboxvue_type_template_id_3b413731_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 _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", {
+    "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) {
+      return _ctx.value = $event;
+    }),
+    class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["input__input", {
+      input__input_invalid: !$options.validateValue.isValid
+    }]),
+    type: "text",
+    maxlength: $props.maxlength,
+    minlength: $props.minlength,
+    placeholder: _ctx.isFocused ? '' : $props.placeholder,
+    onKeyup: [_cache[1] || (_cache[1] = function () {
+      return $options.escReset && $options.escReset.apply($options, arguments);
+    }), _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, {
+    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", {
+    key: 0,
+    class: "input__apply",
+    onClick: _cache[3] || (_cache[3] = function () {
+      return $options.apply && $options.apply.apply($options, arguments);
+    })
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ApplyIcon)])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), !$options.isEqual ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("button", {
+    key: 1,
+    class: "input__cancel",
+    onClick: _cache[4] || (_cache[4] = function () {
+      return $options.cancel && $options.cancel.apply($options, arguments);
+    })
+  }, [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;
+    })
+  }, [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) {
+    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", {
+        'select-dropDownList__item_active': item == _ctx.value
+      }]),
+      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);
+  }), 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
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.trim.js
+var es_string_trim = __webpack_require__("498a");
+
+// 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/vue-loader-v16/dist!./node_modules/vue-svg-loader!./src/assets/icons/apply.svg?vue&type=template&id=185858e0
+
+var applyvue_type_template_id_185858e0_hoisted_1 = {
+  width: "11",
+  height: "9",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var applyvue_type_template_id_185858e0_hoisted_2 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("path", {
+  d: "M4.212 8.827A.546.546 0 013.815 9a.546.546 0 01-.397-.173L.247 5.485a.921.921 0 010-1.256l.397-.418a.812.812 0 011.191 0l1.98 2.086L9.165.26a.812.812 0 011.191 0l.397.419c.33.346.33.909 0 1.255l-6.54 6.893z",
+  fill: "#F9F9F9"
+}, null, -1);
+
+var applyvue_type_template_id_185858e0_hoisted_3 = [applyvue_type_template_id_185858e0_hoisted_2];
+function applyvue_type_template_id_185858e0_render(_ctx, _cache) {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("svg", applyvue_type_template_id_185858e0_hoisted_1, applyvue_type_template_id_185858e0_hoisted_3);
+}
+// CONCATENATED MODULE: ./src/assets/icons/apply.svg?vue&type=template&id=185858e0
+
+// CONCATENATED MODULE: ./src/assets/icons/apply.svg
+
+const apply_script = {}
+apply_script.render = applyvue_type_template_id_185858e0_render
+
+/* harmony default export */ var icons_apply = (apply_script);
+// 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/Combobox/Combobox.vue?vue&type=script&lang=js
+
+
+
+
+// Icons
+
+
+
+/* harmony default export */ var Comboboxvue_type_script_lang_js = ({
+  name: "Combobox",
+  components: {
+    ApplyIcon: icons_apply,
+    CancelIcon: cancel,
+    ArrowDown: arrow_down
+  },
+  props: {
+    maxlength: {
+      type: Number,
+      default: 100
+    },
+    minlength: {
+      type: Number,
+      default: 0
+    },
+    placeholder: {
+      type: String,
+      default: "Enter value"
+    },
+    dropDownList: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    selectItem: {
+      type: String,
+      default: ""
+    },
+    handler: {
+      type: Function,
+      required: true
+    },
+    applyOnEnter: {
+      type: Boolean,
+      default: false
+    },
+    restoreOnEsc: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["event:cancel", "event:apply"],
+  data: function data() {
+    return {
+      value: null,
+      oldValue: null,
+      isFocused: false,
+      isSelectItemVisible: false
+    };
+  },
+  computed: {
+    isEqual: function isEqual() {
+      return this.oldValue === this.value;
+    },
+    validateValue: function validateValue() {
+      if (this.value == null) return Object.defineProperty({}, "isValid", {
+        value: true,
+        enumerable: false
+      });
+      var res = {
+        minLength: {
+          isValid: this.value.length > this.minlength && this.value.length > 0,
+          errorText: "Text must be more than ".concat(this.minlength, " symbols")
+        },
+        maxLength: {
+          isValid: this.value.length < this.maxlength,
+          errorText: "Text must be less than ".concat(this.maxlength, " symbols")
+        },
+
+        get isValid() {
+          for (var _prop in this) {
+            if (this[_prop].isValid === false) return false;
+          }
+
+          return true;
+        }
+
+      };
+      Object.defineProperty(res, "isValid", {
+        enumerable: false
+      });
+      return res;
+    }
+  },
+  watch: {
+    selectItem: function selectItem() {
+      var _this$selectItem;
+
+      this.oldValue = this.value = typeof this.selectItem === "number" || typeof this.selectItem === "string" ? (_this$selectItem = this.selectItem) === null || _this$selectItem === void 0 ? void 0 : _this$selectItem.toString().trim() : null;
+      this.syncValueToDefault();
+    },
+    value: function value() {
+      this.syncValueToDefault();
+    }
+  },
+  mounted: function mounted() {
+    document.addEventListener("click", this.processUserInput, true);
+  },
+  methods: {
+    processUserInput: function processUserInput(_event) {
+      if (!this.isSelectItemVisible) return;
+      var target = _event.target,
+          keyCode = _event.keyCode;
+      var isClickOutside = !target.closest("select-dropDownList") && !keyCode;
+      if (isClickOutside) this.toggleItemVisible(false);
+    },
+    syncValueToDefault: function syncValueToDefault() {
+      if (this.value == null && this.selectItem !== "") {
+        var _this$selectItem2;
+
+        this.value = (_this$selectItem2 = this.selectItem) === null || _this$selectItem2 === void 0 ? void 0 : _this$selectItem2.toString().trim();
+        this.oldValue = this.value;
+      }
+    },
+    apply: function apply(_ref) {
+      var code = _ref.code,
+          target = _ref.target,
+          type = _ref.type;
+
+      if ((code === "Enter" && this.applyOnEnter || type === "click") && !this.isEqual) {
+        this.handler(this.value);
+        target.blur();
+      }
+    },
+    escReset: function escReset(_ref2) {
+      var code = _ref2.code,
+          target = _ref2.target;
+
+      if (code === "Escape" && this.restoreOnEsc) {
+        this.cancel();
+        target.blur();
+      }
+    },
+    cancel: function cancel() {
+      this.value = this.oldValue;
+    },
+    toggleItemVisible: function toggleItemVisible(_toggleValue) {
+      this.isSelectItemVisible = _toggleValue;
+    },
+    chooseValue: function chooseValue(_item) {
+      this.value = _item;
+      this.toggleItemVisible(false);
+    }
+  }
+});
+// 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");
+
+// CONCATENATED MODULE: ./src/components/Combobox/Combobox.vue
+
+
+
+
+
+
+
+const Combobox_exports_ = /*#__PURE__*/exportHelper_default()(Comboboxvue_type_script_lang_js, [['render',Comboboxvue_type_template_id_3b413731_scoped_true_render],['__scopeId',"data-v-3b413731"]])
+
+/* harmony default export */ var Combobox = (Combobox_exports_);
+// CONCATENATED MODULE: ./src/components/Combobox/index.js
+
+/* harmony default export */ var components_Combobox = (Combobox);
 // CONCATENATED MODULE: ./src/components/index.js
 
 
@@ -11512,6 +11980,8 @@ const DenyBlockSwitcher_exports_ = /*#__PURE__*/exportHelper_default()(DenyBlock
 
 
 
+
+