{"version":3,"sources":["webpack:///./src/components/mathematics/Math8thGrade/demoAngles/Lesson.vue","webpack:///./src/components/mathematics/Math8thGrade/demoAngles/Boxes.js","webpack:///src/components/mathematics/Math8thGrade/demoAngles/Lesson.vue","webpack:///./src/components/mathematics/Math8thGrade/demoAngles/Lesson.vue?5e97","webpack:///./src/components/mathematics/Math8thGrade/demoAngles/Lesson.vue?5fd3"],"names":["attrs","staticClass","_c","_vm","_self","staticStyle","staticRenderFns","Boxes","box1","graph","createSpace","suspendUpdate","options","axis","strokeWidth","layer","board","minimizeReflow","point","showInfobox","line","highlight","image","text","polygon","makeResponsive","placeLogo","placeTitle","analytics","placeUndo","hoverMe","erase","placeRedo","i","eggs","placeEggs","setAttribute","visible","Jt1","drawPoint","setSize","St1","St3","Pt1","color","labelIt","label","offset","Pt2","Jt2","PLn1","drawLine","strokeColor","setWidth","PLn2","Ln","Ptint","drawIntersection","Pt","Pt4","Pt5","Pt6","perp","drawPerpP","Lp","alpha","drawAngle","name","fillColor","beta","gamma","radius","delta","eta","neta","on","line1","placeMiddleText","line2","line3","unsuspendUpdate","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-2d21ee52.69d8fb32.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(\" MagicGraph Navigation Buttons \")]),_vm._m(3),_c('h5',[_vm._v(\" Markings & 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    In the MagicGraph, you see a pair of parallel lines (shown in blue). These lines are intersected by line AB (shown in red). Line AB is called a transversal. The angles α and β are a  pair of alternate interior angles formed by transversal AB.\"),_c('br'),_vm._v(\"\\n    The points A and B can moved interactively. No matter the location of points A and B, the two alternate interior angles always remain equal to each other. This property is called equality of alternate interior angles.\\n  \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticStyle:{\"text-align\":\"left\"}},[_c('h5',[_vm._v(\" MagicGraph | Equality of Alternate Interior Angles \")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',{staticClass:\"big mt-2\"},[_vm._v(\"\\n    This MagicGraph is a visually interactive demo of equality of alternate interior angles. Tap on \"),_c('i',{staticClass:\"redoer ma-1\"}),_vm._v(\" button to interactively move points A and B.\\n    Tap on \"),_c('i',{staticClass:\"pauser ma-1\"}),_vm._v(\" button to pause points A and B.\\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  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  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  drawPoint,\r\n  drawTri,\r\n  setSize,\r\n  labelIt,\r\n  drawDash,\r\n  placeEggs,\r\n  drawLine,\r\n  setWidth,\r\n  drawIntersection,\r\n  drawPerpP,\r\n  drawAngle,\r\n  createSpace,\r\n  createAxes\r\n} from '../Utils';\r\nconst Boxes = {\r\n    //JXG.Options.line.highlight=false;\r\n    box1: function () {\r\n    //Create the Board\r\n    var graph =createSpace(-8,8,-7,9);\r\n    graph.suspendUpdate();\r\n    //createAxes(graph);\r\n    // Layering\r\n    graph.options.axis.strokeWidth=0;\r\n    graph.options.layer['image']=17;\r\n    graph.options.layer['text']=19;\r\n    graph.options.layer['line']=16;\r\n    graph.options.layer['point']=17;\r\n    graph.options.layer['glider']=17;\r\n    graph.options.layer['angle']=18;\r\n    graph.options.board.minimizeReflow = 'none';\r\n    graph.options.point.showInfobox =false;\r\n    graph.options.line.highlight=false;\r\n    graph.options.image.highlight=false;\r\n    graph.options.text.highlight=false;\r\n    graph.options.polygon.highlight=false;\r\n//    graph.options.text.display='internal';\r\n    //Make the board responsive\r\n    makeResponsive(graph);\r\n    // Creat titleStyle\r\n    placeLogo(graph);\r\n    placeTitle(graph, 'Pair of Angles', '(In Parallel Lines)');\r\n////////////////////////////////////////////////////////////////////////////////\r\n    var analytics = placeUndo(graph, 'left');\r\n    hoverMe(graph, analytics, 'Previous Step', 0, -5);\r\n    ////////////////////////////////////////////////////\r\n    var erase = placeRedo(graph);\r\n    hoverMe(graph, erase, 'Next Step', 0, -5);\r\n/////////////////////////////////////////////////////////////////////////////\r\n    var i = 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    ///////////////////////////All actions go here////////////////////////////////\r\n    var Jt1 = drawPoint(graph, 4, 4);\r\n    setSize(graph, Jt1, 0);\r\n    var St1 = drawPoint(graph, 0.0, 4.0);\r\n    setSize(graph, St1, 0);\r\n    var St3 = drawPoint(graph, -10.0, 4.0);\r\n    St3.setAttribute({visible:false});\r\n    var Pt1 = drawPoint(graph, 0, 4.0);\r\n    Pt1.setAttribute({color:'black'});\r\n    setSize(graph, Pt1, 3);\r\n    labelIt(graph, Pt1, 'A');\r\n    Pt1.label.setAttribute({offset:[0, 20]});\r\n    //Pt1.setAttribute({snapToGrid:true});\r\n    var Pt2 = drawPoint(graph, 4, 0.0);\r\n    Pt2.setAttribute({color:'black'});\r\n    setSize(graph, Pt2, 3);\r\n    labelIt(graph, Pt2, 'B');\r\n    Pt2.label.setAttribute({offset:[0, -20]});\r\n    var Jt2 = drawPoint(graph, 0, 0);\r\n    Jt2.setAttribute({visible:false});\r\n    var PLn1 = drawLine(graph, St1, Jt1);\r\n    PLn1.setAttribute({strokeColor:'blue'});\r\n    setWidth(graph, PLn1, '4');\r\n    var PLn2 = drawLine(graph, Jt2, Pt2);\r\n    PLn2.setAttribute({strokeColor:'blue'});\r\n    setWidth(graph, PLn2, '4');\r\n    //Pt2.setAttribute({snapToGrid:true});\r\n    var Ln =drawLine(graph, Pt1, Pt2);\r\n    Ln.setAttribute({strokeColor:'red'});\r\n    setWidth(graph, Ln, 4);\r\n    var Ptint = drawIntersection(graph, Ln, PLn1);\r\n    setSize(graph, Ptint, 0);\r\n    //////////////////////////////////////////\r\n    var Pt = drawPoint(graph, .0, 0.);\r\n    setSize(graph, Pt, 0);\r\n    var Pt4 = drawPoint(graph, 10.0, 0.);\r\n    setSize(graph, Pt4, 0);\r\n    var Pt5 = drawPoint(graph, -2, 6.);\r\n    setSize(graph, Pt5, 0);\r\n    var Pt6 = drawPoint(graph, -10.0, 0.);\r\n    setSize(graph, Pt6, 0);\r\n    ///////////////////////////////////////\r\n    var perp = drawPerpP(graph, Ln, Pt);\r\n    //perp.setAttribute({fillColor:'white', strokeColor:'black'});\r\n    setSize(graph, perp, 0);\r\n    //labelIt(graph, perp, 'D');\r\n    var Lp = drawLine(graph, Pt, perp);\r\n    Lp.setAttribute({strokeColor:'red'});\r\n    setWidth(graph, Lp, 0);\r\n    //drawPerp(graph, Ln, Pt)\r\n    //var ints = drawIntersection(graph, Ln, perp);\r\n    //ints.setAttribute({size:0});\r\n    var alpha =drawAngle(graph, Pt4, Pt2, perp);\r\n    //alpha.setAttribute({name:()=>(JXG.Math.Geometry.rad(Pt4, Pt2, perp)*180/Math.PI).toFixed(1), fillColor:'blue', visible:()=>i==0});\r\n    alpha.setAttribute({name:'a', fillColor:'blue', visible:()=>i==0});\r\n    alpha.label.setAttribute({offset:[10, 10]});\r\n    var beta =drawAngle(graph, St3, Ptint, Pt2);\r\n    beta.label.setAttribute({offset:[-10, -10]});\r\n    beta.setAttribute({name:'b', fillColor:'blue', visible:()=>i==0});\r\n  //  beta.setAttribute({name:()=>(JXG.Math.Geometry.rad(St3, Ptint, Pt2)*180/Math.PI).toFixed(1), fillColor:'blue', visible:()=>i==0});\r\n    ////////////////////////////////////////\r\n    var gamma =drawAngle(graph, St3, Pt1, Pt5);\r\n    //gamma.setAttribute({name:()=>'&gamma; ='+(JXG.Math.Geometry.rad(St3, Pt1, Pt5)*180/Math.PI).toFixed(1), fillColor:'red', visible:()=>i==1});\r\n    gamma.setAttribute({radius:1, name:'p', fillColor:'green', visible:()=>i==1});\r\n    gamma.label.setAttribute({offset:[-10, 10]});\r\n\r\n    var delta =drawAngle(graph, Pt6, Pt2, Pt1);\r\n    //delta.setAttribute({name:()=>'&delta; ='+(JXG.Math.Geometry.rad(Pt6, Pt2, Pt1)*180/Math.PI).toFixed(1), fillColor:'red', visible:()=>i==1});\r\n    delta.setAttribute({radius:1, name:'q', fillColor:'green', visible:()=>i==1});\r\n    delta.label.setAttribute({offset:[-10, 10]});\r\n\r\n    var eta =drawAngle(graph, Pt2, Pt1, Jt1);\r\n  //  eta.setAttribute({name:()=>'&delta; ='+(JXG.Math.Geometry.rad(Jt1, Pt1, Pt2)*180/Math.PI).toFixed(1), fillColor:'red', visible:()=>i==2});\r\n    eta.setAttribute({radius:1, name:'x', fillColor:'red', visible:()=>i==2});\r\n    eta.label.setAttribute({offset:[10, -10]});\r\n\r\n    var neta =drawAngle(graph, Pt4, Pt2, perp);\r\n    //alpha.setAttribute({name:()=>(JXG.Math.Geometry.rad(Pt4, Pt2, perp)*180/Math.PI).toFixed(1), fillColor:'blue', visible:()=>i==0});\r\n    neta.setAttribute({name:'y', fillColor:'red', visible:()=>i==2});\r\n    neta.label.setAttribute({offset:[10, 10]});\r\n  //////////////////////////////Button Actions////////////////////////////////////\r\n    analytics.on('down', function(){\r\n      if(i>0)\r\n      {\r\n      i-=1;\r\n      }\r\n      else\r\n      {\r\n        i=0;\r\n      }\r\n    });\r\n    erase.on('down', function(){\r\n      if(i<2)\r\n      {\r\n      i+=1;\r\n      }\r\n      else\r\n      {\r\n        i=0;\r\n      }\r\n    })\r\n    var line1 = placeMiddleText(graph, 0, -3.5, 'a and b are alternate interior angles (a = b)');\r\n    line1.setAttribute({color:'blue', visible:()=>i==0});\r\n    var line2 = placeMiddleText(graph, 0, -3.5, 'x and y are consecutive interior angles (x + y = 180)');\r\n    line2.setAttribute({color:'blue', visible:()=>i==2});\r\n    var line3 = placeMiddleText(graph, 0, -3.5, 'p and q are corresponding angles (p =q)');\r\n    line3.setAttribute({color:'blue', visible:()=>i==1});\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      In the MagicGraph, you see a pair of parallel lines (shown in blue). These lines are intersected by line AB (shown in red). Line AB is called a transversal. The angles &alpha; and &beta; are a  pair of alternate interior angles formed by transversal AB.<br>\r\n      The points A and B can moved interactively. No matter the location of points A and B, the two alternate interior angles always remain equal to each other. This property is called equality of alternate interior angles.\r\n    </p>\r\n    <div style=\"text-align:left\">\r\n      <h5> MagicGraph | Equality of Alternate Interior Angles </h5>\r\n    </div>\r\n    <p class=\"big mt-2\">\r\n      This MagicGraph is a visually interactive demo of equality of alternate interior angles. Tap on <i class=\"redoer ma-1\" /> button to interactively move points A and B.\r\n      Tap on <i class=\"pauser ma-1\" /> button to pause points A and B.\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> MagicGraph Navigation Buttons </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> Markings & 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: 'ParallelLines',\r\n  created: function () {\r\n    this.$store.commit('navigation/resetState');\r\n    let title = 'Parallel Lines';\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: 'Parallel Lines',\r\n          titleTemplate: '%s | Learn interactively',\r\n          meta: [\r\n                  {vmid: 'description', name: 'description', content: 'Learn interactively about parallel lines'}\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=4c1d283a&\"\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":""}