primereact 10.4.0 → 10.5.0

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

@@ -219,6 +219,7 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   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: {
@@ -313,10 +314,9 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     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 ? DomHandler.getWidth(elementRef.current) : DomHandler.getHeight(elementRef.current);
     dragging.current = true;
     startPos.current = horizontal ? pageX : pageY;
@@ -341,7 +341,6 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     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) {
@@ -391,7 +390,7 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     switch (event.code) {
       case 'ArrowLeft':
         {
-          if (props.layout === 'horizontal') {
+          if (horizontal) {
             setTimer(event, index, props.step * -1);
           }
           event.preventDefault();
@@ -399,7 +398,7 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         }
       case 'ArrowRight':
         {
-          if (props.layout === 'horizontal') {
+          if (horizontal) {
             setTimer(event, index, props.step);
           }
           event.preventDefault();
@@ -407,7 +406,7 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         }
       case 'ArrowDown':
         {
-          if (props.layout === 'vertical') {
+          if (!horizontal) {
             setTimer(event, index, props.step * -1);
           }
           event.preventDefault();
@@ -415,7 +414,7 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         }
       case 'ArrowUp':
         {
-          if (props.layout === 'vertical') {
+          if (!horizontal) {
             setTimer(event, index, props.step);
           }
           event.preventDefault();
@@ -435,7 +434,7 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         }
       case 'Enter':
         {
-          if (prevSize.current > 99) {
+          if (prevSize.current > 100 - (minSize || 5)) {
             resizePanel(index, minSize, 100);
           } else {
             resizePanel(index, 100, minSize);
@@ -464,14 +463,16 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     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) {
@@ -532,7 +533,7 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         return gutterRefs.current[index] = el;
       },
       className: cx('gutter'),
-      style: props.layout === 'horizontal' ? {
+      style: horizontal ? {
         width: props.gutterSize + 'px'
       } : {
         height: props.gutterSize + 'px'
@@ -559,7 +560,7 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     var gutterHandlerProps = mergeProps({
       tabIndex: getPanelProp(panel, 'tabIndex') || 0,
       className: cx('gutterHandler'),
-      'aria-orientation': props.layout === 'horizontal' ? 'vertical' : 'horizontal',
+      'aria-orientation': horizontal ? 'vertical' : 'horizontal',
       'aria-controls': panelId,
       'aria-label': getPanelProp(panel, 'aria-label'),
       'aria-labelledby': getPanelProp(panel, 'aria-labelledby'),

package/splitter/splitter.esm.min.js

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

package/splitter/splitter.js

@@ -236,6 +236,7 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
     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: {
@@ -330,10 +331,9 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
       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;
@@ -358,7 +358,6 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
       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) {
@@ -408,7 +407,7 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
       switch (event.code) {
         case 'ArrowLeft':
           {
-            if (props.layout === 'horizontal') {
+            if (horizontal) {
               setTimer(event, index, props.step * -1);
             }
             event.preventDefault();
@@ -416,7 +415,7 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
           }
         case 'ArrowRight':
           {
-            if (props.layout === 'horizontal') {
+            if (horizontal) {
               setTimer(event, index, props.step);
             }
             event.preventDefault();
@@ -424,7 +423,7 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
           }
         case 'ArrowDown':
           {
-            if (props.layout === 'vertical') {
+            if (!horizontal) {
               setTimer(event, index, props.step * -1);
             }
             event.preventDefault();
@@ -432,7 +431,7 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
           }
         case 'ArrowUp':
           {
-            if (props.layout === 'vertical') {
+            if (!horizontal) {
               setTimer(event, index, props.step);
             }
             event.preventDefault();
@@ -452,7 +451,7 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
           }
         case 'Enter':
           {
-            if (prevSize.current > 99) {
+            if (prevSize.current > 100 - (minSize || 5)) {
               resizePanel(index, minSize, 100);
             } else {
               resizePanel(index, 100, minSize);
@@ -481,14 +480,16 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
       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) {
@@ -549,7 +550,7 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
           return gutterRefs.current[index] = el;
         },
         className: cx('gutter'),
-        style: props.layout === 'horizontal' ? {
+        style: horizontal ? {
           width: props.gutterSize + 'px'
         } : {
           height: props.gutterSize + 'px'
@@ -576,7 +577,7 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
       var gutterHandlerProps = mergeProps({
         tabIndex: getPanelProp(panel, 'tabIndex') || 0,
         className: cx('gutterHandler'),
-        'aria-orientation': props.layout === 'horizontal' ? 'vertical' : 'horizontal',
+        'aria-orientation': horizontal ? 'vertical' : 'horizontal',
         'aria-controls': panelId,
         'aria-label': getPanelProp(panel, 'aria-label'),
         'aria-labelledby': getPanelProp(panel, 'aria-labelledby'),

package/splitter/splitter.min.js

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

package/tabview/tabview.cjs.js

@@ -236,8 +236,10 @@ var TabViewBase = componentbase.ComponentBase.extend({
 var TabPanelBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'TabPanel',
+    children: undefined,
     className: null,
     closable: false,
+    closeIcon: null,
     contentClassName: null,
     contentStyle: null,
     disabled: false,
@@ -246,12 +248,11 @@ var TabPanelBase = componentbase.ComponentBase.extend({
     headerStyle: null,
     headerTemplate: null,
     leftIcon: null,
-    rightIcon: null,
-    prevButton: null,
     nextButton: null,
-    closeIcon: null,
+    prevButton: null,
+    rightIcon: null,
     style: null,
-    children: undefined
+    visible: true
   },
   getCProp: function getCProp(tab, name) {
     return utils.ObjectUtils.getComponentProp(tab, name, TabPanelBase.defaultProps);
@@ -345,7 +346,7 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     return TabPanelBase.getCProp(tab, name);
   };
   var shouldUseTab = function shouldUseTab(tab) {
-    return tab && utils.ObjectUtils.isValidChild(tab, 'TabPanel') && hiddenTabsState.every(function (_i) {
+    return tab && getTabProp(tab, 'visible') && utils.ObjectUtils.isValidChild(tab, 'TabPanel') && hiddenTabsState.every(function (_i) {
       return _i !== tab.key;
     });
   };

package/tabview/tabview.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/hooks"),a=require("primereact/icons/chevronleft"),o=require("primereact/icons/chevronright"),l=require("primereact/icons/times"),i=require("primereact/ripple"),c=require("primereact/utils");function s(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 u=s(e);function p(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 d(e){if(Array.isArray(e))return p(e)}function b(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function f(e,t){if(e){if("string"==typeof e)return p(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)?p(e,t):void 0}}function v(){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 m(e){return m="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},m(e)}function h(e,t){if("object"!==m(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=h(e,"string");return"symbol"===m(t)?t:String(t)}function g(e,t,n){return(t=y(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function w(e){if(Array.isArray(e))return e}function x(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,l,i=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw a}}return i}}function O(){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 C(e,t){return w(e)||x(e,t)||f(e,t)||O()}function P(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 S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var E=n.ComponentBase.extend({defaultProps:{__TYPE:"TabView",id:null,activeIndex:0,className:null,onBeforeTabChange:null,onBeforeTabClose:null,onTabChange:null,onTabClose:null,panelContainerClassName:null,panelContainerStyle:null,renderActiveOnly:!0,scrollable:!1,style:null,children:void 0},css:{classes:{navcontent:"p-tabview-nav-content",nav:"p-tabview-nav",inkbar:"p-tabview-ink-bar",panelcontainer:function(e){return c.classNames("p-tabview-panels",e.props.panelContainerClassName)},prevbutton:"p-tabview-nav-prev p-tabview-nav-btn p-link",nextbutton:"p-tabview-nav-next p-tabview-nav-btn p-link",root:function(e){var t=e.props;return c.classNames("p-tabview p-component",{"p-tabview-scrollable":t.scrollable},t.className)},navcontainer:"p-tabview-nav-container",tab:{header:function(e){return c.classNames("p-unselectable-text",{"p-tabview-selected p-highlight":e.selected,"p-disabled":e.disabled},e.headerClassName,e._className)},headertitle:"p-tabview-title",headeraction:"p-tabview-nav-link",content:function(e){var t=e.props,n=e.selected,r=e.getTabProp,a=e.tab,o=e.isSelected,l=e.index;return!(0,e.shouldUseTab)(a,l)||t.renderActiveOnly&&!o(l)?void 0:c.classNames(r(a,"contentClassName"),r(a,"className"),"p-tabview-panel",{"p-hidden":!n})}}},styles:"\n@layer primereact {\n    .p-tabview-nav-container {\n        position: relative;\n    }\n    \n    .p-tabview-scrollable .p-tabview-nav-container {\n        overflow: hidden;\n    }\n    \n    .p-tabview-nav-content {\n        overflow-x: auto;\n        overflow-y: hidden;\n        scroll-behavior: smooth;\n        scrollbar-width: none;\n        overscroll-behavior: contain auto;\n        position: relative;\n    }\n    \n    .p-tabview-nav {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        flex: 1 1 auto;\n    }\n    \n    .p-tabview-nav-link {\n        cursor: pointer;\n        user-select: none;\n        display: flex;\n        align-items: center;\n        position: relative;\n        text-decoration: none;\n        overflow: hidden;\n    }\n    \n    .p-tabview-ink-bar {\n        display: none;\n        z-index: 1;\n    }\n    \n    .p-tabview-nav-link:focus {\n        z-index: 1;\n    }\n    \n    .p-tabview-close {\n        z-index: 1;\n    }\n    \n    .p-tabview-title {\n        line-height: 1;\n        white-space: nowrap;\n    }\n    \n    .p-tabview-nav-btn {\n        position: absolute;\n        top: 0;\n        z-index: 2;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-tabview-nav-prev {\n        left: 0;\n    }\n    \n    .p-tabview-nav-next {\n        right: 0;\n    }\n    \n    .p-tabview-nav-content::-webkit-scrollbar {\n        display: none;\n    }\n}\n",inlineStyles:{tab:{header:function(e){var t=e._style;return S(S({},e.headerStyle||{}),t||{})},content:function(e){var t=e.props,n=e.getTabProp,r=e.tab,a=e.isSelected,o=e.index;return!(0,e.shouldUseTab)(r,o)||t.renderActiveOnly&&!a(o)?void 0:S(S({},n(r,"contentStyle")||{}),n(r,"style")||{})}}}}}),j=n.ComponentBase.extend({defaultProps:{__TYPE:"TabPanel",className:null,closable:!1,contentClassName:null,contentStyle:null,disabled:!1,header:null,headerClassName:null,headerStyle:null,headerTemplate:null,leftIcon:null,rightIcon:null,prevButton:null,nextButton:null,closeIcon:null,style:null,children:void 0},getCProp:function(e,t){return c.ObjectUtils.getComponentProp(e,t,j.defaultProps)},getCProps:function(e){return c.ObjectUtils.getComponentProps(e,j.defaultProps)},getCOtherProps:function(e){return c.ObjectUtils.getComponentDiffProps(e,j.defaultProps)}});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 N(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){g(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 I=function(){},T=u.forwardRef((function(e,s){var p=r.useMergeProps(),m=u.useContext(t.PrimeReactContext),h=E.getProps(e,m),y=C(u.useState(h.id),2),g=y[0],w=y[1],x=C(u.useState(!0),2),O=x[0],P=x[1],S=C(u.useState(!1),2),D=S[0],I=S[1],T=C(u.useState([]),2),k=T[0],U=T[1],_=C(u.useState(h.activeIndex),2),A=_[0],H=_[1],R=u.useRef(null),B=u.useRef(null),L=u.useRef(null),q=u.useRef(null),W=u.useRef(null),J=u.useRef(null),M=u.useRef({}),V=h.onTabChange?h.activeIndex:A,X=u.Children.count(h.children),z={props:h,state:{id:g,isPrevButtonDisabled:O,isNextButtonDisabled:D,hiddenTabsState:k,activeIndex:A}},K=E.setMetaData(N({},z)),Y=K.ptm,$=K.ptmo,F=K.cx,G=K.sx;n.useHandleStyle(E.css.styles,K.isUnstyled,{name:"tabview"});var Q=function(e,t,n){var r={props:e.props,parent:z,context:{index:n,count:X,first:0===n,last:n===X-1,active:n==A,disabled:ee(e,"disabled")}};return p(Y("tab.".concat(t),{tab:r}),Y("tabpanel.".concat(t),{tabpanel:r}),Y("tabpanel.".concat(t),r),$(ee(e,"pt"),t,r))},Z=function(e){return e===V},ee=function(e,t){return j.getCProp(e,t)},te=function(e){return e&&c.ObjectUtils.isValidChild(e,"TabPanel")&&k.every((function(t){return t!==e.key}))},ne=function(e,t){e.preventDefault();var n,r=h.onBeforeTabClose,a=h.onTabClose,o=h.children[t].key;r&&!1===r({originalEvent:e,index:t})||(U([].concat(d(n=k)||b(n)||f(n)||v(),[o])),a&&a({originalEvent:e,index:t}))},re=function(e,t,n){ae(e,t,n)},ae=function(e,t,n){if(e&&e.preventDefault(),!ee(t,"disabled")){if(h.onBeforeTabChange&&!1===h.onBeforeTabChange({originalEvent:e,index:n}))return;h.onTabChange?h.onTabChange({originalEvent:e,index:n}):H(n)}ye({index:n})},oe=function(e,t,n){switch(e.code){case"ArrowLeft":ie(e);break;case"ArrowRight":le(e);break;case"Home":ce(e);break;case"End":se(e);break;case"PageDown":ue(e);break;case"PageUp":pe(e);break;case"Enter":case"Space":de(e,t,n)}},le=function(e){var t=be(e.target.parentElement);t?he(t):ce(e),e.preventDefault()},ie=function(e){var t=fe(e.target.parentElement);t?he(t):se(e),e.preventDefault()},ce=function(e){var t=ve();he(t),e.preventDefault()},se=function(e){var t=me();he(t),e.preventDefault()},ue=function(e){ye({index:u.Children.count(h.children)-1}),e.preventDefault()},pe=function(e){ye({index:0}),e.preventDefault()},de=function(e,t,n){ae(e,t,n),e.preventDefault()},be=function e(t){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.nextElementSibling;return n?c.DomHandler.getAttribute(n,"data-p-disabled")||"inkbar"===c.DomHandler.getAttribute(n,"data-pc-section")?e(n):c.DomHandler.findSingle(n,'[data-pc-section="headeraction"]'):null},fe=function e(t){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.previousElementSibling;return n?c.DomHandler.getAttribute(n,"data-p-disabled")||"inkbar"===c.DomHandler.getAttribute(n,"data-pc-section")?e(n):c.DomHandler.findSingle(n,'[data-pc-section="headeraction"]'):null},ve=function(){return be(L.current.firstElementChild,!0)},me=function(){return fe(L.current.lastElementChild,!0)},he=function(e){e&&(c.DomHandler.focus(e),ye({element:e}))},ye=function(e){var t=e.element||M.current["tab_".concat(e.index)];t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest"})},ge=function(){var e=B.current,t=e.scrollLeft,n=e.scrollWidth,r=c.DomHandler.getWidth(B.current);P(0===t),I(t===n-r)},we=function(e){h.scrollable&&ge(),e.preventDefault()},xe=function(){return[W.current,J.current].reduce((function(e,t){return t?e+c.DomHandler.getWidth(t):e}),0)},Oe=function(){P(!0),I(!1),U([]),h.onTabChange?h.onTabChange({index:V}):H(h.activeIndex)};u.useEffect((function(){var e;e=M.current["tab_".concat(V)],q.current.style.width=c.DomHandler.getWidth(e)+"px",q.current.style.left=c.DomHandler.getOffset(e).left-c.DomHandler.getOffset(L.current).left+"px",ge()})),r.useMountEffect((function(){g||w(c.UniqueComponentId())})),r.useUpdateEffect((function(){if(c.ObjectUtils.isNotEmpty(k)){var e=(t=k[k.length-1],(n=u.Children.map(h.children,(function(e,t){if(te(e))return{tab:e,index:t}}))).find((function(e){var n=e.index;return!ee(e.tab,"disabled")&&n>=t}))||n.reverse().find((function(e){var n=e.index;return!ee(e.tab,"disabled")&&t>n})));e&&re(null,e.tab,e.index)}var t,n}),[k]),r.useUpdateEffect((function(){h.activeIndex!==A&&ye({index:h.activeIndex})}),[h.activeIndex]),u.useImperativeHandle(s,(function(){return{props:h,reset:Oe,getElement:function(){return R.current}}}));var Ce,Pe,Se,Ee,je,De,Ne,Ie,Te,ke=function(e,t){var n=Z(t),r=j.getCProps(e),a=r.headerStyle,o=r.headerClassName,s=r.style,d=r.className,b=r.disabled,f=r.leftIcon,v=r.rightIcon,m=r.header,y=r.headerTemplate,w=r.closable,x=r.closeIcon,O=g+"_header_"+t,C=g+t+"_content",P=b||!n?-1:0,S=f&&c.IconUtils.getJSXIcon(f,void 0,{props:h}),E=p({className:F("tab.headertitle")},Q(e,"headertitle",t)),D=u.createElement("span",E,m),N=v&&c.IconUtils.getJSXIcon(v,void 0,{props:h}),I="p-tabview-close",T=w?c.IconUtils.getJSXIcon(x||u.createElement(l.TimesIcon,{className:I,onClick:function(e){return ne(e,t)}}),{className:I,onClick:function(e){return ne(e,t)}},{props:h}):null,k=p({id:O,role:"tab",className:F("tab.headeraction"),tabIndex:P,"aria-controls":C,"aria-selected":n,"aria-disabled":b,onClick:function(n){return re(n,e,t)},onKeyDown:function(n){return oe(n,e,t)}},Q(e,"headeraction",t)),U=u.createElement("a",k,S,D,N,T,u.createElement(i.Ripple,null));y&&(U=c.ObjectUtils.getJSXElement(y,{className:"p-tabview-nav-link",titleClassName:"p-tabview-title",onClick:function(n){return re(n,e,t)},onKeyDown:function(n){return oe(n,e,t)},leftIconElement:S,titleElement:D,rightIconElement:N,element:U,props:h,index:t,selected:n,ariaControls:C}));var _=p({ref:function(e){return M.current["tab_".concat(t)]=e},className:F("tab.header",{selected:n,disabled:b,headerClassName:o,_className:d}),style:G("tab.header",{headerStyle:a,_style:s}),role:"presentation"},Q(e,"root",t),Q(e,"header",t));return u.createElement("li",_,U)},Ue=p({id:g,ref:R,style:h.style,className:F("root")},E.getOtherProps(h),Y("root")),_e=p({className:F("navcontainer")},Y("navcontainer")),Ae=(Ce=u.Children.map(h.children,(function(e,t){if(te(e))return ke(e,t)})),Pe=p({id:g,ref:B,className:F("navcontent"),style:h.style,onScroll:we},Y("navcontent")),Se=p({ref:L,className:F("nav"),role:"tablist"},Y("nav")),Ee=p({ref:q,"aria-hidden":"true",role:"presentation",className:F("inkbar")},Y("inkbar")),u.createElement("div",Pe,u.createElement("ul",Se,Ce,u.createElement("li",Ee)))),He=(je=p({className:F("panelcontainer"),style:h.panelContainerStyle},Y("panelcontainer")),De=u.Children.map(h.children,(function(e,t){if(te(e)&&(!h.renderActiveOnly||Z(t))){var n=Z(t),r=g+"_header_"+t,a=p({id:g+t+"_content",className:F("tab.content",{props:h,selected:n,getTabProp:ee,tab:e,isSelected:Z,shouldUseTab:te,index:t}),style:G("tab.content",{props:h,getTabProp:ee,tab:e,isSelected:Z,shouldUseTab:te,index:t}),role:"tabpanel","aria-labelledby":r},j.getCOtherProps(e),Q(e,"root",t),Q(e,"content",t));return u.createElement("div",a,h.renderActiveOnly?n&&ee(e,"children"):ee(e,"children"))}})),u.createElement("div",je,De)),Re=(Ne=p({"aria-hidden":"true"},Y("previcon")),Ie=c.IconUtils.getJSXIcon(h.prevButton||u.createElement(a.ChevronLeftIcon,Ne),N({},Ne),{props:h}),Te=p({ref:W,type:"button",className:F("prevbutton"),"aria-label":t.ariaLabel("previousPageLabel"),onClick:function(e){return t=c.DomHandler.getWidth(B.current)-xe(),void(B.current.scrollLeft=(n=B.current.scrollLeft-t)<=0?0:n);var t,n}},Y("prevbutton")),h.scrollable&&!O?u.createElement("button",Te,Ie,u.createElement(i.Ripple,null)):null),Be=function(){var e=p({"aria-hidden":"true"},Y("nexticon")),n=c.IconUtils.getJSXIcon(h.nextButton||u.createElement(o.ChevronRightIcon,e),N({},e),{props:h}),r=p({ref:J,type:"button",className:F("nextbutton"),"aria-label":t.ariaLabel("nextPageLabel"),onClick:function(e){return t=c.DomHandler.getWidth(B.current)-xe(),void(B.current.scrollLeft=(n=B.current.scrollLeft+t)>=(r=B.current.scrollWidth-t)?r:n);var t,n,r}},Y("nextbutton"));if(h.scrollable&&!D)return u.createElement("button",r,n,u.createElement(i.Ripple,null))}();return u.createElement("div",Ue,u.createElement("div",_e,Re,Ae,Be),He)}));I.displayName="TabPanel",T.displayName="TabView",exports.TabPanel=I,exports.TabView=T;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/hooks"),a=require("primereact/icons/chevronleft"),l=require("primereact/icons/chevronright"),o=require("primereact/icons/times"),i=require("primereact/ripple"),c=require("primereact/utils");function s(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 u=s(e);function p(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 d(e){if(Array.isArray(e))return p(e)}function b(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function f(e,t){if(e){if("string"==typeof e)return p(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)?p(e,t):void 0}}function v(){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 m(e){return m="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},m(e)}function h(e,t){if("object"!==m(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=h(e,"string");return"symbol"===m(t)?t:String(t)}function g(e,t,n){return(t=y(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function w(e){if(Array.isArray(e))return e}function x(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,o,i=[],c=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw a}}return i}}function O(){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 C(e,t){return w(e)||x(e,t)||f(e,t)||O()}function P(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 S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var E=n.ComponentBase.extend({defaultProps:{__TYPE:"TabView",id:null,activeIndex:0,className:null,onBeforeTabChange:null,onBeforeTabClose:null,onTabChange:null,onTabClose:null,panelContainerClassName:null,panelContainerStyle:null,renderActiveOnly:!0,scrollable:!1,style:null,children:void 0},css:{classes:{navcontent:"p-tabview-nav-content",nav:"p-tabview-nav",inkbar:"p-tabview-ink-bar",panelcontainer:function(e){return c.classNames("p-tabview-panels",e.props.panelContainerClassName)},prevbutton:"p-tabview-nav-prev p-tabview-nav-btn p-link",nextbutton:"p-tabview-nav-next p-tabview-nav-btn p-link",root:function(e){var t=e.props;return c.classNames("p-tabview p-component",{"p-tabview-scrollable":t.scrollable},t.className)},navcontainer:"p-tabview-nav-container",tab:{header:function(e){return c.classNames("p-unselectable-text",{"p-tabview-selected p-highlight":e.selected,"p-disabled":e.disabled},e.headerClassName,e._className)},headertitle:"p-tabview-title",headeraction:"p-tabview-nav-link",content:function(e){var t=e.props,n=e.selected,r=e.getTabProp,a=e.tab,l=e.isSelected,o=e.index;return!(0,e.shouldUseTab)(a,o)||t.renderActiveOnly&&!l(o)?void 0:c.classNames(r(a,"contentClassName"),r(a,"className"),"p-tabview-panel",{"p-hidden":!n})}}},styles:"\n@layer primereact {\n    .p-tabview-nav-container {\n        position: relative;\n    }\n    \n    .p-tabview-scrollable .p-tabview-nav-container {\n        overflow: hidden;\n    }\n    \n    .p-tabview-nav-content {\n        overflow-x: auto;\n        overflow-y: hidden;\n        scroll-behavior: smooth;\n        scrollbar-width: none;\n        overscroll-behavior: contain auto;\n        position: relative;\n    }\n    \n    .p-tabview-nav {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        flex: 1 1 auto;\n    }\n    \n    .p-tabview-nav-link {\n        cursor: pointer;\n        user-select: none;\n        display: flex;\n        align-items: center;\n        position: relative;\n        text-decoration: none;\n        overflow: hidden;\n    }\n    \n    .p-tabview-ink-bar {\n        display: none;\n        z-index: 1;\n    }\n    \n    .p-tabview-nav-link:focus {\n        z-index: 1;\n    }\n    \n    .p-tabview-close {\n        z-index: 1;\n    }\n    \n    .p-tabview-title {\n        line-height: 1;\n        white-space: nowrap;\n    }\n    \n    .p-tabview-nav-btn {\n        position: absolute;\n        top: 0;\n        z-index: 2;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-tabview-nav-prev {\n        left: 0;\n    }\n    \n    .p-tabview-nav-next {\n        right: 0;\n    }\n    \n    .p-tabview-nav-content::-webkit-scrollbar {\n        display: none;\n    }\n}\n",inlineStyles:{tab:{header:function(e){var t=e._style;return S(S({},e.headerStyle||{}),t||{})},content:function(e){var t=e.props,n=e.getTabProp,r=e.tab,a=e.isSelected,l=e.index;return!(0,e.shouldUseTab)(r,l)||t.renderActiveOnly&&!a(l)?void 0:S(S({},n(r,"contentStyle")||{}),n(r,"style")||{})}}}}}),j=n.ComponentBase.extend({defaultProps:{__TYPE:"TabPanel",children:void 0,className:null,closable:!1,closeIcon:null,contentClassName:null,contentStyle:null,disabled:!1,header:null,headerClassName:null,headerStyle:null,headerTemplate:null,leftIcon:null,nextButton:null,prevButton:null,rightIcon:null,style:null,visible:!0},getCProp:function(e,t){return c.ObjectUtils.getComponentProp(e,t,j.defaultProps)},getCProps:function(e){return c.ObjectUtils.getComponentProps(e,j.defaultProps)},getCOtherProps:function(e){return c.ObjectUtils.getComponentDiffProps(e,j.defaultProps)}});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 N(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){g(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 I=function(){},T=u.forwardRef((function(e,s){var p=r.useMergeProps(),m=u.useContext(t.PrimeReactContext),h=E.getProps(e,m),y=C(u.useState(h.id),2),g=y[0],w=y[1],x=C(u.useState(!0),2),O=x[0],P=x[1],S=C(u.useState(!1),2),D=S[0],I=S[1],T=C(u.useState([]),2),k=T[0],U=T[1],_=C(u.useState(h.activeIndex),2),A=_[0],H=_[1],R=u.useRef(null),B=u.useRef(null),L=u.useRef(null),q=u.useRef(null),W=u.useRef(null),J=u.useRef(null),M=u.useRef({}),V=h.onTabChange?h.activeIndex:A,X=u.Children.count(h.children),z={props:h,state:{id:g,isPrevButtonDisabled:O,isNextButtonDisabled:D,hiddenTabsState:k,activeIndex:A}},K=E.setMetaData(N({},z)),Y=K.ptm,$=K.ptmo,F=K.cx,G=K.sx;n.useHandleStyle(E.css.styles,K.isUnstyled,{name:"tabview"});var Q=function(e,t,n){var r={props:e.props,parent:z,context:{index:n,count:X,first:0===n,last:n===X-1,active:n==A,disabled:ee(e,"disabled")}};return p(Y("tab.".concat(t),{tab:r}),Y("tabpanel.".concat(t),{tabpanel:r}),Y("tabpanel.".concat(t),r),$(ee(e,"pt"),t,r))},Z=function(e){return e===V},ee=function(e,t){return j.getCProp(e,t)},te=function(e){return e&&ee(e,"visible")&&c.ObjectUtils.isValidChild(e,"TabPanel")&&k.every((function(t){return t!==e.key}))},ne=function(e,t){e.preventDefault();var n,r=h.onBeforeTabClose,a=h.onTabClose,l=h.children[t].key;r&&!1===r({originalEvent:e,index:t})||(U([].concat(d(n=k)||b(n)||f(n)||v(),[l])),a&&a({originalEvent:e,index:t}))},re=function(e,t,n){ae(e,t,n)},ae=function(e,t,n){if(e&&e.preventDefault(),!ee(t,"disabled")){if(h.onBeforeTabChange&&!1===h.onBeforeTabChange({originalEvent:e,index:n}))return;h.onTabChange?h.onTabChange({originalEvent:e,index:n}):H(n)}ye({index:n})},le=function(e,t,n){switch(e.code){case"ArrowLeft":ie(e);break;case"ArrowRight":oe(e);break;case"Home":ce(e);break;case"End":se(e);break;case"PageDown":ue(e);break;case"PageUp":pe(e);break;case"Enter":case"Space":de(e,t,n)}},oe=function(e){var t=be(e.target.parentElement);t?he(t):ce(e),e.preventDefault()},ie=function(e){var t=fe(e.target.parentElement);t?he(t):se(e),e.preventDefault()},ce=function(e){var t=ve();he(t),e.preventDefault()},se=function(e){var t=me();he(t),e.preventDefault()},ue=function(e){ye({index:u.Children.count(h.children)-1}),e.preventDefault()},pe=function(e){ye({index:0}),e.preventDefault()},de=function(e,t,n){ae(e,t,n),e.preventDefault()},be=function e(t){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.nextElementSibling;return n?c.DomHandler.getAttribute(n,"data-p-disabled")||"inkbar"===c.DomHandler.getAttribute(n,"data-pc-section")?e(n):c.DomHandler.findSingle(n,'[data-pc-section="headeraction"]'):null},fe=function e(t){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.previousElementSibling;return n?c.DomHandler.getAttribute(n,"data-p-disabled")||"inkbar"===c.DomHandler.getAttribute(n,"data-pc-section")?e(n):c.DomHandler.findSingle(n,'[data-pc-section="headeraction"]'):null},ve=function(){return be(L.current.firstElementChild,!0)},me=function(){return fe(L.current.lastElementChild,!0)},he=function(e){e&&(c.DomHandler.focus(e),ye({element:e}))},ye=function(e){var t=e.element||M.current["tab_".concat(e.index)];t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest"})},ge=function(){var e=B.current,t=e.scrollLeft,n=e.scrollWidth,r=c.DomHandler.getWidth(B.current);P(0===t),I(t===n-r)},we=function(e){h.scrollable&&ge(),e.preventDefault()},xe=function(){return[W.current,J.current].reduce((function(e,t){return t?e+c.DomHandler.getWidth(t):e}),0)},Oe=function(){P(!0),I(!1),U([]),h.onTabChange?h.onTabChange({index:V}):H(h.activeIndex)};u.useEffect((function(){var e;e=M.current["tab_".concat(V)],q.current.style.width=c.DomHandler.getWidth(e)+"px",q.current.style.left=c.DomHandler.getOffset(e).left-c.DomHandler.getOffset(L.current).left+"px",ge()})),r.useMountEffect((function(){g||w(c.UniqueComponentId())})),r.useUpdateEffect((function(){if(c.ObjectUtils.isNotEmpty(k)){var e=(t=k[k.length-1],(n=u.Children.map(h.children,(function(e,t){if(te(e))return{tab:e,index:t}}))).find((function(e){var n=e.index;return!ee(e.tab,"disabled")&&n>=t}))||n.reverse().find((function(e){var n=e.index;return!ee(e.tab,"disabled")&&t>n})));e&&re(null,e.tab,e.index)}var t,n}),[k]),r.useUpdateEffect((function(){h.activeIndex!==A&&ye({index:h.activeIndex})}),[h.activeIndex]),u.useImperativeHandle(s,(function(){return{props:h,reset:Oe,getElement:function(){return R.current}}}));var Ce,Pe,Se,Ee,je,De,Ne,Ie,Te,ke=function(e,t){var n=Z(t),r=j.getCProps(e),a=r.headerStyle,l=r.headerClassName,s=r.style,d=r.className,b=r.disabled,f=r.leftIcon,v=r.rightIcon,m=r.header,y=r.headerTemplate,w=r.closable,x=r.closeIcon,O=g+"_header_"+t,C=g+t+"_content",P=b||!n?-1:0,S=f&&c.IconUtils.getJSXIcon(f,void 0,{props:h}),E=p({className:F("tab.headertitle")},Q(e,"headertitle",t)),D=u.createElement("span",E,m),N=v&&c.IconUtils.getJSXIcon(v,void 0,{props:h}),I="p-tabview-close",T=w?c.IconUtils.getJSXIcon(x||u.createElement(o.TimesIcon,{className:I,onClick:function(e){return ne(e,t)}}),{className:I,onClick:function(e){return ne(e,t)}},{props:h}):null,k=p({id:O,role:"tab",className:F("tab.headeraction"),tabIndex:P,"aria-controls":C,"aria-selected":n,"aria-disabled":b,onClick:function(n){return re(n,e,t)},onKeyDown:function(n){return le(n,e,t)}},Q(e,"headeraction",t)),U=u.createElement("a",k,S,D,N,T,u.createElement(i.Ripple,null));y&&(U=c.ObjectUtils.getJSXElement(y,{className:"p-tabview-nav-link",titleClassName:"p-tabview-title",onClick:function(n){return re(n,e,t)},onKeyDown:function(n){return le(n,e,t)},leftIconElement:S,titleElement:D,rightIconElement:N,element:U,props:h,index:t,selected:n,ariaControls:C}));var _=p({ref:function(e){return M.current["tab_".concat(t)]=e},className:F("tab.header",{selected:n,disabled:b,headerClassName:l,_className:d}),style:G("tab.header",{headerStyle:a,_style:s}),role:"presentation"},Q(e,"root",t),Q(e,"header",t));return u.createElement("li",_,U)},Ue=p({id:g,ref:R,style:h.style,className:F("root")},E.getOtherProps(h),Y("root")),_e=p({className:F("navcontainer")},Y("navcontainer")),Ae=(Ce=u.Children.map(h.children,(function(e,t){if(te(e))return ke(e,t)})),Pe=p({id:g,ref:B,className:F("navcontent"),style:h.style,onScroll:we},Y("navcontent")),Se=p({ref:L,className:F("nav"),role:"tablist"},Y("nav")),Ee=p({ref:q,"aria-hidden":"true",role:"presentation",className:F("inkbar")},Y("inkbar")),u.createElement("div",Pe,u.createElement("ul",Se,Ce,u.createElement("li",Ee)))),He=(je=p({className:F("panelcontainer"),style:h.panelContainerStyle},Y("panelcontainer")),De=u.Children.map(h.children,(function(e,t){if(te(e)&&(!h.renderActiveOnly||Z(t))){var n=Z(t),r=g+"_header_"+t,a=p({id:g+t+"_content",className:F("tab.content",{props:h,selected:n,getTabProp:ee,tab:e,isSelected:Z,shouldUseTab:te,index:t}),style:G("tab.content",{props:h,getTabProp:ee,tab:e,isSelected:Z,shouldUseTab:te,index:t}),role:"tabpanel","aria-labelledby":r},j.getCOtherProps(e),Q(e,"root",t),Q(e,"content",t));return u.createElement("div",a,h.renderActiveOnly?n&&ee(e,"children"):ee(e,"children"))}})),u.createElement("div",je,De)),Re=(Ne=p({"aria-hidden":"true"},Y("previcon")),Ie=c.IconUtils.getJSXIcon(h.prevButton||u.createElement(a.ChevronLeftIcon,Ne),N({},Ne),{props:h}),Te=p({ref:W,type:"button",className:F("prevbutton"),"aria-label":t.ariaLabel("previousPageLabel"),onClick:function(e){return t=c.DomHandler.getWidth(B.current)-xe(),void(B.current.scrollLeft=(n=B.current.scrollLeft-t)<=0?0:n);var t,n}},Y("prevbutton")),h.scrollable&&!O?u.createElement("button",Te,Ie,u.createElement(i.Ripple,null)):null),Be=function(){var e=p({"aria-hidden":"true"},Y("nexticon")),n=c.IconUtils.getJSXIcon(h.nextButton||u.createElement(l.ChevronRightIcon,e),N({},e),{props:h}),r=p({ref:J,type:"button",className:F("nextbutton"),"aria-label":t.ariaLabel("nextPageLabel"),onClick:function(e){return t=c.DomHandler.getWidth(B.current)-xe(),void(B.current.scrollLeft=(n=B.current.scrollLeft+t)>=(r=B.current.scrollWidth-t)?r:n);var t,n,r}},Y("nextbutton"));if(h.scrollable&&!D)return u.createElement("button",r,n,u.createElement(i.Ripple,null))}();return u.createElement("div",Ue,u.createElement("div",_e,Re,Ae,Be),He)}));I.displayName="TabPanel",T.displayName="TabView",exports.TabPanel=I,exports.TabView=T;