apexgantt 0.0.1

package/lib/gantt.d.ts

@@ -0,0 +1,15 @@
+import { GanttOptions } from './models/Options';
+
+export declare class ApexGantt {
+    element: HTMLElement;
+    private options;
+    private viewMode;
+    constructor(element: HTMLElement, options?: GanttOptions);
+    private buildTasks;
+    buildTimeline(): Element[];
+    render(): void;
+    renderDependencyArrows(): void;
+    renderToolbar(container: Element): void;
+    zoomIn(): void;
+    zoomOut(): void;
+}

package/lib/models/Annotation.d.ts

@@ -0,0 +1,50 @@
+import { GanttOptions } from './Options';
+import { ViewMode } from '../util/gantt.util';
+import { Dayjs } from 'dayjs';
+
+export declare enum Orientation {
+    Horizontal = "horizontal",
+    Vertical = "vertical"
+}
+/**
+ * Interface representing the label of an annotation.
+ */
+interface AnnotationLabel {
+    readonly orientation: Orientation;
+    readonly text: string;
+    readonly textColor: string;
+}
+/**
+ * Interface representing an annotation in the graph.
+ */
+export interface Annotation {
+    readonly bgColor?: string;
+    readonly borderColor: string;
+    readonly borderDashArray: number;
+    readonly borderWidth: number;
+    readonly label?: AnnotationLabel;
+    readonly x1: string;
+    readonly x2?: null | string;
+}
+/**
+ * Class for rendering annotations on a graph.
+ */
+export declare class AnnotationRenderer {
+    private options;
+    private ganttStartDate;
+    private viewMode;
+    constructor(options: GanttOptions, ganttStartDate: Dayjs, viewMode: ViewMode);
+    private calculateWidth;
+    private calculateX;
+    private drawAnnotation;
+    private getAnnotationStyles;
+    /**
+     * Render the label for an annotation.
+     */
+    private renderLabel;
+    /**
+     * Render all annotations.
+     */
+    render(): any[];
+}
+export {};

package/lib/models/Bar.d.ts

@@ -0,0 +1,21 @@
+import { Task } from './Tasks';
+import { GanttOptions } from './Options';
+import { onUpdateBarCallback } from './BarDragManager';
+import { ViewMode } from '../util/gantt.util';
+import { Dayjs } from 'dayjs';
+
+export declare class Bar {
+    task: Task;
+    ganttStartDate: Dayjs;
+    options: GanttOptions;
+    viewMode: ViewMode;
+    index: number;
+    constructor(task: Task, ganttStartDate: Dayjs, options: GanttOptions, viewMode: ViewMode, index: number);
+    static calculateWidth(task: Task, viewMode: ViewMode, options: GanttOptions): number;
+    static calculateX(task: Task, ganttStartDate: Dayjs, viewMode: ViewMode, options: GanttOptions): number;
+    calculateHeight(): number;
+    drawBar(onUpdate?: onUpdateBarCallback): HTMLElement;
+    getBarStyles(barBgColor?: string): Partial<CSSStyleDeclaration>;
+    makeDraggable(barElement: HTMLDivElement, onUpdate?: any): void;
+    makeResizable(barElement: HTMLDivElement, onUpdate?: any): void;
+}

package/lib/models/BarDragManager.d.ts

@@ -0,0 +1,22 @@
+import { Task } from './Tasks';
+import { GanttOptions } from './Options';
+import { ViewMode } from '../util/gantt.util';
+
+export type onUpdateBarCallback = (id: string, options: Partial<Task>) => void;
+export declare class BarDragManager {
+    private taskId;
+    private options;
+    private dragState;
+    private task;
+    constructor(taskId: string, options: GanttOptions, viewMode: ViewMode);
+    private calculateFinalPosition;
+    private createMouseDownHandler;
+    private createMouseMoveHandler;
+    private createMouseUpHandler;
+    private isOutOfBounds;
+    private moveBar;
+    private moveChildBars;
+    private updateChildrenPositions;
+    private updateTaskPosition;
+    makeDraggable(barElement: HTMLDivElement, onUpdate?: onUpdateBarCallback): () => void;
+}

package/lib/models/BarResizeManager.d.ts

@@ -0,0 +1,16 @@
+import { Task } from './Tasks';
+import { GanttOptions } from './Options';
+import { ViewMode } from '../util/gantt.util';
+
+export type onUpdateBarCallback = (id: string, options: Partial<Task>) => void;
+export declare class BarResizeManager {
+    private taskId;
+    private options;
+    private interactionState;
+    private task;
+    constructor(taskId: string, options: GanttOptions, viewMode: ViewMode);
+    private createMouseMoveHandler;
+    private createMouseUpHandler;
+    private createResizeMouseDownHandler;
+    makeResizable(barElement: HTMLDivElement, onUpdate?: onUpdateBarCallback): () => void;
+}

package/lib/models/DataManager.d.ts

@@ -0,0 +1,105 @@
+import { Task } from './Tasks';
+import { Dayjs } from 'dayjs';
+
+type Dependency = {
+    fromId: string;
+    toId: string;
+    type: 'FF' | 'FS' | 'SF' | 'SS';
+};
+export declare class DataManager {
+    private dependencies;
+    private taskMap;
+    private taskTree;
+    constructor(tasks?: Task[]);
+    private buildTaskTree;
+    private processLevel;
+    /**
+     * Sort tasks recursively by a specified date field (start or end).
+     * @param field - The date field to sort by ('start' or 'end').
+     */
+    private sortTasksByDate;
+    /**
+     * Validate a single task.
+     * @param task - Task to validate
+     * @returns - The validated task
+     */
+    private validateTask;
+    /**
+     * Add a new dependency between tasks
+     */
+    addDependency(fromId: string, toId: string, type?: Dependency['type']): void;
+    /**
+     * Add a new task to the list.
+     * @param task - Task to add
+     */
+    addTask(task: Partial<Task>): void;
+    /**
+     * Calculate the overall progress of all tasks.
+     * @returns - Total progress percentage (0-100)
+     */
+    calculateProgress(): number;
+    /**
+     * Get a date range from all tasks.
+     * @returns - The start and end date from all tasks
+     */
+    getDateRange(add: number, viewMode: any): [Dayjs, Dayjs];
+    getFlatSortedTasks(tasks: Task[], getAll?: boolean): Task[];
+    getFlatTasks(): Task[];
+    getFlatVisibleTasks(): Task[];
+    getNestedChildTasks(taskId: string): Task[];
+    /**
+     * Get a task by ID.
+     * @param id - ID of the task
+     * @returns - The task or null if not found
+     */
+    getTaskById(id: string): null | Task;
+    /**
+     * Get all dependencies for a task
+     * @param taskId - ID of the task
+     * @returns Object containing incoming and outgoing dependencies
+     */
+    getTaskDependencies(taskId: string): {
+        incoming: Dependency[];
+        outgoing: Dependency[];
+    };
+    /**
+     * Get a all tasks.
+     * @returns - The all tasks
+     */
+    getTasks(): Task[];
+    /**
+     * Get a all top parent tasks.
+     * @returns - The all tasks
+     */
+    getTopParentTasks(): Task[];
+    hasChildren(id: string): boolean;
+    /**
+     * Remove a dependency
+     */
+    removeDependency(fromId: string, toId: string): void;
+    /**
+     * Remove a task by ID.
+     * @param id - ID of the task to remove
+     */
+    removeTask(id: string): void;
+    /**
+     * Validate and set the initial list of tasks.
+     * @param tasks - Array of tasks to initialize the DataManager
+     */
+    setTasks(tasks: Task[]): void;
+    toggleTask(id: string): void;
+    /**
+     * Update arrow positions when a task is moved
+     * @param taskId - ID of the task being moved
+     * @param dx - Change in x position
+     */
+    updateDependencyArrows(taskId: string): void;
+    /**
+     * Update an existing task by ID.
+     * @param id - ID of the task to update
+     * @param updates - Partial task updates
+     */
+    updateTask(id: string, updates: Partial<Task>): Task;
+}
+export declare const dataManager: DataManager;
+export {};

package/lib/models/Dialog.d.ts

@@ -0,0 +1,25 @@
+export interface DialogOptions {
+    closeOnClickOutside?: boolean;
+    closeOnEscape?: boolean;
+    content?: HTMLElement | string;
+    height?: string;
+    id: string;
+    modal?: boolean;
+    title?: string;
+    width?: string;
+}
+export declare class Dialog {
+    private options;
+    private container;
+    private overlay;
+    constructor(options: DialogOptions);
+    private createDialog;
+    private createDialogStructure;
+    private setupEventListeners;
+    private updateDialogContent;
+    destroy(): void;
+    hide(): void;
+    isVisible(): boolean;
+    setContent(content: HTMLElement | string): void;
+    show(): void;
+}

package/lib/models/Options.d.ts

@@ -0,0 +1,62 @@
+import { Task } from './Tasks';
+import { Annotation, Orientation } from './Annotation';
+import { ViewMode } from '../util/gantt.util';
+import { ArrowLink } from '../../../../graph-utils/src/index.ts';
+
+export interface CommonOptions {
+    readonly canvasStyle: string;
+    readonly enableExport: boolean;
+    readonly enableResize: boolean;
+    readonly headerBackground: string;
+    readonly height: number | string;
+    readonly inputDateFormat: string;
+    readonly tasksContainerWidth: number;
+    readonly viewMode: ViewMode;
+    readonly width: number | string;
+}
+export interface GanttBarOptions {
+    readonly barBackgroundColor: string;
+    readonly barBorderRadius: string;
+    readonly barMargin: number;
+    readonly barTextColor: string;
+    readonly enableTaskEdit: boolean;
+}
+export interface GanttRowOptions {
+    readonly rowBackgroundColors: readonly string[];
+    readonly rowHeight: number;
+}
+export interface TooltipOptions {
+    readonly enableTooltip: boolean;
+    readonly tooltipBGColor: string;
+    readonly tooltipBorderColor: string;
+    readonly tooltipId: string;
+    readonly tooltipTemplate?: (task: Task, dateFormat: string) => string;
+}
+export interface FontOptions {
+    readonly fontColor: string;
+    readonly fontFamily: string;
+    readonly fontSize: string;
+    readonly fontWeight: string;
+}
+export interface AnnotationOptions {
+    readonly annotationBgColor?: string;
+    readonly annotationBorderColor?: string;
+    readonly annotationBorderDashArray?: number[];
+    readonly annotationBorderWidth?: number;
+    readonly annotationOrientation?: Orientation;
+    readonly annotationTextColor?: string;
+}
+export interface InteractiveOptions {
+    readonly enableTaskDrag: boolean;
+    readonly enableTaskResize: boolean;
+}
+export interface GanttData {
+    readonly annotations: Annotation[];
+    readonly series: Task[];
+}
+export type GanttOptions = AnnotationOptions & CommonOptions & FontOptions & GanttBarOptions & GanttData & GanttRowOptions & InteractiveOptions & TooltipOptions;
+export declare const ColumnWidthByMode: Record<ViewMode, number>;
+export declare function getDaysInUnit(date: any, mode: any): number;
+export declare const getPixelsPerDayForUnit: (unitStartDate: any, viewMode: any) => number;
+export declare const arrowLink: ArrowLink;
+export declare const DefaultOptions: GanttOptions;

package/lib/models/TaskForm.d.ts

@@ -0,0 +1,22 @@
+import { Task } from './Tasks';
+
+export declare class TaskForm {
+    private task;
+    private onSubmit;
+    private dateFormat;
+    private errors;
+    private form;
+    private submitButton;
+    constructor(task: Task, onSubmit: (updatedTask: Partial<Task>) => void, dateFormat?: string);
+    private clearError;
+    private createForm;
+    private formatDate;
+    private handleSubmit;
+    private setupFieldValidation;
+    private showError;
+    private updateSubmitButton;
+    private validateDates;
+    private validateName;
+    private validateProgress;
+    getElement(): HTMLFormElement;
+}

package/lib/models/Tasks.d.ts

@@ -0,0 +1,31 @@
+import { GanttOptions } from './Options';
+
+export declare enum TaskType {
+    Milestone = "milestone",
+    Task = "task"
+}
+export interface Task {
+    readonly barBackgroundColor?: string;
+    collapsed?: boolean;
+    readonly dependency?: string;
+    readonly endTime: string;
+    readonly id: string;
+    readonly left?: number;
+    readonly level: number;
+    readonly name: string;
+    readonly parentId?: string;
+    readonly progress: number;
+    readonly rowBackgroundColor?: string;
+    readonly startTime: string;
+    readonly type?: TaskType;
+    readonly width?: number;
+}
+export declare class Tasks {
+    options: GanttOptions;
+    constructor(options: GanttOptions);
+    generateBody(tasks: Task[], reRender: () => void): HTMLElement;
+    generateHeader(headerList: string[]): HTMLElement;
+    generateRow(task: Task, reRender: () => void): HTMLTableRowElement;
+    generateRows(tasks: Task[], tableBody: HTMLElement, reRender: () => void): HTMLElement;
+    render(reRender: () => void): HTMLElement;
+}

package/lib/models/TimeLine.d.ts

@@ -0,0 +1,16 @@
+import { Task } from './Tasks';
+import { GanttOptions } from './Options';
+import { ViewMode } from '../util/gantt.util';
+import { HeaderObject } from '../util/date.util';
+import { Dayjs } from 'dayjs';
+
+export declare class TimeLine {
+    viewMode: ViewMode;
+    options: GanttOptions;
+    constructor(viewMode: ViewMode, options: GanttOptions);
+    generateHeader(headerData: HeaderObject[], subHeader: null | string[]): HTMLElement;
+    generateRow(taskId: string, cellCount: number): HTMLElement;
+    generateRows(tasks: Task[], cellCount: number): HTMLElement;
+    getHeaderData(startDate: Dayjs, endDate: Dayjs, viewMode: ViewMode): [HeaderObject[], null | string[]] | null;
+    render(): HTMLElement[] | null;
+}

package/lib/styles/Dialog.style.d.ts

@@ -0,0 +1 @@
+export declare const DialogStyle = "\n  .gantt-dialog-container {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    display: none;\n    z-index: 999;\n  }\n\n  .gantt-dialog-container .dialog-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.5);\n  }\n\n  .gantt-dialog-container .gantt-dialog {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background: white;\n    border-radius: 4px;\n    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n    z-index: 1000;\n    min-width: 300px;\n  }\n\n  .gantt-dialog .dialog-header {\n    padding: 12px 16px;\n    border-bottom: 1px solid #eee;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  .gantt-dialog .dialog-title {\n    font-weight: 600;\n    font-size: 16px;\n  }\n\n  .gantt-dialog .dialog-close {\n    background: none;\n    border: none;\n    font-size: 20px;\n    cursor: pointer;\n    padding: 0;\n    color: #666;\n    transition: color 0.2s;\n  }\n\n  .gantt-dialog .dialog-close:hover {\n    color: #333;\n  }\n\n  .gantt-dialog .dialog-content {\n    padding: 16px;\n    max-height: calc(100vh - 200px);\n    overflow-y: auto;\n  }\n\n  .gantt-dialog-container.show {\n    display: block;\n  }\n\n  /* Animation classes */\n  .gantt-dialog-container.animate .dialog-overlay {\n    animation: fadeIn 0.2s ease-out;\n  }\n\n  .gantt-dialog-container.animate .gantt-dialog {\n    animation: slideIn 0.3s ease-out;\n  }\n\n  @keyframes fadeIn {\n    from { opacity: 0; }\n    to { opacity: 1; }\n  }\n\n  @keyframes slideIn {\n    from {\n      opacity: 0;\n      transform: translate(-50%, -48%);\n    }\n    to {\n      opacity: 1;\n      transform: translate(-50%, -50%);\n    }\n  }\n";

package/lib/styles/Gantt.style.d.ts

@@ -0,0 +1 @@
+export declare const GanttStyle = "\n  * {\n    box-sizing: border-box;\n  }\n\n  .gantt-container * {\n    user-select: none;\n  }\n\n  .gantt-actions-container {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin: 5px 0;\n  }\n\n  .gantt-container {\n    display: flex;  \n    border: 1px solid #DFE0E1;\n    height: auto;\n    position: relative;\n  }\n  \n  .gantt-button {\n    border: 1px solid #D9D9D9;\n    border-radius: 2px;\n    background: #fff;\n    padding: 4px 12px;\n    color: rgba(0, 0, 0, 0.7);\n    line-height: 20px;\n    font-weight: bold;\n    cursor: pointer;\n  }\n  \n  .gantt-button:disabled {\n    color: rgba(0, 0, 0, 0.2);\n  }\n";

package/lib/styles/TaskForm.style.d.ts

@@ -0,0 +1 @@
+export declare const TaskFormStyle = "\n\n  .task-form .form-group {\n    margin-bottom: 18px;\n    position: relative;\n  }\n\n  .task-form label {\n    display: block;\n    margin-bottom: 5px;\n    font-weight: 500;\n  }\n\n  .task-form input {\n    width: 100%;\n    padding: 8px;\n    border: 1px solid #ddd;\n    border-radius: 4px;\n    font-size: 14px;\n  }\n\n  .task-form input:focus {\n    outline: none;\n    border-color: #0066cc;\n  }\n\n  .task-form .grid {\n    display: flex;\n    justify-content: space-between;\n  }\n\n  .task-form .form-actions {\n    display: flex;\n    justify-content: flex-end;\n    gap: 8px;\n    margin-top: 24px;\n  }\n\n  .task-form .btn-primary {\n    background: #0066cc;\n    color: white;\n    border: none;\n    padding: 8px 16px;\n    border-radius: 4px;\n    cursor: pointer;\n  }\n\n  .task-form .btn-primary:hover {\n    background: #0052a3;\n  }\n\n  .task-form .btn-disabled,\n  .task-form .btn-disabled:hover {\n    background: #99c2ff;\n    cursor: not-allowed;\n    opacity: 0.7;\n  }\n\n  .task-form .form-error {\n    position: absolute;\n    bottom: -15px;\n    left: 0;\n    color: #dc3545;\n    font-size: 12px;\n    margin-top: 4px;\n    line-height: 1.2;\n    transition: opacity 0.2s ease;\n  }\n\n  .task-form .invalid {\n    border-color: #dc3545;\n  }\n\n  .task-form .invalid:focus {\n    border-color: #dc3545;\n    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);\n  }\n\n  .color-picker-wrapper {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .color-picker-wrapper input[type=\"color\"] {\n    -webkit-appearance: none;\n    width: 32px;\n    height: 32px;\n    padding: 0;\n    border: none;\n    border-radius: 4px;\n    cursor: pointer;\n  }\n\n  .color-picker-wrapper input[type=\"color\"]::-webkit-color-swatch-wrapper {\n    padding: 0;\n  }\n\n  .color-picker-wrapper input[type=\"color\"]::-webkit-color-swatch {\n    border: 1px solid #ddd;\n    border-radius: 4px;\n  }\n\n  .color-picker-wrapper .color-preview {\n    font-size: 12px;\n    color: #666;\n  }\n";

package/lib/styles/Tasks.style.d.ts

@@ -0,0 +1 @@
+export declare const TableStyle = "\n  .tasks-table,\n  .tasks-table th,\n  .tasks-table td {\n    border: 1px solid #eff0f0;\n    border-collapse: collapse;\n  }\n\n  .tasks-table th {\n    height: 50px;\n  }\n\n  .tasks-table th,\n  .tasks-table td {\n    padding: 0 10px;\n    text-align: center;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .tasks-table .tasks-data-row .task-toggle-icon,\n  .tasks-table .tasks-data-row .task-toggle-icon-blank {\n    margin-right: 5px;\n    width: 10px;\n  }\n";

package/lib/styles/Timeline.style.d.ts

@@ -0,0 +1 @@
+export declare const TimelineStyle = "\n  .gantt-container .timeline-container {\n    width: 100%;\n    overflow-y: auto;\n    position: relative;\n  }\n\n  .timeline-container .annotation {\n    position: absolute;\n  }\n\n  .timeline-container .bar-timeline {\n    position: absolute;\n    cursor: move;\n    cursor: grab;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .timeline-container .bar-timeline .bar-handle {\n    height: 100%;\n    width: 5px;\n    position: absolute;\n    z-index: 1000;\n    background: transparent;\n  }\n\n  .timeline-container .bar-timeline .bar-handle:hover {\n    cursor: col-resize;\n  }\n\n  .resizing {\n    pointer-events: none;\n    opacity: 0.8;\n  }\n\n  .timeline-container .bar-timeline .bar-handle.handle-left {\n    left: -5px;\n  }\n\n  .timeline-container .bar-timeline .bar-handle.handle-right {\n    right: -5px;\n  }\n\n  .timeline-container .bar-timeline.dragging {\n    cursor: grabbing;\n  }\n\n  .bar-timeline .bar-timeline-progress {\n    position: absolute;\n    pointer-events: none;\n    height: 100%;\n    left: 0;\n  }\n\n  .bar-timeline .bar-label {\n    white-space: nowrap;\n    pointer-events: none;\n    overflow: hidden;\n    z-index: 1;\n  }\n\n  .timeline-container .timeline-header,\n  .timeline-container .timeline-body {\n    width: max-content;\n    position: relative;\n  }\n  \n  .timeline-container .timeline-header-row,\n  .timeline-container .timeline-data-row {\n    display: flex;\n  }\n\n  .timeline-container .timeline-header-cell,\n  .timeline-container .timeline-data-cell {\n    padding: 0 10px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: 0.5px solid #eff0f0;\n  }\n";

package/lib/util/arrow.util.d.ts

@@ -0,0 +1 @@
+export declare function updateArrow(fromId: string, toId: string): void;

package/lib/util/bar.util.d.ts

@@ -0,0 +1,2 @@
+export declare function getBarElement(taskId: string): HTMLElement | null;
+export declare function getBarRowElement(taskId: string): HTMLElement | null;

package/lib/util/date.util.d.ts

@@ -0,0 +1,24 @@
+import { TUnit } from './gantt.util';
+import { Dayjs } from 'dayjs';
+
+export interface HeaderObject {
+    readonly data: string;
+    readonly width: number;
+}
+export declare const MonthsInQuarter: {
+    1: string[];
+    2: string[];
+    3: string[];
+    4: string[];
+};
+export declare function getRange(startDate: Dayjs, endDate: Dayjs, type: TUnit): Dayjs[];
+export declare function getDaysInRange(startDate: Dayjs, endDate: Dayjs): Dayjs[];
+export declare function getWeeksInRange(startDate: Dayjs, endDate: Dayjs): Dayjs[];
+export declare function getMonthsInRange(startDate: Dayjs, endDate: Dayjs): Dayjs[];
+export declare function getQuartersInRange(startDate: Dayjs, endDate: Dayjs): Dayjs[];
+export declare function getYearsInRange(startDate: Dayjs, endDate: Dayjs): Dayjs[];
+export declare function getDayModeData(startDate: Dayjs, endDate: Dayjs, columnWidth: number): [HeaderObject[], string[]];
+export declare function getWeekModeData(startDate: Dayjs, endDate: Dayjs, columnWidth: number): [HeaderObject[], string[]];
+export declare function getMonthModeData(startDate: Dayjs, endDate: Dayjs, columnWidth: number): [HeaderObject[], string[]];
+export declare function getQuarterModeData(startDate: Dayjs, endDate: Dayjs, columnWidth: number): [HeaderObject[], string[]];
+export declare function getYearModeData(startDate: Dayjs, endDate: Dayjs, columnWidth: number): [HeaderObject[], null];

package/lib/util/gantt.util.d.ts

@@ -0,0 +1,9 @@
+export declare const SupportedScales: string[];
+export declare enum ViewMode {
+    Day = "day",
+    Month = "month",
+    Quarter = "quarter",
+    Week = "week",
+    Year = "year"
+}
+export type TUnit = ViewMode.Day | ViewMode.Month | ViewMode.Week | ViewMode.Year;

package/lib/util/ganttExport.d.ts

@@ -0,0 +1 @@
+export declare const exportGanttToPDF: (element: any, filename?: string) => Promise<void>;

package/lib/util/task.util.d.ts

@@ -0,0 +1,37 @@
+import { ViewMode } from './gantt.util';
+import { Task } from '../models/Tasks';
+import { GanttOptions } from '../models/Options';
+import { Dayjs } from 'dayjs';
+
+export declare enum ColumnKey {
+    Duration = "duration",
+    EndTime = "endTime",
+    Name = "name",
+    Progress = "progress",
+    StartTime = "startTime"
+}
+export declare const ColumnKeyTitleMap: {
+    duration: string;
+    name: string;
+    progress: string;
+    startTime: string;
+};
+export interface ColumnListItem {
+    readonly key: ColumnKey;
+    readonly title: string;
+    readonly width?: string;
+}
+export declare const ColumnList: ColumnListItem[];
+export declare function getTaskTextByColumn(task: Task, columnKey: ColumnKey, inputDateFormat: string): string;
+export declare function getTaskRowElement(taskId: string): HTMLElement | null;
+export declare function updateColumnContent(taskId: string, columnKey: string, value: string): void;
+export declare function getRowBackgroundColor(index: number, rowBackgroundColors: readonly string[]): string;
+export declare function setTaskRowBackgroundColor(taskId: string, bgColor: string): void;
+interface TaskElements {
+    taskBar: HTMLElement | null;
+    taskBarRow: HTMLElement | null;
+    taskRow: HTMLElement | null;
+}
+export declare const getTaskElements: (taskId: string) => TaskElements;
+export declare const updateTaskInUI: (taskId: string, updates: Partial<Task>, options: GanttOptions, viewMode: ViewMode, ganttStartDate: Dayjs) => void;
+export {};

package/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "apexgantt",
+  "version": "0.0.1",
+  "dependencies": {
+    "dayjs": "^1.11.13",
+    "lodash": "^4.17.21"
+  },
+  "type": "module",
+  "main": "./apexgantt.min.js",
+  "module": "./apexgantt.es.min.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./index.d.ts",
+        "default": "./apexgantt.es.min.js"
+      },
+      "require": {
+        "types": "./index.d.ts",
+        "default": "./apexgantt.min.js"
+      }
+    }
+  }
+}