UNPKG

@aotearoan/neon

Version:

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

3 lines (2 loc) 1.52 kB
"use strict";const r=require("./NeonNote.cjs.js"),e=require("vue"),c=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),a={class:"neon-note__container"},i={key:1,class:"neon-note__title"};function p(o,_,m,d,N,k){const n=e.resolveComponent("neon-icon"),t=e.resolveComponent("neon-inline"),l=e.resolveComponent("neon-stack"),s=e.resolveComponent("neon-button");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([[`neon-note--${o.color}`,{"neon-note--with-title":o.title,"neon-note--with-title-only":o.title&&!o.slots.default}],"neon-note"]),role:"note"},[e.createElementVNode("div",a,[e.createVNode(l,{gap:"s"},{default:e.withCtx(()=>[e.createVNode(t,{gap:"s"},{default:e.withCtx(()=>[o.iconName?(e.openBlock(),e.createBlock(n,{key:0,color:o.color,name:o.iconName,class:"neon-note__icon"},null,8,["color","name"])):e.createCommentVNode("",!0),o.title?(e.openBlock(),e.createElementBlock("span",i,e.toDisplayString(o.title),1)):e.createCommentVNode("",!0)]),_:1}),e.renderSlot(o.$slots,"default")]),_:3})]),o.closable?(e.openBlock(),e.createBlock(s,{key:0,"aria-label":o.ariaLabelCloseNote,circular:!0,transparent:!0,"button-style":"text",class:"neon-note__close",icon:"times",size:"s",tabindex:"0",onClick:o.closeNote,onKeydown:[e.withKeys(o.closeNote,["enter"]),e.withKeys(e.withModifiers(o.closeNote,["stop"]),["space"])]},null,8,["aria-label","onClick","onKeydown"])):e.createCommentVNode("",!0)],2)}const u=c(r,[["render",p]]);module.exports=u; //# sourceMappingURL=NeonNote.vue.cjs.js.map