{"version":3,"file":"fotogalleri.min.js","sources":["fotogalleri.js"],"sourcesContent":["$(function () {\r\n initieraToppBildSlideshow();\r\n animeraBlock();\r\n animeraBildtextVidScroll();\r\n\r\n function initieraToppBildSlideshow() {\r\n if (location.href.indexOf('episerver/cms/') < 0) {\r\n $('#topp-bild-slideshow').slick({\r\n arrows: false,\r\n dots: false,\r\n infinite: true,\r\n speed: 2000,\r\n fade: true,\r\n autoplay: true,\r\n autoplaySpeed: 5000,\r\n pauseOnHover: false\r\n });\r\n }\r\n }\r\n\r\n function animeraBlock() {\r\n if ('IntersectionObserver' in window) {\r\n const blocks = document.querySelectorAll('.fotogalleriblocklista .block, .text-mobil-puff');\r\n const blocksObserver = new IntersectionObserver(entries => {\r\n entries.forEach(entry => {\r\n const block = entry.target;\r\n const hasAnimated = block.classList.contains('animate');\r\n const img = block.querySelector('img[data-src]');\r\n\r\n if (entry.isIntersecting && !hasAnimated) {\r\n if (img) {\r\n img.src = img.getAttribute('data-src') || '';\r\n }\r\n block.classList.add('animate');\r\n blocksObserver.unobserve(block);\r\n }\r\n });\r\n }, {\r\n rootMargin: '0%'\r\n });\r\n\r\n blocks.forEach(block => {\r\n blocksObserver.observe(block);\r\n });\r\n }\r\n }\r\n\r\n function animeraBildtextVidScroll() {\r\n $('#fotogalleri-slideshow').on('wheel', function (e) {\r\n var citat = $(this).find('.slick-current .citat-hover');\r\n var delta = e.originalEvent.wheelDelta;\r\n if (delta < 0) {\r\n citat.addClass('scroll');\r\n } else {\r\n citat.removeClass('scroll');\r\n }\r\n });\r\n }\r\n});\r\n\r\n$(window).on('load', function () {\r\n initieraBildspel();\r\n initieraFotoGalleriSlideshow();\r\n\r\n function initieraBildspel() {\r\n const modal = $('#fotogalleri-modal');\r\n const slideShow = $('#fotogalleri-slideshow');\r\n let items = [];\r\n\r\n $('.js-bildspel').each(function (index) {\r\n $(this).data('index', index);\r\n });\r\n $('.js-bildspel-bildurl').each(function () {\r\n let title = '';\r\n if ($(this).siblings('[data-title]').length > 0) {\r\n title = $(this).siblings('[data-title]')[0].innerHTML;\r\n }\r\n\r\n let item = {};\r\n item.src = $(this).val();\r\n item.title = title;\r\n item.w = $(this).data('width');\r\n item.h = $(this).data('height');\r\n items.push(item);\r\n });\r\n alectaBildspel(items);\r\n\r\n $(document).on('mouseover', '.js-bildspel', function () {\r\n let current = $(this).data('index');\r\n lazyLoadImage(current);\r\n });\r\n\r\n $(document).on('click', '.js-bildspel', function () {\r\n const nrOfSlides = items.length - 1;\r\n let current = $(this).data('index');\r\n let next = current + 1 > nrOfSlides ? 0 : current + 1;\r\n let prev = current - 1 < 0 ? nrOfSlides : current - 1;\r\n\r\n lazyLoadImage(current);\r\n lazyLoadImage(next);\r\n lazyLoadImage(prev);\r\n\r\n slideShow.slick('slickGoTo', current);\r\n $('.citat-hover').removeClass('show');\r\n modal.modal();\r\n });\r\n }\r\n\r\n function alectaBildspel(items) {\r\n const bildspel = document.getElementById('fotogalleri-slideshow');\r\n const divStart = '