https://harmonizedhealthandwealth.com/_nuxt/D_1tWF2a.js

1import{u as b}from"./DvJT-m7N.js";import{i as p,a as w,d as k,f as n,o as C,e as s,n as c,j as L}from"./Do1nZpFk.js";import"./DZKjVPmg.js";import"./BM5aYONo.js";const B={key:0,class:"d-contents overflow-hidden"},I=["src"],S=["src"],R={__name:"CompareSliderV2",props:{section:{type:Object,required:!0}},setup(o){const g=o,a=p("50%"),f=p(!1),d=p(null),{visability:$}=b(g),y=e=>{f.value=!0,e.type==="mousedown"?(document.addEventListener("mousemove",r),document.addEventListener("mouseup",m)):e.type==="touchstart"&&(document.addEventListener("touchmove",r,{passive:!1}),document.addEventListener("touchend",m))},u=g.section.options.content.compare.vertical,r=(e,l=!1)=>{if(!f.value&&!l)return;e.type==="touchmove"&&e.preventDefault();const i=d.value.getBoundingClientRect(),E=[d.value.querySelector(".el-compare-slider-content"),d.value.querySelector(".handler")];l?E.forEach(t=>t.style.transition=".25s ease-out"):E.forEach(t=>t.style.transition=null);let h,v;if(e.type==="mousemove"||e.type==="mousedown"?(h=e.pageX,v=e.clientY):(e.type==="touchmove"||e.type==="touchstart")&&(h=e.touches[0].pageX,v=e.touches[0].clientY),u){const t=(v-i.top)/i.height*100;if(t<0||t>100)return;a.value=`${t}%`}else{const t=(h-i.left)/i.width*100;if(t<0||t>100)return;a.value=`${t}%`}},m=()=>{f.value=!1,document.removeEventListener("mousemove",r),document.removeEventListener("mouseup",m),document.removeEventListener("touchmove",r),document.removeEventListener("touchend",m)};return(e,l)=>n($)("compare")?(C(),w("div",B,[s("div",{class:c(`--${o.section.sid}--wrapper`)},[s("div",{class:c(["d-flex w-full justify-center",`--${o.section.sid}--container`])},[s("div",{class:c(["el-compare-slider",[`--${o.section.sid}--compare-slider`,{vertical:n(u)}]]),onMousedown:y,onTouchstart:y,onClick:l[0]||(l[0]=i=>r(i,!0)),ref_key:"$el",ref:d},[s("div",{class:"el-compare-slider-content",style:L({...n(u)?{height:n(a)}:{width:n(a)}})},[s("img",{src:o.section.options.content.compare.afterImageURL,alt:"After Image",class:"after-image",draggable:"false"},null,8,I)],4),s("img",{src:o.section.options.content.compare.beforeImageURL,alt:"Before Image",class:"before-image",draggable:"false"},null,8,S),s("div",{class:c(["handler",[`--${o.section.sid}--handler`]]),style:L({...n(u)?{top:n(a)}:{left:n(a)}})},[s("div",{class:c(["handler-button",[`--${o.section.sid}--handler-button`]])},[s("i",{class:c(["handler-icon",[o.section.options.content.compare.handleIcon,`--${o.section.sid}--handler-icon`]])},null,2)],2)],6)],34)],2)],2)])):k("",!0)}};export{R as default};