@ojiepermana/angular-chart 22.0.27

package/types/ojiepermana-angular-chart-primitives.d.ts

@@ -0,0 +1,265 @@
+import * as _angular_core from '@angular/core';
+import { Type, TemplateRef } from '@angular/core';
+import * as _ojiepermana_angular_chart_core from '@ojiepermana/angular-chart/core';
+import { ChartTick, ChartDatum } from '@ojiepermana/angular-chart/core';
+
+/**
+ * X axis for a cartesian chart. Reads scales from `CartesianContext`.
+ *
+ * Renders as `<svg:g>` — must be placed inside the owning chart's SVG.
+ */
+declare class ChartAxisX {
+    private readonly ctx;
+    /** Approximate tick count for linear (value) scales. */
+    readonly tickCount: _angular_core.InputSignal<number>;
+    /** Show 6-px tick marks between the axis line and the labels. */
+    readonly tickLine: _angular_core.InputSignal<boolean>;
+    /** Formatter for numeric tick labels. */
+    readonly tickFormat: _angular_core.InputSignal<(value: number) => string>;
+    protected readonly innerWidth: _angular_core.WritableSignal<number>;
+    protected readonly transform: _angular_core.Signal<string>;
+    protected readonly ticks: _angular_core.Signal<ChartTick[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChartAxisX, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChartAxisX, "svg:g[ChartAxisX]", never, { "tickCount": { "alias": "tickCount"; "required": false; "isSignal": true; }; "tickLine": { "alias": "tickLine"; "required": false; "isSignal": true; }; "tickFormat": { "alias": "tickFormat"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Y axis for a cartesian chart. Reads scales from `CartesianContext`.
+ *
+ * Renders as `<svg:g>` — must be placed inside the owning chart's SVG.
+ */
+declare class ChartAxisY {
+    private readonly ctx;
+    readonly tickCount: _angular_core.InputSignal<number>;
+    readonly tickLine: _angular_core.InputSignal<boolean>;
+    readonly tickFormat: _angular_core.InputSignal<(value: number) => string>;
+    protected readonly innerHeight: _angular_core.WritableSignal<number>;
+    protected readonly ticks: _angular_core.Signal<ChartTick[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChartAxisY, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChartAxisY, "svg:g[ChartAxisY]", never, { "tickCount": { "alias": "tickCount"; "required": false; "isSignal": true; }; "tickLine": { "alias": "tickLine"; "required": false; "isSignal": true; }; "tickFormat": { "alias": "tickFormat"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Horizontal / vertical grid lines for the cartesian plotting area.
+ *
+ * Reads tick positions from `CartesianContext.valueScale`. Direction of the
+ * grid lines follows `orientation`:
+ *  - vertical   → horizontal grid lines (one per y-tick)
+ *  - horizontal → vertical grid lines (one per x-tick)
+ */
+declare class ChartGrid {
+    private readonly ctx;
+    readonly tickCount: _angular_core.InputSignal<number>;
+    protected readonly ticks: _angular_core.Signal<_ojiepermana_angular_chart_core.ChartTick[]>;
+    protected readonly line: (offset: number) => {
+        x1: number;
+        x2: number;
+        y1: number;
+        y2: number;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChartGrid, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChartGrid, "svg:g[ChartGrid]", never, { "tickCount": { "alias": "tickCount"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Crosshair primitive — a line drawn through the currently active data point
+ * perpendicular to the categorical axis. Reads `activePoint` from
+ * `ChartContext` and the scales from `CartesianContext`.
+ *
+ * Place inside a cartesian chart's SVG inner group.
+ */
+declare class ChartCrosshair {
+    private readonly root;
+    private readonly cart;
+    protected readonly line: _angular_core.Signal<{
+        x1: number;
+        x2: number;
+        y1: number;
+        y2: number;
+    } | null>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChartCrosshair, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChartCrosshair, "svg:g[ChartCrosshair]", never, {}, {}, never, never, true, never>;
+}
+
+declare class ChartBrush {
+    private readonly hitbox;
+    private readonly cart;
+    private readonly categorical;
+    private readonly scatter;
+    private readonly mode;
+    private readonly activePointerId;
+    private readonly categoryStartIndex;
+    private readonly categoryPanStart;
+    private readonly scatterBrush;
+    private readonly scatterPan;
+    protected readonly width: _angular_core.Signal<number>;
+    protected readonly height: _angular_core.Signal<number>;
+    protected readonly categoryPreview: _angular_core.Signal<{
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    } | null>;
+    protected readonly scatterPreviewRect: _angular_core.Signal<{
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    } | null>;
+    protected onPointerDown(event: PointerEvent): void;
+    protected onPointerMove(event: PointerEvent): void;
+    protected onPointerUp(event?: PointerEvent): void;
+    protected onPointerCancel(event: PointerEvent): void;
+    protected onWheel(event: WheelEvent): void;
+    protected resetZoom(): void;
+    private onScatterPointerDown;
+    private localPoint;
+    private pointerAxis;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChartBrush, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChartBrush, "svg:g[ChartBrush]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Attach to a chart's `<svg:svg>` to publish pointer-driven active-point
+ * state into the surrounding `ChartContext`.
+ *
+ * Computes the local (x, y) of the pointer relative to the inner plotting
+ * area, resolves the nearest category, and updates
+ * `ChartContext.activePoint`. Clears it on `pointerleave`.
+ */
+declare class ChartPointerTracker {
+    private readonly root;
+    private readonly cart;
+    private readonly viewport;
+    protected onMove(event: PointerEvent): void;
+    protected onLeave(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChartPointerTracker, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ChartPointerTracker, "svg:svg[ChartPointerTracker]", never, {}, {}, never, never, true, never>;
+}
+
+/** Row of data fed to tooltip templates. */
+interface ChartTooltipRow {
+    readonly seriesKey: string;
+    readonly label: string;
+    readonly value: unknown;
+    readonly color: string;
+    readonly icon?: Type<unknown>;
+}
+/** Payload available to a user-supplied tooltip template. */
+interface ChartTooltipPayload {
+    readonly category: string;
+    readonly datum: ChartDatum;
+    readonly rows: readonly ChartTooltipRow[];
+}
+/** Indicator rendered beside each tooltip row. */
+type ChartTooltipIndicator = 'dot' | 'line' | 'dashed' | 'none';
+/** Signature for the per-row value formatter (string output). */
+type ChartTooltipValueFormatter = (value: unknown, row: ChartTooltipRow, payload: ChartTooltipPayload) => string;
+/** Signature for the tooltip header (label) formatter. */
+type ChartTooltipLabelFormatter = (label: string, payload: ChartTooltipPayload) => string;
+/**
+ * Tooltip overlay — renders the default tooltip card (or a user-supplied
+ * template) anchored to the currently active data point.
+ *
+ * Shadcn-compatible knobs:
+ * - `indicator="line"` / `"none"` / `"dashed"` — swap the row glyph
+ * - `hideLabel` — drop the header row
+ * - `label="Activities"` — override the header text
+ * - `labelKey="activities"` — resolve the header from `config[labelKey].label`
+ * - `labelFormatter` — transform the header (e.g. ISO date → long date)
+ * - `formatter` — format per-row values (e.g. `"380 kcal"`)
+ * - `valueKey` — for pie/radial/radar, read row value from a single field
+ * - Icons are picked up automatically from `config[key].icon`.
+ */
+declare class ChartTooltip {
+    private readonly root;
+    private readonly host;
+    /** Data key on each datum whose value is the category label (x-axis). */
+    readonly xKey: _angular_core.InputSignal<string | null>;
+    /** Data source (optional — if omitted tooltip reads from chart data via activePoint.datumIndex). */
+    readonly data: _angular_core.InputSignal<readonly Readonly<Record<string, unknown>>[] | null>;
+    /**
+     * Optional key for per-datum value lookup (pie / radial / radar datasets
+     * store values on a single field like `visitors` instead of one field per
+     * series). When set and `activePoint.seriesKey` is active, the tooltip row
+     * reads `datum[valueKey]` for its value.
+     */
+    readonly valueKey: _angular_core.InputSignal<string | null>;
+    /** Indicator variant next to each row. Default `'dot'`. */
+    readonly indicator: _angular_core.InputSignal<ChartTooltipIndicator>;
+    /** Hide the header label entirely. */
+    readonly hideLabel: _angular_core.InputSignal<boolean>;
+    /** Override the header label with a fixed string. Takes precedence over `labelKey`. */
+    readonly label: _angular_core.InputSignal<string | null>;
+    /**
+     * Resolve the header label from `config[labelKey].label`. Useful when the
+     * header should come from a config entry rather than the datum itself
+     * (shadcn's "Custom label" variant).
+     */
+    readonly labelKey: _angular_core.InputSignal<string | null>;
+    /** Transform the final header string (e.g. ISO date → long date). */
+    readonly labelFormatter: _angular_core.InputSignal<ChartTooltipLabelFormatter | null>;
+    /** Format each row's value (return string — HTML is not interpreted). */
+    readonly formatter: _angular_core.InputSignal<ChartTooltipValueFormatter | null>;
+    readonly customTpl: _angular_core.Signal<TemplateRef<any> | undefined>;
+    protected readonly visible: _angular_core.Signal<boolean>;
+    protected readonly payload: _angular_core.Signal<ChartTooltipPayload | null>;
+    /** Resolve the header string honoring `label`, `labelKey`, then `labelFormatter`. */
+    protected headerText(p: ChartTooltipPayload): string | null;
+    /** Apply per-row value formatter (or stringify). */
+    protected formatRow(row: ChartTooltipRow, p: ChartTooltipPayload): string;
+    protected readonly position: _angular_core.Signal<{
+        x: number;
+        y: number;
+    }>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChartTooltip, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChartTooltip, "ChartTooltip", never, { "xKey": { "alias": "xKey"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "valueKey": { "alias": "valueKey"; "required": false; "isSignal": true; }; "indicator": { "alias": "indicator"; "required": false; "isSignal": true; }; "hideLabel": { "alias": "hideLabel"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelKey": { "alias": "labelKey"; "required": false; "isSignal": true; }; "labelFormatter": { "alias": "labelFormatter"; "required": false; "isSignal": true; }; "formatter": { "alias": "formatter"; "required": false; "isSignal": true; }; }, {}, ["customTpl"], never, true, never>;
+}
+
+/**
+ * Legend — renders a list of series swatches. Clicking an item toggles
+ * visibility via `ChartContext.toggleSeries`.
+ *
+ * Place as a child of `<Chart>`:
+ * ```html
+ * <Chart [config]="cfg">
+ *   <ChartBar ... />
+ *   <ChartLegend />
+ * </Chart>
+ * ```
+ */
+declare class ChartLegend {
+    private readonly root;
+    protected readonly items: _angular_core.Signal<{
+        seriesKey: string;
+        label: string;
+        color: string;
+        hidden: boolean;
+    }[]>;
+    protected toggle(key: string): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChartLegend, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChartLegend, "ChartLegend", never, {}, {}, never, never, true, never>;
+}
+
+declare class ChartZoomControls {
+    private readonly categorical;
+    private readonly scatter;
+    protected readonly status: _angular_core.Signal<string | null>;
+    protected readonly hint: _angular_core.Signal<"Drag to brush a region. Use the wheel to zoom and one-finger touch drag to pan while zoomed." | "Drag to select a category range. Use the wheel to zoom and one-finger touch drag to pan while zoomed.">;
+    protected resetZoom(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChartZoomControls, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChartZoomControls, "ChartZoomControls", never, {}, {}, never, never, true, never>;
+}
+
+declare class PieCenter {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PieCenter, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PieCenter, "ChartPieCenter", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class RadialCenter {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadialCenter, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadialCenter, "ChartRadialCenter", never, {}, {}, never, ["*"], true, never>;
+}
+
+export { ChartAxisX, ChartAxisY, ChartBrush, ChartCrosshair, ChartGrid, ChartLegend, ChartPointerTracker, ChartTooltip, ChartZoomControls, PieCenter, RadialCenter };
+export type { ChartTooltipIndicator, ChartTooltipLabelFormatter, ChartTooltipPayload, ChartTooltipRow, ChartTooltipValueFormatter };

package/types/ojiepermana-angular-chart-radar.d.ts

@@ -0,0 +1,89 @@
+import { ChartDatum, ChartMargin } from '@ojiepermana/angular-chart/core';
+import * as _ojiepermana_angular_chart_radar from '@ojiepermana/angular-chart/radar';
+import * as _angular_core from '@angular/core';
+
+type RadarCurve = 'linear' | 'cardinal';
+type RadarGrid = 'polygon' | 'circle' | 'none';
+interface RadarLayoutInput {
+    readonly data: readonly ChartDatum[];
+    readonly axisKey: string;
+    readonly seriesKeys: readonly string[];
+    readonly innerWidth: number;
+    readonly innerHeight: number;
+    readonly maxValue?: number;
+    readonly levels: number;
+    readonly curve: RadarCurve;
+    readonly grid: RadarGrid;
+}
+interface RadarAxisInfo {
+    readonly name: string;
+    readonly angle: number;
+    readonly x: number;
+    readonly y: number;
+}
+interface RadarSeries {
+    readonly seriesKey: string;
+    readonly color: string;
+    readonly path: string;
+    readonly points: readonly {
+        readonly x: number;
+        readonly y: number;
+        readonly value: number;
+        readonly axis: string;
+    }[];
+}
+interface RadarLevel {
+    readonly value: number;
+    readonly radius: number;
+    readonly path: string;
+}
+interface RadarLayout {
+    readonly centerX: number;
+    readonly centerY: number;
+    readonly radius: number;
+    readonly axes: readonly RadarAxisInfo[];
+    readonly levels: readonly RadarLevel[];
+    readonly maxValue: number;
+    readonly series: readonly RadarSeries[];
+    readonly grid: RadarGrid;
+}
+declare function computeRadarLayout(input: RadarLayoutInput): RadarLayout;
+
+declare class RadarChart {
+    private readonly root;
+    readonly data: _angular_core.InputSignal<readonly Readonly<Record<string, unknown>>[]>;
+    readonly axisKey: _angular_core.InputSignal<string>;
+    readonly styles: _angular_core.InputSignal<"base">;
+    readonly margin: _angular_core.InputSignal<ChartMargin>;
+    readonly curve: _angular_core.InputSignal<RadarCurve>;
+    readonly levels: _angular_core.InputSignal<number>;
+    readonly maxValue: _angular_core.InputSignal<number | undefined>;
+    readonly strokeWidth: _angular_core.InputSignal<number>;
+    readonly fillOpacity: _angular_core.InputSignal<number>;
+    readonly showLabels: _angular_core.InputSignal<boolean>;
+    readonly showDots: _angular_core.InputSignal<boolean>;
+    readonly dotRadius: _angular_core.InputSignal<number>;
+    readonly grid: _angular_core.InputSignal<RadarGrid>;
+    readonly gridFilled: _angular_core.InputSignal<boolean>;
+    readonly showAxes: _angular_core.InputSignal<boolean>;
+    readonly linesOnly: _angular_core.InputSignal<boolean>;
+    protected readonly innerWidth: _angular_core.Signal<number>;
+    protected readonly innerHeight: _angular_core.Signal<number>;
+    protected readonly layout: _angular_core.Signal<_ojiepermana_angular_chart_radar.RadarLayout>;
+    protected readonly viewBox: _angular_core.Signal<string>;
+    protected readonly innerTransform: _angular_core.Signal<string>;
+    protected readonly ariaSummary: _angular_core.Signal<string>;
+    protected gridFill(): string;
+    protected gridFillOpacity(levelIndex: number): number | null;
+    protected dotAriaLabel(seriesKey: string, p: {
+        axis: string;
+        value: number;
+    }): string;
+    protected setActive(event: PointerEvent | FocusEvent, seriesKey: string, index: number): void;
+    protected clearActive(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadarChart, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadarChart, "ChartRadar", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "axisKey": { "alias": "axisKey"; "required": true; "isSignal": true; }; "styles": { "alias": "styles"; "required": false; "isSignal": true; }; "margin": { "alias": "margin"; "required": false; "isSignal": true; }; "curve": { "alias": "curve"; "required": false; "isSignal": true; }; "levels": { "alias": "levels"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; "fillOpacity": { "alias": "fillOpacity"; "required": false; "isSignal": true; }; "showLabels": { "alias": "showLabels"; "required": false; "isSignal": true; }; "showDots": { "alias": "showDots"; "required": false; "isSignal": true; }; "dotRadius": { "alias": "dotRadius"; "required": false; "isSignal": true; }; "grid": { "alias": "grid"; "required": false; "isSignal": true; }; "gridFilled": { "alias": "gridFilled"; "required": false; "isSignal": true; }; "showAxes": { "alias": "showAxes"; "required": false; "isSignal": true; }; "linesOnly": { "alias": "linesOnly"; "required": false; "isSignal": true; }; }, {}, never, ["*", "ChartTooltip", "ChartLegend"], true, never>;
+}
+
+export { RadarChart, computeRadarLayout };
+export type { RadarAxisInfo, RadarCurve, RadarGrid, RadarLayout, RadarLayoutInput, RadarLevel, RadarSeries };

package/types/ojiepermana-angular-chart-radial.d.ts

@@ -0,0 +1,86 @@
+import { ChartDatum, ChartMargin } from '@ojiepermana/angular-chart/core';
+import * as _ojiepermana_angular_chart_radial from '@ojiepermana/angular-chart/radial';
+import * as _angular_core from '@angular/core';
+
+interface RadialLayoutInput {
+    readonly data: readonly ChartDatum[];
+    readonly nameKey: string;
+    readonly valueKey: string;
+    readonly innerWidth: number;
+    readonly innerHeight: number;
+    /** Optional explicit series-key list (same length as data). */
+    readonly seriesKeys?: readonly string[];
+    /** Gap between concentric tracks (px). */
+    readonly trackPadding: number;
+    /** Start / end angle (radians). */
+    readonly startAngle: number;
+    readonly endAngle: number;
+    readonly cornerRadius: number;
+    readonly maxValue?: number;
+}
+interface RadialBarRect {
+    readonly seriesKey: string;
+    readonly name: string;
+    readonly value: number;
+    readonly datumIndex: number;
+    readonly color: string;
+    readonly arcPath: string;
+    readonly backgroundPath: string;
+    readonly innerRadius: number;
+    readonly outerRadius: number;
+    readonly endAngle: number;
+}
+interface RadialLayout {
+    readonly centerX: number;
+    readonly centerY: number;
+    readonly outerRadius: number;
+    readonly bars: readonly RadialBarRect[];
+    readonly maxValue: number;
+}
+declare function computeRadialLayout(input: RadialLayoutInput): RadialLayout;
+
+type RadialValueLabelFormatter = (value: number, name: string) => string;
+interface RadialBarClickEvent {
+    readonly seriesKey: string;
+    readonly name: string;
+    readonly value: number;
+    readonly datumIndex: number;
+    readonly datum: ChartDatum;
+}
+declare class RadialChart {
+    private readonly root;
+    readonly data: _angular_core.InputSignal<readonly Readonly<Record<string, unknown>>[]>;
+    readonly nameKey: _angular_core.InputSignal<string>;
+    readonly valueKey: _angular_core.InputSignal<string>;
+    readonly seriesKeys: _angular_core.InputSignal<readonly string[] | undefined>;
+    readonly styles: _angular_core.InputSignal<"base">;
+    readonly margin: _angular_core.InputSignal<ChartMargin>;
+    readonly trackPadding: _angular_core.InputSignal<number>;
+    readonly cornerRadius: _angular_core.InputSignal<number>;
+    readonly startAngle: _angular_core.InputSignal<number>;
+    readonly endAngle: _angular_core.InputSignal<number>;
+    readonly maxValue: _angular_core.InputSignal<number | undefined>;
+    readonly showTrack: _angular_core.InputSignal<boolean>;
+    readonly showValueLabels: _angular_core.InputSignal<boolean>;
+    readonly valueLabelFormat: _angular_core.InputSignal<RadialValueLabelFormatter>;
+    readonly barClick: _angular_core.OutputEmitterRef<RadialBarClickEvent>;
+    protected readonly innerWidth: _angular_core.Signal<number>;
+    protected readonly innerHeight: _angular_core.Signal<number>;
+    protected readonly layout: _angular_core.Signal<_ojiepermana_angular_chart_radial.RadialLayout>;
+    protected readonly viewBox: _angular_core.Signal<string>;
+    protected readonly innerTransform: _angular_core.Signal<string>;
+    protected readonly ariaSummary: _angular_core.Signal<string>;
+    protected barAriaLabel(b: RadialBarRect): string;
+    protected formatValueLabel(b: RadialBarRect): string;
+    protected barLabelX(b: RadialBarRect): number;
+    protected barLabelY(b: RadialBarRect): number;
+    protected barLabelAnchor(b: RadialBarRect): 'start' | 'end';
+    protected emitClick(b: RadialBarRect): void;
+    protected setActive(event: PointerEvent | FocusEvent, b: RadialBarRect): void;
+    protected clearActive(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadialChart, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadialChart, "ChartRadial", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "nameKey": { "alias": "nameKey"; "required": true; "isSignal": true; }; "valueKey": { "alias": "valueKey"; "required": true; "isSignal": true; }; "seriesKeys": { "alias": "seriesKeys"; "required": false; "isSignal": true; }; "styles": { "alias": "styles"; "required": false; "isSignal": true; }; "margin": { "alias": "margin"; "required": false; "isSignal": true; }; "trackPadding": { "alias": "trackPadding"; "required": false; "isSignal": true; }; "cornerRadius": { "alias": "cornerRadius"; "required": false; "isSignal": true; }; "startAngle": { "alias": "startAngle"; "required": false; "isSignal": true; }; "endAngle": { "alias": "endAngle"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "showTrack": { "alias": "showTrack"; "required": false; "isSignal": true; }; "showValueLabels": { "alias": "showValueLabels"; "required": false; "isSignal": true; }; "valueLabelFormat": { "alias": "valueLabelFormat"; "required": false; "isSignal": true; }; }, { "barClick": "barClick"; }, never, ["ChartRadialCenter", "ChartTooltip", "ChartLegend"], true, never>;
+}
+
+export { RadialChart, computeRadialLayout };
+export type { RadialBarClickEvent, RadialBarRect, RadialLayout, RadialLayoutInput, RadialValueLabelFormatter };

package/types/ojiepermana-angular-chart-scatter.d.ts

@@ -0,0 +1,95 @@
+import { ScaleLinear } from 'd3-scale';
+import * as _ojiepermana_angular_chart_core from '@ojiepermana/angular-chart/core';
+import { NumericDomain, ChartDatum, ChartMargin } from '@ojiepermana/angular-chart/core';
+import * as _ojiepermana_angular_chart_scatter from '@ojiepermana/angular-chart/scatter';
+import * as _angular_core from '@angular/core';
+
+interface ScatterLayoutInput {
+    readonly data: readonly ChartDatum[];
+    readonly xKey: string;
+    readonly yKey: string;
+    readonly sizeKey?: string;
+    readonly seriesKey?: string;
+    readonly seriesKeys: readonly string[];
+    readonly innerWidth: number;
+    readonly innerHeight: number;
+    readonly minPointRadius: number;
+    readonly maxPointRadius: number;
+    readonly xDomain?: readonly [number, number];
+    readonly yDomain?: readonly [number, number];
+}
+interface ScatterPoint {
+    readonly seriesKey: string;
+    readonly color: string;
+    readonly x: number;
+    readonly y: number;
+    readonly radius: number;
+    readonly datumIndex: number;
+    readonly rawX: number;
+    readonly rawY: number;
+    readonly rawSize: number;
+}
+interface ScatterLayout {
+    readonly points: readonly ScatterPoint[];
+    readonly xScale: ScaleLinear<number, number>;
+    readonly yScale: ScaleLinear<number, number>;
+    readonly xDomain: NumericDomain;
+    readonly yDomain: NumericDomain;
+}
+declare function resolveScatterDomains(input: Pick<ScatterLayoutInput, 'data' | 'xKey' | 'yKey' | 'xDomain' | 'yDomain'>): {
+    xDomain: NumericDomain;
+    yDomain: NumericDomain;
+};
+declare function computeScatterLayout(input: ScatterLayoutInput): ScatterLayout;
+
+interface ScatterPointClickEvent {
+    readonly seriesKey: string;
+    readonly datumIndex: number;
+    readonly x: number;
+    readonly y: number;
+    readonly datum: ChartDatum;
+}
+/**
+ * Scatter chart — one dot per datum. Both axes are linear; color can
+ * come from a fixed series key or per-row via `seriesKey` field. Point
+ * radius optionally scales with `sizeKey`.
+ */
+declare class ScatterChart {
+    private readonly root;
+    private readonly viewport;
+    readonly data: _angular_core.InputSignal<readonly Readonly<Record<string, unknown>>[]>;
+    readonly xKey: _angular_core.InputSignal<string>;
+    readonly yKey: _angular_core.InputSignal<string>;
+    /** Optional numeric field to drive point radius. */
+    readonly sizeKey: _angular_core.InputSignal<string | undefined>;
+    /** Optional field on each datum used as color key. */
+    readonly seriesKey: _angular_core.InputSignal<string | undefined>;
+    readonly styles: _angular_core.InputSignal<"base">;
+    readonly margin: _angular_core.InputSignal<ChartMargin>;
+    readonly minPointRadius: _angular_core.InputSignal<number>;
+    readonly maxPointRadius: _angular_core.InputSignal<number>;
+    readonly xDomain: _angular_core.InputSignal<readonly [number, number] | undefined>;
+    readonly yDomain: _angular_core.InputSignal<readonly [number, number] | undefined>;
+    readonly pointClick: _angular_core.OutputEmitterRef<ScatterPointClickEvent>;
+    protected readonly innerWidth: _angular_core.Signal<number>;
+    protected readonly innerHeight: _angular_core.Signal<number>;
+    protected readonly resolvedDomains: _angular_core.Signal<{
+        xDomain: _ojiepermana_angular_chart_core.NumericDomain;
+        yDomain: _ojiepermana_angular_chart_core.NumericDomain;
+    }>;
+    protected readonly currentXDomain: _angular_core.Signal<_ojiepermana_angular_chart_core.NumericDomain>;
+    protected readonly currentYDomain: _angular_core.Signal<_ojiepermana_angular_chart_core.NumericDomain>;
+    protected readonly layout: _angular_core.Signal<_ojiepermana_angular_chart_scatter.ScatterLayout>;
+    protected readonly viewBox: _angular_core.Signal<string>;
+    protected readonly innerTransform: _angular_core.Signal<string>;
+    protected readonly clipPathId: _angular_core.Signal<string>;
+    protected readonly ariaSummary: _angular_core.Signal<string>;
+    constructor();
+    protected pointAriaLabel(p: ScatterPoint): string;
+    protected emitClick(p: ScatterPoint): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScatterChart, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScatterChart, "ChartScatter", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "xKey": { "alias": "xKey"; "required": true; "isSignal": true; }; "yKey": { "alias": "yKey"; "required": true; "isSignal": true; }; "sizeKey": { "alias": "sizeKey"; "required": false; "isSignal": true; }; "seriesKey": { "alias": "seriesKey"; "required": false; "isSignal": true; }; "styles": { "alias": "styles"; "required": false; "isSignal": true; }; "margin": { "alias": "margin"; "required": false; "isSignal": true; }; "minPointRadius": { "alias": "minPointRadius"; "required": false; "isSignal": true; }; "maxPointRadius": { "alias": "maxPointRadius"; "required": false; "isSignal": true; }; "xDomain": { "alias": "xDomain"; "required": false; "isSignal": true; }; "yDomain": { "alias": "yDomain"; "required": false; "isSignal": true; }; }, { "pointClick": "pointClick"; }, never, ["svg:g[ChartBrush]", "ChartLegend", "ChartZoomControls"], true, never>;
+}
+
+export { ScatterChart, computeScatterLayout, resolveScatterDomains };
+export type { ScatterLayout, ScatterLayoutInput, ScatterPoint, ScatterPointClickEvent };

package/types/ojiepermana-angular-chart.d.ts

@@ -0,0 +1,2 @@
+export { AreaLayoutInput, AreaLayoutResult, CHART_DATA_ATTRIBUTE, CHART_THEMES, CartesianBase, CartesianContext, CategoricalViewportContext, CategoryScale, ChartActivePoint, ChartConfig, ChartContainer, ChartContext, ChartDatum, ChartDimensions, ChartIndexRange, ChartMargin, ChartOrientation, ChartSeriesConfig, ChartStyle, ChartStyleVariant, ChartThemeKey, ChartTick, ClientPoint, LineCurve, LineLayoutResult, LinePoint, LineSeriesPath, NumericDomain, ScatterViewportContext, ValueScale, bandTicks, buildCartesianScales, buildChartCss, cloneLinear, computeAreaLayout, computeLineLayout, effectiveIndexRange, elementClientCenter, indexRangeSize, linearTicks, nearestCategoryIndex, normalizeIndexRange, normalizeNumericDomain, panIndexRange, panNumericDomain, pointToBandAdapter, provideCartesianFromLineLayout, seriesColorVar, sliceByIndexRange, xScale, yScale, zoomIndexRange, zoomNumericDomain } from '@ojiepermana/angular-chart/core';
+export { ChartAxisX, ChartAxisY, ChartBrush, ChartCrosshair, ChartGrid, ChartLegend, ChartPointerTracker, ChartTooltip, ChartTooltipIndicator, ChartTooltipLabelFormatter, ChartTooltipPayload, ChartTooltipRow, ChartTooltipValueFormatter, ChartZoomControls, PieCenter, RadialCenter } from '@ojiepermana/angular-chart/primitives';