"use strict"; /* * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development"). * This devtool is neither made for production nor for readable output files. * It uses "eval()" calls to create a separate source file in the browser devtools. * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/) * or disable the default devtool with "devtool: false". * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/). */ (self["webpackChunkcomplexes"] = self["webpackChunkcomplexes"] || []).push([["src_entities_changeSideWorld_vue"],{ /***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/entities/changeSideWorld.vue?vue&type=script&setup=true&lang=js": /*!**********************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/entities/changeSideWorld.vue?vue&type=script&setup=true&lang=js ***! \**********************************************************************************************************************************************************************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.runtime.esm-bundler.js\");\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n __name: 'changeSideWorld',\n props: {\n formData: Object\n },\n emits: [\"update:degrees\"],\n setup(__props, {\n expose: __expose,\n emit: __emit\n }) {\n __expose();\n const props = __props;\n const point = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(HTMLElement);\n const wrapper = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(HTMLElement);\n const drag = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(false);\n // const degrees = ref(\"0\");\n let coordPoint = null;\n let x1 = 0;\n let y1 = 0;\n const emits = __emit;\n const mouseDownHandler = () => {\n if (wrapper.value && point.value) {\n drag.value = true;\n coordPoint = wrapper.value.getBoundingClientRect();\n x1 = coordPoint.left + coordPoint.width / 2;\n y1 = coordPoint.top + coordPoint.height / 2;\n }\n };\n const changedFromInput = newVal => {\n wrapper.value.style.transform = \"rotate(\" + newVal + \"deg)\";\n };\n const mousemoveHandler = e => {\n if (wrapper.value && point.value && drag.value) {\n let angle = Math.atan2(e.y - y1, e.x - x1);\n let degreesEd = angle * 57.3;\n if (angle < 0) {\n degreesEd = 360 + degreesEd;\n }\n wrapper.value.style.transform = \"rotate(\" + degreesEd + \"deg)\";\n props.formData.light_angle = String(Math.floor(degreesEd));\n }\n };\n (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)(props.formData.light_angle, newV => {\n if (wrapper.value) {\n wrapper.value.style.transform = \"rotate(\" + newV + \"deg)\";\n }\n });\n const __returned__ = {\n props,\n point,\n wrapper,\n drag,\n get coordPoint() {\n return coordPoint;\n },\n set coordPoint(v) {\n coordPoint = v;\n },\n get x1() {\n return x1;\n },\n set x1(v) {\n x1 = v;\n },\n get y1() {\n return y1;\n },\n set y1(v) {\n y1 = v;\n },\n emits,\n mouseDownHandler,\n changedFromInput,\n mousemoveHandler,\n ref: vue__WEBPACK_IMPORTED_MODULE_0__.ref,\n watch: vue__WEBPACK_IMPORTED_MODULE_0__.watch\n };\n Object.defineProperty(__returned__, '__isScriptSetup', {\n enumerable: false,\n value: true\n });\n return __returned__;\n }\n});\n\n//# sourceURL=webpack://complexes/./src/entities/changeSideWorld.vue?./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use%5B0%5D!./node_modules/vue-loader/dist/index.js??ruleSet%5B0%5D.use%5B0%5D"); /***/ }), /***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/entities/changeSideWorld.vue?vue&type=template&id=fadb7e94&scoped=true": /*!***************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/entities/changeSideWorld.vue?vue&type=template&id=fadb7e94&scoped=true ***! \***************************************************************************************************************************************************************************************************************************************************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ render: function() { return /* binding */ render; }\n/* harmony export */ });\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.runtime.esm-bundler.js\");\n\nconst _hoisted_1 = {\n class: \"compass\"\n};\nfunction render(_ctx, _cache, $props, $setup, $data, $options) {\n const _component_InputText = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)(\"InputText\");\n return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)(\"div\", _hoisted_1, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)(\"div\", {\n class: \"compassImage\",\n ref: \"wrapper\",\n style: (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeStyle)(`transform: rotate(${$setup.props.formData.light_angle}deg)`),\n onMouseleave: _cache[2] || (_cache[2] = $event => $setup.drag = false),\n onMousemove: _cache[3] || (_cache[3] = $event => $setup.mousemoveHandler($event))\n }, [_cache[5] || (_cache[5] = (0,vue__WEBPACK_IMPORTED_MODULE_0__.createStaticVNode)(\"\", 1)), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)(\"div\", {\n class: \"point\",\n ref: \"point\",\n onMousedown: _cache[0] || (_cache[0] = $event => $setup.mouseDownHandler()),\n onMouseup: _cache[1] || (_cache[1] = $event => $setup.drag = false)\n }, null, 544 /* NEED_HYDRATION, NEED_PATCH */)], 36 /* STYLE, NEED_HYDRATION */), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_InputText, {\n modelValue: $setup.props.formData.light_angle,\n \"onUpdate:modelValue\": [_cache[4] || (_cache[4] = $event => $setup.props.formData.light_angle = $event), $setup.changedFromInput]\n }, null, 8 /* PROPS */, [\"modelValue\"])]);\n}\n\n//# sourceURL=webpack://complexes/./src/entities/changeSideWorld.vue?./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use%5B0%5D!./node_modules/vue-loader/dist/templateLoader.js??ruleSet%5B1%5D.rules%5B3%5D!./node_modules/vue-loader/dist/index.js??ruleSet%5B0%5D.use%5B0%5D"); /***/ }), /***/ "./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/entities/changeSideWorld.vue?vue&type=style&index=0&id=fadb7e94&scoped=true&lang=scss": /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/entities/changeSideWorld.vue?vue&type=style&index=0&id=fadb7e94&scoped=true&lang=scss ***! \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n\n\n//# sourceURL=webpack://complexes/./src/entities/changeSideWorld.vue?./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use%5B0%5D!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use%5B1%5D!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use%5B2%5D!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use%5B3%5D!./node_modules/vue-loader/dist/index.js??ruleSet%5B0%5D.use%5B0%5D"); /***/ }), /***/ "./src/entities/changeSideWorld.vue": /*!******************************************!*\ !*** ./src/entities/changeSideWorld.vue ***! \******************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _changeSideWorld_vue_vue_type_template_id_fadb7e94_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./changeSideWorld.vue?vue&type=template&id=fadb7e94&scoped=true */ \"./src/entities/changeSideWorld.vue?vue&type=template&id=fadb7e94&scoped=true\");\n/* harmony import */ var _changeSideWorld_vue_vue_type_script_setup_true_lang_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./changeSideWorld.vue?vue&type=script&setup=true&lang=js */ \"./src/entities/changeSideWorld.vue?vue&type=script&setup=true&lang=js\");\n/* harmony import */ var _changeSideWorld_vue_vue_type_style_index_0_id_fadb7e94_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./changeSideWorld.vue?vue&type=style&index=0&id=fadb7e94&scoped=true&lang=scss */ \"./src/entities/changeSideWorld.vue?vue&type=style&index=0&id=fadb7e94&scoped=true&lang=scss\");\n/* harmony import */ var _node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../node_modules/vue-loader/dist/exportHelper.js */ \"./node_modules/vue-loader/dist/exportHelper.js\");\n\n\n\n\n;\n\n\nconst __exports__ = /*#__PURE__*/(0,_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(_changeSideWorld_vue_vue_type_script_setup_true_lang_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"], [['render',_changeSideWorld_vue_vue_type_template_id_fadb7e94_scoped_true__WEBPACK_IMPORTED_MODULE_0__.render],['__scopeId',\"data-v-fadb7e94\"],['__file',\"src/entities/changeSideWorld.vue\"]])\n/* hot reload */\nif (false) {}\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (__exports__);\n\n//# sourceURL=webpack://complexes/./src/entities/changeSideWorld.vue?"); /***/ }), /***/ "./src/entities/changeSideWorld.vue?vue&type=script&setup=true&lang=js": /*!*****************************************************************************!*\ !*** ./src/entities/changeSideWorld.vue?vue&type=script&setup=true&lang=js ***! \*****************************************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": function() { return /* reexport safe */ _node_modules_babel_loader_lib_index_js_clonedRuleSet_40_use_0_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_changeSideWorld_vue_vue_type_script_setup_true_lang_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"]; }\n/* harmony export */ });\n/* harmony import */ var _node_modules_babel_loader_lib_index_js_clonedRuleSet_40_use_0_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_changeSideWorld_vue_vue_type_script_setup_true_lang_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./changeSideWorld.vue?vue&type=script&setup=true&lang=js */ \"./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/entities/changeSideWorld.vue?vue&type=script&setup=true&lang=js\");\n \n\n//# sourceURL=webpack://complexes/./src/entities/changeSideWorld.vue?"); /***/ }), /***/ "./src/entities/changeSideWorld.vue?vue&type=template&id=fadb7e94&scoped=true": /*!************************************************************************************!*\ !*** ./src/entities/changeSideWorld.vue?vue&type=template&id=fadb7e94&scoped=true ***! \************************************************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ render: function() { return /* reexport safe */ _node_modules_babel_loader_lib_index_js_clonedRuleSet_40_use_0_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_3_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_changeSideWorld_vue_vue_type_template_id_fadb7e94_scoped_true__WEBPACK_IMPORTED_MODULE_0__.render; }\n/* harmony export */ });\n/* harmony import */ var _node_modules_babel_loader_lib_index_js_clonedRuleSet_40_use_0_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_3_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_changeSideWorld_vue_vue_type_template_id_fadb7e94_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!../../node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./changeSideWorld.vue?vue&type=template&id=fadb7e94&scoped=true */ \"./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/entities/changeSideWorld.vue?vue&type=template&id=fadb7e94&scoped=true\");\n\n\n//# sourceURL=webpack://complexes/./src/entities/changeSideWorld.vue?"); /***/ }), /***/ "./src/entities/changeSideWorld.vue?vue&type=style&index=0&id=fadb7e94&scoped=true&lang=scss": /*!***************************************************************************************************!*\ !*** ./src/entities/changeSideWorld.vue?vue&type=style&index=0&id=fadb7e94&scoped=true&lang=scss ***! \***************************************************************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_clonedRuleSet_22_use_0_node_modules_css_loader_dist_cjs_js_clonedRuleSet_22_use_1_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_2_node_modules_sass_loader_dist_cjs_js_clonedRuleSet_22_use_3_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_changeSideWorld_vue_vue_type_style_index_0_id_fadb7e94_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./changeSideWorld.vue?vue&type=style&index=0&id=fadb7e94&scoped=true&lang=scss */ \"./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/entities/changeSideWorld.vue?vue&type=style&index=0&id=fadb7e94&scoped=true&lang=scss\");\n\n\n//# sourceURL=webpack://complexes/./src/entities/changeSideWorld.vue?"); /***/ }) }]);