{"version":3,"sources":["webpack:///./src/components/mathematics/Math9thGrade/demoCongruence/Lesson.vue","webpack:///./src/components/mathematics/Math9thGrade/demoCongruence/Boxes.js","webpack:///src/components/mathematics/Math9thGrade/demoCongruence/Lesson.vue","webpack:///./src/components/mathematics/Math9thGrade/demoCongruence/Lesson.vue?8715","webpack:///./src/components/mathematics/Math9thGrade/demoCongruence/Lesson.vue?3ad6"],"names":["attrs","staticClass","_c","_vm","_self","staticStyle","staticRenderFns","Boxes","box1","JXG","Options","board","minimizeReflow","point","showInfoBox","highlight","image","line","text","fixed","polygon","cssDefaultStyle","graph","createSpace","suspendUpdate","options","layer","boundingBox","attr","boundingbox","positionX","makeResponsive","placeLogo","i","xList","eggs","placeEggs","setAttribute","visible","placeTitle","next","placeRedo","hoverMe","prev","placeUndo","li","create","Pt1","drawPoint","setSize","Pt2","Pt3","tri","drawTriangle","borders","dash","Math","PI","type","trnf3","St1","St2","St3","Tt1","Tt2","Tt3","Rt1","Rt2","Rt3","writeSmallText","tri2","fillColor","text2","placeMiddleText","tri3","text3","tri4","text4","theta","placeSlider","label","trnf4","Value","bindTo","trnf5","applyOnce","trnf6","trnf7","trnf8","on","moveTo","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-2d21f0dc.e835b692.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(\" Navigation Icons \")]),_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    Two triangles are said to be congruent to each other is they can be superimposed on each other through rotation, inversion or translation.\\n    \"),_c('br'),_vm._v(\"\\n    In this MagicGraph, you will learn to examine the congruence of two triangles.\\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 examine the congruence of two triangles. Tap on \"),_c('i',{staticClass:\"next ma-1\"}),_vm._v(\" button to move over to the next question.\\n    Tap on \"),_c('i',{staticClass:\"previous ma-1\"}),_vm._v(\" button to go to previous step.\\n    \"),_c('br')])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',{staticClass:\"big mt-2\"},[_vm._v(\"\\n    This MagicGraph contains a number of navigation icons/buttons to help you navigate through different parts of the exercise. See below for an explanation of each navigation icons.\"),_c('br'),_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'),_vm._v(\"\\n    The right checkmark \"),_c('i',{staticClass:\"righter ma-1\"}),_vm._v(\"  indicates that your provided response was correct. \"),_c('br'),_vm._v(\"\\n    The crossmark \"),_c('i',{staticClass:\"wrong ma-1\"}),_vm._v(\"  indicates that your provided response was incorrect. \"),_c('br'),_vm._v(\"\\n    The exclaimation mark\"),_c('i',{staticClass:\"missed ma-1\"}),_vm._v(\" indicates an unattempted (missed) response. \"),_c('br')])\n}]\n\nexport { render, staticRenderFns }","import {\r\n  createSpace,\r\n  createAxes,\r\n  makeResponsive,\r\n  placeTitle,\r\n  placeImage,\r\n  placeInput,\r\n  placeSlider,\r\n  hoverMe,\r\n  placeRec,\r\n  hiddenPt,\r\n  fixedPt,\r\n  clearInputFields,\r\n  dragMe,\r\n  placeArrow,\r\n  placeGravity,\r\n  placeText,\r\n  placeMiddleText,\r\n  placeLine,\r\n//  placePoint,\r\n  placeGlider,\r\n  placeRuler,\r\n  placeLeftText,\r\n  placeCircle,\r\n  placeAngle,\r\n  drawPoint,\r\n//  placeDash,\r\n  placeLabel,\r\n  placeRightText,\r\n//placePoint(board, positionX, positionY, size, cols1, cols2)\r\n//placeDash(board, Pt1, Pt2, width, cols)\r\n  placeArc,\r\n  placeLogo,\r\n  placeErase,\r\n  placeShuffle,\r\n  placeTest,\r\n  placeSeg,\r\n  setConfig,\r\n  placeStat,\r\n  drawTriangle,\r\n  shuffle,\r\n  placeEraseLeft,\r\n  placeTapeHori,\r\n  placeTapeVert,\r\n  placeSq,\r\n  placeBoldText,\r\n  placeRedo,\r\n  placeUndo,\r\n  setSize,\r\n  labelIt,\r\n  drawSegment,\r\n  drawDash,\r\n  place3Circles,\r\n  place3BCircles,\r\n  placeEggs,\r\n  writeSmallText\r\n} from '../Utils.js';\r\nconst Boxes = {\r\nbox1: function () {\r\n      ///////////////////////////////////GLOBAL SETTINGS//////////////////////\r\n  JXG.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.polygon.highlight=false;\r\n  JXG.Options.text.cssDefaultStyle='fontFamily:Oswald;'\r\n  //////////////////////////////////LOCAL SETTINGS////////////////////////////\r\n  var graph =createSpace(-8,8,-7,9);\r\n  graph.suspendUpdate();\r\n  graph.options.layer['image']=26;\r\n  graph.options.layer['text']=2;\r\n  graph.options.layer['html']=2;\r\n  graph.options.layer['line']=6;\r\n  graph.options.layer['point']=10;\r\n  graph.options.layer['polygon']=4;\r\n  graph.options.image.highlight=false;\r\n//    graph.options.text.display='internal';\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    //Make the board responsive\r\n    makeResponsive(graph);\r\n    // Creat titleStyle\r\n    placeLogo(graph);\r\n//    var ax =createAxes(graph);\r\n//    ax[0].setAttribute({ticks:false});\r\n//    ax[1].setAttribute({ticks:false});\r\n///////////////////////////////\r\n  var i = 0; var xList=[-5, -7, 0];\r\n  var eggs = placeEggs(graph);\r\n  eggs[0].setAttribute({visible:()=>i>=0});\r\n////////////////\r\n  eggs[1].setAttribute({visible:()=>i>=1});\r\n////////////////\r\n  eggs[2].setAttribute({visible:()=>i>=2});\r\n////////////////////////////////////////////\r\nplaceTitle(graph, 'Congruent Triangles', '(Are two triangles congruent?)');\r\n////////////////////////////////////////////////////////////////////////////////\r\n    var next = placeRedo(graph, 'right');\r\n    hoverMe(graph, next, 'Forward', 0, -5);\r\n    ////////////////////////////////////////////////////\r\n    var prev = placeUndo(graph, 'left');\r\n    hoverMe(graph, prev, 'Backward', 0, -5);\r\n/////////////////////////////////////////////////////////////////////////////\r\n    var li =graph.create('line', [[0,0],[0,1]],{visible:false});\r\n    /////////////////////////////////////////////////////////\r\n    var Pt1 = drawPoint(graph, -2-4, 0);\r\n    setSize(graph, Pt1, 0);\r\n    var Pt2 = drawPoint(graph, ()=>xList[i], 4);\r\n    setSize(graph, Pt2, 0);\r\n    var Pt3 = drawPoint(graph, 3-4, 0);\r\n    setSize(graph, Pt3, 0);\r\n    /////////////////////////////////\r\n    var tri =drawTriangle(graph, Pt1, Pt2, Pt3);\r\n    tri.setAttribute({borders:{visible:true, dash:1}});\r\n    /////////////////////\r\n    var trnf1=graph.create('transform', [-2.*Math.PI/3], {type: 'rotate'});\r\n    var trnf2=graph.create('transform', [4, 3], {type: 'translate'});\r\n    var trnf3=graph.create('transform',[li],{type:'reflect'});\r\n    var tranf=[trnf1];\r\n    var St1 =drawPoint(graph, -2-4, 0);\r\n    setSize(graph, St1, 0);\r\n    var St2 =drawPoint(graph, -5, 4);\r\n    setSize(graph, St2, 0);\r\n    var St3 =drawPoint(graph, 3-4, 0);\r\n    setSize(graph, St3, 0);\r\n    var Tt1 =drawPoint(graph, -2-4, 0);\r\n    setSize(graph, Tt1, 0);\r\n    var Tt2 =drawPoint(graph, -7, 4);\r\n    setSize(graph, Tt2, 0);\r\n    var Tt3 =drawPoint(graph, 3-4, 0);\r\n    setSize(graph, Tt3, 0);\r\n    var Rt1 =drawPoint(graph, -2-4, 0);\r\n    setSize(graph, Rt1, 0);\r\n    var Rt2 =drawPoint(graph, 0, 4);\r\n    setSize(graph, Rt2, 0);\r\n    var Rt3 =drawPoint(graph, 3-4, 0);\r\n    setSize(graph, Rt3, 0);\r\n    ////////////////////////////\r\n    writeSmallText(graph, positionX+2.5, -2.5, 'Drag the slider to examine the congruence of the two triangles.');\r\n    var tri2 = drawTriangle(graph, St1, St2, St3);\r\n    tri2.setAttribute({fillColor:'red', visible:()=>i==0})\r\n    var text2 = placeMiddleText(graph, positionX, 5.5, 'The two triangles are related by rotation.');\r\n    text2.setAttribute({visible:()=>i==0});\r\n    /////////////////////////////////////////////\r\n    var tri3 = drawTriangle(graph, Tt1, Tt2, Tt3);\r\n    tri3.setAttribute({fillColor:'green', visible:()=>i==1});\r\n    var text3 = placeMiddleText(graph, positionX, 5.5, 'The two triangles are related by translation.');\r\n    text3.setAttribute({visible:()=>i==1});\r\n    ///////////////////////////////////////////\r\n    var tri4 = drawTriangle(graph, Rt1, Rt2, Rt3);\r\n    tri4.setAttribute({fillColor:'orange',visible:()=>i==2});\r\n    var text4 = placeMiddleText(graph, positionX, 5.5, 'The two triangles are related by reflection.');\r\n    text4.setAttribute({visible:()=>i==2});\r\n    ////////////////////////////////////////////////////\r\n    var theta =placeSlider(graph, 2, -4, -2*Math.PI/3, -2*Math.PI/3, 0, 2, 'DragMe');\r\n    theta.label.setAttribute({visible:false});\r\n    var trnf4=graph.create('transform', [function(){return theta.Value();}], {type: 'rotate'});\r\n    trnf4.bindTo([St1,St2,St3]);\r\n\r\n    var trnf5=graph.create('transform', [0, function(){return 2.4*theta.Value();}], {type: 'translate'});\r\n    trnf5.bindTo([Tt1,Tt2,Tt3]);\r\n\r\n    trnf3.applyOnce([Rt1, Rt2, Rt3]);\r\n\r\n    var trnf6=graph.create('transform', [function(){return 12-12*(1+3*theta.Value()/2/Math.PI);}, 0], {type: 'translate'});\r\n    var trnf7=graph.create('transform', [function(){return 0-0*(1+3*theta.Value()/2/Math.PI);}, 0], {type: 'translate'});\r\n    var trnf8=graph.create('transform', [function(){return 2-2*(1+3*theta.Value()/2/Math.PI);}, 0], {type: 'translate'});\r\n     trnf6.bindTo([Rt1]);\r\n     trnf7.bindTo([Rt2]);\r\n     trnf8.bindTo([Rt3]);\r\n    ////////////////////////////////////////////////\r\n    next.on('down', function(){\r\n      if(i==0){\r\n      //  trnf1.applyOnce([St1,St2,St3]);\r\n        theta.moveTo([2, -4]);\r\n      }\r\n      if(i==1){\r\n      //  trnf2.applyOnce([St1,St2,St3]);\r\n        theta.moveTo([2, -4]);\r\n      }\r\n      if(i==2){\r\n      //  trnf3.applyOnce([St1,St2,St3]);\r\n        theta.moveTo([2, -4]);\r\n      }\r\n      if(i<2){\r\n      i+=1;}\r\n    });\r\n    prev.on('down', function(){\r\n      if(i==2){\r\n      theta.moveTo([2, -4]);\r\n      }\r\n      if(i==1){\r\n      theta.moveTo([2, -4]);\r\n      }\r\n      if(i>0){\r\n      i-=1;\r\n    }\r\n    });\r\n///////////////////////////////////////////////////////////////////////\r\n    graph.unsuspendUpdate();\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      Two triangles are said to be congruent to each other is they can be superimposed on each other through rotation, inversion or translation.\n      <br>\r\n      In this MagicGraph, you will learn to examine the congruence of two triangles.\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 examine the congruence of two triangles. Tap on <i class=\"next ma-1\" /> button to move over to the next question.\r\n      Tap on <i class=\"previous ma-1\" /> button to go to previous step.\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> Navigation Icons </h5>\r\n    <p class=\"big mt-2\">\n      This MagicGraph contains a number of navigation icons/buttons to help you navigate through different parts of the exercise. See below for an explanation of each navigation icons.<br>\r\n      <i class=\"redoer ma-1\" /> is the 'Next' button. Tap on this button to move over to the next question. <br>\r\n      <i class=\"tester ma-1\" /> is the 'Check Your Answer' button. Tap on this button to check your answer.<br>\r\n      <i class=\"logor ma-1\" /> 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\" /> 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      The right checkmark <i class=\"righter ma-1\" />  indicates that your provided response was correct. <br>\r\n      The crossmark <i class=\"wrong ma-1\" />  indicates that your provided response was incorrect. <br>\r\n      The exclaimation mark<i class=\"missed ma-1\" /> 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: 'Congruence',\r\n  created: function () {\r\n    this.$store.commit('navigation/resetState');\r\n    let title = 'Congruent Triangles';\r\n    this.$store.commit('navigation/changeTitle', title);\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: 'Congruent Triangles',\r\n          titleTemplate: '%s | Learn interactively',\r\n          meta: [\r\n                  {vmid: 'description', name: 'description', content: 'Learn interactively about congruences of triangles'}\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=d2f0eb02&\"\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":""}