1(function(){class ImageGallery extends HTMLElement{connectedCallback(){this.init()}init(){const rightWrap=this.querySelector(".animate-right"),leftInner=this.querySelector(".animate-left"),styleTag=document.createElement("style");document.head.appendChild(styleTag);const recalc=()=>{const isDesktop=window.matchMedia("(min-width: 768px)").matches,itemSize=isDesktop?348:172,gap=isDesktop?12:8,oneSlider=this.querySelector(".slider"),n=oneSlider?oneSlider.querySelectorAll(".slider-item").length:0;if(!n)return;const setWidth=n*itemSize+(n-1)*gap,loopDistance=n*(itemSize+gap);rightWrap&&rightWrap.querySelectorAll(".slider").forEach(s=>s.style.width=`${setWidth}px`),leftInner&&leftInner.querySelectorAll(".slider").forEach(s=>s.style.width=`${setWidth}px`),styleTag.textContent=` 2 @keyframes marquee { 3 0% { transform: translate3d(-${loopDistance}px, 0, 0); } 4 100% { transform: translate3d(0, 0, 0); } 5 } 6 @keyframes marqueeLeft { 7 0% { transform: translate3d(0, 0, 0); } 8 100% { transform: translate3d(-${loopDistance}px, 0, 0); } 9 } 10 `};recalc();let resizeTimer;window.addEventListener("resize",()=>{clearTimeout(resizeTimer),resizeTimer=setTimeout(recalc,150)});const animatedEls=[rightWrap,leftInner].filter(Boolean);"IntersectionObserver"in window&&animatedEls.length&&new IntersectionObserver(entries=>{entries.forEach(entry=>{animatedEls.forEach(el=>{el.style.animationPlayState=entry.isIntersecting?"running":"paused"})})},{threshold:0}).observe(this)}}customElements.define("image-gallery",ImageGallery)})(); 11//# sourceMappingURL=/cdn/shop/t/22/assets/component-image-gallery.js.map?v=158080745571044502471788427646
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.