primereact 8.7.2 → 8.7.3

package/galleria/galleria.js

@@ -29,14 +29,12 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
     _extends = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
-
         for (var key in source) {
           if (Object.prototype.hasOwnProperty.call(source, key)) {
             target[key] = source[key];
           }
         }
       }
-
       return target;
     };
     return _extends.apply(this, arguments);
@@ -47,42 +45,40 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
   }
 
   function _iterableToArrayLimit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-
-    var _s, _e;
-
-    try {
-      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-        _arr.push(_s.value);
-
-        if (i && _arr.length === i) break;
-      }
-    } catch (err) {
-      _d = true;
-      _e = err;
-    } finally {
+    var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+    if (null != _i) {
+      var _s,
+        _e,
+        _x,
+        _r,
+        _arr = [],
+        _n = !0,
+        _d = !1;
       try {
-        if (!_n && _i["return"] != null) _i["return"]();
+        if (_x = (_i = _i.call(arr)).next, 0 === i) {
+          if (Object(_i) !== _i) return;
+          _n = !1;
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+          ;
+        }
+      } catch (err) {
+        _d = !0, _e = err;
       } finally {
-        if (_d) throw _e;
+        try {
+          if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+        } finally {
+          if (_d) throw _e;
+        }
       }
+      return _arr;
     }
-
-    return _arr;
   }
 
   function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
-
     for (var i = 0, arr2 = new Array(len); i < len; i++) {
       arr2[i] = arr[i];
     }
-
     return arr2;
   }
 
@@ -110,45 +106,37 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
         index: props.circular && props.value.length - 1 === props.activeItemIndex ? 0 : nextItemIndex
       });
     };
-
     var prev = function prev() {
       var prevItemIndex = props.activeItemIndex !== 0 ? props.activeItemIndex - 1 : 0;
       props.onActiveItemChange({
         index: props.circular && props.activeItemIndex === 0 ? props.value.length - 1 : prevItemIndex
       });
     };
-
     var stopSlideShow = function stopSlideShow() {
       if (props.slideShowActive && props.stopSlideShow) {
         props.stopSlideShow();
       }
     };
-
     var navBackward = function navBackward(e) {
       stopSlideShow();
       prev();
-
       if (e && e.cancelable) {
         e.preventDefault();
       }
     };
-
     var navForward = function navForward(e) {
       stopSlideShow();
       next();
-
       if (e && e.cancelable) {
         e.preventDefault();
       }
     };
-
     var onIndicatorClick = function onIndicatorClick(index) {
       stopSlideShow();
       props.onActiveItemChange({
         index: index
       });
     };
-
     var onIndicatorMouseEnter = function onIndicatorMouseEnter(index) {
       if (props.changeItemOnIndicatorHover) {
         stopSlideShow();
@@ -157,7 +145,6 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
         });
       }
     };
-
     var onIndicatorKeyDown = function onIndicatorKeyDown(event, index) {
       if (event.which === 13) {
         stopSlideShow();
@@ -166,13 +153,11 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
         });
       }
     };
-
     hooks.useMountEffect(function () {
       if (props.autoPlay) {
         props.startSlideShow();
       }
     });
-
     var createBackwardNavigator = function createBackwardNavigator() {
       if (props.showItemNavigators) {
         var isDisabled = !props.circular && props.activeItemIndex === 0;
@@ -188,10 +173,8 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
           className: "p-galleria-item-prev-icon pi pi-chevron-left"
         }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
       }
-
       return null;
     };
-
     var createForwardNavigator = function createForwardNavigator() {
       if (props.showItemNavigators) {
         var isDisabled = !props.circular && props.activeItemIndex === props.value.length - 1;
@@ -207,22 +190,17 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
           className: "p-galleria-item-next-icon pi pi-chevron-right"
         }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
       }
-
       return null;
     };
-
     var createCaption = function createCaption() {
       if (props.caption) {
         var _content = props.caption(props.value[props.activeItemIndex]);
-
         return /*#__PURE__*/React__namespace.createElement("div", {
           className: "p-galleria-caption"
         }, _content);
       }
-
       return null;
     };
-
     var createIndicator = function createIndicator(index) {
       var key = 'p-galleria-indicator-' + index;
       var isActive = props.activeItemIndex === index;
@@ -230,7 +208,6 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
         'p-highlight': isActive
       });
       var indicator = props.indicator && props.indicator(index);
-
       if (!indicator) {
         indicator = /*#__PURE__*/React__namespace.createElement("button", {
           type: "button",
@@ -238,7 +215,6 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
           className: "p-link"
         }, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
       }
-
       return /*#__PURE__*/React__namespace.createElement("li", {
         className: className,
         key: key,
@@ -254,24 +230,19 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
         }
       }, indicator);
     };
-
     var createIndicators = function createIndicators() {
       if (props.showIndicators) {
         var className = utils.classNames('p-galleria-indicators p-reset', props.indicatorsContentClassName);
         var _indicators = [];
-
         for (var i = 0; i < props.value.length; i++) {
           _indicators.push(createIndicator(i));
         }
-
         return /*#__PURE__*/React__namespace.createElement("ul", {
           className: className
         }, _indicators);
       }
-
       return null;
     };
-
     var content = props.itemTemplate && props.itemTemplate(props.value[props.activeItemIndex]);
     var backwardNavigator = createBackwardNavigator();
     var forwardNavigator = createForwardNavigator();
@@ -311,7 +282,6 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
         index: props.index
       });
     };
-
     var onItemKeyDown = function onItemKeyDown(event) {
       if (event.which === 13) {
         props.onItemClick({
@@ -320,7 +290,6 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
         });
       }
     };
-
     var tabIndex = props.active ? 0 : null;
     var content = props.template && props.template(props.item);
     var className = utils.classNames('p-galleria-thumbnail-item', {
@@ -340,15 +309,13 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
   });
   var GalleriaThumbnails = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState(props.numVisible),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        numVisibleState = _React$useState2[0],
-        setNumVisibleState = _React$useState2[1];
-
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      numVisibleState = _React$useState2[0],
+      setNumVisibleState = _React$useState2[1];
     var _React$useState3 = React__namespace.useState(0),
-        _React$useState4 = _slicedToArray(_React$useState3, 2),
-        totalShiftedItemsState = _React$useState4[0],
-        setTotalShiftedItemsState = _React$useState4[1];
-
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      totalShiftedItemsState = _React$useState4[0],
+      setTotalShiftedItemsState = _React$useState4[1];
     var itemsContainerRef = React__namespace.useRef(null);
     var startPos = React__namespace.useRef(null);
     var attributeSelector = React__namespace.useRef('');
@@ -356,25 +323,21 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
     var responsiveOptions = React__namespace.useRef(null);
     var prevNumVisible = hooks.usePrevious(numVisibleState);
     var prevActiveItemIndex = hooks.usePrevious(props.activeItemIndex);
-
     var _useResizeListener = hooks.useResizeListener({
-      listener: function listener() {
-        calculatePosition();
-      },
-      when: props.responsiveOptions
-    }),
-        _useResizeListener2 = _slicedToArray(_useResizeListener, 1),
-        bindWindowResizeListener = _useResizeListener2[0];
-
+        listener: function listener() {
+          calculatePosition();
+        },
+        when: props.responsiveOptions
+      }),
+      _useResizeListener2 = _slicedToArray(_useResizeListener, 1),
+      bindWindowResizeListener = _useResizeListener2[0];
     var step = function step(dir) {
       var totalShiftedItems = totalShiftedItemsState + dir;
-
       if (dir < 0 && -1 * totalShiftedItems + numVisibleState > props.value.length - 1) {
         totalShiftedItems = numVisibleState - props.value.length;
       } else if (dir > 0 && totalShiftedItems > 0) {
         totalShiftedItems = 0;
       }
-
       if (props.circular) {
         if (dir < 0 && props.value.length - 1 === props.activeItemIndex) {
           totalShiftedItems = 0;
@@ -382,97 +345,77 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
           totalShiftedItems = numVisibleState - props.value.length;
         }
       }
-
       if (itemsContainerRef.current) {
         utils.DomHandler.removeClass(itemsContainerRef.current, 'p-items-hidden');
         itemsContainerRef.current.style.transform = props.isVertical ? "translate3d(0, ".concat(totalShiftedItems * (100 / numVisibleState), "%, 0)") : "translate3d(".concat(totalShiftedItems * (100 / numVisibleState), "%, 0, 0)");
         itemsContainerRef.current.style.transition = 'transform 500ms ease 0s';
       }
-
       setTotalShiftedItemsState(totalShiftedItems);
     };
-
     var stopSlideShow = function stopSlideShow() {
       if (props.slideShowActive && props.stopSlideShow) {
         props.stopSlideShow();
       }
     };
-
     var getMedianItemIndex = function getMedianItemIndex() {
       var index = Math.floor(numVisibleState / 2);
       return numVisibleState % 2 ? index : index - 1;
     };
-
     var navBackward = function navBackward(e) {
       stopSlideShow();
       var prevItemIndex = props.activeItemIndex !== 0 ? props.activeItemIndex - 1 : 0;
       var diff = prevItemIndex + totalShiftedItemsState;
-
       if (numVisibleState - diff - 1 > getMedianItemIndex() && (-1 * totalShiftedItemsState !== 0 || props.circular)) {
         step(1);
       }
-
       props.onActiveItemChange({
         index: props.circular && props.activeItemIndex === 0 ? props.value.length - 1 : prevItemIndex
       });
-
       if (e.cancelable) {
         e.preventDefault();
       }
     };
-
     var navForward = function navForward(e) {
       stopSlideShow();
       var nextItemIndex = props.activeItemIndex + 1;
-
       if (nextItemIndex + totalShiftedItemsState > getMedianItemIndex() && (-1 * totalShiftedItemsState < getTotalPageNumber() - 1 || props.circular)) {
         step(-1);
       }
-
       props.onActiveItemChange({
         index: props.circular && props.value.length - 1 === props.activeItemIndex ? 0 : nextItemIndex
       });
-
       if (e.cancelable) {
         e.preventDefault();
       }
     };
-
     var onItemClick = function onItemClick(event) {
       stopSlideShow();
       var selectedItemIndex = event.index;
-
       if (selectedItemIndex !== props.activeItemIndex) {
         var diff = selectedItemIndex + totalShiftedItemsState;
         var dir = 0;
-
         if (selectedItemIndex < props.activeItemIndex) {
           dir = numVisibleState - diff - 1 - getMedianItemIndex();
-
           if (dir > 0 && -1 * totalShiftedItemsState !== 0) {
             step(dir);
           }
         } else {
           dir = getMedianItemIndex() - diff;
-
           if (dir < 0 && -1 * totalShiftedItemsState < getTotalPageNumber() - 1) {
             step(dir);
           }
         }
-
         props.onActiveItemChange({
           index: selectedItemIndex
         });
       }
     };
-
     var onTransitionEnd = function onTransitionEnd(e) {
       if (itemsContainerRef.current && e.propertyName === 'transform') {
         utils.DomHandler.addClass(itemsContainerRef.current, 'p-items-hidden');
         itemsContainerRef.current.style.transition = '';
       }
     };
-
     var onTouchStart = function onTouchStart(e) {
       var touchobj = e.changedTouches[0];
       startPos.current = {
@@ -480,23 +423,19 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
         y: touchobj.pageY
       };
     };
-
     var onTouchMove = function onTouchMove(e) {
       if (e.cancelable) {
         e.preventDefault();
       }
     };
-
     var onTouchEnd = function onTouchEnd(e) {
       var touchobj = e.changedTouches[0];
-
       if (props.isVertical) {
         changePageOnTouch(e, touchobj.pageY - startPos.current.y);
       } else {
         changePageOnTouch(e, touchobj.pageX - startPos.current.x);
       }
     };
-
     var changePageOnTouch = function changePageOnTouch(e, diff) {
       if (diff < 0) {
         // left
@@ -506,18 +445,14 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
         navBackward(e);
       }
     };
-
     var getTotalPageNumber = function getTotalPageNumber() {
       return props.value.length > numVisibleState ? props.value.length - numVisibleState + 1 : 0;
     };
-
     var createStyle = function createStyle() {
       if (!thumbnailsStyle.current) {
         thumbnailsStyle.current = utils.DomHandler.createInlineStyle(PrimeReact__default["default"].nonce);
       }
-
       var innerHTML = "\n            .p-galleria-thumbnail-items[".concat(attributeSelector.current, "] .p-galleria-thumbnail-item {\n                flex: 1 0 ").concat(100 / numVisibleState, "%\n            }\n        ");
-
       if (props.responsiveOptions) {
         responsiveOptions.current = _toConsumableArray(props.responsiveOptions);
         responsiveOptions.current.sort(function (data1, data2) {
@@ -525,50 +460,41 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
           var value2 = data2.breakpoint;
           return utils.ObjectUtils.sort(value1, value2, -1, PrimeReact__default["default"].locale, PrimeReact__default["default"].nullSortOrder);
         });
-
         for (var i = 0; i < responsiveOptions.current.length; i++) {
           var res = responsiveOptions.current[i];
           innerHTML += "\n                    @media screen and (max-width: ".concat(res.breakpoint, ") {\n                        .p-galleria-thumbnail-items[").concat(attributeSelector.current, "] .p-galleria-thumbnail-item {\n                            flex: 1 0 ").concat(100 / res.numVisible, "%\n                        }\n                    }\n                ");
         }
       }
-
       thumbnailsStyle.current.innerHTML = innerHTML;
     };
-
     var calculatePosition = function calculatePosition() {
       if (itemsContainerRef.current && responsiveOptions.current) {
         var windowWidth = window.innerWidth;
         var matchedResponsiveData = {
           numVisible: props.numVisible
         };
-
         for (var i = 0; i < responsiveOptions.current.length; i++) {
           var res = responsiveOptions.current[i];
-
           if (parseInt(res.breakpoint, 10) >= windowWidth) {
             matchedResponsiveData = res;
           }
         }
-
         if (numVisibleState !== matchedResponsiveData.numVisible) {
           setNumVisibleState(matchedResponsiveData.numVisible);
         }
       }
     };
-
     hooks.useMountEffect(function () {
       if (itemsContainerRef.current) {
         attributeSelector.current = utils.UniqueComponentId();
         itemsContainerRef.current.setAttribute(attributeSelector.current, '');
       }
-
       createStyle();
       calculatePosition();
       bindWindowResizeListener();
     });
     hooks.useUpdateEffect(function () {
       var totalShiftedItems = totalShiftedItemsState;
-
       if (prevNumVisible !== numVisibleState || prevActiveItemIndex !== props.activeItemIndex) {
         if (props.activeItemIndex <= getMedianItemIndex()) {
           totalShiftedItems = 0;
@@ -579,20 +505,16 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
         } else {
           totalShiftedItems = props.activeItemIndex * -1 + getMedianItemIndex();
         }
-
         if (totalShiftedItems !== totalShiftedItemsState) {
           setTotalShiftedItemsState(totalShiftedItems);
         }
-
         itemsContainerRef.current.style.transform = props.isVertical ? "translate3d(0, ".concat(totalShiftedItems * (100 / numVisibleState), "%, 0)") : "translate3d(".concat(totalShiftedItems * (100 / numVisibleState), "%, 0, 0)");
-
         if (prevActiveItemIndex !== props.activeItemIndex) {
           utils.DomHandler.removeClass(itemsContainerRef.current, 'p-items-hidden');
           itemsContainerRef.current.style.transition = 'transform 500ms ease 0s';
         }
       }
     });
-
     var createItems = function createItems() {
       return props.value.map(function (item, index) {
         var firstIndex = totalShiftedItemsState * -1;
@@ -614,17 +536,16 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
         });
       });
     };
-
     var createBackwardNavigator = function createBackwardNavigator() {
       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
+          }),
+          iconClassName = utils.classNames('p-galleria-thumbnail-prev-icon pi', {
+            'pi-chevron-left': !props.isVertical,
+            'pi-chevron-up': props.isVertical
+          });
         return /*#__PURE__*/React__namespace.createElement("button", {
           className: buttonClassName,
           onClick: navBackward,
@@ -633,10 +554,8 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
           className: iconClassName
         }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
       }
-
       return null;
     };
-
     var createForwardNavigator = function createForwardNavigator() {
       if (props.showThumbnailNavigators) {
         var isDisabled = !props.circular && props.activeItemIndex === props.value.length - 1 || props.value.length <= numVisibleState;
@@ -655,10 +574,8 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
           className: iconClassName
         }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
       }
-
       return null;
     };
-
     var createContent = function createContent() {
       var items = createItems();
       var height = props.isVertical ? props.contentHeight : '';
@@ -680,7 +597,6 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
         onTouchEnd: onTouchEnd
       }, items)), forwardNavigator);
     };
-
     var content = createContent();
     return /*#__PURE__*/React__namespace.createElement("div", {
       className: "p-galleria-thumbnail-wrapper"
@@ -691,25 +607,21 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
 
   var Galleria = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState(false),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        visibleState = _React$useState2[0],
-        setVisibleState = _React$useState2[1];
-
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      visibleState = _React$useState2[0],
+      setVisibleState = _React$useState2[1];
     var _React$useState3 = React__namespace.useState(props.numVisible),
-        _React$useState4 = _slicedToArray(_React$useState3, 2),
-        numVisibleState = _React$useState4[0],
-        setNumVisibleState = _React$useState4[1];
-
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      numVisibleState = _React$useState4[0],
+      setNumVisibleState = _React$useState4[1];
     var _React$useState5 = React__namespace.useState(false),
-        _React$useState6 = _slicedToArray(_React$useState5, 2),
-        slideShowActiveState = _React$useState6[0],
-        setSlideShowActiveState = _React$useState6[1];
-
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      slideShowActiveState = _React$useState6[0],
+      setSlideShowActiveState = _React$useState6[1];
     var _React$useState7 = React__namespace.useState(props.activeIndex),
-        _React$useState8 = _slicedToArray(_React$useState7, 2),
-        activeIndexState = _React$useState8[0],
-        setActiveIndexState = _React$useState8[1];
-
+      _React$useState8 = _slicedToArray(_React$useState7, 2),
+      activeIndexState = _React$useState8[0],
+      setActiveIndexState = _React$useState8[1];
     var elementRef = React__namespace.useRef(null);
     var previewContentRef = React__namespace.useRef(null);
     var maskRef = React__namespace.useRef(null);
@@ -720,7 +632,6 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
         index: props.circular && props.value.length - 1 === activeItemIndex ? 0 : activeItemIndex + 1
       });
     }, props.transitionInterval, slideShowActiveState);
-
     var onActiveItemChange = function onActiveItemChange(event) {
       if (props.onItemChange) {
         props.onItemChange(event);
@@ -728,50 +639,39 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
         setActiveIndexState(event.index);
       }
     };
-
     var show = function show() {
       setVisibleState(true);
     };
-
     var hide = function hide() {
       setVisibleState(false);
     };
-
     var onEnter = function onEnter() {
       utils.DomHandler.addClass(document.body, 'p-overflow-hidden');
     };
-
     var onEntering = function onEntering() {
       utils.ZIndexUtils.set('modal', maskRef.current, PrimeReact__default["default"].autoZIndex, props.baseZIndex || PrimeReact__default["default"].zIndex['modal']);
       utils.DomHandler.addMultipleClasses(maskRef.current, 'p-component-overlay p-component-overlay-enter');
     };
-
     var onEntered = function onEntered() {
       props.onShow && props.onShow();
     };
-
     var onExit = function onExit() {
       utils.DomHandler.removeClass(document.body, 'p-overflow-hidden');
       utils.DomHandler.addClass(maskRef.current, 'p-component-overlay-leave');
     };
-
     var onExited = function onExited() {
       utils.ZIndexUtils.clear(maskRef.current);
       props.onHide && props.onHide();
     };
-
     var isAutoPlayActive = function isAutoPlayActive() {
       return slideShowActiveState;
     };
-
     var startSlideShow = function startSlideShow() {
       setSlideShowActiveState(true);
     };
-
     var stopSlideShow = function stopSlideShow() {
       setSlideShowActiveState(false);
     };
-
     var getPositionClassName = function getPositionClassName(preClassName, position) {
       var positions = ['top', 'left', 'bottom', 'right'];
       var pos = positions.find(function (item) {
@@ -779,7 +679,6 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
       });
       return pos ? "".concat(preClassName, "-").concat(pos) : '';
     };
-
     React__namespace.useEffect(function () {
       if (props.value && props.value.length < numVisibleState) {
         setNumVisibleState(props.value.length);
@@ -792,7 +691,6 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
       if (slideShowActiveState) {
         stopSlideShow();
       }
-
       utils.ZIndexUtils.clear(maskRef.current);
     });
     React__namespace.useImperativeHandle(ref, function () {
@@ -811,27 +709,22 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
         }
       };
     });
-
     var createHeader = function createHeader() {
       if (props.header) {
         return /*#__PURE__*/React__namespace.createElement("div", {
           className: "p-galleria-header"
         }, props.header);
       }
-
       return null;
     };
-
     var createFooter = function createFooter() {
       if (props.footer) {
         return /*#__PURE__*/React__namespace.createElement("div", {
           className: "p-galleria-footer"
         }, props.footer);
       }
-
       return null;
     };
-
     var createElement = function createElement() {
       var otherProps = utils.ObjectUtils.findDiffKeys(props, Galleria.defaultProps);
       var thumbnailsPosClassName = props.showThumbnails && getPositionClassName('p-galleria-thumbnails', props.thumbnailsPosition);
@@ -892,10 +785,8 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
       })), footer);
       return element;
     };
-
     var createGalleria = function createGalleria() {
       var element = createElement();
-
       if (props.fullScreen) {
         var maskClassName = utils.classNames('p-galleria-mask', {
           'p-galleria-visible': visibleState
@@ -923,10 +814,8 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
           element: galleriaWrapper
         });
       }
-
       return element;
     };
-
     return utils.ObjectUtils.isNotEmpty(props.value) && createGalleria();
   }));
   Galleria.displayName = 'Galleria';