if(!customElements.get("products-toolbar")){class ProductsToolbar extends HTMLElement{constructor(){super(),window.initLazyScript(this,this.init.bind(this))}init(){if(this.filtersComponent=document.querySelector("facet-filters"),this.filtersColumn=document.querySelector(".main-products-grid__filters"),this.layoutSwitcher=this.querySelector(".products-toolbar__layout"),this.compareToggle=document.getElementById("compare-switch"),this.sortBy=this.querySelector(".products-toolbar__sort"),this.productsGrid=document.querySelector(".main-products-grid"),this.filtersColumn&&(this.filterToggle=this.querySelector(".js-toggle-filters"),this.filterToggle.addEventListener("click",this.toggleFilters.bind(this))),this.layoutSwitcher){this.layoutSwitcher.addEventListener("change",this.handleLayoutChange.bind(this));const layout=theme.storageUtil.get("products-layout");if(layout&&layout==="list"){const toggle=document.getElementById(`${layout}-layout-opt`);toggle&&toggle.click()}}if(this.compareToggle){this.compareToggle.addEventListener("change",this.toggleCompare.bind(this));const isChecked=theme.storageUtil.get("compare-toggle",!0);isChecked!==null?this.toggleCompare(null,isChecked,!0):this.toggleCompare(null,this.compareToggle.checked,!1),setTimeout(()=>{this.classList.add("transition-ready"),this.productsGrid.classList.add("transition-ready")},500)}else theme.settings.compareToggle==="none"&&this.toggleCompare(null,!0,!1);!this.filtersComponent&&this.sortBy&&this.sortBy.addEventListener("change",ProductsToolbar.handleSortByChange)}toggleCompare(evt,checked=null,persist=!0){const isChecked=evt?evt.target.checked:checked;if(this.productsGrid.dataset.compare=isChecked,document.getElementById("compare-drawer-open").classList.toggle("is-out",!isChecked),!evt&&this.compareToggle&&(this.compareToggle.checked=isChecked),persist&&!Shopify.designMode&&theme.storageUtil.set("compare-toggle",isChecked),isChecked){const resourcesTag=document.getElementById("compare-resources");resourcesTag&&(JSON.parse(resourcesTag.textContent).forEach(resource=>{if(resource.type==="js"){const script=document.createElement("script");script.src=resource.path,document.head.appendChild(script)}else if(resource.type==="css"){const link=document.createElement("link");link.href=resource.path,link.type="text/css",link.rel="stylesheet",document.head.appendChild(link)}}),resourcesTag.remove())}}toggleFilters(){if(this.filterToggle.classList.toggle("is-active"),this.filtersOpen=this.filterToggle.classList.contains("is-active"),this.filterToggle.setAttribute("aria-expanded",this.filtersOpen),theme.mediaMatches.lg){this.filtersColumn.classList.toggle("lg:js-hidden",!this.filtersOpen);const productsList=document.querySelector(".main-products-grid__results > .grid");productsList.className=this.filtersOpen?productsList.dataset.filtersOpenClasses:productsList.dataset.filtersClosedClasses}else this.filtersComponent.open()}handleLayoutChange(evt){this.productsGrid.dataset.layout=evt.target.value,theme.storageUtil.set("products-layout",evt.target.value)}static handleSortByChange(evt){const urlObj=new URL(window.location.href);urlObj.searchParams.set("sort_by",evt.detail.selectedValue),urlObj.hash="products-toolbar",window.location.href=urlObj.toString()}}customElements.define("products-toolbar",ProductsToolbar)}
//# sourceMappingURL=/cdn/shop/t/23/assets/products-toolbar.js.map?v=70932690088391132941737435250