https://www.smoothie-mixer.de/cdn/shop/t/77/assets/facets.js?v=177903033754413523221789650672

1import{sectionRenderer}from"@theme/section-renderer";import{Component}from"@theme/component";import{FilterUpdateEvent,ThemeEvents}from"@theme/events";import{debounce,startViewTransition}from"@theme/utilities";import{convertMoneyToMinorUnits,formatMoney}from"@theme/money-formatting";const SEARCH_QUERY="q";class FacetsFormComponent extends Component{requiredRefs=["facetsForm"];createURLParameters(formData=new FormData(this.refs.facetsForm)){let newParameters=new URLSearchParams(formData);newParameters.get("filter.v.price.gte")===""&&newParameters.delete("filter.v.price.gte"),newParameters.get("filter.v.price.lte")===""&&newParameters.delete("filter.v.price.lte"),newParameters.delete("page");const searchQuery=this.#getSearchQuery();return searchQuery&&newParameters.set(SEARCH_QUERY,searchQuery),newParameters}#getSearchQuery(){return new URL(window.location.href).searchParams.get(SEARCH_QUERY)??""}get sectionId(){const id=this.getAttribute("section-id");if(!id)throw new Error("Section ID is required");return id}#updateURLHash(){const url=new URL(window.location.href),urlParameters=this.createURLParameters();url.search="";for(const[param,value]of urlParameters.entries())url.searchParams.append(param,value);history.pushState({urlParameters:urlParameters.toString()},"",url.toString())}updateFilters=()=>{this.#updateURLHash(),this.dispatchEvent(new FilterUpdateEvent(this.createURLParameters())),this.#updateSection()};#updateSection(){!this.closest("dialog")?startViewTransition(()=>sectionRenderer.renderSection(this.sectionId),["product-grid"]):sectionRenderer.renderSection(this.sectionId)}updateFiltersByURL(url){history.pushState("","",url),this.dispatchEvent(new FilterUpdateEvent(this.createURLParameters())),this.#updateSection()}}customElements.get("facets-form-component")||customElements.define("facets-form-component",FacetsFormComponent);class FacetInputsComponent extends Component{get sectionId(){const id=this.closest(".shopify-section")?.id;if(!id)throw new Error("FacetInputs component must be a child of a section");return id}updateFilters(){const facetsForm=this.closest("facets-form-component");facetsForm instanceof FacetsFormComponent&&(facetsForm.updateFilters(),this.#updateSelectedFacetSummary())}handleKeyDown(event){if(!(event.target instanceof HTMLElement))return;const closestInput=event.target.querySelector("input");closestInput instanceof HTMLInputElement&&(event.key==="Enter"||event.key===" ")&&(event.preventDefault(),closestInput.checked=!closestInput.checked,this.updateFilters())}prefetchPage=debounce(event=>{if(!(event.target instanceof HTMLElement))return;const form=this.closest("form");if(!form)return;const formData=new FormData(form),inputElement=event.target.querySelector("input");if(!(inputElement instanceof HTMLInputElement))return;inputElement.checked||formData.append(inputElement.name,inputElement.value);const facetsForm=this.closest("facets-form-component");if(!(facetsForm instanceof FacetsFormComponent))return;const urlParameters=facetsForm.createURLParameters(formData),url=new URL(window.location.pathname,window.location.origin);for(const[key,value]of urlParameters)url.searchParams.append(key,value);inputElement.checked&&url.searchParams.delete(inputElement.name,inputElement.value),sectionRenderer.getSectionHTML(this.sectionId,!0,url)},200);cancelPrefetchPage=()=>this.prefetchPage.cancel();#updateSelectedFacetSummary(){if(!this.refs.facetInputs)return;const checkedInputElements=this.refs.facetInputs.filter(input=>input.checked),statusComponent=this.closest("details")?.querySelector("facet-status-component");statusComponent instanceof FacetStatusComponent&&statusComponent.updateListSummary(checkedInputElements)}}customElements.get("facet-inputs-component")||customElements.define("facet-inputs-component",FacetInputsComponent);class PriceFacetComponent extends Component{currency;moneyFormat;connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.#onKeyDown),this.currency=this.dataset.currency??"USD",this.moneyFormat=this.#extractMoneyPlaceholder(this.dataset.moneyFormat??"{{amount}}")}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.#onKeyDown)}#extractMoneyPlaceholder(format){const match=format.match(/{{\s*\w+\s*}}

1/);return match?match[0]:"{{amount}}"}#onKeyDown=event=>{if(event.metaKey)return;const pattern=/[0-9]|\.|,|'| |Tab|Backspace|Enter|ArrowUp|ArrowDown|ArrowLeft|ArrowRight|Delete|Escape/;event.key.match(pattern)||event.preventDefault()};updatePriceFilterAndResults(){const{minInput,maxInput}=this.refs;this.#adjustToValidValues(minInput),this.#adjustToValidValues(maxInput);const facetsForm=this.closest("facets-form-component");facetsForm instanceof FacetsFormComponent&&(facetsForm.updateFilters(),this.#setMinAndMaxValues(),this.#updateSummary())}#parseDisplayValue(displayValue,currency){return convertMoneyToMinorUnits(displayValue,currency)??0}#adjustToValidValues(input){if(input.value.trim()==="")return;const{currency,moneyFormat}=this,value=this.#parseDisplayValue(input.value,currency),min=this.#parseDisplayValue(input.getAttribute("data-min")??"0",currency),max=this.#parseDisplayValue(input.getAttribute("data-max")??"0",currency);value<min?input.value=formatMoney(min,moneyFormat,currency):value>max&&(input.value=formatMoney(max,moneyFormat,currency))}#setMinAndMaxValues(){const{minInput,maxInput}=this.refs;maxInput.value&&minInput.setAttribute("data-max",maxInput.value),minInput.value&&maxInput.setAttribute("data-min",minInput.value),minInput.value===""&&maxInput.setAttribute("data-min","0"),maxInput.value===""&&minInput.setAttribute("data-max",maxInput.getAttribute("data-max")??"")}#updateSummary(){const{minInput,maxInput}=this.refs,statusComponent=this.closest("details")?.querySelector("facet-status-component");statusComponent instanceof FacetStatusComponent&&statusComponent?.updatePriceSummary(minInput,maxInput)}}customElements.get("price-facet-component")||customElements.define("price-facet-component",PriceFacetComponent);class FacetClearComponent extends Component{requiredRefs=["clearButton"];connectedCallback(){super.connectedCallback(),this.addEventListener("keyup",this.#handleKeyUp),document.addEventListener(ThemeEvents.FilterUpdate,this.#handleFilterUpdate)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener(ThemeEvents.FilterUpdate,this.#handleFilterUpdate)}clearFilter(event){if(!(event.target instanceof HTMLElement))return;if(event instanceof KeyboardEvent){if(event.key!=="Enter"&&event.key!==" ")return;event.preventDefault()}event.target.closest("facet-inputs-component, price-facet-component")?.querySelectorAll('[type="checkbox"]:checked, input').forEach(input=>{input instanceof HTMLInputElement&&(input.checked=!1,input.value="")});const statusComponent=event.target.closest("details")?.querySelector("facet-status-component");if(!(statusComponent instanceof FacetStatusComponent))return;statusComponent.clearSummary();const facetsForm=this.closest("facets-form-component");facetsForm instanceof FacetsFormComponent&&facetsForm.updateFilters()}#handleKeyUp=event=>{event.metaKey||event.key==="Enter"&&this.clearFilter(event)};#handleFilterUpdate=event=>{const{clearButton}=this.refs;clearButton instanceof Element&&clearButton.classList.toggle("facets__clear--active",event.shouldShowClearAll())}}customElements.get("facet-clear-component")||customElements.define("facet-clear-component",FacetClearComponent);class FacetRemoveComponent extends Component{connectedCallback(){super.connectedCallback(),document.addEventListener(ThemeEvents.FilterUpdate,this.#handleFilterUpdate)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener(ThemeEvents.FilterUpdate,this.#handleFilterUpdate)}removeFilter({form},event){if(event instanceof KeyboardEvent){if(event.key!=="Enter"&&event.key!==" ")return;event.preventDefault()}const url=this.dataset.url;if(!url)return;const facetsForm=form?document.getElementById(form):this.closest("facets-form-component");facetsForm instanceof FacetsFormComponent&&facetsForm.updateFiltersByURL(url)}#handleFilterUpdate=event=>{const{clearButton}=this.refs;if(clearButton instanceof Element){const activeClass=this.getAttribute("active-class")||"active";clearButton.classList.toggle(activeClass,event.shouldShowClearAll())}}}customElements.get("facet-remove-component")||customElements.define("facet-remove-component",FacetRemoveComponent);class SortingFilterComponent extends Component{requiredRefs=["details","summary","listbox"];handleKeyDown=event=>{const{listbox}=this.refs;if(!(listbox instanceof Element))return;const options=Array.from(listbox.querySelectorAll('[role="option"]')),currentFocused=options.find(option=>option instanceof HTMLElement&&option.tabIndex===0);let newFocusIndex=currentFocused?options.indexOf(currentFocused):0;switch(event.key){case"ArrowDown":event.preventDefault(),newFocusIndex=Math.min(newFocusIndex+1,options.length-1),this.#moveFocus(options,newFocusIndex);break;case"ArrowUp":event.preventDefault(),newFocusIndex=Math.max(newFocusIndex-1,0),this.#moveFocus(options,newFocusIndex);break;case"Enter":case" ":if(event.target instanceof Element){const targetOption=event.target.closest('[role="option"]');targetOption&&(event.preventDefault(),this.#selectOption(targetOption))}break;case"Escape":event.preventDefault(),this.#closeDropdown();break}};handleToggle=()=>{const{details,summary,listbox}=this.refs;if(!(details instanceof HTMLDetailsElement)||!(summary instanceof HTMLElement))return;const isOpen=details.open;if(summary.setAttribute("aria-expanded",isOpen.toString()),isOpen&&listbox instanceof Element){const selectedOption=listbox.querySelector('[aria-selected="true"]');selectedOption instanceof HTMLElement&&selectedOption.focus()}};#moveFocus(options,newIndex){options.forEach(option=>{option instanceof HTMLElement&&(option.tabIndex=-1)});const targetOption=options[newIndex];targetOption instanceof HTMLElement&&(targetOption.tabIndex=0,targetOption.focus())}#selectOption(option){const input=option.querySelector('input[type="radio"]');input instanceof HTMLInputElement&&option instanceof HTMLElement&&(this.querySelectorAll('[role="option"]').forEach(opt=>{opt.setAttribute("aria-selected","false")}),option.setAttribute("aria-selected","true"),input.click(),this.#closeDropdown())}#closeDropdown(){const{details,summary}=this.refs;if(details instanceof HTMLDetailsElement){const options=this.querySelectorAll('[role="option"]'),selectedOption=this.querySelector('[aria-selected="true"]');options.forEach(opt=>{opt instanceof HTMLElement&&(opt.tabIndex=-1)}),selectedOption instanceof HTMLElement&&(selectedOption.tabIndex=0),details.open=!1,summary instanceof HTMLElement&&summary.focus()}}updateFilterAndSorting(event){const facetsForm=this.closest("facets-form-component")||this.closest(".shopify-section")?.querySelector("facets-form-component");if(!(facetsForm instanceof FacetsFormComponent))return;const isMobile=window.innerWidth<750,shouldDisable=this.dataset.shouldUseSelectOnMobile==="true";if(shouldDisable)if(isMobile)this.querySelectorAll('input[name="sort_by"]').forEach(input=>{input instanceof HTMLInputElement&&(input.disabled=!0)});else{const selectElement=this.querySelector('select[name="sort_by"]');if(!(selectElement instanceof HTMLSelectElement))return;selectElement.disabled=!0}if(facetsForm.updateFilters(),this.updateFacetStatus(event),shouldDisable)if(isMobile)this.querySelectorAll('input[name="sort_by"]').forEach(input=>{input instanceof HTMLInputElement&&(input.disabled=!1)});else{const selectElement=this.querySelector('select[name="sort_by"]');if(!(selectElement instanceof HTMLSelectElement))return;selectElement.disabled=!1}const{details}=this.refs;details instanceof HTMLDetailsElement&&(details.open=!1)}updateFacetStatus(event){if(!(event.target instanceof HTMLSelectElement))return;const details=this.querySelector("details");

1if(!details)return;const facetStatus=details.querySelector("facet-status-component");facetStatus instanceof FacetStatusComponent&&(facetStatus.textContent=event.target.value!==details.dataset.defaultSortBy?event.target.dataset.optionName??"":"")}}customElements.get("sorting-filter-component")||customElements.define("sorting-filter-component",SortingFilterComponent);class FacetStatusComponent extends Component{updateListSummary(checkedInputElements){const checkedInputElementsCount=checkedInputElements.length;this.getAttribute("facet-type")==="swatches"?this.#updateSwatchSummary(checkedInputElements,checkedInputElementsCount):this.#updateBubbleSummary(checkedInputElements,checkedInputElementsCount)}#updateSwatchSummary(checkedInputElements,checkedInputElementsCount){const{facetStatus}=this.refs;if(facetStatus.classList.remove("bubble","facets__bubble"),checkedInputElementsCount===0){facetStatus.innerHTML="";return}if(checkedInputElementsCount>3){facetStatus.innerHTML=checkedInputElementsCount.toString(),facetStatus.classList.add("bubble","facets__bubble");return}facetStatus.innerHTML=Array.from(checkedInputElements).map(inputElement=>{const swatch=inputElement.parentElement?.querySelector("span.swatch"),span=document.createElement("span");return span.className="visually-hidden",span.textContent=inputElement.getAttribute("aria-label")??"",(swatch?.outerHTML??"")+span.outerHTML}).join("")}#updateBubbleSummary(checkedInputElements,checkedInputElementsCount){const{facetStatus}=this.refs,filterStyle=this.dataset.filterStyle;if(facetStatus.classList.remove("bubble","facets__bubble"),checkedInputElementsCount===0){facetStatus.innerHTML="";return}if(filterStyle==="horizontal"&&checkedInputElementsCount===1){facetStatus.textContent=checkedInputElements[0]?.dataset.label??"";return}facetStatus.innerHTML=checkedInputElementsCount.toString(),facetStatus.classList.add("bubble","facets__bubble")}updatePriceSummary(minInput,maxInput){const minInputValue=minInput.value,maxInputValue=maxInput.value,{facetStatus}=this.refs;if(!minInputValue&&!maxInputValue){facetStatus.innerHTML="";return}const currency=facetStatus.dataset.currency||"",minInputNum=this.#parseCents(minInputValue,"0",currency),maxInputNum=this.#parseCents(maxInputValue,facetStatus.dataset.rangeMax,currency);facetStatus.innerHTML=`${this.#formatMoney(minInputNum)}\u2013${this.#formatMoney(maxInputNum)}`}#parseCents(value,fallback="0",currency=""){const result=convertMoneyToMinorUnits(value,currency);if(result!==null)return result;

1const fallbackResult=convertMoneyToMinorUnits(fallback,currency);if(fallbackResult!==null)return fallbackResult;const cleanFallback=fallback.replace(/[^\d]/g,"");return parseInt(cleanFallback,10)||0}#formatMoney(moneyValue){if(!(this.refs.moneyFormat instanceof HTMLTemplateElement))return"";const format=this.refs.moneyFormat.content.textContent||"{{amount}}",currency=this.refs.facetStatus.dataset.currency||"";return formatMoney(moneyValue,format,currency)}clearSummary(){this.refs.facetStatus.innerHTML=""}}customElements.get("facet-status-component")||customElements.define("facet-status-component",FacetStatusComponent);
2//# sourceMappingURL=/cdn/shop/t/77/assets/facets.js.map?v=177903033754413523221789650672