{"version":3,"sources":["webpack:///./src/components/mathematics/line/Line.vue","webpack:///./src/components/mathematics/line/Boxes.js","webpack:///src/components/mathematics/line/Line.vue","webpack:///./src/components/mathematics/line/Line.vue?bc9d","webpack:///./src/components/mathematics/line/Line.vue?1448","webpack:///./src/components/mathematics/line/Line.vue?c0b6"],"names":["ref","attrs","staticClass","render","Boxes","box1","_brd2$create","brd2","JXG","JSXGraph","initBoard","boundingbox","keepaspectratio","axis","ticks","grid","pan","enabled","zoom","showCopyright","showNavigation","create","fixed","fontSize","canvasHeight","cssStyle","name","fillColor","strokeColor","face","size","label","Ptm1","Ptm2","_defineProperty","Y","X","toFixed","opacity","rotate","Perp","strokeWidth","dash","Line1","Line2","visible","IntY","box2","brd1","line1","line2","PtB","CssStyle","Math","round","canvasWidth","PtC","PtD","start","end","f","x","t","i","s","f0","f1","m","d","sqrt","created","_this","$store","commit","title","newTopics","img","action","goto","newMath","newshowhome","newLeftArrow","newModule","mounted","MathJax","Hub","Queue","metaInfo","meta","vmid","content","component","staticRenderFns"],"mappings":"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","file":"js/chunk-84387230.2fd1c38b.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('h3',{ref:\"intro\"},[_vm._v(\"\\n    Straight Lines: What Are They?\\n  \")]),_c('p',[_vm._v(\"\\n    A straight line is a geometric shape that forms the shortest path two points.\\n  \")]),_c('h3',{ref:\"graph1\"},[_vm._v(\"\\n    MagicGraph | A Straight Line is the Shortest Path between Two Points\\n  \")]),_c('v-responsive',[_c('v-layout',{attrs:{\"justify-center\":\"\"}},[_c('div',{staticClass:\"edliy-box-about\",attrs:{\"id\":\"jxgbox2\"}})])],1),_c('h3',{ref:\"sol\"},[_vm._v(\"\\n    Equation of a Straight Line\\n  \")]),_c('p',[_vm._v(\"\\n    The general form of the equation representing a straight line is:\\n    $$y = mx +c $$\\n    where \\\\(m\\\\) is the slope and \\\\(c\\\\) is the intercept formed by the line on y-axis.\\n  \")]),_c('h3',{ref:\"graph2\"},[_vm._v(\"\\n    MagicGraph | Slope & Intercept of a Straight Line\\n  \")]),_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 = []\n\nexport { render, staticRenderFns }","const Boxes = {\r\n  box1: function () {\r\n\t\tvar brd2 = JXG.JSXGraph.initBoard('jxgbox1',{boundingbox: [-11, 11, 11, -11],keepaspectratio: true, axis:true, ticks:false, grid:true, pan:{enabled:false}, zoom:{enabled:false}, showCopyright:false, showNavigation:false});\r\n\r\n\t\tbrd2.create('text', [-8, 9, '<b>Straight Line &vert; y=mx+c</b>'], {fixed:true, fontSize:function(){return 32*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n\t\tbrd2.create('text', [-8,8, 'Equation of Line Joining Point A to Point B'], {fixed:true, fontSize:function(){return 22*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n\t\t//brd2.create('text', [-3,12, 'Protractor to measure angle &ang;CAB of the triangle.'], {fixed:true, fontSize:function(){return 18*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n\t\t//Tape measure\r\n\t\tbrd2.create('point', [0,0], {name:'O',fixed:true,fillColor:'black', strokeColor:'black', face:'square', size:function(){return 3*brd2.canvasHeight/800},label:{fontSize:function(){return 18*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\n\t\tvar Ptm1 = brd2.create('point', [-4, -4], {name:'A (drag me!)', fillColor:'orange', strokeColor:'black', face:'circle', size:function(){return 4*brd2.canvasHeight/800}, label:{fontSize:function(){return 18*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\n\t\tvar Ptm2 = brd2.create('point', [3, 9], {name:'B (drag me!)', fillColor:'orange', strokeColor:'black', face:'square', face:'circle', size:function(){return 4*brd2.canvasHeight/800},label:{fontSize:function(){return 18*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\n\t\t//\r\n\t\tbrd2.create('text', [-8, 7,  function(){return 'y = '+ ((Ptm2.Y()-Ptm1.Y())/(Ptm2.X()-Ptm1.X())).toFixed(2)+ ' x + '+ (-(Ptm2.Y()-Ptm1.Y())*Ptm1.X()/(Ptm2.X()-Ptm1.X())+Ptm1.Y()).toFixed(2)}], {fixed:true, fontSize:function(){return 22*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n\t\tbrd2.create('image', ['assets/random.svg', [-7.0, 6.3],[0.5, 0.5]], {opacity:1, rotate:-50});\r\n\t\tbrd2.create('image', ['assets/random.svg', [-5.5, 6.3],[0.5, 0.5]], {opacity:1, rotate:-50});\r\n\t\tbrd2.create('text', [-6.8, 5.6, 'm' ], {fixed:true, fontSize:function(){return 22*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n\t\tbrd2.create('text', [-5.3, 5.6, 'c' ], {fixed:true, fontSize:function(){return 22*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n\r\n\t\t//\r\n\t\tvar Perp =brd2.create('point',[function(){return Ptm2.X();}, function(){return Ptm1.Y();}],{name:'C', fillColor:'orange', strokeColor:'black', face:'circle', size:function(){return 4*brd2.canvasHeight/800},label:{fontSize:function(){return 18*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\n\t\t//\r\n\t\tbrd2.create('segment',[Ptm1, Perp], {strokeColor:'blue', strokeWidth:2, dash:1});\r\n\t\tbrd2.create('segment',[Ptm2, Perp], {strokeColor:'blue', strokeWidth:2, dash:1});\r\n\t\tvar Line1 = brd2.create('line', [Ptm1, Ptm2],{strokeWidth:2, strokeColor:'black', fixed:true});\r\n\t\tvar Line2 = brd2.create('line', [[0,0],[0,1]],{visible:false, fixed:true});\r\n\t\t//var Line3 = brd2.create('line', [[0,0],[1,0]],{visible:false, fixed:true});\r\n\t\t//brd2.create('perpendicular', [Ptm1, Line2]);\r\n\t\t//brd2.create('perpendicular', [Ptm2, Line3]);\r\n\t\t//var Perp =brd2.create('point',[function(){return Ptm2.X();}, function(){return Ptm1.Y();}]);\r\n\t\tvar IntY =brd2.create('intersection', [Line1, Line2],{name:'D',fillColor:'black', strokeColor:'black', face:'square', size:function(){return 3*brd2.canvasHeight/800},label:{fontSize:function(){return 18*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}})\r\n\t\t//var IntX =brd2.create('intersection', [Line1, Line3],{name:'X',fillColor:'black', strokeColor:'black', face:'square', size:function(){return 3*brd2.canvasHeight/800},label:{fontSize:function(){return 18*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}})\r\n\t\t//brd2.create('segment',[[0,0], IntX], {strokeColor:'blue', strokeWidth:2});\r\n\t\tbrd2.create('segment',[[0,0], IntY], {strokeColor:'red', strokeWidth:2});\r\n\t\tbrd2.create('image', ['assets/random.svg', [function(){return IntY.X()+0.3}, function(){return IntY.Y()/2 -0.6}],[1, 0.6]], {opacity:1, rotate:30});\r\n\t\tbrd2.create('text', [function(){return IntY.X()+1.2}, function(){return IntY.Y()/2 -0.3},  function(){return '' + (IntY.Y()).toFixed(2)}], {fixed:true, fontSize:function(){return 18*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n\r\n\t\tbrd2.create('image', ['assets/random.svg', [function(){return Ptm2.X()+0.3}, function(){return Ptm1.Y()+(Ptm2.Y()-Ptm1.Y())/2 -0.6}],[1, 0.6]], {opacity:1, rotate:30});\r\n\t\tbrd2.create('image', ['assets/random.svg', [function(){return Ptm1.X()+(Ptm2.X()-Ptm1.X())/2}, function(){return Ptm1.Y()-0.6}],[0.6, 1.]], {opacity:1, rotate:-45});\r\n\t\tbrd2.create('text', [function(){return Ptm2.X()+1.2}, function(){return Ptm1.Y()+(Ptm2.Y()-Ptm1.Y())/2},  function(){return 'Y_B -Y_A =' + (Ptm2.Y()-Ptm1.Y()).toFixed(2)}], {fixed:true, fontSize:function(){return 18*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n\t\tbrd2.create('text', [function(){return Ptm1.X()+(Ptm2.X()-Ptm1.X())/2}, function(){return Ptm1.Y()-1.2}, function(){return 'X_B - X_A ='+ (Ptm2.X()-Ptm1.X()).toFixed(2)}], {fixed:true, fontSize:function(){return 18*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n\t\t brd2.create('text', [-8, 4,  function(){return '(Y_B-Y_A)/(X_B-X_A) =' + ((Ptm2.Y()-Ptm1.Y())/(Ptm2.X()-Ptm1.X())).toFixed(2)}], {fixed:true, fontSize:function(){return 22*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n\t\t//\r\n\t\tbrd2.create('text', [-8, 2,  function(){return 'OD =' + (IntY.Y()).toFixed(2)}], {fixed:true, fontSize:function(){return 22*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n    },\r\n\tbox2: function(){\r\n\t\tvar brd1 = JXG.JSXGraph.initBoard('jxgbox2',{boundingbox: [-2, 4, 6, -4],keepaspectratio: true, axis:true, ticks:true, grid:true, showCopyright:false, showNavigation:false, pan:{enabled:false}, zoom:{enabled:false}});\r\n\t\tvar line1 = brd1.create('line', [[1,0],[1, 2]], {visible:false});\r\n\t\tvar line2 = brd1.create('line', [[2,0],[2, 2]], {visible:false});\r\n\t\tvar PtA =brd1.create('point', [0, 0],{name:'A', face:'square',size:4, strokeColor:'black', fillColor:'yellow', fixed:true, label:{CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(18*brd1.canvasWidth/500.)}}});\r\n\t\tvar PtB =brd1.create('glider', [1, 2, line1], {name:'Drag me!',face:'square',size:4, strokeColor:'black', fillColor:'yellow', label:{CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(10*brd1.canvasWidth/500.)}}});\r\n\t\tvar PtC =brd1.create('glider', [2, -2, line2],{name:'Drag me!',face:'square', size:4, strokeColor:'black', fillColor:'yellow', label:{CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(10*brd1.canvasWidth/500.)}}});\r\n\t\tvar PtD =brd1.create('point', [3, 0],{name:'B',face:'square',size:4, strokeColor:'black', fillColor:'yellow',fixed:true, label:{CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(18*brd1.canvasWidth/500.)}}});\r\n\t\tvar start = 0.0;\r\n\t\tvar end = 3.0;\r\n\t\tvar f = function(x){return (3*PtB.Y()-1.5*PtC.Y()+PtD.Y()/3)*x+(-2.5*PtB.Y()+2*PtC.Y()-0.5*PtD.Y())*x*x+(0.5*PtB.Y()-0.5*PtC.Y()+(1/6)*PtD.Y())*x*x*x}\r\n\t\tbrd1.create('functiongraph', [function(t){return f(t)}, 0, 3]);\r\n\t\tbrd1.create('text', [-0, 3.5, '<b> Shortest Path between Point A and B <b>'],{CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(18*brd1.canvasWidth/500.)}});\r\n\t\tbrd1.create('text',[1,2.5,function(){\r\n\t\tvar i,s,f0,f1;\r\n\t\tvar m = 45;\r\n\t\tvar d = (end-start)/m;\r\n\t\ts = 0.0;\r\n\t\tf0 = f(start);\r\n\t\tfor (i=1;i<=m;i++) {\r\n\t\t\tf1 = f(start+i*d);\r\n\t\t\ts += Math.sqrt(d*d+(f1-f0)*(f1-f0));\r\n\t\t\tf0 = f1;\r\n\t\t}\r\n\t\treturn 'Path Length='+s.toFixed(2);}], {CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(18*brd1.canvasWidth/500.)}});\r\n//brd1.create('functiongraph', [function(x){return PtD.Y()*math.cos(2*math.pi*x/2.5)}, 0, 5]);\r\n\t}\r\n    }\r\nexport default Boxes;\r\n","<template>\r\n  <div>\r\n    <h3 ref=\"intro\">\r\n      Straight Lines: What Are They?\r\n    </h3>\r\n    <p>\r\n      A straight line is a geometric shape that forms the shortest path two points.\r\n    </p>\r\n    <h3 ref=\"graph1\">\r\n      MagicGraph | A Straight Line is the Shortest Path between Two Points\r\n    </h3>\r\n    <v-responsive>\r\n      <v-layout justify-center>\r\n        <div id=\"jxgbox2\" class=\"edliy-box-about\" />\r\n      </v-layout>\r\n    </v-responsive>\r\n    <h3 ref=\"sol\">\r\n      Equation of a Straight Line\r\n    </h3>\r\n    <p>\r\n      The general form of the equation representing a straight line is:\r\n      $$y = mx +c $$\r\n      where \\(m\\) is the slope and \\(c\\) is the intercept formed by the line on y-axis.\r\n    </p>\r\n    <h3 ref=\"graph2\">\r\n      MagicGraph | Slope & Intercept of a Straight Line\r\n    </h3>\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    const title = 'Straight Line';\r\n    this.$store.commit('navigation/changeTitle', title);\r\n    this.$store.commit('navigation/changeMenu', title);\r\n    const 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    const newMath =true;\r\n    this.$store.commit('navigation/replaceMath', newMath);\r\n    const newshowhome = false;\r\n    this.$store.commit('navigation/toggleshowhome', newshowhome);\r\n    const newLeftArrow =true;\r\n    this.$store.commit('navigation/replaceLeftArrow', newLeftArrow);\r\n    const 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    Boxes.box2();\r\n  },\r\n  metaInfo() {\r\n  return{ title: 'Lines',\r\n          //titleTemplate: '%s - Learn interactively',\r\n          meta: [ {vmid: 'viewport', name: 'viewport', content: 'width=device-width, initial-scale=1'},\r\n                  {vmid: 'description', name: 'description', content: 'Learn interactively about lines.'}\r\n                ]\r\n        }\r\n   },\r\n}\r\n</script>\r\n\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!./Line.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!./Line.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Line.vue?vue&type=template&id=3d6b82e8&\"\nimport script from \"./Line.vue?vue&type=script&lang=js&\"\nexport * from \"./Line.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Line.vue?vue&type=style&index=0&id=3d6b82e8&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!./Line.vue?vue&type=style&index=0&id=3d6b82e8&prod&lang=scss&\""],"sourceRoot":""}