primereact 9.4.0 → 9.6.0

package/carousel/carousel.cjs.js

@@ -11,6 +11,7 @@ var chevronright = require('primereact/icons/chevronright');
 var chevronup = require('primereact/icons/chevronup');
 var ripple = require('primereact/ripple');
 var utils = require('primereact/utils');
+var componentbase = require('primereact/componentbase');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -35,19 +36,45 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
 }
 
 function _arrayLikeToArray(arr, len) {
@@ -121,7 +148,7 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var CarouselBase = {
+var CarouselBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Carousel',
     id: null,
@@ -148,15 +175,11 @@ var CarouselBase = {
     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);
   }
-};
+});
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var CarouselItem = /*#__PURE__*/React__namespace.memo(function (props) {
   var content = props.template(props.item);
   var className = utils.classNames(props.className, 'p-carousel-item', {
@@ -164,12 +187,15 @@ var CarouselItem = /*#__PURE__*/React__namespace.memo(function (props) {
     'p-carousel-item-start': props.start,
     'p-carousel-item-end': props.end
   });
-  return /*#__PURE__*/React__namespace.createElement("div", {
+  var ptParams = props.className && props.className === 'p-carousel-item-cloned' ? props.ptm('itemCloned') : props.ptm('item');
+  var itemClonedProps = utils.mergeProps({
     className: className
-  }, content);
+  }, ptParams);
+  return /*#__PURE__*/React__namespace.createElement("div", itemClonedProps, content);
 });
 var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-  var props = CarouselBase.getProps(inProps);
+  var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
+  var props = CarouselBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(props.numVisible),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     numVisibleState = _React$useState2[0],
@@ -186,6 +212,16 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     _React$useState8 = _slicedToArray(_React$useState7, 2),
     pageState = _React$useState8[0],
     setPageState = _React$useState8[1];
+  var _CarouselBase$setMeta = CarouselBase.setMetaData({
+      props: props,
+      state: {
+        numVisible: numVisibleState,
+        numScroll: numScrollState,
+        totalShiftedItems: totalShiftedItemsState,
+        page: pageState
+      }
+    }),
+    ptm = _CarouselBase$setMeta.ptm;
   var elementRef = React__namespace.useRef(null);
   var itemsContainerRef = React__namespace.useRef(null);
   var remainingItems = React__namespace.useRef(0);
@@ -313,19 +349,19 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       }
     }
   };
-  var onTouchStart = function onTouchStart(e) {
+  var _onTouchStart = function onTouchStart(e) {
     var touchobj = e.changedTouches[0];
     startPos.current = {
       x: touchobj.pageX,
       y: touchobj.pageY
     };
   };
-  var onTouchMove = function onTouchMove(e) {
+  var _onTouchMove = function onTouchMove(e) {
     if (e.cancelable) {
       e.preventDefault();
     }
   };
-  var onTouchEnd = function onTouchEnd(e) {
+  var _onTouchEnd = function onTouchEnd(e) {
     var touchobj = e.changedTouches[0];
     if (isVertical) {
       changePageOnTouch(e, touchobj.pageY - startPos.current.y);
@@ -345,13 +381,15 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     }
   };
   var startAutoplay = function startAutoplay() {
-    interval.current = setInterval(function () {
-      if (pageState === totalIndicators - 1) {
-        step(-1, 0);
-      } else {
-        step(-1, pageState + 1);
-      }
-    }, props.autoplayInterval);
+    if (props.autoplayInterval > 0) {
+      interval.current = setInterval(function () {
+        if (pageState === totalIndicators - 1) {
+          step(-1, 0);
+        } else {
+          step(-1, pageState + 1);
+        }
+      }, props.autoplayInterval);
+    }
   };
   var stopAutoplay = function stopAutoplay() {
     if (interval.current) {
@@ -360,7 +398,7 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   };
   var createStyle = function createStyle() {
     if (!carouselStyle.current) {
-      carouselStyle.current = utils.DomHandler.createInlineStyle(PrimeReact__default["default"].nonce);
+      carouselStyle.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce);
     }
     var innerHTML = "\n            .p-carousel[".concat(attributeSelector.current, "] .p-carousel-item {\n                flex: 1 0 ").concat(100 / numVisibleState, "%\n            }\n        ");
     if (props.responsiveOptions) {
@@ -368,7 +406,7 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       responsiveOptions.current.sort(function (data1, data2) {
         var value1 = data1.breakpoint;
         var value2 = data2.breakpoint;
-        return utils.ObjectUtils.sort(value1, value2, -1, PrimeReact__default["default"].locale, PrimeReact__default["default"].nullSortOrder);
+        return utils.ObjectUtils.sort(value1, value2, -1, context && context.locale || PrimeReact__default["default"].locale, context && context.nullSortOrder || PrimeReact__default["default"].nullSortOrder);
       });
       for (var i = 0; i < responsiveOptions.current.length; i++) {
         var res = responsiveOptions.current[i];
@@ -377,6 +415,9 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     }
     carouselStyle.current.innerHTML = innerHTML;
   };
+  var destroyStyle = function destroyStyle() {
+    carouselStyle.current = utils.DomHandler.removeInlineStyle(carouselStyle.current);
+  };
   var changePosition = function changePosition(totalShiftedItems) {
     if (itemsContainerRef.current) {
       itemsContainerRef.current.style.transform = isVertical ? "translate3d(0, ".concat(totalShiftedItems * (100 / numVisibleState), "%, 0)") : "translate3d(".concat(totalShiftedItems * (100 / numVisibleState), "%, 0, 0)");
@@ -391,6 +432,8 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   React__namespace.useImperativeHandle(ref, function () {
     return {
       props: props,
+      startAutoplay: startAutoplay,
+      stopAutoplay: stopAutoplay,
       getElement: function getElement() {
         return elementRef.current;
       }
@@ -465,6 +508,7 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     if (props.autoplayInterval) {
       stopAutoplay();
     }
+    destroyStyle();
   });
   var createItems = function createItems() {
     if (props.value && props.value.length) {
@@ -485,7 +529,8 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
             item: item,
             active: isActive,
             start: start,
-            end: end
+            end: end,
+            ptm: ptm
           });
         });
         clonedElements = props.value.slice(0, numVisibleState);
@@ -501,7 +546,8 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
             item: item,
             active: isActive,
             start: start,
-            end: end
+            end: end,
+            ptm: ptm
           });
         });
       }
@@ -517,7 +563,8 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
           item: item,
           active: isActive,
           start: start,
-          end: end
+          end: end,
+          ptm: ptm
         });
       });
       return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, clonedItemsForStarting, items, clonedItemsForFinishing);
@@ -525,17 +572,19 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   };
   var createHeader = function createHeader() {
     if (props.header) {
-      return /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-carousel-header"
-      }, props.header);
+      var headerProps = utils.mergeProps({
+        className: 'p-carousel-header'
+      }, ptm('header'));
+      return /*#__PURE__*/React__namespace.createElement("div", headerProps, props.header);
     }
     return null;
   };
   var createFooter = function createFooter() {
     if (props.footer) {
-      return /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-carousel-footer"
-      }, props.footer);
+      var footerProps = utils.mergeProps({
+        className: 'p-carousel-footer'
+      }, ptm('footer'));
+      return /*#__PURE__*/React__namespace.createElement("div", footerProps, props.footer);
     }
     return null;
   };
@@ -545,21 +594,30 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     var backwardNavigator = createBackwardNavigator();
     var forwardNavigator = createForwardNavigator();
     var className = utils.classNames('p-carousel-container', props.containerClassName);
-    return /*#__PURE__*/React__namespace.createElement("div", {
-      className: className
-    }, backwardNavigator, /*#__PURE__*/React__namespace.createElement("div", {
-      className: "p-carousel-items-content",
+    var itemsContentProps = utils.mergeProps({
+      className: 'p-carousel-items-content',
       style: {
         height: height
       },
-      onTouchStart: onTouchStart,
-      onTouchMove: onTouchMove,
-      onTouchEnd: onTouchEnd
-    }, /*#__PURE__*/React__namespace.createElement("div", {
+      onTouchStart: function onTouchStart(e) {
+        return _onTouchStart(e);
+      },
+      onTouchMove: function onTouchMove(e) {
+        return _onTouchMove(e);
+      },
+      onTouchEnd: function onTouchEnd(e) {
+        return _onTouchEnd(e);
+      }
+    }, ptm('itemsContent'));
+    var containerProps = utils.mergeProps({
+      className: className
+    }, ptm('container'));
+    var itemsContainerProps = utils.mergeProps({
       ref: itemsContainerRef,
-      className: "p-carousel-items-container",
+      className: 'p-carousel-items-container',
       onTransitionEnd: onTransitionEnd
-    }, items)), forwardNavigator);
+    }, ptm('itemsContainer'));
+    return /*#__PURE__*/React__namespace.createElement("div", containerProps, backwardNavigator, /*#__PURE__*/React__namespace.createElement("div", itemsContentProps, /*#__PURE__*/React__namespace.createElement("div", itemsContainerProps, items)), forwardNavigator);
   };
   var createBackwardNavigator = function createBackwardNavigator() {
     if (props.showNavigators) {
@@ -568,23 +626,23 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         'p-disabled': isDisabled
       });
       var iconClassName = 'p-carousel-prev-icon';
-      var icon = isVertical ? props.prevIcon || /*#__PURE__*/React__namespace.createElement(chevronup.ChevronUpIcon, {
+      var previousButtonIconProps = utils.mergeProps({
         className: iconClassName
-      }) : props.prevIcon || /*#__PURE__*/React__namespace.createElement(chevronleft.ChevronLeftIcon, {
-        className: iconClassName
-      });
-      var backwardNavigatorIcon = utils.IconUtils.getJSXIcon(icon, {
-        className: _className
-      }, {
+      }, ptm('previousButtonIcon'));
+      var icon = isVertical ? props.prevIcon || /*#__PURE__*/React__namespace.createElement(chevronup.ChevronUpIcon, previousButtonIconProps) : props.prevIcon || /*#__PURE__*/React__namespace.createElement(chevronleft.ChevronLeftIcon, previousButtonIconProps);
+      var backwardNavigatorIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, previousButtonIconProps), {
         props: props
       });
-      return /*#__PURE__*/React__namespace.createElement("button", {
-        type: "button",
+      var previousButtonProps = utils.mergeProps({
+        type: 'button',
         className: _className,
-        onClick: navBackward,
+        onClick: function onClick(e) {
+          return navBackward(e);
+        },
         disabled: isDisabled,
-        "aria-label": PrimeReact.ariaLabel('previousPageLabel')
-      }, backwardNavigatorIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+        'aria-label': PrimeReact.ariaLabel('previousPageLabel')
+      }, ptm('previousButton'));
+      return /*#__PURE__*/React__namespace.createElement("button", previousButtonProps, backwardNavigatorIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     }
     return null;
   };
@@ -595,23 +653,23 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         'p-disabled': isDisabled
       });
       var iconClassName = 'p-carousel-next-icon';
-      var icon = isVertical ? props.nextIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, {
+      var nextButtonIconProps = utils.mergeProps({
         className: iconClassName
-      }) : props.nextIcon || /*#__PURE__*/React__namespace.createElement(chevronright.ChevronRightIcon, {
-        className: iconClassName
-      });
-      var forwardNavigatorIcon = utils.IconUtils.getJSXIcon(icon, {
-        className: _className2
-      }, {
+      }, ptm('nextButtonIcon'));
+      var icon = isVertical ? props.nextIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, nextButtonIconProps) : props.nextIcon || /*#__PURE__*/React__namespace.createElement(chevronright.ChevronRightIcon, nextButtonIconProps);
+      var forwardNavigatorIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, nextButtonIconProps), {
         props: props
       });
-      return /*#__PURE__*/React__namespace.createElement("button", {
-        type: "button",
+      var nextButtonProps = utils.mergeProps({
+        type: 'button',
         className: _className2,
-        onClick: navForward,
+        onClick: function onClick(e) {
+          return navForward(e);
+        },
         disabled: isDisabled,
-        "aria-label": PrimeReact.ariaLabel('nextPageLabel')
-      }, forwardNavigatorIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+        'aria-label': PrimeReact.ariaLabel('nextPageLabel')
+      }, ptm('nextButton'));
+      return /*#__PURE__*/React__namespace.createElement("button", nextButtonProps, forwardNavigatorIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     }
     return null;
   };
@@ -621,17 +679,19 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     var className = utils.classNames('p-carousel-indicator', {
       'p-highlight': isActive
     });
-    return /*#__PURE__*/React__namespace.createElement("li", {
+    var indicatorProps = utils.mergeProps({
       key: key,
       className: className
-    }, /*#__PURE__*/React__namespace.createElement("button", {
-      type: "button",
-      className: "p-link",
+    }, ptm('indicator'));
+    var indicatorButtonProps = utils.mergeProps({
+      type: 'button',
+      className: 'p-link',
       onClick: function onClick(e) {
         return onDotClick(e, index);
       },
-      "aria-label": "".concat(PrimeReact.ariaLabel('pageLabel'), " ").concat(index + 1)
-    }, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null)));
+      'aria-label': "".concat(PrimeReact.ariaLabel('pageLabel'), " ").concat(index + 1)
+    }, ptm('indicatorButton'));
+    return /*#__PURE__*/React__namespace.createElement("li", indicatorProps, /*#__PURE__*/React__namespace.createElement("button", indicatorButtonProps, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null)));
   };
   var createIndicators = function createIndicators() {
     if (props.showIndicators) {
@@ -640,13 +700,13 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       for (var i = 0; i < totalIndicators; i++) {
         _indicators.push(createIndicator(i));
       }
-      return /*#__PURE__*/React__namespace.createElement("ul", {
+      var indicatorsProps = utils.mergeProps({
         className: _className3
-      }, _indicators);
+      }, ptm('indicators'));
+      return /*#__PURE__*/React__namespace.createElement("ul", indicatorsProps, _indicators);
     }
     return null;
   };
-  var otherProps = CarouselBase.getOtherProps(props);
   var className = utils.classNames('p-carousel p-component', {
     'p-carousel-vertical': isVertical,
     'p-carousel-horizontal': !isVertical
@@ -656,14 +716,16 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var indicators = createIndicators();
   var header = createHeader();
   var footer = createFooter();
-  return /*#__PURE__*/React__namespace.createElement("div", _extends({
-    ref: elementRef,
+  var rootProps = utils.mergeProps({
     id: props.id,
+    ref: elementRef,
     className: className,
     style: props.style
-  }, otherProps), header, /*#__PURE__*/React__namespace.createElement("div", {
+  }, CarouselBase.getOtherProps(props), ptm('root'));
+  var contentProps = utils.mergeProps({
     className: contentClassName
-  }, content, indicators), footer);
+  }, ptm('content'));
+  return /*#__PURE__*/React__namespace.createElement("div", rootProps, header, /*#__PURE__*/React__namespace.createElement("div", contentProps, content, indicators), footer);
 }));
 CarouselItem.displayName = 'CarouselItem';
 Carousel.displayName = '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"),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;
+"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"),o=require("primereact/icons/chevronright"),l=require("primereact/icons/chevronup"),u=require("primereact/ripple"),c=require("primereact/utils"),i=require("primereact/componentbase");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(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=m(e),f=s(t);function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function d(e,t){if("object"!==v(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==v(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function g(e){var t=d(e,"string");return"symbol"===v(t)?t:String(t)}function b(e,t,r){return(t=g(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}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 h(e){if(Array.isArray(e))return y(e)}function P(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function N(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 I(){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 S(e){if(Array.isArray(e))return e}function E(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o,l,u=[],c=!0,i=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=o.call(r)).done)&&(u.push(n.value),u.length!==t);c=!0);}catch(e){i=!0,a=e}finally{try{if(!c&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(i)throw a}}return u}}function O(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function C(e,t){return S(e)||E(e,t)||N(e,t)||O()}var w=i.ComponentBase.extend({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}});function j(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function x(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?j(Object(r),!0).forEach((function(t){b(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):j(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var R=p.memo((function(e){var t=e.template(e.item),r=c.classNames(e.className,"p-carousel-item",{"p-carousel-item-active":e.active,"p-carousel-item-start":e.start,"p-carousel-item-end":e.end}),n=e.ptm(e.className&&"p-carousel-item-cloned"===e.className?"itemCloned":"item"),a=c.mergeProps({className:r},n);return p.createElement("div",a,t)})),k=p.memo(p.forwardRef((function(e,i){var s=p.useContext(t.PrimeReactContext),m=w.getProps(e,s),v=C(p.useState(m.numVisible),2),d=v[0],g=v[1],b=C(p.useState(m.numScroll),2),y=b[0],S=b[1],E=C(p.useState(m.page*m.numScroll*-1),2),O=E[0],j=E[1],k=C(p.useState(m.page),2),T=k[0],D=k[1],M=w.setMetaData({props:m,state:{numVisible:d,numScroll:y,totalShiftedItems:O,page:T}}).ptm,A=p.useRef(null),q=p.useRef(null),V=p.useRef(0),L=p.useRef(!!m.autoplayInterval),H=p.useRef(""),U=p.useRef(20),_=p.useRef(null),B=p.useRef(null),z=p.useRef(null),X=p.useRef(!1),Y=p.useRef(null),J=r.usePrevious(y),F=r.usePrevious(d),W=r.usePrevious(m.value),$=r.usePrevious(m.page),G="vertical"===m.orientation,K=m.circular||!!m.autoplayInterval,Q=K&&m.value&&m.value.length>=d,Z=m.value?Math.max(Math.ceil((m.value.length-d)/y)+1,0):0,ee=Z&&m.autoplayInterval&&L.current,te=m.onPageChange&&!ee,re=te?m.page:T,ne=C(r.useResizeListener({listener:function(){oe()},when:m.responsiveOptions}),1)[0],ae=function(e,t){var r=O;null!=t?(r=y*t*-1,Q&&(r-=d),X.current=!1):(r+=y*e,X.current&&(r+=V.current-y*e,X.current=!1),t=Math.abs(Math.floor((Q?r+d:r)/y)));Q&&T===Z-1&&-1===e?(r=-1*(m.value.length+d),t=0):Q&&0===T&&1===e?(r=0,t=Z-1):t===Z-1&&V.current>0&&(r+=-1*V.current-y*e,X.current=!0),q.current&&(c.DomHandler.removeClass(q.current,"p-items-hidden"),be(r),q.current.style.transition="transform 500ms ease 0s"),ye(t),j(r)},oe=function(){if(q.current&&Y.current){for(var e=window.innerWidth,t={numVisible:m.numVisible,numScroll:m.numScroll},r=0;r<Y.current.length;r++){var n=Y.current[r];parseInt(n.breakpoint,10)>=e&&(t=n)}if(y!==t.numScroll){var a=Math.floor(re*y/t.numScroll),o=t.numScroll*a*-1;Q&&(o-=t.numVisible),j(o),S(t.numScroll),ye(a)}d!==t.numVisible&&g(t.numVisible)}},le=function(e,t){(K||0!==re)&&ae(1,t),L.current=!1,e.cancelable&&e.preventDefault()},ue=function(e,t){(K||re<Z-1)&&ae(-1,t),L.current=!1,e.cancelable&&e.preventDefault()},ce=function(e,t){t>re?ue(e,t):t<re&&le(e,t)},ie=function(e){q.current&&"transform"===e.propertyName&&(c.DomHandler.addClass(q.current,"p-items-hidden"),q.current.style.transition="",0!==T&&T!==Z-1||!Q||be(O))},se=function(e){var t=e.changedTouches[0];_.current={x:t.pageX,y:t.pageY}},me=function(e){e.cancelable&&e.preventDefault()},pe=function(e){var t=e.changedTouches[0];fe(e,G?t.pageY-_.current.y:t.pageX-_.current.x)},fe=function(e,t){Math.abs(t)>U&&(t<0?ue(e):le(e))},ve=function(){m.autoplayInterval>0&&(B.current=setInterval((function(){ae(-1,T===Z-1?0:T+1)}),m.autoplayInterval))},de=function(){B.current&&clearInterval(B.current)},ge=function(){z.current||(z.current=c.DomHandler.createInlineStyle(s&&s.nonce||f.default.nonce));var e,t="\n            .p-carousel[".concat(H.current,"] .p-carousel-item {\n                flex: 1 0 ").concat(100/d,"%\n            }\n        ");if(m.responsiveOptions){Y.current=h(e=m.responsiveOptions)||P(e)||N(e)||I(),Y.current.sort((function(e,t){return c.ObjectUtils.sort(e.breakpoint,t.breakpoint,-1,s&&s.locale||f.default.locale,s&&s.nullSortOrder||f.default.nullSortOrder)}));for(var r=0;r<Y.current.length;r++){var n=Y.current[r];t+="\n                    @media screen and (max-width: ".concat(n.breakpoint,") {\n                        .p-carousel[").concat(H.current,"] .p-carousel-item {\n                            flex: 1 0 ").concat(100/n.numVisible,"%\n                        }\n                    }\n                ")}}z.current.innerHTML=t},be=function(e){q.current&&(q.current.style.transform=G?"translate3d(0, ".concat(e*(100/d),"%, 0)"):"translate3d(".concat(e*(100/d),"%, 0, 0)"))},ye=function(e){!te&&D(e),m.onPageChange&&m.onPageChange({page:e})};p.useImperativeHandle(i,(function(){return{props:m,startAutoplay:ve,stopAutoplay:de,getElement:function(){return A.current}}})),r.useMountEffect((function(){A.current&&(H.current=c.UniqueComponentId(),A.current.setAttribute(H.current,"")),ge(),oe(),be(O),ne()})),r.useUpdateEffect((function(){var e=!1,t=O;if(m.autoplayInterval&&de(),J!==y||F!==d||m.value&&W&&W.length!==m.value.length){V.current=(m.value.length-d)%y;var r=re;0!==Z&&r>=Z&&(ye(r=Z-1),e=!0),t=r*y*-1,Q&&(t-=d),r===Z-1&&V.current>0?(t+=-1*V.current+y,X.current=!0):X.current=!1,t!==O&&(j(t),e=!0),be(t)}Q&&(0===T?t=-1*d:0===t&&(t=-1*m.value.length,V.current>0&&(X.current=!0)),t!==O&&(j(t),e=!0)),$!==m.page&&(m.page>$&&m.page<=Z-1?ae(-1,m.page):m.page<$&&ae(1,m.page)),!e&&ee&&ve()})),r.useUnmountEffect((function(){m.autoplayInterval&&de(),z.current=c.DomHandler.removeInlineStyle(z.current)}));var he=function(){if(m.value&&m.value.length){var e=null,t=null;if(Q){var r=null;e=(r=m.value.slice(-1*d)).map((function(e,t){return p.createElement(R,{key:t+"_scloned",className:"p-carousel-item-cloned",template:m.itemTemplate,item:e,active:-1*O===m.value.length+d,start:0===t,end:t===r.length-1,ptm:M})})),t=(r=m.value.slice(0,d)).map((function(e,t){return p.createElement(R,{key:t+"_fcloned",className:"p-carousel-item-cloned",template:m.itemTemplate,item:e,active:0===O,start:0===t,end:t===r.length-1,ptm:M})}))}var n=m.value.map((function(e,t){var r=Q?-1*(O+d):-1*O,n=r+d-1;return p.createElement(R,{key:t,template:m.itemTemplate,item:e,active:r<=t&&n>=t,start:r===t,end:n===t,ptm:M})}));return p.createElement(p.Fragment,null,e,n,t)}},Pe=function(){if(m.showNavigators){var e=(!K||m.value&&m.value.length<d)&&0===re,r=c.classNames("p-carousel-prev p-link",{"p-disabled":e}),n=c.mergeProps({className:"p-carousel-prev-icon"},M("previousButtonIcon")),o=c.IconUtils.getJSXIcon(G?m.prevIcon||p.createElement(l.ChevronUpIcon,n):m.prevIcon||p.createElement(a.ChevronLeftIcon,n),x({},n),{props:m}),i=c.mergeProps({type:"button",className:r,onClick:function(e){return le(e)},disabled:e,"aria-label":t.ariaLabel("previousPageLabel")},M("previousButton"));return p.createElement("button",i,o,p.createElement(u.Ripple,null))}return null},Ne=function(){if(m.showNavigators){var e=(!K||m.value&&m.value.length<d)&&(re===Z-1||0===Z),r=c.classNames("p-carousel-next p-link",{"p-disabled":e}),a=c.mergeProps({className:"p-carousel-next-icon"},M("nextButtonIcon")),l=c.IconUtils.getJSXIcon(G?m.nextIcon||p.createElement(n.ChevronDownIcon,a):m.nextIcon||p.createElement(o.ChevronRightIcon,a),x({},a),{props:m}),i=c.mergeProps({type:"button",className:r,onClick:function(e){return ue(e)},disabled:e,"aria-label":t.ariaLabel("nextPageLabel")},M("nextButton"));return p.createElement("button",i,l,p.createElement(u.Ripple,null))}return null},Ie=function(e){var r="carousel-indicator-"+e,n=c.classNames("p-carousel-indicator",{"p-highlight":re===e}),a=c.mergeProps({key:r,className:n},M("indicator")),o=c.mergeProps({type:"button",className:"p-link",onClick:function(t){return ce(t,e)},"aria-label":"".concat(t.ariaLabel("pageLabel")," ").concat(e+1)},M("indicatorButton"));return p.createElement("li",a,p.createElement("button",o,p.createElement(u.Ripple,null)))},Se=c.classNames("p-carousel p-component",{"p-carousel-vertical":G,"p-carousel-horizontal":!G},m.className),Ee=c.classNames("p-carousel-content",m.contentClassName),Oe=function(){var e=he(),t=G?m.verticalViewPortHeight:"auto",r=Pe(),n=Ne(),a=c.classNames("p-carousel-container",m.containerClassName),o=c.mergeProps({className:"p-carousel-items-content",style:{height:t},onTouchStart:function(e){return se(e)},onTouchMove:function(e){return me(e)},onTouchEnd:function(e){return pe(e)}},M("itemsContent")),l=c.mergeProps({className:a},M("container")),u=c.mergeProps({ref:q,className:"p-carousel-items-container",onTransitionEnd:ie},M("itemsContainer"));return p.createElement("div",l,r,p.createElement("div",o,p.createElement("div",u,e)),n)}(),Ce=function(){if(m.showIndicators){for(var e=c.classNames("p-carousel-indicators p-reset",m.indicatorsContentClassName),t=[],r=0;r<Z;r++)t.push(Ie(r));var n=c.mergeProps({className:e},M("indicators"));return p.createElement("ul",n,t)}return null}(),we=function(){if(m.header){var e=c.mergeProps({className:"p-carousel-header"},M("header"));return p.createElement("div",e,m.header)}return null}(),je=function(){if(m.footer){var e=c.mergeProps({className:"p-carousel-footer"},M("footer"));return p.createElement("div",e,m.footer)}return null}(),xe=c.mergeProps({id:m.id,ref:A,className:Se,style:m.style},w.getOtherProps(m),M("root")),Re=c.mergeProps({className:Ee},M("content"));return p.createElement("div",xe,we,p.createElement("div",Re,Oe,Ce),je)})));R.displayName="CarouselItem",k.displayName="Carousel",exports.Carousel=k;

package/carousel/carousel.d.ts

@@ -8,7 +8,114 @@
  *
  */
 import * as React from 'react';
-import { IconType } from '../utils/utils';
+import { IconType, PassThroughType } from '../utils/utils';
+
+export declare type CarouselPassThroughType<T> = PassThroughType<T, CarouselPassThroughMethodOptions>;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface CarouselPassThroughMethodOptions {
+    props: CarouselProps;
+    state: CarouselState;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link CarouselProps.pt}
+ */
+export interface CarouselPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: CarouselPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the header's DOM element.
+     */
+    header?: CarouselPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the content's DOM element.
+     */
+    content?: CarouselPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the container's DOM element.
+     */
+    container?: CarouselPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the previous button's DOM element.
+     */
+    previousButton?: CarouselPassThroughType<React.HTMLAttributes<HTMLButtonElement>>;
+    /**
+     * Uses to pass attributes to the previous button icon's DOM element.
+     */
+    previousButtonIcon?: CarouselPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the items content's DOM element.
+     */
+    itemsContent?: CarouselPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the items container's DOM element.
+     */
+    itemsContainer?: CarouselPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the item cloned's DOM element.
+     */
+    itemCloned?: CarouselPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the item's DOM element.
+     */
+    item?: CarouselPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the next button's DOM element.
+     */
+    nextButton?: CarouselPassThroughType<React.HTMLAttributes<HTMLButtonElement>>;
+    /**
+     * Uses to pass attributes to the next button icon's DOM element.
+     */
+    nextButtonIcon?: CarouselPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the indicators's DOM element.
+     */
+    indicators?: CarouselPassThroughType<React.HTMLAttributes<HTMLUListElement>>;
+    /**
+     * Uses to pass attributes to the indicator's DOM element.
+     */
+    indicator?: CarouselPassThroughType<React.HTMLAttributes<HTMLLIElement>>;
+    /**
+     * Uses to pass attributes to the indicator button's DOM element.
+     */
+    indicatorButton?: CarouselPassThroughType<React.HTMLAttributes<HTMLButtonElement>>;
+    /**
+     * Uses to pass attributes to the footer's DOM element.
+     */
+    footer?: CarouselPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+}
+
+/**
+ * Defines current inline state in Carousel component.
+ */
+export interface CarouselState {
+    /**
+     * Number of items per page as a number.
+     * @defaultValue 1
+     */
+    numVisible: number;
+    /**
+     * Number of items to scroll as a number.
+     * @defaultValue 1
+     */
+    numScroll: number;
+    /**
+     * Index of the first item.
+     * @defaultValue 0
+     */
+    page: number;
+    /**
+     * Total shifted items' count as a number.
+     * @defaultValue 0
+     */
+    totalShiftedItems: number;
+}
 
 /**
  * Custom responsive option
@@ -141,6 +248,11 @@ export interface CarouselProps extends Omit<React.DetailedHTMLProps<React.HTMLAt
      * @readonly
      */
     children?: React.ReactNode | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {CarouselPassThroughOptions}
+     */
+    pt?: CarouselPassThroughOptions;
 }
 
 /**
@@ -155,6 +267,14 @@ export interface CarouselProps extends Omit<React.DetailedHTMLProps<React.HTMLAt
  * @group Component
  */
 export declare class Carousel extends React.Component<CarouselProps, any> {
+    /**
+     * Used to start the autoplay if it is currently stopped.
+     */
+    public startAutoplay(): void;
+    /**
+     * Used to stop the autoplay if it is currently started.
+     */
+    public stopAutoplay(): void;
     /**
      * Used to get container element.
      * @return {HTMLDivElement} Container element