{"version":3,"sources":["webpack:///./src/components/OverlayGallery.vue?c900","webpack:///./src/components/OverlayGallery.vue?9e87","webpack:///./src/components/OverlayGallery.vue","webpack:///./src/components/OverlayGallery.vue?d47a","webpack:///./node_modules/core-js/modules/es.string.match.js","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","fixRegExpWellKnownSymbolLogic","anObject","toLength","requireObjectCoercible","advanceStringIndex","regExpExec","MATCH","nativeMatch","maybeCallNative","regexp","O","matcher","undefined","call","RegExp","String","res","done","rx","S","global","fullUnicode","unicode","lastIndex","result","A","n","matchStr","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":"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","file":"js/chunk-96869c24.48f8ea1b.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=44e9e8c2&\"\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&\"","'use strict';\nvar fixRegExpWellKnownSymbolLogic = require('../internals/fix-regexp-well-known-symbol-logic');\nvar anObject = require('../internals/an-object');\nvar toLength = require('../internals/to-length');\nvar requireObjectCoercible = require('../internals/require-object-coercible');\nvar advanceStringIndex = require('../internals/advance-string-index');\nvar regExpExec = require('../internals/regexp-exec-abstract');\n\n// @@match logic\nfixRegExpWellKnownSymbolLogic('match', 1, function (MATCH, nativeMatch, maybeCallNative) {\n  return [\n    // `String.prototype.match` method\n    // https://tc39.github.io/ecma262/#sec-string.prototype.match\n    function match(regexp) {\n      var O = requireObjectCoercible(this);\n      var matcher = regexp == undefined ? undefined : regexp[MATCH];\n      return matcher !== undefined ? matcher.call(regexp, O) : new RegExp(regexp)[MATCH](String(O));\n    },\n    // `RegExp.prototype[@@match]` method\n    // https://tc39.github.io/ecma262/#sec-regexp.prototype-@@match\n    function (regexp) {\n      var res = maybeCallNative(nativeMatch, regexp, this);\n      if (res.done) return res.value;\n\n      var rx = anObject(regexp);\n      var S = String(this);\n\n      if (!rx.global) return regExpExec(rx, S);\n\n      var fullUnicode = rx.unicode;\n      rx.lastIndex = 0;\n      var A = [];\n      var n = 0;\n      var result;\n      while ((result = regExpExec(rx, S)) !== null) {\n        var matchStr = String(result[0]);\n        A[n] = matchStr;\n        if (matchStr === '') rx.lastIndex = advanceStringIndex(S, toLength(rx.lastIndex), fullUnicode);\n        n++;\n      }\n      return n === 0 ? null : A;\n    }\n  ];\n});\n","<template>\n  <div class=\"overlay-pop\">\n    <div class=\"overlay-pop--box gallery\">\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(\"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":""}