{"version":3,"sources":["webpack:///./node_modules/core-js/modules/es6.math.sign.js","webpack:///./src/components/mathematics/Math9thGrade/coord/Lesson-1/Lesson.vue","webpack:///./src/components/mathematics/Math9thGrade/coord/Lesson-1/Boxes.js","webpack:///src/components/mathematics/Math9thGrade/coord/Lesson-1/Lesson.vue","webpack:///./src/components/mathematics/Math9thGrade/coord/Lesson-1/Lesson.vue?5b86","webpack:///./src/components/mathematics/Math9thGrade/coord/Lesson-1/Lesson.vue?89a1","webpack:///./node_modules/core-js/modules/_math-sign.js"],"names":["$export","S","sign","staticClass","class","_vm","$vuetify","_c","staticStyle","ref","attrs","staticRenderFns","render","Boxes","box1","JXG","Options","board","minimizeReflow","brd1","JSXGraph","initBoard","boundingbox","keepaspectratio","axis","ticks","visible","grid","showCopyright","showNavigation","pan","enabled","zoom","point","highlight","image","text","fixed","curve","cssDefaultStyle","options","layer","showInfoBox","makeResponsive","placeTitle","placeLogo","i","pts","create","name","size","canvasHeight","fillColor","strokeColor","strokeWidth","snapToGrid","shadow","prev","placeUndo","setAttribute","sover","placeStartOver","on","moveTo","next","placeRedo","X","Math","Y","display","anchorX","anchorY","fontSize","cssStyle","placeLeftText","color","toFixed","anchorx","dash","withLabel","label","position","created","_this","$store","commit","title","newTopics","img","action","goto","mounted","MathJax","Hub","Queue","metaInfo","titleTemplate","meta","content","component","module","exports","x"],"mappings":"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","file":"js/chunk-340aa4b2.8f85f931.js","sourcesContent":["// 20.2.2.28 Math.sign(x)\nvar $export = require('./_export');\n\n$export($export.S, 'Math', { sign: require('./_math-sign') });\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"font-weight-light\",class:{'pa-5 headline': _vm.$vuetify.breakpoint.lgAndUp,'pa-2 subtitle-1': _vm.$vuetify.breakpoint.mdOnly, 'pa-1 body-2': _vm.$vuetify.breakpoint.smAndDown}},[_c('div',{staticClass:\"font-weight-medium\",class:{'display-1': _vm.$vuetify.breakpoint.lgAndUp,'headline': _vm.$vuetify.breakpoint.mdOnly, 'subheading': _vm.$vuetify.breakpoint.smAndDown}},[_c('span',{staticStyle:{\"font-family\":\"Oswald\"}},[_vm._v(\" Coordinates of a Point\")])]),_c('div',{ref:\"ia\",staticStyle:{\"margin-top\":\"20px\"}}),_vm._v(\"\\n    The position of any object lying in a plane\\n    can be represented by its distance from two perpendicular axes (lines). These axes are called coordinate axes, and the distances from these two axes used in specifying the location of\\n    the object are called its coordinates.\"),_c('br'),_c('br'),_vm._v(\"\\n    The coordinates of a point in a plane is represented by a pair of numbers ( x , y ). The x value represents the horizontal location, while y represents the vertical location.\"),_c('br'),_c('br'),_vm._v(\"\\n    These coordinates are measured in relation to a central point called the origin. The coordinates of the origin are (0, 0).\\n    \"),_c('br'),_c('br'),_vm._v(\" Positive x-coordinates are to the right of the origin, and negative x-coordinates are to the left. Positive y-coordinates are above the origin, and negative y-coordinates are below.\"),_c('br'),_c('br'),_vm._v(\"\\n    Let's take an example.Consider a point with coordinates (5,2). This point would be located 5 units to the right and 2 units above the origin. Similarly, a point with coordinates (3, -4) would be located 3 units to the right and 4 units below the origin.\\n    \"),_c('div',{staticStyle:{\"margin-top\":\"20px\"}}),_c('div',{staticClass:\"font-weight-medium\",class:{'display-1': _vm.$vuetify.breakpoint.lgAndUp,'headline': _vm.$vuetify.breakpoint.mdOnly, 'subheading': _vm.$vuetify.breakpoint.smAndDown}},[_c('span',{staticStyle:{\"font-family\":\"Oswald\"}},[_vm._v(\" Learn Interactively | Coordinates of a Point\")])]),_c('div',{staticStyle:{\"margin-top\":\"20px\"}}),_c('h5',[_vm._v(\" Session Objectives \")]),_c('div',{staticStyle:{\"margin-top\":\"10px\"}}),_vm._v(\"\\n    Shown on the graph below is a point named P. You will learn to find the coordinates of point P using a step by step approach.\\n    \"),_c('div',{staticStyle:{\"margin-top\":\"10px\"}}),_c('h5',[_vm._v(\" Getting Started \")]),_c('div',{staticStyle:{\"margin-top\":\"10px\"}}),_vm._v(\"\\n    Point P is draggable. Start by placing the point P at a location of your choice.\\n    Then, use the navigation icons at the bottom of the graph to learn how to determine the coordinates of this point in a step by step fashion. Tap on the \"),_c('i',{staticClass:\"next ma-1\"}),_vm._v(\" icon to go to one step forward.Tap on the \"),_c('i',{staticClass:\"next ma-1\"}),_vm._v(\" icon to go to one step backward.\"),_c('br'),_c('br'),_vm._v(\"\\n    Once done, you can move the point around and see how its coordinates change in real time. To practice with a new point position, simply tap on the \"),_c('i',{staticClass:\"shuffler ma-1\"}),_vm._v(\" icon to shuffle the point position. Tap on the \"),_c('i',{staticClass:\"undoer ma-1\"}),_vm._v(\" icon to start over.\\n  \")]),_c('div',{ref:\"ib\",staticStyle:{\"margin-top\":\"10px\"}}),_c('v-responsive',[_c('v-layout',{attrs:{\"justify-center\":\"\"}},[_c('div',{staticClass:\"edliy-box-about\",attrs:{\"id\":\"jxgbox1\"}})]),_c('v-layout',{attrs:{\"justify-center\":\"\"}},[_c('h5',{staticClass:\"edliy-text-about\"},[_vm._v(\"\\n        How to Play: Drag point \"),_c('i',[_vm._v(\"P\")]),_vm._v(\" at a location of your choice. Then use the navigation icons \"),_c('i',{staticClass:\"next ma-1\"}),_vm._v(\" and \"),_c('i',{staticClass:\"previous ma-1\"}),_vm._v(\" to follow the steps to determine P's coordinates.\\n      \")])])],1)],1)\n}\nvar staticRenderFns = []\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    placeEraseLeft,\r\n    placeStat,\r\n    placeLabel,\r\n    placeTapeHori,\r\n    placeTapeVert,\r\n    toggle,\r\n    placeText,\r\n    placeGo,\r\n    placeStartOver\r\n} from '../../Utils';\r\nconst Boxes = {\r\n  box1: function () {\r\n  JXG.Options.board.minimizeReflow = 'none';\r\n  var brd1 = JXG.JSXGraph.initBoard('jxgbox1',{boundingbox: [-10, 10, 10, -10], keepaspectratio: true, axis:false, ticks:{visible:false},\r\n  grid:true, showCopyright:false, showNavigation:false,\r\n  pan:{enabled:false}, zoom:{enabled:false}});\r\n///////////////////////////////OPTIONS/////////////////////////////\r\nJXG.Options.board.minimizeReflow = 'none';\r\nJXG.Options.point.highlight=false;\r\nJXG.Options.image.highlight=false;\r\nJXG.Options.text.highlight=false;\r\nJXG.Options.text.fixed=true;\r\nJXG.Options.curve.highlight=false;\r\nJXG.Options.text.cssDefaultStyle='fontFamily:Oswald;'\r\n////////////////////////////////LAYERING////////////////////////////////\r\nbrd1.options.layer['image'] =12;\r\nbrd1.options.layer['circle'] =13;\r\nbrd1.options.layer['chart'] =14;\r\nbrd1.options.layer['sector'] =15;\r\nbrd1.options.layer['line'] =15;\r\nbrd1.options.layer['point'] =20;\r\nbrd1.options.point.showInfoBox=false;\r\n//////////////////////////////BASICS/////////////////////\r\nmakeResponsive(brd1);\r\nplaceTitle(brd1, 'Coordinates of a Point', '');\r\nplaceLogo(brd1);\r\n///////////////////////////////////BUTTONS//////////////////////\r\n//var analytics =placeGo(brd1, 'left');\r\n//var erase =placeTest(brd1);\r\nvar xp =3;\r\nvar yp =4;\r\n/////////////////////////////////CONTROLLERS////////////////////////////\r\nvar i=0;\r\n////////////////////////////////////////////////////////////////////////\r\nvar pts = brd1.create('point', [3, 4], {name:'', highlight:false, size:function(){return 4*brd1.canvasHeight/800}, fillColor:'orange', strokeColor:'black', strokeWidth:2, visible:true, snapToGrid:true, shadow:false});\r\n//\r\nvar prev =placeUndo(brd1,'left');\r\nprev.setAttribute({visible:()=>i>0});\r\nvar sover=placeStartOver(brd1, 'right');\r\nsover.setAttribute({visible:()=>i==3});\r\nsover.on('down',function(){pts.moveTo([3,4]);i=0});\r\nvar next =placeRedo(brd1);\r\nnext.setAttribute({visible:()=>i<3});\r\nprev.on('down',function(){if(i>0){i-=1}else{i=0}});\r\nnext.on('down',function(){if(i<3){i+=1}else{i=3}});\r\n//\r\nbrd1.create('text', [()=>pts.X()+Math.sign(pts.X())*0.35, ()=>pts.Y()+Math.sign(pts.Y())*0.35, 'P (Drag me)'], {display:'internal', anchorX:()=>pts.X()>=0?'left':'right', anchorY:()=>'middle',fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald;fontWeight:bold'});\r\n//\r\nplaceLeftText(brd1, -9, 7.5, 'Distance along x-axis').setAttribute({color:'blue', visible:()=>i>=1});\r\n//\r\nbrd1.create('text', [-9, 6.5, function(){return 'x = ' +(pts.X()).toFixed(2) + ' units';}], {visible:()=>i>=1, anchorx:'left',display:'internal',fixed:true, fontSize:function(){return 20*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n//\r\nplaceLeftText(brd1, -9, 5.5, 'Distance along y-axis').setAttribute({color:'blue', visible:()=>i>=2});\r\n//\r\nplaceLeftText(brd1, -9, 3.5, 'Coordinates of Point P').setAttribute({color:'blue', visible:()=>i>=3});\r\n//\r\nbrd1.create('text', [-9, 2.5, ()=>'P = ( x, y ) = ( '+(pts.X()).toFixed(0)+' , '+(pts.Y()).toFixed(0)+' )'], {visible:()=>i>=3, anchorx:'left',display:'internal',fixed:true, fontSize:function(){return 20*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n//\r\nbrd1.create('text', [-9,4.5, function(){return 'y = ' +(pts.Y()).toFixed(2) + ' units';}], {visible:()=>i>=2, anchorx:'left',display:'internal',fixed:true, fontSize:function(){return 20*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n//////////////////////////////////////////////////////\r\nvar xcord=brd1.create('segment', [[0, ()=>pts.Y()], [()=>pts.X(), ()=>pts.Y()]],{visible:()=>i>=1, dash:1, strokeWidth:2, strokeColor:'black'});\r\n//\r\nbrd1.create('text', [()=>pts.X()/2., ()=>pts.Y()+Math.sign(pts.Y())*0.5, ()=>''+(pts.X()).toFixed(0)+' units'], {visible:()=>i>=1, display:'internal', anchorX:'middle', anchorY:()=>'middle',fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald;fontWeight:bold'});\r\n//\r\nvar ycord=brd1.create('segment', [[()=>pts.X(), 0],[()=>pts.X(), ()=>pts.Y()]],{visible:()=>i>=2, dash:1, strokeWidth:2, strokeColor:'black'});\r\n//\r\nbrd1.create('text', [()=>pts.X()+Math.sign(pts.X())*0.25, ()=>pts.Y()/2, ()=>''+(pts.Y()).toFixed(0)+' units'], {visible:()=>i>=2, display:'internal', anchorX:()=>pts.X()>=0?'left':'right', anchorY:'middle', fixed:true, fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald;fontWeight:bold'});\r\n//\r\nbrd1.create('axis', [[0,0],[0,4]],{highlight:false, strokeColor:'grey', strokeWidth:2, name:'y', withLabel:true, label:{position:'urt',fontSize:function(){return 24*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'}});\r\n//\r\nbrd1.create('axis', [[0,0],[4,0]],{highlight:false, strokeColor:'grey', strokeWidth:2, name:'x', withLabel:true, label:{position:'urt', fontSize:function(){return 24*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'}});\r\n    },\r\n}\r\nexport default Boxes;\r\n","<template>\r\n  <div>\r\n    <div\r\n      class=\" font-weight-light\"\r\n      :class=\"{'pa-5 headline': $vuetify.breakpoint.lgAndUp,'pa-2 subtitle-1': $vuetify.breakpoint.mdOnly, 'pa-1 body-2': $vuetify.breakpoint.smAndDown}\"\n    >\r\n      <div class=\"font-weight-medium\"\r\n           :class=\"{'display-1': $vuetify.breakpoint.lgAndUp,'headline': $vuetify.breakpoint.mdOnly, 'subheading': $vuetify.breakpoint.smAndDown}\"\r\n      >\r\n        <span style=\"font-family:Oswald\"> Coordinates of a Point</span>\r\n      </div>\r\n      <div ref=\"ia\" style=\"margin-top: 20px\" />\r\n      The position of any object lying in a plane\r\n      can be represented by its distance from two perpendicular axes (lines). These axes are called coordinate axes, and the distances from these two axes used in specifying the location of\r\n      the object are called its coordinates.<br><br>\r\n      The coordinates of a point in a plane is represented by a pair of numbers ( x , y ). The x value represents the horizontal location, while y represents the vertical location.<br><br>\r\n      These coordinates are measured in relation to a central point called the origin. The coordinates of the origin are (0, 0).\r\n      <br><br> Positive x-coordinates are to the right of the origin, and negative x-coordinates are to the left. Positive y-coordinates are above the origin, and negative y-coordinates are below.<br><br>\r\n      Let's take an example.Consider a point with coordinates (5,2). This point would be located 5 units to the right and 2 units above the origin. Similarly, a point with coordinates (3, -4) would be located 3 units to the right and 4 units below the origin.\r\n      <div style=\"margin-top: 20px\" />\r\n      <div class=\"font-weight-medium\"\r\n           :class=\"{'display-1': $vuetify.breakpoint.lgAndUp,'headline': $vuetify.breakpoint.mdOnly, 'subheading': $vuetify.breakpoint.smAndDown}\"\r\n      >\r\n        <span style=\"font-family:Oswald\"> Learn Interactively | Coordinates of a Point</span>\r\n      </div>\r\n      <div style=\"margin-top: 20px\" />\r\n      <h5> Session Objectives </h5>\r\n      <div style=\"margin-top: 10px\" />\r\n      Shown on the graph below is a point named P. You will learn to find the coordinates of point P using a step by step approach.\r\n      <div style=\"margin-top: 10px\" />\r\n      <h5> Getting Started </h5>\r\n      <div style=\"margin-top: 10px\" />\r\n      Point P is draggable. Start by placing the point P at a location of your choice.\r\n      Then, use the navigation icons at the bottom of the graph to learn how to determine the coordinates of this point in a step by step fashion. Tap on the <i class=\"next ma-1\" /> icon to go to one step forward.Tap on the <i class=\"next ma-1\" /> icon to go to one step backward.<br><br>\r\n      Once done, you can move the point around and see how its coordinates change in real time. To practice with a new point position, simply tap on the <i class=\"shuffler ma-1\" /> icon to shuffle the point position. Tap on the <i class=\"undoer ma-1\" /> icon to start over.\r\n    </div>\r\n    <div ref=\"ib\" style=\"margin-top: 10px\" />\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-layout justify-center>\r\n        <h5 class=\"edliy-text-about\">\n          How to Play: Drag point <i>P</i> at a location of your choice. Then use the navigation icons <i class=\"next ma-1\" /> and <i class=\"previous ma-1\" /> to follow the steps to determine P's coordinates.\n        </h5>\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: 'CoordinatesPoint',\r\n  created: function () {\r\n    this.$store.commit('navigation/resetState');\r\n    let title = 'Coordinates of a Point';\r\n    this.$store.commit('navigation/changeTitle', title);\r\n    this.$store.commit('navigation/changeMenu', title);\r\n    let newTopics = [\r\n      {title: 'Coordinates of Point',img:'/assets/number-1.svg', action:()=>this.goto('ia')},\r\n      {title: 'Interactive Session', img:'/assets/number-2.svg', action:() => this.goto('ib')},\r\n    ];\r\n    this.$store.commit('navigation/replaceTopics', newTopics);\r\n    this.$store.commit('navigation/toggleshowhome', false);\r\n    this.$store.commit('navigation/replaceMath', true);\r\n    this.$store.commit('navigation/replaceLeftArrow', true);\r\n    this.$store.commit('navigation/replaceModule', true);\r\n    this.$store.commit('navigation/replaceSample', true);\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: 'Coordinate Geometry',\r\n          titleTemplate: '%s | Lesson 1',\r\n          meta: [ {name: 'viewport', content: 'width=device-width, initial-scale=1'},\r\n                  {name: 'description', content: 'Lesson on coordinate goemetry'}\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=820ec27a&\"\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","// 20.2.2.28 Math.sign(x)\nmodule.exports = Math.sign || function sign(x) {\n  // eslint-disable-next-line no-self-compare\n  return (x = +x) == 0 || x != x ? x : x < 0 ? -1 : 1;\n};\n"],"sourceRoot":""}