@casinogate/ui 1.9.7 → 1.9.9

package/dist/components/select/select.async.svelte

@@ -40,6 +40,7 @@
     initialItems = [],
     loadImmediate = true,
     dependsOn,
+    onChangeDependency,
     clearOnDependencyChange = true,
 
     ...restProps
@@ -114,11 +115,6 @@
 
       currentPage = page;
       hasMore = result.hasMore;
-
-      // Check if viewport needs more items after render
-      requestAnimationFrame(() => {
-        checkNeedMoreItems();
-      });
     } catch (err) {
       error = err instanceof Error ? err.message : 'Failed to fetch data';
     } finally {
@@ -126,34 +122,15 @@
     }
   };
 
-  // Auto-fill viewport if content doesn't overflow
-  const checkNeedMoreItems = () => {
-    if (!viewportRef || isLoading || !hasMore) return;
-
-    const { scrollHeight, clientHeight } = viewportRef;
-
-    // If content doesn't fill viewport, load more
-    if (scrollHeight <= clientHeight) {
-      loadMore();
-    }
-  };
-
-  // Fetch on first open or check viewport fill
+  // Fetch on first open
   watch(
     () => open,
     () => {
       if (!open) return;
 
-      // If no items yet and not loading, fetch first page
-      if (items.length === 0 && !isLoading && !loadImmediate) {
-        fetchData(1);
-        return;
-      }
+      if (isLoading || items.length > 0 || loadImmediate) return;
 
-      // If already have items, check if viewport needs more after it renders
-      requestAnimationFrame(() => {
-        checkNeedMoreItems();
-      });
+      fetchData(1);
     }
   );
 
@@ -172,13 +149,14 @@
   // Watch for dependency changes and reset
   let previousDependency = $state<unknown>(dependsOn?.());
   watch(
-    () => dependsOn?.(),
+    () => $state.snapshot(dependsOn?.()),
     (newValue) => {
-      if (previousDependency === undefined && newValue === undefined) return;
       if (previousDependency === newValue) return;
 
       previousDependency = newValue;
 
+      onChangeDependency?.(newValue);
+
       // Reset state
       items = [];
       currentPage = 1;
@@ -192,6 +170,9 @@
 
       // Reload data
       fetchData(1);
+    },
+    {
+      lazy: true,
     }
   );
 

package/dist/components/select/types.d.ts

@@ -116,4 +116,8 @@ export type SelectAsyncProps = Omit<SelectProps, 'collection'> & {
      * Whether to clear the selected value when dependsOn changes **(default: true)**
      */
     clearOnDependencyChange?: boolean;
+    /**
+     * Callback when dependsOn changes
+     */
+    onChangeDependency?: (value: unknown) => void;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@casinogate/ui",
-  "version": "1.9.7",
+  "version": "1.9.9",
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "type": "module",