{"version":3,"sources":["webpack:///./src/components/mathematics/Math9thGrade/quizExponents/Lesson.vue","webpack:///./src/components/mathematics/Math9thGrade/quizExponents/Boxes.js","webpack:///src/components/mathematics/Math9thGrade/exponent/Lesson.vue","webpack:///./src/components/mathematics/Math9thGrade/quizExponents/Lesson.vue?afbd","webpack:///./src/components/mathematics/Math9thGrade/quizExponents/Lesson.vue?cdcd","webpack:///./src/components/mathematics/Math9thGrade/quizExponents/Lesson.vue?314e"],"names":["ref","attrs","staticClass","_v","_vm","_self","staticRenderFns","Boxes","box1","JXG","Options","board","minimizeReflow","point","showInfoBox","highlight","image","line","text","fixed","curve","cssDefaultStyle","graph","createSpace","makeResponsive","suspendUpdate","options","layer","boundingBox","attr","boundingbox","positionX","positionY","height","yourScore","yourMissed","yourWrong","yourTotal","scoreCard","writeHTMLText","missedCard","wrongCard","setAttribute","visible","index_selected_answer","XList","i","answers","index_right_answer","Q","color","fontSize","Math","round","canvasWidth","question","placeQuestion","comment","placeComment","note","alert","bck","placeWhite","hide","placeBCircles","placeCircles","check","placeChecks","cross","placeCross","exclaim","placeExclaim","pointers","placeFingers","test","placeTest","hoverMe","next","placeShuffle","redo","placeStartOver","k","vis","ansList","ansArray","placeAnswers","_loop","ij","on","forEach","item","valueOf","hint","length","setTimeout","opacity","edliy","placeLogo","toggle","toggleTF","unsuspendUpdate","name","created","_this","$store","commit","title","newTopics","img","action","goto","newshowhome","newMath","newLeftArrow","newModule","mounted","MathJax","Hub","Queue","metaInfo","titleTemplate","meta","content","component"],"mappings":"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","file":"js/chunk-27d25421.0b18ef5b.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('h3',{ref:\"intro\"},[_vm._v(\"\\n    Exponent\\n  \")]),_c('br'),_vm._m(0),_c('h3',{ref:\"pg\"},[_vm._v(\"\\n    MagicGraph | Exponent or Power of a Number\\n  \")]),_c('br'),_c('h5',[_vm._v(\"\\n    Getting Started\\n  \")]),_c('p',[_vm._v(\"\\n    In this visual-interactive illustration, you will learn how to calculate the exponent (or power) of a number.\\n    The MagicGraph contains two blue input boxes. Use the blux input box at the bottom to enter the base number. Use the other input box to\\n    enter the exponent or the power. Once these input boxes are filled, the MagicGraph will automatically calculate the value of the exponent.\\n  \")]),_c('br'),_c('h5',[_vm._v(\"\\n    Icons in the MagicGraph\\n  \")]),_vm._m(1),_c('v-responsive',[_c('v-layout',{attrs:{\"justify-center\":\"\"}},[_c('div',{staticClass:\"edliy-box-about\",attrs:{\"id\":\"jxgbox1\"}})])],1)],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('p',[_vm._v(\"\\n    In mathematics, there are situations when you have to multiply a number by itself multiple times.\"),_c('br'),_c('br'),_vm._v(\"\\n    For example, the area of a square is equal to \\\\(l \\\\times l\\\\) — where \\\\(l\\\\) is the length of its side. \"),_c('br'),_c('br'),_vm._v(\"\\n    In a similar fashion, the volume of a cube is equal to \\\\(a \\\\times a \\\\times a\\\\) — where \\\\(a\\\\) is the length of its side.\\n    \"),_c('br'),_c('br'),_vm._v(\"\\n    Exponents are a convenient way to express\\n    a number that is multipled with itself multiple times.\\n    \"),_c('br'),_c('br'),_vm._v(\"\\n    Exponent of a number tells you how many times that number is multiplied by itself.\\n    The number that is multipled with itself is called the \"),_c('i',[_vm._v(\"base\")]),_vm._v(\".\\n    \"),_c('br'),_c('br'),_vm._v(\"\\n    For example, when somebody says \\\\(3^2\\\\), which is read as \"),_c('i',[_vm._v(\"3 to the power 2\")]),_vm._v(\",  it basically means that 3 is multiplied by itself 2 times. So,\\n    $$3^2 = 3 \\\\times 3$$\\n    Similarly,\\n    $$4^3 = 4 \\\\times 4 \\\\times 4$$\\n    \"),_c('br'),_c('br'),_vm._v(\"\\n    Exponents are also called powers.\\n  \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',[_vm._v(\"\\n    You can tap on \"),_c('i',{staticClass:\"shuffler ma-1\"}),_vm._v(\" icon  to shuffle and generate a new shape. You can tap on the\\n    \"),_c('i',{staticClass:\"eraser ma-1\"}),_vm._v(\" icon to erase and start over.\\n  \")])\n}]\n\nexport { render, staticRenderFns }","import{\r\n  makeResponsive,\r\n  placeTitle,\r\n  createSpace,\r\n  placeQuestion,\r\n  placeComment,\r\n  createAxes,\r\n  writeHTMLText,\r\n  drawPoint,\r\n  setSize,\r\n  labelIt,\r\n  placeMarker,\r\n  drawCircle,\r\n  placeImage,\r\n  placeShuffle,\r\n  placeTest,\r\n  drawArrow,\r\n  drawAngle,\r\n  drawSegment,\r\n  placeBWhite,\r\n  placeWhite,\r\n  placeBCircles,\r\n  placeCircles,\r\n  placeChecks,\r\n  placeCross,\r\n  placeExclaim,\r\n  hoverMe,\r\n  placeLogo,\r\n  drawMarker,\r\n  toggle,\r\n  toggleTF,\r\n  placeFingers,\r\n  placeAnswers,\r\n  drawTriangle,\r\n  placeRedo,\r\n  placeStartOver,\r\n  drawDash,\r\n  placeTapeVert,\r\n  placeTapeHori,\r\n  placeMiddleText,\r\n  placePlay,\r\n  placeSq\r\n} from '../Utils.js'\r\nconst Boxes = {\r\n  box1: function () {\r\n///////////////////////////////////GLOBAL SETTINGS//////////////////////\r\n\tJXG.Options.board.minimizeReflow = 'none';\r\n  JXG.Options.point.showInfoBox=false;\r\n  JXG.Options.point.highlight=false;\r\n  JXG.Options.image.highlight=false;\r\n  JXG.Options.line.highlight=false;\r\n  JXG.Options.text.highlight=false;\r\n  JXG.Options.text.fixed=true;\r\n  JXG.Options.curve.highlight=false;\r\n  JXG.Options.text.cssDefaultStyle='fontFamily:Oswald;'\r\n//////////////////////////////////LOCAL SETTINGS////////////////////////////////\r\nvar graph =createSpace(-6,10,-6,10);\r\nmakeResponsive(graph);\r\ngraph.suspendUpdate();\r\ngraph.options.layer['image']=20;\r\ngraph.options.layer['text']=20;\r\ngraph.options.layer['html']=2;\r\ngraph.options.layer['line']=2;\r\ngraph.options.layer['point']=10;\r\ngraph.options.layer['circle']=1;\r\ngraph.options.image.highlight=false;\r\n/*********************GRAPH DIMENSIONS*******************/\r\nconst boundingBox = graph.attr.boundingbox;\r\nconst positionX = (boundingBox[2]+boundingBox[0])/2;\r\nconst positionY = (boundingBox[1]+boundingBox[3])/2;\r\nconst height = (boundingBox[1]-boundingBox[3])/2;\r\n/**********************PUT AXES **********************/\r\n//var ax = createAxes(graph);\r\n/***************** PUT AXES TITLE *******************/\r\n//ax[0].setAttribute({name:'X'});\r\n//ax[1].setAttribute({name:'Y'});\r\n/***********************SCORING *******************/\r\nvar yourScore =0; var yourMissed =0; var yourWrong =0; var yourTotal=0;\r\nvar scoreCard = writeHTMLText(graph, positionX, positionY+1, function(){return 'Your Score ( &check; ): '+ yourScore+'/5'});\r\nvar missedCard = writeHTMLText(graph, positionX, positionY, function(){return 'Missed Questions ( ! ): '+ yourMissed+'/5'});\r\nvar wrongCard = writeHTMLText(graph, positionX, positionY-1, function(){return 'Wrong Answers ( x ): '+ yourWrong+'/5'});\r\nscoreCard.setAttribute({visible:false});\r\nmissedCard.setAttribute({visible:false});\r\nwrongCard.setAttribute({visible:false});\r\n/*************************ANSWERS*********************/\r\nvar index_selected_answer = -1;\r\nconst XList = ['( 9^2 ) x ( 3^-^2 )', '( 6^2 ) x ( 3^-^2 )', '( 4^2 ) x ( 3^4 )', '( 3^1^/^3 ) x ( 3^2^/^3 )', '( 2^1^/^3 )^6'];\r\nconst YList = [3, 5, 4, 2, 3];\r\nconst ZList = [6, 5, 4, 3, 6];\r\nvar i=0;\r\n/****************************************************/\r\nconst answers = [['3^2', '2^3', '27', '12'], ['2^3', '8', '2^2', '3^2'],['3^2', '3^4^/^3', '3', '6^4'],['4', '2^4', '3', '3^1^/^2'], ['6^1^/^3', '2^1^/^2',  '2^3', '4']];\r\nconst index_right_answer = [0,2,3,2,3];\r\n/********************************************************************************************/\r\nvar Q =writeHTMLText(graph, positionX, positionY, ()=>XList[i]);\r\nQ.setAttribute({color:'red', fontSize: () => Math.round(42*graph.canvasWidth /800.)});\r\n/***********************************************************************************/\r\n/*************************************PRINT ANSWER ****************************************/\r\n//print(graph, ()=> (0.5*(180-2*alpha.Value()*180/Math.PI)).toFixed(1))\r\n/****************PUT TITLE ****************************/\r\nvar question = placeQuestion(graph, 'The exponent shown below is equivalent to &mdash;');\r\nvar comment = placeComment(graph, '');\r\nvar note = writeHTMLText(graph, positionX, positionY+height/2., 'You did not make a selection.');\r\nnote.setAttribute({visible:false, color:'red'});\r\nfunction alert(){\r\n    note.setAttribute({visible:false});\r\n}\r\n//print(graph, ()=>(alpha.Value()*180/Math.PI).toFixed(1));\r\n///////////////////////////GRAPHICS MODULES//////////////////\r\nvar bck =placeWhite(graph);\r\nvar show =placeBCircles(graph);\r\nvar hide=placeCircles(graph);\r\nvar check = placeChecks(graph);\r\nvar cross = placeCross(graph);\r\nvar exclaim = placeExclaim(graph);\r\nvar pointers = placeFingers(graph);\r\nhide[0].setAttribute({visible:false});\r\n/***************************BUTTON MODULES******************/\r\nvar test =placeTest(graph,'left');\r\nhoverMe(graph, test, 'Check Your Answer', -20, 0);\r\n/**/\r\nvar next = placeShuffle(graph);\r\nhoverMe(graph, next, 'Next Question', 0, 0);\r\n/**/\r\nvar redo = placeStartOver(graph);\r\nredo.setAttribute({visible:false});\r\nhoverMe(graph, redo, 'Start Over', 0, 0);\r\n/***************************************/\r\nvar k=0; var vis=false;\r\n///////////////////////////////////////////////////////////////\r\nvar ansList = ['3^2', '2^3', '27', '12'];\r\nvar ansArray = placeAnswers(graph, ansList);\r\nfor(let ij=0; ij<=3; ij++)\r\n{\r\n  ansArray[ij].on('down', function(){\r\n  ansArray.forEach(function(item){item.setAttribute({color:'grey'})});\r\n  pointers.forEach(function(item){item.setAttribute({visible:false})});\r\n  ansArray[ij].setAttribute({color:'black'});\r\n  pointers[ij].setAttribute({visible:true});\r\n  index_selected_answer = ij.valueOf();})\r\n}\r\n////////////////////////////////////////////////////////////////////////\r\nvar hint =writeHTMLText(graph, positionX, positionY, '<ol> <li> Tap on <i class=\"redoer ma-1\"></i> to go to next step.</li> <br><li>Tap on <i class=\"tester ma-1\"></i> to check your answer.</li><br><li>Tap on <i class=\"undoer ma-1\"></i> button to start over.</li> </ol>');\r\nhint.setAttribute({visible:false, color:'white'});\r\n/**************************TEST BUTTON ***********************/\r\ntest.on('down', function()\r\n{\r\n  note.setAttribute({visible:false});\r\n  if(i<=XList.length-1)\r\n  {\r\n    if(index_selected_answer == index_right_answer[i] && yourTotal<XList.length)\r\n\t  { //is correct\r\n        cross[i].setAttribute({visible:false});\r\n        exclaim[i].setAttribute({visible:false});\r\n        check[i].setAttribute({visible:true});\r\n        ansArray[index_right_answer[i]].setAttribute({color:'green'});\r\n      }\r\n      else if(index_selected_answer != index_right_answer[i] && yourTotal<XList.length && index_selected_answer != -1)\r\n      { //is incorrect\r\n        exclaim[i].setAttribute({visible:false});\r\n        check[i].setAttribute({visible:false});\r\n        cross[i].setAttribute({visible:true});\r\n        ansArray[index_right_answer[i]].setAttribute({color:'green'});\r\n        ansArray[index_selected_answer].setAttribute({color:'red'});\r\n      }\r\n\t  else if (index_selected_answer == -1 && yourTotal<XList.length)\r\n\t  {   check[i].setAttribute({visible:false});\r\n        cross[i].setAttribute({visible:false});\r\n        exclaim[i].setAttribute({visible:true});\r\n        note.setAttribute({visible:true});\r\n        setTimeout(function(){alert(); }, 400);\r\n\t  }\r\n  }\r\n});\r\n/*****************************SHUFFLE BUTTON ***********************/\r\nnext.on('down', function(){\r\n  note.setAttribute({visible:false});\r\n  if(i<=XList.length-1)\r\n  {\r\n    if(index_selected_answer == index_right_answer[i] && yourTotal<XList.length)\r\n\t  { //is correct\r\n        cross[i].setAttribute({visible:false});\r\n        exclaim[i].setAttribute({visible:false});\r\n        check[i].setAttribute({visible:true});\r\n        yourScore = yourScore+1;\r\n        ansArray[index_right_answer[i]].setAttribute({color:'green'});\r\n      }\r\n      else if(index_selected_answer != index_right_answer[i] && yourTotal<XList.length && index_selected_answer != -1)\r\n      { //is incorrect\r\n        exclaim[i].setAttribute({visible:false});\r\n        check[i].setAttribute({visible:false});\r\n        cross[i].setAttribute({visible:true});\r\n        ansArray[index_right_answer[i]].setAttribute({color:'green'});\r\n        ansArray[index_selected_answer].setAttribute({color:'red'});\r\n\t\t    yourWrong = yourWrong+1;\r\n      }\r\n\t  else if (index_selected_answer == -1 && yourTotal<XList.length)\r\n\t  {   check[i].setAttribute({visible:false});\r\n        cross[i].setAttribute({visible:false});\r\n        exclaim[i].setAttribute({visible:true});\r\n\t\t    yourMissed = yourMissed+1;\r\n\t  }\r\n\t  yourTotal = yourScore + yourWrong + yourMissed;\r\n  }\r\n  if(i==XList.length-1)\r\n  {\r\n  Q.setAttribute({visible:false});\r\n  bck.setAttribute({opacity:1});\r\n  scoreCard.setAttribute({visible:true});\r\n  missedCard.setAttribute({visible:true});\r\n  wrongCard.setAttribute({visible:true});\r\n  redo.setAttribute({visible:true});\r\n  ansList[0]=answers[0][0];\r\n  ansList[1]=answers[0][1];\r\n  ansList[2]=answers[0][2];\r\n  ansList[3]=answers[0][3];\r\n  ansArray.forEach(function(item){item.setAttribute({visible:false})});\r\n  question.setAttribute({visible:false});\r\n  //alpha.setAttribute({visible:false});\r\n  //beta.setAttribute({visible:false});\r\n  }\r\n  else{\r\n    scoreCard.setAttribute({visible:false});\r\n    missedCard.setAttribute({visible:false});\r\n    wrongCard.setAttribute({visible:false});\r\n    i=i+1;\r\n    ansList[0]=answers[i][0];\r\n    ansList[1]=answers[i][1];\r\n    ansList[2]=answers[i][2];\r\n    ansList[3]=answers[i][3];\r\n  }\r\n  hide[i].setAttribute({visible:false});\r\n  hint.setAttribute({visible:false});\r\n  pointers.forEach(function(item){item.setAttribute({visible:false})});\r\n  ansArray.forEach(function(item){item.setAttribute({color:'grey'})});\r\n  index_selected_answer = -1;\r\n  /////////////////////////ALL CHANGES GO HERE////////////////////////\r\n\r\n  ///////////////////////////////////////////////////////////////////\r\n});\r\n/************************************************/\r\nredo.on('down', function(){\r\n\t//Hiding all blue circles\r\n\t  hide.forEach(function(item){item.setAttribute({visible:true})});\r\n    hide[0].setAttribute({visible:false});\r\n  //Hiding all check marks\r\n    check.forEach(function(item){item.setAttribute({visible:false})});\r\n  //Hiding all cross marks //\r\n    cross.forEach(function(item){item.setAttribute({visible:false})});\r\n  //Hiding all exclaimation marks\r\n\t  exclaim.forEach(function(item){item.setAttribute({visible:false})});\r\n  ///////////////resetting scores//////////////////\r\n    note.setAttribute({visible:false});\r\n\t  yourScore=0;\r\n\t  yourMissed=0;\r\n\t  yourWrong=0;\r\n\t  yourTotal=0;\r\n\t  scoreCard.setAttribute({visible:false});\r\n\t  missedCard.setAttribute({visible:false});\r\n    wrongCard.setAttribute({visible:false});\r\n  /////////////////////////////////////////////\r\n\t  i=0;\r\n\t  ansList[0]=answers[0][0];\r\n\t  ansList[1]=answers[0][1];\r\n\t  ansList[2]=answers[0][2];\r\n\t  ansList[3]=answers[0][3];\r\n    Q.setAttribute({visible:true});\r\n\t  bck.setAttribute({opacity:0});\r\n\t  pointers.forEach(function(item){item.setAttribute({visible:false})});\r\n    ansArray.forEach(function(item){item.setAttribute({visible:true, color:'grey'})});\r\n\t  question.setAttribute({visible:true});\r\n    comment.setAttribute({visible:true});\r\n\t  hint.setAttribute({visible:false});\r\n\t  index_selected_answer = -1;\r\n    redo.setAttribute({visible:false});\r\n    ////////////////////////ALL CHANGES GO HERE/////////////\r\n\r\n    ////////////////////////////////////////////////////////\r\n    //alpha.setAttribute({visible:true});\r\n    //beta.setAttribute({visible:true});\r\n});\r\n/********************PLACE LOGO ********************/\r\nvar edliy = placeLogo(graph);\r\nhoverMe(graph, edliy, 'Tap to see a hint', 0, 0);\r\nedliy.on('down',\r\nfunction(){\r\n  k = toggle(k);\r\n\tvis = toggleTF(vis);\r\n  bck.setAttribute({opacity:k});\r\n\tscoreCard.setAttribute({visible:false});\r\n\tmissedCard.setAttribute({visible:false});\r\n\twrongCard.setAttribute({visible:false});\r\n  hint.setAttribute({visible:vis});\r\n\tquestion.setAttribute({visible:!vis});\r\n\tansArray.forEach(function(item){item.setAttribute({visible:!vis})});\r\n  note.setAttribute({visible:false});\r\n  ////////////////////////Code specific changes go here/////////////////\r\n\t//alpha.setAttribute({visible:!vis});\r\n  //beta.setAttribute({visible:!vis});\r\n  //////////////////////////////////////////////////////////////////////\r\n});\r\ngraph.unsuspendUpdate();\r\n/******************END OF FILE ***************************/\r\n}\r\n}\r\nexport default Boxes;\r\n","<template>\r\n  <div>\r\n    <h3 ref=\"intro\">\n      Exponent\n    </h3>\r\n    <br>\r\n    <p>\n      In mathematics, there are situations when you have to multiply a number by itself multiple times.<br><br>\n      For example, the area of a square is equal to \\(l \\times l\\) &mdash; where \\(l\\) is the length of its side. <br><br>\n      In a similar fashion, the volume of a cube is equal to \\(a \\times a \\times a\\) &mdash; where \\(a\\) is the length of its side.\n      <br><br>\n      Exponents are a convenient way to express\n      a number that is multipled with itself multiple times.\n      <br><br>\n      Exponent of a number tells you how many times that number is multiplied by itself.\r\n      The number that is multipled with itself is called the <i>base</i>.\r\n      <br><br>\r\n      For example, when somebody says \\(3^2\\), which is read as <i>3 to the power 2</i>,  it basically means that 3 is multiplied by itself 2 times. So,\r\n      $$3^2 = 3 \\times 3$$\r\n      Similarly,\r\n      $$4^3 = 4 \\times 4 \\times 4$$\r\n      <br><br>\r\n      Exponents are also called powers.\r\n    </p>\r\n    <h3 ref=\"pg\">\n      MagicGraph | Exponent or Power of a Number\n    </h3>\r\n    <br>\r\n    <h5>\n      Getting Started\r\n    </h5>\r\n    <p>\n      In this visual-interactive illustration, you will learn how to calculate the exponent (or power) of a number.\r\n      The MagicGraph contains two blue input boxes. Use the blux input box at the bottom to enter the base number. Use the other input box to\r\n      enter the exponent or the power. Once these input boxes are filled, the MagicGraph will automatically calculate the value of the exponent.\r\n    </p>\r\n    <br>\r\n    <h5>\n      Icons in the MagicGraph\r\n    </h5>\r\n    <p>\r\n      You can tap on <i class=\"shuffler ma-1\" /> icon  to shuffle and generate a new shape. You can tap on the\r\n      <i class=\"eraser ma-1\" /> icon to erase and start over.\r\n    </p>\r\n    <v-responsive>\r\n      <v-layout justify-center>\r\n        <div id=\"jxgbox1\" class=\"edliy-box-about\" />\r\n      </v-layout>\r\n    </v-responsive>\r\n  </div>\r\n</template>\r\n<script>\r\nimport Boxes from './Boxes.js'\r\nexport default {\r\n  name: 'Exponent',\r\n  created: function () {\r\n    this.$store.commit('navigation/resetState');\r\n    let title = 'Exponents & Powers';\r\n    this.$store.commit('navigation/changeTitle', title);\r\n    this.$store.commit('navigation/changeMenu', title);\r\n    let newTopics = [\r\n      {title: 'What is an Exponent?', img:'/assets/number-1.svg', action: () => this.goto('intro')},\r\n      {title: 'Examples', img:'/assets/number-2.svg', action: () => this.goto('trans')},\r\n      {title: 'MagicGraph',img:'/assets/touch.svg', action: () => this.goto('pg')},\r\n    ];\r\n    this.$store.commit('navigation/replaceTopics', newTopics);\r\n    let newshowhome = false;\r\n    this.$store.commit('navigation/toggleshowhome', newshowhome);\r\n    let newMath =true;\r\n    this.$store.commit('navigation/replaceMath', newMath);\r\n    let newLeftArrow =true;\r\n    this.$store.commit('navigation/replaceLeftArrow', newLeftArrow);\r\n    let newModule=true;\r\n    this.$store.commit('navigation/replaceModule', newModule);\r\n  },\r\n  mounted () {\r\n    MathJax.Hub.Queue([\"Typeset\", MathJax.Hub]);\r\n    Boxes.box1();\r\n  },\r\n  metaInfo() {\r\n  return{ title: 'Exponents & Powers',\r\n          titleTemplate: '%s - Learn interactively',\r\n          meta: [ {name: 'viewport', content: 'width=device-width, initial-scale=1'},\r\n                  {name: 'description', content: 'Learn interactively how to draw a free body diagram'}\r\n                ]\r\n        }\r\n   },\r\n}\r\n</script>\r\n<style lang=\"scss\">\r\n@import 'src/styles/edliy-box.scss';\r\n@import 'src/styles/subtopic-menu.scss';\r\n@import 'src/styles/edliy-box-about.scss';\r\n@import 'src/styles/screen-sizes.scss';\r\n</style>\r\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!./Lesson.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!./Lesson.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Lesson.vue?vue&type=template&id=0f03fcb8&\"\nimport script from \"./Lesson.vue?vue&type=script&lang=js&\"\nexport * from \"./Lesson.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Lesson.vue?vue&type=style&index=0&id=0f03fcb8&prod&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","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.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!./Lesson.vue?vue&type=style&index=0&id=0f03fcb8&prod&lang=scss&\""],"sourceRoot":""}