import{d as T,a as $,r as o,e as b,j as M,n as D,f as _,h as n,x as f,v as L,A as N,i as S,$ as w,g as p,o as d,a4 as B,_ as I}from"./BxiWQxwE.js";import{s as O}from"./B8cvSguG.js";const V=["id"],j={class:"toast__wrapper"},q={key:0,class:"toast__title"},z=["innerHTML"],E=["aria-label"],H={key:0,class:"icon__circle"},F=T({__name:"item",props:{toastData:{type:Object,required:!0}},setup(m){const g=m,{$messages:x,$toast:y}=$(),l=o(null),r=o(60),i=o(0),v=o(0),c=o(!1),e={autoClose:!0,...g.toastData},k=b(()=>`stroke-dashoffset: ${v.value}px;`);M(()=>{if(e.autoClose&&C(),!l.value)return;const t=l.value.querySelectorAll("a");if(t)for(const s of t)s.addEventListener("click",h)});const h=async t=>{t.preventDefault();const a=t.target.getAttribute("href");a&&(u(),await D(a))},C=()=>{const t=O(()=>{c.value||(r.value=r.value-1,i.value=i.value+1,v.value=Math.ceil(1.5333333333333334*i.value+21),r.value<=0&&(clearInterval(t),u()))},100)},u=()=>{y.remove(e.id)};return(t,s)=>{const a=B;return d(),_("div",{id:e.id.toString(),class:"toast",onMouseover:s[0]||(s[0]=A=>c.value=!0),onMouseleave:s[1]||(s[1]=A=>c.value=!1)},[n("div",j,[e.title?(d(),_("h6",q,L(e.title),1)):f("",!0),n("div",{ref_key:"description",ref:l,class:N(["toast__text",{"toast__text--bold":!e.title}]),innerHTML:e.text},null,10,z)]),n("button",{class:"toast__close","aria-label":p(x)("aria.close"),onClick:u},[S(a,{class:"icon__close"}),e.autoClose?(d(),_("svg",H,[n("circle",{r:"15",cx:"15",cy:"15",style:w(p(k))},null,4)])):f("",!0)],8,E)],40,V)}}}),K=I(F,[["__scopeId","data-v-880ee5a4"]]);export{K as default};