import{_ as D,u as C,a as A,i as v}from"./index.CjrDwa0W.js";import{s as L,p as V,r as h,o as j,b as g,f as o,h as c,i as a,F as S,m as B,j as k,l as t,k as _,t as E,G as H}from"./vendor-vue.CmaRnji1.js";const $=["onClick"],q={class:"h-full aspect-square rounded-full"},z=["src"],F={class:"w-[70%] h-full flex items-center"},T={style:{"letter-spacing":"-0.6px"},class:"text-[15em] font-['SFPRO'] ml-[1em] text-black dark:text-white cursor-pointer anim-hover-1 font-[400] text-center leading-[100%] mt-[1px]"},N=["src"],R={__name:"MessageAction",props:{allowedaction:{type:Array,default:()=>["gallery","money","location","sharecontact","voice"]},appname:{type:String,default:"none"}},emits:["cancel","selectaction"],setup(y,{emit:x}){const w=C(),{t:l}=A(),{DarkMode:b}=L(w);V(()=>{b.value?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")});const d=x,s=h(!1),e=h(!1);j(()=>{setTimeout(()=>{s.value=!0},50)});const r=()=>{e.value=!0,s.value=!1,setTimeout(()=>{d("cancel")},600)},n=y,M=g(()=>[{name:"gallery",icon:"actiongallery.png",label:l("messageAction.gallery")},{name:"money",icon:"actionmoney.png",label:l("messageAction.money")},{name:"location",icon:"actionlocation.png",label:l("messageAction.location")},{name:"sharecontact",icon:"actionsharecontact.png",label:l("messageAction.shareContact")},{name:"voice",icon:"actionvoice.png",label:l("messageAction.voiceMessage")}]),u=g(()=>M.value.filter(m=>n.allowedaction.includes(m.name)));return(m,p)=>(c(),o("div",{class:t(["w-full h-full z-[500] absolute flex flex-col justify-end items-end background-container dark:background-container-dark pl-[5em]",{"background-fade-in":s.value&&!e.value,"background-fade-out":e.value}])},[(c(!0),o(S,null,B(u.value,(i,f)=>(c(),o("div",{onClick:G=>{d("selectaction",i.name),r()},key:i.name,class:t(["action-item w-full h-[30em] flex mb-[20em] cursor-pointer",{"slide-in":s.value&&!e.value,"slide-out":e.value}]),style:k({animationDelay:e.value?`${f*.1}s`:`${(u.value.length-1-f)*.1}s`})},[a("div",{class:t([n.appname=="darkchat"?"w-[19em] ":"w-[11em]","h-full"])},null,2),a("div",q,[a("img",{src:_(v)["message/"+i.icon],class:"w-full h-full rounded-full",alt:""},null,8,z)]),a("div",F,[a("span",T,E(i.label),1)])],14,$))),128)),a("div",{class:t(["w-full",n.appname=="darkchat"?"h-[67em] ":"h-[50em]"])},[a("div",{class:t([n.appname=="darkchat"?"w-[52em] ":"w-[44em]","h-[35em] flex items-center justify-end"])},[n.appname=="darkchat"?(c(),o("div",{key:0,onClick:r,class:t(["cancel-button h-full aspect-square flex items-center justify-center shadow-[0px_0px_32.400001525878906px_0px_rgba(0,0,0,0.29)] cursor-pointer transition-transform hover:scale-110",{"fade-in":s.value&&!e.value,"fade-out":e.value}])},p[0]||(p[0]=[H('',1)]),2)):(c(),o("div",{key:1,onClick:r,class:t(["cancel-button h-full aspect-square rounded-full flex items-center justify-center bg-white dark:bg-[#1e1e1e] shadow-[0px_0px_32.400001525878906px_0px_rgba(0,0,0,0.29)] cursor-pointer transition-transform hover:scale-110",{"fade-in":s.value&&!e.value,"fade-out":e.value}]),style:k({animationDelay:e.value?`${u.value.length*.1}s`:"0s"})},[a("img",{src:_(v)["message/++.svg"],class:"h-[40%] rotate-[45deg]",alt:""},null,8,N)],6))],2)],2)],2))}},P=D(R,[["__scopeId","data-v-a640a70c"]]);export{P as M};