@aotearoan/neon
Version:
Neon is a lightweight design library of Vue 3 components with minimal dependencies.
3 lines (2 loc) • 1.58 kB
JavaScript
;const r=require("./NeonToastContainer.cjs.js"),e=require("vue"),s=require("../../../../_virtual/_plugin-vue_export-helper.cjs.js"),a=["aria-labelledby","role","onClick"],c=["id"];function d(t,_,p,k,b,m){const l=e.resolveComponent("neon-icon");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([`neon-alert--${t.placement}`,"neon-alert"])},[e.createVNode(e.TransitionGroup,{name:"neon-alert-transition"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.modelValue,(o,i)=>(e.openBlock(),e.createElementBlock("div",{key:o.id,"aria-labelledby":`toastTitle${i}`,class:e.normalizeClass([[`neon-toast__message--${o.level}`,{"neon-toast__message--dismissible":o.dismissible}],"neon-toast__message"]),role:o.duration&&o.duration>0?"alert":"alertdialog",onClick:n=>o.dismissible&&t.closeMessage(o.id)},[o.title?(e.openBlock(),e.createElementBlock("div",{key:0,id:`toastTitle${i}`,class:"neon-toast__title"},e.toDisplayString(o.title),9,c)):e.createCommentVNode("",!0),o.dismissible?(e.openBlock(),e.createBlock(l,{key:1,role:o.dismissible?"button":void 0,class:"neon-toast__close",name:"times",tabindex:"0",onClick:n=>o.dismissible&&t.closeMessage(o.id),onKeydown:[e.withKeys(e.withModifiers(n=>o.dismissible&&t.closeMessage(o.id),["prevent"]),["space"]),e.withKeys(n=>o.dismissible&&t.closeMessage(o.id),["enter"])]},null,8,["role","onClick","onKeydown"])):e.createCommentVNode("",!0)],10,a))),128))]),_:1})],2)}const u=s(r,[["render",d]]);module.exports=u;
//# sourceMappingURL=NeonToastContainer.vue.cjs.js.map