@aotearoan/neon/dist/components/user-input/field/NeonField.vue.es.js

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

import t from "./NeonField.es.js";
import { openBlock as o, createElementBlock as n, normalizeClass as i, createElementVNode as r, toDisplayString as s, createCommentVNode as l, renderSlot as d, withModifiers as p } from "vue";
import f from "../../../_virtual/_plugin-vue_export-helper.es.js";
const m = { class: "neon-field__label-wrapper" }, _ = ["for"], c = {
  key: 1,
  class: "neon-field__optional"
}, b = { class: "neon-field__contents" };
function u(e, a, g, k, $, h) {
  return o(), n("div", {
    class: i([{
      "neon-field--optional": e.optional,
      "neon-field--disabled": e.disabled,
      "neon-field--with-message": !e.noMessage
    }, "neon-field"])
  }, [
    r("span", m, [
      e.label ? (o(), n("label", {
        key: 0,
        for: e.labelFor,
        class: "neon-field__label"
      }, s(e.label), 9, _)) : l("", !0),
      e.optional ? (o(), n("span", c, s(e.optionalLabel), 1)) : l("", !0)
    ]),
    r("div", b, [
      d(e.$slots, "default"),
      e.noMessage ? l("", !0) : (o(), n("span", {
        key: 0,
        class: i([`neon-color-${e.messageColor}`, "neon-field__message"]),
        onClick: a[0] || (a[0] = p(() => {
        }, ["prevent", "stop"]))
      }, s(e.message), 3))
    ])
  ], 2);
}
const w = /* @__PURE__ */ f(t, [["render", u]]);
export {
  w as default
};
//# sourceMappingURL=NeonField.vue.es.js.map