{"version":3,"file":"chunks/lightbox.js?v=07af0cde85cb05028f24","mappings":";;;;;;;;;;AAAA,MAAMA,QAAQ,CAAC;EACXC,WAAWA,CAACC,IAAI,EAAE;IACpB,IAAI,CAACA,IAAI,GAAGA,IAAI;IAChB,IAAI,CAACC,IAAI,GAAGC,QAAQ,CAACC,aAAa,CAAC,MAAM,CAAC;IAC1C,IAAI,CAACH,IAAI,CAACI,EAAE,CAAC,OAAO,EAAE,MAAM,IAAI,CAACC,YAAY,CAAC,CAAC,CAAC;EACjD;EAEAA,YAAYA,CAAA,EAAG;IACd,IAAI,CAACC,QAAQ,GAAG,IAAI,CAACC,cAAc,CAAC,CAAC;IACrCL,QAAQ,CAACD,IAAI,CAACO,YAAY,CAAC,IAAI,CAACF,QAAQ,EAAE,IAAI,CAACL,IAAI,CAACQ,UAAU,CAAC,CAAC,CAAC,CAAC;IAClE,IAAI,CAACC,eAAe,CAAC,CAAC;IACtB,IAAI,CAACT,IAAI,CAACU,SAAS,CAACC,GAAG,CAAC,WAAW,CAAC;EACrC;EAEAC,aAAaA,CAAA,EAAG;IACf,MAAMP,QAAQ,GAAGJ,QAAQ,CAACY,cAAc,CAAC,IAAI,CAACC,EAAE,CAAC;IACjD,IAAI,CAACd,IAAI,CAACe,WAAW,CAACV,QAAQ,CAAC;IAC/B,IAAI,CAACL,IAAI,CAACU,SAAS,CAACM,MAAM,CAAC,WAAW,CAAC;EACxC;EAEAP,eAAeA,CAAA,EAAG;IACjB,IAAI,CAACQ,WAAW,GAAGhB,QAAQ,CAACC,aAAa,CAAC,iBAAiB,CAAC;IAC5D,IAAI,CAACe,WAAW,CAACC,gBAAgB,CAAC,OAAO,EAAE,MAAM,IAAI,CAACN,aAAa,CAAC,CAAC,CAAC;EACvE;EAEAN,cAAcA,CAAA,EAAG;IAChB,IAAIa,QAAQ,GAAG,IAAI,CAACpB,IAAI,CAACqB,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,GAAG;IACrC,IAAIC,QAAQ,GAAGH,QAAQ,CAACI,KAAK,CAAC,CAAC,EAAEJ,QAAQ,CAACK,OAAO,CAAC,SAAS,CAAC,CAAC;IAE7D,IAAI,IAAI,CAACzB,IAAI,CAAC0B,QAAQ,CAAC,mBAAmB,CAAC,EAAE;MAClDN,QAAQ,GAAG,IAAI,CAACpB,IAAI,CAAC2B,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO,CAAC,eAAe,CAAC,IAAI,IAAI,CAAC5B,IAAI,CAACqB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAACQ,MAAM;MACtFN,QAAQ,GAAGH,QAAQ;IACvB;IAEN,MAAMd,QAAQ,GAAGJ,QAAQ,CAAC4B,aAAa,CAAC,KAAK,CAAC;IAC9C,IAAI,CAACf,EAAE,GAAG,IAAIgB,IAAI,CAAC,CAAC,CAACC,OAAO,CAAC,CAAC;IAC9B1B,QAAQ,CAACS,EAAE,GAAG,IAAI,CAACA,EAAE;IACrBT,QAAQ,CAACa,gBAAgB,CAAC,OAAO,EAAE,MAAM,IAAI,CAACN,aAAa,CAAC,CAAC,CAAC;IAE9DP,QAAQ,CAACK,SAAS,CAACC,GAAG,CAAC,gBAAgB,CAAC;IACxCN,QAAQ,CAAC2B,SAAS,GAAI;AACxB,cAAcV,QAAS;AACvB;AACA,GAAG;IACD,OAAOjB,QAAQ;EAChB;AACD;AAEA,+DAAeR,QAAQ","sources":["webpack://Alster/./app/components/lightbox/lightbox.js"],"sourcesContent":["class Lightbox {\n    constructor(elem) {\n\t\tthis.elem = elem\n\t\tthis.body = document.querySelector('body')\n\t\tthis.elem.on('click', () => this.openLightbox())\n\t}\n\t\n\topenLightbox() {\n\t\tthis.lightbox = this.createLightbox()\n\t\tdocument.body.insertBefore(this.lightbox, this.body.childNodes[0])\n\t\tthis.bindCloseButton()\n\t\tthis.body.classList.add('no-scroll')\n\t}\n\t\n\tcloseLightbox() {\n\t\tconst lightbox = document.getElementById(this.id)\n\t\tthis.body.removeChild(lightbox)\n\t\tthis.body.classList.remove('no-scroll')\n\t}\n\t\n\tbindCloseButton() {\n\t\tthis.closeButton = document.querySelector('.lightbox-close')\n\t\tthis.closeButton.addEventListener('click', () => this.closeLightbox())\n\t}\n\t\n\tcreateLightbox() {\n\t\tvar imageSrc = this.elem.find('img')[0].src\n        var imageUrl = imageSrc.slice(0, imageSrc.indexOf('?preset'))\n\n        if (this.elem.hasClass('adaptive-lightbox')) {\n\t\t\timageSrc = this.elem.parent()[0].dataset['lightboxImage'] || this.elem.find('source')[0].srcset\n            imageUrl = imageSrc\n        }\n\n\t\tconst lightbox = document.createElement('div')\n\t\tthis.id = new Date().getTime()\n\t\tlightbox.id = this.id\n\t\tlightbox.addEventListener('click', () => this.closeLightbox())\n\n\t\tlightbox.classList.add('lightbox-modal')\n\t\tlightbox.innerHTML = `\n\t\t\t<img src=${imageUrl}></img>\n\t\t\t<button class=\"lightbox-close\">&times</button>\n\t\t`\n\t\treturn lightbox\n\t}\n}\n\nexport default Lightbox;"],"names":["Lightbox","constructor","elem","body","document","querySelector","on","openLightbox","lightbox","createLightbox","insertBefore","childNodes","bindCloseButton","classList","add","closeLightbox","getElementById","id","removeChild","remove","closeButton","addEventListener","imageSrc","find","src","imageUrl","slice","indexOf","hasClass","parent","dataset","srcset","createElement","Date","getTime","innerHTML"],"sourceRoot":""}