{"version":3,"sources":["webpack:///./src/components/mathematics/Math12thGrade/demoAvg/Lesson.vue?45d5","webpack:///./src/components/mathematics/Math12thGrade/demoAvg/Lesson.vue","webpack:///./src/components/mathematics/Math12thGrade/demoAvg/Boxes.js","webpack:///src/components/mathematics/Math12thGrade/demoAvg/Lesson.vue","webpack:///./src/components/mathematics/Math12thGrade/demoAvg/Lesson.vue?0f74","webpack:///./src/components/mathematics/Math12thGrade/demoAvg/Lesson.vue?1be1"],"names":["staticStyle","ref","staticClass","attrs","_c","_vm","_self","staticRenderFns","Boxes","box1","JXG","Options","board","minimizeReflow","point","showInfoBox","highlight","image","text","fixed","curve","cssDefaultStyle","graph","createSpace","options","layer","makeResponsive","placeLogo","createAxes","i","placeTitle","next","placeRedo","prev","placeUndo","sin","plotFunction","x","Math","PI","cos","ang","placeSlider","setAttribute","snapWidth","int","create","curveLeft","name","size","color","curveRight","label","visible","sinPt1","drawPoint","Value","round","canvasWidth","fillColor","strokeColor","strokeWidth","sinPt2","sinPt3","sinPt4","sinPt5","Y","rec","placeSq","fillOpacity","borders","dash","arr1","drawArrow","firstArrow","lastArrow","arr2","writeHTMLText","placeLeftText","textSin","toFixed","fontSize","anchorX","anchorY","textRec","avgF","on","console","log","created","$store","commit","title","newshowhome","newMath","newLeftArrow","newModule","mounted","MathJax","Hub","Queue","metaInfo","meta","vmid","content","component"],"mappings":"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","file":"js/chunk-69200224.d82c32c7.js","sourcesContent":["export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Lesson.vue?vue&type=style&index=0&id=3d0b9af2&prod&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticStyle:{\"margin\":\"20px\"}},[_c('h3',{ref:\"intro\"},[_vm._v(\"\\n Average value of a function\\n \")]),_c('p',{staticClass:\"big mt-3\"},[_vm._v(\"\\n Let's say \\\\(f(x)\\\\) is a continuous function over an interval \\\\([a, b]\\\\).\\n Then there exists a point \\\\(x=c\\\\) in this interval such that —\\n $$ f(c)(b-a) = \\\\int_a^b f(x)dx$$\\n The value of function \\\\(f\\\\) at \\\\(x=c\\\\) is then called its average value over the interval \\\\([a, b]\\\\).\\n \")]),_c('h3',{ref:\"pg\"},[_vm._v(\"\\n MagicGraph | Graphical Interpretation of Average Value of a Function\\n \")]),_c('br'),_c('h5',[_vm._v(\"Getting Started\")]),_vm._m(0),_c('h5',[_vm._v(\" Icons on the MagicGraph \")]),_vm._m(1),_c('br'),_c('v-responsive',[_c('v-layout',{attrs:{\"justify-center\":\"\"}},[_c('div',{staticClass:\"edliy-box-about\",attrs:{\"id\":\"jxgbox1\"}})])],1)],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('p',{staticClass:\"big mt-3\"},[_vm._v(\"\\n Shown in this MagicGraph is the graph of a function \\\\(f(x)\\\\) that is continous over the interval [a, b].\"),_c('br'),_vm._v(\"\\n You are also shown a point \\\\(c\\\\) that can slide on the graph. You can slide this point on the curve using the slider shown.\\n \"),_c('br'),_vm._v(\"\\n To find the average value of the function \\\\(f\\\\), slide the point \\\\(c\\\\) on the graph until the area under the white rectangle becomes equal to the area under the red curve.\\n \"),_c('br')])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',[_vm._v(\"\\n You can tap on \"),_c('i',{staticClass:\"next ma-1\"}),_vm._v(\" icon to go to next function.\\n You can tap on the \"),_c('i',{staticClass:\"previous ma-1\"}),_vm._v(\" icon to go to previous function.\\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 placeUndo,\r\n placeRedo,\r\n placeBoldText,\r\n placeBoldLeftText,\r\n placeErase,\r\n plotFunction,\r\n createAxes,\r\n createSpace,\r\n drawPoint,\r\n writeMediumText,\r\n writeSmallText,\r\n writeLargeText,\r\n drawSegment,\r\n placeSq,\r\n drawArrow,\r\n writeHTMLText\r\n} from '../Utils.js';\r\nconst Boxes = {\r\n box1: function () {\r\n///////////////////////////////////GLOBAL SETTINGS//////////////////////\r\nJXG.Options.board.minimizeReflow = 'none';\r\nJXG.Options.point.showInfoBox=false;\r\nJXG.Options.point.highlight=false;\r\nJXG.Options.image.highlight=false;\r\nJXG.Options.text.highlight=false;\r\nJXG.Options.text.fixed=true;\r\nJXG.Options.curve.highlight=false;\r\nJXG.Options.text.cssDefaultStyle='fontFamily:Oswald;'\r\n//////////////////////////////////LOCAL SETTINGS//////////////////////////////////\r\nvar graph =createSpace(-1,9,-4,6);\r\ngraph.options.layer['axis']=2;\r\ngraph.options.layer['text']=12;\r\ngraph.options.layer['image']=10;\r\ngraph.options.layer['line']=6;\r\ngraph.options.layer['point']=12;\r\ngraph.options.layer['angle']=14;\r\ngraph.options.image.highlight=false;\r\n/////////////////////////////////////////////////////////////////////\r\nmakeResponsive(graph);\r\nplaceLogo(graph);\r\n///////////////////////////////////////////////////////////\r\nvar ax = createAxes(graph);\r\nvar i=1;\r\nplaceTitle(graph, 'Average Value of a Function');\r\nvar next=placeRedo(graph);\r\nvar prev=placeUndo(graph, 'left');\r\n////////////////////////////s/////\r\nvar sin = plotFunction(graph, function(x){if(i==1){return 2+1*Math.sin(Math.PI*x/2)}else if(i==2){return 3+2*Math.cos(Math.PI*x/2)}else if(i==3){return 2.5+2*Math.sin(Math.PI*x/2)*Math.cos(Math.PI*x/2)}}, 0, 4);\r\n//////////////////\r\nvar ang =placeSlider(graph, 0, -2.25, 0, 0.5, 4, 4, 'x')\r\nang.setAttribute({snapWidth:0.25});\r\n//////////////////////\r\nvar int =graph.create('integral', [[0.0, 2.0*Math.PI], sin],{curveLeft:{name:'x=a',size:0, color:'black'},curveRight:{name:'x=b',size:0, color:'black'}, label:{visible:false}});\r\n///////////////////////\r\nvar sinPt1=drawPoint(graph, ()=>ang.Value(), function(){if(i==1){return 2+1*Math.sin(Math.PI*ang.Value()/2)} else if(i==2){return 3+2*Math.cos(Math.PI*ang.Value()/2)} else if(i==3){return 2.5+2*Math.sin(Math.PI*ang.Value()/2)*Math.cos(Math.PI*ang.Value()/2)}});\r\n////////////\r\nsinPt1.setAttribute({fixed:true, size:()=>Math.round(4*graph.canvasWidth/800.), visible:true, fillColor:'white', strokeColor:'black', strokeWidth:2});\r\n/////////////////////////////////\r\nvar sinPt2=drawPoint(graph, 0, -0.5);\r\n////////////\r\nsinPt2.setAttribute({fixed:true, size:0, visible:true, fillColor:'white', strokeColor:'black', strokeWidth:2});\r\n/////////////////////////\r\nvar sinPt3=drawPoint(graph, 4, -0.5);\r\n////////////\r\nsinPt3.setAttribute({fixed:true, size:0, visible:true, fillColor:'white', strokeColor:'black', strokeWidth:2});\r\n///////////////////////\r\nvar sinPt4=drawPoint(graph, -0.35, 0);\r\nsinPt4.setAttribute({fixed:true, size:0, visible:true, fillColor:'white', strokeColor:'black', strokeWidth:2});\r\n/////////////////////////////////\r\nvar sinPt5=drawPoint(graph, -0.35, ()=>sinPt1.Y());\r\nsinPt5.setAttribute({fixed:true, size:0, visible:true, fillColor:'white', strokeColor:'black', strokeWidth:2});\r\n////////////////\r\nvar rec = placeSq(graph, [0, 0], [4, ()=>sinPt1.Y()], 'white');\r\nrec.setAttribute({fillOpacity:0.65, borders:{visible:true, color:'black', strokeWidth:2, dash:1}});\r\n//////////////////////////////////////////\r\nvar arr1 = drawArrow(graph, sinPt2, sinPt3);\r\narr1.setAttribute({strokeColor:'black', firstArrow:true, lastArrow:true});\r\n//////////////////////////\r\nvar arr2 = drawArrow(graph, sinPt4, sinPt5);\r\narr2.setAttribute({strokeColor:'black', firstArrow:true, lastArrow:true});\r\n\r\nwriteHTMLText(graph, 4.5, -0.5, 'x = b');\r\nwriteHTMLText(graph, -0.5, -0.5, 'x = a');\r\nwriteHTMLText(graph, 2, -0.75, 'b-a');\r\nwriteHTMLText(graph, 8.25, 0.25, 'x');\r\nwriteHTMLText(graph, -.65, ()=>0.5*sinPt1.Y(), 'f(c)');\r\nplaceLeftText(graph, 0., -1.5, 'Use the slider below to drag point c along the curve');\r\nvar textSin=writeHTMLText(graph, 4.25, 3.5, function(){return 'Area (red curve) = ∫_a^b f(x) dx = '+(int.Value()).toFixed(2)});\r\ntextSin.setAttribute({fontSize:Math.round(25*graph.canvasWidth/800.), anchorX:'left', anchorY:'middle'});\r\nvar textRec=writeHTMLText(graph, 4.25, 2.5, function(){return 'Area (white rectangle) = f(c)(b-a) = '+(sinPt1.Y()*4).toFixed(2)});\r\ntextRec.setAttribute({fontSize:Math.round(25*graph.canvasWidth/800.), anchorX:'left', anchorY:'middle'});\r\n//////////////////////\r\nvar avgF= placeLeftText(graph, 4.25, 1.5, function(){return 'This is the average value of the function.'});\r\navgF.setAttribute({visible:function(){return (4.00*sinPt1.Y()).toFixed(2)==(int.Value()).toFixed(2)},color:'green', fontSize:Math.round(25*graph.canvasWidth/800.), anchorX:'left', anchorY:'middle'});\r\n//////////////////////////////////////\r\nnext.on('down', function(){if(i<3){return i=i+1}else{i=1}; console.log(\"i::\", i)});\r\nprev.on('down', function(){if(i>1){return i=i-1}else{i=3}; console.log(\"i::\", i)});\r\n/////////////////////////////////////////////////////\r\n////////////////////////////////////////////END OF OPERATIONS///////////////////////\r\n},\r\n}\r\nexport default Boxes;\r\n","\r\n\r\n\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=3d0b9af2&\"\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=3d0b9af2&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""}