https://www.cantref.com/app/brands/default/2326.1b20d2dcc58a61e13ead.js

1(globalThis.webpackChunkloop_web=globalThis.webpackChunkloop_web||[]).push([[2326],{2326(t,e,i){"use strict";i.r(e),i.d(e,{createFrom:()=>n});var s=i(7334);const r=new Event("listingUpdated");class l{constructor(t){this.el=t,this.filters=[],this.debouncedUpdate=(0,s.debounce)(()=>this.update(),200),this.searchTextField=this.el.querySelector(".listing-live-filtering--form .listing-live-filtering--text-search"),this.searchText="",this.prevSearchText="",this.searchWatch=null,this.items=[],this.virtualArray=[],this.sortMode="",this.sortingControl=this.el.querySelector(".listing-live-filtering--sorting-form .listing-live-filtering--sorting"),[...this.el.querySelectorAll(".listing-live-filtering--form .listing-live-filtering--filter")].forEach(t=>{this.filters.push(new h(t))}),this.resultsWrapper=t.querySelector(".listing-live-filtering--results"),[...this.el.querySelectorAll(".listing-live-filtering--results > li:not(.timestamp)")].forEach((t,e)=>{this.items.push(new a(t,e))}),this.timestamps=[],this.hasTimestamps=!1;let e=this.resultsWrapper.querySelectorAll("li.timestamp");if(e.length>0&&(this.hasTimestamps=!0,e.forEach(t=>{this.timestamps.push({el:t,time:t.dataset.time})})),null!=this.sortingControl){this.sortOrderAZ=[];for(let t=0,e=this.items.length;t<e;t++)this.sortOrderAZ.push({itemIndex:t,azValue:this.items[t].azValue});this.sortOrderAZ.sort(function(t,e){return((t,e)=>{var i,s,r,l,h,a,n=0,o=/(\.\d+)|(\d+(\.\d+)?)|([^\d.]+)|(\.\D+)|(\.$)/g;if(t===e)return 0;for(i=t.toLowerCase().match(o),s=e.toLowerCase().match(o),a=i.length;n<a;){if(!s[n])return 1;if((r=i[n])!==(l=s[n++]))return h=r-l,isNaN(h)?r>l?1:-1:h}return s[n]?-1:0})(t.azValue,e.azValue)}),this.sortOrderZA=this.sortOrderAZ.slice(),this.sortOrderZA.reverse(),this.sortOrderNumericLH=[];for(let t=0,e=this.items.length;t<e;t++)this.sortOrderNumericLH.push({itemIndex:t,numericValue:this.items[t].numericValue});this.sortOrderNumericLH.sort(function(t,e){return t.numericValue-e.numericValue}),this.sortOrderNumericHL=this.sortOrderNumericLH.slice(),this.sortOrderNumericHL.reverse()}[...this.el.querySelectorAll('.listing-live-filtering--form input[type="checkbox"]')].forEach(t=>{t.onclick=()=>{this.debouncedUpdate()}}),null!=this.searchTextField&&(this.searchTextField.onfocus=()=>{this.watchSearchText(!0)},this.searchTextField.onblur=()=>{this.watchSearchText(!1)});let i=this.el.querySelector('.listing-live-filtering--form button[type="reset"]');if(null!=i&&(i.onclick=()=>{window.requestAnimationFrame(()=>{this.checkSearchText(!1),this.debouncedUpdate()})}),null!=this.sortingControl){this.sortingControl.onchange=()=>{window.requestAnimationFrame(()=>{this.sort(this.sortingControl.options[this.sortingControl.selectedIndex].value)})};let t=localStorage.getItem("filterListingSortMode");if(null!=t){this.sort(t);let e=0;for(let i=0,s=this.sortingControl.options.length;i<s;i++)if(this.sortingControl.options[i].value==t){e=i;break}this.sortingControl.selectedIndex=e}}}watchSearchText(t){t?this.searchWatch=setInterval(()=>{this.checkSearchText(!0)},200):(clearInterval(this.searchWatch),this.searchWatch=null)}checkSearchText(t=!1){this.prevSearchText=this.searchText;let e=this.searchTextField.value.toLowerCase().trim(),i=e.length>2?e:"";i!=this.prevSearchText&&(this.searchText=i,t&&this.debouncedUpdate())}update(){let t=[];for(let e=0,i=this.items.length;e<i;e++)t.push(this.checkItem(this.items[e]));window.requestAnimationFrame(()=>{for(let e=0,i=this.items.length;e<i;e+=1)this.items[e].hidden&&t[e]?this.items[e].toggle(!0):this.items[e].hidden||t[e]||this.items[e].toggle(!1);this.hasTimestamps&&this.timestamps.forEach(t=>{let e=this.resultsWrapper.querySelector(`li[data-time="${t.time}"]:not([aria-hidden]):not(.timestamp)`);t.el.style.display=null!=e?"block":"none"}),window.dispatchEvent(r)})}checkItem(t){let e=!0;for(let i=0,s=this.filters.length;i<s;i++){let s=t.filterValues[i],r=!1,l=!1;for(let t=0,e=this.filters[i].options.length;t<e;t++){let e=t.toString();this.filters[i].options[t].checked&&(l=!0,s.indexOf(e)>=0&&(r=!0))}l&&!r&&(e=!1)}if(""!=this.searchText){let i=this.searchText.replace(/  +/g," ").split(" "),s=!1;for(let e=0,r=i.length;e<r;e++)t.searchTextValue.indexOf(i[e])>=0&&(s=!0);

1s||(e=!1)}return e}getVirtualIndex(t){for(let e=0,i=this.virtualArray.length;e<i;e++)if(this.virtualArray[e].itemIndex==t)return e}sort(t){switch(this.sortMode=t,localStorage.setItem("filterListingSortMode",t),t){case"az":this.virtualArray=this.sortOrderAZ.slice();break;case"za":this.virtualArray=this.sortOrderZA.slice();break;case"numeric-lh":this.virtualArray=this.sortOrderNumericLH.slice();break;case"numeric-hl":this.virtualArray=this.sortOrderNumericHL.slice();break;default:this.virtualArray=this.items.slice()}let e=document.createDocumentFragment();for(let t=0,i=this.virtualArray.length;t<i;t++)e.appendChild(this.items[this.virtualArray[t].itemIndex].el);this.resultsWrapper.appendChild(e),window.dispatchEvent(r)}}class h{constructor(t){this.el=t,this.options=[...this.el.querySelectorAll('input[type="checkbox"]')]}}class a{constructor(t,e){this.el=t,this.itemIndex=e,this.child=t.querySelector(".panel"),this.hidden=!1,this.filterValues=[];let i=this.el.dataset.filterValues;if(void 0!==i){let t=i.split("~");t.length>0&&t.forEach((t,e)=>{this.filterValues[e]=t.split(",")})}let s=this.el.dataset.filterSearchText;this.searchTextValue=void 0!==s?s:"",this.azValue=this.el.dataset.sortAz;let r=this.el.dataset.sortNumeric;this.numericValue=void 0!==r?parseFloat(r):0}toggle(t){t?(this.hidden=!1,this.el.ontransitionend=null,this.el.removeAttribute("aria-hidden"),this.el.classList.remove("hidden"),window.requestAnimationFrame(()=>{this.el.classList.remove("fading")})):(this.hidden=!0,this.el.setAttribute("aria-hidden","true"),this.el.classList.add("fading"),this.el.ontransitionend=t=>{t.target==this.el&&this.el.classList.add("hidden"),this.el.ontransitionend=null})}}function n(t){t.forEach(t=>{1===t.nodeType&&new l(t)})}},7334(t){function e(t,e,i){var s,r,l,h,a;function n(){var o=Date.now()-h;o<e&&o>=0?s=setTimeout(n,e-o):(s=null,i||(a=t.apply(l,r),l=r=null))}null==e&&(e=100);var o=function(){l=this,r=arguments,h=Date.now();var o=i&&!s;return s||(s=setTimeout(n,e)),o&&(a=t.apply(l,r),l=r=null),a};return o.clear=function(){s&&(clearTimeout(s),s=null)},o.flush=function(){s&&(a=t.apply(l,r),l=r=null,clearTimeout(s),s=null)},o}e.debounce=e,t.exports=e}}]);