import{r as o,d as t,h as n}from"./p-f8363b1b.js";const i=class{constructor(n){o(this,n),this.floodteamCropSave=t(this,"floodteamCropSave",7),this.floodteamCropDismiss=t(this,"floodteamCropDismiss",7)}async closeModal(){const o=document.querySelector("ion-modal");o&&o.dismiss(),this.floodteamCropDismiss.emit({})}async save(){const o=document.querySelector("ion-modal");o&&o.dismiss(),this.floodteamCropSave.emit({encodedContent:await this.photoCropperEl.getImageData()})}render(){return[n("ion-header",null,n("ion-toolbar",{color:"dark"},n("ion-buttons",{slot:"start"},n("ion-button",{fill:"clear",color:"light"},n("ion-icon",{slot:"icon-only",name:"create"}))),n("ion-title",null,"Crop Image"),n("ion-buttons",{slot:"end"},n("ion-button",{onClick:()=>this.closeModal(),fill:"clear",color:"primary"},"Cancel")))),n("ion-content",null,n("floodteam-photo-cropper",{ref:o=>this.photoCropperEl=o,src:this.src}),n("ion-button",{class:"ion-float-right ion-margin-end",color:"success",onClick:()=>this.save()},"Save"))]}};i.style="floodteam-modal-cropper ion-title{text-transform:capitalize !important}floodteam-modal-cropper floodteam-photo-cropper>div{max-height:300px}";export{i as floodteam_modal_cropper}