{"version":3,"sources":["webpack:///./src/components/physics/springs/hooke/Boxes.js","webpack:///./src/components/physics/springs/hooke/Spring.vue","webpack:///src/components/physics/springs/hooke/Spring.vue","webpack:///./src/components/physics/springs/hooke/Spring.vue?9a6e","webpack:///./src/components/physics/springs/hooke/Spring.vue?aebb"],"names":["Boxes","box1","brd","JXG","JSXGraph","initBoard","boundingbox","axis","keepaspectratio","showNavigation","showCopyright","zoom","enabled","pan","options","layer","point","highlight","curve","image","line","showInfobox","placeLogo","makeResponsive","placeTitle","create","name","fixed","anchorY","cssStyle","fontSize","canvasWidth","rotate","anchorX","k","placeSlider","setAttribute","snapWidth","unitLabel","vertices","visible","withLines","fillColor","placeGravity","hook","jk","Value","face","size","strokeColor","shadow","Pt1","Pt2","fung","x","Math","sin","PI","Y","trans","type","tape","strokeWidth","withLabel","placeTapeVert","point1","point2","unitsLabel","writeMiddleText","color","msg1","msg2","add","remove","on","alert","pts1","trace","pts","drawSegment","staticClass","class","_vm","$vuetify","_c","staticStyle","ref","attrs","staticRenderFns","render","created","_this","title","$store","commit","newTopics","img","action","goto","newshowhome","newPhys","newLeftArrow","newModule","mounted","MathJax","Hub","Queue","metaInfo","titleTemplate","meta","content","component"],"mappings":"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","file":"js/chunk-977fa170.4c54dfe3.js","sourcesContent":["import {\r\n  makeResponsive,\r\n  //makeResponsive(brd1);\r\n  placeTitle,\r\n  //placeTitle(brd1,'title', 'subtitle');\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  //placeArrow(board, pt1, pt2, width, cols)\r\n  placeGravity,\r\n  placeText,\r\n  //placeText(board, positionX, positionY, message)\r\n  placeLine,\r\n  placePoint,\r\n  placeGlider,\r\n  placeRuler,\r\n  placeLeftText,\r\n  placeSliderSwitch,\r\n  placeBoldText,\r\n  //placeBoldText(brd6, -9, 1, 'Liquid');\r\n  placeDash,\r\n  // placeDash(board, [x1, y1], [x2, y2], width, cols)\r\n  placeRightText,\r\n  placeLabel,\r\n  placeLogo,\r\n  drawSegment,\r\n  writeMiddleText,\r\n  placeTapeVert,\r\n  drawPoint,\r\n  alert\r\n} from '../Utils';\r\nconst Boxes = {\r\n    box1: function () {\r\n//JXG.Options.layer['arrow'] =11;\r\n      var brd = JXG.JSXGraph.initBoard('jxgbox1', {boundingbox:[-2.,6., 8.,-4], axis:false,\r\n        keepaspectratio:true, showNavigation:false, showCopyright:false, zoom:{enabled:false}, pan:{enabled:false}});\r\n        brd.options.layer['image'] =2;\r\n        brd.options.layer['point'] =5;\r\n        brd.options.layer['line'] =4;\r\n        brd.options.layer['curve'] =4;\r\n        brd.options.layer['axis'] =1;\r\n        brd.options.point.highlight=false;\r\n        brd.options.curve.highlight=false;\r\n        brd.options.image.highlight=false;\r\n        brd.options.line.highlight=false;\r\n        brd.options.point.showInfobox=false;\r\n        placeLogo(brd);\r\n        makeResponsive(brd);\r\n        placeTitle(brd, 'Hooke\\'s Experiment', '(Add weights to stretch the spring)');\r\n//AXIS\r\n      brd.create('axis', [[2, 0], [4, 0]],{name:'', fixed:true});\r\n      brd.create('axis', [[2, 0], [2, 4]],{name:'', fixed:true});\r\n      brd.create('text', [6.5, 0.1, 'Deflection(m)'],{anchorY:'bottom',cssStyle:'fontFamily:Oswald', fontSize:function(){return 22*brd.canvasWidth/800}, fixed:true});\r\n      brd.create('text', [1.8, 4.5, 'Force (kgf)'], {rotate:90, anchorX:'right',cssStyle:'fontFamily:Oswald', fontSize:function(){return 22*brd.canvasWidth/800}, fixed:true});\r\n//SLIDERS\r\n      var k= placeSlider(brd, 3, -1, 20, 28, 40, 2, '&nbsp; k');\r\n      k.setAttribute({snapWidth:1, unitLabel:' N/m'});\r\n//CEILING\r\n      var base =brd.create('polygon',[[-2, 2.5],[2,2.5],[2, 2.0],[-2,2.0]], {vertices:{visible:false}, withLines:false, fillColor:'black', fixed:true});\r\n//Gravity\r\n      placeGravity(brd, [-1, 0], [-1,-1], 'g');\r\n      var hook =brd.create('point', [0.0, ()=>-jk*9.8/k.Value()], {name:'', face:'circle', size:()=>2*brd.canvasWidth/800, fillColor:'red', strokeColor:'red', shadow:false, fixed:true});\r\n//\r\n      var Pt1 = brd.create('point', [1.0, 2.0], {name:'', face:'circle', size:0, fillColor:'white', strokeColor:'black', visible:false, fixed:true});\r\n//\r\n      var Pt2= brd.create('point', [1.0, ()=>-jk*9.8/k.Value()], {name:'', face:'circle', size:0, fillColor:'white', strokeColor:'black', visible:false, fixed:true});\r\n//\r\n      var fung =brd.create('functiongraph', [function(x){return 0.25*Math.sin(8*Math.PI*(x-2)/(2-hook.Y()))}, 2, function(){return hook.Y();}],{visible:false, strokeColor:'red'});\r\n//\r\n      var trans =brd.create('transform', [1.57, 0, 0], {type:'rotate', size:0});\r\n// SPRING\r\n      var spring = brd.create('curve', [fung, trans],{strokeColor:'black', strokeWidth:()=>5-4*(1-k.Value()/40), name:'Spring', withLabel:false, fixed:true});\r\n//tape\r\n      var tape=placeTapeVert(brd, Pt1, Pt2, 'd');\r\n      tape.setAttribute({point1:{face:'triangleup', size:4}, point2:{face:'triangledown', size:4}, unitsLabel:'m'});\r\n//\r\n      var jk =0;\r\n//\r\n      writeMiddleText(brd, 0, 2.75, ()=>jk+' kg').setAttribute({anchorY:'middle', color:'black'});\r\n//\r\n      var hinge =brd.create('point', [0.0, 2], {size:0, name:'', face:'circle', fillColor:'white', strokeWidth:2, strokeColor:'black', shadow:false, fixed:true});\r\n//\r\n      brd.create('image', ['/assets/hook.svg', [()=>-0.4*0.5, ()=>-0.3-jk*9.8/k.Value()], [0.4, 0.4]]);\r\n//\r\n      brd.create('image', ['/assets/1-kg.svg', [()=>-0.8*jk*0.5, ()=>-jk*0.88-jk*9.8/k.Value()], [()=>jk*0.8, ()=>(jk)*0.8]], {visible:()=>jk==1});\r\n//\r\n      brd.create('image', ['/assets/2-kg.svg', [()=>-0.5*jk*0.5, ()=>-jk*0.525-jk*9.8/k.Value()], [()=>jk*0.5, ()=>(jk)*0.5]], {visible:()=>jk==2});\r\n//\r\n      brd.create('image', ['/assets/3-kg.svg', [()=>-0.5*jk*0.5, ()=>-jk*0.485-jk*9.8/k.Value()], [()=>jk*0.5, ()=>(jk)*0.5]], {visible:()=>jk==3});\r\n//\r\n      brd.create('image', ['/assets/4-kg.svg', [()=>-0.5*jk*0.5, ()=>-jk*0.47-jk*9.8/k.Value()], [()=>jk*0.5, ()=>(jk)*0.5]], {visible:()=>jk==4});\r\n//\r\n/////////////////////////////////////////////////////////\r\n//////////////////\r\n// Buttons\r\n      var msg1 =writeMiddleText(brd, 0., 3.5, 'Max weight reached!');\r\n      msg1.setAttribute({color:'red', visible:false});\r\n      //\r\n      var msg2 =writeMiddleText(brd, 0., 3.5, 'No weights attached!');\r\n      msg2.setAttribute({color:'red', visible:false});\r\n      var add = brd.create('image', ['/assets/plus.svg', [-1., 2.5], [0.5, 0.5]],{fixed:true});\r\n      var remove = brd.create('image', ['/assets/minuss.svg', [0.5, 2.5], [0.5, 0.5]],{fixed:true});\r\n      add.on('down',function(){if(jk<4){jk+=1}else{jk=4; alert(brd, msg1);}});\r\n      remove.on('down',function(){if(jk>0){jk-=1;}else{jk=0; alert(brd, msg2);}});\r\n      //Plotting\r\n      var pts1 = brd.create('point', [2,  0],{name:'',fillColor:'blue',strokeColor:'blue', fixed:true, trace:false});\r\n      var pts = brd.create('point', [()=>2+jk*9.8/k.Value(), ()=>jk],{name:'',fixed:true, fillColor:'blue',strokeColor:'blue'});\r\n      //\r\n      var pts2 = brd.create('point', [()=>2+1*9.8/k.Value(), 1],{visible:()=>jk>=1, name:'',fixed:true, fillColor:'blue',strokeColor:'blue'});\r\n      //\r\n      var pts3 = brd.create('point', [()=>2+2*9.8/k.Value(), 2],{visible:()=>jk>=2, name:'',fixed:true, fillColor:'blue',strokeColor:'blue'});\r\n      //\r\n      var pts4 = brd.create('point', [()=>2+3*9.8/k.Value(), 3],{visible:()=>jk>=3, name:'',fixed:true, fillColor:'blue',strokeColor:'blue'});\r\n      //\r\n      var pts5 = brd.create('point', [()=>2+4*9.8/k.Value(), 4],{visible:()=>jk>=4, name:'', fixed:true, fillColor:'blue',strokeColor:'blue'});\r\n      drawSegment(brd, pts1, pts).setAttribute({strokeColor:'blue'});\r\n      },\r\n}\r\nexport default Boxes;\r\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"font-weight-light\",class:{'pa-5 headline': _vm.$vuetify.breakpoint.lgAndUp,'pa-2 subtitle-1': _vm.$vuetify.breakpoint.mdOnly, 'pa-1 body-2': _vm.$vuetify.breakpoint.smAndDown}},[_c('div',{staticClass:\"font-weight-medium\",class:{'display-1': _vm.$vuetify.breakpoint.lgAndUp,'headline': _vm.$vuetify.breakpoint.mdOnly, 'subheading': _vm.$vuetify.breakpoint.smAndDown}},[_c('span',{staticStyle:{\"font-family\":\"Oswald\"}},[_vm._v(\" Hooke's Law\")])]),_c('div',{ref:\"ia\",staticStyle:{\"margin-top\":\"20px\"}}),_vm._v(\"\\n    Hooke's law, named after British physicist Robert Hooke, is a fundamental principle in the area of mechanics of materials.\\n    Hooke's law relates the deformation of a spring to the force applied.\\n    Hooke, while experimenting with springs, found that the force required to stretch or compress a spring is linearly proportional to the extent of deformation.\\n    Mathematically, Hooke's law can be expressed as:\\n    $$ F \\\\propto \\\\delta $$\\n    where \\\\(\\\\delta = l - l_0\\\\) is the stretching or compression of the spring (deformed length minus original length).\\n    Expressed as an equality (by introducing a proportionality constant \\\\(k\\\\)):\\n    $$ F = k (l- l_0)$$\\n    where \\\\(F\\\\) is the load applied, \\\\(l\\\\) is the deformed length and \\\\(l_0\\\\) is the original length of spring. The proportionality factor \\\\(k\\\\) is known as spring constant.\\n\\n    \"),_c('div',{staticClass:\"font-weight-medium\",class:{'display-1': _vm.$vuetify.breakpoint.lgAndUp,'headline': _vm.$vuetify.breakpoint.mdOnly, 'subheading': _vm.$vuetify.breakpoint.smAndDown}},[_c('span',{staticStyle:{\"font-family\":\"Oswald\"}},[_vm._v(\" Learn Interactively | Hooke's Experiment\")])]),_c('div',{ref:\"ib\",staticStyle:{\"margin-top\":\"20px\"}}),_vm._v(\"\\n    This MagicGraph offers a visually interactive illustration of Hooke's experiment.\\n    This illustration shows a spring hanging from the ceiling at one end. At the other end of spring attached is a massless hanger to which weights can be added.\\n    \"),_c('div',{ref:\"ic\",staticStyle:{\"margin-top\":\"20px\"}}),_c('h5',[_vm._v(\" To Get Started\")]),_c('div',{ref:\"id\",staticStyle:{\"margin-top\":\"20px\"}}),_vm._v(\"\\n    Tap on the \"),_c('i',{staticClass:\"fa fa-plus-square\"}),_vm._v(\" button to add weights and \"),_c('i',{staticClass:\"fa fa-minus-square\"}),_vm._v(\" button to remove.\\n    As you add or remove weights, observe how the deformation of the spring changes with applied load.\\n  \")]),_c('v-responsive',[_c('v-layout',{attrs:{\"justify-center\":\"\"}},[_c('div',{staticClass:\"edliy-box-about\",attrs:{\"id\":\"jxgbox1\"}})]),_c('v-layout',{attrs:{\"justify-center\":\"\"}},[_c('h5',{staticClass:\"edliy-text-about\"},[_vm._v(\"\\n        Use \"),_c('i',{staticClass:\"plus ma-1\"}),_vm._v(\" button to add weights and \"),_c('i',{staticClass:\"minus ma-1\"}),_vm._v(\" button to remove weights. Observe how the deformation of the spring changes with applied load. Use the slider to change the spring constant.\\n      \")])])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div\r\n      class=\" font-weight-light\"\r\n      :class=\"{'pa-5 headline': $vuetify.breakpoint.lgAndUp,'pa-2 subtitle-1': $vuetify.breakpoint.mdOnly, 'pa-1 body-2': $vuetify.breakpoint.smAndDown}\"\n    >\r\n      <div class=\"font-weight-medium\"\r\n           :class=\"{'display-1': $vuetify.breakpoint.lgAndUp,'headline': $vuetify.breakpoint.mdOnly, 'subheading': $vuetify.breakpoint.smAndDown}\"\r\n      >\r\n        <span style=\"font-family:Oswald\"> Hooke's Law</span>\r\n      </div>\r\n      <div ref=\"ia\" style=\"margin-top: 20px\" />\r\n      Hooke's law, named after British physicist Robert Hooke, is a fundamental principle in the area of mechanics of materials.\r\n      Hooke's law relates the deformation of a spring to the force applied.\r\n      Hooke, while experimenting with springs, found that the force required to stretch or compress a spring is linearly proportional to the extent of deformation.\r\n      Mathematically, Hooke's law can be expressed as:\r\n      $$ F \\propto \\delta $$\r\n      where \\(\\delta = l - l_0\\) is the stretching or compression of the spring (deformed length minus original length).\r\n      Expressed as an equality (by introducing a proportionality constant \\(k\\)):\r\n      $$ F = k (l- l_0)$$\r\n      where \\(F\\) is the load applied, \\(l\\) is the deformed length and \\(l_0\\) is the original length of spring. The proportionality factor \\(k\\) is known as spring constant.\r\n\r\n      <div class=\"font-weight-medium\"\r\n           :class=\"{'display-1': $vuetify.breakpoint.lgAndUp,'headline': $vuetify.breakpoint.mdOnly, 'subheading': $vuetify.breakpoint.smAndDown}\"\r\n      >\r\n        <span style=\"font-family:Oswald\"> Learn Interactively | Hooke's Experiment</span>\r\n      </div>\r\n      <div ref=\"ib\" style=\"margin-top: 20px\" />\n      This MagicGraph offers a visually interactive illustration of Hooke's experiment.\r\n      This illustration shows a spring hanging from the ceiling at one end. At the other end of spring attached is a massless hanger to which weights can be added.\n      <div ref=\"ic\" style=\"margin-top: 20px\" />\r\n      <h5> To Get Started</h5>\r\n      <div ref=\"id\" style=\"margin-top: 20px\" />\n      Tap on the <i class=\"fa fa-plus-square\" /> button to add weights and <i class=\"fa fa-minus-square\" /> button to remove.\r\n      As you add or remove weights, observe how the deformation of the spring changes with applied load.\n    </div>\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-layout justify-center>\r\n        <h5 class=\"edliy-text-about\">\n          Use <i class=\"plus ma-1\" /> button to add weights and <i class=\"minus ma-1\" /> button to remove weights. Observe how the deformation of the spring changes with applied load. Use the slider to change the spring constant.\n        </h5>\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: 'Springs',\r\n  created: function () {\r\n    // Store mutations\r\n    let title = 'Hooke\\'s Law';\r\n    this.$store.commit('navigation/changeTitle', title);\r\n    this.$store.commit('navigation/changeMenu', title);\r\n    let newTopics = [\r\n      {title: 'Hooke\\'s Law', img:'/assets/number-1.svg', action: () => this.goto('ia')},\r\n      {title: 'Implications of Hooke\\'s law', img:'/assets/number-2.svg', action: () => this.goto('ca')},\r\n      {title: 'MagicGraph',img:'/assets/touch.svg', action: () => this.goto('graphical')},\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 newPhys =true;\r\n    this.$store.commit('navigation/replacePhys', newPhys);\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: 'Hooke\\'s Law',\r\n          titleTemplate: '%s | Learn interactively',\r\n          meta: [ {name: 'viewport', content: 'width=device-width, initial-scale=1'},\r\n                  {name: 'description', content: 'Balancing a chemical equation.'}\r\n                ]\r\n        }\r\n   },\r\n}\r\n</script>\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!./Spring.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!./Spring.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Spring.vue?vue&type=template&id=2f9337bf&\"\nimport script from \"./Spring.vue?vue&type=script&lang=js&\"\nexport * from \"./Spring.vue?vue&type=script&lang=js&\"\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":""}