{"version":3,"sources":["webpack:///./src/components/mathematics/lineq/Lesson.vue","webpack:///./src/components/mathematics/lineq/Boxes.js","webpack:///./src/views/EdfromEdliy.vue","webpack:///src/views/EdfromEdliy.vue","webpack:///./src/views/EdfromEdliy.vue?b618","webpack:///./src/views/EdfromEdliy.vue?e863","webpack:///src/components/mathematics/lineq/Lesson.vue","webpack:///./src/components/mathematics/lineq/Lesson.vue?6d9e","webpack:///./src/components/mathematics/lineq/Lesson.vue?43fa","webpack:///./src/views/EdfromEdliy.vue?93ed","webpack:///./src/components/mathematics/lineq/Lesson.vue?ef99"],"names":["ref","attrs","staticClass","_v","_vm","_self","render","staticRenderFns","Boxes","box1","JXG","Options","text","highlight","display","fixed","cssDefaultStyle","highlightCssDefaultStyle","brd4","JSXGraph","initBoard","boundingbox","keepaspectratio","axis","ticks","grid","showCopyright","showNavigation","pan","enabled","zoom","makeResponsive","arrow1","placeImage","setAttribute","visible","i","setLabel","label","anchorY","offset","arrow2","placeTitle","create","cssStyle","fontSize","Math","round","canvasWidth","a1","b1","c1","sci1","sci2","on","CssStyle","this","Value","toFixed","anchorX","magicGraph","document","querySelector","inputFields","querySelectorAll","onEachPress","event","forEach","field","addEventListener","props","headline","type","String","default","required","description","img","path","component","name","components","SubtopicCard","data","style","layout","topics","created","_this","$store","commit","title","newTopics","action","goto","newMath","newshowhome","newLeftArrow","newModule","mounted","MathJax","Hub","Queue","metaInfo","titleTemplate","meta","content"],"mappings":"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","file":"js/chunk-68638471.d62fa397.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('h3',{ref:\"def\"},[_vm._v(\"\\n    Linear Equation in One Variable\\n  \")]),_vm._m(0),_c('h3',{ref:\"sol\"},[_vm._v(\"\\n    General Form of a Linear Equation\\n  \")]),_vm._m(1),_c('h3',{ref:\"sol\"},[_vm._v(\"\\n    Solving a Linear Equation\\n  \")]),_c('p',[_vm._v(\"\\n    You can imagine the two sides of equation representing two sides of a scale. The solution of the equation\\n    corresponds to the value of variable \\\\(x\\\\) that balances the scale. The value of \\\\(x\\\\) can be determined in two steps.\\n    These steps involve carrying out the same set of operations on both sides of the equation to keep the scale balanced.\\n  \")]),_c('h5',[_vm._v(\"Step#1: Subtract \\\\(c\\\\) from both sides\")]),_c('p',[_vm._v(\"\\n    $$m x = l -c$$\\n  \")]),_c('h5',[_vm._v(\"Step#2: Divide both sides by \\\\(m\\\\)\")]),_c('p',[_vm._v(\" $$x = \\\\frac{l -c}{m}$$\")]),_c('br'),_c('h3',{ref:\"pg\"},[_vm._v(\"\\n    MagicGraph | Solving a Linear Equation in One Variable\\n  \")]),_c('p',[_vm._v(\"\\n    The MagicGraph below offers a visually interactive tool that explains step-by-step how to solve a linear equation in one variable.\\n    Start by entering the values of constants m, c and l in the space provided. Tap on the next\\\" button to move to the next step of the solution procedure.\\n    Tap on the previous button to move to the previous step.\\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('p',[_vm._v(\"\\n    A linear equation is a polynomial equation that is linear in its constituent variable. Stated in simple words,\\n    it means that the highest power of the variable appearing in the equation is one.\\n    Let us give you an example. The equation \\\\( 3 x + 4 =0\\\\) is a linear equation in \\\\(x\\\\) since the highest power of the constituent variable i.e. \\\\(x\\\\)\\n    in the equation is one. Now, compare this to equation \\\\(4 x^2 + 3 x + 9 =0\\\\), which is not a linear equation in \\\\(x\\\\) because the highest\\n    power of \\\\(x\\\\) in the equation is greater than one.\\n    \"),_c('br')])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',[_vm._v(\"\\n    The general form of a linear equation in a variable \\\\(x\\\\) is given by\\n    $$ m x + c = l$$\\n    where \\\\(m \\\\ne 0\\\\), \\\\(c\\\\) and \\\\(l\\\\) all are real numbers.\\n    \"),_c('br')])\n}]\n\nexport { render, staticRenderFns }","import {\r\n    makeResponsive,\r\n    placeTitle,\r\n    placeImage\r\n} from '../../../common/edliy_utils';\r\nconst Boxes = {\r\n  box1: function () {\r\n      JXG.Options.text.highlight=false;\r\n      JXG.Options.text.display='internal';\r\n      JXG.Options.text.fixed=true;\r\n      JXG.Options.text.cssDefaultStyle = 'fontFamily:Oswald;'\r\n      JXG.Options.text.highlightCssDefaultStyle = 'fontFamily:Oswald';\r\n      //JXG.Options.text.anchorX='middle';\r\n      var brd4 = JXG.JSXGraph.initBoard('jxgbox1',{boundingbox: [-8, 8, 8, -8],keepaspectratio:true, axis:false, ticks:false, grid:true, showCopyright:false, showNavigation:false, pan:{enabled:false}, zoom:{enabled:false}});\r\n      //\r\n     makeResponsive(brd4);\r\n      //\r\n      var arrow1 =placeImage(brd4, '/assets/curvedarrow.svg', 0.75, 0.75, 1.25, 0);\r\n      arrow1.setAttribute({visible:()=>i>=1});\r\n      arrow1.setLabel('Subtract it from the Right Hand Side.');\r\n      arrow1.label.setAttribute({anchorY:'middle', offset:[70, 30]});\r\n//\r\nvar arrow2 =placeImage(brd4, '/assets/curvedarrow.svg', -0, -1.75, 1.25, 0);\r\n      arrow2.setAttribute({visible:()=>i>=2});\r\n      arrow2.setLabel('Divide it from the Right Hand Side.');\r\n      arrow2.label.setAttribute({anchorY:'middle', offset:[70, 30]});\r\n      //Title\r\n      //brd4.create('text',[-6.25, 7, '<b>Linear Equation in One Variable m <i>x</i> + c = d</b> '],{cssStyle:'fontFamily:Oswald;', fontSize:function(){return Math.round(22*brd4.canvasWidth/500.)}, fixed:true});\r\n      placeTitle(brd4, 'Linear Equation in One Variable', 'Solving Equation m x + c = d');\r\n      // Equation#1\r\n      //var eqn1 = brd4.create('text',[-8, 3.75, 'General Form of the Equation: m x \\ + \\ c\\ =  \\ d'],{cssStyle:'fontFamily:Oswald;',fontSize:function(){return Math.round(16*brd4.canvasWidth/500.)}, parse:true,fixed:true});\r\n      //var a1txt = brd4.create('text',[-7, 5, 'm = '],{cssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(16*brd4.canvasWidth/500.)},fixed:true});\r\n      var b1txt = brd4.create('text',[-2.5, 5, 'x + '],{cssStyle:'fontFamily:Oswald', fontSize:function(){return Math.round(20*brd4.canvasWidth/500.)}, fixed:true});\r\n      var c1txt = brd4.create('text',[1.5, 5., '= ' ],{cssStyle:'fontFamily:Oswald', fontSize:function(){return Math.round(20*brd4.canvasWidth/500.)},fixed:true});\r\n      var a1 = brd4.create('input', [ -5.0, 5., 2.0, ''], {cssStyle: 'fontFamily:Oswald;width:12.5%;background-color:#008CBA;border: 1px solid black;border-radius: 3.5px;', fontSize:function(){return Math.round(20*brd4.canvasWidth/500.)}, fixed:true});\r\n      var b1 = brd4.create('input', [ -1.0, 5., 4.0, ''], {cssStyle:'fontFamily:Oswald;width:12.5%;background-color:#008CBA;border: 1px solid black;border-radius: 3.5px;', fontSize:function(){return Math.round(20*brd4.canvasWidth/500.)},fixed:true});\r\n      var c1 = brd4.create('input', [ 3.0, 5., 5.0, ''], {cssStyle: 'fontFamily:Oswald;width:12.5%;background-color:#008CBA;border: 1px solid black;border-radius: 3.5px;', fontSize:function(){return Math.round(20*brd4.canvasWidth/500.)},fixed:true});\r\n      //Discriminant\r\n      var i =0;\r\n\t  var sci1 =brd4.create('image', ['/assets/redo.svg',[2, -6], [2,2]],{fixed:true});\r\n\t  var sci2 =brd4.create('image', ['/assets/undo.svg',[-4, -6], [2,2]],{fixed:true});\r\n\t  sci1.on('down', function(){if(i<3){return i=i+1}else{return i=3};});\r\n\t  sci1.setLabel('Next Step')\r\n\t  sci1.label.setAttribute({visible:false, offset:[15, -15], CssStyle:'fontFamily:Oswald', fontSize:16});\r\n\t  sci1.on('over', function () {this.label.setAttribute({visible:true});});\r\n\t  sci1.on('out', function () {this.label.setAttribute({visible:false});});\r\n\t  sci2.on('down', function(){if(i>0){return i=i-1}else{return i=0};});\r\n\t  sci2.setLabel('Previous Step')\r\n\t  sci2.label.setAttribute({visible:false, offset:[15, -15], CssStyle:'fontFamily:Oswald', fontSize:16});\r\n\t  sci2.on('over', function () {this.label.setAttribute({visible:true});});\r\n\t  sci2.on('out', function () {this.label.setAttribute({visible:false});});\r\n\t  a1.on('down', function(){return i=0;});\r\n\t  b1.on('down', function(){return i=0;});\r\n\t  c1.on('down', function(){return i=0;});\r\n\t  //\r\n    var txt1 =brd4.create('text',[0, 2.5, function(){return (1.00*a1.Value()).toFixed(2) + ' x + ' + (1.00*b1.Value()).toFixed(2) + ' = ' + (1.00*c1.Value()).toFixed(2);}],{anchorX:'middle',cssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(28*brd4.canvasWidth/500.)},fixed:true, visible:()=>i>=0});\r\n\t  //\r\n\t  var txt2 = brd4.create('text',[0, 0, function(){return (1.00*a1.Value()).toFixed(2) + ' x   = ' + (c1.Value()-b1.Value()).toFixed(2);}],{anchorX:'middle', cssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(28*brd4.canvasWidth/500.)},fixed:true, visible:function(){if(i>=1){return true}else{return false}}});\r\n\t  //\r\n\t  var txt3 = brd4.create('text',[0, -2.5, function(){return 'x   = ' + ((c1.Value()-b1.Value())/a1.Value()).toFixed(2);}],{anchorX:'middle', cssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(28*brd4.canvasWidth/500.)},fixed:true, visible:function(){if(i>=2){return true}else{return false}}});\r\n    var ini = function(){\r\n      txt2.setAttribute({visible:false});\r\n      txt3.setAttribute({visible:false});\r\n    }\r\n    let magicGraph = document.querySelector(\"#jxgbox1\");\r\n    let inputFields = magicGraph.querySelectorAll(\"input\");\r\n    var onEachPress = function(event) {return i=0}\r\n       inputFields.forEach(function(field) {\r\n       field.addEventListener('input', onEachPress);});\r\n  },\r\n}\r\nexport default Boxes;\r\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('router-link',{attrs:{\"to\":_vm.path}},[_c('v-card',{staticClass:\"topic-card\"},[_c('v-col',[_c('v-flex',{attrs:{\"hidden-xs-only\":\"\",\"xs12\":\"\",\"sm6\":\"\"}},[_c('v-img',{attrs:{\"contain\":\"\",\"aspect-ratio\":1,\"src\":_vm.img,\"max-height\":\"100px\",\"max-width\":\"100px\"}})],1)],1),_c('v-col',[_c('v-card-text',{staticClass:\"des\"},[_vm._v(\"\\n        \"+_vm._s(_vm.description)+\"\\n      \")])],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <router-link :to=\"path\">\r\n    <v-card\r\n      class=\"topic-card\"\r\n    >\r\n      <v-col>\r\n        <v-flex hidden-xs-only xs12 sm6>\r\n          <v-img\r\n            contain\r\n            :aspect-ratio=\"1\"\r\n            :src=\"img\"\r\n            max-height=\"100px\"\r\n            max-width=\"100px\"\r\n          />\r\n        </v-flex>\r\n      </v-col>\r\n      <v-col>\r\n        <v-card-text class=\"des\">\r\n          {{ description }}\r\n        </v-card-text>\r\n      </v-col>\r\n    </v-card>\r\n  </router-link>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    headline: {\r\n      type: String,\r\n      default: '',\r\n      required: true\r\n    },\r\n    description: {\r\n      type: String,\r\n      default: '',\r\n      required: true\r\n    },\r\n    img: {\r\n      type: String,\r\n      default: '',\r\n      required: true\r\n    },\r\n    path: {\r\n      type: String,\r\n      default: '',\r\n      required: true\r\n    },\r\n  }\r\n}\r\n</script>\r\n<style scoped lang=\"scss\">\r\n@import '@/styles/screen-sizes.scss';\r\n.topic-card {\r\n  border-radius: 8.5px;\r\n  position:relative;\r\n  background-color:moccasin ;\r\n  //WhiteSmoke, Snow, SeaShell, OldLace\r\n  left:20px;\r\n  top:0px;\r\n  @include respond-to(less-smallest-screens) { height: 250px; }\r\n  @include respond-to(smallest-screens) { height: 250px; }\r\n  @include respond-to(small-screens) { height:200px; width:195%; }\r\n  @include respond-to(medium-screens) { height:150px; }\r\n  @include respond-to(large-screens) { height: 250px;}\r\n  @include respond-to(largest-screens) { height: 300px; }\r\n}\r\n.des{\r\nfont-family: Lato;\r\nposition:relative;\r\nleft:20px;\r\ntop:0px;\r\n@include respond-to(less-smallest-screens) {font-size: 2vw;}\r\n@include respond-to(smallest-screens) {font-size: 2vw;}\r\n@include respond-to(small-screens) {font-size: 2vw;}\r\n@include respond-to(medium-screens) {font-size: 2vw;}\r\n@include respond-to(large-screens) {font-size: 1.5vw;}\r\n@include respond-to(largest-screens) {font-size: 1.5vw;}\r\n}\r\na {\r\n  text-decoration: none !important;\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!./EdfromEdliy.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!./EdfromEdliy.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EdfromEdliy.vue?vue&type=template&id=371c0fbe&scoped=true&\"\nimport script from \"./EdfromEdliy.vue?vue&type=script&lang=js&\"\nexport * from \"./EdfromEdliy.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EdfromEdliy.vue?vue&type=style&index=0&id=371c0fbe&prod&scoped=true&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  \"371c0fbe\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div>\r\n    <h3 ref=\"def\">\n      Linear Equation in One Variable\n    </h3>\r\n    <p>\r\n      A linear equation is a polynomial equation that is linear in its constituent variable. Stated in simple words,\r\n      it means that the highest power of the variable appearing in the equation is one.\r\n      Let us give you an example. The equation \\( 3 x + 4 =0\\) is a linear equation in \\(x\\) since the highest power of the constituent variable i.e. \\(x\\)\r\n      in the equation is one. Now, compare this to equation \\(4 x^2 + 3 x + 9 =0\\), which is not a linear equation in \\(x\\) because the highest\r\n      power of \\(x\\) in the equation is greater than one.\r\n      <br>\r\n    </p>\r\n    <h3 ref=\"sol\">\n      General Form of a Linear Equation\n    </h3>\r\n    <p>\n      The general form of a linear equation in a variable \\(x\\) is given by\r\n      $$ m x + c = l$$\r\n      where \\(m \\ne 0\\), \\(c\\) and \\(l\\) all are real numbers.\r\n      <br>\r\n    </p><h3 ref=\"sol\">\n      Solving a Linear Equation\n    </h3>\r\n    <p>\n      You can imagine the two sides of equation representing two sides of a scale. The solution of the equation\r\n      corresponds to the value of variable \\(x\\) that balances the scale. The value of \\(x\\) can be determined in two steps.\r\n      These steps involve carrying out the same set of operations on both sides of the equation to keep the scale balanced.\n    </p>\r\n    <h5>Step#1: Subtract \\(c\\) from both sides</h5>\r\n    <p>\r\n      $$m x = l -c$$\r\n    </p>\r\n    <h5>Step#2: Divide both sides by \\(m\\)</h5>\r\n    <p> $$x = \\frac{l -c}{m}$$</p>\r\n    <br>\r\n    <h3 ref=\"pg\">\n      MagicGraph | Solving a Linear Equation in One Variable\n    </h3>\r\n    <p>\n      The MagicGraph below offers a visually interactive tool that explains step-by-step how to solve a linear equation in one variable.\r\n      Start by entering the values of constants m, c and l in the space provided. Tap on the next\" button to move to the next step of the solution procedure.\r\n      Tap on the previous button to move to the previous step.\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\nimport SubtopicCard from '../../../views/EdfromEdliy.vue'\r\nexport default {\r\n  name: 'LinearEquation',\r\n  components: {\r\n    SubtopicCard\r\n  },\r\n  data () {\r\n    return {\r\n      style: {layout: \"margin: 10px\"},\r\n      topics: [\r\n      {\r\n        headline: \"Ed from Edliy\", description: 'Hi! I am Eve from Edliy. This playgraph will help to find the solution of a system of linear equations in two variables. Begin with entering the coefficients of the two equations that you want to solve. The playgraph will automatically plot those equations and find their point of intersection. This point of intersection represents the solution. ',\r\n        img:\"assets/teacher.svg\", path: \"/mathematics/sle\"\r\n      },\r\n      ]\r\n    }\r\n  },\r\n  created: function () {\r\n    this.$store.commit('navigation/resetState');\r\n    let title = 'Linear Equation in One Variable';\r\n    this.$store.commit('navigation/changeTitle', title);\r\n    this.$store.commit('navigation/changeMenu', title);\r\n    let newTopics = [\r\n      {title: 'System of Linear Equation',img:'/assets/number-1.svg', action: () => this.goto('def')},\r\n      {title: 'Criterion for Existence of a Solution', img:'/assets/number-2.svg', action: () => this.goto('sol')},\r\n      {title: 'Solving a System of Linear Equations', img:'/assets/number-3.svg', action: () => this.goto('method')},\r\n      {title: 'Substitution Method', img:'/assets/number-4.svg', action: () => this.goto('sub')},\r\n      {title: 'PlayGraph: Graphical Method',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: 'Linear Equation in One Variable',\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 linear equation in one variable.'}\r\n                ]\r\n        }\r\n   },\r\n}\r\n</script>\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!./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=79f9089e&\"\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=79f9089e&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!./EdfromEdliy.vue?vue&type=style&index=0&id=371c0fbe&prod&scoped=true&lang=scss&\"","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=79f9089e&prod&lang=scss&\""],"sourceRoot":""}