@aotearoan/neon
Version:
Neon is a lightweight design library of Vue 3 components with minimal dependencies.
60 lines (59 loc) • 1.96 kB
JavaScript
import u from "./NeonNote.es.js";
import { resolveComponent as o, openBlock as n, createElementBlock as l, normalizeClass as _, createElementVNode as f, createVNode as s, withCtx as a, createBlock as i, createCommentVNode as t, toDisplayString as N, renderSlot as k, withKeys as r, withModifiers as y } from "vue";
import b from "../../../_virtual/_plugin-vue_export-helper.es.js";
const h = { class: "neon-note__container" }, w = {
key: 1,
class: "neon-note__title"
};
function C(e, $, g, v, B, K) {
const c = o("neon-icon"), m = o("neon-inline"), p = o("neon-stack"), d = o("neon-button");
return n(), l("div", {
class: _([[
`neon-note--${e.color}`,
{ "neon-note--with-title": e.title, "neon-note--with-title-only": e.title && !e.slots.default }
], "neon-note"]),
role: "note"
}, [
f("div", h, [
s(p, { gap: "s" }, {
default: a(() => [
s(m, { gap: "s" }, {
default: a(() => [
e.iconName ? (n(), i(c, {
key: 0,
color: e.color,
name: e.iconName,
class: "neon-note__icon"
}, null, 8, ["color", "name"])) : t("", !0),
e.title ? (n(), l("span", w, N(e.title), 1)) : t("", !0)
]),
_: 1
}),
k(e.$slots, "default")
]),
_: 3
})
]),
e.closable ? (n(), i(d, {
key: 0,
"aria-label": e.ariaLabelCloseNote,
circular: !0,
transparent: !0,
"button-style": "text",
class: "neon-note__close",
icon: "times",
size: "s",
tabindex: "0",
onClick: e.closeNote,
onKeydown: [
r(e.closeNote, ["enter"]),
r(y(e.closeNote, ["stop"]), ["space"])
]
}, null, 8, ["aria-label", "onClick", "onKeydown"])) : t("", !0)
], 2);
}
const S = /* @__PURE__ */ b(u, [["render", C]]);
export {
S as default
};
//# sourceMappingURL=NeonNote.vue.es.js.map