@aotearoan/neon
Version:
Neon is a lightweight design library of Vue 3 components with minimal dependencies.
44 lines (43 loc) • 1.71 kB
JavaScript
import d from "./NeonColor.es.js";
import { resolveComponent as s, openBlock as n, createElementBlock as i, normalizeClass as t, createBlock as u, mergeProps as a, createCommentVNode as p, createVNode as m, createElementVNode as c, normalizeStyle as V } from "vue";
import b from "../../../_virtual/_plugin-vue_export-helper.es.js";
function f(e, o, z, $, k, y) {
const r = s("neon-input");
return n(), i("div", {
class: t([[`neon-color--${e.size}`, `neon-color--${e.color}`, { "neon-color--disabled": e.disabled }], "neon-color"])
}, [
e.pickerOnly ? p("", !0) : (n(), u(r, a({
key: 0,
modelValue: e.localValue,
"onUpdate:modelValue": o[0] || (o[0] = (l) => e.localValue = l),
color: e.color,
disabled: e.disabled,
"hide-icon": !0,
pattern: "#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})",
placeholder: e.placeholder,
size: e.size,
class: "neon-color__text-input",
type: "text"
}, e.attrs), null, 16, ["modelValue", "color", "disabled", "placeholder", "size"])),
m(r, a({
id: e.id,
modelValue: e.localValue,
"onUpdate:modelValue": o[1] || (o[1] = (l) => e.localValue = l),
color: e.color,
disabled: e.disabled,
"hide-icon": !0,
size: e.size,
class: "neon-color__input",
type: "color"
}, e.attrs), null, 16, ["id", "modelValue", "color", "disabled", "size"]),
c("div", {
style: V(`background-color:${e.modelValue || "#000000"};box-shadow: 0 0 0 2rem ${e.modelValue || "#000000"}4D`),
class: "neon-color__indicator"
}, null, 4)
], 2);
}
const v = /* @__PURE__ */ b(d, [["render", f]]);
export {
v as default
};
//# sourceMappingURL=NeonColor.vue.es.js.map