primereact 9.2.3 → 9.3.1

package/image/image.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/csstransition"),r=require("primereact/hooks"),a=require("primereact/portal"),i=require("primereact/utils");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(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 c=o(e),u=l(t);function s(){return s=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},s.apply(this,arguments)}function m(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,a,i,l,o=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw a}}return o}}function f(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 d(e,t){if(e){if("string"==typeof e)return f(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)?f(e,t):void 0}}function g(){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 b(e,t){return m(e)||p(e,t)||d(e,t)||g()}var y={defaultProps:{__TYPE:"Image",alt:null,className:null,downloadable:!1,height:null,imageClassName:null,imageStyle:null,onError:null,onHide:null,onShow:null,preview:!1,src:null,template:null,width:null,zoomSrc:null,children:void 0},getProps:function(e){return i.ObjectUtils.getMergedProps(e,y.defaultProps)},getOtherProps:function(e){return i.ObjectUtils.getDiffProps(e,y.defaultProps)}},v=c.memo(c.forwardRef((function(e,l){var o=y.getProps(e),m=b(c.useState(!1),2),p=m[0],f=m[1],d=b(c.useState(!1),2),g=d[0],v=d[1],E=b(c.useState(0),2),h=E[0],w=E[1],N=b(c.useState(1),2),O=N[0],S=N[1],j=c.useRef(null),k=c.useRef(null),P=c.useRef(null),x=c.useRef(null),C=c.useRef(!1),I=function(){o.preview&&(f(!0),setTimeout((function(){v(!0)}),25))},U=function(){C.current||(v(!1),w(0),S(1)),C.current=!1},A=function(){C.current=!0},R=function(){i.DomHandler.saveAs({name:o.alt,src:o.src}),C.current=!0},q=function(){w((function(e){return e+90})),C.current=!0},H=function(){w((function(e){return e-90})),C.current=!0},_=function(){S((function(e){return e+.1})),C.current=!0},T=function(){S((function(e){return e-.1})),C.current=!0},z=function(){i.ZIndexUtils.set("modal",P.current,u.default.autoZIndex,u.default.zIndex.modal)},D=function(){o.onShow&&o.onShow()},M=function(){i.DomHandler.addClass(P.current,"p-component-overlay-leave")},Z=function(){o.onHide&&o.onHide()},J=function(){i.ZIndexUtils.clear(P.current),f(!1)};r.useUnmountEffect((function(){P.current&&i.ZIndexUtils.clear(P.current)}));c.useImperativeHandle(l,(function(){return{props:o,show:I,hide:U,getElement:function(){return j.current},getImage:function(){return k.current}}}));var X,Y,$=o.src,B=o.alt,F=o.width,G=o.height,K=y.getOtherProps(o),L=i.classNames("p-image p-component",o.className,{"p-image-preview-container":o.preview}),Q=(X={transform:"rotate("+h+"deg) scale("+O+")"},Y=O<=.5||O>=1.5,c.createElement("div",{ref:P,className:"p-image-mask p-component-overlay p-component-overlay-enter",onClick:U},c.createElement("div",{className:"p-image-toolbar"},o.downloadable&&c.createElement("button",{className:"p-image-action p-link",onClick:R,type:"button"},c.createElement("i",{className:"pi pi-download"})),c.createElement("button",{className:"p-image-action p-link",onClick:q,type:"button"},c.createElement("i",{className:"pi pi-refresh"})),c.createElement("button",{className:"p-image-action p-link",onClick:H,type:"button"},c.createElement("i",{className:"pi pi-undo"})),c.createElement("button",{className:"p-image-action p-link",onClick:T,type:"button",disabled:Y},c.createElement("i",{className:"pi pi-search-minus"})),c.createElement("button",{className:"p-image-action p-link",onClick:_,type:"button",disabled:Y},c.createElement("i",{className:"pi pi-search-plus"})),c.createElement("button",{className:"p-image-action p-link",type:"button","aria-label":t.localeOption("close")},c.createElement("i",{className:"pi pi-times"}))),c.createElement(n.CSSTransition,{nodeRef:x,classNames:"p-image-preview",in:g,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:z,onEntered:D,onExit:M,onExiting:Z,onExited:J},c.createElement("div",{ref:x},c.createElement("img",{src:o.zoomSrc||o.src,className:"p-image-preview",style:X,onClick:A,alt:o.alt}))))),V=o.template?i.ObjectUtils.getJSXElement(o.template,o):c.createElement("i",{className:"p-image-preview-icon pi pi-eye"}),W=o.preview?c.createElement("div",{className:"p-image-preview-indicator",onClick:I},V):null,ee=o.src&&c.createElement("img",{ref:k,src:$,className:o.imageClassName,width:F,height:G,style:o.imageStyle,alt:B,onError:o.onError});return c.createElement("span",s({ref:j,className:L},K),ee,W,p&&c.createElement(a.Portal,{element:Q,appendTo:document.body}))})));v.displayName="Image",exports.Image=v;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/csstransition"),r=require("primereact/hooks"),o=require("primereact/portal"),l=require("primereact/utils"),i=require("primereact/iconbase"),a=require("primereact/icons/refresh"),c=require("primereact/icons/eye"),u=require("primereact/icons/undo"),s=require("primereact/icons/searchminus"),m=require("primereact/icons/searchplus"),p=require("primereact/icons/times");function f(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 g=d(e),v=f(t);function I(){return I=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},I.apply(this,arguments)}function h(e){if(Array.isArray(e))return e}function C(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],c=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw o}}return a}}function b(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 y(e,t){if(e){if("string"==typeof e)return b(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)?b(e,t):void 0}}function E(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(e,t){return h(e)||C(e,t)||y(e,t)||E()}var S={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},getProps:function(e){return l.ObjectUtils.getMergedProps(e,S.defaultProps)},getOtherProps:function(e){return l.ObjectUtils.getDiffProps(e,S.defaultProps)}},O=g.memo(g.forwardRef((function(e,t){var n=i.IconBase.getPTI(e);return g.createElement("svg",I({ref:t,width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),g.createElement("g",{clipPath:"url(#clip0_407_20832)"},g.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"})),g.createElement("defs",null,g.createElement("clipPath",{id:"clip0_407_20832"},g.createElement("rect",{width:"14",height:"14",fill:"white"}))))})));O.displayName="DownloadIcon";var N=g.memo(g.forwardRef((function(e,i){var f=S.getProps(e),d=w(g.useState(!1),2),h=d[0],C=d[1],b=w(g.useState(!1),2),y=b[0],E=b[1],N=w(g.useState(0),2),P=N[0],j=N[1],k=w(g.useState(1),2),U=k[0],x=k[1],q=g.useRef(null),R=g.useRef(null),M=g.useRef(null),_=g.useRef(null),z=g.useRef(!1),H=function(){f.preview&&(C(!0),setTimeout((function(){E(!0)}),25))},J=function(){z.current||(E(!1),j(0),x(1)),z.current=!1},X=function(){z.current=!0},A=function(){l.DomHandler.saveAs({name:f.alt,src:f.src}),z.current=!0},T=function(){j((function(e){return e+90})),z.current=!0},L=function(){j((function(e){return e-90})),z.current=!0},V=function(){x((function(e){return e+.1})),z.current=!0},Z=function(){x((function(e){return e-.1})),z.current=!0},D=function(){l.ZIndexUtils.set("modal",M.current,v.default.autoZIndex,v.default.zIndex.modal)},B=function(){f.onShow&&f.onShow()},Y=function(){l.DomHandler.addClass(M.current,"p-component-overlay-leave")},$=function(){f.onHide&&f.onHide()},F=function(){l.ZIndexUtils.clear(M.current),C(!1)};r.useUnmountEffect((function(){M.current&&l.ZIndexUtils.clear(M.current)}));g.useImperativeHandle(i,(function(){return{props:f,show:H,hide:J,getElement:function(){return q.current},getImage:function(){return R.current}}}));var G,K,Q,W,ee,te,ne,re,oe,le=f.src,ie=f.alt,ae=f.width,ce=f.height,ue=f.crossOrigin,se=f.referrerPolicy,me=f.useMap,pe=f.loading,fe=S.getOtherProps(f),de=l.classNames("p-image p-component",f.className,{"p-image-preview-container":f.preview}),ge=(G=f.downloadable,K={transform:"rotate("+P+"deg) scale("+U+")"},Q=U<=.5||U>=1.5,W=l.IconUtils.getJSXIcon(f.downloadIcon||g.createElement(O,null),void 0,{props:f}),ee=l.IconUtils.getJSXIcon(f.rotateRightIcon||g.createElement(a.RefreshIcon,null),void 0,{props:f}),te=l.IconUtils.getJSXIcon(f.rotateLeftIcon||g.createElement(u.UndoIcon,null),void 0,{props:f}),ne=l.IconUtils.getJSXIcon(f.zoomOutIcon||g.createElement(s.SearchMinusIcon,null),void 0,{props:f}),re=l.IconUtils.getJSXIcon(f.zoomInIcon||g.createElement(m.SearchPlusIcon,null),void 0,{props:f}),oe=l.IconUtils.getJSXIcon(f.closeIcon||g.createElement(p.TimesIcon,null),void 0,{props:f}),g.createElement("div",{ref:M,className:"p-image-mask p-component-overlay p-component-overlay-enter",onClick:J},g.createElement("div",{className:"p-image-toolbar"},G&&g.createElement("button",{className:"p-image-action p-link",onClick:A,type:"button"},W),g.createElement("button",{className:"p-image-action p-link",onClick:T,type:"button"},ee),g.createElement("button",{className:"p-image-action p-link",onClick:L,type:"button"},te),g.createElement("button",{className:"p-image-action p-link",onClick:Z,type:"button",disabled:Q},ne),g.createElement("button",{className:"p-image-action p-link",onClick:V,type:"button",disabled:Q},re),g.createElement("button",{className:"p-image-action p-link",type:"button","aria-label":t.localeOption("close")},oe)),g.createElement(n.CSSTransition,{nodeRef:_,classNames:"p-image-preview",in:y,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:D,onEntered:B,onExit:Y,onExiting:$,onExited:F},g.createElement("div",{ref:_},g.createElement("img",{src:f.zoomSrc||f.src,className:"p-image-preview",style:K,onClick:X,alt:f.alt}))))),ve="p-image-preview-icon",Ie=l.IconUtils.getJSXIcon(f.indicatorIcon||g.createElement(c.EyeIcon,{className:ve}),{className:ve},{props:f}),he=f.template?l.ObjectUtils.getJSXElement(f.template,f):Ie,Ce=f.preview?g.createElement("div",{className:"p-image-preview-indicator",onClick:H},he):null,be=f.src&&g.createElement("img",{ref:R,src:le,className:f.imageClassName,width:ae,height:ce,crossOrigin:ue,referrerPolicy:se,useMap:me,loading:pe,alt:ie,style:f.imageStyle,onError:f.onError});return g.createElement("span",I({ref:q,className:de},fe),be,Ce,h&&g.createElement(o.Portal,{element:ge,appendTo:document.body}))})));N.displayName="Image",exports.Image=N;

package/image/image.d.ts

@@ -8,6 +8,7 @@
  *
  */
 import * as React from 'react';
+import { IconType } from '../utils/utils';
 
 /**
  * Defines valid properties in Image component. In addition to these, all properties of HTMLSpanElement can be used in this component.
@@ -23,11 +24,51 @@ export interface ImageProps extends Omit<React.DetailedHTMLProps<React.HTMLAttri
      * @readonly
      */
     children?: React.ReactNode | undefined;
+    /**
+     * The crossorigin content attribute on media elements is a CORS settings attribute.
+     */
+    crossOrigin?: 'anonymous' | 'use-credentials' | '' | undefined;
     /**
      * Adds a download button to the preview control menu.
      * @default false
      */
     downloadable?: boolean | undefined;
+    /**
+     * Icon of the download button.
+     */
+    downloadIcon?: IconType<ImageProps> | undefined;
+    /**
+     * Specifies whether a browser should load an image immediately or to defer loading of off-screen images until for example the user scrolls near them.
+     */
+    loading?: 'eager' | 'lazy' | undefined;
+    /**
+     * Icon of the rotate right button.
+     */
+    rotateRightIcon?: IconType<ImageProps> | undefined;
+    /**
+     * Icon of the rotate left button.
+     */
+    rotateLeftIcon?: IconType<ImageProps> | undefined;
+    /**
+     *  HTTP header controls how much referrer information (sent with the Referer header) should be included with requests.
+     */
+    referrerPolicy?: React.HTMLAttributeReferrerPolicy | undefined;
+    /**
+     * Specifies an image as a client-side image map (an image map is an image with clickable areas)
+     */
+    useMap?: string | undefined;
+    /**
+     * Icon of the zoom out button.
+     */
+    zoomOutIcon?: IconType<ImageProps> | undefined;
+    /**
+     * Icon of the zoom in button.
+     */
+    zoomInIcon?: IconType<ImageProps> | undefined;
+    /**
+     * Icon of the close button.
+     */
+    closeIcon?: IconType<ImageProps> | undefined;
     /**
      * Height of the image element.
      */
@@ -45,12 +86,17 @@ export interface ImageProps extends Omit<React.DetailedHTMLProps<React.HTMLAttri
      * @default false
      */
     preview?: boolean | undefined;
+    /**
+     * Changing the default icon when the image is hovered in preview mode.
+     */
+    indicatorIcon?: IconType<ImageProps> | undefined;
     /**
      * Specifies the path to the image.
      */
     src?: string | undefined;
     /**
      * Changing the default icon when the image is hovered in preview mode.
+     * @deprecated Since v9, use `indicatorIcon` instead.
      */
     template?: any | undefined;
     /**

package/image/image.esm.js

@@ -3,7 +3,14 @@ import PrimeReact, { localeOption } from 'primereact/api';
 import { CSSTransition } from 'primereact/csstransition';
 import { useUnmountEffect } from 'primereact/hooks';
 import { Portal } from 'primereact/portal';
-import { ObjectUtils, ZIndexUtils, classNames, DomHandler } from 'primereact/utils';
+import { ObjectUtils, ZIndexUtils, classNames, IconUtils, DomHandler } from 'primereact/utils';
+import { IconBase } from 'primereact/iconbase';
+import { RefreshIcon } from 'primereact/icons/refresh';
+import { EyeIcon } from 'primereact/icons/eye';
+import { UndoIcon } from 'primereact/icons/undo';
+import { SearchMinusIcon } from 'primereact/icons/searchminus';
+import { SearchPlusIcon } from 'primereact/icons/searchplus';
+import { TimesIcon } from 'primereact/icons/times';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -80,17 +87,29 @@ var ImageBase = {
     __TYPE: 'Image',
     alt: null,
     className: null,
+    closeIcon: null,
+    crossOrigin: null,
+    decoding: null,
+    downloadIcon: null,
     downloadable: false,
     height: null,
     imageClassName: null,
     imageStyle: null,
+    indicatorIcon: null,
+    loading: null,
     onError: null,
     onHide: null,
     onShow: null,
     preview: false,
+    referrerPolicy: null,
+    rotateLeftIcon: null,
+    rotateRightIcon: null,
     src: null,
     template: null,
+    useMap: null,
     width: null,
+    zoomInIcon: null,
+    zoomOutIcon: null,
     zoomSrc: null,
     children: undefined
   },
@@ -102,6 +121,32 @@ var ImageBase = {
   }
 };
 
+var DownloadIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var pti = IconBase.getPTI(inProps);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    ref: ref,
+    width: "14",
+    height: "14",
+    viewBox: "0 0 14 14",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, pti), /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip0_407_20832)"
+  }, /*#__PURE__*/React.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"
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip0_407_20832"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "14",
+    height: "14",
+    fill: "white"
+  }))));
+}));
+DownloadIcon.displayName = 'DownloadIcon';
+
 var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var props = ImageBase.getProps(inProps);
   var _React$useState = React.useState(false),
@@ -212,7 +257,24 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
     };
     var zoomDisabled = scaleState <= 0.5 || scaleState >= 1.5;
     // const rotateClassName = 'p-image-preview-rotate-' + rotateScale;
-
+    var downloadIcon = IconUtils.getJSXIcon(props.downloadIcon || /*#__PURE__*/React.createElement(DownloadIcon, null), undefined, {
+      props: props
+    });
+    var rotateRightIcon = IconUtils.getJSXIcon(props.rotateRightIcon || /*#__PURE__*/React.createElement(RefreshIcon, null), undefined, {
+      props: props
+    });
+    var rotateLeftIcon = IconUtils.getJSXIcon(props.rotateLeftIcon || /*#__PURE__*/React.createElement(UndoIcon, null), undefined, {
+      props: props
+    });
+    var zoomOutIcon = IconUtils.getJSXIcon(props.zoomOutIcon || /*#__PURE__*/React.createElement(SearchMinusIcon, null), undefined, {
+      props: props
+    });
+    var zoomInIcon = IconUtils.getJSXIcon(props.zoomInIcon || /*#__PURE__*/React.createElement(SearchPlusIcon, null), undefined, {
+      props: props
+    });
+    var closeIcon = IconUtils.getJSXIcon(props.closeIcon || /*#__PURE__*/React.createElement(TimesIcon, null), undefined, {
+      props: props
+    });
     return /*#__PURE__*/React.createElement("div", {
       ref: maskRef,
       className: "p-image-mask p-component-overlay p-component-overlay-enter",
@@ -223,41 +285,29 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
       className: "p-image-action p-link",
       onClick: onDownload,
       type: "button"
-    }, /*#__PURE__*/React.createElement("i", {
-      className: "pi pi-download"
-    })), /*#__PURE__*/React.createElement("button", {
+    }, downloadIcon), /*#__PURE__*/React.createElement("button", {
       className: "p-image-action p-link",
       onClick: rotateRight,
       type: "button"
-    }, /*#__PURE__*/React.createElement("i", {
-      className: "pi pi-refresh"
-    })), /*#__PURE__*/React.createElement("button", {
+    }, rotateRightIcon), /*#__PURE__*/React.createElement("button", {
       className: "p-image-action p-link",
       onClick: rotateLeft,
       type: "button"
-    }, /*#__PURE__*/React.createElement("i", {
-      className: "pi pi-undo"
-    })), /*#__PURE__*/React.createElement("button", {
+    }, rotateLeftIcon), /*#__PURE__*/React.createElement("button", {
       className: "p-image-action p-link",
       onClick: zoomOut,
       type: "button",
       disabled: zoomDisabled
-    }, /*#__PURE__*/React.createElement("i", {
-      className: "pi pi-search-minus"
-    })), /*#__PURE__*/React.createElement("button", {
+    }, zoomOutIcon), /*#__PURE__*/React.createElement("button", {
       className: "p-image-action p-link",
       onClick: zoomIn,
       type: "button",
       disabled: zoomDisabled
-    }, /*#__PURE__*/React.createElement("i", {
-      className: "pi pi-search-plus"
-    })), /*#__PURE__*/React.createElement("button", {
+    }, zoomInIcon), /*#__PURE__*/React.createElement("button", {
       className: "p-image-action p-link",
       type: "button",
       "aria-label": localeOption('close')
-    }, /*#__PURE__*/React.createElement("i", {
-      className: "pi pi-times"
-    }))), /*#__PURE__*/React.createElement(CSSTransition, {
+    }, closeIcon)), /*#__PURE__*/React.createElement(CSSTransition, {
       nodeRef: previewRef,
       classNames: "p-image-preview",
       "in": previewVisibleState,
@@ -297,15 +347,26 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
   var src = props.src,
     alt = props.alt,
     width = props.width,
-    height = props.height;
+    height = props.height,
+    crossOrigin = props.crossOrigin,
+    referrerPolicy = props.referrerPolicy,
+    useMap = props.useMap,
+    loading = props.loading;
   var otherProps = ImageBase.getOtherProps(props);
   var containerClassName = classNames('p-image p-component', props.className, {
     'p-image-preview-container': props.preview
   });
   var element = createElement();
-  var content = props.template ? ObjectUtils.getJSXElement(props.template, props) : /*#__PURE__*/React.createElement("i", {
-    className: "p-image-preview-icon pi pi-eye"
+  var iconClassName = 'p-image-preview-icon';
+  var icon = props.indicatorIcon || /*#__PURE__*/React.createElement(EyeIcon, {
+    className: iconClassName
   });
+  var indicatorIcon = IconUtils.getJSXIcon(icon, {
+    className: iconClassName
+  }, {
+    props: props
+  });
+  var content = props.template ? ObjectUtils.getJSXElement(props.template, props) : indicatorIcon;
   var preview = createPreview();
   var image = props.src && /*#__PURE__*/React.createElement("img", {
     ref: imageRef,
@@ -313,8 +374,12 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
     className: props.imageClassName,
     width: width,
     height: height,
-    style: props.imageStyle,
+    crossOrigin: crossOrigin,
+    referrerPolicy: referrerPolicy,
+    useMap: useMap,
+    loading: loading,
     alt: alt,
+    style: props.imageStyle,
     onError: props.onError
   });
   return /*#__PURE__*/React.createElement("span", _extends({

package/image/image.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t,{localeOption as n}from"primereact/api";import{CSSTransition as r}from"primereact/csstransition";import{useUnmountEffect as a}from"primereact/hooks";import{Portal as i}from"primereact/portal";import{ObjectUtils as o,ZIndexUtils as l,classNames as c,DomHandler as u}from"primereact/utils";function s(){return s=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},s.apply(this,arguments)}function m(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,a,i,o,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,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}function f(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 d(e,t){if(e){if("string"==typeof e)return f(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)?f(e,t):void 0}}function g(){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 y(e,t){return m(e)||p(e,t)||d(e,t)||g()}var E={defaultProps:{__TYPE:"Image",alt:null,className:null,downloadable:!1,height:null,imageClassName:null,imageStyle:null,onError:null,onHide:null,onShow:null,preview:!1,src:null,template:null,width:null,zoomSrc:null,children:void 0},getProps:function(e){return o.getMergedProps(e,E.defaultProps)},getOtherProps:function(e){return o.getDiffProps(e,E.defaultProps)}},b=e.memo(e.forwardRef((function(m,p){var f=E.getProps(m),d=y(e.useState(!1),2),g=d[0],b=d[1],v=y(e.useState(!1),2),h=v[0],w=v[1],N=y(e.useState(0),2),S=N[0],k=N[1],C=y(e.useState(1),2),O=C[0],P=C[1],x=e.useRef(null),I=e.useRef(null),j=e.useRef(null),A=e.useRef(null),R=e.useRef(!1),H=function(){f.preview&&(b(!0),setTimeout((function(){w(!0)}),25))},T=function(){R.current||(w(!1),k(0),P(1)),R.current=!1},z=function(){R.current=!0},M=function(){u.saveAs({name:f.alt,src:f.src}),R.current=!0},_=function(){k((function(e){return e+90})),R.current=!0},D=function(){k((function(e){return e-90})),R.current=!0},J=function(){P((function(e){return e+.1})),R.current=!0},U=function(){P((function(e){return e-.1})),R.current=!0},X=function(){l.set("modal",j.current,t.autoZIndex,t.zIndex.modal)},Y=function(){f.onShow&&f.onShow()},Z=function(){u.addClass(j.current,"p-component-overlay-leave")},$=function(){f.onHide&&f.onHide()},q=function(){l.clear(j.current),b(!1)};a((function(){j.current&&l.clear(j.current)}));e.useImperativeHandle(p,(function(){return{props:f,show:H,hide:T,getElement:function(){return x.current},getImage:function(){return I.current}}}));var B,F,G=f.src,K=f.alt,L=f.width,Q=f.height,V=E.getOtherProps(f),W=c("p-image p-component",f.className,{"p-image-preview-container":f.preview}),ee=(B={transform:"rotate("+S+"deg) scale("+O+")"},F=O<=.5||O>=1.5,e.createElement("div",{ref:j,className:"p-image-mask p-component-overlay p-component-overlay-enter",onClick:T},e.createElement("div",{className:"p-image-toolbar"},f.downloadable&&e.createElement("button",{className:"p-image-action p-link",onClick:M,type:"button"},e.createElement("i",{className:"pi pi-download"})),e.createElement("button",{className:"p-image-action p-link",onClick:_,type:"button"},e.createElement("i",{className:"pi pi-refresh"})),e.createElement("button",{className:"p-image-action p-link",onClick:D,type:"button"},e.createElement("i",{className:"pi pi-undo"})),e.createElement("button",{className:"p-image-action p-link",onClick:U,type:"button",disabled:F},e.createElement("i",{className:"pi pi-search-minus"})),e.createElement("button",{className:"p-image-action p-link",onClick:J,type:"button",disabled:F},e.createElement("i",{className:"pi pi-search-plus"})),e.createElement("button",{className:"p-image-action p-link",type:"button","aria-label":n("close")},e.createElement("i",{className:"pi pi-times"}))),e.createElement(r,{nodeRef:A,classNames:"p-image-preview",in:h,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:X,onEntered:Y,onExit:Z,onExiting:$,onExited:q},e.createElement("div",{ref:A},e.createElement("img",{src:f.zoomSrc||f.src,className:"p-image-preview",style:B,onClick:z,alt:f.alt}))))),te=f.template?o.getJSXElement(f.template,f):e.createElement("i",{className:"p-image-preview-icon pi pi-eye"}),ne=f.preview?e.createElement("div",{className:"p-image-preview-indicator",onClick:H},te):null,re=f.src&&e.createElement("img",{ref:I,src:G,className:f.imageClassName,width:L,height:Q,style:f.imageStyle,alt:K,onError:f.onError});return e.createElement("span",s({ref:x,className:W},V),re,ne,g&&e.createElement(i,{element:ee,appendTo:document.body}))})));b.displayName="Image";export{b as Image};
+import*as e from"react";import t,{localeOption as n}from"primereact/api";import{CSSTransition as r}from"primereact/csstransition";import{useUnmountEffect as o}from"primereact/hooks";import{Portal as l}from"primereact/portal";import{ObjectUtils as a,ZIndexUtils as i,classNames as c,IconUtils as u,DomHandler as m}from"primereact/utils";import{IconBase as s}from"primereact/iconbase";import{RefreshIcon as p}from"primereact/icons/refresh";import{EyeIcon as f}from"primereact/icons/eye";import{UndoIcon as d}from"primereact/icons/undo";import{SearchMinusIcon as g}from"primereact/icons/searchminus";import{SearchPlusIcon as C}from"primereact/icons/searchplus";import{TimesIcon as v}from"primereact/icons/times";function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},h.apply(this,arguments)}function E(e){if(Array.isArray(e))return e}function y(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,a,i=[],c=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(i.push(r.value),i.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 i}}function w(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 b(e,t){if(e){if("string"==typeof e)return w(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)?w(e,t):void 0}}function I(){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 E(e)||y(e,t)||b(e,t)||I()}var N={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},getProps:function(e){return a.getMergedProps(e,N.defaultProps)},getOtherProps:function(e){return a.getDiffProps(e,N.defaultProps)}},P=e.memo(e.forwardRef((function(t,n){var r=s.getPTI(t);return e.createElement("svg",h({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(#clip0_407_20832)"},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:"clip0_407_20832"},e.createElement("rect",{width:"14",height:"14",fill:"white"}))))})));P.displayName="DownloadIcon";var k=e.memo(e.forwardRef((function(s,E){var y=N.getProps(s),w=S(e.useState(!1),2),b=w[0],I=w[1],k=S(e.useState(!1),2),O=k[0],R=k[1],x=S(e.useState(0),2),j=x[0],J=x[1],X=S(e.useState(1),2),z=X[0],A=X[1],M=e.useRef(null),H=e.useRef(null),L=e.useRef(null),V=e.useRef(null),_=e.useRef(!1),T=function(){y.preview&&(I(!0),setTimeout((function(){R(!0)}),25))},Z=function(){_.current||(R(!1),J(0),A(1)),_.current=!1},D=function(){_.current=!0},B=function(){m.saveAs({name:y.alt,src:y.src}),_.current=!0},U=function(){J((function(e){return e+90})),_.current=!0},Y=function(){J((function(e){return e-90})),_.current=!0},$=function(){A((function(e){return e+.1})),_.current=!0},q=function(){A((function(e){return e-.1})),_.current=!0},F=function(){i.set("modal",L.current,t.autoZIndex,t.zIndex.modal)},G=function(){y.onShow&&y.onShow()},K=function(){m.addClass(L.current,"p-component-overlay-leave")},Q=function(){y.onHide&&y.onHide()},W=function(){i.clear(L.current),I(!1)};o((function(){L.current&&i.clear(L.current)}));e.useImperativeHandle(E,(function(){return{props:y,show:T,hide:Z,getElement:function(){return M.current},getImage:function(){return H.current}}}));var ee,te,ne,re,oe,le,ae,ie,ce,ue=y.src,me=y.alt,se=y.width,pe=y.height,fe=y.crossOrigin,de=y.referrerPolicy,ge=y.useMap,Ce=y.loading,ve=N.getOtherProps(y),he=c("p-image p-component",y.className,{"p-image-preview-container":y.preview}),Ee=(ee=y.downloadable,te={transform:"rotate("+j+"deg) scale("+z+")"},ne=z<=.5||z>=1.5,re=u.getJSXIcon(y.downloadIcon||e.createElement(P,null),void 0,{props:y}),oe=u.getJSXIcon(y.rotateRightIcon||e.createElement(p,null),void 0,{props:y}),le=u.getJSXIcon(y.rotateLeftIcon||e.createElement(d,null),void 0,{props:y}),ae=u.getJSXIcon(y.zoomOutIcon||e.createElement(g,null),void 0,{props:y}),ie=u.getJSXIcon(y.zoomInIcon||e.createElement(C,null),void 0,{props:y}),ce=u.getJSXIcon(y.closeIcon||e.createElement(v,null),void 0,{props:y}),e.createElement("div",{ref:L,className:"p-image-mask p-component-overlay p-component-overlay-enter",onClick:Z},e.createElement("div",{className:"p-image-toolbar"},ee&&e.createElement("button",{className:"p-image-action p-link",onClick:B,type:"button"},re),e.createElement("button",{className:"p-image-action p-link",onClick:U,type:"button"},oe),e.createElement("button",{className:"p-image-action p-link",onClick:Y,type:"button"},le),e.createElement("button",{className:"p-image-action p-link",onClick:q,type:"button",disabled:ne},ae),e.createElement("button",{className:"p-image-action p-link",onClick:$,type:"button",disabled:ne},ie),e.createElement("button",{className:"p-image-action p-link",type:"button","aria-label":n("close")},ce)),e.createElement(r,{nodeRef:V,classNames:"p-image-preview",in:O,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:F,onEntered:G,onExit:K,onExiting:Q,onExited:W},e.createElement("div",{ref:V},e.createElement("img",{src:y.zoomSrc||y.src,className:"p-image-preview",style:te,onClick:D,alt:y.alt}))))),ye="p-image-preview-icon",we=u.getJSXIcon(y.indicatorIcon||e.createElement(f,{className:ye}),{className:ye},{props:y}),be=y.template?a.getJSXElement(y.template,y):we,Ie=y.preview?e.createElement("div",{className:"p-image-preview-indicator",onClick:T},be):null,Se=y.src&&e.createElement("img",{ref:H,src:ue,className:y.imageClassName,width:se,height:pe,crossOrigin:fe,referrerPolicy:de,useMap:ge,loading:Ce,alt:me,style:y.imageStyle,onError:y.onError});return e.createElement("span",h({ref:M,className:he},ve),Se,Ie,b&&e.createElement(l,{element:Ee,appendTo:document.body}))})));k.displayName="Image";export{k as Image};

package/image/image.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.image = (function (exports, React, PrimeReact, csstransition, hooks, portal, utils) {
+this.primereact.image = (function (exports, React, PrimeReact, csstransition, hooks, portal, utils, iconbase, refresh, eye, undo, searchminus, searchplus, times) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -100,17 +100,29 @@ this.primereact.image = (function (exports, React, PrimeReact, csstransition, ho
       __TYPE: 'Image',
       alt: null,
       className: null,
+      closeIcon: null,
+      crossOrigin: null,
+      decoding: null,
+      downloadIcon: null,
       downloadable: false,
       height: null,
       imageClassName: null,
       imageStyle: null,
+      indicatorIcon: null,
+      loading: null,
       onError: null,
       onHide: null,
       onShow: null,
       preview: false,
+      referrerPolicy: null,
+      rotateLeftIcon: null,
+      rotateRightIcon: null,
       src: null,
       template: null,
+      useMap: null,
       width: null,
+      zoomInIcon: null,
+      zoomOutIcon: null,
       zoomSrc: null,
       children: undefined
     },
@@ -122,6 +134,32 @@ this.primereact.image = (function (exports, React, PrimeReact, csstransition, ho
     }
   };
 
+  var DownloadIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var pti = iconbase.IconBase.getPTI(inProps);
+    return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+      ref: ref,
+      width: "14",
+      height: "14",
+      viewBox: "0 0 14 14",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, pti), /*#__PURE__*/React__namespace.createElement("g", {
+      clipPath: "url(#clip0_407_20832)"
+    }, /*#__PURE__*/React__namespace.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"
+    })), /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
+      id: "clip0_407_20832"
+    }, /*#__PURE__*/React__namespace.createElement("rect", {
+      width: "14",
+      height: "14",
+      fill: "white"
+    }))));
+  }));
+  DownloadIcon.displayName = 'DownloadIcon';
+
   var Image = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var props = ImageBase.getProps(inProps);
     var _React$useState = React__namespace.useState(false),
@@ -232,7 +270,24 @@ this.primereact.image = (function (exports, React, PrimeReact, csstransition, ho
       };
       var zoomDisabled = scaleState <= 0.5 || scaleState >= 1.5;
       // const rotateClassName = 'p-image-preview-rotate-' + rotateScale;
-
+      var downloadIcon = utils.IconUtils.getJSXIcon(props.downloadIcon || /*#__PURE__*/React__namespace.createElement(DownloadIcon, null), undefined, {
+        props: props
+      });
+      var rotateRightIcon = utils.IconUtils.getJSXIcon(props.rotateRightIcon || /*#__PURE__*/React__namespace.createElement(refresh.RefreshIcon, null), undefined, {
+        props: props
+      });
+      var rotateLeftIcon = utils.IconUtils.getJSXIcon(props.rotateLeftIcon || /*#__PURE__*/React__namespace.createElement(undo.UndoIcon, null), undefined, {
+        props: props
+      });
+      var zoomOutIcon = utils.IconUtils.getJSXIcon(props.zoomOutIcon || /*#__PURE__*/React__namespace.createElement(searchminus.SearchMinusIcon, null), undefined, {
+        props: props
+      });
+      var zoomInIcon = utils.IconUtils.getJSXIcon(props.zoomInIcon || /*#__PURE__*/React__namespace.createElement(searchplus.SearchPlusIcon, null), undefined, {
+        props: props
+      });
+      var closeIcon = utils.IconUtils.getJSXIcon(props.closeIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, null), undefined, {
+        props: props
+      });
       return /*#__PURE__*/React__namespace.createElement("div", {
         ref: maskRef,
         className: "p-image-mask p-component-overlay p-component-overlay-enter",
@@ -243,41 +298,29 @@ this.primereact.image = (function (exports, React, PrimeReact, csstransition, ho
         className: "p-image-action p-link",
         onClick: onDownload,
         type: "button"
-      }, /*#__PURE__*/React__namespace.createElement("i", {
-        className: "pi pi-download"
-      })), /*#__PURE__*/React__namespace.createElement("button", {
+      }, downloadIcon), /*#__PURE__*/React__namespace.createElement("button", {
         className: "p-image-action p-link",
         onClick: rotateRight,
         type: "button"
-      }, /*#__PURE__*/React__namespace.createElement("i", {
-        className: "pi pi-refresh"
-      })), /*#__PURE__*/React__namespace.createElement("button", {
+      }, rotateRightIcon), /*#__PURE__*/React__namespace.createElement("button", {
         className: "p-image-action p-link",
         onClick: rotateLeft,
         type: "button"
-      }, /*#__PURE__*/React__namespace.createElement("i", {
-        className: "pi pi-undo"
-      })), /*#__PURE__*/React__namespace.createElement("button", {
+      }, rotateLeftIcon), /*#__PURE__*/React__namespace.createElement("button", {
         className: "p-image-action p-link",
         onClick: zoomOut,
         type: "button",
         disabled: zoomDisabled
-      }, /*#__PURE__*/React__namespace.createElement("i", {
-        className: "pi pi-search-minus"
-      })), /*#__PURE__*/React__namespace.createElement("button", {
+      }, zoomOutIcon), /*#__PURE__*/React__namespace.createElement("button", {
         className: "p-image-action p-link",
         onClick: zoomIn,
         type: "button",
         disabled: zoomDisabled
-      }, /*#__PURE__*/React__namespace.createElement("i", {
-        className: "pi pi-search-plus"
-      })), /*#__PURE__*/React__namespace.createElement("button", {
+      }, zoomInIcon), /*#__PURE__*/React__namespace.createElement("button", {
         className: "p-image-action p-link",
         type: "button",
         "aria-label": PrimeReact.localeOption('close')
-      }, /*#__PURE__*/React__namespace.createElement("i", {
-        className: "pi pi-times"
-      }))), /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
+      }, closeIcon)), /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
         nodeRef: previewRef,
         classNames: "p-image-preview",
         "in": previewVisibleState,
@@ -317,15 +360,26 @@ this.primereact.image = (function (exports, React, PrimeReact, csstransition, ho
     var src = props.src,
       alt = props.alt,
       width = props.width,
-      height = props.height;
+      height = props.height,
+      crossOrigin = props.crossOrigin,
+      referrerPolicy = props.referrerPolicy,
+      useMap = props.useMap,
+      loading = props.loading;
     var otherProps = ImageBase.getOtherProps(props);
     var containerClassName = utils.classNames('p-image p-component', props.className, {
       'p-image-preview-container': props.preview
     });
     var element = createElement();
-    var content = props.template ? utils.ObjectUtils.getJSXElement(props.template, props) : /*#__PURE__*/React__namespace.createElement("i", {
-      className: "p-image-preview-icon pi pi-eye"
+    var iconClassName = 'p-image-preview-icon';
+    var icon = props.indicatorIcon || /*#__PURE__*/React__namespace.createElement(eye.EyeIcon, {
+      className: iconClassName
     });
+    var indicatorIcon = utils.IconUtils.getJSXIcon(icon, {
+      className: iconClassName
+    }, {
+      props: props
+    });
+    var content = props.template ? utils.ObjectUtils.getJSXElement(props.template, props) : indicatorIcon;
     var preview = createPreview();
     var image = props.src && /*#__PURE__*/React__namespace.createElement("img", {
       ref: imageRef,
@@ -333,8 +387,12 @@ this.primereact.image = (function (exports, React, PrimeReact, csstransition, ho
       className: props.imageClassName,
       width: width,
       height: height,
-      style: props.imageStyle,
+      crossOrigin: crossOrigin,
+      referrerPolicy: referrerPolicy,
+      useMap: useMap,
+      loading: loading,
       alt: alt,
+      style: props.imageStyle,
       onError: props.onError
     });
     return /*#__PURE__*/React__namespace.createElement("span", _extends({
@@ -353,4 +411,4 @@ this.primereact.image = (function (exports, React, PrimeReact, csstransition, ho
 
   return exports;
 
-})({}, React, primereact.api, primereact.csstransition, primereact.hooks, primereact.portal, primereact.utils);
+})({}, React, primereact.api, primereact.csstransition, primereact.hooks, primereact.portal, primereact.utils, primereact.iconbase, primereact.icons.refresh, primereact.icons.eye, primereact.icons.undo, primereact.icons.searchminus, primereact.icons.searchplus, primereact.icons.times);

package/image/image.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.image=function(e,t,n,r,a,i,l){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(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 u=c(t),s=o(n);function m(){return m=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},m.apply(this,arguments)}function p(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw a}}return o}}function d(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 g(e,t){if(e){if("string"==typeof e)return d(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)?d(e,t):void 0}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function y(e,t){return p(e)||f(e,t)||g(e,t)||b()}var v={defaultProps:{__TYPE:"Image",alt:null,className:null,downloadable:!1,height:null,imageClassName:null,imageStyle:null,onError:null,onHide:null,onShow:null,preview:!1,src:null,template:null,width:null,zoomSrc:null,children:void 0},getProps:function(e){return l.ObjectUtils.getMergedProps(e,v.defaultProps)},getOtherProps:function(e){return l.ObjectUtils.getDiffProps(e,v.defaultProps)}},h=u.memo(u.forwardRef((function(e,t){var o=v.getProps(e),c=y(u.useState(!1),2),p=c[0],f=c[1],d=y(u.useState(!1),2),g=d[0],b=d[1],h=y(u.useState(0),2),E=h[0],w=h[1],N=y(u.useState(1),2),O=N[0],S=N[1],j=u.useRef(null),k=u.useRef(null),P=u.useRef(null),C=u.useRef(null),I=u.useRef(!1),x=function(){o.preview&&(f(!0),setTimeout((function(){b(!0)}),25))},R=function(){I.current||(b(!1),w(0),S(1)),I.current=!1},U=function(){I.current=!0},A=function(){l.DomHandler.saveAs({name:o.alt,src:o.src}),I.current=!0},H=function(){w((function(e){return e+90})),I.current=!0},_=function(){w((function(e){return e-90})),I.current=!0},T=function(){S((function(e){return e+.1})),I.current=!0},z=function(){S((function(e){return e-.1})),I.current=!0},D=function(){l.ZIndexUtils.set("modal",P.current,s.default.autoZIndex,s.default.zIndex.modal)},M=function(){o.onShow&&o.onShow()},Z=function(){l.DomHandler.addClass(P.current,"p-component-overlay-leave")},J=function(){o.onHide&&o.onHide()},X=function(){l.ZIndexUtils.clear(P.current),f(!1)};a.useUnmountEffect((function(){P.current&&l.ZIndexUtils.clear(P.current)}));u.useImperativeHandle(t,(function(){return{props:o,show:x,hide:R,getElement:function(){return j.current},getImage:function(){return k.current}}}));var Y,$,q=o.src,B=o.alt,F=o.width,G=o.height,K=v.getOtherProps(o),L=l.classNames("p-image p-component",o.className,{"p-image-preview-container":o.preview}),Q=(Y={transform:"rotate("+E+"deg) scale("+O+")"},$=O<=.5||O>=1.5,u.createElement("div",{ref:P,className:"p-image-mask p-component-overlay p-component-overlay-enter",onClick:R},u.createElement("div",{className:"p-image-toolbar"},o.downloadable&&u.createElement("button",{className:"p-image-action p-link",onClick:A,type:"button"},u.createElement("i",{className:"pi pi-download"})),u.createElement("button",{className:"p-image-action p-link",onClick:H,type:"button"},u.createElement("i",{className:"pi pi-refresh"})),u.createElement("button",{className:"p-image-action p-link",onClick:_,type:"button"},u.createElement("i",{className:"pi pi-undo"})),u.createElement("button",{className:"p-image-action p-link",onClick:z,type:"button",disabled:$},u.createElement("i",{className:"pi pi-search-minus"})),u.createElement("button",{className:"p-image-action p-link",onClick:T,type:"button",disabled:$},u.createElement("i",{className:"pi pi-search-plus"})),u.createElement("button",{className:"p-image-action p-link",type:"button","aria-label":n.localeOption("close")},u.createElement("i",{className:"pi pi-times"}))),u.createElement(r.CSSTransition,{nodeRef:C,classNames:"p-image-preview",in:g,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:D,onEntered:M,onExit:Z,onExiting:J,onExited:X},u.createElement("div",{ref:C},u.createElement("img",{src:o.zoomSrc||o.src,className:"p-image-preview",style:Y,onClick:U,alt:o.alt}))))),V=o.template?l.ObjectUtils.getJSXElement(o.template,o):u.createElement("i",{className:"p-image-preview-icon pi pi-eye"}),W=o.preview?u.createElement("div",{className:"p-image-preview-indicator",onClick:x},V):null,ee=o.src&&u.createElement("img",{ref:k,src:q,className:o.imageClassName,width:F,height:G,style:o.imageStyle,alt:B,onError:o.onError});return u.createElement("span",m({ref:j,className:L},K),ee,W,p&&u.createElement(i.Portal,{element:Q,appendTo:document.body}))})));return h.displayName="Image",e.Image=h,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.portal,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.image=function(e,t,n,r,o,l,a,c,i,u,s,m,p,f){"use strict";function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function g(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var h=g(t),I=d(n);function v(){return v=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},v.apply(this,arguments)}function C(e){if(Array.isArray(e))return e}function b(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,a,c=[],i=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;i=!1}else for(;!(i=(r=l.call(n)).done)&&(c.push(r.value),c.length!==t);i=!0);}catch(e){u=!0,o=e}finally{try{if(!i&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return c}}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function E(e,t){if(e){if("string"==typeof e)return y(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)?y(e,t):void 0}}function w(){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 C(e)||b(e,t)||E(e,t)||w()}var O={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},getProps:function(e){return a.ObjectUtils.getMergedProps(e,O.defaultProps)},getOtherProps:function(e){return a.ObjectUtils.getDiffProps(e,O.defaultProps)}},N=h.memo(h.forwardRef((function(e,t){var n=c.IconBase.getPTI(e);return h.createElement("svg",v({ref:t,width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),h.createElement("g",{clipPath:"url(#clip0_407_20832)"},h.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"})),h.createElement("defs",null,h.createElement("clipPath",{id:"clip0_407_20832"},h.createElement("rect",{width:"14",height:"14",fill:"white"}))))})));N.displayName="DownloadIcon";var P=h.memo(h.forwardRef((function(e,t){var c=O.getProps(e),d=S(h.useState(!1),2),g=d[0],C=d[1],b=S(h.useState(!1),2),y=b[0],E=b[1],w=S(h.useState(0),2),P=w[0],j=w[1],k=S(h.useState(1),2),U=k[0],R=k[1],x=h.useRef(null),M=h.useRef(null),_=h.useRef(null),z=h.useRef(null),H=h.useRef(!1),J=function(){c.preview&&(C(!0),setTimeout((function(){E(!0)}),25))},X=function(){H.current||(E(!1),j(0),R(1)),H.current=!1},A=function(){H.current=!0},T=function(){a.DomHandler.saveAs({name:c.alt,src:c.src}),H.current=!0},L=function(){j((function(e){return e+90})),H.current=!0},V=function(){j((function(e){return e-90})),H.current=!0},Z=function(){R((function(e){return e+.1})),H.current=!0},D=function(){R((function(e){return e-.1})),H.current=!0},B=function(){a.ZIndexUtils.set("modal",_.current,I.default.autoZIndex,I.default.zIndex.modal)},Y=function(){c.onShow&&c.onShow()},$=function(){a.DomHandler.addClass(_.current,"p-component-overlay-leave")},q=function(){c.onHide&&c.onHide()},F=function(){a.ZIndexUtils.clear(_.current),C(!1)};o.useUnmountEffect((function(){_.current&&a.ZIndexUtils.clear(_.current)}));h.useImperativeHandle(t,(function(){return{props:c,show:J,hide:X,getElement:function(){return x.current},getImage:function(){return M.current}}}));var G,K,Q,W,ee,te,ne,re,oe,le=c.src,ae=c.alt,ce=c.width,ie=c.height,ue=c.crossOrigin,se=c.referrerPolicy,me=c.useMap,pe=c.loading,fe=O.getOtherProps(c),de=a.classNames("p-image p-component",c.className,{"p-image-preview-container":c.preview}),ge=(G=c.downloadable,K={transform:"rotate("+P+"deg) scale("+U+")"},Q=U<=.5||U>=1.5,W=a.IconUtils.getJSXIcon(c.downloadIcon||h.createElement(N,null),void 0,{props:c}),ee=a.IconUtils.getJSXIcon(c.rotateRightIcon||h.createElement(i.RefreshIcon,null),void 0,{props:c}),te=a.IconUtils.getJSXIcon(c.rotateLeftIcon||h.createElement(s.UndoIcon,null),void 0,{props:c}),ne=a.IconUtils.getJSXIcon(c.zoomOutIcon||h.createElement(m.SearchMinusIcon,null),void 0,{props:c}),re=a.IconUtils.getJSXIcon(c.zoomInIcon||h.createElement(p.SearchPlusIcon,null),void 0,{props:c}),oe=a.IconUtils.getJSXIcon(c.closeIcon||h.createElement(f.TimesIcon,null),void 0,{props:c}),h.createElement("div",{ref:_,className:"p-image-mask p-component-overlay p-component-overlay-enter",onClick:X},h.createElement("div",{className:"p-image-toolbar"},G&&h.createElement("button",{className:"p-image-action p-link",onClick:T,type:"button"},W),h.createElement("button",{className:"p-image-action p-link",onClick:L,type:"button"},ee),h.createElement("button",{className:"p-image-action p-link",onClick:V,type:"button"},te),h.createElement("button",{className:"p-image-action p-link",onClick:D,type:"button",disabled:Q},ne),h.createElement("button",{className:"p-image-action p-link",onClick:Z,type:"button",disabled:Q},re),h.createElement("button",{className:"p-image-action p-link",type:"button","aria-label":n.localeOption("close")},oe)),h.createElement(r.CSSTransition,{nodeRef:z,classNames:"p-image-preview",in:y,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:B,onEntered:Y,onExit:$,onExiting:q,onExited:F},h.createElement("div",{ref:z},h.createElement("img",{src:c.zoomSrc||c.src,className:"p-image-preview",style:K,onClick:A,alt:c.alt}))))),he="p-image-preview-icon",Ie=a.IconUtils.getJSXIcon(c.indicatorIcon||h.createElement(u.EyeIcon,{className:he}),{className:he},{props:c}),ve=c.template?a.ObjectUtils.getJSXElement(c.template,c):Ie,Ce=c.preview?h.createElement("div",{className:"p-image-preview-indicator",onClick:J},ve):null,be=c.src&&h.createElement("img",{ref:M,src:le,className:c.imageClassName,width:ce,height:ie,crossOrigin:ue,referrerPolicy:se,useMap:me,loading:pe,alt:ae,style:c.imageStyle,onError:c.onError});return h.createElement("span",v({ref:x,className:de},fe),be,Ce,g&&h.createElement(l.Portal,{element:ge,appendTo:document.body}))})));return P.displayName="Image",e.Image=P,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.portal,primereact.utils,primereact.iconbase,primereact.icons.refresh,primereact.icons.eye,primereact.icons.undo,primereact.icons.searchminus,primereact.icons.searchplus,primereact.icons.times);