{"version":3,"sources":["webpack:///./src/components/mathematics/drawTriangle/Lesson.vue","webpack:///./src/components/mathematics/drawTriangle/Boxes.js","webpack:///src/components/mathematics/drawTriangle/Lesson.vue","webpack:///./src/components/mathematics/drawTriangle/Lesson.vue?9e5c","webpack:///./src/components/mathematics/drawTriangle/Lesson.vue?3b93"],"names":["ref","attrs","staticClass","staticRenderFns","_vm","_v","_self","Boxes","box1","JXG","Options","board","minimizeReflow","point","showInfoBox","highlight","text","fixed","curve","circle","polygon","cssDefaultStyle","brd1","JSXGraph","initBoard","boundingbox","keepaspectratio","axis","ticks","grid","showCopyright","showNavigation","pan","enabled","zoom","options","layer","makeResponsive","placeTitle","placeLogo","analytics","placeImage","setLabel","label","setAttribute","visible","alignX","offset","CssStyle","fontSize","on","this","erase","suspendUpdate","name","placeMiddleText","color","des","g","h","txt1","txt2","txt3","txt4","txt5","txt6","p","q","r","x","y","z","names","i","Points","evt","mouseover","create","getUsrCoordsOfMouse","size","snapToGrid","update","strokeColor","borders","fillColor","fillOpacity","strokeWidth","radius","placeRightText","L","toFixed","placeLeftText","Value","Math","PI","removeObject","unsuspendUpdate","created","$store","commit","title","newshowhome","mounted","MathJax","Hub","Queue","metaInfo","titleTemplate","meta","content","component"],"mappings":"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","file":"js/chunk-2d229db7.150ca03c.js","sourcesContent":["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 | Drawing a Triangle\\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\"}})]),_c('v-layout',{attrs:{\"justify-center\":\"\"}},[_c('h3',{staticClass:\"edliy-text-about\"},[_vm._v(\"\\n        Quick Tips: Tap on \"),_c('i',{staticClass:\"stater ma-1\"}),_vm._v(\" button to see the sides and angles of the triangle. Tap on \"),_c('i',{staticClass:\"eraser ma-1\"}),_vm._v(\" button to erase everything and start over.\\n      \")])])],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 lesson on drawing a triangle.\\n    \"),_c('br'),_c('br')])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',[_vm._v(\"\\n    Tap on \"),_c('i',{staticClass:\"redoer ma-1\"}),_vm._v(\" button  to go to the next step. Tap on \"),_c('i',{staticClass:\"undoer ma-1\"}),_vm._v(\" button to go to the previous step.\\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} from '../../../common/edliy_utils-fractions';\r\nconst Boxes = {\r\n  box1: function () {\r\n  JXG.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.circle.highlight=false;\r\n  JXG.Options.polygon.highlight=false;\r\n  JXG.Options.text.cssDefaultStyle='fontFamily:Oswald;'\r\n  var brd1 = JXG.JSXGraph.initBoard('jxgbox1',{boundingbox: [-10, 10, 10, -10],keepaspectratio: true, axis:true, ticks:true, grid:true, showCopyright:false, showNavigation:false, pan:{enabled:false}, zoom:{enabled:false}});\r\n  //Layering\r\n  brd1.options.layer['point']=6\r\n  brd1.options.layer['segment']=4\r\n  makeResponsive(brd1);\r\n  placeTitle(brd1, 'Draw a Triangle', '(Click to Add Points to the Board)');\r\n  placeLogo(brd1);\r\n  var analytics =placeImage(brd1, '/assets/statistics.svg', 1, -9.25, 1.5, 0);\r\n  analytics.setLabel('Extreme Analytics')\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 =placeImage(brd1, '/assets/eraser.svg', -2.5, -9.25, 1.5, 0);\r\n  erase.setLabel('Tap to Erase & Restart')\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  //placeDash(board, Pt1, Pt2, width, cols)\r\n  //brd1.create('axis', [[-1, 0], [1, 0]], {strokeWidth: 2, strokeColor: 'red'});\r\n  brd1.suspendUpdate();\r\n  var name = placeMiddleText(brd1, 6.5, 14, '');\r\n  name.setAttribute({color:'green'});\r\n  var des = placeMiddleText(brd1, 6.5, 14, '');\r\n  des.setAttribute({color:'green'});\r\n  brd1.options.layer['image'] =14;\r\n  var names=['A', 'B', 'C'];\r\n var i =0; var g; var h; var txt1; var txt2; var txt3; var txt4; var txt5; var txt6; var p, q, r, x, y, z;\r\n  var Points=[];\r\n  brd1.on('up',\r\n            function (evt)\r\n            {\r\n            if(i<3 && !erase.mouseover)\r\n            {\r\n            Points[i] = brd1.create('point', brd1.getUsrCoordsOfMouse(evt), {name:names[i],size:4, snapToGrid:true});\r\n            }\r\n            i+=1;\r\n            brd1.update();\r\n            });\r\n  //erase.on('down', brd1.removeObject(Points[0]));\r\n  brd1.on('up', function()\r\n  {\r\n    if(i==2)\r\n    {\r\n    g =brd1.create('segment',[Points[0], Points[1]] , {name:'g', strokeColor:'black', visible:false});\r\n    }\r\n  }\r\n)\r\nbrd1.on('up', function()\r\n{\r\n  if(i==3)\r\n  {\r\n   h =brd1.create('polygon',[Points[0], Points[1], Points[2]] , {name:'h', borders:{strokeColor:'black'}, fillColor:'white', fillOpacity:1, strokeColor:'red', strokeWidth:1});\r\n   p=brd1.create('segment',[Points[0], Points[1]] , {name:'p', visible:false, strokeColor:'blue', strokeWidth:0});\r\n   q=brd1.create('segment',[Points[1], Points[2]] , {name:'q', visible:false, strokeColor:'blue', strokeWidth:0});\r\n   r=brd1.create('segment',[Points[0], Points[2]] , {name:'r', visible:false, strokeColor:'blue', strokeWidth:0});\r\n   x =brd1.create('nonreflexangle',[Points[0], Points[1], Points[2]] , {radius:1, name:'a', visible:false, strokeColor:'blue', strokeWidth:1});\r\n   y =brd1.create('nonreflexangle',[Points[1], Points[0], Points[2]] , {radius:1, name:'b', visible:false, strokeColor:'blue', strokeWidth:1});\r\n   z =brd1.create('nonreflexangle',[Points[0], Points[2], Points[1]] , {radius:1, name:'c', visible:false, strokeColor:'blue', strokeWidth:1});\r\n   txt1 = placeRightText(brd1, -4, 6.5, function(){return 'AB = ' + (p.L()).toFixed(2);});\r\n   txt1.setAttribute({visible:false, color:'black'});\r\n   txt2 = placeMiddleText(brd1, 0, 6.5, function(){return 'BC = ' + (q.L()).toFixed(2);});\r\n   txt2.setAttribute({visible:false, color:'red'});\r\n   txt3 = placeLeftText(brd1,  4, 6.5, function(){return 'CA = ' + (r.L()).toFixed(2);});\r\n   txt3.setAttribute({visible:false, color:'green'});\r\n   /////////////\r\n   txt4 = placeRightText(brd1, -4, 5.5, function(){return 'a = ' + (x.Value()*180/Math.PI).toFixed(2);});\r\n   txt4.setAttribute({visible:false, color:'black'});\r\n   txt5 = placeMiddleText(brd1, 0, 5.5, function(){return 'b = ' + (y.Value()*180/Math.PI).toFixed(2);});\r\n   txt5.setAttribute({visible:false, color:'red'});\r\n   txt6 = placeLeftText(brd1,  4, 5.5, function(){return 'c = ' + (z.Value()*180/Math.PI).toFixed(2);});\r\n   txt6.setAttribute({visible:false, color:'green'});\r\n  //var k =brd1.create('segment',[Points[0], Points[2]] , {name:'k', strokeColor:'red', strokeWidth:1});\r\n  }\r\n}\r\n)\r\n erase.on('down', function()\r\n {\r\n   brd1.removeObject([Points, g, h, p, q, r, x, y, z, txt1, txt2, txt3]);\r\n   txt1.setAttribute({visible:false});\r\n   txt2.setAttribute({visible:false});\r\n   txt3.setAttribute({visible:false});\r\n   txt4.setAttribute({visible:false});\r\n   txt5.setAttribute({visible:false});\r\n   txt6.setAttribute({visible:false});\r\n });\r\n erase.on('up', function()\r\n {\r\n  i=0;\r\n  if(!g)\r\n  {var g;}\r\n  if(!h){var h;}\r\n  if(!Points){var Points=[];}\r\n });\r\n analytics.on('down', function()\r\n {\r\n txt1.setAttribute({visible:true});\r\n txt2.setAttribute({visible:true});\r\n txt3.setAttribute({visible:true});\r\n txt4.setAttribute({visible:true});\r\n txt5.setAttribute({visible:true});\r\n txt6.setAttribute({visible:true});\r\n x.setAttribute({visible:true});\r\n y.setAttribute({visible:true});\r\n z.setAttribute({visible:true});\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\">\r\n      Area of a Triangle\r\n    </h3>\r\n    <br>\r\n    <p>\r\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\">\r\n      MagicGraph | Drawing a Triangle\r\n    </h3>\r\n    <br>\r\n    <h5> Getting Started </h5>\r\n    <p>\n      This MagicGraph offers a visual-interactive lesson on drawing a triangle.\r\n      <br><br>\r\n    </p>\r\n    <h5> Icons on the MagicGraph </h5>\r\n    <p>\r\n      Tap on <i class=\"redoer ma-1\" /> button  to go to the next step. Tap on <i class=\"undoer ma-1\" /> button to go to the previous step.\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-layout justify-center>\r\n        <h3 class=\"edliy-text-about\">\n          Quick Tips: Tap on <i class=\"stater ma-1\" /> button to see the sides and angles of the triangle. Tap on <i class=\"eraser ma-1\" /> button to erase everything and start over.\n        </h3>\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: 'Tools',\r\n  created: function () {\r\n    this.$store.commit('navigation/resetState');\r\n    let title = 'Drawing a Triangle ';\r\n    this.$store.commit('navigation/changeTitle', title);\r\n    this.$store.commit('navigation/changeMenu', title);\r\n    let newshowhome = false;\r\n    this.$store.commit('navigation/toggleshowhome', newshowhome);\r\n    this.$store.commit('navigation/replaceMath', true);\r\n    this.$store.commit('navigation/replaceLeftArrow', true);\r\n    this.$store.commit('navigation/replaceModule', true);\r\n    this.$store.commit('navigation/replaceSample', true);\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: 'Drawing a Triangle',\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 drawing a triangle.'}\r\n                ]\r\n        }\r\n   },\r\n}\r\n</script>\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=5e6ca03d&\"\nimport script from \"./Lesson.vue?vue&type=script&lang=js&\"\nexport * from \"./Lesson.vue?vue&type=script&lang=js&\"\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":""}