{"version":3,"sources":["webpack:///./src/components/mathematics/fractions2/Lesson.vue?f128","webpack:///./src/components/mathematics/fractions2/Lesson.vue","webpack:///./src/components/mathematics/fractions2/Boxes.js","webpack:///src/components/mathematics/fractions/Lesson.vue","webpack:///./src/components/mathematics/fractions2/Lesson.vue?1b67","webpack:///./src/components/mathematics/fractions2/Lesson.vue?b963"],"names":["ref","attrs","staticClass","staticRenderFns","Boxes","box1","JXG","Options","board","minimizeReflow","point","showInfoBox","highlight","image","text","fixed","curve","cssDefaultStyle","brd1","JSXGraph","initBoard","boundingbox","keepaspectratio","axis","ticks","grid","showCopyright","showNavigation","pan","enabled","zoom","makeResponsive","options","layer","placeTitle","placeLogo","reload","placeShuffle","test","placeTest","lenArr","fracArr","placeImage","create","visible","fillOpacity","dash","strokeColor","strokeWidth","fillColor","highlightStrokeColor","k","right","wrong","setAttribute","setLabel","label","alignX","offset","CssStyle","fontSize","on","this","val","Math","min","ini","fun","placeRightText","placeMiddleText","placeLeftText","sect","removeObject","status","i","cos","PI","max","sin","center","radiusPoint","anglePoint","total","abs","evt","coords","getMousePosition","hasPointSector","name","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-2645d544.fbccc64d.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=315addec&prod&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('h3',{ref:\"intro\"},[_vm._v(\"\\n    Fraction\\n  \")]),_c('p',[_vm._v(\"\\n    A fraction is used to represent a part or portion of a whole object. A fraction is sometimes also called a fractional number.\\n    Take this example: imagine you bought a 6-slice pizza. Then 1/2 of that pizza would be 3 out of the 6 slices of the pizza.\\n  \")]),_c('h3',{ref:\"types\"},[_vm._v(\"\\n    Types of Fractions\\n  \")]),_vm._m(0),_c('h3',{ref:\"pg\"},[_vm._v(\"\\n    MagicGraph | Understanding Fractional Numbers\\n  \")]),_c('p',[_vm._v(\" In this MagicGraph, you will learn about fractions by example of slices of a pizza.\")]),_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(\" Proper Fraction \")])]),_c('p',[_vm._v(\"\\n      A proper fraction represents a portion or a part of a whole object. In a proper fraction, the denominator is greater than the numerator.\\n      An example of proper fraction would be 3/4 — which represents 3 slices of a 4-slice object.\\n    \")]),_c('li',[_c('h5',[_vm._v(\" Improper Fraction \")])]),_c('p',[_vm._v(\"\\n      An improper fraction is a sum of a whole number and a proper fraction. In an improper fraction, the numerator is greater than the denominator.\\n      An example of improper fraction would be \\\\(\\\\frac{5}{4}\\\\) — which represents 1 whole pizza plus 1 slice of a 4-slice pizza.\\n    \")]),_c('li',[_c('h5',[_vm._v(\" Mixed Fraction \")])]),_c('p',[_vm._v(\"\\n      When an improper fraction is represented as a combination of a whole number and a proper fraction then it is called a mixed fraction.\\n      An example of mixed fraction would be \\\\(1\\\\frac{1}{4}\\\\) — which is same as \\\\(\\\\frac{5}{4}\\\\).\\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    placeMiddleText,\r\n    placeLine,\r\n    placePoint,\r\n    placeGlider,\r\n    placeRuler,\r\n    placeLeftText,\r\n    placeRightText,\r\n    placeSliderSwitch,\r\n    placeCircle,\r\n    placeLogo,\r\n    placeShuffle,\r\n    placeTest\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.image.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: [-3, 11, 9, -1],keepaspectratio: true, axis:false, ticks:true, grid:true, showCopyright:false, showNavigation:false, pan:{enabled:false}, zoom:{enabled:false}});\r\n  //brd1.suspendUpdate();\r\n  makeResponsive(brd1);\r\n  brd1.options.layer['image'] =12;\r\n  brd1.options.layer['circle'] =13;\r\n  brd1.options.layer['chart'] =14;\r\n  brd1.options.layer['sector'] =15;\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, 'Fractions of a Pizza', 'Click on a Slice to Pick/Unpick it');\r\n  placeLogo(brd1);\r\n  var reload = placeShuffle(brd1);\r\n  var test = placeTest(brd1);\r\n  //var num =placeInput(brd1, 8, 4.5, 1);\r\n  //var den=placeInput(brd1, 8, 3.5, 4);\r\n  //hoverMe(brd1, num, 'Numerator', 15, 40);\r\n  //hoverMe(brd1, den, 'Denominator', 15, -40);\r\n  //placeLine(brd1, [8, 4], [9,4], 4, 'black');\r\n  //placeText(brd1, 7, 4, 24, 'Fraction =')\r\n  //var dataArr=[()=>num.Value(), ()=>den.Value()-num.Value()];\r\n  var lenArr = [2, 7, 4, 5, 3, 6, 8];\r\n  var fracArr = [1, 3, 3, 2, 2, 4, 5];\r\n  //var charts=[];\r\n  placeImage(brd1, '/assets/pizza.svg', 1, 2, 4,0);//\r\n//var circ = placeCircle(brd1, [3, 4], [5.5,4], 'black');\r\n//circ.setAttribute({strokeWidth:2, strokeColor:'black'});\r\n  var charts =brd1.create('circle', [[3,4], [5, 4]], {visible:true,\r\n  fillOpacity:0.25, dash:1, strokeColor: 'black', strokeWidth:0, fillColor:'white', layer: 2, highlightStrokeColor: 'black'})\r\n//brd1.create('circle', [3,4], [5,4], {strokeColor:'black', dash:1, fillOpacity:0});\r\n/*var charts =brd1.create('chart', [dataArr], {visible:false, highlightOnSector:true, highlightStrokeColor:'black',\r\n         highlightBySize:true, fillOpacity:0.4, strokeWidth:0, chartStyle:'pie',center:[3,4], colorArray: ['yellow','#0F408D'],\r\n         highlightColorArray:['#FFFFFF','#F9DF82','#F7FA7B','#B0D990','#69BF8E'],\r\n    //     labels:[()=>'Bulldog: '+type1.valueOf()+'/'+(type1.valueOf()+type2.valueOf()+type3.valueOf()+type4.valueOf()+type5.valueOf()),\r\n    //     ()=>'Doberman: '+ type2.valueOf()+'/'+(type1.valueOf()+type2.valueOf()+type3.valueOf()+type4.valueOf()+type5.valueOf()),\r\n    //     ()=>'Greyhound: '+ type3.valueOf()+'/'+(type1.valueOf()+type2.valueOf()+type3.valueOf()+type4.valueOf()+type5.valueOf()),\r\n    //     ()=>'Dalmatian: '+ type4.valueOf()+'/'+(type1.valueOf()+type2.valueOf()+type3.valueOf()+type4.valueOf()+type5.valueOf()),\r\n    //     ()=>'Shar-Pei: '+ type5.valueOf()+'/'+(type1.valueOf()+type2.valueOf()+type3.valueOf()+type4.valueOf()+type5.valueOf())],\r\n         label:{display:'internal',CssStyle:'fontFamily:Oswald', fontSize:function(){return Math.round(16*brd1.canvasWidth/800.)}}, strokeColor:'black', radius:2, strokeWidth:2});*/\r\n//charts.label.setAttribute({visible:false2, offset:[0, -15], CssStyle:'fontFamily:Oswald', fontSize:12});\r\n  var k =0;\r\n  //var reload =brd1.create('image', ['/assets/shuffle.svg', [-2.25,3.4],[1.2, 1.2]], {opacity:1, fixed:true});\r\n  var right = placeImage(brd1, '/assets/check.svg', 6.4, 3.4, 1.2,  0);\r\n  var wrong = placeImage(brd1, '/assets/cross.svg', 6.4, 3.4, 1.2,  0);\r\n  right.setAttribute({visible:false});\r\n  wrong.setAttribute({visible:false});\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  test.on('down', function(){let val = test(); if(val==fracArr[k]){right.setAttribute({visible:true})}else{wrong.setAttribute({visible:true})}});\r\n  /////////////////////////////////////////////////////////////////////////////////////////////\r\n  reload.setLabel('Tap to Shuffle')\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(){right.setAttribute({visible:false}); wrong.setAttribute({visible:false}); k=Math.min(k+1, 5);ini(); fun();});\r\n  //brd1.create('text', [4, 6.5, 'Select slices that make'],{display:'internal', alignX:'right'});\r\n  placeRightText(brd1, 2.5, 7.5, 'Pick');\r\n  placeMiddleText(brd1, 3.0, 7.5, ()=>fracArr[k]+'/'+lenArr[k]);\r\n  placeLeftText(brd1, 3.5, 7.5, 'of the Pizza');\r\n  //ques.setText();\r\n  //placeMiddleText(brd1, 3.0, 0.5, 'Click on a Slice to Select/Deselect it');\r\n  /////////////////////////////////////////////////////////////////////////////////////////////\r\n  //brd1.create('text', [()=>6+2.75*Math.cos(0.5*type1*2*Math.PI/(type1.valueOf()+type2.valueOf()+type3.valueOf()+type4.valueOf()+type5.valueOf())), ()=>3+2.75*Math.sin(0.5*type1*2*Math.PI/(type1.valueOf()+type2.valueOf()+type3.valueOf()+type4.valueOf()+type5.valueOf())), ()=>'Bulldog ('+type1.valueOf()+'/'+(type1.valueOf()+type2.valueOf()+type3.valueOf()+type4.valueOf()+type5.valueOf())+')'],{display:'internal',anchorX:'middle', fixed:true, CssStyle:'fontFamily:Oswald', fontSize:function(){return Math.round(16*brd1.canvasWidth/800.)}});\r\n  //brd1.create('text', [()=>6+2.75*Math.cos((type1+0.5*type2)*2*Math.PI/(type1.valueOf()+type2.valueOf()+type3.valueOf()+type4.valueOf()+type5.valueOf())), ()=>3+2.75*Math.sin((type1+0.5*type2)*2*Math.PI/(type1.valueOf()+type2.valueOf()+type3.valueOf()+type4.valueOf()+type5.valueOf())), ()=>'Doberman ('+type2.valueOf()+'/'+(type1.valueOf()+type2.valueOf()+type3.valueOf()+type4.valueOf()+type5.valueOf()) +')' ],{display:'internal',anchorX:'middle', fixed:true, CssStyle:'fontFamily:Oswald', fontSize:function(){return Math.round(16*brd1.canvasWidth/800.)}});\r\n  //brd1.create('text', [()=>6+2.75*Math.cos((type1+type2+0.5*type3)*2*Math.PI/(type1.valueOf()+type2.valueOf()+type3.valueOf()+type4.valueOf()+type5.valueOf())), ()=>3+2.75*Math.sin((type1+type2+0.5*type3)*2*Math.PI/(type1.valueOf()+type2.valueOf()+type3.valueOf()+type4.valueOf()+type5.valueOf())), ()=>'Grehound ('+type3.valueOf()+'/'+(type1.valueOf()+type2.valueOf()+type3.valueOf()+type4.valueOf()+type5.valueOf())+')'],{display:'internal',anchorX:'middle', fixed:true, CssStyle:'fontFamily:Oswald', fontSize:function(){return Math.round(16*brd1.canvasWidth/800.)}});\r\n  //brd1.create('text', [()=>6+2.75*Math.cos((type1+type2+type3+0.5*type4)*2*Math.PI/(type1.valueOf()+type2.valueOf()+type3.valueOf()+type4.valueOf()+type5.valueOf())), ()=>3+2.75*Math.sin((type1+type2+type3+0.5*type4)*2*Math.PI/(type1.valueOf()+type2.valueOf()+type3.valueOf()+type4.valueOf()+type5.valueOf())), ()=>'Dalmatian ('+type4.valueOf()+'/'+(type1.valueOf()+type2.valueOf()+type3.valueOf()+type4.valueOf()+type5.valueOf())+')'],{display:'internal',anchorX:'middle', fixed:true, CssStyle:'fontFamily:Oswald', fontSize:function(){return Math.round(16*brd1.canvasWidth/800.)}});\r\n  //brd1.create('text', [()=>6+2.75*Math.cos((type1+type2+type3+type4+0.5*type5)*2*Math.PI/(type1.valueOf()+type2.valueOf()+type3.valueOf()+type4.valueOf()+type5.valueOf())), ()=>3+2.75*Math.sin((type1+type2+type3+type4+0.5*type5)*2*Math.PI/(type1.valueOf()+type2.valueOf()+type3.valueOf()+type4.valueOf()+type5.valueOf())), ()=>'Shar-Pie ('+type5.valueOf()+'/'+(type1.valueOf()+type2.valueOf()+type3.valueOf()+type4.valueOf()+type5.valueOf()) +')'],{display:'internal',anchorX:'middle', fixed:true, CssStyle:'fontFamily:Oswald', fontSize:function(){return Math.round(16*brd1.canvasWidth/800.)}});\r\n//\r\n/////////////////////\r\nvar sect=[];\r\nvar ini = function(){\r\nbrd1.removeObject(sect,true);\r\n}\r\n/////////////////\r\n var status =[];\r\n var fun = function(){\r\n for(let i=0; i<lenArr[k]; i++)\r\n {\r\n   sect[i] =brd1.create('sector', [[3,4],\r\n    [3+2*Math.cos((i+1)*2*Math.PI/Math.max(lenArr[k],1)), 4+2*Math.sin((i+1)*2*Math.PI/Math.max(lenArr[k], 1))],\r\n    [3+2*Math.cos((i+2)*2*Math.PI/Math.max(lenArr[k],1)), 4+2*Math.sin((i+2)*2*Math.PI/Math.max(lenArr[k], 1))]],\r\n   {strokeColor:'black', strokeWidth:1, fillOpacity:0.});\r\n   status[i] = 0;\r\n   sect[i].setAttribute({dash:2, center:{visible:false}, radiusPoint:{visible:false}, anglePoint:{visible:false}});\r\n }\r\n};\r\n var test = function()\r\n { let total=0;\r\n   for(let i=0; i<lenArr[k]; i++)\r\n   {\r\n     total = total + Math.abs(Math.sin(status[i]*Math.PI/2));\r\n   }\r\n   return total;\r\n }\r\nini(); fun();\r\n\r\nbrd1.on('up', function(evt)\r\n{\r\n  let coords = brd1.getMousePosition(evt);\r\n  for(let i=0; i<lenArr[k]; i++)\r\n  {\r\n    if(sect[i].hasPointSector(coords[0], coords[1])==true)\r\n    { status[i] +=1;\r\n      right.setAttribute({visible:false});\r\n      wrong.setAttribute({visible:false});\r\n      sect[i].setAttribute({fillOpacity:Math.abs(Math.sin(status[i]*Math.PI/2)), fillColor:'OldLace'});\r\n    }\r\n  }\r\n}\r\n);\r\n//brd1.create('text', [6, 6, function(){return coords[0]}]);\r\n //num.on('down', function(){i=0; ini();fun();brd1.update()});\r\n //den.on('down', function(){i=0; ini();fun();brd1.update()});\r\n /////////////////////////////////////////////////////\r\n /*let magicGraph = document.querySelector(\"#jxgbox1\");\r\n let inputFields = magicGraph.querySelectorAll(\"input\");\r\n var onEachPress = function(event) { i=0; ini(); sect=[]; fun();}\r\n    inputFields.forEach(function(field) {\r\n    field.addEventListener('input', onEachPress);});*/\r\n/*  brd1.create('segment', [[3,4], [()=>3+2*Math.cos(2*Math.PI/(den.Value())), ()=>4+2*Math.sin(2*Math.PI/(den.Value()))]],\r\n  {strokeColor:'black', strokeWidth:1, dash:2});\r\n  brd1.create('segment', [[3,4], [()=>3+2*Math.cos(4*Math.PI/(den.Value())), ()=>4+2*Math.sin(4*Math.PI/(den.Value()))]],\r\n  {strokeColor:'black', strokeWidth:1, dash:2});\r\n  brd1.create('segment', [[3,4], [()=>3+2*Math.cos(6*Math.PI/(den.Value())), ()=>4+2*Math.sin(6*Math.PI/(den.Value()))]],\r\n  {strokeColor:'black', strokeWidth:1, dash:2});\r\n  brd1.create('segment', [[3,4], [()=>3+2*Math.cos(8*Math.PI/(den.Value())), ()=>4+2*Math.sin(8*Math.PI/(den.Value()))]],\r\n  {strokeColor:'black', strokeWidth:1, dash:2});\r\n  brd1.create('segment', [[3,4], [()=>3+2*Math.cos(10*Math.PI/(den.Value())), ()=>4+2*Math.sin(10*Math.PI/(den.Value()))]],\r\n  {strokeColor:'black', strokeWidth:1, dash:2});\r\n  brd1.create('segment', [[3,4], [()=>3+2*Math.cos(12*Math.PI/(den.Value())), ()=>4+2*Math.sin(12*Math.PI/(den.Value()))]],\r\n  {strokeColor:'black', strokeWidth:1, dash:2});*/\r\n//\r\n//reload.on('down', function(){ini();type1=Math.round(Math.random()*3)+1; type2=Math.round(Math.random()*4)+1; type3=Math.round(Math.random()*4)+1;type4=Math.round(Math.random()*2)+1;type5=Math.round(Math.random()*3)+1;\r\n//   i=1;j=1;k=1;l=1;m=1;});\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      Fraction\r\n    </h3>\r\n    <p>\r\n      A fraction is used to represent a part or portion of a whole object. A fraction is sometimes also called a fractional number.\r\n      Take this example: imagine you bought a 6-slice pizza. Then 1/2 of that pizza would be 3 out of the 6 slices of the pizza.\r\n    </p>\r\n    <h3 ref=\"types\">\r\n      Types of Fractions\r\n    </h3>\r\n    <ul class=\"a\">\r\n      <li> <h5> Proper Fraction </h5> </li>\r\n      <p>\n        A proper fraction represents a portion or a part of a whole object. In a proper fraction, the denominator is greater than the numerator.\r\n        An example of proper fraction would be 3/4 &mdash; which represents 3 slices of a 4-slice object.\r\n      </p>\r\n      <li> <h5> Improper Fraction </h5> </li>\r\n      <p>\n        An improper fraction is a sum of a whole number and a proper fraction. In an improper fraction, the numerator is greater than the denominator.\r\n        An example of improper fraction would be \\(\\frac{5}{4}\\) &mdash; which represents 1 whole pizza plus 1 slice of a 4-slice pizza.\r\n      </p>\r\n      <li> <h5> Mixed Fraction </h5> </li>\r\n      <p>\n        When an improper fraction is represented as a combination of a whole number and a proper fraction then it is called a mixed fraction.\r\n        An example of mixed fraction would be \\(1\\frac{1}{4}\\) &mdash; which is same as \\(\\frac{5}{4}\\).\r\n      </p>\r\n    </ul>\r\n    <h3 ref=\"pg\">\n      MagicGraph | Understanding Fractional Numbers\r\n    </h3>\r\n    <p> In this MagicGraph, you will learn about fractions by example of slices of a pizza.</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: 'Fractions',\r\n  created: function () {\r\n    this.$store.commit('navigation/resetState');\r\n    let title = 'Fractions';\r\n    this.$store.commit('navigation/changeTitle', title);\r\n    this.$store.commit('navigation/changeMenu', title);\r\n    let newTopics = [\r\n      {title: 'Fractions', img:'/assets/number-1.svg', action: () => this.goto('intro')},\r\n      {title: 'Types of Fractions', 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: 'Fractions',\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=315addec&\"\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=315addec&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":""}