primereact 10.3.1 → 10.3.3

package/fileupload/fileupload.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.fileupload = (function (exports, React, api, componentbase, utils, button, plus, times, upload, messages, progressbar, ripple) {
+this.primereact.fileupload = (function (exports, React, api, componentbase, hooks, utils, button, plus, times, upload, messages, progressbar, ripple) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -185,6 +185,7 @@ this.primereact.fileupload = (function (exports, React, api, componentbase, util
   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 Badge = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = BadgeBase.getProps(inProps, context);
     var _BadgeBase$setMetaDat = BadgeBase.setMetaData(_objectSpread$1({
@@ -205,7 +206,7 @@ this.primereact.fileupload = (function (exports, React, api, componentbase, util
         }
       };
     });
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       ref: elementRef,
       style: props.style,
       className: utils.classNames(props.className, cx('root'))
@@ -347,6 +348,7 @@ this.primereact.fileupload = (function (exports, React, api, componentbase, util
   function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
   function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
   var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = FileUploadBase.getProps(inProps, context);
     var _React$useState = React__namespace.useState([]),
@@ -460,9 +462,7 @@ this.primereact.fileupload = (function (exports, React, api, componentbase, util
       for (var i = 0; i < selectedFiles.length; i++) {
         var file = selectedFiles[i];
         if (!isFileSelected(file) && validate(file)) {
-          if (isImage(file)) {
-            file.objectURL = window.URL.createObjectURL(file);
-          }
+          file.objectURL = window.URL.createObjectURL(file);
           currentFiles.push(file);
         }
       }
@@ -690,7 +690,7 @@ this.primereact.fileupload = (function (exports, React, api, componentbase, util
         style = _props$chooseOptions.style,
         _icon = _props$chooseOptions.icon,
         iconOnly = _props$chooseOptions.iconOnly;
-      var chooseButtonLabelProps = utils.mergeProps({
+      var chooseButtonLabelProps = mergeProps({
         className: cx('chooseButtonLabel')
       }, ptm('chooseButtonLabel'));
       var label = iconOnly ? /*#__PURE__*/React__namespace.createElement("span", _extends({}, chooseButtonLabelProps, {
@@ -698,7 +698,7 @@ this.primereact.fileupload = (function (exports, React, api, componentbase, util
           __html: '&nbsp;'
         }
       })) : /*#__PURE__*/React__namespace.createElement("span", chooseButtonLabelProps, chooseButtonLabel);
-      var inputProps = utils.mergeProps({
+      var inputProps = mergeProps({
         ref: fileInputRef,
         type: 'file',
         onChange: function onChange(e) {
@@ -709,7 +709,7 @@ this.primereact.fileupload = (function (exports, React, api, componentbase, util
         disabled: chooseDisabled
       }, ptm('input'));
       var input = /*#__PURE__*/React__namespace.createElement("input", inputProps);
-      var chooseIconProps = utils.mergeProps({
+      var chooseIconProps = mergeProps({
         className: cx('chooseIcon', {
           iconOnly: iconOnly
         }),
@@ -719,7 +719,7 @@ this.primereact.fileupload = (function (exports, React, api, componentbase, util
       var chooseIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, chooseIconProps), {
         props: props
       });
-      var chooseButtonProps = utils.mergeProps({
+      var chooseButtonProps = mergeProps({
         className: utils.classNames(className, cx('chooseButton', {
           iconOnly: iconOnly,
           disabled: disabled,
@@ -744,7 +744,7 @@ this.primereact.fileupload = (function (exports, React, api, componentbase, util
     };
     var createFile = function createFile(file, index, badgeOptions) {
       var key = file.name + file.type + file.size;
-      var thumbnailProps = utils.mergeProps({
+      var thumbnailProps = mergeProps({
         role: 'presentation',
         className: cx('thumbnail'),
         src: file.objectURL,
@@ -753,12 +753,12 @@ this.primereact.fileupload = (function (exports, React, api, componentbase, util
       var preview = isImage(file) ? /*#__PURE__*/React__namespace.createElement("img", _extends({}, thumbnailProps, {
         alt: file.name
       })) : null;
-      var detailsProps = utils.mergeProps(ptm('details'));
-      var fileSizeProps = utils.mergeProps(ptm('fileSize'));
-      var fileNameProps = utils.mergeProps({
+      var detailsProps = mergeProps(ptm('details'));
+      var fileSizeProps = mergeProps(ptm('fileSize'));
+      var fileNameProps = mergeProps({
         className: cx('fileName')
       }, ptm('fileName'));
-      var actionsProps = utils.mergeProps(ptm('actions'));
+      var actionsProps = mergeProps(ptm('actions'));
       var fileName = /*#__PURE__*/React__namespace.createElement("div", fileNameProps, file.name);
       var size = /*#__PURE__*/React__namespace.createElement("div", fileSizeProps, formatSize(file.size));
       var contentBody = /*#__PURE__*/React__namespace.createElement("div", detailsProps, /*#__PURE__*/React__namespace.createElement("div", fileNameProps, " ", file.name), /*#__PURE__*/React__namespace.createElement("span", fileSizeProps, formatSize(file.size)), /*#__PURE__*/React__namespace.createElement(Badge, {
@@ -802,7 +802,7 @@ this.primereact.fileupload = (function (exports, React, api, componentbase, util
         };
         content = utils.ObjectUtils.getJSXElement(props.itemTemplate, file, defaultContentOptions);
       }
-      var fileProps = utils.mergeProps({
+      var fileProps = mergeProps({
         key: key,
         className: cx('file')
       }, ptm('file'));
@@ -857,7 +857,7 @@ this.primereact.fileupload = (function (exports, React, api, componentbase, util
         var cancelOptions = props.cancelOptions;
         var uploadLabel = !uploadOptions.iconOnly ? uploadButtonLabel : '';
         var cancelLabel = !cancelOptions.iconOnly ? cancelButtonLabel : '';
-        var uploadIconProps = utils.mergeProps({
+        var uploadIconProps = mergeProps({
           className: cx('uploadIcon', {
             iconOnly: uploadOptions.iconOnly
           }),
@@ -866,7 +866,7 @@ this.primereact.fileupload = (function (exports, React, api, componentbase, util
         var uploadIcon = utils.IconUtils.getJSXIcon(uploadOptions.icon || /*#__PURE__*/React__namespace.createElement(upload.UploadIcon, uploadIconProps), _objectSpread({}, uploadIconProps), {
           props: props
         });
-        var cancelIconProps = utils.mergeProps({
+        var cancelIconProps = mergeProps({
           className: cx('cancelIcon', {
             iconOnly: cancelOptions.iconOnly
           }),
@@ -911,7 +911,7 @@ this.primereact.fileupload = (function (exports, React, api, componentbase, util
       if (hasUploadedFiles) {
         uplaodedFilesList = createUploadedFiles();
       }
-      var buttonbarProps = utils.mergeProps({
+      var buttonbarProps = mergeProps({
         className: utils.classNames(props.headerClassName, cx('buttonbar')),
         style: props.headerStyle
       }, ptm('buttonbar'));
@@ -927,12 +927,12 @@ this.primereact.fileupload = (function (exports, React, api, componentbase, util
         };
         header = utils.ObjectUtils.getJSXElement(props.headerTemplate, defaultContentOptions);
       }
-      var rootProps = utils.mergeProps({
+      var rootProps = mergeProps({
         id: props.id,
         className: cx('root'),
         style: props.style
       }, FileUploadBase.getOtherProps(props), ptm('root'));
-      var contentProps = utils.mergeProps({
+      var contentProps = mergeProps({
         ref: contentRef,
         className: utils.classNames(props.contentClassName, cx('content')),
         style: props.contentStyle,
@@ -959,7 +959,7 @@ this.primereact.fileupload = (function (exports, React, api, componentbase, util
     };
     var createBasic = function createBasic() {
       var chooseOptions = props.chooseOptions;
-      var labelProps = utils.mergeProps({
+      var labelProps = mergeProps({
         className: cx('label')
       }, ptm('label'));
       var chooseLabel = chooseOptions.iconOnly ? /*#__PURE__*/React__namespace.createElement("span", _extends({}, labelProps, {
@@ -968,7 +968,7 @@ this.primereact.fileupload = (function (exports, React, api, componentbase, util
         }
       })) : /*#__PURE__*/React__namespace.createElement("span", labelProps, chooseButtonLabel);
       var label = props.auto ? chooseLabel : /*#__PURE__*/React__namespace.createElement("span", labelProps, hasFiles ? filesState[0].name : chooseLabel);
-      var chooseIconProps = utils.mergeProps({
+      var chooseIconProps = mergeProps({
         className: cx('chooseIcon', {
           iconOnly: chooseOptions.iconOnly
         })
@@ -978,7 +978,7 @@ this.primereact.fileupload = (function (exports, React, api, componentbase, util
         props: props,
         hasFiles: hasFiles
       });
-      var inputProps = utils.mergeProps({
+      var inputProps = mergeProps({
         ref: fileInputRef,
         type: 'file',
         onChange: function onChange(e) {
@@ -989,11 +989,11 @@ this.primereact.fileupload = (function (exports, React, api, componentbase, util
         disabled: disabled
       }, ptm('input'));
       var input = !hasFiles && /*#__PURE__*/React__namespace.createElement("input", inputProps);
-      var rootProps = utils.mergeProps({
+      var rootProps = mergeProps({
         className: utils.classNames(props.className, cx('root')),
         style: props.style
       }, FileUploadBase.getOtherProps(props), ptm('root'));
-      var basicButtonProps = utils.mergeProps({
+      var basicButtonProps = mergeProps({
         className: utils.classNames(chooseOptions.className, cx('basicButton', {
           hasFiles: hasFiles,
           disabled: disabled,
@@ -1026,4 +1026,4 @@ this.primereact.fileupload = (function (exports, React, api, componentbase, util
 
   return exports;
 
-})({}, React, primereact.api, primereact.componentbase, primereact.utils, primereact.button, primereact.icons.plus, primereact.icons.times, primereact.icons.upload, primereact.messages, primereact.progressbar, primereact.ripple);
+})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.utils, primereact.button, primereact.icons.plus, primereact.icons.times, primereact.icons.upload, primereact.messages, primereact.progressbar, primereact.ripple);

package/fileupload/fileupload.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.fileupload=function(e,t,n,r,a,o,l,i,s,c,u,p){"use strict";function d(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var m=d(t);function f(e){return f="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},f(e)}function b(e,t){if("object"!==f(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=b(e,"string");return"symbol"===f(t)?t:String(t)}function g(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 v(){return v=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},v.apply(this,arguments)}function h(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 O(e){if(Array.isArray(e))return h(e)}function E(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function S(e,t){if(e){if("string"==typeof e)return h(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)?h(e,t):void 0}}function P(){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 w(e){return O(e)||E(e)||S(e)||P()}function N(e){throw new TypeError('"'+e+'" is read-only')}function j(e){if(Array.isArray(e))return e}function I(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,l,i=[],s=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);s=!0);}catch(e){c=!0,a=e}finally{try{if(!s&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw a}}return i}}function B(){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 U(e,t){return j(e)||I(e,t)||S(e,t)||B()}var x=r.ComponentBase.extend({defaultProps:{__TYPE:"Badge",__parentMetadata:null,value:null,severity:null,size:null,style:null,className:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return a.classNames("p-badge p-component",g({"p-badge-no-gutter":a.ObjectUtils.isNotEmpty(t.value)&&1===String(t.value).length,"p-badge-dot":a.ObjectUtils.isEmpty(t.value),"p-badge-lg":"large"===t.size,"p-badge-xl":"xlarge"===t.size},"p-badge-".concat(t.severity),null!==t.severity))}},styles:"\n@layer primereact {\n    .p-badge {\n        display: inline-block;\n        border-radius: 10px;\n        text-align: center;\n        padding: 0 .5rem;\n    }\n    \n    .p-overlay-badge {\n        position: relative;\n    }\n    \n    .p-overlay-badge .p-badge {\n        position: absolute;\n        top: 0;\n        right: 0;\n        transform: translate(50%,-50%);\n        transform-origin: 100% 0;\n        margin: 0;\n    }\n    \n    .p-badge-dot {\n        width: .5rem;\n        min-width: .5rem;\n        height: .5rem;\n        border-radius: 50%;\n        padding: 0;\n    }\n    \n    .p-badge-no-gutter {\n        padding: 0;\n        border-radius: 50%;\n    }\n}\n"}});function C(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?C(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):C(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var D=m.memo(m.forwardRef((function(e,t){var o=m.useContext(n.PrimeReactContext),l=x.getProps(e,o),i=x.setMetaData(T({props:l},l.__parentMetadata)),s=i.ptm,c=i.cx;r.useHandleStyle(x.css.styles,i.isUnstyled,{name:"badge"});var u=m.useRef(null);m.useImperativeHandle(t,(function(){return{props:l,getElement:function(){return u.current}}}));var p=a.mergeProps({ref:u,style:l.style,className:a.classNames(l.className,c("root"))},x.getOtherProps(l),s("root"));return m.createElement("span",p,l.value)})));D.displayName="Badge";var F=r.ComponentBase.extend({defaultProps:{__TYPE:"FileUpload",id:null,name:null,url:null,mode:"advanced",multiple:!1,accept:null,removeIcon:null,disabled:!1,auto:!1,maxFileSize:null,invalidFileSizeMessageSummary:"{0}: Invalid file size, ",invalidFileSizeMessageDetail:"maximum upload size is {0}.",style:null,className:null,withCredentials:!1,previewWidth:50,chooseLabel:null,uploadLabel:null,cancelLabel:null,chooseOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},uploadOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},cancelOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},customUpload:!1,headerClassName:null,headerStyle:null,contentClassName:null,contentStyle:null,headerTemplate:null,itemTemplate:null,emptyTemplate:null,progressBarTemplate:null,onBeforeUpload:null,onBeforeSend:null,onBeforeDrop:null,onBeforeSelect:null,onUpload:null,onError:null,onClear:null,onSelect:null,onProgress:null,onValidationFail:null,uploadHandler:null,onRemove:null,children:void 0},css:{classes:{root:function(e){return a.classNames("p-fileupload p-fileupload-".concat(e.props.mode," p-component"))},buttonbar:"p-fileupload-buttonbar",content:"p-fileupload-content",chooseButton:function(e){return a.classNames("p-button p-fileupload-choose p-component",{"p-disabled":e.disabled,"p-focus":e.focusedState,"p-button-icon-only":e.iconOnly})},label:"p-button-label p-clickable",file:"p-fileupload-row",fileName:"p-fileupload-filename",thumbnail:"p-fileupload-file-thumbnail",chooseButtonLabel:"p-button-label p-clickable",basicButton:function(e){return a.classNames("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":e.hasFiles,"p-disabled":e.disabled,"p-focus":e.focusedState})},chooseIcon:function(e){var t=e.iconOnly;return a.classNames("basic"===e.props.mode?"p-button-icon":"p-button-icon p-clickable",{"p-button-icon-left":!t})},uploadIcon:function(e){return a.classNames("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})},cancelIcon:function(e){return a.classNames("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})}},styles:"\n@layer primereact {\n    .p-fileupload-content {\n        position: relative;\n    }\n    \n    .p-fileupload-row {\n        display: flex;\n        align-items: center;\n    }\n    \n    .p-fileupload-row > div {\n        flex: 1 1 auto;\n        width: 25%;\n    }\n    \n    .p-fileupload-row > div:last-child {\n        text-align: right;\n    }\n    \n    .p-fileupload-content > .p-progressbar {\n        width: 100%;\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n    \n    .p-button.p-fileupload-choose {\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-fileupload-buttonbar {\n        display: flex;\n        flex-wrap: wrap;\n    }\n    \n    .p-button.p-fileupload-choose input[type='file'] {\n        display: none;\n    }\n    \n    .p-fileupload-choose.p-fileupload-choose-selected input[type='file'] {\n        display: none;\n    }\n    \n    .p-fileupload-filename {\n        word-break: break-all;\n    }\n    \n    .p-fileupload-file-thumbnail {\n        flex-shrink: 0;\n    }\n    \n    .p-fileupload-file-badge {\n        margin: 0.5rem;\n    }\n    \n    .p-fluid .p-fileupload .p-button {\n        width: auto;\n    }\n}\n"}});function _(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 M(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function z(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=R(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,a=function(){};return{s:a,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,l=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){i=!0,o=e},f:function(){try{l||null==n.return||n.return()}finally{if(i)throw o}}}}function R(e,t){if(e){if("string"==typeof e)return L(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)?L(e,t):void 0}}function L(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}var k=m.memo(m.forwardRef((function(e,t){var d=m.useContext(n.PrimeReactContext),f=F.getProps(e,d),b=U(m.useState([]),2),y=b[0],g=b[1],h=U(m.useState([]),2),O=h[0],E=h[1],S=U(m.useState(0),2),P=S[0],j=S[1],I=U(m.useState(!1),2),B=I[0],x=I[1],C=U(m.useState(!1),2),T=C[0],_=C[1],R={props:f,state:{progress:P,uploading:T,uploadedFiles:y,files:O,focused:B}},L=F.setMetaData(R),k=L.ptm,A=L.cx,H=L.isUnstyled;r.useHandleStyle(F.css.styles,H,{name:"fileupload"});var X=m.useRef(null),J=m.useRef(null),V=m.useRef(null),K=m.useRef(0),W=a.ObjectUtils.isNotEmpty(O),Y=a.ObjectUtils.isNotEmpty(y),$=f.disabled||T,q=f.chooseLabel||f.chooseOptions.label||n.localeOption("choose"),G=f.uploadLabel||f.uploadOptions.label||n.localeOption("upload"),Q=f.cancelLabel||f.cancelOptions.label||n.localeOption("cancel"),Z=$||f.fileLimit&&f.fileLimit<=O.length+K,ee=$||!W,te=$||!W,ne=function(e){return/^image\//.test(e.type)},re=function(e,t){oe();var n=w(O),r=O[t];n.splice(t,1),E(n),f.onRemove&&f.onRemove({originalEvent:e,file:r})},ae=function(e,t){oe();var n=w(y),r=O[t];n.splice(t,1),g(n),f.onRemove&&f.onRemove({originalEvent:e,file:r})},oe=function(){X.current&&(X.current.value="")},le=function(e){var t=n.localeOption("fileSizeTypes");if(0===e)return"0 ".concat(t[0]);var r=Math.floor(Math.log(e)/Math.log(1024)),a=parseFloat((e/Math.pow(1024,r)).toFixed(3));return"".concat(a," ").concat(t[r])},ie=function(e){if(!f.onBeforeSelect||!1!==f.onBeforeSelect({originalEvent:e,files:O})){var t=[];f.multiple&&(t=O?w(O):[]);for(var n=e.dataTransfer?e.dataTransfer.files:e.target.files,r=0;r<n.length;r++){var o=n[r];!se(o)&&ce(o)&&(ne(o)&&(o.objectURL=window.URL.createObjectURL(o)),t.push(o))}E(t),a.ObjectUtils.isNotEmpty(t)&&f.auto&&ue(t),f.onSelect&&f.onSelect({originalEvent:e,files:t}),oe(),"basic"===f.mode&&t.length>0&&(X.current.style.display="none")}},se=function(e){return O.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},ce=function(e){if(f.maxFileSize&&e.size>f.maxFileSize){var t={severity:"error",summary:f.invalidFileSizeMessageSummary.replace("{0}",e.name),detail:f.invalidFileSizeMessageDetail.replace("{0}",le(f.maxFileSize)),sticky:!0};return"advanced"===f.mode&&J.current.show(t),f.onValidationFail&&f.onValidationFail(e),!1}return!0},ue=function(e){if((e=e||O)&&e.nativeEvent&&(e=O),f.customUpload)f.fileLimit&&N("uploadedFileCount"),f.uploadHandler&&f.uploadHandler({files:e,options:{clear:pe,props:f}});else{_(!0);var t=new XMLHttpRequest,n=new FormData;f.onBeforeUpload&&f.onBeforeUpload({xhr:t,formData:n});var r,a=z(e);try{for(a.s();!(r=a.n()).done;){var o=r.value;n.append(f.name,o,o.name)}}catch(e){a.e(e)}finally{a.f()}t.upload.addEventListener("progress",(function(e){if(e.lengthComputable){var t=Math.round(100*e.loaded/e.total);j(t),f.onProgress&&f.onProgress({originalEvent:e,progress:t})}})),t.onreadystatechange=function(){4===t.readyState&&(j(0),_(!1),t.status>=200&&t.status<300?(f.fileLimit&&N("uploadedFileCount"),f.onUpload&&f.onUpload({xhr:t,files:e})):f.onError&&f.onError({xhr:t,files:e}),pe(),g((function(t){return[].concat(w(t),w(e))})))},t.open("POST",f.url,!0),f.onBeforeSend&&f.onBeforeSend({xhr:t,formData:n}),t.withCredentials=f.withCredentials,t.send(n)}},pe=function(){E([]),g([]),_(!1),f.onClear&&f.onClear(),oe()},de=function(){X.current.click()},me=function(){x(!0)},fe=function(){x(!1)},be=function(e){"Enter"===e.code&&de()},ye=function(e){if(!f.disabled&&(!H()&&a.DomHandler.removeClass(V.current,"p-fileupload-highlight"),V.current.setAttribute("data-p-highlight",!1),e.stopPropagation(),e.preventDefault(),!f.onBeforeDrop||!1!==f.onBeforeDrop(e))){var t=e.dataTransfer?e.dataTransfer.files:e.target.files;(f.multiple||a.ObjectUtils.isEmpty(O)&&t&&1===t.length)&&ie(e)}},ge=function(){!$&&W?ue():X.current.click()};m.useImperativeHandle(t,(function(){return{props:f,upload:ue,clear:pe,formatSize:le,onFileSelect:ie,getInput:function(){return X.current},getContent:function(){return V.current},getFiles:function(){return O},setFiles:function(e){return E(e||[])},getUploadedFiles:function(){return y},setUploadedFiles:function(e){return g(e||[])}}}));var ve,he,Oe,Ee,Se,Pe,we,Ne,je,Ie,Be=function(e,t,n){"warning"===t.severity?re(e,n):ae(e,n)},Ue=function(e,t,n){var r=e.name+e.type+e.size,l=a.mergeProps({role:"presentation",className:A("thumbnail"),src:e.objectURL,width:f.previewWidth},k("thumbnail")),s=ne(e)?m.createElement("img",v({},l,{alt:e.name})):null,c=a.mergeProps(k("details")),u=a.mergeProps(k("fileSize")),p=a.mergeProps({className:A("fileName")},k("fileName")),d=a.mergeProps(k("actions")),b=m.createElement("div",p,e.name),y=m.createElement("div",u,le(e.size)),g=m.createElement("div",c,m.createElement("div",p," ",e.name),m.createElement("span",u,le(e.size)),m.createElement(D,{className:"p-fileupload-file-badge",value:n.value,severity:n.severity,pt:k("badge"),__parentMetadata:{parent:R}})),h=m.createElement("div",d,m.createElement(o.Button,{type:"button",icon:f.removeIcon||m.createElement(i.TimesIcon,null),text:!0,rounded:!0,severity:"danger",onClick:function(e){return Be(e,n,t)},disabled:$,pt:k("removeButton"),__parentMetadata:{parent:R}})),O=m.createElement(m.Fragment,null,s,g,h);if(f.itemTemplate){var E={onRemove:function(e){return re(e,t)},previewElement:s,fileNameElement:b,sizeElement:y,removeElement:h,formatSize:le(e.size),element:O,index:t,props:f};O=a.ObjectUtils.getJSXElement(f.itemTemplate,e,E)}var S=a.mergeProps({key:r,className:A("file")},k("file"));return m.createElement("div",S,O)},xe=function(){var e={severity:"success",value:n.localeOption("completed")||"Completed"},t=y&&y.map((function(t,n){return Ue(t,n,e)}));return m.createElement("div",null,t)};return"advanced"===f.mode?function(){var e,t,r,d,b,y,g,h,E,S,w,N,j,I,U,x,C,T,D,_=(t=(e=f.chooseOptions).className,r=e.style,d=e.icon,b=e.iconOnly,y=a.mergeProps({className:A("chooseButtonLabel")},k("chooseButtonLabel")),g=b?m.createElement("span",v({},y,{dangerouslySetInnerHTML:{__html:"&nbsp;"}})):m.createElement("span",y,q),h=a.mergeProps({ref:X,type:"file",onChange:function(e){return ie(e)},multiple:f.multiple,accept:f.accept,disabled:Z},k("input")),E=m.createElement("input",h),S=a.mergeProps({className:A("chooseIcon",{iconOnly:b}),"aria-hidden":"true"},k("chooseIcon")),w=a.IconUtils.getJSXIcon(d||m.createElement(l.PlusIcon,S),M({},S),{props:f}),N=a.mergeProps({className:a.classNames(t,A("chooseButton",{iconOnly:b,disabled:$,className:t,focusedState:B})),style:r,onClick:de,onKeyDown:function(e){return be(e)},onFocus:me,onBlur:fe,tabIndex:0,"data-p-disabled":$,"data-p-focus":B},k("chooseButton")),m.createElement("span",N,E,w,g,m.createElement(p.Ripple,null))),z=!f.emptyTemplate||W||Y?null:a.ObjectUtils.getJSXElement(f.emptyTemplate,f);if(!f.auto){var L=f.uploadOptions,K=f.cancelOptions,ne=L.iconOnly?"":G,re=K.iconOnly?"":Q,ae=a.mergeProps({className:A("uploadIcon",{iconOnly:L.iconOnly}),"aria-hidden":"true"},k("uploadIcon")),oe=a.IconUtils.getJSXIcon(L.icon||m.createElement(s.UploadIcon,ae),M({},ae),{props:f}),le=a.mergeProps({className:A("cancelIcon",{iconOnly:K.iconOnly}),"aria-hidden":"true"},k("cancelIcon")),se=a.IconUtils.getJSXIcon(K.icon||m.createElement(i.TimesIcon,le),M({},le),{props:f});j=m.createElement(o.Button,{type:"button",label:ne,"aria-hidden":"true",icon:oe,onClick:ue,disabled:ee,style:L.style,className:L.className,pt:k("uploadButton"),__parentMetadata:{parent:R}}),I=m.createElement(o.Button,{type:"button",label:re,"aria-hidden":"true",icon:se,onClick:pe,disabled:te,style:K.style,className:K.className,pt:k("cancelButton"),__parentMetadata:{parent:R}})}W&&(T={severity:"warning",value:n.localeOption("pending")||"Pending"},D=O.map((function(e,t){return Ue(e,t,T)})),U=m.createElement("div",null,D),C=f.progressBarTemplate?a.ObjectUtils.getJSXElement(f.progressBarTemplate,{progress:P,props:f}):m.createElement(u.ProgressBar,{value:P,showValue:!1,pt:k("progressbar"),__parentMetadata:{parent:R}})),Y&&(x=xe());var ce=a.mergeProps({className:a.classNames(f.headerClassName,A("buttonbar")),style:f.headerStyle},k("buttonbar")),ge=m.createElement("div",ce,_,j,I);if(f.headerTemplate){var ve={className:a.classNames("p-fileupload-buttonbar",f.headerClassName),chooseButton:_,uploadButton:j,cancelButton:I,element:ge,props:f};ge=a.ObjectUtils.getJSXElement(f.headerTemplate,ve)}var he=a.mergeProps({id:f.id,className:A("root"),style:f.style},F.getOtherProps(f),k("root")),Oe=a.mergeProps({ref:V,className:a.classNames(f.contentClassName,A("content")),style:f.contentStyle,onDragEnter:function(e){return t=e,void($||(t.dataTransfer.dropEffect="copy",t.stopPropagation(),t.preventDefault()));var t},onDragOver:function(e){return t=e,void($||(t.dataTransfer.dropEffect="copy",!H()&&a.DomHandler.addClass(V.current,"p-fileupload-highlight"),V.current.setAttribute("data-p-highlight",!0),t.stopPropagation(),t.preventDefault()));var t},onDragLeave:function(e){return t=e,void($||(t.dataTransfer.dropEffect="copy",!H()&&a.DomHandler.removeClass(V.current,"p-fileupload-highlight"),V.current.setAttribute("data-p-highlight",!1)));var t},onDrop:function(e){return ye(e)},"data-p-highlight":!1},k("content"));return m.createElement("div",he,ge,m.createElement("div",Oe,C,m.createElement(c.Messages,{ref:J,__parentMetadata:{parent:R}}),W?U:null,Y?x:null,z))}():"basic"===f.mode?(ve=f.chooseOptions,he=a.mergeProps({className:A("label")},k("label")),Oe=ve.iconOnly?m.createElement("span",v({},he,{dangerouslySetInnerHTML:{__html:"&nbsp;"}})):m.createElement("span",he,q),Ee=f.auto?Oe:m.createElement("span",he,W?O[0].name:Oe),Se=a.mergeProps({className:A("chooseIcon",{iconOnly:ve.iconOnly})},k("chooseIcon")),Pe=a.IconUtils.getJSXIcon(ve.icon?ve.icon:ve.icon||W&&!f.auto?!ve.icon&&W&&!f.auto&&m.createElement(s.UploadIcon,Se):m.createElement(l.PlusIcon,Se),M({},Se),{props:f,hasFiles:W}),we=a.mergeProps({ref:X,type:"file",onChange:function(e){return ie(e)},multiple:f.multiple,accept:f.accept,disabled:$},k("input")),Ne=!W&&m.createElement("input",we),je=a.mergeProps({className:a.classNames(f.className,A("root")),style:f.style},F.getOtherProps(f),k("root")),Ie=a.mergeProps({className:a.classNames(ve.className,A("basicButton",{hasFiles:W,disabled:$,focusedState:B})),style:ve.style,tabIndex:0,onClick:ge,onKeyDown:function(e){return be(e)},onFocus:me,onBlur:fe},F.getOtherProps(f),k("basicButton")),m.createElement("div",je,m.createElement(c.Messages,{ref:J,pt:k("message"),__parentMetadata:{parent:R}}),m.createElement("span",Ie,Pe,Ee,Ne,m.createElement(p.Ripple,null)))):void 0})));return k.displayName="FileUpload",e.FileUpload=k,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.utils,primereact.button,primereact.icons.plus,primereact.icons.times,primereact.icons.upload,primereact.messages,primereact.progressbar,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.fileupload=function(e,t,n,r,a,l,o,i,s,c,u,p,d){"use strict";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 m=f(t);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 y(e,t){if("object"!==b(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function v(e){var t=y(e,"string");return"symbol"===b(t)?t:String(t)}function g(e,t,n){return(t=v(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},h.apply(this,arguments)}function O(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function E(e){if(Array.isArray(e))return O(e)}function S(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function w(e,t){if(e){if("string"==typeof e)return O(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)?O(e,t):void 0}}function N(){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 j(e){return E(e)||S(e)||w(e)||N()}function P(e){throw new TypeError('"'+e+'" is read-only')}function I(e){if(Array.isArray(e))return e}function B(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,o,i=[],s=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);s=!0);}catch(e){c=!0,a=e}finally{try{if(!s&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw a}}return i}}function U(){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 x(e,t){return I(e)||B(e,t)||w(e,t)||U()}var C=r.ComponentBase.extend({defaultProps:{__TYPE:"Badge",__parentMetadata:null,value:null,severity:null,size:null,style:null,className:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return l.classNames("p-badge p-component",g({"p-badge-no-gutter":l.ObjectUtils.isNotEmpty(t.value)&&1===String(t.value).length,"p-badge-dot":l.ObjectUtils.isEmpty(t.value),"p-badge-lg":"large"===t.size,"p-badge-xl":"xlarge"===t.size},"p-badge-".concat(t.severity),null!==t.severity))}},styles:"\n@layer primereact {\n    .p-badge {\n        display: inline-block;\n        border-radius: 10px;\n        text-align: center;\n        padding: 0 .5rem;\n    }\n    \n    .p-overlay-badge {\n        position: relative;\n    }\n    \n    .p-overlay-badge .p-badge {\n        position: absolute;\n        top: 0;\n        right: 0;\n        transform: translate(50%,-50%);\n        transform-origin: 100% 0;\n        margin: 0;\n    }\n    \n    .p-badge-dot {\n        width: .5rem;\n        min-width: .5rem;\n        height: .5rem;\n        border-radius: 50%;\n        padding: 0;\n    }\n    \n    .p-badge-no-gutter {\n        padding: 0;\n        border-radius: 50%;\n    }\n}\n"}});function T(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 D(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var F=m.memo(m.forwardRef((function(e,t){var o=a.useMergeProps(),i=m.useContext(n.PrimeReactContext),s=C.getProps(e,i),c=C.setMetaData(D({props:s},s.__parentMetadata)),u=c.ptm,p=c.cx;r.useHandleStyle(C.css.styles,c.isUnstyled,{name:"badge"});var d=m.useRef(null);m.useImperativeHandle(t,(function(){return{props:s,getElement:function(){return d.current}}}));var f=o({ref:d,style:s.style,className:l.classNames(s.className,p("root"))},C.getOtherProps(s),u("root"));return m.createElement("span",f,s.value)})));F.displayName="Badge";var M=r.ComponentBase.extend({defaultProps:{__TYPE:"FileUpload",id:null,name:null,url:null,mode:"advanced",multiple:!1,accept:null,removeIcon:null,disabled:!1,auto:!1,maxFileSize:null,invalidFileSizeMessageSummary:"{0}: Invalid file size, ",invalidFileSizeMessageDetail:"maximum upload size is {0}.",style:null,className:null,withCredentials:!1,previewWidth:50,chooseLabel:null,uploadLabel:null,cancelLabel:null,chooseOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},uploadOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},cancelOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},customUpload:!1,headerClassName:null,headerStyle:null,contentClassName:null,contentStyle:null,headerTemplate:null,itemTemplate:null,emptyTemplate:null,progressBarTemplate:null,onBeforeUpload:null,onBeforeSend:null,onBeforeDrop:null,onBeforeSelect:null,onUpload:null,onError:null,onClear:null,onSelect:null,onProgress:null,onValidationFail:null,uploadHandler:null,onRemove:null,children:void 0},css:{classes:{root:function(e){return l.classNames("p-fileupload p-fileupload-".concat(e.props.mode," p-component"))},buttonbar:"p-fileupload-buttonbar",content:"p-fileupload-content",chooseButton:function(e){return l.classNames("p-button p-fileupload-choose p-component",{"p-disabled":e.disabled,"p-focus":e.focusedState,"p-button-icon-only":e.iconOnly})},label:"p-button-label p-clickable",file:"p-fileupload-row",fileName:"p-fileupload-filename",thumbnail:"p-fileupload-file-thumbnail",chooseButtonLabel:"p-button-label p-clickable",basicButton:function(e){return l.classNames("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":e.hasFiles,"p-disabled":e.disabled,"p-focus":e.focusedState})},chooseIcon:function(e){var t=e.iconOnly;return l.classNames("basic"===e.props.mode?"p-button-icon":"p-button-icon p-clickable",{"p-button-icon-left":!t})},uploadIcon:function(e){return l.classNames("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})},cancelIcon:function(e){return l.classNames("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})}},styles:"\n@layer primereact {\n    .p-fileupload-content {\n        position: relative;\n    }\n    \n    .p-fileupload-row {\n        display: flex;\n        align-items: center;\n    }\n    \n    .p-fileupload-row > div {\n        flex: 1 1 auto;\n        width: 25%;\n    }\n    \n    .p-fileupload-row > div:last-child {\n        text-align: right;\n    }\n    \n    .p-fileupload-content > .p-progressbar {\n        width: 100%;\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n    \n    .p-button.p-fileupload-choose {\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-fileupload-buttonbar {\n        display: flex;\n        flex-wrap: wrap;\n    }\n    \n    .p-button.p-fileupload-choose input[type='file'] {\n        display: none;\n    }\n    \n    .p-fileupload-choose.p-fileupload-choose-selected input[type='file'] {\n        display: none;\n    }\n    \n    .p-fileupload-filename {\n        word-break: break-all;\n    }\n    \n    .p-fileupload-file-thumbnail {\n        flex-shrink: 0;\n    }\n    \n    .p-fileupload-file-badge {\n        margin: 0.5rem;\n    }\n    \n    .p-fluid .p-fileupload .p-button {\n        width: auto;\n    }\n}\n"}});function _(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?_(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function R(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=L(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,a=function(){};return{s:a,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,o=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){i=!0,l=e},f:function(){try{o||null==n.return||n.return()}finally{if(i)throw l}}}}function L(e,t){if(e){if("string"==typeof e)return k(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)?k(e,t):void 0}}function k(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}var A=m.memo(m.forwardRef((function(e,t){var f=a.useMergeProps(),b=m.useContext(n.PrimeReactContext),y=M.getProps(e,b),v=x(m.useState([]),2),g=v[0],O=v[1],E=x(m.useState([]),2),S=E[0],w=E[1],N=x(m.useState(0),2),I=N[0],B=N[1],U=x(m.useState(!1),2),C=U[0],T=U[1],D=x(m.useState(!1),2),_=D[0],L=D[1],k={props:y,state:{progress:I,uploading:_,uploadedFiles:g,files:S,focused:C}},A=M.setMetaData(k),H=A.ptm,X=A.cx,J=A.isUnstyled;r.useHandleStyle(M.css.styles,J,{name:"fileupload"});var V=m.useRef(null),K=m.useRef(null),W=m.useRef(null),Y=m.useRef(0),$=l.ObjectUtils.isNotEmpty(S),q=l.ObjectUtils.isNotEmpty(g),G=y.disabled||_,Q=y.chooseLabel||y.chooseOptions.label||n.localeOption("choose"),Z=y.uploadLabel||y.uploadOptions.label||n.localeOption("upload"),ee=y.cancelLabel||y.cancelOptions.label||n.localeOption("cancel"),te=G||y.fileLimit&&y.fileLimit<=S.length+Y,ne=G||!$,re=G||!$,ae=function(e){return/^image\//.test(e.type)},le=function(e,t){ie();var n=j(S),r=S[t];n.splice(t,1),w(n),y.onRemove&&y.onRemove({originalEvent:e,file:r})},oe=function(e,t){ie();var n=j(g),r=S[t];n.splice(t,1),O(n),y.onRemove&&y.onRemove({originalEvent:e,file:r})},ie=function(){V.current&&(V.current.value="")},se=function(e){var t=n.localeOption("fileSizeTypes");if(0===e)return"0 ".concat(t[0]);var r=Math.floor(Math.log(e)/Math.log(1024)),a=parseFloat((e/Math.pow(1024,r)).toFixed(3));return"".concat(a," ").concat(t[r])},ce=function(e){if(!y.onBeforeSelect||!1!==y.onBeforeSelect({originalEvent:e,files:S})){var t=[];y.multiple&&(t=S?j(S):[]);for(var n=e.dataTransfer?e.dataTransfer.files:e.target.files,r=0;r<n.length;r++){var a=n[r];!ue(a)&&pe(a)&&(a.objectURL=window.URL.createObjectURL(a),t.push(a))}w(t),l.ObjectUtils.isNotEmpty(t)&&y.auto&&de(t),y.onSelect&&y.onSelect({originalEvent:e,files:t}),ie(),"basic"===y.mode&&t.length>0&&(V.current.style.display="none")}},ue=function(e){return S.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},pe=function(e){if(y.maxFileSize&&e.size>y.maxFileSize){var t={severity:"error",summary:y.invalidFileSizeMessageSummary.replace("{0}",e.name),detail:y.invalidFileSizeMessageDetail.replace("{0}",se(y.maxFileSize)),sticky:!0};return"advanced"===y.mode&&K.current.show(t),y.onValidationFail&&y.onValidationFail(e),!1}return!0},de=function(e){if((e=e||S)&&e.nativeEvent&&(e=S),y.customUpload)y.fileLimit&&P("uploadedFileCount"),y.uploadHandler&&y.uploadHandler({files:e,options:{clear:fe,props:y}});else{L(!0);var t=new XMLHttpRequest,n=new FormData;y.onBeforeUpload&&y.onBeforeUpload({xhr:t,formData:n});var r,a=R(e);try{for(a.s();!(r=a.n()).done;){var l=r.value;n.append(y.name,l,l.name)}}catch(e){a.e(e)}finally{a.f()}t.upload.addEventListener("progress",(function(e){if(e.lengthComputable){var t=Math.round(100*e.loaded/e.total);B(t),y.onProgress&&y.onProgress({originalEvent:e,progress:t})}})),t.onreadystatechange=function(){4===t.readyState&&(B(0),L(!1),t.status>=200&&t.status<300?(y.fileLimit&&P("uploadedFileCount"),y.onUpload&&y.onUpload({xhr:t,files:e})):y.onError&&y.onError({xhr:t,files:e}),fe(),O((function(t){return[].concat(j(t),j(e))})))},t.open("POST",y.url,!0),y.onBeforeSend&&y.onBeforeSend({xhr:t,formData:n}),t.withCredentials=y.withCredentials,t.send(n)}},fe=function(){w([]),O([]),L(!1),y.onClear&&y.onClear(),ie()},me=function(){V.current.click()},be=function(){T(!0)},ye=function(){T(!1)},ve=function(e){"Enter"===e.code&&me()},ge=function(e){if(!y.disabled&&(!J()&&l.DomHandler.removeClass(W.current,"p-fileupload-highlight"),W.current.setAttribute("data-p-highlight",!1),e.stopPropagation(),e.preventDefault(),!y.onBeforeDrop||!1!==y.onBeforeDrop(e))){var t=e.dataTransfer?e.dataTransfer.files:e.target.files;(y.multiple||l.ObjectUtils.isEmpty(S)&&t&&1===t.length)&&ce(e)}},he=function(){!G&&$?de():V.current.click()};m.useImperativeHandle(t,(function(){return{props:y,upload:de,clear:fe,formatSize:se,onFileSelect:ce,getInput:function(){return V.current},getContent:function(){return W.current},getFiles:function(){return S},setFiles:function(e){return w(e||[])},getUploadedFiles:function(){return g},setUploadedFiles:function(e){return O(e||[])}}}));var Oe,Ee,Se,we,Ne,je,Pe,Ie,Be,Ue,xe=function(e,t,n){"warning"===t.severity?le(e,n):oe(e,n)},Ce=function(e,t,n){var r=e.name+e.type+e.size,a=f({role:"presentation",className:X("thumbnail"),src:e.objectURL,width:y.previewWidth},H("thumbnail")),i=ae(e)?m.createElement("img",h({},a,{alt:e.name})):null,c=f(H("details")),u=f(H("fileSize")),p=f({className:X("fileName")},H("fileName")),d=f(H("actions")),b=m.createElement("div",p,e.name),v=m.createElement("div",u,se(e.size)),g=m.createElement("div",c,m.createElement("div",p," ",e.name),m.createElement("span",u,se(e.size)),m.createElement(F,{className:"p-fileupload-file-badge",value:n.value,severity:n.severity,pt:H("badge"),__parentMetadata:{parent:k}})),O=m.createElement("div",d,m.createElement(o.Button,{type:"button",icon:y.removeIcon||m.createElement(s.TimesIcon,null),text:!0,rounded:!0,severity:"danger",onClick:function(e){return xe(e,n,t)},disabled:G,pt:H("removeButton"),__parentMetadata:{parent:k}})),E=m.createElement(m.Fragment,null,i,g,O);if(y.itemTemplate){var S={onRemove:function(e){return le(e,t)},previewElement:i,fileNameElement:b,sizeElement:v,removeElement:O,formatSize:se(e.size),element:E,index:t,props:y};E=l.ObjectUtils.getJSXElement(y.itemTemplate,e,S)}var w=f({key:r,className:X("file")},H("file"));return m.createElement("div",w,E)},Te=function(){var e={severity:"success",value:n.localeOption("completed")||"Completed"},t=g&&g.map((function(t,n){return Ce(t,n,e)}));return m.createElement("div",null,t)};return"advanced"===y.mode?function(){var e,t,r,a,b,v,g,O,E,w,N,j,P,B,U,x,T,D,F,_=(t=(e=y.chooseOptions).className,r=e.style,a=e.icon,b=e.iconOnly,v=f({className:X("chooseButtonLabel")},H("chooseButtonLabel")),g=b?m.createElement("span",h({},v,{dangerouslySetInnerHTML:{__html:"&nbsp;"}})):m.createElement("span",v,Q),O=f({ref:V,type:"file",onChange:function(e){return ce(e)},multiple:y.multiple,accept:y.accept,disabled:te},H("input")),E=m.createElement("input",O),w=f({className:X("chooseIcon",{iconOnly:b}),"aria-hidden":"true"},H("chooseIcon")),N=l.IconUtils.getJSXIcon(a||m.createElement(i.PlusIcon,w),z({},w),{props:y}),j=f({className:l.classNames(t,X("chooseButton",{iconOnly:b,disabled:G,className:t,focusedState:C})),style:r,onClick:me,onKeyDown:function(e){return ve(e)},onFocus:be,onBlur:ye,tabIndex:0,"data-p-disabled":G,"data-p-focus":C},H("chooseButton")),m.createElement("span",j,E,N,g,m.createElement(d.Ripple,null))),R=!y.emptyTemplate||$||q?null:l.ObjectUtils.getJSXElement(y.emptyTemplate,y);if(!y.auto){var L=y.uploadOptions,A=y.cancelOptions,Y=L.iconOnly?"":Z,ae=A.iconOnly?"":ee,le=f({className:X("uploadIcon",{iconOnly:L.iconOnly}),"aria-hidden":"true"},H("uploadIcon")),oe=l.IconUtils.getJSXIcon(L.icon||m.createElement(c.UploadIcon,le),z({},le),{props:y}),ie=f({className:X("cancelIcon",{iconOnly:A.iconOnly}),"aria-hidden":"true"},H("cancelIcon")),se=l.IconUtils.getJSXIcon(A.icon||m.createElement(s.TimesIcon,ie),z({},ie),{props:y});P=m.createElement(o.Button,{type:"button",label:Y,"aria-hidden":"true",icon:oe,onClick:de,disabled:ne,style:L.style,className:L.className,pt:H("uploadButton"),__parentMetadata:{parent:k}}),B=m.createElement(o.Button,{type:"button",label:ae,"aria-hidden":"true",icon:se,onClick:fe,disabled:re,style:A.style,className:A.className,pt:H("cancelButton"),__parentMetadata:{parent:k}})}$&&(D={severity:"warning",value:n.localeOption("pending")||"Pending"},F=S.map((function(e,t){return Ce(e,t,D)})),U=m.createElement("div",null,F),T=y.progressBarTemplate?l.ObjectUtils.getJSXElement(y.progressBarTemplate,{progress:I,props:y}):m.createElement(p.ProgressBar,{value:I,showValue:!1,pt:H("progressbar"),__parentMetadata:{parent:k}})),q&&(x=Te());var ue=f({className:l.classNames(y.headerClassName,X("buttonbar")),style:y.headerStyle},H("buttonbar")),pe=m.createElement("div",ue,_,P,B);if(y.headerTemplate){var he={className:l.classNames("p-fileupload-buttonbar",y.headerClassName),chooseButton:_,uploadButton:P,cancelButton:B,element:pe,props:y};pe=l.ObjectUtils.getJSXElement(y.headerTemplate,he)}var Oe=f({id:y.id,className:X("root"),style:y.style},M.getOtherProps(y),H("root")),Ee=f({ref:W,className:l.classNames(y.contentClassName,X("content")),style:y.contentStyle,onDragEnter:function(e){return t=e,void(G||(t.dataTransfer.dropEffect="copy",t.stopPropagation(),t.preventDefault()));var t},onDragOver:function(e){return t=e,void(G||(t.dataTransfer.dropEffect="copy",!J()&&l.DomHandler.addClass(W.current,"p-fileupload-highlight"),W.current.setAttribute("data-p-highlight",!0),t.stopPropagation(),t.preventDefault()));var t},onDragLeave:function(e){return t=e,void(G||(t.dataTransfer.dropEffect="copy",!J()&&l.DomHandler.removeClass(W.current,"p-fileupload-highlight"),W.current.setAttribute("data-p-highlight",!1)));var t},onDrop:function(e){return ge(e)},"data-p-highlight":!1},H("content"));return m.createElement("div",Oe,pe,m.createElement("div",Ee,T,m.createElement(u.Messages,{ref:K,__parentMetadata:{parent:k}}),$?U:null,q?x:null,R))}():"basic"===y.mode?(Oe=y.chooseOptions,Ee=f({className:X("label")},H("label")),Se=Oe.iconOnly?m.createElement("span",h({},Ee,{dangerouslySetInnerHTML:{__html:"&nbsp;"}})):m.createElement("span",Ee,Q),we=y.auto?Se:m.createElement("span",Ee,$?S[0].name:Se),Ne=f({className:X("chooseIcon",{iconOnly:Oe.iconOnly})},H("chooseIcon")),je=l.IconUtils.getJSXIcon(Oe.icon?Oe.icon:Oe.icon||$&&!y.auto?!Oe.icon&&$&&!y.auto&&m.createElement(c.UploadIcon,Ne):m.createElement(i.PlusIcon,Ne),z({},Ne),{props:y,hasFiles:$}),Pe=f({ref:V,type:"file",onChange:function(e){return ce(e)},multiple:y.multiple,accept:y.accept,disabled:G},H("input")),Ie=!$&&m.createElement("input",Pe),Be=f({className:l.classNames(y.className,X("root")),style:y.style},M.getOtherProps(y),H("root")),Ue=f({className:l.classNames(Oe.className,X("basicButton",{hasFiles:$,disabled:G,focusedState:C})),style:Oe.style,tabIndex:0,onClick:he,onKeyDown:function(e){return ve(e)},onFocus:be,onBlur:ye},M.getOtherProps(y),H("basicButton")),m.createElement("div",Be,m.createElement(u.Messages,{ref:K,pt:H("message"),__parentMetadata:{parent:k}}),m.createElement("span",Ue,je,we,Ie,m.createElement(d.Ripple,null)))):void 0})));return A.displayName="FileUpload",e.FileUpload=A,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils,primereact.button,primereact.icons.plus,primereact.icons.times,primereact.icons.upload,primereact.messages,primereact.progressbar,primereact.ripple);

package/galleria/galleria.cjs.js

@@ -8,10 +8,10 @@ var PrimeReact = require('primereact/api');
 var componentbase = require('primereact/componentbase');
 var csstransition = require('primereact/csstransition');
 var hooks = require('primereact/hooks');
+var utils = require('primereact/utils');
 var times = require('primereact/icons/times');
 var portal = require('primereact/portal');
 var ripple = require('primereact/ripple');
-var utils = require('primereact/utils');
 var chevronleft = require('primereact/icons/chevronleft');
 var chevronright = require('primereact/icons/chevronright');
 var chevrondown = require('primereact/icons/chevrondown');
@@ -306,6 +306,7 @@ function _toConsumableArray(arr) {
 function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var GalleriaItem = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var mergeProps = hooks.useMergeProps();
   var indicatorContent = React__namespace.useRef(null);
   var ptm = props.ptm,
     cx = props.cx;
@@ -451,14 +452,14 @@ var GalleriaItem = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
   var createBackwardNavigator = function createBackwardNavigator() {
     if (props.showItemNavigators) {
       var isDisabled = !props.circular && props.activeItemIndex === 0;
-      var previousItemIconProps = utils.mergeProps({
+      var previousItemIconProps = mergeProps({
         className: cx('previousItemIcon')
       }, getPTOptions('previousItemIcon'));
       var icon = props.itemPrevIcon || /*#__PURE__*/React__namespace.createElement(chevronleft.ChevronLeftIcon, previousItemIconProps);
       var itemPrevIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$2({}, previousItemIconProps), {
         props: props
       });
-      var previousItemButtonProps = utils.mergeProps({
+      var previousItemButtonProps = mergeProps({
         type: 'button',
         className: cx('previousItemButton', {
           isDisabled: isDisabled
@@ -475,14 +476,14 @@ var GalleriaItem = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
   var createForwardNavigator = function createForwardNavigator() {
     if (props.showItemNavigators) {
       var isDisabled = !props.circular && props.activeItemIndex === props.value.length - 1;
-      var nextItemIconProps = utils.mergeProps({
+      var nextItemIconProps = mergeProps({
         className: cx('nextItemIcon')
       }, getPTOptions('nextItemIcon'));
       var icon = props.itemNextIcon || /*#__PURE__*/React__namespace.createElement(chevronright.ChevronRightIcon, nextItemIconProps);
       var itemNextIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$2({}, nextItemIconProps), {
         props: props
       });
-      var nextItemButtonProps = utils.mergeProps({
+      var nextItemButtonProps = mergeProps({
         type: 'button',
         className: cx('nextItemButton', {
           isDisabled: isDisabled
@@ -497,7 +498,7 @@ var GalleriaItem = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     return null;
   };
   var createCaption = function createCaption() {
-    var captionProps = utils.mergeProps({
+    var captionProps = mergeProps({
       className: cx('caption')
     }, getPTOptions('caption'));
     if (props.caption) {
@@ -510,7 +511,7 @@ var GalleriaItem = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     var key = 'p-galleria-indicator-' + index;
     var isActive = props.activeItemIndex === index;
     var indicator = props.indicator && props.indicator(index);
-    var indicatorProps = utils.mergeProps({
+    var indicatorProps = mergeProps({
       className: cx('indicator', {
         isActive: isActive
       }),
@@ -542,7 +543,7 @@ var GalleriaItem = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
   var createIndicators = function createIndicators() {
     if (props.showIndicators) {
       var _indicators = [];
-      var indicatorsProps = utils.mergeProps({
+      var indicatorsProps = mergeProps({
         className: utils.classNames(props.indicatorsContentClassName, cx('indicators'))
       }, getPTOptions('indicators'));
       for (var i = 0; i < props.value.length; i++) {
@@ -559,14 +560,14 @@ var GalleriaItem = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
   var forwardNavigator = createForwardNavigator();
   var caption = createCaption();
   var indicators = createIndicators();
-  var itemWrapperProps = utils.mergeProps({
+  var itemWrapperProps = mergeProps({
     ref: ref,
     className: cx('itemWrapper')
   }, getPTOptions('itemWrapper'));
-  var itemContainerProps = utils.mergeProps({
+  var itemContainerProps = mergeProps({
     className: cx('itemContainer')
   }, getPTOptions('itemContainer'));
-  var itemProps = utils.mergeProps({
+  var itemProps = mergeProps({
     className: cx('item'),
     id: props.id + '_item_' + props.activeItemIndex,
     role: 'group',

package/galleria/galleria.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),a=require("primereact/csstransition"),i=require("primereact/hooks"),r=require("primereact/icons/times"),l=require("primereact/portal"),o=require("primereact/ripple"),c=require("primereact/utils"),s=require("primereact/icons/chevronleft"),u=require("primereact/icons/chevronright"),m=require("primereact/icons/chevrondown"),p=require("primereact/icons/chevronup");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(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 h=f(e),g=d(n);function b(){return b=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},b.apply(this,arguments)}function v(e){return v="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},v(e)}function I(e,n){if("object"!==v(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var a=t.call(e,n||"default");if("object"!==v(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function x(e){var n=I(e,"string");return"symbol"===v(n)?n:String(n)}function y(e,n,t){return(n=x(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function w(e){if(Array.isArray(e))return e}function O(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 P(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 S(e,n){if(e){if("string"==typeof e)return P(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)?P(e,n):void 0}}function N(){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 E(e,n){return w(e)||O(e,n)||S(e,n)||N()}var C=t.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},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 c.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"===g.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===g.default.ripple},e.thumbnailsPosClassName,e.indicatorPosClassName)},content:"p-galleria-content",mask:function(e){return c.classNames("p-galleria-mask",{"p-galleria-visible":e.visibleState})},thumbnailItem:function(e){var n=e.subProps;return c.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 c.classNames("p-galleria-thumbnail-prev p-link",{"p-disabled":e.isDisabled})},nextThumbnailIcon:"p-galleria-thumbnail-next-icon",nextThumbnailButton:function(e){return c.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 c.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 c.classNames("p-galleria-item-next p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},caption:"p-galleria-caption",indicator:function(e){return c.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 D(e){if(Array.isArray(e))return P(e)}function j(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function T(){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 k(e){return D(e)||j(e)||S(e)||T()}function A(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 H(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?A(Object(t),!0).forEach((function(n){y(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):A(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var R=h.memo(h.forwardRef((function(e,t){var a=h.useRef(null),r=e.ptm,l=e.cx,m=function(n,t){return r(n,H({hostName:e.hostName},t))},p=function(){e.slideShowActive&&e.stopSlideShow&&e.stopSlideShow()},d=function(n){p(),e.onActiveItemChange({index:e.circular&&0===e.activeItemIndex?e.value.length-1:0!==e.activeItemIndex?e.activeItemIndex-1:0}),n&&n.cancelable&&n.preventDefault()},f=function(n){p(),e.onActiveItemChange({index:e.circular&&e.value.length-1===e.activeItemIndex?0:e.activeItemIndex+1}),n&&n.cancelable&&n.preventDefault()},g=function(n){p(),e.onActiveItemChange({index:n})},v=function(n){e.changeItemOnIndicatorHover&&(p(),e.onActiveItemChange({index:n}))},I=function(n,t){switch(n.code){case"Enter":case"Space":p(),e.onActiveItemChange({index:t}),n.preventDefault();break;case"ArrowRight":x();break;case"ArrowLeft":y();break;case"Home":w(),n.preventDefault();break;case"End":O(),n.preventDefault();break;case"Tab":P();break;case"ArrowDown":case"ArrowUp":case"PageUp":case"PageDown":n.preventDefault()}},x=function(){var e=k(c.DomHandler.find(a.current,'[data-pc-section="indicator"]')),n=S();N(n,n+1===e.length?e.length-1:n+1)},y=function(){var e=S();N(e,e-1<=0?0:e-1)},w=function(){var e=S();N(e,0)},O=function(){var e=k(c.DomHandler.find(a.current,'[data-pc-section="indicator"]')),n=S();N(n,e.length-1)},P=function(){var e=k(c.DomHandler.find(a.current,'[data-pc-section="indicator"]')),n=e.findIndex((function(e){return!0===c.DomHandler.getAttribute(e,"data-p-highlight")})),t=c.DomHandler.findSingle(a.current,'[data-pc-section="indicator"] > button[tabindex="0"]'),i=e.findIndex((function(e){return e===t.parentElement}));e[i].children[0].tabIndex="-1",e[n].children[0].tabIndex="0"},S=function(){var e=k(c.DomHandler.find(a.current,'[data-pc-section="indicator"]')),n=c.DomHandler.findSingle(a.current,'[data-pc-section="indicator"] > button[tabindex="0"]');return e.findIndex((function(e){return e===n.parentElement}))},N=function(e,n){var t=k(c.DomHandler.find(a.current,'[data-pc-section="indicator"]'));t[e].children[0].tabIndex="-1",t[n].children[0].tabIndex="0",t[n].children[0].focus()};i.useMountEffect((function(){e.autoPlay&&e.startSlideShow()}));var E,C=function(t){var a,i="p-galleria-indicator-"+t,r=e.activeItemIndex===t,s=e.indicator&&e.indicator(t),u=c.mergeProps({className:l("indicator",{isActive:r}),key:i,tabIndex:0,"aria-label":(a=t+1,n.localeOption("aria")?n.localeOption("aria").pageLabel.replace(/{page}/g,a):void 0),"aria-selected":e.activeIndex===t,"aria-controls":e.id+"_item_"+t,"data-p-highlight":r,onClick:function(){return g(t)},onMouseEnter:function(){return v(t)},onKeyDown:function(e){return I(e,t)}},m("indicator"));return s||(s=h.createElement("button",{tabIndex:e.activeIndex===t?"0":"-1",type:"button",className:"p-link"},h.createElement(o.Ripple,null))),h.createElement("li",u,s)},D=e.itemTemplate&&e.itemTemplate(e.value[e.activeItemIndex]),j=function(){if(e.showItemNavigators){var n=!e.circular&&0===e.activeItemIndex,t=c.mergeProps({className:l("previousItemIcon")},m("previousItemIcon")),a=c.IconUtils.getJSXIcon(e.itemPrevIcon||h.createElement(s.ChevronLeftIcon,t),H({},t),{props:e}),i=c.mergeProps({type:"button",className:l("previousItemButton",{isDisabled:n}),onClick:d,disabled:n,"data-p-disabled":n,"data-pc-group-section":"itemnavigator"},m("previousItemButton"));return h.createElement("button",i,a,h.createElement(o.Ripple,null))}return null}(),T=function(){if(e.showItemNavigators){var n=!e.circular&&e.activeItemIndex===e.value.length-1,t=c.mergeProps({className:l("nextItemIcon")},m("nextItemIcon")),a=c.IconUtils.getJSXIcon(e.itemNextIcon||h.createElement(u.ChevronRightIcon,t),H({},t),{props:e}),i=c.mergeProps({type:"button",className:l("nextItemButton",{isDisabled:n}),onClick:f,disabled:n,"data-p-disabled":n,"data-pc-group-section":"itemnavigator"},m("nextItemButton"));return h.createElement("button",i,a,h.createElement(o.Ripple,null))}return null}(),A=function(){var n=c.mergeProps({className:l("caption")},m("caption"));if(e.caption){var t=e.caption(e.value[e.activeItemIndex]);return h.createElement("div",n,t)}return null}(),R=function(){if(e.showIndicators){for(var n=[],t=c.mergeProps({className:c.classNames(e.indicatorsContentClassName,l("indicators"))},m("indicators")),i=0;i<e.value.length;i++)n.push(C(i));return h.createElement("ul",b({ref:a},t),n)}return null}(),U=c.mergeProps({ref:t,className:l("itemWrapper")},m("itemWrapper")),V=c.mergeProps({className:l("itemContainer")},m("itemContainer")),B=c.mergeProps({className:l("item"),id:e.id+"_item_"+e.activeItemIndex,role:"group","aria-label":(E=e.activeItemIndex+1,n.localeOption("aria")?n.localeOption("aria").slideNumber.replace(/{slideNumber}/g,E):void 0),"aria-roledescription":n.localeOption("aria")?n.localeOption("aria").slide:void 0},m("item"));return h.createElement("div",U,h.createElement("div",V,j,h.createElement("div",B,D),T,A),R)})));function U(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 V(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?U(Object(t),!0).forEach((function(n){y(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):U(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}R.displayName="GalleriaItem";var B=h.memo((function(e){var t,a=e.ptm,i=e.cx,r=function(n,t){return a(n,V({hostName:e.hostName},t))},l=function(){var n=c.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]'),t=p();d(t,t+1===n.length?n.length-1:t+1)},o=function(){var e=p();d(e,e-1<=0?0:e-1)},s=function(){var e=p();d(e,0)},u=function(){var n=c.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]'),t=p();d(t,n.length-1)},m=function(){var n=k(c.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]')),t=n.findIndex((function(e){return!0===c.DomHandler.getAttribute(e,"data-p-active")})),a=c.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=k(c.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]')),t=c.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=c.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),g=c.mergeProps({className:c.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":l();break;case"ArrowLeft":o();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=c.mergeProps({className:i("thumbnailItemContent"),tabIndex:e.current?"0":"-1","aria-label":(t=e.index+1,n.localeOption("aria")?n.localeOption("aria").pageLabel.replace(/{page}/g,t):void 0),"aria-current":e.current?"page":void 0,onClick:function(n){e.onItemClick({originalEvent:n,index:e.index})}},r("thumbnailItemContent"));return h.createElement("div",g,h.createElement("div",b,f))})),q=h.memo(h.forwardRef((function(e,t){var a=E(h.useState(e.numVisible),2),r=a[0],l=a[1],d=E(h.useState(0),2),f=d[0],b=d[1],v=h.useRef(null),I=h.useRef(null),x=h.useRef(""),y=h.useRef(null),w=h.useRef(null),O=i.usePrevious(r),P=i.usePrevious(e.activeItemIndex),S=h.useContext(n.PrimeReactContext),N=e.ptm,C=e.cx,D=e.sx,j=function(n,t){return N(n,V({hostName:e.hostName},t))},T=E(i.useResizeListener({listener:function(){J()},when:e.responsiveOptions}),1)[0],A=function(n){var t=f+n;n<0&&-1*t+r>e.value.length-1?t=r-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=r-e.value.length)),v.current&&(c.DomHandler.removeClass(v.current,"p-items-hidden"),v.current.style.transform=e.isVertical?"translate3d(0, ".concat(t*(100/r),"%, 0)"):"translate3d(".concat(t*(100/r),"%, 0, 0)"),v.current.style.transition="transform 500ms ease 0s"),b(t)},H=function(){e.slideShowActive&&e.stopSlideShow&&e.stopSlideShow()},R=function(){var e=Math.floor(r/2);return r%2?e:e-1},U=function(n){H();var t=0!==e.activeItemIndex?e.activeItemIndex-1:0;r-(t+f)-1>R()&&(-1*f!=0||e.circular)&&A(1),e.onActiveItemChange({index:e.circular&&0===e.activeItemIndex?e.value.length-1:t}),n.cancelable&&n.preventDefault()},q=function(n){H();var t=e.activeItemIndex+1;t+f>R()&&(-1*f<X()-1||e.circular)&&A(-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,i=0;t<e.activeItemIndex?(i=r-a-1-R())>0&&-1*f!=0&&A(i):(i=R()-a)<0&&-1*f<X()-1&&A(i),e.onActiveItemChange({index:t})}},M=function(n){v.current&&"transform"===n.propertyName&&(document.body.setAttribute("data-p-items-hidden","false"),!e.isUnstyled()&&c.DomHandler.addClass(v.current,"p-items-hidden"),v.current.style.transition="")},L=function(e){var n=e.changedTouches[0];I.current={x:n.pageX,y:n.pageY}},G=function(e){e.cancelable&&e.preventDefault()},z=function(n){var t=n.changedTouches[0];W(n,e.isVertical?t.pageY-I.current.y:t.pageX-I.current.x)},W=function(e,n){n<0?q(e):U(e)},X=function(){return e.value.length>r?e.value.length-r+1:0},Z=function(){y.current||(y.current=c.DomHandler.createInlineStyle(S&&S.nonce||g.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/r,"%\n                }\n            } \n        ");if(e.responsiveOptions){var t=c.ObjectUtils.localeComparator(S&&S.locale||g.default.locale);w.current=k(e.responsiveOptions),w.current.sort((function(e,n){return c.ObjectUtils.sort(e.breakpoint,n.breakpoint,-1,t,S&&S.nullSortOrder||g.default.nullSortOrder)}));for(var a=0;a<w.current.length;a++){var i=w.current[a];n+="\n                    @media screen and (max-width: ".concat(i.breakpoint,') {\n                        [data-pc-section="thumbnailitems"][').concat(x.current,'] {\n                            [data-pc-section="thumbnailitem"] {\n                                flex: 1 0 ').concat(100/i.numVisible,"%\n                            }\n                        } \n                    }\n                ")}}y.current.innerHTML=n},J=function(){if(v.current&&w.current){for(var n=window.innerWidth,t={numVisible:e.numVisible},a=0;a<w.current.length;a++){var i=w.current[a];parseInt(i.breakpoint,10)>=n&&(t=i)}r!==t.numVisible&&l(t.numVisible)}};i.useMountEffect((function(){v.current&&(x.current=c.UniqueComponentId(),v.current.setAttribute(x.current,"")),Z(),J(),T()})),i.useUpdateEffect((function(){var n=f;O===r&&P===e.activeItemIndex||((n=e.activeItemIndex<=R()?0:e.value.length-r+R()<e.activeItemIndex?r-e.value.length:e.value.length-r<e.activeItemIndex&&r%2==0?-1*e.activeItemIndex+R()+1:-1*e.activeItemIndex+R())!==f&&b(n),v.current.style.transform=e.isVertical?"translate3d(0, ".concat(n*(100/r),"%, 0)"):"translate3d(".concat(n*(100/r),"%, 0, 0)"),P!==e.activeItemIndex&&(document.body.setAttribute("data-p-items-hidden","false"),!e.isUnstyled()&&c.DomHandler.removeClass(v.current,"p-items-hidden"),v.current.style.transition="transform 500ms ease 0s"))}));var K,Y,F,$,Q,ee,ne,te=function(){if(e.showThumbnailNavigators){var t=!e.circular&&0===e.activeItemIndex||e.value.length<=r,a=c.mergeProps({className:C("previousThumbnailIcon")},j("previousThumbnailIcon")),i=c.IconUtils.getJSXIcon(e.isVertical?e.prevThumbnailIcon||h.createElement(p.ChevronUpIcon,a):e.prevThumbnailIcon||h.createElement(s.ChevronLeftIcon,a),V({},a),{props:e}),l=c.mergeProps({className:C("previousThumbnailButton",{isDisabled:t}),onClick:U,type:"button",disabled:t,"data-p-disabled":t,"aria-label":n.localeOption("aria")?n.localeOption("aria").previousPageLabel:void 0,"data-pc-group-section":"thumbnailnavigator"},j("previousThumbnailButton"));return h.createElement("button",l,i,h.createElement(o.Ripple,null))}return null},ae=function(){if(e.showThumbnailNavigators){var t=!e.circular&&e.activeItemIndex===e.value.length-1||e.value.length<=r,a=c.mergeProps({className:C("nextThumbnailIcon")},j("nextThumbnailIcon")),i=c.IconUtils.getJSXIcon(e.isVertical?e.nextThumbnailIcon||h.createElement(m.ChevronDownIcon,a):e.nextThumbnailIcon||h.createElement(u.ChevronRightIcon,a),V({},a),{props:e}),l=c.mergeProps({className:C("nextThumbnailButton",{isDisabled:t}),disabled:t,type:"button","aria-label":n.localeOption("aria")?n.localeOption("aria").nextPageLabel:void 0,onClick:q,"data-p-disabled":t,"data-pc-group-section":"thumbnailnavigator"},j("nextThumbnailButton"));return h.createElement("button",l,i,h.createElement(o.Ripple,null))}return null},ie=(K=e.value.map((function(n,t){var a=-1*f,i=a+r-1;return h.createElement(B,{key:t,index:t,containerId:e.containerId,itemsContainerRef:v,template:e.itemTemplate,item:n,active:a<=t&&i>=t,start:a===t,end:i===t,onItemClick:_,current:e.activeItemIndex===t,ptm:N,cx:C,sx:D})})),Y=e.isVertical?e.contentHeight:"",F=te(),$=ae(),Q=c.mergeProps({className:C("thumbnailContainer")},j("thumbnailContainer")),ee=c.mergeProps({className:C("thumbnailItemsContainer"),style:D("thumbnailItemsContainer",{height:Y})},j("thumbnailItemsContainer")),ne=c.mergeProps({ref:v,className:C("thumbnailItems"),role:"tablist",onTransitionEnd:M,onTouchStart:L,onTouchMove:G,onTouchEnd:z},j("thumbnailItems")),h.createElement("div",Q,F,h.createElement("div",ee,h.createElement("div",ne,K)),$)),re=c.mergeProps({className:C("thumbnailWrapper")},j("thumbnailWrapper"));return h.createElement("div",re,ie)})));function _(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 M(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?_(Object(t),!0).forEach((function(n){y(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):_(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}B.displayName="GalleriaThumbnailItem",q.displayName="GalleriaThumbnails";var L=h.memo(h.forwardRef((function(e,s){var u=h.useContext(n.PrimeReactContext),m=C.getProps(e,u),p=E(h.useState(!1),2),d=p[0],f=p[1],v=E(h.useState(m.numVisible),2),I=v[0],x=v[1],y=E(h.useState(!1),2),w=y[0],O=y[1],P=E(h.useState(m.activeIndex),2),S=P[0],N=P[1],D=h.useRef(null),j=h.useRef(null),T=h.useRef(null),k=m.onItemChange?m.activeIndex:S,A="left"===m.thumbnailsPosition||"right"===m.thumbnailsPosition,H=m.id||c.UniqueComponentId(),U=C.setMetaData({props:m,state:{visible:d,numVisible:I,slideShowActive:w,activeIndex:S}}),V=U.ptm,B=U.cx,_=U.sx,L=U.isUnstyled;t.useHandleStyle(C.css.styles,L,{name:"galleria"}),i.useInterval((function(){G({index:m.circular&&m.value.length-1===k?0:k+1})}),m.transitionInterval,w);var G=function(e){e.index>=m.value.length?Q():m.onItemChange?m.onItemChange(e):N(e.index)},z=function(){f(!0)},W=function(){f(!1)},X=function(){c.DomHandler.blockBodyScroll()},Z=function(){c.ZIndexUtils.set("modal",T.current,u&&u.autoZIndex||g.default.autoZIndex,m.baseZIndex||u&&u.zIndex.modal||g.default.zIndex.modal),!L()&&c.DomHandler.addMultipleClasses(T.current,"p-component-overlay p-component-overlay-enter")},J=function(){m.onShow&&m.onShow()},K=function(){c.DomHandler.unblockBodyScroll(),!L()&&c.DomHandler.addClass(T.current,"p-component-overlay-leave")},Y=function(){c.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):""};h.useEffect((function(){m.value&&m.value.length<I&&x(m.value.length)}),[m.value,I]),h.useEffect((function(){x(m.numVisible)}),[m.numVisible]),i.useUnmountEffect((function(){w&&Q(),c.ZIndexUtils.clear(T.current)})),h.useImperativeHandle(s,(function(){return{props:m,show:z,hide:W,isAutoPlayActive:F,startSlideShow:$,stopSlideShow:Q,getElement:function(){return D.current},getPreviewContent:function(){return j.current}}}));return c.ObjectUtils.isNotEmpty(m.value)&&function(){var e,t,i,s,p,f,g,v,x,y,O,P,S=(i=m.showThumbnails&&ee("p-galleria-thumbnails",m.thumbnailsPosition),s=m.showIndicators&&ee("p-galleria-indicators",m.indicatorsPosition),p=c.mergeProps({className:B("closeIcon"),"aria-hidden":!0},V("closeIcon")),f=c.IconUtils.getJSXIcon(m.closeIcon||h.createElement(r.TimesIcon,p),M({},p),{props:m}),g=c.mergeProps({type:"button",className:B("closeButton"),"aria-label":n.localeOption("aria")?n.localeOption("aria").close:void 0,onClick:W},V("closeButton")),v=m.fullScreen&&h.createElement("button",g,f,h.createElement(o.Ripple,null)),e=c.mergeProps({className:B("header")},V("header")),x=m.header?h.createElement("div",e,m.header):null,t=c.mergeProps({className:B("footer")},V("footer")),y=m.footer?h.createElement("div",t,m.footer):null,O=c.mergeProps({ref:D,id:H,className:c.classNames(m.className,B("root",{context:u,thumbnailsPosClassName:i,indicatorPosClassName:s})),style:m.style,role:"region"},C.getOtherProps(m),V("root")),P=c.mergeProps({className:B("content"),"aria-live":m.autoPlay?"polite":"off"},V("content")),h.createElement("div",O,v,x,h.createElement("div",P,h.createElement(R,{hostName:"Galleria",ref:j,id:H,value:m.value,activeItemIndex:k,onActiveItemChange:G,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&&h.createElement(q,{hostName:"Galleria",value:m.value,containerId:H,activeItemIndex:k,onActiveItemChange:G,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:_})),y));if(m.fullScreen){var N=c.mergeProps({className:B("mask",{visibleState:d}),role:"dialog","aria-modal":"true"},V("mask")),E=c.mergeProps({classNames:B("transition"),in:d,timeout:{enter:150,exit:150},options:m.transitionOptions,unmountOnExit:!0,onEnter:X,onEntering:Z,onEntered:J,onExit:K,onExited:Y},V("transition")),U=h.createElement("div",b({ref:T},N),h.createElement(a.CSSTransition,b({nodeRef:D},E),S));return h.createElement(l.Portal,{element:U})}return S}()})));L.displayName="Galleria",exports.Galleria=L;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),a=require("primereact/csstransition"),i=require("primereact/hooks"),r=require("primereact/utils"),l=require("primereact/icons/times"),o=require("primereact/portal"),c=require("primereact/ripple"),s=require("primereact/icons/chevronleft"),u=require("primereact/icons/chevronright"),m=require("primereact/icons/chevrondown"),p=require("primereact/icons/chevronup");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(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 h=f(e),g=d(n);function b(){return b=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},b.apply(this,arguments)}function v(e){return v="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},v(e)}function I(e,n){if("object"!==v(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var a=t.call(e,n||"default");if("object"!==v(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function x(e){var n=I(e,"string");return"symbol"===v(n)?n:String(n)}function y(e,n,t){return(n=x(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function w(e){if(Array.isArray(e))return e}function O(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 P(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 S(e,n){if(e){if("string"==typeof e)return P(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)?P(e,n):void 0}}function N(){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 E(e,n){return w(e)||O(e,n)||S(e,n)||N()}var C=t.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},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 r.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"===g.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===g.default.ripple},e.thumbnailsPosClassName,e.indicatorPosClassName)},content:"p-galleria-content",mask:function(e){return r.classNames("p-galleria-mask",{"p-galleria-visible":e.visibleState})},thumbnailItem:function(e){var n=e.subProps;return r.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 r.classNames("p-galleria-thumbnail-prev p-link",{"p-disabled":e.isDisabled})},nextThumbnailIcon:"p-galleria-thumbnail-next-icon",nextThumbnailButton:function(e){return r.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 r.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 r.classNames("p-galleria-item-next p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},caption:"p-galleria-caption",indicator:function(e){return r.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 D(e){if(Array.isArray(e))return P(e)}function j(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function T(){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 k(e){return D(e)||j(e)||S(e)||T()}function A(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 H(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?A(Object(t),!0).forEach((function(n){y(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):A(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var R=h.memo(h.forwardRef((function(e,t){var a=i.useMergeProps(),l=h.useRef(null),o=e.ptm,m=e.cx,p=function(n,t){return o(n,H({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()},g=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":P(),n.preventDefault();break;case"Tab":S();break;case"ArrowDown":case"ArrowUp":case"PageUp":case"PageDown":n.preventDefault()}},y=function(){var e=k(r.DomHandler.find(l.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=k(r.DomHandler.find(l.current,'[data-pc-section="indicator"]')),n=N();E(n,e.length-1)},S=function(){var e=k(r.DomHandler.find(l.current,'[data-pc-section="indicator"]')),n=e.findIndex((function(e){return!0===r.DomHandler.getAttribute(e,"data-p-highlight")})),t=r.DomHandler.findSingle(l.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=k(r.DomHandler.find(l.current,'[data-pc-section="indicator"]')),n=r.DomHandler.findSingle(l.current,'[data-pc-section="indicator"] > button[tabindex="0"]');return e.findIndex((function(e){return e===n.parentElement}))},E=function(e,n){var t=k(r.DomHandler.find(l.current,'[data-pc-section="indicator"]'));t[e].children[0].tabIndex="-1",t[n].children[0].tabIndex="0",t[n].children[0].focus()};i.useMountEffect((function(){e.autoPlay&&e.startSlideShow()}));var C,D=function(t){var i,r="p-galleria-indicator-"+t,l=e.activeItemIndex===t,o=e.indicator&&e.indicator(t),s=a({className:m("indicator",{isActive:l}),key:r,tabIndex:0,"aria-label":(i=t+1,n.localeOption("aria")?n.localeOption("aria").pageLabel.replace(/{page}/g,i):void 0),"aria-selected":e.activeIndex===t,"aria-controls":e.id+"_item_"+t,"data-p-highlight":l,onClick:function(){return v(t)},onMouseEnter:function(){return I(t)},onKeyDown:function(e){return x(e,t)}},p("indicator"));return o||(o=h.createElement("button",{tabIndex:e.activeIndex===t?"0":"-1",type:"button",className:"p-link"},h.createElement(c.Ripple,null))),h.createElement("li",s,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:m("previousItemIcon")},p("previousItemIcon")),i=r.IconUtils.getJSXIcon(e.itemPrevIcon||h.createElement(s.ChevronLeftIcon,t),H({},t),{props:e}),l=a({type:"button",className:m("previousItemButton",{isDisabled:n}),onClick:f,disabled:n,"data-p-disabled":n,"data-pc-group-section":"itemnavigator"},p("previousItemButton"));return h.createElement("button",l,i,h.createElement(c.Ripple,null))}return null}(),A=function(){if(e.showItemNavigators){var n=!e.circular&&e.activeItemIndex===e.value.length-1,t=a({className:m("nextItemIcon")},p("nextItemIcon")),i=r.IconUtils.getJSXIcon(e.itemNextIcon||h.createElement(u.ChevronRightIcon,t),H({},t),{props:e}),l=a({type:"button",className:m("nextItemButton",{isDisabled:n}),onClick:g,disabled:n,"data-p-disabled":n,"data-pc-group-section":"itemnavigator"},p("nextItemButton"));return h.createElement("button",l,i,h.createElement(c.Ripple,null))}return null}(),R=function(){var n=a({className:m("caption")},p("caption"));if(e.caption){var t=e.caption(e.value[e.activeItemIndex]);return h.createElement("div",n,t)}return null}(),U=function(){if(e.showIndicators){for(var n=[],t=a({className:r.classNames(e.indicatorsContentClassName,m("indicators"))},p("indicators")),i=0;i<e.value.length;i++)n.push(D(i));return h.createElement("ul",b({ref:l},t),n)}return null}(),V=a({ref:t,className:m("itemWrapper")},p("itemWrapper")),B=a({className:m("itemContainer")},p("itemContainer")),q=a({className:m("item"),id:e.id+"_item_"+e.activeItemIndex,role:"group","aria-label":(C=e.activeItemIndex+1,n.localeOption("aria")?n.localeOption("aria").slideNumber.replace(/{slideNumber}/g,C):void 0),"aria-roledescription":n.localeOption("aria")?n.localeOption("aria").slide:void 0},p("item"));return h.createElement("div",V,h.createElement("div",B,T,h.createElement("div",q,j),A,R),U)})));function U(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 V(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?U(Object(t),!0).forEach((function(n){y(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):U(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}R.displayName="GalleriaItem";var B=h.memo((function(e){var t,a=e.ptm,i=e.cx,l=function(n,t){return a(n,V({hostName:e.hostName},t))},o=function(){var n=r.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=r.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]'),t=p();d(t,n.length-1)},m=function(){var n=k(r.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]')),t=n.findIndex((function(e){return!0===r.DomHandler.getAttribute(e,"data-p-active")})),a=r.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=k(r.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]')),t=r.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=r.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),g=r.mergeProps({className:r.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},l("thumbnailItem")),b=r.mergeProps({className:i("thumbnailItemContent"),tabIndex:e.current?"0":"-1","aria-label":(t=e.index+1,n.localeOption("aria")?n.localeOption("aria").pageLabel.replace(/{page}/g,t):void 0),"aria-current":e.current?"page":void 0,onClick:function(n){e.onItemClick({originalEvent:n,index:e.index})}},l("thumbnailItemContent"));return h.createElement("div",g,h.createElement("div",b,f))})),q=h.memo(h.forwardRef((function(e,t){var a=E(h.useState(e.numVisible),2),l=a[0],o=a[1],d=E(h.useState(0),2),f=d[0],b=d[1],v=h.useRef(null),I=h.useRef(null),x=h.useRef(""),y=h.useRef(null),w=h.useRef(null),O=i.usePrevious(l),P=i.usePrevious(e.activeItemIndex),S=h.useContext(n.PrimeReactContext),N=e.ptm,C=e.cx,D=e.sx,j=function(n,t){return N(n,V({hostName:e.hostName},t))},T=E(i.useResizeListener({listener:function(){J()},when:e.responsiveOptions}),1)[0],A=function(n){var t=f+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)),v.current&&(r.DomHandler.removeClass(v.current,"p-items-hidden"),v.current.style.transform=e.isVertical?"translate3d(0, ".concat(t*(100/l),"%, 0)"):"translate3d(".concat(t*(100/l),"%, 0, 0)"),v.current.style.transition="transform 500ms ease 0s"),b(t)},H=function(){e.slideShowActive&&e.stopSlideShow&&e.stopSlideShow()},R=function(){var e=Math.floor(l/2);return l%2?e:e-1},U=function(n){H();var t=0!==e.activeItemIndex?e.activeItemIndex-1:0;l-(t+f)-1>R()&&(-1*f!=0||e.circular)&&A(1),e.onActiveItemChange({index:e.circular&&0===e.activeItemIndex?e.value.length-1:t}),n.cancelable&&n.preventDefault()},q=function(n){H();var t=e.activeItemIndex+1;t+f>R()&&(-1*f<X()-1||e.circular)&&A(-1),e.onActiveItemChange({index:e.circular&&e.value.length-1===e.activeItemIndex?0:t}),n.cancelable&&n.preventDefault()},M=function(n){H();var t=n.index;if(t!==e.activeItemIndex){var a=t+f,i=0;t<e.activeItemIndex?(i=l-a-1-R())>0&&-1*f!=0&&A(i):(i=R()-a)<0&&-1*f<X()-1&&A(i),e.onActiveItemChange({index:t})}},_=function(n){v.current&&"transform"===n.propertyName&&(document.body.setAttribute("data-p-items-hidden","false"),!e.isUnstyled()&&r.DomHandler.addClass(v.current,"p-items-hidden"),v.current.style.transition="")},L=function(e){var n=e.changedTouches[0];I.current={x:n.pageX,y:n.pageY}},G=function(e){e.cancelable&&e.preventDefault()},z=function(n){var t=n.changedTouches[0];W(n,e.isVertical?t.pageY-I.current.y:t.pageX-I.current.x)},W=function(e,n){n<0?q(e):U(e)},X=function(){return e.value.length>l?e.value.length-l+1:0},Z=function(){y.current||(y.current=r.DomHandler.createInlineStyle(S&&S.nonce||g.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/l,"%\n                }\n            } \n        ");if(e.responsiveOptions){var t=r.ObjectUtils.localeComparator(S&&S.locale||g.default.locale);w.current=k(e.responsiveOptions),w.current.sort((function(e,n){return r.ObjectUtils.sort(e.breakpoint,n.breakpoint,-1,t,S&&S.nullSortOrder||g.default.nullSortOrder)}));for(var a=0;a<w.current.length;a++){var i=w.current[a];n+="\n                    @media screen and (max-width: ".concat(i.breakpoint,') {\n                        [data-pc-section="thumbnailitems"][').concat(x.current,'] {\n                            [data-pc-section="thumbnailitem"] {\n                                flex: 1 0 ').concat(100/i.numVisible,"%\n                            }\n                        } \n                    }\n                ")}}y.current.innerHTML=n},J=function(){if(v.current&&w.current){for(var n=window.innerWidth,t={numVisible:e.numVisible},a=0;a<w.current.length;a++){var i=w.current[a];parseInt(i.breakpoint,10)>=n&&(t=i)}l!==t.numVisible&&o(t.numVisible)}};i.useMountEffect((function(){v.current&&(x.current=r.UniqueComponentId(),v.current.setAttribute(x.current,"")),Z(),J(),T()})),i.useUpdateEffect((function(){var n=f;O===l&&P===e.activeItemIndex||((n=e.activeItemIndex<=R()?0:e.value.length-l+R()<e.activeItemIndex?l-e.value.length:e.value.length-l<e.activeItemIndex&&l%2==0?-1*e.activeItemIndex+R()+1:-1*e.activeItemIndex+R())!==f&&b(n),v.current.style.transform=e.isVertical?"translate3d(0, ".concat(n*(100/l),"%, 0)"):"translate3d(".concat(n*(100/l),"%, 0, 0)"),P!==e.activeItemIndex&&(document.body.setAttribute("data-p-items-hidden","false"),!e.isUnstyled()&&r.DomHandler.removeClass(v.current,"p-items-hidden"),v.current.style.transition="transform 500ms ease 0s"))}));var K,Y,F,$,Q,ee,ne,te=function(){if(e.showThumbnailNavigators){var t=!e.circular&&0===e.activeItemIndex||e.value.length<=l,a=r.mergeProps({className:C("previousThumbnailIcon")},j("previousThumbnailIcon")),i=r.IconUtils.getJSXIcon(e.isVertical?e.prevThumbnailIcon||h.createElement(p.ChevronUpIcon,a):e.prevThumbnailIcon||h.createElement(s.ChevronLeftIcon,a),V({},a),{props:e}),o=r.mergeProps({className:C("previousThumbnailButton",{isDisabled:t}),onClick:U,type:"button",disabled:t,"data-p-disabled":t,"aria-label":n.localeOption("aria")?n.localeOption("aria").previousPageLabel:void 0,"data-pc-group-section":"thumbnailnavigator"},j("previousThumbnailButton"));return h.createElement("button",o,i,h.createElement(c.Ripple,null))}return null},ae=function(){if(e.showThumbnailNavigators){var t=!e.circular&&e.activeItemIndex===e.value.length-1||e.value.length<=l,a=r.mergeProps({className:C("nextThumbnailIcon")},j("nextThumbnailIcon")),i=r.IconUtils.getJSXIcon(e.isVertical?e.nextThumbnailIcon||h.createElement(m.ChevronDownIcon,a):e.nextThumbnailIcon||h.createElement(u.ChevronRightIcon,a),V({},a),{props:e}),o=r.mergeProps({className:C("nextThumbnailButton",{isDisabled:t}),disabled:t,type:"button","aria-label":n.localeOption("aria")?n.localeOption("aria").nextPageLabel:void 0,onClick:q,"data-p-disabled":t,"data-pc-group-section":"thumbnailnavigator"},j("nextThumbnailButton"));return h.createElement("button",o,i,h.createElement(c.Ripple,null))}return null},ie=(K=e.value.map((function(n,t){var a=-1*f,i=a+l-1;return h.createElement(B,{key:t,index:t,containerId:e.containerId,itemsContainerRef:v,template:e.itemTemplate,item:n,active:a<=t&&i>=t,start:a===t,end:i===t,onItemClick:M,current:e.activeItemIndex===t,ptm:N,cx:C,sx:D})})),Y=e.isVertical?e.contentHeight:"",F=te(),$=ae(),Q=r.mergeProps({className:C("thumbnailContainer")},j("thumbnailContainer")),ee=r.mergeProps({className:C("thumbnailItemsContainer"),style:D("thumbnailItemsContainer",{height:Y})},j("thumbnailItemsContainer")),ne=r.mergeProps({ref:v,className:C("thumbnailItems"),role:"tablist",onTransitionEnd:_,onTouchStart:L,onTouchMove:G,onTouchEnd:z},j("thumbnailItems")),h.createElement("div",Q,F,h.createElement("div",ee,h.createElement("div",ne,K)),$)),re=r.mergeProps({className:C("thumbnailWrapper")},j("thumbnailWrapper"));return h.createElement("div",re,ie)})));function M(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 _(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?M(Object(t),!0).forEach((function(n){y(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):M(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}B.displayName="GalleriaThumbnailItem",q.displayName="GalleriaThumbnails";var L=h.memo(h.forwardRef((function(e,s){var u=h.useContext(n.PrimeReactContext),m=C.getProps(e,u),p=E(h.useState(!1),2),d=p[0],f=p[1],v=E(h.useState(m.numVisible),2),I=v[0],x=v[1],y=E(h.useState(!1),2),w=y[0],O=y[1],P=E(h.useState(m.activeIndex),2),S=P[0],N=P[1],D=h.useRef(null),j=h.useRef(null),T=h.useRef(null),k=m.onItemChange?m.activeIndex:S,A="left"===m.thumbnailsPosition||"right"===m.thumbnailsPosition,H=m.id||r.UniqueComponentId(),U=C.setMetaData({props:m,state:{visible:d,numVisible:I,slideShowActive:w,activeIndex:S}}),V=U.ptm,B=U.cx,M=U.sx,L=U.isUnstyled;t.useHandleStyle(C.css.styles,L,{name:"galleria"}),i.useInterval((function(){G({index:m.circular&&m.value.length-1===k?0:k+1})}),m.transitionInterval,w);var G=function(e){e.index>=m.value.length?Q():m.onItemChange?m.onItemChange(e):N(e.index)},z=function(){f(!0)},W=function(){f(!1)},X=function(){r.DomHandler.blockBodyScroll()},Z=function(){r.ZIndexUtils.set("modal",T.current,u&&u.autoZIndex||g.default.autoZIndex,m.baseZIndex||u&&u.zIndex.modal||g.default.zIndex.modal),!L()&&r.DomHandler.addMultipleClasses(T.current,"p-component-overlay p-component-overlay-enter")},J=function(){m.onShow&&m.onShow()},K=function(){r.DomHandler.unblockBodyScroll(),!L()&&r.DomHandler.addClass(T.current,"p-component-overlay-leave")},Y=function(){r.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):""};h.useEffect((function(){m.value&&m.value.length<I&&x(m.value.length)}),[m.value,I]),h.useEffect((function(){x(m.numVisible)}),[m.numVisible]),i.useUnmountEffect((function(){w&&Q(),r.ZIndexUtils.clear(T.current)})),h.useImperativeHandle(s,(function(){return{props:m,show:z,hide:W,isAutoPlayActive:F,startSlideShow:$,stopSlideShow:Q,getElement:function(){return D.current},getPreviewContent:function(){return j.current}}}));return r.ObjectUtils.isNotEmpty(m.value)&&function(){var e,t,i,s,p,f,g,v,x,y,O,P,S=(i=m.showThumbnails&&ee("p-galleria-thumbnails",m.thumbnailsPosition),s=m.showIndicators&&ee("p-galleria-indicators",m.indicatorsPosition),p=r.mergeProps({className:B("closeIcon"),"aria-hidden":!0},V("closeIcon")),f=r.IconUtils.getJSXIcon(m.closeIcon||h.createElement(l.TimesIcon,p),_({},p),{props:m}),g=r.mergeProps({type:"button",className:B("closeButton"),"aria-label":n.localeOption("aria")?n.localeOption("aria").close:void 0,onClick:W},V("closeButton")),v=m.fullScreen&&h.createElement("button",g,f,h.createElement(c.Ripple,null)),e=r.mergeProps({className:B("header")},V("header")),x=m.header?h.createElement("div",e,m.header):null,t=r.mergeProps({className:B("footer")},V("footer")),y=m.footer?h.createElement("div",t,m.footer):null,O=r.mergeProps({ref:D,id:H,className:r.classNames(m.className,B("root",{context:u,thumbnailsPosClassName:i,indicatorPosClassName:s})),style:m.style,role:"region"},C.getOtherProps(m),V("root")),P=r.mergeProps({className:B("content"),"aria-live":m.autoPlay?"polite":"off"},V("content")),h.createElement("div",O,v,x,h.createElement("div",P,h.createElement(R,{hostName:"Galleria",ref:j,id:H,value:m.value,activeItemIndex:k,onActiveItemChange:G,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&&h.createElement(q,{hostName:"Galleria",value:m.value,containerId:H,activeItemIndex:k,onActiveItemChange:G,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=r.mergeProps({className:B("mask",{visibleState:d}),role:"dialog","aria-modal":"true"},V("mask")),E=r.mergeProps({classNames:B("transition"),in:d,timeout:{enter:150,exit:150},options:m.transitionOptions,unmountOnExit:!0,onEnter:X,onEntering:Z,onEntered:J,onExit:K,onExited:Y},V("transition")),U=h.createElement("div",b({ref:T},N),h.createElement(a.CSSTransition,b({nodeRef:D},E),S));return h.createElement(o.Portal,{element:U})}return S}()})));L.displayName="Galleria",exports.Galleria=L;

package/galleria/galleria.esm.js

@@ -3,11 +3,11 @@ import * as React from 'react';
 import PrimeReact, { localeOption, PrimeReactContext } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
 import { CSSTransition } from 'primereact/csstransition';
-import { useMountEffect, usePrevious, useResizeListener, useUpdateEffect, useInterval, useUnmountEffect } from 'primereact/hooks';
+import { useMergeProps, useMountEffect, usePrevious, useResizeListener, useUpdateEffect, useInterval, useUnmountEffect } from 'primereact/hooks';
+import { classNames, IconUtils, DomHandler, UniqueComponentId, mergeProps, ObjectUtils, ZIndexUtils } from 'primereact/utils';
 import { TimesIcon } from 'primereact/icons/times';
 import { Portal } from 'primereact/portal';
 import { Ripple } from 'primereact/ripple';
-import { classNames, mergeProps, IconUtils, DomHandler, UniqueComponentId, ObjectUtils, ZIndexUtils } from 'primereact/utils';
 import { ChevronLeftIcon } from 'primereact/icons/chevronleft';
 import { ChevronRightIcon } from 'primereact/icons/chevronright';
 import { ChevronDownIcon } from 'primereact/icons/chevrondown';
@@ -279,6 +279,7 @@ function _toConsumableArray(arr) {
 function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var GalleriaItem = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var mergeProps = useMergeProps();
   var indicatorContent = React.useRef(null);
   var ptm = props.ptm,
     cx = props.cx;