{"version":3,"sources":["webpack:///./src/components/mathematics/proportions/Lesson.vue","webpack:///./src/components/mathematics/proportions/Boxes.js","webpack:///src/components/mathematics/proportions/Lesson.vue","webpack:///./src/components/mathematics/proportions/Lesson.vue?aaa3","webpack:///./src/components/mathematics/proportions/Lesson.vue?e81e","webpack:///./src/components/mathematics/proportions/Lesson.vue?8f40"],"names":["ref","attrs","staticClass","_v","_c","_vm","_self","staticRenderFns","Boxes","box1","JXG","Options","board","minimizeReflow","point","showInfoBox","highlight","image","text","fixed","curve","cssDefaultStyle","brd1","JSXGraph","initBoard","boundingbox","keepaspectratio","axis","ticks","grid","showCopyright","showNavigation","pan","enabled","zoom","makeResponsive","options","layer","placeTitle","placeLogo","reload","placeShuffle","test","placeTest","k","lenArr","fracArr","placeImage","placeBoldText","create","visible","fillOpacity","dash","strokeColor","strokeWidth","fillColor","highlightStrokeColor","right","wrong","setAttribute","setLabel","yay","placeMiddleText","nay","label","alignX","offset","CssStyle","fontSize","on","this","ini2","fun2","sect2","removeObject","status2","_loop","i","Math","cos","PI","max","sin","center","radiusPoint","anglePoint","sect","ini","lenArr2","status","fun","total","abs","evt","coords","getMousePosition","hasPointSector","toFixed","unsuspendUpdate","name","created","_created","_asyncToGenerator","regeneratorRuntime","mark","_callee","title","newTopics","newshowhome","newMath","newLeftArrow","newModule","_this","wrap","_context","prev","next","$store","dispatch","commit","img","action","goto","stop","apply","arguments","mounted","MathJax","Hub","Queue","metaInfo","titleTemplate","meta","content","component"],"mappings":"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","file":"js/chunk-08cef9ea.40827d4e.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('h3',{ref:\"intro\"},[_vm._v(\"\\n Proportions\\n \")]),_c('br'),_vm._m(0),_c('h3',{ref:\"intro\"},[_vm._v(\"\\n Proportions and Equal Ratios\\n \")]),_c('br'),_vm._m(1),_c('h3',{ref:\"pg\"},[_vm._v(\"\\n MagicGraph | Equal Proportions\\n \")]),_c('br'),_c('h5',[_vm._v(\" Getting Started \")]),_vm._m(2),_c('h5',[_vm._v(\" Icons on the MagicGraph \")]),_vm._m(3),_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',[_vm._v(\"\\n In mathematics, two quantities are said to be proportional if they increase or decrease at the same rate.\\n For example, consider a stack of bricks. As you add more bricks to the stack, the height and weight of the stack increase at the same rate.\\n Thus, the height of the stack is proportional to its weight.\\n \"),_c('br'),_c('br'),_vm._v(\"\\n For example, let's say a stack of 2 bricks is 30 cm in height and 15 kg in weight. Then:\\n \"),_c('ul',{staticClass:\"a mx-3 my-3\"},[_c('li',[_vm._v(\" A stack of 4 bricks will be 60 cm in height and 30 kg in weight. \"),_c('br'),_c('br')]),_c('li',[_vm._v(\" A stack of 6 bricks will be 90 cm in height and 45 kg in weight. \")])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',[_vm._v(\"\\n When the two entities are proportional to each other, their ratio always remains the same.\\n Let's calculate the ratio of height to weight for the stacks of bricks considered above.\\n \"),_c('ul',{staticClass:\"a mx-3 my-3\"},[_c('li',[_vm._v(\"\\n For the stack of 2 bricks, the ratio of height to weight is 30:15, which is equivalent to 2:1.\"),_c('br'),_c('br')]),_c('li',[_vm._v(\"\\n For the stack of 4 bricks, the ratio of height to weight is 60:30, which is again equivalent to 2:1. \"),_c('br'),_c('br')]),_c('li',[_vm._v(\"\\n For the stack of 6 bricks, the ratio of height to weight is 90:45, which is again equivalent to 2:1.\"),_c('br'),_c('br')])]),_vm._v(\"\\n Thus, we see that the ratio of height to weight remains the same no matter the number of bricks in the stack.\\n \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',[_vm._v(\"\\n Shown in the MagicGraph are two pizzas. Pizza 1 has a total of 5 slices, out of which some slices are taken and some are left.\\n \"),_c('br'),_c('br'),_vm._v(\"\\n The ratio of taken to leftover slices is shown.\\n \"),_c('br'),_c('br'),_vm._v(\"\\n Pizza 2 consists of 10 slices and none of the slices is yet taken. Your goal is take enough number of slices so that the ratio of\\n taken to leftover slices in Pizza 2 is same as that in Pizza 1. \"),_c('br'),_c('br'),_vm._v(\"\\n Tap on a slice to take it.\\n \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',[_vm._v(\"\\n You can tap on \"),_c('i',{staticClass:\"shuffler ma-1\"}),_vm._v(\" icon to shuffle and generate a new shape. You can tap on the\\n \"),_c('i',{staticClass:\"tester ma-1\"}),_vm._v(\" icon to erase and start over.\\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 placeBoldText\r\n} from '../../../common/edliy_utils-fractions';\r\nconst Boxes = {\r\n box1: function () {\r\n\tJXG.Options.board.minimizeReflow = 'none';\r\n JXG.Options.point.showInfoBox=false;\r\n JXG.Options.point.highlight=false;\r\n JXG.Options.image.highlight=false;\r\n JXG.Options.text.highlight=false;\r\n JXG.Options.text.fixed=true;\r\n JXG.Options.curve.highlight=false;\r\n JXG.Options.text.cssDefaultStyle='fontFamily:Oswald;'\r\n var brd1 = JXG.JSXGraph.initBoard('jxgbox1',{boundingbox: [-1, 13, 14, -2],keepaspectratio: true, axis:false, ticks:true, grid:true, showCopyright:false, showNavigation:false, pan:{enabled:false}, zoom:{enabled:false}});\r\n //brd1.suspendUpdate();\r\n makeResponsive(brd1);\r\n brd1.options.layer['image'] =12;\r\n brd1.options.layer['circle'] =13;\r\n brd1.options.layer['chart'] =14;\r\n brd1.options.layer['sector'] =15;\r\n brd1.options.layer['line'] =15;\r\n//\tbrd1.create('text', [6, 11.5, 'Fraction'],{highlight:false, display:'internal', anchorX:'middle', anchorY:'middle', CssStyle:'fontFamily:Oswald;fontWeight:bold',fontSize:function(){return Math.round(32*brd1.canvasWidth/800.)}, fixed:true});\r\n placeTitle(brd1, 'Proportions', 'Equal Proportions of Leftover Pizza Slices');\r\n placeLogo(brd1);\r\n var reload = placeShuffle(brd1);\r\n var test = placeTest(brd1);\r\n var k = 0;\r\n var lenArr = [5, 6, 4, 5, 5];\r\n var fracArr = [3, 3, 2, 2, 4];\r\n //var charts=[];\r\n placeImage(brd1, '/assets/pizza.svg', 0, 1, 6,0);//\r\n placeBoldText(brd1, 3, 0.5, 'Pizza 1');\r\n placeBoldText(brd1, 3, 8, function(){ return 'Taken : Leftover = '+ fracArr[k]+' : '+lenArr[k]});\r\n placeBoldText(brd1, 10, 0.5, 'Pizza 2');\r\n//var circ = placeCircle(brd1, [3, 4], [5.5,4], 'black');\r\n//circ.setAttribute({strokeWidth:2, strokeColor:'black'});\r\n var charts =brd1.create('circle', [[3,4], [6, 4]], {visible:true,\r\n fillOpacity:0.25, dash:1, strokeColor: 'blue', strokeWidth:0, fillColor:'white', layer: 2, highlightStrokeColor: 'blue'})\r\n var right = placeImage(brd1, '/assets/check.svg', 12.5, 7.5, 1., 0);\r\n var wrong = placeImage(brd1, '/assets/cross.svg', 12.5, 7.5, 1., 0);\r\n right.setAttribute({visible:false});\r\n wrong.setAttribute({visible:false});\r\n test.setLabel('Tap to Test Your Answer')\r\n var yay = placeMiddleText(brd1, 6.5, 9.5, 'Yes these two proportions are equal');\r\n var nay = placeMiddleText(brd1, 6.5, 9.5, 'No, these two proportions are not equal');\r\n yay.setAttribute({visible:false});\r\n nay.setAttribute({visible:false});\r\n test.label.setAttribute({visible:false, alignX:'middle', offset:[0, -15], CssStyle:'fontFamily:Oswald', fontSize:12});\r\n test.on('over', function () {this.label.setAttribute({visible:true});});\r\n test.on('out', function () {this.label.setAttribute({visible:false});});\r\n test.on('down', function(){\r\n if(fracArr[k]/lenArr[k] == test()/10.)\r\n {right.setAttribute({visible:true});\r\n wrong.setAttribute({visible:false});\r\n yay.setAttribute({visible:true});\r\n nay.setAttribute({visible:false});\r\n }\r\n else {\r\n wrong.setAttribute({visible:true});\r\n right.setAttribute({visible:false});\r\n yay.setAttribute({visible:false});\r\n nay.setAttribute({visible:true});\r\n }\r\n });\r\n /////////////////////////////////////////////////////////////////////////////////////////////\r\n reload.setLabel('Tap to Shuffle')\r\n reload.label.setAttribute({visible:false, alignX:'middle', offset:[0, -15], CssStyle:'fontFamily:Oswald', fontSize:12});\r\n reload.on('over', function () {this.label.setAttribute({visible:true});});\r\n reload.on('out', function () {this.label.setAttribute({visible:false});});\r\n reload.on('down', function(){\r\n right.setAttribute({visible:false});\r\n wrong.setAttribute({visible:false});\r\n yay.setAttribute({visible:false});\r\n nay.setAttribute({visible:false});\r\n if(k<5){\r\n k+=1;\r\n }\r\n else{k=0}\r\n ini2(); fun2();});\r\n/////////////////////\r\n var sect2=[];\r\n var ini2 = function()\r\n {\r\n brd1.removeObject(sect2,true);\r\n }\r\n/////////////////\r\n var status2 =[];\r\n var fun2 = function(){\r\n for(let i=0; i\r\n
\r\n

\n Proportions\n

\r\n
\r\n

\n In mathematics, two quantities are said to be proportional if they increase or decrease at the same rate.\r\n For example, consider a stack of bricks. As you add more bricks to the stack, the height and weight of the stack increase at the same rate.\r\n Thus, the height of the stack is proportional to its weight.\r\n

\r\n For example, let's say a stack of 2 bricks is 30 cm in height and 15 kg in weight. Then:\r\n

\r\n

\r\n

\r\n Proportions and Equal Ratios\r\n

\r\n
\r\n

\n When the two entities are proportional to each other, their ratio always remains the same.\r\n Let's calculate the ratio of height to weight for the stacks of bricks considered above.\r\n

\r\n Thus, we see that the ratio of height to weight remains the same no matter the number of bricks in the stack.\r\n

\r\n

\n MagicGraph | Equal Proportions\n

\r\n
\r\n
Getting Started
\r\n

\n Shown in the MagicGraph are two pizzas. Pizza 1 has a total of 5 slices, out of which some slices are taken and some are left.\r\n

\r\n The ratio of taken to leftover slices is shown.\r\n

\r\n Pizza 2 consists of 10 slices and none of the slices is yet taken. Your goal is take enough number of slices so that the ratio of\r\n taken to leftover slices in Pizza 2 is same as that in Pizza 1.

\r\n Tap on a slice to take it.\r\n

\r\n
Icons on the MagicGraph
\r\n

\r\n You can tap on icon to shuffle and generate a new shape. You can tap on the\r\n icon to erase and start over.\r\n

\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\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=c02fdfbe&\"\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=c02fdfbe&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=c02fdfbe&prod&lang=scss&\""],"sourceRoot":""}