primereact 9.4.0 → 9.6.0

package/carousel/carousel.esm.js

@@ -1,26 +1,53 @@
 import * as React from 'react';
-import PrimeReact, { ariaLabel } from 'primereact/api';
+import PrimeReact, { PrimeReactContext, ariaLabel } from 'primereact/api';
 import { usePrevious, useResizeListener, useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
 import { ChevronDownIcon } from 'primereact/icons/chevrondown';
 import { ChevronLeftIcon } from 'primereact/icons/chevronleft';
 import { ChevronRightIcon } from 'primereact/icons/chevronright';
 import { ChevronUpIcon } from 'primereact/icons/chevronup';
 import { Ripple } from 'primereact/ripple';
-import { ObjectUtils, classNames, UniqueComponentId, DomHandler, IconUtils } from 'primereact/utils';
+import { classNames, mergeProps, UniqueComponentId, DomHandler, ObjectUtils, IconUtils } from 'primereact/utils';
+import { ComponentBase } from 'primereact/componentbase';
 
-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) {
@@ -94,7 +121,7 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var CarouselBase = {
+var CarouselBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Carousel',
     id: null,
@@ -121,15 +148,11 @@ var CarouselBase = {
     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);
   }
-};
+});
 
+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.memo(function (props) {
   var content = props.template(props.item);
   var className = classNames(props.className, 'p-carousel-item', {
@@ -137,12 +160,15 @@ var CarouselItem = /*#__PURE__*/React.memo(function (props) {
     'p-carousel-item-start': props.start,
     'p-carousel-item-end': props.end
   });
-  return /*#__PURE__*/React.createElement("div", {
+  var ptParams = props.className && props.className === 'p-carousel-item-cloned' ? props.ptm('itemCloned') : props.ptm('item');
+  var itemClonedProps = mergeProps({
     className: className
-  }, content);
+  }, ptParams);
+  return /*#__PURE__*/React.createElement("div", itemClonedProps, content);
 });
 var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var props = CarouselBase.getProps(inProps);
+  var context = React.useContext(PrimeReactContext);
+  var props = CarouselBase.getProps(inProps, context);
   var _React$useState = React.useState(props.numVisible),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     numVisibleState = _React$useState2[0],
@@ -159,6 +185,16 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     _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.useRef(null);
   var itemsContainerRef = React.useRef(null);
   var remainingItems = React.useRef(0);
@@ -286,19 +322,19 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       }
     }
   };
-  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);
@@ -318,13 +354,15 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     }
   };
   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) {
@@ -333,7 +371,7 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   };
   var createStyle = function createStyle() {
     if (!carouselStyle.current) {
-      carouselStyle.current = DomHandler.createInlineStyle(PrimeReact.nonce);
+      carouselStyle.current = DomHandler.createInlineStyle(context && context.nonce || PrimeReact.nonce);
     }
     var innerHTML = "\n            .p-carousel[".concat(attributeSelector.current, "] .p-carousel-item {\n                flex: 1 0 ").concat(100 / numVisibleState, "%\n            }\n        ");
     if (props.responsiveOptions) {
@@ -341,7 +379,7 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       responsiveOptions.current.sort(function (data1, data2) {
         var value1 = data1.breakpoint;
         var value2 = data2.breakpoint;
-        return ObjectUtils.sort(value1, value2, -1, PrimeReact.locale, PrimeReact.nullSortOrder);
+        return ObjectUtils.sort(value1, value2, -1, context && context.locale || PrimeReact.locale, context && context.nullSortOrder || PrimeReact.nullSortOrder);
       });
       for (var i = 0; i < responsiveOptions.current.length; i++) {
         var res = responsiveOptions.current[i];
@@ -350,6 +388,9 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     }
     carouselStyle.current.innerHTML = innerHTML;
   };
+  var destroyStyle = function destroyStyle() {
+    carouselStyle.current = 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)");
@@ -364,6 +405,8 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   React.useImperativeHandle(ref, function () {
     return {
       props: props,
+      startAutoplay: startAutoplay,
+      stopAutoplay: stopAutoplay,
       getElement: function getElement() {
         return elementRef.current;
       }
@@ -438,6 +481,7 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     if (props.autoplayInterval) {
       stopAutoplay();
     }
+    destroyStyle();
   });
   var createItems = function createItems() {
     if (props.value && props.value.length) {
@@ -458,7 +502,8 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
             item: item,
             active: isActive,
             start: start,
-            end: end
+            end: end,
+            ptm: ptm
           });
         });
         clonedElements = props.value.slice(0, numVisibleState);
@@ -474,7 +519,8 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
             item: item,
             active: isActive,
             start: start,
-            end: end
+            end: end,
+            ptm: ptm
           });
         });
       }
@@ -490,7 +536,8 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
           item: item,
           active: isActive,
           start: start,
-          end: end
+          end: end,
+          ptm: ptm
         });
       });
       return /*#__PURE__*/React.createElement(React.Fragment, null, clonedItemsForStarting, items, clonedItemsForFinishing);
@@ -498,17 +545,19 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   };
   var createHeader = function createHeader() {
     if (props.header) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: "p-carousel-header"
-      }, props.header);
+      var headerProps = mergeProps({
+        className: 'p-carousel-header'
+      }, ptm('header'));
+      return /*#__PURE__*/React.createElement("div", headerProps, props.header);
     }
     return null;
   };
   var createFooter = function createFooter() {
     if (props.footer) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: "p-carousel-footer"
-      }, props.footer);
+      var footerProps = mergeProps({
+        className: 'p-carousel-footer'
+      }, ptm('footer'));
+      return /*#__PURE__*/React.createElement("div", footerProps, props.footer);
     }
     return null;
   };
@@ -518,21 +567,30 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     var backwardNavigator = createBackwardNavigator();
     var forwardNavigator = createForwardNavigator();
     var className = classNames('p-carousel-container', props.containerClassName);
-    return /*#__PURE__*/React.createElement("div", {
-      className: className
-    }, backwardNavigator, /*#__PURE__*/React.createElement("div", {
-      className: "p-carousel-items-content",
+    var itemsContentProps = mergeProps({
+      className: 'p-carousel-items-content',
       style: {
         height: height
       },
-      onTouchStart: onTouchStart,
-      onTouchMove: onTouchMove,
-      onTouchEnd: onTouchEnd
-    }, /*#__PURE__*/React.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 = mergeProps({
+      className: className
+    }, ptm('container'));
+    var itemsContainerProps = mergeProps({
       ref: itemsContainerRef,
-      className: "p-carousel-items-container",
+      className: 'p-carousel-items-container',
       onTransitionEnd: onTransitionEnd
-    }, items)), forwardNavigator);
+    }, ptm('itemsContainer'));
+    return /*#__PURE__*/React.createElement("div", containerProps, backwardNavigator, /*#__PURE__*/React.createElement("div", itemsContentProps, /*#__PURE__*/React.createElement("div", itemsContainerProps, items)), forwardNavigator);
   };
   var createBackwardNavigator = function createBackwardNavigator() {
     if (props.showNavigators) {
@@ -541,23 +599,23 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         'p-disabled': isDisabled
       });
       var iconClassName = 'p-carousel-prev-icon';
-      var icon = isVertical ? props.prevIcon || /*#__PURE__*/React.createElement(ChevronUpIcon, {
+      var previousButtonIconProps = mergeProps({
         className: iconClassName
-      }) : props.prevIcon || /*#__PURE__*/React.createElement(ChevronLeftIcon, {
-        className: iconClassName
-      });
-      var backwardNavigatorIcon = IconUtils.getJSXIcon(icon, {
-        className: _className
-      }, {
+      }, ptm('previousButtonIcon'));
+      var icon = isVertical ? props.prevIcon || /*#__PURE__*/React.createElement(ChevronUpIcon, previousButtonIconProps) : props.prevIcon || /*#__PURE__*/React.createElement(ChevronLeftIcon, previousButtonIconProps);
+      var backwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, previousButtonIconProps), {
         props: props
       });
-      return /*#__PURE__*/React.createElement("button", {
-        type: "button",
+      var previousButtonProps = mergeProps({
+        type: 'button',
         className: _className,
-        onClick: navBackward,
+        onClick: function onClick(e) {
+          return navBackward(e);
+        },
         disabled: isDisabled,
-        "aria-label": ariaLabel('previousPageLabel')
-      }, backwardNavigatorIcon, /*#__PURE__*/React.createElement(Ripple, null));
+        'aria-label': ariaLabel('previousPageLabel')
+      }, ptm('previousButton'));
+      return /*#__PURE__*/React.createElement("button", previousButtonProps, backwardNavigatorIcon, /*#__PURE__*/React.createElement(Ripple, null));
     }
     return null;
   };
@@ -568,23 +626,23 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         'p-disabled': isDisabled
       });
       var iconClassName = 'p-carousel-next-icon';
-      var icon = isVertical ? props.nextIcon || /*#__PURE__*/React.createElement(ChevronDownIcon, {
+      var nextButtonIconProps = mergeProps({
         className: iconClassName
-      }) : props.nextIcon || /*#__PURE__*/React.createElement(ChevronRightIcon, {
-        className: iconClassName
-      });
-      var forwardNavigatorIcon = IconUtils.getJSXIcon(icon, {
-        className: _className2
-      }, {
+      }, ptm('nextButtonIcon'));
+      var icon = isVertical ? props.nextIcon || /*#__PURE__*/React.createElement(ChevronDownIcon, nextButtonIconProps) : props.nextIcon || /*#__PURE__*/React.createElement(ChevronRightIcon, nextButtonIconProps);
+      var forwardNavigatorIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, nextButtonIconProps), {
         props: props
       });
-      return /*#__PURE__*/React.createElement("button", {
-        type: "button",
+      var nextButtonProps = mergeProps({
+        type: 'button',
         className: _className2,
-        onClick: navForward,
+        onClick: function onClick(e) {
+          return navForward(e);
+        },
         disabled: isDisabled,
-        "aria-label": ariaLabel('nextPageLabel')
-      }, forwardNavigatorIcon, /*#__PURE__*/React.createElement(Ripple, null));
+        'aria-label': ariaLabel('nextPageLabel')
+      }, ptm('nextButton'));
+      return /*#__PURE__*/React.createElement("button", nextButtonProps, forwardNavigatorIcon, /*#__PURE__*/React.createElement(Ripple, null));
     }
     return null;
   };
@@ -594,17 +652,19 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     var className = classNames('p-carousel-indicator', {
       'p-highlight': isActive
     });
-    return /*#__PURE__*/React.createElement("li", {
+    var indicatorProps = mergeProps({
       key: key,
       className: className
-    }, /*#__PURE__*/React.createElement("button", {
-      type: "button",
-      className: "p-link",
+    }, ptm('indicator'));
+    var indicatorButtonProps = mergeProps({
+      type: 'button',
+      className: 'p-link',
       onClick: function onClick(e) {
         return onDotClick(e, index);
       },
-      "aria-label": "".concat(ariaLabel('pageLabel'), " ").concat(index + 1)
-    }, /*#__PURE__*/React.createElement(Ripple, null)));
+      'aria-label': "".concat(ariaLabel('pageLabel'), " ").concat(index + 1)
+    }, ptm('indicatorButton'));
+    return /*#__PURE__*/React.createElement("li", indicatorProps, /*#__PURE__*/React.createElement("button", indicatorButtonProps, /*#__PURE__*/React.createElement(Ripple, null)));
   };
   var createIndicators = function createIndicators() {
     if (props.showIndicators) {
@@ -613,13 +673,13 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       for (var i = 0; i < totalIndicators; i++) {
         _indicators.push(createIndicator(i));
       }
-      return /*#__PURE__*/React.createElement("ul", {
+      var indicatorsProps = mergeProps({
         className: _className3
-      }, _indicators);
+      }, ptm('indicators'));
+      return /*#__PURE__*/React.createElement("ul", indicatorsProps, _indicators);
     }
     return null;
   };
-  var otherProps = CarouselBase.getOtherProps(props);
   var className = classNames('p-carousel p-component', {
     'p-carousel-vertical': isVertical,
     'p-carousel-horizontal': !isVertical
@@ -629,14 +689,16 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   var indicators = createIndicators();
   var header = createHeader();
   var footer = createFooter();
-  return /*#__PURE__*/React.createElement("div", _extends({
-    ref: elementRef,
+  var rootProps = mergeProps({
     id: props.id,
+    ref: elementRef,
     className: className,
     style: props.style
-  }, otherProps), header, /*#__PURE__*/React.createElement("div", {
+  }, CarouselBase.getOtherProps(props), ptm('root'));
+  var contentProps = mergeProps({
     className: contentClassName
-  }, content, indicators), footer);
+  }, ptm('content'));
+  return /*#__PURE__*/React.createElement("div", rootProps, header, /*#__PURE__*/React.createElement("div", contentProps, content, indicators), footer);
 }));
 CarouselItem.displayName = 'CarouselItem';
 Carousel.displayName = 'Carousel';

package/carousel/carousel.esm.min.js

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