primereact 10.0.2 → 10.0.3

package/image/image.esm.js

@@ -1,5 +1,6 @@
 'use client';
 import * as React from 'react';
+import { DomHandler, ObjectUtils as ObjectUtils$1, classNames, ZIndexUtils, mergeProps, IconUtils } from 'primereact/utils';
 import PrimeReact, { PrimeReactContext, localeOption } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
 import { CSSTransition } from 'primereact/csstransition';
@@ -12,7 +13,6 @@ import { SearchPlusIcon } from 'primereact/icons/searchplus';
 import { TimesIcon } from 'primereact/icons/times';
 import { UndoIcon } from 'primereact/icons/undo';
 import { Portal } from 'primereact/portal';
-import { classNames, DomHandler, ObjectUtils as ObjectUtils$1, ZIndexUtils, mergeProps, IconUtils } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -125,6 +125,106 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest();
 }
 
+var usePrevious = function usePrevious(newValue) {
+  var ref = React.useRef(undefined);
+  React.useEffect(function () {
+    ref.current = newValue;
+  });
+  return ref.current;
+};
+
+/* eslint-disable */
+var useUnmountEffect = function useUnmountEffect(fn) {
+  return React.useEffect(function () {
+    return fn;
+  }, []);
+};
+/* eslint-enable */
+
+/* eslint-disable */
+var useEventListener = function useEventListener(_ref) {
+  var _ref$target = _ref.target,
+    target = _ref$target === void 0 ? 'document' : _ref$target,
+    type = _ref.type,
+    listener = _ref.listener,
+    options = _ref.options,
+    _ref$when = _ref.when,
+    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] : {};
+    if (ObjectUtils$1.isNotEmpty(bindOptions.target)) {
+      unbind();
+      (bindOptions.when || when) && (targetRef.current = DomHandler.getTargetElement(bindOptions.target));
+    }
+    if (!listenerRef.current && targetRef.current) {
+      listenerRef.current = function (event) {
+        return listener && listener(event);
+      };
+      targetRef.current.addEventListener(type, listenerRef.current, options);
+    }
+  };
+  var unbind = function unbind() {
+    if (listenerRef.current) {
+      targetRef.current.removeEventListener(type, listenerRef.current, options);
+      listenerRef.current = null;
+    }
+  };
+  React.useEffect(function () {
+    if (when) {
+      targetRef.current = DomHandler.getTargetElement(target);
+    } else {
+      unbind();
+      targetRef.current = null;
+    }
+  }, [target, when]);
+  React.useEffect(function () {
+    // 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, when]);
+  useUnmountEffect(function () {
+    unbind();
+  });
+  return [bind, unbind];
+};
+/* eslint-enable */
+
+var useOnEscapeKey = function useOnEscapeKey(ref, condition, callback) {
+  var handleEsc = function handleEsc(event) {
+    if (event.key === 'Esc' || event.key === 'Escape') {
+      event.stopImmediatePropagation();
+      callback(event);
+    }
+    return;
+  };
+  var _useEventListener = useEventListener({
+      type: 'keydown',
+      listener: handleEsc
+    }),
+    _useEventListener2 = _slicedToArray(_useEventListener, 2),
+    bindKeyDownListener = _useEventListener2[0],
+    unbindKeyDownListener = _useEventListener2[1];
+  React.useEffect(function () {
+    if (!condition) {
+      return;
+    }
+    if (!ref.current) {
+      return;
+    }
+    bindKeyDownListener();
+    return function () {
+      unbindKeyDownListener();
+    };
+  });
+  return [ref, callback];
+};
+
 function _arrayWithoutHoles(arr) {
   if (Array.isArray(arr)) return _arrayLikeToArray$1(arr);
 }
@@ -704,7 +804,7 @@ var classes = {
   },
   transition: 'p-image-preview'
 };
-var 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    }\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    }\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";
+var 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";
 var inlineStyles = {
   preview: function preview(_ref2) {
     var rotateState = _ref2.rotateState,
@@ -753,106 +853,6 @@ var ImageBase = ComponentBase.extend({
   }
 });
 
-var usePrevious = function usePrevious(newValue) {
-  var ref = React.useRef(undefined);
-  React.useEffect(function () {
-    ref.current = newValue;
-  });
-  return ref.current;
-};
-
-/* eslint-disable */
-var useUnmountEffect = function useUnmountEffect(fn) {
-  return React.useEffect(function () {
-    return fn;
-  }, []);
-};
-/* eslint-enable */
-
-/* eslint-disable */
-var useEventListener = function useEventListener(_ref) {
-  var _ref$target = _ref.target,
-    target = _ref$target === void 0 ? 'document' : _ref$target,
-    type = _ref.type,
-    listener = _ref.listener,
-    options = _ref.options,
-    _ref$when = _ref.when,
-    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] : {};
-    if (ObjectUtils$1.isNotEmpty(bindOptions.target)) {
-      unbind();
-      (bindOptions.when || when) && (targetRef.current = DomHandler.getTargetElement(bindOptions.target));
-    }
-    if (!listenerRef.current && targetRef.current) {
-      listenerRef.current = function (event) {
-        return listener && listener(event);
-      };
-      targetRef.current.addEventListener(type, listenerRef.current, options);
-    }
-  };
-  var unbind = function unbind() {
-    if (listenerRef.current) {
-      targetRef.current.removeEventListener(type, listenerRef.current, options);
-      listenerRef.current = null;
-    }
-  };
-  React.useEffect(function () {
-    if (when) {
-      targetRef.current = DomHandler.getTargetElement(target);
-    } else {
-      unbind();
-      targetRef.current = null;
-    }
-  }, [target, when]);
-  React.useEffect(function () {
-    // 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, when]);
-  useUnmountEffect(function () {
-    unbind();
-  });
-  return [bind, unbind];
-};
-/* eslint-enable */
-
-var useOnEscapeKey = function useOnEscapeKey(ref, condition, callback) {
-  var handleEsc = function handleEsc(event) {
-    if (event.key === 'Esc' || event.key === 'Escape') {
-      event.stopImmediatePropagation();
-      callback(event);
-    }
-    return;
-  };
-  var _useEventListener = useEventListener({
-      type: 'keydown',
-      listener: handleEsc
-    }),
-    _useEventListener2 = _slicedToArray(_useEventListener, 2),
-    bindKeyDownListener = _useEventListener2[0],
-    unbindKeyDownListener = _useEventListener2[1];
-  React.useEffect(function () {
-    if (!condition) {
-      return;
-    }
-    if (!ref.current) {
-      return;
-    }
-    bindKeyDownListener();
-    return function () {
-      unbindKeyDownListener();
-    };
-  });
-  return [ref, callback];
-};
-
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
@@ -901,8 +901,7 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
   var show = function show() {
     if (props.preview) {
       setMaskVisibleState(true);
-      DomHandler.addClass(document.body, 'p-overflow-hidden');
-      document.body.style.setProperty('--scrollbar-width', DomHandler.calculateScrollbarWidth() + 'px');
+      DomHandler.blockBodyScroll();
       setTimeout(function () {
         setPreviewVisibleState(true);
       }, 25);
@@ -911,8 +910,7 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
   var hide = function hide() {
     if (!previewClick.current) {
       setPreviewVisibleState(false);
-      DomHandler.removeClass(document.body, 'p-overflow-hidden');
-      document.body.style.removeProperty('--scrollbar-width');
+      DomHandler.unblockBodyScroll();
       setRotateState(0);
       setScaleState(1);
     }

package/image/image.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t,{PrimeReactContext as n,localeOption as r}from"primereact/api";import{ComponentBase as o,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as a}from"primereact/csstransition";import{useUnmountEffect as l}from"primereact/hooks";import{IconBase as c}from"primereact/iconbase";import{EyeIcon as u}from"primereact/icons/eye";import{RefreshIcon as s}from"primereact/icons/refresh";import{SearchMinusIcon as p}from"primereact/icons/searchminus";import{SearchPlusIcon as f}from"primereact/icons/searchplus";import{TimesIcon as m}from"primereact/icons/times";import{UndoIcon as y}from"primereact/icons/undo";import{Portal as d}from"primereact/portal";import{classNames as g,DomHandler as v,ObjectUtils as h,ZIndexUtils as b,mergeProps as E,IconUtils as w}from"primereact/utils";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 x(e){return x="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},x(e)}function k(e,t){if("object"!==x(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==x(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function O(e){var t=k(e,"string");return"symbol"===x(t)?t:String(t)}function I(e){if(Array.isArray(e))return e}function P(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 S(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 S(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)?S(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)||P(e,t)||j(e,t)||N()}function D(e){if(Array.isArray(e))return S(e)}function F(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 R(e){return D(e)||F(e)||j(e)||B()}function z(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function L(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 U(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=T(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 T(e,t){if(e){if("string"==typeof e)return M(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)?M(e,t):void 0}}function M(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 V=function(){function e(){z(this,e)}var t,n,r;return t=e,r=[{key:"equals",value:function(e,t,n){return n&&e&&"object"===x(e)&&t&&"object"===x(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"==x(e)&&"object"==x(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"===x(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"===x(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=U(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"===x(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)&&L(t.prototype,n),r&&L(t,r),Object.defineProperty(t,"prototype",{writable:!1}),e}(),_=0;function J(){return _++,"".concat(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"pr_id_").concat(_)}var X=e.memo(e.forwardRef((function(t,n){var r=c.getPTI(t),o=A(e.useState(t.id),2),i=o[0],a=o[1];return e.useEffect((function(){V.isEmpty(i)&&a(J("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"}))))})));X.displayName="DownloadIcon";var q=o.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 g("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    }\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    }\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+")"}}}}}),H=function(t){var n=e.useRef(void 0);return e.useEffect((function(){n.current=t})),n.current},K=function(t,n,r){var o,i,a,l,c,u,s,p,f,m,y,d,g,b,E,w=(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=e.useRef(null),y=e.useRef(null),d=H(u),g=H(s),b=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};h.isNotEmpty(e.target)&&(E(),(e.when||f)&&(m.current=v.getTargetElement(e.target))),!y.current&&m.current&&(y.current=function(e){return u&&u(e)},m.current.addEventListener(c,y.current,s))},E=function(){y.current&&(m.current.removeEventListener(c,y.current,s),y.current=null)},e.useEffect((function(){f?m.current=v.getTargetElement(l):(E(),m.current=null)}),[l,f]),e.useEffect((function(){!y.current||""+d==""+u&&g===s||(E(),f&&b())}),[u,s,f]),i=function(){E()},e.useEffect((function(){return i}),[]),[b,E]),C=A(w,2),x=C[0],k=C[1];return e.useEffect((function(){if(n&&t.current)return x(),function(){k()}})),[t,r]};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 W=e.memo(e.forwardRef((function(o,c){var x=e.useContext(n),k=q.getProps(o,x),O=A(e.useState(!1),2),I=O[0],P=O[1],S=A(e.useState(!1),2),j=S[0],N=S[1],D=A(e.useState(0),2),F=D[0],B=D[1],R=A(e.useState(1),2),z=R[0],L=R[1],U=e.useRef(null),T=e.useRef(null),M=e.useRef(null),V=e.useRef(null),_=e.useRef(!1);K(M,k.closeOnEscape,(function(){G()}));var J=q.setMetaData({props:k,state:{maskVisible:I,previewVisible:j,rotate:F,scale:z}}),H=J.ptm,Z=J.cx,W=J.sx;i(q.css.styles,J.isUnstyled,{name:"image"});var $=function(){k.preview&&(P(!0),v.addClass(document.body,"p-overflow-hidden"),document.body.style.setProperty("--scrollbar-width",v.calculateScrollbarWidth()+"px"),setTimeout((function(){N(!0)}),25))},G=function(){_.current||(N(!1),v.removeClass(document.body,"p-overflow-hidden"),document.body.style.removeProperty("--scrollbar-width"),B(0),L(1)),_.current=!1},Q=function(){_.current=!0},ee=function(){v.saveAs({name:k.alt,src:k.src}),_.current=!0},te=function(){B((function(e){return e+90})),_.current=!0},ne=function(){B((function(e){return e-90})),_.current=!0},re=function(){L((function(e){return e+.1})),_.current=!0},oe=function(){L((function(e){return e-.1})),_.current=!0},ie=function(){b.set("modal",M.current,x&&x.autoZIndex||t.autoZIndex,x&&x.zIndex.modal||t.zIndex.modal)},ae=function(){k.onShow&&k.onShow()},le=function(){v.addClass(M.current,"p-component-overlay-leave")},ce=function(){k.onHide&&k.onHide()},ue=function(){b.clear(M.current),P(!1)};l((function(){M.current&&b.clear(M.current)}));e.useImperativeHandle(c,(function(){return{props:k,show:$,hide:G,getElement:function(){return U.current},getImage:function(){return T.current}}}));var se,pe=k.src,fe=k.alt,me=k.width,ye=k.height,de=k.crossOrigin,ge=k.referrerPolicy,ve=k.useMap,he=k.loading,be=function(){var t=k.downloadable,n=k.alt,o=k.crossOrigin,i=k.referrerPolicy,l=k.useMap,c=k.loading,u=z<=.5,d=z>=1.5,v=E(H("downloadIcon")),h=E(H("rotateRightIcon")),b=E(H("rotateLeftIcon")),x=E(H("zoomOutIcon")),O=E(H("zoomInIcon")),I=E(H("closeIcon")),P=w.getJSXIcon(k.downloadIcon||e.createElement(X,null),Y({},v),{props:k}),S=w.getJSXIcon(k.rotateRightIcon||e.createElement(s,null),Y({},h),{props:k}),N=w.getJSXIcon(k.rotateLeftIcon||e.createElement(y,null),Y({},b),{props:k}),A=w.getJSXIcon(k.zoomOutIcon||e.createElement(p,null),Y({},x),{props:k}),D=w.getJSXIcon(k.zoomInIcon||e.createElement(f,null),Y({},O),{props:k}),B=w.getJSXIcon(k.closeIcon||e.createElement(m,null),Y({},I),{props:k}),R=E({ref:M,className:Z("mask"),onPointerUp:G},H("mask")),L=E({className:Z("toolbar")},H("toolbar")),U=E({className:Z("downloadButton"),onPointerUp:ee,type:"button"},H("downloadButton")),T=E({className:Z("rotateRightButton"),onPointerUp:te,type:"button"},H("rotateRightButton")),_=E({className:Z("rotateLeftButton"),onPointerUp:ne,type:"button"},H("rotateLeftButton")),J=E({className:g(Z("zoomOutButton"),{"p-disabled":u}),style:{pointerEvents:"auto"},onPointerUp:oe,type:"button",disabled:u},H("zoomOutButton")),q=E({className:g(Z("zoomInButton"),{"p-disabled":d}),style:{pointerEvents:"auto"},onPointerUp:re,type:"button",disabled:d},H("zoomInButton")),K=E({className:Z("closeButton"),type:"button","aria-label":r("close")},H("closeButton")),$=E({src:k.zoomSrc||k.src,className:Z("preview"),style:W("preview",{rotateState:F,scaleState:z}),onPointerUp:Q,crossOrigin:o,referrerPolicy:i,useMap:l,loading:c},H("preview")),se=E({ref:V},H("previewContainer")),pe=E({classNames:Z("transition"),in:j,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:ie,onEntered:ae,onExit:le,onExiting:ce,onExited:ue},H("transition"));return e.createElement("div",R,e.createElement("div",L,t&&e.createElement("button",U,P),e.createElement("button",T,S),e.createElement("button",_,N),e.createElement("button",J,A),e.createElement("button",q,D),e.createElement("button",K,B)),e.createElement(a,C({nodeRef:V},pe),e.createElement("div",se,e.createElement("img",C({alt:n},$)))))}(),Ee=E({className:Z("icon")},H("icon")),we=w.getJSXIcon(k.indicatorIcon||e.createElement(u,Ee),Y({},Ee),{props:k}),Ce=k.template?h.getJSXElement(k.template,k):we,xe=(se=E({className:Z("button"),onClick:$},H("button")),k.preview?e.createElement("div",se,Ce):null),ke=E({ref:T,src:pe,className:k.imageClassName,width:me,height:ye,crossOrigin:de,referrerPolicy:ge,useMap:ve,loading:he,style:k.imageStyle,onError:k.onError},H("image")),Oe=k.src&&e.createElement("img",C({},ke,{alt:fe})),Ie=E({ref:U,className:Z("root")},q.getOtherProps(k),H("root"));return e.createElement("span",Ie,Oe,xe,I&&e.createElement(d,{element:be,appendTo:document.body}))})));W.displayName="Image";export{W 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 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(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,v,d,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),v=e.useRef(null),d=D(p),h=D(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))),!v.current&&g.current&&(v.current=function(e){return p&&p(e)},g.current.addEventListener(s,v.current,f))},E=function(){v.current&&(g.current.removeEventListener(s,v.current,f),v.current=null)},e.useEffect((function(){y?g.current=t.getTargetElement(u):(E(),g.current=null)}),[u,y]),e.useEffect((function(){!v.current||""+d==""+p&&h===f||(E(),y&&b())}),[p,f,y]),l=function(){E()},e.useEffect((function(){return l}),[]),[b,E]),C=A(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 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};

package/image/image.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.image = (function (exports, React, PrimeReact, componentbase, csstransition, hooks, iconbase, eye, refresh, searchminus, searchplus, times, undo, portal, utils) {
+this.primereact.image = (function (exports, React, utils, PrimeReact, componentbase, csstransition, hooks, iconbase, eye, refresh, searchminus, searchplus, times, undo, portal) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -136,6 +136,106 @@ this.primereact.image = (function (exports, React, PrimeReact, componentbase, cs
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest();
   }
 
+  var usePrevious = function usePrevious(newValue) {
+    var ref = React__namespace.useRef(undefined);
+    React__namespace.useEffect(function () {
+      ref.current = newValue;
+    });
+    return ref.current;
+  };
+
+  /* eslint-disable */
+  var useUnmountEffect = function useUnmountEffect(fn) {
+    return React__namespace.useEffect(function () {
+      return fn;
+    }, []);
+  };
+  /* eslint-enable */
+
+  /* eslint-disable */
+  var useEventListener = function useEventListener(_ref) {
+    var _ref$target = _ref.target,
+      target = _ref$target === void 0 ? 'document' : _ref$target,
+      type = _ref.type,
+      listener = _ref.listener,
+      options = _ref.options,
+      _ref$when = _ref.when,
+      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] : {};
+      if (utils.ObjectUtils.isNotEmpty(bindOptions.target)) {
+        unbind();
+        (bindOptions.when || when) && (targetRef.current = utils.DomHandler.getTargetElement(bindOptions.target));
+      }
+      if (!listenerRef.current && targetRef.current) {
+        listenerRef.current = function (event) {
+          return listener && listener(event);
+        };
+        targetRef.current.addEventListener(type, listenerRef.current, options);
+      }
+    };
+    var unbind = function unbind() {
+      if (listenerRef.current) {
+        targetRef.current.removeEventListener(type, listenerRef.current, options);
+        listenerRef.current = null;
+      }
+    };
+    React__namespace.useEffect(function () {
+      if (when) {
+        targetRef.current = utils.DomHandler.getTargetElement(target);
+      } else {
+        unbind();
+        targetRef.current = null;
+      }
+    }, [target, when]);
+    React__namespace.useEffect(function () {
+      // 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, when]);
+    useUnmountEffect(function () {
+      unbind();
+    });
+    return [bind, unbind];
+  };
+  /* eslint-enable */
+
+  var useOnEscapeKey = function useOnEscapeKey(ref, condition, callback) {
+    var handleEsc = function handleEsc(event) {
+      if (event.key === 'Esc' || event.key === 'Escape') {
+        event.stopImmediatePropagation();
+        callback(event);
+      }
+      return;
+    };
+    var _useEventListener = useEventListener({
+        type: 'keydown',
+        listener: handleEsc
+      }),
+      _useEventListener2 = _slicedToArray(_useEventListener, 2),
+      bindKeyDownListener = _useEventListener2[0],
+      unbindKeyDownListener = _useEventListener2[1];
+    React__namespace.useEffect(function () {
+      if (!condition) {
+        return;
+      }
+      if (!ref.current) {
+        return;
+      }
+      bindKeyDownListener();
+      return function () {
+        unbindKeyDownListener();
+      };
+    });
+    return [ref, callback];
+  };
+
   function _arrayWithoutHoles(arr) {
     if (Array.isArray(arr)) return _arrayLikeToArray$1(arr);
   }
@@ -715,7 +815,7 @@ this.primereact.image = (function (exports, React, PrimeReact, componentbase, cs
     },
     transition: 'p-image-preview'
   };
-  var 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    }\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    }\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";
+  var 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";
   var inlineStyles = {
     preview: function preview(_ref2) {
       var rotateState = _ref2.rotateState,
@@ -764,106 +864,6 @@ this.primereact.image = (function (exports, React, PrimeReact, componentbase, cs
     }
   });
 
-  var usePrevious = function usePrevious(newValue) {
-    var ref = React__namespace.useRef(undefined);
-    React__namespace.useEffect(function () {
-      ref.current = newValue;
-    });
-    return ref.current;
-  };
-
-  /* eslint-disable */
-  var useUnmountEffect = function useUnmountEffect(fn) {
-    return React__namespace.useEffect(function () {
-      return fn;
-    }, []);
-  };
-  /* eslint-enable */
-
-  /* eslint-disable */
-  var useEventListener = function useEventListener(_ref) {
-    var _ref$target = _ref.target,
-      target = _ref$target === void 0 ? 'document' : _ref$target,
-      type = _ref.type,
-      listener = _ref.listener,
-      options = _ref.options,
-      _ref$when = _ref.when,
-      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] : {};
-      if (utils.ObjectUtils.isNotEmpty(bindOptions.target)) {
-        unbind();
-        (bindOptions.when || when) && (targetRef.current = utils.DomHandler.getTargetElement(bindOptions.target));
-      }
-      if (!listenerRef.current && targetRef.current) {
-        listenerRef.current = function (event) {
-          return listener && listener(event);
-        };
-        targetRef.current.addEventListener(type, listenerRef.current, options);
-      }
-    };
-    var unbind = function unbind() {
-      if (listenerRef.current) {
-        targetRef.current.removeEventListener(type, listenerRef.current, options);
-        listenerRef.current = null;
-      }
-    };
-    React__namespace.useEffect(function () {
-      if (when) {
-        targetRef.current = utils.DomHandler.getTargetElement(target);
-      } else {
-        unbind();
-        targetRef.current = null;
-      }
-    }, [target, when]);
-    React__namespace.useEffect(function () {
-      // 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, when]);
-    useUnmountEffect(function () {
-      unbind();
-    });
-    return [bind, unbind];
-  };
-  /* eslint-enable */
-
-  var useOnEscapeKey = function useOnEscapeKey(ref, condition, callback) {
-    var handleEsc = function handleEsc(event) {
-      if (event.key === 'Esc' || event.key === 'Escape') {
-        event.stopImmediatePropagation();
-        callback(event);
-      }
-      return;
-    };
-    var _useEventListener = useEventListener({
-        type: 'keydown',
-        listener: handleEsc
-      }),
-      _useEventListener2 = _slicedToArray(_useEventListener, 2),
-      bindKeyDownListener = _useEventListener2[0],
-      unbindKeyDownListener = _useEventListener2[1];
-    React__namespace.useEffect(function () {
-      if (!condition) {
-        return;
-      }
-      if (!ref.current) {
-        return;
-      }
-      bindKeyDownListener();
-      return function () {
-        unbindKeyDownListener();
-      };
-    });
-    return [ref, callback];
-  };
-
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var Image = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
@@ -912,8 +912,7 @@ this.primereact.image = (function (exports, React, PrimeReact, componentbase, cs
     var show = function show() {
       if (props.preview) {
         setMaskVisibleState(true);
-        utils.DomHandler.addClass(document.body, 'p-overflow-hidden');
-        document.body.style.setProperty('--scrollbar-width', utils.DomHandler.calculateScrollbarWidth() + 'px');
+        utils.DomHandler.blockBodyScroll();
         setTimeout(function () {
           setPreviewVisibleState(true);
         }, 25);
@@ -922,8 +921,7 @@ this.primereact.image = (function (exports, React, PrimeReact, componentbase, cs
     var hide = function hide() {
       if (!previewClick.current) {
         setPreviewVisibleState(false);
-        utils.DomHandler.removeClass(document.body, 'p-overflow-hidden');
-        document.body.style.removeProperty('--scrollbar-width');
+        utils.DomHandler.unblockBodyScroll();
         setRotateState(0);
         setScaleState(1);
       }
@@ -1177,4 +1175,4 @@ this.primereact.image = (function (exports, React, PrimeReact, componentbase, cs
 
   return exports;
 
-})({}, React, 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, primereact.utils);
+})({}, 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);