{"version":3,"file":"chunk.161.6e2a1c2e789440c9.js","mappings":"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","sources":["webpack://tombras/./js/vue/components/ProductDetail/ProductViewer.vue","webpack://tombras/./node_modules/stream-vue/lib/index.es.js","webpack://tombras/js/vue/components/ProductDetail/ProductViewer.vue","webpack://tombras/./js/vue/components/ProductDetail/ProductViewer.vue?2a76","webpack://tombras/./js/vue/components/ProductDetail/ProductViewer.vue?6cdd"],"sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"product-viewer swipe-panel frow gutters\"},[_c('div',{staticClass:\"swipe-panel--listing col-sm-2-12\",class:{ 'hide-in-mobile': _vm.images && _vm.images.length === 1 }},[_c('ul',{staticClass:\"preview-list\"},[_vm._l((_vm.images),function(m,idx){return _c('li',{key:`media-${idx}`,staticClass:\"preview\"},[_c('div',{staticClass:\"image-holder\",class:{ active: _vm.viewing === idx },attrs:{\"tabindex\":\"0\"},on:{\"click\":function($event){return _vm.updateViewing(idx)},\"mouseenter\":function($event){return _vm.updateViewing(idx)}}},[_c('img',{attrs:{\"data-object-fit\":\"\",\"src\":m.url || m,\"alt\":m.alt ? `Preview of ${m.alt}` : `Preview of ${_vm.currentVariant.title}`}})])])}),_vm._l((_vm.videos),function(m,idx){return (_vm.videos && _vm.videos.length > 0)?_c('li',{key:`media-${(idx + _vm.images.length)}`,staticClass:\"preview preview-video\"},[_c('div',{staticClass:\"video-holder silent\",class:{ active: _vm.viewing === (idx + _vm.images.length) },attrs:{\"tabindex\":\"0\"},on:{\"click\":function($event){_vm.updateViewing((idx + _vm.images.length))},\"mouseenter\":function($event){_vm.updateViewing((idx + _vm.images.length), m)}}},[_c('VideoStream',{attrs:{\"src\":m,\"muted\":\"\"}})],1),_c('div',{staticClass:\"video-holder-play-btn-icon\"})]):_vm._e()})],2)]),_c('div',{staticClass:\"swipe-panel--viewer col-sm-10-12\"},[_c('div',{staticClass:\"bookmark--wrapper\"},[(_vm.showBookmark)?_c('Bookmark',{attrs:{\"id\":_vm.currentVariant.sku,\"icon\":\"heart\",\"type\":\"product\"}}):_vm._e()],1),(_vm.mediaObjects.length > 1)?_c('div',{staticClass:\"photo-viewer-arrow left\",on:{\"click\":function($event){return _vm.updateViewing(_vm.viewing - 1)}}},[_c('span',{staticClass:\"icon-left-arrow\"})]):_vm._e(),_vm._l((_vm.images),function(m,idx){return _c('div',{key:`full-media-${idx})`,staticClass:\"media-item\",class:{ active: _vm.viewing === idx }},[_c('img',{attrs:{\"src\":m.url || m,\"alt\":m.alt ? m.alt : `Image of ${_vm.currentVariant.title}`}})])}),_vm._l((_vm.videos),function(m,idx){return _c('div',{key:`full-media-${(idx + _vm.images.length)}`,staticClass:\"media-item video-feature silent\",class:{ active: _vm.viewing === (idx + _vm.images.length) }},[_c('VideoStream',{attrs:{\"id\":`stream-${(idx + _vm.images.length)}`,\"src\":m,\"muted\":\"\",\"preload\":\"\",\"loop\":\"\",\"controls\":\"\"}})],1)}),(_vm.mediaObjects.length > 1)?_c('div',{staticClass:\"photo-viewer-arrow right\",on:{\"click\":function($event){return _vm.updateViewing(_vm.viewing + 1)}}},[_c('span',{staticClass:\"icon-right-arrow\"})]):_vm._e()],2)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","const extendVue = options => options\nconst scriptLocation =\n  'https://embed.videodelivery.net/embed/r4xu.fla9.latest.js'\nconst _Vue = require('vue')\nif (_Vue.config) {\n  _Vue.config.ignoredElements = [\n    ...(_Vue.config.ignoredElements || []),\n    'stream',\n  ]\n}\nconst VideoStream = extendVue({\n  name: 'VideoStream',\n  props: {\n    autoplay: { type: Boolean, default: false },\n    controls: { type: Boolean, default: false },\n    currentTime: { type: Number, default: 0 },\n    height: { type: [String, Number] },\n    width: { type: [String, Number] },\n    muted: { type: Boolean, default: false },\n    loop: { type: Boolean, default: false },\n    preload: {\n      type: [String, Boolean],\n    },\n    volume: { type: Number, default: 1 },\n  },\n  inheritAttrs: false,\n  data: () => ({\n    streamScript: null,\n  }),\n  mounted() {\n    this.initialiseStream()\n  },\n  watch: [\n    'autoplay',\n    'controls',\n    'currentTime',\n    'muted',\n    'loop',\n    'volume',\n    'preload',\n  ].reduce((obj, prop) => {\n    obj[prop] = function (val) {\n      this.updateProp(prop, val)\n    }\n    return obj\n  }, {}),\n  methods: {\n    updateProp(key, value) {\n      if (!this.$refs.stream) return\n      this.$refs.stream[key] = value\n    },\n    initialiseStream() {\n      this.streamScript =\n        this.streamScript ||\n        document.querySelector(`script[src=\"${scriptLocation}\"]`)\n      if (!this.streamScript) {\n        const streamScript = document.createElement('script')\n        streamScript.setAttribute('data-cfasync', 'false')\n        streamScript.setAttribute('defer', 'true')\n        streamScript.setAttribute('type', 'text/javascript')\n        streamScript.setAttribute('src', scriptLocation)\n        document.head.appendChild(streamScript)\n        this.streamScript = streamScript\n      }\n      if (window.__stream && this.$refs.stream) {\n        window.__stream.initElement(this.$refs.stream)\n      }\n    },\n  },\n  render(h) {\n    return h(\n      'div',\n      {\n        style: {\n          height: this.height ? this.height + 'px' : null,\n          width: this.width ? this.width + 'px' : null,\n        },\n        class: this.$attrs.class,\n      },\n      [\n        h('stream', {\n          attrs: {\n            ...this.$attrs,\n            class: null,\n            style: null,\n            autoplay: this.autoplay,\n            controls: this.controls,\n            currentTime: this.currentTime,\n            muted: this.muted,\n            loop: this.loop,\n            volume: this.volume,\n            preload:\n              typeof this.$attrs.preload === 'string'\n                ? this.$attrs.preload\n                : this.$attrs.preload === true\n                ? 'auto'\n                : 'none',\n          },\n          on: this.$listeners,\n          ref: 'stream',\n          tag: 'stream',\n        }),\n      ]\n    )\n  },\n  ...{\n    head: {\n      script: [\n        {\n          src: scriptLocation,\n          'data-cfasync': false,\n          defer: true,\n          type: 'text/javascript',\n          hid: 'cloudflare-stream-script',\n        },\n      ],\n    },\n    metaInfo: {\n      script: [\n        {\n          src: scriptLocation,\n          'data-cfasync': false,\n          defer: true,\n          type: 'text/javascript',\n          vmid: 'cloudflare-stream-script',\n        },\n      ],\n    },\n  },\n})\n\nexport { VideoStream }\n","<template>\n\t<div class=\"product-viewer swipe-panel frow gutters\">\n\t\t<div class=\"swipe-panel--listing col-sm-2-12\" :class=\"{ 'hide-in-mobile': images && images.length === 1 }\">\n\t\t\t<ul class=\"preview-list\">\n\t\t\t\t<!-- Image media -->\n\t\t\t\t<li\n\t\t\t\t\tclass=\"preview\"\n\t\t\t\t\tv-for=\"(m, idx) in images\"\n\t\t\t\t\t:key=\"`media-${idx}`\">\n\t\t\t\t\t<div\n\t\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\t\tclass=\"image-holder\"\n\t\t\t\t\t\t:class=\"{ active: viewing === idx }\"\n\t\t\t\t\t\t@click=\"updateViewing(idx)\"\n\t\t\t\t\t\t@mouseenter=\"updateViewing(idx)\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<img data-object-fit\n                 :src=\"m.url || m\"\n                 :alt=\"m.alt ? `Preview of ${m.alt}` : `Preview of ${currentVariant.title}`\" />\n\t\t\t\t\t</div>\n\t\t\t\t</li>\n\t\t\t\t<!-- Video media -->\n\t\t\t\t<li\n\t\t\t\t\tclass=\"preview preview-video\"\n\t\t\t\t  v-if=\"videos && videos.length > 0\"\n\t\t\t\t\tv-for=\"(m, idx) in videos\"\n\t\t\t\t\t:key=\"`media-${(idx + images.length)}`\">\n\t\t\t\t\t<div\n\t\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\t\tclass=\"video-holder silent\"\n\t\t\t\t\t\t:class=\"{ active: viewing === (idx + images.length) }\"\n\t\t\t\t\t\t@click=\"updateViewing((idx + images.length))\"\n\t\t\t\t\t\t@mouseenter=\"updateViewing((idx + images.length), m)\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t<VideoStream :src=\"m\" muted></VideoStream>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"video-holder-play-btn-icon\"></div>\n\t\t\t\t</li>\n\t\t\t</ul>\n\t\t</div>\n\t\t<div class=\"swipe-panel--viewer col-sm-10-12\">\n\t\t\t<div class=\"bookmark--wrapper\">\n\t\t\t\t<Bookmark\n\t\t\t\t\tv-if=\"showBookmark\"\n\t\t\t\t\t:id=\"currentVariant.sku\"\n\t\t\t\t\ticon=\"heart\"\n\t\t\t\t\ttype=\"product\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tv-if=\"mediaObjects.length > 1\"\n\t\t\t\t@click=\"updateViewing(viewing - 1)\"\n\t\t\t\tclass=\"photo-viewer-arrow left\"\n\t\t\t>\n\t\t\t\t<span class=\"icon-left-arrow\"></span>\n\t\t\t</div>\n\t\t\t<!-- Image -->\n\t\t\t<div\n\t\t\t\tclass=\"media-item\"\n\t\t\t\t:class=\"{ active: viewing === idx }\"\n\t\t\t\tv-for=\"(m, idx) in images\"\n\t\t\t\t:key=\"`full-media-${idx})`\"\n\t\t\t>\n\t\t\t\t<img\n            :src=\"m.url || m\"\n            :alt=\"m.alt ? m.alt : `Image of ${currentVariant.title}`\" />\n\t\t\t</div>\n\t\t\t<!-- Video -->\n\t\t\t<div\n\t\t\t\tclass=\"media-item video-feature silent\"\n\t\t\t\t:class=\"{ active: viewing === (idx + images.length) }\"\n\t\t\t\tv-for=\"(m, idx) in videos\"\n\t\t\t\t:key=\"`full-media-${(idx + images.length)}`\"\n\t\t\t\t>\n\t\t\t\t\t<VideoStream\n\t\t\t\t\t\t:id=\"`stream-${(idx + images.length)}`\"\n\t\t\t\t\t\t:src=\"m\"\n\t\t\t\t\t\tmuted\n\t\t\t\t\t\tpreload\n\t\t\t\t\t\tloop\n\t\t\t\t\t\tcontrols\n\t\t\t\t\t\t></VideoStream>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tv-if=\"mediaObjects.length > 1\"\n\t\t\t\t@click=\"updateViewing(viewing + 1)\"\n\t\t\t\tclass=\"photo-viewer-arrow right\"\n\t\t\t>\n\t\t\t\t<span class=\"icon-right-arrow\"></span>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\n// TODO: Make this work with Cloudflare Stream post launch\nimport { mapGetters } from \"vuex\";\nimport Vue from \"vue\";\nimport { VideoStream } from 'stream-vue'\nexport default {\n\tprops: [\"images\", \"videos\", \"showBookmark\"],\n  components: { VideoStream },\n\tdata() {\n\t\treturn {\n\t\t\tviewing: 0,\n\t\t};\n\t},\n\twatch: {\n\t\timages() {\n\t\t\tthis.viewing = 0;\n\t\t\tVue.nextTick(() => {\n\t\t\t\tif (window.objectFitPolyfill) {\n\t\t\t\t\tconsole.log(\"calling object fit polyfill\");\n\t\t\t\t\twindow.objectFitPolyfill();\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t},\n\tmethods: {\n\t\tupdateViewing(idx, stream) {\n\t\t\tif (idx < 0) this.viewing = this.mediaObjects.length - 1;\n\t\t\telse if (idx === this.mediaObjects.length) this.viewing = 0;\n\t\t\telse this.viewing = idx;\n\n\t\t\t// if video, play video\n\t\t\tif(stream) this.playVideo(idx);\n\t\t},\n\t\tplayVideo(idx) {\n\t\t\t// reset all videos\n\t\t\t[...document.querySelectorAll('stream')].forEach((stm) => {\n\t\t\t\tstm.pause();\n\t\t\t\tstm.currentTime = 0;\n\t\t\t});\n\n\t\t\t// play selected videos\n\t\t\tconst el = document.querySelector(`#stream-${idx}`);\n\t\t\tif (el) el.play();\n\t\t}\n\t},\n\tcomputed: {\n\t\t...mapGetters({\n\t\t\tcurrentVariant: \"productDetail/getCurrentVariant\",\n\t\t}),\n\t\tindividualPrice() {\n\t\t\tconst { currentVariant } = this;\n\t\t\treturn currentVariant && currentVariant.price ? currentVariant.price : \"\";\n\t\t},\n\t\tmediaObjects() {\n\t\t\tconst mediaArray = [];\n\t\t\tif ( this.images && this.images.length > 0) {\n\t\t\t\tmediaArray.push(...this.images);\n\t\t\t}\n\t\t\tif ( this.videos && this.videos.length > 0) {\n\t\t\t\tmediaArray.push(...this.videos);\n\t\t\t}\n\t\t\treturn mediaArray;\n\t\t},\n\t},\n\tmounted() {\n\t\twindow.objectFitPolyfill();\n\t},\n};\n</script>\n","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ProductViewer.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ProductViewer.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ProductViewer.vue?vue&type=template&id=621012f7\"\nimport script from \"./ProductViewer.vue?vue&type=script&lang=js\"\nexport * from \"./ProductViewer.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/vue-loader-v15/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"],"names":["render","_vm","this","_c","_self","staticClass","class","images","length","_l","m","idx","key","active","viewing","attrs","on","$event","updateViewing","url","alt","currentVariant","title","videos","_e","showBookmark","sku","mediaObjects","staticRenderFns","extendVue","options","scriptLocation","_Vue","require","config","ignoredElements","VideoStream","name","props","autoplay","type","Boolean","default","controls","currentTime","Number","height","String","width","muted","loop","preload","volume","inheritAttrs","data","streamScript","mounted","initialiseStream","watch","reduce","obj","prop","val","updateProp","methods","value","$refs","stream","document","querySelector","createElement","setAttribute","head","appendChild","window","__stream","initElement","h","style","$attrs","$listeners","ref","tag","script","src","defer","hid","metaInfo","vmid","components","Vue","objectFitPolyfill","playVideo","querySelectorAll","forEach","stm","pause","el","play","computed","mapGetters","individualPrice","price","mediaArray","push","component"],"sourceRoot":""}