{"version":3,"sources":["webpack:///./src/components/mathematics/Math6thGrade/demoPerpBisector/Lesson.vue?b91d","webpack:///./src/components/mathematics/Math6thGrade/demoPerpBisector/Lesson.vue","webpack:///./src/components/mathematics/Math6thGrade/demoPerpBisector/Boxes.js","webpack:///src/components/mathematics/Math6thGrade/demoPerpBisector/Lesson.vue","webpack:///./src/components/mathematics/Math6thGrade/demoPerpBisector/Lesson.vue?308f","webpack:///./src/components/mathematics/Math6thGrade/demoPerpBisector/Lesson.vue?c719"],"names":["ref","attrs","staticClass","_v","_vm","_self","staticRenderFns","Boxes","box1","graph","createSpace","suspendUpdate","options","axis","strokeWidth","layer","board","minimizeReflow","point","showInfobox","line","highlight","image","text","polygon","makeResponsive","placeLogo","placeTitle","analytics","placeUndo","setLabel","label","setAttribute","visible","alignX","offset","CssStyle","fontSize","on","this","erase","placeRedo","i","eggs","placeEggs","PtA","drawPoint","setSize","labelIt","PtB","Ln","drawLine","PtR","setColor","Pt3","Pt4","circleA","drawCircle","dash","setWidth","circleB","create","ptA","name","size","Math","round","canvasWidth","color","ceil","Int1","Int2","Perp","drawDash","Int3","txt0","placeMiddleText","txt1","txt2","txt3","txt4","unsuspendUpdate","created","$store","commit","title","newshowhome","newMath","newLeftArrow","newModule","mounted","MathJax","Hub","Queue","metaInfo","meta","content","vmid","component"],"mappings":"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","file":"js/chunk-5c64648b.7b744d26.js","sourcesContent":["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=072040d0&prod&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('h3',{ref:\"intro\"},[_vm._v(\"\\n Goal of the Exercise\\n \")]),_c('br'),_c('p',[_vm._v(\"\\n You are given a line segment AB. The goal is to draw\\n the perpendicular bisector of line AB.\\n \")]),_c('br'),_c('h3',{ref:\"pg\"},[_vm._v(\"\\n MagicGraph | Perpendicular Bisector to a Line\\n \")]),_c('br'),_c('h5',[_vm._v(\" Getting Started \")]),_c('br'),_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 This MagicGraph offers a visual-interactive illustration that demonstrates construction of a perpendicular bisector of line AB.\\n \"),_c('br')])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',[_vm._v(\"\\n Tap on \"),_c('i',{staticClass:\"next ma-1\"}),_vm._v(\" button to go to the next step. Tap on \"),_c('i',{staticClass:\"previous ma-1\"}),_vm._v(\" button to go to the previous step.\\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 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 createSpace,\r\n drawSegment,\r\n drawLine,\r\n drawArc,\r\n drawIntersection,\r\n setColor,\r\n drawCircle,\r\n setWidth\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, 7, -8, 7);\r\n graph.suspendUpdate();\r\n // Layering\r\n graph.options.axis.strokeWidth=0;\r\n graph.options.layer['image']=17;\r\n graph.options.layer['text']=16;\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, 'Drawing Perpendicular Bisector', '');\r\n////////////////////////////////////////////////////////////////////////////////\r\n var analytics = placeUndo(graph, 'left');\r\n analytics.setLabel('Tap to Go to Previous Step');\r\n analytics.label.setAttribute({visible:false, alignX:'middle', offset:[0, -15], CssStyle:'fontFamily:Oswald', fontSize:12});\r\n analytics.on('over', function () {this.label.setAttribute({visible:true});});\r\n analytics.on('out', function () {this.label.setAttribute({visible:false});});\r\n ////////////////////////////////////////////////////\r\n var erase = placeRedo(graph);\r\n erase.setLabel('Tap to Go to Next Step')\r\n erase.label.setAttribute({visible:false, alignX:'middle', offset:[0, -15], CssStyle:'fontFamily:Oswald', fontSize:12});\r\n erase.on('over', function () {this.label.setAttribute({visible:true});});\r\n erase.on('out', function () {this.label.setAttribute({visible:false});});\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 /////////////////////////////////////////////////////////\r\n var PtA = drawPoint(graph, -3, 0); //A\r\n setSize(graph, PtA, 3);\r\n labelIt(graph, PtA, 'A');\r\n ///////////////////////////////////////////////\r\n var PtB = drawPoint(graph, 3,-1); //B\r\n setSize(graph, PtB, 3);\r\n labelIt(graph, PtB, 'B');\r\n /////////////////////////////////////////\r\n var Ln =drawLine(graph, PtA, PtB);\r\n var PtR = drawPoint(graph, 1, 1); //R\r\n setSize(graph, PtR, 3);\r\n labelIt(graph, PtR, 'R');\r\n setColor(graph, PtR, 'red');\r\n PtR.setAttribute({visible:false});\r\n\r\n var Pt3 = drawPoint(graph, 3, 3);\r\n setSize(graph, Pt3, 0);\r\n ////////////////////\r\n var Pt4 = drawPoint(graph, -3, 3);\r\n setSize(graph, Pt4, 0);\r\n ////////////////////////////////////////////\r\n\r\n\r\n var circleA =drawCircle(graph, PtA, PtR);\r\n circleA.setAttribute({visible:()=>i>0, dash:1});\r\n setWidth(graph, circleA, 1);\r\n\r\n var circleB = graph.create('circle', [circleA, PtB]);\r\n circleB.setAttribute({visible:()=>i>1, dash:1});\r\n setWidth(graph, circleB, 1);\r\n\r\n const ptA = {\r\n name:'',\r\n size: ()=>Math.round(2*graph.canvasWidth/800.),\r\n color:'black',\r\n strokeWidth:()=>Math.ceil(4*graph.canvasWidth/800.),\r\n highlight:false\r\n };\r\n\r\n var Int1 =graph.create('intersection', [circleA, circleB, 0],ptA);\r\n Int1.setAttribute({visible:()=>i>2});\r\n labelIt(graph, Int1, 'C');\r\n Int1.label.setAttribute({offset:[0, -10]});\r\n\r\n var Int2 =graph.create('intersection', [circleA, circleB, 1],ptA);\r\n labelIt(graph, Int2, 'D');\r\n Int2.label.setAttribute({offset:[0, 30]});\r\n Int2.setAttribute({visible:()=>i>2});\r\n\r\n var Perp = drawDash(graph, Int1, Int2);\r\n Perp.setAttribute({visible:()=>i>3});\r\n\r\n var Int3 =graph.create('intersection', [Perp, Ln],ptA);\r\n labelIt(graph, Int3, 'O');\r\n Int3.label.setAttribute({offset:[20, 0]});\r\n Int3.setAttribute({visible:()=>i>3});\r\n\r\n /////////////////////////////////////\r\n function movePtR(){\r\n PtR.moveTo([3+Math.round(4*Math.random()), 0],100)};\r\n function movePtB(){\r\n PtB.moveTo([0.0, 3+Math.round(4*Math.random())],100)};\r\n ///////////////////////////////////////////////\r\n var txt0 =placeMiddleText(graph, 0, 5, 'You are given a line segment AB.')\r\n txt0.setAttribute({visible:()=>i==0});\r\n var txt1 =placeMiddleText(graph, 0, 5, 'Draw a circle with center at A and radius R.')\r\n txt1.setAttribute({visible:()=>i==1});\r\n var txt2 =placeMiddleText(graph, 0, 5, 'With the same radius, draw a circle with center at B.')\r\n txt2.setAttribute({visible:()=>i==2});\r\n var txt3 =placeMiddleText(graph, 0, 5, 'Both circles intersect each other at C and D');\r\n txt3.setAttribute({visible:()=>i==3});\r\n var txt4 =placeMiddleText(graph, 0, 5, 'Join points C and D. O is the midpoint of AB');\r\n txt4.setAttribute({visible:()=>i==4});\r\n ///////////////////////////\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<4)\r\n {\r\n i+=1;\r\n }\r\n else\r\n {\r\n i=4;\r\n }\r\n })\r\n///////////////////////////////////////////////////////////////////////\r\n graph.unsuspendUpdate();\r\n },\r\n }\r\nexport default Boxes;\r\n","\r\n\r\n\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=072040d0&\"\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=072040d0&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"],"sourceRoot":""}