@revivejs/angular-infinity-charts 2.0.0

package/src/types.d.ts

@@ -0,0 +1,220 @@
+export type AngularInfinityChartType = 'line' | 'area' | 'stacked-area' | 'bar' | 'bar-3d' | 'combo' | 'sparkline' | 'scatter' | 'gauge' | 'gauge-semicircle' | 'radial-progress' | 'thermometer' | 'thermometer-horizontal' | 'battery' | 'pie' | 'donut';
+export type AngularInfinityThemeMode = 'light' | 'dark' | 'custom';
+export type AngularInfinityLegendPosition = 'top' | 'right' | 'bottom' | 'left';
+export type AngularInfinityLegendAlign = 'start' | 'center' | 'end';
+export type AngularInfinityValue = number | string | Date;
+export interface AngularInfinityTitleOptions {
+    text?: string;
+    subtitle?: string;
+    align?: AngularInfinityLegendAlign;
+}
+export interface AngularInfinityAxisOptions {
+    show?: boolean;
+    title?: string;
+    tickCount?: number;
+    min?: number;
+    max?: number;
+    nice?: boolean;
+    format?: (value: number | string) => string;
+}
+export interface AngularInfinityGridOptions {
+    show?: boolean;
+    x?: boolean;
+    y?: boolean;
+    color?: string;
+    opacity?: number;
+}
+export interface AngularInfinityLegendOptions {
+    show?: boolean;
+    position?: AngularInfinityLegendPosition;
+    align?: AngularInfinityLegendAlign;
+}
+export interface AngularInfinityLayoutOptions {
+    padding?: any;
+    plotPadding?: any;
+    cornerRadius?: number;
+    background?: string;
+}
+export interface AngularInfinityChartColorOverrides {
+    background?: string;
+    surface?: string;
+    surfaceAlt?: string;
+    plotBackground?: string;
+    plotBorder?: string;
+    border?: string;
+    grid?: string;
+    axis?: string;
+    text?: string;
+    mutedText?: string;
+    title?: string;
+    legendText?: string;
+    tooltipBackground?: string;
+    tooltipText?: string;
+    pointStroke?: string;
+    threshold?: string;
+    gaugeTrack?: string;
+    gaugeNeedle?: string;
+    interactiveGlow?: string;
+    shadow?: string;
+}
+export interface AngularInfinityAnimationOptions {
+    enabled?: boolean;
+    duration?: number;
+    easing?: string;
+    stagger?: number;
+    mode?: 'subtle' | 'expressive' | 'none';
+}
+export interface AngularInfinityResponsiveOptions {
+    enabled?: boolean;
+    debounceMs?: number;
+    minHeight?: number;
+}
+export interface AngularInfinityInteractionOptions {
+    enabled?: boolean;
+    tooltip?: boolean;
+    hover?: boolean;
+    click?: boolean;
+}
+export interface AngularInfinityRealtimeOptions {
+    enabled?: boolean;
+    maxPoints?: number;
+    batchWindowMs?: number;
+    preserveDomain?: boolean;
+}
+export interface AngularInfinityChartThreshold {
+    id?: string;
+    axis?: 'x' | 'y';
+    value: number;
+    label?: string;
+    color?: string;
+    dasharray?: string;
+}
+export interface AngularInfinityGaugeBandInput {
+    from: number;
+    to: number;
+    color?: string;
+    label?: string;
+}
+export interface AngularInfinityGaugeOptions {
+    min?: number;
+    max?: number;
+    unit?: string;
+    label?: string;
+    startAngle?: number;
+    endAngle?: number;
+    needle?: boolean;
+    trackColor?: string;
+    bands?: AngularInfinityGaugeBandInput[];
+    valueFormatter?: (value: number) => string;
+}
+export interface AngularInfinityThemeTokens {
+    name?: string;
+    mode?: AngularInfinityThemeMode;
+    background?: string;
+    surface?: string;
+    surfaceAlt?: string;
+    plotBackground?: string;
+    plotBorder?: string;
+    border?: string;
+    grid?: string;
+    axis?: string;
+    text?: string;
+    mutedText?: string;
+    title?: string;
+    legendText?: string;
+    shadow?: string;
+    palette?: string[];
+    fontFamily?: string;
+    fontSize?: number;
+    tooltipBackground?: string;
+    tooltipText?: string;
+    pointStroke?: string;
+    threshold?: string;
+    gaugeTrack?: string;
+    gaugeNeedle?: string;
+    interactiveGlow?: string;
+}
+export type AngularInfinityThemeInput = 'light' | 'dark' | AngularInfinityThemeTokens;
+export interface AngularInfinityCartesianPoint {
+    x?: AngularInfinityValue;
+    y: number;
+    label?: string;
+}
+export type AngularInfinityCartesianValueInput = number | AngularInfinityCartesianPoint;
+export interface AngularInfinityCartesianSeriesInput {
+    id?: string;
+    name?: string;
+    color?: string;
+    type?: 'line' | 'area' | 'bar' | 'scatter';
+    data: AngularInfinityCartesianValueInput[];
+}
+export interface AngularInfinityDonutSliceInput {
+    id?: string;
+    label: string;
+    value: number;
+    color?: string;
+}
+export interface AngularInfinityLabeledValueInput {
+    label: string;
+    value: number;
+    color?: string;
+}
+export type AngularInfinityChartDataInput = number[] | AngularInfinityCartesianValueInput[] | AngularInfinityDonutSliceInput[] | AngularInfinityLabeledValueInput[] | any;
+export type AngularInfinitySeriesCollectionInput = AngularInfinityCartesianSeriesInput[] | AngularInfinityDonutSliceInput[];
+export interface AngularInfinityChartPlugin {
+    id: string;
+    hooks?: any;
+}
+export interface AngularInfinityChartConfig {
+    container?: HTMLElement | string;
+    type?: AngularInfinityChartType | string;
+    width?: number;
+    height?: number;
+    title?: string | AngularInfinityTitleOptions;
+    labels?: string[];
+    data?: AngularInfinityChartDataInput;
+    series?: AngularInfinitySeriesCollectionInput;
+    theme?: AngularInfinityThemeInput;
+    showNumber?: boolean;
+    showLegend?: boolean;
+    showTooltip?: boolean;
+    xAxis?: AngularInfinityAxisOptions;
+    yAxis?: AngularInfinityAxisOptions;
+    grid?: AngularInfinityGridOptions;
+    legend?: AngularInfinityLegendOptions;
+    layout?: AngularInfinityLayoutOptions;
+    colors?: AngularInfinityChartColorOverrides;
+    thresholds?: AngularInfinityChartThreshold[];
+    gauge?: AngularInfinityGaugeOptions;
+    animation?: AngularInfinityAnimationOptions;
+    responsive?: AngularInfinityResponsiveOptions;
+    interaction?: AngularInfinityInteractionOptions;
+    realtime?: AngularInfinityRealtimeOptions;
+    plugins?: AngularInfinityChartPlugin[];
+    [key: string]: any;
+}
+export interface AngularInfinityChartPublicApi {
+    ready(): Promise<void>;
+    update(config: AngularInfinityChartConfig): void;
+    updateSeries(series: AngularInfinitySeriesCollectionInput): void;
+    appendData(point: any): void;
+    appendBatch(points: any[]): void;
+    replaceData(data: AngularInfinityChartDataInput): void;
+    resize(width?: number, height?: number): void;
+    setTheme(theme: AngularInfinityThemeInput): void;
+    registerPlugin(plugin: AngularInfinityChartPlugin): void;
+    on(event: string, handler: (payload?: any) => void): () => void;
+    destroy(): void;
+}
+export interface AngularInfinityChartEvent {
+    host: HTMLElement;
+    chart: AngularInfinityChartPublicApi | null;
+    config: AngularInfinityChartConfig;
+}
+export interface InfinityChartLifecycleHooks {
+    onCreate(event: AngularInfinityChartEvent): void;
+    onReady(event: AngularInfinityChartEvent): void;
+    onUpdated(event: AngularInfinityChartEvent): void;
+    onResized(event: AngularInfinityChartEvent): void;
+    onDestroyed(event: AngularInfinityChartEvent): void;
+}

package/src/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/src/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":""}