Fixed UI tree element not expanding/collapsing

Fixed error message when loading a mesh with an empty filepath

src/importers/obj_importer.ts

@@ -276,8 +276,6 @@ export class ObjImporter extends IImporter {
     ];
 
     override parseFile(filePath: string) {
-        ASSERT(path.isAbsolute(filePath), `ObjImporter: ${filePath} not absolute`);
-
         this._objPath = path.parse(filePath);
 
         this._parseOBJ(filePath);
@@ -302,8 +300,11 @@ export class ObjImporter extends IImporter {
     }
 
     private _parseOBJ(path: string) {
+        if (path === '') {
+            throw new AppError(`No filepath given`);
+        }
         if (!fs.existsSync(path)) {
-            throw new AppError(`Could not find ${path}`);
+            throw new AppError(`Could not find '${path}'`);
         }
         const fileContents = fs.readFileSync(path, 'utf8');
         if (fileContents.includes('<27>')) {

src/ui/elements/file_input.ts

@@ -9,7 +9,7 @@ export class FileInputElement extends ConfigUIElement<string, HTMLDivElement> {
     private _hovering: boolean;
 
     public constructor() {
-        super();
+        super('');
         this._fileExtensions = [];
         this._loadedFilePath = '';
         this._hovering = false;

src/ui/elements/output.ts

@@ -60,6 +60,7 @@ export class OutputElement {
         ASSERT(element !== null);
 
         element.innerHTML = this._message.toString();
+        this._message.postBuild();
     }
 
     public setStyle(style: OutputStyle) {

src/ui/misc.ts

@@ -74,6 +74,16 @@ export class UITreeBuilder implements IUIOutputElement {
         this._postBuildDelegates.forEach((delegate) => {
             delegate();
         });
+
+        const toggler = document.getElementsByClassName('caret') as HTMLCollectionOf<HTMLElement>;
+
+        for (let i = 0; i < toggler.length; i++) {
+            const temp = toggler[i];
+            temp.onclick = () => {
+                temp.parentElement?.querySelector('.nested')?.classList.toggle('active');
+                temp.classList.toggle('caret-down');
+            };
+        }
     }
 
     public buildHTML(): string {