{
  "version": 3,
  "sources": ["../../../Vettvangur.Frontend/src/scripts/components/picture.ts"],
  "sourcesContent": ["const picture = {\n  el: {\n    pictures: document.querySelectorAll<HTMLElement>('.picture:not(.picture--eager)'),\n  },\n\n  init(): void {\n    this.el.pictures.forEach((picture: HTMLElement) => {\n      this.loadPicture(picture)\n    })\n  },\n\n  loadPicture(picture): void {\n    const image = picture.querySelector('img')\n    const imageSrc = image.dataset.src\n    let imageLoaded = false\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          if (entry.isIntersecting && !imageLoaded) {\n            const loadingImage = new Image()\n\n            loadingImage.onload = () => {\n              image.src = loadingImage.src\n              picture.classList.add('picture--loaded')\n              imageLoaded = true\n            }\n\n            loadingImage.src = imageSrc\n          }\n        })\n      },\n      {\n        root: null,\n        rootMargin: `${window.innerHeight / 2}px`,\n        threshold: 0,\n      }\n    )\n\n    observer.observe(image)\n  },\n}\n\nexport default picture\n"],
  "mappings": "gCAAA,IAAMA,EAAU,CACd,GAAI,CACF,SAAU,SAAS,iBAA8B,+BAA+B,CAClF,EAEA,MAAa,CACX,KAAK,GAAG,SAAS,QAASA,GAAyB,CACjD,KAAK,YAAYA,CAAO,CAC1B,CAAC,CACH,EAEA,YAAYA,EAAe,CACzB,IAAMC,EAAQD,EAAQ,cAAc,KAAK,EACnCE,EAAWD,EAAM,QAAQ,IAC3BE,EAAc,GAED,IAAI,qBAClBC,GAAY,CACXA,EAAQ,QAASC,GAAU,CACzB,GAAIA,EAAM,gBAAkB,CAACF,EAAa,CACxC,IAAMG,EAAe,IAAI,MAEzBA,EAAa,OAAS,IAAM,CAC1BL,EAAM,IAAMK,EAAa,IACzBN,EAAQ,UAAU,IAAI,iBAAiB,EACvCG,EAAc,EAChB,EAEAG,EAAa,IAAMJ,CACrB,CACF,CAAC,CACH,EACA,CACE,KAAM,KACN,WAAY,GAAG,OAAO,YAAc,CAAC,KACrC,UAAW,CACb,CACF,EAES,QAAQD,CAAK,CACxB,CACF,EAEOM,EAAQP",
  "names": ["picture", "image", "imageSrc", "imageLoaded", "entries", "entry", "loadingImage", "picture_default"]
}