Angular 19: Standalone defaults to true

[GipHub123]

Current version is not compatible with Angular 19 since components are currently missing standalone -flag.

@Component({
standalone: false
})

It's causing that test cases are failing with following error

Error: Unexpected "MockOfNgxFileDropComponent" found in the "declarations" array of the "MockOfNgxFileDropModule" NgModule, "MockOfNgxFileDropComponent" is marked as standalone and can't be declared in any NgModule - did you intend to import it instead (by adding it to the "imports" array)?
      Unexpected "MockOfNgxFileDropContentTemplateDirective" found in the "declarations" array of the "MockOfNgxFileDropModule" NgModule, "MockOfNgxFileDropContentTemplateDirective" is marked as standalone and can't be declared in any NgModule - did you intend to import it instead (by adding it to the "imports" array)?

Versions:

ng-mocks: 14.13.2,
angular: 19.1.2
ngx-file-drop: 16.0.0

[ptrussart]

Hello,

Is this project still alive ?
Is there a new version with Angular 19 compatibilty planned ?

Regards

[uderline]

Hi, was looking for the same thing.

I ended up doing it myself and it's not that complicated if you want something standard.
This is my solution using Bootstrap and boxicons.

<div (click)="fileInput.click()" (dragover)="onDragOver($event)" (drop)="dropped($event)"
     class="file-drop-zone d-flex justify-content-center align-items-center">
    <div class="file-drop-content text-center">
        <p class="cloud-upload my-3">
            <i class='bx bx-cloud-upload'></i>
        </p>
        <p>Drag your image or click here</p>
        <p>jpg, jpeg, png</p>
    </div>
</div>
<input #fileInput (change)="fileChangeEvent($event)" accept="image/jpeg,image/png" class="visually-hidden" type="file">

.file-drop-zone {
    border: 2px dashed #ccc;
    min-height: 300px;
    min-width: 300px;
    cursor: pointer;
}

.file-drop-content {
    color: #666;
}

.cloud-upload {
    font-size: 4em;
    line-height: 1em;
}

@Component({...})
export class MyComponent {
    dropped(event: Event) {
        event.preventDefault();
        const files = (event as DragEvent).dataTransfer.files;
    }

    onDragOver(event: DragEvent) {
        event.preventDefault();
        event.stopPropagation();
        event.dataTransfer.dropEffect = 'copy';
    }

Based on SO https://stackoverflow.com/questions/57480159/angular-drag-and-drop-to-upload-an-attachment