@memberjunction/ng-conversations 2.104.0

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

@@ -0,0 +1,270 @@
+import { Component, Input } from '@angular/core';
+import { RunView } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+function LibraryFullViewComponent_span_7_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelement(1, "i", 19);
+    i0.ɵɵelementStart(2, "a", 5);
+    i0.ɵɵlistener("click", function LibraryFullViewComponent_span_7_ng_container_1_Template_a_click_2_listener() { const crumb_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.navigateTo(crumb_r2)); });
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const crumb_r2 = ctx.$implicit;
+    const last_r4 = ctx.last;
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassProp("active", last_r4);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", crumb_r2.name, " ");
+} }
+function LibraryFullViewComponent_span_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 17);
+    i0.ɵɵtemplate(1, LibraryFullViewComponent_span_7_ng_container_1_Template, 4, 3, "ng-container", 18);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r2.breadcrumbs);
+} }
+function LibraryFullViewComponent_div_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 20);
+    i0.ɵɵelement(1, "i", 21);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "Loading collections...");
+    i0.ɵɵelementEnd()();
+} }
+function LibraryFullViewComponent_div_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 22);
+    i0.ɵɵelement(1, "i", 23);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r2.searchQuery ? "No collections found" : "No collections yet");
+} }
+function LibraryFullViewComponent_div_17_div_1_div_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 32);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const collection_r6 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", collection_r6.Description, " ");
+} }
+function LibraryFullViewComponent_div_17_div_1_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 26);
+    i0.ɵɵlistener("click", function LibraryFullViewComponent_div_17_div_1_Template_div_click_0_listener() { const collection_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.openCollection(collection_r6)); });
+    i0.ɵɵelementStart(1, "div", 27);
+    i0.ɵɵelement(2, "i", 28);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 29)(4, "div", 30);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(6, LibraryFullViewComponent_div_17_div_1_div_6_Template, 2, 1, "div", 31);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const collection_r6 = ctx.$implicit;
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(collection_r6.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", collection_r6.Description);
+} }
+function LibraryFullViewComponent_div_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 24);
+    i0.ɵɵtemplate(1, LibraryFullViewComponent_div_17_div_1_Template, 7, 2, "div", 25);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r2.filteredCollections);
+} }
+/**
+ * Full-panel Collections view component
+ * Replaces the main content area when Collections tab is selected
+ */
+export class LibraryFullViewComponent {
+    environmentId;
+    currentUser;
+    collections = [];
+    filteredCollections = [];
+    searchQuery = '';
+    isLoading = false;
+    breadcrumbs = [];
+    currentCollectionId = null;
+    constructor() { }
+    ngOnInit() {
+        this.loadCollections();
+    }
+    async loadCollections() {
+        this.isLoading = true;
+        try {
+            const rv = new RunView();
+            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);
+            if (result.Success) {
+                this.collections = result.Results || [];
+                this.applySearch();
+            }
+        }
+        catch (error) {
+            console.error('Failed to load collections:', error);
+        }
+        finally {
+            this.isLoading = false;
+        }
+    }
+    onSearchChange(query) {
+        this.applySearch();
+    }
+    applySearch() {
+        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) ||
+                (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();
+    }
+    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();
+        }
+    }
+    navigateToRoot() {
+        this.breadcrumbs = [];
+        this.currentCollectionId = null;
+        this.searchQuery = '';
+        this.loadCollections();
+    }
+    refresh() {
+        this.loadCollections();
+    }
+    static ɵfac = function LibraryFullViewComponent_Factory(t) { return new (t || LibraryFullViewComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LibraryFullViewComponent, selectors: [["mj-library-full-view"]], inputs: { environmentId: "environmentId", currentUser: "currentUser" }, 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"], ["class", "breadcrumb-path", 4, "ngIf"], [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"], ["class", "loading-state", 4, "ngIf"], ["class", "empty-state", 4, "ngIf"], ["class", "library-folders", 4, "ngIf"], [1, "breadcrumb-path"], [4, "ngFor", "ngForOf"], [1, "fas", "fa-chevron-right", "breadcrumb-separator"], [1, "loading-state"], [1, "fas", "fa-spinner", "fa-spin"], [1, "empty-state"], [1, "fas", "fa-folder-open"], [1, "library-folders"], ["class", "library-folder", 3, "click", 4, "ngFor", "ngForOf"], [1, "library-folder", 3, "click"], [1, "folder-icon"], [1, "fas", "fa-folder"], [1, "folder-info"], [1, "folder-name"], ["class", "folder-meta", 4, "ngIf"], [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);
+            i0.ɵɵlistener("click", function LibraryFullViewComponent_Template_a_click_5_listener() { return ctx.navigateToRoot(); });
+            i0.ɵɵtext(6, "Collections");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵtemplate(7, LibraryFullViewComponent_span_7_Template, 2, 1, "span", 6);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(8, "div", 7);
+            i0.ɵɵelement(9, "i", 8);
+            i0.ɵɵelementStart(10, "input", 9);
+            i0.ɵɵtwoWayListener("ngModelChange", function LibraryFullViewComponent_Template_input_ngModelChange_10_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.searchQuery, $event) || (ctx.searchQuery = $event); return $event; });
+            i0.ɵɵlistener("ngModelChange", function LibraryFullViewComponent_Template_input_ngModelChange_10_listener($event) { return ctx.onSearchChange($event); });
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(11, "div", 10)(12, "button", 11);
+            i0.ɵɵlistener("click", function LibraryFullViewComponent_Template_button_click_12_listener() { return ctx.refresh(); });
+            i0.ɵɵelement(13, "i", 12);
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(14, "div", 13);
+            i0.ɵɵtemplate(15, LibraryFullViewComponent_div_15_Template, 4, 0, "div", 14)(16, LibraryFullViewComponent_div_16_Template, 4, 1, "div", 15)(17, LibraryFullViewComponent_div_17_Template, 2, 1, "div", 16);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(7);
+            i0.ɵɵproperty("ngIf", ctx.breadcrumbs.length > 0);
+            i0.ɵɵadvance(3);
+            i0.ɵɵtwoWayProperty("ngModel", ctx.searchQuery);
+            i0.ɵɵadvance(5);
+            i0.ɵɵproperty("ngIf", ctx.isLoading);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", !ctx.isLoading && ctx.filteredCollections.length === 0);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", !ctx.isLoading && ctx.filteredCollections.length > 0);
+        } }, dependencies: [i1.NgForOf, i1.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgModel], styles: [".collections-view[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      background: white;\n    }\n\n    .collections-header[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .breadcrumb-item[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .breadcrumb-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      color: #6B7280;\n      font-size: 14px;\n    }\n\n    .breadcrumb-link[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n      color: #1e40af;\n    }\n\n    .breadcrumb-link.active[_ngcontent-%COMP%] {\n      color: #6B7280;\n      cursor: default;\n    }\n\n    .breadcrumb-path[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      overflow-x: auto;\n    }\n\n    .breadcrumb-separator[_ngcontent-%COMP%] {\n      color: #D1D5DB;\n      font-size: 10px;\n    }\n\n    .collections-search[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      color: #9CA3AF;\n      font-size: 14px;\n    }\n\n    .library-search-input[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]::placeholder {\n      color: #9CA3AF;\n    }\n\n    .collections-actions[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 8px;\n    }\n\n    .btn-secondary[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n      background: #F9FAFB;\n      color: #111827;\n    }\n\n    .collections-content[_ngcontent-%COMP%] {\n      flex: 1;\n      overflow-y: auto;\n      padding: 24px;\n    }\n\n    .loading-state[_ngcontent-%COMP%], .empty-state[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      height: 100%;\n      color: #9CA3AF;\n    }\n\n    .loading-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], .empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 48px;\n      margin-bottom: 16px;\n      opacity: 0.5;\n    }\n\n    .loading-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%], .empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n      margin: 0;\n      font-size: 14px;\n    }\n\n    .library-folders[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n      gap: 16px;\n    }\n\n    .library-folder[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n      border-color: #1e40af;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.08);\n    }\n\n    .folder-icon[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 20px;\n      color: #1e40af;\n    }\n\n    .folder-info[_ngcontent-%COMP%] {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .folder-name[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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    }"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LibraryFullViewComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-library-full-view', template: `
+    <div class="collections-view">
+      <div class="collections-header">
+        <div class="collections-breadcrumb">
+          <div class="breadcrumb-item">
+            <i class="fas fa-home"></i>
+            <a class="breadcrumb-link" (click)="navigateToRoot()">Collections</a>
+          </div>
+          <span class="breadcrumb-path" *ngIf="breadcrumbs.length > 0">
+            <ng-container *ngFor="let crumb of breadcrumbs; let last = last">
+              <i class="fas fa-chevron-right breadcrumb-separator"></i>
+              <a class="breadcrumb-link"
+                 [class.active]="last"
+                 (click)="navigateTo(crumb)">
+                {{ crumb.name }}
+              </a>
+            </ng-container>
+          </span>
+        </div>
+        <div class="collections-search">
+          <i class="fas fa-search"></i>
+          <input type="text"
+                 [(ngModel)]="searchQuery"
+                 (ngModelChange)="onSearchChange($event)"
+                 placeholder="Search collections and artifacts..."
+                 class="library-search-input">
+        </div>
+        <div class="collections-actions">
+          <button class="btn-secondary" (click)="refresh()" title="Refresh">
+            <i class="fas fa-sync"></i>
+          </button>
+        </div>
+      </div>
+      <div class="collections-content">
+        <div *ngIf="isLoading" class="loading-state">
+          <i class="fas fa-spinner fa-spin"></i>
+          <p>Loading collections...</p>
+        </div>
+        <div *ngIf="!isLoading && filteredCollections.length === 0" class="empty-state">
+          <i class="fas fa-folder-open"></i>
+          <p>{{ searchQuery ? 'No collections found' : 'No collections yet' }}</p>
+        </div>
+        <div *ngIf="!isLoading && filteredCollections.length > 0" class="library-folders">
+          <div *ngFor="let collection of filteredCollections"
+               class="library-folder"
+               (click)="openCollection(collection)">
+            <div class="folder-icon">
+              <i class="fas fa-folder"></i>
+            </div>
+            <div class="folder-info">
+              <div class="folder-name">{{ collection.Name }}</div>
+              <div class="folder-meta" *ngIf="collection.Description">
+                {{ collection.Description }}
+              </div>
+            </div>
+          </div>
+        </div>
+      </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, .empty-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    .loading-state i, .empty-state i {\n      font-size: 48px;\n      margin-bottom: 16px;\n      opacity: 0.5;\n    }\n\n    .loading-state p, .empty-state p {\n      margin: 0;\n      font-size: 14px;\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: [{
+            type: Input
+        }], currentUser: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LibraryFullViewComponent, { className: "LibraryFullViewComponent", filePath: "src/lib/components/library/library-full-view.component.ts", lineNumber: 275 }); })();
+//# sourceMappingURL=library-full-view.component.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,42 @@
+import { EventEmitter } from '@angular/core';
+import { ConversationEntity } from '@memberjunction/core-entities';
+import { UserInfo } from '@memberjunction/core';
+import { DialogService } from '../../services/dialog.service';
+import * as i0 from "@angular/core";
+interface ConversationMember {
+    id: string;
+    userId: string;
+    userName: string;
+    userEmail: string;
+    role: 'owner' | 'member';
+    addedAt: Date;
+}
+export declare class MembersModalComponent {
+    private dialogService;
+    isVisible: boolean;
+    conversation?: ConversationEntity;
+    currentUser: UserInfo;
+    cancelled: EventEmitter<void>;
+    membersChanged: EventEmitter<void>;
+    members: ConversationMember[];
+    newMemberEmail: string;
+    newMemberRole: 'member' | 'owner';
+    isLoading: boolean;
+    errorMessage: string;
+    get modalTitle(): string;
+    roleOptions: {
+        value: string;
+        label: string;
+    }[];
+    constructor(dialogService: DialogService);
+    ngOnChanges(): void;
+    private loadMembers;
+    onAddMember(): Promise<void>;
+    onRemoveMember(member: ConversationMember): Promise<void>;
+    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>;
+}
+export {};
+//# sourceMappingURL=members-modal.component.d.ts.map

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

@@ -0,0 +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,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,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,qBA0Na,qBAAqB;IAsBpB,OAAO,CAAC,aAAa;IArBxB,SAAS,UAAS;IAClB,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,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"}