primereact 10.5.1 → 10.5.2

package/galleria/galleria.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.galleria = (function (exports, React, PrimeReact, componentbase, csstransition, hooks, utils, times, portal, ripple, chevronleft, chevronright, chevrondown, chevronup) {
+this.primereact.galleria = (function (exports, React, PrimeReact, componentbase, csstransition, hooks, times, portal, ripple, utils, chevronleft, chevronright, chevrondown, chevronup) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -568,6 +568,7 @@ this.primereact.galleria = (function (exports, React, PrimeReact, componentbase,
   function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var GalleriaThumbnailItem = /*#__PURE__*/React__namespace.memo(function (props) {
+    var mergeProps = hooks.useMergeProps();
     var ptm = props.ptm,
       cx = props.cx;
     var getPTOptions = function getPTOptions(key, options) {
@@ -660,7 +661,7 @@ this.primereact.galleria = (function (exports, React, PrimeReact, componentbase,
       indicators[nextInd].children[0].focus();
     };
     var content = props.template && props.template(props.item);
-    var thumbnailItemProps = utils.mergeProps({
+    var thumbnailItemProps = mergeProps({
       className: utils.classNames(props.className, cx('thumbnailItem', {
         subProps: props
       })),
@@ -675,7 +676,7 @@ this.primereact.galleria = (function (exports, React, PrimeReact, componentbase,
       'data-p-galleria-thumbnail-item-start': props.start,
       'data-p-galleria-thumbnail-item-end': props.end
     }, getPTOptions('thumbnailItem'));
-    var thumbnailItemContentProps = utils.mergeProps({
+    var thumbnailItemContentProps = mergeProps({
       className: cx('thumbnailItemContent'),
       tabIndex: props.current ? '0' : '-1',
       'aria-label': ariaPageLabel(props.index + 1),
@@ -685,6 +686,7 @@ this.primereact.galleria = (function (exports, React, PrimeReact, componentbase,
     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 mergeProps = hooks.useMergeProps();
     var _React$useState = React__namespace.useState(props.numVisible),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       numVisibleState = _React$useState2[0],
@@ -933,14 +935,14 @@ this.primereact.galleria = (function (exports, React, PrimeReact, componentbase,
     var createBackwardNavigator = function createBackwardNavigator() {
       if (props.showThumbnailNavigators) {
         var isDisabled = !props.circular && props.activeItemIndex === 0 || props.value.length <= numVisibleState;
-        var previousThumbnailIconProps = utils.mergeProps({
+        var previousThumbnailIconProps = mergeProps({
           className: cx('previousThumbnailIcon')
         }, getPTOptions('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
         });
-        var previousThumbnailButtonProps = utils.mergeProps({
+        var previousThumbnailButtonProps = mergeProps({
           className: cx('previousThumbnailButton', {
             isDisabled: isDisabled
           }),
@@ -958,14 +960,14 @@ this.primereact.galleria = (function (exports, React, PrimeReact, componentbase,
     var createForwardNavigator = function createForwardNavigator() {
       if (props.showThumbnailNavigators) {
         var isDisabled = !props.circular && props.activeItemIndex === props.value.length - 1 || props.value.length <= numVisibleState;
-        var nextThumbnailIconProps = utils.mergeProps({
+        var nextThumbnailIconProps = mergeProps({
           className: cx('nextThumbnailIcon')
         }, getPTOptions('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
         });
-        var nextThumbnailButtonProps = utils.mergeProps({
+        var nextThumbnailButtonProps = mergeProps({
           className: cx('nextThumbnailButton', {
             isDisabled: isDisabled
           }),
@@ -985,16 +987,16 @@ this.primereact.galleria = (function (exports, React, PrimeReact, componentbase,
       var height = props.isVertical ? props.contentHeight : '';
       var backwardNavigator = createBackwardNavigator();
       var forwardNavigator = createForwardNavigator();
-      var thumbnailContainerProps = utils.mergeProps({
+      var thumbnailContainerProps = mergeProps({
         className: cx('thumbnailContainer')
       }, getPTOptions('thumbnailContainer'));
-      var thumbnailItemsContainerProps = utils.mergeProps({
+      var thumbnailItemsContainerProps = mergeProps({
         className: cx('thumbnailItemsContainer'),
         style: sx('thumbnailItemsContainer', {
           height: height
         })
       }, getPTOptions('thumbnailItemsContainer'));
-      var thumbnailItemsProps = utils.mergeProps({
+      var thumbnailItemsProps = mergeProps({
         ref: itemsContainerRef,
         className: cx('thumbnailItems'),
         role: 'tablist',
@@ -1006,7 +1008,7 @@ this.primereact.galleria = (function (exports, React, PrimeReact, componentbase,
       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();
-    var thumbnailWrapperProps = utils.mergeProps({
+    var thumbnailWrapperProps = mergeProps({
       className: cx('thumbnailWrapper')
     }, getPTOptions('thumbnailWrapper'));
     return /*#__PURE__*/React__namespace.createElement("div", thumbnailWrapperProps, content);
@@ -1017,6 +1019,7 @@ this.primereact.galleria = (function (exports, React, PrimeReact, componentbase,
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var Galleria = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
     var props = GalleriaBase.getProps(inProps, context);
     var _React$useState = React__namespace.useState(false),
@@ -1145,7 +1148,7 @@ this.primereact.galleria = (function (exports, React, PrimeReact, componentbase,
       };
     });
     var createHeader = function createHeader() {
-      var headerProps = utils.mergeProps({
+      var headerProps = mergeProps({
         className: cx('header')
       }, ptm('header'));
       if (props.header) {
@@ -1154,7 +1157,7 @@ this.primereact.galleria = (function (exports, React, PrimeReact, componentbase,
       return null;
     };
     var createFooter = function createFooter() {
-      var footerProps = utils.mergeProps({
+      var footerProps = mergeProps({
         className: cx('footer')
       }, ptm('footer'));
       if (props.footer) {
@@ -1165,7 +1168,7 @@ this.primereact.galleria = (function (exports, React, PrimeReact, componentbase,
     var createElement = function createElement() {
       var thumbnailsPosClassName = props.showThumbnails && getPositionClassName('p-galleria-thumbnails', props.thumbnailsPosition);
       var indicatorPosClassName = props.showIndicators && getPositionClassName('p-galleria-indicators', props.indicatorsPosition);
-      var closeIconProps = utils.mergeProps({
+      var closeIconProps = mergeProps({
         className: cx('closeIcon'),
         'aria-hidden': true
       }, ptm('closeIcon'));
@@ -1173,7 +1176,7 @@ this.primereact.galleria = (function (exports, React, PrimeReact, componentbase,
       var closeIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, closeIconProps), {
         props: props
       });
-      var closeButtonProps = utils.mergeProps({
+      var closeButtonProps = mergeProps({
         type: 'button',
         className: cx('closeButton'),
         'aria-label': PrimeReact.localeOption('aria') ? PrimeReact.localeOption('aria').close : undefined,
@@ -1182,7 +1185,7 @@ this.primereact.galleria = (function (exports, React, PrimeReact, componentbase,
       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 rootProps = utils.mergeProps({
+      var rootProps = mergeProps({
         ref: elementRef,
         id: id,
         className: utils.classNames(props.className, cx('root', {
@@ -1193,7 +1196,7 @@ this.primereact.galleria = (function (exports, React, PrimeReact, componentbase,
         style: props.style,
         role: 'region'
       }, GalleriaBase.getOtherProps(props), ptm('root'));
-      var contentProps = utils.mergeProps({
+      var contentProps = mergeProps({
         className: cx('content'),
         'aria-live': props.autoPlay ? 'polite' : 'off'
       }, ptm('content'));
@@ -1247,14 +1250,14 @@ this.primereact.galleria = (function (exports, React, PrimeReact, componentbase,
     var createGalleria = function createGalleria() {
       var element = createElement();
       if (props.fullScreen) {
-        var maskProps = utils.mergeProps({
+        var maskProps = mergeProps({
           className: cx('mask', {
             visibleState: visibleState
           }),
           role: 'dialog',
           'aria-modal': 'true'
         }, ptm('mask'));
-        var transitionProps = utils.mergeProps({
+        var transitionProps = mergeProps({
           classNames: cx('transition'),
           "in": visibleState,
           timeout: {
@@ -1290,4 +1293,4 @@ this.primereact.galleria = (function (exports, React, PrimeReact, componentbase,
 
   return exports;
 
-})({}, React, primereact.api, primereact.componentbase, primereact.csstransition, primereact.hooks, primereact.utils, primereact.icons.times, primereact.portal, primereact.ripple, primereact.icons.chevronleft, primereact.icons.chevronright, primereact.icons.chevrondown, primereact.icons.chevronup);
+})({}, React, primereact.api, primereact.componentbase, primereact.csstransition, primereact.hooks, primereact.icons.times, primereact.portal, primereact.ripple, primereact.utils, 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,n,t,a,i,r,l,o,c,s,u,m,p,d){"use strict";function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function h(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var g=h(n),b=f(t);function v(){return v=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},v.apply(this,arguments)}function I(e){return I="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},I(e)}function x(e,n){if("object"!==I(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var a=t.call(e,n||"default");if("object"!==I(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function y(e){var n=x(e,"string");return"symbol"===I(n)?n:String(n)}function w(e,n,t){return(n=y(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function O(e){if(Array.isArray(e))return e}function P(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,i,r,l,o=[],c=!0,s=!1;try{if(r=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(a=r.call(t)).done)&&(o.push(a.value),o.length!==n);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(s)throw i}}return o}}function S(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}function N(e,n){if(e){if("string"==typeof e)return S(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?S(e,n):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 C(e,n){return O(e)||P(e,n)||N(e,n)||E()}var D=a.ComponentBase.extend({defaultProps:{__TYPE:"Galleria",activeIndex:0,autoPlay:!1,baseZIndex:0,caption:null,changeItemOnIndicatorHover:!1,children:void 0,circular:!1,className:null,closeIcon:null,footer:null,fullScreen:!1,header:null,id:null,indicator:null,indicatorsPosition:"bottom",item:null,itemNextIcon:null,itemPrevIcon:null,nextThumbnailIcon:null,numVisible:3,onHide:null,onItemChange:null,onShow:null,prevThumbnailIcon:null,responsiveOptions:null,showIndicators:!1,showIndicatorsOnItem:!1,showItemNavigators:!1,showItemNavigatorsOnHover:!1,showThumbnailNavigators:!0,showThumbnails:!0,style:null,thumbnail:null,thumbnailsPosition:"bottom",transitionInterval:4e3,transitionOptions:null,value:null,verticalThumbnailViewPortHeight:"300px"},css:{classes:{header:"p-galleria-header",footer:"p-galleria-footer",closeIcon:"p-galleria-close-icon",closeButton:"p-galleria-close p-link",root:function(e){var n=e.props,t=e.context;return l.classNames("p-galleria p-component",{"p-galleria-fullscreen":n.fullScreen,"p-galleria-indicator-onitem":n.showIndicatorsOnItem,"p-galleria-item-nav-onhover":n.showItemNavigatorsOnHover&&!n.fullScreen,"p-input-filled":t&&"filled"===t.inputStyle||"filled"===b.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===b.default.ripple},e.thumbnailsPosClassName,e.indicatorPosClassName)},content:"p-galleria-content",mask:function(e){return l.classNames("p-galleria-mask",{"p-galleria-visible":e.visibleState})},thumbnailItem:function(e){var n=e.subProps;return l.classNames("p-galleria-thumbnail-item",{"p-galleria-thumbnail-item-current":n.current,"p-galleria-thumbnail-item-active":n.active,"p-galleria-thumbnail-item-start":n.start,"p-galleria-thumbnail-item-end":n.end})},thumbnailItemContent:"p-galleria-thumbnail-item-content",previousThumbnailIcon:"p-galleria-thumbnail-prev-icon",previousThumbnailButton:function(e){return l.classNames("p-galleria-thumbnail-prev p-link",{"p-disabled":e.isDisabled})},nextThumbnailIcon:"p-galleria-thumbnail-next-icon",nextThumbnailButton:function(e){return l.classNames("p-galleria-thumbnail-next p-link",{"p-disabled":e.isDisabled})},thumbnailContainer:"p-galleria-thumbnail-container",thumbnailItemsContainer:"p-galleria-thumbnail-items-container",thumbnailItems:"p-galleria-thumbnail-items",thumbnailWrapper:"p-galleria-thumbnail-wrapper",previousItemIcon:"p-galleria-item-prev-icon",previousItemButton:function(e){return l.classNames("p-galleria-item-prev p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},nextItemIcon:"p-galleria-item-next-icon",nextItemButton:function(e){return l.classNames("p-galleria-item-next p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},caption:"p-galleria-caption",indicator:function(e){return l.classNames("p-galleria-indicator",{"p-highlight":e.isActive})},indicators:"p-galleria-indicators p-reset",itemWrapper:"p-galleria-item-wrapper",itemContainer:"p-galleria-item-container",item:"p-galleria-item",transition:"p-galleria"},styles:"\n@layer primereact {\n    .p-galleria-content {\n        display: flex;\n        flex-direction: column;\n    }\n    \n    .p-galleria-item-wrapper {\n        display: flex;\n        flex-direction: column;\n        position: relative;\n    }\n    \n    .p-galleria-item-container {\n        position: relative;\n        display: flex;\n        height: 100%;\n    }\n    \n    .p-galleria-item-nav {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n    }\n    \n    .p-galleria-item-prev {\n        left: 0;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n    \n    .p-galleria-item-next {\n        right: 0;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n    }\n    \n    .p-galleria-item {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        height: 100%;\n        width: 100%;\n    }\n    \n    .p-galleria-item-nav-onhover .p-galleria-item-nav {\n        pointer-events: none;\n        opacity: 0;\n        transition: opacity .2s ease-in-out;\n    }\n    \n    .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {\n        pointer-events: all;\n        opacity: 1;\n    }\n    \n    .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {\n        pointer-events: none;\n    }\n    \n    .p-galleria-caption {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n    }\n    \n    /* Thumbnails */\n    .p-galleria-thumbnail-wrapper {\n        display: flex;\n        flex-direction: column;\n        overflow: auto;\n        flex-shrink: 0;\n    }\n    \n    .p-galleria-thumbnail-prev,\n    .p-galleria-thumbnail-next {\n        align-self: center;\n        flex: 0 0 auto;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-galleria-thumbnail-prev span,\n    .p-galleria-thumbnail-next span {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n    \n    .p-galleria-thumbnail-container {\n        display: flex;\n        flex-direction: row;\n    }\n    \n    .p-galleria-thumbnail-items-container {\n        overflow: hidden;\n        width: 100%;\n    }\n    \n    .p-galleria-thumbnail-items {\n        display: flex;\n    }\n    \n    .p-galleria-thumbnail-item {\n        overflow: auto;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        opacity: .5;\n    }\n    \n    .p-galleria-thumbnail-item:hover {\n        opacity: 1;\n        transition: opacity .3s;\n    }\n    \n    .p-galleria-thumbnail-item-current {\n        opacity: 1;\n    }\n    \n    /* Positions */\n    /* Thumbnails */\n    .p-galleria-thumbnails-left .p-galleria-content,\n    .p-galleria-thumbnails-right .p-galleria-content {\n        flex-direction: row;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-item-wrapper,\n    .p-galleria-thumbnails-right .p-galleria-item-wrapper {\n        flex-direction: row;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-item-wrapper,\n    .p-galleria-thumbnails-top .p-galleria-item-wrapper {\n        order: 2;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,\n    .p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {\n        order: 1;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-thumbnail-container,\n    .p-galleria-thumbnails-right .p-galleria-thumbnail-container {\n        flex-direction: column;\n        flex-grow: 1;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-thumbnail-items,\n    .p-galleria-thumbnails-right .p-galleria-thumbnail-items {\n        flex-direction: column;\n        height: 100%;\n    }\n    \n    /* Indicators */\n    .p-galleria-indicators {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-galleria-indicator > button {\n        display: inline-flex;\n        align-items: center;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-item-wrapper,\n    .p-galleria-indicators-right .p-galleria-item-wrapper {\n        flex-direction: row;\n        align-items: center;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-item-container,\n    .p-galleria-indicators-top .p-galleria-item-container {\n        order: 2;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-indicators,\n    .p-galleria-indicators-top .p-galleria-indicators {\n        order: 1;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-indicators,\n    .p-galleria-indicators-right .p-galleria-indicators {\n        flex-direction: column;\n    }\n    \n    .p-galleria-indicator-onitem .p-galleria-indicators {\n        position: absolute;\n        display: flex;\n        z-index: 1;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {\n        top: 0;\n        left: 0;\n        width: 100%;\n        align-items: flex-start;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {\n        right: 0;\n        top: 0;\n        height: 100%;\n        align-items: flex-end;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        align-items: flex-end;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {\n        left: 0;\n        top: 0;\n        height: 100%;\n        align-items: flex-start;\n    }\n    \n    /* FullScreen */\n    .p-galleria-mask {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        pointer-events: none;\n    }\n    \n    .p-galleria-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-galleria-close {\n        position: absolute;\n        top: 0;\n        right: 0;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n    }\n    \n    .p-galleria-mask .p-galleria-item-nav {\n        position: fixed;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    /* Animation */\n    .p-galleria-enter {\n        opacity: 0;\n        transform: scale(0.7);\n    }\n    \n    .p-galleria-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-galleria-enter-done {\n        transform: none;\n    }\n    \n    .p-galleria-exit {\n        opacity: 1;\n    }\n    \n    .p-galleria-exit-active {\n        opacity: 0;\n        transform: scale(0.7);\n        transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n    }\n    \n    .p-galleria-enter-active .p-galleria-item-nav {\n        opacity: 0;\n    }\n    \n    /* Keyboard Support */\n    .p-items-hidden .p-galleria-thumbnail-item {\n        visibility: hidden;\n    }\n    \n    .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {\n        visibility: visible;\n    }\n}\n",inlineStyles:{thumbnailItemsContainer:function(e){return{height:e.height}}}}});function j(e){if(Array.isArray(e))return S(e)}function T(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function k(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function A(e){return j(e)||T(e)||N(e)||k()}function H(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function R(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?H(Object(t),!0).forEach((function(n){w(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):H(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var U=g.memo(g.forwardRef((function(e,n){var a=r.useMergeProps(),i=g.useRef(null),o=e.ptm,c=e.cx,p=function(n,t){return o(n,R({hostName:e.hostName},t))},d=function(){e.slideShowActive&&e.stopSlideShow&&e.stopSlideShow()},f=function(n){d(),e.onActiveItemChange({index:e.circular&&0===e.activeItemIndex?e.value.length-1:0!==e.activeItemIndex?e.activeItemIndex-1:0}),n&&n.cancelable&&n.preventDefault()},h=function(n){d(),e.onActiveItemChange({index:e.circular&&e.value.length-1===e.activeItemIndex?0:e.activeItemIndex+1}),n&&n.cancelable&&n.preventDefault()},b=function(n){d(),e.onActiveItemChange({index:n})},I=function(n){e.changeItemOnIndicatorHover&&(d(),e.onActiveItemChange({index:n}))},x=function(n,t){switch(n.code){case"Enter":case"Space":d(),e.onActiveItemChange({index:t}),n.preventDefault();break;case"ArrowRight":y();break;case"ArrowLeft":w();break;case"Home":O(),n.preventDefault();break;case"End":P(),n.preventDefault();break;case"Tab":S();break;case"ArrowDown":case"ArrowUp":case"PageUp":case"PageDown":n.preventDefault()}},y=function(){var e=A(l.DomHandler.find(i.current,'[data-pc-section="indicator"]')),n=N();E(n,n+1===e.length?e.length-1:n+1)},w=function(){var e=N();E(e,e-1<=0?0:e-1)},O=function(){var e=N();E(e,0)},P=function(){var e=A(l.DomHandler.find(i.current,'[data-pc-section="indicator"]')),n=N();E(n,e.length-1)},S=function(){var e=A(l.DomHandler.find(i.current,'[data-pc-section="indicator"]')),n=e.findIndex((function(e){return!0===l.DomHandler.getAttribute(e,"data-p-highlight")})),t=l.DomHandler.findSingle(i.current,'[data-pc-section="indicator"] > button[tabindex="0"]'),a=e.findIndex((function(e){return e===t.parentElement}));e[a].children[0].tabIndex="-1",e[n].children[0].tabIndex="0"},N=function(){var e=A(l.DomHandler.find(i.current,'[data-pc-section="indicator"]')),n=l.DomHandler.findSingle(i.current,'[data-pc-section="indicator"] > button[tabindex="0"]');return e.findIndex((function(e){return e===n.parentElement}))},E=function(e,n){var t=A(l.DomHandler.find(i.current,'[data-pc-section="indicator"]'));t[e].children[0].tabIndex="-1",t[n].children[0].tabIndex="0",t[n].children[0].focus()};r.useMountEffect((function(){e.autoPlay&&e.startSlideShow()}));var C,D=function(n){var i,r="p-galleria-indicator-"+n,l=e.activeItemIndex===n,o=e.indicator&&e.indicator(n),u=a({className:c("indicator",{isActive:l}),key:r,tabIndex:0,"aria-label":(i=n+1,t.localeOption("aria")?t.localeOption("aria").pageLabel.replace(/{page}/g,i):void 0),"aria-selected":e.activeIndex===n,"aria-controls":e.id+"_item_"+n,"data-p-highlight":l,onClick:function(){return b(n)},onMouseEnter:function(){return I(n)},onKeyDown:function(e){return x(e,n)}},p("indicator"));return o||(o=g.createElement("button",{tabIndex:e.activeIndex===n?"0":"-1",type:"button",className:"p-link"},g.createElement(s.Ripple,null))),g.createElement("li",u,o)},j=e.itemTemplate&&e.itemTemplate(e.value[e.activeItemIndex]),T=function(){if(e.showItemNavigators){var n=!e.circular&&0===e.activeItemIndex,t=a({className:c("previousItemIcon")},p("previousItemIcon")),i=l.IconUtils.getJSXIcon(e.itemPrevIcon||g.createElement(u.ChevronLeftIcon,t),R({},t),{props:e}),r=a({type:"button",className:c("previousItemButton",{isDisabled:n}),onClick:f,disabled:n,"data-p-disabled":n,"data-pc-group-section":"itemnavigator"},p("previousItemButton"));return g.createElement("button",r,i,g.createElement(s.Ripple,null))}return null}(),k=function(){if(e.showItemNavigators){var n=!e.circular&&e.activeItemIndex===e.value.length-1,t=a({className:c("nextItemIcon")},p("nextItemIcon")),i=l.IconUtils.getJSXIcon(e.itemNextIcon||g.createElement(m.ChevronRightIcon,t),R({},t),{props:e}),r=a({type:"button",className:c("nextItemButton",{isDisabled:n}),onClick:h,disabled:n,"data-p-disabled":n,"data-pc-group-section":"itemnavigator"},p("nextItemButton"));return g.createElement("button",r,i,g.createElement(s.Ripple,null))}return null}(),H=function(){var n=a({className:c("caption")},p("caption"));if(e.caption){var t=e.caption(e.value[e.activeItemIndex]);return g.createElement("div",n,t)}return null}(),U=function(){if(e.showIndicators){for(var n=[],t=a({className:l.classNames(e.indicatorsContentClassName,c("indicators"))},p("indicators")),r=0;r<e.value.length;r++)n.push(D(r));return g.createElement("ul",v({ref:i},t),n)}return null}(),V=a({ref:n,className:c("itemWrapper")},p("itemWrapper")),B=a({className:c("itemContainer")},p("itemContainer")),M=a({className:c("item"),id:e.id+"_item_"+e.activeItemIndex,role:"group","aria-label":(C=e.activeItemIndex+1,t.localeOption("aria")?t.localeOption("aria").slideNumber.replace(/{slideNumber}/g,C):void 0),"aria-roledescription":t.localeOption("aria")?t.localeOption("aria").slide:void 0},p("item"));return g.createElement("div",V,g.createElement("div",B,T,g.createElement("div",M,j),k,H),U)})));function V(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function B(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?V(Object(t),!0).forEach((function(n){w(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):V(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}U.displayName="GalleriaItem";var M=g.memo((function(e){var n,a=e.ptm,i=e.cx,r=function(n,t){return a(n,B({hostName:e.hostName},t))},o=function(){var n=l.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]'),t=p();d(t,t+1===n.length?n.length-1:t+1)},c=function(){var e=p();d(e,e-1<=0?0:e-1)},s=function(){var e=p();d(e,0)},u=function(){var n=l.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]'),t=p();d(t,n.length-1)},m=function(){var n=A(l.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]')),t=n.findIndex((function(e){return!0===l.DomHandler.getAttribute(e,"data-p-active")})),a=l.DomHandler.findSingle(e.itemsContainerRef.current,'[tabindex="0"]'),i=n.findIndex((function(e){return e===a.parentElement}));n[i].children[0].tabIndex="-1",n[t].children[0].tabIndex="0"},p=function(){var n=A(l.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]')),t=l.DomHandler.findSingle(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"] > [tabindex="0"]');return n.findIndex((function(e){return e===t.parentElement}))},d=function(n,t){var a=l.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]');a[n].children[0].tabIndex="-1",a[t].children[0].tabIndex="0",a[t].children[0].focus()},f=e.template&&e.template(e.item),h=l.mergeProps({className:l.classNames(e.className,i("thumbnailItem",{subProps:e})),key:"p-galleria-thumbnail-item-"+e.index,role:"tab","data-p-active":e.current,"aria-selected":e.current,"aria-controls":e.containerId+"_item_"+e.index,onKeyDown:function(n){switch("Enter"!==n.code&&"Space"!==n.code||(e.onItemClick({originalEvent:n,index:e.index}),n.preventDefault()),n.code){case"ArrowRight":o();break;case"ArrowLeft":c();break;case"Home":s(),n.preventDefault();break;case"End":u(),n.preventDefault();break;case"ArrowUp":case"ArrowDown":n.preventDefault();break;case"Tab":m()}},"data-p-galleria-thumbnail-item-current":e.current,"data-p-galleria-thumbnail-item-active":e.active,"data-p-galleria-thumbnail-item-start":e.start,"data-p-galleria-thumbnail-item-end":e.end},r("thumbnailItem")),b=l.mergeProps({className:i("thumbnailItemContent"),tabIndex:e.current?"0":"-1","aria-label":(n=e.index+1,t.localeOption("aria")?t.localeOption("aria").pageLabel.replace(/{page}/g,n):void 0),"aria-current":e.current?"page":void 0,onClick:function(n){e.onItemClick({originalEvent:n,index:e.index})}},r("thumbnailItemContent"));return g.createElement("div",h,g.createElement("div",b,f))})),_=g.memo(g.forwardRef((function(e,n){var a=C(g.useState(e.numVisible),2),i=a[0],o=a[1],c=C(g.useState(0),2),f=c[0],h=c[1],v=g.useRef(null),I=g.useRef(null),x=g.useRef(""),y=g.useRef(null),w=g.useRef(null),O=r.usePrevious(i),P=r.usePrevious(e.activeItemIndex),S=g.useContext(t.PrimeReactContext),N=e.ptm,E=e.cx,D=e.sx,j=function(n,t){return N(n,B({hostName:e.hostName},t))},T=C(r.useResizeListener({listener:function(){K()},when:e.responsiveOptions}),1)[0],k=function(n){var t=f+n;n<0&&-1*t+i>e.value.length-1?t=i-e.value.length:n>0&&t>0&&(t=0),e.circular&&(n<0&&e.value.length-1===e.activeItemIndex?t=0:n>0&&0===e.activeItemIndex&&(t=i-e.value.length)),v.current&&(l.DomHandler.removeClass(v.current,"p-items-hidden"),v.current.style.transform=e.isVertical?"translate3d(0, ".concat(t*(100/i),"%, 0)"):"translate3d(".concat(t*(100/i),"%, 0, 0)"),v.current.style.transition="transform 500ms ease 0s"),h(t)},H=function(){e.slideShowActive&&e.stopSlideShow&&e.stopSlideShow()},R=function(){var e=Math.floor(i/2);return i%2?e:e-1},U=function(n){H();var t=0!==e.activeItemIndex?e.activeItemIndex-1:0;i-(t+f)-1>R()&&(-1*f!=0||e.circular)&&k(1),e.onActiveItemChange({index:e.circular&&0===e.activeItemIndex?e.value.length-1:t}),n.cancelable&&n.preventDefault()},V=function(n){H();var t=e.activeItemIndex+1;t+f>R()&&(-1*f<Z()-1||e.circular)&&k(-1),e.onActiveItemChange({index:e.circular&&e.value.length-1===e.activeItemIndex?0:t}),n.cancelable&&n.preventDefault()},_=function(n){H();var t=n.index;if(t!==e.activeItemIndex){var a=t+f,r=0;t<e.activeItemIndex?(r=i-a-1-R())>0&&-1*f!=0&&k(r):(r=R()-a)<0&&-1*f<Z()-1&&k(r),e.onActiveItemChange({index:t})}},L=function(n){v.current&&"transform"===n.propertyName&&(document.body.setAttribute("data-p-items-hidden","false"),!e.isUnstyled()&&l.DomHandler.addClass(v.current,"p-items-hidden"),v.current.style.transition="")},G=function(e){var n=e.changedTouches[0];I.current={x:n.pageX,y:n.pageY}},z=function(e){e.cancelable&&e.preventDefault()},W=function(n){var t=n.changedTouches[0];X(n,e.isVertical?t.pageY-I.current.y:t.pageX-I.current.x)},X=function(e,n){n<0?V(e):U(e)},Z=function(){return e.value.length>i?e.value.length-i+1:0},J=function(){y.current||(y.current=l.DomHandler.createInlineStyle(S&&S.nonce||b.default.nonce,S&&S.styleContainer));var n='\n            [data-pc-section="thumbnailitems"]['.concat(x.current,'] {\n                [data-pc-section="thumbnailitem"] {\n                    flex: 1 0 ').concat(100/i,"%\n                }\n            } \n        ");if(e.responsiveOptions){var t=l.ObjectUtils.localeComparator(S&&S.locale||b.default.locale);w.current=A(e.responsiveOptions),w.current.sort((function(e,n){return l.ObjectUtils.sort(e.breakpoint,n.breakpoint,-1,t,S&&S.nullSortOrder||b.default.nullSortOrder)}));for(var a=0;a<w.current.length;a++){var r=w.current[a];n+="\n                    @media screen and (max-width: ".concat(r.breakpoint,') {\n                        [data-pc-section="thumbnailitems"][').concat(x.current,'] {\n                            [data-pc-section="thumbnailitem"] {\n                                flex: 1 0 ').concat(100/r.numVisible,"%\n                            }\n                        } \n                    }\n                ")}}y.current.innerHTML=n},K=function(){if(v.current&&w.current){for(var n=window.innerWidth,t={numVisible:e.numVisible},a=0;a<w.current.length;a++){var r=w.current[a];parseInt(r.breakpoint,10)>=n&&(t=r)}i!==t.numVisible&&o(t.numVisible)}};r.useMountEffect((function(){v.current&&(x.current=l.UniqueComponentId(),v.current.setAttribute(x.current,"")),J(),K(),T()})),r.useUpdateEffect((function(){var n=f;O===i&&P===e.activeItemIndex||((n=e.activeItemIndex<=R()?0:e.value.length-i+R()<e.activeItemIndex?i-e.value.length:e.value.length-i<e.activeItemIndex&&i%2==0?-1*e.activeItemIndex+R()+1:-1*e.activeItemIndex+R())!==f&&h(n),v.current.style.transform=e.isVertical?"translate3d(0, ".concat(n*(100/i),"%, 0)"):"translate3d(".concat(n*(100/i),"%, 0, 0)"),P!==e.activeItemIndex&&(document.body.setAttribute("data-p-items-hidden","false"),!e.isUnstyled()&&l.DomHandler.removeClass(v.current,"p-items-hidden"),v.current.style.transition="transform 500ms ease 0s"))}));var Y,q,F,$,Q,ee,ne,te=function(){if(e.showThumbnailNavigators){var n=!e.circular&&0===e.activeItemIndex||e.value.length<=i,a=l.mergeProps({className:E("previousThumbnailIcon")},j("previousThumbnailIcon")),r=l.IconUtils.getJSXIcon(e.isVertical?e.prevThumbnailIcon||g.createElement(d.ChevronUpIcon,a):e.prevThumbnailIcon||g.createElement(u.ChevronLeftIcon,a),B({},a),{props:e}),o=l.mergeProps({className:E("previousThumbnailButton",{isDisabled:n}),onClick:U,type:"button",disabled:n,"data-p-disabled":n,"aria-label":t.localeOption("aria")?t.localeOption("aria").previousPageLabel:void 0,"data-pc-group-section":"thumbnailnavigator"},j("previousThumbnailButton"));return g.createElement("button",o,r,g.createElement(s.Ripple,null))}return null},ae=function(){if(e.showThumbnailNavigators){var n=!e.circular&&e.activeItemIndex===e.value.length-1||e.value.length<=i,a=l.mergeProps({className:E("nextThumbnailIcon")},j("nextThumbnailIcon")),r=l.IconUtils.getJSXIcon(e.isVertical?e.nextThumbnailIcon||g.createElement(p.ChevronDownIcon,a):e.nextThumbnailIcon||g.createElement(m.ChevronRightIcon,a),B({},a),{props:e}),o=l.mergeProps({className:E("nextThumbnailButton",{isDisabled:n}),disabled:n,type:"button","aria-label":t.localeOption("aria")?t.localeOption("aria").nextPageLabel:void 0,onClick:V,"data-p-disabled":n,"data-pc-group-section":"thumbnailnavigator"},j("nextThumbnailButton"));return g.createElement("button",o,r,g.createElement(s.Ripple,null))}return null},ie=(Y=e.value.map((function(n,t){var a=-1*f,r=a+i-1;return g.createElement(M,{key:t,index:t,containerId:e.containerId,itemsContainerRef:v,template:e.itemTemplate,item:n,active:a<=t&&r>=t,start:a===t,end:r===t,onItemClick:_,current:e.activeItemIndex===t,ptm:N,cx:E,sx:D})})),q=e.isVertical?e.contentHeight:"",F=te(),$=ae(),Q=l.mergeProps({className:E("thumbnailContainer")},j("thumbnailContainer")),ee=l.mergeProps({className:E("thumbnailItemsContainer"),style:D("thumbnailItemsContainer",{height:q})},j("thumbnailItemsContainer")),ne=l.mergeProps({ref:v,className:E("thumbnailItems"),role:"tablist",onTransitionEnd:L,onTouchStart:G,onTouchMove:z,onTouchEnd:W},j("thumbnailItems")),g.createElement("div",Q,F,g.createElement("div",ee,g.createElement("div",ne,Y)),$)),re=l.mergeProps({className:E("thumbnailWrapper")},j("thumbnailWrapper"));return g.createElement("div",re,ie)})));function L(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function G(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?L(Object(t),!0).forEach((function(n){w(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):L(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}M.displayName="GalleriaThumbnailItem",_.displayName="GalleriaThumbnails";var z=g.memo(g.forwardRef((function(e,n){var u=g.useContext(t.PrimeReactContext),m=D.getProps(e,u),p=C(g.useState(!1),2),d=p[0],f=p[1],h=C(g.useState(m.numVisible),2),I=h[0],x=h[1],y=C(g.useState(!1),2),w=y[0],O=y[1],P=C(g.useState(m.activeIndex),2),S=P[0],N=P[1],E=g.useRef(null),j=g.useRef(null),T=g.useRef(null),k=m.onItemChange?m.activeIndex:S,A="left"===m.thumbnailsPosition||"right"===m.thumbnailsPosition,H=m.id||l.UniqueComponentId(),R=D.setMetaData({props:m,state:{visible:d,numVisible:I,slideShowActive:w,activeIndex:S}}),V=R.ptm,B=R.cx,M=R.sx,L=R.isUnstyled;a.useHandleStyle(D.css.styles,L,{name:"galleria"}),r.useInterval((function(){z({index:m.circular&&m.value.length-1===k?0:k+1})}),m.transitionInterval,w);var z=function(e){e.index>=m.value.length?Q():m.onItemChange?m.onItemChange(e):N(e.index)},W=function(){f(!0)},X=function(){f(!1)},Z=function(){l.DomHandler.blockBodyScroll()},J=function(){l.ZIndexUtils.set("modal",T.current,u&&u.autoZIndex||b.default.autoZIndex,m.baseZIndex||u&&u.zIndex.modal||b.default.zIndex.modal),!L()&&l.DomHandler.addMultipleClasses(T.current,"p-component-overlay p-component-overlay-enter")},K=function(){m.onShow&&m.onShow()},Y=function(){l.DomHandler.unblockBodyScroll(),!L()&&l.DomHandler.addClass(T.current,"p-component-overlay-leave")},q=function(){l.ZIndexUtils.clear(T.current),m.onHide&&m.onHide()},F=function(){return w},$=function(){O(!0)},Q=function(){O(!1)},ee=function(e,n){var t=["top","left","bottom","right"].find((function(e){return e===n}));return t?"".concat(e,"-").concat(t):""};g.useEffect((function(){m.value&&m.value.length<I&&x(m.value.length)}),[m.value,I]),g.useEffect((function(){x(m.numVisible)}),[m.numVisible]),r.useUnmountEffect((function(){w&&Q(),l.ZIndexUtils.clear(T.current)})),g.useImperativeHandle(n,(function(){return{props:m,show:W,hide:X,isAutoPlayActive:F,startSlideShow:$,stopSlideShow:Q,getElement:function(){return E.current},getPreviewContent:function(){return j.current}}}));return l.ObjectUtils.isNotEmpty(m.value)&&function(){var e,n,a,r,p,f,h,b,x,y,O,P,S=(a=m.showThumbnails&&ee("p-galleria-thumbnails",m.thumbnailsPosition),r=m.showIndicators&&ee("p-galleria-indicators",m.indicatorsPosition),p=l.mergeProps({className:B("closeIcon"),"aria-hidden":!0},V("closeIcon")),f=l.IconUtils.getJSXIcon(m.closeIcon||g.createElement(o.TimesIcon,p),G({},p),{props:m}),h=l.mergeProps({type:"button",className:B("closeButton"),"aria-label":t.localeOption("aria")?t.localeOption("aria").close:void 0,onClick:X},V("closeButton")),b=m.fullScreen&&g.createElement("button",h,f,g.createElement(s.Ripple,null)),e=l.mergeProps({className:B("header")},V("header")),x=m.header?g.createElement("div",e,m.header):null,n=l.mergeProps({className:B("footer")},V("footer")),y=m.footer?g.createElement("div",n,m.footer):null,O=l.mergeProps({ref:E,id:H,className:l.classNames(m.className,B("root",{context:u,thumbnailsPosClassName:a,indicatorPosClassName:r})),style:m.style,role:"region"},D.getOtherProps(m),V("root")),P=l.mergeProps({className:B("content"),"aria-live":m.autoPlay?"polite":"off"},V("content")),g.createElement("div",O,b,x,g.createElement("div",P,g.createElement(U,{hostName:"Galleria",ref:j,id:H,value:m.value,activeItemIndex:k,onActiveItemChange:z,itemTemplate:m.item,circular:m.circular,caption:m.caption,showIndicators:m.showIndicators,itemPrevIcon:m.itemPrevIcon,itemNextIcon:m.itemNextIcon,changeItemOnIndicatorHover:m.changeItemOnIndicatorHover,indicator:m.indicator,showItemNavigators:m.showItemNavigators,autoPlay:m.autoPlay,slideShowActive:w,startSlideShow:$,stopSlideShow:Q,ptm:V,cx:B}),m.showThumbnails&&g.createElement(_,{hostName:"Galleria",value:m.value,containerId:H,activeItemIndex:k,onActiveItemChange:z,itemTemplate:m.thumbnail,numVisible:I,nextThumbnailIcon:m.nextThumbnailIcon,prevThumbnailIcon:m.prevThumbnailIcon,responsiveOptions:m.responsiveOptions,circular:m.circular,isVertical:A,contentHeight:m.verticalThumbnailViewPortHeight,showThumbnailNavigators:m.showThumbnailNavigators,autoPlay:m.autoPlay,slideShowActive:w,stopSlideShow:Q,isUnstyled:L,ptm:V,cx:B,sx:M})),y));if(m.fullScreen){var N=l.mergeProps({className:B("mask",{visibleState:d}),role:"dialog","aria-modal":"true"},V("mask")),C=l.mergeProps({classNames:B("transition"),in:d,timeout:{enter:150,exit:150},options:m.transitionOptions,unmountOnExit:!0,onEnter:Z,onEntering:J,onEntered:K,onExit:Y,onExited:q},V("transition")),R=g.createElement("div",v({ref:T},N),g.createElement(i.CSSTransition,v({nodeRef:E},C),S));return g.createElement(c.Portal,{element:R})}return S}()})));return z.displayName="Galleria",e.Galleria=z,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.utils,primereact.icons.times,primereact.portal,primereact.ripple,primereact.icons.chevronleft,primereact.icons.chevronright,primereact.icons.chevrondown,primereact.icons.chevronup);
+this.primereact=this.primereact||{},this.primereact.galleria=function(e,n,t,a,i,r,l,o,c,s,u,m,p,d){"use strict";function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function h(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var b=h(n),v=f(t);function g(){return g=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},g.apply(this,arguments)}function I(e){return I="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},I(e)}function x(e,n){if("object"!==I(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var a=t.call(e,n||"default");if("object"!==I(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function y(e){var n=x(e,"string");return"symbol"===I(n)?n:String(n)}function w(e,n,t){return(n=y(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function O(e){if(Array.isArray(e))return e}function S(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,i,r,l,o=[],c=!0,s=!1;try{if(r=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(a=r.call(t)).done)&&(o.push(a.value),o.length!==n);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(s)throw i}}return o}}function N(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}function E(e,n){if(e){if("string"==typeof e)return N(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?N(e,n):void 0}}function P(){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 C(e,n){return O(e)||S(e,n)||E(e,n)||P()}var D=a.ComponentBase.extend({defaultProps:{__TYPE:"Galleria",activeIndex:0,autoPlay:!1,baseZIndex:0,caption:null,changeItemOnIndicatorHover:!1,children:void 0,circular:!1,className:null,closeIcon:null,footer:null,fullScreen:!1,header:null,id:null,indicator:null,indicatorsPosition:"bottom",item:null,itemNextIcon:null,itemPrevIcon:null,nextThumbnailIcon:null,numVisible:3,onHide:null,onItemChange:null,onShow:null,prevThumbnailIcon:null,responsiveOptions:null,showIndicators:!1,showIndicatorsOnItem:!1,showItemNavigators:!1,showItemNavigatorsOnHover:!1,showThumbnailNavigators:!0,showThumbnails:!0,style:null,thumbnail:null,thumbnailsPosition:"bottom",transitionInterval:4e3,transitionOptions:null,value:null,verticalThumbnailViewPortHeight:"300px"},css:{classes:{header:"p-galleria-header",footer:"p-galleria-footer",closeIcon:"p-galleria-close-icon",closeButton:"p-galleria-close p-link",root:function(e){var n=e.props,t=e.context;return s.classNames("p-galleria p-component",{"p-galleria-fullscreen":n.fullScreen,"p-galleria-indicator-onitem":n.showIndicatorsOnItem,"p-galleria-item-nav-onhover":n.showItemNavigatorsOnHover&&!n.fullScreen,"p-input-filled":t&&"filled"===t.inputStyle||"filled"===v.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===v.default.ripple},e.thumbnailsPosClassName,e.indicatorPosClassName)},content:"p-galleria-content",mask:function(e){return s.classNames("p-galleria-mask",{"p-galleria-visible":e.visibleState})},thumbnailItem:function(e){var n=e.subProps;return s.classNames("p-galleria-thumbnail-item",{"p-galleria-thumbnail-item-current":n.current,"p-galleria-thumbnail-item-active":n.active,"p-galleria-thumbnail-item-start":n.start,"p-galleria-thumbnail-item-end":n.end})},thumbnailItemContent:"p-galleria-thumbnail-item-content",previousThumbnailIcon:"p-galleria-thumbnail-prev-icon",previousThumbnailButton:function(e){return s.classNames("p-galleria-thumbnail-prev p-link",{"p-disabled":e.isDisabled})},nextThumbnailIcon:"p-galleria-thumbnail-next-icon",nextThumbnailButton:function(e){return s.classNames("p-galleria-thumbnail-next p-link",{"p-disabled":e.isDisabled})},thumbnailContainer:"p-galleria-thumbnail-container",thumbnailItemsContainer:"p-galleria-thumbnail-items-container",thumbnailItems:"p-galleria-thumbnail-items",thumbnailWrapper:"p-galleria-thumbnail-wrapper",previousItemIcon:"p-galleria-item-prev-icon",previousItemButton:function(e){return s.classNames("p-galleria-item-prev p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},nextItemIcon:"p-galleria-item-next-icon",nextItemButton:function(e){return s.classNames("p-galleria-item-next p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},caption:"p-galleria-caption",indicator:function(e){return s.classNames("p-galleria-indicator",{"p-highlight":e.isActive})},indicators:"p-galleria-indicators p-reset",itemWrapper:"p-galleria-item-wrapper",itemContainer:"p-galleria-item-container",item:"p-galleria-item",transition:"p-galleria"},styles:"\n@layer primereact {\n    .p-galleria-content {\n        display: flex;\n        flex-direction: column;\n    }\n    \n    .p-galleria-item-wrapper {\n        display: flex;\n        flex-direction: column;\n        position: relative;\n    }\n    \n    .p-galleria-item-container {\n        position: relative;\n        display: flex;\n        height: 100%;\n    }\n    \n    .p-galleria-item-nav {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n    }\n    \n    .p-galleria-item-prev {\n        left: 0;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n    \n    .p-galleria-item-next {\n        right: 0;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n    }\n    \n    .p-galleria-item {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        height: 100%;\n        width: 100%;\n    }\n    \n    .p-galleria-item-nav-onhover .p-galleria-item-nav {\n        pointer-events: none;\n        opacity: 0;\n        transition: opacity .2s ease-in-out;\n    }\n    \n    .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {\n        pointer-events: all;\n        opacity: 1;\n    }\n    \n    .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {\n        pointer-events: none;\n    }\n    \n    .p-galleria-caption {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n    }\n    \n    /* Thumbnails */\n    .p-galleria-thumbnail-wrapper {\n        display: flex;\n        flex-direction: column;\n        overflow: auto;\n        flex-shrink: 0;\n    }\n    \n    .p-galleria-thumbnail-prev,\n    .p-galleria-thumbnail-next {\n        align-self: center;\n        flex: 0 0 auto;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-galleria-thumbnail-prev span,\n    .p-galleria-thumbnail-next span {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n    \n    .p-galleria-thumbnail-container {\n        display: flex;\n        flex-direction: row;\n    }\n    \n    .p-galleria-thumbnail-items-container {\n        overflow: hidden;\n        width: 100%;\n    }\n    \n    .p-galleria-thumbnail-items {\n        display: flex;\n    }\n    \n    .p-galleria-thumbnail-item {\n        overflow: auto;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        opacity: .5;\n    }\n    \n    .p-galleria-thumbnail-item:hover {\n        opacity: 1;\n        transition: opacity .3s;\n    }\n    \n    .p-galleria-thumbnail-item-current {\n        opacity: 1;\n    }\n    \n    /* Positions */\n    /* Thumbnails */\n    .p-galleria-thumbnails-left .p-galleria-content,\n    .p-galleria-thumbnails-right .p-galleria-content {\n        flex-direction: row;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-item-wrapper,\n    .p-galleria-thumbnails-right .p-galleria-item-wrapper {\n        flex-direction: row;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-item-wrapper,\n    .p-galleria-thumbnails-top .p-galleria-item-wrapper {\n        order: 2;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,\n    .p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {\n        order: 1;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-thumbnail-container,\n    .p-galleria-thumbnails-right .p-galleria-thumbnail-container {\n        flex-direction: column;\n        flex-grow: 1;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-thumbnail-items,\n    .p-galleria-thumbnails-right .p-galleria-thumbnail-items {\n        flex-direction: column;\n        height: 100%;\n    }\n    \n    /* Indicators */\n    .p-galleria-indicators {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-galleria-indicator > button {\n        display: inline-flex;\n        align-items: center;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-item-wrapper,\n    .p-galleria-indicators-right .p-galleria-item-wrapper {\n        flex-direction: row;\n        align-items: center;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-item-container,\n    .p-galleria-indicators-top .p-galleria-item-container {\n        order: 2;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-indicators,\n    .p-galleria-indicators-top .p-galleria-indicators {\n        order: 1;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-indicators,\n    .p-galleria-indicators-right .p-galleria-indicators {\n        flex-direction: column;\n    }\n    \n    .p-galleria-indicator-onitem .p-galleria-indicators {\n        position: absolute;\n        display: flex;\n        z-index: 1;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {\n        top: 0;\n        left: 0;\n        width: 100%;\n        align-items: flex-start;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {\n        right: 0;\n        top: 0;\n        height: 100%;\n        align-items: flex-end;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        align-items: flex-end;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {\n        left: 0;\n        top: 0;\n        height: 100%;\n        align-items: flex-start;\n    }\n    \n    /* FullScreen */\n    .p-galleria-mask {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        pointer-events: none;\n    }\n    \n    .p-galleria-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-galleria-close {\n        position: absolute;\n        top: 0;\n        right: 0;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n    }\n    \n    .p-galleria-mask .p-galleria-item-nav {\n        position: fixed;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    /* Animation */\n    .p-galleria-enter {\n        opacity: 0;\n        transform: scale(0.7);\n    }\n    \n    .p-galleria-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-galleria-enter-done {\n        transform: none;\n    }\n    \n    .p-galleria-exit {\n        opacity: 1;\n    }\n    \n    .p-galleria-exit-active {\n        opacity: 0;\n        transform: scale(0.7);\n        transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n    }\n    \n    .p-galleria-enter-active .p-galleria-item-nav {\n        opacity: 0;\n    }\n    \n    /* Keyboard Support */\n    .p-items-hidden .p-galleria-thumbnail-item {\n        visibility: hidden;\n    }\n    \n    .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {\n        visibility: visible;\n    }\n}\n",inlineStyles:{thumbnailItemsContainer:function(e){return{height:e.height}}}}});function j(e){if(Array.isArray(e))return N(e)}function T(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function k(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function A(e){return j(e)||T(e)||E(e)||k()}function H(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function R(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?H(Object(t),!0).forEach((function(n){w(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):H(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var U=b.memo(b.forwardRef((function(e,n){var a=r.useMergeProps(),i=b.useRef(null),l=e.ptm,o=e.cx,p=function(n,t){return l(n,R({hostName:e.hostName},t))},d=function(){e.slideShowActive&&e.stopSlideShow&&e.stopSlideShow()},f=function(n){d(),e.onActiveItemChange({index:e.circular&&0===e.activeItemIndex?e.value.length-1:0!==e.activeItemIndex?e.activeItemIndex-1:0}),n&&n.cancelable&&n.preventDefault()},h=function(n){d(),e.onActiveItemChange({index:e.circular&&e.value.length-1===e.activeItemIndex?0:e.activeItemIndex+1}),n&&n.cancelable&&n.preventDefault()},v=function(n){d(),e.onActiveItemChange({index:n})},I=function(n){e.changeItemOnIndicatorHover&&(d(),e.onActiveItemChange({index:n}))},x=function(n,t){switch(n.code){case"Enter":case"Space":d(),e.onActiveItemChange({index:t}),n.preventDefault();break;case"ArrowRight":y();break;case"ArrowLeft":w();break;case"Home":O(),n.preventDefault();break;case"End":S(),n.preventDefault();break;case"Tab":N();break;case"ArrowDown":case"ArrowUp":case"PageUp":case"PageDown":n.preventDefault()}},y=function(){var e=A(s.DomHandler.find(i.current,'[data-pc-section="indicator"]')),n=E();P(n,n+1===e.length?e.length-1:n+1)},w=function(){var e=E();P(e,e-1<=0?0:e-1)},O=function(){var e=E();P(e,0)},S=function(){var e=A(s.DomHandler.find(i.current,'[data-pc-section="indicator"]')),n=E();P(n,e.length-1)},N=function(){var e=A(s.DomHandler.find(i.current,'[data-pc-section="indicator"]')),n=e.findIndex((function(e){return!0===s.DomHandler.getAttribute(e,"data-p-highlight")})),t=s.DomHandler.findSingle(i.current,'[data-pc-section="indicator"] > button[tabindex="0"]'),a=e.findIndex((function(e){return e===t.parentElement}));e[a].children[0].tabIndex="-1",e[n].children[0].tabIndex="0"},E=function(){var e=A(s.DomHandler.find(i.current,'[data-pc-section="indicator"]')),n=s.DomHandler.findSingle(i.current,'[data-pc-section="indicator"] > button[tabindex="0"]');return e.findIndex((function(e){return e===n.parentElement}))},P=function(e,n){var t=A(s.DomHandler.find(i.current,'[data-pc-section="indicator"]'));t[e].children[0].tabIndex="-1",t[n].children[0].tabIndex="0",t[n].children[0].focus()};r.useMountEffect((function(){e.autoPlay&&e.startSlideShow()}));var C,D=function(n){var i,r="p-galleria-indicator-"+n,l=e.activeItemIndex===n,s=e.indicator&&e.indicator(n),u=a({className:o("indicator",{isActive:l}),key:r,tabIndex:0,"aria-label":(i=n+1,t.localeOption("aria")?t.localeOption("aria").pageLabel.replace(/{page}/g,i):void 0),"aria-selected":e.activeIndex===n,"aria-controls":e.id+"_item_"+n,"data-p-highlight":l,onClick:function(){return v(n)},onMouseEnter:function(){return I(n)},onKeyDown:function(e){return x(e,n)}},p("indicator"));return s||(s=b.createElement("button",{tabIndex:e.activeIndex===n?"0":"-1",type:"button",className:"p-link"},b.createElement(c.Ripple,null))),b.createElement("li",u,s)},j=e.itemTemplate&&e.itemTemplate(e.value[e.activeItemIndex]),T=function(){if(e.showItemNavigators){var n=!e.circular&&0===e.activeItemIndex,t=a({className:o("previousItemIcon")},p("previousItemIcon")),i=s.IconUtils.getJSXIcon(e.itemPrevIcon||b.createElement(u.ChevronLeftIcon,t),R({},t),{props:e}),r=a({type:"button",className:o("previousItemButton",{isDisabled:n}),onClick:f,disabled:n,"data-p-disabled":n,"data-pc-group-section":"itemnavigator"},p("previousItemButton"));return b.createElement("button",r,i,b.createElement(c.Ripple,null))}return null}(),k=function(){if(e.showItemNavigators){var n=!e.circular&&e.activeItemIndex===e.value.length-1,t=a({className:o("nextItemIcon")},p("nextItemIcon")),i=s.IconUtils.getJSXIcon(e.itemNextIcon||b.createElement(m.ChevronRightIcon,t),R({},t),{props:e}),r=a({type:"button",className:o("nextItemButton",{isDisabled:n}),onClick:h,disabled:n,"data-p-disabled":n,"data-pc-group-section":"itemnavigator"},p("nextItemButton"));return b.createElement("button",r,i,b.createElement(c.Ripple,null))}return null}(),H=function(){var n=a({className:o("caption")},p("caption"));if(e.caption){var t=e.caption(e.value[e.activeItemIndex]);return b.createElement("div",n,t)}return null}(),U=function(){if(e.showIndicators){for(var n=[],t=a({className:s.classNames(e.indicatorsContentClassName,o("indicators"))},p("indicators")),r=0;r<e.value.length;r++)n.push(D(r));return b.createElement("ul",g({ref:i},t),n)}return null}(),V=a({ref:n,className:o("itemWrapper")},p("itemWrapper")),B=a({className:o("itemContainer")},p("itemContainer")),M=a({className:o("item"),id:e.id+"_item_"+e.activeItemIndex,role:"group","aria-label":(C=e.activeItemIndex+1,t.localeOption("aria")?t.localeOption("aria").slideNumber.replace(/{slideNumber}/g,C):void 0),"aria-roledescription":t.localeOption("aria")?t.localeOption("aria").slide:void 0},p("item"));return b.createElement("div",V,b.createElement("div",B,T,b.createElement("div",M,j),k,H),U)})));function V(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function B(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?V(Object(t),!0).forEach((function(n){w(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):V(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}U.displayName="GalleriaItem";var M=b.memo((function(e){var n,a=r.useMergeProps(),i=e.ptm,l=e.cx,o=function(n,t){return i(n,B({hostName:e.hostName},t))},c=function(){var n=s.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]'),t=f();h(t,t+1===n.length?n.length-1:t+1)},u=function(){var e=f();h(e,e-1<=0?0:e-1)},m=function(){var e=f();h(e,0)},p=function(){var n=s.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]'),t=f();h(t,n.length-1)},d=function(){var n=A(s.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]')),t=n.findIndex((function(e){return!0===s.DomHandler.getAttribute(e,"data-p-active")})),a=s.DomHandler.findSingle(e.itemsContainerRef.current,'[tabindex="0"]'),i=n.findIndex((function(e){return e===a.parentElement}));n[i].children[0].tabIndex="-1",n[t].children[0].tabIndex="0"},f=function(){var n=A(s.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]')),t=s.DomHandler.findSingle(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"] > [tabindex="0"]');return n.findIndex((function(e){return e===t.parentElement}))},h=function(n,t){var a=s.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]');a[n].children[0].tabIndex="-1",a[t].children[0].tabIndex="0",a[t].children[0].focus()},v=e.template&&e.template(e.item),g=a({className:s.classNames(e.className,l("thumbnailItem",{subProps:e})),key:"p-galleria-thumbnail-item-"+e.index,role:"tab","data-p-active":e.current,"aria-selected":e.current,"aria-controls":e.containerId+"_item_"+e.index,onKeyDown:function(n){switch("Enter"!==n.code&&"Space"!==n.code||(e.onItemClick({originalEvent:n,index:e.index}),n.preventDefault()),n.code){case"ArrowRight":c();break;case"ArrowLeft":u();break;case"Home":m(),n.preventDefault();break;case"End":p(),n.preventDefault();break;case"ArrowUp":case"ArrowDown":n.preventDefault();break;case"Tab":d()}},"data-p-galleria-thumbnail-item-current":e.current,"data-p-galleria-thumbnail-item-active":e.active,"data-p-galleria-thumbnail-item-start":e.start,"data-p-galleria-thumbnail-item-end":e.end},o("thumbnailItem")),I=a({className:l("thumbnailItemContent"),tabIndex:e.current?"0":"-1","aria-label":(n=e.index+1,t.localeOption("aria")?t.localeOption("aria").pageLabel.replace(/{page}/g,n):void 0),"aria-current":e.current?"page":void 0,onClick:function(n){e.onItemClick({originalEvent:n,index:e.index})}},o("thumbnailItemContent"));return b.createElement("div",g,b.createElement("div",I,v))})),_=b.memo(b.forwardRef((function(e,n){var a=r.useMergeProps(),i=C(b.useState(e.numVisible),2),l=i[0],o=i[1],f=C(b.useState(0),2),h=f[0],g=f[1],I=b.useRef(null),x=b.useRef(null),y=b.useRef(""),w=b.useRef(null),O=b.useRef(null),S=r.usePrevious(l),N=r.usePrevious(e.activeItemIndex),E=b.useContext(t.PrimeReactContext),P=e.ptm,D=e.cx,j=e.sx,T=function(n,t){return P(n,B({hostName:e.hostName},t))},k=C(r.useResizeListener({listener:function(){Y()},when:e.responsiveOptions}),1)[0],H=function(n){var t=h+n;n<0&&-1*t+l>e.value.length-1?t=l-e.value.length:n>0&&t>0&&(t=0),e.circular&&(n<0&&e.value.length-1===e.activeItemIndex?t=0:n>0&&0===e.activeItemIndex&&(t=l-e.value.length)),I.current&&(s.DomHandler.removeClass(I.current,"p-items-hidden"),I.current.style.transform=e.isVertical?"translate3d(0, ".concat(t*(100/l),"%, 0)"):"translate3d(".concat(t*(100/l),"%, 0, 0)"),I.current.style.transition="transform 500ms ease 0s"),g(t)},R=function(){e.slideShowActive&&e.stopSlideShow&&e.stopSlideShow()},U=function(){var e=Math.floor(l/2);return l%2?e:e-1},V=function(n){R();var t=0!==e.activeItemIndex?e.activeItemIndex-1:0;l-(t+h)-1>U()&&(-1*h!=0||e.circular)&&H(1),e.onActiveItemChange({index:e.circular&&0===e.activeItemIndex?e.value.length-1:t}),n.cancelable&&n.preventDefault()},_=function(n){R();var t=e.activeItemIndex+1;t+h>U()&&(-1*h<J()-1||e.circular)&&H(-1),e.onActiveItemChange({index:e.circular&&e.value.length-1===e.activeItemIndex?0:t}),n.cancelable&&n.preventDefault()},L=function(n){R();var t=n.index;if(t!==e.activeItemIndex){var a=t+h,i=0;t<e.activeItemIndex?(i=l-a-1-U())>0&&-1*h!=0&&H(i):(i=U()-a)<0&&-1*h<J()-1&&H(i),e.onActiveItemChange({index:t})}},G=function(n){I.current&&"transform"===n.propertyName&&(document.body.setAttribute("data-p-items-hidden","false"),!e.isUnstyled()&&s.DomHandler.addClass(I.current,"p-items-hidden"),I.current.style.transition="")},z=function(e){var n=e.changedTouches[0];x.current={x:n.pageX,y:n.pageY}},W=function(e){e.cancelable&&e.preventDefault()},X=function(n){var t=n.changedTouches[0];Z(n,e.isVertical?t.pageY-x.current.y:t.pageX-x.current.x)},Z=function(e,n){n<0?_(e):V(e)},J=function(){return e.value.length>l?e.value.length-l+1:0},K=function(){w.current||(w.current=s.DomHandler.createInlineStyle(E&&E.nonce||v.default.nonce,E&&E.styleContainer));var n='\n            [data-pc-section="thumbnailitems"]['.concat(y.current,'] {\n                [data-pc-section="thumbnailitem"] {\n                    flex: 1 0 ').concat(100/l,"%\n                }\n            } \n        ");if(e.responsiveOptions){var t=s.ObjectUtils.localeComparator(E&&E.locale||v.default.locale);O.current=A(e.responsiveOptions),O.current.sort((function(e,n){return s.ObjectUtils.sort(e.breakpoint,n.breakpoint,-1,t,E&&E.nullSortOrder||v.default.nullSortOrder)}));for(var a=0;a<O.current.length;a++){var i=O.current[a];n+="\n                    @media screen and (max-width: ".concat(i.breakpoint,') {\n                        [data-pc-section="thumbnailitems"][').concat(y.current,'] {\n                            [data-pc-section="thumbnailitem"] {\n                                flex: 1 0 ').concat(100/i.numVisible,"%\n                            }\n                        } \n                    }\n                ")}}w.current.innerHTML=n},Y=function(){if(I.current&&O.current){for(var n=window.innerWidth,t={numVisible:e.numVisible},a=0;a<O.current.length;a++){var i=O.current[a];parseInt(i.breakpoint,10)>=n&&(t=i)}l!==t.numVisible&&o(t.numVisible)}};r.useMountEffect((function(){I.current&&(y.current=s.UniqueComponentId(),I.current.setAttribute(y.current,"")),K(),Y(),k()})),r.useUpdateEffect((function(){var n=h;S===l&&N===e.activeItemIndex||((n=e.activeItemIndex<=U()?0:e.value.length-l+U()<e.activeItemIndex?l-e.value.length:e.value.length-l<e.activeItemIndex&&l%2==0?-1*e.activeItemIndex+U()+1:-1*e.activeItemIndex+U())!==h&&g(n),I.current.style.transform=e.isVertical?"translate3d(0, ".concat(n*(100/l),"%, 0)"):"translate3d(".concat(n*(100/l),"%, 0, 0)"),N!==e.activeItemIndex&&(document.body.setAttribute("data-p-items-hidden","false"),!e.isUnstyled()&&s.DomHandler.removeClass(I.current,"p-items-hidden"),I.current.style.transition="transform 500ms ease 0s"))}));var q,F,$,Q,ee,ne,te,ae=function(){if(e.showThumbnailNavigators){var n=!e.circular&&0===e.activeItemIndex||e.value.length<=l,i=a({className:D("previousThumbnailIcon")},T("previousThumbnailIcon")),r=s.IconUtils.getJSXIcon(e.isVertical?e.prevThumbnailIcon||b.createElement(d.ChevronUpIcon,i):e.prevThumbnailIcon||b.createElement(u.ChevronLeftIcon,i),B({},i),{props:e}),o=a({className:D("previousThumbnailButton",{isDisabled:n}),onClick:V,type:"button",disabled:n,"data-p-disabled":n,"aria-label":t.localeOption("aria")?t.localeOption("aria").previousPageLabel:void 0,"data-pc-group-section":"thumbnailnavigator"},T("previousThumbnailButton"));return b.createElement("button",o,r,b.createElement(c.Ripple,null))}return null},ie=function(){if(e.showThumbnailNavigators){var n=!e.circular&&e.activeItemIndex===e.value.length-1||e.value.length<=l,i=a({className:D("nextThumbnailIcon")},T("nextThumbnailIcon")),r=s.IconUtils.getJSXIcon(e.isVertical?e.nextThumbnailIcon||b.createElement(p.ChevronDownIcon,i):e.nextThumbnailIcon||b.createElement(m.ChevronRightIcon,i),B({},i),{props:e}),o=a({className:D("nextThumbnailButton",{isDisabled:n}),disabled:n,type:"button","aria-label":t.localeOption("aria")?t.localeOption("aria").nextPageLabel:void 0,onClick:_,"data-p-disabled":n,"data-pc-group-section":"thumbnailnavigator"},T("nextThumbnailButton"));return b.createElement("button",o,r,b.createElement(c.Ripple,null))}return null},re=(q=e.value.map((function(n,t){var a=-1*h,i=a+l-1;return b.createElement(M,{key:t,index:t,containerId:e.containerId,itemsContainerRef:I,template:e.itemTemplate,item:n,active:a<=t&&i>=t,start:a===t,end:i===t,onItemClick:L,current:e.activeItemIndex===t,ptm:P,cx:D,sx:j})})),F=e.isVertical?e.contentHeight:"",$=ae(),Q=ie(),ee=a({className:D("thumbnailContainer")},T("thumbnailContainer")),ne=a({className:D("thumbnailItemsContainer"),style:j("thumbnailItemsContainer",{height:F})},T("thumbnailItemsContainer")),te=a({ref:I,className:D("thumbnailItems"),role:"tablist",onTransitionEnd:G,onTouchStart:z,onTouchMove:W,onTouchEnd:X},T("thumbnailItems")),b.createElement("div",ee,$,b.createElement("div",ne,b.createElement("div",te,q)),Q)),le=a({className:D("thumbnailWrapper")},T("thumbnailWrapper"));return b.createElement("div",le,re)})));function L(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function G(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?L(Object(t),!0).forEach((function(n){w(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):L(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}M.displayName="GalleriaThumbnailItem",_.displayName="GalleriaThumbnails";var z=b.memo(b.forwardRef((function(e,n){var u=r.useMergeProps(),m=b.useContext(t.PrimeReactContext),p=D.getProps(e,m),d=C(b.useState(!1),2),f=d[0],h=d[1],I=C(b.useState(p.numVisible),2),x=I[0],y=I[1],w=C(b.useState(!1),2),O=w[0],S=w[1],N=C(b.useState(p.activeIndex),2),E=N[0],P=N[1],j=b.useRef(null),T=b.useRef(null),k=b.useRef(null),A=p.onItemChange?p.activeIndex:E,H="left"===p.thumbnailsPosition||"right"===p.thumbnailsPosition,R=p.id||s.UniqueComponentId(),V=D.setMetaData({props:p,state:{visible:f,numVisible:x,slideShowActive:O,activeIndex:E}}),B=V.ptm,M=V.cx,L=V.sx,z=V.isUnstyled;a.useHandleStyle(D.css.styles,z,{name:"galleria"}),r.useInterval((function(){W({index:p.circular&&p.value.length-1===A?0:A+1})}),p.transitionInterval,O);var W=function(e){e.index>=p.value.length?ee():p.onItemChange?p.onItemChange(e):P(e.index)},X=function(){h(!0)},Z=function(){h(!1)},J=function(){s.DomHandler.blockBodyScroll()},K=function(){s.ZIndexUtils.set("modal",k.current,m&&m.autoZIndex||v.default.autoZIndex,p.baseZIndex||m&&m.zIndex.modal||v.default.zIndex.modal),!z()&&s.DomHandler.addMultipleClasses(k.current,"p-component-overlay p-component-overlay-enter")},Y=function(){p.onShow&&p.onShow()},q=function(){s.DomHandler.unblockBodyScroll(),!z()&&s.DomHandler.addClass(k.current,"p-component-overlay-leave")},F=function(){s.ZIndexUtils.clear(k.current),p.onHide&&p.onHide()},$=function(){return O},Q=function(){S(!0)},ee=function(){S(!1)},ne=function(e,n){var t=["top","left","bottom","right"].find((function(e){return e===n}));return t?"".concat(e,"-").concat(t):""};b.useEffect((function(){p.value&&p.value.length<x&&y(p.value.length)}),[p.value,x]),b.useEffect((function(){y(p.numVisible)}),[p.numVisible]),r.useUnmountEffect((function(){O&&ee(),s.ZIndexUtils.clear(k.current)})),b.useImperativeHandle(n,(function(){return{props:p,show:X,hide:Z,isAutoPlayActive:$,startSlideShow:Q,stopSlideShow:ee,getElement:function(){return j.current},getPreviewContent:function(){return T.current}}}));return s.ObjectUtils.isNotEmpty(p.value)&&function(){var e,n,a,r,d,h,v,I,y,w,S,N,E=(a=p.showThumbnails&&ne("p-galleria-thumbnails",p.thumbnailsPosition),r=p.showIndicators&&ne("p-galleria-indicators",p.indicatorsPosition),d=u({className:M("closeIcon"),"aria-hidden":!0},B("closeIcon")),h=s.IconUtils.getJSXIcon(p.closeIcon||b.createElement(l.TimesIcon,d),G({},d),{props:p}),v=u({type:"button",className:M("closeButton"),"aria-label":t.localeOption("aria")?t.localeOption("aria").close:void 0,onClick:Z},B("closeButton")),I=p.fullScreen&&b.createElement("button",v,h,b.createElement(c.Ripple,null)),e=u({className:M("header")},B("header")),y=p.header?b.createElement("div",e,p.header):null,n=u({className:M("footer")},B("footer")),w=p.footer?b.createElement("div",n,p.footer):null,S=u({ref:j,id:R,className:s.classNames(p.className,M("root",{context:m,thumbnailsPosClassName:a,indicatorPosClassName:r})),style:p.style,role:"region"},D.getOtherProps(p),B("root")),N=u({className:M("content"),"aria-live":p.autoPlay?"polite":"off"},B("content")),b.createElement("div",S,I,y,b.createElement("div",N,b.createElement(U,{hostName:"Galleria",ref:T,id:R,value:p.value,activeItemIndex:A,onActiveItemChange:W,itemTemplate:p.item,circular:p.circular,caption:p.caption,showIndicators:p.showIndicators,itemPrevIcon:p.itemPrevIcon,itemNextIcon:p.itemNextIcon,changeItemOnIndicatorHover:p.changeItemOnIndicatorHover,indicator:p.indicator,showItemNavigators:p.showItemNavigators,autoPlay:p.autoPlay,slideShowActive:O,startSlideShow:Q,stopSlideShow:ee,ptm:B,cx:M}),p.showThumbnails&&b.createElement(_,{hostName:"Galleria",value:p.value,containerId:R,activeItemIndex:A,onActiveItemChange:W,itemTemplate:p.thumbnail,numVisible:x,nextThumbnailIcon:p.nextThumbnailIcon,prevThumbnailIcon:p.prevThumbnailIcon,responsiveOptions:p.responsiveOptions,circular:p.circular,isVertical:H,contentHeight:p.verticalThumbnailViewPortHeight,showThumbnailNavigators:p.showThumbnailNavigators,autoPlay:p.autoPlay,slideShowActive:O,stopSlideShow:ee,isUnstyled:z,ptm:B,cx:M,sx:L})),w));if(p.fullScreen){var P=u({className:M("mask",{visibleState:f}),role:"dialog","aria-modal":"true"},B("mask")),C=u({classNames:M("transition"),in:f,timeout:{enter:150,exit:150},options:p.transitionOptions,unmountOnExit:!0,onEnter:J,onEntering:K,onEntered:Y,onExit:q,onExited:F},B("transition")),V=b.createElement("div",g({ref:k},P),b.createElement(i.CSSTransition,g({nodeRef:j},C),E));return b.createElement(o.Portal,{element:V})}return E}()})));return z.displayName="Galleria",e.Galleria=z,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.times,primereact.portal,primereact.ripple,primereact.utils,primereact.icons.chevronleft,primereact.icons.chevronright,primereact.icons.chevrondown,primereact.icons.chevronup);