https://www.cantref.com/app/brands/default/4824.dad2c92edd2acbac32e7.js

1(globalThis.webpackChunkloop_web=globalThis.webpackChunkloop_web||[]).push([[4824],{391(e,t,i){"use strict";i.d(t,{_:()=>s});const s={SM:576,MD:768,LG:992,XL:1200,XXL:1400}},4824(e,t,i){"use strict";i.r(t),i.d(t,{createFrom:()=>o});var s=i(391),n=i(7819),l=i.n(n);let r=!1;try{const e={get passive(){return r=!0,!1}};window.addEventListener("test",null,e),window.removeEventListener("test",null,e)}catch(e){r=!1}class h{constructor(e){this.el=e,this.fps=60,this.fpsTime=1e3/this.fps,this.prevTime=Date.now(),this.resizeRequested=!1,this.redrawRequested=!1,this.wrapperWidth=0,this.wrapperHeight=0,this.wrapperSize=0,this.contentSize=0,this.centredMode=this.el.classList.contains("timeline--centred")&&window.innerWidth>=s._.LG,this.horizontalMode=this.el.classList.contains("timeline--horizontal"),this.years=this.el.querySelector(".timeline--years > ol"),this.line={wrapper:this.el.querySelector(".timeline--line"),end:this.el.querySelector(".timeline--line--end"),endSize:0,currentSize:0,targetSize:0,increment:15},this.calcLineRequested=!1,this.timelineElements=[];let t=this.el.querySelectorAll(".timeline--years > ol > li"),i=!1;t.forEach((e,t)=>{this.timelineElements[t]={obj:e,offset:0,events:[]},i&&e.querySelector(".timeline--year").classList.add("flip"),e.querySelectorAll(".timeline--year--events > li").forEach((e,s)=>{this.timelineElements[t].events[s]={obj:e,offset:0},i&&e.classList.add("flip"),i=!i})});let n=this;this.hunt=new(l())(this.el,{enter:function(){n.init()}}),window.dispatchEvent(new Event("scroll"))}init(){this.line.wrapper.classList.add("animate"),this.horizontalScrollListener=this.el.addEventListener("scroll",()=>{this.horizontalMode&&!this.calcLineRequested&&(this.calcLineRequested=!0,setTimeout(()=>{this.calcLine(),this.calcLineRequested=!1},500))},!!r&&{passive:!0}),this.verticalScrollListener=window.addEventListener("scroll",()=>{this.horizontalMode||this.calcLineRequested||(this.calcLineRequested=!0,setTimeout(()=>{this.calcLine(),this.calcLineRequested=!1},500))},!!r&&{passive:!0}),this.ro=new ResizeObserver(e=>{for(let t of e){const e=t.contentRect;e.width==this.wrapperWidth&&e.height==this.wrapperHeight||(this.wrapperWidth=e.width,this.wrapperHeight=e.height,this.resizeRequested||(this.resizeRequested=!0,setTimeout(()=>{this.resize()},200)))}}),this.ro.observe(this.el)}resize(){null!=this.redrawInterval&&clearInterval(this.redrawInterval),this.horizontalMode=this.el.classList.contains("timeline--horizontal");for(let e=0;e<this.timelineElements.length;e++){this.timelineElements[e].offset=this.horizontalMode?this.timelineElements[e].obj.offsetLeft:this.timelineElements[e].obj.offsetTop;for(let t=0;t<this.timelineElements[e].events.length;t++)this.timelineElements[e].events[t].offset=this.timelineElements[e].offset+(this.horizontalMode?this.timelineElements[e].events[t].obj.offsetLeft:this.timelineElements[e].events[t].obj.offsetTop)}this.calcLine(),this.redrawInterval=setInterval(()=>{this.redrawRequested||(this.redrawRequested=!0,this.redraw())},this.fpsTime),this.resizeRequested=!1}calcLine(){this.line.endSize=this.horizontalMode?this.line.end.offsetWidth:this.line.end.offsetHeight;let e=this.horizontalMode?0:this.el.offsetTop;this.wrapperSize=this.horizontalMode?this.wrapperWidth:this.wrapperHeight,this.contentSize=this.horizontalMode?this.years.offsetWidth:this.years.offsetHeight,this.line.targetSize>this.contentSize&&(this.line.targetSize=this.contentSize);let t=this.horizontalMode?this.wrapperSize+this.el.scrollLeft:window.innerHeight-(e-window.scrollY);if(t<2*this.line.endSize?t=2*this.line.endSize:t>this.contentSize&&(t=this.contentSize),t>this.line.targetSize&&(this.line.targetSize=t),this.horizontalMode)this.line.currentSize<this.el.scrollLeft&&(this.line.currentSize=this.el.scrollLeft);else{let t=e-window.scrollY;

1if(t<0){let e=Math.abs(t);this.line.currentSize<e&&(this.line.currentSize=e)}}this.calcLineRequested=!1}redraw(){let e=Date.now()-this.prevTime;this.prevTime=Date.now();let t=this.line.increment/this.fpsTime*e;this.line.currentSize+=t,this.line.currentSize>=this.line.targetSize&&(this.line.currentSize=this.line.targetSize),this.el.style.setProperty("--line-middle-scale",""+(this.line.currentSize-2*this.line.endSize)/100),this.el.style.setProperty("--line-end-translate",this.line.currentSize-this.line.endSize+"px"),this.revealEvents(),(this.horizontalMode&&this.line.currentSize>=this.years.offsetWidth||!this.horizontalMode&&this.line.currentSize>=this.wrapperSize)&&(clearInterval(this.redrawInterval),this.redrawInterval=null),this.redrawRequested=!1}revealEvents(){for(let e=0;e<this.timelineElements.length;e++){this.timelineElements[e].obj.classList.toggle("reveal",this.timelineElements[e].offset<=this.line.currentSize);for(let t=0;t<this.timelineElements[e].events.length;t++)this.timelineElements[e].events[t].obj.classList.toggle("reveal",this.timelineElements[e].events[t].offset<=this.line.currentSize)}}}function o(e){e.forEach(e=>{1===e.nodeType&&new h(e)})}},7819(e){e.exports=function(){var e=function(){},t=100;function i(e,i){var s,n,l;return void 0===i&&(i=t),function(){!0===s?(clearTimeout(n),n=setTimeout(function(){Date.now()-l>=i&&(e.apply(this,arguments),l=Date.now())},i-(Date.now()-l))):(e.apply(this,arguments),l=Date.now(),s=!0)}}var s=function(e,t){for(var i in this.element=e,this.visible=!1,t)Object.hasOwnProperty.call(t,i)&&(this[i]=t[i]);if(void 0!==e.dataset){if(void 0!==e.dataset.huntPersist)try{this.persist=JSON.parse(e.dataset.huntPersist)}catch(e){}if(void 0!==e.dataset.huntOffset)try{this.offset=JSON.parse(e.dataset.huntOffset)}catch(e){}}};s.prototype.offset=0,s.prototype.persist=!1,s.prototype.enter=e,s.prototype.leave=e;var n=function(e,t){if(!(e&&1===e.nodeType||"number"==typeof e.length))throw new TypeError("hunt: observer first argument should be a node or a list of nodes");if("object"!=typeof t)throw new TypeError("hunt: observer second argument should be an object");if(1===e.nodeType)this.__huntedElements__=[new s(e,t)];else{var i=[].slice.call(e);this.__huntedElements__=i.map(function(e){return new s(e,t)})}this.__viewportHeight__=window.innerHeight,this.__connect__(t.throttleInterval)};return n.prototype.__connect__=function(e){this.__throttledHuntElements__=i(this.__huntElements__.bind(this),e),this.__throttledUpdateMetrics__=i(this.__updateMetrics__.bind(this),e),window.addEventListener("scroll",this.__throttledHuntElements__),window.addEventListener("resize",this.__throttledUpdateMetrics__),this.__huntElements__()},n.prototype.__huntElements__=function(){for(var t=this.__huntedElements__.length;t;){var i=this.__huntedElements__[--t],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===e&&!0!==i.persist&&(this.__huntedElements__.splice(t,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(t,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}()}}]);