{"version":3,"sources":["webpack:///./src/components/mathematics/Math11thGrade/line3/Lesson.vue","webpack:///./src/components/mathematics/Math11thGrade/line3/Boxes.js","webpack:///src/components/mathematics/Math11thGrade/line3/Lesson.vue","webpack:///./src/components/mathematics/Math11thGrade/line3/Lesson.vue?7fee","webpack:///./src/components/mathematics/Math11thGrade/line3/Lesson.vue?76ed"],"names":["ref","attrs","staticClass","_v","_vm","_self","staticRenderFns","Boxes","box1","JXG","Options","board","minimizeReflow","point","showInfoBox","highlight","text","image","fixed","curve","circle","cssDefaultStyle","brd1","JSXGraph","initBoard","boundingbox","keepaspectratio","axis","ticks","grid","pan","enabled","zoom","showCopyright","showNavigation","makeResponsive","options","layer","placeTitle","placeLogo","analytics","placeEraseLeft","setLabel","label","setAttribute","visible","alignX","offset","CssStyle","fontSize","on","this","erase","placeStat","y1","placeBoldLeftText","color","m1","placeInput","cssStyle","x1","c1","y2","m2","x2","c2","placeSeg","Value","i","clearInputFields","arr","placePoint","face","x0","placeBoldRightText","X","Y","y0","arrow","placeImage","toggle","console","log","name","created","_this","$store","commit","newTopics","title","img","action","goto","newMath","newshowhome","newLeftArrow","newModule","mounted","MathJax","Hub","Queue","metaInfo","meta","vmid","content","component"],"mappings":"qJAA4D,EAAU,W,IAAgBA,EAAI,KAAQ,EAAK,EAAI,S,OAAyE,iBAAM,IAAK,SAAgbA,GAAI,oEAAS,IAAK,OAAsNC,GAAK,GAAC,ua,IAAC,UAAmB,+LAAE,MAAK,CAAOC,iBAAY,K,CAAyB,QAAK,CAAS,8BAAG,MAAM,CAC17B,mBACyC,IAAC,IAAqB,EAAmBC,YAClF,IAAC,OAAY,EAAO,EAAC,MAAI,G,OAAIC,EAAG,IAACC,CAAK,EAAG,isBAAC,WAC1C,IAAC,OAAY,EAAO,EAAC,MAAI,G,OAAID,EAAG,IAACC,CAAK,EAAG,uWAAC,W,IAAmGH,OAA2B,EAAI,EAAI,S,OAA8EA,MAAY,iFAAe,YAAQ,gBAChS,iFAEF,YAAiBI,gB,yGC4CXC,EAAQ,CACZC,KAAM,WACJC,IAAIC,QAAQC,MAAMC,eAAiB,OACnCH,IAAIC,QAAQG,MAAMC,aAAY,EAC9BL,IAAIC,QAAQG,MAAME,WAAU,EAC5BN,IAAIC,QAAQM,KAAKD,WAAU,EAC3BN,IAAIC,QAAQO,MAAMF,WAAU,EAC5BN,IAAIC,QAAQM,KAAKE,OAAM,EACvBT,IAAIC,QAAQS,MAAMJ,WAAU,EAC5BN,IAAIC,QAAQU,OAAOL,WAAU,EAC7BN,IAAIC,QAAQM,KAAKK,gBAAgB,qBACnC,IAAIC,EAAOb,IAAIc,SAASC,UAAU,UAAU,CAACC,YAAa,EAAE,GAAI,GAAI,IAAK,GAAGC,iBAAiB,EAAMC,MAAK,EAAMC,OAAM,EAAOC,MAAK,EAAMC,IAAI,CAACC,SAAQ,GAAQC,KAAK,CAACD,SAAQ,GAAQE,eAAc,EAAOC,gBAAe,IAEnNC,eAAeb,GACfA,EAAKc,QAAQC,MAAM,SAAU,GAC7Bf,EAAKc,QAAQC,MAAM,SAAU,GAC7Bf,EAAKc,QAAQC,MAAM,QAAS,GAC5Bf,EAAKc,QAAQC,MAAM,QAAS,GAE5BC,eAAWhB,EAAM,qCAAsC,kCACvDiB,eAAUjB,GACV,IAAIkB,EAAWC,eAAenB,GAC9BkB,EAAUE,SAAS,6BACnBF,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,EAAOC,eAAU/B,GACrB8B,EAAMV,SAAS,gCACfU,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,EAAIC,eAAkBjC,GAAO,EAAG,KAAM,OAC1CgC,EAAGV,aAAa,CAACY,MAAM,QACvB,IAAIC,EAAIC,eAAWpC,GAAO,EAAG,KAAM,KACnCmC,EAAGb,aAAa,CAACe,SAAS,cAC1B,IAAIC,EAAIL,eAAkBjC,GAAO,IAAK,KAAM,SAC3CsC,EAAGhB,aAAa,CAACY,MAAM,QACxB,IAAIK,EAAIH,eAAWpC,GAAO,IAAK,KAAM,KACrCuC,EAAGjB,aAAa,CAACe,SAAS,cAE1B,IAAIG,EAAIP,eAAkBjC,GAAO,EAAG,IAAK,OACzCwC,EAAGlB,aAAa,CAACY,MAAM,UACvB,IAAIO,EAAIL,eAAWpC,GAAO,EAAG,IAAK,KAClCyC,EAAGnB,aAAa,CAACe,SAAS,gBAC1B,IAAIK,EAAIT,eAAkBjC,GAAO,IAAK,IAAK,SAC1C0C,EAAGpB,aAAa,CAACY,MAAM,UACxB,IAAIS,EAAIP,eAAWpC,GAAO,IAAK,IAAK,KACpC2C,EAAGrB,aAAa,CAACe,SAAS,gBAEfO,eAAS5C,EAAM,CAAC,EAAK,kBAAK,EAAImC,EAAGU,QAAQ,EAAIN,EAAGM,UAAW,CAAC,EAAG,kBAAI,EAAIN,EAAGM,UAAU,EAAG,OACvFD,eAAS5C,EAAM,CAAC,EAAK,kBAAK,EAAIyC,EAAGI,QAAQ,EAAIF,EAAGE,UAAW,CAAC,EAAG,kBAAI,EAAIF,EAAGE,UAAU,EAAG,SAOlG3B,EAAUU,GAAG,QAAQ,WAAWkB,EAAE,EAAGC,eAAiB/C,MAEtD,IAAIgD,EAAMC,eAAWjD,GAAM,kBAAK2C,EAAGE,QAAQN,EAAGM,UAAUV,EAAGU,QAAQJ,EAAGI,YAAU,kBAAKV,EAAGU,QAAQF,EAAGE,QAAUJ,EAAGI,QAAQN,EAAGM,UAAUV,EAAGU,QAAQJ,EAAGI,WAAU,EAAG,QAAS,SACrKC,EAAE,EACNE,EAAI1B,aAAa,CAACC,QAAQ,kBAAO,GAAHuB,GAAMZ,MAAM,QAASgB,KAAK,UACxD,IAAIC,EAAIC,eAAmBpD,GAAM,kBAAIgD,EAAIK,IAAI,KAAG,kBAAIL,EAAIM,IAAI,MAAK,iBAAI,OAAQN,EAAIK,OACjFF,EAAG7B,aAAa,CAACC,QAAQ,kBAAO,GAAHuB,KAC7B,IAAIS,EAAIH,eAAmBpD,GAAM,kBAAIgD,EAAIK,IAAI,KAAG,kBAAIL,EAAIM,IAAI,MAAK,iBAAI,OAAQN,EAAIM,OACjFC,EAAGjC,aAAa,CAACC,QAAQ,kBAAO,GAAHuB,KAK7B,IAAIU,EAAQC,eAAWzD,EAAM,6BAA6B,kBAAIgD,EAAIK,IAAI,OAAK,kBAAIL,EAAIM,IAAI,MAAM,EAAG,GAChGE,EAAMlC,aAAa,CAACC,QAAQ,kBAAO,GAAHuB,KAChChB,EAAMF,GAAG,QAAQ,WAAWkB,EAAEY,eAAOZ,GAAIa,QAAQC,IAAId,QAO1C7D,IClFA,GACf4E,KAAA,eACAC,QAAA,eAAAC,EAAA,KACA,KAAAC,OAAAC,OAAA,yBAGA,KAAAD,OAAAC,OAAA,sDACA,KAAAD,OAAAC,OAAA,qDACA,IAAAC,EAAA,CACA,CAAAC,MAAA,gBAAAC,IAAA,uBAAAC,OAAA,kBAAAN,EAAAO,KAAA,WACA,CAAAH,MAAA,kDAAAC,IAAA,oBAAAC,OAAA,kBAAAN,EAAAO,KAAA,YACA,CAAAH,MAAA,4BAAAC,IAAA,uBAAAC,OAAA,kBAAAN,EAAAO,KAAA,SACA,CAAAH,MAAA,2CAAAC,IAAA,oBAAAC,OAAA,kBAAAN,EAAAO,KAAA,aAEA,KAAAN,OAAAC,OAAA,2BAAAC,GACA,IAAAK,GAAA,EACA,KAAAP,OAAAC,OAAA,yBAAAM,GACA,IAAAC,GAAA,EACA,KAAAR,OAAAC,OAAA,4BAAAO,GACA,IAAAC,GAAA,EACA,KAAAT,OAAAC,OAAA,8BAAAQ,GACA,IAAAC,GAAA,EACA,KAAAV,OAAAC,OAAA,2BAAAS,IAEAC,QAAA,WACAC,QAAAC,IAAAC,MAAA,WAAAF,QAAAC,MACA5F,EAAAC,QAEA6F,SAAA,CACAZ,MAAA,wBAEAa,KAAA,CACA,CAAAC,KAAA,cAAApB,KAAA,cAAAqB,QAAA,wDClF6X,I,YCOzXC,EAAY,eACd,EACA,EACAnG,GACA,EACA,KACA,KACA,MAIa,aAAAmG,E","file":"js/chunk-2d0c8bd8.94ce6282.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('h3',{ref:\"intro\"},[_vm._v(\"\\n    What is a Straight Line ?\\n  \")]),_c('br'),_vm._m(0),_c('h3',{ref:\"sol\"},[_vm._v(\"\\n    Equation of a Straight Line: Slope & Intercept Form\\n  \")]),_c('br'),_c('p',[_vm._v(\"\\n    Let's consider a straight line that has a slope \\\\(M\\\\) and intercepts the y-axis at point \\\\(P=(0, C) \\\\).\\n    Thus, substituting \\\\(x_0 = 0\\\\), \\\\(y_0 = C\\\\), and \\\\(S = M\\\\) we obtain the equation of the line as\\n    $$ \\\\frac{y-C}{x} = M $$\\n    Upon a little rearrangement we can write\\n    $$ y = Mx + C$$\\n  \")]),_c('h3',{ref:\"graph2\"},[_vm._v(\"\\n    MagicGraph | Slope & Intercept of a Straight Line\\n  \")]),_c('br'),_c('h5',[_vm._v(\"Getting Started\")]),_vm._m(1),_c('h5',[_vm._v(\"Icons on the MagicGraph\")]),_vm._m(2),_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    Straight line is one of the simplest shapes in geometry. \"),_c('br'),_c('br'),_vm._v(\" One of the features of a straight line is that\\n    \"),_c('i',[_vm._v(\"all the points lying a straight line are aligned in the same direction \")]),_vm._v(\".\\n    Stated in other words, a straight line has a constant slope.\"),_c('br'),_c('br'),_vm._v(\"\\n    Imagine two points \\\\(P_1 = (x, y)\\\\) and \\\\(P_2 = (x_0, y_0) \\\\) that lie on a straight line. Then a constant slope implies\\n    $$  \\\\frac{y -y_0}{x - x_0} = \\\\text{a constant (say S)}$$\\n    This tells us that if we have the slope of a straight line and know a point in space that the line passes through, then we can obtain the equation of that line.\\n  \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',[_vm._v(\"\\n    This MagicGraph offers a visual + interactive illustration of the slope-intercept form of the equation of a straight line.\\n    You will learn to draw a straight line based on its slope and y-intercept. \"),_c('br'),_c('br'),_vm._v(\"\\n    Enter the values of M and C in the equation field to draw the straight line represented by this equation.\\n  \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',[_vm._v(\"\\n    This MagicGraph contains the following two icons: \"),_c('br'),_c('i',{staticClass:\"eraser ma-1\"}),_vm._v(\" Tap on this button to erase all entries and start over. \"),_c('br'),_c('i',{staticClass:\"stater ma-1\"}),_vm._v(\" Tap on this button to see the data and parameters of the illustration. \"),_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  placeTri,\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  placeBoldLeftText,\r\n  toggle,\r\n  placeBoldRightText,\r\n  HiddenPt\r\n} from '../../../../common/edliy_utils-geometric';\r\n\r\nconst Boxes = {\r\n  box1: function () {\r\n    JXG.Options.board.minimizeReflow = 'none';\r\n    JXG.Options.point.showInfoBox=false;\r\n    JXG.Options.point.highlight=false;\r\n    JXG.Options.text.highlight=false;\r\n    JXG.Options.image.highlight=false;\r\n    JXG.Options.text.fixed=true;\r\n    JXG.Options.curve.highlight=false;\r\n    JXG.Options.circle.highlight=false;\r\n    JXG.Options.text.cssDefaultStyle='fontFamily:Oswald;'\r\n\t\tvar brd1 = JXG.JSXGraph.initBoard('jxgbox1',{boundingbox: [-11, 16, 11, -6],keepaspectratio: true, axis:true, ticks:false, grid:true, pan:{enabled:false}, zoom:{enabled:false}, showCopyright:false, showNavigation:false});\r\n /////////////////////////////////////////////////////////////////////////////////\r\n    makeResponsive(brd1);\r\n    brd1.options.layer['image'] =30;\r\n    brd1.options.layer['point'] =20;\r\n    brd1.options.layer['text'] =20;\r\n    brd1.options.layer['line'] =10;\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, 'Intersection of Two Straight Lines', '(Enter equations of two lines)');\r\n    placeLogo(brd1);\r\n    var analytics =placeEraseLeft(brd1);\r\n    analytics.setLabel('Tap to Erase & Start Over')\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 =placeStat(brd1);\r\n    erase.setLabel('Tap to See Data & Parameters')\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 y1 =placeBoldLeftText(brd1, -9, 11.5, 'y =');\r\n    y1.setAttribute({color:'red'});\r\n    var m1 =placeInput(brd1, -8, 11.5, \"0\");\r\n    m1.setAttribute({cssStyle:'color:red'});\r\n    var x1 =placeBoldLeftText(brd1, -5.5, 11.5, ' x + ');\r\n     x1.setAttribute({color:'red'});\r\n    var c1 =placeInput(brd1, -4.5, 11.5, \"0\");\r\n    c1.setAttribute({cssStyle:'color:red'});\r\n    ////////////////////////////////////////////////////\r\n    var y2 =placeBoldLeftText(brd1, -9, 9.5, 'y =');\r\n    y2.setAttribute({color:'green'});\r\n    var m2 =placeInput(brd1, -8, 9.5, \"0\");\r\n    m2.setAttribute({cssStyle:'color:green'});\r\n    var x2 =placeBoldLeftText(brd1, -5.5, 9.5, ' x + ');\r\n     x2.setAttribute({color:'green'});\r\n    var c2 =placeInput(brd1, -4.5, 9.5, \"0\");\r\n    c2.setAttribute({cssStyle:'color:green'});\r\n  ////////////////////////////////////////////////////////////////////////\r\n    var line1 =placeSeg(brd1, [1.0, ()=>(1.0*m1.Value()+1.0*c1.Value())], [0, ()=>1.0*c1.Value()], 3, 'red');\r\n    var line2 =placeSeg(brd1, [1.0, ()=>(1.0*m2.Value()+1.0*c2.Value())], [0, ()=>1.0*c2.Value()], 3, 'green');\r\n    ////////////////////////////////////////////////////////////////////////////////////////////\r\n    //var hi = placeGlider(brd1, li, 1.0, ()=>(1.0*m.Value()+1.0*c.Value()) , 0, 'red', 'red');\r\n    //var tri = brd1.create('slopetriangle', [li, hi],{baseline:{strokeColor:'red'}});\r\n    //tri.setAttribute({visible:()=>i==1, label:{visible:()=>i==1}, baseline:{visible:false}, toppoint:{visible:false}, basepoint:{visible:false}});\r\n    //tri.setLabelAttribute({visible:()=>i==1});\r\n    /////////////////////////////////////////////////////////////\r\n    analytics.on('down', function(){i=0; clearInputFields(brd1)});\r\n    ////////////////////////////////////////////////\r\n    var arr = placePoint(brd1, ()=>(c2.Value()-c1.Value())/(m1.Value()-m2.Value()), ()=>(m1.Value()*c2.Value() - m2.Value()*c1.Value())/(m1.Value()-m2.Value()), 6, 'black', 'black');\r\n    var i=0;\r\n    arr.setAttribute({visible:()=>i==1, color:'black', face:'cross'});\r\n    var x0 =placeBoldRightText(brd1, ()=>arr.X()-2, ()=>arr.Y()+0.5, ()=>'x = '+ arr.X());\r\n    x0.setAttribute({visible:()=>i==1});\r\n    var y0 =placeBoldRightText(brd1, ()=>arr.X()-2, ()=>arr.Y()-0.5, ()=>'y = '+ arr.Y());\r\n    y0.setAttribute({visible:()=>i==1});\r\n    ///////////////////////////////////////////////\r\n    //var cind =placeTapeVert(brd1, [0,0], [0, ()=>1.*c.Value()], 'C');\r\n    //cind.setAttribute({ anchorX:'right', point1:{visible:false}, point2:{visible:false}});\r\n    /////////////////////////////////////////////////////////////\r\n    var arrow = placeImage(brd1, '/assets/pointing-hand.svg', ()=>arr.X()-1.2, ()=>arr.Y()-0.65, 1, 0);\r\n    arrow.setAttribute({visible:()=>i==1});\r\n    erase.on('down', function(){i=toggle(i); console.log(i)})\r\n    //placeImage(brd1, '/assets/slope.svg', 2, ()=>1.*c.Value()+2.*m.Value(), 1, 0);\r\n    //var slope =brd1.create('image', ['/assets/slope.svg', [2, ()=>1.*c1.Value()+2.*m1.Value()],[1.,()=>1.*m1.Value()]]);\r\n    //slope.setAttribute({visible:()=>i==1});\r\n\r\n\t}\r\n    }\r\nexport default Boxes;\r\n","<template>\r\n  <div>\r\n    <h3 ref=\"intro\">\n      What is a Straight Line ?\n    </h3>\r\n    <br>\r\n    <p>\n      Straight line is one of the simplest shapes in geometry. <br> <br> One of the features of a straight line is that\r\n      <i>all the points lying a straight line are aligned in the same direction </i>.\r\n      Stated in other words, a straight line has a constant slope.<br><br>\r\n      Imagine two points \\(P_1 = (x, y)\\) and \\(P_2 = (x_0, y_0) \\) that lie on a straight line. Then a constant slope implies\r\n      $$  \\frac{y -y_0}{x - x_0} = \\text{a constant (say S)}$$\r\n      This tells us that if we have the slope of a straight line and know a point in space that the line passes through, then we can obtain the equation of that line.\r\n    </p>\r\n    <h3 ref=\"sol\">\n      Equation of a Straight Line: Slope & Intercept Form\n    </h3>\r\n    <br>\r\n    <p>\n      Let's consider a straight line that has a slope \\(M\\) and intercepts the y-axis at point \\(P=(0, C) \\).\n      Thus, substituting \\(x_0 = 0\\), \\(y_0 = C\\), and \\(S = M\\) we obtain the equation of the line as\r\n      $$ \\frac{y-C}{x} = M $$\r\n      Upon a little rearrangement we can write\r\n      $$ y = Mx + C$$\r\n    </p>\r\n    <h3 ref=\"graph2\">\n      MagicGraph | Slope & Intercept of a Straight Line\n    </h3>\r\n    <br>\r\n    <h5>Getting Started</h5>\r\n    <p>\n      This MagicGraph offers a visual + interactive illustration of the slope-intercept form of the equation of a straight line.\r\n      You will learn to draw a straight line based on its slope and y-intercept. <br><br>\r\n      Enter the values of M and C in the equation field to draw the straight line represented by this equation.\r\n    </p>\r\n    <h5>Icons on the MagicGraph</h5>\r\n    <p>\n      This MagicGraph contains the following two icons: <br>\r\n      <i class=\"eraser ma-1\" /> Tap on this button to erase all entries and start over. <br>\r\n      <i class=\"stater ma-1\" /> Tap on this button to see the data and parameters of the illustration. <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: 'StraightLine',\r\n  created: function () {\r\n    this.$store.commit('navigation/resetState');\r\n    // Store mutations\r\n    let title = 'Straight Line';\r\n    this.$store.commit('navigation/changeTitle', 'Intersection of Two Lines');\r\n    this.$store.commit('navigation/changeMenu', 'Intersection of Two Lines');\r\n    let newTopics = [\r\n      {title: 'Straight Line', img:'/assets/number-1.svg', action: () => this.goto('intro')},\r\n      {title: 'MagicGraph: Shortest Path Connecting Two Points', img:'/assets/touch.svg', action: () => this.goto('graph1')},\r\n      {title: 'Equation of Straight Line', img:'/assets/number-2.svg', action: () => this.goto('sol')},\r\n      {title: 'MagicGraph: Equation of a Straight Line ', img:'/assets/touch.svg', action: () => this.goto('graph2')}\r\n    ];\r\n    this.$store.commit('navigation/replaceTopics', newTopics);\r\n    let newMath =true;\r\n    this.$store.commit('navigation/replaceMath', newMath);\r\n    let newshowhome = false;\r\n    this.$store.commit('navigation/toggleshowhome', newshowhome);\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: 'Intersection of Lines',\r\n        //  titleTemplate: '%s - Learn interactively',\r\n          meta: [\r\n                  {vmid: 'description', name: 'description', content: 'Learn interactively about intersection of  lines.'}\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=3976e19c&\"\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":""}