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