{"version":3,"sources":["webpack:///./src/components/physics/hydrostatic/Lesson.vue?d72c","webpack:///./src/components/physics/hydrostatic/Lesson.vue","webpack:///./src/components/physics/hydrostatic/Boxes.js","webpack:///src/components/physics/hydrostatic/Lesson.vue","webpack:///./src/components/physics/hydrostatic/Lesson.vue?0540","webpack:///./src/components/physics/hydrostatic/Lesson.vue?6c25"],"names":["ref","attrs","_c","staticClass","_v","_vm","_self","staticRenderFns","Boxes","box1","brd1","JXG","JSXGraph","initBoard","boundingbox","keepaspectratio","axis","ticks","visible","grid","showCopyright","showNavigation","pan","enabled","zoom","options","layer","board","minimizeReflow","point","showInfobox","line","highlight","image","makeResponsive","placeTitle","j","i","k","placeGravity","create","fillOpacity","color","borders","vertices","placeImage","valueOf","placePoint","seg","placeLine","scuba","placeGlider","on","moveTo","Y","_objectSpread","shuffle","horz","placeDash","X","setAttribute","placeRuler","placeLeftText","hoverMe","right","wrong","_step","magicGraph","containerObj","inputFields","querySelectorAll","_iterator","_createForOfIteratorHelper","s","n","done","inputField","value","err","e","f","placeText","toFixed","ans","placeInput","checkans","check","Value","name","metaInfo","title","titleTemplate","meta","content","vmid","created","_this","$store","commit","newTopics","img","action","goto","newshowhome","newPhys","newLeftArrow","newModule","mounted","MathJax","Hub","Queue","component"],"mappings":"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","file":"js/chunk-347079a3.c2439c55.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=4bba7b26&prod&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('h3',{ref:\"ia\"},[_vm._v(\"\\n What is a Hydrostatic Pressure?\\n \")]),_c('p',[_vm._v(\"\\n Consider an object that is submerged in a fluid. The object experiences pressure due to weight of the fluid above it.\\n Pressure experienced by an object submerged in a fluid at rest is called hydrostatic pressure.\\n \")]),_c('h3',{ref:\"ja\"},[_vm._v(\"\\n Magnitude of Hydrostatic Pressure\\n \")]),_vm._m(0),_c('h3',{ref:\"pg\"},[_vm._v(\"\\n MagicGraph | Measuring the Depth of an Iceberg\\n \")]),_c('p',[_vm._v(\"Through this interactive module, students will learn how hydrostatic pressure at a point in a fluid changes with depth. \")]),_vm._m(1),_c('h5',[_vm._v(\"To Get Started\")]),_vm._m(2),_c('v-layout',{attrs:{\"align-center\":\"\",\"justify-center\":\"\",\"row\":\"\",\"wrap\":\"\"}},[_c('v-responsive',[_c('v-layout',{attrs:{\"align-center\":\"\",\"justify-center\":\"\"}},[_c('div',{staticClass:\"edliy-box-about\",attrs:{\"id\":\"jxgbox1\"}})])],1)],1)],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('p',[_vm._v(\"\\n The magnitude of hydrostatic pressure experienced by an object submerged in a fluid depends upon\\n the density of the fluid and the depth.\\n \"),_c('br'),_vm._v(\"\\n $$P = \\\\rho g h$$\\n where \\\\(\\\\rho\\\\) is the density of the fluid, \\\\(g\\\\) is the acceleration due to gravity and \\\\(h\\\\) is the depth.\\n \"),_c('br')])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',[_vm._v(\"\\n Billy is an environmental scientist who studies icebergs. During one of his expeditions, he needs to measure the depth of an iceberg. \"),_c('br'),_vm._v(\"\\n However, he doesn't have a measuring tape or a rope that is long enough to reach the bottom of the iceberg.\\n So, he uses the hydrostatic pressure formula \\\\(P =\\\\rho g h\\\\) to find the depth. \"),_c('br'),_vm._v(\"\\n He knows the density of water is \\\\(\\\\rho = 1000 \\\\text{ kg/m}^3\\\\), and the acceleration due to gravity \\\\(g = 9.8 \\\\text{ m/s}^2\\\\).\"),_c('br'),_vm._v(\"\\n He figures out that if he can measure the pressure \\\\(P\\\\) at the depth\\n of the iceberg, he can calculate the depth of the iceberg: \\\\(h = P/\\\\rho g \\\\).\"),_c('br')])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',[_c('ul',{staticClass:\"a\"},[_c('li',[_vm._v(\" Drag the diver to the depth of the iceberg. \")]),_c('li',[_vm._v(\" Take note of the pressure reading at that depth.\")]),_c('li',[_vm._v(\" Use the hydrostatic formula to calculate the depth. Enter the depth value in the blue box and tap on the test button to check your answer. \")]),_c('li',[_vm._v(\" Click the shuffle button to try more examples. \")])])])\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 placeText,\r\n placeLine,\r\n placePoint,\r\n placeGlider,\r\n placeRuler,\r\n placeLeftText,\r\n placeDash\r\n} from '../../../common/edliy_utils-circle';\r\nconst Boxes = {\r\n box1: function () {\r\n //Create the Board\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 //suspend updates\r\n //brd1.suspendUpdate();\r\n // Layering\r\n brd1.options.layer['image']=15;\r\n brd1.options.layer['text']=16;\r\n brd1.options.layer['axis']=18;\r\n brd1.options.board.minimizeReflow = 'none';\r\n brd1.options.point.showInfobox =false;\r\n brd1.options.line.highlight=false;\r\n brd1.options.image.highlight=false;\r\n //Make the board responsive\r\n makeResponsive(brd1);\r\n // Creat titleStyle\r\n placeTitle(brd1, 'Hydrostatic Pressure', '(Drag the diver down to measure the pressure at the bottom of the iceberg.)');\r\n //dragMe(brd1, 5, 5);\r\n var pts1 = [-15,0];\r\n var pts2 = [15,0];\r\n var pts3 = [15, -5];\r\n var pts4 = [-15, -5];\r\n var pts6= [-4, 6];\r\n var pts7 =[-4, 4];\r\n var j=0;\r\n var i =[[-7, 9.6], [-6, 8.1], [-8, 11],[-5, 6.85]];\r\n var k=[-8.15, -6.85, -9.35, -5.75];\r\n const options={highlight:false};\r\n //placeArrow(brd1, pts6, pts7, 'red');\r\n placeGravity(brd1, [-8,0],[-8, -2], 'g');\r\n //placeRec(brd1, [-10, -20], [10, -20], [10, 0], [-10, 0], 'lightblue');\r\n brd1.create('polygon', [[-10, -20], [10, -20], [10, 0], [-10, 0]],{fillOpacity:0.5, color:'lightblue', borders:{visible:false}, highlight:false, vertices:{visible:false}});\r\n //var soil =\r\n //placeImage(brd1,'/assets/iceberg.svg', -8.5, -7., 9.6, 0);\r\n placeImage(brd1,'/assets/iceberg.svg', ()=>k[j.valueOf()], ()=>i[j.valueOf()][0], ()=>i[j.valueOf()][1], 0);\r\n //placePoint(brd1, 1, 1, 4, 'white', 'black');\r\n var pt = placePoint(brd1,0, ()=>i[j.valueOf()][0], 0, 'white', 'black');\r\n var seg = placeLine(brd1, [0,0], [0,-10], 1, 'grey');\r\n var loc =placeGlider(brd1, seg, 0, -1.75, 0, 'white', 'black');\r\n var scuba=brd1.create('image', ['/assets/scuba.svg', [0, -2.25], [3, 3]], {highlight:false});\r\n brd1.on('move', function(){scuba.moveTo([0., scuba.Y()])});\r\n var baro=brd1.create('image', ['/assets/barometer.svg', [-0.275, ()=>scuba.Y()], [1, 1]], {highlight:false});\r\n placeImage(brd1,'/assets/puffy.svg', 3, -3., 1, 0, {...options});\r\n placeImage(brd1,'/assets/fish.svg', 2, -9., 1, 0);\r\n placeImage(brd1,'/assets/fish-2.svg', 7, -7., 1, 0);\r\n placeImage(brd1,'/assets/fish.svg', -7, -5., 1, 0);\r\n var shuffle =placeImage(brd1,'/assets/shuffle.svg', -7.625, 4.375, 1.25, 0);\r\n var horz =placeDash(brd1,[()=>scuba.X()-60, ()=>scuba.Y()+0.5], [()=>scuba.X()+60, ()=>scuba.Y()+0.5], 1, 'grey');\r\n horz.setAttribute({visible:false});\r\n placeRuler(brd1, [6, 0],[6, function(){return scuba.Y()+0.5;}], '5m');\r\n placeLeftText(brd1, 6.25, function(){return 0.5*scuba.Y()}, 'd = ? m');\r\n scuba.on('down', function(){horz.setAttribute({visible:true})});\r\n scuba.on('up', function(){horz.setAttribute({visible:false})});\r\n hoverMe(brd1, shuffle,'Tap to Shuffle!', 10, -20);\r\n shuffle.on('down', function(){\r\n if(j<3){j+=1;}else{j=0};\r\n right.setAttribute({visible:false});\r\n wrong.setAttribute({visible:false});\r\n let magicGraph = brd1.containerObj;\r\n let inputFields = magicGraph.querySelectorAll(\"input\");\r\n for (let inputField of inputFields) {\r\n inputField.value = \"\";}});\r\n placeText(brd1, 6, function(){return scuba.Y();}, 20, function(){return 'P =' + (1000*9.8*(-scuba.Y()-0.5)).toFixed(2) + ' Pa'});\r\n var ans =placeInput(brd1, -4, 5, 0);\r\n placeText(brd1, -4.5, 5, 24, 'd = ');\r\n var checkans = placeImage(brd1,'/assets/test.svg', -2, 4.5, 1, 0);\r\n hoverMe(brd1, checkans, 'Tap to test your answer', 0, -20);\r\n var right = placeImage(brd1,'/assets/check.svg', 4, 4.5, 1, 0);\r\n right.setAttribute({visible:false});\r\n var wrong = placeImage(brd1,'/assets/cross.svg', 4, 4.5, 1, 0);\r\n wrong.setAttribute({visible:false});\r\n var check = function(){\r\n if(ans.Value() <= -i[j.valueOf()][0]+0.05 && ans.Value() >= -i[j.valueOf()][0]-0.05)\r\n {right.setAttribute({visible:true});wrong.setAttribute({visible:false});}\r\n else\r\n {wrong.setAttribute({visible:true});right.setAttribute({visible:false});}\r\n }\r\n checkans.on('down', function(){check();});\r\n hoverMe(brd1, scuba, 'Drag Me!', 0, -10);\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=4bba7b26&\"\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=4bba7b26&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":""}