@aotearoan/neon/dist/components/feedback/alert/container/NeonAlertContainer.vue.cjs.js

Neon is a lightweight design library of Vue 3 components with minimal dependencies.

"use strict";const c=require("./NeonAlertContainer.cjs.js"),e=require("vue"),a=require("../../../../_virtual/_plugin-vue_export-helper.cjs.js"),d=["aria-describedby","aria-labelledby","role","onClick"],s=["role","tabindex","onKeydown"],_=["id"],p=["id"],y={key:1,class:"neon-alert__actions"},k={class:"neon-alert__action-label"},u={class:"neon-alert__action-label"};function b(o,h,C,w,m,A){const r=e.resolveComponent("neon-icon"),i=e.resolveComponent("neon-link");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([`neon-alert--${o.placement}`,"neon-alert"])},[e.createVNode(e.TransitionGroup,{name:"neon-alert-transition"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.modelValue,(n,l)=>(e.openBlock(),e.createElementBlock("div",{key:n.id,"aria-describedby":n.message?`alertMessage${l}`:void 0,"aria-labelledby":n.title?`alertTitle${l}`:void 0,class:e.normalizeClass([[`neon-alert__message--${n.level}`,{"neon-alert__message--dismissible":n.dismissible,"neon-alert__message--with-actions":n.primaryAction,"neon-alert__message--with-icon":n.showIcon}],"neon-alert__message"]),role:n.primaryAction?"dialog":n.duration&&n.duration>0?"alert":"alertdialog",onClick:t=>!n.primaryAction&&n.dismissible&&o.closeMessage(n.id)},[n.showIcon?(e.openBlock(),e.createBlock(r,{key:0,color:n.level,name:o.icon(n.level),class:"neon-alert__message-icon"},null,8,["color","name"])):e.createCommentVNode("",!0),e.createElementVNode("div",{role:n.primaryAction?void 0:"button",tabindex:n.primaryAction?-1:0,class:"neon-alert__content",onKeydown:[e.withKeys(e.withModifiers(t=>!n.primaryAction&&n.dismissible&&o.closeMessage(n.id),["prevent"]),["space"]),e.withKeys(t=>!n.primaryAction&&n.dismissible&&o.closeMessage(n.id),["enter"])]},[n.title?(e.openBlock(),e.createElementBlock("div",{key:0,id:`alertTitle${l}`,class:"neon-alert__title"},e.toDisplayString(n.title),9,_)):e.createCommentVNode("",!0),n.message?(e.openBlock(),e.createElementBlock("div",{key:1,id:`alertMessage${l}`,class:"neon-alert__body"},e.toDisplayString(n.message),9,p)):e.createCommentVNode("",!0)],40,s),n.primaryAction?(e.openBlock(),e.createElementBlock("div",y,[n.primaryAction?(e.openBlock(),e.createBlock(i,{key:0,class:"neon-alert__action","no-style":"",role:"button",onClick:t=>{n.primaryAction.callback(),o.closeMessage(n.id)},onKeydown:e.withKeys(e.withModifiers(t=>{n.primaryAction.callback(),o.closeMessage(n.id)},["prevent"]),["space"])},{default:e.withCtx(()=>[e.createElementVNode("span",k,e.toDisplayString(n.primaryAction.label),1)]),_:2},1032,["onClick","onKeydown"])):e.createCommentVNode("",!0),n.secondaryAction?(e.openBlock(),e.createBlock(i,{key:1,class:"neon-alert__action","no-style":"",role:"button",onClick:t=>{n.secondaryAction.callback(),o.closeMessage(n.id)},onKeydown:e.withKeys(e.withModifiers(t=>{n.secondaryAction.callback(),o.closeMessage(n.id)},["prevent"]),["space"])},{default:e.withCtx(()=>[e.createElementVNode("span",u,e.toDisplayString(n.secondaryAction.label),1)]),_:2},1032,["onClick","onKeydown"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],10,d))),128))]),_:1})],2)}const v=a(c,[["render",b]]);module.exports=v;
//# sourceMappingURL=NeonAlertContainer.vue.cjs.js.map