https://thesoundofvinyl.com/cdn/shop/t/85/assets/6d90d2d5a70b27f4f918_carousel-import_build.js

1(self.webpackChunkgcom_rhythm=self.webpackChunkgcom_rhythm||[]).push([[3125,9066],{5854(e,t,s){"use strict";s.r(t),s.d(t,{carouselInit:()=>o,selectors:()=>d});var a=s(5805),i=s(8381),r=s(969),n=s(3845),l=s(795);i.A.use([r.Vx,r.dK,r.Ij,r.WO,r.Jq,r.U1,r.s3,r.FJ,r.GP]);const d=Object.freeze({pdp_media_parent:".product__media",parent:'[data-items-element="swiper__parent"]',carousel:'[data-items-element="swiper__viewport"]',wrapper:'[data-items-element="swiper-wrapper"]',slide:'[data-items-element="swiper-slide"]',next:".swiper__navigation--next",prev:".swiper__navigation--prev",pagination:".swiper__pagination",counter:".swiper-pagination",activeCounter:".swiper-pagination-bullet-active",thumbnails:{wrapper:'[data-items-element="swiper-wrapper--thumbs"]',parent:".swiper--thumbs",carousel:".swiper-viewport--thumbs",thumbs:".swiper--thumbs .swiper-thumb"},activeThumbnail:".swiper-slide-thumb-active"});function o(){document.querySelectorAll(d.parent).forEach(e=>{c(e)})}const c=e=>{const t=e.querySelector(d.carousel);if(!(t instanceof HTMLElement)||t.swiper)return;const s=e.querySelector(d.pagination),r=e.querySelector(".swiper__navigation--prev"),n=e.querySelector(".swiper__navigation--next"),o=r instanceof HTMLElement&&n instanceof HTMLElement,q=1e3*parseFloat(e.dataset.carouselAutoplay??"0"),y=parseInt(getComputedStyle(e).getPropertyValue("--grid-gap-x"))*parseFloat(getComputedStyle(document.documentElement).fontSize);const S=function(e){const t=void 0!==e.dataset.slidesPerView?parseFloat(e.dataset.slidesPerView):0,s=void 0!==e.dataset.slidesPerViewMd?parseFloat(e.dataset.slidesPerViewMd):0,a=void 0!==e.dataset.slidesPerViewLg?parseFloat(e.dataset.slidesPerViewLg):0;return{sm:t,md:s,lg:a}}(e),E=function(e){const t=parseInt(e.dataset.slidesPerView??"1",10)||1,s=parseInt(e.dataset.slidesPerViewMd??"1",10)||t,a=parseInt(e.dataset.slidesPerViewLg??"1",10)||s;return{sm:t,md:s,lg:a}}(e),_=function(e){const t=void 0!==e.dataset.carouselLayout?e.dataset.carouselLayout:"",s=void 0!==e.dataset.carouselLayoutMd?e.dataset.carouselLayoutMd:"",a=void 0!==e.dataset.carouselLayoutMd?e.dataset.carouselLayoutMd:"";return{sm:t,md:s,lg:a}}(e),L=f(e),P=m(t),k=e.querySelectorAll(d.wrapper),M=e.querySelectorAll(d.slide),I=M.length,A=s?.dataset.label,C=x(_,w),z=window.matchMedia(C),T=(0,l.g)(),V="true"===e.dataset.carouselZoom,F=e.dataset.carouselPaginationType;k.forEach(t=>{p(e),"pdp-media"===m(t)&&"carousel"!==e.dataset.carouselLayoutMd||t.classList.add("swiper-wrapper")}),M.forEach(e=>e.classList.add("swiper-slide"));const H=e.querySelectorAll(".swiper-notification");if(H&&H.forEach(e=>e.remove()),C.length<=0)return;const $=function(e){const t=e.closest(d.pdp_media_parent);if(!(t instanceof HTMLElement))return;const s=t.querySelector(d.thumbnails.parent);if(!(s instanceof HTMLElement))return;const r="vertical"===s.dataset.directionMd?"vertical":"horizontal",n="center"===s.dataset.centered,l="center"===s.dataset.centeredMd,o=s.querySelector(d.thumbnails.carousel);if(!o)return;const c=new i.A(o,{slidesPerView:"auto",spaceBetween:12,direction:"horizontal",initialSlide:0,resizeObserver:!0,watchOverflow:!0,watchSlidesProgress:!0,keyboard:{enabled:!0,onlyInViewport:!0},centerInsufficientSlides:n,a11y:{enabled:!0},breakpoints:{[w.md]:{direction:r,centerInsufficientSlides:l}}});if(e.querySelector(d.wrapper)){const t=e.querySelector(d.wrapper)?.querySelector("li");if(!t)return;const s=t.getBoundingClientRect().height;if(!s||s<=0)return void o.style.removeProperty("max-height");b(e,o);const i=document.getElementById("styles_css_bundle");i&&i.addEventListener("load",()=>b(e,o)),window.addEventListener("resize",()=>{(0,a.nF)(b(e,o))},{passive:!0})}return c}(t),B=e.querySelector(d.activeCounter),O=e.querySelector(d.counter);B&&(B.textContent="1"),O&&(O.textContent=`${I}`);const R={slidesPerView:S.sm+(L.sm.enabled?L.sm.value:0),slidesPerGroup:E.sm,initialSlide:T,navigation:{enabled:o,nextEl:n,prevEl:r},pagination:{type:F,el:s,clickable:!0,renderBullet:function(e,t){const s="hero-banner-doubled"===P?e%(M.length/2):e;return`<button class="${t}" aria-label="${A?.replace("{{ index }}",(s+1).toString())}"></button>`}}

1,createElements:!0,resizeObserver:!0,spaceBetween:y,thumbs:{swiper:$},autoplay:q>0?{delay:q}:void 0,loop:"true"===e.dataset.carouselLoop&&I>2,centeredSlides:"center"===e.dataset.carouselAlign,freeMode:"true"===e.dataset.carouselDragfree,zoom:V,keyboard:{enabled:!0,onlyInViewport:!0},mousewheel:{forceToAxis:!0},a11y:{enabled:!0,nextSlideMessage:window.accessibilityStrings.nextSlide,prevSlideMessage:window.accessibilityStrings.prevSlide,slideRole:"listitem"},breakpoints:{[w.md]:{slidesPerView:S.md+(L.md.enabled?L.md.value:0),slidesPerGroup:E.md,centeredSlides:"center"===e.dataset.carouselAlignMd},[w.lg]:{slidesPerView:S.lg+(L.md.enabled?L.md.value:0),slidesPerGroup:E.lg,centeredSlides:"center"===e.dataset.carouselAlignMd}},on:{afterInit:t=>{if(u(t,P,e,M),0===t.realIndex){if(!(t.navigation.prevEl instanceof HTMLElement)||void 0===t.navigation.prevEl)return;t.navigation.prevEl.setAttribute("aria-disabled","true"),t.navigation.prevEl.setAttribute("disabled","true")}if(t.realIndex===t.slides.length-1){if(!(t.navigation.nextEl instanceof HTMLElement)||void 0===t.navigation.nextEl)return;t.navigation.nextEl.setAttribute("aria-disabled","true"),t.navigation.nextEl.setAttribute("disabled","true")}},activeIndexChange:e=>{e.pagination.render(),e.navigation.destroy(),e.navigation.init(),e.isBeginning||e.isEnd||[e.navigation.nextEl,e.navigation.prevEl].forEach(e=>{e instanceof HTMLElement&&void 0!==e&&(e.setAttribute("aria-disabled","false"),e.removeAttribute("disabled"))}),V&&e.zoom.out()},slideChange:t=>{u(t,P,e,M)}}};let N=null;if(z.matches){N=new i.A(t,{init:!1,...R});const s=N.el.querySelector(d.wrapper);if(s){const e=m(s);"grid-carousel"!==e&&"hero-banner"!==e&&"pdp-media"!==e&&"hero-banner-doubled"!==e||g(s)}e.dataset.carouselSlideCount=N.slides.length,V&&h(N),N.init()}return z.addEventListener("change",s=>{if(s.matches){if(!N||N.destroyed){N=new i.A(t,R);const s=N.el.querySelector(d.wrapper);if(s){const t=m(s);"grid-carousel"!==t&&"hero-banner"!==t&&"pdp-media"!==t&&"hero-banner-doubled"!==t||(g(s),N.destroy(!0,!0),c(e))}V&&h(N)}}else if(N&&!N.destroyed){const e=N.el.querySelector(d.wrapper);if(e){const t=m(e);"grid-carousel"!==t&&"pdp-media"!==t||v(e)}N.destroy(!0,!0)}}),N},p=e=>{const t=document.getElementById("styles_css_bundle"),s=setInterval(()=>{Array.from(document.styleSheets).forEach(a=>{a.ownerNode===t&&(t=>{clearInterval(t);const s=e.querySelectorAll(".carousel-nav");s&&s.forEach(e=>e.classList.remove("invisible","opacity-0"));const a=e.querySelectorAll(".pdp-image-wrapper");a&&a.forEach(e=>e.classList.remove("hidden"))})(s)})},500)};function u(e,t,s,a){const i=s.querySelectorAll(".swiper-pagination-bullet");if("hero-banner-doubled"===t){const t=e.realIndex,s=a.length/2;

1i.forEach(e=>e.classList.remove("swiper-pagination-bullet-active","hidden")),i.forEach(e=>{e.style.display=""});const r=t%s;[r,r+s].forEach(e=>{i[e]?.classList.add("swiper-pagination-bullet-active")}),i.forEach((e,a)=>{t<s?a>=s&&(e.style.display="none"):a<s&&(e.style.display="none")})}}const m=e=>{const t=e.closest("[data-carousel-type]");return t?t.dataset.carouselType:null},g=e=>{e.className=`swiper-wrapper ${e.dataset.carouselClass}`},v=e=>{e.className=`${e.dataset.class}`},x=(e,t)=>{const s=[];return"carousel"!==e.sm&&"carousel_peek"!==e.sm||s.push(`(max-width:${t.md-1}px)`),"carousel"!==e.md&&"carousel_peek"!==e.md||s.push(`(min-width:${t.md}px) and (max-width:${t.lg-1}px)`),"carousel"!==e.lg&&"carousel_peek"!==e.lg||s.push(`(min-width:${t.lg}px)`),s.join(",")};function h(e){document.querySelectorAll(d.thumbnails.thumbs)?.forEach(t=>{t.addEventListener("click",()=>{e.zoom.out();const t=e.thumbs.swiper.clickedIndex;e.slideTo(t)})});let t=!1;e.on("zoomChange",function(s,a){a>1?(e.allowSlideNext=!1,e.allowSlidePrev=!1,t=!0):(e.allowSlideNext=!0,e.allowSlidePrev=!0,t=!1)}),e.on("navigationPrev",function(){if(t){e.zoom.out();const t=e.realIndex-1;e.slideTo(t)}}),e.on("navigationNext",function(){if(t){e.zoom.out();const t=e.realIndex+1;e.slideTo(t)}})}const f=e=>void 0===e?{sm:!1,md:!1}:{sm:{enabled:"true"===e.dataset.carouselPeek,value:parseFloat(e.dataset.carouselPeekValue||"0.5")},md:{enabled:"true"===e.dataset.carouselPeekMd,value:parseFloat(e.dataset.carouselPeekValueMd||"0.5")}};const b=(e,t)=>{const s=e.querySelector(d.wrapper)?.querySelector("li")?.getBoundingClientRect().height;s&&t.style.setProperty("max-height",s+"px")};const w={md:parseFloat(n.common.theme.extend.screens.md),lg:parseFloat(n.common.theme.extend.screens.lg)};document.addEventListener("umg:variant:change",function(e){e instanceof CustomEvent&&(0,l.I)(e.detail.variantId)}),document.addEventListener("umg:variant:change",function(e){if(!(e instanceof CustomEvent))return;const t=e.detail.previewImageSrc.split("/"),s=t[t.length-1],a=document.querySelector(`.pdp-image-wrapper img[src*="${s}"]`),i=a?.closest("button"),r=parseInt(i?.dataset.index||"-1");r<0||function(e,t){const s=e.closest('.product__media [data-items-element="swiper__parent"] .swiper-initialized');if(!(s instanceof HTMLElement))return;const a=s.swiper;if(!a)return;const i=a.params.speed;a.slideTo(t,0),setTimeout(()=>{a.params.speed=i},0)}(i,r)}),document.addEventListener("DOMContentLoaded",function(){o()})},795(e,t,s){"use strict";function a(){const e=window.location.search;if(!e)return 0;const t=new URLSearchParams(e).get("variant");if(!t)return 0;const s=document.querySelector(`.product__media [data-variant-ids*="${t}"]`);return s?.dataset?.index||0}function i(e=void 0){if(!e){const t=window.location.search;if(t){e=new URLSearchParams(t).get("variant")||void 0}}if(!e){const t=document.querySelector(".product__wrapper[data-initial-variant]");t instanceof HTMLElement&&(e=t.dataset.initialVariant)}if(!e)return;const t=void 0!==document.querySelector(".product__media .vertical-scroll-tiered"),s=document.querySelectorAll(".product__media .carousel-wrapper [data-pdp-media-item]"),a=document.querySelectorAll(`.product__media .carousel-wrapper [data-variant-id="${e}"]`);a&&(s.forEach(e=>{e.style.order="",e.classList.remove("col-span-2")}),a.forEach((e,s)=>{0===s&&t&&e.classList.add("col-span-2"),e.style.order=-999+s}))}s.d(t,{I:()=>i,g:()=>a}),document.addEventListener("DOMContentLoaded",function(){i()})},3845(e,t,s){const a={content:[],theme:{extend:{animation:{"ping-small":"ping 1s cubic-bezier(0,0,0,0) infinite"},inset:{unset:"unset"},screens:{xs:"480px",sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px","3xl":"1792px"},spacing:{"1em":"1em","0.8em":"0.8em","0.35em":"0.35em","var-ratio":"var(--ratio,100%)","var-ratio-md":"var(--ratio-md,100%)"},columns:{"var-cols":"var(--cols)","var-cols-md":"var(--cols-md)","var-cols-lg":"var(--cols-lg)"},display:["group-hover"],backgroundImage:{button:"var(--background-image)"},textColor:{th:{base:"var(--color-display-dark, #0f0f0f)",muted:"var(--color-display-base, rgba(0,0,0,.75))",inverted:"var(--color-display-light, white)",button:{color:"var(--button-color)",base:"var(--button-base, white)",muted:"var(--button-muted, rgba(255,255,255,.83))",inverted:"var(--button-inverted, var(--button-bg))",hover:{color:"var(--button-hover-color)"}}}},opacity:{10:".1",20:".2",30:".3",40:".4",50:".5",60:".6",70:".7",80:".8",90:".9"},borderColor:{"default-color":"var(--border-default-color)"},borderRadius:{"default-radius":"var(--border-default-radius)",button:"var(--button-all-border-radius)",xs:"8px",sm:"12px",md:"16px",lg:"24px",xl:"36px"},borderWidth:{none:"0","default-width":"var(--border-default-width)","default-width-narrow":"var(--border-default-width-narrow)","default-width-wide":"var(--border-default-width-wide)",button:"var(--border-button-width)"},flexBasis:{30:"30%",35:"35%",40:"40%",45:"45%",50:"50%",55:"55%",60:"60%",65:"65%",70:"70%"},maxWidth:{full:"100%","2xs":"24rem",xs:"36rem",sm:"48rem",md:"61rem",lg:"75rem",xl:"100rem","pdp-thumb-wrapper":"calc(var(--pdp-thumb-size) - 6px)"}

1,width:{"1em":"1em","4ch":"4ch","8ch":"8ch","min-click-space":"2.75rem"},height:{"min-click-space":"2.75rem"},minWidth:{"min-click-space":"2.75rem"},minHeight:{"min-click-space":"2.75rem"},maxHeight:{"pdp-thumb-wrapper":"calc(var(--pdp-thumb-size) - 6px)"},gap:{none:"0rem","var-grid-gap":"var(--grid-gap)","var-grid-gap-x":"var(--grid-gap-x)","sm-2xs":"var(--gap-sm-2xs)","sm-xs":"var(--gap-sm-xs)","sm-sm":"var(--gap-sm-sm)","sm-md":"var(--gap-sm-md)","sm-lg":"var(--gap-sm-lg)","sm-xl":"var(--gap-sm-xl)","sm-2xl":"var(--gap-sm-2xl)","lg-2xs":"var(--gap-lg-2xs)","lg-xs":"var(--gap-lg-xs)","lg-sm":"var(--gap-lg-sm)","lg-md":"var(--gap-lg-md)","lg-lg":"var(--gap-lg-lg)","lg-xl":"var(--gap-lg-xl)","lg-2xl":"var(--gap-lg-2xl)","container-2xs":"var(--gap-container-2xs)","container-xs":"var(--gap-container-xs)","container-sm":"var(--gap-container-sm)","container-md":"var(--gap-container-md)","container-lg":"var(--gap-container-lg)","container-xl":"var(--gap-container-xl)","container-2xl":"var(--gap-container-2xl)"},margin:{none:"0rem","3px":"3px","sm-2xs":"var(--margin-sm-2xs)","sm-xs":"var(--margin-sm-xs)","sm-sm":"var(--margin-sm-sm)","sm-md":"var(--margin-sm-md)","sm-lg":"var(--margin-sm-lg)","sm-xl":"var(--margin-sm-xl)","sm-2xl":"var(--margin-sm-2xl)","lg-2xs":"var(--margin-lg-2xs)","lg-xs":"var(--margin-lg-xs)","lg-sm":"var(--margin-lg-sm)","lg-md":"var(--margin-lg-md)","lg-lg":"var(--margin-lg-lg)","lg-xl":"var(--margin-lg-xl)","lg-2xl":"var(--margin-lg-2xl)","container-2xs":"var(--margin-container-2xs)","container-xs":"var(--margin-container-xs)","container-sm":"var(--margin-container-sm)","container-md":"var(--margin-container-md)","container-lg":"var(--margin-container-lg)","container-xl":"var(--margin-container-xl)","container-2xl":"var(--margin-container-2xl)"},padding:{none:"0rem","3px":"3px","xs-2xs":"var(--padding-xs-2xs)","xs-xs":"var(--padding-xs-xs)","xs-sm":"var(--padding-xs-sm)","xs-md":"var(--padding-xs-md)","xs-lg":"var(--padding-xs-lg)","xs-xl":"var(--padding-xs-xl)","xs-2xl":"var(--padding-xs-2xl)","sm-2xs":"var(--padding-sm-2xs)","sm-xs":"var(--padding-sm-xs)","sm-sm":"var(--padding-sm-sm)","sm-md":"var(--padding-sm-md)","sm-lg":"var(--padding-sm-lg)","sm-xl":"var(--padding-sm-xl)","sm-2xl":"var(--padding-sm-2xl)","lg-2xs":"var(--padding-lg-2xs)","lg-xs":"var(--padding-lg-xs)","lg-sm":"var(--padding-lg-sm)","lg-md":"var(--padding-lg-md)","lg-lg":"var(--padding-lg-lg)","lg-xl":"var(--padding-lg-xl)","lg-2xl":"var(--padding-lg-2xl)","container-2xs":"var(--padding-container-2xs)","container-xs":"var(--padding-container-xs)","container-sm":"var(--padding-container-sm)","container-md":"var(--padding-container-md)","container-lg":"var(--padding-container-lg)","container-xl":"var(--padding-container-xl)","container-2xl":"var(--padding-container-2xl)","form-select":"var(--select-pad-r)"},gridTemplateColumns:{"sm-before":"25%,1fr","sm-after":"1fr,25%","md-before":"33%,1fr","md-after":"1fr,33%","lg-before":"40%,1fr","lg-after":"1fr,40%","xl-before":"50%,1fr","xl-after":"1fr,50%","pdp-container-left":"var(--pdp-thumb-size),1fr","pdp-media-width-left-md":"var(--media-width-md),1fr","pdp-media-width-left-lg":"var(--media-width-lg),1fr","pdp-media-width-right-md":"1fr,var(--media-width-md)","pdp-media-width-right-lg":"1fr,var(--media-width-lg)"},gridTemplateRows:{"pdp-container-bottom":"max-content,var(--pdp-thumb-size)"},zIndex:{60:"60",70:"70",80:"80",90:"90",100:"100",110:"110",120:"120",130:"130",140:"140",150:"150"}}},safelist:[],variants:{extend:{}},plugins:[s(496)],future:{hoverOnlyWhenSupported:!0}};e.exports={criticalFiles:["./src/sections/**/header.liquid","./src/sections/**/header-md.liquid","./src/snippets/**/desktop-navigation.liquid","./src/snippets/**/logo-snippet.liquid","./src/snippets/**/sticky-header.liquid","./src/snippets/**/css-sticky.liquid","./src/snippets/**/hamburger-menu.liquid","./src/snippets/**/navigation-mega-menu.liquid","./src/snippets/**/icon-search.liquid","./src/snippets/**/icon-close.liquid","./src/snippets/**/header-cart-button.liquid","./src/snippets/**/section-wrapper-classes.liquid","./src/snippets/**/case-mb.liquid","./src/snippets/**/case-mx.liquid","./src/snippets/**/case-border.liquid","./src/snippets/**/navigation-snippet.liquid","./src/snippets/**/icon-arrow.liquid","./src/snippets/**/cart-icon-bubble.liquid","./src/snippets/**/currency-selector.liquid","./src/sections/**/hero-banner.liquid","./src/snippets/**/hero-media-image.liquid","./src/snippets/**/hero-media-video-url.liquid","./src/snippets/**/hero-media-video-youtube.liquid","./src/snippets/**/image-adaptive.liquid","./src/snippets/**/image-responsive.liquid","./src/snippets/**/hero-content.liquid","./src/snippets/**/hero-content-buttons.liquid","./src/snippets/**/hero-content-button.liquid","./src/snippets/**/button.liquid","./src/snippets/**/case-button-class.liquid","./src/snippets/**/case-aspect-ratio.liquid","./src/sections/**/featured-collection.liquid","./src/snippets/**/grid-layout.liquid","./src/snippets/**/case-grid-flex-basis.liquid","./src/snippets/**/fs-seo-text.liquid","./src/snippets/**/carousel.liquid","./src/snippets/**/card-generic.liquid","./src/snippets/**/case-gap.liquid","./src/snippets/**/case-gap-y.liquid","./src/snippets/**/case-gap-x.liquid","./src/snippets/**/case-pb.liquid","./src/snippets/**/case-pt.liquid","./src/snippets/**/case-align-text.liquid","./src/snippets/**/case-align-items.liquid","./src/snippets/**/case-align-justify.liquid","./src/snippets/**/case-columns.liquid","./src/snippets/**/case-col-span.liquid","./src/snippets/**/case-row-span.liquid","./src/snippets/**/card/*.liquid","./src/snippets/**/layout-section-carousel-peek.liquid","./src/snippets/**/layout-section-standard.liquid","./src/snippets/**/case-py.liquid","./src/snippets/**/case-px.liquid","./src/snippets/**/case-section-width.liquid","./src/snippets/**/case-height.liquid","./src/snippets/**/case-min-height.liquid","./src/snippets/**/section-wrapper-classes.liquid","./src/snippets/**/section-container-classes.liquid","./src/snippets/**/section-spacing-classes.liquid","./src/snippets/**/section-container-gap-classe

1s.liquid","./src/snippets/**/section-bg-img.liquid","./src/snippets/**/case-icon-size.liquid","./src/snippets/**/case-width.liquid","./src/snippets/**/case-min-width.liquid","./src/snippets/**/territory-selector.liquid","./src/snippets/**/grid-carousel.liquid","./src/snippets/**/page-background.liquid"],common:a}}}]);