{"version":3,"sources":["webpack:///./src/components/mathematics/Math9thGrade/quizQuads/Lesson.vue","webpack:///./src/components/mathematics/Math9thGrade/quizQuads/Boxes.js","webpack:///src/components/mathematics/Math9thGrade/quizQuads/Lesson.vue","webpack:///./src/components/mathematics/Math9thGrade/quizQuads/Lesson.vue?7ced","webpack:///./src/components/mathematics/Math9thGrade/quizQuads/Lesson.vue?769a"],"names":["ref","staticClass","attrs","_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","ZList","answers","index_right_answer","i","Pt1","drawPoint","labelIt","Pt2","Pt3","Pt4","shape","placeRec","fillOpacity","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","moveTo","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-2d0e2145.59b6da50.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('h3',{ref:\"intro\"},[_vm._v(\"\\n    Quadrilateral\\n  \")]),_c('p',[_vm._v(\"\\n    Quadrilateral is a shape obtained by joining four non-collinear points located on the same plane.Thus, a quadrilateral is a polygon with four vertices, four sides and four interior angles.\\n  \")]),_c('h3',{ref:\"formula\"},[_vm._v(\"\\n    Four types of Quadrilateral\\n  \")]),_c('p',[_vm._v(\"\\n    There are six types of quadrilateral. These are —\\n  \")]),_c('ul',{staticClass:\"a\"},[_c('li',[_c('h5',{ref:\"formula\"},[_vm._v(\"\\n        Trapezium\\n      \")])]),_c('p',[_vm._v(\" A trapezium is a quadrilateral in which one pair of opposite sides is parallel. \")]),_c('li',[_c('h5',{ref:\"formula\"},[_vm._v(\"\\n        Parallelogram\\n      \")]),_c('p',[_vm._v(\"\\n        Parallelogram is a quadrilateral in which both pairs of opposite sides are parallel.\\n        The opposite sides are of equal length.\\n      \")])]),_c('li',[_c('h5',{ref:\"formula\"},[_vm._v(\"\\n        Rhombus\\n      \")]),_c('p',[_vm._v(\"   Rhombus is a quadrilateral in which both pairs of opposite sides are parallel and all sides are of the same length.\")])]),_c('li',[_c('h5',{ref:\"formula\"},[_vm._v(\"\\n        Square\\n      \")]),_c('p',[_vm._v(\" Square is a parallelogram with each interior angle being a right angle and all sides being equal. \")])]),_c('li',[_c('h5',{ref:\"formula\"},[_vm._v(\"\\n        Rectangle\\n      \")]),_c('p',[_vm._v(\" Rectangle is a parallelogram with each interior angle being a right angle. \")])])]),_c('h3',{ref:\"pg\"},[_vm._v(\"\\n    MagicGraph | Types of Quadrilateral\\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  placeRec\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(-8,8,-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, -2, -1, -3, 0];\r\nconst YList = [2,   1,  4,  2, 5];\r\nconst ZList = [2, 2, 2, 5, 1];\r\n/****************************************************/\r\nconst answers = [['Square', 'Rectangle', 'Parallelogram', 'Trapezium'], ['Square', 'Rectangle', 'Parallelogram', 'Trapezium'],['Square', 'Rectangle', 'Parallelogram', 'Trapezium'],['Rhombus', 'Rectangle', 'Parallelogram', 'Trapezium'],\r\n['Rhombus', 'Rectangle', 'Parallelogram', 'Trapezium']];\r\nconst index_right_answer = [0,3,2,1,0];\r\nvar i=0;\r\n/********************************************************************************************/\r\nvar Pt1 = drawPoint(graph, -3, -3);\r\nPt1.setAttribute({visible:false});\r\nlabelIt(graph, Pt1, 'A');\r\n//\r\nvar Pt2 = drawPoint(graph,  2,  -3);\r\nPt2.setAttribute({visible:false});\r\nlabelIt(graph, Pt2, 'B');\r\n//\r\nvar Pt3 = drawPoint(graph,  -3, 2);\r\nPt3.setAttribute({visible:false});\r\nlabelIt(graph, Pt3, 'C');\r\n//\r\nvar Pt4 = drawPoint(graph, 2,  2);\r\nPt4.setAttribute({visible:false});\r\nlabelIt(graph, Pt4, 'D');\r\n////////\r\nvar shape =placeRec(graph, Pt1, Pt2, Pt4, Pt3,'green');\r\nshape.setAttribute({fillOpacity:0.5});\r\n//////////////////////////////////////\r\nvar side1 = placeTapeHori(graph, Pt1, Pt2,'');\r\nside1.setAttribute({highlight:true, point1:{visible:false},point2:{visible:false}, strokeWidth:4, strokeColor:'grey', label:{visible:true, 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:true, 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:true, 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:true, 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 shown quadrilateral is a &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 = ['Square', 'Rectangle', 'Parallelogram', 'Trapezium'];\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  Pt3.moveTo([XList[i], ZList[i]], 100);\r\n  Pt4.moveTo([YList[i], ZList[i]], 100);\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    Pt3.moveTo([XList[0], ZList[0]], 100);\r\n    Pt4.moveTo([YList[0], ZList[0]], 100);\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      Quadrilateral\n    </h3>\r\n    <p>\n      Quadrilateral is a shape obtained by joining four non-collinear points located on the same plane.Thus, a quadrilateral is a polygon with four vertices, four sides and four interior angles.\n    </p>\r\n    <h3 ref=\"formula\">\r\n      Four types of Quadrilateral\r\n    </h3>\r\n    <p>\r\n      There are six types of quadrilateral. These are &mdash;\r\n    </p>\r\n    <ul class=\"a\">\r\n      <li>\n        <h5 ref=\"formula\">\r\n          Trapezium\r\n        </h5>\n      </li>\r\n      <p> A trapezium is a quadrilateral in which one pair of opposite sides is parallel. </p>\r\n      <li>\r\n        <h5 ref=\"formula\">\r\n          Parallelogram\r\n        </h5>\r\n        <p>\r\n          Parallelogram is a quadrilateral in which both pairs of opposite sides are parallel.\r\n          The opposite sides are of equal length.\r\n        </p>\r\n      </li>\r\n      <li>\r\n        <h5 ref=\"formula\">\r\n          Rhombus\r\n        </h5>\r\n        <p>   Rhombus is a quadrilateral in which both pairs of opposite sides are parallel and all sides are of the same length.</p>\r\n      </li>\r\n      <li>\r\n        <h5 ref=\"formula\">\r\n          Square\r\n        </h5>\r\n        <p> Square is a parallelogram with each interior angle being a right angle and all sides being equal. </p>\r\n      </li>\r\n      <li>\r\n        <h5 ref=\"formula\">\r\n          Rectangle\r\n        </h5>\r\n        <p> Rectangle is a parallelogram with each interior angle being a right angle. </p>\r\n      </li> \r\n    </ul>\r\n    <h3 ref=\"pg\">\n      MagicGraph | Types of Quadrilateral\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: 'Quads',\r\n  created () {\r\n    this.$store.commit('navigation/resetState');\r\n    let title = 'Types of Quadrilaterals';\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: 'Quadrilaterals',\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 types of quadrilaterals.'}\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=14549f52&\"\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":""}