structra-ui 0.1.94 → 0.1.96

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "structra-ui",
-  "version": "0.1.94",
+  "version": "0.1.96",
   "description": "Biblioteca de componentes Angular da StructraLab (UI reutilizável).",
   "homepage": "https://structralab.com/",
   "license": "MIT",

package/types/structra-ui.d.ts

@@ -163,6 +163,7 @@ declare abstract class BaseFieldDirective<T> implements ControlValueAccessor {
     protected readonly cdr: ChangeDetectorRef;
     protected readonly injector: Injector;
     protected readonly destroyRef: DestroyRef;
+    private readonly hostElementRef;
     private formGroupDir;
     private ngFormDir;
     /** Identificador estável para a11y quando `id` não é informado */
@@ -208,6 +209,7 @@ declare abstract class BaseFieldDirective<T> implements ControlValueAccessor {
     private onChange;
     private onTouched;
     get controlId(): string;
+    protected get autoIdPrefix(): string;
     /** Valor do atributo HTML `autocomplete` derivado de {@link autocomplete}. */
     get autocompleteAttr(): 'on' | 'off';
     /**
@@ -1285,6 +1287,7 @@ declare class FileUploadFieldComponent implements OnChanges, OnDestroy {
     private readonly cdr;
     private readonly confirmDialog;
     label?: string | undefined;
+    id: string;
     hint?: string | undefined;
     accept?: string | undefined;
     /** Se definido, mostra-se no drop zone em vez do texto formatado a partir de `accept`. */
@@ -1318,7 +1321,8 @@ declare class FileUploadFieldComponent implements OnChanges, OnDestroy {
      */
     readonly fileItemClick: EventEmitter<File>;
     private fileInputRef?;
-    readonly fieldId: string;
+    private readonly autoId;
+    get fieldId(): string;
     isDragging: boolean;
     hasHover: boolean;
     private internalError;
@@ -1369,7 +1373,7 @@ declare class FileUploadFieldComponent implements OnChanges, OnDestroy {
     private syncFilePreviewObjectUrls;
     private releaseAllFilePreviewObjectUrls;
     static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadFieldComponent, "app-file-upload-field", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "acceptLabel": { "alias": "acceptLabel"; "required": false; }; "maxSizeMb": { "alias": "maxSizeMb"; "required": false; }; "maxFiles": { "alias": "maxFiles"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "value": { "alias": "value"; "required": false; }; "fileItemRowClickable": { "alias": "fileItemRowClickable"; "required": false; }; "showFileDownload": { "alias": "showFileDownload"; "required": false; }; }, { "valueChange": "valueChange"; "fileRejected": "fileRejected"; "fileItemClick": "fileItemClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadFieldComponent, "app-file-upload-field", never, { "label": { "alias": "label"; "required": false; }; "id": { "alias": "id"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "acceptLabel": { "alias": "acceptLabel"; "required": false; }; "maxSizeMb": { "alias": "maxSizeMb"; "required": false; }; "maxFiles": { "alias": "maxFiles"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "value": { "alias": "value"; "required": false; }; "fileItemRowClickable": { "alias": "fileItemRowClickable"; "required": false; }; "showFileDownload": { "alias": "showFileDownload"; "required": false; }; }, { "valueChange": "valueChange"; "fileRejected": "fileRejected"; "fileItemClick": "fileItemClick"; }, never, never, true, never>;
     static ngAcceptInputType_maxSizeMb: unknown;
     static ngAcceptInputType_maxFiles: unknown;
     static ngAcceptInputType_disabled: unknown;
@@ -1449,6 +1453,11 @@ declare class ImagePreviewPanelComponent implements OnChanges, OnDestroy {
     onTrocar(): void;
     onRemover(): void;
     get showImage(): boolean;
+    /**
+     * Mantém o `<img>` montado (para disparar load/error) mesmo quando remoto ainda não terminou de carregar.
+     * Evita flick de ações e permite cair no fallback amarelo quando a URL falha.
+     */
+    get shouldRenderImage(): boolean;
     get showPdf(): boolean;
     get showPreviewFallback(): boolean;
     get showEmpty(): boolean;
@@ -1815,13 +1824,13 @@ declare class FormSectionComponent {
     titulo: string;
     subtitulo: string;
     dense: boolean;
-    withDivider: boolean;
+    divider: boolean;
     get hostClass(): string;
     get showHeader(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormSectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormSectionComponent, "app-form-section", never, { "titulo": { "alias": "titulo"; "required": true; }; "subtitulo": { "alias": "subtitulo"; "required": false; }; "dense": { "alias": "dense"; "required": false; }; "withDivider": { "alias": "withDivider"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormSectionComponent, "app-form-section", never, { "titulo": { "alias": "titulo"; "required": true; }; "subtitulo": { "alias": "subtitulo"; "required": false; }; "dense": { "alias": "dense"; "required": false; }; "divider": { "alias": "divider"; "required": false; }; }, {}, never, ["*"], true, never>;
     static ngAcceptInputType_dense: unknown;
-    static ngAcceptInputType_withDivider: unknown;
+    static ngAcceptInputType_divider: unknown;
 }
 
 /** Variante visual do resumo de validação. */