cats-charts 0.0.76 → 0.0.78

package/index.d.ts

@@ -887,5 +887,116 @@ declare class ScatterChartComp {
     static ɵcmp: i0.ɵɵComponentDeclaration<ScatterChartComp, "lib-scatter-chart", never, { "config": { "alias": "config"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, { "chartEvent": "chartEvent"; "legendEvent": "legendEvent"; }, never, never, true, never>;
 }
 
-export { BarChart, ChartLegendAdapter, ChartLegendComponent, Charts, CustomChartComponent, DoughnutChart, Heatmap, LinesChart, PieChart, RightClickCard, SankeyChart, ScatterChartComp, StackedAreaChart };
-export type { ChartLegendAlign, ChartLegendConfig, ChartLegendEvent, ChartLegendIcon, ChartLegendItem, ChartLegendLayout, ChartLegendPosition, ChartLegendSelectionMode, ChartLegendState, ChartLegendTemplateContext, LineChartConfig };
+type StatusTimelineDate = Date | string;
+interface StatusTimelineItem {
+    start: StatusTimelineDate;
+    end: StatusTimelineDate;
+    status: string;
+    label?: string;
+    metadata?: Record<string, unknown>;
+}
+interface StatusTimelineStatus {
+    value: string;
+    label: string;
+    color?: string;
+}
+interface StatusTimelineTooltipContext {
+    item: StatusTimelineItem;
+    status: StatusTimelineStatus;
+    start: Date;
+    end: Date;
+    durationMs: number;
+}
+interface StatusTimelineConfig {
+    data: readonly StatusTimelineItem[];
+    statuses: readonly StatusTimelineStatus[];
+    showLegend?: boolean;
+    legendPosition?: 'top' | 'bottom' | 'left' | 'right';
+    legendLayout?: 'horizontal' | 'vertical';
+    legendAlign?: 'start' | 'center' | 'end' | 'left' | 'right' | 'space-between';
+    legendLabelAlign?: 'left' | 'center' | 'right';
+    legendInteractive?: boolean;
+    legendDimmedOpacity?: number;
+    legendScrollable?: boolean;
+    legendMaxWidth?: string;
+    legendMaxHeight?: string;
+    legendNote?: string;
+    showTooltip?: boolean;
+    startLabel?: string;
+    endLabel?: string;
+    showEndpointLabels?: boolean;
+    endpointLabelsAlign?: 'start' | 'center' | 'end' | 'left' | 'right' | 'space-between';
+    loading?: boolean;
+    loadingLabel?: string;
+    emptyLabel?: string;
+    error?: string | null;
+    ariaLabel?: string;
+    minSegmentWidth?: number;
+    segmentGap?: number;
+    dateFormatter?: (date: Date) => string;
+    durationFormatter?: (durationMs: number) => string;
+    tooltipFormatter?: (context: StatusTimelineTooltipContext) => string;
+    unknownStatus?: Partial<StatusTimelineStatus>;
+}
+type StatusTimelineEvent = {
+    type: 'itemClick';
+    item: StatusTimelineItem;
+    index: number;
+} | {
+    type: 'legendToggle';
+    status: StatusTimelineStatus;
+    selected: boolean;
+};
+
+interface RenderedTimelineItem {
+    source: StatusTimelineItem;
+    originalIndex: number;
+    start: Date;
+    end: Date;
+    durationMs: number;
+    status: StatusTimelineStatus;
+    accessibleLabel: string;
+    tooltip: string;
+    tooltipLines: string[];
+}
+declare class StatusTimelineComponent implements OnChanges {
+    config: StatusTimelineConfig;
+    chartEvent: EventEmitter<StatusTimelineEvent>;
+    renderedItems: readonly RenderedTimelineItem[];
+    legendStatuses: readonly StatusTimelineStatus[];
+    activeIndex: number | null;
+    timelineMinWidth: string;
+    resolvedStartLabel: string;
+    resolvedEndLabel: string;
+    readonly tooltipIdPrefix: string;
+    private dimmedStatuses;
+    get legendPosition(): 'top' | 'bottom' | 'left' | 'right';
+    get legendLayout(): 'horizontal' | 'vertical';
+    get legendScrollable(): boolean;
+    get legendInteractive(): boolean;
+    get legendAlign(): 'start' | 'center' | 'end' | 'space-between';
+    get legendLabelAlign(): 'left' | 'center' | 'right';
+    get legendLabelJustify(): 'flex-start' | 'center' | 'flex-end';
+    get endpointLabelsAlign(): 'start' | 'center' | 'end' | 'space-between';
+    get legendMaxWidth(): string | null;
+    get legendMaxHeight(): string | null;
+    ngOnChanges(): void;
+    activate(index: number): void;
+    deactivate(index: number): void;
+    selectItem(item: RenderedTimelineItem): void;
+    isStatusSelected(value: string): boolean;
+    toggleStatus(status: StatusTimelineStatus): void;
+    tooltipId(index: number): string;
+    trackItem(_: number, item: RenderedTimelineItem): string;
+    trackStatus(_: number, status: StatusTimelineStatus): string;
+    private rebuild;
+    private toDate;
+    private formatDate;
+    private defaultTooltip;
+    private formatDuration;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StatusTimelineComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StatusTimelineComponent, "lib-status-timeline", never, { "config": { "alias": "config"; "required": true; }; }, { "chartEvent": "chartEvent"; }, never, never, true, never>;
+}
+
+export { BarChart, ChartLegendAdapter, ChartLegendComponent, Charts, CustomChartComponent, DoughnutChart, Heatmap, LinesChart, PieChart, RightClickCard, SankeyChart, ScatterChartComp, StackedAreaChart, StatusTimelineComponent };
+export type { ChartLegendAlign, ChartLegendConfig, ChartLegendEvent, ChartLegendIcon, ChartLegendItem, ChartLegendLayout, ChartLegendPosition, ChartLegendSelectionMode, ChartLegendState, ChartLegendTemplateContext, LineChartConfig, StatusTimelineConfig, StatusTimelineDate, StatusTimelineEvent, StatusTimelineItem, StatusTimelineStatus, StatusTimelineTooltipContext };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cats-charts",
-  "version": "0.0.76",
+  "version": "0.0.78",
   "peerDependencies": {
     "@angular/core": ">=18 <22",
     "@angular/common": ">=18 <22"