primereact 9.4.0 → 9.5.0

package/tabmenu/tabmenu.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.tabmenu = (function (exports, React, ripple, utils) {
+this.primereact.tabmenu = (function (exports, React, ripple, utils, componentbase) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -22,19 +22,45 @@ this.primereact.tabmenu = (function (exports, React, ripple, utils) {
 
   var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-  function _extends() {
-    _extends = Object.assign ? Object.assign.bind() : function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-      return target;
-    };
-    return _extends.apply(this, arguments);
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
+  }
+
+  function _toPrimitive(input, hint) {
+    if (_typeof(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
+
+  function _toPropertyKey(arg) {
+    var key = _toPrimitive(arg, "string");
+    return _typeof(key) === "symbol" ? key : String(key);
+  }
+
+  function _defineProperty(obj, key, value) {
+    key = _toPropertyKey(key);
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
   }
 
   function _arrayWithHoles(arr) {
@@ -92,7 +118,7 @@ this.primereact.tabmenu = (function (exports, React, ripple, utils) {
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var TabMenuBase = {
+  var TabMenuBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'TabMenu',
       id: null,
@@ -102,15 +128,11 @@ this.primereact.tabmenu = (function (exports, React, ripple, utils) {
       className: null,
       onTabChange: null,
       children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, TabMenuBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, TabMenuBase.defaultProps);
     }
-  };
+  });
 
+  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var TabMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var props = TabMenuBase.getProps(inProps);
     var _React$useState = React__namespace.useState(props.activeIndex),
@@ -122,6 +144,13 @@ this.primereact.tabmenu = (function (exports, React, ripple, utils) {
     var navRef = React__namespace.useRef(null);
     var tabsRef = React__namespace.useRef({});
     var activeIndex = props.onTabChange ? props.activeIndex : activeIndexState;
+    var _TabMenuBase$setMetaD = TabMenuBase.setMetaData({
+        props: props,
+        state: {
+          activeIndex: activeIndexState
+        }
+      }),
+      ptm = _TabMenuBase$setMetaD.ptm;
     var itemClick = function itemClick(event, item, index) {
       if (item.disabled) {
         event.preventDefault();
@@ -186,23 +215,26 @@ this.primereact.tabmenu = (function (exports, React, ripple, utils) {
         'p-disabled': disabled
       }, _className);
       var iconClassName = utils.classNames('p-menuitem-icon', _icon);
-      var icon = utils.IconUtils.getJSXIcon(_icon, {
-        className: 'p-menuitem-icon'
-      }, {
+      var iconProps = utils.mergeProps({
+        className: iconClassName
+      }, ptm('icon'));
+      var icon = utils.IconUtils.getJSXIcon(_icon, _objectSpread({}, iconProps), {
         props: props
       });
-      var label = _label && /*#__PURE__*/React__namespace.createElement("span", {
-        className: "p-menuitem-text"
-      }, _label);
-      var content = /*#__PURE__*/React__namespace.createElement("a", {
+      var labelProps = utils.mergeProps({
+        className: 'p-menuitem-text'
+      }, ptm('label'));
+      var label = _label && /*#__PURE__*/React__namespace.createElement("span", labelProps, _label);
+      var actionProps = utils.mergeProps({
         href: url || '#',
-        className: "p-menuitem-link",
+        className: 'p-menuitem-link',
         target: target,
         onClick: function onClick(event) {
           return itemClick(event, item, index);
         },
-        role: "presentation"
-      }, icon, label, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+        role: 'presentation'
+      }, ptm('action'));
+      var content = /*#__PURE__*/React__namespace.createElement("a", actionProps, icon, label, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
       if (template) {
         var defaultContentOptions = {
           onClick: function onClick(event) {
@@ -219,37 +251,40 @@ this.primereact.tabmenu = (function (exports, React, ripple, utils) {
         };
         content = utils.ObjectUtils.getJSXElement(template, item, defaultContentOptions);
       }
-      return /*#__PURE__*/React__namespace.createElement("li", {
+      var menuItemProps = utils.mergeProps({
         ref: tabsRef.current["tab_".concat(index)],
         key: key,
         className: className,
         style: style,
-        role: "tab",
-        "aria-selected": active,
-        "aria-expanded": active,
-        "aria-disabled": disabled
-      }, content);
+        role: 'tab',
+        'aria-selected': active,
+        'aria-expanded': active,
+        'aria-disabled': disabled
+      }, ptm('menuitem'));
+      return /*#__PURE__*/React__namespace.createElement("li", menuItemProps, content);
     };
     var createItems = function createItems() {
       return props.model.map(createMenuItem);
     };
     if (props.model) {
-      var otherProps = TabMenuBase.getOtherProps(props);
       var className = utils.classNames('p-tabmenu p-component', props.className);
       var items = createItems();
-      return /*#__PURE__*/React__namespace.createElement("div", _extends({
+      var inkbarProps = utils.mergeProps({
+        ref: inkbarRef,
+        className: 'p-tabmenu-ink-bar'
+      }, ptm('inkbar'));
+      var menuProps = utils.mergeProps({
+        ref: navRef,
+        className: 'p-tabmenu-nav p-reset',
+        role: 'tablist'
+      }, ptm('menu'));
+      var rootProps = utils.mergeProps({
         id: props.id,
         ref: elementRef,
         className: className,
         style: props.style
-      }, otherProps), /*#__PURE__*/React__namespace.createElement("ul", {
-        ref: navRef,
-        className: "p-tabmenu-nav p-reset",
-        role: "tablist"
-      }, items, /*#__PURE__*/React__namespace.createElement("li", {
-        ref: inkbarRef,
-        className: "p-tabmenu-ink-bar"
-      })));
+      }, TabMenuBase.getOtherProps(props), ptm('root'));
+      return /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement("ul", menuProps, items, /*#__PURE__*/React__namespace.createElement("li", inkbarProps)));
     }
     return null;
   }));
@@ -261,4 +296,4 @@ this.primereact.tabmenu = (function (exports, React, ripple, utils) {
 
   return exports;
 
-})({}, React, primereact.ripple, primereact.utils);
+})({}, React, primereact.ripple, primereact.utils, primereact.componentbase);

package/tabmenu/tabmenu.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.tabmenu=function(e,t,n,r){"use strict";function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var l=a(t);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}function u(e){if(Array.isArray(e))return e}function c(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,i,u=[],c=!0,o=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(u.push(r.value),u.length!==t);c=!0);}catch(e){o=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(o)throw a}}return u}}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function s(e,t){if(e){if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0}}function f(){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 m={defaultProps:{__TYPE:"TabMenu",id:null,model:null,activeIndex:0,style:null,className:null,onTabChange:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,m.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,m.defaultProps)}},p=l.memo(l.forwardRef((function(e,t){var a,o,p=m.getProps(e),d=l.useState(p.activeIndex),b=(o=2,u(a=d)||c(a,o)||s(a,o)||f()),g=b[0],v=b[1],y=l.useRef(null),h=l.useRef(null),O=l.useRef(null),j=l.useRef({}),N=p.onTabChange?p.activeIndex:g,E=function(e,t,n){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),p.onTabChange?p.onTabChange({originalEvent:e,value:t,index:n}):v(n))},P=function(e){return e===(N||0)},x=function(){if(p.model){var e=j.current["tab_".concat(N)];h.current.style.width=r.DomHandler.getWidth(e)+"px",h.current.style.left=r.DomHandler.getOffset(e).left-r.DomHandler.getOffset(O.current).left+"px"}};l.useImperativeHandle(t,(function(){return{props:p,getElement:function(){return y.current}}})),l.useEffect((function(){x()}));var C=function(e,t){if(!1===e.visible)return null;var a=e.className,i=e.style,u=e.disabled,c=e.icon,o=e.label,s=e.template,f=e.url,m=e.target,d=o+"_"+t,b=P(t),g=r.classNames("p-tabmenuitem",{"p-highlight":b,"p-disabled":u},a),v=r.classNames("p-menuitem-icon",c),y=r.IconUtils.getJSXIcon(c,{className:"p-menuitem-icon"},{props:p}),h=l.createElement("a",{href:f||"#",className:"p-menuitem-link",target:m,onClick:function(n){return E(n,e,t)},role:"presentation"},y,o&&l.createElement("span",{className:"p-menuitem-text"},o),l.createElement(n.Ripple,null));s&&(h=r.ObjectUtils.getJSXElement(s,e,{onClick:function(n){return E(n,e,t)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:v,element:h,props:p,active:b,index:t,disabled:u}));return l.createElement("li",{ref:j.current["tab_".concat(t)],key:d,className:g,style:i,role:"tab","aria-selected":b,"aria-expanded":b,"aria-disabled":u},h)};if(p.model){var I=m.getOtherProps(p),T=r.classNames("p-tabmenu p-component",p.className),_=p.model.map(C);return l.createElement("div",i({id:p.id,ref:y,className:T,style:p.style},I),l.createElement("ul",{ref:O,className:"p-tabmenu-nav p-reset",role:"tablist"},_,l.createElement("li",{ref:h,className:"p-tabmenu-ink-bar"})))}return null})));return p.displayName="TabMenu",e.TabMenu=p,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.ripple,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.tabmenu=function(e,t,r,n,a){"use strict";function l(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 o=l(t);function i(e){return i="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},i(e)}function u(e,t){if("object"!==i(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==i(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function c(e){var t=u(e,"string");return"symbol"===i(t)?t:String(t)}function s(e,t,r){return(t=c(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function m(e){if(Array.isArray(e))return e}function f(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,l,o,i=[],u=!0,c=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=l.call(r)).done)&&(i.push(n.value),i.length!==t);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(c)throw a}}return i}}function p(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 b(e,t){if(e){if("string"==typeof e)return p(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)?p(e,t):void 0}}function d(){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 y=a.ComponentBase.extend({defaultProps:{__TYPE:"TabMenu",id:null,model:null,activeIndex:0,style:null,className:null,onTabChange:null,children:void 0}});function v(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 g(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?v(Object(r),!0).forEach((function(t){s(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):v(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var O=o.memo(o.forwardRef((function(e,t){var a,l,i=y.getProps(e),u=o.useState(i.activeIndex),c=(l=2,m(a=u)||f(a,l)||b(a,l)||d()),s=c[0],p=c[1],v=o.useRef(null),O=o.useRef(null),h=o.useRef(null),j=o.useRef({}),P=i.onTabChange?i.activeIndex:s,E=y.setMetaData({props:i,state:{activeIndex:s}}).ptm,N=function(e,t,r){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),i.onTabChange?i.onTabChange({originalEvent:e,value:t,index:r}):p(r))},S=function(e){return e===(P||0)},w=function(){if(i.model){var e=j.current["tab_".concat(P)];O.current.style.width=n.DomHandler.getWidth(e)+"px",O.current.style.left=n.DomHandler.getOffset(e).left-n.DomHandler.getOffset(h.current).left+"px"}};o.useImperativeHandle(t,(function(){return{props:i,getElement:function(){return v.current}}})),o.useEffect((function(){w()}));var x=function(e,t){if(!1===e.visible)return null;var a=e.className,l=e.style,u=e.disabled,c=e.icon,s=e.label,m=e.template,f=e.url,p=e.target,b=s+"_"+t,d=S(t),y=n.classNames("p-tabmenuitem",{"p-highlight":d,"p-disabled":u},a),v=n.classNames("p-menuitem-icon",c),O=n.mergeProps({className:v},E("icon")),h=n.IconUtils.getJSXIcon(c,g({},O),{props:i}),P=n.mergeProps({className:"p-menuitem-text"},E("label")),w=s&&o.createElement("span",P,s),x=n.mergeProps({href:f||"#",className:"p-menuitem-link",target:p,onClick:function(r){return N(r,e,t)},role:"presentation"},E("action")),D=o.createElement("a",x,h,w,o.createElement(r.Ripple,null));m&&(D=n.ObjectUtils.getJSXElement(m,e,{onClick:function(r){return N(r,e,t)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:v,element:D,props:i,active:d,index:t,disabled:u}));var C=n.mergeProps({ref:j.current["tab_".concat(t)],key:b,className:y,style:l,role:"tab","aria-selected":d,"aria-expanded":d,"aria-disabled":u},E("menuitem"));return o.createElement("li",C,D)};if(i.model){var D=n.classNames("p-tabmenu p-component",i.className),C=i.model.map(x),I=n.mergeProps({ref:O,className:"p-tabmenu-ink-bar"},E("inkbar")),T=n.mergeProps({ref:h,className:"p-tabmenu-nav p-reset",role:"tablist"},E("menu")),k=n.mergeProps({id:i.id,ref:v,className:D,style:i.style},y.getOtherProps(i),E("root"));return o.createElement("div",k,o.createElement("ul",T,C,o.createElement("li",I)))}return null})));return O.displayName="TabMenu",e.TabMenu=O,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.ripple,primereact.utils,primereact.componentbase);

package/tieredmenu/tieredmenu.cjs.js

@@ -9,6 +9,7 @@ var hooks = require('primereact/hooks');
 var overlayservice = require('primereact/overlayservice');
 var portal = require('primereact/portal');
 var utils = require('primereact/utils');
+var componentbase = require('primereact/componentbase');
 var ripple = require('primereact/ripple');
 var angleright = require('primereact/icons/angleright');
 
@@ -35,21 +36,6 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -105,7 +91,7 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var TieredMenuBase = {
+var TieredMenuBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'TieredMenu',
     id: null,
@@ -123,21 +109,65 @@ var TieredMenuBase = {
     onHide: null,
     submenuIcon: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return utils.ObjectUtils.getMergedProps(props, TieredMenuBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return utils.ObjectUtils.getDiffProps(props, TieredMenuBase.defaultProps);
   }
-};
+});
+
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
 
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var TieredMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
   var _React$useState = React__namespace.useState(null),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     activeItemState = _React$useState2[0],
     setActiveItemState = _React$useState2[1];
   var elementRef = React__namespace.useRef(null);
+  var getPTOptions = function getPTOptions(item, key) {
+    return props.ptm(key, {
+      context: {
+        active: activeItemState === item
+      }
+    });
+  };
   var _useEventListener = hooks.useEventListener({
       type: 'click',
       listener: function listener(event) {
@@ -278,11 +308,12 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
   }, [activeItemState]);
   var createSeparator = function createSeparator(index) {
     var key = 'separator_' + index;
-    return /*#__PURE__*/React__namespace.createElement("li", {
+    var separatorProps = utils.mergeProps({
       key: key,
-      className: "p-menu-separator",
-      role: "separator"
-    });
+      className: 'p-menu-separator',
+      role: 'separator'
+    }, props.ptm('separator'));
+    return /*#__PURE__*/React__namespace.createElement("li", separatorProps);
   };
   var createSubmenu = function createSubmenu(item) {
     if (item.items) {
@@ -295,7 +326,8 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
         parentActive: item === activeItemState,
         isMobileMode: props.isMobileMode,
         onItemToggle: props.onItemToggle,
-        submenuIcon: props.submenuIcon
+        submenuIcon: props.submenuIcon,
+        ptm: props.ptm
       });
     }
     return null;
@@ -323,37 +355,39 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
       'p-disabled': disabled
     });
     var iconClassName = utils.classNames('p-menuitem-icon', _icon);
-    var icon = utils.IconUtils.getJSXIcon(_icon, {
-      className: 'p-menuitem-icon'
-    }, {
+    var iconProps = utils.mergeProps({
+      className: iconClassName
+    }, getPTOptions(item, 'icon'));
+    var icon = utils.IconUtils.getJSXIcon(_icon, _objectSpread({}, iconProps), {
       props: props.menuProps
     });
-    var label = _label && /*#__PURE__*/React__namespace.createElement("span", {
-      className: "p-menuitem-text"
-    }, _label);
+    var labelProps = utils.mergeProps({
+      className: 'p-menuitem-text'
+    }, getPTOptions(item, 'label'));
+    var label = _label && /*#__PURE__*/React__namespace.createElement("span", labelProps, _label);
     var submenuIconClassName = 'p-submenu-icon';
-    var submenuIcon = item.items && utils.IconUtils.getJSXIcon(props.submenuIcon || /*#__PURE__*/React__namespace.createElement(angleright.AngleRightIcon, {
+    var submenuIconProps = utils.mergeProps({
       className: submenuIconClassName
-    }), {
-      className: submenuIconClassName
-    }, {
+    }, getPTOptions(item, 'submenuIcon'));
+    var submenuIcon = item.items && utils.IconUtils.getJSXIcon(props.submenuIcon || /*#__PURE__*/React__namespace.createElement(angleright.AngleRightIcon, submenuIconProps), _objectSpread({}, submenuIconProps), {
       props: props.menuProps
     });
     var submenu = createSubmenu(item);
-    var content = /*#__PURE__*/React__namespace.createElement("a", {
+    var actionProps = utils.mergeProps({
       href: url || '#',
       className: linkClassName,
       target: target,
-      role: "menuitem",
-      "aria-haspopup": items != null,
+      role: 'menuitem',
+      'aria-haspopup': items != null,
       onClick: function onClick(event) {
         return onItemClick(event, item);
       },
       onKeyDown: function onKeyDown(event) {
         return onItemKeyDown(event, item);
       },
-      "aria-disabled": disabled
-    }, icon, label, submenuIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+      'aria-disabled': disabled
+    }, getPTOptions(item, 'action'));
+    var content = /*#__PURE__*/React__namespace.createElement("a", actionProps, icon, label, submenuIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     if (template) {
       var defaultContentOptions = {
         onClick: function onClick(event) {
@@ -373,7 +407,7 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
       };
       content = utils.ObjectUtils.getJSXElement(template, item, defaultContentOptions);
     }
-    return /*#__PURE__*/React__namespace.createElement("li", {
+    var menuitemProps = utils.mergeProps({
       key: key,
       id: item.id,
       className: className,
@@ -381,8 +415,9 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
       onMouseEnter: function onMouseEnter(event) {
         return onItemMouseEnter(event, item);
       },
-      role: "none"
-    }, content, submenu);
+      role: 'none'
+    }, getPTOptions(item, 'menuitem'));
+    return /*#__PURE__*/React__namespace.createElement("li", menuitemProps, content, submenu);
   };
   var createItem = function createItem(item, index) {
     return item.separator ? createSeparator(index) : createMenuItem(item, index);
@@ -394,12 +429,13 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
     'p-submenu-list': !props.root
   });
   var submenu = createMenu();
-  return /*#__PURE__*/React__namespace.createElement("ul", {
+  var menuProps = utils.mergeProps({
     ref: elementRef,
     className: className,
     role: props.root ? 'menubar' : 'menu',
-    "aria-orientation": "horizontal"
-  }, submenu);
+    'aria-orientation': 'horizontal'
+  }, props.ptm('menu'));
+  return /*#__PURE__*/React__namespace.createElement("ul", menuProps, submenu);
 });
 TieredMenuSub.displayName = 'TieredMenuSub';
 
@@ -413,6 +449,14 @@ var TieredMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     attributeSelectorState = _React$useState4[0],
     setAttributeSelectorState = _React$useState4[1];
+  var _TieredMenuBase$setMe = TieredMenuBase.setMetaData({
+      props: props,
+      state: {
+        visible: visibleState,
+        attributeSelector: attributeSelectorState
+      }
+    }),
+    ptm = _TieredMenuBase$setMe.ptm;
   var menuRef = React__namespace.useRef(null);
   var targetRef = React__namespace.useRef(null);
   var styleElementRef = React__namespace.useRef(null);
@@ -520,12 +564,19 @@ var TieredMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
     };
   });
   var createElement = function createElement() {
-    var otherProps = TieredMenuBase.getOtherProps(props);
+    TieredMenuBase.getOtherProps(props);
     var className = utils.classNames('p-tieredmenu p-component', {
       'p-tieredmenu-overlay': props.popup,
       'p-input-filled': PrimeReact__default["default"].inputStyle === 'filled',
       'p-ripple-disabled': PrimeReact__default["default"].ripple === false
     }, props.className);
+    var rootProps = utils.mergeProps({
+      ref: menuRef,
+      id: props.id,
+      className: className,
+      style: props.style,
+      onClick: onPanelClick
+    }, TieredMenuBase.getOtherProps(props), ptm('root'));
     return /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
       nodeRef: menuRef,
       classNames: "p-connected-overlay",
@@ -540,14 +591,7 @@ var TieredMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       onEntered: onEntered,
       onExit: onExit,
       onExited: onExited
-    }, /*#__PURE__*/React__namespace.createElement("div", _extends({
-      ref: menuRef,
-      id: props.id,
-      className: className,
-      style: props.style
-    }, otherProps, {
-      onClick: onPanelClick
-    }), /*#__PURE__*/React__namespace.createElement(TieredMenuSub, {
+    }, /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement(TieredMenuSub, {
       menuProps: props,
       model: props.model,
       root: true,
@@ -555,7 +599,8 @@ var TieredMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       onHide: hide,
       isMobileMode: isMobileMode,
       onItemToggle: onItemToggle,
-      submenuIcon: props.submenuIcon
+      submenuIcon: props.submenuIcon,
+      ptm: ptm
     })));
   };
   var element = createElement();

package/tieredmenu/tieredmenu.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/csstransition"),r=require("primereact/hooks"),o=require("primereact/overlayservice"),i=require("primereact/portal"),u=require("primereact/utils"),l=require("primereact/ripple"),a=require("primereact/icons/angleright");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 p=s(e),m=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){if(Array.isArray(e))return e}function b(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,u,l=[],a=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;a=!1}else for(;!(a=(r=i.call(t)).done)&&(l.push(r.value),l.length!==n);a=!0);}catch(e){c=!0,o=e}finally{try{if(!a&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(c)throw o}}return l}}function v(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 g(e,n){if(e){if("string"==typeof e)return v(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)?v(e,n):void 0}}function h(){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 y(e,n){return f(e)||b(e,n)||g(e,n)||h()}var E={defaultProps:{__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onHide:null,submenuIcon:null,children:void 0},getProps:function(e){return u.ObjectUtils.getMergedProps(e,E.defaultProps)},getOtherProps:function(e){return u.ObjectUtils.getDiffProps(e,E.defaultProps)}},I=p.memo((function(e){var n=y(p.useState(null),2),t=n[0],o=n[1],i=p.useRef(null),c=y(r.useEventListener({type:"click",listener:function(n){e.isMobileMode||!i.current||i.current.contains(n.target)||o(null)}}),1)[0],s=y(r.useResizeListener({listener:function(){!e.isMobileMode&&o(null)}}),1)[0],m=function(){if(i.current){var e=i.current.parentElement,n=u.DomHandler.getOffset(e),t=u.DomHandler.getViewport(),r=i.current.offsetParent?i.current.offsetWidth:u.DomHandler.getHiddenElementOuterWidth(i.current),o=u.DomHandler.getOuterWidth(e.children[0]),l=parseInt(n.top,10)+i.current.offsetHeight-u.DomHandler.getWindowScrollTop();i.current.style.top=l>t.height?t.height-l+"px":"0px",parseInt(n.left,10)+o+r>t.width-u.DomHandler.calculateScrollbarWidth()&&u.DomHandler.addClass(i.current,"p-submenu-list-flipped")}},d=function(n,r){r.disabled||e.isMobileMode?n.preventDefault():e.root?(t||e.popup)&&o(r):o(r)},f=function(n,r){r.disabled?n.preventDefault():(r.url||n.preventDefault(),r.command&&r.command({originalEvent:n,item:r}),(e.root||e.isMobileMode)&&r.items&&o(t&&r===t?null:r),r.items||E(n))},b=function(n,t){var r=n.currentTarget.parentElement;switch(n.which){case 40:var i=g(r);i&&i.children[0].focus(),n.preventDefault();break;case 38:var u=h(r);u&&u.children[0].focus(),n.preventDefault();break;case 39:t.items&&(o(t),setTimeout((function(){r.children[1].children[0].children[0].focus()}),50)),n.preventDefault()}e.onKeyDown&&e.onKeyDown(n,r)},v=function(e,n){37===e.which&&(o(null),n.parentElement.previousElementSibling.focus())},g=function e(n){var t=n.nextElementSibling;return t?u.DomHandler.hasClass(t,"p-disabled")||!u.DomHandler.hasClass(t,"p-menuitem")?e(t):t:null},h=function e(n){var t=n.previousElementSibling;return t?u.DomHandler.hasClass(t,"p-disabled")||!u.DomHandler.hasClass(t,"p-menuitem")?e(t):t:null},E=function(n){e.isMobileMode&&!e.popup||(o(null),e.onLeafClick&&e.onLeafClick(n),e.onHide&&e.onHide(n))};r.useMountEffect((function(){c(),s()})),r.useUpdateEffect((function(){e.parentActive||o(null),e.root||!e.parentActive||e.isMobileMode||m()}),[e.parentActive]),r.useUpdateEffect((function(){e.onItemToggle&&e.onItemToggle()}),[t]);var M=function(e){return p.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})},w=function(n){return n.items?p.createElement(I,{menuProps:e.menuProps,model:n.items,onLeafClick:E,popup:e.popup,onKeyDown:v,parentActive:n===t,isMobileMode:e.isMobileMode,onItemToggle:e.onItemToggle,submenuIcon:e.submenuIcon}):null},D=function(n,r){if(!1===n.visible)return null;var o=n.style,i=n.disabled,c=n.icon,s=n.label,m=n.items,v=n.target,g=n.url,h=n.template,y=s+"_"+r,E=t===n,I=u.classNames("p-menuitem",{"p-menuitem-active":E},n.className),M=u.classNames("p-menuitem-link",{"p-disabled":i}),D=u.classNames("p-menuitem-icon",c),H=u.IconUtils.getJSXIcon(c,{className:"p-menuitem-icon"},{props:e.menuProps}),O=s&&p.createElement("span",{className:"p-menuitem-text"},s),x="p-submenu-icon",S=n.items&&u.IconUtils.getJSXIcon(e.submenuIcon||p.createElement(a.AngleRightIcon,{className:x}),{className:x},{props:e.menuProps}),N=w(n),k=p.createElement("a",{href:g||"#",className:M,target:v,role:"menuitem","aria-haspopup":null!=m,onClick:function(e){return f(e,n)},onKeyDown:function(e){return b(e,n)},"aria-disabled":i},H,O,S,p.createElement(l.Ripple,null));h&&(k=u.ObjectUtils.getJSXElement(h,n,{onClick:function(e){return f(e,n)},onKeyDown:function(e){return b(e,n)},className:M,labelClassName:"p-menuitem-text",iconClassName:D,submenuIconClassName:x,element:k,props:e,active:E,disabled:i}));return p.createElement("li",{key:y,id:n.id,className:I,style:o,onMouseEnter:function(e){return d(e,n)},role:"none"},k,N)},H=function(e,n){return e.separator?M(n):D(e,n)},O=u.classNames({"p-submenu-list":!e.root}),x=e.model?e.model.map(H):null;return p.createElement("ul",{ref:i,className:O,role:e.root?"menubar":"menu","aria-orientation":"horizontal"},x)}));I.displayName="TieredMenuSub";var M=p.memo(p.forwardRef((function(e,n){var l=E.getProps(e),a=y(p.useState(!l.popup),2),c=a[0],s=a[1],f=y(p.useState(null),2),b=f[0],v=f[1],g=p.useRef(null),h=p.useRef(null),M=p.useRef(null),w=r.useMatchMedia("screen and (max-width: ".concat(l.breakpoint,")"),!!l.breakpoint),D=y(r.useOverlayListener({target:h,overlay:g,listener:function(e,n){n.valid&&k(e)},when:c}),2),H=D[0],O=D[1],x=function(e){l.popup&&o.OverlayService.emit("overlay-click",{originalEvent:e,target:h.current})},S=function(e){l.popup&&(c?k(e):N(e))},N=function(e){h.current=e.currentTarget,s(!0),l.onShow&&l.onShow(e)},k=function(e){l.popup&&(h.current=e.currentTarget,s(!1),l.onHide&&l.onHide(e))},P=function(){l.popup&&w&&u.DomHandler.absolutePosition(g.current,h.current)},T=function(){if(!M.current){M.current=u.DomHandler.createInlineStyle(m.default.nonce);var e="".concat(b),n="\n@media screen and (max-width: ".concat(l.breakpoint,") {\n    .p-tieredmenu[").concat(e,"] > ul {\n        max-height: ").concat(l.scrollHeight,";\n        overflow: ").concat(l.scrollHeight?"auto":"",";\n    }\n\n    .p-tieredmenu[").concat(e,"] .p-submenu-list {\n        position: relative;\n    }\n\n    .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n        left: 0 !important;\n        box-shadow: none;\n        border-radius: 0;\n        padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n    }\n\n    .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n        transform: rotate(-180deg);\n    }\n\n    .p-tieredmenu[").concat(e,'] .p-submenu-icon:before {\n        content: "\\e930";\n    }\n\n    ').concat(l.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");M.current.innerHTML=n}},j=function(){M.current=u.DomHandler.removeInlineStyle(M.current)},C=function(){l.autoZIndex&&u.ZIndexUtils.set("menu",g.current,m.default.autoZIndex,l.baseZIndex||m.default.zIndex.menu),u.DomHandler.absolutePosition(g.current,h.current),b&&l.breakpoint&&(g.current.setAttribute(b,""),T())},U=function(){H()},A=function(){h.current=null,O()},q=function(){u.ZIndexUtils.clear(g.current),j()};r.useMountEffect((function(){l.breakpoint&&!b&&v(u.UniqueComponentId())})),r.useUpdateEffect((function(){return b&&g.current&&(g.current.setAttribute(b,""),T()),function(){j()}}),[b,l.breakpoint]),r.useUnmountEffect((function(){u.ZIndexUtils.clear(g.current)})),p.useImperativeHandle(n,(function(){return{props:l,toggle:S,show:N,hide:k,getElement:function(){return g.current}}}));var R,Z,_=(R=E.getOtherProps(l),Z=u.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":l.popup,"p-input-filled":"filled"===m.default.inputStyle,"p-ripple-disabled":!1===m.default.ripple},l.className),p.createElement(t.CSSTransition,{nodeRef:g,classNames:"p-connected-overlay",in:c,timeout:{enter:120,exit:100},options:l.transitionOptions,unmountOnExit:!0,onEnter:C,onEntered:U,onExit:A,onExited:q},p.createElement("div",d({ref:g,id:l.id,className:Z,style:l.style},R,{onClick:x}),p.createElement(I,{menuProps:l,model:l.model,root:!0,popup:l.popup,onHide:k,isMobileMode:w,onItemToggle:P,submenuIcon:l.submenuIcon}))));return l.popup?p.createElement(i.Portal,{element:_,appendTo:l.appendTo}):_})));M.displayName="TieredMenu",exports.TieredMenu=M;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/csstransition"),r=require("primereact/hooks"),o=require("primereact/overlayservice"),i=require("primereact/portal"),u=require("primereact/utils"),l=require("primereact/componentbase"),a=require("primereact/ripple"),c=require("primereact/icons/angleright");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var m=p(e),f=s(n);function d(e){if(Array.isArray(e))return e}function b(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,u,l=[],a=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;a=!1}else for(;!(a=(r=i.call(t)).done)&&(l.push(r.value),l.length!==n);a=!0);}catch(e){c=!0,o=e}finally{try{if(!a&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(c)throw o}}return l}}function v(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 g(e,n){if(e){if("string"==typeof e)return v(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)?v(e,n):void 0}}function y(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e,n){return d(e)||b(e,n)||g(e,n)||y()}var E=l.ComponentBase.extend({defaultProps:{__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onHide:null,submenuIcon:null,children:void 0}});function O(e){return O="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},O(e)}function S(e,n){if("object"!==O(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==O(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function w(e){var n=S(e,"string");return"symbol"===O(n)?n:String(n)}function I(e,n,t){return(n=w(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function P(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function D(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?P(Object(t),!0).forEach((function(n){I(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var M=m.memo((function(e){var n=h(m.useState(null),2),t=n[0],o=n[1],i=m.useRef(null),l=function(n,r){return e.ptm(r,{context:{active:t===n}})},s=h(r.useEventListener({type:"click",listener:function(n){e.isMobileMode||!i.current||i.current.contains(n.target)||o(null)}}),1)[0],p=h(r.useResizeListener({listener:function(){!e.isMobileMode&&o(null)}}),1)[0],f=function(){if(i.current){var e=i.current.parentElement,n=u.DomHandler.getOffset(e),t=u.DomHandler.getViewport(),r=i.current.offsetParent?i.current.offsetWidth:u.DomHandler.getHiddenElementOuterWidth(i.current),o=u.DomHandler.getOuterWidth(e.children[0]),l=parseInt(n.top,10)+i.current.offsetHeight-u.DomHandler.getWindowScrollTop();i.current.style.top=l>t.height?t.height-l+"px":"0px",parseInt(n.left,10)+o+r>t.width-u.DomHandler.calculateScrollbarWidth()&&u.DomHandler.addClass(i.current,"p-submenu-list-flipped")}},d=function(n,r){r.disabled||e.isMobileMode?n.preventDefault():e.root?(t||e.popup)&&o(r):o(r)},b=function(n,r){r.disabled?n.preventDefault():(r.url||n.preventDefault(),r.command&&r.command({originalEvent:n,item:r}),(e.root||e.isMobileMode)&&r.items&&o(t&&r===t?null:r),r.items||O(n))},v=function(n,t){var r=n.currentTarget.parentElement;switch(n.which){case 40:var i=y(r);i&&i.children[0].focus(),n.preventDefault();break;case 38:var u=E(r);u&&u.children[0].focus(),n.preventDefault();break;case 39:t.items&&(o(t),setTimeout((function(){r.children[1].children[0].children[0].focus()}),50)),n.preventDefault()}e.onKeyDown&&e.onKeyDown(n,r)},g=function(e,n){37===e.which&&(o(null),n.parentElement.previousElementSibling.focus())},y=function e(n){var t=n.nextElementSibling;return t?u.DomHandler.hasClass(t,"p-disabled")||!u.DomHandler.hasClass(t,"p-menuitem")?e(t):t:null},E=function e(n){var t=n.previousElementSibling;return t?u.DomHandler.hasClass(t,"p-disabled")||!u.DomHandler.hasClass(t,"p-menuitem")?e(t):t:null},O=function(n){e.isMobileMode&&!e.popup||(o(null),e.onLeafClick&&e.onLeafClick(n),e.onHide&&e.onHide(n))};r.useMountEffect((function(){s(),p()})),r.useUpdateEffect((function(){e.parentActive||o(null),e.root||!e.parentActive||e.isMobileMode||f()}),[e.parentActive]),r.useUpdateEffect((function(){e.onItemToggle&&e.onItemToggle()}),[t]);var S=function(n){var t=u.mergeProps({key:"separator_"+n,className:"p-menu-separator",role:"separator"},e.ptm("separator"));return m.createElement("li",t)},w=function(n){return n.items?m.createElement(M,{menuProps:e.menuProps,model:n.items,onLeafClick:O,popup:e.popup,onKeyDown:g,parentActive:n===t,isMobileMode:e.isMobileMode,onItemToggle:e.onItemToggle,submenuIcon:e.submenuIcon,ptm:e.ptm}):null},I=function(n,r){if(!1===n.visible)return null;var o=n.style,i=n.disabled,s=n.icon,p=n.label,f=n.items,g=n.target,y=n.url,h=n.template,E=p+"_"+r,O=t===n,S=u.classNames("p-menuitem",{"p-menuitem-active":O},n.className),I=u.classNames("p-menuitem-link",{"p-disabled":i}),P=u.classNames("p-menuitem-icon",s),M=u.mergeProps({className:P},l(n,"icon")),x=u.IconUtils.getJSXIcon(s,D({},M),{props:e.menuProps}),H=u.mergeProps({className:"p-menuitem-text"},l(n,"label")),j=p&&m.createElement("span",H,p),k="p-submenu-icon",N=u.mergeProps({className:k},l(n,"submenuIcon")),T=n.items&&u.IconUtils.getJSXIcon(e.submenuIcon||m.createElement(c.AngleRightIcon,N),D({},N),{props:e.menuProps}),C=w(n),A=u.mergeProps({href:y||"#",className:I,target:g,role:"menuitem","aria-haspopup":null!=f,onClick:function(e){return b(e,n)},onKeyDown:function(e){return v(e,n)},"aria-disabled":i},l(n,"action")),U=m.createElement("a",A,x,j,T,m.createElement(a.Ripple,null));h&&(U=u.ObjectUtils.getJSXElement(h,n,{onClick:function(e){return b(e,n)},onKeyDown:function(e){return v(e,n)},className:I,labelClassName:"p-menuitem-text",iconClassName:P,submenuIconClassName:k,element:U,props:e,active:O,disabled:i}));var q=u.mergeProps({key:E,id:n.id,className:S,style:o,onMouseEnter:function(e){return d(e,n)},role:"none"},l(n,"menuitem"));return m.createElement("li",q,U,C)},P=function(e,n){return e.separator?S(n):I(e,n)},x=u.classNames({"p-submenu-list":!e.root}),H=e.model?e.model.map(P):null,j=u.mergeProps({ref:i,className:x,role:e.root?"menubar":"menu","aria-orientation":"horizontal"},e.ptm("menu"));return m.createElement("ul",j,H)}));M.displayName="TieredMenuSub";var x=m.memo(m.forwardRef((function(e,n){var l=E.getProps(e),a=h(m.useState(!l.popup),2),c=a[0],s=a[1],p=h(m.useState(null),2),d=p[0],b=p[1],v=E.setMetaData({props:l,state:{visible:c,attributeSelector:d}}).ptm,g=m.useRef(null),y=m.useRef(null),O=m.useRef(null),S=r.useMatchMedia("screen and (max-width: ".concat(l.breakpoint,")"),!!l.breakpoint),w=h(r.useOverlayListener({target:y,overlay:g,listener:function(e,n){n.valid&&j(e)},when:c}),2),I=w[0],P=w[1],D=function(e){l.popup&&o.OverlayService.emit("overlay-click",{originalEvent:e,target:y.current})},x=function(e){l.popup&&(c?j(e):H(e))},H=function(e){y.current=e.currentTarget,s(!0),l.onShow&&l.onShow(e)},j=function(e){l.popup&&(y.current=e.currentTarget,s(!1),l.onHide&&l.onHide(e))},k=function(){l.popup&&S&&u.DomHandler.absolutePosition(g.current,y.current)},N=function(){if(!O.current){O.current=u.DomHandler.createInlineStyle(f.default.nonce);var e="".concat(d),n="\n@media screen and (max-width: ".concat(l.breakpoint,") {\n    .p-tieredmenu[").concat(e,"] > ul {\n        max-height: ").concat(l.scrollHeight,";\n        overflow: ").concat(l.scrollHeight?"auto":"",";\n    }\n\n    .p-tieredmenu[").concat(e,"] .p-submenu-list {\n        position: relative;\n    }\n\n    .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n        left: 0 !important;\n        box-shadow: none;\n        border-radius: 0;\n        padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n    }\n\n    .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n        transform: rotate(-180deg);\n    }\n\n    .p-tieredmenu[").concat(e,'] .p-submenu-icon:before {\n        content: "\\e930";\n    }\n\n    ').concat(l.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");O.current.innerHTML=n}},T=function(){O.current=u.DomHandler.removeInlineStyle(O.current)},C=function(){l.autoZIndex&&u.ZIndexUtils.set("menu",g.current,f.default.autoZIndex,l.baseZIndex||f.default.zIndex.menu),u.DomHandler.absolutePosition(g.current,y.current),d&&l.breakpoint&&(g.current.setAttribute(d,""),N())},A=function(){I()},U=function(){y.current=null,P()},q=function(){u.ZIndexUtils.clear(g.current),T()};r.useMountEffect((function(){l.breakpoint&&!d&&b(u.UniqueComponentId())})),r.useUpdateEffect((function(){return d&&g.current&&(g.current.setAttribute(d,""),N()),function(){T()}}),[d,l.breakpoint]),r.useUnmountEffect((function(){u.ZIndexUtils.clear(g.current)})),m.useImperativeHandle(n,(function(){return{props:l,toggle:x,show:H,hide:j,getElement:function(){return g.current}}}));var R=function(){E.getOtherProps(l);var e=u.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":l.popup,"p-input-filled":"filled"===f.default.inputStyle,"p-ripple-disabled":!1===f.default.ripple},l.className),n=u.mergeProps({ref:g,id:l.id,className:e,style:l.style,onClick:D},E.getOtherProps(l),v("root"));return m.createElement(t.CSSTransition,{nodeRef:g,classNames:"p-connected-overlay",in:c,timeout:{enter:120,exit:100},options:l.transitionOptions,unmountOnExit:!0,onEnter:C,onEntered:A,onExit:U,onExited:q},m.createElement("div",n,m.createElement(M,{menuProps:l,model:l.model,root:!0,popup:l.popup,onHide:j,isMobileMode:S,onItemToggle:k,submenuIcon:l.submenuIcon,ptm:v})))}();return l.popup?m.createElement(i.Portal,{element:R,appendTo:l.appendTo}):R})));x.displayName="TieredMenu",exports.TieredMenu=x;