primereact 10.3.1 → 10.3.2

package/listbox/listbox.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.listbox=function(e,t,r,n,l,o,i,a,u,s,c){"use strict";function p(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var f=p(t);function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},m.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 d(e,t){if("object"!==b(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==b(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function v(e){var t=d(e,"string");return"symbol"===b(t)?t:String(t)}function y(e,t,r){return(t=v(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function h(e){if(Array.isArray(e))return g(e)}function O(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function j(e,t){if(e){if("string"==typeof e)return g(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?g(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 S(e){return h(e)||O(e)||j(e)||x()}function E(e){if(Array.isArray(e))return e}function P(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,o,i,a=[],u=!0,s=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=o.call(r)).done)&&(a.push(n.value),a.length!==t);u=!0);}catch(e){s=!0,l=e}finally{try{if(!u&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw l}}return a}}function w(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function D(e,t){return E(e)||P(e,t)||j(e,t)||w()}var I=n.ComponentBase.extend({defaultProps:{__TYPE:"ListBox",className:null,dataKey:null,disabled:null,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterIcon:null,filterBy:null,filterInputProps:null,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,filterValue:null,id:null,itemTemplate:null,listClassName:null,listStyle:null,metaKeySelection:!1,multiple:!1,onChange:null,onFilterValueChange:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,value:null,virtualScrollerOptions:null,children:void 0},css:{classes:{itemGroup:"p-listbox-item-group",emptyMessage:"p-listbox-empty-message",list:function(e){return e.props.virtualScrollerOptions?i.classNames("p-listbox-list",e.options.className):"p-listbox-list"},wrapper:function(e){return i.classNames("p-listbox-list-wrapper",e.props.listClassName)},root:function(e){var t=e.props;return i.classNames("p-listbox p-component",{"p-disabled":t.disabled},t.className)},item:function(e){var t=e.props;return i.classNames("p-listbox-item",{"p-highlight":t.selected,"p-disabled":t.disabled},t.option.className)},filterContainer:"p-listbox-filter-container",filterIcon:"p-listbox-filter-icon",filterInput:"p-listbox-filter",header:"p-listbox-header"},styles:"\n@layer primereact {\n    .p-listbox-list-wrapper {\n        overflow: auto;\n    }\n    \n    .p-listbox-list {\n        list-style-type: none;\n        margin: 0;\n        padding: 0;\n    }\n    \n    .p-listbox-item {\n        cursor: pointer;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-listbox-filter-container {\n        position: relative;\n    }\n    \n    .p-listbox-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-listbox-filter {\n        width: 100%;\n    }\n}\n",inlineStyles:{itemGroup:function(e){var t=e.scrollerOptions;return{height:t.props?t.props.itemSize:void 0}},list:function(e){return e.props.virtualScrollerOptions?e.options.style:void 0}}}});function C(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function N(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?C(Object(r),!0).forEach((function(t){y(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):C(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var F=f.memo((function(e){var t=e.ptCallbacks,r=t.ptm,n=t.cx,l=function(t,n){return r(t,N({hostName:e.hostName},n))},o={filter:function(e){return a(e)},reset:function(){return e.resetFilter()}},a=function(t){e.onFilter&&e.onFilter({originalEvent:t,value:t.target.value})},c=function(){var t=i.mergeProps({className:n("filterIcon")},l("filterIcon")),c=i.IconUtils.getJSXIcon(e.filterIcon||f.createElement(u.SearchIcon,t),N({},t),{props:e}),p=i.mergeProps({className:n("header")},l("header")),b=i.mergeProps({className:n("filterContainer")},l("filterContainer")),d=f.createElement("div",b,f.createElement(s.InputText,m({type:"text",value:e.filter,onChange:a,className:n("filterInput"),disabled:e.disabled,placeholder:e.filterPlaceholder},e.filterInputProps,{pt:r("filterInput"),unstyled:e.unstyled,__parentMetadata:{parent:e.metaData}})),c);e.filterTemplate&&(d=i.ObjectUtils.getJSXElement(e.filterTemplate,{className:"p-listbox-filter-container",element:d,filterOptions:o,filterInputChange:a,filterIconClassName:"p-dropdown-filter-icon",props:e}));return f.createElement("div",p,d)}();return f.createElement(f.Fragment,null,c)}));F.displayName="ListBoxHeader";var T=f.memo((function(e){var t=D(f.useState(!1),2),r=t[0],n=t[1],l=e.ptCallbacks,o=l.ptm,a=l.cx,u=function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option}),t.preventDefault()},s=function e(t){var r=t.nextElementSibling;return r?i.DomHandler.hasClass(r,"p-disabled")||i.DomHandler.hasClass(r,"p-listbox-item-group")?e(r):r:null},p=function e(t){var r=t.previousElementSibling;return r?i.DomHandler.hasClass(r,"p-disabled")||i.DomHandler.hasClass(r,"p-listbox-item-group")?e(r):r:null},m=e.template?i.ObjectUtils.getJSXElement(e.template,e.option):e.label,b=i.mergeProps({className:a("item",{props:e}),style:e.style,onClick:u,onTouchEnd:function(t){e.onTouchEnd&&e.onTouchEnd({originalEvent:t,option:e.option})},onKeyDown:function(e){var t=e.currentTarget;switch(e.which){case 40:var r=s(t);r&&r.focus(),e.preventDefault();break;case 38:var n=p(t);n&&n.focus(),e.preventDefault();break;case 13:u(e),e.preventDefault()}},onFocus:function(e){n(!0)},onBlur:function(e){n(!1)},tabIndex:"-1","aria-label":e.label,key:e.label,role:"option","aria-selected":e.selected,"aria-disabled":e.disabled},o("item",{hostName:e.hostName,context:{selected:e.selected,disabled:e.disabled,focused:r}}));return f.createElement("li",b,m,f.createElement(c.Ripple,null))}));function L(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function U(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?L(Object(r),!0).forEach((function(t){y(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):L(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function M(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=k(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0,l=function(){};return{s:l,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:l}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,i=!0,a=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==r.return||r.return()}finally{if(a)throw o}}}}function k(e,t){if(e){if("string"==typeof e)return A(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?A(e,t):void 0}}function A(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}T.displayName="ListBoxItem";var G=f.memo(f.forwardRef((function(e,t){var u=f.useContext(r.PrimeReactContext),s=I.getProps(e,u),c=D(f.useState(""),2),p=c[0],b=c[1],d=f.useRef(null),v=f.useRef(null),y=f.useRef(!1),g=(s.onFilterValueChange?s.filterValue:p)||"",h=g&&g.trim().length>0,O={props:s,state:{filterValue:g}},j=I.setMetaData(O);n.useHandleStyle(I.css.styles,j.isUnstyled,{name:"listbox"});var x=function(e){var t=e.option;s.disabled||H(t)||(s.multiple?w(e.originalEvent,t):P(e.originalEvent,t),y.current=!1)},E=function(){s.disabled||(y.current=!0)},P=function(e,t){var r=B(t),n=!1,l=null;!y.current&&s.metaKeySelection?r?(e.metaKey||e.ctrlKey)&&(l=null,n=!0):(l=_(t),n=!0):(l=r?null:_(t),n=!0);n&&L(e,l)},w=function(e,t){var r=B(t),n=!1,l=null;if(!y&&s.metaKeySelection){var o=e.metaKey||e.ctrlKey;r?(l=o?k(t):[_(t)],n=!0):(l=[].concat(S(l=o&&s.value||[]),[_(t)]),n=!0)}else l=r?k(t):[].concat(S(s.value||[]),[_(t)]),n=!0;n&&s.onChange({originalEvent:e,value:l,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:s.name,id:s.id,value:l}})},C=function(e){v.current&&v.current.scrollToIndex(0);var t=e.value;s.onFilterValueChange?s.onFilterValueChange({originalEvent:e.originalEvent,value:t}):b(t)},N=function(){b(""),s.onFilter&&s.onFilter({filter:""})},L=function(e,t){s.onChange&&s.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:s.name,id:s.id,value:t}})},k=function(e){return s.value.filter((function(t){return!i.ObjectUtils.equals(t,_(e),s.dataKey)}))},A=function(){if(null!=s.value&&Q){if(!s.optionGroupLabel)return K(s.value,Q);for(var e=0;e<Q.length;e++){var t=K(s.value,J(Q[e]));if(-1!==t)return{group:e,option:t}}}return-1},G=function(){return s.optionValue?null:s.dataKey},K=function(e,t){var r=G();return t.findIndex((function(t){return i.ObjectUtils.equals(e,_(t),r)}))},B=function(e){var t=_(e),r=G();return s.multiple&&s.value?s.value.some((function(e){return i.ObjectUtils.equals(e,t,r)})):i.ObjectUtils.equals(s.value,t,r)},V=function(e){return s.optionLabel?i.ObjectUtils.resolveFieldData(e,s.optionLabel):e&&void 0!==e.label?e.label:e},_=function(e){return s.optionValue?i.ObjectUtils.resolveFieldData(e,s.optionValue):e&&void 0!==e.value?e.value:e},R=function(e){return s.dataKey?i.ObjectUtils.resolveFieldData(e,s.dataKey):V(e)},H=function(e){return s.optionDisabled?i.ObjectUtils.isFunction(s.optionDisabled)?s.optionDisabled(e):i.ObjectUtils.resolveFieldData(e,s.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},z=function(e){return i.ObjectUtils.resolveFieldData(e,s.optionGroupLabel)},J=function(e){return i.ObjectUtils.resolveFieldData(e,s.optionGroupChildren)},X=function(){if(v.current){var e=A();-1!==e&&setTimeout((function(){return v.current.scrollToIndex(e)}),0)}};f.useImperativeHandle(t,(function(){return{props:s,focus:function(){return i.DomHandler.focusFirstElement(d.current)},getElement:function(){return d.current},getVirtualScroller:function(){return v.current}}})),l.useMountEffect((function(){X()}));var q=function(e,t){return J(e).map((function(e,r){var n=V(e),l=r+"_"+R(e),o=H(e),i=o?null:s.tabIndex||0;return f.createElement(T,{hostName:"ListBox",key:l,label:n,option:e,style:t,template:s.itemTemplate,selected:B(e),onClick:x,onTouchEnd:E,tabIndex:i,disabled:o,ptCallbacks:j,metaData:O})}))},$=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n={height:r.props?r.props.itemSize:void 0};if(s.optionGroupLabel){var l=s.optionGroupTemplate?i.ObjectUtils.getJSXElement(s.optionGroupTemplate,e,t):i.ObjectUtils.resolveFieldData(e,s.optionGroupLabel),o=q(e,n),a=t+"_"+z(e),u=i.mergeProps({className:j.cx("itemGroup"),style:j.sx("itemGroup",{scrollerOptions:r}),role:"group"},j.ptm("itemGroup"));return f.createElement(f.Fragment,{key:a},f.createElement("li",u,l),o)}var c=V(e),p=t+"_"+R(e),m=H(e),b=m?null:s.tabIndex||0;return f.createElement(T,{hostName:"ListBox",key:p,label:c,option:e,style:n,template:s.itemTemplate,selected:B(e),onClick:x,onTouchEnd:E,tabIndex:b,disabled:m,ptCallbacks:j,metaData:O})},Y=function(e,t){var n=i.mergeProps({className:j.cx("emptyMessage")},j.ptm("emptyMessage")),l=i.ObjectUtils.getJSXElement(e,s)||r.localeOption(t?"emptyFilterMessage":"emptyMessage");return f.createElement("li",n,l)},Q=function(){if(h){var e=g.trim().toLocaleLowerCase(s.filterLocale),t=s.filterBy?s.filterBy.split(","):[s.optionLabel||"label"];if(s.optionGroupLabel){var n,l=[],o=M(s.options);try{for(o.s();!(n=o.n()).done;){var i=n.value,a=r.FilterService.filter(J(i),t,e,s.filterMatchMode,s.filterLocale);a&&a.length&&l.push(U(U({},i),{items:a}))}}catch(e){o.e(e)}finally{o.f()}return l}return r.FilterService.filter(s.options,t,e,s.filterMatchMode,s.filterLocale)}return s.options}(),W=i.ObjectUtils.isNotEmpty(s.tooltip),Z=I.getOtherProps(s),ee=i.ObjectUtils.reduceKeys(Z,i.DomHandler.ARIA_PROPS),te=function(){if(s.virtualScrollerOptions){var e=U(U({},s.virtualScrollerOptions),{items:Q,onLazyLoad:function(e){return s.virtualScrollerOptions.onLazyLoad(U(U({},e),{filter:Q}))},itemTemplate:function(e,t){return e&&$(e,t.index,t)},contentTemplate:function(e){var t=i.mergeProps(U({ref:e.contentRef,style:j.sx("list",{options:e}),className:j.cx("list",{options:e}),role:"listbox","aria-multiselectable":s.multiple},ee),j.ptm("list"));return f.createElement("ul",t,e.children)}});return f.createElement(a.VirtualScroller,m({ref:v},e,{pt:j.ptm("virtualScroller")}))}var t=i.ObjectUtils.isNotEmpty(Q)?Q.map($):h?Y(s.emptyFilterMessage,!0):Y(s.emptyMessage),r=i.mergeProps(U({className:j.cx("list"),role:"listbox","aria-multiselectable":s.multiple},ee),j.ptm("list"));return f.createElement("ul",r,t)}(),re=s.filter?f.createElement(F,{hostName:"ListBox",filter:g,filterIcon:s.filterIcon,onFilter:C,resetFilter:N,filterTemplate:s.filterTemplate,disabled:s.disabled,filterPlaceholder:s.filterPlaceholder,filterInputProps:s.filterInputProps,ptCallbacks:j,metaData:O}):null,ne=i.mergeProps({className:j.cx("wrapper"),style:s.listStyle},j.ptm("wrapper")),le=i.mergeProps({ref:d,id:s.id,className:j.cx("root"),style:s.style},I.getOtherProps(s),j.ptm("root"));return f.createElement(f.Fragment,null,f.createElement("div",le,re,f.createElement("div",ne,te)),W&&f.createElement(o.Tooltip,m({target:d,content:s.tooltip},s.tooltipOptions,{pt:j.ptm("tooltip")})))})));return G.displayName="ListBox",e.ListBox=G,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.tooltip,primereact.utils,primereact.virtualscroller,primereact.icons.search,primereact.inputtext,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.listbox=function(e,t,r,n,l,o,i,a,u,s,c){"use strict";function p(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var f=p(t);function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},m.apply(this,arguments)}function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function b(e,t){if("object"!==d(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function v(e){var t=b(e,"string");return"symbol"===d(t)?t:String(t)}function y(e,t,r){return(t=v(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function h(e){if(Array.isArray(e))return g(e)}function O(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function j(e,t){if(e){if("string"==typeof e)return g(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?g(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 E(e){return h(e)||O(e)||j(e)||x()}function S(e){if(Array.isArray(e))return e}function P(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,o,i,a=[],u=!0,s=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=o.call(r)).done)&&(a.push(n.value),a.length!==t);u=!0);}catch(e){s=!0,l=e}finally{try{if(!u&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw l}}return a}}function w(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function D(e,t){return S(e)||P(e,t)||j(e,t)||w()}var I=n.ComponentBase.extend({defaultProps:{__TYPE:"ListBox",className:null,dataKey:null,disabled:null,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterIcon:null,filterBy:null,filterInputProps:null,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,filterValue:null,id:null,itemTemplate:null,listClassName:null,listStyle:null,metaKeySelection:!1,multiple:!1,onChange:null,onFilterValueChange:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,value:null,virtualScrollerOptions:null,children:void 0},css:{classes:{itemGroup:"p-listbox-item-group",emptyMessage:"p-listbox-empty-message",list:function(e){return e.props.virtualScrollerOptions?i.classNames("p-listbox-list",e.options.className):"p-listbox-list"},wrapper:function(e){return i.classNames("p-listbox-list-wrapper",e.props.listClassName)},root:function(e){var t=e.props;return i.classNames("p-listbox p-component",{"p-disabled":t.disabled},t.className)},item:function(e){var t=e.props;return i.classNames("p-listbox-item",{"p-highlight":t.selected,"p-disabled":t.disabled},t.option.className)},filterContainer:"p-listbox-filter-container",filterIcon:"p-listbox-filter-icon",filterInput:"p-listbox-filter",header:"p-listbox-header"},styles:"\n@layer primereact {\n    .p-listbox-list-wrapper {\n        overflow: auto;\n    }\n    \n    .p-listbox-list {\n        list-style-type: none;\n        margin: 0;\n        padding: 0;\n    }\n    \n    .p-listbox-item {\n        cursor: pointer;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-listbox-filter-container {\n        position: relative;\n    }\n    \n    .p-listbox-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-listbox-filter {\n        width: 100%;\n    }\n}\n",inlineStyles:{itemGroup:function(e){var t=e.scrollerOptions;return{height:t.props?t.props.itemSize:void 0}},list:function(e){return e.props.virtualScrollerOptions?e.options.style:void 0}}}});function N(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function C(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?N(Object(r),!0).forEach((function(t){y(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):N(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var F=f.memo((function(e){var t=l.useMergeProps(),r=e.ptCallbacks,n=r.ptm,o=r.cx,a=function(t,r){return n(t,C({hostName:e.hostName},r))},c={filter:function(e){return p(e)},reset:function(){return e.resetFilter()}},p=function(t){e.onFilter&&e.onFilter({originalEvent:t,value:t.target.value})},d=function(){var r=t({className:o("filterIcon")},a("filterIcon")),l=i.IconUtils.getJSXIcon(e.filterIcon||f.createElement(u.SearchIcon,r),C({},r),{props:e}),d=t({className:o("header")},a("header")),b=t({className:o("filterContainer")},a("filterContainer")),v=f.createElement("div",b,f.createElement(s.InputText,m({type:"text",value:e.filter,onChange:p,className:o("filterInput"),disabled:e.disabled,placeholder:e.filterPlaceholder},e.filterInputProps,{pt:n("filterInput"),unstyled:e.unstyled,__parentMetadata:{parent:e.metaData}})),l);e.filterTemplate&&(v=i.ObjectUtils.getJSXElement(e.filterTemplate,{className:"p-listbox-filter-container",element:v,filterOptions:c,filterInputChange:p,filterIconClassName:"p-dropdown-filter-icon",props:e}));return f.createElement("div",d,v)}();return f.createElement(f.Fragment,null,d)}));F.displayName="ListBoxHeader";var T=f.memo((function(e){var t=D(f.useState(!1),2),r=t[0],n=t[1],o=l.useMergeProps(),a=e.ptCallbacks,u=a.ptm,s=a.cx,p=function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option}),t.preventDefault()},m=function e(t){var r=t.nextElementSibling;return r?i.DomHandler.isAttributeEquals(r,"data-p-disabled",!0)||i.DomHandler.isAttributeEquals(r,"data-pc-section","itemgroup")?e(r):r:null},d=function e(t){var r=t.previousElementSibling;return r?i.DomHandler.isAttributeEquals(r,"data-p-disabled",!0)||i.DomHandler.isAttributeEquals(r,"data-pc-section","itemgroup")?e(r):r:null},b=e.template?i.ObjectUtils.getJSXElement(e.template,e.option):e.label,v=o({className:s("item",{props:e}),style:e.style,onClick:p,onTouchEnd:function(t){e.onTouchEnd&&e.onTouchEnd({originalEvent:t,option:e.option})},onKeyDown:function(e){var t=e.currentTarget;switch(e.which){case 40:var r=m(t);r&&r.focus(),e.preventDefault();break;case 38:var n=d(t);n&&n.focus(),e.preventDefault();break;case 13:p(e),e.preventDefault()}},onFocus:function(e){n(!0)},onBlur:function(e){n(!1)},tabIndex:"-1","aria-label":e.label,key:e.label,role:"option","aria-selected":e.selected,"aria-disabled":e.disabled,"data-p-disabled":e.disabled},u("item",{hostName:e.hostName,context:{selected:e.selected,disabled:e.disabled,focused:r}}));return f.createElement("li",v,b,f.createElement(c.Ripple,null))}));function L(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function M(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?L(Object(r),!0).forEach((function(t){y(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):L(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function U(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=A(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0,l=function(){};return{s:l,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:l}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,i=!0,a=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==r.return||r.return()}finally{if(a)throw o}}}}function A(e,t){if(e){if("string"==typeof e)return k(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?k(e,t):void 0}}function k(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}T.displayName="ListBoxItem";var G=f.memo(f.forwardRef((function(e,t){var u=l.useMergeProps(),s=f.useContext(r.PrimeReactContext),c=I.getProps(e,s),p=D(f.useState(""),2),d=p[0],b=p[1],v=f.useRef(null),y=f.useRef(null),g=f.useRef(!1),h=(c.onFilterValueChange?c.filterValue:d)||"",O=h&&h.trim().length>0,j={props:c,state:{filterValue:h}},x=I.setMetaData(j);n.useHandleStyle(I.css.styles,x.isUnstyled,{name:"listbox"});var S=function(e){var t=e.option;c.disabled||q(t)||(c.multiple?N(e.originalEvent,t):w(e.originalEvent,t),g.current=!1)},P=function(){c.disabled||(g.current=!0)},w=function(e,t){var r=V(t),n=!1,l=null;!g.current&&c.metaKeySelection?r?(e.metaKey||e.ctrlKey)&&(l=null,n=!0):(l=R(t),n=!0):(l=r?null:R(t),n=!0);n&&A(e,l)},N=function(e,t){var r=V(t),n=!1,l=null;if(!g&&c.metaKeySelection){var o=e.metaKey||e.ctrlKey;r?(l=o?k(t):[R(t)],n=!0):(l=[].concat(E(l=o&&c.value||[]),[R(t)]),n=!0)}else l=r?k(t):[].concat(E(c.value||[]),[R(t)]),n=!0;n&&c.onChange({originalEvent:e,value:l,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:c.name,id:c.id,value:l}})},C=function(e){y.current&&y.current.scrollToIndex(0);var t=e.value;c.onFilterValueChange?c.onFilterValueChange({originalEvent:e.originalEvent,value:t}):b(t)},L=function(){b(""),c.onFilter&&c.onFilter({filter:""})},A=function(e,t){c.onChange&&c.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:c.name,id:c.id,value:t}})},k=function(e){return c.value.filter((function(t){return!i.ObjectUtils.equals(t,R(e),c.dataKey)}))},G=function(){if(null!=c.value&&W){if(!c.optionGroupLabel)return B(c.value,W);for(var e=0;e<W.length;e++){var t=B(c.value,J(W[e]));if(-1!==t)return{group:e,option:t}}}return-1},K=function(){return c.optionValue?null:c.dataKey},B=function(e,t){var r=K();return t.findIndex((function(t){return i.ObjectUtils.equals(e,R(t),r)}))},V=function(e){var t=R(e),r=K();return c.multiple&&c.value?c.value.some((function(e){return i.ObjectUtils.equals(e,t,r)})):i.ObjectUtils.equals(c.value,t,r)},_=function(e){return c.optionLabel?i.ObjectUtils.resolveFieldData(e,c.optionLabel):e&&void 0!==e.label?e.label:e},R=function(e){return c.optionValue?i.ObjectUtils.resolveFieldData(e,c.optionValue):e&&void 0!==e.value?e.value:e},H=function(e){return c.dataKey?i.ObjectUtils.resolveFieldData(e,c.dataKey):_(e)},q=function(e){return c.optionDisabled?i.ObjectUtils.isFunction(c.optionDisabled)?c.optionDisabled(e):i.ObjectUtils.resolveFieldData(e,c.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},z=function(e){return i.ObjectUtils.resolveFieldData(e,c.optionGroupLabel)},J=function(e){return i.ObjectUtils.resolveFieldData(e,c.optionGroupChildren)},X=function(){if(y.current){var e=G();-1!==e&&setTimeout((function(){return y.current.scrollToIndex(e)}),0)}};f.useImperativeHandle(t,(function(){return{props:c,focus:function(){return i.DomHandler.focusFirstElement(v.current)},getElement:function(){return v.current},getVirtualScroller:function(){return y.current}}})),l.useMountEffect((function(){X()}));var $=function(e,t){return J(e).map((function(e,r){var n=_(e),l=r+"_"+H(e),o=q(e),i=o?null:c.tabIndex||0;return f.createElement(T,{hostName:"ListBox",key:l,label:n,option:e,style:t,template:c.itemTemplate,selected:V(e),onClick:S,onTouchEnd:P,tabIndex:i,disabled:o,ptCallbacks:x,metaData:j})}))},Y=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n={height:r.props?r.props.itemSize:void 0};if(c.optionGroupLabel){var l=c.optionGroupTemplate?i.ObjectUtils.getJSXElement(c.optionGroupTemplate,e,t):i.ObjectUtils.resolveFieldData(e,c.optionGroupLabel),o=$(e,n),a=t+"_"+z(e),s=u({className:x.cx("itemGroup"),style:x.sx("itemGroup",{scrollerOptions:r}),role:"group"},x.ptm("itemGroup"));return f.createElement(f.Fragment,{key:a},f.createElement("li",s,l),o)}var p=_(e),m=t+"_"+H(e),d=q(e),b=d?null:c.tabIndex||0;return f.createElement(T,{hostName:"ListBox",key:m,label:p,option:e,style:n,template:c.itemTemplate,selected:V(e),onClick:S,onTouchEnd:P,tabIndex:b,disabled:d,ptCallbacks:x,metaData:j})},Q=function(e,t){var n=u({className:x.cx("emptyMessage")},x.ptm("emptyMessage")),l=i.ObjectUtils.getJSXElement(e,c)||r.localeOption(t?"emptyFilterMessage":"emptyMessage");return f.createElement("li",n,l)},W=function(){if(O){var e=h.trim().toLocaleLowerCase(c.filterLocale),t=c.filterBy?c.filterBy.split(","):[c.optionLabel||"label"];if(c.optionGroupLabel){var n,l=[],o=U(c.options);try{for(o.s();!(n=o.n()).done;){var i=n.value,a=r.FilterService.filter(J(i),t,e,c.filterMatchMode,c.filterLocale);a&&a.length&&l.push(M(M({},i),{items:a}))}}catch(e){o.e(e)}finally{o.f()}return l}return r.FilterService.filter(c.options,t,e,c.filterMatchMode,c.filterLocale)}return c.options}(),Z=i.ObjectUtils.isNotEmpty(c.tooltip),ee=I.getOtherProps(c),te=i.ObjectUtils.reduceKeys(ee,i.DomHandler.ARIA_PROPS),re=function(){if(c.virtualScrollerOptions){var e=M(M({},c.virtualScrollerOptions),{items:W,onLazyLoad:function(e){return c.virtualScrollerOptions.onLazyLoad(M(M({},e),{filter:W}))},itemTemplate:function(e,t){return e&&Y(e,t.index,t)},contentTemplate:function(e){var t=u(M({ref:e.contentRef,style:x.sx("list",{options:e}),className:x.cx("list",{options:e}),role:"listbox","aria-multiselectable":c.multiple},te),x.ptm("list"));return f.createElement("ul",t,e.children)}});return f.createElement(a.VirtualScroller,m({ref:y},e,{pt:x.ptm("virtualScroller")}))}var t=i.ObjectUtils.isNotEmpty(W)?W.map(Y):O?Q(c.emptyFilterMessage,!0):Q(c.emptyMessage),r=u(M({className:x.cx("list"),role:"listbox","aria-multiselectable":c.multiple},te),x.ptm("list"));return f.createElement("ul",r,t)}(),ne=c.filter?f.createElement(F,{hostName:"ListBox",filter:h,filterIcon:c.filterIcon,onFilter:C,resetFilter:L,filterTemplate:c.filterTemplate,disabled:c.disabled,filterPlaceholder:c.filterPlaceholder,filterInputProps:c.filterInputProps,ptCallbacks:x,metaData:j}):null,le=u({className:x.cx("wrapper"),style:c.listStyle},x.ptm("wrapper")),oe=u({ref:v,id:c.id,className:x.cx("root"),style:c.style},I.getOtherProps(c),x.ptm("root"));return f.createElement(f.Fragment,null,f.createElement("div",oe,ne,f.createElement("div",le,re)),Z&&f.createElement(o.Tooltip,m({target:v,content:c.tooltip},c.tooltipOptions,{pt:x.ptm("tooltip")})))})));return G.displayName="ListBox",e.ListBox=G,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.tooltip,primereact.utils,primereact.virtualscroller,primereact.icons.search,primereact.inputtext,primereact.ripple);

package/megamenu/megamenu.cjs.js

@@ -231,7 +231,7 @@ var classes = {
   start: 'p-megamenu-start',
   end: 'p-megamenu-end'
 };
-var styles = "\n@layer primereact {\n    .p-megamenu {\n        display: flex;\n    }\n\n    .p-megamenu-root-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-megamenu-root-list > .p-menuitem {\n        position: relative;\n    }\n\n    .p-megamenu .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-megamenu .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-megamenu-panel {\n        display: none;\n        position: absolute;\n        width: auto;\n        z-index: 1;\n    }\n\n    .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n        display: block;\n    }\n\n    .p-megamenu-submenu {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    /* Horizontal */\n    .p-megamenu-horizontal {\n        align-items: center;\n    }\n\n    .p-megamenu-horizontal .p-megamenu-root-list {\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n\n    .p-megamenu-horizontal .p-megamenu-custom,\n    .p-megamenu-horizontal .p-megamenu-end {\n        margin-left: auto;\n        align-self: center;\n    }\n\n    /* Vertical */\n    .p-megamenu-vertical {\n        flex-direction: column;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list {\n        flex-direction: column;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n        left: 100%;\n        top: 0;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-megamenu-grid {\n        display: flex;\n    }\n\n    .p-megamenu-col-2,\n    .p-megamenu-col-3,\n    .p-megamenu-col-4,\n    .p-megamenu-col-6,\n    .p-megamenu-col-12 {\n        flex: 0 0 auto;\n        padding: 0.5rem;\n    }\n\n    .p-megamenu-col-2 {\n        width: 16.6667%;\n    }\n\n    .p-megamenu-col-3 {\n        width: 25%;\n    }\n\n    .p-megamenu-col-4 {\n        width: 33.3333%;\n    }\n\n    .p-megamenu-col-6 {\n        width: 50%;\n    }\n\n    .p-megamenu-col-12 {\n        width: 100%;\n    }\n\n    .p-megamenu-button {\n        display: none;\n        cursor: pointer;\n        align-items: center;\n        justify-content: center;\n        text-decoration: none;\n    }\n}\n";
+var styles = "\n@layer primereact {\n    .p-megamenu {\n        display: flex;\n    }\n\n    .p-megamenu-root-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-megamenu-root-list > .p-menuitem {\n        position: relative;\n    }\n\n    .p-megamenu .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-megamenu .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-megamenu-panel {\n        display: none;\n        position: absolute;\n        width: auto;\n        z-index: 1;\n    }\n\n    .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n        display: block;\n    }\n\n    .p-megamenu-submenu {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    /* Horizontal */\n    .p-megamenu-horizontal {\n        align-items: center;\n    }\n\n    .p-megamenu-horizontal .p-megamenu-root-list {\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n\n    .p-megamenu-horizontal .p-megamenu-custom,\n    .p-megamenu-horizontal .p-megamenu-end {\n        margin-left: auto;\n        align-self: center;\n    }\n\n    /* Vertical */\n    .p-megamenu-vertical {\n        flex-direction: column;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list {\n        flex-direction: column;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n        left: 100%;\n        top: 0;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link  > .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-megamenu-grid {\n        display: flex;\n    }\n\n    .p-megamenu-col-2,\n    .p-megamenu-col-3,\n    .p-megamenu-col-4,\n    .p-megamenu-col-6,\n    .p-megamenu-col-12 {\n        flex: 0 0 auto;\n        padding: 0.5rem;\n    }\n\n    .p-megamenu-col-2 {\n        width: 16.6667%;\n    }\n\n    .p-megamenu-col-3 {\n        width: 25%;\n    }\n\n    .p-megamenu-col-4 {\n        width: 33.3333%;\n    }\n\n    .p-megamenu-col-6 {\n        width: 50%;\n    }\n\n    .p-megamenu-col-12 {\n        width: 100%;\n    }\n\n    .p-megamenu-button {\n        display: none;\n        cursor: pointer;\n        align-items: center;\n        justify-content: center;\n        text-decoration: none;\n    }\n}\n";
 var MegaMenuBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'MegaMenu',
@@ -260,6 +260,7 @@ var MegaMenuBase = componentbase.ComponentBase.extend({
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
   var props = MegaMenuBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(props.id),
@@ -1020,7 +1021,7 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   };
   var createSeparator = function createSeparator(index) {
     var key = idState + '_separator__' + index;
-    var separatorProps = utils.mergeProps({
+    var separatorProps = mergeProps({
       id: key,
       key: key,
       className: cx('separator'),
@@ -1030,7 +1031,7 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   };
   var createSubmenuIcon = function createSubmenuIcon(item) {
     if (item.items) {
-      var submenuIconProps = utils.mergeProps({
+      var submenuIconProps = mergeProps({
         className: cx('submenuIcon')
       }, ptm('submenuIcon'));
       var icon = vertical ? props.submenuIcon || /*#__PURE__*/React__namespace.createElement(angleright.AngleRightIcon, submenuIconProps) : props.submenuIcon || /*#__PURE__*/React__namespace.createElement(angledown.AngleDownIcon, submenuIconProps);
@@ -1053,10 +1054,10 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       var linkClassName = utils.classNames('p-menuitem-link', {
         'p-disabled': item.disabled
       });
-      var iconProps = utils.mergeProps({
+      var iconProps = mergeProps({
         className: utils.classNames(item.icon, cx('icon'))
       }, ptm('icon'));
-      var labelProps = utils.mergeProps({
+      var labelProps = mergeProps({
         className: cx('label')
       }, ptm('label'));
       var iconClassName = utils.classNames(item.icon, 'p-menuitem-icon');
@@ -1064,7 +1065,7 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         props: props
       });
       var label = item.label && /*#__PURE__*/React__namespace.createElement("span", labelProps, item.label);
-      var actionProps = utils.mergeProps({
+      var actionProps = mergeProps({
         href: item.url || '#',
         className: cx('action', {
           item: item
@@ -1077,7 +1078,7 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       var isDisabled = isItemDisabled(processedItem);
       var isGroup = isItemGroup(processedItem);
       var isActive = isItemActive(processedItem);
-      var submenuItemProps = utils.mergeProps({
+      var submenuItemProps = mergeProps({
         key: key,
         id: key,
         'aria-label': getItemLabel(processedItem),
@@ -1098,7 +1099,7 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         style: item.style,
         role: 'menuitem'
       }, getPTOptions(processedItem, 'submenuItem', index));
-      var contentProps = utils.mergeProps({
+      var contentProps = mergeProps({
         onClick: function onClick(event) {
           return onLeafClick({
             originalEvent: event,
@@ -1129,7 +1130,7 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     var key = submenu.id || idState + '_sub_' + index;
     var label = getItemLabel(submenu);
     var isDisabled = isItemDisabled(submenu);
-    var submenuHeaderProps = utils.mergeProps({
+    var submenuHeaderProps = mergeProps({
       id: key,
       key: key,
       className: utils.classNames(submenu.className, cx('submenuHeader', {
@@ -1150,14 +1151,14 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     var category = processedItem.item;
     var key = category.label + '_column_' + index;
     var submenus = createSubmenus(processedColumn);
-    var columnProps = utils.mergeProps({
+    var columnProps = mergeProps({
       key: key,
       className: cx('column', {
         category: category
       })
     }, ptm('column'));
     var display = activeItemState && activeItemState.item === category ? 'block' : 'none';
-    var submenuProps = utils.mergeProps({
+    var submenuProps = mergeProps({
       role: 'menu',
       tabIndex: props.disabled ? null : props.tabIndex || '0',
       className: cx('submenu'),
@@ -1179,10 +1180,10 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     var category = processedItem.item;
     if (category.items) {
       var columns = createColumns(processedItem);
-      var panelProps = utils.mergeProps({
+      var panelProps = mergeProps({
         className: cx('panel')
       }, ptm('panel'));
-      var gridProps = utils.mergeProps({
+      var gridProps = mergeProps({
         className: cx('grid')
       }, ptm('grid'));
       return /*#__PURE__*/React__namespace.createElement("div", panelProps, /*#__PURE__*/React__namespace.createElement("div", gridProps, columns));
@@ -1193,7 +1194,7 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     if (!styleElementRef.current) {
       styleElementRef.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce, context && context.styleContainer);
       var selector = "".concat(attributeSelectorState);
-      var innerHTML = "\n@media screen and (max-width: ".concat(props.breakpoint, ") {\n    .p-megamenu[").concat(selector, "] > .p-megamenu-root-list .p-menuitem-active .p-megamenu-panel {\n        position: relative;\n        left: 0;\n        box-shadow: none;\n        border-radius: 0;\n        background: inherit;\n    }\n\n    .p-megamenu[").concat(selector, "] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n        transform: rotate(-180deg);\n    }\n\n    .p-megamenu[").concat(selector, "] .p-megamenu-grid {\n        flex-wrap: wrap;\n    }\n\n    ").concat(horizontal ? "\n.p-megamenu[".concat(selector, "] .p-megamenu-button {\n    display: flex;\n}\n\n.p-megamenu[").concat(selector, "].p-megamenu-horizontal {\n    position: relative;\n}\n\n.p-megamenu[").concat(selector, "].p-megamenu-horizontal .p-megamenu-root-list {\n    display: none;\n}\n\n.p-megamenu-horizontal[").concat(selector, "] div[class*=\"p-megamenu-col-\"] {\n    width: auto;\n    flex: 1;\n    padding: 0;\n}\n\n.p-megamenu[").concat(selector, "].p-megamenu-mobile-active .p-megamenu-root-list {\n    display: flex;\n    flex-direction: column;\n    position: absolute;\n    width: 100%;\n    top: 100%;\n    left: 0;\n    z-index: 1;\n}\n        ") : '', "\n\n    ").concat(vertical ? "\n.p-megamenu-vertical[".concat(selector, "] {\n    width: 100%;\n}\n\n.p-megamenu-vertical[").concat(selector, "] .p-megamenu-root-list {\n    max-height: ").concat(props.scrollHeight, ";\n    overflow: ").concat(props.scrollHeight ? 'auto' : '', ";\n}\n.p-megamenu-vertical[").concat(selector, "] div[class*=\"p-megamenu-col-\"] {\n    width: 100%;\n    padding: 0;\n}\n\n.p-megamenu-vertical[").concat(selector, "] .p-megamenu-submenu {\n    width: 100%;\n}\n\n.p-megamenu-vertical[").concat(selector, "] div[class*=\"p-megamenu-col-\"] .p-megamenu-submenu-header {\n    background: inherit;\n}\n\n.p-megamenu-vertical[").concat(selector, "] .p-submenu-icon:before {\n    content: \"\\e930\";\n}\n        ") : '', "\n}\n");
+      var innerHTML = "\n                    @media screen and (max-width: ".concat(props.breakpoint, ") {\n                        .p-megamenu[").concat(selector, "] > .p-megamenu-root-list .p-menuitem-active .p-megamenu-panel {\n                            position: relative;\n                            left: 0;\n                            box-shadow: none;\n                            border-radius: 0;\n                            background: inherit;\n                        }\n\n                        .p-megamenu[").concat(selector, "] {\n                            width: 100%;\n                            position: relative;\n                            padding: 0.5rem;\n                        }\n\n                        .p-megamenu[").concat(selector, "] .p-megamenu-grid {\n                            flex-wrap: wrap;\n                        }\n\n                        .p-megamenu[").concat(selector, "] .p-megamenu-button {\n                            display: flex;\n                        }\n\n                        .p-megamenu[").concat(selector, "] .p-megamenu-root-list {\n                            display: none;\n                        }\n\n                        .p-megamenu[").concat(selector, "] div[class*=\"p-megamenu-col-\"] {\n                            width: 100%;\n                        }\n\n                        .p-megamenu[").concat(selector, "].p-megamenu-mobile-active .p-megamenu-root-list {\n                            left: 0;\n                            top: 100%;\n                            z-index: 1;\n                            width: 100%;\n                            display: flex;\n                            padding: 0.5rem 0;\n                            position: absolute;\n                            flex-direction: column;\n                        }\n\n                        .p-megamenu[").concat(selector, "] .p-menuitem  > .p-menuitem-content >  .p-menuitem-link > .p-submenu-icon {\n                            margin-left: auto;\n                        }\n                        \n                        .p-megamenu[").concat(selector, "] .p-submenu-list .p-menuitem-content .p-menuitem-link {\n                            padding-left: 2.25rem;\n                        }\n\n                        ").concat(horizontal ? "\n                                    .p-megamenu[".concat(selector, "] .p-menuitem-active  > .p-menuitem-content >  .p-menuitem-link > .p-submenu-icon {\n                                        transform: rotate(-180deg);\n                                    }\n                            ") : '', "\n\n                        ").concat(vertical ? "                                                                   \n                                    .p-megamenu[".concat(selector, "] .p-menuitem  > .p-menuitem-content >  .p-menuitem-link > .p-submenu-icon {\n                                        transform: rotate(90deg);\n                                    }\n\n                                    .p-megamenu[").concat(selector, "] .p-menuitem-active  > .p-menuitem-content >  .p-menuitem-link > .p-submenu-icon {\n                                        transform: rotate(-90deg);\n                                    }\n                            ") : '', "\n                    }\n                ");
       styleElementRef.current.innerHTML = innerHTML;
     }
   };
@@ -1202,19 +1203,19 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   };
   var createCategory = function createCategory(processedItem, index) {
     var category = processedItem.item;
-    var iconProps = utils.mergeProps({
+    var iconProps = mergeProps({
       className: cx('icon')
     }, getPTOptions(processedItem, 'icon', index));
     var icon = utils.IconUtils.getJSXIcon(category.icon, _objectSpread({}, iconProps), {
       props: props
     });
-    var labelProps = utils.mergeProps({
+    var labelProps = mergeProps({
       className: cx('label')
     }, getPTOptions(processedItem, 'label', index));
     var label = category.label && /*#__PURE__*/React__namespace.createElement("span", labelProps, category.label);
     var submenuIcon = createSubmenuIcon(category);
     var panel = createCategoryPanel(processedItem);
-    var headerActionProps = utils.mergeProps({
+    var headerActionProps = mergeProps({
       href: category.url || '#',
       className: cx('action', {
         item: category
@@ -1230,7 +1231,7 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     var key = getItemId(processedItem);
     var isFocused = isItemFocused(processedItem);
     var isDisabled = isItemDisabled(processedItem);
-    var menuItemProps = utils.mergeProps(_defineProperty({
+    var menuItemProps = mergeProps(_defineProperty({
       key: key,
       id: key,
       className: utils.classNames(category.className, cx('menuitem', {
@@ -1252,7 +1253,7 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       style: category.style,
       role: 'menuitem'
     }, "data-p-disabled", category.disabled || false), getPTOptions(processedItem, 'menuitem', index));
-    var contentProps = utils.mergeProps({
+    var contentProps = mergeProps({
       onClick: function onClick(event) {
         return onCategoryClick({
           originalEvent: event,
@@ -1270,7 +1271,7 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     return /*#__PURE__*/React__namespace.createElement("li", menuItemProps, /*#__PURE__*/React__namespace.createElement("div", contentProps, itemContent), panel);
   };
   var createMenu = function createMenu() {
-    var menuProps = utils.mergeProps({
+    var menuProps = mergeProps({
       ref: menubarRef,
       tabIndex: props.disabled ? null : props.tabIndex || '0',
       className: cx('menu'),
@@ -1292,7 +1293,7 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     return null;
   };
   var createStartContent = function createStartContent() {
-    var startProps = utils.mergeProps({
+    var startProps = mergeProps({
       className: cx('start')
     }, ptm('start'));
     if (props.start) {
@@ -1302,7 +1303,7 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     return null;
   };
   var createEndContent = function createEndContent() {
-    var endProps = utils.mergeProps({
+    var endProps = mergeProps({
       className: cx('end')
     }, ptm('end'));
     if (props.end) {
@@ -1312,10 +1313,10 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     return null;
   };
   var createMenuButton = function createMenuButton() {
-    if (vertical || props.model && props.model.length < 1) {
+    if (props.model && props.model.length < 1) {
       return null;
     }
-    var menuButtonProps = utils.mergeProps({
+    var menuButtonProps = mergeProps({
       className: cx('menuButton'),
       href: '#',
       role: 'button',
@@ -1328,7 +1329,7 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         return toggle(e);
       }
     }, ptm('menuButton'));
-    var menuButtonIconProps = utils.mergeProps(ptm('menuButtonIcon'));
+    var menuButtonIconProps = mergeProps(ptm('menuButtonIcon'));
     var icon = props.menuIcon || /*#__PURE__*/React__namespace.createElement(bars.BarsIcon, menuButtonIconProps);
     var menuIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, menuButtonIconProps), {
       props: props
@@ -1341,7 +1342,7 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
 
     return button;
   };
-  var rootProps = utils.mergeProps({
+  var rootProps = mergeProps({
     className: utils.classNames(props.className, cx('root', {
       mobileActiveState: mobileActiveState
     })),

package/megamenu/megamenu.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/hooks"),a=require("primereact/icons/angledown"),i=require("primereact/icons/angleright"),o=require("primereact/icons/bars"),u=require("primereact/ripple"),l=require("primereact/utils");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(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=s(e),p=c(n);function d(){return d=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},d.apply(this,arguments)}function f(e){return f="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},f(e)}function g(e,n){if("object"!==f(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function b(e){var n=g(e,"string");return"symbol"===f(n)?n:String(n)}function v(e,n,t){return(n=b(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function y(e){throw new TypeError('"'+e+'" is read-only')}function x(e){if(Array.isArray(e))return e}function h(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,i,o,u=[],l=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=i.call(t)).done)&&(u.push(r.value),u.length!==n);l=!0);}catch(e){c=!0,a=e}finally{try{if(!l&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(c)throw a}}return u}}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 I(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 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 N(e,n){return x(e)||h(e,n)||I(e,n)||E()}var O=t.ComponentBase.extend({defaultProps:{__TYPE:"MegaMenu",id:null,model:null,style:null,className:null,orientation:"horizontal",breakpoint:void 0,scrollHeight:"400px",start:null,submenuIcon:null,onFocus:null,onBlur:null,tabIndex:0,menuIcon:null,end:null,children:void 0},css:{classes:{root:function(e){var n=e.props;return l.classNames("p-megamenu p-component",{"p-megamenu-horizontal":"horizontal"===n.orientation,"p-megamenu-vertical":"vertical"===n.orientation,"p-megamenu-mobile-active":e.mobileActiveState})},content:"p-menuitem-content",separator:"p-menuitem-separator",submenuIcon:"p-submenu-icon",action:function(e){return l.classNames("p-menuitem-link",{"p-disabled":e.item.disabled})},submenuItem:function(e){return l.classNames("p-menuitem",{"p-menuitem-active":e.active,"p-focus":e.focused,"p-disabled":e.disabled})},submenuHeader:function(e){return l.classNames("p-megamenu-submenu-header p-submenu-header",{"p-disabled":e.disabled})},submenu:"p-submenu-list p-megamenu-submenu",panel:"p-megamenu-panel",grid:"p-megamenu-grid",icon:"p-menuitem-icon",label:"p-menuitem-text",column:function(e){var n,t=e.category;switch(t.items?t.items.length:0){case 2:n="p-megamenu-col-6";break;case 3:n="p-megamenu-col-4";break;case 4:n="p-megamenu-col-3";break;case 6:n="p-megamenu-col-2";break;default:n="p-megamenu-col-12"}return n},menuButton:"p-megamenu-button",menuitem:function(e){var n=e.activeItemState;return l.classNames("p-menuitem",{"p-menuitem-active p-highlight":n&&n.item===e.category,"p-focus":e.focused,"p-disabled":e.disabled})},menubar:"p-megamenu-root-list",menu:"p-megamenu-root-list",start:"p-megamenu-start",end:"p-megamenu-end"},styles:"\n@layer primereact {\n    .p-megamenu {\n        display: flex;\n    }\n\n    .p-megamenu-root-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-megamenu-root-list > .p-menuitem {\n        position: relative;\n    }\n\n    .p-megamenu .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-megamenu .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-megamenu-panel {\n        display: none;\n        position: absolute;\n        width: auto;\n        z-index: 1;\n    }\n\n    .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n        display: block;\n    }\n\n    .p-megamenu-submenu {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    /* Horizontal */\n    .p-megamenu-horizontal {\n        align-items: center;\n    }\n\n    .p-megamenu-horizontal .p-megamenu-root-list {\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n\n    .p-megamenu-horizontal .p-megamenu-custom,\n    .p-megamenu-horizontal .p-megamenu-end {\n        margin-left: auto;\n        align-self: center;\n    }\n\n    /* Vertical */\n    .p-megamenu-vertical {\n        flex-direction: column;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list {\n        flex-direction: column;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n        left: 100%;\n        top: 0;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-megamenu-grid {\n        display: flex;\n    }\n\n    .p-megamenu-col-2,\n    .p-megamenu-col-3,\n    .p-megamenu-col-4,\n    .p-megamenu-col-6,\n    .p-megamenu-col-12 {\n        flex: 0 0 auto;\n        padding: 0.5rem;\n    }\n\n    .p-megamenu-col-2 {\n        width: 16.6667%;\n    }\n\n    .p-megamenu-col-3 {\n        width: 25%;\n    }\n\n    .p-megamenu-col-4 {\n        width: 33.3333%;\n    }\n\n    .p-megamenu-col-6 {\n        width: 50%;\n    }\n\n    .p-megamenu-col-12 {\n        width: 100%;\n    }\n\n    .p-megamenu-button {\n        display: none;\n        cursor: pointer;\n        align-items: center;\n        justify-content: center;\n        text-decoration: none;\n    }\n}\n"}});function j(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?j(Object(t),!0).forEach((function(n){v(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):j(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var S=m.memo(m.forwardRef((function(e,c){var s=m.useContext(n.PrimeReactContext),f=O.getProps(e,s),g=N(m.useState(f.id),2),b=g[0],x=g[1],h=N(m.useState(null),2),k=h[0],I=h[1],E=N(m.useState(null),2),j=E[0],S=E[1],P=N(m.useState({index:-1,key:"",parentKey:""}),2),U=P[0],D=P[1],K=N(m.useState(null),2),z=K[0],H=K[1],_=N(m.useState(!1),2),A=_[0],M=_[1],C=N(m.useState(null),2),L=C[0],R=C[1],B=N(m.useState([]),2),T=B[0],q=B[1],J=N(m.useState(null),2),X=J[0],Z=J[1],F=N(m.useState(!1),2),V=F[0],W=F[1],Y=N(m.useState(!1),2),$=Y[0],G=Y[1],Q=m.useRef(""),ee=m.useRef(null),ne=m.useRef(null),te=m.useRef(null),re=m.useRef(null),ae=m.useRef(null),ie="horizontal"===f.orientation,oe="vertical"===f.orientation,ue=r.useMatchMedia("screen and (max-width: ".concat(f.breakpoint,")"),!!f.breakpoint),le=O.setMetaData({props:f,state:{id:b,activeItem:k&&k.item,attributeSelector:X,mobileActive:V}}),ce=le.ptm,se=le.cx;t.useHandleStyle(O.css.styles,le.isUnstyled,{name:"megamenu"});var me=function(e,n,t){return ce(n,{context:{active:an(e),focused:ln(e),disabled:un(e),item:e,index:t}})},pe=N(r.useEventListener({type:"click",listener:function(e){Ne(e)&&Ee()}}),2),de=pe[0],fe=pe[1],ge=N(r.useResizeListener({type:"resize",listener:function(){Ee()}}),2),be=ge[0],ve=ge[1],ye=function(){de(),be()},xe=function(){fe(),ve()},he=function(e){var n=e.originalEvent,t=e.processedItem,r=t.item;if(r.disabled)n.preventDefault();else{r.url||n.preventDefault(),r.command&&r.command({originalEvent:n,item:r});var a=mn(t);if(Te(t)){var i=t.index,o=t.key,u=t.parentKey;I(null),D({index:i,key:o,parentKey:u})}else if(a)ke(e);else{var l=k?k.index:-1,c=k?k.key:"";Ee(n),D({index:l,key:c,parentKey:""}),W(!1)}}},ke=function(e){var n=e.processedItem,t=e.isFocus;if(!l.ObjectUtils.isEmpty(n)){var r=n.index,a=n.key,i=n.parentKey,o=l.ObjectUtils.isNotEmpty(n.items);o&&I(n),D({index:r,key:a,parentKey:i}),o&&M(!0),t&&l.DomHandler.focus(te.current)}},Ie=function(e){var n=e.originalEvent,t=e.processedItem,r=t.item;if(r.disabled)n.preventDefault();else{r.url||n.preventDefault(),r.command&&(r.command({originalEvent:n,item:f.item}),n.preventDefault());var a=mn(t),i=l.ObjectUtils.isEmpty(t.parent);if(Te(t)){var o=t.index,u=t.key,c=t.parentKey;I(null),D({index:o,key:u,parentKey:c}),M(!i)}else if(a)ke(e);else{var s=i?t:k;Ee(),Qe(n,s?s.index:-1),W(!1),l.DomHandler.focus(te.current)}}},Ee=function(e){V&&(W(!1),setTimeout((function(){l.DomHandler.focus(ae.current)}),0)),I(null),e&&(D({index:-1,key:"",parentKey:""}),l.DomHandler.focus(te.current)),M(!1)},Ne=function(e){return ne.current&&!(ne.current.isSameNode(e.target)||ne.current.contains(e.target)||ae.current&&ae.current.contains(e.target))};m.useImperativeHandle(c,(function(){return{props:f,getElement:function(){return ne.current}}})),r.useMountEffect((function(){var e=l.UniqueComponentId();!b&&x(e),f.breakpoint&&!X&&Z(e)})),r.useUpdateEffect((function(){return X&&ne.current&&(ne.current.setAttribute(X,""),In()),function(){En()}}),[X,f.breakpoint]),r.useUpdateEffect((function(){V?ye():xe()}),[V]),r.useUpdateEffect((function(){if($){var e=-1!==U.index?Xe(U.index):Ve();Qe(e),G(!1)}}),[$]),r.useUpdateEffect((function(){var e=l.DomHandler.findSingle(ne.current,".p-menuitem-active > .p-megamenu-panel");return k?(ye(),ue||l.ZIndexUtils.set("menu",e,s&&s.autoZIndex||p.default.autoZIndex,s&&s.zIndex.menu||p.default.zIndex.menu)):xe(),ue&&e&&e.previousElementSibling.scrollIntoView({block:"nearest",inline:"nearest"}),function(){xe(),l.ZIndexUtils.clear(e)}}),[k,ue]),r.useUpdateEffect((function(){var e=l.ObjectUtils.isNotEmpty(U.key)?"".concat(b,"_").concat(U.key):null;H(e)}),[U]),m.useEffect((function(){var e=fn(f.model||[],0,null,"");R(e)}),[f.model]),r.useUpdateEffect((function(){var e=l.ObjectUtils.isNotEmpty(k)?k:null,n=e&&e.key===U.parentKey?e.items.reduce((function(e,n){return n.forEach((function(n){n.items.forEach((function(n){e.push(n)}))})),e}),[]):L;q(n)}),[U,k,L]);var Oe,je=function(e){if(S(!0),-1===U.index){var n=Ve(),t=Ye(n);D({index:n,key:t.key,parentKey:t.parentKey})}f.onFocus&&f.onFocus(e)},we=function(e){S(!1),D({index:-1,key:"",parentKey:""}),Q.current="",M(!1),f.onBlur&&f.onBlur(e)},Se=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Pe(e);break;case"ArrowUp":Ue(e);break;case"ArrowLeft":De(e);break;case"ArrowRight":Ke(e);break;case"Home":ze(e);break;case"End":He(e);break;case"Space":Ae(e);break;case"Enter":_e(e);break;case"Escape":Me(e);break;case"Tab":Ce(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&l.ObjectUtils.isPrintableCharacter(e.key)&&Ge(e,e.key)}},Pe=function(e){if(e.preventDefault(),ie){var n=U;if(l.ObjectUtils.isNotEmpty(k)&&k.key===U.key)y("_focusedItemInfo"),D(n);else{var t=Ye(U.index);mn(t)&&(ke({originalEvent:e,processedItem:t}),y("_focusedItemInfo"),D(n),Q.current="")}setTimeout((function(){return G(!0)}),0)}else{var r=-1!==U.index?Xe(U.index):Ve();Qe(r)}},Ue=function(e){var n=Ye(U.index),t=mn(n);if(e.altKey&&ie)-1!==U.index&&!t&&l.ObjectUtils.isNotEmpty(k)&&(0===U.index?(D({index:k.index,key:k.key,parentKey:k.parentKey}),I(null)):Qe(qe()));else{var r=-1!==U.index?Ze(U.index):We();Qe(r)}e.preventDefault()},De=function(e){var n=Ye(U.index);if(mn(n)){if(ie){var t=-1!==U.index?Ze(U.index):We();Qe(t)}}else{oe&&l.ObjectUtils.isNotEmpty(k)&&0===n.columnIndex&&(D({index:k.index,key:k.key,parentKey:k.parentKey}),I(null));var r=n.columnIndex-1,a=T.findIndex((function(e){return e.columnIndex===r}));-1!==a&&Qe(a)}e.preventDefault()},Ke=function(e){e.preventDefault();var n=Ye(U.index);if(mn(n)){if(oe)if(l.ObjectUtils.isNotEmpty(k)&&k.key===n.key)D({index:-1,key:"",parentKey:k.key});else{var t=Ye(U.index);mn(t)&&(ke({originalEvent:e,processedItem:t}),D({index:-1,key:t.key,parentKey:t.parentKey}),Q.current="")}setTimeout((function(){return G(!0)}),0)}else{var r=n.columnIndex+1,a=T.findIndex((function(e){return e.columnIndex===r}));-1!==a&&Qe(a)}},ze=function(e){Qe(qe()),e.preventDefault()},He=function(e){Qe(Je()),e.preventDefault()},_e=function(e){if(-1!==U.index){var n=l.DomHandler.findSingle(te.current,'li[id="'.concat(z,'"]')),t=n&&l.DomHandler.findSingle(n,'a[data-pc-section="action"]');t?t.click():n&&n.click()}e.preventDefault()},Ae=function(e){_e(e)},Me=function(e){l.ObjectUtils.isNotEmpty(k)&&(D({index:k.index,key:k.key}),I(null)),e.preventDefault()},Ce=function(e){if(-1!==U.index){var n=Ye(U.index);!mn(n)&&ke({originalEvent:e,processedItem:n})}Ee()},Le=function(e){var n=$e(e);return Re(e)&&n&&n.toLocaleLowerCase().startsWith(Q.current.toLocaleLowerCase())},Re=function(e){return!!e&&!un(e.item)&&!sn(e.item)},Be=function(e){return Re(e)&&Te(e)},Te=function(e){return!!l.ObjectUtils.isNotEmpty(k)&&k.key===e.key},qe=function(){return T.findIndex((function(e){return Re(e)}))},Je=function(){return l.ObjectUtils.findLastIndex(T,(function(e){return Re(e)}))},Xe=function(e){var n=e<T.length-1?T.slice(e+1).findIndex((function(e){return Re(e)})):-1;return n>-1?n+e+1:e},Ze=function(e){var n=e>0?l.ObjectUtils.findLastIndex(T.slice(0,e),(function(e){return Re(e)})):-1;return n>-1?n:e},Fe=function(){return T&&T.findIndex((function(e){return Be(e)}))},Ve=function(){var e=Fe();return e<0?qe():e},We=function(){var e=Fe();return e<0?Je():e},Ye=function(e){return l.ObjectUtils.isNotEmpty(T)?T[e]:null},$e=function(e){return e&&e.item?rn(e):void 0},Ge=function(e,n){Q.current=(Q.current||"")+n;var t=-1,r=!1;return-1!==(t=-1!==U.index?-1===(t=T.slice(U.index).findIndex((function(e){return Le(e)})))?T.slice(0,U.index).findIndex((function(e){return Le(e)})):t+U.index:T.findIndex((function(e){return Le(e)})))&&(r=!0),-1===t&&-1===U.index&&(t=Ve()),-1!==t&&Qe(t),ee&&clearTimeout(ee),ee.current=setTimeout((function(){Q.current="",ee.current=null}),500),r},Qe=function(e){var n=Ye(e),t=l.ObjectUtils.isNotEmpty(n)?n.key:"";D(w(w({},U),{},{index:e,key:t})),en()},en=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(b,"_").concat(e):z,t=l.DomHandler.findSingle(te.current,'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},nn=function(e){return"".concat(b,"_").concat(e.key)},tn=function(e,n,t){return e&&e.item?l.ObjectUtils.getItemValue(e.item[n],t):void 0},rn=function(e){return tn(e,"label")},an=function(e){return!!l.ObjectUtils.isNotEmpty(k)&&k.key===e.key},on=function(e){return!1!==tn(e,"visible")},un=function(e){return tn(e,"disabled")},ln=function(e){return z===nn(e)},cn=function(e){return l.ObjectUtils.isNotEmpty(e.items)},sn=function(e){return tn(e,"separator")},mn=function(e){return e&&l.ObjectUtils.isNotEmpty(e.items)},pn=function(){return f.model.filter((function(e){return on(e)&&!tn(e,"separator")})).length},dn=function(e){return e-f.model.slice(0,e).filter((function(e){return on(e)&&tn(e,"separator")})).length+1},fn=function e(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",i=arguments.length>4?arguments[4]:void 0,o=[];return n&&n.forEach((function(n,u){var l=(""!==a?a+"_":"")+(void 0!==i?i+"_":"")+u,c={item:n,index:u,level:t,key:l,parent:r,parentKey:a,columnIndex:void 0!==i?i:r&&void 0!==r.columnIndex?r.columnIndex:u};c.items=0===t&&n.items&&n.items.length>0?n.items.map((function(n,r){return e(n,t+1,c,l,r)})):e(n.items,t+1,c,l),o.push(c)})),o},gn=function(e){var n=b+"_separator__"+e,t=l.mergeProps({id:n,key:n,className:se("separator"),role:"separator"},ce("separator"));return m.createElement("li",t)},bn=function(e){if(e.items){var n=l.mergeProps({className:se("submenuIcon")},ce("submenuIcon"));return l.IconUtils.getJSXIcon(oe?f.submenuIcon||m.createElement(i.AngleRightIcon,n):f.submenuIcon||m.createElement(a.AngleDownIcon,n),w({},n),{props:f})}return null},vn=function(e,n){var t=e.item;if(!1===t.visible)return null;if(t.separator)return gn(n);var r=nn(e),a=l.classNames("p-menuitem-link",{"p-disabled":t.disabled}),i=l.mergeProps({className:l.classNames(t.icon,se("icon"))},ce("icon")),o=l.mergeProps({className:se("label")},ce("label")),c=l.classNames(t.icon,"p-menuitem-icon"),s=l.IconUtils.getJSXIcon(t.icon,w({},i),{props:f}),p=t.label&&m.createElement("span",o,t.label),d=l.mergeProps({href:t.url||"#",className:se("action",{item:t}),target:t.target,tabIndex:"-1","aria-hidden":!0},me(e,"action",n)),g=ln(e),b=un(e),v=cn(e),y=an(e),x=l.mergeProps({key:r,id:r,"aria-label":rn(e),"aria-disabled":b,"aria-haspopup":v?"menu":void 0,"aria-level":"2","aria-expanded":v?y:void 0,"aria-setsize":pn(),"aria-posinset":dn(n),"data-p-highlight":y,"data-p-disabled":b,"data-p-focused":g,className:l.classNames(t.className,se("submenuItem",{focused:g,disabled:b,active:y})),style:t.style,role:"menuitem"},me(e,"submenuItem",n)),h=l.mergeProps({onClick:function(n){return he({originalEvent:n,processedItem:e})},className:se("content")},me(e,"content",n)),k=m.createElement("a",d,s,p,m.createElement(u.Ripple,null));return t.template&&(k=l.ObjectUtils.getJSXElement(t.template,t,{className:a,labelClassName:"p-menuitem-text",iconClassName:c,element:k,props:f})),m.createElement("li",x,m.createElement("div",h,k))},yn=function(e,n){if(!on(e))return null;var t=e.items.map(vn),r=e.id||b+"_sub_"+n,a=rn(e),i=un(e),o=l.mergeProps({id:r,key:r,className:l.classNames(e.className,se("submenuHeader",{disabled:i})),style:e.style,role:"presentation","data-p-disabled":i},ce("submenuHeader"));return m.createElement(m.Fragment,{key:r},m.createElement("li",o,a),t)},xn=function(e,n,t){var r=e.item,a=r.label+"_column_"+t,i=n.map(yn),o=l.mergeProps({key:a,className:se("column",{category:r})},ce("column")),u=k&&k.item===r?"block":"none",c=l.mergeProps({role:"menu",tabIndex:f.disabled?null:f.tabIndex||"0",className:se("submenu"),style:{display:u}},ce("submenu"));return m.createElement("div",o,m.createElement("ul",c,i))},hn=function(e){return e.items?e.items.map((function(n,t){return xn(e,n,t)})):null},kn=function(e){if(e.item.items){var n=hn(e),t=l.mergeProps({className:se("panel")},ce("panel")),r=l.mergeProps({className:se("grid")},ce("grid"));return m.createElement("div",t,m.createElement("div",r,n))}return null},In=function(){if(!re.current){re.current=l.DomHandler.createInlineStyle(s&&s.nonce||p.default.nonce,s&&s.styleContainer);var e="".concat(X),n="\n@media screen and (max-width: ".concat(f.breakpoint,") {\n    .p-megamenu[").concat(e,"] > .p-megamenu-root-list .p-menuitem-active .p-megamenu-panel {\n        position: relative;\n        left: 0;\n        box-shadow: none;\n        border-radius: 0;\n        background: inherit;\n    }\n\n    .p-megamenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n        transform: rotate(-180deg);\n    }\n\n    .p-megamenu[").concat(e,"] .p-megamenu-grid {\n        flex-wrap: wrap;\n    }\n\n    ").concat(ie?"\n.p-megamenu[".concat(e,"] .p-megamenu-button {\n    display: flex;\n}\n\n.p-megamenu[").concat(e,"].p-megamenu-horizontal {\n    position: relative;\n}\n\n.p-megamenu[").concat(e,"].p-megamenu-horizontal .p-megamenu-root-list {\n    display: none;\n}\n\n.p-megamenu-horizontal[").concat(e,'] div[class*="p-megamenu-col-"] {\n    width: auto;\n    flex: 1;\n    padding: 0;\n}\n\n.p-megamenu[').concat(e,"].p-megamenu-mobile-active .p-megamenu-root-list {\n    display: flex;\n    flex-direction: column;\n    position: absolute;\n    width: 100%;\n    top: 100%;\n    left: 0;\n    z-index: 1;\n}\n        "):"","\n\n    ").concat(oe?"\n.p-megamenu-vertical[".concat(e,"] {\n    width: 100%;\n}\n\n.p-megamenu-vertical[").concat(e,"] .p-megamenu-root-list {\n    max-height: ").concat(f.scrollHeight,";\n    overflow: ").concat(f.scrollHeight?"auto":"",";\n}\n.p-megamenu-vertical[").concat(e,'] div[class*="p-megamenu-col-"] {\n    width: 100%;\n    padding: 0;\n}\n\n.p-megamenu-vertical[').concat(e,"] .p-megamenu-submenu {\n    width: 100%;\n}\n\n.p-megamenu-vertical[").concat(e,'] div[class*="p-megamenu-col-"] .p-megamenu-submenu-header {\n    background: inherit;\n}\n\n.p-megamenu-vertical[').concat(e,'] .p-submenu-icon:before {\n    content: "\\e930";\n}\n        '):"","\n}\n");re.current.innerHTML=n}},En=function(){re.current=l.DomHandler.removeInlineStyle(re.current)},Nn=function(e,n){var t=e.item,r=l.mergeProps({className:se("icon")},me(e,"icon",n)),a=l.IconUtils.getJSXIcon(t.icon,w({},r),{props:f}),i=l.mergeProps({className:se("label")},me(e,"label",n)),o=t.label&&m.createElement("span",i,t.label),c=bn(t),s=kn(e),p=l.mergeProps({href:t.url||"#",className:se("action",{item:t}),target:t.target,onFocus:function(e){return e.stopPropagation()},tabIndex:"-1","aria-hidden":!0},me(e,"action",n)),d=t.template?l.ObjectUtils.getJSXElement(t.template,t,p):m.createElement("a",p,a,o,c,m.createElement(u.Ripple,null)),g=nn(e),b=ln(e),y=un(e),x=l.mergeProps(v({key:g,id:g,className:l.classNames(t.className,se("menuitem",{category:t,activeItemState:k,focused:b,disabled:y})),"aria-label":rn(t),"aria-level":"1","aria-setsize":pn(),"aria-posinset":dn(n),"aria-expanded":cn(e)?an(e):void 0,"aria-haspopup":cn(e)?"menu":void 0,"aria-disabled":un(e),"data-p-highlight":an(t),"data-p-disabled":y,"data-p-focused":b,style:t.style,role:"menuitem"},"data-p-disabled",t.disabled||!1),me(e,"menuitem",n)),h=l.mergeProps({onClick:function(n){return Ie({originalEvent:n,processedItem:e})},onMouseEnter:function(n){return t={originalEvent:n,processedItem:e},void(!V&&A&&ke(t));var t},className:se("content")},me(e,"content",n));return m.createElement("li",x,m.createElement("div",h,d),s)},On=l.mergeProps({className:l.classNames(f.className,se("root",{mobileActiveState:V})),id:b,style:f.style},O.getOtherProps(f),ce("root")),jn=(Oe=l.mergeProps({ref:te,tabIndex:f.disabled?null:f.tabIndex||"0",className:se("menu"),onFocus:je,onBlur:we,onKeyDown:Se,"aria-label":f.ariaLabel,"aria-labelledby":f.ariaLabelledBy,"aria-orientation":oe?"vertical":"horizontal","aria-activedescendant":j?z:null,id:b+"_list",role:"menubar"},ce("menu")),L?m.createElement("ul",Oe,L.map((function(e,n){return Nn(e,n)}))):null),wn=function(){var e=l.mergeProps({className:se("start")},ce("start"));if(f.start){var n=l.ObjectUtils.getJSXElement(f.start,f);return m.createElement("div",e,n)}return null}(),Sn=function(){var e=l.mergeProps({className:se("end")},ce("end"));if(f.end){var n=l.ObjectUtils.getJSXElement(f.end,f);return m.createElement("div",e,n)}return null}(),Pn=function(){if(oe||f.model&&f.model.length<1)return null;var e=l.mergeProps({className:se("menuButton"),href:"#",role:"button","aria-haspopup":!!(f.model&&f.model.length>0),"aria-expanded":V,"aria-controls":b,"aria-label":n.ariaLabel("navigation"),tabIndex:0,onClick:function(e){return e.preventDefault(),void(V?(W(!1),l.ZIndexUtils.clear(te.current),Ee()):(W(!0),l.ZIndexUtils.set("menu",te.current,s&&s.autoZIndex||p.default.autoZIndex,s&&s.zIndex.menu||p.default.zIndex.menu),setTimeout((function(){D({index:Ve(),level:0,parentKey:""})}),1)))}},ce("menuButton")),t=l.mergeProps(ce("menuButtonIcon")),r=l.IconUtils.getJSXIcon(f.menuIcon||m.createElement(o.BarsIcon,t),w({},t),{props:f});return m.createElement("a",d({ref:ae},e),r)}();return m.createElement("div",d({id:f.id,ref:ne},On),wn,Pn,jn,Sn)})));S.displayName="MegaMenu",exports.MegaMenu=S;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/hooks"),a=require("primereact/icons/angledown"),i=require("primereact/icons/angleright"),u=require("primereact/icons/bars"),o=require("primereact/ripple"),l=require("primereact/utils");function c(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 s=m(e),p=c(n);function d(){return d=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},d.apply(this,arguments)}function f(e){return f="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},f(e)}function b(e,n){if("object"!==f(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function g(e){var n=b(e,"string");return"symbol"===f(n)?n:String(n)}function v(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 y(e){throw new TypeError('"'+e+'" is read-only')}function x(e){if(Array.isArray(e))return e}function h(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,i,u,o=[],l=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=i.call(t)).done)&&(o.push(r.value),o.length!==n);l=!0);}catch(e){c=!0,a=e}finally{try{if(!l&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(c)throw a}}return o}}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 I(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 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 N(e,n){return x(e)||h(e,n)||I(e,n)||E()}var O=t.ComponentBase.extend({defaultProps:{__TYPE:"MegaMenu",id:null,model:null,style:null,className:null,orientation:"horizontal",breakpoint:void 0,scrollHeight:"400px",start:null,submenuIcon:null,onFocus:null,onBlur:null,tabIndex:0,menuIcon:null,end:null,children:void 0},css:{classes:{root:function(e){var n=e.props;return l.classNames("p-megamenu p-component",{"p-megamenu-horizontal":"horizontal"===n.orientation,"p-megamenu-vertical":"vertical"===n.orientation,"p-megamenu-mobile-active":e.mobileActiveState})},content:"p-menuitem-content",separator:"p-menuitem-separator",submenuIcon:"p-submenu-icon",action:function(e){return l.classNames("p-menuitem-link",{"p-disabled":e.item.disabled})},submenuItem:function(e){return l.classNames("p-menuitem",{"p-menuitem-active":e.active,"p-focus":e.focused,"p-disabled":e.disabled})},submenuHeader:function(e){return l.classNames("p-megamenu-submenu-header p-submenu-header",{"p-disabled":e.disabled})},submenu:"p-submenu-list p-megamenu-submenu",panel:"p-megamenu-panel",grid:"p-megamenu-grid",icon:"p-menuitem-icon",label:"p-menuitem-text",column:function(e){var n,t=e.category;switch(t.items?t.items.length:0){case 2:n="p-megamenu-col-6";break;case 3:n="p-megamenu-col-4";break;case 4:n="p-megamenu-col-3";break;case 6:n="p-megamenu-col-2";break;default:n="p-megamenu-col-12"}return n},menuButton:"p-megamenu-button",menuitem:function(e){var n=e.activeItemState;return l.classNames("p-menuitem",{"p-menuitem-active p-highlight":n&&n.item===e.category,"p-focus":e.focused,"p-disabled":e.disabled})},menubar:"p-megamenu-root-list",menu:"p-megamenu-root-list",start:"p-megamenu-start",end:"p-megamenu-end"},styles:"\n@layer primereact {\n    .p-megamenu {\n        display: flex;\n    }\n\n    .p-megamenu-root-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-megamenu-root-list > .p-menuitem {\n        position: relative;\n    }\n\n    .p-megamenu .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-megamenu .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-megamenu-panel {\n        display: none;\n        position: absolute;\n        width: auto;\n        z-index: 1;\n    }\n\n    .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n        display: block;\n    }\n\n    .p-megamenu-submenu {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    /* Horizontal */\n    .p-megamenu-horizontal {\n        align-items: center;\n    }\n\n    .p-megamenu-horizontal .p-megamenu-root-list {\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n\n    .p-megamenu-horizontal .p-megamenu-custom,\n    .p-megamenu-horizontal .p-megamenu-end {\n        margin-left: auto;\n        align-self: center;\n    }\n\n    /* Vertical */\n    .p-megamenu-vertical {\n        flex-direction: column;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list {\n        flex-direction: column;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n        left: 100%;\n        top: 0;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link  > .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-megamenu-grid {\n        display: flex;\n    }\n\n    .p-megamenu-col-2,\n    .p-megamenu-col-3,\n    .p-megamenu-col-4,\n    .p-megamenu-col-6,\n    .p-megamenu-col-12 {\n        flex: 0 0 auto;\n        padding: 0.5rem;\n    }\n\n    .p-megamenu-col-2 {\n        width: 16.6667%;\n    }\n\n    .p-megamenu-col-3 {\n        width: 25%;\n    }\n\n    .p-megamenu-col-4 {\n        width: 33.3333%;\n    }\n\n    .p-megamenu-col-6 {\n        width: 50%;\n    }\n\n    .p-megamenu-col-12 {\n        width: 100%;\n    }\n\n    .p-megamenu-button {\n        display: none;\n        cursor: pointer;\n        align-items: center;\n        justify-content: center;\n        text-decoration: none;\n    }\n}\n"}});function j(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?j(Object(t),!0).forEach((function(n){v(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):j(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var S=s.memo(s.forwardRef((function(e,c){var m=r.useMergeProps(),f=s.useContext(n.PrimeReactContext),b=O.getProps(e,f),g=N(s.useState(b.id),2),x=g[0],h=g[1],k=N(s.useState(null),2),I=k[0],E=k[1],j=N(s.useState(null),2),S=j[0],U=j[1],D=N(s.useState({index:-1,key:"",parentKey:""}),2),K=D[0],P=D[1],z=N(s.useState(null),2),_=z[0],H=z[1],A=N(s.useState(!1),2),M=A[0],C=A[1],L=N(s.useState(null),2),R=L[0],B=L[1],T=N(s.useState([]),2),q=T[0],J=T[1],X=N(s.useState(null),2),Z=X[0],F=X[1],V=N(s.useState(!1),2),W=V[0],Y=V[1],$=N(s.useState(!1),2),G=$[0],Q=$[1],ee=s.useRef(""),ne=s.useRef(null),te=s.useRef(null),re=s.useRef(null),ae=s.useRef(null),ie=s.useRef(null),ue="horizontal"===b.orientation,oe="vertical"===b.orientation,le=r.useMatchMedia("screen and (max-width: ".concat(b.breakpoint,")"),!!b.breakpoint),ce=O.setMetaData({props:b,state:{id:x,activeItem:I&&I.item,attributeSelector:Z,mobileActive:W}}),me=ce.ptm,se=ce.cx;t.useHandleStyle(O.css.styles,ce.isUnstyled,{name:"megamenu"});var pe=function(e,n,t){return me(n,{context:{active:un(e),focused:cn(e),disabled:ln(e),item:e,index:t}})},de=N(r.useEventListener({type:"click",listener:function(e){Oe(e)&&Ne()}}),2),fe=de[0],be=de[1],ge=N(r.useResizeListener({type:"resize",listener:function(){Ne()}}),2),ve=ge[0],ye=ge[1],xe=function(){fe(),ve()},he=function(){be(),ye()},ke=function(e){var n=e.originalEvent,t=e.processedItem,r=t.item;if(r.disabled)n.preventDefault();else{r.url||n.preventDefault(),r.command&&r.command({originalEvent:n,item:r});var a=pn(t);if(qe(t)){var i=t.index,u=t.key,o=t.parentKey;E(null),P({index:i,key:u,parentKey:o})}else if(a)Ie(e);else{var l=I?I.index:-1,c=I?I.key:"";Ne(n),P({index:l,key:c,parentKey:""}),Y(!1)}}},Ie=function(e){var n=e.processedItem,t=e.isFocus;if(!l.ObjectUtils.isEmpty(n)){var r=n.index,a=n.key,i=n.parentKey,u=l.ObjectUtils.isNotEmpty(n.items);u&&E(n),P({index:r,key:a,parentKey:i}),u&&C(!0),t&&l.DomHandler.focus(re.current)}},Ee=function(e){var n=e.originalEvent,t=e.processedItem,r=t.item;if(r.disabled)n.preventDefault();else{r.url||n.preventDefault(),r.command&&(r.command({originalEvent:n,item:b.item}),n.preventDefault());var a=pn(t),i=l.ObjectUtils.isEmpty(t.parent);if(qe(t)){var u=t.index,o=t.key,c=t.parentKey;E(null),P({index:u,key:o,parentKey:c}),C(!i)}else if(a)Ie(e);else{var m=i?t:I;Ne(),en(n,m?m.index:-1),Y(!1),l.DomHandler.focus(re.current)}}},Ne=function(e){W&&(Y(!1),setTimeout((function(){l.DomHandler.focus(ie.current)}),0)),E(null),e&&(P({index:-1,key:"",parentKey:""}),l.DomHandler.focus(re.current)),C(!1)},Oe=function(e){return te.current&&!(te.current.isSameNode(e.target)||te.current.contains(e.target)||ie.current&&ie.current.contains(e.target))};s.useImperativeHandle(c,(function(){return{props:b,getElement:function(){return te.current}}})),r.useMountEffect((function(){var e=l.UniqueComponentId();!x&&h(e),b.breakpoint&&!Z&&F(e)})),r.useUpdateEffect((function(){return Z&&te.current&&(te.current.setAttribute(Z,""),En()),function(){Nn()}}),[Z,b.breakpoint]),r.useUpdateEffect((function(){W?xe():he()}),[W]),r.useUpdateEffect((function(){if(G){var e=-1!==K.index?Ze(K.index):We();en(e),Q(!1)}}),[G]),r.useUpdateEffect((function(){var e=l.DomHandler.findSingle(te.current,".p-menuitem-active > .p-megamenu-panel");return I?(xe(),le||l.ZIndexUtils.set("menu",e,f&&f.autoZIndex||p.default.autoZIndex,f&&f.zIndex.menu||p.default.zIndex.menu)):he(),le&&e&&e.previousElementSibling.scrollIntoView({block:"nearest",inline:"nearest"}),function(){he(),l.ZIndexUtils.clear(e)}}),[I,le]),r.useUpdateEffect((function(){var e=l.ObjectUtils.isNotEmpty(K.key)?"".concat(x,"_").concat(K.key):null;H(e)}),[K]),s.useEffect((function(){var e=bn(b.model||[],0,null,"");B(e)}),[b.model]),r.useUpdateEffect((function(){var e=l.ObjectUtils.isNotEmpty(I)?I:null,n=e&&e.key===K.parentKey?e.items.reduce((function(e,n){return n.forEach((function(n){n.items.forEach((function(n){e.push(n)}))})),e}),[]):R;J(n)}),[K,I,R]);var je,we=function(e){if(U(!0),-1===K.index){var n=We(),t=$e(n);P({index:n,key:t.key,parentKey:t.parentKey})}b.onFocus&&b.onFocus(e)},Se=function(e){U(!1),P({index:-1,key:"",parentKey:""}),ee.current="",C(!1),b.onBlur&&b.onBlur(e)},Ue=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":De(e);break;case"ArrowUp":Ke(e);break;case"ArrowLeft":Pe(e);break;case"ArrowRight":ze(e);break;case"Home":_e(e);break;case"End":He(e);break;case"Space":Me(e);break;case"Enter":Ae(e);break;case"Escape":Ce(e);break;case"Tab":Le(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&l.ObjectUtils.isPrintableCharacter(e.key)&&Qe(e,e.key)}},De=function(e){if(e.preventDefault(),ue){var n=K;if(l.ObjectUtils.isNotEmpty(I)&&I.key===K.key)y("_focusedItemInfo"),P(n);else{var t=$e(K.index);pn(t)&&(Ie({originalEvent:e,processedItem:t}),y("_focusedItemInfo"),P(n),ee.current="")}setTimeout((function(){return Q(!0)}),0)}else{var r=-1!==K.index?Ze(K.index):We();en(r)}},Ke=function(e){var n=$e(K.index),t=pn(n);if(e.altKey&&ue)-1!==K.index&&!t&&l.ObjectUtils.isNotEmpty(I)&&(0===K.index?(P({index:I.index,key:I.key,parentKey:I.parentKey}),E(null)):en(Je()));else{var r=-1!==K.index?Fe(K.index):Ye();en(r)}e.preventDefault()},Pe=function(e){var n=$e(K.index);if(pn(n)){if(ue){var t=-1!==K.index?Fe(K.index):Ye();en(t)}}else{oe&&l.ObjectUtils.isNotEmpty(I)&&0===n.columnIndex&&(P({index:I.index,key:I.key,parentKey:I.parentKey}),E(null));var r=n.columnIndex-1,a=q.findIndex((function(e){return e.columnIndex===r}));-1!==a&&en(a)}e.preventDefault()},ze=function(e){e.preventDefault();var n=$e(K.index);if(pn(n)){if(oe)if(l.ObjectUtils.isNotEmpty(I)&&I.key===n.key)P({index:-1,key:"",parentKey:I.key});else{var t=$e(K.index);pn(t)&&(Ie({originalEvent:e,processedItem:t}),P({index:-1,key:t.key,parentKey:t.parentKey}),ee.current="")}setTimeout((function(){return Q(!0)}),0)}else{var r=n.columnIndex+1,a=q.findIndex((function(e){return e.columnIndex===r}));-1!==a&&en(a)}},_e=function(e){en(Je()),e.preventDefault()},He=function(e){en(Xe()),e.preventDefault()},Ae=function(e){if(-1!==K.index){var n=l.DomHandler.findSingle(re.current,'li[id="'.concat(_,'"]')),t=n&&l.DomHandler.findSingle(n,'a[data-pc-section="action"]');t?t.click():n&&n.click()}e.preventDefault()},Me=function(e){Ae(e)},Ce=function(e){l.ObjectUtils.isNotEmpty(I)&&(P({index:I.index,key:I.key}),E(null)),e.preventDefault()},Le=function(e){if(-1!==K.index){var n=$e(K.index);!pn(n)&&Ie({originalEvent:e,processedItem:n})}Ne()},Re=function(e){var n=Ge(e);return Be(e)&&n&&n.toLocaleLowerCase().startsWith(ee.current.toLocaleLowerCase())},Be=function(e){return!!e&&!ln(e.item)&&!sn(e.item)},Te=function(e){return Be(e)&&qe(e)},qe=function(e){return!!l.ObjectUtils.isNotEmpty(I)&&I.key===e.key},Je=function(){return q.findIndex((function(e){return Be(e)}))},Xe=function(){return l.ObjectUtils.findLastIndex(q,(function(e){return Be(e)}))},Ze=function(e){var n=e<q.length-1?q.slice(e+1).findIndex((function(e){return Be(e)})):-1;return n>-1?n+e+1:e},Fe=function(e){var n=e>0?l.ObjectUtils.findLastIndex(q.slice(0,e),(function(e){return Be(e)})):-1;return n>-1?n:e},Ve=function(){return q&&q.findIndex((function(e){return Te(e)}))},We=function(){var e=Ve();return e<0?Je():e},Ye=function(){var e=Ve();return e<0?Xe():e},$e=function(e){return l.ObjectUtils.isNotEmpty(q)?q[e]:null},Ge=function(e){return e&&e.item?an(e):void 0},Qe=function(e,n){ee.current=(ee.current||"")+n;var t=-1,r=!1;return-1!==(t=-1!==K.index?-1===(t=q.slice(K.index).findIndex((function(e){return Re(e)})))?q.slice(0,K.index).findIndex((function(e){return Re(e)})):t+K.index:q.findIndex((function(e){return Re(e)})))&&(r=!0),-1===t&&-1===K.index&&(t=We()),-1!==t&&en(t),ne&&clearTimeout(ne),ne.current=setTimeout((function(){ee.current="",ne.current=null}),500),r},en=function(e){var n=$e(e),t=l.ObjectUtils.isNotEmpty(n)?n.key:"";P(w(w({},K),{},{index:e,key:t})),nn()},nn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(x,"_").concat(e):_,t=l.DomHandler.findSingle(re.current,'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},tn=function(e){return"".concat(x,"_").concat(e.key)},rn=function(e,n,t){return e&&e.item?l.ObjectUtils.getItemValue(e.item[n],t):void 0},an=function(e){return rn(e,"label")},un=function(e){return!!l.ObjectUtils.isNotEmpty(I)&&I.key===e.key},on=function(e){return!1!==rn(e,"visible")},ln=function(e){return rn(e,"disabled")},cn=function(e){return _===tn(e)},mn=function(e){return l.ObjectUtils.isNotEmpty(e.items)},sn=function(e){return rn(e,"separator")},pn=function(e){return e&&l.ObjectUtils.isNotEmpty(e.items)},dn=function(){return b.model.filter((function(e){return on(e)&&!rn(e,"separator")})).length},fn=function(e){return e-b.model.slice(0,e).filter((function(e){return on(e)&&rn(e,"separator")})).length+1},bn=function e(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",i=arguments.length>4?arguments[4]:void 0,u=[];return n&&n.forEach((function(n,o){var l=(""!==a?a+"_":"")+(void 0!==i?i+"_":"")+o,c={item:n,index:o,level:t,key:l,parent:r,parentKey:a,columnIndex:void 0!==i?i:r&&void 0!==r.columnIndex?r.columnIndex:o};c.items=0===t&&n.items&&n.items.length>0?n.items.map((function(n,r){return e(n,t+1,c,l,r)})):e(n.items,t+1,c,l),u.push(c)})),u},gn=function(e){var n=x+"_separator__"+e,t=m({id:n,key:n,className:se("separator"),role:"separator"},me("separator"));return s.createElement("li",t)},vn=function(e){if(e.items){var n=m({className:se("submenuIcon")},me("submenuIcon"));return l.IconUtils.getJSXIcon(oe?b.submenuIcon||s.createElement(i.AngleRightIcon,n):b.submenuIcon||s.createElement(a.AngleDownIcon,n),w({},n),{props:b})}return null},yn=function(e,n){var t=e.item;if(!1===t.visible)return null;if(t.separator)return gn(n);var r=tn(e),a=l.classNames("p-menuitem-link",{"p-disabled":t.disabled}),i=m({className:l.classNames(t.icon,se("icon"))},me("icon")),u=m({className:se("label")},me("label")),c=l.classNames(t.icon,"p-menuitem-icon"),p=l.IconUtils.getJSXIcon(t.icon,w({},i),{props:b}),d=t.label&&s.createElement("span",u,t.label),f=m({href:t.url||"#",className:se("action",{item:t}),target:t.target,tabIndex:"-1","aria-hidden":!0},pe(e,"action",n)),g=cn(e),v=ln(e),y=mn(e),x=un(e),h=m({key:r,id:r,"aria-label":an(e),"aria-disabled":v,"aria-haspopup":y?"menu":void 0,"aria-level":"2","aria-expanded":y?x:void 0,"aria-setsize":dn(),"aria-posinset":fn(n),"data-p-highlight":x,"data-p-disabled":v,"data-p-focused":g,className:l.classNames(t.className,se("submenuItem",{focused:g,disabled:v,active:x})),style:t.style,role:"menuitem"},pe(e,"submenuItem",n)),k=m({onClick:function(n){return ke({originalEvent:n,processedItem:e})},className:se("content")},pe(e,"content",n)),I=s.createElement("a",f,p,d,s.createElement(o.Ripple,null));return t.template&&(I=l.ObjectUtils.getJSXElement(t.template,t,{className:a,labelClassName:"p-menuitem-text",iconClassName:c,element:I,props:b})),s.createElement("li",h,s.createElement("div",k,I))},xn=function(e,n){if(!on(e))return null;var t=e.items.map(yn),r=e.id||x+"_sub_"+n,a=an(e),i=ln(e),u=m({id:r,key:r,className:l.classNames(e.className,se("submenuHeader",{disabled:i})),style:e.style,role:"presentation","data-p-disabled":i},me("submenuHeader"));return s.createElement(s.Fragment,{key:r},s.createElement("li",u,a),t)},hn=function(e,n,t){var r=e.item,a=r.label+"_column_"+t,i=n.map(xn),u=m({key:a,className:se("column",{category:r})},me("column")),o=I&&I.item===r?"block":"none",l=m({role:"menu",tabIndex:b.disabled?null:b.tabIndex||"0",className:se("submenu"),style:{display:o}},me("submenu"));return s.createElement("div",u,s.createElement("ul",l,i))},kn=function(e){return e.items?e.items.map((function(n,t){return hn(e,n,t)})):null},In=function(e){if(e.item.items){var n=kn(e),t=m({className:se("panel")},me("panel")),r=m({className:se("grid")},me("grid"));return s.createElement("div",t,s.createElement("div",r,n))}return null},En=function(){if(!ae.current){ae.current=l.DomHandler.createInlineStyle(f&&f.nonce||p.default.nonce,f&&f.styleContainer);var e="".concat(Z),n="\n                    @media screen and (max-width: ".concat(b.breakpoint,") {\n                        .p-megamenu[").concat(e,"] > .p-megamenu-root-list .p-menuitem-active .p-megamenu-panel {\n                            position: relative;\n                            left: 0;\n                            box-shadow: none;\n                            border-radius: 0;\n                            background: inherit;\n                        }\n\n                        .p-megamenu[").concat(e,"] {\n                            width: 100%;\n                            position: relative;\n                            padding: 0.5rem;\n                        }\n\n                        .p-megamenu[").concat(e,"] .p-megamenu-grid {\n                            flex-wrap: wrap;\n                        }\n\n                        .p-megamenu[").concat(e,"] .p-megamenu-button {\n                            display: flex;\n                        }\n\n                        .p-megamenu[").concat(e,"] .p-megamenu-root-list {\n                            display: none;\n                        }\n\n                        .p-megamenu[").concat(e,'] div[class*="p-megamenu-col-"] {\n                            width: 100%;\n                        }\n\n                        .p-megamenu[').concat(e,"].p-megamenu-mobile-active .p-megamenu-root-list {\n                            left: 0;\n                            top: 100%;\n                            z-index: 1;\n                            width: 100%;\n                            display: flex;\n                            padding: 0.5rem 0;\n                            position: absolute;\n                            flex-direction: column;\n                        }\n\n                        .p-megamenu[").concat(e,"] .p-menuitem  > .p-menuitem-content >  .p-menuitem-link > .p-submenu-icon {\n                            margin-left: auto;\n                        }\n                        \n                        .p-megamenu[").concat(e,"] .p-submenu-list .p-menuitem-content .p-menuitem-link {\n                            padding-left: 2.25rem;\n                        }\n\n                        ").concat(ue?"\n                                    .p-megamenu[".concat(e,"] .p-menuitem-active  > .p-menuitem-content >  .p-menuitem-link > .p-submenu-icon {\n                                        transform: rotate(-180deg);\n                                    }\n                            "):"","\n\n                        ").concat(oe?"                                                                   \n                                    .p-megamenu[".concat(e,"] .p-menuitem  > .p-menuitem-content >  .p-menuitem-link > .p-submenu-icon {\n                                        transform: rotate(90deg);\n                                    }\n\n                                    .p-megamenu[").concat(e,"] .p-menuitem-active  > .p-menuitem-content >  .p-menuitem-link > .p-submenu-icon {\n                                        transform: rotate(-90deg);\n                                    }\n                            "):"","\n                    }\n                ");ae.current.innerHTML=n}},Nn=function(){ae.current=l.DomHandler.removeInlineStyle(ae.current)},On=function(e,n){var t=e.item,r=m({className:se("icon")},pe(e,"icon",n)),a=l.IconUtils.getJSXIcon(t.icon,w({},r),{props:b}),i=m({className:se("label")},pe(e,"label",n)),u=t.label&&s.createElement("span",i,t.label),c=vn(t),p=In(e),d=m({href:t.url||"#",className:se("action",{item:t}),target:t.target,onFocus:function(e){return e.stopPropagation()},tabIndex:"-1","aria-hidden":!0},pe(e,"action",n)),f=t.template?l.ObjectUtils.getJSXElement(t.template,t,d):s.createElement("a",d,a,u,c,s.createElement(o.Ripple,null)),g=tn(e),y=cn(e),x=ln(e),h=m(v({key:g,id:g,className:l.classNames(t.className,se("menuitem",{category:t,activeItemState:I,focused:y,disabled:x})),"aria-label":an(t),"aria-level":"1","aria-setsize":dn(),"aria-posinset":fn(n),"aria-expanded":mn(e)?un(e):void 0,"aria-haspopup":mn(e)?"menu":void 0,"aria-disabled":ln(e),"data-p-highlight":un(t),"data-p-disabled":x,"data-p-focused":y,style:t.style,role:"menuitem"},"data-p-disabled",t.disabled||!1),pe(e,"menuitem",n)),k=m({onClick:function(n){return Ee({originalEvent:n,processedItem:e})},onMouseEnter:function(n){return t={originalEvent:n,processedItem:e},void(!W&&M&&Ie(t));var t},className:se("content")},pe(e,"content",n));return s.createElement("li",h,s.createElement("div",k,f),p)},jn=m({className:l.classNames(b.className,se("root",{mobileActiveState:W})),id:x,style:b.style},O.getOtherProps(b),me("root")),wn=(je=m({ref:re,tabIndex:b.disabled?null:b.tabIndex||"0",className:se("menu"),onFocus:we,onBlur:Se,onKeyDown:Ue,"aria-label":b.ariaLabel,"aria-labelledby":b.ariaLabelledBy,"aria-orientation":oe?"vertical":"horizontal","aria-activedescendant":S?_:null,id:x+"_list",role:"menubar"},me("menu")),R?s.createElement("ul",je,R.map((function(e,n){return On(e,n)}))):null),Sn=function(){var e=m({className:se("start")},me("start"));if(b.start){var n=l.ObjectUtils.getJSXElement(b.start,b);return s.createElement("div",e,n)}return null}(),Un=function(){var e=m({className:se("end")},me("end"));if(b.end){var n=l.ObjectUtils.getJSXElement(b.end,b);return s.createElement("div",e,n)}return null}(),Dn=function(){if(b.model&&b.model.length<1)return null;var e=m({className:se("menuButton"),href:"#",role:"button","aria-haspopup":!!(b.model&&b.model.length>0),"aria-expanded":W,"aria-controls":x,"aria-label":n.ariaLabel("navigation"),tabIndex:0,onClick:function(e){return e.preventDefault(),void(W?(Y(!1),l.ZIndexUtils.clear(re.current),Ne()):(Y(!0),l.ZIndexUtils.set("menu",re.current,f&&f.autoZIndex||p.default.autoZIndex,f&&f.zIndex.menu||p.default.zIndex.menu),setTimeout((function(){P({index:We(),level:0,parentKey:""})}),1)))}},me("menuButton")),t=m(me("menuButtonIcon")),r=l.IconUtils.getJSXIcon(b.menuIcon||s.createElement(u.BarsIcon,t),w({},t),{props:b});return s.createElement("a",d({ref:ie},e),r)}();return s.createElement("div",d({id:b.id,ref:te},jn),Sn,Dn,wn,Un)})));S.displayName="MegaMenu",exports.MegaMenu=S;

package/megamenu/megamenu.esm.js

@@ -2,12 +2,12 @@
 import * as React from 'react';
 import PrimeReact, { PrimeReactContext, ariaLabel } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
-import { useMatchMedia, useEventListener, useResizeListener, useMountEffect, useUpdateEffect } from 'primereact/hooks';
+import { useMergeProps, useMatchMedia, useEventListener, useResizeListener, useMountEffect, useUpdateEffect } from 'primereact/hooks';
 import { AngleDownIcon } from 'primereact/icons/angledown';
 import { AngleRightIcon } from 'primereact/icons/angleright';
 import { BarsIcon } from 'primereact/icons/bars';
 import { Ripple } from 'primereact/ripple';
-import { classNames, DomHandler, UniqueComponentId, ZIndexUtils, ObjectUtils, mergeProps, IconUtils } from 'primereact/utils';
+import { classNames, DomHandler, UniqueComponentId, ZIndexUtils, ObjectUtils, IconUtils } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -204,7 +204,7 @@ var classes = {
   start: 'p-megamenu-start',
   end: 'p-megamenu-end'
 };
-var styles = "\n@layer primereact {\n    .p-megamenu {\n        display: flex;\n    }\n\n    .p-megamenu-root-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-megamenu-root-list > .p-menuitem {\n        position: relative;\n    }\n\n    .p-megamenu .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-megamenu .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-megamenu-panel {\n        display: none;\n        position: absolute;\n        width: auto;\n        z-index: 1;\n    }\n\n    .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n        display: block;\n    }\n\n    .p-megamenu-submenu {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    /* Horizontal */\n    .p-megamenu-horizontal {\n        align-items: center;\n    }\n\n    .p-megamenu-horizontal .p-megamenu-root-list {\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n\n    .p-megamenu-horizontal .p-megamenu-custom,\n    .p-megamenu-horizontal .p-megamenu-end {\n        margin-left: auto;\n        align-self: center;\n    }\n\n    /* Vertical */\n    .p-megamenu-vertical {\n        flex-direction: column;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list {\n        flex-direction: column;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n        left: 100%;\n        top: 0;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-megamenu-grid {\n        display: flex;\n    }\n\n    .p-megamenu-col-2,\n    .p-megamenu-col-3,\n    .p-megamenu-col-4,\n    .p-megamenu-col-6,\n    .p-megamenu-col-12 {\n        flex: 0 0 auto;\n        padding: 0.5rem;\n    }\n\n    .p-megamenu-col-2 {\n        width: 16.6667%;\n    }\n\n    .p-megamenu-col-3 {\n        width: 25%;\n    }\n\n    .p-megamenu-col-4 {\n        width: 33.3333%;\n    }\n\n    .p-megamenu-col-6 {\n        width: 50%;\n    }\n\n    .p-megamenu-col-12 {\n        width: 100%;\n    }\n\n    .p-megamenu-button {\n        display: none;\n        cursor: pointer;\n        align-items: center;\n        justify-content: center;\n        text-decoration: none;\n    }\n}\n";
+var styles = "\n@layer primereact {\n    .p-megamenu {\n        display: flex;\n    }\n\n    .p-megamenu-root-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-megamenu-root-list > .p-menuitem {\n        position: relative;\n    }\n\n    .p-megamenu .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-megamenu .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-megamenu-panel {\n        display: none;\n        position: absolute;\n        width: auto;\n        z-index: 1;\n    }\n\n    .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n        display: block;\n    }\n\n    .p-megamenu-submenu {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    /* Horizontal */\n    .p-megamenu-horizontal {\n        align-items: center;\n    }\n\n    .p-megamenu-horizontal .p-megamenu-root-list {\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n\n    .p-megamenu-horizontal .p-megamenu-custom,\n    .p-megamenu-horizontal .p-megamenu-end {\n        margin-left: auto;\n        align-self: center;\n    }\n\n    /* Vertical */\n    .p-megamenu-vertical {\n        flex-direction: column;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list {\n        flex-direction: column;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n        left: 100%;\n        top: 0;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link  > .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-megamenu-grid {\n        display: flex;\n    }\n\n    .p-megamenu-col-2,\n    .p-megamenu-col-3,\n    .p-megamenu-col-4,\n    .p-megamenu-col-6,\n    .p-megamenu-col-12 {\n        flex: 0 0 auto;\n        padding: 0.5rem;\n    }\n\n    .p-megamenu-col-2 {\n        width: 16.6667%;\n    }\n\n    .p-megamenu-col-3 {\n        width: 25%;\n    }\n\n    .p-megamenu-col-4 {\n        width: 33.3333%;\n    }\n\n    .p-megamenu-col-6 {\n        width: 50%;\n    }\n\n    .p-megamenu-col-12 {\n        width: 100%;\n    }\n\n    .p-megamenu-button {\n        display: none;\n        cursor: pointer;\n        align-items: center;\n        justify-content: center;\n        text-decoration: none;\n    }\n}\n";
 var MegaMenuBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'MegaMenu',
@@ -233,6 +233,7 @@ var MegaMenuBase = ComponentBase.extend({
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MegaMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = MegaMenuBase.getProps(inProps, context);
   var _React$useState = React.useState(props.id),
@@ -1166,7 +1167,7 @@ var MegaMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     if (!styleElementRef.current) {
       styleElementRef.current = DomHandler.createInlineStyle(context && context.nonce || PrimeReact.nonce, context && context.styleContainer);
       var selector = "".concat(attributeSelectorState);
-      var innerHTML = "\n@media screen and (max-width: ".concat(props.breakpoint, ") {\n    .p-megamenu[").concat(selector, "] > .p-megamenu-root-list .p-menuitem-active .p-megamenu-panel {\n        position: relative;\n        left: 0;\n        box-shadow: none;\n        border-radius: 0;\n        background: inherit;\n    }\n\n    .p-megamenu[").concat(selector, "] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n        transform: rotate(-180deg);\n    }\n\n    .p-megamenu[").concat(selector, "] .p-megamenu-grid {\n        flex-wrap: wrap;\n    }\n\n    ").concat(horizontal ? "\n.p-megamenu[".concat(selector, "] .p-megamenu-button {\n    display: flex;\n}\n\n.p-megamenu[").concat(selector, "].p-megamenu-horizontal {\n    position: relative;\n}\n\n.p-megamenu[").concat(selector, "].p-megamenu-horizontal .p-megamenu-root-list {\n    display: none;\n}\n\n.p-megamenu-horizontal[").concat(selector, "] div[class*=\"p-megamenu-col-\"] {\n    width: auto;\n    flex: 1;\n    padding: 0;\n}\n\n.p-megamenu[").concat(selector, "].p-megamenu-mobile-active .p-megamenu-root-list {\n    display: flex;\n    flex-direction: column;\n    position: absolute;\n    width: 100%;\n    top: 100%;\n    left: 0;\n    z-index: 1;\n}\n        ") : '', "\n\n    ").concat(vertical ? "\n.p-megamenu-vertical[".concat(selector, "] {\n    width: 100%;\n}\n\n.p-megamenu-vertical[").concat(selector, "] .p-megamenu-root-list {\n    max-height: ").concat(props.scrollHeight, ";\n    overflow: ").concat(props.scrollHeight ? 'auto' : '', ";\n}\n.p-megamenu-vertical[").concat(selector, "] div[class*=\"p-megamenu-col-\"] {\n    width: 100%;\n    padding: 0;\n}\n\n.p-megamenu-vertical[").concat(selector, "] .p-megamenu-submenu {\n    width: 100%;\n}\n\n.p-megamenu-vertical[").concat(selector, "] div[class*=\"p-megamenu-col-\"] .p-megamenu-submenu-header {\n    background: inherit;\n}\n\n.p-megamenu-vertical[").concat(selector, "] .p-submenu-icon:before {\n    content: \"\\e930\";\n}\n        ") : '', "\n}\n");
+      var innerHTML = "\n                    @media screen and (max-width: ".concat(props.breakpoint, ") {\n                        .p-megamenu[").concat(selector, "] > .p-megamenu-root-list .p-menuitem-active .p-megamenu-panel {\n                            position: relative;\n                            left: 0;\n                            box-shadow: none;\n                            border-radius: 0;\n                            background: inherit;\n                        }\n\n                        .p-megamenu[").concat(selector, "] {\n                            width: 100%;\n                            position: relative;\n                            padding: 0.5rem;\n                        }\n\n                        .p-megamenu[").concat(selector, "] .p-megamenu-grid {\n                            flex-wrap: wrap;\n                        }\n\n                        .p-megamenu[").concat(selector, "] .p-megamenu-button {\n                            display: flex;\n                        }\n\n                        .p-megamenu[").concat(selector, "] .p-megamenu-root-list {\n                            display: none;\n                        }\n\n                        .p-megamenu[").concat(selector, "] div[class*=\"p-megamenu-col-\"] {\n                            width: 100%;\n                        }\n\n                        .p-megamenu[").concat(selector, "].p-megamenu-mobile-active .p-megamenu-root-list {\n                            left: 0;\n                            top: 100%;\n                            z-index: 1;\n                            width: 100%;\n                            display: flex;\n                            padding: 0.5rem 0;\n                            position: absolute;\n                            flex-direction: column;\n                        }\n\n                        .p-megamenu[").concat(selector, "] .p-menuitem  > .p-menuitem-content >  .p-menuitem-link > .p-submenu-icon {\n                            margin-left: auto;\n                        }\n                        \n                        .p-megamenu[").concat(selector, "] .p-submenu-list .p-menuitem-content .p-menuitem-link {\n                            padding-left: 2.25rem;\n                        }\n\n                        ").concat(horizontal ? "\n                                    .p-megamenu[".concat(selector, "] .p-menuitem-active  > .p-menuitem-content >  .p-menuitem-link > .p-submenu-icon {\n                                        transform: rotate(-180deg);\n                                    }\n                            ") : '', "\n\n                        ").concat(vertical ? "                                                                   \n                                    .p-megamenu[".concat(selector, "] .p-menuitem  > .p-menuitem-content >  .p-menuitem-link > .p-submenu-icon {\n                                        transform: rotate(90deg);\n                                    }\n\n                                    .p-megamenu[").concat(selector, "] .p-menuitem-active  > .p-menuitem-content >  .p-menuitem-link > .p-submenu-icon {\n                                        transform: rotate(-90deg);\n                                    }\n                            ") : '', "\n                    }\n                ");
       styleElementRef.current.innerHTML = innerHTML;
     }
   };
@@ -1285,7 +1286,7 @@ var MegaMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     return null;
   };
   var createMenuButton = function createMenuButton() {
-    if (vertical || props.model && props.model.length < 1) {
+    if (props.model && props.model.length < 1) {
       return null;
     }
     var menuButtonProps = mergeProps({