import{d as M,s as O,r,P as $,g as y,i as a,w as n,y as F,j as u,A as v,F as D,f as _,h as i,G as S,L as j,t as o,I as H,E as J,l as x,k as p,C as W,x as G,c$ as R,d6 as q,_ as K}from"./index-CJVzca5N.js";import{u as Q,f as X,b as h,d as Y}from"./file-CbUC3QAF.js";import{D as Z}from"./deleteDialog-Bim8Q5ly.js";import{E as ee}from"./editStoreName-B_jplXeF.js";import{P as te,_ as ie}from"./myImg-B86Xz_pG.js";import{V as le}from"./VMenu-tBI4xg-q.js";import{V as ae}from"./VChip-BiTPcbbS.js";import"./VRow-CpgfVfn0.js";/* empty css              */import"./VCol-Jlcv_Pqy.js";import"./VSlideGroup-ClsfNyvP.js";const se={class:"position-relative"},oe={class:"file-library-item-top-left position-absolute"},re={class:"img-size mt-5"},ne={class:"mt-5 d-flex justify-space-between"},de={class:"file-library-item-name text-truncate"},me={class:"d-flex"},ce={class:"d-flex mt-5"},ue={class:"file-library-menu-right-text"},fe={class:"d-flex mt-5"},ve={class:"file-library-menu-right-text"},pe={class:"d-flex mt-5"},ge={class:"file-library-menu-right-text text-uppercase"},Ie={class:"d-flex mt-5"},be={class:"file-library-menu-right-text"},_e={class:"d-flex mt-7"},xe={class:"mt-7"},he=M({__name:"fileLibraryItem",props:{Item:{}},emits:["update:operationSuccessful"],setup(k,{emit:N}){const e=k,V=N,d=O();r(!1);const g=r(!1),w=r({}),f=r(!1),C=()=>{R(e.Item.fileUrl,String(e.Item.id))},P=()=>{e.Item.favoriteFlag?Q({fileId:e.Item.id}).then(s=>{e.Item.favoriteFlag=!e.Item.favoriteFlag,d.changeSnackbar({color:"#7367f0",location:"top",variant:"elevated",text:"Image unsaved  ！",visible:!0})}):X({fileId:e.Item.id}).then(s=>{e.Item.favoriteFlag=!e.Item.favoriteFlag,d.changeSnackbar({color:"#7367f0",location:"top",variant:"elevated",text:"Image successfully saved ！",visible:!0})})},m=r(""),B=()=>{h({fileId:e.Item.id,fileName:m.value,tags:e.Item.tags}).then(s=>{d.changeSnackbar({color:"#7367f0",location:"top",variant:"elevated",text:"Modification successful",visible:!0}),e.Item.fileName=m.value})},c=r(!1),A=()=>{c.value=!0},E=(s,t)=>{const l=r([]);l.value=JSON.parse(JSON.stringify(e.Item.tags)),l.value?l.value.push(s):l.value=[s],e.Item.tags?e.Item.tags.push(s):e.Item.tags=[s],t===4&&h({fileId:e.Item.id,fileName:e.Item.fileName,tags:l.value}).then(b=>{d.changeSnackbar({color:"#7367f0",location:"top",variant:"elevated",text:"Image tag added successfully ！",visible:!0}),c.value=!1})},U=()=>{V("update:operationSuccessful",!1)},L=s=>{I.value=!0,Y({fileId:e.Item.id}).then(t=>{d.changeSnackbar({color:"#7367f0",location:"top",variant:"elevated",text:"Delete Successful !",visible:!0}),U(),I.value=!1})},I=r(!1),T=s=>{e.Item.tags.splice(s,0),h({fileId:e.Item.id,fileName:e.Item.fileName,tags:e.Item.tags}).then(t=>{d.changeSnackbar({color:"#7367f0",location:"top",variant:"elevated",text:"Modification Successful !",visible:!0}),c.value=!1})};$(()=>{e.Item.fileName&&(m.value=e.Item.fileName)});const z=s=>q(s);return(s,t)=>(_(),y(D,null,[a(F,{class:"pa-5 file-library-box"},{default:n(()=>[i("div",se,[a(ie,{src:e.Item.fileUrl,height:330,width:330,"no-compress":!0,"is-preview":!0,previewList:[e.Item.fileUrl]},null,8,["src","previewList"]),i("div",oe,[a(S,{icon:e.Item.favoriteFlag?"custom-heart-fill":"custom-heart-line",color:e.Item.favoriteFlag?"#FF4D49":"#3C4056",onClick:j(P,["stop"])},null,8,["icon","color"])])]),i("div",re,o(e.Item.imageWidth)+" px * "+o(e.Item.imageHeight)+" px ",1),i("div",ne,[i("div",de,o(e.Item.fileName),1),a(S,{icon:"custom-information-line",class:"cursor-pointer",color:"#A8AAB4"}),a(le,{activator:"parent",location:"top end",offset:"14px",class:"pa-5","content-class":"file-library-menu","close-on-content-click":u(I),"open-on-hover":""},{default:n(()=>[a(F,{class:"file-library-menu-card"},{default:n(()=>[a(H,null,{default:n(()=>[t[12]||(t[12]=i("div",{class:"file-library-menu-title mb-5"}," File information ",-1)),i("div",me,[a(J,{modelValue:u(m),"onUpdate:modelValue":t[0]||(t[0]=l=>v(m)?m.value=l:null),label:"Image Name",placeholder:"Placeholder",variant:"outlined",onBlur:B},null,8,["modelValue"])]),i("div",ce,[t[5]||(t[5]=i("div",{class:"file-library-menu-left-title"}," Dimensions: ",-1)),i("div",ue,o(e.Item.imageWidth)+" Px * "+o(e.Item.imageHeight)+" Px ",1)]),i("div",fe,[t[6]||(t[6]=i("div",{class:"file-library-menu-left-title"}," Size: ",-1)),i("div",ve,o(e.Item.fileSize)+" Byte ",1)]),i("div",pe,[t[7]||(t[7]=i("div",{class:"file-library-menu-left-title"}," Format: ",-1)),i("div",ge,o(z(e.Item.fileName)),1)]),i("div",Ie,[t[8]||(t[8]=i("div",{class:"file-library-menu-left-title"}," Add the time: ",-1)),i("div",be,o(e.Item.addDate),1)]),i("div",_e,[a(x,{variant:"outlined",color:"#676A7B",onClick:C},{default:n(()=>t[9]||(t[9]=[p("Download")])),_:1,__:[9]}),a(x,{class:"ml-3",variant:"outlined",color:"#FF4D49",onClick:t[1]||(t[1]=l=>f.value=!0)},{default:n(()=>t[10]||(t[10]=[p("Delete")])),_:1,__:[10]})]),i("div",xe,[(_(!0),y(D,null,W(e.Item.tags,(l,b)=>(_(),G(ae,{key:b,class:"mr-3 mt-3",rounded:"pill",closable:"",size:"large",height:"32","onClick:close":ye=>T(b)},{default:n(()=>[p(o(l),1)]),_:2},1032,["onClick:close"]))),128)),a(x,{class:"mt-3",variant:"outlined",color:"primary-status",onClick:A},{default:n(()=>t[11]||(t[11]=[p("Add Tag")])),_:1,__:[11]})])]),_:1,__:[12]})]),_:1})]),_:1},8,["close-on-content-click"])])]),_:1}),a(te,{"picture-preview-dialog-visible":u(g),"onUpdate:picturePreviewDialogVisible":t[2]||(t[2]=l=>v(g)?g.value=l:null),"picture-data":u(w)},null,8,["picture-preview-dialog-visible","picture-data"]),a(Z,{"open-or-close-delete-dialog-visible":u(f),"onUpdate:openOrCloseDeleteDialogVisible":t[3]||(t[3]=l=>v(f)?f.value=l:null),deleteTitle:"Delete Image","delete-text":"Are you sure you want delete?","onChange:confirmDelete":L},null,8,["open-or-close-delete-dialog-visible"]),a(ee,{"edit-input-dialog-visible":u(c),"onUpdate:editInputDialogVisible":t[4]||(t[4]=l=>v(c)?c.value=l:null),type:4,"onChange:confirmEdit":E},null,8,["edit-input-dialog-visible"])],64))}}),Ee=K(he,[["__scopeId","data-v-400ff3dc"]]);export{Ee as default};