import{_ as g}from"./BasicTextarea.vue_vue_type_script_setup_true_lang-BsQkxH6e.js";import{i as _,l as k}from"./queues-CQnjJaMZ.js";import{d as y,e as d,o as s,c as l,m as e,a as b,y as i,F as f,C as p}from"./index-DUs41D0m.js";import"./queue-Br3KBcIu.js";const x={flex:"","flex-col":"","gap-2":"","p-2":""},z={flex:"","flex-row":"","gap-2":""},w={"rounded-lg":"",bg:"zinc-100 dark:zinc-700","p-4":""},h={"w-full":"",flex:"","flex-row":"","gap-4":""},M={"w-full":"","rounded-lg":"",bg:"zinc-100 dark:zinc-700","p-2":""},V={"w-full":"","rounded-lg":"",bg:"zinc-100 dark:zinc-700","p-2":""},P=y({__name:"delays",setup(E){const t=d(""),m=d([]),c=d([]),r=d(!1),u=_();u.onHandlerEvent("delay",a=>{c.value.push(a)});function v(){r.value=!0;const a=t.value.split("");for(const n of a)u.add(n);u.add(k),t.value="",r.value=!1}return(a,n)=>(s(),l("div",x,[e("div",z,[b(g,{modelValue:t.value,"onUpdate:modelValue":n[0]||(n[0]=o=>t.value=o),placeholder:"Message",p:"2",bg:"zinc-100 dark:zinc-700","w-full":"","rounded-lg":"","outline-none":"",onSubmit:v},null,8,["modelValue"]),e("button",w,i(r.value?"Processing...":"Send"),1)]),e("div",h,[e("div",M,[n[1]||(n[1]=e("h3",{"font-semibold":""}," Emotion Message ",-1)),(s(!0),l(f,null,p(m.value,o=>(s(),l("div",{key:o},[e("div",null,i(o),1)]))),128))]),e("div",V,[n[2]||(n[2]=e("h3",{"font-semibold":""}," Delays ",-1)),(s(!0),l(f,null,p(c.value,o=>(s(),l("div",{key:o},[e("div",null,i(o)+"s",1)]))),128))])])]))}});export{P as default};