1import{formatCountdown,parseCountdownDate,startCountdown}from"@lyle/countdown";class LyleHeroBanner extends HTMLElement{#stopCountdowns=[];#videoObserver;connectedCallback(){this.#initCountdowns(),this.#initVideo()}disconnectedCallback(){window.removeEventListener("load",this.#loadVideo),this.#videoObserver?.disconnect();for(const stop of this.#stopCountdowns)stop();this.#stopCountdowns=[]}#initCountdowns(){const containers=this.querySelectorAll("[data-hero-banner-countdown-container]");for(const container of containers)this.#bindCountdown(container)}#bindCountdown(container){const countdownElement=container.querySelector("[data-hero-banner-countdown]");if(!countdownElement)return;const endDate=parseCountdownDate(container.dataset.countdown);if(!endDate)return;const stop=startCountdown(endDate,timeLeft=>{container.dataset.countdownState="running",countdownElement.textContent=formatCountdown(timeLeft)},()=>{container.dataset.countdownState="ended",countdownElement.textContent=formatCountdown(0)});this.#stopCountdowns.push(stop)}#initVideo(){const video=this.querySelector("[data-hero-banner-video]");if(!video)return;const loadAfterPage=()=>{document.readyState==="complete"?this.#loadVideo():window.addEventListener("load",this.#loadVideo,{once:!0})};this.#videoObserver=new IntersectionObserver(entries=>{entries.some(({isIntersecting})=>isIntersecting)&&(this.#videoObserver.disconnect(),loadAfterPage())},{rootMargin:"200px"}),this.#videoObserver.observe(video)}#loadVideo=()=>{const video=this.querySelector("[data-hero-banner-video]"),sources=video?.querySelectorAll("source[data-src]");if(sources?.length){for(const source of sources)source.src=source.dataset.src,delete source.dataset.src;video.load(),video.play().catch(()=>{})}}}customElements.get("lyle-hero-banner")||customElements.define("lyle-hero-banner",LyleHeroBanner); 2//# sourceMappingURL=/cdn/shop/t/458/assets/lyle-hero-banner.js.map?v=181688573666601474351788364387
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.