{"version":3,"sources":["webpack:///./src/components/mathematics/Math6thGrade/demoAngleBisector/Lesson.vue?7e67","webpack:///./src/components/mathematics/Math6thGrade/demoAngleBisector/Lesson.vue","webpack:///./src/components/mathematics/Math6thGrade/demoAngleBisector/Boxes.js","webpack:///src/components/mathematics/Math6thGrade/demoAngleBisector/Lesson.vue","webpack:///./src/components/mathematics/Math6thGrade/demoAngleBisector/Lesson.vue?47fa","webpack:///./src/components/mathematics/Math6thGrade/demoAngleBisector/Lesson.vue?c414"],"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","PtR","Pt2","Pt3","ang0","drawAngle","name","radius","circleA","drawCircle","Ln1","drawSegment","Ln2","ptA","size","Math","round","canvasWidth","color","ceil","PtB","create","PtC","mp1","mp2","circle1","circle2","X","Y","Radius","Int3","Ln3","bi1","bi2","pArc1","pArc2","pArc3","pArc4","arc1","drawArc","radiusPoint","anglePoint","arc2","arc3","ang1","ang2","txt0","placeMiddleText","txt1","txt11","txt2","txt3","txt4","txt44","unsuspendUpdate","created","$store","commit","title","newshowhome","newMath","newLeftArrow","newModule","mounted","MathJax","Hub","Queue","metaInfo","meta","content","vmid","component"],"mappings":"yIAAA,W,qECA4D,EAAU,W,IAAgBA,EAAI,KAAQ,EAAK,EAAI,S,OAA+N,iBAAK,IAAK,SAA8NC,GAAK,GAAC,qN,IAAC,MAAmB,qMAAE,MAAK,CAAOC,iBAAY,K,CAAyB,QAAK,CAAS,8BAAG,MAAM,CACrpB,mBACyC,IAAC,IAAqB,EAAmBC,YAClF,IAAC,OAAY,EAAO,EAAC,MAAI,G,OAAIC,EAAG,IAACC,CAAK,EAAG,sJAAC,W,IAA+CH,OAAyB,EAAI,EAAI,S,OAAoDA,MAAY,8BAAiB,YAAQ,cAClN,wDAEF,YAAiBI,kB,gECuDXC,EAAQ,CAEVC,KAAM,WAEN,IAAIC,EAAOC,gBAAa,EAAG,GAAI,EAAG,GAClCD,EAAME,gBAENF,EAAMG,QAAQC,KAAKC,YAAY,EAC/BL,EAAMG,QAAQG,MAAM,SAAS,GAC7BN,EAAMG,QAAQG,MAAM,QAAQ,GAC5BN,EAAMG,QAAQG,MAAM,QAAQ,GAC5BN,EAAMG,QAAQG,MAAM,SAAS,GAC7BN,EAAMG,QAAQG,MAAM,UAAU,GAC9BN,EAAMG,QAAQG,MAAM,SAAS,GAC7BN,EAAMG,QAAQI,MAAMC,eAAiB,OACrCR,EAAMG,QAAQM,MAAMC,aAAa,EACjCV,EAAMG,QAAQQ,KAAKC,WAAU,EAC7BZ,EAAMG,QAAQU,MAAMD,WAAU,EAC9BZ,EAAMG,QAAQW,KAAKF,WAAU,EAC7BZ,EAAMG,QAAQY,QAAQH,WAAU,EAGhCI,eAAehB,GAEfiB,eAAUjB,GACVkB,eAAWlB,EAAO,4BAA6B,IAE/C,IAAImB,EAAYC,eAAUpB,EAAO,QACjCmB,EAAUE,SAAS,8BACnBF,EAAUG,MAAMC,aAAa,CAACC,SAAQ,EAAOC,OAAO,SAAUC,OAAO,CAAC,GAAI,IAAKC,SAAS,oBAAqBC,SAAS,KACtHT,EAAUU,GAAG,QAAQ,WAAaC,KAAKR,MAAMC,aAAa,CAACC,SAAQ,OACnEL,EAAUU,GAAG,OAAO,WAAaC,KAAKR,MAAMC,aAAa,CAACC,SAAQ,OAElE,IAAIO,EAAQC,eAAUhC,GACtB+B,EAAMV,SAAS,0BACfU,EAAMT,MAAMC,aAAa,CAACC,SAAQ,EAAOC,OAAO,SAAUC,OAAO,CAAC,GAAI,IAAKC,SAAS,oBAAqBC,SAAS,KAClHG,EAAMF,GAAG,QAAQ,WAAaC,KAAKR,MAAMC,aAAa,CAACC,SAAQ,OAC/DO,EAAMF,GAAG,OAAO,WAAaC,KAAKR,MAAMC,aAAa,CAACC,SAAQ,OAE9D,IAAIS,EAAI,EACJC,EAAOC,eAAUnC,GACrBkC,EAAK,GAAGX,aAAa,CAACC,QAAQ,kBAAIS,GAAG,KAErCC,EAAK,GAAGX,aAAa,CAACC,QAAQ,kBAAIS,GAAG,KAErCC,EAAK,GAAGX,aAAa,CAACC,QAAQ,kBAAIS,GAAG,KAErC,IAAIG,EAAMC,eAAUrC,GAAQ,EAAG,GAC/BsC,eAAQtC,EAAOoC,EAAK,GACpBG,eAAQvC,EAAOoC,EAAK,KACpBA,EAAId,MAAMC,aAAa,CAACG,OAAO,EAAE,GAAI,KAErC,IAAIc,EAAMH,eAAUrC,GAAQ,GAAI,GAChCsC,eAAQtC,EAAOwC,EAAK,GACpBD,eAAQvC,EAAOwC,EAAK,KACpBA,EAAIjB,aAAa,CAACC,SAAQ,IAE3B,IAAIiB,EAAMJ,eAAUrC,EAAO,EAAE,GAC7BsC,eAAQtC,EAAOyC,EAAK,GACpBF,eAAQvC,EAAOyC,EAAK,KACpBA,EAAIlB,aAAa,CAACC,SAAQ,IAE1B,IAAIkB,EAAML,eAAUrC,EAAO,GAAI,GAC/BsC,eAAQtC,EAAO0C,EAAK,GACpBH,eAAQvC,EAAO0C,EAAK,KACpBA,EAAInB,aAAa,CAACC,SAAQ,IAE1B,IAAImB,EAAMC,eAAU5C,EAAOyC,EAAKL,EAAKM,GACrCC,EAAKpB,aAAa,CAACsB,KAAK,GAAIC,OAAO,IAEnC,IAAIC,EAASC,eAAWhD,EAAOoC,EAAKI,GACpCO,EAAQxB,aAAa,CAACC,SAAQ,IAE9B,IAAIyB,EAAKC,eAAYlD,EAAOoC,EAAKK,GAC7BU,EAAKD,eAAYlD,EAAOoC,EAAKM,GAE3BU,EAAM,CACVP,KAAK,GACLQ,KAAM,kBAAIC,KAAKC,MAAM,EAAEvD,EAAMwD,YAAY,MACzCC,MAAM,QACNpD,YAAY,kBAAIiD,KAAKI,KAAK,EAAE1D,EAAMwD,YAAY,MAC9C5C,WAAU,GAGR+C,EAAM3D,EAAM4D,OAAO,eAAgB,CAACb,EAASE,EAAK,GAAIG,GAC1DO,EAAIpC,aAAa,CAACC,QAAQ,kBAAIS,EAAE,KAChCM,eAAQvC,EAAO2D,EAAK,KACpBA,EAAIrC,MAAMC,aAAa,CAACG,OAAO,CAAC,EAAG,MAEnC,IAAImC,EAAK7D,EAAM4D,OAAO,eAAgB,CAACb,EAASI,EAAK,GAAIC,GACzDS,EAAItC,aAAa,CAACC,SAAQ,IAC1Be,eAAQvC,EAAO6D,EAAK,KACpBA,EAAIvC,MAAMC,aAAa,CAACG,OAAO,CAAC,GAAI,MAEpC,IAAIoC,EAAM9D,EAAM4D,OAAO,WAAY,CAACnB,EAAKkB,IACzCG,EAAIvC,aAAa,CAACC,SAAQ,IAC1B,IAAIuC,EAAM/D,EAAM4D,OAAO,WAAY,CAAClB,EAAKmB,IACzCE,EAAIxC,aAAa,CAACC,SAAQ,IAE1B,IAAIwC,EAAShB,eAAWhD,EAAO2D,EAAKjB,GACpCsB,EAAQzC,aAAa,CAACC,SAAQ,IAE9B,IAAIyC,EAAUjE,EAAM4D,OAAO,SAAU,CAAC,WAAa,MAAO,CAACC,EAAIK,IAAKL,EAAIM,MAAQ,WAAa,OAAOH,EAAQI,YAC5GH,EAAQ1C,aAAa,CAACC,SAAQ,IAE9B,IAAI6C,EAAMrE,EAAM4D,OAAO,eAAgB,CAACI,EAASC,EAAS,GAAIb,GAC9Db,eAAQvC,EAAOqE,EAAM,KACrBA,EAAK/C,MAAMC,aAAa,CAACG,OAAO,CAAC,GAAI,KACrC2C,EAAK9C,aAAa,CAACC,QAAQ,kBAAIS,EAAE,KAEjC,IAAIqC,EAAKpB,eAAYlD,EAAOoC,EAAKiC,GACjCC,EAAI/C,aAAa,CAACC,QAAQ,kBAAIS,EAAE,KAGhC,IAAIsC,EAAKvE,EAAM4D,OAAO,WAAY,CAACnB,EAAKL,EAAKiC,GAAO,CAAC7C,SAAQ,IACzDgD,EAAKxE,EAAM4D,OAAO,WAAY,CAAClB,EAAKN,EAAKiC,GAAO,CAAC7C,SAAQ,IAEzDiD,EAAOzE,EAAM4D,OAAO,eAAgB,CAACI,EAASO,EAAK,IACvDE,EAAMlD,aAAa,CAACC,SAAQ,IAE5B,IAAIkD,EAAO1E,EAAM4D,OAAO,eAAgB,CAACI,EAASQ,EAAK,IACvDE,EAAMnD,aAAa,CAACC,SAAQ,IAE5B,IAAImD,EAAO3E,EAAM4D,OAAO,eAAgB,CAACK,EAASM,EAAK,IACvDI,EAAMpD,aAAa,CAACC,SAAQ,IAE5B,IAAIoD,EAAO5E,EAAM4D,OAAO,eAAgB,CAACK,EAASO,EAAK,IACvDI,EAAMrD,aAAa,CAACC,SAAQ,IAG5B,IAAIqD,EAAMC,eAAQ9E,EAAO2D,EAAKe,EAAOD,GACrCI,EAAKtD,aAAa,CAACC,QAAQ,kBAAIS,EAAE,GAAG8C,YAAY,CAACvD,SAAQ,GAAQwD,WAAW,CAACxD,SAAQ,KAErF,IAAIyD,EAAMH,eAAQ9E,EAAO6D,EAAKe,EAAOD,GACrCM,EAAK1D,aAAa,CAACC,QAAQ,kBAAIS,EAAE,GAAG8C,YAAY,CAACvD,SAAQ,GAAQwD,WAAW,CAACxD,SAAQ,KAErF,IAAI0D,EAAMJ,eAAQ9E,EAAOoC,EAAKyB,EAAKF,GACnCuB,EAAK3D,aAAa,CAACC,QAAQ,kBAAIS,EAAE,GAAG8C,YAAY,CAACvD,SAAQ,GAAQwD,WAAW,CAACxD,SAAQ,KAErF,IAAI2D,EAAMvC,eAAU5C,EAAO6D,EAAKzB,EAAKiC,GACrCc,EAAK5D,aAAa,CAACsB,KAAK,GAAIC,OAAO,EAAGtB,QAAQ,kBAAIS,EAAE,GAAE8C,YAAY,CAACvD,QAAQ,kBAAIS,EAAE,IAAI+C,WAAW,CAACxD,QAAQ,kBAAIS,EAAE,MAE/G,IAAImD,EAAMxC,eAAU5C,EAAO2D,EAAKvB,EAAKiC,GACrCe,EAAK7D,aAAa,CAACsB,KAAK,GAAIC,OAAO,EAAGtB,QAAQ,kBAAIS,EAAE,GAAE8C,YAAY,CAACvD,QAAQ,kBAAIS,EAAE,IAAI+C,WAAW,CAACxD,QAAQ,kBAAIS,EAAE,MAO9G,IAAIoD,EAAMC,eAAgBtF,EAAO,EAAG,IAAK,4BACzCqF,EAAK9D,aAAa,CAACC,QAAQ,kBAAO,GAAHS,KAC/B,IAAIsD,EAAMD,eAAgBtF,EAAO,EAAG,IAAK,sDACrCwF,EAAOF,eAAgBtF,EAAO,EAAG,IAAK,wDAC1CuF,EAAKhE,aAAa,CAACC,QAAQ,kBAAO,GAAHS,KAC/BuD,EAAMjE,aAAa,CAACC,QAAQ,kBAAO,GAAHS,KAChC,IAAIwD,EAAMH,eAAgBtF,EAAO,EAAG,IAAK,wEACzCyF,EAAKlE,aAAa,CAACC,QAAQ,kBAAO,GAAHS,KAC/B,IAAIyD,EAAMJ,eAAgBtF,EAAO,EAAG,IAAK,wEACzC0F,EAAKnE,aAAa,CAACC,QAAQ,kBAAO,GAAHS,KAC/B,IAAI0D,EAAML,eAAgBtF,EAAO,EAAG,IAAK,iEACrC4F,EAAON,eAAgBtF,EAAO,EAAG,IAAK,+CAC1C2F,EAAKpE,aAAa,CAACC,QAAQ,kBAAO,GAAHS,KAC/B2D,EAAMrE,aAAa,CAACC,QAAQ,kBAAO,GAAHS,KAEhCd,EAAUU,GAAG,QAAQ,WAChBI,EAAE,EAELA,GAAG,EAIDA,EAAE,KAGNF,EAAMF,GAAG,QAAQ,WACZI,EAAE,EAELA,GAAG,EAIDA,EAAE,KAINjC,EAAM6F,oBAGK/F,ICxNA,GACf+C,KAAA,eACAiD,QAAA,WACA,KAAAC,OAAAC,OAAA,yBACA,IAAAC,EAAA,4BACA,KAAAF,OAAAC,OAAA,yBAAAC,GACA,KAAAF,OAAAC,OAAA,wBAAAC,GACA,IAAAC,GAAA,EACA,KAAAH,OAAAC,OAAA,4BAAAE,GACA,IAAAC,GAAA,EACA,KAAAJ,OAAAC,OAAA,yBAAAG,GACA,IAAAC,GAAA,EACA,KAAAL,OAAAC,OAAA,8BAAAI,GACA,IAAAC,GAAA,EACA,KAAAN,OAAAC,OAAA,2BAAAK,IAEAC,QAAA,WACAC,QAAAC,IAAAC,MAAA,WAAAF,QAAAC,MACA1G,EAAAC,QAEA2G,SAAA,CACAT,MAAA,4BAEAU,KAAA,EAAA9D,KAAA,WAAA+D,QAAA,uCACA,CAAAC,KAAA,cAAAhE,KAAA,cAAA+D,QAAA,2DC1D6X,I,wBCQzXE,EAAY,eACd,EACA,EACAjH,GACA,EACA,KACA,KACA,MAIa,aAAAiH,E","file":"js/chunk-4fe0c182.9ab8d8fe.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=39cccb80&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 an angle OAB. The goal is to draw the line that divides this angle into two equal angles (i.e. angle bisector).\\n  \")]),_c('br'),_c('h3',{ref:\"pg\"},[_vm._v(\"\\n    MagicGraph | Drawing Angle Bisector\\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 the bisecor of a given angle.\\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  drawAngle\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 an Angle 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, 'O');\r\n    PtA.label.setAttribute({offset:[-20, 0]});\r\n///////////////////////////////////////////////\r\n    var PtR = drawPoint(graph, -6, -2);  //R\r\n    setSize(graph, PtR, 3);\r\n    labelIt(graph, PtR, 'R');\r\n    PtR.setAttribute({visible:false});\r\n   ///////////////////////////////////////////////\r\n   var Pt2 = drawPoint(graph, 3,2);  //2\r\n   setSize(graph, Pt2, 3);\r\n   labelIt(graph, Pt2, 'A');\r\n   Pt2.setAttribute({visible:true});\r\n//////////////////////////////////////////////////////\r\n   var Pt3 = drawPoint(graph, 3, -2);  //3\r\n   setSize(graph, Pt3, 3);\r\n   labelIt(graph, Pt3, 'B');\r\n   Pt3.setAttribute({visible:true});\r\n///////////////////////////////////////////////////////\r\n   var ang0 =drawAngle(graph, Pt2, PtA, Pt3);\r\n   ang0.setAttribute({name:'', radius:1});\r\n   //////////////////////////////////\r\n   var circleA =drawCircle(graph, PtA, PtR);\r\n   circleA.setAttribute({visible:false});\r\n\r\n   var Ln1 =drawSegment(graph, PtA, Pt2);\r\n   var Ln2 =drawSegment(graph, PtA, Pt3);\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 PtB = graph.create('intersection', [circleA, Ln1, 0], ptA);\r\n   PtB.setAttribute({visible:()=>i>0});\r\n   labelIt(graph, PtB, '1');\r\n   PtB.label.setAttribute({offset:[0, 40]});\r\n\r\n   var PtC =graph.create('intersection', [circleA, Ln2, 0], ptA);\r\n   PtC.setAttribute({visible:false});\r\n   labelIt(graph, PtC, '2');\r\n   PtC.label.setAttribute({offset:[0, -10]});\r\n\r\n   var mp1 = graph.create('midpoint', [Pt2, PtB]);\r\n   mp1.setAttribute({visible:false});\r\n   var mp2 = graph.create('midpoint', [Pt3, PtC]);\r\n   mp2.setAttribute({visible:false});\r\n\r\n   var circle1 =drawCircle(graph, PtB, Pt3);\r\n   circle1.setAttribute({visible:false});\r\n\r\n   var circle2 = graph.create('circle', [function() { return [PtC.X(), PtC.Y()];}, function() { return circle1.Radius(); }]);\r\n   circle2.setAttribute({visible:false});\r\n\r\n   var Int3 =graph.create('intersection', [circle1, circle2, 1], ptA);\r\n   labelIt(graph, Int3, 'P');\r\n   Int3.label.setAttribute({offset:[20, 0]});\r\n   Int3.setAttribute({visible:()=>i>2});\r\n\r\n   var Ln3 =drawSegment(graph, PtA, Int3);\r\n   Ln3.setAttribute({visible:()=>i>3});\r\n   ///////\r\n\r\n   var bi1 =graph.create('bisector', [Pt2, PtA, Int3], {visible:false});\r\n   var bi2 =graph.create('bisector', [Pt3, PtA, Int3], {visible:false});\r\n\r\n   var pArc1 =graph.create('intersection', [circle1, bi1, 1]);\r\n   pArc1.setAttribute({visible:false});\r\n\r\n   var pArc2 =graph.create('intersection', [circle1, bi2, 0]);\r\n   pArc2.setAttribute({visible:false});\r\n\r\n   var pArc3 =graph.create('intersection', [circle2, bi1, 1]);\r\n   pArc3.setAttribute({visible:false});\r\n\r\n   var pArc4 =graph.create('intersection', [circle2, bi2, 0]);\r\n   pArc4.setAttribute({visible:false});\r\n\r\n   //ARCS\r\n   var arc1 =drawArc(graph, PtB, pArc2, pArc1);\r\n   arc1.setAttribute({visible:()=>i>2, radiusPoint:{visible:false}, anglePoint:{visible:false}});\r\n\r\n   var arc2 =drawArc(graph, PtC, pArc4, pArc3);\r\n   arc2.setAttribute({visible:()=>i>1, radiusPoint:{visible:false}, anglePoint:{visible:false}});\r\n\r\n   var arc3 =drawArc(graph, PtA, PtC, PtB);\r\n   arc3.setAttribute({visible:()=>i>0, radiusPoint:{visible:false}, anglePoint:{visible:false}});\r\n\r\n   var ang1 =drawAngle(graph, PtC, PtA, Int3);\r\n   ang1.setAttribute({name:'', radius:1, visible:()=>i>3,radiusPoint:{visible:()=>i>0}, anglePoint:{visible:()=>i>2}});\r\n\r\n   var ang2 =drawAngle(graph, PtB, PtA, Int3);\r\n   ang2.setAttribute({name:'', radius:1, visible:()=>i>3,radiusPoint:{visible:()=>i>0}, anglePoint:{visible:()=>i>2}});\r\n   //labelIt(graph, ang2, ang2.Value().toFixed(0));\r\n    /////////////////////////////////////\r\n    /*\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, 4.5, 'You are given angle AOB.');\r\n    txt0.setAttribute({visible:()=>i==0});\r\n    var txt1 =placeMiddleText(graph, 0, 4.5, 'With O as center, draw an arc that cuts both rays.');\r\n    var txt11= placeMiddleText(graph, 0, 3.5, 'The arc cuts ray OA at point 1 and ray OB at point 2');\r\n    txt1.setAttribute({visible:()=>i==1});\r\n    txt11.setAttribute({visible:()=>i==1});\r\n    var txt2 =placeMiddleText(graph, 0, 4.5, 'Next, with point 1 as center, draw an arc in the middle of both rays')\r\n    txt2.setAttribute({visible:()=>i==2});\r\n    var txt3 =placeMiddleText(graph, 0, 4.5, 'Next, with point 2 as center, draw an arc in the middle of both rays');\r\n    txt3.setAttribute({visible:()=>i==3});\r\n    var txt4 =placeMiddleText(graph, 0, 4.5, 'Draw a line joining the point of intersection P with point O.');\r\n    var txt44 =placeMiddleText(graph, 0, 3.5, 'Line OP is the angle bisector of angle AOB.');\r\n    txt4.setAttribute({visible:()=>i==4});\r\n    txt44.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","<template>\r\n  <div>\r\n    <h3 ref=\"intro\">\r\n      Goal of the Exercise\r\n    </h3>\r\n    <br>\r\n    <p>\r\n      You are given an angle OAB. The goal is to draw the line that divides this angle into two equal angles (i.e. angle bisector).\r\n    </p>\r\n    <br>\r\n    <h3 ref=\"pg\">\n      MagicGraph | Drawing Angle Bisector\n    </h3>\r\n    <br>\r\n    <h5> Getting Started </h5>\r\n    <br>\r\n    <p>\n      This MagicGraph offers a visual-interactive illustration that demonstrates construction of the bisecor of a given angle.\r\n      <br>\r\n    </p>\r\n    <h5> Icons on the MagicGraph </h5>\r\n    <p>\r\n      Tap on <i class=\"next ma-1\" /> button  to go to the next step. Tap on <i class=\"previous ma-1\" /> button to go to the previous step.\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: 'TriangleArea',\r\n  created () {\r\n    this.$store.commit('navigation/resetState');\r\n    let title = 'Drawing an Angle Bisector';\r\n    this.$store.commit('navigation/changeTitle', title);\r\n    this.$store.commit('navigation/changeMenu', 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          title: 'Drawing an Angle Bisector',\r\n        //  titleTemplate: '%s - Learn interactively',\r\n          meta: [ {name: 'viewport', content: 'width=device-width, initial-scale=1'},\r\n                  {vmid:'description',name: 'description', content: 'Learn interactively about drawing an angle bisector.'}\r\n                ]\r\n   },\r\n}\r\n</script>\r\n<style lang=\"scss\">\r\n@import 'src/styles/edliy-box.scss';\r\n@import 'src/styles/subtopic-menu.scss';\r\n@import 'src/styles/edliy-box-about.scss';\r\n@import 'src/styles/screen-sizes.scss';\r\n</style>\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=39cccb80&\"\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=39cccb80&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":""}