@litigiovirtual/ius-design-components 2.1.9 → 2.1.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@litigiovirtual/ius-design-components",
-  "version": "2.1.9",
+  "version": "2.1.10",
   "peerDependencies": {
     "@angular/cdk": ">=22.0.0 <23.0.0",
     "@angular/common": ">=22.0.0 <23.0.0",

package/types/litigiovirtual-ius-design-components.d.ts

@@ -556,6 +556,11 @@ declare class TextFieldComponent implements ControlValueAccessor {
     error: boolean;
     /** `name` del input. */
     name?: string;
+    /** `autocomplete` del input (passthrough, como ariaLabel en Button). Necesario para
+     *  que el gestor de credenciales del navegador ofrezca lo guardado: un correo suelto
+     *  sin `autocomplete="username"` no dispara las sugerencias (un type=password sí,
+     *  por heurística propia del navegador — por eso el paso 2 funcionaba y el 1 no). */
+    autocomplete?: string;
     /** `type` del input. La variación password enmascara y agrega el toggle de revelado. */
     type: IusTextFieldType;
     private readonly sizeState;
@@ -590,7 +595,7 @@ declare class TextFieldComponent implements ControlValueAccessor {
     protected toggleReveal(): void;
     protected clear(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextFieldComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextFieldComponent, "ius-text-field", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "showHelpText": { "alias": "showHelpText"; "required": false; }; "showIconHelp": { "alias": "showIconHelp"; "required": false; }; "iconHelpTitle": { "alias": "iconHelpTitle"; "required": false; }; "iconHelpContent": { "alias": "iconHelpContent"; "required": false; }; "error": { "alias": "error"; "required": false; }; "name": { "alias": "name"; "required": false; }; "type": { "alias": "type"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "valueChange": "valueChange"; "cleared": "cleared"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextFieldComponent, "ius-text-field", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "showHelpText": { "alias": "showHelpText"; "required": false; }; "showIconHelp": { "alias": "showIconHelp"; "required": false; }; "iconHelpTitle": { "alias": "iconHelpTitle"; "required": false; }; "iconHelpContent": { "alias": "iconHelpContent"; "required": false; }; "error": { "alias": "error"; "required": false; }; "name": { "alias": "name"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "type": { "alias": "type"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "valueChange": "valueChange"; "cleared": "cleared"; }, never, never, true, never>;
     static ngAcceptInputType_required: unknown;
     static ngAcceptInputType_showHelpText: unknown;
     static ngAcceptInputType_showIconHelp: unknown;
@@ -2087,8 +2092,9 @@ type IusListCardSize = 'small' | 'medium' | 'large';
 interface IusListCardField {
     /** Etiqueta superior (opcional; omítela para un valor suelto como el monto). */
     label?: string;
-    /** Valor mostrado debajo de la etiqueta. */
-    value: string;
+    /** Valor mostrado debajo de la etiqueta; `TemplateRef` para contenido rico
+     *  (equivalente Angular del `ReactNode` del golden — p.ej. un Tag). */
+    value: string | TemplateRef<unknown>;
     /** Ícono Material Symbols antes del valor (p.ej. correo, teléfono). */
     icon?: string;
     /** Resalta el valor (display, semibold, color primario) — p.ej. el monto. */
@@ -2292,6 +2298,8 @@ declare class ListCardComponent implements AfterViewInit, OnChanges, OnDestroy {
     protected onMenuOpenChange(open: boolean): void;
     protected onAction(action: IusListCardAction, event: MouseEvent): void;
     protected onMarker(marker: IusListCardMarker, event: MouseEvent): void;
+    /** Discrimina el valor rico del field (el template no puede usar instanceof). */
+    protected fieldTpl(field: IusListCardField): TemplateRef<unknown> | null;
     protected fieldWidth(field: IusListCardField): string | null;
     protected onHostClick(event: MouseEvent): void;
     /** Enter en keydown y Espacio en keyup activan SOLO con el foco en la fila. */