primereact 10.2.1 → 10.3.1

package/tieredmenu/tieredmenu.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{useEventListener as u,useResizeListener as l,useMountEffect as a,useUpdateEffect as c,useMatchMedia as s,useOverlayListener as p,useUnmountEffect as m}from"primereact/hooks";import{OverlayService as d}from"primereact/overlayservice";import{Portal as f}from"primereact/portal";import{classNames as b,mergeProps as v,DomHandler as y,IconUtils as h,ObjectUtils as g,UniqueComponentId as x,ZIndexUtils as w}from"primereact/utils";import{AngleRightIcon as S}from"primereact/icons/angleright";import{Ripple as E}from"primereact/ripple";function I(){return I=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},I.apply(this,arguments)}function O(e){if(Array.isArray(e))return e}function P(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,u,l=[],a=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;a=!1}else for(;!(a=(r=i.call(t)).done)&&(l.push(r.value),l.length!==n);a=!0);}catch(e){c=!0,o=e}finally{try{if(!a&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(c)throw o}}return l}}function k(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 N(e,n){if(e){if("string"==typeof e)return k(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)?k(e,n):void 0}}function M(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function j(e,n){return O(e)||P(e,n)||N(e,n)||M()}var T=r.extend({defaultProps:{__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var t=e.props,r=e.context;return b("p-tieredmenu p-component",{"p-tieredmenu-overlay":t.popup,"p-input-filled":r&&"filled"===r.inputStyle||"filled"===n.inputStyle,"p-ripple-disabled":r&&!1===r.ripple||!1===n.ripple},t.className)},separator:"p-menu-separator",icon:function(e){return b("p-menuitem-icon",e._icon)},label:"p-menuitem-text",submenuIcon:"p-submenu-icon",action:function(e){return b("p-menuitem-link",{"p-disabled":e.disabled})},menuitem:function(e){return b("p-menuitem",{"p-menuitem-active":e.active},e._className)},menu:function(e){return b({"p-submenu-list":!e.subProps.root})},submenu:function(e){return b({"p-submenu-list":!e.subProps.root})},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-tieredmenu-overlay {\n        position: absolute;\n    }\n    \n    .p-tieredmenu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n    \n    .p-tieredmenu .p-submenu-list {\n        position: absolute;\n        min-width: 100%;\n        z-index: 1;\n        display: none;\n    }\n    \n    .p-tieredmenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-tieredmenu .p-menuitem-text {\n        line-height: 1;\n    }\n    \n    .p-tieredmenu .p-menuitem {\n        position: relative;\n    }\n    \n    .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n    \n    .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n        display: block;\n        left: 100%;\n        top: 0;\n    }\n    \n    .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n        left: -100%;\n    }\n}\n",inlineStyles:{submenu:function(e){var n=e.subProps;return{display:!n.root&&n.parentActive?"block":"none"}}}}});function C(e){return C="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},C(e)}function D(e,n){if("object"!==C(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==C(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function A(e){var n=D(e,"string");return"symbol"===C(n)?n:String(n)}function H(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 _(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?H(Object(t),!0).forEach((function(n){var r,o,i;r=e,i=t[n],(o=A(o=n))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):H(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var R=e.memo((function(n){var t=j(e.useState(null),2),r=t[0],o=t[1],i=e.useRef(null),s=n.ptm,p=n.cx,m=n.sx,d=function(e,t){return s(t,{hostName:n.hostName,context:{active:r===e}})},f=j(u({type:"click",listener:function(e){n.isMobileMode||!i.current||i.current.contains(e.target)||o(null)}}),1)[0],x=j(l({listener:function(){!n.isMobileMode&&o(null)}}),1)[0],w=function(){if(i.current){var e=i.current.parentElement,n=y.getOffset(e),t=y.getViewport(),r=i.current.offsetParent?i.current.offsetWidth:y.getHiddenElementOuterWidth(i.current),o=y.getOuterWidth(e.children[0]),u=parseInt(n.top,10)+i.current.offsetHeight-y.getWindowScrollTop();i.current.style.top=u>t.height?t.height-u+"px":"0px",parseInt(n.left,10)+o+r>t.width-y.calculateScrollbarWidth()&&y.addClass(i.current,"p-submenu-list-flipped")}},I=function(e,t){t.disabled||n.isMobileMode?e.preventDefault():n.root?(r||n.popup)&&o(t):o(t)},O=function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),(n.root||n.isMobileMode)&&t.items&&o(r&&t===r?null:t),t.items||T(e))},P=function(e,t){var r=e.currentTarget.parentElement;switch(e.which){case 40:var i=N(r);i&&i.children[0].focus(),e.preventDefault();break;case 38:var u=M(r);u&&u.children[0].focus(),e.preventDefault();break;case 39:t.items&&(o(t),setTimeout((function(){r.children[1].children[0].children[0].focus()}),50)),e.preventDefault()}n.onKeyDown&&n.onKeyDown(e,r)},k=function(e,n){37===e.which&&(o(null),n.parentElement.previousElementSibling.focus())},N=function e(n){var t=n.nextElementSibling;return t?y.hasClass(t,"p-disabled")||!y.hasClass(t,"p-menuitem")?e(t):t:null},M=function e(n){var t=n.previousElementSibling;return t?y.hasClass(t,"p-disabled")||!y.hasClass(t,"p-menuitem")?e(t):t:null},T=function(e){n.isMobileMode&&!n.popup||(o(null),n.onLeafClick&&n.onLeafClick(e),n.onHide&&n.onHide(e))};a((function(){f(),x()})),c((function(){n.parentActive||o(null),n.root||!n.parentActive||n.isMobileMode||w()}),[n.parentActive]),c((function(){n.onItemToggle&&n.onItemToggle()}),[r]);var C=function(t){var r=v({key:"separator_"+t,className:p("separator"),role:"separator"},s("separator",{hostName:n.hostName}));return e.createElement("li",r)},D=function(t,o){return t.items?e.createElement(R,{id:n.id+"_"+o,menuProps:n.menuProps,model:t.items,onLeafClick:T,popup:n.popup,onKeyDown:k,parentActive:t===r,isMobileMode:n.isMobileMode,onItemToggle:n.onItemToggle,submenuIcon:n.submenuIcon,ptm:n.ptm,cx:p,sx:m}):null},A=function(t,o){if(!1===t.visible)return null;var i=t.className,u=t.style,l=t.disabled,a=t.icon,c=t.label,s=t.items,m=t.target,f=t.url,y=t.template,x=t.id||n.id+"_"+o,w=r===t,k=b("p-menuitem-link",{"p-disabled":l}),N=b("p-menuitem-icon",a),M=v({className:p("icon",{_icon:a})},d(t,"icon")),j=h.getJSXIcon(a,_({},M),{props:n.menuProps}),T=v({className:p("label")},d(t,"label")),C=c&&e.createElement("span",T,c),A=v({className:p("submenuIcon")},d(t,"submenuIcon")),H=t.items&&h.getJSXIcon(n.submenuIcon||e.createElement(S,A),_({},A),{props:n.menuProps}),R=D(t,o),Z=v({href:f||"#",className:p("action",{disabled:l}),target:m,role:"menuitem","aria-haspopup":null!=s,onClick:function(e){return O(e,t)},onKeyDown:function(e){return P(e,t)},"aria-disabled":l},d(t,"action")),K=e.createElement("a",Z,j,C,H,e.createElement(E,null));y&&(K=g.getJSXElement(y,t,{onClick:function(e){return O(e,t)},onKeyDown:function(e){return P(e,t)},className:k,labelClassName:"p-menuitem-text",iconClassName:N,submenuIconClassName:"p-submenu-icon",element:K,props:n,active:w,disabled:l}));var W=v({key:x,id:x,className:p("menuitem",{_className:i,active:w}),style:u,onMouseEnter:function(e){return I(e,t)},role:"none"},d(t,"menuitem"));return e.createElement("li",W,K,R)},H=n.model?n.model.map((function(e,n){return e.separator?C(n):A(e,n)})):null,Z=n.root?"menu":"submenu",K=v({ref:i,className:p(Z,{subProps:n}),style:m(Z,{subProps:n}),role:n.root?"menubar":"menu","aria-orientation":"horizontal"},s(Z,{hostName:n.hostName}));return e.createElement("ul",K,H)}));R.displayName="TieredMenuSub";var Z=e.memo(e.forwardRef((function(r,u){var l=e.useContext(t),b=T.getProps(r,l),h=j(e.useState(b.id),2),g=h[0],S=h[1],E=j(e.useState(!b.popup),2),O=E[0],P=E[1],k=j(e.useState(null),2),N=k[0],M=k[1],C=T.setMetaData({props:b,state:{id:g,visible:O,attributeSelector:N}}),D=C.ptm,A=C.cx,H=C.sx;o(T.css.styles,C.isUnstyled,{name:"tieredmenu"});var _=e.useRef(null),Z=e.useRef(null),K=e.useRef(null),W=s("screen and (max-width: ".concat(b.breakpoint,")"),!!b.breakpoint),z=j(p({target:Z,overlay:_,listener:function(e,n){n.valid&&Y(e)},when:O}),2),L=z[0],J=z[1],X=function(e){b.popup&&d.emit("overlay-click",{originalEvent:e,target:Z.current})},U=function(e){b.popup&&(O?Y(e):V(e))},V=function(e){Z.current=e.currentTarget,P(!0),b.onShow&&b.onShow(e)},Y=function(e){b.popup&&(Z.current=e.currentTarget,P(!1),b.onHide&&b.onHide(e))},$=function(){b.popup&&W&&y.absolutePosition(_.current,Z.current)},q=function(){if(!K.current){K.current=y.createInlineStyle(l&&l.nonce||n.nonce);var e="".concat(N),t="\n@media screen and (max-width: ".concat(b.breakpoint,") {\n    .p-tieredmenu[").concat(e,"] > ul {\n        max-height: ").concat(b.scrollHeight,";\n        overflow: ").concat(b.scrollHeight?"auto":"",";\n    }\n\n    .p-tieredmenu[").concat(e,"] .p-submenu-list {\n        position: relative;\n    }\n\n    .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n        left: 0;\n        box-shadow: none;\n        border-radius: 0;\n        padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n    }\n\n    .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n        transform: rotate(-180deg);\n    }\n\n    .p-tieredmenu[").concat(e,'] .p-submenu-icon:before {\n        content: "\\e930";\n    }\n\n    ').concat(b.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");K.current.innerHTML=t}},B=function(){K.current=y.removeInlineStyle(K.current)},F=function(){b.autoZIndex&&w.set("menu",_.current,l&&l.autoZIndex||n.autoZIndex,b.baseZIndex||l&&l.zIndex.menu||n.zIndex.menu),y.addStyles(_.current,{position:"absolute",top:"0",left:"0"}),y.absolutePosition(_.current,Z.current),N&&b.breakpoint&&(_.current.setAttribute(N,""),q())},G=function(){L()},Q=function(){Z.current=null,J()},ee=function(){w.clear(_.current),B()};a((function(){var e=x();!g&&S(e),b.breakpoint&&!N&&M(e)})),c((function(){return N&&_.current&&(_.current.setAttribute(N,""),q()),function(){B()}}),[N,b.breakpoint]),m((function(){w.clear(_.current)})),e.useImperativeHandle(u,(function(){return{props:b,toggle:U,show:V,hide:Y,getElement:function(){return _.current}}}));var ne,te,re=(ne=v({ref:_,id:b.id,className:A("root"),style:b.style,onClick:X},T.getOtherProps(b),D("root")),te=v({classNames:A("transition"),in:O,timeout:{enter:120,exit:100},options:b.transitionOptions,unmountOnExit:!0,onEnter:F,onEntered:G,onExit:Q,onExited:ee},D("transition")),e.createElement(i,I({nodeRef:_},te),e.createElement("div",ne,e.createElement(R,{id:g,hostName:"TieredMenu",menuProps:b,model:b.model,root:!0,popup:b.popup,onHide:Y,isMobileMode:W,onItemToggle:$,submenuIcon:b.submenuIcon,ptm:D,cx:A,sx:H}))));return b.popup?e.createElement(f,{element:re,appendTo:b.appendTo}):re})));Z.displayName="TieredMenu";export{Z as TieredMenu};
+import*as e from"react";import n,{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as o}from"primereact/csstransition";import{useUpdateEffect as u,useMatchMedia as a,useEventListener as c,useResizeListener as l,useMountEffect as s,useUnmountEffect as p}from"primereact/hooks";import{OverlayService as m}from"primereact/overlayservice";import{Portal as f}from"primereact/portal";import{classNames as d,mergeProps as b,DomHandler as v,ObjectUtils as y,IconUtils as g,UniqueComponentId as h,ZIndexUtils as x}from"primereact/utils";import{AngleRightIcon as I}from"primereact/icons/angleright";import{Ripple as E}from"primereact/ripple";function k(){return k=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},k.apply(this,arguments)}function O(e){return O="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},O(e)}function w(e,n){if("object"!==O(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==O(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function S(e){var n=w(e,"string");return"symbol"===O(n)?n:String(n)}function P(e,n,t){return(n=S(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function N(e){if(Array.isArray(e))return e}function j(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,u,a=[],c=!0,l=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(a.push(r.value),a.length!==n);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(l)throw i}}return a}}function K(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 D(e,n){if(e){if("string"==typeof e)return K(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)?K(e,n):void 0}}function M(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function T(e,n){return N(e)||j(e,n)||D(e,n)||M()}var A=r.extend({defaultProps:{__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onFocus:null,onBlur:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var t=e.props,r=e.context;return d("p-tieredmenu p-component",{"p-tieredmenu-overlay":t.popup,"p-input-filled":r&&"filled"===r.inputStyle||"filled"===n.inputStyle,"p-ripple-disabled":r&&!1===r.ripple||!1===n.ripple},t.className)},separator:"p-menuitem-separator",icon:function(e){return d("p-menuitem-icon",e._icon)},content:"p-menuitem-content",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",action:"p-menuitem-link",menuitem:function(e){return d("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e._className)},menu:"p-tieredmenu-root-list",submenu:"p-submenu-list",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-tieredmenu-overlay {\n        position: absolute;\n    }\n\n    .p-tieredmenu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-tieredmenu .p-submenu-list {\n        position: absolute;\n        min-width: 100%;\n        z-index: 1;\n        display: none;\n    }\n\n    .p-tieredmenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-tieredmenu .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-tieredmenu .p-menuitem {\n        position: relative;\n    }\n\n    .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n        display: block;\n        left: 100%;\n        top: 0;\n    }\n\n    .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n        left: -100%;\n    }\n}\n",inlineStyles:{submenu:function(e){var n=e.subProps;return{display:!n.root&&n.parentActive?"block":"none"}}}}});function C(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 L(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?C(Object(t),!0).forEach((function(n){P(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):C(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var H=e.memo(e.forwardRef((function(n,t){var r=e.useRef(null),i=n.ptm,o=n.cx,a=n.sx,c=function(e,t){return i(t,{hostName:n.hostName,context:{active:f(e)}})},l=function(){if(r.current){var e=r.current.parentElement,n=v.getOffset(e),t=v.getViewport(),i=r.current.offsetParent?r.current.offsetWidth:v.getHiddenElementOuterWidth(r.current),o=v.getOuterWidth(e.children[0]),u=parseInt(n.top,10)+r.current.offsetHeight-v.getWindowScrollTop();r.current.style.top=u>t.height?t.height-u+"px":"0px",parseInt(n.left,10)+o+i>t.width-v.calculateScrollbarWidth()&&v.addClass(r.current,"p-submenu-list-flipped")}},s=function(e,t){var r=t.item;x(t)?e.preventDefault():(r.url||e.preventDefault(),r.command&&r.command({originalEvent:e,item:r}),n.onItemClick&&n.onItemClick({originalEvent:e,processedItem:t}))},p=function(e){return"".concat(n.menuId,"_").concat(e.key)},m=function(e,n,t){return e&&e.item?y.getItemValue(e.item[n],t):void 0},f=function(e){return n.activeItemPath.some((function(n){return n.key===e.key}))},h=function(e){return!1!==m(e,"visible")},x=function(e){return m(e,"disabled")},k=function(e){return n.focusedItemId===p(e)},O=function(e){return y.isNotEmpty(e.items)},w=function(e,t){n.onItemMouseEnter&&n.onItemMouseEnter({originalEvent:e,processedItem:t})},S=function(e){return e-n.model.slice(0,e).filter((function(e){return h(e)&&m(e,"separator")})).length+1};u((function(){n.root||!n.parentActive||n.isMobileMode||l()}),[n.parentActive]),e.useImperativeHandle(t,(function(){return{getElement:function(){return r.current}}}));var P=function(t){var r=b({key:"separator_"+t,className:o("separator"),role:"separator"},i("separator",{hostName:n.hostName}));return e.createElement("li",r)},N=function(t,r){return O(t)?e.createElement(H,{id:n.id+"_"+r,menuProps:n.menuProps,model:t.items,menuId:n.menuId,ariaLabelledby:p(item),focusedItemId:n.focusedItemId,activeItemPath:n.activeItemPath,level:n.level+1,onItemClick:n.onItemClick,popup:n.popup,onItemMouseEnter:n.onItemMouseEnter,parentActive:f(t),isMobileMode:n.isMobileMode,submenuIcon:n.submenuIcon,ptm:n.ptm,cx:o,sx:a}):null},j=function(t,r){if(!1===h(t))return null;var i=t.item,u=m(t,"style"),a=m(t,"icon"),l=m(t,"target"),v=m(t,"url"),P=p(t),j=k(t),K=f(t),D=x(t),M=O(t),T=d("p-menuitem-link"),A=d("p-menuitem-icon",a),C=b({className:d(i.icon,"p-menuitem-icon","icon")},c(t,"icon")),H=g.getJSXIcon(a,L({},C),{props:n.menuProps}),R=b({className:o("label")},c(t,"label")),_=i.label&&e.createElement("span",R,i.label),W=b({className:o("submenuIcon")},c(t,"submenuIcon")),B=M&&g.getJSXIcon(n.submenuIcon||e.createElement(I,W),L({},W),{props:n.menuProps}),F=N(t,r),Z=b({href:v||"#","aria-hidden":!0,tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:o("action"),target:l},c(t,"action")),V=e.createElement("a",Z,H,_,B,e.createElement(E,null));i.template&&(V=y.getJSXElement(i.template,i,{className:T,labelClassName:"p-menuitem-text",iconClassName:A,submenuIconClassName:"p-submenu-icon",element:V,props:n,active:K,disabled:D}));var z=b({onClick:function(e){return s(e,t)},onMouseEnter:function(e){return w(e,t)},className:o("content")},c(t,"content")),U=b({key:P,id:P,"aria-label":i.label,"aria-disabled":D,"aria-expanded":M?K:void 0,"aria-haspopup":M&&!v?"menu":void 0,"aria-level":n.level+1,"aria-setsize":n.model.filter((function(e){return h(e)&&!m(e,"separator")})).length,"aria-posinset":S(r),"data-p-highlight":K,"data-p-disabled":D,"data-p-visited":j,className:o("menuitem",{className:i.className,active:K,focused:j,disabled:D}),style:u,onMouseEnter:function(e){return w(e,i)},role:"menuitem"},c(t,"menuitem"));return e.createElement("li",U,e.createElement("div",z,V),F)},K=n.model?n.model.map((function(e,n){return m(e,"separator")?P(n):j(e,n)})):null,D=n.root?"menu":"submenu",M=b({ref:r,id:n.id,tabIndex:n.tabIndex,onFocus:n.onFocus,onBlur:n.onBlur,onKeyDown:n.onKeyDown,className:o(D,{subProps:n}),style:a(D,{subProps:n}),role:n.root?"menubar":"menu","aria-label":n.ariaLabel,"aria-labelledby":n.ariaLabelledby,"aria-orientation":n.ariaOrientation,"aria-activedescendant":n.focusedItemId},i(D,{hostName:n.hostName}));return e.createElement("ul",M,K)})));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 _(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){P(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="TieredMenuSub";var W=e.memo(e.forwardRef((function(r,d){var g=e.useContext(t),I=A.getProps(r,g),E=T(e.useState(I.id),2),O=E[0],w=E[1],S=T(e.useState(!I.popup),2),P=S[0],N=S[1],j=T(e.useState([]),2),K=j[0],D=j[1],M=T(e.useState(!1),2),C=M[0],L=M[1],R=T(e.useState(null),2),W=R[0],B=R[1],F=T(e.useState({index:-1,level:0,parentKey:""}),2),Z=F[0],V=F[1],z=T(e.useState(!1),2),U=z[0],J=z[1],X=T(e.useState([]),2),Y=X[0],$=X[1],q=T(e.useState([]),2),G=q[0],Q=q[1],ee=T(e.useState(!1),2),ne=ee[0],te=ee[1],re=T(e.useState(null),2),ie=re[0],oe=re[1],ue=A.setMetaData({props:I,state:{id:O,visible:P,attributeSelector:ie}}),ae=ue.ptm,ce=ue.cx,le=ue.sx;i(A.css.styles,ue.isUnstyled,{name:"tieredmenu"});var se=e.useRef(null),pe=e.useRef(null),me=e.useRef(null),fe=e.useRef(null),de=e.useRef(null),be=e.useRef(null),ve=e.useRef(null),ye=a("screen and (max-width: ".concat(I.breakpoint,")"),!!I.breakpoint),ge=T(c({type:"click",listener:function(e){var n=se.current&&!se.current.contains(e.target),t=!I.popup||!(me.current&&(me.current===e.target||me.current.contains(e.target)));n&&t&&Pe(e,!I.popup)}}),2),he=ge[0],xe=ge[1],Ie=T(l({listener:function(){!ye&&Pe(event,!0)}}),2),Ee=Ie[0],ke=Ie[1],Oe=function(e){I.popup&&m.emit("overlay-click",{originalEvent:e,target:me.current})},we=function(e){I.popup&&(P?Pe(e):Se(e))},Se=function(e){I.popup&&(me.current=e.currentTarget,N(!0),I.onShow&&I.onShow(e),fe.current=e.relatedTarget||null),V({index:an(),level:0,parentKey:""})},Pe=function(e,n){I.popup&&(N(!1),I.onHide&&I.onHide(e));var t=Ve();D([]),V({index:-1,level:0,parentKey:""}),n&&v.focus(fe.current||me.current||t),J(!1)},Ne=function(e){L(!0),V(-1!==Z.index?Z:{index:an(),level:0,parentKey:""}),I.onFocus&&I.onFocus(e)},je=function(e){L(!1),V({index:-1,level:0,parentKey:""}),be.current="",J(!1),I.onBlur&&I.onBlur(e)},Ke=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Ae(e);break;case"ArrowUp":Ce(e);break;case"ArrowLeft":Le(e);break;case"ArrowRight":He(e);break;case"Home":Re(e);break;case"End":_e(e);break;case"Space":Be(e);break;case"Enter":We(e);break;case"Escape":I.popup&&v.focus(me.current),Fe(e);break;case"Tab":Ze(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&y.isPrintableCharacter(e.key)&&ln(e.key)}},De=function(e){var n=e.processedItem,t=e.isFocus;if(!y.isEmpty(n)){var r=n.index,i=n.key,o=n.level,u=n.parentKey,a=y.isNotEmpty(n.items),c=K.filter((function(e){return e.parentKey!==u&&e.parentKey!==i}));a&&c.push(n),V({index:r,level:o,parentKey:u}),D(c),a&&J(!0),t&&v.focus(Ve())}},Me=function(e){var n=e.originalEvent,t=e.processedItem;if(!Je(t)&&!I.isMobileMode){var r=$e(t),i=y.isEmpty(t.parent),o=en(t),u=Ve();if(o){var a=t.index,c=t.key,l=t.level,s=t.parentKey;D(K.filter((function(e){return c!==e.key&&c.startsWith(e.key)}))),V({index:a,level:l,parentKey:s}),r||J(!i),setTimeout((function(){v.focus(u),r&&J(!0)}),0)}else if(r)v.focus(u),De(e);else{var p=i?t:K.find((function(e){return""===e.parentKey})),m=p?p.index:-1;Pe(n,!0),V({index:m,parentKey:p?p.parentKey:""})}}},Te=function(e){var n=e.originalEvent;Je(e.processedItem)||I.isMobileMode?n.preventDefault():U&&!I.popup&&De(e)},Ae=function(e){var n=-1!==Z.index?rn(Z.index):an();sn(n),e.preventDefault()},Ce=function(e){if(e.altKey){if(I.popup&&v.focus(me.current),-1!==Z.index){var n=G[Z.index];!$e(n)&&De({originalEvent:e,processedItem:n})}I.popup&&Pe(e,!0),e.preventDefault()}else{var t=-1!==Z.index?on(Z.index):cn();sn(t),e.preventDefault()}},Le=function(e){var n=G[Z.index],t=K.find((function(e){return e.key===n.parentKey}));y.isEmpty(n.parent)||(V({index:-1,parentKey:t?t.parentKey:""}),be.current="",setTimeout((function(){return te(!0)}),0)),D(K.filter((function(e){return e.parentKey!==Z.parentKey}))),e.preventDefault()},He=function(e){var n=G[Z.index];$e(n)&&(De({originalEvent:e,processedItem:n}),V({index:-1,parentKey:n.key}),be.current="",setTimeout((function(){return te(!0)}),0)),e.preventDefault()},Re=function(e){sn(nn()),e.preventDefault()},_e=function(e){sn(tn()),e.preventDefault()},We=function(e){if(-1!==Z.index){var n=v.findSingle(Ve(),'li[id="'.concat("".concat(W),'"]')),t=n&&v.findSingle(n,'[data-pc-section="action"]');I.popup&&v.focus(me.current),t?t.click():n&&n.click()}e.preventDefault()},Be=function(e){We(e)},Fe=function(e){Pe(e,!0),!I.popup&&V(_(_({},Z),{},{index:an()})),e.preventDefault()},Ze=function(e){if(-1!==Z.index){var n=G[Z.index];!$e(n)&&De({originalEvent:e,processedItem:n})}Pe(e)},Ve=function(){return pe.current.getElement()||null},ze=function(e,n){return e?y.getItemValue(e[n]):void 0},Ue=function(e){return ze(e,"label")},Je=function(e){return ze(e,"disabled")},Xe=function(e){return ze(e,"separator")},Ye=function(e){return e?Ue(e.item):void 0},$e=function(e){return e&&y.isNotEmpty(e.items)},qe=function(e){return Ge(e)&&Ye(e).toLocaleLowerCase().startsWith(be.current.toLocaleLowerCase())},Ge=function(e){return!!e&&!Je(e.item)&&!Xe(e.item)},Qe=function(e){return Ge(e)&&en(e)},en=function(e){return K.some((function(n){return n.key===e.key}))},nn=function(){return G.findIndex((function(e){return Ge(e)}))},tn=function(){return y.findLastIndex(G,(function(e){return Ge(e)}))},rn=function(e){var n=e<G.length-1?G.slice(e+1).findIndex((function(e){return Ge(e)})):-1;return n>-1?n+e+1:e},on=function(e){var n=e>0?y.findLastIndex(G.slice(0,e),(function(e){return Ge(e)})):-1;return n>-1?n:e},un=function(){return G.findIndex((function(e){return Qe(e)}))},an=function(){var e=un();return e<0?nn():e},cn=function(){var e=un();return e<0?tn():e},ln=function(e){be.current=(be.current||"")+e;var n=-1,t=!1;return-1!==(n=-1!==Z.index?-1===(n=G.slice(Z.index).findIndex((function(e){return qe(e)})))?G.slice(0,Z.index).findIndex((function(e){return qe(e)})):n+Z.index:G.findIndex((function(e){return qe(e)})))&&(t=!0),-1===n&&-1===Z.index&&(n=an()),-1!==n&&sn(n),ve.current&&clearTimeout(ve),ve.current=setTimeout((function(){be.current="",ve.current=null}),500),t},sn=function(e){Z.index!==e&&(V(_(_({},Z),{},{index:e})),pn())},pn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(O,"_").concat(e):W,t=v.findSingle(Ve(),'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},mn=function e(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",o=[];return n&&n.forEach((function(n,u){var a=(""!==i?i+"_":"")+u,c={item:n,index:u,level:t,key:a,parent:r,parentKey:i};c.items=e(n.items,t+1,c,a),o.push(c)})),o},fn=function(){if(!de.current){de.current=v.createInlineStyle(g&&g.nonce||n.nonce,g&&g.styleContainer);var e="".concat(ie),t="\n@media screen and (max-width: ".concat(I.breakpoint,") {\n    .p-tieredmenu[").concat(e,"] > ul {\n        max-height: ").concat(I.scrollHeight,";\n        overflow: ").concat(I.scrollHeight?"auto":"",";\n    }\n\n    .p-tieredmenu[").concat(e,"] .p-submenu-list {\n        position: relative;\n    }\n\n    .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n        left: 0;\n        box-shadow: none;\n        border-radius: 0;\n        padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n    }\n\n    .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n        transform: rotate(-180deg);\n    }\n\n    .p-tieredmenu[").concat(e,'] .p-submenu-icon:before {\n        content: "\\e930";\n    }\n\n    ').concat(I.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");de.current.innerHTML=t}},dn=function(){de.current=v.removeInlineStyle(de.current)},bn=function(){I.autoZIndex&&x.set("menu",se.current,g&&g.autoZIndex||n.autoZIndex,I.baseZIndex||g&&g.zIndex.menu||n.zIndex.menu),v.addStyles(se.current,{position:"absolute",top:"0",left:"0"}),v.absolutePosition(se.current,me.current),v.getOuterWidth(me.current)>v.getOuterWidth(se.current)&&(se.current.style.minWidth=v.getOuterWidth(me.current)+"px"),v.focus(pe.current.getElement()),pn(),ie&&I.breakpoint&&(se.current.setAttribute(ie,""),fn())},vn=function(){he(),Ee()},yn=function(){me.current=null,xe(),ke()},gn=function(){x.clear(se.current),dn()};s((function(){var e=h();!O&&w(e),I.breakpoint&&!ie&&oe(e)})),u((function(){var e=mn(I.model||[]);$(e)}),I.model),u((function(){var e=K.find((function(e){return e.key===Z.parentKey}));Q(e?e.items:Y)}),[K,Z,Y]),u((function(){var e=-1!==Z.index?"".concat(O).concat(y.isNotEmpty(Z.parentKey)?"_"+Z.parentKey:"","_").concat(Z.index):null;B(e)}),[Z]),u((function(){I.popup||(y.isNotEmpty(K)?(he(),Ee()):(xe(),ke()))}),[K]),u((function(){if(ne){var e=-1!==Z.index?rn(Z.index):an();sn(e),D(K.filter((function(e){return e.parentKey!==Z.parentKey}))),te(!1)}}),[ne]),u((function(){return ie&&se.current&&(se.current.setAttribute(ie,""),fn()),function(){dn()}}),[ie,I.breakpoint]),p((function(){x.clear(se.current)})),e.useImperativeHandle(d,(function(){return{props:I,toggle:we,show:Se,hide:Pe,getElement:function(){return se.current}}}));var hn,xn,In=(hn=b({ref:se,id:I.id,className:ce("root"),style:I.style,onClick:Oe},A.getOtherProps(I),ae("root")),xn=b({classNames:ce("transition"),in:P,timeout:{enter:120,exit:100},options:I.transitionOptions,unmountOnExit:!0,onEnter:bn,onEntered:vn,onExit:yn,onExited:gn},ae("transition")),e.createElement(o,k({nodeRef:se},xn),e.createElement("div",hn,e.createElement(H,{id:O+"_list",ref:pe,hostName:"TieredMenu",menuProps:I,tabIndex:0,model:Y,ariaLabel:I.ariaLabel,ariaLabelledBy:I.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:C?W:void 0,menuId:O,level:0,focusedItemId:W,activeItemPath:K,onFocus:Ne,onBlur:je,onKeyDown:Ke,onItemClick:Me,onItemMouseEnter:Te,root:!0,popup:I.popup,onHide:Pe,isMobileMode:ye,submenuIcon:I.submenuIcon,ptm:ae,cx:ce,sx:le}))));return I.popup?e.createElement(f,{element:In,appendTo:I.appendTo}):In})));W.displayName="TieredMenu";export{W as TieredMenu};