@mozaic-ds/angular 2.1.8 → 2.1.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mozaic-ds/angular",
-  "version": "2.1.8",
+  "version": "2.1.9",
   "type": "module",
   "peerDependencies": {
     "@angular/common": ">=20.3.15",

package/types/mozaic-ds-angular.d.ts

@@ -171,7 +171,7 @@ declare class MozFieldGroupComponent {
 }
 
 type MozFileUploaderFormat = 'inline' | 'stacked';
-declare class MozFileUploaderComponent implements OnInit {
+declare class MozFileUploaderComponent implements OnInit, ControlValueAccessor {
     readonly id: _angular_core.InputSignal<string>;
     readonly label: _angular_core.InputSignal<string | undefined>;
     readonly helpText: _angular_core.InputSignal<string | undefined>;
@@ -197,12 +197,25 @@ declare class MozFileUploaderComponent implements OnInit {
     readonly fileInformation: _angular_core.InputSignal<((file: File) => string) | undefined>;
     readonly retryFile: _angular_core.OutputEmitterRef<File>;
     readonly previewFile: _angular_core.OutputEmitterRef<File>;
+    /**
+     * Emits the current file list every time it changes because of a user
+     * interaction (select, drag & drop, delete). This lets the component be
+     * bound outside of Reactive Forms too, e.g. `(filesChange)="files = $event"`.
+     *
+     * When used inside a `FormGroup`/`FormControl` (via `formControlName` or
+     * `[(ngModel)]`), this output fires from the exact same code path as the
+     * `ControlValueAccessor` `onChange` callback below — both are always in
+     * sync, so most form use cases only need `valueChanges` on the control.
+     */
+    readonly filesChange: _angular_core.OutputEmitterRef<File[]>;
     readonly files: _angular_core.WritableSignal<File[]>;
     readonly isDragged: _angular_core.WritableSignal<boolean>;
+    private readonly formDisabled;
     readonly initialFiles: _angular_core.InputSignal<File[]>;
     readonly classes: _angular_core.Signal<{
         'file-uploader--draggable': boolean;
     }>;
+    readonly isDisabledState: _angular_core.Signal<boolean>;
     readonly inputClasses: _angular_core.Signal<{
         'file-uploader__input--disabled': boolean;
         'file-uploader__input--dragged': boolean;
@@ -219,8 +232,27 @@ declare class MozFileUploaderComponent implements OnInit {
     openFileDialog(): void;
     onDragOver(event: DragEvent): void;
     onDragLeave(event: DragEvent): void;
+    private onChange;
+    private onTouched;
+    /**
+     * Called by Angular Forms to push a value INTO the component (e.g. on
+     * `form.reset()`, `patchValue()`, or when the form is initialized with a
+     * non-empty value). Must only update local state, never call `onChange`
+     * back — otherwise it would create a feedback loop with the form.
+     */
+    writeValue(files: File[] | null): void;
+    registerOnChange(fn: (files: File[]) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    /**
+     * Single entry point for every user-driven mutation of the file list
+     * (select, drag & drop, delete). Updates the internal signal, then
+     * notifies both the `filesChange` output and the Reactive Forms
+     * `onChange`/`onTouched` callbacks so the two stay in sync.
+     */
+    private commitFiles;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozFileUploaderComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozFileUploaderComponent, "moz-file-uploader", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helpText": { "alias": "helpText"; "required": false; "isSignal": true; }; "helpId": { "alias": "helpId"; "required": false; "isSignal": true; }; "necessityIndicator": { "alias": "necessityIndicator"; "required": false; "isSignal": true; }; "hasDragDrop": { "alias": "hasDragDrop"; "required": false; "isSignal": true; }; "showFilesList": { "alias": "showFilesList"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "multipleFiles": { "alias": "multipleFiles"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "uploadButtonLabel": { "alias": "uploadButtonLabel"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "uploading": { "alias": "uploading"; "required": false; "isSignal": true; }; "hasPreview": { "alias": "hasPreview"; "required": false; "isSignal": true; }; "retryButtonLabel": { "alias": "retryButtonLabel"; "required": false; "isSignal": true; }; "deleteButtonLabel": { "alias": "deleteButtonLabel"; "required": false; "isSignal": true; }; "previewButtonLabel": { "alias": "previewButtonLabel"; "required": false; "isSignal": true; }; "information": { "alias": "information"; "required": false; "isSignal": true; }; "fileInformation": { "alias": "fileInformation"; "required": false; "isSignal": true; }; "initialFiles": { "alias": "initialFiles"; "required": false; "isSignal": true; }; }, { "retryFile": "retryFile"; "previewFile": "previewFile"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozFileUploaderComponent, "moz-file-uploader", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helpText": { "alias": "helpText"; "required": false; "isSignal": true; }; "helpId": { "alias": "helpId"; "required": false; "isSignal": true; }; "necessityIndicator": { "alias": "necessityIndicator"; "required": false; "isSignal": true; }; "hasDragDrop": { "alias": "hasDragDrop"; "required": false; "isSignal": true; }; "showFilesList": { "alias": "showFilesList"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "multipleFiles": { "alias": "multipleFiles"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "uploadButtonLabel": { "alias": "uploadButtonLabel"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "uploading": { "alias": "uploading"; "required": false; "isSignal": true; }; "hasPreview": { "alias": "hasPreview"; "required": false; "isSignal": true; }; "retryButtonLabel": { "alias": "retryButtonLabel"; "required": false; "isSignal": true; }; "deleteButtonLabel": { "alias": "deleteButtonLabel"; "required": false; "isSignal": true; }; "previewButtonLabel": { "alias": "previewButtonLabel"; "required": false; "isSignal": true; }; "information": { "alias": "information"; "required": false; "isSignal": true; }; "fileInformation": { "alias": "fileInformation"; "required": false; "isSignal": true; }; "initialFiles": { "alias": "initialFiles"; "required": false; "isSignal": true; }; }, { "retryFile": "retryFile"; "previewFile": "previewFile"; "filesChange": "filesChange"; }, never, never, true, never>;
 }
 
 type MozFileUploaderItemFormat = 'inline' | 'stacked';