{"version":3,"sources":["webpack:///./src/components/physics/Phy12th/car_quiz/Lesson.vue","webpack:///./src/components/physics/Phy12th/car_quiz/Boxes.js","webpack:///src/components/physics/Phy12th/car_quiz/Lesson.vue","webpack:///./src/components/physics/Phy12th/car_quiz/Lesson.vue?b8fb","webpack:///./src/components/physics/Phy12th/car_quiz/Lesson.vue?d09d","webpack:///./src/components/physics/Phy12th/car_quiz/Lesson.vue?e287"],"names":["ref","attrs","staticClass","render","Boxes","box1","JXG","Options","point","showInfoBox","highlight","text","image","fixed","curve","cssDefaultStyle","graph","createSpace","options","layer","placeTitle","makeResponsive","placeLogo","create","m","next","placeRedo","setAttribute","visible","prev","placeUndo","on","im","fillOpacity","origL","moveTo","origT","writeHTMLText","anchorX","norm","Pt1","drawPoint","Pt2","rotate","opacity","curb","drawLine","strokeWidth","orig","down","left","drawArrow","strokeColor","dash","og","start","end","drawAngle","name","radius","center","radiusPoint","anglePoint","drawDash","Pt3","Pt4","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-9a3f3c4a.e70b9797.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('h3',{ref:\"def\"},[_vm._v(\"\\n    Circumference\\n  \")]),_c('p',[_vm._v(\"\\n    Let's say you're given a circle.\\n    Now, imaging walking along the edge of this circle until you get back to where you started.\\n    Then, the total distance traveled is defined as the circumference of the circle.\\n  \")]),_c('h3',{ref:\"formula\"},[_vm._v(\"\\n    Circumference Formula\\n  \")]),_c('p',[_vm._v(\"\\n    The circumference of a circle of radius R is given by\\n    $$L = 2 \\\\times\\\\pi \\\\times R$$\\n    where \\\\(\\\\pi = 22/7\\\\).\\n  \")]),_c('h3',{ref:\"pg\"},[_vm._v(\"\\n    MagicGraph | Circumference of a circle\\n  \")]),_c('h5',[_vm._v(\"To Get Started\")]),_c('p',[_vm._v(\"\\n    This MagicGraph let's student learn about circumference of a circle using an interactive approach.\\n    You are given a coin of radius R. The radius of the coin can be set using the slider shown in the MagicGraph.\\n    Then, tap on the Go button to let the coin roll.\\n    The linear distance traveled by the coin until it has rolled a complete circle equals the circumference.\\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    createSpace,\r\n    placeLogo,\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    placeRedo,\r\n    placeUndo,\r\n    writeHTMLText,\r\n    drawPoint,\r\n    drawLine,\r\n    drawArrow,\r\n    drawAngle,\r\n    drawDash\r\n} from '../Utils';\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.image.highlight=false;\r\nJXG.Options.text.fixed=true;\r\nJXG.Options.curve.highlight=false;\r\nJXG.Options.text.cssDefaultStyle='fontFamily:Oswald;'\r\n//\r\nvar graph=createSpace(-7, 5, -2, 10);\r\ngraph.options.layer['image']=10;\r\ngraph.options.layer['arrow']=9;\r\n//Title and tetxs\r\nplaceTitle(graph, 'Driving on Banked Curves', '(Finding critical speed)');\r\nmakeResponsive(graph);\r\nplaceLogo(graph);\r\n//Creating axes\r\n//createAxes(graph);\r\n//Inserting background image\r\ngraph.create('image',['/assets/floor.svg', [-7, -2], [20, 2.3]], {fixed: true});\r\n//\r\nvar m=0;\r\nvar next = placeRedo(graph);\r\nnext.setAttribute({visible:()=>m<4});\r\n//\r\nvar prev =placeUndo(graph, 'left');\r\nprev.setAttribute({visible:()=>m>0});\r\n//\r\nnext.on('down', function(){\r\n  if(m<4){m+=1}else{m=4}\r\n  if(m==0){\r\n    im.setAttribute({fillOpacity:0.5});\r\n  }\r\n  if(m==1){\r\n    im.setAttribute({fillOpacity:0.5});\r\n  }\r\n  if(m==2){\r\n    im.setAttribute({fillOpacity:0.5});\r\n    origL.moveTo([0.5, 3.5], 200);\r\n  }\r\n  if(m==3){\r\n    im.setAttribute({fillOpacity:0.5});\r\n    origT.moveTo([2, 5.], 200);\r\n  }\r\n});\r\n//\r\nprev.on('down', function(){\r\n  if(m>0){m-=1}else{m=0}\r\n  if(m==0){\r\n    im.setAttribute({fillOpacity:0.5});\r\n  }\r\n  if(m==1){\r\n    im.setAttribute({fillOpacity:0.5});\r\n  }\r\n  if(m==2){\r\n    im.setAttribute({fillOpacity:0.5});\r\n  }});\r\n// Texts\r\n//Problem Statement\r\nwriteHTMLText(graph, -6, 7.5, 'Imagine driving a car on a banked road with radius r and angle &theta;.').setAttribute({visible:()=>m==0, anchorX:'left'});\r\nwriteHTMLText(graph, -6, 6.5, 'Goal is to find the critical speed of the car.').setAttribute({visible:()=>m==0, anchorX:'left'});\r\nwriteHTMLText(graph, -6, 5.5, 'Assume no friction between the car and the road.').setAttribute({visible:()=>m==0, anchorX:'left'});\r\n//\r\nwriteHTMLText(graph, -6, 7.5, 'Start with free body diagram of the car.').setAttribute({visible:()=>m==1, anchorX:'left'});\r\nwriteHTMLText(graph, -6, 6.5, 'A free body diagram shows all the external forces acting on the body.').setAttribute({visible:()=>m==1, anchorX:'left'});\r\n//\r\nwriteHTMLText(graph, -6, 7.5, 'Balance of forces in x-direction gives:').setAttribute({visible:()=>m>1, anchorX:'left'});\r\nwriteHTMLText(graph, -6, 6.5, 'N sin&theta; =  mv^2/r').setAttribute({visible:()=>m>1, anchorX:'left'});\r\n//\r\nwriteHTMLText(graph, -6, 5.5, 'Balance of forces in y-direction gives:').setAttribute({visible:()=>m>2, anchorX:'left'});\r\nwriteHTMLText(graph, -6, 4.5, 'N cos&theta; = mg').setAttribute({visible:()=>m>2, anchorX:'left'});\r\n//\r\nwriteHTMLText(graph, -6, 3.5, 'Solving for v gives:').setAttribute({visible:()=>m>3, anchorX:'left'});\r\nwriteHTMLText(graph, -6, 2.5, 'v = (rg tan &theta;)^1^/^2').setAttribute({visible:()=>m>3, anchorX:'left'});\r\n//\r\nvar mg = writeHTMLText(graph, 2., 1.3, 'mg').setAttribute({visible:()=>m>0, anchorX:'middle'});\r\n//////////////////////\r\nvar cfg = writeHTMLText(graph, 4., 3.5, 'mv^2/r').setAttribute({visible:()=>m>0, anchorX:'left'});\r\n////////////////////////////\r\nvar norm = writeHTMLText(graph, -0., 5., 'N').setAttribute({visible:()=>m>0, anchorX:'left'});\r\n/////////////////////////////\r\nvar normL = writeHTMLText(graph, 0.3, 3.5, 'N sin&theta;').setAttribute({visible:()=>m>1, anchorX:'right'});\r\n////////////\r\nvar norm = writeHTMLText(graph, -0., 5., 'N').setAttribute({visible:()=>m>0, anchorX:'left'});\r\n/////////////\r\nvar normT = writeHTMLText(graph, 2., 5.5, 'N cos&theta;').setAttribute({visible:()=>m>2, anchorX:'middle'});\r\n///\r\nwriteHTMLText(graph, 0.5, 3.75, 'r').setAttribute({visible:()=>m==0, anchorX:'middle'});\r\n//////////////////\r\nvar Pt1 = drawPoint(graph, 0, 0.3);\r\nPt1.setAttribute({visible:false});\r\n/////\r\nvar Pt2 = drawPoint(graph, 2, 2.3);\r\nPt2.setAttribute({visible:false});\r\n/////////\r\nvar im = graph.create('image',['/assets/car.svg', [2, 2], [2, 2]], {rotate:45, opacity:0.65, fixed: true});\r\n//////////////////////\r\nvar curb =drawLine(graph, Pt1, Pt2);\r\ncurb.setAttribute({strokeWidth:4});\r\n//\r\n//Origin\r\nvar orig = drawPoint(graph, 2., 3.5);\r\norig.setAttribute({visible:false});\r\nvar down = drawPoint(graph, 2., 1.5);\r\ndown.setAttribute({visible:false});\r\nvar left = drawPoint(graph, 4, 3.5);\r\nleft.setAttribute({visible:false});\r\nvar norm = drawPoint(graph, 0.5, 5.0);\r\nnorm.setAttribute({visible:false});\r\n//\r\nvar origL = drawPoint(graph, 0.5, 5);\r\norigL.setAttribute({visible:false});\r\nvar origT = drawPoint(graph, 0.5, 5);\r\norigT.setAttribute({visible:false});\r\n//origL.setAttribute({visible:false});\r\n////\r\ndrawArrow(graph, orig, down).setAttribute({visible:()=>m>0, strokeColor:'red', dash:0});\r\ndrawArrow(graph, orig, left).setAttribute({visible:()=>m>0, strokeColor:'blue', dash:0});\r\ndrawArrow(graph, orig, norm).setAttribute({visible:()=>m>0, strokeColor:'green', dash:0});\r\ndrawArrow(graph, orig, origL).setAttribute({visible:()=>m>1, strokeColor:'green', dash:2});\r\ndrawArrow(graph, orig, origT).setAttribute({visible:()=>m>2, strokeColor:'green', dash:2});\r\n/////////////////\r\nvar og = drawPoint(graph, 0, 0.3);\r\nog.setAttribute({visible:false});\r\nvar start = drawPoint(graph, 2, 0.3);\r\nstart.setAttribute({visible:false});\r\nvar end = drawPoint(graph, 2, 2.3);\r\nend.setAttribute({visible:false});\r\n//////////////\r\ndrawAngle(graph, end ,og, start).setAttribute({name:'&theta;',strokeColor:'black', radius:1, center:{visible:false}, radiusPoint:{visible:false}, anglePoint:{visible:false}});\r\n//\r\nvar Pt1 = drawPoint(graph, -1, -3);\r\nPt1.setAttribute({visible:false});\r\nvar Pt2 = drawPoint(graph, -1, 8);\r\nPt2.setAttribute({visible:false});\r\ndrawDash(graph, Pt1, Pt2).setAttribute({visible:()=>m==0, strokeColor:'grey',dash:1});\r\n//\r\nvar Pt3 = drawPoint(graph, -1, 3.5);\r\nPt3.setAttribute({visible:false});\r\nvar Pt4 = drawPoint(graph, 2, 3.5);\r\nPt4.setAttribute({visible:false});\r\ndrawDash(graph, Pt3, Pt4).setAttribute({visible:()=>m==0, strokeColor:'grey'});\r\n},\r\n}\r\nexport default Boxes;\r\n","<template>\r\n  <div>\r\n    <h3 ref=\"def\">\n      Circumference\n    </h3>\r\n    <p>\n      Let's say you're given a circle.\r\n      Now, imaging walking along the edge of this circle until you get back to where you started.\r\n      Then, the total distance traveled is defined as the circumference of the circle.\r\n    </p>\r\n    <h3 ref=\"formula\">\n      Circumference Formula\n    </h3>\r\n    <p>\n      The circumference of a circle of radius R is given by\r\n      $$L = 2 \\times\\pi \\times R$$\r\n      where \\(\\pi = 22/7\\).\n    </p>\r\n    <h3 ref=\"pg\">\n      MagicGraph | Circumference of a circle\n    </h3>\r\n    <h5>To Get Started</h5>\r\n    <p>\r\n      This MagicGraph let's student learn about circumference of a circle using an interactive approach.\r\n      You are given a coin of radius R. The radius of the coin can be set using the slider shown in the MagicGraph.\r\n      Then, tap on the Go button to let the coin roll.\r\n      The linear distance traveled by the coin until it has rolled a complete circle equals the circumference.\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: 'CircularMotion',\r\n  created: function () {\r\n    // Store mutations\r\n    this.$store.commit('navigation/resetState');\r\n    let title = 'Driving on Banked Road';\r\n    this.$store.commit('navigation/changeTitle', title);\r\n    this.$store.commit('navigation/changeMenu', title);\r\n    let newTopics = [\r\n      {title: 'Circumference', img:'/assets/number-1.svg', action: () => this.goto('def')},\r\n      {title: 'Formula', img:'/assets/number-1.svg', action: () => this.goto('formula')},\r\n      {title: 'MagicGraph',img:'/assets/touch.svg', action: () => this.goto('pg')},\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: 'Driving on a Curved Road',\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 circular motion'}\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=ff7d3ad8&\"\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=ff7d3ad8&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=ff7d3ad8&prod&lang=scss&\""],"sourceRoot":""}