@memberjunction/ng-conversations 2.104.0

package/dist/lib/components/collection/collection-tree.component.js

@@ -0,0 +1,482 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import { RunView, Metadata, LogError } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+const _forTrack0 = ($index, $item) => $item.collection.ID;
+const _c0 = a0 => ({ node: a0 });
+function CollectionTreeComponent_For_8_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "i", 15);
+    i0.ɵɵlistener("click", function CollectionTreeComponent_For_8_Conditional_2_Template_i_click_0_listener($event) { i0.ɵɵrestoreView(_r5); const node_r3 = i0.ɵɵnextContext().$implicit; const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.toggleNode(node_r3, $event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const node_r3 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("ngClass", node_r3.expanded ? "fa-chevron-down" : "fa-chevron-right");
+} }
+function CollectionTreeComponent_For_8_Conditional_11_For_1_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function CollectionTreeComponent_For_8_Conditional_11_For_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, CollectionTreeComponent_For_8_Conditional_11_For_1_ng_container_0_Template, 1, 0, "ng-container", 16);
+} if (rf & 2) {
+    const child_r6 = ctx.$implicit;
+    i0.ɵɵnextContext(3);
+    const recursiveTree_r7 = i0.ɵɵreference(10);
+    i0.ɵɵproperty("ngTemplateOutlet", recursiveTree_r7)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0, child_r6));
+} }
+function CollectionTreeComponent_For_8_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵrepeaterCreate(0, CollectionTreeComponent_For_8_Conditional_11_For_1_Template, 1, 4, "ng-container", null, _forTrack0);
+} if (rf & 2) {
+    const node_r3 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵrepeater(node_r3.children);
+} }
+function CollectionTreeComponent_For_8_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 6)(1, "div", 7);
+    i0.ɵɵlistener("click", function CollectionTreeComponent_For_8_Template_div_click_1_listener() { const node_r3 = i0.ɵɵrestoreView(_r2).$implicit; const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onSelectCollection(node_r3.collection)); })("dragstart", function CollectionTreeComponent_For_8_Template_div_dragstart_1_listener($event) { const node_r3 = i0.ɵɵrestoreView(_r2).$implicit; const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onDragStart($event, node_r3)); })("dragend", function CollectionTreeComponent_For_8_Template_div_dragend_1_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onDragEnd($event)); })("dragover", function CollectionTreeComponent_For_8_Template_div_dragover_1_listener($event) { const node_r3 = i0.ɵɵrestoreView(_r2).$implicit; const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onDragOver($event, node_r3)); })("dragleave", function CollectionTreeComponent_For_8_Template_div_dragleave_1_listener($event) { const node_r3 = i0.ɵɵrestoreView(_r2).$implicit; const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onDragLeave($event, node_r3)); })("drop", function CollectionTreeComponent_For_8_Template_div_drop_1_listener($event) { const node_r3 = i0.ɵɵrestoreView(_r2).$implicit; const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onDrop($event, node_r3)); });
+    i0.ɵɵtemplate(2, CollectionTreeComponent_For_8_Conditional_2_Template, 1, 1, "i", 8);
+    i0.ɵɵelement(3, "i", 9);
+    i0.ɵɵelementStart(4, "span", 10);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "div", 11);
+    i0.ɵɵlistener("click", function CollectionTreeComponent_For_8_Template_div_click_6_listener($event) { i0.ɵɵrestoreView(_r2); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(7, "button", 12);
+    i0.ɵɵlistener("click", function CollectionTreeComponent_For_8_Template_button_click_7_listener() { const node_r3 = i0.ɵɵrestoreView(_r2).$implicit; const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onCreateCollection(node_r3.collection.ID)); });
+    i0.ɵɵelement(8, "i", 4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "button", 13);
+    i0.ɵɵlistener("click", function CollectionTreeComponent_For_8_Template_button_click_9_listener() { const node_r3 = i0.ɵɵrestoreView(_r2).$implicit; const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onDeleteCollection(node_r3.collection)); });
+    i0.ɵɵelement(10, "i", 14);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵtemplate(11, CollectionTreeComponent_For_8_Conditional_11_Template, 2, 0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const node_r3 = ctx.$implicit;
+    const ctx_r3 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("padding-left", node_r3.level * 20, "px");
+    i0.ɵɵclassProp("selected", node_r3.collection.ID === ctx_r3.selectedCollectionId)("drag-over", ctx_r3.dragOverNodeId === node_r3.collection.ID)("dragging", (ctx_r3.draggedNode == null ? null : ctx_r3.draggedNode.collection == null ? null : ctx_r3.draggedNode.collection.ID) === node_r3.collection.ID);
+    i0.ɵɵproperty("draggable", true);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(node_r3.children.length > 0 ? 2 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("color", node_r3.collection.Color || "#0076B6");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(node_r3.collection.Name);
+    i0.ɵɵadvance(6);
+    i0.ɵɵconditional(node_r3.expanded ? 11 : -1);
+} }
+function CollectionTreeComponent_ng_template_9_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "i", 15);
+    i0.ɵɵlistener("click", function CollectionTreeComponent_ng_template_9_Conditional_2_Template_i_click_0_listener($event) { i0.ɵɵrestoreView(_r10); const node_r9 = i0.ɵɵnextContext().node; const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.toggleNode(node_r9, $event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const node_r9 = i0.ɵɵnextContext().node;
+    i0.ɵɵproperty("ngClass", node_r9.expanded ? "fa-chevron-down" : "fa-chevron-right");
+} }
+function CollectionTreeComponent_ng_template_9_Conditional_11_For_1_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function CollectionTreeComponent_ng_template_9_Conditional_11_For_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, CollectionTreeComponent_ng_template_9_Conditional_11_For_1_ng_container_0_Template, 1, 0, "ng-container", 16);
+} if (rf & 2) {
+    const child_r11 = ctx.$implicit;
+    i0.ɵɵnextContext(3);
+    const recursiveTree_r7 = i0.ɵɵreference(10);
+    i0.ɵɵproperty("ngTemplateOutlet", recursiveTree_r7)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0, child_r11));
+} }
+function CollectionTreeComponent_ng_template_9_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵrepeaterCreate(0, CollectionTreeComponent_ng_template_9_Conditional_11_For_1_Template, 1, 4, "ng-container", null, _forTrack0);
+} if (rf & 2) {
+    const node_r9 = i0.ɵɵnextContext().node;
+    i0.ɵɵrepeater(node_r9.children);
+} }
+function CollectionTreeComponent_ng_template_9_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 6)(1, "div", 7);
+    i0.ɵɵlistener("click", function CollectionTreeComponent_ng_template_9_Template_div_click_1_listener() { const node_r9 = i0.ɵɵrestoreView(_r8).node; const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onSelectCollection(node_r9.collection)); })("dragstart", function CollectionTreeComponent_ng_template_9_Template_div_dragstart_1_listener($event) { const node_r9 = i0.ɵɵrestoreView(_r8).node; const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onDragStart($event, node_r9)); })("dragend", function CollectionTreeComponent_ng_template_9_Template_div_dragend_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onDragEnd($event)); })("dragover", function CollectionTreeComponent_ng_template_9_Template_div_dragover_1_listener($event) { const node_r9 = i0.ɵɵrestoreView(_r8).node; const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onDragOver($event, node_r9)); })("dragleave", function CollectionTreeComponent_ng_template_9_Template_div_dragleave_1_listener($event) { const node_r9 = i0.ɵɵrestoreView(_r8).node; const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onDragLeave($event, node_r9)); })("drop", function CollectionTreeComponent_ng_template_9_Template_div_drop_1_listener($event) { const node_r9 = i0.ɵɵrestoreView(_r8).node; const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onDrop($event, node_r9)); });
+    i0.ɵɵtemplate(2, CollectionTreeComponent_ng_template_9_Conditional_2_Template, 1, 1, "i", 8);
+    i0.ɵɵelement(3, "i", 9);
+    i0.ɵɵelementStart(4, "span", 10);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "div", 11);
+    i0.ɵɵlistener("click", function CollectionTreeComponent_ng_template_9_Template_div_click_6_listener($event) { i0.ɵɵrestoreView(_r8); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(7, "button", 12);
+    i0.ɵɵlistener("click", function CollectionTreeComponent_ng_template_9_Template_button_click_7_listener() { const node_r9 = i0.ɵɵrestoreView(_r8).node; const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onCreateCollection(node_r9.collection.ID)); });
+    i0.ɵɵelement(8, "i", 4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "button", 13);
+    i0.ɵɵlistener("click", function CollectionTreeComponent_ng_template_9_Template_button_click_9_listener() { const node_r9 = i0.ɵɵrestoreView(_r8).node; const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onDeleteCollection(node_r9.collection)); });
+    i0.ɵɵelement(10, "i", 14);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵtemplate(11, CollectionTreeComponent_ng_template_9_Conditional_11_Template, 2, 0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const node_r9 = ctx.node;
+    const ctx_r3 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("padding-left", node_r9.level * 20, "px");
+    i0.ɵɵclassProp("selected", node_r9.collection.ID === ctx_r3.selectedCollectionId)("drag-over", ctx_r3.dragOverNodeId === node_r9.collection.ID)("dragging", (ctx_r3.draggedNode == null ? null : ctx_r3.draggedNode.collection == null ? null : ctx_r3.draggedNode.collection.ID) === node_r9.collection.ID);
+    i0.ɵɵproperty("draggable", true);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(node_r9.children.length > 0 ? 2 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("color", node_r9.collection.Color || "#0076B6");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(node_r9.collection.Name);
+    i0.ɵɵadvance(6);
+    i0.ɵɵconditional(node_r9.expanded ? 11 : -1);
+} }
+export class CollectionTreeComponent {
+    environmentId;
+    currentUser;
+    selectedCollectionId = null;
+    collectionSelected = new EventEmitter();
+    collectionCreated = new EventEmitter();
+    collectionDeleted = new EventEmitter();
+    collections = [];
+    treeNodes = [];
+    draggedNode = null;
+    dragOverNodeId = null;
+    ngOnInit() {
+        this.loadCollections();
+    }
+    async loadCollections() {
+        try {
+            const rv = new RunView();
+            const result = await rv.RunView({
+                EntityName: 'MJ: Collections',
+                ExtraFilter: `EnvironmentID='${this.environmentId}'`,
+                OrderBy: 'Sequence ASC, Name ASC',
+                ResultType: 'entity_object'
+            }, this.currentUser);
+            if (result.Success) {
+                this.collections = result.Results || [];
+                this.buildTree();
+            }
+        }
+        catch (error) {
+            console.error('Error loading collections:', error);
+        }
+    }
+    buildTree() {
+        const rootCollections = this.collections.filter(c => !c.ParentID);
+        this.treeNodes = rootCollections.map(c => this.buildNode(c, 0));
+    }
+    buildNode(collection, level) {
+        const children = this.collections.filter(c => c.ParentID === collection.ID);
+        return {
+            collection,
+            children: children.map(c => this.buildNode(c, level + 1)),
+            expanded: level === 0,
+            level
+        };
+    }
+    toggleNode(node, event) {
+        event.stopPropagation();
+        node.expanded = !node.expanded;
+    }
+    onSelectCollection(collection) {
+        this.selectedCollectionId = collection.ID;
+        this.collectionSelected.emit(collection);
+    }
+    async onCreateCollection(parentId) {
+        const name = prompt('Enter collection name:');
+        if (!name)
+            return;
+        try {
+            const md = new Metadata();
+            const collection = await md.GetEntityObject('MJ: Collections', this.currentUser);
+            collection.Name = name;
+            collection.EnvironmentID = this.environmentId;
+            if (parentId)
+                collection.ParentID = parentId;
+            const saved = await collection.Save();
+            if (saved) {
+                this.collectionCreated.emit(collection);
+                await this.loadCollections();
+            }
+        }
+        catch (error) {
+            console.error('Error creating collection:', error);
+            alert('Failed to create collection');
+        }
+    }
+    async onDeleteCollection(collection) {
+        if (!confirm(`Delete collection "${collection.Name}"?`))
+            return;
+        try {
+            const deleted = await collection.Delete();
+            if (deleted) {
+                this.collectionDeleted.emit(collection);
+                await this.loadCollections();
+            }
+        }
+        catch (error) {
+            console.error('Error deleting collection:', error);
+            alert('Failed to delete collection');
+        }
+    }
+    onDragStart(event, node) {
+        this.draggedNode = node;
+        const dragData = {
+            collectionId: node.collection.ID,
+            parentId: node.collection.ParentID || null
+        };
+        event.dataTransfer.effectAllowed = 'move';
+        event.dataTransfer.setData('application/json', JSON.stringify(dragData));
+        // Add visual feedback
+        event.target.style.opacity = '0.4';
+    }
+    onDragEnd(event) {
+        // Clean up visual feedback
+        event.target.style.opacity = '1';
+        this.draggedNode = null;
+        this.dragOverNodeId = null;
+    }
+    onDragOver(event, targetNode) {
+        event.preventDefault(); // Required to allow drop
+        if (!this.draggedNode || this.draggedNode.collection.ID === targetNode.collection.ID) {
+            event.dataTransfer.dropEffect = 'none';
+            return;
+        }
+        // Check if trying to drop into a descendant
+        if (this.isDescendant(targetNode, this.draggedNode)) {
+            event.dataTransfer.dropEffect = 'none';
+            return;
+        }
+        event.dataTransfer.dropEffect = 'move';
+        this.dragOverNodeId = targetNode.collection.ID;
+    }
+    onDragLeave(event, targetNode) {
+        if (this.dragOverNodeId === targetNode.collection.ID) {
+            this.dragOverNodeId = null;
+        }
+    }
+    async onDrop(event, targetNode) {
+        event.preventDefault();
+        event.stopPropagation();
+        if (!this.draggedNode) {
+            return;
+        }
+        // Don't allow dropping on itself
+        if (this.draggedNode.collection.ID === targetNode.collection.ID) {
+            this.dragOverNodeId = null;
+            return;
+        }
+        // Check if trying to drop into a descendant
+        if (this.isDescendant(targetNode, this.draggedNode)) {
+            alert('Cannot move a collection into its own descendant');
+            this.dragOverNodeId = null;
+            return;
+        }
+        try {
+            const collection = this.draggedNode.collection;
+            const newParentId = targetNode.collection.ID;
+            // Update the collection's parent
+            collection.ParentID = newParentId;
+            const saved = await collection.Save();
+            if (saved) {
+                // Reload the tree to reflect changes
+                await this.loadCollections();
+            }
+            else {
+                alert('Failed to move collection');
+            }
+        }
+        catch (error) {
+            LogError(error);
+            alert('Error moving collection');
+        }
+        finally {
+            this.dragOverNodeId = null;
+        }
+    }
+    onDragOverRoot(event) {
+        event.preventDefault();
+        if (!this.draggedNode) {
+            event.dataTransfer.dropEffect = 'none';
+            return;
+        }
+        event.dataTransfer.dropEffect = 'move';
+        this.dragOverNodeId = 'root';
+    }
+    async onDropRoot(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        if (!this.draggedNode) {
+            return;
+        }
+        try {
+            const collection = this.draggedNode.collection;
+            // Move to root level
+            collection.ParentID = null;
+            const saved = await collection.Save();
+            if (saved) {
+                await this.loadCollections();
+            }
+            else {
+                alert('Failed to move collection to root');
+            }
+        }
+        catch (error) {
+            LogError(error);
+            alert('Error moving collection to root');
+        }
+        finally {
+            this.dragOverNodeId = null;
+        }
+    }
+    isDescendant(potentialDescendant, ancestor) {
+        if (potentialDescendant.collection.ParentID === ancestor.collection.ID) {
+            return true;
+        }
+        for (const child of ancestor.children) {
+            if (this.isDescendant(potentialDescendant, child)) {
+                return true;
+            }
+        }
+        return false;
+    }
+    static ɵfac = function CollectionTreeComponent_Factory(t) { return new (t || CollectionTreeComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CollectionTreeComponent, selectors: [["mj-collection-tree"]], inputs: { environmentId: "environmentId", currentUser: "currentUser", selectedCollectionId: "selectedCollectionId" }, outputs: { collectionSelected: "collectionSelected", collectionCreated: "collectionCreated", collectionDeleted: "collectionDeleted" }, decls: 11, vars: 2, consts: [["recursiveTree", ""], [1, "collection-tree"], [1, "tree-header"], ["title", "New Collection", 1, "btn-new", 3, "click"], [1, "fas", "fa-plus"], [1, "tree-content", 3, "dragover", "drop"], [1, "tree-node-wrapper"], [1, "tree-node", 3, "click", "dragstart", "dragend", "dragover", "dragleave", "drop", "draggable"], [1, "fas", "toggle-icon", 3, "ngClass"], [1, "fas", "fa-folder", "collection-icon"], [1, "collection-name"], [1, "node-actions", 3, "click"], ["title", "Add sub-collection", 1, "node-action-btn", 3, "click"], ["title", "Delete", 1, "node-action-btn", 3, "click"], [1, "fas", "fa-trash"], [1, "fas", "toggle-icon", 3, "click", "ngClass"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"]], template: function CollectionTreeComponent_Template(rf, ctx) { if (rf & 1) {
+            const _r1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 1)(1, "div", 2)(2, "h3");
+            i0.ɵɵtext(3, "Collections");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "button", 3);
+            i0.ɵɵlistener("click", function CollectionTreeComponent_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onCreateCollection(null)); });
+            i0.ɵɵelement(5, "i", 4);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(6, "div", 5);
+            i0.ɵɵlistener("dragover", function CollectionTreeComponent_Template_div_dragover_6_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onDragOverRoot($event)); })("drop", function CollectionTreeComponent_Template_div_drop_6_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onDropRoot($event)); });
+            i0.ɵɵrepeaterCreate(7, CollectionTreeComponent_For_8_Template, 12, 14, "div", 6, _forTrack0);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵtemplate(9, CollectionTreeComponent_ng_template_9_Template, 12, 14, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
+        } if (rf & 2) {
+            i0.ɵɵadvance(6);
+            i0.ɵɵclassProp("drag-over-root", ctx.dragOverNodeId === "root");
+            i0.ɵɵadvance();
+            i0.ɵɵrepeater(ctx.treeNodes);
+        } }, dependencies: [i1.NgClass, i1.NgTemplateOutlet], styles: [".collection-tree[_ngcontent-%COMP%] { display: flex; flex-direction: column; height: 100%; }\n    .tree-header[_ngcontent-%COMP%] { padding: 16px; border-bottom: 1px solid #D9D9D9; display: flex; justify-content: space-between; align-items: center; }\n    .tree-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] { margin: 0; font-size: 16px; }\n    .btn-new[_ngcontent-%COMP%] { padding: 6px 10px; background: #0076B6; color: white; border: none; border-radius: 4px; cursor: pointer; }\n    .btn-new[_ngcontent-%COMP%]:hover { background: #005A8C; }\n    .tree-content[_ngcontent-%COMP%] { flex: 1; overflow-y: auto; position: relative; }\n    .tree-content.drag-over-root[_ngcontent-%COMP%] { background: rgba(0, 118, 182, 0.1); }\n    .tree-node[_ngcontent-%COMP%] {\n      padding: 8px 12px;\n      cursor: move;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      position: relative;\n      transition: all 0.2s ease;\n      border: 2px solid transparent;\n    }\n    .tree-node[_ngcontent-%COMP%]:hover { background: #F4F4F4; }\n    .tree-node.selected[_ngcontent-%COMP%] { background: #AAE7FD; }\n    .tree-node.dragging[_ngcontent-%COMP%] {\n      opacity: 0.4;\n      cursor: grabbing;\n    }\n    .tree-node.drag-over[_ngcontent-%COMP%] {\n      background: rgba(0, 118, 182, 0.1);\n      border: 2px dashed #0076B6;\n      border-radius: 4px;\n    }\n    .toggle-icon[_ngcontent-%COMP%] { font-size: 10px; color: #AAA; cursor: pointer; width: 12px; }\n    .collection-icon[_ngcontent-%COMP%] { font-size: 14px; }\n    .collection-name[_ngcontent-%COMP%] { flex: 1; font-size: 14px; user-select: none; }\n    .node-actions[_ngcontent-%COMP%] { display: none; gap: 4px; }\n    .tree-node[_ngcontent-%COMP%]:hover   .node-actions[_ngcontent-%COMP%] { display: flex; }\n    .node-action-btn[_ngcontent-%COMP%] { padding: 4px 6px; background: transparent; border: none; cursor: pointer; border-radius: 3px; color: #666; }\n    .node-action-btn[_ngcontent-%COMP%]:hover { background: rgba(0,0,0,0.1); }"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CollectionTreeComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-collection-tree', template: `
+    <div class="collection-tree">
+      <div class="tree-header">
+        <h3>Collections</h3>
+        <button class="btn-new" (click)="onCreateCollection(null)" title="New Collection">
+          <i class="fas fa-plus"></i>
+        </button>
+      </div>
+
+      <div
+        class="tree-content"
+        [class.drag-over-root]="dragOverNodeId === 'root'"
+        (dragover)="onDragOverRoot($event)"
+        (drop)="onDropRoot($event)">
+        @for (node of treeNodes; track node.collection.ID) {
+          <div class="tree-node-wrapper">
+            <div
+              class="tree-node"
+              [class.selected]="node.collection.ID === selectedCollectionId"
+              [class.drag-over]="dragOverNodeId === node.collection.ID"
+              [class.dragging]="draggedNode?.collection?.ID === node.collection.ID"
+              [style.padding-left.px]="node.level * 20"
+              [draggable]="true"
+              (click)="onSelectCollection(node.collection)"
+              (dragstart)="onDragStart($event, node)"
+              (dragend)="onDragEnd($event)"
+              (dragover)="onDragOver($event, node)"
+              (dragleave)="onDragLeave($event, node)"
+              (drop)="onDrop($event, node)">
+              @if (node.children.length > 0) {
+                <i
+                  class="fas toggle-icon"
+                  [ngClass]="node.expanded ? 'fa-chevron-down' : 'fa-chevron-right'"
+                  (click)="toggleNode(node, $event)">
+                </i>
+              }
+              <i class="fas fa-folder collection-icon" [style.color]="node.collection.Color || '#0076B6'"></i>
+              <span class="collection-name">{{ node.collection.Name }}</span>
+              <div class="node-actions" (click)="$event.stopPropagation()">
+                <button class="node-action-btn" (click)="onCreateCollection(node.collection.ID)" title="Add sub-collection">
+                  <i class="fas fa-plus"></i>
+                </button>
+                <button class="node-action-btn" (click)="onDeleteCollection(node.collection)" title="Delete">
+                  <i class="fas fa-trash"></i>
+                </button>
+              </div>
+            </div>
+
+            @if (node.expanded) {
+              @for (child of node.children; track child.collection.ID) {
+                <ng-container *ngTemplateOutlet="recursiveTree; context: { node: child }"></ng-container>
+              }
+            }
+          </div>
+        }
+      </div>
+    </div>
+
+    <ng-template #recursiveTree let-node="node">
+      <div class="tree-node-wrapper">
+        <div
+          class="tree-node"
+          [class.selected]="node.collection.ID === selectedCollectionId"
+          [class.drag-over]="dragOverNodeId === node.collection.ID"
+          [class.dragging]="draggedNode?.collection?.ID === node.collection.ID"
+          [style.padding-left.px]="node.level * 20"
+          [draggable]="true"
+          (click)="onSelectCollection(node.collection)"
+          (dragstart)="onDragStart($event, node)"
+          (dragend)="onDragEnd($event)"
+          (dragover)="onDragOver($event, node)"
+          (dragleave)="onDragLeave($event, node)"
+          (drop)="onDrop($event, node)">
+          @if (node.children.length > 0) {
+            <i
+              class="fas toggle-icon"
+              [ngClass]="node.expanded ? 'fa-chevron-down' : 'fa-chevron-right'"
+              (click)="toggleNode(node, $event)">
+            </i>
+          }
+          <i class="fas fa-folder collection-icon" [style.color]="node.collection.Color || '#0076B6'"></i>
+          <span class="collection-name">{{ node.collection.Name }}</span>
+          <div class="node-actions" (click)="$event.stopPropagation()">
+            <button class="node-action-btn" (click)="onCreateCollection(node.collection.ID)" title="Add sub-collection">
+              <i class="fas fa-plus"></i>
+            </button>
+            <button class="node-action-btn" (click)="onDeleteCollection(node.collection)" title="Delete">
+              <i class="fas fa-trash"></i>
+            </button>
+          </div>
+        </div>
+
+        @if (node.expanded) {
+          @for (child of node.children; track child.collection.ID) {
+            <ng-container *ngTemplateOutlet="recursiveTree; context: { node: child }"></ng-container>
+          }
+        }
+      </div>
+    </ng-template>
+  `, styles: ["\n    .collection-tree { display: flex; flex-direction: column; height: 100%; }\n    .tree-header { padding: 16px; border-bottom: 1px solid #D9D9D9; display: flex; justify-content: space-between; align-items: center; }\n    .tree-header h3 { margin: 0; font-size: 16px; }\n    .btn-new { padding: 6px 10px; background: #0076B6; color: white; border: none; border-radius: 4px; cursor: pointer; }\n    .btn-new:hover { background: #005A8C; }\n    .tree-content { flex: 1; overflow-y: auto; position: relative; }\n    .tree-content.drag-over-root { background: rgba(0, 118, 182, 0.1); }\n    .tree-node {\n      padding: 8px 12px;\n      cursor: move;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      position: relative;\n      transition: all 0.2s ease;\n      border: 2px solid transparent;\n    }\n    .tree-node:hover { background: #F4F4F4; }\n    .tree-node.selected { background: #AAE7FD; }\n    .tree-node.dragging {\n      opacity: 0.4;\n      cursor: grabbing;\n    }\n    .tree-node.drag-over {\n      background: rgba(0, 118, 182, 0.1);\n      border: 2px dashed #0076B6;\n      border-radius: 4px;\n    }\n    .toggle-icon { font-size: 10px; color: #AAA; cursor: pointer; width: 12px; }\n    .collection-icon { font-size: 14px; }\n    .collection-name { flex: 1; font-size: 14px; user-select: none; }\n    .node-actions { display: none; gap: 4px; }\n    .tree-node:hover .node-actions { display: flex; }\n    .node-action-btn { padding: 4px 6px; background: transparent; border: none; cursor: pointer; border-radius: 3px; color: #666; }\n    .node-action-btn:hover { background: rgba(0,0,0,0.1); }\n  "] }]
+    }], null, { environmentId: [{
+            type: Input
+        }], currentUser: [{
+            type: Input
+        }], selectedCollectionId: [{
+            type: Input
+        }], collectionSelected: [{
+            type: Output
+        }], collectionCreated: [{
+            type: Output
+        }], collectionDeleted: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CollectionTreeComponent, { className: "CollectionTreeComponent", filePath: "src/lib/components/collection/collection-tree.component.ts", lineNumber: 157 }); })();
+//# sourceMappingURL=collection-tree.component.js.map

package/dist/lib/components/collection/collection-tree.component.js.map

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

package/dist/lib/components/collection/collection-view.component.d.ts

@@ -0,0 +1,31 @@
+import { OnInit, OnChanges, SimpleChanges } from '@angular/core';
+import { CollectionEntity, ArtifactEntity } from '@memberjunction/core-entities';
+import { UserInfo } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+type ViewMode = 'grid' | 'list';
+type SortBy = 'name' | 'date' | 'type';
+export declare class CollectionViewComponent implements OnInit, OnChanges {
+    collection: CollectionEntity;
+    currentUser: UserInfo;
+    artifacts: ArtifactEntity[];
+    viewMode: ViewMode;
+    sortBy: SortBy;
+    sortOptions: {
+        label: string;
+        value: string;
+    }[];
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private loadArtifacts;
+    private getOrderBy;
+    onSortChange(): void;
+    onArtifactSelected(artifact: ArtifactEntity): void;
+    onViewArtifact(artifact: ArtifactEntity): void;
+    onEditArtifact(artifact: ArtifactEntity): void;
+    onRemoveArtifact(artifact: ArtifactEntity): Promise<void>;
+    onAddArtifact(): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CollectionViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CollectionViewComponent, "mj-collection-view", never, { "collection": { "alias": "collection"; "required": false; }; "currentUser": { "alias": "currentUser"; "required": false; }; }, {}, never, never, false, never>;
+}
+export {};
+//# sourceMappingURL=collection-view.component.d.ts.map

package/dist/lib/components/collection/collection-view.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collection-view.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/collection/collection-view.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnF,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAA4B,MAAM,+BAA+B,CAAC;AAC3G,OAAO,EAAE,QAAQ,EAAqB,MAAM,sBAAsB,CAAC;;AAEnE,KAAK,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAChC,KAAK,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAEvC,qBAwFa,uBAAwB,YAAW,MAAM,EAAE,SAAS;IACtD,UAAU,EAAG,gBAAgB,CAAC;IAC9B,WAAW,EAAG,QAAQ,CAAC;IAEzB,SAAS,EAAE,cAAc,EAAE,CAAM;IACjC,QAAQ,EAAE,QAAQ,CAAU;IAC5B,MAAM,EAAE,MAAM,CAAU;IAExB,WAAW;;;QAIhB;IAEF,QAAQ;IAIR,WAAW,CAAC,OAAO,EAAE,aAAa;YAMpB,aAAa;IAsB3B,OAAO,CAAC,UAAU;IAYlB,YAAY,IAAI,IAAI;IAIpB,kBAAkB,CAAC,QAAQ,EAAE,cAAc,GAAG,IAAI;IAKlD,cAAc,CAAC,QAAQ,EAAE,cAAc,GAAG,IAAI;IAK9C,cAAc,CAAC,QAAQ,EAAE,cAAc,GAAG,IAAI;IAKxC,gBAAgB,CAAC,QAAQ,EAAE,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC;IAuBzD,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC;yCApGzB,uBAAuB;2CAAvB,uBAAuB;CAkInC"}