UNPKG

@aotearoan/neon

Version:

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

3 lines (2 loc) 1.25 kB
"use strict";const s=require("./NeonField.cjs.js"),e=require("vue"),t=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),a=["for"],i={class:"neon-field__label-wrapper"},r={class:"neon-field__label"},d={class:"neon-field__contents"};function p(o,l,_,m,u,b){const n=e.resolveComponent("neon-label");return e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass([{"neon-field--optional":o.optional,"neon-field--disabled":o.disabled,"neon-field--with-message":o.message!==null},"neon-field"]),for:o.labelFor},[e.createElementVNode("span",i,[e.createElementVNode("span",r,e.toDisplayString(o.label),1),o.optional?(e.openBlock(),e.createBlock(n,{key:0,disabled:o.disabled,label:o.optionalLabel,class:"neon-field__optional",size:"xxs"},null,8,["disabled","label"])):e.createCommentVNode("",!0)]),e.createElementVNode("div",d,[e.renderSlot(o.$slots,"default"),o.message!==null?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([`neon-color-text-${o.messageColor}`,"neon-field__message"]),onClick:l[0]||(l[0]=e.withModifiers(()=>{},["prevent","stop"]))},e.toDisplayString(o.message),3)):e.createCommentVNode("",!0)])],10,a)}const c=t(s,[["render",p]]);module.exports=c; //# sourceMappingURL=NeonField.vue.cjs.js.map