{"version":3,"sources":["webpack:///./src/components/mathematics/Math10thGrade/tt/Lesson.vue","webpack:///./src/components/mathematics/Math10thGrade/tt/Boxes.js","webpack:///src/components/mathematics/Math10thGrade/tt/Lesson.vue","webpack:///./src/components/mathematics/Math10thGrade/tt/Lesson.vue?4943","webpack:///./src/components/mathematics/Math10thGrade/tt/Lesson.vue?8f4b","webpack:///./src/components/mathematics/Math10thGrade/tt/Lesson.vue?7b36"],"names":["ref","attrs","staticClass","_vm","_self","render","staticRenderFns","Boxes","box1","brd1","createSpace","options","axis","strokeWidth","layer","board","minimizeReflow","point","showInfobox","line","highlight","image","text","circle","a","makeResponsive","placeLogo","placeTitle","placeShuffle","placeErase","placeMiddleText","orig","drawPoint","rad","setAttribute","visible","circ","drawCircle","strokeColor","fillOpacity","pA2","drawSlider","labelIt","pB2","OB2","create","fixed","pC2","name","size","CAB2","radius","OAB2","JXG","toFixed","Value","Math","PI","cssStyle","fontSize","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-c53c08a4.bf7c2269.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('h3',{ref:\"intro\"},[_vm._v(\"\\n    Thales Theorem\\n  \")]),_vm._m(0),_c('h3',{ref:\"pg\"},[_vm._v(\"\\n    MagicGraph | Thales Theorem\\n  \")]),_vm._m(1),_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',[_c('br'),_vm._v(\"\\n    Thales theorem is a special case of the inscribed angle theorem. It states that the angle subtended by a diameter of a circle on any point on the circumference of the circle is\\n    always a right angle (i.e. \\\\(90^o\\\\)).\\n  \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',[_c('br'),_vm._v(\"\\n    This MagicGraph provides a visually interactive illustration of the Thales theorem.\"),_c('br'),_c('br'),_vm._v(\"\\n    Points \\\\(A\\\\), \\\\(B\\\\) and \\\\(C\\\\) are three points on the circumference of the circle with center at \\\\(O\\\\). Points \\\\(A\\\\) and \\\\(B\\\\) can be moved on the circumference of the circle while point \\\\(C\\\\) always remains diagonally opposite to point \\\\(B\\\\) (i.e. \\\\(BC\\\\) is a diameter of the circle). \"),_c('br'),_c('br'),_vm._v(\"\\n    The angle 'a' is the inscribed angle by arc \\\\(BC\\\\) at point \\\\(A\\\\) while the angle 'b' is the central angle subtended by arc \\\\(BC\\\\) at the center \\\\(O\\\\) of the circle. \"),_c('br'),_c('br'),_vm._v(\"\\n    No matter where you place points \\\\(A\\\\) and \\\\(B\\\\) on the circumference of the circle, you will notice that the angle inscribed by arc \\\\(BC\\\\) at point \\\\(A\\\\) is always \\\\(90^o\\\\).\\n  \")])\n}]\n\nexport { render, staticRenderFns }","import{\r\n  makeResponsive,\r\n  placeTitle,\r\n  createSpace,\r\n  placeQuestion,\r\n  placeComment,\r\n  createAxes,\r\n  writeHTMLText,\r\n  drawPoint,\r\n  setSize,\r\n  labelIt,\r\n  placeMarker,\r\n  drawCircle,\r\n  placeImage,\r\n  placeShuffle,\r\n  placeTest,\r\n  drawArrow,\r\n  drawAngle,\r\n  drawSegment,\r\n  placeBWhite,\r\n  placeWhite,\r\n  placeBCircles,\r\n  placeCircles,\r\n  placeChecks,\r\n  placeCross,\r\n  placeExclaim,\r\n  hoverMe,\r\n  placeLogo,\r\n  drawMarker,\r\n  toggle,\r\n  toggleTF,\r\n  placeFingers,\r\n  placeAnswers,\r\n  drawTriangle,\r\n  placeRedo,\r\n  placeStartOver,\r\n  print,\r\n  plotFunction,\r\n  setWidth,\r\n  drawLine,\r\n  placePlay,\r\n  placePause,\r\n  writeMediumText,\r\n  drawDash,\r\n  drawIntersection,\r\n  placeMiddleText,\r\n  placeErase,\r\n  drawSlider\r\n} from '../Utils.js'\r\nconst Boxes = {\r\n    box1: function () {\r\n      var brd1=createSpace(-6, 10, -8, 8);\r\n      brd1.options.axis.strokeWidth=0;\r\n      brd1.options.layer['image']=17;\r\n      brd1.options.layer['text']=19;\r\n      brd1.options.layer['line']=16;\r\n      brd1.options.layer['point']=17;\r\n      brd1.options.layer['glider']=17;\r\n      brd1.options.layer['angle']=2;\r\n      brd1.options.board.minimizeReflow = 'none';\r\n      brd1.options.point.showInfobox =false;\r\n      brd1.options.line.highlight=false;\r\n      brd1.options.image.highlight=false;\r\n      brd1.options.text.highlight=false;\r\n      brd1.options.circle.highlight=false;\r\n    var ls2 = 1.0;\r\n    var shft2 = 6.0;\r\n    var a = 3.0;\r\n    //\r\n    makeResponsive(brd1);\r\n    placeLogo(brd1);\r\n    placeTitle(brd1, 'Thales Theorem', '');\r\n    placeShuffle(brd1, 'left');\r\n    placeErase(brd1);\r\n    placeMiddleText(brd1, 2, 5.5, 'Points A, B can be moved on the circle.');\r\n    placeMiddleText(brd1, 2, 4.5, 'Point C always remains diagonally opposite to point B.');\r\n    placeMiddleText(brd1, 2, -4.5, 'The angle inscribed by diagonal BC at point A is always 90 degrees.');\r\n    //Instruction\r\n    //brd1.create('text',[-3.7, 5., 'Points A, B or C can be moved on the circle. Point D is diagonally opposite to point B. Drag point C to point D to construct a diameter of the circle.'],{cssStyle:'fontFamily:Oswald', fontSize:20, fixed:true});\r\n\r\n    var orig =drawPoint(brd1, 0, 0);\r\n    var rad = drawPoint(brd1, a, 0);\r\n    rad.setAttribute({visible:false});\r\n    var circ = drawCircle(brd1, orig, rad);\r\n    circ.setAttribute({strokeColor:'black', fillOpacity:0.5});\r\n    //Piston\r\n    var pA2= drawSlider(brd1, circ, -a, 0.0);\r\n    labelIt(brd1, pA2, 'A');\r\n    var pB2=drawSlider(brd1, circ, 2.00, 2.23);\r\n    labelIt(brd1, pB2, 'B');\r\n    //\r\n    var OB2=brd1.create('line',[orig, pB2],{strokeColor:'blue', strokeWidth:0, fixed:true});\r\n    //Diagonal Point\r\n    var pC2=brd1.create('intersection', [circ, OB2, 1], {name:'', size:3});\r\n    labelIt(brd1, pC2, 'C');\r\n    //var pC2 = drawIntersection(brd1, circ, OB2, 1);\r\n    //Third Point\r\n    //var pC2=brd1.create('glider',[2.00, -2.23, circ],{name:'C',size:3, face:'square',fillColor:'white',strokeColor:'black',shadow:true, attractors:[dp],attractorDistance:0.2, snatchDistance:2});\r\n    //\r\n    //vert\r\n    var AB2=brd1.create('segment',[pA2, pB2],{strokeColor:'red', strokeWidth:3, fixed:true, visible:true});\r\n    var AC2=brd1.create('segment',[pA2, pC2],{strokeColor:'red', strokeWidth:3, fixed:true, visible:true});\r\n    //\r\n    var OC2=brd1.create('segment',[orig, pC2],{strokeColor:'blue', strokeWidth:3, fixed:true, visible:true});\r\n    var OB22=brd1.create('segment',[orig, pB2],{strokeColor:'blue', strokeWidth:3, fixed:true, visible:true});\r\n    var CAB2 =brd1.create('nonreflexangle', [pC2, pA2, pB2], { radius:1, strokeWidth:2, name:'a', size:20, visible:true});\r\n    var OAB2 =brd1.create('angle', [pC2, orig, pB2], {radius:1, strokeWidth:2, name:'b',size:20, visible:true});\r\n    brd1.create('text', [6, 0.5, function() { return 'a (degree) ='+ JXG.toFixed(CAB2.Value()*180/Math.PI, 1); }], {cssStyle:'fontFamily:Oswald', fontSize:20, fixed:true});\r\n    brd1.create('text', [6, -0.5, function() { return 'b (degree) ='+ JXG.toFixed(OAB2.Value()*180/Math.PI, 1); }], {cssStyle:'fontFamily:Oswald', fontSize:20, fixed:true});\r\n    },\r\n}\r\nexport default Boxes;\r\n","<template>\r\n  <div>\r\n    <h3 ref=\"intro\">\r\n      Thales Theorem\r\n    </h3>\r\n    <p>\r\n      <br>\r\n      Thales theorem is a special case of the inscribed angle theorem. It states that the angle subtended by a diameter of a circle on any point on the circumference of the circle is\r\n      always a right angle (i.e. \\(90^o\\)).\r\n    </p>\r\n    <h3 ref=\"pg\">\n      MagicGraph | Thales Theorem\r\n    </h3>\r\n    <p>\r\n      <br>\r\n      This MagicGraph provides a visually interactive illustration of the Thales theorem.<br><br>\r\n      Points \\(A\\), \\(B\\) and \\(C\\) are three points on the circumference of the circle with center at \\(O\\). Points \\(A\\) and \\(B\\) can be moved on the circumference of the circle while point \\(C\\) always remains diagonally opposite to point \\(B\\) (i.e. \\(BC\\) is a diameter of the circle). <br><br>\r\n      The angle 'a' is the inscribed angle by arc \\(BC\\) at point \\(A\\) while the angle 'b' is the central angle subtended by arc \\(BC\\) at the center \\(O\\) of the circle. <br><br>\r\n      No matter where you place points \\(A\\) and \\(B\\) on the circumference of the circle, you will notice that the angle inscribed by arc \\(BC\\) at point \\(A\\) is always \\(90^o\\).\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: 'ThalesTheorem',\r\n  created: function () {\r\n    this.$store.commit('navigation/resetState');\r\n    let title = 'Thales Theorem';\r\n    this.$store.commit('navigation/changeTitle', title);\r\n    this.$store.commit('navigation/changeMenu', title);\r\n    let newTopics = [\r\n      {title: 'Thales Theorem', img:'/assets/number-1.svg', action: () => this.goto('intro')},\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: 'Thales\\'s Theorem',\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 Thales Theorem'}\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.icn{\r\ncolor: var(--v-red-base);;\r\n}\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=74a72bca&\"\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=74a72bca&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=74a72bca&prod&lang=scss&\""],"sourceRoot":""}