https://smoon-lingerie.com/cdn/shop/t/60/assets/category-showcase.js?v=165979436783319666301783599521

1if(!customElements.get("category-showcase")){class CategoryShowcase extends HTMLElement{constructor(){super(),this.onBlockSelect=this.onBlockSelect.bind(this),this.onChange=this.onChange.bind(this)}connectedCallback(){this.tabs=Array.from(this.querySelectorAll("[data-cs-tab]")),this.panels=Array.from(this.querySelectorAll("[data-cs-panel]")),this.tabs.forEach(tab=>tab.addEventListener("click",()=>this.activate(tab.dataset.csTab))),this.querySelectorAll("[data-cs-strip]").forEach(strip=>this.setupStrip(strip)),this.addEventListener("change",this.onChange),window.Shopify&&window.Shopify.designMode&&document.addEventListener("shopify:block:select",this.onBlockSelect)}disconnectedCallback(){document.removeEventListener("shopify:block:select",this.onBlockSelect)}onBlockSelect(event){if(!this.contains(event.target))return;const id=event.target.getAttribute("data-cs-tab");id&&this.activate(id)}onChange(event){const input=event.target.closest('input[id^="cardProductColor-"]');if(!input)return;const fieldset=input.closest("fieldset"),value=fieldset&&fieldset.querySelector("[data-cs-color-value]");value&&(value.textContent=input.value)}

1activate(id){this.tabs.forEach(tab=>{const active=tab.dataset.csTab===id;tab.classList.toggle("is-active",active),tab.setAttribute("aria-selected",active?"true":"false")}),this.panels.forEach(panel=>{panel.hidden=panel.dataset.csPanel!==id})}setupStrip(strip){const track=strip.querySelector("[data-cs-track]"),prev=strip.querySelector("[data-cs-prev]"),next=strip.querySelector("[data-cs-next]");if(!track||!prev||!next)return;const step=()=>{const item=track.querySelector("li");if(!item)return 300;const gap=parseFloat(getComputedStyle(track).columnGap)||16;return item.getBoundingClientRect().width+gap};prev.addEventListener("click",()=>track.scrollBy({left:-step(),behavior:"smooth"})),next.addEventListener("click",()=>track.scrollBy({left:step(),behavior:"smooth"}));const update=()=>{const maxScroll=track.scrollWidth-track.clientWidth-1;prev.toggleAttribute("disabled",track.scrollLeft<=0),next.toggleAttribute("disabled",track.scrollLeft>=maxScroll),strip.classList.toggle("has-overflow",track.scrollWidth>track.clientWidth+1)};track.addEventListener("scroll",update,{passive:!0}),new ResizeObserver(update).observe(track),update()}}customElements.define("category-showcase",CategoryShowcase)}
2//# sourceMappingURL=/cdn/shop/t/60/assets/category-showcase.js.map?v=165979436783319666301783599521