feat(list): adds custom empty snippet support for sections

dvcol · Feb 11, 2025 · d60fe7b · d60fe7b
1 parent a3ec707
commit d60fe7b
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/src/lib/list/NeoList.svelte b/src/lib/list/NeoList.svelte
@@ -18,6 +18,7 @@
     type NeoListMethods,
     type NeoListProps,
     type NeoListRenderContext,
+    type NeoListSection,
     type NeoListSelectedItem,
     type NeoListSelectEvent,
     showDivider,
@@ -297,9 +298,9 @@
   </li>
 {/snippet}
 
-{#snippet emptyItem()}
-  {#if customEmpty}
-    {@render customEmpty(context)}
+{#snippet emptyItem(itemEmpty: NeoListSection['empty'] = customEmpty)}
+  {#if itemEmpty}
+    {@render itemEmpty(context)}
   {:else}
     <div class="neo-list-empty-content">
       <IconList size="3rem" stroke="1" />
@@ -314,7 +315,7 @@
     .filter(({ item }) => filter(item))
     .sort((a, b) => sort(a.item, b.item))}
   {#if !visible?.length}
-    {@render emptyItem()}
+    {@render emptyItem(section?.empty)}
   {:else}
     <!-- Items -->
     {#each visible as { item, index } (item.id ?? index)}

diff --git a/src/lib/list/neo-list.model.ts b/src/lib/list/neo-list.model.ts
@@ -138,6 +138,10 @@ export type NeoListSection<Value = unknown, Tag extends keyof HTMLElementTagName
    * @param context - The list section context.
    */
   render?: NeoListSectionRender<Value>;
+  /**
+   * Optional snippet to display when the section is empty.
+   */
+  empty?: Snippet<[NeoListContext]>;
   /**
    * Optional props to pass to the section container.
    */