https://www.listening.com/assets/slider-0TgSM8vf.js

1import{a as e,n as t,t as n}from"./jsx-runtime-D3jfb0Ew.js";import{t as r}from"./compiler-runtime-DPI-XUKY.js";import{t as i}from"./react-helpers-C5OeIvDv.js";import{i as a}from"./dist-4odRreNu.js";import{t as o}from"./dist-8Hn8bRnR.js";import{i as s,n as c}from"./dist-DHbNWuZ1.js";import{t as l}from"./dist--MUyTLDT.js";import{t as u}from"./dist-DzsE4DlH.js";import{t as d}from"./dist-DSYYm7Tx.js";import{t as f}from"./dist-D8Wfxh48.js";import{t as p}from"./dist-BcEoxk9i.js";import{t as m}from"./dist-CwUX2aZh.js";var h=r(),g=e(t(),1),_=e(n(),1),v=Object.defineProperty,y=(e,t)=>v(e,`name`,{value:t,configurable:!0}),b=[`PageUp`,`PageDown`],x=[`ArrowUp`,`ArrowDown`,`ArrowLeft`,`ArrowRight`],S={"from-left":[`Home`,`PageDown`,`ArrowDown`,`ArrowLeft`],"from-right":[`Home`,`PageDown`,`ArrowDown`,`ArrowRight`],"from-bottom":[`Home`,`PageDown`,`ArrowDown`,`ArrowLeft`],"from-top":[`Home`,`PageDown`,`ArrowUp`,`ArrowLeft`]},C=`Slider`,[w,T,E]=m(C),[D,O]=s(C,[E]),[ee,k]=D(C),A=g.forwardRef(y(function(e,t){let{name:n,min:r=0,max:i=100,step:s=1,orientation:c=`horizontal`,disabled:l=!1,minStepsBetweenThumbs:d=0,defaultValue:p=[r],value:m,onValueChange:h=y(()=>{},`onValueChange`),onValueCommit:v=y(()=>{},`onValueCommit`),inverted:S=!1,form:C,...T}=e,E=g.useRef(new Set),D=g.useRef(0),O=g.useRef(!1),k=c===`horizontal`?te:ne,[A,j]=g.useState(null),M=a(t,j),[N=[],P]=u({prop:m,defaultProp:p,onChange:y(e=>{[...E.current][D.current]?.focus({preventScroll:!0,focusVisible:O.current}),O.current=!1,h(e)},`onChange`)}),F=g.useRef(N),I=g.useRef(N);g.useEffect(()=>{let e=C?A?.ownerDocument.getElementById(C):A?.closest(`form`);if(e instanceof HTMLFormElement){let t=y(()=>P(I.current),`reset`);return e.addEventListener(`reset`,t),()=>e.removeEventListener(`reset`,t)}},[A,C,P]);function L(e){B(e,K(N,e))}y(L,`handleSlideStart`);function R(e){B(e,D.current)}y(R,`handleSlideMove`);function z(){String(N)!==String(F.current)&&v(N)}y(z,`handleSlideEnd`);function B(e,t,{commit:n}={commit:!1}){let a=Z(s),o=Q(Math.round((e-r)/s)*s+r,a),c=f(o,[r,i]);P((e=[])=>{let r=U(e,c,t);if(Y(r,d*s)){D.current=r.indexOf(c);let t=String(r)!==String(e);return t&&n&&v(r),t?r:e}return e})}return y(B,`updateValues`),(0,_.jsx)(ee,{scope:e.__scopeSlider,name:n,disabled:l,min:r,max:i,valueIndexToChangeRef:D,thumbs:E.current,values:N,orientation:c,form:C,children:(0,_.jsx)(w.Provider,{scope:e.__scopeSlider,children:(0,_.jsx)(w.Slot,{scope:e.__scopeSlider,children:(0,_.jsx)(k,{"aria-disabled":l,"data-disabled":l?``:void 0,...T,ref:M,onPointerDown:o(T.onPointerDown,()=>{l||(F.current=N,O.current=!1)}),min:r,max:i,inverted:S,onSlideStart:l?void 0:L,onSlideMove:l?void 0:R,onSlideEnd:l?void 0:z,onHomeKeyDown:()=>{l||(O.current=!0,B(r,0,{commit:!0}))},onEndKeyDown:()=>{l||(O.current=!0,B(i,N.length-1,{commit:!0}))},onStepKeyDown:({event:e,direction:t})=>{if(!l){O.current=!0;let n=b.includes(e.key)||e.shiftKey&&x.includes(e.key)?10:1,i=D.current,a=N[i];B($(a,{min:r,step:s,direction:t,multiplier:n}),i,{commit:!0})}}})})})})},`Slider`)),[j,M]=D(C,{startEdge:`left`,endEdge:`right`,size:`width`,direction:1}),te=g.forwardRef(y(function(e,t){let{min:n,max:r,dir:i,inverted:o,onSlideStart:s,onSlideMove:c,onSlideEnd:l,onStepKeyDown:u,...f}=e,[p,m]=g.useState(null),h=a(t,m),v=g.useRef(void 0),b=d(i),x=b===`ltr`,C=x&&!o||!x&&o;function w(e){let t=v.current||p.getBoundingClientRect(),i=X([0,t.width],C?[n,r]:[r,n]);return v.current=t,i(e-t.left)}return y(w,`getValueFromPointer`),(0,_.jsx)(j,{scope:e.__scopeSlider,startEdge:C?`left`:`right`,endEdge:C?`right`:`left`,direction:C?1:-1,size:`width`,children:(0,_.jsx)(N,{dir:b,"data-orientation":`horizontal`,...f,ref:h,style:{...f.style,"--radix-slider-thumb-transform":`translateX(-50%)`},onSlideStart:e=>{let t=w(e.clientX);s?.(t)},onSlideMove:e=>{let t=w(e.clientX);c?.(t)},onSlideEnd:()=>{v.current=void 0,l?.()},onStepKeyDown:e=>{let t=S[C?`from-left`:`from-right`].includes(e.key);u?.({event:e,direction:t?-1:1})}})})},`SliderHorizontal`)),ne=g.forwardRef(y(function(e,t){let{min:n,max:r,inverted:i,onSlideStart:o,onSlideMove:s,onSlideEnd:c,onStepKeyDown:l,...u}=e,d=g.useRef(null),f=a(t,d),p=g.useRef(void 0),m=!i;function h(e){let t=p.current||d.current.getBoundingClientRect(),i=X([0,t.height],m?[r,n]:[n,r]);return p.current=t,i(e-t.top)}return y(h,`getValueFromPointer`),(0,_.jsx)(j,{scope:e.__scopeSlider,startEdge:m?`bottom`:`top`,endEdge:m?`top`:`bottom`,size:`height`,direction:m?1:-1,children:(0,_.jsx)(N,{"data-orientation":`vertical`,...u,ref:f,style:{...u.style,"--radix-slider-thumb-transform":`translateY(50%)`},onSlideStart:e=>{let t=h(e.clientY);o?.(t)},onSlideMove:e=>{let t=h(e.clientY);s?.(t)},onSlideEnd:()=>{p.current=void 0,c?.()},onStepKeyDown:e=>

1{let t=S[m?`from-bottom`:`from-top`].includes(e.key);l?.({event:e,direction:t?-1:1})}})})},`SliderVertical`)),N=g.forwardRef(y(function(e,t){let{__scopeSlider:n,onSlideStart:r,onSlideMove:i,onSlideEnd:a,onHomeKeyDown:s,onEndKeyDown:l,onStepKeyDown:u,...d}=e,f=k(C,n);return(0,_.jsx)(c.span,{...d,ref:t,onKeyDown:o(e.onKeyDown,e=>{e.key===`Home`?(s(e),e.preventDefault()):e.key===`End`?(l(e),e.preventDefault()):b.concat(x).includes(e.key)&&(u(e),e.preventDefault())}),onPointerDown:o(e.onPointerDown,e=>{let t=e.target;t.setPointerCapture(e.pointerId),e.preventDefault(),f.thumbs.has(t)?t.focus({preventScroll:!0,focusVisible:!1}):r(e)}),onPointerMove:o(e.onPointerMove,e=>{e.target.hasPointerCapture(e.pointerId)&&i(e)}),onPointerUp:o(e.onPointerUp,e=>{let t=e.target;t.hasPointerCapture(e.pointerId)&&(t.releasePointerCapture(e.pointerId),a(e))})})},`SliderImpl`)),P=`SliderTrack`,F=g.forwardRef(y(function(e,t){let{__scopeSlider:n,...r}=e,i=k(P,n);return(0,_.jsx)(c.span,{"data-disabled":i.disabled?``:void 0,"data-orientation":i.orientation,...r,ref:t})},`SliderTrack`)),I=`SliderRange`,L=g.forwardRef(y(function(e,t){let{__scopeSlider:n,...r}=e,i=k(I,n),o=M(I,n),s=g.useRef(null),l=a(t,s),u=i.values.length,d=i.values.map(e=>W(e,i.min,i.max)),f=u>1?Math.min(...d):0,p=100-Math.max(...d);return(0,_.jsx)(c.span,{"data-orientation":i.orientation,"data-disabled":i.disabled?``:void 0,...r,ref:l,style:{...e.style,[o.startEdge]:f+`%`,[o.endEdge]:p+`%`}})},`SliderRange`)),[R,z]=D(`SliderThumb`),B=`SliderThumbProvider`;function V(e){let{__scopeSlider:t,name:n,children:r,internal_do_not_use_render:i}=e,a=k(B,t),o=T(t),[s,c]=g.useState(null),u=g.useMemo(()=>s?o().findIndex(e=>e.ref.current===s):-1,[o,s]),d=l(s),f=!s||!!a.form||!!s.closest(`form`),p=a.values[u],m=n??(a.name?a.name+(a.values.length>1?`[]`:``):void 0),h=p===void 0?0:W(p,a.min,a.max);g.useEffect(()=>{if(s)return a.thumbs.add(s),()=>{a.thumbs.delete(s)}},[s,a.thumbs]);let v={value:p,name:m,form:a.form,isFormControl:f,index:u,thumb:s,onThumbChange:c,percent:h,size:d};return(0,_.jsx)(R,{scope:t,...v,children:se(i)?i(v):r})}y(V,`SliderThumbProvider`);var H=`SliderThumbTrigger`,re=g.forwardRef(y(function(e,t){let{__scopeSlider:n,...r}=e,i=k(H,n),s=M(H,n),{index:l,value:u,percent:d,size:f,onThumbChange:p}=z(H,n),m=a(t,p),h=G(l,i.values.length),g=f?.[s.size],v=g?q(g,d,s.direction):0;return(0,_.jsx)(`span`,{style:{transform:`var(--radix-slider-thumb-transform)`,position:`absolute`,[s.startEdge]:`calc(${d}% + ${v}px)`},children:(0,_.jsx)(w.ItemSlot,{scope:n,children:(0,_.jsx)(c.span,{role:`slider`,"aria-label":e[`aria-label`]||h,"aria-valuemin":i.min,"aria-valuenow":u,"aria-valuemax":i.max,"aria-orientation":i.orientation,"data-orientation":i.orientation,"data-disabled":i.disabled?``:void 0,tabIndex:i.disabled?void 0:0,...r,ref:m,style:u===void 0?{display:`none`}:e.style,onFocus:o(e.onFocus,()=>{i.valueIndexToChangeRef.current=l})})})})},`SliderThumbTrigger`)),ie=g.forwardRef(y(function(e,t){let{__scopeSlider:n,name:r,...i}=e;return(0,_.jsx)(V,{__scopeSlider:n,name:r,internal_do_not_use_render:({index:e,isFormControl:r})=>(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(re,{...i,ref:t,__scopeSlider:n}),r?(0,_.jsx)(oe,{__scopeSlider:n},e):null]})})},`SliderThumb`)),ae=`SliderBubbleInput`,oe=g.forwardRef(y(function({__scopeSlider:e,...t},n){let{value:r,name:i,form:o}=z(ae,e),s=g.useRef(null),l=a(s,n),u=p(r);return g.useEffect(()=>{let e=s.current;if(!e)return;let t=window.HTMLInputElement.prototype,n=Object.getOwnPropertyDescriptor(t,`value`).set;if(u!==r&&n){let t=new Event(`input`,{bubbles:!0});n.call(e,r),e.dispatchEvent(t)}},[u,r]),(0,_.jsx)(c.input,{style:{display:`none`},name:i,form:o,...t,ref:l,defaultValue:r})},`SliderBubbleInput`));function U(e=[],t,n){let r=[...e];return r[n]=t,r.sort((e,t)=>e-t)}y(U,`getNextSortedValues`);function W(e,t,n){let r=100/(n-t)*(e-t);return f(r,[0,100])}y(W,`convertValueToPercentage`);function G(e,t){if(t>2)return`Value ${e+1} of ${t}`;if(t===2)return[`Minimum`,`Maximum`][e]}y(G,`getLabel`);function K(e,t){if(e.length===1)return 0;let n=e.map(e=>Math.abs(e-t)),r=Math.min(...n);return n.indexOf(r)}y(K,`getClosestValueIndex`);function q(e,t,n){let r=e/2;return(r-X([0,50],[0,r])(t)*n)*n}y(q,`getThumbInBoundsOffset`);function J(e){return e.slice(0,-1).map((t,n)=>e[n+1]-t)}y(J,`getStepsBetweenValues`);function Y(e,t){if(t>0){let n=J(e);return Math.min(...n)>=t}return!0}y(Y,`hasMinStepsBetweenValues`);function X(e,t){return n=>{if(e[0]===e[1]||t[0]===t[1])return t[0];let r=(t[1]-t[0])/(e[1]-e[0]);return t[0]+r*(n-e[0])}}y(X,`linearScale`);function Z(e){if(!Number.isFinite(e))return 0;let t=e.toString();if(t.includes(`e`)){let[e,n]=t.split(`e`),r=e.split(`.`)[1]||``,i=Number(n);return Math.max(0,r.length-i)}let n=t.split(`.`)[1];return n?n.length:0}y(Z,`getDecimalCount`);function Q(e,t){let n=10**t;return Math.round(e*n)/n}y(Q,`roundValue`);function $(e,{min:t,step:n,direction:r,multiplier:i}){let a=Z(n),o=(e-t)/n,s=Math.round(o),c=Q(s*n+t,a)===Q(e,a),l;return l=c?s+i*r:r>0?Math.ceil(o):Math.floor(o),Q(l*n+t,a)}y($,`getNextStepValue`);function se(e){return typeof e==`function`}y(se,`isFunction`);var ce=e=>{let t=(0,h.c)(28),n,r,a,o,s,c,l,u;t[0]===e?(n=t[1],r=t[2],a=t[3],o=t[4],s=t[5],c=t[6],l=t[7],u=t[8]):({ref:s,className:n,thumbClassName:c,rangeClassName:a,trackClassName:u,rangeComponent:o,trackChildren:l,...r}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=a,t[4]=o,t[5]=s,t[6]=c,t[7]=l,t[8]=u);let d;t[9]===n?d=t[10]:(d=i(`relative flex w-full touch-none items-center select-none`,n),t[9]=n,t[10]=d);let f;t[11]===u?f=t[12]:(f=i(`relative h-2 w-full grow overflow-hidden rounded-full bg-secondary`,u),t[11]=u,t[12]=f);let p;t[13]!==a||t[14]!==o?(p=o?(0,_.jsx)(L,{asChild:!0,className:i(`absolute h-full`,a),children:(0,_.jsx)(`span`,{className:`overflow-hidden`,children:o})}):(0,_.jsx)(L,{className:i(`absolute h-full bg-primary`,a)}),t[13]=a,t[14]=o,t[15]=p):p=t[15];let m;t[16]!==f||t[17]!==p||t[18]!==l?(m=(0,_.jsxs)(F,{className:f,children:[p,l]}),t[16]=f,t[17]=p,t[18]=l,t[19]=m):m=t[19];let g;t[20]===c?g=t[21]:(g=c!==null&&(0,_.jsx)(ie,{className:i(`block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50`,c)}),t[20]=c,t[21]=g);let v;return t[22]!==r||t[23]!==s||t[24]!==d||t[25]!==m||t[26]!==g?(v=(0,_.jsxs)(A,{className:d,ref:s,...r,children:[m,g]}),t[22]=r,t[23]=s,t[24]=d,t[25]=m,t[26]=g,t[27]=v):v=t[27],v};

1ce.displayName=A.displayName;export{ce as t};
2//# sourceMappingURL=slider-0TgSM8vf.js.map