primereact 9.3.0 → 9.4.0

package/card/card.js

@@ -1,110 +1,98 @@
 this.primereact = this.primereact || {};
-this.primereact.card = (function (exports, React, utils) {
-  'use strict';
+this.primereact.card = (function (exports, React, utils, componentbase) {
+    'use strict';
 
-  function _interopNamespace(e) {
-    if (e && e.__esModule) return e;
-    var n = Object.create(null);
-    if (e) {
-      Object.keys(e).forEach(function (k) {
-        if (k !== 'default') {
-          var d = Object.getOwnPropertyDescriptor(e, k);
-          Object.defineProperty(n, k, d.get ? d : {
-            enumerable: true,
-            get: function () { return e[k]; }
-          });
+    function _interopNamespace(e) {
+        if (e && e.__esModule) return e;
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () { return e[k]; }
+                    });
+                }
+            });
         }
-      });
+        n["default"] = e;
+        return Object.freeze(n);
     }
-    n["default"] = e;
-    return Object.freeze(n);
-  }
 
-  var React__namespace = /*#__PURE__*/_interopNamespace(React);
+    var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-  function _extends() {
-    _extends = Object.assign ? Object.assign.bind() : function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
+    var CardBase = componentbase.ComponentBase.extend({
+      defaultProps: {
+        __TYPE: 'Card',
+        id: null,
+        header: null,
+        footer: null,
+        title: null,
+        subTitle: null,
+        style: null,
+        className: null,
+        children: undefined
       }
-      return target;
-    };
-    return _extends.apply(this, arguments);
-  }
-
-  var CardBase = {
-    defaultProps: {
-      __TYPE: 'Card',
-      id: null,
-      header: null,
-      footer: null,
-      title: null,
-      subTitle: null,
-      style: null,
-      className: null,
-      children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, CardBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, CardBase.defaultProps);
-    }
-  };
+    });
 
-  var Card = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-    var props = CardBase.getProps(inProps);
-    var elementRef = React__namespace.useRef(ref);
-    var createHeader = function createHeader() {
-      if (props.header) {
-        return /*#__PURE__*/React__namespace.createElement("div", {
-          className: "p-card-header"
-        }, utils.ObjectUtils.getJSXElement(props.header, props));
-      }
-      return null;
-    };
-    var createBody = function createBody() {
-      var title = props.title && /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-card-title"
-      }, utils.ObjectUtils.getJSXElement(props.title, props));
-      var subTitle = props.subTitle && /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-card-subtitle"
-      }, utils.ObjectUtils.getJSXElement(props.subTitle, props));
-      var children = props.children && /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-card-content"
-      }, props.children);
-      var footer = props.footer && /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-card-footer"
-      }, utils.ObjectUtils.getJSXElement(props.footer, props));
-      return /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-card-body"
-      }, title, subTitle, children, footer);
-    };
-    React__namespace.useEffect(function () {
-      utils.ObjectUtils.combinedRefs(elementRef, ref);
-    }, [elementRef, ref]);
-    var otherProps = CardBase.getOtherProps(props);
-    var className = utils.classNames('p-card p-component', props.className);
-    var header = createHeader();
-    var body = createBody();
-    return /*#__PURE__*/React__namespace.createElement("div", _extends({
-      id: props.id,
-      ref: elementRef,
-      className: className,
-      style: props.style
-    }, otherProps), header, body);
-  });
-  Card.displayName = 'Card';
+    var Card = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+      var props = CardBase.getProps(inProps);
+      var elementRef = React__namespace.useRef(ref);
+      var _CardBase$setMetaData = CardBase.setMetaData({
+          props: props
+        }),
+        ptm = _CardBase$setMetaData.ptm;
+      var createHeader = function createHeader() {
+        var headerProps = utils.mergeProps({
+          className: 'p-card-header'
+        }, ptm('header'));
+        if (props.header) {
+          return /*#__PURE__*/React__namespace.createElement("div", headerProps, utils.ObjectUtils.getJSXElement(props.header, props));
+        }
+        return null;
+      };
+      var createBody = function createBody() {
+        var titleProps = utils.mergeProps({
+          className: 'p-card-title'
+        }, ptm('title'));
+        var title = props.title && /*#__PURE__*/React__namespace.createElement("div", titleProps, utils.ObjectUtils.getJSXElement(props.title, props));
+        var subTitleProps = utils.mergeProps({
+          className: 'p-card-subtitle'
+        }, ptm('subTitle'));
+        var subTitle = props.subTitle && /*#__PURE__*/React__namespace.createElement("div", subTitleProps, utils.ObjectUtils.getJSXElement(props.subTitle, props));
+        var contentProps = utils.mergeProps({
+          className: 'p-card-content'
+        }, ptm('content'));
+        var children = props.children && /*#__PURE__*/React__namespace.createElement("div", contentProps, props.children);
+        var footerProps = utils.mergeProps({
+          className: 'p-card-footer'
+        }, ptm('footer'));
+        var footer = props.footer && /*#__PURE__*/React__namespace.createElement("div", footerProps, utils.ObjectUtils.getJSXElement(props.footer, props));
+        var bodyProps = utils.mergeProps({
+          className: 'p-card-body'
+        }, ptm('body'));
+        return /*#__PURE__*/React__namespace.createElement("div", bodyProps, title, subTitle, children, footer);
+      };
+      React__namespace.useEffect(function () {
+        utils.ObjectUtils.combinedRefs(elementRef, ref);
+      }, [elementRef, ref]);
+      var rootProps = utils.mergeProps({
+        id: props.id,
+        ref: elementRef,
+        style: props.style,
+        className: utils.classNames('p-card p-component', props.className)
+      }, CardBase.getOtherProps(props), ptm('root'));
+      var header = createHeader();
+      var body = createBody();
+      return /*#__PURE__*/React__namespace.createElement("div", rootProps, header, body);
+    });
+    Card.displayName = 'Card';
 
-  exports.Card = Card;
+    exports.Card = Card;
 
-  Object.defineProperty(exports, '__esModule', { value: true });
+    Object.defineProperty(exports, '__esModule', { value: true });
 
-  return exports;
+    return exports;
 
-})({}, React, primereact.utils);
+})({}, React, primereact.utils, primereact.componentbase);

package/card/card.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.card=function(e,t,r){"use strict";function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var l=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,l.get?l:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var a=l(t);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)Object.prototype.hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e},c.apply(this,arguments)}var n={defaultProps:{__TYPE:"Card",id:null,header:null,footer:null,title:null,subTitle:null,style:null,className:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,n.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,n.defaultProps)}},s=a.forwardRef((function(e,t){var l=n.getProps(e),s=a.useRef(t);a.useEffect((function(){r.ObjectUtils.combinedRefs(s,t)}),[s,t]);var i,o,u,d,f=n.getOtherProps(l),p=r.classNames("p-card p-component",l.className),m=l.header?a.createElement("div",{className:"p-card-header"},r.ObjectUtils.getJSXElement(l.header,l)):null,b=(i=l.title&&a.createElement("div",{className:"p-card-title"},r.ObjectUtils.getJSXElement(l.title,l)),o=l.subTitle&&a.createElement("div",{className:"p-card-subtitle"},r.ObjectUtils.getJSXElement(l.subTitle,l)),u=l.children&&a.createElement("div",{className:"p-card-content"},l.children),d=l.footer&&a.createElement("div",{className:"p-card-footer"},r.ObjectUtils.getJSXElement(l.footer,l)),a.createElement("div",{className:"p-card-body"},i,o,u,d));return a.createElement("div",c({id:l.id,ref:s,className:p,style:l.style},f),m,b)}));return s.displayName="Card",e.Card=s,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.card=function(e,t,r,a){"use strict";function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var s=l(t),c=a.ComponentBase.extend({defaultProps:{__TYPE:"Card",id:null,header:null,footer:null,title:null,subTitle:null,style:null,className:null,children:void 0}}),n=s.forwardRef((function(e,t){var a=c.getProps(e),l=s.useRef(t),n=c.setMetaData({props:a}).ptm;s.useEffect((function(){r.ObjectUtils.combinedRefs(l,t)}),[l,t]);var i,o,d,m,u,p,f,b,g,v,E=r.mergeProps({id:a.id,ref:l,style:a.style,className:r.classNames("p-card p-component",a.className)},c.getOtherProps(a),n("root")),P=(i=r.mergeProps({className:"p-card-header"},n("header")),a.header?s.createElement("div",i,r.ObjectUtils.getJSXElement(a.header,a)):null),h=(o=r.mergeProps({className:"p-card-title"},n("title")),d=a.title&&s.createElement("div",o,r.ObjectUtils.getJSXElement(a.title,a)),m=r.mergeProps({className:"p-card-subtitle"},n("subTitle")),u=a.subTitle&&s.createElement("div",m,r.ObjectUtils.getJSXElement(a.subTitle,a)),p=r.mergeProps({className:"p-card-content"},n("content")),f=a.children&&s.createElement("div",p,a.children),b=r.mergeProps({className:"p-card-footer"},n("footer")),g=a.footer&&s.createElement("div",b,r.ObjectUtils.getJSXElement(a.footer,a)),v=r.mergeProps({className:"p-card-body"},n("body")),s.createElement("div",v,d,u,f,g));return s.createElement("div",E,P,h)}));return n.displayName="Card",e.Card=n,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.componentbase);

package/carousel/carousel.cjs.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var PrimeReact = require('primereact/api');
 var hooks = require('primereact/hooks');
-var ripple = require('primereact/ripple');
-var utils = require('primereact/utils');
-var chevronup = require('primereact/icons/chevronup');
-var chevronright = require('primereact/icons/chevronright');
 var chevrondown = require('primereact/icons/chevrondown');
 var chevronleft = require('primereact/icons/chevronleft');
+var chevronright = require('primereact/icons/chevronright');
+var chevronup = require('primereact/icons/chevronup');
+var ripple = require('primereact/ripple');
+var utils = require('primereact/utils');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -204,9 +204,10 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var isVertical = props.orientation === 'vertical';
   var circular = props.circular || !!props.autoplayInterval;
   var isCircular = circular && props.value && props.value.length >= numVisibleState;
-  var currentPage = props.onPageChange ? props.page : pageState;
   var totalIndicators = props.value ? Math.max(Math.ceil((props.value.length - numVisibleState) / numScrollState) + 1, 0) : 0;
   var isAutoplay = totalIndicators && props.autoplayInterval && allowAutoplay.current;
+  var isControlled = props.onPageChange && !isAutoplay;
+  var currentPage = isControlled ? props.page : pageState;
   var _useResizeListener = hooks.useResizeListener({
       listener: function listener() {
         calculatePosition();
@@ -247,15 +248,8 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       changePosition(totalShiftedItems);
       itemsContainerRef.current.style.transition = 'transform 500ms ease 0s';
     }
-    if (props.onPageChange) {
-      setTotalShiftedItemsState(totalShiftedItems);
-      props.onPageChange({
-        page: page
-      });
-    } else {
-      setPageState(page);
-      setTotalShiftedItemsState(totalShiftedItems);
-    }
+    changePage(page);
+    setTotalShiftedItemsState(totalShiftedItems);
   };
   var calculatePosition = function calculatePosition() {
     if (itemsContainerRef.current && responsiveOptions.current) {
@@ -278,13 +272,7 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         }
         setTotalShiftedItemsState(totalShiftedItems);
         setNumScrollState(matchedResponsiveData.numScroll);
-        if (props.onPageChange) {
-          props.onPageChange({
-            page: page
-          });
-        } else {
-          setPageState(page);
-        }
+        changePage(page);
       }
       if (numVisibleState !== matchedResponsiveData.numVisible) {
         setNumVisibleState(matchedResponsiveData.numVisible);
@@ -394,6 +382,12 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       itemsContainerRef.current.style.transform = isVertical ? "translate3d(0, ".concat(totalShiftedItems * (100 / numVisibleState), "%, 0)") : "translate3d(".concat(totalShiftedItems * (100 / numVisibleState), "%, 0, 0)");
     }
   };
+  var changePage = function changePage(page) {
+    !isControlled && setPageState(page);
+    props.onPageChange && props.onPageChange({
+      page: page
+    });
+  };
   React__namespace.useImperativeHandle(ref, function () {
     return {
       props: props,
@@ -423,13 +417,7 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       var page = currentPage;
       if (totalIndicators !== 0 && page >= totalIndicators) {
         page = totalIndicators - 1;
-        if (props.onPageChange) {
-          props.onPageChange({
-            page: page
-          });
-        } else {
-          setPageState(page);
-        }
+        changePage(page);
         stateChanged = true;
       }
       totalShiftedItems = page * numScrollState * -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"),r=require("primereact/hooks"),n=require("primereact/ripple"),a=require("primereact/utils"),l=require("primereact/icons/chevronup"),u=require("primereact/icons/chevronright"),c=require("primereact/icons/chevrondown"),o=require("primereact/icons/chevronleft");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(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 p=s(e),m=i(t);function f(){return f=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},f.apply(this,arguments)}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function d(e){if(Array.isArray(e))return 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 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)?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 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 I(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e,t){return y(e)||N(e,t)||g(e,t)||I()}var C={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,prevIcon:null,nextIcon:null,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,C.defaultProps)},getOtherProps:function(e){return a.ObjectUtils.getDiffProps(e,C.defaultProps)}},P=p.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 p.createElement("div",{className:r},t)})),S=p.memo(p.forwardRef((function(e,i){var s=C.getProps(e),v=E(p.useState(s.numVisible),2),y=v[0],N=v[1],I=E(p.useState(s.numScroll),2),S=I[0],O=I[1],w=E(p.useState(s.page*s.numScroll*-1),2),j=w[0],R=w[1],k=E(p.useState(s.page),2),x=k[0],T=k[1],M=p.useRef(null),q=p.useRef(null),A=p.useRef(0),U=p.useRef(!!s.autoplayInterval),V=p.useRef(""),D=p.useRef(20),L=p.useRef(null),_=p.useRef(null),H=p.useRef(null),z=p.useRef(!1),X=p.useRef(null),Y=r.usePrevious(S),J=r.usePrevious(y),F=r.usePrevious(s.value),W=r.usePrevious(s.page),$="vertical"===s.orientation,B=s.circular||!!s.autoplayInterval,G=B&&s.value&&s.value.length>=y,K=s.onPageChange?s.page:x,Q=s.value?Math.max(Math.ceil((s.value.length-y)/S)+1,0):0,Z=Q&&s.autoplayInterval&&U.current,ee=E(r.useResizeListener({listener:function(){re()},when:s.responsiveOptions}),1)[0],te=function(e,t){var r=j;null!=t?(r=S*t*-1,G&&(r-=y),z.current=!1):(r+=S*e,z.current&&(r+=A.current-S*e,z.current=!1),t=Math.abs(Math.floor((G?r+y:r)/S)));G&&x===Q-1&&-1===e?(r=-1*(s.value.length+y),t=0):G&&0===x&&1===e?(r=0,t=Q-1):t===Q-1&&A.current>0&&(r+=-1*A.current-S*e,z.current=!0),q.current&&(a.DomHandler.removeClass(q.current,"p-items-hidden"),fe(r),q.current.style.transition="transform 500ms ease 0s"),s.onPageChange?(R(r),s.onPageChange({page:t})):(T(t),R(r))},re=function(){if(q.current&&X.current){for(var e=window.innerWidth,t={numVisible:s.numVisible,numScroll:s.numScroll},r=0;r<X.current.length;r++){var n=X.current[r];parseInt(n.breakpoint,10)>=e&&(t=n)}if(S!==t.numScroll){var a=Math.floor(K*S/t.numScroll),l=t.numScroll*a*-1;G&&(l-=t.numVisible),R(l),O(t.numScroll),s.onPageChange?s.onPageChange({page:a}):T(a)}y!==t.numVisible&&N(t.numVisible)}},ne=function(e,t){(B||0!==K)&&te(1,t),U.current=!1,e.cancelable&&e.preventDefault()},ae=function(e,t){(B||K<Q-1)&&te(-1,t),U.current=!1,e.cancelable&&e.preventDefault()},le=function(e,t){t>K?ae(e,t):t<K&&ne(e,t)},ue=function(e){q.current&&"transform"===e.propertyName&&(a.DomHandler.addClass(q.current,"p-items-hidden"),q.current.style.transition="",0!==x&&x!==Q-1||!G||fe(j))},ce=function(e){var t=e.changedTouches[0];L.current={x:t.pageX,y:t.pageY}},oe=function(e){e.cancelable&&e.preventDefault()},ie=function(e){var t=e.changedTouches[0];se(e,$?t.pageY-L.current.y:t.pageX-L.current.x)},se=function(e,t){Math.abs(t)>D&&(t<0?ae(e):ne(e))},pe=function(){_.current&&clearInterval(_.current)},me=function(){H.current||(H.current=a.DomHandler.createInlineStyle(m.default.nonce));var e,t="\n            .p-carousel[".concat(V.current,"] .p-carousel-item {\n                flex: 1 0 ").concat(100/y,"%\n            }\n        ");if(s.responsiveOptions){X.current=d(e=s.responsiveOptions)||h(e)||g(e)||b(),X.current.sort((function(e,t){return a.ObjectUtils.sort(e.breakpoint,t.breakpoint,-1,m.default.locale,m.default.nullSortOrder)}));for(var r=0;r<X.current.length;r++){var n=X.current[r];t+="\n                    @media screen and (max-width: ".concat(n.breakpoint,") {\n                        .p-carousel[").concat(V.current,"] .p-carousel-item {\n                            flex: 1 0 ").concat(100/n.numVisible,"%\n                        }\n                    }\n                ")}}H.current.innerHTML=t},fe=function(e){q.current&&(q.current.style.transform=$?"translate3d(0, ".concat(e*(100/y),"%, 0)"):"translate3d(".concat(e*(100/y),"%, 0, 0)"))};p.useImperativeHandle(i,(function(){return{props:s,getElement:function(){return M.current}}})),r.useMountEffect((function(){M.current&&(V.current=a.UniqueComponentId(),M.current.setAttribute(V.current,"")),me(),re(),fe(j),ee()})),r.useUpdateEffect((function(){var e=!1,t=j;if(s.autoplayInterval&&pe(),Y!==S||J!==y||s.value&&F&&F.length!==s.value.length){A.current=(s.value.length-y)%S;var r=K;0!==Q&&r>=Q&&(r=Q-1,s.onPageChange?s.onPageChange({page:r}):T(r),e=!0),t=r*S*-1,G&&(t-=y),r===Q-1&&A.current>0?(t+=-1*A.current+S,z.current=!0):z.current=!1,t!==j&&(R(t),e=!0),fe(t)}G&&(0===x?t=-1*y:0===t&&(t=-1*s.value.length,A.current>0&&(z.current=!0)),t!==j&&(R(t),e=!0)),W!==s.page&&(s.page>W&&s.page<=Q-1?te(-1,s.page):s.page<W&&te(1,s.page)),!e&&Z&&(_.current=setInterval((function(){te(-1,x===Q-1?0:x+1)}),s.autoplayInterval))})),r.useUnmountEffect((function(){s.autoplayInterval&&pe()}));var ve=function(){if(s.value&&s.value.length){var e=null,t=null;if(G){var r=null;e=(r=s.value.slice(-1*y)).map((function(e,t){return p.createElement(P,{key:t+"_scloned",className:"p-carousel-item-cloned",template:s.itemTemplate,item:e,active:-1*j===s.value.length+y,start:0===t,end:t===r.length-1})})),t=(r=s.value.slice(0,y)).map((function(e,t){return p.createElement(P,{key:t+"_fcloned",className:"p-carousel-item-cloned",template:s.itemTemplate,item:e,active:0===j,start:0===t,end:t===r.length-1})}))}var n=s.value.map((function(e,t){var r=G?-1*(j+y):-1*j,n=r+y-1;return p.createElement(P,{key:t,template:s.itemTemplate,item:e,active:r<=t&&n>=t,start:r===t,end:n===t})}));return p.createElement(p.Fragment,null,e,n,t)}},de=function(){if(s.showNavigators){var e=(!B||s.value&&s.value.length<y)&&0===K,r=a.classNames("p-carousel-prev p-link",{"p-disabled":e}),u="p-carousel-prev-icon",c=a.IconUtils.getJSXIcon($?s.prevIcon||p.createElement(l.ChevronUpIcon,{className:u}):s.prevIcon||p.createElement(o.ChevronLeftIcon,{className:u}),{className:r},{props:s});return p.createElement("button",{type:"button",className:r,onClick:ne,disabled:e,"aria-label":t.ariaLabel("previousPageLabel")},c,p.createElement(n.Ripple,null))}return null},he=function(){if(s.showNavigators){var e=(!B||s.value&&s.value.length<y)&&(K===Q-1||0===Q),r=a.classNames("p-carousel-next p-link",{"p-disabled":e}),l="p-carousel-next-icon",o=a.IconUtils.getJSXIcon($?s.nextIcon||p.createElement(c.ChevronDownIcon,{className:l}):s.nextIcon||p.createElement(u.ChevronRightIcon,{className:l}),{className:r},{props:s});return p.createElement("button",{type:"button",className:r,onClick:ae,disabled:e,"aria-label":t.ariaLabel("nextPageLabel")},o,p.createElement(n.Ripple,null))}return null},ge=function(e){var r="carousel-indicator-"+e,l=a.classNames("p-carousel-indicator",{"p-highlight":K===e});return p.createElement("li",{key:r,className:l},p.createElement("button",{type:"button",className:"p-link",onClick:function(t){return le(t,e)},"aria-label":"".concat(t.ariaLabel("pageLabel")," ").concat(e+1)},p.createElement(n.Ripple,null)))},be=C.getOtherProps(s),ye=a.classNames("p-carousel p-component",{"p-carousel-vertical":$,"p-carousel-horizontal":!$},s.className),Ne=a.classNames("p-carousel-content",s.contentClassName),Ie=function(){var e=ve(),t=$?s.verticalViewPortHeight:"auto",r=de(),n=he(),l=a.classNames("p-carousel-container",s.containerClassName);return p.createElement("div",{className:l},r,p.createElement("div",{className:"p-carousel-items-content",style:{height:t},onTouchStart:ce,onTouchMove:oe,onTouchEnd:ie},p.createElement("div",{ref:q,className:"p-carousel-items-container",onTransitionEnd:ue},e)),n)}(),Ee=function(){if(s.showIndicators){for(var e=a.classNames("p-carousel-indicators p-reset",s.indicatorsContentClassName),t=[],r=0;r<Q;r++)t.push(ge(r));return p.createElement("ul",{className:e},t)}return null}(),Ce=s.header?p.createElement("div",{className:"p-carousel-header"},s.header):null,Pe=s.footer?p.createElement("div",{className:"p-carousel-footer"},s.footer):null;return p.createElement("div",f({ref:M,id:s.id,className:ye,style:s.style},be),Ce,p.createElement("div",{className:Ne},Ie,Ee),Pe)})));P.displayName="CarouselItem",S.displayName="Carousel",exports.Carousel=S;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/hooks"),n=require("primereact/icons/chevrondown"),a=require("primereact/icons/chevronleft"),l=require("primereact/icons/chevronright"),u=require("primereact/icons/chevronup"),c=require("primereact/ripple"),o=require("primereact/utils");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(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 p=s(e),m=i(t);function f(){return f=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},f.apply(this,arguments)}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function d(e){if(Array.isArray(e))return 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 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)?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 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 I(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e,t){return y(e)||N(e,t)||g(e,t)||I()}var C={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,prevIcon:null,nextIcon:null,responsiveOptions:null,orientation:"horizontal",verticalViewPortHeight:"300px",contentClassName:null,containerClassName:null,indicatorsContentClassName:null,onPageChange:null,children:void 0},getProps:function(e){return o.ObjectUtils.getMergedProps(e,C.defaultProps)},getOtherProps:function(e){return o.ObjectUtils.getDiffProps(e,C.defaultProps)}},P=p.memo((function(e){var t=e.template(e.item),r=o.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 p.createElement("div",{className:r},t)})),S=p.memo(p.forwardRef((function(e,i){var s=C.getProps(e),v=E(p.useState(s.numVisible),2),y=v[0],N=v[1],I=E(p.useState(s.numScroll),2),S=I[0],O=I[1],w=E(p.useState(s.page*s.numScroll*-1),2),j=w[0],R=w[1],k=E(p.useState(s.page),2),x=k[0],T=k[1],M=p.useRef(null),q=p.useRef(null),A=p.useRef(0),U=p.useRef(!!s.autoplayInterval),V=p.useRef(""),D=p.useRef(20),L=p.useRef(null),_=p.useRef(null),H=p.useRef(null),z=p.useRef(!1),X=p.useRef(null),Y=r.usePrevious(S),J=r.usePrevious(y),F=r.usePrevious(s.value),W=r.usePrevious(s.page),$="vertical"===s.orientation,B=s.circular||!!s.autoplayInterval,G=B&&s.value&&s.value.length>=y,K=s.value?Math.max(Math.ceil((s.value.length-y)/S)+1,0):0,Q=K&&s.autoplayInterval&&U.current,Z=s.onPageChange&&!Q,ee=Z?s.page:x,te=E(r.useResizeListener({listener:function(){ne()},when:s.responsiveOptions}),1)[0],re=function(e,t){var r=j;null!=t?(r=S*t*-1,G&&(r-=y),z.current=!1):(r+=S*e,z.current&&(r+=A.current-S*e,z.current=!1),t=Math.abs(Math.floor((G?r+y:r)/S)));G&&x===K-1&&-1===e?(r=-1*(s.value.length+y),t=0):G&&0===x&&1===e?(r=0,t=K-1):t===K-1&&A.current>0&&(r+=-1*A.current-S*e,z.current=!0),q.current&&(o.DomHandler.removeClass(q.current,"p-items-hidden"),ve(r),q.current.style.transition="transform 500ms ease 0s"),de(t),R(r)},ne=function(){if(q.current&&X.current){for(var e=window.innerWidth,t={numVisible:s.numVisible,numScroll:s.numScroll},r=0;r<X.current.length;r++){var n=X.current[r];parseInt(n.breakpoint,10)>=e&&(t=n)}if(S!==t.numScroll){var a=Math.floor(ee*S/t.numScroll),l=t.numScroll*a*-1;G&&(l-=t.numVisible),R(l),O(t.numScroll),de(a)}y!==t.numVisible&&N(t.numVisible)}},ae=function(e,t){(B||0!==ee)&&re(1,t),U.current=!1,e.cancelable&&e.preventDefault()},le=function(e,t){(B||ee<K-1)&&re(-1,t),U.current=!1,e.cancelable&&e.preventDefault()},ue=function(e,t){t>ee?le(e,t):t<ee&&ae(e,t)},ce=function(e){q.current&&"transform"===e.propertyName&&(o.DomHandler.addClass(q.current,"p-items-hidden"),q.current.style.transition="",0!==x&&x!==K-1||!G||ve(j))},oe=function(e){var t=e.changedTouches[0];L.current={x:t.pageX,y:t.pageY}},ie=function(e){e.cancelable&&e.preventDefault()},se=function(e){var t=e.changedTouches[0];pe(e,$?t.pageY-L.current.y:t.pageX-L.current.x)},pe=function(e,t){Math.abs(t)>D&&(t<0?le(e):ae(e))},me=function(){_.current&&clearInterval(_.current)},fe=function(){H.current||(H.current=o.DomHandler.createInlineStyle(m.default.nonce));var e,t="\n            .p-carousel[".concat(V.current,"] .p-carousel-item {\n                flex: 1 0 ").concat(100/y,"%\n            }\n        ");if(s.responsiveOptions){X.current=d(e=s.responsiveOptions)||h(e)||g(e)||b(),X.current.sort((function(e,t){return o.ObjectUtils.sort(e.breakpoint,t.breakpoint,-1,m.default.locale,m.default.nullSortOrder)}));for(var r=0;r<X.current.length;r++){var n=X.current[r];t+="\n                    @media screen and (max-width: ".concat(n.breakpoint,") {\n                        .p-carousel[").concat(V.current,"] .p-carousel-item {\n                            flex: 1 0 ").concat(100/n.numVisible,"%\n                        }\n                    }\n                ")}}H.current.innerHTML=t},ve=function(e){q.current&&(q.current.style.transform=$?"translate3d(0, ".concat(e*(100/y),"%, 0)"):"translate3d(".concat(e*(100/y),"%, 0, 0)"))},de=function(e){!Z&&T(e),s.onPageChange&&s.onPageChange({page:e})};p.useImperativeHandle(i,(function(){return{props:s,getElement:function(){return M.current}}})),r.useMountEffect((function(){M.current&&(V.current=o.UniqueComponentId(),M.current.setAttribute(V.current,"")),fe(),ne(),ve(j),te()})),r.useUpdateEffect((function(){var e=!1,t=j;if(s.autoplayInterval&&me(),Y!==S||J!==y||s.value&&F&&F.length!==s.value.length){A.current=(s.value.length-y)%S;var r=ee;0!==K&&r>=K&&(de(r=K-1),e=!0),t=r*S*-1,G&&(t-=y),r===K-1&&A.current>0?(t+=-1*A.current+S,z.current=!0):z.current=!1,t!==j&&(R(t),e=!0),ve(t)}G&&(0===x?t=-1*y:0===t&&(t=-1*s.value.length,A.current>0&&(z.current=!0)),t!==j&&(R(t),e=!0)),W!==s.page&&(s.page>W&&s.page<=K-1?re(-1,s.page):s.page<W&&re(1,s.page)),!e&&Q&&(_.current=setInterval((function(){re(-1,x===K-1?0:x+1)}),s.autoplayInterval))})),r.useUnmountEffect((function(){s.autoplayInterval&&me()}));var he=function(){if(s.value&&s.value.length){var e=null,t=null;if(G){var r=null;e=(r=s.value.slice(-1*y)).map((function(e,t){return p.createElement(P,{key:t+"_scloned",className:"p-carousel-item-cloned",template:s.itemTemplate,item:e,active:-1*j===s.value.length+y,start:0===t,end:t===r.length-1})})),t=(r=s.value.slice(0,y)).map((function(e,t){return p.createElement(P,{key:t+"_fcloned",className:"p-carousel-item-cloned",template:s.itemTemplate,item:e,active:0===j,start:0===t,end:t===r.length-1})}))}var n=s.value.map((function(e,t){var r=G?-1*(j+y):-1*j,n=r+y-1;return p.createElement(P,{key:t,template:s.itemTemplate,item:e,active:r<=t&&n>=t,start:r===t,end:n===t})}));return p.createElement(p.Fragment,null,e,n,t)}},ge=function(){if(s.showNavigators){var e=(!B||s.value&&s.value.length<y)&&0===ee,r=o.classNames("p-carousel-prev p-link",{"p-disabled":e}),n="p-carousel-prev-icon",l=o.IconUtils.getJSXIcon($?s.prevIcon||p.createElement(u.ChevronUpIcon,{className:n}):s.prevIcon||p.createElement(a.ChevronLeftIcon,{className:n}),{className:r},{props:s});return p.createElement("button",{type:"button",className:r,onClick:ae,disabled:e,"aria-label":t.ariaLabel("previousPageLabel")},l,p.createElement(c.Ripple,null))}return null},be=function(){if(s.showNavigators){var e=(!B||s.value&&s.value.length<y)&&(ee===K-1||0===K),r=o.classNames("p-carousel-next p-link",{"p-disabled":e}),a="p-carousel-next-icon",u=o.IconUtils.getJSXIcon($?s.nextIcon||p.createElement(n.ChevronDownIcon,{className:a}):s.nextIcon||p.createElement(l.ChevronRightIcon,{className:a}),{className:r},{props:s});return p.createElement("button",{type:"button",className:r,onClick:le,disabled:e,"aria-label":t.ariaLabel("nextPageLabel")},u,p.createElement(c.Ripple,null))}return null},ye=function(e){var r="carousel-indicator-"+e,n=o.classNames("p-carousel-indicator",{"p-highlight":ee===e});return p.createElement("li",{key:r,className:n},p.createElement("button",{type:"button",className:"p-link",onClick:function(t){return ue(t,e)},"aria-label":"".concat(t.ariaLabel("pageLabel")," ").concat(e+1)},p.createElement(c.Ripple,null)))},Ne=C.getOtherProps(s),Ie=o.classNames("p-carousel p-component",{"p-carousel-vertical":$,"p-carousel-horizontal":!$},s.className),Ee=o.classNames("p-carousel-content",s.contentClassName),Ce=function(){var e=he(),t=$?s.verticalViewPortHeight:"auto",r=ge(),n=be(),a=o.classNames("p-carousel-container",s.containerClassName);return p.createElement("div",{className:a},r,p.createElement("div",{className:"p-carousel-items-content",style:{height:t},onTouchStart:oe,onTouchMove:ie,onTouchEnd:se},p.createElement("div",{ref:q,className:"p-carousel-items-container",onTransitionEnd:ce},e)),n)}(),Pe=function(){if(s.showIndicators){for(var e=o.classNames("p-carousel-indicators p-reset",s.indicatorsContentClassName),t=[],r=0;r<K;r++)t.push(ye(r));return p.createElement("ul",{className:e},t)}return null}(),Se=s.header?p.createElement("div",{className:"p-carousel-header"},s.header):null,Oe=s.footer?p.createElement("div",{className:"p-carousel-footer"},s.footer):null;return p.createElement("div",f({ref:M,id:s.id,className:Ie,style:s.style},Ne),Se,p.createElement("div",{className:Ee},Ce,Pe),Oe)})));P.displayName="CarouselItem",S.displayName="Carousel",exports.Carousel=S;

package/carousel/carousel.d.ts

@@ -99,11 +99,11 @@ export interface CarouselProps extends Omit<React.DetailedHTMLProps<React.HTMLAt
     /**
      * Icon for the previous button by orientation.
      */
-    prevIcon: IconType<CarouselProps> | undefined;
+    prevIcon?: IconType<CarouselProps> | undefined;
     /**
      * Icon for the next button by orientation.
      */
-    nextIcon: IconType<CarouselProps> | undefined;
+    nextIcon?: IconType<CarouselProps> | undefined;
     /**
      * An array of options for responsive design.
      * @type {CarouselResponsiveOption}

package/carousel/carousel.esm.js

@@ -1,12 +1,12 @@
 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 { ObjectUtils, classNames, UniqueComponentId, DomHandler, IconUtils } from 'primereact/utils';
-import { ChevronUpIcon } from 'primereact/icons/chevronup';
-import { ChevronRightIcon } from 'primereact/icons/chevronright';
 import { ChevronDownIcon } from 'primereact/icons/chevrondown';
 import { ChevronLeftIcon } from 'primereact/icons/chevronleft';
+import { ChevronRightIcon } from 'primereact/icons/chevronright';
+import { ChevronUpIcon } from 'primereact/icons/chevronup';
+import { Ripple } from 'primereact/ripple';
+import { ObjectUtils, classNames, UniqueComponentId, DomHandler, IconUtils } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -177,9 +177,10 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   var isVertical = props.orientation === 'vertical';
   var circular = props.circular || !!props.autoplayInterval;
   var isCircular = circular && props.value && props.value.length >= numVisibleState;
-  var currentPage = props.onPageChange ? props.page : pageState;
   var totalIndicators = props.value ? Math.max(Math.ceil((props.value.length - numVisibleState) / numScrollState) + 1, 0) : 0;
   var isAutoplay = totalIndicators && props.autoplayInterval && allowAutoplay.current;
+  var isControlled = props.onPageChange && !isAutoplay;
+  var currentPage = isControlled ? props.page : pageState;
   var _useResizeListener = useResizeListener({
       listener: function listener() {
         calculatePosition();
@@ -220,15 +221,8 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       changePosition(totalShiftedItems);
       itemsContainerRef.current.style.transition = 'transform 500ms ease 0s';
     }
-    if (props.onPageChange) {
-      setTotalShiftedItemsState(totalShiftedItems);
-      props.onPageChange({
-        page: page
-      });
-    } else {
-      setPageState(page);
-      setTotalShiftedItemsState(totalShiftedItems);
-    }
+    changePage(page);
+    setTotalShiftedItemsState(totalShiftedItems);
   };
   var calculatePosition = function calculatePosition() {
     if (itemsContainerRef.current && responsiveOptions.current) {
@@ -251,13 +245,7 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         }
         setTotalShiftedItemsState(totalShiftedItems);
         setNumScrollState(matchedResponsiveData.numScroll);
-        if (props.onPageChange) {
-          props.onPageChange({
-            page: page
-          });
-        } else {
-          setPageState(page);
-        }
+        changePage(page);
       }
       if (numVisibleState !== matchedResponsiveData.numVisible) {
         setNumVisibleState(matchedResponsiveData.numVisible);
@@ -367,6 +355,12 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       itemsContainerRef.current.style.transform = isVertical ? "translate3d(0, ".concat(totalShiftedItems * (100 / numVisibleState), "%, 0)") : "translate3d(".concat(totalShiftedItems * (100 / numVisibleState), "%, 0, 0)");
     }
   };
+  var changePage = function changePage(page) {
+    !isControlled && setPageState(page);
+    props.onPageChange && props.onPageChange({
+      page: page
+    });
+  };
   React.useImperativeHandle(ref, function () {
     return {
       props: props,
@@ -396,13 +390,7 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       var page = currentPage;
       if (totalIndicators !== 0 && page >= totalIndicators) {
         page = totalIndicators - 1;
-        if (props.onPageChange) {
-          props.onPageChange({
-            page: page
-          });
-        } else {
-          setPageState(page);
-        }
+        changePage(page);
         stateChanged = true;
       }
       totalShiftedItems = page * numScrollState * -1;

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

package/carousel/carousel.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.carousel = (function (exports, React, PrimeReact, hooks, ripple, utils, chevronup, chevronright, chevrondown, chevronleft) {
+this.primereact.carousel = (function (exports, React, PrimeReact, hooks, chevrondown, chevronleft, chevronright, chevronup, ripple, utils) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -194,9 +194,10 @@ this.primereact.carousel = (function (exports, React, PrimeReact, hooks, ripple,
     var isVertical = props.orientation === 'vertical';
     var circular = props.circular || !!props.autoplayInterval;
     var isCircular = circular && props.value && props.value.length >= numVisibleState;
-    var currentPage = props.onPageChange ? props.page : pageState;
     var totalIndicators = props.value ? Math.max(Math.ceil((props.value.length - numVisibleState) / numScrollState) + 1, 0) : 0;
     var isAutoplay = totalIndicators && props.autoplayInterval && allowAutoplay.current;
+    var isControlled = props.onPageChange && !isAutoplay;
+    var currentPage = isControlled ? props.page : pageState;
     var _useResizeListener = hooks.useResizeListener({
         listener: function listener() {
           calculatePosition();
@@ -237,15 +238,8 @@ this.primereact.carousel = (function (exports, React, PrimeReact, hooks, ripple,
         changePosition(totalShiftedItems);
         itemsContainerRef.current.style.transition = 'transform 500ms ease 0s';
       }
-      if (props.onPageChange) {
-        setTotalShiftedItemsState(totalShiftedItems);
-        props.onPageChange({
-          page: page
-        });
-      } else {
-        setPageState(page);
-        setTotalShiftedItemsState(totalShiftedItems);
-      }
+      changePage(page);
+      setTotalShiftedItemsState(totalShiftedItems);
     };
     var calculatePosition = function calculatePosition() {
       if (itemsContainerRef.current && responsiveOptions.current) {
@@ -268,13 +262,7 @@ this.primereact.carousel = (function (exports, React, PrimeReact, hooks, ripple,
           }
           setTotalShiftedItemsState(totalShiftedItems);
           setNumScrollState(matchedResponsiveData.numScroll);
-          if (props.onPageChange) {
-            props.onPageChange({
-              page: page
-            });
-          } else {
-            setPageState(page);
-          }
+          changePage(page);
         }
         if (numVisibleState !== matchedResponsiveData.numVisible) {
           setNumVisibleState(matchedResponsiveData.numVisible);
@@ -384,6 +372,12 @@ this.primereact.carousel = (function (exports, React, PrimeReact, hooks, ripple,
         itemsContainerRef.current.style.transform = isVertical ? "translate3d(0, ".concat(totalShiftedItems * (100 / numVisibleState), "%, 0)") : "translate3d(".concat(totalShiftedItems * (100 / numVisibleState), "%, 0, 0)");
       }
     };
+    var changePage = function changePage(page) {
+      !isControlled && setPageState(page);
+      props.onPageChange && props.onPageChange({
+        page: page
+      });
+    };
     React__namespace.useImperativeHandle(ref, function () {
       return {
         props: props,
@@ -413,13 +407,7 @@ this.primereact.carousel = (function (exports, React, PrimeReact, hooks, ripple,
         var page = currentPage;
         if (totalIndicators !== 0 && page >= totalIndicators) {
           page = totalIndicators - 1;
-          if (props.onPageChange) {
-            props.onPageChange({
-              page: page
-            });
-          } else {
-            setPageState(page);
-          }
+          changePage(page);
           stateChanged = true;
         }
         totalShiftedItems = page * numScrollState * -1;
@@ -676,4 +664,4 @@ this.primereact.carousel = (function (exports, React, PrimeReact, hooks, ripple,
 
   return exports;
 
-})({}, React, primereact.api, primereact.hooks, primereact.ripple, primereact.utils, primereact.icons/chevronup, primereact.icons/chevronright, primereact.icons/chevrondown, primereact.icons/chevronleft);
+})({}, React, primereact.api, primereact.hooks, primereact.icons.chevrondown, primereact.icons.chevronleft, primereact.icons.chevronright, primereact.icons.chevronup, primereact.ripple, primereact.utils);