{"version":3,"sources":["webpack:///./src/components/mathematics/Math9thGrade/demoTriangleArea/Lesson.vue","webpack:///./src/components/mathematics/Math9thGrade/demoTriangleArea/Boxes.js","webpack:///src/components/mathematics/Math9thGrade/demoExponent/Lesson.vue","webpack:///./src/components/mathematics/Math9thGrade/demoTriangleArea/Lesson.vue?7668","webpack:///./src/components/mathematics/Math9thGrade/demoTriangleArea/Lesson.vue?1f43","webpack:///./src/components/mathematics/Math9thGrade/demoTriangleArea/Lesson.vue?c64d"],"names":["ref","attrs","staticClass","staticRenderFns","Boxes","box1","graph","createSpace","options","axis","strokeWidth","layer","board","minimizeReflow","point","showInfobox","line","highlight","image","polygon","makeResponsive","placeLogo","placeTitle","analytics","placeUndo","hoverMe","erase","placeRedo","i","tx","ty","ty2","ptA","create","snapToGrid","face","name","fillColor","strokeColor","size","withLabel","fixed","visible","label","highlightStrokeColor","offset","fontSize","canvasHeight","cssStyle","ptB","anchorX","ptC","ptQ","X","ptP","ptR","polABQP","highlightFillColor","vertices","borders","dash","fillOpacity","polAPRC","polBQRC","polABC","txtABC","anchorY","CssStyle","Math","round","canvasWidth","txtABQP","txtAPRC","txtBQRC","on","setAttribute","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-0434fa86.4def29bd.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 | Laws of Exponents\\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 {\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  placeErase,\r\n  placeShuffle,\r\n  placeTest,\r\n  placeSeg,\r\n  setConfig,\r\n  placeStat,\r\n  drawTriangle,\r\n  shuffle,\r\n  placeEraseLeft,\r\n  placeTapeHori,\r\n  placeTapeVert,\r\n  placeSq,\r\n  placeBoldText,\r\n  placeRedo,\r\n  placeUndo,\r\n  drawPoint,\r\n  drawTri,\r\n  setSize,\r\n  labelIt,\r\n  drawDash,\r\n  placeEggs,\r\n  drawLine,\r\n  setWidth,\r\n  drawIntersection,\r\n  drawPerpP,\r\n  drawAngle,\r\n  createSpace,\r\n  createAxes,\r\n  writeHTMLText\r\n} from '../Utils';\r\nconst Boxes = {\r\n    //JXG.Options.line.highlight=false;\r\n    box1: function () {\r\n    //Create the Board\r\n    var graph =createSpace(-3,13,-3,13);\r\n    //graph.suspendUpdate();\r\n    //createAxes(graph);\r\n    // Layering\r\n    graph.options.axis.strokeWidth=0;\r\n    graph.options.layer['image']=17;\r\n    graph.options.layer['text']=19;\r\n    graph.options.layer['line']=16;\r\n    graph.options.layer['point']=17;\r\n    graph.options.layer['glider']=17;\r\n    graph.options.layer['angle']=18;\r\n    graph.options.board.minimizeReflow = 'none';\r\n    graph.options.point.showInfobox =false;\r\n    graph.options.line.highlight=false;\r\n    graph.options.image.highlight=false;\r\n    //graph.options.text.highlight=false;\r\n    graph.options.polygon.highlight=false;\r\n//    graph.options.text.display='internal';\r\n    //Make the board responsive\r\n    makeResponsive(graph);\r\n    // Creat titleStyle\r\n    placeLogo(graph);\r\n    placeTitle(graph, 'Area of Triangle ABC', '(Hover over texts to see areas)');\r\n////////////////////////////////////////////////////////////////////////////////\r\n    var analytics = placeUndo(graph, 'left');\r\n    hoverMe(graph, analytics, 'Previous Step', 0, -5);\r\n    ////////////////////////////////////////////////////\r\n    var erase = placeRedo(graph);\r\n    hoverMe(graph, erase, 'Next Step', 0, -5);\r\n/////////////////////////////////////////////////////////////////////////////\r\n    var i = 0;\r\n//    var eggs = placeEggs(graph);\r\n//    eggs[0].setAttribute({visible:()=>i>=0});\r\n    ////////////////\r\n  //  eggs[1].setAttribute({visible:()=>i>=1});\r\n    ////////////////\r\n  //  eggs[2].setAttribute({visible:()=>i>=2});\r\n    ///////////////////////////All actions go here////////////////////////////////\r\n    //Variables\r\n    var size_cat = 1;\r\n    var size_buttons = 0.5;\r\n\r\n    var tx = -0.75;\r\n    var ty = 10;\r\n\r\n    var tx2 = 2;\r\n    var ty2 = 9.;\r\n\r\n    var sizeOk = 0.5;\r\n    var inpX = tx2 + 10;\r\n    var inpY =ty2;\r\n\r\n    let switchStatus = true;\r\n\r\n    //Points of images\r\n    var ptA = graph.create('point', [6,6],{snapToGrid: true, face:'o' , name:'A (x_A, y_A)', fillColor: '#5B43FF', strokeColor: 'black', size:3, withLabel:true, fixed:false, visible:true, label:{highlightStrokeColor: '#FF3B3B', offset: [-40, 20], fontSize:function(){return 18*graph.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\n//\r\n    var ptB = graph.create('point', [2,3],{snapToGrid: true, face:'o' , name:'B (x_B, y_B)', size:3, fillColor: '#5B43FF', strokeColor: 'black', withLabel:true, fixed:false, visible:true, label:{anchorX:'right', highlightStrokeColor: '#FF3B3B', offset: [-10, 0], fontSize:function(){return 18*graph.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\n    //\r\n    var ptC = graph.create('point', [8,4],{snapToGrid: true, face:'o' , name:'C (x_C, y_C)', size:3, fillColor: '#5B43FF', strokeColor: 'black', withLabel:true, fixed:false, visible:true, label:{anchorX:'left',highlightStrokeColor: '#FF3B3B', offset: [10, 0], fontSize:function(){return 18*graph.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\n    //\r\n    var ptQ = graph.create('point', [function(){return ptB.X()}, 0], {face:'o' , name:'Q', size:3, fillColor: '#5B43FF', strokeColor: 'black', withLabel:true, fixed:true, visible:true, label:{offset: [5, -25], fontSize:function(){return 18*graph.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\n    //\r\n    var ptP = graph.create('point', [function(){return ptA.X()}, 0], {face:'o' , name:'P', size:3, fillColor: '#5B43FF', strokeColor: 'black', withLabel:true, fixed:true, visible:true, label:{offset: [5, -25], fontSize:function(){return 18*graph.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\n    //\r\n    var ptR = graph.create('point', [function(){return ptC.X()}, 0], {face:'o' , name:'R', size:3, fillColor: '#5B43FF', strokeColor: 'black', withLabel:true, fixed:true, visible:true, label:{offset: [5, -25], fontSize:function(){return 18*graph.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\n\r\n    //Polygons\r\n    var polABQP = graph.create('polygon', [ptA, ptB, ptQ, ptP], {fixed: true, visible: true, highlightFillColor: '#5B43FF', vertices:{visible:false, fixed:true}, borders:{fixed: true, visible:true, strokeColor: '#5B43FF', strokeWidth: 1.5, dash: 3, highlightStrokeColor: '#5B43FF'}, fillColor: 'white', fillOpacity:0.5});\r\n    var polAPRC = graph.create('polygon', [ptA, ptP, ptR, ptC], {fixed: true, visible: true, highlightFillColor: '#5B43FF', vertices:{visible:false, fixed:true}, borders:{fixed: true, visible:true, strokeColor: '#5B43FF', strokeWidth: 1.5, dash: 3, highlightStrokeColor: '#5B43FF'}, fillColor: 'white', fillOpacity:0.5});\r\n    var polBQRC = graph.create('polygon', [ptB, ptQ, ptR, ptC], {fixed: true, visible: true, highlightFillColor: '#5B43FF', vertices:{visible:false, fixed:true}, borders:{fixed: true, visible:true, strokeColor: '#5B43FF', strokeWidth: 1.5, dash: 3, highlightStrokeColor: '#5B43FF'}, fillColor: 'white', fillOpacity:0.5});\r\n//\r\n    var polABC = graph.create('polygon', [ptA, ptB, ptC], {fixed: true, visible: true, highlightFillColor: '#5B43FF', vertices:{visible:false, fixed:true}, borders:{fixed: true, visible:true, strokeColor: '#5B43FF', strokeWidth: 4, highlightStrokeColor: '#5B43FF'}, fillColor: 'white', fillOpacity:0.5});\r\n/////////////////////////texts///////////////////////////////////////\r\nvar txtABC = graph.create('text', [tx, ty  , 'Area of &#9651; ABC'],{highlightStrokeColor: 'orange',visible: true, fixed: true, anchorX: 'middle', anchorY: 'middle', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(14*graph.canvasWidth/500.)}},);\r\n\r\nvar txt = graph.create('text', [tx + 1.5, ty  , '='],{visible: true, fixed: true, anchorX: 'middle', anchorY: 'middle', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(14*graph.canvasWidth/500.)}},);\r\nvar txtABQP = graph.create('text', [tx + 3.2, ty  , 'Area of ⏢ ABQP'],{highlightStrokeColor: 'green',visible: true, fixed: true, anchorX: 'middle', anchorY: 'middle', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(14*graph.canvasWidth/500.)}},);\r\nvar txt = graph.create('text', [tx + 5, ty  , '+'],{visible: true, fixed: true, anchorX: 'middle', anchorY: 'middle', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(14*graph.canvasWidth/500.)}},);\r\nvar txtAPRC = graph.create('text', [tx + 6.8, ty  , 'Area of ⏢ APRC'],{highlightStrokeColor: 'blue',visible: true, fixed: true, anchorX: 'middle', anchorY: 'middle', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(14*graph.canvasWidth/500.)}},);\r\nvar txt = graph.create('text', [tx + 8.5, ty  , '-'],{visible: true, fixed: true, anchorX: 'middle', anchorY: 'middle', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(14*graph.canvasWidth/500.)}},);\r\nvar txtBQRC = graph.create('text', [tx + 10.3, ty  , 'Area of ⏢ BQRC'],{highlightStrokeColor: '#FF3B3B',visible: true, fixed: true, anchorX: 'middle', anchorY: 'middle', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(14*graph.canvasWidth/500.)}},);\r\n\r\nvar form = graph.create('text', [tx-1.5, ty2, 'Area of &#9651; ABC = 0.5 ( y_A + y_B ) ( x_A - x_B ) + 0.5 ( y_C + y_A ) ( x_C - x_A ) - 0.5 ( y_B + y_C ) ( x_C - x_B )'], {fixed:true, anchorY: 'top', anchorX: 'left', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(14*graph.canvasWidth/500.)}});\r\n\r\n//form.setAttribute({anchorX:'middle', anchorY:'middle'});\r\n//////////////////////////Highlights//////////////////////////\r\ntxtABC.on('over', function () {\r\n    polABC.setAttribute({visible: true, fillColor: 'orange'});\r\n});\r\ntxtABC.on('out', function () {\r\n    polABC.setAttribute({visible: true, fillColor: '#fff'});\r\n});\r\n\r\n\r\n//Hover text for polygons ABQP\r\ntxtABQP.on('over', function () {\r\n    polABQP.setAttribute({visible: true, fillColor: 'green'});\r\n});\r\n\r\ntxtABQP.on('out', function () {\r\n    polABQP.setAttribute({visible: true, fillColor: '#fff'});\r\n});\r\n//\r\n//Hover text for polygons APRC\r\ntxtAPRC.on('over', function () {\r\n    polAPRC.setAttribute({visible: true, fillColor: 'blue'});\r\n});\r\n\r\ntxtAPRC.on('out', function () {\r\n    polAPRC.setAttribute({visible: true, fillColor: '#fff'});\r\n});\r\n//\r\n//Hover text for polygons BQRC\r\ntxtBQRC.on('over', function () {\r\n    polBQRC.setAttribute({visible: true, fillColor: 'red'});\r\n});\r\n\r\ntxtBQRC.on('out', function () {\r\n    polBQRC.setAttribute({visible: true, fillColor: '#fff'});\r\n});\r\n//////////////////////////////Button Actions////////////////////////////////////\r\n    analytics.on('down', function(){\r\n      if(i>0)\r\n      {\r\n      i-=1;\r\n      }\r\n      else\r\n      {\r\n        i=0;\r\n      }\r\n    });\r\n    erase.on('down', function(){\r\n      if(i<3)\r\n      {\r\n      i+=1;\r\n      }\r\n      else\r\n      {\r\n        i=0;\r\n      }\r\n    })\r\n///////////////////////////////////////////////////////////////////////\r\n    //graph.unsuspendUpdate();\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 | Laws of Exponents\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 = 'Multiplication & Division of Exponents';\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: 'Exponents',\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=6856ad13&\"\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=6856ad13&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=6856ad13&prod&lang=scss&\""],"sourceRoot":""}