{"version":3,"sources":["webpack:///./src/components/mathematics/Math11thGrade/line/Lesson.vue","webpack:///./src/components/mathematics/Math11thGrade/line/Boxes.js","webpack:///src/components/mathematics/Math11thGrade/line/Lesson.vue","webpack:///./src/components/mathematics/Math11thGrade/line/Lesson.vue?6605","webpack:///./src/components/mathematics/Math11thGrade/line/Lesson.vue?2bc1"],"names":["ref","attrs","staticClass","_v","_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","analytics","placeUndo","setAttribute","visible","setLabel","label","alignX","offset","CssStyle","fontSize","on","this","erase","placeRedo","shuffle","placeShuffle","shuffle2","placeErase","pts1","create","name","size","canvasHeight","fillColor","strokeColor","strokeWidth","snapToGrid","shadow","placeLabel","pts2","pts3","X","Y","placeSeg","Horz","placeTapeHori","fillOpacity","point1","point2","color","horzDash","placeDash","vertDash","Vert","placeTapeVert","xAxis","placeHTMLText","Value","toFixed","yAxis","anchorX","ang","placeAngle","eggOne","placeImage","textOne","textOnee","eggTwo","textTwo","textTwoo","arr","placePoint","face","arrow","lb","placeRightText","eggThree","pyText","c","cal","Math","abs","moveTo","round","random","created","_this","$store","commit","newTopics","title","img","action","goto","newMath","newshowhome","newLeftArrow","newModule","mounted","MathJax","Hub","Queue","metaInfo","meta","vmid","content","component"],"mappings":"mJAA4D,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,+GCmCXC,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,IAAK,GACvEC,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,8BAA+B,oCAChDiB,eAAUjB,GACV,IAAIkB,EAAE,EAAOC,EAAE,EAEPC,EAAYC,eAAUrB,GAC1BoB,EAAUE,aAAa,CAACC,QAAQ,kBAAIL,EAAE,KACtCE,EAAUI,SAAS,8BACnBJ,EAAUK,MAAMH,aAAa,CAACC,SAAQ,EAAOG,OAAO,SAAUC,OAAO,CAAC,GAAI,IAAKC,SAAS,oBAAqBC,SAAS,KACtHT,EAAUU,GAAG,QAAQ,WAAaC,KAAKN,MAAMH,aAAa,CAACC,SAAQ,OACnEH,EAAUU,GAAG,OAAO,WAAaC,KAAKN,MAAMH,aAAa,CAACC,SAAQ,OAElE,IAAIS,EAAQC,eAAUjC,GACtBgC,EAAMR,SAAS,0BACfQ,EAAMV,aAAa,CAACC,QAAQ,kBAAIL,EAAE,KAClCc,EAAMP,MAAMH,aAAa,CAACC,SAAQ,EAAOG,OAAO,SAAUC,OAAO,CAAC,GAAI,IAAKC,SAAS,oBAAqBC,SAAS,KAClHG,EAAMF,GAAG,QAAQ,WAAaC,KAAKN,MAAMH,aAAa,CAACC,SAAQ,OAC/DS,EAAMF,GAAG,OAAO,WAAaC,KAAKN,MAAMH,aAAa,CAACC,SAAQ,OAE9D,IAAIW,EAAUC,eAAanC,GAC3BkC,EAAQZ,aAAa,CAACC,QAAQ,kBAAO,GAAHL,KAClCgB,EAAQV,SAAS,yBACjBU,EAAQT,MAAMH,aAAa,CAACC,SAAQ,EAAOG,OAAO,SAAUC,OAAO,CAAC,GAAI,IAAKC,SAAS,oBAAqBC,SAAS,KACpHK,EAAQJ,GAAG,QAAQ,WAAaC,KAAKN,MAAMH,aAAa,CAACC,SAAQ,OACjEW,EAAQJ,GAAG,OAAO,WAAaC,KAAKN,MAAMH,aAAa,CAACC,SAAQ,OAEhE,IAAIa,EAAWC,eAAWrC,GAC1BoC,EAASd,aAAa,CAACC,QAAQ,kBAAO,GAAHL,KACnCkB,EAASZ,SAAS,qBAClBY,EAASX,MAAMH,aAAa,CAACC,SAAQ,EAAOG,OAAO,SAAUC,OAAO,CAAC,GAAI,IAAKC,SAAS,oBAAqBC,SAAS,KACrHO,EAASN,GAAG,QAAQ,WAAaC,KAAKN,MAAMH,aAAa,CAACC,SAAQ,OAClEa,EAASN,GAAG,OAAO,WAAaC,KAAKN,MAAMH,aAAa,CAACC,SAAQ,OAEvE,IAAIe,EAAOtC,EAAKuC,OAAO,QAAS,CAAC,EAAI,GAAK,CAACC,KAAK,GAAI9C,WAAU,EAAO+C,KAAK,WAAW,OAAO,EAAEzC,EAAK0C,aAAa,KAAMC,UAAU,SAAUC,YAAY,QAASC,YAAY,EAAGtB,SAAQ,EAAMuB,YAAW,EAAMC,QAAO,IACpNC,eAAWhD,EAAMsC,EAAM,IAAK,EAAG,IAE/B,IAAIW,EAAOjD,EAAKuC,OAAO,QAAS,EAAE,GAAK,GAAK,CAACC,KAAK,GAAI9C,WAAU,EAAO+C,KAAK,WAAW,OAAO,EAAEzC,EAAK0C,aAAa,KAAMC,UAAU,SAAUC,YAAY,QAASC,YAAY,EAAGtB,SAAQ,EAAMuB,YAAW,EAAMC,QAAO,IACtNC,eAAWhD,EAAMiD,EAAM,IAAK,GAAI,IAEhC,IAAIC,EAAOlD,EAAKuC,OAAO,QAAS,CAAC,kBAAID,EAAKa,KAAK,kBAAIF,EAAKG,MAAM,CAACZ,KAAK,GAAI9C,WAAU,EAAO+C,KAAK,WAAW,OAAO,EAAEzC,EAAK0C,aAAa,KAAMC,UAAU,SAAUC,YAAY,QAASC,YAAY,EAAGtB,SAAQ,EAAMuB,YAAW,EAAMC,QAAO,IACxOC,eAAWhD,EAAMkD,EAAM,IAAK,IAAK,IACjCA,EAAK5B,aAAa,CAACC,QAAQ,kBAAIL,GAAG,KAElCmC,eAASrD,EAAM,CAAC,kBAAIiD,EAAKE,KAAK,kBAAIF,EAAKG,MAAM,CAAC,kBAAId,EAAKa,KAAK,kBAAIb,EAAKc,MAAM,EAAE,SAC7E,IAAIE,EAAMC,eAAcvD,EAAM,CAAC,kBAAIiD,EAAKE,KAAK,kBAAIF,EAAKG,MAAM,CAAC,kBAAId,EAAKa,KAAK,kBAAIF,EAAKG,MAAM,WAC1FE,EAAKhC,aAAa,CAACC,QAAQ,kBAAIL,GAAG,GAAGxB,WAAU,EAAM8D,YAAY,GAC/DC,OAAO,CAAClC,SAAQ,GAAOmC,OAAO,CAACnC,SAAQ,GAAQsB,YAAY,EAAGD,YAAY,MAAOnB,MAAM,CAACF,QAAQ,kBAAIL,GAAG,GAAGyC,MAAM,SAElH,IAAIC,EAAUC,eAAU7D,EAAM,EAAE,GAAI,kBAAIiD,EAAKG,MAAM,CAAC,GAAI,kBAAIH,EAAKG,MAAM,EAAE,SACzEQ,EAAStC,aAAa,CAACC,QAAQ,kBAAIL,GAAG,KACtC,IAAI4C,EAAWD,eAAU7D,EAAM,CAAC,kBAAIsC,EAAKa,MAAM,IAAK,CAAC,kBAAIb,EAAKa,KAAK,IAAK,EAAE,SAC1EW,EAASxC,aAAa,CAACC,QAAQ,kBAAIL,GAAG,KAEtC,IAAI6C,EAAMC,eAAchE,EAAM,CAAC,kBAAIsC,EAAKa,KAAK,kBAAIb,EAAKc,MAAM,CAAC,kBAAId,EAAKa,KAAK,kBAAIF,EAAKG,MAAM,WAC1FW,EAAKzC,aAAa,CAACC,QAAQ,kBAAIL,GAAG,GAAGxB,WAAU,EAAM8D,YAAY,GAC/DC,OAAO,CAAClC,SAAQ,GAAOmC,OAAO,CAACnC,SAAQ,GAAQsB,YAAY,EAAGD,YAAY,OAAQnB,MAAM,CAACF,QAAQ,kBAAIL,GAAG,GAAGyC,MAAM,UAEnH,IAAIM,EAAOC,eAAclE,GAAM,kBAAKsC,EAAKa,IAAIF,EAAKE,KAAK,KAAG,kBAAIF,EAAKG,IAAI,KAAK,IAAI,iBAAI,aAAcE,EAAKa,QAASC,QAAQ,MACxHH,EAAM3C,aAAa,CAACqC,MAAM,MAAOpC,QAAQ,kBAAIL,GAAG,KAEhD,IAAImD,EAAOH,eAAclE,GAAM,kBAAIsC,EAAKa,IAAI,OAAM,kBAAKb,EAAKc,IAAIH,EAAKG,KAAK,IAAG,IAAI,iBAAI,aAAcW,EAAKI,QAASC,QAAQ,MACzHC,EAAM/C,aAAa,CAACgD,QAAQ,OAAQX,MAAM,OAAQpC,QAAQ,kBAAIL,GAAG,KAEjE,IAAIqD,EAAMC,eAAWxE,EAAM,CAAC,kBAAIiD,EAAKE,KAAK,kBAAIF,EAAKG,MAAM,CAAC,kBAAId,EAAKa,KAAK,kBAAIF,EAAKG,MAAM,CAAC,kBAAId,EAAKa,KAAK,kBAAIb,EAAKc,MAC9G,EAAG,SACJmB,EAAIjD,aAAa,CAACG,MAAM,CAACF,SAAQ,GAAOA,QAAQ,kBAAIL,GAAG,KAGvD,IAAIuD,EAASC,eAAW1E,EAAM,sBAAsB,KAAM,KAAM,GAAK,GACrEyE,EAAOnD,aAAa,CAACC,QAAQ,kBAAIL,GAAG,KAEpC,IAAIyD,EAAST,eAAclE,GAAO,EAAG,IAAK,GAAI,4BAC9C2E,EAAQrD,aAAa,CAACgD,QAAQ,OAAQ1C,SAAU,oCAAqCL,QAAQ,kBAAIL,GAAG,KACpG,IAAI0D,EAAUV,eAAclE,GAAO,EAAG,IAAK,IAAI,iBAAI,gCAAiC+D,EAAKI,QAAQb,EAAKa,SAASC,QAAQ,MACvHQ,EAAStD,aAAa,CAACgD,QAAQ,OAAQ1C,SAAU,uCAAwCL,QAAQ,kBAAIL,GAAG,KAExG,IAAI2D,EAASH,eAAW1E,EAAM,sBAAsB,KAAM,KAAM,GAAK,GACrE6E,EAAOvD,aAAa,CAACC,QAAQ,kBAAIL,GAAG,KAEpC,IAAI4D,EAASZ,eAAclE,GAAO,EAAG,IAAK,GAAI,kCAC9C8E,EAAQxD,aAAa,CAACgD,QAAQ,OAAQ1C,SAAU,oCAAqCL,QAAQ,kBAAIL,GAAG,KAEpG,IAAI6D,EAAUb,eAAclE,GAAO,EAAG,IAAK,IAAI,iBAAI,QAASsC,EAAKc,IAAId,EAAKa,KAAKY,EAAKI,QAAQb,EAAKa,UAAUC,QAAQ,MACnHW,EAASzD,aAAa,CAACgD,QAAQ,OAAQ1C,SAAU,uCAAwCL,QAAQ,kBAAIL,GAAG,KAExG,IAAI8D,EAAMC,eAAWjF,EAAM,GAAG,kBAAIsC,EAAKc,IAAId,EAAKa,KAAKY,EAAKI,QAAQb,EAAKa,WAAU,EAAG,QAAS,SAC7Fa,EAAI1D,aAAa,CAACC,QAAQ,kBAAIL,GAAG,GAAGyC,MAAM,MAAOuB,KAAK,UACtD,IAAIC,EAAQT,eAAW1E,EAAM,6BAA8B,KAAK,kBAAIsC,EAAKc,IAAId,EAAKa,KAAKY,EAAKI,QAAQb,EAAKa,SAAS,MAAM,EAAG,GAC3HgB,EAAM7D,aAAa,CAACC,QAAQ,kBAAIL,GAAG,KACnC,IAAIkE,EAAIC,eAAerF,GAAO,KAAK,kBAAIsC,EAAKc,IAAId,EAAKa,KAAKY,EAAKI,QAAQb,EAAKa,SAAS,OAAM,iBAAI,QAAS7B,EAAKc,IAAId,EAAKa,KAAKY,EAAKI,QAAQb,EAAKa,UAAUC,QAAQ,MAC/JgB,EAAG9D,aAAa,CAACC,QAAQ,kBAAIL,GAAG,KAEhC,IAAIoE,EAAWZ,eAAW1E,EAAM,wBAAwB,KAAM,KAAM,GAAK,GACzEsF,EAAShE,aAAa,CAACC,QAAQ,kBAAIL,GAAG,KAEtC,IAAIqE,EAAQrB,eAAclE,GAAO,EAAG,IAAK,GAAI,iCAC7CuF,EAAOjE,aAAa,CAACgD,QAAQ,OAAQ1C,SAAU,oCAAqCL,QAAQ,kBAAIL,GAAG,KAEnG,IAAIsE,EAAI,WACN,OAAIlD,EAAKc,IAAId,EAAKa,KAAKY,EAAKI,QAAQb,EAAKa,UAAY,EAE5C,IAIA,KAIPsB,EAAKvB,eAAclE,GAAO,EAAG,IAAK,IAAI,iBAAI,QAAQ+D,EAAKI,QAAQb,EAAKa,SAASC,QAAQ,GAAG,MAAOoB,IAAM,IAAME,KAAKC,IAAIrD,EAAKc,IAAId,EAAKa,KAAKY,EAAKI,QAAQb,EAAKa,UAAWC,QAAQ,MAChLqB,EAAInE,aAAa,CAACC,QAAQ,kBAAIL,GAAG,GAAGoD,QAAQ,OAAQ1C,SAAU,yCAE9DR,EAAUU,GAAG,QAAQ,WAChBZ,EAAE,EAELA,GAAG,EAIDA,EAAE,KAINc,EAAMF,GAAG,QAAQ,WACZZ,EAAE,EAELA,GAAG,EAIDA,EAAE,KAINgB,EAAQJ,GAAG,QAAQ,WACjBZ,EAAE,EACFoB,EAAKsD,OAAO,CAAC,EAAEF,KAAKG,MAAM,EAAEH,KAAKI,UAAU,EAAEJ,KAAKG,MAAM,EAAEH,KAAKI,YAC/D7C,EAAK2C,OAAO,EAAE,EAAEF,KAAKG,MAAM,EAAEH,KAAKI,WAAW,EAAEJ,KAAKG,MAAM,EAAEH,KAAKI,YAC9D3E,EAAE,EAELA,GAAG,EAIHA,EAAE,KAGJiB,EAASN,GAAG,QAAQ,WAClBZ,EAAE,OAOWhC,ICrKA,GACfsD,KAAA,eACAuD,QAAA,eAAAC,EAAA,KACA,KAAAC,OAAAC,OAAA,yBAGA,KAAAD,OAAAC,OAAA,0CACA,KAAAD,OAAAC,OAAA,yCACA,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,MACA5H,EAAAC,QAEA6H,SAAA,CAAAZ,MAAA,QAEAa,KAAA,CACA,CAAAC,KAAA,cAAA1E,KAAA,cAAA2E,QAAA,uCCjF6X,I,YCOzXC,EAAY,eACd,EACA,EACAnI,GACA,EACA,KACA,KACA,MAIa,aAAAmI,E","file":"js/chunk-2d237930.3ddf38aa.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 visualize the data and parameters of the illustration. \"),_c('br')])\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    placeSeg,\r\n    placeBoldRightText\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: [-10, 12, 10, -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, 'Slope & Intercept of a Line', ' Line through two points A and B');\r\n  placeLogo(brd1);\r\n  var i=0; var j=0;\r\n  ////////////////////////////////////////////////////////////////////////////////\r\n      var analytics = placeUndo(brd1);\r\n      analytics.setAttribute({visible:()=>i>0})\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(brd1);\r\n      erase.setLabel('Tap to Go to Next Step')\r\n      erase.setAttribute({visible:()=>i<3})\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 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 shuffle2 = placeErase(brd1);\r\n      shuffle2.setAttribute({visible:()=>i==3})\r\n      shuffle2.setLabel('Tap to Start Over');\r\n      shuffle2.label.setAttribute({visible:false, alignX:'middle', offset:[0, -15], CssStyle:'fontFamily:Oswald', fontSize:12});\r\n      shuffle2.on('over', function () {this.label.setAttribute({visible:true});});\r\n      shuffle2.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, 25);\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', 0, -25);\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\nplaceSeg(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>=1, 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>=1, 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>=1});\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>=1});\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>=1});\r\n//ang.setLabel({})\r\n///////////////////////////////TAP OPERATIONS ////////////////////////////////\r\nvar eggOne = placeImage(brd1, '/assets/eggOne.svg',-8.75, 8.25, 0.5, 0);\r\neggOne.setAttribute({visible:()=>i>=1});\r\n\r\nvar textOne =placeHTMLText(brd1, -8, 8.5, 18, 'Start with the slope (m)');\r\ntextOne.setAttribute({anchorX:'left', CssStyle: 'fontFamily:Oswald;fontWeight:bold', visible:()=>i>=1})\r\nvar textOnee =placeHTMLText(brd1, -8, 7.5, 18, ()=>'m = Y_B - Y_A / X_B - X_A = '+ (Vert.Value()/Horz.Value()).toFixed(2));\r\ntextOnee.setAttribute({anchorX:'left', CssStyle: 'fontFamily:Oswald;fontWeight:regular', visible:()=>i>=1})\r\n\r\nvar eggTwo = placeImage(brd1, '/assets/eggTwo.svg',-8.75, 6.25, 0.5, 0);\r\neggTwo.setAttribute({visible:()=>i>=2});\r\n\r\nvar textTwo =placeHTMLText(brd1, -8, 6.5, 18, 'Next, find the y-intercept (c)');\r\ntextTwo.setAttribute({anchorX:'left', CssStyle: 'fontFamily:Oswald;fontWeight:bold', visible:()=>i>=2})\r\n\r\nvar textTwoo =placeHTMLText(brd1, -8, 5.5, 18, ()=>'c = '+ (pts1.Y()-pts1.X()*(Vert.Value()/Horz.Value())).toFixed(2));\r\ntextTwoo.setAttribute({anchorX:'left', CssStyle: 'fontFamily:Oswald;fontWeight:regular', visible:()=>i>=2})\r\n//////////////////////////////////////////\r\nvar arr = placePoint(brd1, 0, ()=>pts1.Y()-pts1.X()*(Vert.Value()/Horz.Value()), 6, 'black', 'black');\r\narr.setAttribute({visible:()=>i>=2, color:'red', face:'cross'});\r\nvar arrow = placeImage(brd1, '/assets/pointing-hand.svg', -1.2, ()=>pts1.Y()-pts1.X()*(Vert.Value()/Horz.Value())-0.65, 1, 0);\r\narrow.setAttribute({visible:()=>i>=2});\r\nvar lb =placeRightText(brd1, -1.4, ()=>pts1.Y()-pts1.X()*(Vert.Value()/Horz.Value())-0.15, ()=>'C = '+ (pts1.Y()-pts1.X()*(Vert.Value()/Horz.Value())).toFixed(2));\r\nlb.setAttribute({visible:()=>i>=2});\r\n///////////////////////////////////////////////////////\r\nvar eggThree = placeImage(brd1, '/assets/eggThree.svg',-8.75, 4.25, 0.5, 0);\r\neggThree.setAttribute({visible:()=>i>=3});\r\n\r\nvar pyText =placeHTMLText(brd1, -8, 4.5, 18, 'Substitute m & c in y= mx + c');\r\npyText.setAttribute({anchorX:'left', CssStyle: 'fontFamily:Oswald;fontWeight:bold', visible:()=>i>=3})\r\n\r\nvar c = function(){\r\n  if((pts1.Y()-pts1.X()*(Vert.Value()/Horz.Value())) >=0)\r\n  {\r\n    return '+'\r\n  }\r\n  else\r\n  {\r\n    return '-'\r\n  }\r\n}\r\n\r\nvar cal =placeHTMLText(brd1, -8, 3.5, 18, ()=>'y = '+(Vert.Value()/Horz.Value()).toFixed(2)+' x '+ c() + ' '+ (Math.abs(pts1.Y()-pts1.X()*(Vert.Value()/Horz.Value()))).toFixed(2));\r\ncal.setAttribute({visible:()=>i>=3, anchorX:'left', CssStyle: 'fontFamily:Oswald;fontWeight:regular'});\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 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 visualize 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', 'Straight Line');\r\n    this.$store.commit('navigation/changeMenu', 'Straight Line');\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: { title: 'Lines',\r\n          //titleTemplate: '%s - Learn interactively',\r\n          meta: [\r\n                  {vmid: 'description', name: 'description', content: 'Learn interactively about 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=e43d860c&\"\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":""}