{"version":3,"sources":["webpack:///./src/components/mathematics/drawObject/Lesson.vue?3d4a","webpack:///./src/components/mathematics/drawObject/Lesson.vue","webpack:///./src/components/mathematics/drawObject/Boxes.js","webpack:///src/components/mathematics/drawObject/Lesson.vue","webpack:///./src/components/mathematics/drawObject/Lesson.vue?e945","webpack:///./src/components/mathematics/drawObject/Lesson.vue?a015"],"names":["ref","attrs","staticClass","_v","_vm","_self","staticRenderFns","Boxes","box1","JXG","Options","board","minimizeReflow","point","showInfoBox","highlight","text","fixed","curve","circle","cssDefaultStyle","brd1","JSXGraph","initBoard","boundingbox","keepaspectratio","axis","ticks","grid","showCopyright","showNavigation","pan","enabled","zoom","makeResponsive","options","layer","placeTitle","placeLogo","erase","placeImage","setLabel","label","setAttribute","visible","alignX","offset","CssStyle","fontSize","on","this","Mirror","placeDash","dash","suspendUpdate","name","placeMiddleText","color","des","PointP","placePoint","trace","PointQ","X","Y","hand","create","moveTo","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-75e20864.5d866793.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=fb2ad0b2&prod&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('h3',{ref:\"intro\"},[_vm._v(\"\\n Symmetry\\n \")]),_vm._m(0),_c('h3',{ref:\"types\"},[_vm._v(\"\\n Common Examples of Symmetric Shapes\\n \")]),_vm._m(1),_c('br'),_c('h3',{ref:\"pg\"},[_vm._v(\"\\n MagicGraph | Symmetric vs. Asymmetric Shapes\\n \")]),_c('p',[_vm._v(\" This MagicGraph provides a visual description of some common symmetrical and asymmetrical shapes.\")]),_c('br'),_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('p',[_vm._v(\"\\n In mathematics, a shape or an object is said to have \"),_c('i',[_vm._v(\"symmetry\")]),_vm._v(\" if it could be folded in half such that one half is the mirror image of the other half.\\n This means — if we place a mirror along the fold line, the image of the left half in the mirror will be identical to the right half.\\n A shape that has symmetry is known as a \"),_c('i',[_vm._v(\"symmetrical shape\")]),_vm._v(\". The fold line, which is the plane of mirror, is known as line of symmetry.\\n \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('ul',{staticClass:\"a\"},[_c('li',[_c('h5',[_vm._v(\" Square \")]),_vm._v(\"\\n Take a square and fold it along one of its diagonals. You will notice that the two halves are identical to each other.\\n \")]),_c('li',[_c('h5',[_vm._v(\" Equilateral Triangle \")]),_vm._v(\"\\n You can fold an equilateral triangle along the line connecting any of its corner to the mid-point of the opposing side — two halves will be identical.\\n \")]),_c('li',[_c('h5',[_vm._v(\" Regular Hexagon\")]),_vm._v(\"\\n A hexagon can be folded along a line connecting any two opposite corners, and two halves will be identical to each other.\\n \")]),_c('li',[_c('h5',[_vm._v(\" Circle\")]),_vm._v(\"\\n A circle can be folded along any of its diameter, and the two halves will be identical.\\n \")])])\n}]\n\nexport { render, staticRenderFns }","import {\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 placeMiddleText,\r\n placeLine,\r\n placePoint,\r\n placeGlider,\r\n placeRuler,\r\n placeLeftText,\r\n placeCircle,\r\n placeAngle,\r\n placeDash,\r\n placeLabel,\r\n//placePoint(board, positionX, positionY, size, cols1, cols2)\r\n//placeDash(board, Pt1, Pt2, width, cols)\r\n placeArc,\r\n placeLogo\r\n} from '../../../common/edliy_utils-fractions';\r\nconst Boxes = {\r\n box1: function () {\r\n\tJXG.Options.board.minimizeReflow = 'none';\r\n JXG.Options.point.showInfoBox=false;\r\n JXG.Options.point.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 var brd1 = JXG.JSXGraph.initBoard('jxgbox1',{boundingbox: [-10, 10, 10, -10],keepaspectratio: true, axis:false, ticks:true, grid:true, showCopyright:false, showNavigation:false, pan:{enabled:false}, zoom:{enabled:false}});\r\n makeResponsive(brd1);\r\n brd1.options.layer['image'] =14;\r\n//\tbrd1.create('text', [6, 11.5, 'Fraction'],{highlight:false, display:'internal', anchorX:'middle', anchorY:'middle', CssStyle:'fontFamily:Oswald;fontWeight:bold',fontSize:function(){return Math.round(32*brd1.canvasWidth/800.)}, fixed:true});\r\n placeTitle(brd1, 'Draw a Symmetric Shape', '(Drag the Blue Point to Create a Shape)');\r\n placeLogo(brd1);\r\n var erase =placeImage(brd1, '/assets/eraser.svg', -9.5, -1, 2, 0);\r\n erase.setLabel('Tap to Erase & Restart');\r\n erase.label.setAttribute({visible:false, alignX:'middle', offset:[0, -15], CssStyle:'fontFamily:Oswald', fontSize:12});\r\n erase.on('over', function () {this.label.setAttribute({visible:true});});\r\n erase.on('out', function () {this.label.setAttribute({visible:false});});\r\n var Mirror = placeDash(brd1, [0, -15], [0, 15], 3, 'red');\r\n Mirror.setAttribute({dash:2});\r\n //placeDash(board, Pt1, Pt2, width, cols)\r\n //brd1.create('axis', [[-1, 0], [1, 0]], {strokeWidth: 2, strokeColor: 'red'});\r\n brd1.suspendUpdate();\r\n var name = placeMiddleText(brd1, 6.5, 14, '');\r\n name.setAttribute({color:'green'});\r\n var des = placeMiddleText(brd1, 6.5, 14, '');\r\n des.setAttribute({color:'green'});\r\n brd1.options.layer['image'] =14;\r\n\r\n var PointP = placePoint(brd1, 0, 5, 4, 'blue', 'blue');\r\n PointP.setAttribute({trace:true});\r\n var PointQ = placePoint(brd1, ()=>-PointP.X(), ()=>PointP.Y(), 4, 'blue', 'blue');\r\n PointQ.setAttribute({trace:true});\r\n var hand = brd1.create('image', ['/assets/hands.svg', [function(){return PointP.X()-0.6;}, function(){return PointP.Y()-0.65;}], [1.1,1.1]], {highlight:false, visible:false});\r\n PointP.on('over', function(){hand.setAttribute({visible:true});});\r\n PointP.on('out', function(){hand.setAttribute({visible:false});});\r\n erase.on('down', function(){PointP.moveTo([0, 5]); PointP.setAttribute({trace:false}); PointQ.setAttribute({trace:false}); PointP.setAttribute({trace:true}); PointQ.setAttribute({trace:true}); });\r\n\r\n\r\n /*\r\n var sq = placeImage(brd1, '/assets/setSquare.svg', 4, 0, 4, 0);\r\n sq.on('down', function(){name.setText('This is a Set Square.'); des.setText('A set square is used for drawing parallel and perpendicular lines.'); });\r\n sq.on('out', function(){name.setText(''); des.setText('')}); */\r\n //Title and subtitleplaceSlider(board, positionX, positionY, limit1, start, limit2, length, name)\r\n/* var radius = placeSlider(brd1, 0, -5, 1, 1.5, 2.5, 5, '  R(m)');\r\n radius.setAttribute({unitLabel:'m'});\r\n radius.setAttribute({snapWidth:0.5});\r\n\r\n\r\n\r\n var go = placeImage(brd1, '/assets/go.svg', 10, -6, 2, 0);\r\n go.setLabel('Tap to roll the circle.')\r\n go.label.setAttribute({visible:false, alignX:'middle', offset:[0, -15], CssStyle:'fontFamily:Oswald', fontSize:12});\r\n go.on('over', function () {this.label.setAttribute({visible:true});});\r\n go.on('out', function () {this.label.setAttribute({visible:false});});\r\n placeMiddleText(brd1, 6.5, 9, 'Circumference = Distance between A and B');\r\n placeMiddleText(brd1, 6.5, 13, 'L = 2πR');\r\n placeMiddleText(brd1, 6.5, 11, 'Select a radius for the circle. Then hit Go.');\r\n //var radius = brd1.create('slider',[[15,12],[20,12],[1,2.5,3]], {snapToGrid: false ,face:'circle', size:3, name:'r', strokeColor:'black', label:{fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\n var segment1 = brd1.create('segment', [[0,function(){return radius.Value()}], [function(){return 2*Math.PI*radius.Value()},function(){return radius.Value()}]], {fixed: true, strokeColor: 'black', visible:false});\r\n\r\n var ptCenter = brd1.create('glider', [0,2, segment1],{face:'+' , name:'', label:{fontSize:function(){return 16*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\n var pt1 =brd1.create('point', [function(){return ptCenter.X()},function(){return ptCenter.Y()-radius.Value()}], {fixed:false, visible:false, face:'circle', size:4, name:'B', label: {offset: [0,-20]}, strokeColor: 'black', fillColor: '#e1e1e1'});\r\n brd1.create('point', [ptCenter.X(),ptCenter.Y()-radius.Value()], {fixed:false, visible:true, face:'circle', size:2, name:'A', label: {offset: [0,-20]}, strokeColor: 'red', fillColor: 'red'});\r\n ///////////////////////////////////////////////////\r\n var c1 = brd1.create('circle', [ptCenter, pt1], {strokeColor: 'black', strokeWidth:0.1, fillColor:'orange', fillOpacity:0.5});\r\n ////////////////\r\n go.on('down', function(){ptCenter.moveTo([2*Math.PI*radius.Value(), radius.Value()], 500)});\r\n\r\n radius.on('drag', function(){ptCenter.moveTo([0, radius.Value()])});\r\n //\r\n function angle1(){\r\n return (2*Math.PI-ptCenter.X()/radius.Value() );\r\n }\r\n//////////////////////////////////////////////////\r\n var pt3 =brd1.create('point', [function(){return ptCenter.X()+radius.Value()*Math.sin(angle1())},function(){return ptCenter.Y()-radius.Value()*Math.cos(angle1())}],\r\n {fixed:false, visible:true, face:'circle', size:2, name:'B', label: {offset: [0,-20], visible:function(){return ptCenter.X()>2*Math.PI*radius.Value()-0.1;}}, strokeColor: 'red', fillColor: 'red'});\r\n //pt3.label.setAttribute({visible:true});\r\n //placeArrow(brd1, [()=>ptCenter.X(), ()=>ptCenter.Y()], [()=>pt3.X(), ()=>pt3.Y()], 2, 'black');\r\n //var txt1 = brd1.create('text', [3, -4, function(){return 'ANGLE = ' + angle1()*180/Math.PI}],{visible: true, fixed: true, anchorX: 'middle', anchorY: 'middle', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(12*brd1.canvasWidth/500.)}},);\r\n\r\n var segment2 = brd1.create('segment', [[0,0], [function(){return pt1.X()},0]], {fixed: true, strokeColor: 'red', visible:true});\r\n\r\n var arc1 = brd1.create('arc', [ptCenter, pt1, pt3], {strokeColor: 'red', strokeWidth: 2});\r\n\r\n\r\n //Arrow\r\n var ptArrow1 =brd1.create('point', [function(){return pt1.X()} ,-2], {fixed:true, visible:false, face:'circle', size:4, name:' ', label: {offset: [0,25]}, strokeColor: 'black', fillColor: '#e1e1e1'});\r\n var ptArrow2 =brd1.create('point', [0 ,-2], {fixed:false, visible:false, face:'circle', size:4, name:' ', label: {offset: [0,25]}, strokeColor: 'black', fillColor: '#e1e1e1'});\r\n var segment2 = brd1.create('segment', [ptArrow1, ptArrow2], {fixed: true, strokeColor: 'black', visible:true, strokeWidth:1,\r\n highlightStrokeWidth: 2,\r\n lastArrow: {type: 2, size: 8, highlightSize: 6},\r\n touchLastPoint: false,\r\n firstArrow: {type: 2, size: 8}\r\n });\r\n\r\n var txtPer = brd1.create('text', [function(){return pt1.X()/2}, -1.5, function(){return ''+pt1.X().toFixed(2)+' m'}],{visible: true, fixed: true, anchorX: 'middle', anchorY: 'middle', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(12*brd1.canvasWidth/500.)}},);\r\n\r\n\r\n var ptArrow3 =brd1.create('point', [-5,0], {fixed:true, visible:false, face:'circle', size:4, name:' ', label: {offset: [0,25]}, strokeColor: 'black', fillColor: '#e1e1e1'});\r\n var ptArrow4 =brd1.create('point', [-5, function(){return radius.Value()}], {fixed:false, visible:false, face:'circle', size:4, name:' ', label: {offset: [0,25]}, strokeColor: 'black', fillColor: '#e1e1e1'});\r\n var segment3 = brd1.create('segment', [ptArrow3, ptArrow4], {fixed: true, strokeColor: 'black', visible:true, strokeWidth:1,\r\n highlightStrokeWidth: 2,\r\n lastArrow: {type: 2, size: 8, highlightSize: 6},\r\n touchLastPoint: false,\r\n firstArrow: {type: 2, size: 8}\r\n });\r\n\r\n var txtRad = brd1.create('text', [-4, function(){return radius.Value()/2}, function(){return radius.Value().toFixed(2)}],{visible: true, fixed: true, anchorX: 'middle', anchorY: 'middle', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(12*brd1.canvasWidth/500.)}},);\r\n\r\n*/\r\n\r\n brd1.unsuspendUpdate();\r\n},\r\n}\r\nexport default Boxes;\r\n","\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=fb2ad0b2&\"\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=fb2ad0b2&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":""}