{"version":3,"sources":["webpack:///./src/views/pages/AdvisorOnlineSchedule/index.vue?2add","webpack:///src/views/pages/AdvisorOnlineSchedule/index.vue","webpack:///./src/views/pages/AdvisorOnlineSchedule/index.vue?5806","webpack:///./src/views/pages/AdvisorOnlineSchedule/index.vue?be3f","webpack:///./src/views/pages/AdvisorOnlineSchedule/index.vue?fa82"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","_e","staticClass","ref","calendarView","windowWidth","calendarEventList","showDate","on","openEvent","slot","$vs","rtl","$event","updateMonth","_v","_s","_f","showDateFormat","_l","view","index","val","key","String","class","calendarViewTypes","length","$t","scopedSlots","_u","fn","currentViewEvent","data","topicLocal","descriptionLocal","subjectCode","classSection","sectionNo","learnSpanNo","subjectName","teacherFullName","startDateFormat","endDateFormat","remark","externalLink","canViewLiveClass","goToExternalLink","staticRenderFns","store","components","CalendarView","Loader","Date","disabledFrom","id","title","startDate","endDate","labelLocal","langHe","langEn","url","activePromptAddEvent","activePromptEditEvent","activeViewEvent","calendarEvents","processing","computed","validForm","disabledDatesTo","disabledDatesFrom","calendarLabels","$store","state","calendar","eventLabels","labelColor","label","methods","addEvent","obj","classes","$refs","getIncrementedPeriod","clearFields","promptAddNewEvent","addNewEventDialog","date","openAddNewEvent","evt","originalEvent","setTimeout","closeEventViewer","openEditEvent","e","editEvent","dispatch","removeEvent","eventDragged","mapAdvisorOnlineSchedulesToCalendar","advisorOnlineSchedules","map","item","format","window","open","link","onCopy","cancel","scrollToElement","el","scrollIntoView","created","registerModule","moduleCalendar","beforeDestroy","unregisterModule","component"],"mappings":"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","file":"js/chunk-7ec1728c.c3552af4.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"simple-calendar-app\"}},[(_vm.processing)?_c('Loader',{attrs:{\"cover\":\"\"}}):_vm._e(),_c('div',{staticClass:\"vx-card no-scroll-content\"},[_c('calendar-view',{ref:\"calendar\",staticClass:\"theme-default\",attrs:{\"displayPeriodUom\":_vm.calendarView,\"eventTop\":_vm.windowWidth <= 400 ? '2rem' : '3rem',\"events\":_vm.calendarEventList,\"show-date\":_vm.showDate,\"startingDayOfWeek\":1,\"eventBorderHeight\":\"0px\",\"eventContentHeight\":\"1.65rem\"},on:{\"click-event\":_vm.openEvent}},[_c('div',{staticClass:\"mb-4\",attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('div',{staticClass:\"vx-row no-gutter\"},[_c('div',{staticClass:\"vx-col w-1/3 items-center sm:flex hidden\"},[_c('div',{staticClass:\"flex items-center\"},[_c('feather-icon',{staticClass:\"cursor-pointer bg-primary text-white rounded-full\",attrs:{\"icon\":_vm.$vs.rtl ? 'ChevronRightIcon' : 'ChevronLeftIcon',\"svgClasses\":\"w-5 h-5 m-1\"},on:{\"click\":function($event){return _vm.updateMonth(-1)}}}),_c('span',{staticClass:\"mx-3 text-xl font-medium whitespace-no-wrap\"},[_vm._v(_vm._s(_vm._f(\"month\")(_vm.showDateFormat)))]),_c('feather-icon',{staticClass:\"cursor-pointer bg-primary text-white rounded-full\",attrs:{\"icon\":_vm.$vs.rtl ? 'ChevronLeftIcon' : 'ChevronRightIcon',\"svgClasses\":\"w-5 h-5 m-1\"},on:{\"click\":function($event){return _vm.updateMonth(1)}}})],1)]),_c('div',{staticClass:\"vx-col sm:w-1/3 w-full sm:my-0 my-3 flex sm:justify-end justify-center\"},[_c('div')]),_c('div',{staticClass:\"vx-col sm:w-1/3 w-full flex justify-end order-last\"},[_vm._l((_vm.calendarViewTypes),function(view,index){return [(_vm.calendarView === view.val)?_c('vs-button',{key:String(view.val) + 'filled',staticClass:\"p-3 md:px-8 md:py-3\",class:{'border-l-0 rounded-l-none': index, 'rounded-r-none': _vm.calendarViewTypes.length !== index+1},attrs:{\"type\":\"filled\"},on:{\"click\":function($event){_vm.calendarView = view.val}}},[_vm._v(_vm._s(_vm.$t((\"\" + (view.i18n))))+\" \")]):_c('vs-button',{key:String(view.val) + 'border',staticClass:\"p-3 md:px-8 md:py-3\",class:{'border-l-0 rounded-l-none': index, 'rounded-r-none': _vm.calendarViewTypes.length !== index+1},attrs:{\"type\":\"border\"},on:{\"click\":function($event){_vm.calendarView = view.val}}},[_vm._v(_vm._s(_vm.$t((\"\" + (view.i18n))))+\" \")])]})],2)])]),_c('div',{staticClass:\"mb-5\",attrs:{\"slot\":\"dayContent\"},slot:\"dayContent\",scopedSlots:_vm._u([{key:\"item\",fn:function(val){return _c('div',{staticClass:\"mb-5\"},[_vm._v(\" \"+_vm._s(val)+\" \")])}}])})])],1),(_vm.activeViewEvent)?_c('vx-card',{staticClass:\"view-event mt-base scroll-to-me\",attrs:{\"button-close-hidden\":true,\"title\":_vm.$t('advisor-online-schedule.detail-title')}},[_c('h6',{staticClass:\"mb-4\"},[_vm._v(\" \"+_vm._s(_vm.$t('live-class-schedule.topic'))+\": \"+_vm._s(_vm.currentViewEvent.data.topicLocal)+\" \")]),_c('h6',{staticClass:\"mb-4\"},[_vm._v(\" \"+_vm._s(_vm.$t('advisor-online-schedule.description'))+\": \"+_vm._s(_vm.currentViewEvent.data.descriptionLocal)+\" \")]),_c('h6',{staticClass:\"mb-4\"},[_vm._v(\" \"+_vm._s(_vm.$t('live-class-schedule.subject-code'))+\": \"+_vm._s(_vm.currentViewEvent.data.subjectCode)+\" \"+_vm._s(_vm.$t('class-overview.section'))+\" \"+_vm._s(_vm.currentViewEvent.data.classSection.sectionNo)+\" \"+_vm._s(_vm.$t('class-overview.span'))+\" \"+_vm._s(_vm.currentViewEvent.data.classSection.learnSpanNo)+\" \")]),_c('h6',{staticClass:\"mb-4\"},[_vm._v(\" \"+_vm._s(_vm.$t('live-class-schedule.subject-name'))+\": \"+_vm._s(_vm.currentViewEvent.data.subjectName)+\" \")]),_c('h6',[_vm._v(\" \"+_vm._s(_vm.$t('advisor-online-schedule.teacher'))+\": \"+_vm._s(_vm.currentViewEvent.data.teacherFullName)+\" \")]),_c('vs-divider'),_c('div',{staticClass:\"flex justify-start flex-wrap\"},[_c('span',[_c('p',{staticClass:\"text-xl mb-2\"},[_vm._v(\" \"+_vm._s(_vm.$t('advisor-online-schedule.start-at'))+\" \"+_vm._s(_vm.currentViewEvent.startDateFormat)+\" - \"+_vm._s(_vm.currentViewEvent.endDateFormat)+\" \")]),_c('p',{staticClass:\"text-grey\"},[_vm._v(\" \"+_vm._s(_vm.$t('live-class-schedule.remark'))+\": \"+_vm._s(_vm.currentViewEvent.data.remark || '-')+\" \")])])]),_c('div',{staticClass:\"mt-5 flex justify-end\"},[(_vm.currentViewEvent && _vm.currentViewEvent.data && _vm.currentViewEvent.data.externalLink)?_c('vs-button',{staticClass:\"mr-2\",attrs:{\"disabled\":!_vm.currentViewEvent.canViewLiveClass,\"color\":\"success\",\"icon\":\"icon-link\",\"icon-pack\":\"feather\"},on:{\"click\":function($event){return _vm.goToExternalLink(_vm.currentViewEvent.data.externalLink)}}},[_vm._v(\" \"+_vm._s(_vm.$t('live-class-schedule.go-to-external-link'))+\" \")]):_vm._e()],1)],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div id=\"simple-calendar-app\">\n\n    <Loader v-if=\"processing\" cover/>\n    <div class=\"vx-card no-scroll-content\">\n      <calendar-view\n        ref=\"calendar\"\n        :displayPeriodUom=\"calendarView\"\n        :eventTop=\"windowWidth <= 400 ? '2rem' : '3rem'\"\n        :events=\"calendarEventList\"\n        :show-date=\"showDate\"\n        :startingDayOfWeek=\"1\"\n        class=\"theme-default\"\n        eventBorderHeight=\"0px\"\n        eventContentHeight=\"1.65rem\"\n        @click-event=\"openEvent\"\n      >\n\n        <div slot=\"header\" class=\"mb-4\">\n\n          <div class=\"vx-row no-gutter\">\n\n            <!-- Month Name -->\n            <div class=\"vx-col w-1/3 items-center sm:flex hidden\">\n              <div class=\"flex items-center\">\n                <feather-icon\n                  :icon=\"$vs.rtl ? 'ChevronRightIcon' : 'ChevronLeftIcon'\"\n                  class=\"cursor-pointer bg-primary text-white rounded-full\"\n                  svgClasses=\"w-5 h-5 m-1\"\n                  @click=\"updateMonth(-1)\"/>\n\n                <span class=\"mx-3 text-xl font-medium whitespace-no-wrap\">{{ showDateFormat | month }}</span>\n\n                <feather-icon\n                  :icon=\"$vs.rtl ? 'ChevronLeftIcon' : 'ChevronRightIcon'\"\n                  class=\"cursor-pointer bg-primary text-white rounded-full\"\n                  svgClasses=\"w-5 h-5 m-1\"\n                  @click=\"updateMonth(1)\"/>\n              </div>\n            </div>\n\n            <!-- Current Month -->\n            <div class=\"vx-col sm:w-1/3 w-full sm:my-0 my-3 flex sm:justify-end justify-center\">\n              <div></div>\n            </div>\n\n            <div class=\"vx-col sm:w-1/3 w-full flex justify-end order-last\">\n              <template v-for=\"(view, index) in calendarViewTypes\">\n                <vs-button\n                  v-if=\"calendarView === view.val\"\n                  :key=\"String(view.val) + 'filled'\"\n                  :class=\"{'border-l-0 rounded-l-none': index, 'rounded-r-none': calendarViewTypes.length !== index+1}\"\n                  class=\"p-3 md:px-8 md:py-3\"\n                  type=\"filled\"\n                  @click=\"calendarView = view.val\"\n                >{{ $t(`${view.i18n}`) }}\n                </vs-button>\n                <vs-button\n                  v-else\n                  :key=\"String(view.val) + 'border'\"\n                  :class=\"{'border-l-0 rounded-l-none': index, 'rounded-r-none': calendarViewTypes.length !== index+1}\"\n                  class=\"p-3 md:px-8 md:py-3\"\n                  type=\"border\"\n                  @click=\"calendarView = view.val\"\n                >{{ $t(`${view.i18n}`) }}\n                </vs-button>\n              </template>\n\n            </div>\n          </div>\n\n        </div>\n\n        <div slot=\"dayContent\" class=\"mb-5\">\n          <div slot=\"item\" slot-scope=\"val\" class=\"mb-5\">\n            {{ val }}\n          </div>\n        </div>\n\n      </calendar-view>\n    </div>\n    <vx-card\n      v-if=\"activeViewEvent\"\n      :button-close-hidden=\"true\"\n      :title=\"$t('advisor-online-schedule.detail-title')\"\n      class=\"view-event mt-base scroll-to-me\">\n\n      <h6 class=\"mb-4\">\n        {{ $t('live-class-schedule.topic') }}: {{ currentViewEvent.data.topicLocal }}\n      </h6>\n      <h6 class=\"mb-4\">\n        {{ $t('advisor-online-schedule.description') }}: {{ currentViewEvent.data.descriptionLocal }}\n      </h6>\n\n      <h6 class=\"mb-4\">\n        {{ $t('live-class-schedule.subject-code') }}: {{ currentViewEvent.data.subjectCode }}\n        {{$t('class-overview.section')}} {{ currentViewEvent.data.classSection.sectionNo }}\n        {{$t('class-overview.span')}} {{ currentViewEvent.data.classSection.learnSpanNo }}\n      </h6>\n      <h6 class=\"mb-4\">\n        {{ $t('live-class-schedule.subject-name') }}: {{ currentViewEvent.data.subjectName }}\n      </h6>\n\n      <h6>\n        {{ $t('advisor-online-schedule.teacher') }}: {{ currentViewEvent.data.teacherFullName }}\n      </h6>\n      <vs-divider></vs-divider>\n      <div class=\"flex justify-start flex-wrap\">\n          <span>\n            <p class=\"text-xl mb-2\">\n              {{ $t('advisor-online-schedule.start-at') }} {{ currentViewEvent.startDateFormat }} - {{\n                currentViewEvent.endDateFormat\n              }}\n            </p>\n            <p class=\"text-grey\">\n              {{ $t('live-class-schedule.remark') }}: {{ currentViewEvent.data.remark || '-' }}\n            </p>\n          </span>\n      </div>\n      <!--      <pre>{{currentViewEvent.data}}</pre>-->\n      <div class=\"mt-5 flex justify-end\">\n        <!--    EXTERNAL LIVE-->\n        <vs-button v-if=\"currentViewEvent && currentViewEvent.data && currentViewEvent.data.externalLink\"\n                   :disabled=\"!currentViewEvent.canViewLiveClass\"\n                   class=\"mr-2\"\n                   color=\"success\" icon=\"icon-link\"\n                   icon-pack=\"feather\"\n                   @click=\"goToExternalLink(currentViewEvent.data.externalLink)\">\n          {{ $t('live-class-schedule.go-to-external-link') }}\n        </vs-button>\n\n        <!--        <vs-button v-if=\"currentViewEvent && currentViewEvent.data && currentViewEvent.data.externalPassword\"\n                           icon-pack=\"feather\" icon=\"icon-copy\"\n                           :disabled=\"!currentViewEvent.canViewLiveClass\"\n                           v-clipboard:copy=\"currentViewEvent.data.externalPassword\"\n                           v-clipboard:success=\"onCopy\">\n                  {{ $t('live-class-schedule.copy-password') }}\n                </vs-button>-->\n\n      </div>\n\n    </vx-card>\n  </div>\n</template>\n\n<script>\nimport moment from \"moment-timezone\";\nimport {CalendarView, /*CalendarViewHeader*/} from \"vue-simple-calendar\"\nimport moduleCalendar from '@/store/modules/liveschedule/moduleCalendar.js'\n\nrequire(\"vue-simple-calendar/static/css/default.css\")\n\nimport {en, he} from \"vuejs-datepicker/src/locale\"\nimport {showLocalNotification, notificationType} from \"@/utils/notification\";\nimport store from \"@/store\";\nimport AdvisorOnlineSchedule from '@/store/modules/advisor-online-schedule/index';\nimport {createNamespacedHelpers} from \"vuex\";\n\nif (!store.state.AdvisorOnlineSchedule) store.state.registerModule(`AdvisorOnlineSchedule`, AdvisorOnlineSchedule);\nconst {\n  mapActions: mapAdvisorOnlineScheduleActions,\n} = createNamespacedHelpers(`AdvisorOnlineSchedule`);\n\nexport default {\n  components: {\n    CalendarView,\n    // CalendarViewHeader,\n    Loader: () => import('@/components/common-ui/loader-block/index.vue'),\n  },\n  data() {\n    return {\n      showDate: new Date(),\n      disabledFrom: false,\n      id: 0,\n      title: '',\n      startDate: '',\n      endDate: '',\n      labelLocal: 'none',\n      currentViewEvent: {\n        id: 0,\n        title: '',\n        startDate: '',\n        endDate: '',\n        labelLocal: 'none',\n        data: {},\n      },\n      langHe: he,\n      langEn: en,\n\n      url: '',\n      calendarView: 'month',\n\n      activePromptAddEvent: false,\n      activePromptEditEvent: false,\n      activeViewEvent: false,\n\n      calendarViewTypes: [\n        {\n          label: \"Week\",\n          i18n: \"general.time.week\",\n          val: \"week\"\n        },\n        {\n          label: \"Month\",\n          i18n: \"general.time.month\",\n          val: \"month\"\n        },\n        {\n          label: \"Year\",\n          i18n: \"general.time.year\",\n          val: \"year\"\n        },\n      ],\n      calendarEvents: [],\n      processing: true,\n    }\n  },\n  computed: {\n    calendarEventList() {\n      return this.calendarEvents;\n    },\n    validForm() {\n      return this.title !== ''\n        && this.startDate !== ''\n        && this.endDate !== ''\n        && (Date.parse(this.endDate) - Date.parse(this.startDate)) >= 0\n        && !this.errors.has('event-url');\n    },\n    disabledDatesTo() {\n      return {to: new Date(this.startDate)}\n    },\n    disabledDatesFrom() {\n      return {from: new Date(this.endDate)}\n    },\n    calendarLabels() {\n      return this.$store.state.calendar.eventLabels\n    },\n    labelColor() {\n      return (label) => {\n        if (label === \"business\") return \"success\"\n        else if (label === \"work\") return \"warning\"\n        if (label === \"personal\") return \"danger\"\n        if (label === \"none\") return \"primary\"\n      }\n    },\n    windowWidth() {\n      return this.$store.state.windowWidth\n    },\n    showDateFormat() {\n      moment.locale(this.$i18n.locale);\n      return moment(this.showDate);\n    }\n  },\n  methods: {\n    ...mapAdvisorOnlineScheduleActions({\n      getAdvisorOnlineSchedulesCurrentUser: 'getAdvisorOnlineSchedulesCurrentUser',\n    }),\n    addEvent() {\n      const obj = {\n        title: this.title,\n        startDate: this.startDate,\n        endDate: this.endDate,\n        label: this.labelLocal,\n        url: this.url\n      }\n      obj.classes = \"event-\" + this.labelColor(this.labelLocal)\n    },\n    updateMonth(val) {\n      this.showDate = this.$refs.calendar.getIncrementedPeriod(val);\n    },\n    clearFields() {\n      this.title = this.endDate = this.url = \"\";\n      this.id = 0;\n      this.labelLocal = \"none\";\n    },\n    promptAddNewEvent(date) {\n      this.disabledFrom = false;\n      this.addNewEventDialog(date);\n    },\n    addNewEventDialog(date) {\n      this.clearFields();\n      this.startDate = date;\n      this.endDate = date;\n      this.activePromptAddEvent = true;\n    },\n    openAddNewEvent(date) {\n      this.disabledFrom = true;\n      this.addNewEventDialog(date);\n    },\n    openEvent(evt) {\n      this.currentViewEvent = evt.originalEvent;\n      this.activeViewEvent = true;\n      setTimeout(() => {\n        this.scrollToElement();\n      }, 100)\n    },\n    closeEventViewer() {\n      this.activeViewEvent = false;\n    },\n    openEditEvent(event) {\n      const e = this.$store.getters['calendar/getEvent'](event.id)\n      this.id = e.id\n      this.title = e.title\n      this.startDate = e.startDate\n      this.endDate = e.endDate\n      this.url = e.url\n      this.labelLocal = e.label\n      this.activePromptEditEvent = true;\n    },\n    editEvent() {\n      const obj = {\n        id: this.id,\n        title: this.title,\n        startDate: this.startDate,\n        endDate: this.endDate,\n        label: this.labelLocal,\n        url: this.url\n      }\n      obj.classes = \"event-\" + this.labelColor(this.labelLocal)\n      this.$store.dispatch('calendar/editEvent', obj)\n    },\n    removeEvent() {\n      this.$store.dispatch('calendar/removeEvent', this.id)\n    },\n    eventDragged(event, date) {\n      this.$store.dispatch('calendar/eventDragged', {event: event, date: date})\n    },\n    mapAdvisorOnlineSchedulesToCalendar(advisorOnlineSchedules) {\n\n      moment.locale(this.$i18n.locale);\n\n      return advisorOnlineSchedules.map(item => {\n        const startDate = moment(new Date(item.dateTimeFrom));\n        const endDate = moment(new Date(item.dateTimeTo));\n        return {\n          id: item.id,\n          startDate: startDate,\n          endDate: endDate,\n          startDateFormat: startDate.format(\"LLLL\"),\n          endDateFormat: endDate.format(\"HH:mm\"),\n          title: item.subjectCode,\n          url: '',\n          classes: '',\n          data: item,\n          canViewLiveClass: moment().isSameOrBefore(endDate)\n        }\n      })\n    },\n    goToExternalLink(link) {\n      window.open(link, '_blank');\n    },\n    onCopy() {\n      showLocalNotification(this.$vs\n        , this.$t('general.success'),\n        this.$t('live-class-schedule.copy-success')\n        , notificationType.SUCCESS);\n\n    },\n    cancel() {\n      this.activeViewEvent = false;\n    },\n    scrollToElement() {\n      const el = this.$el.getElementsByClassName('scroll-to-me')[0];\n\n      if (el) {\n        // Use el.scrollIntoView() to instantly scroll to the element\n        el.scrollIntoView({behavior: 'smooth'});\n      }\n    },\n    async loadData() {\n      this.processing = true;\n      const result = await this.getAdvisorOnlineSchedulesCurrentUser();\n      if (result) {\n        this.calendarEvents = this.mapAdvisorOnlineSchedulesToCalendar(result);\n        this.processing = false;\n      }\n    }\n  },\n  created() {\n    this.$store.registerModule('calendar', moduleCalendar)\n  },\n  beforeDestroy() {\n    this.$store.unregisterModule('calendar')\n  },\n  async beforeMount() {\n    await this.loadData();\n  }\n}\n</script>\n\n<style lang=\"scss\">\n@import \"@/assets/scss/vuexy/apps/simple-calendar.scss\";\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=413356e5&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&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\nexport default component.exports","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}