{"version":3,"sources":["webpack:///./src/views/Phys/Physics8th.vue?d8db","webpack:///./src/views/Phys/Physics8th.vue","webpack:///src/views/Phys/Physics8th.vue","webpack:///./src/views/Phys/Physics8th.vue?c6a5","webpack:///./src/views/Phys/Physics8th.vue?3344","webpack:///./src/views/Phys/Divider.vue","webpack:///src/views/Phys/Divider.vue","webpack:///./src/views/Phys/Divider.vue?4b85","webpack:///./src/views/Phys/Divider.vue?4eb4"],"names":["_vm","logged","staticStyle","attrs","_c","on","close","staticClass","_defineProperty","style","key","groupIndex","data","scopedSlots","fn","hover","class","concat","nativeOn","_v","_s","title","staticRenderFns","name","components","BuyCard","DivideContent","price","newPrice","topicss","discount","courseStatus","subscriptionId","subscriptionEnd","loginStatus","layout","created","$store","commit","computed","_objectSpread","mapGetters","topics","mounted","_mounted","_asyncToGenerator","regeneratorRuntime","mark","_callee","chapterUrl","today","response","grades","endDate","wrap","_context","prev","next","console","log","undefined","$route","query","grade","process","localStorage","getItem","buttonName","Date","axios","get","headers","Authorization","sent","success","course","actual_price","toFixed","subscription_status","app_subscription_id","ends_at","getTime","t0","error","$notify","group","type","text","stop","apply","arguments","methods","showCard","closeBuy","getColor","isBlack","isLocked","iconString","getCardDisplayClass","hoverState","metaInfo","meta","vmid","content","component","$vuetify","props","myStyle","Object","default"],"mappings":"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","file":"js/chunk-2ccb632c.d0649d54.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!./Physics8th.vue?vue&type=style&index=0&id=2dfc7636&prod&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-container',{attrs:{\"fluid\":\"\",\"grid-list-{xs\":\"\",\"through\":\"\",\"xl}\":\"\"}},[(_vm.logged)?_c('v-layout',{staticStyle:{\"position\":\"fixed\",\"top\":\"0\",\"bottom\":\"0\",\"left\":\"0\",\"right\":\"0\",\"z-index\":\"100\"},attrs:{\"justify-center\":\"\",\"align-center\":\"\"}},[_c('buy-card',{attrs:{\"img\":'/assets/Physics-8th.svg',\"headline\":'Premium Content'},on:{\"close\":function($event){_vm.logged=false}}})],1):_vm._e(),_c('v-layout',{attrs:{\"align-center\":\"\",\"justify-center\":\"\"}},[_c('div',[_c('h3',{staticStyle:{\"color\":\"black\"}},[_vm._v(\"\\n         Our marvelous MagicGraphs assist you in every step of your learning journey.\\n       \")])])]),_c('br'),_c('v-layout',{staticClass:\"mb-3 pa-2\",attrs:{\"justify-center\":\"\",\"align-center\":\"\"}},[_c('v-flex',{attrs:{\"xl4\":\"\",\"sm4\":\"\",\"md4\":\"\",\"lg4\":\"\",\"xl4\":\"\"}},[_c('v-layout',{attrs:{\"justify-center\":\"\",\"align-center\":\"\"}},[_c('v-img',{attrs:{\"src\":\"/assets/eggOne.svg\",\"max-height\":\"40px\",\"max-width\":\"40px\",\"contain\":\"\"}})],1),_c('v-layout',{staticClass:\"mt-1\",attrs:{\"justify-center\":\"\",\"align-center\":\"\"}},[_c('h5',{staticStyle:{\"color\":\"black\"}},[_vm._v(\"\\n           Build Concepts\\n         \")])])],1),_c('v-flex',{attrs:{\"xl4\":\"\",\"sm4\":\"\",\"md4\":\"\",\"lg4\":\"\",\"xl4\":\"\"}},[_c('v-layout',{attrs:{\"justify-center\":\"\",\"align-center\":\"\"}},[_c('v-img',{attrs:{\"src\":\"/assets/eggTwo.svg\",\"max-height\":\"40px\",\"max-width\":\"40px\",\"contain\":\"\"}})],1),_c('v-layout',{staticClass:\"mt-1\",attrs:{\"justify-center\":\"\",\"align-center\":\"\"}},[_c('h5',{staticStyle:{\"color\":\"black\"}},[_vm._v(\"\\n           Practice Problems\\n         \")])])],1),_c('v-flex',{attrs:{\"xl4\":\"\",\"sm4\":\"\",\"md4\":\"\",\"lg4\":\"\",\"xl4\":\"\"}},[_c('v-layout',{attrs:{\"justify-center\":\"\",\"align-center\":\"\"}},[_c('v-img',{attrs:{\"src\":\"/assets/eggThree.svg\",\"max-height\":\"40px\",\"max-width\":\"40px\",\"contain\":\"\"}})],1),_c('v-layout',{staticClass:\"mt-1\",attrs:{\"justify-center\":\"\",\"align-center\":\"\"}},[_c('h5',{staticStyle:{\"color\":\"black\"}},[_vm._v(\"\\n           Test Knowledge\\n         \")])])],1)],1),_c('divide-content',{attrs:{\"my-style\":_vm.style}}),_c('br'),_c('v-layout',{attrs:{\"align-center\":\"\",\"justify-center\":\"\"}},[_c('div',{staticClass:\"header\"},[_c('b',[_vm._v(\"Let's Get Started\")])])]),_c('v-layout',{attrs:{\"align-center\":\"\",\"justify-center\":\"\"}},[_c('div',[_c('h5',{staticStyle:{\"color\":\"black\"}},[_vm._v(\"\\n         (Choose a topic to explore)\\n       \")])])]),_c('br'),_vm._l((_vm.topics),function(group,groupIndex){return _c('div',{key:groupIndex},[_c('v-layout',{attrs:{\"justify-start\":\"\",\"align-center\":\"\"}},[_c('v-img',{staticClass:\"pa-1\",attrs:{\"src\":group.img,\"max-height\":\"40px\",\"max-width\":\"40px\",\"contain\":\"\"}}),_c('div',{staticClass:\"header pa-1\"},[_c('b',[_vm._v(_vm._s(group.name))])]),_c('v-img',{staticClass:\"mb-3\",attrs:{\"src\":`/assets/${group.lock ? 'premium' : 'free'}.svg`,\"max-height\":\"25px\",\"max-width\":\"25px\",\"contain\":\"\"}})],1),_c('br'),_c('v-layout',{attrs:{\"justify-start\":\"\",\"raw\":\"\",\"wrap\":\"\"}},_vm._l((group.data),function(topic,topicIndex){return _c('v-flex',{key:topicIndex,staticClass:\"pa-1\",attrs:{\"xs12\":\"\",\"sm4\":\"\",\"md4\":\"\",\"lg4\":\"\",\"xl4\":\"\"}},[_c('v-hover',{scopedSlots:_vm._u([{key:\"default\",fn:function({ hover }){return _c('v-card',{staticClass:\"checkboard-card\",class:[`elevation-${hover ? 17 : 2}`,\n                      {'white--text': topic.isBlack},\n                      `${_vm.getCardDisplayClass(topic.icon, hover)}`],attrs:{\"color\":_vm.getColor(topic.isBlack)},nativeOn:{\"click\":function($event){`${_vm.isLocked(topic.icon) ? _vm.logged=true : topic.action()}`}}},[_c('v-card-title',[_c('v-layout',{attrs:{\"justify-start\":\"\"}},[_c('div',{staticClass:\"cardheader\"},[_c('b',[_vm._v(_vm._s(groupIndex+1)+\" . \")]),_c('b',[_vm._v(_vm._s(topicIndex+1))])])]),_c('div',[_c('transition',{attrs:{\"enter-active-class\":\"animated fadeIn zoomIn\",\"leave-active-class\":\"animated fadeOut zoomOut\"}},[(hover==true && _vm.loggedIn()==false)?_c('v-icon',{class:[`${_vm.isLocked(topic.icon) ? 'lock' : 'open'}`]},[_vm._v(\"\\n                     \"+_vm._s(topic.icon)+\"\\n                   \")]):(hover==true && _vm.loggedIn()==true)?_c('v-icon',{class:[`${_vm.isLocked(topic.icon) ? 'lock' : 'open'}`]},[_vm._v(\"\\n                     fas fa-lock-open\\n                   \")]):_vm._e()],1)],1)],1),_c('v-layout',{staticClass:\"px-3 cardheader\",attrs:{\"justify-center\":\"\",\"align-center\":\"\"}},[_c('b',[_vm._v(_vm._s(topic.title)+\" \")])])],1)}}],null,true)})],1)}),1),_c('br')],1)})],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-container\r\n    fluid\r\n    grid-list-{xs\r\n    through\r\n    xl}\r\n  >\n    <v-layout\r\n      v-if=\"logged\"\r\n      justify-center\r\n      align-center\r\n      style=\"position:fixed; top:0;bottom:0;left:0;right:0;z-index:100;\"\r\n    >\r\n      <buy-card :img=\"'/assets/Physics-8th.svg'\" :headline=\"'Premium Content'\" @close=\"logged=false\" />\r\n    </v-layout>\r\n    <v-layout align-center justify-center>\r\n      <div>\r\n        <h3 style=\"color:black\">\n          Our marvelous MagicGraphs assist you in every step of your learning journey.\n        </h3>\r\n      </div>\r\n    </v-layout>\r\n    <br>\r\n    <v-layout\r\n      justify-center\r\n      align-center\r\n      class=\"mb-3 pa-2\"\r\n    >\r\n      <v-flex\r\n        xl4\r\n        sm4\r\n        md4\r\n        lg4\r\n        xl4\r\n      >\r\n        <v-layout justify-center align-center>\r\n          <v-img\r\n            src=\"/assets/eggOne.svg\"\r\n            max-height=\"40px\"\r\n            max-width=\"40px\"\r\n            contain\r\n          />\r\n        </v-layout>\r\n        <v-layout class=\"mt-1\" justify-center align-center>\r\n          <h5 style=\"color:black\">\n            Build Concepts\n          </h5>\r\n        </v-layout>\r\n      </v-flex>\r\n      <v-flex\r\n        xl4\r\n        sm4\r\n        md4\r\n        lg4\r\n        xl4\r\n      >\r\n        <v-layout justify-center align-center>\r\n          <v-img\r\n            src=\"/assets/eggTwo.svg\"\r\n            max-height=\"40px\"\r\n            max-width=\"40px\"\r\n            contain\r\n          />\r\n        </v-layout>\r\n        <v-layout class=\"mt-1\" justify-center align-center>\r\n          <h5 style=\"color:black\">\n            Practice Problems\n          </h5>\r\n        </v-layout>\r\n      </v-flex>\r\n      <v-flex\r\n        xl4\r\n        sm4\r\n        md4\r\n        lg4\r\n        xl4\n      >\r\n        <v-layout justify-center align-center>\r\n          <v-img\r\n            src=\"/assets/eggThree.svg\"\r\n            max-height=\"40px\"\r\n            max-width=\"40px\"\r\n            contain\r\n          />\r\n        </v-layout>\r\n        <v-layout class=\"mt-1\" justify-center align-center>\r\n          <h5 style=\"color:black\">\n            Test Knowledge\n          </h5>\r\n        </v-layout>\r\n      </v-flex>\r\n    </v-layout>\r\n    <divide-content :my-style=\"style\" />\r\n    <br>\r\n    <v-layout align-center justify-center>\r\n      <div class=\"header\">\r\n        <b>Let's Get Started</b>\r\n      </div>\r\n    </v-layout>\r\n    <v-layout align-center justify-center>\r\n      <div>\r\n        <h5 style=\"color:black\">\n          (Choose a topic to explore)\n        </h5>\r\n      </div>\r\n    </v-layout>\r\n    <br>\r\n    <!-- To trigger the pop-up card\r\n    <v-layout\r\n      v-if=\"popUp\"\r\n      justify-center\r\n      align-center\r\n      style=\"opacity:0.85; position:fixed; top:0;bottom:0;left:0;right:0;z-index:100;\"\r\n    >\r\n      <LoginDialog :status=\"popUp\" @close=\"closeModal\" />\r\n    </v-layout>\r\n -->\r\n    <div v-for=\"(group, groupIndex) in topics\" :key=\"groupIndex\">\r\n      <v-layout justify-start align-center>\r\n        <v-img :src=\"group.img\"\r\n               max-height=\"40px\"\r\n               max-width=\"40px\"\r\n               contain\r\n               class=\"pa-1\"\r\n        />\r\n        <!--\r\n       <v-divider vertical class=\"pa-1\"></v-divider> -->\r\n        <!--    <v-img :src=\"`/assets/${groupIndex+1}.svg`\"\r\n               max-height=\"45px\"\r\n               max-width=\"45px\"\r\n               contain\r\n        /> -->\r\n        <!--  <v-img :src=\"`/assets/${group.lock ? 'premium' : 'free'}.svg`\"\r\n                 max-height=\"45px\"\r\n                 max-width=\"45px\"\r\n                 contain\r\n          /> -->\r\n        <div class=\"header pa-1\">\r\n          <b>{{ group.name }}</b>\r\n        </div>\r\n        <!-- Free icon over element -->\r\n        <v-img :src=\"`/assets/${group.lock ? 'premium' : 'free'}.svg`\"\r\n               max-height=\"25px\"\r\n               max-width=\"25px\"\r\n               class=\"mb-3\"\r\n               contain\r\n        />\r\n        <!-- Premium icon over element\r\n        <v-img :src=\"`/assets/premium.svg`\"\r\n               max-height=\"20px\"\r\n               max-width=\"20px\"\r\n               class=\"mb-3\"\r\n               contain\r\n        />\r\n      -->\r\n      </v-layout>\r\n      <!--<v-img :src=\"group.img\"\r\n               max-height=\"45px\"\r\n               max-width=\"45px\"\r\n               contain\r\n\r\n        <v-flex xs2 sm2 md2 lg2 xl2>\r\n          <v-img :src=\"`/assets/premium.svg`\"\r\n                 max-height=\"20px\"\r\n                 max-width=\"20px\"\r\n                 class=\"mb-3\"\r\n                 contain\r\n          />\r\n        </v-flex> -->\r\n\r\n      <br>\r\n      <v-layout justify-start raw wrap>\r\n        <v-flex\r\n          v-for=\"(topic, topicIndex) in group.data\"\r\n          :key=\"topicIndex\"\r\n          xs12\r\n          sm4\r\n          md4\r\n          lg4\r\n          xl4\r\n          class=\"pa-1\"\r\n        >\r\n          <v-hover>\r\n            <v-card\r\n              slot-scope=\"{ hover }\"\r\n              class=\"checkboard-card\"\r\n              :color=\"getColor(topic.isBlack)\"\r\n              :class=\"[`elevation-${hover ? 17 : 2}`,\r\n                       {'white--text': topic.isBlack},\r\n                       `${getCardDisplayClass(topic.icon, hover)}`]\"\r\n              @click.native=\"`${isLocked(topic.icon) ? logged=true : topic.action()}`\"\r\n            >\r\n              <v-card-title>\r\n                <v-layout justify-start>\r\n                  <div class=\"cardheader\">\r\n                    <b>{{ groupIndex+1 }} . </b>  <b>{{ topicIndex+1 }}</b>\r\n                  </div>\r\n                </v-layout>\r\n                <div>\r\n                  <transition\r\n                    enter-active-class=\"animated fadeIn zoomIn\"\r\n                    leave-active-class=\"animated fadeOut zoomOut\"\r\n                  >\r\n                    <v-icon\r\n                      v-if=\"hover==true && loggedIn()==false\"\r\n                      :class=\"[`${isLocked(topic.icon) ? 'lock' : 'open'}`]\"\r\n                    >\r\n                      {{ topic.icon }}\r\n                    </v-icon>\r\n                    <v-icon\r\n                      v-else-if=\"hover==true && loggedIn()==true\"\r\n                      :class=\"[`${isLocked(topic.icon) ? 'lock' : 'open'}`]\"\r\n                    >\r\n                      fas fa-lock-open\r\n                    </v-icon>\r\n                  </transition>\r\n                </div>\r\n              </v-card-title>\r\n              <v-layout justify-center align-center class=\"px-3 cardheader\">\r\n                <b>{{ topic.title }} </b>\r\n              </v-layout>\r\n              <!--<v-card-title>\r\n                <div class=\"shift\">\r\n                <span class=\"spaned\" v-for=\"(names, index) in topic.description\">\r\n                 <b style=\"color:#FF5938;font-weight:900\">|</b>&nbsp;{{names}}&nbsp;\r\n                </span>\r\n                </div>\r\n              </v-card-title>-->\r\n            </v-card>\r\n          </v-hover>\r\n        </v-flex>\r\n      </v-layout>\r\n      <br>\r\n    </div>\r\n  </v-container>\r\n</template>\r\n\r\n<script>\r\nimport axios from 'axios';\r\nimport { mapGetters } from 'vuex';\r\nimport BuyCard from '../BuyCard/BuyCard.vue';\r\nimport DivideContent from  './Divider.vue';\r\n\r\nexport default {\r\n  name: 'Grade8Physics',\r\n  components: {\r\n    BuyCard,\r\n    DivideContent\r\n\r\n  },\r\n  data () {\r\n    return {\r\n    logged:false,\r\n    price: null,\r\n    newPrice:null,\r\n    title: null,\r\n    topicss:null,\r\n    discount: null,\r\n    //dialog: true,\r\n    courseStatus: null,\r\n    subscriptionId: null,\r\n    subscriptionEnd: null,\r\n    loginStatus: false,\r\n    style: {layout: \"margin: 0%\"}\r\n    //buttonName: \"Sign In\"\r\n  //  popUp:false,\r\n    }\r\n  },\r\n  created () {\r\n      this.$store.commit('navigation/resetState');\r\n      //this.$store.dispatch('navigation/getData');\r\n      this.$store.commit('navigation/changeTitle', 'Grade 8 Physics');\r\n  //    this.$store.commit('navigation/changeMenu', 'Grade 8 Math');\r\n      this.$store.commit('navigation/toggleshowhome', false);\r\n      this.$store.commit('navigation/replacePhys', true);\r\n      this.$store.commit('navigation/replaceLeftArrow', true);\r\n      this.$store.commit('navigation/replaceEnroll', true);\r\n  },\r\n  computed: {\r\n     ...mapGetters({\r\n       topics: 'navigation/physics8th'\r\n     })\r\n   },\r\n///////////////////////////////////////// CHECKOUT STUFF ///////////////////////////////////////////////\r\nasync mounted () {\r\n  console.log(\"async mounted working\");\r\n  try {\r\n        if(this.$route.query.grade !== undefined)\r\n        {\r\n          console.log(\"Grade found\");\r\n          let chapterUrl = process.env.VUE_APP_API+'course/'+this.$route.query.grade+'/chapters';\r\n          if (localStorage.getItem('userId'))\r\n          {\r\n            console.log(\"User token found\");\r\n            chapterUrl = process.env.VUE_APP_API+'course/'+this.$route.query.grade+'/chapters/'+localStorage.getItem('userId')\r\n            this.loginStatus = true\r\n            this.buttonName = \"Subscribe\"\r\n          }\r\n          const today = new Date();\r\n          const response = await axios.get(chapterUrl, { headers: {Authorization: 'Bearer ' + localStorage.getItem('token')}});\r\n          if(response.data.success)\r\n          {\r\n            let grades = response.data.data.course;\r\n            console.log(\"success\", grades);\r\n            this.price = (grades.actual_price).toFixed(2);\r\n            this.discount = 1*grades.discount;\r\n            this.newPrice = ((this.price) * ((100-grades.discount)/100)).toFixed(2);\r\n            console.log(\"data success\", this.price);\r\n            if(typeof grades.subscription_status !== 'undefined')\r\n            {\r\n              console.log(\"sub\", grades.subscription_status);\r\n            //  this.courseStatus = grades.subscription_status;\r\n              this.subscriptionId = grades.app_subscription_id;\r\n              this.subscriptionEnd = grades.ends_at;\r\n              if(typeof grades.ends_at !== 'undefined')\r\n              {\r\n              console.log(\"endDate::success\")\r\n              let endDate = new Date(grades.ends_at);\r\n              if(today.getTime() > endDate.getTime())\r\n              {\r\n                this.courseStatus = 'inactive'\r\n              }\r\n              else\r\n              {\r\n                this.courseStatus = 'active'\r\n              }\r\n              }\r\n            }\r\n            console.log(\"data success\", this.courseStatus);\r\n          }\r\n            this.$store.commit('navigation/changePrice', this.price);\r\n            this.$store.commit('navigation/changeDiscount', this.discount);\r\n            this.$store.commit('navigation/changenewPrice', this.newPrice);\r\n            this.$store.commit('navigation/courseStatusInd', this.courseStatus);\r\n            this.$store.commit('navigation/appSubscriptionId', this.subscriptionId);\r\n            this.$store.commit('navigation/appSubscriptionEnd', this.subscriptionEnd);\r\n\r\n        }\r\n      }\r\n      catch (error)\r\n      {\r\n        console.error(\"error1::\", error);\r\n        this.$notify({\r\n              group: 'notify',\r\n              type: 'error',\r\n              title: 'Error!!',\r\n              text: 'Something went wrong!!'\r\n            });\r\n      }\r\n},  \r\n/////////////////////////////////////// THESE ARE LOCAL METHODS SCOPED TO THIS VUE COMPONENET ONLY. IF THESE FUNCTIONS HAVE TO BE USED MORE OFTEN, PLACE THEM WITHIN VUE MIXIN INSIDE MAIN.JS FILE\r\n  methods:\r\n  {\r\n    showCard ()\r\n    {\r\n      if(!localStorage.getItem('token'))\r\n      {\r\n      this.logged = true;\r\n      }\r\n      else\r\n      {\r\n      }\r\n    },\r\n    closeBuy()\r\n    {\r\n      this.logged=false;\r\n      console.log(this.logged);\r\n    },\r\n\r\n    getColor(isBlack)\r\n    {\r\n      return isBlack ? '#2E2E2E' : '#e0e0e0';\r\n    },\r\n    isLocked(iconString)\r\n    {  if(!localStorage.getItem('token'))\r\n      {\r\n        return iconString == 'fas fa-lock';\r\n      } else {\r\n        return false;\r\n      }\r\n    },\r\n    getCardDisplayClass(iconString, hoverState)\r\n    {\r\n        if (hoverState)\r\n        {\r\n            if (this.isLocked(iconString))\r\n            {\r\n                return 'locked-content';\r\n            } else\r\n            {\r\n                return 'unlocked-content';\r\n            }\r\n        }\r\n        return '';\r\n    }\r\n  },\r\n  metaInfo() {\r\n  return{ title: 'Explore 8th Grade Physics',\r\n          //titleTemplate: '%s - Learn interactively',\r\n          meta: [\r\n                  {vmid:'keywords', name: \"keywords\", content: \"8th grade physics, Interactive physics, Quizzes\"},\r\n                  {vmid:'description', name: 'description', content: 'Visually interactive module on 8th grade physics'}\r\n                ],\r\n        }\r\n   }\r\n}\r\n</script>\r\n<style lang=\"scss\">\r\n@import '@/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!./Physics8th.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!./Physics8th.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Physics8th.vue?vue&type=template&id=2dfc7636&\"\nimport script from \"./Physics8th.vue?vue&type=script&lang=js&\"\nexport * from \"./Physics8th.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Physics8th.vue?vue&type=style&index=0&id=2dfc7636&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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticStyle:{\"margin-top\":\"5px\"}}),_c('v-layout',{class:{'px-4': _vm.$vuetify.breakpoint.lgAndUp,'px-2': _vm.$vuetify.breakpoint.mdOnly, 'px-0': _vm.$vuetify.breakpoint.smAndDown},style:(_vm.myStyle.layout),attrs:{\"align-center\":\"\",\"justify-center\":\"\"}},[_c('v-flex',{attrs:{\"xs6\":\"\",\"sm6\":\"\",\"md6\":\"\",\"lg6\":\"\",\"xl6\":\"\"}},[_c('v-divider',{staticClass:\"mt-3 mb-3\",attrs:{\"color\":\"black\"}})],1),_c('v-flex',{attrs:{\"xs1\":\"\",\"sm1\":\"\",\"md1\":\"\",\"lg1\":\"\",\"xl1\":\"\"}},[_c('v-img',{staticClass:\"mx-auto\",attrs:{\"src\":\"/assets/edliyProton.svg\",\"aspect-ratio\":\"1\",\"contain\":\"\",\"max-width\":\"20px\"}})],1),_c('v-flex',{attrs:{\"xs6\":\"\",\"sm6\":\"\",\"md6\":\"\",\"lg6\":\"\",\"xl6\":\"\"}},[_c('v-divider',{staticClass:\"mt-3 mb-3\",attrs:{\"color\":\"black\"}})],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div style=\"margin-top:5px\" />\r\n    <v-layout\r\n      :style=\"myStyle.layout\"\r\n      align-center\r\n      justify-center\r\n      :class=\"{'px-4': $vuetify.breakpoint.lgAndUp,'px-2': $vuetify.breakpoint.mdOnly, 'px-0': $vuetify.breakpoint.smAndDown}\"\r\n    >\r\n      <v-flex\r\n        xs6\r\n        sm6\r\n        md6\r\n        lg6\r\n        xl6\r\n      >\r\n        <v-divider color=\"black\" class=\"mt-3 mb-3\" />\r\n      </v-flex>\r\n      <v-flex\r\n        xs1\r\n        sm1\r\n        md1\r\n        lg1\r\n        xl1\r\n      >\r\n        <v-img\r\n          src=\"/assets/edliyProton.svg\"\r\n          aspect-ratio=\"1\"\r\n          contain\r\n          class=\"mx-auto\"\r\n          max-width=\"20px\"\r\n        />\r\n      </v-flex>\r\n      <v-flex\r\n        xs6\r\n        sm6\r\n        md6\r\n        lg6\r\n        xl6\r\n      >\r\n        <v-divider color=\"black\" class=\"mt-3 mb-3\" />\r\n      </v-flex>\r\n    </v-layout>\r\n  </div>\r\n</template>\r\n<script>\r\nexport default {\r\n    name: 'DivideContent',\r\n    props: {\r\n        myStyle: {\r\n            type: Object,\r\n            default: () => {}\r\n        }},\r\n    data () { return {}}\r\n}\r\n</script>\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!./Divider.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!./Divider.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Divider.vue?vue&type=template&id=789ed0b2&\"\nimport script from \"./Divider.vue?vue&type=script&lang=js&\"\nexport * from \"./Divider.vue?vue&type=script&lang=js&\"\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":""}