primereact 8.7.3 → 9.0.0-rc.1

package/card/card.d.ts

@@ -1,13 +1,51 @@
+/**
+ *
+ * Card is a flexible container component.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/card/)
+ *
+ * @module card
+ *
+ */
 import * as React from 'react';
 
-type CardTemplateTypes = React.ReactNode | ((props: CardProps) => React.ReactNode);
-
+/**
+ * Defines valid properties in Card component. In addition to these, all properties of HTMLDivElement can be used in this component.
+ * @group Properties
+ */
 export interface CardProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref' | 'title'> {
-    header?: CardTemplateTypes;
-    footer?: CardTemplateTypes;
-    title?: CardTemplateTypes;
-    subTitle?: CardTemplateTypes;
-    children?: React.ReactNode;
+    /**
+     * Header of the card.
+     */
+    header?: React.ReactNode | ((props: CardProps) => React.ReactNode);
+    /**
+     * Footer of the card.
+     */
+    footer?: React.ReactNode | ((props: CardProps) => React.ReactNode);
+    /**
+     * Title of the card.
+     */
+    title?: React.ReactNode | ((props: CardProps) => React.ReactNode);
+    /**
+     * Secondary title of the card.
+     */
+    subTitle?: React.ReactNode | ((props: CardProps) => React.ReactNode);
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - Card**
+ *
+ * _Card is a flexible container component._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/card/)
+ * --- ---
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class Card extends React.Component<CardProps, any> {}

package/card/card.esm.js

@@ -16,7 +16,28 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-var Card = /*#__PURE__*/React.forwardRef(function (props, ref) {
+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 ObjectUtils.getMergedProps(props, CardBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return ObjectUtils.getDiffProps(props, CardBase.defaultProps);
+  }
+};
+
+var Card = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var props = CardBase.getProps(inProps);
   var elementRef = React.useRef(ref);
   var createHeader = function createHeader() {
     if (props.header) {
@@ -46,7 +67,7 @@ var Card = /*#__PURE__*/React.forwardRef(function (props, ref) {
   React.useEffect(function () {
     ObjectUtils.combinedRefs(elementRef, ref);
   }, [elementRef, ref]);
-  var otherProps = ObjectUtils.findDiffKeys(props, Card.defaultProps);
+  var otherProps = CardBase.getOtherProps(props);
   var className = classNames('p-card p-component', props.className);
   var header = createHeader();
   var body = createBody();
@@ -58,15 +79,5 @@ var Card = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, otherProps), header, body);
 });
 Card.displayName = 'Card';
-Card.defaultProps = {
-  __TYPE: 'Card',
-  id: null,
-  header: null,
-  footer: null,
-  title: null,
-  subTitle: null,
-  style: null,
-  className: null
-};
 
 export { Card };

package/card/card.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{ObjectUtils as t,classNames as a}from"primereact/utils";function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},l.apply(this,arguments)}var r=e.forwardRef((function(n,s){var c=e.useRef(s);e.useEffect((function(){t.combinedRefs(c,s)}),[c,s]);var i,d,o,m,f=t.findDiffKeys(n,r.defaultProps),u=a("p-card p-component",n.className),p=n.header?e.createElement("div",{className:"p-card-header"},t.getJSXElement(n.header,n)):null,v=(i=n.title&&e.createElement("div",{className:"p-card-title"},t.getJSXElement(n.title,n)),d=n.subTitle&&e.createElement("div",{className:"p-card-subtitle"},t.getJSXElement(n.subTitle,n)),o=n.children&&e.createElement("div",{className:"p-card-content"},n.children),m=n.footer&&e.createElement("div",{className:"p-card-footer"},t.getJSXElement(n.footer,n)),e.createElement("div",{className:"p-card-body"},i,d,o,m));return e.createElement("div",l({id:n.id,ref:c,className:u,style:n.style},f),p,v)}));r.displayName="Card",r.defaultProps={__TYPE:"Card",id:null,header:null,footer:null,title:null,subTitle:null,style:null,className:null};export{r as Card};
+import*as e from"react";import{ObjectUtils as t,classNames as r}from"primereact/utils";function l(){return l=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},l.apply(this,arguments)}var a={defaultProps:{__TYPE:"Card",id:null,header:null,footer:null,title:null,subTitle:null,style:null,className:null,children:void 0},getProps:function(e){return t.getMergedProps(e,a.defaultProps)},getOtherProps:function(e){return t.getDiffProps(e,a.defaultProps)}},n=e.forwardRef((function(n,s){var c=a.getProps(n),i=e.useRef(s);e.useEffect((function(){t.combinedRefs(i,s)}),[i,s]);var o,d,u,m,p=a.getOtherProps(c),f=r("p-card p-component",c.className),g=c.header?e.createElement("div",{className:"p-card-header"},t.getJSXElement(c.header,c)):null,v=(o=c.title&&e.createElement("div",{className:"p-card-title"},t.getJSXElement(c.title,c)),d=c.subTitle&&e.createElement("div",{className:"p-card-subtitle"},t.getJSXElement(c.subTitle,c)),u=c.children&&e.createElement("div",{className:"p-card-content"},c.children),m=c.footer&&e.createElement("div",{className:"p-card-footer"},t.getJSXElement(c.footer,c)),e.createElement("div",{className:"p-card-body"},o,d,u,m));return e.createElement("div",l({id:c.id,ref:i,className:f,style:c.style},p),g,v)}));n.displayName="Card";export{n as Card};

package/card/card.js

@@ -37,7 +37,28 @@ this.primereact.card = (function (exports, React, utils) {
     return _extends.apply(this, arguments);
   }
 
-  var Card = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  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) {
@@ -67,7 +88,7 @@ this.primereact.card = (function (exports, React, utils) {
     React__namespace.useEffect(function () {
       utils.ObjectUtils.combinedRefs(elementRef, ref);
     }, [elementRef, ref]);
-    var otherProps = utils.ObjectUtils.findDiffKeys(props, Card.defaultProps);
+    var otherProps = CardBase.getOtherProps(props);
     var className = utils.classNames('p-card p-component', props.className);
     var header = createHeader();
     var body = createBody();
@@ -79,16 +100,6 @@ this.primereact.card = (function (exports, React, utils) {
     }, otherProps), header, body);
   });
   Card.displayName = 'Card';
-  Card.defaultProps = {
-    __TYPE: 'Card',
-    id: null,
-    header: null,
-    footer: null,
-    title: null,
-    subTitle: null,
-    style: null,
-    className: null
-  };
 
   exports.Card = Card;
 

package/card/card.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.card=function(e,t,r){"use strict";function a(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 l=a(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 a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},c.apply(this,arguments)}var n=l.forwardRef((function(e,t){var a=l.useRef(t);l.useEffect((function(){r.ObjectUtils.combinedRefs(a,t)}),[a,t]);var i,s,d,u,o=r.ObjectUtils.findDiffKeys(e,n.defaultProps),f=r.classNames("p-card p-component",e.className),m=e.header?l.createElement("div",{className:"p-card-header"},r.ObjectUtils.getJSXElement(e.header,e)):null,p=(i=e.title&&l.createElement("div",{className:"p-card-title"},r.ObjectUtils.getJSXElement(e.title,e)),s=e.subTitle&&l.createElement("div",{className:"p-card-subtitle"},r.ObjectUtils.getJSXElement(e.subTitle,e)),d=e.children&&l.createElement("div",{className:"p-card-content"},e.children),u=e.footer&&l.createElement("div",{className:"p-card-footer"},r.ObjectUtils.getJSXElement(e.footer,e)),l.createElement("div",{className:"p-card-body"},i,s,d,u));return l.createElement("div",c({id:e.id,ref:a,className:f,style:e.style},o),m,p)}));return n.displayName="Card",n.defaultProps={__TYPE:"Card",id:null,header:null,footer:null,title:null,subTitle:null,style:null,className:null},e.Card=n,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);
+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);

package/card/package.json

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

package/carousel/carousel.cjs.js

@@ -48,9 +48,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;
 }
 
@@ -97,9 +95,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 {
@@ -121,6 +117,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 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', {
@@ -132,7 +162,8 @@ var CarouselItem = /*#__PURE__*/React__namespace.memo(function (props) {
     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],
@@ -611,7 +642,7 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     }
     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
@@ -632,29 +663,5 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
 }));
 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.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

@@ -1,39 +1,155 @@
+/**
+ *
+ * Carousel is a content slider featuring various customization options.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/carousel)
+ *
+ * @module carousel
+ *
+ */
 import * as React from 'react';
 
-type CarouselOrientationType = 'vertical' | 'horizontal';
-
-interface CarouselResponsiveOptions {
+/**
+ * Custom responsive option
+ * @see {@link CarouselProps.responsiveOptions}
+ * @group Misc
+ */
+interface CarouselResponsiveOption {
+    /**
+     * The breakpoint to define the maximum width boundary.
+     */
     breakpoint: string;
+    /**
+     * Number of items per page.
+     */
     numVisible: number;
+    /**
+     * Number of items to scroll.
+     */
     numScroll: number;
 }
 
-interface CarouselPageChangeParams {
+/**
+ * Custom complete method event.
+ * @see {@link CarouselProps.onPageChange}
+ * @event
+ */
+interface CarouselPageChangeEvent {
+    /**
+     * Value of the new page.
+     */
     page: number;
 }
 
+/**
+ * Defines valid properties in Carousel component. In addition to these, all properties of HTMLDivElement can be used in this component.
+ * @group Properties
+ */
 export interface CarouselProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
+    /**
+     * An array of objects to display.
+     */
     value?: any[];
-    page?: number;
-    header?: React.ReactNode;
-    footer?: React.ReactNode;
-    itemTemplate?(item: any): React.ReactNode;
-    circular?: boolean;
-    showNavigators?: boolean;
-    showIndicators?: boolean;
-    autoplayInterval?: number;
-    numVisible?: number;
-    numScroll?: number;
-    responsiveOptions?: CarouselResponsiveOptions[];
-    orientation?: CarouselOrientationType;
-    verticalViewPortHeight?: string;
-    contentClassName?: string;
-    containerClassName?: string;
-    indicatorsContentClassName?: string;
-    onPageChange?(e: CarouselPageChangeParams): void;
-    children?: React.ReactNode;
+    /**
+     * Index of the first item.
+     */
+    page?: number | undefined;
+    /**
+     * Label of header.
+     */
+    header?: React.ReactNode | undefined;
+    /**
+     * Label of footer.
+     */
+    footer?: React.ReactNode | undefined;
+    /**
+     * Function that gets an item in the value and returns the content for it.
+     * @param {*} item - Current item
+     */
+    itemTemplate?(item: any): React.ReactNode | undefined;
+    /**
+     * Defines if scrolling would be infinite.
+     * @defaultValue false
+     */
+    circular?: boolean | undefined;
+    /**
+     * Whether to display indicator container.
+     * @defaultValue true
+     */
+    showIndicators?: boolean | undefined;
+    /**
+     * Whether to display navigation buttons in container.
+     * @defaultValue true
+     */
+    showNavigators?: boolean | undefined;
+    /**
+     * Time in milliseconds to scroll items automatically.
+     */
+    autoplayInterval?: number | undefined;
+    /**
+     * Number of items per page.
+     * @defaultValue 1
+     */
+    numVisible?: number | undefined;
+    /**
+     * Number of items to scroll.
+     * @defaultValue 1
+     */
+    numScroll?: number | undefined;
+    /**
+     * An array of options for responsive design.
+     * @type {CarouselResponsiveOption}
+     */
+    responsiveOptions?: CarouselResponsiveOption[] | undefined;
+    /**
+     * Specifies the layout of the component, valid values are "horizontal" and "vertical".
+     * @defaultValue horizontal
+     */
+    orientation?: 'vertical' | 'horizontal' | undefined;
+    /**
+     * Height of the viewport in vertical layout.
+     * @defaultValue 300px
+     */
+    verticalViewPortHeight?: string | undefined;
+    /**
+     * Style class of main content.
+     */
+    contentClassName?: string | undefined;
+    /**
+     * Style class of the viewport container.
+     */
+    containerClassName?: string | undefined;
+    /**
+     * Style class of the paginator items.
+     */
+    indicatorsContentClassName?: string | undefined;
+    /**
+     * Callback to invoke after scroll.
+     * @param {CarouselPageChangeEvent} event - Custom change event.
+     */
+    onPageChange?(event: CarouselPageChangeEvent): void;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - Carousel**
+ *
+ * _Carousel is a content slider featuring various customization options._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/carousel/)
+ * --- ---
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class Carousel extends React.Component<CarouselProps, any> {
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement} Container element
+     */
     public getElement(): HTMLDivElement;
 }

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 };