https://reifen1plus.com/_nuxt/B1wjSuvl.js

1import{v as N,K as m,U as x,y as M,z as L,A as p,a1 as y,B as v,a7 as z,a8 as R,a0 as _,$ as D,J as F}from"./qHTv0qqf.js";const X=["onMousedown","onTouchstart"],j=N({__name:"SliderDual",props:{min:{},max:{},modelValue:{},step:{default:1}},emits:["update:modelValue"],setup(h,{emit:E}){const T=E,t=h,c=m(null),r=m(""),l=m(t.modelValue[0]),u=m(t.modelValue[1]);let s=null;x(()=>t.modelValue,()=>{l.value=t.modelValue[0],u.value=t.modelValue[1]});const k=n=>{const o=(n-t.min)/(t.max-t.min)*100;let e=Number.isNaN(o)||o<0?0:o;return e=Math.min(e,100),{left:`calc(${e}% - 8px)`}},B=n=>{if(!c.value)return;const o=c.value.getBoundingClientRect(),e=(n.clientX-o.left)/o.width*(t.max-t.min)+t.min,a=Math.abs(e-l.value),i=Math.abs(e-u.value);a<i?d("lower",e):d("upper",e)},C=n=>{r.value=n,s=c.value?.getBoundingClientRect()??null,document.addEventListener("mousemove",w),document.addEventListener("mouseup",b)},P=n=>{r.value=n,s=c.value?.getBoundingClientRect()??null,document.addEventListener("touchmove",g,{passive:!0}),document.addEventListener("touchend",V)},w=n=>{f(n.clientX)},f=n=>{if(!s||!r.value)return;const o=(n-s.left)/s.width*(t.max-t.min)+t.min;d(r.value,o)},g=n=>{f(n.touches[0]?.clientX??0)},b=()=>{document.removeEventListener("mousemove",w),document.removeEventListener("mouseup",b),r.value="",s=null},V=()=>{document.removeEventListener("touchmove",g),document.removeEventListener("touchend",V),r.value="",s=null},S=(n,o,e)=>{const a=Math.round((n-e)/o)*o+e;return Number.parseFloat(a.toFixed(10))},d=(n,o)=>{let e=Math.max(t.min,Math.min(o,t.max));e=S(e,t.step,t.min),n==="lower"?l.value=Math.min(e,u.value):u.value=Math.max(e,l.value),T("update:modelValue",[l.value,u.value])};x(()=>t.modelValue,(n,o)=>{const[e,a]=n,[i,$]=o;e!==i&&d("lower",e),a!==$&&d("upper",a)});const U=F(()=>{const n=(l.value-t.min)/(t.max-t.min)*100,o=(u.value-t.min)/(t.max-t.min)*100,e=n<0?0:n,i=(o>100?100:o)-e;return{left:`${e}%`,width:`${i}%`}});return(n,o)=>(M(),L("div",{ref_key:"container",ref:c,class:"w-full h-5 relative",onClick:B},[o[0]||(o[0]=p("div",{class:"absolute w-full h-2 -translate-y-2 bg-surface-200 top-1/2"},null,-1)),p("div",{class:"absolute h-2 -translate-y-2 bg-brand top-1/2",style:y(v(U))},null,4),(M(),L(z,null,R(["lower","upper"],e=>p("div",{key:e,class:D(["absolute w-5 h-5 border border-2 border-brand bg-white rounded-full drop-shadow-lg -translate-y-1/6 index",[{"z-10":e==="lower"&&v(l)===h.max}]]),style:y(k(e==="lower"?v(l):v(u))),onMousedown:_(a=>C(e),["prevent"]),onTouchstart:_(a=>P(e),["prevent"])},null,46,X)),64))],512))}}),J=Object.assign(j,{__name:"SliderDual"});export{J as default};