primereact 8.7.2 → 9.0.0-beta.1

package/slider/slider.esm.js

@@ -6,14 +6,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);
@@ -21,11 +19,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;
 }
 
@@ -59,33 +55,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() {
@@ -105,66 +101,60 @@ var Slider = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
   var initY = React.useRef(0);
   var barWidth = React.useRef(0);
   var barHeight = React.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 = 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 = 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 = 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 = 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) {
@@ -173,7 +163,6 @@ var Slider = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
       event.preventDefault();
     }
   };
-
   var onDragEnd = function onDragEnd(event) {
     if (dragging.current) {
       dragging.current = false;
@@ -187,53 +176,42 @@ var Slider = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
       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 + DomHandler.getWindowScrollLeft();
@@ -241,14 +219,12 @@ var Slider = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
     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;
@@ -256,24 +232,19 @@ var Slider = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
     } 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,
@@ -283,7 +254,6 @@ var Slider = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
     } 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,
@@ -291,10 +261,8 @@ var Slider = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
         });
       }
     }
-
     return newValue;
   };
-
   var createHandle = function createHandle(leftValue, bottomValue, index) {
     var style = {
       transition: dragging.current ? 'none' : null,
@@ -326,10 +294,9 @@ var Slider = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
       "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 ? {
@@ -344,10 +311,9 @@ var Slider = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
       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 + '%'
     } : {
@@ -359,7 +325,6 @@ var Slider = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
       style: rangeStyle
     }), handle);
   };
-
   React.useImperativeHandle(ref, function () {
     return {
       props: props,

package/slider/slider.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{useEventListener as n}from"primereact/hooks";import{ObjectUtils as r,DomHandler as t,classNames as a}from"primereact/utils";function o(){return o=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},o.apply(this,arguments)}function i(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 l(e){if(Array.isArray(e))return i(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 i(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)?i(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 m(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,a,o=[],i=!0,l=!1;try{for(r=r.call(e);!(i=(t=r.next()).done)&&(o.push(t.value),!n||o.length!==n);i=!0);}catch(e){l=!0,a=e}finally{try{i||null==r.return||r.return()}finally{if(l)throw a}}return o}}function d(){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)||m(e,n)||c(e,n)||d()}var v=e.memo(e.forwardRef((function(i,f){var m=e.useRef(null),d=e.useRef(0),h=e.useRef(!1),y=e.useRef(!1),g=e.useRef(0),b=e.useRef(0),w=e.useRef(0),x=e.useRef(0),E=i.range?i.value||[0,100]:i.value||0,S="horizontal"===i.orientation,A="vertical"===i.orientation,R=p(n({type:"mousemove",listener:function(e){return W(e)}}),2),I=R[0],C=R[1],j=p(n({type:"mouseup",listener:function(e){return Y(e)}}),2),N=j[0],O=j[1],D=p(n({type:"touchmove",listener:function(e){return W(e)}}),2),P=D[0],M=D[1],T=p(n({type:"touchend",listener:function(e){return Y(e)}}),2),F=T[0],k=T[1],z=function(e,n){B(e,(i.range?E[d.current]:E)+(i.step||1)*n),e.preventDefault()},K=function(e,n){i.disabled||(y.current=!0,U(),h.current=!0,d.current=n)},W=function(e){y.current&&(X(e),e.preventDefault())},Y=function(e){y.current&&(y.current=!1,i.onSlideEnd&&i.onSlideEnd({originalEvent:e,value:i.value}),C(),O(),M(),k())},_=function(e,n){I(),N(),K(0,n)},H=function(e,n){P(),F(),K(0,n)},L=function(e,n){if(!i.disabled){d.current=n;var r=e.key;"ArrowRight"===r||"ArrowUp"===r?z(e,1):"ArrowLeft"!==r&&"ArrowDown"!==r||z(e,-1)}},U=function(){var e=m.current.getBoundingClientRect();g.current=e.left+t.getWindowScrollLeft(),b.current=e.top+t.getWindowScrollTop(),w.current=m.current.offsetWidth,x.current=m.current.offsetHeight},X=function(e){var n=(S?100*((e.touches?e.touches[0].pageX:e.pageX)-g.current)/w.current:100*(b.current+x.current-(e.touches?e.touches[0].pageY:e.pageY))/x.current)/100*(i.max-i.min)+i.min;if(i.step){var r=i.range?E[d.current]:E,t=n-r;t<0?n=r+Math.ceil(n/i.step-r/i.step)*i.step:t>0&&(n=r+Math.floor(n/i.step-r/i.step)*i.step)}else n=Math.floor(n);return B(e,n)},B=function(e,n){var r,t=parseFloat(n.toFixed(10)),a=t;return i.range?(0===d.current?t<i.min?t=i.min:t>E[1]&&(t=E[1]):t>i.max?t=i.max:t<E[0]&&(t=E[0]),(a=l(r=E)||u(r)||c(r)||s())[d.current]=t,i.onChange&&i.onChange({originalEvent:e,value:a})):(t<i.min?t=i.min:t>i.max&&(t=i.max),a=t,i.onChange&&i.onChange({originalEvent:e,value:a})),a},$=function(n,r,t){var l={transition:y.current?"none":null,left:null!==n&&n+"%",bottom:r&&r+"%"},u=a("p-slider-handle",{"p-slider-handle-start":0===t,"p-slider-handle-end":1===t,"p-slider-handle-active":d.current===t});return e.createElement("span",o({className:u,style:l,tabIndex:i.tabIndex,role:"slider",onMouseDown:function(e){return _(0,t)},onTouchStart:function(e){return H(0,t)},onKeyDown:function(e){return L(e,t)},"aria-valuemin":i.min,"aria-valuemax":i.max,"aria-valuenow":n||r,"aria-orientation":i.orientation},Z))};e.useImperativeHandle(f,(function(){return{props:i,getElement:function(){return m.current}}}));var q,G,J,Q,V=r.findDiffKeys(i,v.defaultProps),Z=r.reduceKeys(V,t.ARIA_PROPS),ee=a("p-slider p-component",i.className,{"p-disabled":i.disabled,"p-slider-horizontal":S,"p-slider-vertical":A}),ne=i.range?(q=100*(E[0]<i.min?0:E[0]-i.min)/(i.max-i.min),G=100*(E[1]>i.max?100:E[1]-i.min)/(i.max-i.min),J=S?$(q,null,0):$(null,q,0),Q=S?$(G,null,1):$(null,G,1),e.createElement(e.Fragment,null,e.createElement("span",{className:"p-slider-range",style:S?{left:q+"%",width:G-q+"%"}:{bottom:q+"%",height:G-q+"%"}}),J,Q)):function(){var n;n=E<i.min?0:E>i.max?100:100*(E-i.min)/(i.max-i.min);var r=S?{width:n+"%"}:{height:n+"%"},t=S?$(n,null,null):$(null,n,null);return e.createElement(e.Fragment,null,e.createElement("span",{className:"p-slider-range",style:r}),t)}();return e.createElement("div",o({ref:m,id:i.id,style:i.style,className:ee},V,{onClick:function(e){if(!i.disabled){if(!h.current){U();var n=X(e);i.onSlideEnd&&i.onSlideEnd({originalEvent:e,value:n})}h.current=!1}}}),ne)})));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};export{v as Slider};
+import*as e from"react";import{useEventListener as n}from"primereact/hooks";import{ObjectUtils as r,DomHandler as t,classNames as a}from"primereact/utils";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 m(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,a,i,l,o=[],u=!0,c=!1;try{if(i=(r=r.call(e)).next,0===n){if(Object(r)!==r)return;u=!1}else for(;!(u=(t=i.call(r)).done)&&(o.push(t.value),o.length!==n);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(c)throw a}}return o}}function d(){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)||m(e,n)||c(e,n)||d()}var v=e.memo(e.forwardRef((function(l,f){var m=e.useRef(null),d=e.useRef(0),h=e.useRef(!1),y=e.useRef(!1),g=e.useRef(0),b=e.useRef(0),x=e.useRef(0),w=e.useRef(0),E=l.range?l.value||[l.min,l.max]:l.value||0,S="horizontal"===l.orientation,A="vertical"===l.orientation,R=p(n({type:"mousemove",listener:function(e){return W(e)}}),2),I=R[0],j=R[1],O=p(n({type:"mouseup",listener:function(e){return Y(e)}}),2),C=O[0],N=O[1],D=p(n({type:"touchmove",listener:function(e){return W(e)}}),2),P=D[0],M=D[1],T=p(n({type:"touchend",listener:function(e){return Y(e)}}),2),F=T[0],k=T[1],z=function(e,n){B(e,(l.range?E[d.current]:E)+(l.step||1)*n),e.preventDefault()},K=function(e,n){l.disabled||(y.current=!0,U(),h.current=!0,d.current=n)},W=function(e){y.current&&(X(e),e.preventDefault())},Y=function(e){y.current&&(y.current=!1,l.onSlideEnd&&l.onSlideEnd({originalEvent:e,value:l.value}),j(),N(),M(),k())},_=function(e,n){I(),C(),K(0,n)},H=function(e,n){P(),F(),K(0,n)},L=function(e,n){if(!l.disabled){d.current=n;var r=e.key;"ArrowRight"===r||"ArrowUp"===r?z(e,1):"ArrowLeft"!==r&&"ArrowDown"!==r||z(e,-1)}},U=function(){var e=m.current.getBoundingClientRect();g.current=e.left+t.getWindowScrollLeft(),b.current=e.top+t.getWindowScrollTop(),x.current=m.current.offsetWidth,w.current=m.current.offsetHeight},X=function(e){var n=(S?100*((e.touches?e.touches[0].pageX:e.pageX)-g.current)/x.current:100*(b.current+w.current-(e.touches?e.touches[0].pageY:e.pageY))/w.current)/100*(l.max-l.min)+l.min;if(l.step){var r=l.range?E[d.current]:E,t=n-r;t<0?n=r+Math.ceil(n/l.step-r/l.step)*l.step:t>0&&(n=r+Math.floor(n/l.step-r/l.step)*l.step)}else n=Math.floor(n);return B(e,n)},B=function(e,n){var r,t=parseFloat(n.toFixed(10)),a=t;return l.range?(0===d.current?t<l.min?t=l.min:t>E[1]&&(t=E[1]):t>l.max?t=l.max:t<E[0]&&(t=E[0]),(a=o(r=E)||u(r)||c(r)||s())[d.current]=t,l.onChange&&l.onChange({originalEvent:e,value:a})):(t<l.min?t=l.min:t>l.max&&(t=l.max),a=t,l.onChange&&l.onChange({originalEvent:e,value:a})),a},$=function(n,r,t){var o={transition:y.current?"none":null,left:null!==n&&n+"%",bottom:r&&r+"%"},u=a("p-slider-handle",{"p-slider-handle-start":0===t,"p-slider-handle-end":1===t,"p-slider-handle-active":d.current===t});return e.createElement("span",i({className:u,style:o,tabIndex:l.tabIndex,role:"slider",onMouseDown:function(e){return _(0,t)},onTouchStart:function(e){return H(0,t)},onKeyDown:function(e){return L(e,t)},"aria-valuemin":l.min,"aria-valuemax":l.max,"aria-valuenow":n||r,"aria-orientation":l.orientation},Z))};e.useImperativeHandle(f,(function(){return{props:l,getElement:function(){return m.current}}}));var q,G,J,Q,V=r.findDiffKeys(l,v.defaultProps),Z=r.reduceKeys(V,t.ARIA_PROPS),ee=a("p-slider p-component",l.className,{"p-disabled":l.disabled,"p-slider-horizontal":S,"p-slider-vertical":A}),ne=l.range?(q=100*(E[0]<l.min?l.min:E[0]-l.min)/(l.max-l.min),G=100*(E[1]>l.max?l.max:E[1]-l.min)/(l.max-l.min),J=S?$(q,null,0):$(null,q,0),Q=S?$(G,null,1):$(null,G,1),e.createElement(e.Fragment,null,e.createElement("span",{className:"p-slider-range",style:S?{left:q+"%",width:G-q+"%"}:{bottom:q+"%",height:G-q+"%"}}),J,Q)):function(){var n;n=E<l.min?l.min:E>l.max?l.max:100*(E-l.min)/(l.max-l.min);var r=S?{width:n+"%"}:{height:n+"%"},t=S?$(n,null,null):$(null,n,null);return e.createElement(e.Fragment,null,e.createElement("span",{className:"p-slider-range",style:r}),t)}();return e.createElement("div",i({ref:m,id:l.id,style:l.style,className:ee},V,{onClick:function(e){if(!l.disabled){if(!h.current){U();var n=X(e);l.onSlideEnd&&l.onSlideEnd({originalEvent:e,value:n})}h.current=!1}}}),ne)})));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};export{v as Slider};