{"version":3,"sources":["webpack:///./src/components/HomepageUISmall.vue?5f11","webpack:///./src/components/HomepageUISmall.vue?2458","webpack:///src/components/HomepageUISmall.vue","webpack:///./src/components/HomepageUISmall.vue?2482","webpack:///./src/components/HomepageUISmall.vue?cf87","webpack:///./src/assets/loader.gif"],"names":["render","_vm","this","_h","$createElement","_self","_c","_m","staticRenderFns","staticClass","attrs","name","computed","videoList","$store","state","currentIndex","currentVideo","hasVideos","getters","methods","onPageChange","setCurrentVideo","newSlide","commit","index","nextSlide","length","previousSlide","mounted","$router","replace","component","module","exports"],"mappings":"yIAAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAsBH,EAAII,MAAMC,GAAO,OAAOL,EAAIM,GAAG,IACnGC,EAAkB,CAAC,WAAa,IAAIP,EAAIC,KAASC,EAAGF,EAAIG,eAAmBE,EAAGL,EAAII,MAAMC,IAAIH,EAAG,OAAOG,EAAG,MAAM,CAACG,YAAY,YAAY,CAACH,EAAG,MAAM,CAACG,YAAY,SAASC,MAAM,CAAC,IAAM,EAAQ,QAAwB,IAAM,yB,wBCgN/N,GACEC,KAAM,2BACNC,SAAU,CACRC,UADJ,WAEM,OAAOX,KAAKY,OAAOC,MAAMF,WAE3BG,aAJJ,WAKM,OAAOd,KAAKY,OAAOC,MAAME,cAE3BC,UAPJ,WAQM,OAAOhB,KAAKY,OAAOK,QAAQD,WAE7BD,aAVJ,WAWM,OAAOf,KAAKgB,UAClB,kCACA,mCAGEE,QAAS,CACPC,aADJ,SACA,GACMnB,KAAKoB,gBAAgBC,IAEvBD,gBAJJ,SAIA,GACMpB,KAAKY,OAAOU,OAAO,kBAAmBC,IAExCC,UAPJ,WAQUxB,KAAKc,aAAe,GAAKd,KAAKW,UAAUc,OAC1CzB,KAAKoB,gBAAgB,GAErBpB,KAAKoB,gBAAgBpB,KAAKc,aAAe,IAG7CY,cAdJ,WAeU1B,KAAKc,aAAe,EAAI,EAC1Bd,KAAKoB,gBAAgBpB,KAAKW,UAAUc,OAAS,GAE7CzB,KAAKoB,gBAAgBpB,KAAKc,aAAe,KAI/Ca,QAxCF,WAyCI3B,KAAK4B,QAAQC,QAAQ,CAAzB,mFC1PyV,I,wBCQrVC,EAAY,eACd,EACAhC,EACAQ,GACA,EACA,KACA,WACA,MAIa,aAAAwB,E,8BCnBfC,EAAOC,QAAU,IAA0B","file":"js/chunk-2f8a7b26.168a54f4.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!./HomepageUISmall.vue?vue&type=style&index=0&id=814f91dc&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"homepage\"},[_c('img',{staticClass:\"loader\",attrs:{\"src\":require(\"../assets/loader.gif\"),\"alt\":\"Loading website\"}})])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"homepage\">\n    <img src=\"../assets/loader.gif\" alt=\"Loading website\" class=\"loader\">\n    <!--<div\n      class=\"homepage__slider__background--large\"\n      :style=\"`background-image: url('${currentVideo.backgroundImage}')`\"\n    ></div>\n    <div class=\"homepage__info\">\n      <div class=\"homepage__header\">\n        <div class=\"homepage__header__logos\">\n          <div class=\"homepage__header__logo\">\n            <img src=\"../assets/bfna-documentaries-logo.png\" alt=\"Bertelsman Foundation Documentaries\" class=\"documentaries\" />\n          </div>\n        </div>\n      </div>\n\n      <VideoDescription />\n      <div class=\"homepage__footer\" v-show=\"hasVideos\">\n      </div>\n    </div>-->\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.homepage {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0,8,12,1);\n}\n\n.loader {\n  position: absolute;\n  width: 30%;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n/*\n.homepage__slider__background--large {\n  z-index: -1;\n  position: relative;\n}\n.homepage {\n  position: relative;\n  width: 100%;\n  height: 100vh;\n  overflow: hidden;\n\n  &__slider {\n    width: 100%;\n    height: 100vh;\n  }\n\n  &__info {\n    position: absolute;\n    display: flex;\n    justify-content: space-between;\n    flex-direction: column;\n    padding: 32px 16px 40px 16px;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    top: 0;\n    user-select: none;\n    background-color: rgba(0, 0, 0, 0.48);\n  }\n\n  &__header {\n    display: flex;\n    justify-content: space-between;\n\n    &__logos {\n      display: flex;\n      width: 100%;\n    }\n\n    &__logo {\n      display: block;\n      width: 100%;\n      img {\n        width: 60%;\n      }\n\n      & + & {\n        margin-top: 10px;\n      }\n      h2 {\n        padding-top: 8px;\n        color: #fc8b00;\n        font-size: 1em;\n        font-weight: 700;\n        letter-spacing: 2.75px;\n        text-transform: uppercase;\n      }\n    }\n\n    &__title {\n      color: #fc8b00;\n      text-transform: uppercase;\n      font-size: 1rem;\n      font-weight: 500;\n    }\n  }\n\n  &__footer {\n    display: flex;\n    flex-direction: column;\n    padding: 0 16px;\n  }\n\n  &__description {\n    flex: 1;\n    padding-top: 8px;\n\n    h2 {\n      color: #fc8b00;\n      font-size: 0.875em;\n      font-weight: 700;\n      letter-spacing: 2px;\n      text-transform: uppercase;\n      margin: 0;\n    }\n\n    h1 {\n      color: #ffffff;\n      font-size: 1.5em;\n      font-weight: 300;\n      letter-spacing: 5px;\n      line-height: 32px;\n      text-transform: uppercase;\n      margin: 4px 0;\n    }\n\n    p {\n      color: #ffffff;\n      font-size: 0.875em;\n      font-weight: 300;\n      margin: 0;\n    }\n  }\n\n  &__controls {\n    @extend .material-icons;\n    position: absolute;\n    background-color: #08415c;\n    padding: 12px;\n    font-size: 36px;\n    box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.25);\n    top: 33%;\n    cursor: pointer;\n    user-select: none;\n    transform: translateY(-50%);\n    z-index: 10;\n\n    &--left {\n      left: 0;\n    }\n\n    &--right {\n      right: 0;\n    }\n  }\n\n  &__play-video {\n    position: relative;\n    display: block;\n    text-align: center;\n    width: 100%;\n    text-transform: uppercase;\n    font-weight: 700;\n    font-size: 1.25em;\n    color: #ffffff;\n    margin: 16px 0 0 0;\n\n    &__icon {\n      display: inline-block;\n      position: relative;\n      width: 36px;\n\n      &::before {\n        position: absolute;\n        content: \"\";\n        background-color: #fc8b00;\n        width: 29px;\n        height: 29px;\n        bottom: -7px;\n        left: 0;\n        border-radius: 50%;\n      }\n\n      &::after {\n        @extend .material-icons;\n        position: absolute;\n        content: \"play_arrow\";\n        bottom: -5px;\n        left: 2px;\n        font-size: 1.25em;\n      }\n    }\n  }\n}*/\n</style>\n\n<script>\nimport utils from \"../utils\";\n\nexport default {\n  name: \"HomepageUILargeComponent\",\n  computed: {\n    videoList() {\n      return this.$store.state.videoList;\n    },\n    currentIndex() {\n      return this.$store.state.currentVideo;\n    },\n    hasVideos() {\n      return this.$store.getters.hasVideos;\n    },\n    currentVideo() {\n      return this.hasVideos\n        ? this.videoList[this.currentIndex]\n        : this.$store.getters.emptyEpisode;\n    },\n  },\n  methods: {\n    onPageChange(newSlide) {\n      this.setCurrentVideo(newSlide);\n    },\n    setCurrentVideo(index) {\n      this.$store.commit(\"setCurrentVideo\", index);\n    },\n    nextSlide() {\n      if (this.currentIndex + 1 >= this.videoList.length) {\n        this.setCurrentVideo(0);\n      } else {\n        this.setCurrentVideo(this.currentIndex + 1);\n      }\n    },\n    previousSlide() {\n      if (this.currentIndex - 1 < 0) {\n        this.setCurrentVideo(this.videoList.length - 1);\n      } else {\n        this.setCurrentVideo(this.currentIndex - 1);\n      }\n    },\n  },\n  mounted() {\n    this.$router.replace({ name: \"documentaryInternal\", params: { id: utils.slugify(this.currentVideo.title) } });\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!./HomepageUISmall.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!./HomepageUISmall.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HomepageUISmall.vue?vue&type=template&id=814f91dc&scoped=true&\"\nimport script from \"./HomepageUISmall.vue?vue&type=script&lang=js&\"\nexport * from \"./HomepageUISmall.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HomepageUISmall.vue?vue&type=style&index=0&id=814f91dc&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  \"814f91dc\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/loader.5faa1160.gif\";"],"sourceRoot":""}