{"version":3,"sources":["webpack:///./src/components/mathematics/cos/ConicSection.vue","webpack:///./src/components/mathematics/cos/Boxes.js","webpack:///src/components/mathematics/cos/ConicSection.vue","webpack:///./src/components/mathematics/cos/ConicSection.vue?ae5e","webpack:///./src/components/mathematics/cos/ConicSection.vue?59c0","webpack:///./src/components/mathematics/cos/ConicSection.vue?42f1"],"names":["ref","attrs","staticClass","_v","staticStyle","_c","Boxes","box1","brd2","JXG","JSXGraph","initBoard","boundingbox","keepaspectratio","axis","ticks","grid","pan","enabled","zoom","showCopyright","showNavigation","resize","resizeContainer","containerObj","clientWidth","clientHeight","fullUpdate","window","onresize","options","layer","create","fixed","fontSize","canvasHeight","cssStyle","axi","visible","dash","strokeColor","ptA","face","size","name","label","circ","Y","strokeWidth","center","radiuspoint","anglepoint","ptB","vel","ptC","X","ptD","Math","cos","PI","sin","ptE","rotate","opacity","x","max","tan","Value","curveType","fillColor","fillOpacity","vertices","withLines","abs","borders","toFixed","created","_this","$store","commit","newTopics","title","img","action","goto","newMath","newshowhome","newLeftArrow","newModule","mounted","MathJax","Hub","Queue","metaInfo","titleTemplate","meta","content","component","staticRenderFns"],"mappings":"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","file":"js/chunk-fc473422.bf30cd56.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('h3',{ref:\"intro\"},[_vm._v(\"\\n    Conic Sections: What Are They?\\n  \")]),_c('p',[_vm._v(\"\\n    Do you know what  circles, ellipses, parabolas, and hyperbolas have in common — they all belong to the same family of shapes called conic sections.\\n    A conic section, as its name suggests, is a shape generated by intersection of a plane with a cone.\\n  \")]),_c('h3',{ref:\"sol\"},[_vm._v(\"\\n    Cutting Plane Orientation\\n  \")]),_vm._m(0),_c('h3',{ref:\"graph\"},[_vm._v(\"\\n    PlayGraph: Let's Create Conic Sections!\\n  \")]),_c('p'),_c('v-responsive',{attrs:{\"aspect-ratio\":1}},[_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    The orientation of the intersecting plane relative to the axis of the cone determines the type of the conic section (i.e. circular, elliptical, parabolic or hyperbolic) that will be generated.\\n    For example:\\n    \"),_c('ul',{staticStyle:{\"list-style-type\":\"square\"}},[_c('li',[_c('h5',[_vm._v(\" Plane Perpendicular to Cone Axis \")]),_vm._v(\"\\n        A cone intersected by a plane perpendicular to the axis of the cone gives a circular conic section.\\n      \")]),_c('li',[_c('h5',[_vm._v(\" Plane Parallel to Generating Line  \")]),_vm._v(\"\\n        The conic section generated by a plane parallel to the generating line of the cone is a parabola.\\n      \")]),_c('li',[_c('h5',[_vm._v(\" Plane Parallel to Cone Axis \")]),_vm._v(\"\\n        The conic section generated by a plane parallel to the axis of cone is a hyperbola.\\n      \")])])])\n}]\n\nexport { render, staticRenderFns }","const Boxes = {\r\n  box1: function () {\r\n\t\tvar brd2 = JXG.JSXGraph.initBoard('jxgbox1',{boundingbox: [-13, 13, 13, -13],keepaspectratio: true, axis:false, ticks:true, grid:true, pan:{enabled:false}, zoom:{enabled:false}, showCopyright:false, showNavigation:false});\r\n\t\tvar resize = function () {\r\n        brd2.resizeContainer(brd2.containerObj.clientWidth, brd2.containerObj.clientHeight, true);\r\n        brd2.fullUpdate();\r\n        };\r\n\t\twindow.onresize = resize;\r\n\t\tbrd2.options.layer['curve'] =3;\r\n\t\tbrd2.options.layer['image'] =8;\r\n\t\tbrd2.options.layer['segment'] =8;\r\n\t\tbrd2.options.layer['line'] =6;\r\n\t\tbrd2.options.layer['point'] =12;\r\n\t\tbrd2.options.layer['polygon'] =3;\r\n\t\tbrd2.create('text', [-3, 11, '<b>Conic Sections</b>'], {fixed:true, fontSize:function(){return 28*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n\t\tvar axi = brd2.create('segment', [[0,0], [0, 4.9]], {visible:true, dash:1, strokeColor:'black', fixed:true});\r\n\t\tvar ptA = brd2.create('glider', [0, 1, axi], {face:'square', size:function(){return 3*brd2.canvasHeight/800}, name:'', strokeColor:'black', label:{fontSize:function(){return 18*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\n\t\tvar circ = brd2.create('arc', [ptA, [9, function(){return ptA.Y()}], [0,function(){return ptA.Y()+9}]], {visible:false, strokeWidth:0.5, strokeColor:'black', dash:1, center:{visible:false}, radiuspoint:{visible:false}, anglepoint:{visible:false}});\r\n//Point B\r\n\t\tvar ptB = brd2.create('glider', [9, 1, circ], {face:'circle', size:function(){return 3*brd2.canvasHeight/800}, name:'', strokeColor:'black', label:{fontSize:function(){return 18*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\n\t\tvar vel =brd2.create('angle', [[9, function(){return ptA.Y()}], ptA, ptB],{visible:false});\r\n\t\tvar ptC = brd2.create('point', [function(){return -ptB.X();},function(){return -ptB.Y()+2*ptA.Y();}], {visible:false});\r\n\t\tvar ptD = brd2.create('point', [function(){return ptC.X()+5*Math.cos(4.5*Math.PI/6);},function(){return ptC.Y() + 5*Math.sin(4.5*Math.PI/6);}], {visible:false});\r\n\t\tvar ptE = brd2.create('point', [function(){return ptB.X()+5*Math.cos(4.5*Math.PI/6);},function(){return ptB.Y() + 5*Math.sin(4.5*Math.PI/6);}], {visible:false});\r\n\t\tbrd2.create('segment', [ptC, ptD], {visible:true, strokeWidth:1, dash:1, strokeColor:'black'});\r\n\t\tbrd2.create('segment', [ptB, ptE], {visible:true, strokeWidth:1, dash:1, strokeColor:'black'});\r\n\t\tbrd2.create('segment', [ptD, ptE], {visible:true, strokeWidth:1, dash:1, strokeColor:'black'});\r\n\t\tbrd2.create('image', ['/assets/cone.svg', [7., 7.],[14, 7.]], {rotate:180, fixed:true, opacity:0.7});\r\n\t\tbrd2.create('image', ['/assets/random.svg', [function(){return ptC.X()}, function(){return ptC.Y()+5}],[2., 2.]], {rotate:155, fixed:true, opacity:0.7});\r\n\t\tbrd2.create('image', ['/assets/curved-arrow.svg', [5.8, 5.4],[2., 2.]], {fixed:true, opacity:0.7});\r\n\t\tbrd2.create('segment', [[0, 0], [6, 6]], {visible:true,strokeWidth:4, strokeColor:'black', fixed:true});\r\n\t\tbrd2.create('segment', [[0, 0], [-6, 6]], {visible:true,strokeWidth:4, strokeColor:'black', fixed:true});\r\n\t\tbrd2.create('image', ['/assets/rotate.svg', [function(){return ptB.X()+0.4}, function(){return ptB.Y()+0.4}],[0.8, 0.8]], {rotate:180});\r\n\t\tbrd2.create('segment', [ptC, ptB], {visible:true, strokeWidth:1, dash:1, strokeColor:'black'});\r\n\t\tbrd2.create('arrow', [[0,0], [0, 2]], {strokeColor:'black', strokeWidth:3, dash:1, fixed:true});\r\n\t\tbrd2.create('arrow', [[0,0], [2, 0]], {strokeColor:'black', strokeWidth:3, dash:1, fixed:true});\r\n\t\tbrd2.create('arrow', [[0,0], [-2*Math.cos(4.5*Math.PI/6), -2*Math.sin(4.5*Math.PI/6)]], {strokeColor:'black', strokeWidth:3, dash:1, fixed:true});\r\n\t\tbrd2.create('image', ['/assets/move.svg', [function(){return ptA.X()+0.4}, function(){return ptA.Y()+0.4}],[0.8, 0.8]], {rotate:180});\r\n\t\tbrd2.create('curve', [function(x){return Math.max(ptA.Y(),0)/(1-Math.tan(vel.Value())*Math.cos(x))},[0, -6], 0, 2*Math.PI], {curveType:'polar', strokeColor:'black', strokeWidth:0.75, dash:1, fillColor:'#4dd0e1', fillOpacity:1, fixed:true});\r\n\t\tbrd2.create('polygon', [[function(){return(6-ptA.Y())/(((ptB.Y()-ptA.Y()+0.0001)/(ptB.X()-ptA.X())))},-40],[function(){return(6-ptA.Y())/(((ptB.Y()-ptA.Y()+0.0001)/(ptB.X()-ptA.X())))},40], [16, 40], [16, -40]], {vertices:{visible:false}, withLines:false, fillColor:'oldLace', fillOpacity:0, fixed:true});\r\n\t\tbrd2.create('polygon', [[function(){return -ptA.Y()/Math.abs(1-Math.tan(vel.Value()))},-40],[function(){return -ptA.Y()/Math.abs(1-Math.tan(vel.Value()))},40], [-16, 40], [-16, -40]], {vertices:{visible:false}, withLines:false, fillColor:'oldLace', fillOpacity:0, fixed:true});\r\n\t\tbrd2.create('polygon', [ptC, ptB,  ptE, ptD], {vertices:{visible:true}, withLines:false, borders:{strokeColor:'black', strokeWidth:2, dash:1}, fillColor:'grey', fillOpacity:0.4, fixed:true});\r\n\t\tbrd2.create('ellipse', [[5.81, 6], [-5.81, 6],[0, 7.1]], {visible:true,strokeWidth:4, strokeColor:'black', fixed:true});\r\n\t\tbrd2.create('text', [-10, -5, function(){return 'Eccentricity =' + Math.tan(vel.Value()).toFixed(1)}], {fixed:true, fontSize:function(){return 22*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n\t\tbrd2.create('text', [-10, -7, function(){if(Math.tan(vel.Value()) ==0){return 'Conic section is a Circle!'} else if (Math.tan(vel.Value()) < 1 ){return 'Conic section is an Ellipse!'} else if (Math.tan(vel.Value()) < 1.05 ){return 'Conic section is a Parabola!'} else {return 'Conic section is a Hyperbola!'}}], {fixed:true, fontSize:function(){return 22*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n\t\tbrd2.create('text', [7.4, 7.8,'Cone'], {fixed:true, fontSize:function(){return 22*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n\t\tbrd2.create('text', [function(){return ptD.X()+0.5}, function(){return ptD.Y()+2.75},'Plane'], {fixed:true, fontSize:function(){return 22*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n\r\n    },\r\n    }\r\nexport default Boxes;\r\n","<template>\r\n  <div>\r\n    <h3 ref=\"intro\">\n      Conic Sections: What Are They?\n    </h3>\r\n    <p>\n      Do you know what  circles, ellipses, parabolas, and hyperbolas have in common &mdash; they all belong to the same family of shapes called conic sections.\r\n      A conic section, as its name suggests, is a shape generated by intersection of a plane with a cone.\r\n    </p>\r\n    <h3 ref=\"sol\">\n      Cutting Plane Orientation\n    </h3>\r\n    <p>\n      The orientation of the intersecting plane relative to the axis of the cone determines the type of the conic section (i.e. circular, elliptical, parabolic or hyperbolic) that will be generated.\r\n      For example:\r\n      <ul style=\"list-style-type:square;\">\r\n        <li>\n          <h5> Plane Perpendicular to Cone Axis </h5>\r\n          A cone intersected by a plane perpendicular to the axis of the cone gives a circular conic section.\r\n        </li>\r\n        <li>\n          <h5> Plane Parallel to Generating Line  </h5>\r\n          The conic section generated by a plane parallel to the generating line of the cone is a parabola.\r\n        </li>\r\n        <li>\n          <h5> Plane Parallel to Cone Axis </h5>\r\n          The conic section generated by a plane parallel to the axis of cone is a hyperbola.\r\n        </li>\r\n      </ul>\r\n    </p>\r\n    <h3 ref=\"graph\">\n      PlayGraph: Let's Create Conic Sections!\n    </h3>\r\n    <p />\r\n    <v-responsive\r\n      :aspect-ratio=\"1\"\r\n    >\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: 'ConicSections',\r\n  created: function () {\r\n    // Store mutations\r\n    this.$store.commit('navigation/resetState');\r\n    let title = 'Conic Sections';\r\n    this.$store.commit('navigation/changeTitle', 'Conic Sections');\r\n    this.$store.commit('navigation/changeMenu', 'Conic Sections');\r\n    let newTopics = [\r\n      {title: 'Conic Sections', img:'/assets/number-1.svg', action: () => this.goto('intro')},\r\n      {title: 'Orientation of the Cutting Plane', img:'/assets/number-2.svg', action: () => this.goto('sol')},\r\n      {title: 'PlayGraph: Generating Conic Sections', img:'/assets/touch.svg', action: () => this.goto('graph')}\r\n    ];\r\n    this.$store.commit('navigation/replaceTopics', newTopics);\r\n    let newMath =true;\r\n    this.$store.commit('navigation/replaceMath', newMath);\r\n    let newshowhome = false;\r\n    this.$store.commit('navigation/toggleshowhome', newshowhome);\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: 'Conic Section',\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 how to draw a free body diagram'}\r\n                ]\r\n        }\r\n   },\r\n}\r\n</script>\r\n\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@import 'src/styles/screen-sizes.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!./ConicSection.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!./ConicSection.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ConicSection.vue?vue&type=template&id=f31c923a&\"\nimport script from \"./ConicSection.vue?vue&type=script&lang=js&\"\nexport * from \"./ConicSection.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ConicSection.vue?vue&type=style&index=0&id=f31c923a&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!./ConicSection.vue?vue&type=style&index=0&id=f31c923a&prod&lang=scss&\""],"sourceRoot":""}