@if (isDragOver()) { Drop files here } @else if (hasFiles() && !isSingleFileMode()) { Add more files } @else if (hasFiles() && isSingleFileMode()) { Replace file } @else { Choose files or drag and drop }
@if (isSingleFileMode()) { Select a file } @else { Select multiple files }
@if (mergedConfig().maxFileSize || (mergedConfig().minFileSize && mergedConfig().minFileSize! > 0) || (mergedConfig().accept && mergedConfig().accept!.length > 0 && !mergedConfig().accept!.includes('*'))) {
@if (mergedConfig().maxFileSize) {
}
@if (mergedConfig().multiple && mergedConfig().maxFiles && hasFiles()) {
Maximum size: {{ formatFileSize(mergedConfig().maxFileSize!) }}
}
@if (mergedConfig().minFileSize && mergedConfig().minFileSize! > 0) {
Minimum size: {{ formatFileSize(mergedConfig().minFileSize!) }}
}
@if (mergedConfig().accept && mergedConfig().accept!.length > 0 && !mergedConfig().accept!.includes('*')) {
Accepted formats: {{ mergedConfig().accept!.join(', ') }}
}
{{ files().length }} of {{ mergedConfig().maxFiles }} files selected
}
No Files Selected
No files have been uploaded or selected for this field.
@if (isSingleFileMode()) { Selected File } @else { Selected Files }
@if (!isSingleFileMode()) { {{ files().length }} }
@if (uploadStats().pending > 0 && mergedConfig().uploadUrl) {
}
@if (uploadStats().error > 0 && mergedConfig().uploadUrl) {
}
@if (uploadStats().completed === 0) {
}
}
@if (files().length > 0 && !isSingleFileMode()) {
@for (file of files(); track trackByFileId($index, file)) {
}
@if (!readonly()) {
}
@if (mergedConfig().showPreview) {
@if (requireDocumentConfig() && availableDocumentSources().length > 0) {
@if (file.preview) {
![]()
} @else {
}
{{ file.name }}
{{ formatFileSize(file.size) }}
{{ file.type }}
@if (file.uploadEndTime && file.uploadStartTime) {
Upload time: {{ ((file.uploadEndTime - file.uploadStartTime) / 1000).toFixed(1) }}s
}
@if (mergedConfig().showProgress && (file.status === 'uploading' || file.status === 'completed')) {
Document Configuration
@if (file.status === 'uploading') {
} @else if (file.status === 'pending' && mergedConfig().uploadUrl) {
} @else if (file.status === 'error' && mergedConfig().uploadUrl) {
}
@if (file.status === 'completed' && file.url) {
}