{"version":3,"sources":["webpack:///./src/components/mathematics/Math7thGrade/area4/Lesson.vue?bcdb","webpack:///./src/components/mathematics/Math7thGrade/area4/Lesson.vue","webpack:///./src/components/mathematics/Math7thGrade/area4/Boxes.js","webpack:///src/components/mathematics/Math7thGrade/area4/Lesson.vue","webpack:///./src/components/mathematics/Math7thGrade/area4/Lesson.vue?47b3","webpack:///./src/components/mathematics/Math7thGrade/area4/Lesson.vue?b3d1"],"names":["ref","attrs","staticClass","_v","_vm","_self","staticRenderFns","Boxes","box1","brd1","JXG","JSXGraph","initBoard","boundingbox","keepaspectratio","axis","ticks","visible","grid","showCopyright","showNavigation","pan","enabled","zoom","suspendUpdate","options","strokeWidth","layer","board","minimizeReflow","point","showInfobox","line","highlight","image","text","polygon","makeResponsive","placeLogo","placeTitle","analytics","placeShuffle","setLabel","label","setAttribute","alignX","offset","CssStyle","fontSize","on","this","erase","placeTest","i","Pt0","placePoint","placeLabel","snapToGrid","Pt1","Pt2","Horz","placeDash","X","Y","Vert","PtP","create","size","name","height","placeTapeVert","dash","point1","point2","base","placeTapeHori","shape","placeTri","fillOpacity","borders","strokeColor","movePts","moveTo","Math","round","random","wrong","right","query","clearInputFields","placeBoldText","Value","toFixed","placeBoldRightText","Inp","placeInput","placeImage","unsuspendUpdate","created","_created","_asyncToGenerator","regeneratorRuntime","mark","_callee","title","newTopics","newshowhome","newMath","newLeftArrow","newModule","_this","wrap","_context","prev","next","$store","dispatch","commit","img","action","goto","stop","apply","arguments","mounted","MathJax","Hub","Queue","metaInfo","titleTemplate","meta","content","component"],"mappings":"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","file":"js/chunk-096e70e5.b196374e.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!./Lesson.vue?vue&type=style&index=0&id=4da2f106&prod&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('h3',{ref:\"intro\"},[_vm._v(\"\\n    What is a Triangle?\\n  \")]),_c('br'),_vm._m(0),_c('h3',{ref:\"intro\"},[_vm._v(\"\\n    Area of a Triangle\\n  \")]),_c('br'),_vm._m(1),_c('h3',{ref:\"pg\"},[_vm._v(\"\\n    MagicGraph | Area of a Triangle (Test Your Knowledge)\\n  \")]),_c('br'),_c('h5',[_vm._v(\" Getting Started \")]),_vm._m(2),_c('h5',[_vm._v(\" Icons on the MagicGraph \")]),_vm._m(3),_c('br'),_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',[_vm._v(\"\\n    A triangle is a shape that is obtained by connecting three points on the same plane with straight lines. \"),_c('br'),_c('br'),_vm._v(\"\\n\\n    The three points are called vertices of the triangle, and three straight lines\\n    connecting these points are called sides of the triangle.\\n  \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',[_vm._v(\"\\n    The area of a triangle is the span of the region enclosed between the three sides of the triangle.\\n    \"),_c('br'),_c('br'),_vm._v(\"\\n    For a triangle with height \\\\(h\\\\) and base \\\\(b\\\\), the area is given by\\n    $$A = \\\\frac{1}{2} \\\\times b \\\\times h$$\\n  \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',[_vm._v(\"\\n    This MagicGraph offers a visual-interactive illustration to help you test your understanding of the area of a triangle. \"),_c('br'),_c('br'),_vm._v(\"\\n    Follow the steps below to get started.\\n    \"),_c('ul',{staticClass:\"a mx-3\"},[_c('li',[_vm._v(\"\\n        Tap on \"),_c('i',{staticClass:\"shuffler ma-1\"}),_vm._v(\" button to\\n        interactively changed the base, height and area of the triangle. Or alternately you can\\n        change the triangle by dragging points A, B or C.\\n      \")]),_c('li',[_vm._v(\" Enter your answer for the area of the triangle in the input field shown.\")]),_c('li',[_vm._v(\" Tap on \"),_c('i',{staticClass:\"tester ma-1\"}),_vm._v(\" button to test your answer. \")])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',[_vm._v(\"\\n    This MagicGraph contains the following two icons: \"),_c('br'),_c('i',{staticClass:\"shuffler ma-1\"}),_vm._v(\" Tap on this button to shuffle and generate a new version of the problem. \"),_c('br'),_c('i',{staticClass:\"tester ma-1\"}),_vm._v(\" Tap on this button to test your answer. \"),_c('br')])\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  placeArc,\r\n  placeLogo,\r\n  placeErase,\r\n  placeShuffle,\r\n  placeTest,\r\n  placeSeg,\r\n  setConfig,\r\n  placeStat,\r\n  placeTri,\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  placeBoldRightText\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 brd1 = JXG.JSXGraph.initBoard('jxgbox1',{boundingbox: [-5, 17, 15, -3],\r\n        keepaspectratio: true, axis:false, ticks:{visible:true},\r\n        grid:true, showCopyright:false, showNavigation:false,\r\n        pan:{enabled:false}, zoom:{enabled:false}});\r\n\r\n    brd1.suspendUpdate();\r\n    // Layering\r\n    brd1.options.axis.strokeWidth=0;\r\n    brd1.options.layer['image']=17;\r\n    brd1.options.layer['text']=16;\r\n    brd1.options.layer['line']=16;\r\n    brd1.options.layer['point']=17;\r\n    brd1.options.layer['glider']=17;\r\n    brd1.options.layer['angle']=18;\r\n    brd1.options.board.minimizeReflow = 'none';\r\n    brd1.options.point.showInfobox =false;\r\n    brd1.options.line.highlight=false;\r\n    brd1.options.image.highlight=false;\r\n    brd1.options.text.highlight=false;\r\n    brd1.options.polygon.highlight=false;\r\n//    brd1.options.text.display='internal';\r\n    //Make the board responsive\r\n    makeResponsive(brd1);\r\n    // Creat titleStyle\r\n    placeLogo(brd1);\r\n    placeTitle(brd1, 'Area of a Triangle', '(Find the Area of Triangle ABC)');\r\n/////////////////////\r\n    var analytics = placeShuffle(brd1);\r\n    analytics.setLabel('Tap to Shuffle');\r\n    analytics.label.setAttribute({visible:false, alignX:'middle', offset:[0, -15], CssStyle:'fontFamily:Oswald', fontSize:12});\r\n    analytics.on('over', function () {this.label.setAttribute({visible:true});});\r\n    analytics.on('out', function () {this.label.setAttribute({visible:false});});\r\n    ////////////////////////////////////////////////////\r\n    var erase = placeTest(brd1);\r\n    erase.setLabel('Tap to Test Your Answer');\r\n    erase.label.setAttribute({visible:false, alignX:'middle', offset:[0, -15], CssStyle:'fontFamily:Oswald', fontSize:12});\r\n    erase.on('over', function () {this.label.setAttribute({visible:true});});\r\n    erase.on('out', function () {this.label.setAttribute({visible:false});});\r\n/////////////////////////////////////////////////////////////////////////////\r\n    /////////////////////////////////////////////////////////\r\n    var i = 0;\r\n    var Pt0 = placePoint(brd1,  1., 0, 3, 'red', 'red');\r\n    placeLabel(brd1, Pt0, 'B',-15, -15);\r\n    Pt0.setAttribute({snapToGrid:true});\r\n    var Pt1 = placePoint(brd1,  5., 6, 3, 'red', 'red');\r\n    placeLabel(brd1, Pt1, 'A', -15, 15);\r\n    Pt1.setAttribute({snapToGrid:true});\r\n    var Pt2 = placePoint(brd1,  9., 0, 3, 'red', 'red');\r\n    placeLabel(brd1, Pt2, 'C', 15, -15);\r\n    Pt2.setAttribute({snapToGrid:true});\r\n\r\n    var Horz = placeDash(brd1, [()=>Pt0.X(), ()=>Pt0.Y()], [()=>Pt2.X(), ()=>Pt2.Y()], 2, 'black');\r\n    Horz.setAttribute({visible:false});\r\n    var Vert =placeDash(brd1, [()=>Pt0.X(), ()=>Pt0.Y()], [()=>Pt1.X(), ()=>Pt1.Y()], 2, 'black');\r\n    Vert.setAttribute({visible:false});\r\n  //  brd1.create('perpendicularsegment', [Pt1, Horz], {strokeWidth:1, dash:1});\r\n    var PtP = brd1.create('perpendicularpoint', [Pt1, Horz], {size:0, name:''});\r\n    placeDash(brd1, [()=>Pt1.X(), ()=>Pt1.Y()], [()=>PtP.X(), ()=>PtP.Y()], 2, 'black');\r\n    placeDash(brd1, [()=>Pt2.X(), ()=>Pt2.Y()], [()=>PtP.X(), ()=>PtP.Y()], 2, 'black');\r\n    var height = placeTapeVert(brd1, [()=>Pt1.X(), ()=>Pt1.Y()], [()=>PtP.X(), ()=>PtP.Y()], 'h');\r\n    height.setAttribute({dash:1, strokeWidth:2,  point1:{visible:false}, point2:{visible:false}});\r\n    var base = placeTapeHori(brd1, [()=>Pt0.X(), ()=>Pt0.Y()], [()=>Pt2.X(), ()=>Pt2.Y()], 'b');\r\n    base.setAttribute({dash:1, strokeWidth:2, point1:{visible:false}, point2:{visible:false}});\r\n    var shape =placeTri(brd1, [()=>Pt1.X(), ()=>Pt1.Y()],[()=>Pt0.X(), ()=>Pt0.Y()], [()=>Pt2.X(), ()=>Pt2.Y()],'blue');\r\n    shape.setAttribute({fillOpacity:function(){if(i==2){return 0.}else{return 0.5}}, borders:{visible:true, dash:1, strokeColor:'black', strokeWidth:2}});\r\n/////////////////////////////////////////////////////////////////////////\r\n    var movePts= function(){\r\n      Pt1.moveTo([5, 6+ Math.round(4*Math.random())], 100);\r\n      Pt2.moveTo([9+Math.round(4*Math.random()), 0], 100);\r\n    }\r\n    analytics.on('down', function(){\r\n                  movePts();\r\n                  wrong.setAttribute({visible:false});\r\n                  right.setAttribute({visible:false});\r\n                  query.setAttribute({visible:true});\r\n                  clearInputFields(brd1);\r\n    });\r\n\r\n    var line1 = placeBoldText(brd1, 5, 13.5, ()=>'b = ' +(base.Value()).toFixed(1));\r\n    //line1.setAttribute({visible:()=>i>0});\r\n\r\n    var line2 = placeBoldText(brd1, 5, 12.5, ()=>'h = ' +(height.Value()).toFixed(1));\r\n    //line2.setAttribute({visible:()=>i>0});\r\n\r\n    var line2 = placeBoldRightText(brd1, 5.9, 11.5, ()=>'Area of Triangle ABC =');\r\n    //line2.setAttribute({alignX:'right'});\r\n\r\n    //placeLeftText(brd1, 8, 11.5, '?');\r\n    //line2.setAttribute({visible:()=>i>0});\r\n    var Inp =placeInput(brd1, 6.,11.5, \"\");\r\n    var query = placeImage(brd1, '/assets/query.svg', 8.25, 11.25, 0.5,  0);\r\n    var right = placeImage(brd1, '/assets/check.svg', 8.75, 11, 1.,  0);\r\n    var wrong = placeImage(brd1, '/assets/cross.svg', 8.75, 11, 1.,  0);\r\n    right.setAttribute({visible:false});\r\n    wrong.setAttribute({visible:false});\r\n\r\n    erase.on('down', function(){\r\n      if( (height.Value()*base.Value())/2. == Inp.Value())\r\n      {right.setAttribute({visible:true});\r\n       wrong.setAttribute({visible:false});\r\n       query.setAttribute({visible:false});\r\n    }\r\n      else {\r\n      wrong.setAttribute({visible:true});\r\n      right.setAttribute({visible:false});\r\n      query.setAttribute({visible:false});\r\n    }\r\n    });\r\n\r\n///////////////////////////////////////////////////////////////////////\r\n    brd1.unsuspendUpdate();\r\n                      },\r\n              }\r\nexport default Boxes;\r\n","<template>\r\n  <div>\r\n    <h3 ref=\"intro\">\r\n      What is a Triangle?\r\n    </h3>\r\n    <br>\r\n    <p>\r\n      A triangle is a shape that is obtained by connecting three points on the same plane with straight lines. <br><br>\r\n\r\n      The three points are called vertices of the triangle, and three straight lines\r\n      connecting these points are called sides of the triangle.\n    </p>\r\n    <h3 ref=\"intro\">\n      Area of a Triangle\n    </h3>\r\n    <br>\r\n    <p>\n      The area of a triangle is the span of the region enclosed between the three sides of the triangle.\r\n      <br> <br>\r\n      For a triangle with height \\(h\\) and base \\(b\\), the area is given by\r\n      $$A = \\frac{1}{2} \\times b \\times h$$\r\n    </p>\r\n\r\n    <h3 ref=\"pg\">\n      MagicGraph | Area of a Triangle (Test Your Knowledge)\n    </h3>\r\n    <br>\r\n    <h5> Getting Started </h5>\r\n    <p>\n      This MagicGraph offers a visual-interactive illustration to help you test your understanding of the area of a triangle. <br><br>\r\n      Follow the steps below to get started.\r\n      <ul class=\"a mx-3\">\r\n        <li>\n          Tap on <i class=\"shuffler ma-1\" /> button to\r\n          interactively changed the base, height and area of the triangle. Or alternately you can\r\n          change the triangle by dragging points A, B or C.\n        </li>\r\n        <li> Enter your answer for the area of the triangle in the input field shown.</li>\r\n        <li> Tap on <i class=\"tester ma-1\" /> button to test your answer. </li>\r\n      </ul>\r\n    </p>\r\n    <h5> Icons on the MagicGraph </h5>\r\n    <p>\n      This MagicGraph contains the following two icons: <br>\r\n      <i class=\"shuffler ma-1\" /> Tap on this button to shuffle and generate a new version of the problem. <br>\r\n      <i class=\"tester ma-1\" /> Tap on this button to test your answer. <br>\r\n    </p>\r\n    <br>\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: 'TriangleArea',\r\n  async created () {\r\n    await this.$store.dispatch('navigation/getData');\r\n    let title = 'Area of a Triangle';\r\n    this.$store.commit('navigation/changeTitle', title);\r\n    this.$store.commit('navigation/changeMenu', title);\r\n    let newTopics = [\r\n      {title: 'Parallel Lines', img:'/assets/number-1.svg', action: () => this.goto('intro')},\r\n      {title: 'Transversal', img:'/assets/number-2.svg', action: () => this.goto('trans')},\r\n      {title: 'Pair of Angles', img:'/assets/number-3.svg', action: () => this.goto('angles')},\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: 'Area',\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 how to draw a free body diagram'}\r\n                ]\r\n        }\r\n   },\r\n}\r\n</script>\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</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=4da2f106&\"\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=4da2f106&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"],"sourceRoot":""}