primereact 10.8.3 → 10.8.4

package/scrollpanel/scrollpanel.esm.js

@@ -168,13 +168,21 @@ var ScrollPanel = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
         DomHandler.addClass(xBarRef.current, 'p-scrollpanel-hidden');
       } else {
         DomHandler.removeClass(xBarRef.current, 'p-scrollpanel-hidden');
-        xBarRef.current.style.cssText = 'width:' + Math.max(scrollXRatio.current * 100, 10) + '%; left:' + contentRef.current.scrollLeft / totalWidth * 100 + '%;bottom:' + bottom + 'px;';
+        DomHandler.applyStyle(xBarRef.current, {
+          width: Math.max(scrollXRatio.current * 100, 10) + '%',
+          left: contentRef.current.scrollLeft / totalWidth * 100 + '%',
+          bottom: bottom + 'px'
+        });
       }
       if (scrollYRatio.current >= 1) {
         DomHandler.addClass(yBarRef.current, 'p-scrollpanel-hidden');
       } else {
         DomHandler.removeClass(yBarRef.current, 'p-scrollpanel-hidden');
-        yBarRef.current.style.cssText = 'height:' + Math.max(scrollYRatio.current * 100, 10) + '%; top: calc(' + contentRef.current.scrollTop / totalHeight * 100 + '% - ' + xBarRef.current.clientHeight + 'px);right:' + right + 'px;';
+        DomHandler.applyStyle(yBarRef.current, {
+          height: Math.max(scrollYRatio.current * 100, 10) + '%',
+          top: 'calc(' + contentRef.current.scrollTop / totalHeight * 100 + '% - ' + xBarRef.current.clientHeight + 'px)',
+          right: right + 'px'
+        });
       }
     });
   };
@@ -206,7 +214,7 @@ var ScrollPanel = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     DomHandler.addClass(yBarRef.current, 'p-scrollpanel-grabbed');
     DomHandler.addClass(document.body, 'p-scrollpanel-grabbed');
     document.addEventListener('mousemove', onDocumentMouseMove);
-    document.addEventListener('mouseup', onDocumentMouseUp);
+    document.addEventListener('mouseup', _onDocumentMouseUp);
     event.preventDefault();
   };
   var onXBarMouseDown = function onXBarMouseDown(event) {
@@ -215,7 +223,7 @@ var ScrollPanel = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     DomHandler.addClass(xBarRef.current, 'p-scrollpanel-grabbed');
     DomHandler.addClass(document.body, 'p-scrollpanel-grabbed');
     document.addEventListener('mousemove', onDocumentMouseMove);
-    document.addEventListener('mouseup', onDocumentMouseUp);
+    document.addEventListener('mouseup', _onDocumentMouseUp);
     event.preventDefault();
   };
   var onDocumentMouseMove = function onDocumentMouseMove(event) {
@@ -242,12 +250,12 @@ var ScrollPanel = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
       contentRef.current.scrollTop += deltaY / scrollYRatio.current;
     });
   };
-  var onDocumentMouseUp = function onDocumentMouseUp(event) {
+  var _onDocumentMouseUp = function onDocumentMouseUp(event) {
     DomHandler.removeClass(yBarRef.current, 'p-scrollpanel-grabbed');
     DomHandler.removeClass(xBarRef.current, 'p-scrollpanel-grabbed');
     DomHandler.removeClass(document.body, 'p-scrollpanel-grabbed');
     document.removeEventListener('mousemove', onDocumentMouseMove);
-    document.removeEventListener('mouseup', onDocumentMouseUp);
+    document.removeEventListener('mouseup', _onDocumentMouseUp);
     isXBarClicked.current = false;
     isYBarClicked.current = false;
   };

package/scrollpanel/scrollpanel.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as r}from"primereact/api";import{ComponentBase as n,useHandleStyle as t}from"primereact/componentbase";import{useMergeProps as o,useMountEffect as l,useUnmountEffect as a}from"primereact/hooks";import{UniqueComponentId as c,classNames as i,DomHandler as s}from"primereact/utils";function u(){return u=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},u.apply(this,arguments)}function p(e){if(Array.isArray(e))return e}function d(e,r){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var t,o,l,a,c=[],i=!0,s=!1;try{if(l=(n=n.call(e)).next,0===r){if(Object(n)!==n)return;i=!1}else for(;!(i=(t=l.call(n)).done)&&(c.push(t.value),c.length!==r);i=!0);}catch(e){s=!0,o=e}finally{try{if(!i&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw o}}return c}}function f(e,r){(null==r||r>e.length)&&(r=e.length);for(var n=0,t=new Array(r);n<r;n++)t[n]=e[n];return t}function m(e,r){if(e){if("string"==typeof e)return f(e,r);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?f(e,r):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 v(e,r){return p(e)||d(e,r)||m(e,r)||h()}var b=n.extend({defaultProps:{__TYPE:"ScrollPanel",id:null,style:null,className:null,children:void 0,step:5},css:{classes:{root:"p-scrollpanel p-component",wrapper:"p-scrollpanel-wrapper",content:"p-scrollpanel-content",barx:"p-scrollpanel-bar p-scrollpanel-bar-x",bary:"p-scrollpanel-bar p-scrollpanel-bar-y"},styles:"\n        @layer primereact {\n            .p-scrollpanel-wrapper {\n                overflow: hidden;\n                width: 100%;\n                height: 100%;\n                position: relative;\n                z-index: 1;\n                float: left;\n            }\n\n            .p-scrollpanel-content {\n                height: calc(100% + 18px);\n                width: calc(100% + 18px);\n                padding: 0 18px 18px 0;\n                position: relative;\n                overflow: auto;\n                box-sizing: border-box;\n            }\n\n            .p-scrollpanel-bar {\n                position: relative;\n                background: #c1c1c1;\n                border-radius: 3px;\n                z-index: 2;\n                cursor: pointer;\n                opacity: 0;\n                transition: opacity 0.25s linear;\n            }\n\n            .p-scrollpanel-bar-y {\n                width: 9px;\n                top: 0;\n            }\n\n            .p-scrollpanel-bar-x {\n                height: 9px;\n                bottom: 0;\n            }\n\n            .p-scrollpanel-hidden {\n                visibility: hidden;\n            }\n\n            .p-scrollpanel:hover .p-scrollpanel-bar,\n            .p-scrollpanel:active .p-scrollpanel-bar {\n                opacity: 1;\n            }\n\n            .p-scrollpanel-grabbed {\n                user-select: none;\n            }\n        }\n        "}}),g=e.forwardRef((function(n,p){var d=o(),f=e.useContext(r),m=b.getProps(n,f),h=v(e.useState(m.id),2),g=h[0],y=h[1],w=v(e.useState("vertical"),2),x=w[0],A=w[1],E=b.setMetaData({props:m}),C=E.ptm,L=E.cx;t(b.css.styles,E.isUnstyled,{name:"scrollpanel"});var R=e.useRef(null),S=e.useRef(null),D=e.useRef(null),T=e.useRef(null),z=v(e.useState(0),2),F=z[0],N=z[1],H=v(e.useState(0),2),I=H[0],O=H[1],j=e.useRef(!1),M=e.useRef(!1),P=e.useRef(null),k=e.useRef(null),B=e.useRef(null),U=e.useRef(null),W=e.useRef(null),Y=e.useRef(!1),K=e.useRef(null),X=g+"_content",q=function(){var e=S.current.scrollWidth,r=-1*(R.current.clientHeight-D.current.clientHeight);B.current=S.current.clientWidth/e;var n=S.current.scrollHeight,t=-1*(R.current.clientWidth-T.current.clientWidth);U.current=S.current.clientHeight/n,W.current=window.requestAnimationFrame((function(){B.current>=1?s.addClass(D.current,"p-scrollpanel-hidden"):(s.removeClass(D.current,"p-scrollpanel-hidden"),D.current.style.cssText="width:"+Math.max(100*B.current,10)+"%; left:"+S.current.scrollLeft/e*100+"%;bottom:"+r+"px;"),U.current>=1?s.addClass(T.current,"p-scrollpanel-hidden"):(s.removeClass(T.current,"p-scrollpanel-hidden"),T.current.style.cssText="height:"+Math.max(100*U.current,10)+"%; top: calc("+S.current.scrollTop/n*100+"% - "+D.current.clientHeight+"px);right:"+t+"px;")}))},_=function(e){D.current.isSameNode(e.target)?A("horizontal"):T.current.isSameNode(e.target)&&A("vertical")},$=function(){"horizontal"===x&&A("vertical")},G=function(e){j.current?J(e):(M.current||J(e),Q(e))},J=function(e){var r=e.pageX-P.current;P.current=e.pageX,W.current=window.requestAnimationFrame((function(){S.current.scrollLeft+=r/B.current}))},Q=function(e){var r=e.pageY-k.current;k.current=e.pageY,W.current=window.requestAnimationFrame((function(){S.current.scrollTop+=r/U.current}))},V=function e(r){s.removeClass(T.current,"p-scrollpanel-grabbed"),s.removeClass(D.current,"p-scrollpanel-grabbed"),s.removeClass(document.body,"p-scrollpanel-grabbed"),document.removeEventListener("mousemove",G),document.removeEventListener("mouseup",e),j.current=!1,M.current=!1},Z=function(e){if("vertical"===x)switch(e.code){case"ArrowDown":ne("scrollTop",m.step),e.preventDefault();break;case"ArrowUp":ne("scrollTop",-1*m.step),e.preventDefault();break;case"ArrowLeft":case"ArrowRight":e.preventDefault()}else if("horizontal"===x)switch(e.code){case"ArrowRight":ne("scrollLeft",m.step),e.preventDefault();break;case"ArrowLeft":ne("scrollLeft",-1*m.step),e.preventDefault();break;case"ArrowDown":case"ArrowUp":e.preventDefault()}},ee=function(){te()},re=function(e,r){S.current[e]+=r,q()},ne=function(e,r){te(),K.current=setTimeout((function(){re(e,r)}),40)},te=function(){K.current&&clearTimeout(K.current)},oe=function(){q()};l((function(){var e,r,n;m.id||y(c()),q(),window.addEventListener("resize",q),e=getComputedStyle(R.current),r=getComputedStyle(D.current),n=s.getHeight(R.current)-parseInt(r.height,10),"none"!==e["max-height"]&&0===n&&(R.current.style.height=S.current.offsetHeight+parseInt(r.height,10)>parseInt(e["max-height"],10)?e["max-height"]:S.current.offsetHeight+parseFloat(e.paddingTop)+parseFloat(e.paddingBottom)+parseFloat(e.borderTopWidth)+parseFloat(e.borderBottomWidth)+"px"),Y.current=!0})),a((function(){Y.current&&window.removeEventListener("resize",q),W.current&&window.cancelAnimationFrame(W.current)})),e.useImperativeHandle(p,(function(){return{props:m,refresh:oe,getElement:function(){return R.current},getContent:function(){return S.current},getXBar:function(){return D.current},getYBar:function(){return T.current}}}));var le=d({id:m.id,ref:R,style:m.style,className:i(m.className,L("root"))},b.getOtherProps(m),C("root")),ae=d({className:L("wrapper")},C("wrapper")),ce=d({className:L("content"),onScroll:function(e){F!==e.target.scrollLeft?(N(e.target.scrollLeft),A("horizontal")):I!==e.target.scrollTop&&(O(e.target.scrollTop),A("vertical")),q()},onMouseEnter:q},C("content")),ie=d({ref:D,role:"scrollbar",className:L("barx"),tabIndex:0,"aria-valuenow":I,"aria-controls":X,"aria-orientation":"horizontal",onFocus:_,onBlur:$,onKeyDown:Z,onKeyUp:ee,onMouseDown:function(e){j.current=!0,P.current=e.pageX,s.addClass(D.current,"p-scrollpanel-grabbed"),s.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",G),document.addEventListener("mouseup",V),e.preventDefault()}},C("barx")),se=d({ref:T,role:"scrollbar",className:L("bary"),tabIndex:0,"aria-valuenow":F,"aria-controls":X,"aria-orientation":"vertical",onFocus:_,onBlur:$,onKeyDown:Z,onKeyUp:ee,onMouseDown:function(e){M.current=!0,k.current=e.pageY,s.addClass(T.current,"p-scrollpanel-grabbed"),s.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",G),document.addEventListener("mouseup",V),e.preventDefault()}},C("bary"));return e.createElement("div",le,e.createElement("div",ae,e.createElement("div",u({ref:S},ce),m.children)),e.createElement("div",ie),e.createElement("div",se))}));g.displayName="ScrollPanel";export{g as ScrollPanel};
+import*as e from"react";import{PrimeReactContext as r}from"primereact/api";import{ComponentBase as n,useHandleStyle as t}from"primereact/componentbase";import{useMergeProps as o,useMountEffect as l,useUnmountEffect as a}from"primereact/hooks";import{UniqueComponentId as c,classNames as i,DomHandler as u}from"primereact/utils";function s(){return s=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},s.apply(this,arguments)}function p(e){if(Array.isArray(e))return e}function d(e,r){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var t,o,l,a,c=[],i=!0,u=!1;try{if(l=(n=n.call(e)).next,0===r){if(Object(n)!==n)return;i=!1}else for(;!(i=(t=l.call(n)).done)&&(c.push(t.value),c.length!==r);i=!0);}catch(e){u=!0,o=e}finally{try{if(!i&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return c}}function f(e,r){(null==r||r>e.length)&&(r=e.length);for(var n=0,t=new Array(r);n<r;n++)t[n]=e[n];return t}function m(e,r){if(e){if("string"==typeof e)return f(e,r);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?f(e,r):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 v(e,r){return p(e)||d(e,r)||m(e,r)||h()}var b=n.extend({defaultProps:{__TYPE:"ScrollPanel",id:null,style:null,className:null,children:void 0,step:5},css:{classes:{root:"p-scrollpanel p-component",wrapper:"p-scrollpanel-wrapper",content:"p-scrollpanel-content",barx:"p-scrollpanel-bar p-scrollpanel-bar-x",bary:"p-scrollpanel-bar p-scrollpanel-bar-y"},styles:"\n        @layer primereact {\n            .p-scrollpanel-wrapper {\n                overflow: hidden;\n                width: 100%;\n                height: 100%;\n                position: relative;\n                z-index: 1;\n                float: left;\n            }\n\n            .p-scrollpanel-content {\n                height: calc(100% + 18px);\n                width: calc(100% + 18px);\n                padding: 0 18px 18px 0;\n                position: relative;\n                overflow: auto;\n                box-sizing: border-box;\n            }\n\n            .p-scrollpanel-bar {\n                position: relative;\n                background: #c1c1c1;\n                border-radius: 3px;\n                z-index: 2;\n                cursor: pointer;\n                opacity: 0;\n                transition: opacity 0.25s linear;\n            }\n\n            .p-scrollpanel-bar-y {\n                width: 9px;\n                top: 0;\n            }\n\n            .p-scrollpanel-bar-x {\n                height: 9px;\n                bottom: 0;\n            }\n\n            .p-scrollpanel-hidden {\n                visibility: hidden;\n            }\n\n            .p-scrollpanel:hover .p-scrollpanel-bar,\n            .p-scrollpanel:active .p-scrollpanel-bar {\n                opacity: 1;\n            }\n\n            .p-scrollpanel-grabbed {\n                user-select: none;\n            }\n        }\n        "}}),g=e.forwardRef((function(n,p){var d=o(),f=e.useContext(r),m=b.getProps(n,f),h=v(e.useState(m.id),2),g=h[0],y=h[1],w=v(e.useState("vertical"),2),x=w[0],A=w[1],S=b.setMetaData({props:m}),E=S.ptm,C=S.cx;t(b.css.styles,S.isUnstyled,{name:"scrollpanel"});var L=e.useRef(null),R=e.useRef(null),D=e.useRef(null),T=e.useRef(null),z=v(e.useState(0),2),F=z[0],N=z[1],H=v(e.useState(0),2),I=H[0],O=H[1],j=e.useRef(!1),M=e.useRef(!1),P=e.useRef(null),k=e.useRef(null),B=e.useRef(null),U=e.useRef(null),W=e.useRef(null),Y=e.useRef(!1),K=e.useRef(null),X=g+"_content",q=function(){var e=R.current.scrollWidth,r=-1*(L.current.clientHeight-D.current.clientHeight);B.current=R.current.clientWidth/e;var n=R.current.scrollHeight,t=-1*(L.current.clientWidth-T.current.clientWidth);U.current=R.current.clientHeight/n,W.current=window.requestAnimationFrame((function(){B.current>=1?u.addClass(D.current,"p-scrollpanel-hidden"):(u.removeClass(D.current,"p-scrollpanel-hidden"),u.applyStyle(D.current,{width:Math.max(100*B.current,10)+"%",left:R.current.scrollLeft/e*100+"%",bottom:r+"px"})),U.current>=1?u.addClass(T.current,"p-scrollpanel-hidden"):(u.removeClass(T.current,"p-scrollpanel-hidden"),u.applyStyle(T.current,{height:Math.max(100*U.current,10)+"%",top:"calc("+R.current.scrollTop/n*100+"% - "+D.current.clientHeight+"px)",right:t+"px"}))}))},_=function(e){D.current.isSameNode(e.target)?A("horizontal"):T.current.isSameNode(e.target)&&A("vertical")},$=function(){"horizontal"===x&&A("vertical")},G=function(e){j.current?J(e):(M.current||J(e),Q(e))},J=function(e){var r=e.pageX-P.current;P.current=e.pageX,W.current=window.requestAnimationFrame((function(){R.current.scrollLeft+=r/B.current}))},Q=function(e){var r=e.pageY-k.current;k.current=e.pageY,W.current=window.requestAnimationFrame((function(){R.current.scrollTop+=r/U.current}))},V=function(e){u.removeClass(T.current,"p-scrollpanel-grabbed"),u.removeClass(D.current,"p-scrollpanel-grabbed"),u.removeClass(document.body,"p-scrollpanel-grabbed"),document.removeEventListener("mousemove",G),document.removeEventListener("mouseup",V),j.current=!1,M.current=!1},Z=function(e){if("vertical"===x)switch(e.code){case"ArrowDown":ne("scrollTop",m.step),e.preventDefault();break;case"ArrowUp":ne("scrollTop",-1*m.step),e.preventDefault();break;case"ArrowLeft":case"ArrowRight":e.preventDefault()}else if("horizontal"===x)switch(e.code){case"ArrowRight":ne("scrollLeft",m.step),e.preventDefault();break;case"ArrowLeft":ne("scrollLeft",-1*m.step),e.preventDefault();break;case"ArrowDown":case"ArrowUp":e.preventDefault()}},ee=function(){te()},re=function(e,r){R.current[e]+=r,q()},ne=function(e,r){te(),K.current=setTimeout((function(){re(e,r)}),40)},te=function(){K.current&&clearTimeout(K.current)},oe=function(){q()};l((function(){var e,r,n;m.id||y(c()),q(),window.addEventListener("resize",q),e=getComputedStyle(L.current),r=getComputedStyle(D.current),n=u.getHeight(L.current)-parseInt(r.height,10),"none"!==e["max-height"]&&0===n&&(L.current.style.height=R.current.offsetHeight+parseInt(r.height,10)>parseInt(e["max-height"],10)?e["max-height"]:R.current.offsetHeight+parseFloat(e.paddingTop)+parseFloat(e.paddingBottom)+parseFloat(e.borderTopWidth)+parseFloat(e.borderBottomWidth)+"px"),Y.current=!0})),a((function(){Y.current&&window.removeEventListener("resize",q),W.current&&window.cancelAnimationFrame(W.current)})),e.useImperativeHandle(p,(function(){return{props:m,refresh:oe,getElement:function(){return L.current},getContent:function(){return R.current},getXBar:function(){return D.current},getYBar:function(){return T.current}}}));var le=d({id:m.id,ref:L,style:m.style,className:i(m.className,C("root"))},b.getOtherProps(m),E("root")),ae=d({className:C("wrapper")},E("wrapper")),ce=d({className:C("content"),onScroll:function(e){F!==e.target.scrollLeft?(N(e.target.scrollLeft),A("horizontal")):I!==e.target.scrollTop&&(O(e.target.scrollTop),A("vertical")),q()},onMouseEnter:q},E("content")),ie=d({ref:D,role:"scrollbar",className:C("barx"),tabIndex:0,"aria-valuenow":I,"aria-controls":X,"aria-orientation":"horizontal",onFocus:_,onBlur:$,onKeyDown:Z,onKeyUp:ee,onMouseDown:function(e){j.current=!0,P.current=e.pageX,u.addClass(D.current,"p-scrollpanel-grabbed"),u.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",G),document.addEventListener("mouseup",V),e.preventDefault()}},E("barx")),ue=d({ref:T,role:"scrollbar",className:C("bary"),tabIndex:0,"aria-valuenow":F,"aria-controls":X,"aria-orientation":"vertical",onFocus:_,onBlur:$,onKeyDown:Z,onKeyUp:ee,onMouseDown:function(e){M.current=!0,k.current=e.pageY,u.addClass(T.current,"p-scrollpanel-grabbed"),u.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",G),document.addEventListener("mouseup",V),e.preventDefault()}},E("bary"));return e.createElement("div",le,e.createElement("div",ae,e.createElement("div",s({ref:R},ce),m.children)),e.createElement("div",ie),e.createElement("div",ue))}));g.displayName="ScrollPanel";export{g as ScrollPanel};

package/scrollpanel/scrollpanel.js

@@ -185,13 +185,21 @@ this.primereact.scrollpanel = (function (exports, React, api, componentbase, hoo
           utils.DomHandler.addClass(xBarRef.current, 'p-scrollpanel-hidden');
         } else {
           utils.DomHandler.removeClass(xBarRef.current, 'p-scrollpanel-hidden');
-          xBarRef.current.style.cssText = 'width:' + Math.max(scrollXRatio.current * 100, 10) + '%; left:' + contentRef.current.scrollLeft / totalWidth * 100 + '%;bottom:' + bottom + 'px;';
+          utils.DomHandler.applyStyle(xBarRef.current, {
+            width: Math.max(scrollXRatio.current * 100, 10) + '%',
+            left: contentRef.current.scrollLeft / totalWidth * 100 + '%',
+            bottom: bottom + 'px'
+          });
         }
         if (scrollYRatio.current >= 1) {
           utils.DomHandler.addClass(yBarRef.current, 'p-scrollpanel-hidden');
         } else {
           utils.DomHandler.removeClass(yBarRef.current, 'p-scrollpanel-hidden');
-          yBarRef.current.style.cssText = 'height:' + Math.max(scrollYRatio.current * 100, 10) + '%; top: calc(' + contentRef.current.scrollTop / totalHeight * 100 + '% - ' + xBarRef.current.clientHeight + 'px);right:' + right + 'px;';
+          utils.DomHandler.applyStyle(yBarRef.current, {
+            height: Math.max(scrollYRatio.current * 100, 10) + '%',
+            top: 'calc(' + contentRef.current.scrollTop / totalHeight * 100 + '% - ' + xBarRef.current.clientHeight + 'px)',
+            right: right + 'px'
+          });
         }
       });
     };
@@ -223,7 +231,7 @@ this.primereact.scrollpanel = (function (exports, React, api, componentbase, hoo
       utils.DomHandler.addClass(yBarRef.current, 'p-scrollpanel-grabbed');
       utils.DomHandler.addClass(document.body, 'p-scrollpanel-grabbed');
       document.addEventListener('mousemove', onDocumentMouseMove);
-      document.addEventListener('mouseup', onDocumentMouseUp);
+      document.addEventListener('mouseup', _onDocumentMouseUp);
       event.preventDefault();
     };
     var onXBarMouseDown = function onXBarMouseDown(event) {
@@ -232,7 +240,7 @@ this.primereact.scrollpanel = (function (exports, React, api, componentbase, hoo
       utils.DomHandler.addClass(xBarRef.current, 'p-scrollpanel-grabbed');
       utils.DomHandler.addClass(document.body, 'p-scrollpanel-grabbed');
       document.addEventListener('mousemove', onDocumentMouseMove);
-      document.addEventListener('mouseup', onDocumentMouseUp);
+      document.addEventListener('mouseup', _onDocumentMouseUp);
       event.preventDefault();
     };
     var onDocumentMouseMove = function onDocumentMouseMove(event) {
@@ -259,12 +267,12 @@ this.primereact.scrollpanel = (function (exports, React, api, componentbase, hoo
         contentRef.current.scrollTop += deltaY / scrollYRatio.current;
       });
     };
-    var onDocumentMouseUp = function onDocumentMouseUp(event) {
+    var _onDocumentMouseUp = function onDocumentMouseUp(event) {
       utils.DomHandler.removeClass(yBarRef.current, 'p-scrollpanel-grabbed');
       utils.DomHandler.removeClass(xBarRef.current, 'p-scrollpanel-grabbed');
       utils.DomHandler.removeClass(document.body, 'p-scrollpanel-grabbed');
       document.removeEventListener('mousemove', onDocumentMouseMove);
-      document.removeEventListener('mouseup', onDocumentMouseUp);
+      document.removeEventListener('mouseup', _onDocumentMouseUp);
       isXBarClicked.current = false;
       isYBarClicked.current = false;
     };

package/scrollpanel/scrollpanel.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.scrollpanel=function(e,r,n,t,o,l){"use strict";function a(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,t.get?t:{enumerable:!0,get:function(){return e[n]}})}})),r.default=e,Object.freeze(r)}var c=a(r);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},s.apply(this,arguments)}function u(e){if(Array.isArray(e))return e}function i(e,r){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var t,o,l,a,c=[],s=!0,u=!1;try{if(l=(n=n.call(e)).next,0===r){if(Object(n)!==n)return;s=!1}else for(;!(s=(t=l.call(n)).done)&&(c.push(t.value),c.length!==r);s=!0);}catch(e){u=!0,o=e}finally{try{if(!s&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return c}}function p(e,r){(null==r||r>e.length)&&(r=e.length);for(var n=0,t=new Array(r);n<r;n++)t[n]=e[n];return t}function d(e,r){if(e){if("string"==typeof e)return p(e,r);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,r):void 0}}function f(){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 m(e,r){return u(e)||i(e,r)||d(e,r)||f()}var h=t.ComponentBase.extend({defaultProps:{__TYPE:"ScrollPanel",id:null,style:null,className:null,children:void 0,step:5},css:{classes:{root:"p-scrollpanel p-component",wrapper:"p-scrollpanel-wrapper",content:"p-scrollpanel-content",barx:"p-scrollpanel-bar p-scrollpanel-bar-x",bary:"p-scrollpanel-bar p-scrollpanel-bar-y"},styles:"\n        @layer primereact {\n            .p-scrollpanel-wrapper {\n                overflow: hidden;\n                width: 100%;\n                height: 100%;\n                position: relative;\n                z-index: 1;\n                float: left;\n            }\n\n            .p-scrollpanel-content {\n                height: calc(100% + 18px);\n                width: calc(100% + 18px);\n                padding: 0 18px 18px 0;\n                position: relative;\n                overflow: auto;\n                box-sizing: border-box;\n            }\n\n            .p-scrollpanel-bar {\n                position: relative;\n                background: #c1c1c1;\n                border-radius: 3px;\n                z-index: 2;\n                cursor: pointer;\n                opacity: 0;\n                transition: opacity 0.25s linear;\n            }\n\n            .p-scrollpanel-bar-y {\n                width: 9px;\n                top: 0;\n            }\n\n            .p-scrollpanel-bar-x {\n                height: 9px;\n                bottom: 0;\n            }\n\n            .p-scrollpanel-hidden {\n                visibility: hidden;\n            }\n\n            .p-scrollpanel:hover .p-scrollpanel-bar,\n            .p-scrollpanel:active .p-scrollpanel-bar {\n                opacity: 1;\n            }\n\n            .p-scrollpanel-grabbed {\n                user-select: none;\n            }\n        }\n        "}}),b=c.forwardRef((function(e,r){var a=o.useMergeProps(),u=c.useContext(n.PrimeReactContext),i=h.getProps(e,u),p=m(c.useState(i.id),2),d=p[0],f=p[1],b=m(c.useState("vertical"),2),v=b[0],g=b[1],y=h.setMetaData({props:i}),w=y.ptm,x=y.cx;t.useHandleStyle(h.css.styles,y.isUnstyled,{name:"scrollpanel"});var D=c.useRef(null),H=c.useRef(null),E=c.useRef(null),C=c.useRef(null),A=m(c.useState(0),2),R=A[0],S=A[1],L=m(c.useState(0),2),O=L[0],j=L[1],T=c.useRef(!1),P=c.useRef(!1),z=c.useRef(null),M=c.useRef(null),N=c.useRef(null),F=c.useRef(null),I=c.useRef(null),U=c.useRef(!1),k=c.useRef(null),B=d+"_content",_=function(){var e=H.current.scrollWidth,r=-1*(D.current.clientHeight-E.current.clientHeight);N.current=H.current.clientWidth/e;var n=H.current.scrollHeight,t=-1*(D.current.clientWidth-C.current.clientWidth);F.current=H.current.clientHeight/n,I.current=window.requestAnimationFrame((function(){N.current>=1?l.DomHandler.addClass(E.current,"p-scrollpanel-hidden"):(l.DomHandler.removeClass(E.current,"p-scrollpanel-hidden"),E.current.style.cssText="width:"+Math.max(100*N.current,10)+"%; left:"+H.current.scrollLeft/e*100+"%;bottom:"+r+"px;"),F.current>=1?l.DomHandler.addClass(C.current,"p-scrollpanel-hidden"):(l.DomHandler.removeClass(C.current,"p-scrollpanel-hidden"),C.current.style.cssText="height:"+Math.max(100*F.current,10)+"%; top: calc("+H.current.scrollTop/n*100+"% - "+E.current.clientHeight+"px);right:"+t+"px;")}))},W=function(e){E.current.isSameNode(e.target)?g("horizontal"):C.current.isSameNode(e.target)&&g("vertical")},Y=function(){"horizontal"===v&&g("vertical")},q=function(e){T.current?K(e):(P.current||K(e),X(e))},K=function(e){var r=e.pageX-z.current;z.current=e.pageX,I.current=window.requestAnimationFrame((function(){H.current.scrollLeft+=r/N.current}))},X=function(e){var r=e.pageY-M.current;M.current=e.pageY,I.current=window.requestAnimationFrame((function(){H.current.scrollTop+=r/F.current}))},$=function e(r){l.DomHandler.removeClass(C.current,"p-scrollpanel-grabbed"),l.DomHandler.removeClass(E.current,"p-scrollpanel-grabbed"),l.DomHandler.removeClass(document.body,"p-scrollpanel-grabbed"),document.removeEventListener("mousemove",q),document.removeEventListener("mouseup",e),T.current=!1,P.current=!1},G=function(e){if("vertical"===v)switch(e.code){case"ArrowDown":V("scrollTop",i.step),e.preventDefault();break;case"ArrowUp":V("scrollTop",-1*i.step),e.preventDefault();break;case"ArrowLeft":case"ArrowRight":e.preventDefault()}else if("horizontal"===v)switch(e.code){case"ArrowRight":V("scrollLeft",i.step),e.preventDefault();break;case"ArrowLeft":V("scrollLeft",-1*i.step),e.preventDefault();break;case"ArrowDown":case"ArrowUp":e.preventDefault()}},J=function(){Z()},Q=function(e,r){H.current[e]+=r,_()},V=function(e,r){Z(),k.current=setTimeout((function(){Q(e,r)}),40)},Z=function(){k.current&&clearTimeout(k.current)},ee=function(){_()};o.useMountEffect((function(){var e,r,n;i.id||f(l.UniqueComponentId()),_(),window.addEventListener("resize",_),e=getComputedStyle(D.current),r=getComputedStyle(E.current),n=l.DomHandler.getHeight(D.current)-parseInt(r.height,10),"none"!==e["max-height"]&&0===n&&(D.current.style.height=H.current.offsetHeight+parseInt(r.height,10)>parseInt(e["max-height"],10)?e["max-height"]:H.current.offsetHeight+parseFloat(e.paddingTop)+parseFloat(e.paddingBottom)+parseFloat(e.borderTopWidth)+parseFloat(e.borderBottomWidth)+"px"),U.current=!0})),o.useUnmountEffect((function(){U.current&&window.removeEventListener("resize",_),I.current&&window.cancelAnimationFrame(I.current)})),c.useImperativeHandle(r,(function(){return{props:i,refresh:ee,getElement:function(){return D.current},getContent:function(){return H.current},getXBar:function(){return E.current},getYBar:function(){return C.current}}}));var re=a({id:i.id,ref:D,style:i.style,className:l.classNames(i.className,x("root"))},h.getOtherProps(i),w("root")),ne=a({className:x("wrapper")},w("wrapper")),te=a({className:x("content"),onScroll:function(e){R!==e.target.scrollLeft?(S(e.target.scrollLeft),g("horizontal")):O!==e.target.scrollTop&&(j(e.target.scrollTop),g("vertical")),_()},onMouseEnter:_},w("content")),oe=a({ref:E,role:"scrollbar",className:x("barx"),tabIndex:0,"aria-valuenow":O,"aria-controls":B,"aria-orientation":"horizontal",onFocus:W,onBlur:Y,onKeyDown:G,onKeyUp:J,onMouseDown:function(e){T.current=!0,z.current=e.pageX,l.DomHandler.addClass(E.current,"p-scrollpanel-grabbed"),l.DomHandler.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",q),document.addEventListener("mouseup",$),e.preventDefault()}},w("barx")),le=a({ref:C,role:"scrollbar",className:x("bary"),tabIndex:0,"aria-valuenow":R,"aria-controls":B,"aria-orientation":"vertical",onFocus:W,onBlur:Y,onKeyDown:G,onKeyUp:J,onMouseDown:function(e){P.current=!0,M.current=e.pageY,l.DomHandler.addClass(C.current,"p-scrollpanel-grabbed"),l.DomHandler.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",q),document.addEventListener("mouseup",$),e.preventDefault()}},w("bary"));return c.createElement("div",re,c.createElement("div",ne,c.createElement("div",s({ref:H},te),i.children)),c.createElement("div",oe),c.createElement("div",le))}));return b.displayName="ScrollPanel",e.ScrollPanel=b,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.scrollpanel=function(e,r,n,t,o,l){"use strict";function a(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,t.get?t:{enumerable:!0,get:function(){return e[n]}})}})),r.default=e,Object.freeze(r)}var c=a(r);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},u.apply(this,arguments)}function i(e){if(Array.isArray(e))return e}function s(e,r){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var t,o,l,a,c=[],u=!0,i=!1;try{if(l=(n=n.call(e)).next,0===r){if(Object(n)!==n)return;u=!1}else for(;!(u=(t=l.call(n)).done)&&(c.push(t.value),c.length!==r);u=!0);}catch(e){i=!0,o=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(i)throw o}}return c}}function p(e,r){(null==r||r>e.length)&&(r=e.length);for(var n=0,t=new Array(r);n<r;n++)t[n]=e[n];return t}function d(e,r){if(e){if("string"==typeof e)return p(e,r);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,r):void 0}}function f(){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 m(e,r){return i(e)||s(e,r)||d(e,r)||f()}var h=t.ComponentBase.extend({defaultProps:{__TYPE:"ScrollPanel",id:null,style:null,className:null,children:void 0,step:5},css:{classes:{root:"p-scrollpanel p-component",wrapper:"p-scrollpanel-wrapper",content:"p-scrollpanel-content",barx:"p-scrollpanel-bar p-scrollpanel-bar-x",bary:"p-scrollpanel-bar p-scrollpanel-bar-y"},styles:"\n        @layer primereact {\n            .p-scrollpanel-wrapper {\n                overflow: hidden;\n                width: 100%;\n                height: 100%;\n                position: relative;\n                z-index: 1;\n                float: left;\n            }\n\n            .p-scrollpanel-content {\n                height: calc(100% + 18px);\n                width: calc(100% + 18px);\n                padding: 0 18px 18px 0;\n                position: relative;\n                overflow: auto;\n                box-sizing: border-box;\n            }\n\n            .p-scrollpanel-bar {\n                position: relative;\n                background: #c1c1c1;\n                border-radius: 3px;\n                z-index: 2;\n                cursor: pointer;\n                opacity: 0;\n                transition: opacity 0.25s linear;\n            }\n\n            .p-scrollpanel-bar-y {\n                width: 9px;\n                top: 0;\n            }\n\n            .p-scrollpanel-bar-x {\n                height: 9px;\n                bottom: 0;\n            }\n\n            .p-scrollpanel-hidden {\n                visibility: hidden;\n            }\n\n            .p-scrollpanel:hover .p-scrollpanel-bar,\n            .p-scrollpanel:active .p-scrollpanel-bar {\n                opacity: 1;\n            }\n\n            .p-scrollpanel-grabbed {\n                user-select: none;\n            }\n        }\n        "}}),b=c.forwardRef((function(e,r){var a=o.useMergeProps(),i=c.useContext(n.PrimeReactContext),s=h.getProps(e,i),p=m(c.useState(s.id),2),d=p[0],f=p[1],b=m(c.useState("vertical"),2),v=b[0],g=b[1],y=h.setMetaData({props:s}),w=y.ptm,x=y.cx;t.useHandleStyle(h.css.styles,y.isUnstyled,{name:"scrollpanel"});var D=c.useRef(null),H=c.useRef(null),E=c.useRef(null),S=c.useRef(null),C=m(c.useState(0),2),A=C[0],R=C[1],L=m(c.useState(0),2),O=L[0],j=L[1],P=c.useRef(!1),T=c.useRef(!1),z=c.useRef(null),M=c.useRef(null),N=c.useRef(null),F=c.useRef(null),I=c.useRef(null),U=c.useRef(!1),k=c.useRef(null),B=d+"_content",_=function(){var e=H.current.scrollWidth,r=-1*(D.current.clientHeight-E.current.clientHeight);N.current=H.current.clientWidth/e;var n=H.current.scrollHeight,t=-1*(D.current.clientWidth-S.current.clientWidth);F.current=H.current.clientHeight/n,I.current=window.requestAnimationFrame((function(){N.current>=1?l.DomHandler.addClass(E.current,"p-scrollpanel-hidden"):(l.DomHandler.removeClass(E.current,"p-scrollpanel-hidden"),l.DomHandler.applyStyle(E.current,{width:Math.max(100*N.current,10)+"%",left:H.current.scrollLeft/e*100+"%",bottom:r+"px"})),F.current>=1?l.DomHandler.addClass(S.current,"p-scrollpanel-hidden"):(l.DomHandler.removeClass(S.current,"p-scrollpanel-hidden"),l.DomHandler.applyStyle(S.current,{height:Math.max(100*F.current,10)+"%",top:"calc("+H.current.scrollTop/n*100+"% - "+E.current.clientHeight+"px)",right:t+"px"}))}))},W=function(e){E.current.isSameNode(e.target)?g("horizontal"):S.current.isSameNode(e.target)&&g("vertical")},Y=function(){"horizontal"===v&&g("vertical")},q=function(e){P.current?K(e):(T.current||K(e),X(e))},K=function(e){var r=e.pageX-z.current;z.current=e.pageX,I.current=window.requestAnimationFrame((function(){H.current.scrollLeft+=r/N.current}))},X=function(e){var r=e.pageY-M.current;M.current=e.pageY,I.current=window.requestAnimationFrame((function(){H.current.scrollTop+=r/F.current}))},$=function(e){l.DomHandler.removeClass(S.current,"p-scrollpanel-grabbed"),l.DomHandler.removeClass(E.current,"p-scrollpanel-grabbed"),l.DomHandler.removeClass(document.body,"p-scrollpanel-grabbed"),document.removeEventListener("mousemove",q),document.removeEventListener("mouseup",$),P.current=!1,T.current=!1},G=function(e){if("vertical"===v)switch(e.code){case"ArrowDown":V("scrollTop",s.step),e.preventDefault();break;case"ArrowUp":V("scrollTop",-1*s.step),e.preventDefault();break;case"ArrowLeft":case"ArrowRight":e.preventDefault()}else if("horizontal"===v)switch(e.code){case"ArrowRight":V("scrollLeft",s.step),e.preventDefault();break;case"ArrowLeft":V("scrollLeft",-1*s.step),e.preventDefault();break;case"ArrowDown":case"ArrowUp":e.preventDefault()}},J=function(){Z()},Q=function(e,r){H.current[e]+=r,_()},V=function(e,r){Z(),k.current=setTimeout((function(){Q(e,r)}),40)},Z=function(){k.current&&clearTimeout(k.current)},ee=function(){_()};o.useMountEffect((function(){var e,r,n;s.id||f(l.UniqueComponentId()),_(),window.addEventListener("resize",_),e=getComputedStyle(D.current),r=getComputedStyle(E.current),n=l.DomHandler.getHeight(D.current)-parseInt(r.height,10),"none"!==e["max-height"]&&0===n&&(D.current.style.height=H.current.offsetHeight+parseInt(r.height,10)>parseInt(e["max-height"],10)?e["max-height"]:H.current.offsetHeight+parseFloat(e.paddingTop)+parseFloat(e.paddingBottom)+parseFloat(e.borderTopWidth)+parseFloat(e.borderBottomWidth)+"px"),U.current=!0})),o.useUnmountEffect((function(){U.current&&window.removeEventListener("resize",_),I.current&&window.cancelAnimationFrame(I.current)})),c.useImperativeHandle(r,(function(){return{props:s,refresh:ee,getElement:function(){return D.current},getContent:function(){return H.current},getXBar:function(){return E.current},getYBar:function(){return S.current}}}));var re=a({id:s.id,ref:D,style:s.style,className:l.classNames(s.className,x("root"))},h.getOtherProps(s),w("root")),ne=a({className:x("wrapper")},w("wrapper")),te=a({className:x("content"),onScroll:function(e){A!==e.target.scrollLeft?(R(e.target.scrollLeft),g("horizontal")):O!==e.target.scrollTop&&(j(e.target.scrollTop),g("vertical")),_()},onMouseEnter:_},w("content")),oe=a({ref:E,role:"scrollbar",className:x("barx"),tabIndex:0,"aria-valuenow":O,"aria-controls":B,"aria-orientation":"horizontal",onFocus:W,onBlur:Y,onKeyDown:G,onKeyUp:J,onMouseDown:function(e){P.current=!0,z.current=e.pageX,l.DomHandler.addClass(E.current,"p-scrollpanel-grabbed"),l.DomHandler.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",q),document.addEventListener("mouseup",$),e.preventDefault()}},w("barx")),le=a({ref:S,role:"scrollbar",className:x("bary"),tabIndex:0,"aria-valuenow":A,"aria-controls":B,"aria-orientation":"vertical",onFocus:W,onBlur:Y,onKeyDown:G,onKeyUp:J,onMouseDown:function(e){T.current=!0,M.current=e.pageY,l.DomHandler.addClass(S.current,"p-scrollpanel-grabbed"),l.DomHandler.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",q),document.addEventListener("mouseup",$),e.preventDefault()}},w("bary"));return c.createElement("div",re,c.createElement("div",ne,c.createElement("div",u({ref:H},te),s.children)),c.createElement("div",oe),c.createElement("div",le))}));return b.displayName="ScrollPanel",e.ScrollPanel=b,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);

package/scrolltop/scrolltop.cjs.js

@@ -179,7 +179,7 @@ var ScrollTopBase = componentbase.ComponentBase.extend({
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var ScrollTop = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+var ScrollTop = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var _React$useState = React__namespace.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     visibleState = _React$useState2[0],

package/scrolltop/scrolltop.esm.js

@@ -152,7 +152,7 @@ var ScrollTopBase = ComponentBase.extend({
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var ScrollTop = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+var ScrollTop = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     visibleState = _React$useState2[0],

package/scrolltop/scrolltop.js

@@ -169,7 +169,7 @@ this.primereact.scrolltop = (function (exports, React, PrimeReact, componentbase
 
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-  var ScrollTop = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var ScrollTop = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var _React$useState = React__namespace.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       visibleState = _React$useState2[0],

package/selectbutton/selectbutton.cjs.js

@@ -276,7 +276,7 @@ var SelectButtonItem = /*#__PURE__*/React__namespace.memo(function (props) {
 });
 SelectButtonItem.displayName = 'SelectButtonItem';
 
-var SelectButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+var SelectButton = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(api.PrimeReactContext);
   var props = SelectButtonBase.getProps(inProps, context);

package/selectbutton/selectbutton.esm.js

@@ -252,7 +252,7 @@ var SelectButtonItem = /*#__PURE__*/React.memo(function (props) {
 });
 SelectButtonItem.displayName = 'SelectButtonItem';
 
-var SelectButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+var SelectButton = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = SelectButtonBase.getProps(inProps, context);

package/selectbutton/selectbutton.js

@@ -267,7 +267,7 @@ this.primereact.selectbutton = (function (exports, React, api, componentbase, ho
   });
   SelectButtonItem.displayName = 'SelectButtonItem';
 
-  var SelectButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var SelectButton = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = SelectButtonBase.getProps(inProps, context);

package/sidebar/sidebar.d.ts

@@ -9,6 +9,7 @@
  */
 import * as React from 'react';
 import { CSSTransitionProps as ReactCSSTransitionProps } from 'react-transition-group/CSSTransition';
+import { Button } from '../button/button';
 import { ComponentHooks } from '../componentbase/componentbase';
 import { CSSTransitionProps } from '../csstransition';
 import { PassThroughOptions } from '../passthrough';
@@ -92,7 +93,7 @@ interface ContentProps {
     /**
      * Allows you to specify the close button of the sidebar.
      */
-    closeIconRef: React.RefObject<HTMLButtonElement | HTMLElement>;
+    closeIconRef: React.RefObject<HTMLButtonElement | HTMLElement | Button>;
     /**
      * Callback for hiding the sidebar.
      * @param {React.SyntheticEvent} event - Used to get the event of the element.

package/skeleton/skeleton.cjs.js

@@ -106,7 +106,7 @@ var SkeletonBase = componentbase.ComponentBase.extend({
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Skeleton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+var Skeleton = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(api.PrimeReactContext);
   var props = SkeletonBase.getProps(inProps, context);

package/skeleton/skeleton.esm.js

@@ -82,7 +82,7 @@ var SkeletonBase = ComponentBase.extend({
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Skeleton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+var Skeleton = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = SkeletonBase.getProps(inProps, context);

package/skeleton/skeleton.js

@@ -99,7 +99,7 @@ this.primereact.skeleton = (function (exports, React, api, componentbase, hooks,
 
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-  var Skeleton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var Skeleton = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = SkeletonBase.getProps(inProps, context);

package/slidemenu/slidemenu.cjs.js

@@ -374,6 +374,9 @@ var SlideMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
     return /*#__PURE__*/React__namespace.createElement("li", menuitemProps, content, submenu);
   };
   var createItem = function createItem(item, index) {
+    if (item.visible === false) {
+      return null;
+    }
     return item.separator ? createSeparator(index) : createMenuitem(item, index);
   };
   var createItems = function createItems() {
@@ -396,7 +399,7 @@ SlideMenuSub.displayName = 'SlideMenuSub';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var SlideMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+var SlideMenu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
   var props = SlideMenuBase.getProps(inProps, context);

package/slidemenu/slidemenu.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/csstransition"),i=require("primereact/hooks"),o=require("primereact/icons/chevronleft"),a=require("primereact/overlayservice"),u=require("primereact/portal"),l=require("primereact/utils"),s=require("primereact/icons/angleright");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var m=p(e),d=c(n);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},f.apply(this,arguments)}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function v(e,n){if("object"!==b(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function y(e){var n=v(e,"string");return"symbol"===b(n)?n:String(n)}function g(e,n,t){return(n=y(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function h(e){if(Array.isArray(e))return e}function O(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,a,u=[],l=!0,s=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=o.call(t)).done)&&(u.push(r.value),u.length!==n);l=!0);}catch(e){s=!0,i=e}finally{try{if(!l&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(s)throw i}}return u}}function w(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 S(e,n){if(e){if("string"==typeof e)return w(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)?w(e,n):void 0}}function E(){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 x(e,n){return h(e)||O(e,n)||S(e,n)||E()}var I=t.ComponentBase.extend({defaultProps:{__TYPE:"SlideMenu",appendTo:null,autoZIndex:!0,backIcon:null,backLabel:"Back",baseZIndex:0,className:null,easing:"ease-out",effectDuration:250,id:null,menuWidth:190,model:null,onHide:null,onShow:null,onNavigate:null,popup:!1,style:null,submenuIcon:null,transitionOptions:null,viewportHeight:175,children:void 0,closeOnEscape:!0},css:{classes:{previousIcon:"p-slidemenu-backward-icon",previous:function(e){var n=e.levelState;return l.classNames("p-slidemenu-backward",{"p-hidden-space":0===n,"p-slidemenu-separator":n>0})},root:function(e){return l.classNames("p-slidemenu p-component",{"p-slidemenu-overlay":e.props.popup})},wrapper:"p-slidemenu-wrapper",content:"p-slidemenu-content",separator:"p-slidemenu-separator",icon:"p-menuitem-icon",submenuIcon:"p-submenu-icon",label:"p-menuitem-text",action:"p-menuitem-link",menu:function(e){var n=e.subProps;return l.classNames({"p-slidemenu-rootlist":n.root,"p-submenu-list":!n.root,"p-active-submenu":n.parentActive})},menuitem:function(e){var n=e.item;return l.classNames("p-menuitem",{"p-menuitem-active":e.active,"p-disabled":n.disabled},n.className)},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-slidemenu {\n        width: 12.5em;\n    }\n    \n    .p-slidemenu.p-slidemenu-overlay {\n        position: absolute;\n    }\n    \n    .p-slidemenu .p-menu-separator {\n        border-width: 1px 0 0 0;\n    }\n    \n    .p-slidemenu ul {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n    }\n    \n    .p-slidemenu .p-slidemenu-rootlist {\n        position: absolute;\n        top: 0;\n    }\n    \n    .p-slidemenu .p-submenu-list {\n        display: none;\n        position: absolute;\n        top: 0;\n        width: 12.5em;\n    }\n    \n    .p-slidemenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n    }\n    \n    .p-slidemenu .p-menuitem-icon {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem-text {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem {\n        position: relative;\n    }\n    \n    .p-slidemenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n    \n    .p-slidemenu .p-slidemenu-wrapper {\n        position: relative;\n    }\n    \n    .p-slidemenu .p-slidemenu-content {\n        overflow-x: hidden;\n        overflow-y: auto;\n        position: relative;\n        height: 100%;\n    }\n    \n    .p-slidemenu-backward {\n        bottom: 0;\n        width: 100%;\n        padding: 0.25em;\n        cursor: pointer;\n    }\n    \n    .p-slidemenu-backward .p-slidemenu-backward-icon {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu-backward span {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem-active {\n        position: static;\n    }\n    \n    .p-slidemenu .p-menuitem-active > .p-submenu-list {\n        display: block;\n    }\n}\n",inlineStyles:{menu:function(e){var n=e.subProps;return{width:n.menuWidth+"px",left:n.root?-1*n.level*n.menuWidth+"px":n.menuWidth+"px",transitionProperty:n.root?"left":"none",transitionDuration:n.effectDuration+"ms",transitionTimingFunction:n.easing}}}}});function P(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function N(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?P(Object(t),!0).forEach((function(n){g(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var j=m.memo((function(e){var n=x(m.useState(null),2),t=n[0],r=n[1],o=x(m.useState({}),2),a=o[0],u=o[1],c=i.useMergeProps(),p=e.ptm,d=e.cx,f=e.sx,b=function(n,r){return p(r,{hostName:e.hostName,context:{active:t===n}})},v=function(n,t,i){if(t.disabled)n.preventDefault();else{if(t.command&&t.command({originalEvent:n,item:t}),t.items){var o=O(t,i);u(N(N({},a),{},g({},o,!0))),r(t),e.onForward()}t.url||(n.preventDefault(),n.stopPropagation())}},y=function(n){var t=e.id+"_sep_"+n,r=c({id:t,key:t,className:d("separator"),role:"separator"},p("separator",{hostName:e.hostName}));return m.createElement("li",r)},h=function(n,r){var i=a[O(n,r)];return n.items&&i?m.createElement(j,{id:e.id+"_"+r,menuProps:e.menuProps,model:n.items,index:e.index+1,menuWidth:e.menuWidth,effectDuration:e.effectDuration,onForward:e.onForward,parentActive:n===t,submenuIcon:e.submenuIcon,ptm:p,cx:d,sx:f}):null},O=function(n,t){return n.id||e.id+"_"+t},w=function(n,r){if(!1===n.visible)return null;var i=O(n,r),o=t===n,a=l.classNames("p-menuitem-icon",n.icon),u=c({className:d("icon")},b(n,"icon")),p=l.IconUtils.getJSXIcon(n.icon,N({},u),{props:e.menuProps}),f=c({className:d("submenuIcon")},b(n,"submenuIcon")),y=c({className:d("label")},b(n,"label")),g=n.items&&l.IconUtils.getJSXIcon(e.submenuIcon||m.createElement(s.AngleRightIcon,f),N({},f),{props:e}),w=n.label&&m.createElement("span",y,n.label),S=h(n,r),E=c({href:n.url||"#",className:d("action"),target:n.target,onClick:function(e){return v(e,n,r)},"aria-disabled":n.disabled},b(n,"action")),x=m.createElement("a",E,p,w,g);n.template&&(x=l.ObjectUtils.getJSXElement(n.template,n,{onClick:function(e){return v(e,n,r)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:a,submenuIconClassName:"p-submenu-icon",element:x,props:e,active:o}));var I=c({id:i,key:i,className:d("menuitem",{active:o,item:n}),style:n.style},b(n,"menuitem"));return m.createElement("li",I,x,S)},S=e.model?e.model.map((function(e,n){return e.separator?y(n):w(e,n)})):null,E=c({className:d("menu",{subProps:e}),style:f("menu",{subProps:e})},p("menu",{hostName:e.hostName}));return m.createElement("ul",E,S)}));function k(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function D(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?k(Object(t),!0).forEach((function(n){g(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):k(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}j.displayName="SlideMenuSub";var C=m.memo(m.forwardRef((function(e,s){var c=i.useMergeProps(),p=m.useContext(n.PrimeReactContext),b=I.getProps(e,p),v=x(m.useState(b.id),2),y=v[0],g=v[1],h=x(m.useState(0),2),O=h[0],w=h[1],S=x(m.useState(!1),2),E=S[0],P=S[1],N=I.setMetaData({props:b,state:{id:y,visible:E,level:O}}),k=N.ptm,C=N.cx,U=N.sx;t.useHandleStyle(I.css.styles,N.isUnstyled,{name:"slidemenu"});var _=m.useRef(null),M=m.useRef(null),q=m.useRef(null),A=m.useRef(null),T=E&&b.popup&&b.closeOnEscape,H=i.useDisplayOrder("slide-menu",T);i.useGlobalOnEscapeKey({callback:function(e){z(e)},when:T&&H,priority:[i.ESC_KEY_HANDLING_PRIORITIES.SLIDE_MENU,H]});var R=x(i.useOverlayListener({target:M,overlay:_,listener:function(e,n){n.valid&&z(e)},when:E}),2),Z=R[0],L=R[1],W=function(){w((function(e){return e+1}))},F=function(){w((function(e){return e-1}))},J=function(e){b.popup&&(E?z(e):X(e))},X=function(e){M.current=e.currentTarget,P(!0),b.onShow&&b.onShow(e)},z=function(e){M.current=e.currentTarget,P(!1),b.onHide&&b.onHide(e)},B=function(){b.autoZIndex&&l.ZIndexUtils.set("menu",_.current,p&&p.autoZIndex||d.default.autoZIndex,b.baseZIndex||p&&p.zIndex.menu||d.default.zIndex.menu),l.DomHandler.addStyles(_.current,{position:"absolute",top:"0",left:"0"}),l.DomHandler.absolutePosition(_.current,M.current)},G=function(){Z()},K=function(){M.current=null,L()},Y=function(){l.ZIndexUtils.clear(_.current),w(0)};i.useMountEffect((function(){y||g(l.UniqueComponentId())})),i.useUpdateEffect((function(){w(0)}),[b.model]),i.useUpdateEffect((function(){b.onNavigate&&b.onNavigate({level:O})}),[O]),i.useUnmountEffect((function(){l.ZIndexUtils.clear(_.current)})),m.useImperativeHandle(s,(function(){return{props:b,toggle:J,show:X,hide:z,navigateForward:W,navigateBack:F,setLevelState:w,getElement:function(){return _.current}}}));var $=function(){var e=c({className:C("previousIcon")},k("previousIcon")),n=l.IconUtils.getJSXIcon(b.backIcon||m.createElement(o.ChevronLeftIcon,e),D({},e),{props:b}),t=c(k("previousLabel")),r=c({ref:q,className:C("previous",{levelState:O}),onClick:function(e){return F()}},k("previous"));return m.createElement("div",r,n,m.createElement("span",t,b.backLabel))},Q=function(){var e={height:b.viewportHeight+"px"},n=$(),t=c({ref:_,id:b.id,className:l.classNames(b.className,C("root")),style:b.style,onClick:function(e){return n=e,void(b.popup&&a.OverlayService.emit("overlay-click",{originalEvent:n,target:M.current}));var n}},I.getOtherProps(b),k("root")),i=c({className:C("wrapper"),style:e},k("wrapper")),o=c({ref:A,className:C("content")},k("content")),u=c({classNames:C("transition"),in:!b.popup||E,timeout:{enter:120,exit:100},options:b.transitionOptions,unmountOnExit:!0,onEnter:B,onEntered:G,onExit:K,onExited:Y},k("transition"));return m.createElement(r.CSSTransition,f({nodeRef:_},u),m.createElement("div",t,m.createElement("div",i,m.createElement("div",o,m.createElement(j,{id:y,hostName:"SlideMenu",menuProps:b,model:b.model,root:!0,index:0,menuWidth:b.menuWidth,effectDuration:b.effectDuration,level:O,parentActive:0===O,onForward:W,submenuIcon:b.submenuIcon,ptm:k,cx:C,sx:U}))),n))}();return b.popup?m.createElement(u.Portal,{element:Q,appendTo:b.appendTo}):Q})));C.displayName="SlideMenu",exports.SlideMenu=C;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/csstransition"),i=require("primereact/hooks"),o=require("primereact/icons/chevronleft"),a=require("primereact/overlayservice"),u=require("primereact/portal"),l=require("primereact/utils"),s=require("primereact/icons/angleright");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var m=p(e),d=c(n);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},f.apply(this,arguments)}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function v(e,n){if("object"!==b(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function y(e){var n=v(e,"string");return"symbol"===b(n)?n:String(n)}function g(e,n,t){return(n=y(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function h(e){if(Array.isArray(e))return e}function O(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,a,u=[],l=!0,s=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=o.call(t)).done)&&(u.push(r.value),u.length!==n);l=!0);}catch(e){s=!0,i=e}finally{try{if(!l&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(s)throw i}}return u}}function w(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 S(e,n){if(e){if("string"==typeof e)return w(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)?w(e,n):void 0}}function E(){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 x(e,n){return h(e)||O(e,n)||S(e,n)||E()}var I=t.ComponentBase.extend({defaultProps:{__TYPE:"SlideMenu",appendTo:null,autoZIndex:!0,backIcon:null,backLabel:"Back",baseZIndex:0,className:null,easing:"ease-out",effectDuration:250,id:null,menuWidth:190,model:null,onHide:null,onShow:null,onNavigate:null,popup:!1,style:null,submenuIcon:null,transitionOptions:null,viewportHeight:175,children:void 0,closeOnEscape:!0},css:{classes:{previousIcon:"p-slidemenu-backward-icon",previous:function(e){var n=e.levelState;return l.classNames("p-slidemenu-backward",{"p-hidden-space":0===n,"p-slidemenu-separator":n>0})},root:function(e){return l.classNames("p-slidemenu p-component",{"p-slidemenu-overlay":e.props.popup})},wrapper:"p-slidemenu-wrapper",content:"p-slidemenu-content",separator:"p-slidemenu-separator",icon:"p-menuitem-icon",submenuIcon:"p-submenu-icon",label:"p-menuitem-text",action:"p-menuitem-link",menu:function(e){var n=e.subProps;return l.classNames({"p-slidemenu-rootlist":n.root,"p-submenu-list":!n.root,"p-active-submenu":n.parentActive})},menuitem:function(e){var n=e.item;return l.classNames("p-menuitem",{"p-menuitem-active":e.active,"p-disabled":n.disabled},n.className)},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-slidemenu {\n        width: 12.5em;\n    }\n    \n    .p-slidemenu.p-slidemenu-overlay {\n        position: absolute;\n    }\n    \n    .p-slidemenu .p-menu-separator {\n        border-width: 1px 0 0 0;\n    }\n    \n    .p-slidemenu ul {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n    }\n    \n    .p-slidemenu .p-slidemenu-rootlist {\n        position: absolute;\n        top: 0;\n    }\n    \n    .p-slidemenu .p-submenu-list {\n        display: none;\n        position: absolute;\n        top: 0;\n        width: 12.5em;\n    }\n    \n    .p-slidemenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n    }\n    \n    .p-slidemenu .p-menuitem-icon {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem-text {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem {\n        position: relative;\n    }\n    \n    .p-slidemenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n    \n    .p-slidemenu .p-slidemenu-wrapper {\n        position: relative;\n    }\n    \n    .p-slidemenu .p-slidemenu-content {\n        overflow-x: hidden;\n        overflow-y: auto;\n        position: relative;\n        height: 100%;\n    }\n    \n    .p-slidemenu-backward {\n        bottom: 0;\n        width: 100%;\n        padding: 0.25em;\n        cursor: pointer;\n    }\n    \n    .p-slidemenu-backward .p-slidemenu-backward-icon {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu-backward span {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem-active {\n        position: static;\n    }\n    \n    .p-slidemenu .p-menuitem-active > .p-submenu-list {\n        display: block;\n    }\n}\n",inlineStyles:{menu:function(e){var n=e.subProps;return{width:n.menuWidth+"px",left:n.root?-1*n.level*n.menuWidth+"px":n.menuWidth+"px",transitionProperty:n.root?"left":"none",transitionDuration:n.effectDuration+"ms",transitionTimingFunction:n.easing}}}}});function P(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function N(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?P(Object(t),!0).forEach((function(n){g(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var j=m.memo((function(e){var n=x(m.useState(null),2),t=n[0],r=n[1],o=x(m.useState({}),2),a=o[0],u=o[1],c=i.useMergeProps(),p=e.ptm,d=e.cx,f=e.sx,b=function(n,r){return p(r,{hostName:e.hostName,context:{active:t===n}})},v=function(n,t,i){if(t.disabled)n.preventDefault();else{if(t.command&&t.command({originalEvent:n,item:t}),t.items){var o=O(t,i);u(N(N({},a),{},g({},o,!0))),r(t),e.onForward()}t.url||(n.preventDefault(),n.stopPropagation())}},y=function(n){var t=e.id+"_sep_"+n,r=c({id:t,key:t,className:d("separator"),role:"separator"},p("separator",{hostName:e.hostName}));return m.createElement("li",r)},h=function(n,r){var i=a[O(n,r)];return n.items&&i?m.createElement(j,{id:e.id+"_"+r,menuProps:e.menuProps,model:n.items,index:e.index+1,menuWidth:e.menuWidth,effectDuration:e.effectDuration,onForward:e.onForward,parentActive:n===t,submenuIcon:e.submenuIcon,ptm:p,cx:d,sx:f}):null},O=function(n,t){return n.id||e.id+"_"+t},w=function(n,r){if(!1===n.visible)return null;var i=O(n,r),o=t===n,a=l.classNames("p-menuitem-icon",n.icon),u=c({className:d("icon")},b(n,"icon")),p=l.IconUtils.getJSXIcon(n.icon,N({},u),{props:e.menuProps}),f=c({className:d("submenuIcon")},b(n,"submenuIcon")),y=c({className:d("label")},b(n,"label")),g=n.items&&l.IconUtils.getJSXIcon(e.submenuIcon||m.createElement(s.AngleRightIcon,f),N({},f),{props:e}),w=n.label&&m.createElement("span",y,n.label),S=h(n,r),E=c({href:n.url||"#",className:d("action"),target:n.target,onClick:function(e){return v(e,n,r)},"aria-disabled":n.disabled},b(n,"action")),x=m.createElement("a",E,p,w,g);n.template&&(x=l.ObjectUtils.getJSXElement(n.template,n,{onClick:function(e){return v(e,n,r)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:a,submenuIconClassName:"p-submenu-icon",element:x,props:e,active:o}));var I=c({id:i,key:i,className:d("menuitem",{active:o,item:n}),style:n.style},b(n,"menuitem"));return m.createElement("li",I,x,S)},S=e.model?e.model.map((function(e,n){return!1===e.visible?null:e.separator?y(n):w(e,n)})):null,E=c({className:d("menu",{subProps:e}),style:f("menu",{subProps:e})},p("menu",{hostName:e.hostName}));return m.createElement("ul",E,S)}));function k(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function D(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?k(Object(t),!0).forEach((function(n){g(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):k(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}j.displayName="SlideMenuSub";var C=m.memo(m.forwardRef((function(e,s){var c=i.useMergeProps(),p=m.useContext(n.PrimeReactContext),b=I.getProps(e,p),v=x(m.useState(b.id),2),y=v[0],g=v[1],h=x(m.useState(0),2),O=h[0],w=h[1],S=x(m.useState(!1),2),E=S[0],P=S[1],N=I.setMetaData({props:b,state:{id:y,visible:E,level:O}}),k=N.ptm,C=N.cx,U=N.sx;t.useHandleStyle(I.css.styles,N.isUnstyled,{name:"slidemenu"});var _=m.useRef(null),M=m.useRef(null),q=m.useRef(null),A=m.useRef(null),T=E&&b.popup&&b.closeOnEscape,H=i.useDisplayOrder("slide-menu",T);i.useGlobalOnEscapeKey({callback:function(e){z(e)},when:T&&H,priority:[i.ESC_KEY_HANDLING_PRIORITIES.SLIDE_MENU,H]});var R=x(i.useOverlayListener({target:M,overlay:_,listener:function(e,n){n.valid&&z(e)},when:E}),2),Z=R[0],L=R[1],W=function(){w((function(e){return e+1}))},F=function(){w((function(e){return e-1}))},J=function(e){b.popup&&(E?z(e):X(e))},X=function(e){M.current=e.currentTarget,P(!0),b.onShow&&b.onShow(e)},z=function(e){M.current=e.currentTarget,P(!1),b.onHide&&b.onHide(e)},B=function(){b.autoZIndex&&l.ZIndexUtils.set("menu",_.current,p&&p.autoZIndex||d.default.autoZIndex,b.baseZIndex||p&&p.zIndex.menu||d.default.zIndex.menu),l.DomHandler.addStyles(_.current,{position:"absolute",top:"0",left:"0"}),l.DomHandler.absolutePosition(_.current,M.current)},G=function(){Z()},K=function(){M.current=null,L()},Y=function(){l.ZIndexUtils.clear(_.current),w(0)};i.useMountEffect((function(){y||g(l.UniqueComponentId())})),i.useUpdateEffect((function(){w(0)}),[b.model]),i.useUpdateEffect((function(){b.onNavigate&&b.onNavigate({level:O})}),[O]),i.useUnmountEffect((function(){l.ZIndexUtils.clear(_.current)})),m.useImperativeHandle(s,(function(){return{props:b,toggle:J,show:X,hide:z,navigateForward:W,navigateBack:F,setLevelState:w,getElement:function(){return _.current}}}));var $=function(){var e=c({className:C("previousIcon")},k("previousIcon")),n=l.IconUtils.getJSXIcon(b.backIcon||m.createElement(o.ChevronLeftIcon,e),D({},e),{props:b}),t=c(k("previousLabel")),r=c({ref:q,className:C("previous",{levelState:O}),onClick:function(e){return F()}},k("previous"));return m.createElement("div",r,n,m.createElement("span",t,b.backLabel))},Q=function(){var e={height:b.viewportHeight+"px"},n=$(),t=c({ref:_,id:b.id,className:l.classNames(b.className,C("root")),style:b.style,onClick:function(e){return n=e,void(b.popup&&a.OverlayService.emit("overlay-click",{originalEvent:n,target:M.current}));var n}},I.getOtherProps(b),k("root")),i=c({className:C("wrapper"),style:e},k("wrapper")),o=c({ref:A,className:C("content")},k("content")),u=c({classNames:C("transition"),in:!b.popup||E,timeout:{enter:120,exit:100},options:b.transitionOptions,unmountOnExit:!0,onEnter:B,onEntered:G,onExit:K,onExited:Y},k("transition"));return m.createElement(r.CSSTransition,f({nodeRef:_},u),m.createElement("div",t,m.createElement("div",i,m.createElement("div",o,m.createElement(j,{id:y,hostName:"SlideMenu",menuProps:b,model:b.model,root:!0,index:0,menuWidth:b.menuWidth,effectDuration:b.effectDuration,level:O,parentActive:0===O,onForward:W,submenuIcon:b.submenuIcon,ptm:k,cx:C,sx:U}))),n))}();return b.popup?m.createElement(u.Portal,{element:Q,appendTo:b.appendTo}):Q})));C.displayName="SlideMenu",exports.SlideMenu=C;

package/slidemenu/slidemenu.esm.js

@@ -347,6 +347,9 @@ var SlideMenuSub = /*#__PURE__*/React.memo(function (props) {
     return /*#__PURE__*/React.createElement("li", menuitemProps, content, submenu);
   };
   var createItem = function createItem(item, index) {
+    if (item.visible === false) {
+      return null;
+    }
     return item.separator ? createSeparator(index) : createMenuitem(item, index);
   };
   var createItems = function createItems() {
@@ -369,7 +372,7 @@ SlideMenuSub.displayName = 'SlideMenuSub';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var SlideMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+var SlideMenu = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = SlideMenuBase.getProps(inProps, context);

package/slidemenu/slidemenu.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import n,{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as o}from"primereact/componentbase";import{CSSTransition as i}from"primereact/csstransition";import{useMergeProps as a,useDisplayOrder as u,useGlobalOnEscapeKey as l,ESC_KEY_HANDLING_PRIORITIES as s,useOverlayListener as c,useMountEffect as p,useUpdateEffect as m,useUnmountEffect as d}from"primereact/hooks";import{ChevronLeftIcon as f}from"primereact/icons/chevronleft";import{OverlayService as b}from"primereact/overlayservice";import{Portal as v}from"primereact/portal";import{classNames as y,IconUtils as g,ObjectUtils as h,UniqueComponentId as w,ZIndexUtils as O,DomHandler as S}from"primereact/utils";import{AngleRightIcon as x}from"primereact/icons/angleright";function E(){return E=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},E.apply(this,arguments)}function P(e){return P="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},P(e)}function N(e,n){if("object"!==P(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==P(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function j(e){var n=N(e,"string");return"symbol"===P(n)?n:String(n)}function I(e,n,t){return(n=j(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function k(e){if(Array.isArray(e))return e}function D(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,a,u=[],l=!0,s=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=i.call(t)).done)&&(u.push(r.value),u.length!==n);l=!0);}catch(e){s=!0,o=e}finally{try{if(!l&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(s)throw o}}return u}}function A(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 C(e,n){if(e){if("string"==typeof e)return A(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)?A(e,n):void 0}}function T(){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 W(e,n){return k(e)||D(e,n)||C(e,n)||T()}var M=r.extend({defaultProps:{__TYPE:"SlideMenu",appendTo:null,autoZIndex:!0,backIcon:null,backLabel:"Back",baseZIndex:0,className:null,easing:"ease-out",effectDuration:250,id:null,menuWidth:190,model:null,onHide:null,onShow:null,onNavigate:null,popup:!1,style:null,submenuIcon:null,transitionOptions:null,viewportHeight:175,children:void 0,closeOnEscape:!0},css:{classes:{previousIcon:"p-slidemenu-backward-icon",previous:function(e){var n=e.levelState;return y("p-slidemenu-backward",{"p-hidden-space":0===n,"p-slidemenu-separator":n>0})},root:function(e){return y("p-slidemenu p-component",{"p-slidemenu-overlay":e.props.popup})},wrapper:"p-slidemenu-wrapper",content:"p-slidemenu-content",separator:"p-slidemenu-separator",icon:"p-menuitem-icon",submenuIcon:"p-submenu-icon",label:"p-menuitem-text",action:"p-menuitem-link",menu:function(e){var n=e.subProps;return y({"p-slidemenu-rootlist":n.root,"p-submenu-list":!n.root,"p-active-submenu":n.parentActive})},menuitem:function(e){var n=e.item;return y("p-menuitem",{"p-menuitem-active":e.active,"p-disabled":n.disabled},n.className)},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-slidemenu {\n        width: 12.5em;\n    }\n    \n    .p-slidemenu.p-slidemenu-overlay {\n        position: absolute;\n    }\n    \n    .p-slidemenu .p-menu-separator {\n        border-width: 1px 0 0 0;\n    }\n    \n    .p-slidemenu ul {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n    }\n    \n    .p-slidemenu .p-slidemenu-rootlist {\n        position: absolute;\n        top: 0;\n    }\n    \n    .p-slidemenu .p-submenu-list {\n        display: none;\n        position: absolute;\n        top: 0;\n        width: 12.5em;\n    }\n    \n    .p-slidemenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n    }\n    \n    .p-slidemenu .p-menuitem-icon {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem-text {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem {\n        position: relative;\n    }\n    \n    .p-slidemenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n    \n    .p-slidemenu .p-slidemenu-wrapper {\n        position: relative;\n    }\n    \n    .p-slidemenu .p-slidemenu-content {\n        overflow-x: hidden;\n        overflow-y: auto;\n        position: relative;\n        height: 100%;\n    }\n    \n    .p-slidemenu-backward {\n        bottom: 0;\n        width: 100%;\n        padding: 0.25em;\n        cursor: pointer;\n    }\n    \n    .p-slidemenu-backward .p-slidemenu-backward-icon {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu-backward span {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem-active {\n        position: static;\n    }\n    \n    .p-slidemenu .p-menuitem-active > .p-submenu-list {\n        display: block;\n    }\n}\n",inlineStyles:{menu:function(e){var n=e.subProps;return{width:n.menuWidth+"px",left:n.root?-1*n.level*n.menuWidth+"px":n.menuWidth+"px",transitionProperty:n.root?"left":"none",transitionDuration:n.effectDuration+"ms",transitionTimingFunction:n.easing}}}}});function _(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function F(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?_(Object(t),!0).forEach((function(n){I(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):_(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var H=e.memo((function(n){var t=W(e.useState(null),2),r=t[0],o=t[1],i=W(e.useState({}),2),u=i[0],l=i[1],s=a(),c=n.ptm,p=n.cx,m=n.sx,d=function(e,t){return c(t,{hostName:n.hostName,context:{active:r===e}})},f=function(e,t,r){if(t.disabled)e.preventDefault();else{if(t.command&&t.command({originalEvent:e,item:t}),t.items){var i=w(t,r);l(F(F({},u),{},I({},i,!0))),o(t),n.onForward()}t.url||(e.preventDefault(),e.stopPropagation())}},b=function(t){var r=n.id+"_sep_"+t,o=s({id:r,key:r,className:p("separator"),role:"separator"},c("separator",{hostName:n.hostName}));return e.createElement("li",o)},v=function(t,o){var i=u[w(t,o)];return t.items&&i?e.createElement(H,{id:n.id+"_"+o,menuProps:n.menuProps,model:t.items,index:n.index+1,menuWidth:n.menuWidth,effectDuration:n.effectDuration,onForward:n.onForward,parentActive:t===r,submenuIcon:n.submenuIcon,ptm:c,cx:p,sx:m}):null},w=function(e,t){return e.id||n.id+"_"+t},O=function(t,o){if(!1===t.visible)return null;var i=w(t,o),a=r===t,u=y("p-menuitem-icon",t.icon),l=s({className:p("icon")},d(t,"icon")),c=g.getJSXIcon(t.icon,F({},l),{props:n.menuProps}),m=s({className:p("submenuIcon")},d(t,"submenuIcon")),b=s({className:p("label")},d(t,"label")),O=t.items&&g.getJSXIcon(n.submenuIcon||e.createElement(x,m),F({},m),{props:n}),S=t.label&&e.createElement("span",b,t.label),E=v(t,o),P=s({href:t.url||"#",className:p("action"),target:t.target,onClick:function(e){return f(e,t,o)},"aria-disabled":t.disabled},d(t,"action")),N=e.createElement("a",P,c,S,O);t.template&&(N=h.getJSXElement(t.template,t,{onClick:function(e){return f(e,t,o)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:u,submenuIconClassName:"p-submenu-icon",element:N,props:n,active:a}));var j=s({id:i,key:i,className:p("menuitem",{active:a,item:t}),style:t.style},d(t,"menuitem"));return e.createElement("li",j,N,E)},S=n.model?n.model.map((function(e,n){return e.separator?b(n):O(e,n)})):null,E=s({className:p("menu",{subProps:n}),style:m("menu",{subProps:n})},c("menu",{hostName:n.hostName}));return e.createElement("ul",E,S)}));function R(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function Z(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?R(Object(t),!0).forEach((function(n){I(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):R(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}H.displayName="SlideMenuSub";var L=e.memo(e.forwardRef((function(r,h){var x=a(),P=e.useContext(t),N=M.getProps(r,P),j=W(e.useState(N.id),2),I=j[0],k=j[1],D=W(e.useState(0),2),A=D[0],C=D[1],T=W(e.useState(!1),2),_=T[0],F=T[1],R=M.setMetaData({props:N,state:{id:I,visible:_,level:A}}),L=R.ptm,J=R.cx,X=R.sx;o(M.css.styles,R.isUnstyled,{name:"slidemenu"});var U=e.useRef(null),z=e.useRef(null),B=e.useRef(null),Y=e.useRef(null),$=_&&N.popup&&N.closeOnEscape,q=u("slide-menu",$);l({callback:function(e){re(e)},when:$&&q,priority:[s.SLIDE_MENU,q]});var G=W(c({target:z,overlay:U,listener:function(e,n){n.valid&&re(e)},when:_}),2),K=G[0],Q=G[1],V=function(){C((function(e){return e+1}))},ee=function(){C((function(e){return e-1}))},ne=function(e){N.popup&&(_?re(e):te(e))},te=function(e){z.current=e.currentTarget,F(!0),N.onShow&&N.onShow(e)},re=function(e){z.current=e.currentTarget,F(!1),N.onHide&&N.onHide(e)},oe=function(){N.autoZIndex&&O.set("menu",U.current,P&&P.autoZIndex||n.autoZIndex,N.baseZIndex||P&&P.zIndex.menu||n.zIndex.menu),S.addStyles(U.current,{position:"absolute",top:"0",left:"0"}),S.absolutePosition(U.current,z.current)},ie=function(){K()},ae=function(){z.current=null,Q()},ue=function(){O.clear(U.current),C(0)};p((function(){I||k(w())})),m((function(){C(0)}),[N.model]),m((function(){N.onNavigate&&N.onNavigate({level:A})}),[A]),d((function(){O.clear(U.current)})),e.useImperativeHandle(h,(function(){return{props:N,toggle:ne,show:te,hide:re,navigateForward:V,navigateBack:ee,setLevelState:C,getElement:function(){return U.current}}}));var le=function(){var n=x({className:J("previousIcon")},L("previousIcon")),t=g.getJSXIcon(N.backIcon||e.createElement(f,n),Z({},n),{props:N}),r=x(L("previousLabel")),o=x({ref:B,className:J("previous",{levelState:A}),onClick:function(e){return ee()}},L("previous"));return e.createElement("div",o,t,e.createElement("span",r,N.backLabel))},se=function(){var n={height:N.viewportHeight+"px"},t=le(),r=x({ref:U,id:N.id,className:y(N.className,J("root")),style:N.style,onClick:function(e){return n=e,void(N.popup&&b.emit("overlay-click",{originalEvent:n,target:z.current}));var n}},M.getOtherProps(N),L("root")),o=x({className:J("wrapper"),style:n},L("wrapper")),a=x({ref:Y,className:J("content")},L("content")),u=x({classNames:J("transition"),in:!N.popup||_,timeout:{enter:120,exit:100},options:N.transitionOptions,unmountOnExit:!0,onEnter:oe,onEntered:ie,onExit:ae,onExited:ue},L("transition"));return e.createElement(i,E({nodeRef:U},u),e.createElement("div",r,e.createElement("div",o,e.createElement("div",a,e.createElement(H,{id:I,hostName:"SlideMenu",menuProps:N,model:N.model,root:!0,index:0,menuWidth:N.menuWidth,effectDuration:N.effectDuration,level:A,parentActive:0===A,onForward:V,submenuIcon:N.submenuIcon,ptm:L,cx:J,sx:X}))),t))}();return N.popup?e.createElement(v,{element:se,appendTo:N.appendTo}):se})));L.displayName="SlideMenu";export{L as SlideMenu};
+import*as e from"react";import n,{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as o}from"primereact/componentbase";import{CSSTransition as i}from"primereact/csstransition";import{useMergeProps as a,useDisplayOrder as u,useGlobalOnEscapeKey as l,ESC_KEY_HANDLING_PRIORITIES as s,useOverlayListener as c,useMountEffect as p,useUpdateEffect as m,useUnmountEffect as d}from"primereact/hooks";import{ChevronLeftIcon as f}from"primereact/icons/chevronleft";import{OverlayService as b}from"primereact/overlayservice";import{Portal as v}from"primereact/portal";import{classNames as y,IconUtils as g,ObjectUtils as h,UniqueComponentId as w,ZIndexUtils as O,DomHandler as S}from"primereact/utils";import{AngleRightIcon as x}from"primereact/icons/angleright";function E(){return E=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},E.apply(this,arguments)}function P(e){return P="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},P(e)}function N(e,n){if("object"!==P(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==P(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function j(e){var n=N(e,"string");return"symbol"===P(n)?n:String(n)}function I(e,n,t){return(n=j(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function k(e){if(Array.isArray(e))return e}function D(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,a,u=[],l=!0,s=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=i.call(t)).done)&&(u.push(r.value),u.length!==n);l=!0);}catch(e){s=!0,o=e}finally{try{if(!l&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(s)throw o}}return u}}function A(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 C(e,n){if(e){if("string"==typeof e)return A(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)?A(e,n):void 0}}function T(){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 W(e,n){return k(e)||D(e,n)||C(e,n)||T()}var M=r.extend({defaultProps:{__TYPE:"SlideMenu",appendTo:null,autoZIndex:!0,backIcon:null,backLabel:"Back",baseZIndex:0,className:null,easing:"ease-out",effectDuration:250,id:null,menuWidth:190,model:null,onHide:null,onShow:null,onNavigate:null,popup:!1,style:null,submenuIcon:null,transitionOptions:null,viewportHeight:175,children:void 0,closeOnEscape:!0},css:{classes:{previousIcon:"p-slidemenu-backward-icon",previous:function(e){var n=e.levelState;return y("p-slidemenu-backward",{"p-hidden-space":0===n,"p-slidemenu-separator":n>0})},root:function(e){return y("p-slidemenu p-component",{"p-slidemenu-overlay":e.props.popup})},wrapper:"p-slidemenu-wrapper",content:"p-slidemenu-content",separator:"p-slidemenu-separator",icon:"p-menuitem-icon",submenuIcon:"p-submenu-icon",label:"p-menuitem-text",action:"p-menuitem-link",menu:function(e){var n=e.subProps;return y({"p-slidemenu-rootlist":n.root,"p-submenu-list":!n.root,"p-active-submenu":n.parentActive})},menuitem:function(e){var n=e.item;return y("p-menuitem",{"p-menuitem-active":e.active,"p-disabled":n.disabled},n.className)},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-slidemenu {\n        width: 12.5em;\n    }\n    \n    .p-slidemenu.p-slidemenu-overlay {\n        position: absolute;\n    }\n    \n    .p-slidemenu .p-menu-separator {\n        border-width: 1px 0 0 0;\n    }\n    \n    .p-slidemenu ul {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n    }\n    \n    .p-slidemenu .p-slidemenu-rootlist {\n        position: absolute;\n        top: 0;\n    }\n    \n    .p-slidemenu .p-submenu-list {\n        display: none;\n        position: absolute;\n        top: 0;\n        width: 12.5em;\n    }\n    \n    .p-slidemenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n    }\n    \n    .p-slidemenu .p-menuitem-icon {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem-text {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem {\n        position: relative;\n    }\n    \n    .p-slidemenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n    \n    .p-slidemenu .p-slidemenu-wrapper {\n        position: relative;\n    }\n    \n    .p-slidemenu .p-slidemenu-content {\n        overflow-x: hidden;\n        overflow-y: auto;\n        position: relative;\n        height: 100%;\n    }\n    \n    .p-slidemenu-backward {\n        bottom: 0;\n        width: 100%;\n        padding: 0.25em;\n        cursor: pointer;\n    }\n    \n    .p-slidemenu-backward .p-slidemenu-backward-icon {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu-backward span {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem-active {\n        position: static;\n    }\n    \n    .p-slidemenu .p-menuitem-active > .p-submenu-list {\n        display: block;\n    }\n}\n",inlineStyles:{menu:function(e){var n=e.subProps;return{width:n.menuWidth+"px",left:n.root?-1*n.level*n.menuWidth+"px":n.menuWidth+"px",transitionProperty:n.root?"left":"none",transitionDuration:n.effectDuration+"ms",transitionTimingFunction:n.easing}}}}});function _(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function F(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?_(Object(t),!0).forEach((function(n){I(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):_(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var H=e.memo((function(n){var t=W(e.useState(null),2),r=t[0],o=t[1],i=W(e.useState({}),2),u=i[0],l=i[1],s=a(),c=n.ptm,p=n.cx,m=n.sx,d=function(e,t){return c(t,{hostName:n.hostName,context:{active:r===e}})},f=function(e,t,r){if(t.disabled)e.preventDefault();else{if(t.command&&t.command({originalEvent:e,item:t}),t.items){var i=w(t,r);l(F(F({},u),{},I({},i,!0))),o(t),n.onForward()}t.url||(e.preventDefault(),e.stopPropagation())}},b=function(t){var r=n.id+"_sep_"+t,o=s({id:r,key:r,className:p("separator"),role:"separator"},c("separator",{hostName:n.hostName}));return e.createElement("li",o)},v=function(t,o){var i=u[w(t,o)];return t.items&&i?e.createElement(H,{id:n.id+"_"+o,menuProps:n.menuProps,model:t.items,index:n.index+1,menuWidth:n.menuWidth,effectDuration:n.effectDuration,onForward:n.onForward,parentActive:t===r,submenuIcon:n.submenuIcon,ptm:c,cx:p,sx:m}):null},w=function(e,t){return e.id||n.id+"_"+t},O=function(t,o){if(!1===t.visible)return null;var i=w(t,o),a=r===t,u=y("p-menuitem-icon",t.icon),l=s({className:p("icon")},d(t,"icon")),c=g.getJSXIcon(t.icon,F({},l),{props:n.menuProps}),m=s({className:p("submenuIcon")},d(t,"submenuIcon")),b=s({className:p("label")},d(t,"label")),O=t.items&&g.getJSXIcon(n.submenuIcon||e.createElement(x,m),F({},m),{props:n}),S=t.label&&e.createElement("span",b,t.label),E=v(t,o),P=s({href:t.url||"#",className:p("action"),target:t.target,onClick:function(e){return f(e,t,o)},"aria-disabled":t.disabled},d(t,"action")),N=e.createElement("a",P,c,S,O);t.template&&(N=h.getJSXElement(t.template,t,{onClick:function(e){return f(e,t,o)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:u,submenuIconClassName:"p-submenu-icon",element:N,props:n,active:a}));var j=s({id:i,key:i,className:p("menuitem",{active:a,item:t}),style:t.style},d(t,"menuitem"));return e.createElement("li",j,N,E)},S=n.model?n.model.map((function(e,n){return!1===e.visible?null:e.separator?b(n):O(e,n)})):null,E=s({className:p("menu",{subProps:n}),style:m("menu",{subProps:n})},c("menu",{hostName:n.hostName}));return e.createElement("ul",E,S)}));function R(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function Z(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?R(Object(t),!0).forEach((function(n){I(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):R(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}H.displayName="SlideMenuSub";var L=e.memo(e.forwardRef((function(r,h){var x=a(),P=e.useContext(t),N=M.getProps(r,P),j=W(e.useState(N.id),2),I=j[0],k=j[1],D=W(e.useState(0),2),A=D[0],C=D[1],T=W(e.useState(!1),2),_=T[0],F=T[1],R=M.setMetaData({props:N,state:{id:I,visible:_,level:A}}),L=R.ptm,J=R.cx,X=R.sx;o(M.css.styles,R.isUnstyled,{name:"slidemenu"});var U=e.useRef(null),z=e.useRef(null),B=e.useRef(null),Y=e.useRef(null),$=_&&N.popup&&N.closeOnEscape,q=u("slide-menu",$);l({callback:function(e){re(e)},when:$&&q,priority:[s.SLIDE_MENU,q]});var G=W(c({target:z,overlay:U,listener:function(e,n){n.valid&&re(e)},when:_}),2),K=G[0],Q=G[1],V=function(){C((function(e){return e+1}))},ee=function(){C((function(e){return e-1}))},ne=function(e){N.popup&&(_?re(e):te(e))},te=function(e){z.current=e.currentTarget,F(!0),N.onShow&&N.onShow(e)},re=function(e){z.current=e.currentTarget,F(!1),N.onHide&&N.onHide(e)},oe=function(){N.autoZIndex&&O.set("menu",U.current,P&&P.autoZIndex||n.autoZIndex,N.baseZIndex||P&&P.zIndex.menu||n.zIndex.menu),S.addStyles(U.current,{position:"absolute",top:"0",left:"0"}),S.absolutePosition(U.current,z.current)},ie=function(){K()},ae=function(){z.current=null,Q()},ue=function(){O.clear(U.current),C(0)};p((function(){I||k(w())})),m((function(){C(0)}),[N.model]),m((function(){N.onNavigate&&N.onNavigate({level:A})}),[A]),d((function(){O.clear(U.current)})),e.useImperativeHandle(h,(function(){return{props:N,toggle:ne,show:te,hide:re,navigateForward:V,navigateBack:ee,setLevelState:C,getElement:function(){return U.current}}}));var le=function(){var n=x({className:J("previousIcon")},L("previousIcon")),t=g.getJSXIcon(N.backIcon||e.createElement(f,n),Z({},n),{props:N}),r=x(L("previousLabel")),o=x({ref:B,className:J("previous",{levelState:A}),onClick:function(e){return ee()}},L("previous"));return e.createElement("div",o,t,e.createElement("span",r,N.backLabel))},se=function(){var n={height:N.viewportHeight+"px"},t=le(),r=x({ref:U,id:N.id,className:y(N.className,J("root")),style:N.style,onClick:function(e){return n=e,void(N.popup&&b.emit("overlay-click",{originalEvent:n,target:z.current}));var n}},M.getOtherProps(N),L("root")),o=x({className:J("wrapper"),style:n},L("wrapper")),a=x({ref:Y,className:J("content")},L("content")),u=x({classNames:J("transition"),in:!N.popup||_,timeout:{enter:120,exit:100},options:N.transitionOptions,unmountOnExit:!0,onEnter:oe,onEntered:ie,onExit:ae,onExited:ue},L("transition"));return e.createElement(i,E({nodeRef:U},u),e.createElement("div",r,e.createElement("div",o,e.createElement("div",a,e.createElement(H,{id:I,hostName:"SlideMenu",menuProps:N,model:N.model,root:!0,index:0,menuWidth:N.menuWidth,effectDuration:N.effectDuration,level:A,parentActive:0===A,onForward:V,submenuIcon:N.submenuIcon,ptm:L,cx:J,sx:X}))),t))}();return N.popup?e.createElement(v,{element:se,appendTo:N.appendTo}):se})));L.displayName="SlideMenu";export{L as SlideMenu};

package/slidemenu/slidemenu.js

@@ -362,6 +362,9 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, componentbase
       return /*#__PURE__*/React__namespace.createElement("li", menuitemProps, content, submenu);
     };
     var createItem = function createItem(item, index) {
+      if (item.visible === false) {
+        return null;
+      }
       return item.separator ? createSeparator(index) : createMenuitem(item, index);
     };
     var createItems = function createItems() {
@@ -384,7 +387,7 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, componentbase
 
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-  var SlideMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var SlideMenu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
     var props = SlideMenuBase.getProps(inProps, context);

package/slidemenu/slidemenu.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.slidemenu=function(e,n,t,r,i,o,a,u,l,s,c){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var d=m(n),f=p(t);function b(){return b=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},b.apply(this,arguments)}function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function y(e,n){if("object"!==v(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==v(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function g(e){var n=y(e,"string");return"symbol"===v(n)?n:String(n)}function h(e,n,t){return(n=g(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function O(e){if(Array.isArray(e))return e}function w(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,a,u=[],l=!0,s=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=o.call(t)).done)&&(u.push(r.value),u.length!==n);l=!0);}catch(e){s=!0,i=e}finally{try{if(!l&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(s)throw i}}return u}}function S(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 E(e,n){if(e){if("string"==typeof e)return S(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)?S(e,n):void 0}}function I(){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 O(e)||w(e,n)||E(e,n)||I()}var x=r.ComponentBase.extend({defaultProps:{__TYPE:"SlideMenu",appendTo:null,autoZIndex:!0,backIcon:null,backLabel:"Back",baseZIndex:0,className:null,easing:"ease-out",effectDuration:250,id:null,menuWidth:190,model:null,onHide:null,onShow:null,onNavigate:null,popup:!1,style:null,submenuIcon:null,transitionOptions:null,viewportHeight:175,children:void 0,closeOnEscape:!0},css:{classes:{previousIcon:"p-slidemenu-backward-icon",previous:function(e){var n=e.levelState;return s.classNames("p-slidemenu-backward",{"p-hidden-space":0===n,"p-slidemenu-separator":n>0})},root:function(e){return s.classNames("p-slidemenu p-component",{"p-slidemenu-overlay":e.props.popup})},wrapper:"p-slidemenu-wrapper",content:"p-slidemenu-content",separator:"p-slidemenu-separator",icon:"p-menuitem-icon",submenuIcon:"p-submenu-icon",label:"p-menuitem-text",action:"p-menuitem-link",menu:function(e){var n=e.subProps;return s.classNames({"p-slidemenu-rootlist":n.root,"p-submenu-list":!n.root,"p-active-submenu":n.parentActive})},menuitem:function(e){var n=e.item;return s.classNames("p-menuitem",{"p-menuitem-active":e.active,"p-disabled":n.disabled},n.className)},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-slidemenu {\n        width: 12.5em;\n    }\n    \n    .p-slidemenu.p-slidemenu-overlay {\n        position: absolute;\n    }\n    \n    .p-slidemenu .p-menu-separator {\n        border-width: 1px 0 0 0;\n    }\n    \n    .p-slidemenu ul {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n    }\n    \n    .p-slidemenu .p-slidemenu-rootlist {\n        position: absolute;\n        top: 0;\n    }\n    \n    .p-slidemenu .p-submenu-list {\n        display: none;\n        position: absolute;\n        top: 0;\n        width: 12.5em;\n    }\n    \n    .p-slidemenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n    }\n    \n    .p-slidemenu .p-menuitem-icon {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem-text {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem {\n        position: relative;\n    }\n    \n    .p-slidemenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n    \n    .p-slidemenu .p-slidemenu-wrapper {\n        position: relative;\n    }\n    \n    .p-slidemenu .p-slidemenu-content {\n        overflow-x: hidden;\n        overflow-y: auto;\n        position: relative;\n        height: 100%;\n    }\n    \n    .p-slidemenu-backward {\n        bottom: 0;\n        width: 100%;\n        padding: 0.25em;\n        cursor: pointer;\n    }\n    \n    .p-slidemenu-backward .p-slidemenu-backward-icon {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu-backward span {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem-active {\n        position: static;\n    }\n    \n    .p-slidemenu .p-menuitem-active > .p-submenu-list {\n        display: block;\n    }\n}\n",inlineStyles:{menu:function(e){var n=e.subProps;return{width:n.menuWidth+"px",left:n.root?-1*n.level*n.menuWidth+"px":n.menuWidth+"px",transitionProperty:n.root?"left":"none",transitionDuration:n.effectDuration+"ms",transitionTimingFunction:n.easing}}}}});function N(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function j(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?N(Object(t),!0).forEach((function(n){h(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):N(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var k=d.memo((function(e){var n=P(d.useState(null),2),t=n[0],r=n[1],i=P(d.useState({}),2),a=i[0],u=i[1],l=o.useMergeProps(),p=e.ptm,m=e.cx,f=e.sx,b=function(n,r){return p(r,{hostName:e.hostName,context:{active:t===n}})},v=function(n,t,i){if(t.disabled)n.preventDefault();else{if(t.command&&t.command({originalEvent:n,item:t}),t.items){var o=O(t,i);u(j(j({},a),{},h({},o,!0))),r(t),e.onForward()}t.url||(n.preventDefault(),n.stopPropagation())}},y=function(n){var t=e.id+"_sep_"+n,r=l({id:t,key:t,className:m("separator"),role:"separator"},p("separator",{hostName:e.hostName}));return d.createElement("li",r)},g=function(n,r){var i=a[O(n,r)];return n.items&&i?d.createElement(k,{id:e.id+"_"+r,menuProps:e.menuProps,model:n.items,index:e.index+1,menuWidth:e.menuWidth,effectDuration:e.effectDuration,onForward:e.onForward,parentActive:n===t,submenuIcon:e.submenuIcon,ptm:p,cx:m,sx:f}):null},O=function(n,t){return n.id||e.id+"_"+t},w=function(n,r){if(!1===n.visible)return null;var i=O(n,r),o=t===n,a=s.classNames("p-menuitem-icon",n.icon),u=l({className:m("icon")},b(n,"icon")),p=s.IconUtils.getJSXIcon(n.icon,j({},u),{props:e.menuProps}),f=l({className:m("submenuIcon")},b(n,"submenuIcon")),y=l({className:m("label")},b(n,"label")),h=n.items&&s.IconUtils.getJSXIcon(e.submenuIcon||d.createElement(c.AngleRightIcon,f),j({},f),{props:e}),w=n.label&&d.createElement("span",y,n.label),S=g(n,r),E=l({href:n.url||"#",className:m("action"),target:n.target,onClick:function(e){return v(e,n,r)},"aria-disabled":n.disabled},b(n,"action")),I=d.createElement("a",E,p,w,h);n.template&&(I=s.ObjectUtils.getJSXElement(n.template,n,{onClick:function(e){return v(e,n,r)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:a,submenuIconClassName:"p-submenu-icon",element:I,props:e,active:o}));var P=l({id:i,key:i,className:m("menuitem",{active:o,item:n}),style:n.style},b(n,"menuitem"));return d.createElement("li",P,I,S)},S=e.model?e.model.map((function(e,n){return e.separator?y(n):w(e,n)})):null,E=l({className:m("menu",{subProps:e}),style:f("menu",{subProps:e})},p("menu",{hostName:e.hostName}));return d.createElement("ul",E,S)}));function D(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function C(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?D(Object(t),!0).forEach((function(n){h(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):D(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}k.displayName="SlideMenuSub";var U=d.memo(d.forwardRef((function(e,n){var c=o.useMergeProps(),p=d.useContext(t.PrimeReactContext),m=x.getProps(e,p),v=P(d.useState(m.id),2),y=v[0],g=v[1],h=P(d.useState(0),2),O=h[0],w=h[1],S=P(d.useState(!1),2),E=S[0],I=S[1],N=x.setMetaData({props:m,state:{id:y,visible:E,level:O}}),j=N.ptm,D=N.cx,U=N.sx;r.useHandleStyle(x.css.styles,N.isUnstyled,{name:"slidemenu"});var _=d.useRef(null),M=d.useRef(null),A=d.useRef(null),R=d.useRef(null),T=E&&m.popup&&m.closeOnEscape,H=o.useDisplayOrder("slide-menu",T);o.useGlobalOnEscapeKey({callback:function(e){B(e)},when:T&&H,priority:[o.ESC_KEY_HANDLING_PRIORITIES.SLIDE_MENU,H]});var Z=P(o.useOverlayListener({target:M,overlay:_,listener:function(e,n){n.valid&&B(e)},when:E}),2),L=Z[0],W=Z[1],F=function(){w((function(e){return e+1}))},J=function(){w((function(e){return e-1}))},X=function(e){m.popup&&(E?B(e):z(e))},z=function(e){M.current=e.currentTarget,I(!0),m.onShow&&m.onShow(e)},B=function(e){M.current=e.currentTarget,I(!1),m.onHide&&m.onHide(e)},G=function(){m.autoZIndex&&s.ZIndexUtils.set("menu",_.current,p&&p.autoZIndex||f.default.autoZIndex,m.baseZIndex||p&&p.zIndex.menu||f.default.zIndex.menu),s.DomHandler.addStyles(_.current,{position:"absolute",top:"0",left:"0"}),s.DomHandler.absolutePosition(_.current,M.current)},K=function(){L()},Y=function(){M.current=null,W()},q=function(){s.ZIndexUtils.clear(_.current),w(0)};o.useMountEffect((function(){y||g(s.UniqueComponentId())})),o.useUpdateEffect((function(){w(0)}),[m.model]),o.useUpdateEffect((function(){m.onNavigate&&m.onNavigate({level:O})}),[O]),o.useUnmountEffect((function(){s.ZIndexUtils.clear(_.current)})),d.useImperativeHandle(n,(function(){return{props:m,toggle:X,show:z,hide:B,navigateForward:F,navigateBack:J,setLevelState:w,getElement:function(){return _.current}}}));var $=function(){var e=c({className:D("previousIcon")},j("previousIcon")),n=s.IconUtils.getJSXIcon(m.backIcon||d.createElement(a.ChevronLeftIcon,e),C({},e),{props:m}),t=c(j("previousLabel")),r=c({ref:A,className:D("previous",{levelState:O}),onClick:function(e){return J()}},j("previous"));return d.createElement("div",r,n,d.createElement("span",t,m.backLabel))},Q=function(){var e={height:m.viewportHeight+"px"},n=$(),t=c({ref:_,id:m.id,className:s.classNames(m.className,D("root")),style:m.style,onClick:function(e){return n=e,void(m.popup&&u.OverlayService.emit("overlay-click",{originalEvent:n,target:M.current}));var n}},x.getOtherProps(m),j("root")),r=c({className:D("wrapper"),style:e},j("wrapper")),o=c({ref:R,className:D("content")},j("content")),a=c({classNames:D("transition"),in:!m.popup||E,timeout:{enter:120,exit:100},options:m.transitionOptions,unmountOnExit:!0,onEnter:G,onEntered:K,onExit:Y,onExited:q},j("transition"));return d.createElement(i.CSSTransition,b({nodeRef:_},a),d.createElement("div",t,d.createElement("div",r,d.createElement("div",o,d.createElement(k,{id:y,hostName:"SlideMenu",menuProps:m,model:m.model,root:!0,index:0,menuWidth:m.menuWidth,effectDuration:m.effectDuration,level:O,parentActive:0===O,onForward:F,submenuIcon:m.submenuIcon,ptm:j,cx:D,sx:U}))),n))}();return m.popup?d.createElement(l.Portal,{element:Q,appendTo:m.appendTo}):Q})));return U.displayName="SlideMenu",e.SlideMenu=U,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.chevronleft,primereact.overlayservice,primereact.portal,primereact.utils,primereact.icons.angleright);
+this.primereact=this.primereact||{},this.primereact.slidemenu=function(e,n,t,r,i,o,a,u,l,s,c){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var d=m(n),f=p(t);function b(){return b=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},b.apply(this,arguments)}function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function y(e,n){if("object"!==v(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==v(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function g(e){var n=y(e,"string");return"symbol"===v(n)?n:String(n)}function h(e,n,t){return(n=g(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function O(e){if(Array.isArray(e))return e}function w(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,a,u=[],l=!0,s=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=o.call(t)).done)&&(u.push(r.value),u.length!==n);l=!0);}catch(e){s=!0,i=e}finally{try{if(!l&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(s)throw i}}return u}}function S(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 E(e,n){if(e){if("string"==typeof e)return S(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)?S(e,n):void 0}}function I(){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 O(e)||w(e,n)||E(e,n)||I()}var x=r.ComponentBase.extend({defaultProps:{__TYPE:"SlideMenu",appendTo:null,autoZIndex:!0,backIcon:null,backLabel:"Back",baseZIndex:0,className:null,easing:"ease-out",effectDuration:250,id:null,menuWidth:190,model:null,onHide:null,onShow:null,onNavigate:null,popup:!1,style:null,submenuIcon:null,transitionOptions:null,viewportHeight:175,children:void 0,closeOnEscape:!0},css:{classes:{previousIcon:"p-slidemenu-backward-icon",previous:function(e){var n=e.levelState;return s.classNames("p-slidemenu-backward",{"p-hidden-space":0===n,"p-slidemenu-separator":n>0})},root:function(e){return s.classNames("p-slidemenu p-component",{"p-slidemenu-overlay":e.props.popup})},wrapper:"p-slidemenu-wrapper",content:"p-slidemenu-content",separator:"p-slidemenu-separator",icon:"p-menuitem-icon",submenuIcon:"p-submenu-icon",label:"p-menuitem-text",action:"p-menuitem-link",menu:function(e){var n=e.subProps;return s.classNames({"p-slidemenu-rootlist":n.root,"p-submenu-list":!n.root,"p-active-submenu":n.parentActive})},menuitem:function(e){var n=e.item;return s.classNames("p-menuitem",{"p-menuitem-active":e.active,"p-disabled":n.disabled},n.className)},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-slidemenu {\n        width: 12.5em;\n    }\n    \n    .p-slidemenu.p-slidemenu-overlay {\n        position: absolute;\n    }\n    \n    .p-slidemenu .p-menu-separator {\n        border-width: 1px 0 0 0;\n    }\n    \n    .p-slidemenu ul {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n    }\n    \n    .p-slidemenu .p-slidemenu-rootlist {\n        position: absolute;\n        top: 0;\n    }\n    \n    .p-slidemenu .p-submenu-list {\n        display: none;\n        position: absolute;\n        top: 0;\n        width: 12.5em;\n    }\n    \n    .p-slidemenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n    }\n    \n    .p-slidemenu .p-menuitem-icon {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem-text {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem {\n        position: relative;\n    }\n    \n    .p-slidemenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n    \n    .p-slidemenu .p-slidemenu-wrapper {\n        position: relative;\n    }\n    \n    .p-slidemenu .p-slidemenu-content {\n        overflow-x: hidden;\n        overflow-y: auto;\n        position: relative;\n        height: 100%;\n    }\n    \n    .p-slidemenu-backward {\n        bottom: 0;\n        width: 100%;\n        padding: 0.25em;\n        cursor: pointer;\n    }\n    \n    .p-slidemenu-backward .p-slidemenu-backward-icon {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu-backward span {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem-active {\n        position: static;\n    }\n    \n    .p-slidemenu .p-menuitem-active > .p-submenu-list {\n        display: block;\n    }\n}\n",inlineStyles:{menu:function(e){var n=e.subProps;return{width:n.menuWidth+"px",left:n.root?-1*n.level*n.menuWidth+"px":n.menuWidth+"px",transitionProperty:n.root?"left":"none",transitionDuration:n.effectDuration+"ms",transitionTimingFunction:n.easing}}}}});function N(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function j(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?N(Object(t),!0).forEach((function(n){h(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):N(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var k=d.memo((function(e){var n=P(d.useState(null),2),t=n[0],r=n[1],i=P(d.useState({}),2),a=i[0],u=i[1],l=o.useMergeProps(),p=e.ptm,m=e.cx,f=e.sx,b=function(n,r){return p(r,{hostName:e.hostName,context:{active:t===n}})},v=function(n,t,i){if(t.disabled)n.preventDefault();else{if(t.command&&t.command({originalEvent:n,item:t}),t.items){var o=O(t,i);u(j(j({},a),{},h({},o,!0))),r(t),e.onForward()}t.url||(n.preventDefault(),n.stopPropagation())}},y=function(n){var t=e.id+"_sep_"+n,r=l({id:t,key:t,className:m("separator"),role:"separator"},p("separator",{hostName:e.hostName}));return d.createElement("li",r)},g=function(n,r){var i=a[O(n,r)];return n.items&&i?d.createElement(k,{id:e.id+"_"+r,menuProps:e.menuProps,model:n.items,index:e.index+1,menuWidth:e.menuWidth,effectDuration:e.effectDuration,onForward:e.onForward,parentActive:n===t,submenuIcon:e.submenuIcon,ptm:p,cx:m,sx:f}):null},O=function(n,t){return n.id||e.id+"_"+t},w=function(n,r){if(!1===n.visible)return null;var i=O(n,r),o=t===n,a=s.classNames("p-menuitem-icon",n.icon),u=l({className:m("icon")},b(n,"icon")),p=s.IconUtils.getJSXIcon(n.icon,j({},u),{props:e.menuProps}),f=l({className:m("submenuIcon")},b(n,"submenuIcon")),y=l({className:m("label")},b(n,"label")),h=n.items&&s.IconUtils.getJSXIcon(e.submenuIcon||d.createElement(c.AngleRightIcon,f),j({},f),{props:e}),w=n.label&&d.createElement("span",y,n.label),S=g(n,r),E=l({href:n.url||"#",className:m("action"),target:n.target,onClick:function(e){return v(e,n,r)},"aria-disabled":n.disabled},b(n,"action")),I=d.createElement("a",E,p,w,h);n.template&&(I=s.ObjectUtils.getJSXElement(n.template,n,{onClick:function(e){return v(e,n,r)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:a,submenuIconClassName:"p-submenu-icon",element:I,props:e,active:o}));var P=l({id:i,key:i,className:m("menuitem",{active:o,item:n}),style:n.style},b(n,"menuitem"));return d.createElement("li",P,I,S)},S=e.model?e.model.map((function(e,n){return!1===e.visible?null:e.separator?y(n):w(e,n)})):null,E=l({className:m("menu",{subProps:e}),style:f("menu",{subProps:e})},p("menu",{hostName:e.hostName}));return d.createElement("ul",E,S)}));function D(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function C(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?D(Object(t),!0).forEach((function(n){h(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):D(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}k.displayName="SlideMenuSub";var U=d.memo(d.forwardRef((function(e,n){var c=o.useMergeProps(),p=d.useContext(t.PrimeReactContext),m=x.getProps(e,p),v=P(d.useState(m.id),2),y=v[0],g=v[1],h=P(d.useState(0),2),O=h[0],w=h[1],S=P(d.useState(!1),2),E=S[0],I=S[1],N=x.setMetaData({props:m,state:{id:y,visible:E,level:O}}),j=N.ptm,D=N.cx,U=N.sx;r.useHandleStyle(x.css.styles,N.isUnstyled,{name:"slidemenu"});var _=d.useRef(null),M=d.useRef(null),A=d.useRef(null),R=d.useRef(null),T=E&&m.popup&&m.closeOnEscape,H=o.useDisplayOrder("slide-menu",T);o.useGlobalOnEscapeKey({callback:function(e){B(e)},when:T&&H,priority:[o.ESC_KEY_HANDLING_PRIORITIES.SLIDE_MENU,H]});var Z=P(o.useOverlayListener({target:M,overlay:_,listener:function(e,n){n.valid&&B(e)},when:E}),2),L=Z[0],W=Z[1],F=function(){w((function(e){return e+1}))},J=function(){w((function(e){return e-1}))},X=function(e){m.popup&&(E?B(e):z(e))},z=function(e){M.current=e.currentTarget,I(!0),m.onShow&&m.onShow(e)},B=function(e){M.current=e.currentTarget,I(!1),m.onHide&&m.onHide(e)},G=function(){m.autoZIndex&&s.ZIndexUtils.set("menu",_.current,p&&p.autoZIndex||f.default.autoZIndex,m.baseZIndex||p&&p.zIndex.menu||f.default.zIndex.menu),s.DomHandler.addStyles(_.current,{position:"absolute",top:"0",left:"0"}),s.DomHandler.absolutePosition(_.current,M.current)},K=function(){L()},Y=function(){M.current=null,W()},q=function(){s.ZIndexUtils.clear(_.current),w(0)};o.useMountEffect((function(){y||g(s.UniqueComponentId())})),o.useUpdateEffect((function(){w(0)}),[m.model]),o.useUpdateEffect((function(){m.onNavigate&&m.onNavigate({level:O})}),[O]),o.useUnmountEffect((function(){s.ZIndexUtils.clear(_.current)})),d.useImperativeHandle(n,(function(){return{props:m,toggle:X,show:z,hide:B,navigateForward:F,navigateBack:J,setLevelState:w,getElement:function(){return _.current}}}));var $=function(){var e=c({className:D("previousIcon")},j("previousIcon")),n=s.IconUtils.getJSXIcon(m.backIcon||d.createElement(a.ChevronLeftIcon,e),C({},e),{props:m}),t=c(j("previousLabel")),r=c({ref:A,className:D("previous",{levelState:O}),onClick:function(e){return J()}},j("previous"));return d.createElement("div",r,n,d.createElement("span",t,m.backLabel))},Q=function(){var e={height:m.viewportHeight+"px"},n=$(),t=c({ref:_,id:m.id,className:s.classNames(m.className,D("root")),style:m.style,onClick:function(e){return n=e,void(m.popup&&u.OverlayService.emit("overlay-click",{originalEvent:n,target:M.current}));var n}},x.getOtherProps(m),j("root")),r=c({className:D("wrapper"),style:e},j("wrapper")),o=c({ref:R,className:D("content")},j("content")),a=c({classNames:D("transition"),in:!m.popup||E,timeout:{enter:120,exit:100},options:m.transitionOptions,unmountOnExit:!0,onEnter:G,onEntered:K,onExit:Y,onExited:q},j("transition"));return d.createElement(i.CSSTransition,b({nodeRef:_},a),d.createElement("div",t,d.createElement("div",r,d.createElement("div",o,d.createElement(k,{id:y,hostName:"SlideMenu",menuProps:m,model:m.model,root:!0,index:0,menuWidth:m.menuWidth,effectDuration:m.effectDuration,level:O,parentActive:0===O,onForward:F,submenuIcon:m.submenuIcon,ptm:j,cx:D,sx:U}))),n))}();return m.popup?d.createElement(l.Portal,{element:Q,appendTo:m.appendTo}):Q})));return U.displayName="SlideMenu",e.SlideMenu=U,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.chevronleft,primereact.overlayservice,primereact.portal,primereact.utils,primereact.icons.angleright);