import{e as d}from"../chunks/B411ESUr.min.js";import{r as c,i as u,x as l,t as b}from"../chunks/BR4fxmeU.min.js";import{n as p}from"../chunks/BKQw7CDm.min.js";const v='@layer component{.photosImageComparison{--photos-image-comparison-scrubber-size: 60px;--photos-image-comparison-scrubber-image-size: 26px 16px;--photos-image-comparison-divider-width: 4px;--photos-image-comparison-scrubber-distance-from-bottom: 80px;width:100%;height:100%;overflow:hidden;position:relative}@media (max-width: 599.98px){.photosImageComparison{--photos-image-comparison-scrubber-size: 46px;--photos-image-comparison-scrubber-image-size: 22px 14px;--photos-image-comparison-divider-width: 3px;--photos-image-comparison-scrubber-distance-from-bottom: 72px}}.photosImageComparison figure{background-image:var(--right-image-desktop);background-position:top left;background-size:cover;position:relative;font-size:0;width:100%;height:100%;margin:0}@media (min-width: 600px) and (max-width: 1023.98px){.photosImageComparison figure{background-image:var(--right-image-tablet, var(--right-image-desktop))}}@media (max-width: 599.98px){.photosImageComparison figure{background-image:var(--right-image-mobile, var(--right-image-desktop))}}.photosImageComparison figure>img{position:relative;width:100%;height:100%}.photosImageComparison figure div{background-image:var(--left-image-desktop);background-size:cover;position:absolute;width:50%;overflow:hidden;bottom:0;height:100%;box-shadow:inset calc(0px - .5 * var(--photos-image-comparison-divider-width)) 0 0 0 #fff;border-right:calc(.5 * var(--photos-image-comparison-divider-width)) solid #FFFFFF}.photosImageComparison figure div[data-position="0"],.photosImageComparison figure div[data-position="100"]{box-shadow:none;border-right:0}@media (min-width: 600px) and (max-width: 1023.98px){.photosImageComparison figure div{background-image:var(--left-image-tablet, var(--left-image-desktop))}}@media (max-width: 599.98px){.photosImageComparison figure div{background-image:var(--left-image-mobile, var(--left-image-desktop))}}input[type=range]{-webkit-appearance:none;-moz-appearance:none;position:absolute;top:0;left:calc(0px - (var(--photos-image-comparison-scrubber-size) * .5 + var(--photos-image-comparison-divider-width) * .5));background-color:transparent;width:calc(100% + var(--photos-image-comparison-scrubber-size) + var(--photos-image-comparison-divider-width) * .5);height:200%;transform:translateY(calc(0px - (var(--photos-image-comparison-scrubber-size) * .5 + var(--photos-image-comparison-scrubber-distance-from-bottom))))}input[type=range]:focus{outline:none}input[type=range]:active{outline:none}input[type=range]::-moz-range-track{-moz-appearance:none;height:100%;width:98%;background-color:transparent;position:relative;outline:none}input[type=range]:active{border:none;outline:none}input[type=range]::-webkit-slider-thumb{-moz-appearance:none;-webkit-appearance:none;width:var(--photos-image-comparison-scrubber-size);height:var(--photos-image-comparison-scrubber-size);background:#fff;border-radius:50%;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI2IDhMMTUuNSAxNC45MjgyTDE1LjUgMS4wNzE4TDI2IDhaIiBmaWxsPSIjMjAyMTI0Ii8+CjxwYXRoIGQ9Ik05LjUzOTllLTA4IDhMMTAuNSAxLjA3MThMMTAuNSAxNC45MjgyTDkuNTM5OWUtMDggOFoiIGZpbGw9IiMyMDIxMjQiLz4KPC9zdmc+Cg==);background-repeat:no-repeat;background-position:center;background-size:var(--photos-image-comparison-scrubber-image-size);transition:background-color .3s ease;cursor:pointer}input[type=range]::-moz-range-thumb{-moz-appearance:none;-webkit-appearance:none;width:var(--photos-image-comparison-scrubber-size);height:var(--photos-image-comparison-scrubber-size);background:#fff;border-radius:50%;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI2IDhMMTUuNSAxNC45MjgyTDE1LjUgMS4wNzE4TDI2IDhaIiBmaWxsPSIjMjAyMTI0Ii8+CjxwYXRoIGQ9Ik05LjUzOTllLTA4IDhMMTAuNSAxLjA3MThMMTAuNSAxNC45MjgyTDkuNTM5OWUtMDggOFoiIGZpbGw9IiMyMDIxMjQiLz4KPC9zdmc+Cg==);background-repeat:no-repeat;background-position:center;background-size:var(--photos-image-comparison-scrubber-image-size);transition:background-color .3s ease;cursor:pointer}input[type=range]::-webkit-slider-thumb:hover{background-color:#dadce0}input[type=range]::-moz-range-thumb:hover{background-color:#dadce0}}';var I=Object.defineProperty,f=Object.getOwnPropertyDescriptor,s=(i,t,a,n)=>{for(var r=n>1?void 0:n?f(t,a):t,m=i.length-1,e;m>=0;m--)(e=i[m])&&(r=(n?e(t,a,r):e(r))||r);return n&&r&&I(t,a,r),r};let o=class extends u{constructor(){super(...arguments),this.animationPositions=[]}firstUpdated(){this.divider=this.shadowRoot.querySelector(".divider"),this.slider=this.shadowRoot.querySelector(".slider"),this.style.setProperty("--left-image-desktop",`url(${this.leftImageDesktop})`),this.style.setProperty("--left-image-tablet",`url(${this.leftImageTablet})`),this.style.setProperty("--left-image-mobile",`url(${this.leftImageMobile})`),this.style.setProperty("--right-image-desktop",`url(${this.rightImageDesktop})`),this.style.setProperty("--right-image-tablet",`url(${this.rightImageTablet})`),this.style.setProperty("--right-image-mobile",`url(${this.rightImageMobile})`),this.slider?.addEventListener("input",()=>{this.moveDivider()}),this.scrubStartPositionPercentage&&this.animationPositions.push({position:parseInt(this.scrubStartPositionPercentage)}),this.resetDivider(),this.setupInviewLoad()}setupInviewLoad(){const i=()=>{this.inviewObserver.state().inview?this.animationPositions.reduce((t,a)=>t.then(()=>this.animateDivider(a.position,a.duration)),Promise.resolve()):this.resetDivider()};this.inviewObserver=d.inview(this,{threshold:0,rootMargin:"0px"},i),this.inviewObserver.readyPromise.then(i)}animateDivider(i,t=1e3){if(!this.divider||!this.slider)return;const a=performance.now(),n=parseFloat(this.slider.value),r=e=>e<.5?4*e*e*e:(e-1)*(2*e-2)*(2*e-2)+1,m=e=>{const g=Math.min((e-a)/t,1),h=r(g);this.slider.value=(n+(i-n)*h).toString(),this.moveDivider(),g<1&&requestAnimationFrame(m)};return requestAnimationFrame(m),new Promise(e=>{setTimeout(()=>{e()},t)})}resetDivider(){this.animationPositions.length>0&&this.moveDivider(this.animationPositions[0].position)}moveDivider(i){i&&(this.slider.value=i.toString()),this.divider.style.width=this.slider.value+"%",this.divider.setAttribute("data-position",this.slider.value)}render(){return l`
`}};o.styles=c(v);s([p()],o.prototype,"scrubStartPositionPercentage",2);s([p()],o.prototype,"leftImageDesktop",2);s([p()],o.prototype,"leftImageTablet",2);s([p()],o.prototype,"leftImageMobile",2);s([p()],o.prototype,"rightImageDesktop",2);s([p()],o.prototype,"rightImageTablet",2);s([p()],o.prototype,"rightImageMobile",2);o=s([b("photos-image-comparison")],o);