{"version":3,"sources":["webpack:///./src/views/mock/paperTests/layout.vue","webpack:///./src/views/mock/paperTests/compontents/preExamPreparation.vue","webpack:///src/views/mock/paperTests/compontents/preExamPreparation.vue","webpack:///./src/views/mock/paperTests/compontents/preExamPreparation.vue?d228","webpack:///./src/views/mock/paperTests/compontents/preExamPreparation.vue?0236","webpack:///src/views/mock/paperTests/layout.vue","webpack:///./src/views/mock/paperTests/layout.vue?ca70","webpack:///./src/views/mock/paperTests/layout.vue?4e69","webpack:///./src/views/mock/paperTests/layout.vue?58fb","webpack:///./src/views/mock/paperTests/compontents/preExamPreparation.vue?c3d6"],"names":["render","_vm","this","_c","_self","staticClass","attrs","start","timer","on","finish","pause","changeVolume","goTest","directives","name","rawName","value","expression","ref","getTimer","getTotalTimer","staticRenderFns","visible","showStep","require","_v","staticStyle","_m","$event","goNext","playTestAudio","_e","props","type","default","data","methods","component","components","TopBar","PreExamPreparation","interMinute","minutes","seconds","isSubmitFinishing","mounted","document","nextTick","rId","source_id","listening","reading","writing","nextName","id","self","path","query","section","recordId","pageActiveStatus","beforeDestroy"],"mappings":"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","file":"js/chunk-90186986.de3b9dd2.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"paper-swapper\"},[_c('TopBar',{attrs:{\"is-start\":_vm.start,\"timer\":_vm.timer},on:{\"finishSection\":_vm.finish,\"pause\":_vm.pause,\"changeVolume\":_vm.changeVolume}}),_c('PreExamPreparation',{attrs:{\"visible\":!_vm.start},on:{\"goTest\":_vm.goTest}}),_c('section',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.start),expression:\"start\"}],staticClass:\"paper-content\"},[_c('router-view',{ref:\"paperRef\",attrs:{\"testStart\":_vm.start},on:{\"getTimer\":_vm.getTimer,\"getTotalTimer\":_vm.getTotalTimer}})],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.visible)?_c('div',{staticClass:\"confirmDetails\"},[_c('div',{staticClass:\"p-content container-fluid\"},[_c('div',{staticClass:\"row instructions steps\"},[(_vm.showStep === 'one')?_c('div',{staticClass:\"col step step-one\"},[_c('div',{staticClass:\"student-detail\"},[_c('img',{attrs:{\"src\":require(\"../../../../assets/img/userCheck.png\"),\"alt\":\"\"}}),_c('p',{staticClass:\"bc-box-title\"},[_vm._v(\"Confirm your details\")]),_c('div',{staticClass:\"bc-box\"},[_c('h3',{staticStyle:{\"color\":\"red\",\"text-align\":\"center\",\"font-size\":\"1.75rem\"}},[_vm._v(\" EXAMPLE \")]),_vm._m(0),_c('p',{staticClass:\"bx-box-info\"},[_vm._v(\" If your details aren't correct, please inform the invigilator. \")]),_c('button',{staticClass:\"button button-bc\",on:{\"click\":function($event){return _vm.goNext('two')}}},[_vm._v(\" My details are correct \")])])])]):(_vm.showStep === 'two')?_c('div',{staticClass:\"col step step-two\"},[_c('div',{staticClass:\"test-sound\"},[_c('audio',{ref:\"testAudio\",attrs:{\"src\":require(\"../../../../assets/audio/soundcheck.mp3\"),\"loop\":\"\"}}),_c('img',{attrs:{\"src\":require(\"../../../../assets/img/sound.png\"),\"alt\":\"\"}}),_c('p',{staticClass:\"bc-box-title\"},[_vm._v(\"Test sound\")]),_c('div',{staticClass:\"bc-box\"},[_vm._m(1),_c('button',{staticClass:\"button btn-primary button-bc\",attrs:{\"id\":\"test-audio\"},on:{\"click\":_vm.playTestAudio}},[_vm._v(\" Play sound \")]),_c('p',{staticClass:\"bc-box-attention\"},[_vm._v(\" if you can not hear the sound clearly, please tell the invigilator \")]),_c('button',{staticClass:\"button button-bc btn-primary next-button\",on:{\"click\":function($event){return _vm.goNext('three')}}},[_vm._v(\" Continue \")])])])]):_c('div',{staticClass:\"col step step-three\"},[_vm._m(2),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col text-center\"},[_c('p',[_vm._v(\"Do not click 'Start test' until you are told to do so.\")]),_c('button',{staticClass:\"button button-bc btn-primary next-button last-step\",attrs:{\"id\":\"start-test\"},on:{\"click\":_vm.goTest}},[_vm._v(\" Start test \")])])])])])])]):_vm._e()\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('ul',[_c('li',[_vm._v(\"Name:\")]),_c('li',[_vm._v(\"Date of birth: XX-XX-XXXX\")]),_c('li',[_vm._v(\"Candidate number: xxxx xxxx - 123456\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',[_vm._v(\" Put on your headphones and click the \"),_c('strong',[_vm._v(\"Play sound\")]),_vm._v(\" button to play a sample sound. \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col\"},[_c('h5',[_vm._v(\"IELTS Listening\")]),_c('p',[_vm._v(\"Time: Approximately 30 minutes\")]),_c('h5',[_vm._v(\"INSTRUCTIONS TO CANDIDATES\")]),_c('ul',[_c('li',[_vm._v(\"Answer \"),_c('strong',[_vm._v(\"all\")]),_vm._v(\" the questions.\")]),_c('li',[_vm._v(\" You can change your answers at any time during the test. \")])]),_c('h5',[_vm._v(\"INFORMATION FOR CANDIDATES\")]),_c('ul',[_c('li',[_vm._v(\"There are 40 questions in this test.\")]),_c('li',[_vm._v(\"Each question carries one mark.\")]),_c('li',[_vm._v(\"There are four parts to the test\")]),_c('li',[_vm._v(\"You will hear each part once.\")]),_c('li',[_vm._v(\" For each part of the test there will be time for you to look through the questions and time for you to check your answers. \")])])])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"confirmDetails\" v-if=\"visible\">\n    <div class=\"p-content container-fluid\">\n      <div class=\"row instructions steps\">\n        <div class=\"col  step step-one\" v-if=\"showStep === 'one'\">\n          <div class=\"student-detail\">\n            <img src=\"../../../../assets/img/userCheck.png\" alt=\"\" />\n            <p class=\"bc-box-title\">Confirm your details</p>\n            <div class=\"bc-box\">\n              <h3 style=\"color: red;text-align: center;font-size: 1.75rem\">\n                EXAMPLE\n              </h3>\n              <ul>\n                <li>Name:</li>\n                <li>Date of birth: XX-XX-XXXX</li>\n                <li>Candidate number: xxxx xxxx - 123456</li>\n              </ul>\n              <p class=\"bx-box-info\">\n                If your details aren't correct, please inform the invigilator.\n              </p>\n              <button class=\"button button-bc\" @click=\"goNext('two')\">\n                My details are correct\n              </button>\n            </div>\n          </div>\n        </div>\n        <div class=\"col step step-two\" v-else-if=\"showStep === 'two'\">\n          <div class=\"test-sound\">\n            <audio\n              ref=\"testAudio\"\n              src=\"../../../../assets/audio/soundcheck.mp3\"\n              loop\n            ></audio>\n            <img src=\"../../../../assets/img/sound.png\" alt=\"\" />\n            <p class=\"bc-box-title\">Test sound</p>\n            <div class=\"bc-box\">\n              <p>\n                Put on your headphones and click the\n                <strong>Play sound</strong> button to play a sample sound.\n              </p>\n              <button\n                id=\"test-audio\"\n                class=\"button  btn-primary  button-bc\"\n                @click=\"playTestAudio\"\n              >\n                Play sound\n              </button>\n              <p class=\"bc-box-attention\">\n                if you can not hear the sound clearly, please tell the\n                invigilator\n              </p>\n              <button\n                class=\"button  button-bc btn-primary next-button\"\n                @click=\"goNext('three')\"\n              >\n                Continue\n              </button>\n            </div>\n          </div>\n        </div>\n        <div class=\"col step step-three\" v-else>\n          <div class=\"row\">\n            <div class=\"col\">\n              <h5>IELTS Listening</h5>\n              <p>Time: Approximately 30 minutes</p>\n              <h5>INSTRUCTIONS TO CANDIDATES</h5>\n              <ul>\n                <li>Answer <strong>all</strong> the questions.</li>\n                <li>\n                  You can change your answers at any time during the test.\n                </li>\n              </ul>\n              <h5>INFORMATION FOR CANDIDATES</h5>\n              <ul>\n                <li>There are 40 questions in this test.</li>\n                <li>Each question carries one mark.</li>\n                <li>There are four parts to the test</li>\n                <li>You will hear each part once.</li>\n                <li>\n                  For each part of the test there will be time for you to look\n                  through the questions and time for you to check your answers.\n                </li>\n              </ul>\n            </div>\n          </div>\n          <div class=\"row\">\n            <div class=\"col text-center\">\n              <p>Do not click 'Start test' until you are told to do so.</p>\n              <button\n                id=\"start-test\"\n                class=\"button button-bc btn-primary  next-button last-step\"\n                @click=\"goTest\"\n              >\n                Start test\n              </button>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    visible: {\n      type: Boolean,\n      default: true\n    }\n  },\n  data() {\n    return {\n      showStep: \"one\"\n    };\n  },\n  methods: {\n    goNext(step) {\n      this.showStep = step;\n    },\n    goTest() {\n      this.$emit(\"goTest\");\n    },\n    playTestAudio() {\n      this.$refs.testAudio.play();\n    }\n  }\n};\n</script>\n\n<style lang=\"less\" scoped>\n.top-bar,\n.exercises {\n  box-shadow: 0 0.0714em 0.214em rgba(0, 0, 0, 0.25);\n  background-image: linear-gradient(to top, #fff, #dde3ee);\n}\n\n.exercises {\n  border-radius: 8px;\n  padding-top: 15px;\n  padding-bottom: 1em;\n  height: calc(100vh - 246px);\n  overflow-y: auto;\n}\n\n.hidden {\n  display: none;\n}\n\n.exercise {\n  margin-bottom: 2em;\n}\n\n.confirmDetails {\n  width: 100%;\n  text-align: left;\n}\n\n.container-fluid {\n  width: 100%;\n  padding-right: 15px;\n  padding-left: 15px;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n.p-content {\n  .instructions {\n    padding-top: 40px;\n\n    h5 {\n      font-weight: bold;\n      font-size: 1.25rem;\n      color: #212529;\n    }\n\n    .student-detail,\n    .test-sound {\n      width: 100%;\n      max-width: 1120px;\n      margin: 80px auto 0 auto;\n    }\n\n    p,\n    ul {\n      font-size: 14px;\n    }\n\n    p.bx-box-info,\n    p.bc-box-attention {\n      padding-left: 25px;\n      background-position: left 0.15em;\n      background-repeat: no-repeat;\n    }\n\n    p.bx-box-info {\n      background-image: url(\"../../../../assets/img/iconInformation16.png\");\n    }\n\n    p.bc-box-attention {\n      background-image: url(\"../../../../assets/img/iconAttention16.png\");\n    }\n\n    .bc-box-title {\n      display: inline-block;\n      font-weight: bold;\n    }\n\n    .bc-box {\n      display: block;\n      width: 100%;\n      max-width: 1120px;\n      border: solid 1px white;\n      border-radius: 10px;\n      padding: 15px;\n      margin: 0 auto;\n    }\n\n    .btn-primary:not(:disabled):not(.disabled).active,\n    .btn-primary:not(:disabled):not(.disabled):active,\n    .show > .btn-primary.dropdown-toggle {\n      color: #fff;\n      background-color: #0062cc;\n      border-color: #005cbf;\n    }\n\n    .button-bc {\n      margin: 0 auto;\n      display: block;\n      background-color: transparent;\n      color: #283e53;\n      font-weight: bold;\n      border: none;\n      box-shadow: 0 2px 2px grey;\n    }\n  }\n}\n\n.note_instructions {\n  right: 10%;\n  bottom: 10%;\n}\n\n.p_listening_loading {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh;\n  background: #dce5f6;\n  z-index: 99;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  .loading_content {\n    width: 300px;\n    height: 200px;\n    text-align: center;\n    color: #333;\n  }\n}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../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!./preExamPreparation.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../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!./preExamPreparation.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./preExamPreparation.vue?vue&type=template&id=a40c4b3a&scoped=true&\"\nimport script from \"./preExamPreparation.vue?vue&type=script&lang=js&\"\nexport * from \"./preExamPreparation.vue?vue&type=script&lang=js&\"\nimport style0 from \"./preExamPreparation.vue?vue&type=style&index=0&id=a40c4b3a&prod&lang=less&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  \"a40c4b3a\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"paper-swapper\">\n    <TopBar\n      :is-start=\"start\"\n      :timer=\"timer\"\n      @finishSection=\"finish\"\n      @pause=\"pause\"\n      @changeVolume=\"changeVolume\"\n    />\n\n    <PreExamPreparation :visible=\"!start\" @goTest=\"goTest\" />\n    <section v-show=\"start\" class=\"paper-content\">\n      <router-view\n        @getTimer=\"getTimer\"\n        ref=\"paperRef\"\n        @getTotalTimer=\"getTotalTimer\"\n        :testStart=\"start\"\n      />\n    </section>\n  </div>\n</template>\n\n<script>\nimport TopBar from \"@/components/common/topBar/topBar\";\nimport PreExamPreparation from \"@/views/mock/paperTests/compontents/preExamPreparation.vue\";\nimport { EXERCISE_TYPE, MOCK_SECTION } from \"@/utils/constant\";\nimport { nextTick } from \"vue\";\n\nexport default {\n  components: {\n    TopBar,\n    PreExamPreparation\n  },\n  data() {\n    return {\n      start: false,\n      timer: {\n        interMinute: \"\",\n        minutes: \"\",\n        seconds: \"00\"\n      },\n      isSubmitFinishing: false\n    };\n  },\n  mounted(){\n    document.addEventListener('visibilitychange', this.pageActiveStatus);\n  },\n  methods: {\n    getTotalTimer(timer) {\n      this.timer = timer;\n    },\n    goTest() {\n      this.start = true;\n      nextTick(() => {\n        this.$refs.paperRef.pause(false);\n      });\n    },\n    getTimer(timer) {\n      if (timer.minutes === \"00\" && timer.seconds === \"00\") {\n        this.finish();\n        return;\n      }\n      this.timer = timer;\n    },\n    finish() {\n      if(this.isSubmitFinishing) return\n      this.isSubmitFinishing = true;\n      if (!this.$refs.paperRef) {\n        return;\n      }\n      const id = this.$route.params.id;\n      const { rId, type, source_id } = this.$route.query;\n      const name = this.$refs.paperRef.$options.name;\n      const names = [\"listening\", \"reading\", \"writing\"];\n      const nextName = names[names.indexOf(name) + 1];\n      const sectionMap = {\n        listening: MOCK_SECTION.LISTENING,\n        reading: MOCK_SECTION.READING,\n        writing: MOCK_SECTION.WRITING\n      };\n      const nextPath =\n        nextName && +type === +EXERCISE_TYPE.MOCK\n          ? `/paperTests/${nextName}/${id}`\n          : `/report/${id}`;\n\n      let self = this\n      this.$refs.paperRef.finish(() => {\n        self.isSubmitFinishing = false\n        this.$router.push({\n          path: nextPath,\n          query: {\n            ...this.$route.query,\n            source_id,\n            section: +type === +EXERCISE_TYPE.MOCK ? \"\" : sectionMap[name],\n            recordId: rId\n          }\n        });\n      });\n    },\n    pause(isPause) {\n      nextTick(() => {\n        this.$refs.paperRef.pause(isPause);\n      });\n    },\n    changeVolume(volume) {\n      if (\n        this.$refs.paperRef &&\n        this.$refs.paperRef.$options.name === \"listening\"\n      ) {\n        this.$refs.paperRef.changeVolume(volume);\n      }\n    },\n    pageActiveStatus(){\n\n      this.pause(document.visibilityState === 'visible' ? false : true)\n    }\n  },\n  beforeDestroy () {\n    document.removeEventListener('visibilitychange', this.pageActiveStatus)\n  }\n};\n</script>\n\n<style lang=\"less\" scoped>\n.paper-swapper {\n  height: 100vh;\n  overflow-y: hidden;\n  background: #f6f6f6;\n  .paper-content {\n    width: 1262px;\n    height: calc(100vh - 105px);\n    margin: 20px auto;\n  }\n}\n\n//  ----- common form style -----\n/deep/.common-paper-input {\n  border-top: none;\n  border-left: none;\n  border-right: none;\n  border-bottom: 1px dashed #ccc;\n  text-indent: 6px;\n  transition: all 0.6s;\n  //color: #22c17c;\n  &::placeholder {\n    font-weight: bold;\n    color: #afafaf;\n  }\n  &:focus-visible {\n    outline: none;\n  }\n  &:hover,\n  &:focus {\n    border-bottom: 1px solid;\n  }\n}\n\n/deep/.common-paper-match {\n  padding-left: 15px;\n}\n/deep/.common-paper-match-option-swap {\n  //display: flex;\n  //flex-wrap: wrap;\n  padding: 10px;\n  border: 1px solid #ccc;\n  border-radius: 5px;\n\n  .common-paper-match-option {\n    margin: 4px 8px;\n    padding-left: 10px;\n  }\n}\n\n/deep/.common-paper-question {\n  //background: aliceblue;\n  padding: 12px 20px;\n  border-radius: 5px;\n  margin-bottom: 10px;\n}\n\n//  ----- common style -----\n/deep/.align-center {\n  text-align: center;\n}\n/deep/.over-auto {\n  overflow: auto;\n}\n\n/deep/.common-paper-option-label {\n  text-indent: 10px;\n}\n/deep/ .common-paper-option-label:hover {\n  opacity: 0.8;\n  cursor: pointer;\n}\n\n// -- 单选 --\n/deep/input[type=\"radio\"] {\n  width: 18px;\n  height: 18px;\n  appearance: none;\n  position: relative;\n}\n\n/deep/input[type=\"radio\"]:before {\n  content: \"\";\n  width: 18px;\n  height: 18px;\n  border: 1px solid #7d7d7d;\n  display: inline-block;\n  border-radius: 50%;\n  vertical-align: middle;\n}\n\n/deep/input[type=\"radio\"]:checked:before {\n  content: \"\";\n  width: 18px;\n  height: 18px;\n  border: 1px solid #22c17c;\n  background: #22c17c8c;\n  display: inline-block;\n  border-radius: 50%;\n  vertical-align: middle;\n}\n\n/deep/input[type=\"radio\"]:checked:after {\n  content: \"\";\n  width: 10px;\n  height: 6px;\n  border: 2px solid white;\n  border-top: transparent;\n  border-right: transparent;\n  text-align: center;\n  display: block;\n  position: absolute;\n  top: 6px;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  margin: auto;\n  vertical-align: middle;\n  transform: rotate(-45deg);\n}\n\n// -- 多选 --\n/deep/input[type=\"checkbox\"] {\n  width: 18px;\n  height: 18px;\n  appearance: none;\n  position: relative;\n}\n\n/deep/input[type=\"checkbox\"]:before {\n  content: \"\";\n  width: 18px;\n  height: 18px;\n  border: 1px solid #7d7d7d;\n  display: inline-block;\n  border-radius: 2px;\n  vertical-align: middle;\n}\n\n/deep/input[type=\"checkbox\"]:checked:before {\n  content: \"\";\n  width: 18px;\n  height: 18px;\n  border: 1px solid #22c17c;\n  background: #22c17c8c;\n  display: inline-block;\n  border-radius: 2px;\n  vertical-align: middle;\n}\n\n/deep/input[type=\"checkbox\"]:checked:after {\n  content: \"\";\n  width: 10px;\n  height: 6px;\n  border: 2px solid white;\n  border-top: transparent;\n  border-right: transparent;\n  text-align: center;\n  display: block;\n  position: absolute;\n  top: 6px;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  margin: auto;\n  vertical-align: middle;\n  transform: rotate(-45deg);\n}\n\n/deep/input[type=\"checkbox\"]:disabled:before {\n  content: \"\";\n  width: 18px;\n  height: 18px;\n  border: 1px solid #7d7d7d;\n  display: inline-block;\n  border-radius: 2px;\n  vertical-align: middle;\n  background: #ccc;\n}\n\n// -- table --\n/deep/table {\n  width: 100%;\n  th {\n    color: rgba(0, 0, 0, 0.9);\n    background: #f5f7fa;\n    border-bottom-width: 0;\n  }\n  tr,\n  th,\n  td {\n    padding: 8px 12px;\n    border: 1px solid #e2e2e2;\n    font-size: 15px;\n    color: rgba(0, 0, 0, 0.9);\n  }\n  tr > th:nth-child(1),\n  tr > td:nth-child(1) {\n    font-size: 16px;\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../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!./layout.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../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!./layout.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./layout.vue?vue&type=template&id=7149a214&scoped=true&\"\nimport script from \"./layout.vue?vue&type=script&lang=js&\"\nexport * from \"./layout.vue?vue&type=script&lang=js&\"\nimport style0 from \"./layout.vue?vue&type=style&index=0&id=7149a214&prod&lang=less&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  \"7149a214\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../../node_modules/style-resources-loader/lib/index.js??ref--11-oneOf-1-4!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./layout.vue?vue&type=style&index=0&id=7149a214&prod&lang=less&scoped=true&\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../../../node_modules/style-resources-loader/lib/index.js??ref--11-oneOf-1-4!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./preExamPreparation.vue?vue&type=style&index=0&id=a40c4b3a&prod&lang=less&scoped=true&\""],"sourceRoot":""}