CIIa_WCh.js
5.96 KB
import{T as C,az as V,U as B,V as j,o as r,k as u,w as P,x as g,C as A,S as f,g as e,$ as I,Y as o,n as i,e as N,c as d,l as p,t as w,F as h,m as k,_ as m,P as O,s as U,a0 as z}from"./BtEn9SvP.js";const F={slots:{root:"relative overflow-hidden w-full rounded-lg p-4 flex gap-2.5",wrapper:"min-w-0 flex-1 flex flex-col",title:"text-sm font-medium",description:"text-sm opacity-90",icon:"shrink-0 size-5",avatar:"shrink-0",avatarSize:"2xl",actions:"flex flex-wrap gap-1.5 shrink-0",close:"p-0"},variants:{color:{primary:"",secondary:"",success:"",info:"",warning:"",error:"",neutral:""},variant:{solid:"",outline:"",soft:"",subtle:""},orientation:{horizontal:{root:"items-center",actions:"items-center"},vertical:{root:"items-start",actions:"items-start mt-2.5"}},title:{true:{description:"mt-1"}}},compoundVariants:[{color:"primary",variant:"solid",class:{root:"bg-primary text-inverted"}},{color:"secondary",variant:"solid",class:{root:"bg-secondary text-inverted"}},{color:"success",variant:"solid",class:{root:"bg-success text-inverted"}},{color:"info",variant:"solid",class:{root:"bg-info text-inverted"}},{color:"warning",variant:"solid",class:{root:"bg-warning text-inverted"}},{color:"error",variant:"solid",class:{root:"bg-error text-inverted"}},{color:"primary",variant:"outline",class:{root:"text-primary ring ring-inset ring-primary/25"}},{color:"secondary",variant:"outline",class:{root:"text-secondary ring ring-inset ring-secondary/25"}},{color:"success",variant:"outline",class:{root:"text-success ring ring-inset ring-success/25"}},{color:"info",variant:"outline",class:{root:"text-info ring ring-inset ring-info/25"}},{color:"warning",variant:"outline",class:{root:"text-warning ring ring-inset ring-warning/25"}},{color:"error",variant:"outline",class:{root:"text-error ring ring-inset ring-error/25"}},{color:"primary",variant:"soft",class:{root:"bg-primary/10 text-primary"}},{color:"secondary",variant:"soft",class:{root:"bg-secondary/10 text-secondary"}},{color:"success",variant:"soft",class:{root:"bg-success/10 text-success"}},{color:"info",variant:"soft",class:{root:"bg-info/10 text-info"}},{color:"warning",variant:"soft",class:{root:"bg-warning/10 text-warning"}},{color:"error",variant:"soft",class:{root:"bg-error/10 text-error"}},{color:"primary",variant:"subtle",class:{root:"bg-primary/10 text-primary ring ring-inset ring-primary/25"}},{color:"secondary",variant:"subtle",class:{root:"bg-secondary/10 text-secondary ring ring-inset ring-secondary/25"}},{color:"success",variant:"subtle",class:{root:"bg-success/10 text-success ring ring-inset ring-success/25"}},{color:"info",variant:"subtle",class:{root:"bg-info/10 text-info ring ring-inset ring-info/25"}},{color:"warning",variant:"subtle",class:{root:"bg-warning/10 text-warning ring ring-inset ring-warning/25"}},{color:"error",variant:"subtle",class:{root:"bg-error/10 text-error ring ring-inset ring-error/25"}},{color:"neutral",variant:"solid",class:{root:"text-inverted bg-inverted"}},{color:"neutral",variant:"outline",class:{root:"text-highlighted bg-default ring ring-inset ring-default"}},{color:"neutral",variant:"soft",class:{root:"text-highlighted bg-elevated/50"}},{color:"neutral",variant:"subtle",class:{root:"text-highlighted bg-elevated/50 ring ring-inset ring-accented"}}],defaultVariants:{color:"primary",variant:"solid"}},T={__name:"UAlert",props:{as:{type:null,required:!1},title:{type:String,required:!1},description:{type:String,required:!1},icon:{type:null,required:!1},avatar:{type:Object,required:!1},color:{type:null,required:!1},variant:{type:null,required:!1},orientation:{type:null,required:!1,default:"vertical"},actions:{type:Array,required:!1},close:{type:[Boolean,Object],required:!1},closeIcon:{type:null,required:!1},class:{type:null,required:!1},ui:{type:Object,required:!1}},emits:["update:open"],setup(t,{emit:q}){const n=t,$=q,l=C(),{t:S}=V(),x=B(),s=j("alert",n),a=U(()=>z({extend:z(F),...x.ui?.alert||{}})({color:n.color,variant:n.variant,orientation:n.orientation,title:!!n.title||!!l.title}));return(c,b)=>(r(),u(e(O),{as:t.as,"data-orientation":t.orientation,"data-slot":"root",class:o(a.value.root({class:[e(s)?.root,n.class]}))},{default:P(()=>[g(c.$slots,"leading",{ui:a.value},()=>[t.avatar?(r(),u(A,f({key:0,size:e(s)?.avatarSize||a.value.avatarSize()},t.avatar,{"data-slot":"avatar",class:a.value.avatar({class:e(s)?.avatar})}),null,16,["size","class"])):t.icon?(r(),u(I,{key:1,name:t.icon,"data-slot":"icon",class:o(a.value.icon({class:e(s)?.icon}))},null,8,["name","class"])):i("",!0)]),N("div",{"data-slot":"wrapper",class:o(a.value.wrapper({class:e(s)?.wrapper}))},[t.title||l.title?(r(),d("div",{key:0,"data-slot":"title",class:o(a.value.title({class:e(s)?.title}))},[g(c.$slots,"title",{},()=>[p(w(t.title),1)])],2)):i("",!0),t.description||l.description?(r(),d("div",{key:1,"data-slot":"description",class:o(a.value.description({class:e(s)?.description}))},[g(c.$slots,"description",{},()=>[p(w(t.description),1)])],2)):i("",!0),t.orientation==="vertical"&&(t.actions?.length||l.actions)?(r(),d("div",{key:2,"data-slot":"actions",class:o(a.value.actions({class:e(s)?.actions}))},[g(c.$slots,"actions",{},()=>[(r(!0),d(h,null,k(t.actions,(v,y)=>(r(),u(m,f({key:y,size:"xs"},{ref_for:!0},v),null,16))),128))])],2)):i("",!0)],2),t.orientation==="horizontal"&&(t.actions?.length||l.actions)||t.close?(r(),d("div",{key:0,"data-slot":"actions",class:o(a.value.actions({class:e(s)?.actions,orientation:"horizontal"}))},[t.orientation==="horizontal"&&(t.actions?.length||l.actions)?g(c.$slots,"actions",{key:0},()=>[(r(!0),d(h,null,k(t.actions,(v,y)=>(r(),u(m,f({key:y,size:"xs"},{ref_for:!0},v),null,16))),128))]):i("",!0),g(c.$slots,"close",{ui:a.value},()=>[t.close?(r(),u(m,f({key:0,icon:t.closeIcon||e(x).ui.icons.close,color:"neutral",variant:"link","aria-label":e(S)("alert.close")},typeof t.close=="object"?t.close:{},{"data-slot":"close",class:a.value.close({class:e(s)?.close}),onClick:b[0]||(b[0]=v=>$("update:open",!1))}),null,16,["icon","aria-label","class"])):i("",!0)])],2)):i("",!0)]),_:3},8,["as","data-orientation","class"]))}};export{T as _};