primereact 8.7.2 → 9.0.0-beta.1

package/slider/slider.cjs.js

@@ -30,14 +30,12 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
@@ -45,11 +43,9 @@ function _extends() {
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-
   for (var i = 0, arr2 = new Array(len); i < len; i++) {
     arr2[i] = arr[i];
   }
-
   return arr2;
 }
 
@@ -83,33 +79,33 @@ function _arrayWithHoles(arr) {
 }
 
 function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
     try {
-      if (!_n && _i["return"] != null) _i["return"]();
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+        ;
+      }
+    } catch (err) {
+      _d = !0, _e = err;
     } finally {
-      if (_d) throw _e;
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
     }
+    return _arr;
   }
-
-  return _arr;
 }
 
 function _nonIterableRest() {
@@ -129,66 +125,60 @@ var Slider = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
   var initY = React__namespace.useRef(0);
   var barWidth = React__namespace.useRef(0);
   var barHeight = React__namespace.useRef(0);
-  var value = props.range ? props.value || [0, 100] : props.value || 0;
+  var value = props.range ? props.value || [props.min, props.max] : props.value || 0;
   var horizontal = props.orientation === 'horizontal';
   var vertical = props.orientation === 'vertical';
-
   var _useEventListener = hooks.useEventListener({
-    type: 'mousemove',
-    listener: function listener(event) {
-      return onDrag(event);
-    }
-  }),
-      _useEventListener2 = _slicedToArray(_useEventListener, 2),
-      bindDocumentMouseMoveListener = _useEventListener2[0],
-      unbindDocumentMouseMoveListener = _useEventListener2[1];
-
+      type: 'mousemove',
+      listener: function listener(event) {
+        return onDrag(event);
+      }
+    }),
+    _useEventListener2 = _slicedToArray(_useEventListener, 2),
+    bindDocumentMouseMoveListener = _useEventListener2[0],
+    unbindDocumentMouseMoveListener = _useEventListener2[1];
   var _useEventListener3 = hooks.useEventListener({
-    type: 'mouseup',
-    listener: function listener(event) {
-      return onDragEnd(event);
-    }
-  }),
-      _useEventListener4 = _slicedToArray(_useEventListener3, 2),
-      bindDocumentMouseUpListener = _useEventListener4[0],
-      unbindDocumentMouseUpListener = _useEventListener4[1];
-
+      type: 'mouseup',
+      listener: function listener(event) {
+        return onDragEnd(event);
+      }
+    }),
+    _useEventListener4 = _slicedToArray(_useEventListener3, 2),
+    bindDocumentMouseUpListener = _useEventListener4[0],
+    unbindDocumentMouseUpListener = _useEventListener4[1];
   var _useEventListener5 = hooks.useEventListener({
-    type: 'touchmove',
-    listener: function listener(event) {
-      return onDrag(event);
-    }
-  }),
-      _useEventListener6 = _slicedToArray(_useEventListener5, 2),
-      bindDocumentTouchMoveListener = _useEventListener6[0],
-      unbindDocumentTouchMoveListener = _useEventListener6[1];
-
+      type: 'touchmove',
+      listener: function listener(event) {
+        return onDrag(event);
+      }
+    }),
+    _useEventListener6 = _slicedToArray(_useEventListener5, 2),
+    bindDocumentTouchMoveListener = _useEventListener6[0],
+    unbindDocumentTouchMoveListener = _useEventListener6[1];
   var _useEventListener7 = hooks.useEventListener({
-    type: 'touchend',
-    listener: function listener(event) {
-      return onDragEnd(event);
-    }
-  }),
-      _useEventListener8 = _slicedToArray(_useEventListener7, 2),
-      bindDocumentTouchEndListener = _useEventListener8[0],
-      unbindDocumentTouchEndListener = _useEventListener8[1];
-
+      type: 'touchend',
+      listener: function listener(event) {
+        return onDragEnd(event);
+      }
+    }),
+    _useEventListener8 = _slicedToArray(_useEventListener7, 2),
+    bindDocumentTouchEndListener = _useEventListener8[0],
+    unbindDocumentTouchEndListener = _useEventListener8[1];
   var spin = function spin(event, dir) {
     var val = props.range ? value[handleIndex.current] : value;
     var step = (props.step || 1) * dir;
     updateValue(event, val + step);
     event.preventDefault();
   };
-
   var onDragStart = function onDragStart(event, index) {
     if (props.disabled) {
       return;
     }
-
     dragging.current = true;
     updateDomData();
     sliderHandleClick.current = true;
-    handleIndex.current = index; //event.preventDefault();
+    handleIndex.current = index;
+    //event.preventDefault();
   };
 
   var onDrag = function onDrag(event) {
@@ -197,7 +187,6 @@ var Slider = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
       event.preventDefault();
     }
   };
-
   var onDragEnd = function onDragEnd(event) {
     if (dragging.current) {
       dragging.current = false;
@@ -211,53 +200,42 @@ var Slider = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
       unbindDocumentTouchEndListener();
     }
   };
-
   var _onMouseDown = function onMouseDown(event, index) {
     bindDocumentMouseMoveListener();
     bindDocumentMouseUpListener();
     onDragStart(event, index);
   };
-
   var _onTouchStart = function onTouchStart(event, index) {
     bindDocumentTouchMoveListener();
     bindDocumentTouchEndListener();
     onDragStart(event, index);
   };
-
   var _onKeyDown = function onKeyDown(event, index) {
     if (props.disabled) {
       return;
     }
-
     handleIndex.current = index;
     var key = event.key;
-
     if (key === 'ArrowRight' || key === 'ArrowUp') {
       spin(event, 1);
     } else if (key === 'ArrowLeft' || key === 'ArrowDown') {
       spin(event, -1);
     }
   };
-
   var onBarClick = function onBarClick(event) {
     if (props.disabled) {
       return;
     }
-
     if (!sliderHandleClick.current) {
       updateDomData();
-
       var _value = setValue(event);
-
       props.onSlideEnd && props.onSlideEnd({
         originalEvent: event,
         value: _value
       });
     }
-
     sliderHandleClick.current = false;
   };
-
   var updateDomData = function updateDomData() {
     var rect = elementRef.current.getBoundingClientRect();
     initX.current = rect.left + utils.DomHandler.getWindowScrollLeft();
@@ -265,14 +243,12 @@ var Slider = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
     barWidth.current = elementRef.current.offsetWidth;
     barHeight.current = elementRef.current.offsetHeight;
   };
-
   var setValue = function setValue(event) {
     var handleValue;
     var pageX = event.touches ? event.touches[0].pageX : event.pageX;
     var pageY = event.touches ? event.touches[0].pageY : event.pageY;
     if (horizontal) handleValue = (pageX - initX.current) * 100 / barWidth.current;else handleValue = (initY.current + barHeight.current - pageY) * 100 / barHeight.current;
     var newValue = (props.max - props.min) * (handleValue / 100) + props.min;
-
     if (props.step) {
       var oldValue = props.range ? value[handleIndex.current] : value;
       var diff = newValue - oldValue;
@@ -280,24 +256,19 @@ var Slider = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
     } else {
       newValue = Math.floor(newValue);
     }
-
     return updateValue(event, newValue);
   };
-
   var updateValue = function updateValue(event, val) {
     var parsedValue = parseFloat(val.toFixed(10));
     var newValue = parsedValue;
-
     if (props.range) {
       if (handleIndex.current === 0) {
         if (parsedValue < props.min) parsedValue = props.min;else if (parsedValue > value[1]) parsedValue = value[1];
       } else {
         if (parsedValue > props.max) parsedValue = props.max;else if (parsedValue < value[0]) parsedValue = value[0];
       }
-
       newValue = _toConsumableArray(value);
       newValue[handleIndex.current] = parsedValue;
-
       if (props.onChange) {
         props.onChange({
           originalEvent: event,
@@ -307,7 +278,6 @@ var Slider = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
     } else {
       if (parsedValue < props.min) parsedValue = props.min;else if (parsedValue > props.max) parsedValue = props.max;
       newValue = parsedValue;
-
       if (props.onChange) {
         props.onChange({
           originalEvent: event,
@@ -315,10 +285,8 @@ var Slider = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
         });
       }
     }
-
     return newValue;
   };
-
   var createHandle = function createHandle(leftValue, bottomValue, index) {
     var style = {
       transition: dragging.current ? 'none' : null,
@@ -350,10 +318,9 @@ var Slider = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
       "aria-orientation": props.orientation
     }, ariaProps));
   };
-
   var createRangeSlider = function createRangeSlider() {
-    var handleValueStart = (value[0] < props.min ? 0 : value[0] - props.min) * 100 / (props.max - props.min);
-    var handleValueEnd = (value[1] > props.max ? 100 : value[1] - props.min) * 100 / (props.max - props.min);
+    var handleValueStart = (value[0] < props.min ? props.min : value[0] - props.min) * 100 / (props.max - props.min);
+    var handleValueEnd = (value[1] > props.max ? props.max : value[1] - props.min) * 100 / (props.max - props.min);
     var rangeStartHandle = horizontal ? createHandle(handleValueStart, null, 0) : createHandle(null, handleValueStart, 0);
     var rangeEndHandle = horizontal ? createHandle(handleValueEnd, null, 1) : createHandle(null, handleValueEnd, 1);
     var rangeStyle = horizontal ? {
@@ -368,10 +335,9 @@ var Slider = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
       style: rangeStyle
     }), rangeStartHandle, rangeEndHandle);
   };
-
   var createSingleSlider = function createSingleSlider() {
     var handleValue;
-    if (value < props.min) handleValue = 0;else if (value > props.max) handleValue = 100;else handleValue = (value - props.min) * 100 / (props.max - props.min);
+    if (value < props.min) handleValue = props.min;else if (value > props.max) handleValue = props.max;else handleValue = (value - props.min) * 100 / (props.max - props.min);
     var rangeStyle = horizontal ? {
       width: handleValue + '%'
     } : {
@@ -383,7 +349,6 @@ var Slider = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
       style: rangeStyle
     }), handle);
   };
-
   React__namespace.useImperativeHandle(ref, function () {
     return {
       props: props,

package/slider/slider.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/hooks"),r=require("primereact/utils");function t(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,t.get?t:{enumerable:!0,get:function(){return e[r]}})}})),n.default=e,Object.freeze(n)}var a=t(e);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},i.apply(this,arguments)}function l(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}function o(e){if(Array.isArray(e))return l(e)}function u(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function c(e,n){if(e){if("string"==typeof e)return l(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?l(e,n):void 0}}function s(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function f(e){if(Array.isArray(e))return e}function d(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,a,i=[],l=!0,o=!1;try{for(r=r.call(e);!(l=(t=r.next()).done)&&(i.push(t.value),!n||i.length!==n);l=!0);}catch(e){o=!0,a=e}finally{try{l||null==r.return||r.return()}finally{if(o)throw a}}return i}}function m(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function p(e,n){return f(e)||d(e,n)||c(e,n)||m()}var v=a.memo(a.forwardRef((function(e,t){var l=a.useRef(null),f=a.useRef(0),d=a.useRef(!1),m=a.useRef(!1),h=a.useRef(0),y=a.useRef(0),g=a.useRef(0),b=a.useRef(0),E=e.range?e.value||[0,100]:e.value||0,w="horizontal"===e.orientation,x="vertical"===e.orientation,S=p(n.useEventListener({type:"mousemove",listener:function(e){return T(e)}}),2),O=S[0],j=S[1],A=p(n.useEventListener({type:"mouseup",listener:function(e){return k(e)}}),2),R=A[0],D=A[1],I=p(n.useEventListener({type:"touchmove",listener:function(e){return T(e)}}),2),N=I[0],P=I[1],C=p(n.useEventListener({type:"touchend",listener:function(e){return k(e)}}),2),M=C[0],_=C[1],L=function(n,r){W(n,(e.range?E[f.current]:E)+(e.step||1)*r),n.preventDefault()},H=function(n,r){e.disabled||(m.current=!0,q(),d.current=!0,f.current=r)},T=function(e){m.current&&(K(e),e.preventDefault())},k=function(n){m.current&&(m.current=!1,e.onSlideEnd&&e.onSlideEnd({originalEvent:n,value:e.value}),j(),D(),P(),_())},z=function(e,n){O(),R(),H(0,n)},F=function(e,n){N(),M(),H(0,n)},U=function(n,r){if(!e.disabled){f.current=r;var t=n.key;"ArrowRight"===t||"ArrowUp"===t?L(n,1):"ArrowLeft"!==t&&"ArrowDown"!==t||L(n,-1)}},q=function(){var e=l.current.getBoundingClientRect();h.current=e.left+r.DomHandler.getWindowScrollLeft(),y.current=e.top+r.DomHandler.getWindowScrollTop(),g.current=l.current.offsetWidth,b.current=l.current.offsetHeight},K=function(n){var r=(w?100*((n.touches?n.touches[0].pageX:n.pageX)-h.current)/g.current:100*(y.current+b.current-(n.touches?n.touches[0].pageY:n.pageY))/b.current)/100*(e.max-e.min)+e.min;if(e.step){var t=e.range?E[f.current]:E,a=r-t;a<0?r=t+Math.ceil(r/e.step-t/e.step)*e.step:a>0&&(r=t+Math.floor(r/e.step-t/e.step)*e.step)}else r=Math.floor(r);return W(n,r)},W=function(n,r){var t,a=parseFloat(r.toFixed(10)),i=a;return e.range?(0===f.current?a<e.min?a=e.min:a>E[1]&&(a=E[1]):a>e.max?a=e.max:a<E[0]&&(a=E[0]),(i=o(t=E)||u(t)||c(t)||s())[f.current]=a,e.onChange&&e.onChange({originalEvent:n,value:i})):(a<e.min?a=e.min:a>e.max&&(a=e.max),i=a,e.onChange&&e.onChange({originalEvent:n,value:i})),i},Y=function(n,t,l){var o={transition:m.current?"none":null,left:null!==n&&n+"%",bottom:t&&t+"%"},u=r.classNames("p-slider-handle",{"p-slider-handle-start":0===l,"p-slider-handle-end":1===l,"p-slider-handle-active":f.current===l});return a.createElement("span",i({className:u,style:o,tabIndex:e.tabIndex,role:"slider",onMouseDown:function(e){return z(0,l)},onTouchStart:function(e){return F(0,l)},onKeyDown:function(e){return U(e,l)},"aria-valuemin":e.min,"aria-valuemax":e.max,"aria-valuenow":n||t,"aria-orientation":e.orientation},Q))};a.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return l.current}}}));var X,B,$,G,J=r.ObjectUtils.findDiffKeys(e,v.defaultProps),Q=r.ObjectUtils.reduceKeys(J,r.DomHandler.ARIA_PROPS),V=r.classNames("p-slider p-component",e.className,{"p-disabled":e.disabled,"p-slider-horizontal":w,"p-slider-vertical":x}),Z=e.range?(X=100*(E[0]<e.min?0:E[0]-e.min)/(e.max-e.min),B=100*(E[1]>e.max?100:E[1]-e.min)/(e.max-e.min),$=w?Y(X,null,0):Y(null,X,0),G=w?Y(B,null,1):Y(null,B,1),a.createElement(a.Fragment,null,a.createElement("span",{className:"p-slider-range",style:w?{left:X+"%",width:B-X+"%"}:{bottom:X+"%",height:B-X+"%"}}),$,G)):function(){var n;n=E<e.min?0:E>e.max?100:100*(E-e.min)/(e.max-e.min);var r=w?{width:n+"%"}:{height:n+"%"},t=w?Y(n,null,null):Y(null,n,null);return a.createElement(a.Fragment,null,a.createElement("span",{className:"p-slider-range",style:r}),t)}();return a.createElement("div",i({ref:l,id:e.id,style:e.style,className:V},J,{onClick:function(n){if(!e.disabled){if(!d.current){q();var r=K(n);e.onSlideEnd&&e.onSlideEnd({originalEvent:n,value:r})}d.current=!1}}}),Z)})));v.displayName="Slider",v.defaultProps={__TYPE:"Slider",id:null,value:null,min:0,max:100,orientation:"horizontal",step:null,range:!1,style:null,className:null,disabled:!1,tabIndex:0,onChange:null,onSlideEnd:null},exports.Slider=v;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/hooks"),r=require("primereact/utils");function t(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,t.get?t:{enumerable:!0,get:function(){return e[r]}})}})),n.default=e,Object.freeze(n)}var a=t(e);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},i.apply(this,arguments)}function l(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}function u(e){if(Array.isArray(e))return l(e)}function o(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function c(e,n){if(e){if("string"==typeof e)return l(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?l(e,n):void 0}}function s(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function f(e){if(Array.isArray(e))return e}function d(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,a,i,l,u=[],o=!0,c=!1;try{if(i=(r=r.call(e)).next,0===n){if(Object(r)!==r)return;o=!1}else for(;!(o=(t=i.call(r)).done)&&(u.push(t.value),u.length!==n);o=!0);}catch(e){c=!0,a=e}finally{try{if(!o&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(c)throw a}}return u}}function m(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function p(e,n){return f(e)||d(e,n)||c(e,n)||m()}var v=a.memo(a.forwardRef((function(e,t){var l=a.useRef(null),f=a.useRef(0),d=a.useRef(!1),m=a.useRef(!1),h=a.useRef(0),y=a.useRef(0),g=a.useRef(0),b=a.useRef(0),E=e.range?e.value||[e.min,e.max]:e.value||0,x="horizontal"===e.orientation,w="vertical"===e.orientation,S=p(n.useEventListener({type:"mousemove",listener:function(e){return T(e)}}),2),O=S[0],j=S[1],A=p(n.useEventListener({type:"mouseup",listener:function(e){return k(e)}}),2),R=A[0],D=A[1],I=p(n.useEventListener({type:"touchmove",listener:function(e){return T(e)}}),2),N=I[0],P=I[1],C=p(n.useEventListener({type:"touchend",listener:function(e){return k(e)}}),2),M=C[0],_=C[1],L=function(n,r){W(n,(e.range?E[f.current]:E)+(e.step||1)*r),n.preventDefault()},H=function(n,r){e.disabled||(m.current=!0,q(),d.current=!0,f.current=r)},T=function(e){m.current&&(K(e),e.preventDefault())},k=function(n){m.current&&(m.current=!1,e.onSlideEnd&&e.onSlideEnd({originalEvent:n,value:e.value}),j(),D(),P(),_())},z=function(e,n){O(),R(),H(0,n)},F=function(e,n){N(),M(),H(0,n)},U=function(n,r){if(!e.disabled){f.current=r;var t=n.key;"ArrowRight"===t||"ArrowUp"===t?L(n,1):"ArrowLeft"!==t&&"ArrowDown"!==t||L(n,-1)}},q=function(){var e=l.current.getBoundingClientRect();h.current=e.left+r.DomHandler.getWindowScrollLeft(),y.current=e.top+r.DomHandler.getWindowScrollTop(),g.current=l.current.offsetWidth,b.current=l.current.offsetHeight},K=function(n){var r=(x?100*((n.touches?n.touches[0].pageX:n.pageX)-h.current)/g.current:100*(y.current+b.current-(n.touches?n.touches[0].pageY:n.pageY))/b.current)/100*(e.max-e.min)+e.min;if(e.step){var t=e.range?E[f.current]:E,a=r-t;a<0?r=t+Math.ceil(r/e.step-t/e.step)*e.step:a>0&&(r=t+Math.floor(r/e.step-t/e.step)*e.step)}else r=Math.floor(r);return W(n,r)},W=function(n,r){var t,a=parseFloat(r.toFixed(10)),i=a;return e.range?(0===f.current?a<e.min?a=e.min:a>E[1]&&(a=E[1]):a>e.max?a=e.max:a<E[0]&&(a=E[0]),(i=u(t=E)||o(t)||c(t)||s())[f.current]=a,e.onChange&&e.onChange({originalEvent:n,value:i})):(a<e.min?a=e.min:a>e.max&&(a=e.max),i=a,e.onChange&&e.onChange({originalEvent:n,value:i})),i},Y=function(n,t,l){var u={transition:m.current?"none":null,left:null!==n&&n+"%",bottom:t&&t+"%"},o=r.classNames("p-slider-handle",{"p-slider-handle-start":0===l,"p-slider-handle-end":1===l,"p-slider-handle-active":f.current===l});return a.createElement("span",i({className:o,style:u,tabIndex:e.tabIndex,role:"slider",onMouseDown:function(e){return z(0,l)},onTouchStart:function(e){return F(0,l)},onKeyDown:function(e){return U(e,l)},"aria-valuemin":e.min,"aria-valuemax":e.max,"aria-valuenow":n||t,"aria-orientation":e.orientation},Q))};a.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return l.current}}}));var X,B,$,G,J=r.ObjectUtils.findDiffKeys(e,v.defaultProps),Q=r.ObjectUtils.reduceKeys(J,r.DomHandler.ARIA_PROPS),V=r.classNames("p-slider p-component",e.className,{"p-disabled":e.disabled,"p-slider-horizontal":x,"p-slider-vertical":w}),Z=e.range?(X=100*(E[0]<e.min?e.min:E[0]-e.min)/(e.max-e.min),B=100*(E[1]>e.max?e.max:E[1]-e.min)/(e.max-e.min),$=x?Y(X,null,0):Y(null,X,0),G=x?Y(B,null,1):Y(null,B,1),a.createElement(a.Fragment,null,a.createElement("span",{className:"p-slider-range",style:x?{left:X+"%",width:B-X+"%"}:{bottom:X+"%",height:B-X+"%"}}),$,G)):function(){var n;n=E<e.min?e.min:E>e.max?e.max:100*(E-e.min)/(e.max-e.min);var r=x?{width:n+"%"}:{height:n+"%"},t=x?Y(n,null,null):Y(null,n,null);return a.createElement(a.Fragment,null,a.createElement("span",{className:"p-slider-range",style:r}),t)}();return a.createElement("div",i({ref:l,id:e.id,style:e.style,className:V},J,{onClick:function(n){if(!e.disabled){if(!d.current){q();var r=K(n);e.onSlideEnd&&e.onSlideEnd({originalEvent:n,value:r})}d.current=!1}}}),Z)})));v.displayName="Slider",v.defaultProps={__TYPE:"Slider",id:null,value:null,min:0,max:100,orientation:"horizontal",step:null,range:!1,style:null,className:null,disabled:!1,tabIndex:0,onChange:null,onSlideEnd:null},exports.Slider=v;

package/slider/slider.d.ts

@@ -1,30 +1,113 @@
+/**
+ *
+ * Slider is a component to provide input with a drag handle.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/slider/)
+ *
+ * @module slider
+ *
+ */
 import * as React from 'react';
 
-type SliderOrientationType = 'horizontal' | 'vertical';
-
-type SliderValueType = number | [number, number];
-
-interface SliderChangeParams {
+/**
+ * Custom change event.
+ * @see {@link SliderProps.onChange}
+ * @event
+ */
+interface SliderChangeEvent {
+    /**
+     * Slide event
+     */
     originalEvent: React.SyntheticEvent;
-    value: SliderValueType;
+    /**
+     * New value
+     */
+    value: number | [number, number];
 }
 
-interface SliderSlideEndParams extends SliderChangeParams {}
+/**
+ * Custom slide event.
+ * @see {@link SliderProps.onSlideEnd}
+ * @extends {SliderChangeEvent}
+ * @event
+ */
+interface SliderSlideEndEvent extends SliderChangeEvent {}
 
+/**
+ * Defines valid properties in Slider component. In addition to these, all properties of HTMLDivElement can be used in this component.
+ * @group Properties
+ */
 export interface SliderProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'value' | 'ref'> {
-    value?: SliderValueType;
-    min?: number;
-    max?: number;
-    orientation?: SliderOrientationType;
-    step?: number;
-    range?: boolean;
-    disabled?: boolean;
-    ariaLabelledBy?: string;
-    onChange?(e: SliderChangeParams): void;
-    onSlideEnd?(e: SliderSlideEndParams): void;
-    children?: React.ReactNode;
+    /**
+     * Value of the component.
+     * @defaultValue 0
+     */
+    value?: number | [number, number] | undefined;
+    /**
+     * Mininum boundary value.
+     * @defaultValue 0
+     */
+    min?: number | undefined;
+    /**
+     * Maximum boundary value.
+     * @defaultValue 100
+     */
+    max?: number | undefined;
+    /**
+     * Orientation of the slider, valid values are horizontal and vertical.
+     * @defaultValue horizontal
+     */
+    orientation?: 'horizontal' | 'vertical' | undefined;
+    /**
+     * Step factor to increment/decrement the value.
+     * @defaultValue 1
+     */
+    step?: number | undefined;
+    /**
+     * When speficed, allows two boundary values to be picked.
+     * @defaultValue false
+     */
+    range?: boolean | undefined;
+    /**
+     * When present, it specifies that the component should be disabled.
+     * @defaultValue false
+     */
+    disabled?: boolean | undefined;
+    /**
+     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
+     */
+    ariaLabelledBy?: string | undefined;
+    /**
+     * Callback to invoke on value change via slide.
+     * @param {SliderChangeEvent} event - Custom change event
+     */
+    onChange?(event: SliderChangeEvent): void;
+    /**
+     * Callback to invoke when slide ends.
+     * @param {SliderSlideEndEvent} event - Custom slide event
+     */
+    onSlideEnd?(event: SliderSlideEndEvent): void;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - Slider**
+ *
+ * _Slider is a component to provide input with a drag handle._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/slider/)
+ * --- ---
+ * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class Slider extends React.Component<SliderProps, any> {
+    /**
+     * Returns the reference of virtualScroller's container.
+     */
     public getElement(): HTMLDivElement;
 }