codexly-ui 0.13.2 → 0.13.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codexly-ui",
-  "version": "0.13.2",
+  "version": "0.13.3",
   "description": "Standalone, signal-based Angular UI component library for Codexly, styled with Tailwind CSS.",
   "keywords": [
     "angular",

package/types/codexly-ui.d.ts

@@ -227,10 +227,20 @@ declare class ClxAvatarComponent {
     readonly shape: _angular_core.InputSignal<ClxShape>;
     readonly alt: _angular_core.InputSignal<string>;
     protected readonly _color: _angular_core.Signal<ClxColorInput>;
+    /** Set by (error) on the <img> when src() fails to load (404, expired/broken URL, CORS, wrong
+     *  host, ...) — without this, _contentType() would keep returning 'image' forever since it only
+     *  checks whether src() is truthy, never whether it actually loaded, and the browser renders the
+     *  alt() text raw inside the small circular avatar container ("Avatar" clipped into "Avata").
+     *  Reset by the effect below whenever src() itself changes, so a later successful URL (e.g. after
+     *  uploading a new profile photo) gets a fresh chance to load instead of staying stuck on the
+     *  fallback from a previous broken one. */
+    private readonly _imgFailed;
+    private readonly _resetImgFailedOnSrcChange;
     protected readonly _contentType: _angular_core.Signal<ClxAvatarContentType>;
+    protected _onImgError(): void;
     protected readonly _initials: _angular_core.Signal<string>;
     protected readonly _iconSize: _angular_core.Signal<ClxSize>;
-    protected readonly _shapeClass: _angular_core.Signal<"rounded-xl" | "rounded-full">;
+    protected readonly _shapeClass: _angular_core.Signal<"rounded-full" | "rounded-xl">;
     protected readonly _colorClass: _angular_core.Signal<string>;
     protected readonly _textClass: _angular_core.Signal<string>;
     protected readonly _hostClass: _angular_core.Signal<string>;