{"version":3,"sources":["webpack:///./src/components/mathematics/Math9thGrade/coord/SubtopicMenu.vue?ac2e","webpack:///./src/components/mathematics/Math9thGrade/coord/SubtopicMenu.vue","webpack:///./src/components/mathematics/Math9thGrade/coord/Boxes.js","webpack:///src/components/mathematics/Math9thGrade/coord/SubtopicMenu.vue","webpack:///./src/components/mathematics/Math9thGrade/coord/SubtopicMenu.vue?d8e4","webpack:///./src/components/mathematics/Math9thGrade/coord/SubtopicMenu.vue?cbb5","webpack:///./src/views/SubTopics.vue?0e4a","webpack:///./src/views/SubTopics.vue","webpack:///src/views/SubTopics.vue","webpack:///./src/views/SubTopics.vue?bf9a","webpack:///./src/views/SubTopics.vue?89da"],"names":["staticClass","class","$vuetify","breakpoint","lgAndUp","mdOnly","staticStyle","_vm","_c","_defineProperty","attrs","_v","_l","topics","key","staticRenderFns","Boxes","box1","JXG","Options","board","minimizeReflow","brd2","JSXGraph","initBoard","boundingbox","keepaspectratio","axis","ticks","visible","grid","showCopyright","showNavigation","pan","enabled","zoom","options","layer","point","showInfoBox","placeLogo","makeResponsive","placeTitle","create","highlight","anchorX","anchorY","CssStyle","fontSize","Math","round","canvasWidth","fixed","pts","name","size","canvasHeight","fillColor","strokeColor","strokeWidth","snapToGrid","shadow","i","X","Y","dash","display","cssStyle","rotate","toFixed","anchorx","hand","on","setAttribute","withLabel","label","position","components","SubtopicCard","data","headline","img","path","created","_this","$store","commit","newTopics","title","action","goto","mounted","MathJax","Hub","Queue","metaInfo","titleTemplate","meta","content","component","scopedSlots","fn","_ref","hover","props","type","String","default","required","description"],"mappings":"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","file":"js/chunk-3f22573f.1ebfd278.js","sourcesContent":["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!./SubtopicMenu.vue?vue&type=style&index=0&id=4f272031&prod&scoped=true&lang=scss&\"","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(\" Introduction\")])]),_c('div',{ref:\"ia\",staticStyle:{\"margin-top\":\"20px\"}}),_c('span',{staticClass:\"subhead\"},[_vm._v(\"A\")]),_vm._v(\"  coordinate system is a means of specifying the position of an object.\\n    For example, imagine a billiards table, and consider a ball on this table.\\n    Now, if someone asks you to specify the location of the ball, how would you do this?\\n    \"),_c('div',{staticStyle:{\"margin-top\":\"20px\"}}),_vm._v(\"\\n    You could say — the ball is located in the lower half of the table.\\n    \"),_c('div',{staticStyle:{\"margin-top\":\"20px\"}}),_vm._v(\"\\n    Or, it is near the left edge of the board.\\n    \"),_c('div',{staticStyle:{\"margin-top\":\"20px\"}}),_vm._v(\"\\n    Or, the ball is located at the lower left corner of the table.\\n    \"),_c('div',{staticStyle:{\"margin-top\":\"20px\"}}),_vm._v(\"\\n    However, none of these statements describe the position of the ball precisely.\\n    \"),_c('div',{staticStyle:{\"margin-top\":\"10px\"}}),_c('v-layout',{attrs:{\"align-center\":\"\",\"justify-center\":\"\",\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{staticClass:\"font-weight-light\",class:{'headline': _vm.$vuetify.breakpoint.lgAndUp,'body-2': _vm.$vuetify.breakpoint.mdOnly, 'body-2': _vm.$vuetify.breakpoint.smAndDown},attrs:{\"xs12\":\"\",\"sm8\":\"\",\"md8\":\"\",\"lg8\":\"\",\"xl8\":\"\"}},[_vm._v(\"\\n        Now, if you say — the ball is 18 inches away from the left edge, it gives\\n        a better idea of the location of the ball but\\n        still does not fix the position of the ball. \"),_c('br'),_c('br'),_vm._v(\" However, if you say the ball\\n        is located at 18 inches from the left edge and 12 inches from the bottom edge, it completely\\n        specifies the location of the ball on the table. \"),_c('br'),_c('br'),_vm._v(\" You may have noticed that the ball on the table can be located\\n        by specifying its distances from two perpendicular lines — the left edge of the table, and the bottom edge of the paper.\\n        \"),_c('br'),_c('br'),_vm._v(\"\\n        French philosopher and mathematician René Déscartes was the first to develop the idea of using a set of perpendicular lines (or axes) to specify the location of an object.\"),_c('br'),_c('br'),_vm._v(\"\\n        This idea, although very simple, has given rise to a very important\\n        branch of Mathematics known as Coordinate Geometry.\"),_c('br'),_c('br'),_vm._v(\"\\n        In this chapter, we will introduce some basic concepts of coordinate geometry.\\n        \"),_c('div',{staticStyle:{\"margin-top\":\"20px\"}})]),_c('v-flex',{attrs:{\"xs12\":\"\",\"sm4\":\"\",\"md4\":\"\",\"lg4\":\"\",\"xl4\":\"\"}},[_c('v-img',{staticClass:\"imgC\",attrs:{\"padding\":\"0px\",\"max-height\":\"500px\",\"max-width\":\"500px\",\"src\":\"/assets/Rene.jpg\",\"contain\":\"\"}}),_c('br'),_c('h5',{staticStyle:{\"text-align\":\"start\"}},[_vm._v(\"\\n          French philosopher and mathematician René Déscartes developed the idea of using a set of two perpendicular lines to describe the position of a point.\\n        \")])],1)],1),_c('div',{ref:\"ib\",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(\" Lesson Plan\")])]),_c('div',{staticStyle:{\"margin-top\":\"20px\"}}),_c('div',{staticClass:\"font-weight-light\",class:{'headline': _vm.$vuetify.breakpoint.lgAndUp,'body-2': _vm.$vuetify.breakpoint.mdOnly, 'body-2': _vm.$vuetify.breakpoint.smAndDown}},[_vm._v(\"\\n      This chapter on coordinate system consists of three lessons. Each lesson comes with a visually interactive MagicGraph that offers students a uniquely engaging and effective learning experience.\\n      \"),_c('div',{staticStyle:{\"margin-top\":\"10px\"}}),_c('h5',[_vm._v(\" Lesson 1 | Understanding Cartesian Plane \")]),_vm._v(\"\\n      In this lesson, you will learn about Cartesian plane.\\n      \"),_c('div',{staticStyle:{\"margin-top\":\"10px\"}}),_c('h5',[_vm._v(\" Lesson 2 | Plotting a Point on Cartesian Plane \")]),_vm._v(\"\\n      In this lesson, you will learn about plotting a point on the Cartesian plane from its coordinates.\\n      \"),_c('div',{staticStyle:{\"margin-top\":\"10px\"}}),_c('h5',[_vm._v(\" Lesson 3 | Finding Coordinates of a Point \")]),_vm._v(\"\\n      In this lesson, you will learn about find the coordinates of a point from its location on the Cartesian.\\n    \")])],1),_c('div',{staticStyle:{\"margin-top\":\"20px\"}}),_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        A coordinate system explained through the example of a billiards table.  The coordinates of the ball are measured relative to bottom (x-axis) and left (y-axis) edges of this table. You can move the ball on the billiards around and see its coordinates change.\\n      \")])])],1),_c('div',{staticStyle:{\"margin-top\":\"20px\"}}),_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',{staticStyle:{\"margin-top\":\"10px\"}}),_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(\" Let's get started\")])]),_c('div',{ref:\"ic\",staticStyle:{\"margin-top\":\"20px\"}}),_vm._v(\"\\n    Check out our library of meticulously crafted lessons on coordinate system. These specially designed lessons use visuo-spatiality and interactivity to help students improve engagement and retain concepts.\\n    \"),_c('div',{staticStyle:{\"margin-top\":\"20px\"}}),_c('v-container',{attrs:{\"grid-list-xl\":\"\",\"text-xs-center\":\"\"}},[_c('v-layout',{attrs:{\"align-center\":\"\",\"justify-center\":\"\",\"row\":\"\"}},_vm._l((_vm.topics),function(topic){return _c('v-flex',{key:topic.key,attrs:{\"xs12\":\"\",\"sm12\":\"\",\"md12\":\"\",\"lg12\":\"\",\"xl12\":\"\"}},[_c('subtopic-card',{attrs:{\"headline\":topic.headline,\"subheading\":topic.subheading,\"subsubheading\":topic.subsubheading,\"description\":topic.description,\"img\":topic.img,\"path\":topic.path}})],1)}),1)],1),_c('br'),_c('br'),_c('br')],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 brd2 = JXG.JSXGraph.initBoard('jxgbox1',{boundingbox: [-2, 13, 13, -2], 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\tbrd2.options.layer['point']=14;\r\n  brd2.options.point.showInfoBox=false;\r\n  placeLogo(brd2);\r\n  makeResponsive(brd2);\r\n  placeTitle(brd2, 'Coordinate System');\r\n//  brd2.options.layer['image']=13;\r\n//  brd2.options.layer['axis']=12;\r\nbrd2.create('text', [5.5, 11.5, 'Place the ball in a pockets to determine its coordinates'],{highlight:false, anchorX:'middle',anchorY:'middle', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(20*brd2.canvasWidth/800.)}, fixed:true});\r\n//\r\nbrd2.create('image', ['/assets/billiardsT.svg', [-1.85,-0.55], [10.75,11.08]], {visible: true, fixed: true, highlight:false});\r\n//\r\nvar pts = brd2.create('point', [3.5, 2.5], {name:'', highlight:false, size:function(){return 14*brd2.canvasHeight/800}, fillColor:'orange', strokeColor:'black', strokeWidth:1, visible:true, snapToGrid:true, shadow:true});\r\nvar i=0;\r\nvar xcord=brd2.create('segment', [[()=>pts.X(), ()=>pts.Y()], [0, ()=>pts.Y()]],{visible:()=>i==0, dash:1, strokeWidth:1, strokeColor:'black'});\r\nvar ycord=brd2.create('segment', [[()=>pts.X(), ()=>pts.Y()], [()=>pts.X(), 0]],{visible:()=>i==0, dash:1, strokeWidth:1, strokeColor:'black'});\r\n\r\nbrd2.create('text', [3, -1, 'Bottom Edge'], {display:'internal', anchorX:'middle', fixed:true, fontSize:function(){return 22*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald;fontWeight:bold'});\r\nbrd2.create('text', [-1, 5, 'Left Edge'], {rotate:90, display:'internal', anchorX:'middle', fixed:true, fontSize:function(){return 22*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald;fontWeight:bold'});\r\n\r\nbrd2.create('text', [10, 9.5, function(){return '' +(pts.X()).toFixed(2) + ' units right to the left edge';}], {anchorx:'middle',display:'internal',fixed:true, fontSize:function(){return 20*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n\r\nbrd2.create('text', [10, 8.5, '&'], {anchorx:'middle',display:'internal',fixed:true, fontSize:function(){return 20*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n//\r\nbrd2.create('text', [10,7.5, function(){return '' +(pts.Y()).toFixed(2) + ' units above the bottom edge';}], {anchorx:'middle',display:'internal',fixed:true, fontSize:function(){return 20*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n//\r\nbrd2.create('text', [10,5.5, function(){return 'Coordinates = (' + (pts.X()).toFixed(2) + ' , ' + (pts.Y()).toFixed(2)+')';}], {anchorx:'middle',display:'internal',fixed:true, fontSize:function(){return 20*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n//\r\nvar hand = brd2.create('image', ['/assets/hands.svg', [function(){return pts.X()-1;}, function(){return pts.Y()-0.85;}], [1.25,1.25]], {highlight:false, visible:false});\r\npts.on('over', function(){hand.setAttribute({visible:true});});\r\npts.on('down', function(){i=1});\r\npts.on('out', function(){hand.setAttribute({visible:false});});\r\npts.on('up', function(){i=0});\r\nbrd2.create('text', [()=>pts.X()/2., ()=>pts.Y()+0.5, ()=>''+(pts.X()).toFixed(0)+' units'], {visible:()=>i==0, display:'internal', anchorX:'middle', anchorY:'bottom', fixed:true, fontSize:function(){return 18*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald;fontWeight:bold'});\r\nbrd2.create('text', [()=>pts.X()+0.5, ()=>pts.Y()/2, ()=>''+(pts.Y()).toFixed(0)+' units'], {visible:()=>i==0, display:'internal', anchorX:'left', anchorY:'bottom', fixed:true, fontSize:function(){return 18*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald;fontWeight:bold'});\r\n\r\nbrd2.create('axis', [[0,0],[0,4]],{highlight:false, strokeColor:'grey', strokeWidth:2, name:'y', withLabel:true, label:{position:'urt',fontSize:function(){return 24*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'}});\r\nbrd2.create('axis', [[0,0],[4,0]],{highlight:false, strokeColor:'grey', strokeWidth:2, name:'x', withLabel:true, label:{position:'lrt', fontSize:function(){return 24*brd2.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\"> Introduction</span>\r\n      </div>\r\n      <div ref=\"ia\" style=\"margin-top: 20px\" />\r\n      <span class=\"subhead\">A</span>  coordinate system is a means of specifying the position of an object.\r\n      For example, imagine a billiards table, and consider a ball on this table.\r\n      Now, if someone asks you to specify the location of the ball, how would you do this?\r\n      <div style=\"margin-top: 20px\" />\r\n      You could say &mdash; the ball is located in the lower half of the table.\r\n      <div style=\"margin-top: 20px\" />\r\n      Or, it is near the left edge of the board.\r\n      <div style=\"margin-top: 20px\" />\r\n      Or, the ball is located at the lower left corner of the table.\r\n      <div style=\"margin-top: 20px\" />\r\n      However, none of these statements describe the position of the ball precisely.\r\n      <div style=\"margin-top: 10px\" />\r\n      <v-layout align-center\n                justify-center\n                row\n                wrap\n      >\r\n        <v-flex xs12\n                sm8\n                md8\n                lg8\n                xl8\n                class=\"font-weight-light\"\r\n                :class=\"{'headline': $vuetify.breakpoint.lgAndUp,'body-2': $vuetify.breakpoint.mdOnly, 'body-2': $vuetify.breakpoint.smAndDown}\"\r\n        >\r\n          Now, if you say &mdash; the ball is 18 inches away from the left edge, it gives\r\n          a better idea of the location of the ball but\r\n          still does not fix the position of the ball. <br><br> However, if you say the ball\r\n          is located at 18 inches from the left edge and 12 inches from the bottom edge, it completely\r\n          specifies the location of the ball on the table. <br><br> You may have noticed that the ball on the table can be located\r\n          by specifying its distances from two perpendicular lines &mdash; the left edge of the table, and the bottom edge of the paper.\r\n          <br><br>\r\n          French philosopher and mathematician René Déscartes was the first to develop the idea of using a set of perpendicular lines (or axes) to specify the location of an object.<br><br>\r\n          This idea, although very simple, has given rise to a very important\r\n          branch of Mathematics known as Coordinate Geometry.<br><br>\r\n          In this chapter, we will introduce some basic concepts of coordinate geometry.\r\n          <div style=\"margin-top: 20px\" />\r\n        </v-flex>\r\n        <v-flex xs12\n                sm4\n                md4\n                lg4\n                xl4\n        >\n          <v-img class=\"imgC\"\r\n                 padding=\"0px\"\r\n                 max-height=\"500px\"\r\n                 max-width=\"500px\"\r\n                 src=\"/assets/Rene.jpg\"\r\n                 contain\r\n          />\r\n          <br>\r\n          <h5 style=\"text-align:start\">\r\n            French philosopher and mathematician René Déscartes developed the idea of using a set of two perpendicular lines to describe the position of a point.\r\n          </h5>\r\n        </v-flex>\r\n      </v-layout>\r\n      <div ref=\"ib\" 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\"> Lesson Plan</span>\r\n      </div>\r\n      <div style=\"margin-top: 20px\" />\r\n      <div class=\"font-weight-light\"\r\n           :class=\"{'headline': $vuetify.breakpoint.lgAndUp,'body-2': $vuetify.breakpoint.mdOnly, 'body-2': $vuetify.breakpoint.smAndDown}\"\r\n      >\r\n        This chapter on coordinate system consists of three lessons. Each lesson comes with a visually interactive MagicGraph that offers students a uniquely engaging and effective learning experience.\r\n        <div style=\"margin-top: 10px\" />\r\n        <h5> Lesson 1 | Understanding Cartesian Plane </h5>\r\n        In this lesson, you will learn about Cartesian plane.\r\n        <div style=\"margin-top: 10px\" />\r\n        <h5> Lesson 2 | Plotting a Point on Cartesian Plane </h5>\r\n        In this lesson, you will learn about plotting a point on the Cartesian plane from its coordinates.\r\n        <div style=\"margin-top: 10px\" />\r\n        <h5> Lesson 3 | Finding Coordinates of a Point </h5>\r\n        In this lesson, you will learn about find the coordinates of a point from its location on the Cartesian.\r\n      </div>\r\n    </div>\r\n    <div style=\"margin-top: 20px\" />\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          A coordinate system explained through the example of a billiards table.  The coordinates of the ball are measured relative to bottom (x-axis) and left (y-axis) edges of this table. You can move the ball on the billiards around and see its coordinates change.\n        </h5>\r\n      </v-layout>\r\n    </v-responsive>\r\n    <div style=\"margin-top: 20px\" />\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 style=\"margin-top: 10px\" />\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\"> Let's get started</span>\r\n      </div>\r\n      <div ref=\"ic\" style=\"margin-top: 20px\" />\r\n      Check out our library of meticulously crafted lessons on coordinate system. These specially designed lessons use visuo-spatiality and interactivity to help students improve engagement and retain concepts.\r\n      <div style=\"margin-top: 20px\" />\r\n      <v-container grid-list-xl text-xs-center>\r\n        <v-layout\r\n          align-center\r\n          justify-center\r\n          row\r\n        >\r\n          <v-flex v-for=\"topic in topics\"\r\n                  :key=\"topic.key\"\r\n                  xs12\r\n                  sm12\r\n                  md12\r\n                  lg12\r\n                  xl12\r\n          >\r\n            <subtopic-card\r\n              :headline=\"topic.headline\"\r\n              :subheading=\"topic.subheading\"\r\n              :subsubheading=\"topic.subsubheading\"\r\n              :description=\"topic.description\"\r\n              :img=\"topic.img\"\r\n              :path=\"topic.path\"\r\n            />\r\n          </v-flex>\r\n        </v-layout>\r\n      </v-container>\r\n      <br>\r\n      <br>\r\n      <br>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport Boxes from './Boxes.js'\r\nimport SubtopicCard from '../../../../views/SubTopics.vue'\r\nexport default {\r\n    name: 'Vectors',\r\n    components: {\r\n    SubtopicCard\r\n    },\r\n    data () {\r\n      return {\r\n      topics: [\r\n      {\r\n        headline: \"Lesson 1\",\r\n        img:\"/assets/Mathematics-6th.svg\",\r\n        path: \"/mathematics9th/coord/lesson-1\"\r\n      },\r\n      { headline: \"Lesson 2\",\r\n        img: \"/assets/Mathematics-7th.svg\",\r\n        path: \"/mathematics9th/coord/lesson-2\"\r\n      },\r\n      {\r\n       headline: \"Lesson 3\",\r\n       img: \"/assets/Mathematics-8th.svg\",\r\n       path: \"/mathematics9th/coord/lesson-3\"\r\n     }\r\n      ]\r\n    }\r\n  },\r\n    created () {\r\n      this.$store.commit('navigation/resetState');\r\n      this.$store.commit('navigation/changeTitle', 'Coordinate System');\r\n      this.$store.commit('navigation/changeMenu', 'Coordinate System');\r\n      let newTopics = [\r\n        {title: 'Introduction', img:'/assets/wdice-1.svg', action: () => this.goto('ia') },\r\n        {title: 'Lesson Plan', img:'/assets/wdice-2.svg', action: () => this.goto('ib') },\r\n        {title: 'Get Started',img:'/assets/wdice-3.svg', action: () =>this.goto('ic')}\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  metaInfo() {\r\n      return{ title: 'Coordinate System',\r\n              titleTemplate: '%s | Learn interactively',\r\n              meta: [ {name: 'viewport', content: 'width=device-width, initial-scale=1'},\r\n                      {name: 'description', content: 'Learn interactively about coordinate systems.'}\r\n                    ]\r\n            }\r\n       }\r\n}\r\n</script>\r\n<style scoped lang=\"scss\">\r\n@import 'src/styles/subtopic-menu.scss';\r\n@import 'src/styles/edliy-box-about.scss';\r\n.subhead {\r\ncolor: #903;\r\nfloat: left;\r\nfont-family: Georgia;\r\nfont-size: 75px;\r\nline-height: 60px;\r\npadding-top: 4px;\r\npadding-right: 8px;}\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!./SubtopicMenu.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!./SubtopicMenu.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SubtopicMenu.vue?vue&type=template&id=4f272031&scoped=true&\"\nimport script from \"./SubtopicMenu.vue?vue&type=script&lang=js&\"\nexport * from \"./SubtopicMenu.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SubtopicMenu.vue?vue&type=style&index=0&id=4f272031&prod&scoped=true&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  \"4f272031\",\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!./SubTopics.vue?vue&type=style&index=0&id=5833d470&prod&scoped=true&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('router-link',{attrs:{\"to\":_vm.path}},[_c('v-container',{staticStyle:{\"padding\":\"0px\"},attrs:{\"grid-list-xs\":\"\",\"fluid\":\"\"}},[_c('v-layout',{staticClass:\"px-1\",attrs:{\"align-center\":\"\",\"justify-center\":\"\",\"row\":\"\"}},[_c('v-hover',{scopedSlots:_vm._u([{key:\"default\",fn:function({ hover }){return [_c('v-card',{staticClass:\"rounded-card\",attrs:{\"elevation\":hover ? 9:2,\"height\":\"auto\",\"max-width\":\"400px\",\"align\":\"center\",\"justify\":\"center\",\"contain\":\"\"}},[_c('h3',{staticClass:\"font-weight-bold mt-3 text-center\",staticStyle:{\"color\":\"black\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.headline)+\"\\n          \")]),_c('h6',{staticClass:\"text-center\",staticStyle:{\"color\":\"black\"}},[_vm._v(\"\\n            \\n          \")]),_c('v-divider',{staticClass:\"mt-2\",staticStyle:{\"color\":\"black\"}}),_c('v-img',{staticClass:\"mt-2 mb-2\",attrs:{\"src\":_vm.img,\"contain\":\"\"}})],1)]}}])})],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <router-link :to=\"path\">\r\n    <v-container style=\"padding:0px\" grid-list-xs fluid>\r\n      <v-layout\r\n        align-center\r\n        justify-center\r\n        row\r\n        class=\"px-1\"\r\n      >\r\n        <v-hover v-slot:default=\"{ hover }\">\r\n          <v-card class=\"rounded-card\"\r\n                  :elevation=\"hover ? 9:2\"\r\n                  height=\"auto\"\r\n                  max-width=\"400px\"\r\n                  align=\"center\"\r\n                  justify=\"center\"\r\n                  contain\r\n          >\r\n            <h3 style=\"color:black;\" class=\"font-weight-bold mt-3 text-center\">\r\n              {{ headline }}\r\n            </h3>\r\n            <h6 style=\"color:black;\" class=\"text-center\">\r\n             &nbsp;\r\n            </h6>\r\n            <v-divider style=\"color:black;\" class=\"mt-2\" />\r\n            <v-img\r\n              class=\"mt-2 mb-2\"\r\n              :src=\"img\"\r\n              contain\r\n            />\r\n          </v-card>\r\n        </v-hover>\r\n      </v-layout>\r\n    </v-container>\r\n  </router-link>\r\n</template>\r\n<script>\r\nexport default {\r\n  props: {\r\n    headline: {\r\n      type: String,\r\n      default: '',\r\n      required: true\r\n    },\r\n    description: {\r\n      type: String,\r\n      default: '',\r\n      required: false\r\n    },\r\n    img: {\r\n      type: String,\r\n      default: '',\r\n      required: false\r\n    },\r\n    path: {\r\n      type: String,\r\n      default: '',\r\n      required: true\r\n    },\r\n  }\r\n}\r\n</script>\r\n<style scoped lang=\"scss\">\r\n@import '@/styles/screen-sizes.scss';\r\n.rounded-card {\r\n  margin-top:auto;\r\n  margin-bottom:auto;\r\n  @include respond-to(less-smallest-screens) {height:52vw; width:30vw; border-radius: 4.5px; }\r\n  @include respond-to(smallest-screens) { height:40vw; width:28vw; border-radius: 4.5px; }\r\n  @include respond-to(small-screens) { height:44vw; width:29vw;border-radius: 5.5px;}\r\n  @include respond-to(medium-screens) { height:42vw; width:28vw;border-radius: 6.5px;}\r\n  @include respond-to(large-screens) { height: 32vw; width:22vw;border-radius: 7.5px;}\r\n  @include respond-to(largest-screens) { height:auto; width:15vw; border-radius: 8.5px;}\r\n}\r\n.thumbnail {\r\n  display: inline-block;\r\n  max-width: 100%; /* only this one important */\r\n  margin-bottom: 1rem;\r\n  border: solid 4px #fefefe;\r\n  border-radius: 3px;\r\n  box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);\r\n  line-height: 0; }\r\n.imgC{\r\n  justify:center;\r\n  align:center;\r\n  position:relative;\r\n  @include respond-to(less-smallest-screens) {height:60px; top:5px;}\r\n  @include respond-to(smallest-screens) {height:60px;top:6.5px;}\r\n  @include respond-to(small-screens) {height:70px;top:10px;}\r\n  @include respond-to(medium-screens) {height:80px;top:12px;}\r\n  @include respond-to(large-screens) {height: 140px;top:12px;}\r\n  @include respond-to(largest-screens) {height:150px;top:15px;}\r\n  padding-bottom:20px;\r\n  padding-top:30px;\r\n  }\r\n.subjects{\r\n  text-decoration: none;\r\n  font-family: Oswald;\r\n  display: inline-block;\r\n  text-align:center;\r\n  position:relative;\r\n  @include respond-to(less-smallest-screens) {font-size:2vw;padding-top:15px}\r\n  @include respond-to(smallest-screens) {font-size:2vw;padding-top:15px}\r\n  @include respond-to(small-screens) {font-size:3vw;padding-top:20px;}\r\n  @include respond-to(medium-screens) {font-size:2.0vw;padding-top:15px;}\r\n  @include respond-to(large-screens) {font-size:2.0vw;padding-top:15px;}\r\n  @include respond-to(largest-screens) {font-size:2.0vw; padding-top:20px;}\r\n  }\r\na {\r\n  text-decoration: none !important;\r\n}\r\n\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!./SubTopics.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!./SubTopics.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SubTopics.vue?vue&type=template&id=5833d470&scoped=true&\"\nimport script from \"./SubTopics.vue?vue&type=script&lang=js&\"\nexport * from \"./SubTopics.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SubTopics.vue?vue&type=style&index=0&id=5833d470&prod&scoped=true&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  \"5833d470\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}