primereact 8.4.0 → 8.6.0

package/carousel/carousel.cjs.js

@@ -32,7 +32,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -45,7 +45,6 @@ function _extends() {
 
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
 
@@ -599,7 +598,7 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     }, backwardNavigator, /*#__PURE__*/React__namespace.createElement("div", {
       className: "p-carousel-items-content",
       style: {
-        'height': height
+        height: height
       },
       onTouchStart: onTouchStart,
       onTouchMove: onTouchMove,
@@ -612,41 +611,53 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   };
 
   var createBackwardNavigator = function createBackwardNavigator() {
-    var isDisabled = (!circular || props.value && props.value.length < numVisibleState) && currentPage === 0;
-    var className = utils.classNames('p-carousel-prev p-link', {
-      'p-disabled': isDisabled
-    });
-    var iconClassName = utils.classNames('p-carousel-prev-icon pi', {
-      'pi-chevron-left': !isVertical,
-      'pi-chevron-up': isVertical
-    });
-    return /*#__PURE__*/React__namespace.createElement(button.Button, {
-      type: "button",
-      className: className,
-      icon: iconClassName,
-      onClick: navBackward,
-      disabled: isDisabled,
-      "aria-label": PrimeReact.ariaLabel('previousPageLabel')
-    });
+    if (props.showNavigators) {
+      var isDisabled = (!circular || props.value && props.value.length < numVisibleState) && currentPage === 0;
+
+      var _className = utils.classNames('p-carousel-prev p-link', {
+        'p-disabled': isDisabled
+      });
+
+      var iconClassName = utils.classNames('p-carousel-prev-icon pi', {
+        'pi-chevron-left': !isVertical,
+        'pi-chevron-up': isVertical
+      });
+      return /*#__PURE__*/React__namespace.createElement(button.Button, {
+        type: "button",
+        className: _className,
+        icon: iconClassName,
+        onClick: navBackward,
+        disabled: isDisabled,
+        "aria-label": PrimeReact.ariaLabel('previousPageLabel')
+      });
+    }
+
+    return null;
   };
 
   var createForwardNavigator = function createForwardNavigator() {
-    var isDisabled = (!circular || props.value && props.value.length < numVisibleState) && (currentPage === totalIndicators - 1 || totalIndicators === 0);
-    var className = utils.classNames('p-carousel-next p-link', {
-      'p-disabled': isDisabled
-    });
-    var iconClassName = utils.classNames('p-carousel-next-icon pi', {
-      'pi-chevron-right': !isVertical,
-      'pi-chevron-down': isVertical
-    });
-    return /*#__PURE__*/React__namespace.createElement(button.Button, {
-      type: "button",
-      className: className,
-      icon: iconClassName,
-      onClick: navForward,
-      disabled: isDisabled,
-      "aria-label": PrimeReact.ariaLabel('nextPageLabel')
-    });
+    if (props.showNavigators) {
+      var isDisabled = (!circular || props.value && props.value.length < numVisibleState) && (currentPage === totalIndicators - 1 || totalIndicators === 0);
+
+      var _className2 = utils.classNames('p-carousel-next p-link', {
+        'p-disabled': isDisabled
+      });
+
+      var iconClassName = utils.classNames('p-carousel-next-icon pi', {
+        'pi-chevron-right': !isVertical,
+        'pi-chevron-down': isVertical
+      });
+      return /*#__PURE__*/React__namespace.createElement(button.Button, {
+        type: "button",
+        className: _className2,
+        icon: iconClassName,
+        onClick: navForward,
+        disabled: isDisabled,
+        "aria-label": PrimeReact.ariaLabel('nextPageLabel')
+      });
+    }
+
+    return null;
   };
 
   var createIndicator = function createIndicator(index) {
@@ -669,16 +680,21 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   };
 
   var createIndicators = function createIndicators() {
-    var className = utils.classNames('p-carousel-indicators p-reset', props.indicatorsContentClassName);
-    var indicators = [];
+    if (props.showIndicators) {
+      var _className3 = utils.classNames('p-carousel-indicators p-reset', props.indicatorsContentClassName);
 
-    for (var i = 0; i < totalIndicators; i++) {
-      indicators.push(createIndicator(i));
+      var _indicators = [];
+
+      for (var i = 0; i < totalIndicators; i++) {
+        _indicators.push(createIndicator(i));
+      }
+
+      return /*#__PURE__*/React__namespace.createElement("ul", {
+        className: _className3
+      }, _indicators);
     }
 
-    return /*#__PURE__*/React__namespace.createElement("ul", {
-      className: className
-    }, indicators);
+    return null;
   };
 
   var otherProps = utils.ObjectUtils.findDiffKeys(props, Carousel.defaultProps);
@@ -713,12 +729,14 @@ Carousel.defaultProps = {
   className: null,
   itemTemplate: null,
   circular: false,
+  showIndicators: true,
+  showNavigators: true,
   autoplayInterval: 0,
   numVisible: 1,
   numScroll: 1,
   responsiveOptions: null,
-  orientation: "horizontal",
-  verticalViewPortHeight: "300px",
+  orientation: 'horizontal',
+  verticalViewPortHeight: '300px',
   contentClassName: null,
   containerClassName: null,
   indicatorsContentClassName: null,

package/carousel/carousel.cjs.min.js

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

package/carousel/carousel.d.ts

@@ -19,6 +19,8 @@ export interface CarouselProps extends Omit<React.DetailedHTMLProps<React.HTMLAt
     footer?: React.ReactNode;
     itemTemplate?(item: any): React.ReactNode;
     circular?: boolean;
+    showNavigators?: boolean;
+    showIndicators?: boolean;
     autoplayInterval?: number;
     numVisible?: number;
     numScroll?: number;
@@ -34,4 +36,4 @@ export interface CarouselProps extends Omit<React.DetailedHTMLProps<React.HTMLAt
 
 export declare class Carousel extends React.Component<CarouselProps, any> {
     public getElement(): HTMLDivElement;
- }
+}

package/carousel/carousel.esm.js

@@ -5,7 +5,7 @@ import { usePrevious, useResizeListener, useMountEffect, useUpdateEffect, useUnm
 import { classNames, UniqueComponentId, ObjectUtils, DomHandler } from 'primereact/utils';
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -18,7 +18,6 @@ function _extends() {
 
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
 
@@ -572,7 +571,7 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     }, backwardNavigator, /*#__PURE__*/React.createElement("div", {
       className: "p-carousel-items-content",
       style: {
-        'height': height
+        height: height
       },
       onTouchStart: onTouchStart,
       onTouchMove: onTouchMove,
@@ -585,41 +584,53 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   };
 
   var createBackwardNavigator = function createBackwardNavigator() {
-    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
-    });
-    return /*#__PURE__*/React.createElement(Button, {
-      type: "button",
-      className: className,
-      icon: iconClassName,
-      onClick: navBackward,
-      disabled: isDisabled,
-      "aria-label": ariaLabel('previousPageLabel')
-    });
+    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
+      });
+      return /*#__PURE__*/React.createElement(Button, {
+        type: "button",
+        className: _className,
+        icon: iconClassName,
+        onClick: navBackward,
+        disabled: isDisabled,
+        "aria-label": ariaLabel('previousPageLabel')
+      });
+    }
+
+    return null;
   };
 
   var createForwardNavigator = function createForwardNavigator() {
-    var isDisabled = (!circular || props.value && props.value.length < numVisibleState) && (currentPage === totalIndicators - 1 || totalIndicators === 0);
-    var className = 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
-    });
-    return /*#__PURE__*/React.createElement(Button, {
-      type: "button",
-      className: className,
-      icon: iconClassName,
-      onClick: navForward,
-      disabled: isDisabled,
-      "aria-label": ariaLabel('nextPageLabel')
-    });
+    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
+      });
+      return /*#__PURE__*/React.createElement(Button, {
+        type: "button",
+        className: _className2,
+        icon: iconClassName,
+        onClick: navForward,
+        disabled: isDisabled,
+        "aria-label": ariaLabel('nextPageLabel')
+      });
+    }
+
+    return null;
   };
 
   var createIndicator = function createIndicator(index) {
@@ -642,16 +653,21 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   };
 
   var createIndicators = function createIndicators() {
-    var className = classNames('p-carousel-indicators p-reset', props.indicatorsContentClassName);
-    var indicators = [];
+    if (props.showIndicators) {
+      var _className3 = classNames('p-carousel-indicators p-reset', props.indicatorsContentClassName);
 
-    for (var i = 0; i < totalIndicators; i++) {
-      indicators.push(createIndicator(i));
+      var _indicators = [];
+
+      for (var i = 0; i < totalIndicators; i++) {
+        _indicators.push(createIndicator(i));
+      }
+
+      return /*#__PURE__*/React.createElement("ul", {
+        className: _className3
+      }, _indicators);
     }
 
-    return /*#__PURE__*/React.createElement("ul", {
-      className: className
-    }, indicators);
+    return null;
   };
 
   var otherProps = ObjectUtils.findDiffKeys(props, Carousel.defaultProps);
@@ -686,12 +702,14 @@ Carousel.defaultProps = {
   className: null,
   itemTemplate: null,
   circular: false,
+  showIndicators: true,
+  showNavigators: true,
   autoplayInterval: 0,
   numVisible: 1,
   numScroll: 1,
   responsiveOptions: null,
-  orientation: "horizontal",
-  verticalViewPortHeight: "300px",
+  orientation: 'horizontal',
+  verticalViewPortHeight: '300px',
   contentClassName: null,
   containerClassName: null,
   indicatorsContentClassName: null,

package/carousel/carousel.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t,{ariaLabel as n}from"primereact/api";import{Button as r}from"primereact/button";import{usePrevious as a,useResizeListener as l,useMountEffect as o,useUpdateEffect as u,useUnmountEffect as c}from"primereact/hooks";import{classNames as i,UniqueComponentId as s,ObjectUtils as p,DomHandler as m}from"primereact/utils";function f(){return f=Object.assign||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=[],o=!0,u=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);o=!0);}catch(e){u=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(u)throw a}}return l}}function C(){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 S(e,t){return b(e)||N(e,t)||g(e,t)||C()}var E=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)})),I=e.memo(e.forwardRef((function(v,b){var N=S(e.useState(v.numVisible),2),C=N[0],P=N[1],k=S(e.useState(v.numScroll),2),w=k[0],T=k[1],x=S(e.useState(v.page*v.numScroll*-1),2),R=x[0],A=x[1],O=S(e.useState(v.page),2),V=O[0],M=O[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=a(w),$=a(C),q=a(v.value),B=a(v.page),G="vertical"===v.orientation,J=v.circular||!!v.autoplayInterval,Q=J&&v.value&&v.value.length>=C,Z=v.onPageChange?v.page:V,ee=v.value?Math.max(Math.ceil((v.value.length-C)/w)+1,0):0,te=ee&&v.autoplayInterval&&L.current,ne=S(l({listener:function(){ae()},when:v.responsiveOptions}),1)[0],re=function(e,t){var n=R;null!=t?(n=w*t*-1,Q&&(n-=C),K.current=!1):(n+=w*e,K.current&&(n+=H.current-w*e,K.current=!1),t=Math.abs(Math.floor((Q?n+C:n)/w)));Q&&V===ee-1&&-1===e?(n=-1*(v.value.length+C),t=0):Q&&0===V&&1===e?(n=0,t=ee-1):t===ee-1&&H.current>0&&(n+=-1*H.current-w*e,K.current=!0),D.current&&(m.removeClass(D.current,"p-items-hidden"),de(n),D.current.style.transition="transform 500ms ease 0s"),v.onPageChange?(A(n),v.onPageChange({page:t})):(M(t),A(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(w!==t.numScroll){var a=Math.floor(Z*w/t.numScroll),l=t.numScroll*a*-1;Q&&(l-=t.numVisible),A(l),T(t.numScroll),v.onPageChange?v.onPageChange({page:a}):M(a)}C!==t.numVisible&&P(t.numVisible)}},le=function(e,t){(J||0!==Z)&&re(1,t),L.current=!1,e.cancelable&&e.preventDefault()},oe=function(e,t){(J||Z<ee-1)&&re(-1,t),L.current=!1,e.cancelable&&e.preventDefault()},ue=function(e,t){t>Z?oe(e,t):t<Z&&le(e,t)},ce=function(e){D.current&&"transform"===e.propertyName&&(m.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()},pe=function(e){var t=e.changedTouches[0];me(e,G?t.pageY-z.current.y:t.pageX-z.current.x)},me=function(e,t){Math.abs(t)>Y&&(t<0?oe(e):le(e))},fe=function(){X.current&&clearInterval(X.current)},ve=function(){F.current||(F.current=m.createInlineStyle(t.nonce));var e,n="\n            .p-carousel[".concat(_.current,"] .p-carousel-item {\n                flex: 1 0 ").concat(100/C,"%\n            }\n        ");if(v.responsiveOptions){U.current=d(e=v.responsiveOptions)||h(e)||g(e)||y(),U.current.sort((function(e,n){return p.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/C),"%, 0)"):"translate3d(".concat(e*(100/C),"%, 0, 0)"))};e.useImperativeHandle(b,(function(){return{props:v,getElement:function(){return j.current}}})),o((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!==w||$!==C||v.value&&q&&q.length!==v.value.length){H.current=(v.value.length-C)%w;var n=Z;0!==ee&&n>=ee&&(n=ee-1,v.onPageChange?v.onPageChange({page:n}):M(n),e=!0),t=n*w*-1,Q&&(t-=C),n===ee-1&&H.current>0?(t+=-1*H.current+w,K.current=!0):K.current=!1,t!==R&&(A(t),e=!0),de(t)}Q&&(0===V?t=-1*C:0===t&&(t=-1*v.value.length,H.current>0&&(K.current=!0)),t!==R&&(A(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))})),c((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*C)).map((function(t,n){return e.createElement(E,{key:n+"_scloned",className:"p-carousel-item-cloned",template:v.itemTemplate,item:t,active:-1*R===v.value.length+C,start:0===n,end:n===r.length-1})})),n=(r=v.value.slice(0,C)).map((function(t,n){return e.createElement(E,{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+C):-1*R,a=r+C-1;return e.createElement(E,{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(){var t=(!J||v.value&&v.value.length<C)&&0===Z,a=i("p-carousel-prev p-link",{"p-disabled":t}),l=i("p-carousel-prev-icon pi",{"pi-chevron-left":!G,"pi-chevron-up":G});return e.createElement(r,{type:"button",className:a,icon:l,onClick:le,disabled:t,"aria-label":n("previousPageLabel")})},ye=function(){var t=(!J||v.value&&v.value.length<C)&&(Z===ee-1||0===ee),a=i("p-carousel-next p-link",{"p-disabled":t}),l=i("p-carousel-next-icon pi",{"pi-chevron-right":!G,"pi-chevron-down":G});return e.createElement(r,{type:"button",className:a,icon:l,onClick:oe,disabled:t,"aria-label":n("nextPageLabel")})},be=function(t){var a="carousel-indicator-"+t,l=i("p-carousel-indicator",{"p-highlight":Z===t});return e.createElement("li",{key:a,className:l},e.createElement(r,{type:"button",className:"p-link",onClick:function(e){return ue(e,t)},"aria-label":"".concat(n("pageLabel")," ").concat(t+1)}))},Ne=p.findDiffKeys(v,I.defaultProps),Ce=i("p-carousel p-component",{"p-carousel-vertical":G,"p-carousel-horizontal":!G},v.className),Se=i("p-carousel-content",v.contentClassName),Ee=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:pe},e.createElement("div",{ref:D,className:"p-carousel-items-container",onTransitionEnd:ce},t)),a)}(),Ie=function(){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)}(),Pe=v.header?e.createElement("div",{className:"p-carousel-header"},v.header):null,ke=v.footer?e.createElement("div",{className:"p-carousel-footer"},v.footer):null;return e.createElement("div",f({ref:j,id:v.id,className:Ce,style:v.style},Ne),Pe,e.createElement("div",{className:Se},Ee,Ie),ke)})));E.displayName="CarouselItem",I.displayName="Carousel",I.defaultProps={__TYPE:"Carousel",id:null,value:null,page:0,header:null,footer:null,style:null,className:null,itemTemplate:null,circular:!1,autoplayInterval:0,numVisible:1,numScroll:1,responsiveOptions:null,orientation:"horizontal",verticalViewPortHeight:"300px",contentClassName:null,containerClassName:null,indicatorsContentClassName:null,onPageChange:null};export{I as Carousel};
+import*as e from"react";import t,{ariaLabel as n}from"primereact/api";import{Button as r}from"primereact/button";import{usePrevious as a,useResizeListener as l,useMountEffect as o,useUpdateEffect as u,useUnmountEffect as c}from"primereact/hooks";import{classNames as i,UniqueComponentId as s,ObjectUtils as p,DomHandler as m}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=[],o=!0,u=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);o=!0);}catch(e){u=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(u)throw a}}return l}}function C(){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 S(e,t){return b(e)||N(e,t)||g(e,t)||C()}var E=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=S(e.useState(v.numVisible),2),C=N[0],I=N[1],P=S(e.useState(v.numScroll),2),k=P[0],T=P[1],x=S(e.useState(v.page*v.numScroll*-1),2),R=x[0],O=x[1],A=S(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=a(k),$=a(C),q=a(v.value),B=a(v.page),G="vertical"===v.orientation,J=v.circular||!!v.autoplayInterval,Q=J&&v.value&&v.value.length>=C,Z=v.onPageChange?v.page:V,ee=v.value?Math.max(Math.ceil((v.value.length-C)/k)+1,0):0,te=ee&&v.autoplayInterval&&L.current,ne=S(l({listener:function(){ae()},when:v.responsiveOptions}),1)[0],re=function(e,t){var n=R;null!=t?(n=k*t*-1,Q&&(n-=C),K.current=!1):(n+=k*e,K.current&&(n+=H.current-k*e,K.current=!1),t=Math.abs(Math.floor((Q?n+C:n)/k)));Q&&V===ee-1&&-1===e?(n=-1*(v.value.length+C),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&&(m.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)}C!==t.numVisible&&I(t.numVisible)}},le=function(e,t){(J||0!==Z)&&re(1,t),L.current=!1,e.cancelable&&e.preventDefault()},oe=function(e,t){(J||Z<ee-1)&&re(-1,t),L.current=!1,e.cancelable&&e.preventDefault()},ue=function(e,t){t>Z?oe(e,t):t<Z&&le(e,t)},ce=function(e){D.current&&"transform"===e.propertyName&&(m.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()},pe=function(e){var t=e.changedTouches[0];me(e,G?t.pageY-z.current.y:t.pageX-z.current.x)},me=function(e,t){Math.abs(t)>Y&&(t<0?oe(e):le(e))},fe=function(){X.current&&clearInterval(X.current)},ve=function(){F.current||(F.current=m.createInlineStyle(t.nonce));var e,n="\n            .p-carousel[".concat(_.current,"] .p-carousel-item {\n                flex: 1 0 ").concat(100/C,"%\n            }\n        ");if(v.responsiveOptions){U.current=d(e=v.responsiveOptions)||h(e)||g(e)||y(),U.current.sort((function(e,n){return p.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/C),"%, 0)"):"translate3d(".concat(e*(100/C),"%, 0, 0)"))};e.useImperativeHandle(b,(function(){return{props:v,getElement:function(){return j.current}}})),o((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||$!==C||v.value&&q&&q.length!==v.value.length){H.current=(v.value.length-C)%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-=C),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*C: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))})),c((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*C)).map((function(t,n){return e.createElement(E,{key:n+"_scloned",className:"p-carousel-item-cloned",template:v.itemTemplate,item:t,active:-1*R===v.value.length+C,start:0===n,end:n===r.length-1})})),n=(r=v.value.slice(0,C)).map((function(t,n){return e.createElement(E,{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+C):-1*R,a=r+C-1;return e.createElement(E,{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<C)&&0===Z,a=i("p-carousel-prev p-link",{"p-disabled":t}),l=i("p-carousel-prev-icon pi",{"pi-chevron-left":!G,"pi-chevron-up":G});return e.createElement(r,{type:"button",className:a,icon:l,onClick:le,disabled:t,"aria-label":n("previousPageLabel")})}return null},ye=function(){if(v.showNavigators){var t=(!J||v.value&&v.value.length<C)&&(Z===ee-1||0===ee),a=i("p-carousel-next p-link",{"p-disabled":t}),l=i("p-carousel-next-icon pi",{"pi-chevron-right":!G,"pi-chevron-down":G});return e.createElement(r,{type:"button",className:a,icon:l,onClick:oe,disabled:t,"aria-label":n("nextPageLabel")})}return null},be=function(t){var a="carousel-indicator-"+t,l=i("p-carousel-indicator",{"p-highlight":Z===t});return e.createElement("li",{key:a,className:l},e.createElement(r,{type:"button",className:"p-link",onClick:function(e){return ue(e,t)},"aria-label":"".concat(n("pageLabel")," ").concat(t+1)}))},Ne=p.findDiffKeys(v,w.defaultProps),Ce=i("p-carousel p-component",{"p-carousel-vertical":G,"p-carousel-horizontal":!G},v.className),Se=i("p-carousel-content",v.contentClassName),Ee=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:pe},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:Ce,style:v.style},Ne),Ie,e.createElement("div",{className:Se},Ee,we),Pe)})));E.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};

package/carousel/carousel.js

@@ -26,7 +26,7 @@ this.primereact.carousel = (function (exports, React, PrimeReact, button, hooks,
   var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
   function _extends() {
-    _extends = Object.assign || function (target) {
+    _extends = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
 
@@ -39,7 +39,6 @@ this.primereact.carousel = (function (exports, React, PrimeReact, button, hooks,
 
       return target;
     };
-
     return _extends.apply(this, arguments);
   }
 
@@ -593,7 +592,7 @@ this.primereact.carousel = (function (exports, React, PrimeReact, button, hooks,
       }, backwardNavigator, /*#__PURE__*/React__namespace.createElement("div", {
         className: "p-carousel-items-content",
         style: {
-          'height': height
+          height: height
         },
         onTouchStart: onTouchStart,
         onTouchMove: onTouchMove,
@@ -606,41 +605,53 @@ this.primereact.carousel = (function (exports, React, PrimeReact, button, hooks,
     };
 
     var createBackwardNavigator = function createBackwardNavigator() {
-      var isDisabled = (!circular || props.value && props.value.length < numVisibleState) && currentPage === 0;
-      var className = utils.classNames('p-carousel-prev p-link', {
-        'p-disabled': isDisabled
-      });
-      var iconClassName = utils.classNames('p-carousel-prev-icon pi', {
-        'pi-chevron-left': !isVertical,
-        'pi-chevron-up': isVertical
-      });
-      return /*#__PURE__*/React__namespace.createElement(button.Button, {
-        type: "button",
-        className: className,
-        icon: iconClassName,
-        onClick: navBackward,
-        disabled: isDisabled,
-        "aria-label": PrimeReact.ariaLabel('previousPageLabel')
-      });
+      if (props.showNavigators) {
+        var isDisabled = (!circular || props.value && props.value.length < numVisibleState) && currentPage === 0;
+
+        var _className = utils.classNames('p-carousel-prev p-link', {
+          'p-disabled': isDisabled
+        });
+
+        var iconClassName = utils.classNames('p-carousel-prev-icon pi', {
+          'pi-chevron-left': !isVertical,
+          'pi-chevron-up': isVertical
+        });
+        return /*#__PURE__*/React__namespace.createElement(button.Button, {
+          type: "button",
+          className: _className,
+          icon: iconClassName,
+          onClick: navBackward,
+          disabled: isDisabled,
+          "aria-label": PrimeReact.ariaLabel('previousPageLabel')
+        });
+      }
+
+      return null;
     };
 
     var createForwardNavigator = function createForwardNavigator() {
-      var isDisabled = (!circular || props.value && props.value.length < numVisibleState) && (currentPage === totalIndicators - 1 || totalIndicators === 0);
-      var className = utils.classNames('p-carousel-next p-link', {
-        'p-disabled': isDisabled
-      });
-      var iconClassName = utils.classNames('p-carousel-next-icon pi', {
-        'pi-chevron-right': !isVertical,
-        'pi-chevron-down': isVertical
-      });
-      return /*#__PURE__*/React__namespace.createElement(button.Button, {
-        type: "button",
-        className: className,
-        icon: iconClassName,
-        onClick: navForward,
-        disabled: isDisabled,
-        "aria-label": PrimeReact.ariaLabel('nextPageLabel')
-      });
+      if (props.showNavigators) {
+        var isDisabled = (!circular || props.value && props.value.length < numVisibleState) && (currentPage === totalIndicators - 1 || totalIndicators === 0);
+
+        var _className2 = utils.classNames('p-carousel-next p-link', {
+          'p-disabled': isDisabled
+        });
+
+        var iconClassName = utils.classNames('p-carousel-next-icon pi', {
+          'pi-chevron-right': !isVertical,
+          'pi-chevron-down': isVertical
+        });
+        return /*#__PURE__*/React__namespace.createElement(button.Button, {
+          type: "button",
+          className: _className2,
+          icon: iconClassName,
+          onClick: navForward,
+          disabled: isDisabled,
+          "aria-label": PrimeReact.ariaLabel('nextPageLabel')
+        });
+      }
+
+      return null;
     };
 
     var createIndicator = function createIndicator(index) {
@@ -663,16 +674,21 @@ this.primereact.carousel = (function (exports, React, PrimeReact, button, hooks,
     };
 
     var createIndicators = function createIndicators() {
-      var className = utils.classNames('p-carousel-indicators p-reset', props.indicatorsContentClassName);
-      var indicators = [];
+      if (props.showIndicators) {
+        var _className3 = utils.classNames('p-carousel-indicators p-reset', props.indicatorsContentClassName);
 
-      for (var i = 0; i < totalIndicators; i++) {
-        indicators.push(createIndicator(i));
+        var _indicators = [];
+
+        for (var i = 0; i < totalIndicators; i++) {
+          _indicators.push(createIndicator(i));
+        }
+
+        return /*#__PURE__*/React__namespace.createElement("ul", {
+          className: _className3
+        }, _indicators);
       }
 
-      return /*#__PURE__*/React__namespace.createElement("ul", {
-        className: className
-      }, indicators);
+      return null;
     };
 
     var otherProps = utils.ObjectUtils.findDiffKeys(props, Carousel.defaultProps);
@@ -707,12 +723,14 @@ this.primereact.carousel = (function (exports, React, PrimeReact, button, hooks,
     className: null,
     itemTemplate: null,
     circular: false,
+    showIndicators: true,
+    showNavigators: true,
     autoplayInterval: 0,
     numVisible: 1,
     numScroll: 1,
     responsiveOptions: null,
-    orientation: "horizontal",
-    verticalViewPortHeight: "300px",
+    orientation: 'horizontal',
+    verticalViewPortHeight: '300px',
     contentClassName: null,
     containerClassName: null,
     indicatorsContentClassName: null,