Skip to main content

<set-file-loader>

This component can act as a button, a drag-and-drop area for files or both.

Properties

NameDocsTypeDefault value
allowFoldersAllow folders to be selected when the native filesystem modal is presented.booleantrue
allowMultipleAllow multiples files to be selected when the native filesystem modal is presented.booleantrue
buttonMakes this component to behave as a button, when clicked a native file selection will be presented.booleantrue
destroyMedWhen `true`, the component will destroy the already loaded components when new files are dropped/selected. Only applies if `loadMed=true`booleanfalse
disabledWhen disable, this component cannot be clicked and files/folder can not be dropped.booleanfalse
dragAndDropMakes this component to behave as a drag-and-drop area files.booleantrue
filterFilesFilter function allows for loaded files to be skipped before they are loaded.(file: File) => boolean() => true
loadGeometryThis component can be used to load: "geometries"booleanfalse
loadMedThis component can be used to load: MedHandlersbooleanfalse

Events

NameDocsType
setErrorEvent fired when there is an error loading some file.
setFileLoadEvent fired every time a set of files are selected.
setGeometryLoadEvent fired only when `loadGeometry=true`, including all the newly loaded geometry.
setMedLoadEvent fired only when `loadMed=true`, including all the newly imported med files.

CSS parts

NameDocs
progress-barA progress bar that finalizes when the files are loaded
progress-overlayThe modal where the progress bar is shown