New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
@radix-ui/react-slider
Advanced tools
@radix-ui/react-slider - npm Package Compare versions
Comparing version 0.1.5-rc.3 to 0.1.5-rc.4
@@ -1,2 +0,2 @@ | ||
| var e,t,n,r=require("@radix-ui/react-collection").createCollection,o=require("@radix-ui/react-primitive").Primitive,i=require("@radix-ui/react-use-size").useSize,a=require("@radix-ui/react-use-previous").usePrevious,l=require("@radix-ui/react-direction").useDirection,u=require("@radix-ui/react-use-controllable-state").useControllableState,s=require("@radix-ui/react-context").createContextScope,d=require("@radix-ui/react-compose-refs").useComposedRefs,c=require("@radix-ui/primitive").composeEventHandlers,f=require("@radix-ui/number").clamp,p=(e={},t=require("react"),Object.keys(t).forEach((function(n){"default"!==n&&"__esModule"!==n&&Object.defineProperty(e,n,{enumerable:!0,get:function(){return t[n]}})})),e),m=(n=require("@babel/runtime/helpers/extends"))&&n.__esModule?n.default:n;const S=["PageUp","PageDown"],v=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"],h={ltr:["ArrowDown","Home","ArrowLeft","PageDown"],rtl:["ArrowDown","Home","ArrowRight","PageDown"]},[w,g,x]=r("Slider"),[b,E]=s("Slider",[x]);exports.createSliderScope=E;const[y,R]=b("Slider"),D=/*#__PURE__*/p.forwardRef(((e,t)=>{const{name:n,min:r=0,max:o=100,step:i=1,orientation:a="horizontal",disabled:l=!1,minStepsBetweenThumbs:s=0,defaultValue:c=[r],value:h,onValueChange:g=(()=>{}),...x}=e,[b,E]=p.useState(null),R=d(t,(e=>E(e))),D=p.useRef(new Set),_=p.useRef(0),M="horizontal"===a,K=!b||Boolean(b.closest("form")),k=M?P:C,[q=[],T]=u({prop:h,defaultProp:c,onChange:e=>{var t;null===(t=[...D.current][_.current])||void 0===t||t.focus(),g(e)}});function I(e,t){const n=function(e){return(String(e).split(".")[1]||"").length}(i),a=function(e,t){const n=Math.pow(10,t);return Math.round(e*n)/n}(Math.round((e-r)/i)*i+r,n),l=f(a,[r,o]);T(((e=[])=>{const n=function(e=[],t,n){const r=[...e];return r[n]=t,r.sort(((e,t)=>e-t))}(e,l,t);return function(e,t){if(t>0){const n=function(e){return e.slice(0,-1).map(((t,n)=>e[n+1]-t))}(e);return Math.min(...n)>=t}return!0}(n,s*i)?(_.current=n.indexOf(l),String(n)===String(e)?e:n):e}))}/*#__PURE__*/return p.createElement(y,{scope:e.__scopeSlider,disabled:l,min:r,max:o,valueIndexToChangeRef:_,thumbs:D.current,values:q,orientation:a},/*#__PURE__*/p.createElement(w.Provider,{scope:e.__scopeSlider},/*#__PURE__*/p.createElement(w.Slot,{scope:e.__scopeSlider},/*#__PURE__*/p.createElement(k,m({"aria-disabled":l,"data-disabled":l?"":void 0},x,{ref:R,min:r,max:o,onSlideStart:l?void 0:function(e){I(e,function(e,t){if(1===e.length)return 0;const n=e.map((e=>Math.abs(e-t))),r=Math.min(...n);return n.indexOf(r)}(q,e))},onSlideMove:l?void 0:function(e){I(e,_.current)},onHomeKeyDown:()=>!l&&I(r,0),onEndKeyDown:()=>!l&&I(o,q.length-1),onStepKeyDown:({event:e,direction:t})=>{if(!l){const n=S.includes(e.key)||e.shiftKey&&v.includes(e.key)?10:1,r=_.current;I(q[r]+i*n*t,r)}}})))),K&&q.map(((e,t)=>/*#__PURE__*/p.createElement(z,{key:t,name:n?n+(q.length>1?"[]":""):void 0,value:e}))))}));exports.Slider=D;const[_,M]=b("Slider",{startEdge:"left",endEdge:"right",size:"width",direction:1}),P=/*#__PURE__*/p.forwardRef(((e,t)=>{const{min:n,max:r,dir:o,onSlideStart:i,onSlideMove:a,onStepKeyDown:u,...s}=e,[c,f]=p.useState(null),S=d(t,(e=>f(e))),v=p.useRef(),w=l(o),g="ltr"===w;function x(e){const t=v.current||c.getBoundingClientRect(),o=H([0,t.width],g?[n,r]:[r,n]);return v.current=t,o(e-t.left)}/*#__PURE__*/return p.createElement(_,{scope:e.__scopeSlider,startEdge:g?"left":"right",endEdge:g?"right":"left",direction:g?1:-1,size:"width"},/*#__PURE__*/p.createElement(K,m({dir:w,"data-orientation":"horizontal"},s,{ref:S,style:{...s.style,"--radix-slider-thumb-transform":"translateX(-50%)"},onSlideStart:e=>{const t=x(e.clientX);null==i||i(t)},onSlideMove:e=>{const t=x(e.clientX);null==a||a(t)},onSlideEnd:()=>v.current=void 0,onStepKeyDown:e=>{const t=h[w].includes(e.key);null==u||u({event:e,direction:t?-1:1})}})))})),C=/*#__PURE__*/p.forwardRef(((e,t)=>{const{min:n,max:r,onSlideStart:o,onSlideMove:i,onStepKeyDown:a,...l}=e,u=p.useRef(null),s=d(t,u),c=p.useRef();function f(e){const t=c.current||u.current.getBoundingClientRect(),o=H([0,t.height],[r,n]);return c.current=t,o(e-t.top)}/*#__PURE__*/return p.createElement(_,{scope:e.__scopeSlider,startEdge:"bottom",endEdge:"top",size:"height",direction:1},/*#__PURE__*/p.createElement(K,m({"data-orientation":"vertical"},l,{ref:s,style:{...l.style,"--radix-slider-thumb-transform":"translateY(50%)"},onSlideStart:e=>{const t=f(e.clientY);null==o||o(t)},onSlideMove:e=>{const t=f(e.clientY);null==i||i(t)},onSlideEnd:()=>c.current=void 0,onStepKeyDown:e=>{const t=h.ltr.includes(e.key);null==a||a({event:e,direction:t?-1:1})}})))})),K=/*#__PURE__*/p.forwardRef(((e,t)=>{const{__scopeSlider:n,onSlideStart:r,onSlideMove:i,onSlideEnd:a,onHomeKeyDown:l,onEndKeyDown:u,onStepKeyDown:s,...d}=e,f=R("Slider",n);/*#__PURE__*/return p.createElement(o.span,m({},d,{ref:t,onKeyDown:c(e.onKeyDown,(e=>{"Home"===e.key?(l(e),e.preventDefault()):"End"===e.key?(u(e),e.preventDefault()):S.concat(v).includes(e.key)&&(s(e),e.preventDefault())})),onPointerDown:c(e.onPointerDown,(e=>{const t=e.target;t.setPointerCapture(e.pointerId),e.preventDefault(),f.thumbs.has(t)?t.focus():r(e)})),onPointerMove:c(e.onPointerMove,(e=>{e.target.hasPointerCapture(e.pointerId)&&i(e)})),onPointerUp:c(e.onPointerUp,(e=>{const t=e.target;t.hasPointerCapture(e.pointerId)&&(t.releasePointerCapture(e.pointerId),a(e))}))}))})),k=/*#__PURE__*/p.forwardRef(((e,t)=>{const{__scopeSlider:n,...r}=e,i=R("SliderTrack",n);/*#__PURE__*/return p.createElement(o.span,m({"data-disabled":i.disabled?"":void 0,"data-orientation":i.orientation},r,{ref:t}))}));exports.SliderTrack=k;const q=/*#__PURE__*/p.forwardRef(((e,t)=>{const{__scopeSlider:n,...r}=e,i=R("SliderRange",n),a=M("SliderRange",n),l=p.useRef(null),u=d(t,l),s=i.values.length,c=i.values.map((e=>A(e,i.min,i.max))),f=s>1?Math.min(...c):0,S=100-Math.max(...c);/*#__PURE__*/return p.createElement(o.span,m({"data-orientation":i.orientation,"data-disabled":i.disabled?"":void 0},r,{ref:u,style:{...e.style,[a.startEdge]:f+"%",[a.endEdge]:S+"%"}}))}));exports.SliderRange=q;const T=/*#__PURE__*/p.forwardRef(((e,t)=>{const n=g(e.__scopeSlider),[r,o]=p.useState(null),i=d(t,(e=>o(e))),a=p.useMemo((()=>r?n().findIndex((e=>e.ref.current===r)):-1),[n,r]);/*#__PURE__*/return p.createElement(I,m({},e,{ref:i,index:a}))}));exports.SliderThumb=T;const I=/*#__PURE__*/p.forwardRef(((e,t)=>{const{__scopeSlider:n,index:r,...a}=e,l=R("SliderThumb",n),u=M("SliderThumb",n),[s,f]=p.useState(null),S=d(t,(e=>f(e))),v=i(s),h=l.values[r],g=void 0===h?0:A(h,l.min,l.max),x=function(e,t){return t>2?`Value ${e+1} of ${t}`:2===t?["Minimum","Maximum"][e]:void 0}(r,l.values.length),b=null==v?void 0:v[u.size],E=b?function(e,t,n){const r=e/2,o=H([0,50],[0,r]);return(r-o(t)*n)*n}(b,g,u.direction):0;return p.useEffect((()=>{if(s)return l.thumbs.add(s),()=>{l.thumbs.delete(s)}}),[s,l.thumbs]),/*#__PURE__*/p.createElement("span",{style:{transform:"var(--radix-slider-thumb-transform)",position:"absolute",[u.startEdge]:`calc(${g}% + ${E}px)`}},/*#__PURE__*/p.createElement(w.ItemSlot,{scope:e.__scopeSlider},/*#__PURE__*/p.createElement(o.span,m({role:"slider","aria-label":e["aria-label"]||x,"aria-valuemin":l.min,"aria-valuenow":h,"aria-valuemax":l.max,"aria-orientation":l.orientation,"data-orientation":l.orientation,"data-disabled":l.disabled?"":void 0,tabIndex:l.disabled?void 0:0},a,{ref:S,style:void 0===h?{display:"none"}:e.style,onFocus:c(e.onFocus,(()=>{l.valueIndexToChangeRef.current=r}))}))))})),z=e=>{const{value:t,...n}=e,r=p.useRef(null),o=a(t);return p.useEffect((()=>{const e=r.current,n=window.HTMLInputElement.prototype,i=Object.getOwnPropertyDescriptor(n,"value").set;if(o!==t&&i){const n=new Event("input",{bubbles:!0});i.call(e,t),e.dispatchEvent(n)}}),[o,t]),/*#__PURE__*/p.createElement("input",m({style:{display:"none"}},n,{ref:r,defaultValue:t}))};/*#__PURE__*/function A(e,t,n){return 100/(n-t)*(e-t)}function H(e,t){return n=>{if(e[0]===e[1]||t[0]===t[1])return t[0];const r=(t[1]-t[0])/(e[1]-e[0]);return t[0]+r*(n-e[0])}}const O=D;exports.Root=O;const B=k;exports.Track=B;const U=q;exports.Range=U;const V=T;exports.Thumb=V; | ||
| var e,t,n,r=require("@radix-ui/react-collection").createCollection,o=require("@radix-ui/react-primitive").Primitive,i=require("@radix-ui/react-use-size").useSize,a=require("@radix-ui/react-use-previous").usePrevious,l=require("@radix-ui/react-direction").useDirection,s=require("@radix-ui/react-use-controllable-state").useControllableState,u=require("@radix-ui/react-context").createContextScope,d=require("@radix-ui/react-compose-refs").useComposedRefs,c=require("@radix-ui/primitive").composeEventHandlers,f=require("@radix-ui/number").clamp,p=(e={},t=require("react"),Object.keys(t).forEach((function(n){"default"!==n&&"__esModule"!==n&&Object.defineProperty(e,n,{enumerable:!0,get:function(){return t[n]}})})),e),m=(n=require("@babel/runtime/helpers/extends"))&&n.__esModule?n.default:n;const S=["PageUp","PageDown"],v=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"],h={ltr:["ArrowDown","Home","ArrowLeft","PageDown"],rtl:["ArrowDown","Home","ArrowRight","PageDown"]},[w,g,x]=r("Slider"),[b,E]=u("Slider",[x]);exports.createSliderScope=E;const[y,R]=b("Slider"),D=/*#__PURE__*/p.forwardRef(((e,t)=>{const{name:n,min:r=0,max:o=100,step:i=1,orientation:a="horizontal",disabled:l=!1,minStepsBetweenThumbs:u=0,defaultValue:c=[r],value:h,onValueChange:g=(()=>{}),...x}=e,[b,E]=p.useState(null),R=d(t,(e=>E(e))),D=p.useRef(new Set),_=p.useRef(0),M="horizontal"===a,K=!b||Boolean(b.closest("form")),k=M?P:C,[q=[],T]=s({prop:h,defaultProp:c,onChange:e=>{var t;null===(t=[...D.current][_.current])||void 0===t||t.focus(),g(e)}});function I(e,t){const n=function(e){return(String(e).split(".")[1]||"").length}(i),a=function(e,t){const n=Math.pow(10,t);return Math.round(e*n)/n}(Math.round((e-r)/i)*i+r,n),l=f(a,[r,o]);T(((e=[])=>{const n=function(e=[],t,n){const r=[...e];return r[n]=t,r.sort(((e,t)=>e-t))}(e,l,t);return function(e,t){if(t>0){const n=function(e){return e.slice(0,-1).map(((t,n)=>e[n+1]-t))}(e);return Math.min(...n)>=t}return!0}(n,u*i)?(_.current=n.indexOf(l),String(n)===String(e)?e:n):e}))}/*#__PURE__*/return p.createElement(y,{scope:e.__scopeSlider,disabled:l,min:r,max:o,valueIndexToChangeRef:_,thumbs:D.current,values:q,orientation:a},/*#__PURE__*/p.createElement(w.Provider,{scope:e.__scopeSlider},/*#__PURE__*/p.createElement(w.Slot,{scope:e.__scopeSlider},/*#__PURE__*/p.createElement(k,m({"aria-disabled":l,"data-disabled":l?"":void 0},x,{ref:R,min:r,max:o,onSlideStart:l?void 0:function(e){const t=function(e,t){if(1===e.length)return 0;const n=e.map((e=>Math.abs(e-t))),r=Math.min(...n);return n.indexOf(r)}(q,e);I(e,t)},onSlideMove:l?void 0:function(e){I(e,_.current)},onHomeKeyDown:()=>!l&&I(r,0),onEndKeyDown:()=>!l&&I(o,q.length-1),onStepKeyDown:({event:e,direction:t})=>{if(!l){const n=S.includes(e.key)||e.shiftKey&&v.includes(e.key)?10:1,r=_.current;I(q[r]+i*n*t,r)}}})))),K&&q.map(((e,t)=>/*#__PURE__*/p.createElement(z,{key:t,name:n?n+(q.length>1?"[]":""):void 0,value:e}))))}));exports.Slider=D;const[_,M]=b("Slider",{startEdge:"left",endEdge:"right",size:"width",direction:1}),P=/*#__PURE__*/p.forwardRef(((e,t)=>{const{min:n,max:r,dir:o,onSlideStart:i,onSlideMove:a,onStepKeyDown:s,...u}=e,[c,f]=p.useState(null),S=d(t,(e=>f(e))),v=p.useRef(),w=l(o),g="ltr"===w;function x(e){const t=v.current||c.getBoundingClientRect(),o=H([0,t.width],g?[n,r]:[r,n]);return v.current=t,o(e-t.left)}/*#__PURE__*/return p.createElement(_,{scope:e.__scopeSlider,startEdge:g?"left":"right",endEdge:g?"right":"left",direction:g?1:-1,size:"width"},/*#__PURE__*/p.createElement(K,m({dir:w,"data-orientation":"horizontal"},u,{ref:S,style:{...u.style,"--radix-slider-thumb-transform":"translateX(-50%)"},onSlideStart:e=>{const t=x(e.clientX);null==i||i(t)},onSlideMove:e=>{const t=x(e.clientX);null==a||a(t)},onSlideEnd:()=>v.current=void 0,onStepKeyDown:e=>{const t=h[w].includes(e.key);null==s||s({event:e,direction:t?-1:1})}})))})),C=/*#__PURE__*/p.forwardRef(((e,t)=>{const{min:n,max:r,onSlideStart:o,onSlideMove:i,onStepKeyDown:a,...l}=e,s=p.useRef(null),u=d(t,s),c=p.useRef();function f(e){const t=c.current||s.current.getBoundingClientRect(),o=H([0,t.height],[r,n]);return c.current=t,o(e-t.top)}/*#__PURE__*/return p.createElement(_,{scope:e.__scopeSlider,startEdge:"bottom",endEdge:"top",size:"height",direction:1},/*#__PURE__*/p.createElement(K,m({"data-orientation":"vertical"},l,{ref:u,style:{...l.style,"--radix-slider-thumb-transform":"translateY(50%)"},onSlideStart:e=>{const t=f(e.clientY);null==o||o(t)},onSlideMove:e=>{const t=f(e.clientY);null==i||i(t)},onSlideEnd:()=>c.current=void 0,onStepKeyDown:e=>{const t=h.ltr.includes(e.key);null==a||a({event:e,direction:t?-1:1})}})))})),K=/*#__PURE__*/p.forwardRef(((e,t)=>{const{__scopeSlider:n,onSlideStart:r,onSlideMove:i,onSlideEnd:a,onHomeKeyDown:l,onEndKeyDown:s,onStepKeyDown:u,...d}=e,f=R("Slider",n);/*#__PURE__*/return p.createElement(o.span,m({},d,{ref:t,onKeyDown:c(e.onKeyDown,(e=>{"Home"===e.key?(l(e),e.preventDefault()):"End"===e.key?(s(e),e.preventDefault()):S.concat(v).includes(e.key)&&(u(e),e.preventDefault())})),onPointerDown:c(e.onPointerDown,(e=>{const t=e.target;t.setPointerCapture(e.pointerId),e.preventDefault(),f.thumbs.has(t)?t.focus():r(e)})),onPointerMove:c(e.onPointerMove,(e=>{e.target.hasPointerCapture(e.pointerId)&&i(e)})),onPointerUp:c(e.onPointerUp,(e=>{const t=e.target;t.hasPointerCapture(e.pointerId)&&(t.releasePointerCapture(e.pointerId),a(e))}))}))})),k=/*#__PURE__*/p.forwardRef(((e,t)=>{const{__scopeSlider:n,...r}=e,i=R("SliderTrack",n);/*#__PURE__*/return p.createElement(o.span,m({"data-disabled":i.disabled?"":void 0,"data-orientation":i.orientation},r,{ref:t}))}));exports.SliderTrack=k;const q=/*#__PURE__*/p.forwardRef(((e,t)=>{const{__scopeSlider:n,...r}=e,i=R("SliderRange",n),a=M("SliderRange",n),l=p.useRef(null),s=d(t,l),u=i.values.length,c=i.values.map((e=>A(e,i.min,i.max))),f=u>1?Math.min(...c):0,S=100-Math.max(...c);/*#__PURE__*/return p.createElement(o.span,m({"data-orientation":i.orientation,"data-disabled":i.disabled?"":void 0},r,{ref:s,style:{...e.style,[a.startEdge]:f+"%",[a.endEdge]:S+"%"}}))}));exports.SliderRange=q;const T=/*#__PURE__*/p.forwardRef(((e,t)=>{const n=g(e.__scopeSlider),[r,o]=p.useState(null),i=d(t,(e=>o(e))),a=p.useMemo((()=>r?n().findIndex((e=>e.ref.current===r)):-1),[n,r]);/*#__PURE__*/return p.createElement(I,m({},e,{ref:i,index:a}))}));exports.SliderThumb=T;const I=/*#__PURE__*/p.forwardRef(((e,t)=>{const{__scopeSlider:n,index:r,...a}=e,l=R("SliderThumb",n),s=M("SliderThumb",n),[u,f]=p.useState(null),S=d(t,(e=>f(e))),v=i(u),h=l.values[r],g=void 0===h?0:A(h,l.min,l.max),x=function(e,t){return t>2?`Value ${e+1} of ${t}`:2===t?["Minimum","Maximum"][e]:void 0}(r,l.values.length),b=null==v?void 0:v[s.size],E=b?function(e,t,n){const r=e/2,o=H([0,50],[0,r]);return(r-o(t)*n)*n}(b,g,s.direction):0;return p.useEffect((()=>{if(u)return l.thumbs.add(u),()=>{l.thumbs.delete(u)}}),[u,l.thumbs]),/*#__PURE__*/p.createElement("span",{style:{transform:"var(--radix-slider-thumb-transform)",position:"absolute",[s.startEdge]:`calc(${g}% + ${E}px)`}},/*#__PURE__*/p.createElement(w.ItemSlot,{scope:e.__scopeSlider},/*#__PURE__*/p.createElement(o.span,m({role:"slider","aria-label":e["aria-label"]||x,"aria-valuemin":l.min,"aria-valuenow":h,"aria-valuemax":l.max,"aria-orientation":l.orientation,"data-orientation":l.orientation,"data-disabled":l.disabled?"":void 0,tabIndex:l.disabled?void 0:0},a,{ref:S,style:void 0===h?{display:"none"}:e.style,onFocus:c(e.onFocus,(()=>{l.valueIndexToChangeRef.current=r}))}))))})),z=e=>{const{value:t,...n}=e,r=p.useRef(null),o=a(t);return p.useEffect((()=>{const e=r.current,n=window.HTMLInputElement.prototype,i=Object.getOwnPropertyDescriptor(n,"value").set;if(o!==t&&i){const n=new Event("input",{bubbles:!0});i.call(e,t),e.dispatchEvent(n)}}),[o,t]),/*#__PURE__*/p.createElement("input",m({style:{display:"none"}},n,{ref:r,defaultValue:t}))};/*#__PURE__*/function A(e,t,n){return 100/(n-t)*(e-t)}function H(e,t){return n=>{if(e[0]===e[1]||t[0]===t[1])return t[0];const r=(t[1]-t[0])/(e[1]-e[0]);return t[0]+r*(n-e[0])}}const O=D;exports.Root=O;const B=k;exports.Track=B;const U=q;exports.Range=U;const V=T;exports.Thumb=V; | ||
| //# sourceMappingURL=index.js.map |
@@ -1,2 +0,2 @@ | ||
| import{createCollection as e}from"@radix-ui/react-collection";import{Primitive as t}from"@radix-ui/react-primitive";import{useSize as n}from"@radix-ui/react-use-size";import{usePrevious as r}from"@radix-ui/react-use-previous";import{useDirection as o}from"@radix-ui/react-direction";import{useControllableState as i}from"@radix-ui/react-use-controllable-state";import{createContextScope as a}from"@radix-ui/react-context";import{useComposedRefs as l}from"@radix-ui/react-compose-refs";import{composeEventHandlers as d}from"@radix-ui/primitive";import{clamp as s}from"@radix-ui/number";import*as u from"react";import c from"@babel/runtime/helpers/esm/extends";const m=["PageUp","PageDown"],f=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"],p={ltr:["ArrowDown","Home","ArrowLeft","PageDown"],rtl:["ArrowDown","Home","ArrowRight","PageDown"]},[S,h,v]=e("Slider"),[w,g]=a("Slider",[v]);export{g as createSliderScope};const[x,b]=w("Slider");export const Slider=/*#__PURE__*/u.forwardRef(((e,t)=>{const{name:n,min:r=0,max:o=100,step:a=1,orientation:d="horizontal",disabled:p=!1,minStepsBetweenThumbs:h=0,defaultValue:v=[r],value:w,onValueChange:g=(()=>{}),...b}=e,[E,y]=u.useState(null),_=l(t,(e=>y(e))),M=u.useRef(new Set),K=u.useRef(0),T="horizontal"===d,k=!E||Boolean(E.closest("form")),C=T?R:D,[I=[],z]=i({prop:w,defaultProp:v,onChange:e=>{var t;null===(t=[...M.current][K.current])||void 0===t||t.focus(),g(e)}});function A(e,t){const n=function(e){return(String(e).split(".")[1]||"").length}(a),i=function(e,t){const n=Math.pow(10,t);return Math.round(e*n)/n}(Math.round((e-r)/a)*a+r,n),l=s(i,[r,o]);z(((e=[])=>{const n=function(e=[],t,n){const r=[...e];return r[n]=t,r.sort(((e,t)=>e-t))}(e,l,t);return function(e,t){if(t>0){const n=function(e){return e.slice(0,-1).map(((t,n)=>e[n+1]-t))}(e);return Math.min(...n)>=t}return!0}(n,h*a)?(K.current=n.indexOf(l),String(n)===String(e)?e:n):e}))}/*#__PURE__*/return u.createElement(x,{scope:e.__scopeSlider,disabled:p,min:r,max:o,valueIndexToChangeRef:K,thumbs:M.current,values:I,orientation:d},/*#__PURE__*/u.createElement(S.Provider,{scope:e.__scopeSlider},/*#__PURE__*/u.createElement(S.Slot,{scope:e.__scopeSlider},/*#__PURE__*/u.createElement(C,c({"aria-disabled":p,"data-disabled":p?"":void 0},b,{ref:_,min:r,max:o,onSlideStart:p?void 0:function(e){A(e,function(e,t){if(1===e.length)return 0;const n=e.map((e=>Math.abs(e-t))),r=Math.min(...n);return n.indexOf(r)}(I,e))},onSlideMove:p?void 0:function(e){A(e,K.current)},onHomeKeyDown:()=>!p&&A(r,0),onEndKeyDown:()=>!p&&A(o,I.length-1),onStepKeyDown:({event:e,direction:t})=>{if(!p){const n=m.includes(e.key)||e.shiftKey&&f.includes(e.key)?10:1,r=K.current;A(I[r]+a*n*t,r)}}})))),k&&I.map(((e,t)=>/*#__PURE__*/u.createElement(P,{key:t,name:n?n+(I.length>1?"[]":""):void 0,value:e}))))}));/*#__PURE__*/const[E,y]=w("Slider",{startEdge:"left",endEdge:"right",size:"width",direction:1}),R=/*#__PURE__*/u.forwardRef(((e,t)=>{const{min:n,max:r,dir:i,onSlideStart:a,onSlideMove:d,onStepKeyDown:s,...m}=e,[f,S]=u.useState(null),h=l(t,(e=>S(e))),v=u.useRef(),w=o(i),g="ltr"===w;function x(e){const t=v.current||f.getBoundingClientRect(),o=T([0,t.width],g?[n,r]:[r,n]);return v.current=t,o(e-t.left)}/*#__PURE__*/return u.createElement(E,{scope:e.__scopeSlider,startEdge:g?"left":"right",endEdge:g?"right":"left",direction:g?1:-1,size:"width"},/*#__PURE__*/u.createElement(_,c({dir:w,"data-orientation":"horizontal"},m,{ref:h,style:{...m.style,"--radix-slider-thumb-transform":"translateX(-50%)"},onSlideStart:e=>{const t=x(e.clientX);null==a||a(t)},onSlideMove:e=>{const t=x(e.clientX);null==d||d(t)},onSlideEnd:()=>v.current=void 0,onStepKeyDown:e=>{const t=p[w].includes(e.key);null==s||s({event:e,direction:t?-1:1})}})))})),D=/*#__PURE__*/u.forwardRef(((e,t)=>{const{min:n,max:r,onSlideStart:o,onSlideMove:i,onStepKeyDown:a,...d}=e,s=u.useRef(null),m=l(t,s),f=u.useRef();function S(e){const t=f.current||s.current.getBoundingClientRect(),o=T([0,t.height],[r,n]);return f.current=t,o(e-t.top)}/*#__PURE__*/return u.createElement(E,{scope:e.__scopeSlider,startEdge:"bottom",endEdge:"top",size:"height",direction:1},/*#__PURE__*/u.createElement(_,c({"data-orientation":"vertical"},d,{ref:m,style:{...d.style,"--radix-slider-thumb-transform":"translateY(50%)"},onSlideStart:e=>{const t=S(e.clientY);null==o||o(t)},onSlideMove:e=>{const t=S(e.clientY);null==i||i(t)},onSlideEnd:()=>f.current=void 0,onStepKeyDown:e=>{const t=p.ltr.includes(e.key);null==a||a({event:e,direction:t?-1:1})}})))})),_=/*#__PURE__*/u.forwardRef(((e,n)=>{const{__scopeSlider:r,onSlideStart:o,onSlideMove:i,onSlideEnd:a,onHomeKeyDown:l,onEndKeyDown:s,onStepKeyDown:p,...S}=e,h=b("Slider",r);/*#__PURE__*/return u.createElement(t.span,c({},S,{ref:n,onKeyDown:d(e.onKeyDown,(e=>{"Home"===e.key?(l(e),e.preventDefault()):"End"===e.key?(s(e),e.preventDefault()):m.concat(f).includes(e.key)&&(p(e),e.preventDefault())})),onPointerDown:d(e.onPointerDown,(e=>{const t=e.target;t.setPointerCapture(e.pointerId),e.preventDefault(),h.thumbs.has(t)?t.focus():o(e)})),onPointerMove:d(e.onPointerMove,(e=>{e.target.hasPointerCapture(e.pointerId)&&i(e)})),onPointerUp:d(e.onPointerUp,(e=>{const t=e.target;t.hasPointerCapture(e.pointerId)&&(t.releasePointerCapture(e.pointerId),a(e))}))}))}));export const SliderTrack=/*#__PURE__*/u.forwardRef(((e,n)=>{const{__scopeSlider:r,...o}=e,i=b("SliderTrack",r);/*#__PURE__*/return u.createElement(t.span,c({"data-disabled":i.disabled?"":void 0,"data-orientation":i.orientation},o,{ref:n}))}));/*#__PURE__*/export const SliderRange=/*#__PURE__*/u.forwardRef(((e,n)=>{const{__scopeSlider:r,...o}=e,i=b("SliderRange",r),a=y("SliderRange",r),d=u.useRef(null),s=l(n,d),m=i.values.length,f=i.values.map((e=>K(e,i.min,i.max))),p=m>1?Math.min(...f):0,S=100-Math.max(...f);/*#__PURE__*/return u.createElement(t.span,c({"data-orientation":i.orientation,"data-disabled":i.disabled?"":void 0},o,{ref:s,style:{...e.style,[a.startEdge]:p+"%",[a.endEdge]:S+"%"}}))}));/*#__PURE__*/export const SliderThumb=/*#__PURE__*/u.forwardRef(((e,t)=>{const n=h(e.__scopeSlider),[r,o]=u.useState(null),i=l(t,(e=>o(e))),a=u.useMemo((()=>r?n().findIndex((e=>e.ref.current===r)):-1),[n,r]);/*#__PURE__*/return u.createElement(M,c({},e,{ref:i,index:a}))}));const M=/*#__PURE__*/u.forwardRef(((e,r)=>{const{__scopeSlider:o,index:i,...a}=e,s=b("SliderThumb",o),m=y("SliderThumb",o),[f,p]=u.useState(null),h=l(r,(e=>p(e))),v=n(f),w=s.values[i],g=void 0===w?0:K(w,s.min,s.max),x=function(e,t){return t>2?`Value ${e+1} of ${t}`:2===t?["Minimum","Maximum"][e]:void 0}(i,s.values.length),E=null==v?void 0:v[m.size],R=E?function(e,t,n){const r=e/2,o=T([0,50],[0,r]);return(r-o(t)*n)*n}(E,g,m.direction):0;return u.useEffect((()=>{if(f)return s.thumbs.add(f),()=>{s.thumbs.delete(f)}}),[f,s.thumbs]),/*#__PURE__*/u.createElement("span",{style:{transform:"var(--radix-slider-thumb-transform)",position:"absolute",[m.startEdge]:`calc(${g}% + ${R}px)`}},/*#__PURE__*/u.createElement(S.ItemSlot,{scope:e.__scopeSlider},/*#__PURE__*/u.createElement(t.span,c({role:"slider","aria-label":e["aria-label"]||x,"aria-valuemin":s.min,"aria-valuenow":w,"aria-valuemax":s.max,"aria-orientation":s.orientation,"data-orientation":s.orientation,"data-disabled":s.disabled?"":void 0,tabIndex:s.disabled?void 0:0},a,{ref:h,style:void 0===w?{display:"none"}:e.style,onFocus:d(e.onFocus,(()=>{s.valueIndexToChangeRef.current=i}))}))))})),P=e=>{const{value:t,...n}=e,o=u.useRef(null),i=r(t);return u.useEffect((()=>{const e=o.current,n=window.HTMLInputElement.prototype,r=Object.getOwnPropertyDescriptor(n,"value").set;if(i!==t&&r){const n=new Event("input",{bubbles:!0});r.call(e,t),e.dispatchEvent(n)}}),[i,t]),/*#__PURE__*/u.createElement("input",c({style:{display:"none"}},n,{ref:o,defaultValue:t}))};/*#__PURE__*/function K(e,t,n){return 100/(n-t)*(e-t)}function T(e,t){return n=>{if(e[0]===e[1]||t[0]===t[1])return t[0];const r=(t[1]-t[0])/(e[1]-e[0]);return t[0]+r*(n-e[0])}}export const Root=Slider;export const Track=SliderTrack;export const Range=SliderRange;export const Thumb=SliderThumb; | ||
| import{createCollection as e}from"@radix-ui/react-collection";import{Primitive as t}from"@radix-ui/react-primitive";import{useSize as n}from"@radix-ui/react-use-size";import{usePrevious as r}from"@radix-ui/react-use-previous";import{useDirection as o}from"@radix-ui/react-direction";import{useControllableState as i}from"@radix-ui/react-use-controllable-state";import{createContextScope as a}from"@radix-ui/react-context";import{useComposedRefs as l}from"@radix-ui/react-compose-refs";import{composeEventHandlers as d}from"@radix-ui/primitive";import{clamp as s}from"@radix-ui/number";import*as u from"react";import c from"@babel/runtime/helpers/esm/extends";const m=["PageUp","PageDown"],f=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"],p={ltr:["ArrowDown","Home","ArrowLeft","PageDown"],rtl:["ArrowDown","Home","ArrowRight","PageDown"]},[S,h,v]=e("Slider"),[w,g]=a("Slider",[v]);export{g as createSliderScope};const[x,b]=w("Slider");export const Slider=/*#__PURE__*/u.forwardRef(((e,t)=>{const{name:n,min:r=0,max:o=100,step:a=1,orientation:d="horizontal",disabled:p=!1,minStepsBetweenThumbs:h=0,defaultValue:v=[r],value:w,onValueChange:g=(()=>{}),...b}=e,[E,y]=u.useState(null),_=l(t,(e=>y(e))),M=u.useRef(new Set),K=u.useRef(0),T="horizontal"===d,k=!E||Boolean(E.closest("form")),C=T?R:D,[I=[],z]=i({prop:w,defaultProp:v,onChange:e=>{var t;null===(t=[...M.current][K.current])||void 0===t||t.focus(),g(e)}});function A(e,t){const n=function(e){return(String(e).split(".")[1]||"").length}(a),i=function(e,t){const n=Math.pow(10,t);return Math.round(e*n)/n}(Math.round((e-r)/a)*a+r,n),l=s(i,[r,o]);z(((e=[])=>{const n=function(e=[],t,n){const r=[...e];return r[n]=t,r.sort(((e,t)=>e-t))}(e,l,t);return function(e,t){if(t>0){const n=function(e){return e.slice(0,-1).map(((t,n)=>e[n+1]-t))}(e);return Math.min(...n)>=t}return!0}(n,h*a)?(K.current=n.indexOf(l),String(n)===String(e)?e:n):e}))}/*#__PURE__*/return u.createElement(x,{scope:e.__scopeSlider,disabled:p,min:r,max:o,valueIndexToChangeRef:K,thumbs:M.current,values:I,orientation:d},/*#__PURE__*/u.createElement(S.Provider,{scope:e.__scopeSlider},/*#__PURE__*/u.createElement(S.Slot,{scope:e.__scopeSlider},/*#__PURE__*/u.createElement(C,c({"aria-disabled":p,"data-disabled":p?"":void 0},b,{ref:_,min:r,max:o,onSlideStart:p?void 0:function(e){const t=function(e,t){if(1===e.length)return 0;const n=e.map((e=>Math.abs(e-t))),r=Math.min(...n);return n.indexOf(r)}(I,e);A(e,t)},onSlideMove:p?void 0:function(e){A(e,K.current)},onHomeKeyDown:()=>!p&&A(r,0),onEndKeyDown:()=>!p&&A(o,I.length-1),onStepKeyDown:({event:e,direction:t})=>{if(!p){const n=m.includes(e.key)||e.shiftKey&&f.includes(e.key)?10:1,r=K.current;A(I[r]+a*n*t,r)}}})))),k&&I.map(((e,t)=>/*#__PURE__*/u.createElement(P,{key:t,name:n?n+(I.length>1?"[]":""):void 0,value:e}))))}));/*#__PURE__*/const[E,y]=w("Slider",{startEdge:"left",endEdge:"right",size:"width",direction:1}),R=/*#__PURE__*/u.forwardRef(((e,t)=>{const{min:n,max:r,dir:i,onSlideStart:a,onSlideMove:d,onStepKeyDown:s,...m}=e,[f,S]=u.useState(null),h=l(t,(e=>S(e))),v=u.useRef(),w=o(i),g="ltr"===w;function x(e){const t=v.current||f.getBoundingClientRect(),o=T([0,t.width],g?[n,r]:[r,n]);return v.current=t,o(e-t.left)}/*#__PURE__*/return u.createElement(E,{scope:e.__scopeSlider,startEdge:g?"left":"right",endEdge:g?"right":"left",direction:g?1:-1,size:"width"},/*#__PURE__*/u.createElement(_,c({dir:w,"data-orientation":"horizontal"},m,{ref:h,style:{...m.style,"--radix-slider-thumb-transform":"translateX(-50%)"},onSlideStart:e=>{const t=x(e.clientX);null==a||a(t)},onSlideMove:e=>{const t=x(e.clientX);null==d||d(t)},onSlideEnd:()=>v.current=void 0,onStepKeyDown:e=>{const t=p[w].includes(e.key);null==s||s({event:e,direction:t?-1:1})}})))})),D=/*#__PURE__*/u.forwardRef(((e,t)=>{const{min:n,max:r,onSlideStart:o,onSlideMove:i,onStepKeyDown:a,...d}=e,s=u.useRef(null),m=l(t,s),f=u.useRef();function S(e){const t=f.current||s.current.getBoundingClientRect(),o=T([0,t.height],[r,n]);return f.current=t,o(e-t.top)}/*#__PURE__*/return u.createElement(E,{scope:e.__scopeSlider,startEdge:"bottom",endEdge:"top",size:"height",direction:1},/*#__PURE__*/u.createElement(_,c({"data-orientation":"vertical"},d,{ref:m,style:{...d.style,"--radix-slider-thumb-transform":"translateY(50%)"},onSlideStart:e=>{const t=S(e.clientY);null==o||o(t)},onSlideMove:e=>{const t=S(e.clientY);null==i||i(t)},onSlideEnd:()=>f.current=void 0,onStepKeyDown:e=>{const t=p.ltr.includes(e.key);null==a||a({event:e,direction:t?-1:1})}})))})),_=/*#__PURE__*/u.forwardRef(((e,n)=>{const{__scopeSlider:r,onSlideStart:o,onSlideMove:i,onSlideEnd:a,onHomeKeyDown:l,onEndKeyDown:s,onStepKeyDown:p,...S}=e,h=b("Slider",r);/*#__PURE__*/return u.createElement(t.span,c({},S,{ref:n,onKeyDown:d(e.onKeyDown,(e=>{"Home"===e.key?(l(e),e.preventDefault()):"End"===e.key?(s(e),e.preventDefault()):m.concat(f).includes(e.key)&&(p(e),e.preventDefault())})),onPointerDown:d(e.onPointerDown,(e=>{const t=e.target;t.setPointerCapture(e.pointerId),e.preventDefault(),h.thumbs.has(t)?t.focus():o(e)})),onPointerMove:d(e.onPointerMove,(e=>{e.target.hasPointerCapture(e.pointerId)&&i(e)})),onPointerUp:d(e.onPointerUp,(e=>{const t=e.target;t.hasPointerCapture(e.pointerId)&&(t.releasePointerCapture(e.pointerId),a(e))}))}))}));export const SliderTrack=/*#__PURE__*/u.forwardRef(((e,n)=>{const{__scopeSlider:r,...o}=e,i=b("SliderTrack",r);/*#__PURE__*/return u.createElement(t.span,c({"data-disabled":i.disabled?"":void 0,"data-orientation":i.orientation},o,{ref:n}))}));/*#__PURE__*/export const SliderRange=/*#__PURE__*/u.forwardRef(((e,n)=>{const{__scopeSlider:r,...o}=e,i=b("SliderRange",r),a=y("SliderRange",r),d=u.useRef(null),s=l(n,d),m=i.values.length,f=i.values.map((e=>K(e,i.min,i.max))),p=m>1?Math.min(...f):0,S=100-Math.max(...f);/*#__PURE__*/return u.createElement(t.span,c({"data-orientation":i.orientation,"data-disabled":i.disabled?"":void 0},o,{ref:s,style:{...e.style,[a.startEdge]:p+"%",[a.endEdge]:S+"%"}}))}));/*#__PURE__*/export const SliderThumb=/*#__PURE__*/u.forwardRef(((e,t)=>{const n=h(e.__scopeSlider),[r,o]=u.useState(null),i=l(t,(e=>o(e))),a=u.useMemo((()=>r?n().findIndex((e=>e.ref.current===r)):-1),[n,r]);/*#__PURE__*/return u.createElement(M,c({},e,{ref:i,index:a}))}));const M=/*#__PURE__*/u.forwardRef(((e,r)=>{const{__scopeSlider:o,index:i,...a}=e,s=b("SliderThumb",o),m=y("SliderThumb",o),[f,p]=u.useState(null),h=l(r,(e=>p(e))),v=n(f),w=s.values[i],g=void 0===w?0:K(w,s.min,s.max),x=function(e,t){return t>2?`Value ${e+1} of ${t}`:2===t?["Minimum","Maximum"][e]:void 0}(i,s.values.length),E=null==v?void 0:v[m.size],R=E?function(e,t,n){const r=e/2,o=T([0,50],[0,r]);return(r-o(t)*n)*n}(E,g,m.direction):0;return u.useEffect((()=>{if(f)return s.thumbs.add(f),()=>{s.thumbs.delete(f)}}),[f,s.thumbs]),/*#__PURE__*/u.createElement("span",{style:{transform:"var(--radix-slider-thumb-transform)",position:"absolute",[m.startEdge]:`calc(${g}% + ${R}px)`}},/*#__PURE__*/u.createElement(S.ItemSlot,{scope:e.__scopeSlider},/*#__PURE__*/u.createElement(t.span,c({role:"slider","aria-label":e["aria-label"]||x,"aria-valuemin":s.min,"aria-valuenow":w,"aria-valuemax":s.max,"aria-orientation":s.orientation,"data-orientation":s.orientation,"data-disabled":s.disabled?"":void 0,tabIndex:s.disabled?void 0:0},a,{ref:h,style:void 0===w?{display:"none"}:e.style,onFocus:d(e.onFocus,(()=>{s.valueIndexToChangeRef.current=i}))}))))})),P=e=>{const{value:t,...n}=e,o=u.useRef(null),i=r(t);return u.useEffect((()=>{const e=o.current,n=window.HTMLInputElement.prototype,r=Object.getOwnPropertyDescriptor(n,"value").set;if(i!==t&&r){const n=new Event("input",{bubbles:!0});r.call(e,t),e.dispatchEvent(n)}}),[i,t]),/*#__PURE__*/u.createElement("input",c({style:{display:"none"}},n,{ref:o,defaultValue:t}))};/*#__PURE__*/function K(e,t,n){return 100/(n-t)*(e-t)}function T(e,t){return n=>{if(e[0]===e[1]||t[0]===t[1])return t[0];const r=(t[1]-t[0])/(e[1]-e[0]);return t[0]+r*(n-e[0])}}export const Root=Slider;export const Track=SliderTrack;export const Range=SliderRange;export const Thumb=SliderThumb; | ||
| //# sourceMappingURL=index.module.js.map |
| { | ||
| "name": "@radix-ui/react-slider", | ||
| "version": "0.1.5-rc.3", | ||
| "version": "0.1.5-rc.4", | ||
| "license": "MIT", | ||
@@ -22,11 +22,11 @@ "source": "src/index.ts", | ||
| "@radix-ui/primitive": "0.1.0", | ||
| "@radix-ui/react-collection": "0.1.4", | ||
| "@radix-ui/react-compose-refs": "0.1.0", | ||
| "@radix-ui/react-context": "0.1.1", | ||
| "@radix-ui/react-direction": "0.1.0-rc.3", | ||
| "@radix-ui/react-primitive": "0.1.4", | ||
| "@radix-ui/react-use-controllable-state": "0.1.0", | ||
| "@radix-ui/react-use-layout-effect": "0.1.0", | ||
| "@radix-ui/react-use-previous": "0.1.1", | ||
| "@radix-ui/react-use-size": "0.1.1" | ||
| "@radix-ui/react-collection": "0.1.5-rc.1", | ||
| "@radix-ui/react-compose-refs": "0.1.1-rc.1", | ||
| "@radix-ui/react-context": "0.1.2-rc.1", | ||
| "@radix-ui/react-direction": "0.1.0-rc.4", | ||
| "@radix-ui/react-primitive": "0.1.5-rc.1", | ||
| "@radix-ui/react-use-controllable-state": "0.1.1-rc.1", | ||
| "@radix-ui/react-use-layout-effect": "0.1.1-rc.1", | ||
| "@radix-ui/react-use-previous": "0.1.2-rc.1", | ||
| "@radix-ui/react-use-size": "0.1.2-rc.1" | ||
| }, | ||
@@ -38,3 +38,3 @@ "devDependencies": { | ||
| "peerDependencies": { | ||
| "react": "^16.8 || ^17.0" | ||
| "react": "^16.8 || ^17.0 || ^18.0" | ||
| }, | ||
@@ -41,0 +41,0 @@ "homepage": "https://radix-ui.com/primitives", |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
No alert changes
Improved metrics
- Total package byte prevSize
- increased by0.13%
103059
Dependency changes
+ Added@radix-ui/react-collection@0.1.5-rc.1(transitive)
+ Added@radix-ui/react-compose-refs@0.1.1-rc.1(transitive)
+ Added@radix-ui/react-context@0.1.2-rc.1(transitive)
+ Added@radix-ui/react-direction@0.1.0-rc.4(transitive)
+ Added@radix-ui/react-primitive@0.1.5-rc.1(transitive)
+ Added@radix-ui/react-slot@0.1.3-rc.1(transitive)
+ Added@radix-ui/react-use-callback-ref@0.1.1-rc.1(transitive)
+ Added@radix-ui/react-use-controllable-state@0.1.1-rc.1(transitive)
+ Added@radix-ui/react-use-layout-effect@0.1.1-rc.1(transitive)
+ Added@radix-ui/react-use-previous@0.1.2-rc.1(transitive)
+ Added@radix-ui/react-use-size@0.1.2-rc.1(transitive)
+ Addedreact@18.3.1(transitive)
- Removed@radix-ui/react-collection@0.1.4(transitive)
- Removed@radix-ui/react-compose-refs@0.1.0(transitive)
- Removed@radix-ui/react-context@0.1.1(transitive)
- Removed@radix-ui/react-direction@0.1.0-rc.3(transitive)
- Removed@radix-ui/react-primitive@0.1.4(transitive)
- Removed@radix-ui/react-slot@0.1.2(transitive)
- Removed@radix-ui/react-use-callback-ref@0.1.0(transitive)
- Removed@radix-ui/react-use-controllable-state@0.1.0(transitive)
- Removed@radix-ui/react-use-layout-effect@0.1.0(transitive)
- Removed@radix-ui/react-use-previous@0.1.1(transitive)
- Removed@radix-ui/react-use-size@0.1.1(transitive)
- Removedobject-assign@4.1.1(transitive)
- Removedreact@17.0.2(transitive)