1import{r as i}from"./stimulus-Bkrre4tp-2.js";import{n}from"./stimulus-helpers-CGP3z6VC-2.js";import{v as s}from"./ez-custom-events-B-lrmu9N-2.js";var g=class extends i{constructor(...a){super(...a),this.rangeChange=()=>{this.updateSliderPosition()},this.updateSliderPosition=(e=this.rangeSliderTarget.value)=>{this.beforeImageTarget.style.clipPath=`inset(0 ${100-e}% 0 0)`,this.dividerTarget.style.left=`${e}%`,this.rangeSliderTarget.value=e},this.swapComparsionImagesSources=e=>{const{before:r,after:t}=e.detail;Object.assign(this.beforeImageTarget,{src:r.src,srcset:r.srcset}),Object.assign(this.afterImageTarget,{src:t.src,srcset:t.srcset}),this.updateSliderPosition(50)}}static{this.targets=["divider","rangeSlider","beforeImage","afterImage"]}connect(){this.rangeSliderTarget.addEventListener("input",this.rangeChange),this.rangeSliderTarget.addEventListener("change",this.rangeChange),window.addEventListener(s,this.swapComparsionImagesSources)}disconnect(){this.rangeSliderTarget.removeEventListener("input",this.rangeChange),this.rangeSliderTarget.removeEventListener("change",this.rangeChange),window.removeEventListener(s,this.swapComparsionImagesSources)}};n({name:"image-comparison",import:g});export{g as default};
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.