{"version":3,"sources":["webpack:///./src/components/mathematics/Math6thGrade/toolSet/Lesson.vue","webpack:///./src/components/mathematics/Math6thGrade/toolSet/Boxes.js","webpack:///src/components/mathematics/Math6thGrade/toolSet/Lesson.vue","webpack:///./src/components/mathematics/Math6thGrade/toolSet/Lesson.vue?8da4","webpack:///./src/components/mathematics/Math6thGrade/toolSet/Lesson.vue?d45d","webpack:///./src/components/mathematics/Math6thGrade/toolSet/Lesson.vue?3736"],"names":["staticClass","ref","attrs","staticRenderFns","Boxes","box1","JXG","Options","board","minimizeReflow","point","showInfoBox","highlight","text","fixed","curve","circle","cssDefaultStyle","brd1","JSXGraph","initBoard","boundingbox","keepaspectratio","axis","ticks","grid","showCopyright","showNavigation","pan","enabled","zoom","makeResponsive","options","layer","placeTitle","placeLogo","suspendUpdate","name","placeMiddleText","setAttribute","color","des","divider","placeImage","on","setText","compass","pro","ruler","sq","unsuspendUpdate","created","_this","$store","commit","title","newTopics","img","action","goto","mounted","MathJax","Hub","Queue","metaInfo","titleTemplate","meta","content","component"],"mappings":"8KAA4D,EAAU,W,IAAOA,OAAmB,EAAK,EAAI,MAAC,G,OAAK,SAAQ,YAAS,QAAuCA,QAAW,CAAQ,IAAK,SAAiOC,GAAI,yCAAQ,YAAS,QAAyEA,GAAI,+NAAK,IAAK,SAAwDD,mDAAY,wBAAO,IAAK,MAAuLE,GAAK,GAAC,mD,YAAC,QAAmB,0KAAE,MAAK,CAAOF,iBAAY,K,CAAyB,QAAK,CAAS,8BAAG,MAAM,CACt3B,mBACyC,IAAC,IAAqB,EAAe,Y,IAACA,OAAqB,EAAK,EAAI,MAAK,GACjH,eAEF,YAAiBG,U,woCCqBXC,EAAQ,CACZC,KAAM,WACPC,IAAIC,QAAQC,MAAMC,eAAiB,OAClCH,IAAIC,QAAQG,MAAMC,aAAY,EAC9BL,IAAIC,QAAQG,MAAME,WAAU,EAC5BN,IAAIC,QAAQM,KAAKD,WAAU,EAC3BN,IAAIC,QAAQM,KAAKC,OAAM,EACvBR,IAAIC,QAAQQ,MAAMH,WAAU,EAC5BN,IAAIC,QAAQS,OAAOJ,WAAU,EAC7BN,IAAIC,QAAQM,KAAKI,gBAAgB,qBACjC,IAAIC,EAAOZ,IAAIa,SAASC,UAAU,UAAU,CAACC,YAAa,EAAE,EAAG,GAAI,IAAK,GAAGC,iBAAiB,EAAMC,MAAK,EAAOC,OAAM,EAAMC,MAAK,EAAMC,eAAc,EAAOC,gBAAe,EAAOC,IAAI,CAACC,SAAQ,GAAQC,KAAK,CAACD,SAAQ,KACnNE,eAAeb,GACfA,EAAKc,QAAQC,MAAM,SAAU,GAE7BC,eAAWhB,EAAM,kBAAmB,mDACpCiB,eAAUjB,GACVA,EAAKkB,gBACL,IAAIC,EAAOC,eAAgBpB,EAAM,IAAK,GAAI,IAC1CmB,EAAKE,aAAa,CAACC,MAAM,UACzB,IAAIC,EAAMH,eAAgBpB,EAAM,IAAK,GAAI,IACzCuB,EAAIF,aAAa,CAACC,MAAM,UACxBtB,EAAKc,QAAQC,MAAM,SAAU,GAC7B,IAAIS,EAAUC,eAAWzB,EAAM,yBAA0B,EAAG,EAAG,EAAG,GAClEwB,EAAQE,GAAG,QAAQ,WAAWP,EAAKQ,QAAQ,sBAAuBJ,EAAII,QAAQ,+CAC9EH,EAAQE,GAAG,OAAO,WAAWP,EAAKQ,QAAQ,IAAKJ,EAAII,QAAQ,OAC3D,IAAIC,EAAUH,eAAWzB,EAAM,sBAAuB,EAAG,EAAG,EAAG,GAC/D4B,EAAQF,GAAG,QAAQ,WAAWP,EAAKQ,QAAQ,sBAAuBJ,EAAII,QAAQ,sDAC9EC,EAAQF,GAAG,OAAO,WAAWP,EAAKQ,QAAQ,IAAKJ,EAAII,QAAQ,OAC3D,IAAIE,EAAKJ,eAAWzB,EAAM,yBAA0B,EAAG,EAAG,EAAG,GAC7D6B,EAAIH,GAAG,QAAQ,WAAWP,EAAKQ,QAAQ,yBAA0BJ,EAAII,QAAQ,iDAC7EE,EAAIH,GAAG,OAAO,WAAWP,EAAKQ,QAAQ,IAAKJ,EAAII,QAAQ,OACvD,IAAIG,EAAQL,eAAWzB,EAAM,uBAAwB,EAAG,EAAG,EAAG,GAC9D8B,EAAMJ,GAAG,QAAQ,WAAWP,EAAKQ,QAAQ,oBAAqBJ,EAAII,QAAQ,2DAC1EG,EAAMJ,GAAG,OAAO,WAAWP,EAAKQ,QAAQ,IAAKJ,EAAII,QAAQ,OACzD,IAAII,EAAKN,eAAWzB,EAAM,wBAAyB,EAAG,EAAG,EAAG,GAC5D+B,EAAGL,GAAG,QAAQ,WAAWP,EAAKQ,QAAQ,yBAA0BJ,EAAII,QAAQ,yEAC5EI,EAAGL,GAAG,OAAO,WAAWP,EAAKQ,QAAQ,IAAKJ,EAAII,QAAQ,OAmEtD3B,EAAKgC,oBAGQ9C,ICrFA,GACfiC,KAAA,QACAc,QAAA,eAAAC,EAAA,KACA,KAAAC,OAAAC,OAAA,yBACA,IAAAC,EAAA,mBACA,KAAAF,OAAAC,OAAA,yBAAAC,GACA,KAAAF,OAAAC,OAAA,wBAAAC,GACA,IAAAC,EAAA,CACA,CAAAD,MAAA,kBAAAE,IAAA,uBAAAC,OAAA,kBAAAN,EAAAO,KAAA,WACA,CAAAJ,MAAA,yBAAAE,IAAA,uBAAAC,OAAA,kBAAAN,EAAAO,KAAA,WACA,CAAAJ,MAAA,aAAAE,IAAA,oBAAAC,OAAA,kBAAAN,EAAAO,KAAA,SAEA,KAAAN,OAAAC,OAAA,2BAAAE,GACA,KAAAH,OAAAC,OAAA,gCACA,KAAAD,OAAAC,OAAA,6BACA,KAAAD,OAAAC,OAAA,kCACA,KAAAD,OAAAC,OAAA,+BACA,KAAAD,OAAAC,OAAA,gCAEAM,QAAA,WACAC,QAAAC,IAAAC,MAAA,WAAAF,QAAAC,MACA1D,EAAAC,QAEA2D,SAAA,WACA,OAAAT,MAAA,6BACAU,cAAA,2BACAC,KAAA,EAAA7B,KAAA,WAAA8B,QAAA,uCACA,CAAA9B,KAAA,cAAA8B,QAAA,gDC1E6X,I,wBCQzXC,EAAY,eACd,EACA,EACAjE,GACA,EACA,KACA,KACA,MAIa,aAAAiE,E,2CCnBf","file":"js/chunk-2d5a1fb0.18e17ee9.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"px-4\"},[_c('h3',{ref:\"intro\"},[_vm._v(\"\\n    Geometric Tools\\n  \")]),_c('p',{staticClass:\"mt-2\"},[_vm._v(\"\\n    In order to construct geometric shapes such as circles, lines, and arcs, you need special set of tools.\\n    These tools are known as geometric tools. There are five commonly used geometric tools.\\n  \")]),_c('h3',{ref:\"types\"},[_vm._v(\"\\n    Commonly Used Geometric Tools\\n  \")]),_vm._m(0),_c('br'),_c('h3',{ref:\"pg\"},[_vm._v(\"\\n    MagicGraph | Geometric Tools\\n  \")]),_c('p',{staticClass:\"mt-2\"},[_vm._v(\"\\n    This MagicGraph provides a visual description of commonly used geometric tools. Tap on each tool to see it name and use.\\n  \")]),_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('ul',{staticClass:\"a mt-2\"},[_c('li',[_c('h5',[_vm._v(\" Ruler\")]),_vm._v(\" A ruler has a straight edge which is marked with \"),_c('i',[_vm._v(\"centimeter\")]),_vm._v(\" or \"),_c('i',[_vm._v(\"inch\")]),_vm._v(\". A ruler is used to draw straight lines or to measure lengths.\")]),_c('li',[_c('h5',[_vm._v(\" Protractor\")]),_vm._v(\" A protractor is a geometric tool in the shape of a semicircular disk with \"),_c('i',[_vm._v(\"degree\")]),_vm._v(\" markings to measure angles on its round edge.\\n      It is used to measure the size of an angle in degrees.\\n    \")]),_c('li',[_c('h5',[_vm._v(\" Set-squares\")]),_vm._v(\"\\n      A set-square is a geometric tool in the shape of a right-angled triangle with \"),_c('i',[_vm._v(\"centimeter\")]),_vm._v(\" or \"),_c('i',[_vm._v(\" inch \")]),_vm._v(\" markings on all of its edges to measure distance.\\n    \")]),_c('li',[_c('h5',[_vm._v(\" Divider\")]),_vm._v(\"\\n      A divider is a V-shaped tool — both sides of the \\\"V\\\" hold a pointer. A divider is used to divide distances or lengths.\\n    \")]),_c('li',[_c('h5',[_vm._v(\" Compass\")]),_vm._v(\" A compass is a V-shaped tool. One side of the \\\"V\\\" holds a pencil and the other side is a pointer. A compass is used to construct circles and arcs.\\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    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.circle.highlight=false;\r\n  JXG.Options.text.cssDefaultStyle='fontFamily:Oswald;'\r\n  var brd1 = JXG.JSXGraph.initBoard('jxgbox1',{boundingbox: [-7, 25, 20, -2],keepaspectratio: true, axis:false, ticks:true, grid:true, showCopyright:false, showNavigation:false, pan:{enabled:false}, zoom:{enabled:false}});\r\n  makeResponsive(brd1);\r\n  brd1.options.layer['image'] =14;\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, 'Geometric Tools', '(Tap on each apparatus to see its name and use)');\r\n  placeLogo(brd1);\r\n  brd1.suspendUpdate();\r\n  var name = placeMiddleText(brd1, 6.5, 18, '');\r\n  name.setAttribute({color:'green'});\r\n  var des = placeMiddleText(brd1, 6.5, 16, '');\r\n  des.setAttribute({color:'green'});\r\n  brd1.options.layer['image'] =14;\r\n  var divider = placeImage(brd1, '/assets/divider-g.svg', -4, 6, 6, 0);\r\n  divider.on('down', function(){name.setText('This is a divider.'); des.setText('A divider is used for comparing lengths.'); });\r\n  divider.on('out', function(){name.setText(''); des.setText('')});\r\n  var compass = placeImage(brd1, '/assets/compass.svg', 2, 6, 6, 0);\r\n  compass.on('down', function(){name.setText('This is a compass.'); des.setText('A compass is used for drawing arcs and circles.'); });\r\n  compass.on('out', function(){name.setText(''); des.setText('')});\r\n  var pro =placeImage(brd1, '/assets/protractor.svg', 8, 6, 6, 0);\r\n  pro.on('down', function(){name.setText('This is a protractor.'); des.setText('A protractor is used for measuring angles.'); });\r\n  pro.on('out', function(){name.setText(''); des.setText('')});\r\n  var ruler = placeImage(brd1, '/assets/ruler-g.svg', -2, 0, 4, 0);\r\n  ruler.on('down', function(){name.setText('This is a ruler.'); des.setText('A ruler is used for measuring distances and lengths.'); });\r\n  ruler.on('out', function(){name.setText(''); des.setText('')});\r\n  var sq = placeImage(brd1, '/assets/setSquare.svg', 4, 0, 4, 0);\r\n  sq.on('down', function(){name.setText('This is a Set Square.'); des.setText('A set square is used for drawing parallel and perpendicular lines.'); });\r\n  sq.on('out', function(){name.setText(''); des.setText('')});\r\n  //Title and subtitleplaceSlider(board, positionX, positionY, limit1, start, limit2, length, name)\r\n/*  var radius = placeSlider(brd1, 0, -5, 1, 1.5, 2.5, 5, '&nbsp; R(m)');\r\n  radius.setAttribute({unitLabel:'m'});\r\n  radius.setAttribute({snapWidth:0.5});\r\n  var go = placeImage(brd1, '/assets/go.svg', 10, -6, 2, 0);\r\n  go.setLabel('Tap to roll the circle.')\r\n  go.label.setAttribute({visible:false, alignX:'middle', offset:[0, -15], CssStyle:'fontFamily:Oswald', fontSize:12});\r\n  go.on('over', function () {this.label.setAttribute({visible:true});});\r\n  go.on('out', function () {this.label.setAttribute({visible:false});});\r\n  placeMiddleText(brd1, 6.5, 9, 'Circumference = Distance between A and B');\r\n  placeMiddleText(brd1, 6.5, 13, 'L = 2πR');\r\n  placeMiddleText(brd1, 6.5, 11, 'Select a radius for the circle. Then hit Go.');\r\n  //var radius = brd1.create('slider',[[15,12],[20,12],[1,2.5,3]], {snapToGrid: false ,face:'circle', size:3, name:'r', strokeColor:'black', label:{fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\n  var segment1 = brd1.create('segment', [[0,function(){return radius.Value()}], [function(){return 2*Math.PI*radius.Value()},function(){return radius.Value()}]], {fixed: true, strokeColor: 'black', visible:false});\r\n\r\n  var ptCenter = brd1.create('glider', [0,2, segment1],{face:'+' , name:'', label:{fontSize:function(){return 16*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\n  var pt1 =brd1.create('point', [function(){return ptCenter.X()},function(){return ptCenter.Y()-radius.Value()}], {fixed:false, visible:false, face:'circle', size:4, name:'B', label: {offset: [0,-20]}, strokeColor: 'black', fillColor: '#e1e1e1'});\r\n  brd1.create('point', [ptCenter.X(),ptCenter.Y()-radius.Value()], {fixed:false, visible:true, face:'circle', size:2, name:'A', label: {offset: [0,-20]}, strokeColor: 'red', fillColor: 'red'});\r\n  ///////////////////////////////////////////////////\r\n  var c1 = brd1.create('circle', [ptCenter, pt1], {strokeColor: 'black', strokeWidth:0.1, fillColor:'orange', fillOpacity:0.5});\r\n  ////////////////\r\n  go.on('down', function(){ptCenter.moveTo([2*Math.PI*radius.Value(), radius.Value()], 500)});\r\n\r\n  radius.on('drag', function(){ptCenter.moveTo([0, radius.Value()])});\r\n  //\r\n  function angle1(){\r\n      return  (2*Math.PI-ptCenter.X()/radius.Value() );\r\n  }\r\n//////////////////////////////////////////////////\r\n  var pt3 =brd1.create('point', [function(){return ptCenter.X()+radius.Value()*Math.sin(angle1())},function(){return ptCenter.Y()-radius.Value()*Math.cos(angle1())}],\r\n  {fixed:false, visible:true, face:'circle', size:2, name:'B', label: {offset: [0,-20], visible:function(){return ptCenter.X()>2*Math.PI*radius.Value()-0.1;}}, strokeColor: 'red', fillColor: 'red'});\r\n  //pt3.label.setAttribute({visible:true});\r\n  //placeArrow(brd1, [()=>ptCenter.X(), ()=>ptCenter.Y()], [()=>pt3.X(), ()=>pt3.Y()], 2, 'black');\r\n  //var txt1 = brd1.create('text', [3, -4,  function(){return 'ANGLE = ' + angle1()*180/Math.PI}],{visible: true, fixed: true, anchorX: 'middle', anchorY: 'middle', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(12*brd1.canvasWidth/500.)}},);\r\n\r\n  var segment2 = brd1.create('segment', [[0,0], [function(){return pt1.X()},0]], {fixed: true, strokeColor: 'red', visible:true});\r\n\r\n  var arc1 = brd1.create('arc', [ptCenter, pt1, pt3], {strokeColor: 'red', strokeWidth: 2});\r\n\r\n\r\n  //Arrow\r\n  var ptArrow1 =brd1.create('point', [function(){return pt1.X()} ,-2], {fixed:true, visible:false, face:'circle', size:4, name:' ', label: {offset: [0,25]}, strokeColor: 'black', fillColor: '#e1e1e1'});\r\n  var ptArrow2 =brd1.create('point', [0 ,-2], {fixed:false, visible:false, face:'circle', size:4, name:' ', label: {offset: [0,25]}, strokeColor: 'black', fillColor: '#e1e1e1'});\r\n  var segment2 = brd1.create('segment', [ptArrow1, ptArrow2], {fixed: true, strokeColor: 'black', visible:true, strokeWidth:1,\r\n                                                                                                                  highlightStrokeWidth: 2,\r\n                                                                                                                  lastArrow: {type: 2, size: 8, highlightSize: 6},\r\n                                                                                                                  touchLastPoint: false,\r\n                                                                                                                  firstArrow: {type: 2, size: 8}\r\n                                                                                                                  });\r\n\r\n  var txtPer = brd1.create('text', [function(){return pt1.X()/2}, -1.5,  function(){return ''+pt1.X().toFixed(2)+' m'}],{visible: true, fixed: true, anchorX: 'middle', anchorY: 'middle', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(12*brd1.canvasWidth/500.)}},);\r\n\r\n\r\n  var ptArrow3 =brd1.create('point', [-5,0], {fixed:true, visible:false, face:'circle', size:4, name:' ', label: {offset: [0,25]}, strokeColor: 'black', fillColor: '#e1e1e1'});\r\n  var ptArrow4 =brd1.create('point', [-5, function(){return radius.Value()}], {fixed:false, visible:false, face:'circle', size:4, name:' ', label: {offset: [0,25]}, strokeColor: 'black', fillColor: '#e1e1e1'});\r\n  var segment3 = brd1.create('segment', [ptArrow3, ptArrow4], {fixed: true, strokeColor: 'black', visible:true, strokeWidth:1,\r\n                                                                                                                  highlightStrokeWidth: 2,\r\n                                                                                                                  lastArrow: {type: 2, size: 8, highlightSize: 6},\r\n                                                                                                                  touchLastPoint: false,\r\n                                                                                                                  firstArrow: {type: 2, size: 8}\r\n                                                                                                                  });\r\n\r\n  var txtRad = brd1.create('text', [-4, function(){return radius.Value()/2},  function(){return radius.Value().toFixed(2)}],{visible: true, fixed: true, anchorX: 'middle', anchorY: 'middle', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(12*brd1.canvasWidth/500.)}},);\r\n\r\n*/\r\n\r\n  brd1.unsuspendUpdate();\r\n},\r\n}\r\nexport default Boxes;\r\n","<template>\r\n  <div class=\"px-4\">\r\n    <h3 ref=\"intro\">\r\n      Geometric Tools\r\n    </h3>\r\n    <p class=\"mt-2\">\r\n      In order to construct geometric shapes such as circles, lines, and arcs, you need special set of tools.\r\n      These tools are known as geometric tools. There are five commonly used geometric tools.\r\n    </p>\r\n    <h3 ref=\"types\">\r\n      Commonly Used Geometric Tools\r\n    </h3>\r\n    <ul class=\"a mt-2\">\r\n      <li> <h5> Ruler</h5> A ruler has a straight edge which is marked with <i>centimeter</i> or <i>inch</i>. A ruler is used to draw straight lines or to measure lengths.</li>\r\n      <li>\n        <h5> Protractor</h5> A protractor is a geometric tool in the shape of a semicircular disk with <i>degree</i> markings to measure angles on its round edge.\r\n        It is used to measure the size of an angle in degrees.\n      </li>\r\n      <li>\n        <h5> Set-squares</h5>\r\n        A set-square is a geometric tool in the shape of a right-angled triangle with <i>centimeter</i> or <i> inch </i> markings on all of its edges to measure distance.\r\n      </li>\r\n      <li>\n        <h5> Divider</h5>\r\n        A divider is a V-shaped tool &mdash; both sides of the \"V\" hold a pointer. A divider is used to divide distances or lengths.\r\n      </li>\r\n      <li>\n        <h5> Compass</h5> A compass is a V-shaped tool. One side of the \"V\" holds a pencil and the other side is a pointer. A compass is used to construct circles and arcs.\r\n      </li>\r\n    </ul>\r\n    <br>\r\n    <h3 ref=\"pg\">\n      MagicGraph | Geometric Tools\r\n    </h3>\r\n    <p class=\"mt-2\">\n      This MagicGraph provides a visual description of commonly used geometric tools. Tap on each tool to see it name and use.\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: 'Tools',\r\n  created: function () {\r\n    this.$store.commit('navigation/resetState');\r\n    let title = 'Geometric Tools ';\r\n    this.$store.commit('navigation/changeTitle', title);\r\n    this.$store.commit('navigation/changeMenu', title);\r\n    let newTopics = [\r\n      {title: 'Geometric Tools', img:'/assets/number-1.svg', action: () => this.goto('intro')},\r\n      {title: 'Common Geometric Tools', 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    this.$store.commit('navigation/toggleshowhome', false);\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: 'Geometry Tools & Apparatus',\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=97271224&\"\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=97271224&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=97271224&prod&lang=scss&\""],"sourceRoot":""}