{"version":3,"sources":["webpack:///./src/views/Math/Mathematics7th.vue?e599","webpack:///./src/views/Math/Mathematics7th.vue","webpack:///src/views/Math/Mathematics7th.vue","webpack:///./src/views/Math/Mathematics7th.vue?cd49","webpack:///./src/views/Math/Mathematics7th.vue?39a0","webpack:///./src/views/Math/Divider.vue","webpack:///src/views/Phys/Divider.vue","webpack:///./src/views/Math/Divider.vue?050e","webpack:///./src/views/Math/Divider.vue?a7ec"],"names":["staticStyle","attrs","_c","_vm","_v","staticClass","_defineProperty","path","groupIndex","group","topic","topicIndex","key","_vm$_b","scopedSlots","getColor","nativeOn","concat","hover","class","subtitle","staticRenderFns","render","name","components","BuyCard","DivideContent","data","logged","price","newPrice","title","topicss","discount","courseStatus","subscriptionId","subscriptionEnd","loginStatus","style","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","type","text","stop","apply","arguments","methods","isBlack","isLocked","iconString","getCardDisplayClass","hoverState","component","$vuetify","props","myStyle","Object","default"],"mappings":"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","file":"js/chunk-163f5162.0890614b.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!./Mathematics7th.vue?vue&type=style&index=0&id=4131c3c7&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/Mathematics-7th.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\"}},[_c('span',{staticClass:\"edliy-e\"},[_vm._v(\"ε\")]),_vm._v(\"dliy's visually interactive learning aids 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-btn',{attrs:{\"fab\":\"\"},on:{\"click\":function($event){return _vm.$router.push({path:'/contact'})}}},[_c('v-img',{attrs:{\"src\":\"/assets/conversation.svg\",\"aspect-ratio\":\"1\",\"max-width\":\"60px\"}})],1)],1),_c('v-layout',{staticClass:\"mt-1\",attrs:{\"justify-center\":\"\",\"align-center\":\"\"}},[_c('h5',{staticStyle:{\"color\":\"black\"}},[_vm._v(\"\\n           Contact us\\n         \")])])],1),_c('v-flex',{attrs:{\"xl4\":\"\",\"sm4\":\"\",\"md4\":\"\",\"lg4\":\"\",\"xl4\":\"\"}},[_c('v-layout',{attrs:{\"justify-center\":\"\",\"align-center\":\"\"}},[_c('v-btn',{attrs:{\"fab\":\"\"},on:{\"click\":function($event){return _vm.$router.push({path:'/demo'})}}},[_c('v-img',{attrs:{\"src\":\"/assets/demoIcon.svg\",\"aspect-ratio\":\"1\",\"max-width\":\"60px\",\"contain\":\"\"}})],1)],1),_c('v-layout',{staticClass:\"mt-1\",attrs:{\"justify-center\":\"\",\"align-center\":\"\"}},[_c('h5',{staticStyle:{\"color\":\"black\"}},[_vm._v(\"\\n           Watch a demo\\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'),_c('br'),_c('v-layout',{attrs:{\"justify-space-between\":\"\",\"wrap\":\"\",\"no-gutters\":\"\"}},_vm._l((_vm.topics),function(group,groupIndex){return _c('v-flex',{key:groupIndex,staticClass:\"pa-1\",attrs:{\"xl5\":\"\",\"lg5\":\"\",\"md5\":\"\",\"sm12\":\"\",\"xs12\":\"\"}},[_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:\"pa-1\"},[_c('h2',[_vm._v(_vm._s(group.name))])]),(_vm.courseStatus==null)?_c('v-img',{staticClass:\"mb-3\",attrs:{\"src\":`/assets/${group.lock ? 'premium' : 'free'}.svg`,\"max-height\":\"25px\",\"max-width\":\"25px\",\"contain\":\"\"}}):_vm._e()],1),_c('br'),_c('v-layout',{attrs:{\"justify-start\":\"\",\"wrap\":\"\",\"no-gutters\":\"\"}},[_vm._l((group.data),function(topic,topicIndex){return _c('v-flex',_vm._b({key:topicIndex,staticClass:\"pa-1\"},'v-flex',{ [`xs${topic.flex}`]: true, [`lg${topic.flex*2/2}`]: true, [`xl${topic.flex*2/2}`]: true, [`md${topic.flex*2/2}`]: true, [`sm${topic.flex}`]: true, },false),[_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': (1*groupIndex+topicIndex) % 2 == 0},\n                        `${_vm.getCardDisplayClass(topic.icon, hover)}`],attrs:{\"color\":_vm.getColor((1*groupIndex+topicIndex) % 2 == 0)},nativeOn:{\"click\":function($event){`${_vm.isLocked(topic.icon) ? _vm.logged=true : topic.action()}`}}},[_c('v-layout',{attrs:{\"justify-start\":\"\"}},[_c('v-card-title',[_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.courseStatus==null)?_c('v-icon',{class:[`${group.lock ? 'lock' : 'open'}`]},[_vm._v(\"\\n                         \"+_vm._s(`${group.lock ? 'fas fa-lock' : 'fas fa-lock-open'}`)+\"\\n                       \")]):(hover==true && _vm.courseStatus!=null)?_c('v-icon',{staticClass:\"open\"},[_vm._v(\"\\n                         fas fa-lock-open\\n                       \")]):_vm._e()],1)],1)])],1),_c('v-spacer'),_c('v-layout',{staticClass:\"mx-2\",attrs:{\"justify-center\":\"\",\"align-center\":\"\"}},[_c('v-flex',{attrs:{\"text-xs-center\":\"\",\"text-align-center\":\"\"}},[_c('h2',[_vm._v(_vm._s(topic.title)+\" \")]),_c('h4',[_vm._v(_vm._s(topic.subtitle)+\" \")])])],1)],1)}}],null,true)})],1)}),_c('v-flex',{attrs:{\"xl4\":\"\",\"lg4\":\"\",\"md4\":\"\",\"sm4\":\"\",\"xs12\":\"\"}})],2),_c('br')],1)}),1)],1)\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/Mathematics-7th.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          <span class=\"edliy-e\">&epsilon;</span>dliy's visually interactive learning aids 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-btn\r\n            fab\r\n            @click=\"$router.push({path:'/contact'})\"\r\n          >\r\n            <v-img\r\n              src=\"/assets/conversation.svg\"\r\n              aspect-ratio=\"1\"\r\n              max-width=\"60px\"\r\n            />\r\n          </v-btn>\r\n        </v-layout>\r\n        <v-layout class=\"mt-1\" justify-center align-center>\r\n          <h5 style=\"color:black\">\n            Contact us\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-btn\r\n            fab\r\n            @click=\"$router.push({path:'/demo'})\"\r\n          >\r\n            <v-img\r\n              src=\"/assets/demoIcon.svg\"\r\n              aspect-ratio=\"1\"\r\n              max-width=\"60px\"\r\n              contain\r\n            />\r\n          </v-btn>\r\n        </v-layout>\r\n        <v-layout class=\"mt-1\" justify-center align-center>\r\n          <h5 style=\"color:black\">\n            Watch a demo\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> <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    <v-layout justify-space-between wrap no-gutters>\r\n      <v-flex\r\n        v-for=\"(group, groupIndex) in topics\"\r\n        :key=\"groupIndex\"\r\n        xl5\r\n        lg5\r\n        md5\r\n        sm12\r\n        xs12\n        class=\"pa-1\"\n      >\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=\"pa-1\">\r\n            <h2>{{ group.name }}</h2>\r\n          </div>\r\n          <!-- Free icon over element -->\r\n          <v-img\r\n            v-if=\"courseStatus==null\"\r\n            :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        <br>\r\n        <v-layout justify-start wrap no-gutters>\r\n          <v-flex\r\n            v-for=\"(topic, topicIndex) in group.data\"\r\n            :key=\"topicIndex\"\r\n            class=\"pa-1\"\r\n            v-bind=\"{ [`xs${topic.flex}`]: true, [`lg${topic.flex*2/2}`]: true, [`xl${topic.flex*2/2}`]: true, [`md${topic.flex*2/2}`]: true, [`sm${topic.flex}`]: true, }\"\r\n          >\r\n            <v-hover>\r\n              <v-card\r\n                slot-scope=\"{ hover }\"\r\n                class=\"checkboard-card\"\r\n                :color=\"getColor((1*groupIndex+topicIndex) % 2 == 0)\"\r\n                :class=\"[`elevation-${hover ? 17 : 2}`,\r\n                         {'white--text': (1*groupIndex+topicIndex) % 2 == 0},\r\n                         `${getCardDisplayClass(topic.icon, hover)}`]\"\r\n                @click.native=\"`${isLocked(topic.icon) ? logged=true : topic.action()}`\"\r\n              >\r\n                <v-layout justify-start>\r\n                  <v-card-title>\r\n                    <div class=\"cardheader\">\r\n                      <b>{{ groupIndex+1 }} . </b>  <b>{{ topicIndex+1 }}</b>\r\n                    </div>\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 && courseStatus==null\"\r\n                          :class=\"[`${group.lock ? 'lock' : 'open'}`]\"\r\n                        >\r\n                          {{ `${group.lock ? 'fas fa-lock' : 'fas fa-lock-open'}` }}\r\n                        </v-icon>\r\n                        <v-icon\r\n                          v-else-if=\"hover==true && courseStatus!=null\"\r\n                          class=\"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>\r\n                <v-spacer />\r\n                <v-layout\r\n                  justify-center\r\n                  align-center\r\n                  class=\"mx-2\"\n                >\r\n                  <v-flex text-xs-center text-align-center>\r\n                    <h2>{{ topic.title }} </h2>\r\n                    <h4>{{ topic.subtitle }} </h4>\r\n                  </v-flex>\r\n                </v-layout>\r\n              </v-card>\r\n            </v-hover>\r\n          </v-flex>\r\n          <v-flex\r\n            xl4\r\n            lg4\r\n            md4\r\n            sm4\r\n            xs12\n          />\r\n        </v-layout>\r\n        <br>\r\n      </v-flex>\r\n    </v-layout>\r\n  </v-container>\r\n</template>\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: 'Grade7Math',\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      //await this.$store.dispatch('navigation/getData');\r\n      this.$store.commit('navigation/resetState');\r\n      this.$store.commit('navigation/changeTitle', 'Grade 7 Mathematics');\r\n    //  this.$store.commit('navigation/changeMenu', 'Grade 7 Math');\r\n      this.$store.commit('navigation/toggleshowhome', false);\r\n      this.$store.commit('navigation/replaceMath', 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/mathematics7th'\r\n     })\r\n   },\r\n   ///////////////////////////////////////// CHECKOUT STUFF ///////////////////////////////////////////////\r\n   async 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               if(grades.actual_price !=null)\r\n               {\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               }\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       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   }\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!./Mathematics7th.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!./Mathematics7th.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Mathematics7th.vue?vue&type=template&id=4131c3c7&\"\nimport script from \"./Mathematics7th.vue?vue&type=script&lang=js&\"\nexport * from \"./Mathematics7th.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Mathematics7th.vue?vue&type=style&index=0&id=4131c3c7&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=37455308&\"\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":""}