@memberjunction/ng-gantt 0.0.1 → 5.24.0

package/dist/lib/components/gantt-chart.component.d.ts

@@ -0,0 +1,54 @@
+import { EventEmitter, ElementRef, AfterViewInit, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { GanttItemData, GanttLinkData, GanttColumnDef, GanttItemClickedEvent, GanttItemChangedEvent } from '../models/gantt.models';
+import * as i0 from "@angular/core";
+/**
+ * Generic Gantt chart component wrapping DHTMLX Gantt.
+ *
+ * Renders items as bars on a timeline with hierarchy, dependency arrows,
+ * and progress indicators. The library is loaded lazily via dynamic import.
+ *
+ * @example
+ * ```html
+ * <mj-gantt-chart
+ *     [Items]="projectTasks"
+ *     [Links]="taskDependencies"
+ *     [Height]="'600px'"
+ *     (ItemClicked)="onTaskClicked($event)">
+ * </mj-gantt-chart>
+ * ```
+ */
+export declare class MjGanttChartComponent implements AfterViewInit, OnChanges, OnDestroy {
+    /** Items (bars) to render on the timeline. */
+    Items: GanttItemData[];
+    /** Dependency links (arrows) between items. */
+    Links: GanttLinkData[];
+    /** CSS height for the chart container. */
+    Height: string;
+    /** Disables drag, resize, and link editing. */
+    ReadOnly: boolean;
+    /** Show progress fill on bars. */
+    ShowProgress: boolean;
+    /** Grid column definitions. Defaults to Name, Start, Duration, Progress. */
+    Columns: GanttColumnDef[] | null;
+    /** Emitted when an item bar or grid row is clicked. */
+    ItemClicked: EventEmitter<GanttItemClickedEvent>;
+    /** Emitted when an item is changed via drag/resize (only if not ReadOnly). */
+    ItemChanged: EventEmitter<GanttItemChangedEvent>;
+    ganttContainer: ElementRef<HTMLDivElement>;
+    /** @internal */
+    loading: boolean;
+    private gantt;
+    private initialized;
+    ngAfterViewInit(): Promise<void>;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    /** Rebuilds the Gantt data from the current `Items` and `Links` inputs. */
+    Refresh(): void;
+    private initGantt;
+    private updateData;
+    private formatDate;
+    private mapLinkType;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MjGanttChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MjGanttChartComponent, "mj-gantt-chart", never, { "Items": { "alias": "Items"; "required": false; }; "Links": { "alias": "Links"; "required": false; }; "Height": { "alias": "Height"; "required": false; }; "ReadOnly": { "alias": "ReadOnly"; "required": false; }; "ShowProgress": { "alias": "ShowProgress"; "required": false; }; "Columns": { "alias": "Columns"; "required": false; }; }, { "ItemClicked": "ItemClicked"; "ItemChanged": "ItemChanged"; }, never, never, true, never>;
+}
+//# sourceMappingURL=gantt-chart.component.d.ts.map

package/dist/lib/components/gantt-chart.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gantt-chart.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/gantt-chart.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,UAAU,EAAa,aAAa,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,EAA2B,MAAM,eAAe,CAAC;AAG3K,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,cAAc,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;;AAWpI;;;;;;;;;;;;;;;GAeG;AACH,qBAsCa,qBAAsB,YAAW,aAAa,EAAE,SAAS,EAAE,SAAS;IAC7E,8CAA8C;IACrC,KAAK,EAAE,aAAa,EAAE,CAAM;IAErC,+CAA+C;IACtC,KAAK,EAAE,aAAa,EAAE,CAAM;IAErC,0CAA0C;IACjC,MAAM,SAAW;IAE1B,+CAA+C;IACtC,QAAQ,UAAQ;IAEzB,kCAAkC;IACzB,YAAY,UAAQ;IAE7B,4EAA4E;IACnE,OAAO,EAAE,cAAc,EAAE,GAAG,IAAI,CAAQ;IAEjD,uDAAuD;IAC7C,WAAW,sCAA6C;IAElE,8EAA8E;IACpE,WAAW,sCAA6C;IAElB,cAAc,EAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAE5F,gBAAgB;IAChB,OAAO,UAAQ;IACf,OAAO,CAAC,KAAK,CAA4B;IACzC,OAAO,CAAC,WAAW,CAAS;IAEtB,eAAe,IAAI,OAAO,CAAC,IAAI,CAAC;IAetC,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAUzC,WAAW,IAAI,IAAI;IAOnB,2EAA2E;IACpE,OAAO,IAAI,IAAI;IAMtB,OAAO,CAAC,SAAS;IA8DjB,OAAO,CAAC,UAAU;IAoClB,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,WAAW;yCAhLV,qBAAqB;2CAArB,qBAAqB;CAyLjC"}

package/dist/lib/components/gantt-chart.component.js

@@ -0,0 +1,240 @@
+import { Component, Input, Output, EventEmitter, ViewChild, ChangeDetectionStrategy } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { UUIDsEqual } from '@memberjunction/global';
+import * as i0 from "@angular/core";
+const _c0 = ["ganttContainer"];
+function MjGanttChartComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "div", 1);
+    i0.ɵɵtext(1, "Loading Gantt chart...");
+    i0.ɵɵdomElementEnd();
+} }
+/** Default grid columns if none are provided. */
+const DEFAULT_COLUMNS = [
+    { Name: 'text', Label: 'Name', Tree: true, Width: '*' },
+    { Name: 'start_date', Label: 'Start', Align: 'center', Width: 90 },
+    { Name: 'duration', Label: 'Days', Align: 'center', Width: 60 },
+    { Name: 'progress', Label: '%', Align: 'center', Width: 50, Template: (obj) => Math.round((obj.progress || 0) * 100) + '%' },
+];
+/**
+ * Generic Gantt chart component wrapping DHTMLX Gantt.
+ *
+ * Renders items as bars on a timeline with hierarchy, dependency arrows,
+ * and progress indicators. The library is loaded lazily via dynamic import.
+ *
+ * @example
+ * ```html
+ * <mj-gantt-chart
+ *     [Items]="projectTasks"
+ *     [Links]="taskDependencies"
+ *     [Height]="'600px'"
+ *     (ItemClicked)="onTaskClicked($event)">
+ * </mj-gantt-chart>
+ * ```
+ */
+export class MjGanttChartComponent {
+    /** Items (bars) to render on the timeline. */
+    Items = [];
+    /** Dependency links (arrows) between items. */
+    Links = [];
+    /** CSS height for the chart container. */
+    Height = '500px';
+    /** Disables drag, resize, and link editing. */
+    ReadOnly = true;
+    /** Show progress fill on bars. */
+    ShowProgress = true;
+    /** Grid column definitions. Defaults to Name, Start, Duration, Progress. */
+    Columns = null;
+    /** Emitted when an item bar or grid row is clicked. */
+    ItemClicked = new EventEmitter();
+    /** Emitted when an item is changed via drag/resize (only if not ReadOnly). */
+    ItemChanged = new EventEmitter();
+    ganttContainer;
+    /** @internal */
+    loading = true;
+    gantt = null;
+    initialized = false;
+    async ngAfterViewInit() {
+        try {
+            const module = await import('dhtmlx-gantt');
+            this.gantt = module.gantt;
+            this.loading = false;
+            if (this.Items.length > 0 && this.ganttContainer) {
+                this.initGantt();
+            }
+        }
+        catch (error) {
+            console.error('@memberjunction/ng-gantt: Failed to load dhtmlx-gantt:', error);
+            this.loading = false;
+        }
+    }
+    ngOnChanges(changes) {
+        if (!this.gantt)
+            return;
+        if (this.initialized && this.ganttContainer) {
+            this.updateData();
+        }
+        else if (!this.initialized && this.ganttContainer && this.Items.length > 0) {
+            this.initGantt();
+        }
+    }
+    ngOnDestroy() {
+        if (this.initialized && this.gantt) {
+            this.gantt.clearAll();
+            this.initialized = false;
+        }
+    }
+    /** Rebuilds the Gantt data from the current `Items` and `Links` inputs. */
+    Refresh() {
+        if (this.initialized) {
+            this.updateData();
+        }
+    }
+    initGantt() {
+        const g = this.gantt;
+        g.clearAll();
+        // Configuration
+        g.config.date_format = '%Y-%m-%d %H:%i';
+        g.config.show_progress = this.ShowProgress;
+        g.config.show_links = true;
+        g.config.readonly = this.ReadOnly;
+        g.config.open_tree_initially = true;
+        g.config.fit_tasks = true;
+        g.config.row_height = 36;
+        // Grid columns
+        const cols = this.Columns ?? DEFAULT_COLUMNS;
+        g.config.columns = cols.map(c => {
+            const col = {
+                name: c.Name,
+                label: c.Label,
+                width: c.Width === '*' ? '*' : (c.Width ?? 100),
+            };
+            if (c.Align)
+                col.align = c.Align;
+            if (c.Tree)
+                col.tree = true;
+            if (c.Template)
+                col.template = c.Template;
+            return col;
+        });
+        // Initialize
+        g.init(this.ganttContainer.nativeElement);
+        this.initialized = true;
+        // Event: click
+        g.attachEvent('onTaskClick', (id) => {
+            const item = this.Items.find(i => UUIDsEqual(i.ID, id));
+            if (item) {
+                this.ItemClicked.emit({ Item: item });
+            }
+            return true;
+        });
+        // Event: drag/resize (only fires if not readonly)
+        if (!this.ReadOnly) {
+            g.attachEvent('onAfterTaskDrag', (id) => {
+                const task = g.getTask(id);
+                const item = this.Items.find(i => UUIDsEqual(i.ID, id));
+                if (item && task) {
+                    this.ItemChanged.emit({
+                        Item: item,
+                        NewStartDate: task.start_date,
+                        NewEndDate: task.end_date,
+                        NewDuration: task.duration,
+                    });
+                }
+            });
+        }
+        this.updateData();
+        // Force layout after render
+        setTimeout(() => g.setSizes(), 0);
+    }
+    updateData() {
+        if (!this.initialized || !this.gantt)
+            return;
+        const g = this.gantt;
+        const data = this.Items.map(item => {
+            const startDate = item.StartDate instanceof Date ? item.StartDate : new Date(item.StartDate);
+            let duration = item.Duration ?? 1;
+            if (item.EndDate) {
+                const endDate = item.EndDate instanceof Date ? item.EndDate : new Date(item.EndDate);
+                duration = Math.max(1, Math.ceil((endDate.getTime() - startDate.getTime()) / 86400000));
+            }
+            return {
+                id: item.ID,
+                text: item.Name,
+                start_date: this.formatDate(startDate),
+                duration,
+                progress: (item.Progress ?? 0) / 100,
+                parent: item.ParentID || 0,
+                open: item.Open !== false,
+            };
+        });
+        const links = this.Links.map(link => ({
+            id: link.ID,
+            source: link.SourceID,
+            target: link.TargetID,
+            type: this.mapLinkType(link.Type),
+        }));
+        g.clearAll();
+        g.parse({ data: data, links: links });
+        setTimeout(() => g.setSizes(), 0);
+    }
+    formatDate(d) {
+        const y = d.getFullYear();
+        const m = String(d.getMonth() + 1).padStart(2, '0');
+        const day = String(d.getDate()).padStart(2, '0');
+        return `${y}-${m}-${day} 00:00`;
+    }
+    mapLinkType(type) {
+        switch (type) {
+            case 'FS': return '0';
+            case 'SS': return '1';
+            case 'FF': return '2';
+            case 'SF': return '3';
+            default: return '0';
+        }
+    }
+    static ɵfac = function MjGanttChartComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MjGanttChartComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MjGanttChartComponent, selectors: [["mj-gantt-chart"]], viewQuery: function MjGanttChartComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.ganttContainer = _t.first);
+        } }, inputs: { Items: "Items", Links: "Links", Height: "Height", ReadOnly: "ReadOnly", ShowProgress: "ShowProgress", Columns: "Columns" }, outputs: { ItemClicked: "ItemClicked", ItemChanged: "ItemChanged" }, features: [i0.ɵɵNgOnChangesFeature], decls: 3, vars: 5, consts: [["ganttContainer", ""], [1, "mj-gantt-loading"], [1, "mj-gantt-container"]], template: function MjGanttChartComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, MjGanttChartComponent_Conditional_0_Template, 2, 0, "div", 1);
+            i0.ɵɵdomElement(1, "div", 2, 0);
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.loading ? 0 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵstyleProp("height", ctx.Height)("display", ctx.loading ? "none" : "block");
+        } }, dependencies: [CommonModule], styles: ["[_nghost-%COMP%] { display: block; font-family: var(--mj-font-family); }\n\n        .mj-gantt-container[_ngcontent-%COMP%] {\n            width: 100%;\n            position: relative;\n        }\n\n        .mj-gantt-loading[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: var(--mj-space-16) var(--mj-space-5);\n            color: var(--mj-text-muted);\n            font-size: var(--mj-text-sm);\n        }\n\n        \n\n        [_nghost-%COMP%]     .gantt_container { font-family: var(--mj-font-family); font-size: var(--mj-text-sm); }\n        [_nghost-%COMP%]     .gantt_grid_scale, \n   [_nghost-%COMP%]     .gantt_task_scale { background: var(--mj-bg-surface-sunken); border-bottom: 1px solid var(--mj-border-default); }\n        [_nghost-%COMP%]     .gantt_task .gantt_task_content { font-weight: var(--mj-font-medium); }\n        [_nghost-%COMP%]     .gantt_row { border-bottom: 1px solid var(--mj-border-subtle); }\n        [_nghost-%COMP%]     .gantt_task_line { border-radius: var(--mj-radius-sm); }"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MjGanttChartComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-gantt-chart', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+        @if (loading) {
+            <div class="mj-gantt-loading">Loading Gantt chart...</div>
+        }
+        <div #ganttContainer class="mj-gantt-container" [style.height]="Height"
+             [style.display]="loading ? 'none' : 'block'"></div>
+    `, styles: ["\n        :host { display: block; font-family: var(--mj-font-family); }\n\n        .mj-gantt-container {\n            width: 100%;\n            position: relative;\n        }\n\n        .mj-gantt-loading {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: var(--mj-space-16) var(--mj-space-5);\n            color: var(--mj-text-muted);\n            font-size: var(--mj-text-sm);\n        }\n\n        /* DHTMLX Gantt style overrides for a cleaner look */\n        :host ::ng-deep .gantt_container { font-family: var(--mj-font-family); font-size: var(--mj-text-sm); }\n        :host ::ng-deep .gantt_grid_scale,\n        :host ::ng-deep .gantt_task_scale { background: var(--mj-bg-surface-sunken); border-bottom: 1px solid var(--mj-border-default); }\n        :host ::ng-deep .gantt_task .gantt_task_content { font-weight: var(--mj-font-medium); }\n        :host ::ng-deep .gantt_row { border-bottom: 1px solid var(--mj-border-subtle); }\n        :host ::ng-deep .gantt_task_line { border-radius: var(--mj-radius-sm); }\n    "] }]
+    }], null, { Items: [{
+            type: Input
+        }], Links: [{
+            type: Input
+        }], Height: [{
+            type: Input
+        }], ReadOnly: [{
+            type: Input
+        }], ShowProgress: [{
+            type: Input
+        }], Columns: [{
+            type: Input
+        }], ItemClicked: [{
+            type: Output
+        }], ItemChanged: [{
+            type: Output
+        }], ganttContainer: [{
+            type: ViewChild,
+            args: ['ganttContainer', { static: false }]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MjGanttChartComponent, { className: "MjGanttChartComponent", filePath: "src/lib/components/gantt-chart.component.ts", lineNumber: 69 }); })();
+//# sourceMappingURL=gantt-chart.component.js.map

package/dist/lib/components/gantt-chart.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gantt-chart.component.js","sourceRoot":"","sources":["../../../src/lib/components/gantt-chart.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, Output, EventEmitter, ElementRef, ViewChild, AfterViewInit, OnChanges, OnDestroy, SimpleChanges, ChangeDetectionStrategy } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { UUIDsEqual } from '@memberjunction/global';\nimport { GanttItemData, GanttLinkData, GanttColumnDef, GanttItemClickedEvent, GanttItemChangedEvent } from '../models/gantt.models';\nimport type { GanttStatic, Task as DHTask, Link as DHLink } from 'dhtmlx-gantt';\n\n/** Default grid columns if none are provided. */\nconst DEFAULT_COLUMNS: GanttColumnDef[] = [\n    { Name: 'text', Label: 'Name', Tree: true, Width: '*' },\n    { Name: 'start_date', Label: 'Start', Align: 'center', Width: 90 },\n    { Name: 'duration', Label: 'Days', Align: 'center', Width: 60 },\n    { Name: 'progress', Label: '%', Align: 'center', Width: 50, Template: (obj: any) => Math.round((obj.progress || 0) * 100) + '%' },\n];\n\n/**\n * Generic Gantt chart component wrapping DHTMLX Gantt.\n *\n * Renders items as bars on a timeline with hierarchy, dependency arrows,\n * and progress indicators. The library is loaded lazily via dynamic import.\n *\n * @example\n * ```html\n * <mj-gantt-chart\n *     [Items]=\"projectTasks\"\n *     [Links]=\"taskDependencies\"\n *     [Height]=\"'600px'\"\n *     (ItemClicked)=\"onTaskClicked($event)\">\n * </mj-gantt-chart>\n * ```\n */\n@Component({\n    selector: 'mj-gantt-chart',\n    standalone: true,\n    imports: [CommonModule],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    template: `\n        @if (loading) {\n            <div class=\"mj-gantt-loading\">Loading Gantt chart...</div>\n        }\n        <div #ganttContainer class=\"mj-gantt-container\" [style.height]=\"Height\"\n             [style.display]=\"loading ? 'none' : 'block'\"></div>\n    `,\n    styles: [`\n        :host { display: block; font-family: var(--mj-font-family); }\n\n        .mj-gantt-container {\n            width: 100%;\n            position: relative;\n        }\n\n        .mj-gantt-loading {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: var(--mj-space-16) var(--mj-space-5);\n            color: var(--mj-text-muted);\n            font-size: var(--mj-text-sm);\n        }\n\n        /* DHTMLX Gantt style overrides for a cleaner look */\n        :host ::ng-deep .gantt_container { font-family: var(--mj-font-family); font-size: var(--mj-text-sm); }\n        :host ::ng-deep .gantt_grid_scale,\n        :host ::ng-deep .gantt_task_scale { background: var(--mj-bg-surface-sunken); border-bottom: 1px solid var(--mj-border-default); }\n        :host ::ng-deep .gantt_task .gantt_task_content { font-weight: var(--mj-font-medium); }\n        :host ::ng-deep .gantt_row { border-bottom: 1px solid var(--mj-border-subtle); }\n        :host ::ng-deep .gantt_task_line { border-radius: var(--mj-radius-sm); }\n    `]\n})\nexport class MjGanttChartComponent implements AfterViewInit, OnChanges, OnDestroy {\n    /** Items (bars) to render on the timeline. */\n    @Input() Items: GanttItemData[] = [];\n\n    /** Dependency links (arrows) between items. */\n    @Input() Links: GanttLinkData[] = [];\n\n    /** CSS height for the chart container. */\n    @Input() Height = '500px';\n\n    /** Disables drag, resize, and link editing. */\n    @Input() ReadOnly = true;\n\n    /** Show progress fill on bars. */\n    @Input() ShowProgress = true;\n\n    /** Grid column definitions. Defaults to Name, Start, Duration, Progress. */\n    @Input() Columns: GanttColumnDef[] | null = null;\n\n    /** Emitted when an item bar or grid row is clicked. */\n    @Output() ItemClicked = new EventEmitter<GanttItemClickedEvent>();\n\n    /** Emitted when an item is changed via drag/resize (only if not ReadOnly). */\n    @Output() ItemChanged = new EventEmitter<GanttItemChangedEvent>();\n\n    @ViewChild('ganttContainer', { static: false }) ganttContainer!: ElementRef<HTMLDivElement>;\n\n    /** @internal */\n    loading = true;\n    private gantt: GanttStatic | null = null;\n    private initialized = false;\n\n    async ngAfterViewInit(): Promise<void> {\n        try {\n            const module = await import('dhtmlx-gantt');\n            this.gantt = module.gantt;\n            this.loading = false;\n\n            if (this.Items.length > 0 && this.ganttContainer) {\n                this.initGantt();\n            }\n        } catch (error) {\n            console.error('@memberjunction/ng-gantt: Failed to load dhtmlx-gantt:', error);\n            this.loading = false;\n        }\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (!this.gantt) return;\n\n        if (this.initialized && this.ganttContainer) {\n            this.updateData();\n        } else if (!this.initialized && this.ganttContainer && this.Items.length > 0) {\n            this.initGantt();\n        }\n    }\n\n    ngOnDestroy(): void {\n        if (this.initialized && this.gantt) {\n            this.gantt.clearAll();\n            this.initialized = false;\n        }\n    }\n\n    /** Rebuilds the Gantt data from the current `Items` and `Links` inputs. */\n    public Refresh(): void {\n        if (this.initialized) {\n            this.updateData();\n        }\n    }\n\n    private initGantt(): void {\n        const g = this.gantt!;\n        g.clearAll();\n\n        // Configuration\n        g.config.date_format = '%Y-%m-%d %H:%i';\n        g.config.show_progress = this.ShowProgress;\n        g.config.show_links = true;\n        g.config.readonly = this.ReadOnly;\n        g.config.open_tree_initially = true;\n        g.config.fit_tasks = true;\n        g.config.row_height = 36;\n\n        // Grid columns\n        const cols = this.Columns ?? DEFAULT_COLUMNS;\n        g.config.columns = cols.map(c => {\n            const col: any = {\n                name: c.Name,\n                label: c.Label,\n                width: c.Width === '*' ? '*' : (c.Width ?? 100),\n            };\n            if (c.Align) col.align = c.Align;\n            if (c.Tree) col.tree = true;\n            if (c.Template) col.template = c.Template;\n            return col;\n        });\n\n        // Initialize\n        g.init(this.ganttContainer.nativeElement);\n        this.initialized = true;\n\n        // Event: click\n        g.attachEvent('onTaskClick', (id: string) => {\n            const item = this.Items.find(i => UUIDsEqual(i.ID, id));\n            if (item) {\n                this.ItemClicked.emit({ Item: item });\n            }\n            return true;\n        });\n\n        // Event: drag/resize (only fires if not readonly)\n        if (!this.ReadOnly) {\n            g.attachEvent('onAfterTaskDrag', (id: string) => {\n                const task = g.getTask(id);\n                const item = this.Items.find(i => UUIDsEqual(i.ID, id));\n                if (item && task) {\n                    this.ItemChanged.emit({\n                        Item: item,\n                        NewStartDate: task.start_date as unknown as Date,\n                        NewEndDate: task.end_date as unknown as Date,\n                        NewDuration: task.duration as number,\n                    });\n                }\n            });\n        }\n\n        this.updateData();\n\n        // Force layout after render\n        setTimeout(() => g.setSizes(), 0);\n    }\n\n    private updateData(): void {\n        if (!this.initialized || !this.gantt) return;\n        const g = this.gantt;\n\n        const data: Partial<DHTask>[] = this.Items.map(item => {\n            const startDate = item.StartDate instanceof Date ? item.StartDate : new Date(item.StartDate);\n            let duration = item.Duration ?? 1;\n            if (item.EndDate) {\n                const endDate = item.EndDate instanceof Date ? item.EndDate : new Date(item.EndDate);\n                duration = Math.max(1, Math.ceil((endDate.getTime() - startDate.getTime()) / 86400000));\n            }\n\n            return {\n                id: item.ID,\n                text: item.Name,\n                start_date: this.formatDate(startDate) as any,\n                duration,\n                progress: (item.Progress ?? 0) / 100,\n                parent: item.ParentID || 0,\n                open: item.Open !== false,\n            };\n        });\n\n        const links: Partial<DHLink>[] = this.Links.map(link => ({\n            id: link.ID,\n            source: link.SourceID,\n            target: link.TargetID,\n            type: this.mapLinkType(link.Type),\n        }));\n\n        g.clearAll();\n        g.parse({ data: data as DHTask[], links: links as DHLink[] });\n\n        setTimeout(() => g.setSizes(), 0);\n    }\n\n    private formatDate(d: Date): string {\n        const y = d.getFullYear();\n        const m = String(d.getMonth() + 1).padStart(2, '0');\n        const day = String(d.getDate()).padStart(2, '0');\n        return `${y}-${m}-${day} 00:00`;\n    }\n\n    private mapLinkType(type?: string): string {\n        switch (type) {\n            case 'FS': return '0';\n            case 'SS': return '1';\n            case 'FF': return '2';\n            case 'SF': return '3';\n            default: return '0';\n        }\n    }\n}\n"]}

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

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./components/gantt-chart.component";
+export declare class MjGanttModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MjGanttModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MjGanttModule, never, [typeof i1.MjGanttChartComponent], [typeof i1.MjGanttChartComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MjGanttModule>;
+}
+//# sourceMappingURL=gantt.module.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gantt.module.d.ts","sourceRoot":"","sources":["../../src/lib/gantt.module.ts"],"names":[],"mappings":";;AAGA,qBAIa,aAAa;yCAAb,aAAa;0CAAb,aAAa;0CAAb,aAAa;CAAI"}

package/dist/lib/gantt.module.js

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { MjGanttChartComponent } from './components/gantt-chart.component';
+import * as i0 from "@angular/core";
+export class MjGanttModule {
+    static ɵfac = function MjGanttModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MjGanttModule)(); };
+    static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: MjGanttModule });
+    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [MjGanttChartComponent] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MjGanttModule, [{
+        type: NgModule,
+        args: [{
+                imports: [MjGanttChartComponent],
+                exports: [MjGanttChartComponent]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(MjGanttModule, { imports: [MjGanttChartComponent], exports: [MjGanttChartComponent] }); })();
+//# sourceMappingURL=gantt.module.js.map

package/dist/lib/gantt.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gantt.module.js","sourceRoot":"","sources":["../../src/lib/gantt.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;;AAM3E,MAAM,OAAO,aAAa;uGAAb,aAAa;4DAAb,aAAa;gEAHZ,qBAAqB;;iFAGtB,aAAa;cAJzB,QAAQ;eAAC;gBACN,OAAO,EAAE,CAAC,qBAAqB,CAAC;gBAChC,OAAO,EAAE,CAAC,qBAAqB,CAAC;aACnC;;wFACY,aAAa,cAHZ,qBAAqB,aACrB,qBAAqB","sourcesContent":["import { NgModule } from '@angular/core';\nimport { MjGanttChartComponent } from './components/gantt-chart.component';\n\n@NgModule({\n    imports: [MjGanttChartComponent],\n    exports: [MjGanttChartComponent]\n})\nexport class MjGanttModule { }\n"]}

package/dist/lib/models/gantt.models.d.ts

@@ -0,0 +1,74 @@
+/**
+ * A single item (bar) on the Gantt timeline.
+ */
+export interface GanttItemData {
+    /** Unique identifier. */
+    ID: string;
+    /** Display name shown in the grid and on the bar. */
+    Name: string;
+    /** Start date for the bar. */
+    StartDate: Date;
+    /** End date for the bar. If omitted, `Duration` is used instead. */
+    EndDate?: Date;
+    /** Duration in days. Used when `EndDate` is not provided. */
+    Duration?: number;
+    /** Completion percentage (0–100). Rendered as a filled portion of the bar. */
+    Progress?: number;
+    /** Parent item ID for tree hierarchy. Omit for top-level items. */
+    ParentID?: string;
+    /** Whether this item's children are expanded in the tree. Default: true. */
+    Open?: boolean;
+    /** Arbitrary consumer data passed through with events. */
+    Data?: any;
+}
+/**
+ * A dependency link (arrow) between two Gantt items.
+ */
+export interface GanttLinkData {
+    /** Unique identifier for this link. */
+    ID: string;
+    /** ID of the source (predecessor) item. */
+    SourceID: string;
+    /** ID of the target (successor) item. */
+    TargetID: string;
+    /** Dependency type. Default: `'FS'` (Finish-to-Start). */
+    Type?: 'FS' | 'SS' | 'FF' | 'SF';
+}
+/**
+ * Defines a column in the Gantt grid (left side).
+ */
+export interface GanttColumnDef {
+    /** Internal field name used by DHTMLX (e.g. 'text', 'start_date', 'duration'). */
+    Name: string;
+    /** Display label for the column header. */
+    Label: string;
+    /** Column width in pixels. Use `'*'` for flex. */
+    Width?: number | string;
+    /** Text alignment. */
+    Align?: 'left' | 'center' | 'right';
+    /** Show as tree column (with expand/collapse). Only one column should be tree. */
+    Tree?: boolean;
+    /** Custom template function for cell rendering. Receives the DHTMLX task object. */
+    Template?: (item: any) => string;
+}
+/**
+ * Event emitted when an item is clicked on the Gantt chart.
+ */
+export interface GanttItemClickedEvent {
+    /** The item that was clicked. */
+    Item: GanttItemData;
+}
+/**
+ * Event emitted when an item is changed via drag/resize (if not read-only).
+ */
+export interface GanttItemChangedEvent {
+    /** The item that was changed. */
+    Item: GanttItemData;
+    /** New start date after the change. */
+    NewStartDate: Date;
+    /** New end date after the change. */
+    NewEndDate: Date;
+    /** New duration in days after the change. */
+    NewDuration: number;
+}
+//# sourceMappingURL=gantt.models.d.ts.map

package/dist/lib/models/gantt.models.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gantt.models.d.ts","sourceRoot":"","sources":["../../../src/lib/models/gantt.models.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,aAAa;IAC1B,yBAAyB;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,qDAAqD;IACrD,IAAI,EAAE,MAAM,CAAC;IACb,8BAA8B;IAC9B,SAAS,EAAE,IAAI,CAAC;IAChB,oEAAoE;IACpE,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4EAA4E;IAC5E,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,0DAA0D;IAC1D,IAAI,CAAC,EAAE,GAAG,CAAC;CACd;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC1B,uCAAuC;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,2CAA2C;IAC3C,QAAQ,EAAE,MAAM,CAAC;IACjB,yCAAyC;IACzC,QAAQ,EAAE,MAAM,CAAC;IACjB,0DAA0D;IAC1D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACpC;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC3B,kFAAkF;IAClF,IAAI,EAAE,MAAM,CAAC;IACb,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,kFAAkF;IAClF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,oFAAoF;IACpF,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,MAAM,CAAC;CACpC;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IAClC,iCAAiC;IACjC,IAAI,EAAE,aAAa,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IAClC,iCAAiC;IACjC,IAAI,EAAE,aAAa,CAAC;IACpB,uCAAuC;IACvC,YAAY,EAAE,IAAI,CAAC;IACnB,qCAAqC;IACrC,UAAU,EAAE,IAAI,CAAC;IACjB,6CAA6C;IAC7C,WAAW,EAAE,MAAM,CAAC;CACvB"}

package/dist/lib/models/gantt.models.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=gantt.models.js.map

package/dist/lib/models/gantt.models.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gantt.models.js","sourceRoot":"","sources":["../../../src/lib/models/gantt.models.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * A single item (bar) on the Gantt timeline.\n */\nexport interface GanttItemData {\n    /** Unique identifier. */\n    ID: string;\n    /** Display name shown in the grid and on the bar. */\n    Name: string;\n    /** Start date for the bar. */\n    StartDate: Date;\n    /** End date for the bar. If omitted, `Duration` is used instead. */\n    EndDate?: Date;\n    /** Duration in days. Used when `EndDate` is not provided. */\n    Duration?: number;\n    /** Completion percentage (0–100). Rendered as a filled portion of the bar. */\n    Progress?: number;\n    /** Parent item ID for tree hierarchy. Omit for top-level items. */\n    ParentID?: string;\n    /** Whether this item's children are expanded in the tree. Default: true. */\n    Open?: boolean;\n    /** Arbitrary consumer data passed through with events. */\n    Data?: any;\n}\n\n/**\n * A dependency link (arrow) between two Gantt items.\n */\nexport interface GanttLinkData {\n    /** Unique identifier for this link. */\n    ID: string;\n    /** ID of the source (predecessor) item. */\n    SourceID: string;\n    /** ID of the target (successor) item. */\n    TargetID: string;\n    /** Dependency type. Default: `'FS'` (Finish-to-Start). */\n    Type?: 'FS' | 'SS' | 'FF' | 'SF';\n}\n\n/**\n * Defines a column in the Gantt grid (left side).\n */\nexport interface GanttColumnDef {\n    /** Internal field name used by DHTMLX (e.g. 'text', 'start_date', 'duration'). */\n    Name: string;\n    /** Display label for the column header. */\n    Label: string;\n    /** Column width in pixels. Use `'*'` for flex. */\n    Width?: number | string;\n    /** Text alignment. */\n    Align?: 'left' | 'center' | 'right';\n    /** Show as tree column (with expand/collapse). Only one column should be tree. */\n    Tree?: boolean;\n    /** Custom template function for cell rendering. Receives the DHTMLX task object. */\n    Template?: (item: any) => string;\n}\n\n/**\n * Event emitted when an item is clicked on the Gantt chart.\n */\nexport interface GanttItemClickedEvent {\n    /** The item that was clicked. */\n    Item: GanttItemData;\n}\n\n/**\n * Event emitted when an item is changed via drag/resize (if not read-only).\n */\nexport interface GanttItemChangedEvent {\n    /** The item that was changed. */\n    Item: GanttItemData;\n    /** New start date after the change. */\n    NewStartDate: Date;\n    /** New end date after the change. */\n    NewEndDate: Date;\n    /** New duration in days after the change. */\n    NewDuration: number;\n}\n"]}

package/dist/public-api.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Public API Surface of @memberjunction/ng-gantt
+ */
+export * from './lib/gantt.module';
+export * from './lib/components/gantt-chart.component';
+export * from './lib/models/gantt.models';
+//# sourceMappingURL=public-api.d.ts.map

package/dist/public-api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,oBAAoB,CAAC;AACnC,cAAc,wCAAwC,CAAC;AACvD,cAAc,2BAA2B,CAAC"}

package/dist/public-api.js

@@ -0,0 +1,7 @@
+/**
+ * Public API Surface of @memberjunction/ng-gantt
+ */
+export * from './lib/gantt.module';
+export * from './lib/components/gantt-chart.component';
+export * from './lib/models/gantt.models';
+//# sourceMappingURL=public-api.js.map

package/dist/public-api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-api.js","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,oBAAoB,CAAC;AACnC,cAAc,wCAAwC,CAAC;AACvD,cAAc,2BAA2B,CAAC","sourcesContent":["/**\n * Public API Surface of @memberjunction/ng-gantt\n */\nexport * from './lib/gantt.module';\nexport * from './lib/components/gantt-chart.component';\nexport * from './lib/models/gantt.models';\n"]}

package/package.json

@@ -1,10 +1,39 @@
 {
   "name": "@memberjunction/ng-gantt",
-  "version": "0.0.1",
-  "description": "OIDC trusted publishing setup package for @memberjunction/ng-gantt",
-  "keywords": [
-    "oidc",
-    "trusted-publishing",
-    "setup"
-  ]
+  "version": "5.24.0",
+  "description": "MemberJunction: Generic Gantt chart component wrapping DHTMLX Gantt",
+  "main": "./dist/public-api.js",
+  "typings": "./dist/public-api.d.ts",
+  "files": [
+    "/dist"
+  ],
+  "scripts": {
+    "test": "echo \"No tests configured yet\"",
+    "build": "ngc",
+    "test:watch": "vitest"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@angular/compiler": "21.1.3",
+    "@angular/compiler-cli": "21.1.3",
+    "vitest": "^4.0.18"
+  },
+  "peerDependencies": {
+    "@angular/common": "21.1.3",
+    "@angular/core": "21.1.3"
+  },
+  "dependencies": {
+    "@angular/common": "21.1.3",
+    "@angular/core": "21.1.3",
+    "@memberjunction/global": "5.24.0",
+    "dhtmlx-gantt": "^9.1.1",
+    "tslib": "^2.8.1"
+  },
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/MemberJunction/MJ"
+  }
 }

package/README.md

@@ -1,45 +0,0 @@
-# @memberjunction/ng-gantt
-
-## ⚠️ IMPORTANT NOTICE ⚠️
-
-**This package is created solely for the purpose of setting up OIDC (OpenID Connect) trusted publishing with npm.**
-
-This is **NOT** a functional package and contains **NO** code or functionality beyond the OIDC setup configuration.
-
-## Purpose
-
-This package exists to:
-1. Configure OIDC trusted publishing for the package name `@memberjunction/ng-gantt`
-2. Enable secure, token-less publishing from CI/CD workflows
-3. Establish provenance for packages published under this name
-
-## What is OIDC Trusted Publishing?
-
-OIDC trusted publishing allows package maintainers to publish packages directly from their CI/CD workflows without needing to manage npm access tokens. Instead, it uses OpenID Connect to establish trust between the CI/CD provider (like GitHub Actions) and npm.
-
-## Setup Instructions
-
-To properly configure OIDC trusted publishing for this package:
-
-1. Go to [npmjs.com](https://www.npmjs.com/) and navigate to your package settings
-2. Configure the trusted publisher (e.g., GitHub Actions)
-3. Specify the repository and workflow that should be allowed to publish
-4. Use the configured workflow to publish your actual package
-
-## DO NOT USE THIS PACKAGE
-
-This package is a placeholder for OIDC configuration only. It:
-- Contains no executable code
-- Provides no functionality
-- Should not be installed as a dependency
-- Exists only for administrative purposes
-
-## More Information
-
-For more details about npm's trusted publishing feature, see:
-- [npm Trusted Publishing Documentation](https://docs.npmjs.com/generating-provenance-statements)
-- [GitHub Actions OIDC Documentation](https://docs.github.com/en/actions/deployment/security-hardening-your-deployments/about-security-hardening-with-openid-connect)
-
----
-
-**Maintained for OIDC setup purposes only**