primereact 10.3.0 → 10.3.2

package/listbox/listbox.js

@@ -243,6 +243,7 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
   function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var ListBoxHeader = /*#__PURE__*/React__namespace.memo(function (props) {
+    var mergeProps = hooks.useMergeProps();
     var _props$ptCallbacks = props.ptCallbacks,
       ptm = _props$ptCallbacks.ptm,
       cx = _props$ptCallbacks.cx;
@@ -268,17 +269,17 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
       }
     };
     var createHeader = function createHeader() {
-      var filterIconProps = utils.mergeProps({
+      var filterIconProps = mergeProps({
         className: cx('filterIcon')
       }, getPTOptions('filterIcon'));
       var icon = props.filterIcon || /*#__PURE__*/React__namespace.createElement(search.SearchIcon, filterIconProps);
       var filterIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$1({}, filterIconProps), {
         props: props
       });
-      var headerProps = utils.mergeProps({
+      var headerProps = mergeProps({
         className: cx('header')
       }, getPTOptions('header'));
-      var filterContainerProps = utils.mergeProps({
+      var filterContainerProps = mergeProps({
         className: cx('filterContainer')
       }, getPTOptions('filterContainer'));
       var content = /*#__PURE__*/React__namespace.createElement("div", filterContainerProps, /*#__PURE__*/React__namespace.createElement(inputtext.InputText, _extends({
@@ -314,6 +315,11 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
   ListBoxHeader.displayName = 'ListBoxHeader';
 
   var ListBoxItem = /*#__PURE__*/React__namespace.memo(function (props) {
+    var _React$useState = React__namespace.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      focusedState = _React$useState2[0],
+      setFocusedState = _React$useState2[1];
+    var mergeProps = hooks.useMergeProps();
     var _props$ptCallbacks = props.ptCallbacks,
       ptm = _props$ptCallbacks.ptm,
       cx = _props$ptCallbacks.cx;
@@ -322,10 +328,17 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
         hostName: props.hostName,
         context: {
           selected: props.selected,
-          disabled: props.disabled
+          disabled: props.disabled,
+          focused: focusedState
         }
       });
     };
+    var onFocus = function onFocus(event) {
+      setFocusedState(true);
+    };
+    var onBlur = function onBlur(event) {
+      setFocusedState(false);
+    };
     var onClick = function onClick(event) {
       if (props.onClick) {
         props.onClick({
@@ -369,14 +382,14 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
     };
     var findNextItem = function findNextItem(item) {
       var nextItem = item.nextElementSibling;
-      return nextItem ? utils.DomHandler.hasClass(nextItem, 'p-disabled') || utils.DomHandler.hasClass(nextItem, 'p-listbox-item-group') ? findNextItem(nextItem) : nextItem : null;
+      return nextItem ? utils.DomHandler.isAttributeEquals(nextItem, 'data-p-disabled', true) || utils.DomHandler.isAttributeEquals(nextItem, 'data-pc-section', 'itemgroup') ? findNextItem(nextItem) : nextItem : null;
     };
     var findPrevItem = function findPrevItem(item) {
       var prevItem = item.previousElementSibling;
-      return prevItem ? utils.DomHandler.hasClass(prevItem, 'p-disabled') || utils.DomHandler.hasClass(prevItem, 'p-listbox-item-group') ? findPrevItem(prevItem) : prevItem : null;
+      return prevItem ? utils.DomHandler.isAttributeEquals(prevItem, 'data-p-disabled', true) || utils.DomHandler.isAttributeEquals(prevItem, 'data-pc-section', 'itemgroup') ? findPrevItem(prevItem) : prevItem : null;
     };
     var content = props.template ? utils.ObjectUtils.getJSXElement(props.template, props.option) : props.label;
-    var itemProps = utils.mergeProps({
+    var itemProps = mergeProps({
       className: cx('item', {
         props: props
       }),
@@ -384,12 +397,15 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
       onClick: onClick,
       onTouchEnd: onTouchEnd,
       onKeyDown: onKeyDown,
+      onFocus: onFocus,
+      onBlur: onBlur,
       tabIndex: '-1',
       'aria-label': props.label,
       key: props.label,
       role: 'option',
       'aria-selected': props.selected,
-      'aria-disabled': props.disabled
+      'aria-disabled': props.disabled,
+      'data-p-disabled': props.disabled
     }, getPTOptions('item'));
     return /*#__PURE__*/React__namespace.createElement("li", itemProps, content, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
   });
@@ -401,6 +417,7 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
   function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
   function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
   var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = ListBoxBase.getProps(inProps, context);
     var _React$useState = React__namespace.useState(''),
@@ -704,7 +721,7 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
         var groupContent = props.optionGroupTemplate ? utils.ObjectUtils.getJSXElement(props.optionGroupTemplate, option, index) : getOptionGroupLabel(option);
         var groupChildrenContent = createGroupChildren(option, style);
         var key = index + '_' + getOptionGroupRenderKey(option);
-        var itemGroupProps = utils.mergeProps({
+        var itemGroupProps = mergeProps({
           className: ptCallbacks.cx('itemGroup'),
           style: ptCallbacks.sx('itemGroup', {
             scrollerOptions: scrollerOptions
@@ -745,7 +762,7 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
       return createEmptyMessage(props.emptyMessage);
     };
     var createEmptyMessage = function createEmptyMessage(emptyMessage, isFilter) {
-      var emptyMessageProps = utils.mergeProps({
+      var emptyMessageProps = mergeProps({
         className: ptCallbacks.cx('emptyMessage')
       }, ptCallbacks.ptm('emptyMessage'));
       var message = utils.ObjectUtils.getJSXElement(emptyMessage, props) || api.localeOption(isFilter ? 'emptyFilterMessage' : 'emptyMessage');
@@ -764,7 +781,7 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
             return item && createItem(item, options.index, options);
           },
           contentTemplate: function contentTemplate(options) {
-            var listProps = utils.mergeProps(_objectSpread({
+            var listProps = mergeProps(_objectSpread({
               ref: options.contentRef,
               style: ptCallbacks.sx('list', {
                 options: options
@@ -785,7 +802,7 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
         }));
       } else {
         var items = createItems();
-        var listProps = utils.mergeProps(_objectSpread({
+        var listProps = mergeProps(_objectSpread({
           className: ptCallbacks.cx('list'),
           role: 'listbox',
           'aria-multiselectable': props.multiple
@@ -799,11 +816,11 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
     var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
     var list = createList();
     var header = createHeader();
-    var wrapperProps = utils.mergeProps({
+    var wrapperProps = mergeProps({
       className: ptCallbacks.cx('wrapper'),
       style: props.listStyle
     }, ptCallbacks.ptm('wrapper'));
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       ref: elementRef,
       id: props.id,
       className: ptCallbacks.cx('root'),

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 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.")}var D=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 I(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?I(Object(r),!0).forEach((function(t){y(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):I(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var N=f.memo((function(e){var t=e.ptCallbacks,r=t.ptm,n=t.cx,l=function(t,n){return r(t,C({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),C({},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)}));N.displayName="ListBoxHeader";var T=f.memo((function(e){var t=e.ptCallbacks,r=t.ptm,n=t.cx,l=function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option}),t.preventDefault()},o=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},a=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},u=e.template?i.ObjectUtils.getJSXElement(e.template,e.option):e.label,s=i.mergeProps({className:n("item",{props:e}),style:e.style,onClick:l,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=o(t);r&&r.focus(),e.preventDefault();break;case 38:var n=a(t);n&&n.focus(),e.preventDefault();break;case 13:l(e),e.preventDefault()}},tabIndex:"-1","aria-label":e.label,key:e.label,role:"option","aria-selected":e.selected,"aria-disabled":e.disabled},r("item",{hostName:e.hostName,context:{selected:e.selected,disabled:e.disabled}}));return f.createElement("li",s,u,f.createElement(c.Ripple,null))}));function F(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 L(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?F(Object(r),!0).forEach((function(t){y(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):F(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=M(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 M(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 A=f.memo(f.forwardRef((function(e,t){var u,s,c=f.useContext(r.PrimeReactContext),p=D.getProps(e,c),b=f.useState(""),d=(s=2,S(u=b)||P(u,s)||j(u,s)||w()),v=d[0],y=d[1],g=f.useRef(null),h=f.useRef(null),O=f.useRef(!1),x=(p.onFilterValueChange?p.filterValue:v)||"",I=x&&x.trim().length>0,C={props:p,state:{filterValue:x}},F=D.setMetaData(C);n.useHandleStyle(D.css.styles,F.isUnstyled,{name:"listbox"});var M=function(e){var t=e.option;p.disabled||Y(t)||(p.multiple?G(e.originalEvent,t):A(e.originalEvent,t),O.current=!1)},k=function(){p.disabled||(O.current=!0)},A=function(e,t){var r=J(t),n=!1,l=null;!O.current&&p.metaKeySelection?r?(e.metaKey||e.ctrlKey)&&(l=null,n=!0):(l=q(t),n=!0):(l=r?null:q(t),n=!0);n&&B(e,l)},G=function(e,t){var r=J(t),n=!1,l=null;if(!O&&p.metaKeySelection){var o=e.metaKey||e.ctrlKey;r?(l=o?_(t):[q(t)],n=!0):(l=[].concat(E(l=o&&p.value||[]),[q(t)]),n=!0)}else l=r?_(t):[].concat(E(p.value||[]),[q(t)]),n=!0;n&&p.onChange({originalEvent:e,value:l,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:p.name,id:p.id,value:l}})},K=function(e){h.current&&h.current.scrollToIndex(0);var t=e.value;p.onFilterValueChange?p.onFilterValueChange({originalEvent:e.originalEvent,value:t}):y(t)},V=function(){y(""),p.onFilter&&p.onFilter({filter:""})},B=function(e,t){p.onChange&&p.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:p.name,id:p.id,value:t}})},_=function(e){return p.value.filter((function(t){return!i.ObjectUtils.equals(t,q(e),p.dataKey)}))},R=function(){if(null!=p.value&&ne){if(!p.optionGroupLabel)return z(p.value,ne);for(var e=0;e<ne.length;e++){var t=z(p.value,W(ne[e]));if(-1!==t)return{group:e,option:t}}}return-1},H=function(){return p.optionValue?null:p.dataKey},z=function(e,t){var r=H();return t.findIndex((function(t){return i.ObjectUtils.equals(e,q(t),r)}))},J=function(e){var t=q(e),r=H();return p.multiple&&p.value?p.value.some((function(e){return i.ObjectUtils.equals(e,t,r)})):i.ObjectUtils.equals(p.value,t,r)},X=function(e){return p.optionLabel?i.ObjectUtils.resolveFieldData(e,p.optionLabel):e&&void 0!==e.label?e.label:e},q=function(e){return p.optionValue?i.ObjectUtils.resolveFieldData(e,p.optionValue):e&&void 0!==e.value?e.value:e},$=function(e){return p.dataKey?i.ObjectUtils.resolveFieldData(e,p.dataKey):X(e)},Y=function(e){return p.optionDisabled?i.ObjectUtils.isFunction(p.optionDisabled)?p.optionDisabled(e):i.ObjectUtils.resolveFieldData(e,p.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},Q=function(e){return i.ObjectUtils.resolveFieldData(e,p.optionGroupLabel)},W=function(e){return i.ObjectUtils.resolveFieldData(e,p.optionGroupChildren)},Z=function(){if(h.current){var e=R();-1!==e&&setTimeout((function(){return h.current.scrollToIndex(e)}),0)}};f.useImperativeHandle(t,(function(){return{props:p,focus:function(){return i.DomHandler.focusFirstElement(g.current)},getElement:function(){return g.current},getVirtualScroller:function(){return h.current}}})),l.useMountEffect((function(){Z()}));var ee=function(e,t){return W(e).map((function(e,r){var n=X(e),l=r+"_"+$(e),o=Y(e),i=o?null:p.tabIndex||0;return f.createElement(T,{hostName:"ListBox",key:l,label:n,option:e,style:t,template:p.itemTemplate,selected:J(e),onClick:M,onTouchEnd:k,tabIndex:i,disabled:o,ptCallbacks:F,metaData:C})}))},te=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n={height:r.props?r.props.itemSize:void 0};if(p.optionGroupLabel){var l=p.optionGroupTemplate?i.ObjectUtils.getJSXElement(p.optionGroupTemplate,e,t):i.ObjectUtils.resolveFieldData(e,p.optionGroupLabel),o=ee(e,n),a=t+"_"+Q(e),u=i.mergeProps({className:F.cx("itemGroup"),style:F.sx("itemGroup",{scrollerOptions:r}),role:"group"},F.ptm("itemGroup"));return f.createElement(f.Fragment,{key:a},f.createElement("li",u,l),o)}var s=X(e),c=t+"_"+$(e),m=Y(e),b=m?null:p.tabIndex||0;return f.createElement(T,{hostName:"ListBox",key:c,label:s,option:e,style:n,template:p.itemTemplate,selected:J(e),onClick:M,onTouchEnd:k,tabIndex:b,disabled:m,ptCallbacks:F,metaData:C})},re=function(e,t){var n=i.mergeProps({className:F.cx("emptyMessage")},F.ptm("emptyMessage")),l=i.ObjectUtils.getJSXElement(e,p)||r.localeOption(t?"emptyFilterMessage":"emptyMessage");return f.createElement("li",n,l)},ne=function(){if(I){var e=x.trim().toLocaleLowerCase(p.filterLocale),t=p.filterBy?p.filterBy.split(","):[p.optionLabel||"label"];if(p.optionGroupLabel){var n,l=[],o=U(p.options);try{for(o.s();!(n=o.n()).done;){var i=n.value,a=r.FilterService.filter(W(i),t,e,p.filterMatchMode,p.filterLocale);a&&a.length&&l.push(L(L({},i),{items:a}))}}catch(e){o.e(e)}finally{o.f()}return l}return r.FilterService.filter(p.options,t,e,p.filterMatchMode,p.filterLocale)}return p.options}(),le=i.ObjectUtils.isNotEmpty(p.tooltip),oe=D.getOtherProps(p),ie=i.ObjectUtils.reduceKeys(oe,i.DomHandler.ARIA_PROPS),ae=function(){if(p.virtualScrollerOptions){var e=L(L({},p.virtualScrollerOptions),{items:ne,onLazyLoad:function(e){return p.virtualScrollerOptions.onLazyLoad(L(L({},e),{filter:ne}))},itemTemplate:function(e,t){return e&&te(e,t.index,t)},contentTemplate:function(e){var t=i.mergeProps(L({ref:e.contentRef,style:F.sx("list",{options:e}),className:F.cx("list",{options:e}),role:"listbox","aria-multiselectable":p.multiple},ie),F.ptm("list"));return f.createElement("ul",t,e.children)}});return f.createElement(a.VirtualScroller,m({ref:h},e,{pt:F.ptm("virtualScroller")}))}var t=i.ObjectUtils.isNotEmpty(ne)?ne.map(te):I?re(p.emptyFilterMessage,!0):re(p.emptyMessage),r=i.mergeProps(L({className:F.cx("list"),role:"listbox","aria-multiselectable":p.multiple},ie),F.ptm("list"));return f.createElement("ul",r,t)}(),ue=p.filter?f.createElement(N,{hostName:"ListBox",filter:x,filterIcon:p.filterIcon,onFilter:K,resetFilter:V,filterTemplate:p.filterTemplate,disabled:p.disabled,filterPlaceholder:p.filterPlaceholder,filterInputProps:p.filterInputProps,ptCallbacks:F,metaData:C}):null,se=i.mergeProps({className:F.cx("wrapper"),style:p.listStyle},F.ptm("wrapper")),ce=i.mergeProps({ref:g,id:p.id,className:F.cx("root"),style:p.style},D.getOtherProps(p),F.ptm("root"));return f.createElement(f.Fragment,null,f.createElement("div",ce,ue,f.createElement("div",se,ae)),le&&f.createElement(o.Tooltip,m({target:g,content:p.tooltip},p.tooltipOptions,{pt:F.ptm("tooltip")})))})));return A.displayName="ListBox",e.ListBox=A,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),
@@ -524,13 +525,6 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       }, 1);
     }
   };
-  hooks.useUpdateEffect(function () {
-    if (mobileActiveState) {
-      bindListeners();
-    } else {
-      unbindListeners();
-    }
-  }, [mobileActiveState]);
   var isOutsideClicked = function isOutsideClicked(event) {
     return elementRef.current && !(elementRef.current.isSameNode(event.target) || elementRef.current.contains(event.target) || menuButtonRef.current && menuButtonRef.current.contains(event.target));
   };
@@ -549,6 +543,72 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       !attributeSelectorState && setAttributeSelectorState(uniqueId);
     }
   });
+  hooks.useUpdateEffect(function () {
+    if (attributeSelectorState && elementRef.current) {
+      elementRef.current.setAttribute(attributeSelectorState, '');
+      createStyle();
+    }
+    return function () {
+      destroyStyle();
+    };
+  }, [attributeSelectorState, props.breakpoint]);
+  hooks.useUpdateEffect(function () {
+    if (mobileActiveState) {
+      bindListeners();
+    } else {
+      unbindListeners();
+    }
+  }, [mobileActiveState]);
+  hooks.useUpdateEffect(function () {
+    if (focusTrigger) {
+      var itemIndex = focusedItemInfo.index !== -1 ? findNextItemIndex(focusedItemInfo.index) : findFirstFocusedItemIndex();
+      changeFocusedItemInfo(itemIndex);
+      setFocusTrigger(false);
+    }
+  }, [focusTrigger]);
+  hooks.useUpdateEffect(function () {
+    var currentPanel = utils.DomHandler.findSingle(elementRef.current, '.p-menuitem-active > .p-megamenu-panel');
+    if (activeItemState) {
+      bindListeners();
+      if (!isMobileMode) {
+        utils.ZIndexUtils.set('menu', currentPanel, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, context && context.zIndex['menu'] || PrimeReact__default["default"].zIndex['menu']);
+      }
+    } else {
+      unbindListeners();
+    }
+    if (isMobileMode) {
+      currentPanel && currentPanel.previousElementSibling.scrollIntoView({
+        block: 'nearest',
+        inline: 'nearest'
+      });
+    }
+    return function () {
+      unbindListeners();
+      utils.ZIndexUtils.clear(currentPanel);
+    };
+  }, [activeItemState, isMobileMode]);
+  hooks.useUpdateEffect(function () {
+    var _focusedItemId = utils.ObjectUtils.isNotEmpty(focusedItemInfo.key) ? "".concat(idState, "_").concat(focusedItemInfo.key) : null;
+    setFocusedItemId(_focusedItemId);
+  }, [focusedItemInfo]);
+  React__namespace.useEffect(function () {
+    var itemsToProcess = props.model || [];
+    var processed = createProcessedItems(itemsToProcess, 0, null, '');
+    setProcessedItems(processed);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [props.model]);
+  hooks.useUpdateEffect(function () {
+    var processedItem = utils.ObjectUtils.isNotEmpty(activeItemState) ? activeItemState : null;
+    var _visibleItems = processedItem && processedItem.key === focusedItemInfo.parentKey ? processedItem.items.reduce(function (items, col) {
+      col.forEach(function (submenu) {
+        submenu.items.forEach(function (a) {
+          items.push(a);
+        });
+      });
+      return items;
+    }, []) : processedItems;
+    setVisibleItems(_visibleItems);
+  }, [focusedItemInfo, activeItemState, processedItems]);
   var onFocus = function onFocus(event) {
     setFocused(true);
     if (focusedItemInfo.index === -1) {
@@ -620,13 +680,6 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         break;
     }
   };
-  hooks.useUpdateEffect(function () {
-    if (focusTrigger) {
-      var itemIndex = focusedItemInfo.index !== -1 ? findNextItemIndex(focusedItemInfo.index) : findFirstFocusedItemIndex();
-      changeFocusedItemInfo(itemIndex);
-      setFocusTrigger(false);
-    }
-  }, [focusTrigger]);
   var onArrowDownKey = function onArrowDownKey(event) {
     event.preventDefault();
     if (horizontal) {
@@ -942,48 +995,6 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       return isItemVisible(processedItem) && getItemProp(processedItem, 'separator');
     }).length + 1;
   };
-  hooks.useUpdateEffect(function () {
-    var currentPanel = utils.DomHandler.findSingle(elementRef.current, '.p-menuitem-active > .p-megamenu-panel');
-    if (activeItemState) {
-      bindListeners();
-      if (!isMobileMode) {
-        utils.ZIndexUtils.set('menu', currentPanel, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, context && context.zIndex['menu'] || PrimeReact__default["default"].zIndex['menu']);
-      }
-    } else {
-      unbindListeners();
-    }
-    if (isMobileMode) {
-      currentPanel && currentPanel.previousElementSibling.scrollIntoView({
-        block: 'nearest',
-        inline: 'nearest'
-      });
-    }
-    return function () {
-      unbindListeners();
-      utils.ZIndexUtils.clear(currentPanel);
-    };
-  }, [activeItemState]);
-  hooks.useUpdateEffect(function () {
-    var _focusedItemId = utils.ObjectUtils.isNotEmpty(focusedItemInfo.key) ? "".concat(idState, "_").concat(focusedItemInfo.key) : null;
-    setFocusedItemId(_focusedItemId);
-  }, [focusedItemInfo]);
-  hooks.useUpdateEffect(function () {
-    var itemsToProcess = props.model || [];
-    var processed = createProcessedItems(itemsToProcess, 0, null, '');
-    setProcessedItems(processed);
-  }, [props.model]);
-  hooks.useUpdateEffect(function () {
-    var processedItem = utils.ObjectUtils.isNotEmpty(activeItemState) ? activeItemState : null;
-    var _visibleItems = processedItem && processedItem.key === focusedItemInfo.parentKey ? processedItem.items.reduce(function (items, col) {
-      col.forEach(function (submenu) {
-        submenu.items.forEach(function (a) {
-          items.push(a);
-        });
-      });
-      return items;
-    }, []) : processedItems;
-    setVisibleItems(_visibleItems);
-  }, [focusedItemInfo, activeItemState, processedItems]);
   var createProcessedItems = function createProcessedItems(items) {
     var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
     var parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
@@ -1010,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'),
@@ -1020,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);
@@ -1043,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');
@@ -1054,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
@@ -1067,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),
@@ -1088,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,
@@ -1119,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', {
@@ -1140,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'),
@@ -1169,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));
@@ -1181,39 +1192,30 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   };
   var createStyle = function createStyle() {
     if (!styleElementRef.current) {
-      styleElementRef.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce);
+      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;
     }
   };
   var destroyStyle = function destroyStyle() {
     styleElementRef.current = utils.DomHandler.removeInlineStyle(styleElementRef.current);
   };
-  hooks.useUpdateEffect(function () {
-    if (attributeSelectorState && elementRef.current) {
-      elementRef.current.setAttribute(attributeSelectorState, '');
-      createStyle();
-    }
-    return function () {
-      destroyStyle();
-    };
-  }, [attributeSelectorState, props.breakpoint]);
   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
@@ -1229,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', {
@@ -1251,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,
@@ -1269,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'),
@@ -1291,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) {
@@ -1301,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) {
@@ -1311,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',
@@ -1327,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
@@ -1340,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
     })),