{"version":3,"sources":["webpack:///./src/components/mathematics/integral/Lesson.vue?cd5a","webpack:///./src/components/mathematics/integral/Lesson.vue","webpack:///./src/components/mathematics/integral/Boxes.js","webpack:///src/components/mathematics/integral/Lesson.vue","webpack:///./src/components/mathematics/integral/Lesson.vue?abed","webpack:///./src/components/mathematics/integral/Lesson.vue?09a0"],"names":["ref","attrs","staticClass","render","Boxes","box1","JXG","Options","point","showInfoBox","highlight","text","fixed","curve","cssDefaultStyle","brd1","JSXGraph","initBoard","boundingbox","keepaspectratio","axis","ticks","visible","grid","showCopyright","showNavigation","pan","enabled","zoom","options","layer","suspendUpdate","makeResponsive","placeTitle","placeLogo","shuffle","placeShuffle","test","placeTest","setLabel","label","setAttribute","offset","CssStyle","fontSize","on","this","track","create","ptB","placeGlider","face","ptA","placePoint","nRectangles","placeSlider","fillColor","snapWidth","texta","placeText","anchorY","color","textb","X","f","x","g","strokeColor","strokeWidth","canvasHeight","upper","Value","fillOpacity","lower","integral","anchorX","precision","upperTxt","toFixed","Math","round","canvasWidth","lowerTxt","integralTxt","checkboxUpper","checked","addEvent","rendNodeCheckbox","checkboxLower","checkboxIntegral","shuffle1","redo","undo","Y","i","maxSteps","updateSteps","eraseEverything","unsuspendUpdate","name","created","_this","$store","commit","title","newTopics","img","action","goto","newshowhome","newMath","newLeftArrow","newModule","mounted","MathJax","Hub","Queue","metaInfo","titleTemplate","meta","content","component","staticRenderFns"],"mappings":"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","file":"js/chunk-e88406be.7b740fe6.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=c65a9c00&prod&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('h3',{ref:\"def\"},[_vm._v(\"\\n    Definite Integral\\n  \")]),_c('p',[_vm._v(\"\\n    Definite integral of a function, say \\\\(f(x)\\\\), over a domain \\\\(x \\\\in [a, b]\\\\) represents the area\\n    under the curve representing \\\\(f(x)\\\\).\\n  \")]),_c('h3',{ref:\"def\"},[_vm._v(\"\\n    Definite Integral as a Limit of Sum\\n  \")]),_c('p',[_vm._v(\" The area under a curve can be approximated by adding the areas of rectangles. \")]),_c('h5',[_vm._v(\"To Get Started\")]),_c('p',[_vm._v(\"\\n    This MagicGraph shows the curves representing function \\\\(f(x)\\\\) and its derivative \\\\(f'(x)\\\\).\\n    The bright RED point is a draggable point that can glide on the curve representing function \\\\(f(x)\\\\).\\n    Dragging the RED point will make the bright BLUE point glide along the curve representing \\\\(f'(x)\\\\).\\n  \")]),_c('v-responsive',[_c('v-layout',{attrs:{\"justify-center\":\"\"}},[_c('div',{staticClass:\"edliy-box-about\",attrs:{\"id\":\"jxgbox1\"}})])],1)],1)\n}\nvar staticRenderFns = []\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    placeText,\r\n    placeLine,\r\n    placePoint,\r\n    placeGlider,\r\n    placeRuler,\r\n    placeLeftText,\r\n    placeSliderSwitch,\r\n    placeLogo,\r\n    placeShuffle,\r\n    placeTest\r\n} from '../../../common/edliy_utils-geometric';\r\nconst Boxes = {\r\nbox1: function () {\r\nJXG.Options.point.showInfoBox=false;\r\nJXG.Options.point.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\nvar brd1 = JXG.JSXGraph.initBoard('jxgbox1',{boundingbox: [-8, 14, 8, -2],\r\n    keepaspectratio: true, axis:true, ticks:{visible:false},\r\n    grid:true, showCopyright:false, showNavigation:false,\r\n    pan:{enabled:false}, zoom:{enabled:false}});\r\nbrd1.options.layer['image']=14;\r\nbrd1.suspendUpdate();\r\n//Title\r\nmakeResponsive(brd1);\r\nplaceTitle(brd1, 'Definite Integral as Limit of Sum');\r\nplaceLogo(brd1);\r\nvar shuffle = placeShuffle(brd1);\r\nvar test = placeTest(brd1);\r\nshuffle.setLabel('Press to Shuffle');\r\nshuffle.label.setAttribute({visible:false, offset:[-15, -15], CssStyle:'fontFamily:Oswald', fontSize:16});\r\nshuffle.on('over', function () {this.label.setAttribute({visible:true});});\r\nshuffle.on('out', function () {this.label.setAttribute({visible:false});});\r\n/////////////////////////////////////\r\ntest.setLabel('Press to Test Your Answer');\r\ntest.label.setAttribute({visible:false, offset:[-15, -15], CssStyle:'fontFamily:Oswald', fontSize:16});\r\ntest.on('over', function () {this.label.setAttribute({visible:true});});\r\ntest.on('out', function () {this.label.setAttribute({visible:false});});\r\n////////////////////////////////////////////////////////////////\r\n//Sliders\r\nvar track=brd1.create('segment', [[0,0],[10, 0]],{visible:false});\r\nvar ptB = placeGlider(brd1, track, 2, 0, 6, 'red', 'black');\r\nptB.setAttribute({face:'^'});\r\nvar ptA = placePoint(brd1, 0, 0, 4, 'white', 'black');\r\nptA.setAttribute({face:'square', fixed:true});\r\nvar nRectangles = placeSlider(brd1, -6, 6, 10, 10, 200, 3, 'N');\r\n//brd1.create('slider',[[5,10],[8,10],[10,10,100]], {snapWidth: 1, snapToGrid: false ,face:'circle', size:3, name:'n', strokeColor:'black', label:{fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\nnRectangles.setAttribute({fillColor:'red', snapWidth:1});\r\n//var aValue = placeSlider(brd1, -6,5, 0,0, 10, 3, 'a');\r\n//aValue.setAttribute({fillColor:'blue', snapWidth:0.25, visible:false});\r\n//var bValue =  placeSlider(brd1, -6,4,1,3,  10, 3, 'b');\r\n//bValue.setAttribute({fillColor:'green', snapWidth:0.25});\r\n//\r\nvar texta = placeText(brd1, 0, 0, 'x=a');\r\ntexta.setAttribute({anchorY:'top', color:'blue'});\r\n\r\nvar textb = placeText(brd1, ()=>ptB.X(), 0, 'x=b');\r\ntextb.setAttribute({anchorY:'top', color:'green'});\r\n//Function f(x) = 0.5*x*x-2*x.\r\nvar f = function(x) { return 0.5*x*x+2; };\r\n//\r\nvar g = brd1.create('functiongraph',[f, 0, 5], {strokeColor:'red', strokeWidth:()=>4*brd1.canvasHeight/800});\r\n//Upper Riemann Sum\r\nvar upper = brd1.create('riemannsum',\r\n            [f, function(){return nRectangles.Value();}, 'upper', 0, ()=>ptB.X()],\r\n            {fillOpacity:0.4, fillColor: 'blue', visible:false, strokeColor:'black'}\r\n            );\r\n//Lower Reimann Sum\r\nvar lower = brd1.create('riemannsum',\r\n[f, function(){return nRectangles.Value();}, 'lower', 0, ()=>ptB.X()],\r\n{fillOpacity:1., fillColor: 'green', strokeColor:'black', visible:false}\r\n);\r\n//Integral Value\r\nvar integral = brd1.create('integral',\r\n[[ ()=>ptA.X(), ()=>ptB.X()], g],\r\n{highlight:false, strokeColor:'black',fillColor: 'grey',\r\nvisible: true, label:{anchorX:'left', precision:2, anchorY:'bottom', highlight:false}});\r\n//Texts\r\nvar upperTxt = brd1.create('text',[-2,10, function(){ return ' = ' + JXG.toFixed(upper.Value(), 2); }],{visible:false, anchorX:'left',fontSize:function(){return Math.round(18*brd1.canvasWidth/800.)}},);\r\nvar lowerTxt = brd1.create('text',[-2,9, function(){ return ' = ' + JXG.toFixed(lower.Value(), 2); }],{visible:false, anchorX:'left',fontSize:function(){return Math.round(18*brd1.canvasWidth/800.)}},);\r\nvar integralTxt = brd1.create('text',[-2,8, function(){ return ' = ' + JXG.toFixed(integral.Value(), 2); }],{visible:true, anchorX:'left', fontSize:function(){return Math.round(18*brd1.canvasWidth/800.)}},);\r\n\r\n//Checkbox Upper\r\nvar checkboxUpper = brd1.create('checkbox', [-6, 10, '  Upper Sum Approximation'], {checked:false, fixed: true, CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(12*brd1.canvasWidth/500.)}});\r\n\r\nJXG.addEvent(checkboxUpper.rendNodeCheckbox, 'change', function() {\r\n    if (this.Value()) {\r\n        upper.setAttribute({visible: true});\r\n        upperTxt.setAttribute({visible: true});\r\n    } else {\r\n        upper.setAttribute({visible: false});\r\n        upperTxt.setAttribute({visible: false});\r\n\r\n\r\n    }\r\n}, checkboxUpper);\r\n\r\n//Checkbox Lower\r\n\r\nvar checkboxLower = brd1.create('checkbox', [-6, 9, ' Lower Sum Approximation'], {checked:false,\r\n  fixed: true, fontSize:function(){return Math.round(18*brd1.canvasWidth/800.)}});\r\n\r\nJXG.addEvent(checkboxLower.rendNodeCheckbox, 'change', function() {\r\n    if (this.Value()) {\r\n        lower.setAttribute({visible: true});\r\n        lowerTxt.setAttribute({visible: true});\r\n    } else {\r\n        lower.setAttribute({visible: false});\r\n        lowerTxt.setAttribute({visible: false});\r\n\r\n    }\r\n}, checkboxLower);\r\n\r\n//Checkbox Integral\r\n\r\nvar checkboxIntegral = brd1.create('checkbox', [-6, 8, '  Integral Value (a to b) '], {checked:true,\r\n  fontSize:function(){return Math.round(18*brd1.canvasWidth/800.)}});\r\n\r\nJXG.addEvent(checkboxIntegral.rendNodeCheckbox, 'change', function() {\r\n    if (this.Value()) {\r\n        integral.setAttribute({visible: true});\r\n        integralTxt.setAttribute({visible: true});\r\n    } else {\r\n        integral.setAttribute({visible: false});\r\n        integralTxt.setAttribute({visible: false});\r\n\r\n    }\r\n}, checkboxIntegral);\r\n\r\n//Shuffle image\r\nvar shuffle1 = brd1.create('image', ['/assets/shuffle.svg', [-1, -6], [1.5, 1.5]], {visible: true, fixed: true});\r\nshuffle1.setLabel('Shuffle')\r\nshuffle1.label.setAttribute({visible:false, offset:[15, -15], CssStyle:'fontFamily:Oswald', fontSize:16});\r\nshuffle1.on('over', function () {this.label.setAttribute({visible:true});});\r\nshuffle1.on('out', function () {this.label.setAttribute({visible:false});});\r\n\r\n//Shuffle function\r\nshuffle1.on('down',function(){});\r\n\r\n\r\n//REDO AND UNDO\r\nvar redo = brd1.create('image', ['/assets/redo.svg', [1, -6], [1.5 , 1.5]], {visible: true, fixed: true});\r\nvar undo = brd1.create('image', ['/assets/undo.svg', [function(){return redo.X()-4}, function(){return redo.Y()}], [1.5 , 1.5]], {visible: true, fixed: true});\r\n\r\nredo.setLabel('Redo')\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\n\r\nundo.setLabel('undo')\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\n\r\nvar i =0;\r\nvar maxSteps = 1;\r\n\r\nfunction updateSteps(){\r\n    eraseEverything();\r\n\r\n    if (i<=0){\r\n\r\n\r\n    }\r\n    if(i==1){\r\n\r\n    }\r\n}\r\n\r\nfunction eraseEverything(){\r\n\r\n\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    updateSteps();\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    eraseEverything();\r\n    updateSteps();\r\n});\r\n\r\nbrd1.unsuspendUpdate();\r\n}\r\n}\r\nexport default Boxes;\r\n","<template>\r\n  <div>\r\n    <h3 ref=\"def\">\n      Definite Integral\n    </h3>\r\n    <p>\n      Definite integral of a function, say \\(f(x)\\), over a domain \\(x \\in [a, b]\\) represents the area\r\n      under the curve representing \\(f(x)\\).\n    </p>\r\n\r\n    <h3 ref=\"def\">\n      Definite Integral as a Limit of Sum\n    </h3>\r\n    <p> The area under a curve can be approximated by adding the areas of rectangles. </p>\r\n\r\n    <h5>To Get Started</h5>\r\n    <p>\r\n      This MagicGraph shows the curves representing function \\(f(x)\\) and its derivative \\(f'(x)\\).\r\n      The bright RED point is a draggable point that can glide on the curve representing function \\(f(x)\\).\r\n      Dragging the RED point will make the bright BLUE point glide along the curve representing \\(f'(x)\\).\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: 'DefiniteIntegral',\r\n  created: function () {\r\n    // Store mutations\r\n    this.$store.commit('navigation/resetState');\r\n    let title = 'Definite Integral';\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: 'Definite Integral',\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/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=c65a9c00&\"\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=c65a9c00&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":""}