{"version":3,"sources":["webpack:///./src/components/mathematics/tangentsToCircle/Lesson.vue","webpack:///./src/components/mathematics/tangentsToCircle/Boxes.js","webpack:///src/components/mathematics/tangentsToCircle/Lesson.vue","webpack:///./src/components/mathematics/tangentsToCircle/Lesson.vue?58e4","webpack:///./src/components/mathematics/tangentsToCircle/Lesson.vue?d34c","webpack:///./src/components/mathematics/tangentsToCircle/Lesson.vue?1c0e"],"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","placeShuffle","placeTest","centerx","centery","radius","create","visible","snapToGrid","face","size","strokeWidth","name","strokeColor","fillColor","baseline","highline","postLabel","label","fontSize","canvasHeight","cssStyle","pt0","c1","X","Value","Y","p_P","attractors","attractorDistance","snatchDistance","offset","seg_op","dash","perp1","p_M","c2","c3","p_Q","p_R","p_Q2","p_R2","seg_pr","L","anchorX","anchorY","CssStyle","Math","round","canvasWidth","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-49ad7db3.aea935ea.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 Probability?\\n  \")]),_c('p',[_vm._v(\"\\n    Probability, stated in simple terms, is a way to determine the likelihood of the occurrence of a given event.\\n    The higher the probability of a given event, the greater the likelihood of occurrence of that event, and vice-versa.\\n    Numerically, the probability of getting a given outcome is expressed as a number between 0 and 1.\\n    Probability of 0 means that the outcome is impossible while a probability of 1 implies that the outcome is certain (absolutely likely to happen).\\n  \")]),_c('h3',{ref:\"types\"},[_vm._v(\"\\n    Finding Probability of an Event\\n  \")]),_c('p',[_vm._v(\"\\n    Let's consider a random experiment (say rolling of a die) that can give multiple outcomes (for example — the rolling of a die can give 1, 2, 3, 4, 5, or 6).\\n    Let's say we have to calculate the probability of occurrence of a given outcome (say getting a 2). Below are the steps to find this probability.\\n  \")]),_vm._m(0),_c('h3',{ref:\"pg\"},[_vm._v(\"\\n    MagicGraph | Understanding Fractional Numbers\\n  \")]),_c('p',[_vm._v(\"\\n    In this MagicGraph, you will learn step by step how to calculate the probability of getting an even outcome in a game of dice.\\n    You will start with picking all possible outcomes from roll of a die. Then, you will pick the outcomes that give an even number.\\n    Finally, you will calculate the probability as the ratio of even outcomes to all outcomes. \\n  \")]),_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(\" Step 1: Total Number of Possible Outcomes (\"),_c('i',[_vm._v(\"N\")]),_vm._v(\" )\")])]),_c('p',[_vm._v(\"\\n      Start with finding the number of all possible outcomes that can come out of the random experiment.  Let's call this number \"),_c('i',[_vm._v(\"N\")]),_vm._v(\".\\n    \")]),_c('li',[_c('h5',[_vm._v(\" Step 2: Number of Favorable Outcomes (\"),_c('i',[_vm._v(\"n\")]),_vm._v(\" ) \")])]),_c('p',[_vm._v(\"\\n      Next, we calculate the number of ways in which the desired outcome can be obtained. Let's call this number \"),_c('i',[_vm._v(\"n\")]),_vm._v(\".\\n    \")]),_c('li',[_c('h5',[_vm._v(\" Step 3: Calculate the Ratio \"),_c('i',[_vm._v(\"n\")]),_vm._v(\" over \"),_c('i',[_vm._v(\"N\")])])]),_c('p',[_vm._v(\"\\n      Calculate the ratio of \\\\(n\\\\) over \\\\(N\\\\). This ratio gives the probability of event A.\\n      $$\\\\text{Probability of Event A=}P(A) = \\\\frac{n}{N}$$\\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: [-8, 8, 8, -8],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, 'Tangents of a Circle', '(Number of Tangents to a Circle)');\r\n  placeLogo(brd1);\r\n  var reload = placeShuffle(brd1);\r\n  var test = placeTest(brd1);\r\n  var centerx = 0;\r\n  var centery = 0;\r\n\r\n  let switchStatus = true;\r\n\r\n  //Tape\r\n  var x0_tape = 5;\r\n  var y0_tape = 1;\r\n  var size_tape = 2;\r\n\r\n\r\n  //Radius\r\n  var radius = brd1.create('slider',[[11,1],[13,1],[0,3,10]], {visible: false, snapToGrid: false ,face:'circle', size:4, strokeWidth: 2, name:'r', strokeColor:'#5B43FF', fillColor: '#5B43FF',  baseline: { strokeColor: '#5B43FF'}, highline: { strokeColor: '#5B43FF'}, postLabel: '', label:{fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\n\r\n  //Circle\r\n  var pt0 = brd1.create('point', [centerx, centery],{face:'o' , name:'O', size:4, strokeColor: '#5B43FF', fillColor: '#5B43FF', fixed:false, visible:true, label:{fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\n  var c1 = brd1.create('circle', [pt0, [function(){return pt0.X() + radius.Value()}, function(){return pt0.Y()}]], {strokeColor: '#5B43FF', strokeWidth: 4, fixed:true});\r\n\r\n  //OP\r\n  var p_P = brd1.create('point', [5,0], {name: 'P', attractors: [c1], attractorDistance: 0.5 , snatchDistance: 1, face:'circle', size:4, label:{offset: [-5, 20], fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\n  var seg_op = brd1.create('segment', [p_P, pt0], {fixed: true, strokeColor: '#5B43FF', strokeWidth: 3, dash:3});\r\n\r\n  var perp1 = brd1.create('perpendicular', [seg_op, p_P], {visible: false, fixed: true, strokeColor: '#FF3B3B', strokeWidth: 3});\r\n\r\n  //Tangents\r\n  var p_M = brd1.create('midpoint', [seg_op], {visible: false, name: 'M', face:'circle', size:2, label:{offset: [-5, 20], fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\n  var c2 = brd1.create('circle', [p_M, p_P], {visible: false, strokeColor: '#5B43FF', strokeWidth: 4, fixed:true});\r\n  var c3 = brd1.create('circle', [p_P, pt0], {visible: false, strokeColor: '#5B43FF', strokeWidth: 4, fixed:true});\r\n\r\n  //Intersection\r\n  var p_Q = brd1.create('intersection', [c1, c2, 0], {face:'o' , name:'Q', size:4, strokeColor: '#5B43FF', fillColor: '#5B43FF', fixed:false, visible:true, label:{fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\n  var p_R = brd1.create('intersection', [c1, c2, 1], {face:'o' , name:'R', size:4, strokeColor: '#5B43FF', fillColor: '#5B43FF', fixed:false, visible:true, label:{fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\n\r\n  var p_Q2 = brd1.create('intersection', [c3, perp1, 0], {face:'o' , name:'Q2', size:4, strokeColor: '#5B43FF', fillColor: '#5B43FF', fixed:false, visible:false, label:{fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\n  var p_R2 = brd1.create('intersection', [c3, perp1, 1], {face:'o' , name:'R2', size:4, strokeColor: '#5B43FF', fillColor: '#5B43FF', fixed:false, visible:false, label:{fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\n\r\n  //PR and PQ\r\n  var seg_pr = brd1.create('segment', [p_P, p_Q], {fixed: true, strokeColor: '#FF3B3B', strokeWidth: 3});\r\n  var seg_pq = brd1.create('segment', [p_P, p_R], {fixed: true, strokeColor: '#FF3B3B', strokeWidth: 3});\r\n  var seg_qr2 = brd1.create('segment', [p_Q2, p_R2], {fixed: true, strokeColor: '#FF3B3B', strokeWidth: 3, visible: function(){if( seg_op.L() > (radius.Value() - 0.1) && seg_op.L() < (radius.Value() + 0.1) ){return true} else {return false}}});\r\n\r\n  //Radius line\r\n  var seg_radius1 = brd1.create('segment', [pt0, p_Q], {fixed: true, strokeColor: '#5B43FF', strokeWidth: 3, dash: 3, visible: true});\r\n  var seg_radius2 = brd1.create('segment', [pt0, p_R], {fixed: true, strokeColor: '#5B43FF', strokeWidth: 3, dash: 3, visible: true});\r\n\r\n  //Text\r\n  var txt1 = brd1.create('text', [0, -6,  function(){ if(seg_pr.L() > 0.1){\r\n                                                          return 'Two Tangents';\r\n                                                      }\r\n                                                      else if(seg_op.L() > (radius.Value() - 0.1) && seg_op.L() < (radius.Value() + 0.1)){\r\n                                                          return 'One Tangent';\r\n                                                      }\r\n                                                      else{\r\n                                                          return 'Zero Tangents';\r\n                                                      }\r\n  }],{visible: true, fixed: true, anchorX: 'middle', anchorY: 'middle', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(18*brd1.canvasWidth/500.)}},);\r\n\r\n\r\n\r\n\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\n/*var 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      What is Probability?\r\n    </h3>\r\n    <p>\r\n      Probability, stated in simple terms, is a way to determine the likelihood of the occurrence of a given event.\r\n      The higher the probability of a given event, the greater the likelihood of occurrence of that event, and vice-versa.\r\n      Numerically, the probability of getting a given outcome is expressed as a number between 0 and 1.\r\n      Probability of 0 means that the outcome is impossible while a probability of 1 implies that the outcome is certain (absolutely likely to happen).\r\n    </p>\r\n    <h3 ref=\"types\">\r\n      Finding Probability of an Event\r\n    </h3>\r\n    <p>\r\n      Let's consider a random experiment (say rolling of a die) that can give multiple outcomes (for example &mdash; the rolling of a die can give 1, 2, 3, 4, 5, or 6).\r\n      Let's say we have to calculate the probability of occurrence of a given outcome (say getting a 2). Below are the steps to find this probability.\r\n    </p>\r\n    <ul class=\"a\">\r\n      <li> <h5> Step 1: Total Number of Possible Outcomes (<i>N</i> )</h5> </li>\r\n      <p>\n        Start with finding the number of all possible outcomes that can come out of the random experiment.  Let's call this number <i>N</i>.\r\n      </p>\r\n      <li> <h5> Step 2: Number of Favorable Outcomes (<i>n</i> ) </h5> </li>\r\n      <p>\r\n        Next, we calculate the number of ways in which the desired outcome can be obtained. Let's call this number <i>n</i>.\r\n      </p>\r\n      <li> <h5> Step 3: Calculate the Ratio <i>n</i> over <i>N</i></h5> </li>\r\n      <p>\r\n        Calculate the ratio of \\(n\\) over \\(N\\). This ratio gives the probability of event A.\r\n        $$\\text{Probability of Event A=}P(A) = \\frac{n}{N}$$\r\n      </p>\r\n    </ul>\r\n    <h3 ref=\"pg\">\n      MagicGraph | Understanding Fractional Numbers\r\n    </h3>\r\n    <p>\n      In this MagicGraph, you will learn step by step how to calculate the probability of getting an even outcome in a game of dice.\r\n      You will start with picking all possible outcomes from roll of a die. Then, you will pick the outcomes that give an even number.\r\n      Finally, you will calculate the probability as the ratio of even outcomes to all outcomes. \r\n    </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: 'Probability',\r\n  created: function () {\r\n    this.$store.commit('navigation/resetState');\r\n    let title = 'Probability Exercise';\r\n    this.$store.commit('navigation/changeTitle', title);\r\n    this.$store.commit('navigation/changeMenu', title);\r\n    let newTopics = [\r\n      {title: 'Probability', img:'/assets/number-1.svg', action: () => this.goto('intro')},\r\n      {title: 'Probability of an Event', 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: 'Proabability',\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=435bc1bc&\"\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=435bc1bc&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=435bc1bc&prod&lang=scss&\""],"sourceRoot":""}