{"version":3,"sources":["webpack:///src/pages/Onboard/Onboard-Page.vue","webpack:///./src/pages/Onboard/Onboard-Page.vue?2e6e","webpack:///./src/pages/Onboard/Onboard-Page.vue","webpack:///./src/pages/Onboard/Onboard-Page.vue?e77a","webpack:///./src/pages/Onboard/Onboard-Page.vue?fdc1"],"names":["data","start","computed","containerClass","this","$vuetify","breakpoint","mdAndUp","route","nameTeamOrAcceptRoute","noSlash","xl","slashClass","slash","smAndDown","slash1Class","paused","$route","name","slash2Class","slash3Class","slash4Class","slash5Class","slashResourcesClass","mounted","setTimeout","methods","slash2Style","i","top","width","Math","floor","random","height","left","component","_vm","_h","$createElement","_c","_self","staticClass","class","attrs","key","_e","_l","style","staticStyle","VContainer"],"mappings":"izBAGA,ICHqW,EDGrW,CACEA,KADF,WAEI,MAAO,CACLC,OAAO,IAGXC,SAAU,CACRC,eADJ,WAEM,IAAN,mBACM,MAAO,CACL,oBAAqBC,KAAKC,SAASC,WAAWC,QAC9C,UAAoB,WAATC,EACX,UAAWJ,KAAKK,wBAGpBC,QATJ,WAUM,OAAON,KAAKC,SAASC,WAAWK,GACtC,GACA,4BACA,GACA,GAEIF,sBAhBJ,WAiBM,MACN,+BACA,4BACA,0BAGIG,WAvBJ,WAwBM,MAAO,CACLC,MAAOT,KAAKC,SAASC,WAAWC,QAChC,mBAAoBH,KAAKC,SAASC,WAAWQ,UAC7C,aAAcV,KAAKC,SAASC,WAAWQ,UACvC,sBAAuBV,KAAKC,SAASC,WAAWC,UAGpDQ,YA/BJ,WAgCM,OAAO,EAAb,KACA,iBADA,IAEQC,OAA6B,YAArBZ,KAAKa,OAAOC,OAAuBd,KAAKH,SAGpDkB,YArCJ,WAsCM,MAAO,CACLN,MAAOT,KAAKC,SAASC,WAAWC,QAChC,sBAAuBH,KAAKC,SAASC,WAAWC,QAChDS,QAASZ,KAAKH,QAGlBmB,YA5CJ,WA6CM,OAAO,EAAb,KACA,iBADA,IAEQJ,QAASZ,KAAKK,yBAGlBY,YAlDJ,WAmDM,OAAO,EAAb,KACA,0BADA,IAEQ,oBAAqBjB,KAAKC,SAASC,WAAWC,QAC9CS,OAA6B,sBAArBZ,KAAKa,OAAOC,QAGxBI,YAzDJ,WA0DM,OAAO,EAAb,KACA,0BADA,IAEQ,qBAAsBlB,KAAKC,SAASC,WAAWC,QAC/CS,OAA6B,sBAArBZ,KAAKa,OAAOC,QAGxBK,oBAhEJ,WAiEM,MAAO,CACLV,MAAOT,KAAKC,SAASC,WAAWC,QAChC,mBAAoBH,KAAKC,SAASC,WAAWQ,UAC7C,aAAcV,KAAKC,SAASC,WAAWQ,aAI7CU,QA9EF,WA8EA,WACIC,YAAW,WACT,EAAN,WACA,MAEEC,QAAS,CACPC,YADJ,SACA,GACM,IAAN,IASM,OARIC,EAAIxB,KAAKM,QAAU,GACrBmB,EAAU,EAAJD,EAAQ,GACdE,EAAQC,KAAKC,MAAsB,GAAhBD,KAAKE,UAAyB,KAEjDJ,EAAU,EAAJD,EACNE,EAAQC,KAAKC,MAAsB,GAAhBD,KAAKE,UAAwB,IAG3C,CACLJ,IAAK,GAAb,cACQK,OAAQ,QACRC,KAAM,EACN,mBAAoB,GAA5B,oCACQL,MAAO,GAAf,kB,yDE9FIM,EAAY,YACd,GCTW,WAAa,IAAIC,EAAIjC,KAASkC,EAAGD,EAAIE,eAAmBC,EAAGH,EAAII,MAAMD,IAAIF,EAAG,OAAOE,EAAG,cAAc,CAACE,YAAY,6CAA6CC,MAAMN,EAAIlC,eAAeyC,MAAM,CAAC,MAAQ,KAAK,CAACJ,EAAG,mBAAmB,CAACI,MAAM,CAAC,KAAO,OAAO,KAAO,WAAW,CAAEP,EAAIhC,SAASC,WAAWC,SAA8B,WAAnB8B,EAAIpB,OAAOC,KAAmBsB,EAAG,MAAM,CAACK,IAAI,UAAUH,YAAY,6BAA6BC,MAAM,CAACN,EAAItB,YAAasB,EAAIhC,SAASC,WAAWC,QAAU,UAAY,MAAM8B,EAAIS,KAAMT,EAAIhC,SAASC,WAAWC,SAAW8B,EAAI5B,sBAAuB+B,EAAG,MAAM,CAACK,IAAI,UAAUH,YAAY,6BAA6BC,MAAM,CAACN,EAAIjB,YAAaiB,EAAIhC,SAASC,WAAWC,QAAU,UAAY,MAAM8B,EAAIS,KAAMT,EAAIhC,SAASC,WAAkB,QAAEkC,EAAG,MAAM,CAACK,IAAI,UAAUH,YAAY,6BAA6BC,MAAMN,EAAIhB,cAAcgB,EAAIS,KAAMT,EAAIhC,SAASC,WAAkB,QAAEkC,EAAG,MAAM,CAACK,IAAI,UAAUH,YAAY,+BAA+BC,MAAMN,EAAIf,cAAce,EAAIS,KAAMT,EAAIhC,SAASC,WAAWC,SAA8B,WAAnB8B,EAAIpB,OAAOC,KAAmBsB,EAAG,MAAM,CAACK,IAAI,mBAAmBR,EAAIU,GAAIV,EAAW,SAAE,SAAST,GAAG,OAAOY,EAAG,MAAM,CAACK,IAAK,iBAAmBjB,EAAGc,YAAY,kBAAkBC,MAAM,CACzpCN,EAAIlB,YACJS,EAAI,GAAM,EAAI,aAAe,oBAC7BoB,MAAOX,EAAIV,YAAYC,QAAQ,GAAGS,EAAIS,KAAMT,EAAIhC,SAASC,WAAWC,SAAW8B,EAAI5B,sBAAuB+B,EAAG,MAAM,CAACK,IAAI,qBAAqBR,EAAIU,GAAIV,EAAW,SAAE,SAAST,GAAG,OAAOY,EAAG,MAAM,CAACK,IAAK,mBAAqBjB,EAAGc,YAAY,kBAAkBC,MAAM,CAChQN,EAAIlB,YACJS,EAAI,GAAM,EAAI,aAAe,sBAC7BoB,MAAOX,EAAIV,YAAYC,QAAQ,GAAGS,EAAIS,OAAON,EAAG,aAAa,CAACI,MAAM,CAAC,KAAO,OAAO,KAAO,WAAW,CAACJ,EAAG,cAAc,CAACE,YAAY,cAAcO,YAAY,CAAC,UAAU,QAAQ,IAAI,KACzK,IDKpB,EACA,KACA,WACA,MAIa,UAAAb,EAAiB,QAKhC,IAAkBA,EAAW,CAACc,aAAA,K,iFExB9B","file":"js/onboard~3d9b8e9e.82e6cc2f.js","sourcesContent":["<script>\nimport '@/styles/slash.scss'\n\nexport default {\n  data() {\n    return {\n      start: false\n    }\n  },\n  computed: {\n    containerClass() {\n      let route = this.$route.name\n      return {\n        'overflow-y-hidden': this.$vuetify.breakpoint.mdAndUp,\n        'bg-blue': route == 'welcome',\n        'bg-grey': this.nameTeamOrAcceptRoute\n      }\n    },\n    noSlash() {\n      return this.$vuetify.breakpoint.xl\n        ? 15\n        : this.$vuetify.breakpoint.lg\n        ? 10\n        : 5\n    },\n    nameTeamOrAcceptRoute() {\n      return (\n        this.$route.name == 'name-team' ||\n        this.$route.name == 'accept' ||\n        this.$route.name == 'plan'\n      )\n    },\n    slashClass() {\n      return {\n        slash: this.$vuetify.breakpoint.mdAndUp,\n        'slash-horizontal': this.$vuetify.breakpoint.smAndDown,\n        'slash-full': this.$vuetify.breakpoint.smAndDown,\n        'slash-origin-center': this.$vuetify.breakpoint.mdAndUp\n      }\n    },\n    slash1Class() {\n      return {\n        ...this.slashClass,\n        paused: this.$route.name !== 'welcome' || !this.start\n      }\n    },\n    slash2Class() {\n      return {\n        slash: this.$vuetify.breakpoint.mdAndUp,\n        'slash-origin-center': this.$vuetify.breakpoint.mdAndUp,\n        paused: !this.start\n      }\n    },\n    slash3Class() {\n      return {\n        ...this.slashClass,\n        paused: !this.nameTeamOrAcceptRoute\n      }\n    },\n    slash4Class() {\n      return {\n        ...this.slashResourcesClass,\n        'slash-origin-left': this.$vuetify.breakpoint.mdAndUp,\n        paused: this.$route.name !== 'onboard-resources'\n      }\n    },\n    slash5Class() {\n      return {\n        ...this.slashResourcesClass,\n        'slash-origin-right': this.$vuetify.breakpoint.mdAndUp,\n        paused: this.$route.name !== 'onboard-resources'\n      }\n    },\n    slashResourcesClass() {\n      return {\n        slash: this.$vuetify.breakpoint.mdAndUp,\n        'slash-horizontal': this.$vuetify.breakpoint.smAndDown,\n        'slash-full': this.$vuetify.breakpoint.smAndDown\n      }\n    }\n  },\n  mounted() {\n    setTimeout(() => {\n      this.start = true\n    }, 250)\n  },\n  methods: {\n    slash2Style(i) {\n      let width, top\n      if (i > this.noSlash / 2) {\n        top = i * 5 + 50\n        width = Math.floor(Math.random() * (125 - 75)) + 75\n      } else {\n        top = i * 5\n        width = Math.floor(Math.random() * (75 - 25)) + 25\n      }\n\n      return {\n        top: `${top}%`,\n        height: '120px',\n        left: 0,\n        'transition-delay': `${Math.floor(i / 2) * 25 + 250}ms`,\n        width: `${width}%`\n      }\n    }\n  }\n}\n</script>\n\n<template>\n  <v-container\n    class=\"ma-0 pa-0 position-relative test-bg mh-100\"\n    :class=\"containerClass\"\n    fluid\n  >\n    <transition-group name=\"fade\" mode=\"out-in\">\n      <div\n        v-if=\"$vuetify.breakpoint.mdAndUp || $route.name == 'welcome'\"\n        key=\"slash-1\"\n        class=\"slash-blue o-slash slash-1\"\n        :class=\"[slash1Class, $vuetify.breakpoint.mdAndUp ? 'slash-1' : '']\"\n      >\n      </div>\n      <div\n        v-if=\"$vuetify.breakpoint.mdAndUp || nameTeamOrAcceptRoute\"\n        key=\"slash-3\"\n        class=\"slash-grey o-slash slash-3\"\n        :class=\"[slash3Class, $vuetify.breakpoint.mdAndUp ? 'slash-3' : '']\"\n      >\n      </div>\n      <div\n        v-if=\"$vuetify.breakpoint.mdAndUp\"\n        key=\"slash-4\"\n        class=\"slash-grey o-slash slash-4\"\n        :class=\"slash4Class\"\n      >\n      </div>\n      <div\n        v-if=\"$vuetify.breakpoint.mdAndUp\"\n        key=\"slash-5\"\n        class=\"slash-orange o-slash slash-5\"\n        :class=\"slash5Class\"\n      >\n      </div>\n\n      <div\n        v-if=\"$vuetify.breakpoint.mdAndUp && $route.name == 'welcome'\"\n        key=\"welcome-slashes\"\n      >\n        <div\n          v-for=\"i in noSlash\"\n          :key=\"`welcome-slash-${i}`\"\n          class=\"o-slash slash-2\"\n          :class=\"[\n            slash2Class,\n            i % 2 === 0 ? 'slash-blue' : 'slash-light-blue'\n          ]\"\n          :style=\"slash2Style(i)\"\n        ></div>\n      </div>\n\n      <div\n        v-if=\"$vuetify.breakpoint.mdAndUp && nameTeamOrAcceptRoute\"\n        key=\"name-team-slashes\"\n      >\n        <div\n          v-for=\"i in noSlash\"\n          :key=\"`name-team-slash-${i}`\"\n          class=\"o-slash slash-2\"\n          :class=\"[\n            slash2Class,\n            i % 2 === 0 ? 'slash-grey' : 'slash-grey-reverse'\n          ]\"\n          :style=\"slash2Style(i)\"\n        ></div>\n      </div>\n    </transition-group>\n\n    <transition name=\"fade\" mode=\"out-in\">\n      <router-view class=\"router-view\" style=\"z-index: 3;\" />\n    </transition>\n  </v-container>\n</template>\n\n<style lang=\"scss\" scoped>\n.mh-100 {\n  min-height: 100vh !important;\n}\n\n.overflow-y-hidden {\n  overflow-y: hidden !important;\n}\n\n.bg-blue {\n  background-image: linear-gradient(\n    105deg,\n    #0e50f5,\n    var(--v-accentCyan-base)\n  ) !important;\n}\n\n.bg-grey {\n  background-image: linear-gradient(\n    105deg,\n    var(--v-secondary-base),\n    #647489\n  ) !important;\n}\n\n.o-slash {\n  backface-visibility: hidden;\n  position: absolute;\n  transition: all 250ms;\n\n  &.slash-full {\n    height: 100vh !important;\n    top: 0 !important;\n    transform: none;\n    width: 100% !important;\n\n    &.slash-4 {\n      left: 0 !important;\n      top: 0 !important;\n    }\n\n    &.slash-5 {\n      left: 0 !important;\n      top: 100vh !important;\n    }\n  }\n\n  &.slash-1 {\n    height: 500px;\n    top: 50%;\n    width: 100%;\n  }\n\n  &.slash-2 {\n    z-index: 1 !important;\n  }\n\n  &.slash-3 {\n    height: 600px;\n    top: 50%;\n    width: 100%;\n  }\n\n  &.slash-4 {\n    height: 600px;\n    left: 0;\n    top: 60%;\n    width: 49%;\n  }\n\n  &.slash-5 {\n    height: 600px;\n    right: 0;\n    top: 40%;\n    width: 49%;\n  }\n}\n</style>\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!./Onboard-Page.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!./Onboard-Page.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Onboard-Page.vue?vue&type=template&id=207874a9&scoped=true&\"\nimport script from \"./Onboard-Page.vue?vue&type=script&lang=js&\"\nexport * from \"./Onboard-Page.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Onboard-Page.vue?vue&type=style&index=0&id=207874a9&prod&lang=scss&scoped=true&\"\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  \"207874a9\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VContainer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VContainer})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{staticClass:\"ma-0 pa-0 position-relative test-bg mh-100\",class:_vm.containerClass,attrs:{\"fluid\":\"\"}},[_c('transition-group',{attrs:{\"name\":\"fade\",\"mode\":\"out-in\"}},[(_vm.$vuetify.breakpoint.mdAndUp || _vm.$route.name == 'welcome')?_c('div',{key:\"slash-1\",staticClass:\"slash-blue o-slash slash-1\",class:[_vm.slash1Class, _vm.$vuetify.breakpoint.mdAndUp ? 'slash-1' : '']}):_vm._e(),(_vm.$vuetify.breakpoint.mdAndUp || _vm.nameTeamOrAcceptRoute)?_c('div',{key:\"slash-3\",staticClass:\"slash-grey o-slash slash-3\",class:[_vm.slash3Class, _vm.$vuetify.breakpoint.mdAndUp ? 'slash-3' : '']}):_vm._e(),(_vm.$vuetify.breakpoint.mdAndUp)?_c('div',{key:\"slash-4\",staticClass:\"slash-grey o-slash slash-4\",class:_vm.slash4Class}):_vm._e(),(_vm.$vuetify.breakpoint.mdAndUp)?_c('div',{key:\"slash-5\",staticClass:\"slash-orange o-slash slash-5\",class:_vm.slash5Class}):_vm._e(),(_vm.$vuetify.breakpoint.mdAndUp && _vm.$route.name == 'welcome')?_c('div',{key:\"welcome-slashes\"},_vm._l((_vm.noSlash),function(i){return _c('div',{key:(\"welcome-slash-\" + i),staticClass:\"o-slash slash-2\",class:[\n          _vm.slash2Class,\n          i % 2 === 0 ? 'slash-blue' : 'slash-light-blue'\n        ],style:(_vm.slash2Style(i))})}),0):_vm._e(),(_vm.$vuetify.breakpoint.mdAndUp && _vm.nameTeamOrAcceptRoute)?_c('div',{key:\"name-team-slashes\"},_vm._l((_vm.noSlash),function(i){return _c('div',{key:(\"name-team-slash-\" + i),staticClass:\"o-slash slash-2\",class:[\n          _vm.slash2Class,\n          i % 2 === 0 ? 'slash-grey' : 'slash-grey-reverse'\n        ],style:(_vm.slash2Style(i))})}),0):_vm._e()]),_c('transition',{attrs:{\"name\":\"fade\",\"mode\":\"out-in\"}},[_c('router-view',{staticClass:\"router-view\",staticStyle:{\"z-index\":\"3\"}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./Onboard-Page.vue?vue&type=style&index=0&id=207874a9&prod&lang=scss&scoped=true&\""],"sourceRoot":""}