{"version":3,"sources":["webpack:///./src/components/mathematics/Math6thGrade/quizParallelogram/Lesson.vue","webpack:///./src/components/mathematics/Math6thGrade/quizParallelogram/Boxes.js","webpack:///src/components/mathematics/Math6thGrade/quizParallelogram2/Lesson.vue","webpack:///./src/components/mathematics/Math6thGrade/quizParallelogram/Lesson.vue?61af","webpack:///./src/components/mathematics/Math6thGrade/quizParallelogram/Lesson.vue?0dd2"],"names":["attrs","staticClass","_c","_vm","_self","staticStyle","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","YList","Ptm","drawPoint","answers","index_right_answer","Pt1","setSize","labelIt","label","offset","Pt2","Y","Pt3","X","Pt4","create","vertices","borders","strokeColor","strokeWidth","fillColor","fillOpacity","t1","t2","t3","t4","placeTapeVert","placeTapeHori","question","placeQuestion","comment","placeComment","note","color","bck","placeWhite","hide","placeBCircles","placeCircles","check","placeChecks","cross","placeCross","exclaim","placeExclaim","pointers","placeFingers","test","placeTest","hoverMe","next","placePlay","redo","placeStartOver","i","k","vis","ansList","ansArray","placeAnswers","_loop","ij","on","forEach","item","valueOf","hint","length","alert","opacity","moveTo","edliy","placeLogo","toggle","toggleTF","unsuspendUpdate","name","created","$store","commit","title","newshowhome","newMath","newLeftArrow","newModule","mounted","MathJax","Hub","Queue","metaInfo","titleTemplate","meta","vmid","content","component"],"mappings":"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","file":"js/chunk-2d0e585d.3058a5a5.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('br'),_c('h5',[_vm._v(\"Problem Description\")]),_vm._m(0),_vm._m(1),_vm._m(2),_c('v-responsive',[_c('v-layout',{attrs:{\"justify-center\":\"\"}},[_c('div',{staticClass:\"edliy-box-about\",attrs:{\"id\":\"jxgbox1\"}})])],1),_c('br'),_c('h5',[_vm._v(\" Navigating through the MagicGraph \")]),_vm._m(3),_c('h5',[_vm._v(\" Marks & Indications \")]),_vm._m(4)],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('p',{staticClass:\"big mt-2\"},[_vm._v(\"\\n    The area of a parallelogram with length \\\\(b\\\\) and height \\\\(h\\\\) is given by \\\\(A= b\\\\times h\\\\).\"),_c('br'),_vm._v(\"\\n    You may recall that the area of a rectangle with length \\\\(b\\\\) and height \\\\(h\\\\) is also given by \\\\(b \\\\times h\\\\).\\n    \"),_c('br'),_vm._v(\"\\n    In this MagicGraph, we will show why the area of a parallelogram equals its length times height — just as in the case of a rectangle.\\n  \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticStyle:{\"text-align\":\"left\"}},[_c('h5',[_vm._v(\" MagicGraph | Area of a Parallelogram\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',{staticClass:\"big mt-2\"},[_vm._v(\"\\n    Use the MagicGraph below to participate in the exercise. Tap on \"),_c('i',{staticClass:\"redoer ma-1\"}),_vm._v(\" button to move over to the next question.\\n    Tap on \"),_c('i',{staticClass:\"undoer ma-1\"}),_vm._v(\" button to start over from the begining.\\n    \"),_c('br')])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',{staticClass:\"big mt-2\"},[_c('i',{staticClass:\"redoer ma-1\"}),_vm._v(\" — is the 'Next' button. Tap on this button to move over to the next question. \"),_c('br'),_c('i',{staticClass:\"tester ma-1\"}),_vm._v(\" — is the 'Check Your Answer' button. Tap on this button to check your answer.\"),_c('br'),_c('i',{staticClass:\"logor ma-1\"}),_vm._v(\"—  is the 'Get a Hint' button. Tap on this button to receive a hint on how to solve this problem. \"),_c('br'),_c('i',{staticClass:\"undoer ma-1\"}),_vm._v(\" — is the 'Start Over' button. Tap on this button to start over the exercise from the begining.\\n  \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',{staticClass:\"big mt-2\"},[_vm._v(\"\\n    The marks and indications are located on the top-left corner of the MagicGraph, and show your attempt status. \"),_c('br'),_c('i',{staticClass:\"righter ma-1\"}),_vm._v(\" — the right checkmark indicates that your attempted response was correct. \"),_c('br'),_c('i',{staticClass:\"wrong ma-1\"}),_vm._v(\" — this crossmark indicates that your attempted response was incorrect. \"),_c('br'),_c('i',{staticClass:\"missed ma-1\"}),_vm._v(\" — this exclaimation mark indicates an unattempted (missed) response. \"),_c('br')])\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  alert\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']=26;\r\ngraph.options.layer['text']=2;\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 = [4, 3, 5, 4, 6];\r\nconst YList = [1, -1, 2, -2, 0];\r\nvar Ptm = drawPoint(graph, XList[0], YList[0]);\r\nPtm.setAttribute({visible:false});\r\nconst answers = [['40', '10', '20', '30'], ['9', '18', '6', '21'],['6', '10', '20', '30'],['16', '8', '6', '12'], ['24', '20', '18', '16']];\r\nconst index_right_answer = [2,0,3,1,0];\r\n/********************************************************************************************/\r\nvar Pt1 = drawPoint(graph, 0, 0);\r\nsetSize(graph, Pt1, 0);\r\nlabelIt(graph, Pt1, 'A');\r\nPt1.label.setAttribute({offset:[0, -20]});\r\n\r\nvar Pt2 = drawPoint(graph, 2, ()=>4+Ptm.Y());\r\nsetSize(graph, Pt2, 0);\r\nlabelIt(graph, Pt2, 'C');\r\nPt2.label.setAttribute({offset:[0, 20]});\r\n\r\nvar Pt3 = drawPoint(graph, ()=>Ptm.X(), 0);\r\nsetSize(graph, Pt3, 0);\r\nlabelIt(graph, Pt3, 'B');\r\nPt3.label.setAttribute({offset:[0, -20]});\r\n//labelIt(graph, Pt3, 'C');\r\n\r\nvar Pt4 = drawPoint(graph, ()=>2+Ptm.X(), ()=>4+Ptm.Y());\r\nsetSize(graph, Pt4, 0);\r\nlabelIt(graph, Pt4, 'D');\r\nPt4.label.setAttribute({offset:[0, 20]});\r\n\r\ngraph.create('polygon', [Pt1, Pt3, Pt4, Pt2], {visible: true, fixed:true,  vertices:{visible:false, fixed:true}, borders:{visible:true, strokeColor: 'black', strokeWidth:2}, fillColor:'green', fillOpacity:1});\r\n\r\nvar t1 = drawPoint(graph, 0, -1.5);\r\nsetSize(graph, t1, 0);\r\nvar t2 = drawPoint(graph, ()=>Pt3.X(), -1.5);\r\nsetSize(graph, t2, 0);\r\nvar t3 = drawPoint(graph, -1.5, 0);\r\nsetSize(graph, t3, 0);\r\nvar t4 = drawPoint(graph, -1.5, ()=>Pt2.Y());\r\nsetSize(graph, t4, 0);\r\nvar horz =placeTapeVert(graph, t3, t4, 'b');\r\nvar vert =placeTapeHori(graph, t1, t2, 'h');\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 area of parallelogram ABCD is &mdash;');\r\nvar comment = placeComment(graph, '');\r\nvar note = writeHTMLText(graph, positionX, positionY+1+height/2., 'You did not make a selection.');\r\nnote.setAttribute({visible:false, color:'red'});\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 = placePlay(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 i=0; var k=0; var vis=false;\r\n///////////////////////////////////////////////////////////////\r\nvar ansList = ['40', '10', '20', '30'];\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        alert(graph, note);\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  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  Ptm.moveTo([XList[i], YList[i]], 200);\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\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    Ptm.moveTo([XList[0], YList[0]], 200);\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    <br>\r\n    <h5>Problem Description</h5>\r\n    <p class=\"big mt-2\">\n      The area of a parallelogram with length \\(b\\) and height \\(h\\) is given by \\(A= b\\times h\\).<br>\n      You may recall that the area of a rectangle with length \\(b\\) and height \\(h\\) is also given by \\(b \\times h\\).\n      <br>\r\n      In this MagicGraph, we will show why the area of a parallelogram equals its length times height &mdash; just as in the case of a rectangle.\r\n    </p>\r\n    <div style=\"text-align:left\">\r\n      <h5> MagicGraph | Area of a Parallelogram</h5>\r\n    </div>\r\n    <p class=\"big mt-2\">\r\n      Use the MagicGraph below to participate in the exercise. Tap on <i class=\"redoer ma-1\" /> button to move over to the next question.\r\n      Tap on <i class=\"undoer ma-1\" /> button to start over from the begining.\r\n      <br>\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    <br>\r\n    <h5> Navigating through the MagicGraph </h5>\r\n    <p class=\"big mt-2\">\r\n      <i class=\"redoer ma-1\" /> &mdash; is the 'Next' button. Tap on this button to move over to the next question. <br>\r\n      <i class=\"tester ma-1\" /> &mdash; is the 'Check Your Answer' button. Tap on this button to check your answer.<br>\r\n      <i class=\"logor ma-1\" />&mdash;  is the 'Get a Hint' button. Tap on this button to receive a hint on how to solve this problem. <br>\r\n      <i class=\"undoer ma-1\" /> &mdash; is the 'Start Over' button. Tap on this button to start over the exercise from the begining.\r\n    </p>\r\n    <h5> Marks & Indications </h5>\r\n    <p class=\"big mt-2\">\r\n      The marks and indications are located on the top-left corner of the MagicGraph, and show your attempt status. <br>\r\n      <i class=\"righter ma-1\" /> &mdash; the right checkmark indicates that your attempted response was correct. <br>\r\n      <i class=\"wrong ma-1\" /> &mdash; this crossmark indicates that your attempted response was incorrect. <br>\r\n      <i class=\"missed ma-1\" /> &mdash; this exclaimation mark indicates an unattempted (missed) response. <br>\r\n    </p>\r\n  </div>\r\n</template>\r\n<script>\r\nimport Boxes from './Boxes.js'\r\nexport default {\r\n  name: 'TheoremThales',\r\n  created: function () {\r\n    this.$store.commit('navigation/resetState');\r\n    let title = 'Area of Parallelogram';\r\n    this.$store.commit('navigation/changeTitle', title);\r\n  /* this.$store.commit('navigation/changeMenu', title);\r\n    let newTopics = [\r\n      {title: 'Probability', img:'/assets/number-1.svg', action: () => this.goto('intro')},\r\n      {title: 'Probability of an Event', img:'/assets/number-2.svg', action: () => this.goto('types')},\r\n      {title: 'MagicGraph',img:'/assets/touch.svg', action: () => this.goto('pg')},\r\n    ];\r\n    this.$store.commit('navigation/replaceTopics', newTopics);\r\n*/\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: 'Area of a Parallelogram',\r\n          titleTemplate: '%s | Learn interactively',\r\n          meta: [\r\n                  {vmid: 'description', name: 'description', content: 'Learn interactively about the area of a  parallelogram.'}\r\n                ]\r\n        }\r\n   },\r\n}\r\n</script>\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=46666458&\"\nimport script from \"./Lesson.vue?vue&type=script&lang=js&\"\nexport * from \"./Lesson.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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}