@oge-ui/gantt

Commercial package. Unlike the rest of the OGE UI suite (MIT), the Gantt is source-available commercial software: free for evaluation, development and testing — a paid license is required for production use. No watermark, no runtime license checks. See LICENSE and ogeui.com/license.

A signal-based Angular Gantt chart: <oge-gantt> pairs a virtualized treegrid task pane with a timeline chart over a pure, framework-free kernel — tree indexing and summary roll-up, calendar-true time scales, forward auto-scheduling, a critical-path backward pass, orthogonal dependency routing and all gesture math live in plain TypeScript.

Like @oge-ui/scheduler (and unlike the deliberately self-contained @oge-ui/bpmn), this package is a consumer of the MIT suite by design: the task dialog comes from @oge-ui/overlay + @oge-ui/forms and its editors from @oge-ui/inputs — that composition is the selling point, so the dependencies are taken instead of rebuilt.

Chart & data

• Task tree with summary brackets (duration-weighted progress roll-up), milestone diamonds (zero-duration tasks), baseline under-bars, resource labels, weekend/holiday shading, stripLines markers and ranges, a today line and showCriticalPath zero-slack outlining
• FS / SS / FF / SF dependency arrows routed orthogonally (dx numeric codes 0–3 also parse); drawing a link that would close a cycle is rejected and announced; autoScheduling pushes successors forward when a predecessor moves
• Calendar-true 'hours' | 'days' | 'weeks' | 'months' scales — real month lengths, DST-safe — with toolbar zoom, Ctrl+wheel zoom and zoomToFit()
• Binds plain task/dependency arrays with field mapping via keyExpr / parentKeyExpr / startExpr / endExpr / predecessorKeyExpr / … (dotted paths or getter functions); string-dated stores round-trip without changing their storage shape; inputs are never mutated
• Both panes virtualize rows over a fixed rowHeight and share one scroll model; the task pane has configurable columns and a draggable splitter
• workCalendar (working weekdays + holidays) shades every off day and makes auto-scheduling roll pushed starts onto working days, preserving durations in working days (day granularity); a resource's own calendar overrides it for the tasks assigned to it
• Multi-resource assignment: resourceId fields may hold a single id or an array — bar labels join the names, the task dialog edits assignments with a tag editor, and write-back preserves the storage shape; showResourceWorkload renders the per-resource utilization band with overallocated stretches in the danger color
• Hover tooltip on every bar (title, dates + duration, progress, resources) with a *ogeGanttTooltipTemplate override
• Three lazy export entry points: @oge-ui/gantt/export-excel (optional exceljs peer — the task tree as a typed worksheet with indented titles and bold summaries), @oge-ui/gantt/export-pdf (optional jspdf peer — the chart drawn as vector graphics: scale header, progress fills, summary brackets, milestone diamonds, critical-path outlining, multi-page) and @oge-ui/gantt/export-image (dependency-free PNG via plain canvas drawing)

Editing

• Drag to move, edge-resize, progress-knob drag and link-dot dependency drawing — 3px threshold, live drag tip, mid-gesture Escape-cancel; double-click or draw on empty chart space to create a task at that date, and hover any bar for a rich tooltip
• Built-in right-click menu (edit, new task/subtask, indent/outdent, delete) plus MS Project-style Alt+Shift+Left/Right reparenting on the focused row; a friendly empty state offers the first-task shortcut
• Task dialog (@oge-ui/forms) with a taskEditDialogShowing hook for custom fields; toolbar add / undo / redo / expand / collapse; snapshot undo/redo where every applied edit, drags included, is exactly one step
• Cancelable taskInserting / taskUpdating / taskDeleting / dependencyInserting / dependencyDeleting events; past-tense events fire only for applied changes; editingEnabled, per-capability allow* flags and a readOnly shorthand

Accessibility (honest limits)

No WAI-ARIA APG pattern covers a gantt; the widget composes the treegrid pattern instead: the task pane is a role="treegrid" with roving-tabindex rows (arrows, Left/Right collapse/expand, Enter edits, Delete deletes) and the focused row drives its bar from the keyboard — Ctrl+Left/Right moves, Ctrl+Shift+Left/Right resizes — with polite live-region announcements; the chart is a focusable, labeled scroll region. All strings, including every aria label, live in OgeGanttMessages (provideOgeGanttConfig).

Dates are Intl-only local wall time (house rule: no date library, no DateAdapter, no TZ database); locale (config-level or per instance) drives every Intl format.

Docs: ogeui.com/components/gantt · AI reference: llms.txt