@aotearoan/neon
Version:
Neon is a lightweight design library of Vue 3 components with minimal dependencies.
60 lines (59 loc) • 2.07 kB
JavaScript
import g from "./NeonListLayout.es.js";
import { resolveComponent as s, openBlock as a, createElementBlock as p, createBlock as i, createSlots as u, withCtx as n, renderSlot as o, createCommentVNode as r, normalizeProps as c, guardReactiveProps as h } from "vue";
import k from "../../../_virtual/_plugin-vue_export-helper.es.js";
const f = { class: "neon-list-layout" };
function $(e, l, S, y, w, B) {
const d = s("neon-header"), m = s("neon-card-list");
return a(), p("div", f, [
!e.initializing && e.items.length > 0 ? (a(), i(d, {
key: 0,
"back-button": e.backButton,
"back-label": e.backLabel,
breadcrumbs: e.breadcrumbs,
subtitle: e.subtitle,
title: e.title
}, u({
labels: n(() => [
o(e.$slots, "labels")
]),
_: 2
}, [
e.items.length > 0 ? {
name: "actions",
fn: n(() => [
o(e.$slots, "actions")
]),
key: "0"
} : void 0
]), 1032, ["back-button", "back-label", "breadcrumbs", "subtitle", "title"])) : r("", !0),
o(e.$slots, "note"),
e.items.length > 0 ? (a(), i(m, {
key: 1,
color: e.color,
items: e.items,
"load-on-demand": e.loadOnDemand,
loading: e.loading,
pagination: e.pagination,
selectable: e.selectable,
onPageChange: l[0] || (l[0] = (t) => e.emit("page-change", t)),
onShowMore: e.showMore,
onToggleSelected: e.toggleSelected
}, {
filters: n(() => [
o(e.$slots, "filters")
]),
header: n(() => [
o(e.$slots, "header")
]),
card: n(({ model: t, index: b }) => [
o(e.$slots, "card", c(h({ model: t, index: b })))
]),
_: 3
}, 8, ["color", "items", "load-on-demand", "loading", "pagination", "selectable", "onShowMore", "onToggleSelected"])) : !e.initializing && !e.loading && e.slots.emptyState ? o(e.$slots, "emptyState", { key: 2 }) : r("", !0)
]);
}
const L = /* @__PURE__ */ k(g, [["render", $]]);
export {
L as default
};
//# sourceMappingURL=NeonListLayout.vue.es.js.map