{"version":3,"file":"Src_Scripts_components_overlapping-background_js.a0cdeb69a0267119f211.js","sources":["webpack://haveselskabet/./Src/Scripts/components/overlapping-background.js"],"sourcesContent":["export default class OverlappingBackground {\n    constructor(elm, args) {\n        let mobile = window.matchMedia('(min-width: 0px) and (max-width: 768px)');\n        var anchor = elm.querySelectorAll(elm.dataset.overlapAnchor);\n        anchor = anchor[Math.min(anchor.length - 1, 4)];\n        var percentage = elm.dataset.overlapPercentage;\n        var percentageMobile = elm.dataset.overlapPercentageMd;\n\n        if (anchor) {\n            var updateBackground = function () {\n                var backgroundHeight = anchor.getBoundingClientRect().top - elm.getBoundingClientRect().top + anchor.offsetHeight * (percentage / 100);\n                if (mobile.matches) {\n                    elm.style.background = `#${elm.dataset.overlapColor};`;\n                }\n                else {\n                    elm.style.background = `linear-gradient(180deg, #${elm.dataset.overlapColor} ${backgroundHeight}px, transparent ${backgroundHeight}px)`;\n                }\n            }\n\n            window.addEventListener('resize', updateBackground);\n\n            var imgs = elm.querySelectorAll('img')\n            imgs.forEach(x => {\n                if (!x.complete) {\n                    x.addEventListener('load', updateBackground)\n                }\n            })\n\n            window.addEventListener('swiper init', function (e) {\n                updateBackground();\n            }, false);\n\n            updateBackground();\n        }\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;;A;;A","sourceRoot":""}