{"version":3,"sources":["webpack:///./node_modules/core-js/modules/es6.string.includes.js","webpack:///./node_modules/core-js/modules/_fails-is-regexp.js","webpack:///./src/components/mathematics/Math11thGrade/sets2/Lesson.vue","webpack:///./src/components/mathematics/Math11thGrade/sets2/Boxes.js","webpack:///src/components/mathematics/Math11thGrade/sets2/Lesson.vue","webpack:///./src/components/mathematics/Math11thGrade/sets2/Lesson.vue?cc62","webpack:///./src/components/mathematics/Math11thGrade/sets2/Lesson.vue?401b","webpack:///./node_modules/core-js/modules/es7.array.includes.js","webpack:///./node_modules/core-js/modules/_is-regexp.js","webpack:///./src/components/mathematics/Math11thGrade/sets2/Lesson.vue?aea8","webpack:///./node_modules/core-js/modules/_string-context.js"],"names":["$export","context","INCLUDES","P","F","includes","searchString","this","indexOf","arguments","length","undefined","MATCH","module","exports","KEY","re","e","f","ref","attrs","staticClass","staticRenderFns","Boxes","box1","JXG","Options","point","showInfoBox","highlight","text","fixed","curve","circle","image","cssDefaultStyle","brd1","JSXGraph","initBoard","boundingbox","keepaspectratio","axis","ticks","visible","grid","showCopyright","showNavigation","pan","enabled","zoom","suspendUpdate","makeResponsive","placeTitle","placeLogo","erase","placeEraseLeft","on","clearInputFields","yesText","setAttribute","noText","chk","crs","go","placeTest","radius","ax","ay","bx","by","color1","color2","color4","colorx","colory","colorz","setA","setB","setAA","setBB","placeMiddleText","placeImage","InpA","InpB","InpAOB","create","cssStyle","maxlength","setAOB","setUniqA","setUniqB","runA","i","runB","j","Math","round","random","uniqA","FUE","uniqB","comAB","FCE","placeLeftText","k","push","Value","every","item","array1","array2","array","placeLine","p1","face","name","strokeColor","fillColor","size","withLabel","label","fontSize","canvasHeight","p2","a1","fillOpacity","dash","strokeWidth","layer","highlightStrokeColor","highlightfillColor","p3","p4","a2","i1","i4","c8","c9","joinCurves","board","parents","attributes","curves","attr","copyAttributes","options","c","updateDataArray","dataX","dataY","concat","slice","bezierDegree","prepareUpdate","update","updateVisibility","updateRenderer","AB","txt1","anchorX","anchorY","CssStyle","canvasWidth","txtA","color","FunA","white","setText","txtB","FunB","txtAUB","FunAUB","txtAOB","FunAOB","unsuspendUpdate","created","_this","$store","commit","title","newTopics","img","action","goto","newshowhome","newMath","newLeftArrow","newModule","mounted","MathJax","Hub","Queue","metaInfo","titleTemplate","meta","content","component","$includes","el","isObject","cof","it","isRegExp","defined","that","NAME","TypeError","String"],"mappings":"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","file":"js/chunk-d78b5e48.fd5010b0.js","sourcesContent":["// 21.1.3.7 String.prototype.includes(searchString, position = 0)\n'use strict';\nvar $export = require('./_export');\nvar context = require('./_string-context');\nvar INCLUDES = 'includes';\n\n$export($export.P + $export.F * require('./_fails-is-regexp')(INCLUDES), 'String', {\n  includes: function includes(searchString /* , position = 0 */) {\n    return !!~context(this, searchString, INCLUDES)\n      .indexOf(searchString, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n","var MATCH = require('./_wks')('match');\nmodule.exports = function (KEY) {\n  var re = /./;\n  try {\n    '/./'[KEY](re);\n  } catch (e) {\n    try {\n      re[MATCH] = false;\n      return !'/./'[KEY](re);\n    } catch (f) { /* empty */ }\n  } return true;\n};\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('h3',{ref:\"intro\"},[_vm._v(\"\\n    Venn Diagram\\n  \")]),_c('p',[_vm._v(\"\\n    A Venn diagram is a graphical way to represent sets, relationships amongst sets, and mathematical operations on sets. Below are some basic definitions.\\n  \")]),_vm._m(0),_c('h3',{ref:\"pg\"},[_vm._v(\"\\n    MagicGraph | Venn Diagram\\n  \")]),_c('p',[_vm._v(\"\\n    In this MagicGraph, you will learn about graphically representing sets using Venn diagrams.\\n    Hover over a set definition to see it Venn diagram representation.\\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(\" Definition of a Set \")])]),_c('p',[_vm._v(\"\\n      A set represents a collection of objects that share a common characteristics.\\n      For example — A ={2, 4, 6, 8, 10, 12} represents the set of even numbers. Every element of this set is an even number. Let's take another example —\\n      B ={3, 6, 9, 12, 15} represents the set of multiples of 3.\\n    \")]),_c('li',[_c('h5',[_vm._v(\" Union of Sets \")])]),_c('p',[_vm._v(\"\\n      The union of sets A and B is the set that contains all the elements of set A and that of set B — however the common elements are taken only once.\\n      The union of sets A and B is written as A ⋃ B.\\n    \")]),_c('li',[_c('h5',[_vm._v(\"Intersection of Sets \")])]),_c('p',[_vm._v(\"\\n      The intersection of sets A and B is the set that contains the elements which are common to both A and B.\\n      The intersection of sets A and B is written as A ⋂ B.\\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    placeLine,\r\n    placePoint,\r\n    placeGlider,\r\n    placeRuler,\r\n    placeLeftText,\r\n    placeSliderSwitch,\r\n    placeRightText,\r\n    placeLogo,\r\n    placeShuffle,\r\n    placeTest,\r\n    placeMiddleText,\r\n    placeBoldText,\r\n    placeEraseLeft\r\n} from '../Utils';\r\nconst Boxes = {\r\n    box1: function () {\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.image.highlight=false;\r\n      JXG.Options.text.cssDefaultStyle='fontFamily:Oswald;'\r\n      var brd1 = JXG.JSXGraph.initBoard('jxgbox1',{boundingbox: [-9, 9, 9, -9],\r\n          keepaspectratio: true, axis:false, ticks:{visible:false},\r\n          grid:true, showCopyright:false, showNavigation:false,\r\n          pan:{enabled:false}, zoom:{enabled:false}});\r\n      brd1.suspendUpdate();\r\n      //Make Responsive\r\n      makeResponsive(brd1);\r\n      //Place Title\r\n      placeTitle(brd1, 'Understanding Sets', '(Union & Intersection of Sets)');\r\n      //\r\n      placeLogo(brd1);\r\n      //\r\n      var erase = placeEraseLeft(brd1);\r\n      //\r\n      erase.on('down', function(){\r\n          clearInputFields(brd1);\r\n          yesText.setAttribute({visible:false});\r\n          noText.setAttribute({visible:false});\r\n          chk.setAttribute({visible:false});\r\n          crs.setAttribute({visible:false});});\r\n      var go =placeTest(brd1);\r\n    //  placeImage(brd1, '/assets/shuffle.svg', 5.5, 5, 2, 0);\r\n      //Variables\r\n      var radius = 3.0;\r\n      var ax = -2;\r\n      var ay = -1.5;\r\n      var bx = 2;\r\n      var by = -1.5;\r\n      var cx = 0;\r\n      var cy = 1.5;\r\n\r\n      var wpol = 5;\r\n      var hpol = 5;\r\n      var color1 = 'OldLace';\r\n      var color2 = '#FF3B3B ';\r\n      var color3 = '#FF3B3B ';\r\n      var color4 = 'OldLace ';\r\n      var colorx = 'red';\r\n      var colory = 'green';\r\n      var colorz = 'blue';\r\n      var setA =[], setB=[];\r\n      var setAA=[], setBB=[];\r\n      placeMiddleText(brd1, -6.5, 5.5, 'Set A');\r\n      placeMiddleText(brd1, -6.5, 3.5, 'Set B');\r\n      placeImage(brd1, '/assets/SetA.svg', -7.4, 4.6, 1.8, 0);\r\n      placeImage(brd1, '/assets/SetB.svg', -7.4, 2.6, 1.8, 0);\r\n      //placeRightText(brd1, -6.5, 1.5, 'A ⋂ B :');\r\n      placeMiddleText(brd1, -5, 5.5, '= {');\r\n      placeMiddleText(brd1, -4.+6, 5.5, '}');\r\n      placeMiddleText(brd1, -5, 3.5, '= {');\r\n      placeMiddleText(brd1, -4.+5, 3.5, '}');\r\n      ///////////////////////////////////////////////////////////////////////////////////\r\n      var InpA= []; var InpB=[]; var InpAOB=[];\r\n      InpA[0] = brd1.create('input', [ax-0.5, 0.5, '', ''], {fixed: true,\r\n        cssStyle: 'fontFamily:Oswald; width:5%;'});\r\n\r\n      InpA[1] = brd1.create('input', [ax-2, -0.5, '', ''], {fixed: true,\r\n          cssStyle: 'fontFamily:Oswald; width:5%; background-color:#008CBA;border:0px solid black;border-radius:3.5px;'});\r\n      //\r\n      InpA[2] = brd1.create('input', [ax-0.5, -1.5, '', ''], {fixed: true,\r\n            cssStyle: 'fontFamily:Oswald; width:5%; background-color:#008CBA;border:0px solid black;border-radius:3.5px;'});\r\n      InpA[3] = brd1.create('input', [ax-2, -2.5, '', ''], {fixed: true,\r\n                  cssStyle: 'fontFamily:Oswald; width:5%; background-color:#008CBA;border:0px solid black;border-radius:3.5px;'});\r\n      ////////////////////////////////////////////////////////////////////////////\r\n      InpB[0] = brd1.create('input', [bx+1, -0.25, '', ''], {fixed: true,\r\n          cssStyle: 'fontFamily:Oswald; width:5%; background-color:#FF4C26;border:0px solid black;border-radius:3.5px;'});\r\n      //\r\n      InpB[1] = brd1.create('input', [bx-0.5, -1.5, '', ''], {fixed: true,\r\n            cssStyle: 'fontFamily:Oswald; width:5%;background-color:#FF4C26;border:0px solid black;border-radius:3.5px;'});\r\n      InpB[2] =brd1.create('input', [bx+1, -2.5, '', ''], {fixed: true,\r\n                  cssStyle: 'fontFamily:Oswald; width:5%; background-color:#FF4C26;border:0px solid black;border-radius:3.5px;'});\r\n      /////////////////////////////////////////A common B /////////////////////////////////////////\r\n      InpAOB[0] = brd1.create('input', [(ax+bx)*0.5-0.5, -0.5, '', ''], {fixed: true, maxlength:2,\r\n          cssStyle: 'fontFamily:Oswald; width:5%;background-color:#FF4C26;border:0px solid black;border-radius:3.5px;'});\r\n      InpAOB[1] = brd1.create('input', [(ax+bx)*0.5-0.5, -2., '', ''], {fixed: true, maxlength:2,\r\n              cssStyle: 'fontFamily:Oswald; width:5%;background-color:#FF4C26;border:0px solid black;border-radius:3.5px;'});\r\n      //var TestAOB = InpAOB.sort();\r\n      var setAOB = [];\r\n      var setUniqA =[];\r\n      var setUniqB =[];\r\n\r\n      //setAOB[0]=()=>InpAOB[0].Value();\r\n      //setAOB[1]=()=>InpAOB[1].Value();\r\n      /*var fill = function()\r\n      {\r\n      setAOB[0]=InpAOB[0].Value();\r\n      setAOB[1]=InpAOB[1].Value();\r\n    }*/\r\n  //  var go = placeImage(brd1, '/assets/go.svg', 6, -2, 1, 0);\r\n    //go.on('down', function(){set=setAOB.sort()});\r\n      //placeText(brd1, 0, 2.5, TestAOB[0]);\r\n      //placeText(brd1, 1, 2.5, TestAOB[1]);\r\n      //placeInput(brd1, ax-2, -2);\r\n      //placeInput(brd1, ax-2, -4);\r\n      var runA = function()\r\n      {\r\n      for (let i=0; i<6; i++)\r\n      {\r\n        setA[i] = 2*(i+1);\r\n        setAA[i]=placeMiddleText(brd1, -4.+1*i, 5.5, 2*(i+1));\r\n        setAA[i].setAttribute({fixed:false});\r\n      }\r\n      };\r\n      var runB = function()\r\n      {\r\n      for (let j=0; j<5; j++)\r\n      {\r\n        setB[j] = 3*(j+1);\r\n        setBB[j]=placeMiddleText(brd1, -4.+1*j, 3.5, (0*Math.round(Math.random())+3)*(j+1));\r\n        setBB[j].setAttribute({fixed:false});\r\n      }\r\n      };\r\n    runA();\r\n    runB();\r\n    var uniqA = FUE(setA, setB);\r\n    var uniqB = FUE(setB, setA);\r\n    var comAB = FCE(setA, setB);\r\n    //var val = brd1.create('text',[0, 2.5, comAB[0]]);\r\n    var chk =placeImage(brd1, '/assets/check.svg', 4, -8, 1, 0);\r\n    var yesText = placeLeftText(brd1, 5.5, -7.5, 'You got it!');\r\n    var noText = placeLeftText(brd1, 5.5, -7.5, 'Try again!');\r\n    yesText.setAttribute({visible:false});\r\n    noText.setAttribute({visible:false});\r\n    var crs =placeImage(brd1, '/assets/cross.svg', 4., -8., 1, 0);\r\n    chk.setAttribute({visible:false});\r\n    crs.setAttribute({visible:false});\r\n    go.on('down', function()\r\n    { setUniqA=[];\r\n      for (let k=0; k<4; k++)\r\n      {\r\n        setUniqA.push(1*InpA[k].Value());\r\n      }\r\n      setUniqB=[];\r\n      for (let k=0; k<3; k++)\r\n      {\r\n        setUniqB.push(1*InpB[k].Value());\r\n      }\r\n      setAOB=[];\r\n      for (let k=0; k<2; k++)\r\n      {\r\n      setAOB.push(1*InpAOB[k].Value());\r\n      }\r\n      //if(comAB.includes(setAOB[0])&&comAB.includes(setAOB[1])&&setAOB[0]!=setAOB[1])\r\n      if(setAOB.every(item => comAB.includes(item)) &&\r\n      comAB.every(item => setAOB.includes(item)) &&\r\n      uniqA.every(item => setUniqA.includes(item)) &&\r\n      setUniqA.every(item => uniqA.includes(item)) &&\r\n      uniqB.every(item => setUniqB.includes(item)) &&\r\n      setUniqB.every(item => uniqB.includes(item)))\r\n      {\r\n      chk.setAttribute({visible:true});\r\n      yesText.setAttribute({visible:true});\r\n      noText.setAttribute({visible:false});\r\n      crs.setAttribute({visible:false});\r\n      }\r\n      else\r\n      {\r\n      crs.setAttribute({visible:true});\r\n      chk.setAttribute({visible:false});\r\n      yesText.setAttribute({visible:false});\r\n      noText.setAttribute({visible:true});\r\n      }\r\n    });\r\n\r\n    var writeArray = function(set, x, y)\r\n    {\r\n      for (let k=0; k<set.length; k++)\r\n      {\r\n      placeMiddleText(brd1, x, y+k+0.5-set.length/2, set[k]);\r\n      }\r\n    }\r\n    placeLine(brd1, [ax, -3], [ax, -5], 2, 'red');\r\n    placeLine(brd1, [bx, -3], [bx, -5], 2, 'red');\r\n    placeLine(brd1, [(bx+ax)*0.5, -3], [(ax+bx)*0.5, -5], 2, 'blue');\r\n    ///////////////////////////\r\n    function FCE(array1, array2) {\r\n    let array=[];\r\n\t// Loop for array1\r\n\t    for(let i = 0; i < array1.length; i++) {\r\n\t\t// Loop for array2\r\n\t\t  for(let j = 0; j < array2.length; j++) {\r\n\t\t\t      if(array1[i] == array2[j]) {\r\n              array.push(array1[i]);\r\n\t\t\t         }\r\n             }\r\n           }\r\n    \treturn array;\r\n    }\r\n    function FUE(array1, array2)\r\n    {\r\n      let array=[];\r\n  // Loop for array1\r\n      for(let i = 0; i < array1.length; i++)\r\n      {\r\n    // Loop for array2\r\n            if(array2.includes(array1[i]) ==false)\r\n            {\r\n              array.push(array1[i]);\r\n            }\r\n      }\r\n      return array;\r\n    }\r\n    function isEqual(array1, array2)\r\n    {\r\n      if(JSON.stringify(array1)==JSON.stringify(array2))\r\n      {\r\n        return \"True\"\r\n      }\r\n      else\r\n      {\r\n        return \"False\" ;\r\n      }\r\n    }\r\n///////////////////////////\r\n//var universe =brd1.create('circle', [[0,0], [7, 0]], {fillOpacity:1, dash:1, strokeColor: 'black', strokeWidth: 1, fillColor: color4, layer: 2, highlightStrokeColor: 'black', highlightfillColor: color2})\r\n// Create two arcs (or circles)\r\nvar p1 = brd1.create('point', [ax, ay], {face:'o' , name:'p1', strokeColor: 'black', fillColor: '#5B43FF',  size:3, withLabel:true, fixed:true, visible:false, label:{fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\nvar p2 = brd1.create('point', [ax + radius, ay], {face:'o' , name:'p2', strokeColor: 'black', fillColor: 'red',  size:3, withLabel:true, fixed:true, visible:false, label:{fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\nvar a1 = brd1.create('circle', [p1,p2], {fillOpacity:1, dash:1, strokeColor: 'black', strokeWidth: 1, fillColor: color4, layer: 2, highlightStrokeColor: 'black', highlightfillColor: color2});\r\n\r\nvar p3 = brd1.create('point', [bx, by], {face:'o' , name:'p3', strokeColor: 'black', fillColor: '#5B43FF',  size:3, withLabel:true, fixed:true, visible:false, label:{fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\nvar p4 = brd1.create('point', [bx + radius, by], {face:'o' , name:'p4', strokeColor: 'black', fillColor: 'red',  size:3, withLabel:true, fixed:true, visible:false, label:{fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\nvar a2 = brd1.create('circle', [p3,p4], {fillOpacity:1, dash:1, strokeColor: 'black', strokeWidth: 1, fillColor: color4, layer: 2, highlightStrokeColor: 'black', highlightfillColor: color2});\r\n\r\n//var p5 = brd1.create('point', [cx, cy], {face:'o' , name:'p5', strokeColor: 'black', fillColor: '#5B43FF',  size:3, withLabel:true, fixed:true, visible:false, label:{fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\n//var p6 = brd1.create('point', [cx + radius, cy], {face:'o' , name:'p6', strokeColor: 'black', fillColor: 'red',  size:3, withLabel:true, fixed:true, visible:false, label:{fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\n//var a3 = brd1.create('circle', [p5,p6], {fillOpacity:1, dash:1, strokeColor: 'black', strokeWidth: 1, fillColor: color4, layer: 2, highlightStrokeColor: 'black', highlightfillColor: color2});\r\n\r\n\r\n// Create two intersection points\r\nvar i1 = brd1.create('intersection', [a1,a2,1], {visible:false, name:'i1', label:{fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\n//var i2 = brd1.create('intersection', [a1,a3,0], {visible:false, name:'i2', label:{fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\n//var i3 = brd1.create('intersection', [a2,a3,1], {visible:false, name:'i3', label:{fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\nvar i4 = brd1.create('intersection', [a1,a2,0], {visible:false, name:'i4', label:{fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\n//var i5 = brd1.create('intersection', [a1,a3,1], {visible:false, name:'i5', label:{fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\n//var i6 = brd1.create('intersection', [a2,a3,0], {visible:false, name:'i6', label:{fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\n\r\n\r\n// Create three arcs surrounding the intersection area\r\n// Create three arcs surrounding the intersection area BC\r\nvar c8 = brd1.create('arc', [p1, i4, i1], {visible:true, strokeColor: 'black', dash:1, strokeWidth: 1});\r\nvar c9 = brd1.create('arc', [p3, i1, i4], {visible:true, strokeColor: 'black', dash:1, strokeWidth: 1})\r\n//\r\nJXG.joinCurves = function(board, parents, attributes) {\r\n    var curves = parents,\r\n        attr = JXG.copyAttributes(attributes, board.options, 'curve'),\r\n        c = board.create('curve', [[0], [0]], attr);\r\n\r\n    c.updateDataArray = function() {\r\n        var i = curves.length;\r\n\r\n        // The paths have to be connected\r\n        this.dataX = [];\r\n        this.dataY = [];\r\n        for (i = 0; i < curves.length; i++) {\r\n            if (i < curves.length - 1) {\r\n                this.dataX = this.dataX.concat(curves[i].dataX.slice(0,-1));\r\n                this.dataY = this.dataY.concat(curves[i].dataY.slice(0,-1));\r\n            } else {\r\n                this.dataX = this.dataX.concat(curves[i].dataX);\r\n                this.dataY = this.dataY.concat(curves[i].dataY);\r\n            }\r\n        }\r\n\r\n        if (this.dataX.length<4) {\r\n            this.bezierDegree = 1;\r\n        } else {\r\n            this.bezierDegree = curves[0].bezierDegree;\r\n        }\r\n    };\r\n    c.prepareUpdate().update().updateVisibility().updateRenderer();\r\n    return c;\r\n};\r\n///\r\nvar AB = JXG.joinCurves(brd1, [c9, c8],\r\n   {fillOpacity:1,  fillColor:color1,  strokeColor: 'black', strokeWidth: 1, dash:1\r\n});\r\nvar txt1 = brd1.create('text', [0, 3, ''],{visible: true, fixed: true, anchorX: 'middle', anchorY: 'middle', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(20*brd1.canvasWidth/800.)}},);\r\nvar txtA = brd1.create('text', [ax, -6, 'A'],{color:colorx, visible: true, fixed: true, anchorX: 'middle', anchorY: 'middle', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(18*brd1.canvasWidth/500.)}},);\r\ntxtA.on('down', function(){FunA();});\r\ntxtA.on('out', function(){white();  txt1.setText('');});\r\nvar txtB = brd1.create('text', [bx, -6, 'B'],{color:colorx,visible: true, fixed: true, anchorX: 'middle', anchorY: 'middle', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(18*brd1.canvasWidth/500.)}},);\r\ntxtB.on('down', function(){FunB();});\r\ntxtB.on('out', function(){white();txt1.setText('');});\r\nvar txtAUB = brd1.create('text', [1, -6, 'A ⋃ B'],{color:colory,visible:false, fixed: true, anchorX: 'middle', anchorY: 'middle', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(18*brd1.canvasWidth/500.)}},);\r\ntxtAUB.on('down', function(){FunAUB();});\r\ntxtAUB.on('out', function(){white();txt1.setText('');});\r\nvar txtAOB = brd1.create('text', [0.5*(ax+bx), -6, 'A ⋂ B'],{color:colorz,visible: true, fixed: true, anchorX: 'middle', anchorY: 'middle', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(18*brd1.canvasWidth/500.)}},);\r\ntxtAOB.on('down', function(){FunAOB();});\r\ntxtAOB.on('out', function(){white();txt1.setText('');});\r\nfunction FunA()\r\n  {\r\n    white();\r\n    a1.setAttribute({fillOpacity:1, dash:0,fillColor:color2, highlightfillColor: color2});\r\n    //AC.setAttribute({fillOpacity:1, dash:0,fillColor:color2, highlightfillColor: color2});\r\n    AB.setAttribute({fillOpacity:1, dash:0,fillColor:color2, highlightfillColor: color2});\r\n  //  ABC.setAttribute({fillOpacity:1, dash:0,fillColor:color2, highlightfillColor: color2});\r\n    txt1.setText('Highlighted region is set A');\r\n  }\r\n\r\n  function FunB()\r\n    {\r\n      white();\r\n      a2.setAttribute({fillOpacity:1, dash:0,fillColor:color2, highlightfillColor: color2});\r\n      //AC.setAttribute({fillOpacity:1, dash:0,fillColor:color2, highlightfillColor: color2});\r\n      AB.setAttribute({fillOpacity:1, dash:0,fillColor:color2, highlightfillColor: color2});\r\n    //  ABC.setAttribute({fillOpacity:1, dash:0,fillColor:color2, highlightfillColor: color2});\r\n      txt1.setText('Highlighted region is set A');\r\n    }\r\n\r\n    function FunAUB()\r\n      {\r\n        white();\r\n        a1.setAttribute({fillOpacity:1, dash:0,fillColor:colory, highlightfillColor: colory});\r\n        a2.setAttribute({fillOpacity:1, dash:0,fillColor:colory, highlightfillColor: colory});\r\n        //AC.setAttribute({fillOpacity:1, dash:0,fillColor:color2, highlightfillColor: color2});\r\n        AB.setAttribute({fillOpacity:1, dash:0,fillColor:colory, highlightfillColor: colory});\r\n      //  ABC.setAttribute({fillOpacity:1, dash:0,fillColor:color2, highlightfillColor: color2});\r\n        txt1.setText('Highlighted region is union of A & B');\r\n      }\r\n      function FunAOB()\r\n        {\r\n          white();\r\n          //a1.setAttribute({fillOpacity:1, dash:0,fillColor:colorz, highlightfillColor: colorz});\r\n          //a2.setAttribute({fillOpacity:1, dash:0,fillColor:colorz, highlightfillColor: colorz});\r\n          //AC.setAttribute({fillOpacity:1, dash:0,fillColor:color2, highlightfillColor: color2});\r\n          AB.setAttribute({fillOpacity:1, dash:0,fillColor:colorz, highlightfillColor: colorz});\r\n        //  ABC.setAttribute({fillOpacity:1, dash:0,fillColor:color2, highlightfillColor: color2});\r\n          txt1.setText('Highlighted region is intersection of A & B');\r\n        }\r\n\r\n      //Individual Sets\r\n      /*\r\n\r\n      //\r\n      txtB.on('over', function(){FunB();});\r\n      //\r\n      var txtC = brd1.create('text', [-6, -8, 'C'],{color:colorx,visible: true, fixed: true, anchorX: 'middle', anchorY: 'middle', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(18*brd1.canvasWidth/500.)}},);\r\n      txtC.on('over', function(){FunC();});\r\n      //\r\n      //var txtAprime = brd1.create('text', [-5, -8, 'A\\''],{visible: true, fixed: true, anchorX: 'middle', anchorY: 'middle', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(18*brd1.canvasWidth/500.)}},);\r\n    //  txtAprime.on('down', function(){FunC();});\r\n      //\r\n      //var txtBprime = brd1.create('text', [-4, -8, 'B\\''],{visible: true, fixed: true, anchorX: 'middle', anchorY: 'middle', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(18*brd1.canvasWidth/500.)}},);\r\n      //txtAprime.on('down', function(){FunC();});\r\n      //\r\n    //  var txtCprime = brd1.create('text', [-3, -8, 'C\\''],{visible: true, fixed: true, anchorX: 'middle', anchorY: 'middle', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(18*brd1.canvasWidth/500.)}},);\r\n      //txtAprime.on('down', function(){FunC();});\r\n      //Union of Sets\r\n      /*var txtAUB = brd1.create('text', [-3.5, -8, 'A ⋃ B'],{color:colory,visible: true, fixed: true, anchorX: 'middle', anchorY: 'middle', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(18*brd1.canvasWidth/500.)}},);\r\n      txtAUB.on('over', function(){FunAUB();});\r\n      //\r\n      var txtBUC = brd1.create('text', [-1.5, -8, 'B ⋃ C'],{color:colory,visible: true, fixed: true, anchorX: 'middle', anchorY: 'middle', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(18*brd1.canvasWidth/500.)}},);\r\n      txtBUC.on('over', function(){FunBUC();});\r\n      //\r\n      var txtCUA = brd1.create('text', [0.5, -8, 'C ⋃ A'],{color:colory,visible: true, fixed: true, anchorX: 'middle', anchorY: 'middle', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(18*brd1.canvasWidth/500.)}},);\r\n      txtCUA.on('over', function(){FunAUC();});\r\n//\r\n//\r\n      //Intersection of Sets\r\n      var txtAOB = brd1.create('text', [3.5, -8, 'A ⋂ B'],{color:colorz,visible: true, fixed: true, anchorX: 'middle', anchorY: 'middle', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(18*brd1.canvasWidth/500.)}},);\r\n      txtAOB.on('over', function(){FunAOB();});\r\n      //\r\n      var txtBOC = brd1.create('text', [5.5, -8, 'B ⋂ C'],{color:colorz,visible: true, fixed: true, anchorX: 'middle', anchorY: 'middle', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(18*brd1.canvasWidth/500.)}},);\r\n      txtBOC.on('over', function(){FunBOC();});\r\n      //\r\n      var txtCOA = brd1.create('text', [ 7.5, -8, 'C ⋂ A'],{color:colorz,visible: true, fixed: true, anchorX: 'middle', anchorY: 'middle', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(18*brd1.canvasWidth/500.)}},);\r\n      txtCOA.on('over', function(){FunAOC();});\r\n      //Functions\r\n      function FunA(){\r\n          white();\r\n          a1.setAttribute({fillOpacity:1, dash:0,fillColor:color2, highlightfillColor: color2});\r\n          AC.setAttribute({fillOpacity:1, dash:0,fillColor:color2, highlightfillColor: color2});\r\n          AB.setAttribute({fillOpacity:1, dash:0,fillColor:color2, highlightfillColor: color2});\r\n          ABC.setAttribute({fillOpacity:1, dash:0,fillColor:color2, highlightfillColor: color2});\r\n          txt1.setText('This is set A');\r\n        }\r\n  //\r\n      function FunB(){\r\n      white();\r\n      a2.setAttribute({fillOpacity:1, dash:0,fillColor:color2, highlightfillColor: color2});\r\n      BC.setAttribute({fillOpacity:1, dash:0,fillColor:color2, highlightfillColor: color2});\r\n      AB.setAttribute({fillOpacity:1, dash:0,fillColor:color2, highlightfillColor: color2});\r\n      ABC.setAttribute({fillOpacity:1, dash:0,fillColor:color2, highlightfillColor: color2});\r\n      txt1.setText('This is set B');\r\n    }\r\n//\r\n      function FunC(){\r\n        white();\r\n        a3.setAttribute({fillOpacity:1, dash:0,fillColor:color2, highlightfillColor: color2});\r\n        AC.setAttribute({fillOpacity:1, dash:0,fillColor:color2, highlightfillColor: color2});\r\n        BC.setAttribute({fillOpacity:1, dash:0,fillColor:color2, highlightfillColor: color2});\r\n        ABC.setAttribute({fillOpacity:1, dash:0,fillColor:color2, highlightfillColor: color2});\r\n        txt1.setText('This is set C');\r\n      }\r\n\r\n      function FunAUB(){\r\n        white();\r\n        a1.setAttribute({fillOpacity:1, dash:0,fillColor:colory, highlightfillColor: colory});\r\n        a2.setAttribute({fillOpacity:1, dash:0,fillColor:colory, highlightfillColor: colory});\r\n        AB.setAttribute({fillOpacity:1, dash:0,fillColor:colory, highlightfillColor: colory});\r\n        AC.setAttribute({fillOpacity:1, dash:0,fillColor:colory, highlightfillColor: colory});\r\n        BC.setAttribute({fillOpacity:1, dash:0,fillColor:colory, highlightfillColor: colory});\r\n        ABC.setAttribute({fillOpacity:1, dash:0,fillColor:colory, highlightfillColor: colory});\r\n        txt1.setText('This is union of sets A and B');\r\n        }\r\n      function FunBUC(){\r\n        white();\r\n        a2.setAttribute({fillOpacity:1, dash:0,fillColor:colory, highlightfillColor: colory});\r\n        a3.setAttribute({fillOpacity:1, dash:0,fillColor:colory, highlightfillColor: colory});\r\n        AB.setAttribute({fillOpacity:1, dash:0,fillColor:colory, highlightfillColor: colory});\r\n        AC.setAttribute({fillOpacity:1, dash:0,fillColor:colory, highlightfillColor: colory});\r\n        BC.setAttribute({fillOpacity:1, dash:0,fillColor:colory, highlightfillColor: colory});\r\n        ABC.setAttribute({fillOpacity:1, dash:0,fillColor:colory, highlightfillColor: colory});\r\n        txt1.setText('This is union of sets B and C');\r\n      }\r\n      function FunAUC(){\r\n        white();\r\n        a1.setAttribute({fillOpacity:1, dash:0,fillColor:colory, highlightfillColor: colory});\r\n        a3.setAttribute({fillOpacity:1, dash:0,fillColor:colory, highlightfillColor: colory});\r\n        AB.setAttribute({fillOpacity:1, dash:0,fillColor:colory, highlightfillColor: colory});\r\n        AC.setAttribute({fillOpacity:1, dash:0,fillColor:colory, highlightfillColor: colory});\r\n        BC.setAttribute({fillOpacity:1, dash:0,fillColor:colory, highlightfillColor: colory});\r\n        ABC.setAttribute({fillOpacity:1, dash:0,fillColor:colory, highlightfillColor: colory});\r\n        txt1.setText('This is union of sets A and C');\r\n      }\r\n//\r\nfunction FunAOB(){\r\n  white();\r\n  AB.setAttribute({fillOpacity:1, dash:0,fillColor:colorz, highlightfillColor: colorz});\r\n  ABC.setAttribute({fillOpacity:1, dash:0,fillColor:colorz, highlightfillColor: colorz});\r\n  txt1.setText('This is intersection of sets A and B');\r\n  }\r\n\r\n  function FunAOC(){\r\n    white();\r\n    AC.setAttribute({fillOpacity:1, dash:0,fillColor:colorz, highlightfillColor: colorz});\r\n    ABC.setAttribute({fillOpacity:1, dash:0,fillColor:colorz, highlightfillColor: colorz});\r\n    txt1.setText('This is intersection of sets A and C');\r\n    }\r\n\r\n    function FunBOC(){\r\n      white();\r\n      BC.setAttribute({fillOpacity:1, dash:0,fillColor:colorz, highlightfillColor: colorz});\r\n      ABC.setAttribute({fillOpacity:1, dash:0,fillColor:colorz, highlightfillColor: colorz});\r\n      txt1.setText('This is intersection of sets B and C');\r\n      }\r\n      */\r\n      //slid.on('drag',function(){ idk();});\r\n/*\r\n      function idk(){\r\n\r\n          white();\r\n\r\n          if(slid.Value() == 20){\r\n              a1.setAttribute({fillOpacity:1, dash:0, fillColor:color2, highlightfillColor: color2});\r\n              a2.setAttribute({fillOpacity:1, dash:0, fillColor:color2, highlightfillColor: color2});\r\n              a3.setAttribute({fillOpacity:1, dash:0, fillColor:color2, highlightfillColor: color2});\r\n              AB.setAttribute({fillOpacity:1, dash:0, fillColor:color2, highlightfillColor: color2});\r\n              AC.setAttribute({fillOpacity:1, dash:0, fillColor:color2, highlightfillColor: color2});\r\n              BC.setAttribute({fillOpacity:1, dash:0, fillColor:color2, highlightfillColor: color2});\r\n              ABC.setAttribute({fillOpacity:1, dash:0, fillColor:color2, highlightfillColor: color2});\r\n              universe.setAttribute({fillOpacity:1, dash:0, fillColor:color2, highlightfillColor: color2});\r\n              txt1.setText('U');\r\n          }\r\n          else if(slid.Value() == 2){\r\n              a1.setAttribute({fillOpacity:1, dash:0,fillColor:color2, highlightfillColor: color2});\r\n              AC.setAttribute({fillOpacity:1, dash:0,fillColor:color2, highlightfillColor: color2});\r\n              AB.setAttribute({fillOpacity:1, dash:0,fillColor:color2, highlightfillColor: color2});\r\n             ABC.setAttribute({fillOpacity:1, dash:0,fillColor:color2, highlightfillColor: color2});\r\n              txt1.setText('A');\r\n          }\r\n          else if(slid.Value() == 3){\r\n              a2.setAttribute({fillOpacity:1, dash:0,fillColor:color2, highlightfillColor: color2});\r\n              BC.setAttribute({fillOpacity:1, dash:0,fillColor:color2, highlightfillColor: color2});\r\n              AB.setAttribute({fillOpacity:1, dash:0,fillColor:color2, highlightfillColor: color2});\r\n              ABC.setAttribute({fillOpacity:1, dash:0,fillColor:color2, highlightfillColor: color2});\r\n              txt1.setText('B');\r\n          }\r\n          else if(slid.Value() == 4){\r\n              a3.setAttribute({fillOpacity:1, dash:0,fillColor:color2, highlightfillColor: color2});\r\n              AC.setAttribute({fillOpacity:1, dash:0,fillColor:color2, highlightfillColor: color2});\r\n              BC.setAttribute({fillOpacity:1, dash:0,fillColor:color2, highlightfillColor: color2});\r\n              ABC.setAttribute({fillOpacity:1, dash:0,fillColor:color2, highlightfillColor: color2});\r\n              txt1.setText('C');\r\n          }\r\n          else if(slid.Value() == 5){\r\n              a2.setAttribute({fillOpacity:1,fillColor:color2, highlightfillColor: color2});\r\n              a3.setAttribute({fillOpacity:1,fillColor:color2, highlightfillColor: color2});\r\n              BC.setAttribute({fillOpacity:1,fillColor:color2, highlightfillColor: color2});\r\n              universe.setAttribute({fillOpacity:1,fillColor:color2, highlightfillColor: color2});\r\n              txt1.setText(\"A'\");\r\n          }\r\n          else if(slid.Value() == 6){\r\n              a1.setAttribute({fillOpacity:1,fillColor:color2, highlightfillColor: color2});\r\n              a3.setAttribute({fillOpacity:1,fillColor:color2, highlightfillColor: color2});\r\n              AC.setAttribute({fillOpacity:1,fillColor:color2, highlightfillColor: color2});\r\n              universe.setAttribute({fillOpacity:1,fillColor:color2, highlightfillColor: color2});\r\n              txt1.setText(\"B'\");\r\n          }\r\n          else if(slid.Value() == 7){\r\n              a1.setAttribute({fillColor:color2, highlightfillColor: color2});\r\n              a2.setAttribute({fillColor:color2, highlightfillColor: color2});\r\n              AB.setAttribute({fillColor:color2, highlightfillColor: color2});\r\n              universe.setAttribute({fillColor:color2, highlightfillColor: color2});\r\n              txt1.setText(\"C'\");\r\n          }\r\n          else if(slid.Value() == 8){\r\n              a1.setAttribute({fillColor:color2, highlightfillColor: color2});\r\n              a2.setAttribute({fillColor:color2, highlightfillColor: color2});\r\n              AB.setAttribute({fillColor:color2, highlightfillColor: color2});\r\n              AC.setAttribute({fillColor:color2, highlightfillColor: color2});\r\n              BC.setAttribute({fillColor:color2, highlightfillColor: color2});\r\n              ABC.setAttribute({fillColor:color2, highlightfillColor: color2});\r\n              txt1.setText('A ⋃ B');\r\n          }\r\n          else if(slid.Value() == 9){\r\n              a1.setAttribute({fillColor:color2, highlightfillColor: color2});\r\n              a3.setAttribute({fillColor:color2, highlightfillColor: color2});\r\n              AB.setAttribute({fillColor:color2, highlightfillColor: color2});\r\n              AC.setAttribute({fillColor:color2, highlightfillColor: color2});\r\n              BC.setAttribute({fillColor:color2, highlightfillColor: color2});\r\n              ABC.setAttribute({fillColor:color2, highlightfillColor: color2});\r\n              txt1.setText('A ⋃ C');\r\n          }\r\n          else if(slid.Value() == 10){\r\n              a2.setAttribute({fillColor:color2, highlightfillColor: color2});\r\n              a3.setAttribute({fillColor:color2, highlightfillColor: color2});\r\n              AB.setAttribute({fillColor:color2, highlightfillColor: color2});\r\n              AC.setAttribute({fillColor:color2, highlightfillColor: color2});\r\n              BC.setAttribute({fillColor:color2, highlightfillColor: color2});\r\n              ABC.setAttribute({fillColor:color2, highlightfillColor: color2});\r\n              txt1.setText('B ⋃ C');\r\n          }\r\n\r\n          else if(slid.Value() == 11){\r\n              AB.setAttribute({fillColor:color2, highlightfillColor: color2});\r\n              ABC.setAttribute({fillColor:color2, highlightfillColor: color2});\r\n              txt1.setText('A ⋂ B');\r\n          }\r\n          else if(slid.Value() == 12){\r\n              AC.setAttribute({fillColor:color2, highlightfillColor: color2});\r\n              ABC.setAttribute({fillColor:color2, highlightfillColor: color2});\r\n              txt1.setText('A ⋂ C');\r\n          }\r\n          else if(slid.Value() == 13){\r\n              BC.setAttribute({fillColor:color2, highlightfillColor: color2});\r\n              ABC.setAttribute({fillColor:color2, highlightfillColor: color2});\r\n              txt1.setText('B ⋂ C');\r\n          }\r\n\r\n          else if(slid.Value() == 14){\r\n              a1.setAttribute({fillColor:color2, highlightfillColor: color2});\r\n              AC.setAttribute({fillColor:color2, highlightfillColor: color2});\r\n              txt1.setText('A - B');\r\n          }\r\n          else if(slid.Value() == 15){\r\n              a2.setAttribute({fillColor:color2, highlightfillColor: color2});\r\n              BC.setAttribute({fillColor:color2, highlightfillColor: color2});\r\n              txt1.setText('B - A');\r\n          }\r\n\r\n          else if(slid.Value() == 16){\r\n              a2.setAttribute({fillColor:color2, highlightfillColor: color2});\r\n              AB.setAttribute({fillColor:color2, highlightfillColor: color2});\r\n              txt1.setText('B - C');\r\n          }\r\n\r\n          else if(slid.Value() == 17){\r\n              a3.setAttribute({fillColor:color2, highlightfillColor: color2});\r\n              AC.setAttribute({fillColor:color2, highlightfillColor: color2});\r\n              txt1.setText('C - B');\r\n          }\r\n          else if(slid.Value() == 18){\r\n              a3.setAttribute({fillColor:color2, highlightfillColor: color2});\r\n              BC.setAttribute({fillColor:color2, highlightfillColor: color2});\r\n              txt1.setText('C - A');\r\n          }\r\n          else if(slid.Value() == 19){\r\n              a1.setAttribute({fillColor:color2, highlightfillColor: color2});\r\n              AB.setAttribute({fillColor:color2, highlightfillColor: color2});\r\n              txt1.setText('A - C');\r\n          }\r\n          else if(slid.Value() == 1){\r\n              txt1.setText('∅');\r\n          }\r\n          else{\r\n              return;\r\n          }\r\n      }\r\n*/\r\n      function white(){\r\n          AB.setAttribute({fillOpacity:1, dash:1,fillColor:color4, highlightfillColor: color1});\r\n          //AC.setAttribute({fillOpacity:1, dash:1,fillColor:color4, highlightfillColor: color1});\r\n          //BC.setAttribute({fillOpacity:1, dash:1,fillColor:color4, highlightfillColor: color1});\r\n          //ABC.setAttribute({fillOpacity:1,dash:1,fillColor:color4, highlightfillColor: color1});\r\n          a1.setAttribute({fillOpacity:1, dash:1,fillColor:color4, highlightfillColor: color1});\r\n          a2.setAttribute({fillOpacity:1, dash:1,fillColor:color4, highlightfillColor: color1});\r\n          //a3.setAttribute({fillOpacity:1, dash:1,fillColor:color4, highlightfillColor: color1});\r\n          //universe.setAttribute({fillOpacity:1, dash:1,fillColor:color4, highlightfillColor: color1});\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      Venn Diagram\r\n    </h3>\r\n    <p>\r\n      A Venn diagram is a graphical way to represent sets, relationships amongst sets, and mathematical operations on sets. Below are some basic definitions.\r\n    </p>\r\n    <ul class=\"a\">\r\n      <li> <h5> Definition of a Set </h5> </li>\r\n      <p>\n        A set represents a collection of objects that share a common characteristics.\r\n        For example &mdash; A ={2, 4, 6, 8, 10, 12} represents the set of even numbers. Every element of this set is an even number. Let's take another example &mdash;\r\n        B ={3, 6, 9, 12, 15} represents the set of multiples of 3.\r\n      </p>\r\n      <li> <h5> Union of Sets </h5> </li>\r\n      <p>\n        The union of sets A and B is the set that contains all the elements of set A and that of set B &mdash; however the common elements are taken only once.\r\n        The union of sets A and B is written as A ⋃ B.\n      </p>\r\n      <li> <h5>Intersection of Sets </h5> </li>\r\n      <p>\n        The intersection of sets A and B is the set that contains the elements which are common to both A and B.\r\n        The intersection of sets A and B is written as A ⋂ B.\n      </p>\r\n    </ul>\r\n    <h3 ref=\"pg\">\n      MagicGraph | Venn Diagram\r\n    </h3>\r\n    <p>\n      In this MagicGraph, you will learn about graphically representing sets using Venn diagrams.\r\n      Hover over a set definition to see it Venn diagram representation.\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: 'VennDiagram',\r\n  created: function () {\r\n    this.$store.commit('navigation/resetState');\r\n    let title = 'Venn Diagram';\r\n    this.$store.commit('navigation/changeTitle', title);\r\n    this.$store.commit('navigation/changeMenu', title);\r\n    let newTopics = [\r\n      {title: 'Venn Diagram', img:'/assets/number-1.svg', action: () => this.goto('intro')},\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: 'Venn Theorem',\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=08ade538&\"\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=08ade538&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","'use strict';\n// https://github.com/tc39/Array.prototype.includes\nvar $export = require('./_export');\nvar $includes = require('./_array-includes')(true);\n\n$export($export.P, 'Array', {\n  includes: function includes(el /* , fromIndex = 0 */) {\n    return $includes(this, el, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n\nrequire('./_add-to-unscopables')('includes');\n","// 7.2.8 IsRegExp(argument)\nvar isObject = require('./_is-object');\nvar cof = require('./_cof');\nvar MATCH = require('./_wks')('match');\nmodule.exports = function (it) {\n  var isRegExp;\n  return isObject(it) && ((isRegExp = it[MATCH]) !== undefined ? !!isRegExp : cof(it) == 'RegExp');\n};\n","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=08ade538&prod&lang=scss&\"","// helper for String#{startsWith, endsWith, includes}\nvar isRegExp = require('./_is-regexp');\nvar defined = require('./_defined');\n\nmodule.exports = function (that, searchString, NAME) {\n  if (isRegExp(searchString)) throw TypeError('String#' + NAME + \" doesn't accept regex!\");\n  return String(defined(that));\n};\n"],"sourceRoot":""}