@ojiepermana/angular 22.1.14 → 22.2.1

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

@@ -1,50 +1,46 @@
-import * as _ojiepermana_angular_chart_bar from '@ojiepermana/angular/chart/bar';
-import * as _ojiepermana_angular_chart_core from '@ojiepermana/angular/chart/core';
-import { ChartDatum, ChartOrientation, ChartStyleVariant, ChartMargin, ChartPointClickEvent } from '@ojiepermana/angular/chart/core';
-import * as _angular_core from '@angular/core';
-import { scaleBand, scaleLinear } from 'd3-scale';
-
+import { ChartDatum, ChartMargin, ChartOrientation, ChartPointClickEvent, ChartStyleVariant } from "@ojiepermana/angular/chart/core";
+import { scaleBand, scaleLinear } from "d3-scale";
+import * as i0 from "@angular/core";
 /** Bar-chart layout variant. */
-type BarVariant = 'grouped' | 'stacked';
+export type BarVariant = 'grouped' | 'stacked';
 /** A single bar rectangle ready to render. */
-interface BarRect {
-    readonly key: string;
-    readonly seriesKey: string;
-    readonly datumIndex: number;
-    readonly category: string;
-    readonly value: number;
-    readonly x: number;
-    readonly y: number;
-    readonly width: number;
-    readonly height: number;
-    readonly color: string;
-    readonly active: boolean;
+export interface BarRect {
+  readonly key: string;
+  readonly seriesKey: string;
+  readonly datumIndex: number;
+  readonly category: string;
+  readonly value: number;
+  readonly x: number;
+  readonly y: number;
+  readonly width: number;
+  readonly height: number;
+  readonly color: string;
+  readonly active: boolean;
 }
 /** Inputs required to compute bar-chart geometry. */
-interface BarLayoutInput {
-    readonly data: readonly ChartDatum[];
-    readonly xKey: string;
-    readonly seriesKeys: readonly string[];
-    readonly variant: BarVariant;
-    readonly orientation: ChartOrientation;
-    readonly innerWidth: number;
-    readonly innerHeight: number;
-    readonly bandPadding: number;
-    readonly groupPadding: number;
-    readonly colorKey?: string;
-    readonly activeKey?: string;
-    readonly activeValue?: string | number;
+export interface BarLayoutInput {
+  readonly data: readonly ChartDatum[];
+  readonly xKey: string;
+  readonly seriesKeys: readonly string[];
+  readonly variant: BarVariant;
+  readonly orientation: ChartOrientation;
+  readonly innerWidth: number;
+  readonly innerHeight: number;
+  readonly bandPadding: number;
+  readonly groupPadding: number;
+  readonly colorKey?: string;
+  readonly activeKey?: string;
+  readonly activeValue?: string | number;
 }
 /** Computed layout: bars + scales. */
-interface BarLayoutResult {
-    readonly bars: readonly BarRect[];
-    readonly categoryScale: ReturnType<typeof scaleBand<string>>;
-    readonly valueScale: ReturnType<typeof scaleLinear<number, number>>;
-    readonly categories: readonly string[];
+export interface BarLayoutResult {
+  readonly bars: readonly BarRect[];
+  readonly categoryScale: ReturnType<typeof scaleBand<string>>;
+  readonly valueScale: ReturnType<typeof scaleLinear<number, number>>;
+  readonly categories: readonly string[];
 }
 /** Build all bar rectangles for the given config. */
-declare function computeBarLayout(input: BarLayoutInput): BarLayoutResult;
-
+export declare function computeBarLayout(input: BarLayoutInput): BarLayoutResult;
 /**
  * Styles supported by the bar family.
  *
@@ -54,39 +50,39 @@ declare function computeBarLayout(input: BarLayoutInput): BarLayoutResult;
  *   theme CSS variables (`--color-<key>` per series, `--muted` for the track),
  *   so the style follows the active theme without touching the theme library.
  */
-type BarChartStyle = ChartStyleVariant | 'dot';
+export type BarChartStyle = ChartStyleVariant | 'dot';
 /** A faint background cell of the dot-matrix track. */
-interface BarDotTrackCell {
-    readonly key: string;
-    readonly x: number;
-    readonly y: number;
-    readonly width: number;
-    readonly height: number;
+export interface BarDotTrackCell {
+  readonly key: string;
+  readonly x: number;
+  readonly y: number;
+  readonly width: number;
+  readonly height: number;
 }
 /** A filled (value) cell of the dot-matrix style. */
-interface BarDotValueCell extends BarDotTrackCell {
-    readonly seriesKey: string;
-    readonly datumIndex: number;
-    readonly color: string;
-    readonly active: boolean;
+export interface BarDotValueCell extends BarDotTrackCell {
+  readonly seriesKey: string;
+  readonly datumIndex: number;
+  readonly color: string;
+  readonly active: boolean;
 }
 /** Inputs required to compute the dot-matrix cell layout. */
-interface BarDotLayoutInput {
-    readonly bars: readonly BarRect[];
-    readonly orientation: ChartOrientation;
-    readonly innerWidth: number;
-    readonly innerHeight: number;
-    /** Pixel position of value 0 on the value axis (`valueScale(0)`). */
-    readonly baseline: number;
-    /** Cell length along the value axis. Defaults to the bar thickness (square cells). */
-    readonly dotSize?: number;
-    /** Gap between consecutive cells along the value axis. */
-    readonly dotGap: number;
+export interface BarDotLayoutInput {
+  readonly bars: readonly BarRect[];
+  readonly orientation: ChartOrientation;
+  readonly innerWidth: number;
+  readonly innerHeight: number;
+  /** Pixel position of value 0 on the value axis (`valueScale(0)`). */
+  readonly baseline: number;
+  /** Cell length along the value axis. Defaults to the bar thickness (square cells). */
+  readonly dotSize?: number;
+  /** Gap between consecutive cells along the value axis. */
+  readonly dotGap: number;
 }
 /** Computed dot-matrix layout: faint track cells + filled value cells. */
-interface BarDotLayoutResult {
-    readonly track: readonly BarDotTrackCell[];
-    readonly values: readonly BarDotValueCell[];
+export interface BarDotLayoutResult {
+  readonly track: readonly BarDotTrackCell[];
+  readonly values: readonly BarDotValueCell[];
 }
 /**
  * Build the dot-matrix cells for the `dot` bar style.
@@ -96,15 +92,14 @@ interface BarDotLayoutResult {
  * whose center lies inside its value range; bars too short to cover a center
  * still claim the cell nearest their midpoint when it is free.
  */
-declare function computeBarDotCells(input: BarDotLayoutInput): BarDotLayoutResult;
-
+export declare function computeBarDotCells(input: BarDotLayoutInput): BarDotLayoutResult;
 /** Event emitted when a user clicks a bar. */
 /**
  * @deprecated Use `ChartPointClickEvent` from
  * `@ojiepermana/angular/chart/core`. Kept so existing handlers keep compiling;
  * the shape is identical.
  */
-type BarClickEvent = ChartPointClickEvent;
+export type BarClickEvent = ChartPointClickEvent;
 /**
  * Bar chart — composable within `<Chart>`.
  *
@@ -113,89 +108,184 @@ type BarClickEvent = ChartPointClickEvent;
  * - `variant`:     `'grouped'`  (default) or `'stacked'`
  * - `styles`:      `'base'`     (default) or `'dot'` (dot-matrix cells)
  */
-declare class BarChart {
-    private readonly root;
-    private readonly cart;
-    private readonly themeRadius;
-    readonly data: _angular_core.InputSignal<readonly Readonly<Record<string, unknown>>[]>;
-    readonly xKey: _angular_core.InputSignal<string>;
-    readonly orientation: _angular_core.InputSignal<ChartOrientation>;
-    readonly variant: _angular_core.InputSignal<BarVariant>;
-    /**
-     * Presentational style of the chart.
-     *
-     * Replaces `styles`, which read like a CSS styles bag rather than a single
-     * variant. Named `styleVariant` and not `variant` because `ChartBar` already
-     * publishes a `variant` input for its grouped versus stacked axis, and one
-     * name cannot mean two things across the family.
-     */
-    readonly styleVariant: _angular_core.InputSignal<BarChartStyle | undefined>;
-    /**
-     * @deprecated Use `styleVariant`. Still fully supported; when both are bound,
-     *   `styleVariant` wins. Due for removal in the next major.
-     */
-    readonly styles: _angular_core.InputSignal<BarChartStyle>;
-    /** The style actually in effect. Bind this, never `styles()`. */
-    protected readonly chartStyle: _angular_core.Signal<BarChartStyle>;
-    private readonly themeSpace;
-    /**
-     * Plot gutters. Leave it unset and they follow the theme-space density
-     * axis; set it and your numbers win, unchanged, whatever the axis says.
-     */
-    readonly margin: _angular_core.InputSignal<ChartMargin | null>;
-    /** The margin actually in effect. Bind this, never `margin()`. */
-    protected readonly plotMargin: _angular_core.Signal<ChartMargin>;
-    readonly bandPadding: _angular_core.InputSignal<number>;
-    readonly groupPadding: _angular_core.InputSignal<number>;
-    readonly cornerRadius: _angular_core.InputSignal<number | null>;
-    readonly colorKey: _angular_core.InputSignal<string | undefined>;
-    readonly activeKey: _angular_core.InputSignal<string | undefined>;
-    readonly activeValue: _angular_core.InputSignal<string | number | undefined>;
-    readonly showValueLabels: _angular_core.InputSignal<boolean>;
-    readonly valueLabelFormat: _angular_core.InputSignal<(value: number) => string>;
-    /** Cell length along the value axis for the `dot` style; defaults to the bar thickness. */
-    readonly dotSize: _angular_core.InputSignal<number | undefined>;
-    /** Gap between consecutive cells along the value axis for the `dot` style. */
-    readonly dotGap: _angular_core.InputSignal<number>;
-    /** Corner radius of each `dot` cell. */
-    readonly dotCornerRadius: _angular_core.InputSignal<number | null>;
-    /** Render the faint full-height cell track behind the `dot` values. */
-    readonly showDotTrack: _angular_core.InputSignal<boolean>;
-    readonly barClick: _angular_core.OutputEmitterRef<BarClickEvent>;
-    /**
-     * The shared cartesian scaffolding: geometry, the layout effect, and the click
-     * plus active-point plus aria-label handlers. No `viewport` here, so the bar
-     * chart always renders its whole dataset and `resolveDatumIndex` is the
-     * identity.
-     *
-     * Declared before `layout` because the layout computed reads its geometry.
-     */
-    protected readonly cx: _ojiepermana_angular_chart_core.CartesianChartSetup<BarRect>;
-    /** Bar corner radius; an unset input follows the live theme-radius axis. */
-    protected readonly resolvedCornerRadius: _angular_core.Signal<number>;
-    /** Dot-cell corner radius; an unset input follows the theme-radius axis (smaller, SVG clamps to half the cell). */
-    protected readonly resolvedDotCornerRadius: _angular_core.Signal<number>;
-    protected readonly layout: _angular_core.Signal<_ojiepermana_angular_chart_bar.BarLayoutResult>;
-    protected readonly bars: _angular_core.Signal<readonly BarRect[]>;
-    protected readonly dotLayout: _angular_core.Signal<BarDotLayoutResult | null>;
-    protected readonly dotTrackCells: _angular_core.Signal<readonly _ojiepermana_angular_chart_bar.BarDotTrackCell[]>;
-    protected readonly dotValueCells: _angular_core.Signal<readonly BarDotValueCell[]>;
-    protected readonly ariaSummary: _angular_core.Signal<string>;
-    protected readonly visibleSeriesKeys: _angular_core.Signal<readonly string[]>;
-    protected readonly dataColumns: _angular_core.Signal<string[]>;
-    protected barOpacity(bar: BarRect): number;
-    protected dotCellOpacity(cell: BarDotValueCell): number;
-    /** In `dot` style the bar rect stays as an invisible interaction target. */
-    protected barFill(bar: BarRect): string;
-    private emphasisOpacity;
-    protected formatValueLabel(bar: BarRect): string;
-    protected barLabelX(bar: BarRect): number;
-    protected barLabelY(bar: BarRect): number;
-    protected barLabelAnchor(bar: BarRect): 'middle' | 'start' | 'end';
-    protected onKeydown(event: KeyboardEvent, index: number): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BarChart, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BarChart, "ChartBar", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "xKey": { "alias": "xKey"; "required": true; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "styleVariant": { "alias": "styleVariant"; "required": false; "isSignal": true; }; "styles": { "alias": "styles"; "required": false; "isSignal": true; }; "margin": { "alias": "margin"; "required": false; "isSignal": true; }; "bandPadding": { "alias": "bandPadding"; "required": false; "isSignal": true; }; "groupPadding": { "alias": "groupPadding"; "required": false; "isSignal": true; }; "cornerRadius": { "alias": "cornerRadius"; "required": false; "isSignal": true; }; "colorKey": { "alias": "colorKey"; "required": false; "isSignal": true; }; "activeKey": { "alias": "activeKey"; "required": false; "isSignal": true; }; "activeValue": { "alias": "activeValue"; "required": false; "isSignal": true; }; "showValueLabels": { "alias": "showValueLabels"; "required": false; "isSignal": true; }; "valueLabelFormat": { "alias": "valueLabelFormat"; "required": false; "isSignal": true; }; "dotSize": { "alias": "dotSize"; "required": false; "isSignal": true; }; "dotGap": { "alias": "dotGap"; "required": false; "isSignal": true; }; "dotCornerRadius": { "alias": "dotCornerRadius"; "required": false; "isSignal": true; }; "showDotTrack": { "alias": "showDotTrack"; "required": false; "isSignal": true; }; }, { "barClick": "barClick"; }, never, ["svg\\:g[ChartGrid]", "svg\\:g[ChartAxisX]", "svg\\:g[ChartAxisY]", "svg\\:g[ChartCrosshair]", "*", "ChartTooltip", "ChartLegend"], true, never>;
-}
-
-export { BarChart, computeBarDotCells, computeBarLayout };
-export type { BarChartStyle, BarClickEvent, BarDotLayoutInput, BarDotLayoutResult, BarDotTrackCell, BarDotValueCell, BarLayoutInput, BarLayoutResult, BarRect, BarVariant };
+export declare class BarChart {
+  private readonly root;
+  private readonly cart;
+  private readonly themeRadius;
+  readonly data: import("@angular/core").InputSignal<readonly Readonly<Record<string, unknown>>[]>;
+  readonly xKey: import("@angular/core").InputSignal<string>;
+  readonly orientation: import("@angular/core").InputSignal<ChartOrientation>;
+  readonly variant: import("@angular/core").InputSignal<BarVariant>;
+  /**
+   * Presentational style of the chart.
+   *
+   * Replaces `styles`, which read like a CSS styles bag rather than a single
+   * variant. Named `styleVariant` and not `variant` because `ChartBar` already
+   * publishes a `variant` input for its grouped versus stacked axis, and one
+   * name cannot mean two things across the family.
+   */
+  readonly styleVariant: import("@angular/core").InputSignal<BarChartStyle | undefined>;
+  /**
+   * @deprecated Use `styleVariant`. Still fully supported; when both are bound,
+   *   `styleVariant` wins. Due for removal in the next major.
+   */
+  readonly styles: import("@angular/core").InputSignal<BarChartStyle>;
+  /** The style actually in effect. Bind this, never `styles()`. */
+  protected readonly chartStyle: import("@angular/core").Signal<BarChartStyle>;
+  private readonly themeSpace;
+  /**
+   * Plot gutters. Leave it unset and they follow the theme-space density
+   * axis; set it and your numbers win, unchanged, whatever the axis says.
+   */
+  readonly margin: import("@angular/core").InputSignal<ChartMargin | null>;
+  /** The margin actually in effect. Bind this, never `margin()`. */
+  protected readonly plotMargin: import("@angular/core").Signal<ChartMargin>;
+  readonly bandPadding: import("@angular/core").InputSignal<number>;
+  readonly groupPadding: import("@angular/core").InputSignal<number>;
+  readonly cornerRadius: import("@angular/core").InputSignal<number | null>;
+  readonly colorKey: import("@angular/core").InputSignal<string | undefined>;
+  readonly activeKey: import("@angular/core").InputSignal<string | undefined>;
+  readonly activeValue: import("@angular/core").InputSignal<string | number | undefined>;
+  readonly showValueLabels: import("@angular/core").InputSignal<boolean>;
+  readonly valueLabelFormat: import("@angular/core").InputSignal<(value: number) => string>;
+  /** Cell length along the value axis for the `dot` style; defaults to the bar thickness. */
+  readonly dotSize: import("@angular/core").InputSignal<number | undefined>;
+  /** Gap between consecutive cells along the value axis for the `dot` style. */
+  readonly dotGap: import("@angular/core").InputSignal<number>;
+  /** Corner radius of each `dot` cell. */
+  readonly dotCornerRadius: import("@angular/core").InputSignal<number | null>;
+  /** Render the faint full-height cell track behind the `dot` values. */
+  readonly showDotTrack: import("@angular/core").InputSignal<boolean>;
+  readonly barClick: import("@angular/core").OutputEmitterRef<BarClickEvent>;
+  /**
+   * The shared cartesian scaffolding: geometry, the layout effect, and the click
+   * plus active-point plus aria-label handlers. No `viewport` here, so the bar
+   * chart always renders its whole dataset and `resolveDatumIndex` is the
+   * identity.
+   *
+   * Declared before `layout` because the layout computed reads its geometry.
+   */
+  protected readonly cx: import("@ojiepermana/angular/chart/core").CartesianChartSetup<BarRect>;
+  /** Bar corner radius; an unset input follows the live theme-radius axis. */
+  protected readonly resolvedCornerRadius: import("@angular/core").Signal<number>;
+  /** Dot-cell corner radius; an unset input follows the theme-radius axis (smaller, SVG clamps to half the cell). */
+  protected readonly resolvedDotCornerRadius: import("@angular/core").Signal<number>;
+  protected readonly layout: import("@angular/core").Signal<import("@ojiepermana/angular/chart/bar").BarLayoutResult>;
+  protected readonly bars: import("@angular/core").Signal<readonly BarRect[]>;
+  protected readonly dotLayout: import("@angular/core").Signal<BarDotLayoutResult | null>;
+  protected readonly dotTrackCells: import("@angular/core").Signal<readonly import("@ojiepermana/angular/chart/bar").BarDotTrackCell[]>;
+  protected readonly dotValueCells: import("@angular/core").Signal<readonly BarDotValueCell[]>;
+  protected readonly ariaSummary: import("@angular/core").Signal<string>;
+  protected readonly visibleSeriesKeys: import("@angular/core").Signal<readonly string[]>;
+  protected readonly dataColumns: import("@angular/core").Signal<string[]>;
+  protected barOpacity(bar: BarRect): number;
+  protected dotCellOpacity(cell: BarDotValueCell): number;
+  /** In `dot` style the bar rect stays as an invisible interaction target. */
+  protected barFill(bar: BarRect): string;
+  private emphasisOpacity;
+  protected formatValueLabel(bar: BarRect): string;
+  protected barLabelX(bar: BarRect): number;
+  protected barLabelY(bar: BarRect): number;
+  protected barLabelAnchor(bar: BarRect): 'middle' | 'start' | 'end';
+  protected onKeydown(event: KeyboardEvent, index: number): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<BarChart, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<BarChart, "ChartBar", never, {
+    "data": {
+      "alias": "data";
+      "required": true;
+      "isSignal": true;
+    };
+    "xKey": {
+      "alias": "xKey";
+      "required": true;
+      "isSignal": true;
+    };
+    "orientation": {
+      "alias": "orientation";
+      "required": false;
+      "isSignal": true;
+    };
+    "variant": {
+      "alias": "variant";
+      "required": false;
+      "isSignal": true;
+    };
+    "styleVariant": {
+      "alias": "styleVariant";
+      "required": false;
+      "isSignal": true;
+    };
+    "styles": {
+      "alias": "styles";
+      "required": false;
+      "isSignal": true;
+    };
+    "margin": {
+      "alias": "margin";
+      "required": false;
+      "isSignal": true;
+    };
+    "bandPadding": {
+      "alias": "bandPadding";
+      "required": false;
+      "isSignal": true;
+    };
+    "groupPadding": {
+      "alias": "groupPadding";
+      "required": false;
+      "isSignal": true;
+    };
+    "cornerRadius": {
+      "alias": "cornerRadius";
+      "required": false;
+      "isSignal": true;
+    };
+    "colorKey": {
+      "alias": "colorKey";
+      "required": false;
+      "isSignal": true;
+    };
+    "activeKey": {
+      "alias": "activeKey";
+      "required": false;
+      "isSignal": true;
+    };
+    "activeValue": {
+      "alias": "activeValue";
+      "required": false;
+      "isSignal": true;
+    };
+    "showValueLabels": {
+      "alias": "showValueLabels";
+      "required": false;
+      "isSignal": true;
+    };
+    "valueLabelFormat": {
+      "alias": "valueLabelFormat";
+      "required": false;
+      "isSignal": true;
+    };
+    "dotSize": {
+      "alias": "dotSize";
+      "required": false;
+      "isSignal": true;
+    };
+    "dotGap": {
+      "alias": "dotGap";
+      "required": false;
+      "isSignal": true;
+    };
+    "dotCornerRadius": {
+      "alias": "dotCornerRadius";
+      "required": false;
+      "isSignal": true;
+    };
+    "showDotTrack": {
+      "alias": "showDotTrack";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "barClick": "barClick";
+  }, never, ["svg\\:g[ChartGrid]", "svg\\:g[ChartAxisX]", "svg\\:g[ChartAxisY]", "svg\\:g[ChartCrosshair]", "*", "ChartTooltip", "ChartLegend"], true, never>;
+}