primereact 9.4.0 → 9.6.0

package/galleria/galleria.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.galleria = (function (exports, React, PrimeReact, csstransition, hooks, portal, ripple, utils, chevronleft, chevronright, chevronup, chevrondown, times) {
+this.primereact.galleria = (function (exports, React, PrimeReact, csstransition, hooks, times, portal, ripple, utils, componentbase, chevronleft, chevronright, chevrondown, chevronup) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -25,21 +25,6 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
   var React__namespace = /*#__PURE__*/_interopNamespace(React);
   var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
-  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);
-  }
-
   function _typeof(obj) {
     "@babel/helpers - typeof";
 
@@ -136,7 +121,7 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var GalleriaBase = {
+  var GalleriaBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'Galleria',
       id: null,
@@ -175,15 +160,11 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
       transitionOptions: null,
       onItemChange: null,
       children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, GalleriaBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, GalleriaBase.defaultProps);
     }
-  };
+  });
 
+  function ownKeys$2(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$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var GalleriaItem = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var next = function next() {
       var nextItemIndex = props.activeItemIndex + 1;
@@ -250,20 +231,20 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
           'p-disabled': isDisabled
         });
         var iconClassName = 'p-galleria-item-prev-icon';
-        var icon = props.itemPrevIcon || /*#__PURE__*/React__namespace.createElement(chevronleft.ChevronLeftIcon, {
+        var previousItemIconProps = utils.mergeProps({
           className: iconClassName
-        });
-        var itemPrevIcon = utils.IconUtils.getJSXIcon(icon, {
-          className: iconClassName
-        }, {
+        }, props.ptm('previousItemIcon'));
+        var icon = props.itemPrevIcon || /*#__PURE__*/React__namespace.createElement(chevronleft.ChevronLeftIcon, previousItemIconProps);
+        var itemPrevIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$2({}, previousItemIconProps), {
           props: props
         });
-        return /*#__PURE__*/React__namespace.createElement("button", {
-          type: "button",
+        var previousItemButtonProps = utils.mergeProps({
+          type: 'button',
           className: buttonClassName,
           onClick: navBackward,
           disabled: isDisabled
-        }, itemPrevIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+        }, props.ptm('previousItemButton'));
+        return /*#__PURE__*/React__namespace.createElement("button", previousItemButtonProps, itemPrevIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
       }
       return null;
     };
@@ -274,29 +255,30 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
           'p-disabled': isDisabled
         });
         var iconClassName = 'p-galleria-item-next-icon';
-        var icon = props.itemNextIcon || /*#__PURE__*/React__namespace.createElement(chevronright.ChevronRightIcon, {
+        var nextItemIconProps = utils.mergeProps({
           className: iconClassName
-        });
-        var itemNextIcon = utils.IconUtils.getJSXIcon(icon, {
-          className: iconClassName
-        }, {
+        }, props.ptm('nextItemIcon'));
+        var icon = props.itemNextIcon || /*#__PURE__*/React__namespace.createElement(chevronright.ChevronRightIcon, nextItemIconProps);
+        var itemNextIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$2({}, nextItemIconProps), {
           props: props
         });
-        return /*#__PURE__*/React__namespace.createElement("button", {
-          type: "button",
+        var nextItemButtonProps = utils.mergeProps({
+          type: 'button',
           className: buttonClassName,
           onClick: navForward,
           disabled: isDisabled
-        }, itemNextIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+        }, props.ptm('nextItemButton'));
+        return /*#__PURE__*/React__namespace.createElement("button", nextItemButtonProps, itemNextIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
       }
       return null;
     };
     var createCaption = function createCaption() {
+      var captionProps = utils.mergeProps({
+        className: 'p-galleria-caption'
+      }, props.ptm('caption'));
       if (props.caption) {
         var _content = props.caption(props.value[props.activeItemIndex]);
-        return /*#__PURE__*/React__namespace.createElement("div", {
-          className: "p-galleria-caption"
-        }, _content);
+        return /*#__PURE__*/React__namespace.createElement("div", captionProps, _content);
       }
       return null;
     };
@@ -307,14 +289,7 @@ 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",
-          tabIndex: -1,
-          className: "p-link"
-        }, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
-      }
-      return /*#__PURE__*/React__namespace.createElement("li", {
+      var indicatorProps = utils.mergeProps({
         className: className,
         key: key,
         tabIndex: 0,
@@ -327,18 +302,27 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
         onKeyDown: function onKeyDown(e) {
           return onIndicatorKeyDown(e, index);
         }
-      }, indicator);
+      }, props.ptm('indicator'));
+      if (!indicator) {
+        indicator = /*#__PURE__*/React__namespace.createElement("button", {
+          type: "button",
+          tabIndex: -1,
+          className: "p-link"
+        }, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+      }
+      return /*#__PURE__*/React__namespace.createElement("li", indicatorProps, indicator);
     };
     var createIndicators = function createIndicators() {
       if (props.showIndicators) {
         var className = utils.classNames('p-galleria-indicators p-reset', props.indicatorsContentClassName);
         var _indicators = [];
+        var indicatorsProps = utils.mergeProps({
+          className: className
+        }, props.ptm('indicators'));
         for (var i = 0; i < props.value.length; i++) {
           _indicators.push(createIndicator(i));
         }
-        return /*#__PURE__*/React__namespace.createElement("ul", {
-          className: className
-        }, _indicators);
+        return /*#__PURE__*/React__namespace.createElement("ul", indicatorsProps, _indicators);
       }
       return null;
     };
@@ -347,14 +331,17 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
     var forwardNavigator = createForwardNavigator();
     var caption = createCaption();
     var indicators = createIndicators();
-    return /*#__PURE__*/React__namespace.createElement("div", {
+    var itemWrapperProps = utils.mergeProps({
       ref: ref,
-      className: "p-galleria-item-wrapper"
-    }, /*#__PURE__*/React__namespace.createElement("div", {
-      className: "p-galleria-item-container"
-    }, backwardNavigator, /*#__PURE__*/React__namespace.createElement("div", {
-      className: "p-galleria-item"
-    }, content), forwardNavigator, caption), indicators);
+      className: 'p-galleria-item-wrapper'
+    }, props.ptm('itemWrapper'));
+    var itemContainerProps = utils.mergeProps({
+      className: 'p-galleria-item-container'
+    }, props.ptm('itemContainer'));
+    var itemProps = utils.mergeProps({
+      className: 'p-galleria-item'
+    }, props.ptm('item'));
+    return /*#__PURE__*/React__namespace.createElement("div", itemWrapperProps, /*#__PURE__*/React__namespace.createElement("div", itemContainerProps, backwardNavigator, /*#__PURE__*/React__namespace.createElement("div", itemProps, content), forwardNavigator, caption), indicators);
   }));
   GalleriaItem.displayName = 'GalleriaItem';
 
@@ -374,6 +361,8 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
     return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
   }
 
+  function ownKeys$1(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$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var GalleriaThumbnailItem = /*#__PURE__*/React__namespace.memo(function (props) {
     var onItemClick = function onItemClick(event) {
       props.onItemClick({
@@ -397,14 +386,16 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
       'p-galleria-thumbnail-item-start': props.start,
       'p-galleria-thumbnail-item-end': props.end
     }, props.className);
-    return /*#__PURE__*/React__namespace.createElement("div", {
+    var thumbnailItemProps = utils.mergeProps({
       className: className
-    }, /*#__PURE__*/React__namespace.createElement("div", {
-      className: "p-galleria-thumbnail-item-content",
+    }, props.ptm('thumbnailItem'));
+    var thumbnailItemContentProps = utils.mergeProps({
+      className: 'p-galleria-thumbnail-item-content',
       tabIndex: tabIndex,
       onClick: onItemClick,
       onKeyDown: onItemKeyDown
-    }, content));
+    }, props.ptm('thumbnailItemContent'));
+    return /*#__PURE__*/React__namespace.createElement("div", thumbnailItemProps, /*#__PURE__*/React__namespace.createElement("div", thumbnailItemContentProps, content));
   });
   var GalleriaThumbnails = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState(props.numVisible),
@@ -422,6 +413,7 @@ 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 context = React__namespace.useContext(PrimeReact.PrimeReactContext);
     var _useResizeListener = hooks.useResizeListener({
         listener: function listener() {
           calculatePosition();
@@ -549,7 +541,7 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
     };
     var createStyle = function createStyle() {
       if (!thumbnailsStyle.current) {
-        thumbnailsStyle.current = utils.DomHandler.createInlineStyle(PrimeReact__default["default"].nonce);
+        thumbnailsStyle.current = utils.DomHandler.createInlineStyle(context && context.nonce || 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) {
@@ -557,7 +549,7 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
         responsiveOptions.current.sort(function (data1, data2) {
           var value1 = data1.breakpoint;
           var value2 = data2.breakpoint;
-          return utils.ObjectUtils.sort(value1, value2, -1, PrimeReact__default["default"].locale, PrimeReact__default["default"].nullSortOrder);
+          return utils.ObjectUtils.sort(value1, value2, -1, context && context.locale || PrimeReact__default["default"].locale, context && context.nullSortOrder || PrimeReact__default["default"].nullSortOrder);
         });
         for (var i = 0; i < responsiveOptions.current.length; i++) {
           var res = responsiveOptions.current[i];
@@ -631,7 +623,8 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
           start: start,
           end: end,
           onItemClick: onItemClick,
-          current: current
+          current: current,
+          ptm: props.ptm
         });
       });
     };
@@ -642,21 +635,19 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
           '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, {
+        var previousThumbnailIconProps = utils.mergeProps({
           className: iconClassName
-        });
-        var prevThumbnailIcon = utils.IconUtils.getJSXIcon(icon, {
-          className: iconClassName
-        }, {
+        }, props.ptm('previousThumbnailIcon'));
+        var icon = props.isVertical ? props.prevThumbnailIcon || /*#__PURE__*/React__namespace.createElement(chevronup.ChevronUpIcon, previousThumbnailIconProps) : props.prevThumbnailIcon || /*#__PURE__*/React__namespace.createElement(chevronleft.ChevronLeftIcon, previousThumbnailIconProps);
+        var prevThumbnailIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$1({}, previousThumbnailIconProps), {
           props: props
         });
-        return /*#__PURE__*/React__namespace.createElement("button", {
+        var previousThumbnailButtonProps = utils.mergeProps({
           className: buttonClassName,
           onClick: navBackward,
           disabled: isDisabled
-        }, prevThumbnailIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+        }, props.ptm('previousThumbnailButton'));
+        return /*#__PURE__*/React__namespace.createElement("button", previousThumbnailButtonProps, prevThumbnailIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
       }
       return null;
     };
@@ -667,21 +658,19 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
           'p-disabled': isDisabled
         });
         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, {
+        var nextThumbnailIconProps = utils.mergeProps({
           className: iconClassName
-        }, {
+        }, props.ptm('nextThumbnailIcon'));
+        var icon = props.isVertical ? props.nextThumbnailIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, nextThumbnailIconProps) : props.nextThumbnailIcon || /*#__PURE__*/React__namespace.createElement(chevronright.ChevronRightIcon, nextThumbnailIconProps);
+        var nextThumbnailIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$1({}, nextThumbnailIconProps), {
           props: props
         });
-        return /*#__PURE__*/React__namespace.createElement("button", {
+        var nextThumbnailButtonProps = utils.mergeProps({
           className: buttonClassName,
           onClick: navForward,
           disabled: isDisabled
-        }, nextThumbnailIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+        }, props.ptm('nextThumbnailButton'));
+        return /*#__PURE__*/React__namespace.createElement("button", nextThumbnailButtonProps, nextThumbnailIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
       }
       return null;
     };
@@ -690,26 +679,30 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
       var height = props.isVertical ? props.contentHeight : '';
       var backwardNavigator = createBackwardNavigator();
       var forwardNavigator = createForwardNavigator();
-      return /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-galleria-thumbnail-container"
-      }, backwardNavigator, /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-galleria-thumbnail-items-container",
+      var thumbnailContainerProps = utils.mergeProps({
+        className: 'p-galleria-thumbnail-container'
+      }, props.ptm('thumbnailContainer'));
+      var thumbnailItemsContainerProps = utils.mergeProps({
+        className: 'p-galleria-thumbnail-items-container',
         style: {
           height: height
         }
-      }, /*#__PURE__*/React__namespace.createElement("div", {
+      }, props.ptm('thumbnailItemsContainer'));
+      var thumbnailItemsProps = utils.mergeProps({
         ref: itemsContainerRef,
-        className: "p-galleria-thumbnail-items",
+        className: 'p-galleria-thumbnail-items',
         onTransitionEnd: onTransitionEnd,
         onTouchStart: onTouchStart,
         onTouchMove: onTouchMove,
         onTouchEnd: onTouchEnd
-      }, items)), forwardNavigator);
+      }, props.ptm('thumbnailItems'));
+      return /*#__PURE__*/React__namespace.createElement("div", thumbnailContainerProps, backwardNavigator, /*#__PURE__*/React__namespace.createElement("div", thumbnailItemsContainerProps, /*#__PURE__*/React__namespace.createElement("div", thumbnailItemsProps, items)), forwardNavigator);
     };
     var content = createContent();
-    return /*#__PURE__*/React__namespace.createElement("div", {
-      className: "p-galleria-thumbnail-wrapper"
-    }, content);
+    var thumbnailWrapperProps = utils.mergeProps({
+      className: 'p-galleria-thumbnail-wrapper'
+    }, props.ptm('thumbnailWrapper'));
+    return /*#__PURE__*/React__namespace.createElement("div", thumbnailWrapperProps, content);
   }));
   GalleriaThumbnailItem.displayName = 'GalleriaThumbnailItem';
   GalleriaThumbnails.displayName = 'GalleriaThumbnails';
@@ -717,7 +710,8 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
   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 context = React__namespace.useContext(PrimeReact.PrimeReactContext);
+    var props = GalleriaBase.getProps(inProps, context);
     var _React$useState = React__namespace.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       visibleState = _React$useState2[0],
@@ -739,6 +733,16 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
     var maskRef = React__namespace.useRef(null);
     var activeItemIndex = props.onItemChange ? props.activeIndex : activeIndexState;
     var isVertical = props.thumbnailsPosition === 'left' || props.thumbnailsPosition === 'right';
+    var _GalleriaBase$setMeta = GalleriaBase.setMetaData({
+        props: props,
+        state: {
+          visible: visibleState,
+          numVisible: numVisibleState,
+          slideShowActive: slideShowActiveState,
+          activeIndex: activeIndexState
+        }
+      }),
+      ptm = _GalleriaBase$setMeta.ptm;
     hooks.useInterval(function () {
       onActiveItemChange({
         index: props.circular && props.value.length - 1 === activeItemIndex ? 0 : activeItemIndex + 1
@@ -766,7 +770,7 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
       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.ZIndexUtils.set('modal', maskRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, props.baseZIndex || context && context.zIndex['modal'] || PrimeReact__default["default"].zIndex['modal']);
       utils.DomHandler.addMultipleClasses(maskRef.current, 'p-component-overlay p-component-overlay-enter');
     };
     var onEntered = function onEntered() {
@@ -827,56 +831,63 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
       };
     });
     var createHeader = function createHeader() {
+      var headerProps = utils.mergeProps({
+        className: 'p-galleria-header'
+      }, ptm('header'));
       if (props.header) {
-        return /*#__PURE__*/React__namespace.createElement("div", {
-          className: "p-galleria-header"
-        }, props.header);
+        return /*#__PURE__*/React__namespace.createElement("div", headerProps, props.header);
       }
       return null;
     };
     var createFooter = function createFooter() {
+      var footerProps = utils.mergeProps({
+        className: 'p-galleria-footer'
+      }, ptm('footer'));
       if (props.footer) {
-        return /*#__PURE__*/React__namespace.createElement("div", {
-          className: "p-galleria-footer"
-        }, props.footer);
+        return /*#__PURE__*/React__namespace.createElement("div", footerProps, props.footer);
       }
       return null;
     };
     var createElement = function createElement() {
-      var otherProps = GalleriaBase.getOtherProps(props);
       var thumbnailsPosClassName = props.showThumbnails && getPositionClassName('p-galleria-thumbnails', props.thumbnailsPosition);
       var indicatorPosClassName = props.showIndicators && getPositionClassName('p-galleria-indicators', props.indicatorsPosition);
       var galleriaClassName = utils.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-input-filled': PrimeReact__default["default"].inputStyle === 'filled',
-        'p-ripple-disabled': PrimeReact__default["default"].ripple === false
+        'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact__default["default"].inputStyle === 'filled',
+        'p-ripple-disabled': context && context.ripple === false || PrimeReact__default["default"].ripple === false
       }, thumbnailsPosClassName, indicatorPosClassName);
       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), {
+      var closeIconProps = utils.mergeProps({
+        className: iconProps
+      }, ptm('closeIcon'));
+      var icon = props.closeIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, closeIconProps);
+      var closeIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, closeIconProps), {
         props: props
       });
-      var closeButton = props.fullScreen && /*#__PURE__*/React__namespace.createElement("button", {
-        type: "button",
-        className: "p-galleria-close p-link",
-        "aria-label": PrimeReact.localeOption('close'),
+      var closeButtonProps = utils.mergeProps({
+        type: 'button',
+        className: 'p-galleria-close p-link',
+        'aria-label': PrimeReact.localeOption('close'),
         onClick: hide
-      }, closeIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+      }, ptm('closeButton'));
+      var closeButton = props.fullScreen && /*#__PURE__*/React__namespace.createElement("button", closeButtonProps, closeIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
       var header = createHeader();
       var footer = createFooter();
-      var element = /*#__PURE__*/React__namespace.createElement("div", _extends({
+      var rootProps = utils.mergeProps({
         ref: elementRef,
         id: props.id,
         className: galleriaClassName,
         style: props.style
-      }, otherProps), closeButton, header, /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-galleria-content"
-      }, /*#__PURE__*/React__namespace.createElement(GalleriaItem, {
+      }, GalleriaBase.getOtherProps(props), ptm('root'));
+      var contentProps = utils.mergeProps({
+        className: 'p-galleria-content'
+      }, ptm('content'));
+      var element = /*#__PURE__*/React__namespace.createElement("div", rootProps, closeButton, header, /*#__PURE__*/React__namespace.createElement("div", contentProps, /*#__PURE__*/React__namespace.createElement(GalleriaItem, {
         ref: previewContentRef,
         value: props.value,
         activeItemIndex: activeItemIndex,
@@ -893,7 +904,8 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
         autoPlay: props.autoPlay,
         slideShowActive: slideShowActiveState,
         startSlideShow: startSlideShow,
-        stopSlideShow: stopSlideShow
+        stopSlideShow: stopSlideShow,
+        ptm: ptm
       }), props.showThumbnails && /*#__PURE__*/React__namespace.createElement(GalleriaThumbnails, {
         value: props.value,
         activeItemIndex: activeItemIndex,
@@ -909,7 +921,8 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
         showThumbnailNavigators: props.showThumbnailNavigators,
         autoPlay: props.autoPlay,
         slideShowActive: slideShowActiveState,
-        stopSlideShow: stopSlideShow
+        stopSlideShow: stopSlideShow,
+        ptm: ptm
       })), footer);
       return element;
     };
@@ -919,10 +932,11 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
         var maskClassName = utils.classNames('p-galleria-mask', {
           'p-galleria-visible': visibleState
         });
-        var galleriaWrapper = /*#__PURE__*/React__namespace.createElement("div", {
+        var maskProps = utils.mergeProps({
           ref: maskRef,
           className: maskClassName
-        }, /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
+        }, ptm('mask'));
+        var galleriaWrapper = /*#__PURE__*/React__namespace.createElement("div", maskProps, /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
           nodeRef: elementRef,
           classNames: "p-galleria",
           "in": visibleState,
@@ -954,4 +968,4 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
 
   return exports;
 
-})({}, React, primereact.api, primereact.csstransition, primereact.hooks, primereact.portal, primereact.ripple, primereact.utils, primereact.icons.chevronleft, primereact.icons.chevronright, primereact.icons.chevronup, primereact.icons.chevrondown, primereact.icons.times);
+})({}, React, primereact.api, primereact.csstransition, primereact.hooks, primereact.icons.times, primereact.portal, primereact.ripple, primereact.utils, primereact.componentbase, primereact.icons.chevronleft, primereact.icons.chevronright, primereact.icons.chevrondown, primereact.icons.chevronup);

package/galleria/galleria.min.js

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