{"version":3,"sources":["webpack:///./src/components/OverlayGallery.vue?57d6","webpack:///./src/components/OverlayGallery.vue?9e87","webpack:///./src/components/OverlayGallery.vue","webpack:///./src/components/OverlayGallery.vue?d47a","webpack:///src/components/OverlayGallery.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_t","class","attrs","slideCount","model","value","callback","$$v","index","expression","mediaReady","_l","item","key","media_type_id","mediaTypes","image","title","_e","src","staticRenderFns","component","props","children","type","Array","required","isGallery","Boolean","default","sliderIndex","Number","components","aslider","SliderItem","data","video","created","setChildrenSrc","watch","mounted","bindKeyEvents","destroyed","unbindKeyEvents","methods","document","addEventListener","keyupHandler","removeEventListener","frameError","console","log","e","length","forEach","child","vm","parseSrc","url","setTimeout","setGalleryIndex","_i","i","last","fetchId","_","match","indexOf","computed","currentSrc"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,4BAA4B,CAACN,EAAIO,GAAG,SAASH,EAAG,UAAU,CAACI,MAAM,CAAC,kBAAkBC,MAAM,CAAC,UAAY,OAAO,UAAW,EAAM,OAAS,OAAO,WAAaT,EAAIU,WAAa,GAAI,SAAiB,cAAcV,EAAIU,WAAa,GAAGC,MAAM,CAACC,MAAOZ,EAAS,MAAEa,SAAS,SAAUC,GAAMd,EAAIe,MAAMD,GAAKE,WAAW,UAAU,CAAGhB,EAAIiB,WAA4BjB,EAAIkB,GAAIlB,EAAY,UAAE,SAASmB,EAAKJ,GAAO,OAAOX,EAAG,cAAc,CAACgB,IAAIL,GAAO,CAACX,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAAC,CAAEa,EAAKE,gBAAkBrB,EAAIsB,WAAWC,MAAOnB,EAAG,MAAM,CAACK,MAAM,CAAC,IAAMU,EAAKI,MAAM,IAAMJ,EAAKK,SAASxB,EAAIyB,KAAKrB,EAAG,SAAS,CAACK,MAAM,CAAC,MAAQ,MAAM,OAAS,MAAM,IAAMU,EAAKO,IAAI,YAAc,IAAI,MAAQ,0EAA0E,gBAAkB,QAAQ,QAA3btB,EAAG,cAAgc,IAAI,MAC56BuB,EAAkB,G,YCDkU,S,wBCQpVC,EAAY,eACd,EACA7B,EACA4B,GACA,EACA,KACA,KACA,MAIa,aAAAC,E,6CCnBf,yBAAkmB,EAAG,G,oLC2CrmB,QACEC,MAAO,CACLC,SAAU,CACRC,KAAMC,MACNC,UAAU,GAEZC,UAAW,CACTH,KAAMI,QACNC,SAAS,GAEXC,YAAa,CACXN,KAAMO,OACNF,SAAU,IAGdG,WAAY,CACVC,QAAS,EAAb,KACIC,WAAJ,QAGEC,KApBF,WAqBI,MAAO,CACLpB,WAAY,CACVqB,MAAO,EACPpB,MAAO,MAETN,YAAY,EACZF,OAAQ,IAGZ6B,QA9BF,WA+BI3C,KAAKc,MAAQd,KAAKoC,YAClBpC,KAAK4C,kBAEPC,MAAO,CACLT,YADJ,WAEMpC,KAAKgB,YAAa,EAClBhB,KAAKc,MAAQd,KAAKoC,aAEpBtB,MALJ,WAMMd,KAAKgB,YAAa,GAEpBa,SARJ,WASM7B,KAAK4C,mBAGTE,QA9CF,WA+CI9C,KAAK+C,iBAEPC,UAjDF,WAkDIhD,KAAKiD,mBAEPC,QAAS,OAAX,OAAW,CAAX,kBACA,qCADA,IAEIH,cAFJ,WAGMI,SAASC,iBAAiB,QAASpD,KAAKqD,cAAc,IAExDJ,gBALJ,WAMME,SAASG,oBAAoB,QAAStD,KAAKqD,cAAc,IAE3DE,WARJ,SAQA,GACMC,QAAQC,IAAI,eAAgBC,IAE9Bd,eAXJ,WAaM,GADA5C,KAAKgB,YAAa,EACdhB,KAAK6B,UAAY7B,KAAK6B,SAAS8B,OAAQ,CACzC,IAAR,OACQ3D,KAAK6B,SAAS+B,SAAQ,SAA9B,GACUC,EAAMpC,IAAMqC,EAAGC,SAASF,EAAMG,QAGlCC,WACN,WACQ,KAAR,eACA,WACA,MAGIZ,aA1BJ,SA0BA,GACM,GAAIK,EAAEvC,IACJ,GAAc,WAAVuC,EAAEvC,IACJnB,KAAKkE,iBAAiB,OAChC,CACU,IAAV,EACA,aACA,oBACU,GAAc,eAAVR,EAAEvC,IACJgD,EAAKC,IAAMC,EAAO,EAAID,EAAI,MACtC,wBAGY,OAAO,EAFPD,EAAW,IAANC,EAAUC,EAAOD,EAAI,EAI5BpE,KAAKkE,gBAAgBC,KAO3BG,QAhDJ,SAgDA,GACM,IAAN,kBACA,aACM,OAAOC,EAAEF,KAAKG,IAEhBT,SArDJ,SAqDA,GAIM,GAAN,iCAEQ,OAAOtC,EAET,GAAIA,EAAIgD,QAAQ,UAAY,EAAG,CAC7B,IAAR,wBACQ,MAAO,kCAAf,UACA,6BACQ,IAAR,eACQ,MAAO,iCAAf,sBAEM,OAAIhD,EAAIgD,QAAQ,KAAO,EAEd,iCAAf,UAEahD,KAWXiD,SAAU,CACRjE,WADJ,WAEM,OAAOT,KAAK6B,SAAS8B,QAEvBgB,WAJJ,WAKM,OAAO3E,KAAK6B,SAAS7B,KAAKc,OAAOW,S","file":"js/chunk-5d66792b.b6abdaad.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"overlay-pop\"},[_c('div',{staticClass:\"overlay-pop--box gallery\"},[_vm._t(\"close\"),_c('aslider',{class:['slider-gallery'],attrs:{\"animation\":\"fade\",\"autoplay\":false,\"height\":\"100%\",\"indicators\":_vm.slideCount > 1 ? 'center' : false,\"control-btn\":_vm.slideCount > 1},model:{value:(_vm.index),callback:function ($$v) {_vm.index=$$v},expression:\"index\"}},[(!_vm.mediaReady)?_c('preloader'):_vm._l((_vm.children),function(item,index){return _c('slider-item',{key:index},[_c('div',{staticClass:\"slider-item--content\"},[[(item.media_type_id === _vm.mediaTypes.image)?_c('img',{attrs:{\"src\":item.image,\"alt\":item.title}}):_vm._e(),_c('iframe',{attrs:{\"width\":\"560\",\"height\":\"315\",\"src\":item.src,\"frameborder\":\"0\",\"allow\":\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\",\"allowfullscreen\":\"\"}})]],2)])})],2)],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","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!./OverlayGallery.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!./OverlayGallery.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OverlayGallery.vue?vue&type=template&id=29141ee4&\"\nimport script from \"./OverlayGallery.vue?vue&type=script&lang=js&\"\nexport * from \"./OverlayGallery.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OverlayGallery.vue?vue&type=style&index=0&lang=stylus&\"\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","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../node_modules/style-resources-loader/lib/index.js??ref--11-oneOf-1-4!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OverlayGallery.vue?vue&type=style&index=0&lang=stylus&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../node_modules/style-resources-loader/lib/index.js??ref--11-oneOf-1-4!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OverlayGallery.vue?vue&type=style&index=0&lang=stylus&\"","<template>\n  <div class=\"overlay-pop\">\n    <div class=\"overlay-pop--box gallery\">\n      <!-- {{children}} -->\n      <slot name=\"close\"></slot>\n      <aslider\n        animation=\"fade\"\n        :autoplay=\"false\"\n        height=\"100%\"\n        :indicators=\"slideCount > 1 ? 'center' : false\"\n        :control-btn=\"slideCount > 1\"\n        :class=\"['slider-gallery']\"\n        v-model=\"index\"\n      >\n        <!-- :class=\"[isGallery ? 'slider-gallery' : '']\" -->\n        <preloader v-if=\"!mediaReady\"></preloader>\n        <slider-item v-else v-for=\"(item, index) in children\" :key=\"index\">\n          <div class=\"slider-item--content\">\n            <template>\n              <img\n                v-if=\"item.media_type_id === mediaTypes.image\"\n                :src=\"item.image\"\n                :alt=\"item.title\"\n              />\n             <iframe\n                width=\"560\"\n                height=\"315\"\n                :src=\"item.src\"\n                frameborder=\"0\"\n                allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n                allowfullscreen\n              ></iframe>\n            </template>\n          </div>\n        </slider-item>\n      </aslider>\n    </div>\n  </div>\n</template>\n<script>\n// import LazyYoutubeVideo from \"vue-lazy-youtube-video\";\nimport { mapActions } from \"vuex\";\nimport { Slider, SliderItem } from \"vue-easy-slider\";\nexport default {\n  props: {\n    children: {\n      type: Array,\n      required: false\n    },\n    isGallery: {\n      type: Boolean,\n      default: false\n    },\n    sliderIndex: {\n      type: Number,\n      default: -1\n    }\n  },\n  components: {\n    aslider: Slider,\n    SliderItem\n    // LazyYoutubeVideo\n  },\n  data() {\n    return {\n      mediaTypes: {\n        video: 5,\n        image: null //4 TEMPORARY >> Videos are still with this ID so, I'm dropping it to avoid bugs.\n      },\n      mediaReady: false,\n      index: -1\n    };\n  },\n  created() {\n    this.index = this.sliderIndex;\n    this.setChildrenSrc();\n  },\n  watch: {\n    sliderIndex() {\n      this.mediaReady = false;\n      this.index = this.sliderIndex;\n    },\n    index() {\n      this.mediaReady = true;\n    },\n    children() {\n      this.setChildrenSrc();\n    }\n  },\n  mounted() {\n    this.bindKeyEvents();\n  },\n  destroyed() {\n    this.unbindKeyEvents();\n  },\n  methods: {\n    ...mapActions([\"setGalleryIndex\"]),\n    bindKeyEvents() {\n      document.addEventListener(\"keyup\", this.keyupHandler, false);\n    },\n    unbindKeyEvents() {\n      document.removeEventListener(\"keyup\", this.keyupHandler, false);\n    },\n    frameError(e) {\n      console.log(\"frame err > \", e);\n    },\n    setChildrenSrc() {\n      this.mediaReady = false;\n      if (this.children && this.children.length) {\n        let vm = this;\n        this.children.forEach(child => {\n          child.src = vm.parseSrc(child.url);\n        });\n      }\n      setTimeout(\n        function() {\n          this.mediaReady = true;\n        }.bind(this),\n        200\n      );\n    },\n    keyupHandler(e) {\n      if (e.key) {\n        if (e.key === \"Escape\") {\n          this.setGalleryIndex(-1);\n        } else {\n          let _i,\n            i = this.index,\n            last = this.slideCount - 1;\n          if (e.key === \"ArrowRight\") {\n            _i = i === last ? 0 : i + 1;\n          } else if (e.key === \"ArrowLeft\") {\n            _i = i === 0 ? last : i - 1;\n          } else {\n            return false;\n          }\n          this.setGalleryIndex(_i);\n        }\n      }\n    },\n    // frameLoaded() {\n    //   this.mediaReady = true;\n    // },\n    fetchId(url) {\n      let code = /[A-Za-z0-9]+/g,\n        match = url.match(code);\n      return _.last(match);\n    },\n    parseSrc(src) {\n      // return \"wecftv6jor4\";\n      // let id = this.$youtube.getIdFromURL(src)\n      // return id;\n      if(src.indexOf(\"player.vimeo.com\")>-1)\n      {\n        return src;\n      }\n      if (src.indexOf(\"vimeo\") > -1) {\n        let code = src.match(/[0-9]+/g)[0];\n        return `https://player.vimeo.com/video/${code}`;\n      } else if (src.indexOf(\"youtu.be\") > -1) {\n        let code = src.split(\"/\");\n        return `https://www.youtube.com/embed/${code[code.length - 1]}`;\n      }\n      if (src.indexOf(\"/\") < 0) {\n        // let code = src.match(/[0-9]+/g)[0];\n        return `https://www.youtube.com/embed/${src}`;\n      }\n      return src;\n    }\n    // parseTitle(title) {\n    //   if (title.indexOf(\"@\") > -1) {\n    //     // RETURN SVG\n    //     let svg = title.substring(1);\n    //     return `<img src=\"/img/product-logos/${svg}.svg\" />`;\n    //   }\n    //   return title;\n    // }\n  },\n  computed: {\n    slideCount() {\n      return this.children.length;\n    },\n    currentSrc() {\n      return this.children[this.index].src;\n    }\n  }\n};\n</script>\n<style lang=\"stylus\">\n\n.close-overlay\n  position absolute\n  top 2vmin\n  right 2vmin\n  z-index 1001\n  color gray_3\n  font-size 4vmin\n  display block\n  cursor pointer\n  // transition opacity 0.3s ease-out\n  hoverize(gray_8, color)\n.gallery\n  // position fixed\n  // top 90px\n  // left 0\n  // width 100%\n  // height calc(100% - 90px)\n  // background rgba(gray_0, 0.99)\n  // z-index 100\n  // +below(615px)\n  //   top 60px\n  .preloader\n    opacity 0.2\n  .slider-indicators\n    left 50%\n    transform translateX(-50%)\n    +below(815px)\n      bottom 8px\n  .slider-indicator-active\n    background rgba(gray_8, 0.8) !important\n  .slider\n    height 100% !important\n    &-item\n      _flex(row, nowrap, center, center)\n      &--content\n        width 90%\n        height 90%\n        +below(815px)\n          width 80%\n          max-height 80%\n        iframe\n        img\n          width 100%\n          height 96%\n      // position absolute\n      // top 50%\n      // left 50%\n      // transform translate(-50%,-50%)\n</style>\n"],"sourceRoot":""}