{"version":3,"sources":["webpack:///src/components/Options/OptionRank.vue","webpack:///src/components/UI/Message.vue","webpack:///./src/components/Options/OptionRank.vue","webpack:///./src/components/UI/Message.vue","webpack:///./src/components/Options/OptionRank.vue?3f1b","webpack:///./src/components/Options/OptionRank.vue?2dc3","webpack:///./src/components/Options/OptionRank.vue?ad3d","webpack:///./src/components/Options/OptionRank.vue?b813","webpack:///./src/components/Options/OptionRank.vue?0142","webpack:///./src/components/Options/OptionRank.vue?831f","webpack:///./src/components/UI/Message.vue?fb09","webpack:///./src/components/UI/Message.vue?fba0","webpack:///./src/components/UI/Message.vue?3503"],"names":["ModalEditOptionRank","components","draggable","Message","props","data","isDragging","locationId","Number","$route","params","options","meetingtypeOptions","selectedMeetingtype","showEditRank","seletectedTabIndex","meetingtype","computed","_objectSpread","mapState","mapGetters","dragOptions","animation","group","ghostClass","created","getLocationRankedOptions","methods","mapActions","_this","optionProvider","then","response","status","parseRankedAction","onEnd","_this2","i","rankedOptions","length","mo","j","o","push","LocationId","MeetingtypeId","OptionId","Rank","saveLocationRankedOptions","setShowEditRank","meetingtypeId","hideModal","message","type","String","default","size","combindedClass","c","render","_vm","_c","_self","attrs","showModal","onClickCancel","_e","staticClass","scopedSlots","_u","key","fn","_v","_s","$t","proxy","_l","index","concat","class","on","click","$event","_f","name","mode","optionRights","hasEditRights","icon","domProps","innerHTML","_b","tag","disabled","start","end","model","value","callback","$$v","$set","expression","option","OptionName","staticRenderFns","_withStripped","_t"],"mappings":"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","file":"js/103.js?id=d59b3f200b39a08c5ca9","sourcesContent":["<template>\n  <div>\n    <modal-edit-rank\n      v-if=\"showEditRank\"\n      :showModal=\"showEditRank\"\n      :meetingtypeId=\"selectedMeetingtype\"\n      :onClickCancel=\"hideModal\"\n    />\n\n    <ui-section-header class=\"mb-6\">\n      <template v-slot:title>{{$t('Components.Options.OptionRank.Main_Title')}}</template>\n    </ui-section-header>\n\n    <div class=\"tabs is-boxed\">\n      <ul>\n        <li\n          v-for=\"(meetingtype, index) in rankedOptions\"\n          :key=\"`t${index}`\"\n          :class=\"{'is-active': seletectedTabIndex === index}\"\n        >\n          <a @click=\"seletectedTabIndex = index\"><span>{{\n            meetingtype.MeetingtypeId | getMeetingtypeName\n          }}</span></a>\n        </li>\n      </ul>\n    </div>\n\n    <div v-if=\"rankedOptions.length\">\n      <transition\n        name=\"fade\"\n        mode=\"out-in\"\n      >\n        <div :key=\"`ho${seletectedTabIndex}`\">\n          <div class=\"has-text-right has-margin-bottom\">\n            <a\n              v-if=\"optionRights.hasEditRights\"\n              @click=\"setShowEditRank(rankedOptions[seletectedTabIndex].MeetingtypeId)\"\n              class=\"has-icon\"\n            >\n              <span class=\"icon\">\n                <font-awesome-icon :icon=\"['fa', 'edit']\" /></span>\n              <span v-html=\"$t('Form.Control.Edit')\"></span>\n            </a>\n          </div>\n\n          <Message\n            v-if=\"rankedOptions[seletectedTabIndex].options.length === 0\"\n            :message=\"$t('Components.Options.OptionRank.Message_NoHighlightedOption')\"\n          />\n\n          <draggable\n            v-model=\"rankedOptions[seletectedTabIndex].options\"\n            v-bind=\"dragOptions\"\n            @start=\"isDragging = true\"\n            @end=\"onEnd\"\n            class=\"list-group\"\n            tag=\"ul\"\n            :disabled=\"!optionRights.hasEditRights\"\n          >\n            <transition-group>\n              <li\n                v-for=\"option in rankedOptions[seletectedTabIndex].options\"\n                :key=\"option.Rank\"\n                class=\"box list-group-item\"\n                :class=\"{'is-disabled': !optionRights.hasEditRights}\"\n              >\n                <span\n                  v-if=\"optionRights.hasEditRights\"\n                  class=\"icon\"\n                >\n                  <font-awesome-icon :icon=\"['far', 'arrows-v']\" /></span>\n                <span class=\"name\">{{ option.OptionName }}</span>\n              </li>\n            </transition-group>\n          </draggable>\n        </div>\n      </transition>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapState, mapGetters, mapActions } from 'vuex'\nimport draggable from 'vuedraggable'\nimport optionProvider from '@/providers/option'\n\nimport Message from '@/components/UI/Message'\n\nconst ModalEditOptionRank = () =>\n  import('@/components/Options/ModalEditOptionRank')\n\nexport default {\n  components: {\n    draggable,\n    Message,\n    'modal-edit-rank': ModalEditOptionRank,\n  },\n\n  props: {},\n\n  data() {\n    return {\n      isDragging: false,\n      locationId: Number(this.$route.params.locationId),\n      options: [],\n      meetingtypeOptions: [],\n      selectedMeetingtype: 0,\n      showEditRank: false,\n      seletectedTabIndex: 0,\n      meetingtype: null\n    }\n  },\n\n  computed: {\n    ...mapState('locationStore', ['locationState']),\n    ...mapState('optionStore', ['rankedOptions']),\n    ...mapGetters('locationStore', ['optionRights']),\n\n    dragOptions() {\n      return {\n        animation: 0,\n        group: 'description',\n        //disabled: !this.editable,\n        ghostClass: 'ghost',\n      }\n    },\n  },\n\n  created() {\n    this.getLocationRankedOptions()\n\n    //this.meetingtypeOptions = JSON.parse(JSON.stringify(this.rankedOptions))\n  },\n\n  methods: {\n    ...mapActions('optionStore', ['parseRankedAction']),\n\n    getLocationRankedOptions() {\n      optionProvider.methods\n        .getLocationRankedOptions(this.locationId)\n        .then((response) => {\n          if (response.status === 200) {\n            this.options = response.data\n\n            this.parseRankedAction(response.data)\n          }\n        })\n    },\n\n    onEnd() {\n      this.isDragging = false\n      let options = []\n\n      for (let i = 0; i < this.rankedOptions.length; i++) {\n        let mo = this.rankedOptions[i]\n        for (let j = 0; j < mo.options.length; j++) {\n          let o = mo.options[j]\n          options.push({\n            LocationId: o.LocationId,\n            MeetingtypeId: o.MeetingtypeId,\n            OptionId: o.OptionId,\n            Rank: j + 1,\n          })\n        }\n      }\n\n      optionProvider.methods\n        .saveLocationRankedOptions(this.locationId, options)\n        .then((response) => {\n          if (response.status === 200) {\n            this.options = response.data\n            this.parseRankedAction(response.data)\n          }\n        })\n    },\n\n    setShowEditRank(meetingtypeId) {\n      this.selectedMeetingtype = meetingtypeId\n      this.showEditRank = true\n    },\n\n    hideModal() {\n      this.selectedMeetingtype = 0\n      this.showEditRank = false\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\">\n.flip-list-move {\n  transition: transform 0.5s;\n}\n.no-move {\n  transition: transform 0s;\n}\n.ghost {\n  opacity: 0.5;\n  background: #c8ebfb;\n}\n.list-group {\n  min-height: 20px;\n}\n.list-group-item {\n  &:not(.is-disabled) {\n    cursor: move;\n  }\n  i {\n    cursor: pointer;\n  }\n}\n</style>\n","<template>\n  <article\n    class=\"message\"\n    :class=\"combindedClass\"\n  >\n    <div class=\"message-body\">\n      <template v-if=\"message\">\n        {{ message }}\n      </template>\n      <slot name=\"content\"></slot>\n    </div>\n  </article>\n</template>\n\n<script>\nexport default {\n  props: {\n    /**\n     * For what'll be shown inside of the message box.\n     */\n    message: {\n      type: String,\n      default: ''\n    },\n\n    size: {\n      type: String,\n      default: ''\n    },\n\n    /**\n     * type bepaalt het type weergave\n     * eq. is-info = for information style. It defines the style of the message\n     */\n    type: {\n      type: String,\n      default: 'is-info'\n    }\n  },\n  data() {\n    return {};\n  },\n\n  computed: {\n    combindedClass() {\n      let c = this.type;\n\n      if (this.size.length > 0) {\n        c = c + ' ' + this.size;\n      }\n\n      return c;\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped></style>\n","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"div\",\n    [\n      _vm.showEditRank\n        ? _c(\"modal-edit-rank\", {\n            attrs: {\n              showModal: _vm.showEditRank,\n              meetingtypeId: _vm.selectedMeetingtype,\n              onClickCancel: _vm.hideModal,\n            },\n          })\n        : _vm._e(),\n      _c(\"ui-section-header\", {\n        staticClass: \"mb-6\",\n        scopedSlots: _vm._u([\n          {\n            key: \"title\",\n            fn: function () {\n              return [\n                _vm._v(\n                  _vm._s(_vm.$t(\"Components.Options.OptionRank.Main_Title\"))\n                ),\n              ]\n            },\n            proxy: true,\n          },\n        ]),\n      }),\n      _c(\"div\", { staticClass: \"tabs is-boxed\" }, [\n        _c(\n          \"ul\",\n          _vm._l(_vm.rankedOptions, function (meetingtype, index) {\n            return _c(\n              \"li\",\n              {\n                key: `t${index}`,\n                class: { \"is-active\": _vm.seletectedTabIndex === index },\n              },\n              [\n                _c(\n                  \"a\",\n                  {\n                    on: {\n                      click: function ($event) {\n                        _vm.seletectedTabIndex = index\n                      },\n                    },\n                  },\n                  [\n                    _c(\"span\", [\n                      _vm._v(\n                        _vm._s(\n                          _vm._f(\"getMeetingtypeName\")(\n                            meetingtype.MeetingtypeId\n                          )\n                        )\n                      ),\n                    ]),\n                  ]\n                ),\n              ]\n            )\n          }),\n          0\n        ),\n      ]),\n      _vm.rankedOptions.length\n        ? _c(\n            \"div\",\n            [\n              _c(\"transition\", { attrs: { name: \"fade\", mode: \"out-in\" } }, [\n                _c(\n                  \"div\",\n                  { key: `ho${_vm.seletectedTabIndex}` },\n                  [\n                    _c(\n                      \"div\",\n                      { staticClass: \"has-text-right has-margin-bottom\" },\n                      [\n                        _vm.optionRights.hasEditRights\n                          ? _c(\n                              \"a\",\n                              {\n                                staticClass: \"has-icon\",\n                                on: {\n                                  click: function ($event) {\n                                    return _vm.setShowEditRank(\n                                      _vm.rankedOptions[_vm.seletectedTabIndex]\n                                        .MeetingtypeId\n                                    )\n                                  },\n                                },\n                              },\n                              [\n                                _c(\n                                  \"span\",\n                                  { staticClass: \"icon\" },\n                                  [\n                                    _c(\"font-awesome-icon\", {\n                                      attrs: { icon: [\"fa\", \"edit\"] },\n                                    }),\n                                  ],\n                                  1\n                                ),\n                                _c(\"span\", {\n                                  domProps: {\n                                    innerHTML: _vm._s(\n                                      _vm.$t(\"Form.Control.Edit\")\n                                    ),\n                                  },\n                                }),\n                              ]\n                            )\n                          : _vm._e(),\n                      ]\n                    ),\n                    _vm.rankedOptions[_vm.seletectedTabIndex].options.length ===\n                    0\n                      ? _c(\"Message\", {\n                          attrs: {\n                            message: _vm.$t(\n                              \"Components.Options.OptionRank.Message_NoHighlightedOption\"\n                            ),\n                          },\n                        })\n                      : _vm._e(),\n                    _c(\n                      \"draggable\",\n                      _vm._b(\n                        {\n                          staticClass: \"list-group\",\n                          attrs: {\n                            tag: \"ul\",\n                            disabled: !_vm.optionRights.hasEditRights,\n                          },\n                          on: {\n                            start: function ($event) {\n                              _vm.isDragging = true\n                            },\n                            end: _vm.onEnd,\n                          },\n                          model: {\n                            value:\n                              _vm.rankedOptions[_vm.seletectedTabIndex].options,\n                            callback: function ($$v) {\n                              _vm.$set(\n                                _vm.rankedOptions[_vm.seletectedTabIndex],\n                                \"options\",\n                                $$v\n                              )\n                            },\n                            expression:\n                              \"rankedOptions[seletectedTabIndex].options\",\n                          },\n                        },\n                        \"draggable\",\n                        _vm.dragOptions,\n                        false\n                      ),\n                      [\n                        _c(\n                          \"transition-group\",\n                          _vm._l(\n                            _vm.rankedOptions[_vm.seletectedTabIndex].options,\n                            function (option) {\n                              return _c(\n                                \"li\",\n                                {\n                                  key: option.Rank,\n                                  staticClass: \"box list-group-item\",\n                                  class: {\n                                    \"is-disabled\":\n                                      !_vm.optionRights.hasEditRights,\n                                  },\n                                },\n                                [\n                                  _vm.optionRights.hasEditRights\n                                    ? _c(\n                                        \"span\",\n                                        { staticClass: \"icon\" },\n                                        [\n                                          _c(\"font-awesome-icon\", {\n                                            attrs: {\n                                              icon: [\"far\", \"arrows-v\"],\n                                            },\n                                          }),\n                                        ],\n                                        1\n                                      )\n                                    : _vm._e(),\n                                  _c(\"span\", { staticClass: \"name\" }, [\n                                    _vm._v(_vm._s(option.OptionName)),\n                                  ]),\n                                ]\n                              )\n                            }\n                          ),\n                          0\n                        ),\n                      ],\n                      1\n                    ),\n                  ],\n                  1\n                ),\n              ]),\n            ],\n            1\n          )\n        : _vm._e(),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"article\", { staticClass: \"message\", class: _vm.combindedClass }, [\n    _c(\n      \"div\",\n      { staticClass: \"message-body\" },\n      [\n        _vm.message ? [_vm._v(\" \" + _vm._s(_vm.message) + \" \")] : _vm._e(),\n        _vm._t(\"content\"),\n      ],\n      2\n    ),\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \"/**\\n* Colors\\n*/\\n/**\\n* Text sizes\\n*/\\n/**\\n* Column settings\\n*/\\n/**\\n* Font properties\\n*/\\n.flip-list-move {\\n  -webkit-transition: -webkit-transform 0.5s;\\n  transition: -webkit-transform 0.5s;\\n  transition: transform 0.5s;\\n  transition: transform 0.5s, -webkit-transform 0.5s;\\n}\\n.no-move {\\n  -webkit-transition: -webkit-transform 0s;\\n  transition: -webkit-transform 0s;\\n  transition: transform 0s;\\n  transition: transform 0s, -webkit-transform 0s;\\n}\\n.ghost {\\n  opacity: 0.5;\\n  background: #c8ebfb;\\n}\\n.list-group {\\n  min-height: 20px;\\n}\\n.list-group-item:not(.is-disabled) {\\n  cursor: move;\\n}\\n.list-group-item i {\\n  cursor: pointer;\\n}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OptionRank.vue?vue&type=style&index=0&id=790ff7a2&lang=scss\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"4da4f273\", content, false, {\"sourceMap\":false,\"shadowMode\":false});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OptionRank.vue?vue&type=style&index=0&id=790ff7a2&lang=scss\", function() {\n     var newContent = require(\"!!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OptionRank.vue?vue&type=style&index=0&id=790ff7a2&lang=scss\");\n     if(newContent.__esModule) newContent = newContent.default;\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}","import { render, staticRenderFns } from \"./OptionRank.vue?vue&type=template&id=790ff7a2\"\nimport script from \"./OptionRank.vue?vue&type=script&lang=js\"\nexport * from \"./OptionRank.vue?vue&type=script&lang=js\"\nimport style0 from \"./OptionRank.vue?vue&type=style&index=0&id=790ff7a2&lang=scss\"\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  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/github/workspace/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('790ff7a2')) {\n      api.createRecord('790ff7a2', component.options)\n    } else {\n      api.reload('790ff7a2', component.options)\n    }\n    module.hot.accept(\"./OptionRank.vue?vue&type=template&id=790ff7a2\", function () {\n      api.rerender('790ff7a2', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/Options/OptionRank.vue\"\nexport default component.exports","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OptionRank.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OptionRank.vue?vue&type=script&lang=js\"","export * from \"-!../../../node_modules/vue-style-loader/index.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OptionRank.vue?vue&type=style&index=0&id=790ff7a2&lang=scss\"","export * from \"-!../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"d2a26fb4-vue-loader-template\\\"}!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OptionRank.vue?vue&type=template&id=790ff7a2\"","import { render, staticRenderFns } from \"./Message.vue?vue&type=template&id=e83c7908&scoped=true\"\nimport script from \"./Message.vue?vue&type=script&lang=js\"\nexport * from \"./Message.vue?vue&type=script&lang=js\"\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  \"e83c7908\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/github/workspace/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('e83c7908')) {\n      api.createRecord('e83c7908', component.options)\n    } else {\n      api.reload('e83c7908', component.options)\n    }\n    module.hot.accept(\"./Message.vue?vue&type=template&id=e83c7908&scoped=true\", function () {\n      api.rerender('e83c7908', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/UI/Message.vue\"\nexport default component.exports","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Message.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Message.vue?vue&type=script&lang=js\"","export * from \"-!../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"d2a26fb4-vue-loader-template\\\"}!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Message.vue?vue&type=template&id=e83c7908&scoped=true\""],"sourceRoot":""}