primereact 10.8.2 → 10.8.4

package/splitter/splitter.esm.js

@@ -186,7 +186,7 @@ var SplitterPanelBase = ComponentBase.extend({
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SplitterPanel = function SplitterPanel() {};
-var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+var Splitter = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = SplitterBase.getProps(inProps, context);
@@ -497,15 +497,15 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       passive: false,
       cancelable: false
     });
-    window.addEventListener('touchend', onGutterTouchEnd);
+    window.addEventListener('touchend', _onGutterTouchEnd);
   };
   var onGutterTouchMove = function onGutterTouchMove(event) {
     onResize(event);
   };
-  var onGutterTouchEnd = function onGutterTouchEnd(event) {
+  var _onGutterTouchEnd = function onGutterTouchEnd(event) {
     onResizeEnd(event);
     window.removeEventListener('touchmove', onGutterTouchMove);
-    window.removeEventListener('touchend', onGutterTouchEnd);
+    window.removeEventListener('touchend', _onGutterTouchEnd);
   };
   React.useImperativeHandle(ref, function () {
     return {
@@ -569,7 +569,7 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         return onGutterTouchMove(event);
       },
       onTouchEnd: function onTouchEnd(event) {
-        return onGutterTouchEnd(event);
+        return _onGutterTouchEnd(event);
       },
       'data-p-splitter-gutter-resizing': false
     }, ptm('gutter'));
@@ -596,7 +596,8 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         flexBasis: flexBasis
       }),
       role: 'presentation',
-      'data-p-splitter-panel-nested': false
+      'data-p-splitter-panel-nested': false,
+      onClick: getPanelProp(panel, 'onClick')
     }, getPanelPT('splitterpanel.root'));
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", rootProps, getPanelProp(panel, 'children')), gutter);
   };

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

package/splitter/splitter.js

@@ -203,7 +203,7 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var SplitterPanel = function SplitterPanel() {};
-  var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var Splitter = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = SplitterBase.getProps(inProps, context);
@@ -514,15 +514,15 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
         passive: false,
         cancelable: false
       });
-      window.addEventListener('touchend', onGutterTouchEnd);
+      window.addEventListener('touchend', _onGutterTouchEnd);
     };
     var onGutterTouchMove = function onGutterTouchMove(event) {
       onResize(event);
     };
-    var onGutterTouchEnd = function onGutterTouchEnd(event) {
+    var _onGutterTouchEnd = function onGutterTouchEnd(event) {
       onResizeEnd(event);
       window.removeEventListener('touchmove', onGutterTouchMove);
-      window.removeEventListener('touchend', onGutterTouchEnd);
+      window.removeEventListener('touchend', _onGutterTouchEnd);
     };
     React__namespace.useImperativeHandle(ref, function () {
       return {
@@ -586,7 +586,7 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
           return onGutterTouchMove(event);
         },
         onTouchEnd: function onTouchEnd(event) {
-          return onGutterTouchEnd(event);
+          return _onGutterTouchEnd(event);
         },
         'data-p-splitter-gutter-resizing': false
       }, ptm('gutter'));
@@ -613,7 +613,8 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
           flexBasis: flexBasis
         }),
         role: 'presentation',
-        'data-p-splitter-panel-nested': false
+        'data-p-splitter-panel-nested': false,
+        onClick: getPanelProp(panel, 'onClick')
       }, getPanelPT('splitterpanel.root'));
       return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", rootProps, getPanelProp(panel, 'children')), gutter);
     };

package/splitter/splitter.min.js

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

package/stepper/stepper.cjs.js

@@ -33,6 +33,21 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+
 function _typeof(o) {
   "@babel/helpers - typeof";
 
@@ -74,21 +89,6 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -158,11 +158,13 @@ var classes = {
     header: function header(_ref2) {
       var isStepActive = _ref2.isStepActive,
         isItemDisabled = _ref2.isItemDisabled,
-        index = _ref2.index;
-      return utils.classNames('p-stepper-header', {
+        index = _ref2.index,
+        headerPosition = _ref2.headerPosition,
+        orientation = _ref2.orientation;
+      return utils.classNames('p-stepper-header', _defineProperty({
         'p-highlight': isStepActive(index),
         'p-disabled': isItemDisabled(index)
-      });
+      }, "p-stepper-header-".concat(headerPosition), orientation === 'horizontal'));
     },
     action: 'p-stepper-action p-component',
     number: 'p-stepper-number',
@@ -174,26 +176,31 @@ var classes = {
       return utils.classNames('p-stepper-content', {
         'p-toggleable-content': props.orientation === 'vertical'
       });
+    },
+    panel: function panel(_ref4) {
+      var props = _ref4.props,
+        isStepActive = _ref4.isStepActive,
+        index = _ref4.index;
+      return utils.classNames('p-stepper-panel', {
+        'p-stepper-panel-active': props.orientation === 'vertical' && isStepActive(index)
+      });
     }
   },
   panelContainer: 'p-stepper-panels',
-  panel: function panel(_ref4) {
-    var props = _ref4.props,
-      isStepActive = _ref4.isStepActive,
-      index = _ref4.index;
-    return utils.classNames('p-stepper-panel', {
-      'p-stepper-panel-active': props.orientation === 'vertical' && isStepActive(index)
-    });
-  }
+  start: 'p-stepper-start',
+  end: 'p-stepper-end'
 };
-var styles = "\n@layer primereact {\n    .p-stepper .p-stepper-nav {\n        position: relative;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        overflow-x: auto;\n    }\n    \n    .p-stepper-vertical .p-stepper-nav {\n        flex-direction: column;\n    }\n    \n    .p-stepper-header {\n        position: relative;\n        display: flex;\n        flex: 1 1 auto;\n        align-items: center;\n    \n        &:last-of-type {\n            flex: initial;\n        }\n    }\n    \n    .p-stepper-header .p-stepper-action {\n        border: 0 none;\n        display: inline-flex;\n        align-items: center;\n        text-decoration: none;\n        cursor: pointer;\n    \n        &:focus-visible {\n            @include focused();\n        }\n    }\n    \n    .p-stepper.p-stepper-readonly .p-stepper-header {\n        cursor: auto;\n    }\n    \n    .p-stepper-header.p-highlight .p-stepper-action {\n        cursor: default;\n    }\n    \n    .p-stepper-title {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        max-width: 100%;\n    }\n    \n    .p-stepper-number {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-stepper-separator {\n        flex: 1 1 0;\n    }\n}\n";
+var styles = "\n@layer primereact {\n    .p-stepper .p-stepper-nav {\n        position: relative;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        overflow-x: auto;\n    }\n\n    .p-stepper-vertical .p-stepper-nav {\n        flex-direction: column;\n    }\n\n    .p-stepper-header {\n        position: relative;\n        display: flex;\n        flex: 1 1 auto;\n        align-items: center;\n\n        &:last-of-type {\n            flex: initial;\n        }\n    }\n\n    .p-stepper-header-bottom {\n        align-items: flex-start;\n    }\n\n    .p-stepper-header-top {\n        align-items: flex-end;\n    }\n\n    .p-stepper-header-right, .p-stepper-header-left {\n        align-items: center;\n    }\n\n    .p-stepper-header .p-stepper-action {\n        border: 0 none;\n        display: inline-flex;\n        align-items: center;\n        text-decoration: none;\n        cursor: pointer;\n\n        &:focus-visible {\n            @include focused();\n        }\n    }\n\n    .p-stepper-header-bottom .p-stepper-action {\n        flex-direction: column;\n    }\n\n    .p-stepper-header-top .p-stepper-action {\n        flex-direction: column-reverse;\n    }\n\n    .p-stepper-header-left .p-stepper-action {\n        flex-direction: row-reverse;\n    }\n\n    .p-stepper.p-stepper-readonly .p-stepper-header {\n        cursor: auto;\n    }\n\n    .p-stepper-header.p-highlight .p-stepper-action {\n        cursor: default;\n    }\n\n    .p-stepper-title {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        max-width: 100%;\n    }\n\n    .p-stepper-number {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-stepper-separator {\n        flex: 1 1 0;\n    }\n}\n";
 var StepperBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Stepper',
     activeStep: 0,
     orientation: 'horizontal',
+    headerPosition: 'right',
     linear: false,
-    onChangeStep: null
+    onChangeStep: null,
+    start: null,
+    end: null
   },
   css: {
     classes: classes,
@@ -201,13 +208,12 @@ var StepperBase = componentbase.ComponentBase.extend({
   }
 });
 
-function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var StepperContent = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var StepperContent = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var mergeProps = hooks.useMergeProps();
-  var cx = props.cx,
-    ptm = props.ptm;
-  var rootProps = mergeProps(_objectSpread$2(_objectSpread$2(_objectSpread$2({
+  var cx = props.cx;
+  var rootProps = mergeProps(_objectSpread$3(_objectSpread$3(_objectSpread$3({
     ref: ref,
     id: props.id,
     className: cx('stepper.content', {
@@ -218,7 +224,7 @@ var StepperContent = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__nam
     'aria-labelledby': props.ariaLabelledby
   }, props.getStepPT(props.stepperpanel, 'root', props.index)), props.getStepPT(props.stepperpanel, 'content', props.index)), {}, {
     'data-p-active': props.active
-  }), ptm('stepperpanel'));
+  }));
   var createContent = function createContent() {
     var ComponentToRender = props.template;
     return /*#__PURE__*/React__namespace.createElement(ComponentToRender, {
@@ -240,10 +246,12 @@ var StepperContent = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__nam
 }));
 StepperContent.displayName = 'StepperContent';
 
-var StepperHeader = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var StepperHeader = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var mergeProps = hooks.useMergeProps();
   var cx = props.cx;
-  var buttonProps = mergeProps({
+  var buttonProps = mergeProps(_objectSpread$2({
     ref: ref,
     id: props.id,
     className: cx('stepper.action'),
@@ -254,18 +262,20 @@ var StepperHeader = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
     onClick: function onClick(e) {
       return props.clickCallback(e, props.index);
     }
-  });
-  return props.template ? props.template() : /*#__PURE__*/React__namespace.createElement("button", buttonProps, /*#__PURE__*/React__namespace.createElement("span", {
+  }, props.getStepPT(props.stepperpanel, 'action', props.index)));
+  var numberProps = mergeProps(_objectSpread$2({
     className: cx('stepper.number')
-  }, props.index + 1), /*#__PURE__*/React__namespace.createElement("span", {
+  }, props.getStepPT(props.stepperpanel, 'number', props.index)));
+  var titleProps = mergeProps(_objectSpread$2({
     className: cx('stepper.title')
-  }, props.getStepProp(props.stepperpanel, 'header')));
+  }, props.getStepPT(props.stepperpanel, 'title', props.index)));
+  return props.template ? props.template() : /*#__PURE__*/React__namespace.createElement("button", buttonProps, /*#__PURE__*/React__namespace.createElement("span", numberProps, props.index + 1), /*#__PURE__*/React__namespace.createElement("span", titleProps, props.getStepProp(props.stepperpanel, 'header')));
 }));
 StepperHeader.displayName = 'StepperHeader';
 
 function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var StepperSeparator = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+var StepperSeparator = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var mergeProps = hooks.useMergeProps();
   var separatorProps = mergeProps(_objectSpread$1({
     ref: ref,
@@ -278,10 +288,12 @@ StepperSeparator.displayName = 'StepperSeparator';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Stepper = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/React__default["default"].forwardRef(function (inProps, ref) {
+var Stepper = /*#__PURE__*/React__default["default"].memo(/*#__PURE__*/React__default["default"].forwardRef(function (inProps, ref) {
   var mergeProps = hooks.useMergeProps();
   var context = React__default["default"].useContext(api.PrimeReactContext);
   var props = StepperBase.getProps(inProps, context);
+  var start = utils.ObjectUtils.getJSXElement(props.start, props);
+  var end = utils.ObjectUtils.getJSXElement(props.end, props);
   var _StepperBase$setMetaD = StepperBase.setMetaData({
       props: props
     }),
@@ -301,6 +313,12 @@ var Stepper = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/React__d
   componentbase.useHandleStyle(StepperBase.css.styles, isUnstyled, {
     name: 'stepper'
   });
+  var startProps = mergeProps({
+    className: cx('start')
+  }, ptm('start'));
+  var endProps = mergeProps({
+    className: cx('end')
+  }, ptm('end'));
   hooks.useMountEffect(function () {
     if (!idState) {
       setIdState(utils.UniqueComponentId());
@@ -397,19 +415,21 @@ var Stepper = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/React__d
   var createPanel = function createPanel() {
     return stepperPanels().map(function (step, index) {
       var _step$children, _step$children2;
-      var panelProps = mergeProps({
+      var panelProps = mergeProps(_objectSpread({
         className: utils.classNames(cx('stepper.header', {
           isStepActive: isStepActive,
           isItemDisabled: isItemDisabled,
           step: step,
-          index: index
+          index: index,
+          headerPosition: props.headerPosition,
+          orientation: props.orientation
         })),
         'aria-current': isStepActive(index) && 'step',
         role: 'presentation',
         'data-p-highlight': isStepActive(index),
         'data-p-disabled': isItemDisabled(index),
         'data-p-active': isStepActive(index)
-      }, ptm('stepperpanel'));
+      }, getStepPT(step, 'header', index)));
       return /*#__PURE__*/React__default["default"].createElement("li", _extends({
         key: getStepKey(step, index)
       }, panelProps), /*#__PURE__*/React__default["default"].createElement(StepperHeader, {
@@ -496,7 +516,7 @@ var Stepper = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/React__d
       var contentRef = /*#__PURE__*/React__default["default"].createRef(null);
       var navProps = mergeProps(_objectSpread(_objectSpread(_objectSpread({
         ref: navRef,
-        className: cx('panel', {
+        className: cx('stepper.panel', {
           props: props,
           index: index,
           isStepActive: isStepActive
@@ -506,7 +526,7 @@ var Stepper = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/React__d
         'data-p-highlight': isStepActive(index),
         'data-p-disabled': isItemDisabled(index),
         'data-p-active': isStepActive(index)
-      }), ptm('nav'));
+      }));
       var headerProps = mergeProps(_objectSpread({
         className: cx('stepper.header', {
           step: step,
@@ -576,7 +596,7 @@ var Stepper = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/React__d
     className: utils.classNames(cx('root')),
     role: 'tablist'
   }, StepperBase.getOtherProps(props), ptm('root'));
-  return /*#__PURE__*/React__default["default"].createElement("div", rootProps, props.start && props.start(), props.orientation === 'horizontal' && createHorizontal(), props.orientation === 'vertical' && createVertical(), props.end && props.end());
+  return /*#__PURE__*/React__default["default"].createElement("div", rootProps, start && /*#__PURE__*/React__default["default"].createElement("div", startProps, start), props.orientation === 'horizontal' && createHorizontal(), props.orientation === 'vertical' && createVertical(), end && /*#__PURE__*/React__default["default"].createElement("div", endProps, end));
 }));
 StepperBase.displayName = 'StepperBase';
 

package/stepper/stepper.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/csstransition"),a=require("primereact/hooks"),i=require("primereact/utils");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}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(e),c=p(e);function s(e){return s="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},s(e)}function u(e,t){if("object"!==s(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=u(e,"string");return"symbol"===s(t)?t:String(t)}function f(e,t,r){return(t=d(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},m.apply(this,arguments)}function b(e){if(Array.isArray(e))return e}function v(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,i,p,l=[],o=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;o=!1}else for(;!(o=(n=i.call(r)).done)&&(l.push(n.value),l.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{if(!o&&null!=r.return&&(p=r.return(),Object(p)!==p))return}finally{if(c)throw a}}return l}}function y(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 g(e,t){if(e){if("string"==typeof e)return y(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)?y(e,t):void 0}}function h(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e,t){return b(e)||v(e,t)||g(e,t)||h()}var S=r.ComponentBase.extend({defaultProps:{__TYPE:"Stepper",activeStep:0,orientation:"horizontal",linear:!1,onChangeStep:null},css:{classes:{root:function(e){var t=e.props;return i.classNames("p-stepper p-component",{"p-stepper-horizontal":"horizontal"===t.orientation,"p-stepper-vertical":"vertical"===t.orientation,"p-readonly":t.linear})},nav:"p-stepper-nav",stepper:{header:function(e){var t=e.isItemDisabled,r=e.index;return i.classNames("p-stepper-header",{"p-highlight":(0,e.isStepActive)(r),"p-disabled":t(r)})},action:"p-stepper-action p-component",number:"p-stepper-number",title:"p-stepper-title",separator:"p-stepper-separator",toggleableContent:"p-stepper-toggleable-content",content:function(e){return i.classNames("p-stepper-content",{"p-toggleable-content":"vertical"===e.props.orientation})}},panelContainer:"p-stepper-panels",panel:function(e){return i.classNames("p-stepper-panel",{"p-stepper-panel-active":"vertical"===e.props.orientation&&(0,e.isStepActive)(e.index)})}},styles:"\n@layer primereact {\n    .p-stepper .p-stepper-nav {\n        position: relative;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        overflow-x: auto;\n    }\n    \n    .p-stepper-vertical .p-stepper-nav {\n        flex-direction: column;\n    }\n    \n    .p-stepper-header {\n        position: relative;\n        display: flex;\n        flex: 1 1 auto;\n        align-items: center;\n    \n        &:last-of-type {\n            flex: initial;\n        }\n    }\n    \n    .p-stepper-header .p-stepper-action {\n        border: 0 none;\n        display: inline-flex;\n        align-items: center;\n        text-decoration: none;\n        cursor: pointer;\n    \n        &:focus-visible {\n            @include focused();\n        }\n    }\n    \n    .p-stepper.p-stepper-readonly .p-stepper-header {\n        cursor: auto;\n    }\n    \n    .p-stepper-header.p-highlight .p-stepper-action {\n        cursor: default;\n    }\n    \n    .p-stepper-title {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        max-width: 100%;\n    }\n    \n    .p-stepper-number {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-stepper-separator {\n        flex: 1 1 0;\n    }\n}\n"}});function x(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?x(Object(r),!0).forEach((function(t){f(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):x(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var P=o.memo(o.forwardRef((function(e,t){var r=a.useMergeProps(),n=e.ptm,i=r(j(j(j({ref:t,id:e.id,className:(0,e.cx)("stepper.content",{stepperpanel:e.stepperpanel,index:e.index}),role:"tabpanel","aria-labelledby":e.ariaLabelledby},e.getStepPT(e.stepperpanel,"root",e.index)),e.getStepPT(e.stepperpanel,"content",e.index)),{},{"data-p-active":e.active}),n("stepperpanel"));return o.createElement("div",i,e.template?o.createElement(e.template,{index:e.index,active:e.active,highlighted:e.highlighted,clickCallback:function(t){return e.onItemClick(t,e.index)},prevCallback:function(t){return e.prevCallback(t,e.index)},nextCallback:function(t){return e.nextCallback(t,e.index)}}):e.stepperpanel)})));P.displayName="StepperContent";var C=o.memo(o.forwardRef((function(e,t){var r=a.useMergeProps(),n=e.cx,i=r({ref:t,id:e.id,className:n("stepper.action"),role:"tab",type:"button",tabIndex:e.disabled?-1:void 0,"aria-controls":e.ariaControls,onClick:function(t){return e.clickCallback(t,e.index)}});return e.template?e.template():o.createElement("button",i,o.createElement("span",{className:n("stepper.number")},e.index+1),o.createElement("span",{className:n("stepper.title")},e.getStepProp(e.stepperpanel,"header")))})));function w(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 E(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?w(Object(r),!0).forEach((function(t){f(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):w(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}C.displayName="StepperHeader";var k=o.memo(o.forwardRef((function(e,t){var r=a.useMergeProps()(E({ref:t,"aria-hidden":!0,className:e.separatorClass},e.getStepPT(e.stepperpanel,"separator",e.index)));return e.template?e.template():o.createElement("span",r)})));function N(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function D(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?N(Object(r),!0).forEach((function(t){f(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):N(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}k.displayName="StepperSeparator";var A=c.default.memo(c.default.forwardRef((function(e,p){var l=a.useMergeProps(),o=c.default.useContext(t.PrimeReactContext),s=S.getProps(e,o),u=S.setMetaData({props:s}),d=u.ptm,f=u.cx,b=u.isUnstyled,v=u.ptmo,y=O(c.default.useState(s.id),2),g=y[0],h=y[1],x=O(c.default.useState(s.activeStep),2),j=x[0],w=x[1],E=c.default.useRef();r.useHandleStyle(S.css.styles,b,{name:"stepper"}),a.useMountEffect((function(){g||h(i.UniqueComponentId())})),a.useUpdateEffect((function(){s.activeStep>=0&&s.activeStep<=z().length-1&&M(void 0,s.activeStep)}),[s.activeStep]);var N=function(e,t){var r;return null==e||null===(r=e.props)||void 0===r?void 0:r[t]},A=function(e,t){return N(e,"header")||t},T=function(e){return"StepperPanel"===e.type.displayName},I=function(e){return j===e},_=function(e){return s.linear&&!I(e)},M=function(e,t){w(t),s.onChangeStep&&s.onChangeStep({originalEvent:e,index:t})},R=function(e){return"".concat(g,"_").concat(e,"_header_action")},q=function(e){return"".concat(g,"_").concat(e,"content")},z=function(){return c.default.Children.toArray(s.children).reduce((function(e,t){return T(t)?e.push(t):t&&Array.isArray(t)&&c.default.Children.toArray(t.props.children).forEach((function(t){T(t)&&e.push(t)})),e}),[])},U=function(e,t){0!==t&&M(e,t-1)},H=function(e,t){t!==z().length-1&&M(e,t+1)},L=function(e,t,r){var n=z().length,a={props:e.props,parent:{props:s},context:{index:r,count:n,first:0===r,last:r===n-1,active:I(r),highlighted:r<j,disabled:_(r)}};return l(d("stepperpanel.".concat(t),{stepperpanel:a}),d("stepperpanel.".concat(t),a),v(N(e,"pt"),t,a))},B=function(e,t){s.linear?e.preventDefault():t!==j&&M(e,t)};c.default.useImperativeHandle(p,(function(){return{getElement:function(){return E.current},getActiveStep:function(){return j},setActiveStep:function(e){return w(e)},nextCallback:function(e){return H(e,j)},prevCallback:function(e){return U(e,j)}}}));var F,Y,$,G=l({className:i.classNames(f("root")),role:"tablist"},S.getOtherProps(s),d("root"));return c.default.createElement("div",G,s.start&&s.start(),"horizontal"===s.orientation&&(F=z().map((function(e,t){var r,n,a=l({className:i.classNames(f("stepper.header",{isStepActive:I,isItemDisabled:_,step:e,index:t})),"aria-current":I(t)&&"step",role:"presentation","data-p-highlight":I(t),"data-p-disabled":_(t),"data-p-active":I(t)},d("stepperpanel"));return c.default.createElement("li",m({key:A(e,t)},a),c.default.createElement(C,{id:R(t),template:null===(r=e.children)||void 0===r?void 0:r.header,stepperpanel:e,index:t,disabled:_(t),active:I(t),highlighted:t<j,ariaControls:q(t),clickCallback:B,getStepPT:L,getStepProp:N,cx:f}),t!==z().length-1&&c.default.createElement(k,{template:null===(n=e.children)||void 0===n?void 0:n.separator,separatorClass:f("stepper.separator"),stepperpanel:e,index:t,active:I(t),highlighted:t<j,getStepPT:L}))})),Y=l({className:i.classNames(f("nav")),ref:E},d("nav")),$=l({className:f("panelContainer")},d("panelContainer")),c.default.createElement(c.default.Fragment,null,c.default.createElement("ul",Y,F),c.default.createElement("div",$,z().map((function(e,t){var r;return I(t)?c.default.createElement(P,{key:q(t),id:q(t),tempate:null==e||null===(r=e.children)||void 0===r?void 0:r.content,stepperpanel:e,index:t,active:I(t),highlighted:t<j,clickCallback:B,prevCallback:U,nextCallback:H,getStepPT:L,ariaLabelledby:R(t),ptm:d,cx:f}):null}))))),"vertical"===s.orientation&&z().map((function(e,t){var r,a,i,p=c.default.createRef(null),o=l(D(D(D({ref:E,className:f("panel",{props:s,index:t,isStepActive:I}),"aria-current":I(t)&&"step"},L(e,"root",t)),L(e,"panel",t)),{},{"data-p-highlight":I(t),"data-p-disabled":_(t),"data-p-active":I(t)}),d("nav")),u=l(D({className:f("stepper.header",{step:e,isStepActive:I,isItemDisabled:_,index:t})},L(e,"header",t))),b=l(D(D({classNames:f("stepper.content")},L(e,"transition",t)),{},{timeout:{enter:1e3,exit:450},in:I(t),unmountOnExit:!0})),v=l(D({ref:p,className:f("stepper.toggleableContent")},L(e,"toggleableContent",t)));return c.default.createElement("div",m({key:A(e,t)},o),c.default.createElement("div",u,c.default.createElement(C,{id:R(t),template:null===(r=e.children)||void 0===r?void 0:r.header,stepperpanel:e,index:t,disabled:_(t),active:I(t),highlighted:t<j,ariaControls:q(t),clickCallback:B,getStepPT:L,getStepProp:N,cx:f})),c.default.createElement(n.CSSTransition,m({nodeRef:p},b),c.default.createElement("div",v,t!==z().length-1&&c.default.createElement(k,{template:null===(a=e.children)||void 0===a?void 0:a.separator,separatorClass:f("stepper.separator"),stepperpanel:e,index:t,active:I(t),highlighted:t<j,getStepPT:L}),c.default.createElement(P,{key:q(t),id:q(t),tempate:null==e||null===(i=e.children)||void 0===i?void 0:i.content,stepperpanel:e,index:t,active:I(t),highlighted:t<j,clickCallback:B,prevCallback:U,nextCallback:H,getStepPT:L,ariaLabelledby:R(t),ptm:d,cx:f}))))})),s.end&&s.end())})));S.displayName="StepperBase",exports.Stepper=A;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/csstransition"),a=require("primereact/hooks"),i=require("primereact/utils");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(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=o(e),c=p(e);function s(){return s=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},s.apply(this,arguments)}function u(e){return u="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},u(e)}function d(e,t){if("object"!==u(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==u(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=d(e,"string");return"symbol"===u(t)?t:String(t)}function m(e,t,r){return(t=f(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function b(e){if(Array.isArray(e))return e}function v(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,i,p,o=[],l=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=i.call(r)).done)&&(o.push(n.value),o.length!==t);l=!0);}catch(e){c=!0,a=e}finally{try{if(!l&&null!=r.return&&(p=r.return(),Object(p)!==p))return}finally{if(c)throw a}}return o}}function h(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 g(e,t){if(e){if("string"==typeof e)return h(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)?h(e,t):void 0}}function y(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e,t){return b(e)||v(e,t)||g(e,t)||y()}var P=r.ComponentBase.extend({defaultProps:{__TYPE:"Stepper",activeStep:0,orientation:"horizontal",headerPosition:"right",linear:!1,onChangeStep:null,start:null,end:null},css:{classes:{root:function(e){var t=e.props;return i.classNames("p-stepper p-component",{"p-stepper-horizontal":"horizontal"===t.orientation,"p-stepper-vertical":"vertical"===t.orientation,"p-readonly":t.linear})},nav:"p-stepper-nav",stepper:{header:function(e){var t=e.isItemDisabled,r=e.index,n=e.headerPosition,a=e.orientation;return i.classNames("p-stepper-header",m({"p-highlight":(0,e.isStepActive)(r),"p-disabled":t(r)},"p-stepper-header-".concat(n),"horizontal"===a))},action:"p-stepper-action p-component",number:"p-stepper-number",title:"p-stepper-title",separator:"p-stepper-separator",toggleableContent:"p-stepper-toggleable-content",content:function(e){return i.classNames("p-stepper-content",{"p-toggleable-content":"vertical"===e.props.orientation})},panel:function(e){return i.classNames("p-stepper-panel",{"p-stepper-panel-active":"vertical"===e.props.orientation&&(0,e.isStepActive)(e.index)})}},panelContainer:"p-stepper-panels",start:"p-stepper-start",end:"p-stepper-end"},styles:"\n@layer primereact {\n    .p-stepper .p-stepper-nav {\n        position: relative;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        overflow-x: auto;\n    }\n\n    .p-stepper-vertical .p-stepper-nav {\n        flex-direction: column;\n    }\n\n    .p-stepper-header {\n        position: relative;\n        display: flex;\n        flex: 1 1 auto;\n        align-items: center;\n\n        &:last-of-type {\n            flex: initial;\n        }\n    }\n\n    .p-stepper-header-bottom {\n        align-items: flex-start;\n    }\n\n    .p-stepper-header-top {\n        align-items: flex-end;\n    }\n\n    .p-stepper-header-right, .p-stepper-header-left {\n        align-items: center;\n    }\n\n    .p-stepper-header .p-stepper-action {\n        border: 0 none;\n        display: inline-flex;\n        align-items: center;\n        text-decoration: none;\n        cursor: pointer;\n\n        &:focus-visible {\n            @include focused();\n        }\n    }\n\n    .p-stepper-header-bottom .p-stepper-action {\n        flex-direction: column;\n    }\n\n    .p-stepper-header-top .p-stepper-action {\n        flex-direction: column-reverse;\n    }\n\n    .p-stepper-header-left .p-stepper-action {\n        flex-direction: row-reverse;\n    }\n\n    .p-stepper.p-stepper-readonly .p-stepper-header {\n        cursor: auto;\n    }\n\n    .p-stepper-header.p-highlight .p-stepper-action {\n        cursor: default;\n    }\n\n    .p-stepper-title {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        max-width: 100%;\n    }\n\n    .p-stepper-number {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-stepper-separator {\n        flex: 1 1 0;\n    }\n}\n"}});function x(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 S(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?x(Object(r),!0).forEach((function(t){m(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):x(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var j=l.memo(l.forwardRef((function(e,t){var r=a.useMergeProps()(S(S(S({ref:t,id:e.id,className:(0,e.cx)("stepper.content",{stepperpanel:e.stepperpanel,index:e.index}),role:"tabpanel","aria-labelledby":e.ariaLabelledby},e.getStepPT(e.stepperpanel,"root",e.index)),e.getStepPT(e.stepperpanel,"content",e.index)),{},{"data-p-active":e.active}));return l.createElement("div",r,e.template?l.createElement(e.template,{index:e.index,active:e.active,highlighted:e.highlighted,clickCallback:function(t){return e.onItemClick(t,e.index)},prevCallback:function(t){return e.prevCallback(t,e.index)},nextCallback:function(t){return e.nextCallback(t,e.index)}}):e.stepperpanel)})));function w(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 E(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?w(Object(r),!0).forEach((function(t){m(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):w(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}j.displayName="StepperContent";var C=l.memo(l.forwardRef((function(e,t){var r=a.useMergeProps(),n=e.cx,i=r(E({ref:t,id:e.id,className:n("stepper.action"),role:"tab",type:"button",tabIndex:e.disabled?-1:void 0,"aria-controls":e.ariaControls,onClick:function(t){return e.clickCallback(t,e.index)}},e.getStepPT(e.stepperpanel,"action",e.index))),p=r(E({className:n("stepper.number")},e.getStepPT(e.stepperpanel,"number",e.index))),o=r(E({className:n("stepper.title")},e.getStepPT(e.stepperpanel,"title",e.index)));return e.template?e.template():l.createElement("button",i,l.createElement("span",p,e.index+1),l.createElement("span",o,e.getStepProp(e.stepperpanel,"header")))})));function k(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 N(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?k(Object(r),!0).forEach((function(t){m(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):k(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}C.displayName="StepperHeader";var D=l.memo(l.forwardRef((function(e,t){var r=a.useMergeProps()(N({ref:t,"aria-hidden":!0,className:e.separatorClass},e.getStepPT(e.stepperpanel,"separator",e.index)));return e.template?e.template():l.createElement("span",r)})));function A(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 T(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?A(Object(r),!0).forEach((function(t){m(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):A(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}D.displayName="StepperSeparator";var I=c.default.memo(c.default.forwardRef((function(e,p){var o=a.useMergeProps(),l=c.default.useContext(t.PrimeReactContext),u=P.getProps(e,l),d=i.ObjectUtils.getJSXElement(u.start,u),f=i.ObjectUtils.getJSXElement(u.end,u),m=P.setMetaData({props:u}),b=m.ptm,v=m.cx,h=m.isUnstyled,g=m.ptmo,y=O(c.default.useState(u.id),2),x=y[0],S=y[1],w=O(c.default.useState(u.activeStep),2),E=w[0],k=w[1],N=c.default.useRef();r.useHandleStyle(P.css.styles,h,{name:"stepper"});var A=o({className:v("start")},b("start")),I=o({className:v("end")},b("end"));a.useMountEffect((function(){x||S(i.UniqueComponentId())})),a.useUpdateEffect((function(){u.activeStep>=0&&u.activeStep<=B().length-1&&U(void 0,u.activeStep)}),[u.activeStep]);var _=function(e,t){var r;return null==e||null===(r=e.props)||void 0===r?void 0:r[t]},M=function(e,t){return _(e,"header")||t},R=function(e){return"StepperPanel"===e.type.displayName},q=function(e){return E===e},z=function(e){return u.linear&&!q(e)},U=function(e,t){k(t),u.onChangeStep&&u.onChangeStep({originalEvent:e,index:t})},H=function(e){return"".concat(x,"_").concat(e,"_header_action")},L=function(e){return"".concat(x,"_").concat(e,"content")},B=function(){return c.default.Children.toArray(u.children).reduce((function(e,t){return R(t)?e.push(t):t&&Array.isArray(t)&&c.default.Children.toArray(t.props.children).forEach((function(t){R(t)&&e.push(t)})),e}),[])},J=function(e,t){0!==t&&U(e,t-1)},X=function(e,t){t!==B().length-1&&U(e,t+1)},F=function(e,t,r){var n=B().length,a={props:e.props,parent:{props:u},context:{index:r,count:n,first:0===r,last:r===n-1,active:q(r),highlighted:r<E,disabled:z(r)}};return o(b("stepperpanel.".concat(t),{stepperpanel:a}),b("stepperpanel.".concat(t),a),g(_(e,"pt"),t,a))},Y=function(e,t){u.linear?e.preventDefault():t!==E&&U(e,t)};c.default.useImperativeHandle(p,(function(){return{getElement:function(){return N.current},getActiveStep:function(){return E},setActiveStep:function(e){return k(e)},nextCallback:function(e){return X(e,E)},prevCallback:function(e){return J(e,E)}}}));var $,G,K,Q=o({className:i.classNames(v("root")),role:"tablist"},P.getOtherProps(u),b("root"));return c.default.createElement("div",Q,d&&c.default.createElement("div",A,d),"horizontal"===u.orientation&&($=B().map((function(e,t){var r,n,a=o(T({className:i.classNames(v("stepper.header",{isStepActive:q,isItemDisabled:z,step:e,index:t,headerPosition:u.headerPosition,orientation:u.orientation})),"aria-current":q(t)&&"step",role:"presentation","data-p-highlight":q(t),"data-p-disabled":z(t),"data-p-active":q(t)},F(e,"header",t)));return c.default.createElement("li",s({key:M(e,t)},a),c.default.createElement(C,{id:H(t),template:null===(r=e.children)||void 0===r?void 0:r.header,stepperpanel:e,index:t,disabled:z(t),active:q(t),highlighted:t<E,ariaControls:L(t),clickCallback:Y,getStepPT:F,getStepProp:_,cx:v}),t!==B().length-1&&c.default.createElement(D,{template:null===(n=e.children)||void 0===n?void 0:n.separator,separatorClass:v("stepper.separator"),stepperpanel:e,index:t,active:q(t),highlighted:t<E,getStepPT:F}))})),G=o({className:i.classNames(v("nav")),ref:N},b("nav")),K=o({className:v("panelContainer")},b("panelContainer")),c.default.createElement(c.default.Fragment,null,c.default.createElement("ul",G,$),c.default.createElement("div",K,B().map((function(e,t){var r;return q(t)?c.default.createElement(j,{key:L(t),id:L(t),tempate:null==e||null===(r=e.children)||void 0===r?void 0:r.content,stepperpanel:e,index:t,active:q(t),highlighted:t<E,clickCallback:Y,prevCallback:J,nextCallback:X,getStepPT:F,ariaLabelledby:H(t),ptm:b,cx:v}):null}))))),"vertical"===u.orientation&&B().map((function(e,t){var r,a,i,p=c.default.createRef(null),l=o(T(T(T({ref:N,className:v("stepper.panel",{props:u,index:t,isStepActive:q}),"aria-current":q(t)&&"step"},F(e,"root",t)),F(e,"panel",t)),{},{"data-p-highlight":q(t),"data-p-disabled":z(t),"data-p-active":q(t)})),d=o(T({className:v("stepper.header",{step:e,isStepActive:q,isItemDisabled:z,index:t})},F(e,"header",t))),f=o(T(T({classNames:v("stepper.content")},F(e,"transition",t)),{},{timeout:{enter:1e3,exit:450},in:q(t),unmountOnExit:!0})),m=o(T({ref:p,className:v("stepper.toggleableContent")},F(e,"toggleableContent",t)));return c.default.createElement("div",s({key:M(e,t)},l),c.default.createElement("div",d,c.default.createElement(C,{id:H(t),template:null===(r=e.children)||void 0===r?void 0:r.header,stepperpanel:e,index:t,disabled:z(t),active:q(t),highlighted:t<E,ariaControls:L(t),clickCallback:Y,getStepPT:F,getStepProp:_,cx:v})),c.default.createElement(n.CSSTransition,s({nodeRef:p},f),c.default.createElement("div",m,t!==B().length-1&&c.default.createElement(D,{template:null===(a=e.children)||void 0===a?void 0:a.separator,separatorClass:v("stepper.separator"),stepperpanel:e,index:t,active:q(t),highlighted:t<E,getStepPT:F}),c.default.createElement(j,{key:L(t),id:L(t),tempate:null==e||null===(i=e.children)||void 0===i?void 0:i.content,stepperpanel:e,index:t,active:q(t),highlighted:t<E,clickCallback:Y,prevCallback:J,nextCallback:X,getStepPT:F,ariaLabelledby:H(t),ptm:b,cx:v}))))})),f&&c.default.createElement("div",I,f))})));P.displayName="StepperBase",exports.Stepper=I;

package/stepper/stepper.d.ts

@@ -11,8 +11,10 @@ import * as React from 'react';
 import { ComponentHooks } from '../componentbase/componentbase';
 import { PassThroughOptions } from '../passthrough';
 import { StepperPanelPassThroughOptionType } from '../stepperpanel/stepperpanel';
+import { PassThroughType } from '../utils';
 
 export declare type StepperPassThroughOptionType = StepperPassThroughAttributes | ((options: StepperPassThroughMethodOptions) => StepperPassThroughAttributes | string) | string | null | undefined;
+export declare type StepperPassThroughType<T> = PassThroughType<T, StepperPassThroughMethodOptions>;
 
 /**
  * Custom passthrough(pt) option method.
@@ -43,6 +45,14 @@ export interface StepperPassThroughOptions {
      * Used to pass attributes to the end handler's DOM element.
      */
     stepperpanel?: StepperPanelPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the start's DOM element.
+     */
+    start?: StepperPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the right's DOM element.
+     */
+    end?: StepperPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
     /**
      * Used to manage all lifecycle hooks
      * @see {@link ComponentHooks}
@@ -109,6 +119,10 @@ export interface StepperProps {
      * @defaultValue horizontal
      */
     orientation?: 'horizontal' | 'vertical' | undefined;
+    /**
+     * Position of the stepper panel header relative to the step number.
+     */
+    headerPosition?: 'top' | 'right' | 'bottom' | 'left' | undefined;
     /**
      * Whether the steps are clickable or not.
      * @defaultValue false
@@ -118,6 +132,14 @@ export interface StepperProps {
      * Callback to invoke when an active panel is changed.
      */
     onChangeStep?(event: StepperChangeEvent): void;
+    /**
+     * The template of start section.
+     */
+    start?: React.ReactNode | ((props: StepperProps) => React.ReactNode);
+    /**
+     * The template of end section.
+     */
+    end?: React.ReactNode | ((props: StepperProps) => React.ReactNode);
     /**
      * Uses to pass attributes to DOM elements inside the component.
      * @type {StepperPassThroughOptions}