structra-ui 0.1.95 → 0.1.97

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "structra-ui",
-  "version": "0.1.95",
+  "version": "0.1.97",
   "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,9 @@ declare abstract class BaseFieldDirective<T> implements ControlValueAccessor {
     private onChange;
     private onTouched;
     get controlId(): string;
+    /** Útil para inspeção no DOM sem colidir com `id` do input interno. */
+    get hostDataControlId(): string;
+    protected get autoIdPrefix(): string;
     /** Valor do atributo HTML `autocomplete` derivado de {@link autocomplete}. */
     get autocompleteAttr(): 'on' | 'off';
     /**
@@ -464,6 +468,9 @@ declare class TextFieldComponent extends NgControlFieldDirective<string | null>
 }
 
 declare class PasswordFieldComponent extends NgControlFieldDirective<string | null> implements OnInit {
+    /** Password já nasce com ícone de chave no prefixo; pode ser sobrescrito via `prefixIcon`. */
+    showPrefixIcon: boolean;
+    prefixIcon: string;
     get hostInvalidClass(): boolean;
     /** Por defeito `false`: o botão de limpar compete com o toggle de visibilidade. */
     clearable: boolean;
@@ -489,7 +496,8 @@ declare class PasswordFieldComponent extends NgControlFieldDirective<string | nu
     onClear(): void;
     togglePasswordVisible(ev: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PasswordFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PasswordFieldComponent, "app-password-field", never, { "clearable": { "alias": "clearable"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; }, {}, never, ["[appFieldPrefix]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PasswordFieldComponent, "app-password-field", never, { "showPrefixIcon": { "alias": "showPrefixIcon"; "required": false; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; }, {}, never, ["[appFieldPrefix]"], true, never>;
+    static ngAcceptInputType_showPrefixIcon: unknown;
     static ngAcceptInputType_clearable: unknown;
     static ngAcceptInputType_maxLength: unknown;
 }
@@ -1285,6 +1293,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 +1327,9 @@ declare class FileUploadFieldComponent implements OnChanges, OnDestroy {
      */
     readonly fileItemClick: EventEmitter<File>;
     private fileInputRef?;
-    readonly fieldId: string;
+    private readonly autoId;
+    get fieldId(): string;
+    get hostDataControlId(): string;
     isDragging: boolean;
     hasHover: boolean;
     private internalError;
@@ -1369,7 +1380,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;
@@ -1820,13 +1831,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. */