"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/csstransition"),n=require("primereact/utils"),i=require("primereact/portal"),o=require("primereact/api");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=a(e),l=a(o);function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function c(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function u(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e,t){return p=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},p(e,t)}function m(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&p(e,t)}function f(e){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(e)}function d(e,t){if(t&&("object"===f(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return u(e)}function h(e){return h=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},h(e)}function y(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var v,b,k,E=function(o){m(E,e.Component);var a,p,f,v,b,k=(a=E,p=y(),function(){var e,t=h(a);if(p){var n=h(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return d(this,e)});function E(e){var t;return s(this,E),(t=k.call(this,e)).state={maskVisible:!1,previewVisible:!1,rotate:0,scale:1},t.onImageClick=t.onImageClick.bind(u(t)),t.onMaskClick=t.onMaskClick.bind(u(t)),t.onDownload=t.onDownload.bind(u(t)),t.rotateRight=t.rotateRight.bind(u(t)),t.rotateLeft=t.rotateLeft.bind(u(t)),t.zoomIn=t.zoomIn.bind(u(t)),t.zoomOut=t.zoomOut.bind(u(t)),t.onEntering=t.onEntering.bind(u(t)),t.onEntered=t.onEntered.bind(u(t)),t.onPreviewImageClick=t.onPreviewImageClick.bind(u(t)),t.onExit=t.onExit.bind(u(t)),t.onExiting=t.onExiting.bind(u(t)),t.onExited=t.onExited.bind(u(t)),t.previewRef=r.default.createRef(),t}return f=E,(v=[{key:"onImageClick",value:function(){var e=this;this.props.preview&&(this.setState({maskVisible:!0}),setTimeout((function(){e.setState({previewVisible:!0})}),25))}},{key:"onPreviewImageClick",value:function(){this.previewClick=!0}},{key:"onMaskClick",value:function(){this.previewClick||(this.setState({previewVisible:!1}),this.setState({rotate:0}),this.setState({scale:1})),this.previewClick=!1}},{key:"onDownload",value:function(){var e=this.props;n.DomHandler.saveAs({name:e.alt,src:e.src}),this.previewClick=!0}},{key:"rotateRight",value:function(){this.setState((function(e){return{rotate:e.rotate+90}})),this.previewClick=!0}},{key:"rotateLeft",value:function(){this.setState((function(e){return{rotate:e.rotate-90}})),this.previewClick=!0}},{key:"zoomIn",value:function(){this.setState((function(e){return{scale:e.scale+.1}})),this.previewClick=!0}},{key:"zoomOut",value:function(){this.setState((function(e){return{scale:e.scale-.1}})),this.previewClick=!0}},{key:"onEntering",value:function(){n.ZIndexUtils.set("modal",this.mask,l.default.autoZIndex,l.default.zIndex.modal)}},{key:"onEntered",value:function(){this.props.onShow&&this.props.onShow()}},{key:"onExit",value:function(){n.DomHandler.addClass(this.mask,"p-component-overlay-leave")}},{key:"onExiting",value:function(){this.props.onHide&&this.props.onHide()}},{key:"onExited",value:function(e){n.ZIndexUtils.clear(e),this.setState({maskVisible:!1})}},{key:"componentWillUnmount",value:function(){this.mask&&n.ZIndexUtils.clear(this.container)}},{key:"renderElement",value:function(){var e=this,n={transform:"rotate("+this.state.rotate+"deg) scale("+this.state.scale+")"},i=this.state.scale<=.5||this.state.scale>=1.5;return r.default.createElement("div",{ref:function(t){return e.mask=t},className:"p-image-mask p-component-overlay p-component-overlay-enter",onClick:this.onMaskClick},r.default.createElement("div",{className:"p-image-toolbar"},this.props.downloadable&&r.default.createElement("button",{className:"p-image-action p-link",onClick:this.onDownload,type:"button"},r.default.createElement("i",{className:"pi pi-download"})),r.default.createElement("button",{className:"p-image-action p-link",onClick:this.rotateRight,type:"button"},r.default.createElement("i",{className:"pi pi-refresh"})),r.default.createElement("button",{className:"p-image-action p-link",onClick:this.rotateLeft,type:"button"},r.default.createElement("i",{className:"pi pi-undo"})),r.default.createElement("button",{className:"p-image-action p-link",onClick:this.zoomOut,type:"button",disabled:i},r.default.createElement("i",{className:"pi pi-search-minus"})),r.default.createElement("button",{className:"p-image-action p-link",onClick:this.zoomIn,type:"button",disabled:i},r.default.createElement("i",{className:"pi pi-search-plus"})),r.default.createElement("button",{className:"p-image-action p-link",type:"button",onClick:this.hidePreview},r.default.createElement("i",{className:"pi pi-times"}))),r.default.createElement(t.CSSTransition,{nodeRef:this.previewRef,classNames:"p-image-preview",in:this.state.previewVisible,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:this.onEntering,onEntered:this.onEntered,onExit:this.onExit,onExiting:this.onExiting,onExited:this.onExited},r.default.createElement("div",{ref:this.previewRef},r.default.createElement("img",{src:this.props.src,className:"p-image-preview",style:n,onClick:this.onPreviewImageClick,alt:this.props.alt}))))}},{key:"render",value:function(){var e=this,t=n.classNames("p-image p-component",this.props.className,{"p-image-preview-container":this.props.preview}),o=this.renderElement(),a=this.props.template?n.ObjectUtils.getJSXElement(this.props.template,this.props):r.default.createElement("i",{className:"p-image-preview-icon pi pi-eye"}),l=this.props;return r.default.createElement("span",{ref:function(t){return e.container=t},className:t,style:this.props.style},r.default.createElement("img",{src:l.src,className:this.props.imageClassName,width:l.width,height:l.height,style:this.props.imageStyle,alt:l.alt}),this.props.preview&&r.default.createElement("div",{className:"p-image-preview-indicator",onClick:this.onImageClick},a),this.state.maskVisible&&r.default.createElement(i.Portal,{element:o,appendTo:document.body}))}}])&&c(f.prototype,v),b&&c(f,b),Object.defineProperty(f,"prototype",{writable:!1}),E}();k={preview:!1,className:null,downloadable:!1,style:null,imageStyle:null,imageClassName:null,template:null,src:null,alt:null,width:null,height:null},(b="defaultProps")in(v=E)?Object.defineProperty(v,b,{value:k,enumerable:!0,configurable:!0,writable:!0}):v[b]=k,exports.Image=E;