{"version":3,"sources":["webpack:///./src/components/mathematics/Math8thGrade/quizQuadExt/Lesson.vue","webpack:///./src/components/mathematics/Math8thGrade/quizQuadExt/Boxes.js","webpack:///src/components/mathematics/Math8thGrade/quizQuadExt/Lesson.vue","webpack:///./src/components/mathematics/Math8thGrade/quizQuadExt/Lesson.vue?c644","webpack:///./src/components/mathematics/Math8thGrade/quizQuadExt/Lesson.vue?72c2"],"names":["staticClass","staticStyle","_vm","_c","_self","staticRenderFns","Boxes","box1","brd1","createSpace","options","board","minimizeReflow","point","showInfobox","line","highlight","image","text","polygon","makeResponsive","placeLogo","placeTitle","im","Pt1","create","name","size","fillColor","strokeColor","snapToGrid","label","offset","fontSize","canvasHeight","cssStyle","Pt2","Pt3","Pt4","on","b0","drawSegment","setAttribute","b1","b2","b3","ln0","drawLine","ln1","ln2","ln3","straightFirst","visible","dash","ang1","radius","color","ang2","ang3","ang4","Value","Math","PI","toFixed","anchorX","anchorY","CssStyle","round","canvasWidth","fixed","useASCIIMathML","display","strokeWidth","fillOpacity","borders","erase","placeErase","glid","drawPoint","shuffle","placeShuffle","ij","random","moveTo","prev","placeUndo","X","Y","play","placeRedo","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-2d2288c1.1d1da033.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('br'),_c('h5',[_vm._v(\"Background Description\")]),_c('p',{staticClass:\"big mt-2\"},[_vm._v(\"\\n    The sum of exterior angles in a quadrilateral is always \\\\(360^o\\\\).\\n  \")]),_vm._m(0),_vm._m(1),_c('v-responsive',[_c('v-layout',{attrs:{\"justify-center\":\"\"}},[_c('div',{staticClass:\"edliy-box-about\",attrs:{\"id\":\"jxgbox1\"}})])],1),_c('br')],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticStyle:{\"text-align\":\"left\"}},[_c('h5',[_vm._v(\" MagicGraph | Sum of Exterior Angles of a Quadrilateral \")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',{staticClass:\"big mt-2\"},[_vm._v(\"\\n    This MagicGraph offers a visually interactive demonstration of interior angle theorem for quadrilaterals. You are given a quadrilateral \"),_c('i',[_vm._v(\"ABCD\")]),_vm._v(\".\"),_c('br'),_c('i',[_vm._v(\"A\")]),_vm._v(\", \"),_c('i',[_vm._v(\"B\")]),_vm._v(\", \"),_c('i',[_vm._v(\"C\")]),_vm._v(\" and \"),_c('i',[_vm._v(\"D\")]),_vm._v(\" are the four vertices of this quadrilateral. These vertices can be moved around. Further, \"),_c('i',[_vm._v(\"a\")]),_vm._v(\", \"),_c('i',[_vm._v(\"b\")]),_vm._v(\", \"),_c('i',[_vm._v(\"c\")]),_vm._v(\" and \"),_c('i',[_vm._v(\"d\")]),_vm._v(\" are the four interior angles of this quadrilateral.\\n    \"),_c('br'),_vm._v(\"\\n    By moving the four vertices around, you can change the quadrilateral. As you move the vertices around, you will notice that sum of four interior angles \"),_c('i',[_vm._v(\"a+b+c+d\")]),_vm._v(\" always remains \\\\(360^o\\\\).\\n  \")])\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  placeTri,\r\n  shuffle,\r\n  placeEraseLeft,\r\n  placeEraseRight,\r\n  createSpace,\r\n  placeStartOver,\r\n  writeHTMLText,\r\n  placeBoldText,\r\n  drawPoint,\r\n  setSize,\r\n  drawSlider,\r\n  placePlay,\r\n  placeRedo,\r\n  drawLine,\r\n  drawSegment,\r\n  placeUndo\r\n} from '../Utils';\r\nconst Boxes = {\r\n  box1: function () {\r\n    var brd1 = createSpace(-6, 6, -4, 8);\r\n    brd1.options.board.minimizeReflow = 'none';\r\n    brd1.options.point.showInfobox =false;\r\n    brd1.options.line.highlight=false;\r\n    brd1.options.image.highlight=false;\r\n    brd1.options.text.highlight=false;\r\n    brd1.options.polygon.highlight=false;\r\n    makeResponsive(brd1);\r\n    placeLogo(brd1);\r\n    placeTitle(brd1, 'Sum of Exterior Angles in a Quadrilateral', '(Shuffle to generate a different quadrilateral)');\r\n  //  var XList=[];\r\n  //  var YList=[];\r\n    var i=0; var j=0; var im=0; var jm=0; var km=0; var lm=0;\r\n    var Pt1 = brd1.create('point', [-2,2],{name:'A', size:4, fillColor:'white', strokeColor:'black', snapToGrid:false, label: {offset:[-15, 15], fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'}});\r\n    //\r\n    var Pt2 = brd1.create('point', [2,3],{name:'B ', size:4, fillColor:'white',strokeColor:'black', snapToGrid:false, label: {offset:[15, 15],fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'}});\r\n    //\r\n    var Pt3 = brd1.create('point', [1,-1],{name:'C', size:4,fillColor:'white',  strokeColor:'black', snapToGrid:false, label: {offset:[15, -15],fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'}});\r\n    //\r\n    var Pt4 = brd1.create('point', [-3,-2],{name:'D', size:4,fillColor:'white',  strokeColor:'black', snapToGrid:false,label: {offset:[-15, -15],fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'}});\r\n    /////////////Point#1///////////////\r\n    Pt1.on('down', function(){i=1});\r\n    Pt1.on('up', function(){i=0});\r\n    /////////////Point#2///////////////\r\n    Pt2.on('down', function(){i=1});\r\n    Pt2.on('up', function(){i=0});\r\n    /////////////Point#3///////////////\r\n    Pt3.on('down', function(){i=1});\r\n    Pt3.on('up', function(){i=0});\r\n    /////////////Point#4///////////////\r\n    Pt4.on('down', function(){i=1});\r\n    Pt4.on('up', function(){i=0});\r\n    //brd1.create('segment', [Pt1, Pt3], {strokeColor:'blue', strokeWidth:1, fixed:true});\r\n    var b0=drawSegment(brd1, Pt1, Pt2);\r\n    b0.setAttribute({strokeColor:function(){if(im>=1){return 'red'}else{return 'black'}}});\r\n    var b1=drawSegment(brd1, Pt2, Pt3);\r\n    b1.setAttribute({strokeColor:function(){if(im>=2){return 'red'}else{return 'black'}}});\r\n    var b2=drawSegment(brd1, Pt3, Pt4);\r\n    b2.setAttribute({strokeColor:function(){if(im>=3){return 'red'}else{return 'black'}}});\r\n    var b3=drawSegment(brd1, Pt4, Pt1);\r\n    b3.setAttribute({strokeColor:function(){if(im>=4){return 'red'}else{return 'black'}}});\r\n    var ln0 =drawLine(brd1, Pt4, Pt1);\r\n    var ln1 =drawLine(brd1, Pt1, Pt2);\r\n    var ln2 =drawLine(brd1, Pt2, Pt3);\r\n    var ln3 =drawLine(brd1, Pt3, Pt4);\r\n    ln0.setAttribute({straightFirst:false, visible:()=>im>=1, dash:1});\r\n    ln1.setAttribute({straightFirst:false, visible:()=>im>=2, dash:1});\r\n    ln2.setAttribute({straightFirst:false, visible:()=>im>=3, dash:1});\r\n    ln3.setAttribute({straightFirst:false, visible:()=>im>=4, dash:1});\r\n    var ang1 = brd1.create('nonreflexangle', [b0, ln0, 1, 1],{name:'a', radius:1, strokeColor:'blue', fillColor:'blue',  label:{color:'black', fontSize:function(){return 22*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'}});\r\n    ang1.setAttribute({visible:()=>im>=1});\r\n    var ang2 = brd1.create('nonreflexangle', [b1, ln1, 1, 1],{name:'b', radius:1, strokeColor:'blue', fillColor:'blue',  label:{color:'black', fontSize:function(){return 22*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'}});\r\n    ang2.setAttribute({visible:()=>im>=2});\r\n    var ang3 = brd1.create('nonreflexangle', [b2, ln2, 1, 1],{name:'c',radius:1, strokeColor:'blue', fillColor:'blue',  label:{color:'black', fontSize:function(){return 22*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'}});\r\n    ang3.setAttribute({visible:()=>im>=3});\r\n    var ang4 = brd1.create('nonreflexangle', [b3, ln3, 1, 1],{name:'d', radius:1, strokeColor:'blue', fillColor:'blue',  label:{color:'black', fontSize:function(){return 22*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'}});\r\n    ang4.setAttribute({visible:()=>im>=4});\r\n  //  brd1.create('text', [0, 5.5, function(){return '&alpha; = '+ (ang1.Value()*180/Math.PI).toFixed(2) + '^o'}],{visible:()=>im==1, color:'blue', anchorX:'middle', anchorY:'middle', highlight:false, CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(24*brd1.canvasWidth/800.)},fixed:true});\r\n//\r\n    brd1.create('text', [-3-1, 5.5, function(){return 'a = '+ (ang1.Value()*180/Math.PI).toFixed(2) + '^o'}],{color:'blue', anchorX:'left', anchorY:'middle', highlight:false,visible:()=>im>=1,  CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(14*brd1.canvasWidth/500.)}, fixed:true, useASCIIMathML:true});\r\n//\r\n    brd1.create('text', [-1-1, 5.5, function(){return 'b = '+ (ang2.Value()*180/Math.PI).toFixed(2)+ '^o'}],{color:'blue', anchorX:'middle', anchorY:'middle', highlight:false, visible:()=>im>=2, CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(14*brd1.canvasWidth/500.)}, fixed:true,useASCIIMathML:true});\r\n//\r\n    brd1.create('text', [0., 5.5, function(){return 'c = '+ (ang3.Value()*180/Math.PI).toFixed(2) + '^o'}],{color:'blue', anchorX:'middle', anchorY:'middle', highlight:false, visible:()=>im>=3, CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(14*brd1.canvasWidth/500.)},fixed:true,useASCIIMathML:true});\r\n//\r\n    brd1.create('text', [2., 5.5, function(){return 'd = '+ (ang4.Value()*180/Math.PI).toFixed(2) + '^o'}],{display:'html',color:'blue', anchorX:'middle', anchorY:'middle', highlight:false, visible:()=>im>=4, CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(14*brd1.canvasWidth/500.)},fixed:true,useASCIIMathML:true});\r\n//\r\n     brd1.create('text', [0, 4.5, function(){return 'Sum = '+ ((ang1.Value()+ang2.Value()+ang3.Value()+ang4.Value())*180/Math.PI).toFixed(0) + '^o'}],{ anchorX:'middle', anchorY:'middle', color:'blue',highlight:false,visible:()=>im==4, CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(24*brd1.canvasWidth/800.)},fixed:true, useASCIIMathML:true});\r\n//\r\n    brd1.create('text', [0, 4.5, function(){return 'Sum = '+ ((ang1.Value()+ang2.Value())*180/Math.PI).toFixed(2) + '^o'}],{visible:()=>im==2, color:'blue', anchorX:'middle', anchorY:'middle', highlight:false, CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(24*brd1.canvasWidth/800.)},fixed:true});\r\n\r\n    brd1.create('text', [0, 4.5, function(){return 'Sum = '+ ((ang1.Value()+ang2.Value()+ang3.Value())*180/Math.PI).toFixed(2) + '^o'}],{visible:()=>im==3, color:'blue', anchorX:'middle', anchorY:'middle', highlight:false,useASCIIMathML:true, CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(24*brd1.canvasWidth/800.)},fixed:true});\r\n\r\n    var poly = brd1.create('polygon', [Pt1, Pt2, Pt3, Pt4],{fixed:true, strokeWidth:2, fillColor:'white', fillOpacity:1, highlight:false, borders:{fixed:true, strokeColor:'black', strokeWidth:2, highlight:false}});\r\n    var erase=placeErase(brd1, 'right');\r\n    erase.setAttribute({visible:()=>im==4});\r\n    erase.on('down', function(){im=0});\r\n    var glid =drawPoint(brd1,-2, 2);\r\n    var shuffle=placeShuffle(brd1, 'left');\r\n    shuffle.setAttribute({visible:()=>im==0});\r\n    shuffle.on('down', function(){\r\n      let ij=Math.random()*1.5+1;\r\n      glid.moveTo([-2-ij, 2], 100);\r\n      Pt1.moveTo([-2-ij, 2], 100);\r\n      Pt2.moveTo([2, 3], 100);\r\n      Pt3.moveTo([1+ij, -1+ij], 100);\r\n      Pt4.moveTo([-3, -2+ij], 100);\r\n    });\r\n    var prev = placeUndo(brd1,'left');\r\n    prev.setAttribute({visible:()=>im>0});\r\n    prev.on('down', function(){\r\n      if(im==1){\r\n        glid.moveTo([Pt1.X(), Pt1.Y()], 100);\r\n      }\r\n      else if(im==2){\r\n        glid.moveTo([Pt2.X(), Pt2.Y()], 100);\r\n      }\r\n      else if(im==3){\r\n        glid.moveTo([Pt3.X(), Pt3.Y()], 100);\r\n      }\r\n      else if(im==4){\r\n        glid.moveTo([Pt4.X(), Pt4.Y()], 100);\r\n      }\r\n      if(im>0)\r\n      {\r\n      im-=1;\r\n      }\r\n      else {\r\n      im=0;\r\n      }\r\n      });\r\n    var play =placeRedo(brd1);\r\n    play.setAttribute({visible:()=>im<4});\r\n    play.on('down', function(){\r\n      if(im==0){\r\n        glid.moveTo([Pt2.X(), Pt2.Y()], 100);\r\n      }\r\n      else if(im==1){\r\n        glid.moveTo([Pt3.X(), Pt3.Y()], 100);\r\n      }\r\n      else if(im==2){\r\n        glid.moveTo([Pt4.X(), Pt4.Y()], 100);\r\n      }\r\n      else if(im==3){\r\n        glid.moveTo([Pt1.X(), Pt1.Y()], 100);\r\n      }\r\n      if(im<4)\r\n      {\r\n      im+=1;\r\n      }\r\n      else {\r\n      im=4;\r\n      }\r\n      });\r\n    }\r\n}\r\nexport default Boxes;\r\n","<template>\r\n  <div>\r\n    <br>\r\n    <h5>Background Description</h5>\r\n    <p class=\"big mt-2\">\n      The sum of exterior angles in a quadrilateral is always \\(360^o\\).\r\n    </p>\r\n    <div style=\"text-align:left\">\r\n      <h5> MagicGraph | Sum of Exterior Angles of a Quadrilateral </h5>\r\n    </div>\r\n    <p class=\"big mt-2\">\r\n      This MagicGraph offers a visually interactive demonstration of interior angle theorem for quadrilaterals. You are given a quadrilateral <i>ABCD</i>.<br>\r\n      <i>A</i>, <i>B</i>, <i>C</i> and <i>D</i> are the four vertices of this quadrilateral. These vertices can be moved around. Further, <i>a</i>, <i>b</i>, <i>c</i> and <i>d</i> are the four interior angles of this quadrilateral.\r\n      <br>\r\n      By moving the four vertices around, you can change the quadrilateral. As you move the vertices around, you will notice that sum of four interior angles <i>a+b+c+d</i> always remains \\(360^o\\).\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  </div>\r\n</template>\r\n<script>\r\nimport Boxes from './Boxes.js'\r\nexport default {\r\n  name: 'TrigonometricRatio',\r\n  created: function () {\r\n    this.$store.commit('navigation/resetState');\r\n    let title = 'Exterior Angles of a Quadrilateral';\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: 'Exterior Angles',\r\n          titleTemplate: '%s | Learn interactively',\r\n          meta: [\r\n                  {vmid: 'description', name: 'description', content: 'Learn interactively about exterior angles of a quadrilateral.'}\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=101480a1&\"\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":""}