@memberjunction/ng-conversations 6.2.0-edge.0 → 6.2.0-edge.2

package/dist/lib/components/library/library-full-view.component.js

@@ -83,35 +83,91 @@ function LibraryFullViewComponent_Conditional_17_Template(rf, ctx) { if (rf & 1)
  * Replaces the main content area when Collections tab is selected
  */
 export class LibraryFullViewComponent extends BaseAngularComponent {
-    environmentId;
-    currentUser;
-    collections = [];
-    filteredCollections = [];
-    searchQuery = '';
+    EnvironmentId;
+    /** @deprecated Use {@link EnvironmentId}. */
+    set environmentId(value) {
+        this.EnvironmentId = value;
+    }
+    /** @deprecated Use {@link EnvironmentId}. */
+    get environmentId() {
+        return this.EnvironmentId;
+    }
+    CurrentUser;
+    /** @deprecated Use {@link CurrentUser}. */
+    set currentUser(value) {
+        this.CurrentUser = value;
+    }
+    /** @deprecated Use {@link CurrentUser}. */
+    get currentUser() {
+        return this.CurrentUser;
+    }
+    Collections = [];
+    /** @deprecated Use {@link Collections}. */
+    get collections() {
+        return this.Collections;
+    }
+    /** @deprecated Use {@link Collections}. */
+    set collections(value) {
+        this.Collections = value;
+    }
+    FilteredCollections = [];
+    /** @deprecated Use {@link FilteredCollections}. */
+    get filteredCollections() {
+        return this.FilteredCollections;
+    }
+    /** @deprecated Use {@link FilteredCollections}. */
+    set filteredCollections(value) {
+        this.FilteredCollections = value;
+    }
+    SearchQuery = '';
+    /** @deprecated Use {@link SearchQuery}. */
+    get searchQuery() {
+        return this.SearchQuery;
+    }
+    /** @deprecated Use {@link SearchQuery}. */
+    set searchQuery(value) {
+        this.SearchQuery = value;
+    }
     isLoading = false;
-    breadcrumbs = [];
-    currentCollectionId = null;
+    Breadcrumbs = [];
+    /** @deprecated Use {@link Breadcrumbs}. */
+    get breadcrumbs() {
+        return this.Breadcrumbs;
+    }
+    /** @deprecated Use {@link Breadcrumbs}. */
+    set breadcrumbs(value) {
+        this.Breadcrumbs = value;
+    }
+    CurrentCollectionId = null;
+    /** @deprecated Use {@link CurrentCollectionId}. */
+    get currentCollectionId() {
+        return this.CurrentCollectionId;
+    }
+    /** @deprecated Use {@link CurrentCollectionId}. */
+    set currentCollectionId(value) {
+        this.CurrentCollectionId = value;
+    }
     constructor() {
         super();
     }
     ngOnInit() {
-        this.loadCollections();
+        this.LoadCollections();
     }
-    async loadCollections() {
+    async LoadCollections() {
         this.isLoading = true;
         try {
             const rv = RunView.FromMetadataProvider(this.ProviderToUse);
-            const filter = `EnvironmentID='${this.environmentId}'` +
-                (this.currentCollectionId ? ` AND ParentID='${this.currentCollectionId}'` : ' AND ParentID IS NULL');
+            const filter = `EnvironmentID='${this.EnvironmentId}'` +
+                (this.CurrentCollectionId ? ` AND ParentID='${this.CurrentCollectionId}'` : ' AND ParentID IS NULL');
             const result = await rv.RunView({
                 EntityName: 'MJ: Collections',
                 ExtraFilter: filter,
                 OrderBy: 'Name ASC',
                 MaxRows: 1000,
                 ResultType: 'entity_object'
-            }, this.currentUser);
+            }, this.CurrentUser);
             if (result.Success) {
-                this.collections = result.Results || [];
+                this.Collections = result.Results || [];
                 this.applySearch();
             }
         }
@@ -122,45 +178,69 @@ export class LibraryFullViewComponent extends BaseAngularComponent {
             this.isLoading = false;
         }
     }
-    onSearchChange(query) {
+    /** @deprecated Use {@link LoadCollections}. */
+    async loadCollections() {
+        return this.LoadCollections();
+    }
+    OnSearchChange(query) {
         this.applySearch();
     }
+    /** @deprecated Use {@link OnSearchChange}. */
+    onSearchChange(query) {
+        return this.OnSearchChange(query);
+    }
     applySearch() {
-        if (!this.searchQuery.trim()) {
-            this.filteredCollections = [...this.collections];
+        if (!this.SearchQuery.trim()) {
+            this.FilteredCollections = [...this.Collections];
         }
         else {
-            const query = this.searchQuery.toLowerCase();
-            this.filteredCollections = this.collections.filter(c => c.Name.toLowerCase().includes(query) ||
+            const query = this.SearchQuery.toLowerCase();
+            this.FilteredCollections = this.Collections.filter(c => c.Name.toLowerCase().includes(query) ||
                 (c.Description && c.Description.toLowerCase().includes(query)));
         }
     }
+    OpenCollection(collection) {
+        this.Breadcrumbs.push({ id: collection.ID, name: collection.Name });
+        this.CurrentCollectionId = collection.ID;
+        this.SearchQuery = '';
+        this.LoadCollections();
+    }
+    /** @deprecated Use {@link OpenCollection}. */
     openCollection(collection) {
-        this.breadcrumbs.push({ id: collection.ID, name: collection.Name });
-        this.currentCollectionId = collection.ID;
-        this.searchQuery = '';
-        this.loadCollections();
+        return this.OpenCollection(collection);
     }
-    navigateTo(crumb) {
-        const index = this.breadcrumbs.findIndex(b => b.id === crumb.id);
+    NavigateTo(crumb) {
+        const index = this.Breadcrumbs.findIndex(b => b.id === crumb.id);
         if (index !== -1) {
-            this.breadcrumbs = this.breadcrumbs.slice(0, index + 1);
-            this.currentCollectionId = crumb.id;
-            this.searchQuery = '';
-            this.loadCollections();
+            this.Breadcrumbs = this.Breadcrumbs.slice(0, index + 1);
+            this.CurrentCollectionId = crumb.id;
+            this.SearchQuery = '';
+            this.LoadCollections();
         }
     }
+    /** @deprecated Use {@link NavigateTo}. */
+    navigateTo(crumb) {
+        return this.NavigateTo(crumb);
+    }
+    NavigateToRoot() {
+        this.Breadcrumbs = [];
+        this.CurrentCollectionId = null;
+        this.SearchQuery = '';
+        this.LoadCollections();
+    }
+    /** @deprecated Use {@link NavigateToRoot}. */
     navigateToRoot() {
-        this.breadcrumbs = [];
-        this.currentCollectionId = null;
-        this.searchQuery = '';
-        this.loadCollections();
+        return this.NavigateToRoot();
     }
+    Refresh() {
+        this.LoadCollections();
+    }
+    /** @deprecated Use {@link Refresh}. */
     refresh() {
-        this.loadCollections();
+        return this.Refresh();
     }
     static ɵfac = function LibraryFullViewComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LibraryFullViewComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LibraryFullViewComponent, selectors: [["mj-library-full-view"]], inputs: { environmentId: "environmentId", currentUser: "currentUser" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 18, vars: 5, consts: [[1, "collections-view"], [1, "collections-header"], [1, "collections-breadcrumb"], [1, "breadcrumb-item"], [1, "fas", "fa-home"], [1, "breadcrumb-link", 3, "click"], [1, "breadcrumb-path"], [1, "collections-search"], [1, "fas", "fa-search"], ["type", "text", "placeholder", "Search collections and artifacts...", 1, "library-search-input", 3, "ngModelChange", "ngModel"], [1, "collections-actions"], ["title", "Refresh", 1, "btn-secondary", 3, "click"], [1, "fas", "fa-sync"], [1, "collections-content"], [1, "loading-state"], ["Icon", "fa-solid fa-folder-open", 3, "Variant", "Title"], [1, "library-folders"], [1, "fas", "fa-chevron-right", "breadcrumb-separator"], ["text", "Loading collections...", "size", "large"], [1, "library-folder"], [1, "library-folder", 3, "click"], [1, "folder-icon"], [1, "fas", "fa-folder"], [1, "folder-info"], [1, "folder-name"], [1, "folder-meta"]], template: function LibraryFullViewComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LibraryFullViewComponent, selectors: [["mj-library-full-view"]], inputs: { EnvironmentId: "EnvironmentId", environmentId: "environmentId", CurrentUser: "CurrentUser", currentUser: "currentUser" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 18, vars: 5, consts: [[1, "collections-view"], [1, "collections-header"], [1, "collections-breadcrumb"], [1, "breadcrumb-item"], [1, "fas", "fa-home"], [1, "breadcrumb-link", 3, "click"], [1, "breadcrumb-path"], [1, "collections-search"], [1, "fas", "fa-search"], ["type", "text", "placeholder", "Search collections and artifacts...", 1, "library-search-input", 3, "ngModelChange", "ngModel"], [1, "collections-actions"], ["title", "Refresh", 1, "btn-secondary", 3, "click"], [1, "fas", "fa-sync"], [1, "collections-content"], [1, "loading-state"], ["Icon", "fa-solid fa-folder-open", 3, "Variant", "Title"], [1, "library-folders"], [1, "fas", "fa-chevron-right", "breadcrumb-separator"], ["text", "Loading collections...", "size", "large"], [1, "library-folder"], [1, "library-folder", 3, "click"], [1, "folder-icon"], [1, "fas", "fa-folder"], [1, "folder-info"], [1, "folder-name"], [1, "folder-meta"]], template: function LibraryFullViewComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3);
             i0.ɵɵelement(4, "i", 4);
             i0.ɵɵelementStart(5, "a", 5);
@@ -270,7 +350,11 @@ export class LibraryFullViewComponent extends BaseAngularComponent {
       </div>
     </div>
     `, styles: ["\n    .collections-view {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      background: white;\n    }\n\n    .collections-header {\n      display: flex;\n      align-items: center;\n      padding: 16px 24px;\n      border-bottom: 1px solid #E5E7EB;\n      gap: 16px;\n    }\n\n    .collections-breadcrumb {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .breadcrumb-item {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .breadcrumb-item i {\n      color: #6B7280;\n      font-size: 14px;\n    }\n\n    .breadcrumb-link {\n      color: #111827;\n      font-weight: 500;\n      cursor: pointer;\n      text-decoration: none;\n      white-space: nowrap;\n      transition: color 150ms ease;\n    }\n\n    .breadcrumb-link:hover {\n      color: #1e40af;\n    }\n\n    .breadcrumb-link.active {\n      color: #6B7280;\n      cursor: default;\n    }\n\n    .breadcrumb-path {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      overflow-x: auto;\n    }\n\n    .breadcrumb-separator {\n      color: #D1D5DB;\n      font-size: 10px;\n    }\n\n    .collections-search {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      background: #F9FAFB;\n      border: 1px solid #E5E7EB;\n      border-radius: 6px;\n      padding: 8px 12px;\n      min-width: 300px;\n    }\n\n    .collections-search i {\n      color: #9CA3AF;\n      font-size: 14px;\n    }\n\n    .library-search-input {\n      border: none;\n      background: transparent;\n      outline: none;\n      font-size: 14px;\n      flex: 1;\n      color: #111827;\n    }\n\n    .library-search-input::placeholder {\n      color: #9CA3AF;\n    }\n\n    .collections-actions {\n      display: flex;\n      gap: 8px;\n    }\n\n    .btn-secondary {\n      padding: 8px 12px;\n      background: transparent;\n      border: 1px solid #E5E7EB;\n      border-radius: 6px;\n      cursor: pointer;\n      color: #6B7280;\n      transition: all 150ms ease;\n    }\n\n    .btn-secondary:hover {\n      background: #F9FAFB;\n      color: #111827;\n    }\n\n    .collections-content {\n      flex: 1;\n      overflow-y: auto;\n      padding: 24px;\n    }\n\n    .loading-state {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      height: 100%;\n      color: #9CA3AF;\n    }\n\n    .collections-content mj-empty-state {\n      height: 100%;\n    }\n\n    .library-folders {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n      gap: 16px;\n    }\n\n    .library-folder {\n      display: flex;\n      align-items: start;\n      gap: 16px;\n      padding: 20px;\n      background: white;\n      border: 1px solid #E5E7EB;\n      border-radius: 8px;\n      cursor: pointer;\n      transition: all 150ms ease;\n    }\n\n    .library-folder:hover {\n      border-color: #1e40af;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.08);\n    }\n\n    .folder-icon {\n      width: 40px;\n      height: 40px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #EFF6FF;\n      border-radius: 8px;\n      flex-shrink: 0;\n    }\n\n    .folder-icon i {\n      font-size: 20px;\n      color: #1e40af;\n    }\n\n    .folder-info {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .folder-name {\n      font-size: 15px;\n      font-weight: 500;\n      color: #111827;\n      margin-bottom: 4px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .folder-meta {\n      font-size: 13px;\n      color: #6B7280;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n    }\n  "] }]
-    }], () => [], { environmentId: [{
+    }], () => [], { EnvironmentId: [{
+            type: Input
+        }], environmentId: [{
+            type: Input
+        }], CurrentUser: [{
             type: Input
         }], currentUser: [{
             type: Input

package/dist/lib/components/library/library-full-view.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"library-full-view.component.js","sourceRoot":"","sources":["../../../../src/lib/components/library/library-full-view.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, OnInit } from '@angular/core';\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\nimport { UserInfo, RunView } from '@memberjunction/core';\nimport { MJCollectionEntity } from '@memberjunction/core-entities';\n\n/**\n * Full-panel Collections view component\n * Replaces the main content area when Collections tab is selected\n */\n@Component({\n  standalone: false,\n  selector: 'mj-library-full-view',\n  template: `\n    <div class=\"collections-view\">\n      <div class=\"collections-header\">\n        <div class=\"collections-breadcrumb\">\n          <div class=\"breadcrumb-item\">\n            <i class=\"fas fa-home\"></i>\n            <a class=\"breadcrumb-link\" (click)=\"navigateToRoot()\">Collections</a>\n          </div>\n          @if (breadcrumbs.length > 0) {\n            <span class=\"breadcrumb-path\">\n              @for (crumb of breadcrumbs; track crumb; let last = $last) {\n                <i class=\"fas fa-chevron-right breadcrumb-separator\"></i>\n                <a class=\"breadcrumb-link\"\n                  [class.active]=\"last\"\n                  (click)=\"navigateTo(crumb)\">\n                  {{ crumb.name }}\n                </a>\n              }\n            </span>\n          }\n        </div>\n        <div class=\"collections-search\">\n          <i class=\"fas fa-search\"></i>\n          <input type=\"text\"\n            [(ngModel)]=\"searchQuery\"\n            (ngModelChange)=\"onSearchChange($event)\"\n            placeholder=\"Search collections and artifacts...\"\n            class=\"library-search-input\">\n        </div>\n        <div class=\"collections-actions\">\n          <button class=\"btn-secondary\" (click)=\"refresh()\" title=\"Refresh\">\n            <i class=\"fas fa-sync\"></i>\n          </button>\n        </div>\n      </div>\n      <div class=\"collections-content\">\n        @if (isLoading) {\n          <div class=\"loading-state\">\n            <mj-loading text=\"Loading collections...\" size=\"large\"></mj-loading>\n          </div>\n        }\n        @if (!isLoading && filteredCollections.length === 0) {\n          <mj-empty-state\n            [Variant]=\"searchQuery ? 'no-results' : 'empty'\"\n            Icon=\"fa-solid fa-folder-open\"\n            [Title]=\"searchQuery ? 'No collections found' : 'No collections yet'\" />\n        }\n        @if (!isLoading && filteredCollections.length > 0) {\n          <div class=\"library-folders\">\n            @for (collection of filteredCollections; track collection) {\n              <div\n                class=\"library-folder\"\n                (click)=\"openCollection(collection)\">\n                <div class=\"folder-icon\">\n                  <i class=\"fas fa-folder\"></i>\n                </div>\n                <div class=\"folder-info\">\n                  <div class=\"folder-name\">{{ collection.Name }}</div>\n                  @if (collection.Description) {\n                    <div class=\"folder-meta\">\n                      {{ collection.Description }}\n                    </div>\n                  }\n                </div>\n              </div>\n            }\n          </div>\n        }\n      </div>\n    </div>\n    `,\n  styles: [`\n    .collections-view {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      background: white;\n    }\n\n    .collections-header {\n      display: flex;\n      align-items: center;\n      padding: 16px 24px;\n      border-bottom: 1px solid #E5E7EB;\n      gap: 16px;\n    }\n\n    .collections-breadcrumb {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .breadcrumb-item {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .breadcrumb-item i {\n      color: #6B7280;\n      font-size: 14px;\n    }\n\n    .breadcrumb-link {\n      color: #111827;\n      font-weight: 500;\n      cursor: pointer;\n      text-decoration: none;\n      white-space: nowrap;\n      transition: color 150ms ease;\n    }\n\n    .breadcrumb-link:hover {\n      color: #1e40af;\n    }\n\n    .breadcrumb-link.active {\n      color: #6B7280;\n      cursor: default;\n    }\n\n    .breadcrumb-path {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      overflow-x: auto;\n    }\n\n    .breadcrumb-separator {\n      color: #D1D5DB;\n      font-size: 10px;\n    }\n\n    .collections-search {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      background: #F9FAFB;\n      border: 1px solid #E5E7EB;\n      border-radius: 6px;\n      padding: 8px 12px;\n      min-width: 300px;\n    }\n\n    .collections-search i {\n      color: #9CA3AF;\n      font-size: 14px;\n    }\n\n    .library-search-input {\n      border: none;\n      background: transparent;\n      outline: none;\n      font-size: 14px;\n      flex: 1;\n      color: #111827;\n    }\n\n    .library-search-input::placeholder {\n      color: #9CA3AF;\n    }\n\n    .collections-actions {\n      display: flex;\n      gap: 8px;\n    }\n\n    .btn-secondary {\n      padding: 8px 12px;\n      background: transparent;\n      border: 1px solid #E5E7EB;\n      border-radius: 6px;\n      cursor: pointer;\n      color: #6B7280;\n      transition: all 150ms ease;\n    }\n\n    .btn-secondary:hover {\n      background: #F9FAFB;\n      color: #111827;\n    }\n\n    .collections-content {\n      flex: 1;\n      overflow-y: auto;\n      padding: 24px;\n    }\n\n    .loading-state {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      height: 100%;\n      color: #9CA3AF;\n    }\n\n    .collections-content mj-empty-state {\n      height: 100%;\n    }\n\n    .library-folders {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n      gap: 16px;\n    }\n\n    .library-folder {\n      display: flex;\n      align-items: start;\n      gap: 16px;\n      padding: 20px;\n      background: white;\n      border: 1px solid #E5E7EB;\n      border-radius: 8px;\n      cursor: pointer;\n      transition: all 150ms ease;\n    }\n\n    .library-folder:hover {\n      border-color: #1e40af;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.08);\n    }\n\n    .folder-icon {\n      width: 40px;\n      height: 40px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #EFF6FF;\n      border-radius: 8px;\n      flex-shrink: 0;\n    }\n\n    .folder-icon i {\n      font-size: 20px;\n      color: #1e40af;\n    }\n\n    .folder-info {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .folder-name {\n      font-size: 15px;\n      font-weight: 500;\n      color: #111827;\n      margin-bottom: 4px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .folder-meta {\n      font-size: 13px;\n      color: #6B7280;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n    }\n  `]\n})\nexport class LibraryFullViewComponent extends BaseAngularComponent implements OnInit  {\n  @Input() environmentId!: string;\n  @Input() currentUser!: UserInfo;\n\n  public collections: MJCollectionEntity[] = [];\n  public filteredCollections: MJCollectionEntity[] = [];\n  public searchQuery: string = '';\n  public isLoading: boolean = false;\n  public breadcrumbs: Array<{ id: string; name: string }> = [];\n  public currentCollectionId: string | null = null;\n\n  constructor() {\n  super();}\n\n  ngOnInit() {\n    this.loadCollections();\n  }\n\n  async loadCollections(): Promise<void> {\n    this.isLoading = true;\n    try {\n      const rv = RunView.FromMetadataProvider(this.ProviderToUse);\n      const filter = `EnvironmentID='${this.environmentId}'` +\n                     (this.currentCollectionId ? ` AND ParentID='${this.currentCollectionId}'` : ' AND ParentID IS NULL');\n\n      const result = await rv.RunView<MJCollectionEntity>(\n        {\n          EntityName: 'MJ: Collections',\n          ExtraFilter: filter,\n          OrderBy: 'Name ASC',\n          MaxRows: 1000,\n          ResultType: 'entity_object'\n        },\n        this.currentUser\n      );\n\n      if (result.Success) {\n        this.collections = result.Results || [];\n        this.applySearch();\n      }\n    } catch (error) {\n      console.error('Failed to load collections:', error);\n    } finally {\n      this.isLoading = false;\n    }\n  }\n\n  onSearchChange(query: string): void {\n    this.applySearch();\n  }\n\n  private applySearch(): void {\n    if (!this.searchQuery.trim()) {\n      this.filteredCollections = [...this.collections];\n    } else {\n      const query = this.searchQuery.toLowerCase();\n      this.filteredCollections = this.collections.filter(c =>\n        c.Name.toLowerCase().includes(query) ||\n        (c.Description && c.Description.toLowerCase().includes(query))\n      );\n    }\n  }\n\n  openCollection(collection: MJCollectionEntity): void {\n    this.breadcrumbs.push({ id: collection.ID, name: collection.Name });\n    this.currentCollectionId = collection.ID;\n    this.searchQuery = '';\n    this.loadCollections();\n  }\n\n  navigateTo(crumb: { id: string; name: string }): void {\n    const index = this.breadcrumbs.findIndex(b => b.id === crumb.id);\n    if (index !== -1) {\n      this.breadcrumbs = this.breadcrumbs.slice(0, index + 1);\n      this.currentCollectionId = crumb.id;\n      this.searchQuery = '';\n      this.loadCollections();\n    }\n  }\n\n  navigateToRoot(): void {\n    this.breadcrumbs = [];\n    this.currentCollectionId = null;\n    this.searchQuery = '';\n    this.loadCollections();\n  }\n\n  refresh(): void {\n    this.loadCollections();\n  }\n}\n"]}
+{"version":3,"file":"library-full-view.component.js","sourceRoot":"","sources":["../../../../src/lib/components/library/library-full-view.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, OnInit } from '@angular/core';\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\nimport { UserInfo, RunView } from '@memberjunction/core';\nimport { MJCollectionEntity } from '@memberjunction/core-entities';\n\n/**\n * Full-panel Collections view component\n * Replaces the main content area when Collections tab is selected\n */\n@Component({\n  standalone: false,\n  selector: 'mj-library-full-view',\n  template: `\n    <div class=\"collections-view\">\n      <div class=\"collections-header\">\n        <div class=\"collections-breadcrumb\">\n          <div class=\"breadcrumb-item\">\n            <i class=\"fas fa-home\"></i>\n            <a class=\"breadcrumb-link\" (click)=\"navigateToRoot()\">Collections</a>\n          </div>\n          @if (breadcrumbs.length > 0) {\n            <span class=\"breadcrumb-path\">\n              @for (crumb of breadcrumbs; track crumb; let last = $last) {\n                <i class=\"fas fa-chevron-right breadcrumb-separator\"></i>\n                <a class=\"breadcrumb-link\"\n                  [class.active]=\"last\"\n                  (click)=\"navigateTo(crumb)\">\n                  {{ crumb.name }}\n                </a>\n              }\n            </span>\n          }\n        </div>\n        <div class=\"collections-search\">\n          <i class=\"fas fa-search\"></i>\n          <input type=\"text\"\n            [(ngModel)]=\"searchQuery\"\n            (ngModelChange)=\"onSearchChange($event)\"\n            placeholder=\"Search collections and artifacts...\"\n            class=\"library-search-input\">\n        </div>\n        <div class=\"collections-actions\">\n          <button class=\"btn-secondary\" (click)=\"refresh()\" title=\"Refresh\">\n            <i class=\"fas fa-sync\"></i>\n          </button>\n        </div>\n      </div>\n      <div class=\"collections-content\">\n        @if (isLoading) {\n          <div class=\"loading-state\">\n            <mj-loading text=\"Loading collections...\" size=\"large\"></mj-loading>\n          </div>\n        }\n        @if (!isLoading && filteredCollections.length === 0) {\n          <mj-empty-state\n            [Variant]=\"searchQuery ? 'no-results' : 'empty'\"\n            Icon=\"fa-solid fa-folder-open\"\n            [Title]=\"searchQuery ? 'No collections found' : 'No collections yet'\" />\n        }\n        @if (!isLoading && filteredCollections.length > 0) {\n          <div class=\"library-folders\">\n            @for (collection of filteredCollections; track collection) {\n              <div\n                class=\"library-folder\"\n                (click)=\"openCollection(collection)\">\n                <div class=\"folder-icon\">\n                  <i class=\"fas fa-folder\"></i>\n                </div>\n                <div class=\"folder-info\">\n                  <div class=\"folder-name\">{{ collection.Name }}</div>\n                  @if (collection.Description) {\n                    <div class=\"folder-meta\">\n                      {{ collection.Description }}\n                    </div>\n                  }\n                </div>\n              </div>\n            }\n          </div>\n        }\n      </div>\n    </div>\n    `,\n  styles: [`\n    .collections-view {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      background: white;\n    }\n\n    .collections-header {\n      display: flex;\n      align-items: center;\n      padding: 16px 24px;\n      border-bottom: 1px solid #E5E7EB;\n      gap: 16px;\n    }\n\n    .collections-breadcrumb {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .breadcrumb-item {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .breadcrumb-item i {\n      color: #6B7280;\n      font-size: 14px;\n    }\n\n    .breadcrumb-link {\n      color: #111827;\n      font-weight: 500;\n      cursor: pointer;\n      text-decoration: none;\n      white-space: nowrap;\n      transition: color 150ms ease;\n    }\n\n    .breadcrumb-link:hover {\n      color: #1e40af;\n    }\n\n    .breadcrumb-link.active {\n      color: #6B7280;\n      cursor: default;\n    }\n\n    .breadcrumb-path {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      overflow-x: auto;\n    }\n\n    .breadcrumb-separator {\n      color: #D1D5DB;\n      font-size: 10px;\n    }\n\n    .collections-search {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      background: #F9FAFB;\n      border: 1px solid #E5E7EB;\n      border-radius: 6px;\n      padding: 8px 12px;\n      min-width: 300px;\n    }\n\n    .collections-search i {\n      color: #9CA3AF;\n      font-size: 14px;\n    }\n\n    .library-search-input {\n      border: none;\n      background: transparent;\n      outline: none;\n      font-size: 14px;\n      flex: 1;\n      color: #111827;\n    }\n\n    .library-search-input::placeholder {\n      color: #9CA3AF;\n    }\n\n    .collections-actions {\n      display: flex;\n      gap: 8px;\n    }\n\n    .btn-secondary {\n      padding: 8px 12px;\n      background: transparent;\n      border: 1px solid #E5E7EB;\n      border-radius: 6px;\n      cursor: pointer;\n      color: #6B7280;\n      transition: all 150ms ease;\n    }\n\n    .btn-secondary:hover {\n      background: #F9FAFB;\n      color: #111827;\n    }\n\n    .collections-content {\n      flex: 1;\n      overflow-y: auto;\n      padding: 24px;\n    }\n\n    .loading-state {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      height: 100%;\n      color: #9CA3AF;\n    }\n\n    .collections-content mj-empty-state {\n      height: 100%;\n    }\n\n    .library-folders {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n      gap: 16px;\n    }\n\n    .library-folder {\n      display: flex;\n      align-items: start;\n      gap: 16px;\n      padding: 20px;\n      background: white;\n      border: 1px solid #E5E7EB;\n      border-radius: 8px;\n      cursor: pointer;\n      transition: all 150ms ease;\n    }\n\n    .library-folder:hover {\n      border-color: #1e40af;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.08);\n    }\n\n    .folder-icon {\n      width: 40px;\n      height: 40px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #EFF6FF;\n      border-radius: 8px;\n      flex-shrink: 0;\n    }\n\n    .folder-icon i {\n      font-size: 20px;\n      color: #1e40af;\n    }\n\n    .folder-info {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .folder-name {\n      font-size: 15px;\n      font-weight: 500;\n      color: #111827;\n      margin-bottom: 4px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .folder-meta {\n      font-size: 13px;\n      color: #6B7280;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n    }\n  `]\n})\nexport class LibraryFullViewComponent extends BaseAngularComponent implements OnInit  {\n  @Input() EnvironmentId!: string;\n\n  /** @deprecated Use {@link EnvironmentId}. */\n  @Input() set environmentId(value: string) {\n    this.EnvironmentId = value;\n  }\n  /** @deprecated Use {@link EnvironmentId}. */\n  get environmentId(): string {\n    return this.EnvironmentId;\n  }\n  @Input() CurrentUser!: UserInfo;\n\n  /** @deprecated Use {@link CurrentUser}. */\n  @Input() set currentUser(value: UserInfo) {\n    this.CurrentUser = value;\n  }\n  /** @deprecated Use {@link CurrentUser}. */\n  get currentUser(): UserInfo {\n    return this.CurrentUser;\n  }\n\n  public Collections: MJCollectionEntity[] = [];\n\n  /** @deprecated Use {@link Collections}. */\n  public get collections(): MJCollectionEntity[] {\n    return this.Collections;\n  }\n  /** @deprecated Use {@link Collections}. */\n  public set collections(value: MJCollectionEntity[]) {\n    this.Collections = value;\n  }\n  public FilteredCollections: MJCollectionEntity[] = [];\n\n  /** @deprecated Use {@link FilteredCollections}. */\n  public get filteredCollections(): MJCollectionEntity[] {\n    return this.FilteredCollections;\n  }\n  /** @deprecated Use {@link FilteredCollections}. */\n  public set filteredCollections(value: MJCollectionEntity[]) {\n    this.FilteredCollections = value;\n  }\n  public SearchQuery: string = '';\n\n  /** @deprecated Use {@link SearchQuery}. */\n  public get searchQuery(): string {\n    return this.SearchQuery;\n  }\n  /** @deprecated Use {@link SearchQuery}. */\n  public set searchQuery(value: string) {\n    this.SearchQuery = value;\n  }\n  public isLoading: boolean = false;\n  public Breadcrumbs: Array<{ id: string; name: string }> = [];\n\n  /** @deprecated Use {@link Breadcrumbs}. */\n  public get breadcrumbs(): Array<{ id: string; name: string }> {\n    return this.Breadcrumbs;\n  }\n  /** @deprecated Use {@link Breadcrumbs}. */\n  public set breadcrumbs(value: Array<{ id: string; name: string }>) {\n    this.Breadcrumbs = value;\n  }\n  public CurrentCollectionId: string | null = null;\n\n  /** @deprecated Use {@link CurrentCollectionId}. */\n  public get currentCollectionId(): string | null {\n    return this.CurrentCollectionId;\n  }\n  /** @deprecated Use {@link CurrentCollectionId}. */\n  public set currentCollectionId(value: string | null) {\n    this.CurrentCollectionId = value;\n  }\n\n  constructor() {\n  super();}\n\n  ngOnInit() {\n    this.LoadCollections();\n  }\n\n  async LoadCollections(): Promise<void> {\n    this.isLoading = true;\n    try {\n      const rv = RunView.FromMetadataProvider(this.ProviderToUse);\n      const filter = `EnvironmentID='${this.EnvironmentId}'` +\n                     (this.CurrentCollectionId ? ` AND ParentID='${this.CurrentCollectionId}'` : ' AND ParentID IS NULL');\n\n      const result = await rv.RunView<MJCollectionEntity>(\n        {\n          EntityName: 'MJ: Collections',\n          ExtraFilter: filter,\n          OrderBy: 'Name ASC',\n          MaxRows: 1000,\n          ResultType: 'entity_object'\n        },\n        this.CurrentUser\n      );\n\n      if (result.Success) {\n        this.Collections = result.Results || [];\n        this.applySearch();\n      }\n    } catch (error) {\n      console.error('Failed to load collections:', error);\n    } finally {\n      this.isLoading = false;\n    }\n  }\n\n  /** @deprecated Use {@link LoadCollections}. */\n  async loadCollections(): Promise<void> {\n    return this.LoadCollections();\n  }\n\n  OnSearchChange(query: string): void {\n    this.applySearch();\n  }\n\n  /** @deprecated Use {@link OnSearchChange}. */\n  onSearchChange(query: string): void {\n    return this.OnSearchChange(query);\n  }\n\n  private applySearch(): void {\n    if (!this.SearchQuery.trim()) {\n      this.FilteredCollections = [...this.Collections];\n    } else {\n      const query = this.SearchQuery.toLowerCase();\n      this.FilteredCollections = this.Collections.filter(c =>\n        c.Name.toLowerCase().includes(query) ||\n        (c.Description && c.Description.toLowerCase().includes(query))\n      );\n    }\n  }\n\n  OpenCollection(collection: MJCollectionEntity): void {\n    this.Breadcrumbs.push({ id: collection.ID, name: collection.Name });\n    this.CurrentCollectionId = collection.ID;\n    this.SearchQuery = '';\n    this.LoadCollections();\n  }\n\n  /** @deprecated Use {@link OpenCollection}. */\n  openCollection(collection: MJCollectionEntity): void {\n    return this.OpenCollection(collection);\n  }\n\n  NavigateTo(crumb: { id: string; name: string }): void {\n    const index = this.Breadcrumbs.findIndex(b => b.id === crumb.id);\n    if (index !== -1) {\n      this.Breadcrumbs = this.Breadcrumbs.slice(0, index + 1);\n      this.CurrentCollectionId = crumb.id;\n      this.SearchQuery = '';\n      this.LoadCollections();\n    }\n  }\n\n  /** @deprecated Use {@link NavigateTo}. */\n  navigateTo(crumb: { id: string; name: string }): void {\n    return this.NavigateTo(crumb);\n  }\n\n  NavigateToRoot(): void {\n    this.Breadcrumbs = [];\n    this.CurrentCollectionId = null;\n    this.SearchQuery = '';\n    this.LoadCollections();\n  }\n\n  /** @deprecated Use {@link NavigateToRoot}. */\n  navigateToRoot(): void {\n    return this.NavigateToRoot();\n  }\n\n  Refresh(): void {\n    this.LoadCollections();\n  }\n\n  /** @deprecated Use {@link Refresh}. */\n  refresh(): void {\n    return this.Refresh();\n  }\n}\n"]}

package/dist/lib/components/members/members-modal.component.d.ts

@@ -13,30 +13,96 @@ interface ConversationMember {
 }
 export declare class MembersModalComponent {
     private dialogService;
-    isVisible: boolean;
-    conversation?: MJConversationEntity;
-    currentUser: UserInfo;
+    IsVisible: boolean;
+    /** @deprecated Use {@link IsVisible}. */
+    set isVisible(value: MembersModalComponent['IsVisible']);
+    /** @deprecated Use {@link IsVisible}. */
+    get isVisible(): MembersModalComponent['IsVisible'];
+    Conversation?: MJConversationEntity;
+    /** @deprecated Use {@link Conversation}. */
+    set conversation(value: MJConversationEntity | undefined);
+    /** @deprecated Use {@link Conversation}. */
+    get conversation(): MJConversationEntity | undefined;
+    CurrentUser: UserInfo;
+    /** @deprecated Use {@link CurrentUser}. */
+    set currentUser(value: UserInfo);
+    /** @deprecated Use {@link CurrentUser}. */
+    get currentUser(): UserInfo;
+    Cancelled: EventEmitter<void>;
+    /**
+     * @deprecated Use {@link Cancelled}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (cancelled) keeps working. Must stay AFTER Cancelled: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
     cancelled: EventEmitter<void>;
+    MembersChanged: EventEmitter<void>;
+    /**
+     * @deprecated Use {@link MembersChanged}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (membersChanged) keeps working. Must stay AFTER MembersChanged: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
     membersChanged: EventEmitter<void>;
-    members: ConversationMember[];
-    newMemberEmail: string;
-    newMemberRole: 'member' | 'owner';
-    isLoading: boolean;
-    errorMessage: string;
+    Members: ConversationMember[];
+    /** @deprecated Use {@link Members}. */
+    get members(): ConversationMember[];
+    /** @deprecated Use {@link Members}. */
+    set members(value: ConversationMember[]);
+    NewMemberEmail: string;
+    /** @deprecated Use {@link NewMemberEmail}. */
+    get newMemberEmail(): string;
+    /** @deprecated Use {@link NewMemberEmail}. */
+    set newMemberEmail(value: string);
+    NewMemberRole: 'member' | 'owner';
+    /** @deprecated Use {@link NewMemberRole}. */
+    get newMemberRole(): 'member' | 'owner';
+    /** @deprecated Use {@link NewMemberRole}. */
+    set newMemberRole(value: 'member' | 'owner');
+    IsLoading: boolean;
+    /** @deprecated Use {@link IsLoading}. */
+    get isLoading(): boolean;
+    /** @deprecated Use {@link IsLoading}. */
+    set isLoading(value: boolean);
+    ErrorMessage: string;
+    /** @deprecated Use {@link ErrorMessage}. */
+    get errorMessage(): string;
+    /** @deprecated Use {@link ErrorMessage}. */
+    set errorMessage(value: string);
+    get ModalTitle(): string;
+    /** @deprecated Use {@link ModalTitle}. */
     get modalTitle(): string;
-    roleOptions: {
+    RoleOptions: {
         value: string;
         label: string;
     }[];
+    /** @deprecated Use {@link RoleOptions}. */
+    get roleOptions(): {
+        value: string;
+        label: string;
+    }[];
+    /** @deprecated Use {@link RoleOptions}. */
+    set roleOptions(value: {
+        value: string;
+        label: string;
+    }[]);
     constructor(dialogService: DialogService);
     ngOnChanges(): void;
     private loadMembers;
+    OnAddMember(): Promise<void>;
+    /** @deprecated Use {@link OnAddMember}. */
     onAddMember(): Promise<void>;
+    OnRemoveMember(member: ConversationMember): Promise<void>;
+    /** @deprecated Use {@link OnRemoveMember}. */
     onRemoveMember(member: ConversationMember): Promise<void>;
+    OnCancel(): void;
+    /** @deprecated Use {@link OnCancel}. */
     onCancel(): void;
     private resetForm;
     static ɵfac: i0.ɵɵFactoryDeclaration<MembersModalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MembersModalComponent, "mj-members-modal", never, { "isVisible": { "alias": "isVisible"; "required": false; }; "conversation": { "alias": "conversation"; "required": false; }; "currentUser": { "alias": "currentUser"; "required": false; }; }, { "cancelled": "cancelled"; "membersChanged": "membersChanged"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MembersModalComponent, "mj-members-modal", never, { "IsVisible": { "alias": "IsVisible"; "required": false; }; "isVisible": { "alias": "isVisible"; "required": false; }; "Conversation": { "alias": "Conversation"; "required": false; }; "conversation": { "alias": "conversation"; "required": false; }; "CurrentUser": { "alias": "CurrentUser"; "required": false; }; "currentUser": { "alias": "currentUser"; "required": false; }; }, { "Cancelled": "Cancelled"; "cancelled": "cancelled"; "MembersChanged": "MembersChanged"; "membersChanged": "membersChanged"; }, never, never, false, never>;
 }
 export {};
 //# sourceMappingURL=members-modal.component.d.ts.map

package/dist/lib/components/members/members-modal.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"members-modal.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/members/members-modal.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAAiB,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAqB,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;;AAE9D,UAAU,kBAAkB;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAC;IACzB,OAAO,EAAE,IAAI,CAAC;CACf;AAED,qBAuNa,qBAAqB;IAsBpB,OAAO,CAAC,aAAa;IArBxB,SAAS,UAAS;IAClB,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,WAAW,EAAG,QAAQ,CAAC;IACtB,SAAS,qBAA4B;IACrC,cAAc,qBAA4B;IAEpD,OAAO,EAAE,kBAAkB,EAAE,CAAM;IACnC,cAAc,SAAM;IACpB,aAAa,EAAE,QAAQ,GAAG,OAAO,CAAY;IAC7C,SAAS,UAAS;IAClB,YAAY,SAAM;IAElB,IAAI,UAAU,IAAI,MAAM,CAEvB;IAED,WAAW;;;QAGT;gBAEkB,aAAa,EAAE,aAAa;IAEhD,WAAW,IAAI,IAAI;YAML,WAAW;IA2BnB,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC;IA0C5B,cAAc,CAAC,MAAM,EAAE,kBAAkB,GAAG,OAAO,CAAC,IAAI,CAAC;IAyB/D,QAAQ,IAAI,IAAI;IAKhB,OAAO,CAAC,SAAS;yCAjIN,qBAAqB;2CAArB,qBAAqB;CAuIjC"}
+{"version":3,"file":"members-modal.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/members/members-modal.component.ts"],"names":[],"mappings":"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"}