primereact 10.3.3 → 10.5.0

package/splitbutton/splitbutton.js

@@ -156,7 +156,7 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, com
     submenuIcon: 'p-submenu-icon',
     action: 'p-menuitem-link',
     menuitem: function menuitem(_ref3) {
-      var _className = _ref3._className,
+      var itemClassName = _ref3.itemClassName,
         active = _ref3.active,
         focused = _ref3.focused,
         disabled = _ref3.disabled;
@@ -164,7 +164,7 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, com
         'p-menuitem-active p-highlight': active,
         'p-focus': focused,
         'p-disabled': disabled
-      }, _className);
+      }, itemClassName);
     },
     menu: 'p-tieredmenu-root-list',
     submenu: 'p-submenu-list',
@@ -353,6 +353,7 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, com
       }
       var item = processedItem.item;
       var style = getItemProp(processedItem, 'style');
+      var itemClassName = getItemProp(processedItem, 'className');
       var _icon = getItemProp(processedItem, 'icon');
       var target = getItemProp(processedItem, 'target');
       var url = getItemProp(processedItem, 'url');
@@ -428,7 +429,7 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, com
         'data-p-disabled': disabled,
         'data-p-visited': focused,
         className: cx('menuitem', {
-          className: item.className,
+          itemClassName: itemClassName,
           active: active,
           focused: focused,
           disabled: disabled

package/splitbutton/splitbutton.min.js

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

package/splitter/splitter.cjs.js

@@ -214,6 +214,7 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(api.PrimeReactContext);
   var props = SplitterBase.getProps(inProps, context);
+  var idState = React__namespace.useRef('');
   var elementRef = React__namespace.useRef(null);
   var gutterRef = React__namespace.useRef();
   var gutterRefs = React__namespace.useRef({});
@@ -242,6 +243,7 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var panelSize = function panelSize(sizes, index) {
     return index in sizes ? sizes[index] : props.children && [].concat(props.children)[index].props.size || 100 / childrenLength;
   };
+  var horizontal = props.layout === 'horizontal';
   var metaData = {
     props: props,
     state: {
@@ -336,10 +338,9 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     if (stateString) setPanelSizes(JSON.parse(stateString));
   }, [getStorage, props.stateKey]);
   var onResizeStart = function onResizeStart(event, index, isKeyDown) {
-    gutterRef.current = gutterRefs.current[index];
     var pageX = event.type === 'touchstart' ? event.touches[0].pageX : event.pageX;
     var pageY = event.type === 'touchstart' ? event.touches[0].pageY : event.pageY;
-    var horizontal = props.layout === 'horizontal';
+    gutterRef.current = gutterRefs.current[index];
     size.current = horizontal ? utils.DomHandler.getWidth(elementRef.current) : utils.DomHandler.getHeight(elementRef.current);
     dragging.current = true;
     startPos.current = horizontal ? pageX : pageY;
@@ -364,7 +365,6 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     var step = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
     var isKeyDown = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     var newPos, newNextPanelSize, newPrevPanelSize;
-    var horizontal = props.layout === 'horizontal';
     var pageX = event.type === 'touchmove' ? event.touches[0].pageX : event.pageX;
     var pageY = event.type === 'touchmove' ? event.touches[0].pageY : event.pageY;
     if (isKeyDown) {
@@ -380,13 +380,7 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       newPrevPanelSize = prevPanelSize.current + newPos;
       newNextPanelSize = nextPanelSize.current - newPos;
     }
-    if (validateResize(newPrevPanelSize, newNextPanelSize)) {
-      prevPanelSizeNew.current = newPrevPanelSize;
-      nextPanelSizeNew.current = newNextPanelSize;
-      prevPanelElement.current.style.flexBasis = 'calc(' + newPrevPanelSize + '% - ' + (props.children.length - 1) * props.gutterSize + 'px)';
-      nextPanelElement.current.style.flexBasis = 'calc(' + newNextPanelSize + '% - ' + (props.children.length - 1) * props.gutterSize + 'px)';
-      prevSize.current = parseFloat(newPrevPanelSize).toFixed(4);
-    }
+    resizePanel(prevPanelIndex.current, newPrevPanelSize, newNextPanelSize);
   };
   var onResizeEnd = function onResizeEnd(event) {
     setPanelSizes(function (prev) {
@@ -416,10 +410,11 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     onResizeEnd();
   };
   var onGutterKeyDown = function onGutterKeyDown(event, index) {
+    var minSize = props.children[index].props && props.children[index].props.minSize || 0;
     switch (event.code) {
       case 'ArrowLeft':
         {
-          if (props.layout === 'horizontal') {
+          if (horizontal) {
             setTimer(event, index, props.step * -1);
           }
           event.preventDefault();
@@ -427,7 +422,7 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         }
       case 'ArrowRight':
         {
-          if (props.layout === 'horizontal') {
+          if (horizontal) {
             setTimer(event, index, props.step);
           }
           event.preventDefault();
@@ -435,7 +430,7 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         }
       case 'ArrowDown':
         {
-          if (props.layout === 'vertical') {
+          if (!horizontal) {
             setTimer(event, index, props.step * -1);
           }
           event.preventDefault();
@@ -443,12 +438,48 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         }
       case 'ArrowUp':
         {
-          if (props.layout === 'vertical') {
+          if (!horizontal) {
             setTimer(event, index, props.step);
           }
           event.preventDefault();
           break;
         }
+      case 'Home':
+        {
+          resizePanel(index, 100, minSize);
+          event.preventDefault();
+          break;
+        }
+      case 'End':
+        {
+          resizePanel(index, minSize, 100);
+          event.preventDefault();
+          break;
+        }
+      case 'Enter':
+        {
+          if (prevSize.current > 100 - (minSize || 5)) {
+            resizePanel(index, minSize, 100);
+          } else {
+            resizePanel(index, 100, minSize);
+          }
+          event.preventDefault();
+          break;
+        }
+    }
+  };
+  var resizePanel = function resizePanel(index, newPrevPanelSize, newNextPanelSize) {
+    prevPanelIndex.current = index;
+    gutterRef.current = gutterRefs.current[index];
+    size.current = horizontal ? utils.DomHandler.getWidth(elementRef.current) : utils.DomHandler.getHeight(elementRef.current);
+    prevPanelElement.current = gutterRef.current.previousElementSibling;
+    nextPanelElement.current = gutterRef.current.nextElementSibling;
+    if (validateResize(newPrevPanelSize, newNextPanelSize)) {
+      prevPanelSizeNew.current = newPrevPanelSize;
+      nextPanelSizeNew.current = newNextPanelSize;
+      prevPanelElement.current.style.flexBasis = 'calc(' + newPrevPanelSize + '% - ' + (props.children.length - 1) * props.gutterSize + 'px)';
+      nextPanelElement.current.style.flexBasis = 'calc(' + newNextPanelSize + '% - ' + (props.children.length - 1) * props.gutterSize + 'px)';
+      prevSize.current = parseFloat(newPrevPanelSize).toFixed(4);
     }
   };
   var repeat = function repeat(event, index, step) {
@@ -456,14 +487,16 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     onResize(event, step, true);
   };
   var setTimer = function setTimer(event, index, step) {
-    clearTimer();
-    timer.current = setTimeout(function () {
-      repeat(event, index, step);
-    }, 40);
+    if (!timer.current) {
+      timer.current = setInterval(function () {
+        repeat(event, index, step);
+      }, 40);
+    }
   };
   var clearTimer = function clearTimer() {
     if (timer.current) {
-      clearTimeout(timer.current);
+      clearInterval(timer.current);
+      timer.current = null;
     }
   };
   var onGutterMouseDown = function onGutterMouseDown(event, index) {
@@ -494,6 +527,11 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       }
     };
   });
+  hooks.useMountEffect(function () {
+    if (elementRef.current) {
+      idState.current = utils.UniqueComponentId();
+    }
+  });
   React__namespace.useEffect(function () {
     var panelElements = _toConsumableArray(elementRef.current.children).filter(function (child) {
       return utils.DomHandler.getAttribute(child, 'data-pc-section') === 'splitterpanel.root';
@@ -512,13 +550,14 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     if (isStateful) restoreState();
   }, [restoreState, isStateful]);
   var createPanel = function createPanel(panel, index) {
+    var panelId = getPanelProp(panel, 'id') || "".concat(idState.current, "_").concat(index);
     var panelClassName = utils.classNames(getPanelProp(panel, 'className'), cx('panel.root'));
     var gutterProps = mergeProps({
       ref: function ref(el) {
         return gutterRefs.current[index] = el;
       },
       className: cx('gutter'),
-      style: props.layout === 'horizontal' ? {
+      style: horizontal ? {
         width: props.gutterSize + 'px'
       } : {
         height: props.gutterSize + 'px'
@@ -539,19 +578,26 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       onTouchEnd: function onTouchEnd(event) {
         return onGutterTouchEnd(event);
       },
-      'data-p-splitter-gutter-resizing': false
+      'data-p-splitter-gutter-resizing': false,
+      role: 'separator'
     }, ptm('gutter'));
     var gutterHandlerProps = mergeProps({
-      tabIndex: 0,
+      tabIndex: getPanelProp(panel, 'tabIndex') || 0,
       className: cx('gutterHandler'),
-      'aria-orientation': props.layout,
-      'aria-valuenow': prevSize.current
+      'aria-orientation': horizontal ? 'vertical' : 'horizontal',
+      'aria-controls': panelId,
+      'aria-label': getPanelProp(panel, 'aria-label'),
+      'aria-labelledby': getPanelProp(panel, 'aria-labelledby'),
+      'aria-valuenow': prevSize.current,
+      'aria-valuetext': parseFloat(prevSize.current).toFixed(0) + '%',
+      'aria-valuemin': getPanelProp(panel, 'minSize') || '0',
+      'aria-valuemax': '100'
     }, ptm('gutterHandler'));
     var gutter = index !== props.children.length - 1 && /*#__PURE__*/React__namespace.createElement("div", gutterProps, /*#__PURE__*/React__namespace.createElement("div", gutterHandlerProps));
     var flexBasis = 'calc(' + panelSize(panelSizes, index) + '% - ' + (childrenLength - 1) * props.gutterSize + 'px)';
     var rootProps = mergeProps({
       key: index,
-      id: getPanelProp(panel, 'id'),
+      id: panelId,
       className: panelClassName,
       style: _objectSpread(_objectSpread({}, getPanelProp(panel, 'style')), {}, {
         flexBasis: flexBasis

package/splitter/splitter.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),u=require("primereact/utils");function i(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 l=i(e);function o(){return o=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},o.apply(this,arguments)}function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function c(e){if(Array.isArray(e))return a(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,t){if(e){if("string"==typeof e)return a(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?a(e,t):void 0}}function f(){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 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 g(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 m(e){var t=g(e,"string");return"symbol"===d(t)?t:String(t)}function y(e){if(Array.isArray(e))return e}function h(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,u,i,l,o=[],a=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;a=!1}else for(;!(a=(n=i.call(r)).done)&&(o.push(n.value),o.length!==t);a=!0);}catch(e){c=!0,u=e}finally{try{if(!a&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(c)throw u}}return o}}function v(){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 b(e,t){return y(e)||h(e,t)||p(e,t)||v()}var w=r.ComponentBase.extend({defaultProps:{__TYPE:"Splitter",className:null,gutterSize:4,id:null,step:5,layout:"horizontal",onResizeEnd:null,stateKey:null,stateStorage:"session",style:null,children:void 0},css:{classes:{root:function(e){return u.classNames("p-splitter p-component p-splitter-".concat(e.props.layout))},gutter:"p-splitter-gutter",gutterHandler:"p-splitter-gutter-handle",panel:{root:"p-splitter-panel"}},styles:"\n@layer primereact {\n    .p-splitter {\n        display: flex;\n        flex-wrap: nowrap;\n    }\n\n    .p-splitter-vertical {\n        flex-direction: column;\n    }\n\n    .p-splitter-panel {\n        flex-grow: 1;\n    }\n\n    .p-splitter-panel-nested {\n        display: flex;\n    }\n\n    .p-splitter-panel .p-splitter {\n        flex-grow: 1;\n        border: 0 none;\n    }\n\n    .p-splitter-gutter {\n        flex-grow: 0;\n        flex-shrink: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: col-resize;\n    }\n\n    .p-splitter-horizontal.p-splitter-resizing {\n        cursor: col-resize;\n        user-select: none;\n    }\n\n    .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {\n        height: 24px;\n        width: 100%;\n    }\n\n    .p-splitter-horizontal > .p-splitter-gutter {\n        cursor: col-resize;\n    }\n\n    .p-splitter-vertical.p-splitter-resizing {\n        cursor: row-resize;\n        user-select: none;\n    }\n\n    .p-splitter-vertical > .p-splitter-gutter {\n        cursor: row-resize;\n    }\n\n    .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {\n        width: 24px;\n        height: 100%;\n    }\n}\n\n"}}),O=r.ComponentBase.extend({defaultProps:{__TYPE:"SplitterPanel",className:null,minSize:null,size:null,style:null,children:void 0},getCProps:function(e){return u.ObjectUtils.getComponentProps(e,O.defaultProps)},getCOtherProps:function(e){return u.ObjectUtils.getComponentDiffProps(e,O.defaultProps)},getCProp:function(e,t){return u.ObjectUtils.getComponentProp(e,t,O.defaultProps)}});function S(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 z(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?S(Object(r),!0).forEach((function(t){var n,u,i;n=e,i=r[t],(u=m(u=t))in n?Object.defineProperty(n,u,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[u]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):S(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var j=function(){},P=l.memo(l.forwardRef((function(e,i){var a=n.useMergeProps(),d=l.useContext(t.PrimeReactContext),g=w.getProps(e,d),m=l.useRef(null),y=l.useRef(),h=l.useRef({}),v=l.useRef(null),S=l.useRef(null),j=l.useRef(null),P=l.useRef(null),D=l.useRef(null),E=l.useRef(null),x=l.useRef(null),H=l.useRef(null),A=l.useRef(null),R=l.useRef(null),C=l.useRef(null),N=l.useRef(null),k=b(l.useState([]),2),T=k[0],I=k[1],U=b(l.useState(!1),2),_=U[0],K=U[1],L=null!=g.stateKey,M=g.children&&g.children.length||1,Y=function(e,t){return t in e?e[t]:g.children&&[].concat(g.children)[t].props.size||100/M},q={props:g,state:{panelSizes:T,nested:!0===u.DomHandler.getAttribute(m.current&&m.current.parentElement,"data-p-splitter-panel-nested")}},B=w.setMetaData(z({},q)),W=B.ptm,X=B.cx,F=B.isUnstyled;r.useHandleStyle(w.css.styles,F,{name:"splitter"});var J=b(n.useEventListener({type:"mousemove",listener:function(e){return oe(e)}}),2),$=J[0],G=J[1],Q=b(n.useEventListener({type:"mouseup",listener:function(e){ae(e),ee()}}),2),V=Q[0],Z=Q[1],ee=function(){G(),Z()},te=function(e,t){return O.getCProp(e,t)},re=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(g.children[C.current].props&&g.children[C.current].props.minSize&&g.children[C.current].props.minSize>e)&&!(g.children[C.current+1].props&&g.children[C.current+1].props.minSize&&g.children[C.current+1].props.minSize>t)))},ne=l.useCallback((function(){switch(g.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(g.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[g.stateStorage]),ue=function(e){u.ObjectUtils.isArray(e)&&ne().setItem(g.stateKey,JSON.stringify(e))},ie=l.useCallback((function(){var e=ne().getItem(g.stateKey);e&&I(JSON.parse(e))}),[ne,g.stateKey]),le=function(e,t,r){y.current=h.current[t];var n="touchstart"===e.type?e.touches[0].pageX:e.pageX,i="touchstart"===e.type?e.touches[0].pageY:e.pageY,l="horizontal"===g.layout;v.current=l?u.DomHandler.getWidth(m.current):u.DomHandler.getHeight(m.current),S.current=!0,j.current=l?n:i,P.current=y.current.previousElementSibling,D.current=y.current.nextElementSibling,r?(E.current=l?u.DomHandler.getOuterWidth(P.current,!0):u.DomHandler.getOuterHeight(P.current,!0),A.current=l?u.DomHandler.getOuterWidth(D.current,!0):u.DomHandler.getOuterHeight(D.current,!0)):(E.current=100*(l?u.DomHandler.getOuterWidth(P.current,!0):u.DomHandler.getOuterHeight(P.current,!0))/v.current,A.current=100*(l?u.DomHandler.getOuterWidth(D.current,!0):u.DomHandler.getOuterHeight(D.current,!0))/v.current),H.current=E.current,R.current=A.current,C.current=t,!F()&&u.DomHandler.addClass(y.current,"p-splitter-gutter-resizing"),y.current.setAttribute("data-p-splitter-gutter-resizing",!0),!F()&&u.DomHandler.addClass(m.current,"p-splitter-resizing"),m.current.setAttribute("data-p-splitter-resizing",!0)},oe=function(e){var t,r,n,u=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i="horizontal"===g.layout;arguments.length>2&&void 0!==arguments[2]&&arguments[2]?i?(n=100*(E.current+u)/v.current,r=100*(A.current-u)/v.current):(n=100*(E.current-u)/v.current,r=100*(A.current+u)/v.current):(n=E.current+(t=i?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/v.current-100*j.current/v.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/v.current-100*j.current/v.current),r=A.current-t),re(n,r)&&(H.current=n,R.current=r,P.current.style.flexBasis="calc("+n+"% - "+(g.children.length-1)*g.gutterSize+"px)",D.current.style.flexBasis="calc("+r+"% - "+(g.children.length-1)*g.gutterSize+"px)",x.current=parseFloat(n).toFixed(4))},ae=function(e){I((function(t){for(var r=[],n=0;n<g.children.length;n++)r[n]=Y(t,n);return r[C.current]=H.current,r[C.current+1]=R.current,g.onResizeEnd&&g.onResizeEnd({originalEvent:e,sizes:r}),L&&ue(r),r})),!F()&&u.DomHandler.removeClass(y.current,"p-splitter-gutter-resizing"),h.current&&Object.keys(h.current).forEach((function(e){return h.current[e].setAttribute("data-p-splitter-gutter-resizing",!1)})),!F()&&u.DomHandler.removeClass(m.current,"p-splitter-resizing"),m.current.setAttribute("data-p-splitter-resizing",!1),S.current=!1,v.current=null,j.current=null,P.current=null,D.current=null,E.current=null,H.current=null,A.current=null,R.current=null,C.current=null},ce=function(){de(),ae()},se=function(e,t){switch(e.code){case"ArrowLeft":"horizontal"===g.layout&&fe(e,t,-1*g.step),e.preventDefault();break;case"ArrowRight":"horizontal"===g.layout&&fe(e,t,g.step),e.preventDefault();break;case"ArrowDown":"vertical"===g.layout&&fe(e,t,-1*g.step),e.preventDefault();break;case"ArrowUp":"vertical"===g.layout&&fe(e,t,g.step),e.preventDefault()}},pe=function(e,t,r){le(e,t,!0),oe(e,r,!0)},fe=function(e,t,r){de(),N.current=setTimeout((function(){pe(e,t,r)}),40)},de=function(){N.current&&clearTimeout(N.current)},ge=function(e,t){le(e,t,!1),$(),V()},me=function(e,t){le(e,t,!1),window.addEventListener("touchmove",ye,{passive:!1,cancelable:!1}),window.addEventListener("touchend",he)},ye=function(e){oe(e)},he=function e(t){ae(t),window.removeEventListener("touchmove",ye),window.removeEventListener("touchend",e)};l.useImperativeHandle(i,(function(){return{props:g,getElement:function(){return m.current}}})),l.useEffect((function(){var e;(e=m.current.children,c(e)||s(e)||p(e)||f()).filter((function(e){return"splitterpanel.root"===u.DomHandler.getAttribute(e,"data-pc-section")})).map((function(e,t){x.current=Y(T,0),e.childNodes&&u.ObjectUtils.isNotEmpty(u.DomHandler.find(e,"[data-pc-name='splitter']")&&u.DomHandler.find(e,"[data-pc-section='root']"))&&(!F()&&u.DomHandler.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),K(!0))}))}),[]),l.useEffect((function(){L&&ie()}),[ie,L]);var ve=function(e,t){var r=u.classNames(te(e,"className"),X("panel.root")),n=a({ref:function(e){return h.current[t]=e},className:X("gutter"),style:"horizontal"===g.layout?{width:g.gutterSize+"px"}:{height:g.gutterSize+"px"},onMouseDown:function(e){return ge(e,t)},onKeyDown:function(e){return se(e,t)},onKeyUp:ce,onTouchStart:function(e){return me(e,t)},onTouchMove:function(e){return ye(e)},onTouchEnd:function(e){return he(e)},"data-p-splitter-gutter-resizing":!1},W("gutter")),i=a({tabIndex:0,className:X("gutterHandler"),"aria-orientation":g.layout,"aria-valuenow":x.current},W("gutterHandler")),o=t!==g.children.length-1&&l.createElement("div",n,l.createElement("div",i)),c="calc("+Y(T,t)+"% - "+(M-1)*g.gutterSize+"px)",s=a({key:t,id:te(e,"id"),className:r,style:z(z({},te(e,"style")),{},{flexBasis:c}),role:"presentation","data-p-splitter-panel-nested":!1},W("splitterpanel.root",{context:{nested:_}}));return l.createElement(l.Fragment,null,l.createElement("div",s,te(e,"children")),o)},be=a({id:g.id,style:g.style,className:u.classNames(g.className,X("root")),"data-p-splitter-resizing":!1},w.getOtherProps(g),W("root")),we=l.Children.map(g.children,ve);return l.createElement("div",o({ref:m},be),we)})));j.displayName="SplitterPanel",P.displayName="Splitter",exports.Splitter=P,exports.SplitterPanel=j;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),u=require("primereact/utils");function i(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 l=i(e);function o(){return o=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},o.apply(this,arguments)}function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function c(e){if(Array.isArray(e))return a(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,t){if(e){if("string"==typeof e)return a(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?a(e,t):void 0}}function f(){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 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 g(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 m(e){var t=g(e,"string");return"symbol"===d(t)?t:String(t)}function h(e){if(Array.isArray(e))return e}function y(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,u,i,l,o=[],a=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;a=!1}else for(;!(a=(n=i.call(r)).done)&&(o.push(n.value),o.length!==t);a=!0);}catch(e){c=!0,u=e}finally{try{if(!a&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(c)throw u}}return o}}function b(){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 v(e,t){return h(e)||y(e,t)||p(e,t)||b()}var S=r.ComponentBase.extend({defaultProps:{__TYPE:"Splitter",className:null,gutterSize:4,id:null,step:5,layout:"horizontal",onResizeEnd:null,stateKey:null,stateStorage:"session",style:null,children:void 0},css:{classes:{root:function(e){return u.classNames("p-splitter p-component p-splitter-".concat(e.props.layout))},gutter:"p-splitter-gutter",gutterHandler:"p-splitter-gutter-handle",panel:{root:"p-splitter-panel"}},styles:"\n@layer primereact {\n    .p-splitter {\n        display: flex;\n        flex-wrap: nowrap;\n    }\n\n    .p-splitter-vertical {\n        flex-direction: column;\n    }\n\n    .p-splitter-panel {\n        flex-grow: 1;\n    }\n\n    .p-splitter-panel-nested {\n        display: flex;\n    }\n\n    .p-splitter-panel .p-splitter {\n        flex-grow: 1;\n        border: 0 none;\n    }\n\n    .p-splitter-gutter {\n        flex-grow: 0;\n        flex-shrink: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: col-resize;\n    }\n\n    .p-splitter-horizontal.p-splitter-resizing {\n        cursor: col-resize;\n        user-select: none;\n    }\n\n    .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {\n        height: 24px;\n        width: 100%;\n    }\n\n    .p-splitter-horizontal > .p-splitter-gutter {\n        cursor: col-resize;\n    }\n\n    .p-splitter-vertical.p-splitter-resizing {\n        cursor: row-resize;\n        user-select: none;\n    }\n\n    .p-splitter-vertical > .p-splitter-gutter {\n        cursor: row-resize;\n    }\n\n    .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {\n        width: 24px;\n        height: 100%;\n    }\n}\n\n"}}),w=r.ComponentBase.extend({defaultProps:{__TYPE:"SplitterPanel",className:null,minSize:null,size:null,style:null,children:void 0},getCProps:function(e){return u.ObjectUtils.getComponentProps(e,w.defaultProps)},getCOtherProps:function(e){return u.ObjectUtils.getComponentDiffProps(e,w.defaultProps)},getCProp:function(e,t){return u.ObjectUtils.getComponentProp(e,t,w.defaultProps)}});function O(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 z(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?O(Object(r),!0).forEach((function(t){var n,u,i;n=e,i=r[t],(u=m(u=t))in n?Object.defineProperty(n,u,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[u]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):O(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var D=function(){},E=l.memo(l.forwardRef((function(e,i){var a=n.useMergeProps(),d=l.useContext(t.PrimeReactContext),g=S.getProps(e,d),m=l.useRef(""),h=l.useRef(null),y=l.useRef(),b=l.useRef({}),O=l.useRef(null),D=l.useRef(null),E=l.useRef(null),x=l.useRef(null),j=l.useRef(null),P=l.useRef(null),H=l.useRef(null),R=l.useRef(null),A=l.useRef(null),C=l.useRef(null),N=l.useRef(null),k=l.useRef(null),I=v(l.useState([]),2),U=I[0],_=I[1],M=v(l.useState(!1),2),T=M[0],K=M[1],L=null!=g.stateKey,q=g.children&&g.children.length||1,W=function(e,t){return t in e?e[t]:g.children&&[].concat(g.children)[t].props.size||100/q},Y="horizontal"===g.layout,B={props:g,state:{panelSizes:U,nested:!0===u.DomHandler.getAttribute(h.current&&h.current.parentElement,"data-p-splitter-panel-nested")}},F=S.setMetaData(z({},B)),X=F.ptm,J=F.cx,$=F.isUnstyled;r.useHandleStyle(S.css.styles,$,{name:"splitter"});var G=v(n.useEventListener({type:"mousemove",listener:function(e){return ce(e)}}),2),Q=G[0],V=G[1],Z=v(n.useEventListener({type:"mouseup",listener:function(e){se(e),re()}}),2),ee=Z[0],te=Z[1],re=function(){V(),te()},ne=function(e,t){return w.getCProp(e,t)},ue=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(g.children[N.current].props&&g.children[N.current].props.minSize&&g.children[N.current].props.minSize>e)&&!(g.children[N.current+1].props&&g.children[N.current+1].props.minSize&&g.children[N.current+1].props.minSize>t)))},ie=l.useCallback((function(){switch(g.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(g.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[g.stateStorage]),le=function(e){u.ObjectUtils.isArray(e)&&ie().setItem(g.stateKey,JSON.stringify(e))},oe=l.useCallback((function(){var e=ie().getItem(g.stateKey);e&&_(JSON.parse(e))}),[ie,g.stateKey]),ae=function(e,t,r){var n="touchstart"===e.type?e.touches[0].pageX:e.pageX,i="touchstart"===e.type?e.touches[0].pageY:e.pageY;y.current=b.current[t],O.current=Y?u.DomHandler.getWidth(h.current):u.DomHandler.getHeight(h.current),D.current=!0,E.current=Y?n:i,x.current=y.current.previousElementSibling,j.current=y.current.nextElementSibling,r?(P.current=Y?u.DomHandler.getOuterWidth(x.current,!0):u.DomHandler.getOuterHeight(x.current,!0),A.current=Y?u.DomHandler.getOuterWidth(j.current,!0):u.DomHandler.getOuterHeight(j.current,!0)):(P.current=100*(Y?u.DomHandler.getOuterWidth(x.current,!0):u.DomHandler.getOuterHeight(x.current,!0))/O.current,A.current=100*(Y?u.DomHandler.getOuterWidth(j.current,!0):u.DomHandler.getOuterHeight(j.current,!0))/O.current),R.current=P.current,C.current=A.current,N.current=t,!$()&&u.DomHandler.addClass(y.current,"p-splitter-gutter-resizing"),y.current.setAttribute("data-p-splitter-gutter-resizing",!0),!$()&&u.DomHandler.addClass(h.current,"p-splitter-resizing"),h.current.setAttribute("data-p-splitter-resizing",!0)},ce=function(e){var t,r,n,u=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;arguments.length>2&&void 0!==arguments[2]&&arguments[2]?Y?(n=100*(P.current+u)/O.current,r=100*(A.current-u)/O.current):(n=100*(P.current-u)/O.current,r=100*(A.current+u)/O.current):(n=P.current+(t=Y?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/O.current-100*E.current/O.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/O.current-100*E.current/O.current),r=A.current-t),de(N.current,n,r)},se=function(e){_((function(t){for(var r=[],n=0;n<g.children.length;n++)r[n]=W(t,n);return r[N.current]=R.current,r[N.current+1]=C.current,g.onResizeEnd&&g.onResizeEnd({originalEvent:e,sizes:r}),L&&le(r),r})),!$()&&u.DomHandler.removeClass(y.current,"p-splitter-gutter-resizing"),b.current&&Object.keys(b.current).forEach((function(e){return b.current[e].setAttribute("data-p-splitter-gutter-resizing",!1)})),!$()&&u.DomHandler.removeClass(h.current,"p-splitter-resizing"),h.current.setAttribute("data-p-splitter-resizing",!1),D.current=!1,O.current=null,E.current=null,x.current=null,j.current=null,P.current=null,R.current=null,A.current=null,C.current=null,N.current=null},pe=function(){he(),se()},fe=function(e,t){var r=g.children[t].props&&g.children[t].props.minSize||0;switch(e.code){case"ArrowLeft":Y&&me(e,t,-1*g.step),e.preventDefault();break;case"ArrowRight":Y&&me(e,t,g.step),e.preventDefault();break;case"ArrowDown":Y||me(e,t,-1*g.step),e.preventDefault();break;case"ArrowUp":Y||me(e,t,g.step),e.preventDefault();break;case"Home":de(t,100,r),e.preventDefault();break;case"End":de(t,r,100),e.preventDefault();break;case"Enter":H.current>100-(r||5)?de(t,r,100):de(t,100,r),e.preventDefault()}},de=function(e,t,r){N.current=e,y.current=b.current[e],O.current=Y?u.DomHandler.getWidth(h.current):u.DomHandler.getHeight(h.current),x.current=y.current.previousElementSibling,j.current=y.current.nextElementSibling,ue(t,r)&&(R.current=t,C.current=r,x.current.style.flexBasis="calc("+t+"% - "+(g.children.length-1)*g.gutterSize+"px)",j.current.style.flexBasis="calc("+r+"% - "+(g.children.length-1)*g.gutterSize+"px)",H.current=parseFloat(t).toFixed(4))},ge=function(e,t,r){ae(e,t,!0),ce(e,r,!0)},me=function(e,t,r){k.current||(k.current=setInterval((function(){ge(e,t,r)}),40))},he=function(){k.current&&(clearInterval(k.current),k.current=null)},ye=function(e,t){ae(e,t,!1),Q(),ee()},be=function(e,t){ae(e,t,!1),window.addEventListener("touchmove",ve,{passive:!1,cancelable:!1}),window.addEventListener("touchend",Se)},ve=function(e){ce(e)},Se=function e(t){se(t),window.removeEventListener("touchmove",ve),window.removeEventListener("touchend",e)};l.useImperativeHandle(i,(function(){return{props:g,getElement:function(){return h.current}}})),n.useMountEffect((function(){h.current&&(m.current=u.UniqueComponentId())})),l.useEffect((function(){var e;(e=h.current.children,c(e)||s(e)||p(e)||f()).filter((function(e){return"splitterpanel.root"===u.DomHandler.getAttribute(e,"data-pc-section")})).map((function(e,t){H.current=W(U,0),e.childNodes&&u.ObjectUtils.isNotEmpty(u.DomHandler.find(e,"[data-pc-name='splitter']")&&u.DomHandler.find(e,"[data-pc-section='root']"))&&(!$()&&u.DomHandler.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),K(!0))}))}),[]),l.useEffect((function(){L&&oe()}),[oe,L]);var we=function(e,t){var r=ne(e,"id")||"".concat(m.current,"_").concat(t),n=u.classNames(ne(e,"className"),J("panel.root")),i=a({ref:function(e){return b.current[t]=e},className:J("gutter"),style:Y?{width:g.gutterSize+"px"}:{height:g.gutterSize+"px"},onMouseDown:function(e){return ye(e,t)},onKeyDown:function(e){return fe(e,t)},onKeyUp:pe,onTouchStart:function(e){return be(e,t)},onTouchMove:function(e){return ve(e)},onTouchEnd:function(e){return Se(e)},"data-p-splitter-gutter-resizing":!1,role:"separator"},X("gutter")),o=a({tabIndex:ne(e,"tabIndex")||0,className:J("gutterHandler"),"aria-orientation":Y?"vertical":"horizontal","aria-controls":r,"aria-label":ne(e,"aria-label"),"aria-labelledby":ne(e,"aria-labelledby"),"aria-valuenow":H.current,"aria-valuetext":parseFloat(H.current).toFixed(0)+"%","aria-valuemin":ne(e,"minSize")||"0","aria-valuemax":"100"},X("gutterHandler")),c=t!==g.children.length-1&&l.createElement("div",i,l.createElement("div",o)),s="calc("+W(U,t)+"% - "+(q-1)*g.gutterSize+"px)",p=a({key:t,id:r,className:n,style:z(z({},ne(e,"style")),{},{flexBasis:s}),role:"presentation","data-p-splitter-panel-nested":!1},X("splitterpanel.root",{context:{nested:T}}));return l.createElement(l.Fragment,null,l.createElement("div",p,ne(e,"children")),c)},Oe=a({id:g.id,style:g.style,className:u.classNames(g.className,J("root")),"data-p-splitter-resizing":!1},S.getOtherProps(g),X("root")),ze=l.Children.map(g.children,we);return l.createElement("div",o({ref:h},Oe),ze)})));D.displayName="SplitterPanel",E.displayName="Splitter",exports.Splitter=E,exports.SplitterPanel=D;

package/splitter/splitter.d.ts

@@ -105,7 +105,19 @@ export interface SplitterPassThroughOptions {
  * Defines valid properties in SplitterPanel component.
  * @group Properties
  */
-interface SplitterPanelProps {
+interface SplitterPanelProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
+    /**
+     * Returns the value of element's id content attribute. Can be set to change it.
+     */
+    id?: string;
+    /**
+     * Establishes relationships between the splitter and panel label element IDs.
+     */
+    'aria-labelledby'?: string | undefined;
+    /**
+     * Splitter handle ARIA label for screenreader support.
+     */
+    'aria-label'?: string | undefined;
     /**
      * Size of the element relative to 100%.
      */