@memberjunction/ng-tasks 6.1.4 → 6.2.0-edge.1

package/src/lib/components/gantt-task-viewer.component.ts

@@ -135,16 +135,88 @@ import { UUIDsEqual } from '@memberjunction/global';
   `]
 })
 export class GanttTaskViewerComponent implements OnChanges, AfterViewInit, OnDestroy {
-  @Input() tasks: MJTaskEntity[] = [];
-  @Input() taskDependencies: MJTaskDependencyEntity[] = [];
-  @Input() agentRunMap?: Map<string, string>; // Maps TaskID -> AgentRunID
-  @Output() taskClicked = new EventEmitter<MJTaskEntity>();
-  @Output() openEntityRecord = new EventEmitter<{ entityName: string; recordId: string }>();
+  @Input() Tasks: MJTaskEntity[] = [];
 
-  @ViewChild('ganttContainer', { static: false }) ganttContainer!: ElementRef<HTMLDivElement>;
+  /** @deprecated Use {@link Tasks}. */
+  @Input() set tasks(value: MJTaskEntity[]) {
+    this.Tasks = value;
+  }
+  /** @deprecated Use {@link Tasks}. */
+  get tasks(): MJTaskEntity[] {
+    return this.Tasks;
+  }
+  @Input() TaskDependencies: MJTaskDependencyEntity[] = [];
+
+  /** @deprecated Use {@link TaskDependencies}. */
+  @Input() set taskDependencies(value: MJTaskDependencyEntity[]) {
+    this.TaskDependencies = value;
+  }
+  /** @deprecated Use {@link TaskDependencies}. */
+  get taskDependencies(): MJTaskDependencyEntity[] {
+    return this.TaskDependencies;
+  }
+  @Input() AgentRunMap?: Map<string, string>;
+
+  /** @deprecated Use {@link AgentRunMap}. */
+  @Input() set agentRunMap(value: Map<string, string> | undefined) {
+    this.AgentRunMap = value;
+  }
+  /** @deprecated Use {@link AgentRunMap}. */
+  get agentRunMap(): Map<string, string> | undefined {
+    return this.AgentRunMap;
+  } // Maps TaskID -> AgentRunID
+  @Output() TaskClicked = new EventEmitter<MJTaskEntity>();
+
+  /**
+   * @deprecated Use {@link TaskClicked}.
+   *
+   * The same emitter under the old binding name, so a template still binding
+   * (taskClicked) keeps working. Must stay AFTER TaskClicked: class fields
+   * initialise in order, and the other way round this captures undefined.
+   */
+  @Output() taskClicked = this.TaskClicked;
+  @Output() OpenEntityRecord = new EventEmitter<{ entityName: string; recordId: string }>();
+
+  /**
+   * @deprecated Use {@link OpenEntityRecord}.
+   *
+   * The same emitter under the old binding name, so a template still binding
+   * (openEntityRecord) keeps working. Must stay AFTER OpenEntityRecord: class fields
+   * initialise in order, and the other way round this captures undefined.
+   */
+  @Output() openEntityRecord = this.OpenEntityRecord;
+
+  @ViewChild('ganttContainer', { static: false }) GanttContainer!: ElementRef<HTMLDivElement>;
+
+  /** @deprecated Use {@link GanttContainer}. */
+  get ganttContainer(): ElementRef<HTMLDivElement> {
+    return this.GanttContainer;
+  }
+  /** @deprecated Use {@link GanttContainer}. */
+  set ganttContainer(value: ElementRef<HTMLDivElement>) {
+    this.GanttContainer = value;
+  }
+
+  public SelectedTask: MJTaskEntity | null = null;
+
+  /** @deprecated Use {@link SelectedTask}. */
+  public get selectedTask(): MJTaskEntity | null {
+    return this.SelectedTask;
+  }
+  /** @deprecated Use {@link SelectedTask}. */
+  public set selectedTask(value: MJTaskEntity | null) {
+    this.SelectedTask = value;
+  }
+  public DetailPanelWidth: number = 400;
 
-  public selectedTask: MJTaskEntity | null = null;
-  public detailPanelWidth: number = 400;
+  /** @deprecated Use {@link DetailPanelWidth}. */
+  public get detailPanelWidth(): number {
+    return this.DetailPanelWidth;
+  }
+  /** @deprecated Use {@link DetailPanelWidth}. */
+  public set detailPanelWidth(value: number) {
+    this.DetailPanelWidth = value;
+  }
   public IsGanttLoading = true;
 
   private ganttLib: GanttStatic | null = null;
@@ -155,8 +227,8 @@ export class GanttTaskViewerComponent implements OnChanges, AfterViewInit, OnDes
 
   async ngAfterViewInit() {
     console.log('🔧 ngAfterViewInit called', {
-      taskCount: this.tasks?.length || 0,
-      hasContainer: !!this.ganttContainer
+      taskCount: this.Tasks?.length || 0,
+      hasContainer: !!this.GanttContainer
     });
 
     try {
@@ -164,7 +236,7 @@ export class GanttTaskViewerComponent implements OnChanges, AfterViewInit, OnDes
       this.ganttLib = module.gantt;
       this.IsGanttLoading = false;
 
-      if (this.tasks && this.tasks.length > 0 && this.ganttContainer) {
+      if (this.Tasks && this.Tasks.length > 0 && this.GanttContainer) {
         this.initGantt();
       }
     } catch (error) {
@@ -176,15 +248,15 @@ export class GanttTaskViewerComponent implements OnChanges, AfterViewInit, OnDes
   ngOnChanges() {
     console.log('🔄 ngOnChanges called', {
       initialized: this.ganttInitialized,
-      hasContainer: !!this.ganttContainer,
-      taskCount: this.tasks?.length || 0
+      hasContainer: !!this.GanttContainer,
+      taskCount: this.Tasks?.length || 0
     });
 
     if (!this.ganttLib) return; // Library not yet loaded
 
-    if (this.ganttInitialized && this.ganttContainer) {
+    if (this.ganttInitialized && this.GanttContainer) {
       this.updateGanttData();
-    } else if (!this.ganttInitialized && this.ganttContainer && this.tasks && this.tasks.length > 0) {
+    } else if (!this.ganttInitialized && this.GanttContainer && this.Tasks && this.Tasks.length > 0) {
       // Initialize if we have container and tasks but haven't initialized yet
       console.log('🎨 Late initialization - gantt not initialized but container and tasks available');
       this.initGantt();
@@ -247,15 +319,15 @@ export class GanttTaskViewerComponent implements OnChanges, AfterViewInit, OnDes
       ];
 
       // Initialize Gantt in the container
-      g.init(this.ganttContainer.nativeElement);
+      g.init(this.GanttContainer.nativeElement);
       this.ganttInitialized = true;
 
       // Attach click event
       g.attachEvent('onTaskClick', (id: string) => {
-        const originalTask = this.tasks.find(t => UUIDsEqual(t.ID, id));
+        const originalTask = this.Tasks.find(t => UUIDsEqual(t.ID, id));
         if (originalTask) {
-          this.selectedTask = originalTask;
-          this.taskClicked.emit(originalTask);
+          this.SelectedTask = originalTask;
+          this.TaskClicked.emit(originalTask);
         }
         return true;
       });
@@ -283,10 +355,10 @@ export class GanttTaskViewerComponent implements OnChanges, AfterViewInit, OnDes
     if (!this.ganttInitialized) return;
 
     try {
-      console.log('📊 Updating Gantt data with', this.tasks.length, 'tasks');
+      console.log('📊 Updating Gantt data with', this.Tasks.length, 'tasks');
       const g = this.ganttLib!;
 
-      const ganttData = this.convertToGanttFormat(this.tasks);
+      const ganttData = this.convertToGanttFormat(this.Tasks);
       g.clearAll();
       g.parse(ganttData);
 
@@ -317,7 +389,7 @@ export class GanttTaskViewerComponent implements OnChanges, AfterViewInit, OnDes
     const links: GanttLink[] = [];
 
     console.log('🔍 Converting tasks:', tasks);
-    console.log('🔗 Task dependencies:', this.taskDependencies);
+    console.log('🔗 Task dependencies:', this.TaskDependencies);
 
     // Build a map of task ID to task for quick lookup
     const taskMap = new Map<string, MJTaskEntity>();
@@ -325,7 +397,7 @@ export class GanttTaskViewerComponent implements OnChanges, AfterViewInit, OnDes
 
     // Build dependency map: taskId -> array of tasks it depends on
     const dependencyMap = new Map<string, string[]>();
-    this.taskDependencies.forEach(dep => {
+    this.TaskDependencies.forEach(dep => {
       if (!dependencyMap.has(dep.TaskID)) {
         dependencyMap.set(dep.TaskID, []);
       }
@@ -456,7 +528,7 @@ export class GanttTaskViewerComponent implements OnChanges, AfterViewInit, OnDes
     });
 
     // Create links from MJTaskDependencyEntity records
-    this.taskDependencies.forEach((dep, index) => {
+    this.TaskDependencies.forEach((dep, index) => {
       links.push({
         id: dep.ID || `link_${index}`,
         source: dep.DependsOnTaskID, // The task being depended on
@@ -486,25 +558,45 @@ export class GanttTaskViewerComponent implements OnChanges, AfterViewInit, OnDes
     return `${year}-${month}-${day} 00:00`;
   }
 
+  public GetAgentRunId(task: MJTaskEntity): string | null {
+    return this.AgentRunMap?.get(task.ID) || null;
+  }
+
+  /** @deprecated Use {@link GetAgentRunId}. */
   public getAgentRunId(task: MJTaskEntity): string | null {
-    return this.agentRunMap?.get(task.ID) || null;
+    return this.GetAgentRunId(task);
+  }
+
+  public CloseDetailPanel(): void {
+    this.SelectedTask = null;
   }
 
+  /** @deprecated Use {@link CloseDetailPanel}. */
   public closeDetailPanel(): void {
-    this.selectedTask = null;
+    return this.CloseDetailPanel();
   }
 
+  public OnOpenEntityRecord(event: { entityName: string; recordId: string }): void {
+    this.OpenEntityRecord.emit(event);
+  }
+
+  /** @deprecated Use {@link OnOpenEntityRecord}. */
   public onOpenEntityRecord(event: { entityName: string; recordId: string }): void {
-    this.openEntityRecord.emit(event);
+    return this.OnOpenEntityRecord(event);
   }
 
-  public startResize(event: MouseEvent): void {
+  public StartResize(event: MouseEvent): void {
     this.isResizing = true;
     this.resizeStartX = event.clientX;
-    this.resizeStartWidth = this.detailPanelWidth;
+    this.resizeStartWidth = this.DetailPanelWidth;
     event.preventDefault();
   }
 
+  /** @deprecated Use {@link StartResize}. */
+  public startResize(event: MouseEvent): void {
+    return this.StartResize(event);
+  }
+
   @HostListener('document:mousemove', ['$event'])
   handleResize(event: MouseEvent): void {
     if (!this.isResizing) return;
@@ -513,7 +605,7 @@ export class GanttTaskViewerComponent implements OnChanges, AfterViewInit, OnDes
     const newWidth = this.resizeStartWidth + delta;
 
     // Constrain width between min and max
-    this.detailPanelWidth = Math.max(300, Math.min(600, newWidth));
+    this.DetailPanelWidth = Math.max(300, Math.min(600, newWidth));
   }
 
   @HostListener('document:mouseup')
@@ -550,10 +642,10 @@ export class GanttTaskViewerComponent implements OnChanges, AfterViewInit, OnDes
       if (rootTaskId != null) {
         g.selectTask(rootTaskId);
         // Trigger task click event to open detail panel
-        const originalTask = this.tasks.find(t => UUIDsEqual(t.ID, String(rootTaskId)));
+        const originalTask = this.Tasks.find(t => UUIDsEqual(t.ID, String(rootTaskId)));
         if (originalTask) {
-          this.selectedTask = originalTask;
-          this.taskClicked.emit(originalTask);
+          this.SelectedTask = originalTask;
+          this.TaskClicked.emit(originalTask);
         }
       }
 

package/src/lib/components/simple-task-viewer.component.ts

@@ -312,17 +312,71 @@ import { UUIDsEqual } from '@memberjunction/global';
   `]
 })
 export class SimpleTaskViewerComponent implements OnChanges {
-  @Input() tasks: MJTaskEntity[] = [];
-  @Input() agentRunMap?: Map<string, string>; // Maps TaskID -> AgentRunID
-  @Output() taskClicked = new EventEmitter<MJTaskEntity>();
-  @Output() openEntityRecord = new EventEmitter<{ entityName: string; recordId: string }>();
+  @Input() Tasks: MJTaskEntity[] = [];
 
-  public selectedTask: MJTaskEntity | null = null;
+  /** @deprecated Use {@link Tasks}. */
+  @Input() set tasks(value: MJTaskEntity[]) {
+    this.Tasks = value;
+  }
+  /** @deprecated Use {@link Tasks}. */
+  get tasks(): MJTaskEntity[] {
+    return this.Tasks;
+  }
+  @Input() AgentRunMap?: Map<string, string>;
+
+  /** @deprecated Use {@link AgentRunMap}. */
+  @Input() set agentRunMap(value: Map<string, string> | undefined) {
+    this.AgentRunMap = value;
+  }
+  /** @deprecated Use {@link AgentRunMap}. */
+  get agentRunMap(): Map<string, string> | undefined {
+    return this.AgentRunMap;
+  } // Maps TaskID -> AgentRunID
+  @Output() TaskClicked = new EventEmitter<MJTaskEntity>();
+
+  /**
+   * @deprecated Use {@link TaskClicked}.
+   *
+   * The same emitter under the old binding name, so a template still binding
+   * (taskClicked) keeps working. Must stay AFTER TaskClicked: class fields
+   * initialise in order, and the other way round this captures undefined.
+   */
+  @Output() taskClicked = this.TaskClicked;
+  @Output() OpenEntityRecord = new EventEmitter<{ entityName: string; recordId: string }>();
+
+  /**
+   * @deprecated Use {@link OpenEntityRecord}.
+   *
+   * The same emitter under the old binding name, so a template still binding
+   * (openEntityRecord) keeps working. Must stay AFTER OpenEntityRecord: class fields
+   * initialise in order, and the other way round this captures undefined.
+   */
+  @Output() openEntityRecord = this.OpenEntityRecord;
+
+  public SelectedTask: MJTaskEntity | null = null;
+
+  /** @deprecated Use {@link SelectedTask}. */
+  public get selectedTask(): MJTaskEntity | null {
+    return this.SelectedTask;
+  }
+  /** @deprecated Use {@link SelectedTask}. */
+  public set selectedTask(value: MJTaskEntity | null) {
+    this.SelectedTask = value;
+  }
 
   public IsTaskSelected(task: MJTaskEntity): boolean {
-    return UUIDsEqual(this.selectedTask?.ID, task.ID);
+    return UUIDsEqual(this.SelectedTask?.ID, task.ID);
+  }
+  public DetailPanelWidth: number = 400;
+
+  /** @deprecated Use {@link DetailPanelWidth}. */
+  public get detailPanelWidth(): number {
+    return this.DetailPanelWidth;
+  }
+  /** @deprecated Use {@link DetailPanelWidth}. */
+  public set detailPanelWidth(value: number) {
+    this.DetailPanelWidth = value;
   }
-  public detailPanelWidth: number = 400;
 
   private isResizing = false;
   private resizeStartX = 0;
@@ -332,30 +386,55 @@ export class SimpleTaskViewerComponent implements OnChanges {
     // Tasks are already loaded
   }
 
+  public OnTaskClick(task: MJTaskEntity): void {
+    this.SelectedTask = task;
+    this.TaskClicked.emit(task);
+  }
+
+  /** @deprecated Use {@link OnTaskClick}. */
   public onTaskClick(task: MJTaskEntity): void {
-    this.selectedTask = task;
-    this.taskClicked.emit(task);
+    return this.OnTaskClick(task);
+  }
+
+  public GetAgentRunId(task: MJTaskEntity): string | null {
+    return this.AgentRunMap?.get(task.ID) || null;
   }
 
+  /** @deprecated Use {@link GetAgentRunId}. */
   public getAgentRunId(task: MJTaskEntity): string | null {
-    return this.agentRunMap?.get(task.ID) || null;
+    return this.GetAgentRunId(task);
   }
 
+  public CloseDetailPanel(): void {
+    this.SelectedTask = null;
+  }
+
+  /** @deprecated Use {@link CloseDetailPanel}. */
   public closeDetailPanel(): void {
-    this.selectedTask = null;
+    return this.CloseDetailPanel();
+  }
+
+  public OnOpenEntityRecord(event: { entityName: string; recordId: string }): void {
+    this.OpenEntityRecord.emit(event);
   }
 
+  /** @deprecated Use {@link OnOpenEntityRecord}. */
   public onOpenEntityRecord(event: { entityName: string; recordId: string }): void {
-    this.openEntityRecord.emit(event);
+    return this.OnOpenEntityRecord(event);
   }
 
-  public startResize(event: MouseEvent): void {
+  public StartResize(event: MouseEvent): void {
     this.isResizing = true;
     this.resizeStartX = event.clientX;
-    this.resizeStartWidth = this.detailPanelWidth;
+    this.resizeStartWidth = this.DetailPanelWidth;
     event.preventDefault();
   }
 
+  /** @deprecated Use {@link StartResize}. */
+  public startResize(event: MouseEvent): void {
+    return this.StartResize(event);
+  }
+
   @HostListener('document:mousemove', ['$event'])
   handleResize(event: MouseEvent): void {
     if (!this.isResizing) return;
@@ -364,7 +443,7 @@ export class SimpleTaskViewerComponent implements OnChanges {
     const newWidth = this.resizeStartWidth + delta;
 
     // Constrain width between min and max
-    this.detailPanelWidth = Math.max(300, Math.min(600, newWidth));
+    this.DetailPanelWidth = Math.max(300, Math.min(600, newWidth));
   }
 
   @HostListener('document:mouseup')
@@ -372,7 +451,7 @@ export class SimpleTaskViewerComponent implements OnChanges {
     this.isResizing = false;
   }
 
-  public getStatusIcon(status: string): string {
+  public GetStatusIcon(status: string): string {
     switch (status) {
       case 'Complete': return 'fa-check-circle';
       case 'In Progress': return 'fa-spinner';
@@ -383,6 +462,11 @@ export class SimpleTaskViewerComponent implements OnChanges {
     }
   }
 
+  /** @deprecated Use {@link GetStatusIcon}. */
+  public getStatusIcon(status: string): string {
+    return this.GetStatusIcon(status);
+  }
+
   public formatDate(date: Date | null): string {
     if (!date) return '';
     const d = new Date(date);

package/src/lib/components/task-detail-panel.component.ts

@@ -264,12 +264,48 @@ import { UUIDsEqual } from '@memberjunction/global';
   `]
 })
 export class TaskDetailPanelComponent implements OnInit, OnChanges {
-  @Input() task!: MJTaskEntity;
+  @Input() Task!: MJTaskEntity;
+
+  /** @deprecated Use {@link Task}. */
+  @Input() set task(value: MJTaskEntity) {
+    this.Task = value;
+  }
+  /** @deprecated Use {@link Task}. */
+  get task(): MJTaskEntity {
+    return this.Task;
+  }
   @Input() agentRunId: string | null = null;
-  @Output() closePanel = new EventEmitter<void>();
-  @Output() openEntityRecord = new EventEmitter<{ entityName: string; recordId: string }>();
+  @Output() ClosePanel = new EventEmitter<void>();
+
+  /**
+   * @deprecated Use {@link ClosePanel}.
+   *
+   * The same emitter under the old binding name, so a template still binding
+   * (closePanel) keeps working. Must stay AFTER ClosePanel: class fields
+   * initialise in order, and the other way round this captures undefined.
+   */
+  @Output() closePanel = this.ClosePanel;
+  @Output() OpenEntityRecord = new EventEmitter<{ entityName: string; recordId: string }>();
+
+  /**
+   * @deprecated Use {@link OpenEntityRecord}.
+   *
+   * The same emitter under the old binding name, so a template still binding
+   * (openEntityRecord) keeps working. Must stay AFTER OpenEntityRecord: class fields
+   * initialise in order, and the other way round this captures undefined.
+   */
+  @Output() openEntityRecord = this.OpenEntityRecord;
 
-  public agent: MJAIAgentEntityExtended | null = null;
+  public Agent: MJAIAgentEntityExtended | null = null;
+
+  /** @deprecated Use {@link Agent}. */
+  public get agent(): MJAIAgentEntityExtended | null {
+    return this.Agent;
+  }
+  /** @deprecated Use {@link Agent}. */
+  public set agent(value: MJAIAgentEntityExtended | null) {
+    this.Agent = value;
+  }
 
   ngOnInit(): void {
     this.loadAgentInfo();
@@ -280,18 +316,18 @@ export class TaskDetailPanelComponent implements OnInit, OnChanges {
   }
 
   private async loadAgentInfo(): Promise<void> {
-    if (!this.task?.AgentID) {
-      this.agent = null;
+    if (!this.Task?.AgentID) {
+      this.Agent = null;
       return;
     }
 
     // AIEngineBase is deferred at startup; ensure loaded before reading .Agents.
     await AIEngineBase.Instance.EnsureLoaded();
     const agents = AIEngineBase.Instance.Agents;
-    this.agent = agents.find((a: MJAIAgentEntityExtended) => UUIDsEqual(a.ID, this.task.AgentID)) || null;
+    this.Agent = agents.find((a: MJAIAgentEntityExtended) => UUIDsEqual(a.ID, this.Task.AgentID)) || null;
   }
 
-  public formatDateTime(date: Date | null): string {
+  public FormatDateTime(date: Date | null): string {
     if (!date) return '';
     const d = new Date(date);
     return d.toLocaleDateString('en-US', {
@@ -303,21 +339,36 @@ export class TaskDetailPanelComponent implements OnInit, OnChanges {
     });
   }
 
-  public openAgent(): void {
-    if (this.task.AgentID) {
-      this.openEntityRecord.emit({
+  /** @deprecated Use {@link FormatDateTime}. */
+  public formatDateTime(date: Date | null): string {
+    return this.FormatDateTime(date);
+  }
+
+  public OpenAgent(): void {
+    if (this.Task.AgentID) {
+      this.OpenEntityRecord.emit({
         entityName: 'MJ: AI Agents',
-        recordId: this.task.AgentID
+        recordId: this.Task.AgentID
       });
     }
   }
 
-  public openAgentRun(): void {
+  /** @deprecated Use {@link OpenAgent}. */
+  public openAgent(): void {
+    return this.OpenAgent();
+  }
+
+  public OpenAgentRun(): void {
     if (this.agentRunId) {
-      this.openEntityRecord.emit({
+      this.OpenEntityRecord.emit({
         entityName: 'MJ: AI Agent Runs',
         recordId: this.agentRunId
       });
     }
   }
+
+  /** @deprecated Use {@link OpenAgentRun}. */
+  public openAgentRun(): void {
+    return this.OpenAgentRun();
+  }
 }