@memberjunction/ng-file-storage 3.1.1 → 3.2.0

package/dist/lib/file-browser/storage-providers-list.component.d.ts

@@ -0,0 +1,59 @@
+import { EventEmitter, OnInit, ChangeDetectorRef } from '@angular/core';
+import { StorageAccountWithProvider } from '@memberjunction/core-entities';
+import * as i0 from "@angular/core";
+/**
+ * Displays a list of organizational file storage accounts.
+ * In the enterprise model, accounts are configured by administrators
+ * and available to users based on permissions. Users no longer manage
+ * their own OAuth connections - credentials are handled at the org level.
+ */
+export declare class StorageProvidersListComponent implements OnInit {
+    private cdr;
+    /**
+     * Emits when an account is selected by the user, or null when no accounts are available.
+     * Emits the full account-with-provider object for downstream components to use.
+     */
+    accountSelected: EventEmitter<StorageAccountWithProvider | null>;
+    /**
+     * All available storage accounts with their provider details.
+     */
+    accounts: StorageAccountWithProvider[];
+    /**
+     * Currently selected account.
+     */
+    selectedAccount: StorageAccountWithProvider | null;
+    /**
+     * Loading state indicator.
+     */
+    isLoading: boolean;
+    /**
+     * Error message if loading fails.
+     */
+    errorMessage: string | null;
+    constructor(cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    /**
+     * Loads all available file storage accounts with their provider details.
+     * Uses FileStorageEngine for centralized, cached access.
+     */
+    private loadAccounts;
+    /**
+     * Handles account selection by the user.
+     */
+    selectAccount(accountWithProvider: StorageAccountWithProvider): void;
+    /**
+     * Checks if an account is currently selected.
+     */
+    isSelected(accountWithProvider: StorageAccountWithProvider): boolean;
+    /**
+     * Gets the icon class for a provider based on its name.
+     */
+    getProviderIcon(providerName: string): string;
+    /**
+     * Refreshes the accounts list by forcing a reload from the database.
+     */
+    refresh(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StorageProvidersListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StorageProvidersListComponent, "mj-storage-providers-list", never, {}, { "accountSelected": "accountSelected"; }, never, never, false, never>;
+}
+//# sourceMappingURL=storage-providers-list.component.d.ts.map

package/dist/lib/file-browser/storage-providers-list.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"storage-providers-list.component.d.ts","sourceRoot":"","sources":["../../../src/lib/file-browser/storage-providers-list.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAAE,MAAM,EAAU,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAC3F,OAAO,EAAqB,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;;AAE9F;;;;;GAKG;AACH,qBAKa,6BAA8B,YAAW,MAAM;IA2B9C,OAAO,CAAC,GAAG;IA1BvB;;;OAGG;IACO,eAAe,kDAAyD;IAElF;;OAEG;IACI,QAAQ,EAAE,0BAA0B,EAAE,CAAM;IAEnD;;OAEG;IACI,eAAe,EAAE,0BAA0B,GAAG,IAAI,CAAQ;IAEjE;;OAEG;IACI,SAAS,EAAE,OAAO,CAAS;IAElC;;OAEG;IACI,YAAY,EAAE,MAAM,GAAG,IAAI,CAAQ;gBAEtB,GAAG,EAAE,iBAAiB;IAE1C,QAAQ,IAAI,IAAI;IAIhB;;;OAGG;YACW,YAAY;IAgC1B;;OAEG;IACI,aAAa,CAAC,mBAAmB,EAAE,0BAA0B,GAAG,IAAI;IAK3E;;OAEG;IACI,UAAU,CAAC,mBAAmB,EAAE,0BAA0B,GAAG,OAAO;IAI3E;;OAEG;IACI,eAAe,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM;IAsBpD;;OAEG;IACI,OAAO,IAAI,IAAI;yCAhHX,6BAA6B;2CAA7B,6BAA6B;CAmHzC"}

package/dist/lib/file-browser/storage-providers-list.component.js

@@ -0,0 +1,235 @@
+import { Component, EventEmitter, Output } from '@angular/core';
+import { FileStorageEngine } from '@memberjunction/core-entities';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@memberjunction/ng-shared-generic";
+function StorageProvidersListComponent_div_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 7);
+    i0.ɵɵelement(1, "mj-loading", 8);
+    i0.ɵɵelementEnd();
+} }
+function StorageProvidersListComponent_div_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 9)(1, "div", 10);
+    i0.ɵɵelement(2, "i", 11);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "p", 12);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r0.errorMessage);
+} }
+function StorageProvidersListComponent_div_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 13)(1, "div", 14);
+    i0.ɵɵelement(2, "i", 15);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "p", 16);
+    i0.ɵɵtext(4, "No storage accounts configured");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "p", 17);
+    i0.ɵɵtext(6, "Contact your administrator to set up file storage accounts");
+    i0.ɵɵelementEnd()();
+} }
+function StorageProvidersListComponent_div_7_div_1_span_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 29);
+    i0.ɵɵelement(1, "i", 30);
+    i0.ɵɵelementEnd();
+} }
+function StorageProvidersListComponent_div_7_div_1_span_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 31);
+    i0.ɵɵelement(1, "i", 32);
+    i0.ɵɵelementEnd();
+} }
+function StorageProvidersListComponent_div_7_div_1_span_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 33);
+    i0.ɵɵelement(1, "i", 34);
+    i0.ɵɵelementEnd();
+} }
+function StorageProvidersListComponent_div_7_div_1_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 20);
+    i0.ɵɵlistener("click", function StorageProvidersListComponent_div_7_div_1_Template_div_click_0_listener() { const item_r3 = i0.ɵɵrestoreView(_r2).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.selectAccount(item_r3)); });
+    i0.ɵɵelementStart(1, "div", 21);
+    i0.ɵɵelement(2, "i");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 22)(4, "div", 23);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "div", 24)(7, "span", 25);
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(9, StorageProvidersListComponent_div_7_div_1_span_9_Template, 2, 0, "span", 26)(10, StorageProvidersListComponent_div_7_div_1_span_10_Template, 2, 0, "span", 27)(11, StorageProvidersListComponent_div_7_div_1_span_11_Template, 2, 0, "span", 28);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const item_r3 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("selected", ctx_r0.isSelected(item_r3));
+    i0.ɵɵproperty("title", item_r3.account.Description || item_r3.account.Name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r0.getProviderIcon(item_r3.provider.Name));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(item_r3.account.Name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("title", item_r3.provider.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", item_r3.provider.Name, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", item_r3.provider.SupportsSearch);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", item_r3.account.CredentialID);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !item_r3.account.CredentialID);
+} }
+function StorageProvidersListComponent_div_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 18);
+    i0.ɵɵtemplate(1, StorageProvidersListComponent_div_7_div_1_Template, 12, 11, "div", 19);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r0.accounts);
+} }
+/**
+ * Displays a list of organizational file storage accounts.
+ * In the enterprise model, accounts are configured by administrators
+ * and available to users based on permissions. Users no longer manage
+ * their own OAuth connections - credentials are handled at the org level.
+ */
+export class StorageProvidersListComponent {
+    cdr;
+    /**
+     * Emits when an account is selected by the user, or null when no accounts are available.
+     * Emits the full account-with-provider object for downstream components to use.
+     */
+    accountSelected = new EventEmitter();
+    /**
+     * All available storage accounts with their provider details.
+     */
+    accounts = [];
+    /**
+     * Currently selected account.
+     */
+    selectedAccount = null;
+    /**
+     * Loading state indicator.
+     */
+    isLoading = false;
+    /**
+     * Error message if loading fails.
+     */
+    errorMessage = null;
+    constructor(cdr) {
+        this.cdr = cdr;
+    }
+    ngOnInit() {
+        this.loadAccounts();
+    }
+    /**
+     * Loads all available file storage accounts with their provider details.
+     * Uses FileStorageEngine for centralized, cached access.
+     */
+    async loadAccounts() {
+        this.isLoading = true;
+        this.errorMessage = null;
+        try {
+            const engine = FileStorageEngine.Instance;
+            await engine.Config(false); // Use cached data if available
+            this.accounts = engine.AccountsWithProviders;
+            console.log('[StorageAccountsList] Loaded accounts:', this.accounts.map(a => ({
+                name: a.account.Name,
+                provider: a.provider.Name,
+                hasCredential: !!a.account.CredentialID
+            })));
+            // Auto-select first account if available
+            if (this.accounts.length > 0) {
+                this.selectAccount(this.accounts[0]);
+            }
+            else {
+                this.accountSelected.emit(null);
+            }
+        }
+        catch (error) {
+            this.errorMessage = error instanceof Error ? error.message : 'Failed to load storage accounts';
+            console.error('[StorageProvidersList] Error loading accounts:', error);
+        }
+        finally {
+            this.isLoading = false;
+            this.cdr.detectChanges();
+        }
+    }
+    /**
+     * Handles account selection by the user.
+     */
+    selectAccount(accountWithProvider) {
+        this.selectedAccount = accountWithProvider;
+        this.accountSelected.emit(accountWithProvider);
+    }
+    /**
+     * Checks if an account is currently selected.
+     */
+    isSelected(accountWithProvider) {
+        return this.selectedAccount?.account.ID === accountWithProvider.account.ID;
+    }
+    /**
+     * Gets the icon class for a provider based on its name.
+     */
+    getProviderIcon(providerName) {
+        const name = providerName.toLowerCase();
+        if (name.includes('aws') || name.includes('s3')) {
+            return 'fa-brands fa-aws';
+        }
+        else if (name.includes('azure')) {
+            return 'fa-brands fa-microsoft';
+        }
+        else if (name.includes('google drive')) {
+            return 'fa-brands fa-google-drive';
+        }
+        else if (name.includes('google cloud')) {
+            return 'fa-brands fa-google';
+        }
+        else if (name.includes('dropbox')) {
+            return 'fa-brands fa-dropbox';
+        }
+        else if (name.includes('box')) {
+            return 'fa-solid fa-box';
+        }
+        else if (name.includes('sharepoint') || name.includes('onedrive')) {
+            return 'fa-brands fa-microsoft';
+        }
+        else {
+            return 'fa-solid fa-cloud';
+        }
+    }
+    /**
+     * Refreshes the accounts list by forcing a reload from the database.
+     */
+    refresh() {
+        FileStorageEngine.Instance.Config(true).then(() => this.loadAccounts());
+    }
+    static ɵfac = function StorageProvidersListComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || StorageProvidersListComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: StorageProvidersListComponent, selectors: [["mj-storage-providers-list"]], outputs: { accountSelected: "accountSelected" }, decls: 8, vars: 4, consts: [[1, "providers-list"], [1, "providers-header"], [1, "header-title"], ["class", "loading-state", 4, "ngIf"], ["class", "error-state", 4, "ngIf"], ["class", "empty-state", 4, "ngIf"], ["class", "providers-container", 4, "ngIf"], [1, "loading-state"], ["text", "Loading accounts..."], [1, "error-state"], [1, "error-icon"], [1, "fa-solid", "fa-triangle-exclamation"], [1, "error-message"], [1, "empty-state"], [1, "empty-icon"], [1, "fa-solid", "fa-folder-plus"], [1, "empty-message"], [1, "empty-hint"], [1, "providers-container"], ["class", "provider-item", 3, "selected", "title", "click", 4, "ngFor", "ngForOf"], [1, "provider-item", 3, "click", "title"], [1, "provider-icon"], [1, "provider-info"], [1, "provider-name"], [1, "provider-meta"], [1, "provider-type-badge", 3, "title"], ["class", "search-badge", "title", "Supports search", 4, "ngIf"], ["class", "credential-badge", "title", "Credentials configured", 4, "ngIf"], ["class", "unconfigured-badge", "title", "No credentials configured", 4, "ngIf"], ["title", "Supports search", 1, "search-badge"], [1, "fa-solid", "fa-magnifying-glass"], ["title", "Credentials configured", 1, "credential-badge"], [1, "fa-solid", "fa-key"], ["title", "No credentials configured", 1, "unconfigured-badge"], [1, "fa-solid", "fa-exclamation-triangle"]], template: function StorageProvidersListComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "span", 2);
+            i0.ɵɵtext(3, "Storage Accounts");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵtemplate(4, StorageProvidersListComponent_div_4_Template, 2, 0, "div", 3)(5, StorageProvidersListComponent_div_5_Template, 5, 1, "div", 4)(6, StorageProvidersListComponent_div_6_Template, 7, 0, "div", 5)(7, StorageProvidersListComponent_div_7_Template, 2, 1, "div", 6);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("ngIf", ctx.isLoading);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.errorMessage && !ctx.isLoading);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", !ctx.isLoading && !ctx.errorMessage && ctx.accounts.length === 0);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", !ctx.isLoading && !ctx.errorMessage && ctx.accounts.length > 0);
+        } }, dependencies: [i1.NgForOf, i1.NgIf, i2.LoadingComponent], styles: ["\n\n\n\n\n.providers-list[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: hidden;\n}\n\n\n\n.providers-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px 16px;\n  border-bottom: 1px solid #e5e5e5;\n  background-color: #fafafa;\n}\n\n.header-title[_ngcontent-%COMP%] {\n  font-size: 13px;\n  font-weight: 600;\n  color: #1d1d1f;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.add-provider-btn[_ngcontent-%COMP%] {\n  width: 28px;\n  height: 28px;\n  border: none;\n  border-radius: 50%;\n  background-color: #007aff;\n  color: white;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.2s ease;\n  font-size: 14px;\n}\n\n.add-provider-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background-color: #0056b3;\n  transform: scale(1.05);\n}\n\n.add-provider-btn[_ngcontent-%COMP%]:disabled {\n  background-color: #ccc;\n  cursor: not-allowed;\n}\n\n\n\n.loading-state[_ngcontent-%COMP%], \n.error-state[_ngcontent-%COMP%], \n.empty-state[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 24px;\n  text-align: center;\n  color: #86868b;\n  flex: 1;\n}\n\n.error-icon[_ngcontent-%COMP%], \n.empty-icon[_ngcontent-%COMP%] {\n  font-size: 32px;\n  margin-bottom: 12px;\n  opacity: 0.7;\n}\n\n.error-icon[_ngcontent-%COMP%] {\n  color: #f44336;\n}\n\n.empty-icon[_ngcontent-%COMP%] {\n  color: #007aff;\n}\n\n.error-message[_ngcontent-%COMP%], \n.empty-message[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: 500;\n  margin: 0 0 4px 0;\n  color: #1d1d1f;\n}\n\n.empty-hint[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: #86868b;\n  margin: 4px 0 0 0;\n  max-width: 180px;\n  line-height: 1.4;\n}\n\n\n\n.providers-container[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n\n\n\n.provider-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  padding: 12px 16px;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  border-bottom: 1px solid #f0f0f0;\n  position: relative;\n}\n\n.provider-item[_ngcontent-%COMP%]:hover {\n  background-color: #f5f5f7;\n}\n\n.provider-item.selected[_ngcontent-%COMP%] {\n  background-color: #e8f4fd;\n  border-left: 3px solid #007aff;\n}\n\n.provider-item.selected[_ngcontent-%COMP%]::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 3px;\n  background-color: #007aff;\n}\n\n\n\n.provider-icon[_ngcontent-%COMP%] {\n  flex-shrink: 0;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 20px;\n  color: #424242;\n  margin-right: 12px;\n}\n\n.provider-item.selected[_ngcontent-%COMP%]   .provider-icon[_ngcontent-%COMP%] {\n  color: #007aff;\n}\n\n\n\n.provider-info[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.provider-name[_ngcontent-%COMP%] {\n  font-size: 13px;\n  font-weight: 500;\n  color: #1d1d1f;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.provider-item.selected[_ngcontent-%COMP%]   .provider-name[_ngcontent-%COMP%] {\n  color: #007aff;\n  font-weight: 600;\n}\n\n.provider-meta[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  color: #86868b;\n}\n\n\n\n.default-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  color: #f5a623;\n}\n\n.default-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n}\n\n\n\n.provider-type-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 6px;\n  background-color: #f0f0f0;\n  border-radius: 10px;\n  font-size: 10px;\n  color: #666;\n  max-width: 100px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.provider-item.selected[_ngcontent-%COMP%]   .provider-type-badge[_ngcontent-%COMP%] {\n  background-color: rgba(0, 122, 255, 0.15);\n  color: #007aff;\n}\n\n\n\n.search-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 6px;\n  background-color: #f0f0f0;\n  border-radius: 10px;\n  font-size: 10px;\n  color: #666;\n}\n\n.provider-item.selected[_ngcontent-%COMP%]   .search-badge[_ngcontent-%COMP%] {\n  background-color: rgba(0, 122, 255, 0.15);\n  color: #007aff;\n}\n\n.search-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 9px;\n}\n\n\n\n.credential-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 6px;\n  background-color: #e8f5e9;\n  border-radius: 10px;\n  font-size: 10px;\n  color: #34c759;\n}\n\n.provider-item.selected[_ngcontent-%COMP%]   .credential-badge[_ngcontent-%COMP%] {\n  background-color: rgba(52, 199, 89, 0.15);\n  color: #34c759;\n}\n\n.credential-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 9px;\n}\n\n\n\n.unconfigured-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  color: #ff9500;\n}\n\n.unconfigured-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n}\n\n\n\n.oauth-connected-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 6px;\n  background-color: #e8f5e9;\n  border-radius: 10px;\n  font-size: 10px;\n  color: #34c759;\n}\n\n.oauth-connected-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 9px;\n}\n\n.oauth-disconnected-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 6px;\n  background-color: #fff3e0;\n  border-radius: 10px;\n  font-size: 10px;\n  color: #ff9500;\n}\n\n.oauth-disconnected-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 9px;\n}\n\n\n\n.provider-actions[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  margin-left: 8px;\n}\n\n.connect-btn[_ngcontent-%COMP%], \n.disconnect-btn[_ngcontent-%COMP%] {\n  width: 26px;\n  height: 26px;\n  border: none;\n  border-radius: 50%;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.2s ease;\n  font-size: 12px;\n}\n\n.connect-btn[_ngcontent-%COMP%] {\n  background-color: #e8f5e9;\n  color: #34c759;\n}\n\n.connect-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background-color: #c8e6c9;\n  transform: scale(1.05);\n}\n\n.connect-btn[_ngcontent-%COMP%]:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.disconnect-btn[_ngcontent-%COMP%] {\n  background-color: transparent;\n  color: #86868b;\n}\n\n.disconnect-btn[_ngcontent-%COMP%]:hover {\n  background-color: #ffebee;\n  color: #f44336;\n}\n\n\n\n.remove-provider-btn[_ngcontent-%COMP%] {\n  width: 24px;\n  height: 24px;\n  border: none;\n  border-radius: 50%;\n  background-color: transparent;\n  color: #999;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.2s ease;\n  font-size: 12px;\n  opacity: 0;\n  margin-left: 8px;\n}\n\n.provider-item[_ngcontent-%COMP%]:hover   .remove-provider-btn[_ngcontent-%COMP%] {\n  opacity: 1;\n}\n\n.remove-provider-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background-color: #ffebee;\n  color: #f44336;\n}\n\n.remove-provider-btn[_ngcontent-%COMP%]:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n\n\n.providers-container[_ngcontent-%COMP%]::-webkit-scrollbar {\n  width: 6px;\n}\n\n.providers-container[_ngcontent-%COMP%]::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n.providers-container[_ngcontent-%COMP%]::-webkit-scrollbar-thumb {\n  background: #c7c7cc;\n  border-radius: 3px;\n}\n\n.providers-container[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover {\n  background: #a0a0a5;\n}\n\n\n\n\n\n\n.add-provider-dialog[_ngcontent-%COMP%] {\n  min-height: 150px;\n}\n\n.dialog-loading[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 40px 20px;\n}\n\n.dialog-empty[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 30px 20px;\n  text-align: center;\n}\n\n.dialog-empty-icon[_ngcontent-%COMP%] {\n  font-size: 40px;\n  color: #34c759;\n  margin-bottom: 12px;\n}\n\n.dialog-empty-message[_ngcontent-%COMP%] {\n  font-size: 16px;\n  font-weight: 500;\n  color: #1d1d1f;\n  margin: 0 0 4px 0;\n}\n\n.dialog-empty-hint[_ngcontent-%COMP%] {\n  font-size: 13px;\n  color: #86868b;\n  margin: 0;\n}\n\n.dialog-instruction[_ngcontent-%COMP%] {\n  font-size: 13px;\n  color: #666;\n  margin: 0 0 12px 0;\n  padding: 0 4px;\n}\n\n.available-providers[_ngcontent-%COMP%] {\n  max-height: 350px;\n  overflow-y: auto;\n}\n\n.available-provider-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  padding: 12px;\n  border-radius: 8px;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  margin-bottom: 8px;\n  border: 1px solid #e5e5e5;\n}\n\n.available-provider-item[_ngcontent-%COMP%]:hover:not(.disabled) {\n  background-color: #f5f5f7;\n  border-color: #007aff;\n}\n\n.available-provider-item.disabled[_ngcontent-%COMP%] {\n  opacity: 0.6;\n  cursor: not-allowed;\n  background-color: #f9f9f9;\n}\n\n.available-provider-item[_ngcontent-%COMP%]   .provider-icon[_ngcontent-%COMP%] {\n  margin-right: 12px;\n}\n\n.available-provider-item[_ngcontent-%COMP%]   .provider-info[_ngcontent-%COMP%] {\n  flex: 1;\n}\n\n.available-provider-item[_ngcontent-%COMP%]   .provider-name[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: 500;\n  color: #1d1d1f;\n}\n\n.available-provider-item[_ngcontent-%COMP%]   .provider-description[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: #86868b;\n  margin-top: 2px;\n  line-height: 1.3;\n}\n\n.available-provider-item[_ngcontent-%COMP%]   .provider-warning[_ngcontent-%COMP%] {\n  font-size: 11px;\n  color: #ff9500;\n  margin-top: 4px;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.available-provider-item[_ngcontent-%COMP%]   .provider-warning[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n}\n\n\n\n.available-provider-item[_ngcontent-%COMP%]   .oauth-hint[_ngcontent-%COMP%] {\n  font-size: 11px;\n  color: #007aff;\n  margin-top: 4px;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.available-provider-item[_ngcontent-%COMP%]   .oauth-hint[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n}\n\n.available-provider-item.oauth-provider[_ngcontent-%COMP%] {\n  border-color: #007aff;\n  border-style: dashed;\n}\n\n.available-provider-item.oauth-provider[_ngcontent-%COMP%]:hover:not(.disabled) {\n  background-color: #e8f4fd;\n  border-style: solid;\n}\n\n.add-indicator[_ngcontent-%COMP%] {\n  width: 28px;\n  height: 28px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #007aff;\n  font-size: 14px;\n}\n\n\n\n@media screen and (max-width: 768px) {\n  .providers-header[_ngcontent-%COMP%] {\n    padding: 10px 12px;\n  }\n\n  .header-title[_ngcontent-%COMP%] {\n    font-size: 12px;\n  }\n\n  .add-provider-btn[_ngcontent-%COMP%] {\n    width: 26px;\n    height: 26px;\n    font-size: 12px;\n  }\n\n  .provider-item[_ngcontent-%COMP%] {\n    padding: 10px 12px;\n  }\n\n  .provider-icon[_ngcontent-%COMP%] {\n    width: 28px;\n    height: 28px;\n    font-size: 18px;\n    margin-right: 10px;\n  }\n\n  .provider-name[_ngcontent-%COMP%] {\n    font-size: 12px;\n  }\n\n  .provider-status[_ngcontent-%COMP%] {\n    font-size: 10px;\n  }\n\n  .remove-provider-btn[_ngcontent-%COMP%] {\n    width: 22px;\n    height: 22px;\n    font-size: 11px;\n    opacity: 1;\n  }\n}"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StorageProvidersListComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-storage-providers-list', template: "<div class=\"providers-list\">\n  <!-- Header -->\n  <div class=\"providers-header\">\n    <span class=\"header-title\">Storage Accounts</span>\n  </div>\n\n  <!-- Loading State -->\n  <div *ngIf=\"isLoading\" class=\"loading-state\">\n    <mj-loading text=\"Loading accounts...\"></mj-loading>\n  </div>\n\n  <!-- Error State -->\n  <div *ngIf=\"errorMessage && !isLoading\" class=\"error-state\">\n    <div class=\"error-icon\">\n      <i class=\"fa-solid fa-triangle-exclamation\"></i>\n    </div>\n    <p class=\"error-message\">{{ errorMessage }}</p>\n  </div>\n\n  <!-- Empty State -->\n  <div *ngIf=\"!isLoading && !errorMessage && accounts.length === 0\" class=\"empty-state\">\n    <div class=\"empty-icon\">\n      <i class=\"fa-solid fa-folder-plus\"></i>\n    </div>\n    <p class=\"empty-message\">No storage accounts configured</p>\n    <p class=\"empty-hint\">Contact your administrator to set up file storage accounts</p>\n  </div>\n\n  <!-- Account List -->\n  <div *ngIf=\"!isLoading && !errorMessage && accounts.length > 0\" class=\"providers-container\">\n    <div\n      *ngFor=\"let item of accounts\"\n      class=\"provider-item\"\n      [class.selected]=\"isSelected(item)\"\n      (click)=\"selectAccount(item)\"\n      [title]=\"item.account.Description || item.account.Name\"\n    >\n      <div class=\"provider-icon\">\n        <i [class]=\"getProviderIcon(item.provider.Name)\"></i>\n      </div>\n      <div class=\"provider-info\">\n        <div class=\"provider-name\">{{ item.account.Name }}</div>\n        <div class=\"provider-meta\">\n          <!-- Provider type badge -->\n          <span class=\"provider-type-badge\" [title]=\"item.provider.Name\">\n            {{ item.provider.Name }}\n          </span>\n          <!-- Search support badge -->\n          <span class=\"search-badge\" *ngIf=\"item.provider.SupportsSearch\" title=\"Supports search\">\n            <i class=\"fa-solid fa-magnifying-glass\"></i>\n          </span>\n          <!-- Credential configured badge -->\n          <span class=\"credential-badge\" *ngIf=\"item.account.CredentialID\" title=\"Credentials configured\">\n            <i class=\"fa-solid fa-key\"></i>\n          </span>\n          <!-- No credential warning -->\n          <span class=\"unconfigured-badge\" *ngIf=\"!item.account.CredentialID\" title=\"No credentials configured\">\n            <i class=\"fa-solid fa-exclamation-triangle\"></i>\n          </span>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: ["/* ===========================\n   Storage Providers List\n   =========================== */\n\n.providers-list {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: hidden;\n}\n\n/* Header with Add Button */\n.providers-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px 16px;\n  border-bottom: 1px solid #e5e5e5;\n  background-color: #fafafa;\n}\n\n.header-title {\n  font-size: 13px;\n  font-weight: 600;\n  color: #1d1d1f;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.add-provider-btn {\n  width: 28px;\n  height: 28px;\n  border: none;\n  border-radius: 50%;\n  background-color: #007aff;\n  color: white;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.2s ease;\n  font-size: 14px;\n}\n\n.add-provider-btn:hover:not(:disabled) {\n  background-color: #0056b3;\n  transform: scale(1.05);\n}\n\n.add-provider-btn:disabled {\n  background-color: #ccc;\n  cursor: not-allowed;\n}\n\n/* Loading, Error, and Empty States */\n.loading-state,\n.error-state,\n.empty-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 24px;\n  text-align: center;\n  color: #86868b;\n  flex: 1;\n}\n\n.error-icon,\n.empty-icon {\n  font-size: 32px;\n  margin-bottom: 12px;\n  opacity: 0.7;\n}\n\n.error-icon {\n  color: #f44336;\n}\n\n.empty-icon {\n  color: #007aff;\n}\n\n.error-message,\n.empty-message {\n  font-size: 14px;\n  font-weight: 500;\n  margin: 0 0 4px 0;\n  color: #1d1d1f;\n}\n\n.empty-hint {\n  font-size: 12px;\n  color: #86868b;\n  margin: 4px 0 0 0;\n  max-width: 180px;\n  line-height: 1.4;\n}\n\n/* Provider List Container */\n.providers-container {\n  flex: 1;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n\n/* Individual Provider Item */\n.provider-item {\n  display: flex;\n  align-items: center;\n  padding: 12px 16px;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  border-bottom: 1px solid #f0f0f0;\n  position: relative;\n}\n\n.provider-item:hover {\n  background-color: #f5f5f7;\n}\n\n.provider-item.selected {\n  background-color: #e8f4fd;\n  border-left: 3px solid #007aff;\n}\n\n.provider-item.selected::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 3px;\n  background-color: #007aff;\n}\n\n/* Provider Icon */\n.provider-icon {\n  flex-shrink: 0;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 20px;\n  color: #424242;\n  margin-right: 12px;\n}\n\n.provider-item.selected .provider-icon {\n  color: #007aff;\n}\n\n/* Provider Info */\n.provider-info {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.provider-name {\n  font-size: 13px;\n  font-weight: 500;\n  color: #1d1d1f;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.provider-item.selected .provider-name {\n  color: #007aff;\n  font-weight: 600;\n}\n\n.provider-meta {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  color: #86868b;\n}\n\n/* Default Badge */\n.default-badge {\n  display: inline-flex;\n  align-items: center;\n  color: #f5a623;\n}\n\n.default-badge i {\n  font-size: 10px;\n}\n\n/* Provider Type Badge */\n.provider-type-badge {\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 6px;\n  background-color: #f0f0f0;\n  border-radius: 10px;\n  font-size: 10px;\n  color: #666;\n  max-width: 100px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.provider-item.selected .provider-type-badge {\n  background-color: rgba(0, 122, 255, 0.15);\n  color: #007aff;\n}\n\n/* Search Badge */\n.search-badge {\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 6px;\n  background-color: #f0f0f0;\n  border-radius: 10px;\n  font-size: 10px;\n  color: #666;\n}\n\n.provider-item.selected .search-badge {\n  background-color: rgba(0, 122, 255, 0.15);\n  color: #007aff;\n}\n\n.search-badge i {\n  font-size: 9px;\n}\n\n/* Credential Badge */\n.credential-badge {\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 6px;\n  background-color: #e8f5e9;\n  border-radius: 10px;\n  font-size: 10px;\n  color: #34c759;\n}\n\n.provider-item.selected .credential-badge {\n  background-color: rgba(52, 199, 89, 0.15);\n  color: #34c759;\n}\n\n.credential-badge i {\n  font-size: 9px;\n}\n\n/* Unconfigured Badge */\n.unconfigured-badge {\n  display: inline-flex;\n  align-items: center;\n  color: #ff9500;\n}\n\n.unconfigured-badge i {\n  font-size: 10px;\n}\n\n/* OAuth Status Badges */\n.oauth-connected-badge {\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 6px;\n  background-color: #e8f5e9;\n  border-radius: 10px;\n  font-size: 10px;\n  color: #34c759;\n}\n\n.oauth-connected-badge i {\n  font-size: 9px;\n}\n\n.oauth-disconnected-badge {\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 6px;\n  background-color: #fff3e0;\n  border-radius: 10px;\n  font-size: 10px;\n  color: #ff9500;\n}\n\n.oauth-disconnected-badge i {\n  font-size: 9px;\n}\n\n/* Provider Actions (OAuth connect/disconnect buttons) */\n.provider-actions {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  margin-left: 8px;\n}\n\n.connect-btn,\n.disconnect-btn {\n  width: 26px;\n  height: 26px;\n  border: none;\n  border-radius: 50%;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.2s ease;\n  font-size: 12px;\n}\n\n.connect-btn {\n  background-color: #e8f5e9;\n  color: #34c759;\n}\n\n.connect-btn:hover:not(:disabled) {\n  background-color: #c8e6c9;\n  transform: scale(1.05);\n}\n\n.connect-btn:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.disconnect-btn {\n  background-color: transparent;\n  color: #86868b;\n}\n\n.disconnect-btn:hover {\n  background-color: #ffebee;\n  color: #f44336;\n}\n\n/* Remove Provider Button */\n.remove-provider-btn {\n  width: 24px;\n  height: 24px;\n  border: none;\n  border-radius: 50%;\n  background-color: transparent;\n  color: #999;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.2s ease;\n  font-size: 12px;\n  opacity: 0;\n  margin-left: 8px;\n}\n\n.provider-item:hover .remove-provider-btn {\n  opacity: 1;\n}\n\n.remove-provider-btn:hover:not(:disabled) {\n  background-color: #ffebee;\n  color: #f44336;\n}\n\n.remove-provider-btn:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n/* Scrollbar Styling */\n.providers-container::-webkit-scrollbar {\n  width: 6px;\n}\n\n.providers-container::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n.providers-container::-webkit-scrollbar-thumb {\n  background: #c7c7cc;\n  border-radius: 3px;\n}\n\n.providers-container::-webkit-scrollbar-thumb:hover {\n  background: #a0a0a5;\n}\n\n/* ===========================\n   Add Provider Dialog\n   =========================== */\n\n.add-provider-dialog {\n  min-height: 150px;\n}\n\n.dialog-loading {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 40px 20px;\n}\n\n.dialog-empty {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 30px 20px;\n  text-align: center;\n}\n\n.dialog-empty-icon {\n  font-size: 40px;\n  color: #34c759;\n  margin-bottom: 12px;\n}\n\n.dialog-empty-message {\n  font-size: 16px;\n  font-weight: 500;\n  color: #1d1d1f;\n  margin: 0 0 4px 0;\n}\n\n.dialog-empty-hint {\n  font-size: 13px;\n  color: #86868b;\n  margin: 0;\n}\n\n.dialog-instruction {\n  font-size: 13px;\n  color: #666;\n  margin: 0 0 12px 0;\n  padding: 0 4px;\n}\n\n.available-providers {\n  max-height: 350px;\n  overflow-y: auto;\n}\n\n.available-provider-item {\n  display: flex;\n  align-items: center;\n  padding: 12px;\n  border-radius: 8px;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  margin-bottom: 8px;\n  border: 1px solid #e5e5e5;\n}\n\n.available-provider-item:hover:not(.disabled) {\n  background-color: #f5f5f7;\n  border-color: #007aff;\n}\n\n.available-provider-item.disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n  background-color: #f9f9f9;\n}\n\n.available-provider-item .provider-icon {\n  margin-right: 12px;\n}\n\n.available-provider-item .provider-info {\n  flex: 1;\n}\n\n.available-provider-item .provider-name {\n  font-size: 14px;\n  font-weight: 500;\n  color: #1d1d1f;\n}\n\n.available-provider-item .provider-description {\n  font-size: 12px;\n  color: #86868b;\n  margin-top: 2px;\n  line-height: 1.3;\n}\n\n.available-provider-item .provider-warning {\n  font-size: 11px;\n  color: #ff9500;\n  margin-top: 4px;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.available-provider-item .provider-warning i {\n  font-size: 10px;\n}\n\n/* OAuth hint in add provider dialog */\n.available-provider-item .oauth-hint {\n  font-size: 11px;\n  color: #007aff;\n  margin-top: 4px;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.available-provider-item .oauth-hint i {\n  font-size: 10px;\n}\n\n.available-provider-item.oauth-provider {\n  border-color: #007aff;\n  border-style: dashed;\n}\n\n.available-provider-item.oauth-provider:hover:not(.disabled) {\n  background-color: #e8f4fd;\n  border-style: solid;\n}\n\n.add-indicator {\n  width: 28px;\n  height: 28px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #007aff;\n  font-size: 14px;\n}\n\n/* Responsive Adjustments */\n@media screen and (max-width: 768px) {\n  .providers-header {\n    padding: 10px 12px;\n  }\n\n  .header-title {\n    font-size: 12px;\n  }\n\n  .add-provider-btn {\n    width: 26px;\n    height: 26px;\n    font-size: 12px;\n  }\n\n  .provider-item {\n    padding: 10px 12px;\n  }\n\n  .provider-icon {\n    width: 28px;\n    height: 28px;\n    font-size: 18px;\n    margin-right: 10px;\n  }\n\n  .provider-name {\n    font-size: 12px;\n  }\n\n  .provider-status {\n    font-size: 10px;\n  }\n\n  .remove-provider-btn {\n    width: 22px;\n    height: 22px;\n    font-size: 11px;\n    opacity: 1;\n  }\n}\n"] }]
+    }], () => [{ type: i0.ChangeDetectorRef }], { accountSelected: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(StorageProvidersListComponent, { className: "StorageProvidersListComponent", filePath: "src/lib/file-browser/storage-providers-list.component.ts", lineNumber: 15 }); })();
+//# sourceMappingURL=storage-providers-list.component.js.map

package/dist/lib/file-browser/storage-providers-list.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"storage-providers-list.component.js","sourceRoot":"","sources":["../../../src/lib/file-browser/storage-providers-list.component.ts","../../../src/lib/file-browser/storage-providers-list.component.html"],"names":[],"mappings":"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"}

package/dist/lib/file-upload/file-upload.d.ts

@@ -55,77 +55,77 @@ declare const FileUploadMutationSchema: z.ZodObject<{
             Provider: z.ZodString;
         }, "__mj_CreatedAt" | "__mj_UpdatedAt">, z.ZodTypeAny, "passthrough">>;
     }, "strip", z.ZodTypeAny, {
-        NameExists: boolean;
-        UploadUrl: string;
         File: {
+            Category: string | null;
             ID: string;
             Name: string;
             Description: string | null;
+            Status: string;
             CategoryID: string | null;
-            ProviderID: string;
             ContentType: string | null;
+            ProviderID: string;
             ProviderKey: string | null;
-            Status: string;
-            Category: string | null;
             Provider: string;
         } & {
             [k: string]: unknown;
         };
-    }, {
         NameExists: boolean;
         UploadUrl: string;
+    }, {
         File: {
+            Category: string | null;
             ID: string;
             Name: string;
             Description: string | null;
+            Status: string;
             CategoryID: string | null;
-            ProviderID: string;
             ContentType: string | null;
+            ProviderID: string;
             ProviderKey: string | null;
-            Status: string;
-            Category: string | null;
             Provider: string;
         } & {
             [k: string]: unknown;
         };
+        NameExists: boolean;
+        UploadUrl: string;
     }>;
 }, "strip", z.ZodTypeAny, {
     CreateMJFile: {
-        NameExists: boolean;
-        UploadUrl: string;
         File: {
+            Category: string | null;
             ID: string;
             Name: string;
             Description: string | null;
+            Status: string;
             CategoryID: string | null;
-            ProviderID: string;
             ContentType: string | null;
+            ProviderID: string;
             ProviderKey: string | null;
-            Status: string;
-            Category: string | null;
             Provider: string;
         } & {
             [k: string]: unknown;
         };
+        NameExists: boolean;
+        UploadUrl: string;
     };
 }, {
     CreateMJFile: {
-        NameExists: boolean;
-        UploadUrl: string;
         File: {
+            Category: string | null;
             ID: string;
             Name: string;
             Description: string | null;
+            Status: string;
             CategoryID: string | null;
-            ProviderID: string;
             ContentType: string | null;
+            ProviderID: string;
             ProviderKey: string | null;
-            Status: string;
-            Category: string | null;
             Provider: string;
         } & {
             [k: string]: unknown;
         };
+        NameExists: boolean;
+        UploadUrl: string;
     };
 }>;
 type ApiFile = z.infer<typeof FileUploadMutationSchema>['CreateMJFile']['File'];

package/dist/lib/module.d.ts

@@ -2,26 +2,33 @@ import * as i0 from "@angular/core";
 import * as i1 from "./category-tree/category-tree";
 import * as i2 from "./files-grid/files-grid";
 import * as i3 from "./file-upload/file-upload";
-import * as i4 from "@angular/common";
-import * as i5 from "@progress/kendo-angular-treeview";
-import * as i6 from "@angular/forms";
-import * as i7 from "@progress/kendo-angular-dialog";
-import * as i8 from "@progress/kendo-angular-excel-export";
-import * as i9 from "@memberjunction/ng-compare-records";
-import * as i10 from "@memberjunction/ng-container-directives";
-import * as i11 from "@progress/kendo-angular-buttons";
-import * as i12 from "@progress/kendo-angular-label";
-import * as i13 from "@progress/kendo-angular-grid";
-import * as i14 from "@progress/kendo-angular-dropdowns";
-import * as i15 from "@angular/platform-browser";
-import * as i16 from "@angular/platform-browser/animations";
-import * as i17 from "@progress/kendo-angular-inputs";
-import * as i18 from "@progress/kendo-angular-upload";
-import * as i19 from "@progress/kendo-angular-menu";
-import * as i20 from "@progress/kendo-angular-indicators";
+import * as i4 from "./file-browser/file-browser.component";
+import * as i5 from "./file-browser/file-browser-demo.component";
+import * as i6 from "./file-browser/file-browser-resource.component";
+import * as i7 from "./file-browser/storage-providers-list.component";
+import * as i8 from "./file-browser/folder-tree.component";
+import * as i9 from "./file-browser/file-grid.component";
+import * as i10 from "@angular/common";
+import * as i11 from "@progress/kendo-angular-treeview";
+import * as i12 from "@angular/forms";
+import * as i13 from "@progress/kendo-angular-dialog";
+import * as i14 from "@progress/kendo-angular-excel-export";
+import * as i15 from "@memberjunction/ng-compare-records";
+import * as i16 from "@memberjunction/ng-container-directives";
+import * as i17 from "@memberjunction/ng-shared-generic";
+import * as i18 from "@progress/kendo-angular-buttons";
+import * as i19 from "@progress/kendo-angular-label";
+import * as i20 from "@progress/kendo-angular-grid";
+import * as i21 from "@progress/kendo-angular-dropdowns";
+import * as i22 from "@angular/platform-browser";
+import * as i23 from "@angular/platform-browser/animations";
+import * as i24 from "@progress/kendo-angular-inputs";
+import * as i25 from "@progress/kendo-angular-upload";
+import * as i26 from "@progress/kendo-angular-menu";
+import * as i27 from "@progress/kendo-angular-indicators";
 export declare class FileStorageModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<FileStorageModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<FileStorageModule, [typeof i1.CategoryTreeComponent, typeof i2.FilesGridComponent, typeof i3.FileUploadComponent], [typeof i4.CommonModule, typeof i5.TreeViewModule, typeof i6.FormsModule, typeof i7.DialogsModule, typeof i8.ExcelExportModule, typeof i9.CompareRecordsModule, typeof i10.ContainerDirectivesModule, typeof i11.ButtonsModule, typeof i12.LabelModule, typeof i13.GridModule, typeof i14.DropDownsModule, typeof i15.BrowserModule, typeof i16.BrowserAnimationsModule, typeof i17.InputsModule, typeof i18.UploadsModule, typeof i19.MenusModule, typeof i20.IndicatorsModule], [typeof i1.CategoryTreeComponent, typeof i2.FilesGridComponent, typeof i3.FileUploadComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FileStorageModule, [typeof i1.CategoryTreeComponent, typeof i2.FilesGridComponent, typeof i3.FileUploadComponent, typeof i4.FileBrowserComponent, typeof i5.FileBrowserDemoComponent, typeof i6.FileBrowserResource, typeof i7.StorageProvidersListComponent, typeof i8.FolderTreeComponent, typeof i9.FileGridComponent], [typeof i10.CommonModule, typeof i11.TreeViewModule, typeof i12.FormsModule, typeof i13.DialogsModule, typeof i14.ExcelExportModule, typeof i15.CompareRecordsModule, typeof i16.ContainerDirectivesModule, typeof i17.SharedGenericModule, typeof i18.ButtonsModule, typeof i19.LabelModule, typeof i20.GridModule, typeof i21.DropDownsModule, typeof i22.BrowserModule, typeof i23.BrowserAnimationsModule, typeof i24.InputsModule, typeof i25.UploadsModule, typeof i26.MenusModule, typeof i27.IndicatorsModule], [typeof i1.CategoryTreeComponent, typeof i2.FilesGridComponent, typeof i3.FileUploadComponent, typeof i4.FileBrowserComponent, typeof i5.FileBrowserDemoComponent, typeof i6.FileBrowserResource]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<FileStorageModule>;
 }
 //# sourceMappingURL=module.d.ts.map

package/dist/lib/module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../src/lib/module.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAyBA,qBAuBa,iBAAiB;yCAAjB,iBAAiB;0CAAjB,iBAAiB;0CAAjB,iBAAiB;CAAG"}
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../src/lib/module.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,qBAyCa,iBAAiB;yCAAjB,iBAAiB;0CAAjB,iBAAiB;0CAAjB,iBAAiB;CAAG"}

package/dist/lib/module.js

@@ -15,11 +15,18 @@ import { TreeViewModule } from '@progress/kendo-angular-treeview';
 import { FormsModule } from '@angular/forms';
 import { CompareRecordsModule } from '@memberjunction/ng-compare-records';
 import { ContainerDirectivesModule } from '@memberjunction/ng-container-directives';
+import { SharedGenericModule } from '@memberjunction/ng-shared-generic';
 import { DropDownsModule } from '@progress/kendo-angular-dropdowns';
 import { UploadsModule } from '@progress/kendo-angular-upload';
 import { CategoryTreeComponent } from './category-tree/category-tree';
 import { FileUploadComponent } from './file-upload/file-upload';
 import { FilesGridComponent } from './files-grid/files-grid';
+import { FileBrowserComponent } from './file-browser/file-browser.component';
+import { FileBrowserDemoComponent } from './file-browser/file-browser-demo.component';
+import { FileBrowserResource } from './file-browser/file-browser-resource.component';
+import { StorageProvidersListComponent } from './file-browser/storage-providers-list.component';
+import { FolderTreeComponent } from './file-browser/folder-tree.component';
+import { FileGridComponent } from './file-browser/file-grid.component';
 import * as i0 from "@angular/core";
 export class FileStorageModule {
     static ɵfac = function FileStorageModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FileStorageModule)(); };
@@ -31,6 +38,7 @@ export class FileStorageModule {
             ExcelExportModule,
             CompareRecordsModule,
             ContainerDirectivesModule,
+            SharedGenericModule,
             ButtonsModule,
             LabelModule,
             GridModule,
@@ -45,7 +53,17 @@ export class FileStorageModule {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FileStorageModule, [{
         type: NgModule,
         args: [{
-                declarations: [CategoryTreeComponent, FilesGridComponent, FileUploadComponent],
+                declarations: [
+                    CategoryTreeComponent,
+                    FilesGridComponent,
+                    FileUploadComponent,
+                    FileBrowserComponent,
+                    FileBrowserDemoComponent,
+                    FileBrowserResource,
+                    StorageProvidersListComponent,
+                    FolderTreeComponent,
+                    FileGridComponent
+                ],
                 imports: [
                     CommonModule,
                     TreeViewModule,
@@ -54,6 +72,7 @@ export class FileStorageModule {
                     ExcelExportModule,
                     CompareRecordsModule,
                     ContainerDirectivesModule,
+                    SharedGenericModule,
                     ButtonsModule,
                     LabelModule,
                     GridModule,
@@ -65,16 +84,32 @@ export class FileStorageModule {
                     MenusModule,
                     IndicatorsModule,
                 ],
-                exports: [CategoryTreeComponent, FilesGridComponent, FileUploadComponent],
+                exports: [
+                    CategoryTreeComponent,
+                    FilesGridComponent,
+                    FileUploadComponent,
+                    FileBrowserComponent,
+                    FileBrowserDemoComponent,
+                    FileBrowserResource
+                ],
             }]
     }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(FileStorageModule, { declarations: [CategoryTreeComponent, FilesGridComponent, FileUploadComponent], imports: [CommonModule,
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(FileStorageModule, { declarations: [CategoryTreeComponent,
+        FilesGridComponent,
+        FileUploadComponent,
+        FileBrowserComponent,
+        FileBrowserDemoComponent,
+        FileBrowserResource,
+        StorageProvidersListComponent,
+        FolderTreeComponent,
+        FileGridComponent], imports: [CommonModule,
         TreeViewModule,
         FormsModule,
         DialogsModule,
         ExcelExportModule,
         CompareRecordsModule,
         ContainerDirectivesModule,
+        SharedGenericModule,
         ButtonsModule,
         LabelModule,
         GridModule,
@@ -84,5 +119,10 @@ export class FileStorageModule {
         InputsModule,
         UploadsModule,
         MenusModule,
-        IndicatorsModule], exports: [CategoryTreeComponent, FilesGridComponent, FileUploadComponent] }); })();
+        IndicatorsModule], exports: [CategoryTreeComponent,
+        FilesGridComponent,
+        FileUploadComponent,
+        FileBrowserComponent,
+        FileBrowserDemoComponent,
+        FileBrowserResource] }); })();
 //# sourceMappingURL=module.js.map

package/dist/lib/module.js.map

@@ -1 +1 @@
-{"version":3,"file":"module.js","sourceRoot":"","sources":["../../src/lib/module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,2BAA2B;AAC3B,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAElE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AACpF,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;;AAyB7D,MAAM,OAAO,iBAAiB;2GAAjB,iBAAiB;4DAAjB,iBAAiB;gEApB1B,YAAY;YACZ,cAAc;YACd,WAAW;YACX,aAAa;YACb,iBAAiB;YACjB,oBAAoB;YACpB,yBAAyB;YACzB,aAAa;YACb,WAAW;YACX,UAAU;YACV,eAAe;YACf,aAAa;YACb,uBAAuB;YACvB,YAAY;YACZ,aAAa;YACb,WAAW;YACX,gBAAgB;;iFAIP,iBAAiB;cAvB7B,QAAQ;eAAC;gBACR,YAAY,EAAE,CAAC,qBAAqB,EAAE,kBAAkB,EAAE,mBAAmB,CAAC;gBAC9E,OAAO,EAAE;oBACP,YAAY;oBACZ,cAAc;oBACd,WAAW;oBACX,aAAa;oBACb,iBAAiB;oBACjB,oBAAoB;oBACpB,yBAAyB;oBACzB,aAAa;oBACb,WAAW;oBACX,UAAU;oBACV,eAAe;oBACf,aAAa;oBACb,uBAAuB;oBACvB,YAAY;oBACZ,aAAa;oBACb,WAAW;oBACX,gBAAgB;iBACjB;gBACD,OAAO,EAAE,CAAC,qBAAqB,EAAE,kBAAkB,EAAE,mBAAmB,CAAC;aAC1E;;wFACY,iBAAiB,mBAtBb,qBAAqB,EAAE,kBAAkB,EAAE,mBAAmB,aAE3E,YAAY;QACZ,cAAc;QACd,WAAW;QACX,aAAa;QACb,iBAAiB;QACjB,oBAAoB;QACpB,yBAAyB;QACzB,aAAa;QACb,WAAW;QACX,UAAU;QACV,eAAe;QACf,aAAa;QACb,uBAAuB;QACvB,YAAY;QACZ,aAAa;QACb,WAAW;QACX,gBAAgB,aAER,qBAAqB,EAAE,kBAAkB,EAAE,mBAAmB"}
+{"version":3,"file":"module.js","sourceRoot":"","sources":["../../src/lib/module.ts"],"names":[],"mappings":"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"}

package/dist/public-api.d.ts

@@ -1,4 +1,7 @@
 export * from './lib/category-tree/category-tree';
 export * from './lib/files-grid/files-grid';
+export * from './lib/file-browser/file-browser.component';
+export * from './lib/file-browser/file-browser-demo.component';
+export * from './lib/file-browser/file-browser-resource.component';
 export * from './lib/module';
 //# sourceMappingURL=public-api.d.ts.map