{"version":3,"sources":["webpack:///./src/components/mathematics/tangent2/Lesson.vue?5f47","webpack:///./src/components/mathematics/tangent2/Lesson.vue","webpack:///./src/components/mathematics/tangent2/Boxes.js","webpack:///src/components/mathematics/tangent2/Lesson.vue","webpack:///./src/components/mathematics/tangent2/Lesson.vue?d888","webpack:///./src/components/mathematics/tangent2/Lesson.vue?3b7d"],"names":["attrs","staticClass","_c","_vm","_self","render","staticRenderFns","Boxes","box1","_brd1$create","_brd1$create2","JXG","Options","point","showInfoBox","highlight","text","circle","line","fixed","curve","cssDefaultStyle","brd1","JSXGraph","initBoard","boundingbox","keepaspectratio","axis","ticks","visible","grid","showCopyright","showNavigation","pan","enabled","zoom","options","layer","suspendUpdate","makeResponsive","placeTitle","subtitle","create","anchorX","anchorY","CssStyle","fontSize","Math","round","canvasWidth","centerx","centery","radius","initial_p_Arrow","sizeOk","size_arr","switchStatus","c1","placeCircle","line2","strokeColor","strokeWidth","dash","pt1","face","name","size","withLabel","label","canvasHeight","cssStyle","pt3","attr1","placePoint","sqrt","attr2","point1","setAttribute","dragMe","placeGlider","attractors","attractorDistance","snatchDistance","seg1","placeLine","X","Y","i1","strokecolor","txtMove","txtMove2","display","txtMove3","txtMove4","seg_radius","p_arrow","fillColor","_defineProperty","color","offset","shuffle","im_arrow","shuffle1","ok1","tangent","switch3","setText","switchToggle","learn_mode","test_mode","moveTo","on","random","setLabel","this","unsuspendUpdate","created","_this","$store","commit","title","newTopics","img","action","goto","newshowhome","newMath","newLeftArrow","newModule","mounted","MathJax","Hub","Queue","metaInfo","titleTemplate","meta","content","component"],"mappings":"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","file":"js/chunk-6d294071.f74c07e2.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=71bb6290&prod&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('h3',[_vm._v(\"What is a tangent to a circle?\")]),_c('p',[_vm._v(\"\\n A line that intersects a circle at exactly one point is called a tangent to a circle. The point where\\n such a line touches the circle is called the point of contact. An example of a tangent drawn to a circle is shown\\n in the figure below. In this example, the point of contact of the tangent is \\\\(P\\\\).\\n \")]),_vm._m(0),_c('h3',[_vm._v(\"Number of tangents from a point\")]),_c('p',[_vm._v(\"\\n The number of tangents that can be drawn from a point to a circle depends upon the location of the point relative to the circle.\\n Therefore, we have three possible cases depending on the position of the point from where the tangent is to be drawn:\\n \")]),_vm._m(1),_vm._m(2),_c('br'),_c('h3',[_vm._v(\"Properties of Tangents \")]),_c('p',[_vm._v(\"Next we will learn two important properties of the tangents of a circle. \")]),_c('h5',[_vm._v(\"Property 1\")]),_c('p',[_vm._v(\"The tangent to a circle is perpendicular to the radius of the circle at the point of contact.\")]),_c('h5',[_vm._v(\"Property 2\")]),_c('p',[_vm._v(\"\\n We already know that from point outside a circle, two tangents can be drawn to the circle.\\n Now we shall study about the length of two tangents drawn from an exterior point. There is an important theorem\\n that states that the length of two tangents drawn from an exterior point to a circle are same.\\n \")]),_vm._m(3),_c('h3',[_vm._v(\"MagicGraph | Tangents from a Point to the Circle\")]),_c('p',[_vm._v(\"\\n In this MagicGraph, you will learn about how many tangents can be drawn from a point to a circle.\\n You are given a point P that can be dragged around. \\n Drag point P around and observe the number of tangents that can be drawn from it to the circle.\\n \")]),_c('v-responsive',[_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('div',{attrs:{\"align\":\"center\"}},[_c('figure',[_c('img',{attrs:{\"src\":\"/assets/tangent-1.png\",\"width\":\"400px\"}}),_c('figcaption',[_vm._v(\"Fig 1: Tangent to a circle \")])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"align\":\"center\"}},[_c('figure',[_c('img',{attrs:{\"src\":\"/assets/tangent-2.png\",\"width\":\"400px\"}}),_c('figcaption',[_vm._v(\"Fig 2: Tangents to a circle drawn from a point that lies outside of the circle. \")])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('ul',{staticClass:\"a\"},[_c('li',[_c('h5',[_vm._v(\" Point on the circumference of the circle \")]),_vm._v(\"\\n When the point from where the tangent is to be drawn lies on the circumference of the circle, only one tangent to\\n the circle can be drawn which passes through that point.\\n \")]),_c('li',[_c('h5',[_vm._v(\" Point exterior to the circle \")]),_vm._v(\" When the point lies outside the circle, exactly two tangents can be drawn from the exterior point to the circle.\")]),_c('li',[_c('h5',[_vm._v(\" Point interior to the circle \")]),_vm._v(\" When the point lies inside the circle, no tangent can be drawn from the point to the circle as any line\\n drawn from the interior point inside the circle would intersect the circle at two points.\\n \")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',[_c('b',[_vm._v(\"Theorem:\")]),_vm._v(\" The length of two tangents drawn from an external point to a circle are same.\")])\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 //placeLine(board, Pt1, Pt2, width, cols)\r\n placeLabel,\r\n placePoint,\r\n placeGlider,\r\n placeRuler,\r\n placeCircle,\r\n//placeCircle(board, Pt1, Pt2, width, cols)\r\n placeLeftText,\r\n placeSliderSwitch\r\n} from '../../../common/edliy_utils-integral';\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.circle.highlight=false;\r\nJXG.Options.line.highlight=false;\r\nJXG.Options.text.fixed=true;\r\nJXG.Options.curve.highlight=false;\r\nJXG.Options.text.cssDefaultStyle='fontFamily:Oswald;'\r\nvar brd1 = JXG.JSXGraph.initBoard('jxgbox1',{boundingbox: [-1, 16, 16, -1],\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\nbrd1.options.layer['image']=14;\r\nbrd1.suspendUpdate();\r\n//Title\r\nmakeResponsive(brd1);\r\nplaceTitle(brd1, 'What is a Tangent?', '(Drag point P and observe how many tangents can be drawn from it to the circle)');\r\n//Variables\r\nvar subtitle = brd1.create('text', [9, 13, ''],{visible: false, fixed: true, anchorX: 'middle', anchorY: 'middle', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(18*brd1.canvasWidth/500.)}},);\r\n\r\n//Variables\r\nvar centerx = 8;\r\nvar centery = 8;\r\nvar radius = 2;\r\n\r\nvar initial_p_Arrow = 0.5;\r\n\r\nvar sizeOk = 1;\r\nvar inpX = 1;\r\nvar inpY =12;\r\n\r\nvar size_arr = 1;\r\n\r\nlet switchStatus = true;\r\n\r\n//Circle\r\n//var c1 = brd1.create('circle', [[centerx, centery], [centerx + radius, centery]], {strokeColor: '#5B43FF', strokeWidth: 4, fixed:true});\r\nvar c1 = placeCircle(brd1, [centerx, centery], [centerx + radius, centery], 4, '#5B43FF');\r\n//Gliders\r\n//var line2 = brd1.create('line', [[centerx, centery - 2*radius ], [centerx +2, centery - 2*radius ]], {visible: false,fixed: true, strokeColor: 'black', strokeWidth: 1});\r\nvar line2 =brd1.create('circle',[[centerx, centery], [centerx, centery-radius-4.1]],{strokeColor: '#5B43FF', strokeWidth:1, dash:1, fixed:true});\r\n//var line2 = placeCircle(brd1, [centerx, centery], [centerx, centery-radius-4.1], 2, 'black');\r\n//line2.setAttribute({dash:1});\r\n//Attractors\r\nvar pt1 = brd1.create('point', [centerx - radius, centery + radius +1],{face:'o' , name:'A', size:2, withLabel:true, fixed:true, visible:false, label:{fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\nvar pt2 = brd1.create('point', [centerx - radius, centery - radius -1],{face:'o' , name:'', size:2, withLabel:true, fixed:true, visible:false, label:{fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\nvar pt3 = brd1.create('point', [centerx + radius, centery + radius +1],{face:'o' , name:'', size:2, withLabel:true, fixed:true, visible:false, label:{fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\nvar pt4 = brd1.create('point', [centerx + radius, centery - radius -1],{face:'o' , name:'', size:2, withLabel:true, fixed:true, visible:false, label:{fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\n//Attractors\r\nvar attr1 = placePoint(brd1, centerx - (4*Math.sqrt(3,2)/3)*radius, centery - 2*radius, 3, 'orange', 'black');\r\n//brd1.create('point', [centerx - (4*Math.sqrt(3,2)/3)*radius,centery - 2*radius],{face:'o' , name:'', size:4, strokeColor: 'orange', fillColor: 'orange', withLabel:true, fixed:true, visible:true, label:{fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\nvar attr2 = placePoint(brd1, centerx + (4*Math.sqrt(3,2)/3)*radius, centery - 2*radius, 3, 'orange', 'black');\r\n//brd1.create('point', [centerx + (4*Math.sqrt(3,2)/3)*radius,centery - 2*radius],{face:'o' , name:'', size:4, strokeColor: 'orange', fillColor: 'orange', withLabel:true, fixed:true, visible:true, label:{fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\n//DragMe\r\n//var point1 = brd1.create('point', [centerx,centery + 2*radius],{attractors: [pt1, pt2, pt3, pt4], attractorDistance: 0.8 , snatchDistance: 0.5, face:'o' , name:'P (Fixed)', size:4, strokeColor: '#FF3B3B', fillColor: 'white', withLabel:true, fixed:true, visible:true, label:{fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\nvar point1 = placePoint(brd1, centerx, centery + 2*radius, 3, 'white', '#FF3B3B');\r\npoint1.setAttribute({fixed:true, name:'P(Fixed)'});\r\n//point1.setLabelAttributes({fontSize:22});\r\n//var dragMe = brd1.create('glider', [8,0, line2],{attractors: [attr1, attr2], attractorDistance: 0.8 , snatchDistance: 1, face:'o' , name:'Q (Drag Me!)', size:4, strokeColor: '#FF3B3B', fillColor: 'white', withLabel:true, fixed:false, visible:true, label:{fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\nvar dragMe = placeGlider(brd1, line2, 8, 0, 3, 'white', '#FF3B3B');\r\ndragMe.setAttribute({attractors: [attr1, attr2], attractorDistance:1. , snatchDistance: 1, name:'Q(Drag Me!)', label:{fontSize:function(){return 22*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\n\r\n//placeLabel(brd1, dragMe, 'Q(Drag Me!)', 0, 0);\r\n//Tangent, secant\r\n//var seg1 = brd1.create('segment', [point1, dragMe]);\r\nvar seg1 = placeLine(brd1, [centerx,centery + 2*radius], [()=>dragMe.X(), ()=>dragMe.Y()], 3, 'black');\r\n//Intersection\r\nvar i1 = brd1.create('intersection', [c1, seg1, 0], {name: '', strokecolor:'black', face:'circle', size:()=>3*brd1.canvasHeight/800, label:{fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\nvar i2 = brd1.create('intersection', [c1, seg1, 1], {name: '', strokeColor:'black',face:'circle', size:()=>3*brd1.canvasHeight/800, label:{fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\n\r\n//Texts\r\nvar txtMove = brd1.create('text', [8, 0, ''],{visible: true, fixed: true, anchorX: 'middle', anchorY: 'middle', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(18*brd1.canvasWidth/500.)}},);\r\nvar txtMove2 = brd1.create('text', [7,0, 'PQ is a tangent'],{display:'internal', visible: false, fixed: true, anchorX: 'middle', anchorY: 'middle', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(16*brd1.canvasWidth/500.)}},);\r\nvar txtMove3 = brd1.create('text', [6.9,0, 'PQ is a secant'],{display:'internal', visible: false, fixed: true, anchorX: 'middle', anchorY: 'middle', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(16*brd1.canvasWidth/500.)}},);\r\nvar txtMove4 = brd1.create('text', [8,0, 'PQ is a non-intersecting line'],{display:'internal', visible: false, fixed: true, anchorX: 'middle', anchorY: 'middle', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(16*brd1.canvasWidth/500.)}},);\r\n\r\n//Radius line\r\nvar seg_radius = brd1.create('segment', [[centerx, centery], i1], {fixed: true, strokeColor: '#5B43FF', strokeWidth: 3, dash: 3, visible: function(){if((point1.X() == pt1.X() && dragMe.X() == pt1.X()) || (point1.X() == pt3.X() && dragMe.X() == pt3.X()) ){return true} else{return false}}});\r\n\r\n//Angle\r\nvar angle1 = brd1.create('angle', [seg_radius, seg1 , -1 , -1],{name:'90' , visible: true, strokeColor:'blue', fillColor:'blue',visible: function(){if((point1.X() == pt1.X() && dragMe.X() == pt1.X()) ){return true} else{return false}}, label: {color: 'blue', offset: [10 , -10],fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'}});\r\nvar angle2 = brd1.create('angle', [seg_radius, seg1 , -1 , 1],{name:'90' , visible: true, strokeColor:'blue', fillColor:'blue', visible: function(){if((point1.X() == pt3.X() && dragMe.X() == pt3.X()) ){return true} else{return false}}, label: {color: 'blue', offset: [-10 , -10],fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'}});\r\n\r\n//Arrow\r\nvar p_arrow = brd1.create('point', [5,function(){return shuffle();}],{face:'o' , name:'', size:2, withLabel:true, fixed:true, visible:false, label:{fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\nvar im_arrow = brd1.create('image', ['/assets/choose.svg', [function(){return p_arrow.X() - size_arr/2}, function(){return p_arrow.Y() - size_arr/2}], [size_arr, size_arr]], {visible: false, fixed: true});\r\n\r\n//Images\r\nvar shuffle1 = brd1.create('image', ['/assets/shuffle.svg', [10, 1], [1,1]], {visible: false, fixed: true});\r\nvar ok1 = brd1.create('image', ['/assets/check.svg', [50,50], [sizeOk, sizeOk]], {visible: function(){if(p_arrow.Y() == tangent()){return true}else{return false;}}, fixed: true});\r\n\r\n//Switch\r\nlet switch3 = brd1.create('text', [13.5,15,''], {fixed: true});\r\n\r\n//Functions\r\nfunction tangent(){\r\n if( (dragMe.X() == attr1.X()) || (dragMe.X() == attr2.X()) ){\r\n txtMove.setText('PQ is a Tangent!');\r\n return 2.5;\r\n }\r\n else if(i1.X() != 0){\r\n txtMove.setText('PQ is a Secant!');\r\n return 1.5;\r\n }\r\n else{\r\n txtMove.setText('PQ is a Non-intersecting Line!');\r\n return 0.5;\r\n }\r\n}\r\n\r\nfunction shuffle(){\r\n\r\n if(initial_p_Arrow <= 0.1){\r\n subtitle.setText('Can you find a non - intersecting line to the circle?');\r\n return 0.5;\r\n }\r\n else if(initial_p_Arrow > 0.1 && initial_p_Arrow <= 0.2){\r\n subtitle.setText('Can you find a secant line to the circle?');\r\n return 1.5;\r\n }\r\n else if(initial_p_Arrow > 0.2 && initial_p_Arrow <= 0.3){\r\n subtitle.setText('Can you find a tangent line to the circle?');\r\n return 2.5;\r\n }\r\n else if(initial_p_Arrow > 0.3 && initial_p_Arrow <= 0.4){\r\n subtitle.setText('Can you find a non - intersecting line to the circle?');\r\n return 0.5;\r\n }\r\n else if(initial_p_Arrow > 0.4 && initial_p_Arrow <= 0.5){\r\n subtitle.setText('Can you find a secant line to the circle?');\r\n return 1.5;\r\n }\r\n else if(initial_p_Arrow > 0.5 && initial_p_Arrow <= 0.6){\r\n subtitle.setText('Can you find a tangent line to the circle?');\r\n return 2.5;\r\n }\r\n else if(initial_p_Arrow > 0.6 && initial_p_Arrow <= 0.7){\r\n subtitle.setText('Can you find a non - intersecting line to the circle?');\r\n return 0.5;\r\n }\r\n else if(initial_p_Arrow > 0.7 && initial_p_Arrow <= 0.8){\r\n subtitle.setText('Can you find a secant line to the circle?');\r\n return 1.5;\r\n }\r\n else if(initial_p_Arrow > 0.8 && initial_p_Arrow <= 0.9){\r\n subtitle.setText('Can you find a tangent line to the circle?');\r\n return 2.5;\r\n }\r\n else{\r\n subtitle.setText('Can you find a tangent line to the circle?');\r\n return 2.5;\r\n }\r\n}\r\n\r\nfunction switchToggle(){\r\n\r\n if (switchStatus == false) {\r\n switchStatus = true;\r\n learn_mode();\r\n }\r\n else {\r\n switchStatus = false;\r\n test_mode();\r\n }\r\n}\r\n\r\nfunction test_mode(){\r\n txtMove.setAttribute({visible: false});\r\n txtMove2.setAttribute({visible: true});\r\n txtMove3.setAttribute({visible: true});\r\n txtMove4.setAttribute({visible: true});\r\n im_arrow.setAttribute({visible: true});\r\n shuffle1.setAttribute({visible: true});\r\n subtitle.setAttribute({visible: true});\r\n\r\n ok1.moveTo([p_arrow.X() - 1 - sizeOk, p_arrow.Y() - sizeOk/2], 10);\r\n}\r\n\r\nfunction learn_mode(){\r\n txtMove.setAttribute({visible: true});\r\n txtMove2.setAttribute({visible: false});\r\n txtMove3.setAttribute({visible: false});\r\n txtMove4.setAttribute({visible: false});\r\n shuffle1.setAttribute({visible: false});\r\n subtitle.setAttribute({visible: false});\r\n im_arrow.setAttribute({visible: false});\r\n\r\n ok1.moveTo([50,50], 10);\r\n}\r\n\r\nswitch3.on('down', function(){return switchToggle()});\r\n\r\n//Shuffle function\r\nshuffle1.on('down',function(){\r\n\r\n initial_p_Arrow = Math.random();\r\n\r\n ok1.moveTo([p_arrow.X() - 1 - sizeOk, shuffle() - sizeOk/2], 10);\r\n\r\n //point1.moveTo([2,12], 10);\r\n //dragMe.moveTo([2,4], 10);\r\n});\r\n\r\n//Label\r\nshuffle1.setLabel('Shuffle')\r\nshuffle1.label.setAttribute({visible:false, offset:[5, -15], CssStyle:'fontFamily:Oswald', fontSize:16});\r\nshuffle1.on('over', function () {this.label.setAttribute({visible:true});});\r\nshuffle1.on('out', function () {this.label.setAttribute({visible:false});});\r\n\r\nbrd1.unsuspendUpdate();\r\n//Title and tetxsvar subtitle = brd1.create('text', [7, 14, ''],{visible: false, fixed: true, anchorX: 'middle', anchorY: 'middle', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(18*brd1.canvasWidth/500.)}},);\r\n\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=71bb6290&\"\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=71bb6290&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":""}