{"version":3,"sources":["webpack:///./src/components/mathematics/Math6thGrade/expression2/Lesson.vue","webpack:///./src/components/mathematics/Math6thGrade/expression2/Boxes.js","webpack:///src/components/mathematics/Math6thGrade/expression2/Lesson.vue","webpack:///./src/components/mathematics/Math6thGrade/expression2/Lesson.vue?f4d6","webpack:///./src/components/mathematics/Math6thGrade/expression2/Lesson.vue?1dcd","webpack:///./src/components/mathematics/Math6thGrade/expression2/Lesson.vue?f28f"],"names":["ref","staticClass","_vm","_v","attrs","staticRenderFns","Boxes","box1","brd1","JXG","JSXGraph","initBoard","boundingbox","keepaspectratio","axis","ticks","visible","grid","showCopyright","showNavigation","pan","enabled","zoom","suspendUpdate","options","layer","placeTitle","placeLogo","placeRec","placeText","inp","placeInput","rght","placeImage","setAttribute","wrng","dollarPlus","dollarMinus","i","on","Math","max","placeMiddleText","m","bots","pos","name","_loop","n","placeTape","dash1","placeLine","dash2","dash3","dash0","create","display","highlight","fixed","anchorX","anchorY","color","cssStyle","fontSize","round","canvasWidth","CssStyle","analytics","placeShuffle","setLabel","label","alignX","offset","this","erase","placeTest","Value","unsuspendUpdate","created","_this","$store","commit","title","newTopics","img","action","goto","newshowhome","newMath","newLeftArrow","newModule","mounted","MathJax","Hub","Queue","metaInfo","titleTemplate","meta","content","component"],"mappings":"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","file":"js/chunk-2c938b74.de599c69.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('h3',{ref:\"intro\"},[_vm._v(\"\\n    Expression\\n  \")]),_vm._m(0),_c('h3',{ref:\"parts\"},[_vm._v(\"\\n    Parts of an Expression\\n  \")]),_c('p',{staticClass:\"mt-2\"},[_vm._v(\"\\n    There are three parts of an expression — constant, coefficient and variable.\\n  \")]),_c('h5',[_vm._v(\"Constant\")]),_c('p',[_vm._v(\" Constant refers to fixed numerical value in an expression.\")]),_c('h5',[_vm._v(\"Variable\")]),_c('p',[_vm._v(\"Variable is often denoted by a symbol (such as \\\\(x\\\\), \\\\(y\\\\) etc.) and doesn't have a fixed numerical value.\")]),_c('h5',[_vm._v(\"Coefficient\")]),_c('p',[_vm._v(\" Coefficient is the mumber multiplied to the variable in the expression.\")]),_c('p',[_vm._v(\"\\n    Let's take an example. Consider the mathematical expression: \\\\(3 x +5\\\\). In this expression, \\\\(3\\\\) is the coefficient, \\\\(x\\\\) is the variable and  \\\\(5\\\\) is the constant.\\n  \")]),_c('h3',{ref:\"playgraph\",staticClass:\"mt-3\"},[_vm._v(\"\\n    MagicGraph | Parts of an Expression\\n  \")]),_c('p',{staticClass:\"mt-3\"},[_vm._v(\"\\n    In this MagicGraph, students will learn about the various parts of an expression. Simply tap on each part of the expression to see its name. Tap on the shuffle button to generate a new expression.\\n  \")]),_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',{staticClass:\"mt-3 font-weight-light\"},[_vm._v(\"\\n    In mathematics, an expression is made of numbers and variables combined by mathematical operations such as addition, subtraction, multiplication or division.\\n    \"),_c('br'),_vm._v(\"\\n    For example — \\\\(2x+3\\\\), \\\\(3x + 5\\\\) and \\\\(x/5 +2\\\\) are expressions in a single  variable \\\\(x\\\\). Similarly, \\\\(4 x + 6y\\\\), \\\\(3 x + 4 y\\\\) and \\\\( x + 2 y\\\\) are expressions in two variables \\\\(x\\\\) and \\\\(y\\\\).\\n  \")])\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    placeShuffle,\r\n    placeTest,\r\n    placeTape\r\n} from '../../../../common/edliy_utils-fractions';\r\nconst Boxes = {\r\n  box1: function () {\r\n\t  var brd1 = JXG.JSXGraph.initBoard('jxgbox1',{boundingbox: [-5, 17, 15, -3],\r\n    keepaspectratio: true, axis:true, ticks:{visible:true},\r\n    grid:true, showCopyright:false, showNavigation:false,\r\n    pan:{enabled:false}, zoom:{enabled:false}});\r\nbrd1.suspendUpdate();\r\n\r\nbrd1.options.layer['image'] =14;\r\nbrd1.options.layer['polygon'] =1;\r\n//Title and subtitle\r\nplaceTitle(brd1, 'Building an Expression', '(Height of a stack of bottles)');\r\n//Variables\r\nplaceLogo(brd1);\r\nvar a = 1;\r\nvar b = 2;\r\nvar c = 3;\r\nvar d = 4;\r\nvar o = 2;\r\nvar j =1;\r\n//brd1.create('image', ['/assets/oneR.svg', [9, 17], [0.75 , 0.75]], {visible: true, fixed: true, highlight:false,});\r\n//brd1.create('image', ['/assets/twoR.svg', [11.5, 17], [0.75 , 0.75]], {visible: true, fixed: true, highlight:false,});\r\n//brd1.create('image', ['/assets/threeR.svg', [14, 17], [0.75 , 0.75]], {visible: true, fixed: true, highlight:false,});\r\n//var polynomial1 = brd1.create('text', [9.2, 16, function(){return  a + ' + &nbsp;'}],{color:'red', fixed: true, anchorX: 'left', anchorY: 'middle', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(24*brd1.canvasWidth/500.)}});\r\n//var polynomial2 = brd1.create('text', [10.5, 16, function(){return  b}],{color:'blue',fixed: true, anchorX: 'middle', anchorY: 'middle', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(24*brd1.canvasWidth/500.)}});\r\n//var polynomial3 = brd1.create('text', [11.3, 16, function(){return ' x'}],{color:'green',fixed: true, anchorX: 'middle', anchorY: 'middle', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(24*brd1.canvasWidth/500.)}});\r\n//var polynomial4 = brd1.create('text', [12.5, 16, function(){return ' '+ d }],{fixed: true, anchorX: 'middle', anchorY: 'middle', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(24*brd1.canvasWidth/500.)}},);\r\nvar flr = placeRec(brd1, [-5, -5], [20, -5], [20, 0], [-5, 0], 'white');\r\nplaceText(brd1, 4.5, 8, 32, 'h =')\r\nvar inp = placeInput(brd1, 5, 8, \"\");\r\nplaceText(brd1, 7.5, 8, 32, 'n')\r\nvar rght = placeImage(brd1,'/assets/check.svg', 9, 7, 2, 0);\r\nrght.setAttribute({visible:false});\r\nvar wrng = placeImage(brd1,'/assets/cross.svg', 9, 7, 2, 0);\r\nwrng.setAttribute({visible:false});\r\n//flr.setAttribute({fillOpacity:0.75});\r\nvar dollarPlus = placeImage(brd1, '/assets/plus.svg', -4, -2, 1, 0);\r\nvar dollarMinus = placeImage(brd1, '/assets/minuss.svg', -2.5, -2, 1., 0);\r\n///////////////////////////////////////////////////\r\nvar i=3;\r\ndollarPlus.on('down',function(){\r\n      i=i+1;\r\n  });\r\ndollarMinus.on('down',function(){\r\n      i=Math.max(i-1, 0);\r\n    });\r\n////////////////////////////////////////////////\r\nplaceMiddleText(brd1, ()=>-4+0.5*m, ()=>m*i+0.5, ()=>'n =' + i);\r\nvar m =2;\r\nvar bots=[];\r\nvar pos=[];\r\nvar name=['cola', 'coffee', 'bottle'];\r\nfor(let n=0;n<=20;n++)\r\n{ pos[n]=n;\r\n  bots[n]=placeImage(brd1, ()=>'/assets/'+name[m-2]+'.svg', -4, ()=>m*n, ()=>m, 0);\r\n  bots[n].setAttribute({visible:false});\r\n  bots[n].setAttribute({visible:()=>i>pos[n]});\r\n}\r\n/*bots[0].setAttribute({visible:()=>i>0});\r\nbots[1].setAttribute({visible:()=>i>1});\r\nbots[2].setAttribute({visible:()=>i>2});\r\nbots[3].setAttribute({visible:()=>i>3});\r\nbots[4].setAttribute({visible:()=>i>4});\r\nbots[5].setAttribute({visible:()=>i>5});\r\nbots[6].setAttribute({visible:()=>i>6});\r\nbots[7].setAttribute({visible:()=>i>7});\r\n*/\r\n////////////////////////////////////////////////////\r\nplaceTape(brd1, [0,0], [0, ()=>m*i], 'h');\r\n//////////////////////////////////////////////////\r\nvar dash1 = placeLine(brd1, [10.5, 13], [10.5, 15.4], 2, 'blue');\r\nvar dash2 = placeLine(brd1, [11.3, 11], [11.3, 15.4], 2, 'green');\r\nvar dash3 = placeLine(brd1, [12.5, 9], [12.5, 15.4], 2, 'green');\r\nvar dash0 = placeLine(brd1, [9.5, 16.6], [9.5, 19.], 2, 'red');\r\ndash0.setAttribute({visible:false});\r\ndash1.setAttribute({visible:false});\r\ndash2.setAttribute({visible:false});\r\ndash3.setAttribute({visible:false});\r\nvar txt0 = brd1.create('text', [9.3, 19., 'Constant'],{visible:false, display:'internal',highlight:false,fixed: true, anchorX: 'right', anchorY: 'middle', color:'red', cssStyle:'fontFamily:Oswald;',fontSize:function(){return Math.round(28*brd1.canvasWidth/800.)}},);\r\nvar txt1 = brd1.create('text', [10.3, 13, 'Coefficient'],{visible:false, display:'internal',highlight:false,fixed: true, anchorX: 'right', anchorY: 'middle', color:'blue', cssStyle:'fontFamily:Oswald;',fontSize:function(){return Math.round(28*brd1.canvasWidth/800.)}},);\r\nvar txt2 = brd1.create('text', [11.1, 11, 'Variable'],{visible:false,display:'internal',highlight:false,fixed: true, anchorX: 'right', anchorY: 'middle', color:'green', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(28*brd1.canvasWidth/800.)}},);\r\nvar txt3 = brd1.create('text', [12.3, 9, '1000th Place'],{visible:false,display:'internal',highlight:false, fixed: true, anchorX: 'right', anchorY: 'middle', color:'blue', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(28*brd1.canvasWidth/800.)}},);\r\n\r\nvar analytics =placeShuffle(brd1);\r\nanalytics.setLabel('Tap to Shuffle')\r\nanalytics.label.setAttribute({visible:false, alignX:'middle', offset:[0, -15], CssStyle:'fontFamily:Oswald', fontSize:12});\r\nanalytics.on('over', function () {this.label.setAttribute({visible:true});});\r\nanalytics.on('out', function () {this.label.setAttribute({visible:false});});\r\n\r\nvar erase =placeTest(brd1);\r\nerase.setLabel('Tap to Test Your Answer')\r\nerase.label.setAttribute({visible:false, alignX:'middle', offset:[0, -15], CssStyle:'fontFamily:Oswald', fontSize:12});\r\nerase.on('over', function () {this.label.setAttribute({visible:true});});\r\nerase.on('out', function () {this.label.setAttribute({visible:false});});\r\n//Erase Function\r\nerase.on('down',function(){\r\n  if(inp.Value() == m){\r\n    rght.setAttribute({visible:true});\r\n    wrng.setAttribute({visible:false});\r\n  }\r\n  else{\r\n    rght.setAttribute({visible:false});\r\n    wrng.setAttribute({visible:true});\r\n  }\r\n});\r\n//Shuffle function\r\nanalytics.on('down',function(){\r\n    i=3;\r\n    if(m<4){m = m+1}else{m=2};\r\n    //coefficient1.Value() = 'ppp'; // I want to reset the input values\r\n    rght.setAttribute({visible:false});\r\n    wrng.setAttribute({visible:false});\r\n});\r\nbrd1.unsuspendUpdate();\r\n}\r\n}\r\nexport default Boxes;\r\n","<template>\r\n  <div>\r\n    <h3 ref=\"intro\">\r\n      Expression\r\n    </h3>\r\n    <p class=\"mt-3 font-weight-light\">\r\n      In mathematics, an expression is made of numbers and variables combined by mathematical operations such as addition, subtraction, multiplication or division.\r\n      <br>\r\n      For example &mdash; \\(2x+3\\), \\(3x + 5\\) and \\(x/5 +2\\) are expressions in a single  variable \\(x\\). Similarly, \\(4 x + 6y\\), \\(3 x + 4 y\\) and \\( x + 2 y\\) are expressions in two variables \\(x\\) and \\(y\\).\r\n    </p>\r\n    <h3 ref=\"parts\">\r\n      Parts of an Expression\r\n    </h3>\r\n    <p class=\"mt-2\">\r\n      There are three parts of an expression &mdash; constant, coefficient and variable.\n    </p>\r\n    <h5>Constant</h5>\r\n    <p> Constant refers to fixed numerical value in an expression.</p>\r\n    <h5>Variable</h5>\r\n    <p>Variable is often denoted by a symbol (such as \\(x\\), \\(y\\) etc.) and doesn't have a fixed numerical value.</p>\r\n    <h5>Coefficient</h5>\r\n    <p> Coefficient is the mumber multiplied to the variable in the expression.</p>\r\n    <p>\n      Let's take an example. Consider the mathematical expression: \\(3 x +5\\). In this expression, \\(3\\) is the coefficient, \\(x\\) is the variable and  \\(5\\) is the constant.\r\n    </p>\r\n    <h3 ref=\"playgraph\" class=\"mt-3\">\r\n      MagicGraph | Parts of an Expression\r\n    </h3>\r\n    <p class=\"mt-3\">\n      In this MagicGraph, students will learn about the various parts of an expression. Simply tap on each part of the expression to see its name. Tap on the shuffle button to generate a new expression.\r\n    </p>\r\n\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: 'Expression',\r\n  created: function () {\r\n    this.$store.commit('navigation/resetState');\r\n    let title = 'Building an Expression';\r\n    this.$store.commit('navigation/changeTitle', title);\r\n    this.$store.commit('navigation/changeMenu', title);\r\n    let newTopics = [\r\n      {title: 'Terms of a Polynomial', img:'/assets/number-1.svg', action: () => this.goto('intro')},\r\n      {title: 'Coefficients of a Polynomial', img:'/assets/number-2.svg', action: () => this.goto('formal')},\r\n      {title: 'MagicGraph', img:'/assets/touch.svg', action: () => this.goto('graphical')},\r\n    ];\r\n    this.$store.commit('navigation/replaceTopics', newTopics);\r\n    let newshowhome = false;\r\n    this.$store.commit('navigation/toggleshowhome', newshowhome);\r\n    let newMath =true;\r\n    this.$store.commit('navigation/replaceMath', newMath);\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: 'Building an Expression',\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 building an expression.'}\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</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!./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=5fa148cd&\"\nimport script from \"./Lesson.vue?vue&type=script&lang=js&\"\nexport * from \"./Lesson.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Lesson.vue?vue&type=style&index=0&id=5fa148cd&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!./Lesson.vue?vue&type=style&index=0&id=5fa148cd&prod&lang=scss&\""],"sourceRoot":""}