@aotearoan/neon
Version:
Neon is a lightweight design library of Vue 3 components with minimal dependencies.
79 lines (78 loc) • 2.6 kB
JavaScript
import i from "./NeonHeader.es.js";
import { resolveComponent as l, openBlock as a, createBlock as o, normalizeClass as m, withCtx as n, createCommentVNode as s, createVNode as r, resolveDynamicComponent as p, createTextVNode as _, toDisplayString as b, renderSlot as c, createElementBlock as k } from "vue";
import f from "../../../_virtual/_plugin-vue_export-helper.es.js";
const h = {
key: 0,
class: "neon-header__subtitle"
};
function $(e, g, y, v, B, C) {
const u = l("neon-breadcrumbs"), t = l("neon-inline"), d = l("neon-stack");
return a(), o(d, {
class: m([`neon-header--${e.level}`, "neon-header"])
}, {
default: n(() => [
e.level === e.NeonHeaderLevel.Page && (e.backButton || e.breadcrumbs.length !== 0) ? (a(), o(u, {
key: 0,
"back-button": e.backButton,
"back-label": e.backLabel,
breadcrumbs: e.breadcrumbs
}, null, 8, ["back-button", "back-label", "breadcrumbs"])) : s("", !0),
r(t, { class: "neon-header__content" }, {
default: n(() => [
r(d, {
class: "neon-header__content-copy",
gap: "s"
}, {
default: n(() => [
r(t, {
class: "neon-header__title-wrapper",
gap: "m"
}, {
default: n(() => [
(a(), o(p(e.titleLevel), { class: "neon-header__title" }, {
default: n(() => [
_(b(e.title), 1)
]),
_: 1
})),
e.slots.labels ? (a(), o(t, {
key: 0,
class: "neon-header__labels",
gap: "m"
}, {
default: n(() => [
c(e.$slots, "labels")
]),
_: 3
})) : s("", !0)
]),
_: 3
}),
c(e.$slots, "subtitle", {}, () => [
e.subtitle ? (a(), k("span", h, b(e.subtitle), 1)) : s("", !0)
])
]),
_: 3
}),
e.slots.actions ? (a(), o(t, {
key: 0,
class: "neon-header__actions",
gap: "s"
}, {
default: n(() => [
c(e.$slots, "actions")
]),
_: 3
})) : s("", !0)
]),
_: 3
})
]),
_: 3
}, 8, ["class"]);
}
const w = /* @__PURE__ */ f(i, [["render", $]]);
export {
w as default
};
//# sourceMappingURL=NeonHeader.vue.es.js.map