mcdis-vue-ui-library 1.0.118-alpha2 → 1.0.130-alpha2

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

@@ -247,6 +247,22 @@ module.exports = function (obj) {
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "0886":
+/***/ (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__("74b9");
+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("1bbe7458", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "0902":
@@ -779,17 +795,6 @@ module.exports = Object.hasOwn || function hasOwn(it, key) {
 /* unused harmony reexport * */
 
 
-/***/ }),
-
-/***/ "1a94":
-/***/ (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_ContextMenu_vue_vue_type_style_index_0_id_54620d2d_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("253c");
-/* 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_ContextMenu_vue_vue_type_style_index_0_id_54620d2d_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_ContextMenu_vue_vue_type_style_index_0_id_54620d2d_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "1be4":
@@ -1202,22 +1207,6 @@ $({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') },
 });
 
 
-/***/ }),
-
-/***/ "253c":
-/***/ (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__("f2ed");
-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("419c6193", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "25c8":
@@ -1325,20 +1314,6 @@ module.exports = function (iterator, kind, value) {
 };
 
 
-/***/ }),
-
-/***/ "2b36":
-/***/ (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, ".changeWidth[data-v-17c7645c],.popup-modal__close[data-v-17c7645c]{background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:space-around;cursor:pointer;position:absolute;top:20px}.changeWidth[data-v-17c7645c]{right:60px}.changeWidth .screenicon[data-v-17c7645c]{width:16px;height:16px}.popup-modal[data-v-17c7645c]{width:100%;height:100%;background:rgba(0,0,0,.7);overflow-y:auto;z-index:999;position:fixed;top:0;left:0}.popup-modal_centred[data-v-17c7645c]{display:flex;align-items:center}.popup-modal-enter-from[data-v-17c7645c],.popup-modal-leave-to[data-v-17c7645c]{opacity:0}.popup-modal-enter-to[data-v-17c7645c],.popup-modal-leave-from[data-v-17c7645c]{opacity:1}.popup-modal-enter-active[data-v-17c7645c],.popup-modal-leave-active[data-v-17c7645c]{transition:.15s linear}.popup-modal__container[data-v-17c7645c]{background:var(--back100);box-shadow:0 0 10px 1px rgba(0,0,0,.1);border:1px solid var(--back70);border-radius:5px;overflow:auto;margin:20px auto;padding:10px;height:auto;position:relative}.popup-modal__container_header_hide[data-v-17c7645c]{padding:0}.popup-modal__container-enter-from[data-v-17c7645c],.popup-modal__container-leave-to[data-v-17c7645c]{transform:translateY(60px)}.popup-modal__container-enter-to[data-v-17c7645c],.popup-modal__container-leave-from[data-v-17c7645c]{transform:translateY(0)}.popup-modal__container-enter-active[data-v-17c7645c],.popup-modal__container-leave-active[data-v-17c7645c]{transition:.15s linear}.popup-modal__header[data-v-17c7645c]{width:100%;height:70px;overflow:hidden;position:relative}.popup-modal__title[data-v-17c7645c]{max-width:100%;height:100%;display:flex;align-items:center;overflow:hidden;padding:0 10px;margin-right:100px}.popup-modal__title p[data-v-17c7645c]{color:var(--text100)}.popup-modal__close[data-v-17c7645c]{right:10px}.popup-modal__close:hover .circle[data-v-17c7645c]{background-color:var(--back100)}.popup-modal__close:hover svg[data-v-17c7645c]{transform:rotate(90deg)}.popup-modal__close svg[data-v-17c7645c]{width:12px;height:12px}.popup-modal__close p[data-v-17c7645c]{margin-top:.5rem;color:var(--text100);font-size:12px}.popup-modal__content[data-v-17c7645c]{width:100%;height:auto;margin-top:10px}.popup-modal__content_header_hide[data-v-17c7645c]{margin:0;height:100%}.popup-modal__panel-left[data-v-17c7645c],.popup-modal__panel-right[data-v-17c7645c]{width:60px;height:calc(100% - 40px);opacity:.5;display:flex;flex-direction:column;align-items:center;overflow:hidden;position:fixed;top:20px}.circle[data-v-17c7645c]{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50%;border:1px solid var(--text80)}.line[data-v-17c7645c]{border-style:solid;border-color:var(--back60);border-width:.5px 0 0 0;margin:15px 0}.changeWidth[data-v-17c7645c],.popup-modal__close[data-v-17c7645c]{border:none}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "2d00":
@@ -1367,6 +1342,33 @@ if (v8) {
 module.exports = version && +version;
 
 
+/***/ }),
+
+/***/ "2e39":
+/***/ (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_PopupModal_vue_vue_type_style_index_0_id_02b2086b_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("2ee4");
+/* 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_PopupModal_vue_vue_type_style_index_0_id_02b2086b_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_PopupModal_vue_vue_type_style_index_0_id_02b2086b_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "2ee4":
+/***/ (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__("760d");
+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("8d2f1fa6", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "30ed":
@@ -3269,17 +3271,6 @@ var update = add("6f34ac59", content, true, {"sourceMap":false,"shadowMode":fals
 exports.f = Object.getOwnPropertySymbols;
 
 
-/***/ }),
-
-/***/ "7440":
-/***/ (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_PopupModal_vue_vue_type_style_index_0_id_17c7645c_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("f1ec");
-/* 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_PopupModal_vue_vue_type_style_index_0_id_17c7645c_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_PopupModal_vue_vue_type_style_index_0_id_17c7645c_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "746f":
@@ -3298,6 +3289,20 @@ module.exports = function (NAME) {
 };
 
 
+/***/ }),
+
+/***/ "74b9":
+/***/ (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, ".context-menu[data-v-91844a94]{position:relative}.context-menu[data-v-91844a94],.context-menu__button[data-v-91844a94]{display:flex;align-items:center;justify-content:center}.context-menu__button[data-v-91844a94]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;border-radius:5px;width:25px;height:25px}.context-menu__button[data-v-91844a94]:hover{background-color:var(--back70);box-shadow:0 4px 8px -2px rgba(9,30,66,.25),0 0 1px rgba(9,30,66,.31)}.context-menu__items[data-v-91844a94]{z-index:999;position:absolute;background:var(--back100);min-width:70px;border-radius:5px;padding:10px;border:1px solid var(--back60);box-shadow:1px 1px 2px var(--back60)}.context-menu__icon[data-v-91844a94]{height:16px;width:auto;fill:var(--text100)}.right[data-v-91844a94]{right:0}.bottom[data-v-91844a94]{top:30px}.top[data-v-91844a94]{bottom:30px}.wrapper[data-v-91844a94]{cursor:pointer;display:flex;align-items:center;justify-content:center}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "75e1":
@@ -3312,6 +3317,20 @@ exports.push([module.i, "*[data-v-4c6d79f7]{margin:0;padding:0;box-sizing:border
 module.exports = exports;
 
 
+/***/ }),
+
+/***/ "760d":
+/***/ (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, ".changeWidth[data-v-02b2086b],.popup-modal__close[data-v-02b2086b]{background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:space-around;cursor:pointer;position:absolute;top:20px}.changeWidth[data-v-02b2086b]{right:60px}.changeWidth .screenicon[data-v-02b2086b]{width:16px;height:16px}.popup-modal[data-v-02b2086b]{width:100%;height:100%;background:rgba(0,0,0,.7);overflow-y:auto;z-index:999;position:fixed;top:0;left:0}.popup-modal_centred[data-v-02b2086b]{display:flex;align-items:center}.popup-modal-enter-from[data-v-02b2086b],.popup-modal-leave-to[data-v-02b2086b]{opacity:0}.popup-modal-enter-to[data-v-02b2086b],.popup-modal-leave-from[data-v-02b2086b]{opacity:1}.popup-modal-enter-active[data-v-02b2086b],.popup-modal-leave-active[data-v-02b2086b]{transition:.15s linear}.popup-modal__container[data-v-02b2086b]{background:var(--back100);box-shadow:0 0 10px 1px rgba(0,0,0,.1);border:1px solid var(--back70);border-radius:5px;overflow:auto;margin:20px auto;padding:10px;height:auto;position:relative}.popup-modal__container_header_hide[data-v-02b2086b]{padding:0}.popup-modal__container-enter-from[data-v-02b2086b],.popup-modal__container-leave-to[data-v-02b2086b]{transform:translateY(60px)}.popup-modal__container-enter-to[data-v-02b2086b],.popup-modal__container-leave-from[data-v-02b2086b]{transform:translateY(0)}.popup-modal__container-enter-active[data-v-02b2086b],.popup-modal__container-leave-active[data-v-02b2086b]{transition:.15s linear}.popup-modal__header[data-v-02b2086b]{width:100%;height:70px;overflow:hidden;position:relative}.popup-modal__title[data-v-02b2086b]{max-width:100%;height:100%;display:flex;align-items:center;overflow:hidden;padding:0 10px;margin-right:100px}.popup-modal__title p[data-v-02b2086b]{color:var(--text100)}.popup-modal__close[data-v-02b2086b]{right:10px}.popup-modal__close:hover .circle[data-v-02b2086b]{background-color:var(--back100)}.popup-modal__close:hover svg[data-v-02b2086b]{transform:rotate(90deg)}.popup-modal__close svg[data-v-02b2086b]{width:12px;height:12px}.popup-modal__close p[data-v-02b2086b]{margin-top:.5rem;color:var(--text100);font-size:12px}.popup-modal__content[data-v-02b2086b]{width:100%;height:auto;margin-top:10px}.popup-modal__content_header_hide[data-v-02b2086b]{margin:0;height:100%}.popup-modal__panel-left[data-v-02b2086b],.popup-modal__panel-right[data-v-02b2086b]{width:60px;height:calc(100% - 40px);opacity:.5;display:flex;flex-direction:column;align-items:center;overflow:hidden;position:fixed;top:20px}.circle[data-v-02b2086b]{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50%;border:1px solid var(--text80)}.line[data-v-02b2086b]{border-style:solid;border-color:var(--back60);border-width:.5px 0 0 0;margin:15px 0}.changeWidth[data-v-02b2086b],.popup-modal__close[data-v-02b2086b]{border:none}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "7839":
@@ -4376,6 +4395,17 @@ $({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT }, {
 });
 
 
+/***/ }),
+
+/***/ "a486":
+/***/ (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_ContextMenu_vue_vue_type_style_index_0_id_91844a94_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("0886");
+/* 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_ContextMenu_vue_vue_type_style_index_0_id_91844a94_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_ContextMenu_vue_vue_type_style_index_0_id_91844a94_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "a4d3":
@@ -6479,36 +6509,6 @@ var meta = module.exports = {
 hiddenKeys[METADATA] = true;
 
 
-/***/ }),
-
-/***/ "f1ec":
-/***/ (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__("2b36");
-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("9941c466", content, true, {"sourceMap":false,"shadowMode":false});
-
-/***/ }),
-
-/***/ "f2ed":
-/***/ (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, ".context-menu[data-v-54620d2d]{position:relative;width:20px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.context-menu__button[data-v-54620d2d]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.context-menu__items[data-v-54620d2d]{z-index:999;position:absolute;background:var(--back100);min-width:70px;border-radius:5px;padding:10px;border:1px solid var(--back60);box-shadow:1px 1px 2px var(--back60)}.context-menu__icon[data-v-54620d2d]{height:16px;width:auto;fill:var(--text100)}.right[data-v-54620d2d]{right:0}.bottom[data-v-54620d2d]{top:30px}.top[data-v-54620d2d]{bottom:30px}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "f5df":
@@ -7516,37 +7516,34 @@ const AdaptiveMenu_exports_ = /*#__PURE__*/exportHelper_default()(AdaptiveMenuvu
 // CONCATENATED MODULE: ./src/components/ApdativeMenu/index.js
 
 /* harmony default export */ var ApdativeMenu = (AdaptiveMenu);
-// 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/PopupModal/PopupModal.vue?vue&type=template&id=17c7645c&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/PopupModal/PopupModal.vue?vue&type=template&id=02b2086b&scoped=true
 
 
-var PopupModalvue_type_template_id_17c7645c_scoped_true_withScopeId = function _withScopeId(n) {
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-17c7645c"), n = n(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])(), n;
+var PopupModalvue_type_template_id_02b2086b_scoped_true_withScopeId = function _withScopeId(n) {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-02b2086b"), n = n(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])(), n;
 };
 
-var PopupModalvue_type_template_id_17c7645c_scoped_true_hoisted_1 = {
+var PopupModalvue_type_template_id_02b2086b_scoped_true_hoisted_1 = {
   key: 0,
   class: "popup-modal__header"
 };
-var PopupModalvue_type_template_id_17c7645c_scoped_true_hoisted_2 = {
+var PopupModalvue_type_template_id_02b2086b_scoped_true_hoisted_2 = {
   class: "popup-modal__title"
 };
-
-var PopupModalvue_type_template_id_17c7645c_scoped_true_hoisted_3 = /*#__PURE__*/PopupModalvue_type_template_id_17c7645c_scoped_true_withScopeId(function () {
-  return /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("hr", {
-    class: "line"
-  }, null, -1);
-});
-
-var PopupModalvue_type_template_id_17c7645c_scoped_true_hoisted_4 = {
+var PopupModalvue_type_template_id_02b2086b_scoped_true_hoisted_3 = {
+  key: 1,
+  class: "line"
+};
+var PopupModalvue_type_template_id_02b2086b_scoped_true_hoisted_4 = {
   class: "circle"
 };
-var PopupModalvue_type_template_id_17c7645c_scoped_true_hoisted_5 = {
+var PopupModalvue_type_template_id_02b2086b_scoped_true_hoisted_5 = {
   class: "circle"
 };
-var PopupModalvue_type_template_id_17c7645c_scoped_true_hoisted_6 = {
+var PopupModalvue_type_template_id_02b2086b_scoped_true_hoisted_6 = {
   key: 0
 };
-function PopupModalvue_type_template_id_17c7645c_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+function PopupModalvue_type_template_id_02b2086b_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_DecreaseScreenIcon = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("DecreaseScreenIcon");
 
   var _component_IncreaseScreenIcon = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("IncreaseScreenIcon");
@@ -7584,13 +7581,13 @@ function PopupModalvue_type_template_id_17c7645c_scoped_true_render(_ctx, _cache
             class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])([{
               'popup-modal__container_header_hide': $props.hideHeader
             }, "popup-modal__container"])
-          }, [!$props.hideHeader ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", PopupModalvue_type_template_id_17c7645c_scoped_true_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", PopupModalvue_type_template_id_17c7645c_scoped_true_hoisted_2, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("p", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "title", {}, undefined, true)])])])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), PopupModalvue_type_template_id_17c7645c_scoped_true_hoisted_3, $props.canChangeWidth ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("button", {
-            key: 1,
+          }, [!$props.hideHeader ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", PopupModalvue_type_template_id_02b2086b_scoped_true_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", PopupModalvue_type_template_id_02b2086b_scoped_true_hoisted_2, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("p", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "title", {}, undefined, true)])])])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), $props.hideHeader === false ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("hr", PopupModalvue_type_template_id_02b2086b_scoped_true_hoisted_3)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), $props.canChangeWidth ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("button", {
+            key: 2,
             class: "changeWidth",
             onClick: _cache[0] || (_cache[0] = function () {
               return $options.changeWidth && $options.changeWidth.apply($options, arguments);
             })
-          }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", PopupModalvue_type_template_id_17c7645c_scoped_true_hoisted_4, [_ctx.isWidthIncreased ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_DecreaseScreenIcon, {
+          }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", PopupModalvue_type_template_id_02b2086b_scoped_true_hoisted_4, [_ctx.isWidthIncreased ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_DecreaseScreenIcon, {
             key: 0,
             class: "screenicon"
           })) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_IncreaseScreenIcon, {
@@ -7601,29 +7598,19 @@ function PopupModalvue_type_template_id_17c7645c_scoped_true_render(_ctx, _cache
             onClick: _cache[1] || (_cache[1] = function ($event) {
               return $options.processUserInput($event);
             })
-          }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", PopupModalvue_type_template_id_17c7645c_scoped_true_hoisted_5, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_CloseMarkIcon)]), $props.closingEsc ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("p", PopupModalvue_type_template_id_17c7645c_scoped_true_hoisted_6, "ESC")) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+          }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", PopupModalvue_type_template_id_02b2086b_scoped_true_hoisted_5, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_CloseMarkIcon)]), $props.closingEsc ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("p", PopupModalvue_type_template_id_02b2086b_scoped_true_hoisted_6, "ESC")) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
             class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])([{
               'popup-modal__content_header_hide': $props.hideHeader
             }, "popup-modal__content"])
           }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "content", {}, undefined, true)], 2)], 6)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)];
         }),
         _: 3
-      }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
-        style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])({
-          left: _ctx.isWidthIncreased ? 0 : "calc(50% - ".concat($props.minWidth, " - 70px)")
-        }),
-        class: "popup-modal__panel-left"
-      }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "panel-left", {}, undefined, true)], 4), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
-        style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])({
-          left: _ctx.isWidthIncreased ? "calc(100% - 60px)" : "calc(50% + ".concat($props.minWidth, " + 10px)")
-        }),
-        class: "popup-modal__panel-right"
-      }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "panel-right", {}, undefined, true)], 4)], 34)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)];
+      })], 34)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)];
     }),
     _: 3
   });
 }
-// CONCATENATED MODULE: ./src/components/PopupModal/PopupModal.vue?vue&type=template&id=17c7645c&scoped=true
+// CONCATENATED MODULE: ./src/components/PopupModal/PopupModal.vue?vue&type=template&id=02b2086b&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.repeat.js
 var es_string_repeat = __webpack_require__("38cf");
@@ -7905,8 +7892,8 @@ var PopupModalvue_type_script_lang_js_index = 0;
 });
 // CONCATENATED MODULE: ./src/components/PopupModal/PopupModal.vue?vue&type=script&lang=js
  
-// EXTERNAL MODULE: ./src/components/PopupModal/PopupModal.vue?vue&type=style&index=0&id=17c7645c&lang=scss&scoped=true
-var PopupModalvue_type_style_index_0_id_17c7645c_lang_scss_scoped_true = __webpack_require__("7440");
+// EXTERNAL MODULE: ./src/components/PopupModal/PopupModal.vue?vue&type=style&index=0&id=02b2086b&lang=scss&scoped=true
+var PopupModalvue_type_style_index_0_id_02b2086b_lang_scss_scoped_true = __webpack_require__("2e39");
 
 // CONCATENATED MODULE: ./src/components/PopupModal/PopupModal.vue
 
@@ -7916,7 +7903,7 @@ var PopupModalvue_type_style_index_0_id_17c7645c_lang_scss_scoped_true = __webpa
 
 
 
-const PopupModal_exports_ = /*#__PURE__*/exportHelper_default()(PopupModalvue_type_script_lang_js, [['render',PopupModalvue_type_template_id_17c7645c_scoped_true_render],['__scopeId',"data-v-17c7645c"]])
+const PopupModal_exports_ = /*#__PURE__*/exportHelper_default()(PopupModalvue_type_script_lang_js, [['render',PopupModalvue_type_template_id_02b2086b_scoped_true_render],['__scopeId',"data-v-02b2086b"]])
 
 /* harmony default export */ var PopupModal = (PopupModal_exports_);
 // CONCATENATED MODULE: ./src/components/PopupModal/index.js
@@ -8067,6 +8054,13 @@ more_script.render = morevue_type_template_id_4ab0c928_render
 
 
 
+var ContextMenuvue_type_script_setup_true_lang_js_withScopeId = function _withScopeId(n) {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-91844a94"), n = n(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])(), n;
+};
+
+var ContextMenuvue_type_script_setup_true_lang_js_hoisted_1 = ["onClick"];
+var ContextMenuvue_type_script_setup_true_lang_js_hoisted_2 = ["onClick"];
+
 
 var activeId = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(0);
 var id = 0;
@@ -8142,20 +8136,23 @@ function ContextMenuvue_type_script_setup_true_lang_js_setup(__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: "wrapper",
+      onClick: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(toggleMenu, ["stop"])
+    }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
       class: "context-menu",
       ref: function ref(_value, _refs) {
         _refs['menu'] = _value;
         menu.value = _value;
       }
     }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
-      onClick: toggleMenu,
+      onClick: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(toggleMenu, ["stop"]),
       style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])({
         transform: props.direction === 'horizontal' ? 'rotate(90deg)' : ''
       }),
       class: "context-menu__button"
     }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["unref"])(more), {
       class: "context-menu__icon"
-    })], 4), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+    })], 12, ContextMenuvue_type_script_setup_true_lang_js_hoisted_2), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
       onMousemove: closeMenuTimeout,
       class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["context-menu__items", {
         right: right.value == true,
@@ -8166,7 +8163,7 @@ function ContextMenuvue_type_script_setup_true_lang_js_setup(__props) {
         _refs['items'] = _value;
         items.value = _value;
       }
-    }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default")], 34), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vShow"], showContent.value]])], 512);
+    }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default")], 34), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vShow"], showContent.value]])], 512)], 8, ContextMenuvue_type_script_setup_true_lang_js_hoisted_1);
   };
 }
 
@@ -8181,8 +8178,8 @@ function ContextMenuvue_type_script_setup_true_lang_js_setup(__props) {
 }));
 // CONCATENATED MODULE: ./src/components/ContextMenu/ContextMenu.vue?vue&type=script&setup=true&lang=js
  
-// EXTERNAL MODULE: ./src/components/ContextMenu/ContextMenu.vue?vue&type=style&index=0&id=54620d2d&lang=scss&scoped=true
-var ContextMenuvue_type_style_index_0_id_54620d2d_lang_scss_scoped_true = __webpack_require__("1a94");
+// EXTERNAL MODULE: ./src/components/ContextMenu/ContextMenu.vue?vue&type=style&index=0&id=91844a94&lang=scss&scoped=true
+var ContextMenuvue_type_style_index_0_id_91844a94_lang_scss_scoped_true = __webpack_require__("a486");
 
 // CONCATENATED MODULE: ./src/components/ContextMenu/ContextMenu.vue
 
@@ -8191,7 +8188,7 @@ var ContextMenuvue_type_style_index_0_id_54620d2d_lang_scss_scoped_true = __webp
 
 
 
-const ContextMenu_exports_ = /*#__PURE__*/exportHelper_default()(ContextMenuvue_type_script_setup_true_lang_js, [['__scopeId',"data-v-54620d2d"]])
+const ContextMenu_exports_ = /*#__PURE__*/exportHelper_default()(ContextMenuvue_type_script_setup_true_lang_js, [['__scopeId',"data-v-91844a94"]])
 
 /* harmony default export */ var ContextMenu = (ContextMenu_exports_);
 // CONCATENATED MODULE: ./src/components/ContextMenu/index.js