@aotearoan/neon
Version:
Neon is a lightweight design library of Vue 3 components with minimal dependencies.
3 lines (2 loc) • 1.42 kB
JavaScript
;const s=require("./NeonDialog.cjs.js"),e=require("vue"),c=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),d={class:"neon-dialog__title"},u=["innerHTML"],p={ref:"actions"};function _(o,n,b,f,v,C){const l=e.resolveComponent("neon-button"),a=e.resolveComponent("neon-card-body"),r=e.resolveComponent("neon-card"),i=e.resolveComponent("neon-modal");return e.openBlock(),e.createBlock(i,{opaque:o.opaque,open:o.open,class:"neon-dialog",onKeydown:n[2]||(n[2]=e.withKeys(t=>o.cancel(),["esc"]))},{default:e.withCtx(()=>[e.createVNode(r,{size:"m"},{default:e.withCtx(()=>[e.createVNode(a,null,{default:e.withCtx(()=>[e.createElementVNode("div",null,[e.createElementVNode("h6",d,e.toDisplayString(o.title),1),e.createElementVNode("div",{class:"neon-dialog__question",innerHTML:o.question},null,8,u)]),e.createElementVNode("div",p,[e.createVNode(l,{"aria-label":o.cancelLabel,"full-width":!0,label:o.cancelLabel,size:"s",onClick:n[0]||(n[0]=t=>o.cancel())},null,8,["aria-label","label"]),e.createVNode(l,{"alternate-color":o.alternateColor,"aria-label":o.confirmLabel,color:o.color,"full-width":!0,label:o.confirmLabel,class:"neon-dialog__confirm-button",size:"s",onClick:n[1]||(n[1]=t=>o.confirm())},null,8,["alternate-color","aria-label","color","label"])],512)]),_:1})]),_:1})]),_:1},8,["opaque","open"])}const m=c(s,[["render",_]]);module.exports=m;
//# sourceMappingURL=NeonDialog.vue.cjs.js.map