@aotearoan/neon/dist/components/layout/list-layout/NeonListLayout.cjs.js

Neon is a lightweight design library of Vue 3 components with minimal dependencies.

"use strict";const o=require("vue"),u=require("../card-list/NeonCardList.vue.cjs.js"),c=require("../../presentation/header/NeonHeader.vue.cjs.js"),p=require("../../../model/common/color/NeonFunctionalColor.cjs.js"),d=require("../../presentation/empty-state/NeonEmptyState.vue.cjs.js"),g=require("../../feedback/splash-loader/NeonSplashLoader.vue.cjs.js"),y=o.defineComponent({name:"NeonListLayout",components:{NeonSplashLoader:g,NeonEmptyState:d,NeonCardList:u,NeonHeader:c},props:{title:{type:String,required:!0},subtitle:{type:String},breadcrumbs:{type:Array,default:()=>[]},backButton:{type:Boolean,default:!0},backLabel:{type:String,default:"Back"},items:{type:Array,required:!0},loading:{type:Boolean},color:{type:String,default:()=>p.NeonFunctionalColor.Brand},selectable:{type:Boolean,default:!1},loadOnDemand:{type:Object},pagination:{type:Object}},emits:["page-change","show-more","toggle-selected"],setup(r,{emit:e,slots:n}){const t=o.ref(!0),a=()=>{e("show-more")},i=(s,l)=>{e("toggle-selected",s,l)};return o.watch(()=>r.items,()=>{t.value&&(t.value=!1)},{immediate:!0}),{emit:e,initializing:t,slots:n,showMore:a,toggleSelected:i}}});module.exports=y;
//# sourceMappingURL=NeonListLayout.cjs.js.map