angular-chrts 1.0.0-beta.1

package/index.d.ts

@@ -0,0 +1,463 @@
+import * as _angular_core from '@angular/core';
+import { ElementRef } from '@angular/core';
+import { CurveType as CurveType$1, Position, Orientation as Orientation$1, NumericAccessor } from '@unovis/ts';
+import * as _vue_chrts_shared from '@vue-chrts/shared';
+import { BulletLegendItemInterface, axisFormatter, MarkerConfig, ValueLabel, AxisConfig, CrosshairConfig } from '@vue-chrts/shared';
+export { AreaChartProps, AxisConfig, BarChartProps, BarChartPropsBase, BubbleChartProps, BulletLegendItemInterface, CrosshairConfig, DonutChartProps, GanttChartProps, MarkerConfig, SizeOptions, ValueLabel, axisFormatter } from '@vue-chrts/shared';
+
+declare enum LegendPosition {
+    TopLeft = "top-left",
+    TopCenter = "top-center",
+    TopRight = "top-right",
+    BottomLeft = "bottom-left",
+    BottomCenter = "bottom-center",
+    BottomRight = "bottom-right"
+}
+declare enum CurveType {
+    Basis = "basis",
+    BasisClosed = "basisClosed",
+    BasisOpen = "basisOpen",
+    Bundle = "bundle",
+    Cardinal = "cardinal",
+    CardinalClosed = "cardinalClosed",
+    CardinalOpen = "cardinalOpen",
+    CatmullRom = "catmullRom",
+    CatmullRomClosed = "catmullRomClosed",
+    CatmullRomOpen = "catmullRomOpen",
+    Linear = "linear",
+    LinearClosed = "linearClosed",
+    MonotoneX = "monotoneX",
+    MonotoneY = "monotoneY",
+    Natural = "natural",
+    Step = "step",
+    StepAfter = "stepAfter",
+    StepBefore = "stepBefore"
+}
+declare enum Orientation {
+    Horizontal = "horizontal",
+    Vertical = "vertical"
+}
+declare enum DonutType {
+    Half = "half",
+    Full = "full"
+}
+
+type AreaChartCategory = _vue_chrts_shared.BulletLegendItemInterface;
+
+declare class LineChartComponent<T extends Record<string, any>> {
+    readonly data: _angular_core.InputSignal<T[]>;
+    readonly height: _angular_core.InputSignal<number>;
+    readonly padding: _angular_core.InputSignal<{
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    }>;
+    readonly categories: _angular_core.InputSignal<Record<string, BulletLegendItemInterface>>;
+    readonly stacked: _angular_core.InputSignal<boolean>;
+    readonly curveType: _angular_core.InputSignal<CurveType$1 | undefined>;
+    readonly lineWidth: _angular_core.InputSignal<number>;
+    readonly lineDashArray: _angular_core.InputSignal<number[][] | undefined>;
+    readonly xLabel: _angular_core.InputSignal<string | undefined>;
+    readonly yLabel: _angular_core.InputSignal<string | undefined>;
+    readonly xFormatter: _angular_core.InputSignal<axisFormatter | undefined>;
+    readonly yFormatter: _angular_core.InputSignal<axisFormatter | undefined>;
+    readonly xNumTicks: _angular_core.InputSignal<number | undefined>;
+    readonly xExplicitTicks: _angular_core.InputSignal<any[] | undefined>;
+    readonly minMaxTicksOnly: _angular_core.InputSignal<boolean>;
+    readonly yNumTicks: _angular_core.InputSignal<number | undefined>;
+    readonly hideXAxis: _angular_core.InputSignal<boolean>;
+    readonly hideYAxis: _angular_core.InputSignal<boolean>;
+    readonly xGridLine: _angular_core.InputSignal<boolean>;
+    readonly yGridLine: _angular_core.InputSignal<boolean>;
+    readonly xDomainLine: _angular_core.InputSignal<boolean>;
+    readonly yDomainLine: _angular_core.InputSignal<boolean>;
+    readonly xTickLine: _angular_core.InputSignal<boolean>;
+    readonly yTickLine: _angular_core.InputSignal<boolean>;
+    readonly hideTooltip: _angular_core.InputSignal<boolean>;
+    readonly hideLegend: _angular_core.InputSignal<boolean>;
+    readonly legendPosition: _angular_core.InputSignal<LegendPosition>;
+    readonly legendStyle: _angular_core.InputSignal<Record<string, string> | undefined>;
+    readonly tooltipTitleFormatter: _angular_core.InputSignal<((data: T) => string | number) | undefined>;
+    readonly markerConfig: _angular_core.InputSignal<MarkerConfig | undefined>;
+    readonly yDomain: _angular_core.InputSignal<[number, number] | undefined>;
+    readonly xDomain: _angular_core.InputSignal<[number, number] | undefined>;
+    readonly click: _angular_core.OutputEmitterRef<{
+        event: MouseEvent;
+        values?: T;
+    }>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LineChartComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LineChartComponent<any>, "ngx-line-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "padding": { "alias": "padding"; "required": false; "isSignal": true; }; "categories": { "alias": "categories"; "required": true; "isSignal": true; }; "stacked": { "alias": "stacked"; "required": false; "isSignal": true; }; "curveType": { "alias": "curveType"; "required": false; "isSignal": true; }; "lineWidth": { "alias": "lineWidth"; "required": false; "isSignal": true; }; "lineDashArray": { "alias": "lineDashArray"; "required": false; "isSignal": true; }; "xLabel": { "alias": "xLabel"; "required": false; "isSignal": true; }; "yLabel": { "alias": "yLabel"; "required": false; "isSignal": true; }; "xFormatter": { "alias": "xFormatter"; "required": false; "isSignal": true; }; "yFormatter": { "alias": "yFormatter"; "required": false; "isSignal": true; }; "xNumTicks": { "alias": "xNumTicks"; "required": false; "isSignal": true; }; "xExplicitTicks": { "alias": "xExplicitTicks"; "required": false; "isSignal": true; }; "minMaxTicksOnly": { "alias": "minMaxTicksOnly"; "required": false; "isSignal": true; }; "yNumTicks": { "alias": "yNumTicks"; "required": false; "isSignal": true; }; "hideXAxis": { "alias": "hideXAxis"; "required": false; "isSignal": true; }; "hideYAxis": { "alias": "hideYAxis"; "required": false; "isSignal": true; }; "xGridLine": { "alias": "xGridLine"; "required": false; "isSignal": true; }; "yGridLine": { "alias": "yGridLine"; "required": false; "isSignal": true; }; "xDomainLine": { "alias": "xDomainLine"; "required": false; "isSignal": true; }; "yDomainLine": { "alias": "yDomainLine"; "required": false; "isSignal": true; }; "xTickLine": { "alias": "xTickLine"; "required": false; "isSignal": true; }; "yTickLine": { "alias": "yTickLine"; "required": false; "isSignal": true; }; "hideTooltip": { "alias": "hideTooltip"; "required": false; "isSignal": true; }; "hideLegend": { "alias": "hideLegend"; "required": false; "isSignal": true; }; "legendPosition": { "alias": "legendPosition"; "required": false; "isSignal": true; }; "legendStyle": { "alias": "legendStyle"; "required": false; "isSignal": true; }; "tooltipTitleFormatter": { "alias": "tooltipTitleFormatter"; "required": false; "isSignal": true; }; "markerConfig": { "alias": "markerConfig"; "required": false; "isSignal": true; }; "yDomain": { "alias": "yDomain"; "required": false; "isSignal": true; }; "xDomain": { "alias": "xDomain"; "required": false; "isSignal": true; }; }, { "click": "click"; }, never, never, true, never>;
+}
+
+declare class AreaChartComponent<T extends Record<string, any>> {
+    readonly data: _angular_core.InputSignal<T[]>;
+    readonly height: _angular_core.InputSignal<number>;
+    readonly padding: _angular_core.InputSignal<{
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    }>;
+    readonly categories: _angular_core.InputSignal<Record<string, any>>;
+    readonly stacked: _angular_core.InputSignal<boolean>;
+    readonly hideArea: _angular_core.InputSignal<boolean>;
+    readonly curveType: _angular_core.InputSignal<CurveType$1 | undefined>;
+    readonly lineWidth: _angular_core.InputSignal<number>;
+    readonly lineDashArray: _angular_core.InputSignal<number[][] | undefined>;
+    readonly xLabel: _angular_core.InputSignal<string | undefined>;
+    readonly yLabel: _angular_core.InputSignal<string | undefined>;
+    readonly xFormatter: _angular_core.InputSignal<any>;
+    readonly yFormatter: _angular_core.InputSignal<any>;
+    readonly xNumTicks: _angular_core.InputSignal<number | undefined>;
+    readonly xExplicitTicks: _angular_core.InputSignal<any[] | undefined>;
+    readonly minMaxTicksOnly: _angular_core.InputSignal<boolean>;
+    readonly yNumTicks: _angular_core.InputSignal<number | undefined>;
+    readonly hideXAxis: _angular_core.InputSignal<boolean>;
+    readonly hideYAxis: _angular_core.InputSignal<boolean>;
+    readonly xGridLine: _angular_core.InputSignal<boolean>;
+    readonly yGridLine: _angular_core.InputSignal<boolean>;
+    readonly xDomainLine: _angular_core.InputSignal<boolean>;
+    readonly yDomainLine: _angular_core.InputSignal<boolean>;
+    readonly xTickLine: _angular_core.InputSignal<boolean>;
+    readonly yTickLine: _angular_core.InputSignal<boolean>;
+    readonly hideTooltip: _angular_core.InputSignal<boolean>;
+    readonly hideLegend: _angular_core.InputSignal<boolean>;
+    readonly legendPosition: _angular_core.InputSignal<LegendPosition>;
+    readonly legendStyle: _angular_core.InputSignal<Record<string, string> | undefined>;
+    readonly tooltipStyle: _angular_core.InputSignal<Record<string, string>>;
+    readonly tooltipTitleFormatter: _angular_core.InputSignal<((data: T) => string | number) | undefined>;
+    readonly markerConfig: _angular_core.InputSignal<any>;
+    readonly gradientStops: _angular_core.InputSignal<{
+        offset: string;
+        stopOpacity: number;
+    }[]>;
+    readonly yDomain: _angular_core.InputSignal<[number, number] | undefined>;
+    readonly xDomain: _angular_core.InputSignal<[number, number] | undefined>;
+    readonly click: _angular_core.OutputEmitterRef<{
+        event: MouseEvent;
+        values?: T;
+    }>;
+    readonly tooltipWrapper: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
+    readonly hoverValues: _angular_core.WritableSignal<T | undefined>;
+    readonly DEFAULT_OPACITY = 0.5;
+    readonly DEFAULT_COLOR = "#3b82f6";
+    readonly Position: typeof Position;
+    readonly CurveType: typeof CurveType$1;
+    readonly categoryKeys: _angular_core.Signal<string[]>;
+    readonly colors: _angular_core.Signal<any[]>;
+    readonly isLegendTop: _angular_core.Signal<boolean>;
+    readonly legendAlignment: _angular_core.Signal<"center" | "flex-start" | "flex-end">;
+    readonly legendItems: _angular_core.Signal<any[]>;
+    readonly svgDefs: _angular_core.Signal<string>;
+    readonly stackedYAccessors: _angular_core.Signal<((d: T) => number)[]>;
+    readonly stackedLineYAccessors: _angular_core.Signal<((d: T) => number)[]>;
+    readonly markerSvgDefs: _angular_core.Signal<string>;
+    readonly markerCssVars: _angular_core.Signal<Record<string, string>>;
+    readonly stackedColorAccessor: any;
+    _x: any;
+    getYAccessor(categoryId: string): any;
+    getGradientSelector(index: number): any;
+    onCrosshairUpdate: (d: T) => string;
+    onClick(event: MouseEvent): void;
+    private cdr;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AreaChartComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AreaChartComponent<any>, "ngx-area-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "padding": { "alias": "padding"; "required": false; "isSignal": true; }; "categories": { "alias": "categories"; "required": true; "isSignal": true; }; "stacked": { "alias": "stacked"; "required": false; "isSignal": true; }; "hideArea": { "alias": "hideArea"; "required": false; "isSignal": true; }; "curveType": { "alias": "curveType"; "required": false; "isSignal": true; }; "lineWidth": { "alias": "lineWidth"; "required": false; "isSignal": true; }; "lineDashArray": { "alias": "lineDashArray"; "required": false; "isSignal": true; }; "xLabel": { "alias": "xLabel"; "required": false; "isSignal": true; }; "yLabel": { "alias": "yLabel"; "required": false; "isSignal": true; }; "xFormatter": { "alias": "xFormatter"; "required": false; "isSignal": true; }; "yFormatter": { "alias": "yFormatter"; "required": false; "isSignal": true; }; "xNumTicks": { "alias": "xNumTicks"; "required": false; "isSignal": true; }; "xExplicitTicks": { "alias": "xExplicitTicks"; "required": false; "isSignal": true; }; "minMaxTicksOnly": { "alias": "minMaxTicksOnly"; "required": false; "isSignal": true; }; "yNumTicks": { "alias": "yNumTicks"; "required": false; "isSignal": true; }; "hideXAxis": { "alias": "hideXAxis"; "required": false; "isSignal": true; }; "hideYAxis": { "alias": "hideYAxis"; "required": false; "isSignal": true; }; "xGridLine": { "alias": "xGridLine"; "required": false; "isSignal": true; }; "yGridLine": { "alias": "yGridLine"; "required": false; "isSignal": true; }; "xDomainLine": { "alias": "xDomainLine"; "required": false; "isSignal": true; }; "yDomainLine": { "alias": "yDomainLine"; "required": false; "isSignal": true; }; "xTickLine": { "alias": "xTickLine"; "required": false; "isSignal": true; }; "yTickLine": { "alias": "yTickLine"; "required": false; "isSignal": true; }; "hideTooltip": { "alias": "hideTooltip"; "required": false; "isSignal": true; }; "hideLegend": { "alias": "hideLegend"; "required": false; "isSignal": true; }; "legendPosition": { "alias": "legendPosition"; "required": false; "isSignal": true; }; "legendStyle": { "alias": "legendStyle"; "required": false; "isSignal": true; }; "tooltipStyle": { "alias": "tooltipStyle"; "required": false; "isSignal": true; }; "tooltipTitleFormatter": { "alias": "tooltipTitleFormatter"; "required": false; "isSignal": true; }; "markerConfig": { "alias": "markerConfig"; "required": false; "isSignal": true; }; "gradientStops": { "alias": "gradientStops"; "required": false; "isSignal": true; }; "yDomain": { "alias": "yDomain"; "required": false; "isSignal": true; }; "xDomain": { "alias": "xDomain"; "required": false; "isSignal": true; }; }, { "click": "click"; }, never, never, true, never>;
+}
+
+declare class BarChartComponent<T extends Record<string, any>> {
+    readonly data: _angular_core.InputSignal<T[]>;
+    readonly height: _angular_core.InputSignal<number>;
+    readonly padding: _angular_core.InputSignal<{
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    }>;
+    readonly categories: _angular_core.InputSignal<Record<string, BulletLegendItemInterface>>;
+    readonly yAxis: _angular_core.InputSignal<(keyof T)[]>;
+    readonly stacked: _angular_core.InputSignal<boolean>;
+    readonly orientation: _angular_core.InputSignal<Orientation$1>;
+    readonly radius: _angular_core.InputSignal<number | undefined>;
+    readonly groupPadding: _angular_core.InputSignal<number>;
+    readonly barPadding: _angular_core.InputSignal<number>;
+    readonly xLabel: _angular_core.InputSignal<string | undefined>;
+    readonly yLabel: _angular_core.InputSignal<string | undefined>;
+    readonly xFormatter: _angular_core.InputSignal<((tick: number | Date, i?: number, ticks?: (number | Date)[]) => string) | undefined>;
+    readonly yFormatter: _angular_core.InputSignal<((tick: number | Date, i?: number, ticks?: (number | Date)[]) => string) | undefined>;
+    readonly tooltipTitleFormatter: _angular_core.InputSignal<((data: T) => string | number) | undefined>;
+    readonly xNumTicks: _angular_core.InputSignal<number | undefined>;
+    readonly xExplicitTicks: _angular_core.InputSignal<any[] | undefined>;
+    readonly minMaxTicksOnly: _angular_core.InputSignal<boolean>;
+    readonly yNumTicks: _angular_core.InputSignal<number | undefined>;
+    readonly hideXAxis: _angular_core.InputSignal<boolean>;
+    readonly hideYAxis: _angular_core.InputSignal<boolean>;
+    readonly xGridLine: _angular_core.InputSignal<boolean>;
+    readonly yGridLine: _angular_core.InputSignal<boolean>;
+    readonly xDomainLine: _angular_core.InputSignal<boolean>;
+    readonly yDomainLine: _angular_core.InputSignal<boolean>;
+    readonly xTickLine: _angular_core.InputSignal<boolean>;
+    readonly yTickLine: _angular_core.InputSignal<boolean>;
+    readonly hideTooltip: _angular_core.InputSignal<boolean>;
+    readonly hideLegend: _angular_core.InputSignal<boolean>;
+    readonly legendPosition: _angular_core.InputSignal<LegendPosition>;
+    readonly legendStyle: _angular_core.InputSignal<Record<string, string> | undefined>;
+    readonly valueLabel: _angular_core.InputSignal<ValueLabel | undefined>;
+    readonly xAxisConfig: _angular_core.InputSignal<AxisConfig | undefined>;
+    readonly yAxisConfig: _angular_core.InputSignal<AxisConfig | undefined>;
+    readonly click: _angular_core.OutputEmitterRef<{
+        event: MouseEvent;
+        values?: T;
+    }>;
+    readonly tooltipWrapper: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
+    readonly hoverValues: _angular_core.WritableSignal<T | undefined>;
+    readonly Orientation: typeof Orientation$1;
+    readonly isLegendTop: _angular_core.Signal<boolean>;
+    readonly legendAlignment: _angular_core.Signal<"center" | "flex-start" | "flex-end">;
+    readonly legendItems: _angular_core.Signal<{
+        color: string | undefined;
+        name: string | number;
+        className?: string;
+        inactive?: boolean;
+        hidden?: boolean;
+        pointer?: boolean;
+    }[]>;
+    readonly yAccessors: _angular_core.Signal<((d: T) => T[keyof T])[]>;
+    colorAccessor: any;
+    _x: any;
+    xFormatterFn: (tick: number | Date, i: number, ticks: (number | Date)[]) => string;
+    yFormatterFn: (tick: number | Date, i: number, ticks: (number | Date)[]) => string;
+    tooltipTriggers: Record<string, (d: T) => string>;
+    onCrosshairUpdate(d: T): void;
+    onClick(event: MouseEvent): void;
+    private cdr;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BarChartComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BarChartComponent<any>, "ngx-bar-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "padding": { "alias": "padding"; "required": false; "isSignal": true; }; "categories": { "alias": "categories"; "required": true; "isSignal": true; }; "yAxis": { "alias": "yAxis"; "required": true; "isSignal": true; }; "stacked": { "alias": "stacked"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "radius": { "alias": "radius"; "required": false; "isSignal": true; }; "groupPadding": { "alias": "groupPadding"; "required": false; "isSignal": true; }; "barPadding": { "alias": "barPadding"; "required": false; "isSignal": true; }; "xLabel": { "alias": "xLabel"; "required": false; "isSignal": true; }; "yLabel": { "alias": "yLabel"; "required": false; "isSignal": true; }; "xFormatter": { "alias": "xFormatter"; "required": false; "isSignal": true; }; "yFormatter": { "alias": "yFormatter"; "required": false; "isSignal": true; }; "tooltipTitleFormatter": { "alias": "tooltipTitleFormatter"; "required": false; "isSignal": true; }; "xNumTicks": { "alias": "xNumTicks"; "required": false; "isSignal": true; }; "xExplicitTicks": { "alias": "xExplicitTicks"; "required": false; "isSignal": true; }; "minMaxTicksOnly": { "alias": "minMaxTicksOnly"; "required": false; "isSignal": true; }; "yNumTicks": { "alias": "yNumTicks"; "required": false; "isSignal": true; }; "hideXAxis": { "alias": "hideXAxis"; "required": false; "isSignal": true; }; "hideYAxis": { "alias": "hideYAxis"; "required": false; "isSignal": true; }; "xGridLine": { "alias": "xGridLine"; "required": false; "isSignal": true; }; "yGridLine": { "alias": "yGridLine"; "required": false; "isSignal": true; }; "xDomainLine": { "alias": "xDomainLine"; "required": false; "isSignal": true; }; "yDomainLine": { "alias": "yDomainLine"; "required": false; "isSignal": true; }; "xTickLine": { "alias": "xTickLine"; "required": false; "isSignal": true; }; "yTickLine": { "alias": "yTickLine"; "required": false; "isSignal": true; }; "hideTooltip": { "alias": "hideTooltip"; "required": false; "isSignal": true; }; "hideLegend": { "alias": "hideLegend"; "required": false; "isSignal": true; }; "legendPosition": { "alias": "legendPosition"; "required": false; "isSignal": true; }; "legendStyle": { "alias": "legendStyle"; "required": false; "isSignal": true; }; "valueLabel": { "alias": "valueLabel"; "required": false; "isSignal": true; }; "xAxisConfig": { "alias": "xAxisConfig"; "required": false; "isSignal": true; }; "yAxisConfig": { "alias": "yAxisConfig"; "required": false; "isSignal": true; }; }, { "click": "click"; }, never, never, true, never>;
+}
+
+declare class DonutChartComponent {
+    readonly data: _angular_core.InputSignal<number[]>;
+    readonly height: _angular_core.InputSignal<number>;
+    readonly categories: _angular_core.InputSignal<Record<string, BulletLegendItemInterface>>;
+    readonly type: _angular_core.InputSignal<DonutType>;
+    readonly radius: _angular_core.InputSignal<number>;
+    readonly arcWidth: _angular_core.InputSignal<number>;
+    readonly padAngle: _angular_core.InputSignal<number>;
+    readonly hideLegend: _angular_core.InputSignal<boolean>;
+    readonly legendPosition: _angular_core.InputSignal<LegendPosition>;
+    readonly legendStyle: _angular_core.InputSignal<Record<string, string> | undefined>;
+    readonly tooltipTitleFormatter: _angular_core.InputSignal<((data: any) => string | number) | undefined>;
+    readonly click: _angular_core.OutputEmitterRef<{
+        event: MouseEvent;
+        values?: any;
+    }>;
+    readonly tooltipWrapper: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
+    readonly hoverValues: _angular_core.WritableSignal<any>;
+    readonly isLegendTop: _angular_core.Signal<boolean>;
+    readonly legendAlignment: _angular_core.Signal<"center" | "flex-start" | "flex-end">;
+    readonly categoriesArray: _angular_core.Signal<BulletLegendItemInterface[]>;
+    readonly legendItems: _angular_core.Signal<{
+        color: string;
+        name: string | number;
+        className?: string;
+        inactive?: boolean;
+        hidden?: boolean;
+        pointer?: boolean;
+    }[]>;
+    readonly angleRange: _angular_core.Signal<[number, number] | undefined>;
+    valueAccessor: (d: number) => number;
+    colorAccessor: (_: number, i: number) => string | undefined;
+    tooltipTriggers: Record<string, (d: any) => string>;
+    onCrosshairUpdate(d: any): void;
+    onClick(event: MouseEvent): void;
+    private normalizeColor;
+    private cdr;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DonutChartComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DonutChartComponent, "ngx-donut-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "categories": { "alias": "categories"; "required": true; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "radius": { "alias": "radius"; "required": false; "isSignal": true; }; "arcWidth": { "alias": "arcWidth"; "required": false; "isSignal": true; }; "padAngle": { "alias": "padAngle"; "required": false; "isSignal": true; }; "hideLegend": { "alias": "hideLegend"; "required": false; "isSignal": true; }; "legendPosition": { "alias": "legendPosition"; "required": false; "isSignal": true; }; "legendStyle": { "alias": "legendStyle"; "required": false; "isSignal": true; }; "tooltipTitleFormatter": { "alias": "tooltipTitleFormatter"; "required": false; "isSignal": true; }; }, { "click": "click"; }, never, ["*"], true, never>;
+}
+
+declare class BubbleChartComponent<T extends Record<string, any>> {
+    readonly data: _angular_core.InputSignal<T[]>;
+    readonly height: _angular_core.InputSignal<number>;
+    readonly padding: _angular_core.InputSignal<{
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    }>;
+    readonly categories: _angular_core.InputSignal<Record<string, BulletLegendItemInterface>>;
+    readonly categoryKey: _angular_core.InputSignal<keyof T | undefined>;
+    readonly xAccessor: _angular_core.InputSignal<NumericAccessor<T>>;
+    readonly yAccessor: _angular_core.InputSignal<NumericAccessor<T>>;
+    readonly sizeAccessor: _angular_core.InputSignal<NumericAccessor<T>>;
+    readonly labelPosition: _angular_core.InputSignal<Position | undefined>;
+    readonly sizeRange: _angular_core.InputSignal<[number, number] | undefined>;
+    readonly xLabel: _angular_core.InputSignal<string>;
+    readonly yLabel: _angular_core.InputSignal<string>;
+    readonly xFormatter: _angular_core.InputSignal<((tick: number | Date, i?: number, ticks?: (number | Date)[]) => string) | undefined>;
+    readonly yFormatter: _angular_core.InputSignal<((tick: number | Date, i?: number, ticks?: (number | Date)[]) => string) | undefined>;
+    readonly tooltipTitleFormatter: _angular_core.InputSignal<((data: T) => string | number) | undefined>;
+    readonly xNumTicks: _angular_core.InputSignal<number | undefined>;
+    readonly yNumTicks: _angular_core.InputSignal<number | undefined>;
+    readonly xExplicitTicks: _angular_core.InputSignal<any[] | undefined>;
+    readonly minMaxTicksOnly: _angular_core.InputSignal<boolean>;
+    readonly hideXAxis: _angular_core.InputSignal<boolean>;
+    readonly hideYAxis: _angular_core.InputSignal<boolean>;
+    readonly xGridLine: _angular_core.InputSignal<boolean>;
+    readonly yGridLine: _angular_core.InputSignal<boolean>;
+    readonly xDomainLine: _angular_core.InputSignal<boolean>;
+    readonly yDomainLine: _angular_core.InputSignal<boolean>;
+    readonly xTickLine: _angular_core.InputSignal<boolean>;
+    readonly yTickLine: _angular_core.InputSignal<boolean>;
+    readonly hideTooltip: _angular_core.InputSignal<boolean>;
+    readonly hideLegend: _angular_core.InputSignal<boolean>;
+    readonly legendPosition: _angular_core.InputSignal<LegendPosition>;
+    readonly legendStyle: _angular_core.InputSignal<Record<string, string> | undefined>;
+    readonly crosshairConfig: _angular_core.InputSignal<CrosshairConfig>;
+    readonly xAxisConfig: _angular_core.InputSignal<AxisConfig | undefined>;
+    readonly yAxisConfig: _angular_core.InputSignal<AxisConfig | undefined>;
+    readonly click: _angular_core.OutputEmitterRef<{
+        event: MouseEvent;
+        values?: T;
+    }>;
+    readonly tooltipWrapper: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
+    readonly hoverValues: _angular_core.WritableSignal<T | undefined>;
+    readonly Position: typeof Position;
+    readonly isLegendTop: _angular_core.Signal<boolean>;
+    readonly legendAlignment: _angular_core.Signal<"center" | "flex-start" | "flex-end">;
+    readonly legendItems: _angular_core.Signal<{
+        color: string | undefined;
+        name: string | number;
+        className?: string;
+        inactive?: boolean;
+        hidden?: boolean;
+        pointer?: boolean;
+    }[]>;
+    readonly sizeAccessorFn: _angular_core.Signal<number | ((d: T, i: number, ...any: unknown[]) => number | null | undefined) | ((d: any) => any)>;
+    colorAccessor: (d: T) => string | null | undefined;
+    xFormatterFn: (tick: number | Date, i: number, ticks: (number | Date)[]) => string;
+    yFormatterFn: (tick: number | Date, i: number, ticks: (number | Date)[]) => string;
+    tooltipTriggers: Record<string, (d: T) => string>;
+    onCrosshairUpdate(d: T): void;
+    onClick(event: MouseEvent): void;
+    private cdr;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BubbleChartComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BubbleChartComponent<any>, "ngx-bubble-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "padding": { "alias": "padding"; "required": false; "isSignal": true; }; "categories": { "alias": "categories"; "required": false; "isSignal": true; }; "categoryKey": { "alias": "categoryKey"; "required": false; "isSignal": true; }; "xAccessor": { "alias": "xAccessor"; "required": false; "isSignal": true; }; "yAccessor": { "alias": "yAccessor"; "required": false; "isSignal": true; }; "sizeAccessor": { "alias": "sizeAccessor"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "sizeRange": { "alias": "sizeRange"; "required": false; "isSignal": true; }; "xLabel": { "alias": "xLabel"; "required": false; "isSignal": true; }; "yLabel": { "alias": "yLabel"; "required": false; "isSignal": true; }; "xFormatter": { "alias": "xFormatter"; "required": false; "isSignal": true; }; "yFormatter": { "alias": "yFormatter"; "required": false; "isSignal": true; }; "tooltipTitleFormatter": { "alias": "tooltipTitleFormatter"; "required": false; "isSignal": true; }; "xNumTicks": { "alias": "xNumTicks"; "required": false; "isSignal": true; }; "yNumTicks": { "alias": "yNumTicks"; "required": false; "isSignal": true; }; "xExplicitTicks": { "alias": "xExplicitTicks"; "required": false; "isSignal": true; }; "minMaxTicksOnly": { "alias": "minMaxTicksOnly"; "required": false; "isSignal": true; }; "hideXAxis": { "alias": "hideXAxis"; "required": false; "isSignal": true; }; "hideYAxis": { "alias": "hideYAxis"; "required": false; "isSignal": true; }; "xGridLine": { "alias": "xGridLine"; "required": false; "isSignal": true; }; "yGridLine": { "alias": "yGridLine"; "required": false; "isSignal": true; }; "xDomainLine": { "alias": "xDomainLine"; "required": false; "isSignal": true; }; "yDomainLine": { "alias": "yDomainLine"; "required": false; "isSignal": true; }; "xTickLine": { "alias": "xTickLine"; "required": false; "isSignal": true; }; "yTickLine": { "alias": "yTickLine"; "required": false; "isSignal": true; }; "hideTooltip": { "alias": "hideTooltip"; "required": false; "isSignal": true; }; "hideLegend": { "alias": "hideLegend"; "required": false; "isSignal": true; }; "legendPosition": { "alias": "legendPosition"; "required": false; "isSignal": true; }; "legendStyle": { "alias": "legendStyle"; "required": false; "isSignal": true; }; "crosshairConfig": { "alias": "crosshairConfig"; "required": false; "isSignal": true; }; "xAxisConfig": { "alias": "xAxisConfig"; "required": false; "isSignal": true; }; "yAxisConfig": { "alias": "yAxisConfig"; "required": false; "isSignal": true; }; }, { "click": "click"; }, never, never, true, never>;
+}
+
+declare class GanttChartComponent<T extends Record<string, any>> {
+    readonly data: _angular_core.InputSignal<T[]>;
+    readonly height: _angular_core.InputSignal<number | undefined>;
+    readonly categories: _angular_core.InputSignal<Record<string, BulletLegendItemInterface>>;
+    readonly x: _angular_core.InputSignal<(d: T) => number>;
+    readonly length: _angular_core.InputSignal<(d: T) => number>;
+    readonly type: _angular_core.InputSignal<(d: T) => string>;
+    readonly labelWidth: _angular_core.InputSignal<number>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly showLabels: _angular_core.InputSignal<boolean>;
+    readonly hideTooltip: _angular_core.InputSignal<boolean>;
+    readonly lineWidth: _angular_core.InputSignal<number>;
+    readonly rowHeight: _angular_core.InputSignal<number>;
+    readonly legendPosition: _angular_core.InputSignal<LegendPosition>;
+    readonly legendStyle: _angular_core.InputSignal<Record<string, string> | undefined>;
+    readonly hideLegend: _angular_core.InputSignal<boolean>;
+    readonly xNumTicks: _angular_core.InputSignal<number | undefined>;
+    readonly xTickLine: _angular_core.InputSignal<boolean | undefined>;
+    readonly xTickFormat: _angular_core.InputSignal<((tick: number | Date, i?: number, ticks?: (number | Date)[]) => string) | undefined>;
+    readonly xGridLine: _angular_core.InputSignal<boolean | undefined>;
+    readonly xDomainLine: _angular_core.InputSignal<boolean | undefined>;
+    readonly tooltipTitleFormatter: _angular_core.InputSignal<((data: T) => string | number) | undefined>;
+    readonly clickEvent: _angular_core.OutputEmitterRef<{
+        event: MouseEvent;
+        data: {
+            index: number;
+            item: T;
+        };
+    }>;
+    readonly scrollEvent: _angular_core.OutputEmitterRef<number>;
+    readonly labelHover: _angular_core.OutputEmitterRef<T | undefined>;
+    readonly tooltipWrapper: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
+    readonly slotValue: _angular_core.WritableSignal<T | undefined>;
+    readonly isLegendTop: _angular_core.Signal<boolean>;
+    readonly legendAlignment: _angular_core.Signal<"center" | "flex-start" | "flex-end">;
+    readonly legendItems: _angular_core.Signal<{
+        color: string | undefined;
+        name: string | number;
+        className?: string;
+        inactive?: boolean;
+        hidden?: boolean;
+        pointer?: boolean;
+    }[]>;
+    readonly colors: _angular_core.Signal<string[]>;
+    tickFormatFn: (tick: number | Date, i: number, ticks: (number | Date)[]) => string;
+    tooltipTriggers: Record<string, (d: T) => string>;
+    generateLabelTooltip(d: T): void;
+    onScroll(event: WheelEvent): void;
+    private cdr;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<GanttChartComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<GanttChartComponent<any>, "ngx-gantt-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "categories": { "alias": "categories"; "required": true; "isSignal": true; }; "x": { "alias": "x"; "required": true; "isSignal": true; }; "length": { "alias": "length"; "required": true; "isSignal": true; }; "type": { "alias": "type"; "required": true; "isSignal": true; }; "labelWidth": { "alias": "labelWidth"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "showLabels": { "alias": "showLabels"; "required": false; "isSignal": true; }; "hideTooltip": { "alias": "hideTooltip"; "required": false; "isSignal": true; }; "lineWidth": { "alias": "lineWidth"; "required": false; "isSignal": true; }; "rowHeight": { "alias": "rowHeight"; "required": false; "isSignal": true; }; "legendPosition": { "alias": "legendPosition"; "required": false; "isSignal": true; }; "legendStyle": { "alias": "legendStyle"; "required": false; "isSignal": true; }; "hideLegend": { "alias": "hideLegend"; "required": false; "isSignal": true; }; "xNumTicks": { "alias": "xNumTicks"; "required": false; "isSignal": true; }; "xTickLine": { "alias": "xTickLine"; "required": false; "isSignal": true; }; "xTickFormat": { "alias": "xTickFormat"; "required": false; "isSignal": true; }; "xGridLine": { "alias": "xGridLine"; "required": false; "isSignal": true; }; "xDomainLine": { "alias": "xDomainLine"; "required": false; "isSignal": true; }; "tooltipTitleFormatter": { "alias": "tooltipTitleFormatter"; "required": false; "isSignal": true; }; }, { "clickEvent": "clickEvent"; "scrollEvent": "scrollEvent"; "labelHover": "labelHover"; }, never, never, true, never>;
+}
+
+declare class TooltipComponent<T extends Record<string, any>> {
+    readonly data: _angular_core.InputSignal<T>;
+    readonly categories: _angular_core.InputSignal<Record<string, BulletLegendItemInterface>>;
+    readonly titleFormatter: _angular_core.InputSignal<((data: T) => string | number) | undefined>;
+    readonly yFormatter: _angular_core.InputSignal<axisFormatter | undefined>;
+    readonly titleFormat: _angular_core.Signal<any>;
+    private readonly keyBlockList;
+    readonly visibleEntries: _angular_core.Signal<{
+        key: string;
+        value: any;
+    }[]>;
+    readonly containerStyle: {
+        display: string;
+        flexDirection: string;
+        padding: string;
+        margin: string;
+    };
+    readonly titleStyle: {
+        color: string;
+        textTransform: string;
+        borderBottom: string;
+        padding: string;
+        margin: string;
+        fontSize: string;
+        lineHeight: string;
+        fontWeight: string;
+    };
+    readonly contentStyle: {
+        display: string;
+        gridTemplateColumns: string;
+        alignItems: string;
+        gap: string;
+        padding: string;
+    };
+    readonly labelStyle: {
+        fontWeight: string;
+        fontSize: string;
+        color: string;
+        margin: string;
+        whiteSpace: string;
+    };
+    readonly valueStyle: {
+        fontSize: string;
+        fontWeight: string;
+        color: string;
+        textAlign: string;
+        fontVariantNumeric: string;
+    };
+    getDotStyle(key: string, index: number): {
+        width: string;
+        height: string;
+        aspectRatio: string;
+        borderRadius: string;
+        margin: string;
+        flexShrink: string;
+        backgroundColor: string;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TooltipComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TooltipComponent<any>, "ngx-tooltip", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "categories": { "alias": "categories"; "required": true; "isSignal": true; }; "titleFormatter": { "alias": "titleFormatter"; "required": false; "isSignal": true; }; "yFormatter": { "alias": "yFormatter"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { AreaChartComponent, BarChartComponent, BubbleChartComponent, CurveType, DonutChartComponent, DonutType, GanttChartComponent, LegendPosition, LineChartComponent, Orientation, TooltipComponent };
+export type { AreaChartCategory };

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "angular-chrts",
+  "version": "1.0.0-beta.1",
+  "peerDependencies": {
+    "@angular/common": "^20.3.0",
+    "@angular/core": "^20.3.0",
+    "@unovis/angular": "^1.6.2",
+    "@unovis/ts": "^1.6.2"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/angular-chrts.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/angular-chrts.mjs"
+    }
+  }
+}