primereact 10.2.1 → 10.3.1

package/splitbutton/splitbutton.min.js

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

@@ -167,13 +167,14 @@ var classes = {
     root: 'p-splitter-panel'
   }
 };
-var 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";
+var 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";
 var SplitterBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Splitter',
     className: null,
     gutterSize: 4,
     id: null,
+    step: 5,
     layout: 'horizontal',
     onResizeEnd: null,
     stateKey: null,
@@ -221,10 +222,12 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var prevPanelElement = React__namespace.useRef(null);
   var nextPanelElement = React__namespace.useRef(null);
   var prevPanelSize = React__namespace.useRef(null);
+  var prevSize = React__namespace.useRef(null);
   var prevPanelSizeNew = React__namespace.useRef(null);
   var nextPanelSize = React__namespace.useRef(null);
   var nextPanelSizeNew = React__namespace.useRef(null);
   var prevPanelIndex = React__namespace.useRef(null);
+  var timer = React__namespace.useRef(null);
   var _React$useState = React__namespace.useState([]),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     panelSizes = _React$useState2[0],
@@ -331,18 +334,24 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     var stateString = getStorage().getItem(props.stateKey);
     if (stateString) setPanelSizes(JSON.parse(stateString));
   }, [getStorage, props.stateKey]);
-  var onResizeStart = function onResizeStart(event, index) {
+  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;
-    size.current = props.layout === 'horizontal' ? utils.DomHandler.getWidth(elementRef.current) : utils.DomHandler.getHeight(elementRef.current);
+    var horizontal = props.layout === 'horizontal';
+    size.current = horizontal ? utils.DomHandler.getWidth(elementRef.current) : utils.DomHandler.getHeight(elementRef.current);
     dragging.current = true;
-    startPos.current = props.layout === 'horizontal' ? pageX : pageY;
+    startPos.current = horizontal ? pageX : pageY;
     prevPanelElement.current = gutterRef.current.previousElementSibling;
     nextPanelElement.current = gutterRef.current.nextElementSibling;
-    prevPanelSize.current = 100 * (props.layout === 'horizontal' ? utils.DomHandler.getOuterWidth(prevPanelElement.current, true) : utils.DomHandler.getOuterHeight(prevPanelElement.current, true)) / size.current;
+    if (isKeyDown) {
+      prevPanelSize.current = horizontal ? utils.DomHandler.getOuterWidth(prevPanelElement.current, true) : utils.DomHandler.getOuterHeight(prevPanelElement.current, true);
+      nextPanelSize.current = horizontal ? utils.DomHandler.getOuterWidth(nextPanelElement.current, true) : utils.DomHandler.getOuterHeight(nextPanelElement.current, true);
+    } else {
+      prevPanelSize.current = 100 * (horizontal ? utils.DomHandler.getOuterWidth(prevPanelElement.current, true) : utils.DomHandler.getOuterHeight(prevPanelElement.current, true)) / size.current;
+      nextPanelSize.current = 100 * (horizontal ? utils.DomHandler.getOuterWidth(nextPanelElement.current, true) : utils.DomHandler.getOuterHeight(nextPanelElement.current, true)) / size.current;
+    }
     prevPanelSizeNew.current = prevPanelSize.current;
-    nextPanelSize.current = 100 * (props.layout === 'horizontal' ? utils.DomHandler.getOuterWidth(nextPanelElement.current, true) : utils.DomHandler.getOuterHeight(nextPanelElement.current, true)) / size.current;
     nextPanelSizeNew.current = nextPanelSize.current;
     prevPanelIndex.current = index;
     !isUnstyled() && utils.DomHandler.addClass(gutterRef.current, 'p-splitter-gutter-resizing');
@@ -351,17 +360,31 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     elementRef.current.setAttribute('data-p-splitter-resizing', true);
   };
   var onResize = function onResize(event) {
-    var newPos;
+    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 (props.layout === 'horizontal') newPos = pageX * 100 / size.current - startPos.current * 100 / size.current;else newPos = pageY * 100 / size.current - startPos.current * 100 / size.current;
-    var newPrevPanelSize = prevPanelSize.current + newPos;
-    var newNextPanelSize = nextPanelSize.current - newPos;
+    if (isKeyDown) {
+      if (horizontal) {
+        newPrevPanelSize = 100 * (prevPanelSize.current + step) / size.current;
+        newNextPanelSize = 100 * (nextPanelSize.current - step) / size.current;
+      } else {
+        newPrevPanelSize = 100 * (prevPanelSize.current - step) / size.current;
+        newNextPanelSize = 100 * (nextPanelSize.current + step) / size.current;
+      }
+    } else {
+      if (horizontal) newPos = pageX * 100 / size.current - startPos.current * 100 / size.current;else newPos = pageY * 100 / size.current - startPos.current * 100 / size.current;
+      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);
     }
   };
   var onResizeEnd = function onResizeEnd(event) {
@@ -380,17 +403,74 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       return sizes;
     });
     !isUnstyled() && utils.DomHandler.removeClass(gutterRef.current, 'p-splitter-gutter-resizing');
-    gutterRef.current.setAttribute('data-p-splitter-gutter-resizing', false);
+    gutterRefs.current && Object.keys(gutterRefs.current).forEach(function (key) {
+      return gutterRefs.current[key].setAttribute('data-p-splitter-gutter-resizing', false);
+    });
     !isUnstyled() && utils.DomHandler.removeClass(elementRef.current, 'p-splitter-resizing');
     elementRef.current.setAttribute('data-p-splitter-resizing', false);
     clear();
   };
+  var onGutterKeyUp = function onGutterKeyUp() {
+    clearTimer();
+    onResizeEnd();
+  };
+  var onGutterKeyDown = function onGutterKeyDown(event, index) {
+    switch (event.code) {
+      case 'ArrowLeft':
+        {
+          if (props.layout === 'horizontal') {
+            setTimer(event, index, props.step * -1);
+          }
+          event.preventDefault();
+          break;
+        }
+      case 'ArrowRight':
+        {
+          if (props.layout === 'horizontal') {
+            setTimer(event, index, props.step);
+          }
+          event.preventDefault();
+          break;
+        }
+      case 'ArrowDown':
+        {
+          if (props.layout === 'vertical') {
+            setTimer(event, index, props.step * -1);
+          }
+          event.preventDefault();
+          break;
+        }
+      case 'ArrowUp':
+        {
+          if (props.layout === 'vertical') {
+            setTimer(event, index, props.step);
+          }
+          event.preventDefault();
+          break;
+        }
+    }
+  };
+  var repeat = function repeat(event, index, step) {
+    onResizeStart(event, index, true);
+    onResize(event, step, true);
+  };
+  var setTimer = function setTimer(event, index, step) {
+    clearTimer();
+    timer.current = setTimeout(function () {
+      repeat(event, index, step);
+    }, 40);
+  };
+  var clearTimer = function clearTimer() {
+    if (timer.current) {
+      clearTimeout(timer.current);
+    }
+  };
   var onGutterMouseDown = function onGutterMouseDown(event, index) {
-    onResizeStart(event, index);
+    onResizeStart(event, index, false);
     bindMouseListeners();
   };
   var onGutterTouchStart = function onGutterTouchStart(event, index) {
-    onResizeStart(event, index);
+    onResizeStart(event, index, false);
     window.addEventListener('touchmove', onGutterTouchMove, {
       passive: false,
       cancelable: false
@@ -417,7 +497,8 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     var panelElements = _toConsumableArray(elementRef.current.children).filter(function (child) {
       return utils.DomHandler.getAttribute(child, 'data-pc-section') === 'splitterpanel.root';
     });
-    panelElements.map(function (panelElement) {
+    panelElements.map(function (panelElement, i) {
+      prevSize.current = panelSize(panelSizes, 0);
       if (panelElement.childNodes && utils.ObjectUtils.isNotEmpty(utils.DomHandler.find(panelElement, "[data-pc-name='splitter']") && utils.DomHandler.find(panelElement, "[data-pc-section='root']"))) {
         !isUnstyled() && utils.DomHandler.addClass(panelElement, 'p-splitter-panel-nested');
         panelElement.setAttribute('data-p-splitter-panel-nested', true);
@@ -444,6 +525,10 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       onMouseDown: function onMouseDown(event) {
         return onGutterMouseDown(event, index);
       },
+      onKeyDown: function onKeyDown(event) {
+        return onGutterKeyDown(event, index);
+      },
+      onKeyUp: onGutterKeyUp,
       onTouchStart: function onTouchStart(event) {
         return onGutterTouchStart(event, index);
       },
@@ -456,7 +541,10 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       'data-p-splitter-gutter-resizing': false
     }, ptm('gutter'));
     var gutterHandlerProps = utils.mergeProps({
-      className: cx('gutterHandler')
+      tabIndex: 0,
+      className: cx('gutterHandler'),
+      'aria-orientation': props.layout,
+      'aria-valuenow': prevSize.current
     }, 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)';

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"),l=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 o=i(e);function u(){return u=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},u.apply(this,arguments)}function s(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 a(e){if(Array.isArray(e))return s(e)}function c(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 s(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)?s(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,l,i,o,u=[],s=!0,a=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;s=!1}else for(;!(s=(n=i.call(r)).done)&&(u.push(n.value),u.length!==t);s=!0);}catch(e){a=!0,l=e}finally{try{if(!s&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(a)throw l}}return u}}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 y(e)||h(e,t)||p(e,t)||b()}var S=r.ComponentBase.extend({defaultProps:{__TYPE:"Splitter",className:null,gutterSize:4,id:null,layout:"horizontal",onResizeEnd:null,stateKey:null,stateStorage:"session",style:null,children:void 0},css:{classes:{root:function(e){return l.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"}}),z=r.ComponentBase.extend({defaultProps:{__TYPE:"SplitterPanel",className:null,minSize:null,size:null,style:null,children:void 0},getCProps:function(e){return l.ObjectUtils.getComponentProps(e,z.defaultProps)},getCOtherProps:function(e){return l.ObjectUtils.getComponentDiffProps(e,z.defaultProps)},getCProp:function(e,t){return l.ObjectUtils.getComponentProp(e,t,z.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 w(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,l,i;n=e,i=r[t],(l=m(l=t))in n?Object.defineProperty(n,l,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[l]=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 P=function(){},j=o.memo(o.forwardRef((function(e,i){var s=o.useContext(t.PrimeReactContext),d=S.getProps(e,s),g=o.useRef(null),m=o.useRef(),y=o.useRef({}),h=o.useRef(null),b=o.useRef(null),O=o.useRef(null),P=o.useRef(null),j=o.useRef(null),E=o.useRef(null),x=o.useRef(null),D=o.useRef(null),H=o.useRef(null),C=o.useRef(null),N=v(o.useState([]),2),R=N[0],A=N[1],I=v(o.useState(!1),2),T=I[0],_=I[1],k=null!=d.stateKey,U=d.children&&d.children.length||1,L=function(e,t){return t in e?e[t]:d.children&&[].concat(d.children)[t].props.size||100/U},M={props:d,state:{panelSizes:R,nested:!0===l.DomHandler.getAttribute(g.current&&g.current.parentElement,"data-p-splitter-panel-nested")}},Y=S.setMetaData(w({},M)),q=Y.ptm,B=Y.cx,K=Y.isUnstyled;r.useHandleStyle(S.css.styles,K,{name:"splitter"});var X=v(n.useEventListener({type:"mousemove",listener:function(e){return le(e)}}),2),W=X[0],J=X[1],F=v(n.useEventListener({type:"mouseup",listener:function(e){ie(e),Q()}}),2),$=F[0],G=F[1],Q=function(){J(),G()},V=function(e,t){return z.getCProp(e,t)},Z=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(d.children[C.current].props&&d.children[C.current].props.minSize&&d.children[C.current].props.minSize>e)&&!(d.children[C.current+1].props&&d.children[C.current+1].props.minSize&&d.children[C.current+1].props.minSize>t)))},ee=o.useCallback((function(){switch(d.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(d.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[d.stateStorage]),te=function(e){l.ObjectUtils.isArray(e)&&ee().setItem(d.stateKey,JSON.stringify(e))},re=o.useCallback((function(){var e=ee().getItem(d.stateKey);e&&A(JSON.parse(e))}),[ee,d.stateKey]),ne=function(e,t){m.current=y.current[t];var r="touchstart"===e.type?e.touches[0].pageX:e.pageX,n="touchstart"===e.type?e.touches[0].pageY:e.pageY;h.current="horizontal"===d.layout?l.DomHandler.getWidth(g.current):l.DomHandler.getHeight(g.current),b.current=!0,O.current="horizontal"===d.layout?r:n,P.current=m.current.previousElementSibling,j.current=m.current.nextElementSibling,E.current=100*("horizontal"===d.layout?l.DomHandler.getOuterWidth(P.current,!0):l.DomHandler.getOuterHeight(P.current,!0))/h.current,x.current=E.current,D.current=100*("horizontal"===d.layout?l.DomHandler.getOuterWidth(j.current,!0):l.DomHandler.getOuterHeight(j.current,!0))/h.current,H.current=D.current,C.current=t,!K()&&l.DomHandler.addClass(m.current,"p-splitter-gutter-resizing"),m.current.setAttribute("data-p-splitter-gutter-resizing",!0),!K()&&l.DomHandler.addClass(g.current,"p-splitter-resizing"),g.current.setAttribute("data-p-splitter-resizing",!0)},le=function(e){var t,r=E.current+(t="horizontal"===d.layout?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/h.current-100*O.current/h.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/h.current-100*O.current/h.current),n=D.current-t;Z(r,n)&&(x.current=r,H.current=n,P.current.style.flexBasis="calc("+r+"% - "+(d.children.length-1)*d.gutterSize+"px)",j.current.style.flexBasis="calc("+n+"% - "+(d.children.length-1)*d.gutterSize+"px)")},ie=function(e){A((function(t){for(var r=[],n=0;n<d.children.length;n++)r[n]=L(t,n);return r[C.current]=x.current,r[C.current+1]=H.current,d.onResizeEnd&&d.onResizeEnd({originalEvent:e,sizes:r}),k&&te(r),r})),!K()&&l.DomHandler.removeClass(m.current,"p-splitter-gutter-resizing"),m.current.setAttribute("data-p-splitter-gutter-resizing",!1),!K()&&l.DomHandler.removeClass(g.current,"p-splitter-resizing"),g.current.setAttribute("data-p-splitter-resizing",!1),b.current=!1,h.current=null,O.current=null,P.current=null,j.current=null,E.current=null,x.current=null,D.current=null,H.current=null,C.current=null},oe=function(e,t){ne(e,t),W(),$()},ue=function(e,t){ne(e,t),window.addEventListener("touchmove",se,{passive:!1,cancelable:!1}),window.addEventListener("touchend",ae)},se=function(e){le(e)},ae=function e(t){ie(t),window.removeEventListener("touchmove",se),window.removeEventListener("touchend",e)};o.useImperativeHandle(i,(function(){return{props:d,getElement:function(){return g.current}}})),o.useEffect((function(){var e;(e=g.current.children,a(e)||c(e)||p(e)||f()).filter((function(e){return"splitterpanel.root"===l.DomHandler.getAttribute(e,"data-pc-section")})).map((function(e){e.childNodes&&l.ObjectUtils.isNotEmpty(l.DomHandler.find(e,"[data-pc-name='splitter']")&&l.DomHandler.find(e,"[data-pc-section='root']"))&&(!K()&&l.DomHandler.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),_(!0))}))}),[]),o.useEffect((function(){k&&re()}),[re,k]);var ce=function(e,t){var r=l.classNames(V(e,"className"),B("panel.root")),n=l.mergeProps({ref:function(e){return y.current[t]=e},className:B("gutter"),style:"horizontal"===d.layout?{width:d.gutterSize+"px"}:{height:d.gutterSize+"px"},onMouseDown:function(e){return oe(e,t)},onTouchStart:function(e){return ue(e,t)},onTouchMove:function(e){return se(e)},onTouchEnd:function(e){return ae(e)},"data-p-splitter-gutter-resizing":!1},q("gutter")),i=l.mergeProps({className:B("gutterHandler")},q("gutterHandler")),u=t!==d.children.length-1&&o.createElement("div",n,o.createElement("div",i)),s="calc("+L(R,t)+"% - "+(U-1)*d.gutterSize+"px)",a=l.mergeProps({key:t,id:V(e,"id"),className:r,style:w(w({},V(e,"style")),{},{flexBasis:s}),role:"presentation","data-p-splitter-panel-nested":!1},q("splitterpanel.root",{context:{nested:T}}));return o.createElement(o.Fragment,null,o.createElement("div",a,V(e,"children")),u)},pe=l.mergeProps({id:d.id,style:d.style,className:l.classNames(d.className,B("root")),"data-p-splitter-resizing":!1},S.getOtherProps(d),q("root")),fe=o.Children.map(d.children,ce);return o.createElement("div",u({ref:g},pe),fe)})));P.displayName="SplitterPanel",j.displayName="Splitter",exports.Splitter=j,exports.SplitterPanel=P;
+"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 s(e){if(Array.isArray(e))return a(e)}function c(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,s=!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){s=!0,u=e}finally{try{if(!a&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(s)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 P=function(){},j=l.memo(l.forwardRef((function(e,i){var a=l.useContext(t.PrimeReactContext),d=w.getProps(e,a),g=l.useRef(null),m=l.useRef(),y=l.useRef({}),h=l.useRef(null),v=l.useRef(null),S=l.useRef(null),P=l.useRef(null),j=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=b(l.useState([]),2),k=N[0],T=N[1],I=b(l.useState(!1),2),U=I[0],_=I[1],K=null!=d.stateKey,L=d.children&&d.children.length||1,M=function(e,t){return t in e?e[t]:d.children&&[].concat(d.children)[t].props.size||100/L},Y={props:d,state:{panelSizes:k,nested:!0===u.DomHandler.getAttribute(g.current&&g.current.parentElement,"data-p-splitter-panel-nested")}},q=w.setMetaData(z({},Y)),B=q.ptm,W=q.cx,X=q.isUnstyled;r.useHandleStyle(w.css.styles,X,{name:"splitter"});var F=b(n.useEventListener({type:"mousemove",listener:function(e){return le(e)}}),2),J=F[0],$=F[1],G=b(n.useEventListener({type:"mouseup",listener:function(e){oe(e),Z()}}),2),Q=G[0],V=G[1],Z=function(){$(),V()},ee=function(e,t){return O.getCProp(e,t)},te=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(d.children[R.current].props&&d.children[R.current].props.minSize&&d.children[R.current].props.minSize>e)&&!(d.children[R.current+1].props&&d.children[R.current+1].props.minSize&&d.children[R.current+1].props.minSize>t)))},re=l.useCallback((function(){switch(d.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(d.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[d.stateStorage]),ne=function(e){u.ObjectUtils.isArray(e)&&re().setItem(d.stateKey,JSON.stringify(e))},ue=l.useCallback((function(){var e=re().getItem(d.stateKey);e&&T(JSON.parse(e))}),[re,d.stateKey]),ie=function(e,t,r){m.current=y.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"===d.layout;h.current=l?u.DomHandler.getWidth(g.current):u.DomHandler.getHeight(g.current),v.current=!0,S.current=l?n:i,P.current=m.current.previousElementSibling,j.current=m.current.nextElementSibling,r?(D.current=l?u.DomHandler.getOuterWidth(P.current,!0):u.DomHandler.getOuterHeight(P.current,!0),H.current=l?u.DomHandler.getOuterWidth(j.current,!0):u.DomHandler.getOuterHeight(j.current,!0)):(D.current=100*(l?u.DomHandler.getOuterWidth(P.current,!0):u.DomHandler.getOuterHeight(P.current,!0))/h.current,H.current=100*(l?u.DomHandler.getOuterWidth(j.current,!0):u.DomHandler.getOuterHeight(j.current,!0))/h.current),x.current=D.current,A.current=H.current,R.current=t,!X()&&u.DomHandler.addClass(m.current,"p-splitter-gutter-resizing"),m.current.setAttribute("data-p-splitter-gutter-resizing",!0),!X()&&u.DomHandler.addClass(g.current,"p-splitter-resizing"),g.current.setAttribute("data-p-splitter-resizing",!0)},le=function(e){var t,r,n,u=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i="horizontal"===d.layout;arguments.length>2&&void 0!==arguments[2]&&arguments[2]?i?(n=100*(D.current+u)/h.current,r=100*(H.current-u)/h.current):(n=100*(D.current-u)/h.current,r=100*(H.current+u)/h.current):(n=D.current+(t=i?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/h.current-100*S.current/h.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/h.current-100*S.current/h.current),r=H.current-t),te(n,r)&&(x.current=n,A.current=r,P.current.style.flexBasis="calc("+n+"% - "+(d.children.length-1)*d.gutterSize+"px)",j.current.style.flexBasis="calc("+r+"% - "+(d.children.length-1)*d.gutterSize+"px)",E.current=parseFloat(n).toFixed(4))},oe=function(e){T((function(t){for(var r=[],n=0;n<d.children.length;n++)r[n]=M(t,n);return r[R.current]=x.current,r[R.current+1]=A.current,d.onResizeEnd&&d.onResizeEnd({originalEvent:e,sizes:r}),K&&ne(r),r})),!X()&&u.DomHandler.removeClass(m.current,"p-splitter-gutter-resizing"),y.current&&Object.keys(y.current).forEach((function(e){return y.current[e].setAttribute("data-p-splitter-gutter-resizing",!1)})),!X()&&u.DomHandler.removeClass(g.current,"p-splitter-resizing"),g.current.setAttribute("data-p-splitter-resizing",!1),v.current=!1,h.current=null,S.current=null,P.current=null,j.current=null,D.current=null,x.current=null,H.current=null,A.current=null,R.current=null},ae=function(){fe(),oe()},se=function(e,t){switch(e.code){case"ArrowLeft":"horizontal"===d.layout&&pe(e,t,-1*d.step),e.preventDefault();break;case"ArrowRight":"horizontal"===d.layout&&pe(e,t,d.step),e.preventDefault();break;case"ArrowDown":"vertical"===d.layout&&pe(e,t,-1*d.step),e.preventDefault();break;case"ArrowUp":"vertical"===d.layout&&pe(e,t,d.step),e.preventDefault()}},ce=function(e,t,r){ie(e,t,!0),le(e,r,!0)},pe=function(e,t,r){fe(),C.current=setTimeout((function(){ce(e,t,r)}),40)},fe=function(){C.current&&clearTimeout(C.current)},de=function(e,t){ie(e,t,!1),J(),Q()},ge=function(e,t){ie(e,t,!1),window.addEventListener("touchmove",me,{passive:!1,cancelable:!1}),window.addEventListener("touchend",ye)},me=function(e){le(e)},ye=function e(t){oe(t),window.removeEventListener("touchmove",me),window.removeEventListener("touchend",e)};l.useImperativeHandle(i,(function(){return{props:d,getElement:function(){return g.current}}})),l.useEffect((function(){var e;(e=g.current.children,s(e)||c(e)||p(e)||f()).filter((function(e){return"splitterpanel.root"===u.DomHandler.getAttribute(e,"data-pc-section")})).map((function(e,t){E.current=M(k,0),e.childNodes&&u.ObjectUtils.isNotEmpty(u.DomHandler.find(e,"[data-pc-name='splitter']")&&u.DomHandler.find(e,"[data-pc-section='root']"))&&(!X()&&u.DomHandler.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),_(!0))}))}),[]),l.useEffect((function(){K&&ue()}),[ue,K]);var he=function(e,t){var r=u.classNames(ee(e,"className"),W("panel.root")),n=u.mergeProps({ref:function(e){return y.current[t]=e},className:W("gutter"),style:"horizontal"===d.layout?{width:d.gutterSize+"px"}:{height:d.gutterSize+"px"},onMouseDown:function(e){return de(e,t)},onKeyDown:function(e){return se(e,t)},onKeyUp:ae,onTouchStart:function(e){return ge(e,t)},onTouchMove:function(e){return me(e)},onTouchEnd:function(e){return ye(e)},"data-p-splitter-gutter-resizing":!1},B("gutter")),i=u.mergeProps({tabIndex:0,className:W("gutterHandler"),"aria-orientation":d.layout,"aria-valuenow":E.current},B("gutterHandler")),o=t!==d.children.length-1&&l.createElement("div",n,l.createElement("div",i)),a="calc("+M(k,t)+"% - "+(L-1)*d.gutterSize+"px)",s=u.mergeProps({key:t,id:ee(e,"id"),className:r,style:z(z({},ee(e,"style")),{},{flexBasis:a}),role:"presentation","data-p-splitter-panel-nested":!1},B("splitterpanel.root",{context:{nested:U}}));return l.createElement(l.Fragment,null,l.createElement("div",s,ee(e,"children")),o)},ve=u.mergeProps({id:d.id,style:d.style,className:u.classNames(d.className,W("root")),"data-p-splitter-resizing":!1},w.getOtherProps(d),B("root")),be=l.Children.map(d.children,he);return l.createElement("div",o({ref:g},ve),be)})));P.displayName="SplitterPanel",j.displayName="Splitter",exports.Splitter=j,exports.SplitterPanel=P;

package/splitter/splitter.d.ts

@@ -127,6 +127,11 @@ interface SplitterPanelProps {
      * @readonly
      */
     children?: React.ReactNode | undefined;
+    /**
+     * Step factor to increment/decrement the size of the panels while pressing the arrow keys.
+     * @defaultValue 5
+     */
+    step?: number | undefined;
     /**
      * Uses to pass attributes to DOM elements inside the component.
      * @type {SplitterPanelPassThroughOptions}

package/splitter/splitter.esm.js

@@ -143,13 +143,14 @@ var classes = {
     root: 'p-splitter-panel'
   }
 };
-var 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";
+var 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";
 var SplitterBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Splitter',
     className: null,
     gutterSize: 4,
     id: null,
+    step: 5,
     layout: 'horizontal',
     onResizeEnd: null,
     stateKey: null,
@@ -197,10 +198,12 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   var prevPanelElement = React.useRef(null);
   var nextPanelElement = React.useRef(null);
   var prevPanelSize = React.useRef(null);
+  var prevSize = React.useRef(null);
   var prevPanelSizeNew = React.useRef(null);
   var nextPanelSize = React.useRef(null);
   var nextPanelSizeNew = React.useRef(null);
   var prevPanelIndex = React.useRef(null);
+  var timer = React.useRef(null);
   var _React$useState = React.useState([]),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     panelSizes = _React$useState2[0],
@@ -307,18 +310,24 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     var stateString = getStorage().getItem(props.stateKey);
     if (stateString) setPanelSizes(JSON.parse(stateString));
   }, [getStorage, props.stateKey]);
-  var onResizeStart = function onResizeStart(event, index) {
+  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;
-    size.current = props.layout === 'horizontal' ? DomHandler.getWidth(elementRef.current) : DomHandler.getHeight(elementRef.current);
+    var horizontal = props.layout === 'horizontal';
+    size.current = horizontal ? DomHandler.getWidth(elementRef.current) : DomHandler.getHeight(elementRef.current);
     dragging.current = true;
-    startPos.current = props.layout === 'horizontal' ? pageX : pageY;
+    startPos.current = horizontal ? pageX : pageY;
     prevPanelElement.current = gutterRef.current.previousElementSibling;
     nextPanelElement.current = gutterRef.current.nextElementSibling;
-    prevPanelSize.current = 100 * (props.layout === 'horizontal' ? DomHandler.getOuterWidth(prevPanelElement.current, true) : DomHandler.getOuterHeight(prevPanelElement.current, true)) / size.current;
+    if (isKeyDown) {
+      prevPanelSize.current = horizontal ? DomHandler.getOuterWidth(prevPanelElement.current, true) : DomHandler.getOuterHeight(prevPanelElement.current, true);
+      nextPanelSize.current = horizontal ? DomHandler.getOuterWidth(nextPanelElement.current, true) : DomHandler.getOuterHeight(nextPanelElement.current, true);
+    } else {
+      prevPanelSize.current = 100 * (horizontal ? DomHandler.getOuterWidth(prevPanelElement.current, true) : DomHandler.getOuterHeight(prevPanelElement.current, true)) / size.current;
+      nextPanelSize.current = 100 * (horizontal ? DomHandler.getOuterWidth(nextPanelElement.current, true) : DomHandler.getOuterHeight(nextPanelElement.current, true)) / size.current;
+    }
     prevPanelSizeNew.current = prevPanelSize.current;
-    nextPanelSize.current = 100 * (props.layout === 'horizontal' ? DomHandler.getOuterWidth(nextPanelElement.current, true) : DomHandler.getOuterHeight(nextPanelElement.current, true)) / size.current;
     nextPanelSizeNew.current = nextPanelSize.current;
     prevPanelIndex.current = index;
     !isUnstyled() && DomHandler.addClass(gutterRef.current, 'p-splitter-gutter-resizing');
@@ -327,17 +336,31 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     elementRef.current.setAttribute('data-p-splitter-resizing', true);
   };
   var onResize = function onResize(event) {
-    var newPos;
+    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 (props.layout === 'horizontal') newPos = pageX * 100 / size.current - startPos.current * 100 / size.current;else newPos = pageY * 100 / size.current - startPos.current * 100 / size.current;
-    var newPrevPanelSize = prevPanelSize.current + newPos;
-    var newNextPanelSize = nextPanelSize.current - newPos;
+    if (isKeyDown) {
+      if (horizontal) {
+        newPrevPanelSize = 100 * (prevPanelSize.current + step) / size.current;
+        newNextPanelSize = 100 * (nextPanelSize.current - step) / size.current;
+      } else {
+        newPrevPanelSize = 100 * (prevPanelSize.current - step) / size.current;
+        newNextPanelSize = 100 * (nextPanelSize.current + step) / size.current;
+      }
+    } else {
+      if (horizontal) newPos = pageX * 100 / size.current - startPos.current * 100 / size.current;else newPos = pageY * 100 / size.current - startPos.current * 100 / size.current;
+      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);
     }
   };
   var onResizeEnd = function onResizeEnd(event) {
@@ -356,17 +379,74 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       return sizes;
     });
     !isUnstyled() && DomHandler.removeClass(gutterRef.current, 'p-splitter-gutter-resizing');
-    gutterRef.current.setAttribute('data-p-splitter-gutter-resizing', false);
+    gutterRefs.current && Object.keys(gutterRefs.current).forEach(function (key) {
+      return gutterRefs.current[key].setAttribute('data-p-splitter-gutter-resizing', false);
+    });
     !isUnstyled() && DomHandler.removeClass(elementRef.current, 'p-splitter-resizing');
     elementRef.current.setAttribute('data-p-splitter-resizing', false);
     clear();
   };
+  var onGutterKeyUp = function onGutterKeyUp() {
+    clearTimer();
+    onResizeEnd();
+  };
+  var onGutterKeyDown = function onGutterKeyDown(event, index) {
+    switch (event.code) {
+      case 'ArrowLeft':
+        {
+          if (props.layout === 'horizontal') {
+            setTimer(event, index, props.step * -1);
+          }
+          event.preventDefault();
+          break;
+        }
+      case 'ArrowRight':
+        {
+          if (props.layout === 'horizontal') {
+            setTimer(event, index, props.step);
+          }
+          event.preventDefault();
+          break;
+        }
+      case 'ArrowDown':
+        {
+          if (props.layout === 'vertical') {
+            setTimer(event, index, props.step * -1);
+          }
+          event.preventDefault();
+          break;
+        }
+      case 'ArrowUp':
+        {
+          if (props.layout === 'vertical') {
+            setTimer(event, index, props.step);
+          }
+          event.preventDefault();
+          break;
+        }
+    }
+  };
+  var repeat = function repeat(event, index, step) {
+    onResizeStart(event, index, true);
+    onResize(event, step, true);
+  };
+  var setTimer = function setTimer(event, index, step) {
+    clearTimer();
+    timer.current = setTimeout(function () {
+      repeat(event, index, step);
+    }, 40);
+  };
+  var clearTimer = function clearTimer() {
+    if (timer.current) {
+      clearTimeout(timer.current);
+    }
+  };
   var onGutterMouseDown = function onGutterMouseDown(event, index) {
-    onResizeStart(event, index);
+    onResizeStart(event, index, false);
     bindMouseListeners();
   };
   var onGutterTouchStart = function onGutterTouchStart(event, index) {
-    onResizeStart(event, index);
+    onResizeStart(event, index, false);
     window.addEventListener('touchmove', onGutterTouchMove, {
       passive: false,
       cancelable: false
@@ -393,7 +473,8 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     var panelElements = _toConsumableArray(elementRef.current.children).filter(function (child) {
       return DomHandler.getAttribute(child, 'data-pc-section') === 'splitterpanel.root';
     });
-    panelElements.map(function (panelElement) {
+    panelElements.map(function (panelElement, i) {
+      prevSize.current = panelSize(panelSizes, 0);
       if (panelElement.childNodes && ObjectUtils.isNotEmpty(DomHandler.find(panelElement, "[data-pc-name='splitter']") && DomHandler.find(panelElement, "[data-pc-section='root']"))) {
         !isUnstyled() && DomHandler.addClass(panelElement, 'p-splitter-panel-nested');
         panelElement.setAttribute('data-p-splitter-panel-nested', true);
@@ -420,6 +501,10 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       onMouseDown: function onMouseDown(event) {
         return onGutterMouseDown(event, index);
       },
+      onKeyDown: function onKeyDown(event) {
+        return onGutterKeyDown(event, index);
+      },
+      onKeyUp: onGutterKeyUp,
       onTouchStart: function onTouchStart(event) {
         return onGutterTouchStart(event, index);
       },
@@ -432,7 +517,10 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       'data-p-splitter-gutter-resizing': false
     }, ptm('gutter'));
     var gutterHandlerProps = mergeProps({
-      className: cx('gutterHandler')
+      tabIndex: 0,
+      className: cx('gutterHandler'),
+      'aria-orientation': props.layout,
+      'aria-valuenow': prevSize.current
     }, ptm('gutterHandler'));
     var gutter = index !== props.children.length - 1 && /*#__PURE__*/React.createElement("div", gutterProps, /*#__PURE__*/React.createElement("div", gutterHandlerProps));
     var flexBasis = 'calc(' + panelSize(panelSizes, index) + '% - ' + (childrenLength - 1) * props.gutterSize + 'px)';