{"version":3,"sources":["webpack:///./src/components/layout/HowToSubNav.vue?6c13","webpack:///./src/views/HowToVideos/CurrentHowToVideo.vue?2756","webpack:///./src/components/layout/HowToSubNav.vue?cf74","webpack:///src/components/layout/HowToSubNav.vue","webpack:///./src/components/layout/HowToSubNav.vue?12fd","webpack:///./src/components/layout/HowToSubNav.vue?bb77","webpack:///src/views/HowToVideos/CurrentHowToVideo.vue","webpack:///./src/views/HowToVideos/CurrentHowToVideo.vue?d172","webpack:///./src/views/HowToVideos/CurrentHowToVideo.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","videoId","title","_v","_s","isVimeo","staticRenderFns","_l","route","key","video","description","props","String","data","routes","component","components","BaseView","HowToSubNav","videos","zn2gnc2gew","fo3vt4l169","rmnvj4h23q","l43se5rk77","ymiebya71z","hgdfjxundu","w069p3jvbk","rjze84w3jy","vimeo","$route","params","mounted","watch"],"mappings":"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","file":"js/chunk-6238e4b7.222a1d14.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HowToSubNav.vue?vue&type=style&index=0&id=0d84610e&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('base-view',{attrs:{\"id\":\"current-video\"}},[_c('div',{staticClass:\"flex flex-col lg:flex-row lg:justify-center w-full lg:px-24 my-0 \"},[_c('div',{staticClass:\"w-full lg:w-1/3\"},[_c('how-to-sub-nav',{attrs:{\"title\":\"How to Videos\"}})],1),_c('div',{staticClass:\"flex flex-row mb-6 overflow-auto lg:flex-col w-full lg:w-2/3 lg:pl-12\"},[_c('div',{staticClass:\"pt-0 lg:pt-16 pb-16 w-full h-full\"},[(!_vm.videoId && !_vm.title)?_c('div',[_c('p',[_vm._v(\"Loading...\")])]):_c('div',{staticClass:\"w-full h-full\"},[_c('h1',{staticClass:\"mb-12 text-4xl ml-4 text-left font-semibold\"},[_vm._v(\" \"+_vm._s(_vm.title)+\" \")]),_c('div',{staticClass:\"flex flex-row flex-wrap items-start justify-between\"},[_c('div',{staticClass:\"w-full h-full text-center\"},[_c('div',{staticClass:\"mb-4 w-full h-full\"},[(!_vm.isVimeo)?_c('iframe',{staticClass:\"mx-auto lg:mx-4 mb-12 border border-neutral border-solid rounded w-full sm:w-3/4 h-96 \",attrs:{\"src\":(\"https://fast.wistia.net/embed/iframe/\" + _vm.videoId + \"?seo=false&playerColor=006840\"),\"allowfullscreen\":\"\",\"mozallowfullscreen\":\"\",\"webkitallowfullscreen\":\"\",\"oallowfullscreen\":\"\",\"msallowfullscreen\":\"\"}}):_c('iframe',{staticClass:\"mx-auto lg:mx-4 mb-12 border border-neutral border-solid rounded w-full sm:w-3/4 h-96 \",attrs:{\"src\":(\"https://player.vimeo.com/video/\" + _vm.videoId + \"?h=0ec833cd06&badge=0&autopause=0&player_id=0&app_id=58479 [player.vimeo.com]\"),\"allowfullscreen\":\"\",\"mozallowfullscreen\":\"\",\"webkitallowfullscreen\":\"\",\"oallowfullscreen\":\"\",\"msallowfullscreen\":\"\"}})])])])])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"w-auto h-full mx-4 my-0 lg:max-w-6xl \"},[_c('div',{staticClass:\"flex flex-col justify-start w-auto h-full pt-16 pb-16 my-0 lg:flex-row\"},[_c('div',{staticClass:\"flex flex-row\"},[_c('div',{staticClass:\"w-full text-left lg:w-72 nav first:mt-0\"},[_c('h3',{staticClass:\"mb-2 text-xl font-semibold\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"flex flex-row mb-6 overflow-auto lg:flex-col\"},_vm._l((_vm.routes),function(route){return _c('router-link',{key:route.video,staticClass:\"block p-2 text-base transition-colors border-b rounded-t lg:border-b-0 whitespace-nowrap lg:rounded-b hover:bg-neutral-light active:bg-neutral cursor-pointer\",attrs:{\"to\":(\"/how-to-videos/\" + (route.video))}},[_vm._v(\" \"+_vm._s(route.description)+\" \")])}),1)]),_c('div',{staticClass:\"hidden mx-4 border-r lg:block\"})])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"w-auto h-full mx-4 my-0 lg:max-w-6xl \">\n    <div\n      class=\"flex flex-col justify-start w-auto h-full pt-16 pb-16 my-0 lg:flex-row\"\n    >\n      <div class=\"flex flex-row\">\n        <div class=\"w-full text-left lg:w-72 nav first:mt-0\">\n          <h3 class=\"mb-2 text-xl font-semibold\">{{ title }}</h3>\n          <div class=\"flex flex-row mb-6 overflow-auto lg:flex-col\">\n            <router-link\n              v-for=\"route in routes\"\n              :key=\"route.video\"\n              :to=\"`/how-to-videos/${route.video}`\"\n              class=\"block p-2 text-base transition-colors border-b rounded-t lg:border-b-0 whitespace-nowrap lg:rounded-b hover:bg-neutral-light active:bg-neutral cursor-pointer\"\n            >\n              {{ route.description }}\n            </router-link>\n          </div>\n        </div>\n        <div class=\"hidden mx-4 border-r lg:block\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    title: String\n  },\n  data() {\n    return {\n      routes: [\n        { video: \"zn2gnc2gew\", description: \"What items are elligible?\" },\n        { video: \"fo3vt4l169\", description: \"How does my debit card work?\" },\n        // {\n        //   video: \"jaw27m0mdd\",\n        //   description: \"How do I register for a direct deposit?\"\n        // },\n        { video: \"33oc95u3ef\", description: \"How do I complete my profile?\" },\n        { video: \"rmnvj4h23q\", description: \"How do I enroll in text alerts?\" },\n        { video: \"l43se5rk77\", description: \"How do I check my balance?\" },\n        { video: \"ymiebya71z\", description: \"How do I file a claim?\" },\n        { video: \"hgdfjxundu\", description: \"How do I make a bill payment?\" },\n        {\n          video: \"w069p3jvbk\",\n          description: \"How do I download the mobile app?\"\n        },\n        { video: \"rjze84w3jy\", description: \"How do I view my HSA statement?\" }\n      ]\n    };\n  }\n};\n</script>\n\n<style scoped>\na.router-link-active {\n  color: theme(\"colors.primary.light\");\n  background-color: theme(\"colors.neutral.light\");\n  border-bottom: 0.25rem solid theme(\"colors.primary.light\");\n  border-right: none;\n}\n\n@media only screen and (min-width: 1024px) {\n  a.router-link-active {\n    border-right: 0.25rem solid theme(\"colors.primary.light\");\n    border-bottom: none;\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!./HowToSubNav.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!./HowToSubNav.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HowToSubNav.vue?vue&type=template&id=0d84610e&scoped=true&\"\nimport script from \"./HowToSubNav.vue?vue&type=script&lang=js&\"\nexport * from \"./HowToSubNav.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HowToSubNav.vue?vue&type=style&index=0&id=0d84610e&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  \"0d84610e\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <base-view id=\"current-video\">\n    <div\n      class=\"flex flex-col lg:flex-row lg:justify-center w-full lg:px-24 my-0 \"\n    >\n      <div class=\"w-full lg:w-1/3\">\n        <how-to-sub-nav title=\"How to Videos\" />\n      </div>\n      <div\n        class=\"flex flex-row mb-6 overflow-auto lg:flex-col w-full lg:w-2/3 lg:pl-12\"\n      >\n        <div class=\"pt-0 lg:pt-16 pb-16 w-full h-full\">\n          <div v-if=\"!videoId && !title\">\n            <p>Loading...</p>\n          </div>\n          <div v-else class=\"w-full h-full\">\n            <h1 class=\"mb-12 text-4xl ml-4 text-left font-semibold\">\n              {{ title }}\n            </h1>\n            <div class=\"flex flex-row flex-wrap items-start justify-between\">\n              <div class=\"w-full h-full text-center\">\n                <div class=\"mb-4 w-full h-full\">\n                  <iframe\n                    v-if=\"!isVimeo\"\n                    class=\"mx-auto lg:mx-4 mb-12 border border-neutral border-solid rounded w-full sm:w-3/4 h-96 \"\n                    :src=\"\n                      `https://fast.wistia.net/embed/iframe/${videoId}?seo=false&playerColor=006840`\n                    \"\n                    allowfullscreen\n                    mozallowfullscreen\n                    webkitallowfullscreen\n                    oallowfullscreen\n                    msallowfullscreen\n                  />\n                  <iframe\n                    v-else\n                    class=\"mx-auto lg:mx-4 mb-12 border border-neutral border-solid rounded w-full sm:w-3/4 h-96 \"\n                    :src=\"\n                      `https://player.vimeo.com/video/${videoId}?h=0ec833cd06&badge=0&autopause=0&player_id=0&app_id=58479 [player.vimeo.com]`\n                    \"\n                    allowfullscreen\n                    mozallowfullscreen\n                    webkitallowfullscreen\n                    oallowfullscreen\n                    msallowfullscreen\n                  />\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </base-view>\n</template>\n\n<script>\nimport BaseView from \"@/components/layout/BaseView.vue\";\nimport HowToSubNav from \"@/components/layout/HowToSubNav.vue\";\n\nexport default {\n  components: {\n    BaseView,\n    HowToSubNav\n  },\n  data() {\n    return {\n      videos: {\n        zn2gnc2gew: \"What items are elligible?\",\n        fo3vt4l169: \"How does my debit card work?\",\n        // jaw27m0mdd: \"How do I register for a direct deposit?\",\n        \"33oc95u3ef\": \"How do I complete my profile?\",\n        rmnvj4h23q: \"How do I enroll in text alerts?\",\n        l43se5rk77: \"How do I check my balance?\",\n        ymiebya71z: \"How do I file a claim?\",\n        hgdfjxundu: \"How do I make a bill payment?\",\n        w069p3jvbk: \"How do I download the mobile app?\",\n        rjze84w3jy: \"How do I view my HSA statement?\"\n      },\n      vimeo: {\n        \"288778849\": \"HSA Devenir Guide\",\n        \"780805966\":\n          \"HSA Devenir Investment - How Do I Use this Investment Tool?\"\n      },\n      isVimeo: false,\n      title: \"\",\n      videoId: this.$route.params.video\n    };\n  },\n  mounted() {\n    if (this.videos[this.videoId]) {\n      this.isVimeo = false;\n      this.title = this.videos[this.videoId];\n    } else {\n      this.isVimeo = true;\n      this.title = this.vimeo[this.videoId];\n    }\n  },\n  watch: {\n    $route() {\n      if (this.$route.params.video) {\n        this.videoId = this.$route.params.video;\n        if (this.videos[this.videoId]) {\n          this.isVimeo = false;\n          this.title = this.videos[this.videoId];\n        } else {\n          this.isVimeo = true;\n          this.title = this.vimeo[this.videoId];\n        }\n      }\n    }\n  }\n};\n</script>\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!./CurrentHowToVideo.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!./CurrentHowToVideo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CurrentHowToVideo.vue?vue&type=template&id=3dea827d&\"\nimport script from \"./CurrentHowToVideo.vue?vue&type=script&lang=js&\"\nexport * from \"./CurrentHowToVideo.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":""}