{"version":3,"file":"js/app.4badd31b85c33c7c0603.js","mappings":"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","sources":["webpack:///./resources/area/web/default/js/components/catalog/list/ProductListImages.vue?1aa1","webpack:///./resources/area/web/default/js/shared/helpers/image-gallery/index.ts","webpack:///./resources/area/web/default/js/components/catalog/list/ProductListImages.vue?c5d5","webpack:///./resources/area/web/default/js/components/catalog/list/ProductListImages.vue?915f","webpack:///./resources/area/web/default/js/components/catalog/list/ProductListImages.vue?982d"],"sourcesContent":["\nimport {Component, Vue, Prop} from 'vue-property-decorator';\nimport imageGallery from '../../../shared/helpers/image-gallery';\n\n@Component({\n  name: 'catalog-product-list-images'\n})\n\nexport default class extends Vue {\n  $refs!: { gallerySlider: HTMLElement };\n\n  @Prop({required: true}) product: object;\n  @Prop({default: 279}) readonly imageSize: number;\n  @Prop({default: false}) readonly enableGallery: boolean;\n\n  private get enableGallerySlider(): boolean {\n    return this.enableGallery && this.productImageGallery.length > 1;\n  }\n\n  private get productImage(): string {\n    return imageGallery.getSingleImage(this.product, this.imageSize);\n  }\n\n  private get productImageGallery(): Array<object> {\n    return imageGallery.getImageGallery(this.product, 6);\n  }\n\n  private initBlazeSlider(): void {\n    if (this.enableGallerySlider && this.$refs.gallerySlider) {\n      new window.BlazeSlider(this.$refs.gallerySlider, {\n        all: {\n          slidesToShow: 1,\n          slideGap: '0px',\n          loop: true,\n          fixedSlides: true,\n        }\n      });\n    }\n  }\n\n  private get hoverActive(): boolean {\n    return ! this.$mobileDetect.mobile() && this.$parent['hoverActive'];\n  }\n\n  private mounted(): void {\n    this.initBlazeSlider();\n  }\n}\n","import cdnHelper from '../cdn';\n\nclass ImageGallery {\n  getImageGallery(product: object, limit: number = 6): Array<object> {\n    return (product['media_gallery'] || [])\n      .filter(i => i['type'] === 'image')\n      .sort((a, b) => (a.position > b.position) ? 1 : -1).slice(0, limit);\n  }\n\n  getSingleImage(product: object, size: number): string {\n    const imageUrl: null|string = product['default_image'] || null;\n\n    if ( ! imageUrl) {\n      return '';\n    }\n\n    return cdnHelper.resize(imageUrl['url'], size, 'catalog/product');\n  }\n}\n\nconst imageGallery = new ImageGallery();\n\nexport default imageGallery;\n","import { render, staticRenderFns } from \"./ProductListImages.vue?vue&type=template&id=0f3621cf&scoped=true&\"\nimport script from \"./ProductListImages.vue?vue&type=script&lang=ts&\"\nexport * from \"./ProductListImages.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./ProductListImages.vue?vue&type=style&index=0&id=0f3621cf&prod&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  \"0f3621cf\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../../../../../node_modules/ts-loader/index.js??clonedRuleSet-6.use[0]!../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductListImages.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../../../../node_modules/ts-loader/index.js??clonedRuleSet-6.use[0]!../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductListImages.vue?vue&type=script&lang=ts&\"","var render = function render(){var _vm=this,_c=_vm._self._c,_setup=_vm._self._setupProxy;return _c('div',{staticClass:\"image__holder\"},[(_vm.enableGallerySlider)?_c('div',{ref:\"gallerySlider\",staticClass:\"blaze-slider\",staticStyle:{\"--slides-to-show\":\"1\",\"--slide-gap\":\"0px\"}},[_c('div',{staticClass:\"blaze-container\"},[_c('transition',{attrs:{\"name\":\"slide-from-left\"}},[_c('button',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.hoverActive),expression:\"hoverActive\"}],staticClass:\"blaze-prev slider__control prev\",attrs:{\"aria-label\":\"Go to previous slide\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"blaze-track-container\"},[_c('div',{staticClass:\"blaze-track\"},_vm._l((_vm.productImageGallery),function(image,index){return _c('div',{key:`image-${index}`,staticClass:\"slider-slide\"},[_c('a',{attrs:{\"href\":_vm.product['url'] || _vm.product['url_key']},on:{\"click\":_vm.$parent['measureProductClick']}},[_c('img',{staticClass:\"lazyload\",attrs:{\"data-src\":image['dimensions']['279x279'],\"data-src-set\":`${image['dimensions']['279x279']} 1x, ${image['dimensions']['558x558']} 2x`,\"width\":_vm.imageSize,\"height\":_vm.imageSize,\"alt\":_vm.product['name'],\"loading\":\"lazy\"}})])])}),0)]),_vm._v(\" \"),_c('transition',{attrs:{\"name\":\"slide-from-right\"}},[_c('button',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.hoverActive),expression:\"hoverActive\"}],staticClass:\"blaze-next slider__control next\",attrs:{\"aria-label\":\"Go to next slide\"}})]),_vm._v(\" \"),_c('transition',{attrs:{\"name\":\"slide-from-bottom\"}},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.hoverActive),expression:\"hoverActive\"}],staticClass:\"blaze-pagination\"})])],1)]):_c('a',{attrs:{\"href\":_vm.product['url'] || _vm.product['url_key']},on:{\"click\":_vm.$parent['measureProductClick']}},[_c('img',{staticClass:\"lazyload\",attrs:{\"data-src\":_vm.productImage,\"width\":_vm.imageSize,\"height\":_vm.imageSize,\"alt\":_vm.product['name']}})])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }"],"names":["Vue","enableGallerySlider","this","enableGallery","productImageGallery","length","productImage","getSingleImage","product","imageSize","getImageGallery","initBlazeSlider","$refs","gallerySlider","window","BlazeSlider","all","slidesToShow","slideGap","loop","fixedSlides","hoverActive","$mobileDetect","mobile","$parent","mounted","Prop","required","default","Component","name","imageGallery","ImageGallery","limit","filter","i","sort","a","b","position","slice","size","imageUrl","resize","render","_vm","_c","_self","_setupProxy","staticClass","ref","staticStyle","attrs","directives","rawName","value","expression","_v","_l","image","index","key","on","staticRenderFns"],"sourceRoot":""}