primereact 10.2.0 → 10.3.0

package/image/image.esm.js

@@ -152,6 +152,7 @@ var useEventListener = function useEventListener(_ref) {
     when = _ref$when === void 0 ? true : _ref$when;
   var targetRef = React.useRef(null);
   var listenerRef = React.useRef(null);
+  var prevListener = usePrevious(listener);
   var prevOptions = usePrevious(options);
   var bind = function bind() {
     var bindOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -181,11 +182,12 @@ var useEventListener = function useEventListener(_ref) {
     }
   }, [target, when]);
   React.useEffect(function () {
-    if (listenerRef.current && (listenerRef.current !== listener || prevOptions !== options)) {
+    // to properly compare functions we can implicitly converting the function to it's body's text as a String
+    if (listenerRef.current && ('' + prevListener !== '' + listener || prevOptions !== options)) {
       unbind();
       when && bind();
     }
-  }, [listener, options]);
+  }, [listener, options, when]);
   useUnmountEffect(function () {
     unbind();
   });
@@ -273,7 +275,10 @@ var ObjectUtils = /*#__PURE__*/function () {
   _createClass(ObjectUtils, null, [{
     key: "equals",
     value: function equals(obj1, obj2, field) {
-      if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
+      if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+        return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+      }
+      return this.deepEquals(obj1, obj2);
     }
 
     /**
@@ -499,7 +504,15 @@ var ObjectUtils = /*#__PURE__*/function () {
     value: function isValidChild(child, type, validTypes) {
       /* eslint-disable */
       if (child) {
+        var _child$type;
         var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+        // for App Router in Next.js ^14,
+        if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+          childType = child.type._payload.value.find(function (v) {
+            return v === type;
+          });
+        }
         var isValid = childType === type;
         try {
           var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -884,6 +897,7 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
   var maskRef = React.useRef(null);
   var previewRef = React.useRef(null);
   var previewClick = React.useRef(false);
+  var previewButton = React.useRef(null);
   useOnEscapeKey(maskRef, props.closeOnEscape, function () {
     hide();
   });
@@ -924,6 +938,29 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
   var onPreviewImageClick = function onPreviewImageClick() {
     previewClick.current = true;
   };
+  var onMaskClick = function onMaskClick(event) {
+    var isActionbarTarget = [event.target.classList].includes('p-image-action') || event.target.closest('.p-image-action');
+    if (isActionbarTarget) {
+      return;
+    }
+    if (!previewClick.current) {
+      setPreviewVisibleState(false);
+      rotate = 0;
+      scale = 0;
+    }
+    previewClick.current = false;
+  };
+  var onMaskKeydown = function onMaskKeydown(event) {
+    switch (event.code) {
+      case 'Escape':
+        hide();
+        setTimeout(function () {
+          DomHandler.focus(previewButton.current);
+        }, 200);
+        event.preventDefault();
+        break;
+    }
+  };
   var onDownload = function onDownload() {
     var name = props.alt,
       src = props.src;
@@ -977,12 +1014,16 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
     maskRef.current && ZIndexUtils.clear(maskRef.current);
   });
   var createPreview = function createPreview() {
+    var ariaLabel = localeOption('aria') ? localeOption('aria').zoomImage : undefined;
     var buttonProps = mergeProps({
+      ref: previewButton,
       className: cx('button'),
-      onClick: show
+      onClick: show,
+      type: 'button',
+      'aria-label': ariaLabel
     }, ptm('button'));
     if (props.preview) {
-      return /*#__PURE__*/React.createElement("div", buttonProps, content);
+      return /*#__PURE__*/React.createElement("button", buttonProps, content);
     }
     return null;
   };
@@ -1021,8 +1062,11 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
     });
     var maskProps = mergeProps({
       ref: maskRef,
+      role: 'dialog',
       className: cx('mask'),
-      onPointerUp: hide
+      'aria-modal': maskVisibleState,
+      onClick: onMaskClick,
+      onKeyDown: onMaskKeydown
     }, ptm('mask'));
     var toolbarProps = mergeProps({
       className: cx('toolbar')
@@ -1034,13 +1078,17 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
     }, ptm('downloadButton'));
     var rotateRightButtonProps = mergeProps({
       className: cx('rotateRightButton'),
-      onPointerUp: rotateRight,
-      type: 'button'
+      onClick: rotateRight,
+      type: 'button',
+      'aria-label': localeOption('aria') ? localeOption('aria').rotateRight : undefined,
+      'data-pc-group-section': 'action'
     }, ptm('rotateRightButton'));
     var rotateLeftButtonProps = mergeProps({
       className: cx('rotateLeftButton'),
-      onPointerUp: rotateLeft,
-      type: 'button'
+      onClick: rotateLeft,
+      type: 'button',
+      'aria-label': localeOption('aria') ? localeOption('aria').rotateLeft : undefined,
+      'data-pc-group-section': 'action'
     }, ptm('rotateLeftButton'));
     var zoomOutButtonProps = mergeProps({
       className: classNames(cx('zoomOutButton'), {
@@ -1049,9 +1097,11 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
       style: {
         pointerEvents: 'auto'
       },
-      onPointerUp: zoomOut,
+      onClick: zoomOut,
       type: 'button',
-      disabled: zoomOutDisabled
+      disabled: zoomOutDisabled,
+      'aria-label': localeOption('aria') ? localeOption('aria').zoomOut : undefined,
+      'data-pc-group-section': 'action'
     }, ptm('zoomOutButton'));
     var zoomInButtonProps = mergeProps({
       className: classNames(cx('zoomInButton'), {
@@ -1060,14 +1110,19 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
       style: {
         pointerEvents: 'auto'
       },
-      onPointerUp: zoomIn,
+      onClick: zoomIn,
       type: 'button',
-      disabled: zoomInDisabled
+      disabled: zoomInDisabled,
+      'aria-label': localeOption('aria') ? localeOption('aria').zoomIn : undefined,
+      'data-pc-group-section': 'action'
     }, ptm('zoomInButton'));
     var closeButtonProps = mergeProps({
       className: cx('closeButton'),
       type: 'button',
-      'aria-label': localeOption('close')
+      onClick: hide,
+      'aria-label': localeOption('aria') ? localeOption('aria').close : undefined,
+      autoFocus: true,
+      'data-pc-group-section': 'action'
     }, ptm('closeButton'));
     var previewProps = mergeProps({
       src: props.zoomSrc || props.src,
@@ -1076,7 +1131,7 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
         rotateState: rotateState,
         scaleState: scaleState
       }),
-      onPointerUp: onPreviewImageClick,
+      onClick: onPreviewImageClick,
       crossOrigin: crossOrigin,
       referrerPolicy: referrerPolicy,
       useMap: useMap,

package/image/image.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{DomHandler as t,ObjectUtils as n,classNames as r,ZIndexUtils as o,mergeProps as i,IconUtils as a}from"primereact/utils";import l,{PrimeReactContext as c,localeOption as u}from"primereact/api";import{ComponentBase as s,useHandleStyle as p}from"primereact/componentbase";import{CSSTransition as f}from"primereact/csstransition";import{useUnmountEffect as m}from"primereact/hooks";import{IconBase as y}from"primereact/iconbase";import{EyeIcon as g}from"primereact/icons/eye";import{RefreshIcon as v}from"primereact/icons/refresh";import{SearchMinusIcon as d}from"primereact/icons/searchminus";import{SearchPlusIcon as h}from"primereact/icons/searchplus";import{TimesIcon as b}from"primereact/icons/times";import{UndoIcon as E}from"primereact/icons/undo";import{Portal as w}from"primereact/portal";function C(){return C=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},C.apply(this,arguments)}function k(e){return k="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},k(e)}function x(e,t){if("object"!==k(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==k(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function O(e){var t=x(e,"string");return"symbol"===k(t)?t:String(t)}function I(e){if(Array.isArray(e))return e}function S(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}function P(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function j(e,t){if(e){if("string"==typeof e)return P(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?P(e,t):void 0}}function 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 A(e,t){return I(e)||S(e,t)||j(e,t)||N()}var D=function(r){var o,i,a,l=r.target,c=void 0===l?"document":l,u=r.type,s=r.listener,p=r.options,f=r.when,m=void 0===f||f,y=e.useRef(null),g=e.useRef(null),v=(o=p,i=e.useRef(void 0),e.useEffect((function(){i.current=o})),i.current),d=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};n.isNotEmpty(e.target)&&(h(),(e.when||m)&&(y.current=t.getTargetElement(e.target))),!g.current&&y.current&&(g.current=function(e){return s&&s(e)},y.current.addEventListener(u,g.current,p))},h=function(){g.current&&(y.current.removeEventListener(u,g.current,p),g.current=null)};return e.useEffect((function(){m?y.current=t.getTargetElement(c):(h(),y.current=null)}),[c,m]),e.useEffect((function(){!g.current||g.current===s&&v===p||(h(),m&&d())}),[s,p]),a=function(){h()},e.useEffect((function(){return a}),[]),[d,h]},F=function(t,n,r){var o=A(D({type:"keydown",listener:function(e){"Esc"!==e.key&&"Escape"!==e.key||(e.stopImmediatePropagation(),r(e))}}),2),i=o[0],a=o[1];return e.useEffect((function(){if(n&&t.current)return i(),function(){a()}})),[t,r]};function B(e){if(Array.isArray(e))return P(e)}function R(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function z(){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 L(e){return B(e)||R(e)||j(e)||z()}function U(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function T(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,O(r.key),r)}}function M(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=V(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}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 i,a=!0,l=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){l=!0,i=e},f:function(){try{a||null==n.return||n.return()}finally{if(l)throw i}}}}function V(e,t){if(e){if("string"==typeof e)return _(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_(e,t):void 0}}function _(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 J=function(){function e(){U(this,e)}var t,n,r;return t=e,r=[{key:"equals",value:function(e,t,n){return n&&e&&"object"===k(e)&&t&&"object"===k(t)?this.resolveFieldData(e,n)===this.resolveFieldData(t,n):this.deepEquals(e,t)}},{key:"deepEquals",value:function(e,t){if(e===t)return!0;if(e&&t&&"object"==k(e)&&"object"==k(t)){var n,r,o,i=Array.isArray(e),a=Array.isArray(t);if(i&&a){if((r=e.length)!==t.length)return!1;for(n=r;0!=n--;)if(!this.deepEquals(e[n],t[n]))return!1;return!0}if(i!==a)return!1;var l=e instanceof Date,c=t instanceof Date;if(l!==c)return!1;if(l&&c)return e.getTime()===t.getTime();var u=e instanceof RegExp,s=t instanceof RegExp;if(u!==s)return!1;if(u&&s)return e.toString()===t.toString();var p=Object.keys(e);if((r=p.length)!==Object.keys(t).length)return!1;for(n=r;0!=n--;)if(!Object.prototype.hasOwnProperty.call(t,p[n]))return!1;for(n=r;0!=n--;)if(!this.deepEquals(e[o=p[n]],t[o]))return!1;return!0}return e!=e&&t!=t}},{key:"resolveFieldData",value:function(e,t){if(!e||!t)return null;try{var n=e[t];if(this.isNotEmpty(n))return n}catch(e){}if(Object.keys(e).length){if(this.isFunction(t))return t(e);if(this.isNotEmpty(e[t]))return e[t];if(-1===t.indexOf("."))return e[t];for(var r=t.split("."),o=e,i=0,a=r.length;i<a;++i){if(null==o)return null;o=o[r[i]]}return o}return null}},{key:"findDiffKeys",value:function(e,t){return e&&t?Object.keys(e).filter((function(e){return!t.hasOwnProperty(e)})).reduce((function(t,n){return t[n]=e[n],t}),{}):{}}},{key:"reduceKeys",value:function(e,t){var n={};return e&&t&&0!==t.length?(Object.keys(e).filter((function(e){return t.some((function(t){return e.startsWith(t)}))})).forEach((function(t){n[t]=e[t],delete e[t]})),n):n}},{key:"reorderArray",value:function(e,t,n){e&&t!==n&&(n>=e.length&&(n%=e.length,t%=e.length),e.splice(n,0,e.splice(t,1)[0]))}},{key:"findIndexInList",value:function(e,t,n){var r=this;return t?t.findIndex(n?function(t){return r.equals(t,e,n)}:function(t){return t===e}):-1}},{key:"getJSXElement",value:function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return this.isFunction(e)?e.apply(void 0,n):e}},{key:"getItemValue",value:function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return this.isFunction(e)?e.apply(void 0,n):e}},{key:"getProp",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=e?e[t]:void 0;return void 0===n?(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{})[t]:n}},{key:"getPropCaseInsensitive",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=this.toFlatCase(t);for(var o in e)if(e.hasOwnProperty(o)&&this.toFlatCase(o)===r)return e[o];for(var i in n)if(n.hasOwnProperty(i)&&this.toFlatCase(i)===r)return n[i]}},{key:"getMergedProps",value:function(e,t){return Object.assign({},t,e)}},{key:"getDiffProps",value:function(e,t){return this.findDiffKeys(e,t)}},{key:"getPropValue",value:function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return this.isFunction(e)?e.apply(void 0,n):e}},{key:"getComponentProp",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return this.isNotEmpty(e)?this.getProp(e.props,t,n):void 0}},{key:"getComponentProps",value:function(e,t){return this.isNotEmpty(e)?this.getMergedProps(e.props,t):void 0}},{key:"getComponentDiffProps",value:function(e,t){return this.isNotEmpty(e)?this.getDiffProps(e.props,t):void 0}},{key:"isValidChild",value:function(e,t,n){if(e){var r=(this.getComponentProp(e,"__TYPE")||(e.type?e.type.displayName:void 0))===t;return r}return!1}},{key:"getRefElement",value:function(e){return e?"object"===k(e)&&e.hasOwnProperty("current")?e.current:e:null}},{key:"combinedRefs",value:function(e,t){e&&t&&("function"==typeof t?t(e.current):t.current=e.current)}},{key:"removeAccents",value:function(e){return e&&e.search(/[\xC0-\xFF]/g)>-1&&(e=e.replace(/[\xC0-\xC5]/g,"A").replace(/[\xC6]/g,"AE").replace(/[\xC7]/g,"C").replace(/[\xC8-\xCB]/g,"E").replace(/[\xCC-\xCF]/g,"I").replace(/[\xD0]/g,"D").replace(/[\xD1]/g,"N").replace(/[\xD2-\xD6\xD8]/g,"O").replace(/[\xD9-\xDC]/g,"U").replace(/[\xDD]/g,"Y").replace(/[\xDE]/g,"P").replace(/[\xE0-\xE5]/g,"a").replace(/[\xE6]/g,"ae").replace(/[\xE7]/g,"c").replace(/[\xE8-\xEB]/g,"e").replace(/[\xEC-\xEF]/g,"i").replace(/[\xF1]/g,"n").replace(/[\xF2-\xF6\xF8]/g,"o").replace(/[\xF9-\xFC]/g,"u").replace(/[\xFE]/g,"p").replace(/[\xFD\xFF]/g,"y")),e}},{key:"toFlatCase",value:function(e){return this.isNotEmpty(e)&&this.isString(e)?e.replace(/(-|_)/g,"").toLowerCase():e}},{key:"toCapitalCase",value:function(e){return this.isNotEmpty(e)&&this.isString(e)?e[0].toUpperCase()+e.slice(1):e}},{key:"trim",value:function(e){return this.isNotEmpty(e)&&this.isString(e)?e.trim():e}},{key:"isEmpty",value:function(e){return null==e||""===e||Array.isArray(e)&&0===e.length||!(e instanceof Date)&&"object"===k(e)&&0===Object.keys(e).length}},{key:"isNotEmpty",value:function(e){return!this.isEmpty(e)}},{key:"isFunction",value:function(e){return!!(e&&e.constructor&&e.call&&e.apply)}},{key:"isObject",value:function(e){return null!==e&&e instanceof Object&&e.constructor===Object}},{key:"isDate",value:function(e){return null!==e&&e instanceof Date&&e.constructor===Date}},{key:"isArray",value:function(e){return null!==e&&Array.isArray(e)}},{key:"isString",value:function(e){return null!==e&&"string"==typeof e}},{key:"isPrintableCharacter",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return this.isNotEmpty(e)&&1===e.length&&e.match(/\S| /)}},{key:"isLetter",value:function(e){return e&&(e.toUpperCase()!=e.toLowerCase()||e.codePointAt(0)>127)}},{key:"findLast",value:function(e,t){var n;if(this.isNotEmpty(e))try{n=e.findLast(t)}catch(r){n=L(e).reverse().find(t)}return n}},{key:"findLastIndex",value:function(e,t){var n=-1;if(this.isNotEmpty(e))try{n=e.findLastIndex(t)}catch(r){n=e.lastIndexOf(L(e).reverse().find(t))}return n}},{key:"sort",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,r=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,o=this.compare(e,t,arguments.length>3?arguments[3]:void 0,n),i=n;return(this.isEmpty(e)||this.isEmpty(t))&&(i=1===r?n:r),i*o}},{key:"compare",value:function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,o=this.isEmpty(e),i=this.isEmpty(t);return o&&i?0:o?r:i?-r:"string"==typeof e&&"string"==typeof t?n(e,t):e<t?-1:e>t?1:0}},{key:"localeComparator",value:function(e){return new Intl.Collator(e,{numeric:!0}).compare}},{key:"findChildrenByKey",value:function(e,t){var n,r=M(e);try{for(r.s();!(n=r.n()).done;){var o=n.value;if(o.key===t)return o.children||[];if(o.children){var i=this.findChildrenByKey(o.children,t);if(i.length>0)return i}}}catch(e){r.e(e)}finally{r.f()}return[]}},{key:"mutateFieldData",value:function(e,t,n){if("object"===k(e)&&"string"==typeof t)for(var r=t.split("."),o=e,i=0,a=r.length;i<a;++i){if(i+1-a==0){o[r[i]]=n;break}o[r[i]]||(o[r[i]]={}),o=o[r[i]]}}}],(n=null)&&T(t.prototype,n),r&&T(t,r),Object.defineProperty(t,"prototype",{writable:!1}),e}(),X=0;function q(){return X++,"".concat(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"pr_id_").concat(X)}var H=e.memo(e.forwardRef((function(t,n){var r=y.getPTI(t),o=A(e.useState(t.id),2),i=o[0],a=o[1];return e.useEffect((function(){J.isEmpty(i)&&a(q("pr_icon_clip_"))}),[i]),e.createElement("svg",C({ref:n,width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r),e.createElement("g",{clipPath:"url(#".concat(i,")")},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.0118 10C6.93296 10.0003 6.85484 9.98495 6.78202 9.95477C6.7091 9.92454 6.64297 9.88008 6.58749 9.82399L3.38288 6.62399C3.27675 6.51025 3.21897 6.35982 3.22171 6.20438C3.22446 6.04893 3.28752 5.90063 3.39761 5.7907C3.5077 5.68077 3.65622 5.6178 3.81188 5.61505C3.96755 5.61231 4.1182 5.67001 4.23211 5.77599L6.41125 7.95201V0.6C6.41125 0.44087 6.47456 0.288258 6.58724 0.175736C6.69993 0.063214 6.85276 0 7.01212 0C7.17148 0 7.32431 0.063214 7.43699 0.175736C7.54968 0.288258 7.61298 0.44087 7.61298 0.6V7.95198L9.7921 5.77599C9.90601 5.67001 10.0567 5.61231 10.2123 5.61505C10.368 5.6178 10.5165 5.68077 10.6266 5.7907C10.7367 5.90063 10.7997 6.04893 10.8025 6.20438C10.8052 6.35982 10.7475 6.51025 10.6413 6.62399L7.43671 9.82399C7.38124 9.88008 7.3151 9.92454 7.24219 9.95477C7.16938 9.98495 7.09127 10.0003 7.01244 10C7.01233 10 7.01223 10 7.01212 10C7.01201 10 7.0119 10 7.0118 10ZM13.45 13.3115C13.0749 13.7235 12.5521 13.971 11.9952 14H2.02889C1.75106 13.9887 1.47819 13.9228 1.2259 13.806C0.973606 13.6893 0.74684 13.524 0.558578 13.3197C0.370316 13.1153 0.224251 12.8759 0.128742 12.6152C0.0332333 12.3544 -0.00984502 12.0774 0.00197194 11.8V9.39999C0.00197194 9.24086 0.065277 9.08825 0.177961 8.97572C0.290645 8.8632 0.443477 8.79999 0.602836 8.79999C0.762195 8.79999 0.915027 8.8632 1.02771 8.97572C1.1404 9.08825 1.2037 9.24086 1.2037 9.39999V11.8C1.18301 12.0375 1.25469 12.2739 1.40385 12.4601C1.55302 12.6463 1.76823 12.768 2.00485 12.8H11.9952C12.2318 12.768 12.4471 12.6463 12.5962 12.4601C12.7454 12.2739 12.8171 12.0375 12.7964 11.8V9.39999C12.7964 9.24086 12.8597 9.08825 12.9724 8.97572C13.085 8.8632 13.2379 8.79999 13.3972 8.79999C13.5566 8.79999 13.7094 8.8632 13.8221 8.97572C13.9348 9.08825 13.9981 9.24086 13.9981 9.39999V11.8C14.0221 12.3563 13.8251 12.8995 13.45 13.3115Z",fill:"currentColor"})),e.createElement("defs",null,e.createElement("clipPath",{id:i},e.createElement("rect",{width:"14",height:"14",fill:"white"}))))})));H.displayName="DownloadIcon";var K=s.extend({defaultProps:{__TYPE:"Image",alt:null,className:null,closeIcon:null,crossOrigin:null,decoding:null,downloadIcon:null,downloadable:!1,height:null,imageClassName:null,imageStyle:null,indicatorIcon:null,loading:null,onError:null,onHide:null,onShow:null,preview:!1,referrerPolicy:null,rotateLeftIcon:null,rotateRightIcon:null,src:null,template:null,useMap:null,width:null,zoomInIcon:null,zoomOutIcon:null,zoomSrc:null,children:void 0,closeOnEscape:!0},css:{classes:{button:"p-image-preview-indicator",mask:"p-image-mask p-component-overlay p-component-overlay-enter",toolbar:"p-image-toolbar",downloadButton:"p-image-action p-link",rotateRightButton:"p-image-action p-link",rotateLeftButton:"p-image-action p-link",zoomOutButton:"p-image-action p-link",zoomInButton:"p-image-action p-link",closeButton:"p-image-action p-link",preview:"p-image-preview",icon:"p-image-preview-icon",root:function(e){var t=e.props;return r("p-image p-component",t.className,{"p-image-preview-container":t.preview})},transition:"p-image-preview"},styles:"\n@layer primereact {\n    .p-image-mask {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-image-preview-container {\n        position: relative;\n        display: inline-block;\n        line-height: 0;\n    }\n    \n    .p-image-preview-indicator {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        opacity: 0;\n        transition: opacity .3s;\n        border: none;\n        padding: 0;\n    }\n    \n    .p-image-preview-icon {\n        font-size: 1.5rem;\n    }\n    \n    .p-image-preview-container:hover > .p-image-preview-indicator {\n        opacity: 1;\n        cursor: pointer;\n    }\n    \n    .p-image-preview-container > img {\n        cursor: pointer;\n    }\n    \n    .p-image-toolbar {\n        position: absolute;\n        top: 0;\n        right: 0;\n        display: flex;\n        z-index: 1;\n    }\n    \n    .p-image-action.p-link {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n    \n    .p-image-preview {\n        transition: transform .15s;\n        max-width: 100vw;\n        max-height: 100vh;\n        width: 100%;\n        height: 100%;\n    }\n    \n    .p-image-preview-enter {\n        opacity: 0;\n        transform: scale(0.7);\n    }\n    \n    .p-image-preview-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-image-preview-enter-done {\n        transform: none;\n    }\n    \n    .p-image-preview-exit {\n        opacity: 1;\n    }\n    \n    .p-image-preview-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",inlineStyles:{preview:function(e){return{transform:"rotate("+e.rotateState+"deg) scale("+e.scaleState+")"}}}}});function Z(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 Y(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Z(Object(n),!0).forEach((function(t){var r,o,i;r=e,i=n[t],(o=O(o=t))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var $=e.memo(e.forwardRef((function(s,y){var k=e.useContext(c),x=K.getProps(s,k),O=A(e.useState(!1),2),I=O[0],S=O[1],P=A(e.useState(!1),2),j=P[0],N=P[1],D=A(e.useState(0),2),B=D[0],R=D[1],z=A(e.useState(1),2),L=z[0],U=z[1],T=e.useRef(null),M=e.useRef(null),V=e.useRef(null),_=e.useRef(null),J=e.useRef(!1);F(V,x.closeOnEscape,(function(){G()}));var X=K.setMetaData({props:x,state:{maskVisible:I,previewVisible:j,rotate:B,scale:L}}),q=X.ptm,Z=X.cx,$=X.sx;p(K.css.styles,X.isUnstyled,{name:"image"});var W=function(){x.preview&&(S(!0),t.blockBodyScroll(),setTimeout((function(){N(!0)}),25))},G=function(){J.current||(N(!1),t.unblockBodyScroll(),R(0),U(1)),J.current=!1},Q=function(){J.current=!0},ee=function(){t.saveAs({name:x.alt,src:x.src}),J.current=!0},te=function(){R((function(e){return e+90})),J.current=!0},ne=function(){R((function(e){return e-90})),J.current=!0},re=function(){U((function(e){return e+.1})),J.current=!0},oe=function(){U((function(e){return e-.1})),J.current=!0},ie=function(){o.set("modal",V.current,k&&k.autoZIndex||l.autoZIndex,k&&k.zIndex.modal||l.zIndex.modal)},ae=function(){x.onShow&&x.onShow()},le=function(){t.addClass(V.current,"p-component-overlay-leave")},ce=function(){x.onHide&&x.onHide()},ue=function(){o.clear(V.current),S(!1)};m((function(){V.current&&o.clear(V.current)}));e.useImperativeHandle(y,(function(){return{props:x,show:W,hide:G,getElement:function(){return T.current},getImage:function(){return M.current}}}));var se,pe=x.src,fe=x.alt,me=x.width,ye=x.height,ge=x.crossOrigin,ve=x.referrerPolicy,de=x.useMap,he=x.loading,be=function(){var t=x.downloadable,n=x.alt,o=x.crossOrigin,l=x.referrerPolicy,c=x.useMap,s=x.loading,p=L<=.5,m=L>=1.5,y=i(q("downloadIcon")),g=i(q("rotateRightIcon")),w=i(q("rotateLeftIcon")),k=i(q("zoomOutIcon")),O=i(q("zoomInIcon")),I=i(q("closeIcon")),S=a.getJSXIcon(x.downloadIcon||e.createElement(H,null),Y({},y),{props:x}),P=a.getJSXIcon(x.rotateRightIcon||e.createElement(v,null),Y({},g),{props:x}),N=a.getJSXIcon(x.rotateLeftIcon||e.createElement(E,null),Y({},w),{props:x}),A=a.getJSXIcon(x.zoomOutIcon||e.createElement(d,null),Y({},k),{props:x}),D=a.getJSXIcon(x.zoomInIcon||e.createElement(h,null),Y({},O),{props:x}),F=a.getJSXIcon(x.closeIcon||e.createElement(b,null),Y({},I),{props:x}),R=i({ref:V,className:Z("mask"),onPointerUp:G},q("mask")),z=i({className:Z("toolbar")},q("toolbar")),U=i({className:Z("downloadButton"),onPointerUp:ee,type:"button"},q("downloadButton")),T=i({className:Z("rotateRightButton"),onPointerUp:te,type:"button"},q("rotateRightButton")),M=i({className:Z("rotateLeftButton"),onPointerUp:ne,type:"button"},q("rotateLeftButton")),J=i({className:r(Z("zoomOutButton"),{"p-disabled":p}),style:{pointerEvents:"auto"},onPointerUp:oe,type:"button",disabled:p},q("zoomOutButton")),X=i({className:r(Z("zoomInButton"),{"p-disabled":m}),style:{pointerEvents:"auto"},onPointerUp:re,type:"button",disabled:m},q("zoomInButton")),K=i({className:Z("closeButton"),type:"button","aria-label":u("close")},q("closeButton")),W=i({src:x.zoomSrc||x.src,className:Z("preview"),style:$("preview",{rotateState:B,scaleState:L}),onPointerUp:Q,crossOrigin:o,referrerPolicy:l,useMap:c,loading:s},q("preview")),se=i({ref:_},q("previewContainer")),pe=i({classNames:Z("transition"),in:j,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:ie,onEntered:ae,onExit:le,onExiting:ce,onExited:ue},q("transition"));return e.createElement("div",R,e.createElement("div",z,t&&e.createElement("button",U,S),e.createElement("button",T,P),e.createElement("button",M,N),e.createElement("button",J,A),e.createElement("button",X,D),e.createElement("button",K,F)),e.createElement(f,C({nodeRef:_},pe),e.createElement("div",se,e.createElement("img",C({alt:n},W)))))}(),Ee=i({className:Z("icon")},q("icon")),we=a.getJSXIcon(x.indicatorIcon||e.createElement(g,Ee),Y({},Ee),{props:x}),Ce=x.template?n.getJSXElement(x.template,x):we,ke=(se=i({className:Z("button"),onClick:W},q("button")),x.preview?e.createElement("div",se,Ce):null),xe=i({ref:M,src:pe,className:x.imageClassName,width:me,height:ye,crossOrigin:ge,referrerPolicy:ve,useMap:de,loading:he,style:x.imageStyle,onError:x.onError},q("image")),Oe=x.src&&e.createElement("img",C({},xe,{alt:fe})),Ie=i({ref:T,className:Z("root")},K.getOtherProps(x),q("root"));return e.createElement("span",Ie,Oe,ke,I&&e.createElement(w,{element:be,appendTo:document.body}))})));$.displayName="Image";export{$ as Image};
+import*as e from"react";import{DomHandler as t,ObjectUtils as n,classNames as r,ZIndexUtils as o,mergeProps as i,IconUtils as a}from"primereact/utils";import l,{PrimeReactContext as c,localeOption as u}from"primereact/api";import{ComponentBase as s,useHandleStyle as p}from"primereact/componentbase";import{CSSTransition as f}from"primereact/csstransition";import{useUnmountEffect as m}from"primereact/hooks";import{IconBase as y}from"primereact/iconbase";import{EyeIcon as g}from"primereact/icons/eye";import{RefreshIcon as d}from"primereact/icons/refresh";import{SearchMinusIcon as v}from"primereact/icons/searchminus";import{SearchPlusIcon as h}from"primereact/icons/searchplus";import{TimesIcon as b}from"primereact/icons/times";import{UndoIcon as E}from"primereact/icons/undo";import{Portal as w}from"primereact/portal";function C(){return C=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},C.apply(this,arguments)}function k(e){return k="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},k(e)}function x(e,t){if("object"!==k(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==k(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function O(e){var t=x(e,"string");return"symbol"===k(t)?t:String(t)}function I(e){if(Array.isArray(e))return e}function S(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}function j(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 P(e,t){if(e){if("string"==typeof e)return j(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)?j(e,t):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 D(e,t){return I(e)||S(e,t)||P(e,t)||N()}var A=function(t){var n=e.useRef(void 0);return e.useEffect((function(){n.current=t})),n.current},F=function(r,o,i){var a,l,c,u,s,p,f,m,y,g,d,v,h,b,E,w=(u=void 0===(c=(a={type:"keydown",listener:function(e){"Esc"!==e.key&&"Escape"!==e.key||(e.stopImmediatePropagation(),i(e))}}).target)?"document":c,s=a.type,p=a.listener,f=a.options,y=void 0===(m=a.when)||m,g=e.useRef(null),d=e.useRef(null),v=A(p),h=A(f),b=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};n.isNotEmpty(e.target)&&(E(),(e.when||y)&&(g.current=t.getTargetElement(e.target))),!d.current&&g.current&&(d.current=function(e){return p&&p(e)},g.current.addEventListener(s,d.current,f))},E=function(){d.current&&(g.current.removeEventListener(s,d.current,f),d.current=null)},e.useEffect((function(){y?g.current=t.getTargetElement(u):(E(),g.current=null)}),[u,y]),e.useEffect((function(){!d.current||""+v==""+p&&h===f||(E(),y&&b())}),[p,f,y]),l=function(){E()},e.useEffect((function(){return l}),[]),[b,E]),C=D(w,2),k=C[0],x=C[1];return e.useEffect((function(){if(o&&r.current)return k(),function(){x()}})),[r,i]};function B(e){if(Array.isArray(e))return j(e)}function R(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function z(){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 L(e){return B(e)||R(e)||P(e)||z()}function T(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function M(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,O(r.key),r)}}function _(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=V(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}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 i,a=!0,l=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){l=!0,i=e},f:function(){try{a||null==n.return||n.return()}finally{if(l)throw i}}}}function V(e,t){if(e){if("string"==typeof e)return J(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)?J(e,t):void 0}}function J(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 U=function(){function e(){T(this,e)}var t,n,r;return t=e,r=[{key:"equals",value:function(e,t,n){return n&&e&&"object"===k(e)&&t&&"object"===k(t)?this.deepEquals(this.resolveFieldData(e,n),this.resolveFieldData(t,n)):this.deepEquals(e,t)}},{key:"deepEquals",value:function(e,t){if(e===t)return!0;if(e&&t&&"object"==k(e)&&"object"==k(t)){var n,r,o,i=Array.isArray(e),a=Array.isArray(t);if(i&&a){if((r=e.length)!==t.length)return!1;for(n=r;0!=n--;)if(!this.deepEquals(e[n],t[n]))return!1;return!0}if(i!==a)return!1;var l=e instanceof Date,c=t instanceof Date;if(l!==c)return!1;if(l&&c)return e.getTime()===t.getTime();var u=e instanceof RegExp,s=t instanceof RegExp;if(u!==s)return!1;if(u&&s)return e.toString()===t.toString();var p=Object.keys(e);if((r=p.length)!==Object.keys(t).length)return!1;for(n=r;0!=n--;)if(!Object.prototype.hasOwnProperty.call(t,p[n]))return!1;for(n=r;0!=n--;)if(!this.deepEquals(e[o=p[n]],t[o]))return!1;return!0}return e!=e&&t!=t}},{key:"resolveFieldData",value:function(e,t){if(!e||!t)return null;try{var n=e[t];if(this.isNotEmpty(n))return n}catch(e){}if(Object.keys(e).length){if(this.isFunction(t))return t(e);if(this.isNotEmpty(e[t]))return e[t];if(-1===t.indexOf("."))return e[t];for(var r=t.split("."),o=e,i=0,a=r.length;i<a;++i){if(null==o)return null;o=o[r[i]]}return o}return null}},{key:"findDiffKeys",value:function(e,t){return e&&t?Object.keys(e).filter((function(e){return!t.hasOwnProperty(e)})).reduce((function(t,n){return t[n]=e[n],t}),{}):{}}},{key:"reduceKeys",value:function(e,t){var n={};return e&&t&&0!==t.length?(Object.keys(e).filter((function(e){return t.some((function(t){return e.startsWith(t)}))})).forEach((function(t){n[t]=e[t],delete e[t]})),n):n}},{key:"reorderArray",value:function(e,t,n){e&&t!==n&&(n>=e.length&&(n%=e.length,t%=e.length),e.splice(n,0,e.splice(t,1)[0]))}},{key:"findIndexInList",value:function(e,t,n){var r=this;return t?t.findIndex(n?function(t){return r.equals(t,e,n)}:function(t){return t===e}):-1}},{key:"getJSXElement",value:function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return this.isFunction(e)?e.apply(void 0,n):e}},{key:"getItemValue",value:function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return this.isFunction(e)?e.apply(void 0,n):e}},{key:"getProp",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=e?e[t]:void 0;return void 0===n?(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{})[t]:n}},{key:"getPropCaseInsensitive",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=this.toFlatCase(t);for(var o in e)if(e.hasOwnProperty(o)&&this.toFlatCase(o)===r)return e[o];for(var i in n)if(n.hasOwnProperty(i)&&this.toFlatCase(i)===r)return n[i]}},{key:"getMergedProps",value:function(e,t){return Object.assign({},t,e)}},{key:"getDiffProps",value:function(e,t){return this.findDiffKeys(e,t)}},{key:"getPropValue",value:function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return this.isFunction(e)?e.apply(void 0,n):e}},{key:"getComponentProp",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return this.isNotEmpty(e)?this.getProp(e.props,t,n):void 0}},{key:"getComponentProps",value:function(e,t){return this.isNotEmpty(e)?this.getMergedProps(e.props,t):void 0}},{key:"getComponentDiffProps",value:function(e,t){return this.isNotEmpty(e)?this.getDiffProps(e.props,t):void 0}},{key:"isValidChild",value:function(e,t,n){if(e){var r,o=this.getComponentProp(e,"__TYPE")||(e.type?e.type.displayName:void 0);!o&&null!=e&&null!==(r=e.type)&&void 0!==r&&null!==(r=r._payload)&&void 0!==r&&r.value&&(o=e.type._payload.value.find((function(e){return e===t})));var i=o===t;return i}return!1}},{key:"getRefElement",value:function(e){return e?"object"===k(e)&&e.hasOwnProperty("current")?e.current:e:null}},{key:"combinedRefs",value:function(e,t){e&&t&&("function"==typeof t?t(e.current):t.current=e.current)}},{key:"removeAccents",value:function(e){return e&&e.search(/[\xC0-\xFF]/g)>-1&&(e=e.replace(/[\xC0-\xC5]/g,"A").replace(/[\xC6]/g,"AE").replace(/[\xC7]/g,"C").replace(/[\xC8-\xCB]/g,"E").replace(/[\xCC-\xCF]/g,"I").replace(/[\xD0]/g,"D").replace(/[\xD1]/g,"N").replace(/[\xD2-\xD6\xD8]/g,"O").replace(/[\xD9-\xDC]/g,"U").replace(/[\xDD]/g,"Y").replace(/[\xDE]/g,"P").replace(/[\xE0-\xE5]/g,"a").replace(/[\xE6]/g,"ae").replace(/[\xE7]/g,"c").replace(/[\xE8-\xEB]/g,"e").replace(/[\xEC-\xEF]/g,"i").replace(/[\xF1]/g,"n").replace(/[\xF2-\xF6\xF8]/g,"o").replace(/[\xF9-\xFC]/g,"u").replace(/[\xFE]/g,"p").replace(/[\xFD\xFF]/g,"y")),e}},{key:"toFlatCase",value:function(e){return this.isNotEmpty(e)&&this.isString(e)?e.replace(/(-|_)/g,"").toLowerCase():e}},{key:"toCapitalCase",value:function(e){return this.isNotEmpty(e)&&this.isString(e)?e[0].toUpperCase()+e.slice(1):e}},{key:"trim",value:function(e){return this.isNotEmpty(e)&&this.isString(e)?e.trim():e}},{key:"isEmpty",value:function(e){return null==e||""===e||Array.isArray(e)&&0===e.length||!(e instanceof Date)&&"object"===k(e)&&0===Object.keys(e).length}},{key:"isNotEmpty",value:function(e){return!this.isEmpty(e)}},{key:"isFunction",value:function(e){return!!(e&&e.constructor&&e.call&&e.apply)}},{key:"isObject",value:function(e){return null!==e&&e instanceof Object&&e.constructor===Object}},{key:"isDate",value:function(e){return null!==e&&e instanceof Date&&e.constructor===Date}},{key:"isArray",value:function(e){return null!==e&&Array.isArray(e)}},{key:"isString",value:function(e){return null!==e&&"string"==typeof e}},{key:"isPrintableCharacter",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return this.isNotEmpty(e)&&1===e.length&&e.match(/\S| /)}},{key:"isLetter",value:function(e){return e&&(e.toUpperCase()!=e.toLowerCase()||e.codePointAt(0)>127)}},{key:"findLast",value:function(e,t){var n;if(this.isNotEmpty(e))try{n=e.findLast(t)}catch(r){n=L(e).reverse().find(t)}return n}},{key:"findLastIndex",value:function(e,t){var n=-1;if(this.isNotEmpty(e))try{n=e.findLastIndex(t)}catch(r){n=e.lastIndexOf(L(e).reverse().find(t))}return n}},{key:"sort",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,r=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,o=this.compare(e,t,arguments.length>3?arguments[3]:void 0,n),i=n;return(this.isEmpty(e)||this.isEmpty(t))&&(i=1===r?n:r),i*o}},{key:"compare",value:function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,o=this.isEmpty(e),i=this.isEmpty(t);return o&&i?0:o?r:i?-r:"string"==typeof e&&"string"==typeof t?n(e,t):e<t?-1:e>t?1:0}},{key:"localeComparator",value:function(e){return new Intl.Collator(e,{numeric:!0}).compare}},{key:"findChildrenByKey",value:function(e,t){var n,r=_(e);try{for(r.s();!(n=r.n()).done;){var o=n.value;if(o.key===t)return o.children||[];if(o.children){var i=this.findChildrenByKey(o.children,t);if(i.length>0)return i}}}catch(e){r.e(e)}finally{r.f()}return[]}},{key:"mutateFieldData",value:function(e,t,n){if("object"===k(e)&&"string"==typeof t)for(var r=t.split("."),o=e,i=0,a=r.length;i<a;++i){if(i+1-a==0){o[r[i]]=n;break}o[r[i]]||(o[r[i]]={}),o=o[r[i]]}}}],(n=null)&&M(t.prototype,n),r&&M(t,r),Object.defineProperty(t,"prototype",{writable:!1}),e}(),X=0;function q(){return X++,"".concat(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"pr_id_").concat(X)}var H=e.memo(e.forwardRef((function(t,n){var r=y.getPTI(t),o=D(e.useState(t.id),2),i=o[0],a=o[1];return e.useEffect((function(){U.isEmpty(i)&&a(q("pr_icon_clip_"))}),[i]),e.createElement("svg",C({ref:n,width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r),e.createElement("g",{clipPath:"url(#".concat(i,")")},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.0118 10C6.93296 10.0003 6.85484 9.98495 6.78202 9.95477C6.7091 9.92454 6.64297 9.88008 6.58749 9.82399L3.38288 6.62399C3.27675 6.51025 3.21897 6.35982 3.22171 6.20438C3.22446 6.04893 3.28752 5.90063 3.39761 5.7907C3.5077 5.68077 3.65622 5.6178 3.81188 5.61505C3.96755 5.61231 4.1182 5.67001 4.23211 5.77599L6.41125 7.95201V0.6C6.41125 0.44087 6.47456 0.288258 6.58724 0.175736C6.69993 0.063214 6.85276 0 7.01212 0C7.17148 0 7.32431 0.063214 7.43699 0.175736C7.54968 0.288258 7.61298 0.44087 7.61298 0.6V7.95198L9.7921 5.77599C9.90601 5.67001 10.0567 5.61231 10.2123 5.61505C10.368 5.6178 10.5165 5.68077 10.6266 5.7907C10.7367 5.90063 10.7997 6.04893 10.8025 6.20438C10.8052 6.35982 10.7475 6.51025 10.6413 6.62399L7.43671 9.82399C7.38124 9.88008 7.3151 9.92454 7.24219 9.95477C7.16938 9.98495 7.09127 10.0003 7.01244 10C7.01233 10 7.01223 10 7.01212 10C7.01201 10 7.0119 10 7.0118 10ZM13.45 13.3115C13.0749 13.7235 12.5521 13.971 11.9952 14H2.02889C1.75106 13.9887 1.47819 13.9228 1.2259 13.806C0.973606 13.6893 0.74684 13.524 0.558578 13.3197C0.370316 13.1153 0.224251 12.8759 0.128742 12.6152C0.0332333 12.3544 -0.00984502 12.0774 0.00197194 11.8V9.39999C0.00197194 9.24086 0.065277 9.08825 0.177961 8.97572C0.290645 8.8632 0.443477 8.79999 0.602836 8.79999C0.762195 8.79999 0.915027 8.8632 1.02771 8.97572C1.1404 9.08825 1.2037 9.24086 1.2037 9.39999V11.8C1.18301 12.0375 1.25469 12.2739 1.40385 12.4601C1.55302 12.6463 1.76823 12.768 2.00485 12.8H11.9952C12.2318 12.768 12.4471 12.6463 12.5962 12.4601C12.7454 12.2739 12.8171 12.0375 12.7964 11.8V9.39999C12.7964 9.24086 12.8597 9.08825 12.9724 8.97572C13.085 8.8632 13.2379 8.79999 13.3972 8.79999C13.5566 8.79999 13.7094 8.8632 13.8221 8.97572C13.9348 9.08825 13.9981 9.24086 13.9981 9.39999V11.8C14.0221 12.3563 13.8251 12.8995 13.45 13.3115Z",fill:"currentColor"})),e.createElement("defs",null,e.createElement("clipPath",{id:i},e.createElement("rect",{width:"14",height:"14",fill:"white"}))))})));H.displayName="DownloadIcon";var K=s.extend({defaultProps:{__TYPE:"Image",alt:null,className:null,closeIcon:null,crossOrigin:null,decoding:null,downloadIcon:null,downloadable:!1,height:null,imageClassName:null,imageStyle:null,indicatorIcon:null,loading:null,onError:null,onHide:null,onShow:null,preview:!1,referrerPolicy:null,rotateLeftIcon:null,rotateRightIcon:null,src:null,template:null,useMap:null,width:null,zoomInIcon:null,zoomOutIcon:null,zoomSrc:null,children:void 0,closeOnEscape:!0},css:{classes:{button:"p-image-preview-indicator",mask:"p-image-mask p-component-overlay p-component-overlay-enter",toolbar:"p-image-toolbar",downloadButton:"p-image-action p-link",rotateRightButton:"p-image-action p-link",rotateLeftButton:"p-image-action p-link",zoomOutButton:"p-image-action p-link",zoomInButton:"p-image-action p-link",closeButton:"p-image-action p-link",preview:"p-image-preview",icon:"p-image-preview-icon",root:function(e){var t=e.props;return r("p-image p-component",t.className,{"p-image-preview-container":t.preview})},transition:"p-image-preview"},styles:"\n@layer primereact {\n    .p-image-mask {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-image-preview-container {\n        position: relative;\n        display: inline-block;\n        line-height: 0;\n    }\n    \n    .p-image-preview-indicator {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        opacity: 0;\n        transition: opacity .3s;\n        border: none;\n        padding: 0;\n    }\n    \n    .p-image-preview-icon {\n        font-size: 1.5rem;\n    }\n    \n    .p-image-preview-container:hover > .p-image-preview-indicator {\n        opacity: 1;\n        cursor: pointer;\n    }\n    \n    .p-image-preview-container > img {\n        cursor: pointer;\n    }\n    \n    .p-image-toolbar {\n        position: absolute;\n        top: 0;\n        right: 0;\n        display: flex;\n        z-index: 1;\n    }\n    \n    .p-image-action.p-link {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n    \n    .p-image-preview {\n        transition: transform .15s;\n        max-width: 100vw;\n        max-height: 100vh;\n        width: 100%;\n        height: 100%;\n    }\n    \n    .p-image-preview-enter {\n        opacity: 0;\n        transform: scale(0.7);\n    }\n    \n    .p-image-preview-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-image-preview-enter-done {\n        transform: none;\n    }\n    \n    .p-image-preview-exit {\n        opacity: 1;\n    }\n    \n    .p-image-preview-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",inlineStyles:{preview:function(e){return{transform:"rotate("+e.rotateState+"deg) scale("+e.scaleState+")"}}}}});function Z(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 Y(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Z(Object(n),!0).forEach((function(t){var r,o,i;r=e,i=n[t],(o=O(o=t))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var $=e.memo(e.forwardRef((function(s,y){var k=e.useContext(c),x=K.getProps(s,k),O=D(e.useState(!1),2),I=O[0],S=O[1],j=D(e.useState(!1),2),P=j[0],N=j[1],A=D(e.useState(0),2),B=A[0],R=A[1],z=D(e.useState(1),2),L=z[0],T=z[1],M=e.useRef(null),_=e.useRef(null),V=e.useRef(null),J=e.useRef(null),U=e.useRef(!1),X=e.useRef(null);F(V,x.closeOnEscape,(function(){Q()}));var q=K.setMetaData({props:x,state:{maskVisible:I,previewVisible:P,rotate:B,scale:L}}),Z=q.ptm,$=q.cx,W=q.sx;p(K.css.styles,q.isUnstyled,{name:"image"});var G=function(){x.preview&&(S(!0),t.blockBodyScroll(),setTimeout((function(){N(!0)}),25))},Q=function(){U.current||(N(!1),t.unblockBodyScroll(),R(0),T(1)),U.current=!1},ee=function(){U.current=!0},te=function(e){[e.target.classList].includes("p-image-action")||e.target.closest(".p-image-action")||(U.current||(N(!1),rotate=0,scale=0),U.current=!1)},ne=function(e){if("Escape"===e.code)Q(),setTimeout((function(){t.focus(X.current)}),200),e.preventDefault()},re=function(){t.saveAs({name:x.alt,src:x.src}),U.current=!0},oe=function(){R((function(e){return e+90})),U.current=!0},ie=function(){R((function(e){return e-90})),U.current=!0},ae=function(){T((function(e){return e+.1})),U.current=!0},le=function(){T((function(e){return e-.1})),U.current=!0},ce=function(){o.set("modal",V.current,k&&k.autoZIndex||l.autoZIndex,k&&k.zIndex.modal||l.zIndex.modal)},ue=function(){x.onShow&&x.onShow()},se=function(){t.addClass(V.current,"p-component-overlay-leave")},pe=function(){x.onHide&&x.onHide()},fe=function(){o.clear(V.current),S(!1)};m((function(){V.current&&o.clear(V.current)}));e.useImperativeHandle(y,(function(){return{props:x,show:G,hide:Q,getElement:function(){return M.current},getImage:function(){return _.current}}}));var me,ye,ge=x.src,de=x.alt,ve=x.width,he=x.height,be=x.crossOrigin,Ee=x.referrerPolicy,we=x.useMap,Ce=x.loading,ke=function(){var t=x.downloadable,n=x.alt,o=x.crossOrigin,l=x.referrerPolicy,c=x.useMap,s=x.loading,p=L<=.5,m=L>=1.5,y=i(Z("downloadIcon")),g=i(Z("rotateRightIcon")),w=i(Z("rotateLeftIcon")),k=i(Z("zoomOutIcon")),O=i(Z("zoomInIcon")),S=i(Z("closeIcon")),j=a.getJSXIcon(x.downloadIcon||e.createElement(H,null),Y({},y),{props:x}),N=a.getJSXIcon(x.rotateRightIcon||e.createElement(d,null),Y({},g),{props:x}),D=a.getJSXIcon(x.rotateLeftIcon||e.createElement(E,null),Y({},w),{props:x}),A=a.getJSXIcon(x.zoomOutIcon||e.createElement(v,null),Y({},k),{props:x}),F=a.getJSXIcon(x.zoomInIcon||e.createElement(h,null),Y({},O),{props:x}),R=a.getJSXIcon(x.closeIcon||e.createElement(b,null),Y({},S),{props:x}),z=i({ref:V,role:"dialog",className:$("mask"),"aria-modal":I,onClick:te,onKeyDown:ne},Z("mask")),T=i({className:$("toolbar")},Z("toolbar")),M=i({className:$("downloadButton"),onPointerUp:re,type:"button"},Z("downloadButton")),_=i({className:$("rotateRightButton"),onClick:oe,type:"button","aria-label":u("aria")?u("aria").rotateRight:void 0,"data-pc-group-section":"action"},Z("rotateRightButton")),U=i({className:$("rotateLeftButton"),onClick:ie,type:"button","aria-label":u("aria")?u("aria").rotateLeft:void 0,"data-pc-group-section":"action"},Z("rotateLeftButton")),X=i({className:r($("zoomOutButton"),{"p-disabled":p}),style:{pointerEvents:"auto"},onClick:le,type:"button",disabled:p,"aria-label":u("aria")?u("aria").zoomOut:void 0,"data-pc-group-section":"action"},Z("zoomOutButton")),q=i({className:r($("zoomInButton"),{"p-disabled":m}),style:{pointerEvents:"auto"},onClick:ae,type:"button",disabled:m,"aria-label":u("aria")?u("aria").zoomIn:void 0,"data-pc-group-section":"action"},Z("zoomInButton")),K=i({className:$("closeButton"),type:"button",onClick:Q,"aria-label":u("aria")?u("aria").close:void 0,autoFocus:!0,"data-pc-group-section":"action"},Z("closeButton")),G=i({src:x.zoomSrc||x.src,className:$("preview"),style:W("preview",{rotateState:B,scaleState:L}),onClick:ee,crossOrigin:o,referrerPolicy:l,useMap:c,loading:s},Z("preview")),me=i({ref:J},Z("previewContainer")),ye=i({classNames:$("transition"),in:P,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:ce,onEntered:ue,onExit:se,onExiting:pe,onExited:fe},Z("transition"));return e.createElement("div",z,e.createElement("div",T,t&&e.createElement("button",M,j),e.createElement("button",_,N),e.createElement("button",U,D),e.createElement("button",X,A),e.createElement("button",q,F),e.createElement("button",K,R)),e.createElement(f,C({nodeRef:J},ye),e.createElement("div",me,e.createElement("img",C({alt:n},G)))))}(),xe=i({className:$("icon")},Z("icon")),Oe=a.getJSXIcon(x.indicatorIcon||e.createElement(g,xe),Y({},xe),{props:x}),Ie=x.template?n.getJSXElement(x.template,x):Oe,Se=(me=u("aria")?u("aria").zoomImage:void 0,ye=i({ref:X,className:$("button"),onClick:G,type:"button","aria-label":me},Z("button")),x.preview?e.createElement("button",ye,Ie):null),je=i({ref:_,src:ge,className:x.imageClassName,width:ve,height:he,crossOrigin:be,referrerPolicy:Ee,useMap:we,loading:Ce,style:x.imageStyle,onError:x.onError},Z("image")),Pe=x.src&&e.createElement("img",C({},je,{alt:de})),Ne=i({ref:M,className:$("root")},K.getOtherProps(x),Z("root"));return e.createElement("span",Ne,Pe,Se,I&&e.createElement(w,{element:ke,appendTo:document.body}))})));$.displayName="Image";export{$ as Image};

package/image/image.js

@@ -163,6 +163,7 @@ this.primereact.image = (function (exports, React, utils, PrimeReact, componentb
       when = _ref$when === void 0 ? true : _ref$when;
     var targetRef = React__namespace.useRef(null);
     var listenerRef = React__namespace.useRef(null);
+    var prevListener = usePrevious(listener);
     var prevOptions = usePrevious(options);
     var bind = function bind() {
       var bindOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -192,11 +193,12 @@ this.primereact.image = (function (exports, React, utils, PrimeReact, componentb
       }
     }, [target, when]);
     React__namespace.useEffect(function () {
-      if (listenerRef.current && (listenerRef.current !== listener || prevOptions !== options)) {
+      // to properly compare functions we can implicitly converting the function to it's body's text as a String
+      if (listenerRef.current && ('' + prevListener !== '' + listener || prevOptions !== options)) {
         unbind();
         when && bind();
       }
-    }, [listener, options]);
+    }, [listener, options, when]);
     useUnmountEffect(function () {
       unbind();
     });
@@ -284,7 +286,10 @@ this.primereact.image = (function (exports, React, utils, PrimeReact, componentb
     _createClass(ObjectUtils, null, [{
       key: "equals",
       value: function equals(obj1, obj2, field) {
-        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -510,7 +515,15 @@ this.primereact.image = (function (exports, React, utils, PrimeReact, componentb
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -895,6 +908,7 @@ this.primereact.image = (function (exports, React, utils, PrimeReact, componentb
     var maskRef = React__namespace.useRef(null);
     var previewRef = React__namespace.useRef(null);
     var previewClick = React__namespace.useRef(false);
+    var previewButton = React__namespace.useRef(null);
     useOnEscapeKey(maskRef, props.closeOnEscape, function () {
       hide();
     });
@@ -935,6 +949,29 @@ this.primereact.image = (function (exports, React, utils, PrimeReact, componentb
     var onPreviewImageClick = function onPreviewImageClick() {
       previewClick.current = true;
     };
+    var onMaskClick = function onMaskClick(event) {
+      var isActionbarTarget = [event.target.classList].includes('p-image-action') || event.target.closest('.p-image-action');
+      if (isActionbarTarget) {
+        return;
+      }
+      if (!previewClick.current) {
+        setPreviewVisibleState(false);
+        rotate = 0;
+        scale = 0;
+      }
+      previewClick.current = false;
+    };
+    var onMaskKeydown = function onMaskKeydown(event) {
+      switch (event.code) {
+        case 'Escape':
+          hide();
+          setTimeout(function () {
+            utils.DomHandler.focus(previewButton.current);
+          }, 200);
+          event.preventDefault();
+          break;
+      }
+    };
     var onDownload = function onDownload() {
       var name = props.alt,
         src = props.src;
@@ -988,12 +1025,16 @@ this.primereact.image = (function (exports, React, utils, PrimeReact, componentb
       maskRef.current && utils.ZIndexUtils.clear(maskRef.current);
     });
     var createPreview = function createPreview() {
+      var ariaLabel = PrimeReact.localeOption('aria') ? PrimeReact.localeOption('aria').zoomImage : undefined;
       var buttonProps = utils.mergeProps({
+        ref: previewButton,
         className: cx('button'),
-        onClick: show
+        onClick: show,
+        type: 'button',
+        'aria-label': ariaLabel
       }, ptm('button'));
       if (props.preview) {
-        return /*#__PURE__*/React__namespace.createElement("div", buttonProps, content);
+        return /*#__PURE__*/React__namespace.createElement("button", buttonProps, content);
       }
       return null;
     };
@@ -1032,8 +1073,11 @@ this.primereact.image = (function (exports, React, utils, PrimeReact, componentb
       });
       var maskProps = utils.mergeProps({
         ref: maskRef,
+        role: 'dialog',
         className: cx('mask'),
-        onPointerUp: hide
+        'aria-modal': maskVisibleState,
+        onClick: onMaskClick,
+        onKeyDown: onMaskKeydown
       }, ptm('mask'));
       var toolbarProps = utils.mergeProps({
         className: cx('toolbar')
@@ -1045,13 +1089,17 @@ this.primereact.image = (function (exports, React, utils, PrimeReact, componentb
       }, ptm('downloadButton'));
       var rotateRightButtonProps = utils.mergeProps({
         className: cx('rotateRightButton'),
-        onPointerUp: rotateRight,
-        type: 'button'
+        onClick: rotateRight,
+        type: 'button',
+        'aria-label': PrimeReact.localeOption('aria') ? PrimeReact.localeOption('aria').rotateRight : undefined,
+        'data-pc-group-section': 'action'
       }, ptm('rotateRightButton'));
       var rotateLeftButtonProps = utils.mergeProps({
         className: cx('rotateLeftButton'),
-        onPointerUp: rotateLeft,
-        type: 'button'
+        onClick: rotateLeft,
+        type: 'button',
+        'aria-label': PrimeReact.localeOption('aria') ? PrimeReact.localeOption('aria').rotateLeft : undefined,
+        'data-pc-group-section': 'action'
       }, ptm('rotateLeftButton'));
       var zoomOutButtonProps = utils.mergeProps({
         className: utils.classNames(cx('zoomOutButton'), {
@@ -1060,9 +1108,11 @@ this.primereact.image = (function (exports, React, utils, PrimeReact, componentb
         style: {
           pointerEvents: 'auto'
         },
-        onPointerUp: zoomOut,
+        onClick: zoomOut,
         type: 'button',
-        disabled: zoomOutDisabled
+        disabled: zoomOutDisabled,
+        'aria-label': PrimeReact.localeOption('aria') ? PrimeReact.localeOption('aria').zoomOut : undefined,
+        'data-pc-group-section': 'action'
       }, ptm('zoomOutButton'));
       var zoomInButtonProps = utils.mergeProps({
         className: utils.classNames(cx('zoomInButton'), {
@@ -1071,14 +1121,19 @@ this.primereact.image = (function (exports, React, utils, PrimeReact, componentb
         style: {
           pointerEvents: 'auto'
         },
-        onPointerUp: zoomIn,
+        onClick: zoomIn,
         type: 'button',
-        disabled: zoomInDisabled
+        disabled: zoomInDisabled,
+        'aria-label': PrimeReact.localeOption('aria') ? PrimeReact.localeOption('aria').zoomIn : undefined,
+        'data-pc-group-section': 'action'
       }, ptm('zoomInButton'));
       var closeButtonProps = utils.mergeProps({
         className: cx('closeButton'),
         type: 'button',
-        'aria-label': PrimeReact.localeOption('close')
+        onClick: hide,
+        'aria-label': PrimeReact.localeOption('aria') ? PrimeReact.localeOption('aria').close : undefined,
+        autoFocus: true,
+        'data-pc-group-section': 'action'
       }, ptm('closeButton'));
       var previewProps = utils.mergeProps({
         src: props.zoomSrc || props.src,
@@ -1087,7 +1142,7 @@ this.primereact.image = (function (exports, React, utils, PrimeReact, componentb
           rotateState: rotateState,
           scaleState: scaleState
         }),
-        onPointerUp: onPreviewImageClick,
+        onClick: onPreviewImageClick,
         crossOrigin: crossOrigin,
         referrerPolicy: referrerPolicy,
         useMap: useMap,

package/image/image.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.image=function(e,t,n,r,o,i,a,l,c,u,s,p,f,m,y){"use strict";function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}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 v=d(t),h=g(r);function b(){return b=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},b.apply(this,arguments)}function E(e){return E="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},E(e)}function w(e,t){if("object"!==E(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==E(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function C(e){var t=w(e,"string");return"symbol"===E(t)?t:String(t)}function P(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,o,i,a,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}function x(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,t){if(e){if("string"==typeof e)return x(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)?x(e,t):void 0}}function k(){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 S(e,t){return P(e)||I(e,t)||O(e,t)||k()}var j=function(e){var t,r,o,i=e.target,a=void 0===i?"document":i,l=e.type,c=e.listener,u=e.options,s=e.when,p=void 0===s||s,f=v.useRef(null),m=v.useRef(null),y=(t=u,r=v.useRef(void 0),v.useEffect((function(){r.current=t})),r.current),g=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};n.ObjectUtils.isNotEmpty(e.target)&&(d(),(e.when||p)&&(f.current=n.DomHandler.getTargetElement(e.target))),!m.current&&f.current&&(m.current=function(e){return c&&c(e)},f.current.addEventListener(l,m.current,u))},d=function(){m.current&&(f.current.removeEventListener(l,m.current,u),m.current=null)};return v.useEffect((function(){p?f.current=n.DomHandler.getTargetElement(a):(d(),f.current=null)}),[a,p]),v.useEffect((function(){!m.current||m.current===c&&y===u||(d(),p&&g())}),[c,u]),o=function(){d()},v.useEffect((function(){return o}),[]),[g,d]},D=function(e,t,n){var r=S(j({type:"keydown",listener:function(e){"Esc"!==e.key&&"Escape"!==e.key||(e.stopImmediatePropagation(),n(e))}}),2),o=r[0],i=r[1];return v.useEffect((function(){if(t&&e.current)return o(),function(){i()}})),[e,n]};function N(e){if(Array.isArray(e))return x(e)}function A(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function B(){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 F(e){return N(e)||A(e)||O(e)||B()}function U(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function R(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,C(r.key),r)}}function z(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,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}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 i,a=!0,l=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){l=!0,i=e},f:function(){try{a||null==n.return||n.return()}finally{if(l)throw i}}}}function L(e,t){if(e){if("string"==typeof e)return T(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)?T(e,t):void 0}}function T(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 M=function(){function e(){U(this,e)}var t,n,r;return t=e,r=[{key:"equals",value:function(e,t,n){return n&&e&&"object"===E(e)&&t&&"object"===E(t)?this.resolveFieldData(e,n)===this.resolveFieldData(t,n):this.deepEquals(e,t)}},{key:"deepEquals",value:function(e,t){if(e===t)return!0;if(e&&t&&"object"==E(e)&&"object"==E(t)){var n,r,o,i=Array.isArray(e),a=Array.isArray(t);if(i&&a){if((r=e.length)!==t.length)return!1;for(n=r;0!=n--;)if(!this.deepEquals(e[n],t[n]))return!1;return!0}if(i!==a)return!1;var l=e instanceof Date,c=t instanceof Date;if(l!==c)return!1;if(l&&c)return e.getTime()===t.getTime();var u=e instanceof RegExp,s=t instanceof RegExp;if(u!==s)return!1;if(u&&s)return e.toString()===t.toString();var p=Object.keys(e);if((r=p.length)!==Object.keys(t).length)return!1;for(n=r;0!=n--;)if(!Object.prototype.hasOwnProperty.call(t,p[n]))return!1;for(n=r;0!=n--;)if(!this.deepEquals(e[o=p[n]],t[o]))return!1;return!0}return e!=e&&t!=t}},{key:"resolveFieldData",value:function(e,t){if(!e||!t)return null;try{var n=e[t];if(this.isNotEmpty(n))return n}catch(e){}if(Object.keys(e).length){if(this.isFunction(t))return t(e);if(this.isNotEmpty(e[t]))return e[t];if(-1===t.indexOf("."))return e[t];for(var r=t.split("."),o=e,i=0,a=r.length;i<a;++i){if(null==o)return null;o=o[r[i]]}return o}return null}},{key:"findDiffKeys",value:function(e,t){return e&&t?Object.keys(e).filter((function(e){return!t.hasOwnProperty(e)})).reduce((function(t,n){return t[n]=e[n],t}),{}):{}}},{key:"reduceKeys",value:function(e,t){var n={};return e&&t&&0!==t.length?(Object.keys(e).filter((function(e){return t.some((function(t){return e.startsWith(t)}))})).forEach((function(t){n[t]=e[t],delete e[t]})),n):n}},{key:"reorderArray",value:function(e,t,n){e&&t!==n&&(n>=e.length&&(n%=e.length,t%=e.length),e.splice(n,0,e.splice(t,1)[0]))}},{key:"findIndexInList",value:function(e,t,n){var r=this;return t?t.findIndex(n?function(t){return r.equals(t,e,n)}:function(t){return t===e}):-1}},{key:"getJSXElement",value:function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return this.isFunction(e)?e.apply(void 0,n):e}},{key:"getItemValue",value:function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return this.isFunction(e)?e.apply(void 0,n):e}},{key:"getProp",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=e?e[t]:void 0;return void 0===n?(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{})[t]:n}},{key:"getPropCaseInsensitive",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=this.toFlatCase(t);for(var o in e)if(e.hasOwnProperty(o)&&this.toFlatCase(o)===r)return e[o];for(var i in n)if(n.hasOwnProperty(i)&&this.toFlatCase(i)===r)return n[i]}},{key:"getMergedProps",value:function(e,t){return Object.assign({},t,e)}},{key:"getDiffProps",value:function(e,t){return this.findDiffKeys(e,t)}},{key:"getPropValue",value:function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return this.isFunction(e)?e.apply(void 0,n):e}},{key:"getComponentProp",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return this.isNotEmpty(e)?this.getProp(e.props,t,n):void 0}},{key:"getComponentProps",value:function(e,t){return this.isNotEmpty(e)?this.getMergedProps(e.props,t):void 0}},{key:"getComponentDiffProps",value:function(e,t){return this.isNotEmpty(e)?this.getDiffProps(e.props,t):void 0}},{key:"isValidChild",value:function(e,t,n){if(e){var r=(this.getComponentProp(e,"__TYPE")||(e.type?e.type.displayName:void 0))===t;return r}return!1}},{key:"getRefElement",value:function(e){return e?"object"===E(e)&&e.hasOwnProperty("current")?e.current:e:null}},{key:"combinedRefs",value:function(e,t){e&&t&&("function"==typeof t?t(e.current):t.current=e.current)}},{key:"removeAccents",value:function(e){return e&&e.search(/[\xC0-\xFF]/g)>-1&&(e=e.replace(/[\xC0-\xC5]/g,"A").replace(/[\xC6]/g,"AE").replace(/[\xC7]/g,"C").replace(/[\xC8-\xCB]/g,"E").replace(/[\xCC-\xCF]/g,"I").replace(/[\xD0]/g,"D").replace(/[\xD1]/g,"N").replace(/[\xD2-\xD6\xD8]/g,"O").replace(/[\xD9-\xDC]/g,"U").replace(/[\xDD]/g,"Y").replace(/[\xDE]/g,"P").replace(/[\xE0-\xE5]/g,"a").replace(/[\xE6]/g,"ae").replace(/[\xE7]/g,"c").replace(/[\xE8-\xEB]/g,"e").replace(/[\xEC-\xEF]/g,"i").replace(/[\xF1]/g,"n").replace(/[\xF2-\xF6\xF8]/g,"o").replace(/[\xF9-\xFC]/g,"u").replace(/[\xFE]/g,"p").replace(/[\xFD\xFF]/g,"y")),e}},{key:"toFlatCase",value:function(e){return this.isNotEmpty(e)&&this.isString(e)?e.replace(/(-|_)/g,"").toLowerCase():e}},{key:"toCapitalCase",value:function(e){return this.isNotEmpty(e)&&this.isString(e)?e[0].toUpperCase()+e.slice(1):e}},{key:"trim",value:function(e){return this.isNotEmpty(e)&&this.isString(e)?e.trim():e}},{key:"isEmpty",value:function(e){return null==e||""===e||Array.isArray(e)&&0===e.length||!(e instanceof Date)&&"object"===E(e)&&0===Object.keys(e).length}},{key:"isNotEmpty",value:function(e){return!this.isEmpty(e)}},{key:"isFunction",value:function(e){return!!(e&&e.constructor&&e.call&&e.apply)}},{key:"isObject",value:function(e){return null!==e&&e instanceof Object&&e.constructor===Object}},{key:"isDate",value:function(e){return null!==e&&e instanceof Date&&e.constructor===Date}},{key:"isArray",value:function(e){return null!==e&&Array.isArray(e)}},{key:"isString",value:function(e){return null!==e&&"string"==typeof e}},{key:"isPrintableCharacter",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return this.isNotEmpty(e)&&1===e.length&&e.match(/\S| /)}},{key:"isLetter",value:function(e){return e&&(e.toUpperCase()!=e.toLowerCase()||e.codePointAt(0)>127)}},{key:"findLast",value:function(e,t){var n;if(this.isNotEmpty(e))try{n=e.findLast(t)}catch(r){n=F(e).reverse().find(t)}return n}},{key:"findLastIndex",value:function(e,t){var n=-1;if(this.isNotEmpty(e))try{n=e.findLastIndex(t)}catch(r){n=e.lastIndexOf(F(e).reverse().find(t))}return n}},{key:"sort",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,r=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,o=this.compare(e,t,arguments.length>3?arguments[3]:void 0,n),i=n;return(this.isEmpty(e)||this.isEmpty(t))&&(i=1===r?n:r),i*o}},{key:"compare",value:function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,o=this.isEmpty(e),i=this.isEmpty(t);return o&&i?0:o?r:i?-r:"string"==typeof e&&"string"==typeof t?n(e,t):e<t?-1:e>t?1:0}},{key:"localeComparator",value:function(e){return new Intl.Collator(e,{numeric:!0}).compare}},{key:"findChildrenByKey",value:function(e,t){var n,r=z(e);try{for(r.s();!(n=r.n()).done;){var o=n.value;if(o.key===t)return o.children||[];if(o.children){var i=this.findChildrenByKey(o.children,t);if(i.length>0)return i}}}catch(e){r.e(e)}finally{r.f()}return[]}},{key:"mutateFieldData",value:function(e,t,n){if("object"===E(e)&&"string"==typeof t)for(var r=t.split("."),o=e,i=0,a=r.length;i<a;++i){if(i+1-a==0){o[r[i]]=n;break}o[r[i]]||(o[r[i]]={}),o=o[r[i]]}}}],(n=null)&&R(t.prototype,n),r&&R(t,r),Object.defineProperty(t,"prototype",{writable:!1}),e}(),_=0;function H(){return _++,"".concat(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"pr_id_").concat(_)}var V=v.memo(v.forwardRef((function(e,t){var n=l.IconBase.getPTI(e),r=S(v.useState(e.id),2),o=r[0],i=r[1];return v.useEffect((function(){M.isEmpty(o)&&i(H("pr_icon_clip_"))}),[o]),v.createElement("svg",b({ref:t,width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),v.createElement("g",{clipPath:"url(#".concat(o,")")},v.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.0118 10C6.93296 10.0003 6.85484 9.98495 6.78202 9.95477C6.7091 9.92454 6.64297 9.88008 6.58749 9.82399L3.38288 6.62399C3.27675 6.51025 3.21897 6.35982 3.22171 6.20438C3.22446 6.04893 3.28752 5.90063 3.39761 5.7907C3.5077 5.68077 3.65622 5.6178 3.81188 5.61505C3.96755 5.61231 4.1182 5.67001 4.23211 5.77599L6.41125 7.95201V0.6C6.41125 0.44087 6.47456 0.288258 6.58724 0.175736C6.69993 0.063214 6.85276 0 7.01212 0C7.17148 0 7.32431 0.063214 7.43699 0.175736C7.54968 0.288258 7.61298 0.44087 7.61298 0.6V7.95198L9.7921 5.77599C9.90601 5.67001 10.0567 5.61231 10.2123 5.61505C10.368 5.6178 10.5165 5.68077 10.6266 5.7907C10.7367 5.90063 10.7997 6.04893 10.8025 6.20438C10.8052 6.35982 10.7475 6.51025 10.6413 6.62399L7.43671 9.82399C7.38124 9.88008 7.3151 9.92454 7.24219 9.95477C7.16938 9.98495 7.09127 10.0003 7.01244 10C7.01233 10 7.01223 10 7.01212 10C7.01201 10 7.0119 10 7.0118 10ZM13.45 13.3115C13.0749 13.7235 12.5521 13.971 11.9952 14H2.02889C1.75106 13.9887 1.47819 13.9228 1.2259 13.806C0.973606 13.6893 0.74684 13.524 0.558578 13.3197C0.370316 13.1153 0.224251 12.8759 0.128742 12.6152C0.0332333 12.3544 -0.00984502 12.0774 0.00197194 11.8V9.39999C0.00197194 9.24086 0.065277 9.08825 0.177961 8.97572C0.290645 8.8632 0.443477 8.79999 0.602836 8.79999C0.762195 8.79999 0.915027 8.8632 1.02771 8.97572C1.1404 9.08825 1.2037 9.24086 1.2037 9.39999V11.8C1.18301 12.0375 1.25469 12.2739 1.40385 12.4601C1.55302 12.6463 1.76823 12.768 2.00485 12.8H11.9952C12.2318 12.768 12.4471 12.6463 12.5962 12.4601C12.7454 12.2739 12.8171 12.0375 12.7964 11.8V9.39999C12.7964 9.24086 12.8597 9.08825 12.9724 8.97572C13.085 8.8632 13.2379 8.79999 13.3972 8.79999C13.5566 8.79999 13.7094 8.8632 13.8221 8.97572C13.9348 9.08825 13.9981 9.24086 13.9981 9.39999V11.8C14.0221 12.3563 13.8251 12.8995 13.45 13.3115Z",fill:"currentColor"})),v.createElement("defs",null,v.createElement("clipPath",{id:o},v.createElement("rect",{width:"14",height:"14",fill:"white"}))))})));V.displayName="DownloadIcon";var J=o.ComponentBase.extend({defaultProps:{__TYPE:"Image",alt:null,className:null,closeIcon:null,crossOrigin:null,decoding:null,downloadIcon:null,downloadable:!1,height:null,imageClassName:null,imageStyle:null,indicatorIcon:null,loading:null,onError:null,onHide:null,onShow:null,preview:!1,referrerPolicy:null,rotateLeftIcon:null,rotateRightIcon:null,src:null,template:null,useMap:null,width:null,zoomInIcon:null,zoomOutIcon:null,zoomSrc:null,children:void 0,closeOnEscape:!0},css:{classes:{button:"p-image-preview-indicator",mask:"p-image-mask p-component-overlay p-component-overlay-enter",toolbar:"p-image-toolbar",downloadButton:"p-image-action p-link",rotateRightButton:"p-image-action p-link",rotateLeftButton:"p-image-action p-link",zoomOutButton:"p-image-action p-link",zoomInButton:"p-image-action p-link",closeButton:"p-image-action p-link",preview:"p-image-preview",icon:"p-image-preview-icon",root:function(e){var t=e.props;return n.classNames("p-image p-component",t.className,{"p-image-preview-container":t.preview})},transition:"p-image-preview"},styles:"\n@layer primereact {\n    .p-image-mask {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-image-preview-container {\n        position: relative;\n        display: inline-block;\n        line-height: 0;\n    }\n    \n    .p-image-preview-indicator {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        opacity: 0;\n        transition: opacity .3s;\n        border: none;\n        padding: 0;\n    }\n    \n    .p-image-preview-icon {\n        font-size: 1.5rem;\n    }\n    \n    .p-image-preview-container:hover > .p-image-preview-indicator {\n        opacity: 1;\n        cursor: pointer;\n    }\n    \n    .p-image-preview-container > img {\n        cursor: pointer;\n    }\n    \n    .p-image-toolbar {\n        position: absolute;\n        top: 0;\n        right: 0;\n        display: flex;\n        z-index: 1;\n    }\n    \n    .p-image-action.p-link {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n    \n    .p-image-preview {\n        transition: transform .15s;\n        max-width: 100vw;\n        max-height: 100vh;\n        width: 100%;\n        height: 100%;\n    }\n    \n    .p-image-preview-enter {\n        opacity: 0;\n        transform: scale(0.7);\n    }\n    \n    .p-image-preview-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-image-preview-enter-done {\n        transform: none;\n    }\n    \n    .p-image-preview-exit {\n        opacity: 1;\n    }\n    \n    .p-image-preview-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",inlineStyles:{preview:function(e){return{transform:"rotate("+e.rotateState+"deg) scale("+e.scaleState+")"}}}}});function X(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?X(Object(n),!0).forEach((function(t){var r,o,i;r=e,i=n[t],(o=C(o=t))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):X(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var q=v.memo(v.forwardRef((function(e,t){var l=v.useContext(r.PrimeReactContext),g=J.getProps(e,l),d=S(v.useState(!1),2),E=d[0],w=d[1],C=S(v.useState(!1),2),P=C[0],I=C[1],x=S(v.useState(0),2),O=x[0],k=x[1],j=S(v.useState(1),2),N=j[0],A=j[1],B=v.useRef(null),F=v.useRef(null),U=v.useRef(null),R=v.useRef(null),z=v.useRef(!1);D(U,g.closeOnEscape,(function(){X()}));var L=J.setMetaData({props:g,state:{maskVisible:E,previewVisible:P,rotate:O,scale:N}}),T=L.ptm,M=L.cx,_=L.sx;o.useHandleStyle(J.css.styles,L.isUnstyled,{name:"image"});var H=function(){g.preview&&(w(!0),n.DomHandler.blockBodyScroll(),setTimeout((function(){I(!0)}),25))},X=function(){z.current||(I(!1),n.DomHandler.unblockBodyScroll(),k(0),A(1)),z.current=!1},q=function(){z.current=!0},K=function(){n.DomHandler.saveAs({name:g.alt,src:g.src}),z.current=!0},Y=function(){k((function(e){return e+90})),z.current=!0},$=function(){k((function(e){return e-90})),z.current=!0},W=function(){A((function(e){return e+.1})),z.current=!0},G=function(){A((function(e){return e-.1})),z.current=!0},Q=function(){n.ZIndexUtils.set("modal",U.current,l&&l.autoZIndex||h.default.autoZIndex,l&&l.zIndex.modal||h.default.zIndex.modal)},ee=function(){g.onShow&&g.onShow()},te=function(){n.DomHandler.addClass(U.current,"p-component-overlay-leave")},ne=function(){g.onHide&&g.onHide()},re=function(){n.ZIndexUtils.clear(U.current),w(!1)};a.useUnmountEffect((function(){U.current&&n.ZIndexUtils.clear(U.current)}));v.useImperativeHandle(t,(function(){return{props:g,show:H,hide:X,getElement:function(){return B.current},getImage:function(){return F.current}}}));var oe,ie=g.src,ae=g.alt,le=g.width,ce=g.height,ue=g.crossOrigin,se=g.referrerPolicy,pe=g.useMap,fe=g.loading,me=function(){var e=g.downloadable,t=g.alt,o=g.crossOrigin,a=g.referrerPolicy,l=g.useMap,c=g.loading,y=N<=.5,d=N>=1.5,h=n.mergeProps(T("downloadIcon")),E=n.mergeProps(T("rotateRightIcon")),w=n.mergeProps(T("rotateLeftIcon")),C=n.mergeProps(T("zoomOutIcon")),I=n.mergeProps(T("zoomInIcon")),x=n.mergeProps(T("closeIcon")),k=n.IconUtils.getJSXIcon(g.downloadIcon||v.createElement(V,null),Z({},h),{props:g}),S=n.IconUtils.getJSXIcon(g.rotateRightIcon||v.createElement(u.RefreshIcon,null),Z({},E),{props:g}),j=n.IconUtils.getJSXIcon(g.rotateLeftIcon||v.createElement(m.UndoIcon,null),Z({},w),{props:g}),D=n.IconUtils.getJSXIcon(g.zoomOutIcon||v.createElement(s.SearchMinusIcon,null),Z({},C),{props:g}),A=n.IconUtils.getJSXIcon(g.zoomInIcon||v.createElement(p.SearchPlusIcon,null),Z({},I),{props:g}),B=n.IconUtils.getJSXIcon(g.closeIcon||v.createElement(f.TimesIcon,null),Z({},x),{props:g}),F=n.mergeProps({ref:U,className:M("mask"),onPointerUp:X},T("mask")),z=n.mergeProps({className:M("toolbar")},T("toolbar")),L=n.mergeProps({className:M("downloadButton"),onPointerUp:K,type:"button"},T("downloadButton")),H=n.mergeProps({className:M("rotateRightButton"),onPointerUp:Y,type:"button"},T("rotateRightButton")),J=n.mergeProps({className:M("rotateLeftButton"),onPointerUp:$,type:"button"},T("rotateLeftButton")),oe=n.mergeProps({className:n.classNames(M("zoomOutButton"),{"p-disabled":y}),style:{pointerEvents:"auto"},onPointerUp:G,type:"button",disabled:y},T("zoomOutButton")),ie=n.mergeProps({className:n.classNames(M("zoomInButton"),{"p-disabled":d}),style:{pointerEvents:"auto"},onPointerUp:W,type:"button",disabled:d},T("zoomInButton")),ae=n.mergeProps({className:M("closeButton"),type:"button","aria-label":r.localeOption("close")},T("closeButton")),le=n.mergeProps({src:g.zoomSrc||g.src,className:M("preview"),style:_("preview",{rotateState:O,scaleState:N}),onPointerUp:q,crossOrigin:o,referrerPolicy:a,useMap:l,loading:c},T("preview")),ce=n.mergeProps({ref:R},T("previewContainer")),ue=n.mergeProps({classNames:M("transition"),in:P,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:Q,onEntered:ee,onExit:te,onExiting:ne,onExited:re},T("transition"));return v.createElement("div",F,v.createElement("div",z,e&&v.createElement("button",L,k),v.createElement("button",H,S),v.createElement("button",J,j),v.createElement("button",oe,D),v.createElement("button",ie,A),v.createElement("button",ae,B)),v.createElement(i.CSSTransition,b({nodeRef:R},ue),v.createElement("div",ce,v.createElement("img",b({alt:t},le)))))}(),ye=n.mergeProps({className:M("icon")},T("icon")),ge=n.IconUtils.getJSXIcon(g.indicatorIcon||v.createElement(c.EyeIcon,ye),Z({},ye),{props:g}),de=g.template?n.ObjectUtils.getJSXElement(g.template,g):ge,ve=(oe=n.mergeProps({className:M("button"),onClick:H},T("button")),g.preview?v.createElement("div",oe,de):null),he=n.mergeProps({ref:F,src:ie,className:g.imageClassName,width:le,height:ce,crossOrigin:ue,referrerPolicy:se,useMap:pe,loading:fe,style:g.imageStyle,onError:g.onError},T("image")),be=g.src&&v.createElement("img",b({},he,{alt:ae})),Ee=n.mergeProps({ref:B,className:M("root")},J.getOtherProps(g),T("root"));return v.createElement("span",Ee,be,ve,E&&v.createElement(y.Portal,{element:me,appendTo:document.body}))})));return q.displayName="Image",e.Image=q,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.iconbase,primereact.icons.eye,primereact.icons.refresh,primereact.icons.searchminus,primereact.icons.searchplus,primereact.icons.times,primereact.icons.undo,primereact.portal);
+this.primereact=this.primereact||{},this.primereact.image=function(e,t,n,r,o,i,a,l,c,u,s,p,f,m,y){"use strict";function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}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 v=d(t),h=g(r);function b(){return b=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},b.apply(this,arguments)}function E(e){return E="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},E(e)}function w(e,t){if("object"!==E(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==E(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function C(e){var t=w(e,"string");return"symbol"===E(t)?t:String(t)}function O(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,o,i,a,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}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}function P(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 x(){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 S(e,t){return O(e)||I(e,t)||P(e,t)||x()}var j=function(e){var t=v.useRef(void 0);return v.useEffect((function(){t.current=e})),t.current},D=function(e,t,r){var o,i,a,l,c,u,s,p,f,m,y,g,d,h,b,E=(l=void 0===(a=(o={type:"keydown",listener:function(e){"Esc"!==e.key&&"Escape"!==e.key||(e.stopImmediatePropagation(),r(e))}}).target)?"document":a,c=o.type,u=o.listener,s=o.options,f=void 0===(p=o.when)||p,m=v.useRef(null),y=v.useRef(null),g=j(u),d=j(s),h=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};n.ObjectUtils.isNotEmpty(e.target)&&(b(),(e.when||f)&&(m.current=n.DomHandler.getTargetElement(e.target))),!y.current&&m.current&&(y.current=function(e){return u&&u(e)},m.current.addEventListener(c,y.current,s))},b=function(){y.current&&(m.current.removeEventListener(c,y.current,s),y.current=null)},v.useEffect((function(){f?m.current=n.DomHandler.getTargetElement(l):(b(),m.current=null)}),[l,f]),v.useEffect((function(){!y.current||""+g==""+u&&d===s||(b(),f&&h())}),[u,s,f]),i=function(){b()},v.useEffect((function(){return i}),[]),[h,b]),w=S(E,2),C=w[0],O=w[1];return v.useEffect((function(){if(t&&e.current)return C(),function(){O()}})),[e,r]};function N(e){if(Array.isArray(e))return k(e)}function A(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function F(){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 R(e){return N(e)||A(e)||P(e)||F()}function B(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function z(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,C(r.key),r)}}function L(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=U(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}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 i,a=!0,l=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){l=!0,i=e},f:function(){try{a||null==n.return||n.return()}finally{if(l)throw i}}}}function U(e,t){if(e){if("string"==typeof e)return T(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)?T(e,t):void 0}}function T(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 _=function(){function e(){B(this,e)}var t,n,r;return t=e,r=[{key:"equals",value:function(e,t,n){return n&&e&&"object"===E(e)&&t&&"object"===E(t)?this.deepEquals(this.resolveFieldData(e,n),this.resolveFieldData(t,n)):this.deepEquals(e,t)}},{key:"deepEquals",value:function(e,t){if(e===t)return!0;if(e&&t&&"object"==E(e)&&"object"==E(t)){var n,r,o,i=Array.isArray(e),a=Array.isArray(t);if(i&&a){if((r=e.length)!==t.length)return!1;for(n=r;0!=n--;)if(!this.deepEquals(e[n],t[n]))return!1;return!0}if(i!==a)return!1;var l=e instanceof Date,c=t instanceof Date;if(l!==c)return!1;if(l&&c)return e.getTime()===t.getTime();var u=e instanceof RegExp,s=t instanceof RegExp;if(u!==s)return!1;if(u&&s)return e.toString()===t.toString();var p=Object.keys(e);if((r=p.length)!==Object.keys(t).length)return!1;for(n=r;0!=n--;)if(!Object.prototype.hasOwnProperty.call(t,p[n]))return!1;for(n=r;0!=n--;)if(!this.deepEquals(e[o=p[n]],t[o]))return!1;return!0}return e!=e&&t!=t}},{key:"resolveFieldData",value:function(e,t){if(!e||!t)return null;try{var n=e[t];if(this.isNotEmpty(n))return n}catch(e){}if(Object.keys(e).length){if(this.isFunction(t))return t(e);if(this.isNotEmpty(e[t]))return e[t];if(-1===t.indexOf("."))return e[t];for(var r=t.split("."),o=e,i=0,a=r.length;i<a;++i){if(null==o)return null;o=o[r[i]]}return o}return null}},{key:"findDiffKeys",value:function(e,t){return e&&t?Object.keys(e).filter((function(e){return!t.hasOwnProperty(e)})).reduce((function(t,n){return t[n]=e[n],t}),{}):{}}},{key:"reduceKeys",value:function(e,t){var n={};return e&&t&&0!==t.length?(Object.keys(e).filter((function(e){return t.some((function(t){return e.startsWith(t)}))})).forEach((function(t){n[t]=e[t],delete e[t]})),n):n}},{key:"reorderArray",value:function(e,t,n){e&&t!==n&&(n>=e.length&&(n%=e.length,t%=e.length),e.splice(n,0,e.splice(t,1)[0]))}},{key:"findIndexInList",value:function(e,t,n){var r=this;return t?t.findIndex(n?function(t){return r.equals(t,e,n)}:function(t){return t===e}):-1}},{key:"getJSXElement",value:function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return this.isFunction(e)?e.apply(void 0,n):e}},{key:"getItemValue",value:function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return this.isFunction(e)?e.apply(void 0,n):e}},{key:"getProp",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=e?e[t]:void 0;return void 0===n?(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{})[t]:n}},{key:"getPropCaseInsensitive",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=this.toFlatCase(t);for(var o in e)if(e.hasOwnProperty(o)&&this.toFlatCase(o)===r)return e[o];for(var i in n)if(n.hasOwnProperty(i)&&this.toFlatCase(i)===r)return n[i]}},{key:"getMergedProps",value:function(e,t){return Object.assign({},t,e)}},{key:"getDiffProps",value:function(e,t){return this.findDiffKeys(e,t)}},{key:"getPropValue",value:function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return this.isFunction(e)?e.apply(void 0,n):e}},{key:"getComponentProp",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return this.isNotEmpty(e)?this.getProp(e.props,t,n):void 0}},{key:"getComponentProps",value:function(e,t){return this.isNotEmpty(e)?this.getMergedProps(e.props,t):void 0}},{key:"getComponentDiffProps",value:function(e,t){return this.isNotEmpty(e)?this.getDiffProps(e.props,t):void 0}},{key:"isValidChild",value:function(e,t,n){if(e){var r,o=this.getComponentProp(e,"__TYPE")||(e.type?e.type.displayName:void 0);!o&&null!=e&&null!==(r=e.type)&&void 0!==r&&null!==(r=r._payload)&&void 0!==r&&r.value&&(o=e.type._payload.value.find((function(e){return e===t})));var i=o===t;return i}return!1}},{key:"getRefElement",value:function(e){return e?"object"===E(e)&&e.hasOwnProperty("current")?e.current:e:null}},{key:"combinedRefs",value:function(e,t){e&&t&&("function"==typeof t?t(e.current):t.current=e.current)}},{key:"removeAccents",value:function(e){return e&&e.search(/[\xC0-\xFF]/g)>-1&&(e=e.replace(/[\xC0-\xC5]/g,"A").replace(/[\xC6]/g,"AE").replace(/[\xC7]/g,"C").replace(/[\xC8-\xCB]/g,"E").replace(/[\xCC-\xCF]/g,"I").replace(/[\xD0]/g,"D").replace(/[\xD1]/g,"N").replace(/[\xD2-\xD6\xD8]/g,"O").replace(/[\xD9-\xDC]/g,"U").replace(/[\xDD]/g,"Y").replace(/[\xDE]/g,"P").replace(/[\xE0-\xE5]/g,"a").replace(/[\xE6]/g,"ae").replace(/[\xE7]/g,"c").replace(/[\xE8-\xEB]/g,"e").replace(/[\xEC-\xEF]/g,"i").replace(/[\xF1]/g,"n").replace(/[\xF2-\xF6\xF8]/g,"o").replace(/[\xF9-\xFC]/g,"u").replace(/[\xFE]/g,"p").replace(/[\xFD\xFF]/g,"y")),e}},{key:"toFlatCase",value:function(e){return this.isNotEmpty(e)&&this.isString(e)?e.replace(/(-|_)/g,"").toLowerCase():e}},{key:"toCapitalCase",value:function(e){return this.isNotEmpty(e)&&this.isString(e)?e[0].toUpperCase()+e.slice(1):e}},{key:"trim",value:function(e){return this.isNotEmpty(e)&&this.isString(e)?e.trim():e}},{key:"isEmpty",value:function(e){return null==e||""===e||Array.isArray(e)&&0===e.length||!(e instanceof Date)&&"object"===E(e)&&0===Object.keys(e).length}},{key:"isNotEmpty",value:function(e){return!this.isEmpty(e)}},{key:"isFunction",value:function(e){return!!(e&&e.constructor&&e.call&&e.apply)}},{key:"isObject",value:function(e){return null!==e&&e instanceof Object&&e.constructor===Object}},{key:"isDate",value:function(e){return null!==e&&e instanceof Date&&e.constructor===Date}},{key:"isArray",value:function(e){return null!==e&&Array.isArray(e)}},{key:"isString",value:function(e){return null!==e&&"string"==typeof e}},{key:"isPrintableCharacter",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return this.isNotEmpty(e)&&1===e.length&&e.match(/\S| /)}},{key:"isLetter",value:function(e){return e&&(e.toUpperCase()!=e.toLowerCase()||e.codePointAt(0)>127)}},{key:"findLast",value:function(e,t){var n;if(this.isNotEmpty(e))try{n=e.findLast(t)}catch(r){n=R(e).reverse().find(t)}return n}},{key:"findLastIndex",value:function(e,t){var n=-1;if(this.isNotEmpty(e))try{n=e.findLastIndex(t)}catch(r){n=e.lastIndexOf(R(e).reverse().find(t))}return n}},{key:"sort",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,r=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,o=this.compare(e,t,arguments.length>3?arguments[3]:void 0,n),i=n;return(this.isEmpty(e)||this.isEmpty(t))&&(i=1===r?n:r),i*o}},{key:"compare",value:function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,o=this.isEmpty(e),i=this.isEmpty(t);return o&&i?0:o?r:i?-r:"string"==typeof e&&"string"==typeof t?n(e,t):e<t?-1:e>t?1:0}},{key:"localeComparator",value:function(e){return new Intl.Collator(e,{numeric:!0}).compare}},{key:"findChildrenByKey",value:function(e,t){var n,r=L(e);try{for(r.s();!(n=r.n()).done;){var o=n.value;if(o.key===t)return o.children||[];if(o.children){var i=this.findChildrenByKey(o.children,t);if(i.length>0)return i}}}catch(e){r.e(e)}finally{r.f()}return[]}},{key:"mutateFieldData",value:function(e,t,n){if("object"===E(e)&&"string"==typeof t)for(var r=t.split("."),o=e,i=0,a=r.length;i<a;++i){if(i+1-a==0){o[r[i]]=n;break}o[r[i]]||(o[r[i]]={}),o=o[r[i]]}}}],(n=null)&&z(t.prototype,n),r&&z(t,r),Object.defineProperty(t,"prototype",{writable:!1}),e}(),M=0;function H(){return M++,"".concat(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"pr_id_").concat(M)}var V=v.memo(v.forwardRef((function(e,t){var n=l.IconBase.getPTI(e),r=S(v.useState(e.id),2),o=r[0],i=r[1];return v.useEffect((function(){_.isEmpty(o)&&i(H("pr_icon_clip_"))}),[o]),v.createElement("svg",b({ref:t,width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),v.createElement("g",{clipPath:"url(#".concat(o,")")},v.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.0118 10C6.93296 10.0003 6.85484 9.98495 6.78202 9.95477C6.7091 9.92454 6.64297 9.88008 6.58749 9.82399L3.38288 6.62399C3.27675 6.51025 3.21897 6.35982 3.22171 6.20438C3.22446 6.04893 3.28752 5.90063 3.39761 5.7907C3.5077 5.68077 3.65622 5.6178 3.81188 5.61505C3.96755 5.61231 4.1182 5.67001 4.23211 5.77599L6.41125 7.95201V0.6C6.41125 0.44087 6.47456 0.288258 6.58724 0.175736C6.69993 0.063214 6.85276 0 7.01212 0C7.17148 0 7.32431 0.063214 7.43699 0.175736C7.54968 0.288258 7.61298 0.44087 7.61298 0.6V7.95198L9.7921 5.77599C9.90601 5.67001 10.0567 5.61231 10.2123 5.61505C10.368 5.6178 10.5165 5.68077 10.6266 5.7907C10.7367 5.90063 10.7997 6.04893 10.8025 6.20438C10.8052 6.35982 10.7475 6.51025 10.6413 6.62399L7.43671 9.82399C7.38124 9.88008 7.3151 9.92454 7.24219 9.95477C7.16938 9.98495 7.09127 10.0003 7.01244 10C7.01233 10 7.01223 10 7.01212 10C7.01201 10 7.0119 10 7.0118 10ZM13.45 13.3115C13.0749 13.7235 12.5521 13.971 11.9952 14H2.02889C1.75106 13.9887 1.47819 13.9228 1.2259 13.806C0.973606 13.6893 0.74684 13.524 0.558578 13.3197C0.370316 13.1153 0.224251 12.8759 0.128742 12.6152C0.0332333 12.3544 -0.00984502 12.0774 0.00197194 11.8V9.39999C0.00197194 9.24086 0.065277 9.08825 0.177961 8.97572C0.290645 8.8632 0.443477 8.79999 0.602836 8.79999C0.762195 8.79999 0.915027 8.8632 1.02771 8.97572C1.1404 9.08825 1.2037 9.24086 1.2037 9.39999V11.8C1.18301 12.0375 1.25469 12.2739 1.40385 12.4601C1.55302 12.6463 1.76823 12.768 2.00485 12.8H11.9952C12.2318 12.768 12.4471 12.6463 12.5962 12.4601C12.7454 12.2739 12.8171 12.0375 12.7964 11.8V9.39999C12.7964 9.24086 12.8597 9.08825 12.9724 8.97572C13.085 8.8632 13.2379 8.79999 13.3972 8.79999C13.5566 8.79999 13.7094 8.8632 13.8221 8.97572C13.9348 9.08825 13.9981 9.24086 13.9981 9.39999V11.8C14.0221 12.3563 13.8251 12.8995 13.45 13.3115Z",fill:"currentColor"})),v.createElement("defs",null,v.createElement("clipPath",{id:o},v.createElement("rect",{width:"14",height:"14",fill:"white"}))))})));V.displayName="DownloadIcon";var J=o.ComponentBase.extend({defaultProps:{__TYPE:"Image",alt:null,className:null,closeIcon:null,crossOrigin:null,decoding:null,downloadIcon:null,downloadable:!1,height:null,imageClassName:null,imageStyle:null,indicatorIcon:null,loading:null,onError:null,onHide:null,onShow:null,preview:!1,referrerPolicy:null,rotateLeftIcon:null,rotateRightIcon:null,src:null,template:null,useMap:null,width:null,zoomInIcon:null,zoomOutIcon:null,zoomSrc:null,children:void 0,closeOnEscape:!0},css:{classes:{button:"p-image-preview-indicator",mask:"p-image-mask p-component-overlay p-component-overlay-enter",toolbar:"p-image-toolbar",downloadButton:"p-image-action p-link",rotateRightButton:"p-image-action p-link",rotateLeftButton:"p-image-action p-link",zoomOutButton:"p-image-action p-link",zoomInButton:"p-image-action p-link",closeButton:"p-image-action p-link",preview:"p-image-preview",icon:"p-image-preview-icon",root:function(e){var t=e.props;return n.classNames("p-image p-component",t.className,{"p-image-preview-container":t.preview})},transition:"p-image-preview"},styles:"\n@layer primereact {\n    .p-image-mask {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-image-preview-container {\n        position: relative;\n        display: inline-block;\n        line-height: 0;\n    }\n    \n    .p-image-preview-indicator {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        opacity: 0;\n        transition: opacity .3s;\n        border: none;\n        padding: 0;\n    }\n    \n    .p-image-preview-icon {\n        font-size: 1.5rem;\n    }\n    \n    .p-image-preview-container:hover > .p-image-preview-indicator {\n        opacity: 1;\n        cursor: pointer;\n    }\n    \n    .p-image-preview-container > img {\n        cursor: pointer;\n    }\n    \n    .p-image-toolbar {\n        position: absolute;\n        top: 0;\n        right: 0;\n        display: flex;\n        z-index: 1;\n    }\n    \n    .p-image-action.p-link {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n    \n    .p-image-preview {\n        transition: transform .15s;\n        max-width: 100vw;\n        max-height: 100vh;\n        width: 100%;\n        height: 100%;\n    }\n    \n    .p-image-preview-enter {\n        opacity: 0;\n        transform: scale(0.7);\n    }\n    \n    .p-image-preview-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-image-preview-enter-done {\n        transform: none;\n    }\n    \n    .p-image-preview-exit {\n        opacity: 1;\n    }\n    \n    .p-image-preview-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",inlineStyles:{preview:function(e){return{transform:"rotate("+e.rotateState+"deg) scale("+e.scaleState+")"}}}}});function X(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function q(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?X(Object(n),!0).forEach((function(t){var r,o,i;r=e,i=n[t],(o=C(o=t))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):X(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Z=v.memo(v.forwardRef((function(e,t){var l=v.useContext(r.PrimeReactContext),g=J.getProps(e,l),d=S(v.useState(!1),2),E=d[0],w=d[1],C=S(v.useState(!1),2),O=C[0],I=C[1],k=S(v.useState(0),2),P=k[0],x=k[1],j=S(v.useState(1),2),N=j[0],A=j[1],F=v.useRef(null),R=v.useRef(null),B=v.useRef(null),z=v.useRef(null),L=v.useRef(!1),U=v.useRef(null);D(B,g.closeOnEscape,(function(){Z()}));var T=J.setMetaData({props:g,state:{maskVisible:E,previewVisible:O,rotate:P,scale:N}}),_=T.ptm,M=T.cx,H=T.sx;o.useHandleStyle(J.css.styles,T.isUnstyled,{name:"image"});var X=function(){g.preview&&(w(!0),n.DomHandler.blockBodyScroll(),setTimeout((function(){I(!0)}),25))},Z=function(){L.current||(I(!1),n.DomHandler.unblockBodyScroll(),x(0),A(1)),L.current=!1},K=function(){L.current=!0},Y=function(e){[e.target.classList].includes("p-image-action")||e.target.closest(".p-image-action")||(L.current||(I(!1),rotate=0,scale=0),L.current=!1)},$=function(e){if("Escape"===e.code)Z(),setTimeout((function(){n.DomHandler.focus(U.current)}),200),e.preventDefault()},W=function(){n.DomHandler.saveAs({name:g.alt,src:g.src}),L.current=!0},G=function(){x((function(e){return e+90})),L.current=!0},Q=function(){x((function(e){return e-90})),L.current=!0},ee=function(){A((function(e){return e+.1})),L.current=!0},te=function(){A((function(e){return e-.1})),L.current=!0},ne=function(){n.ZIndexUtils.set("modal",B.current,l&&l.autoZIndex||h.default.autoZIndex,l&&l.zIndex.modal||h.default.zIndex.modal)},re=function(){g.onShow&&g.onShow()},oe=function(){n.DomHandler.addClass(B.current,"p-component-overlay-leave")},ie=function(){g.onHide&&g.onHide()},ae=function(){n.ZIndexUtils.clear(B.current),w(!1)};a.useUnmountEffect((function(){B.current&&n.ZIndexUtils.clear(B.current)}));v.useImperativeHandle(t,(function(){return{props:g,show:X,hide:Z,getElement:function(){return F.current},getImage:function(){return R.current}}}));var le,ce,ue=g.src,se=g.alt,pe=g.width,fe=g.height,me=g.crossOrigin,ye=g.referrerPolicy,ge=g.useMap,de=g.loading,ve=function(){var e=g.downloadable,t=g.alt,o=g.crossOrigin,a=g.referrerPolicy,l=g.useMap,c=g.loading,y=N<=.5,d=N>=1.5,h=n.mergeProps(_("downloadIcon")),w=n.mergeProps(_("rotateRightIcon")),C=n.mergeProps(_("rotateLeftIcon")),I=n.mergeProps(_("zoomOutIcon")),k=n.mergeProps(_("zoomInIcon")),x=n.mergeProps(_("closeIcon")),S=n.IconUtils.getJSXIcon(g.downloadIcon||v.createElement(V,null),q({},h),{props:g}),j=n.IconUtils.getJSXIcon(g.rotateRightIcon||v.createElement(u.RefreshIcon,null),q({},w),{props:g}),D=n.IconUtils.getJSXIcon(g.rotateLeftIcon||v.createElement(m.UndoIcon,null),q({},C),{props:g}),A=n.IconUtils.getJSXIcon(g.zoomOutIcon||v.createElement(s.SearchMinusIcon,null),q({},I),{props:g}),F=n.IconUtils.getJSXIcon(g.zoomInIcon||v.createElement(p.SearchPlusIcon,null),q({},k),{props:g}),R=n.IconUtils.getJSXIcon(g.closeIcon||v.createElement(f.TimesIcon,null),q({},x),{props:g}),L=n.mergeProps({ref:B,role:"dialog",className:M("mask"),"aria-modal":E,onClick:Y,onKeyDown:$},_("mask")),U=n.mergeProps({className:M("toolbar")},_("toolbar")),T=n.mergeProps({className:M("downloadButton"),onPointerUp:W,type:"button"},_("downloadButton")),J=n.mergeProps({className:M("rotateRightButton"),onClick:G,type:"button","aria-label":r.localeOption("aria")?r.localeOption("aria").rotateRight:void 0,"data-pc-group-section":"action"},_("rotateRightButton")),X=n.mergeProps({className:M("rotateLeftButton"),onClick:Q,type:"button","aria-label":r.localeOption("aria")?r.localeOption("aria").rotateLeft:void 0,"data-pc-group-section":"action"},_("rotateLeftButton")),le=n.mergeProps({className:n.classNames(M("zoomOutButton"),{"p-disabled":y}),style:{pointerEvents:"auto"},onClick:te,type:"button",disabled:y,"aria-label":r.localeOption("aria")?r.localeOption("aria").zoomOut:void 0,"data-pc-group-section":"action"},_("zoomOutButton")),ce=n.mergeProps({className:n.classNames(M("zoomInButton"),{"p-disabled":d}),style:{pointerEvents:"auto"},onClick:ee,type:"button",disabled:d,"aria-label":r.localeOption("aria")?r.localeOption("aria").zoomIn:void 0,"data-pc-group-section":"action"},_("zoomInButton")),ue=n.mergeProps({className:M("closeButton"),type:"button",onClick:Z,"aria-label":r.localeOption("aria")?r.localeOption("aria").close:void 0,autoFocus:!0,"data-pc-group-section":"action"},_("closeButton")),se=n.mergeProps({src:g.zoomSrc||g.src,className:M("preview"),style:H("preview",{rotateState:P,scaleState:N}),onClick:K,crossOrigin:o,referrerPolicy:a,useMap:l,loading:c},_("preview")),pe=n.mergeProps({ref:z},_("previewContainer")),fe=n.mergeProps({classNames:M("transition"),in:O,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:ne,onEntered:re,onExit:oe,onExiting:ie,onExited:ae},_("transition"));return v.createElement("div",L,v.createElement("div",U,e&&v.createElement("button",T,S),v.createElement("button",J,j),v.createElement("button",X,D),v.createElement("button",le,A),v.createElement("button",ce,F),v.createElement("button",ue,R)),v.createElement(i.CSSTransition,b({nodeRef:z},fe),v.createElement("div",pe,v.createElement("img",b({alt:t},se)))))}(),he=n.mergeProps({className:M("icon")},_("icon")),be=n.IconUtils.getJSXIcon(g.indicatorIcon||v.createElement(c.EyeIcon,he),q({},he),{props:g}),Ee=g.template?n.ObjectUtils.getJSXElement(g.template,g):be,we=(le=r.localeOption("aria")?r.localeOption("aria").zoomImage:void 0,ce=n.mergeProps({ref:U,className:M("button"),onClick:X,type:"button","aria-label":le},_("button")),g.preview?v.createElement("button",ce,Ee):null),Ce=n.mergeProps({ref:R,src:ue,className:g.imageClassName,width:pe,height:fe,crossOrigin:me,referrerPolicy:ye,useMap:ge,loading:de,style:g.imageStyle,onError:g.onError},_("image")),Oe=g.src&&v.createElement("img",b({},Ce,{alt:se})),Ie=n.mergeProps({ref:F,className:M("root")},J.getOtherProps(g),_("root"));return v.createElement("span",Ie,Oe,we,E&&v.createElement(y.Portal,{element:ve,appendTo:document.body}))})));return Z.displayName="Image",e.Image=Z,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.iconbase,primereact.icons.eye,primereact.icons.refresh,primereact.icons.searchminus,primereact.icons.searchplus,primereact.icons.times,primereact.icons.undo,primereact.portal);