primereact 9.2.2 → 9.3.0

package/galleria/galleria.cjs.js

@@ -9,6 +9,11 @@ var hooks = require('primereact/hooks');
 var portal = require('primereact/portal');
 var ripple = require('primereact/ripple');
 var utils = require('primereact/utils');
+var chevronleft = require('primereact/icons/chevronleft');
+var chevronright = require('primereact/icons/chevronright');
+var chevronup = require('primereact/icons/chevronup');
+var chevrondown = require('primereact/icons/chevrondown');
+var times = require('primereact/icons/times');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -48,6 +53,47 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -115,6 +161,7 @@ var GalleriaBase = {
     indicator: null,
     caption: null,
     className: null,
+    closeIcon: null,
     style: null,
     header: null,
     footer: null,
@@ -128,6 +175,10 @@ var GalleriaBase = {
     autoPlay: false,
     transitionInterval: 4000,
     showThumbnails: true,
+    itemNextIcon: null,
+    itemPrevIcon: null,
+    nextThumbnailIcon: null,
+    prevThumbnailIcon: null,
     thumbnailsPosition: 'bottom',
     verticalThumbnailViewPortHeight: '300px',
     showIndicators: false,
@@ -211,14 +262,21 @@ var GalleriaItem = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
       var buttonClassName = utils.classNames('p-galleria-item-prev p-galleria-item-nav p-link', {
         'p-disabled': isDisabled
       });
+      var iconClassName = 'p-galleria-item-prev-icon';
+      var icon = props.itemPrevIcon || /*#__PURE__*/React__namespace.createElement(chevronleft.ChevronLeftIcon, {
+        className: iconClassName
+      });
+      var itemPrevIcon = utils.IconUtils.getJSXIcon(icon, {
+        className: iconClassName
+      }, {
+        props: props
+      });
       return /*#__PURE__*/React__namespace.createElement("button", {
         type: "button",
         className: buttonClassName,
         onClick: navBackward,
         disabled: isDisabled
-      }, /*#__PURE__*/React__namespace.createElement("span", {
-        className: "p-galleria-item-prev-icon pi pi-chevron-left"
-      }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+      }, itemPrevIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     }
     return null;
   };
@@ -228,14 +286,21 @@ var GalleriaItem = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
       var buttonClassName = utils.classNames('p-galleria-item-next p-galleria-item-nav p-link', {
         'p-disabled': isDisabled
       });
+      var iconClassName = 'p-galleria-item-next-icon';
+      var icon = props.itemNextIcon || /*#__PURE__*/React__namespace.createElement(chevronright.ChevronRightIcon, {
+        className: iconClassName
+      });
+      var itemNextIcon = utils.IconUtils.getJSXIcon(icon, {
+        className: iconClassName
+      }, {
+        props: props
+      });
       return /*#__PURE__*/React__namespace.createElement("button", {
         type: "button",
         className: buttonClassName,
         onClick: navForward,
         disabled: isDisabled
-      }, /*#__PURE__*/React__namespace.createElement("span", {
-        className: "p-galleria-item-next-icon pi pi-chevron-right"
-      }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+      }, itemNextIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     }
     return null;
   };
@@ -587,19 +652,24 @@ var GalleriaThumbnails = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React_
     if (props.showThumbnailNavigators) {
       var isDisabled = !props.circular && props.activeItemIndex === 0 || props.value.length <= numVisibleState;
       var buttonClassName = utils.classNames('p-galleria-thumbnail-prev p-link', {
-          'p-disabled': isDisabled
-        }),
-        iconClassName = utils.classNames('p-galleria-thumbnail-prev-icon pi', {
-          'pi-chevron-left': !props.isVertical,
-          'pi-chevron-up': props.isVertical
-        });
+        'p-disabled': isDisabled
+      });
+      var iconClassName = 'p-galleria-thumbnail-prev-icon';
+      var icon = props.isVertical ? props.prevThumbnailIcon || /*#__PURE__*/React__namespace.createElement(chevronup.ChevronUpIcon, {
+        className: iconClassName
+      }) : props.prevThumbnailIcon || /*#__PURE__*/React__namespace.createElement(chevronleft.ChevronLeftIcon, {
+        className: iconClassName
+      });
+      var prevThumbnailIcon = utils.IconUtils.getJSXIcon(icon, {
+        className: iconClassName
+      }, {
+        props: props
+      });
       return /*#__PURE__*/React__namespace.createElement("button", {
         className: buttonClassName,
         onClick: navBackward,
         disabled: isDisabled
-      }, /*#__PURE__*/React__namespace.createElement("span", {
-        className: iconClassName
-      }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+      }, prevThumbnailIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     }
     return null;
   };
@@ -609,17 +679,22 @@ var GalleriaThumbnails = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React_
       var buttonClassName = utils.classNames('p-galleria-thumbnail-next p-link', {
         'p-disabled': isDisabled
       });
-      var iconClassName = utils.classNames('p-galleria-thumbnail-next-icon pi', {
-        'pi-chevron-right': !props.isVertical,
-        'pi-chevron-down': props.isVertical
+      var iconClassName = 'p-galleria-thumbnail-next-icon';
+      var icon = props.isVertical ? props.nextThumbnailIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, {
+        className: iconClassName
+      }) : props.nextThumbnailIcon || /*#__PURE__*/React__namespace.createElement(chevronright.ChevronRightIcon, {
+        className: iconClassName
+      });
+      var nextThumbnailIcon = utils.IconUtils.getJSXIcon(icon, {
+        className: iconClassName
+      }, {
+        props: props
       });
       return /*#__PURE__*/React__namespace.createElement("button", {
         className: buttonClassName,
         onClick: navForward,
         disabled: isDisabled
-      }, /*#__PURE__*/React__namespace.createElement("span", {
-        className: iconClassName
-      }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+      }, nextThumbnailIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     }
     return null;
   };
@@ -652,6 +727,8 @@ var GalleriaThumbnails = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React_
 GalleriaThumbnailItem.displayName = 'GalleriaThumbnailItem';
 GalleriaThumbnails.displayName = 'GalleriaThumbnails';
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Galleria = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var props = GalleriaBase.getProps(inProps);
   var _React$useState = React__namespace.useState(false),
@@ -784,15 +861,20 @@ var Galleria = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       'p-input-filled': PrimeReact__default["default"].inputStyle === 'filled',
       'p-ripple-disabled': PrimeReact__default["default"].ripple === false
     }, thumbnailsPosClassName, indicatorPosClassName);
-    var closeIcon = props.fullScreen && /*#__PURE__*/React__namespace.createElement("button", {
+    var iconProps = {
+      className: 'p-galleria-close-icon',
+      'aria-hidden': true
+    };
+    var icon = props.closeIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, iconProps);
+    var closeIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
+      props: props
+    });
+    var closeButton = props.fullScreen && /*#__PURE__*/React__namespace.createElement("button", {
       type: "button",
       className: "p-galleria-close p-link",
       "aria-label": PrimeReact.localeOption('close'),
       onClick: hide
-    }, /*#__PURE__*/React__namespace.createElement("span", {
-      className: "p-galleria-close-icon pi pi-times",
-      "aria-hidden": "true"
-    }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+    }, closeIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     var header = createHeader();
     var footer = createFooter();
     var element = /*#__PURE__*/React__namespace.createElement("div", _extends({
@@ -800,7 +882,7 @@ var Galleria = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       id: props.id,
       className: galleriaClassName,
       style: props.style
-    }, otherProps), closeIcon, header, /*#__PURE__*/React__namespace.createElement("div", {
+    }, otherProps), closeButton, header, /*#__PURE__*/React__namespace.createElement("div", {
       className: "p-galleria-content"
     }, /*#__PURE__*/React__namespace.createElement(GalleriaItem, {
       ref: previewContentRef,
@@ -811,6 +893,8 @@ var Galleria = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       circular: props.circular,
       caption: props.caption,
       showIndicators: props.showIndicators,
+      itemPrevIcon: props.itemPrevIcon,
+      itemNextIcon: props.itemNextIcon,
       changeItemOnIndicatorHover: props.changeItemOnIndicatorHover,
       indicator: props.indicator,
       showItemNavigators: props.showItemNavigators,
@@ -824,6 +908,8 @@ var Galleria = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       onActiveItemChange: onActiveItemChange,
       itemTemplate: props.thumbnail,
       numVisible: numVisibleState,
+      nextThumbnailIcon: props.nextThumbnailIcon,
+      prevThumbnailIcon: props.prevThumbnailIcon,
       responsiveOptions: props.responsiveOptions,
       circular: props.circular,
       isVertical: isVertical,

package/galleria/galleria.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/csstransition"),a=require("primereact/hooks"),r=require("primereact/portal"),i=require("primereact/ripple"),l=require("primereact/utils");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var u=c(e),s=o(t);function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},m.apply(this,arguments)}function d(e){if(Array.isArray(e))return e}function p(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,l,o=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(a=i.call(n)).done)&&(o.push(a.value),o.length!==t);c=!0);}catch(e){u=!0,r=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw r}}return o}}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function f(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 h(){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 g(e,t){return d(e)||p(e,t)||f(e,t)||h()}var I={defaultProps:{__TYPE:"Galleria",id:null,value:null,activeIndex:0,fullScreen:!1,item:null,thumbnail:null,indicator:null,caption:null,className:null,style:null,header:null,footer:null,numVisible:3,responsiveOptions:null,showItemNavigators:!1,showThumbnailNavigators:!0,showItemNavigatorsOnHover:!1,changeItemOnIndicatorHover:!1,circular:!1,autoPlay:!1,transitionInterval:4e3,showThumbnails:!0,thumbnailsPosition:"bottom",verticalThumbnailViewPortHeight:"300px",showIndicators:!1,showIndicatorsOnItem:!1,indicatorsPosition:"bottom",baseZIndex:0,transitionOptions:null,onItemChange:null,children:void 0},getProps:function(e){return l.ObjectUtils.getMergedProps(e,I.defaultProps)},getOtherProps:function(e){return l.ObjectUtils.getDiffProps(e,I.defaultProps)}},b=u.memo(u.forwardRef((function(e,t){var n=function(){e.slideShowActive&&e.stopSlideShow&&e.stopSlideShow()},r=function(t){n(),e.onActiveItemChange({index:e.circular&&0===e.activeItemIndex?e.value.length-1:0!==e.activeItemIndex?e.activeItemIndex-1:0}),t&&t.cancelable&&t.preventDefault()},o=function(t){n(),e.onActiveItemChange({index:e.circular&&e.value.length-1===e.activeItemIndex?0:e.activeItemIndex+1}),t&&t.cancelable&&t.preventDefault()},c=function(t){n(),e.onActiveItemChange({index:t})},s=function(t){e.changeItemOnIndicatorHover&&(n(),e.onActiveItemChange({index:t}))},m=function(t,a){13===t.which&&(n(),e.onActiveItemChange({index:a}))};a.useMountEffect((function(){e.autoPlay&&e.startSlideShow()}));var d=function(t){var n="p-galleria-indicator-"+t,a=l.classNames("p-galleria-indicator",{"p-highlight":e.activeItemIndex===t}),r=e.indicator&&e.indicator(t);return r||(r=u.createElement("button",{type:"button",tabIndex:-1,className:"p-link"},u.createElement(i.Ripple,null))),u.createElement("li",{className:a,key:n,tabIndex:0,onClick:function(){return c(t)},onMouseEnter:function(){return s(t)},onKeyDown:function(e){return m(e,t)}},r)},p=e.itemTemplate&&e.itemTemplate(e.value[e.activeItemIndex]),v=function(){if(e.showItemNavigators){var t=!e.circular&&0===e.activeItemIndex,n=l.classNames("p-galleria-item-prev p-galleria-item-nav p-link",{"p-disabled":t});return u.createElement("button",{type:"button",className:n,onClick:r,disabled:t},u.createElement("span",{className:"p-galleria-item-prev-icon pi pi-chevron-left"}),u.createElement(i.Ripple,null))}return null}(),f=function(){if(e.showItemNavigators){var t=!e.circular&&e.activeItemIndex===e.value.length-1,n=l.classNames("p-galleria-item-next p-galleria-item-nav p-link",{"p-disabled":t});return u.createElement("button",{type:"button",className:n,onClick:o,disabled:t},u.createElement("span",{className:"p-galleria-item-next-icon pi pi-chevron-right"}),u.createElement(i.Ripple,null))}return null}(),h=function(){if(e.caption){var t=e.caption(e.value[e.activeItemIndex]);return u.createElement("div",{className:"p-galleria-caption"},t)}return null}(),g=function(){if(e.showIndicators){for(var t=l.classNames("p-galleria-indicators p-reset",e.indicatorsContentClassName),n=[],a=0;a<e.value.length;a++)n.push(d(a));return u.createElement("ul",{className:t},n)}return null}();return u.createElement("div",{ref:t,className:"p-galleria-item-wrapper"},u.createElement("div",{className:"p-galleria-item-container"},v,u.createElement("div",{className:"p-galleria-item"},p),f,h),g)})));function x(e){if(Array.isArray(e))return v(e)}function y(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function w(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}b.displayName="GalleriaItem";var E=u.memo((function(e){var t=e.active?0:null,n=e.template&&e.template(e.item),a=l.classNames("p-galleria-thumbnail-item",{"p-galleria-thumbnail-item-current":e.current,"p-galleria-thumbnail-item-active":e.active,"p-galleria-thumbnail-item-start":e.start,"p-galleria-thumbnail-item-end":e.end},e.className);return u.createElement("div",{className:a},u.createElement("div",{className:"p-galleria-thumbnail-item-content",tabIndex:t,onClick:function(t){e.onItemClick({originalEvent:t,index:e.index})},onKeyDown:function(t){13===t.which&&e.onItemClick({originalEvent:t,index:e.index})}},n))})),N=u.memo(u.forwardRef((function(e,t){var n=g(u.useState(e.numVisible),2),r=n[0],o=n[1],c=g(u.useState(0),2),m=c[0],d=c[1],p=u.useRef(null),v=u.useRef(null),h=u.useRef(""),I=u.useRef(null),b=u.useRef(null),N=a.usePrevious(r),S=a.usePrevious(e.activeItemIndex),O=g(a.useResizeListener({listener:function(){G()},when:e.responsiveOptions}),1)[0],C=function(t){var n=m+t;t<0&&-1*n+r>e.value.length-1?n=r-e.value.length:t>0&&n>0&&(n=0),e.circular&&(t<0&&e.value.length-1===e.activeItemIndex?n=0:t>0&&0===e.activeItemIndex&&(n=r-e.value.length)),p.current&&(l.DomHandler.removeClass(p.current,"p-items-hidden"),p.current.style.transform=e.isVertical?"translate3d(0, ".concat(n*(100/r),"%, 0)"):"translate3d(".concat(n*(100/r),"%, 0, 0)"),p.current.style.transition="transform 500ms ease 0s"),d(n)},P=function(){e.slideShowActive&&e.stopSlideShow&&e.stopSlideShow()},T=function(){var e=Math.floor(r/2);return r%2?e:e-1},A=function(t){P();var n=0!==e.activeItemIndex?e.activeItemIndex-1:0;r-(n+m)-1>T()&&(-1*m!=0||e.circular)&&C(1),e.onActiveItemChange({index:e.circular&&0===e.activeItemIndex?e.value.length-1:n}),t.cancelable&&t.preventDefault()},k=function(t){P();var n=e.activeItemIndex+1;n+m>T()&&(-1*m<U()-1||e.circular)&&C(-1),e.onActiveItemChange({index:e.circular&&e.value.length-1===e.activeItemIndex?0:n}),t.cancelable&&t.preventDefault()},H=function(t){P();var n=t.index;if(n!==e.activeItemIndex){var a=n+m,i=0;n<e.activeItemIndex?(i=r-a-1-T())>0&&-1*m!=0&&C(i):(i=T()-a)<0&&-1*m<U()-1&&C(i),e.onActiveItemChange({index:n})}},V=function(e){p.current&&"transform"===e.propertyName&&(l.DomHandler.addClass(p.current,"p-items-hidden"),p.current.style.transition="")},j=function(e){var t=e.changedTouches[0];v.current={x:t.pageX,y:t.pageY}},R=function(e){e.cancelable&&e.preventDefault()},D=function(t){var n=t.changedTouches[0];M(t,e.isVertical?n.pageY-v.current.y:n.pageX-v.current.x)},M=function(e,t){t<0?k(e):A(e)},U=function(){return e.value.length>r?e.value.length-r+1:0},q=function(){I.current||(I.current=l.DomHandler.createInlineStyle(s.default.nonce));var t,n="\n            .p-galleria-thumbnail-items[".concat(h.current,"] .p-galleria-thumbnail-item {\n                flex: 1 0 ").concat(100/r,"%\n            }\n        ");if(e.responsiveOptions){b.current=x(t=e.responsiveOptions)||y(t)||f(t)||w(),b.current.sort((function(e,t){return l.ObjectUtils.sort(e.breakpoint,t.breakpoint,-1,s.default.locale,s.default.nullSortOrder)}));for(var a=0;a<b.current.length;a++){var i=b.current[a];n+="\n                    @media screen and (max-width: ".concat(i.breakpoint,") {\n                        .p-galleria-thumbnail-items[").concat(h.current,"] .p-galleria-thumbnail-item {\n                            flex: 1 0 ").concat(100/i.numVisible,"%\n                        }\n                    }\n                ")}}I.current.innerHTML=n},G=function(){if(p.current&&b.current){for(var t=window.innerWidth,n={numVisible:e.numVisible},a=0;a<b.current.length;a++){var i=b.current[a];parseInt(i.breakpoint,10)>=t&&(n=i)}r!==n.numVisible&&o(n.numVisible)}};a.useMountEffect((function(){p.current&&(h.current=l.UniqueComponentId(),p.current.setAttribute(h.current,"")),q(),G(),O()})),a.useUpdateEffect((function(){var t=m;N===r&&S===e.activeItemIndex||((t=e.activeItemIndex<=T()?0:e.value.length-r+T()<e.activeItemIndex?r-e.value.length:e.value.length-r<e.activeItemIndex&&r%2==0?-1*e.activeItemIndex+T()+1:-1*e.activeItemIndex+T())!==m&&d(t),p.current.style.transform=e.isVertical?"translate3d(0, ".concat(t*(100/r),"%, 0)"):"translate3d(".concat(t*(100/r),"%, 0, 0)"),S!==e.activeItemIndex&&(l.DomHandler.removeClass(p.current,"p-items-hidden"),p.current.style.transition="transform 500ms ease 0s"))}));var Z,_,z,Y,K=function(){if(e.showThumbnailNavigators){var t=!e.circular&&0===e.activeItemIndex||e.value.length<=r,n=l.classNames("p-galleria-thumbnail-prev p-link",{"p-disabled":t}),a=l.classNames("p-galleria-thumbnail-prev-icon pi",{"pi-chevron-left":!e.isVertical,"pi-chevron-up":e.isVertical});return u.createElement("button",{className:n,onClick:A,disabled:t},u.createElement("span",{className:a}),u.createElement(i.Ripple,null))}return null},L=function(){if(e.showThumbnailNavigators){var t=!e.circular&&e.activeItemIndex===e.value.length-1||e.value.length<=r,n=l.classNames("p-galleria-thumbnail-next p-link",{"p-disabled":t}),a=l.classNames("p-galleria-thumbnail-next-icon pi",{"pi-chevron-right":!e.isVertical,"pi-chevron-down":e.isVertical});return u.createElement("button",{className:n,onClick:k,disabled:t},u.createElement("span",{className:a}),u.createElement(i.Ripple,null))}return null},X=(Z=e.value.map((function(t,n){var a=-1*m,i=a+r-1;return u.createElement(E,{key:n,index:n,template:e.itemTemplate,item:t,active:a<=n&&i>=n,start:a===n,end:i===n,onItemClick:H,current:e.activeItemIndex===n})})),_=e.isVertical?e.contentHeight:"",z=K(),Y=L(),u.createElement("div",{className:"p-galleria-thumbnail-container"},z,u.createElement("div",{className:"p-galleria-thumbnail-items-container",style:{height:_}},u.createElement("div",{ref:p,className:"p-galleria-thumbnail-items",onTransitionEnd:V,onTouchStart:j,onTouchMove:R,onTouchEnd:D},Z)),Y));return u.createElement("div",{className:"p-galleria-thumbnail-wrapper"},X)})));E.displayName="GalleriaThumbnailItem",N.displayName="GalleriaThumbnails";var S=u.memo(u.forwardRef((function(e,o){var c=I.getProps(e),d=g(u.useState(!1),2),p=d[0],v=d[1],f=g(u.useState(c.numVisible),2),h=f[0],x=f[1],y=g(u.useState(!1),2),w=y[0],E=y[1],S=g(u.useState(c.activeIndex),2),O=S[0],C=S[1],P=u.useRef(null),T=u.useRef(null),A=u.useRef(null),k=c.onItemChange?c.activeIndex:O,H="left"===c.thumbnailsPosition||"right"===c.thumbnailsPosition;a.useInterval((function(){V({index:c.circular&&c.value.length-1===k?0:k+1})}),c.transitionInterval,w);var V=function(e){c.onItemChange?c.onItemChange(e):C(e.index)},j=function(){v(!0)},R=function(){v(!1)},D=function(){l.DomHandler.addClass(document.body,"p-overflow-hidden")},M=function(){l.ZIndexUtils.set("modal",A.current,s.default.autoZIndex,c.baseZIndex||s.default.zIndex.modal),l.DomHandler.addMultipleClasses(A.current,"p-component-overlay p-component-overlay-enter")},U=function(){c.onShow&&c.onShow()},q=function(){l.DomHandler.removeClass(document.body,"p-overflow-hidden"),l.DomHandler.addClass(A.current,"p-component-overlay-leave")},G=function(){l.ZIndexUtils.clear(A.current),c.onHide&&c.onHide()},Z=function(){return w},_=function(){E(!0)},z=function(){E(!1)},Y=function(e,t){var n=["top","left","bottom","right"].find((function(e){return e===t}));return n?"".concat(e,"-").concat(n):""};u.useEffect((function(){c.value&&c.value.length<h&&x(c.value.length)}),[c.value,h]),u.useEffect((function(){x(c.numVisible)}),[c.numVisible]),a.useUnmountEffect((function(){w&&z(),l.ZIndexUtils.clear(A.current)})),u.useImperativeHandle(o,(function(){return{props:c,show:j,hide:R,isAutoPlayActive:Z,startSlideShow:_,stopSlideShow:z,getElement:function(){return P.current},getPreviewContent:function(){return T.current}}}));return l.ObjectUtils.isNotEmpty(c.value)&&function(){var e,a,o,d,v,f,g,x=(e=I.getOtherProps(c),a=c.showThumbnails&&Y("p-galleria-thumbnails",c.thumbnailsPosition),o=c.showIndicators&&Y("p-galleria-indicators",c.indicatorsPosition),d=l.classNames("p-galleria p-component",c.className,{"p-galleria-fullscreen":c.fullScreen,"p-galleria-indicator-onitem":c.showIndicatorsOnItem,"p-galleria-item-nav-onhover":c.showItemNavigatorsOnHover&&!c.fullScreen,"p-input-filled":"filled"===s.default.inputStyle,"p-ripple-disabled":!1===s.default.ripple},a,o),v=c.fullScreen&&u.createElement("button",{type:"button",className:"p-galleria-close p-link","aria-label":t.localeOption("close"),onClick:R},u.createElement("span",{className:"p-galleria-close-icon pi pi-times","aria-hidden":"true"}),u.createElement(i.Ripple,null)),f=c.header?u.createElement("div",{className:"p-galleria-header"},c.header):null,g=c.footer?u.createElement("div",{className:"p-galleria-footer"},c.footer):null,u.createElement("div",m({ref:P,id:c.id,className:d,style:c.style},e),v,f,u.createElement("div",{className:"p-galleria-content"},u.createElement(b,{ref:T,value:c.value,activeItemIndex:k,onActiveItemChange:V,itemTemplate:c.item,circular:c.circular,caption:c.caption,showIndicators:c.showIndicators,changeItemOnIndicatorHover:c.changeItemOnIndicatorHover,indicator:c.indicator,showItemNavigators:c.showItemNavigators,autoPlay:c.autoPlay,slideShowActive:w,startSlideShow:_,stopSlideShow:z}),c.showThumbnails&&u.createElement(N,{value:c.value,activeItemIndex:k,onActiveItemChange:V,itemTemplate:c.thumbnail,numVisible:h,responsiveOptions:c.responsiveOptions,circular:c.circular,isVertical:H,contentHeight:c.verticalThumbnailViewPortHeight,showThumbnailNavigators:c.showThumbnailNavigators,autoPlay:c.autoPlay,slideShowActive:w,stopSlideShow:z})),g));if(c.fullScreen){var y=l.classNames("p-galleria-mask",{"p-galleria-visible":p});return u.createElement(r.Portal,{element:u.createElement("div",{ref:A,className:y},u.createElement(n.CSSTransition,{nodeRef:P,classNames:"p-galleria",in:p,timeout:{enter:150,exit:150},options:c.transitionOptions,unmountOnExit:!0,onEnter:D,onEntering:M,onEntered:U,onExit:q,onExited:G},x))})}return x}()})));S.displayName="Galleria",exports.Galleria=S;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/csstransition"),r=require("primereact/hooks"),a=require("primereact/portal"),i=require("primereact/ripple"),l=require("primereact/utils"),o=require("primereact/icons/chevronleft"),c=require("primereact/icons/chevronright"),u=require("primereact/icons/chevronup"),s=require("primereact/icons/chevrondown"),m=require("primereact/icons/times");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(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 v=d(e),f=p(t);function h(){return h=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},h.apply(this,arguments)}function I(e){return I="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},I(e)}function b(e,t){if("object"!==I(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==I(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function g(e){var t=b(e,"string");return"symbol"===I(t)?t:String(t)}function y(e,t,n){return(t=g(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function x(e){if(Array.isArray(e))return e}function w(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw a}}return o}}function N(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 E(e,t){if(e){if("string"==typeof e)return N(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)?N(e,t):void 0}}function S(){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 O(e,t){return x(e)||w(e,t)||E(e,t)||S()}var P={defaultProps:{__TYPE:"Galleria",id:null,value:null,activeIndex:0,fullScreen:!1,item:null,thumbnail:null,indicator:null,caption:null,className:null,closeIcon:null,style:null,header:null,footer:null,numVisible:3,responsiveOptions:null,showItemNavigators:!1,showThumbnailNavigators:!0,showItemNavigatorsOnHover:!1,changeItemOnIndicatorHover:!1,circular:!1,autoPlay:!1,transitionInterval:4e3,showThumbnails:!0,itemNextIcon:null,itemPrevIcon:null,nextThumbnailIcon:null,prevThumbnailIcon:null,thumbnailsPosition:"bottom",verticalThumbnailViewPortHeight:"300px",showIndicators:!1,showIndicatorsOnItem:!1,indicatorsPosition:"bottom",baseZIndex:0,transitionOptions:null,onItemChange:null,children:void 0},getProps:function(e){return l.ObjectUtils.getMergedProps(e,P.defaultProps)},getOtherProps:function(e){return l.ObjectUtils.getDiffProps(e,P.defaultProps)}},C=v.memo(v.forwardRef((function(e,t){var n=function(){e.slideShowActive&&e.stopSlideShow&&e.stopSlideShow()},a=function(t){n(),e.onActiveItemChange({index:e.circular&&0===e.activeItemIndex?e.value.length-1:0!==e.activeItemIndex?e.activeItemIndex-1:0}),t&&t.cancelable&&t.preventDefault()},u=function(t){n(),e.onActiveItemChange({index:e.circular&&e.value.length-1===e.activeItemIndex?0:e.activeItemIndex+1}),t&&t.cancelable&&t.preventDefault()},s=function(t){n(),e.onActiveItemChange({index:t})},m=function(t){e.changeItemOnIndicatorHover&&(n(),e.onActiveItemChange({index:t}))},p=function(t,r){13===t.which&&(n(),e.onActiveItemChange({index:r}))};r.useMountEffect((function(){e.autoPlay&&e.startSlideShow()}));var d=function(t){var n="p-galleria-indicator-"+t,r=l.classNames("p-galleria-indicator",{"p-highlight":e.activeItemIndex===t}),a=e.indicator&&e.indicator(t);return a||(a=v.createElement("button",{type:"button",tabIndex:-1,className:"p-link"},v.createElement(i.Ripple,null))),v.createElement("li",{className:r,key:n,tabIndex:0,onClick:function(){return s(t)},onMouseEnter:function(){return m(t)},onKeyDown:function(e){return p(e,t)}},a)},f=e.itemTemplate&&e.itemTemplate(e.value[e.activeItemIndex]),h=function(){if(e.showItemNavigators){var t=!e.circular&&0===e.activeItemIndex,n=l.classNames("p-galleria-item-prev p-galleria-item-nav p-link",{"p-disabled":t}),r="p-galleria-item-prev-icon",c=l.IconUtils.getJSXIcon(e.itemPrevIcon||v.createElement(o.ChevronLeftIcon,{className:r}),{className:r},{props:e});return v.createElement("button",{type:"button",className:n,onClick:a,disabled:t},c,v.createElement(i.Ripple,null))}return null}(),I=function(){if(e.showItemNavigators){var t=!e.circular&&e.activeItemIndex===e.value.length-1,n=l.classNames("p-galleria-item-next p-galleria-item-nav p-link",{"p-disabled":t}),r="p-galleria-item-next-icon",a=l.IconUtils.getJSXIcon(e.itemNextIcon||v.createElement(c.ChevronRightIcon,{className:r}),{className:r},{props:e});return v.createElement("button",{type:"button",className:n,onClick:u,disabled:t},a,v.createElement(i.Ripple,null))}return null}(),b=function(){if(e.caption){var t=e.caption(e.value[e.activeItemIndex]);return v.createElement("div",{className:"p-galleria-caption"},t)}return null}(),g=function(){if(e.showIndicators){for(var t=l.classNames("p-galleria-indicators p-reset",e.indicatorsContentClassName),n=[],r=0;r<e.value.length;r++)n.push(d(r));return v.createElement("ul",{className:t},n)}return null}();return v.createElement("div",{ref:t,className:"p-galleria-item-wrapper"},v.createElement("div",{className:"p-galleria-item-container"},h,v.createElement("div",{className:"p-galleria-item"},f),I,b),g)})));function T(e){if(Array.isArray(e))return N(e)}function j(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function k(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}C.displayName="GalleriaItem";var A=v.memo((function(e){var t=e.active?0:null,n=e.template&&e.template(e.item),r=l.classNames("p-galleria-thumbnail-item",{"p-galleria-thumbnail-item-current":e.current,"p-galleria-thumbnail-item-active":e.active,"p-galleria-thumbnail-item-start":e.start,"p-galleria-thumbnail-item-end":e.end},e.className);return v.createElement("div",{className:r},v.createElement("div",{className:"p-galleria-thumbnail-item-content",tabIndex:t,onClick:function(t){e.onItemClick({originalEvent:t,index:e.index})},onKeyDown:function(t){13===t.which&&e.onItemClick({originalEvent:t,index:e.index})}},n))})),D=v.memo(v.forwardRef((function(e,t){var n=O(v.useState(e.numVisible),2),a=n[0],m=n[1],p=O(v.useState(0),2),d=p[0],h=p[1],I=v.useRef(null),b=v.useRef(null),g=v.useRef(""),y=v.useRef(null),x=v.useRef(null),w=r.usePrevious(a),N=r.usePrevious(e.activeItemIndex),S=O(r.useResizeListener({listener:function(){J()},when:e.responsiveOptions}),1)[0],P=function(t){var n=d+t;t<0&&-1*n+a>e.value.length-1?n=a-e.value.length:t>0&&n>0&&(n=0),e.circular&&(t<0&&e.value.length-1===e.activeItemIndex?n=0:t>0&&0===e.activeItemIndex&&(n=a-e.value.length)),I.current&&(l.DomHandler.removeClass(I.current,"p-items-hidden"),I.current.style.transform=e.isVertical?"translate3d(0, ".concat(n*(100/a),"%, 0)"):"translate3d(".concat(n*(100/a),"%, 0, 0)"),I.current.style.transition="transform 500ms ease 0s"),h(n)},C=function(){e.slideShowActive&&e.stopSlideShow&&e.stopSlideShow()},D=function(){var e=Math.floor(a/2);return a%2?e:e-1},H=function(t){C();var n=0!==e.activeItemIndex?e.activeItemIndex-1:0;a-(n+d)-1>D()&&(-1*d!=0||e.circular)&&P(1),e.onActiveItemChange({index:e.circular&&0===e.activeItemIndex?e.value.length-1:n}),t.cancelable&&t.preventDefault()},R=function(t){C();var n=e.activeItemIndex+1;n+d>D()&&(-1*d<Z()-1||e.circular)&&P(-1),e.onActiveItemChange({index:e.circular&&e.value.length-1===e.activeItemIndex?0:n}),t.cancelable&&t.preventDefault()},V=function(t){C();var n=t.index;if(n!==e.activeItemIndex){var r=n+d,i=0;n<e.activeItemIndex?(i=a-r-1-D())>0&&-1*d!=0&&P(i):(i=D()-r)<0&&-1*d<Z()-1&&P(i),e.onActiveItemChange({index:n})}},U=function(e){I.current&&"transform"===e.propertyName&&(l.DomHandler.addClass(I.current,"p-items-hidden"),I.current.style.transition="")},q=function(e){var t=e.changedTouches[0];b.current={x:t.pageX,y:t.pageY}},M=function(e){e.cancelable&&e.preventDefault()},X=function(t){var n=t.changedTouches[0];G(t,e.isVertical?n.pageY-b.current.y:n.pageX-b.current.x)},G=function(e,t){t<0?R(e):H(e)},Z=function(){return e.value.length>a?e.value.length-a+1:0},_=function(){y.current||(y.current=l.DomHandler.createInlineStyle(f.default.nonce));var t,n="\n            .p-galleria-thumbnail-items[".concat(g.current,"] .p-galleria-thumbnail-item {\n                flex: 1 0 ").concat(100/a,"%\n            }\n        ");if(e.responsiveOptions){x.current=T(t=e.responsiveOptions)||j(t)||E(t)||k(),x.current.sort((function(e,t){return l.ObjectUtils.sort(e.breakpoint,t.breakpoint,-1,f.default.locale,f.default.nullSortOrder)}));for(var r=0;r<x.current.length;r++){var i=x.current[r];n+="\n                    @media screen and (max-width: ".concat(i.breakpoint,") {\n                        .p-galleria-thumbnail-items[").concat(g.current,"] .p-galleria-thumbnail-item {\n                            flex: 1 0 ").concat(100/i.numVisible,"%\n                        }\n                    }\n                ")}}y.current.innerHTML=n},J=function(){if(I.current&&x.current){for(var t=window.innerWidth,n={numVisible:e.numVisible},r=0;r<x.current.length;r++){var i=x.current[r];parseInt(i.breakpoint,10)>=t&&(n=i)}a!==n.numVisible&&m(n.numVisible)}};r.useMountEffect((function(){I.current&&(g.current=l.UniqueComponentId(),I.current.setAttribute(g.current,"")),_(),J(),S()})),r.useUpdateEffect((function(){var t=d;w===a&&N===e.activeItemIndex||((t=e.activeItemIndex<=D()?0:e.value.length-a+D()<e.activeItemIndex?a-e.value.length:e.value.length-a<e.activeItemIndex&&a%2==0?-1*e.activeItemIndex+D()+1:-1*e.activeItemIndex+D())!==d&&h(t),I.current.style.transform=e.isVertical?"translate3d(0, ".concat(t*(100/a),"%, 0)"):"translate3d(".concat(t*(100/a),"%, 0, 0)"),N!==e.activeItemIndex&&(l.DomHandler.removeClass(I.current,"p-items-hidden"),I.current.style.transition="transform 500ms ease 0s"))}));var L,z,Y,K,W=function(){if(e.showThumbnailNavigators){var t=!e.circular&&0===e.activeItemIndex||e.value.length<=a,n=l.classNames("p-galleria-thumbnail-prev p-link",{"p-disabled":t}),r="p-galleria-thumbnail-prev-icon",c=l.IconUtils.getJSXIcon(e.isVertical?e.prevThumbnailIcon||v.createElement(u.ChevronUpIcon,{className:r}):e.prevThumbnailIcon||v.createElement(o.ChevronLeftIcon,{className:r}),{className:r},{props:e});return v.createElement("button",{className:n,onClick:H,disabled:t},c,v.createElement(i.Ripple,null))}return null},$=function(){if(e.showThumbnailNavigators){var t=!e.circular&&e.activeItemIndex===e.value.length-1||e.value.length<=a,n=l.classNames("p-galleria-thumbnail-next p-link",{"p-disabled":t}),r="p-galleria-thumbnail-next-icon",o=l.IconUtils.getJSXIcon(e.isVertical?e.nextThumbnailIcon||v.createElement(s.ChevronDownIcon,{className:r}):e.nextThumbnailIcon||v.createElement(c.ChevronRightIcon,{className:r}),{className:r},{props:e});return v.createElement("button",{className:n,onClick:R,disabled:t},o,v.createElement(i.Ripple,null))}return null},B=(L=e.value.map((function(t,n){var r=-1*d,i=r+a-1;return v.createElement(A,{key:n,index:n,template:e.itemTemplate,item:t,active:r<=n&&i>=n,start:r===n,end:i===n,onItemClick:V,current:e.activeItemIndex===n})})),z=e.isVertical?e.contentHeight:"",Y=W(),K=$(),v.createElement("div",{className:"p-galleria-thumbnail-container"},Y,v.createElement("div",{className:"p-galleria-thumbnail-items-container",style:{height:z}},v.createElement("div",{ref:I,className:"p-galleria-thumbnail-items",onTransitionEnd:U,onTouchStart:q,onTouchMove:M,onTouchEnd:X},L)),K));return v.createElement("div",{className:"p-galleria-thumbnail-wrapper"},B)})));function H(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function R(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?H(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}A.displayName="GalleriaThumbnailItem",D.displayName="GalleriaThumbnails";var V=v.memo(v.forwardRef((function(e,o){var c=P.getProps(e),u=O(v.useState(!1),2),s=u[0],p=u[1],d=O(v.useState(c.numVisible),2),I=d[0],b=d[1],g=O(v.useState(!1),2),y=g[0],x=g[1],w=O(v.useState(c.activeIndex),2),N=w[0],E=w[1],S=v.useRef(null),T=v.useRef(null),j=v.useRef(null),k=c.onItemChange?c.activeIndex:N,A="left"===c.thumbnailsPosition||"right"===c.thumbnailsPosition;r.useInterval((function(){H({index:c.circular&&c.value.length-1===k?0:k+1})}),c.transitionInterval,y);var H=function(e){c.onItemChange?c.onItemChange(e):E(e.index)},V=function(){p(!0)},U=function(){p(!1)},q=function(){l.DomHandler.addClass(document.body,"p-overflow-hidden")},M=function(){l.ZIndexUtils.set("modal",j.current,f.default.autoZIndex,c.baseZIndex||f.default.zIndex.modal),l.DomHandler.addMultipleClasses(j.current,"p-component-overlay p-component-overlay-enter")},X=function(){c.onShow&&c.onShow()},G=function(){l.DomHandler.removeClass(document.body,"p-overflow-hidden"),l.DomHandler.addClass(j.current,"p-component-overlay-leave")},Z=function(){l.ZIndexUtils.clear(j.current),c.onHide&&c.onHide()},_=function(){return y},J=function(){x(!0)},L=function(){x(!1)},z=function(e,t){var n=["top","left","bottom","right"].find((function(e){return e===t}));return n?"".concat(e,"-").concat(n):""};v.useEffect((function(){c.value&&c.value.length<I&&b(c.value.length)}),[c.value,I]),v.useEffect((function(){b(c.numVisible)}),[c.numVisible]),r.useUnmountEffect((function(){y&&L(),l.ZIndexUtils.clear(j.current)})),v.useImperativeHandle(o,(function(){return{props:c,show:V,hide:U,isAutoPlayActive:_,startSlideShow:J,stopSlideShow:L,getElement:function(){return S.current},getPreviewContent:function(){return T.current}}}));return l.ObjectUtils.isNotEmpty(c.value)&&function(){var e,r,o,u,p,d,b,g,x,w=(e=P.getOtherProps(c),r=c.showThumbnails&&z("p-galleria-thumbnails",c.thumbnailsPosition),o=c.showIndicators&&z("p-galleria-indicators",c.indicatorsPosition),u=l.classNames("p-galleria p-component",c.className,{"p-galleria-fullscreen":c.fullScreen,"p-galleria-indicator-onitem":c.showIndicatorsOnItem,"p-galleria-item-nav-onhover":c.showItemNavigatorsOnHover&&!c.fullScreen,"p-input-filled":"filled"===f.default.inputStyle,"p-ripple-disabled":!1===f.default.ripple},r,o),p={className:"p-galleria-close-icon","aria-hidden":!0},d=l.IconUtils.getJSXIcon(c.closeIcon||v.createElement(m.TimesIcon,p),R({},p),{props:c}),b=c.fullScreen&&v.createElement("button",{type:"button",className:"p-galleria-close p-link","aria-label":t.localeOption("close"),onClick:U},d,v.createElement(i.Ripple,null)),g=c.header?v.createElement("div",{className:"p-galleria-header"},c.header):null,x=c.footer?v.createElement("div",{className:"p-galleria-footer"},c.footer):null,v.createElement("div",h({ref:S,id:c.id,className:u,style:c.style},e),b,g,v.createElement("div",{className:"p-galleria-content"},v.createElement(C,{ref:T,value:c.value,activeItemIndex:k,onActiveItemChange:H,itemTemplate:c.item,circular:c.circular,caption:c.caption,showIndicators:c.showIndicators,itemPrevIcon:c.itemPrevIcon,itemNextIcon:c.itemNextIcon,changeItemOnIndicatorHover:c.changeItemOnIndicatorHover,indicator:c.indicator,showItemNavigators:c.showItemNavigators,autoPlay:c.autoPlay,slideShowActive:y,startSlideShow:J,stopSlideShow:L}),c.showThumbnails&&v.createElement(D,{value:c.value,activeItemIndex:k,onActiveItemChange:H,itemTemplate:c.thumbnail,numVisible:I,nextThumbnailIcon:c.nextThumbnailIcon,prevThumbnailIcon:c.prevThumbnailIcon,responsiveOptions:c.responsiveOptions,circular:c.circular,isVertical:A,contentHeight:c.verticalThumbnailViewPortHeight,showThumbnailNavigators:c.showThumbnailNavigators,autoPlay:c.autoPlay,slideShowActive:y,stopSlideShow:L})),x));if(c.fullScreen){var N=l.classNames("p-galleria-mask",{"p-galleria-visible":s});return v.createElement(a.Portal,{element:v.createElement("div",{ref:j,className:N},v.createElement(n.CSSTransition,{nodeRef:S,classNames:"p-galleria",in:s,timeout:{enter:150,exit:150},options:c.transitionOptions,unmountOnExit:!0,onEnter:q,onEntering:M,onEntered:X,onExit:G,onExited:Z},w))})}return w}()})));V.displayName="Galleria",exports.Galleria=V;

package/galleria/galleria.d.ts

@@ -9,6 +9,7 @@
  */
 import * as React from 'react';
 import { CSSTransitionProps } from '../csstransition';
+import { IconType } from '../utils/utils';
 
 /**
  * Custom galleria responsive options
@@ -70,6 +71,10 @@ export interface GalleriaProps extends Omit<React.DetailedHTMLProps<React.HTMLAt
      * @param {number} index - Index of the indicator.
      */
     indicator?(index: number): React.ReactNode | undefined;
+    /**
+     * Icon to display in the galleria close button.
+     */
+    closeIcon?: IconType<GalleriaProps> | undefined;
     /**
      * Custom header template.
      */
@@ -132,6 +137,22 @@ export interface GalleriaProps extends Omit<React.DetailedHTMLProps<React.HTMLAt
      * @defaultValue true
      */
     showThumbnails?: boolean | undefined;
+    /**
+     * Icon to show in the next item button.
+     */
+    itemNextIcon: IconType<GalleriaProps> | undefined;
+    /**
+     * Icon to show in the previous item button.
+     */
+    itemPrevIcon: IconType<GalleriaProps> | undefined;
+    /**
+     * Icon to show in the next thumbnail button.
+     */
+    nextThumbnailIcon: IconType<GalleriaProps> | undefined;
+    /**
+     * Icon to show in the previous thumbnail button.
+     */
+    prevThumbnailIcon: IconType<GalleriaProps> | undefined;
     /**
      * Position of thumbnails. Valid values are "bottom", "top", "left" and "right".
      * @defaultValue bottom

package/galleria/galleria.esm.js

@@ -4,7 +4,12 @@ import { CSSTransition } from 'primereact/csstransition';
 import { useMountEffect, usePrevious, useResizeListener, useUpdateEffect, useInterval, useUnmountEffect } from 'primereact/hooks';
 import { Portal } from 'primereact/portal';
 import { Ripple } from 'primereact/ripple';
-import { ObjectUtils, classNames, UniqueComponentId, DomHandler, ZIndexUtils } from 'primereact/utils';
+import { ObjectUtils, classNames, IconUtils, UniqueComponentId, DomHandler, ZIndexUtils } from 'primereact/utils';
+import { ChevronLeftIcon } from 'primereact/icons/chevronleft';
+import { ChevronRightIcon } from 'primereact/icons/chevronright';
+import { ChevronUpIcon } from 'primereact/icons/chevronup';
+import { ChevronDownIcon } from 'primereact/icons/chevrondown';
+import { TimesIcon } from 'primereact/icons/times';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -21,6 +26,47 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -88,6 +134,7 @@ var GalleriaBase = {
     indicator: null,
     caption: null,
     className: null,
+    closeIcon: null,
     style: null,
     header: null,
     footer: null,
@@ -101,6 +148,10 @@ var GalleriaBase = {
     autoPlay: false,
     transitionInterval: 4000,
     showThumbnails: true,
+    itemNextIcon: null,
+    itemPrevIcon: null,
+    nextThumbnailIcon: null,
+    prevThumbnailIcon: null,
     thumbnailsPosition: 'bottom',
     verticalThumbnailViewPortHeight: '300px',
     showIndicators: false,
@@ -184,14 +235,21 @@ var GalleriaItem = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
       var buttonClassName = classNames('p-galleria-item-prev p-galleria-item-nav p-link', {
         'p-disabled': isDisabled
       });
+      var iconClassName = 'p-galleria-item-prev-icon';
+      var icon = props.itemPrevIcon || /*#__PURE__*/React.createElement(ChevronLeftIcon, {
+        className: iconClassName
+      });
+      var itemPrevIcon = IconUtils.getJSXIcon(icon, {
+        className: iconClassName
+      }, {
+        props: props
+      });
       return /*#__PURE__*/React.createElement("button", {
         type: "button",
         className: buttonClassName,
         onClick: navBackward,
         disabled: isDisabled
-      }, /*#__PURE__*/React.createElement("span", {
-        className: "p-galleria-item-prev-icon pi pi-chevron-left"
-      }), /*#__PURE__*/React.createElement(Ripple, null));
+      }, itemPrevIcon, /*#__PURE__*/React.createElement(Ripple, null));
     }
     return null;
   };
@@ -201,14 +259,21 @@ var GalleriaItem = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
       var buttonClassName = classNames('p-galleria-item-next p-galleria-item-nav p-link', {
         'p-disabled': isDisabled
       });
+      var iconClassName = 'p-galleria-item-next-icon';
+      var icon = props.itemNextIcon || /*#__PURE__*/React.createElement(ChevronRightIcon, {
+        className: iconClassName
+      });
+      var itemNextIcon = IconUtils.getJSXIcon(icon, {
+        className: iconClassName
+      }, {
+        props: props
+      });
       return /*#__PURE__*/React.createElement("button", {
         type: "button",
         className: buttonClassName,
         onClick: navForward,
         disabled: isDisabled
-      }, /*#__PURE__*/React.createElement("span", {
-        className: "p-galleria-item-next-icon pi pi-chevron-right"
-      }), /*#__PURE__*/React.createElement(Ripple, null));
+      }, itemNextIcon, /*#__PURE__*/React.createElement(Ripple, null));
     }
     return null;
   };
@@ -560,19 +625,24 @@ var GalleriaThumbnails = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
     if (props.showThumbnailNavigators) {
       var isDisabled = !props.circular && props.activeItemIndex === 0 || props.value.length <= numVisibleState;
       var buttonClassName = classNames('p-galleria-thumbnail-prev p-link', {
-          'p-disabled': isDisabled
-        }),
-        iconClassName = classNames('p-galleria-thumbnail-prev-icon pi', {
-          'pi-chevron-left': !props.isVertical,
-          'pi-chevron-up': props.isVertical
-        });
+        'p-disabled': isDisabled
+      });
+      var iconClassName = 'p-galleria-thumbnail-prev-icon';
+      var icon = props.isVertical ? props.prevThumbnailIcon || /*#__PURE__*/React.createElement(ChevronUpIcon, {
+        className: iconClassName
+      }) : props.prevThumbnailIcon || /*#__PURE__*/React.createElement(ChevronLeftIcon, {
+        className: iconClassName
+      });
+      var prevThumbnailIcon = IconUtils.getJSXIcon(icon, {
+        className: iconClassName
+      }, {
+        props: props
+      });
       return /*#__PURE__*/React.createElement("button", {
         className: buttonClassName,
         onClick: navBackward,
         disabled: isDisabled
-      }, /*#__PURE__*/React.createElement("span", {
-        className: iconClassName
-      }), /*#__PURE__*/React.createElement(Ripple, null));
+      }, prevThumbnailIcon, /*#__PURE__*/React.createElement(Ripple, null));
     }
     return null;
   };
@@ -582,17 +652,22 @@ var GalleriaThumbnails = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
       var buttonClassName = classNames('p-galleria-thumbnail-next p-link', {
         'p-disabled': isDisabled
       });
-      var iconClassName = classNames('p-galleria-thumbnail-next-icon pi', {
-        'pi-chevron-right': !props.isVertical,
-        'pi-chevron-down': props.isVertical
+      var iconClassName = 'p-galleria-thumbnail-next-icon';
+      var icon = props.isVertical ? props.nextThumbnailIcon || /*#__PURE__*/React.createElement(ChevronDownIcon, {
+        className: iconClassName
+      }) : props.nextThumbnailIcon || /*#__PURE__*/React.createElement(ChevronRightIcon, {
+        className: iconClassName
+      });
+      var nextThumbnailIcon = IconUtils.getJSXIcon(icon, {
+        className: iconClassName
+      }, {
+        props: props
       });
       return /*#__PURE__*/React.createElement("button", {
         className: buttonClassName,
         onClick: navForward,
         disabled: isDisabled
-      }, /*#__PURE__*/React.createElement("span", {
-        className: iconClassName
-      }), /*#__PURE__*/React.createElement(Ripple, null));
+      }, nextThumbnailIcon, /*#__PURE__*/React.createElement(Ripple, null));
     }
     return null;
   };
@@ -625,6 +700,8 @@ var GalleriaThumbnails = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
 GalleriaThumbnailItem.displayName = 'GalleriaThumbnailItem';
 GalleriaThumbnails.displayName = 'GalleriaThumbnails';
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Galleria = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var props = GalleriaBase.getProps(inProps);
   var _React$useState = React.useState(false),
@@ -757,15 +834,20 @@ var Galleria = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       'p-input-filled': PrimeReact.inputStyle === 'filled',
       'p-ripple-disabled': PrimeReact.ripple === false
     }, thumbnailsPosClassName, indicatorPosClassName);
-    var closeIcon = props.fullScreen && /*#__PURE__*/React.createElement("button", {
+    var iconProps = {
+      className: 'p-galleria-close-icon',
+      'aria-hidden': true
+    };
+    var icon = props.closeIcon || /*#__PURE__*/React.createElement(TimesIcon, iconProps);
+    var closeIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
+      props: props
+    });
+    var closeButton = props.fullScreen && /*#__PURE__*/React.createElement("button", {
       type: "button",
       className: "p-galleria-close p-link",
       "aria-label": localeOption('close'),
       onClick: hide
-    }, /*#__PURE__*/React.createElement("span", {
-      className: "p-galleria-close-icon pi pi-times",
-      "aria-hidden": "true"
-    }), /*#__PURE__*/React.createElement(Ripple, null));
+    }, closeIcon, /*#__PURE__*/React.createElement(Ripple, null));
     var header = createHeader();
     var footer = createFooter();
     var element = /*#__PURE__*/React.createElement("div", _extends({
@@ -773,7 +855,7 @@ var Galleria = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       id: props.id,
       className: galleriaClassName,
       style: props.style
-    }, otherProps), closeIcon, header, /*#__PURE__*/React.createElement("div", {
+    }, otherProps), closeButton, header, /*#__PURE__*/React.createElement("div", {
       className: "p-galleria-content"
     }, /*#__PURE__*/React.createElement(GalleriaItem, {
       ref: previewContentRef,
@@ -784,6 +866,8 @@ var Galleria = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       circular: props.circular,
       caption: props.caption,
       showIndicators: props.showIndicators,
+      itemPrevIcon: props.itemPrevIcon,
+      itemNextIcon: props.itemNextIcon,
       changeItemOnIndicatorHover: props.changeItemOnIndicatorHover,
       indicator: props.indicator,
       showItemNavigators: props.showItemNavigators,
@@ -797,6 +881,8 @@ var Galleria = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       onActiveItemChange: onActiveItemChange,
       itemTemplate: props.thumbnail,
       numVisible: numVisibleState,
+      nextThumbnailIcon: props.nextThumbnailIcon,
+      prevThumbnailIcon: props.prevThumbnailIcon,
       responsiveOptions: props.responsiveOptions,
       circular: props.circular,
       isVertical: isVertical,