{"version":3,"file":"js/SnippetPhoto_CollectionViewComponent.min.js","mappings":"AAACA,OAAOC,YAAc,CAClBC,YAAa,EACbC,UAAW,EACXC,UAAW,EACXC,UAAW,EACXC,MAAO,KACPC,OAAQ,KACRC,WAAY,KACZC,WAAY,KACZC,OAAQ,KACRC,OAAQ,KACRC,UAAW,EAEXC,KAAM,WACF,GAAIC,WAAa,EAAG,CAahB,GAZAb,YAAYU,OAASI,SAASC,iBAAiB,0CAC/Cf,YAAYM,OAASQ,SAASC,iBAAiB,iCAC/Cf,YAAYI,UAAYJ,YAAYU,OAAOM,OAC3ChB,YAAYO,WAAaO,SAASG,cAAc,mCAChDjB,YAAYQ,WAAaM,SAASG,cAAc,mCAChDjB,YAAYS,OAASK,SAASG,cAAc,6BAC5CjB,YAAYK,MAAQS,SAASG,cAAc,wCAE1BH,SAASG,cAAc,+CAC7BC,UAAUC,IAAI,UAGrBnB,YAAYI,UAAY,EAExB,IAAK,IAAIgB,EAAI,EAAGA,EAAIpB,YAAYU,OAAOM,OAAQI,KAC1C,WACG,IAAIC,EAAQrB,YAAYU,OAAOU,GAC3BE,EAAQF,EACZC,EAAME,iBAAiB,SAAS,WAC5BvB,YAAYC,YAAcqB,EAC1BtB,YAAYwB,WAChB,GACJ,CAPA,GAYR,GAAIxB,YAAYI,UAAYJ,YAAYE,UAEpC,IAAK,IAAIuB,EAAI,EAAGA,EAAIZ,WAAYY,GAAK,GAChC,WACG,IAAIpB,EAAQS,SAASY,cAAc,OACnCrB,EAAMsB,QAAQL,MAAQG,EAEZ,IAANA,IACApB,EAAMuB,UAAY,UAGtBvB,EAAMkB,iBAAiB,SAAS,WAC5BvB,YAAY6B,KAAKC,SAASzB,EAAMsB,QAAQL,QAAQ,EACpD,IAEAtB,YAAYK,MAAM0B,YAAY1B,EAClC,CAbA,QAgBJL,YAAYK,MAAM2B,MAAMC,QAAU,OAKtC,GAFAjC,YAAY6B,KAAK7B,YAAYG,WAAW,GAEpCH,YAAYI,UAAYJ,YAAYE,UAAW,CAC/C,GAAIgC,gBAAiB,CACjB,IAAIC,EAAW,IAAIC,OAAOpC,YAAYS,QACtC0B,EAASE,GAAG,YAAarC,YAAYsC,MACrCH,EAASE,GAAG,aAAcrC,YAAYuC,KAC1C,CAEKC,KAAKC,aACNzC,YAAYS,OAAOc,iBAAiB,cAAc,WAC9CvB,YAAY0C,aAChB,IACA1C,YAAYS,OAAOc,iBAAiB,cAAc,WAC9CvB,YAAY2C,aAChB,IACA3C,YAAYO,WAAWgB,iBAAiB,SAAS,WAC7CvB,YAAYuC,MAChB,IACAvC,YAAYQ,WAAWe,iBAAiB,SAAS,WAC7CvB,YAAYsC,MAChB,IAER,CAUA,GARKE,KAAKC,YACN3B,SAASG,cAAc,mCAAmCM,iBAAiB,SAAS,WAChF,IAAIqB,EAAM9B,SAASG,cAAc,0CAA0Ce,MAAMa,gBAC7EC,EAAUhC,SAASG,cAAc,sDAAsD8B,UAC3FC,UAAUC,iBAAiBL,EAAKE,EACpC,IAGAZ,gBAAiB,CACjB,IAAIgB,EAAcpC,SAASG,cAAc,mCACrCkC,EAAgB,IAAIf,OAAOc,GAC/BC,EAAcd,GAAG,YAAarC,YAAYoD,WAC1CD,EAAcd,GAAG,aAAcrC,YAAYqD,UAC/C,CACJ,CACJ,EAEAxB,KAAM,SAAUP,EAAOgC,GAiBnB,GAhBAtD,YAAYG,UAAYmB,EACxBtB,YAAYC,YAAcqB,EAC1BtB,YAAYM,OAASQ,SAASC,iBAAiB,iCAE3Cf,YAAYI,UAAYJ,YAAYE,YAElBY,SAASG,cAAc,mDAC7BC,UAAUqC,OAAO,UAChBzC,SAASC,iBAAiB,4CACtBO,EAAQtB,YAAYE,WAClB0B,UAAY,UAGnC5B,YAAYwB,YAGRxB,YAAYI,UAAW,EAAG,CAC1B,IAAIoD,EAAc1C,SAASG,cAAc,mCAEzCuC,EAAYxB,MAAMyB,MAAQzD,YAAYI,UAAYJ,YAAYE,UAAY,IAAM,IAChF,IAAK,IAAIkB,EAAI,EAAGA,EAAIpB,YAAYM,OAAOU,OAAQI,IAC/BpB,YAAYM,OAAOc,GACzBY,MAAMyB,MAAQ,IAAMzD,YAAYI,UAAY,IAGtD,IAAIsD,EAAY,eAAiB,IAAM1D,YAAYI,UAAYJ,YAAYG,UAAY,KACnFwD,EAAa,cAAgBL,EAAU,IAAM,GAAK,UACtDE,EAAYxB,MAAM0B,UAAYA,EAC9BF,EAAYxB,MAAM2B,WAAaA,CACnC,CACJ,EAEAhB,YAAa,WACT3C,YAAYQ,WAAWwB,MAAMC,QAAU,OACvCjC,YAAYO,WAAWyB,MAAMC,QAAU,MAC3C,EAEAK,KAAM,WAEF,IAAIhB,EAAQtB,YAAYG,UAAYH,YAAYE,UAE5CoB,EAAQtB,YAAYI,YAAWkB,EAAQ,GAC3CtB,YAAY6B,KAAKP,GAAO,EAC5B,EAEA8B,UAAW,WACP,IAAI9B,EAAQtB,YAAYG,UAAY,EAChCmB,EAAQtB,YAAYI,UAAY,IAAGkB,EAAQ,GACjC,IAAVA,GAAeA,EAAQtB,YAAYE,WAAc,EACjDF,YAAY6B,KAAKP,GAAO,IAExBtB,YAAYG,UAAYmB,EACxBtB,YAAYC,YAAcqB,EAC1BtB,YAAYwB,YAEpB,EAEAe,KAAM,WACF,IAAIjB,EAAQtB,YAAYG,UAAYH,YAAYE,UAC5CoB,EAAQ,IAAGA,EAAQtB,YAAYI,UAAYJ,YAAYE,WAC3DF,YAAY6B,KAAKP,GAAO,EAC5B,EAEA+B,UAAW,WAIP,IAHA,IAAI/B,EAAQtB,YAAYG,UAAY,EAChCyD,EAAY,GACZC,EAAkB,GACbzC,EAAI,EAAGA,EAAIpB,YAAYI,UAAWgB,GAAKpB,YAAYE,UACxD0D,EAAUE,KAAK1C,GACfyC,EAAgBC,KAAK1C,EAAIpB,YAAYE,UAAY,GAGjDoB,EAAQ,IAAGA,EAAQtB,YAAYI,UAAY,GAC/C,IAAI2D,EAAYF,EAAgBG,QAAQ1C,GAEpCyC,GAAa,GACb/D,YAAY6B,KAAK+B,EAAUG,IAAY,GAG3C/D,YAAYG,UAAYmB,EACxBtB,YAAYC,YAAcqB,EAC1BtB,YAAYwB,WAChB,EAEAA,UAAW,WACPV,SAASG,cAAc,wCAAwCC,UAAUqC,OAAO,UAChFvD,YAAYM,OAAON,YAAYC,aAAaiB,UAAUC,IAAI,UAE1D,IAAIE,EAAQP,SAASG,cAAc,+CAC/BgD,EAAQ5C,EAAMM,QAAQsC,MACtBC,EAAQ7C,EAAMM,QAAQwC,YACtBC,EAAO/C,EAAMM,QAAQyC,KACrBlB,EAAcpC,SAASG,cAAc,0CACrCoD,EAAavD,SAASG,cAAc,sDACpCqD,EAAUxD,SAASG,cAAc,uDAErCiC,EAAYlB,MAAMa,gBAAkBxB,EAAMW,MAAMa,gBAChDwB,EAAWE,UAAY,MAAQN,EAAQ,UAAYC,EAAQ,MAAQE,EACnEE,EAAQvB,UAAY/C,YAAYC,YAAc,EAAI,IAAMD,YAAYI,UAEtC,IAA1BJ,YAAYI,YACZJ,YAAYS,OAAOuB,MAAMC,QAAU,OACnCqC,EAAQtC,MAAMC,QAAU,OAEhC,EAEAS,YAAa,WACT1C,YAAYQ,WAAWwB,MAAMC,QAAU,QACvCjC,YAAYO,WAAWyB,MAAMC,QAAU,OAC3C,GAGJlC,OAAOC,YAAYY","sources":["webpack://weersvoorspelling/./Views/Shared/Components/SnippetPhoto_Collection/Default.js"],"sourcesContent":["window.photoSlider = {\n    activeIndex: 0,\n    itemCount: 4,\n    itemIndex: 0,\n    itemTotal: 0,\n    pager: null,\n    photos: null,\n    prevButton: null,\n    nextButton: null,\n    slider: null,\n    thumbs: null,\n    timeoutId: 0,\n\n    init: function () {\n        if (photoCount > 0) {\n            photoSlider.thumbs = document.querySelectorAll('.photo-collection .slider-panel .thumb');\n            photoSlider.photos = document.querySelectorAll('.photo-collection .item-photo');\n            photoSlider.itemTotal = photoSlider.thumbs.length;\n            photoSlider.prevButton = document.querySelector('.photo-collection .slider .prev');\n            photoSlider.nextButton = document.querySelector('.photo-collection .slider .next');\n            photoSlider.slider = document.querySelector('.photo-collection .slider');\n            photoSlider.pager = document.querySelector('.photo-collection .slider-pagination');\n\n            var firstPhoto = document.querySelector('.photo-collection .slider-panel .item-photo');\n            firstPhoto.classList.add('active');\n\n            // Only Show thumbs if more than 1 photo\n            if (photoSlider.itemTotal > 1) {\n                // thumbnails\n                for (var i = 0; i < photoSlider.thumbs.length; i++) {\n                    (function () {\n                        var thumb = photoSlider.thumbs[i];\n                        var index = i;\n                        thumb.addEventListener('click', function () {\n                            photoSlider.activeIndex = index;\n                            photoSlider.setActive();\n                        });\n                    }());\n                }\n            }\n\n            // Only show pagination if more photo's than shown at once\n            if (photoSlider.itemTotal > photoSlider.itemCount) {\n                // pagination\n                for (var p = 0; p < photoCount; p += 4) {\n                    (function () {\n                        var pager = document.createElement('div');\n                        pager.dataset.index = p;\n\n                        if (p === 0) {\n                            pager.className = 'active';\n                        }\n\n                        pager.addEventListener('click', function () {\n                            photoSlider.goto(parseInt(pager.dataset.index), true);\n                        });\n\n                        photoSlider.pager.appendChild(pager);\n                    }());\n                }\n            } else {\n                photoSlider.pager.style.display = 'none';\n            }\n\n            photoSlider.goto(photoSlider.itemIndex, false);\n\n            if (photoSlider.itemTotal > photoSlider.itemCount) {\n                if (isTouchDevice()) {\n                    var hammerEl = new Hammer(photoSlider.slider);\n                    hammerEl.on('swipeleft', photoSlider.next);\n                    hammerEl.on('swiperight', photoSlider.prev);\n                }\n\n                if (!Site.isMobile()) {\n                    photoSlider.slider.addEventListener('mouseenter', function () {\n                        photoSlider.showButtons();\n                    });\n                    photoSlider.slider.addEventListener('mouseleave', function () {\n                        photoSlider.hideButtons();\n                    });\n                    photoSlider.prevButton.addEventListener('click', function () {\n                        photoSlider.prev();\n                    });\n                    photoSlider.nextButton.addEventListener('click', function () {\n                        photoSlider.next();\n                    });                    \n                }\n            }\n\n            if (!Site.isMobile()) {\n                document.querySelector('.photo-collection .active-photo').addEventListener('click', function () {\n                    var url = document.querySelector('.photo-collection .active-photo .photo').style.backgroundImage;\n                    var caption = document.querySelector('.photo-collection .active-photo .photo .photo-text').innerText;\n                    SiteModal.createImageModal(url, caption);\n                });\n            }\n\n            if (isTouchDevice()) {\n                var activePhoto = document.querySelector('.photo-collection .active-photo');\n                var hammerPhotoEl = new Hammer(activePhoto);\n                hammerPhotoEl.on('swipeleft', photoSlider.nextPhoto);\n                hammerPhotoEl.on('swiperight', photoSlider.prevPhoto);\n            }\n        }\n    },\n\n    goto: function (index, animate) {\n        photoSlider.itemIndex = index;\n        photoSlider.activeIndex = index;\n        photoSlider.photos = document.querySelectorAll('.photo-collection .item-photo');\n\n        if (photoSlider.itemTotal > photoSlider.itemCount) {\n            // Change active pager\n            var activePager = document.querySelector('.photo-collection .slider-pagination div.active');\n            activePager.classList.remove('active');\n            var pagers = document.querySelectorAll('.photo-collection .slider-pagination div');\n            var pagerIndex = index / photoSlider.itemCount;\n            pagers[pagerIndex].className = 'active';\n        }\n\n        photoSlider.setActive();\n\n        // Move slider panel\n        if (photoSlider.itemTotal >1) {\n            var sliderPanel = document.querySelector('.photo-collection .slider-panel');\n\n            sliderPanel.style.width = photoSlider.itemTotal / photoSlider.itemCount * 100 + '%';\n            for (var i = 0; i < photoSlider.photos.length; i++) {\n                var photo = photoSlider.photos[i];\n                photo.style.width = 100 / photoSlider.itemTotal + '%';\n            }\n\n            var transform = 'translateX(-' + 100 / photoSlider.itemTotal * photoSlider.itemIndex + '%)';\n            var transition = 'transform ' + (animate ? 500 : 0) + 'ms ease';\n            sliderPanel.style.transform = transform;\n            sliderPanel.style.transition = transition;\n        }\n    },\n\n    hideButtons: function () {\n        photoSlider.nextButton.style.display = 'none';\n        photoSlider.prevButton.style.display = 'none';\n    },\n\n    next: function () {\n        // Add {itemCount} to index\n        var index = photoSlider.itemIndex + photoSlider.itemCount;\n\n        if (index > photoSlider.itemTotal) index = 0;\n        photoSlider.goto(index, true);\n    },\n\n    nextPhoto: function () {\n        var index = photoSlider.itemIndex + 1;\n        if (index > photoSlider.itemTotal - 1) index = 0;\n        if (index === 0 || index % photoSlider.itemCount === 0) {\n            photoSlider.goto(index, true);\n        } else {\n            photoSlider.itemIndex = index;\n            photoSlider.activeIndex = index;\n            photoSlider.setActive();\n        }\n    },\n\n    prev: function () {\n        var index = photoSlider.itemIndex - photoSlider.itemCount;\n        if (index < 0) index = photoSlider.itemTotal - photoSlider.itemCount;\n        photoSlider.goto(index, true);\n    },\n\n    prevPhoto: function () {\n        var index = photoSlider.itemIndex - 1;\n        var gotoRange = [];\n        var gotoRangeChange = [];\n        for (var i = 0; i < photoSlider.itemTotal; i += photoSlider.itemCount) {\n            gotoRange.push(i);\n            gotoRangeChange.push(i + photoSlider.itemCount - 1);\n        }\n\n        if (index < 0) index = photoSlider.itemTotal - 1;\n        var gotoIndex = gotoRangeChange.indexOf(index);\n\n        if (gotoIndex > -1) {\n            photoSlider.goto(gotoRange[gotoIndex], true);\n        }\n        /*has to be done all the time otherwise the goto function messes things up*/\n        photoSlider.itemIndex = index;\n        photoSlider.activeIndex = index;\n        photoSlider.setActive();\n    },\n\n    setActive: function () {\n        document.querySelector('.photo-collection .item-photo.active').classList.remove('active');\n        photoSlider.photos[photoSlider.activeIndex].classList.add('active');\n\n        var thumb = document.querySelector('.photo-collection .item-photo.active .thumb');\n        var owner = thumb.dataset.owner;\n        var title = thumb.dataset.description;\n        var date = thumb.dataset.date;\n        var activePhoto = document.querySelector('.photo-collection .active-photo .photo');\n        var activeText = document.querySelector('.photo-collection .active-photo .photo .photo-text');\n        var counter = document.querySelector('.photo-collection .active-photo .photo .photo-count');\n\n        activePhoto.style.backgroundImage = thumb.style.backgroundImage;\n        activeText.innerHTML = '<b>' + owner + '</b> - ' + title + ' - ' + date;\n        counter.innerText = photoSlider.activeIndex + 1 + '/' + photoSlider.itemTotal;\n\n        if (photoSlider.itemTotal === 1) {\n            photoSlider.slider.style.display = 'none';\n            counter.style.display = 'none';\n        }\n    },\n\n    showButtons: function () {\n        photoSlider.nextButton.style.display = 'block';\n        photoSlider.prevButton.style.display = 'block';\n    }\n};\n\nwindow.photoSlider.init();"],"names":["window","photoSlider","activeIndex","itemCount","itemIndex","itemTotal","pager","photos","prevButton","nextButton","slider","thumbs","timeoutId","init","photoCount","document","querySelectorAll","length","querySelector","classList","add","i","thumb","index","addEventListener","setActive","p","createElement","dataset","className","goto","parseInt","appendChild","style","display","isTouchDevice","hammerEl","Hammer","on","next","prev","Site","isMobile","showButtons","hideButtons","url","backgroundImage","caption","innerText","SiteModal","createImageModal","activePhoto","hammerPhotoEl","nextPhoto","prevPhoto","animate","remove","sliderPanel","width","transform","transition","gotoRange","gotoRangeChange","push","gotoIndex","indexOf","owner","title","description","date","activeText","counter","innerHTML"],"sourceRoot":""}