@memberjunction/ng-file-storage 6.2.0-edge.0 → 6.2.0-edge.1

package/dist/lib/file-browser/folder-tree.component.d.ts

@@ -30,41 +30,81 @@ export declare class FolderTreeComponent {
      */
     private _account;
     constructor();
-    set account(value: StorageAccountWithProvider | null);
+    set Account(value: StorageAccountWithProvider | null);
+    get Account(): StorageAccountWithProvider | null;
+    /** @deprecated Use {@link Account}. */
     get account(): StorageAccountWithProvider | null;
+    /** @deprecated Use {@link Account}. */
+    set account(value: StorageAccountWithProvider | null);
     /**
      * Emits when a folder is selected in the tree
      */
+    FolderSelected: EventEmitter<string>;
+    /**
+     * @deprecated Use {@link FolderSelected}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (folderSelected) keeps working. Must stay AFTER FolderSelected: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
     folderSelected: EventEmitter<string>;
     /**
      * Current folder path
      */
-    currentPath: string;
+    CurrentPath: string;
+    /** @deprecated Use {@link CurrentPath}. */
+    get currentPath(): string;
+    /** @deprecated Use {@link CurrentPath}. */
+    set currentPath(value: string);
     /**
      * Navigation history (for back button)
      */
-    history: string[];
+    History: string[];
+    /** @deprecated Use {@link History}. */
+    get history(): string[];
+    /** @deprecated Use {@link History}. */
+    set history(value: string[]);
     /**
      * Current position in history
      */
-    historyIndex: number;
+    HistoryIndex: number;
+    /** @deprecated Use {@link HistoryIndex}. */
+    get historyIndex(): number;
+    /** @deprecated Use {@link HistoryIndex}. */
+    set historyIndex(value: number);
     /**
      * Breadcrumb items for current path
      */
-    breadcrumbs: BreadcrumbItem[];
+    Breadcrumbs: BreadcrumbItem[];
+    /** @deprecated Use {@link Breadcrumbs}. */
+    get breadcrumbs(): BreadcrumbItem[];
+    /** @deprecated Use {@link Breadcrumbs}. */
+    set breadcrumbs(value: BreadcrumbItem[]);
     /**
      * Folders in current path
      */
-    folders: FolderItem[];
+    Folders: FolderItem[];
+    /** @deprecated Use {@link Folders}. */
+    get folders(): FolderItem[];
+    /** @deprecated Use {@link Folders}. */
+    set folders(value: FolderItem[]);
     private cdr;
     /**
      * Loading state
      */
-    isLoading: boolean;
+    IsLoading: boolean;
+    /** @deprecated Use {@link IsLoading}. */
+    get isLoading(): boolean;
+    /** @deprecated Use {@link IsLoading}. */
+    set isLoading(value: boolean);
     /**
      * Error message
      */
-    errorMessage: string | null;
+    ErrorMessage: string | null;
+    /** @deprecated Use {@link ErrorMessage}. */
+    get errorMessage(): string | null;
+    /** @deprecated Use {@link ErrorMessage}. */
+    set errorMessage(value: string | null);
     /**
      * Resets navigation when provider changes
      */
@@ -72,27 +112,39 @@ export declare class FolderTreeComponent {
     /**
      * Navigates to a specific folder path
      */
+    NavigateToPath(path: string): void;
+    /** @deprecated Use {@link NavigateToPath}. */
     navigateToPath(path: string): void;
     /**
      * Refreshes the current folder view without changing navigation
      * Used when folder structure changes (e.g., folder deleted) but we're staying in the same location
      */
+    Refresh(): void;
+    /** @deprecated Use {@link Refresh}. */
     refresh(): void;
     /**
      * Navigates back in history
      */
+    NavigateBack(): void;
+    /** @deprecated Use {@link NavigateBack}. */
     navigateBack(): void;
     /**
      * Navigates forward in history
      */
+    NavigateForward(): void;
+    /** @deprecated Use {@link NavigateForward}. */
     navigateForward(): void;
     /**
      * Checks if can navigate back
      */
+    CanGoBack(): boolean;
+    /** @deprecated Use {@link CanGoBack}. */
     canGoBack(): boolean;
     /**
      * Checks if can navigate forward
      */
+    CanGoForward(): boolean;
+    /** @deprecated Use {@link CanGoForward}. */
     canGoForward(): boolean;
     /**
      * Updates breadcrumbs based on current path
@@ -101,6 +153,8 @@ export declare class FolderTreeComponent {
     /**
      * Handles breadcrumb click
      */
+    OnBreadcrumbClick(item: BreadcrumbItem): void;
+    /** @deprecated Use {@link OnBreadcrumbClick}. */
     onBreadcrumbClick(item: BreadcrumbItem): void;
     /**
      * Loads folders from the storage account for the current path
@@ -109,8 +163,10 @@ export declare class FolderTreeComponent {
     /**
      * Handles folder click for navigation
      */
+    OnFolderClick(folder: FolderItem): void;
+    /** @deprecated Use {@link OnFolderClick}. */
     onFolderClick(folder: FolderItem): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FolderTreeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FolderTreeComponent, "mj-folder-tree", never, { "account": { "alias": "account"; "required": false; }; }, { "folderSelected": "folderSelected"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FolderTreeComponent, "mj-folder-tree", never, { "Account": { "alias": "Account"; "required": false; }; "account": { "alias": "account"; "required": false; }; }, { "FolderSelected": "FolderSelected"; "folderSelected": "folderSelected"; }, never, never, false, never>;
 }
 //# sourceMappingURL=folder-tree.component.d.ts.map

package/dist/lib/file-browser/folder-tree.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"folder-tree.component.d.ts","sourceRoot":"","sources":["../../../src/lib/file-browser/folder-tree.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAA4C,MAAM,eAAe,CAAC;AAElG,OAAO,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;;AAG3E;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;;;GAIG;AACH,qBAMa,mBAAmB;IAC9B;;OAEG;IACH,OAAO,CAAC,aAAa,CAA2B;IAEhD;;OAEG;IACH,OAAO,CAAC,QAAQ,CAA2C;;IAM3D,IACI,OAAO,CAAC,KAAK,EAAE,0BAA0B,GAAG,IAAI,EAQnD;IACD,IAAI,OAAO,IAAI,0BAA0B,GAAG,IAAI,CAE/C;IAED;;OAEG;IACO,cAAc,uBAA8B;IAEtD;;OAEG;IACI,WAAW,EAAE,MAAM,CAAO;IAEjC;;OAEG;IACI,OAAO,EAAE,MAAM,EAAE,CAAM;IAE9B;;OAEG;IACI,YAAY,EAAE,MAAM,CAAM;IAEjC;;OAEG;IACI,WAAW,EAAE,cAAc,EAAE,CAAM;IAE1C;;OAEG;IACI,OAAO,EAAE,UAAU,EAAE,CAAM;IAElC,OAAO,CAAC,GAAG,CAA6B;IAExC;;OAEG;IACI,SAAS,EAAE,OAAO,CAAS;IAElC;;OAEG;IACI,YAAY,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE1C;;OAEG;IACH,OAAO,CAAC,eAAe;IAOvB;;OAEG;IACI,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAuBzC;;;OAGG;IACI,OAAO,IAAI,IAAI;IAItB;;OAEG;IACI,YAAY,IAAI,IAAI;IAY3B;;OAEG;IACI,eAAe,IAAI,IAAI;IAY9B;;OAEG;IACI,SAAS,IAAI,OAAO;IAI3B;;OAEG;IACI,YAAY,IAAI,OAAO;IAI9B;;OAEG;IACH,OAAO,CAAC,iBAAiB;IA+BzB;;OAEG;IACI,iBAAiB,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI;IAKpD;;OAEG;YACW,WAAW;IA6CzB;;OAEG;IACI,aAAa,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI;yCA5PnC,mBAAmB;2CAAnB,mBAAmB;CAgQ/B"}
+{"version":3,"file":"folder-tree.component.d.ts","sourceRoot":"","sources":["../../../src/lib/file-browser/folder-tree.component.ts"],"names":[],"mappings":"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"}

package/dist/lib/file-browser/folder-tree.component.js

@@ -132,7 +132,7 @@ export class FolderTreeComponent {
     constructor() {
         this.storageClient = new GraphQLFileStorageClient(GraphQLDataProvider.Instance);
     }
-    set account(value) {
+    set Account(value) {
         const previousAccount = this._account;
         this._account = value;
         if (value && !UUIDsEqual(value.account.ID, previousAccount?.account.ID)) {
@@ -140,138 +140,234 @@ export class FolderTreeComponent {
             this.loadFolders();
         }
     }
-    get account() {
+    get Account() {
         return this._account;
     }
+    /** @deprecated Use {@link Account}. */
+    get account() {
+        return this.Account;
+    }
+    /** @deprecated Use {@link Account}. */
+    set account(value) {
+        this.Account = value;
+    }
     /**
      * Emits when a folder is selected in the tree
      */
-    folderSelected = new EventEmitter();
+    FolderSelected = new EventEmitter();
+    /**
+     * @deprecated Use {@link FolderSelected}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (folderSelected) keeps working. Must stay AFTER FolderSelected: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    folderSelected = this.FolderSelected;
     /**
      * Current folder path
      */
-    currentPath = '/';
+    CurrentPath = '/';
+    /** @deprecated Use {@link CurrentPath}. */
+    get currentPath() {
+        return this.CurrentPath;
+    }
+    /** @deprecated Use {@link CurrentPath}. */
+    set currentPath(value) {
+        this.CurrentPath = value;
+    }
     /**
      * Navigation history (for back button)
      */
-    history = [];
+    History = [];
+    /** @deprecated Use {@link History}. */
+    get history() {
+        return this.History;
+    }
+    /** @deprecated Use {@link History}. */
+    set history(value) {
+        this.History = value;
+    }
     /**
      * Current position in history
      */
-    historyIndex = -1;
+    HistoryIndex = -1;
+    /** @deprecated Use {@link HistoryIndex}. */
+    get historyIndex() {
+        return this.HistoryIndex;
+    }
+    /** @deprecated Use {@link HistoryIndex}. */
+    set historyIndex(value) {
+        this.HistoryIndex = value;
+    }
     /**
      * Breadcrumb items for current path
      */
-    breadcrumbs = [];
+    Breadcrumbs = [];
+    /** @deprecated Use {@link Breadcrumbs}. */
+    get breadcrumbs() {
+        return this.Breadcrumbs;
+    }
+    /** @deprecated Use {@link Breadcrumbs}. */
+    set breadcrumbs(value) {
+        this.Breadcrumbs = value;
+    }
     /**
      * Folders in current path
      */
-    folders = [];
+    Folders = [];
+    /** @deprecated Use {@link Folders}. */
+    get folders() {
+        return this.Folders;
+    }
+    /** @deprecated Use {@link Folders}. */
+    set folders(value) {
+        this.Folders = value;
+    }
     cdr = inject(ChangeDetectorRef);
     /**
      * Loading state
      */
-    isLoading = false;
+    IsLoading = false;
+    /** @deprecated Use {@link IsLoading}. */
+    get isLoading() {
+        return this.IsLoading;
+    }
+    /** @deprecated Use {@link IsLoading}. */
+    set isLoading(value) {
+        this.IsLoading = value;
+    }
     /**
      * Error message
      */
-    errorMessage = null;
+    ErrorMessage = null;
+    /** @deprecated Use {@link ErrorMessage}. */
+    get errorMessage() {
+        return this.ErrorMessage;
+    }
+    /** @deprecated Use {@link ErrorMessage}. */
+    set errorMessage(value) {
+        this.ErrorMessage = value;
+    }
     /**
      * Resets navigation when provider changes
      */
     resetNavigation() {
-        this.currentPath = '/';
-        this.history = ['/'];
-        this.historyIndex = 0;
+        this.CurrentPath = '/';
+        this.History = ['/'];
+        this.HistoryIndex = 0;
         this.updateBreadcrumbs();
     }
     /**
      * Navigates to a specific folder path
      */
-    navigateToPath(path) {
+    NavigateToPath(path) {
         // Don't navigate if already at this path
-        if (path === this.currentPath) {
+        if (path === this.CurrentPath) {
             return;
         }
         // Add to history if navigating from user action (not back/forward)
-        if (this.historyIndex === this.history.length - 1) {
-            this.history.push(path);
-            this.historyIndex = this.history.length - 1;
+        if (this.HistoryIndex === this.History.length - 1) {
+            this.History.push(path);
+            this.HistoryIndex = this.History.length - 1;
         }
         else {
             // Navigating from middle of history - truncate forward history
-            this.history = this.history.slice(0, this.historyIndex + 1);
-            this.history.push(path);
-            this.historyIndex = this.history.length - 1;
+            this.History = this.History.slice(0, this.HistoryIndex + 1);
+            this.History.push(path);
+            this.HistoryIndex = this.History.length - 1;
         }
-        this.currentPath = path;
+        this.CurrentPath = path;
         this.updateBreadcrumbs();
         this.loadFolders();
-        this.folderSelected.emit(path);
+        this.FolderSelected.emit(path);
+    }
+    /** @deprecated Use {@link NavigateToPath}. */
+    navigateToPath(path) {
+        return this.NavigateToPath(path);
     }
     /**
      * Refreshes the current folder view without changing navigation
      * Used when folder structure changes (e.g., folder deleted) but we're staying in the same location
      */
-    refresh() {
+    Refresh() {
         this.loadFolders();
     }
+    /** @deprecated Use {@link Refresh}. */
+    refresh() {
+        return this.Refresh();
+    }
     /**
      * Navigates back in history
      */
-    navigateBack() {
-        if (!this.canGoBack()) {
+    NavigateBack() {
+        if (!this.CanGoBack()) {
             return;
         }
-        this.historyIndex--;
-        this.currentPath = this.history[this.historyIndex];
+        this.HistoryIndex--;
+        this.CurrentPath = this.History[this.HistoryIndex];
         this.updateBreadcrumbs();
-        this.folderSelected.emit(this.currentPath);
+        this.FolderSelected.emit(this.CurrentPath);
         this.loadFolders();
     }
+    /** @deprecated Use {@link NavigateBack}. */
+    navigateBack() {
+        return this.NavigateBack();
+    }
     /**
      * Navigates forward in history
      */
-    navigateForward() {
-        if (!this.canGoForward()) {
+    NavigateForward() {
+        if (!this.CanGoForward()) {
             return;
         }
-        this.historyIndex++;
-        this.currentPath = this.history[this.historyIndex];
+        this.HistoryIndex++;
+        this.CurrentPath = this.History[this.HistoryIndex];
         this.updateBreadcrumbs();
-        this.folderSelected.emit(this.currentPath);
+        this.FolderSelected.emit(this.CurrentPath);
         this.loadFolders();
     }
+    /** @deprecated Use {@link NavigateForward}. */
+    navigateForward() {
+        return this.NavigateForward();
+    }
     /**
      * Checks if can navigate back
      */
+    CanGoBack() {
+        return this.HistoryIndex > 0;
+    }
+    /** @deprecated Use {@link CanGoBack}. */
     canGoBack() {
-        return this.historyIndex > 0;
+        return this.CanGoBack();
     }
     /**
      * Checks if can navigate forward
      */
+    CanGoForward() {
+        return this.HistoryIndex < this.History.length - 1;
+    }
+    /** @deprecated Use {@link CanGoForward}. */
     canGoForward() {
-        return this.historyIndex < this.history.length - 1;
+        return this.CanGoForward();
     }
     /**
      * Updates breadcrumbs based on current path
      */
     updateBreadcrumbs() {
-        if (!this.account) {
-            this.breadcrumbs = [];
+        if (!this.Account) {
+            this.Breadcrumbs = [];
             return;
         }
         // Start with account root (show account name)
         const items = [
             {
-                label: this.account.account.Name,
+                label: this.Account.account.Name,
                 path: '/'
             }
         ];
         // Add path segments if not at root
-        if (this.currentPath !== '/') {
-            const segments = this.currentPath.split('/').filter(s => s.length > 0);
+        if (this.CurrentPath !== '/') {
+            const segments = this.CurrentPath.split('/').filter(s => s.length > 0);
             let builtPath = '';
             for (const segment of segments) {
                 builtPath += '/' + segment;
@@ -281,37 +377,41 @@ export class FolderTreeComponent {
                 });
             }
         }
-        this.breadcrumbs = items;
+        this.Breadcrumbs = items;
     }
     /**
      * Handles breadcrumb click
      */
-    onBreadcrumbClick(item) {
-        this.navigateToPath(item.path);
+    OnBreadcrumbClick(item) {
+        this.NavigateToPath(item.path);
         this.loadFolders();
     }
+    /** @deprecated Use {@link OnBreadcrumbClick}. */
+    onBreadcrumbClick(item) {
+        return this.OnBreadcrumbClick(item);
+    }
     /**
      * Loads folders from the storage account for the current path
      */
     async loadFolders() {
-        if (!this.account) {
-            this.folders = [];
+        if (!this.Account) {
+            this.Folders = [];
             return;
         }
-        this.isLoading = true;
-        this.errorMessage = null;
+        this.IsLoading = true;
+        this.ErrorMessage = null;
         this.cdr.detectChanges();
         try {
             // Blob keys (Azure/S3) have NO leading slash and use a trailing slash to denote a
             // directory prefix. currentPath is stored with a leading slash (e.g. "/test"), which
             // never matches real keys — so nested-folder listings came back empty (empty folder
             // names). Normalize to a slash-free, trailing-slash prefix before listing.
-            const rawPath = this.currentPath && this.currentPath !== '/' ? this.currentPath : '';
+            const rawPath = this.CurrentPath && this.CurrentPath !== '/' ? this.CurrentPath : '';
             const listPrefix = rawPath ? rawPath.replace(/^\/+/, '').replace(/\/+$/, '') + '/' : '';
-            const listResult = await this.storageClient.ListObjects(this.account.account.ID, listPrefix, '/');
+            const listResult = await this.storageClient.ListObjects(this.Account.account.ID, listPrefix, '/');
             // Convert prefixes to FolderItems
             const prefixes = listResult.prefixes || [];
-            this.folders = prefixes.map((prefix) => {
+            this.Folders = prefixes.map((prefix) => {
                 // Remove trailing slash and get just the folder name
                 const cleanPath = prefix.endsWith('/') ? prefix.slice(0, -1) : prefix;
                 const name = cleanPath.split('/').pop() || cleanPath;
@@ -323,23 +423,27 @@ export class FolderTreeComponent {
         }
         catch (error) {
             console.error('Error loading folders:', error);
-            this.errorMessage = error instanceof Error ? error.message : 'Failed to load folders';
-            this.folders = [];
+            this.ErrorMessage = error instanceof Error ? error.message : 'Failed to load folders';
+            this.Folders = [];
         }
         finally {
-            this.isLoading = false;
+            this.IsLoading = false;
             this.cdr.detectChanges();
         }
     }
     /**
      * Handles folder click for navigation
      */
-    onFolderClick(folder) {
-        this.navigateToPath(folder.fullPath);
+    OnFolderClick(folder) {
+        this.NavigateToPath(folder.fullPath);
         this.loadFolders();
     }
+    /** @deprecated Use {@link OnFolderClick}. */
+    onFolderClick(folder) {
+        return this.OnFolderClick(folder);
+    }
     static ɵfac = function FolderTreeComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FolderTreeComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FolderTreeComponent, selectors: [["mj-folder-tree"]], inputs: { account: "account" }, outputs: { folderSelected: "folderSelected" }, standalone: false, decls: 6, vars: 4, consts: [[1, "folder-tree"], [1, "navigation-bar"], [1, "tree-content"], [1, "tree-loading"], [1, "tree-error"], [1, "folder-list"], [1, "nav-buttons"], ["type", "button", "title", "Go back", 1, "nav-button", 3, "click", "disabled"], [1, "fa-solid", "fa-chevron-left"], ["type", "button", "title", "Go forward", 1, "nav-button", 3, "click", "disabled"], [1, "fa-solid", "fa-chevron-right"], [1, "breadcrumbs"], ["type", "button", 1, "breadcrumb-item", 3, "click"], [1, "fa-solid", "fa-chevron-right", "breadcrumb-separator"], ["text", "Loading folders..."], [1, "fa-solid", "fa-triangle-exclamation", "error-icon"], [1, "error-text"], [1, "folder-item", 3, "title"], [1, "tree-placeholder"], [1, "folder-item", 3, "click", "title"], [1, "fa-solid", "fa-folder", "folder-icon"], [1, "folder-name"], [1, "fa-solid", "fa-folder-open", "placeholder-icon"], [1, "placeholder-text"], [1, "placeholder-hint"]], template: function FolderTreeComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FolderTreeComponent, selectors: [["mj-folder-tree"]], inputs: { Account: "Account", account: "account" }, outputs: { FolderSelected: "FolderSelected", folderSelected: "folderSelected" }, standalone: false, decls: 6, vars: 4, consts: [[1, "folder-tree"], [1, "navigation-bar"], [1, "tree-content"], [1, "tree-loading"], [1, "tree-error"], [1, "folder-list"], [1, "nav-buttons"], ["type", "button", "title", "Go back", 1, "nav-button", 3, "click", "disabled"], [1, "fa-solid", "fa-chevron-left"], ["type", "button", "title", "Go forward", 1, "nav-button", 3, "click", "disabled"], [1, "fa-solid", "fa-chevron-right"], [1, "breadcrumbs"], ["type", "button", 1, "breadcrumb-item", 3, "click"], [1, "fa-solid", "fa-chevron-right", "breadcrumb-separator"], ["text", "Loading folders..."], [1, "fa-solid", "fa-triangle-exclamation", "error-icon"], [1, "error-text"], [1, "folder-item", 3, "title"], [1, "tree-placeholder"], [1, "folder-item", 3, "click", "title"], [1, "fa-solid", "fa-folder", "folder-icon"], [1, "folder-name"], [1, "fa-solid", "fa-folder-open", "placeholder-icon"], [1, "placeholder-text"], [1, "placeholder-hint"]], template: function FolderTreeComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵconditionalCreate(1, FolderTreeComponent_Conditional_1_Template, 9, 2, "div", 1);
             i0.ɵɵelementStart(2, "div", 2);
@@ -361,8 +465,12 @@ export class FolderTreeComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FolderTreeComponent, [{
         type: Component,
         args: [{ standalone: false, selector: 'mj-folder-tree', template: "<div class=\"folder-tree\">\n  <!-- Navigation bar with back/forward buttons and breadcrumbs -->\n  @if (account) {\n    <div class=\"navigation-bar\">\n      <!-- Back/Forward buttons -->\n      <div class=\"nav-buttons\">\n        <button\n          type=\"button\"\n          [disabled]=\"!canGoBack()\"\n          (click)=\"navigateBack()\"\n          title=\"Go back\"\n          class=\"nav-button\">\n          <i class=\"fa-solid fa-chevron-left\"></i>\n        </button>\n        <button\n          type=\"button\"\n          [disabled]=\"!canGoForward()\"\n          (click)=\"navigateForward()\"\n          title=\"Go forward\"\n          class=\"nav-button\">\n          <i class=\"fa-solid fa-chevron-right\"></i>\n        </button>\n      </div>\n      <!-- Breadcrumb path -->\n      <div class=\"breadcrumbs\">\n        @for (item of breadcrumbs; track item.path; let last = $last) {\n          <button\n            type=\"button\"\n            (click)=\"onBreadcrumbClick(item)\"\n            [class.current]=\"last\"\n            class=\"breadcrumb-item\">\n            {{ item.label }}\n          </button>\n          @if (!last) {\n            <i class=\"fa-solid fa-chevron-right breadcrumb-separator\"></i>\n          }\n        }\n      </div>\n    </div>\n  }\n\n  <!-- Folder tree content -->\n  <div class=\"tree-content\">\n    <!-- Loading state -->\n    @if (isLoading) {\n      <div class=\"tree-loading\">\n        <mj-loading text=\"Loading folders...\"></mj-loading>\n      </div>\n    }\n\n    <!-- Error state -->\n    @if (errorMessage && !isLoading) {\n      <div class=\"tree-error\">\n        <i class=\"fa-solid fa-triangle-exclamation error-icon\"></i>\n        <p class=\"error-text\">{{ errorMessage }}</p>\n      </div>\n    }\n\n    <!-- Folder list -->\n    @if (!isLoading && !errorMessage) {\n      <div class=\"folder-list\">\n        @for (folder of folders; track folder.name) {\n          <div\n            class=\"folder-item\"\n            (click)=\"onFolderClick(folder)\"\n            [title]=\"folder.name\">\n            <i class=\"fa-solid fa-folder folder-icon\"></i>\n            <span class=\"folder-name\">{{ folder.name }}</span>\n          </div>\n        }\n        <!-- Empty state -->\n        @if (folders.length === 0) {\n          <div class=\"tree-placeholder\">\n            <i class=\"fa-solid fa-folder-open placeholder-icon\"></i>\n            <p class=\"placeholder-text\">No folders in this location</p>\n            @if (account) {\n              <p class=\"placeholder-hint\">Account: {{ account.account.Name }}</p>\n            }\n            <p class=\"placeholder-hint\">Path: {{ currentPath }}</p>\n          </div>\n        }\n      </div>\n    }\n  </div>\n</div>\n", styles: [".folder-tree {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  color: var(--mj-text-primary);\n}\n\n/* Navigation Bar */\n.navigation-bar {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 12px;\n  background-color: transparent;\n  border-bottom: 1px solid var(--mj-border-default);\n  flex-shrink: 0;\n}\n\n/* Back/Forward buttons */\n.nav-buttons {\n  display: flex;\n  gap: 3px;\n  flex-shrink: 0;\n}\n\n.nav-button {\n  width: 26px;\n  height: 26px;\n  min-width: 26px;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--mj-radius-sm, 6px);\n  border: 1px solid var(--mj-border-default);\n  background-color: var(--mj-bg-surface);\n  color: var(--mj-text-secondary);\n  cursor: pointer;\n  transition: all 0.15s ease;\n}\n\n.nav-button i {\n  font-size: 10px;\n}\n\n.nav-button:hover:not([disabled]) {\n  background-color: color-mix(in srgb, var(--mj-text-primary) 6%, var(--mj-bg-surface));\n  color: var(--mj-text-primary);\n  border-color: var(--mj-brand-primary);\n}\n\n.nav-button[disabled] {\n  opacity: 0.4;\n  cursor: not-allowed;\n  background-color: transparent;\n  border-color: transparent;\n}\n\n/* Breadcrumbs */\n.breadcrumbs {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  flex: 1;\n  min-width: 0;\n  overflow-x: auto;\n  overflow-y: hidden;\n}\n\n.breadcrumb-item {\n  flex-shrink: 0;\n  height: 24px;\n  padding: 0 8px;\n  font-size: 0.76rem;\n  font-weight: 500;\n  color: var(--mj-text-secondary);\n  border: none;\n  background: transparent;\n  border-radius: 4px;\n  cursor: pointer;\n  transition: all 0.12s ease;\n  white-space: nowrap;\n}\n\n.breadcrumb-item:hover {\n  background-color: color-mix(in srgb, var(--mj-text-primary) 6%, var(--mj-bg-surface));\n  color: var(--mj-text-primary);\n}\n\n.breadcrumb-item.current {\n  color: var(--mj-brand-primary);\n  font-weight: 600;\n  background-color: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.breadcrumb-separator {\n  font-size: 8px;\n  color: var(--mj-text-muted);\n  flex-shrink: 0;\n}\n\n/* Tree content area */\n.tree-content {\n  flex: 1;\n  overflow-y: auto;\n  padding: 6px 8px;\n}\n\n.tree-loading {\n  padding: 24px;\n  display: flex;\n  justify-content: center;\n}\n\n/* Folder list */\n.folder-list {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.folder-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 7px 10px;\n  border-radius: var(--mj-radius-sm, 6px);\n  cursor: pointer;\n  transition: all 0.12s ease;\n  color: var(--mj-text-primary);\n}\n\n.folder-item:hover {\n  background-color: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n}\n\n.folder-icon {\n  font-size: 0.88rem;\n  color: var(--mj-status-warning, #f59e0b);\n  flex-shrink: 0;\n}\n\n.folder-item:hover .folder-icon {\n  color: var(--mj-brand-primary);\n}\n\n.folder-name {\n  font-size: 0.82rem;\n  font-weight: 500;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* Error State */\n.tree-error {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 32px 16px;\n  text-align: center;\n  gap: 8px;\n}\n\n.error-icon {\n  font-size: 1.5rem;\n  color: var(--mj-status-error, #ef4444);\n}\n\n.error-text {\n  margin: 0;\n  font-size: 0.82rem;\n  color: var(--mj-status-error, #ef4444);\n  font-weight: 500;\n}\n\n/* Placeholder State */\n.tree-placeholder {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 32px 16px;\n  text-align: center;\n  gap: 6px;\n}\n\n.placeholder-icon {\n  font-size: 2rem;\n  color: var(--mj-text-muted);\n  margin-bottom: 4px;\n}\n\n.placeholder-text {\n  margin: 0;\n  font-size: 0.84rem;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.placeholder-hint {\n  margin: 0;\n  font-size: 0.74rem;\n  color: var(--mj-text-muted);\n}\n"] }]
-    }], () => [], { account: [{
+    }], () => [], { Account: [{
             type: Input
+        }], account: [{
+            type: Input
+        }], FolderSelected: [{
+            type: Output
         }], folderSelected: [{
             type: Output
         }] }); })();