{"version":3,"sources":["webpack:///./src/components/mathematics/Math9thGrade/camMotion/Lesson.vue","webpack:///./src/components/mathematics/Math9thGrade/camMotion/Boxes.js","webpack:///src/components/mathematics/Math9thGrade/camMotion/Lesson.vue","webpack:///./src/components/mathematics/Math9thGrade/camMotion/Lesson.vue?34c4","webpack:///./src/components/mathematics/Math9thGrade/camMotion/Lesson.vue?616c"],"names":["attrs","staticClass","_c","_vm","_self","staticStyle","staticRenderFns","Boxes","box1","JXG","Options","board","minimizeReflow","point","showInfoBox","highlight","image","line","text","fixed","curve","circle","cssDefaultStyle","layer","graph","createSpace","suspendUpdate","makeResponsive","placeTitle","placeLogo","play","placePlay","pause","placePause","hoverMe","origin","create","_defineProperty","visible","name","face","strokeColor","fillColor","size","radius","rota","strokeWidth","pt","shadow","tp","rod","straightFirst","vertices","placeMiddleText","bb","placeSlider","an","ang","label","fillOpacity","orthoType","CurveD","x","Value","Math","sqrt","cos","PI","curveType","tpp","X","Y","dash","sin","on","stopAnimation","startAnimation","unsuspendUpdate","created","$store","commit","title","newshowhome","newMath","newLeftArrow","newModule","mounted","MathJax","Hub","Queue","metaInfo","titleTemplate","meta","vmid","content","component"],"mappings":"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","file":"js/chunk-2d0c033e.a569ee1a.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('br'),_c('h5',[_vm._v(\"Problem Description\")]),_vm._m(0),_vm._m(1),_vm._m(2),_c('v-responsive',[_c('v-layout',{attrs:{\"justify-center\":\"\"}},[_c('div',{staticClass:\"edliy-box-about\",attrs:{\"id\":\"jxgbox1\"}})])],1),_c('br'),_c('h5',[_vm._v(\" Navigation Icons \")]),_vm._m(3),_c('h5',[_vm._v(\" Marks & Indications \")]),_vm._m(4)],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('p',{staticClass:\"big mt-2\"},[_vm._v(\"\\n    A cam is a mechanism that converts a rotary motion into a linear oscillatory motion. A cam mechanism typically consists of two moving elements — a rotating wheel of irregular shape (called the cam) and a lever (called the follower). As the cam rotates, the follower rises and falls thus generating a linear oscillatory motion.\\n    \"),_c('br')])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticStyle:{\"text-align\":\"left\"}},[_c('h5',[_vm._v(\" MagicGraph | Area of a Parallelogram\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',{staticClass:\"big mt-2\"},[_vm._v(\"\\n    Use the MagicGraph below to examine the motion of a cam mechanism. Use the sliders provided in the MagicGraph to alter the cam dimensions and see the displacement diagram change. Tap on \"),_c('i',{staticClass:\"redoer ma-1\"}),_vm._v(\" button to start the motion. Tap on \"),_c('i',{staticClass:\"pauser ma-1\"}),_vm._v(\" button to go to pause the motion.\\n    \"),_c('br')])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',{staticClass:\"big mt-2\"},[_vm._v(\"\\n    This MagicGraph contains a number of navigation icons/buttons to help you navigate through different parts of the exercise. See below for an explanation of each navigation icon.\"),_c('br'),_c('i',{staticClass:\"redoer ma-1\"}),_vm._v(\" is the 'Play' button. Tap on this button to start the animation. \"),_c('br'),_c('i',{staticClass:\"pauser ma-1\"}),_vm._v(\" is the 'Pause' button. Tap on this button to pause the animation.\"),_c('br'),_c('i',{staticClass:\"logor ma-1\"}),_vm._v(\" is the 'Get a Hint' button. Tap on this button to receive a hint on how to solve this problem. \"),_c('br'),_c('i',{staticClass:\"undoer ma-1\"}),_vm._v(\" is the 'Start Over' button. Tap on this button to start over the exercise from the begining.\\n  \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',{staticClass:\"big mt-2\"},[_vm._v(\"\\n    The marks and indications are located on the top-left corner of the MagicGraph, and show your attempt status.\"),_c('br'),_vm._v(\"\\n    The right checkmark \"),_c('i',{staticClass:\"righter ma-1\"}),_vm._v(\"  indicates that your provided response was correct. \"),_c('br'),_vm._v(\"\\n    The crossmark \"),_c('i',{staticClass:\"wrong ma-1\"}),_vm._v(\"  indicates that your provided response was incorrect. \"),_c('br'),_vm._v(\"\\n    The exclaimation mark\"),_c('i',{staticClass:\"missed ma-1\"}),_vm._v(\" indicates an unattempted (missed) response. \"),_c('br')])\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    placeMiddleText,\r\n    placeCircle,\r\n    placeAngle,\r\n    placeDash,\r\n    placePlay,\r\n    placeLogo,\r\n    placePause,\r\n    placeFullAngle,\r\n    createSpace\r\n} from '../Utils';\r\nconst Boxes = {\r\n    box1: function () {\r\n    //Create the Board\r\n    JXG.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.line.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.circle.highlight=false;\r\n    JXG.Options.text.cssDefaultStyle='fontFamily:Oswald;'\r\n    JXG.Options.layer['curve'] =1;\r\n    JXG.Options.layer['segment'] =3;\r\n    JXG.Options.layer['point'] =7;\r\n    JXG.Options.layer['circle'] =2;\r\n    JXG.Options.layer['angle'] =6;\r\n    var graph =createSpace(-5,9,-6,8);\r\n    graph.suspendUpdate();\r\n    //Make the board responsive\r\n    makeResponsive(graph);\r\n    // Creat titleStyle\r\n    placeTitle(graph, 'Cam Mechanism', '(Converting rotary motion into linear motion)');\r\n    placeLogo(graph);\r\n    var play = placePlay(graph,'left');\r\n    var pause = placePause(graph,'right');\r\n    hoverMe(graph, play, 'Press to Play', 0, -5);\r\n    hoverMe(graph, pause, 'Press to Pause', 0, -5);\r\n    //dragMe(graph, 5, 5);\r\n    //Origin\r\n    var origin=graph.create('point',[0,0], {visible:true, name:'', face:'circle', strokeColor:'black', fillColor:'white', size:22, fixed:true, visible:false});\r\n    ///\r\n    var ogn=graph.create('point',[0,0], {visible:true, name:'', face:'circle', size:2, strokeColor:'black', fillColor:'black'});\r\n    //Radius\r\n    var radius=graph.create('point',[1,0], {visible:false, face:'square', fixed:true});\r\n    //Circle\r\n    var circ = graph.create('circle',[[0,0],[0.41,0]],{visible:true, fillColor:'white', strokeWidth:3, strokeColor:'black'});\r\n    var rota = graph.create('circle',[[0,0],[1.0,0]],{visible:false, fillColor:'white', strokeWidth:3, strokeColor:'black'});\r\n    //Glider\r\n  //  var pt = graph.create('point',[1,0], {visible:false});\r\n    var pt=graph.create('glider',[1.00, 0.0, rota],\r\n    {name:'',size:0, face:'circle',fillColor:'#008CBA',strokeColor:'#f44336', strokeWidth:0, shadow:false});\r\n    //LeftMost\r\n    var tp =graph.create('point',[0,4], {visible:false, fixed:true});\r\n    //RightMost\r\n    var rod =graph.create('segment', [origin, tp], {strokeWidth:4, strokeColor:'red', straightFirst:true, vertices:{visible:false}, visible:false});\r\n    //cam\r\n    //var bb =graph.create('slider',[[-2,-2],[1,-2],[0.4, 0.8, 1.0]],{baseline:{strokeWidth:7, strokeColor:'grey'},highline:{strokeWidth:7, strokeColor:'black'}, name:'Ovality', size:8, face:'square', fillColor:'grey', strokeColor:'black', withTicks:false,label:{fontSize:18, cssStyle:'fontFamily:Oswald;'}});\r\n    placeMiddleText(graph, 3, 5.5, 'Displacement Diagram');\r\n    //\r\n    var bb =placeSlider(graph, -2, -2.5, 0.6, 0.85, 0.95, 3, 'Ovality');\r\n    //\r\n  //  var an =graph.create('slider',[[-2,-3],[1,-3],[0.5, 0.75, 1.0]],{baseline:{strokeWidth:7, strokeColor:'grey'},highline:{strokeWidth:7, strokeColor:'black'}, name:'Size',size:8,face:'square', fillColor:'grey',strokeColor:'black', withTicks:false,label:{fontSize:18, cssStyle:'fontFamily:Oswald;'}});\r\n    var an =placeSlider(graph, -2, -3.5, 0.5, 0.75, 1, 3, 'Size');\r\n    //\r\n    var ang = graph.create('angle', [radius, origin, pt],{label:{visible:false}, visible:false, fillOpacity:1, fillColor:'orange', strokeWidth:0, radius:0.4, orthoType:'sector'});\r\n\r\n    var CurveD = graph.create('curve',[function(x){return 0.25+an.Value()/Math.sqrt(1-bb.Value()*bb.Value()*Math.cos(x-ang.Value())*Math.cos(x-ang.Value()))},[0.0, 0], 0, 2*Math.PI],{curveType:'polar', strokeWidth:4, strokeColor:'black', visible:true, fillColor:'red'});\r\n//\r\n    var tpp = graph.create('intersection', [CurveD, rod],{size:7, strokeColor:'black', fillColor:'yellow', visible:false, label:{visible:false}});\r\n//\r\n    var fp = graph.create('point', [function(){return tpp.X();}, function(){return tpp.Y()+0.125}],{size:7,strokeColor:'black', strokeWidth:3, name:''});\r\n//\r\n    var trp = graph.create('point',[0, function(){return tpp.Y()+2.;}],{size:6, name:'', face:'circle', strokeColor:'black', strokeWidth:3, fillColor:'red'});\r\n//\r\n    var level = graph.create('segment',[[0, function(){return tpp.Y()+2;}], [()=>ang.Value(), function(){return tpp.Y()+2;}]],{dash:1, strokeWidth:1, strokeColor:'grey'});\r\n    graph.create('segment',[[()=>ang.Value(), tpp.Y()+2], [()=>ang.Value(), function(){return tpp.Y()+2;}]],{dash:1, strokeWidth:1, strokeColor:'grey'});\r\n\r\n    graph.create('segment',[[0, tpp.Y()+2], [2*Math.PI,tpp.Y()+2]],{strokeWidth:1, strokeColor:'grey'});\r\n    graph.create('segment',[[0, tpp.Y()+2], [0,tpp.Y()+4]],{strokeWidth:1, strokeColor:'grey'});\r\n\r\n//\r\n    var camr = graph.create('segment', [tpp, [0, function(){return tpp.Y()+2;}]],{strokeWidth:15, strokeColor:'black', vertices:{visible:false}});\r\n//\r\n    var camrC = graph.create('segment', [tpp, [0, function(){return tpp.Y()+2;}]],{strokeWidth:2, strokeColor:'white', dash:0,vertices:{visible:false}});\r\n//Change here\r\n    var tra = graph.create('point', [function(){return ang.Value();}, function(){return 2.25+an.Value()/Math.sqrt(1-bb.Value()*bb.Value()*Math.sin(ang.Value())*Math.sin(ang.Value()));}],{size:3, name:'', face:'circle', strokeColor:'red', fillColor:'red'});\r\n// Change here\r\n    var func=graph.create('functiongraph', [function(x){return 2.25+ an.Value()/Math.sqrt(1-bb.Value()*bb.Value()*Math.sin(x)*Math.sin(x))}, 0, ()=>ang.Value()],{strokeColor:'red', strokeWidth:1, dash:1});\r\n\r\n//    var xx =0; var yy=0; var tn=0; var ii=0;\r\n//\r\n      play.on('down', function(){pt.stopAnimation(); pt.startAnimation(-1, 200, 5)});\r\n      //\r\n      pause.on('down', function(){pt.stopAnimation()});\r\n      //\r\n    //  an.on('down', function(){xx=0; yy=0; ii=0});\r\n    //  bb.on('down', function(){xx=0; yy=0; ii=0});\r\n      graph.unsuspendUpdate();\r\n\r\n                      }\r\n              }\r\nexport default Boxes;\r\n","<template>\r\n  <div>\r\n    <br>\r\n    <h5>Problem Description</h5>\r\n    <p class=\"big mt-2\">\r\n      A cam is a mechanism that converts a rotary motion into a linear oscillatory motion. A cam mechanism typically consists of two moving elements &mdash; a rotating wheel of irregular shape (called the cam) and a lever (called the follower). As the cam rotates, the follower rises and falls thus generating a linear oscillatory motion.\r\n      <br>\r\n    </p>\r\n    <div style=\"text-align:left\">\r\n      <h5> MagicGraph | Area of a Parallelogram</h5>\r\n    </div>\r\n    <p class=\"big mt-2\">\r\n      Use the MagicGraph below to examine the motion of a cam mechanism. Use the sliders provided in the MagicGraph to alter the cam dimensions and see the displacement diagram change. Tap on <i class=\"redoer ma-1\" /> button to start the motion. Tap on <i class=\"pauser ma-1\" /> button to go to pause the motion.\r\n      <br>\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    <br>\r\n    <h5> Navigation Icons </h5>\r\n    <p class=\"big mt-2\">\n      This MagicGraph contains a number of navigation icons/buttons to help you navigate through different parts of the exercise. See below for an explanation of each navigation icon.<br>\r\n      <i class=\"redoer ma-1\" /> is the 'Play' button. Tap on this button to start the animation. <br>\r\n      <i class=\"pauser ma-1\" /> is the 'Pause' button. Tap on this button to pause the animation.<br>\r\n      <i class=\"logor ma-1\" /> is the 'Get a Hint' button. Tap on this button to receive a hint on how to solve this problem. <br>\r\n      <i class=\"undoer ma-1\" /> is the 'Start Over' button. Tap on this button to start over the exercise from the begining.\r\n    </p>\r\n    <h5> Marks & Indications </h5>\r\n    <p class=\"big mt-2\">\r\n      The marks and indications are located on the top-left corner of the MagicGraph, and show your attempt status.<br>\r\n      The right checkmark <i class=\"righter ma-1\" />  indicates that your provided response was correct. <br>\r\n      The crossmark <i class=\"wrong ma-1\" />  indicates that your provided response was incorrect. <br>\r\n      The exclaimation mark<i class=\"missed ma-1\" /> indicates an unattempted (missed) response. <br>\r\n    </p>\r\n  </div>\r\n</template>\r\n<script>\r\nimport Boxes from './Boxes.js'\r\nexport default {\r\n  name: 'CamMotion',\r\n  created: function () {\r\n    this.$store.commit('navigation/resetState');\r\n    let title = 'Motion of a Cam Mechanism';\r\n    this.$store.commit('navigation/changeTitle', title);\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: 'Cam Mechanism',\r\n          titleTemplate: '%s | Learn interactively',\r\n          meta: [\r\n                  {vmid: 'description', name: 'description', content: 'Learn interactively about motion of a cam mechanism'}\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!./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=4217a1c3&\"\nimport script from \"./Lesson.vue?vue&type=script&lang=js&\"\nexport * from \"./Lesson.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":""}