1class CollectionCollaborationsCarousel extends HTMLElement{#abortController=new AbortController;#pointerStart=null;#suppressClick=!1;connectedCallback(){this.#abortController.abort(),this.#abortController=new AbortController;const signal=this.#abortController.signal,track=this.querySelector(".collection-collaborations__panels");track&&(this.#setActivePanel(track.firstElementChild),track.addEventListener("click",this.#handleClick,{signal}),track.addEventListener("keydown",this.#handleKeydown,{signal}),track.addEventListener("pointerdown",this.#handlePointerDown,{signal}),track.addEventListener("pointerup",this.#handlePointerUp,{signal}),track.addEventListener("pointercancel",this.#clearPointer,{signal}))}disconnectedCallback(){this.#abortController.abort()}#handleClick=event=>{if(!(event.target instanceof Element))return;const link=event.target.closest(".collection-collaborations__link"),panel=link?.closest(".collection-collaborations__panel");if(this.#suppressClick){event.preventDefault(),this.#suppressClick=!1;return}!link||!panel||panel.classList.contains("is-active")||(event.preventDefault(),this.#rotateTo(panel))};#handleKeydown=event=>{["ArrowRight","ArrowLeft","ArrowDown","ArrowUp"].includes(event.key)&&(event.preventDefault(),event.key==="ArrowLeft"||event.key==="ArrowUp"?this.#showPrevious():this.#showNext(),this.querySelector(".collection-collaborations__panel.is-active .collection-collaborations__link")?.focus())};#handlePointerDown=event=>{event.pointerType!=="mouse"&&(this.#pointerStart={x:event.clientX,y:event.clientY})};#handlePointerUp=event=>{if(!this.#pointerStart)return;const deltaX=event.clientX-this.#pointerStart.x,deltaY=event.clientY-this.#pointerStart.y,delta=matchMedia("(max-width: 749px)").matches?deltaY:deltaX;this.#pointerStart=null,!(Math.abs(delta)<50)&&(this.#suppressClick=!0,window.setTimeout(()=>{this.#suppressClick=!1},0),delta<0?this.#showNext():this.#showPrevious())};#clearPointer=()=>{this.#pointerStart=null};#showNext(){const nextPanel=this.querySelector(".collection-collaborations__panels")?.firstElementChild?.nextElementSibling;nextPanel&&this.#rotateTo(nextPanel)}#showPrevious(){const track=this.querySelector(".collection-collaborations__panels"),previousPanel=track?.lastElementChild;!track||!previousPanel||previousPanel===track.firstElementChild||(track.insertBefore(previousPanel,track.firstElementChild),this.#setActivePanel(previousPanel))}#rotateTo(panel){const track=panel.parentElement;if(track){for(;track.firstElementChild&&track.firstElementChild!==panel;)track.appendChild(track.firstElementChild);this.#setActivePanel(panel)}}#setActivePanel(activePanel){activePanel&&this.querySelectorAll(".collection-collaborations__panel").forEach((panel,index)=>{const isActive=panel===activePanel;panel.style.setProperty("--position",index),panel.classList.toggle("is-active",isActive),panel.querySelector(".collection-collaborations__link")?.setAttribute("aria-current",String(isActive))})}}customElements.get("collection-collaborations-carousel")||customElements.define("collection-collaborations-carousel",CollectionCollaborationsCarousel); 2//# sourceMappingURL=/cdn/shop/t/27/assets/collection-collaborations-carousel.js.map?v=74239598861861778221783936728
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.