primereact 8.7.2 → 9.0.0-beta.1

package/carousel/carousel.esm.js

@@ -8,14 +8,12 @@ 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);
@@ -23,11 +21,9 @@ 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];
   }
-
   return arr2;
 }
 
@@ -61,33 +57,33 @@ function _arrayWithHoles(arr) {
 }
 
 function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
     try {
-      if (!_n && _i["return"] != null) _i["return"]();
+      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) {
+        ;
+      }
+    } catch (err) {
+      _d = !0, _e = err;
     } finally {
-      if (_d) throw _e;
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
     }
+    return _arr;
   }
-
-  return _arr;
 }
 
 function _nonIterableRest() {
@@ -111,25 +107,21 @@ var CarouselItem = /*#__PURE__*/React.memo(function (props) {
 });
 var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(props.numVisible),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      numVisibleState = _React$useState2[0],
-      setNumVisibleState = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    numVisibleState = _React$useState2[0],
+    setNumVisibleState = _React$useState2[1];
   var _React$useState3 = React.useState(props.numScroll),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      numScrollState = _React$useState4[0],
-      setNumScrollState = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    numScrollState = _React$useState4[0],
+    setNumScrollState = _React$useState4[1];
   var _React$useState5 = React.useState(props.page * props.numScroll * -1),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      totalShiftedItemsState = _React$useState6[0],
-      setTotalShiftedItemsState = _React$useState6[1];
-
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    totalShiftedItemsState = _React$useState6[0],
+    setTotalShiftedItemsState = _React$useState6[1];
   var _React$useState7 = React.useState(props.page),
-      _React$useState8 = _slicedToArray(_React$useState7, 2),
-      pageState = _React$useState8[0],
-      setPageState = _React$useState8[1];
-
+    _React$useState8 = _slicedToArray(_React$useState7, 2),
+    pageState = _React$useState8[0],
+    setPageState = _React$useState8[1];
   var elementRef = React.useRef(null);
   var itemsContainerRef = React.useRef(null);
   var remainingItems = React.useRef(0);
@@ -151,39 +143,31 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   var currentPage = props.onPageChange ? props.page : pageState;
   var totalIndicators = props.value ? Math.max(Math.ceil((props.value.length - numVisibleState) / numScrollState) + 1, 0) : 0;
   var isAutoplay = totalIndicators && props.autoplayInterval && allowAutoplay.current;
-
   var _useResizeListener = useResizeListener({
-    listener: function listener() {
-      calculatePosition();
-    },
-    when: props.responsiveOptions
-  }),
-      _useResizeListener2 = _slicedToArray(_useResizeListener, 1),
-      bindWindowResizeListener = _useResizeListener2[0];
-
+      listener: function listener() {
+        calculatePosition();
+      },
+      when: props.responsiveOptions
+    }),
+    _useResizeListener2 = _slicedToArray(_useResizeListener, 1),
+    bindWindowResizeListener = _useResizeListener2[0];
   var step = function step(dir, page) {
     var totalShiftedItems = totalShiftedItemsState;
-
     if (page != null) {
       totalShiftedItems = numScrollState * page * -1;
-
       if (isCircular) {
         totalShiftedItems -= numVisibleState;
       }
-
       isRemainingItemsAdded.current = false;
     } else {
       totalShiftedItems += numScrollState * dir;
-
       if (isRemainingItemsAdded.current) {
         totalShiftedItems += remainingItems.current - numScrollState * dir;
         isRemainingItemsAdded.current = false;
       }
-
       var originalShiftedItems = isCircular ? totalShiftedItems + numVisibleState : totalShiftedItems;
       page = Math.abs(Math.floor(originalShiftedItems / numScrollState));
     }
-
     if (isCircular && pageState === totalIndicators - 1 && dir === -1) {
       totalShiftedItems = -1 * (props.value.length + numVisibleState);
       page = 0;
@@ -194,13 +178,11 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       totalShiftedItems += remainingItems.current * -1 - numScrollState * dir;
       isRemainingItemsAdded.current = true;
     }
-
     if (itemsContainerRef.current) {
       DomHandler.removeClass(itemsContainerRef.current, 'p-items-hidden');
       changePosition(totalShiftedItems);
       itemsContainerRef.current.style.transition = 'transform 500ms ease 0s';
     }
-
     if (props.onPageChange) {
       setTotalShiftedItemsState(totalShiftedItems);
       props.onPageChange({
@@ -211,7 +193,6 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       setTotalShiftedItemsState(totalShiftedItems);
     }
   };
-
   var calculatePosition = function calculatePosition() {
     if (itemsContainerRef.current && responsiveOptions.current) {
       var windowWidth = window.innerWidth;
@@ -219,26 +200,20 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         numVisible: props.numVisible,
         numScroll: props.numScroll
       };
-
       for (var i = 0; i < responsiveOptions.current.length; i++) {
         var res = responsiveOptions.current[i];
-
         if (parseInt(res.breakpoint, 10) >= windowWidth) {
           matchedResponsiveData = res;
         }
       }
-
       if (numScrollState !== matchedResponsiveData.numScroll) {
         var page = Math.floor(currentPage * numScrollState / matchedResponsiveData.numScroll);
         var totalShiftedItems = matchedResponsiveData.numScroll * page * -1;
-
         if (isCircular) {
           totalShiftedItems -= matchedResponsiveData.numVisible;
         }
-
         setTotalShiftedItemsState(totalShiftedItems);
         setNumScrollState(matchedResponsiveData.numScroll);
-
         if (props.onPageChange) {
           props.onPageChange({
             page: page
@@ -247,37 +222,29 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
           setPageState(page);
         }
       }
-
       if (numVisibleState !== matchedResponsiveData.numVisible) {
         setNumVisibleState(matchedResponsiveData.numVisible);
       }
     }
   };
-
   var navBackward = function navBackward(e, page) {
     if (circular || currentPage !== 0) {
       step(1, page);
     }
-
     allowAutoplay.current = false;
-
     if (e.cancelable) {
       e.preventDefault();
     }
   };
-
   var navForward = function navForward(e, page) {
     if (circular || currentPage < totalIndicators - 1) {
       step(-1, page);
     }
-
     allowAutoplay.current = false;
-
     if (e.cancelable) {
       e.preventDefault();
     }
   };
-
   var onDotClick = function onDotClick(e, page) {
     if (page > currentPage) {
       navForward(e, page);
@@ -285,18 +252,15 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       navBackward(e, page);
     }
   };
-
   var onTransitionEnd = function onTransitionEnd(e) {
     if (itemsContainerRef.current && e.propertyName === 'transform') {
       DomHandler.addClass(itemsContainerRef.current, 'p-items-hidden');
       itemsContainerRef.current.style.transition = '';
-
       if ((pageState === 0 || pageState === totalIndicators - 1) && isCircular) {
         changePosition(totalShiftedItemsState);
       }
     }
   };
-
   var onTouchStart = function onTouchStart(e) {
     var touchobj = e.changedTouches[0];
     startPos.current = {
@@ -304,23 +268,19 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       y: touchobj.pageY
     };
   };
-
   var onTouchMove = function onTouchMove(e) {
     if (e.cancelable) {
       e.preventDefault();
     }
   };
-
   var onTouchEnd = function onTouchEnd(e) {
     var touchobj = e.changedTouches[0];
-
     if (isVertical) {
       changePageOnTouch(e, touchobj.pageY - startPos.current.y);
     } else {
       changePageOnTouch(e, touchobj.pageX - startPos.current.x);
     }
   };
-
   var changePageOnTouch = function changePageOnTouch(e, diff) {
     if (Math.abs(diff) > swipeThreshold) {
       if (diff < 0) {
@@ -332,7 +292,6 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       }
     }
   };
-
   var startAutoplay = function startAutoplay() {
     interval.current = setInterval(function () {
       if (pageState === totalIndicators - 1) {
@@ -342,20 +301,16 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       }
     }, props.autoplayInterval);
   };
-
   var stopAutoplay = function stopAutoplay() {
     if (interval.current) {
       clearInterval(interval.current);
     }
   };
-
   var createStyle = function createStyle() {
     if (!carouselStyle.current) {
       carouselStyle.current = DomHandler.createInlineStyle(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) {
       responsiveOptions.current = _toConsumableArray(props.responsiveOptions);
       responsiveOptions.current.sort(function (data1, data2) {
@@ -363,22 +318,18 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         var value2 = data2.breakpoint;
         return ObjectUtils.sort(value1, value2, -1, PrimeReact.locale, PrimeReact.nullSortOrder);
       });
-
       for (var i = 0; i < responsiveOptions.current.length; i++) {
         var res = responsiveOptions.current[i];
         innerHTML += "\n                    @media screen and (max-width: ".concat(res.breakpoint, ") {\n                        .p-carousel[").concat(attributeSelector.current, "] .p-carousel-item {\n                            flex: 1 0 ").concat(100 / res.numVisible, "%\n                        }\n                    }\n                ");
       }
     }
-
     carouselStyle.current.innerHTML = innerHTML;
   };
-
   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)");
     }
   };
-
   React.useImperativeHandle(ref, function () {
     return {
       props: props,
@@ -392,7 +343,6 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       attributeSelector.current = UniqueComponentId();
       elementRef.current.setAttribute(attributeSelector.current, '');
     }
-
     createStyle();
     calculatePosition();
     changePosition(totalShiftedItemsState);
@@ -401,18 +351,14 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   useUpdateEffect(function () {
     var stateChanged = false;
     var totalShiftedItems = totalShiftedItemsState;
-
     if (props.autoplayInterval) {
       stopAutoplay();
     }
-
     if (prevNumScroll !== numScrollState || prevNumVisible !== numVisibleState || props.value && prevValue && prevValue.length !== props.value.length) {
       remainingItems.current = (props.value.length - numVisibleState) % numScrollState;
       var page = currentPage;
-
       if (totalIndicators !== 0 && page >= totalIndicators) {
         page = totalIndicators - 1;
-
         if (props.onPageChange) {
           props.onPageChange({
             page: page
@@ -420,48 +366,38 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         } else {
           setPageState(page);
         }
-
         stateChanged = true;
       }
-
       totalShiftedItems = page * numScrollState * -1;
-
       if (isCircular) {
         totalShiftedItems -= numVisibleState;
       }
-
       if (page === totalIndicators - 1 && remainingItems.current > 0) {
         totalShiftedItems += -1 * remainingItems.current + numScrollState;
         isRemainingItemsAdded.current = true;
       } else {
         isRemainingItemsAdded.current = false;
       }
-
       if (totalShiftedItems !== totalShiftedItemsState) {
         setTotalShiftedItemsState(totalShiftedItems);
         stateChanged = true;
       }
-
       changePosition(totalShiftedItems);
     }
-
     if (isCircular) {
       if (pageState === 0) {
         totalShiftedItems = -1 * numVisibleState;
       } else if (totalShiftedItems === 0) {
         totalShiftedItems = -1 * props.value.length;
-
         if (remainingItems.current > 0) {
           isRemainingItemsAdded.current = true;
         }
       }
-
       if (totalShiftedItems !== totalShiftedItemsState) {
         setTotalShiftedItemsState(totalShiftedItems);
         stateChanged = true;
       }
     }
-
     if (prevPage !== props.page) {
       if (props.page > prevPage && props.page <= totalIndicators - 1) {
         step(-1, props.page);
@@ -469,7 +405,6 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         step(1, props.page);
       }
     }
-
     if (!stateChanged && isAutoplay) {
       startAutoplay();
     }
@@ -479,12 +414,10 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       stopAutoplay();
     }
   });
-
   var createItems = function createItems() {
     if (props.value && props.value.length) {
       var clonedItemsForStarting = null;
       var clonedItemsForFinishing = null;
-
       if (isCircular) {
         var clonedElements = null;
         clonedElements = props.value.slice(-1 * numVisibleState);
@@ -520,7 +453,6 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
           });
         });
       }
-
       var items = props.value.map(function (item, index) {
         var firstIndex = isCircular ? -1 * (totalShiftedItemsState + numVisibleState) : totalShiftedItemsState * -1;
         var lastIndex = firstIndex + numVisibleState - 1;
@@ -539,27 +471,22 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       return /*#__PURE__*/React.createElement(React.Fragment, null, clonedItemsForStarting, items, clonedItemsForFinishing);
     }
   };
-
   var createHeader = function createHeader() {
     if (props.header) {
       return /*#__PURE__*/React.createElement("div", {
         className: "p-carousel-header"
       }, props.header);
     }
-
     return null;
   };
-
   var createFooter = function createFooter() {
     if (props.footer) {
       return /*#__PURE__*/React.createElement("div", {
         className: "p-carousel-footer"
       }, props.footer);
     }
-
     return null;
   };
-
   var createContent = function createContent() {
     var items = createItems();
     var height = isVertical ? props.verticalViewPortHeight : 'auto';
@@ -582,15 +509,12 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       onTransitionEnd: onTransitionEnd
     }, items)), forwardNavigator);
   };
-
   var createBackwardNavigator = function createBackwardNavigator() {
     if (props.showNavigators) {
       var isDisabled = (!circular || props.value && props.value.length < numVisibleState) && currentPage === 0;
-
       var _className = classNames('p-carousel-prev p-link', {
         'p-disabled': isDisabled
       });
-
       var iconClassName = classNames('p-carousel-prev-icon pi', {
         'pi-chevron-left': !isVertical,
         'pi-chevron-up': isVertical
@@ -605,18 +529,14 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         className: iconClassName
       }), /*#__PURE__*/React.createElement(Ripple, null));
     }
-
     return null;
   };
-
   var createForwardNavigator = function createForwardNavigator() {
     if (props.showNavigators) {
       var isDisabled = (!circular || props.value && props.value.length < numVisibleState) && (currentPage === totalIndicators - 1 || totalIndicators === 0);
-
       var _className2 = classNames('p-carousel-next p-link', {
         'p-disabled': isDisabled
       });
-
       var iconClassName = classNames('p-carousel-next-icon pi', {
         'pi-chevron-right': !isVertical,
         'pi-chevron-down': isVertical
@@ -631,10 +551,8 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         className: iconClassName
       }), /*#__PURE__*/React.createElement(Ripple, null));
     }
-
     return null;
   };
-
   var createIndicator = function createIndicator(index) {
     var isActive = currentPage === index;
     var key = 'carousel-indicator-' + index;
@@ -653,25 +571,19 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       "aria-label": "".concat(ariaLabel('pageLabel'), " ").concat(index + 1)
     }, /*#__PURE__*/React.createElement(Ripple, null)));
   };
-
   var createIndicators = function createIndicators() {
     if (props.showIndicators) {
       var _className3 = classNames('p-carousel-indicators p-reset', props.indicatorsContentClassName);
-
       var _indicators = [];
-
       for (var i = 0; i < totalIndicators; i++) {
         _indicators.push(createIndicator(i));
       }
-
       return /*#__PURE__*/React.createElement("ul", {
         className: _className3
       }, _indicators);
     }
-
     return null;
   };
-
   var otherProps = ObjectUtils.findDiffKeys(props, Carousel.defaultProps);
   var className = classNames('p-carousel p-component', {
     'p-carousel-vertical': isVertical,

package/carousel/carousel.esm.min.js

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