{"version":3,"sources":["webpack:///./src/components/mathematics/Math6thGrade/quizPerimeter/Lesson.vue","webpack:///./src/components/mathematics/Math6thGrade/quizPerimeter/Boxes.js","webpack:///src/components/mathematics/Math6thGrade/quizPerimeter/Lesson.vue","webpack:///./src/components/mathematics/Math6thGrade/quizPerimeter/Lesson.vue?8544","webpack:///./src/components/mathematics/Math6thGrade/quizPerimeter/Lesson.vue?00b2","webpack:///./src/components/mathematics/Math6thGrade/quizPerimeter/Lesson.vue?cd94"],"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","YList","answers","index_right_answer","i","Pt1","drawPoint","Pt2","Pt3","Pt4","shape","placeSq","X","Y","fillOpacity","console","log","side1","placeTapeHori","point1","point2","strokeWidth","strokeColor","label","color","side3","side2","placeTapeVert","side4","question","placeQuestion","comment","placeComment","note","alert","bck","placeWhite","hide","placeBCircles","placeCircles","check","placeChecks","cross","placeCross","exclaim","placeExclaim","pointers","placeFingers","test","placeTest","hoverMe","next","placePlay","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","meta","content","component"],"mappings":"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","file":"js/chunk-308250f9.5f5b537a.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('h3',{ref:\"intro\"},[_vm._v(\"\\n    What is Perimeter of a Geometric Shape?\\n  \")]),_c('p',[_vm._v(\"\\n    Perimeter of a geometric shape is the length of the boundary curve.\\n    Imagine you have to walk along the border of a rectangle or a square until you get back to the same point.\\n    Then the distance travelled is equal to the perimeter of the rectangle or the square.\\n  \")]),_c('h3',{ref:\"formula\"},[_vm._v(\"\\n    Perimeter of a Rectangle\\n  \")]),_c('p',[_vm._v(\"\\n    Perimeter \\\\(R\\\\) of a rectangle with length \\\\(L\\\\) and width \\\\(W\\\\) is given as:\\n    $$ R = 2(L+W)$$\\n  \")]),_c('h3',{ref:\"formula\"},[_vm._v(\"\\n    Perimeter of a Square\\n  \")]),_c('p',[_vm._v(\"\\n    In a square, the length is the same as the width, i.e., \\\\(l =w\\\\).\\n    Thus, substituting \\\\(L =W\\\\) in the expression for the perimeter of a rectangle, we can obtain the expression for the perimeter of a square:\\n    $$ S = 2(L+L) = 4L$$\\n  \")]),_c('h3',{ref:\"pg\"},[_vm._v(\"\\n    MagicGraph | Perimeter of Geometric Shapes\\n  \")]),_c('br'),_c('h5',[_vm._v(\" Getting Started \")]),_vm._m(0),_c('h5',[_vm._v(\" Icons on the MagicGraph \")]),_vm._m(1),_c('br'),_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 this MagicGraph, you will learn about how to find the perimeter of a rectangular shape.\\n    Shown in the MagicGraph is a rectangular shape with its sides shown in grey.\\n    \"),_c('br'),_c('br'),_vm._v(\"\\n    Simply tap on a side to pick it. Once picked, the color of the side turns bright blue, and its length is added to the peripheral length.\\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 = [3, 3, 5, 4, 2];\r\nconst YList = [3, 5, 4, 2, 3];\r\nconst ZList = [6, 5, 4, 3, 6];\r\n/****************************************************/\r\nconst answers = [['40', '10', '36', '30'], ['28', '18', '9', '21'],['42', '6', '24', '30'],['24', '10', '6', '12'],\r\n ['6', '22', '18', '12']];\r\nconst index_right_answer = [2,0,3,0,1];\r\nvar i=0;\r\n/********************************************************************************************/\r\nvar Pt1 = drawPoint(graph, -3, -3);\r\nPt1.setAttribute({visible:false});\r\n//\r\nvar Pt2 = drawPoint(graph,  ()=>XList[i],  -3);\r\nPt2.setAttribute({visible:false});\r\n//\r\nvar Pt3 = drawPoint(graph,  -3,  ()=>YList[i]);\r\nPt3.setAttribute({visible:false});\r\n//\r\nvar Pt4 = drawPoint(graph,  ()=>XList[i],  ()=>YList[i]);\r\nPt4.setAttribute({visible:false});\r\n////////\r\nvar shape =placeSq(graph, [()=>Pt1.X(), ()=>Pt1.Y()],[()=>Pt4.X(), ()=>Pt4.Y()],'green');\r\nshape.setAttribute({fillOpacity:0.5});\r\nconsole.log('dsd');\r\nvar side1 = placeTapeHori(graph, Pt1, Pt2,'');\r\nside1.setAttribute({highlight:true, point1:{visible:false},point2:{visible:false}, strokeWidth:4, strokeColor:'grey', label:{visible:false, color:'blue'}});\r\n////////////////////////////////////////\r\nvar side3 = placeTapeHori(graph, Pt3, Pt4,'');\r\nside3.setAttribute({highlight:true, point1:{visible:false},point2:{visible:false},  strokeWidth:4, strokeColor:'grey', label:{visible:false, color:'blue'}});\r\n//////////////////////////////////////////////////////\r\nvar side2 = placeTapeVert(graph, Pt1, Pt3,'');\r\nside2.setAttribute({highlight:true, fillOpacity:0.4,  point1:{visible:false},point2:{visible:false}, strokeWidth:4, strokeColor:'grey', label:{visible:false, color:'blue'}});\r\n/////////////////////////////////////////////////////////////////////////////////////\r\nvar side4 = placeTapeVert(graph, Pt2, Pt4,'');\r\nside4.setAttribute({highlight:true, fillOpacity:0.4,  point1:{visible:false},point2:{visible:false},  strokeWidth:4, strokeColor:'grey', label:{visible:false, color:'blue'}});\r\n\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 perimeter of the shown shape is &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 = 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', '36', '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        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  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\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      What is Perimeter of a Geometric Shape?\n    </h3>\r\n    <p>\n      Perimeter of a geometric shape is the length of the boundary curve.\r\n      Imagine you have to walk along the border of a rectangle or a square until you get back to the same point.\r\n      Then the distance travelled is equal to the perimeter of the rectangle or the square.\n    </p>\r\n    <h3 ref=\"formula\">\r\n      Perimeter of a Rectangle\r\n    </h3>\r\n    <p>\n      Perimeter \\(R\\) of a rectangle with length \\(L\\) and width \\(W\\) is given as:\r\n      $$ R = 2(L+W)$$\n    </p>\r\n    <h3 ref=\"formula\">\r\n      Perimeter of a Square\r\n    </h3>\r\n    <p>\n      In a square, the length is the same as the width, i.e., \\(l =w\\).\r\n      Thus, substituting \\(L =W\\) in the expression for the perimeter of a rectangle, we can obtain the expression for the perimeter of a square:\r\n      $$ S = 2(L+L) = 4L$$\n    </p>\r\n    <h3 ref=\"pg\">\n      MagicGraph | Perimeter of Geometric Shapes\n    </h3>\r\n    <br>\r\n    <h5> Getting Started </h5>\r\n    <p>\n      In this MagicGraph, you will learn about how to find the perimeter of a rectangular shape.\r\n      Shown in the MagicGraph is a rectangular shape with its sides shown in grey.\r\n      <br><br>\r\n      Simply tap on a side to pick it. Once picked, the color of the side turns bright blue, and its length is added to the peripheral length.\r\n    </p>\r\n    <h5> Icons on the MagicGraph </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    <br>\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: 'Perimeter',\r\n  created () {\r\n    this.$store.commit('navigation/resetState');\r\n    let title = 'Perimeter of a Rectangle';\r\n    this.$store.commit('navigation/changeTitle', title);\r\n    this.$store.commit('navigation/changeMenu', title);\r\n    let newTopics = [\r\n      {title: 'Parallel Lines', img:'/assets/number-1.svg', action: () => this.goto('intro')},\r\n      {title: 'Transversal', img:'/assets/number-2.svg', action: () => this.goto('trans')},\r\n      {title: 'Pair of Angles', img:'/assets/number-3.svg', action: () => this.goto('angles')},\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: 'Perimeter',\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=3f76304e&\"\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=3f76304e&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=3f76304e&prod&lang=scss&\""],"sourceRoot":""}