primereact 9.0.0-beta.1 → 9.0.0-rc.1

package/carousel/carousel.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/hooks"),r=require("primereact/ripple"),a=require("primereact/utils");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=u(e),o=l(t);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function p(e){if(Array.isArray(e))return s(e)}function m(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 s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}function v(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function d(e){if(Array.isArray(e))return e}function h(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,u,c=[],o=!0,i=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(r=l.call(n)).done)&&(c.push(r.value),c.length!==t);o=!0);}catch(e){i=!0,a=e}finally{try{if(!o&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(i)throw a}}return c}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function b(e,t){return d(e)||h(e,t)||f(e,t)||g()}var y=c.memo((function(e){var t=e.template(e.item),n=a.classNames(e.className,"p-carousel-item",{"p-carousel-item-active":e.active,"p-carousel-item-start":e.start,"p-carousel-item-end":e.end});return c.createElement("div",{className:n},t)})),N=c.memo(c.forwardRef((function(e,l){var u=b(c.useState(e.numVisible),2),s=u[0],d=u[1],h=b(c.useState(e.numScroll),2),g=h[0],E=h[1],C=b(c.useState(e.page*e.numScroll*-1),2),S=C[0],P=C[1],O=b(c.useState(e.page),2),w=O[0],I=O[1],j=c.useRef(null),k=c.useRef(null),R=c.useRef(0),T=c.useRef(!!e.autoplayInterval),x=c.useRef(""),M=c.useRef(20),A=c.useRef(null),V=c.useRef(null),D=c.useRef(null),L=c.useRef(!1),_=c.useRef(null),H=n.usePrevious(g),q=n.usePrevious(s),U=n.usePrevious(e.value),z=n.usePrevious(e.page),Y="vertical"===e.orientation,X=e.circular||!!e.autoplayInterval,F=X&&e.value&&e.value.length>=s,K=e.onPageChange?e.page:w,W=e.value?Math.max(Math.ceil((e.value.length-s)/g)+1,0):0,$=W&&e.autoplayInterval&&T.current,B=b(n.useResizeListener({listener:function(){J()},when:e.responsiveOptions}),1)[0],G=function(t,n){var r=S;null!=n?(r=g*n*-1,F&&(r-=s),L.current=!1):(r+=g*t,L.current&&(r+=R.current-g*t,L.current=!1),n=Math.abs(Math.floor((F?r+s:r)/g)));F&&w===W-1&&-1===t?(r=-1*(e.value.length+s),n=0):F&&0===w&&1===t?(r=0,n=W-1):n===W-1&&R.current>0&&(r+=-1*R.current-g*t,L.current=!0),k.current&&(a.DomHandler.removeClass(k.current,"p-items-hidden"),oe(r),k.current.style.transition="transform 500ms ease 0s"),e.onPageChange?(P(r),e.onPageChange({page:n})):(I(n),P(r))},J=function(){if(k.current&&_.current){for(var t=window.innerWidth,n={numVisible:e.numVisible,numScroll:e.numScroll},r=0;r<_.current.length;r++){var a=_.current[r];parseInt(a.breakpoint,10)>=t&&(n=a)}if(g!==n.numScroll){var l=Math.floor(K*g/n.numScroll),u=n.numScroll*l*-1;F&&(u-=n.numVisible),P(u),E(n.numScroll),e.onPageChange?e.onPageChange({page:l}):I(l)}s!==n.numVisible&&d(n.numVisible)}},Q=function(e,t){(X||0!==K)&&G(1,t),T.current=!1,e.cancelable&&e.preventDefault()},Z=function(e,t){(X||K<W-1)&&G(-1,t),T.current=!1,e.cancelable&&e.preventDefault()},ee=function(e,t){t>K?Z(e,t):t<K&&Q(e,t)},te=function(e){k.current&&"transform"===e.propertyName&&(a.DomHandler.addClass(k.current,"p-items-hidden"),k.current.style.transition="",0!==w&&w!==W-1||!F||oe(S))},ne=function(e){var t=e.changedTouches[0];A.current={x:t.pageX,y:t.pageY}},re=function(e){e.cancelable&&e.preventDefault()},ae=function(e){var t=e.changedTouches[0];le(e,Y?t.pageY-A.current.y:t.pageX-A.current.x)},le=function(e,t){Math.abs(t)>M&&(t<0?Z(e):Q(e))},ue=function(){V.current&&clearInterval(V.current)},ce=function(){D.current||(D.current=a.DomHandler.createInlineStyle(o.default.nonce));var t,n="\n            .p-carousel[".concat(x.current,"] .p-carousel-item {\n                flex: 1 0 ").concat(100/s,"%\n            }\n        ");if(e.responsiveOptions){_.current=p(t=e.responsiveOptions)||m(t)||f(t)||v(),_.current.sort((function(e,t){return a.ObjectUtils.sort(e.breakpoint,t.breakpoint,-1,o.default.locale,o.default.nullSortOrder)}));for(var r=0;r<_.current.length;r++){var l=_.current[r];n+="\n                    @media screen and (max-width: ".concat(l.breakpoint,") {\n                        .p-carousel[").concat(x.current,"] .p-carousel-item {\n                            flex: 1 0 ").concat(100/l.numVisible,"%\n                        }\n                    }\n                ")}}D.current.innerHTML=n},oe=function(e){k.current&&(k.current.style.transform=Y?"translate3d(0, ".concat(e*(100/s),"%, 0)"):"translate3d(".concat(e*(100/s),"%, 0, 0)"))};c.useImperativeHandle(l,(function(){return{props:e,getElement:function(){return j.current}}})),n.useMountEffect((function(){j.current&&(x.current=a.UniqueComponentId(),j.current.setAttribute(x.current,"")),ce(),J(),oe(S),B()})),n.useUpdateEffect((function(){var t=!1,n=S;if(e.autoplayInterval&&ue(),H!==g||q!==s||e.value&&U&&U.length!==e.value.length){R.current=(e.value.length-s)%g;var r=K;0!==W&&r>=W&&(r=W-1,e.onPageChange?e.onPageChange({page:r}):I(r),t=!0),n=r*g*-1,F&&(n-=s),r===W-1&&R.current>0?(n+=-1*R.current+g,L.current=!0):L.current=!1,n!==S&&(P(n),t=!0),oe(n)}F&&(0===w?n=-1*s:0===n&&(n=-1*e.value.length,R.current>0&&(L.current=!0)),n!==S&&(P(n),t=!0)),z!==e.page&&(e.page>z&&e.page<=W-1?G(-1,e.page):e.page<z&&G(1,e.page)),!t&&$&&(V.current=setInterval((function(){G(-1,w===W-1?0:w+1)}),e.autoplayInterval))})),n.useUnmountEffect((function(){e.autoplayInterval&&ue()}));var ie=function(){if(e.value&&e.value.length){var t=null,n=null;if(F){var r=null;t=(r=e.value.slice(-1*s)).map((function(t,n){return c.createElement(y,{key:n+"_scloned",className:"p-carousel-item-cloned",template:e.itemTemplate,item:t,active:-1*S===e.value.length+s,start:0===n,end:n===r.length-1})})),n=(r=e.value.slice(0,s)).map((function(t,n){return c.createElement(y,{key:n+"_fcloned",className:"p-carousel-item-cloned",template:e.itemTemplate,item:t,active:0===S,start:0===n,end:n===r.length-1})}))}var a=e.value.map((function(t,n){var r=F?-1*(S+s):-1*S,a=r+s-1;return c.createElement(y,{key:n,template:e.itemTemplate,item:t,active:r<=n&&a>=n,start:r===n,end:a===n})}));return c.createElement(c.Fragment,null,t,a,n)}},se=function(){if(e.showNavigators){var n=(!X||e.value&&e.value.length<s)&&0===K,l=a.classNames("p-carousel-prev p-link",{"p-disabled":n}),u=a.classNames("p-carousel-prev-icon pi",{"pi-chevron-left":!Y,"pi-chevron-up":Y});return c.createElement("button",{type:"button",className:l,onClick:Q,disabled:n,"aria-label":t.ariaLabel("previousPageLabel")},c.createElement("span",{className:u}),c.createElement(r.Ripple,null))}return null},pe=function(){if(e.showNavigators){var n=(!X||e.value&&e.value.length<s)&&(K===W-1||0===W),l=a.classNames("p-carousel-next p-link",{"p-disabled":n}),u=a.classNames("p-carousel-next-icon pi",{"pi-chevron-right":!Y,"pi-chevron-down":Y});return c.createElement("button",{type:"button",className:l,onClick:Z,disabled:n,"aria-label":t.ariaLabel("nextPageLabel")},c.createElement("span",{className:u}),c.createElement(r.Ripple,null))}return null},me=function(e){var n="carousel-indicator-"+e,l=a.classNames("p-carousel-indicator",{"p-highlight":K===e});return c.createElement("li",{key:n,className:l},c.createElement("button",{type:"button",className:"p-link",onClick:function(t){return ee(t,e)},"aria-label":"".concat(t.ariaLabel("pageLabel")," ").concat(e+1)},c.createElement(r.Ripple,null)))},fe=a.ObjectUtils.findDiffKeys(e,N.defaultProps),ve=a.classNames("p-carousel p-component",{"p-carousel-vertical":Y,"p-carousel-horizontal":!Y},e.className),de=a.classNames("p-carousel-content",e.contentClassName),he=function(){var t=ie(),n=Y?e.verticalViewPortHeight:"auto",r=se(),l=pe(),u=a.classNames("p-carousel-container",e.containerClassName);return c.createElement("div",{className:u},r,c.createElement("div",{className:"p-carousel-items-content",style:{height:n},onTouchStart:ne,onTouchMove:re,onTouchEnd:ae},c.createElement("div",{ref:k,className:"p-carousel-items-container",onTransitionEnd:te},t)),l)}(),ge=function(){if(e.showIndicators){for(var t=a.classNames("p-carousel-indicators p-reset",e.indicatorsContentClassName),n=[],r=0;r<W;r++)n.push(me(r));return c.createElement("ul",{className:t},n)}return null}(),be=e.header?c.createElement("div",{className:"p-carousel-header"},e.header):null,ye=e.footer?c.createElement("div",{className:"p-carousel-footer"},e.footer):null;return c.createElement("div",i({ref:j,id:e.id,className:ve,style:e.style},fe),be,c.createElement("div",{className:de},he,ge),ye)})));y.displayName="CarouselItem",N.displayName="Carousel",N.defaultProps={__TYPE:"Carousel",id:null,value:null,page:0,header:null,footer:null,style:null,className:null,itemTemplate:null,circular:!1,showIndicators:!0,showNavigators:!0,autoplayInterval:0,numVisible:1,numScroll:1,responsiveOptions:null,orientation:"horizontal",verticalViewPortHeight:"300px",contentClassName:null,containerClassName:null,indicatorsContentClassName:null,onPageChange:null},exports.Carousel=N;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/hooks"),n=require("primereact/ripple"),a=require("primereact/utils");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(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 c=u(e),o=l(t);function i(){return i=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},i.apply(this,arguments)}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function p(e){if(Array.isArray(e))return s(e)}function m(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 s(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?s(e,t):void 0}}function v(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function d(e){if(Array.isArray(e))return e}function h(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,l,u,c=[],o=!0,i=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;o=!1}else for(;!(o=(n=l.call(r)).done)&&(c.push(n.value),c.length!==t);o=!0);}catch(e){i=!0,a=e}finally{try{if(!o&&null!=r.return&&(u=r.return(),Object(u)!==u))return}finally{if(i)throw a}}return c}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function b(e,t){return d(e)||h(e,t)||f(e,t)||g()}var y={defaultProps:{__TYPE:"Carousel",id:null,value:null,page:0,header:null,footer:null,style:null,className:null,itemTemplate:null,circular:!1,showIndicators:!0,showNavigators:!0,autoplayInterval:0,numVisible:1,numScroll:1,responsiveOptions:null,orientation:"horizontal",verticalViewPortHeight:"300px",contentClassName:null,containerClassName:null,indicatorsContentClassName:null,onPageChange:null,children:void 0},getProps:function(e){return a.ObjectUtils.getMergedProps(e,y.defaultProps)},getOtherProps:function(e){return a.ObjectUtils.getDiffProps(e,y.defaultProps)}},N=c.memo((function(e){var t=e.template(e.item),r=a.classNames(e.className,"p-carousel-item",{"p-carousel-item-active":e.active,"p-carousel-item-start":e.start,"p-carousel-item-end":e.end});return c.createElement("div",{className:r},t)})),E=c.memo(c.forwardRef((function(e,l){var u=y.getProps(e),s=b(c.useState(u.numVisible),2),d=s[0],h=s[1],g=b(c.useState(u.numScroll),2),E=g[0],P=g[1],C=b(c.useState(u.page*u.numScroll*-1),2),O=C[0],S=C[1],w=b(c.useState(u.page),2),I=w[0],j=w[1],k=c.useRef(null),R=c.useRef(null),T=c.useRef(0),x=c.useRef(!!u.autoplayInterval),M=c.useRef(""),A=c.useRef(20),V=c.useRef(null),D=c.useRef(null),L=c.useRef(null),_=c.useRef(!1),H=c.useRef(null),U=r.usePrevious(E),q=r.usePrevious(d),z=r.usePrevious(u.value),Y=r.usePrevious(u.page),X="vertical"===u.orientation,F=u.circular||!!u.autoplayInterval,W=F&&u.value&&u.value.length>=d,$=u.onPageChange?u.page:I,B=u.value?Math.max(Math.ceil((u.value.length-d)/E)+1,0):0,G=B&&u.autoplayInterval&&x.current,J=b(r.useResizeListener({listener:function(){Q()},when:u.responsiveOptions}),1)[0],K=function(e,t){var r=O;null!=t?(r=E*t*-1,W&&(r-=d),_.current=!1):(r+=E*e,_.current&&(r+=T.current-E*e,_.current=!1),t=Math.abs(Math.floor((W?r+d:r)/E)));W&&I===B-1&&-1===e?(r=-1*(u.value.length+d),t=0):W&&0===I&&1===e?(r=0,t=B-1):t===B-1&&T.current>0&&(r+=-1*T.current-E*e,_.current=!0),R.current&&(a.DomHandler.removeClass(R.current,"p-items-hidden"),ie(r),R.current.style.transition="transform 500ms ease 0s"),u.onPageChange?(S(r),u.onPageChange({page:t})):(j(t),S(r))},Q=function(){if(R.current&&H.current){for(var e=window.innerWidth,t={numVisible:u.numVisible,numScroll:u.numScroll},r=0;r<H.current.length;r++){var n=H.current[r];parseInt(n.breakpoint,10)>=e&&(t=n)}if(E!==t.numScroll){var a=Math.floor($*E/t.numScroll),l=t.numScroll*a*-1;W&&(l-=t.numVisible),S(l),P(t.numScroll),u.onPageChange?u.onPageChange({page:a}):j(a)}d!==t.numVisible&&h(t.numVisible)}},Z=function(e,t){(F||0!==$)&&K(1,t),x.current=!1,e.cancelable&&e.preventDefault()},ee=function(e,t){(F||$<B-1)&&K(-1,t),x.current=!1,e.cancelable&&e.preventDefault()},te=function(e,t){t>$?ee(e,t):t<$&&Z(e,t)},re=function(e){R.current&&"transform"===e.propertyName&&(a.DomHandler.addClass(R.current,"p-items-hidden"),R.current.style.transition="",0!==I&&I!==B-1||!W||ie(O))},ne=function(e){var t=e.changedTouches[0];V.current={x:t.pageX,y:t.pageY}},ae=function(e){e.cancelable&&e.preventDefault()},le=function(e){var t=e.changedTouches[0];ue(e,X?t.pageY-V.current.y:t.pageX-V.current.x)},ue=function(e,t){Math.abs(t)>A&&(t<0?ee(e):Z(e))},ce=function(){D.current&&clearInterval(D.current)},oe=function(){L.current||(L.current=a.DomHandler.createInlineStyle(o.default.nonce));var e,t="\n            .p-carousel[".concat(M.current,"] .p-carousel-item {\n                flex: 1 0 ").concat(100/d,"%\n            }\n        ");if(u.responsiveOptions){H.current=p(e=u.responsiveOptions)||m(e)||f(e)||v(),H.current.sort((function(e,t){return a.ObjectUtils.sort(e.breakpoint,t.breakpoint,-1,o.default.locale,o.default.nullSortOrder)}));for(var r=0;r<H.current.length;r++){var n=H.current[r];t+="\n                    @media screen and (max-width: ".concat(n.breakpoint,") {\n                        .p-carousel[").concat(M.current,"] .p-carousel-item {\n                            flex: 1 0 ").concat(100/n.numVisible,"%\n                        }\n                    }\n                ")}}L.current.innerHTML=t},ie=function(e){R.current&&(R.current.style.transform=X?"translate3d(0, ".concat(e*(100/d),"%, 0)"):"translate3d(".concat(e*(100/d),"%, 0, 0)"))};c.useImperativeHandle(l,(function(){return{props:u,getElement:function(){return k.current}}})),r.useMountEffect((function(){k.current&&(M.current=a.UniqueComponentId(),k.current.setAttribute(M.current,"")),oe(),Q(),ie(O),J()})),r.useUpdateEffect((function(){var e=!1,t=O;if(u.autoplayInterval&&ce(),U!==E||q!==d||u.value&&z&&z.length!==u.value.length){T.current=(u.value.length-d)%E;var r=$;0!==B&&r>=B&&(r=B-1,u.onPageChange?u.onPageChange({page:r}):j(r),e=!0),t=r*E*-1,W&&(t-=d),r===B-1&&T.current>0?(t+=-1*T.current+E,_.current=!0):_.current=!1,t!==O&&(S(t),e=!0),ie(t)}W&&(0===I?t=-1*d:0===t&&(t=-1*u.value.length,T.current>0&&(_.current=!0)),t!==O&&(S(t),e=!0)),Y!==u.page&&(u.page>Y&&u.page<=B-1?K(-1,u.page):u.page<Y&&K(1,u.page)),!e&&G&&(D.current=setInterval((function(){K(-1,I===B-1?0:I+1)}),u.autoplayInterval))})),r.useUnmountEffect((function(){u.autoplayInterval&&ce()}));var se=function(){if(u.value&&u.value.length){var e=null,t=null;if(W){var r=null;e=(r=u.value.slice(-1*d)).map((function(e,t){return c.createElement(N,{key:t+"_scloned",className:"p-carousel-item-cloned",template:u.itemTemplate,item:e,active:-1*O===u.value.length+d,start:0===t,end:t===r.length-1})})),t=(r=u.value.slice(0,d)).map((function(e,t){return c.createElement(N,{key:t+"_fcloned",className:"p-carousel-item-cloned",template:u.itemTemplate,item:e,active:0===O,start:0===t,end:t===r.length-1})}))}var n=u.value.map((function(e,t){var r=W?-1*(O+d):-1*O,n=r+d-1;return c.createElement(N,{key:t,template:u.itemTemplate,item:e,active:r<=t&&n>=t,start:r===t,end:n===t})}));return c.createElement(c.Fragment,null,e,n,t)}},pe=function(){if(u.showNavigators){var e=(!F||u.value&&u.value.length<d)&&0===$,r=a.classNames("p-carousel-prev p-link",{"p-disabled":e}),l=a.classNames("p-carousel-prev-icon pi",{"pi-chevron-left":!X,"pi-chevron-up":X});return c.createElement("button",{type:"button",className:r,onClick:Z,disabled:e,"aria-label":t.ariaLabel("previousPageLabel")},c.createElement("span",{className:l}),c.createElement(n.Ripple,null))}return null},me=function(){if(u.showNavigators){var e=(!F||u.value&&u.value.length<d)&&($===B-1||0===B),r=a.classNames("p-carousel-next p-link",{"p-disabled":e}),l=a.classNames("p-carousel-next-icon pi",{"pi-chevron-right":!X,"pi-chevron-down":X});return c.createElement("button",{type:"button",className:r,onClick:ee,disabled:e,"aria-label":t.ariaLabel("nextPageLabel")},c.createElement("span",{className:l}),c.createElement(n.Ripple,null))}return null},fe=function(e){var r="carousel-indicator-"+e,l=a.classNames("p-carousel-indicator",{"p-highlight":$===e});return c.createElement("li",{key:r,className:l},c.createElement("button",{type:"button",className:"p-link",onClick:function(t){return te(t,e)},"aria-label":"".concat(t.ariaLabel("pageLabel")," ").concat(e+1)},c.createElement(n.Ripple,null)))},ve=y.getOtherProps(u),de=a.classNames("p-carousel p-component",{"p-carousel-vertical":X,"p-carousel-horizontal":!X},u.className),he=a.classNames("p-carousel-content",u.contentClassName),ge=function(){var e=se(),t=X?u.verticalViewPortHeight:"auto",r=pe(),n=me(),l=a.classNames("p-carousel-container",u.containerClassName);return c.createElement("div",{className:l},r,c.createElement("div",{className:"p-carousel-items-content",style:{height:t},onTouchStart:ne,onTouchMove:ae,onTouchEnd:le},c.createElement("div",{ref:R,className:"p-carousel-items-container",onTransitionEnd:re},e)),n)}(),be=function(){if(u.showIndicators){for(var e=a.classNames("p-carousel-indicators p-reset",u.indicatorsContentClassName),t=[],r=0;r<B;r++)t.push(fe(r));return c.createElement("ul",{className:e},t)}return null}(),ye=u.header?c.createElement("div",{className:"p-carousel-header"},u.header):null,Ne=u.footer?c.createElement("div",{className:"p-carousel-footer"},u.footer):null;return c.createElement("div",i({ref:k,id:u.id,className:de,style:u.style},ve),ye,c.createElement("div",{className:he},ge,be),Ne)})));N.displayName="CarouselItem",E.displayName="Carousel",exports.Carousel=E;

package/carousel/carousel.d.ts

@@ -142,7 +142,7 @@ export interface CarouselProps extends Omit<React.DetailedHTMLProps<React.HTMLAt
  *
  * [Live Demo](https://www.primefaces.org/primereact/carousel/)
  * --- ---
- * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *
  * @group Component
  */

package/carousel/carousel.esm.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import PrimeReact, { ariaLabel } from 'primereact/api';
 import { usePrevious, useResizeListener, useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
 import { Ripple } from 'primereact/ripple';
-import { classNames, UniqueComponentId, ObjectUtils, DomHandler } from 'primereact/utils';
+import { ObjectUtils, classNames, UniqueComponentId, DomHandler } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -21,9 +21,7 @@ function _extends() {
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
@@ -70,9 +68,7 @@ function _iterableToArrayLimit(arr, i) {
       if (_x = (_i = _i.call(arr)).next, 0 === i) {
         if (Object(_i) !== _i) return;
         _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-        ;
-      }
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
     } catch (err) {
       _d = !0, _e = err;
     } finally {
@@ -94,6 +90,40 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+var CarouselBase = {
+  defaultProps: {
+    __TYPE: 'Carousel',
+    id: null,
+    value: null,
+    page: 0,
+    header: null,
+    footer: null,
+    style: null,
+    className: null,
+    itemTemplate: null,
+    circular: false,
+    showIndicators: true,
+    showNavigators: true,
+    autoplayInterval: 0,
+    numVisible: 1,
+    numScroll: 1,
+    responsiveOptions: null,
+    orientation: 'horizontal',
+    verticalViewPortHeight: '300px',
+    contentClassName: null,
+    containerClassName: null,
+    indicatorsContentClassName: null,
+    onPageChange: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return ObjectUtils.getMergedProps(props, CarouselBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return ObjectUtils.getDiffProps(props, CarouselBase.defaultProps);
+  }
+};
+
 var CarouselItem = /*#__PURE__*/React.memo(function (props) {
   var content = props.template(props.item);
   var className = classNames(props.className, 'p-carousel-item', {
@@ -105,7 +135,8 @@ var CarouselItem = /*#__PURE__*/React.memo(function (props) {
     className: className
   }, content);
 });
-var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var props = CarouselBase.getProps(inProps);
   var _React$useState = React.useState(props.numVisible),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     numVisibleState = _React$useState2[0],
@@ -584,7 +615,7 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     }
     return null;
   };
-  var otherProps = ObjectUtils.findDiffKeys(props, Carousel.defaultProps);
+  var otherProps = CarouselBase.getOtherProps(props);
   var className = classNames('p-carousel p-component', {
     'p-carousel-vertical': isVertical,
     'p-carousel-horizontal': !isVertical
@@ -605,29 +636,5 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
 }));
 CarouselItem.displayName = 'CarouselItem';
 Carousel.displayName = 'Carousel';
-Carousel.defaultProps = {
-  __TYPE: 'Carousel',
-  id: null,
-  value: null,
-  page: 0,
-  header: null,
-  footer: null,
-  style: null,
-  className: null,
-  itemTemplate: null,
-  circular: false,
-  showIndicators: true,
-  showNavigators: true,
-  autoplayInterval: 0,
-  numVisible: 1,
-  numScroll: 1,
-  responsiveOptions: null,
-  orientation: 'horizontal',
-  verticalViewPortHeight: '300px',
-  contentClassName: null,
-  containerClassName: null,
-  indicatorsContentClassName: null,
-  onPageChange: null
-};
 
 export { Carousel };

package/carousel/carousel.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t,{ariaLabel as n}from"primereact/api";import{usePrevious as r,useResizeListener as a,useMountEffect as l,useUpdateEffect as u,useUnmountEffect as o}from"primereact/hooks";import{Ripple as c}from"primereact/ripple";import{classNames as i,UniqueComponentId as s,ObjectUtils as m,DomHandler as p}from"primereact/utils";function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},f.apply(this,arguments)}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e){if(Array.isArray(e))return v(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function g(e,t){if(e){if("string"==typeof e)return v(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?v(e,t):void 0}}function y(){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 b(e){if(Array.isArray(e))return e}function N(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,u,o=[],c=!0,i=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){i=!0,a=e}finally{try{if(!c&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(i)throw a}}return o}}function E(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function C(e,t){return b(e)||N(e,t)||g(e,t)||E()}var S=e.memo((function(t){var n=t.template(t.item),r=i(t.className,"p-carousel-item",{"p-carousel-item-active":t.active,"p-carousel-item-start":t.start,"p-carousel-item-end":t.end});return e.createElement("div",{className:r},n)})),w=e.memo(e.forwardRef((function(v,b){var N=C(e.useState(v.numVisible),2),E=N[0],I=N[1],P=C(e.useState(v.numScroll),2),k=P[0],T=P[1],O=C(e.useState(v.page*v.numScroll*-1),2),x=O[0],R=O[1],A=C(e.useState(v.page),2),V=A[0],j=A[1],M=e.useRef(null),D=e.useRef(null),H=e.useRef(0),L=e.useRef(!!v.autoplayInterval),_=e.useRef(""),Y=e.useRef(20),z=e.useRef(null),X=e.useRef(null),F=e.useRef(null),K=e.useRef(!1),U=e.useRef(null),W=r(k),$=r(E),q=r(v.value),B=r(v.page),G="vertical"===v.orientation,J=v.circular||!!v.autoplayInterval,Q=J&&v.value&&v.value.length>=E,Z=v.onPageChange?v.page:V,ee=v.value?Math.max(Math.ceil((v.value.length-E)/k)+1,0):0,te=ee&&v.autoplayInterval&&L.current,ne=C(a({listener:function(){ae()},when:v.responsiveOptions}),1)[0],re=function(e,t){var n=x;null!=t?(n=k*t*-1,Q&&(n-=E),K.current=!1):(n+=k*e,K.current&&(n+=H.current-k*e,K.current=!1),t=Math.abs(Math.floor((Q?n+E:n)/k)));Q&&V===ee-1&&-1===e?(n=-1*(v.value.length+E),t=0):Q&&0===V&&1===e?(n=0,t=ee-1):t===ee-1&&H.current>0&&(n+=-1*H.current-k*e,K.current=!0),D.current&&(p.removeClass(D.current,"p-items-hidden"),de(n),D.current.style.transition="transform 500ms ease 0s"),v.onPageChange?(R(n),v.onPageChange({page:t})):(j(t),R(n))},ae=function(){if(D.current&&U.current){for(var e=window.innerWidth,t={numVisible:v.numVisible,numScroll:v.numScroll},n=0;n<U.current.length;n++){var r=U.current[n];parseInt(r.breakpoint,10)>=e&&(t=r)}if(k!==t.numScroll){var a=Math.floor(Z*k/t.numScroll),l=t.numScroll*a*-1;Q&&(l-=t.numVisible),R(l),T(t.numScroll),v.onPageChange?v.onPageChange({page:a}):j(a)}E!==t.numVisible&&I(t.numVisible)}},le=function(e,t){(J||0!==Z)&&re(1,t),L.current=!1,e.cancelable&&e.preventDefault()},ue=function(e,t){(J||Z<ee-1)&&re(-1,t),L.current=!1,e.cancelable&&e.preventDefault()},oe=function(e,t){t>Z?ue(e,t):t<Z&&le(e,t)},ce=function(e){D.current&&"transform"===e.propertyName&&(p.addClass(D.current,"p-items-hidden"),D.current.style.transition="",0!==V&&V!==ee-1||!Q||de(x))},ie=function(e){var t=e.changedTouches[0];z.current={x:t.pageX,y:t.pageY}},se=function(e){e.cancelable&&e.preventDefault()},me=function(e){var t=e.changedTouches[0];pe(e,G?t.pageY-z.current.y:t.pageX-z.current.x)},pe=function(e,t){Math.abs(t)>Y&&(t<0?ue(e):le(e))},fe=function(){X.current&&clearInterval(X.current)},ve=function(){F.current||(F.current=p.createInlineStyle(t.nonce));var e,n="\n            .p-carousel[".concat(_.current,"] .p-carousel-item {\n                flex: 1 0 ").concat(100/E,"%\n            }\n        ");if(v.responsiveOptions){U.current=d(e=v.responsiveOptions)||h(e)||g(e)||y(),U.current.sort((function(e,n){return m.sort(e.breakpoint,n.breakpoint,-1,t.locale,t.nullSortOrder)}));for(var r=0;r<U.current.length;r++){var a=U.current[r];n+="\n                    @media screen and (max-width: ".concat(a.breakpoint,") {\n                        .p-carousel[").concat(_.current,"] .p-carousel-item {\n                            flex: 1 0 ").concat(100/a.numVisible,"%\n                        }\n                    }\n                ")}}F.current.innerHTML=n},de=function(e){D.current&&(D.current.style.transform=G?"translate3d(0, ".concat(e*(100/E),"%, 0)"):"translate3d(".concat(e*(100/E),"%, 0, 0)"))};e.useImperativeHandle(b,(function(){return{props:v,getElement:function(){return M.current}}})),l((function(){M.current&&(_.current=s(),M.current.setAttribute(_.current,"")),ve(),ae(),de(x),ne()})),u((function(){var e=!1,t=x;if(v.autoplayInterval&&fe(),W!==k||$!==E||v.value&&q&&q.length!==v.value.length){H.current=(v.value.length-E)%k;var n=Z;0!==ee&&n>=ee&&(n=ee-1,v.onPageChange?v.onPageChange({page:n}):j(n),e=!0),t=n*k*-1,Q&&(t-=E),n===ee-1&&H.current>0?(t+=-1*H.current+k,K.current=!0):K.current=!1,t!==x&&(R(t),e=!0),de(t)}Q&&(0===V?t=-1*E:0===t&&(t=-1*v.value.length,H.current>0&&(K.current=!0)),t!==x&&(R(t),e=!0)),B!==v.page&&(v.page>B&&v.page<=ee-1?re(-1,v.page):v.page<B&&re(1,v.page)),!e&&te&&(X.current=setInterval((function(){re(-1,V===ee-1?0:V+1)}),v.autoplayInterval))})),o((function(){v.autoplayInterval&&fe()}));var he=function(){if(v.value&&v.value.length){var t=null,n=null;if(Q){var r=null;t=(r=v.value.slice(-1*E)).map((function(t,n){return e.createElement(S,{key:n+"_scloned",className:"p-carousel-item-cloned",template:v.itemTemplate,item:t,active:-1*x===v.value.length+E,start:0===n,end:n===r.length-1})})),n=(r=v.value.slice(0,E)).map((function(t,n){return e.createElement(S,{key:n+"_fcloned",className:"p-carousel-item-cloned",template:v.itemTemplate,item:t,active:0===x,start:0===n,end:n===r.length-1})}))}var a=v.value.map((function(t,n){var r=Q?-1*(x+E):-1*x,a=r+E-1;return e.createElement(S,{key:n,template:v.itemTemplate,item:t,active:r<=n&&a>=n,start:r===n,end:a===n})}));return e.createElement(e.Fragment,null,t,a,n)}},ge=function(){if(v.showNavigators){var t=(!J||v.value&&v.value.length<E)&&0===Z,r=i("p-carousel-prev p-link",{"p-disabled":t}),a=i("p-carousel-prev-icon pi",{"pi-chevron-left":!G,"pi-chevron-up":G});return e.createElement("button",{type:"button",className:r,onClick:le,disabled:t,"aria-label":n("previousPageLabel")},e.createElement("span",{className:a}),e.createElement(c,null))}return null},ye=function(){if(v.showNavigators){var t=(!J||v.value&&v.value.length<E)&&(Z===ee-1||0===ee),r=i("p-carousel-next p-link",{"p-disabled":t}),a=i("p-carousel-next-icon pi",{"pi-chevron-right":!G,"pi-chevron-down":G});return e.createElement("button",{type:"button",className:r,onClick:ue,disabled:t,"aria-label":n("nextPageLabel")},e.createElement("span",{className:a}),e.createElement(c,null))}return null},be=function(t){var r="carousel-indicator-"+t,a=i("p-carousel-indicator",{"p-highlight":Z===t});return e.createElement("li",{key:r,className:a},e.createElement("button",{type:"button",className:"p-link",onClick:function(e){return oe(e,t)},"aria-label":"".concat(n("pageLabel")," ").concat(t+1)},e.createElement(c,null)))},Ne=m.findDiffKeys(v,w.defaultProps),Ee=i("p-carousel p-component",{"p-carousel-vertical":G,"p-carousel-horizontal":!G},v.className),Ce=i("p-carousel-content",v.contentClassName),Se=function(){var t=he(),n=G?v.verticalViewPortHeight:"auto",r=ge(),a=ye(),l=i("p-carousel-container",v.containerClassName);return e.createElement("div",{className:l},r,e.createElement("div",{className:"p-carousel-items-content",style:{height:n},onTouchStart:ie,onTouchMove:se,onTouchEnd:me},e.createElement("div",{ref:D,className:"p-carousel-items-container",onTransitionEnd:ce},t)),a)}(),we=function(){if(v.showIndicators){for(var t=i("p-carousel-indicators p-reset",v.indicatorsContentClassName),n=[],r=0;r<ee;r++)n.push(be(r));return e.createElement("ul",{className:t},n)}return null}(),Ie=v.header?e.createElement("div",{className:"p-carousel-header"},v.header):null,Pe=v.footer?e.createElement("div",{className:"p-carousel-footer"},v.footer):null;return e.createElement("div",f({ref:M,id:v.id,className:Ee,style:v.style},Ne),Ie,e.createElement("div",{className:Ce},Se,we),Pe)})));S.displayName="CarouselItem",w.displayName="Carousel",w.defaultProps={__TYPE:"Carousel",id:null,value:null,page:0,header:null,footer:null,style:null,className:null,itemTemplate:null,circular:!1,showIndicators:!0,showNavigators:!0,autoplayInterval:0,numVisible:1,numScroll:1,responsiveOptions:null,orientation:"horizontal",verticalViewPortHeight:"300px",contentClassName:null,containerClassName:null,indicatorsContentClassName:null,onPageChange:null};export{w as Carousel};
+import*as e from"react";import t,{ariaLabel as n}from"primereact/api";import{usePrevious as r,useResizeListener as a,useMountEffect as l,useUpdateEffect as o,useUnmountEffect as u}from"primereact/hooks";import{Ripple as c}from"primereact/ripple";import{ObjectUtils as i,classNames as s,UniqueComponentId as p,DomHandler as m}from"primereact/utils";function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},f.apply(this,arguments)}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e){if(Array.isArray(e))return v(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function g(e,t){if(e){if("string"==typeof e)return v(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?v(e,t):void 0}}function b(){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){if(Array.isArray(e))return e}function N(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,o,u=[],c=!0,i=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(u.push(r.value),u.length!==t);c=!0);}catch(e){i=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(i)throw a}}return u}}function E(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function C(e,t){return y(e)||N(e,t)||g(e,t)||E()}var S={defaultProps:{__TYPE:"Carousel",id:null,value:null,page:0,header:null,footer:null,style:null,className:null,itemTemplate:null,circular:!1,showIndicators:!0,showNavigators:!0,autoplayInterval:0,numVisible:1,numScroll:1,responsiveOptions:null,orientation:"horizontal",verticalViewPortHeight:"300px",contentClassName:null,containerClassName:null,indicatorsContentClassName:null,onPageChange:null,children:void 0},getProps:function(e){return i.getMergedProps(e,S.defaultProps)},getOtherProps:function(e){return i.getDiffProps(e,S.defaultProps)}},P=e.memo((function(t){var n=t.template(t.item),r=s(t.className,"p-carousel-item",{"p-carousel-item-active":t.active,"p-carousel-item-start":t.start,"p-carousel-item-end":t.end});return e.createElement("div",{className:r},n)})),w=e.memo(e.forwardRef((function(v,y){var N=S.getProps(v),E=C(e.useState(N.numVisible),2),w=E[0],I=E[1],k=C(e.useState(N.numScroll),2),O=k[0],T=k[1],x=C(e.useState(N.page*N.numScroll*-1),2),R=x[0],A=x[1],M=C(e.useState(N.page),2),V=M[0],j=M[1],D=e.useRef(null),H=e.useRef(null),L=e.useRef(0),_=e.useRef(!!N.autoplayInterval),Y=e.useRef(""),z=e.useRef(20),X=e.useRef(null),F=e.useRef(null),U=e.useRef(null),W=e.useRef(!1),$=e.useRef(null),q=r(O),B=r(w),G=r(N.value),J=r(N.page),K="vertical"===N.orientation,Q=N.circular||!!N.autoplayInterval,Z=Q&&N.value&&N.value.length>=w,ee=N.onPageChange?N.page:V,te=N.value?Math.max(Math.ceil((N.value.length-w)/O)+1,0):0,ne=te&&N.autoplayInterval&&_.current,re=C(a({listener:function(){le()},when:N.responsiveOptions}),1)[0],ae=function(e,t){var n=R;null!=t?(n=O*t*-1,Z&&(n-=w),W.current=!1):(n+=O*e,W.current&&(n+=L.current-O*e,W.current=!1),t=Math.abs(Math.floor((Z?n+w:n)/O)));Z&&V===te-1&&-1===e?(n=-1*(N.value.length+w),t=0):Z&&0===V&&1===e?(n=0,t=te-1):t===te-1&&L.current>0&&(n+=-1*L.current-O*e,W.current=!0),H.current&&(m.removeClass(H.current,"p-items-hidden"),he(n),H.current.style.transition="transform 500ms ease 0s"),N.onPageChange?(A(n),N.onPageChange({page:t})):(j(t),A(n))},le=function(){if(H.current&&$.current){for(var e=window.innerWidth,t={numVisible:N.numVisible,numScroll:N.numScroll},n=0;n<$.current.length;n++){var r=$.current[n];parseInt(r.breakpoint,10)>=e&&(t=r)}if(O!==t.numScroll){var a=Math.floor(ee*O/t.numScroll),l=t.numScroll*a*-1;Z&&(l-=t.numVisible),A(l),T(t.numScroll),N.onPageChange?N.onPageChange({page:a}):j(a)}w!==t.numVisible&&I(t.numVisible)}},oe=function(e,t){(Q||0!==ee)&&ae(1,t),_.current=!1,e.cancelable&&e.preventDefault()},ue=function(e,t){(Q||ee<te-1)&&ae(-1,t),_.current=!1,e.cancelable&&e.preventDefault()},ce=function(e,t){t>ee?ue(e,t):t<ee&&oe(e,t)},ie=function(e){H.current&&"transform"===e.propertyName&&(m.addClass(H.current,"p-items-hidden"),H.current.style.transition="",0!==V&&V!==te-1||!Z||he(R))},se=function(e){var t=e.changedTouches[0];X.current={x:t.pageX,y:t.pageY}},pe=function(e){e.cancelable&&e.preventDefault()},me=function(e){var t=e.changedTouches[0];fe(e,K?t.pageY-X.current.y:t.pageX-X.current.x)},fe=function(e,t){Math.abs(t)>z&&(t<0?ue(e):oe(e))},ve=function(){F.current&&clearInterval(F.current)},de=function(){U.current||(U.current=m.createInlineStyle(t.nonce));var e,n="\n            .p-carousel[".concat(Y.current,"] .p-carousel-item {\n                flex: 1 0 ").concat(100/w,"%\n            }\n        ");if(N.responsiveOptions){$.current=d(e=N.responsiveOptions)||h(e)||g(e)||b(),$.current.sort((function(e,n){return i.sort(e.breakpoint,n.breakpoint,-1,t.locale,t.nullSortOrder)}));for(var r=0;r<$.current.length;r++){var a=$.current[r];n+="\n                    @media screen and (max-width: ".concat(a.breakpoint,") {\n                        .p-carousel[").concat(Y.current,"] .p-carousel-item {\n                            flex: 1 0 ").concat(100/a.numVisible,"%\n                        }\n                    }\n                ")}}U.current.innerHTML=n},he=function(e){H.current&&(H.current.style.transform=K?"translate3d(0, ".concat(e*(100/w),"%, 0)"):"translate3d(".concat(e*(100/w),"%, 0, 0)"))};e.useImperativeHandle(y,(function(){return{props:N,getElement:function(){return D.current}}})),l((function(){D.current&&(Y.current=p(),D.current.setAttribute(Y.current,"")),de(),le(),he(R),re()})),o((function(){var e=!1,t=R;if(N.autoplayInterval&&ve(),q!==O||B!==w||N.value&&G&&G.length!==N.value.length){L.current=(N.value.length-w)%O;var n=ee;0!==te&&n>=te&&(n=te-1,N.onPageChange?N.onPageChange({page:n}):j(n),e=!0),t=n*O*-1,Z&&(t-=w),n===te-1&&L.current>0?(t+=-1*L.current+O,W.current=!0):W.current=!1,t!==R&&(A(t),e=!0),he(t)}Z&&(0===V?t=-1*w:0===t&&(t=-1*N.value.length,L.current>0&&(W.current=!0)),t!==R&&(A(t),e=!0)),J!==N.page&&(N.page>J&&N.page<=te-1?ae(-1,N.page):N.page<J&&ae(1,N.page)),!e&&ne&&(F.current=setInterval((function(){ae(-1,V===te-1?0:V+1)}),N.autoplayInterval))})),u((function(){N.autoplayInterval&&ve()}));var ge=function(){if(N.value&&N.value.length){var t=null,n=null;if(Z){var r=null;t=(r=N.value.slice(-1*w)).map((function(t,n){return e.createElement(P,{key:n+"_scloned",className:"p-carousel-item-cloned",template:N.itemTemplate,item:t,active:-1*R===N.value.length+w,start:0===n,end:n===r.length-1})})),n=(r=N.value.slice(0,w)).map((function(t,n){return e.createElement(P,{key:n+"_fcloned",className:"p-carousel-item-cloned",template:N.itemTemplate,item:t,active:0===R,start:0===n,end:n===r.length-1})}))}var a=N.value.map((function(t,n){var r=Z?-1*(R+w):-1*R,a=r+w-1;return e.createElement(P,{key:n,template:N.itemTemplate,item:t,active:r<=n&&a>=n,start:r===n,end:a===n})}));return e.createElement(e.Fragment,null,t,a,n)}},be=function(){if(N.showNavigators){var t=(!Q||N.value&&N.value.length<w)&&0===ee,r=s("p-carousel-prev p-link",{"p-disabled":t}),a=s("p-carousel-prev-icon pi",{"pi-chevron-left":!K,"pi-chevron-up":K});return e.createElement("button",{type:"button",className:r,onClick:oe,disabled:t,"aria-label":n("previousPageLabel")},e.createElement("span",{className:a}),e.createElement(c,null))}return null},ye=function(){if(N.showNavigators){var t=(!Q||N.value&&N.value.length<w)&&(ee===te-1||0===te),r=s("p-carousel-next p-link",{"p-disabled":t}),a=s("p-carousel-next-icon pi",{"pi-chevron-right":!K,"pi-chevron-down":K});return e.createElement("button",{type:"button",className:r,onClick:ue,disabled:t,"aria-label":n("nextPageLabel")},e.createElement("span",{className:a}),e.createElement(c,null))}return null},Ne=function(t){var r="carousel-indicator-"+t,a=s("p-carousel-indicator",{"p-highlight":ee===t});return e.createElement("li",{key:r,className:a},e.createElement("button",{type:"button",className:"p-link",onClick:function(e){return ce(e,t)},"aria-label":"".concat(n("pageLabel")," ").concat(t+1)},e.createElement(c,null)))},Ee=S.getOtherProps(N),Ce=s("p-carousel p-component",{"p-carousel-vertical":K,"p-carousel-horizontal":!K},N.className),Se=s("p-carousel-content",N.contentClassName),Pe=function(){var t=ge(),n=K?N.verticalViewPortHeight:"auto",r=be(),a=ye(),l=s("p-carousel-container",N.containerClassName);return e.createElement("div",{className:l},r,e.createElement("div",{className:"p-carousel-items-content",style:{height:n},onTouchStart:se,onTouchMove:pe,onTouchEnd:me},e.createElement("div",{ref:H,className:"p-carousel-items-container",onTransitionEnd:ie},t)),a)}(),we=function(){if(N.showIndicators){for(var t=s("p-carousel-indicators p-reset",N.indicatorsContentClassName),n=[],r=0;r<te;r++)n.push(Ne(r));return e.createElement("ul",{className:t},n)}return null}(),Ie=N.header?e.createElement("div",{className:"p-carousel-header"},N.header):null,ke=N.footer?e.createElement("div",{className:"p-carousel-footer"},N.footer):null;return e.createElement("div",f({ref:D,id:N.id,className:Ce,style:N.style},Ee),Ie,e.createElement("div",{className:Se},Pe,we),ke)})));P.displayName="CarouselItem",w.displayName="Carousel";export{w as Carousel};

package/carousel/carousel.js

@@ -42,9 +42,7 @@ this.primereact.carousel = (function (exports, React, PrimeReact, hooks, ripple,
 
   function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
-    for (var i = 0, arr2 = new Array(len); i < len; i++) {
-      arr2[i] = arr[i];
-    }
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
     return arr2;
   }
 
@@ -91,9 +89,7 @@ this.primereact.carousel = (function (exports, React, PrimeReact, hooks, ripple,
         if (_x = (_i = _i.call(arr)).next, 0 === i) {
           if (Object(_i) !== _i) return;
           _n = !1;
-        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-          ;
-        }
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
       } catch (err) {
         _d = !0, _e = err;
       } finally {
@@ -115,6 +111,40 @@ this.primereact.carousel = (function (exports, React, PrimeReact, hooks, ripple,
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
+  var CarouselBase = {
+    defaultProps: {
+      __TYPE: 'Carousel',
+      id: null,
+      value: null,
+      page: 0,
+      header: null,
+      footer: null,
+      style: null,
+      className: null,
+      itemTemplate: null,
+      circular: false,
+      showIndicators: true,
+      showNavigators: true,
+      autoplayInterval: 0,
+      numVisible: 1,
+      numScroll: 1,
+      responsiveOptions: null,
+      orientation: 'horizontal',
+      verticalViewPortHeight: '300px',
+      contentClassName: null,
+      containerClassName: null,
+      indicatorsContentClassName: null,
+      onPageChange: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, CarouselBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, CarouselBase.defaultProps);
+    }
+  };
+
   var CarouselItem = /*#__PURE__*/React__namespace.memo(function (props) {
     var content = props.template(props.item);
     var className = utils.classNames(props.className, 'p-carousel-item', {
@@ -126,7 +156,8 @@ this.primereact.carousel = (function (exports, React, PrimeReact, hooks, ripple,
       className: className
     }, content);
   });
-  var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var props = CarouselBase.getProps(inProps);
     var _React$useState = React__namespace.useState(props.numVisible),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       numVisibleState = _React$useState2[0],
@@ -605,7 +636,7 @@ this.primereact.carousel = (function (exports, React, PrimeReact, hooks, ripple,
       }
       return null;
     };
-    var otherProps = utils.ObjectUtils.findDiffKeys(props, Carousel.defaultProps);
+    var otherProps = CarouselBase.getOtherProps(props);
     var className = utils.classNames('p-carousel p-component', {
       'p-carousel-vertical': isVertical,
       'p-carousel-horizontal': !isVertical
@@ -626,30 +657,6 @@ this.primereact.carousel = (function (exports, React, PrimeReact, hooks, ripple,
   }));
   CarouselItem.displayName = 'CarouselItem';
   Carousel.displayName = 'Carousel';
-  Carousel.defaultProps = {
-    __TYPE: 'Carousel',
-    id: null,
-    value: null,
-    page: 0,
-    header: null,
-    footer: null,
-    style: null,
-    className: null,
-    itemTemplate: null,
-    circular: false,
-    showIndicators: true,
-    showNavigators: true,
-    autoplayInterval: 0,
-    numVisible: 1,
-    numScroll: 1,
-    responsiveOptions: null,
-    orientation: 'horizontal',
-    verticalViewPortHeight: '300px',
-    contentClassName: null,
-    containerClassName: null,
-    indicatorsContentClassName: null,
-    onPageChange: null
-  };
 
   exports.Carousel = Carousel;
 

package/carousel/carousel.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.carousel=function(e,t,n,r,a,l){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var o=c(t),i=u(n);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(this,arguments)}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function p(e){if(Array.isArray(e))return m(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(e,t){if(e){if("string"==typeof e)return m(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?m(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 h(e){if(Array.isArray(e))return e}function g(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,u,c=[],o=!0,i=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(r=l.call(n)).done)&&(c.push(r.value),c.length!==t);o=!0);}catch(e){i=!0,a=e}finally{try{if(!o&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(i)throw a}}return c}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function y(e,t){return h(e)||g(e,t)||v(e,t)||b()}var N=o.memo((function(e){var t=e.template(e.item),n=l.classNames(e.className,"p-carousel-item",{"p-carousel-item-active":e.active,"p-carousel-item-start":e.start,"p-carousel-item-end":e.end});return o.createElement("div",{className:n},t)})),E=o.memo(o.forwardRef((function(e,t){var u=y(o.useState(e.numVisible),2),c=u[0],m=u[1],h=y(o.useState(e.numScroll),2),g=h[0],b=h[1],C=y(o.useState(e.page*e.numScroll*-1),2),S=C[0],P=C[1],O=y(o.useState(e.page),2),w=O[0],I=O[1],j=o.useRef(null),R=o.useRef(null),k=o.useRef(0),T=o.useRef(!!e.autoplayInterval),M=o.useRef(""),x=o.useRef(20),A=o.useRef(null),V=o.useRef(null),D=o.useRef(null),L=o.useRef(!1),_=o.useRef(null),H=r.usePrevious(g),U=r.usePrevious(c),z=r.usePrevious(e.value),Y=r.usePrevious(e.page),X="vertical"===e.orientation,q=e.circular||!!e.autoplayInterval,F=q&&e.value&&e.value.length>=c,K=e.onPageChange?e.page:w,W=e.value?Math.max(Math.ceil((e.value.length-c)/g)+1,0):0,$=W&&e.autoplayInterval&&T.current,B=y(r.useResizeListener({listener:function(){J()},when:e.responsiveOptions}),1)[0],G=function(t,n){var r=S;null!=n?(r=g*n*-1,F&&(r-=c),L.current=!1):(r+=g*t,L.current&&(r+=k.current-g*t,L.current=!1),n=Math.abs(Math.floor((F?r+c:r)/g)));F&&w===W-1&&-1===t?(r=-1*(e.value.length+c),n=0):F&&0===w&&1===t?(r=0,n=W-1):n===W-1&&k.current>0&&(r+=-1*k.current-g*t,L.current=!0),R.current&&(l.DomHandler.removeClass(R.current,"p-items-hidden"),oe(r),R.current.style.transition="transform 500ms ease 0s"),e.onPageChange?(P(r),e.onPageChange({page:n})):(I(n),P(r))},J=function(){if(R.current&&_.current){for(var t=window.innerWidth,n={numVisible:e.numVisible,numScroll:e.numScroll},r=0;r<_.current.length;r++){var a=_.current[r];parseInt(a.breakpoint,10)>=t&&(n=a)}if(g!==n.numScroll){var l=Math.floor(K*g/n.numScroll),u=n.numScroll*l*-1;F&&(u-=n.numVisible),P(u),b(n.numScroll),e.onPageChange?e.onPageChange({page:l}):I(l)}c!==n.numVisible&&m(n.numVisible)}},Q=function(e,t){(q||0!==K)&&G(1,t),T.current=!1,e.cancelable&&e.preventDefault()},Z=function(e,t){(q||K<W-1)&&G(-1,t),T.current=!1,e.cancelable&&e.preventDefault()},ee=function(e,t){t>K?Z(e,t):t<K&&Q(e,t)},te=function(e){R.current&&"transform"===e.propertyName&&(l.DomHandler.addClass(R.current,"p-items-hidden"),R.current.style.transition="",0!==w&&w!==W-1||!F||oe(S))},ne=function(e){var t=e.changedTouches[0];A.current={x:t.pageX,y:t.pageY}},re=function(e){e.cancelable&&e.preventDefault()},ae=function(e){var t=e.changedTouches[0];le(e,X?t.pageY-A.current.y:t.pageX-A.current.x)},le=function(e,t){Math.abs(t)>x&&(t<0?Z(e):Q(e))},ue=function(){V.current&&clearInterval(V.current)},ce=function(){D.current||(D.current=l.DomHandler.createInlineStyle(i.default.nonce));var t,n="\n            .p-carousel[".concat(M.current,"] .p-carousel-item {\n                flex: 1 0 ").concat(100/c,"%\n            }\n        ");if(e.responsiveOptions){_.current=p(t=e.responsiveOptions)||f(t)||v(t)||d(),_.current.sort((function(e,t){return l.ObjectUtils.sort(e.breakpoint,t.breakpoint,-1,i.default.locale,i.default.nullSortOrder)}));for(var r=0;r<_.current.length;r++){var a=_.current[r];n+="\n                    @media screen and (max-width: ".concat(a.breakpoint,") {\n                        .p-carousel[").concat(M.current,"] .p-carousel-item {\n                            flex: 1 0 ").concat(100/a.numVisible,"%\n                        }\n                    }\n                ")}}D.current.innerHTML=n},oe=function(e){R.current&&(R.current.style.transform=X?"translate3d(0, ".concat(e*(100/c),"%, 0)"):"translate3d(".concat(e*(100/c),"%, 0, 0)"))};o.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return j.current}}})),r.useMountEffect((function(){j.current&&(M.current=l.UniqueComponentId(),j.current.setAttribute(M.current,"")),ce(),J(),oe(S),B()})),r.useUpdateEffect((function(){var t=!1,n=S;if(e.autoplayInterval&&ue(),H!==g||U!==c||e.value&&z&&z.length!==e.value.length){k.current=(e.value.length-c)%g;var r=K;0!==W&&r>=W&&(r=W-1,e.onPageChange?e.onPageChange({page:r}):I(r),t=!0),n=r*g*-1,F&&(n-=c),r===W-1&&k.current>0?(n+=-1*k.current+g,L.current=!0):L.current=!1,n!==S&&(P(n),t=!0),oe(n)}F&&(0===w?n=-1*c:0===n&&(n=-1*e.value.length,k.current>0&&(L.current=!0)),n!==S&&(P(n),t=!0)),Y!==e.page&&(e.page>Y&&e.page<=W-1?G(-1,e.page):e.page<Y&&G(1,e.page)),!t&&$&&(V.current=setInterval((function(){G(-1,w===W-1?0:w+1)}),e.autoplayInterval))})),r.useUnmountEffect((function(){e.autoplayInterval&&ue()}));var ie=function(){if(e.value&&e.value.length){var t=null,n=null;if(F){var r=null;t=(r=e.value.slice(-1*c)).map((function(t,n){return o.createElement(N,{key:n+"_scloned",className:"p-carousel-item-cloned",template:e.itemTemplate,item:t,active:-1*S===e.value.length+c,start:0===n,end:n===r.length-1})})),n=(r=e.value.slice(0,c)).map((function(t,n){return o.createElement(N,{key:n+"_fcloned",className:"p-carousel-item-cloned",template:e.itemTemplate,item:t,active:0===S,start:0===n,end:n===r.length-1})}))}var a=e.value.map((function(t,n){var r=F?-1*(S+c):-1*S,a=r+c-1;return o.createElement(N,{key:n,template:e.itemTemplate,item:t,active:r<=n&&a>=n,start:r===n,end:a===n})}));return o.createElement(o.Fragment,null,t,a,n)}},se=function(){if(e.showNavigators){var t=(!q||e.value&&e.value.length<c)&&0===K,r=l.classNames("p-carousel-prev p-link",{"p-disabled":t}),u=l.classNames("p-carousel-prev-icon pi",{"pi-chevron-left":!X,"pi-chevron-up":X});return o.createElement("button",{type:"button",className:r,onClick:Q,disabled:t,"aria-label":n.ariaLabel("previousPageLabel")},o.createElement("span",{className:u}),o.createElement(a.Ripple,null))}return null},me=function(){if(e.showNavigators){var t=(!q||e.value&&e.value.length<c)&&(K===W-1||0===W),r=l.classNames("p-carousel-next p-link",{"p-disabled":t}),u=l.classNames("p-carousel-next-icon pi",{"pi-chevron-right":!X,"pi-chevron-down":X});return o.createElement("button",{type:"button",className:r,onClick:Z,disabled:t,"aria-label":n.ariaLabel("nextPageLabel")},o.createElement("span",{className:u}),o.createElement(a.Ripple,null))}return null},pe=function(e){var t="carousel-indicator-"+e,r=l.classNames("p-carousel-indicator",{"p-highlight":K===e});return o.createElement("li",{key:t,className:r},o.createElement("button",{type:"button",className:"p-link",onClick:function(t){return ee(t,e)},"aria-label":"".concat(n.ariaLabel("pageLabel")," ").concat(e+1)},o.createElement(a.Ripple,null)))},fe=l.ObjectUtils.findDiffKeys(e,E.defaultProps),ve=l.classNames("p-carousel p-component",{"p-carousel-vertical":X,"p-carousel-horizontal":!X},e.className),de=l.classNames("p-carousel-content",e.contentClassName),he=function(){var t=ie(),n=X?e.verticalViewPortHeight:"auto",r=se(),a=me(),u=l.classNames("p-carousel-container",e.containerClassName);return o.createElement("div",{className:u},r,o.createElement("div",{className:"p-carousel-items-content",style:{height:n},onTouchStart:ne,onTouchMove:re,onTouchEnd:ae},o.createElement("div",{ref:R,className:"p-carousel-items-container",onTransitionEnd:te},t)),a)}(),ge=function(){if(e.showIndicators){for(var t=l.classNames("p-carousel-indicators p-reset",e.indicatorsContentClassName),n=[],r=0;r<W;r++)n.push(pe(r));return o.createElement("ul",{className:t},n)}return null}(),be=e.header?o.createElement("div",{className:"p-carousel-header"},e.header):null,ye=e.footer?o.createElement("div",{className:"p-carousel-footer"},e.footer):null;return o.createElement("div",s({ref:j,id:e.id,className:ve,style:e.style},fe),be,o.createElement("div",{className:de},he,ge),ye)})));return N.displayName="CarouselItem",E.displayName="Carousel",E.defaultProps={__TYPE:"Carousel",id:null,value:null,page:0,header:null,footer:null,style:null,className:null,itemTemplate:null,circular:!1,showIndicators:!0,showNavigators:!0,autoplayInterval:0,numVisible:1,numScroll:1,responsiveOptions:null,orientation:"horizontal",verticalViewPortHeight:"300px",contentClassName:null,containerClassName:null,indicatorsContentClassName:null,onPageChange:null},e.Carousel=E,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.ripple,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.carousel=function(e,t,n,r,a,l){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var o=c(t),i=u(n);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(this,arguments)}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function m(e){if(Array.isArray(e))return p(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}function 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 h(e){if(Array.isArray(e))return e}function g(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,u,c=[],o=!0,i=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(r=l.call(n)).done)&&(c.push(r.value),c.length!==t);o=!0);}catch(e){i=!0,a=e}finally{try{if(!o&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(i)throw a}}return c}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function y(e,t){return h(e)||g(e,t)||v(e,t)||b()}var N={defaultProps:{__TYPE:"Carousel",id:null,value:null,page:0,header:null,footer:null,style:null,className:null,itemTemplate:null,circular:!1,showIndicators:!0,showNavigators:!0,autoplayInterval:0,numVisible:1,numScroll:1,responsiveOptions:null,orientation:"horizontal",verticalViewPortHeight:"300px",contentClassName:null,containerClassName:null,indicatorsContentClassName:null,onPageChange:null,children:void 0},getProps:function(e){return l.ObjectUtils.getMergedProps(e,N.defaultProps)},getOtherProps:function(e){return l.ObjectUtils.getDiffProps(e,N.defaultProps)}},E=o.memo((function(e){var t=e.template(e.item),n=l.classNames(e.className,"p-carousel-item",{"p-carousel-item-active":e.active,"p-carousel-item-start":e.start,"p-carousel-item-end":e.end});return o.createElement("div",{className:n},t)})),P=o.memo(o.forwardRef((function(e,t){var u=N.getProps(e),c=y(o.useState(u.numVisible),2),p=c[0],h=c[1],g=y(o.useState(u.numScroll),2),b=g[0],P=g[1],C=y(o.useState(u.page*u.numScroll*-1),2),O=C[0],S=C[1],w=y(o.useState(u.page),2),I=w[0],j=w[1],R=o.useRef(null),k=o.useRef(null),T=o.useRef(0),M=o.useRef(!!u.autoplayInterval),x=o.useRef(""),A=o.useRef(20),V=o.useRef(null),D=o.useRef(null),L=o.useRef(null),_=o.useRef(!1),H=o.useRef(null),U=r.usePrevious(b),z=r.usePrevious(p),Y=r.usePrevious(u.value),X=r.usePrevious(u.page),q="vertical"===u.orientation,F=u.circular||!!u.autoplayInterval,W=F&&u.value&&u.value.length>=p,$=u.onPageChange?u.page:I,B=u.value?Math.max(Math.ceil((u.value.length-p)/b)+1,0):0,G=B&&u.autoplayInterval&&M.current,J=y(r.useResizeListener({listener:function(){Q()},when:u.responsiveOptions}),1)[0],K=function(e,t){var n=O;null!=t?(n=b*t*-1,W&&(n-=p),_.current=!1):(n+=b*e,_.current&&(n+=T.current-b*e,_.current=!1),t=Math.abs(Math.floor((W?n+p:n)/b)));W&&I===B-1&&-1===e?(n=-1*(u.value.length+p),t=0):W&&0===I&&1===e?(n=0,t=B-1):t===B-1&&T.current>0&&(n+=-1*T.current-b*e,_.current=!0),k.current&&(l.DomHandler.removeClass(k.current,"p-items-hidden"),ie(n),k.current.style.transition="transform 500ms ease 0s"),u.onPageChange?(S(n),u.onPageChange({page:t})):(j(t),S(n))},Q=function(){if(k.current&&H.current){for(var e=window.innerWidth,t={numVisible:u.numVisible,numScroll:u.numScroll},n=0;n<H.current.length;n++){var r=H.current[n];parseInt(r.breakpoint,10)>=e&&(t=r)}if(b!==t.numScroll){var a=Math.floor($*b/t.numScroll),l=t.numScroll*a*-1;W&&(l-=t.numVisible),S(l),P(t.numScroll),u.onPageChange?u.onPageChange({page:a}):j(a)}p!==t.numVisible&&h(t.numVisible)}},Z=function(e,t){(F||0!==$)&&K(1,t),M.current=!1,e.cancelable&&e.preventDefault()},ee=function(e,t){(F||$<B-1)&&K(-1,t),M.current=!1,e.cancelable&&e.preventDefault()},te=function(e,t){t>$?ee(e,t):t<$&&Z(e,t)},ne=function(e){k.current&&"transform"===e.propertyName&&(l.DomHandler.addClass(k.current,"p-items-hidden"),k.current.style.transition="",0!==I&&I!==B-1||!W||ie(O))},re=function(e){var t=e.changedTouches[0];V.current={x:t.pageX,y:t.pageY}},ae=function(e){e.cancelable&&e.preventDefault()},le=function(e){var t=e.changedTouches[0];ue(e,q?t.pageY-V.current.y:t.pageX-V.current.x)},ue=function(e,t){Math.abs(t)>A&&(t<0?ee(e):Z(e))},ce=function(){D.current&&clearInterval(D.current)},oe=function(){L.current||(L.current=l.DomHandler.createInlineStyle(i.default.nonce));var e,t="\n            .p-carousel[".concat(x.current,"] .p-carousel-item {\n                flex: 1 0 ").concat(100/p,"%\n            }\n        ");if(u.responsiveOptions){H.current=m(e=u.responsiveOptions)||f(e)||v(e)||d(),H.current.sort((function(e,t){return l.ObjectUtils.sort(e.breakpoint,t.breakpoint,-1,i.default.locale,i.default.nullSortOrder)}));for(var n=0;n<H.current.length;n++){var r=H.current[n];t+="\n                    @media screen and (max-width: ".concat(r.breakpoint,") {\n                        .p-carousel[").concat(x.current,"] .p-carousel-item {\n                            flex: 1 0 ").concat(100/r.numVisible,"%\n                        }\n                    }\n                ")}}L.current.innerHTML=t},ie=function(e){k.current&&(k.current.style.transform=q?"translate3d(0, ".concat(e*(100/p),"%, 0)"):"translate3d(".concat(e*(100/p),"%, 0, 0)"))};o.useImperativeHandle(t,(function(){return{props:u,getElement:function(){return R.current}}})),r.useMountEffect((function(){R.current&&(x.current=l.UniqueComponentId(),R.current.setAttribute(x.current,"")),oe(),Q(),ie(O),J()})),r.useUpdateEffect((function(){var e=!1,t=O;if(u.autoplayInterval&&ce(),U!==b||z!==p||u.value&&Y&&Y.length!==u.value.length){T.current=(u.value.length-p)%b;var n=$;0!==B&&n>=B&&(n=B-1,u.onPageChange?u.onPageChange({page:n}):j(n),e=!0),t=n*b*-1,W&&(t-=p),n===B-1&&T.current>0?(t+=-1*T.current+b,_.current=!0):_.current=!1,t!==O&&(S(t),e=!0),ie(t)}W&&(0===I?t=-1*p:0===t&&(t=-1*u.value.length,T.current>0&&(_.current=!0)),t!==O&&(S(t),e=!0)),X!==u.page&&(u.page>X&&u.page<=B-1?K(-1,u.page):u.page<X&&K(1,u.page)),!e&&G&&(D.current=setInterval((function(){K(-1,I===B-1?0:I+1)}),u.autoplayInterval))})),r.useUnmountEffect((function(){u.autoplayInterval&&ce()}));var se=function(){if(u.value&&u.value.length){var e=null,t=null;if(W){var n=null;e=(n=u.value.slice(-1*p)).map((function(e,t){return o.createElement(E,{key:t+"_scloned",className:"p-carousel-item-cloned",template:u.itemTemplate,item:e,active:-1*O===u.value.length+p,start:0===t,end:t===n.length-1})})),t=(n=u.value.slice(0,p)).map((function(e,t){return o.createElement(E,{key:t+"_fcloned",className:"p-carousel-item-cloned",template:u.itemTemplate,item:e,active:0===O,start:0===t,end:t===n.length-1})}))}var r=u.value.map((function(e,t){var n=W?-1*(O+p):-1*O,r=n+p-1;return o.createElement(E,{key:t,template:u.itemTemplate,item:e,active:n<=t&&r>=t,start:n===t,end:r===t})}));return o.createElement(o.Fragment,null,e,r,t)}},pe=function(){if(u.showNavigators){var e=(!F||u.value&&u.value.length<p)&&0===$,t=l.classNames("p-carousel-prev p-link",{"p-disabled":e}),r=l.classNames("p-carousel-prev-icon pi",{"pi-chevron-left":!q,"pi-chevron-up":q});return o.createElement("button",{type:"button",className:t,onClick:Z,disabled:e,"aria-label":n.ariaLabel("previousPageLabel")},o.createElement("span",{className:r}),o.createElement(a.Ripple,null))}return null},me=function(){if(u.showNavigators){var e=(!F||u.value&&u.value.length<p)&&($===B-1||0===B),t=l.classNames("p-carousel-next p-link",{"p-disabled":e}),r=l.classNames("p-carousel-next-icon pi",{"pi-chevron-right":!q,"pi-chevron-down":q});return o.createElement("button",{type:"button",className:t,onClick:ee,disabled:e,"aria-label":n.ariaLabel("nextPageLabel")},o.createElement("span",{className:r}),o.createElement(a.Ripple,null))}return null},fe=function(e){var t="carousel-indicator-"+e,r=l.classNames("p-carousel-indicator",{"p-highlight":$===e});return o.createElement("li",{key:t,className:r},o.createElement("button",{type:"button",className:"p-link",onClick:function(t){return te(t,e)},"aria-label":"".concat(n.ariaLabel("pageLabel")," ").concat(e+1)},o.createElement(a.Ripple,null)))},ve=N.getOtherProps(u),de=l.classNames("p-carousel p-component",{"p-carousel-vertical":q,"p-carousel-horizontal":!q},u.className),he=l.classNames("p-carousel-content",u.contentClassName),ge=function(){var e=se(),t=q?u.verticalViewPortHeight:"auto",n=pe(),r=me(),a=l.classNames("p-carousel-container",u.containerClassName);return o.createElement("div",{className:a},n,o.createElement("div",{className:"p-carousel-items-content",style:{height:t},onTouchStart:re,onTouchMove:ae,onTouchEnd:le},o.createElement("div",{ref:k,className:"p-carousel-items-container",onTransitionEnd:ne},e)),r)}(),be=function(){if(u.showIndicators){for(var e=l.classNames("p-carousel-indicators p-reset",u.indicatorsContentClassName),t=[],n=0;n<B;n++)t.push(fe(n));return o.createElement("ul",{className:e},t)}return null}(),ye=u.header?o.createElement("div",{className:"p-carousel-header"},u.header):null,Ne=u.footer?o.createElement("div",{className:"p-carousel-footer"},u.footer):null;return o.createElement("div",s({ref:R,id:u.id,className:de,style:u.style},ve),ye,o.createElement("div",{className:he},ge,be),Ne)})));return E.displayName="CarouselItem",P.displayName="Carousel",e.Carousel=P,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.ripple,primereact.utils);

package/carousel/package.json

@@ -2,5 +2,6 @@
     "main": "./carousel.cjs.js",
     "module": "./carousel.esm.js",
     "unpkg": "./carousel.min.js",
-    "types": "./carousel.d.ts"
+    "types": "./carousel.d.ts",
+    "sideEffects": false
 }

package/cascadeselect/cascadeselect.cjs.js

@@ -67,9 +67,7 @@ function _iterableToArrayLimit(arr, i) {
       if (_x = (_i = _i.call(arr)).next, 0 === i) {
         if (Object(_i) !== _i) return;
         _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-        ;
-      }
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
     } catch (err) {
       _d = !0, _e = err;
     } finally {
@@ -85,9 +83,7 @@ function _iterableToArrayLimit(arr, i) {
 
 function _arrayLikeToArray$1(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
@@ -108,6 +104,46 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest();
 }
 
+var CascadeSelectBase = {
+  defaultProps: {
+    __TYPE: 'CascadeSelect',
+    id: null,
+    inputRef: null,
+    style: null,
+    className: null,
+    value: null,
+    name: null,
+    options: null,
+    optionLabel: null,
+    optionValue: null,
+    optionGroupLabel: null,
+    optionGroupChildren: null,
+    placeholder: null,
+    itemTemplate: null,
+    disabled: false,
+    dataKey: null,
+    inputId: null,
+    tabIndex: null,
+    ariaLabelledBy: null,
+    appendTo: null,
+    transitionOptions: null,
+    dropdownIcon: 'pi pi-chevron-down',
+    onChange: null,
+    onGroupChange: null,
+    onBeforeShow: null,
+    onBeforeHide: null,
+    onShow: null,
+    onHide: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return utils.ObjectUtils.getMergedProps(props, CascadeSelectBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return utils.ObjectUtils.getDiffProps(props, CascadeSelectBase.defaultProps);
+  }
+};
+
 var CascadeSelectSub = /*#__PURE__*/React__namespace.memo(function (props) {
   var _React$useState = React__namespace.useState(null),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -309,8 +345,9 @@ var CascadeSelectSub = /*#__PURE__*/React__namespace.memo(function (props) {
 
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-var CascadeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+var CascadeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var props = CascadeSelectBase.getProps(inProps);
   var _React$useState = React__namespace.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     focusedState = _React$useState2[0],
@@ -614,42 +651,12 @@ var CascadeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
       onClick: onClick
     }), keyboardHelper, labelElement, dropdownIcon, overlay);
   };
-  var otherProps = utils.ObjectUtils.findDiffKeys(props, CascadeSelect.defaultProps);
+  var otherProps = CascadeSelectBase.getOtherProps(props);
   utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.DATA_PROPS);
   var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
   var element = createElement();
   return element;
 }));
 CascadeSelect.displayName = 'CascadeSelect';
-CascadeSelect.defaultProps = {
-  __TYPE: 'CascadeSelect',
-  id: null,
-  inputRef: null,
-  style: null,
-  className: null,
-  value: null,
-  name: null,
-  options: null,
-  optionLabel: null,
-  optionValue: null,
-  optionGroupLabel: null,
-  optionGroupChildren: null,
-  placeholder: null,
-  itemTemplate: null,
-  disabled: false,
-  dataKey: null,
-  inputId: null,
-  tabIndex: null,
-  ariaLabelledBy: null,
-  appendTo: null,
-  transitionOptions: null,
-  dropdownIcon: 'pi pi-chevron-down',
-  onChange: null,
-  onGroupChange: null,
-  onBeforeShow: null,
-  onBeforeHide: null,
-  onShow: null,
-  onHide: null
-};
 
 exports.CascadeSelect = CascadeSelect;

package/cascadeselect/cascadeselect.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/csstransition"),r=require("primereact/hooks"),l=require("primereact/overlayservice"),a=require("primereact/portal"),o=require("primereact/utils"),i=require("primereact/ripple");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var s=u(e),p=c(t);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},f.apply(this,arguments)}function d(e){if(Array.isArray(e))return e}function m(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,a,o,i=[],c=!0,u=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=a.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){u=!0,l=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw l}}return i}}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function b(e,t){if(e){if("string"==typeof e)return v(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?v(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 y(e,t){return d(e)||m(e,t)||b(e,t)||h()}var g=s.memo((function(e){var t=y(s.useState(null),2),n=t[0],l=t[1],a=s.useRef(null),c=function(t){e.onOptionSelect&&e.onOptionSelect(t)},u=function(t,r){var a=t.currentTarget.parentElement;switch(t.key){case"Down":case"ArrowDown":var o=f(a);o&&o.children[0].focus();break;case"Up":case"ArrowUp":var i=d(a);i&&i.children[0].focus();break;case"Right":case"ArrowRight":O(r)&&(n===r?a.children[1].children[0].children[0].focus():l(r));break;case"Left":case"ArrowLeft":l(null);var c=t.currentTarget.parentElement.parentElement.previousElementSibling;c&&c.focus();break;case"Enter":m(t,r);break;case"Tab":case"Escape":e.onPanelHide&&(e.onPanelHide(),t.preventDefault())}t.preventDefault()},f=function e(t){var n=t.nextElementSibling;return n?o.DomHandler.hasClass(n,"p-disabled")||!o.DomHandler.hasClass(n,"p-cascadeselect-item")?e(n):n:null},d=function e(t){var n=t.previousElementSibling;return n?o.DomHandler.hasClass(n,"p-disabled")||!o.DomHandler.hasClass(n,"p-cascadeselect-item")?e(n):n:null},m=function(t,n){O(n)?(l((function(e){return e===n?null:n})),e.onOptionGroupSelect&&e.onOptionGroupSelect({originalEvent:t,value:n})):e.onOptionSelect&&e.onOptionSelect({originalEvent:t,value:h(n)})},v=function(t){e.onOptionGroupSelect&&e.onOptionGroupSelect(t)},b=function(t){return e.optionLabel?o.ObjectUtils.resolveFieldData(t,e.optionLabel):t},h=function(t){return e.optionValue?o.ObjectUtils.resolveFieldData(t,e.optionValue):t},O=function(t){return Object.prototype.hasOwnProperty.call(t,e.optionGroupChildren[e.level])},E=function(t){return O(t)?(n=t,e.optionGroupLabel?o.ObjectUtils.resolveFieldData(n,e.optionGroupLabel):null):b(t);var n};r.useMountEffect((function(){if(e.selectionPath&&e.options&&!e.dirty){var t=e.options.find((function(t){return e.selectionPath.includes(t)}));t&&l(t)}var n,r,i,c,u;e.root||(r=o.DomHandler.getOffset(n=a.current.parentElement),i=o.DomHandler.getViewport(),c=a.current.offsetParent?a.current.offsetWidth:o.DomHandler.getHiddenElementOuterWidth(element),u=o.DomHandler.getOuterWidth(n.children[0]),parseInt(r.left,10)+u+c>i.width-o.DomHandler.calculateScrollbarWidth()&&(a.current.style.left="-100%"))})),r.useUpdateEffect((function(){l(null)}),[e.parentActive]);var S=function(t){if(O(t)&&n===t){var r=o.ObjectUtils.resolveFieldData(t,e.optionGroupChildren[e.level]);return s.createElement(g,{options:r,className:"p-cascadeselect-sublist",selectionPath:e.selectionPath,optionLabel:e.optionLabel,optionValue:e.optionValue,level:e.level+1,onOptionSelect:c,onOptionGroupSelect:v,parentActive:n===t,optionGroupLabel:e.optionGroupLabel,optionGroupChildren:e.optionGroupChildren,dirty:e.dirty,template:e.template,onPanelHide:e.onPanelHide})}return null},w=function(t,r){var l=o.classNames("p-cascadeselect-item",{"p-cascadeselect-item-group":O(t),"p-cascadeselect-item-active p-highlight":n===t},t.className),a=S(t),c=e.template?o.ObjectUtils.getJSXElement(e.template,h(t)):s.createElement("span",{className:"p-cascadeselect-item-text"},E(t)),p=O(t)&&s.createElement("span",{className:"p-cascadeselect-group-icon pi pi-angle-right"}),f=E(t)+"_"+r;return s.createElement("li",{key:f,className:l,style:t.style,role:"none"},s.createElement("div",{className:"p-cascadeselect-item-content",onClick:function(e){return m(e,t)},tabIndex:0,onKeyDown:function(e){return u(e,t)}},c,p,s.createElement(i.Ripple,null)),a)},D=o.classNames("p-cascadeselect-panel p-cascadeselect-items",e.className,{"p-input-filled":"filled"===p.default.inputStyle,"p-ripple-disabled":!1===p.default.ripple}),j=e.options?e.options.map(w):null;return s.createElement("ul",{ref:a,className:D,role:"listbox","aria-orientation":"horizontal"},j)}));function O(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=E(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,l=function(){};return{s:l,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:l}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,o=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){i=!0,a=e},f:function(){try{o||null==n.return||n.return()}finally{if(i)throw a}}}}function E(e,t){if(e){if("string"==typeof e)return S(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?S(e,t):void 0}}function S(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var w=s.memo(s.forwardRef((function(e,t){var i=y(s.useState(!1),2),c=i[0],u=i[1],d=y(s.useState(!1),2),m=d[0],v=d[1],b=s.useRef(null),h=s.useRef(null),E=s.useRef(null),S=s.useRef(null),D=s.useRef(!1),j=s.useRef(null),H=y(r.useOverlayListener({target:b,overlay:h,listener:function(e,t){t.valid&&F()},when:m}),2),C=H[0],G=H[1],N=function(t){e.onChange&&e.onChange({originalEvent:t,value:t.value}),L(),F(),o.DomHandler.focus(E.current)},P=function(t){D.current=!0,e.onGroupChange&&e.onGroupChange(t)},x=function(t){return(e.optionLabel?o.ObjectUtils.resolveFieldData(t,e.optionLabel):t)||t},I=function(t){return e.optionValue?o.ObjectUtils.resolveFieldData(t,e.optionValue):t},U=function(t,n){return o.ObjectUtils.resolveFieldData(t,e.optionGroupChildren[n])},A=function(t,n){return Object.prototype.hasOwnProperty.call(t,e.optionGroupChildren[n])},L=function(){var t;if(null!=e.value&&e.options){var n,r=O(e.options);try{for(r.s();!(n=r.n()).done;){if(t=R(n.value,0))break}}catch(e){r.e(e)}finally{r.f()}}j.current=t},R=function t(n,r){if(A(n,r)){var l,a,i=O(U(n,r));try{for(i.s();!(a=i.n()).done;){if(l=t(a.value,r+1))return l.unshift(n),l}}catch(e){i.e(e)}finally{i.f()}}else if(o.ObjectUtils.equals(e.value,I(n),e.dataKey))return[n];return null},k=function(t){e.disabled||h.current&&h.current.contains(t.target)||(o.DomHandler.focus(E.current),m?F():B())},T=function(){u(!0)},V=function(){u(!1)},q=function(t){switch(t.which){case 40:m?o.DomHandler.findSingle(h.current,".p-cascadeselect-item").children[0].focus():t.altKey&&e.options&&e.options.length&&B(),t.preventDefault();break;case 32:m?F():B(),t.preventDefault();break;case 9:F()}},_=function(e){l.OverlayService.emit("overlay-click",{originalEvent:e,target:b.current})},B=function(){e.onBeforeShow&&e.onBeforeShow(),v(!0)},F=function(){e.onBeforeHide&&e.onBeforeHide(),v(!1),o.DomHandler.focus(E.current)},K=function(){o.ZIndexUtils.set("overlay",h.current,p.default.autoZIndex,p.default.zIndex.overlay),z()},M=function(){C(),e.onShow&&e.onShow()},W=function(){G(),D.current=!1},Z=function(){o.ZIndexUtils.clear(h.current),e.onHide&&e.onHide()},z=function(){o.DomHandler.alignOverlay(h.current,S.current.parentElement,e.appendTo||p.default.appendTo)};s.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return b.current},getOverlay:function(){return h.current},getInput:function(){return E.current},getLabel:function(){return S.current},focus:function(){return o.DomHandler.focus(E.current)}}})),s.useEffect((function(){o.ObjectUtils.combinedRefs(E,e.inputRef)}),[E,e.inputRef]),r.useUpdateEffect((function(){L()}),[e.value]),r.useUnmountEffect((function(){o.ZIndexUtils.clear(h.current)}));var $=o.ObjectUtils.findDiffKeys(e,w.defaultProps);o.ObjectUtils.reduceKeys($,o.DomHandler.DATA_PROPS);var J,X,Y,Q,ee,te,ne,re,le,ae=o.ObjectUtils.reduceKeys($,o.DomHandler.ARIA_PROPS);return ee=o.classNames("p-cascadeselect p-component p-inputwrapper",{"p-disabled":e.disabled,"p-focus":c,"p-inputwrapper-filled":e.value,"p-inputwrapper-focus":c||m},e.className),J=e.value?x(e.value):void 0,te=s.createElement("div",{className:"p-hidden-accessible"},s.createElement("input",f({ref:E,type:"text",id:e.inputId,name:e.name,defaultValue:J,readOnly:!0,disabled:e.disabled,onFocus:T,onBlur:V,onKeyDown:q,tabIndex:e.tabIndex,"aria-haspopup":"listbox"},ae))),X=e.value?x(e.value):e.placeholder||"p-emptylabel",Y=o.classNames("p-cascadeselect-label ",{"p-placeholder":X===e.placeholder,"p-cascadeselect-label-empty":!e.value&&"p-emptylabel"===X}),ne=s.createElement("span",{ref:S,className:Y},X),Q=o.classNames("p-cascadeselect-trigger-icon",e.dropdownIcon),re=s.createElement("div",{className:"p-cascadeselect-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":m},s.createElement("span",{className:Q})),le=s.createElement(a.Portal,{element:s.createElement(n.CSSTransition,{nodeRef:h,classNames:"p-connected-overlay",in:m,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:K,onEntered:M,onExit:W,onExited:Z},s.createElement("div",{ref:h,className:"p-cascadeselect-panel p-component",onClick:_},s.createElement("div",{className:"p-cascadeselect-items-wrapper"},s.createElement(g,{options:e.options,selectionPath:j.current,className:"p-cascadeselect-items",optionLabel:e.optionLabel,optionValue:e.optionValue,level:0,optionGroupLabel:e.optionGroupLabel,optionGroupChildren:e.optionGroupChildren,onOptionSelect:N,onOptionGroupSelect:P,root:!0,template:e.itemTemplate,onPanelHide:F})))),appendTo:e.appendTo}),s.createElement("div",f({ref:b,id:e.id,className:ee,style:e.style},$,{onClick:k}),te,ne,re,le)})));w.displayName="CascadeSelect",w.defaultProps={__TYPE:"CascadeSelect",id:null,inputRef:null,style:null,className:null,value:null,name:null,options:null,optionLabel:null,optionValue:null,optionGroupLabel:null,optionGroupChildren:null,placeholder:null,itemTemplate:null,disabled:!1,dataKey:null,inputId:null,tabIndex:null,ariaLabelledBy:null,appendTo:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",onChange:null,onGroupChange:null,onBeforeShow:null,onBeforeHide:null,onShow:null,onHide:null},exports.CascadeSelect=w;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/csstransition"),r=require("primereact/hooks"),l=require("primereact/overlayservice"),o=require("primereact/portal"),a=require("primereact/utils"),i=require("primereact/ripple");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var s=u(e),p=c(t);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},f.apply(this,arguments)}function d(e){if(Array.isArray(e))return e}function m(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o,a,i=[],c=!0,u=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){u=!0,l=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw l}}return i}}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function b(e,t){if(e){if("string"==typeof e)return v(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?v(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 y(e,t){return d(e)||m(e,t)||b(e,t)||h()}var g={defaultProps:{__TYPE:"CascadeSelect",id:null,inputRef:null,style:null,className:null,value:null,name:null,options:null,optionLabel:null,optionValue:null,optionGroupLabel:null,optionGroupChildren:null,placeholder:null,itemTemplate:null,disabled:!1,dataKey:null,inputId:null,tabIndex:null,ariaLabelledBy:null,appendTo:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",onChange:null,onGroupChange:null,onBeforeShow:null,onBeforeHide:null,onShow:null,onHide:null,children:void 0},getProps:function(e){return a.ObjectUtils.getMergedProps(e,g.defaultProps)},getOtherProps:function(e){return a.ObjectUtils.getDiffProps(e,g.defaultProps)}},O=s.memo((function(e){var t=y(s.useState(null),2),n=t[0],l=t[1],o=s.useRef(null),c=function(t){e.onOptionSelect&&e.onOptionSelect(t)},u=function(t,r){var o=t.currentTarget.parentElement;switch(t.key){case"Down":case"ArrowDown":var a=f(o);a&&a.children[0].focus();break;case"Up":case"ArrowUp":var i=d(o);i&&i.children[0].focus();break;case"Right":case"ArrowRight":g(r)&&(n===r?o.children[1].children[0].children[0].focus():l(r));break;case"Left":case"ArrowLeft":l(null);var c=t.currentTarget.parentElement.parentElement.previousElementSibling;c&&c.focus();break;case"Enter":m(t,r);break;case"Tab":case"Escape":e.onPanelHide&&(e.onPanelHide(),t.preventDefault())}t.preventDefault()},f=function e(t){var n=t.nextElementSibling;return n?a.DomHandler.hasClass(n,"p-disabled")||!a.DomHandler.hasClass(n,"p-cascadeselect-item")?e(n):n:null},d=function e(t){var n=t.previousElementSibling;return n?a.DomHandler.hasClass(n,"p-disabled")||!a.DomHandler.hasClass(n,"p-cascadeselect-item")?e(n):n:null},m=function(t,n){g(n)?(l((function(e){return e===n?null:n})),e.onOptionGroupSelect&&e.onOptionGroupSelect({originalEvent:t,value:n})):e.onOptionSelect&&e.onOptionSelect({originalEvent:t,value:h(n)})},v=function(t){e.onOptionGroupSelect&&e.onOptionGroupSelect(t)},b=function(t){return e.optionLabel?a.ObjectUtils.resolveFieldData(t,e.optionLabel):t},h=function(t){return e.optionValue?a.ObjectUtils.resolveFieldData(t,e.optionValue):t},g=function(t){return Object.prototype.hasOwnProperty.call(t,e.optionGroupChildren[e.level])},E=function(t){return g(t)?(n=t,e.optionGroupLabel?a.ObjectUtils.resolveFieldData(n,e.optionGroupLabel):null):b(t);var n};r.useMountEffect((function(){if(e.selectionPath&&e.options&&!e.dirty){var t=e.options.find((function(t){return e.selectionPath.includes(t)}));t&&l(t)}var n,r,i,c,u;e.root||(r=a.DomHandler.getOffset(n=o.current.parentElement),i=a.DomHandler.getViewport(),c=o.current.offsetParent?o.current.offsetWidth:a.DomHandler.getHiddenElementOuterWidth(element),u=a.DomHandler.getOuterWidth(n.children[0]),parseInt(r.left,10)+u+c>i.width-a.DomHandler.calculateScrollbarWidth()&&(o.current.style.left="-100%"))})),r.useUpdateEffect((function(){l(null)}),[e.parentActive]);var S=function(t){if(g(t)&&n===t){var r=a.ObjectUtils.resolveFieldData(t,e.optionGroupChildren[e.level]);return s.createElement(O,{options:r,className:"p-cascadeselect-sublist",selectionPath:e.selectionPath,optionLabel:e.optionLabel,optionValue:e.optionValue,level:e.level+1,onOptionSelect:c,onOptionGroupSelect:v,parentActive:n===t,optionGroupLabel:e.optionGroupLabel,optionGroupChildren:e.optionGroupChildren,dirty:e.dirty,template:e.template,onPanelHide:e.onPanelHide})}return null},w=function(t,r){var l=a.classNames("p-cascadeselect-item",{"p-cascadeselect-item-group":g(t),"p-cascadeselect-item-active p-highlight":n===t},t.className),o=S(t),c=e.template?a.ObjectUtils.getJSXElement(e.template,h(t)):s.createElement("span",{className:"p-cascadeselect-item-text"},E(t)),p=g(t)&&s.createElement("span",{className:"p-cascadeselect-group-icon pi pi-angle-right"}),f=E(t)+"_"+r;return s.createElement("li",{key:f,className:l,style:t.style,role:"none"},s.createElement("div",{className:"p-cascadeselect-item-content",onClick:function(e){return m(e,t)},tabIndex:0,onKeyDown:function(e){return u(e,t)}},c,p,s.createElement(i.Ripple,null)),o)},D=a.classNames("p-cascadeselect-panel p-cascadeselect-items",e.className,{"p-input-filled":"filled"===p.default.inputStyle,"p-ripple-disabled":!1===p.default.ripple}),j=e.options?e.options.map(w):null;return s.createElement("ul",{ref:o,className:D,role:"listbox","aria-orientation":"horizontal"},j)}));function E(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=S(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,l=function(){};return{s:l,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:l}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,a=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){i=!0,o=e},f:function(){try{a||null==n.return||n.return()}finally{if(i)throw o}}}}function S(e,t){if(e){if("string"==typeof e)return w(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?w(e,t):void 0}}function w(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var D=s.memo(s.forwardRef((function(e,t){var i=g.getProps(e),c=y(s.useState(!1),2),u=c[0],d=c[1],m=y(s.useState(!1),2),v=m[0],b=m[1],h=s.useRef(null),S=s.useRef(null),w=s.useRef(null),D=s.useRef(null),j=s.useRef(!1),P=s.useRef(null),H=y(r.useOverlayListener({target:h,overlay:S,listener:function(e,t){t.valid&&K()},when:v}),2),C=H[0],G=H[1],N=function(e){i.onChange&&i.onChange({originalEvent:e,value:e.value}),R(),K(),a.DomHandler.focus(w.current)},x=function(e){j.current=!0,i.onGroupChange&&i.onGroupChange(e)},U=function(e){return(i.optionLabel?a.ObjectUtils.resolveFieldData(e,i.optionLabel):e)||e},I=function(e){return i.optionValue?a.ObjectUtils.resolveFieldData(e,i.optionValue):e},A=function(e,t){return a.ObjectUtils.resolveFieldData(e,i.optionGroupChildren[t])},L=function(e,t){return Object.prototype.hasOwnProperty.call(e,i.optionGroupChildren[t])},R=function(){var e;if(null!=i.value&&i.options){var t,n=E(i.options);try{for(n.s();!(t=n.n()).done;){if(e=k(t.value,0))break}}catch(e){n.e(e)}finally{n.f()}}P.current=e},k=function e(t,n){if(L(t,n)){var r,l,o=E(A(t,n));try{for(o.s();!(l=o.n()).done;){if(r=e(l.value,n+1))return r.unshift(t),r}}catch(e){o.e(e)}finally{o.f()}}else if(a.ObjectUtils.equals(i.value,I(t),i.dataKey))return[t];return null},T=function(e){i.disabled||S.current&&S.current.contains(e.target)||(a.DomHandler.focus(w.current),v?K():F())},V=function(){d(!0)},q=function(){d(!1)},_=function(e){switch(e.which){case 40:v?a.DomHandler.findSingle(S.current,".p-cascadeselect-item").children[0].focus():e.altKey&&i.options&&i.options.length&&F(),e.preventDefault();break;case 32:v?K():F(),e.preventDefault();break;case 9:K()}},B=function(e){l.OverlayService.emit("overlay-click",{originalEvent:e,target:h.current})},F=function(){i.onBeforeShow&&i.onBeforeShow(),b(!0)},K=function(){i.onBeforeHide&&i.onBeforeHide(),b(!1),a.DomHandler.focus(w.current)},M=function(){a.ZIndexUtils.set("overlay",S.current,p.default.autoZIndex,p.default.zIndex.overlay),$()},W=function(){C(),i.onShow&&i.onShow()},Z=function(){G(),j.current=!1},z=function(){a.ZIndexUtils.clear(S.current),i.onHide&&i.onHide()},$=function(){a.DomHandler.alignOverlay(S.current,D.current.parentElement,i.appendTo||p.default.appendTo)};s.useImperativeHandle(t,(function(){return{props:i,getElement:function(){return h.current},getOverlay:function(){return S.current},getInput:function(){return w.current},getLabel:function(){return D.current},focus:function(){return a.DomHandler.focus(w.current)}}})),s.useEffect((function(){a.ObjectUtils.combinedRefs(w,i.inputRef)}),[w,i.inputRef]),r.useUpdateEffect((function(){R()}),[i.value]),r.useUnmountEffect((function(){a.ZIndexUtils.clear(S.current)}));var J=g.getOtherProps(i);a.ObjectUtils.reduceKeys(J,a.DomHandler.DATA_PROPS);var X,Y,Q,ee,te,ne,re,le,oe,ae=a.ObjectUtils.reduceKeys(J,a.DomHandler.ARIA_PROPS);return te=a.classNames("p-cascadeselect p-component p-inputwrapper",{"p-disabled":i.disabled,"p-focus":u,"p-inputwrapper-filled":i.value,"p-inputwrapper-focus":u||v},i.className),X=i.value?U(i.value):void 0,ne=s.createElement("div",{className:"p-hidden-accessible"},s.createElement("input",f({ref:w,type:"text",id:i.inputId,name:i.name,defaultValue:X,readOnly:!0,disabled:i.disabled,onFocus:V,onBlur:q,onKeyDown:_,tabIndex:i.tabIndex,"aria-haspopup":"listbox"},ae))),Y=i.value?U(i.value):i.placeholder||"p-emptylabel",Q=a.classNames("p-cascadeselect-label ",{"p-placeholder":Y===i.placeholder,"p-cascadeselect-label-empty":!i.value&&"p-emptylabel"===Y}),re=s.createElement("span",{ref:D,className:Q},Y),ee=a.classNames("p-cascadeselect-trigger-icon",i.dropdownIcon),le=s.createElement("div",{className:"p-cascadeselect-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":v},s.createElement("span",{className:ee})),oe=s.createElement(o.Portal,{element:s.createElement(n.CSSTransition,{nodeRef:S,classNames:"p-connected-overlay",in:v,timeout:{enter:120,exit:100},options:i.transitionOptions,unmountOnExit:!0,onEnter:M,onEntered:W,onExit:Z,onExited:z},s.createElement("div",{ref:S,className:"p-cascadeselect-panel p-component",onClick:B},s.createElement("div",{className:"p-cascadeselect-items-wrapper"},s.createElement(O,{options:i.options,selectionPath:P.current,className:"p-cascadeselect-items",optionLabel:i.optionLabel,optionValue:i.optionValue,level:0,optionGroupLabel:i.optionGroupLabel,optionGroupChildren:i.optionGroupChildren,onOptionSelect:N,onOptionGroupSelect:x,root:!0,template:i.itemTemplate,onPanelHide:K})))),appendTo:i.appendTo}),s.createElement("div",f({ref:h,id:i.id,className:te,style:i.style},J,{onClick:T}),ne,re,le,oe)})));D.displayName="CascadeSelect",exports.CascadeSelect=D;

package/cascadeselect/cascadeselect.d.ts

@@ -168,7 +168,7 @@ export interface CascadeSelectProps extends Omit<React.DetailedHTMLProps<React.I
  *
  * [Live Demo](https://www.primefaces.org/primereact/cascadeselect/)
  * --- ---
- * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *
  * @group Component
  */