primereact 9.4.0 → 9.5.0

package/slidemenu/slidemenu.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/csstransition"),r=require("primereact/hooks"),o=require("primereact/overlayservice"),i=require("primereact/portal"),a=require("primereact/utils"),u=require("primereact/icons/angleright"),l=require("primereact/icons/chevronleft");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var m=s(e),p=c(t);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},f.apply(this,arguments)}function d(e){if(Array.isArray(e))return e}function b(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,u=[],l=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=i.call(n)).done)&&(u.push(r.value),u.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw o}}return u}}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function y(e,t){if(e){if("string"==typeof e)return v(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?v(e,t):void 0}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e,t){return d(e)||b(e,t)||y(e,t)||g()}var O={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},getProps:function(e){return a.ObjectUtils.getMergedProps(e,O.defaultProps)},getOtherProps:function(e){return a.ObjectUtils.getDiffProps(e,O.defaultProps)}};function S(e){return S="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},S(e)}function E(e,t){if("object"!==S(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==S(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function N(e){var t=E(e,"string");return"symbol"===S(t)?t:String(t)}function j(e,t,n){return(t=N(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function w(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function P(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?w(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):w(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var I=m.memo((function(e){var t=h(m.useState(null),2),n=t[0],r=t[1],o=h(m.useState({}),2),i=o[0],l=o[1],c=function(t,n,o){if(n.disabled)t.preventDefault();else if(n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n}),n.items){var a=f(n,o);l(P(P({},i),{},j({},a,!0))),r(n),e.onForward()}},s=function(e){return m.createElement("li",{key:"separator_"+e,className:"p-menu-separator"})},p=function(t,r){var o=i[f(t,r)];return t.items&&o?m.createElement(I,{menuProps:e.menuProps,model:t.items,index:e.index+1,menuWidth:e.menuWidth,effectDuration:e.effectDuration,onForward:e.onForward,parentActive:t===n,submenuIcon:e.submenuIcon}):null},f=function(e,t){return e.label+"_"+t},d=function(t,r){if(!1===t.visible)return null;var o=f(t,r),i=n===t,l=a.classNames("p-menuitem",{"p-menuitem-active":i,"p-disabled":t.disabled},t.className),s=a.classNames("p-menuitem-icon",t.icon),d=a.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e.menuProps}),b="p-submenu-icon",v=t.items&&a.IconUtils.getJSXIcon(e.submenuIcon||m.createElement(u.AngleRightIcon,{className:b}),{className:b},{props:e}),y=t.label&&m.createElement("span",{className:"p-menuitem-text"},t.label),g=p(t,r),h=m.createElement("a",{href:t.url||"#",className:"p-menuitem-link",target:t.target,onClick:function(e){return c(e,t,r)},"aria-disabled":t.disabled},d,y,v);t.template&&(h=a.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return c(e,t,r)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:s,submenuIconClassName:b,element:h,props:e,active:i}));return m.createElement("li",{key:o,id:t.id,className:l,style:t.style},h,g)},b=function(e,t){return e.separator?s(t):d(e,t)},v={width:e.menuWidth+"px",left:e.root?-1*e.level*e.menuWidth+"px":e.menuWidth+"px",transitionProperty:e.root?"left":"none",transitionDuration:e.effectDuration+"ms",transitionTimingFunction:e.easing},y=a.classNames({"p-slidemenu-rootlist":e.root,"p-submenu-list":!e.root,"p-active-submenu":e.parentActive}),g=e.model?e.model.map(b):null;return m.createElement("ul",{className:y,style:v},g)}));I.displayName="SlideMenuSub";var x=m.memo(m.forwardRef((function(e,t){var u=O.getProps(e),c=h(m.useState(0),2),s=c[0],d=c[1],b=h(m.useState(!1),2),v=b[0],y=b[1],g=m.useRef(null),S=m.useRef(null),E=m.useRef(null),N=m.useRef(null),j=h(r.useOverlayListener({target:S,overlay:g,listener:function(e,t){t.valid&&C(e)},when:v}),2),w=j[0],P=j[1],x=function(e){u.popup&&o.OverlayService.emit("overlay-click",{originalEvent:e,target:S.current})},k=function(){d((function(e){return e+1}))},D=function(){d((function(e){return e-1}))},U=function(e){u.popup&&(v?C(e):A(e))},A=function(e){S.current=e.currentTarget,y(!0),u.onShow&&u.onShow(e)},C=function(e){S.current=e.currentTarget,y(!1),u.onHide&&u.onHide(e)},T=function(){u.autoZIndex&&a.ZIndexUtils.set("menu",g.current,p.default.autoZIndex,u.baseZIndex||p.default.zIndex.menu),a.DomHandler.absolutePosition(g.current,S.current)},q=function(){w()},M=function(){S.current=null,P()},W=function(){a.ZIndexUtils.clear(g.current),d(0)};r.useUpdateEffect((function(){d(0)}),[u.model]),r.useUpdateEffect((function(){u.onNavigate&&u.onNavigate({level:s})}),[s]),r.useUnmountEffect((function(){a.ZIndexUtils.clear(g.current)})),m.useImperativeHandle(t,(function(){return{props:u,toggle:U,show:A,hide:C,navigateForward:k,navigateBack:D,setLevelState:d,getElement:function(){return g.current}}}));var Z=function(){var e=a.classNames("p-slidemenu-backward",{"p-hidden":0===s}),t="p-slidemenu-backward-icon",n=a.IconUtils.getJSXIcon(u.backIcon||m.createElement(l.ChevronLeftIcon,{className:t}),{className:t},{props:u});return m.createElement("div",{ref:E,className:e,onClick:D},n,m.createElement("span",null,u.backLabel))},_=function(){var e=O.getOtherProps(u),t=a.classNames("p-slidemenu p-component",{"p-slidemenu-overlay":u.popup},u.className),r={height:u.viewportHeight+"px"},o=Z();return m.createElement(n.CSSTransition,{nodeRef:g,classNames:"p-connected-overlay",in:!u.popup||v,timeout:{enter:120,exit:100},options:u.transitionOptions,unmountOnExit:!0,onEnter:T,onEntered:q,onExit:M,onExited:W},m.createElement("div",f({ref:g,id:u.id,className:t,style:u.style},e,{onClick:x}),m.createElement("div",{className:"p-slidemenu-wrapper",style:r},m.createElement("div",{className:"p-slidemenu-content",ref:N},m.createElement(I,{menuProps:u,model:u.model,root:!0,index:0,menuWidth:u.menuWidth,effectDuration:u.effectDuration,level:s,parentActive:0===s,onForward:k,submenuIcon:u.submenuIcon})),o)))}();return u.popup?m.createElement(i.Portal,{element:_,appendTo:u.appendTo}):_})));x.displayName="SlideMenu",exports.SlideMenu=x;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/csstransition"),r=require("primereact/hooks"),o=require("primereact/overlayservice"),i=require("primereact/portal"),a=require("primereact/utils"),u=require("primereact/componentbase"),l=require("primereact/icons/angleright"),c=require("primereact/icons/chevronleft");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var p=m(e),f=s(t);function d(e){return d="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},d(e)}function b(e,t){if("object"!==d(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function v(e){var t=b(e,"string");return"symbol"===d(t)?t:String(t)}function y(e,t,n){return(t=v(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(e){if(Array.isArray(e))return e}function O(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,u=[],l=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=i.call(n)).done)&&(u.push(r.value),u.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw o}}return u}}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function P(e,t){if(e){if("string"==typeof e)return h(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(e,t):void 0}}function j(){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,t){return g(e)||O(e,t)||P(e,t)||j()}var S=u.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}});function E(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function I(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?E(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):E(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var N=p.memo((function(e){var t=w(p.useState(null),2),n=t[0],r=t[1],o=w(p.useState({}),2),i=o[0],u=o[1],c=function(t,r){return e.ptm(r,{context:{active:n===t}})},s=function(t,n,o){if(n.disabled)t.preventDefault();else if(n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n}),n.items){var a=d(n,o);u(I(I({},i),{},y({},a,!0))),r(n),e.onForward()}},m=function(t){var n=a.mergeProps({key:"separator_"+t,className:"p-menu-separator"},e.ptm("separator"));return p.createElement("li",n)},f=function(t,r){var o=i[d(t,r)];return t.items&&o?p.createElement(N,{menuProps:e.menuProps,model:t.items,index:e.index+1,menuWidth:e.menuWidth,effectDuration:e.effectDuration,onForward:e.onForward,parentActive:t===n,submenuIcon:e.submenuIcon,ptm:e.ptm}):null},d=function(e,t){return e.label+"_"+t},b=function(t,r){if(!1===t.visible)return null;var o=d(t,r),i=n===t,u=a.classNames("p-menuitem",{"p-menuitem-active":i,"p-disabled":t.disabled},t.className),m=a.classNames("p-menuitem-icon",t.icon),b=a.mergeProps({className:"p-menuitem-icon"},c(t,"icon")),v=a.IconUtils.getJSXIcon(t.icon,I({},b),{props:e.menuProps}),y="p-submenu-icon",g=a.mergeProps({className:y},c(t,"submenuIcon")),O=a.mergeProps({className:"p-menuitem-text"},c(t,"label")),h=t.items&&a.IconUtils.getJSXIcon(e.submenuIcon||p.createElement(l.AngleRightIcon,g),I({},g),{props:e}),P=t.label&&p.createElement("span",O,t.label),j=f(t,r),w=a.mergeProps({href:t.url||"#",className:"p-menuitem-link",target:t.target,onClick:function(e){return s(e,t,r)},"aria-disabled":t.disabled},c(t,"action")),S=p.createElement("a",w,v,P,h);t.template&&(S=a.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return s(e,t,r)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:m,submenuIconClassName:y,element:S,props:e,active:i}));var E=a.mergeProps({id:t.id,key:o,className:u,style:t.style},c(t,"menuitem"));return p.createElement("li",E,S,j)},v=function(e,t){return e.separator?m(t):b(e,t)},g={width:e.menuWidth+"px",left:e.root?-1*e.level*e.menuWidth+"px":e.menuWidth+"px",transitionProperty:e.root?"left":"none",transitionDuration:e.effectDuration+"ms",transitionTimingFunction:e.easing},O=a.classNames({"p-slidemenu-rootlist":e.root,"p-submenu-list":!e.root,"p-active-submenu":e.parentActive}),h=e.model?e.model.map(v):null,P=a.mergeProps({className:O,style:g},e.ptm("menu"));return p.createElement("ul",P,h)}));function x(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?x(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}N.displayName="SlideMenuSub";var D=p.memo(p.forwardRef((function(e,t){var u=S.getProps(e),l=w(p.useState(0),2),s=l[0],m=l[1],d=w(p.useState(!1),2),b=d[0],v=d[1],y=S.setMetaData({props:u,state:{visible:b,level:s}}).ptm,g=p.useRef(null),O=p.useRef(null),h=p.useRef(null),P=p.useRef(null),j=w(r.useOverlayListener({target:O,overlay:g,listener:function(e,t){t.valid&&q(e)},when:b}),2),E=j[0],I=j[1],x=function(){m((function(e){return e+1}))},D=function(){m((function(e){return e-1}))},C=function(e){u.popup&&(b?q(e):U(e))},U=function(e){O.current=e.currentTarget,v(!0),u.onShow&&u.onShow(e)},q=function(e){O.current=e.currentTarget,v(!1),u.onHide&&u.onHide(e)},A=function(){u.autoZIndex&&a.ZIndexUtils.set("menu",g.current,f.default.autoZIndex,u.baseZIndex||f.default.zIndex.menu),a.DomHandler.absolutePosition(g.current,O.current)},T=function(){E()},M=function(){O.current=null,I()},W=function(){a.ZIndexUtils.clear(g.current),m(0)};r.useUpdateEffect((function(){m(0)}),[u.model]),r.useUpdateEffect((function(){u.onNavigate&&u.onNavigate({level:s})}),[s]),r.useUnmountEffect((function(){a.ZIndexUtils.clear(g.current)})),p.useImperativeHandle(t,(function(){return{props:u,toggle:C,show:U,hide:q,navigateForward:x,navigateBack:D,setLevelState:m,getElement:function(){return g.current}}}));var Z=function(){var e=a.classNames("p-slidemenu-backward",{"p-hidden":0===s}),t=a.mergeProps({className:"p-slidemenu-backward-icon"},y("previousIcon")),n=a.IconUtils.getJSXIcon(u.backIcon||p.createElement(c.ChevronLeftIcon,t),k({},t),{props:u}),r=a.mergeProps(y("previousLabel")),o=a.mergeProps({ref:h,className:e,onClick:function(e){return D()}},y("previous"));return p.createElement("div",o,n,p.createElement("span",r,u.backLabel))},_=function(){var e=a.classNames("p-slidemenu p-component",{"p-slidemenu-overlay":u.popup},u.className),t={height:u.viewportHeight+"px"},r=Z(),i=a.mergeProps({ref:g,id:u.id,className:e,style:u.style,onClick:function(e){return t=e,void(u.popup&&o.OverlayService.emit("overlay-click",{originalEvent:t,target:O.current}));var t}},S.getOtherProps(u),y("root")),l=a.mergeProps({className:"p-slidemenu-wrapper",style:t},y("wrapper")),c=a.mergeProps({ref:P,className:"p-slidemenu-content"},y("content"));return p.createElement(n.CSSTransition,{nodeRef:g,classNames:"p-connected-overlay",in:!u.popup||b,timeout:{enter:120,exit:100},options:u.transitionOptions,unmountOnExit:!0,onEnter:A,onEntered:T,onExit:M,onExited:W},p.createElement("div",i,p.createElement("div",l,p.createElement("div",c,p.createElement(N,{menuProps:u,model:u.model,root:!0,index:0,menuWidth:u.menuWidth,effectDuration:u.effectDuration,level:s,parentActive:0===s,onForward:x,submenuIcon:u.submenuIcon,ptm:y})),r)))}();return u.popup?p.createElement(i.Portal,{element:_,appendTo:u.appendTo}):_})));D.displayName="SlideMenu",exports.SlideMenu=D;

package/slidemenu/slidemenu.d.ts

@@ -10,7 +10,104 @@
 import * as React from 'react';
 import { CSSTransitionProps } from '../csstransition';
 import { MenuItem } from '../menuitem';
-import { IconType } from '../utils/utils';
+import { IconType, PassThroughType } from '../utils/utils';
+
+export declare type SlideMenuPassThroughType<T> = PassThroughType<T, SlideMenuPassThroughMethodOptions>;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface SlideMenuPassThroughMethodOptions {
+    props: SlideMenuProps;
+    state: SlideMenuState;
+    context: SlideMenuContext;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link SlideMenuProps.pt}
+ */
+export interface SlideMenuPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: SlideMenuPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the wrapper's DOM element.
+     */
+    wrapper?: SlideMenuPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the content's DOM element.
+     */
+    content?: SlideMenuPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the list's DOM element.
+     */
+    menu?: SlideMenuPassThroughType<React.HTMLAttributes<HTMLUListElement>>;
+    /**
+     * Uses to pass attributes to the list item's DOM element.
+     */
+    menuitem?: SlideMenuPassThroughType<React.HTMLAttributes<HTMLLIElement>>;
+    /**
+     * Uses to pass attributes to the action's DOM element.
+     */
+    action?: SlideMenuPassThroughType<React.HTMLAttributes<HTMLAnchorElement>>;
+    /**
+     * Uses to pass attributes to the icon's DOM element.
+     */
+    icon?: SlideMenuPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the previous's DOM element.
+     */
+    previous?: SlideMenuPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the previous icon's DOM element.
+     */
+    previousIcon?: SlideMenuPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the previous label's DOM element.
+     */
+    previousLabel?: SlideMenuPassThroughType<React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the label's DOM element.
+     */
+    label?: SlideMenuPassThroughType<React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the submenu icon's DOM element.
+     */
+    submenuIcon?: SlideMenuPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the separator's DOM element.
+     */
+    separator?: SlideMenuPassThroughType<React.HTMLAttributes<HTMLLIElement>>;
+}
+
+/**
+ * Defines current inline state in SlideMenu component.
+ */
+export interface SlideMenuState {
+    /**
+     * Current visible state as a boolean.
+     * @defaultValue false
+     */
+    visible: boolean;
+    /**
+     * Current level state as a number.
+     * @defaultValue 0
+     */
+    level: number;
+}
+
+/**
+ * Defines current options in SlideMenu component.
+ */
+export interface SlideMenuContext {
+    /**
+     * Current active state of menuitem as a boolean.
+     * @defaultValue false
+     */
+    active: boolean;
+}
 
 /**
  * Custom navigate event

package/slidemenu/slidemenu.esm.js

@@ -4,23 +4,50 @@ import { CSSTransition } from 'primereact/csstransition';
 import { useOverlayListener, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
 import { OverlayService } from 'primereact/overlayservice';
 import { Portal } from 'primereact/portal';
-import { ObjectUtils, classNames, IconUtils, ZIndexUtils, DomHandler } from 'primereact/utils';
+import { classNames, mergeProps, IconUtils, ObjectUtils, ZIndexUtils, DomHandler } from 'primereact/utils';
+import { ComponentBase } from 'primereact/componentbase';
 import { AngleRightIcon } from 'primereact/icons/angleright';
 import { ChevronLeftIcon } from 'primereact/icons/chevronleft';
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
 }
 
 function _arrayWithHoles(arr) {
@@ -78,7 +105,7 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var SlideMenuBase = {
+var SlideMenuBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'SlideMenu',
     appendTo: null,
@@ -101,58 +128,11 @@ var SlideMenuBase = {
     transitionOptions: null,
     viewportHeight: 175,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, SlideMenuBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, SlideMenuBase.defaultProps);
-  }
-};
-
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof(obj);
-}
-
-function _toPrimitive(input, hint) {
-  if (_typeof(input) !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (_typeof(res) !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return _typeof(key) === "symbol" ? key : String(key);
-}
-
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
   }
-  return obj;
-}
+});
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var SlideMenuSub = /*#__PURE__*/React.memo(function (props) {
   var _React$useState = React.useState(null),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -162,6 +142,13 @@ var SlideMenuSub = /*#__PURE__*/React.memo(function (props) {
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     renderSubMenu = _React$useState4[0],
     setRenderSubMenu = _React$useState4[1];
+  var getPTOptions = function getPTOptions(item, key) {
+    return props.ptm(key, {
+      context: {
+        active: activeItemState === item
+      }
+    });
+  };
   var onItemClick = function onItemClick(event, item, index) {
     if (item.disabled) {
       event.preventDefault();
@@ -178,17 +165,18 @@ var SlideMenuSub = /*#__PURE__*/React.memo(function (props) {
     }
     if (item.items) {
       var key = createKey(item, index);
-      setRenderSubMenu(_objectSpread(_objectSpread({}, renderSubMenu), {}, _defineProperty({}, key, true)));
+      setRenderSubMenu(_objectSpread$1(_objectSpread$1({}, renderSubMenu), {}, _defineProperty({}, key, true)));
       setActiveItemState(item);
       props.onForward();
     }
   };
   var createSeparator = function createSeparator(index) {
     var key = 'separator_' + index;
-    return /*#__PURE__*/React.createElement("li", {
+    var separatorProps = mergeProps({
       key: key,
-      className: "p-menu-separator"
-    });
+      className: 'p-menu-separator'
+    }, props.ptm('separator'));
+    return /*#__PURE__*/React.createElement("li", separatorProps);
   };
   var createSubmenu = function createSubmenu(item, index) {
     var shouldRender = renderSubMenu[createKey(item, index)];
@@ -201,7 +189,8 @@ var SlideMenuSub = /*#__PURE__*/React.memo(function (props) {
         effectDuration: props.effectDuration,
         onForward: props.onForward,
         parentActive: item === activeItemState,
-        submenuIcon: props.submenuIcon
+        submenuIcon: props.submenuIcon,
+        ptm: props.ptm
       });
     }
     return null;
@@ -220,32 +209,34 @@ var SlideMenuSub = /*#__PURE__*/React.memo(function (props) {
       'p-disabled': item.disabled
     }, item.className);
     var iconClassName = classNames('p-menuitem-icon', item.icon);
-    var icon = IconUtils.getJSXIcon(item.icon, {
+    var iconProps = mergeProps({
       className: 'p-menuitem-icon'
-    }, {
+    }, getPTOptions(item, 'icon'));
+    var icon = IconUtils.getJSXIcon(item.icon, _objectSpread$1({}, iconProps), {
       props: props.menuProps
     });
     var submenuIconClassName = 'p-submenu-icon';
-    var submenuIcon = item.items && IconUtils.getJSXIcon(props.submenuIcon || /*#__PURE__*/React.createElement(AngleRightIcon, {
+    var submenuIconProps = mergeProps({
       className: submenuIconClassName
-    }), {
-      className: submenuIconClassName
-    }, {
+    }, getPTOptions(item, 'submenuIcon'));
+    var labelProps = mergeProps({
+      className: 'p-menuitem-text'
+    }, getPTOptions(item, 'label'));
+    var submenuIcon = item.items && IconUtils.getJSXIcon(props.submenuIcon || /*#__PURE__*/React.createElement(AngleRightIcon, submenuIconProps), _objectSpread$1({}, submenuIconProps), {
       props: props
     });
-    var label = item.label && /*#__PURE__*/React.createElement("span", {
-      className: "p-menuitem-text"
-    }, item.label);
+    var label = item.label && /*#__PURE__*/React.createElement("span", labelProps, item.label);
     var submenu = createSubmenu(item, index);
-    var content = /*#__PURE__*/React.createElement("a", {
+    var actionProps = mergeProps({
       href: item.url || '#',
-      className: "p-menuitem-link",
+      className: 'p-menuitem-link',
       target: item.target,
       onClick: function onClick(event) {
         return onItemClick(event, item, index);
       },
-      "aria-disabled": item.disabled
-    }, icon, label, submenuIcon);
+      'aria-disabled': item.disabled
+    }, getPTOptions(item, 'action'));
+    var content = /*#__PURE__*/React.createElement("a", actionProps, icon, label, submenuIcon);
     if (item.template) {
       var defaultContentOptions = {
         onClick: function onClick(event) {
@@ -261,12 +252,13 @@ var SlideMenuSub = /*#__PURE__*/React.memo(function (props) {
       };
       content = ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
     }
-    return /*#__PURE__*/React.createElement("li", {
-      key: key,
+    var menuitemProps = mergeProps({
       id: item.id,
+      key: key,
       className: className,
       style: item.style
-    }, content, submenu);
+    }, getPTOptions(item, 'menuitem'));
+    return /*#__PURE__*/React.createElement("li", menuitemProps, content, submenu);
   };
   var createItem = function createItem(item, index) {
     return item.separator ? createSeparator(index) : createMenuitem(item, index);
@@ -287,13 +279,16 @@ var SlideMenuSub = /*#__PURE__*/React.memo(function (props) {
     'p-active-submenu': props.parentActive
   });
   var items = createItems();
-  return /*#__PURE__*/React.createElement("ul", {
+  var menuProps = mergeProps({
     className: className,
     style: style
-  }, items);
+  }, props.ptm('menu'));
+  return /*#__PURE__*/React.createElement("ul", menuProps, items);
 });
 SlideMenuSub.displayName = 'SlideMenuSub';
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var SlideMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var props = SlideMenuBase.getProps(inProps);
   var _React$useState = React.useState(0),
@@ -304,6 +299,14 @@ var SlideMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     visibleState = _React$useState4[0],
     setVisibleState = _React$useState4[1];
+  var _SlideMenuBase$setMet = SlideMenuBase.setMetaData({
+      props: props,
+      state: {
+        visible: visibleState,
+        level: levelState
+      }
+    }),
+    ptm = _SlideMenuBase$setMet.ptm;
   var menuRef = React.useRef(null);
   var targetRef = React.useRef(null);
   var backward = React.useRef(null);
@@ -400,22 +403,24 @@ var SlideMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       'p-hidden': levelState === 0
     });
     var iconClassName = 'p-slidemenu-backward-icon';
-    var icon = props.backIcon || /*#__PURE__*/React.createElement(ChevronLeftIcon, {
-      className: iconClassName
-    });
-    var backIcon = IconUtils.getJSXIcon(icon, {
+    var previousIconProps = mergeProps({
       className: iconClassName
-    }, {
+    }, ptm('previousIcon'));
+    var icon = props.backIcon || /*#__PURE__*/React.createElement(ChevronLeftIcon, previousIconProps);
+    var backIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, previousIconProps), {
       props: props
     });
-    return /*#__PURE__*/React.createElement("div", {
+    var previousLabelProps = mergeProps(ptm('previousLabel'));
+    var previousProps = mergeProps({
       ref: backward,
       className: className,
-      onClick: navigateBack
-    }, backIcon, /*#__PURE__*/React.createElement("span", null, props.backLabel));
+      onClick: function onClick(e) {
+        return navigateBack();
+      }
+    }, ptm('previous'));
+    return /*#__PURE__*/React.createElement("div", previousProps, backIcon, /*#__PURE__*/React.createElement("span", previousLabelProps, props.backLabel));
   };
   var createElement = function createElement() {
-    var otherProps = SlideMenuBase.getOtherProps(props);
     var className = classNames('p-slidemenu p-component', {
       'p-slidemenu-overlay': props.popup
     }, props.className);
@@ -423,6 +428,23 @@ var SlideMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       height: props.viewportHeight + 'px'
     };
     var backward = createBackward();
+    var rootProps = mergeProps({
+      ref: menuRef,
+      id: props.id,
+      className: className,
+      style: props.style,
+      onClick: function onClick(e) {
+        return onPanelClick(e);
+      }
+    }, SlideMenuBase.getOtherProps(props), ptm('root'));
+    var wrapperProps = mergeProps({
+      className: 'p-slidemenu-wrapper',
+      style: wrapperStyle
+    }, ptm('wrapper'));
+    var contentProps = mergeProps({
+      ref: slideMenuContent,
+      className: 'p-slidemenu-content'
+    }, ptm('content'));
     return /*#__PURE__*/React.createElement(CSSTransition, {
       nodeRef: menuRef,
       classNames: "p-connected-overlay",
@@ -437,20 +459,7 @@ var SlideMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       onEntered: onEntered,
       onExit: onExit,
       onExited: onExited
-    }, /*#__PURE__*/React.createElement("div", _extends({
-      ref: menuRef,
-      id: props.id,
-      className: className,
-      style: props.style
-    }, otherProps, {
-      onClick: onPanelClick
-    }), /*#__PURE__*/React.createElement("div", {
-      className: "p-slidemenu-wrapper",
-      style: wrapperStyle
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "p-slidemenu-content",
-      ref: slideMenuContent
-    }, /*#__PURE__*/React.createElement(SlideMenuSub, {
+    }, /*#__PURE__*/React.createElement("div", rootProps, /*#__PURE__*/React.createElement("div", wrapperProps, /*#__PURE__*/React.createElement("div", contentProps, /*#__PURE__*/React.createElement(SlideMenuSub, {
       menuProps: props,
       model: props.model,
       root: true,
@@ -460,7 +469,8 @@ var SlideMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       level: levelState,
       parentActive: levelState === 0,
       onForward: navigateForward,
-      submenuIcon: props.submenuIcon
+      submenuIcon: props.submenuIcon,
+      ptm: ptm
     })), backward)));
   };
   var element = createElement();

package/slidemenu/slidemenu.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t from"primereact/api";import{CSSTransition as n}from"primereact/csstransition";import{useOverlayListener as r,useUpdateEffect as o,useUnmountEffect as i}from"primereact/hooks";import{OverlayService as a}from"primereact/overlayservice";import{Portal as u}from"primereact/portal";import{ObjectUtils as l,classNames as c,IconUtils as s,ZIndexUtils as m,DomHandler as p}from"primereact/utils";import{AngleRightIcon as f}from"primereact/icons/angleright";import{ChevronLeftIcon as d}from"primereact/icons/chevronleft";function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},b.apply(this,arguments)}function v(e){if(Array.isArray(e))return e}function y(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,u=[],l=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=i.call(n)).done)&&(u.push(r.value),u.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw o}}return u}}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function h(e,t){if(e){if("string"==typeof e)return g(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?g(e,t):void 0}}function w(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e,t){return v(e)||y(e,t)||h(e,t)||w()}var S={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},getProps:function(e){return l.getMergedProps(e,S.defaultProps)},getOtherProps:function(e){return l.getDiffProps(e,S.defaultProps)}};function E(e){return E="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},E(e)}function N(e,t){if("object"!==E(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==E(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function P(e){var t=N(e,"string");return"symbol"===E(t)?t:String(t)}function j(e,t,n){return(t=P(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function I(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function x(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?I(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var k=e.memo((function(t){var n=O(e.useState(null),2),r=n[0],o=n[1],i=O(e.useState({}),2),a=i[0],u=i[1],m=function(e,n,r){if(n.disabled)e.preventDefault();else if(n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n}),n.items){var i=b(n,r);u(x(x({},a),{},j({},i,!0))),o(n),t.onForward()}},p=function(t){return e.createElement("li",{key:"separator_"+t,className:"p-menu-separator"})},d=function(n,o){var i=a[b(n,o)];return n.items&&i?e.createElement(k,{menuProps:t.menuProps,model:n.items,index:t.index+1,menuWidth:t.menuWidth,effectDuration:t.effectDuration,onForward:t.onForward,parentActive:n===r,submenuIcon:t.submenuIcon}):null},b=function(e,t){return e.label+"_"+t},v=function(n,o){if(!1===n.visible)return null;var i=b(n,o),a=r===n,u=c("p-menuitem",{"p-menuitem-active":a,"p-disabled":n.disabled},n.className),p=c("p-menuitem-icon",n.icon),v=s.getJSXIcon(n.icon,{className:"p-menuitem-icon"},{props:t.menuProps}),y="p-submenu-icon",g=n.items&&s.getJSXIcon(t.submenuIcon||e.createElement(f,{className:y}),{className:y},{props:t}),h=n.label&&e.createElement("span",{className:"p-menuitem-text"},n.label),w=d(n,o),O=e.createElement("a",{href:n.url||"#",className:"p-menuitem-link",target:n.target,onClick:function(e){return m(e,n,o)},"aria-disabled":n.disabled},v,h,g);n.template&&(O=l.getJSXElement(n.template,n,{onClick:function(e){return m(e,n,o)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:p,submenuIconClassName:y,element:O,props:t,active:a}));return e.createElement("li",{key:i,id:n.id,className:u,style:n.style},O,w)},y=function(e,t){return e.separator?p(t):v(e,t)},g={width:t.menuWidth+"px",left:t.root?-1*t.level*t.menuWidth+"px":t.menuWidth+"px",transitionProperty:t.root?"left":"none",transitionDuration:t.effectDuration+"ms",transitionTimingFunction:t.easing},h=c({"p-slidemenu-rootlist":t.root,"p-submenu-list":!t.root,"p-active-submenu":t.parentActive}),w=t.model?t.model.map(y):null;return e.createElement("ul",{className:h,style:g},w)}));k.displayName="SlideMenuSub";var D=e.memo(e.forwardRef((function(l,f){var v=S.getProps(l),y=O(e.useState(0),2),g=y[0],h=y[1],w=O(e.useState(!1),2),E=w[0],N=w[1],P=e.useRef(null),j=e.useRef(null),I=e.useRef(null),x=e.useRef(null),D=O(r({target:j,overlay:P,listener:function(e,t){t.valid&&M(e)},when:E}),2),A=D[0],T=D[1],C=function(e){v.popup&&a.emit("overlay-click",{originalEvent:e,target:j.current})},W=function(){h((function(e){return e+1}))},F=function(){h((function(e){return e-1}))},H=function(e){v.popup&&(E?M(e):R(e))},R=function(e){j.current=e.currentTarget,N(!0),v.onShow&&v.onShow(e)},M=function(e){j.current=e.currentTarget,N(!1),v.onHide&&v.onHide(e)},Z=function(){v.autoZIndex&&m.set("menu",P.current,t.autoZIndex,v.baseZIndex||t.zIndex.menu),p.absolutePosition(P.current,j.current)},J=function(){A()},X=function(){j.current=null,T()},_=function(){m.clear(P.current),h(0)};o((function(){h(0)}),[v.model]),o((function(){v.onNavigate&&v.onNavigate({level:g})}),[g]),i((function(){m.clear(P.current)})),e.useImperativeHandle(f,(function(){return{props:v,toggle:H,show:R,hide:M,navigateForward:W,navigateBack:F,setLevelState:h,getElement:function(){return P.current}}}));var L=function(){var t=c("p-slidemenu-backward",{"p-hidden":0===g}),n="p-slidemenu-backward-icon",r=s.getJSXIcon(v.backIcon||e.createElement(d,{className:n}),{className:n},{props:v});return e.createElement("div",{ref:I,className:t,onClick:F},r,e.createElement("span",null,v.backLabel))},B=function(){var t=S.getOtherProps(v),r=c("p-slidemenu p-component",{"p-slidemenu-overlay":v.popup},v.className),o={height:v.viewportHeight+"px"},i=L();return e.createElement(n,{nodeRef:P,classNames:"p-connected-overlay",in:!v.popup||E,timeout:{enter:120,exit:100},options:v.transitionOptions,unmountOnExit:!0,onEnter:Z,onEntered:J,onExit:X,onExited:_},e.createElement("div",b({ref:P,id:v.id,className:r,style:v.style},t,{onClick:C}),e.createElement("div",{className:"p-slidemenu-wrapper",style:o},e.createElement("div",{className:"p-slidemenu-content",ref:x},e.createElement(k,{menuProps:v,model:v.model,root:!0,index:0,menuWidth:v.menuWidth,effectDuration:v.effectDuration,level:g,parentActive:0===g,onForward:W,submenuIcon:v.submenuIcon})),i)))}();return v.popup?e.createElement(u,{element:B,appendTo:v.appendTo}):B})));D.displayName="SlideMenu";export{D as SlideMenu};
+import*as e from"react";import t from"primereact/api";import{CSSTransition as n}from"primereact/csstransition";import{useOverlayListener as r,useUpdateEffect as o,useUnmountEffect as i}from"primereact/hooks";import{OverlayService as a}from"primereact/overlayservice";import{Portal as u}from"primereact/portal";import{classNames as l,mergeProps as c,IconUtils as m,ObjectUtils as s,ZIndexUtils as p,DomHandler as f}from"primereact/utils";import{ComponentBase as d}from"primereact/componentbase";import{AngleRightIcon as b}from"primereact/icons/angleright";import{ChevronLeftIcon as v}from"primereact/icons/chevronleft";function y(e){return y="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},y(e)}function g(e,t){if("object"!==y(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==y(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function h(e){var t=g(e,"string");return"symbol"===y(t)?t:String(t)}function O(e,t,n){return(t=h(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function w(e){if(Array.isArray(e))return e}function S(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,u=[],l=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=i.call(n)).done)&&(u.push(r.value),u.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw o}}return u}}function E(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function j(e,t){if(e){if("string"==typeof e)return E(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?E(e,t):void 0}}function P(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function N(e,t){return w(e)||S(e,t)||j(e,t)||P()}var I=d.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}});function x(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?x(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var D=e.memo((function(t){var n=N(e.useState(null),2),r=n[0],o=n[1],i=N(e.useState({}),2),a=i[0],u=i[1],p=function(e,n){return t.ptm(n,{context:{active:r===e}})},f=function(e,n,r){if(n.disabled)e.preventDefault();else if(n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n}),n.items){var i=y(n,r);u(k(k({},a),{},O({},i,!0))),o(n),t.onForward()}},d=function(n){var r=c({key:"separator_"+n,className:"p-menu-separator"},t.ptm("separator"));return e.createElement("li",r)},v=function(n,o){var i=a[y(n,o)];return n.items&&i?e.createElement(D,{menuProps:t.menuProps,model:n.items,index:t.index+1,menuWidth:t.menuWidth,effectDuration:t.effectDuration,onForward:t.onForward,parentActive:n===r,submenuIcon:t.submenuIcon,ptm:t.ptm}):null},y=function(e,t){return e.label+"_"+t},g=function(n,o){if(!1===n.visible)return null;var i=y(n,o),a=r===n,u=l("p-menuitem",{"p-menuitem-active":a,"p-disabled":n.disabled},n.className),d=l("p-menuitem-icon",n.icon),g=c({className:"p-menuitem-icon"},p(n,"icon")),h=m.getJSXIcon(n.icon,k({},g),{props:t.menuProps}),O="p-submenu-icon",w=c({className:O},p(n,"submenuIcon")),S=c({className:"p-menuitem-text"},p(n,"label")),E=n.items&&m.getJSXIcon(t.submenuIcon||e.createElement(b,w),k({},w),{props:t}),j=n.label&&e.createElement("span",S,n.label),P=v(n,o),N=c({href:n.url||"#",className:"p-menuitem-link",target:n.target,onClick:function(e){return f(e,n,o)},"aria-disabled":n.disabled},p(n,"action")),I=e.createElement("a",N,h,j,E);n.template&&(I=s.getJSXElement(n.template,n,{onClick:function(e){return f(e,n,o)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:d,submenuIconClassName:O,element:I,props:t,active:a}));var x=c({id:n.id,key:i,className:u,style:n.style},p(n,"menuitem"));return e.createElement("li",x,I,P)},h=function(e,t){return e.separator?d(t):g(e,t)},w={width:t.menuWidth+"px",left:t.root?-1*t.level*t.menuWidth+"px":t.menuWidth+"px",transitionProperty:t.root?"left":"none",transitionDuration:t.effectDuration+"ms",transitionTimingFunction:t.easing},S=l({"p-slidemenu-rootlist":t.root,"p-submenu-list":!t.root,"p-active-submenu":t.parentActive}),E=t.model?t.model.map(h):null,j=c({className:S,style:w},t.ptm("menu"));return e.createElement("ul",j,E)}));function A(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function T(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?A(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):A(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}D.displayName="SlideMenuSub";var C=e.memo(e.forwardRef((function(s,d){var b=I.getProps(s),y=N(e.useState(0),2),g=y[0],h=y[1],O=N(e.useState(!1),2),w=O[0],S=O[1],E=I.setMetaData({props:b,state:{visible:w,level:g}}).ptm,j=e.useRef(null),P=e.useRef(null),x=e.useRef(null),k=e.useRef(null),A=N(r({target:P,overlay:j,listener:function(e,t){t.valid&&Z(e)},when:w}),2),C=A[0],W=A[1],F=function(){h((function(e){return e+1}))},H=function(){h((function(e){return e-1}))},R=function(e){b.popup&&(w?Z(e):M(e))},M=function(e){P.current=e.currentTarget,S(!0),b.onShow&&b.onShow(e)},Z=function(e){P.current=e.currentTarget,S(!1),b.onHide&&b.onHide(e)},J=function(){b.autoZIndex&&p.set("menu",j.current,t.autoZIndex,b.baseZIndex||t.zIndex.menu),f.absolutePosition(j.current,P.current)},L=function(){C()},X=function(){P.current=null,W()},_=function(){p.clear(j.current),h(0)};o((function(){h(0)}),[b.model]),o((function(){b.onNavigate&&b.onNavigate({level:g})}),[g]),i((function(){p.clear(j.current)})),e.useImperativeHandle(d,(function(){return{props:b,toggle:R,show:M,hide:Z,navigateForward:F,navigateBack:H,setLevelState:h,getElement:function(){return j.current}}}));var B=function(){var t=l("p-slidemenu-backward",{"p-hidden":0===g}),n=c({className:"p-slidemenu-backward-icon"},E("previousIcon")),r=m.getJSXIcon(b.backIcon||e.createElement(v,n),T({},n),{props:b}),o=c(E("previousLabel")),i=c({ref:x,className:t,onClick:function(e){return H()}},E("previous"));return e.createElement("div",i,r,e.createElement("span",o,b.backLabel))},z=function(){var t=l("p-slidemenu p-component",{"p-slidemenu-overlay":b.popup},b.className),r={height:b.viewportHeight+"px"},o=B(),i=c({ref:j,id:b.id,className:t,style:b.style,onClick:function(e){return t=e,void(b.popup&&a.emit("overlay-click",{originalEvent:t,target:P.current}));var t}},I.getOtherProps(b),E("root")),u=c({className:"p-slidemenu-wrapper",style:r},E("wrapper")),m=c({ref:k,className:"p-slidemenu-content"},E("content"));return e.createElement(n,{nodeRef:j,classNames:"p-connected-overlay",in:!b.popup||w,timeout:{enter:120,exit:100},options:b.transitionOptions,unmountOnExit:!0,onEnter:J,onEntered:L,onExit:X,onExited:_},e.createElement("div",i,e.createElement("div",u,e.createElement("div",m,e.createElement(D,{menuProps:b,model:b.model,root:!0,index:0,menuWidth:b.menuWidth,effectDuration:b.effectDuration,level:g,parentActive:0===g,onForward:F,submenuIcon:b.submenuIcon,ptm:E})),o)))}();return b.popup?e.createElement(u,{element:z,appendTo:b.appendTo}):z})));C.displayName="SlideMenu";export{C as SlideMenu};