1import{u as h,a as l,r as c,n as o,t as d,e as i}from"./index-Cn-q3e7r.js";import"./evx.es-D_-Lbk8t.js";import{g}from"./media-queries-CokWIw5y.js";import{d as p}from"./delay-offset-BYAArl0V.js";import{s as u}from"./shouldAnimate-DivGpKBN.js";const _={animation:"animation--image-compare"},t={introductionItems:".animation--section-introduction > *",image:".image_compare__image-wrapper .image__img",labels:".image-compare__label-container",sliderLine:".image-compare__slider-line",sliderButton:".image-compare__slider-button"},b=e=>{p(e,[t.introductionItems,t.image,t.labels,t.sliderLine,t.sliderButton]);const s=window.matchMedia(g("above-720")).matches?200:100,n=Math.min(s/e.offsetHeight,.5),a=new IntersectionObserver(([{isIntersecting:m}])=>{m&&(h(e,"is-visible"),setTimeout(()=>{l(e,_.animation)},1200),a.disconnect())},{threshold:n});return a.observe(e),{destroy(){a.destroy()}}},r={imageContainer:".image-compare__image-container",labelContainer:".image-compare__label-container",slider:".image-compare__slider"};c("image-compare",{onLoad(){this.events=[],this._initSliders(),this._updateDescriptionHeight();let e;window.addEventListener("resize",()=>{clearTimeout(e),e=setTimeout(()=>{this._updateDescriptionHeight()},300)}),u(this.container)&&(this.animateImageCompare=b(this.container))},_updateDescriptionHeight(){this.imageContainer&&(this.imageDescription=window.getComputedStyle(this.imageContainer,"::after"),this.imageDescription&&(this.height=this.imageDescription.getPropertyValue("height"),this.container.style.setProperty("--image-description-height",this.height)))},_initSliders(){this.imageContainer=o(r.imageContainer,this.container),this.labelContainers=d(r.labelContainer,this.container),this.slider=o(r.slider,this.container),this.slider&&this.events.push(i(this.slider,"input",e=>this.imageContainer.style.setProperty("--position",`${e.target.value}%`)),i(this.slider,"mousedown",()=>this.hideLabelContainers()),i(this.slider,"touchstart",()=>this.hideLabelContainers()),i(this.slider,"mouseup",()=>this.showLabelContainers()),i(this.slider,"touchend",()=>this.showLabelContainers()))},hideLabelContainers(){this.labelContainers.forEach(e=>{e.style.setProperty("opacity","0")})},showLabelContainers(){this.labelContainers.forEach(e=>{e.style.setProperty("opacity","1")})},onUnload(){var e;this.events.forEach(s=>s()),(e=this.animateImageCompare)==null||e.destroy()}});
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.