{"version":3,"sources":["webpack:///./src/views/auth/pages/Onboarding.vue?eaa1","webpack:///./src/views/auth/pages/Onboarding.vue?28c2","webpack:///./src/views/auth/pages/Onboarding.vue","webpack:///./src/views/auth/pages/Onboarding.vue?09b6","webpack:///./src/views/auth/pages/Onboarding.vue?0623"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","staticClass","_l","s","i","key","_v","_s","title","attrs","videoUrl","_e","text","slides","length","VBtn","on","onStartClick","back","VIcon","class","current","slide","$event","jumpTo","fwd","staticRenderFns","Onboarding","doNotShowAgain","$t","completeOnboarding","router","push","last","next","width","slider","clientWidth","scrollTo","left","behavior","index","isScrolling","onscroll","clearTimeout","setTimeout","offset","scrollLeft","Math","round","Vue","__decorate","Ref","HTMLDivElement","Getter","Action","Component","component"],"mappings":"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","file":"assets/js/chunk-0eeb8e52.094d7afb.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Onboarding.vue?vue&type=style&index=0&id=82844cd4&prod&scoped=true&lang=css&\"","import { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\n\nvar render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{ref:\"slider\",staticClass:\"slider\"},[_c('div',{staticClass:\"slides\"},_vm._l((_vm.slides),function(s,i){return _c('div',{key:i,staticClass:\"slide\"},[_c('h2',{staticClass:\"primary--text font-weight-bold\"},[_vm._v(_vm._s(s.title))]),(s.videoUrl)?_c('div',{staticClass:\"video-container\"},[_c('iframe',{attrs:{\"src\":s.videoUrl,\"loading\":\"lazy\",\"title\":\"Synthesia video player\",\"allowfullscreen\":\"\",\"allow\":\"encrypted-media; fullscreen;\"}})]):_vm._e(),(s.text)?_c('p',[_vm._v(_vm._s(s.text))]):_vm._e(),(i === _vm.slides.length - 1)?_c('div',{staticClass:\"final-slide-controls\"},[_c(VBtn,{staticClass:\"startbutton\",attrs:{\"color\":\"primary\",\"large\":\"\"},on:{\"click\":_vm.onStartClick}},[_vm._v(\"Start\")])],1):_vm._e()])}),0)]),(_vm.slides.length > 1)?_c('div',{staticClass:\"controls\"},[_c(VBtn,{attrs:{\"icon\":\"\"},on:{\"click\":_vm.back}},[_c(VIcon,[_vm._v(\"mdi-chevron-left\")])],1),_c('div',{staticClass:\"dots\"},_vm._l((_vm.slides),function(s,i){return _c('div',{key:i,staticClass:\"dot\",class:{ current: _vm.slide === i },on:{\"click\":function($event){return _vm.jumpTo(i)}}})}),0),_c(VBtn,{attrs:{\"icon\":\"\"},on:{\"click\":_vm.fwd}},[_c(VIcon,[_vm._v(\"mdi-chevron-right\")])],1)],1):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\nimport Vue from \"vue\";\r\nimport { Getter, Action } from \"vuex-class\";\r\nimport { Component, Ref } from \"vue-property-decorator\";\r\nimport router from \"@/core/router\";\r\n\r\n@Component\r\nexport default class Onboarding extends Vue {\r\n @Ref(\"slider\") slider!: HTMLDivElement;\r\n @Getter(\"profile/userEmailVerified\") isEmailVerified!: boolean;\r\n @Action(\"profile/completeOnboarding\")\r\n completeOnboarding!: () => Promise;\r\n\r\n slide = 0;\r\n doNotShowAgain = true;\r\n slides = [\r\n {\r\n title: this.$t(\"onboardingSlides.firstSlide.title\") as string,\r\n videoUrl:\r\n (this.$t(\"onboardingSlides.firstSlide.videoUrl\") as string) || \"\",\r\n text: \"\",\r\n },\r\n /*{\r\n title: this.$t(\"onboardingSlides.secondSlide.title\") as string,\r\n videoUrl: \"\",\r\n text: (this.$t(\"onboardingSlides.secondSlide.text\") as string) || \"\",\r\n },*/\r\n ];\r\n\r\n async onStartClick() {\r\n if (this.doNotShowAgain) await this.completeOnboarding();\r\n\r\n router.push(\"/dashboard\");\r\n }\r\n\r\n back() {\r\n const last = this.slides.length - 1;\r\n const next = this.slide - 1 < 0 ? last : this.slide - 1;\r\n const width = this.slider.clientWidth;\r\n this.slider.scrollTo({ left: next * width, behavior: \"smooth\" });\r\n }\r\n fwd() {\r\n const last = this.slides.length - 1;\r\n const next = this.slide + 1 > last ? 0 : this.slide + 1;\r\n const width = this.slider.clientWidth;\r\n this.slider.scrollTo({ left: next * width, behavior: \"smooth\" });\r\n }\r\n jumpTo(index: number) {\r\n const width = this.slider.clientWidth;\r\n this.slider.scrollTo({ left: index * width, behavior: \"smooth\" });\r\n }\r\n mounted() {\r\n let isScrolling: any;\r\n const width = this.slider.clientWidth;\r\n this.slider.onscroll = () => {\r\n clearTimeout(isScrolling);\r\n isScrolling = setTimeout(() => {\r\n clearTimeout(isScrolling);\r\n const offset = this.slider.scrollLeft;\r\n const slide = Math.round(offset / width);\r\n this.slide = slide;\r\n this.slider.scrollTo({ left: slide * width, behavior: \"smooth\" });\r\n }, 66);\r\n };\r\n }\r\n}\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--15-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/ts-loader/index.js??ref--15-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Onboarding.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--15-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/ts-loader/index.js??ref--15-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Onboarding.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./Onboarding.vue?vue&type=template&id=82844cd4&scoped=true&\"\nimport script from \"./Onboarding.vue?vue&type=script&lang=ts&\"\nexport * from \"./Onboarding.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./Onboarding.vue?vue&type=style&index=0&id=82844cd4&prod&scoped=true&lang=css&\"\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 \"82844cd4\",\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""}