{"version":3,"file":"js/app.35c84c8c6e0b5ea0a931.js","mappings":"4xBAiBe,8BAAc,EAAAA,IAAd,c,oBAIL,KAAAC,OAAwB,IA4ClC,CA1CUC,UACNC,KAAKC,WAAU,KACbD,KAAKF,OAAS,IAAI,UAAO,WAAWE,KAAKE,oBAAqB,CAC5DC,QAAS,CAAC,EAAAC,YACVC,cAAe,EACfC,cAAc,EACdC,WAAY,CACVC,OAAQ,WAAWR,KAAKE,mCACxBO,OAAQ,WAAWT,KAAKE,oCAE1BQ,YAAa,CACX,IAAK,CACHL,cAAe,GAEjB,KAAM,CACJA,cAAe,KAGnB,GAEN,CAEQM,SAASC,GACf,OAAOA,EAIA,GAAGZ,KAAKa,oIAAoID,IAH1IZ,KAAKc,QAA4B,kBAI5C,CAEQC,aAAaH,GACnB,OAAOA,EAIA,GAAGZ,KAAKa,uHAAuHD,cACpIZ,KAAKa,yHAAyHD,OAJvHZ,KAAKc,QAA4B,kBAK5C,CAEQE,kBAAkBC,GACxBjB,KAAKkB,UAAUC,MAAM,eAAgBF,EAAOjB,KAAKE,UACnD,GA9CA,IAAC,IAAAkB,MAAK,CAACC,UAAU,I,wDACjB,IAAC,IAAAD,MAAK,CAACC,UAAU,I,yDAFJ,MATd,IAAAC,WAAU,CACTC,KAAM,qCACNC,WAAY,OAAF,yBACL,eAAmBC,iBAAe,CACrCC,OAAA,UACAtB,WAAA,EAAAA,gB,sMCKJ,SAXgB,E,QAAA,GACd,UACA,IACA,KACA,EACA,KACA,KACA,MAI8B,O,iJClBwM,QAAe,G,uDCAvP,IAAIuB,EAAS,SAASA,SAAS,IAAIC,EAAI5B,KAAK6B,EAAGD,EAAIE,MAAMD,GAAUD,EAAIE,MAAMC,YAAY,OAAOF,EAAG,UAAU,CAACG,YAAY,oBAAoBC,MAAM,UAAUL,EAAI1B,aAAa,CAAE0B,EAAIM,UAAYC,OAAOC,KAAKR,EAAIM,UAAUG,OAAS,EAAG,CAACR,EAAG,SAAS,CAACG,YAAY,0BAA0BJ,EAAIU,GAAG,KAAKT,EAAG,MAAM,CAACG,YAAY,UAAU,CAACH,EAAG,MAAM,CAACG,YAAY,iBAAiBC,MAAM,CAAE,WAAYE,OAAOC,KAAKR,EAAIM,UAAUG,OAAS,IAAKT,EAAIW,GAAIX,EAAY,UAAE,SAASY,EAAOC,GAAK,OAAOZ,EAAG,MAAM,CAACG,YAAY,gBAAgB,CAACH,EAAG,OAAO,CAACa,GAAG,CAAC,WAAa,SAASC,GAAQ,OAAOf,EAAIZ,kBAAkBwB,EAAO,IAAI,CAACX,EAAG,MAAM,CAACG,YAAY,WAAWY,MAAM,CAAC,IAAMhB,EAAIjB,SAAS6B,EAAOK,OAAO,cAAcjB,EAAIb,aAAayB,EAAOK,OAAO,IAAMJ,EAAI,OAAS,KAAK,MAAQ,WAAW,IAAG,KAAKb,EAAIU,GAAG,KAAKT,EAAG,SAAS,CAACG,YAAY,2BAA2BJ,EAAIkB,MAAM,EAC70B,EACIC,EAAkB,E","sources":["webpack:///./resources/area/web/default/js/components/catalog/ProductListItemSwatches.vue?ea21","webpack:///./resources/area/web/default/js/components/catalog/ProductListItemSwatches.vue","webpack:///./resources/area/web/default/js/components/catalog/ProductListItemSwatches.vue?4257","webpack:///./resources/area/web/default/js/components/catalog/ProductListItemSwatches.vue?9fff"],"sourcesContent":["\nimport {Component, Prop, Vue} from 'vue-property-decorator';\nimport ServiceContainer from '@flashpointbv/solar-service-container';\nimport Swiper from 'swiper';\nimport {Navigation} from 'swiper/modules';\n\nimport 'swiper/css/bundle';\n\n@Component({\n  name: 'catalog-product-list-item-swatches',\n  components: {\n    ...ServiceContainer().getComponents(),\n    Swiper,\n    Navigation,\n  },\n})\n\nexport default class extends Vue {\n  @Prop({required: true}) readonly swatches: object;\n  @Prop({required: true}) readonly productId: number;\n\n  private swiper: Swiper | null = null;\n\n  private created(): void {\n    this.$nextTick(() => {\n      this.swiper = new Swiper(`.swiper-${this.productId} .swiper`, {\n        modules: [Navigation],\n        slidesPerView: 2,\n        roundLengths: true,\n        navigation: {\n          nextEl: `.swiper-${this.productId} .swiper__button.--next`,\n          prevEl: `.swiper-${this.productId} .swiper__button.--prev`,\n        },\n        breakpoints: {\n          768: {\n            slidesPerView: 3,\n          },\n          1024: {\n            slidesPerView: 4,\n          },\n        },\n      });\n    });\n  }\n\n  private imageSrc(imageUrl: string): string {\n    if ( ! imageUrl) {\n      return this.$parent['defaultPlaceholder'];\n    }\n\n    return `${this.$solarCdnBaseUrl}/cdn/resize-extended/rs:fill/w:70/h:70/extend:true/background:255:255:255/bl:10.0/q:40/path/media/catalog/product${imageUrl}`;\n  }\n\n  private imageDataSrc(imageUrl: string): string {\n    if ( ! imageUrl) {\n      return this.$parent['defaultPlaceholder'];\n    }\n\n    return `${this.$solarCdnBaseUrl}/cdn/resize-extended/rs:fill/w:70/h:70/extend:true/background:255:255:255/path/media/catalog/product${imageUrl} 1x,\n    ${this.$solarCdnBaseUrl}/cdn/resize-extended/rs:fill/w:140/h:140/extend:true/background:255:255:255/path/media/catalog/product${imageUrl} 2x`;\n  }\n\n  private changeParentImage(value): void {\n    this.$eventBus.$emit('change-image', value, this.productId);\n  }\n}\n","import { render, staticRenderFns } from \"./ProductListItemSwatches.vue?vue&type=template&id=91c4349a&\"\nimport script from \"./ProductListItemSwatches.vue?vue&type=script&lang=ts&\"\nexport * from \"./ProductListItemSwatches.vue?vue&type=script&lang=ts&\"\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/ts-loader/index.js??clonedRuleSet-26.use[0]!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductListItemSwatches.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../../../node_modules/ts-loader/index.js??clonedRuleSet-26.use[0]!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductListItemSwatches.vue?vue&type=script&lang=ts&\"","var render = function render(){var _vm=this,_c=_vm._self._c,_setup=_vm._self._setupProxy;return _c('section',{staticClass:\"product__swatches\",class:`swiper-${_vm.productId}`},[(_vm.swatches && Object.keys(_vm.swatches).length > 1)?[_c('button',{staticClass:\"swiper__button --prev\"}),_vm._v(\" \"),_c('div',{staticClass:\"swiper\"},[_c('div',{staticClass:\"swiper-wrapper\",class:{ '--center': Object.keys(_vm.swatches).length < 4 }},_vm._l((_vm.swatches),function(swatch,key){return _c('div',{staticClass:\"swiper-slide\"},[_c('span',{on:{\"mouseenter\":function($event){return _vm.changeParentImage(swatch)}}},[_c('img',{staticClass:\"lazyload\",attrs:{\"src\":_vm.imageSrc(swatch.image),\"data-srcset\":_vm.imageDataSrc(swatch.image),\"alt\":key,\"height\":\"70\",\"width\":\"70\"}})])])}),0)]),_vm._v(\" \"),_c('button',{staticClass:\"swiper__button --next\"})]:_vm._e()],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }"],"names":["Vue","swiper","created","this","$nextTick","productId","modules","Navigation","slidesPerView","roundLengths","navigation","nextEl","prevEl","breakpoints","imageSrc","imageUrl","$solarCdnBaseUrl","$parent","imageDataSrc","changeParentImage","value","$eventBus","$emit","Prop","required","Component","name","components","getComponents","Swiper","render","_vm","_c","_self","_setupProxy","staticClass","class","swatches","Object","keys","length","_v","_l","swatch","key","on","$event","attrs","image","_e","staticRenderFns"],"sourceRoot":""}