1"use-strict";import PhotoSwipeLightbox from"./photoswipe-lightbox.esm.min.js";import Photoswipe from"./photoswipe.esm.min.js";class ZoomAction extends HTMLElement{constructor(){super(),this.type=this.dataset.type||"no_zoom",this.zoomOption=this.dataset.zoomOption||"external",this.lightbox=null,this.drift=null,this.init()}init(){this.type!=="no_zoom"&&(window.addEventListener("resize",this.responsive.bind(this)),window.addEventListener("load",this.responsive.bind(this)))}initLightBox(){this.lightbox===null&&this.querySelectorAll("a.media-gallery__image").forEach(a=>{var position=0;a.addEventListener("click",e=>{e.preventDefault();const target=e.currentTarget;target.getAttribute("data-position")?position=target.getAttribute("data-position"):target.closest("media-gallery").querySelector(".swiper-slide-active")?position=target.closest("media-gallery").querySelector(".swiper-slide-active").getAttribute("data-position"):target.closest("media-gallery").firstChild&&(position=target.closest("media-gallery").firstChild?.getAttribute("data-position")),this.lightbox=new PhotoSwipeLightbox({gallery:this,children:"a",pswpModule:()=>Photoswipe,counter:!1,zoom:!1,preloader:!1,arrowPrev:!1,arrowNext:!1,close:!1,loop:!1,bgOpacity:1}),this.lightbox.on("uiRegister",()=>{const{pswp}=this.lightbox;pswp?.ui.registerElement({name:"bls--close",isButton:!0,tagName:"button",html:'<svg width="13" height="13" viewBox="0 0 13 13" fill="none" class="transition"><use href="#icon-close"></use></svg>',onClick:()=>{pswp.close()}}),pswp?.ui.registerElement({name:"bottomBar",className:"pswp__bottom-bar",appendTo:"wrapper",onInit:(el,pswp2)=>{let next,prev,counter,useIconPrev,iconNext,iconPrev,useIconNext;next=document.createElement("button"),next.setAttribute("type","button"),next.className="pswp__button pswp__button-next",next.innerHTML=`<svg width="6" height="11" fill="none"> 2 <use href="#icon-next"></use> 3 </svg>`,next.onclick=()=>{pswp2.next()},el.appendChild(next),counter=document.createElement("span"),counter.className="pswp__counter",pswp2.on("change",()=>{counter.innerText=pswp2.currIndex+1+pswp2.options.indexIndicatorSep+pswp2.getNumItems()}),el.appendChild(counter),prev=document.createElement("button"),prev.setAttribute("type","button"),prev.className="pswp__button pswp__button-prev",prev.innerHTML=`<svg width="6" height="11" fill="none"> 4 <use href="#icon-back"></use> 5 </svg>`,prev.onclick=()=>{pswp2.prev()},el.appendChild(prev)}})}),this.lightbox.init(),this.lightbox.loadAndOpen(position-1)})})}initDrift(){if(this.drift===null){var allTriggers=this.querySelectorAll(".drift-trigger"),paneContainer=this.closest(".sec__featured-product").querySelector(".zoom-external-area");allTriggers.length!=0&&allTriggers.forEach(trigger=>{const inlineContainer=trigger.closest("[data-pane-container]"),zoomOption=this.zoomOption;zoomOption==="inner-2"?this.drift=new Drift(trigger,{inlinePane:zoomOption==="inner-2",zoomFactor:3,containInline:paneContainer,paneContainer:inlineContainer,hoverBoundingBox:zoomOption==="external",onShow:function(){inlineContainer.classList.add("relative")},onHide:function(){inlineContainer.classList.remove("relative")}}):this.drift=new Drift(trigger,{inlinePane:zoomOption,zoomFactor:5,containInline:!!paneContainer,paneContainer:zoomOption==="external"?paneContainer:inlineContainer,hoverBoundingBox:zoomOption==="external",onShow:function(){inlineContainer.classList.add("relative")},onHide:function(){inlineContainer.classList.remove("relative")}})})}}responsive(){window.innerWidth>=768?this.type==="open_lightbox"?this.initLightBox():(this.lightbox!==null&&(this.lightbox.destroy(),this.lightbox=null),this.initDrift()):this.type!=="open_lightbox"?(this.drift!==null&&(this.drift.destroy(),this.drift==null),this.initLightBox()):this.initLightBox(),this.updateSwiper()}updateSwiper(){typeof Swiper<"u"&&this.querySelector(".thumbnail-slide")&&this.querySelector(".thumbnail-slide").swiper.update()}disconnectedCallback(){window.removeEventListener("resize",this.responsive.bind(this)),window.removeEventListener("load",this.responsive.bind(this))}}customElements.define("zoom-action",ZoomAction); 6//# sourceMappingURL=/cdn/shop/t/11/assets/photoswipe-init.js.map?v=45396840512047294491762165777
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.