| 1 |
- import{v as L,d as j,U as w,ar as q,G as x,X as J,bb as Q,a2 as W,c as y,D as B,H as z,b0 as E,av as X,a6 as Z,bO as p,bc as ee,ba as te,a_ as ae,z as ne}from"./ResizeObserver.es.7b3c8c20.js";const[re,f]=L("slider"),ie={min:B(0),max:B(100),step:B(1),range:Boolean,reverse:Boolean,disabled:Boolean,readonly:Boolean,vertical:Boolean,barHeight:z,buttonSize:z,activeColor:String,inactiveColor:String,modelValue:{type:[Number,Array],default:0}};var le=j({name:re,props:ie,emits:["change","dragEnd","dragStart","update:modelValue"],setup(t,{emit:b,slots:V}){let S,o,u;const N=w(),A=w(),c=w(),g=q(),m=x(()=>Number(t.max)-Number(t.min)),_=x(()=>{const e=t.vertical?"width":"height";return{background:t.inactiveColor,[e]:J(t.barHeight)}}),s=e=>t.range&&Array.isArray(e),D=()=>{const{modelValue:e,min:a}=t;return s(e)?`${(e[1]-e[0])*100/m.value}%`:`${(e-Number(a))*100/m.value}%`},H=()=>{const{modelValue:e,min:a}=t;return s(e)?`${(e[0]-Number(a))*100/m.value}%`:"0%"},M=x(()=>{const a={[t.vertical?"height":"width"]:D(),background:t.activeColor};c.value&&(a.transition="none");const n=()=>t.vertical?t.reverse?"bottom":"top":t.reverse?"right":"left";return a[n()]=H(),a}),v=e=>{const a=+t.min,n=+t.max,i=+t.step;e=ae(e,a,n);const r=Math.round((e-a)/i)*i;return ee(a,r)},R=e=>{var a,n;const i=(a=e[0])!=null?a:Number(t.min),r=(n=e[1])!=null?n:Number(t.max);return i>r?[r,i]:[i,r]},d=(e,a)=>{s(e)?e=R(e).map(v):e=v(e),E(e,t.modelValue)||b("update:modelValue",e),a&&!E(e,u)&&b("change",e)},Y=e=>{if(e.stopPropagation(),t.disabled||t.readonly)return;const{min:a,reverse:n,vertical:i,modelValue:r}=t,l=X(N),F=()=>i?n?l.bottom-e.clientY:e.clientY-l.top:n?l.right-e.clientX:e.clientX-l.left,G=i?l.height:l.width,h=Number(a)+F()/G*m.value;if(s(r)){const[T,k]=r,K=(T+k)/2;h<=K?d([h,k],!0):d([T,h],!0)}else d(h,!0)},$=e=>{t.disabled||t.readonly||(g.start(e),o=t.modelValue,s(o)?u=o.map(v):u=v(o),c.value="start")},I=e=>{if(t.disabled||t.readonly)return;c.value==="start"&&b("dragStart",e),Z(e,!0),g.move(e),c.value="dragging";const a=X(N),n=t.vertical?g.deltaY.value:g.deltaX.value,i=t.vertical?a.height:a.width;let r=n/i*m.value;if(t.reverse&&(r=-r),s(u)){const l=t.reverse?1-S:S;o[l]=u[l]+r}else o=u+r;d(o)},P=e=>{t.disabled||t.readonly||(c.value==="dragging"&&(d(o,!0),b("dragEnd",e)),c.value="")},O=e=>typeof e=="number"?f("button-wrapper",["left","right"][e]):f("button-wrapper",t.reverse?"left":"right"),U=(e,a)=>{if(typeof a=="number"){const n=V[a===0?"left-button":"right-button"];if(n)return n({value:e})}return V.button?V.button({value:e}):y("div",{class:f("button"),style:te(t.buttonSize)},null)},C=e=>{const a=typeof e=="number"?t.modelValue[e]:t.modelValue;return y("div",{ref:A,role:"slider",class:O(e),tabindex:t.disabled?void 0:0,"aria-valuemin":t.min,"aria-valuenow":a,"aria-valuemax":t.max,"aria-disabled":t.disabled||void 0,"aria-readonly":t.readonly||void 0,"aria-orientation":t.vertical?"vertical":"horizontal",onTouchstartPassive:n=>{typeof e=="number"&&(S=e),$(n)},onTouchend:P,onTouchcancel:P,onClick:p},[U(a,e)])};return d(t.modelValue),Q(()=>t.modelValue),W("touchmove",I,{target:A}),()=>y("div",{ref:N,style:_.value,class:f({vertical:t.vertical,disabled:t.disabled}),onClick:Y},[y("div",{class:f("bar"),style:M.value},[t.range?[C(0),C(1)]:C()])])}});const ue=ne(le);export{ue as S};
|
