{"version":3,"sources":["webpack:///./src/components/mathematics/Math11thGrade/line4/Lesson.vue","webpack:///./src/components/mathematics/Math11thGrade/line4/Boxes.js","webpack:///src/components/mathematics/Math11thGrade/line4/Lesson.vue","webpack:///./src/components/mathematics/Math11thGrade/line4/Lesson.vue?aceb","webpack:///./src/components/mathematics/Math11thGrade/line4/Lesson.vue?6394"],"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","placeShuffle","setLabel","label","setAttribute","visible","alignX","offset","CssStyle","fontSize","on","this","erase","placeTest","right","placeImage","wrong","right2","wrong2","placeBoldLeftText","m","placeInput","placeBoldText","c","mm","cc","li","placeSeg","valueOf","g1","placeGlider","placeLabel","g2","Horz1","X","Y","dash","Vert1","Horz2","Vert2","Math","round","random","clearInputFields","arr","placePoint","Value","i","color","face","lb","placeBoldRightText","arrow","name","created","_this","$store","commit","newTopics","title","img","action","goto","newMath","newshowhome","newLeftArrow","newModule","mounted","MathJax","Hub","Queue","metaInfo","meta","vmid","content","component"],"mappings":"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","file":"js/chunk-2d0a4b25.9c2d4bc5.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:\"shuffler ma-1\"}),_vm._v(\" Tap on this button to shuffle and generate a new problem. \"),_c('br'),_c('i',{staticClass:\"tester ma-1\"}),_vm._v(\" Tap on this button to test your provided answer. \"),_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['glider'] =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, 'Find the Equation of Shown Straight Line', '(Enter values of M & C in the equation: y = M x +C)');\r\n    placeLogo(brd1);\r\n    var analytics =placeShuffle(brd1);\r\n    analytics.setLabel('Tap to Shuffle')\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 =placeTest(brd1);\r\n    erase.setLabel('Tap to Test Your Answer')\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 right = placeImage(brd1, '/assets/check.svg', -7.5, 12.25, 1.,  0);\r\n    var wrong = placeImage(brd1, '/assets/cross.svg', -7.5, 12.25, 1.,  0);\r\n    right.setAttribute({visible:false});\r\n    wrong.setAttribute({visible:false});\r\n    ///////////////////////////////////////////////////////////////////////\r\n    var right2 = placeImage(brd1, '/assets/check.svg', -4, 12.25, 1.,  0);\r\n    var wrong2 = placeImage(brd1, '/assets/cross.svg', -4., 12.25, 1.,  0);\r\n    right2.setAttribute({visible:false});\r\n    wrong2.setAttribute({visible:false});\r\n    ////////////////////////////////////////////////////\r\n    var y =placeBoldLeftText(brd1, -9, 11.5, 'y =');\r\n    //y.setAttribute({color:'red'});\r\n    var m =placeInput(brd1, -8, 11.5, \"\");\r\n    placeImage(brd1, '/assets/bracket.svg', -8., 9.4, 2.1, 0);\r\n    placeBoldText(brd1, -7., 9.5, 'm');\r\n    placeImage(brd1, '/assets/bracket.svg', -4.5, 9.4, 2.1, 0);\r\n    placeBoldText(brd1, -3.5, 9.5, 'c');\r\n    //m.setAttribute({cssStyle:'color:red'});\r\n    var x =placeBoldLeftText(brd1, -5.5, 11.5, ' x + ');\r\n  //  x.setAttribute({color:'red'});\r\n    var c =placeInput(brd1, -4.5, 11.5, \"\");\r\n  //  c.setAttribute({cssStyle:'color:red'});\r\n    ///////////////////////////////////////////////////\r\n    var mm =1;\r\n    var cc= 2;\r\n    var li =placeSeg(brd1, [1.0, ()=>(1.0*mm.valueOf()+1.0*cc.valueOf())], [0, ()=>1.0*cc.valueOf()], 3, 'black');\r\n    ////////////////////////////////////////////////////////////////////\r\n    var g1 = placeGlider(brd1, li, -2.0, -2.0+1.0*2.0, 4, 'red', 'black');\r\n    placeLabel(brd1, g1, 'A', 15, 0);\r\n    /////////////////////////////////////////\r\n    var g2 = placeGlider(brd1, li, 2.0, 2.0+1.0*2.0, 4, 'green', 'black');\r\n    placeLabel(brd1, g2, 'B', 15, 0);\r\n    /////////////////////////////////////////\r\n    var Horz1 =placeSeg(brd1, [()=>g1.X(), ()=>g1.Y()], [()=>g1.X()+2., ()=>g1.Y()], 1, 'red');\r\n    Horz1.setAttribute({dash:1});\r\n    var Vert1 =placeSeg(brd1, [()=>g1.X(), ()=>g1.Y()], [()=>g1.X(), ()=>g1.Y()+2.], 1, 'red');\r\n    Vert1.setAttribute({dash:1});\r\n    //////////////////////////////////////////////////////////////////////////////\r\n    var Horz2 =placeSeg(brd1, [()=>g2.X(), ()=>g2.Y()], [()=>g2.X()+2., ()=>g2.Y()], 1, 'green');\r\n    Horz2.setAttribute({dash:1});\r\n    var Vert2 =placeSeg(brd1, [()=>g2.X(), ()=>g2.Y()], [()=>g2.X(), ()=>g2.Y()+2.], 1, 'green');\r\n    Vert2.setAttribute({dash:1});\r\n    ////////////////////////////////////////////////////////////////\r\n    //var Text =placeBoldLeftText(brd1, 3.25, ()=>2.5*m.Value()+1.0*c.Value(), ()=>'M = '+ m.Value());\r\n    //Text.setAttribute({visible:()=>i==1});\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(){mm=Math.round(5*Math.random())-2.5;\r\n                                    cc=Math.round(5*Math.random());\r\n                                    clearInputFields(brd1);\r\n                                    right.setAttribute({visible:false});\r\n                                    wrong.setAttribute({visible:false});\r\n                                    right2.setAttribute({visible:false});\r\n                                    wrong2.setAttribute({visible:false});\r\n                                  });\r\n    ////////////////////////////////////////////////\r\n    var arr = placePoint(brd1, 0, ()=>1.*c.Value(), 6, 'black', 'black');\r\n    var i=0;\r\n    arr.setAttribute({visible:()=>i==1, color:'red', face:'cross'});\r\n    var lb =placeBoldRightText(brd1, -1.4, ()=>1.*c.Value()-0.15, ()=>'C = '+ 1.*c.Value());\r\n    lb.setAttribute({visible:()=>i==1});\r\n    ///////////////////////////////////////////////////////////////////////////////\r\n    var arrow = placeImage(brd1, '/assets/pointing-hand.svg', -1.2, ()=>1.*c.Value()-0.65, 1, 0);\r\n    arrow.setAttribute({visible:()=>i==1});\r\n    erase.on('down', function(){\r\n      if(m.Value() == mm.valueOf())\r\n      {right.setAttribute({visible:true});\r\n       wrong.setAttribute({visible:false})\r\n      }\r\n      else {\r\n      wrong.setAttribute({visible:true});\r\n      right.setAttribute({visible:false})\r\n      }\r\n      if(c.Value() == cc.valueOf())\r\n      {right2.setAttribute({visible:true});\r\n       wrong2.setAttribute({visible:false})\r\n      }\r\n      else {\r\n      wrong2.setAttribute({visible:true});\r\n      right2.setAttribute({visible:false})\r\n      }\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=\"shuffler ma-1\" /> Tap on this button to shuffle and generate a new problem. <br>\r\n      <i class=\"tester ma-1\" /> Tap on this button to test your provided answer. <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 () {\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() {\r\n  return{ 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}\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=9e0e6f7a&\"\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":""}