codexly-ui 0.13.1 → 0.13.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codexly-ui",
-  "version": "0.13.1",
+  "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>;
@@ -2099,23 +2109,6 @@ declare class ClxWizardComponent implements AfterContentInit {
     readonly prevLabel: _angular_core.InputSignal<string>;
     readonly nextLabel: _angular_core.InputSignal<string>;
     readonly finishLabel: _angular_core.InputSignal<string>;
-    /** Which step to land on when the wizard first renders — for restoring an in-progress flow (e.g.
-     *  a saved draft, or state re-hydrated after an external redirect) rather than always starting
-     *  fresh at step 0. Applied once, in ngAfterContentInit, and clamped to a valid index; deliberately
-     *  bypasses the `linear` guard that goTo()/next() enforce for user-driven navigation — that guard
-     *  exists to stop a customer from skipping ahead of steps they haven't filled in yet, which doesn't
-     *  apply here: the caller is asserting those earlier steps are ALREADY valid (e.g. their own
-     *  signals were just re-prefilled from a backend order), not trying to skip past them. Consumers
-     *  are responsible for that guarantee — this input trusts it rather than re-validating each
-     *  skipped step, since isValid() reflects the CURRENT signal state, which the caller controls. */
-    readonly initialStep: _angular_core.InputSignal<number | undefined>;
-    /** Hides the built-in "Finalizar" button on the LAST step only (every other step's own "Siguiente"
-     *  button is unaffected) — for a caller that needs its own custom action there instead (e.g. a
-     *  payment gateway's own branded button rendered inside that step's own projected content, which
-     *  must trigger the exact same submit logic the wizard's own (finish) output would have, so the
-     *  step's own isValid still gates whether that custom button is meaningful to show/enable — this
-     *  input only removes the wizard's OWN redundant generic button, nothing about validation). */
-    readonly hideFinishButton: _angular_core.InputSignal<boolean>;
     readonly stepChange: _angular_core.OutputEmitterRef<number>;
     readonly finish: _angular_core.OutputEmitterRef<void>;
     private readonly _destroyRef;
@@ -2123,7 +2116,6 @@ declare class ClxWizardComponent implements AfterContentInit {
     protected _steps: ClxStepComponent[];
     protected readonly _currentIndex: _angular_core.WritableSignal<number>;
     ngAfterContentInit(): void;
-    private _applyInitialStep;
     private _syncActiveAttrs;
     protected readonly _lastIndex: _angular_core.Signal<number>;
     protected readonly _currentStepValid: _angular_core.Signal<boolean>;
@@ -2142,7 +2134,7 @@ declare class ClxWizardComponent implements AfterContentInit {
     protected readonly _rootClass: _angular_core.Signal<string>;
     protected _circleClass(i: number): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxWizardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxWizardComponent, "clx-wizard", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "activeTextColor": { "alias": "activeTextColor"; "required": false; "isSignal": true; }; "underlineColor": { "alias": "underlineColor"; "required": false; "isSignal": true; }; "stepColor": { "alias": "stepColor"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "linear": { "alias": "linear"; "required": false; "isSignal": true; }; "prevLabel": { "alias": "prevLabel"; "required": false; "isSignal": true; }; "nextLabel": { "alias": "nextLabel"; "required": false; "isSignal": true; }; "finishLabel": { "alias": "finishLabel"; "required": false; "isSignal": true; }; "initialStep": { "alias": "initialStep"; "required": false; "isSignal": true; }; "hideFinishButton": { "alias": "hideFinishButton"; "required": false; "isSignal": true; }; }, { "stepChange": "stepChange"; "finish": "finish"; }, ["_stepQuery"], ["*", "[clx-wizard-footer-start]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxWizardComponent, "clx-wizard", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "activeTextColor": { "alias": "activeTextColor"; "required": false; "isSignal": true; }; "underlineColor": { "alias": "underlineColor"; "required": false; "isSignal": true; }; "stepColor": { "alias": "stepColor"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "linear": { "alias": "linear"; "required": false; "isSignal": true; }; "prevLabel": { "alias": "prevLabel"; "required": false; "isSignal": true; }; "nextLabel": { "alias": "nextLabel"; "required": false; "isSignal": true; }; "finishLabel": { "alias": "finishLabel"; "required": false; "isSignal": true; }; }, { "stepChange": "stepChange"; "finish": "finish"; }, ["_stepQuery"], ["*", "[clx-wizard-footer-start]"], true, never>;
 }
 
 declare class ClxAppLayoutComponent implements OnInit, OnDestroy {