import*as e from"react";import t,{PrimeReactContext as n,localeOption as o}from"primereact/api";import{ComponentBase as r,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as a}from"primereact/csstransition";import{useMergeProps as l,useGlobalOnEscapeKey as c,ESC_KEY_HANDLING_PRIORITIES as s,useUnmountEffect as u}from"primereact/hooks";import{IconBase as p}from"primereact/iconbase";import{EyeIcon as m}from"primereact/icons/eye";import{RefreshIcon as f}from"primereact/icons/refresh";import{SearchMinusIcon as g}from"primereact/icons/searchminus";import{SearchPlusIcon as d}from"primereact/icons/searchplus";import{TimesIcon as y}from"primereact/icons/times";import{UndoIcon as b}from"primereact/icons/undo";import{Portal as v}from"primereact/portal";import{classNames as w,DomHandler as h,ZIndexUtils as C,IconUtils as I,ObjectUtils as E}from"primereact/utils";function O(){return O=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)({}).hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},O.apply(null,arguments)}function S(e){return S="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},S(e)}function P(e,t){if("object"!=S(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!=S(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function k(e){var t=P(e,"string");return"symbol"==S(t)?t:t+""}function x(e,t,n){return(t=k(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function j(e){if(Array.isArray(e))return e}function z(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,i,a,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(o=i.call(n)).done)&&(l.push(o.value),l.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw r}}return l}}function B(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=Array(t);n<t;n++)o[n]=e[n];return o}function N(e,t){if(e){if("string"==typeof e)return B(e,t);var n={}.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 R(){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 L(e,t){return j(e)||z(e,t)||N(e,t)||R()}var M=e.memo(e.forwardRef((function(t,n){var o=p.getPTI(t);return e.createElement("svg",O({ref:n,width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o),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"}))})));M.displayName="DownloadIcon";var A=r.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){return w("p-image p-component",{"p-image-preview-container":e.props.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 D(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function J(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?D(Object(n),!0).forEach((function(t){x(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var V=e.memo(e.forwardRef((function(r,p){var S=l(),P=e.useContext(n),k=A.getProps(r,P),x=L(e.useState(!1),2),j=x[0],z=x[1],B=L(e.useState(!1),2),N=B[0],R=B[1],D=L(e.useState(0),2),V=D[0],X=D[1],T=L(e.useState(1),2),H=T[0],Z=T[1],U=e.useRef(null),_=e.useRef(null),F=e.useRef(null),G=e.useRef(null),K=e.useRef(null),Y=H<=.5,$=H>=1.5,q=A.setMetaData({props:k,state:{maskVisible:j,previewVisible:N,rotate:V,scale:H}}),Q=q.ptm,W=q.cx,ee=q.sx,te=q.isUnstyled;c({callback:function(){oe()},when:k.closeOnEscape&&j,priority:[s.IMAGE,0]}),i(A.css.styles,te,{name:"image"});var ne=function(){k.preview&&(z(!0),h.blockBodyScroll(),setTimeout((function(){R(!0)}),25))},oe=function(){R(!1),h.unblockBodyScroll(),X(0),Z(1)},re=function(e){[e.target.classList].includes("p-image-action")||e.target.closest(".p-image-action")||oe()},ie=function(e){if("Escape"===e.code)oe(),setTimeout((function(){h.focus(K.current)}),200),e.preventDefault()},ae=function(){h.saveAs({name:k.alt,src:k.src})},le=function(e){e.stopPropagation(),X((function(e){return e+90}))},ce=function(e){e.stopPropagation(),X((function(e){return e-90}))},se=function(e){e.stopPropagation(),Z((function(e){return $?e:e+.1}))},ue=function(e){e.stopPropagation(),Z((function(e){return Y?e:e-.1}))},pe=function(){C.set("modal",F.current,P&&P.autoZIndex||t.autoZIndex,P&&P.zIndex.modal||t.zIndex.modal)},me=function(){k.onShow&&k.onShow()},fe=function(){!te()&&h.addClass(F.current,"p-component-overlay-leave")},ge=function(){k.onHide&&k.onHide()},de=function(){C.clear(F.current),z(!1)};u((function(){F.current&&C.clear(F.current)}));e.useImperativeHandle(p,(function(){return{props:k,show:ne,hide:oe,getElement:function(){return U.current},getImage:function(){return _.current}}}));var ye,be,ve=k.src,we=k.alt,he=k.width,Ce=k.height,Ie=k.crossOrigin,Ee=k.referrerPolicy,Oe=k.useMap,Se=k.loading,Pe=function(){var t=k.downloadable,n=k.alt,r=k.crossOrigin,i=k.referrerPolicy,l=k.useMap,c=k.loading,s=S(Q("downloadIcon")),u=S(Q("rotateRightIcon")),p=S(Q("rotateLeftIcon")),m=S(Q("zoomOutIcon")),v=S(Q("zoomInIcon")),h=S(Q("closeIcon")),C=I.getJSXIcon(k.downloadIcon||e.createElement(M,null),J({},s),{props:k}),E=I.getJSXIcon(k.rotateRightIcon||e.createElement(f,null),J({},u),{props:k}),P=I.getJSXIcon(k.rotateLeftIcon||e.createElement(b,null),J({},p),{props:k}),x=I.getJSXIcon(k.zoomOutIcon||e.createElement(g,null),J({},m),{props:k}),z=I.getJSXIcon(k.zoomInIcon||e.createElement(d,null),J({},v),{props:k}),B=I.getJSXIcon(k.closeIcon||e.createElement(y,null),J({},h),{props:k}),R=S({ref:F,role:"dialog",className:W("mask"),"aria-modal":j,onClick:re,onKeyDown:ie},Q("mask")),L=S({className:W("toolbar")},Q("toolbar")),A=S({className:W("downloadButton"),onPointerUp:ae,type:"button"},Q("downloadButton")),D=S({className:W("rotateRightButton"),onClick:le,type:"button","aria-label":o("aria")?o("aria").rotateRight:void 0,"data-pc-group-section":"action"},Q("rotateRightButton")),X=S({className:W("rotateLeftButton"),onClick:ce,type:"button","aria-label":o("aria")?o("aria").rotateLeft:void 0,"data-pc-group-section":"action"},Q("rotateLeftButton")),T=S({className:w(W("zoomOutButton"),{"p-disabled":Y}),style:{pointerEvents:"auto"},onClick:ue,type:"button",disabled:Y,"aria-label":o("aria")?o("aria").zoomOut:void 0,"data-pc-group-section":"action"},Q("zoomOutButton")),Z=S({className:w(W("zoomInButton"),{"p-disabled":$}),style:{pointerEvents:"auto"},onClick:se,type:"button",disabled:$,"aria-label":o("aria")?o("aria").zoomIn:void 0,"data-pc-group-section":"action"},Q("zoomInButton")),U=S({className:W("closeButton"),type:"button",onClick:oe,"aria-label":o("aria")?o("aria").close:void 0,autoFocus:!0,"data-pc-group-section":"action"},Q("closeButton")),_=S({src:k.zoomSrc||k.src,className:W("preview"),style:ee("preview",{rotateState:V,scaleState:H}),crossOrigin:r,referrerPolicy:i,useMap:l,loading:c},Q("preview")),K=S({ref:G},Q("previewContainer")),q=S({classNames:W("transition"),in:N,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:pe,onEntered:me,onExit:fe,onExiting:ge,onExited:de},Q("transition"));return e.createElement("div",R,e.createElement("div",L,t&&e.createElement("button",A,C),e.createElement("button",D,E),e.createElement("button",X,P),e.createElement("button",T,x),e.createElement("button",Z,z),e.createElement("button",U,B)),e.createElement(a,O({nodeRef:G},q),e.createElement("div",K,e.createElement("img",O({alt:n},_)))))}(),ke=S({className:W("icon")},Q("icon")),xe=I.getJSXIcon(k.indicatorIcon||e.createElement(m,ke),J({},ke),{props:k}),je=k.template?E.getJSXElement(k.template,k):xe,ze=(ye=o("aria")?o("aria").zoomImage:void 0,be=S({ref:K,className:W("button"),onClick:ne,type:"button","aria-label":ye},Q("button")),k.preview?e.createElement("button",be,je):null),Be=S({ref:_,src:ve,className:k.imageClassName,width:he,height:Ce,crossOrigin:Ie,referrerPolicy:Ee,useMap:Oe,loading:Se,style:k.imageStyle,onError:k.onError},Q("image")),Ne=k.src&&e.createElement("img",O({},Be,{alt:we})),Re=S({ref:U,className:w(k.className,W("root"))},A.getOtherProps(k),Q("root"));return e.createElement("span",Re,Ne,ze,j&&e.createElement(v,{element:Pe,appendTo:document.body}))})));V.displayName="Image";export{V as Image};