{"version":3,"file":"Assets_js_modules_image-zoom_js.f63a04b255aa1a40ef8d.js","mappings":";;;;;;;;;;;;;;;AAA2B;AAES;AACqC;AAEzE,MAAME,WAAW,GAAG;AACpB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AAEP,MAAMC,QAAQ,GAAGC,QAAQ,CAACC,aAAa,CAAC,UAAU,CAAC;AAEnDF,QAAQ,CAACG,SAAS,GAAGJ,WAAW;AAEhC,MAAMK,OAAO,GAAGJ,QAAQ,CAACK,OAAO,CAACC,UAAU;AAE3CL,QAAQ,CAACM,IAAI,CAACC,WAAW,CAACJ,OAAO,CAAC;AAElC,MAAMK,SAAS,GAAG,CAAC,GAAGR,QAAQ,CAACS,gBAAgB,CAAC,aAAa,CAAC,CAAC;AAE/D,MAAMC,MAAM,GAAG,EAAE;AAEjBF,SAAS,CAACG,OAAO,CAAC,CAACC,IAAI,EAAEC,KAAK,KAAK;EACjC,IAAIC,OAAO,GAAGC,IAAI,CAACC,KAAK,CAACJ,IAAI,CAACK,OAAO,CAACC,IAAI,CAAC;EAC3CR,MAAM,CAACS,IAAI,CAACL,OAAO,CAAC;EAEpBF,IAAI,CAACQ,gBAAgB,CACnB,YAAY,EACZ,MAAM;IACJ,IAAIC,GAAG,GAAG,IAAIC,KAAK,CAAC,CAAC;IACrBD,GAAG,CAACE,GAAG,GAAGT,OAAO,CAACU,IAAI;EACxB,CAAC,EACD;IAAEC,IAAI,EAAE;EAAK,CACf,CAAC;EAEDb,IAAI,CAACc,OAAO,GAAIC,CAAC,IAAK;IACpBA,CAAC,CAACC,cAAc,CAAC,CAAC;IAElB,IAAIhC,mDAAU,CAACO,OAAO,EAAEN,8EAAoB,EAAEa,MAAM,EAAE;MACpDmB,OAAO,EAAE,KAAK;MACdhB,KAAK,EAAEA,KAAK;MACZiB,eAAe,EAAE;IACnB,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC;EACX,CAAC;AACH,CAAC,CAAC;;;;;;;;;;;AC5EF","sources":["webpack://modellsite.web/./Assets/js/modules/image-zoom.js","webpack://modellsite.web/./Assets/js/modules/image-zoom.scss?69cb"],"sourcesContent":["import \"./image-zoom.scss\";\r\n\r\nimport PhotoSwipe from \"photoswipe\";\r\nimport PhotoSwipeUI_Default from \"photoswipe/dist/photoswipe-ui-default\";\r\n\r\nconst overlayHtml = `<div class=\"pswp\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\">\r\n<div class=\"pswp__bg\"></div>\r\n<div class=\"pswp__scroll-wrap\">\r\n    <div class=\"pswp__container\">\r\n        <div class=\"pswp__item\"></div>\r\n        <div class=\"pswp__item\"></div>\r\n        <div class=\"pswp__item\"></div>\r\n    </div>\r\n    <div class=\"pswp__ui pswp__ui--hidden\">\r\n        <div class=\"pswp__top-bar\">\r\n            <div class=\"pswp__counter\"></div>\r\n            <button class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"></button>\r\n            <button class=\"pswp__button pswp__button--share\" title=\"Share\"></button>\r\n            <button class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"></button>\r\n            <button class=\"pswp__button pswp__button--zoom\" title=\"Zoom in/out\"></button>\r\n            <div class=\"pswp__preloader\">\r\n                <div class=\"pswp__preloader__icn\">\r\n                    <div class=\"pswp__preloader__cut\">\r\n                        <div class=\"pswp__preloader__donut\"></div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\">\r\n            <div class=\"pswp__share-tooltip\"></div>\r\n        </div>\r\n        <button class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\">\r\n        </button>\r\n        <button class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\">\r\n        </button>\r\n        <div class=\"pswp__caption\">\r\n            <div class=\"pswp__caption__center\"></div>\r\n        </div>\r\n    </div>\r\n</div>\r\n</div>`;\r\n\r\nconst template = document.createElement(\"template\");\r\n\r\ntemplate.innerHTML = overlayHtml;\r\n\r\nconst overlay = template.content.firstChild;\r\n\r\ndocument.body.appendChild(overlay);\r\n\r\nconst zoomLinks = [...document.querySelectorAll(\".image-zoom\")];\r\n\r\nconst images = [];\r\n\r\nzoomLinks.forEach((link, index) => {\r\n  var imgData = JSON.parse(link.dataset.pswp);\r\n  images.push(imgData);\r\n\r\n  link.addEventListener(\r\n    \"mouseenter\",\r\n    () => {\r\n      var img = new Image();\r\n      img.src = imgData.msrc;\r\n    },\r\n    { once: true }\r\n  );\r\n\r\n  link.onclick = (e) => {\r\n    e.preventDefault();\r\n\r\n    new PhotoSwipe(overlay, PhotoSwipeUI_Default, images, {\r\n      shareEl: false,\r\n      index: index,\r\n      showHideOpacity: true,\r\n    }).init();\r\n  };\r\n});\r\n","// extracted by mini-css-extract-plugin\nexport {};"],"names":["PhotoSwipe","PhotoSwipeUI_Default","overlayHtml","template","document","createElement","innerHTML","overlay","content","firstChild","body","appendChild","zoomLinks","querySelectorAll","images","forEach","link","index","imgData","JSON","parse","dataset","pswp","push","addEventListener","img","Image","src","msrc","once","onclick","e","preventDefault","shareEl","showHideOpacity","init"],"sourceRoot":""}