ngx-dropzone-next/fesm2022/ngx-dropzone-next-on-drop-DVJ8FboQ.mjs

A highly configurable dropzone component for Angular.

async function onDrop(ctx, { dataTransfer }) {
    if (!dataTransfer) {
        if (typeof ngDevMode !== 'undefined' && ngDevMode) {
            throw new Error('dataTransfer is not defined on the event object.');
        }
        return;
    }
    // if processDirectoryDrop is not enabled or webkitGetAsEntry is not supported we handle the drop as usual
    if (!ctx.processDirectoryDrop() ||
        !DataTransferItem.prototype.webkitGetAsEntry) {
        await handleFileDrop(ctx, dataTransfer.files);
        // if processDirectoryDrop is enabled and webkitGetAsEntry is supported we can extract files from a dropped directory
    }
    else if (dataTransfer.items.length > 0) {
        const droppedItems = dataTransfer.items;
        const droppedFiles = [];
        const droppedDirectories = [];
        // seperate dropped files from dropped directories for easier handling
        for (let index = 0; index < droppedItems.length; index++) {
            const entry = droppedItems[index].webkitGetAsEntry();
            if (!entry) {
                continue;
            }
            if (entry.isFile) {
                droppedFiles.push(dataTransfer.files[index]);
            }
            else if (entry.isDirectory) {
                droppedDirectories.push(entry);
            }
        }
        // create a DataTransfer
        const droppedFilesList = new DataTransfer();
        droppedFiles.forEach((droppedFile) => {
            droppedFilesList.items.add(droppedFile);
        });
        // if no directory is dropped we are done and can call handleFileDrop
        if (!droppedDirectories.length && droppedFilesList.items.length) {
            handleFileDrop(ctx, droppedFilesList.files);
        }
        // if directories are dropped we extract the files from these directories one-by-one and add it to droppedFilesList
        if (droppedDirectories.length) {
            const extractFilesFromDirectoryCalls = [];
            for (const droppedDirectory of droppedDirectories) {
                extractFilesFromDirectoryCalls.push(extractFilesFromDirectory(droppedDirectory));
            }
            // wait for all directories to be proccessed to add the extracted files afterwards
            await Promise.all(extractFilesFromDirectoryCalls).then((allExtractedFiles) => {
                allExtractedFiles
                    .reduce((a, b) => [...a, ...b])
                    .forEach((extractedFile) => {
                    droppedFilesList.items.add(extractedFile);
                });
            });
            await handleFileDrop(ctx, droppedFilesList.files);
        }
    }
}
async function getFileFromFileEntry(entry) {
    try {
        const fileSystemFileEntry = entry;
        return await new Promise((resolve, reject) => fileSystemFileEntry.file(resolve, reject));
    }
    catch (error) {
        if (typeof ngDevMode !== 'undefined' && ngDevMode) {
            console.log('Error converting a fileEntry to a File: ', error);
        }
        return null;
    }
}
function extractFilesFromDirectory(directory) {
    return new Promise((resolve) => {
        const files = [];
        const reader = directory.createReader();
        // we need this to be a recursion because of this issue: https://bugs.chromium.org/p/chromium/issues/detail?id=514087
        const readEntries = () => {
            reader.readEntries(async (entries) => {
                if (entries.length > 0) {
                    for (const entry of entries.filter(({ isFile }) => isFile)) {
                        const file = await getFileFromFileEntry(entry);
                        file && files.push(file);
                    }
                    readEntries();
                }
                else {
                    resolve(files);
                }
            });
        };
        readEntries();
    });
}
async function handleFileDrop(ctx, files) {
    const { NgxDropzoneService } = await import('./ngx-dropzone-next-ngx-dropzone.service-DgjHzr4g.mjs');
    const service = ctx.injector.get(NgxDropzoneService);
    const result = service.parseFileList(files, ctx.accept(), ctx.maxFileSize(), ctx.multiple());
    ctx.change.emit({
        addedFiles: result.addedFiles,
        rejectedFiles: result.rejectedFiles,
        source: ctx,
    });
}

export { handleFileDrop, onDrop };
//# sourceMappingURL=ngx-dropzone-next-on-drop-DVJ8FboQ.mjs.map