{"version":3,"sources":["webpack:///./cartridges/app_harmony/cartridge/client/default/js/widgets/product/HarmonyProductImages.js"],"names":["IMAGE_MODE_ZOOM","ProductImages","HarmonyProductImages","getOriginalImageSize","element","Promise","resolve","resultSize","src","dataset","originalSrc","h","prefs","predefinedHeight","w","predefinedWidth","img","Image","addEventListener","height","width","initAndShowZoom","PhotoSwipe","PhotoSwipeUI","originalImagesSize","pswpElement","document","querySelectorAll","imgCarousel","getById","carousel","thumbnailsCarousel","thumbnails","options","index","getCurrentPageIndex","loop","zoomLoop","history","clickToCloseNonZoomable","zoomClickToCloseNonZoomable","closeElClasses","zoomCloseElClasses","split","closeOnScroll","showHideOpacity","gallery","listen","onZoomClosed","currentPage","getCurrentIndex","scrollToPage","markCurrentPage","scrollIntoView","init","imageMode","toggleZoomState","addGlobalDialogClass","addFocusTrap","update","loadPhotoswipeDependencies","carouselImages","all","Array","from","map","zoom","getImages","then","default","eventBus","emit","imagePosition","currentActiveSlideIndex","imageName","slides","querySelector","alt","closeZoom","renderImages","product","images","large","forEach","zoomImage","zoomImages","zoomUrl","url","isFirst","pagination","length","fill","_el","i","page","pageIndex","render","legendBadgeHtml","ratingBadgeShortHtml","ref"],"mappings":"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","file":"3.bundle.js","sourcesContent":["const IMAGE_MODE_ZOOM = 'zoom';\n\n/**\n * @description HarmonyProductImages implementation\n * @param {ProductImages} ProductImages widget for extending\n * @returns {typeof HarmonyProductImages}\n */\nexport default function (ProductImages) {\n    return class HarmonyProductImages extends ProductImages {\n        getOriginalImageSize(element) {\n            return new Promise((resolve) => {\n                const resultSize = {\n                    src: element.dataset.originalSrc,\n                    h: this.prefs().predefinedHeight,\n                    w: this.prefs().predefinedWidth\n                };\n                const img = new Image();\n\n                img.addEventListener('load', () => {\n                    resultSize.h = img.height;\n                    resultSize.w = img.width;\n                    resolve(resultSize);\n                });\n                img.addEventListener('error', () => resolve(resultSize));\n                img.src = element.dataset.originalSrc;\n            });\n        }\n\n        initAndShowZoom(PhotoSwipe, PhotoSwipeUI, originalImagesSize) {\n            const pswpElement = document.querySelectorAll('.pswp')[0];\n            const imgCarousel = this.getById('imagesCarousel', (/** @type {carousel} */ carousel) => carousel);\n            const thumbnailsCarousel = this.getById('imagesThumbnails', (/** @type {carousel} */ thumbnails) => thumbnails);\n            const prefs = this.prefs();\n            const options = {\n                index: imgCarousel.getCurrentPageIndex(),\n                loop: prefs.zoomLoop,\n                history: false,\n                clickToCloseNonZoomable: prefs.zoomClickToCloseNonZoomable,\n                closeElClasses: prefs.zoomCloseElClasses.split(','),\n                closeOnScroll: prefs.closeOnScroll,\n                showHideOpacity: prefs.showHideOpacity\n            };\n            const gallery = new PhotoSwipe(pswpElement, PhotoSwipeUI, originalImagesSize, options);\n\n            gallery.listen('close', () => this.onZoomClosed());\n            gallery.listen('beforeChange', () => {\n                const currentPage = gallery.getCurrentIndex();\n\n                imgCarousel.scrollToPage(currentPage);\n\n                if (thumbnailsCarousel) {\n                    thumbnailsCarousel.markCurrentPage(currentPage).scrollIntoView();\n                }\n            });\n            gallery.init();\n\n            this.gallery = gallery;\n            this.imageMode = IMAGE_MODE_ZOOM;\n\n            if (thumbnailsCarousel) {\n                thumbnailsCarousel.toggleZoomState(true);\n            }\n\n            this.addGlobalDialogClass();\n            this.addFocusTrap();\n\n            // Update thumbnails carousel metrics/pagination\n            thumbnailsCarousel.update();\n        }\n\n        loadPhotoswipeDependencies(carouselImages) {\n            return Promise.all([\n                import(/* webpackChunkName: 'photoswipe' */'photoswipe'),\n                import(/* webpackChunkName: 'photoswipe' */'photoswipe/dist/photoswipe-ui-default.js'),\n                Promise.all(Array.from(carouselImages).map(element => this.getOriginalImageSize(element)))\n            ]);\n        }\n\n        zoom() {\n            const imgCarousel = this.getById('imagesCarousel', carousel => carousel);\n            const carouselImages = imgCarousel && imgCarousel.getImages();\n\n            if (!carouselImages) {\n                return;\n            }\n\n            this.loadPhotoswipeDependencies(carouselImages).then(([PhotoSwipe, PhotoSwipeUI, originalImagesSize]) => {\n                this.initAndShowZoom(PhotoSwipe.default, PhotoSwipeUI.default, originalImagesSize);\n            });\n\n            this.eventBus().emit('gtm.pdp.zoom.click', {\n                imagePosition: imgCarousel.currentActiveSlideIndex,\n                imageName: imgCarousel.slides[imgCarousel.currentActiveSlideIndex].querySelector('img').alt || ''\n            });\n        }\n\n        closeZoom() {\n            super.closeZoom();\n\n            this.getById('imagesThumbnails', thumbnails => {\n                // Update thumbnails carousel metrics/pagination\n                thumbnails.update();\n            });\n        }\n\n        renderImages(product) {\n            if (!product || !product.images || !product.images.large) {\n                return;\n            }\n\n            product.images.large.forEach((element, index) => {\n                const zoomImage = product.zoomImages.zoom && product.zoomImages.zoom[element.index];\n                element.zoomUrl = zoomImage && zoomImage.url;\n                element.isFirst = index === 0;\n            });\n\n            const pagination = product.images.large.length > 1\n                ? new Array(product.images.large.length).fill(0).map((_el, i) => ({ page: i, pageIndex: i + 1 }))\n                : [];\n\n            this.render('galleryTemplate', {\n                images: product.images,\n                legendBadgeHtml: product.legendBadgeHtml,\n                ratingBadgeShortHtml: product.ratingBadgeShortHtml,\n                pagination\n            }, this.ref('carouselInner')).then(() => {\n                this.update();\n            });\n        }\n    };\n}\n"],"sourceRoot":""}