| import{h as _,_ as k,l as b}from"./queues-BF6-JQg1.js";import{u as z}from"./queue-BK-P0Xgt.js";import{d as h,h as u,o as s,c as t,z as e,a as x,D as i,bC as f,bD as m}from"./index-CLaD8_x-.js";const w={flex:"","flex-col":"","gap-2":"","p-2":""},M={flex:"","flex-row":"","gap-2":""},V={"rounded-lg":"",bg:"zinc-100 dark:zinc-700","p-4":""},y={"w-full":"",flex:"","flex-row":"","gap-4":""},E={"w-full":"","rounded-lg":"",bg:"zinc-100 dark:zinc-700","p-2":""},Q={"w-full":"","rounded-lg":"",bg:"zinc-100 dark:zinc-700","p-2":""},P=h({__name:"emotions",setup(S){const l=u(""),p=u([]),r=u([]),d=u(!1),g=z({handlers:[async a=>{r.value.push(a.data)}]}),c=_(g);function v(){d.value=!0;const a=l.value.split("");for(const o of a)c.add(o);c.add(b),l.value="",d.value=!1}return(a,o)=>(s(),t("div",w,[e("div",M,[x(k,{modelValue:l.value,"onUpdate:modelValue":o[0]||(o[0]=n=>l.value=n),placeholder:"Message",p:"2",bg:"zinc-100 dark:zinc-700","w-full":"","rounded-lg":"","outline-none":"",onSubmit:v},null,8,["modelValue"]),e("button",V,i(d.value?"Processing...":"Send"),1)]),e("div",y,[e("div",E,[o[1]||(o[1]=e("h3",{"font-semibold":""}," Messages ",-1)),(s(!0),t(f,null,m(p.value,n=>(s(),t("div",{key:n},[e("div",null,i(n),1)]))),128))]),e("div",Q,[o[2]||(o[2]=e("h3",{"font-semibold":""}," Emotions ",-1)),(s(!0),t(f,null,m(r.value,n=>(s(),t("div",{key:n},[e("div",null,i(n),1)]))),128))])])]))}});export{P as default}; | |