@truenas/ui-components 0.7.12 → 0.7.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truenas/ui-components",
-  "version": "0.7.12",
+  "version": "0.7.14",
   "publishConfig": {
     "registry": "https://registry.npmjs.org",
     "access": "public"

package/types/truenas-ui-components.d.ts

@@ -8463,8 +8463,22 @@ interface SpriteConfig {
  */
 declare class TnSpriteLoaderService {
     private spriteConfig?;
-    private spriteLoaded;
     private spriteLoadPromise?;
+    /**
+     * A signal rather than a plain field, because the fetch below starts from the
+     * constructor and lands whenever it lands: anything that resolves an icon
+     * before it does gets a miss, and needs to be told when to ask again (#341).
+     */
+    private readonly spriteLoadedState;
+    /**
+     * Whether the sprite config has loaded, as a signal — read it inside a
+     * `computed`/`effect` to re-resolve when the sprite arrives.
+     *
+     * `isSpriteLoaded()` reads the same state, so a caller that just wants the
+     * current value needs nothing from here; this is for a caller that wants to
+     * react to it changing.
+     */
+    readonly spriteLoaded: Signal<boolean>;
     private http;
     private sanitizer;
     constructor();
@@ -8493,7 +8507,11 @@ declare class TnSpriteLoaderService {
      */
     getSafeIconUrl(iconName: string): SafeResourceUrl | null;
     /**
-     * Check if the sprite is loaded
+     * Check if the sprite is loaded.
+     *
+     * Reads the `spriteLoaded` signal, so a call made from inside a `computed` or
+     * an `effect` is tracked and that consumer re-runs when the sprite arrives —
+     * which is how an icon resolved too early gets a second chance (#341).
      */
     isSpriteLoaded(): boolean;
     /**