@aotearoan/neon
Version:
Neon is a lightweight design library of Vue 3 components with minimal dependencies.
41 lines (40 loc) • 1.5 kB
JavaScript
import d from "./NeonField.es.js";
import { resolveComponent as p, openBlock as o, createElementBlock as s, normalizeClass as a, createElementVNode as l, toDisplayString as i, createBlock as f, createCommentVNode as t, renderSlot as m, withModifiers as b } from "vue";
import _ from "../../../_virtual/_plugin-vue_export-helper.es.js";
const c = ["for"], u = { class: "neon-field__label-wrapper" }, g = { class: "neon-field__label" }, k = { class: "neon-field__contents" };
function $(e, n, h, C, v, w) {
const r = p("neon-label");
return o(), s("label", {
class: a([{
"neon-field--optional": e.optional,
"neon-field--disabled": e.disabled,
"neon-field--with-message": e.message !== null
}, "neon-field"]),
for: e.labelFor
}, [
l("span", u, [
l("span", g, i(e.label), 1),
e.optional ? (o(), f(r, {
key: 0,
disabled: e.disabled,
label: e.optionalLabel,
class: "neon-field__optional",
size: "xxs"
}, null, 8, ["disabled", "label"])) : t("", !0)
]),
l("div", k, [
m(e.$slots, "default"),
e.message !== null ? (o(), s("span", {
key: 0,
class: a([`neon-color-text-${e.messageColor}`, "neon-field__message"]),
onClick: n[0] || (n[0] = b(() => {
}, ["prevent", "stop"]))
}, i(e.message), 3)) : t("", !0)
])
], 10, c);
}
const z = /* @__PURE__ */ _(d, [["render", $]]);
export {
z as default
};
//# sourceMappingURL=NeonField.vue.es.js.map