@data-slot/slider 0.2.29 → 0.2.31

package/dist/index.cjs

@@ -1 +1 @@
-const e=(e,t)=>e.querySelector(`[data-slot="${t}"]`),t=(e,t)=>[...e.querySelectorAll(`[data-slot="${t}"]`)],n=(e,t)=>[...e.querySelectorAll(`[data-slot="${t}"]`)],r=new WeakMap;function i(e,t,n){if(typeof process<`u`&&process.env?.NODE_ENV===`production`)return;let i=r.get(e);i||(i=new Set,r.set(e,i)),!i.has(t)&&(i.add(t),console.warn(`[@data-slot] ${n}`))}function a(e){let t=`data-${e.replace(/([A-Z])/g,`-$1`).toLowerCase()}`,n=`data-${e}`;return t===n?[t]:[t,n]}function o(e,t){for(let n of a(t))if(e.hasAttribute(n))return e.getAttribute(n);return null}function s(e,t){return a(t).some(t=>e.hasAttribute(t))}const c=new Set([``,`true`,`1`,`yes`]),l=new Set([`false`,`0`,`no`]);function u(e,t){if(!s(e,t))return;let n=o(e,t);if(n===null)return;let r=n.toLowerCase();if(c.has(r))return!0;if(l.has(r))return!1;i(e,t,`Invalid boolean value "${n}" for data-${t}. Expected: true/false/1/0/yes/no or empty.`)}function d(e,t){let n=o(e,t);if(n===null||n===``)return;let r=Number(n);if(Number.isNaN(r)||!Number.isFinite(r)){i(e,t,`Invalid number value "${n}" for data-${t}.`);return}return r}function f(e,t){if(s(e,t))return o(e,t)??void 0}function p(e,t,n){let r=o(e,t);if(r!==null){if(n.includes(r))return r;i(e,t,`Invalid value "${r}" for data-${t}. Expected one of: ${n.join(`, `)}.`)}}const m=Symbol.for(`data-slot.portal-owner`);let h=0;const g=(e,t)=>e.id||=`${t}-${++h}`,_=(e,t,n)=>{n===null?e.removeAttribute(`aria-${t}`):e.setAttribute(`aria-${t}`,String(n))};function v(e,t,n,r){return e.addEventListener(t,n,r),()=>e.removeEventListener(t,n,r)}const y=(e,t,n)=>e.dispatchEvent(new CustomEvent(t,{bubbles:!0,detail:n})),b=[`horizontal`,`vertical`];function x(e){if(!e)return;let t=e.split(`,`).map(e=>parseFloat(e.trim()));if(!t.some(e=>isNaN(e))){if(t.length===2)return[t[0],t[1]];if(t.length===1)return t[0]}}function S(e){return Array.isArray(e)}function C(e,t,n,r){let i=Math.round((e-t)/r)*r+t,a=r.toString().split(`.`)[1]?.length??0,o=parseFloat(i.toFixed(a));return Math.min(n,Math.max(t,o))}function w(e,t,n){return n===t?0:(e-t)/(n-t)*100}function T(e,t,n){return e/100*(n-t)+t}function E(n,r={}){let i=e(n,`slider-track`),a=t(n,`slider-thumb`),o=e(n,`slider-range`);if(!i||a.length===0)throw Error(`Slider requires slider-track and at least one slider-thumb`);let s=i.parentElement;if(!s)throw Error(`Slider track must have a parent element (control)`);let c=r.min??d(n,`min`)??0,l=r.max??d(n,`max`)??100;c>l&&([c,l]=[l,c]);let m=r.step??d(n,`step`)??1;m<=0&&(m=1);let h=r.largeStep??d(n,`largeStep`)??m*10,E=r.orientation??p(n,`orientation`,b)??`horizontal`,D=r.disabled??u(n,`disabled`)??!1,O=r.onValueChange,k=r.onValueCommit,A=x(f(n,`defaultValue`)),j=r.defaultValue??A??c,M=a.length>=2;M&&!S(j)?j=[c,j]:!M&&S(j)&&(j=j[1]);let N=S(j)?[C(j[0],c,l,m),C(j[1],c,l,m)]:C(j,c,l,m),P=[],F=null,I=0,L=null,R=null;n.setAttribute(`data-orientation`,E);let z=e=>{e?n.setAttribute(`data-disabled`,``):n.removeAttribute(`data-disabled`);for(let t of a)_(t,`disabled`,e),t.tabIndex=e?-1:0};z(D);let B=(e,t)=>{e.setAttribute(`role`,`slider`),e.tabIndex=D?-1:0,g(e,`slider-thumb`),_(e,`orientation`,E);let n=e.hasAttribute(`aria-label`)||e.hasAttribute(`aria-labelledby`),r=e.dataset.label;r?_(e,`label`,r):!n&&M&&_(e,`label`,t===0?`Minimum`:`Maximum`)};for(let e=0;e<a.length;e++)B(a[e],e);let V=E===`horizontal`,H=()=>{if(S(N)){let[e,t]=N,n=w(e,c,l),r=w(t,c,l);a[0]&&(_(a[0],`valuenow`,String(e)),_(a[0],`valuemin`,String(c)),_(a[0],`valuemax`,String(t)),V?(a[0].style.left=`${n}%`,a[0].style.bottom=``):(a[0].style.bottom=`${n}%`,a[0].style.left=``)),a[1]&&(_(a[1],`valuenow`,String(t)),_(a[1],`valuemin`,String(e)),_(a[1],`valuemax`,String(l)),V?(a[1].style.left=`${r}%`,a[1].style.bottom=``):(a[1].style.bottom=`${r}%`,a[1].style.left=``)),o&&(V?(o.style.left=`${n}%`,o.style.width=`${r-n}%`,o.style.bottom=``,o.style.height=``):(o.style.bottom=`${n}%`,o.style.height=`${r-n}%`,o.style.left=``,o.style.width=``))}else{let e=w(N,c,l);a[0]&&(_(a[0],`valuenow`,String(N)),_(a[0],`valuemin`,String(c)),_(a[0],`valuemax`,String(l)),V?(a[0].style.left=`${e}%`,a[0].style.bottom=``):(a[0].style.bottom=`${e}%`,a[0].style.left=``)),o&&(V?(o.style.left=`0%`,o.style.width=`${e}%`,o.style.bottom=``,o.style.height=``):(o.style.bottom=`0%`,o.style.height=`${e}%`,o.style.left=``,o.style.width=``))}S(N)?n.setAttribute(`data-value`,`${N[0]},${N[1]}`):n.setAttribute(`data-value`,String(N))},U=(e,t)=>S(e)&&S(t)?e[0]===t[0]&&e[1]===t[1]:e===t,W=(e,t=!0)=>{let r;if(S(e)){let[t,n]=e;t=C(t,c,l,m),n=C(n,c,l,m),t>n&&([t,n]=[n,t]),r=[t,n]}else r=C(e,c,l,m);let i=!U(r,N);return i?(N=r,H(),t&&(y(n,`slider:change`,{value:N}),O?.(N)),!0):!1};H();let G=e=>{let t=i.getBoundingClientRect();if(V&&t.width===0||!V&&t.height===0)return null;let n;return n=V?(e.clientX-t.left)/t.width*100:(t.bottom-e.clientY)/t.height*100,n=Math.max(0,Math.min(100,n)),T(n,c,l)},K=e=>{if(!e||!(e instanceof HTMLElement))return null;let t=a.indexOf(e);if(t!==-1)return t;for(let t=0;t<a.length;t++)if(a[t].contains(e))return t;return null},q=e=>{if(!S(N))return 0;let[t,n]=N,r=Math.abs(e-t),i=Math.abs(e-n);return r===i?I:r<i?0:1},J=(e,t)=>{if(S(N)){let[n,r]=N;if(e===0){let e=C(t,c,r,m);return W([e,r])}else{let e=C(t,n,l,m);return W([n,e])}}else return W(t)},Y=e=>{if(D)return;e.preventDefault();let t=G(e);if(t===null)return;let r=K(e.target);r===null&&(r=q(t)),F=r,I=r,n.setAttribute(`data-dragging`,``),a[r]?.setAttribute(`data-dragging`,``),a[r]?.focus(),R=s.style.touchAction,s.style.touchAction=`none`,J(r,t),s.setPointerCapture(e.pointerId)},X=e=>{if(F===null||D)return;e.preventDefault();let t=G(e);t!==null&&J(F,t)},Z=e=>{if(F!==null){n.removeAttribute(`data-dragging`);for(let e of a)e.removeAttribute(`data-dragging`);s.style.touchAction=R??``,R=null,y(n,`slider:commit`,{value:N}),k?.(N),F=null;try{s.releasePointerCapture(e.pointerId)}catch{}}};P.push(v(s,`pointerdown`,Y)),P.push(v(s,`pointermove`,X)),P.push(v(s,`pointerup`,Z)),P.push(v(s,`pointercancel`,Z));let Q=e=>{if(D)return;let t=e.target,n=a.indexOf(t);if(n===-1)return;let r=0,i=null;switch(e.key){case`ArrowRight`:if(!V)return;r=m;break;case`ArrowLeft`:if(!V)return;r=-m;break;case`ArrowUp`:if(V)return;r=m;break;case`ArrowDown`:if(V)return;r=-m;break;case`PageUp`:r=h;break;case`PageDown`:r=-h;break;case`Home`:i=c;break;case`End`:i=l;break;default:return}e.shiftKey&&e.key.startsWith(`Arrow`)&&(r=r>0?h:r<0?-h:0),e.preventDefault(),I=n,L===null&&(L=S(N)?[N[0],N[1]]:N);let o=S(N)?N[n]??N[0]:N,s=i===null?o+r:i;J(n,s)},$=()=>{L!==null&&(U(L,N)||(y(n,`slider:commit`,{value:N}),k?.(N)),L=null)};for(let e of a)P.push(v(e,`keydown`,Q)),P.push(v(e,`blur`,$));let ee=e=>{if(D)return;let t=e,r=t.detail,i;if(typeof r==`number`||Array.isArray(r)?i=r:r&&typeof r==`object`&&`value`in r&&(i=r.value),i!==void 0){let e=W(i);e&&(y(n,`slider:commit`,{value:N}),k?.(N))}};P.push(v(n,`slider:set`,ee));let te={setValue:e=>{W(e)},get value(){return N},get min(){return c},get max(){return l},get disabled(){return D},destroy:()=>{P.forEach(e=>e()),P.length=0}};return te}const D=new WeakSet;function O(e=document){let t=[];for(let r of n(e,`slider`)){if(D.has(r))continue;D.add(r),t.push(E(r))}return t}exports.create=O,exports.createSlider=E;
+var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));const c=s(require(`@data-slot/core`)),l=[`horizontal`,`vertical`];function u(e){if(!e)return;let t=e.split(`,`).map(e=>parseFloat(e.trim()));if(!t.some(e=>isNaN(e))){if(t.length===2)return[t[0],t[1]];if(t.length===1)return t[0]}}function d(e){return Array.isArray(e)}function f(e,t,n,r){let i=Math.round((e-t)/r)*r+t,a=r.toString().split(`.`)[1]?.length??0,o=parseFloat(i.toFixed(a));return Math.min(n,Math.max(t,o))}function p(e,t,n){return n===t?0:(e-t)/(n-t)*100}function m(e,t,n){return e/100*(n-t)+t}function h(e,t={}){let n=(0,c.getPart)(e,`slider-track`),r=(0,c.getParts)(e,`slider-thumb`),i=(0,c.getPart)(e,`slider-range`);if(!n||r.length===0)throw Error(`Slider requires slider-track and at least one slider-thumb`);let a=n.parentElement;if(!a)throw Error(`Slider track must have a parent element (control)`);let o=t.min??(0,c.getDataNumber)(e,`min`)??0,s=t.max??(0,c.getDataNumber)(e,`max`)??100;o>s&&([o,s]=[s,o]);let h=t.step??(0,c.getDataNumber)(e,`step`)??1;h<=0&&(h=1);let g=t.largeStep??(0,c.getDataNumber)(e,`largeStep`)??h*10,_=t.orientation??(0,c.getDataEnum)(e,`orientation`,l)??`horizontal`,v=t.disabled??(0,c.getDataBool)(e,`disabled`)??!1,y=t.onValueChange,b=t.onValueCommit,x=u((0,c.getDataString)(e,`defaultValue`)),S=t.defaultValue??x??o,C=r.length>=2;C&&!d(S)?S=[o,S]:!C&&d(S)&&(S=S[1]);let w=d(S)?[f(S[0],o,s,h),f(S[1],o,s,h)]:f(S,o,s,h),T=[],E=null,D=0,O=null,k=null;e.setAttribute(`data-orientation`,_);let A=t=>{t?e.setAttribute(`data-disabled`,``):e.removeAttribute(`data-disabled`);for(let e of r)(0,c.setAria)(e,`disabled`,t),e.tabIndex=t?-1:0};A(v);let j=(e,t)=>{e.setAttribute(`role`,`slider`),e.tabIndex=v?-1:0,(0,c.ensureId)(e,`slider-thumb`),(0,c.setAria)(e,`orientation`,_);let n=e.hasAttribute(`aria-label`)||e.hasAttribute(`aria-labelledby`),r=e.dataset.label;r?(0,c.setAria)(e,`label`,r):!n&&C&&(0,c.setAria)(e,`label`,t===0?`Minimum`:`Maximum`)};for(let e=0;e<r.length;e++)j(r[e],e);let M=_===`horizontal`,N=()=>{if(d(w)){let[e,t]=w,n=p(e,o,s),a=p(t,o,s);r[0]&&((0,c.setAria)(r[0],`valuenow`,String(e)),(0,c.setAria)(r[0],`valuemin`,String(o)),(0,c.setAria)(r[0],`valuemax`,String(t)),M?(r[0].style.left=`${n}%`,r[0].style.bottom=``):(r[0].style.bottom=`${n}%`,r[0].style.left=``)),r[1]&&((0,c.setAria)(r[1],`valuenow`,String(t)),(0,c.setAria)(r[1],`valuemin`,String(e)),(0,c.setAria)(r[1],`valuemax`,String(s)),M?(r[1].style.left=`${a}%`,r[1].style.bottom=``):(r[1].style.bottom=`${a}%`,r[1].style.left=``)),i&&(M?(i.style.left=`${n}%`,i.style.width=`${a-n}%`,i.style.bottom=``,i.style.height=``):(i.style.bottom=`${n}%`,i.style.height=`${a-n}%`,i.style.left=``,i.style.width=``))}else{let e=p(w,o,s);r[0]&&((0,c.setAria)(r[0],`valuenow`,String(w)),(0,c.setAria)(r[0],`valuemin`,String(o)),(0,c.setAria)(r[0],`valuemax`,String(s)),M?(r[0].style.left=`${e}%`,r[0].style.bottom=``):(r[0].style.bottom=`${e}%`,r[0].style.left=``)),i&&(M?(i.style.left=`0%`,i.style.width=`${e}%`,i.style.bottom=``,i.style.height=``):(i.style.bottom=`0%`,i.style.height=`${e}%`,i.style.left=``,i.style.width=``))}d(w)?e.setAttribute(`data-value`,`${w[0]},${w[1]}`):e.setAttribute(`data-value`,String(w))},P=(e,t)=>d(e)&&d(t)?e[0]===t[0]&&e[1]===t[1]:e===t,F=(t,n=!0)=>{let r;if(d(t)){let[e,n]=t;e=f(e,o,s,h),n=f(n,o,s,h),e>n&&([e,n]=[n,e]),r=[e,n]}else r=f(t,o,s,h);let i=!P(r,w);return i?(w=r,N(),n&&((0,c.emit)(e,`slider:change`,{value:w}),y?.(w)),!0):!1};N();let I=e=>{let t=n.getBoundingClientRect();if(M&&t.width===0||!M&&t.height===0)return null;let r;return r=M?(e.clientX-t.left)/t.width*100:(t.bottom-e.clientY)/t.height*100,r=Math.max(0,Math.min(100,r)),m(r,o,s)},L=e=>{if(!e||!(e instanceof HTMLElement))return null;let t=r.indexOf(e);if(t!==-1)return t;for(let t=0;t<r.length;t++)if(r[t].contains(e))return t;return null},R=e=>{if(!d(w))return 0;let[t,n]=w,r=Math.abs(e-t),i=Math.abs(e-n);return r===i?D:r<i?0:1},z=(e,t)=>{if(d(w)){let[n,r]=w;if(e===0){let e=f(t,o,r,h);return F([e,r])}else{let e=f(t,n,s,h);return F([n,e])}}else return F(t)},B=t=>{if(v)return;t.preventDefault();let n=I(t);if(n===null)return;let i=L(t.target);i===null&&(i=R(n)),E=i,D=i,e.setAttribute(`data-dragging`,``),r[i]?.setAttribute(`data-dragging`,``),r[i]?.focus(),k=a.style.touchAction,a.style.touchAction=`none`,z(i,n),a.setPointerCapture(t.pointerId)},V=e=>{if(E===null||v)return;e.preventDefault();let t=I(e);t!==null&&z(E,t)},H=t=>{if(E!==null){e.removeAttribute(`data-dragging`);for(let e of r)e.removeAttribute(`data-dragging`);a.style.touchAction=k??``,k=null,(0,c.emit)(e,`slider:commit`,{value:w}),b?.(w),E=null;try{a.releasePointerCapture(t.pointerId)}catch{}}};T.push((0,c.on)(a,`pointerdown`,B)),T.push((0,c.on)(a,`pointermove`,V)),T.push((0,c.on)(a,`pointerup`,H)),T.push((0,c.on)(a,`pointercancel`,H));let U=e=>{if(v)return;let t=e.target,n=r.indexOf(t);if(n===-1)return;let i=0,a=null;switch(e.key){case`ArrowRight`:if(!M)return;i=h;break;case`ArrowLeft`:if(!M)return;i=-h;break;case`ArrowUp`:if(M)return;i=h;break;case`ArrowDown`:if(M)return;i=-h;break;case`PageUp`:i=g;break;case`PageDown`:i=-g;break;case`Home`:a=o;break;case`End`:a=s;break;default:return}e.shiftKey&&e.key.startsWith(`Arrow`)&&(i=i>0?g:i<0?-g:0),e.preventDefault(),D=n,O===null&&(O=d(w)?[w[0],w[1]]:w);let c=d(w)?w[n]??w[0]:w,l=a===null?c+i:a;z(n,l)},W=()=>{O!==null&&(P(O,w)||((0,c.emit)(e,`slider:commit`,{value:w}),b?.(w)),O=null)};for(let e of r)T.push((0,c.on)(e,`keydown`,U)),T.push((0,c.on)(e,`blur`,W));let G=t=>{if(v)return;let n=t,r=n.detail,i;if(typeof r==`number`||Array.isArray(r)?i=r:r&&typeof r==`object`&&`value`in r&&(i=r.value),i!==void 0){let t=F(i);t&&((0,c.emit)(e,`slider:commit`,{value:w}),b?.(w))}};T.push((0,c.on)(e,`slider:set`,G));let K={setValue:e=>{F(e)},get value(){return w},get min(){return o},get max(){return s},get disabled(){return v},destroy:()=>{T.forEach(e=>e()),T.length=0}};return K}const g=new WeakSet;function _(e=document){let t=[];for(let n of(0,c.getRoots)(e,`slider`)){if(g.has(n))continue;g.add(n),t.push(h(n))}return t}exports.create=_,exports.createSlider=h;

package/dist/index.js

@@ -1 +1 @@
-const e=(e,t)=>e.querySelector(`[data-slot="${t}"]`),t=(e,t)=>[...e.querySelectorAll(`[data-slot="${t}"]`)],n=(e,t)=>[...e.querySelectorAll(`[data-slot="${t}"]`)],r=new WeakMap;function i(e,t,n){if(typeof process<`u`&&process.env?.NODE_ENV===`production`)return;let i=r.get(e);i||(i=new Set,r.set(e,i)),!i.has(t)&&(i.add(t),console.warn(`[@data-slot] ${n}`))}function a(e){let t=`data-${e.replace(/([A-Z])/g,`-$1`).toLowerCase()}`,n=`data-${e}`;return t===n?[t]:[t,n]}function o(e,t){for(let n of a(t))if(e.hasAttribute(n))return e.getAttribute(n);return null}function s(e,t){return a(t).some(t=>e.hasAttribute(t))}const c=new Set([``,`true`,`1`,`yes`]),l=new Set([`false`,`0`,`no`]);function u(e,t){if(!s(e,t))return;let n=o(e,t);if(n===null)return;let r=n.toLowerCase();if(c.has(r))return!0;if(l.has(r))return!1;i(e,t,`Invalid boolean value "${n}" for data-${t}. Expected: true/false/1/0/yes/no or empty.`)}function d(e,t){let n=o(e,t);if(n===null||n===``)return;let r=Number(n);if(Number.isNaN(r)||!Number.isFinite(r)){i(e,t,`Invalid number value "${n}" for data-${t}.`);return}return r}function f(e,t){if(s(e,t))return o(e,t)??void 0}function p(e,t,n){let r=o(e,t);if(r!==null){if(n.includes(r))return r;i(e,t,`Invalid value "${r}" for data-${t}. Expected one of: ${n.join(`, `)}.`)}}const m=Symbol.for(`data-slot.portal-owner`);let h=0;const g=(e,t)=>e.id||=`${t}-${++h}`,_=(e,t,n)=>{n===null?e.removeAttribute(`aria-${t}`):e.setAttribute(`aria-${t}`,String(n))};function v(e,t,n,r){return e.addEventListener(t,n,r),()=>e.removeEventListener(t,n,r)}const y=(e,t,n)=>e.dispatchEvent(new CustomEvent(t,{bubbles:!0,detail:n})),b=[`horizontal`,`vertical`];function x(e){if(!e)return;let t=e.split(`,`).map(e=>parseFloat(e.trim()));if(!t.some(e=>isNaN(e))){if(t.length===2)return[t[0],t[1]];if(t.length===1)return t[0]}}function S(e){return Array.isArray(e)}function C(e,t,n,r){let i=Math.round((e-t)/r)*r+t,a=r.toString().split(`.`)[1]?.length??0,o=parseFloat(i.toFixed(a));return Math.min(n,Math.max(t,o))}function w(e,t,n){return n===t?0:(e-t)/(n-t)*100}function T(e,t,n){return e/100*(n-t)+t}function E(n,r={}){let i=e(n,`slider-track`),a=t(n,`slider-thumb`),o=e(n,`slider-range`);if(!i||a.length===0)throw Error(`Slider requires slider-track and at least one slider-thumb`);let s=i.parentElement;if(!s)throw Error(`Slider track must have a parent element (control)`);let c=r.min??d(n,`min`)??0,l=r.max??d(n,`max`)??100;c>l&&([c,l]=[l,c]);let m=r.step??d(n,`step`)??1;m<=0&&(m=1);let h=r.largeStep??d(n,`largeStep`)??m*10,E=r.orientation??p(n,`orientation`,b)??`horizontal`,D=r.disabled??u(n,`disabled`)??!1,O=r.onValueChange,k=r.onValueCommit,A=x(f(n,`defaultValue`)),j=r.defaultValue??A??c,M=a.length>=2;M&&!S(j)?j=[c,j]:!M&&S(j)&&(j=j[1]);let N=S(j)?[C(j[0],c,l,m),C(j[1],c,l,m)]:C(j,c,l,m),P=[],F=null,I=0,L=null,R=null;n.setAttribute(`data-orientation`,E);let z=e=>{e?n.setAttribute(`data-disabled`,``):n.removeAttribute(`data-disabled`);for(let t of a)_(t,`disabled`,e),t.tabIndex=e?-1:0};z(D);let B=(e,t)=>{e.setAttribute(`role`,`slider`),e.tabIndex=D?-1:0,g(e,`slider-thumb`),_(e,`orientation`,E);let n=e.hasAttribute(`aria-label`)||e.hasAttribute(`aria-labelledby`),r=e.dataset.label;r?_(e,`label`,r):!n&&M&&_(e,`label`,t===0?`Minimum`:`Maximum`)};for(let e=0;e<a.length;e++)B(a[e],e);let V=E===`horizontal`,H=()=>{if(S(N)){let[e,t]=N,n=w(e,c,l),r=w(t,c,l);a[0]&&(_(a[0],`valuenow`,String(e)),_(a[0],`valuemin`,String(c)),_(a[0],`valuemax`,String(t)),V?(a[0].style.left=`${n}%`,a[0].style.bottom=``):(a[0].style.bottom=`${n}%`,a[0].style.left=``)),a[1]&&(_(a[1],`valuenow`,String(t)),_(a[1],`valuemin`,String(e)),_(a[1],`valuemax`,String(l)),V?(a[1].style.left=`${r}%`,a[1].style.bottom=``):(a[1].style.bottom=`${r}%`,a[1].style.left=``)),o&&(V?(o.style.left=`${n}%`,o.style.width=`${r-n}%`,o.style.bottom=``,o.style.height=``):(o.style.bottom=`${n}%`,o.style.height=`${r-n}%`,o.style.left=``,o.style.width=``))}else{let e=w(N,c,l);a[0]&&(_(a[0],`valuenow`,String(N)),_(a[0],`valuemin`,String(c)),_(a[0],`valuemax`,String(l)),V?(a[0].style.left=`${e}%`,a[0].style.bottom=``):(a[0].style.bottom=`${e}%`,a[0].style.left=``)),o&&(V?(o.style.left=`0%`,o.style.width=`${e}%`,o.style.bottom=``,o.style.height=``):(o.style.bottom=`0%`,o.style.height=`${e}%`,o.style.left=``,o.style.width=``))}S(N)?n.setAttribute(`data-value`,`${N[0]},${N[1]}`):n.setAttribute(`data-value`,String(N))},U=(e,t)=>S(e)&&S(t)?e[0]===t[0]&&e[1]===t[1]:e===t,W=(e,t=!0)=>{let r;if(S(e)){let[t,n]=e;t=C(t,c,l,m),n=C(n,c,l,m),t>n&&([t,n]=[n,t]),r=[t,n]}else r=C(e,c,l,m);let i=!U(r,N);return i?(N=r,H(),t&&(y(n,`slider:change`,{value:N}),O?.(N)),!0):!1};H();let G=e=>{let t=i.getBoundingClientRect();if(V&&t.width===0||!V&&t.height===0)return null;let n;return n=V?(e.clientX-t.left)/t.width*100:(t.bottom-e.clientY)/t.height*100,n=Math.max(0,Math.min(100,n)),T(n,c,l)},K=e=>{if(!e||!(e instanceof HTMLElement))return null;let t=a.indexOf(e);if(t!==-1)return t;for(let t=0;t<a.length;t++)if(a[t].contains(e))return t;return null},q=e=>{if(!S(N))return 0;let[t,n]=N,r=Math.abs(e-t),i=Math.abs(e-n);return r===i?I:r<i?0:1},J=(e,t)=>{if(S(N)){let[n,r]=N;if(e===0){let e=C(t,c,r,m);return W([e,r])}else{let e=C(t,n,l,m);return W([n,e])}}else return W(t)},Y=e=>{if(D)return;e.preventDefault();let t=G(e);if(t===null)return;let r=K(e.target);r===null&&(r=q(t)),F=r,I=r,n.setAttribute(`data-dragging`,``),a[r]?.setAttribute(`data-dragging`,``),a[r]?.focus(),R=s.style.touchAction,s.style.touchAction=`none`,J(r,t),s.setPointerCapture(e.pointerId)},X=e=>{if(F===null||D)return;e.preventDefault();let t=G(e);t!==null&&J(F,t)},Z=e=>{if(F!==null){n.removeAttribute(`data-dragging`);for(let e of a)e.removeAttribute(`data-dragging`);s.style.touchAction=R??``,R=null,y(n,`slider:commit`,{value:N}),k?.(N),F=null;try{s.releasePointerCapture(e.pointerId)}catch{}}};P.push(v(s,`pointerdown`,Y)),P.push(v(s,`pointermove`,X)),P.push(v(s,`pointerup`,Z)),P.push(v(s,`pointercancel`,Z));let Q=e=>{if(D)return;let t=e.target,n=a.indexOf(t);if(n===-1)return;let r=0,i=null;switch(e.key){case`ArrowRight`:if(!V)return;r=m;break;case`ArrowLeft`:if(!V)return;r=-m;break;case`ArrowUp`:if(V)return;r=m;break;case`ArrowDown`:if(V)return;r=-m;break;case`PageUp`:r=h;break;case`PageDown`:r=-h;break;case`Home`:i=c;break;case`End`:i=l;break;default:return}e.shiftKey&&e.key.startsWith(`Arrow`)&&(r=r>0?h:r<0?-h:0),e.preventDefault(),I=n,L===null&&(L=S(N)?[N[0],N[1]]:N);let o=S(N)?N[n]??N[0]:N,s=i===null?o+r:i;J(n,s)},$=()=>{L!==null&&(U(L,N)||(y(n,`slider:commit`,{value:N}),k?.(N)),L=null)};for(let e of a)P.push(v(e,`keydown`,Q)),P.push(v(e,`blur`,$));let ee=e=>{if(D)return;let t=e,r=t.detail,i;if(typeof r==`number`||Array.isArray(r)?i=r:r&&typeof r==`object`&&`value`in r&&(i=r.value),i!==void 0){let e=W(i);e&&(y(n,`slider:commit`,{value:N}),k?.(N))}};P.push(v(n,`slider:set`,ee));let te={setValue:e=>{W(e)},get value(){return N},get min(){return c},get max(){return l},get disabled(){return D},destroy:()=>{P.forEach(e=>e()),P.length=0}};return te}const D=new WeakSet;function O(e=document){let t=[];for(let r of n(e,`slider`)){if(D.has(r))continue;D.add(r),t.push(E(r))}return t}export{O as create,E as createSlider};
+import{emit as e,ensureId as t,getDataBool as n,getDataEnum as r,getDataNumber as i,getDataString as a,getPart as o,getParts as s,getRoots as c,on as l,setAria as u}from"@data-slot/core";const d=[`horizontal`,`vertical`];function f(e){if(!e)return;let t=e.split(`,`).map(e=>parseFloat(e.trim()));if(!t.some(e=>isNaN(e))){if(t.length===2)return[t[0],t[1]];if(t.length===1)return t[0]}}function p(e){return Array.isArray(e)}function m(e,t,n,r){let i=Math.round((e-t)/r)*r+t,a=r.toString().split(`.`)[1]?.length??0,o=parseFloat(i.toFixed(a));return Math.min(n,Math.max(t,o))}function h(e,t,n){return n===t?0:(e-t)/(n-t)*100}function g(e,t,n){return e/100*(n-t)+t}function _(c,_={}){let v=o(c,`slider-track`),y=s(c,`slider-thumb`),b=o(c,`slider-range`);if(!v||y.length===0)throw Error(`Slider requires slider-track and at least one slider-thumb`);let x=v.parentElement;if(!x)throw Error(`Slider track must have a parent element (control)`);let S=_.min??i(c,`min`)??0,C=_.max??i(c,`max`)??100;S>C&&([S,C]=[C,S]);let w=_.step??i(c,`step`)??1;w<=0&&(w=1);let T=_.largeStep??i(c,`largeStep`)??w*10,E=_.orientation??r(c,`orientation`,d)??`horizontal`,D=_.disabled??n(c,`disabled`)??!1,O=_.onValueChange,k=_.onValueCommit,A=f(a(c,`defaultValue`)),j=_.defaultValue??A??S,M=y.length>=2;M&&!p(j)?j=[S,j]:!M&&p(j)&&(j=j[1]);let N=p(j)?[m(j[0],S,C,w),m(j[1],S,C,w)]:m(j,S,C,w),P=[],F=null,I=0,L=null,R=null;c.setAttribute(`data-orientation`,E);let z=e=>{e?c.setAttribute(`data-disabled`,``):c.removeAttribute(`data-disabled`);for(let t of y)u(t,`disabled`,e),t.tabIndex=e?-1:0};z(D);let B=(e,n)=>{e.setAttribute(`role`,`slider`),e.tabIndex=D?-1:0,t(e,`slider-thumb`),u(e,`orientation`,E);let r=e.hasAttribute(`aria-label`)||e.hasAttribute(`aria-labelledby`),i=e.dataset.label;i?u(e,`label`,i):!r&&M&&u(e,`label`,n===0?`Minimum`:`Maximum`)};for(let e=0;e<y.length;e++)B(y[e],e);let V=E===`horizontal`,H=()=>{if(p(N)){let[e,t]=N,n=h(e,S,C),r=h(t,S,C);y[0]&&(u(y[0],`valuenow`,String(e)),u(y[0],`valuemin`,String(S)),u(y[0],`valuemax`,String(t)),V?(y[0].style.left=`${n}%`,y[0].style.bottom=``):(y[0].style.bottom=`${n}%`,y[0].style.left=``)),y[1]&&(u(y[1],`valuenow`,String(t)),u(y[1],`valuemin`,String(e)),u(y[1],`valuemax`,String(C)),V?(y[1].style.left=`${r}%`,y[1].style.bottom=``):(y[1].style.bottom=`${r}%`,y[1].style.left=``)),b&&(V?(b.style.left=`${n}%`,b.style.width=`${r-n}%`,b.style.bottom=``,b.style.height=``):(b.style.bottom=`${n}%`,b.style.height=`${r-n}%`,b.style.left=``,b.style.width=``))}else{let e=h(N,S,C);y[0]&&(u(y[0],`valuenow`,String(N)),u(y[0],`valuemin`,String(S)),u(y[0],`valuemax`,String(C)),V?(y[0].style.left=`${e}%`,y[0].style.bottom=``):(y[0].style.bottom=`${e}%`,y[0].style.left=``)),b&&(V?(b.style.left=`0%`,b.style.width=`${e}%`,b.style.bottom=``,b.style.height=``):(b.style.bottom=`0%`,b.style.height=`${e}%`,b.style.left=``,b.style.width=``))}p(N)?c.setAttribute(`data-value`,`${N[0]},${N[1]}`):c.setAttribute(`data-value`,String(N))},U=(e,t)=>p(e)&&p(t)?e[0]===t[0]&&e[1]===t[1]:e===t,W=(t,n=!0)=>{let r;if(p(t)){let[e,n]=t;e=m(e,S,C,w),n=m(n,S,C,w),e>n&&([e,n]=[n,e]),r=[e,n]}else r=m(t,S,C,w);let i=!U(r,N);return i?(N=r,H(),n&&(e(c,`slider:change`,{value:N}),O?.(N)),!0):!1};H();let G=e=>{let t=v.getBoundingClientRect();if(V&&t.width===0||!V&&t.height===0)return null;let n;return n=V?(e.clientX-t.left)/t.width*100:(t.bottom-e.clientY)/t.height*100,n=Math.max(0,Math.min(100,n)),g(n,S,C)},K=e=>{if(!e||!(e instanceof HTMLElement))return null;let t=y.indexOf(e);if(t!==-1)return t;for(let t=0;t<y.length;t++)if(y[t].contains(e))return t;return null},q=e=>{if(!p(N))return 0;let[t,n]=N,r=Math.abs(e-t),i=Math.abs(e-n);return r===i?I:r<i?0:1},J=(e,t)=>{if(p(N)){let[n,r]=N;if(e===0){let e=m(t,S,r,w);return W([e,r])}else{let e=m(t,n,C,w);return W([n,e])}}else return W(t)},Y=e=>{if(D)return;e.preventDefault();let t=G(e);if(t===null)return;let n=K(e.target);n===null&&(n=q(t)),F=n,I=n,c.setAttribute(`data-dragging`,``),y[n]?.setAttribute(`data-dragging`,``),y[n]?.focus(),R=x.style.touchAction,x.style.touchAction=`none`,J(n,t),x.setPointerCapture(e.pointerId)},X=e=>{if(F===null||D)return;e.preventDefault();let t=G(e);t!==null&&J(F,t)},Z=t=>{if(F!==null){c.removeAttribute(`data-dragging`);for(let e of y)e.removeAttribute(`data-dragging`);x.style.touchAction=R??``,R=null,e(c,`slider:commit`,{value:N}),k?.(N),F=null;try{x.releasePointerCapture(t.pointerId)}catch{}}};P.push(l(x,`pointerdown`,Y)),P.push(l(x,`pointermove`,X)),P.push(l(x,`pointerup`,Z)),P.push(l(x,`pointercancel`,Z));let Q=e=>{if(D)return;let t=e.target,n=y.indexOf(t);if(n===-1)return;let r=0,i=null;switch(e.key){case`ArrowRight`:if(!V)return;r=w;break;case`ArrowLeft`:if(!V)return;r=-w;break;case`ArrowUp`:if(V)return;r=w;break;case`ArrowDown`:if(V)return;r=-w;break;case`PageUp`:r=T;break;case`PageDown`:r=-T;break;case`Home`:i=S;break;case`End`:i=C;break;default:return}e.shiftKey&&e.key.startsWith(`Arrow`)&&(r=r>0?T:r<0?-T:0),e.preventDefault(),I=n,L===null&&(L=p(N)?[N[0],N[1]]:N);let a=p(N)?N[n]??N[0]:N,o=i===null?a+r:i;J(n,o)},$=()=>{L!==null&&(U(L,N)||(e(c,`slider:commit`,{value:N}),k?.(N)),L=null)};for(let e of y)P.push(l(e,`keydown`,Q)),P.push(l(e,`blur`,$));let ee=t=>{if(D)return;let n=t,r=n.detail,i;if(typeof r==`number`||Array.isArray(r)?i=r:r&&typeof r==`object`&&`value`in r&&(i=r.value),i!==void 0){let t=W(i);t&&(e(c,`slider:commit`,{value:N}),k?.(N))}};P.push(l(c,`slider:set`,ee));let te={setValue:e=>{W(e)},get value(){return N},get min(){return S},get max(){return C},get disabled(){return D},destroy:()=>{P.forEach(e=>e()),P.length=0}};return te}const v=new WeakSet;function y(e=document){let t=[];for(let n of c(e,`slider`)){if(v.has(n))continue;v.add(n),t.push(_(n))}return t}export{y as create,_ as createSlider};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@data-slot/slider",
-  "version": "0.2.29",
+  "version": "0.2.31",
   "type": "module",
   "sideEffects": false,
   "main": "./dist/index.cjs",
@@ -24,9 +24,6 @@
   "scripts": {
     "build": "tsdown"
   },
-  "devDependencies": {
-    "@data-slot/core": "workspace:*"
-  },
   "repository": {
     "type": "git",
     "url": "https://github.com/bejamas/data-slot",
@@ -40,5 +37,8 @@
     "vanilla",
     "data-slot"
   ],
-  "license": "MIT"
+  "license": "MIT",
+  "dependencies": {
+    "@data-slot/core": "workspace:*"
+  }
 }