{"version":3,"sources":["webpack:///./src/components/mathematics/sq/Lesson.vue","webpack:///./src/components/mathematics/sq/Boxes.js","webpack:///src/components/mathematics/sq/Lesson.vue","webpack:///./src/components/mathematics/sq/Lesson.vue?ccc4","webpack:///./src/components/mathematics/sq/Lesson.vue?cee5","webpack:///./src/components/mathematics/sq/Lesson.vue?0d3e"],"names":["ref","_vm","attrs","_c","staticClass","staticRenderFns","_self","render","Boxes","box1","JXG","Options","board","minimizeReflow","brd4","JSXGraph","initBoard","boundingbox","keepaspectratio","axis","ticks","visible","grid","showCopyright","showNavigation","pan","enabled","zoom","create","CssStyle","fontSize","Math","round","canvasWidth","fixed","resize","resizeContainer","containerObj","clientWidth","clientHeight","fullUpdate","window","onresize","i","strokeColor","total","extreme1","name","size","label","offset","canvasHeight","cssStyle","extreme2","extreme3","extreme4","border1","border2","border3","border4","dragMe","face","snapToGrid","fillColor","int1","X","int2","int4","interiorPoint","withLabel","highlight","strokeWidth","fillOpacity","borders","toFixed","firstArrow","lastArrow","arr2_1","Y","arr2_2","arr2_3","arrBor2_1","arrBor2_3","arr3_1","arr3_2","arr3_3","arrBor3_1","arrBor3_3","redo","setLabel","setAttribute","on","this","undo","maxSteps","updateStepTexts","moveTo","textInitial","text0_1","text0_2","text1_1","text1_2","text1_3","text1_4","text1_5","text1_6","text1_7","text1_8","text2_1","text2_2","text2_3","text2_4","text2_5","text2_6","text2_7","text2_8","eraseText","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-396e3b29.ad6d1dc1.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('h3',{ref:\"ia\"},[_vm._v(\"\\n    Square Formula\\n  \")]),_c('p',[_vm._v(\"\\n    The square formula states that the square of the sum of two numbers \\\\(a\\\\) and \\\\(b\\\\)\\n    is equal to the sum of the squares of the two numbers and twice of their product.\\n    $$(a+b)^2 = a^2 + 2ab + b^2$$\\n  \")]),_c('br'),_c('v-layout',{attrs:{\"justify-center\":\"\"}},[_c('v-img',{attrs:{\"src\":\"/assets/square.png\",\"max-height\":\"450px\",\"max-width\":\"450px\",\"contain\":\"\"}})],1),_c('h3',{ref:\"playgraph\",attrs:{\"id\":\"mgk\"}},[_vm._v(\"\\n    MagicGraph | Square Formula\\n  \")]),_c('p',[_vm._v(\"\\n    This MagicGraph offers a visually interactive way to derive the square formula.\\n    You are given a square with arm length \\\\(a+b\\\\). The area of the square is equal to \\\\((a+b)^2\\\\).\\n  \")]),_c('h5',[_vm._v(\" To Get Started: \")]),_vm._m(0),_c('h5',[_vm._v(\" To Explore:\")]),_c('p',[_vm._v(\"\\n    You can vary the values of \\\\(a\\\\) and \\\\(b\\\\) by moving the point labeled \\\"Drag me!\\\".\\n    Note that the sum of the \\\\(a\\\\) and \\\\(b\\\\) remains constant, i.e., \\\\(a+ b =4\\\\).\\n    For any values of \\\\(a\\\\) and \\\\(b\\\\) you choose, you can verify that the sum given by \\\\(a^2+ b^2+ 2ab\\\\) is always equal to \\\\((a+b)^2\\\\).\\n  \")]),_c('p'),_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('p',[_vm._v(\"\\n    Now, divide each side of the square into two segments of length \\\\(a\\\\) and \\\\(b\\\\).\\n    That way - the square ABCD can be divided into a green square (has an area = \\\\(a^2\\\\)), a blue square (has an area = \\\\(b^2\\\\)), and two red rectangles (each has an area = \\\\(ab\\\\)). \"),_c('br'),_vm._v(\"\\n    $$\\n    \\\\text{Area of square ABCD} =  \\\\text{Area of the green square} + \\\\text{Area of the blue square} + \\\\text{2 x Area of the red square}. $$\\n    \"),_c('br'),_vm._v(\"\\n    Thus, we have\\n    $$(a+b)^2 = a^2 + b^2 + 2 a b$$\\n  \")])\n}]\n\nexport { render, staticRenderFns }","const Boxes = {\r\n  box1: function () {\r\n  JXG.Options.board.minimizeReflow = 'none';\r\n  var brd4 = JXG.JSXGraph.initBoard('jxgbox1',{boundingbox: [-4, 10, 8, -2], 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  brd4.create('text', [0, 9, '<b> Square Formula <b>'],{CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(28*brd4.canvasWidth/500.)}, fixed:true});\r\n  var resize = function () {\r\n      brd4.resizeContainer(brd4.containerObj.clientWidth, brd4.containerObj.clientHeight, true);\r\n      brd4.fullUpdate();\r\n      };\r\nwindow.onresize = resize;\r\nvar i =0;\r\nbrd4.create('text', [0, 8., 'Area ABCD = (a+b)^2'],{visible:function(){if(i<=1){return true} else{return false}}, fixed: true, strokeColor:'black', CssStyle:'fontFamily:Oswald', fontSize:function(){return Math.round(18*brd4.canvasWidth/500.)}});\r\nbrd4.create('text', [0, 7.4, 'Area ABCD = a^2 + 2ab + b^2'],{visible:function(){if(i==1){return true} else{return false}}, fixed: true, strokeColor:'black', CssStyle:'fontFamily:Oswald', fontSize:function(){return Math.round(18*brd4.canvasWidth/500.)}});\r\n//brd4.create('text', [2.0, 8., 'a^2'],{visible:function(){if(i==1){return true} else{return false}}, fixed: true, strokeColor:'#95DD43', CssStyle:'fontFamily:Oswald', fontSize:function(){return Math.round(18*brd4.canvasWidth/500.)}});\r\n//brd4.create('text', [2.4, 8., ' + '],{visible:function(){if(i==1){return true} else{return false}},fixed: true, strokeColor:'black', CssStyle:'fontFamily:Oswald', fontSize:function(){return Math.round(18*brd4.canvasWidth/500.)}});\r\n//brd4.create('text', [2.7, 8., ' 2&times; '],{visible:function(){if(i==1){return true} else{return false}},fixed: true, strokeColor:'black',  CssStyle:'fontFamily:Oswald', fontSize:function(){return Math.round(18*brd4.canvasWidth/500.)}});\r\n//brd4.create('text', [3.1, 8., ' ab '],{visible:function(){if(i==1){return true} else{return false}},fixed: true, strokeColor:'#ff5935',  CssStyle:'fontFamily:Oswald', fontSize:function(){return Math.round(18*brd4.canvasWidth/500.)}});\r\n//rd1.create('text', [3.5, 8., ' + '],{visible:function(){if(i==1){return true} else{return false}},fixed: true, strokeColor:'black', CssStyle:'fontFamily:Oswald', fontSize:function(){return Math.round(18*brd4.canvasWidth/500.)}});\r\n//brd4.create('text', [3.8, 8., 'b^2'],{visible:function(){if(i==1){return true} else{return false}},fixed: true, strokeColor:'#6691ff', CssStyle:'fontFamily:Oswald', fontSize:function(){return Math.round(18*brd4.canvasWidth/500.)}});\r\nbrd4.create('text', [0., 8.2, '(a+b)^2 = 4^2 = 16 bins'],{visible:function(){if(i==2){return true} else{return false}}, fixed: true, strokeColor:'black', CssStyle:'fontFamily:Oswald', fontSize:function(){return Math.round(18*brd4.canvasWidth/500.)}});\r\n//\r\n//the sides of the square measure\r\nvar total = 4;\r\n//\r\n//Extreme ponits of the square\r\nvar extreme1 = brd4.create('point', [0,0],{fixed:true, name:'A', size:0, label: {offset:[0, -15], fontSize:function(){return 18*brd4.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'}});\r\nvar extreme2 = brd4.create('point', [total,0],{fixed:true, name:'B', size:0, label: {offset:[0, -15], fontSize:function(){return 18*brd4.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'}});\r\nvar extreme3 = brd4.create('point', [total, total],{fixed:true, name:'C', size:0, label: {offset:[0, 15], fontSize:function(){return 18*brd4.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'}});\r\nvar extreme4 = brd4.create('point', [0,total],{fixed:true, name:'D', size:0, label: {offset:[0, 15],fontSize:function(){return 18*brd4.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'}});\r\n\r\n//Black borders of the square\r\nvar border1 = brd4.create('segment', [extreme1, extreme2], {fixed: true, strokeColor: 'black'});\r\nvar border2 = brd4.create('segment', [extreme2, extreme3], {fixed: true, strokeColor: 'black'});\r\nvar border3 = brd4.create('segment', [extreme3, extreme4], {fixed: true, strokeColor: 'black'});\r\nvar border4 = brd4.create('segment', [extreme1, extreme4], {fixed: true, strokeColor: 'black'});\r\n\r\n//Interior points on the borders\r\nvar dragMe =brd4.create('glider', [4,total, border3], {face:'circle', size:3, name:'Drag Me!', snapToGrid:function(){if(i==2){return true}else{return false}}, label: {offset: [0,25]}, strokeColor: 'black', fillColor: '#e1e1e1', fixed:false, visible:false});\r\nvar int1 =brd4.create('glider', [function(){return dragMe.X()}, 0, border1], {face:'square', size:3, name:'',strokeColor: 'black', fillColor: '#e1e1e1', visible:false});\r\nvar int2 =brd4.create('glider', [total,function() {return  total - dragMe.X()}, border2], {face:'square', size:3,strokeColor: 'black', fillColor: '#e1e1e1', name:'', visible:false});\r\nvar int4 =brd4.create('glider', [0,function() {return total - dragMe.X()}, border4], {face:'square', size:3, name:'', strokeColor: 'black', fillColor: '#e1e1e1',visible:false});\r\n\r\n//Interior point\r\nvar interiorPoint = brd4.create('point', [function(){return dragMe.X()},function(){return total - dragMe.X()}],{face:'o' , name:'pp', size:2, strokeColor: 'black', fillColor: 'grey', withLabel:false, fixed:false, visible:false});\r\n\r\n//Lines on the inside\r\nvar l1 = brd4.create('segment', [interiorPoint, int1], {fixed: false, strokeColor: 'black'});\r\nvar l2 = brd4.create('segment', [interiorPoint, int2], {fixed: false, strokeColor: 'black'});\r\nvar l3 = brd4.create('segment', [interiorPoint, dragMe], {fixed: false, strokeColor: 'black'});\r\nvar l4 = brd4.create('segment', [interiorPoint, int4], {fixed: false, strokeColor: 'black'});\r\n\r\n//Polygons\r\nbrd4.create('polygon', [extreme1, int1, interiorPoint, int4],{highlight:false, fixed:true, strokeWidth:2, fillColor:'#ff5935', fillOpacity:0.25, borders:{fixed:true, strokeColor:'blue'},visible: true});\r\nbrd4.create('polygon', [int1, extreme2, int2, interiorPoint],{highlight:false,fixed:true, strokeWidth:2, fillColor:'#6691ff', fillOpacity:0.25, borders:{fixed:true, strokeColor:'blue'},visible: true});\r\nbrd4.create('polygon', [interiorPoint, int2, extreme3, dragMe],{highlight:false,fixed:true, strokeWidth:2, fillColor:'#ff5935', fillOpacity:0.25, borders:{fixed:true, strokeColor:'blue'},visible: true});\r\nbrd4.create('polygon', [int4, interiorPoint, dragMe, extreme4],{highlight:false,fixed:true, strokeWidth:2, fillColor:'#95DD43', fillOpacity:0.25, borders:{fixed:true, strokeColor:'blue'},visible: true});\r\n\r\nbrd4.create('text', [-3, 3., function(){return 'a^2 = ' + (dragMe.X()*dragMe.X()).toFixed(0) + ' bins'}],{visible:function(){if(i==2){return true} else{return false}}, fixed: true, strokeColor:'black', CssStyle:'fontFamily:Oswald', fontSize:function(){return Math.round(18*brd4.canvasWidth/500.)}});\r\nbrd4.create('text', [-3, 2., function(){return 'b^2 = ' + ((4-dragMe.X())*(4-dragMe.X())).toFixed(0) + ' bins'}],{visible:function(){if(i==2){return true} else{return false}}, fixed: true, strokeColor:'black', CssStyle:'fontFamily:Oswald', fontSize:function(){return Math.round(18*brd4.canvasWidth/500.)}});\r\nbrd4.create('text', [-3, 1., function(){return 'ab = ' + ((dragMe.X())*(4-dragMe.X())).toFixed(0) + ' bins'}],{visible:function(){if(i==2){return true} else{return false}}, fixed: true, strokeColor:'black', CssStyle:'fontFamily:Oswald', fontSize:function(){return Math.round(18*brd4.canvasWidth/500.)}});\r\nbrd4.create('text', [0., 7., function(){return 'a^2 + b^2 + 2 x ab = ' + (dragMe.X()*dragMe.X()).toFixed(0)+'+'+((4-dragMe.X())*(4-dragMe.X())).toFixed(0)+'+2 x '+((dragMe.X())*(4-dragMe.X())).toFixed(0) + ' = 16 bins'}],{visible:function(){if(i==2){return true} else{return false}}, fixed: true, strokeColor:'black', CssStyle:'fontFamily:Oswald', fontSize:function(){return Math.round(18*brd4.canvasWidth/500.)}});\r\n\r\n//\r\n\r\n//Arrows on border 2\r\nvar offset = 0.5;\r\nbrd4.create('arrow', [[total + offset, 0.0], [total + offset, total]],{strokeColor:'black', strokeWidth: 1, fixed:true, firstArrow:true, lastArrow:true});\r\nbrd4.create('arrow', [[0, total+offset], [total, total + offset]],{strokeColor:'black', strokeWidth: 1, fixed:true, firstArrow:true, lastArrow:true});\r\n\r\nvar arr2_1 = brd4.create('point', [function(){return total + offset},function(){return extreme2.Y()}],{face:'o' , name:'pp', size:2,withLabel:false, fixed:false, visible:false});\r\nvar arr2_2 = brd4.create('point', [function(){return total + offset},function(){return interiorPoint.Y()}],{face:'o' , name:'pp', size:2,withLabel:false, fixed:false, visible:false});\r\nvar arr2_3 = brd4.create('point', [function(){return total + offset},function(){return total}],{face:'o' , name:'pp', size:2,withLabel:false, fixed:false, visible:false});\r\n\r\nvar arrBor2_1 = brd4.create ('arrow', [arr2_1, arr2_2], {visible:false, strokeColor:'black', strokeWidth: 1, fixed:true, firstArrow:true, lastArrow:true});\r\n//var arrBor2_2 = brd4.create ('arrow', [arr2_2, arr2_1], {visible: false, name:'h', strokeColor:'black', strokeWidth: 1});\r\nvar arrBor2_3 = brd4.create ('arrow', [arr2_2, arr2_3], {visible:false, strokeColor:'black', strokeWidth: 1, fixed:true, firstArrow:true, lastArrow:true});\r\n//var arrBor2_4 = brd4.create ('arrow', [arr2_3, arr2_2], {visible: false, name:'h', strokeColor:'black', strokeWidth: 1});\r\n\r\n//Arrows on border 3\r\nvar arr3_1 = brd4.create('point', [function(){return extreme4.X()},function(){return total+offset}],{face:'o' , name:'pp', size:2,withLabel:false, fixed:false, visible:false});\r\nvar arr3_2 = brd4.create('point', [function(){return dragMe.X()},function(){return total+offset}],{face:'o' , name:'pp', size:2,withLabel:false, fixed:false, visible:false});\r\nvar arr3_3 = brd4.create('point', [total,function(){return total+offset}],{face:'o' , name:'pp', size:2,withLabel:false, fixed:false, visible:false});\r\n\r\nvar arrBor3_1 = brd4.create ('arrow', [arr3_1, arr3_2], {visible: false, name:'h', strokeColor:'black', strokeWidth: 1,  firstArrow:true, lastArrow:true});\r\n//var arrBor3_2 = brd4.create ('arrow', [arr3_2, arr3_1], {visible: false, name:'h', strokeColor:'black', strokeWidth: 1});\r\nvar arrBor3_3 = brd4.create ('arrow', [arr3_2, arr3_3], {visible: false, name:'h', strokeColor:'black', strokeWidth: 1,  firstArrow:true, lastArrow:true});\r\n//var arrBor3_4 = brd4.create ('arrow', [arr3_3, arr3_2], {visible: false, name:'h', strokeColor:'black', strokeWidth: 1});\r\n\r\n//REDO AND UNDO\r\nvar redo = brd4.create('image', ['/assets/redo.svg', [2.5,-1.5], [1,1]], {visible: true, fixed: true});\r\nredo.setLabel('Next Step')\r\nredo.label.setAttribute({visible:false, offset:[15, -15], CssStyle:'fontFamily:Oswald', fontSize:16});\r\nredo.on('over', function () {this.label.setAttribute({visible:true});});\r\nredo.on('out', function () {this.label.setAttribute({visible:false});});\r\nvar undo = brd4.create('image', ['/assets/undo.svg', [0.5,-1.5], [1,1]], {visible: true, fixed: true});\r\nundo.setLabel('Previous Step')\r\nundo.label.setAttribute({visible:false, offset:[15, -15], CssStyle:'fontFamily:Oswald', fontSize:16});\r\nundo.on('over', function () {this.label.setAttribute({visible:true});});\r\nundo.on('out', function () {this.label.setAttribute({visible:false});});\r\nvar maxSteps = 2;\r\n\r\nfunction updateStepTexts(){\r\n    if (i<=0){\r\n\r\n        dragMe.moveTo([4,4], 100);\r\n        textInitial.setAttribute({visible: true});\r\n\t\ttext0_1.setAttribute({visible: true});\r\n\t\ttext0_2.setAttribute({visible: true});\r\n    }\r\n    if(i==1){\r\n\r\n        dragMe.moveTo([3,4], 100);\r\n        dragMe.setAttribute({visible:false});\r\n        int1.setAttribute({visible:false});\r\n\t\tint2.setAttribute({visible:false});\r\n\t\tint4.setAttribute({visible:false});\r\n        text1_1.setAttribute({visible: true});\r\n        text1_2.setAttribute({visible: true});\r\n        text1_3.setAttribute({visible: true});\r\n        text1_4.setAttribute({visible: true});\r\n        text1_5.setAttribute({visible: true});\r\n        text1_6.setAttribute({visible: true});\r\n        text1_7.setAttribute({visible: true});\r\n        text1_8.setAttribute({visible: true});\r\n        arrBor2_1.setAttribute({visible: true});\r\n        //arrBor2_2.setAttribute({visible: true});\r\n        arrBor2_3.setAttribute({visible: true});\r\n       // arrBor2_4.setAttribute({visible: true});\r\n        arrBor3_1.setAttribute({visible: true});\r\n        //arrBor3_2.setAttribute({visible: true});\r\n        arrBor3_3.setAttribute({visible: true});\r\n        //arrBor3_4.setAttribute({visible: true});\r\n\t\t}\r\n    if(i==2){\r\n\r\n        dragMe.setAttribute({visible:true});\r\n        int1.setAttribute({visible:true});\r\n\t\tint2.setAttribute({visible:true});\r\n\t\tint4.setAttribute({visible:true});\r\n\r\n        text2_1.setAttribute({visible: true});\r\n        text2_2.setAttribute({visible: true});\r\n        text2_3.setAttribute({visible: true});\r\n        text2_4.setAttribute({visible: true});\r\n        text2_5.setAttribute({visible: true});\r\n        text2_6.setAttribute({visible: true});\r\n        text2_7.setAttribute({visible: true});\r\n        text2_8.setAttribute({visible: true});\r\n\r\n        arrBor2_1.setAttribute({visible: true});\r\n        //arrBor2_2.setAttribute({visible: true});\r\n        arrBor2_3.setAttribute({visible: true});\r\n        //arrBor2_4.setAttribute({visible: true});\r\n\r\n        arrBor3_1.setAttribute({visible: true});\r\n       // arrBor3_2.setAttribute({visible: true});\r\n        arrBor3_3.setAttribute({visible: true});\r\n        //arrBor3_4.setAttribute({visible: true});\r\n\r\n    }\r\n\r\n}\r\n\r\nfunction eraseText(){\r\n\r\n    textInitial.setAttribute({visible: false});\r\n    dragMe.setAttribute({visible:false});\r\n    int1.setAttribute({visible:false});\r\n\tint2.setAttribute({visible:false});\r\n\tint4.setAttribute({visible:false});\r\n    text0_1.setAttribute({visible:false});\r\n\ttext0_2.setAttribute({visible:false});\r\n    text1_1.setAttribute({visible: false});\r\n    text1_2.setAttribute({visible: false});\r\n    text1_3.setAttribute({visible: false});\r\n    text1_4.setAttribute({visible: false});\r\n    text1_5.setAttribute({visible: false});\r\n    text1_6.setAttribute({visible: false});\r\n    text1_7.setAttribute({visible: false});\r\n    text1_8.setAttribute({visible: false});\r\n\r\n    text2_1.setAttribute({visible: false});\r\n    text2_2.setAttribute({visible: false});\r\n    text2_3.setAttribute({visible: false});\r\n    text2_4.setAttribute({visible: false});\r\n    text2_5.setAttribute({visible: false});\r\n    text2_6.setAttribute({visible: false});\r\n    text2_7.setAttribute({visible: false});\r\n    text2_8.setAttribute({visible: false});\r\n\r\n    arrBor2_1.setAttribute({visible: false});\r\n   // arrBor2_2.setAttribute({visible: false});\r\n    arrBor2_3.setAttribute({visible: false});\r\n    //arrBor2_4.setAttribute({visible: false});\r\n\r\n    arrBor3_1.setAttribute({visible: false});\r\n    //arrBor3_2.setAttribute({visible: false});\r\n    arrBor3_3.setAttribute({visible: false});\r\n    //arrBor3_4.setAttribute({visible: false});\r\n}\r\n\r\nredo.on('down',function(){\r\n    i = i+1;\r\n    if (i > maxSteps){\r\n        i = maxSteps;\r\n    }\r\n\t    eraseText();\r\n    updateStepTexts();\r\n});\r\n\r\nundo.on('down',function(){\r\n    i=i-1;\r\n    if (i < 0){\r\n        i = 0;\r\n    }\r\n    eraseText();\r\n    updateStepTexts();\r\n});\r\n\r\n//Initial Step\r\nvar textInitial = brd4.create('text', [1.5, 2, '(a+b)^2'], {visible: true, fixed:true, fontSize:function(){return 48*brd4.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n\r\n//FIRST STEP - VALUES IN LETTERS\r\n\r\n//Values\r\nvar text1_1 = brd4.create('text', [function(){return interiorPoint.X()/2-0.1}, function(){return interiorPoint.Y()/2}, 'ab'], {visible: false, fixed:true, fontSize:function(){return 24*brd4.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\nvar text1_2 = brd4.create('text', [function(){return interiorPoint.X()-0.1 + (total - interiorPoint.X())/2}, function(){return interiorPoint.Y()/2}, 'b^2'], {visible: false, fixed:true, fontSize:function(){return 24*brd4.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\nvar text1_3 = brd4.create('text', [function(){return interiorPoint.X()-0.1 + (total - interiorPoint.X())/2}, function(){return interiorPoint.Y() + (total - interiorPoint.Y())/2}, 'ab'], {visible: false, fixed:true, fontSize:function(){return 24*brd4.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\nvar text1_4 = brd4.create('text', [function(){return interiorPoint.X()/2-0.1}, function(){return interiorPoint.Y() + (total - interiorPoint.Y())/2}, 'a^2'], {visible: false, fixed:true, fontSize:function(){return 24*brd4.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n\r\n//Text arrows on border 2\r\nvar text1_5 = brd4.create('text', [function(){return total + offset + 0.1}, function(){return interiorPoint.Y()/2}, 'b'], {visible: false, fixed:true, fontSize:function(){return 24*brd4.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\nvar text1_6 = brd4.create('text', [function(){return total + offset + 0.1}, function(){return interiorPoint.Y() + (total - interiorPoint.Y())/2}, 'a'], {visible: false, fixed:true, fontSize:function(){return 24*brd4.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n//\r\nvar text0_1 = brd4.create('text', [total+1.5*offset, total/2, 'a+b'], {visible: true, fixed:true, fontSize:function(){return 24*brd4.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\nvar text0_2 = brd4.create('text', [total/2, total+1.5*offset, 'a+b'], {visible: true, fixed:true, fontSize:function(){return 24*brd4.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n//Text arrows on border 3\r\nvar text1_7 = brd4.create('text', [function(){return interiorPoint.X()/2-0.1}, function(){return total + 1.5*offset}, 'a'], {visible: false, fixed:true, fontSize:function(){return 24*brd4.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\nvar text1_8 = brd4.create('text', [function(){return interiorPoint.X()-0.1 + (total - interiorPoint.X())/2}, function(){return  total + 1.5*offset},'b'], {visible: false, fixed:true, fontSize:function(){return 24*brd4.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n\r\n\r\n//SECOND STEP - VALUES IN NUMBERS\r\n\r\n//Values\r\nvar text2_1 = brd4.create('text', [function(){return interiorPoint.X()/2-0.1}, function(){return interiorPoint.Y()/2}, function(){return (interiorPoint.X()*interiorPoint.Y()).toFixed(0)}], {visible: false, fixed:true, fontSize:function(){return 18*brd4.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\nvar text2_2 = brd4.create('text', [function(){return interiorPoint.X()-0.1 + (total - interiorPoint.X())/2}, function(){return interiorPoint.Y()/2}, function(){return ((total-interiorPoint.X())*(interiorPoint.Y())).toFixed(0)}], {visible: false, fixed:true, fontSize:function(){return 18*brd4.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\nvar text2_3 = brd4.create('text', [function(){return interiorPoint.X()-0.1 + (total - interiorPoint.X())/2}, function(){return interiorPoint.Y() + (total - interiorPoint.Y())/2}, function(){return (interiorPoint.X()*interiorPoint.Y()).toFixed(0)}], {visible: false, fixed:true, fontSize:function(){return 18*brd4.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\nvar text2_4 = brd4.create('text', [function(){return interiorPoint.X()/2-0.1}, function(){return interiorPoint.Y() + (total - interiorPoint.Y())/2}, function(){return (interiorPoint.X()*interiorPoint.X()).toFixed(0)}], {visible: false, fixed:true, fontSize:function(){return 18*brd4.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n\r\n//Text arrows on border 2\r\nvar text2_5 = brd4.create('text', [function(){return total + offset + 0.1}, function(){return interiorPoint.Y()/2}, function(){return (interiorPoint.Y()).toFixed(0)}], {visible: false, fixed:true, fontSize:function(){return 18*brd4.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\nvar text2_6 = brd4.create('text', [function(){return total + offset + 0.1}, function(){return interiorPoint.Y() + (total - interiorPoint.Y())/2}, function(){return (total - interiorPoint.Y()).toFixed(0)}], {visible: false, fixed:true, fontSize:function(){return 18*brd4.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n\r\n//Text arrows on border 3\r\nvar text2_7 = brd4.create('text', [function(){return interiorPoint.X()/2-0.1}, function(){return total + offset + 0.15}, function(){return (interiorPoint.X()).toFixed(0)}], {visible: false, fixed:true, fontSize:function(){return 18*brd4.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\nvar text2_8 = brd4.create('text', [function(){return interiorPoint.X()-0.1 + (total - interiorPoint.X())/2}, function(){return  total + offset + 0.15}, function(){return (total-interiorPoint.X()).toFixed(0)}], {visible: false, fixed:true, fontSize:function(){return 18*brd4.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n\r\n\r\n    },\r\n}\r\nexport default Boxes;\r\n","<template>\r\n  <div>\r\n    <h3 ref=\"ia\">\r\n      Square Formula\r\n    </h3>\r\n    <p>\r\n      The square formula states that the square of the sum of two numbers \\(a\\) and \\(b\\)\r\n      is equal to the sum of the squares of the two numbers and twice of their product.\r\n      $$(a+b)^2 = a^2 + 2ab + b^2$$\r\n    </p>\r\n    <br>\r\n    <v-layout justify-center>\r\n      <v-img src=\"/assets/square.png\"\r\n             max-height=\"450px\"\r\n             max-width=\"450px\"\r\n             contain\r\n      />\r\n    </v-layout>\r\n    <h3 id=\"mgk\" ref=\"playgraph\">\r\n      MagicGraph | Square Formula\r\n    </h3>\r\n    <p>\r\n      This MagicGraph offers a visually interactive way to derive the square formula.\r\n      You are given a square with arm length \\(a+b\\). The area of the square is equal to \\((a+b)^2\\).\r\n    </p><h5> To Get Started: </h5>\r\n    <p>\r\n      Now, divide each side of the square into two segments of length \\(a\\) and \\(b\\).\r\n      That way - the square ABCD can be divided into a green square (has an area = \\(a^2\\)), a blue square (has an area = \\(b^2\\)), and two red rectangles (each has an area = \\(ab\\)). <br>\r\n      $$\r\n      \\text{Area of square ABCD} =  \\text{Area of the green square} + \\text{Area of the blue square} + \\text{2 x Area of the red square}. $$\r\n      <br>\r\n      Thus, we have\r\n      $$(a+b)^2 = a^2 + b^2 + 2 a b$$\r\n    </p>\r\n    <h5> To Explore:</h5>\r\n    <p>\r\n      You can vary the values of \\(a\\) and \\(b\\) by moving the point labeled \"Drag me!\".\r\n      Note that the sum of the \\(a\\) and \\(b\\) remains constant, i.e., \\(a+ b =4\\).\r\n      For any values of \\(a\\) and \\(b\\) you choose, you can verify that the sum given by \\(a^2+ b^2+ 2ab\\) is always equal to \\((a+b)^2\\).\r\n    </p>\r\n\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: 'SquareFormula',\r\n  created: function () {\r\n    // Store mutations\r\n    this.$store.commit('navigation/resetState');\r\n    let title = 'Square Formula';\r\n    this.$store.commit('navigation/changeTitle', title);\r\n    this.$store.commit('navigation/changeMenu', title);\r\n    let newTopics = [\r\n      {title: 'Square Formula', img:'/assets/number-1.svg', action: () => this.goto('ia')},\r\n      {title: 'MagicGraph',img:'/assets/touch.svg', action: () => this.goto('playgraph')},\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: 'Square Formula',\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 square formula'}\r\n                ]\r\n        }\r\n   },\r\n}\r\n</script>\r\n<style lang=\"scss\">\r\n@import 'src/styles/edliy-box.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</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=253e80f0&\"\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=253e80f0&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=253e80f0&prod&lang=scss&\""],"sourceRoot":""}