primereact 8.7.2 → 9.0.0-beta.1

package/galleria/galleria.esm.js

@@ -10,14 +10,12 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
@@ -28,42 +26,40 @@ function _arrayWithHoles(arr) {
 }
 
 function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
     try {
-      if (!_n && _i["return"] != null) _i["return"]();
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+        ;
+      }
+    } catch (err) {
+      _d = !0, _e = err;
     } finally {
-      if (_d) throw _e;
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
     }
+    return _arr;
   }
-
-  return _arr;
 }
 
 function _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;
 }
 
@@ -91,45 +87,37 @@ var GalleriaItem = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
       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();
@@ -138,7 +126,6 @@ var GalleriaItem = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
       });
     }
   };
-
   var onIndicatorKeyDown = function onIndicatorKeyDown(event, index) {
     if (event.which === 13) {
       stopSlideShow();
@@ -147,13 +134,11 @@ var GalleriaItem = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
       });
     }
   };
-
   useMountEffect(function () {
     if (props.autoPlay) {
       props.startSlideShow();
     }
   });
-
   var createBackwardNavigator = function createBackwardNavigator() {
     if (props.showItemNavigators) {
       var isDisabled = !props.circular && props.activeItemIndex === 0;
@@ -169,10 +154,8 @@ var GalleriaItem = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
         className: "p-galleria-item-prev-icon pi pi-chevron-left"
       }), /*#__PURE__*/React.createElement(Ripple, null));
     }
-
     return null;
   };
-
   var createForwardNavigator = function createForwardNavigator() {
     if (props.showItemNavigators) {
       var isDisabled = !props.circular && props.activeItemIndex === props.value.length - 1;
@@ -188,22 +171,17 @@ var GalleriaItem = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
         className: "p-galleria-item-next-icon pi pi-chevron-right"
       }), /*#__PURE__*/React.createElement(Ripple, null));
     }
-
     return null;
   };
-
   var createCaption = function createCaption() {
     if (props.caption) {
       var _content = props.caption(props.value[props.activeItemIndex]);
-
       return /*#__PURE__*/React.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;
@@ -211,7 +189,6 @@ var GalleriaItem = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
       'p-highlight': isActive
     });
     var indicator = props.indicator && props.indicator(index);
-
     if (!indicator) {
       indicator = /*#__PURE__*/React.createElement("button", {
         type: "button",
@@ -219,7 +196,6 @@ var GalleriaItem = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
         className: "p-link"
       }, /*#__PURE__*/React.createElement(Ripple, null));
     }
-
     return /*#__PURE__*/React.createElement("li", {
       className: className,
       key: key,
@@ -235,24 +211,19 @@ var GalleriaItem = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
       }
     }, indicator);
   };
-
   var createIndicators = function createIndicators() {
     if (props.showIndicators) {
       var className = 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.createElement("ul", {
         className: className
       }, _indicators);
     }
-
     return null;
   };
-
   var content = props.itemTemplate && props.itemTemplate(props.value[props.activeItemIndex]);
   var backwardNavigator = createBackwardNavigator();
   var forwardNavigator = createForwardNavigator();
@@ -292,7 +263,6 @@ var GalleriaThumbnailItem = /*#__PURE__*/React.memo(function (props) {
       index: props.index
     });
   };
-
   var onItemKeyDown = function onItemKeyDown(event) {
     if (event.which === 13) {
       props.onItemClick({
@@ -301,7 +271,6 @@ var GalleriaThumbnailItem = /*#__PURE__*/React.memo(function (props) {
       });
     }
   };
-
   var tabIndex = props.active ? 0 : null;
   var content = props.template && props.template(props.item);
   var className = classNames('p-galleria-thumbnail-item', {
@@ -321,15 +290,13 @@ var GalleriaThumbnailItem = /*#__PURE__*/React.memo(function (props) {
 });
 var GalleriaThumbnails = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(props.numVisible),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      numVisibleState = _React$useState2[0],
-      setNumVisibleState = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    numVisibleState = _React$useState2[0],
+    setNumVisibleState = _React$useState2[1];
   var _React$useState3 = React.useState(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.useRef(null);
   var startPos = React.useRef(null);
   var attributeSelector = React.useRef('');
@@ -337,25 +304,21 @@ var GalleriaThumbnails = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
   var responsiveOptions = React.useRef(null);
   var prevNumVisible = usePrevious(numVisibleState);
   var prevActiveItemIndex = usePrevious(props.activeItemIndex);
-
   var _useResizeListener = useResizeListener({
-    listener: function listener() {
-      calculatePosition();
-    },
-    when: props.responsiveOptions
-  }),
-      _useResizeListener2 = _slicedToArray(_useResizeListener, 1),
-      bindWindowResizeListener = _useResizeListener2[0];
-
+      listener: function listener() {
+        calculatePosition();
+      },
+      when: props.responsiveOptions
+    }),
+    _useResizeListener2 = _slicedToArray(_useResizeListener, 1),
+    bindWindowResizeListener = _useResizeListener2[0];
   var step = function step(dir) {
     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;
@@ -363,97 +326,77 @@ var GalleriaThumbnails = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
         totalShiftedItems = numVisibleState - props.value.length;
       }
     }
-
     if (itemsContainerRef.current) {
       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') {
       DomHandler.addClass(itemsContainerRef.current, 'p-items-hidden');
       itemsContainerRef.current.style.transition = '';
     }
   };
-
   var onTouchStart = function onTouchStart(e) {
     var touchobj = e.changedTouches[0];
     startPos.current = {
@@ -461,23 +404,19 @@ var GalleriaThumbnails = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
       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
@@ -487,18 +426,14 @@ var GalleriaThumbnails = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
       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 = DomHandler.createInlineStyle(PrimeReact.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) {
@@ -506,50 +441,41 @@ var GalleriaThumbnails = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
         var value2 = data2.breakpoint;
         return ObjectUtils.sort(value1, value2, -1, PrimeReact.locale, PrimeReact.nullSortOrder);
       });
-
       for (var i = 0; i < responsiveOptions.current.length; i++) {
         var res = responsiveOptions.current[i];
         innerHTML += "\n                    @media screen and (max-width: ".concat(res.breakpoint, ") {\n                        .p-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);
       }
     }
   };
-
   useMountEffect(function () {
     if (itemsContainerRef.current) {
       attributeSelector.current = UniqueComponentId();
       itemsContainerRef.current.setAttribute(attributeSelector.current, '');
     }
-
     createStyle();
     calculatePosition();
     bindWindowResizeListener();
   });
   useUpdateEffect(function () {
     var totalShiftedItems = totalShiftedItemsState;
-
     if (prevNumVisible !== numVisibleState || prevActiveItemIndex !== props.activeItemIndex) {
       if (props.activeItemIndex <= getMedianItemIndex()) {
         totalShiftedItems = 0;
@@ -560,20 +486,16 @@ var GalleriaThumbnails = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
       } 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) {
         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;
@@ -595,17 +517,16 @@ var GalleriaThumbnails = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
       });
     });
   };
-
   var createBackwardNavigator = function createBackwardNavigator() {
     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
+        }),
+        iconClassName = classNames('p-galleria-thumbnail-prev-icon pi', {
+          'pi-chevron-left': !props.isVertical,
+          'pi-chevron-up': props.isVertical
+        });
       return /*#__PURE__*/React.createElement("button", {
         className: buttonClassName,
         onClick: navBackward,
@@ -614,10 +535,8 @@ var GalleriaThumbnails = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
         className: iconClassName
       }), /*#__PURE__*/React.createElement(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;
@@ -636,10 +555,8 @@ var GalleriaThumbnails = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
         className: iconClassName
       }), /*#__PURE__*/React.createElement(Ripple, null));
     }
-
     return null;
   };
-
   var createContent = function createContent() {
     var items = createItems();
     var height = props.isVertical ? props.contentHeight : '';
@@ -661,7 +578,6 @@ var GalleriaThumbnails = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
       onTouchEnd: onTouchEnd
     }, items)), forwardNavigator);
   };
-
   var content = createContent();
   return /*#__PURE__*/React.createElement("div", {
     className: "p-galleria-thumbnail-wrapper"
@@ -672,25 +588,21 @@ GalleriaThumbnails.displayName = 'GalleriaThumbnails';
 
 var Galleria = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.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.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.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.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.useRef(null);
   var previewContentRef = React.useRef(null);
   var maskRef = React.useRef(null);
@@ -701,7 +613,6 @@ var Galleria = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       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);
@@ -709,50 +620,39 @@ var Galleria = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       setActiveIndexState(event.index);
     }
   };
-
   var show = function show() {
     setVisibleState(true);
   };
-
   var hide = function hide() {
     setVisibleState(false);
   };
-
   var onEnter = function onEnter() {
     DomHandler.addClass(document.body, 'p-overflow-hidden');
   };
-
   var onEntering = function onEntering() {
     ZIndexUtils.set('modal', maskRef.current, PrimeReact.autoZIndex, props.baseZIndex || PrimeReact.zIndex['modal']);
     DomHandler.addMultipleClasses(maskRef.current, 'p-component-overlay p-component-overlay-enter');
   };
-
   var onEntered = function onEntered() {
     props.onShow && props.onShow();
   };
-
   var onExit = function onExit() {
     DomHandler.removeClass(document.body, 'p-overflow-hidden');
     DomHandler.addClass(maskRef.current, 'p-component-overlay-leave');
   };
-
   var onExited = function onExited() {
     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) {
@@ -760,7 +660,6 @@ var Galleria = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     });
     return pos ? "".concat(preClassName, "-").concat(pos) : '';
   };
-
   React.useEffect(function () {
     if (props.value && props.value.length < numVisibleState) {
       setNumVisibleState(props.value.length);
@@ -773,7 +672,6 @@ var Galleria = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     if (slideShowActiveState) {
       stopSlideShow();
     }
-
     ZIndexUtils.clear(maskRef.current);
   });
   React.useImperativeHandle(ref, function () {
@@ -792,27 +690,22 @@ var Galleria = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       }
     };
   });
-
   var createHeader = function createHeader() {
     if (props.header) {
       return /*#__PURE__*/React.createElement("div", {
         className: "p-galleria-header"
       }, props.header);
     }
-
     return null;
   };
-
   var createFooter = function createFooter() {
     if (props.footer) {
       return /*#__PURE__*/React.createElement("div", {
         className: "p-galleria-footer"
       }, props.footer);
     }
-
     return null;
   };
-
   var createElement = function createElement() {
     var otherProps = ObjectUtils.findDiffKeys(props, Galleria.defaultProps);
     var thumbnailsPosClassName = props.showThumbnails && getPositionClassName('p-galleria-thumbnails', props.thumbnailsPosition);
@@ -820,7 +713,9 @@ var Galleria = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     var galleriaClassName = classNames('p-galleria p-component', props.className, {
       'p-galleria-fullscreen': props.fullScreen,
       'p-galleria-indicator-onitem': props.showIndicatorsOnItem,
-      'p-galleria-item-nav-onhover': props.showItemNavigatorsOnHover && !props.fullScreen
+      'p-galleria-item-nav-onhover': props.showItemNavigatorsOnHover && !props.fullScreen,
+      'p-input-filled': PrimeReact.inputStyle === 'filled',
+      'p-ripple-disabled': PrimeReact.ripple === false
     }, thumbnailsPosClassName, indicatorPosClassName);
     var closeIcon = props.fullScreen && /*#__PURE__*/React.createElement("button", {
       type: "button",
@@ -873,10 +768,8 @@ var Galleria = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     })), footer);
     return element;
   };
-
   var createGalleria = function createGalleria() {
     var element = createElement();
-
     if (props.fullScreen) {
       var maskClassName = classNames('p-galleria-mask', {
         'p-galleria-visible': visibleState
@@ -904,10 +797,8 @@ var Galleria = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         element: galleriaWrapper
       });
     }
-
     return element;
   };
-
   return ObjectUtils.isNotEmpty(props.value) && createGalleria();
 }));
 Galleria.displayName = 'Galleria';