{"version":3,"sources":["webpack:///./src/pages/admin/configuration/Areas.vue?3e06","webpack:///src/pages/admin/configuration/Areas.vue","webpack:///./src/pages/admin/configuration/Areas.vue?88ef","webpack:///./src/pages/admin/configuration/Areas.vue","webpack:///./src/pages/admin/configuration/Areas.vue?deda"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","padding","staticClass","color","model","value","tab","callback","$$v","expression","key","slot","name","label","$t","_v","_s","list","areas","_l","a","index","area_id","size","flat","round","icon","on","click","$event","changeAreaName","$router","push","rename_area","content-css","minWidth","minHeight","no-backdrop-dismiss","no-esc-dismiss","dense","clearNewName","nativeOn","keyup","type","indexOf","_k","keyCode","saveNewName","selected_area","$set","disable","length","_e","staticRenderFns","_withStripped","Areasvue_type_script_lang_js_","i18nOptions","namespaces","data","new_area_name","loaded","components","draggable","vuedraggable_common_default","computed","objectSpread_default","Object","vuex_esm","access_token","id_user_client_country_selected","id_user_client_selected","getHeader","headers","defineProperty_default","content-type","authorization","btoa","methods","fetchAreas","_this","$q","loading","show","$axios","get","then","response","filter","status","country","client_id","sort","b","order","map","catch","e","console","log","finally","hide","saveConfig","_this2","areas_country","post","notify","message","area","_this3","id","created","watch","configuration_Areasvue_type_script_lang_js_","component","componentNormalizer","options","__file","__webpack_exports__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_2_0_node_modules_css_loader_index_js_ref_6_oneOf_2_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_2_2_node_modules_stylus_loader_index_js_ref_6_oneOf_2_3_node_modules_vue_loader_lib_index_js_vue_loader_options_Areas_vue_vue_type_style_index_0_id_0f98e8d6_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_2_0_node_modules_css_loader_index_js_ref_6_oneOf_2_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_2_2_node_modules_stylus_loader_index_js_ref_6_oneOf_2_3_node_modules_vue_loader_lib_index_js_vue_loader_options_Areas_vue_vue_type_style_index_0_id_0f98e8d6_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0___default","n"],"mappings":"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","file":"js/d88bf230.c3d607ae.js","sourcesContent":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"q-page\",\n    { attrs: { padding: \"\" } },\n    [\n      _c(\n        \"q-tabs\",\n        {\n          staticClass: \"shadow-1 q-mt-md\",\n          attrs: { color: \"secondary\" },\n          model: {\n            value: _vm.tab,\n            callback: function($$v) {\n              _vm.tab = $$v\n            },\n            expression: \"tab\"\n          }\n        },\n        [\n          _c(\"q-tab\", {\n            key: \"tab\",\n            attrs: { slot: \"title\", name: \"area\", label: _vm.$t(\"areas\") },\n            slot: \"title\"\n          }),\n          _c(\"q-tab-pane\", { key: \"area\", attrs: { name: \"area\" } }, [\n            _c(\"div\", { staticClass: \"row gutter-md\" }, [\n              _c(\n                \"div\",\n                { staticClass: \"col-12\" },\n                [\n                  _c(\n                    \"q-card\",\n                    { staticClass: \"full-height\" },\n                    [\n                      _c(\"q-card-title\", [\n                        _vm._v(\n                          \"\\n\\t\\t\\t\\t\\t\\t\\t\" +\n                            _vm._s(_vm.$t(\"configure_country_area\")) +\n                            \"\\n\\t\\t\\t\\t\\t\\t\"\n                        )\n                      ]),\n                      _c(\"q-card-separator\"),\n                      _c(\n                        \"q-card-main\",\n                        [\n                          _c(\n                            \"draggable\",\n                            { attrs: { list: _vm.areas } },\n                            _vm._l(_vm.areas, function(a, index) {\n                              return _c(\n                                \"q-card\",\n                                {\n                                  key: a.area_id,\n                                  staticClass: \"cursor-pointer q-mb-md\"\n                                },\n                                [\n                                  _c(\"q-card-main\", { staticClass: \"row\" }, [\n                                    _c(\n                                      \"div\",\n                                      { staticClass: \"col-1 self-center\" },\n                                      [\n                                        _c(\"q-icon\", {\n                                          attrs: {\n                                            name: \"far fa-sort-circle\",\n                                            color: \"primary\",\n                                            size: \"1.75rem\"\n                                          }\n                                        })\n                                      ],\n                                      1\n                                    ),\n                                    _c(\n                                      \"div\",\n                                      { staticClass: \"col-10 self-end\" },\n                                      [\n                                        _c(\"p\", { staticClass: \"text-bold\" }, [\n                                          _vm._v(_vm._s(a.name))\n                                        ])\n                                      ]\n                                    ),\n                                    _c(\"div\", { staticClass: \"col-1\" }, [\n                                      _c(\n                                        \"span\",\n                                        [\n                                          _c(\n                                            \"q-btn\",\n                                            {\n                                              attrs: {\n                                                flat: \"\",\n                                                round: \"\",\n                                                size: \"1rem\",\n                                                color: \"primary\",\n                                                icon: \"far fa-pencil-alt\"\n                                              },\n                                              on: {\n                                                click: function($event) {\n                                                  return _vm.changeAreaName(a)\n                                                }\n                                              }\n                                            },\n                                            [\n                                              _c(\"q-tooltip\", [\n                                                _vm._v(\n                                                  \"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\" +\n                                                    _vm._s(_vm.$t(\"rename\")) +\n                                                    \"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"\n                                                )\n                                              ])\n                                            ],\n                                            1\n                                          )\n                                        ],\n                                        1\n                                      )\n                                    ])\n                                  ])\n                                ],\n                                1\n                              )\n                            }),\n                            1\n                          )\n                        ],\n                        1\n                      )\n                    ],\n                    1\n                  )\n                ],\n                1\n              )\n            ])\n          ])\n        ],\n        1\n      ),\n      _c(\"div\", { staticClass: \"row gutter-sm justify-end q-mt-lg\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"col-xs-12 col-sm-3 order-last\" },\n          [\n            _c(\"q-btn\", {\n              staticClass: \"full-width\",\n              attrs: {\n                color: \"tertiary\",\n                label: _vm.$t(\"back\"),\n                icon: \"far fa-chevron-left\"\n              },\n              on: {\n                click: function($event) {\n                  return _vm.$router.push({ name: \"admin_overview\" })\n                }\n              }\n            })\n          ],\n          1\n        )\n      ]),\n      _vm.rename_area\n        ? _c(\n            \"q-modal\",\n            {\n              attrs: {\n                \"content-css\": { minWidth: \"60vw\", minHeight: \"30vh\" },\n                \"no-backdrop-dismiss\": \"\",\n                \"no-esc-dismiss\": \"\"\n              },\n              model: {\n                value: _vm.rename_area,\n                callback: function($$v) {\n                  _vm.rename_area = $$v\n                },\n                expression: \"rename_area\"\n              }\n            },\n            [\n              _c(\n                \"q-modal-layout\",\n                [\n                  _c(\n                    \"q-toolbar\",\n                    { attrs: { slot: \"header\" }, slot: \"header\" },\n                    [\n                      _c(\"q-btn\", {\n                        attrs: {\n                          flat: \"\",\n                          round: \"\",\n                          dense: \"\",\n                          icon: \"fas fa-times\"\n                        },\n                        on: {\n                          click: function($event) {\n                            return _vm.clearNewName()\n                          }\n                        }\n                      }),\n                      _c(\"q-toolbar-title\", [\n                        _vm._v(\n                          \"\\n\\t\\t\\t\\t\\t\" +\n                            _vm._s(_vm.$t(\"rename_area\")) +\n                            \"\\n\\t\\t\\t\\t\"\n                        )\n                      ])\n                    ],\n                    1\n                  ),\n                  _c(\n                    \"div\",\n                    { staticClass: \"layout-padding\" },\n                    [\n                      _c(\"p\", [_vm._v(_vm._s(_vm.$t(\"rename\")))]),\n                      _c(\"q-input\", {\n                        nativeOn: {\n                          keyup: function($event) {\n                            if (\n                              !$event.type.indexOf(\"key\") &&\n                              _vm._k(\n                                $event.keyCode,\n                                \"enter\",\n                                13,\n                                $event.key,\n                                \"Enter\"\n                              )\n                            ) {\n                              return null\n                            }\n                            return _vm.saveNewName()\n                          }\n                        },\n                        model: {\n                          value: _vm.selected_area.name,\n                          callback: function($$v) {\n                            _vm.$set(_vm.selected_area, \"name\", $$v)\n                          },\n                          expression: \"selected_area.name\"\n                        }\n                      }),\n                      _c(\"div\", { staticClass: \"row justify-end q-mt-lg\" }, [\n                        _c(\n                          \"div\",\n                          { staticClass: \"row q-mr-sm\" },\n                          [\n                            _c(\"q-btn\", {\n                              attrs: {\n                                color: \"tertiary\",\n                                label: _vm.$t(\"cancel\"),\n                                icon: \"far fa-times\"\n                              },\n                              on: {\n                                click: function($event) {\n                                  return _vm.clearNewName()\n                                }\n                              }\n                            })\n                          ],\n                          1\n                        ),\n                        _c(\n                          \"div\",\n                          { staticClass: \"row\" },\n                          [\n                            _c(\"q-btn\", {\n                              attrs: {\n                                color: \"positive\",\n                                label: _vm.$t(\"save\"),\n                                icon: \"far fa-save\",\n                                disable: _vm.selected_area.name.length === 0\n                              },\n                              on: {\n                                click: function($event) {\n                                  return _vm.saveNewName()\n                                }\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      ])\n                    ],\n                    1\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          )\n        : _vm._e()\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n\t<q-page padding>\n\t\t<q-tabs class=\"shadow-1 q-mt-md\" color=\"secondary\" v-model=\"tab\">\n\t\t\t<q-tab slot=\"title\" name=\"area\" :label=\"$t('areas')\" key=\"tab\" />\n\n\t\t\t<q-tab-pane name=\"area\" key=\"area\">\n\t\t\t\t<div class=\"row gutter-md\">\n\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t<q-card class=\"full-height\">\n\t\t\t\t\t\t\t<q-card-title>\n\t\t\t\t\t\t\t\t{{ $t('configure_country_area') }}\n\t\t\t\t\t\t\t</q-card-title>\n\n\t\t\t\t\t\t\t<q-card-separator />\n\n\t\t\t\t\t\t\t<q-card-main>\n\t\t\t\t\t\t\t\t<draggable :list=\"areas\">\n\t\t\t\t\t\t\t\t\t<q-card\n\t\t\t\t\t\t\t\t\t\tv-for=\"(a, index) in areas\"\n\t\t\t\t\t\t\t\t\t\t:key=\"a.area_id\"\n\t\t\t\t\t\t\t\t\t\tclass=\"cursor-pointer q-mb-md\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<q-card-main class=\"row\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-1 self-center\">\n\t\t\t\t\t\t\t\t\t\t\t\t<q-icon\n\t\t\t\t\t\t\t\t\t\t\t\t\tname=\"far fa-sort-circle\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"1.75rem\"\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-10 self-end\">\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"text-bold\">{{ a.name }}</p>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-1\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<q-btn\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tflat\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tround\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"1rem\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon=\"far fa-pencil-alt\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t@click=\"changeAreaName(a)\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<q-tooltip>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{{ $t('rename') }}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</q-tooltip>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</q-btn>\n\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</q-card-main>\n\t\t\t\t\t\t\t\t\t</q-card>\n\t\t\t\t\t\t\t\t</draggable>\n\t\t\t\t\t\t\t</q-card-main>\n\t\t\t\t\t\t</q-card>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</q-tab-pane>\n\t\t</q-tabs>\n\n\t\t<div class=\"row gutter-sm justify-end q-mt-lg\">\n\t\t\t<div class=\"col-xs-12 col-sm-3 order-last\">\n\t\t\t\t<q-btn\n\t\t\t\t\tcolor=\"tertiary\"\n\t\t\t\t\tclass=\"full-width\"\n\t\t\t\t\t:label=\"$t('back')\"\n\t\t\t\t\ticon=\"far fa-chevron-left\"\n\t\t\t\t\t@click=\"$router.push({ name: 'admin_overview' })\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<q-modal\n\t\t\tv-model=\"rename_area\"\n\t\t\tv-if=\"rename_area\"\n\t\t\t:content-css=\"{ minWidth: '60vw', minHeight: '30vh' }\"\n\t\t\tno-backdrop-dismiss\n\t\t\tno-esc-dismiss\n\t\t>\n\t\t\t<q-modal-layout>\n\t\t\t\t<q-toolbar slot=\"header\">\n\t\t\t\t\t<q-btn flat round dense @click=\"clearNewName()\" icon=\"fas fa-times\" />\n\t\t\t\t\t<q-toolbar-title>\n\t\t\t\t\t\t{{ $t('rename_area') }}\n\t\t\t\t\t</q-toolbar-title>\n\t\t\t\t</q-toolbar>\n\n\t\t\t\t<div class=\"layout-padding\">\n\t\t\t\t\t<p>{{ $t('rename') }}</p>\n\t\t\t\t\t<q-input v-model=\"selected_area.name\" @keyup.enter.native=\"saveNewName()\" />\n\n\t\t\t\t\t<div class=\"row justify-end q-mt-lg\">\n\t\t\t\t\t\t<div class=\"row q-mr-sm\">\n\t\t\t\t\t\t\t<q-btn\n\t\t\t\t\t\t\t\tcolor=\"tertiary\"\n\t\t\t\t\t\t\t\t:label=\"$t('cancel')\"\n\t\t\t\t\t\t\t\ticon=\"far fa-times\"\n\t\t\t\t\t\t\t\t@click=\"clearNewName()\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t<q-btn\n\t\t\t\t\t\t\t\tcolor=\"positive\"\n\t\t\t\t\t\t\t\t:label=\"$t('save')\"\n\t\t\t\t\t\t\t\ticon=\"far fa-save\"\n\t\t\t\t\t\t\t\t@click=\"saveNewName()\"\n\t\t\t\t\t\t\t\t:disable=\"selected_area.name.length === 0\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</q-modal-layout>\n\t\t</q-modal>\n\t</q-page>\n</template>\n\n<script>\nimport draggable from 'vuedraggable'\nimport { mapGetters } from 'vuex'\n\nexport default {\n\tname: 'AdminAreasConfig',\n\n\ti18nOptions: { namespaces: ['common', 'admin'] },\n\n\tdata() {\n\t\treturn {\n\t\t\ttab: 'area',\n\t\t\tareas: [],\n\t\t\tselected_area: null,\n\t\t\trename_area: false,\n\t\t\tnew_area_name: '',\n\t\t\tloaded: false,\n\t\t}\n\t},\n\n\tcomponents: {\n\t\tdraggable,\n\t},\n\n\tcomputed: {\n\t\t...mapGetters({\n\t\t\taccess_token: 'common/access_token',\n\t\t\tid_user_client_country_selected: 'common/id_user_client_country_selected',\n\t\t\tid_user_client_selected: 'common/id_user_client_selected',\n\t\t}),\n\n\t\tgetHeader() {\n\t\t\treturn {\n\t\t\t\theaders: {\n\t\t\t\t\t'content-type': 'application/json',\n\t\t\t\t\tauthorization:\n\t\t\t\t\t\t'Basic ' +\n\t\t\t\t\t\tbtoa(process.env.APP_CLIENT_ID + ':' + process.env.APP_CLIENT_SECRET),\n\t\t\t\t\tauthorization: 'Bearer ' + this.access_token,\n\t\t\t\t},\n\t\t\t}\n\t\t},\n\t},\n\n\tmethods: {\n\t\tfetchAreas() {\n\t\t\tthis.$q.loading.show()\n\n\t\t\tthis.$axios\n\t\t\t\t.get(`/areas/area_countries/`, this.getHeader)\n\t\t\t\t.then((response) => {\n\t\t\t\t\tthis.areas = response.data\n\t\t\t\t\t\t? response.data\n\t\t\t\t\t\t\t\t.filter(\n\t\t\t\t\t\t\t\t\t(a) =>\n\t\t\t\t\t\t\t\t\t\ta.status === 1 &&\n\t\t\t\t\t\t\t\t\t\ta.country === this.id_user_client_country_selected &&\n\t\t\t\t\t\t\t\t\t\ta.client_id === this.id_user_client_selected\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t.sort((a, b) => a.order - b.order)\n\t\t\t\t\t\t\t\t.map((a) => ({ ...a, index: a.order }))\n\t\t\t\t\t\t: []\n\t\t\t\t})\n\t\t\t\t.catch((e) => {\n\t\t\t\t\tconsole.log(e)\n\t\t\t\t})\n\t\t\t\t.finally(() => {\n\t\t\t\t\tthis.loaded = true\n\t\t\t\t\tthis.$q.loading.hide()\n\t\t\t\t})\n\t\t},\n\n\t\tsaveConfig() {\n\t\t\tthis.$q.loading.show()\n\n\t\t\tconst data = {\n\t\t\t\tareas_country: this.areas.map((a, index) => ({ ...a, order: index })),\n\t\t\t}\n\n\t\t\tthis.$axios\n\t\t\t\t.post(`/areas/area_countries/change_areas_order/`, data, this.getHeader)\n\t\t\t\t.then(() => {\n\t\t\t\t\tthis.$q.notify({\n\t\t\t\t\t\tmessage: this.$t('saved_successfully'),\n\t\t\t\t\t\ttype: 'positive',\n\t\t\t\t\t\ticon: 'fal fa-save',\n\t\t\t\t\t})\n\t\t\t\t})\n\t\t\t\t.catch((e) => {\n\t\t\t\t\tconsole.log(e)\n\t\t\t\t\tthis.$q.notify({\n\t\t\t\t\t\tmessage: this.$t('save_error'),\n\t\t\t\t\t\ttype: 'negative',\n\t\t\t\t\t\ticon: 'fal fa-ban',\n\t\t\t\t\t})\n\t\t\t\t})\n\t\t\t\t.finally(() => {\n\t\t\t\t\tthis.$q.loading.hide()\n\t\t\t\t})\n\t\t},\n\n\t\tchangeAreaName(area) {\n\t\t\tthis.selected_area = area\n\t\t\tthis.rename_area = true\n\t\t},\n\n\t\tsaveNewName() {\n\t\t\tthis.areas = this.areas.map((a) => ({\n\t\t\t\t...a,\n\t\t\t\tname: a.id === this.selected_area.id ? this.selected_area.name : a.name,\n\t\t\t}))\n\t\t\tthis.rename_area = false\n\t\t\tthis.selected_area = null\n\t\t},\n\n\t\tclearNewName() {\n\t\t\tthis.rename_area = false\n\t\t\tthis.selected_area = null\n\t\t},\n\t},\n\n\tcreated() {\n\t\tthis.fetchAreas()\n\t},\n\n\twatch: {\n\t\tareas: function() {\n\t\t\tif (this.loaded) this.saveConfig()\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"stylus\" scoped></style>\n","import mod from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Areas.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Areas.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Areas.vue?vue&type=template&id=0f98e8d6&scoped=true&\"\nimport script from \"./Areas.vue?vue&type=script&lang=js&\"\nexport * from \"./Areas.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Areas.vue?vue&type=style&index=0&id=0f98e8d6&lang=stylus&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0f98e8d6\",\n  null\n  \n)\n\ncomponent.options.__file = \"Areas.vue\"\nexport default component.exports","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-2-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-2-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-2-2!../../../../node_modules/stylus-loader/index.js??ref--6-oneOf-2-3!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Areas.vue?vue&type=style&index=0&id=0f98e8d6&lang=stylus&scoped=true&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-2-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-2-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-2-2!../../../../node_modules/stylus-loader/index.js??ref--6-oneOf-2-3!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Areas.vue?vue&type=style&index=0&id=0f98e8d6&lang=stylus&scoped=true&\""],"sourceRoot":""}