{"version":3,"sources":["webpack:///./src/components/mathematics/Math6thGrade/expression/Lesson.vue","webpack:///./src/components/mathematics/Math6thGrade/expression/Boxes.js","webpack:///src/components/mathematics/Math6thGrade/expression/Lesson.vue","webpack:///./src/components/mathematics/Math6thGrade/expression/Lesson.vue?dedc","webpack:///./src/components/mathematics/Math6thGrade/expression/Lesson.vue?c68c","webpack:///./src/components/mathematics/Math6thGrade/expression/Lesson.vue?5dd7"],"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","a","b","polynomial1","create","color","fixed","anchorX","anchorY","CssStyle","fontSize","Math","round","canvasWidth","polynomial2","polynomial3","on","txt0","setAttribute","dash0","txt1","dash1","txt2","dash2","placeLine","dash3","display","highlight","cssStyle","txt3","analytics","placeShuffle","setLabel","label","alignX","offset","this","erase","placeErase","random","unsuspendUpdate","name","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-b62c81bc.a9e05f3c.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    placeErase\r\n} from '../../../../common/edliy_utils-fractions';\r\nconst Boxes = {\r\n  box1: function () {\r\n\t  var brd1 = JXG.JSXGraph.initBoard('jxgbox1',{boundingbox: [2, 23, 18, 7],\r\n    keepaspectratio: true, axis:false, ticks:{visible:false},\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\n\r\n//Title and subtitle\r\nplaceTitle(brd1, 'Parts of an Expression', '(Tap on Each Part to See its Meaning)');\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\nvar txt_b = '2';\r\nvar txt_c = '3';\r\nvar txt_d = '4';\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\nvar 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\nvar 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\nvar 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\npolynomial1.on('down',function(){\r\n      txt0.setAttribute({visible: true});\r\n      dash0.setAttribute({visible: true});\r\n  });\r\npolynomial2.on('down',function(){\r\n      txt1.setAttribute({visible: true});\r\n      dash1.setAttribute({visible: true});\r\n  });\r\npolynomial3.on('down',function(){\r\n      txt2.setAttribute({visible:true});\r\n      dash2.setAttribute({visible: true});\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 =placeErase(brd1);\r\nerase.setLabel('Tap to Erase & Restart')\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  txt0.setAttribute({visible: false});\r\n  dash0.setAttribute({visible: false});\r\n  txt1.setAttribute({visible: false});\r\n  dash1.setAttribute({visible: false});\r\n  txt2.setAttribute({visible: false});\r\n  dash2.setAttribute({visible: false});\r\n  txt3.setAttribute({visible: false});\r\n  dash3.setAttribute({visible: false});\r\n});\r\n//Shuffle function\r\nanalytics.on('down',function(){\r\n    txt0.setAttribute({visible: false});\r\n    dash0.setAttribute({visible: false});\r\n    txt1.setAttribute({visible: false});\r\n    dash1.setAttribute({visible: false});\r\n    txt2.setAttribute({visible: false});\r\n    dash2.setAttribute({visible: false});\r\n    txt3.setAttribute({visible: false});\r\n    dash3.setAttribute({visible: false});\r\n    a = Math.round(Math.random()*9)+1;\r\n    b = Math.round(Math.random()*3)+1;\r\n    c = Math.round(Math.random()*6)+1;\r\n    d = Math.round(Math.random()*7)+1;\r\n    //coefficient1.Value() = 'ppp'; // I want to reset the input values\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 = 'Parts of 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: 'Parts of 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 parts of 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=433e4fd4&\"\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=433e4fd4&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=433e4fd4&prod&lang=scss&\""],"sourceRoot":""}