FileDropZoneDirective
directive
Directive Metadata
Section titled “Directive Metadata”Selector: [yuvFileDropZone]
Standalone: Yes
Inputs
Section titled “Inputs”fileDropDisabled
Section titled “fileDropDisabled”Type: boolean
Default Value: false
yuvFileDropZone
Section titled “yuvFileDropZone”Type: FileDropZoneOptions
Outputs
Section titled “Outputs”fileDrop
Section titled “fileDrop”Type: File[]
fileDropOver
Section titled “fileDropOver”Type: boolean
Properties
Section titled “Properties”active
Section titled “active”Type: unknown
Default Value: computed(() => \{ const fileOver = this.#fileDropService.activeDropZone() === this.#id; this.fileDropOver.emit(fileOver); return fileOver; \})
Methods
Section titled “Methods”onBodyDragOver
Section titled “onBodyDragOver”onBodyDragOver(event: DragEvent): voidArguments
Section titled “Arguments”| Name | Type | Description |
|---|---|---|
| event | DragEvent |
onBodyDrop
Section titled “onBodyDrop”onBodyDrop(event: DragEvent): voidArguments
Section titled “Arguments”| Name | Type | Description |
|---|---|---|
| event | DragEvent |
onDragLeave
Section titled “onDragLeave”onDragLeave(event: DragEvent): voidArguments
Section titled “Arguments”| Name | Type | Description |
|---|---|---|
| event | DragEvent |
onDragOver
Section titled “onDragOver”onDragOver(event: DragEvent): voidArguments
Section titled “Arguments”| Name | Type | Description |
|---|---|---|
| event | DragEvent |
onDrop
Section titled “onDrop”onDrop(event: DragEvent): voidArguments
Section titled “Arguments”| Name | Type | Description |
|---|---|---|
| event | DragEvent |