{"version":3,"sources":["MediaGallery/mediaGallery.js","MediaGallery/main.js"],"names":["define","initZoomAndPinch","slidesSelector","test","navigator","userAgent","setTimeout","document","querySelectorAll","forEach","el","PinchZoom","tapZoomFactor","minZoom","maxZoom","$","off","on","parent","this","slideIndex","children","index","swiperContainer","closest","mediaGallerySelector","find","swiperSelector","swiper","slideTo","monitorIframe","monitor","setInterval","elem","activeElement","tagName","blur","addClass","clearInterval","position","galleryNumber","slideId","length","displayCaptionForCurrentSlide","displayVariantImages","variantImageId","additionalVariantImages","window","mediaGalleryData","variantImages","swiperContainerSelector","variantImageSlideSelector","swiperChanged","each","slideElement","removeSlide","thumbs","imagesToAdd","concat","slideCssClass","data","thumbnailSlideCssClass","slidesToAdd","thumbnailsToAdd","imageId","variantImage","push","getSlideHtml","caption","url","alt","getThumbnailSlideHtml","thumbnailUrl","prependSlide","reverse","displayGalleryPopup","dispatchResizeEvent","cssClass","slideCaption","imageUrl","slide","slides","realIndex","captionHtmlEncoded","textArea","createElement","innerHTML","value","empty","html","hasClass","removeClass","el_src","attr","event","EasyZoomMagnifierReset","closeGalleryPopup","css","EasyZoomMagnifier","Event","createEvent","initEvent","dispatchEvent","y","b","next","remove","thumbsSelector","require","mediaGallery","initializeSwiper","accompanyingThumbsSwiper","isThumbs","swiperParameters","loop","slidesPerView","numberOfVisibleSlides","spaceBetween","lazy","freeMode","watchSlidesVisibility","watchSlidesProgress","zoom","lazyImageReady","slideEl","imageEl","zoomLevel","pagination","clickable","navigation","nextEl","prevEl","maxRatio","breakpoints","1024","768","autoplaySeconds","autoplay","delay","Swiper","thumbsSwiper","thumbsContainer","e","target","key"],"mappings":"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","file":"MediaGallery.js","sourcesContent":["define('MediaGallery/mediaGallery',[\r\n],\r\n    function () {\r\n\r\n        const mediaGallerySelector = \".media-gallery\";\r\n        const swiperSelector = \"div[id^='media_gallery_swiper_']\";\r\n        const thumbsSelector = \"div[id^='media_gallery_thumbs_']\";\r\n\r\n        // ZOOM & PINCH MEDIA GALLERY\r\n        function initZoomAndPinch(slidesSelector) {\r\n            slidesSelector = slidesSelector || '.media-gallery .main .swiper-slide';\r\n            if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {\r\n                setTimeout(function () {\r\n                    var divs = document.querySelectorAll(slidesSelector + ' .swiper-image-container img').forEach(function (el) {\r\n                        new PinchZoom(el, {\r\n                            tapZoomFactor: 3,\r\n                            minZoom: 1,\r\n                            maxZoom: 3\r\n                        });\r\n                    });\r\n                }, 250);\r\n            }\r\n            else {\r\n                // Thumbnail hovers\r\n                $(\".thumb-slide\").off('click').on('click', function () {\r\n                        var parent = $(this).parent();\r\n                        var slideIndex = parent.children().index($(this)[0]);\r\n                        var swiperContainer = $(this).closest(mediaGallerySelector).find(swiperSelector);\r\n                        var swiper = swiperContainer[0].swiper;\r\n                        setTimeout(function () {\r\n                            swiper.slideTo(slideIndex);\r\n                        }, 250);\r\n                });\r\n            }\r\n        }\r\n\r\n        function monitorIframe() {\r\n            // SET INTERVAL TO DETECT IFRAME CLICK\r\n            var monitor = setInterval(function(){\r\n                var elem = document.activeElement;\r\n                if(elem && elem.tagName == 'IFRAME'){\r\n                    elem.blur();\r\n                    $('.media-gallery').addClass('video-playing');\r\n                    clearInterval(monitor);\r\n                }\r\n            }, 100);\r\n        }\r\n\r\n        (function loadDynamicIframe() {\r\n            // ADD DEFAULT YOUTUBE IMAGE TO IFRAME\r\n            $('.media-gallery .video-embed').each(function(){\r\n                var y = $(this).attr('data-thumb');\r\n                $(this).css('background-image','url('+ y + ')');\r\n            });\r\n            // REPLACE DEFAULT YOUTUBE IMAGE WITH YOUTUBE\r\n            $('.media-gallery .video_wrapper .icon-play').on('click',function(){\r\n                var b = $(this).next().attr('data-src');\r\n                $(this).next().attr('src',b);\r\n                $(this).remove();\r\n            });\r\n            $('.media-gallery .video_wrapper .play-icon').on('click', function () {\r\n                var b = $(this).next().attr('data-src');\r\n                $(this).next().attr('src', b);\r\n                $(this).remove();\r\n            });\r\n            monitorIframe();\r\n        }());\r\n\r\n        function position(galleryNumber, slideId) {\r\n            var swiperContainer = $(\"#media_gallery_swiper_\" + galleryNumber);\r\n            if (swiperContainer.length) {\r\n                var swiper = swiperContainer[0].swiper;\r\n                if (swiper) {\r\n                    var slideIndex = $(swiperContainer).find(\".swiper-slide[data-slide-id=\" + slideId + \"]\").index(\".swiper-slide\");\r\n                    if (slideIndex >= 0) {\r\n                        swiper.slideTo(slideIndex, 0);\r\n                        displayCaptionForCurrentSlide(swiper);\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        function displayVariantImages(galleryNumber, variantImageId, additionalVariantImages) {\r\n\r\n            if (!window.mediaGalleryData || !window.mediaGalleryData.variantImages) return;  // there's no mediaGalleryData to work with\r\n\r\n            var swiperContainerSelector = \"#media_gallery_swiper_\" + galleryNumber;\r\n            var variantImageSlideSelector = swiperContainerSelector + \" .swiper-slide[data-slide-type=VariantImage]\";\r\n\r\n            var swiperContainer = $(swiperContainerSelector);\r\n            if (!swiperContainer.length) return; // no swiper container - nothing to do\r\n            var swiper = swiperContainer[0].swiper;\r\n            if (!swiper) return; // no swiper initializaed - nothing to do\r\n\r\n            var swiperChanged = false;\r\n            // first, remove currently displayed variant images\r\n            $(variantImageSlideSelector).each(function (index, slideElement) {\r\n                var slideIndex = $(slideElement).index(\".swiper-slide\");\r\n                swiper.removeSlide(slideIndex);\r\n                swiper.thumbs.swiper.removeSlide(slideIndex);\r\n                swiperChanged = true;\r\n            });\r\n\r\n            // then, add images given as parameters\r\n            var imagesToAdd = variantImageId ? [variantImageId].concat(additionalVariantImages) : additionalVariantImages;\r\n            if (imagesToAdd.length) {\r\n                var slideCssClass = $(swiperContainer).data(\"slideCssClass\");\r\n                var thumbnailSlideCssClass = $(swiperContainer).data(\"thumbnailSlideCssClass\");\r\n\r\n                var slidesToAdd = [];\r\n                var thumbnailsToAdd = [];\r\n                imagesToAdd.forEach(function (imageId) {\r\n                    var variantImage = mediaGalleryData.variantImages[imageId];\r\n                    //checking if variant image exist (if image is unpublished it will be undefined and it will raise error in javascript)\r\n                    if (variantImage) {\r\n                        slidesToAdd.push(getSlideHtml(slideCssClass, imageId, variantImage.caption, variantImage.url, variantImage.alt));\r\n                        thumbnailsToAdd.push(getThumbnailSlideHtml(thumbnailSlideCssClass, variantImage.thumbnailUrl, variantImage.alt));\r\n                    }\r\n                });\r\n\r\n                swiper.prependSlide(slidesToAdd.reverse());\r\n                swiper.thumbs.swiper.prependSlide(thumbnailsToAdd.reverse());\r\n\r\n                swiperChanged = true;\r\n            }\r\n\r\n            if (swiperChanged) {\r\n                swiper.slideTo(0, 0);\r\n                // do the required initializations for newly added slides\r\n                initZoomAndPinch(variantImageSlideSelector);\r\n                $(variantImageSlideSelector).off('click').on('click', displayGalleryPopup);\r\n                dispatchResizeEvent();\r\n                displayCaptionForCurrentSlide(swiper);\r\n            }\r\n        }\r\n\r\n        function getSlideHtml(cssClass, slideId, slideCaption, imageUrl, alt) {\r\n            return '<div class=\"swiper-slide main-slide ' + cssClass + '\"' +\r\n                'data-slide-id=\"' + slideId + '\"' +\r\n                'data-slide-type=\"VariantImage\"' +\r\n                'data-slide-caption=\"' + slideCaption + '\">' +\r\n                '<div class=\"swiper-zoom-container spinner-background\">' +\r\n                '<a class=\"easyzoom\" href=\"' + imageUrl + '\" onclick=\"return false;\">' +\r\n                '<img alt=\"' + alt + '\" data-src=\"' + imageUrl + '\" class=\"swiper-lazy\"/>' +\r\n                '</a>' +\r\n                '<div class=\"swiper-lazy-preloader\"></div>' +\r\n                '</div>' +\r\n                '</div>';\r\n        }\r\n\r\n        function getThumbnailSlideHtml(cssClass, imageUrl, alt) {\r\n            return '<div class=\"swiper-slide thumb-slide ' + cssClass + '\">' +\r\n                '<div class=\"swiper-zoom-container spinner-background\">' +\r\n                '<img src=\"' + imageUrl + '\" alt=\"' + alt + '\"/>' +\r\n                '</div>' +\r\n                '</div>';\r\n        }\r\n\r\n        function displayCaptionForCurrentSlide(swiper) {\r\n            var slide = swiper.slides[swiper.realIndex];\r\n\r\n            // Taking the caption for variant images from the Javascript object, and for other images from their data-slide-caption attribute.\r\n            // (This is because double quote characters are causing problems in variant image slide, which are generated dynamically in runtime.)\r\n            var imageId = $(slide).data(\"slideId\");\r\n            var variantImage = mediaGalleryData.variantImages ? mediaGalleryData.variantImages[imageId] : null;\r\n            var captionHtmlEncoded = variantImage ? variantImage.caption : $(slide).data(\"slideCaption\");\r\n            // caption string is HTML encoded (so it doesn't mess up Javascript object or data attribute), now we have to decode it back\r\n            var textArea = document.createElement('textarea');\r\n            textArea.innerHTML = captionHtmlEncoded;\r\n            var caption = textArea.value;\r\n\r\n            $(slide).closest(mediaGallerySelector).find(\".caption\").empty().html(caption);\r\n            if($('.media-gallery').hasClass('video-playing')) {\r\n                $('.media-gallery').removeClass('video-playing'); \r\n                $('.media-gallery .video-embed').each(function(){\r\n                    var el_src = $(this).attr(\"src\");\r\n                    $(this).attr(\"src\",el_src);\r\n                });\r\n                monitorIframe();  \r\n            }\r\n        }\r\n\r\n        function displayGalleryPopup(event) {\r\n            if (!(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent))) {\r\n                setTimeout(function () {\r\n                    $('.easyzoom').EasyZoomMagnifierReset();\r\n\r\n                    if (!$(\".modal-gallery\").hasClass(\"open-modal\")) {\r\n                        $('.modal-gallery').addClass('open-modal');\r\n                    }\r\n                    dispatchResizeEvent();\r\n                }, 250);\r\n            }\r\n        }\r\n\r\n        function closeGalleryPopup(event) {\r\n            //e.preventDefault();\r\n            var data = $(\".swiper-container.main\").data();\r\n\r\n            $(\".swiper-lazy.swiper-lazy-loaded\").css(\"transform\", \"translate3d(0px, 0px, 0px) scale(1)\");\r\n            $(\".swiper-zoom-container\").css(\"transform\", \"translate3d(0px, 0px, 0px)\");\r\n\r\n            $('.modal-gallery').removeClass('open-modal');\r\n            $('.easyzoom').EasyZoomMagnifier();\r\n\r\n            dispatchResizeEvent();\r\n        }\r\n\r\n        function dispatchResizeEvent() {\r\n            var event;\r\n            if (typeof (Event) === 'function') {\r\n                event = new Event('resize');\r\n            } else {\r\n                event = document.createEvent('Event');\r\n                event.initEvent('resize', false, false);\r\n            }\r\n\r\n            window.dispatchEvent(event);\r\n        }\r\n\r\n        return {\r\n            position: position,\r\n            displayVariantImages: displayVariantImages,\r\n            displayCaptionForCurrentSlide: displayCaptionForCurrentSlide,\r\n            mediaGallerySelector: mediaGallerySelector,\r\n            swiperSelector: swiperSelector,\r\n            thumbsSelector: thumbsSelector,\r\n            displayGalleryPopup: displayGalleryPopup,\r\n            closeGalleryPopup: closeGalleryPopup,\r\n            initZoomAndPinch: initZoomAndPinch\r\n        };\r\n    });\r\n\n","require([\r\n    \"MediaGallery/mediaGallery\"\r\n],\r\n    function (mediaGallery) {\r\n\r\n        function initAllMediaGalleriesOnPage() {\r\n            // process all swipers that make up media galleries\r\n            $(mediaGallery.swiperSelector).each(function (index, swiperContainer) {\r\n                // initialize accompanying thumbs swiper\r\n                var thumbsSwiper = null;\r\n                var thumbsContainer = $(swiperContainer).closest(mediaGallery.mediaGallerySelector).find(mediaGallery.thumbsSelector);\r\n                if (thumbsContainer.length) {\r\n                    thumbsSwiper = initializeSwiper(thumbsContainer[0], null, true);\r\n                }\r\n                // intialize main swiper\r\n                var swiper = initializeSwiper(swiperContainer, thumbsSwiper);\r\n                swiper.on(\"slideChange\", function () { mediaGallery.displayCaptionForCurrentSlide(this); });\r\n                //swiper.on(\"zoomChange\", onZoomChange);   not using the zoom icons any more\r\n            });\r\n            // ZOOM ICONS FUNCTIONALITY\r\n            //$(mediaGallery.mediaGallerySelector).find(\".zoom-icon i\").off(\"click\").on(\"click\", toggleZoom); not using the zoom icons any more\r\n\r\n            // Media Gallery popup functionality\r\n            $('.media-gallery .main .swiper-slide').off('click').on('click', function (e) {\r\n                if ($(\".modal-gallery\").hasClass(\"open-modal\")) {\r\n                    //toggleZoom(e);    not using this way of activating zoom any more\r\n                } else {\r\n                    mediaGallery.displayGalleryPopup(e);\r\n                }\r\n            });\r\n            $('.popup .close').off('click').on('click', mediaGallery.closeGalleryPopup);\r\n\r\n            $(\"body\").off('click').on('click', function (e) {\r\n                //check if we click inside popup\r\n                //if it is click inside popup, don't do anything\r\n                const isInsidePopup = e.target.closest(\".popup\");                \r\n                if (!isInsidePopup && $(\".modal-gallery\").hasClass(\"open-modal\"))\r\n                    mediaGallery.closeGalleryPopup();\r\n            });\r\n\r\n            $(document).on('keydown', function (event) {\r\n                if (event.key == \"Escape\") {\r\n                    if ($(\".modal-gallery\").hasClass(\"open-modal\"))\r\n                        mediaGallery.closeGalleryPopup();\r\n                }\r\n            });\r\n\r\n            // EasyZoom and PinchZoom init\r\n            mediaGallery.initZoomAndPinch();\r\n        }\r\n\r\n        function initializeSwiper(swiperContainer, accompanyingThumbsSwiper, isThumbs) {\r\n            var data = $(swiperContainer).data();\r\n            var swiperParameters = {\r\n                loop: false,\r\n                slidesPerView: data.numberOfVisibleSlides ? data.numberOfVisibleSlides : 'auto',\r\n                spaceBetween: 20,\r\n                lazy: !isThumbs,\r\n                freeMode: isThumbs,\r\n                watchSlidesVisibility: isThumbs,\r\n                watchSlidesProgress: isThumbs,\r\n                thumbs: { swiper: accompanyingThumbsSwiper },\r\n                zoom: true,\r\n\r\n                // Image loaded event\r\n                on: {\r\n                    lazyImageReady: function (slideEl, imageEl) {\r\n                        //setTimeout(function () {\r\n                            if (!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {\r\n                                if (!$(\".modal-gallery\").hasClass(\"open-modal\") && data.zoomLevel > 0) {\r\n                                    $(slideEl).find('.easyzoom').EasyZoomMagnifier();\r\n                                }\r\n                            }\r\n                        //}, 1000);\r\n                    }\r\n                },\r\n\r\n                // Pagination\r\n                pagination: {\r\n                    el: '#' + $(swiperContainer).attr('id') + ' .swiper-pagination',\r\n                    clickable: true\r\n                },\r\n\r\n                // Navigation arrows\r\n                navigation: {\r\n                    nextEl: '#' + $(swiperContainer).attr('id') + ' .swiper-button-next',\r\n                    prevEl: '#' + $(swiperContainer).attr('id') + ' .swiper-button-prev'\r\n                }\r\n            };\r\n            if (data.zoomLevel > 0) {\r\n                swiperParameters.zoom = { maxRatio: data.zoomLevel };\r\n            } else {\r\n                swiperParameters.zoom = false;\r\n            }\r\n            if (swiperParameters.slidesPerView !== 'auto') {\r\n                // reduce number of visible slides on smaller screens\r\n                swiperParameters.breakpoints = {\r\n                    1024: {\r\n                        slidesPerView: (data.numberOfVisibleSlides - 1) > 0 ? (data.numberOfVisibleSlides - 1) : 1\r\n                    },\r\n                    768: {\r\n                        slidesPerView: (data.numberOfVisibleSlides - 2) > 0 ? (data.numberOfVisibleSlides - 2) : 1\r\n                    }\r\n                    /* 640: {\r\n                        slidesPerView: (data.numberOfVisibleSlides - 3) > 0 ? (data.numberOfVisibleSlides - 3) : 1\r\n                    },\r\n                    320: {\r\n                        slidesPerView: (data.numberOfVisibleSlides - 4) > 0 ? (data.numberOfVisibleSlides - 4) : 1\r\n                    }\r\n                    */\r\n                };\r\n            }\r\n            if (data.autoplaySeconds) {\r\n                swiperParameters.autoplay = { delay: data.autoplaySeconds * 1000 };\r\n            }\r\n\r\n            var swiper = new Swiper(swiperContainer, swiperParameters);\r\n\r\n            return swiper;\r\n        }\r\n\r\n        /* not using the zoom icons any more\r\n        function onZoomChange(scale, imageEl, slideEl) {\r\n            // set the zoom icon correctly if we've zoomed in/out using standard Swiper functionality\r\n            var zoomIconElement = $(slideEl).closest(mediaGallery.mediaGallerySelector).find(\".zoom-icon\");\r\n            if (scale === 1) {\r\n                $(zoomIconElement).find(\".zoom-in\").removeClass(\"d-none\");\r\n                $(zoomIconElement).find(\".zoom-out\").addClass(\"d-none\");\r\n            } else {\r\n                $(zoomIconElement).find(\".zoom-in\").addClass(\"d-none\");\r\n                $(zoomIconElement).find(\".zoom-out\").removeClass(\"d-none\");\r\n            }\r\n        }\r\n\r\n        function toggleZoom(event) {\r\n            // this == the icon that was clicked\r\n            var swiperContainer = $(this).closest(mediaGallery.mediaGallerySelector).find(mediaGallery.swiperSelector);\r\n            if (swiperContainer.length) {\r\n                var swiper = swiperContainer[0].swiper;\r\n                if (swiper) {\r\n                    swiper.zoom.toggle();\r\n                }\r\n            }\r\n        }\r\n        */\r\n\r\n        initAllMediaGalleriesOnPage();\r\n\r\n    }\r\n);\r\n\ndefine(\"MediaGallery/main\", function(){});\n\n"]}