{"version":3,"file":"js/app.2c6ede7dbbcb3fc10f18.js","mappings":"wvBAWe,8BAAc,EAAAA,IAAd,c,oBAGL,KAAAC,YAAsB,EACtB,KAAAC,OAAc,KACd,KAAAC,YAAsB,CAyChC,CAvCcC,qCACV,OAAOC,KAAKC,OAAOC,QAAQ,gDAAiD,CAC9E,CAEYC,0BACV,OAAOH,KAAKC,OAAOC,QAAQ,oDAC7B,CAEQE,mBACN,MAAMC,EAAKL,KAAKM,MAAMC,oBAClBF,IACFL,KAAKH,OAAS,IAAIW,OAAOC,YAAYJ,EAAI,CACvCK,IAAK,CACHC,aAAc,EACdC,SAAU,MACVC,MAAM,EACNC,gBAAgB,KAIpBd,KAAKH,OAAOkB,SAASC,IACnBhB,KAAKJ,YAAcoB,CAAS,IAGlC,CAEQC,aAAaC,G,MACR,QAAX,EAAAlB,KAAKH,cAAM,SAAEsB,QAAQD,EACvB,CAGQE,yBACCpB,KAAKF,YAAcE,KAAKG,oBAAoBkB,OAAS,IAC1DrB,KAAKF,YAAa,EAClBE,KAAKsB,WAAU,KACbtB,KAAKI,kBAAkB,IAG7B,GA5CA,IAAC,IAAAmB,Q,2DAoCD,IAAC,IAAAC,OAAM,sBAAuB,CAACC,MAAM,I,6HArCxB,MAPd,IAAAC,WAAU,CACTC,KAAM,qCACNC,WAAY,OAAF,WACL,eAAmBC,oB,oMCW1B,SAXgB,E,QAAA,GACd,UACA,IACA,KACA,EACA,KACA,KACA,MAI8B,O,iJClBuM,QAAe,G,qDCAtP,IAAIC,EAAS,SAASA,SAAS,IAAIC,EAAI/B,KAAKgC,EAAGD,EAAIE,MAAMD,GAAUD,EAAIE,MAAMC,YAAY,OAAOF,EAAG,MAAM,CAACG,YAAY,wBAAwB,CAACH,EAAG,MAAM,CAACG,YAAY,gBAAgB,CAAEJ,EAAkC,+BAAEC,EAAG,MAAM,CAACG,YAAY,aAAa,CAACH,EAAG,MAAM,CAACG,YAAY,gBAAgBJ,EAAIK,KAAKL,EAAIM,GAAG,KAAKL,EAAG,MAAM,CAACM,IAAI,sBAAsBH,YAAY,gBAAgB,CAACH,EAAG,MAAM,CAACG,YAAY,mBAAmB,CAACH,EAAG,MAAM,CAACG,YAAY,yBAAyB,CAACH,EAAG,MAAM,CAACG,YAAY,eAAeJ,EAAIQ,GAAIR,EAAuB,qBAAE,SAASS,EAAMtB,GAAO,OAAOc,EAAG,MAAM,CAACS,IAAIvB,EAAMiB,YAAY,cAAc,CAACH,EAAG,6CAA6C,CAACU,MAAM,CAAC,gBAAgBF,EAAM,eAAeT,EAAIY,gBAAgB,EAAE,IAAG,SAASZ,EAAIM,GAAG,KAAMN,EAAI5B,oBAA0B,OAAE6B,EAAG,MAAM,CAACG,YAAY,6BAA6BJ,EAAIQ,GAAIR,EAAuB,qBAAE,SAASa,EAAK1B,GAAO,OAAOc,EAAG,SAAS,CAACS,IAAIvB,EAAM2B,MAAM,CAAE,WAAYd,EAAInC,cAAgBsB,GAAQ4B,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOhB,EAAId,aAAaC,EAAM,IAAI,IAAG,GAAGa,EAAIK,QACnhC,EACIY,EAAkB,E","sources":["webpack:///./resources/area/web/default/js/components/catalog/product/ConfiguratorMedia.vue?d1b9","webpack:///./resources/area/web/default/js/components/catalog/product/ConfiguratorMedia.vue","webpack:///./resources/area/web/default/js/components/catalog/product/ConfiguratorMedia.vue?bf97","webpack:///./resources/area/web/default/js/components/catalog/product/ConfiguratorMedia.vue?2f6f"],"sourcesContent":["\nimport {Component, Vue, Prop, Watch} from 'vue-property-decorator';\nimport ServiceContainer from '@flashpointbv/solar-service-container';\n\n@Component({\n  name: 'catalog-product-configurator-media',\n  components: {\n    ...ServiceContainer().getComponents()\n  },\n})\n\nexport default class extends Vue {\n  @Prop() private readonly productName: string;\n\n  private activeSlide: number = 0;\n  private slider: any = null;\n  private initSlider: boolean = false;\n\n  private get configurationImageLoadingState(): boolean {\n    return this.$store.getters['CatalogProductConfigurator/getLoadingState'] || false;\n  }\n\n  private get configurationImages(): Array<object> {\n    return this.$store.getters['CatalogProductConfigurator/getConfigurationImages'];\n  }\n\n  private initializeSlider(): void {\n    const el = this.$refs.configurationSlider as HTMLElement;\n    if (el) {\n      this.slider = new window.BlazeSlider(el, {\n        all: {\n          slidesToShow: 1,\n          slideGap: '0px',\n          loop: false,\n          enableAutoplay: false,\n        }\n      });\n\n      this.slider.onSlide((pageIndex: number) => {\n        this.activeSlide = pageIndex;\n      });\n    }\n  }\n\n  private slideToImage(index: number): void {\n    this.slider?.slideTo(index);\n  }\n\n  @Watch('configurationImages', {deep: true})\n  private onDisplayImagesChange(): void {\n    if ( ! this.initSlider && this.configurationImages.length > 1) {\n      this.initSlider = true;\n      this.$nextTick(() => {\n        this.initializeSlider();\n      });\n    }\n  }\n}\n","import { render, staticRenderFns } from \"./ConfiguratorMedia.vue?vue&type=template&id=15130d08&\"\nimport script from \"./ConfiguratorMedia.vue?vue&type=script&lang=ts&\"\nexport * from \"./ConfiguratorMedia.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-6.use[0]!../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConfiguratorMedia.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!./ConfiguratorMedia.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:\"configuration__image\"},[_c('div',{staticClass:\"--background\"},[(_vm.configurationImageLoadingState)?_c('div',{staticClass:\"--loading\"},[_c('div',{staticClass:\"--spinner\"})]):_vm._e(),_vm._v(\" \"),_c('div',{ref:\"configurationSlider\",staticClass:\"blaze-slider\"},[_c('div',{staticClass:\"blaze-container\"},[_c('div',{staticClass:\"blaze-track-container\"},[_c('div',{staticClass:\"blaze-track\"},_vm._l((_vm.configurationImages),function(image,index){return _c('div',{key:index,staticClass:\"slide-item\"},[_c('catalog-product-configurator-media-element',{attrs:{\"media-element\":image,\"product-name\":_vm.productName}})],1)}),0)])])]),_vm._v(\" \"),(_vm.configurationImages.length)?_c('div',{staticClass:\"configuration__pagination\"},_vm._l((_vm.configurationImages),function(item,index){return _c('button',{key:index,class:{ '--active': _vm.activeSlide === index },on:{\"click\":function($event){return _vm.slideToImage(index)}}})}),0):_vm._e()])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }"],"names":["Vue","activeSlide","slider","initSlider","configurationImageLoadingState","this","$store","getters","configurationImages","initializeSlider","el","$refs","configurationSlider","window","BlazeSlider","all","slidesToShow","slideGap","loop","enableAutoplay","onSlide","pageIndex","slideToImage","index","slideTo","onDisplayImagesChange","length","$nextTick","Prop","Watch","deep","Component","name","components","getComponents","render","_vm","_c","_self","_setupProxy","staticClass","_e","_v","ref","_l","image","key","attrs","productName","item","class","on","$event","staticRenderFns"],"sourceRoot":""}