{"version":3,"sources":["webpack:///./src/components/mathematics/Math10thGrade/distance-2/Lesson.vue","webpack:///./src/components/mathematics/Math10thGrade/distance-2/Boxes.js","webpack:///src/components/mathematics/Math10thGrade/distance-2/Lesson.vue","webpack:///./src/components/mathematics/Math10thGrade/distance-2/Lesson.vue?3897","webpack:///./src/components/mathematics/Math10thGrade/distance-2/Lesson.vue?f768","webpack:///./src/components/mathematics/Math10thGrade/distance-2/Lesson.vue?62ea"],"names":["attrs","staticClass","_c","_vm","_self","staticRenderFns","Boxes","box1","JXG","Options","board","minimizeReflow","point","showInfoBox","highlight","image","text","fixed","curve","cssDefaultStyle","brd1","JSXGraph","initBoard","boundingbox","keepaspectratio","axis","ticks","grid","showCopyright","showNavigation","pan","enabled","zoom","makeResponsive","options","layer","placeTitle","placeLogo","i","j","shuffle","placeShuffle","setAttribute","visible","setLabel","label","alignX","offset","CssStyle","fontSize","on","this","test","placeTest","pts1","create","name","size","canvasHeight","fillColor","strokeColor","strokeWidth","snapToGrid","shadow","placeLabel","X","Y","dash","pts2","pts3","placeLine","Horz","placeTapeHori","fillOpacity","point1","point2","color","horzDash","placeDash","vertDash","Vert","placeTapeVert","xAxis","placeHTMLText","Value","toFixed","yAxis","anchorX","ang","placeAngle","dal1","dal2","dal3","val","placeText","Math","pow","xs","placeInput","minus2","placeImage","rght1","wrng1","ys","minus1","rght2","wrng2","analytics","erase","moveTo","round","random","shuffle2","created","_this","$store","commit","title","newTopics","img","action","goto","newshowhome","newMath","newLeftArrow","newModule","mounted","MathJax","Hub","Queue","metaInfo","titleTemplate","meta","content","component"],"mappings":"qJAA4D,EAAU,W,IAAgbA,EAAM,K,EAAC,W,OAAmB,2YAAE,MAAK,CAAOC,iBAAY,K,CAAyB,QAAK,CAAS,8BAAG,MAAM,CACzlB,mBACyC,IAAC,IAAqB,EAAc,Y,IAACA,OAAuB,EAAK,EAAI,SAC9G,OAAC,MAAW,CAAC,YAAY,YAACC,CAAE,EAACC,GAAIC,0HAAQ,sSAAC,W,IAAeH,OAAuB,EAAK,EAAI,S,OAA+LA,MAAY,CAAe,YAAQ,YAAiBA,wJAAY,yCAAe,YAAQ,gBAC9W,cAAW,OAAC,YAAY,gBAAG,EAACE,GAAIC,oGAAS,W,IAAeH,OAAuB,EAAK,EAAI,S,OAAiCA,MAAY,CAAiB,YAAQ,YAA8DA,+BAAY,OAAe,YAAQ,kBAA2DA,2DAAY,OAAe,YAAQ,gBAAsFA,wDAAY,OAAe,YAAQ,gBACtd,0FAEF,YAAiBI,gB,mCCiCXC,EAAQ,CACZC,KAAM,WACPC,IAAIC,QAAQC,MAAMC,eAAiB,OAClCH,IAAIC,QAAQG,MAAMC,aAAY,EAC9BL,IAAIC,QAAQG,MAAME,WAAU,EAC5BN,IAAIC,QAAQM,MAAMD,WAAU,EAC5BN,IAAIC,QAAQO,KAAKF,WAAU,EAC3BN,IAAIC,QAAQO,KAAKC,OAAM,EACvBT,IAAIC,QAAQS,MAAMJ,WAAU,EAC5BN,IAAIC,QAAQO,KAAKG,gBAAgB,qBACjC,IAAIC,EAAOZ,IAAIa,SAASC,UAAU,UAAU,CAACC,YAAa,EAAE,GAAI,GAAI,GAAI,GACtEC,iBAAiB,EAAMC,MAAK,EAAMC,OAAM,EAAMC,MAAK,EAAMC,eAAc,EAAOC,gBAAe,EAAOC,IAAI,CAACC,SAAQ,GAAQC,KAAK,CAACD,SAAQ,KAEzIE,eAAeb,GACfA,EAAKc,QAAQC,MAAM,QAAS,GAC5Bf,EAAKc,QAAQC,MAAM,SAAU,GAC7Bf,EAAKc,QAAQC,MAAM,SAAU,GAC7Bf,EAAKc,QAAQC,MAAM,QAAS,GAE5BC,eAAWhB,EAAM,mBAAoB,wCACrCiB,eAAUjB,GACV,IAAIkB,EAAE,EAAOC,EAAE,EAEPC,EAAUC,eAAarB,GAC3BoB,EAAQE,aAAa,CAACC,QAAQ,kBAAO,GAAHL,KAClCE,EAAQI,SAAS,yBACjBJ,EAAQK,MAAMH,aAAa,CAACC,SAAQ,EAAOG,OAAO,SAAUC,OAAO,CAAC,GAAI,IAAKC,SAAS,oBAAqBC,SAAS,KACpHT,EAAQU,GAAG,QAAQ,WAAaC,KAAKN,MAAMH,aAAa,CAACC,SAAQ,OACjEH,EAAQU,GAAG,OAAO,WAAaC,KAAKN,MAAMH,aAAa,CAACC,SAAQ,OAEhE,IAAIS,EAAOC,eAAUjC,GACrBgC,EAAKV,aAAa,CAACC,QAAQ,kBAAO,GAAHL,KAC/Bc,EAAKR,SAAS,qBACdQ,EAAKP,MAAMH,aAAa,CAACC,SAAQ,EAAOG,OAAO,SAAUC,OAAO,CAAC,GAAI,IAAKC,SAAS,oBAAqBC,SAAS,KACjHG,EAAKF,GAAG,QAAQ,WAAaC,KAAKN,MAAMH,aAAa,CAACC,SAAQ,OAC9DS,EAAKF,GAAG,OAAO,WAAaC,KAAKN,MAAMH,aAAa,CAACC,SAAQ,OAEnE,IAAIW,EAAOlC,EAAKmC,OAAO,QAAS,CAAC,EAAI,GAAK,CAACC,KAAK,GAAI1C,WAAU,EAAO2C,KAAK,WAAW,OAAO,EAAErC,EAAKsC,aAAa,KAAMC,UAAU,SAAUC,YAAY,QAASC,YAAY,EAAGlB,SAAQ,EAAMmB,YAAW,EAAMC,QAAO,IACpNC,eAAW5C,EAAMkC,EAAM,IAAK,EAAG,IAC/BlC,EAAKmC,OAAO,UAAW,CAAC,CAAC,kBAAID,EAAKW,KAAK,kBAAIX,EAAKY,MAAM,CAAC,EAAG,kBAAIZ,EAAKY,OAAM,CAACC,KAAK,EAAGN,YAAY,EAAGD,YAAY,UAC7GxC,EAAKmC,OAAO,UAAW,CAAC,CAAC,kBAAID,EAAKW,KAAK,kBAAIX,EAAKY,MAAM,CAAC,kBAAIZ,EAAKW,KAAK,IAAI,CAACE,KAAK,EAAGN,YAAY,EAAGD,YAAY,UAE7G,IAAIQ,EAAOhD,EAAKmC,OAAO,QAAS,EAAE,GAAK,GAAK,CAACC,KAAK,GAAI1C,WAAU,EAAO2C,KAAK,WAAW,OAAO,EAAErC,EAAKsC,aAAa,KAAMC,UAAU,SAAUC,YAAY,QAASC,YAAY,EAAGlB,SAAQ,EAAMmB,YAAW,EAAMC,QAAO,IACtNC,eAAW5C,EAAMgD,EAAM,KAAM,IAAK,IAClChD,EAAKmC,OAAO,UAAW,CAAC,CAAC,kBAAIa,EAAKH,KAAK,kBAAIG,EAAKF,MAAM,CAAC,EAAG,kBAAIE,EAAKF,OAAM,CAACC,KAAK,EAAGN,YAAY,EAAGD,YAAY,UAC7GxC,EAAKmC,OAAO,UAAW,CAAC,CAAC,kBAAIa,EAAKH,KAAK,kBAAIG,EAAKF,MAAM,CAAC,kBAAIE,EAAKH,KAAK,IAAI,CAACE,KAAK,EAAGN,YAAY,EAAGD,YAAY,UAE7G,IAAIS,EAAOjD,EAAKmC,OAAO,QAAS,CAAC,kBAAID,EAAKW,KAAK,kBAAIG,EAAKF,MAAM,CAACV,KAAK,GAAI1C,WAAU,EAAO2C,KAAK,WAAW,OAAO,EAAErC,EAAKsC,aAAa,KAAMC,UAAU,SAAUC,YAAY,QAASC,YAAY,EAAGlB,SAAQ,EAAMmB,YAAW,EAAMC,QAAO,IACxOC,eAAW5C,EAAMiD,EAAM,IAAK,IAAK,IACjCA,EAAK3B,aAAa,CAACC,QAAQ,kBAAIL,GAAG,KAElCgC,eAAUlD,EAAM,CAAC,kBAAIgD,EAAKH,KAAK,kBAAIG,EAAKF,MAAM,CAAC,kBAAIZ,EAAKW,KAAK,kBAAIX,EAAKY,MAAM,EAAE,SAC9E,IAAIK,EAAMC,eAAcpD,EAAM,CAAC,kBAAIgD,EAAKH,KAAK,kBAAIG,EAAKF,MAAM,CAAC,kBAAIZ,EAAKW,KAAK,kBAAIG,EAAKF,MAAM,WAC1FK,EAAK7B,aAAa,CAACC,QAAQ,kBAAIL,GAAG,GAAGxB,WAAU,EAAM2D,YAAY,GAC/DC,OAAO,CAAC/B,SAAQ,GAAOgC,OAAO,CAAChC,SAAQ,GAAQkB,YAAY,EAAGD,YAAY,MAAOf,MAAM,CAACF,QAAQ,kBAAIL,GAAG,GAAGsC,MAAM,SAElH,IAAIC,EAAUC,eAAU1D,EAAM,EAAE,GAAI,kBAAIgD,EAAKF,MAAM,CAAC,GAAI,kBAAIE,EAAKF,MAAM,EAAE,SACzEW,EAASnC,aAAa,CAACC,QAAQ,kBAAIL,GAAG,KACtC,IAAIyC,EAAWD,eAAU1D,EAAM,CAAC,kBAAIkC,EAAKW,MAAM,IAAK,CAAC,kBAAIX,EAAKW,KAAK,IAAK,EAAE,SAC1Ec,EAASrC,aAAa,CAACC,QAAQ,kBAAIL,GAAG,KAEtC,IAAI0C,EAAMC,eAAc7D,EAAM,CAAC,kBAAIkC,EAAKW,KAAK,kBAAIX,EAAKY,MAAM,CAAC,kBAAIZ,EAAKW,KAAK,kBAAIG,EAAKF,MAAM,WAC1Fc,EAAKtC,aAAa,CAACC,QAAQ,kBAAIL,GAAG,GAAGxB,WAAU,EAAM2D,YAAY,GAC/DC,OAAO,CAAC/B,SAAQ,GAAOgC,OAAO,CAAChC,SAAQ,GAAQkB,YAAY,EAAGD,YAAY,OAAQf,MAAM,CAACF,QAAQ,kBAAIL,GAAG,GAAGsC,MAAM,UAEnH,IAAIM,EAAOC,eAAc/D,GAAM,kBAAKkC,EAAKW,IAAIG,EAAKH,KAAK,KAAG,kBAAIG,EAAKF,IAAI,KAAK,IAAI,iBAAI,aAAcK,EAAKa,QAASC,QAAQ,MACxHH,EAAMxC,aAAa,CAACkC,MAAM,MAAOjC,QAAQ,kBAAIL,GAAG,KAEhD,IAAIgD,EAAOH,eAAc/D,GAAM,kBAAIkC,EAAKW,IAAI,OAAM,kBAAKX,EAAKY,IAAIE,EAAKF,KAAK,IAAG,IAAI,iBAAI,aAAcc,EAAKI,QAASC,QAAQ,MACzHC,EAAM5C,aAAa,CAAC6C,QAAQ,OAAQX,MAAM,OAAQjC,QAAQ,kBAAIL,GAAG,KAEjE,IAAIkD,EAAMC,eAAWrE,EAAM,CAAC,kBAAIgD,EAAKH,KAAK,kBAAIG,EAAKF,MAAM,CAAC,kBAAIZ,EAAKW,KAAK,kBAAIG,EAAKF,MAAM,CAAC,kBAAIZ,EAAKW,KAAK,kBAAIX,EAAKY,MAC9G,EAAG,SACJsB,EAAI9C,aAAa,CAACG,MAAM,CAACF,SAAQ,GAAOA,QAAQ,kBAAIL,GAAG,KAIvD,IAAIoD,EAAMP,eAAc/D,GAAO,EAAG,IAAK,GAAG,QAC1CsE,EAAKhD,aAAa,CAAC6C,QAAQ,OAAOvC,SAAS,sCAC3C,IAAI2C,EAAMR,eAAc/D,GAAO,IAAK,IAAK,GAAG,WAC5CuE,EAAKjD,aAAa,CAAC6C,QAAQ,OAAOvC,SAAS,sCAC3C,IAAI4C,EAAMT,eAAc/D,GAAO,IAAK,IAAK,GAAG,8BAC5CwE,EAAKlD,aAAa,CAAC6C,QAAQ,OAAOvC,SAAS,sCAG3C,IAAI6C,EAAMC,eAAU1E,GAAO,EAAG,IAAK,IAAG,iBAAI,OAAQ2E,KAAKC,IAAIzB,EAAKa,QAAQb,EAAKa,QAAQJ,EAAKI,QAAQJ,EAAKI,QAAS,IAAMC,QAAQ,MAC9HQ,EAAInD,aAAa,CAACC,QAAQ,kBAAIL,GAAG,GAAGiD,QAAQ,OAAOvC,SAAU,yCAE7D,IAAIiD,EAAKd,eAAc/D,GAAO,IAAK,IAAK,GAAK,gBAC7C6E,EAAGvD,aAAa,CAAC6C,QAAQ,QAASvC,SAAU,sCAE5CkD,eAAW9E,GAAO,EAAG,IAAK,IAC1B,IAAI+E,EAAShB,eAAc/D,GAAM,IAAK,IAAK,GAAI,WAC/C+E,EAAOzD,aAAa,CAACM,SAAU,sCAC/BkD,eAAW9E,GAAO,EAAG,IAAK,IACfgF,eAAWhF,EAAM,qBAAsB,IAAK,IAAK,GAAK,GAAjE,IACIiF,EAAQD,eAAWhF,EAAM,qBAAsB,IAAK,IAAK,GAAK,GAClEiF,EAAM3D,aAAa,CAACC,SAAQ,IAC5B,IAAI2D,EAAQF,eAAWhF,EAAM,qBAAsB,IAAK,IAAK,GAAK,GAClEkF,EAAM5D,aAAa,CAACC,SAAQ,IAE5B,IAAI4D,EAAKpB,eAAc/D,GAAO,IAAK,IAAK,GAAK,gBAC7CmF,EAAG7D,aAAa,CAAC6C,QAAQ,QAASvC,SAAU,sCAE5CkD,eAAW9E,GAAO,EAAG,IAAK,IAC1B,IAAIoF,EAASrB,eAAc/D,GAAM,IAAK,IAAK,GAAI,WAC/CoF,EAAO9D,aAAa,CAACM,SAAU,sCAC/BkD,eAAW9E,GAAO,EAAG,IAAK,IACfgF,eAAWhF,EAAM,qBAAsB,IAAK,IAAK,GAAK,GAAjE,IACIqF,EAAQL,eAAWhF,EAAM,qBAAsB,IAAK,IAAK,GAAK,GAClEqF,EAAM/D,aAAa,CAACC,SAAQ,IAC5B,IAAI+D,EAAQN,eAAWhF,EAAM,qBAAsB,IAAK,IAAK,GAAK,GAClEsF,EAAMhE,aAAa,CAACC,SAAQ,IAG5BgE,UAAUzD,GAAG,QAAQ,WAChBZ,EAAE,EAELA,GAAG,EAIDA,EAAE,KAINsE,MAAM1D,GAAG,QAAQ,WACZZ,EAAE,EAELA,GAAG,EAIDA,EAAE,KAINE,EAAQU,GAAG,QAAQ,WACjBZ,EAAE,EACFgB,EAAKuD,OAAO,CAAC,EAAEd,KAAKe,MAAM,EAAEf,KAAKgB,UAAU,EAAEhB,KAAKe,MAAM,EAAEf,KAAKgB,YAC/D3C,EAAKyC,OAAO,EAAE,EAAEd,KAAKe,MAAM,EAAEf,KAAKgB,WAAW,EAAEhB,KAAKe,MAAM,EAAEf,KAAKgB,YAC9DxE,EAAE,EAELA,GAAG,EAIHA,EAAE,KAGJyE,SAAS9D,GAAG,QAAQ,WAClBZ,EAAE,OAOWhC,IC5JA,GACfkD,KAAA,kBAEAyD,QAAA,eAAAC,EAAA,KAEA,KAAAC,OAAAC,OAAA,yBACA,IAAAC,EAAA,mBACA,KAAAF,OAAAC,OAAA,yBAAAC,GACA,KAAAF,OAAAC,OAAA,wBAAAC,GACA,IAAAC,EAAA,CACA,CAAAD,MAAA,iBAAAE,IAAA,uBAAAC,OAAA,kBAAAN,EAAAO,KAAA,QACA,CAAAJ,MAAA,aAAAE,IAAA,oBAAAC,OAAA,kBAAAN,EAAAO,KAAA,gBAEA,KAAAN,OAAAC,OAAA,2BAAAE,GACA,IAAAI,GAAA,EACA,KAAAP,OAAAC,OAAA,4BAAAM,GACA,IAAAC,GAAA,EACA,KAAAR,OAAAC,OAAA,yBAAAO,GACA,IAAAC,GAAA,EACA,KAAAT,OAAAC,OAAA,8BAAAQ,GACA,IAAAC,GAAA,EACA,KAAAV,OAAAC,OAAA,2BAAAS,IAEAC,QAAA,WACAC,QAAAC,IAAAC,MAAA,WAAAF,QAAAC,MACA1H,EAAAC,QAEA2H,SAAA,WACA,OAAAb,MAAA,mBACAc,cAAA,2BACAC,KAAA,EAAA5E,KAAA,WAAA6E,QAAA,uCACA,CAAA7E,KAAA,cAAA6E,QAAA,gDCzE6X,I,wBCQzXC,EAAY,eACd,EACA,EACAjI,GACA,EACA,KACA,KACA,MAIa,aAAAiI,E,2CCnBf,W","file":"js/chunk-483f6012.7d168143.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('h3',[_vm._v(\" Distance between Two Points \")]),_vm._m(0),_c('body',[_vm._v(\"\\n    $$AB = \\\\sqrt{(X_B - X_A)^2 + (Y_B-Y_A)^2}$$\\n    This expression is known as distance formula.\\n  \")]),_c('p'),_c('h3',[_vm._v(\" MagicGraph | Distance Formula Explained \")]),_c('br'),_c('h5',[_vm._v(\"Getting Started\")]),_vm._m(1),_c('h5',[_vm._v(\" Icons on the MagicGraph \")]),_vm._m(2),_c('br'),_c('p'),_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',{staticClass:\"big my-3\"},[_vm._v(\"\\n    In this section, we will find the formula for the distance between any two points on the coordinate plane.\\n    \"),_c('br'),_vm._v(\"      Consider two points \\\\(A\\\\) and \\\\(B\\\\) on the coordinate plane.\\n    Point \\\\(A\\\\) has coordinates: \\\\((X_A, Y_A)\\\\), while point \\\\(B\\\\) has\\n    coordinates: \\\\((X_B, Y_B)\\\\).\\n    \"),_c('br'),_vm._v(\"\\n    Then, the distance between these two points is given as —\\n  \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',{staticClass:\"big my-3\"},[_vm._v(\"\\n    In this MagicGraph, you will learn, in a step by step manner, how to find the distance between any two points on coordinate plane.\\n    \"),_c('br'),_vm._v(\"\\n    Simply use \"),_c('i',{staticClass:\"redoer ma-1\"}),_vm._v(\" and \"),_c('i',{staticClass:\"undoer ma-1\"}),_vm._v(\" icons to go through the steps\\n    required to find the distance between points A and B.\\n  \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',{staticClass:\"big my-3\"},[_vm._v(\"\\n    You can tap on \"),_c('i',{staticClass:\"shuffler ma-1\"}),_vm._v(\" icon  to shuffle events.\\n    You can tap on the \"),_c('i',{staticClass:\"eraser ma-1\"}),_vm._v(\" icon to erase and start over.\\n    Tap on the \"),_c('i',{staticClass:\"redoer ma-1\"}),_vm._v(\" icon to go to the next step.\\n    To go to the previous step, tap on the \"),_c('i',{staticClass:\"undoer ma-1\"}),_vm._v(\" icon.\\n  \")])\n}]\n\nexport { render, staticRenderFns }","// Import the edliy_utils\r\nimport {\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    placeMiddleText,\r\n    placeLine,\r\n    placePoint,\r\n    placeGlider,\r\n    placeRuler,\r\n    placeLeftText,\r\n    placeRightText,\r\n    placeSliderSwitch,\r\n    placeCircle,\r\n    placeLogo,\r\n    placeShuffle,\r\n    placeTest,\r\n    placeUndo,\r\n    placeRedo,\r\n    placeBoldText,\r\n    placeBoldLeftText,\r\n    placeErase,\r\n    placeLabel,\r\n    placeDash,\r\n    placeTapeHori,\r\n    placeTapeVert,\r\n    placeText,\r\n    placeHTMLText,\r\n    placeAngle\r\n} from '../../../../common/edliy_utils-geometric';\r\nconst Boxes = {\r\n  box1: function () {\r\n\tJXG.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.text.highlight=false;\r\n  JXG.Options.text.fixed=true;\r\n  JXG.Options.curve.highlight=false;\r\n  JXG.Options.text.cssDefaultStyle='fontFamily:Oswald;'\r\n  var brd1 = JXG.JSXGraph.initBoard('jxgbox1',{boundingbox: [-12, 12, 8, -8],\r\n    keepaspectratio: true, axis:true, ticks:true, grid:true, showCopyright:false, showNavigation:false, pan:{enabled:false}, zoom:{enabled:false}});\r\n  //brd1.suspendUpdate();\r\n  makeResponsive(brd1);\r\n  brd1.options.layer['text'] =30;\r\n  brd1.options.layer['image'] =30;\r\n  brd1.options.layer['point'] =20;\r\n  brd1.options.layer['line'] =15;\r\n//\tbrd1.create('text', [6, 11.5, 'Fraction'],{highlight:false, display:'internal', anchorX:'middle', anchorY:'middle', CssStyle:'fontFamily:Oswald;fontWeight:bold',fontSize:function(){return Math.round(32*brd1.canvasWidth/800.)}, fixed:true});\r\n  placeTitle(brd1, 'Distance Formula', 'Find distance between points A and B');\r\n  placeLogo(brd1);\r\n  var i=0; var j=0;\r\n  ////////////////////////////////////////////////////////////////////////////////\r\n      var shuffle = placeShuffle(brd1);\r\n      shuffle.setAttribute({visible:()=>i==0})\r\n      shuffle.setLabel('Tap to Shuffle Events');\r\n      shuffle.label.setAttribute({visible:false, alignX:'middle', offset:[0, -15], CssStyle:'fontFamily:Oswald', fontSize:12});\r\n      shuffle.on('over', function () {this.label.setAttribute({visible:true});});\r\n      shuffle.on('out', function () {this.label.setAttribute({visible:false});});\r\n///////////////////////////////////////////////////////////////////////////////////\r\n      var test = placeTest(brd1);\r\n      test.setAttribute({visible:()=>i==3})\r\n      test.setLabel('Tap to Start Over');\r\n      test.label.setAttribute({visible:false, alignX:'middle', offset:[0, -15], CssStyle:'fontFamily:Oswald', fontSize:12});\r\n      test.on('over', function () {this.label.setAttribute({visible:true});});\r\n      test.on('out', function () {this.label.setAttribute({visible:false});});\r\n////////////////////////////////////////////\r\nvar pts1 = brd1.create('point', [2., 2.], {name:'', highlight:false, size:function(){return 4*brd1.canvasHeight/800}, fillColor:'orange', strokeColor:'black', strokeWidth:1, visible:true, snapToGrid:true, shadow:true});\r\nplaceLabel(brd1, pts1, 'A', 0, 15);\r\nbrd1.create('segment', [[()=>pts1.X(), ()=>pts1.Y()], [0, ()=>pts1.Y()]],{dash:1, strokeWidth:2, strokeColor:'black'});\r\nbrd1.create('segment', [[()=>pts1.X(), ()=>pts1.Y()], [()=>pts1.X(), 0]],{dash:1, strokeWidth:2, strokeColor:'black'});\r\n///////////////////////////////////////////////////////////////////////\r\nvar pts2 = brd1.create('point', [-3., -4.], {name:'', highlight:false, size:function(){return 4*brd1.canvasHeight/800}, fillColor:'orange', strokeColor:'black', strokeWidth:1, visible:true, snapToGrid:true, shadow:true});\r\nplaceLabel(brd1, pts2, 'B', -15, -15);\r\nbrd1.create('segment', [[()=>pts2.X(), ()=>pts2.Y()], [0, ()=>pts2.Y()]],{dash:1, strokeWidth:2, strokeColor:'black'});\r\nbrd1.create('segment', [[()=>pts2.X(), ()=>pts2.Y()], [()=>pts2.X(), 0]],{dash:1, strokeWidth:2, strokeColor:'black'});\r\n//////////////////////////////////////////////////////\r\nvar pts3 = brd1.create('point', [()=>pts1.X(), ()=>pts2.Y()], {name:'', highlight:false, size:function(){return 4*brd1.canvasHeight/800}, fillColor:'orange', strokeColor:'black', strokeWidth:1, visible:true, snapToGrid:true, shadow:true});\r\nplaceLabel(brd1, pts3, 'C', 15, -15);\r\npts3.setAttribute({visible:()=>i>=1})\r\n//////////////////////////////////////////////////////////\r\nplaceLine(brd1, [()=>pts2.X(), ()=>pts2.Y()], [()=>pts1.X(), ()=>pts1.Y()], 3,'black');\r\nvar Horz =placeTapeHori(brd1, [()=>pts2.X(), ()=>pts2.Y()], [()=>pts1.X(), ()=>pts2.Y()], 'x2 - x1');\r\nHorz.setAttribute({visible:()=>i>=2, highlight:true, fillOpacity:0.4,\r\n  point1:{visible:false},point2:{visible:false}, strokeWidth:3, strokeColor:'red', label:{visible:()=>i>=5, color:'red'}});\r\n/////\r\nvar horzDash =placeDash(brd1, [-12, ()=>pts2.Y()], [12, ()=>pts2.Y()], 2,'black');\r\nhorzDash.setAttribute({visible:()=>i>=1});\r\nvar vertDash = placeDash(brd1, [()=>pts1.X(), -12], [()=>pts1.X(), 12], 2,'black');\r\nvertDash.setAttribute({visible:()=>i>=1});\r\n////////////////////////////////////////\r\nvar Vert =placeTapeVert(brd1, [()=>pts1.X(), ()=>pts1.Y()], [()=>pts1.X(), ()=>pts2.Y()], 'Y2 - Y1');\r\nVert.setAttribute({visible:()=>i>=2, highlight:true, fillOpacity:0.4,\r\n  point1:{visible:false},point2:{visible:false}, strokeWidth:3, strokeColor:'blue', label:{visible:()=>i>=5, color:'blue'}});\r\n/////////////////////////////////////////////////////////////\r\nvar xAxis =placeHTMLText(brd1, ()=>(pts1.X()+pts2.X())/2, ()=>pts2.Y()-0.5, 18, ()=>'X_B-X_A = '+(Horz.Value()).toFixed(2));\r\nxAxis.setAttribute({color:'red', visible:()=>i>=2});\r\n\r\nvar yAxis =placeHTMLText(brd1, ()=>pts1.X()+0.25, ()=>(pts1.Y()+pts2.Y())/2, 18, ()=>'Y_B-Y_A = '+(Vert.Value()).toFixed(2));\r\nyAxis.setAttribute({anchorX:'left', color:'blue', visible:()=>i>=2});\r\n\r\nvar ang = placeAngle(brd1, [()=>pts2.X(), ()=>pts2.Y()], [()=>pts1.X(), ()=>pts2.Y()], [()=>pts1.X(), ()=>pts1.Y()],\r\n 1, 'green');\r\nang.setAttribute({label:{visible:false},visible:()=>i>=2});\r\n//ang.setLabel({})\r\n///////////////////////////////TAP OPERATIONS ////////////////////////////////\r\n///////////////////////////////////////\r\nvar dal1 =placeHTMLText(brd1, -9, 3.5, 22,'AB =');\r\ndal1.setAttribute({anchorX:'left',CssStyle:'fontFamily:Oswald;fontWeight:bold'});\r\nvar dal2 =placeHTMLText(brd1, -7.9, 3.5, 40,'&radic;');\r\ndal2.setAttribute({anchorX:'left',CssStyle:'fontFamily:Oswald;fontWeight:bold'});\r\nvar dal3 =placeHTMLText(brd1, -7.3, 3.5, 18,'(X_B -X_A)^2 + (Y_B-Y_A)^2');\r\ndal3.setAttribute({anchorX:'left',CssStyle:'fontFamily:Oswald;fontWeight:bold'});\r\n\r\n////////////////////////////////////////////////////////\r\nvar val = placeText(brd1, -8, 2.5, 18,()=>'AB ='+(Math.pow(Horz.Value()*Horz.Value()+Vert.Value()*Vert.Value(), 0.5)).toFixed(2));\r\nval.setAttribute({visible:()=>i>=3, anchorX:'left',CssStyle: 'fontFamily:Oswald;fontWeight:regular'});\r\n/////////////////////////////////////\r\nvar xs = placeHTMLText(brd1, -8.1, 7.5, 22,  'X_B - X_A = ');\r\nxs.setAttribute({anchorX:'right', CssStyle: 'fontFamily:Oswald;fontWeight:bold'});\r\n/////////////////////////\r\nplaceInput(brd1, -8, 7.5, '');\r\nvar minus2 = placeHTMLText(brd1,-5.5, 7.5, 18, '&mdash;');\r\nminus2.setAttribute({CssStyle: 'fontFamily:Oswald;fontWeight:bold'});\r\nplaceInput(brd1, -5, 7.5, '');\r\nvar ques1 =placeImage(brd1, '/assets/query.svg', -2.8, 7.2, 0.6, 0);\r\nvar rght1 = placeImage(brd1, '/assets/check.svg', -2.8, 7.2, 0.6, 0);\r\nrght1.setAttribute({visible:false});\r\nvar wrng1 = placeImage(brd1, '/assets/cross.svg', -2.8, 7.2, 0.6, 0);\r\nwrng1.setAttribute({visible:false});\r\n////////////////////////////////////////////\r\nvar ys = placeHTMLText(brd1, -8.1, 5.5, 22,  'Y_B - Y_A = ');\r\nys.setAttribute({anchorX:'right', CssStyle: 'fontFamily:Oswald;fontWeight:bold'});\r\n/////////////////////////\r\nplaceInput(brd1, -8, 5.5, '');\r\nvar minus1 = placeHTMLText(brd1,-5.5, 5.5, 18, '&mdash;');\r\nminus1.setAttribute({CssStyle: 'fontFamily:Oswald;fontWeight:bold'});\r\nplaceInput(brd1, -5, 5.5, '');\r\nvar ques2 =placeImage(brd1, '/assets/query.svg', -2.8, 5.2, 0.6, 0);\r\nvar rght2 = placeImage(brd1, '/assets/check.svg', -2.8, 5.2, 0.6, 0);\r\nrght2.setAttribute({visible:false});\r\nvar wrng2 = placeImage(brd1, '/assets/cross.svg', -2.8, 5.2, 0.6, 0);\r\nwrng2.setAttribute({visible:false});\r\n////////////////////////////////////////////\r\n\r\nanalytics.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/////////////////////////////////////OPERATION 2 /////////////////////////////////\r\nerase.on('down', function(){\r\n  if(i<3)\r\n  {\r\n  i+=1;\r\n  }\r\n  else\r\n  {\r\n    i=3;\r\n  }\r\n})\r\n///////////////////////////////////////////OPERATION 3 //////////////////////////////////////\r\nshuffle.on('down', function(){\r\n  i=0;\r\n  pts1.moveTo([2+Math.round(3*Math.random()),2+Math.round(3*Math.random())]);\r\n  pts2.moveTo([-5+Math.round(3*Math.random()),-4+Math.round(3*Math.random())]);\r\n  if(j<4)\r\n  {\r\n  j+=1;\r\n  }\r\n  else\r\n  {\r\n  j=0;\r\n  }\r\n})\r\nshuffle2.on('down', function(){\r\n  i=0;\r\n})\r\n////////////////////////////////////////////END OF OPERATIONS///////////////////////////////\r\n    },\r\n\r\n\r\n}\r\nexport default Boxes;\r\n","<template>\r\n  <div>\r\n    <h3> Distance between Two Points </h3>\r\n    <p class=\"big my-3\">\r\n      In this section, we will find the formula for the distance between any two points on the coordinate plane.\r\n      <br>      Consider two points \\(A\\) and \\(B\\) on the coordinate plane.\r\n      Point \\(A\\) has coordinates: \\((X_A, Y_A)\\), while point \\(B\\) has\r\n      coordinates: \\((X_B, Y_B)\\).\r\n      <br>\r\n      Then, the distance between these two points is given as &mdash;\n    </p><body>\r\n      $$AB = \\sqrt{(X_B - X_A)^2 + (Y_B-Y_A)^2}$$\r\n      This expression is known as distance formula.\r\n    </body>\r\n    </p>\r\n    <h3> MagicGraph | Distance Formula Explained </h3>\r\n    <br>\r\n    <h5>Getting Started</h5>\r\n    <p class=\"big my-3\">\r\n      In this MagicGraph, you will learn, in a step by step manner, how to find the distance between any two points on coordinate plane.\r\n      <br>\r\n      Simply use <i class=\"redoer ma-1\" /> and <i class=\"undoer ma-1\" /> icons to go through the steps\r\n      required to find the distance between points A and B.\r\n    </p>\r\n    <h5> Icons on the MagicGraph </h5>\r\n    <p class=\"big my-3\">\r\n      You can tap on <i class=\"shuffler ma-1\" /> icon  to shuffle events.\r\n      You can tap on the <i class=\"eraser ma-1\" /> icon to erase and start over.\r\n      Tap on the <i class=\"redoer ma-1\" /> icon to go to the next step.\r\n      To go to the previous step, tap on the <i class=\"undoer ma-1\" /> icon.\r\n    </p>\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  </div>\r\n</template>\r\n<script>\r\nimport Boxes from './Boxes.js'\r\nexport default {\r\n  name: 'DistanceFormula',\r\n  //async\r\n  created () {\r\n    //await this.$store.dispatch('navigation/getData');\r\n    this.$store.commit('navigation/resetState');\r\n    let title = 'Distance Formula';\r\n    this.$store.commit('navigation/changeTitle', title);\r\n    this.$store.commit('navigation/changeMenu', title);\r\n    let newTopics = [\r\n      {title: 'Square Formula', img:'/assets/number-1.svg', action: () => this.goto('ia')},\r\n      {title: 'MagicGraph',img:'/assets/touch.svg', action: () => this.goto('playgraph')},\r\n    ];\r\n    this.$store.commit('navigation/replaceTopics', newTopics);\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: 'Distance Formula',\r\n          titleTemplate: '%s - Learn interactively',\r\n          meta: [ {name: 'viewport', content: 'width=device-width, initial-scale=1'},\r\n                  {name: 'description', content: 'Learn interactively about square formula'}\r\n                ]\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</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=2df833ad&\"\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=2df833ad&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","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=2df833ad&prod&lang=scss&\""],"sourceRoot":""}