@streamscloud/kit 0.70.0 → 0.71.0

package/dist/ui/infinite-scroll/cmp.infinite-scroll.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">import { Button } from '../button';
 import { Spinner } from '../spinner';
 import { InfiniteScrollLocalization } from './infinite-scroll-localization';
-let { loadMore, container = null, rootMargin = '200px', children, loading, retry } = $props();
+let { loadMore, container = null, rootMargin = '200px', children, showLoading = false, loading, retry } = $props();
 const localization = new InfiniteScrollLocalization();
 const source = $derived(typeof loadMore === 'function' ? { loadMore, failed: false, canLoadMore: true } : loadMore);
 let isLoading = $state(false);
@@ -61,7 +61,7 @@ const onRetry = () => {
   {#if isLoading}
     {#if loading}
       {@render loading()}
-    {:else}
+    {:else if showLoading}
       <div class="infinite-scroll__loading-container">
         <Spinner timeout={500} />
       </div>
@@ -79,7 +79,7 @@ const onRetry = () => {
 
 <!--
 @component
-Triggers an async `loadMore` callback when a sentinel element scrolls into view, using IntersectionObserver. Re-observes the sentinel on container resize so layout shifts inside the parent re-evaluate visibility (a known IntersectionObserver gotcha). Internal `isLoading` guard prevents overlapping fires while a load is in flight.
+Triggers an async `loadMore` callback when a sentinel element scrolls into view, using IntersectionObserver. Re-observes the sentinel on container resize so layout shifts inside the parent re-evaluate visibility (a known IntersectionObserver gotcha). Internal `isLoading` guard prevents overlapping fires while a load is in flight. No loading indicator by default — opt in with `showLoading` or a `loading` snippet.
 
 Pairs with `core/data-loaders` (`CursorDataLoader`, `PageDataLoader`, `CursorDataLoaderWithSearch`) — wire `loadMore={loader.loadMore}` and `{#each loader.items as item}` directly.
 

package/dist/ui/infinite-scroll/cmp.infinite-scroll.svelte.d.ts

@@ -16,13 +16,15 @@ type Props = {
     /** IntersectionObserver `rootMargin`. Default `'200px'` — fires the load a viewport-screen before reaching the bottom. */
     rootMargin?: string;
     children: Snippet;
-    /** Custom loading indicator snippet. Defaults to the kit `Spinner`. */
+    /** Shows the kit `Spinner` while a batch loads. Off by default — the list owner usually renders its own loading state. */
+    showLoading?: boolean;
+    /** Custom loading indicator snippet. Passing it turns the indicator on regardless of `showLoading`. */
     loading?: Snippet;
     /** Manual continue shown while `failed`, taking the callback that retries the failed page. Defaults to a kit `Button`. */
     retry?: Snippet<[() => void]>;
 };
 /**
- * Triggers an async `loadMore` callback when a sentinel element scrolls into view, using IntersectionObserver. Re-observes the sentinel on container resize so layout shifts inside the parent re-evaluate visibility (a known IntersectionObserver gotcha). Internal `isLoading` guard prevents overlapping fires while a load is in flight.
+ * Triggers an async `loadMore` callback when a sentinel element scrolls into view, using IntersectionObserver. Re-observes the sentinel on container resize so layout shifts inside the parent re-evaluate visibility (a known IntersectionObserver gotcha). Internal `isLoading` guard prevents overlapping fires while a load is in flight. No loading indicator by default — opt in with `showLoading` or a `loading` snippet.
  *
  * Pairs with `core/data-loaders` (`CursorDataLoader`, `PageDataLoader`, `CursorDataLoaderWithSearch`) — wire `loadMore={loader.loadMore}` and `{#each loader.items as item}` directly.
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamscloud/kit",
-  "version": "0.70.0",
+  "version": "0.71.0",
   "author": "StreamsCloud",
   "repository": {
     "type": "git",