https://www.bigtenplus.com/_nuxt/DkYzBTZd.js

1import{I as L,P as A,L as H,E as U,K as t,c as r,a as s,b as o,bc as n,R as K,T as c,Z as a,m as M,e as O,_ as R,o as i,b2 as d,b1 as u}from"./Btd0CN9o.js";const Z=L({slots:{wrapper:["px-5 py-3 rounded-sm outline outline-1 outline-offset-[-1px] flex w-full max-w-full items-start gap-3"],leadingIcon:["shrink-0 flex items-start"],leadingIconElement:["inline-flex size-[24px] p-[2px] justify-center items-center"],content:["inline-flex min-w-0 flex-1 flex-col justify-start items-start gap-1"],headline:["self-stretch text-Text-Label-inverse"],description:["text-Text-Label-inverse"],ctaContainer:["flex justify-start items-center gap-4 mt-3"],ctaPrimary:["cursor-pointer text-Text-Highlight"],ctaSecondary:["cursor-pointer text-Text-Highlight"],trailingIcon:["flex shrink-0 justify-center self-start gap-2.5"],trailingIconWrapper:["shrink-0 flex items-start justify-center"],trailingIconInner:["flex items-center justify-center"],trailingIconContent:["inline-flex size-[24px] items-center justify-center border-0 bg-transparent p-0 cursor-pointer"],trailingIconElement:["fill-Icon-primary-inverse cursor-pointer p-[2px]"]},variants:{type:{information:{wrapper:["bg-Background-Info-message outline-Border-Info"],leadingIconElement:["fill-Badge-Information"]},success:{wrapper:["bg-Background-Success-message outline-Border-Success"],leadingIconElement:["fill-Icon-Success"]},warning:{wrapper:["bg-Background-Warning-message outline-Border-Warning"],leadingIconElement:["fill-Icon-Warning"]},error:{wrapper:["bg-Background-Error-message outline-Border-Error"],leadingIconElement:["fill-Icon-Error"]}}},compoundVariants:[],defaultVariants:{type:"information"}}),q=A({__name:"AlertBanner",props:{type:{default:"information"},title:{default:"Information"},message:{default:"Default message"},visible:{type:Boolean,default:!0},showTitle:{type:Boolean,default:!0},showCloseButton:{type:Boolean,default:!0},ctaPrimaryText:{default:()=>{}},ctaSecondaryText:{default:()=>{}},showCtaPrimary:{type:Boolean,default:!0},showCtaSecondary:{type:Boolean,default:!0}},emits:["close","ctaPrimary","ctaSecondary"],setup(e,{emit:x}){const m=x,y=H(e.visible);U(()=>e.visible,f=>{y.value=f},{immediate:!0});const I=()=>{y.value=!1,m("close")},b=()=>{m("ctaPrimary")},h=()=>{m("ctaSecondary")},g={success:"spott-design-icon:check-circle",information:"spott-design-icon:info-circle",warning:"spott-design-icon:warning-sign",error:"spott-design-icon:error-circle"},v=M(()=>g[e.type]||g.information),{wrapper:w,leadingIcon:C,leadingIconElement:B,content:k,headline:T,description:S,ctaContainer:E,ctaPrimary:P,ctaSecondary:j,trailingIcon:V,trailingIconWrapper:z,trailingIconInner:N,trailingIconContent:W,trailingIconElement:D}=Z();return(f,F)=>{const p=O,l=R;return t(y)?(i(),r("div",{key:0,class:n(t(w)({type:e.type})),"data-testid":"alert-banner"},[s("div",{class:n(t(C)())},[o(p,{class:n(t(B)({type:e.type})),name:t(v),mode:"svg",size:"20"},null,8,["class","name"])],2),s("div",{class:n(t(k)())},[e.showTitle?(i(),K(l,{key:0,variant:"text",type:"title-2-small",class:n(t(T)())},{default:c(()=>[d(u(e.title),1)]),_:1},8,["class"])):a("",!0),o(l,{variant:"text",type:"body-small",class:n(t(S)())},{default:c(()=>[d(u(e.message),1)]),_:1},8,["class"]),e.ctaPrimaryText&&e.showCtaPrimary||e.ctaSecondaryText&&e.showCtaSecondary?(i(),r("div",{key:1,class:n(t(E)())},[e.ctaPrimaryText&&e.showCtaPrimary?(i(),r("button",{key:0,class:n(t(P)({type:e.type})),type:"button",onClick:b},[o(l,{variant:"text",type:"body-small",tag:"span"},{default:c(()=>[d(u(e.ctaPrimaryText),1)]),_:1})],2)):a("",!0),e.ctaSecondaryText&&e.showCtaSecondary?(i(),r("button",{key:1,class:n(t(j)({type:e.type})),type:"button",onClick:h},[o(l,{variant:"text",type:"body-small",tag:"span"},{default:c(()=>[d(u(e.ctaSecondaryText),1)]),_:1})],2)):a("",!0)],2)):a("",!0)],2),e.showCloseButton?(i(),r("div",{key:0,class:n(t(V)())},[s("div",{class:n(t(z)())},[s("div",{class:n(t(N)())},[s("button",{class:n(t(W)()),onClick:I,"aria-label":"Close alert banner",type:"button"},[o(p,{class:n(t(D)({type:e.type})),name:"spott-design-icon:close",mode:"svg",size:"20","aria-hidden":"true"}

1,null,8,["class"])],2)],2)],2)],2)):a("",!0)],2)):a("",!0)}}}),J=Object.assign(q,{__name:"UiDesignAlertBanner"});export{J as _};