primereact 10.6.2 → 10.6.3

package/tabview/tabview.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as t,ariaLabel as n}from"primereact/api";import{ComponentBase as r,useHandleStyle as a}from"primereact/componentbase";import{useMergeProps as o,useMountEffect as i,useUpdateEffect as l}from"primereact/hooks";import{ChevronLeftIcon as c}from"primereact/icons/chevronleft";import{ChevronRightIcon as s}from"primereact/icons/chevronright";import{TimesIcon as u}from"primereact/icons/times";import{Ripple as p}from"primereact/ripple";import{ObjectUtils as d,classNames as b,UniqueComponentId as f,DomHandler as v,IconUtils as m}from"primereact/utils";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 y(e){if(Array.isArray(e))return h(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function w(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 x(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function 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 S(e,t){if("object"!==C(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==C(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function O(e){var t=S(e,"string");return"symbol"===C(t)?t:String(t)}function P(e,t,n){return(t=O(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(e){if(Array.isArray(e))return e}function N(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,l=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}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 I(e,t){return E(e)||N(e,t)||w(e,t)||T()}function j(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?j(Object(n),!0).forEach((function(t){P(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var D=r.extend({defaultProps:{__TYPE:"TabView",id:null,activeIndex:0,className:null,onBeforeTabChange:null,onBeforeTabClose:null,onTabChange:null,onTabClose:null,panelContainerClassName:null,panelContainerStyle:null,renderActiveOnly:!0,scrollable:!1,style:null,children:void 0},css:{classes:{navcontent:"p-tabview-nav-content",nav:"p-tabview-nav",inkbar:"p-tabview-ink-bar",panelcontainer:function(e){return b("p-tabview-panels",e.props.panelContainerClassName)},prevbutton:"p-tabview-nav-prev p-tabview-nav-btn p-link",nextbutton:"p-tabview-nav-next p-tabview-nav-btn p-link",root:function(e){var t=e.props;return b("p-tabview p-component",{"p-tabview-scrollable":t.scrollable},t.className)},navcontainer:"p-tabview-nav-container",tab:{header:function(e){return b("p-unselectable-text",{"p-tabview-selected p-highlight":e.selected,"p-disabled":e.disabled},e.headerClassName,e._className)},headertitle:"p-tabview-title",headeraction:"p-tabview-nav-link",closeIcon:"p-tabview-close",content:function(e){var t=e.props,n=e.selected,r=e.getTabProp,a=e.tab,o=e.isSelected,i=e.index;return!(0,e.shouldUseTab)(a,i)||t.renderActiveOnly&&!o(i)?void 0:b(r(a,"contentClassName"),r(a,"className"),"p-tabview-panel",{"p-hidden":!n})}}},styles:"\n@layer primereact {\n    .p-tabview-nav-container {\n        position: relative;\n    }\n    \n    .p-tabview-scrollable .p-tabview-nav-container {\n        overflow: hidden;\n    }\n    \n    .p-tabview-nav-content {\n        overflow-x: auto;\n        overflow-y: hidden;\n        scroll-behavior: smooth;\n        scrollbar-width: none;\n        overscroll-behavior: contain auto;\n        position: relative;\n    }\n    \n    .p-tabview-nav {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        flex: 1 1 auto;\n    }\n    \n    .p-tabview-nav-link {\n        cursor: pointer;\n        user-select: none;\n        display: flex;\n        align-items: center;\n        position: relative;\n        text-decoration: none;\n        overflow: hidden;\n    }\n    \n    .p-tabview-ink-bar {\n        display: none;\n        z-index: 1;\n    }\n    \n    .p-tabview-nav-link:focus {\n        z-index: 1;\n    }\n    \n    .p-tabview-close {\n        z-index: 1;\n    }\n    \n    .p-tabview-title {\n        line-height: 1;\n        white-space: nowrap;\n    }\n    \n    .p-tabview-nav-btn {\n        position: absolute;\n        top: 0;\n        z-index: 2;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-tabview-nav-prev {\n        left: 0;\n    }\n    \n    .p-tabview-nav-next {\n        right: 0;\n    }\n    \n    .p-tabview-nav-content::-webkit-scrollbar {\n        display: none;\n    }\n}\n",inlineStyles:{tab:{header:function(e){var t=e._style;return k(k({},e.headerStyle||{}),t||{})},content:function(e){var t=e.props,n=e.getTabProp,r=e.tab,a=e.isSelected,o=e.index;return!(0,e.shouldUseTab)(r,o)||t.renderActiveOnly&&!a(o)?void 0:k(k({},n(r,"contentStyle")||{}),n(r,"style")||{})}}}}}),A=r.extend({defaultProps:{__TYPE:"TabPanel",children:void 0,className:null,closable:!1,closeIcon:null,contentClassName:null,contentStyle:null,disabled:!1,header:null,headerClassName:null,headerStyle:null,headerTemplate:null,leftIcon:null,nextButton:null,prevButton:null,rightIcon:null,style:null,visible:!0},getCProp:function(e,t){return d.getComponentProp(e,t,A.defaultProps)},getCProps:function(e){return d.getComponentProps(e,A.defaultProps)},getCOtherProps:function(e){return d.getComponentDiffProps(e,A.defaultProps)}});function _(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 B(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_(Object(n),!0).forEach((function(t){P(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var R=function(){},L=e.forwardRef((function(r,b){var h=o(),C=e.useContext(t),S=D.getProps(r,C),O=I(e.useState(S.id),2),P=O[0],E=O[1],N=I(e.useState(!0),2),T=N[0],j=N[1],k=I(e.useState(!1),2),_=k[0],R=k[1],L=I(e.useState([]),2),U=L[0],W=L[1],J=I(e.useState(S.activeIndex),2),X=J[0],V=J[1],z=e.useRef(null),H=e.useRef(null),K=e.useRef(null),M=e.useRef(null),Y=e.useRef(null),$=e.useRef(null),q=e.useRef({}),F=S.onTabChange?S.activeIndex:X,G=e.Children.count(S.children),Q={props:S,state:{id:P,isPrevButtonDisabled:T,isNextButtonDisabled:_,hiddenTabsState:U,activeIndex:X}},Z=D.setMetaData(B({},Q)),ee=Z.ptm,te=Z.ptmo,ne=Z.cx,re=Z.sx;a(D.css.styles,Z.isUnstyled,{name:"tabview"});var ae=function(e,t,n){var r={props:e.props,parent:Q,context:{index:n,count:G,first:0===n,last:n===G-1,active:n==X,disabled:ie(e,"disabled")}};return h(ee("tab.".concat(t),{tab:r}),ee("tabpanel.".concat(t),{tabpanel:r}),ee("tabpanel.".concat(t),r),te(ie(e,"pt"),t,r))},oe=function(e){return e===F},ie=function(e,t){return A.getCProp(e,t)},le=function(e){return e&&ie(e,"visible")&&d.isValidChild(e,"TabPanel")&&U.every((function(t){return t!==e.key}))},ce=function(e,t){e.preventDefault();var n,r=S.onBeforeTabClose,a=S.onTabClose,o=S.children[t].key;r&&!1===r({originalEvent:e,index:t})||(W([].concat(y(n=U)||g(n)||w(n)||x(),[o])),a&&a({originalEvent:e,index:t}))},se=function(e,t,n){ue(e,t,n)},ue=function(e,t,n){if(e&&e.preventDefault(),!ie(t,"disabled")){if(S.onBeforeTabChange&&!1===S.onBeforeTabChange({originalEvent:e,index:n}))return;S.onTabChange?S.onTabChange({originalEvent:e,index:n}):V(n)}Oe({index:n})},pe=function(e,t,n){switch(e.code){case"ArrowLeft":be(e);break;case"ArrowRight":de(e);break;case"Home":fe(e);break;case"End":ve(e);break;case"PageDown":me(e);break;case"PageUp":he(e);break;case"Enter":case"NumpadEnter":case"Space":ye(e,t,n)}},de=function(e){var t=ge(e.target.parentElement);t?Se(t):fe(e),e.preventDefault()},be=function(e){var t=we(e.target.parentElement);t?Se(t):ve(e),e.preventDefault()},fe=function(e){var t=xe();Se(t),e.preventDefault()},ve=function(e){var t=Ce();Se(t),e.preventDefault()},me=function(t){Oe({index:e.Children.count(S.children)-1}),t.preventDefault()},he=function(e){Oe({index:0}),e.preventDefault()},ye=function(e,t,n){ue(e,t,n),e.preventDefault()},ge=function e(t){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.nextElementSibling;return n?v.getAttribute(n,"data-p-disabled")||"inkbar"===v.getAttribute(n,"data-pc-section")?e(n):v.findSingle(n,'[data-pc-section="headeraction"]'):null},we=function e(t){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.previousElementSibling;return n?v.getAttribute(n,"data-p-disabled")||"inkbar"===v.getAttribute(n,"data-pc-section")?e(n):v.findSingle(n,'[data-pc-section="headeraction"]'):null},xe=function(){return ge(K.current.firstElementChild,!0)},Ce=function(){return we(K.current.lastElementChild,!0)},Se=function(e){e&&(v.focus(e),Oe({element:e}))},Oe=function(e){var t=e.element||q.current["tab_".concat(e.index)];t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest"})},Pe=function(){var e=H.current,t=e.scrollLeft,n=e.scrollWidth,r=v.getWidth(H.current);j(0===t),R(t===n-r)},Ee=function(e){S.scrollable&&Pe(),e.preventDefault()},Ne=function(){return[Y.current,$.current].reduce((function(e,t){return t?e+v.getWidth(t):e}),0)},Te=function(){j(!0),R(!1),W([]),S.onTabChange?S.onTabChange({index:F}):V(S.activeIndex)};e.useEffect((function(){var e;e=q.current["tab_".concat(F)],M.current.style.width=v.getWidth(e)+"px",M.current.style.left=v.getOffset(e).left-v.getOffset(K.current).left+"px",Pe()})),i((function(){P||E(f())})),l((function(){if(d.isNotEmpty(U)){var t=(n=U[U.length-1],(r=e.Children.map(S.children,(function(e,t){if(le(e))return{tab:e,index:t}}))).find((function(e){var t=e.index;return!ie(e.tab,"disabled")&&t>=n}))||r.reverse().find((function(e){var t=e.index;return!ie(e.tab,"disabled")&&n>t})));t&&se(null,t.tab,t.index)}var n,r}),[U]),l((function(){S.activeIndex!==X&&Oe({index:S.activeIndex})}),[S.activeIndex]),e.useImperativeHandle(b,(function(){return{props:S,reset:Te,getElement:function(){return z.current}}}));var Ie,je,ke,De,Ae,_e,Be,Re,Le,Ue=function(t,n){var r=oe(n),a=A.getCProps(t),o=a.headerStyle,i=a.headerClassName,l=a.style,c=a.className,s=a.disabled,b=a.leftIcon,f=a.rightIcon,v=a.header,y=a.headerTemplate,g=a.closable,w=a.closeIcon,x=P+"_header_"+n,C=P+n+"_content",O=s||!r?-1:0,E=b&&m.getJSXIcon(b,void 0,{props:S}),N=h({className:ne("tab.headertitle")},ae(t,"headertitle",n)),T=e.createElement("span",N,v),I=f&&m.getJSXIcon(f,void 0,{props:S}),j=h({className:ne("tab.closeIcon"),onClick:function(e){return ce(e,n)}},ae(t,"closeIcon",n)),k=g?m.getJSXIcon(w||e.createElement(u,j),B({},j),{props:S}):null,D=h({id:x,role:"tab",className:ne("tab.headeraction"),tabIndex:O,"aria-controls":C,"aria-selected":r,"aria-disabled":s,onClick:function(e){return se(e,t,n)},onKeyDown:function(e){return pe(e,t,n)}},ae(t,"headeraction",n)),_=e.createElement("a",D,E,T,I,k,e.createElement(p,null));y&&(_=d.getJSXElement(y,{className:"p-tabview-nav-link",titleClassName:"p-tabview-title",onClick:function(e){return se(e,t,n)},onKeyDown:function(e){return pe(e,t,n)},leftIconElement:E,titleElement:T,rightIconElement:I,element:_,props:S,index:n,selected:r,ariaControls:C}));var R=h({ref:function(e){return q.current["tab_".concat(n)]=e},className:ne("tab.header",{selected:r,disabled:s,headerClassName:i,_className:c}),style:re("tab.header",{headerStyle:o,_style:l}),role:"presentation"},ae(t,"root",n),ae(t,"header",n));return e.createElement("li",R,_)},We=h({id:P,ref:z,style:S.style,className:ne("root")},D.getOtherProps(S),ee("root")),Je=h({className:ne("navcontainer")},ee("navcontainer")),Xe=(Ie=e.Children.map(S.children,(function(e,t){if(le(e))return Ue(e,t)})),je=h({id:P+"_navcontent",ref:H,className:ne("navcontent"),style:S.style,onScroll:Ee},ee("navcontent")),ke=h({ref:K,className:ne("nav"),role:"tablist"},ee("nav")),De=h({ref:M,"aria-hidden":"true",role:"presentation",className:ne("inkbar")},ee("inkbar")),e.createElement("div",je,e.createElement("ul",ke,Ie,e.createElement("li",De)))),Ve=(Ae=h({className:ne("panelcontainer"),style:S.panelContainerStyle},ee("panelcontainer")),_e=e.Children.map(S.children,(function(t,n){if(le(t)&&(!S.renderActiveOnly||oe(n))){var r=oe(n),a=P+"_header_"+n,o=h({id:P+n+"_content",className:ne("tab.content",{props:S,selected:r,getTabProp:ie,tab:t,isSelected:oe,shouldUseTab:le,index:n}),style:re("tab.content",{props:S,getTabProp:ie,tab:t,isSelected:oe,shouldUseTab:le,index:n}),role:"tabpanel","aria-labelledby":a},A.getCOtherProps(t),ae(t,"root",n),ae(t,"content",n));return e.createElement("div",o,S.renderActiveOnly?r&&ie(t,"children"):ie(t,"children"))}})),e.createElement("div",Ae,_e)),ze=(Be=h({"aria-hidden":"true"},ee("previcon")),Re=m.getJSXIcon(S.prevButton||e.createElement(c,Be),B({},Be),{props:S}),Le=h({ref:Y,type:"button",className:ne("prevbutton"),"aria-label":n("previousPageLabel"),onClick:function(e){return t=v.getWidth(H.current)-Ne(),void(H.current.scrollLeft=(n=H.current.scrollLeft-t)<=0?0:n);var t,n}},ee("prevbutton")),S.scrollable&&!T?e.createElement("button",Le,Re,e.createElement(p,null)):null),He=function(){var t=h({"aria-hidden":"true"},ee("nexticon")),r=m.getJSXIcon(S.nextButton||e.createElement(s,t),B({},t),{props:S}),a=h({ref:$,type:"button",className:ne("nextbutton"),"aria-label":n("nextPageLabel"),onClick:function(e){return t=v.getWidth(H.current)-Ne(),void(H.current.scrollLeft=(n=H.current.scrollLeft+t)>=(r=H.current.scrollWidth-t)?r:n);var t,n,r}},ee("nextbutton"));if(S.scrollable&&!_)return e.createElement("button",a,r,e.createElement(p,null))}();return e.createElement("div",We,e.createElement("div",Je,ze,Xe,He),Ve)}));R.displayName="TabPanel",L.displayName="TabView";export{R as TabPanel,L as TabView};
+import*as e from"react";import{PrimeReactContext as t,ariaLabel as n}from"primereact/api";import{ComponentBase as r,useHandleStyle as a}from"primereact/componentbase";import{useMergeProps as o,useMountEffect as i,useUpdateEffect as l}from"primereact/hooks";import{ChevronLeftIcon as c}from"primereact/icons/chevronleft";import{ChevronRightIcon as s}from"primereact/icons/chevronright";import{TimesIcon as u}from"primereact/icons/times";import{Ripple as p}from"primereact/ripple";import{ObjectUtils as d,classNames as b,UniqueComponentId as f,DomHandler as v,IconUtils as m}from"primereact/utils";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 y(e){if(Array.isArray(e))return h(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function w(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 x(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function 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 S(e,t){if("object"!==C(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==C(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function O(e){var t=S(e,"string");return"symbol"===C(t)?t:String(t)}function P(e,t,n){return(t=O(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(e){if(Array.isArray(e))return e}function N(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,l=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}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 I(e,t){return E(e)||N(e,t)||w(e,t)||T()}function j(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?j(Object(n),!0).forEach((function(t){P(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var D=r.extend({defaultProps:{__TYPE:"TabView",id:null,activeIndex:0,className:null,onBeforeTabChange:null,onBeforeTabClose:null,onTabChange:null,onTabClose:null,panelContainerClassName:null,panelContainerStyle:null,renderActiveOnly:!0,scrollable:!1,style:null,children:void 0},css:{classes:{navcontent:"p-tabview-nav-content",nav:"p-tabview-nav",inkbar:"p-tabview-ink-bar",panelcontainer:function(e){return b("p-tabview-panels",e.props.panelContainerClassName)},prevbutton:"p-tabview-nav-prev p-tabview-nav-btn p-link",nextbutton:"p-tabview-nav-next p-tabview-nav-btn p-link",root:function(e){return b("p-tabview p-component",{"p-tabview-scrollable":e.props.scrollable})},navcontainer:"p-tabview-nav-container",tab:{header:function(e){return b("p-unselectable-text",{"p-tabview-selected p-highlight":e.selected,"p-disabled":e.disabled},e.headerClassName,e._className)},headertitle:"p-tabview-title",headeraction:"p-tabview-nav-link",closeIcon:"p-tabview-close",content:function(e){var t=e.props,n=e.selected,r=e.getTabProp,a=e.tab,o=e.isSelected,i=e.index;return!(0,e.shouldUseTab)(a,i)||t.renderActiveOnly&&!o(i)?void 0:b(r(a,"contentClassName"),r(a,"className"),"p-tabview-panel",{"p-hidden":!n})}}},styles:"\n@layer primereact {\n    .p-tabview-nav-container {\n        position: relative;\n    }\n    \n    .p-tabview-scrollable .p-tabview-nav-container {\n        overflow: hidden;\n    }\n    \n    .p-tabview-nav-content {\n        overflow-x: auto;\n        overflow-y: hidden;\n        scroll-behavior: smooth;\n        scrollbar-width: none;\n        overscroll-behavior: contain auto;\n        position: relative;\n    }\n    \n    .p-tabview-nav {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        flex: 1 1 auto;\n    }\n    \n    .p-tabview-nav-link {\n        cursor: pointer;\n        user-select: none;\n        display: flex;\n        align-items: center;\n        position: relative;\n        text-decoration: none;\n        overflow: hidden;\n    }\n    \n    .p-tabview-ink-bar {\n        display: none;\n        z-index: 1;\n    }\n    \n    .p-tabview-nav-link:focus {\n        z-index: 1;\n    }\n    \n    .p-tabview-close {\n        z-index: 1;\n    }\n    \n    .p-tabview-title {\n        line-height: 1;\n        white-space: nowrap;\n    }\n    \n    .p-tabview-nav-btn {\n        position: absolute;\n        top: 0;\n        z-index: 2;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-tabview-nav-prev {\n        left: 0;\n    }\n    \n    .p-tabview-nav-next {\n        right: 0;\n    }\n    \n    .p-tabview-nav-content::-webkit-scrollbar {\n        display: none;\n    }\n}\n",inlineStyles:{tab:{header:function(e){var t=e._style;return k(k({},e.headerStyle||{}),t||{})},content:function(e){var t=e.props,n=e.getTabProp,r=e.tab,a=e.isSelected,o=e.index;return!(0,e.shouldUseTab)(r,o)||t.renderActiveOnly&&!a(o)?void 0:k(k({},n(r,"contentStyle")||{}),n(r,"style")||{})}}}}}),A=r.extend({defaultProps:{__TYPE:"TabPanel",children:void 0,className:null,closable:!1,closeIcon:null,contentClassName:null,contentStyle:null,disabled:!1,header:null,headerClassName:null,headerStyle:null,headerTemplate:null,leftIcon:null,nextButton:null,prevButton:null,rightIcon:null,style:null,visible:!0},getCProp:function(e,t){return d.getComponentProp(e,t,A.defaultProps)},getCProps:function(e){return d.getComponentProps(e,A.defaultProps)},getCOtherProps:function(e){return d.getComponentDiffProps(e,A.defaultProps)}});function _(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 B(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_(Object(n),!0).forEach((function(t){P(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var R=function(){},L=e.forwardRef((function(r,h){var C=o(),S=e.useContext(t),O=D.getProps(r,S),P=I(e.useState(O.id),2),E=P[0],N=P[1],T=I(e.useState(!0),2),j=T[0],k=T[1],_=I(e.useState(!1),2),R=_[0],L=_[1],U=I(e.useState([]),2),W=U[0],J=U[1],X=I(e.useState(O.activeIndex),2),V=X[0],z=X[1],H=e.useRef(null),K=e.useRef(null),M=e.useRef(null),Y=e.useRef(null),$=e.useRef(null),q=e.useRef(null),F=e.useRef({}),G=O.onTabChange?O.activeIndex:V,Q=e.Children.count(O.children),Z={props:O,state:{id:E,isPrevButtonDisabled:j,isNextButtonDisabled:R,hiddenTabsState:W,activeIndex:V}},ee=D.setMetaData(B({},Z)),te=ee.ptm,ne=ee.ptmo,re=ee.cx,ae=ee.sx;a(D.css.styles,ee.isUnstyled,{name:"tabview"});var oe=function(e,t,n){var r={props:e.props,parent:Z,context:{index:n,count:Q,first:0===n,last:n===Q-1,active:n==V,disabled:le(e,"disabled")}};return C(te("tab.".concat(t),{tab:r}),te("tabpanel.".concat(t),{tabpanel:r}),te("tabpanel.".concat(t),r),ne(le(e,"pt"),t,r))},ie=function(e){return e===G},le=function(e,t){return A.getCProp(e,t)},ce=function(e){return e&&le(e,"visible")&&d.isValidChild(e,"TabPanel")&&W.every((function(t){return t!==e.key}))},se=function(e,t){e.preventDefault();var n,r=O.onBeforeTabClose,a=O.onTabClose,o=O.children[t].key;r&&!1===r({originalEvent:e,index:t})||(J([].concat(y(n=W)||g(n)||w(n)||x(),[o])),a&&a({originalEvent:e,index:t}))},ue=function(e,t,n){pe(e,t,n)},pe=function(e,t,n){if(e&&e.preventDefault(),!le(t,"disabled")){if(O.onBeforeTabChange&&!1===O.onBeforeTabChange({originalEvent:e,index:n}))return;O.onTabChange?O.onTabChange({originalEvent:e,index:n}):z(n)}Pe({index:n})},de=function(e,t,n){switch(e.code){case"ArrowLeft":fe(e);break;case"ArrowRight":be(e);break;case"Home":ve(e);break;case"End":me(e);break;case"PageDown":he(e);break;case"PageUp":ye(e);break;case"Enter":case"NumpadEnter":case"Space":ge(e,t,n)}},be=function(e){var t=we(e.target.parentElement);t?Oe(t):ve(e),e.preventDefault()},fe=function(e){var t=xe(e.target.parentElement);t?Oe(t):me(e),e.preventDefault()},ve=function(e){var t=Ce();Oe(t),e.preventDefault()},me=function(e){var t=Se();Oe(t),e.preventDefault()},he=function(t){Pe({index:e.Children.count(O.children)-1}),t.preventDefault()},ye=function(e){Pe({index:0}),e.preventDefault()},ge=function(e,t,n){pe(e,t,n),e.preventDefault()},we=function e(t){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.nextElementSibling;return n?v.getAttribute(n,"data-p-disabled")||"inkbar"===v.getAttribute(n,"data-pc-section")?e(n):v.findSingle(n,'[data-pc-section="headeraction"]'):null},xe=function e(t){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.previousElementSibling;return n?v.getAttribute(n,"data-p-disabled")||"inkbar"===v.getAttribute(n,"data-pc-section")?e(n):v.findSingle(n,'[data-pc-section="headeraction"]'):null},Ce=function(){return we(M.current.firstElementChild,!0)},Se=function(){return xe(M.current.lastElementChild,!0)},Oe=function(e){e&&(v.focus(e),Pe({element:e}))},Pe=function(e){var t=e.element||F.current["tab_".concat(e.index)];t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest"})},Ee=function(){var e=K.current,t=e.scrollLeft,n=e.scrollWidth,r=v.getWidth(K.current);k(0===t),L(t===n-r)},Ne=function(e){O.scrollable&&Ee(),e.preventDefault()},Te=function(){return[$.current,q.current].reduce((function(e,t){return t?e+v.getWidth(t):e}),0)},Ie=function(){k(!0),L(!1),J([]),O.onTabChange?O.onTabChange({index:G}):z(O.activeIndex)};e.useEffect((function(){var e;e=F.current["tab_".concat(G)],Y.current.style.width=v.getWidth(e)+"px",Y.current.style.left=v.getOffset(e).left-v.getOffset(M.current).left+"px",Ee()})),i((function(){E||N(f())})),l((function(){if(d.isNotEmpty(W)){var t=(n=W[W.length-1],(r=e.Children.map(O.children,(function(e,t){if(ce(e))return{tab:e,index:t}}))).find((function(e){var t=e.index;return!le(e.tab,"disabled")&&t>=n}))||r.reverse().find((function(e){var t=e.index;return!le(e.tab,"disabled")&&n>t})));t&&ue(null,t.tab,t.index)}var n,r}),[W]),l((function(){O.activeIndex!==V&&Pe({index:O.activeIndex})}),[O.activeIndex]),e.useImperativeHandle(h,(function(){return{props:O,reset:Ie,getElement:function(){return H.current}}}));var je,ke,De,Ae,_e,Be,Re,Le,Ue,We=function(t,n){var r=ie(n),a=A.getCProps(t),o=a.headerStyle,i=a.headerClassName,l=a.style,c=a.className,s=a.disabled,b=a.leftIcon,f=a.rightIcon,v=a.header,h=a.headerTemplate,y=a.closable,g=a.closeIcon,w=E+"_header_"+n,x=E+n+"_content",S=s||!r?-1:0,P=b&&m.getJSXIcon(b,void 0,{props:O}),N=C({className:re("tab.headertitle")},oe(t,"headertitle",n)),T=e.createElement("span",N,v),I=f&&m.getJSXIcon(f,void 0,{props:O}),j=C({className:re("tab.closeIcon"),onClick:function(e){return se(e,n)}},oe(t,"closeIcon",n)),k=y?m.getJSXIcon(g||e.createElement(u,j),B({},j),{props:O}):null,D=C({id:w,role:"tab",className:re("tab.headeraction"),tabIndex:S,"aria-controls":x,"aria-selected":r,"aria-disabled":s,onClick:function(e){return ue(e,t,n)},onKeyDown:function(e){return de(e,t,n)}},oe(t,"headeraction",n)),_=e.createElement("a",D,P,T,I,k,e.createElement(p,null));h&&(_=d.getJSXElement(h,{className:"p-tabview-nav-link",titleClassName:"p-tabview-title",onClick:function(e){return ue(e,t,n)},onKeyDown:function(e){return de(e,t,n)},leftIconElement:P,titleElement:T,rightIconElement:I,element:_,props:O,index:n,selected:r,ariaControls:x}));var R=C({ref:function(e){return F.current["tab_".concat(n)]=e},className:re("tab.header",{selected:r,disabled:s,headerClassName:i,_className:c}),style:ae("tab.header",{headerStyle:o,_style:l}),role:"presentation"},oe(t,"root",n),oe(t,"header",n));return e.createElement("li",R,_)},Je=C({id:E,ref:H,style:O.style,className:b(O.className,re("root"))},D.getOtherProps(O),te("root")),Xe=C({className:re("navcontainer")},te("navcontainer")),Ve=(je=e.Children.map(O.children,(function(e,t){if(ce(e))return We(e,t)})),ke=C({id:E+"_navcontent",ref:K,className:re("navcontent"),style:O.style,onScroll:Ne},te("navcontent")),De=C({ref:M,className:re("nav"),role:"tablist"},te("nav")),Ae=C({ref:Y,"aria-hidden":"true",role:"presentation",className:re("inkbar")},te("inkbar")),e.createElement("div",ke,e.createElement("ul",De,je,e.createElement("li",Ae)))),ze=(_e=C({className:re("panelcontainer"),style:O.panelContainerStyle},te("panelcontainer")),Be=e.Children.map(O.children,(function(t,n){if(ce(t)&&(!O.renderActiveOnly||ie(n))){var r=ie(n),a=E+"_header_"+n,o=C({id:E+n+"_content",className:re("tab.content",{props:O,selected:r,getTabProp:le,tab:t,isSelected:ie,shouldUseTab:ce,index:n}),style:ae("tab.content",{props:O,getTabProp:le,tab:t,isSelected:ie,shouldUseTab:ce,index:n}),role:"tabpanel","aria-labelledby":a},A.getCOtherProps(t),oe(t,"root",n),oe(t,"content",n));return e.createElement("div",o,O.renderActiveOnly?r&&le(t,"children"):le(t,"children"))}})),e.createElement("div",_e,Be)),He=(Re=C({"aria-hidden":"true"},te("previcon")),Le=m.getJSXIcon(O.prevButton||e.createElement(c,Re),B({},Re),{props:O}),Ue=C({ref:$,type:"button",className:re("prevbutton"),"aria-label":n("previousPageLabel"),onClick:function(e){return t=v.getWidth(K.current)-Te(),void(K.current.scrollLeft=(n=K.current.scrollLeft-t)<=0?0:n);var t,n}},te("prevbutton")),O.scrollable&&!j?e.createElement("button",Ue,Le,e.createElement(p,null)):null),Ke=function(){var t=C({"aria-hidden":"true"},te("nexticon")),r=m.getJSXIcon(O.nextButton||e.createElement(s,t),B({},t),{props:O}),a=C({ref:q,type:"button",className:re("nextbutton"),"aria-label":n("nextPageLabel"),onClick:function(e){return t=v.getWidth(K.current)-Te(),void(K.current.scrollLeft=(n=K.current.scrollLeft+t)>=(r=K.current.scrollWidth-t)?r:n);var t,n,r}},te("nextbutton"));if(O.scrollable&&!R)return e.createElement("button",a,r,e.createElement(p,null))}();return e.createElement("div",Je,e.createElement("div",Xe,He,Ve,Ke),ze)}));R.displayName="TabPanel",L.displayName="TabView";export{R as TabPanel,L as TabView};

package/tabview/tabview.js

@@ -150,7 +150,7 @@ this.primereact.tabview = (function (exports, React, api, componentbase, hooks,
       var props = _ref2.props;
       return utils.classNames('p-tabview p-component', {
         'p-tabview-scrollable': props.scrollable
-      }, props.className);
+      });
     },
     navcontainer: 'p-tabview-nav-container',
     tab: {
@@ -793,7 +793,7 @@ this.primereact.tabview = (function (exports, React, api, componentbase, hooks,
       id: idState,
       ref: elementRef,
       style: props.style,
-      className: cx('root')
+      className: utils.classNames(props.className, cx('root'))
     }, TabViewBase.getOtherProps(props), ptm('root'));
     var navContainerProps = mergeProps({
       className: cx('navcontainer')

package/tabview/tabview.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.tabview=function(e,t,n,r,a,o,l,i,c,s){"use strict";function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var p=u(t);function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function b(e){if(Array.isArray(e))return d(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(e,t){if(e){if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}function m(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e){return h="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},h(e)}function y(e,t){if("object"!==h(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==h(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function g(e){var t=y(e,"string");return"symbol"===h(t)?t:String(t)}function w(e,t,n){return(t=g(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(e){if(Array.isArray(e))return e}function x(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,l,i=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw a}}return i}}function C(){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,t){return O(e)||x(e,t)||v(e,t)||C()}function S(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function E(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var j=r.ComponentBase.extend({defaultProps:{__TYPE:"TabView",id:null,activeIndex:0,className:null,onBeforeTabChange:null,onBeforeTabClose:null,onTabChange:null,onTabClose:null,panelContainerClassName:null,panelContainerStyle:null,renderActiveOnly:!0,scrollable:!1,style:null,children:void 0},css:{classes:{navcontent:"p-tabview-nav-content",nav:"p-tabview-nav",inkbar:"p-tabview-ink-bar",panelcontainer:function(e){return s.classNames("p-tabview-panels",e.props.panelContainerClassName)},prevbutton:"p-tabview-nav-prev p-tabview-nav-btn p-link",nextbutton:"p-tabview-nav-next p-tabview-nav-btn p-link",root:function(e){var t=e.props;return s.classNames("p-tabview p-component",{"p-tabview-scrollable":t.scrollable},t.className)},navcontainer:"p-tabview-nav-container",tab:{header:function(e){return s.classNames("p-unselectable-text",{"p-tabview-selected p-highlight":e.selected,"p-disabled":e.disabled},e.headerClassName,e._className)},headertitle:"p-tabview-title",headeraction:"p-tabview-nav-link",closeIcon:"p-tabview-close",content:function(e){var t=e.props,n=e.selected,r=e.getTabProp,a=e.tab,o=e.isSelected,l=e.index;return!(0,e.shouldUseTab)(a,l)||t.renderActiveOnly&&!o(l)?void 0:s.classNames(r(a,"contentClassName"),r(a,"className"),"p-tabview-panel",{"p-hidden":!n})}}},styles:"\n@layer primereact {\n    .p-tabview-nav-container {\n        position: relative;\n    }\n    \n    .p-tabview-scrollable .p-tabview-nav-container {\n        overflow: hidden;\n    }\n    \n    .p-tabview-nav-content {\n        overflow-x: auto;\n        overflow-y: hidden;\n        scroll-behavior: smooth;\n        scrollbar-width: none;\n        overscroll-behavior: contain auto;\n        position: relative;\n    }\n    \n    .p-tabview-nav {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        flex: 1 1 auto;\n    }\n    \n    .p-tabview-nav-link {\n        cursor: pointer;\n        user-select: none;\n        display: flex;\n        align-items: center;\n        position: relative;\n        text-decoration: none;\n        overflow: hidden;\n    }\n    \n    .p-tabview-ink-bar {\n        display: none;\n        z-index: 1;\n    }\n    \n    .p-tabview-nav-link:focus {\n        z-index: 1;\n    }\n    \n    .p-tabview-close {\n        z-index: 1;\n    }\n    \n    .p-tabview-title {\n        line-height: 1;\n        white-space: nowrap;\n    }\n    \n    .p-tabview-nav-btn {\n        position: absolute;\n        top: 0;\n        z-index: 2;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-tabview-nav-prev {\n        left: 0;\n    }\n    \n    .p-tabview-nav-next {\n        right: 0;\n    }\n    \n    .p-tabview-nav-content::-webkit-scrollbar {\n        display: none;\n    }\n}\n",inlineStyles:{tab:{header:function(e){var t=e._style;return E(E({},e.headerStyle||{}),t||{})},content:function(e){var t=e.props,n=e.getTabProp,r=e.tab,a=e.isSelected,o=e.index;return!(0,e.shouldUseTab)(r,o)||t.renderActiveOnly&&!a(o)?void 0:E(E({},n(r,"contentStyle")||{}),n(r,"style")||{})}}}}}),I=r.ComponentBase.extend({defaultProps:{__TYPE:"TabPanel",children:void 0,className:null,closable:!1,closeIcon:null,contentClassName:null,contentStyle:null,disabled:!1,header:null,headerClassName:null,headerStyle:null,headerTemplate:null,leftIcon:null,nextButton:null,prevButton:null,rightIcon:null,style:null,visible:!0},getCProp:function(e,t){return s.ObjectUtils.getComponentProp(e,t,I.defaultProps)},getCProps:function(e){return s.ObjectUtils.getComponentProps(e,I.defaultProps)},getCOtherProps:function(e){return s.ObjectUtils.getComponentDiffProps(e,I.defaultProps)}});function D(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function N(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?D(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var T=function(){},k=p.forwardRef((function(e,t){var u=a.useMergeProps(),d=p.useContext(n.PrimeReactContext),h=j.getProps(e,d),y=P(p.useState(h.id),2),g=y[0],w=y[1],O=P(p.useState(!0),2),x=O[0],C=O[1],S=P(p.useState(!1),2),E=S[0],D=S[1],T=P(p.useState([]),2),k=T[0],_=T[1],U=P(p.useState(h.activeIndex),2),A=U[0],H=U[1],R=p.useRef(null),B=p.useRef(null),L=p.useRef(null),W=p.useRef(null),J=p.useRef(null),M=p.useRef(null),V=p.useRef({}),X=h.onTabChange?h.activeIndex:A,z=p.Children.count(h.children),K={props:h,state:{id:g,isPrevButtonDisabled:x,isNextButtonDisabled:E,hiddenTabsState:k,activeIndex:A}},Y=j.setMetaData(N({},K)),q=Y.ptm,$=Y.ptmo,F=Y.cx,G=Y.sx;r.useHandleStyle(j.css.styles,Y.isUnstyled,{name:"tabview"});var Q=function(e,t,n){var r={props:e.props,parent:K,context:{index:n,count:z,first:0===n,last:n===z-1,active:n==A,disabled:ee(e,"disabled")}};return u(q("tab.".concat(t),{tab:r}),q("tabpanel.".concat(t),{tabpanel:r}),q("tabpanel.".concat(t),r),$(ee(e,"pt"),t,r))},Z=function(e){return e===X},ee=function(e,t){return I.getCProp(e,t)},te=function(e){return e&&ee(e,"visible")&&s.ObjectUtils.isValidChild(e,"TabPanel")&&k.every((function(t){return t!==e.key}))},ne=function(e,t){e.preventDefault();var n,r=h.onBeforeTabClose,a=h.onTabClose,o=h.children[t].key;r&&!1===r({originalEvent:e,index:t})||(_([].concat(b(n=k)||f(n)||v(n)||m(),[o])),a&&a({originalEvent:e,index:t}))},re=function(e,t,n){ae(e,t,n)},ae=function(e,t,n){if(e&&e.preventDefault(),!ee(t,"disabled")){if(h.onBeforeTabChange&&!1===h.onBeforeTabChange({originalEvent:e,index:n}))return;h.onTabChange?h.onTabChange({originalEvent:e,index:n}):H(n)}ye({index:n})},oe=function(e,t,n){switch(e.code){case"ArrowLeft":ie(e);break;case"ArrowRight":le(e);break;case"Home":ce(e);break;case"End":se(e);break;case"PageDown":ue(e);break;case"PageUp":pe(e);break;case"Enter":case"NumpadEnter":case"Space":de(e,t,n)}},le=function(e){var t=be(e.target.parentElement);t?he(t):ce(e),e.preventDefault()},ie=function(e){var t=fe(e.target.parentElement);t?he(t):se(e),e.preventDefault()},ce=function(e){var t=ve();he(t),e.preventDefault()},se=function(e){var t=me();he(t),e.preventDefault()},ue=function(e){ye({index:p.Children.count(h.children)-1}),e.preventDefault()},pe=function(e){ye({index:0}),e.preventDefault()},de=function(e,t,n){ae(e,t,n),e.preventDefault()},be=function e(t){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.nextElementSibling;return n?s.DomHandler.getAttribute(n,"data-p-disabled")||"inkbar"===s.DomHandler.getAttribute(n,"data-pc-section")?e(n):s.DomHandler.findSingle(n,'[data-pc-section="headeraction"]'):null},fe=function e(t){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.previousElementSibling;return n?s.DomHandler.getAttribute(n,"data-p-disabled")||"inkbar"===s.DomHandler.getAttribute(n,"data-pc-section")?e(n):s.DomHandler.findSingle(n,'[data-pc-section="headeraction"]'):null},ve=function(){return be(L.current.firstElementChild,!0)},me=function(){return fe(L.current.lastElementChild,!0)},he=function(e){e&&(s.DomHandler.focus(e),ye({element:e}))},ye=function(e){var t=e.element||V.current["tab_".concat(e.index)];t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest"})},ge=function(){var e=B.current,t=e.scrollLeft,n=e.scrollWidth,r=s.DomHandler.getWidth(B.current);C(0===t),D(t===n-r)},we=function(e){h.scrollable&&ge(),e.preventDefault()},Oe=function(){return[J.current,M.current].reduce((function(e,t){return t?e+s.DomHandler.getWidth(t):e}),0)},xe=function(){C(!0),D(!1),_([]),h.onTabChange?h.onTabChange({index:X}):H(h.activeIndex)};p.useEffect((function(){var e;e=V.current["tab_".concat(X)],W.current.style.width=s.DomHandler.getWidth(e)+"px",W.current.style.left=s.DomHandler.getOffset(e).left-s.DomHandler.getOffset(L.current).left+"px",ge()})),a.useMountEffect((function(){g||w(s.UniqueComponentId())})),a.useUpdateEffect((function(){if(s.ObjectUtils.isNotEmpty(k)){var e=(t=k[k.length-1],(n=p.Children.map(h.children,(function(e,t){if(te(e))return{tab:e,index:t}}))).find((function(e){var n=e.index;return!ee(e.tab,"disabled")&&n>=t}))||n.reverse().find((function(e){var n=e.index;return!ee(e.tab,"disabled")&&t>n})));e&&re(null,e.tab,e.index)}var t,n}),[k]),a.useUpdateEffect((function(){h.activeIndex!==A&&ye({index:h.activeIndex})}),[h.activeIndex]),p.useImperativeHandle(t,(function(){return{props:h,reset:xe,getElement:function(){return R.current}}}));var Ce,Pe,Se,Ee,je,Ie,De,Ne,Te,ke=function(e,t){var n=Z(t),r=I.getCProps(e),a=r.headerStyle,o=r.headerClassName,l=r.style,d=r.className,b=r.disabled,f=r.leftIcon,v=r.rightIcon,m=r.header,y=r.headerTemplate,w=r.closable,O=r.closeIcon,x=g+"_header_"+t,C=g+t+"_content",P=b||!n?-1:0,S=f&&s.IconUtils.getJSXIcon(f,void 0,{props:h}),E=u({className:F("tab.headertitle")},Q(e,"headertitle",t)),j=p.createElement("span",E,m),D=v&&s.IconUtils.getJSXIcon(v,void 0,{props:h}),T=u({className:F("tab.closeIcon"),onClick:function(e){return ne(e,t)}},Q(e,"closeIcon",t)),k=w?s.IconUtils.getJSXIcon(O||p.createElement(i.TimesIcon,T),N({},T),{props:h}):null,_=u({id:x,role:"tab",className:F("tab.headeraction"),tabIndex:P,"aria-controls":C,"aria-selected":n,"aria-disabled":b,onClick:function(n){return re(n,e,t)},onKeyDown:function(n){return oe(n,e,t)}},Q(e,"headeraction",t)),U=p.createElement("a",_,S,j,D,k,p.createElement(c.Ripple,null));y&&(U=s.ObjectUtils.getJSXElement(y,{className:"p-tabview-nav-link",titleClassName:"p-tabview-title",onClick:function(n){return re(n,e,t)},onKeyDown:function(n){return oe(n,e,t)},leftIconElement:S,titleElement:j,rightIconElement:D,element:U,props:h,index:t,selected:n,ariaControls:C}));var A=u({ref:function(e){return V.current["tab_".concat(t)]=e},className:F("tab.header",{selected:n,disabled:b,headerClassName:o,_className:d}),style:G("tab.header",{headerStyle:a,_style:l}),role:"presentation"},Q(e,"root",t),Q(e,"header",t));return p.createElement("li",A,U)},_e=u({id:g,ref:R,style:h.style,className:F("root")},j.getOtherProps(h),q("root")),Ue=u({className:F("navcontainer")},q("navcontainer")),Ae=(Ce=p.Children.map(h.children,(function(e,t){if(te(e))return ke(e,t)})),Pe=u({id:g+"_navcontent",ref:B,className:F("navcontent"),style:h.style,onScroll:we},q("navcontent")),Se=u({ref:L,className:F("nav"),role:"tablist"},q("nav")),Ee=u({ref:W,"aria-hidden":"true",role:"presentation",className:F("inkbar")},q("inkbar")),p.createElement("div",Pe,p.createElement("ul",Se,Ce,p.createElement("li",Ee)))),He=(je=u({className:F("panelcontainer"),style:h.panelContainerStyle},q("panelcontainer")),Ie=p.Children.map(h.children,(function(e,t){if(te(e)&&(!h.renderActiveOnly||Z(t))){var n=Z(t),r=g+"_header_"+t,a=u({id:g+t+"_content",className:F("tab.content",{props:h,selected:n,getTabProp:ee,tab:e,isSelected:Z,shouldUseTab:te,index:t}),style:G("tab.content",{props:h,getTabProp:ee,tab:e,isSelected:Z,shouldUseTab:te,index:t}),role:"tabpanel","aria-labelledby":r},I.getCOtherProps(e),Q(e,"root",t),Q(e,"content",t));return p.createElement("div",a,h.renderActiveOnly?n&&ee(e,"children"):ee(e,"children"))}})),p.createElement("div",je,Ie)),Re=(De=u({"aria-hidden":"true"},q("previcon")),Ne=s.IconUtils.getJSXIcon(h.prevButton||p.createElement(o.ChevronLeftIcon,De),N({},De),{props:h}),Te=u({ref:J,type:"button",className:F("prevbutton"),"aria-label":n.ariaLabel("previousPageLabel"),onClick:function(e){return t=s.DomHandler.getWidth(B.current)-Oe(),void(B.current.scrollLeft=(n=B.current.scrollLeft-t)<=0?0:n);var t,n}},q("prevbutton")),h.scrollable&&!x?p.createElement("button",Te,Ne,p.createElement(c.Ripple,null)):null),Be=function(){var e=u({"aria-hidden":"true"},q("nexticon")),t=s.IconUtils.getJSXIcon(h.nextButton||p.createElement(l.ChevronRightIcon,e),N({},e),{props:h}),r=u({ref:M,type:"button",className:F("nextbutton"),"aria-label":n.ariaLabel("nextPageLabel"),onClick:function(e){return t=s.DomHandler.getWidth(B.current)-Oe(),void(B.current.scrollLeft=(n=B.current.scrollLeft+t)>=(r=B.current.scrollWidth-t)?r:n);var t,n,r}},q("nextbutton"));if(h.scrollable&&!E)return p.createElement("button",r,t,p.createElement(c.Ripple,null))}();return p.createElement("div",_e,p.createElement("div",Ue,Re,Ae,Be),He)}));return T.displayName="TabPanel",k.displayName="TabView",e.TabPanel=T,e.TabView=k,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.chevronleft,primereact.icons.chevronright,primereact.icons.times,primereact.ripple,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.tabview=function(e,t,n,r,a,l,o,i,c,s){"use strict";function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var p=u(t);function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function b(e){if(Array.isArray(e))return d(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(e,t){if(e){if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}function m(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e){return h="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},h(e)}function y(e,t){if("object"!==h(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==h(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function g(e){var t=y(e,"string");return"symbol"===h(t)?t:String(t)}function w(e,t,n){return(t=g(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(e){if(Array.isArray(e))return e}function x(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,o,i=[],c=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw a}}return i}}function C(){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,t){return O(e)||x(e,t)||v(e,t)||C()}function S(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function E(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var j=r.ComponentBase.extend({defaultProps:{__TYPE:"TabView",id:null,activeIndex:0,className:null,onBeforeTabChange:null,onBeforeTabClose:null,onTabChange:null,onTabClose:null,panelContainerClassName:null,panelContainerStyle:null,renderActiveOnly:!0,scrollable:!1,style:null,children:void 0},css:{classes:{navcontent:"p-tabview-nav-content",nav:"p-tabview-nav",inkbar:"p-tabview-ink-bar",panelcontainer:function(e){return s.classNames("p-tabview-panels",e.props.panelContainerClassName)},prevbutton:"p-tabview-nav-prev p-tabview-nav-btn p-link",nextbutton:"p-tabview-nav-next p-tabview-nav-btn p-link",root:function(e){return s.classNames("p-tabview p-component",{"p-tabview-scrollable":e.props.scrollable})},navcontainer:"p-tabview-nav-container",tab:{header:function(e){return s.classNames("p-unselectable-text",{"p-tabview-selected p-highlight":e.selected,"p-disabled":e.disabled},e.headerClassName,e._className)},headertitle:"p-tabview-title",headeraction:"p-tabview-nav-link",closeIcon:"p-tabview-close",content:function(e){var t=e.props,n=e.selected,r=e.getTabProp,a=e.tab,l=e.isSelected,o=e.index;return!(0,e.shouldUseTab)(a,o)||t.renderActiveOnly&&!l(o)?void 0:s.classNames(r(a,"contentClassName"),r(a,"className"),"p-tabview-panel",{"p-hidden":!n})}}},styles:"\n@layer primereact {\n    .p-tabview-nav-container {\n        position: relative;\n    }\n    \n    .p-tabview-scrollable .p-tabview-nav-container {\n        overflow: hidden;\n    }\n    \n    .p-tabview-nav-content {\n        overflow-x: auto;\n        overflow-y: hidden;\n        scroll-behavior: smooth;\n        scrollbar-width: none;\n        overscroll-behavior: contain auto;\n        position: relative;\n    }\n    \n    .p-tabview-nav {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        flex: 1 1 auto;\n    }\n    \n    .p-tabview-nav-link {\n        cursor: pointer;\n        user-select: none;\n        display: flex;\n        align-items: center;\n        position: relative;\n        text-decoration: none;\n        overflow: hidden;\n    }\n    \n    .p-tabview-ink-bar {\n        display: none;\n        z-index: 1;\n    }\n    \n    .p-tabview-nav-link:focus {\n        z-index: 1;\n    }\n    \n    .p-tabview-close {\n        z-index: 1;\n    }\n    \n    .p-tabview-title {\n        line-height: 1;\n        white-space: nowrap;\n    }\n    \n    .p-tabview-nav-btn {\n        position: absolute;\n        top: 0;\n        z-index: 2;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-tabview-nav-prev {\n        left: 0;\n    }\n    \n    .p-tabview-nav-next {\n        right: 0;\n    }\n    \n    .p-tabview-nav-content::-webkit-scrollbar {\n        display: none;\n    }\n}\n",inlineStyles:{tab:{header:function(e){var t=e._style;return E(E({},e.headerStyle||{}),t||{})},content:function(e){var t=e.props,n=e.getTabProp,r=e.tab,a=e.isSelected,l=e.index;return!(0,e.shouldUseTab)(r,l)||t.renderActiveOnly&&!a(l)?void 0:E(E({},n(r,"contentStyle")||{}),n(r,"style")||{})}}}}}),I=r.ComponentBase.extend({defaultProps:{__TYPE:"TabPanel",children:void 0,className:null,closable:!1,closeIcon:null,contentClassName:null,contentStyle:null,disabled:!1,header:null,headerClassName:null,headerStyle:null,headerTemplate:null,leftIcon:null,nextButton:null,prevButton:null,rightIcon:null,style:null,visible:!0},getCProp:function(e,t){return s.ObjectUtils.getComponentProp(e,t,I.defaultProps)},getCProps:function(e){return s.ObjectUtils.getComponentProps(e,I.defaultProps)},getCOtherProps:function(e){return s.ObjectUtils.getComponentDiffProps(e,I.defaultProps)}});function N(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 D(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var T=function(){},k=p.forwardRef((function(e,t){var u=a.useMergeProps(),d=p.useContext(n.PrimeReactContext),h=j.getProps(e,d),y=P(p.useState(h.id),2),g=y[0],w=y[1],O=P(p.useState(!0),2),x=O[0],C=O[1],S=P(p.useState(!1),2),E=S[0],N=S[1],T=P(p.useState([]),2),k=T[0],_=T[1],U=P(p.useState(h.activeIndex),2),A=U[0],H=U[1],R=p.useRef(null),B=p.useRef(null),L=p.useRef(null),W=p.useRef(null),J=p.useRef(null),M=p.useRef(null),V=p.useRef({}),X=h.onTabChange?h.activeIndex:A,z=p.Children.count(h.children),K={props:h,state:{id:g,isPrevButtonDisabled:x,isNextButtonDisabled:E,hiddenTabsState:k,activeIndex:A}},Y=j.setMetaData(D({},K)),q=Y.ptm,$=Y.ptmo,F=Y.cx,G=Y.sx;r.useHandleStyle(j.css.styles,Y.isUnstyled,{name:"tabview"});var Q=function(e,t,n){var r={props:e.props,parent:K,context:{index:n,count:z,first:0===n,last:n===z-1,active:n==A,disabled:ee(e,"disabled")}};return u(q("tab.".concat(t),{tab:r}),q("tabpanel.".concat(t),{tabpanel:r}),q("tabpanel.".concat(t),r),$(ee(e,"pt"),t,r))},Z=function(e){return e===X},ee=function(e,t){return I.getCProp(e,t)},te=function(e){return e&&ee(e,"visible")&&s.ObjectUtils.isValidChild(e,"TabPanel")&&k.every((function(t){return t!==e.key}))},ne=function(e,t){e.preventDefault();var n,r=h.onBeforeTabClose,a=h.onTabClose,l=h.children[t].key;r&&!1===r({originalEvent:e,index:t})||(_([].concat(b(n=k)||f(n)||v(n)||m(),[l])),a&&a({originalEvent:e,index:t}))},re=function(e,t,n){ae(e,t,n)},ae=function(e,t,n){if(e&&e.preventDefault(),!ee(t,"disabled")){if(h.onBeforeTabChange&&!1===h.onBeforeTabChange({originalEvent:e,index:n}))return;h.onTabChange?h.onTabChange({originalEvent:e,index:n}):H(n)}ye({index:n})},le=function(e,t,n){switch(e.code){case"ArrowLeft":ie(e);break;case"ArrowRight":oe(e);break;case"Home":ce(e);break;case"End":se(e);break;case"PageDown":ue(e);break;case"PageUp":pe(e);break;case"Enter":case"NumpadEnter":case"Space":de(e,t,n)}},oe=function(e){var t=be(e.target.parentElement);t?he(t):ce(e),e.preventDefault()},ie=function(e){var t=fe(e.target.parentElement);t?he(t):se(e),e.preventDefault()},ce=function(e){var t=ve();he(t),e.preventDefault()},se=function(e){var t=me();he(t),e.preventDefault()},ue=function(e){ye({index:p.Children.count(h.children)-1}),e.preventDefault()},pe=function(e){ye({index:0}),e.preventDefault()},de=function(e,t,n){ae(e,t,n),e.preventDefault()},be=function e(t){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.nextElementSibling;return n?s.DomHandler.getAttribute(n,"data-p-disabled")||"inkbar"===s.DomHandler.getAttribute(n,"data-pc-section")?e(n):s.DomHandler.findSingle(n,'[data-pc-section="headeraction"]'):null},fe=function e(t){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.previousElementSibling;return n?s.DomHandler.getAttribute(n,"data-p-disabled")||"inkbar"===s.DomHandler.getAttribute(n,"data-pc-section")?e(n):s.DomHandler.findSingle(n,'[data-pc-section="headeraction"]'):null},ve=function(){return be(L.current.firstElementChild,!0)},me=function(){return fe(L.current.lastElementChild,!0)},he=function(e){e&&(s.DomHandler.focus(e),ye({element:e}))},ye=function(e){var t=e.element||V.current["tab_".concat(e.index)];t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest"})},ge=function(){var e=B.current,t=e.scrollLeft,n=e.scrollWidth,r=s.DomHandler.getWidth(B.current);C(0===t),N(t===n-r)},we=function(e){h.scrollable&&ge(),e.preventDefault()},Oe=function(){return[J.current,M.current].reduce((function(e,t){return t?e+s.DomHandler.getWidth(t):e}),0)},xe=function(){C(!0),N(!1),_([]),h.onTabChange?h.onTabChange({index:X}):H(h.activeIndex)};p.useEffect((function(){var e;e=V.current["tab_".concat(X)],W.current.style.width=s.DomHandler.getWidth(e)+"px",W.current.style.left=s.DomHandler.getOffset(e).left-s.DomHandler.getOffset(L.current).left+"px",ge()})),a.useMountEffect((function(){g||w(s.UniqueComponentId())})),a.useUpdateEffect((function(){if(s.ObjectUtils.isNotEmpty(k)){var e=(t=k[k.length-1],(n=p.Children.map(h.children,(function(e,t){if(te(e))return{tab:e,index:t}}))).find((function(e){var n=e.index;return!ee(e.tab,"disabled")&&n>=t}))||n.reverse().find((function(e){var n=e.index;return!ee(e.tab,"disabled")&&t>n})));e&&re(null,e.tab,e.index)}var t,n}),[k]),a.useUpdateEffect((function(){h.activeIndex!==A&&ye({index:h.activeIndex})}),[h.activeIndex]),p.useImperativeHandle(t,(function(){return{props:h,reset:xe,getElement:function(){return R.current}}}));var Ce,Pe,Se,Ee,je,Ie,Ne,De,Te,ke=function(e,t){var n=Z(t),r=I.getCProps(e),a=r.headerStyle,l=r.headerClassName,o=r.style,d=r.className,b=r.disabled,f=r.leftIcon,v=r.rightIcon,m=r.header,y=r.headerTemplate,w=r.closable,O=r.closeIcon,x=g+"_header_"+t,C=g+t+"_content",P=b||!n?-1:0,S=f&&s.IconUtils.getJSXIcon(f,void 0,{props:h}),E=u({className:F("tab.headertitle")},Q(e,"headertitle",t)),j=p.createElement("span",E,m),N=v&&s.IconUtils.getJSXIcon(v,void 0,{props:h}),T=u({className:F("tab.closeIcon"),onClick:function(e){return ne(e,t)}},Q(e,"closeIcon",t)),k=w?s.IconUtils.getJSXIcon(O||p.createElement(i.TimesIcon,T),D({},T),{props:h}):null,_=u({id:x,role:"tab",className:F("tab.headeraction"),tabIndex:P,"aria-controls":C,"aria-selected":n,"aria-disabled":b,onClick:function(n){return re(n,e,t)},onKeyDown:function(n){return le(n,e,t)}},Q(e,"headeraction",t)),U=p.createElement("a",_,S,j,N,k,p.createElement(c.Ripple,null));y&&(U=s.ObjectUtils.getJSXElement(y,{className:"p-tabview-nav-link",titleClassName:"p-tabview-title",onClick:function(n){return re(n,e,t)},onKeyDown:function(n){return le(n,e,t)},leftIconElement:S,titleElement:j,rightIconElement:N,element:U,props:h,index:t,selected:n,ariaControls:C}));var A=u({ref:function(e){return V.current["tab_".concat(t)]=e},className:F("tab.header",{selected:n,disabled:b,headerClassName:l,_className:d}),style:G("tab.header",{headerStyle:a,_style:o}),role:"presentation"},Q(e,"root",t),Q(e,"header",t));return p.createElement("li",A,U)},_e=u({id:g,ref:R,style:h.style,className:s.classNames(h.className,F("root"))},j.getOtherProps(h),q("root")),Ue=u({className:F("navcontainer")},q("navcontainer")),Ae=(Ce=p.Children.map(h.children,(function(e,t){if(te(e))return ke(e,t)})),Pe=u({id:g+"_navcontent",ref:B,className:F("navcontent"),style:h.style,onScroll:we},q("navcontent")),Se=u({ref:L,className:F("nav"),role:"tablist"},q("nav")),Ee=u({ref:W,"aria-hidden":"true",role:"presentation",className:F("inkbar")},q("inkbar")),p.createElement("div",Pe,p.createElement("ul",Se,Ce,p.createElement("li",Ee)))),He=(je=u({className:F("panelcontainer"),style:h.panelContainerStyle},q("panelcontainer")),Ie=p.Children.map(h.children,(function(e,t){if(te(e)&&(!h.renderActiveOnly||Z(t))){var n=Z(t),r=g+"_header_"+t,a=u({id:g+t+"_content",className:F("tab.content",{props:h,selected:n,getTabProp:ee,tab:e,isSelected:Z,shouldUseTab:te,index:t}),style:G("tab.content",{props:h,getTabProp:ee,tab:e,isSelected:Z,shouldUseTab:te,index:t}),role:"tabpanel","aria-labelledby":r},I.getCOtherProps(e),Q(e,"root",t),Q(e,"content",t));return p.createElement("div",a,h.renderActiveOnly?n&&ee(e,"children"):ee(e,"children"))}})),p.createElement("div",je,Ie)),Re=(Ne=u({"aria-hidden":"true"},q("previcon")),De=s.IconUtils.getJSXIcon(h.prevButton||p.createElement(l.ChevronLeftIcon,Ne),D({},Ne),{props:h}),Te=u({ref:J,type:"button",className:F("prevbutton"),"aria-label":n.ariaLabel("previousPageLabel"),onClick:function(e){return t=s.DomHandler.getWidth(B.current)-Oe(),void(B.current.scrollLeft=(n=B.current.scrollLeft-t)<=0?0:n);var t,n}},q("prevbutton")),h.scrollable&&!x?p.createElement("button",Te,De,p.createElement(c.Ripple,null)):null),Be=function(){var e=u({"aria-hidden":"true"},q("nexticon")),t=s.IconUtils.getJSXIcon(h.nextButton||p.createElement(o.ChevronRightIcon,e),D({},e),{props:h}),r=u({ref:M,type:"button",className:F("nextbutton"),"aria-label":n.ariaLabel("nextPageLabel"),onClick:function(e){return t=s.DomHandler.getWidth(B.current)-Oe(),void(B.current.scrollLeft=(n=B.current.scrollLeft+t)>=(r=B.current.scrollWidth-t)?r:n);var t,n,r}},q("nextbutton"));if(h.scrollable&&!E)return p.createElement("button",r,t,p.createElement(c.Ripple,null))}();return p.createElement("div",_e,p.createElement("div",Ue,Re,Ae,Be),He)}));return T.displayName="TabPanel",k.displayName="TabView",e.TabPanel=T,e.TabView=k,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.chevronleft,primereact.icons.chevronright,primereact.icons.times,primereact.ripple,primereact.utils);

package/tieredmenu/tieredmenu.cjs.js

@@ -156,7 +156,7 @@ var classes = {
       'p-tieredmenu-overlay': props.popup,
       'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact__default["default"].inputStyle === 'filled',
       'p-ripple-disabled': context && context.ripple === false || PrimeReact__default["default"].ripple === false
-    }, props.className);
+    });
   },
   separator: 'p-menuitem-separator',
   icon: function icon(_ref2) {
@@ -1144,7 +1144,7 @@ var TieredMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
     var rootProps = mergeProps({
       ref: containerRef,
       id: props.id,
-      className: cx('root'),
+      className: utils.classNames(props.className, cx('root')),
       style: props.style,
       onClick: onPanelClick
     }, TieredMenuBase.getOtherProps(props), ptm('root'));

package/tieredmenu/tieredmenu.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/overlayservice"),u=require("primereact/portal"),a=require("primereact/utils"),c=require("primereact/icons/angleright"),l=require("primereact/ripple");function s(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=s(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 x(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 I(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 O(e,n){if(e){if("string"==typeof e)return I(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)?I(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 k(e,n){return h(e)||x(e,n)||O(e,n)||E()}var j=t.ComponentBase.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 n=e.props,t=e.context;return a.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":n.popup,"p-input-filled":t&&"filled"===t.inputStyle||"filled"===d.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===d.default.ripple},n.className)},separator:"p-menuitem-separator",icon:function(e){return a.classNames("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 a.classNames("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e.itemClassName)},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 S(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?S(Object(t),!0).forEach((function(n){g(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):S(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var w=m.memo(m.forwardRef((function(e,n){var t=m.useRef(null),r=i.useMergeProps(),o=e.ptm,u=e.cx,s=e.sx,p=function(n,t){return o(t,{hostName:e.hostName,context:{active:y(n)}})},d=function(){if(t.current){var e=t.current.parentElement,n=a.DomHandler.getOffset(e),r=a.DomHandler.getViewport(),i=t.current.offsetParent?t.current.offsetWidth:a.DomHandler.getHiddenElementOuterWidth(t.current),o=a.DomHandler.getOuterWidth(e.children[0]),u=parseInt(n.top,10)+t.current.offsetHeight-a.DomHandler.getWindowScrollTop();t.current.style.top=u>r.height?r.height-u+"px":"0px",parseInt(n.left,10)+o+i>r.width-a.DomHandler.calculateScrollbarWidth()&&a.DomHandler.addClass(t.current,"p-submenu-list-flipped")}},f=function(n,t){var r=t.item;h(t)?n.preventDefault():(r.command&&r.command({originalEvent:n,item:r}),e.onItemClick&&e.onItemClick({originalEvent:n,processedItem:t}),r.url||(n.preventDefault(),n.stopPropagation()))},b=function(n){return"".concat(e.menuId,"_").concat(n.key)},v=function(e,n,t){return e&&e.item?a.ObjectUtils.getItemValue(e.item[n],t):void 0},y=function(n){return e.activeItemPath.some((function(e){return e.key===n.key}))},g=function(e){return!1!==v(e,"visible")},h=function(e){return v(e,"disabled")},x=function(n){return e.focusedItemId===b(n)},I=function(e){return a.ObjectUtils.isNotEmpty(e.items)},O=function(n,t){e.onItemMouseEnter&&e.onItemMouseEnter({originalEvent:n,processedItem:t})},E=function(n){return n-e.model.slice(0,n).filter((function(e){return g(e)&&v(e,"separator")})).length+1};i.useUpdateEffect((function(){e.root||!e.parentActive||e.isMobileMode||d()}),[e.parentActive]),m.useImperativeHandle(n,(function(){return{getElement:function(){return t.current}}}));var k=function(n){var t=r({key:"separator_"+n,className:u("separator"),role:"separator"},o("separator",{hostName:e.hostName}));return m.createElement("li",t)},j=function(n,t){return I(n)?m.createElement(w,{id:e.id+"_"+t,menuProps:e.menuProps,model:n.items,menuId:e.menuId,ariaLabelledby:b(n),focusedItemId:e.focusedItemId,activeItemPath:e.activeItemPath,level:e.level+1,onItemClick:e.onItemClick,popup:e.popup,onItemMouseEnter:e.onItemMouseEnter,parentActive:y(n),isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon,ptm:e.ptm,cx:u,sx:s}):null},S=function(n,t){if(!1===g(n))return null;var i=n.item,o=v(n,"style"),s=v(n,"className"),d=v(n,"icon"),k=v(n,"target"),S=v(n,"url"),w=b(n),P=x(n),N=y(n),H=h(n),M=I(n),K=a.classNames("p-menuitem-link"),U=a.classNames("p-menuitem-icon",d),C=r({className:a.classNames(i.icon,"p-menuitem-icon","icon")},p(n,"icon")),T=a.IconUtils.getJSXIcon(d,D({},C),{props:e.menuProps}),A=r({className:u("label")},p(n,"label")),L=i.label&&m.createElement("span",A,i.label),R=r({className:u("submenuIcon")},p(n,"submenuIcon")),_=M&&a.IconUtils.getJSXIcon(e.submenuIcon||m.createElement(c.AngleRightIcon,R),D({},R),{props:e.menuProps}),q=j(n,t),B=r({href:S||"#","aria-hidden":!0,tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:u("action"),target:k},p(n,"action")),W=m.createElement("a",B,T,L,_,m.createElement(l.Ripple,null));i.template&&(W=a.ObjectUtils.getJSXElement(i.template,i,{className:K,labelClassName:"p-menuitem-text",iconClassName:U,submenuIconClassName:"p-submenu-icon",element:W,props:e,active:N,disabled:H}));var Z=r({onClick:function(e){return f(e,n)},onMouseEnter:function(e){return O(e,n)},className:u("content")},p(n,"content")),F=r({key:w,id:w,"aria-label":i.label,"aria-disabled":H,"aria-expanded":M?N:void 0,"aria-haspopup":M&&!S?"menu":void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return g(e)&&!v(e,"separator")})).length,"aria-posinset":E(t),"data-p-highlight":N,"data-p-disabled":H,"data-p-visited":P,className:u("menuitem",{itemClassName:s,active:N,focused:P,disabled:H}),style:o,onMouseEnter:function(e){return O(e,i)},role:"menuitem"},p(n,"menuitem"));return m.createElement("li",F,m.createElement("div",Z,W),q)},P=e.model?e.model.map((function(e,n){return v(e,"separator")?k(n):S(e,n)})):null,N=e.root?"menu":"submenu",H=r({ref:t,id:e.id,tabIndex:e.tabIndex,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,className:u(N,{subProps:e}),style:s(N,{subProps:e}),role:e.root?"menubar":"menu","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-orientation":e.ariaOrientation,"aria-activedescendant":e.focusedItemId},o(N,{hostName:e.hostName}));return m.createElement("ul",H,P)})));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}w.displayName="TieredMenuSub";var H=m.memo(m.forwardRef((function(e,c){var l=i.useMergeProps(),s=m.useContext(n.PrimeReactContext),p=j.getProps(e,s),b=k(m.useState(p.id),2),v=b[0],y=b[1],g=k(m.useState(!p.popup),2),h=g[0],x=g[1],I=k(m.useState([]),2),O=I[0],E=I[1],S=k(m.useState(!1),2),D=S[0],P=S[1],H=k(m.useState(null),2),M=H[0],K=H[1],U=k(m.useState({index:-1,level:0,parentKey:""}),2),C=U[0],T=U[1],A=k(m.useState(!1),2),L=A[0],R=A[1],_=k(m.useState([]),2),q=_[0],B=_[1],W=k(m.useState([]),2),Z=W[0],F=W[1],z=k(m.useState(!1),2),V=z[0],J=z[1],X=k(m.useState(null),2),Y=X[0],$=X[1],G=j.setMetaData({props:p,state:{id:v,visible:h,attributeSelector:Y}}),Q=G.ptm,ee=G.cx,ne=G.sx;t.useHandleStyle(j.css.styles,G.isUnstyled,{name:"tieredmenu"});var te=m.useRef(null),re=m.useRef(null),ie=m.useRef(null),oe=m.useRef(null),ue=m.useRef(null),ae=m.useRef(null),ce=m.useRef(null),le=i.useMatchMedia("screen and (max-width: ".concat(p.breakpoint,")"),!!p.breakpoint),se=k(i.useEventListener({type:"click",listener:function(e){var n=te.current&&!te.current.contains(e.target),t=!p.popup||!(ie.current&&(ie.current===e.target||ie.current.contains(e.target)));n&&t&&he(e,!p.popup)}}),2),pe=se[0],me=se[1],de=k(i.useResizeListener({listener:function(){!le&&he(event,!0)}}),2),fe=de[0],be=de[1],ve=function(e){p.popup&&o.OverlayService.emit("overlay-click",{originalEvent:e,target:ie.current})},ye=function(e){p.popup&&(h?he(e):ge(e))},ge=function(e){p.popup&&(ie.current=e.currentTarget,x(!0),p.onShow&&p.onShow(e),oe.current=e.relatedTarget||null),T({index:Ye(),level:0,parentKey:""})},he=function(e,n){p.popup&&(x(!1),p.onHide&&p.onHide(e));var t=Te();E([]),T({index:-1,level:0,parentKey:""}),n&&a.DomHandler.focus(oe.current||ie.current||t),R(!1)},xe=function(e){P(!0),T(-1!==C.index?C:{index:Ye(),level:0,parentKey:""}),p.onFocus&&p.onFocus(e)},Ie=function(e){P(!1),T({index:-1,level:0,parentKey:""}),ae.current="",R(!1),p.onBlur&&p.onBlur(e)},Oe=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Se(e);break;case"ArrowUp":De(e);break;case"ArrowLeft":we(e);break;case"ArrowRight":Pe(e);break;case"Home":Ne(e);break;case"End":He(e);break;case"Space":Ke(e);break;case"Enter":case"NumpadEnter":Me(e);break;case"Escape":p.popup&&a.DomHandler.focus(ie.current),Ue(e);break;case"Tab":Ce(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&a.ObjectUtils.isPrintableCharacter(e.key)&&Ge(e.key)}},Ee=function(e){var n=e.processedItem,t=e.isFocus;if(!a.ObjectUtils.isEmpty(n)){var r=n.index,i=n.key,o=n.level,u=n.parentKey,c=a.ObjectUtils.isNotEmpty(n.items),l=O.filter((function(e){return e.parentKey!==u&&e.parentKey!==i}));c&&l.push(n),T({index:r,level:o,parentKey:u}),E(l),c&&R(!0),t&&a.DomHandler.focus(Te())}},ke=function(e){var n=e.originalEvent,t=e.processedItem;if(!Le(t)&&!p.isMobileMode){var r=_e(t),i=a.ObjectUtils.isEmpty(t.parent),o=Ze(t),u=Te();if(o){var c=t.index,l=t.key,s=t.level,m=t.parentKey;E(O.filter((function(e){return l!==e.key&&l.startsWith(e.key)}))),T({index:c,level:s,parentKey:m}),r||R(!i),setTimeout((function(){a.DomHandler.focus(u),r&&R(!0)}),0)}else if(r)a.DomHandler.focus(u),Ee(e);else{var d=i?t:O.find((function(e){return""===e.parentKey})),f=d?d.index:-1;he(n,!0),T({index:f,parentKey:d?d.parentKey:""})}}},je=function(e){var n=e.originalEvent;Le(e.processedItem)||p.isMobileMode?n.preventDefault():L&&!p.popup&&Ee(e)},Se=function(e){var n=-1!==C.index?Ve(C.index):Ye();Qe(n),e.preventDefault()},De=function(e){if(e.altKey){if(p.popup&&a.DomHandler.focus(ie.current),-1!==C.index){var n=Z[C.index];!_e(n)&&Ee({originalEvent:e,processedItem:n})}p.popup&&he(e,!0),e.preventDefault()}else{var t=-1!==C.index?Je(C.index):$e();Qe(t),e.preventDefault()}},we=function(e){var n=Z[C.index],t=O.find((function(e){return e.key===n.parentKey}));a.ObjectUtils.isEmpty(n.parent)||(T({index:-1,parentKey:t?t.parentKey:""}),ae.current="",setTimeout((function(){return J(!0)}),0)),E(O.filter((function(e){return e.parentKey!==C.parentKey}))),e.preventDefault()},Pe=function(e){var n=Z[C.index];_e(n)&&(Ee({originalEvent:e,processedItem:n}),T({index:-1,parentKey:n.key}),ae.current="",setTimeout((function(){return J(!0)}),0)),e.preventDefault()},Ne=function(e){Qe(Fe()),e.preventDefault()},He=function(e){Qe(ze()),e.preventDefault()},Me=function(e){if(-1!==C.index){var n=a.DomHandler.findSingle(Te(),'li[id="'.concat("".concat(M),'"]')),t=n&&a.DomHandler.findSingle(n,'[data-pc-section="action"]');p.popup&&a.DomHandler.focus(ie.current),t?t.click():n&&n.click()}e.preventDefault()},Ke=function(e){Me(e)},Ue=function(e){he(e,!0),!p.popup&&T(N(N({},C),{},{index:Ye()})),e.preventDefault()},Ce=function(e){if(-1!==C.index){var n=Z[C.index];!_e(n)&&Ee({originalEvent:e,processedItem:n})}he(e)},Te=function(){return re.current.getElement()||null},Ae=function(e,n){return e?a.ObjectUtils.getItemValue(e[n]):void 0},Le=function(e){return Ae(e,"disabled")},Re=function(e){return e?Ae(e.item,"label"):void 0},_e=function(e){return e&&a.ObjectUtils.isNotEmpty(e.items)},qe=function(e){return Be(e)&&Re(e).toLocaleLowerCase().startsWith(ae.current.toLocaleLowerCase())},Be=function(e){return!!e&&!Le(e.item)&&!Ae(e.item,"separator")},We=function(e){return Be(e)&&Ze(e)},Ze=function(e){return O.some((function(n){return n.key===e.key}))},Fe=function(){return Z.findIndex((function(e){return Be(e)}))},ze=function(){return a.ObjectUtils.findLastIndex(Z,(function(e){return Be(e)}))},Ve=function(e){var n=e<Z.length-1?Z.slice(e+1).findIndex((function(e){return Be(e)})):-1;return n>-1?n+e+1:e},Je=function(e){var n=e>0?a.ObjectUtils.findLastIndex(Z.slice(0,e),(function(e){return Be(e)})):-1;return n>-1?n:e},Xe=function(){return Z.findIndex((function(e){return We(e)}))},Ye=function(){var e=Xe();return e<0?Fe():e},$e=function(){var e=Xe();return e<0?ze():e},Ge=function(e){ae.current=(ae.current||"")+e;var n=-1,t=!1;return-1!==(n=-1!==C.index?-1===(n=Z.slice(C.index).findIndex((function(e){return qe(e)})))?Z.slice(0,C.index).findIndex((function(e){return qe(e)})):n+C.index:Z.findIndex((function(e){return qe(e)})))&&(t=!0),-1===n&&-1===C.index&&(n=Ye()),-1!==n&&Qe(n),ce.current&&clearTimeout(ce),ce.current=setTimeout((function(){ae.current="",ce.current=null}),500),t},Qe=function(e){C.index!==e&&(T(N(N({},C),{},{index:e})),en())},en=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(v,"_").concat(e):M,t=a.DomHandler.findSingle(Te(),'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},nn=m.useCallback((function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",i=[];return e&&e.forEach((function(e,o){var u=(""!==r?r+"_":"")+o,a={item:e,index:o,level:n,key:u,parent:t,parentKey:r};a.items=nn(e.items,n+1,a,u),i.push(a)})),i}),[]),tn=function(){if(!ue.current){ue.current=a.DomHandler.createInlineStyle(s&&s.nonce||d.default.nonce,s&&s.styleContainer);var e="".concat(Y),n="\n@media screen and (max-width: ".concat(p.breakpoint,") {\n    .p-tieredmenu[").concat(e,"] > ul {\n        max-height: ").concat(p.scrollHeight,";\n        overflow: ").concat(p.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(p.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");ue.current.innerHTML=n}},rn=function(){ue.current=a.DomHandler.removeInlineStyle(ue.current)},on=function(){var e;p.autoZIndex&&a.ZIndexUtils.set("menu",te.current,s&&s.autoZIndex||d.default.autoZIndex,p.baseZIndex||s&&s.zIndex.menu||d.default.zIndex.menu),a.DomHandler.addStyles(te.current,{position:"absolute",top:"0",left:"0"}),e=a.DomHandler.getOuterWidth(ie.current)>a.DomHandler.getOuterWidth(te.current),a.DomHandler.alignOverlay(te.current,ie.current,p.appendTo,e),a.DomHandler.focus(re.current.getElement()),en(),Y&&p.breakpoint&&(te.current.setAttribute(Y,""),tn())},un=function(){pe(),fe()},an=function(){ie.current=null,me(),be()},cn=function(){a.ZIndexUtils.clear(te.current),rn()};i.useMountEffect((function(){var e=a.UniqueComponentId();!v&&y(e),p.breakpoint&&!Y&&$(e)})),m.useEffect((function(){var e=nn(p.model||[]);B(e)}),[p.model,nn]),i.useUpdateEffect((function(){var e=O.find((function(e){return e.key===C.parentKey}));F(e?e.items:q)}),[O,C,q]),i.useUpdateEffect((function(){var e=-1!==C.index?"".concat(v).concat(a.ObjectUtils.isNotEmpty(C.parentKey)?"_"+C.parentKey:"","_").concat(C.index):null;K(e)}),[C]),i.useUpdateEffect((function(){p.popup||(a.ObjectUtils.isNotEmpty(O)?(pe(),fe()):(me(),be()))}),[O]),i.useUpdateEffect((function(){if(V){var e=-1!==C.index?Ve(C.index):Ye();Qe(e),E(O.filter((function(e){return e.parentKey!==C.parentKey}))),J(!1)}}),[V]),i.useUpdateEffect((function(){return Y&&te.current&&(te.current.setAttribute(Y,""),tn()),function(){rn()}}),[Y,p.breakpoint]),i.useUnmountEffect((function(){a.ZIndexUtils.clear(te.current)})),m.useImperativeHandle(c,(function(){return{props:p,toggle:ye,show:ge,hide:he,getElement:function(){return te.current}}}));var ln,sn,pn=(ln=l({ref:te,id:p.id,className:ee("root"),style:p.style,onClick:ve},j.getOtherProps(p),Q("root")),sn=l({classNames:ee("transition"),in:h,timeout:{enter:120,exit:100},options:p.transitionOptions,unmountOnExit:!0,onEnter:on,onEntered:un,onExit:an,onExited:cn},Q("transition")),m.createElement(r.CSSTransition,f({nodeRef:te},sn),m.createElement("div",ln,m.createElement(w,{id:v+"_list",ref:re,hostName:"TieredMenu",menuProps:p,tabIndex:0,model:q,ariaLabel:p.ariaLabel,ariaLabelledBy:p.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:D?M:void 0,menuId:v,level:0,focusedItemId:M,activeItemPath:O,onFocus:xe,onBlur:Ie,onKeyDown:Oe,onItemClick:ke,onItemMouseEnter:je,root:!0,popup:p.popup,onHide:he,isMobileMode:le,submenuIcon:p.submenuIcon,ptm:Q,cx:ee,sx:ne}))));return p.popup?m.createElement(u.Portal,{element:pn,appendTo:p.appendTo}):pn})));H.displayName="TieredMenu",exports.TieredMenu=H;
+"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/overlayservice"),u=require("primereact/portal"),a=require("primereact/utils"),c=require("primereact/icons/angleright"),l=require("primereact/ripple");function s(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=s(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 x(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 I(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 O(e,n){if(e){if("string"==typeof e)return I(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)?I(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 k(e,n){return h(e)||x(e,n)||O(e,n)||E()}var j=t.ComponentBase.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 n=e.context;return a.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":e.props.popup,"p-input-filled":n&&"filled"===n.inputStyle||"filled"===d.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===d.default.ripple})},separator:"p-menuitem-separator",icon:function(e){return a.classNames("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 a.classNames("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e.itemClassName)},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 S(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?S(Object(t),!0).forEach((function(n){g(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):S(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var w=m.memo(m.forwardRef((function(e,n){var t=m.useRef(null),r=i.useMergeProps(),o=e.ptm,u=e.cx,s=e.sx,p=function(n,t){return o(t,{hostName:e.hostName,context:{active:y(n)}})},d=function(){if(t.current){var e=t.current.parentElement,n=a.DomHandler.getOffset(e),r=a.DomHandler.getViewport(),i=t.current.offsetParent?t.current.offsetWidth:a.DomHandler.getHiddenElementOuterWidth(t.current),o=a.DomHandler.getOuterWidth(e.children[0]),u=parseInt(n.top,10)+t.current.offsetHeight-a.DomHandler.getWindowScrollTop();t.current.style.top=u>r.height?r.height-u+"px":"0px",parseInt(n.left,10)+o+i>r.width-a.DomHandler.calculateScrollbarWidth()&&a.DomHandler.addClass(t.current,"p-submenu-list-flipped")}},f=function(n,t){var r=t.item;h(t)?n.preventDefault():(r.command&&r.command({originalEvent:n,item:r}),e.onItemClick&&e.onItemClick({originalEvent:n,processedItem:t}),r.url||(n.preventDefault(),n.stopPropagation()))},b=function(n){return"".concat(e.menuId,"_").concat(n.key)},v=function(e,n,t){return e&&e.item?a.ObjectUtils.getItemValue(e.item[n],t):void 0},y=function(n){return e.activeItemPath.some((function(e){return e.key===n.key}))},g=function(e){return!1!==v(e,"visible")},h=function(e){return v(e,"disabled")},x=function(n){return e.focusedItemId===b(n)},I=function(e){return a.ObjectUtils.isNotEmpty(e.items)},O=function(n,t){e.onItemMouseEnter&&e.onItemMouseEnter({originalEvent:n,processedItem:t})},E=function(n){return n-e.model.slice(0,n).filter((function(e){return g(e)&&v(e,"separator")})).length+1};i.useUpdateEffect((function(){e.root||!e.parentActive||e.isMobileMode||d()}),[e.parentActive]),m.useImperativeHandle(n,(function(){return{getElement:function(){return t.current}}}));var k=function(n){var t=r({key:"separator_"+n,className:u("separator"),role:"separator"},o("separator",{hostName:e.hostName}));return m.createElement("li",t)},j=function(n,t){return I(n)?m.createElement(w,{id:e.id+"_"+t,menuProps:e.menuProps,model:n.items,menuId:e.menuId,ariaLabelledby:b(n),focusedItemId:e.focusedItemId,activeItemPath:e.activeItemPath,level:e.level+1,onItemClick:e.onItemClick,popup:e.popup,onItemMouseEnter:e.onItemMouseEnter,parentActive:y(n),isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon,ptm:e.ptm,cx:u,sx:s}):null},S=function(n,t){if(!1===g(n))return null;var i=n.item,o=v(n,"style"),s=v(n,"className"),d=v(n,"icon"),k=v(n,"target"),S=v(n,"url"),w=b(n),P=x(n),N=y(n),H=h(n),M=I(n),K=a.classNames("p-menuitem-link"),U=a.classNames("p-menuitem-icon",d),C=r({className:a.classNames(i.icon,"p-menuitem-icon","icon")},p(n,"icon")),T=a.IconUtils.getJSXIcon(d,D({},C),{props:e.menuProps}),A=r({className:u("label")},p(n,"label")),L=i.label&&m.createElement("span",A,i.label),R=r({className:u("submenuIcon")},p(n,"submenuIcon")),_=M&&a.IconUtils.getJSXIcon(e.submenuIcon||m.createElement(c.AngleRightIcon,R),D({},R),{props:e.menuProps}),q=j(n,t),B=r({href:S||"#","aria-hidden":!0,tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:u("action"),target:k},p(n,"action")),W=m.createElement("a",B,T,L,_,m.createElement(l.Ripple,null));i.template&&(W=a.ObjectUtils.getJSXElement(i.template,i,{className:K,labelClassName:"p-menuitem-text",iconClassName:U,submenuIconClassName:"p-submenu-icon",element:W,props:e,active:N,disabled:H}));var Z=r({onClick:function(e){return f(e,n)},onMouseEnter:function(e){return O(e,n)},className:u("content")},p(n,"content")),F=r({key:w,id:w,"aria-label":i.label,"aria-disabled":H,"aria-expanded":M?N:void 0,"aria-haspopup":M&&!S?"menu":void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return g(e)&&!v(e,"separator")})).length,"aria-posinset":E(t),"data-p-highlight":N,"data-p-disabled":H,"data-p-visited":P,className:u("menuitem",{itemClassName:s,active:N,focused:P,disabled:H}),style:o,onMouseEnter:function(e){return O(e,i)},role:"menuitem"},p(n,"menuitem"));return m.createElement("li",F,m.createElement("div",Z,W),q)},P=e.model?e.model.map((function(e,n){return v(e,"separator")?k(n):S(e,n)})):null,N=e.root?"menu":"submenu",H=r({ref:t,id:e.id,tabIndex:e.tabIndex,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,className:u(N,{subProps:e}),style:s(N,{subProps:e}),role:e.root?"menubar":"menu","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-orientation":e.ariaOrientation,"aria-activedescendant":e.focusedItemId},o(N,{hostName:e.hostName}));return m.createElement("ul",H,P)})));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}w.displayName="TieredMenuSub";var H=m.memo(m.forwardRef((function(e,c){var l=i.useMergeProps(),s=m.useContext(n.PrimeReactContext),p=j.getProps(e,s),b=k(m.useState(p.id),2),v=b[0],y=b[1],g=k(m.useState(!p.popup),2),h=g[0],x=g[1],I=k(m.useState([]),2),O=I[0],E=I[1],S=k(m.useState(!1),2),D=S[0],P=S[1],H=k(m.useState(null),2),M=H[0],K=H[1],U=k(m.useState({index:-1,level:0,parentKey:""}),2),C=U[0],T=U[1],A=k(m.useState(!1),2),L=A[0],R=A[1],_=k(m.useState([]),2),q=_[0],B=_[1],W=k(m.useState([]),2),Z=W[0],F=W[1],z=k(m.useState(!1),2),V=z[0],J=z[1],X=k(m.useState(null),2),Y=X[0],$=X[1],G=j.setMetaData({props:p,state:{id:v,visible:h,attributeSelector:Y}}),Q=G.ptm,ee=G.cx,ne=G.sx;t.useHandleStyle(j.css.styles,G.isUnstyled,{name:"tieredmenu"});var te=m.useRef(null),re=m.useRef(null),ie=m.useRef(null),oe=m.useRef(null),ue=m.useRef(null),ae=m.useRef(null),ce=m.useRef(null),le=i.useMatchMedia("screen and (max-width: ".concat(p.breakpoint,")"),!!p.breakpoint),se=k(i.useEventListener({type:"click",listener:function(e){var n=te.current&&!te.current.contains(e.target),t=!p.popup||!(ie.current&&(ie.current===e.target||ie.current.contains(e.target)));n&&t&&he(e,!p.popup)}}),2),pe=se[0],me=se[1],de=k(i.useResizeListener({listener:function(){!le&&he(event,!0)}}),2),fe=de[0],be=de[1],ve=function(e){p.popup&&o.OverlayService.emit("overlay-click",{originalEvent:e,target:ie.current})},ye=function(e){p.popup&&(h?he(e):ge(e))},ge=function(e){p.popup&&(ie.current=e.currentTarget,x(!0),p.onShow&&p.onShow(e),oe.current=e.relatedTarget||null),T({index:Ye(),level:0,parentKey:""})},he=function(e,n){p.popup&&(x(!1),p.onHide&&p.onHide(e));var t=Te();E([]),T({index:-1,level:0,parentKey:""}),n&&a.DomHandler.focus(oe.current||ie.current||t),R(!1)},xe=function(e){P(!0),T(-1!==C.index?C:{index:Ye(),level:0,parentKey:""}),p.onFocus&&p.onFocus(e)},Ie=function(e){P(!1),T({index:-1,level:0,parentKey:""}),ae.current="",R(!1),p.onBlur&&p.onBlur(e)},Oe=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Se(e);break;case"ArrowUp":De(e);break;case"ArrowLeft":we(e);break;case"ArrowRight":Pe(e);break;case"Home":Ne(e);break;case"End":He(e);break;case"Space":Ke(e);break;case"Enter":case"NumpadEnter":Me(e);break;case"Escape":p.popup&&a.DomHandler.focus(ie.current),Ue(e);break;case"Tab":Ce(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&a.ObjectUtils.isPrintableCharacter(e.key)&&Ge(e.key)}},Ee=function(e){var n=e.processedItem,t=e.isFocus;if(!a.ObjectUtils.isEmpty(n)){var r=n.index,i=n.key,o=n.level,u=n.parentKey,c=a.ObjectUtils.isNotEmpty(n.items),l=O.filter((function(e){return e.parentKey!==u&&e.parentKey!==i}));c&&l.push(n),T({index:r,level:o,parentKey:u}),E(l),c&&R(!0),t&&a.DomHandler.focus(Te())}},ke=function(e){var n=e.originalEvent,t=e.processedItem;if(!Le(t)&&!p.isMobileMode){var r=_e(t),i=a.ObjectUtils.isEmpty(t.parent),o=Ze(t),u=Te();if(o){var c=t.index,l=t.key,s=t.level,m=t.parentKey;E(O.filter((function(e){return l!==e.key&&l.startsWith(e.key)}))),T({index:c,level:s,parentKey:m}),r||R(!i),setTimeout((function(){a.DomHandler.focus(u),r&&R(!0)}),0)}else if(r)a.DomHandler.focus(u),Ee(e);else{var d=i?t:O.find((function(e){return""===e.parentKey})),f=d?d.index:-1;he(n,!0),T({index:f,parentKey:d?d.parentKey:""})}}},je=function(e){var n=e.originalEvent;Le(e.processedItem)||p.isMobileMode?n.preventDefault():L&&!p.popup&&Ee(e)},Se=function(e){var n=-1!==C.index?Ve(C.index):Ye();Qe(n),e.preventDefault()},De=function(e){if(e.altKey){if(p.popup&&a.DomHandler.focus(ie.current),-1!==C.index){var n=Z[C.index];!_e(n)&&Ee({originalEvent:e,processedItem:n})}p.popup&&he(e,!0),e.preventDefault()}else{var t=-1!==C.index?Je(C.index):$e();Qe(t),e.preventDefault()}},we=function(e){var n=Z[C.index],t=O.find((function(e){return e.key===n.parentKey}));a.ObjectUtils.isEmpty(n.parent)||(T({index:-1,parentKey:t?t.parentKey:""}),ae.current="",setTimeout((function(){return J(!0)}),0)),E(O.filter((function(e){return e.parentKey!==C.parentKey}))),e.preventDefault()},Pe=function(e){var n=Z[C.index];_e(n)&&(Ee({originalEvent:e,processedItem:n}),T({index:-1,parentKey:n.key}),ae.current="",setTimeout((function(){return J(!0)}),0)),e.preventDefault()},Ne=function(e){Qe(Fe()),e.preventDefault()},He=function(e){Qe(ze()),e.preventDefault()},Me=function(e){if(-1!==C.index){var n=a.DomHandler.findSingle(Te(),'li[id="'.concat("".concat(M),'"]')),t=n&&a.DomHandler.findSingle(n,'[data-pc-section="action"]');p.popup&&a.DomHandler.focus(ie.current),t?t.click():n&&n.click()}e.preventDefault()},Ke=function(e){Me(e)},Ue=function(e){he(e,!0),!p.popup&&T(N(N({},C),{},{index:Ye()})),e.preventDefault()},Ce=function(e){if(-1!==C.index){var n=Z[C.index];!_e(n)&&Ee({originalEvent:e,processedItem:n})}he(e)},Te=function(){return re.current.getElement()||null},Ae=function(e,n){return e?a.ObjectUtils.getItemValue(e[n]):void 0},Le=function(e){return Ae(e,"disabled")},Re=function(e){return e?Ae(e.item,"label"):void 0},_e=function(e){return e&&a.ObjectUtils.isNotEmpty(e.items)},qe=function(e){return Be(e)&&Re(e).toLocaleLowerCase().startsWith(ae.current.toLocaleLowerCase())},Be=function(e){return!!e&&!Le(e.item)&&!Ae(e.item,"separator")},We=function(e){return Be(e)&&Ze(e)},Ze=function(e){return O.some((function(n){return n.key===e.key}))},Fe=function(){return Z.findIndex((function(e){return Be(e)}))},ze=function(){return a.ObjectUtils.findLastIndex(Z,(function(e){return Be(e)}))},Ve=function(e){var n=e<Z.length-1?Z.slice(e+1).findIndex((function(e){return Be(e)})):-1;return n>-1?n+e+1:e},Je=function(e){var n=e>0?a.ObjectUtils.findLastIndex(Z.slice(0,e),(function(e){return Be(e)})):-1;return n>-1?n:e},Xe=function(){return Z.findIndex((function(e){return We(e)}))},Ye=function(){var e=Xe();return e<0?Fe():e},$e=function(){var e=Xe();return e<0?ze():e},Ge=function(e){ae.current=(ae.current||"")+e;var n=-1,t=!1;return-1!==(n=-1!==C.index?-1===(n=Z.slice(C.index).findIndex((function(e){return qe(e)})))?Z.slice(0,C.index).findIndex((function(e){return qe(e)})):n+C.index:Z.findIndex((function(e){return qe(e)})))&&(t=!0),-1===n&&-1===C.index&&(n=Ye()),-1!==n&&Qe(n),ce.current&&clearTimeout(ce),ce.current=setTimeout((function(){ae.current="",ce.current=null}),500),t},Qe=function(e){C.index!==e&&(T(N(N({},C),{},{index:e})),en())},en=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(v,"_").concat(e):M,t=a.DomHandler.findSingle(Te(),'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},nn=m.useCallback((function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",i=[];return e&&e.forEach((function(e,o){var u=(""!==r?r+"_":"")+o,a={item:e,index:o,level:n,key:u,parent:t,parentKey:r};a.items=nn(e.items,n+1,a,u),i.push(a)})),i}),[]),tn=function(){if(!ue.current){ue.current=a.DomHandler.createInlineStyle(s&&s.nonce||d.default.nonce,s&&s.styleContainer);var e="".concat(Y),n="\n@media screen and (max-width: ".concat(p.breakpoint,") {\n    .p-tieredmenu[").concat(e,"] > ul {\n        max-height: ").concat(p.scrollHeight,";\n        overflow: ").concat(p.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(p.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");ue.current.innerHTML=n}},rn=function(){ue.current=a.DomHandler.removeInlineStyle(ue.current)},on=function(){var e;p.autoZIndex&&a.ZIndexUtils.set("menu",te.current,s&&s.autoZIndex||d.default.autoZIndex,p.baseZIndex||s&&s.zIndex.menu||d.default.zIndex.menu),a.DomHandler.addStyles(te.current,{position:"absolute",top:"0",left:"0"}),e=a.DomHandler.getOuterWidth(ie.current)>a.DomHandler.getOuterWidth(te.current),a.DomHandler.alignOverlay(te.current,ie.current,p.appendTo,e),a.DomHandler.focus(re.current.getElement()),en(),Y&&p.breakpoint&&(te.current.setAttribute(Y,""),tn())},un=function(){pe(),fe()},an=function(){ie.current=null,me(),be()},cn=function(){a.ZIndexUtils.clear(te.current),rn()};i.useMountEffect((function(){var e=a.UniqueComponentId();!v&&y(e),p.breakpoint&&!Y&&$(e)})),m.useEffect((function(){var e=nn(p.model||[]);B(e)}),[p.model,nn]),i.useUpdateEffect((function(){var e=O.find((function(e){return e.key===C.parentKey}));F(e?e.items:q)}),[O,C,q]),i.useUpdateEffect((function(){var e=-1!==C.index?"".concat(v).concat(a.ObjectUtils.isNotEmpty(C.parentKey)?"_"+C.parentKey:"","_").concat(C.index):null;K(e)}),[C]),i.useUpdateEffect((function(){p.popup||(a.ObjectUtils.isNotEmpty(O)?(pe(),fe()):(me(),be()))}),[O]),i.useUpdateEffect((function(){if(V){var e=-1!==C.index?Ve(C.index):Ye();Qe(e),E(O.filter((function(e){return e.parentKey!==C.parentKey}))),J(!1)}}),[V]),i.useUpdateEffect((function(){return Y&&te.current&&(te.current.setAttribute(Y,""),tn()),function(){rn()}}),[Y,p.breakpoint]),i.useUnmountEffect((function(){a.ZIndexUtils.clear(te.current)})),m.useImperativeHandle(c,(function(){return{props:p,toggle:ye,show:ge,hide:he,getElement:function(){return te.current}}}));var ln,sn,pn=(ln=l({ref:te,id:p.id,className:a.classNames(p.className,ee("root")),style:p.style,onClick:ve},j.getOtherProps(p),Q("root")),sn=l({classNames:ee("transition"),in:h,timeout:{enter:120,exit:100},options:p.transitionOptions,unmountOnExit:!0,onEnter:on,onEntered:un,onExit:an,onExited:cn},Q("transition")),m.createElement(r.CSSTransition,f({nodeRef:te},sn),m.createElement("div",ln,m.createElement(w,{id:v+"_list",ref:re,hostName:"TieredMenu",menuProps:p,tabIndex:0,model:q,ariaLabel:p.ariaLabel,ariaLabelledBy:p.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:D?M:void 0,menuId:v,level:0,focusedItemId:M,activeItemPath:O,onFocus:xe,onBlur:Ie,onKeyDown:Oe,onItemClick:ke,onItemMouseEnter:je,root:!0,popup:p.popup,onHide:he,isMobileMode:le,submenuIcon:p.submenuIcon,ptm:Q,cx:ee,sx:ne}))));return p.popup?m.createElement(u.Portal,{element:pn,appendTo:p.appendTo}):pn})));H.displayName="TieredMenu",exports.TieredMenu=H;

package/tieredmenu/tieredmenu.esm.js

@@ -129,7 +129,7 @@ var classes = {
       'p-tieredmenu-overlay': props.popup,
       'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact.inputStyle === 'filled',
       'p-ripple-disabled': context && context.ripple === false || PrimeReact.ripple === false
-    }, props.className);
+    });
   },
   separator: 'p-menuitem-separator',
   icon: function icon(_ref2) {
@@ -1117,7 +1117,7 @@ var TieredMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     var rootProps = mergeProps({
       ref: containerRef,
       id: props.id,
-      className: cx('root'),
+      className: classNames(props.className, cx('root')),
       style: props.style,
       onClick: onPanelClick
     }, TieredMenuBase.getOtherProps(props), ptm('root'));

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 i}from"primereact/componentbase";import{CSSTransition as o}from"primereact/csstransition";import{useMergeProps as u,useUpdateEffect as a,useMatchMedia as c,useEventListener as l,useResizeListener as s,useMountEffect as p,useUnmountEffect as m}from"primereact/hooks";import{OverlayService as f}from"primereact/overlayservice";import{Portal as d}from"primereact/portal";import{classNames 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 C=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 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-menuitem-separator",icon:function(e){return b("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 b("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e.itemClassName)},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 A(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?A(Object(t),!0).forEach((function(n){P(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):A(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=u(),o=n.ptm,c=n.cx,l=n.sx,s=function(e,t){return o(t,{hostName:n.hostName,context:{active:h(e)}})},p=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")}},m=function(e,t){var r=t.item;k(t)?e.preventDefault():(r.command&&r.command({originalEvent:e,item:r}),n.onItemClick&&n.onItemClick({originalEvent:e,processedItem:t}),r.url||(e.preventDefault(),e.stopPropagation()))},f=function(e){return"".concat(n.menuId,"_").concat(e.key)},d=function(e,n,t){return e&&e.item?y.getItemValue(e.item[n],t):void 0},h=function(e){return n.activeItemPath.some((function(n){return n.key===e.key}))},x=function(e){return!1!==d(e,"visible")},k=function(e){return d(e,"disabled")},O=function(e){return n.focusedItemId===f(e)},w=function(e){return y.isNotEmpty(e.items)},S=function(e,t){n.onItemMouseEnter&&n.onItemMouseEnter({originalEvent:e,processedItem:t})},P=function(e){return e-n.model.slice(0,e).filter((function(e){return x(e)&&d(e,"separator")})).length+1};a((function(){n.root||!n.parentActive||n.isMobileMode||p()}),[n.parentActive]),e.useImperativeHandle(t,(function(){return{getElement:function(){return r.current}}}));var N=function(t){var r=i({key:"separator_"+t,className:c("separator"),role:"separator"},o("separator",{hostName:n.hostName}));return e.createElement("li",r)},j=function(t,r){return w(t)?e.createElement(H,{id:n.id+"_"+r,menuProps:n.menuProps,model:t.items,menuId:n.menuId,ariaLabelledby:f(t),focusedItemId:n.focusedItemId,activeItemPath:n.activeItemPath,level:n.level+1,onItemClick:n.onItemClick,popup:n.popup,onItemMouseEnter:n.onItemMouseEnter,parentActive:h(t),isMobileMode:n.isMobileMode,submenuIcon:n.submenuIcon,ptm:n.ptm,cx:c,sx:l}):null},K=function(t,r){if(!1===x(t))return null;var o=t.item,u=d(t,"style"),a=d(t,"className"),l=d(t,"icon"),p=d(t,"target"),v=d(t,"url"),N=f(t),K=O(t),D=h(t),M=k(t),T=w(t),C=b("p-menuitem-link"),A=b("p-menuitem-icon",l),H=i({className:b(o.icon,"p-menuitem-icon","icon")},s(t,"icon")),R=g.getJSXIcon(l,L({},H),{props:n.menuProps}),_=i({className:c("label")},s(t,"label")),B=o.label&&e.createElement("span",_,o.label),W=i({className:c("submenuIcon")},s(t,"submenuIcon")),F=T&&g.getJSXIcon(n.submenuIcon||e.createElement(I,W),L({},W),{props:n.menuProps}),Z=j(t,r),V=i({href:v||"#","aria-hidden":!0,tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:c("action"),target:p},s(t,"action")),z=e.createElement("a",V,R,B,F,e.createElement(E,null));o.template&&(z=y.getJSXElement(o.template,o,{className:C,labelClassName:"p-menuitem-text",iconClassName:A,submenuIconClassName:"p-submenu-icon",element:z,props:n,active:D,disabled:M}));var U=i({onClick:function(e){return m(e,t)},onMouseEnter:function(e){return S(e,t)},className:c("content")},s(t,"content")),J=i({key:N,id:N,"aria-label":o.label,"aria-disabled":M,"aria-expanded":T?D:void 0,"aria-haspopup":T&&!v?"menu":void 0,"aria-level":n.level+1,"aria-setsize":n.model.filter((function(e){return x(e)&&!d(e,"separator")})).length,"aria-posinset":P(r),"data-p-highlight":D,"data-p-disabled":M,"data-p-visited":K,className:c("menuitem",{itemClassName:a,active:D,focused:K,disabled:M}),style:u,onMouseEnter:function(e){return S(e,o)},role:"menuitem"},s(t,"menuitem"));return e.createElement("li",J,e.createElement("div",U,z),Z)},D=n.model?n.model.map((function(e,n){return d(e,"separator")?N(n):K(e,n)})):null,M=n.root?"menu":"submenu",T=i({ref:r,id:n.id,tabIndex:n.tabIndex,onFocus:n.onFocus,onBlur:n.onBlur,onKeyDown:n.onKeyDown,className:c(M,{subProps:n}),style:l(M,{subProps:n}),role:n.root?"menubar":"menu","aria-label":n.ariaLabel,"aria-labelledby":n.ariaLabelledby,"aria-orientation":n.ariaOrientation,"aria-activedescendant":n.focusedItemId},o(M,{hostName:n.hostName}));return e.createElement("ul",T,D)})));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 B=e.memo(e.forwardRef((function(r,b){var g=u(),I=e.useContext(t),E=C.getProps(r,I),O=T(e.useState(E.id),2),w=O[0],S=O[1],P=T(e.useState(!E.popup),2),N=P[0],j=P[1],K=T(e.useState([]),2),D=K[0],M=K[1],A=T(e.useState(!1),2),L=A[0],R=A[1],B=T(e.useState(null),2),W=B[0],F=B[1],Z=T(e.useState({index:-1,level:0,parentKey:""}),2),V=Z[0],z=Z[1],U=T(e.useState(!1),2),J=U[0],X=U[1],Y=T(e.useState([]),2),$=Y[0],q=Y[1],G=T(e.useState([]),2),Q=G[0],ee=G[1],ne=T(e.useState(!1),2),te=ne[0],re=ne[1],ie=T(e.useState(null),2),oe=ie[0],ue=ie[1],ae=C.setMetaData({props:E,state:{id:w,visible:N,attributeSelector:oe}}),ce=ae.ptm,le=ae.cx,se=ae.sx;i(C.css.styles,ae.isUnstyled,{name:"tieredmenu"});var 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=e.useRef(null),ge=c("screen and (max-width: ".concat(E.breakpoint,")"),!!E.breakpoint),he=T(l({type:"click",listener:function(e){var n=pe.current&&!pe.current.contains(e.target),t=!E.popup||!(fe.current&&(fe.current===e.target||fe.current.contains(e.target)));n&&t&&Ne(e,!E.popup)}}),2),xe=he[0],Ie=he[1],Ee=T(s({listener:function(){!ge&&Ne(event,!0)}}),2),ke=Ee[0],Oe=Ee[1],we=function(e){E.popup&&f.emit("overlay-click",{originalEvent:e,target:fe.current})},Se=function(e){E.popup&&(N?Ne(e):Pe(e))},Pe=function(e){E.popup&&(fe.current=e.currentTarget,j(!0),E.onShow&&E.onShow(e),de.current=e.relatedTarget||null),z({index:un(),level:0,parentKey:""})},Ne=function(e,n){E.popup&&(j(!1),E.onHide&&E.onHide(e));var t=ze();M([]),z({index:-1,level:0,parentKey:""}),n&&v.focus(de.current||fe.current||t),X(!1)},je=function(e){R(!0),z(-1!==V.index?V:{index:un(),level:0,parentKey:""}),E.onFocus&&E.onFocus(e)},Ke=function(e){R(!1),z({index:-1,level:0,parentKey:""}),ve.current="",X(!1),E.onBlur&&E.onBlur(e)},De=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Ae(e);break;case"ArrowUp":Le(e);break;case"ArrowLeft":He(e);break;case"ArrowRight":Re(e);break;case"Home":_e(e);break;case"End":Be(e);break;case"Space":Fe(e);break;case"Enter":case"NumpadEnter":We(e);break;case"Escape":E.popup&&v.focus(fe.current),Ze(e);break;case"Tab":Ve(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&y.isPrintableCharacter(e.key)&&cn(e.key)}},Me=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=D.filter((function(e){return e.parentKey!==u&&e.parentKey!==i}));a&&c.push(n),z({index:r,level:o,parentKey:u}),M(c),a&&X(!0),t&&v.focus(ze())}},Te=function(e){var n=e.originalEvent,t=e.processedItem;if(!Je(t)&&!E.isMobileMode){var r=Ye(t),i=y.isEmpty(t.parent),o=Qe(t),u=ze();if(o){var a=t.index,c=t.key,l=t.level,s=t.parentKey;M(D.filter((function(e){return c!==e.key&&c.startsWith(e.key)}))),z({index:a,level:l,parentKey:s}),r||X(!i),setTimeout((function(){v.focus(u),r&&X(!0)}),0)}else if(r)v.focus(u),Me(e);else{var p=i?t:D.find((function(e){return""===e.parentKey})),m=p?p.index:-1;Ne(n,!0),z({index:m,parentKey:p?p.parentKey:""})}}},Ce=function(e){var n=e.originalEvent;Je(e.processedItem)||E.isMobileMode?n.preventDefault():J&&!E.popup&&Me(e)},Ae=function(e){var n=-1!==V.index?tn(V.index):un();ln(n),e.preventDefault()},Le=function(e){if(e.altKey){if(E.popup&&v.focus(fe.current),-1!==V.index){var n=Q[V.index];!Ye(n)&&Me({originalEvent:e,processedItem:n})}E.popup&&Ne(e,!0),e.preventDefault()}else{var t=-1!==V.index?rn(V.index):an();ln(t),e.preventDefault()}},He=function(e){var n=Q[V.index],t=D.find((function(e){return e.key===n.parentKey}));y.isEmpty(n.parent)||(z({index:-1,parentKey:t?t.parentKey:""}),ve.current="",setTimeout((function(){return re(!0)}),0)),M(D.filter((function(e){return e.parentKey!==V.parentKey}))),e.preventDefault()},Re=function(e){var n=Q[V.index];Ye(n)&&(Me({originalEvent:e,processedItem:n}),z({index:-1,parentKey:n.key}),ve.current="",setTimeout((function(){return re(!0)}),0)),e.preventDefault()},_e=function(e){ln(en()),e.preventDefault()},Be=function(e){ln(nn()),e.preventDefault()},We=function(e){if(-1!==V.index){var n=v.findSingle(ze(),'li[id="'.concat("".concat(W),'"]')),t=n&&v.findSingle(n,'[data-pc-section="action"]');E.popup&&v.focus(fe.current),t?t.click():n&&n.click()}e.preventDefault()},Fe=function(e){We(e)},Ze=function(e){Ne(e,!0),!E.popup&&z(_(_({},V),{},{index:un()})),e.preventDefault()},Ve=function(e){if(-1!==V.index){var n=Q[V.index];!Ye(n)&&Me({originalEvent:e,processedItem:n})}Ne(e)},ze=function(){return me.current.getElement()||null},Ue=function(e,n){return e?y.getItemValue(e[n]):void 0},Je=function(e){return Ue(e,"disabled")},Xe=function(e){return e?Ue(e.item,"label"):void 0},Ye=function(e){return e&&y.isNotEmpty(e.items)},$e=function(e){return qe(e)&&Xe(e).toLocaleLowerCase().startsWith(ve.current.toLocaleLowerCase())},qe=function(e){return!!e&&!Je(e.item)&&!Ue(e.item,"separator")},Ge=function(e){return qe(e)&&Qe(e)},Qe=function(e){return D.some((function(n){return n.key===e.key}))},en=function(){return Q.findIndex((function(e){return qe(e)}))},nn=function(){return y.findLastIndex(Q,(function(e){return qe(e)}))},tn=function(e){var n=e<Q.length-1?Q.slice(e+1).findIndex((function(e){return qe(e)})):-1;return n>-1?n+e+1:e},rn=function(e){var n=e>0?y.findLastIndex(Q.slice(0,e),(function(e){return qe(e)})):-1;return n>-1?n:e},on=function(){return Q.findIndex((function(e){return Ge(e)}))},un=function(){var e=on();return e<0?en():e},an=function(){var e=on();return e<0?nn():e},cn=function(e){ve.current=(ve.current||"")+e;var n=-1,t=!1;return-1!==(n=-1!==V.index?-1===(n=Q.slice(V.index).findIndex((function(e){return $e(e)})))?Q.slice(0,V.index).findIndex((function(e){return $e(e)})):n+V.index:Q.findIndex((function(e){return $e(e)})))&&(t=!0),-1===n&&-1===V.index&&(n=un()),-1!==n&&ln(n),ye.current&&clearTimeout(ye),ye.current=setTimeout((function(){ve.current="",ye.current=null}),500),t},ln=function(e){V.index!==e&&(z(_(_({},V),{},{index:e})),sn())},sn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(w,"_").concat(e):W,t=v.findSingle(ze(),'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},pn=e.useCallback((function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",i=[];return e&&e.forEach((function(e,o){var u=(""!==r?r+"_":"")+o,a={item:e,index:o,level:n,key:u,parent:t,parentKey:r};a.items=pn(e.items,n+1,a,u),i.push(a)})),i}),[]),mn=function(){if(!be.current){be.current=v.createInlineStyle(I&&I.nonce||n.nonce,I&&I.styleContainer);var e="".concat(oe),t="\n@media screen and (max-width: ".concat(E.breakpoint,") {\n    .p-tieredmenu[").concat(e,"] > ul {\n        max-height: ").concat(E.scrollHeight,";\n        overflow: ").concat(E.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(E.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");be.current.innerHTML=t}},fn=function(){be.current=v.removeInlineStyle(be.current)},dn=function(){var e;E.autoZIndex&&x.set("menu",pe.current,I&&I.autoZIndex||n.autoZIndex,E.baseZIndex||I&&I.zIndex.menu||n.zIndex.menu),v.addStyles(pe.current,{position:"absolute",top:"0",left:"0"}),e=v.getOuterWidth(fe.current)>v.getOuterWidth(pe.current),v.alignOverlay(pe.current,fe.current,E.appendTo,e),v.focus(me.current.getElement()),sn(),oe&&E.breakpoint&&(pe.current.setAttribute(oe,""),mn())},bn=function(){xe(),ke()},vn=function(){fe.current=null,Ie(),Oe()},yn=function(){x.clear(pe.current),fn()};p((function(){var e=h();!w&&S(e),E.breakpoint&&!oe&&ue(e)})),e.useEffect((function(){var e=pn(E.model||[]);q(e)}),[E.model,pn]),a((function(){var e=D.find((function(e){return e.key===V.parentKey}));ee(e?e.items:$)}),[D,V,$]),a((function(){var e=-1!==V.index?"".concat(w).concat(y.isNotEmpty(V.parentKey)?"_"+V.parentKey:"","_").concat(V.index):null;F(e)}),[V]),a((function(){E.popup||(y.isNotEmpty(D)?(xe(),ke()):(Ie(),Oe()))}),[D]),a((function(){if(te){var e=-1!==V.index?tn(V.index):un();ln(e),M(D.filter((function(e){return e.parentKey!==V.parentKey}))),re(!1)}}),[te]),a((function(){return oe&&pe.current&&(pe.current.setAttribute(oe,""),mn()),function(){fn()}}),[oe,E.breakpoint]),m((function(){x.clear(pe.current)})),e.useImperativeHandle(b,(function(){return{props:E,toggle:Se,show:Pe,hide:Ne,getElement:function(){return pe.current}}}));var gn,hn,xn=(gn=g({ref:pe,id:E.id,className:le("root"),style:E.style,onClick:we},C.getOtherProps(E),ce("root")),hn=g({classNames:le("transition"),in:N,timeout:{enter:120,exit:100},options:E.transitionOptions,unmountOnExit:!0,onEnter:dn,onEntered:bn,onExit:vn,onExited:yn},ce("transition")),e.createElement(o,k({nodeRef:pe},hn),e.createElement("div",gn,e.createElement(H,{id:w+"_list",ref:me,hostName:"TieredMenu",menuProps:E,tabIndex:0,model:$,ariaLabel:E.ariaLabel,ariaLabelledBy:E.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:L?W:void 0,menuId:w,level:0,focusedItemId:W,activeItemPath:D,onFocus:je,onBlur:Ke,onKeyDown:De,onItemClick:Te,onItemMouseEnter:Ce,root:!0,popup:E.popup,onHide:Ne,isMobileMode:ge,submenuIcon:E.submenuIcon,ptm:ce,cx:le,sx:se}))));return E.popup?e.createElement(d,{element:xn,appendTo:E.appendTo}):xn})));B.displayName="TieredMenu";export{B 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{useMergeProps as u,useUpdateEffect as a,useMatchMedia as c,useEventListener as l,useResizeListener as s,useMountEffect as p,useUnmountEffect as m}from"primereact/hooks";import{OverlayService as f}from"primereact/overlayservice";import{Portal as d}from"primereact/portal";import{classNames 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 C=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.context;return b("p-tieredmenu p-component",{"p-tieredmenu-overlay":e.props.popup,"p-input-filled":t&&"filled"===t.inputStyle||"filled"===n.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===n.ripple})},separator:"p-menuitem-separator",icon:function(e){return b("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 b("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e.itemClassName)},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 A(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?A(Object(t),!0).forEach((function(n){P(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):A(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=u(),o=n.ptm,c=n.cx,l=n.sx,s=function(e,t){return o(t,{hostName:n.hostName,context:{active:h(e)}})},p=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")}},m=function(e,t){var r=t.item;k(t)?e.preventDefault():(r.command&&r.command({originalEvent:e,item:r}),n.onItemClick&&n.onItemClick({originalEvent:e,processedItem:t}),r.url||(e.preventDefault(),e.stopPropagation()))},f=function(e){return"".concat(n.menuId,"_").concat(e.key)},d=function(e,n,t){return e&&e.item?y.getItemValue(e.item[n],t):void 0},h=function(e){return n.activeItemPath.some((function(n){return n.key===e.key}))},x=function(e){return!1!==d(e,"visible")},k=function(e){return d(e,"disabled")},O=function(e){return n.focusedItemId===f(e)},w=function(e){return y.isNotEmpty(e.items)},S=function(e,t){n.onItemMouseEnter&&n.onItemMouseEnter({originalEvent:e,processedItem:t})},P=function(e){return e-n.model.slice(0,e).filter((function(e){return x(e)&&d(e,"separator")})).length+1};a((function(){n.root||!n.parentActive||n.isMobileMode||p()}),[n.parentActive]),e.useImperativeHandle(t,(function(){return{getElement:function(){return r.current}}}));var N=function(t){var r=i({key:"separator_"+t,className:c("separator"),role:"separator"},o("separator",{hostName:n.hostName}));return e.createElement("li",r)},j=function(t,r){return w(t)?e.createElement(H,{id:n.id+"_"+r,menuProps:n.menuProps,model:t.items,menuId:n.menuId,ariaLabelledby:f(t),focusedItemId:n.focusedItemId,activeItemPath:n.activeItemPath,level:n.level+1,onItemClick:n.onItemClick,popup:n.popup,onItemMouseEnter:n.onItemMouseEnter,parentActive:h(t),isMobileMode:n.isMobileMode,submenuIcon:n.submenuIcon,ptm:n.ptm,cx:c,sx:l}):null},K=function(t,r){if(!1===x(t))return null;var o=t.item,u=d(t,"style"),a=d(t,"className"),l=d(t,"icon"),p=d(t,"target"),v=d(t,"url"),N=f(t),K=O(t),D=h(t),M=k(t),T=w(t),C=b("p-menuitem-link"),A=b("p-menuitem-icon",l),H=i({className:b(o.icon,"p-menuitem-icon","icon")},s(t,"icon")),R=g.getJSXIcon(l,L({},H),{props:n.menuProps}),_=i({className:c("label")},s(t,"label")),B=o.label&&e.createElement("span",_,o.label),W=i({className:c("submenuIcon")},s(t,"submenuIcon")),F=T&&g.getJSXIcon(n.submenuIcon||e.createElement(I,W),L({},W),{props:n.menuProps}),Z=j(t,r),V=i({href:v||"#","aria-hidden":!0,tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:c("action"),target:p},s(t,"action")),z=e.createElement("a",V,R,B,F,e.createElement(E,null));o.template&&(z=y.getJSXElement(o.template,o,{className:C,labelClassName:"p-menuitem-text",iconClassName:A,submenuIconClassName:"p-submenu-icon",element:z,props:n,active:D,disabled:M}));var U=i({onClick:function(e){return m(e,t)},onMouseEnter:function(e){return S(e,t)},className:c("content")},s(t,"content")),J=i({key:N,id:N,"aria-label":o.label,"aria-disabled":M,"aria-expanded":T?D:void 0,"aria-haspopup":T&&!v?"menu":void 0,"aria-level":n.level+1,"aria-setsize":n.model.filter((function(e){return x(e)&&!d(e,"separator")})).length,"aria-posinset":P(r),"data-p-highlight":D,"data-p-disabled":M,"data-p-visited":K,className:c("menuitem",{itemClassName:a,active:D,focused:K,disabled:M}),style:u,onMouseEnter:function(e){return S(e,o)},role:"menuitem"},s(t,"menuitem"));return e.createElement("li",J,e.createElement("div",U,z),Z)},D=n.model?n.model.map((function(e,n){return d(e,"separator")?N(n):K(e,n)})):null,M=n.root?"menu":"submenu",T=i({ref:r,id:n.id,tabIndex:n.tabIndex,onFocus:n.onFocus,onBlur:n.onBlur,onKeyDown:n.onKeyDown,className:c(M,{subProps:n}),style:l(M,{subProps:n}),role:n.root?"menubar":"menu","aria-label":n.ariaLabel,"aria-labelledby":n.ariaLabelledby,"aria-orientation":n.ariaOrientation,"aria-activedescendant":n.focusedItemId},o(M,{hostName:n.hostName}));return e.createElement("ul",T,D)})));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 B=e.memo(e.forwardRef((function(r,g){var I=u(),E=e.useContext(t),O=C.getProps(r,E),w=T(e.useState(O.id),2),S=w[0],P=w[1],N=T(e.useState(!O.popup),2),j=N[0],K=N[1],D=T(e.useState([]),2),M=D[0],A=D[1],L=T(e.useState(!1),2),R=L[0],B=L[1],W=T(e.useState(null),2),F=W[0],Z=W[1],V=T(e.useState({index:-1,level:0,parentKey:""}),2),z=V[0],U=V[1],J=T(e.useState(!1),2),X=J[0],Y=J[1],$=T(e.useState([]),2),q=$[0],G=$[1],Q=T(e.useState([]),2),ee=Q[0],ne=Q[1],te=T(e.useState(!1),2),re=te[0],ie=te[1],oe=T(e.useState(null),2),ue=oe[0],ae=oe[1],ce=C.setMetaData({props:O,state:{id:S,visible:j,attributeSelector:ue}}),le=ce.ptm,se=ce.cx,pe=ce.sx;i(C.css.styles,ce.isUnstyled,{name:"tieredmenu"});var me=e.useRef(null),fe=e.useRef(null),de=e.useRef(null),be=e.useRef(null),ve=e.useRef(null),ye=e.useRef(null),ge=e.useRef(null),he=c("screen and (max-width: ".concat(O.breakpoint,")"),!!O.breakpoint),xe=T(l({type:"click",listener:function(e){var n=me.current&&!me.current.contains(e.target),t=!O.popup||!(de.current&&(de.current===e.target||de.current.contains(e.target)));n&&t&&je(e,!O.popup)}}),2),Ie=xe[0],Ee=xe[1],ke=T(s({listener:function(){!he&&je(event,!0)}}),2),Oe=ke[0],we=ke[1],Se=function(e){O.popup&&f.emit("overlay-click",{originalEvent:e,target:de.current})},Pe=function(e){O.popup&&(j?je(e):Ne(e))},Ne=function(e){O.popup&&(de.current=e.currentTarget,K(!0),O.onShow&&O.onShow(e),be.current=e.relatedTarget||null),U({index:an(),level:0,parentKey:""})},je=function(e,n){O.popup&&(K(!1),O.onHide&&O.onHide(e));var t=Ue();A([]),U({index:-1,level:0,parentKey:""}),n&&v.focus(be.current||de.current||t),Y(!1)},Ke=function(e){B(!0),U(-1!==z.index?z:{index:an(),level:0,parentKey:""}),O.onFocus&&O.onFocus(e)},De=function(e){B(!1),U({index:-1,level:0,parentKey:""}),ye.current="",Y(!1),O.onBlur&&O.onBlur(e)},Me=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Le(e);break;case"ArrowUp":He(e);break;case"ArrowLeft":Re(e);break;case"ArrowRight":_e(e);break;case"Home":Be(e);break;case"End":We(e);break;case"Space":Ze(e);break;case"Enter":case"NumpadEnter":Fe(e);break;case"Escape":O.popup&&v.focus(de.current),Ve(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)}},Te=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=M.filter((function(e){return e.parentKey!==u&&e.parentKey!==i}));a&&c.push(n),U({index:r,level:o,parentKey:u}),A(c),a&&Y(!0),t&&v.focus(Ue())}},Ce=function(e){var n=e.originalEvent,t=e.processedItem;if(!Xe(t)&&!O.isMobileMode){var r=$e(t),i=y.isEmpty(t.parent),o=en(t),u=Ue();if(o){var a=t.index,c=t.key,l=t.level,s=t.parentKey;A(M.filter((function(e){return c!==e.key&&c.startsWith(e.key)}))),U({index:a,level:l,parentKey:s}),r||Y(!i),setTimeout((function(){v.focus(u),r&&Y(!0)}),0)}else if(r)v.focus(u),Te(e);else{var p=i?t:M.find((function(e){return""===e.parentKey})),m=p?p.index:-1;je(n,!0),U({index:m,parentKey:p?p.parentKey:""})}}},Ae=function(e){var n=e.originalEvent;Xe(e.processedItem)||O.isMobileMode?n.preventDefault():X&&!O.popup&&Te(e)},Le=function(e){var n=-1!==z.index?rn(z.index):an();sn(n),e.preventDefault()},He=function(e){if(e.altKey){if(O.popup&&v.focus(de.current),-1!==z.index){var n=ee[z.index];!$e(n)&&Te({originalEvent:e,processedItem:n})}O.popup&&je(e,!0),e.preventDefault()}else{var t=-1!==z.index?on(z.index):cn();sn(t),e.preventDefault()}},Re=function(e){var n=ee[z.index],t=M.find((function(e){return e.key===n.parentKey}));y.isEmpty(n.parent)||(U({index:-1,parentKey:t?t.parentKey:""}),ye.current="",setTimeout((function(){return ie(!0)}),0)),A(M.filter((function(e){return e.parentKey!==z.parentKey}))),e.preventDefault()},_e=function(e){var n=ee[z.index];$e(n)&&(Te({originalEvent:e,processedItem:n}),U({index:-1,parentKey:n.key}),ye.current="",setTimeout((function(){return ie(!0)}),0)),e.preventDefault()},Be=function(e){sn(nn()),e.preventDefault()},We=function(e){sn(tn()),e.preventDefault()},Fe=function(e){if(-1!==z.index){var n=v.findSingle(Ue(),'li[id="'.concat("".concat(F),'"]')),t=n&&v.findSingle(n,'[data-pc-section="action"]');O.popup&&v.focus(de.current),t?t.click():n&&n.click()}e.preventDefault()},Ze=function(e){Fe(e)},Ve=function(e){je(e,!0),!O.popup&&U(_(_({},z),{},{index:an()})),e.preventDefault()},ze=function(e){if(-1!==z.index){var n=ee[z.index];!$e(n)&&Te({originalEvent:e,processedItem:n})}je(e)},Ue=function(){return fe.current.getElement()||null},Je=function(e,n){return e?y.getItemValue(e[n]):void 0},Xe=function(e){return Je(e,"disabled")},Ye=function(e){return e?Je(e.item,"label"):void 0},$e=function(e){return e&&y.isNotEmpty(e.items)},qe=function(e){return Ge(e)&&Ye(e).toLocaleLowerCase().startsWith(ye.current.toLocaleLowerCase())},Ge=function(e){return!!e&&!Xe(e.item)&&!Je(e.item,"separator")},Qe=function(e){return Ge(e)&&en(e)},en=function(e){return M.some((function(n){return n.key===e.key}))},nn=function(){return ee.findIndex((function(e){return Ge(e)}))},tn=function(){return y.findLastIndex(ee,(function(e){return Ge(e)}))},rn=function(e){var n=e<ee.length-1?ee.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(ee.slice(0,e),(function(e){return Ge(e)})):-1;return n>-1?n:e},un=function(){return ee.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){ye.current=(ye.current||"")+e;var n=-1,t=!1;return-1!==(n=-1!==z.index?-1===(n=ee.slice(z.index).findIndex((function(e){return qe(e)})))?ee.slice(0,z.index).findIndex((function(e){return qe(e)})):n+z.index:ee.findIndex((function(e){return qe(e)})))&&(t=!0),-1===n&&-1===z.index&&(n=an()),-1!==n&&sn(n),ge.current&&clearTimeout(ge),ge.current=setTimeout((function(){ye.current="",ge.current=null}),500),t},sn=function(e){z.index!==e&&(U(_(_({},z),{},{index:e})),pn())},pn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(S,"_").concat(e):F,t=v.findSingle(Ue(),'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},mn=e.useCallback((function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",i=[];return e&&e.forEach((function(e,o){var u=(""!==r?r+"_":"")+o,a={item:e,index:o,level:n,key:u,parent:t,parentKey:r};a.items=mn(e.items,n+1,a,u),i.push(a)})),i}),[]),fn=function(){if(!ve.current){ve.current=v.createInlineStyle(E&&E.nonce||n.nonce,E&&E.styleContainer);var e="".concat(ue),t="\n@media screen and (max-width: ".concat(O.breakpoint,") {\n    .p-tieredmenu[").concat(e,"] > ul {\n        max-height: ").concat(O.scrollHeight,";\n        overflow: ").concat(O.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(O.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");ve.current.innerHTML=t}},dn=function(){ve.current=v.removeInlineStyle(ve.current)},bn=function(){var e;O.autoZIndex&&x.set("menu",me.current,E&&E.autoZIndex||n.autoZIndex,O.baseZIndex||E&&E.zIndex.menu||n.zIndex.menu),v.addStyles(me.current,{position:"absolute",top:"0",left:"0"}),e=v.getOuterWidth(de.current)>v.getOuterWidth(me.current),v.alignOverlay(me.current,de.current,O.appendTo,e),v.focus(fe.current.getElement()),pn(),ue&&O.breakpoint&&(me.current.setAttribute(ue,""),fn())},vn=function(){Ie(),Oe()},yn=function(){de.current=null,Ee(),we()},gn=function(){x.clear(me.current),dn()};p((function(){var e=h();!S&&P(e),O.breakpoint&&!ue&&ae(e)})),e.useEffect((function(){var e=mn(O.model||[]);G(e)}),[O.model,mn]),a((function(){var e=M.find((function(e){return e.key===z.parentKey}));ne(e?e.items:q)}),[M,z,q]),a((function(){var e=-1!==z.index?"".concat(S).concat(y.isNotEmpty(z.parentKey)?"_"+z.parentKey:"","_").concat(z.index):null;Z(e)}),[z]),a((function(){O.popup||(y.isNotEmpty(M)?(Ie(),Oe()):(Ee(),we()))}),[M]),a((function(){if(re){var e=-1!==z.index?rn(z.index):an();sn(e),A(M.filter((function(e){return e.parentKey!==z.parentKey}))),ie(!1)}}),[re]),a((function(){return ue&&me.current&&(me.current.setAttribute(ue,""),fn()),function(){dn()}}),[ue,O.breakpoint]),m((function(){x.clear(me.current)})),e.useImperativeHandle(g,(function(){return{props:O,toggle:Pe,show:Ne,hide:je,getElement:function(){return me.current}}}));var hn,xn,In=(hn=I({ref:me,id:O.id,className:b(O.className,se("root")),style:O.style,onClick:Se},C.getOtherProps(O),le("root")),xn=I({classNames:se("transition"),in:j,timeout:{enter:120,exit:100},options:O.transitionOptions,unmountOnExit:!0,onEnter:bn,onEntered:vn,onExit:yn,onExited:gn},le("transition")),e.createElement(o,k({nodeRef:me},xn),e.createElement("div",hn,e.createElement(H,{id:S+"_list",ref:fe,hostName:"TieredMenu",menuProps:O,tabIndex:0,model:q,ariaLabel:O.ariaLabel,ariaLabelledBy:O.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:R?F:void 0,menuId:S,level:0,focusedItemId:F,activeItemPath:M,onFocus:Ke,onBlur:De,onKeyDown:Me,onItemClick:Ce,onItemMouseEnter:Ae,root:!0,popup:O.popup,onHide:je,isMobileMode:he,submenuIcon:O.submenuIcon,ptm:le,cx:se,sx:pe}))));return O.popup?e.createElement(d,{element:In,appendTo:O.appendTo}):In})));B.displayName="TieredMenu";export{B as TieredMenu};

package/tieredmenu/tieredmenu.js

@@ -144,7 +144,7 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, componentbas
         'p-tieredmenu-overlay': props.popup,
         'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact__default["default"].inputStyle === 'filled',
         'p-ripple-disabled': context && context.ripple === false || PrimeReact__default["default"].ripple === false
-      }, props.className);
+      });
     },
     separator: 'p-menuitem-separator',
     icon: function icon(_ref2) {
@@ -1132,7 +1132,7 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, componentbas
       var rootProps = mergeProps({
         ref: containerRef,
         id: props.id,
-        className: cx('root'),
+        className: utils.classNames(props.className, cx('root')),
         style: props.style,
         onClick: onPanelClick
       }, TieredMenuBase.getOtherProps(props), ptm('root'));

package/tieredmenu/tieredmenu.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.tieredmenu=function(e,n,t,r,i,o,a,u,c,l,s){"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 x(e){if(Array.isArray(e))return e}function I(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,a,u=[],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)&&(u.push(r.value),u.length!==n);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(l)throw i}}return u}}function O(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 O(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)?O(e,n):void 0}}function k(){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 x(e)||I(e,n)||E(e,n)||k()}var S=r.ComponentBase.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 n=e.props,t=e.context;return c.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":n.popup,"p-input-filled":t&&"filled"===t.inputStyle||"filled"===f.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===f.default.ripple},n.className)},separator:"p-menuitem-separator",icon:function(e){return c.classNames("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 c.classNames("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e.itemClassName)},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 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 w(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}var P=d.memo(d.forwardRef((function(e,n){var t=d.useRef(null),r=o.useMergeProps(),i=e.ptm,a=e.cx,u=e.sx,p=function(n,t){return i(t,{hostName:e.hostName,context:{active:y(n)}})},m=function(){if(t.current){var e=t.current.parentElement,n=c.DomHandler.getOffset(e),r=c.DomHandler.getViewport(),i=t.current.offsetParent?t.current.offsetWidth:c.DomHandler.getHiddenElementOuterWidth(t.current),o=c.DomHandler.getOuterWidth(e.children[0]),a=parseInt(n.top,10)+t.current.offsetHeight-c.DomHandler.getWindowScrollTop();t.current.style.top=a>r.height?r.height-a+"px":"0px",parseInt(n.left,10)+o+i>r.width-c.DomHandler.calculateScrollbarWidth()&&c.DomHandler.addClass(t.current,"p-submenu-list-flipped")}},f=function(n,t){var r=t.item;h(t)?n.preventDefault():(r.command&&r.command({originalEvent:n,item:r}),e.onItemClick&&e.onItemClick({originalEvent:n,processedItem:t}),r.url||(n.preventDefault(),n.stopPropagation()))},b=function(n){return"".concat(e.menuId,"_").concat(n.key)},v=function(e,n,t){return e&&e.item?c.ObjectUtils.getItemValue(e.item[n],t):void 0},y=function(n){return e.activeItemPath.some((function(e){return e.key===n.key}))},g=function(e){return!1!==v(e,"visible")},h=function(e){return v(e,"disabled")},x=function(n){return e.focusedItemId===b(n)},I=function(e){return c.ObjectUtils.isNotEmpty(e.items)},O=function(n,t){e.onItemMouseEnter&&e.onItemMouseEnter({originalEvent:n,processedItem:t})},E=function(n){return n-e.model.slice(0,n).filter((function(e){return g(e)&&v(e,"separator")})).length+1};o.useUpdateEffect((function(){e.root||!e.parentActive||e.isMobileMode||m()}),[e.parentActive]),d.useImperativeHandle(n,(function(){return{getElement:function(){return t.current}}}));var k=function(n){var t=r({key:"separator_"+n,className:a("separator"),role:"separator"},i("separator",{hostName:e.hostName}));return d.createElement("li",t)},j=function(n,t){return I(n)?d.createElement(P,{id:e.id+"_"+t,menuProps:e.menuProps,model:n.items,menuId:e.menuId,ariaLabelledby:b(n),focusedItemId:e.focusedItemId,activeItemPath:e.activeItemPath,level:e.level+1,onItemClick:e.onItemClick,popup:e.popup,onItemMouseEnter:e.onItemMouseEnter,parentActive:y(n),isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon,ptm:e.ptm,cx:a,sx:u}):null},S=function(n,t){if(!1===g(n))return null;var i=n.item,o=v(n,"style"),u=v(n,"className"),m=v(n,"icon"),k=v(n,"target"),S=v(n,"url"),D=b(n),P=x(n),N=y(n),H=h(n),M=I(n),K=c.classNames("p-menuitem-link"),U=c.classNames("p-menuitem-icon",m),C=r({className:c.classNames(i.icon,"p-menuitem-icon","icon")},p(n,"icon")),T=c.IconUtils.getJSXIcon(m,w({},C),{props:e.menuProps}),A=r({className:a("label")},p(n,"label")),L=i.label&&d.createElement("span",A,i.label),R=r({className:a("submenuIcon")},p(n,"submenuIcon")),_=M&&c.IconUtils.getJSXIcon(e.submenuIcon||d.createElement(l.AngleRightIcon,R),w({},R),{props:e.menuProps}),B=j(n,t),W=r({href:S||"#","aria-hidden":!0,tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:a("action"),target:k},p(n,"action")),Z=d.createElement("a",W,T,L,_,d.createElement(s.Ripple,null));i.template&&(Z=c.ObjectUtils.getJSXElement(i.template,i,{className:K,labelClassName:"p-menuitem-text",iconClassName:U,submenuIconClassName:"p-submenu-icon",element:Z,props:e,active:N,disabled:H}));var F=r({onClick:function(e){return f(e,n)},onMouseEnter:function(e){return O(e,n)},className:a("content")},p(n,"content")),z=r({key:D,id:D,"aria-label":i.label,"aria-disabled":H,"aria-expanded":M?N:void 0,"aria-haspopup":M&&!S?"menu":void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return g(e)&&!v(e,"separator")})).length,"aria-posinset":E(t),"data-p-highlight":N,"data-p-disabled":H,"data-p-visited":P,className:a("menuitem",{itemClassName:u,active:N,focused:P,disabled:H}),style:o,onMouseEnter:function(e){return O(e,i)},role:"menuitem"},p(n,"menuitem"));return d.createElement("li",z,d.createElement("div",F,Z),B)},D=e.model?e.model.map((function(e,n){return v(e,"separator")?k(n):S(e,n)})):null,N=e.root?"menu":"submenu",H=r({ref:t,id:e.id,tabIndex:e.tabIndex,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,className:a(N,{subProps:e}),style:u(N,{subProps:e}),role:e.root?"menubar":"menu","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-orientation":e.ariaOrientation,"aria-activedescendant":e.focusedItemId},i(N,{hostName:e.hostName}));return d.createElement("ul",H,D)})));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 H(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}P.displayName="TieredMenuSub";var M=d.memo(d.forwardRef((function(e,n){var l=o.useMergeProps(),s=d.useContext(t.PrimeReactContext),p=S.getProps(e,s),m=j(d.useState(p.id),2),v=m[0],y=m[1],g=j(d.useState(!p.popup),2),h=g[0],x=g[1],I=j(d.useState([]),2),O=I[0],E=I[1],k=j(d.useState(!1),2),D=k[0],w=k[1],N=j(d.useState(null),2),M=N[0],K=N[1],U=j(d.useState({index:-1,level:0,parentKey:""}),2),C=U[0],T=U[1],A=j(d.useState(!1),2),L=A[0],R=A[1],_=j(d.useState([]),2),B=_[0],W=_[1],Z=j(d.useState([]),2),F=Z[0],z=Z[1],V=j(d.useState(!1),2),J=V[0],X=V[1],q=j(d.useState(null),2),Y=q[0],$=q[1],G=S.setMetaData({props:p,state:{id:v,visible:h,attributeSelector:Y}}),Q=G.ptm,ee=G.cx,ne=G.sx;r.useHandleStyle(S.css.styles,G.isUnstyled,{name:"tieredmenu"});var te=d.useRef(null),re=d.useRef(null),ie=d.useRef(null),oe=d.useRef(null),ae=d.useRef(null),ue=d.useRef(null),ce=d.useRef(null),le=o.useMatchMedia("screen and (max-width: ".concat(p.breakpoint,")"),!!p.breakpoint),se=j(o.useEventListener({type:"click",listener:function(e){var n=te.current&&!te.current.contains(e.target),t=!p.popup||!(ie.current&&(ie.current===e.target||ie.current.contains(e.target)));n&&t&&he(e,!p.popup)}}),2),pe=se[0],me=se[1],de=j(o.useResizeListener({listener:function(){!le&&he(event,!0)}}),2),fe=de[0],be=de[1],ve=function(e){p.popup&&a.OverlayService.emit("overlay-click",{originalEvent:e,target:ie.current})},ye=function(e){p.popup&&(h?he(e):ge(e))},ge=function(e){p.popup&&(ie.current=e.currentTarget,x(!0),p.onShow&&p.onShow(e),oe.current=e.relatedTarget||null),T({index:Ye(),level:0,parentKey:""})},he=function(e,n){p.popup&&(x(!1),p.onHide&&p.onHide(e));var t=Te();E([]),T({index:-1,level:0,parentKey:""}),n&&c.DomHandler.focus(oe.current||ie.current||t),R(!1)},xe=function(e){w(!0),T(-1!==C.index?C:{index:Ye(),level:0,parentKey:""}),p.onFocus&&p.onFocus(e)},Ie=function(e){w(!1),T({index:-1,level:0,parentKey:""}),ue.current="",R(!1),p.onBlur&&p.onBlur(e)},Oe=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Se(e);break;case"ArrowUp":De(e);break;case"ArrowLeft":we(e);break;case"ArrowRight":Pe(e);break;case"Home":Ne(e);break;case"End":He(e);break;case"Space":Ke(e);break;case"Enter":case"NumpadEnter":Me(e);break;case"Escape":p.popup&&c.DomHandler.focus(ie.current),Ue(e);break;case"Tab":Ce(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&c.ObjectUtils.isPrintableCharacter(e.key)&&Ge(e.key)}},Ee=function(e){var n=e.processedItem,t=e.isFocus;if(!c.ObjectUtils.isEmpty(n)){var r=n.index,i=n.key,o=n.level,a=n.parentKey,u=c.ObjectUtils.isNotEmpty(n.items),l=O.filter((function(e){return e.parentKey!==a&&e.parentKey!==i}));u&&l.push(n),T({index:r,level:o,parentKey:a}),E(l),u&&R(!0),t&&c.DomHandler.focus(Te())}},ke=function(e){var n=e.originalEvent,t=e.processedItem;if(!Le(t)&&!p.isMobileMode){var r=_e(t),i=c.ObjectUtils.isEmpty(t.parent),o=Fe(t),a=Te();if(o){var u=t.index,l=t.key,s=t.level,m=t.parentKey;E(O.filter((function(e){return l!==e.key&&l.startsWith(e.key)}))),T({index:u,level:s,parentKey:m}),r||R(!i),setTimeout((function(){c.DomHandler.focus(a),r&&R(!0)}),0)}else if(r)c.DomHandler.focus(a),Ee(e);else{var d=i?t:O.find((function(e){return""===e.parentKey})),f=d?d.index:-1;he(n,!0),T({index:f,parentKey:d?d.parentKey:""})}}},je=function(e){var n=e.originalEvent;Le(e.processedItem)||p.isMobileMode?n.preventDefault():L&&!p.popup&&Ee(e)},Se=function(e){var n=-1!==C.index?Je(C.index):Ye();Qe(n),e.preventDefault()},De=function(e){if(e.altKey){if(p.popup&&c.DomHandler.focus(ie.current),-1!==C.index){var n=F[C.index];!_e(n)&&Ee({originalEvent:e,processedItem:n})}p.popup&&he(e,!0),e.preventDefault()}else{var t=-1!==C.index?Xe(C.index):$e();Qe(t),e.preventDefault()}},we=function(e){var n=F[C.index],t=O.find((function(e){return e.key===n.parentKey}));c.ObjectUtils.isEmpty(n.parent)||(T({index:-1,parentKey:t?t.parentKey:""}),ue.current="",setTimeout((function(){return X(!0)}),0)),E(O.filter((function(e){return e.parentKey!==C.parentKey}))),e.preventDefault()},Pe=function(e){var n=F[C.index];_e(n)&&(Ee({originalEvent:e,processedItem:n}),T({index:-1,parentKey:n.key}),ue.current="",setTimeout((function(){return X(!0)}),0)),e.preventDefault()},Ne=function(e){Qe(ze()),e.preventDefault()},He=function(e){Qe(Ve()),e.preventDefault()},Me=function(e){if(-1!==C.index){var n=c.DomHandler.findSingle(Te(),'li[id="'.concat("".concat(M),'"]')),t=n&&c.DomHandler.findSingle(n,'[data-pc-section="action"]');p.popup&&c.DomHandler.focus(ie.current),t?t.click():n&&n.click()}e.preventDefault()},Ke=function(e){Me(e)},Ue=function(e){he(e,!0),!p.popup&&T(H(H({},C),{},{index:Ye()})),e.preventDefault()},Ce=function(e){if(-1!==C.index){var n=F[C.index];!_e(n)&&Ee({originalEvent:e,processedItem:n})}he(e)},Te=function(){return re.current.getElement()||null},Ae=function(e,n){return e?c.ObjectUtils.getItemValue(e[n]):void 0},Le=function(e){return Ae(e,"disabled")},Re=function(e){return e?Ae(e.item,"label"):void 0},_e=function(e){return e&&c.ObjectUtils.isNotEmpty(e.items)},Be=function(e){return We(e)&&Re(e).toLocaleLowerCase().startsWith(ue.current.toLocaleLowerCase())},We=function(e){return!!e&&!Le(e.item)&&!Ae(e.item,"separator")},Ze=function(e){return We(e)&&Fe(e)},Fe=function(e){return O.some((function(n){return n.key===e.key}))},ze=function(){return F.findIndex((function(e){return We(e)}))},Ve=function(){return c.ObjectUtils.findLastIndex(F,(function(e){return We(e)}))},Je=function(e){var n=e<F.length-1?F.slice(e+1).findIndex((function(e){return We(e)})):-1;return n>-1?n+e+1:e},Xe=function(e){var n=e>0?c.ObjectUtils.findLastIndex(F.slice(0,e),(function(e){return We(e)})):-1;return n>-1?n:e},qe=function(){return F.findIndex((function(e){return Ze(e)}))},Ye=function(){var e=qe();return e<0?ze():e},$e=function(){var e=qe();return e<0?Ve():e},Ge=function(e){ue.current=(ue.current||"")+e;var n=-1,t=!1;return-1!==(n=-1!==C.index?-1===(n=F.slice(C.index).findIndex((function(e){return Be(e)})))?F.slice(0,C.index).findIndex((function(e){return Be(e)})):n+C.index:F.findIndex((function(e){return Be(e)})))&&(t=!0),-1===n&&-1===C.index&&(n=Ye()),-1!==n&&Qe(n),ce.current&&clearTimeout(ce),ce.current=setTimeout((function(){ue.current="",ce.current=null}),500),t},Qe=function(e){C.index!==e&&(T(H(H({},C),{},{index:e})),en())},en=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(v,"_").concat(e):M,t=c.DomHandler.findSingle(Te(),'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},nn=d.useCallback((function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",i=[];return e&&e.forEach((function(e,o){var a=(""!==r?r+"_":"")+o,u={item:e,index:o,level:n,key:a,parent:t,parentKey:r};u.items=nn(e.items,n+1,u,a),i.push(u)})),i}),[]),tn=function(){if(!ae.current){ae.current=c.DomHandler.createInlineStyle(s&&s.nonce||f.default.nonce,s&&s.styleContainer);var e="".concat(Y),n="\n@media screen and (max-width: ".concat(p.breakpoint,") {\n    .p-tieredmenu[").concat(e,"] > ul {\n        max-height: ").concat(p.scrollHeight,";\n        overflow: ").concat(p.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(p.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");ae.current.innerHTML=n}},rn=function(){ae.current=c.DomHandler.removeInlineStyle(ae.current)},on=function(){var e;p.autoZIndex&&c.ZIndexUtils.set("menu",te.current,s&&s.autoZIndex||f.default.autoZIndex,p.baseZIndex||s&&s.zIndex.menu||f.default.zIndex.menu),c.DomHandler.addStyles(te.current,{position:"absolute",top:"0",left:"0"}),e=c.DomHandler.getOuterWidth(ie.current)>c.DomHandler.getOuterWidth(te.current),c.DomHandler.alignOverlay(te.current,ie.current,p.appendTo,e),c.DomHandler.focus(re.current.getElement()),en(),Y&&p.breakpoint&&(te.current.setAttribute(Y,""),tn())},an=function(){pe(),fe()},un=function(){ie.current=null,me(),be()},cn=function(){c.ZIndexUtils.clear(te.current),rn()};o.useMountEffect((function(){var e=c.UniqueComponentId();!v&&y(e),p.breakpoint&&!Y&&$(e)})),d.useEffect((function(){var e=nn(p.model||[]);W(e)}),[p.model,nn]),o.useUpdateEffect((function(){var e=O.find((function(e){return e.key===C.parentKey}));z(e?e.items:B)}),[O,C,B]),o.useUpdateEffect((function(){var e=-1!==C.index?"".concat(v).concat(c.ObjectUtils.isNotEmpty(C.parentKey)?"_"+C.parentKey:"","_").concat(C.index):null;K(e)}),[C]),o.useUpdateEffect((function(){p.popup||(c.ObjectUtils.isNotEmpty(O)?(pe(),fe()):(me(),be()))}),[O]),o.useUpdateEffect((function(){if(J){var e=-1!==C.index?Je(C.index):Ye();Qe(e),E(O.filter((function(e){return e.parentKey!==C.parentKey}))),X(!1)}}),[J]),o.useUpdateEffect((function(){return Y&&te.current&&(te.current.setAttribute(Y,""),tn()),function(){rn()}}),[Y,p.breakpoint]),o.useUnmountEffect((function(){c.ZIndexUtils.clear(te.current)})),d.useImperativeHandle(n,(function(){return{props:p,toggle:ye,show:ge,hide:he,getElement:function(){return te.current}}}));var ln,sn,pn=(ln=l({ref:te,id:p.id,className:ee("root"),style:p.style,onClick:ve},S.getOtherProps(p),Q("root")),sn=l({classNames:ee("transition"),in:h,timeout:{enter:120,exit:100},options:p.transitionOptions,unmountOnExit:!0,onEnter:on,onEntered:an,onExit:un,onExited:cn},Q("transition")),d.createElement(i.CSSTransition,b({nodeRef:te},sn),d.createElement("div",ln,d.createElement(P,{id:v+"_list",ref:re,hostName:"TieredMenu",menuProps:p,tabIndex:0,model:B,ariaLabel:p.ariaLabel,ariaLabelledBy:p.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:D?M:void 0,menuId:v,level:0,focusedItemId:M,activeItemPath:O,onFocus:xe,onBlur:Ie,onKeyDown:Oe,onItemClick:ke,onItemMouseEnter:je,root:!0,popup:p.popup,onHide:he,isMobileMode:le,submenuIcon:p.submenuIcon,ptm:Q,cx:ee,sx:ne}))));return p.popup?d.createElement(u.Portal,{element:pn,appendTo:p.appendTo}):pn})));return M.displayName="TieredMenu",e.TieredMenu=M,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.utils,primereact.icons.angleright,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.tieredmenu=function(e,n,t,r,i,o,a,u,c,l,s){"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 x(e){if(Array.isArray(e))return e}function I(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,a,u=[],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)&&(u.push(r.value),u.length!==n);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(l)throw i}}return u}}function O(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 O(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)?O(e,n):void 0}}function k(){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 x(e)||I(e,n)||E(e,n)||k()}var S=r.ComponentBase.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 n=e.context;return c.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":e.props.popup,"p-input-filled":n&&"filled"===n.inputStyle||"filled"===f.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===f.default.ripple})},separator:"p-menuitem-separator",icon:function(e){return c.classNames("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 c.classNames("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e.itemClassName)},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 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 w(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}var P=d.memo(d.forwardRef((function(e,n){var t=d.useRef(null),r=o.useMergeProps(),i=e.ptm,a=e.cx,u=e.sx,p=function(n,t){return i(t,{hostName:e.hostName,context:{active:y(n)}})},m=function(){if(t.current){var e=t.current.parentElement,n=c.DomHandler.getOffset(e),r=c.DomHandler.getViewport(),i=t.current.offsetParent?t.current.offsetWidth:c.DomHandler.getHiddenElementOuterWidth(t.current),o=c.DomHandler.getOuterWidth(e.children[0]),a=parseInt(n.top,10)+t.current.offsetHeight-c.DomHandler.getWindowScrollTop();t.current.style.top=a>r.height?r.height-a+"px":"0px",parseInt(n.left,10)+o+i>r.width-c.DomHandler.calculateScrollbarWidth()&&c.DomHandler.addClass(t.current,"p-submenu-list-flipped")}},f=function(n,t){var r=t.item;h(t)?n.preventDefault():(r.command&&r.command({originalEvent:n,item:r}),e.onItemClick&&e.onItemClick({originalEvent:n,processedItem:t}),r.url||(n.preventDefault(),n.stopPropagation()))},b=function(n){return"".concat(e.menuId,"_").concat(n.key)},v=function(e,n,t){return e&&e.item?c.ObjectUtils.getItemValue(e.item[n],t):void 0},y=function(n){return e.activeItemPath.some((function(e){return e.key===n.key}))},g=function(e){return!1!==v(e,"visible")},h=function(e){return v(e,"disabled")},x=function(n){return e.focusedItemId===b(n)},I=function(e){return c.ObjectUtils.isNotEmpty(e.items)},O=function(n,t){e.onItemMouseEnter&&e.onItemMouseEnter({originalEvent:n,processedItem:t})},E=function(n){return n-e.model.slice(0,n).filter((function(e){return g(e)&&v(e,"separator")})).length+1};o.useUpdateEffect((function(){e.root||!e.parentActive||e.isMobileMode||m()}),[e.parentActive]),d.useImperativeHandle(n,(function(){return{getElement:function(){return t.current}}}));var k=function(n){var t=r({key:"separator_"+n,className:a("separator"),role:"separator"},i("separator",{hostName:e.hostName}));return d.createElement("li",t)},j=function(n,t){return I(n)?d.createElement(P,{id:e.id+"_"+t,menuProps:e.menuProps,model:n.items,menuId:e.menuId,ariaLabelledby:b(n),focusedItemId:e.focusedItemId,activeItemPath:e.activeItemPath,level:e.level+1,onItemClick:e.onItemClick,popup:e.popup,onItemMouseEnter:e.onItemMouseEnter,parentActive:y(n),isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon,ptm:e.ptm,cx:a,sx:u}):null},S=function(n,t){if(!1===g(n))return null;var i=n.item,o=v(n,"style"),u=v(n,"className"),m=v(n,"icon"),k=v(n,"target"),S=v(n,"url"),D=b(n),P=x(n),N=y(n),H=h(n),M=I(n),K=c.classNames("p-menuitem-link"),U=c.classNames("p-menuitem-icon",m),C=r({className:c.classNames(i.icon,"p-menuitem-icon","icon")},p(n,"icon")),T=c.IconUtils.getJSXIcon(m,w({},C),{props:e.menuProps}),A=r({className:a("label")},p(n,"label")),L=i.label&&d.createElement("span",A,i.label),R=r({className:a("submenuIcon")},p(n,"submenuIcon")),_=M&&c.IconUtils.getJSXIcon(e.submenuIcon||d.createElement(l.AngleRightIcon,R),w({},R),{props:e.menuProps}),B=j(n,t),W=r({href:S||"#","aria-hidden":!0,tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:a("action"),target:k},p(n,"action")),Z=d.createElement("a",W,T,L,_,d.createElement(s.Ripple,null));i.template&&(Z=c.ObjectUtils.getJSXElement(i.template,i,{className:K,labelClassName:"p-menuitem-text",iconClassName:U,submenuIconClassName:"p-submenu-icon",element:Z,props:e,active:N,disabled:H}));var F=r({onClick:function(e){return f(e,n)},onMouseEnter:function(e){return O(e,n)},className:a("content")},p(n,"content")),z=r({key:D,id:D,"aria-label":i.label,"aria-disabled":H,"aria-expanded":M?N:void 0,"aria-haspopup":M&&!S?"menu":void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return g(e)&&!v(e,"separator")})).length,"aria-posinset":E(t),"data-p-highlight":N,"data-p-disabled":H,"data-p-visited":P,className:a("menuitem",{itemClassName:u,active:N,focused:P,disabled:H}),style:o,onMouseEnter:function(e){return O(e,i)},role:"menuitem"},p(n,"menuitem"));return d.createElement("li",z,d.createElement("div",F,Z),B)},D=e.model?e.model.map((function(e,n){return v(e,"separator")?k(n):S(e,n)})):null,N=e.root?"menu":"submenu",H=r({ref:t,id:e.id,tabIndex:e.tabIndex,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,className:a(N,{subProps:e}),style:u(N,{subProps:e}),role:e.root?"menubar":"menu","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-orientation":e.ariaOrientation,"aria-activedescendant":e.focusedItemId},i(N,{hostName:e.hostName}));return d.createElement("ul",H,D)})));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 H(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}P.displayName="TieredMenuSub";var M=d.memo(d.forwardRef((function(e,n){var l=o.useMergeProps(),s=d.useContext(t.PrimeReactContext),p=S.getProps(e,s),m=j(d.useState(p.id),2),v=m[0],y=m[1],g=j(d.useState(!p.popup),2),h=g[0],x=g[1],I=j(d.useState([]),2),O=I[0],E=I[1],k=j(d.useState(!1),2),D=k[0],w=k[1],N=j(d.useState(null),2),M=N[0],K=N[1],U=j(d.useState({index:-1,level:0,parentKey:""}),2),C=U[0],T=U[1],A=j(d.useState(!1),2),L=A[0],R=A[1],_=j(d.useState([]),2),B=_[0],W=_[1],Z=j(d.useState([]),2),F=Z[0],z=Z[1],V=j(d.useState(!1),2),J=V[0],X=V[1],q=j(d.useState(null),2),Y=q[0],$=q[1],G=S.setMetaData({props:p,state:{id:v,visible:h,attributeSelector:Y}}),Q=G.ptm,ee=G.cx,ne=G.sx;r.useHandleStyle(S.css.styles,G.isUnstyled,{name:"tieredmenu"});var te=d.useRef(null),re=d.useRef(null),ie=d.useRef(null),oe=d.useRef(null),ae=d.useRef(null),ue=d.useRef(null),ce=d.useRef(null),le=o.useMatchMedia("screen and (max-width: ".concat(p.breakpoint,")"),!!p.breakpoint),se=j(o.useEventListener({type:"click",listener:function(e){var n=te.current&&!te.current.contains(e.target),t=!p.popup||!(ie.current&&(ie.current===e.target||ie.current.contains(e.target)));n&&t&&he(e,!p.popup)}}),2),pe=se[0],me=se[1],de=j(o.useResizeListener({listener:function(){!le&&he(event,!0)}}),2),fe=de[0],be=de[1],ve=function(e){p.popup&&a.OverlayService.emit("overlay-click",{originalEvent:e,target:ie.current})},ye=function(e){p.popup&&(h?he(e):ge(e))},ge=function(e){p.popup&&(ie.current=e.currentTarget,x(!0),p.onShow&&p.onShow(e),oe.current=e.relatedTarget||null),T({index:Ye(),level:0,parentKey:""})},he=function(e,n){p.popup&&(x(!1),p.onHide&&p.onHide(e));var t=Te();E([]),T({index:-1,level:0,parentKey:""}),n&&c.DomHandler.focus(oe.current||ie.current||t),R(!1)},xe=function(e){w(!0),T(-1!==C.index?C:{index:Ye(),level:0,parentKey:""}),p.onFocus&&p.onFocus(e)},Ie=function(e){w(!1),T({index:-1,level:0,parentKey:""}),ue.current="",R(!1),p.onBlur&&p.onBlur(e)},Oe=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Se(e);break;case"ArrowUp":De(e);break;case"ArrowLeft":we(e);break;case"ArrowRight":Pe(e);break;case"Home":Ne(e);break;case"End":He(e);break;case"Space":Ke(e);break;case"Enter":case"NumpadEnter":Me(e);break;case"Escape":p.popup&&c.DomHandler.focus(ie.current),Ue(e);break;case"Tab":Ce(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&c.ObjectUtils.isPrintableCharacter(e.key)&&Ge(e.key)}},Ee=function(e){var n=e.processedItem,t=e.isFocus;if(!c.ObjectUtils.isEmpty(n)){var r=n.index,i=n.key,o=n.level,a=n.parentKey,u=c.ObjectUtils.isNotEmpty(n.items),l=O.filter((function(e){return e.parentKey!==a&&e.parentKey!==i}));u&&l.push(n),T({index:r,level:o,parentKey:a}),E(l),u&&R(!0),t&&c.DomHandler.focus(Te())}},ke=function(e){var n=e.originalEvent,t=e.processedItem;if(!Le(t)&&!p.isMobileMode){var r=_e(t),i=c.ObjectUtils.isEmpty(t.parent),o=Fe(t),a=Te();if(o){var u=t.index,l=t.key,s=t.level,m=t.parentKey;E(O.filter((function(e){return l!==e.key&&l.startsWith(e.key)}))),T({index:u,level:s,parentKey:m}),r||R(!i),setTimeout((function(){c.DomHandler.focus(a),r&&R(!0)}),0)}else if(r)c.DomHandler.focus(a),Ee(e);else{var d=i?t:O.find((function(e){return""===e.parentKey})),f=d?d.index:-1;he(n,!0),T({index:f,parentKey:d?d.parentKey:""})}}},je=function(e){var n=e.originalEvent;Le(e.processedItem)||p.isMobileMode?n.preventDefault():L&&!p.popup&&Ee(e)},Se=function(e){var n=-1!==C.index?Je(C.index):Ye();Qe(n),e.preventDefault()},De=function(e){if(e.altKey){if(p.popup&&c.DomHandler.focus(ie.current),-1!==C.index){var n=F[C.index];!_e(n)&&Ee({originalEvent:e,processedItem:n})}p.popup&&he(e,!0),e.preventDefault()}else{var t=-1!==C.index?Xe(C.index):$e();Qe(t),e.preventDefault()}},we=function(e){var n=F[C.index],t=O.find((function(e){return e.key===n.parentKey}));c.ObjectUtils.isEmpty(n.parent)||(T({index:-1,parentKey:t?t.parentKey:""}),ue.current="",setTimeout((function(){return X(!0)}),0)),E(O.filter((function(e){return e.parentKey!==C.parentKey}))),e.preventDefault()},Pe=function(e){var n=F[C.index];_e(n)&&(Ee({originalEvent:e,processedItem:n}),T({index:-1,parentKey:n.key}),ue.current="",setTimeout((function(){return X(!0)}),0)),e.preventDefault()},Ne=function(e){Qe(ze()),e.preventDefault()},He=function(e){Qe(Ve()),e.preventDefault()},Me=function(e){if(-1!==C.index){var n=c.DomHandler.findSingle(Te(),'li[id="'.concat("".concat(M),'"]')),t=n&&c.DomHandler.findSingle(n,'[data-pc-section="action"]');p.popup&&c.DomHandler.focus(ie.current),t?t.click():n&&n.click()}e.preventDefault()},Ke=function(e){Me(e)},Ue=function(e){he(e,!0),!p.popup&&T(H(H({},C),{},{index:Ye()})),e.preventDefault()},Ce=function(e){if(-1!==C.index){var n=F[C.index];!_e(n)&&Ee({originalEvent:e,processedItem:n})}he(e)},Te=function(){return re.current.getElement()||null},Ae=function(e,n){return e?c.ObjectUtils.getItemValue(e[n]):void 0},Le=function(e){return Ae(e,"disabled")},Re=function(e){return e?Ae(e.item,"label"):void 0},_e=function(e){return e&&c.ObjectUtils.isNotEmpty(e.items)},Be=function(e){return We(e)&&Re(e).toLocaleLowerCase().startsWith(ue.current.toLocaleLowerCase())},We=function(e){return!!e&&!Le(e.item)&&!Ae(e.item,"separator")},Ze=function(e){return We(e)&&Fe(e)},Fe=function(e){return O.some((function(n){return n.key===e.key}))},ze=function(){return F.findIndex((function(e){return We(e)}))},Ve=function(){return c.ObjectUtils.findLastIndex(F,(function(e){return We(e)}))},Je=function(e){var n=e<F.length-1?F.slice(e+1).findIndex((function(e){return We(e)})):-1;return n>-1?n+e+1:e},Xe=function(e){var n=e>0?c.ObjectUtils.findLastIndex(F.slice(0,e),(function(e){return We(e)})):-1;return n>-1?n:e},qe=function(){return F.findIndex((function(e){return Ze(e)}))},Ye=function(){var e=qe();return e<0?ze():e},$e=function(){var e=qe();return e<0?Ve():e},Ge=function(e){ue.current=(ue.current||"")+e;var n=-1,t=!1;return-1!==(n=-1!==C.index?-1===(n=F.slice(C.index).findIndex((function(e){return Be(e)})))?F.slice(0,C.index).findIndex((function(e){return Be(e)})):n+C.index:F.findIndex((function(e){return Be(e)})))&&(t=!0),-1===n&&-1===C.index&&(n=Ye()),-1!==n&&Qe(n),ce.current&&clearTimeout(ce),ce.current=setTimeout((function(){ue.current="",ce.current=null}),500),t},Qe=function(e){C.index!==e&&(T(H(H({},C),{},{index:e})),en())},en=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(v,"_").concat(e):M,t=c.DomHandler.findSingle(Te(),'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},nn=d.useCallback((function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",i=[];return e&&e.forEach((function(e,o){var a=(""!==r?r+"_":"")+o,u={item:e,index:o,level:n,key:a,parent:t,parentKey:r};u.items=nn(e.items,n+1,u,a),i.push(u)})),i}),[]),tn=function(){if(!ae.current){ae.current=c.DomHandler.createInlineStyle(s&&s.nonce||f.default.nonce,s&&s.styleContainer);var e="".concat(Y),n="\n@media screen and (max-width: ".concat(p.breakpoint,") {\n    .p-tieredmenu[").concat(e,"] > ul {\n        max-height: ").concat(p.scrollHeight,";\n        overflow: ").concat(p.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(p.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");ae.current.innerHTML=n}},rn=function(){ae.current=c.DomHandler.removeInlineStyle(ae.current)},on=function(){var e;p.autoZIndex&&c.ZIndexUtils.set("menu",te.current,s&&s.autoZIndex||f.default.autoZIndex,p.baseZIndex||s&&s.zIndex.menu||f.default.zIndex.menu),c.DomHandler.addStyles(te.current,{position:"absolute",top:"0",left:"0"}),e=c.DomHandler.getOuterWidth(ie.current)>c.DomHandler.getOuterWidth(te.current),c.DomHandler.alignOverlay(te.current,ie.current,p.appendTo,e),c.DomHandler.focus(re.current.getElement()),en(),Y&&p.breakpoint&&(te.current.setAttribute(Y,""),tn())},an=function(){pe(),fe()},un=function(){ie.current=null,me(),be()},cn=function(){c.ZIndexUtils.clear(te.current),rn()};o.useMountEffect((function(){var e=c.UniqueComponentId();!v&&y(e),p.breakpoint&&!Y&&$(e)})),d.useEffect((function(){var e=nn(p.model||[]);W(e)}),[p.model,nn]),o.useUpdateEffect((function(){var e=O.find((function(e){return e.key===C.parentKey}));z(e?e.items:B)}),[O,C,B]),o.useUpdateEffect((function(){var e=-1!==C.index?"".concat(v).concat(c.ObjectUtils.isNotEmpty(C.parentKey)?"_"+C.parentKey:"","_").concat(C.index):null;K(e)}),[C]),o.useUpdateEffect((function(){p.popup||(c.ObjectUtils.isNotEmpty(O)?(pe(),fe()):(me(),be()))}),[O]),o.useUpdateEffect((function(){if(J){var e=-1!==C.index?Je(C.index):Ye();Qe(e),E(O.filter((function(e){return e.parentKey!==C.parentKey}))),X(!1)}}),[J]),o.useUpdateEffect((function(){return Y&&te.current&&(te.current.setAttribute(Y,""),tn()),function(){rn()}}),[Y,p.breakpoint]),o.useUnmountEffect((function(){c.ZIndexUtils.clear(te.current)})),d.useImperativeHandle(n,(function(){return{props:p,toggle:ye,show:ge,hide:he,getElement:function(){return te.current}}}));var ln,sn,pn=(ln=l({ref:te,id:p.id,className:c.classNames(p.className,ee("root")),style:p.style,onClick:ve},S.getOtherProps(p),Q("root")),sn=l({classNames:ee("transition"),in:h,timeout:{enter:120,exit:100},options:p.transitionOptions,unmountOnExit:!0,onEnter:on,onEntered:an,onExit:un,onExited:cn},Q("transition")),d.createElement(i.CSSTransition,b({nodeRef:te},sn),d.createElement("div",ln,d.createElement(P,{id:v+"_list",ref:re,hostName:"TieredMenu",menuProps:p,tabIndex:0,model:B,ariaLabel:p.ariaLabel,ariaLabelledBy:p.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:D?M:void 0,menuId:v,level:0,focusedItemId:M,activeItemPath:O,onFocus:xe,onBlur:Ie,onKeyDown:Oe,onItemClick:ke,onItemMouseEnter:je,root:!0,popup:p.popup,onHide:he,isMobileMode:le,submenuIcon:p.submenuIcon,ptm:Q,cx:ee,sx:ne}))));return p.popup?d.createElement(u.Portal,{element:pn,appendTo:p.appendTo}):pn})));return M.displayName="TieredMenu",e.TieredMenu=M,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.utils,primereact.icons.angleright,primereact.ripple);

package/togglebutton/togglebutton.cjs.js

@@ -94,7 +94,7 @@ var classes = {
       'p-disabled': props.disabled,
       'p-highlight': props.checked,
       'p-invalid': props.invalid
-    }, props.className);
+    });
   },
   input: 'p-togglebutton-input',
   box: function box(_ref2) {
@@ -231,10 +231,10 @@ var ToggleButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
   var rootProps = mergeProps({
     ref: elementRef,
     id: props.id,
-    className: cx('root', {
+    className: utils.classNames(props.className, cx('root', {
       hasIcon: hasIcon,
       hasLabel: hasLabel
-    }),
+    })),
     'data-p-highlight': props.checked,
     'data-p-disabled': props.disabled
   }, ToggleButtonBase.getOtherProps(props), ptm('root'));