https://ecomaq.mx/cdn/shop/t/2/assets/facets.js?v=68048283423860695851665900360

1class FacetFiltersForm extends HTMLElement{constructor(){super(),this.onActiveFilterClick=this.onActiveFilterClick.bind(this),this.debouncedOnSubmit=debounce(event=>{this.onSubmitHandler(event)},500),this.debouncedOnSubmitReduced=debounce(event=>{this.onSubmitHandler(event)},250,!0),this.querySelector(".facets-wrap").addEventListener("input",event=>{event.target.closest("price-range")?this.debouncedOnSubmit(event):this.debouncedOnSubmitReduced(event)})}static setListeners(){const onHistoryChange=event=>{const searchParams=event.state?event.state.searchParams:FacetFiltersForm.searchParamsInitial;searchParams!==FacetFiltersForm.searchParamsPrev&&FacetFiltersForm.renderPage(searchParams,null,!1)};window.addEventListener("popstate",onHistoryChange)}static toggleActiveFacets(disable=!0){document.querySelectorAll(".js-facet-remove").forEach(element=>{element.classList.toggle("disabled",disable)})}static renderPage(searchParams,event,updateURLHash=!0,appendResults){FacetFiltersForm.searchParamsPrev=searchParams;const sections=FacetFiltersForm.getSections(),countContainer=document.getElementById("ProductCount");document.getElementById("ProductGridContainer").querySelector(".collection").classList.add("loading"),countContainer&&countContainer.classList.add("loading"),sections.forEach(section=>{const url=`${window.location.pathname}?section_id=${section.section}&${searchParams}`,filterDataUrl=element=>element.url===url;FacetFiltersForm.filterData.some(filterDataUrl)?FacetFiltersForm.renderSectionFromCache(filterDataUrl,event):FacetFiltersForm.renderSectionFromFetch(url,event,appendResults)}),updateURLHash&&FacetFiltersForm.updateURLHash(searchParams)}static renderSectionFromFetch(url,event,appendResults){fetch(url).then(response=>response.text()).then(responseText=>{const html=responseText;FacetFiltersForm.filterData=[...FacetFiltersForm.filterData,{html,url}],FacetFiltersForm.renderCollectionActions(html),FacetFiltersForm.renderFilters(html,event),FacetFiltersForm.renderProductGridContainer(html,appendResults),FacetFiltersForm.renderProductCount(html)})}static renderSectionFromCache(filterDataUrl,event){const html=FacetFiltersForm.filterData.find(filterDataUrl).html;FacetFiltersForm.renderCollectionActions(html),FacetFiltersForm.renderFilters(html,event),FacetFiltersForm.renderProductGridContainer(html),FacetFiltersForm.renderProductCount(html)}static renderProductGridContainer(html,appendResults){const container=document.getElementById("ProductGridContainer"),parsedDom=new DOMParser().parseFromString(html,"text/html");appendResults&&parsedDom.getElementById("product-grid").prepend(...document.getElementById("product-grid").childNodes),container.innerHTML=parsedDom.getElementById("ProductGridContainer").innerHTML}static renderProductCount(html){const count=new DOMParser().parseFromString(html,"text/html").getElementById("ProductCount")?.innerHTML,container=document.getElementById("ProductCount");container&&(container.innerHTML=count,container.classList.remove("loading"))}static renderCollectionActions(html){const container=document.getElementById("CollectionActions"),parsedDom=new DOMParser().parseFromString(html,"text/html");container&&(container.classList=parsedDom.getElementById("CollectionActions").classList)}static renderFilters(html,event){const parsedHTML=new DOMParser().parseFromString(html,"text/html"),facetDetailsElements=parsedHTML.querySelectorAll("#FacetFiltersForm .js-filter"),isPriceFilter=element=>!!element.querySelector("price-range"),matchesIndex=element=>{const jsFilter=event?event.target.closest(".js-filter"):void 0;return jsFilter?element.dataset.index===jsFilter.dataset.index:!1};Array.from(facetDetailsElements).filter(element=>isPriceFilter(element)?!matchesIndex(element):!0).forEach(element=>{const oldElement=document.querySelector(`.js-filter[data-index="${element.dataset.index}"]`);element.querySelector(".facet").setAttribute("aria-expanded",oldElement.querySelector(".facet").getAttribute("aria-expanded")),element.querySelector("collapsible-expandable").setAttribute("aria-expanded",oldElement.querySelector("collapsible-expandable").getAttribute("aria-expanded")),oldElement.innerHTML=element.innerHTML});const priceFilter=Array.from(facetDetailsElements).find(isPriceFilter);priceFilter&&(document.querySelector(".js-price-range-header").innerHTML=priceFilter.querySelector(".js-price-range-header").innerHTML),FacetFiltersForm.renderActiveFacets(parsedHTML)}static renderActiveFacets(html){[".collection-actions-filters"].forEach(selector=>{const activeFacetsElement=html.querySelector(selector);activeFacetsElement&&(document.querySelector(selector).innerHTML=activeFacetsElement.innerHTML)}),FacetFiltersForm.toggleActiveFacets(!1)}static updateURLHash(searchParams,replace){replace?history.replaceState({searchParams},"",`${window.location.pathname}${searchParams&&"?".concat(searchParams)}`):history.pushState({searchParams},"",`${window.location.pathname}${searchParams&&"?".concat(searchParams)}`)}static getSections(){return[{section:document.getElementById("product-grid").dataset.id}]}onSubmitHandler(event){event.preventDefault();const formData=new FormData(document.getElementById("FacetsFilterForm")),searchParams=new URLSearchParams(formData).toString();FacetFiltersForm.renderPage(searchParams,event)}onActiveFilterClick(event){event.preventDefault(),FacetFiltersForm.toggleActiveFacets();const url=event.currentTarget.href.indexOf("?")==-1?"":event.currentTarget.href.slice(event.currentTarget.href.indexOf("?")+1);FacetFiltersForm.renderPage(url)}onAjaxPagination(event){event.preventDefault();const next=event.currentTarget,url=next.href.indexOf("?")==-1?"":next.href.slice(next.href.indexOf("?")+1);FacetFiltersForm.renderPage(url,event,!0),document.getElementById("MainContent").scrollIntoView(!0)}}FacetFiltersForm.filterData=[],FacetFiltersForm.searchParamsInitial=window.location.search.slice(1),FacetFiltersForm.searchParamsPrev=window.location.search.slice(1),customElements.define("facet-filters-form",FacetFiltersForm),FacetFiltersForm.setListeners();class PriceRange extends HTMLElement{constructor(){super(),this.querySelectorAll("input").forEach(element=>element.addEventListener("change",this.onRangeChange.bind(this))),this.setMinAndMaxValues()}onRangeChange(event){this.adjustToValidValues(event.currentTarget),this.setMinAndMaxValues()}setMinAndMaxValues(){const inputs=this.querySelectorAll("input"),minInput=inputs[0],maxInput=inputs[1];maxInput.value&&minInput.setAttribute("max",maxInput.value),minInput.value&&maxInput.setAttribute("min",minInput.value),minInput.value===""&&maxInput.setAttribute("min",0),maxInput.value===""&&minInput.setAttribute("max",maxInput.getAttribute("max"))}adjustToValidValues(input){const value=Number(input.value),min=Number(input.getAttribute("min")),max=Number(input.getAttribute("max"));value<min&&(input.value=min),value>max&&(input.value=max)}}customElements.define("price-range",PriceRange);class FacetRemove extends HTMLElement{constructor(){super(),this.querySelector("a").addEventListener("click",event=>{event.preventDefault(),(this.closest("facet-filters-form")||document.querySelector("facet-filters-form")).onActiveFilterClick(event)})}}customElements.define("facet-remove",FacetRemove);class AjaxPaginate extends HTMLElement{constructor(){super();const form=this.closest("facet-filters-form")||document.querySelector("facet-filters-form");this.querySelectorAll("a").forEach(button=>{button.addEventListener("click",event=>{event.preventDefault(),form.onAjaxPagination(event)})})}}customElements.define("ajax-paginate",AjaxPaginate);
2//# sourceMappingURL=/cdn/shop/t/2/assets/facets.js.map?v=68048283423860695851665900360