https://www.cantref.com/app/brands/default/9762.f1aaa4d26f00dfd09a20.js

1(globalThis.webpackChunkloop_web=globalThis.webpackChunkloop_web||[]).push([[9762],{8418(t,e,i){"use strict";i.d(e,{Mc:()=>u,R9:()=>d,YB:()=>c,fs:()=>a,ss:()=>h});const s=window.matchMedia("(prefers-reduced-motion: reduce)");let n=!1,o=null,r=!1;try{var l=Object.defineProperty({},"passive",{get:function(){r=!0}});window.addEventListener("testPassive",null,l),window.removeEventListener("testPassive",null,l)}catch(t){}const a={supportsPassive:r,reducedMotionPref:s.matches,desktopSideHeaderLayout:null!=document.querySelector("body.site-layout.side-header-layout"),fx:[],fxAdd:(t,e,i=null)=>{let s=!1;if(a.fx.forEach(e=>{e.type==t&&(s=!0)}),!s){a.fx.push({type:t,enabled:e,callback:i,controller:document.createElement("div")});let s=a.fx.length-1,n=a.fx[s];n.controller.setAttribute("class","form-check form-switch");let o=document.createElement("input");o.setAttribute("id",`site-settings--fx--${s}`),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 r=document.createElement("label");r.setAttribute("for",`site-settings--fx--${s}`),r.setAttribute("class","form-check-label"),r.innerHTML=n.type,n.controller.appendChild(r)}i&&i(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(i=>{i.type==t&&(i.enabled=e,i.callback&&i.callback(e))})}},d={vw:0,vh:0,setVw:t=>{d.vw=t},setVh:t=>{d.vh=t}},h={active:!1,setActive:t=>{h.active=t}},u={mobileActive:!1,setMobileActive:t=>{u.mobileActive=t},desktopActive:!1,setDesktopActive:t=>

1{u.desktopActive=t}},c={active:!1,setActive:t=>{c.active=t}}},9762(t,e,i){"use strict";i.r(e),i.d(e,{createFrom:()=>d});var s=i(8418),n=i(7334),o=i(7819),r=i.n(o);const l="aspect-ratio"in document.body.style;class a{constructor(t){if(this.wrapper=t,this.fullscreen=t.parentNode.parentNode.classList.contains("hero--fullscreen"),this.controls=this.wrapper.querySelector(".hero--video--control"),this.loadingSprite=this.wrapper.querySelector(".hero--video-loading-sprite"),this.playButton=this.controls.querySelector("button.play"),this.soundButton=this.controls.querySelector("button.sound"),this.started=!1,this.userPaused=!1,this.muted=!0,this.hasPoster=!1,this.crossfadePoster=!1,this.videoInitDelay=5e3,this.debounceDelay=0,this.debouncedResize=(0,n.debounce)((t,e)=>this.resize(t,e),200),this.inner={el:this.wrapper.querySelector(".hero--video-inner"),width:0,height:0},this.poster={el:this.wrapper.querySelector(".hero--poster-image"),posterImg:this.wrapper.querySelector(".hero--poster-image img")},null!=this.poster.el){this.hasPoster=!0,this.inner.el.classList.add("has-poster"),this.crossfadePoster="true"==this.poster.el.dataset.crossfade,this.crossfadePoster&&this.poster.el.classList.add("crossfade-poster");let t=parseInt(this.poster.el.dataset.delay);t>0&&(this.videoInitDelay=t)}if(this.ratioHeightByWidth=9/16,this.ratioWidthByHeight=16/9,this.videoId=this.wrapper.dataset.heroVideoId,this.ro=new ResizeObserver(t=>{for(let e of t){const t=e.contentRect;0===this.debounceDelay?this.resize(Math.ceil(t.width),Math.ceil(t.height)):this.debouncedResize(Math.ceil(t.width),Math.ceil(t.height))}this.debounceDelay=200}),this.ro.observe(this.wrapper),this.loadTimeout=null,this.loadingPlayer=!1,null!=this.videoId)if(this.hasPoster)if(this.poster.posterImg.complete)setTimeout(()=>{this.loadingPlayer||this.loadPlayer()},2e3);else{let t=this;this.poster.posterImg.addEventListener("load",()=>{clearTimeout(t.loadTimeout),t.loadingPlayer||setTimeout(()=>{t.loadingPlayer||this.loadPlayer()},2e3)},{once:!0}),this.loadTimeout=setTimeout(()=>{t.loadingPlayer||t.loadPlayer()},t.videoInitDelay)}else this.loadPlayer()}async loadPlayer(){this.loadingPlayer=!0;let t=document.createElement("script");t.type="text/javascript",t.src="https://cdn.embed.ly/player-0.1.0.min.js",t.async=!0,document.head.appendChild(t),t.onload=()=>{this.initVideo()}}initVideo(){this.inner.iframe=document.createElement("IFRAME"),this.inner.iframe.setAttribute("src",`https://play.ignite.video/player/index.html?id=${this.videoId}&loop=true&autoplay=true&muted=true&controls=false&fit=cover&fullscreen=false`),this.inner.iframe.classList.add("hero--video-iframe"),this.inner.iframe.setAttribute("title","Ignite video"),this.inner.iframe.setAttribute("frameborder","0"),this.inner.el.appendChild(this.inner.iframe),this.video=new playerjs.Player(this.inner.iframe);let t=this;this.video.on("ready",()=>{null!==this.playButton&&(this.playButton_play=this.playButton.querySelector(".hero--video--control--play"),this.playButton_pause=this.playButton.querySelector(".hero--video--control--pause"),this.playButton_pause.removeAttribute("hidden"),this.video.on("play",()=>{this.playButton_play.setAttribute("aria-hidden",!0),this.playButton_pause.removeAttribute("aria-hidden"),this.started||(this.inner.el.classList.add("reveal"),this.hasPoster&&(this.poster.el.ontransitionend=t=>{t.target==this.poster.el&&this.poster.el.remove(),this.poster.el.ontransitionend=null,this.poster.el=null,this.hasPoster=!1},this.poster.el.classList.add("hide")),this.controls.classList.add("reveal"),null!=this.loadingSprite&&this.loadingSprite.classList.add("hidden"),this.started=!0)}),this.video.on("pause",()=>{this.playButton_play.removeAttribute("aria-hidden"),this.playButton_pause.setAttribute("aria-hidden",!0)}),this.playButton.onclick=()=>{t.video.getPaused(e=>{e?(t.video.play(),t.userPaused=!1):(t.video.pause(),t.userPaused=!0)})}),null!==this.soundButton&&(this.soundButton_on=this.soundButton.querySelector(".hero--video--control--sound-on"),this.soundButton_off=this.soundButton.querySelector(".hero--video--control--sound-off"),this.soundButton_off.removeAttribute("hidden"),this.soundButton.onclick=()=>{t.muted?(t.video.unmute(),t.soundButton_on.setAttribute("aria-hidden",!0),t.soundButton_off.removeAttribute("aria-hidden"),t.muted=!1):(t.video.mute(),t.soundButton_on.removeAttribute("aria-hidden"),t.soundButton_off.setAttribute("aria-hidden",!0),t.muted=!0)});let e=document.querySelector(".hero--fixed-visual--wrapper");this.hunt=new(r())(null!=e?e:this.wrapper,{leave:function(){t.video.getPaused(e=>{e||t.video.pause()})},enter:function(){t.video.getPaused(e=>{e&&!t.userPaused&&t.video.play()})},persist:!0}),window.dispatchEvent(new Event("scroll"))})}setPosterSize(){if(this.fullscreen){let t=(s.R9.vw>0?s.R9.vw:document.querySelector("#vp-sizer").offsetWidth)/(s.R9.vh>0?s.R9.vh:document.querySelector("#vp-sizer").offsetHeight);return t>=4/3?`${Math.ceil(1.77778*this.inner.height)}px`:t>=3/4?`${Math.ceil(this.inner.height)}px`:t>=9/16?`${Math.ceil(.75*this.inner.height)}px`:t>=1/3?`${Math.ceil(.5625*this.inner.height)}px`:`${Math.ceil(this.inner.height/3)}px`}return`${Math.ceil(this.inner.width)}px`}resize(t,e){e/t<this.ratioHeightByWidth?(this.inner.width=t,this.inner.height=Math.ceil(t*this.ratioHeightByWidth)):(this.inner.height=e,this.inner.width=Math.ceil(e*this.ratioWidthByHeight)),l||(this.inner.el.style=`width: ${this.inner.width}px; height: ${this.inner.height}px;`),this.hasPoster&&this.poster.posterImg.setAttribute("sizes",this.setPosterSize())}}function d(t){t.forEach(t=>{1===t.nodeType&&new a(t)})}},7334(t){function e(t,e,i){var s,n,o,r,l;function a(){var d=Date.now()-r;d<e&&d>=0?s=setTimeout(a,e-d):(s=null,i||(l=t.apply(o,n),o=n=null))}null==e&&(e=100);var d=function(){o=this,n=arguments,r=Date.now();var d=i&&!s;return s||(s=setTimeout(a,e)),d&&(l=t.apply(o,n),o=n=null),l};return d.clear=function(){s&&(clearTimeout(s),s=null)},d.flush=function(){s&&(l=t.apply(o,n),o=n=null,clearTimeout(s),s=null)},d}e.debounce=e,t.exports=e},7819(t){t.exports=function(){var t=function(){},e=100;function i(t,i){var s,n,o;return void 0===i&&(i=e),function(){!0===s?(clearTimeout(n),n=setTimeout(function(){Date.now()-o>=i&&(t.apply(this,arguments),o=Date.now())},i-(Date.now()-o))):(t.apply(this,arguments),o=Date.now(),s=!0)}}var s=function(t,e){for(var i in this.element=t,this.visible=!1,e)Object.hasOwnProperty.call(e,i)&&(this[i]=e[i]);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){}}};s.prototype.offset=0,s.prototype.persist=!1,s.prototype.enter=t,s.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");

1if(1===t.nodeType)this.__huntedElements__=[new s(t,e)];else{var i=[].slice.call(t);this.__huntedElements__=i.map(function(t){return new s(t,e)})}this.__viewportHeight__=window.innerHeight,this.__connect__(e.throttleInterval)};return n.prototype.__connect__=function(t){this.__throttledHuntElements__=i(this.__huntElements__.bind(this),t),this.__throttledUpdateMetrics__=i(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 i=this.__huntedElements__[--e],s=i.element.getBoundingClientRect(),n=s.top-i.offset<this.__viewportHeight__&&s.top>=-(s.height+i.offset);!1===i.visible&&!0===n&&(i.enter.call(null,i.element),i.visible=!0,i.leave===t&&!0!==i.persist&&(this.__huntedElements__.splice(e,1),0===this.__huntedElements__.length&&this.disconnect())),!0===i.visible&&!1===n&&(i.leave.call(null,i.element),i.visible=!1,!0!==i.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}()}}]);