{"version":3,"sources":["views/product/detail/product-detail.js"],"names":["ProductDetail","Component","constructor","el","mainSwiperEl","$find","thumbsSwiperEl","mainSwiper","thumbsSwiper","mainSwiperConfig","slidesPerView","navigation","nextEl","prevEl","lazy","loadPrevNext","elementClass","watchOverflow","tags","init","constructMainSwiper","Swiper","constructThumbSwiper","spaceBetween","freeMode","watchSlidesVisibility","watchSlidesProgress","breakpoints","thumbs","swiper","goToVariantImage","id","slideIndex","Array","from","slides","findIndex","slide","dataset","variant","slideTo","EventBus","getInstance","addEventListener","e","onVariantChanged","detail"],"mappings":"aAAA,KAAMA,CAAAA,aAAN,QAA4BC,CAAAA,SAAU,CACrCC,WAAW,CAACC,EAAD,CAAK,CACf,MAAMA,EAAN,EACA,KAAKC,YAAL,CAAoB,KAAKC,KAAL,CAAW,oBAAX,CAApB,CACA,KAAKC,cAAL,CAAsB,KAAKD,KAAL,CAAW,qBAAX,CAAtB,CACA,KAAKE,UAAL,CAAkB,IAAlB,CACA,KAAKC,YAAL,CAAoB,IAApB,CACA,KAAKC,gBAAL,CAAwB,CACvBC,aAAa,CAAE,CADQ,CAEvBC,UAAU,CAAE,CACXC,MAAM,CAAE,2BADG,CAEXC,MAAM,CAAE,2BAFG,CAFW,CAMvBC,IAAI,CAAE,CACLC,YAAY,CAAE,IADT,CAELC,YAAY,CAAE,MAFT,CANiB,CAUvBC,aAAa,CAAE,IAVQ,CAAxB,CAYA,KAAKC,IAAL,CAAY,EAAZ,CACA,KAAKC,IAAL,EACA,CAEDC,mBAAmB,EAAG,CACrB,KAAKb,UAAL,CAAkB,GAAIc,CAAAA,MAAJ,CAAW,KAAKjB,YAAhB,CAA8B,KAAKK,gBAAnC,CAClB,CAEDa,oBAAoB,EAAG,CACtB,KAAKd,YAAL,CAAoB,GAAIa,CAAAA,MAAJ,CAAW,KAAKf,cAAhB,CAAgC,CACnDiB,YAAY,CAAE,EADqC,CAEnDb,aAAa,CAAE,CAFoC,CAGnDc,QAAQ,CAAE,IAHyC,CAInDC,qBAAqB,CAAE,IAJ4B,CAKnDC,mBAAmB,CAAE,IAL8B,CAMnDC,WAAW,CAAE,CACZ,IAAK,CACJjB,aAAa,CAAE,CADX,CADO,CANsC,CAAhC,CAApB,CAYA,KAAKD,gBAAL,CAAsBmB,MAAtB,CAA+B,CAC9BC,MAAM,CAAE,KAAKrB,YADiB,CAG/B,CAEDsB,gBAAgB,CAAC,CAACC,EAAD,CAAD,CAAO,CACtB,KAAMC,CAAAA,UAAU,CAAGC,KAAK,CAACC,IAAN,CAAW,KAAK3B,UAAL,CAAgB4B,MAA3B,EAAmCC,SAAnC,CAA6CC,KAAK,EAAI,CAACA,KAAK,CAACC,OAAN,CAAcC,OAAf,GAA2B,CAACR,EAAlF,CAAnB,CACA,KAAKxB,UAAL,CAAgBiC,OAAhB,CAAwBR,UAAU,GAAK,CAAC,CAAhB,CAAoB,CAApB,CAAwBA,UAAhD,CACA,CAEDb,IAAI,EAAG,CACN,KAAKb,cAAL,EAAuB,KAAKgB,oBAAL,EAAvB,CACA,KAAKlB,YAAL,EAAqB,KAAKgB,mBAAL,EAArB,CACAqB,QAAQ,CAACC,WAAT,GAAuBC,gBAAvB,CAAwC,uBAAxC,CAAiEC,CAAC,EAAI,KAAKC,gBAAL,CAAsBD,CAAC,CAACE,MAAxB,CAAtE,CACA,CAtDoC","sourcesContent":["class ProductDetail extends Component {\r\n\tconstructor(el) {\r\n\t\tsuper(el);\r\n\t\tthis.mainSwiperEl = this.$find('[data-swiper-main]');\r\n\t\tthis.thumbsSwiperEl = this.$find('[data-swiper-thumb]');\r\n\t\tthis.mainSwiper = null;\r\n\t\tthis.thumbsSwiper = null;\r\n\t\tthis.mainSwiperConfig = {\r\n\t\t\tslidesPerView: 1,\r\n\t\t\tnavigation: {\r\n\t\t\t\tnextEl: '.ProductDetailImages-next',\r\n\t\t\t\tprevEl: '.ProductDetailImages-prev'\r\n\t\t\t},\r\n\t\t\tlazy: {\r\n\t\t\t\tloadPrevNext: true,\r\n\t\t\t\telementClass: 'lazy'\r\n\t\t\t},\r\n\t\t\twatchOverflow: true\r\n\t\t};\r\n\t\tthis.tags = {};\r\n\t\tthis.init();\r\n\t}\r\n\r\n\tconstructMainSwiper() {\r\n\t\tthis.mainSwiper = new Swiper(this.mainSwiperEl, this.mainSwiperConfig);\r\n\t}\r\n\r\n\tconstructThumbSwiper() {\r\n\t\tthis.thumbsSwiper = new Swiper(this.thumbsSwiperEl, {\r\n\t\t\tspaceBetween: 10,\r\n\t\t\tslidesPerView: 3,\r\n\t\t\tfreeMode: true,\r\n\t\t\twatchSlidesVisibility: true,\r\n\t\t\twatchSlidesProgress: true,\r\n\t\t\tbreakpoints: {\r\n\t\t\t\t500: {\r\n\t\t\t\t\tslidesPerView: 4,\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n\t\tthis.mainSwiperConfig.thumbs = {\r\n\t\t\tswiper: this.thumbsSwiper\r\n\t\t}\r\n\t}\r\n\r\n\tgoToVariantImage({id}) {\r\n\t\tconst slideIndex = Array.from(this.mainSwiper.slides).findIndex(slide => +slide.dataset.variant === +id);\r\n\t\tthis.mainSwiper.slideTo(slideIndex === -1 ? 0 : slideIndex);\r\n\t}\r\n\r\n\tinit() {\r\n\t\tthis.thumbsSwiperEl && this.constructThumbSwiper();\r\n\t\tthis.mainSwiperEl && this.constructMainSwiper();\r\n\t\tEventBus.getInstance().addEventListener('productVariantChanged', e => this.onVariantChanged(e.detail));\r\n\t}\r\n}\r\n"],"file":"product-detail.min.js"}