1(self.webpackChunkapp_project=self.webpackChunkapp_project||[]).push([[6586],{31502:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>o});const i=s(21032).Z;class o extends i{}},21032:(e,t,s)=>{"use strict";s.d(t,{Z:()=>l});var i=s(12737);const o=s(11253).Z,n=s(38302).Z;class l extends n{constructor(e){if(super(e),this.videoDesktop=this.element.querySelector(".js-static-plp-1-video-desktop"),this.videoMobile=this.element.querySelector(".js-static-plp-1-video-mobile"),this.playBtn=this.element.querySelector(".js-custom-play"),this.pauseBtn=this.element.querySelector(".js-custom-pause"),this.currentVideo=null,this.videoDesktop||this.videoMobile){var t=o.getCurrentBreakPoint();this.loadVisibleVideo("xlarge"!==t&&"xxlarge"!==t),i.Z.on("breakpoint:change",(e=>{this.loadVisibleVideo("xlarge"!==e.currentBreakpoint&&"xxlarge"!==e.currentBreakpoint)})),this.initVideoControls()}}loadVisibleVideo(e){const t=this.isElementVisible(".content-asset-desktop"),s=this.isElementVisible(".content-asset-mobile");e&&s&&this.videoMobile?this.loadVideo(this.videoMobile):!e&&t&&this.videoDesktop&&this.loadVideo(this.videoDesktop)}isElementVisible(e){const t=document.querySelector(e);return t&&t.offsetWidth>0&&t.offsetHeight>0}loadVideo(e){e&&(this.currentVideo&&(this.currentVideo.pause(),this.currentVideo.classList.remove("lazyload")),e.classList.add("lazyload"),e.load(),this.currentVideo=e)}initVideoControls(){this.playBtn.addEventListener("click",(()=>{this.currentVideo.paused&&(this.currentVideo.play(),this.pauseBtn.classList.remove("d-none"),this.playBtn.classList.add("d-none"))})),this.pauseBtn.addEventListener("click",(()=>{this.currentVideo.paused||(this.currentVideo.pause(),this.pauseBtn.classList.add("d-none"),this.playBtn.classList.remove("d-none"))}))}}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.