primereact 9.5.0 → 9.6.0

package/slider/slider.d.ts

@@ -8,6 +8,34 @@
  *
  */
 import * as React from 'react';
+import { PassThroughType } from '../utils/utils';
+export declare type SliderPassThroughType<T> = PassThroughType<T, SliderPassThroughMethodOptions>;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface SliderPassThroughMethodOptions {
+    props: SliderProps;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link SliderProps.pt}
+ */
+export interface SliderPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: SliderPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the range's DOM element.
+     */
+    range?: SliderPassThroughType<React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the handle's DOM element.
+     */
+    handle?: SliderPassThroughType<React.HTMLAttributes<HTMLSpanElement>>;
+}
 
 /**
  * Custom change event.
@@ -37,7 +65,7 @@ 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'> {
+export interface SliderProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'value' | 'ref' | 'pt'> {
     /**
      * Value of the component.
      * @defaultValue 0
@@ -92,6 +120,11 @@ export interface SliderProps extends Omit<React.DetailedHTMLProps<React.InputHTM
      * @readonly
      */
     children?: React.ReactNode | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {SliderPassThroughOptions}
+     */
+    pt?: SliderPassThroughOptions;
 }
 
 /**

package/slider/slider.esm.js

@@ -1,20 +1,48 @@
 import * as React from 'react';
 import { useEventListener } from 'primereact/hooks';
-import { ObjectUtils, DomHandler, classNames } from 'primereact/utils';
+import { ObjectUtils, DomHandler, classNames, mergeProps } from 'primereact/utils';
+import { ComponentBase } from 'primereact/componentbase';
+import { PrimeReactContext } from 'primereact/api';
 
-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);
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
 }
 
 function _arrayLikeToArray(arr, len) {
@@ -88,7 +116,7 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var SliderBase = {
+var SliderBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Slider',
     id: null,
@@ -105,17 +133,14 @@ var SliderBase = {
     onChange: null,
     onSlideEnd: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, SliderBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, SliderBase.defaultProps);
   }
-};
+});
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Slider = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var props = SliderBase.getProps(inProps);
+  var context = React.useContext(PrimeReactContext);
+  var props = SliderBase.getProps(inProps, context);
   var elementRef = React.useRef(null);
   var handleIndex = React.useRef(0);
   var sliderHandleClick = React.useRef(false);
@@ -163,6 +188,10 @@ var Slider = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
     _useEventListener8 = _slicedToArray(_useEventListener7, 2),
     bindDocumentTouchEndListener = _useEventListener8[0],
     unbindDocumentTouchEndListener = _useEventListener8[1];
+  var _SliderBase$setMetaDa = SliderBase.setMetaData({
+      props: props
+    }),
+    ptm = _SliderBase$setMetaDa.ptm;
   var spin = function spin(event, dir) {
     var val = props.range ? value[handleIndex.current] : value;
     var step = (props.step || 1) * dir;
@@ -297,11 +326,11 @@ var Slider = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
       'p-slider-handle-end': index === 1,
       'p-slider-handle-active': handleIndex.current === index
     });
-    return /*#__PURE__*/React.createElement("span", _extends({
+    var handleProps = mergeProps(_objectSpread({
       className: className,
       style: style,
       tabIndex: props.tabIndex,
-      role: "slider",
+      role: 'slider',
       onMouseDown: function onMouseDown(event) {
         return _onMouseDown(event, index);
       },
@@ -311,11 +340,12 @@ var Slider = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
       onKeyDown: function onKeyDown(event) {
         return _onKeyDown(event, index);
       },
-      "aria-valuemin": props.min,
-      "aria-valuemax": props.max,
-      "aria-valuenow": leftValue || bottomValue,
-      "aria-orientation": props.orientation
-    }, ariaProps));
+      'aria-valuemin': props.min,
+      'aria-valuemax': props.max,
+      'aria-valuenow': leftValue || bottomValue,
+      'aria-orientation': props.orientation
+    }, ariaProps), ptm('handle'));
+    return /*#__PURE__*/React.createElement("span", handleProps);
   };
   var createRangeSlider = function createRangeSlider() {
     var handleValueStart = (value[0] < props.min ? props.min : value[0] - props.min) * 100 / (props.max - props.min);
@@ -331,10 +361,11 @@ var Slider = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
       bottom: rangeSliderPosition + '%',
       height: rangeSliderWidth + '%'
     };
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-      className: "p-slider-range",
+    var rangeProps = mergeProps({
+      className: 'p-slider-range',
       style: rangeStyle
-    }), rangeStartHandle, rangeEndHandle);
+    }, ptm('range'));
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", rangeProps), rangeStartHandle, rangeEndHandle);
   };
   var createSingleSlider = function createSingleSlider() {
     var handleValue;
@@ -345,10 +376,11 @@ var Slider = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
       height: handleValue + '%'
     };
     var handle = horizontal ? createHandle(handleValue, null, null) : createHandle(null, handleValue, null);
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-      className: "p-slider-range",
+    var rangeProps = mergeProps({
+      className: 'p-slider-range',
       style: rangeStyle
-    }), handle);
+    }, ptm('range'));
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", rangeProps), handle);
   };
   React.useImperativeHandle(ref, function () {
     return {
@@ -366,14 +398,14 @@ var Slider = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
     'p-slider-vertical': vertical
   });
   var content = props.range ? createRangeSlider() : createSingleSlider();
-  return /*#__PURE__*/React.createElement("div", _extends({
+  var rootProps = mergeProps({
     ref: elementRef,
     id: props.id,
     style: props.style,
-    className: className
-  }, otherProps, {
+    className: className,
     onClick: onBarClick
-  }), content);
+  }, SliderBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React.createElement("div", rootProps, content);
 }));
 Slider.displayName = 'Slider';
 

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 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 o(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 o(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 o(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)?o(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,o,l=[],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)&&(l.push(t.value),l.length!==n);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(c)throw a}}return l}}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 h={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,children:void 0},getProps:function(e){return r.getMergedProps(e,h.defaultProps)},getOtherProps:function(e){return r.getDiffProps(e,h.defaultProps)}},v=e.memo(e.forwardRef((function(o,f){var m=h.getProps(o),d=e.useRef(null),v=e.useRef(0),g=e.useRef(!1),y=e.useRef(!1),b=e.useRef(0),x=e.useRef(0),w=e.useRef(0),E=e.useRef(0),S=m.range?m.value||[m.min,m.max]:m.value||0,A="horizontal"===m.orientation,P="vertical"===m.orientation,R=p(n({type:"mousemove",listener:function(e){return _(e)}}),2),O=R[0],I=R[1],j=p(n({type:"mouseup",listener:function(e){return H(e)}}),2),C=j[0],N=j[1],D=p(n({type:"touchmove",listener:function(e){return _(e)}}),2),M=D[0],T=D[1],F=p(n({type:"touchend",listener:function(e){return H(e)}}),2),k=F[0],z=F[1],W=function(e,n){$(e,(m.range?S[v.current]:S)+(m.step||1)*n),e.preventDefault()},Y=function(e,n){m.disabled||(y.current=!0,X(),g.current=!0,v.current=n)},_=function(e){y.current&&(B(e),e.preventDefault())},H=function(e){y.current&&(y.current=!1,m.onSlideEnd&&m.onSlideEnd({originalEvent:e,value:m.value}),I(),N(),T(),z())},K=function(e,n){O(),C(),Y(0,n)},L=function(e,n){M(),k(),Y(0,n)},U=function(e,n){if(!m.disabled){v.current=n;var r=e.key;"ArrowRight"===r||"ArrowUp"===r?W(e,1):"ArrowLeft"!==r&&"ArrowDown"!==r||W(e,-1)}},X=function(){var e=d.current.getBoundingClientRect();b.current=e.left+t.getWindowScrollLeft(),x.current=e.top+t.getWindowScrollTop(),w.current=d.current.offsetWidth,E.current=d.current.offsetHeight},B=function(e){var n=(A?100*((e.touches?e.touches[0].pageX:e.pageX)-b.current)/w.current:100*(x.current+E.current-(e.touches?e.touches[0].pageY:e.pageY))/E.current)/100*(m.max-m.min)+m.min;if(m.step){var r=m.range?S[v.current]:S,t=n-r;t<0?n=r+Math.ceil(n/m.step-r/m.step)*m.step:t>0&&(n=r+Math.floor(n/m.step-r/m.step)*m.step)}else n=Math.floor(n);return $(e,n)},$=function(e,n){var r,t=parseFloat(n.toFixed(10)),a=t;return m.range?(0===v.current?t<m.min?t=m.min:t>m.max&&(t=m.max):t>m.max?t=m.max:t<m.min&&(t=m.min),(a=l(r=S)||u(r)||c(r)||s())[v.current]=t,m.onChange&&m.onChange({originalEvent:e,value:a})):(t<m.min?t=m.min:t>m.max&&(t=m.max),a=t,m.onChange&&m.onChange({originalEvent:e,value:a})),a},q=function(n,r,t){var o={transition:y.current?"none":null,left:null!==n&&n+"%",bottom:r&&r+"%"},l=a("p-slider-handle",{"p-slider-handle-start":0===t,"p-slider-handle-end":1===t,"p-slider-handle-active":v.current===t});return e.createElement("span",i({className:l,style:o,tabIndex:m.tabIndex,role:"slider",onMouseDown:function(e){return K(0,t)},onTouchStart:function(e){return L(0,t)},onKeyDown:function(e){return U(e,t)},"aria-valuemin":m.min,"aria-valuemax":m.max,"aria-valuenow":n||r,"aria-orientation":m.orientation},re))};e.useImperativeHandle(f,(function(){return{props:m,getElement:function(){return d.current}}}));var G,J,Q,V,Z,ee,ne=h.getOtherProps(m),re=r.reduceKeys(ne,t.ARIA_PROPS),te=a("p-slider p-component",m.className,{"p-disabled":m.disabled,"p-slider-horizontal":A,"p-slider-vertical":P}),ae=m.range?(G=100*(S[0]<m.min?m.min:S[0]-m.min)/(m.max-m.min),J=100*(S[1]>m.max?m.max:S[1]-m.min)/(m.max-m.min),Q=A?q(G,null,0):q(null,G,0),V=A?q(J,null,1):q(null,J,1),Z=J>G?J-G:G-J,ee=J>G?G:J,e.createElement(e.Fragment,null,e.createElement("span",{className:"p-slider-range",style:A?{left:ee+"%",width:Z+"%"}:{bottom:ee+"%",height:Z+"%"}}),Q,V)):function(){var n;n=S<m.min?m.min:S>m.max?m.max:100*(S-m.min)/(m.max-m.min);var r=A?{width:n+"%"}:{height:n+"%"},t=A?q(n,null,null):q(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:d,id:m.id,style:m.style,className:te},ne,{onClick:function(e){if(!m.disabled){if(!g.current){X();var n=B(e);m.onSlideEnd&&m.onSlideEnd({originalEvent:e,value:n})}g.current=!1}}}),ae)})));v.displayName="Slider";export{v as Slider};
+import*as e from"react";import{useEventListener as r}from"primereact/hooks";import{ObjectUtils as t,DomHandler as n,classNames as o,mergeProps as i}from"primereact/utils";import{ComponentBase as a}from"primereact/componentbase";import{PrimeReactContext as l}from"primereact/api";function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function c(e,r){if("object"!==u(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!==u(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function s(e){var r=c(e,"string");return"symbol"===u(r)?r:String(r)}function f(e,r,t){return(r=s(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function m(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function p(e){if(Array.isArray(e))return m(e)}function d(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function y(e,r){if(e){if("string"==typeof e)return m(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?m(e,r):void 0}}function v(){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 b(e){if(Array.isArray(e))return e}function g(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,i,a,l=[],u=!0,c=!1;try{if(i=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;u=!1}else for(;!(u=(n=i.call(t)).done)&&(l.push(n.value),l.length!==r);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(c)throw o}}return l}}function h(){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 S(e,r){return b(e)||g(e,r)||y(e,r)||h()}var w=a.extend({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,children:void 0}});function x(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function O(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?x(Object(t),!0).forEach((function(r){f(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):x(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var E=e.memo(e.forwardRef((function(a,u){var c=e.useContext(l),s=w.getProps(a,c),f=e.useRef(null),m=e.useRef(0),b=e.useRef(!1),g=e.useRef(!1),h=e.useRef(0),x=e.useRef(0),E=e.useRef(0),j=e.useRef(0),P=s.range?s.value||[s.min,s.max]:s.value||0,A="horizontal"===s.orientation,R="vertical"===s.orientation,D=S(r({type:"mousemove",listener:function(e){return U(e)}}),2),I=D[0],C=D[1],N=S(r({type:"mouseup",listener:function(e){return X(e)}}),2),M=N[0],T=N[1],k=S(r({type:"touchmove",listener:function(e){return U(e)}}),2),F=k[0],z=k[1],W=S(r({type:"touchend",listener:function(e){return X(e)}}),2),Y=W[0],_=W[1],H=w.setMetaData({props:s}).ptm,K=function(e,r){Q(e,(s.range?P[m.current]:P)+(s.step||1)*r),e.preventDefault()},L=function(e,r){s.disabled||(g.current=!0,G(),b.current=!0,m.current=r)},U=function(e){g.current&&(J(e),e.preventDefault())},X=function(e){g.current&&(g.current=!1,s.onSlideEnd&&s.onSlideEnd({originalEvent:e,value:s.value}),C(),T(),z(),_())},B=function(e,r){I(),M(),L(0,r)},$=function(e,r){F(),Y(),L(0,r)},q=function(e,r){if(!s.disabled){m.current=r;var t=e.key;"ArrowRight"===t||"ArrowUp"===t?K(e,1):"ArrowLeft"!==t&&"ArrowDown"!==t||K(e,-1)}},G=function(){var e=f.current.getBoundingClientRect();h.current=e.left+n.getWindowScrollLeft(),x.current=e.top+n.getWindowScrollTop(),E.current=f.current.offsetWidth,j.current=f.current.offsetHeight},J=function(e){var r=(A?100*((e.touches?e.touches[0].pageX:e.pageX)-h.current)/E.current:100*(x.current+j.current-(e.touches?e.touches[0].pageY:e.pageY))/j.current)/100*(s.max-s.min)+s.min;if(s.step){var t=s.range?P[m.current]:P,n=r-t;n<0?r=t+Math.ceil(r/s.step-t/s.step)*s.step:n>0&&(r=t+Math.floor(r/s.step-t/s.step)*s.step)}else r=Math.floor(r);return Q(e,r)},Q=function(e,r){var t,n=parseFloat(r.toFixed(10)),o=n;return s.range?(0===m.current?n<s.min?n=s.min:n>s.max&&(n=s.max):n>s.max?n=s.max:n<s.min&&(n=s.min),(o=p(t=P)||d(t)||y(t)||v())[m.current]=n,s.onChange&&s.onChange({originalEvent:e,value:o})):(n<s.min?n=s.min:n>s.max&&(n=s.max),o=n,s.onChange&&s.onChange({originalEvent:e,value:o})),o},V=function(r,t,n){var a={transition:g.current?"none":null,left:null!==r&&r+"%",bottom:t&&t+"%"},l=o("p-slider-handle",{"p-slider-handle-start":0===n,"p-slider-handle-end":1===n,"p-slider-handle-active":m.current===n}),u=i(O({className:l,style:a,tabIndex:s.tabIndex,role:"slider",onMouseDown:function(e){return B(0,n)},onTouchStart:function(e){return $(0,n)},onKeyDown:function(e){return q(e,n)},"aria-valuemin":s.min,"aria-valuemax":s.max,"aria-valuenow":r||t,"aria-orientation":s.orientation},le),H("handle"));return e.createElement("span",u)};e.useImperativeHandle(u,(function(){return{props:s,getElement:function(){return f.current}}}));var Z,ee,re,te,ne,oe,ie,ae=w.getOtherProps(s),le=t.reduceKeys(ae,n.ARIA_PROPS),ue=o("p-slider p-component",s.className,{"p-disabled":s.disabled,"p-slider-horizontal":A,"p-slider-vertical":R}),ce=s.range?(Z=100*(P[0]<s.min?s.min:P[0]-s.min)/(s.max-s.min),ee=100*(P[1]>s.max?s.max:P[1]-s.min)/(s.max-s.min),re=A?V(Z,null,0):V(null,Z,0),te=A?V(ee,null,1):V(null,ee,1),ne=ee>Z?ee-Z:Z-ee,oe=ee>Z?Z:ee,ie=i({className:"p-slider-range",style:A?{left:oe+"%",width:ne+"%"}:{bottom:oe+"%",height:ne+"%"}},H("range")),e.createElement(e.Fragment,null,e.createElement("span",ie),re,te)):function(){var r;r=P<s.min?s.min:P>s.max?s.max:100*(P-s.min)/(s.max-s.min);var t=A?{width:r+"%"}:{height:r+"%"},n=A?V(r,null,null):V(null,r,null),o=i({className:"p-slider-range",style:t},H("range"));return e.createElement(e.Fragment,null,e.createElement("span",o),n)}(),se=i({ref:f,id:s.id,style:s.style,className:ue,onClick:function(e){if(!s.disabled){if(!b.current){G();var r=J(e);s.onSlideEnd&&s.onSlideEnd({originalEvent:e,value:r})}b.current=!1}}},w.getOtherProps(s),H("root"));return e.createElement("div",se,ce)})));E.displayName="Slider";export{E as Slider};

package/slider/slider.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.slider = (function (exports, React, hooks, utils) {
+this.primereact.slider = (function (exports, React, hooks, utils, componentbase, api) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -22,19 +22,45 @@ this.primereact.slider = (function (exports, React, hooks, utils) {
 
   var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-  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);
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
+  }
+
+  function _toPrimitive(input, hint) {
+    if (_typeof(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
+
+  function _toPropertyKey(arg) {
+    var key = _toPrimitive(arg, "string");
+    return _typeof(key) === "symbol" ? key : String(key);
+  }
+
+  function _defineProperty(obj, key, value) {
+    key = _toPropertyKey(key);
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
   }
 
   function _arrayLikeToArray(arr, len) {
@@ -108,7 +134,7 @@ this.primereact.slider = (function (exports, React, hooks, utils) {
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var SliderBase = {
+  var SliderBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'Slider',
       id: null,
@@ -125,17 +151,14 @@ this.primereact.slider = (function (exports, React, hooks, utils) {
       onChange: null,
       onSlideEnd: null,
       children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, SliderBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, SliderBase.defaultProps);
     }
-  };
+  });
 
+  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Slider = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-    var props = SliderBase.getProps(inProps);
+    var context = React__namespace.useContext(api.PrimeReactContext);
+    var props = SliderBase.getProps(inProps, context);
     var elementRef = React__namespace.useRef(null);
     var handleIndex = React__namespace.useRef(0);
     var sliderHandleClick = React__namespace.useRef(false);
@@ -183,6 +206,10 @@ this.primereact.slider = (function (exports, React, hooks, utils) {
       _useEventListener8 = _slicedToArray(_useEventListener7, 2),
       bindDocumentTouchEndListener = _useEventListener8[0],
       unbindDocumentTouchEndListener = _useEventListener8[1];
+    var _SliderBase$setMetaDa = SliderBase.setMetaData({
+        props: props
+      }),
+      ptm = _SliderBase$setMetaDa.ptm;
     var spin = function spin(event, dir) {
       var val = props.range ? value[handleIndex.current] : value;
       var step = (props.step || 1) * dir;
@@ -317,11 +344,11 @@ this.primereact.slider = (function (exports, React, hooks, utils) {
         'p-slider-handle-end': index === 1,
         'p-slider-handle-active': handleIndex.current === index
       });
-      return /*#__PURE__*/React__namespace.createElement("span", _extends({
+      var handleProps = utils.mergeProps(_objectSpread({
         className: className,
         style: style,
         tabIndex: props.tabIndex,
-        role: "slider",
+        role: 'slider',
         onMouseDown: function onMouseDown(event) {
           return _onMouseDown(event, index);
         },
@@ -331,11 +358,12 @@ this.primereact.slider = (function (exports, React, hooks, utils) {
         onKeyDown: function onKeyDown(event) {
           return _onKeyDown(event, index);
         },
-        "aria-valuemin": props.min,
-        "aria-valuemax": props.max,
-        "aria-valuenow": leftValue || bottomValue,
-        "aria-orientation": props.orientation
-      }, ariaProps));
+        'aria-valuemin': props.min,
+        'aria-valuemax': props.max,
+        'aria-valuenow': leftValue || bottomValue,
+        'aria-orientation': props.orientation
+      }, ariaProps), ptm('handle'));
+      return /*#__PURE__*/React__namespace.createElement("span", handleProps);
     };
     var createRangeSlider = function createRangeSlider() {
       var handleValueStart = (value[0] < props.min ? props.min : value[0] - props.min) * 100 / (props.max - props.min);
@@ -351,10 +379,11 @@ this.primereact.slider = (function (exports, React, hooks, utils) {
         bottom: rangeSliderPosition + '%',
         height: rangeSliderWidth + '%'
       };
-      return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("span", {
-        className: "p-slider-range",
+      var rangeProps = utils.mergeProps({
+        className: 'p-slider-range',
         style: rangeStyle
-      }), rangeStartHandle, rangeEndHandle);
+      }, ptm('range'));
+      return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("span", rangeProps), rangeStartHandle, rangeEndHandle);
     };
     var createSingleSlider = function createSingleSlider() {
       var handleValue;
@@ -365,10 +394,11 @@ this.primereact.slider = (function (exports, React, hooks, utils) {
         height: handleValue + '%'
       };
       var handle = horizontal ? createHandle(handleValue, null, null) : createHandle(null, handleValue, null);
-      return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("span", {
-        className: "p-slider-range",
+      var rangeProps = utils.mergeProps({
+        className: 'p-slider-range',
         style: rangeStyle
-      }), handle);
+      }, ptm('range'));
+      return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("span", rangeProps), handle);
     };
     React__namespace.useImperativeHandle(ref, function () {
       return {
@@ -386,14 +416,14 @@ this.primereact.slider = (function (exports, React, hooks, utils) {
       'p-slider-vertical': vertical
     });
     var content = props.range ? createRangeSlider() : createSingleSlider();
-    return /*#__PURE__*/React__namespace.createElement("div", _extends({
+    var rootProps = utils.mergeProps({
       ref: elementRef,
       id: props.id,
       style: props.style,
-      className: className
-    }, otherProps, {
+      className: className,
       onClick: onBarClick
-    }), content);
+    }, SliderBase.getOtherProps(props), ptm('root'));
+    return /*#__PURE__*/React__namespace.createElement("div", rootProps, content);
   }));
   Slider.displayName = 'Slider';
 
@@ -403,4 +433,4 @@ this.primereact.slider = (function (exports, React, hooks, utils) {
 
   return exports;
 
-})({}, React, primereact.hooks, primereact.utils);
+})({}, React, primereact.hooks, primereact.utils, primereact.componentbase, primereact.api);

package/slider/slider.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.slider=function(e,n,t,r){"use strict";function a(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var i=a(n);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},l.apply(this,arguments)}function o(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function u(e){if(Array.isArray(e))return o(e)}function c(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function s(e,n){if(e){if("string"==typeof e)return o(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?o(e,n):void 0}}function f(){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 m(e){if(Array.isArray(e))return e}function d(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,i,l,o=[],u=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=i.call(t)).done)&&(o.push(r.value),o.length!==n);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(c)throw a}}return o}}function p(){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 v(e,n){return m(e)||d(e,n)||s(e,n)||p()}var h={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,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,h.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,h.defaultProps)}},g=i.memo(i.forwardRef((function(e,n){var a=h.getProps(e),o=i.useRef(null),m=i.useRef(0),d=i.useRef(!1),p=i.useRef(!1),g=i.useRef(0),y=i.useRef(0),b=i.useRef(0),E=i.useRef(0),x=a.range?a.value||[a.min,a.max]:a.value||0,w="horizontal"===a.orientation,O="vertical"===a.orientation,S=v(t.useEventListener({type:"mousemove",listener:function(e){return U(e)}}),2),j=S[0],P=S[1],A=v(t.useEventListener({type:"mouseup",listener:function(e){return k(e)}}),2),R=A[0],D=A[1],I=v(t.useEventListener({type:"touchmove",listener:function(e){return U(e)}}),2),N=I[0],C=I[1],M=v(t.useEventListener({type:"touchend",listener:function(e){return k(e)}}),2),_=M[0],L=M[1],H=function(e,n){X(e,(a.range?x[m.current]:x)+(a.step||1)*n),e.preventDefault()},T=function(e,n){a.disabled||(p.current=!0,Y(),d.current=!0,m.current=n)},U=function(e){p.current&&(K(e),e.preventDefault())},k=function(e){p.current&&(p.current=!1,a.onSlideEnd&&a.onSlideEnd({originalEvent:e,value:a.value}),P(),D(),C(),L())},z=function(e,n){j(),R(),T(0,n)},F=function(e,n){N(),_(),T(0,n)},W=function(e,n){if(!a.disabled){m.current=n;var t=e.key;"ArrowRight"===t||"ArrowUp"===t?H(e,1):"ArrowLeft"!==t&&"ArrowDown"!==t||H(e,-1)}},Y=function(){var e=o.current.getBoundingClientRect();g.current=e.left+r.DomHandler.getWindowScrollLeft(),y.current=e.top+r.DomHandler.getWindowScrollTop(),b.current=o.current.offsetWidth,E.current=o.current.offsetHeight},K=function(e){var n=(w?100*((e.touches?e.touches[0].pageX:e.pageX)-g.current)/b.current:100*(y.current+E.current-(e.touches?e.touches[0].pageY:e.pageY))/E.current)/100*(a.max-a.min)+a.min;if(a.step){var t=a.range?x[m.current]:x,r=n-t;r<0?n=t+Math.ceil(n/a.step-t/a.step)*a.step:r>0&&(n=t+Math.floor(n/a.step-t/a.step)*a.step)}else n=Math.floor(n);return X(e,n)},X=function(e,n){var t,r=parseFloat(n.toFixed(10)),i=r;return a.range?(0===m.current?r<a.min?r=a.min:r>a.max&&(r=a.max):r>a.max?r=a.max:r<a.min&&(r=a.min),(i=u(t=x)||c(t)||s(t)||f())[m.current]=r,a.onChange&&a.onChange({originalEvent:e,value:i})):(r<a.min?r=a.min:r>a.max&&(r=a.max),i=r,a.onChange&&a.onChange({originalEvent:e,value:i})),i},B=function(e,n,t){var o={transition:p.current?"none":null,left:null!==e&&e+"%",bottom:n&&n+"%"},u=r.classNames("p-slider-handle",{"p-slider-handle-start":0===t,"p-slider-handle-end":1===t,"p-slider-handle-active":m.current===t});return i.createElement("span",l({className:u,style:o,tabIndex:a.tabIndex,role:"slider",onMouseDown:function(e){return z(0,t)},onTouchStart:function(e){return F(0,t)},onKeyDown:function(e){return W(e,t)},"aria-valuemin":a.min,"aria-valuemax":a.max,"aria-valuenow":e||n,"aria-orientation":a.orientation},ee))};i.useImperativeHandle(n,(function(){return{props:a,getElement:function(){return o.current}}}));var $,q,G,J,Q,V,Z=h.getOtherProps(a),ee=r.ObjectUtils.reduceKeys(Z,r.DomHandler.ARIA_PROPS),ne=r.classNames("p-slider p-component",a.className,{"p-disabled":a.disabled,"p-slider-horizontal":w,"p-slider-vertical":O}),te=a.range?($=100*(x[0]<a.min?a.min:x[0]-a.min)/(a.max-a.min),q=100*(x[1]>a.max?a.max:x[1]-a.min)/(a.max-a.min),G=w?B($,null,0):B(null,$,0),J=w?B(q,null,1):B(null,q,1),Q=q>$?q-$:$-q,V=q>$?$:q,i.createElement(i.Fragment,null,i.createElement("span",{className:"p-slider-range",style:w?{left:V+"%",width:Q+"%"}:{bottom:V+"%",height:Q+"%"}}),G,J)):function(){var e;e=x<a.min?a.min:x>a.max?a.max:100*(x-a.min)/(a.max-a.min);var n=w?{width:e+"%"}:{height:e+"%"},t=w?B(e,null,null):B(null,e,null);return i.createElement(i.Fragment,null,i.createElement("span",{className:"p-slider-range",style:n}),t)}();return i.createElement("div",l({ref:o,id:a.id,style:a.style,className:ne},Z,{onClick:function(e){if(!a.disabled){if(!d.current){Y();var n=K(e);a.onSlideEnd&&a.onSlideEnd({originalEvent:e,value:n})}d.current=!1}}}),te)})));return g.displayName="Slider",e.Slider=g,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.slider=function(e,r,t,n,o,i){"use strict";function a(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var l=a(r);function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function c(e,r){if("object"!==u(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!==u(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function s(e){var r=c(e,"string");return"symbol"===u(r)?r:String(r)}function f(e,r,t){return(r=s(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function m(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function p(e){if(Array.isArray(e))return m(e)}function d(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function y(e,r){if(e){if("string"==typeof e)return m(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?m(e,r):void 0}}function v(){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 b(e){if(Array.isArray(e))return e}function g(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,i,a,l=[],u=!0,c=!1;try{if(i=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;u=!1}else for(;!(u=(n=i.call(t)).done)&&(l.push(n.value),l.length!==r);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(c)throw o}}return l}}function h(){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 O(e,r){return b(e)||g(e,r)||y(e,r)||h()}var S=o.ComponentBase.extend({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,children:void 0}});function w(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function j(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?w(Object(t),!0).forEach((function(r){f(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):w(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var E=l.memo(l.forwardRef((function(e,r){var o=l.useContext(i.PrimeReactContext),a=S.getProps(e,o),u=l.useRef(null),c=l.useRef(0),s=l.useRef(!1),f=l.useRef(!1),m=l.useRef(0),b=l.useRef(0),g=l.useRef(0),h=l.useRef(0),w=a.range?a.value||[a.min,a.max]:a.value||0,E="horizontal"===a.orientation,x="vertical"===a.orientation,P=O(t.useEventListener({type:"mousemove",listener:function(e){return U(e)}}),2),A=P[0],R=P[1],D=O(t.useEventListener({type:"mouseup",listener:function(e){return W(e)}}),2),C=D[0],I=D[1],N=O(t.useEventListener({type:"touchmove",listener:function(e){return U(e)}}),2),M=N[0],_=N[1],L=O(t.useEventListener({type:"touchend",listener:function(e){return W(e)}}),2),T=L[0],k=L[1],H=S.setMetaData({props:a}).ptm,z=function(e,r){q(e,(a.range?w[c.current]:w)+(a.step||1)*r),e.preventDefault()},F=function(e,r){a.disabled||(f.current=!0,X(),s.current=!0,c.current=r)},U=function(e){f.current&&($(e),e.preventDefault())},W=function(e){f.current&&(f.current=!1,a.onSlideEnd&&a.onSlideEnd({originalEvent:e,value:a.value}),R(),I(),_(),k())},Y=function(e,r){A(),C(),F(0,r)},B=function(e,r){M(),T(),F(0,r)},K=function(e,r){if(!a.disabled){c.current=r;var t=e.key;"ArrowRight"===t||"ArrowUp"===t?z(e,1):"ArrowLeft"!==t&&"ArrowDown"!==t||z(e,-1)}},X=function(){var e=u.current.getBoundingClientRect();m.current=e.left+n.DomHandler.getWindowScrollLeft(),b.current=e.top+n.DomHandler.getWindowScrollTop(),g.current=u.current.offsetWidth,h.current=u.current.offsetHeight},$=function(e){var r=(E?100*((e.touches?e.touches[0].pageX:e.pageX)-m.current)/g.current:100*(b.current+h.current-(e.touches?e.touches[0].pageY:e.pageY))/h.current)/100*(a.max-a.min)+a.min;if(a.step){var t=a.range?w[c.current]:w,n=r-t;n<0?r=t+Math.ceil(r/a.step-t/a.step)*a.step:n>0&&(r=t+Math.floor(r/a.step-t/a.step)*a.step)}else r=Math.floor(r);return q(e,r)},q=function(e,r){var t,n=parseFloat(r.toFixed(10)),o=n;return a.range?(0===c.current?n<a.min?n=a.min:n>a.max&&(n=a.max):n>a.max?n=a.max:n<a.min&&(n=a.min),(o=p(t=w)||d(t)||y(t)||v())[c.current]=n,a.onChange&&a.onChange({originalEvent:e,value:o})):(n<a.min?n=a.min:n>a.max&&(n=a.max),o=n,a.onChange&&a.onChange({originalEvent:e,value:o})),o},G=function(e,r,t){var o={transition:f.current?"none":null,left:null!==e&&e+"%",bottom:r&&r+"%"},i=n.classNames("p-slider-handle",{"p-slider-handle-start":0===t,"p-slider-handle-end":1===t,"p-slider-handle-active":c.current===t}),u=n.mergeProps(j({className:i,style:o,tabIndex:a.tabIndex,role:"slider",onMouseDown:function(e){return Y(0,t)},onTouchStart:function(e){return B(0,t)},onKeyDown:function(e){return K(e,t)},"aria-valuemin":a.min,"aria-valuemax":a.max,"aria-valuenow":e||r,"aria-orientation":a.orientation},oe),H("handle"));return l.createElement("span",u)};l.useImperativeHandle(r,(function(){return{props:a,getElement:function(){return u.current}}}));var J,Q,V,Z,ee,re,te,ne=S.getOtherProps(a),oe=n.ObjectUtils.reduceKeys(ne,n.DomHandler.ARIA_PROPS),ie=n.classNames("p-slider p-component",a.className,{"p-disabled":a.disabled,"p-slider-horizontal":E,"p-slider-vertical":x}),ae=a.range?(J=100*(w[0]<a.min?a.min:w[0]-a.min)/(a.max-a.min),Q=100*(w[1]>a.max?a.max:w[1]-a.min)/(a.max-a.min),V=E?G(J,null,0):G(null,J,0),Z=E?G(Q,null,1):G(null,Q,1),ee=Q>J?Q-J:J-Q,re=Q>J?J:Q,te=n.mergeProps({className:"p-slider-range",style:E?{left:re+"%",width:ee+"%"}:{bottom:re+"%",height:ee+"%"}},H("range")),l.createElement(l.Fragment,null,l.createElement("span",te),V,Z)):function(){var e;e=w<a.min?a.min:w>a.max?a.max:100*(w-a.min)/(a.max-a.min);var r=E?{width:e+"%"}:{height:e+"%"},t=E?G(e,null,null):G(null,e,null),o=n.mergeProps({className:"p-slider-range",style:r},H("range"));return l.createElement(l.Fragment,null,l.createElement("span",o),t)}(),le=n.mergeProps({ref:u,id:a.id,style:a.style,className:ie,onClick:function(e){if(!a.disabled){if(!s.current){X();var r=$(e);a.onSlideEnd&&a.onSlideEnd({originalEvent:e,value:r})}s.current=!1}}},S.getOtherProps(a),H("root"));return l.createElement("div",le,ae)})));return E.displayName="Slider",e.Slider=E,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils,primereact.componentbase,primereact.api);

package/speeddial/speeddial.cjs.js

@@ -10,6 +10,7 @@ var plus = require('primereact/icons/plus');
 var ripple = require('primereact/ripple');
 var utils = require('primereact/utils');
 var componentbase = require('primereact/componentbase');
+var api = require('primereact/api');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -167,7 +168,8 @@ var SpeedDial = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     _React$useState2 = _slicedToArray(_React$useState, 2),
     visibleState = _React$useState2[0],
     setVisibleState = _React$useState2[1];
-  var props = SpeedDialBase.getProps(inProps);
+  var context = React__namespace.useContext(api.PrimeReactContext);
+  var props = SpeedDialBase.getProps(inProps, context);
   var _SpeedDialBase$setMet = SpeedDialBase.setMetaData({
       props: props,
       state: {

package/speeddial/speeddial.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/button"),n=require("primereact/hooks"),r=require("primereact/icons/minus"),i=require("primereact/icons/plus"),o=require("primereact/ripple"),l=require("primereact/utils"),a=require("primereact/componentbase");function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var s=c(e);function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function p(e,t){if("object"!==u(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==u(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=p(e,"string");return"symbol"===u(t)?t:String(t)}function m(e,t,n){return(t=f(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function d(e){if(Array.isArray(e))return e}function b(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,l,a=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function h(e,t){if(e){if("string"==typeof e)return y(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?y(e,t):void 0}}function v(){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 g(e,t){return d(e)||b(e,t)||h(e,t)||v()}var O=a.ComponentBase.extend({defaultProps:{__TYPE:"SpeedDial",id:null,model:null,visible:!1,style:null,className:null,direction:"up",transitionDelay:30,type:"linear",radius:0,mask:!1,disabled:!1,hideOnClickOutside:!0,buttonStyle:null,buttonClassName:null,buttonTemplate:null,"aria-label":null,maskStyle:null,maskClassName:null,showIcon:null,hideIcon:null,rotateAnimation:!0,onVisibleChange:null,onClick:null,onShow:null,onHide:null,children:void 0}});function S(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function P(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach((function(t){m(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var N=s.memo(s.forwardRef((function(e,a){var c,u=g(s.useState(!1),2),p=u[0],f=u[1],d=O.getProps(e),b=O.setMetaData({props:d,state:{visible:p}}).ptm,y=s.useRef(!1),h=s.useRef(null),v=s.useRef(null),S=d.onVisibleChange?d.visible:p,N=g(n.useEventListener({type:"click",listener:function(e){!y.current&&x(e)&&k(),y.current=!1},when:p}),2),w=N[0],j=N[1],I=function(){d.onVisibleChange?d.onVisibleChange(!0):f(!0),d.onShow&&d.onShow()},k=function(){d.onVisibleChange?d.onVisibleChange(!1):f(!1),d.onHide&&d.onHide()},C=function(e){S?k():I(),d.onClick&&d.onClick(e),y.current=!0},E=function(e,t){t.command&&t.command({originalEvent:e,item:t}),k(),y.current=!0,e.preventDefault()},x=function(e){return h.current&&!(h.current.isSameNode(e.target)||h.current.contains(e.target))},M=function(e){return(S?e:d.model.length-e-1)*d.transitionDelay},D=function(e){var t=d.type;if("linear"!==t){var n=d.model.length,r=d.radius||20*n;if("circle"===t){var i=2*Math.PI/n;return{left:"calc(".concat(r*Math.cos(i*e),"px + var(--item-diff-x, 0px))"),top:"calc(".concat(r*Math.sin(i*e),"px + var(--item-diff-y, 0px))")}}if("semi-circle"===t){var o=d.direction,l=Math.PI/(n-1),a="calc(".concat(r*Math.cos(l*e),"px + var(--item-diff-x, 0px))"),c="calc(".concat(r*Math.sin(l*e),"px + var(--item-diff-y, 0px))");if("up"===o)return{left:a,bottom:c};if("down"===o)return{left:a,top:c};if("left"===o)return{right:c,top:a};if("right"===o)return{left:c,top:a}}else if("quarter-circle"===t){var s=d.direction,u=Math.PI/(2*(n-1)),p="calc(".concat(r*Math.cos(u*e),"px + var(--item-diff-x, 0px))"),f="calc(".concat(r*Math.sin(u*e),"px + var(--item-diff-y, 0px))");if("up-left"===s)return{right:p,bottom:f};if("up-right"===s)return{left:p,bottom:f};if("down-left"===s)return{right:f,top:p};if("down-right"===s)return{left:f,top:p}}}return{}},q=function(e){var t=M(e),n=D(e);return P({transitionDelay:"".concat(t,"ms")},n)};n.useMountEffect((function(){if("linear"!==d.type){var e=l.DomHandler.findSingle(h.current,".p-speeddial-button"),t=l.DomHandler.findSingle(v.current,".p-speeddial-item");if(e&&t){var n=Math.abs(e.offsetWidth-t.offsetWidth),r=Math.abs(e.offsetHeight-t.offsetHeight);v.current.style.setProperty("--item-diff-x","".concat(n/2,"px")),v.current.style.setProperty("--item-diff-y","".concat(r/2,"px"))}}})),n.useUpdateEffect((function(){return p&&d.hideOnClickOutside&&w(),function(){d.hideOnClickOutside&&j()}}),[p]),s.useImperativeHandle(a,(function(){return{props:d,show:I,hide:k,getElement:function(){return h.current}}}));var A,H,T=function(e,t){if(!1===e.visible)return null;var n=q(t),r=e.icon,i=e.label,a=e.template,c=e.url,u=e.target,p=l.classNames("p-speeddial-action",{"p-disabled":e.disabled}),f=l.classNames("p-speeddial-action-icon",r),m=l.mergeProps({className:f},b("actionIcon")),y=l.mergeProps({href:c||"#",role:"menuitem",className:p,target:u,"data-pr-tooltip":i,onClick:function(t){return E(t,e)}},b("action")),h=l.IconUtils.getJSXIcon(r,P({},m),{props:d}),v=s.createElement("a",y,h,s.createElement(o.Ripple,null));a&&(v=l.ObjectUtils.getJSXElement(a,e,{onClick:function(t){return E(t,e)},className:p,iconClassName:f,element:v,props:d,visible:S}));var g=l.mergeProps({key:t,className:"p-speeddial-item",style:n,role:"none"},b("menuitem"));return s.createElement("li",g,v)},U=l.classNames("p-speeddial p-component p-speeddial-".concat(d.type),(m(c={},"p-speeddial-direction-".concat(d.direction),"circle"!==d.type),m(c,"p-speeddial-opened",S),m(c,"p-disabled",d.disabled),c),d.className),V=function(){var e,n=!S&&!!d.showIcon||!d.hideIcon,o=S&&!!d.hideIcon,a=l.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":d.rotateAnimation&&!d.hideIcon},d.buttonClassName),c=l.classNames((m(e={},"".concat(d.showIcon),!S&&!!d.showIcon||!d.hideIcon),m(e,"".concat(d.hideIcon),S&&!!d.hideIcon),e)),u=l.IconUtils.getJSXIcon(n?d.showIcon||s.createElement(i.PlusIcon,{className:c,onClick:C}):o?d.hideIcon||s.createElement(r.MinusIcon,{className:c,onClick:C}):null,{className:c},{props:d,visible:S}),p=l.mergeProps({type:"button",style:d.buttonStyle,className:a,icon:u,onClick:function(e){return C(e)},disabled:d.disabled,"aria-label":d["aria-label"],pt:d.pt&&d.pt.button?d.pt.button:{}}),f=s.createElement(t.Button,p);return d.buttonTemplate?l.ObjectUtils.getJSXElement(d.buttonTemplate,{onClick:C,className:a,iconClassName:c,element:f,props:d,visible:S}):f}(),_=(A=d.model?d.model.map(T):null,H=l.mergeProps({ref:v,className:"p-speeddial-list",role:"menu"},b("menu")),s.createElement("ul",H,A)),R=function(){if(d.mask){var e=l.classNames("p-speeddial-mask",{"p-speeddial-mask-visible":S},d.maskClassName),t=l.mergeProps({className:e,style:d.maskStyle},b("mask"));return s.createElement("div",t)}return null}(),J=l.mergeProps({id:d.id,ref:h,className:U,style:d.style},O.getOtherProps(d),b("root"));return s.createElement(s.Fragment,null,s.createElement("div",J,V,_),R)})));N.displayName="SpeedDial",exports.SpeedDial=N;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/button"),n=require("primereact/hooks"),r=require("primereact/icons/minus"),i=require("primereact/icons/plus"),o=require("primereact/ripple"),a=require("primereact/utils"),l=require("primereact/componentbase"),c=require("primereact/api");function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var u=s(e);function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function f(e,t){if("object"!==p(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==p(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function m(e){var t=f(e,"string");return"symbol"===p(t)?t:String(t)}function d(e,t,n){return(t=m(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function b(e){if(Array.isArray(e))return e}function y(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,a,l=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw i}}return l}}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function v(e,t){if(e){if("string"==typeof e)return h(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(e,t):void 0}}function g(){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 O(e,t){return b(e)||y(e,t)||v(e,t)||g()}var S=l.ComponentBase.extend({defaultProps:{__TYPE:"SpeedDial",id:null,model:null,visible:!1,style:null,className:null,direction:"up",transitionDelay:30,type:"linear",radius:0,mask:!1,disabled:!1,hideOnClickOutside:!0,buttonStyle:null,buttonClassName:null,buttonTemplate:null,"aria-label":null,maskStyle:null,maskClassName:null,showIcon:null,hideIcon:null,rotateAnimation:!0,onVisibleChange:null,onClick:null,onShow:null,onHide:null,children:void 0}});function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function N(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){d(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var w=u.memo(u.forwardRef((function(e,l){var s,p=O(u.useState(!1),2),f=p[0],m=p[1],b=u.useContext(c.PrimeReactContext),y=S.getProps(e,b),h=S.setMetaData({props:y,state:{visible:f}}).ptm,v=u.useRef(!1),g=u.useRef(null),P=u.useRef(null),w=y.onVisibleChange?y.visible:f,C=O(n.useEventListener({type:"click",listener:function(e){!v.current&&D(e)&&x(),v.current=!1},when:f}),2),j=C[0],I=C[1],k=function(){y.onVisibleChange?y.onVisibleChange(!0):m(!0),y.onShow&&y.onShow()},x=function(){y.onVisibleChange?y.onVisibleChange(!1):m(!1),y.onHide&&y.onHide()},E=function(e){w?x():k(),y.onClick&&y.onClick(e),v.current=!0},M=function(e,t){t.command&&t.command({originalEvent:e,item:t}),x(),v.current=!0,e.preventDefault()},D=function(e){return g.current&&!(g.current.isSameNode(e.target)||g.current.contains(e.target))},q=function(e){return(w?e:y.model.length-e-1)*y.transitionDelay},A=function(e){var t=y.type;if("linear"!==t){var n=y.model.length,r=y.radius||20*n;if("circle"===t){var i=2*Math.PI/n;return{left:"calc(".concat(r*Math.cos(i*e),"px + var(--item-diff-x, 0px))"),top:"calc(".concat(r*Math.sin(i*e),"px + var(--item-diff-y, 0px))")}}if("semi-circle"===t){var o=y.direction,a=Math.PI/(n-1),l="calc(".concat(r*Math.cos(a*e),"px + var(--item-diff-x, 0px))"),c="calc(".concat(r*Math.sin(a*e),"px + var(--item-diff-y, 0px))");if("up"===o)return{left:l,bottom:c};if("down"===o)return{left:l,top:c};if("left"===o)return{right:c,top:l};if("right"===o)return{left:c,top:l}}else if("quarter-circle"===t){var s=y.direction,u=Math.PI/(2*(n-1)),p="calc(".concat(r*Math.cos(u*e),"px + var(--item-diff-x, 0px))"),f="calc(".concat(r*Math.sin(u*e),"px + var(--item-diff-y, 0px))");if("up-left"===s)return{right:p,bottom:f};if("up-right"===s)return{left:p,bottom:f};if("down-left"===s)return{right:f,top:p};if("down-right"===s)return{left:f,top:p}}}return{}},H=function(e){var t=q(e),n=A(e);return N({transitionDelay:"".concat(t,"ms")},n)};n.useMountEffect((function(){if("linear"!==y.type){var e=a.DomHandler.findSingle(g.current,".p-speeddial-button"),t=a.DomHandler.findSingle(P.current,".p-speeddial-item");if(e&&t){var n=Math.abs(e.offsetWidth-t.offsetWidth),r=Math.abs(e.offsetHeight-t.offsetHeight);P.current.style.setProperty("--item-diff-x","".concat(n/2,"px")),P.current.style.setProperty("--item-diff-y","".concat(r/2,"px"))}}})),n.useUpdateEffect((function(){return f&&y.hideOnClickOutside&&j(),function(){y.hideOnClickOutside&&I()}}),[f]),u.useImperativeHandle(l,(function(){return{props:y,show:k,hide:x,getElement:function(){return g.current}}}));var R,T,U=function(e,t){if(!1===e.visible)return null;var n=H(t),r=e.icon,i=e.label,l=e.template,c=e.url,s=e.target,p=a.classNames("p-speeddial-action",{"p-disabled":e.disabled}),f=a.classNames("p-speeddial-action-icon",r),m=a.mergeProps({className:f},h("actionIcon")),d=a.mergeProps({href:c||"#",role:"menuitem",className:p,target:s,"data-pr-tooltip":i,onClick:function(t){return M(t,e)}},h("action")),b=a.IconUtils.getJSXIcon(r,N({},m),{props:y}),v=u.createElement("a",d,b,u.createElement(o.Ripple,null));l&&(v=a.ObjectUtils.getJSXElement(l,e,{onClick:function(t){return M(t,e)},className:p,iconClassName:f,element:v,props:y,visible:w}));var g=a.mergeProps({key:t,className:"p-speeddial-item",style:n,role:"none"},h("menuitem"));return u.createElement("li",g,v)},V=a.classNames("p-speeddial p-component p-speeddial-".concat(y.type),(d(s={},"p-speeddial-direction-".concat(y.direction),"circle"!==y.type),d(s,"p-speeddial-opened",w),d(s,"p-disabled",y.disabled),s),y.className),_=function(){var e,n=!w&&!!y.showIcon||!y.hideIcon,o=w&&!!y.hideIcon,l=a.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":y.rotateAnimation&&!y.hideIcon},y.buttonClassName),c=a.classNames((d(e={},"".concat(y.showIcon),!w&&!!y.showIcon||!y.hideIcon),d(e,"".concat(y.hideIcon),w&&!!y.hideIcon),e)),s=a.IconUtils.getJSXIcon(n?y.showIcon||u.createElement(i.PlusIcon,{className:c,onClick:E}):o?y.hideIcon||u.createElement(r.MinusIcon,{className:c,onClick:E}):null,{className:c},{props:y,visible:w}),p=a.mergeProps({type:"button",style:y.buttonStyle,className:l,icon:s,onClick:function(e){return E(e)},disabled:y.disabled,"aria-label":y["aria-label"],pt:y.pt&&y.pt.button?y.pt.button:{}}),f=u.createElement(t.Button,p);return y.buttonTemplate?a.ObjectUtils.getJSXElement(y.buttonTemplate,{onClick:E,className:l,iconClassName:c,element:f,props:y,visible:w}):f}(),J=(R=y.model?y.model.map(U):null,T=a.mergeProps({ref:P,className:"p-speeddial-list",role:"menu"},h("menu")),u.createElement("ul",T,R)),X=function(){if(y.mask){var e=a.classNames("p-speeddial-mask",{"p-speeddial-mask-visible":w},y.maskClassName),t=a.mergeProps({className:e,style:y.maskStyle},h("mask"));return u.createElement("div",t)}return null}(),B=a.mergeProps({id:y.id,ref:g,className:V,style:y.style},S.getOtherProps(y),h("root"));return u.createElement(u.Fragment,null,u.createElement("div",B,_,J),X)})));w.displayName="SpeedDial",exports.SpeedDial=w;