https://www.cantref.com/app/brands/default/4992.bf0a69066c2384d56f4a.js

1(globalThis.webpackChunkloop_web=globalThis.webpackChunkloop_web||[]).push([[4992],{8418(t,e,s){"use strict";s.d(e,{Mc:()=>h,R9:()=>c,YB:()=>u,fs:()=>a,ss:()=>d});const i=window.matchMedia("(prefers-reduced-motion: reduce)");let n=!1,o=null,l=!1;try{var r=Object.defineProperty({},"passive",{get:function(){l=!0}});window.addEventListener("testPassive",null,r),window.removeEventListener("testPassive",null,r)}catch(t){}const a={supportsPassive:l,reducedMotionPref:i.matches,desktopSideHeaderLayout:null!=document.querySelector("body.site-layout.side-header-layout"),fx:[],fxAdd:(t,e,s=null)=>{let i=!1;if(a.fx.forEach(e=>{e.type==t&&(i=!0)}),!i){a.fx.push({type:t,enabled:e,callback:s,controller:document.createElement("div")});let i=a.fx.length-1,n=a.fx[i];n.controller.setAttribute("class","form-check form-switch");let o=document.createElement("input");o.setAttribute("id",`site-settings--fx--${i}`),o.setAttribute("class","form-check-input"),o.setAttribute("type","checkbox"),o.setAttribute("role","switch"),e&&o.setAttribute("checked",!0),o.addEventListener("click",()=>{a.fxToggle(n.type,o.checked)}),n.controller.appendChild(o);let l=document.createElement("label");l.setAttribute("for",`site-settings--fx--${i}`),l.setAttribute("class","form-check-label"),l.innerHTML=n.type,n.controller.appendChild(l)}s&&s(e),n||(()=>{if(null!=document.body.querySelector("#top-utility-bar")){let t=document.body.querySelector("#top-utility-bar--icon-links ul");if(null!=t){let e=document.createElement("li");e.classList.add("list-inline-item"),e.innerHTML='<button class="btn btn-link p-0" data-bs-toggle="modal" data-bs-target="#site-settings"><i class="fa-solid fa-cog" aria-hidden="true" title="Site settings"></i><span class="sr-only">Site settings</span></button>',t.appendChild(e)}else{let t=document.body.querySelector("#top-utility-bar--content"),e=document.createElement("div");e.setAttribute("id","top-utility-bar--icon-links"),e.innerHTML='<ul class="list-inline m-0"><li class="list-inline-item"><button class="btn btn-link p-0" data-bs-toggle="modal" data-bs-target="#site-settings"><i class="fa-solid fa-cog" aria-hidden="true" title="Site settings"></i><span class="sr-only">Site settings</span></button></li></ul>',t.appendChild(e)}}else{let t=document.body.querySelector("#main-header--content");if(null!=t){let e=document.createElement("button");e.setAttribute("id","main-header--content--site-settings-btn"),e.setAttribute("class","btn btn-link"),e.setAttribute("data-bs-toggle","modal"),e.setAttribute("data-bs-target","#site-settings"),e.innerHTML='<i class="fa-solid fa-cog" aria-hidden="true" title="Site settings"></i><span class="side-menu-layout--label">Site settings</span>',t.appendChild(e)}}let t=document.body.querySelector("#main-footer--mid-section--links ul");if(null!=t){let e=document.createElement("li");e.innerHTML='<a href="#site-settings" data-bs-toggle="modal" data-bs-target="#site-settings">Site settings</a>',t.appendChild(e)}n=!0})(),(()=>{if(!o){let t=document.createElement("div");t.setAttribute("id","site-settings"),t.setAttribute("class","modal fade"),t.setAttribute("data-bs-backdrop","static"),t.setAttribute("data-bs-keyboard","false"),t.setAttribute("tabindex","-1"),t.setAttribute("aria-hidden","true"),t.innerHTML='<div class="modal-dialog"><div class="modal-content theme--default"><div class="modal-header"><h1 class="modal-title h5 m-0">Site Settings</h1><button type="button" class="btn btn-link p-0" data-bs-dismiss="modal" aria-label="Close"><i class="fa-regular fa-times" aria-hidden="true" title="Close"></i></button></div><div class="modal-body"></div></div>',document.body.appendChild(t),o=document.body.querySelector("#site-settings .modal-body")}a.fx.length>0&&(o.innerHTML="<p>Manage the visual effects on this site:</p>",a.fx.forEach(t=>{o.appendChild(t.controller)}))})()},fxToggle:(t,e)=>{a.fx.forEach(s=>{s.type==t&&(s.enabled=e,s.callback&&s.callback(e))})}},c={vw:0,vh:0,setVw:t=>{c.vw=t},setVh:t=>{c.vh=t}},d={active:!1,setActive:t=>{d.active=t}},h={mobileActive:!1,setMobileActive:t=>{h.mobileActive=t},desktopActive:!1,setDesktopActive:t=>{h.desktopActive=t}},u={active:!1,setActive:t=>{u.active=t}}},4992(t,e,s){"use strict";

1s.r(e),s.d(e,{createFrom:()=>c});var i=s(8418),n=s(7819),o=s.n(n);const l=(t,e,s)=>t<e?e:t>s?s:t,r=t=>1-Math.cos(t*Math.PI/2);class a{constructor(t){this.el=t,this.inView=!1,this.progessiveFading=t.classList.contains("progressive-fading"),this.sections=[],this.offsetTop=0,this.scrollY=0;let e=t.querySelectorAll(".background-crossfader--section");if(e.length>0){e.forEach(t=>{this.sections.push({el:t,bg:t.querySelector(".background-crossfader--section--bg"),content:t.querySelector(".background-crossfader--section--content"),h:0})});let t=this;this.hunt=new(o())(this.el,{leave:function(){t.inView=!1},enter:function(){t.inView=!0},persist:!0}),window.dispatchEvent(new Event("scroll")),window.addEventListener("scroll",()=>{this.inView&&this.updateScroll()},!!i.fs.supportsPassive&&{passive:!0}),window.addEventListener("window-resize",()=>{this.updateSizes()}),this.ro=new ResizeObserver(()=>{this.updateSizes()}),this.ro.observe(this.el)}}updateSizes(){this.offsetTop=this.el.getBoundingClientRect().top+window.scrollY;for(let t=0,e=this.sections.length;t<e;t++)this.sections[t].h=this.sections[t].el.offsetHeight;this.updateScroll()}updateScroll(){if(this.inView){let t=window.scrollY-this.offsetTop;this.scrollY=t>0?t:0;let e=0;for(let t=1,s=this.sections.length;t<s;t++){if(this.scrollY>e){let s=(this.scrollY-e)/(this.sections[t-1].h-.25*i.R9.vh);s=l(s,0,1),this.progessiveFading?this.sections[t].bg.style.opacity=r(s):s>=1&&(this.sections[t].bg.style.opacity=1)}else this.sections[t].bg.style.opacity=0;e+=this.sections[t].h}}}}function c(t){t.forEach(t=>{1===t.nodeType&&new a(t)})}},7819(t){t.exports=function(){var t=function(){},e=100;function s(t,s){var i,n,o;return void 0===s&&(s=e),function(){!0===i?(clearTimeout(n),n=setTimeout(function(){Date.now()-o>=s&&(t.apply(this,arguments),o=Date.now())},s-(Date.now()-o))):(t.apply(this,arguments),o=Date.now(),i=!0)}}var i=function(t,e){for(var s in this.element=t,this.visible=!1,e)Object.hasOwnProperty.call(e,s)&&(this[s]=e[s]);if(void 0!==t.dataset){if(void 0!==t.dataset.huntPersist)try{this.persist=JSON.parse(t.dataset.huntPersist)}catch(t){}if(void 0!==t.dataset.huntOffset)try{this.offset=JSON.parse(t.dataset.huntOffset)}catch(t){}}};i.prototype.offset=0,i.prototype.persist=!1,i.prototype.enter=t,i.prototype.leave=t;var n=function(t,e){if(!(t&&1===t.nodeType||"number"==typeof t.length))throw new TypeError("hunt: observer first argument should be a node or a list of nodes");if("object"!=typeof e)throw new TypeError("hunt: observer second argument should be an object");if(1===t.nodeType)this.__huntedElements__=[new i(t,e)];else{var s=[].slice.call(t);this.__huntedElements__=s.map(function(t){return new i(t,e)})}this.__viewportHeight__=window.innerHeight,this.__connect__(e.throttleInterval)};return n.prototype.__connect__=function(t){this.__throttledHuntElements__=s(this.__huntElements__.bind(this),t),this.__throttledUpdateMetrics__=s(this.__updateMetrics__.bind(this),t),window.addEventListener("scroll",this.__throttledHuntElements__),window.addEventListener("resize",this.__throttledUpdateMetrics__),this.__huntElements__()},n.prototype.__huntElements__=function(){for(var e=this.__huntedElements__.length;e;){var s=this.__huntedElements__[--e],i=s.element.getBoundingClientRect(),n=i.top-s.offset<this.__viewportHeight__&&i.top>=-(i.height+s.offset);!1===s.visible&&!0===n&&(s.enter.call(null,s.element),s.visible=!0,s.leave===t&&!0!==s.persist&&(this.__huntedElements__.splice(e,1),0===this.__huntedElements__.length&&this.disconnect())),!0===s.visible&&!1===n&&(s.leave.call(null,s.element),s.visible=!1,!0!==s.persist&&(this.__huntedElements__.splice(e,1),0===this.__huntedElements__.length&&this.disconnect()))}},n.prototype.__updateMetrics__=function(){this.__viewportHeight__=window.innerHeight,this.__huntElements__()},n.prototype.disconnect=function(){window.removeEventListener("scroll",this.__throttledHuntElements__),window.removeEventListener("resize",this.__throttledUpdateMetrics__)},n.prototype.trigger=function(){this.__huntElements__()},n}()}}]);