primereact 8.1.1 → 8.4.0

package/sidebar/sidebar.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import n from"primereact/api";import{CSSTransition as t}from"primereact/csstransition";import{useEventListener as r,useMountEffect as o,useUpdateEffect as l,useUnmountEffect as a}from"primereact/hooks";import{Portal as i}from"primereact/portal";import{Ripple as s}from"primereact/ripple";import{ZIndexUtils as c,DomHandler as u,ObjectUtils as m,classNames as p}from"primereact/utils";function d(){return d=Object.assign||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},d.apply(this,arguments)}function f(e){if(Array.isArray(e))return e}function b(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,l=[],a=!0,i=!1;try{for(t=t.call(e);!(a=(r=t.next()).done)&&(l.push(r.value),!n||l.length!==n);a=!0);}catch(e){i=!0,o=e}finally{try{a||null==t.return||t.return()}finally{if(i)throw o}}return l}}function y(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 v(e,n){if(e){if("string"==typeof e)return y(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)?y(e,n):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 S(e,n){return f(e)||b(e,n)||v(e,n)||h()}var E=e.forwardRef((function(f,b){var y=S(e.useState(!1),2),v=y[0],h=y[1],w=S(e.useState(!1),2),k=w[0],g=w[1],C=e.useRef(null),N=e.useRef(null),x=e.useRef(null),I=S(r({type:"keydown",listener:function(e){27===e.which&&c.get(N.current)===c.getCurrent("modal",n.autoZIndex)&&R(e)}}),2),O=I[0],A=I[1],j=function(e){f.dismissable&&f.modal&&N.current===e.target&&R(e)},R=function(e){f.onHide(),e.preventDefault()},T=function(){var e;f.onShow&&f.onShow(),!((e=document.activeElement)&&C&&C.current.contains(e))&&f.showCloseIcon&&x.current.focus(),D()},P=function(){f.modal&&u.addClass(N.current,"p-component-overlay-leave")},Z=function(){c.clear(N.current),h(!1),H()},D=function(){f.closeOnEscape&&O(),f.blockScroll&&u.addClass(document.body,"p-overflow-hidden")},H=function(){A(),f.blockScroll&&u.removeClass(document.body,"p-overflow-hidden")};o((function(){f.visible&&h(!0)})),l((function(){f.visible&&!v&&h(!0),f.visible!==k&&v&&g(f.visible)})),l((function(){v&&(c.set("modal",N.current,n.autoZIndex,f.baseZIndex||n.zIndex.modal),g(!0))}),[v]),a((function(){H(),N.current&&c.clear(N.current)}));var L,M,_,z,J,K,U;return v&&(M=m.findDiffKeys(f,E.defaultProps),_=p("p-sidebar p-component",f.className),z=p("p-sidebar-mask",{"p-component-overlay p-component-overlay-enter":f.modal,"p-sidebar-mask-scrollblocker":f.blockScroll,"p-sidebar-visible":v,"p-sidebar-full":f.fullScreen},(L=["left","right","top","bottom"].find((function(e){return e===f.position})))?"p-sidebar-".concat(L):"",f.maskClassName),J=f.showCloseIcon?e.createElement("button",{type:"button",ref:x,className:"p-sidebar-close p-sidebar-icon p-link",onClick:R,"aria-label":f.ariaCloseLabel},e.createElement("span",{className:"p-sidebar-close-icon pi pi-times"}),e.createElement(s,null)):null,K=f.icons?m.getJSXElement(f.icons,f):null,U=e.createElement("div",{ref:N,style:f.maskStyle,className:z,onMouseDown:j},e.createElement(t,{nodeRef:C,classNames:"p-sidebar",in:k,timeout:{enter:f.fullScreen?150:300,exit:f.fullScreen?150:300},options:f.transitionOptions,unmountOnExit:!0,onEntered:T,onExiting:P,onExited:Z},e.createElement("div",d({ref:C,id:f.id,className:_,style:f.style},M,{role:"complementary"}),e.createElement("div",{className:"p-sidebar-header"},K,J),e.createElement("div",{className:"p-sidebar-content"},f.children)))),e.createElement(i,{element:U,appendTo:f.appendTo,visible:!0}))}));E.displayName="Sidebar",E.defaultProps={__TYPE:"Sidebar",id:null,style:null,className:null,maskStyle:null,maskClassName:null,visible:!1,position:"left",fullScreen:!1,blockScroll:!1,baseZIndex:0,dismissable:!0,showCloseIcon:!0,ariaCloseLabel:"close",closeOnEscape:!0,icons:null,modal:!0,appendTo:null,transitionOptions:null,onShow:null,onHide:null};export{E as Sidebar};
+import*as e from"react";import n from"primereact/api";import{CSSTransition as t}from"primereact/csstransition";import{useEventListener as r,useMountEffect as o,useUpdateEffect as l,useUnmountEffect as a}from"primereact/hooks";import{Portal as i}from"primereact/portal";import{Ripple as s}from"primereact/ripple";import{ZIndexUtils as c,DomHandler as u,ObjectUtils as m,classNames as p}from"primereact/utils";function d(){return d=Object.assign||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},d.apply(this,arguments)}function f(e){if(Array.isArray(e))return e}function b(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,l=[],a=!0,i=!1;try{for(t=t.call(e);!(a=(r=t.next()).done)&&(l.push(r.value),!n||l.length!==n);a=!0);}catch(e){i=!0,o=e}finally{try{a||null==t.return||t.return()}finally{if(i)throw o}}return l}}function y(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 v(e,n){if(e){if("string"==typeof e)return y(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)?y(e,n):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 S(e,n){return f(e)||b(e,n)||v(e,n)||h()}var E=e.forwardRef((function(f,b){var y=S(e.useState(!1),2),v=y[0],h=y[1],g=S(e.useState(!1),2),w=g[0],k=g[1],C=e.useRef(null),I=e.useRef(null),N=e.useRef(null),x=S(r({type:"keydown",listener:function(e){27===e.which&&c.get(I.current)===c.getCurrent("modal",n.autoZIndex)&&D(e)}}),2),O=x[0],A=x[1],j=S(r({type:"click",listener:function(e){2!==e.which&&P(e)&&D(e)}}),2),R=j[0],T=j[1],P=function(e){return C&&C.current&&!C.current.contains(e.target)},Z=function(e){f.dismissable&&f.modal&&I.current===e.target&&D(e)},D=function(e){f.onHide(),e.preventDefault()},H=function(){var e;f.onShow&&f.onShow(),!((e=document.activeElement)&&C&&C.current.contains(e))&&f.showCloseIcon&&N.current.focus(),_()},M=function(){f.modal&&u.addClass(I.current,"p-component-overlay-leave")},L=function(){c.clear(I.current),h(!1),z()},_=function(){f.closeOnEscape&&O(),f.dismissable&&!f.modal&&R(),f.blockScroll&&u.addClass(document.body,"p-overflow-hidden")},z=function(){A(),T(),f.blockScroll&&u.removeClass(document.body,"p-overflow-hidden")};e.useImperativeHandle(b,(function(){return{props:f,getElement:function(){return C.current},gteMask:function(){return I.current},getCloseIcon:function(){return N.current}}})),o((function(){f.visible&&h(!0)})),l((function(){f.visible&&!v&&h(!0),f.visible!==w&&v&&k(f.visible)})),l((function(){v&&(c.set("modal",I.current,n.autoZIndex,f.baseZIndex||n.zIndex.modal),k(!0))}),[v]),a((function(){z(),I.current&&c.clear(I.current)}));var J,K,U,X,Y,$,q;return v&&(K=m.findDiffKeys(f,E.defaultProps),U=p("p-sidebar p-component",f.className),X=p("p-sidebar-mask",{"p-component-overlay p-component-overlay-enter":f.modal,"p-sidebar-mask-scrollblocker":f.blockScroll,"p-sidebar-visible":v,"p-sidebar-full":f.fullScreen},(J=["left","right","top","bottom"].find((function(e){return e===f.position})))?"p-sidebar-".concat(J):"",f.maskClassName),Y=f.showCloseIcon?e.createElement("button",{type:"button",ref:N,className:"p-sidebar-close p-sidebar-icon p-link",onClick:D,"aria-label":f.ariaCloseLabel},e.createElement("span",{className:"p-sidebar-close-icon pi pi-times"}),e.createElement(s,null)):null,$=f.icons?m.getJSXElement(f.icons,f):null,q=e.createElement("div",{ref:I,style:f.maskStyle,className:X,onMouseDown:Z},e.createElement(t,{nodeRef:C,classNames:"p-sidebar",in:w,timeout:{enter:f.fullScreen?150:300,exit:f.fullScreen?150:300},options:f.transitionOptions,unmountOnExit:!0,onEntered:H,onExiting:M,onExited:L},e.createElement("div",d({ref:C,id:f.id,className:U,style:f.style},K,{role:"complementary"}),e.createElement("div",{className:"p-sidebar-header"},$,Y),e.createElement("div",{className:"p-sidebar-content"},f.children)))),e.createElement(i,{element:q,appendTo:f.appendTo,visible:!0}))}));E.displayName="Sidebar",E.defaultProps={__TYPE:"Sidebar",id:null,style:null,className:null,maskStyle:null,maskClassName:null,visible:!1,position:"left",fullScreen:!1,blockScroll:!1,baseZIndex:0,dismissable:!0,showCloseIcon:!0,ariaCloseLabel:"close",closeOnEscape:!0,icons:null,modal:!0,appendTo:null,transitionOptions:null,onShow:null,onHide:null};export{E as Sidebar};

package/sidebar/sidebar.js

@@ -133,6 +133,27 @@ this.primereact.sidebar = (function (exports, React, PrimeReact, csstransition,
         bindDocumentEscapeListener = _useEventListener2[0],
         unbindDocumentEscapeListener = _useEventListener2[1];
 
+    var _useEventListener3 = hooks.useEventListener({
+      type: 'click',
+      listener: function listener(event) {
+        if (event.which === 2) {
+          // left click
+          return;
+        }
+
+        if (isOutsideClicked(event)) {
+          onClose(event);
+        }
+      }
+    }),
+        _useEventListener4 = _slicedToArray(_useEventListener3, 2),
+        bindDocumentClickListener = _useEventListener4[0],
+        unbindDocumentClickListener = _useEventListener4[1];
+
+    var isOutsideClicked = function isOutsideClicked(event) {
+      return sidebarRef && sidebarRef.current && !sidebarRef.current.contains(event.target);
+    };
+
     var getPositionClass = function getPositionClass() {
       var positions = ['left', 'right', 'top', 'bottom'];
       var pos = positions.find(function (item) {
@@ -184,6 +205,10 @@ this.primereact.sidebar = (function (exports, React, PrimeReact, csstransition,
         bindDocumentEscapeListener();
       }
 
+      if (props.dismissable && !props.modal) {
+        bindDocumentClickListener();
+      }
+
       if (props.blockScroll) {
         utils.DomHandler.addClass(document.body, 'p-overflow-hidden');
       }
@@ -191,12 +216,27 @@ this.primereact.sidebar = (function (exports, React, PrimeReact, csstransition,
 
     var disableDocumentSettings = function disableDocumentSettings() {
       unbindDocumentEscapeListener();
+      unbindDocumentClickListener();
 
       if (props.blockScroll) {
         utils.DomHandler.removeClass(document.body, 'p-overflow-hidden');
       }
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getElement: function getElement() {
+          return sidebarRef.current;
+        },
+        gteMask: function gteMask() {
+          return maskRef.current;
+        },
+        getCloseIcon: function getCloseIcon() {
+          return closeIconRef.current;
+        }
+      };
+    });
     hooks.useMountEffect(function () {
       if (props.visible) {
         setMaskVisibleState(true);

package/sidebar/sidebar.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.sidebar=function(e,t,n,r,l,o,a,i){"use strict";function s(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 u=c(t),d=s(n);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 p(e){if(Array.isArray(e))return e}function m(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);a=!0);}catch(e){i=!0,l=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw l}}return o}}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 h(e,t){return p(e)||m(e,t)||y(e,t)||v()}var S=u.forwardRef((function(e,t){var n=h(u.useState(!1),2),s=n[0],c=n[1],p=h(u.useState(!1),2),m=p[0],b=p[1],y=u.useRef(null),v=u.useRef(null),E=u.useRef(null),O=h(l.useEventListener({type:"keydown",listener:function(e){27===e.which&&i.ZIndexUtils.get(v.current)===i.ZIndexUtils.getCurrent("modal",d.default.autoZIndex)&&I(e)}}),2),w=O[0],g=O[1],k=function(t){e.dismissable&&e.modal&&v.current===t.target&&I(t)},I=function(t){e.onHide(),t.preventDefault()},x=function(){var t;e.onShow&&e.onShow(),!((t=document.activeElement)&&y&&y.current.contains(t))&&e.showCloseIcon&&E.current.focus(),N()},j=function(){e.modal&&i.DomHandler.addClass(v.current,"p-component-overlay-leave")},C=function(){i.ZIndexUtils.clear(v.current),c(!1),U()},N=function(){e.closeOnEscape&&w(),e.blockScroll&&i.DomHandler.addClass(document.body,"p-overflow-hidden")},U=function(){g(),e.blockScroll&&i.DomHandler.removeClass(document.body,"p-overflow-hidden")};l.useMountEffect((function(){e.visible&&c(!0)})),l.useUpdateEffect((function(){e.visible&&!s&&c(!0),e.visible!==m&&s&&b(e.visible)})),l.useUpdateEffect((function(){s&&(i.ZIndexUtils.set("modal",v.current,d.default.autoZIndex,e.baseZIndex||d.default.zIndex.modal),b(!0))}),[s]),l.useUnmountEffect((function(){U(),v.current&&i.ZIndexUtils.clear(v.current)}));var Z,P,D,R,A,T,_;return s&&(P=i.ObjectUtils.findDiffKeys(e,S.defaultProps),D=i.classNames("p-sidebar p-component",e.className),R=i.classNames("p-sidebar-mask",{"p-component-overlay p-component-overlay-enter":e.modal,"p-sidebar-mask-scrollblocker":e.blockScroll,"p-sidebar-visible":s,"p-sidebar-full":e.fullScreen},(Z=["left","right","top","bottom"].find((function(t){return t===e.position})))?"p-sidebar-".concat(Z):"",e.maskClassName),A=e.showCloseIcon?u.createElement("button",{type:"button",ref:E,className:"p-sidebar-close p-sidebar-icon p-link",onClick:I,"aria-label":e.ariaCloseLabel},u.createElement("span",{className:"p-sidebar-close-icon pi pi-times"}),u.createElement(a.Ripple,null)):null,T=e.icons?i.ObjectUtils.getJSXElement(e.icons,e):null,_=u.createElement("div",{ref:v,style:e.maskStyle,className:R,onMouseDown:k},u.createElement(r.CSSTransition,{nodeRef:y,classNames:"p-sidebar",in:m,timeout:{enter:e.fullScreen?150:300,exit:e.fullScreen?150:300},options:e.transitionOptions,unmountOnExit:!0,onEntered:x,onExiting:j,onExited:C},u.createElement("div",f({ref:y,id:e.id,className:D,style:e.style},P,{role:"complementary"}),u.createElement("div",{className:"p-sidebar-header"},T,A),u.createElement("div",{className:"p-sidebar-content"},e.children)))),u.createElement(o.Portal,{element:_,appendTo:e.appendTo,visible:!0}))}));return S.displayName="Sidebar",S.defaultProps={__TYPE:"Sidebar",id:null,style:null,className:null,maskStyle:null,maskClassName:null,visible:!1,position:"left",fullScreen:!1,blockScroll:!1,baseZIndex:0,dismissable:!0,showCloseIcon:!0,ariaCloseLabel:"close",closeOnEscape:!0,icons:null,modal:!0,appendTo:null,transitionOptions:null,onShow:null,onHide:null},e.Sidebar=S,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.portal,primereact.ripple,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.sidebar=function(e,t,n,r,l,o,a,i){"use strict";function s(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 u=c(t),d=s(n);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 p(e){if(Array.isArray(e))return e}function m(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);a=!0);}catch(e){i=!0,l=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw l}}return o}}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 h(e,t){return p(e)||m(e,t)||y(e,t)||v()}var E=u.forwardRef((function(e,t){var n=h(u.useState(!1),2),s=n[0],c=n[1],p=h(u.useState(!1),2),m=p[0],b=p[1],y=u.useRef(null),v=u.useRef(null),S=u.useRef(null),g=h(l.useEventListener({type:"keydown",listener:function(e){27===e.which&&i.ZIndexUtils.get(v.current)===i.ZIndexUtils.getCurrent("modal",d.default.autoZIndex)&&N(e)}}),2),w=g[0],O=g[1],k=h(l.useEventListener({type:"click",listener:function(e){2!==e.which&&C(e)&&N(e)}}),2),I=k[0],x=k[1],C=function(e){return y&&y.current&&!y.current.contains(e.target)},j=function(t){e.dismissable&&e.modal&&v.current===t.target&&N(t)},N=function(t){e.onHide(),t.preventDefault()},U=function(){var t;e.onShow&&e.onShow(),!((t=document.activeElement)&&y&&y.current.contains(t))&&e.showCloseIcon&&S.current.focus(),D()},Z=function(){e.modal&&i.DomHandler.addClass(v.current,"p-component-overlay-leave")},P=function(){i.ZIndexUtils.clear(v.current),c(!1),R()},D=function(){e.closeOnEscape&&w(),e.dismissable&&!e.modal&&I(),e.blockScroll&&i.DomHandler.addClass(document.body,"p-overflow-hidden")},R=function(){O(),x(),e.blockScroll&&i.DomHandler.removeClass(document.body,"p-overflow-hidden")};u.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return y.current},gteMask:function(){return v.current},getCloseIcon:function(){return S.current}}})),l.useMountEffect((function(){e.visible&&c(!0)})),l.useUpdateEffect((function(){e.visible&&!s&&c(!0),e.visible!==m&&s&&b(e.visible)})),l.useUpdateEffect((function(){s&&(i.ZIndexUtils.set("modal",v.current,d.default.autoZIndex,e.baseZIndex||d.default.zIndex.modal),b(!0))}),[s]),l.useUnmountEffect((function(){R(),v.current&&i.ZIndexUtils.clear(v.current)}));var A,H,M,T,_,L,z;return s&&(H=i.ObjectUtils.findDiffKeys(e,E.defaultProps),M=i.classNames("p-sidebar p-component",e.className),T=i.classNames("p-sidebar-mask",{"p-component-overlay p-component-overlay-enter":e.modal,"p-sidebar-mask-scrollblocker":e.blockScroll,"p-sidebar-visible":s,"p-sidebar-full":e.fullScreen},(A=["left","right","top","bottom"].find((function(t){return t===e.position})))?"p-sidebar-".concat(A):"",e.maskClassName),_=e.showCloseIcon?u.createElement("button",{type:"button",ref:S,className:"p-sidebar-close p-sidebar-icon p-link",onClick:N,"aria-label":e.ariaCloseLabel},u.createElement("span",{className:"p-sidebar-close-icon pi pi-times"}),u.createElement(a.Ripple,null)):null,L=e.icons?i.ObjectUtils.getJSXElement(e.icons,e):null,z=u.createElement("div",{ref:v,style:e.maskStyle,className:T,onMouseDown:j},u.createElement(r.CSSTransition,{nodeRef:y,classNames:"p-sidebar",in:m,timeout:{enter:e.fullScreen?150:300,exit:e.fullScreen?150:300},options:e.transitionOptions,unmountOnExit:!0,onEntered:U,onExiting:Z,onExited:P},u.createElement("div",f({ref:y,id:e.id,className:M,style:e.style},H,{role:"complementary"}),u.createElement("div",{className:"p-sidebar-header"},L,_),u.createElement("div",{className:"p-sidebar-content"},e.children)))),u.createElement(o.Portal,{element:z,appendTo:e.appendTo,visible:!0}))}));return E.displayName="Sidebar",E.defaultProps={__TYPE:"Sidebar",id:null,style:null,className:null,maskStyle:null,maskClassName:null,visible:!1,position:"left",fullScreen:!1,blockScroll:!1,baseZIndex:0,dismissable:!0,showCloseIcon:!0,ariaCloseLabel:"close",closeOnEscape:!0,icons:null,modal:!0,appendTo:null,transitionOptions:null,onShow:null,onHide:null},e.Sidebar=E,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.portal,primereact.ripple,primereact.utils);

package/skeleton/skeleton.cjs.js

@@ -44,6 +44,7 @@ function _extends() {
 }
 
 var Skeleton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var elementRef = React__namespace.useRef(null);
   var otherProps = utils.ObjectUtils.findDiffKeys(props, Skeleton.defaultProps);
   var style = props.size ? {
     width: props.size,
@@ -58,7 +59,16 @@ var Skeleton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     'p-skeleton-circle': props.shape === 'circle',
     'p-skeleton-none': props.animation === 'none'
   }, props.className);
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   return /*#__PURE__*/React__namespace.createElement("div", _extends({
+    ref: elementRef,
     style: style,
     className: className
   }, otherProps));

package/skeleton/skeleton.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils");function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var n=r(e);function a(){return a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a.apply(this,arguments)}var i=n.memo(n.forwardRef((function(e,r){var s=t.ObjectUtils.findDiffKeys(e,i.defaultProps),l=e.size?{width:e.size,height:e.size,borderRadius:e.borderRadius}:{width:e.width,height:e.height,borderRadius:e.borderRadius},o=t.classNames("p-skeleton p-component",{"p-skeleton-circle":"circle"===e.shape,"p-skeleton-none":"none"===e.animation},e.className);return n.createElement("div",a({style:l,className:o},s))})));i.displayName="Skeleton",i.defaultProps={__TYPE:"Skeleton",shape:"rectangle",size:null,width:"100%",height:"1rem",borderRadius:null,animation:"wave",style:null,className:null},exports.Skeleton=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/utils");function t(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 n=t(e);function a(){return a=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},a.apply(this,arguments)}var i=n.memo(n.forwardRef((function(e,t){var s=n.useRef(null),l=r.ObjectUtils.findDiffKeys(e,i.defaultProps),o=e.size?{width:e.size,height:e.size,borderRadius:e.borderRadius}:{width:e.width,height:e.height,borderRadius:e.borderRadius},u=r.classNames("p-skeleton p-component",{"p-skeleton-circle":"circle"===e.shape,"p-skeleton-none":"none"===e.animation},e.className);return n.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return s.current}}})),n.createElement("div",a({ref:s,style:o,className:u},l))})));i.displayName="Skeleton",i.defaultProps={__TYPE:"Skeleton",shape:"rectangle",size:null,width:"100%",height:"1rem",borderRadius:null,animation:"wave",style:null,className:null},exports.Skeleton=i;

package/skeleton/skeleton.d.ts

@@ -4,16 +4,16 @@ type SkeletonShapeType = 'rectangle' | 'circle';
 
 type SkeletonAnimationType = 'wave' | 'none';
 
-export interface SkeletonProps {
+export interface SkeletonProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
     shape?: SkeletonShapeType;
     size?: string;
     width?: string;
     height?: string;
     borderRadius?: string;
     animation?: SkeletonAnimationType;
-    style?: object;
-    className?: string;
     children?: React.ReactNode;
 }
 
-export declare class Skeleton extends React.Component<SkeletonProps, any> { }
+export declare class Skeleton extends React.Component<SkeletonProps, any> { 
+    public getElement(): HTMLDivElement;
+}

package/skeleton/skeleton.esm.js

@@ -20,6 +20,7 @@ function _extends() {
 }
 
 var Skeleton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var elementRef = React.useRef(null);
   var otherProps = ObjectUtils.findDiffKeys(props, Skeleton.defaultProps);
   var style = props.size ? {
     width: props.size,
@@ -34,7 +35,16 @@ var Skeleton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     'p-skeleton-circle': props.shape === 'circle',
     'p-skeleton-none': props.animation === 'none'
   }, props.className);
+  React.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   return /*#__PURE__*/React.createElement("div", _extends({
+    ref: elementRef,
     style: style,
     className: className
   }, otherProps));

package/skeleton/skeleton.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{ObjectUtils as r,classNames as t}from"primereact/utils";function a(){return a=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},a.apply(this,arguments)}var i=e.memo(e.forwardRef((function(n,o){var s=r.findDiffKeys(n,i.defaultProps),l=n.size?{width:n.size,height:n.size,borderRadius:n.borderRadius}:{width:n.width,height:n.height,borderRadius:n.borderRadius},d=t("p-skeleton p-component",{"p-skeleton-circle":"circle"===n.shape,"p-skeleton-none":"none"===n.animation},n.className);return e.createElement("div",a({style:l,className:d},s))})));i.displayName="Skeleton",i.defaultProps={__TYPE:"Skeleton",shape:"rectangle",size:null,width:"100%",height:"1rem",borderRadius:null,animation:"wave",style:null,className:null};export{i as Skeleton};
+import*as e from"react";import{ObjectUtils as r,classNames as t}from"primereact/utils";function n(){return n=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},n.apply(this,arguments)}var i=e.memo(e.forwardRef((function(a,o){var s=e.useRef(null),l=r.findDiffKeys(a,i.defaultProps),u=a.size?{width:a.size,height:a.size,borderRadius:a.borderRadius}:{width:a.width,height:a.height,borderRadius:a.borderRadius},p=t("p-skeleton p-component",{"p-skeleton-circle":"circle"===a.shape,"p-skeleton-none":"none"===a.animation},a.className);return e.useImperativeHandle(o,(function(){return{props:a,getElement:function(){return s.current}}})),e.createElement("div",n({ref:s,style:u,className:p},l))})));i.displayName="Skeleton",i.defaultProps={__TYPE:"Skeleton",shape:"rectangle",size:null,width:"100%",height:"1rem",borderRadius:null,animation:"wave",style:null,className:null};export{i as Skeleton};

package/skeleton/skeleton.js

@@ -41,6 +41,7 @@ this.primereact.skeleton = (function (exports, React, utils) {
   }
 
   var Skeleton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+    var elementRef = React__namespace.useRef(null);
     var otherProps = utils.ObjectUtils.findDiffKeys(props, Skeleton.defaultProps);
     var style = props.size ? {
       width: props.size,
@@ -55,7 +56,16 @@ this.primereact.skeleton = (function (exports, React, utils) {
       'p-skeleton-circle': props.shape === 'circle',
       'p-skeleton-none': props.animation === 'none'
     }, props.className);
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      };
+    });
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
+      ref: elementRef,
       style: style,
       className: className
     }, otherProps));

package/skeleton/skeleton.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.skeleton=function(e,t,r){"use strict";function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i=n(t);function a(){return a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a.apply(this,arguments)}var s=i.memo(i.forwardRef((function(e,t){var n=r.ObjectUtils.findDiffKeys(e,s.defaultProps),l=e.size?{width:e.size,height:e.size,borderRadius:e.borderRadius}:{width:e.width,height:e.height,borderRadius:e.borderRadius},o=r.classNames("p-skeleton p-component",{"p-skeleton-circle":"circle"===e.shape,"p-skeleton-none":"none"===e.animation},e.className);return i.createElement("div",a({style:l,className:o},n))})));return s.displayName="Skeleton",s.defaultProps={__TYPE:"Skeleton",shape:"rectangle",size:null,width:"100%",height:"1rem",borderRadius:null,animation:"wave",style:null,className:null},e.Skeleton=s,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.skeleton=function(e,t,r){"use strict";function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i=n(t);function a(){return a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a.apply(this,arguments)}var s=i.memo(i.forwardRef((function(e,t){var n=i.useRef(null),l=r.ObjectUtils.findDiffKeys(e,s.defaultProps),o=e.size?{width:e.size,height:e.size,borderRadius:e.borderRadius}:{width:e.width,height:e.height,borderRadius:e.borderRadius},u=r.classNames("p-skeleton p-component",{"p-skeleton-circle":"circle"===e.shape,"p-skeleton-none":"none"===e.animation},e.className);return i.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return n.current}}})),i.createElement("div",a({ref:n,style:o,className:u},l))})));return s.displayName="Skeleton",s.defaultProps={__TYPE:"Skeleton",shape:"rectangle",size:null,width:"100%",height:"1rem",borderRadius:null,animation:"wave",style:null,className:null},e.Skeleton=s,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);

package/slidemenu/slidemenu.cjs.js

@@ -245,6 +245,7 @@ var SlideMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
 
     return /*#__PURE__*/React__namespace.createElement("li", {
       key: key,
+      id: item.id,
       className: className,
       style: item.style
     }, content, submenu);
@@ -376,9 +377,13 @@ var SlideMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   });
   React__namespace.useImperativeHandle(ref, function () {
     return {
+      props: props,
       toggle: toggle,
       show: show,
-      hide: hide
+      hide: hide,
+      getElement: function getElement() {
+        return menuRef.current;
+      }
     };
   });
 

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"),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 E=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(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,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,id:t.id,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)}));E.displayName="SlideMenuSub";var w=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{props:e,toggle:D,show:I,hide:A,getElement:function(){return v.current}}}));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,w.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(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?c.createElement(i.Portal,{element:_,appendTo:e.appendTo}):_})));w.displayName="SlideMenu",w.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=w;

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

@@ -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);
@@ -349,9 +350,13 @@ var SlideMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   });
   React.useImperativeHandle(ref, function () {
     return {
+      props: props,
       toggle: toggle,
       show: show,
-      hide: hide
+      hide: hide,
+      getElement: function getElement() {
+        return menuRef.current;
+      }
     };
   });
 

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 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,id:n.id,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{props:c,toggle:W,show:H,hide:R,getElement:function(){return O.current}}}));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};

package/slidemenu/slidemenu.js

@@ -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);
@@ -368,9 +369,13 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, csstransition
     });
     React__namespace.useImperativeHandle(ref, function () {
       return {
+        props: props,
         toggle: toggle,
         show: show,
-        hide: hide
+        hide: hide,
+        getElement: function getElement() {
+          return menuRef.current;
+        }
       };
     });
 

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,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 E(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 w=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(E(E({},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(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,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,id:t.id,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)}));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],v=s.useRef(null),y=s.useRef(null),g=s.useRef(null),O=s.useRef(null),E=h(a.useOverlayListener({target:y,overlay:v,listener:function(e,t){t.valid&&A(e)},when:d}),2),j=E[0],S=E[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{props:e,toggle:D,show:I,hide:A,getElement:function(){return v.current}}}));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(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?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);

package/slider/slider.cjs.js

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

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

@@ -363,6 +363,14 @@ var Slider = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
     }), handle);
   };
 
+  React.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   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 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 v=e.memo(e.forwardRef((function(i,f){var m=e.useRef(null),d=e.useRef(0),h=e.useRef(!1),y=e.useRef(!1),g=e.useRef(0),b=e.useRef(0),w=e.useRef(0),x=e.useRef(0),E=i.range?i.value||[0,100]:i.value||0,S="horizontal"===i.orientation,A="vertical"===i.orientation,R=p(n({type:"mousemove",listener:function(e){return Y(e)}}),2),I=R[0],C=R[1],N=p(n({type:"mouseup",listener:function(e){return H(e)}}),2),j=N[0],D=N[1],M=p(n({type:"touchmove",listener:function(e){return Y(e)}}),2),O=M[0],T=M[1],F=p(n({type:"touchend",listener:function(e){return H(e)}}),2),P=F[0],k=F[1],z=function(e,n){B(e,(i.range?E[d.current]:E)+(i.step||1)*n),e.preventDefault()},W=function(e,n){i.disabled||(y.current=!0,X(),h.current=!0,d.current=n)},Y=function(e){y.current&&(_(e),e.preventDefault())},H=function(e){y.current&&(y.current=!1,i.onSlideEnd&&i.onSlideEnd({originalEvent:e,value:i.value}),C(),D(),T(),k())},K=function(e,n){I(),j(),W(0,n)},L=function(e,n){O(),P(),W(0,n)},U=function(e,n){if(!i.disabled){d.current=n;var r=e.key;"ArrowRight"===r||"ArrowUp"===r?z(e,1):"ArrowLeft"!==r&&"ArrowDown"!==r||z(e,-1)}},X=function(){var e=m.current.getBoundingClientRect();g.current=e.left+a.getWindowScrollLeft(),b.current=e.top+a.getWindowScrollTop(),w.current=m.current.offsetWidth,x.current=m.current.offsetHeight},_=function(e){var n=(S?100*((e.touches?e.touches[0].pageX:e.pageX)-g.current)/w.current:100*(b.current+x.current-(e.touches?e.touches[0].pageY:e.pageY))/x.current)/100*(i.max-i.min)+i.min;if(i.step){var r=i.range?E[d.current]:E,t=n-r;t<0?n=r+Math.ceil(n/i.step-r/i.step)*i.step:t>0&&(n=r+Math.floor(n/i.step-r/i.step)*i.step)}else n=Math.floor(n);return B(e,n)},B=function(e,n){var r,t=parseFloat(n.toFixed(10)),a=t;return i.range?(0===d.current?t<i.min?t=i.min:t>E[1]&&(t=E[1]):t>i.max?t=i.max:t<E[0]&&(t=E[0]),(a=o(r=E)||u(r)||c(r)||s())[d.current]=t,i.onChange&&i.onChange({originalEvent:e,value:a})):(t<i.min?t=i.min:t>i.max&&(t=i.max),a=t,i.onChange&&i.onChange({originalEvent:e,value:a})),a},$=function(n,r,a){var l={transition:y.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":d.current===a});return e.createElement("span",{className:o,style:l,tabIndex:i.tabIndex,role:"slider",onMouseDown:function(e){return K(0,a)},onTouchStart:function(e){return L(0,a)},onKeyDown:function(e){return U(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})};e.useImperativeHandle(f,(function(){return{props:i,getElement:function(){return m.current}}}));var q,G,J,Q,V=r.findDiffKeys(i,v.defaultProps),Z=t("p-slider p-component",i.className,{"p-disabled":i.disabled,"p-slider-horizontal":S,"p-slider-vertical":A}),ee=i.range?(q=100*(E[0]<i.min?0:E[0]-i.min)/(i.max-i.min),G=100*(E[1]>i.max?100:E[1]-i.min)/(i.max-i.min),J=S?$(q,null,0):$(null,q,0),Q=S?$(G,null,1):$(null,G,1),e.createElement(e.Fragment,null,e.createElement("span",{className:"p-slider-range",style:S?{left:q+"%",width:G-q+"%"}:{bottom:q+"%",height:G-q+"%"}}),J,Q)):function(){var n;n=E<i.min?0:E>i.max?100:100*(E-i.min)/(i.max-i.min);var r=S?{width:n+"%"}:{height:n+"%"},t=S?$(n,null,null):$(null,n,null);return e.createElement(e.Fragment,null,e.createElement("span",{className:"p-slider-range",style:r}),t)}();return e.createElement("div",l({ref:m,id:i.id,style:i.style,className:Z},V,{onClick:function(e){if(!i.disabled){if(!h.current){X();var n=_(e);i.onSlideEnd&&i.onSlideEnd({originalEvent:e,value:n})}h.current=!1}}}),ee)})));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};export{v as Slider};

package/slider/slider.js

@@ -383,6 +383,14 @@ this.primereact.slider = (function (exports, React, hooks, utils) {
       }), handle);
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      };
+    });
     var otherProps = utils.ObjectUtils.findDiffKeys(props, Slider.defaultProps);
     var className = utils.classNames('p-slider p-component', props.className, {
       'p-disabled': props.disabled,