{"version":3,"sources":["webpack:///./src/components/mathematics/integer/Lesson.vue","webpack:///./src/components/mathematics/integer/Boxes.js","webpack:///src/components/mathematics/Math6thGrade/quizInteger/Lesson.vue","webpack:///./src/components/mathematics/integer/Lesson.vue?51bd","webpack:///./src/components/mathematics/integer/Lesson.vue?46af","webpack:///./src/components/mathematics/integer/Lesson.vue?f7ab"],"names":["ref","attrs","staticClass","staticRenderFns","Boxes","box1","JXG","Options","board","minimizeReflow","point","showInfoBox","highlight","text","fixed","curve","cssDefaultStyle","brd1","JSXGraph","initBoard","boundingbox","keepaspectratio","axis","ticks","grid","showCopyright","showNavigation","pan","enabled","zoom","makeResponsive","placeLogo","options","layer","placeTitle","monkey","create","test","X","face","size","name","fillColor","strokeColor","placeTest","on","jump","setLabel","label","setAttribute","visible","alignX","offset","CssStyle","fontSize","this","k","reload","placeShuffle","Math","min","hop","anno","placeMiddleText","placeRightText","hopD","monkeyHop","moveTo","monkeyDown","input","Value","setTimeout","setText","color","placeInput","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-7e0168c0.deeccfd4.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('h3',{ref:\"intro\"},[_vm._v(\"\\n    Integers\\n  \")]),_c('p',[_vm._v(\"\\n    Any number that is not a fractional number or a decimal is an integer. To better understand integers, we have to look into\\n    its relation to other integers.\\n  \")]),_c('h3',{ref:\"types\"},[_vm._v(\"\\n    Relation to Other Types of Numbers\\n  \")]),_vm._m(0),_c('h3',{ref:\"pg\"},[_vm._v(\"\\n    MagicGraph | Integers on a Number Line\\n  \")]),_c('p',[_vm._v(\" In this MagicGraph, you will learn about denoting integers on a number line. \")]),_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('ul',{staticClass:\"a\"},[_c('li',[_c('h5',[_vm._v(\" Natural Numbers \")])]),_c('p',[_vm._v(\"\\n      Natural numbers are numbers that we use for counting, ordering and comparing objects — such as 1, 2, 3, 4, and so on.\\n      Natural numbers were the first numbers to be discovered.\\n      So, you can say that any number that is not zero or a fractional number or a negative number is a natural number.\\n      The set of natural numbers is often denoted by letter \\\\(\\\\mathbb{N}\\\\).\\n    \")]),_c('li',[_c('h5',[_vm._v(\" Whole Number \")])]),_c('p',[_vm._v(\"\\n      If we include 0 in the set of natural numbers then it becomes whole numbers. Thus,  whole numbers are 0, 1, 2, 3, 4, and so on.\\n      In other words, any number that is not a fractional number or a negative number is a whole number.\\n      The set of whole numbers is denoted by letter \\\\(\\\\mathbb{W}\\\\).\\n    \")]),_c('li',[_c('h5',[_vm._v(\" Integers\")])]),_c('p',[_vm._v(\"\\n      Now, if we take the set of whole numbers, and include negative natural numbers to it then it becomes set of integers.\\n      The set of integers is denoted by letter \\\\(\\\\mathbb{Z}\\\\).\\n    \")])])\n}]\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    placeText,\r\n    placeRightText,\r\n    placeLine,\r\n    placePoint,\r\n    placeGlider,\r\n    placeRuler,\r\n    placeLeftText,\r\n    placeMiddleText,\r\n    placeSliderSwitch,\r\n    placeTest,\r\n    placeShuffle,\r\n    placeLogo\r\n} from '../../../common/edliy_utils-fractions';\r\nconst Boxes = {\r\n  box1: function () {\r\n\tJXG.Options.board.minimizeReflow = 'none';\r\n  JXG.Options.point.showInfoBox=false;\r\n  JXG.Options.point.highlight=false;\r\n  JXG.Options.text.highlight=false;\r\n  JXG.Options.text.fixed=true;\r\n  JXG.Options.curve.highlight=false;\r\n  JXG.Options.text.cssDefaultStyle='fontFamily:Oswald;'\r\n  var brd1 = JXG.JSXGraph.initBoard('jxgbox1',{boundingbox: [-6, 6, 6, -6],keepaspectratio: true, axis:true, ticks:true, grid:true, showCopyright:false, showNavigation:false, pan:{enabled:false}, zoom:{enabled:false}});\r\n  makeResponsive(brd1);\r\n  placeLogo(brd1);\r\n  brd1.options.layer['image'] =14;\r\n  brd1.options.layer['chart'] =14;\r\n  brd1.options.layer['line'] =15;\r\n//\tbrd1.create('text', [6, 11.5, 'Fraction'],{highlight:false, display:'internal', anchorX:'middle', anchorY:'middle', CssStyle:'fontFamily:Oswald;fontWeight:bold',fontSize:function(){return Math.round(32*brd1.canvasWidth/800.)}, fixed:true});\r\n  placeTitle(brd1, 'Integers on a Number Line', 'Find the Location of the Monkey Mo.');\r\n  //brd1.create('axis', [[-1, 0], [1, 0]], {strokeWidth: 2, strokeColor: 'red'});\r\n\r\n  var monkey = brd1.create('image', ['/assets/monkeyMO.svg', [-0.5,0], [1,1]], {fixed:true});\r\n  var seat = brd1.create('point', [()=>monkey.X()+0.5,0],{face:'triangledown', size:6, name:'', fillColor:'yellow',strokeColor:'black'});\r\n  //var test=placeImage(brd1, '/assets/test.svg', 2., -2.5, 1, 0);\r\n  var test = placeTest(brd1);\r\n  test.on('down', function(){jump()});\r\n  test.setLabel('Tap to Test Your Answer')\r\n  test.label.setAttribute({visible:false, alignX:'middle', offset:[0, -15], CssStyle:'fontFamily:Oswald', fontSize:12});\r\n  test.on('over', function () {this.label.setAttribute({visible:true});});\r\n  test.on('out', function () {this.label.setAttribute({visible:false});});\r\n  //////////////////////////////////////////////////////////////////////////////////////\r\n  var k =0;\r\n  //var reload=placeImage(brd1, '/assets/shuffle.svg', 4., -2.5, 1, 0);\r\n  var reload = placeShuffle(brd1);\r\n  reload.setLabel('Tap to Move the Monkey');\r\n  reload.label.setAttribute({visible:false, alignX:'middle', offset:[0, -15], CssStyle:'fontFamily:Oswald', fontSize:12});\r\n  reload.on('over', function () {this.label.setAttribute({visible:true});});\r\n  reload.on('out', function () {this.label.setAttribute({visible:false});});\r\n  reload.on('down', function(){k=Math.min(k+1, 6); hop();});\r\n  ///////////////////////////////////////////////////////////////////////////////\r\n  var anno =placeMiddleText(brd1, 0, 3, '');\r\n  placeRightText(brd1, -0.25, -2., 'Monkey is at X =');\r\n  var hopD = [2, -3, 4, -5, 6, -4, 2];\r\n  function monkeyHop(){\r\n      return monkey.moveTo([monkey.X()+0.5*hopD[k], 0], 10)\r\n  }\r\n  function monkeyDown(){\r\n      return monkey.moveTo([monkey.X(), 0], 10)\r\n  }\r\n  function jump()\r\n  {\r\n      if(input.Value() == monkey.X()+0.5)\r\n      {\r\n          monkey.moveTo([monkey.X(), 1], 10);\r\n          setTimeout(function(){monkeyDown(); }, 200);\r\n          anno.setText('Yay! That is right.');\r\n          anno.setAttribute({color:'green'});\r\n          return ;\r\n      }\r\n      else\r\n      {\r\n          anno.setText('Nope! Try again.');\r\n          anno.setAttribute({color:'red'});\r\n      }\r\n  }\r\n  function hop()\r\n  {\r\n    monkey.moveTo([monkey.X()+0.5*hopD[k], 1], 100);\r\n    setTimeout(function(){monkeyHop(); }, 300);\r\n    return ;\r\n  }\r\n\r\n  //brd1.create('text', [-5, 1, function(){return \"INPUT VALUE =  \"+ input.Value()}], { CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(14*brd1.canvasWidth/500.)}});\r\n\r\n  //var input = brd1.create('input', [-4, -2, '0', 'Monkey is at ='], {CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(14*brd1.canvasWidth/500.)}});\r\n  var input = placeInput(brd1, 0, -2, \" \");\r\n  //var input = brd1.create('text', [1, 3, '<input type=\"text\" name=\"txt\" value=\" \" onchange=\"jump()\">']);\r\n\r\n},\r\n}\r\nexport default Boxes;\r\n","<template>\r\n  <div>\r\n    <h3 ref=\"intro\">\r\n      Integers\r\n    </h3>\r\n    <p>\r\n      Any number that is not a fractional number or a decimal is an integer. To better understand integers, we have to look into\r\n      its relation to other integers.\r\n    </p>\r\n    <h3 ref=\"types\">\r\n      Relation to Other Types of Numbers\r\n    </h3>\r\n    <ul class=\"a\">\r\n      <li> <h5> Natural Numbers </h5> </li>\r\n      <p>\r\n        Natural numbers are numbers that we use for counting, ordering and comparing objects &mdash; such as 1, 2, 3, 4, and so on.\r\n        Natural numbers were the first numbers to be discovered.\r\n        So, you can say that any number that is not zero or a fractional number or a negative number is a natural number.\r\n        The set of natural numbers is often denoted by letter \\(\\mathbb{N}\\).\r\n      </p>\r\n      <li> <h5> Whole Number </h5> </li>\r\n      <p>\n        If we include 0 in the set of natural numbers then it becomes whole numbers. Thus,  whole numbers are 0, 1, 2, 3, 4, and so on.\r\n        In other words, any number that is not a fractional number or a negative number is a whole number.\r\n        The set of whole numbers is denoted by letter \\(\\mathbb{W}\\).\r\n      </p>\r\n      <li> <h5> Integers</h5> </li>\r\n      <p>\n        Now, if we take the set of whole numbers, and include negative natural numbers to it then it becomes set of integers.\r\n        The set of integers is denoted by letter \\(\\mathbb{Z}\\).\r\n      </p>\r\n    </ul>\r\n    <h3 ref=\"pg\">\n      MagicGraph | Integers on a Number Line\r\n    </h3>\r\n    <p> In this MagicGraph, you will learn about denoting integers on a number line. </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: 'Integers',\r\n  created: function () {\r\n    this.$store.commit('navigation/resetState');\r\n    let title = 'Integers on a Number Line';\r\n    this.$store.commit('navigation/changeTitle', title);\r\n    this.$store.commit('navigation/changeMenu', title);\r\n    let newTopics = [\r\n      {title: 'Integers', img:'/assets/number-1.svg', action: () => this.goto('intro')},\r\n      {title: 'Integers on a Number Line', img:'/assets/number-2.svg', action: () => this.goto('types')},\r\n      {title: 'MagicGraph',img:'/assets/touch.svg', action: () => this.goto('pg')},\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: 'Number Line',\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 Thales Theorem'}\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.icn{\r\ncolor: var(--v-red-base);;\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!./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=47c57f4b&\"\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=47c57f4b&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=47c57f4b&prod&lang=scss&\""],"sourceRoot":""}