@kubit-ui-web/react-components 2.0.0-beta.45 → 2.0.0-beta.47

package/dist/cjs/components/slider/slider.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("../../lib/hooks/useClassName/useClassName.js"),n=require("./sliderStandAlone.js"),i=require("./utils/accessibility.utils.js"),r=require("./utils/slider.utils.js"),s=t.forwardRef(({additionalClasses:s,ariaLabel:l,ariaLabelBy:o,decrementButton:u,defaultValue:c,disabled:d=!1,incrementButton:f,initialStepOffset:m,label:v,leftHelperText:g,max:p=100,min:h=0,onChange:b,onDragEnd:w,onDragStart:S,range:x=!1,rightAriaLabel:L,rightAriaLabelBy:C,rightHelperText:B,rightThumbIcon:E,rightTooltip:y,step:T=1,thumbExceedsTrack:R=!0,thumbIcon:V,tooltip:O,type:k="discrete",value:q,variant:P},j)=>{const A=e=>r.calcDefaultValue({initialStepOffset:m,max:p,min:h,range:x,step:T,value:e}),N=t.useRef(null),[D,H]=t.useState(A(q??c)),[I,z]=t.useState(!1),[K,M]=t.useState(!1),F=t.useRef("left"),[G,J]=t.useState({max:100,min:0}),Q=t.useRef(),U=t.useCallback(e=>{b&&(clearTimeout(Q.current),Q.current=setTimeout(()=>{b(e)},50))},[b]),W=e=>{if(!N.current||d)return;const t=r.calculateChange({container:N.current,event:e,offsetBoundaries:G}),a=r.calcValueByOffset({max:p,min:h,offset:t,offsetBoundaries:G,step:T}),n=r.calcScaleValue({initialStepOffset:m,max:p,min:h,step:T,value:a});H(e=>{let t=n;return x&&(t=r.calcNewRangeValue({activePointer:F,newValue:n,prevValue:e})),U(t),t})},X=()=>{w?.(),M(!1),te()},{scaleOffsets:Y,showScale:Z}=r.getScale({initialStepOffset:m,max:p,min:h,step:T,type:k}),{offset:$,offsetLeft:_,offsetRight:ee}=r.getOffset({max:p,min:h,offsetBoundaries:G,range:x,value:D}),te=()=>{window.removeEventListener("mousemove",W),window.removeEventListener("mouseup",X),window.removeEventListener("touchend",X)},ae=a.useClassName({additionalClassNames:s,component:"SLIDER",variant:P}),ne=t.useCallback(()=>{if(R)return void J({max:100,min:0});if(!N.current)return;const e=N.current.querySelector('[role="slider"]');if(!e)return;const t=N.current.getBoundingClientRect().width,a=e.getBoundingClientRect().width/t*100/2;J({max:100-a,min:a})},[R]);return t.useEffect(()=>(ne(),R||window.addEventListener("resize",ne),()=>{R||window.removeEventListener("resize",ne)}),[R]),t.useEffect(()=>{void 0!==q&&(x&&!r.equalsRangeValues({values1:q,values2:D})||!x&&q!==D)&&H(A(q))},[q]),t.useEffect(()=>te,[]),e.jsx(n.SliderStandAlone,{ref:j,activePointer:F,ariaLabel:l,ariaLabelBy:o,containerRef:N,cssClasses:ae,decrementButton:{...u,disabled:d||u?.disabled,onClick:e=>{const t=i.decrementValue({activePointer:F.current,min:h,range:x,step:T,value:D});void 0!==t&&(H(t),U(t)),u?.onClick?.(e)}},disabled:d,hover:I,incrementButton:{...f,disabled:d||f?.disabled,onClick:e=>{const t=i.incrementValue({activePointer:F.current,max:p,range:x,step:T,value:D});void 0!==t&&(H(t),U(t)),f?.onClick?.(e)}},label:v,leftHelperText:g,max:p,min:h,offset:$,offsetLeft:_,offsetRight:ee,pressed:K,range:x,rightAriaLabel:L,rightAriaLabelBy:C,rightHelperText:B,rightThumbIcon:E,rightTooltip:y,scaleOffsets:Y,setHover:z,showScale:Z,step:T,thumbIcon:V,tooltip:O,value:D,onChange:W,onKeyPress:e=>{if(d)return;const t=i.calcNewValueAfterKeyPress({activePointer:F.current,event:e,max:p,min:h,range:x,step:T,value:D});void 0!==t&&(H(t),U(t))},onMouseDown:e=>{S?.(),M(!0),W(e),window.addEventListener("mousemove",W),window.addEventListener("mouseup",X)},onTouchStart:e=>{S?.(),M(!0),W(e),window.addEventListener("touchend",X)}})});exports.Slider=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),n=require("../../lib/hooks/useClassName/useClassName.js"),r=require("./sliderStandAlone.js"),a=require("./utils/accessibility.utils.js"),i=require("./utils/slider.utils.js"),s=t.forwardRef(({additionalClasses:s,ariaLabel:o,ariaLabelBy:l,decrementButton:u,defaultValue:c,disabled:d=!1,incrementButton:f,initialStepOffset:m,label:v,leftHelperText:g,max:p=100,min:h=0,onChange:b,onDragEnd:w,onDragStart:S,range:x=!1,rightAriaLabel:L,rightAriaLabelBy:C,rightHelperText:B,rightThumbIcon:E,rightTooltip:T,step:y=1,thumbExceedsTrack:R=!0,thumbIcon:V,tooltip:O,type:P="discrete",value:k,variant:q},A)=>{const j=e=>i.calcDefaultValue({initialStepOffset:m,max:p,min:h,range:x,step:y,value:e}),N=t.useRef(null),[D,H]=t.useState(j(k??c)),[I,z]=t.useState(!1),[K,M]=t.useState(!1),F=t.useRef("left"),[G,J]=t.useState({max:100,min:0}),Q=t.useRef();i.focusThumb({container:N.current,currentActivePointer:F.current,range:x});const U=t.useCallback(e=>{b&&(clearTimeout(Q.current),Q.current=setTimeout(()=>{b(e)},50))},[b]),W=e=>{if(!N.current||d)return;const t=i.calculateChange({container:N.current,event:e,offsetBoundaries:G}),n=i.calcValueByOffset({max:p,min:h,offset:t,offsetBoundaries:G,step:y}),r=i.calcScaleValue({initialStepOffset:m,max:p,min:h,step:y,value:n});H(e=>{let t=r;return x&&(t=i.calcNewRangeValue({activePointer:F,newValue:r,prevValue:e})),U(t),t})},X=()=>{w?.(),M(!1),te()},{scaleOffsets:Y,showScale:Z}=i.getScale({initialStepOffset:m,max:p,min:h,step:y,type:P}),{offset:$,offsetLeft:_,offsetRight:ee}=i.getOffset({max:p,min:h,offsetBoundaries:G,range:x,value:D}),te=()=>{window.removeEventListener("mousemove",W),window.removeEventListener("mouseup",X),window.removeEventListener("touchend",X)},ne=n.useClassName({additionalClassNames:s,component:"SLIDER",variant:q}),re=t.useCallback(()=>{if(R)return void J({max:100,min:0});if(!N.current)return;const e=N.current.querySelector('[role="slider"]');if(!e)return;const t=N.current.getBoundingClientRect().width,n=e.getBoundingClientRect().width/t*100/2;J({max:100-n,min:n})},[R]);return t.useEffect(()=>(re(),R||window.addEventListener("resize",re),()=>{R||window.removeEventListener("resize",re)}),[R]),t.useEffect(()=>{void 0!==k&&(x&&!i.equalsRangeValues({values1:k,values2:D})||!x&&k!==D)&&H(j(k))},[k]),t.useEffect(()=>te,[]),e.jsx(r.SliderStandAlone,{ref:A,activePointer:F,ariaLabel:o,ariaLabelBy:l,containerRef:N,cssClasses:ne,decrementButton:{...u,disabled:d||u?.disabled,onClick:e=>{const t=a.decrementValue({activePointer:F.current,min:h,range:x,step:y,value:D});void 0!==t&&(H(t),U(t)),u?.onClick?.(e)}},disabled:d,hover:I,incrementButton:{...f,disabled:d||f?.disabled,onClick:e=>{const t=a.incrementValue({activePointer:F.current,max:p,range:x,step:y,value:D});void 0!==t&&(H(t),U(t)),f?.onClick?.(e)}},label:v,leftHelperText:g,max:p,min:h,offset:$,offsetLeft:_,offsetRight:ee,pressed:K,range:x,rightAriaLabel:L,rightAriaLabelBy:C,rightHelperText:B,rightThumbIcon:E,rightTooltip:T,scaleOffsets:Y,setHover:z,showScale:Z,step:y,thumbIcon:V,tooltip:O,value:D,onChange:W,onKeyPress:e=>{if(d)return;const t=a.calcNewValueAfterKeyPress({activePointer:F.current,event:e,max:p,min:h,range:x,step:y,value:D});void 0!==t&&(H(t),U(t))},onMouseDown:e=>{S?.(),M(!0),W(e),window.addEventListener("mousemove",W),window.addEventListener("mouseup",X)},onTouchStart:e=>{S?.(),M(!0),W(e),window.addEventListener("touchend",X)}})});exports.Slider=s;

package/dist/cjs/components/slider/utils/slider.utils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../selectorBoxFile/utils/translateValue/translateValue.js"),t=({initialStepOffset:e,max:t,min:a,step:n,value:u})=>{const l=e+Math.ceil((a-e)/n)*n;if(l>t)return u;let i=l+Math.round((u-l)/n)*n;return i=Math.max(a,i),i=Math.min(t,i),Math.abs(a-u)<Math.abs(i-u)&&(i=a),Math.abs(t-u)<Math.abs(i-u)&&(i=t),i},a=({max:e,min:t,step:a,value:n})=>{const u=n-t;let l=a/2;if((e-t)%a>0&&u/a>Math.floor((e-t)/a)&&(l=(e-t)%a/2),u%a>l){const n=t+Math.ceil(u/a)*a;return n>e?e:n}return t+Math.floor(u/a)*a},n=({initialStepOffset:e,max:n,min:u,step:l,value:i})=>l<=0?i:void 0!==e?t({initialStepOffset:e,max:n,min:u,step:l,value:i}):a({max:n,min:u,step:l,value:i}),u=({activePointer:e,newValue:t,prevValue:a})=>"left"===e&&t<a[1]||t<=a[0],l=({activePointer:e,newValue:t,prevValue:a})=>"right"===e&&t>a[0]||t>=a[1],i=({defaultValue:e,max:t,min:a,value:n})=>(({max:e,min:t,value:a})=>void 0!==a&&a>=t&&a<=e)({max:t,min:a,value:n})?n:e;exports.calcDefaultValue=({initialStepOffset:e,max:t,min:a,range:u,step:l,value:r})=>{if(u){let u=[a,t];if((({value:e})=>Boolean(e&&Array.isArray(e)&&2===e.length))({value:r})){const s=r[0],o=r[1],p=i({defaultValue:a,max:t,min:a,value:s}),f=i({defaultValue:t,max:t,min:a,value:o});u=[n({initialStepOffset:e,max:t,min:a,step:l,value:p}),n({initialStepOffset:e,max:t,min:a,step:l,value:f})]}return u}const s=i({defaultValue:a,max:t,min:a,value:r});return n({initialStepOffset:e,max:t,min:a,step:l,value:s})},exports.calcNewRangeValue=({activePointer:e,newValue:t,prevValue:a})=>u({activePointer:e.current,newValue:t,prevValue:a})?("right"===e.current&&(e.current="left"),[t,a[1]]):l({activePointer:e.current,newValue:t,prevValue:a})?("left"===e.current&&(e.current="right"),[a[0],t]):a,exports.calcScaleValue=n,exports.calcScaleValueWithStepOffset=t,exports.calcScaleValueWithoutStepOffset=a,exports.calcValueByOffset=({max:t,min:a,offset:n,offsetBoundaries:u,step:l})=>{let i=e.translateValue({inputMax:u.max,inputMin:u.min,outputMax:t,outputMin:a,value:n});const r=String(l).indexOf(".")>0?String(l).split(".")[1].length:0;if(r>0){const e=Math.pow(10,r);i=Math.round(i*e)/e}else i=Math.round(i);return i},exports.calculateChange=({container:e,event:t,offsetBoundaries:a})=>{t.preventDefault();const n=e.clientWidth;let u=100*(("number"==typeof t?.pageX?t.pageX:t.touches[0].pageX)-(e.getBoundingClientRect().left+window.scrollX))/n;return u=Math.min(a.max,Math.max(a.min,u)),u},exports.equalsRangeValues=({values1:e,values2:t})=>!(!Array.isArray(e)||!Array.isArray(t)||2!==e.length||2!==t.length)&&e[0]===t[0]&&e[1]===t[1],exports.getOffset=({max:t,min:a,offsetBoundaries:n,range:u,value:l})=>{if(a===t)return{offset:100,offsetLeft:0,offsetRight:0};let i,r,s;return u?(r=e.translateValue({inputMax:t,inputMin:a,outputMax:n.max,outputMin:n.min,value:l[0]}),s=100-e.translateValue({inputMax:t,inputMin:a,outputMax:n.max,outputMin:n.min,value:l[1]})):i=e.translateValue({inputMax:t,inputMin:a,outputMax:n.max,outputMin:n.min,value:l}),{offset:i,offsetLeft:r,offsetRight:s}},exports.getScale=({initialStepOffset:t,max:a,min:n,step:u,type:l})=>{const i="discrete"===l&&u>0&&u<a-n;let r=[];if(i){const l=[n];for(let e=t??n;e<a;e+=u)e>n&&l.push(e);l.push(a),r=l.map(t=>e.translateValue({inputMax:a,inputMin:n,outputMax:100,outputMin:0,value:t}))}return{scaleOffsets:r,showScale:i}},exports.shouldUpdateLeftThumb=u,exports.shouldUpdateRightThumb=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../selectorBoxFile/utils/translateValue/translateValue.js"),t=({initialStepOffset:e,max:t,min:a,step:n,value:l})=>{const u=e+Math.ceil((a-e)/n)*n;if(u>t)return l;let i=u+Math.round((l-u)/n)*n;return i=Math.max(a,i),i=Math.min(t,i),Math.abs(a-l)<Math.abs(i-l)&&(i=a),Math.abs(t-l)<Math.abs(i-l)&&(i=t),i},a=({max:e,min:t,step:a,value:n})=>{const l=n-t;let u=a/2;if((e-t)%a>0&&l/a>Math.floor((e-t)/a)&&(u=(e-t)%a/2),l%a>u){const n=t+Math.ceil(l/a)*a;return n>e?e:n}return t+Math.floor(l/a)*a},n=({initialStepOffset:e,max:n,min:l,step:u,value:i})=>u<=0?i:void 0!==e?t({initialStepOffset:e,max:n,min:l,step:u,value:i}):a({max:n,min:l,step:u,value:i}),l=({activePointer:e,newValue:t,prevValue:a})=>"left"===e&&t<a[1]||t<=a[0],u=({activePointer:e,newValue:t,prevValue:a})=>"right"===e&&t>a[0]||t>=a[1],i=({defaultValue:e,max:t,min:a,value:n})=>(({max:e,min:t,value:a})=>void 0!==a&&a>=t&&a<=e)({max:t,min:a,value:n})?n:e;exports.calcDefaultValue=({initialStepOffset:e,max:t,min:a,range:l,step:u,value:r})=>{if(l){let l=[a,t];if((({value:e})=>Boolean(e&&Array.isArray(e)&&2===e.length))({value:r})){const s=r[0],o=r[1],f=i({defaultValue:a,max:t,min:a,value:s}),p=i({defaultValue:t,max:t,min:a,value:o});l=[n({initialStepOffset:e,max:t,min:a,step:u,value:f}),n({initialStepOffset:e,max:t,min:a,step:u,value:p})]}return l}const s=i({defaultValue:a,max:t,min:a,value:r});return n({initialStepOffset:e,max:t,min:a,step:u,value:s})},exports.calcNewRangeValue=({activePointer:e,newValue:t,prevValue:a})=>l({activePointer:e.current,newValue:t,prevValue:a})?("right"===e.current&&(e.current="left"),[t,a[1]]):u({activePointer:e.current,newValue:t,prevValue:a})?("left"===e.current&&(e.current="right"),[a[0],t]):a,exports.calcScaleValue=n,exports.calcScaleValueWithStepOffset=t,exports.calcScaleValueWithoutStepOffset=a,exports.calcValueByOffset=({max:t,min:a,offset:n,offsetBoundaries:l,step:u})=>{let i=e.translateValue({inputMax:l.max,inputMin:l.min,outputMax:t,outputMin:a,value:n});const r=String(u).indexOf(".")>0?String(u).split(".")[1].length:0;if(r>0){const e=Math.pow(10,r);i=Math.round(i*e)/e}else i=Math.round(i);return i},exports.calculateChange=({container:e,event:t,offsetBoundaries:a})=>{t.preventDefault();const n=e.clientWidth;let l=100*(("number"==typeof t?.pageX?t.pageX:t.touches[0].pageX)-(e.getBoundingClientRect().left+window.scrollX))/n;return l=Math.min(a.max,Math.max(a.min,l)),l},exports.equalsRangeValues=({values1:e,values2:t})=>!(!Array.isArray(e)||!Array.isArray(t)||2!==e.length||2!==t.length)&&e[0]===t[0]&&e[1]===t[1],exports.focusThumb=({container:e,currentActivePointer:t,range:a})=>{if(!e)return;let n=null;if(a){const[a,l]=Array.from(e.querySelectorAll('[role="slider"]'));n="left"===t?a:l}else n=e.querySelector('[role="slider"]');n instanceof HTMLElement&&document.activeElement!==n&&n.focus()},exports.getOffset=({max:t,min:a,offsetBoundaries:n,range:l,value:u})=>{if(a===t)return{offset:100,offsetLeft:0,offsetRight:0};let i,r,s;return l?(r=e.translateValue({inputMax:t,inputMin:a,outputMax:n.max,outputMin:n.min,value:u[0]}),s=100-e.translateValue({inputMax:t,inputMin:a,outputMax:n.max,outputMin:n.min,value:u[1]})):i=e.translateValue({inputMax:t,inputMin:a,outputMax:n.max,outputMin:n.min,value:u}),{offset:i,offsetLeft:r,offsetRight:s}},exports.getScale=({initialStepOffset:t,max:a,min:n,step:l,type:u})=>{const i="discrete"===u&&l>0&&l<a-n;let r=[];if(i){const u=[n];for(let e=t??n;e<a;e+=l)e>n&&u.push(e);u.push(a),r=u.map(t=>e.translateValue({inputMax:a,inputMin:n,outputMax:100,outputMin:0,value:t}))}return{scaleOffsets:r,showScale:i}},exports.shouldUpdateLeftThumb=l,exports.shouldUpdateRightThumb=u;

package/dist/esm/components/slider/slider.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{forwardRef as t,useRef as i,useState as n,useCallback as r,useEffect as o}from"react";import{useClassName as a}from"../../lib/hooks/useClassName/useClassName.js";import{SliderStandAlone as s}from"./sliderStandAlone.js";import{calcNewValueAfterKeyPress as l,incrementValue as u,decrementValue as m}from"./utils/accessibility.utils.js";import{calcDefaultValue as c,equalsRangeValues as d,getScale as f,getOffset as v,calculateChange as p,calcValueByOffset as h,calcNewRangeValue as g,calcScaleValue as b}from"./utils/slider.utils.js";const w=t(({additionalClasses:t,ariaLabel:w,ariaLabelBy:x,decrementButton:L,defaultValue:B,disabled:C=!1,incrementButton:T,initialStepOffset:E,label:S,leftHelperText:y,max:k=100,min:O=0,onChange:P,onDragEnd:R,onDragStart:j,range:A=!1,rightAriaLabel:H,rightAriaLabelBy:I,rightHelperText:D,rightThumbIcon:N,rightTooltip:V,step:z=1,thumbExceedsTrack:q=!0,thumbIcon:K,tooltip:M,type:F="discrete",value:G,variant:J},Q)=>{const U=e=>c({initialStepOffset:E,max:k,min:O,range:A,step:z,value:e}),W=i(null),[X,Y]=n(U(G??B)),[Z,$]=n(!1),[_,ee]=n(!1),te=i("left"),[ie,ne]=n({max:100,min:0}),re=i(),oe=r(e=>{P&&(clearTimeout(re.current),re.current=setTimeout(()=>{P(e)},50))},[P]),ae=e=>{if(!W.current||C)return;const t=p({container:W.current,event:e,offsetBoundaries:ie}),i=h({max:k,min:O,offset:t,offsetBoundaries:ie,step:z}),n=b({initialStepOffset:E,max:k,min:O,step:z,value:i});Y(e=>{let t=n;return A&&(t=g({activePointer:te,newValue:n,prevValue:e})),oe(t),t})},se=()=>{R?.(),ee(!1),fe()},{scaleOffsets:le,showScale:ue}=f({initialStepOffset:E,max:k,min:O,step:z,type:F}),{offset:me,offsetLeft:ce,offsetRight:de}=v({max:k,min:O,offsetBoundaries:ie,range:A,value:X}),fe=()=>{window.removeEventListener("mousemove",ae),window.removeEventListener("mouseup",se),window.removeEventListener("touchend",se)},ve=a({additionalClassNames:t,component:"SLIDER",variant:J}),pe=r(()=>{if(q)return void ne({max:100,min:0});if(!W.current)return;const e=W.current.querySelector('[role="slider"]');if(!e)return;const t=W.current.getBoundingClientRect().width,i=e.getBoundingClientRect().width/t*100/2;ne({max:100-i,min:i})},[q]);return o(()=>(pe(),q||window.addEventListener("resize",pe),()=>{q||window.removeEventListener("resize",pe)}),[q]),o(()=>{void 0!==G&&(A&&!d({values1:G,values2:X})||!A&&G!==X)&&Y(U(G))},[G]),o(()=>fe,[]),/* @__PURE__ */e(s,{ref:Q,activePointer:te,ariaLabel:w,ariaLabelBy:x,containerRef:W,cssClasses:ve,decrementButton:{...L,disabled:C||L?.disabled,onClick:e=>{const t=m({activePointer:te.current,min:O,range:A,step:z,value:X});void 0!==t&&(Y(t),oe(t)),L?.onClick?.(e)}},disabled:C,hover:Z,incrementButton:{...T,disabled:C||T?.disabled,onClick:e=>{const t=u({activePointer:te.current,max:k,range:A,step:z,value:X});void 0!==t&&(Y(t),oe(t)),T?.onClick?.(e)}},label:S,leftHelperText:y,max:k,min:O,offset:me,offsetLeft:ce,offsetRight:de,pressed:_,range:A,rightAriaLabel:H,rightAriaLabelBy:I,rightHelperText:D,rightThumbIcon:N,rightTooltip:V,scaleOffsets:le,setHover:$,showScale:ue,step:z,thumbIcon:K,tooltip:M,value:X,onChange:ae,onKeyPress:e=>{if(C)return;const t=l({activePointer:te.current,event:e,max:k,min:O,range:A,step:z,value:X});void 0!==t&&(Y(t),oe(t))},onMouseDown:e=>{j?.(),ee(!0),ae(e),window.addEventListener("mousemove",ae),window.addEventListener("mouseup",se)},onTouchStart:e=>{j?.(),ee(!0),ae(e),window.addEventListener("touchend",se)}})});export{w as Slider};
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as t,useRef as n,useState as i,useCallback as r,useEffect as o}from"react";import{useClassName as a}from"../../lib/hooks/useClassName/useClassName.js";import{SliderStandAlone as s}from"./sliderStandAlone.js";import{calcNewValueAfterKeyPress as l,incrementValue as u,decrementValue as c}from"./utils/accessibility.utils.js";import{calcDefaultValue as m,focusThumb as d,equalsRangeValues as f,getScale as v,getOffset as p,calculateChange as g,calcValueByOffset as h,calcNewRangeValue as b,calcScaleValue as w}from"./utils/slider.utils.js";const x=t(({additionalClasses:t,ariaLabel:x,ariaLabelBy:L,decrementButton:B,defaultValue:C,disabled:T=!1,incrementButton:E,initialStepOffset:S,label:y,leftHelperText:P,max:k=100,min:A=0,onChange:O,onDragEnd:R,onDragStart:j,range:H=!1,rightAriaLabel:I,rightAriaLabelBy:D,rightHelperText:N,rightThumbIcon:V,rightTooltip:z,step:q=1,thumbExceedsTrack:K=!0,thumbIcon:M,tooltip:F,type:G="discrete",value:J,variant:Q},U)=>{const W=e=>m({initialStepOffset:S,max:k,min:A,range:H,step:q,value:e}),X=n(null),[Y,Z]=i(W(J??C)),[$,_]=i(!1),[ee,te]=i(!1),ne=n("left"),[ie,re]=i({max:100,min:0}),oe=n();d({container:X.current,currentActivePointer:ne.current,range:H});const ae=r(e=>{O&&(clearTimeout(oe.current),oe.current=setTimeout(()=>{O(e)},50))},[O]),se=e=>{if(!X.current||T)return;const t=g({container:X.current,event:e,offsetBoundaries:ie}),n=h({max:k,min:A,offset:t,offsetBoundaries:ie,step:q}),i=w({initialStepOffset:S,max:k,min:A,step:q,value:n});Z(e=>{let t=i;return H&&(t=b({activePointer:ne,newValue:i,prevValue:e})),ae(t),t})},le=()=>{R?.(),te(!1),ve()},{scaleOffsets:ue,showScale:ce}=v({initialStepOffset:S,max:k,min:A,step:q,type:G}),{offset:me,offsetLeft:de,offsetRight:fe}=p({max:k,min:A,offsetBoundaries:ie,range:H,value:Y}),ve=()=>{window.removeEventListener("mousemove",se),window.removeEventListener("mouseup",le),window.removeEventListener("touchend",le)},pe=a({additionalClassNames:t,component:"SLIDER",variant:Q}),ge=r(()=>{if(K)return void re({max:100,min:0});if(!X.current)return;const e=X.current.querySelector('[role="slider"]');if(!e)return;const t=X.current.getBoundingClientRect().width,n=e.getBoundingClientRect().width/t*100/2;re({max:100-n,min:n})},[K]);return o(()=>(ge(),K||window.addEventListener("resize",ge),()=>{K||window.removeEventListener("resize",ge)}),[K]),o(()=>{void 0!==J&&(H&&!f({values1:J,values2:Y})||!H&&J!==Y)&&Z(W(J))},[J]),o(()=>ve,[]),/* @__PURE__ */e(s,{ref:U,activePointer:ne,ariaLabel:x,ariaLabelBy:L,containerRef:X,cssClasses:pe,decrementButton:{...B,disabled:T||B?.disabled,onClick:e=>{const t=c({activePointer:ne.current,min:A,range:H,step:q,value:Y});void 0!==t&&(Z(t),ae(t)),B?.onClick?.(e)}},disabled:T,hover:$,incrementButton:{...E,disabled:T||E?.disabled,onClick:e=>{const t=u({activePointer:ne.current,max:k,range:H,step:q,value:Y});void 0!==t&&(Z(t),ae(t)),E?.onClick?.(e)}},label:y,leftHelperText:P,max:k,min:A,offset:me,offsetLeft:de,offsetRight:fe,pressed:ee,range:H,rightAriaLabel:I,rightAriaLabelBy:D,rightHelperText:N,rightThumbIcon:V,rightTooltip:z,scaleOffsets:ue,setHover:_,showScale:ce,step:q,thumbIcon:M,tooltip:F,value:Y,onChange:se,onKeyPress:e=>{if(T)return;const t=l({activePointer:ne.current,event:e,max:k,min:A,range:H,step:q,value:Y});void 0!==t&&(Z(t),ae(t))},onMouseDown:e=>{j?.(),te(!0),se(e),window.addEventListener("mousemove",se),window.addEventListener("mouseup",le)},onTouchStart:e=>{j?.(),te(!0),se(e),window.addEventListener("touchend",le)}})});export{x as Slider};

package/dist/esm/components/slider/utils/slider.utils.js

@@ -1 +1 @@
-import{translateValue as t}from"../../selectorBoxFile/utils/translateValue/translateValue.js";const e=({container:t,event:e,offsetBoundaries:a})=>{e.preventDefault();const n=t.clientWidth;let i=100*(("number"==typeof e?.pageX?e.pageX:e.touches[0].pageX)-(t.getBoundingClientRect().left+window.scrollX))/n;return i=Math.min(a.max,Math.max(a.min,i)),i},a=({max:e,min:a,offset:n,offsetBoundaries:i,step:u})=>{let l=t({inputMax:i.max,inputMin:i.min,outputMax:e,outputMin:a,value:n});const r=String(u).indexOf(".")>0?String(u).split(".")[1].length:0;if(r>0){const t=Math.pow(10,r);l=Math.round(l*t)/t}else l=Math.round(l);return l},n=({initialStepOffset:t,max:e,min:a,step:n,value:i})=>{const u=t+Math.ceil((a-t)/n)*n;if(u>e)return i;let l=u+Math.round((i-u)/n)*n;return l=Math.max(a,l),l=Math.min(e,l),Math.abs(a-i)<Math.abs(l-i)&&(l=a),Math.abs(e-i)<Math.abs(l-i)&&(l=e),l},i=({max:t,min:e,step:a,value:n})=>{const i=n-e;let u=a/2;if((t-e)%a>0&&i/a>Math.floor((t-e)/a)&&(u=(t-e)%a/2),i%a>u){const n=e+Math.ceil(i/a)*a;return n>t?t:n}return e+Math.floor(i/a)*a},u=({initialStepOffset:t,max:e,min:a,step:u,value:l})=>u<=0?l:void 0!==t?n({initialStepOffset:t,max:e,min:a,step:u,value:l}):i({max:e,min:a,step:u,value:l}),l=({activePointer:t,newValue:e,prevValue:a})=>"left"===t&&e<a[1]||e<=a[0],r=({activePointer:t,newValue:e,prevValue:a})=>"right"===t&&e>a[0]||e>=a[1],s=({activePointer:t,newValue:e,prevValue:a})=>l({activePointer:t.current,newValue:e,prevValue:a})?("right"===t.current&&(t.current="left"),[e,a[1]]):r({activePointer:t.current,newValue:e,prevValue:a})?("left"===t.current&&(t.current="right"),[a[0],e]):a,o=({initialStepOffset:e,max:a,min:n,step:i,type:u})=>{const l="discrete"===u&&i>0&&i<a-n;let r=[];if(l){const u=[n];for(let t=e??n;t<a;t+=i)t>n&&u.push(t);u.push(a),r=u.map(e=>t({inputMax:a,inputMin:n,outputMax:100,outputMin:0,value:e}))}return{scaleOffsets:r,showScale:l}},f=({max:e,min:a,offsetBoundaries:n,range:i,value:u})=>{if(a===e)return{offset:100,offsetLeft:0,offsetRight:0};let l,r,s;return i?(r=t({inputMax:e,inputMin:a,outputMax:n.max,outputMin:n.min,value:u[0]}),s=100-t({inputMax:e,inputMin:a,outputMax:n.max,outputMin:n.min,value:u[1]})):l=t({inputMax:e,inputMin:a,outputMax:n.max,outputMin:n.min,value:u}),{offset:l,offsetLeft:r,offsetRight:s}},p=({values1:t,values2:e})=>!(!Array.isArray(t)||!Array.isArray(e)||2!==t.length||2!==e.length)&&t[0]===e[0]&&t[1]===e[1],m=({defaultValue:t,max:e,min:a,value:n})=>(({max:t,min:e,value:a})=>void 0!==a&&a>=e&&a<=t)({max:e,min:a,value:n})?n:t,v=({initialStepOffset:t,max:e,min:a,range:n,step:i,value:l})=>{if(n){let n=[a,e];if((({value:t})=>Boolean(t&&Array.isArray(t)&&2===t.length))({value:l})){const r=l[0],s=l[1],o=m({defaultValue:a,max:e,min:a,value:r}),f=m({defaultValue:e,max:e,min:a,value:s});n=[u({initialStepOffset:t,max:e,min:a,step:i,value:o}),u({initialStepOffset:t,max:e,min:a,step:i,value:f})]}return n}const r=m({defaultValue:a,max:e,min:a,value:l});return u({initialStepOffset:t,max:e,min:a,step:i,value:r})};export{v as calcDefaultValue,s as calcNewRangeValue,u as calcScaleValue,n as calcScaleValueWithStepOffset,i as calcScaleValueWithoutStepOffset,a as calcValueByOffset,e as calculateChange,p as equalsRangeValues,f as getOffset,o as getScale,l as shouldUpdateLeftThumb,r as shouldUpdateRightThumb};
+import{translateValue as e}from"../../selectorBoxFile/utils/translateValue/translateValue.js";const t=({container:e,event:t,offsetBoundaries:a})=>{t.preventDefault();const n=e.clientWidth;let i=100*(("number"==typeof t?.pageX?t.pageX:t.touches[0].pageX)-(e.getBoundingClientRect().left+window.scrollX))/n;return i=Math.min(a.max,Math.max(a.min,i)),i},a=({max:t,min:a,offset:n,offsetBoundaries:i,step:u})=>{let l=e({inputMax:i.max,inputMin:i.min,outputMax:t,outputMin:a,value:n});const r=String(u).indexOf(".")>0?String(u).split(".")[1].length:0;if(r>0){const e=Math.pow(10,r);l=Math.round(l*e)/e}else l=Math.round(l);return l},n=({initialStepOffset:e,max:t,min:a,step:n,value:i})=>{const u=e+Math.ceil((a-e)/n)*n;if(u>t)return i;let l=u+Math.round((i-u)/n)*n;return l=Math.max(a,l),l=Math.min(t,l),Math.abs(a-i)<Math.abs(l-i)&&(l=a),Math.abs(t-i)<Math.abs(l-i)&&(l=t),l},i=({max:e,min:t,step:a,value:n})=>{const i=n-t;let u=a/2;if((e-t)%a>0&&i/a>Math.floor((e-t)/a)&&(u=(e-t)%a/2),i%a>u){const n=t+Math.ceil(i/a)*a;return n>e?e:n}return t+Math.floor(i/a)*a},u=({initialStepOffset:e,max:t,min:a,step:u,value:l})=>u<=0?l:void 0!==e?n({initialStepOffset:e,max:t,min:a,step:u,value:l}):i({max:t,min:a,step:u,value:l}),l=({activePointer:e,newValue:t,prevValue:a})=>"left"===e&&t<a[1]||t<=a[0],r=({activePointer:e,newValue:t,prevValue:a})=>"right"===e&&t>a[0]||t>=a[1],o=({activePointer:e,newValue:t,prevValue:a})=>l({activePointer:e.current,newValue:t,prevValue:a})?("right"===e.current&&(e.current="left"),[t,a[1]]):r({activePointer:e.current,newValue:t,prevValue:a})?("left"===e.current&&(e.current="right"),[a[0],t]):a,s=({initialStepOffset:t,max:a,min:n,step:i,type:u})=>{const l="discrete"===u&&i>0&&i<a-n;let r=[];if(l){const u=[n];for(let e=t??n;e<a;e+=i)e>n&&u.push(e);u.push(a),r=u.map(t=>e({inputMax:a,inputMin:n,outputMax:100,outputMin:0,value:t}))}return{scaleOffsets:r,showScale:l}},f=({max:t,min:a,offsetBoundaries:n,range:i,value:u})=>{if(a===t)return{offset:100,offsetLeft:0,offsetRight:0};let l,r,o;return i?(r=e({inputMax:t,inputMin:a,outputMax:n.max,outputMin:n.min,value:u[0]}),o=100-e({inputMax:t,inputMin:a,outputMax:n.max,outputMin:n.min,value:u[1]})):l=e({inputMax:t,inputMin:a,outputMax:n.max,outputMin:n.min,value:u}),{offset:l,offsetLeft:r,offsetRight:o}},m=({values1:e,values2:t})=>!(!Array.isArray(e)||!Array.isArray(t)||2!==e.length||2!==t.length)&&e[0]===t[0]&&e[1]===t[1],p=({defaultValue:e,max:t,min:a,value:n})=>(({max:e,min:t,value:a})=>void 0!==a&&a>=t&&a<=e)({max:t,min:a,value:n})?n:e,c=({initialStepOffset:e,max:t,min:a,range:n,step:i,value:l})=>{if(n){let n=[a,t];if((({value:e})=>Boolean(e&&Array.isArray(e)&&2===e.length))({value:l})){const r=l[0],o=l[1],s=p({defaultValue:a,max:t,min:a,value:r}),f=p({defaultValue:t,max:t,min:a,value:o});n=[u({initialStepOffset:e,max:t,min:a,step:i,value:s}),u({initialStepOffset:e,max:t,min:a,step:i,value:f})]}return n}const r=p({defaultValue:a,max:t,min:a,value:l});return u({initialStepOffset:e,max:t,min:a,step:i,value:r})},v=({container:e,currentActivePointer:t,range:a})=>{if(!e)return;let n=null;if(a){const[a,i]=Array.from(e.querySelectorAll('[role="slider"]'));n="left"===t?a:i}else n=e.querySelector('[role="slider"]');n instanceof HTMLElement&&document.activeElement!==n&&n.focus()};export{c as calcDefaultValue,o as calcNewRangeValue,u as calcScaleValue,n as calcScaleValueWithStepOffset,i as calcScaleValueWithoutStepOffset,a as calcValueByOffset,t as calculateChange,m as equalsRangeValues,v as focusThumb,f as getOffset,s as getScale,l as shouldUpdateLeftThumb,r as shouldUpdateRightThumb};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kubit-ui-web/react-components",
-  "version": "2.0.0-beta.45",
+  "version": "2.0.0-beta.47",
   "description": "Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience",
   "author": {
     "name": "Kubit",
@@ -160,6 +160,7 @@
     "eslint": "^9.39.2",
     "eslint-config-kubit": "1.2.0",
     "glob": "^13.0.0",
+    "happy-dom": "^20.3.7",
     "html-validate": "^10.7.0",
     "jsdom": "^27.4.0",
     "prettier": "^3.8.1",
@@ -173,7 +174,7 @@
     "vite-tsconfig-paths": "^6.0.5",
     "vitest": "^4.0.18",
     "vitest-axe": "^0.1.0",
-    "@kubit-ui-web/design-system": "2.0.0-beta.2"
+    "@kubit-ui-web/design-system": "2.0.0-beta.4"
   },
   "publishConfig": {
     "access": "public",