primereact 8.1.0 → 8.3.0

package/slidemenu/slidemenu.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/csstransition"),r=require("primereact/hooks"),a=require("primereact/overlayservice"),i=require("primereact/portal"),o=require("primereact/utils");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(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 c=u(e),s=l(t);function m(){return m=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},m.apply(this,arguments)}function p(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i=[],o=!0,l=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){l=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(l)throw a}}return i}}function d(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 b(e,t){if(e){if("string"==typeof e)return d(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)?d(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 y(e,t){return p(e)||f(e,t)||b(e,t)||v()}function h(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(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 O(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?g(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var w=c.memo((function(e){var t=y(c.useState(null),2),n=t[0],r=t[1],a=y(c.useState({}),2),i=a[0],l=a[1],u=function(t,n,a){if(n.disabled)t.preventDefault();else if(n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n}),n.items){var o=p(n,a);l(O(O({},i),{},h({},o,!0))),r(n),e.onForward()}},s=function(e){return c.createElement("li",{key:"separator_"+e,className:"p-menu-separator"})},m=function(t,r){var a=i[p(t,r)];return t.items&&a?c.createElement(w,{menuProps:e.menuProps,model:t.items,index:e.index+1,menuWidth:e.menuWidth,effectDuration:e.effectDuration,onForward:e.onForward,parentActive:t===n}):null},p=function(e,t){return e.label+"_"+t},f=function(t,r){var a=p(t,r),i=n===t,l=o.classNames("p-menuitem",{"p-menuitem-active":i,"p-disabled":t.disabled},t.className),s=o.classNames("p-menuitem-icon",t.icon),f="p-submenu-icon pi pi-fw pi-angle-right",d=o.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e.menuProps}),b=t.label&&c.createElement("span",{className:"p-menuitem-text"},t.label),v=t.items&&c.createElement("span",{className:f}),y=m(t,r),h=c.createElement("a",{href:t.url||"#",className:"p-menuitem-link",target:t.target,onClick:function(e){return u(e,t,r)},"aria-disabled":t.disabled},d,b,v);t.template&&(h=o.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return u(e,t,r)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:s,submenuIconClassName:f,element:h,props:e,active:i}));return c.createElement("li",{key:a,className:l,style:t.style},h,y)},d=function(e,t){return e.separator?s(t):f(e,t)},b={width:e.menuWidth+"px",left:e.root?-1*e.level*e.menuWidth+"px":e.menuWidth+"px",transitionProperty:e.root?"left":"none",transitionDuration:e.effectDuration+"ms",transitionTimingFunction:e.easing},v=o.classNames({"p-slidemenu-rootlist":e.root,"p-submenu-list":!e.root,"p-active-submenu":e.parentActive}),g=e.model?e.model.map(d):null;return c.createElement("ul",{className:v,style:b},g)}));w.displayName="SlideMenuSub";var E=c.memo(c.forwardRef((function(e,t){var l=y(c.useState(0),2),u=l[0],p=l[1],f=y(c.useState(!1),2),d=f[0],b=f[1],v=c.useRef(null),h=c.useRef(null),g=c.useRef(null),O=c.useRef(null),N=y(r.useOverlayListener({target:h,overlay:v,listener:function(e,t){t.valid&&A(e)},when:d}),2),j=N[0],x=N[1],S=function(t){e.popup&&a.OverlayService.emit("overlay-click",{originalEvent:t,target:h.current})},P=function(){p((function(e){return e+1}))},k=function(){p((function(e){return e-1}))},D=function(t){e.popup&&(d?A(t):I(t))},I=function(t){h.current=t.currentTarget,b(!0),e.onShow&&e.onShow(t)},A=function(t){h.current=t.currentTarget,b(!1),e.onHide&&e.onHide(t)},C=function(){e.autoZIndex&&o.ZIndexUtils.set("menu",v.current,s.default.autoZIndex,e.baseZIndex||s.default.zIndex.menu),o.DomHandler.absolutePosition(v.current,h.current)},T=function(){j()},U=function(){h.current=null,x()},W=function(){o.ZIndexUtils.clear(v.current),p(0)};r.useUpdateEffect((function(){p(0)}),[e.model]),r.useUnmountEffect((function(){o.ZIndexUtils.clear(v.current)})),c.useImperativeHandle(t,(function(){return{toggle:D,show:I,hide:A}}));var Z=function(){var t=o.classNames("p-slidemenu-backward",{"p-hidden":0===u});return c.createElement("div",{ref:g,className:t,onClick:k},c.createElement("span",{className:"p-slidemenu-backward-icon pi pi-fw pi-chevron-left"}),c.createElement("span",null,e.backLabel))},_=function(){var t=o.ObjectUtils.findDiffKeys(e,E.defaultProps),r=o.classNames("p-slidemenu p-component",{"p-slidemenu-overlay":e.popup},e.className),a={height:e.viewportHeight+"px"},i=Z();return c.createElement(n.CSSTransition,{nodeRef:v,classNames:"p-connected-overlay",in:!e.popup||d,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:C,onEntered:T,onExit:U,onExited:W},c.createElement("div",m({ref:v,id:e.id,className:r,style:e.style},t,{onClick:S}),c.createElement("div",{className:"p-slidemenu-wrapper",style:a},c.createElement("div",{className:"p-slidemenu-content",ref:O},c.createElement(w,{menuProps:e,model:e.model,root:!0,index:0,menuWidth:e.menuWidth,effectDuration:e.effectDuration,level:u,parentActive:0===u,onForward:P})),i)))}();return e.popup?c.createElement(i.Portal,{element:_,appendTo:e.appendTo}):_})));E.displayName="SlideMenu",E.defaultProps={__TYPE:"SlideMenu",id:null,model:null,popup:!1,style:null,className:null,easing:"ease-out",effectDuration:250,backLabel:"Back",menuWidth:190,viewportHeight:175,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null},exports.SlideMenu=E;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/csstransition"),r=require("primereact/hooks"),i=require("primereact/overlayservice"),a=require("primereact/portal"),o=require("primereact/utils");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function l(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 c=l(e),s=u(t);function p(){return p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p.apply(this,arguments)}function m(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function f(e){if(Array.isArray(e))return e}function d(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,a=[],o=!0,u=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);o=!0);}catch(e){u=!0,i=e}finally{try{o||null==n.return||n.return()}finally{if(u)throw i}}return a}}function b(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 y(e,t){if(e){if("string"==typeof e)return b(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)?b(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 O(e,t){return f(e)||d(e,t)||y(e,t)||v()}function g(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 h(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?g(Object(n),!0).forEach((function(t){m(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var j=c.memo((function(e){var t=O(c.useState(null),2),n=t[0],r=t[1],i=O(c.useState({}),2),a=i[0],u=i[1],l=function(t,n,i){if(n.disabled)t.preventDefault();else if(n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n}),n.items){var o=f(n,i);u(h(h({},a),{},m({},o,!0))),r(n),e.onForward()}},s=function(e){return c.createElement("li",{key:"separator_"+e,className:"p-menu-separator"})},p=function(t,r){var i=a[f(t,r)];return t.items&&i?c.createElement(j,{menuProps:e.menuProps,model:t.items,index:e.index+1,menuWidth:e.menuWidth,effectDuration:e.effectDuration,onForward:e.onForward,parentActive:t===n}):null},f=function(e,t){return e.label+"_"+t},d=function(t,r){var i=f(t,r),a=n===t,u=o.classNames("p-menuitem",{"p-menuitem-active":a,"p-disabled":t.disabled},t.className),s=o.classNames("p-menuitem-icon",t.icon),m="p-submenu-icon pi pi-fw pi-angle-right",d=o.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e.menuProps}),b=t.label&&c.createElement("span",{className:"p-menuitem-text"},t.label),y=t.items&&c.createElement("span",{className:m}),v=p(t,r),O=c.createElement("a",{href:t.url||"#",className:"p-menuitem-link",target:t.target,onClick:function(e){return l(e,t,r)},"aria-disabled":t.disabled},d,b,y);t.template&&(O=o.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return l(e,t,r)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:s,submenuIconClassName:m,element:O,props:e,active:a}));return c.createElement("li",{key:i,id:t.id,className:u,style:t.style},O,v)},b=function(e,t){return e.separator?s(t):d(e,t)},y={width:e.menuWidth+"px",left:e.root?-1*e.level*e.menuWidth+"px":e.menuWidth+"px",transitionProperty:e.root?"left":"none",transitionDuration:e.effectDuration+"ms",transitionTimingFunction:e.easing},v=o.classNames({"p-slidemenu-rootlist":e.root,"p-submenu-list":!e.root,"p-active-submenu":e.parentActive}),g=e.model?e.model.map(b):null;return c.createElement("ul",{className:v,style:y},g)}));function w(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 E(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?w(Object(n),!0).forEach((function(t){m(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):w(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}j.displayName="SlideMenuSub";var P=c.memo(c.forwardRef((function(e,t){var u=O(c.useState(0),2),l=u[0],m=u[1],f=O(c.useState(!1),2),d=f[0],b=f[1],y=c.useRef(null),v=c.useRef(null),g=c.useRef(null),h=c.useRef(null),w=O(r.useOverlayListener({target:v,overlay:y,listener:function(e,t){t.valid&&C(e)},when:d}),2),N=w[0],S=w[1],x=function(t){e.popup&&i.OverlayService.emit("overlay-click",{originalEvent:t,target:v.current})},D=function(){m((function(e){return e+1}))},k=function(){m((function(e){return e-1}))},I=function(t){e.popup&&(d?C(t):A(t))},A=function(t){v.current=t.currentTarget,b(!0),e.onShow&&e.onShow(t)},C=function(t){v.current=t.currentTarget,b(!1),e.onHide&&e.onHide(t)},T=function(){e.autoZIndex&&o.ZIndexUtils.set("menu",y.current,s.default.autoZIndex,e.baseZIndex||s.default.zIndex.menu),o.DomHandler.absolutePosition(y.current,v.current)},U=function(){N()},W=function(){v.current=null,S()},Z=function(){o.ZIndexUtils.clear(y.current),m(0)};r.useUpdateEffect((function(){m(0)}),[e.model]),r.useUnmountEffect((function(){o.ZIndexUtils.clear(y.current)})),c.useImperativeHandle(t,(function(){return E({toggle:I,show:A,hide:C,getElement:function(){return y.current}},e)}));var _=function(){var t=o.classNames("p-slidemenu-backward",{"p-hidden":0===l});return c.createElement("div",{ref:g,className:t,onClick:k},c.createElement("span",{className:"p-slidemenu-backward-icon pi pi-fw pi-chevron-left"}),c.createElement("span",null,e.backLabel))},q=function(){var t=o.ObjectUtils.findDiffKeys(e,P.defaultProps),r=o.classNames("p-slidemenu p-component",{"p-slidemenu-overlay":e.popup},e.className),i={height:e.viewportHeight+"px"},a=_();return c.createElement(n.CSSTransition,{nodeRef:y,classNames:"p-connected-overlay",in:!e.popup||d,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:T,onEntered:U,onExit:W,onExited:Z},c.createElement("div",p({ref:y,id:e.id,className:r,style:e.style},t,{onClick:x}),c.createElement("div",{className:"p-slidemenu-wrapper",style:i},c.createElement("div",{className:"p-slidemenu-content",ref:h},c.createElement(j,{menuProps:e,model:e.model,root:!0,index:0,menuWidth:e.menuWidth,effectDuration:e.effectDuration,level:l,parentActive:0===l,onForward:D})),a)))}();return e.popup?c.createElement(a.Portal,{element:q,appendTo:e.appendTo}):q})));P.displayName="SlideMenu",P.defaultProps={__TYPE:"SlideMenu",id:null,model:null,popup:!1,style:null,className:null,easing:"ease-out",effectDuration:250,backLabel:"Back",menuWidth:190,viewportHeight:175,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null},exports.SlideMenu=P;

package/slidemenu/slidemenu.d.ts

@@ -4,12 +4,9 @@ import { CSSTransitionProps } from '../csstransition';
 
 type SlideMenuAppendToType = 'self' | HTMLElement | undefined | null;
 
-export interface SlideMenuProps {
-    id?: string;
+export interface SlideMenuProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
     model?: MenuItem[];
     popup?: boolean;
-    style?: object;
-    className?: string;
     easing?: string;
     effectDuration?: number;
     backLabel?: string;
@@ -28,4 +25,5 @@ export declare class SlideMenu extends React.Component<SlideMenuProps, any> {
     public show(event: React.SyntheticEvent): void;
     public hide(event: React.SyntheticEvent): void;
     public toggle(event: React.SyntheticEvent): void;
+    public getElement(): HTMLDivElement;
 }

package/slidemenu/slidemenu.esm.js

@@ -24,6 +24,21 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -85,24 +100,9 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-
-  return obj;
-}
-
-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 ownKeys$1(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; }
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var SlideMenuSub = /*#__PURE__*/React.memo(function (props) {
   var _React$useState = React.useState(null),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -133,7 +133,7 @@ var SlideMenuSub = /*#__PURE__*/React.memo(function (props) {
 
     if (item.items) {
       var key = createKey(item, index);
-      setRenderSubMenu(_objectSpread(_objectSpread({}, renderSubMenu), {}, _defineProperty({}, key, true)));
+      setRenderSubMenu(_objectSpread$1(_objectSpread$1({}, renderSubMenu), {}, _defineProperty({}, key, true)));
       setActiveItemState(item);
       props.onForward();
     }
@@ -218,6 +218,7 @@ var SlideMenuSub = /*#__PURE__*/React.memo(function (props) {
 
     return /*#__PURE__*/React.createElement("li", {
       key: key,
+      id: item.id,
       className: className,
       style: item.style
     }, content, submenu);
@@ -251,6 +252,9 @@ var SlideMenuSub = /*#__PURE__*/React.memo(function (props) {
 });
 SlideMenuSub.displayName = 'SlideMenuSub';
 
+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 SlideMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(0),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -348,11 +352,14 @@ var SlideMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     ZIndexUtils.clear(menuRef.current);
   });
   React.useImperativeHandle(ref, function () {
-    return {
+    return _objectSpread({
       toggle: toggle,
       show: show,
-      hide: hide
-    };
+      hide: hide,
+      getElement: function getElement() {
+        return menuRef.current;
+      }
+    }, props);
   });
 
   var createBackward = function createBackward() {

package/slidemenu/slidemenu.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t from"primereact/api";import{CSSTransition as n}from"primereact/csstransition";import{useOverlayListener as r,useUpdateEffect as o,useUnmountEffect as i}from"primereact/hooks";import{OverlayService as a}from"primereact/overlayservice";import{Portal as l}from"primereact/portal";import{classNames as u,IconUtils as c,ObjectUtils as s,ZIndexUtils as m,DomHandler as p}from"primereact/utils";function f(){return f=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},f.apply(this,arguments)}function d(e){if(Array.isArray(e))return e}function v(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i=[],a=!0,l=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(e){l=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(l)throw o}}return i}}function b(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 y(e,t){if(e){if("string"==typeof e)return b(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)?b(e,t):void 0}}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 g(e,t){return d(e)||v(e,t)||y(e,t)||h()}function w(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(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 O(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?E(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):E(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var N=e.memo((function(t){var n=g(e.useState(null),2),r=n[0],o=n[1],i=g(e.useState({}),2),a=i[0],l=i[1],m=function(e,n,r){if(n.disabled)e.preventDefault();else if(n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n}),n.items){var i=d(n,r);l(O(O({},a),{},w({},i,!0))),o(n),t.onForward()}},p=function(t){return e.createElement("li",{key:"separator_"+t,className:"p-menu-separator"})},f=function(n,o){var i=a[d(n,o)];return n.items&&i?e.createElement(N,{menuProps:t.menuProps,model:n.items,index:t.index+1,menuWidth:t.menuWidth,effectDuration:t.effectDuration,onForward:t.onForward,parentActive:n===r}):null},d=function(e,t){return e.label+"_"+t},v=function(n,o){var i=d(n,o),a=r===n,l=u("p-menuitem",{"p-menuitem-active":a,"p-disabled":n.disabled},n.className),p=u("p-menuitem-icon",n.icon),v="p-submenu-icon pi pi-fw pi-angle-right",b=c.getJSXIcon(n.icon,{className:"p-menuitem-icon"},{props:t.menuProps}),y=n.label&&e.createElement("span",{className:"p-menuitem-text"},n.label),h=n.items&&e.createElement("span",{className:v}),g=f(n,o),w=e.createElement("a",{href:n.url||"#",className:"p-menuitem-link",target:n.target,onClick:function(e){return m(e,n,o)},"aria-disabled":n.disabled},b,y,h);n.template&&(w=s.getJSXElement(n.template,n,{onClick:function(e){return m(e,n,o)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:p,submenuIconClassName:v,element:w,props:t,active:a}));return e.createElement("li",{key:i,className:l,style:n.style},w,g)},b=function(e,t){return e.separator?p(t):v(e,t)},y={width:t.menuWidth+"px",left:t.root?-1*t.level*t.menuWidth+"px":t.menuWidth+"px",transitionProperty:t.root?"left":"none",transitionDuration:t.effectDuration+"ms",transitionTimingFunction:t.easing},h=u({"p-slidemenu-rootlist":t.root,"p-submenu-list":!t.root,"p-active-submenu":t.parentActive}),E=t.model?t.model.map(b):null;return e.createElement("ul",{className:h,style:y},E)}));N.displayName="SlideMenuSub";var x=e.memo(e.forwardRef((function(c,d){var v=g(e.useState(0),2),b=v[0],y=v[1],h=g(e.useState(!1),2),w=h[0],E=h[1],O=e.useRef(null),S=e.useRef(null),P=e.useRef(null),j=e.useRef(null),k=g(r({target:S,overlay:O,listener:function(e,t){t.valid&&R(e)},when:w}),2),D=k[0],I=k[1],A=function(e){c.popup&&a.emit("overlay-click",{originalEvent:e,target:S.current})},C=function(){y((function(e){return e+1}))},T=function(){y((function(e){return e-1}))},W=function(e){c.popup&&(w?R(e):H(e))},H=function(e){S.current=e.currentTarget,E(!0),c.onShow&&c.onShow(e)},R=function(e){S.current=e.currentTarget,E(!1),c.onHide&&c.onHide(e)},F=function(){c.autoZIndex&&m.set("menu",O.current,t.autoZIndex,c.baseZIndex||t.zIndex.menu),p.absolutePosition(O.current,S.current)},Z=function(){D()},M=function(){S.current=null,I()},_=function(){m.clear(O.current),y(0)};o((function(){y(0)}),[c.model]),i((function(){m.clear(O.current)})),e.useImperativeHandle(d,(function(){return{toggle:W,show:H,hide:R}}));var J=function(){var t=u("p-slidemenu-backward",{"p-hidden":0===b});return e.createElement("div",{ref:P,className:t,onClick:T},e.createElement("span",{className:"p-slidemenu-backward-icon pi pi-fw pi-chevron-left"}),e.createElement("span",null,c.backLabel))},L=function(){var t=s.findDiffKeys(c,x.defaultProps),r=u("p-slidemenu p-component",{"p-slidemenu-overlay":c.popup},c.className),o={height:c.viewportHeight+"px"},i=J();return e.createElement(n,{nodeRef:O,classNames:"p-connected-overlay",in:!c.popup||w,timeout:{enter:120,exit:100},options:c.transitionOptions,unmountOnExit:!0,onEnter:F,onEntered:Z,onExit:M,onExited:_},e.createElement("div",f({ref:O,id:c.id,className:r,style:c.style},t,{onClick:A}),e.createElement("div",{className:"p-slidemenu-wrapper",style:o},e.createElement("div",{className:"p-slidemenu-content",ref:j},e.createElement(N,{menuProps:c,model:c.model,root:!0,index:0,menuWidth:c.menuWidth,effectDuration:c.effectDuration,level:b,parentActive:0===b,onForward:C})),i)))}();return c.popup?e.createElement(l,{element:L,appendTo:c.appendTo}):L})));x.displayName="SlideMenu",x.defaultProps={__TYPE:"SlideMenu",id:null,model:null,popup:!1,style:null,className:null,easing:"ease-out",effectDuration:250,backLabel:"Back",menuWidth:190,viewportHeight:175,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null};export{x as SlideMenu};
+import*as e from"react";import t from"primereact/api";import{CSSTransition as n}from"primereact/csstransition";import{useOverlayListener as r,useUpdateEffect as o,useUnmountEffect as i}from"primereact/hooks";import{OverlayService as a}from"primereact/overlayservice";import{Portal as l}from"primereact/portal";import{classNames as u,IconUtils as c,ObjectUtils as s,ZIndexUtils as p,DomHandler as m}from"primereact/utils";function f(){return f=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},f.apply(this,arguments)}function d(e,t,n){return 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,o,i=[],a=!0,l=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(e){l=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(l)throw o}}return i}}function v(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 g(e,t){if(e){if("string"==typeof e)return v(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)?v(e,t):void 0}}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,t){return b(e)||y(e,t)||g(e,t)||h()}function w(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 E(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?w(Object(n),!0).forEach((function(t){d(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):w(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var j=e.memo((function(t){var n=O(e.useState(null),2),r=n[0],o=n[1],i=O(e.useState({}),2),a=i[0],l=i[1],p=function(e,n,r){if(n.disabled)e.preventDefault();else if(n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n}),n.items){var i=b(n,r);l(E(E({},a),{},d({},i,!0))),o(n),t.onForward()}},m=function(t){return e.createElement("li",{key:"separator_"+t,className:"p-menu-separator"})},f=function(n,o){var i=a[b(n,o)];return n.items&&i?e.createElement(j,{menuProps:t.menuProps,model:n.items,index:t.index+1,menuWidth:t.menuWidth,effectDuration:t.effectDuration,onForward:t.onForward,parentActive:n===r}):null},b=function(e,t){return e.label+"_"+t},y=function(n,o){var i=b(n,o),a=r===n,l=u("p-menuitem",{"p-menuitem-active":a,"p-disabled":n.disabled},n.className),m=u("p-menuitem-icon",n.icon),d="p-submenu-icon pi pi-fw pi-angle-right",y=c.getJSXIcon(n.icon,{className:"p-menuitem-icon"},{props:t.menuProps}),v=n.label&&e.createElement("span",{className:"p-menuitem-text"},n.label),g=n.items&&e.createElement("span",{className:d}),h=f(n,o),O=e.createElement("a",{href:n.url||"#",className:"p-menuitem-link",target:n.target,onClick:function(e){return p(e,n,o)},"aria-disabled":n.disabled},y,v,g);n.template&&(O=s.getJSXElement(n.template,n,{onClick:function(e){return p(e,n,o)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:m,submenuIconClassName:d,element:O,props:t,active:a}));return e.createElement("li",{key:i,id:n.id,className:l,style:n.style},O,h)},v=function(e,t){return e.separator?m(t):y(e,t)},g={width:t.menuWidth+"px",left:t.root?-1*t.level*t.menuWidth+"px":t.menuWidth+"px",transitionProperty:t.root?"left":"none",transitionDuration:t.effectDuration+"ms",transitionTimingFunction:t.easing},h=u({"p-slidemenu-rootlist":t.root,"p-submenu-list":!t.root,"p-active-submenu":t.parentActive}),w=t.model?t.model.map(v):null;return e.createElement("ul",{className:h,style:g},w)}));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}j.displayName="SlideMenuSub";var S=e.memo(e.forwardRef((function(c,d){var b=O(e.useState(0),2),y=b[0],v=b[1],g=O(e.useState(!1),2),h=g[0],w=g[1],E=e.useRef(null),P=e.useRef(null),x=e.useRef(null),D=e.useRef(null),k=O(r({target:P,overlay:E,listener:function(e,t){t.valid&&F(e)},when:h}),2),I=k[0],A=k[1],C=function(e){c.popup&&a.emit("overlay-click",{originalEvent:e,target:P.current})},T=function(){v((function(e){return e+1}))},W=function(){v((function(e){return e-1}))},H=function(e){c.popup&&(h?F(e):R(e))},R=function(e){P.current=e.currentTarget,w(!0),c.onShow&&c.onShow(e)},F=function(e){P.current=e.currentTarget,w(!1),c.onHide&&c.onHide(e)},Z=function(){c.autoZIndex&&p.set("menu",E.current,t.autoZIndex,c.baseZIndex||t.zIndex.menu),m.absolutePosition(E.current,P.current)},M=function(){I()},_=function(){P.current=null,A()},J=function(){p.clear(E.current),v(0)};o((function(){v(0)}),[c.model]),i((function(){p.clear(E.current)})),e.useImperativeHandle(d,(function(){return N({toggle:H,show:R,hide:F,getElement:function(){return E.current}},c)}));var L=function(){var t=u("p-slidemenu-backward",{"p-hidden":0===y});return e.createElement("div",{ref:x,className:t,onClick:W},e.createElement("span",{className:"p-slidemenu-backward-icon pi pi-fw pi-chevron-left"}),e.createElement("span",null,c.backLabel))},X=function(){var t=s.findDiffKeys(c,S.defaultProps),r=u("p-slidemenu p-component",{"p-slidemenu-overlay":c.popup},c.className),o={height:c.viewportHeight+"px"},i=L();return e.createElement(n,{nodeRef:E,classNames:"p-connected-overlay",in:!c.popup||h,timeout:{enter:120,exit:100},options:c.transitionOptions,unmountOnExit:!0,onEnter:Z,onEntered:M,onExit:_,onExited:J},e.createElement("div",f({ref:E,id:c.id,className:r,style:c.style},t,{onClick:C}),e.createElement("div",{className:"p-slidemenu-wrapper",style:o},e.createElement("div",{className:"p-slidemenu-content",ref:D},e.createElement(j,{menuProps:c,model:c.model,root:!0,index:0,menuWidth:c.menuWidth,effectDuration:c.effectDuration,level:y,parentActive:0===y,onForward:T})),i)))}();return c.popup?e.createElement(l,{element:X,appendTo:c.appendTo}):X})));S.displayName="SlideMenu",S.defaultProps={__TYPE:"SlideMenu",id:null,model:null,popup:!1,style:null,className:null,easing:"ease-out",effectDuration:250,backLabel:"Back",menuWidth:190,viewportHeight:175,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null};export{S as SlideMenu};

package/slidemenu/slidemenu.js

@@ -43,6 +43,21 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, csstransition
     return _extends.apply(this, arguments);
   }
 
+  function _defineProperty(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+
+    return obj;
+  }
+
   function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
   }
@@ -104,24 +119,9 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, csstransition
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  function _defineProperty(obj, key, value) {
-    if (key in obj) {
-      Object.defineProperty(obj, key, {
-        value: value,
-        enumerable: true,
-        configurable: true,
-        writable: true
-      });
-    } else {
-      obj[key] = value;
-    }
-
-    return obj;
-  }
-
-  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 ownKeys$1(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; }
+  function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var SlideMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
     var _React$useState = React__namespace.useState(null),
         _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -152,7 +152,7 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, csstransition
 
       if (item.items) {
         var key = createKey(item, index);
-        setRenderSubMenu(_objectSpread(_objectSpread({}, renderSubMenu), {}, _defineProperty({}, key, true)));
+        setRenderSubMenu(_objectSpread$1(_objectSpread$1({}, renderSubMenu), {}, _defineProperty({}, key, true)));
         setActiveItemState(item);
         props.onForward();
       }
@@ -237,6 +237,7 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, csstransition
 
       return /*#__PURE__*/React__namespace.createElement("li", {
         key: key,
+        id: item.id,
         className: className,
         style: item.style
       }, content, submenu);
@@ -270,6 +271,9 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, csstransition
   });
   SlideMenuSub.displayName = 'SlideMenuSub';
 
+  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 SlideMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState(0),
         _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -367,11 +371,14 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, csstransition
       utils.ZIndexUtils.clear(menuRef.current);
     });
     React__namespace.useImperativeHandle(ref, function () {
-      return {
+      return _objectSpread({
         toggle: toggle,
         show: show,
-        hide: hide
-      };
+        hide: hide,
+        getElement: function getElement() {
+          return menuRef.current;
+        }
+      }, props);
     });
 
     var createBackward = function createBackward() {

package/slidemenu/slidemenu.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.slidemenu=function(e,t,n,r,a,i,o,l){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}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(t),m=u(n);function p(){return p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p.apply(this,arguments)}function f(e){if(Array.isArray(e))return e}function d(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i=[],o=!0,l=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){l=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(l)throw a}}return i}}function b(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 b(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)?b(e,t):void 0}}function y(){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 h(e,t){return f(e)||d(e,t)||v(e,t)||y()}function g(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(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 w(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var E=s.memo((function(e){var t=h(s.useState(null),2),n=t[0],r=t[1],a=h(s.useState({}),2),i=a[0],o=a[1],u=function(t,n,a){if(n.disabled)t.preventDefault();else if(n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n}),n.items){var l=p(n,a);o(w(w({},i),{},g({},l,!0))),r(n),e.onForward()}},c=function(e){return s.createElement("li",{key:"separator_"+e,className:"p-menu-separator"})},m=function(t,r){var a=i[p(t,r)];return t.items&&a?s.createElement(E,{menuProps:e.menuProps,model:t.items,index:e.index+1,menuWidth:e.menuWidth,effectDuration:e.effectDuration,onForward:e.onForward,parentActive:t===n}):null},p=function(e,t){return e.label+"_"+t},f=function(t,r){var a=p(t,r),i=n===t,o=l.classNames("p-menuitem",{"p-menuitem-active":i,"p-disabled":t.disabled},t.className),c=l.classNames("p-menuitem-icon",t.icon),f="p-submenu-icon pi pi-fw pi-angle-right",d=l.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e.menuProps}),b=t.label&&s.createElement("span",{className:"p-menuitem-text"},t.label),v=t.items&&s.createElement("span",{className:f}),y=m(t,r),h=s.createElement("a",{href:t.url||"#",className:"p-menuitem-link",target:t.target,onClick:function(e){return u(e,t,r)},"aria-disabled":t.disabled},d,b,v);t.template&&(h=l.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return u(e,t,r)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:c,submenuIconClassName:f,element:h,props:e,active:i}));return s.createElement("li",{key:a,className:o,style:t.style},h,y)},d=function(e,t){return e.separator?c(t):f(e,t)},b={width:e.menuWidth+"px",left:e.root?-1*e.level*e.menuWidth+"px":e.menuWidth+"px",transitionProperty:e.root?"left":"none",transitionDuration:e.effectDuration+"ms",transitionTimingFunction:e.easing},v=l.classNames({"p-slidemenu-rootlist":e.root,"p-submenu-list":!e.root,"p-active-submenu":e.parentActive}),y=e.model?e.model.map(d):null;return s.createElement("ul",{className:v,style:b},y)}));E.displayName="SlideMenuSub";var N=s.memo(s.forwardRef((function(e,t){var n=h(s.useState(0),2),u=n[0],c=n[1],f=h(s.useState(!1),2),d=f[0],b=f[1],v=s.useRef(null),y=s.useRef(null),g=s.useRef(null),O=s.useRef(null),w=h(a.useOverlayListener({target:y,overlay:v,listener:function(e,t){t.valid&&A(e)},when:d}),2),j=w[0],S=w[1],x=function(t){e.popup&&i.OverlayService.emit("overlay-click",{originalEvent:t,target:y.current})},P=function(){c((function(e){return e+1}))},k=function(){c((function(e){return e-1}))},D=function(t){e.popup&&(d?A(t):I(t))},I=function(t){y.current=t.currentTarget,b(!0),e.onShow&&e.onShow(t)},A=function(t){y.current=t.currentTarget,b(!1),e.onHide&&e.onHide(t)},C=function(){e.autoZIndex&&l.ZIndexUtils.set("menu",v.current,m.default.autoZIndex,e.baseZIndex||m.default.zIndex.menu),l.DomHandler.absolutePosition(v.current,y.current)},T=function(){j()},U=function(){y.current=null,S()},W=function(){l.ZIndexUtils.clear(v.current),c(0)};a.useUpdateEffect((function(){c(0)}),[e.model]),a.useUnmountEffect((function(){l.ZIndexUtils.clear(v.current)})),s.useImperativeHandle(t,(function(){return{toggle:D,show:I,hide:A}}));var Z=function(){var t=l.classNames("p-slidemenu-backward",{"p-hidden":0===u});return s.createElement("div",{ref:g,className:t,onClick:k},s.createElement("span",{className:"p-slidemenu-backward-icon pi pi-fw pi-chevron-left"}),s.createElement("span",null,e.backLabel))},_=function(){var t=l.ObjectUtils.findDiffKeys(e,N.defaultProps),n=l.classNames("p-slidemenu p-component",{"p-slidemenu-overlay":e.popup},e.className),a={height:e.viewportHeight+"px"},i=Z();return s.createElement(r.CSSTransition,{nodeRef:v,classNames:"p-connected-overlay",in:!e.popup||d,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:C,onEntered:T,onExit:U,onExited:W},s.createElement("div",p({ref:v,id:e.id,className:n,style:e.style},t,{onClick:x}),s.createElement("div",{className:"p-slidemenu-wrapper",style:a},s.createElement("div",{className:"p-slidemenu-content",ref:O},s.createElement(E,{menuProps:e,model:e.model,root:!0,index:0,menuWidth:e.menuWidth,effectDuration:e.effectDuration,level:u,parentActive:0===u,onForward:P})),i)))}();return e.popup?s.createElement(o.Portal,{element:_,appendTo:e.appendTo}):_})));return N.displayName="SlideMenu",N.defaultProps={__TYPE:"SlideMenu",id:null,model:null,popup:!1,style:null,className:null,easing:"ease-out",effectDuration:250,backLabel:"Back",menuWidth:190,viewportHeight:175,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null},e.SlideMenu=N,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.slidemenu=function(e,t,n,r,i,a,o,l){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}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(t),p=u(n);function m(){return m=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},m.apply(this,arguments)}function f(e,t,n){return 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,a=[],o=!0,l=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);o=!0);}catch(e){l=!0,i=e}finally{try{o||null==n.return||n.return()}finally{if(l)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 v(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 O(){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 h(e,t){return d(e)||b(e,t)||v(e,t)||O()}function g(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 j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?g(Object(n),!0).forEach((function(t){f(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var w=s.memo((function(e){var t=h(s.useState(null),2),n=t[0],r=t[1],i=h(s.useState({}),2),a=i[0],o=i[1],u=function(t,n,i){if(n.disabled)t.preventDefault();else if(n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n}),n.items){var l=m(n,i);o(j(j({},a),{},f({},l,!0))),r(n),e.onForward()}},c=function(e){return s.createElement("li",{key:"separator_"+e,className:"p-menu-separator"})},p=function(t,r){var i=a[m(t,r)];return t.items&&i?s.createElement(w,{menuProps:e.menuProps,model:t.items,index:e.index+1,menuWidth:e.menuWidth,effectDuration:e.effectDuration,onForward:e.onForward,parentActive:t===n}):null},m=function(e,t){return e.label+"_"+t},d=function(t,r){var i=m(t,r),a=n===t,o=l.classNames("p-menuitem",{"p-menuitem-active":a,"p-disabled":t.disabled},t.className),c=l.classNames("p-menuitem-icon",t.icon),f="p-submenu-icon pi pi-fw pi-angle-right",d=l.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e.menuProps}),b=t.label&&s.createElement("span",{className:"p-menuitem-text"},t.label),y=t.items&&s.createElement("span",{className:f}),v=p(t,r),O=s.createElement("a",{href:t.url||"#",className:"p-menuitem-link",target:t.target,onClick:function(e){return u(e,t,r)},"aria-disabled":t.disabled},d,b,y);t.template&&(O=l.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return u(e,t,r)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:c,submenuIconClassName:f,element:O,props:e,active:a}));return s.createElement("li",{key:i,id:t.id,className:o,style:t.style},O,v)},b=function(e,t){return e.separator?c(t):d(e,t)},y={width:e.menuWidth+"px",left:e.root?-1*e.level*e.menuWidth+"px":e.menuWidth+"px",transitionProperty:e.root?"left":"none",transitionDuration:e.effectDuration+"ms",transitionTimingFunction:e.easing},v=l.classNames({"p-slidemenu-rootlist":e.root,"p-submenu-list":!e.root,"p-active-submenu":e.parentActive}),O=e.model?e.model.map(b):null;return s.createElement("ul",{className:v,style:y},O)}));function E(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?E(Object(n),!0).forEach((function(t){f(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):E(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}w.displayName="SlideMenuSub";var N=s.memo(s.forwardRef((function(e,t){var n=h(s.useState(0),2),u=n[0],c=n[1],f=h(s.useState(!1),2),d=f[0],b=f[1],y=s.useRef(null),v=s.useRef(null),O=s.useRef(null),g=s.useRef(null),j=h(i.useOverlayListener({target:v,overlay:y,listener:function(e,t){t.valid&&C(e)},when:d}),2),E=j[0],S=j[1],x=function(t){e.popup&&a.OverlayService.emit("overlay-click",{originalEvent:t,target:v.current})},D=function(){c((function(e){return e+1}))},k=function(){c((function(e){return e-1}))},I=function(t){e.popup&&(d?C(t):A(t))},A=function(t){v.current=t.currentTarget,b(!0),e.onShow&&e.onShow(t)},C=function(t){v.current=t.currentTarget,b(!1),e.onHide&&e.onHide(t)},T=function(){e.autoZIndex&&l.ZIndexUtils.set("menu",y.current,p.default.autoZIndex,e.baseZIndex||p.default.zIndex.menu),l.DomHandler.absolutePosition(y.current,v.current)},U=function(){E()},W=function(){v.current=null,S()},Z=function(){l.ZIndexUtils.clear(y.current),c(0)};i.useUpdateEffect((function(){c(0)}),[e.model]),i.useUnmountEffect((function(){l.ZIndexUtils.clear(y.current)})),s.useImperativeHandle(t,(function(){return P({toggle:I,show:A,hide:C,getElement:function(){return y.current}},e)}));var _=function(){var t=l.classNames("p-slidemenu-backward",{"p-hidden":0===u});return s.createElement("div",{ref:O,className:t,onClick:k},s.createElement("span",{className:"p-slidemenu-backward-icon pi pi-fw pi-chevron-left"}),s.createElement("span",null,e.backLabel))},H=function(){var t=l.ObjectUtils.findDiffKeys(e,N.defaultProps),n=l.classNames("p-slidemenu p-component",{"p-slidemenu-overlay":e.popup},e.className),i={height:e.viewportHeight+"px"},a=_();return s.createElement(r.CSSTransition,{nodeRef:y,classNames:"p-connected-overlay",in:!e.popup||d,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:T,onEntered:U,onExit:W,onExited:Z},s.createElement("div",m({ref:y,id:e.id,className:n,style:e.style},t,{onClick:x}),s.createElement("div",{className:"p-slidemenu-wrapper",style:i},s.createElement("div",{className:"p-slidemenu-content",ref:g},s.createElement(w,{menuProps:e,model:e.model,root:!0,index:0,menuWidth:e.menuWidth,effectDuration:e.effectDuration,level:u,parentActive:0===u,onForward:D})),a)))}();return e.popup?s.createElement(o.Portal,{element:H,appendTo:e.appendTo}):H})));return N.displayName="SlideMenu",N.defaultProps={__TYPE:"SlideMenu",id:null,model:null,popup:!1,style:null,className:null,easing:"ease-out",effectDuration:250,backLabel:"Back",menuWidth:190,viewportHeight:175,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null},e.SlideMenu=N,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.utils);

package/slider/slider.cjs.js

@@ -44,6 +44,21 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _defineProperty(obj, key, value) {
+  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) {
   if (len == null || len > arr.length) len = arr.length;
 
@@ -121,6 +136,9 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+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 (props, ref) {
   var elementRef = React__namespace.useRef(null);
   var handleIndex = React__namespace.useRef(0);
@@ -387,6 +405,13 @@ var Slider = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
     }), handle);
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return _objectSpread({
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    }, props);
+  });
   var otherProps = utils.ObjectUtils.findDiffKeys(props, Slider.defaultProps);
   var className = utils.classNames('p-slider p-component', props.className, {
     'p-disabled': props.disabled,

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

package/slider/slider.d.ts

@@ -11,22 +11,20 @@ interface SliderChangeParams {
 
 interface SliderSlideEndParams extends SliderChangeParams { }
 
-export interface SliderProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'value'> {
-    id?: string;
+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;
-    style?: object;
-    className?: string;
     disabled?: boolean;
-    tabIndex?: number;
     ariaLabelledBy?: string;
     onChange?(e: SliderChangeParams): void;
     onSlideEnd?(e: SliderSlideEndParams): void;
     children?: React.ReactNode;
 }
 
-export declare class Slider extends React.Component<SliderProps, any> { }
+export declare class Slider extends React.Component<SliderProps, any> { 
+    public getElement(): HTMLDivElement;
+}

package/slider/slider.esm.js

@@ -20,6 +20,21 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _defineProperty(obj, key, value) {
+  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) {
   if (len == null || len > arr.length) len = arr.length;
 
@@ -97,6 +112,9 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+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 (props, ref) {
   var elementRef = React.useRef(null);
   var handleIndex = React.useRef(0);
@@ -363,6 +381,13 @@ var Slider = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
     }), handle);
   };
 
+  React.useImperativeHandle(ref, function () {
+    return _objectSpread({
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    }, props);
+  });
   var otherProps = ObjectUtils.findDiffKeys(props, Slider.defaultProps);
   var className = classNames('p-slider p-component', props.className, {
     'p-disabled': props.disabled,

package/slider/slider.esm.min.js

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

package/slider/slider.js

@@ -40,6 +40,21 @@ this.primereact.slider = (function (exports, React, hooks, utils) {
     return _extends.apply(this, arguments);
   }
 
+  function _defineProperty(obj, key, value) {
+    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) {
     if (len == null || len > arr.length) len = arr.length;
 
@@ -117,6 +132,9 @@ this.primereact.slider = (function (exports, React, hooks, utils) {
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
+  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 (props, ref) {
     var elementRef = React__namespace.useRef(null);
     var handleIndex = React__namespace.useRef(0);
@@ -383,6 +401,13 @@ this.primereact.slider = (function (exports, React, hooks, utils) {
       }), handle);
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return _objectSpread({
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      }, props);
+    });
     var otherProps = utils.ObjectUtils.findDiffKeys(props, Slider.defaultProps);
     var className = utils.classNames('p-slider p-component', props.className, {
       'p-disabled': props.disabled,