https://www.cantref.com/app/brands/default/7536.2321eb7323b2f6031179.js

1"use strict";(globalThis.webpackChunkloop_web=globalThis.webpackChunkloop_web||[]).push([[7536],{7536(i,e,t){t.r(e),t.d(e,{createFrom:()=>m});var s=t(8300);let a=null,o=!1,h=null,d=!1,r=null,l=!1;class n{constructor(i){this.el=i,this.imageSizesOkay=!0,this.lightbox=null,this.activeIndex=0,this.main=i.querySelector(".media-gallery--main-image"),this.mainImg=i.querySelector(".media-gallery--main-image figure img"),this.mainImgFigCaption=i.querySelector(".media-gallery--main-image figure figcaption"),this.videos=[],this.videoIndex=-1,this.items=[];let e=i.querySelectorAll("ul li a");this.loop=e.length>1,null!=e&&[...e].forEach((i,e)=>{if(i.hasAttribute("data-pswp-video-id")){let t=i.dataset.pswpVideoId;this.items[e]={isVideo:!0,videoReady:!1,el:i,img:i.querySelector("img"),alt:i.querySelector("figcaption").innerText,figCaptionHTML:i.querySelector("figcaption").innerHTML},i.classList.contains("youtube")?(d||"undefined"!=typeof YT||d||(d=!0,h=document.createElement("script"),h.type="text/javascript",h.src="https://www.youtube.com/iframe_api",h.async=!0,document.head.appendChild(h)),this.items[e].videoType="youtube",this.items[e].iframeId=`youtube--${t}`,this.items[e].html=`<div class="pswp-video-wrapper"><div class="ratio ${i.classList.contains("portrait")?"ratio-9x16":"ratio-16x9"}"><iframe id="youtube--${t}" ${i.classList.contains("portrait")?'width="400" height="560"':'width="560" height="400"'} src="https://www.youtube-nocookie.com/embed/${t}?enablejsapi=1&rel=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen=""></iframe></div></div>`):i.classList.contains("ignite")?(l||(l=!0,r=document.createElement("script"),r.type="text/javascript",r.src="https://cdn.embed.ly/player-0.1.0.min.js",r.async=!0,document.head.appendChild(r)),this.items[e].videoType="ignite",this.items[e].iframeId=`ignite--${t}`,this.items[e].html=`<div class="pswp-video-wrapper"><div class="ratio ${i.classList.contains("portrait")?"ratio-9x16":"ratio-16x9"}"><iframe id="ignite--${t}" ${i.classList.contains("portrait")?'width="400" height="560"':'width="560" height="400"'} src="https://play.ignite.video/player/index.html?id=${t}&fit=cover" title="Ignite video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen=""></iframe></div></div>`):(o||(o=!0,a=document.createElement("script"),a.type="text/javascript",a.src="https://player.vimeo.com/api/player.js",a.async=!0,document.head.appendChild(a)),this.items[e].videoType="vimeo",this.items[e].iframeId=`vimeo--${t}`,this.items[e].html=`<div class="pswp-video-wrapper"><div class="ratio ${i.classList.contains("portrait")?"ratio-9x16":"ratio-16x9"}"><iframe id="vimeo--${t}" ${i.classList.contains("portrait")?'width="400" height="560"':'width="560" height="400"'} src="https://player.vimeo.com/video/${t}?dnt=1" title="Vimeo video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen=""></iframe></div></div>`),this.imageSizesOkay=!0}else{let t=i.dataset.pswpWidth,s=i.dataset.pswpHeight;this.items[e]={isVideo:!1,el:i,src:i.getAttribute("href"),width:parseFloat(t)>0?parseFloat(t):0,height:parseFloat(s)>0?parseFloat(s):0,img:i.querySelector("img"),alt:i.querySelector("figcaption").innerText,figCaptionHTML:i.querySelector("figcaption").innerHTML},this.imageSizesOkay=this.items[e].width>0&&this.items[e].height>0}}),this.main.onclick=i=>{i.stopPropagation(),i.preventDefault(),this.imageSizesOkay?this.createLightbox(this.activeIndex):this.getImageDimensions(this.activeIndex)};for(var t=0;t<this.items.length;t++){let i=t;this.items[t].el.onclick=e=>{e.stopPropagation(),e.preventDefault(),this.setActiveThumbnail(i)}}this.items[this.activeIndex].el.classList.add("active"),this.mainImg.setAttribute("sizes",`${this.main.offsetWidth}px`)}getImageDimensions(i){if(!this.items[i].isVideo)if(0==this.items[i].width||0==this.items[i].height){this.items[i].image=new Image,this.items[i].image.onload=()=>{this.imageLoaded(i,!0)},this.items[i].image.src=this.items[i].src}else this.createLightbox(i);for(var e=0;e<this.items.length;e++)if(e!==i&&!this.items[e].isVideo&&(0==this.items[e].width||0==this.items[e].height)){let i=e;this.items[e].image=new Image,this.items[e].image.onload=()=>{this.imageLoaded(i,!1)},this.items[e].image.src=this.items[e].src}}imageLoaded(i,e){let t=this.items[i].image.width,s=this.items[i].image.height;this.items[i].width=t,this.items[i].height=s,e?this.createLightbox():(this.lightbox.options.dataSource[i].width=t,this.lightbox.options.dataSource[i].height=s,this.lightbox.refreshSlideContent(i))}createLightbox(){let i=this;this.lightbox=new s.A({dataSource:this.items,loop:this.loop,index:this.activeIndex}),this.lightbox.on("openingAnimationEnd",()=>{window.requestAnimationFrame(()=>

1{this.videos=[],this.videoIndex=-1,this.items.forEach((i,e)=>{if(i.isVideo&&null==this.videos[e])if("youtube"==i.videoType)this.videos[e]=new YT.Player(i.iframeId,{events:{onReady:()=>{i.videoReady=!0,this.lightbox.currSlide.index==e&&(this.videoIndex=e,this.videos[e].playVideo())}}});else if("ignite"==i.videoType){let t=document.querySelector(`#${i.iframeId}`);null!=t&&(this.videos[e]=new playerjs.Player(t),this.lightbox.currSlide.index==e&&(this.videoIndex=e,this.videos[e].on("ready",()=>{i.videoReady=!0,this.videos[e].play()})))}else{let t=document.querySelector(`#${i.iframeId}`);null!=t&&(this.videos[e]=new Vimeo.Player(t),i.videoReady=!0,this.lightbox.currSlide.index==e&&(this.videoIndex=e,this.videos[e].play()))}})})}),this.lightbox.on("change",()=>{let e=this.lightbox.currSlide.index;if(this.setActiveThumbnail(e),this.videoIndex>-1&&this.videoIndex!=e&&null!=this.videos[this.videoIndex]){let i=this.videos[this.videoIndex];"youtube"==this.items[this.videoIndex].videoType?i.pauseVideo():"ignite"==this.items[this.videoIndex].videoType?i.getPaused(e=>{e||i.pause()}):i.getPaused().then(function(e){e||i.pause()}),this.videoIndex=-1}this.items[e].isVideo&&null!=this.videos[e]&&("youtube"==this.items[e].videoType?this.items[e].videoReady?this.videos[e].playVideo():this.videos[e]=new YT.Player(this.items[e].iframeId,{events:{onReady:()=>{this.items[e].videoReady=!0,this.lightbox.currSlide.index==e&&(this.videos[e].playVideo(),this.videoIndex=e)}}}):"ignite"==this.items[e].videoType?this.items[e].videoReady?i.videos[e].getPaused(t=>{t&&i.videos[e].play()}):this.videos[e].on("ready",()=>{i.items[e].videoReady=!0,i.videos[e].play()}):"vimeo"==this.items[e].videoType&&this.items[e].videoReady&&this.videos[e].getPaused().then(function(t){t&&i.videos[e].play()}),this.videoIndex=e)}),this.lightbox.init()}setActiveThumbnail(i){this.items[this.activeIndex].el.classList.remove("active"),this.items[i].el.classList.add("active"),this.mainImg.setAttribute("src",this.items[i].img.dataset.src),this.mainImg.setAttribute("srcset",this.items[i].img.dataset.srcset),this.mainImg.setAttribute("alt",this.items[i].img.getAttribute("alt")),this.mainImg.setAttribute("sizes",`${this.main.offsetWidth}px`),this.mainImgFigCaption.innerHTML=this.items[i].figCaptionHTML,this.main.classList.toggle("video",this.items[i].isVideo),this.activeIndex=i}}function m(i){i.forEach(i=>{1===i.nodeType&&new n(i)})}}}]);