@neuravision/ng-construct 0.7.0 → 0.9.0

package/types/neuravision-ng-construct.d.ts

@@ -3498,6 +3498,932 @@ declare class AfTreeNodeHarness {
     getElement(): HTMLElement;
 }
 
+/**
+ * Shared data contracts for the `af-*-chart` family.
+ *
+ * The shapes mirror the dashboard stats DTO (`{ value, delta, series, breakdown }`)
+ * so server aggregates map onto the charts with no client-side reshaping:
+ * a time/category series feeds {@link AfChartSeries}, a breakdown feeds
+ * {@link AfChartDatum}.
+ */
+/** Maximum number of distinct palette colours before they repeat. */
+declare const AF_CHART_PALETTE_SIZE = 8;
+/**
+ * A named data series sharing the chart's category axis. Used by the line,
+ * area and bar charts.
+ */
+interface AfChartSeries {
+    /** Legend label and accessible series name. */
+    name: string;
+    /**
+     * Y-values aligned 1:1 with the chart's `categories` input. A `null` entry
+     * renders as a gap (missing data) rather than a zero.
+     */
+    values: (number | null)[];
+    /** Optional explicit CSS colour; defaults to the palette slot for the series index. */
+    color?: string;
+}
+/**
+ * A single labelled magnitude used by part-to-whole charts (donut/pie) and as
+ * the simplest single-series shape for bars.
+ */
+interface AfChartDatum {
+    /** Slice/bar label — shown in the legend and the accessible data table. */
+    label: string;
+    /** Magnitude; negative values are clamped to 0 for part-to-whole charts. */
+    value: number;
+    /** Optional explicit CSS colour; defaults to the palette slot for the datum index. */
+    color?: string;
+}
+/** Semantic colour buckets shared by the gauge and threshold-driven visuals. */
+type AfChartStatus = 'default' | 'success' | 'warning' | 'danger';
+/**
+ * A gauge threshold band: once the gauge value reaches `from` (in value units),
+ * the arc adopts `status`. The highest matching band wins.
+ */
+interface AfGaugeThreshold {
+    /** Inclusive lower bound in the gauge's own value units. */
+    from: number;
+    /** Colour bucket applied at or above `from`. */
+    status: AfChartStatus;
+}
+/** How a bar chart lays out multiple series. */
+type AfBarLayout = 'grouped' | 'stacked';
+/** Row model for the accessible data-table fallback rendered by every chart. */
+interface AfChartTableModel {
+    /** Caption summarising the chart for assistive technology. */
+    caption: string;
+    /** Column headers; the first is the category/label column. */
+    headers: string[];
+    /** Body rows, each aligned 1:1 with `headers`. */
+    rows: (string | number)[][];
+}
+
+/**
+ * Accessible data-table equivalent of a chart, rendered as a real semantic
+ * `<table>`. Every `af-*-chart` embeds one inside `.ct-chart__table-wrap`, which
+ * keeps it visually hidden but available to assistive technology by default and
+ * reveals it when the consumer toggles `.ct-chart--show-table`.
+ *
+ * This guarantees the chart's information is never conveyed by colour or shape
+ * alone (WCAG 1.4.1) and gives screen-reader and keyboard users the exact values.
+ *
+ * @docs-private — consumers use it indirectly via the chart components.
+ */
+declare class AfChartDataTableComponent {
+    /** Table model (caption, headers, rows) describing the chart's data. */
+    model: _angular_core.InputSignal<AfChartTableModel>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AfChartDataTableComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AfChartDataTableComponent, "af-chart-data-table", never, { "model": { "alias": "model"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/** Translatable strings shared by all chart components. */
+interface AfChartI18n {
+    /** Accessible label for the button that reveals the data-table fallback. */
+    showTable: string;
+    /** Accessible label for the button that hides the data-table fallback. */
+    hideTable: string;
+    /** Visible/SR text shown when a chart has no data. */
+    noData: string;
+    /** Header for the value column in the data-table fallback. */
+    valueHeader: string;
+    /** Header for the category column in the data-table fallback. */
+    categoryHeader: string;
+    /** Header for the series column in the (long-format) data-table fallback. */
+    seriesHeader: string;
+    /** Header for the percentage column in the donut data-table fallback. */
+    percentHeader: string;
+    /** Suffix appended to a chart's `aria-label` describing the table fallback. */
+    tableSuffix: string;
+    /**
+     * Template for the sparkline's `aria-label` summary. Supports the placeholders
+     * `{label}`, `{count}`, `{min}`, `{max}` and `{last}`. Optional — a built-in
+     * English default is used when omitted.
+     */
+    sparklineSummary?: string;
+}
+/**
+ * Injection token to override the chart components' screen-reader and control
+ * strings. Libraries ship English defaults; consumers translate via DI.
+ *
+ * @example
+ * providers: [{
+ *   provide: AF_CHART_I18N,
+ *   useValue: {
+ *     showTable: 'Daten als Tabelle anzeigen',
+ *     hideTable: 'Tabelle ausblenden',
+ *     noData: 'Keine Daten',
+ *     valueHeader: 'Wert',
+ *     categoryHeader: 'Kategorie',
+ *     seriesHeader: 'Datenreihe',
+ *     percentHeader: 'Anteil',
+ *     tableSuffix: 'Datentabelle unterhalb des Diagramms verfügbar.',
+ *   },
+ * }]
+ */
+declare const AF_CHART_I18N: InjectionToken<AfChartI18n>;
+
+/**
+ * Pure, dependency-free geometry helpers shared by the chart components.
+ *
+ * Everything here is SSR-safe: no DOM, no `window`, no `Date`. Inputs and
+ * outputs are plain numbers and strings so the functions are trivially unit
+ * testable and reusable across line, bar, donut, sparkline and gauge charts.
+ */
+/** A point in SVG user space. */
+interface ChartPoint {
+    x: number;
+    y: number;
+}
+
+/** Internal per-point geometry carrying the source value and labels for titles/dots. */
+interface PlotPoint extends ChartPoint {
+    value: number;
+    category: string;
+    series: string;
+}
+/** Resolved geometry for a single series. */
+interface SeriesGeom$1 {
+    name: string;
+    color: string;
+    lineSegments: string[];
+    areaSegments: string[];
+    dots: PlotPoint[];
+}
+/**
+ * Accessible line / area chart for time-series and trend data.
+ *
+ * Renders one or more {@link AfChartSeries} over a shared category axis as an
+ * SVG. Geometry is computed with the SSR-safe `chart-geometry` helpers — no DOM,
+ * `window`, or `Date` access — so it renders identically on the server.
+ *
+ * @example Single trend line
+ * <af-line-chart
+ *   ariaLabel="Revenue, last 30 days"
+ *   [categories]="days"
+ *   [series]="[{ name: 'Revenue', values: revenue }]" />
+ *
+ * @example Multi-series area chart
+ * <af-line-chart
+ *   ariaLabel="AI cost by origin"
+ *   [categories]="weeks"
+ *   [series]="[
+ *     { name: 'Analyzer', values: analyzer },
+ *     { name: 'Resolver', values: resolver },
+ *   ]"
+ *   [area]="true" />
+ *
+ * @accessibility
+ * - The SVG carries `role="img"` and an `aria-label` describing the chart, with
+ *   a pointer to the always-present data-table fallback.
+ * - A visually-hidden {@link AfChartDataTableComponent} mirrors every value so
+ *   information is never conveyed by colour alone (WCAG 1.4.1); a toggle reveals it.
+ * - Each series is labelled in the legend, so colour is never the sole carrier.
+ * - Series colours come from the contrast-checked `--color-chart-series-*` tokens.
+ * - All user-facing strings are configurable via {@link AF_CHART_I18N}.
+ */
+declare class AfLineChartComponent {
+    protected readonly i18n: _neuravision_ng_construct.AfChartI18n;
+    protected readonly margin: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    protected readonly viewWidth = 640;
+    protected readonly tableId: string;
+    /** Accessible chart label (required by the WAI-ARIA `img` role). */
+    ariaLabel: _angular_core.InputSignal<string>;
+    /** X-axis category labels (e.g. dates). Series values align 1:1 with these. */
+    categories: _angular_core.InputSignal<string[]>;
+    /** One or more data series sharing the category axis. */
+    series: _angular_core.InputSignal<AfChartSeries[]>;
+    /** Fill the area beneath each line. */
+    area: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Render point markers on each value. */
+    showDots: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Show the series legend. */
+    showLegend: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Chart height in viewBox units (width is fluid). */
+    height: _angular_core.InputSignal<number>;
+    /** Force the y-axis minimum; defaults to a nice value derived from the data. */
+    yMin: _angular_core.InputSignal<number | null>;
+    /** Force the y-axis maximum; defaults to a nice value derived from the data. */
+    yMax: _angular_core.InputSignal<number | null>;
+    /** BCP-47 locale for number formatting (e.g. `'de-DE'`). */
+    locale: _angular_core.InputSignal<string | undefined>;
+    /** `Intl.NumberFormat` options for axis and value formatting. */
+    valueFormat: _angular_core.InputSignal<Intl.NumberFormatOptions | undefined>;
+    /** Whether the data-table fallback starts visible. */
+    showTableInitially: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    private readonly tableOverride;
+    protected readonly tableVisible: _angular_core.Signal<boolean>;
+    protected readonly hasData: _angular_core.Signal<boolean>;
+    protected readonly viewBox: _angular_core.Signal<string>;
+    protected readonly svgAriaLabel: _angular_core.Signal<string>;
+    /** Resolved colour per series — explicit override or contrast-checked palette token. */
+    private readonly seriesColors;
+    protected readonly legend: _angular_core.Signal<{
+        name: string;
+        color: string;
+    }[]>;
+    /** All geometry needed by the template, derived in a single pass. */
+    protected readonly plot: _angular_core.Signal<{
+        baseY: number;
+        yTicks: {
+            value: number;
+            y: number;
+            label: string;
+        }[];
+        xLabels: {
+            label: string;
+            x: number;
+            i: number;
+        }[];
+        series: SeriesGeom$1[];
+    }>;
+    protected readonly tableModel: _angular_core.Signal<AfChartTableModel>;
+    protected toggleTable(): void;
+    protected formatValue(value: number): string;
+    private format;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AfLineChartComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AfLineChartComponent, "af-line-chart", never, { "ariaLabel": { "alias": "ariaLabel"; "required": true; "isSignal": true; }; "categories": { "alias": "categories"; "required": true; "isSignal": true; }; "series": { "alias": "series"; "required": true; "isSignal": true; }; "area": { "alias": "area"; "required": false; "isSignal": true; }; "showDots": { "alias": "showDots"; "required": false; "isSignal": true; }; "showLegend": { "alias": "showLegend"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "yMin": { "alias": "yMin"; "required": false; "isSignal": true; }; "yMax": { "alias": "yMax"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "valueFormat": { "alias": "valueFormat"; "required": false; "isSignal": true; }; "showTableInitially": { "alias": "showTableInitially"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Test harness for AfLineChartComponent.
+ *
+ * Wraps DOM queries behind a semantic API so tests read intent, not selectors.
+ *
+ * @example
+ * const harness = new AfLineChartHarness(fixture.nativeElement);
+ * expect(harness.getSeriesCount()).toBe(2);
+ * harness.toggleTable();
+ * expect(harness.isTableVisible()).toBe(true);
+ */
+declare class AfLineChartHarness {
+    private readonly hostEl;
+    constructor(container: HTMLElement);
+    /** Returns the chart `<svg>`, or null when the empty state is shown. */
+    getSvg(): SVGSVGElement | null;
+    /** Returns the SVG's `aria-label`. */
+    getAriaLabel(): string | null;
+    /** Returns the number of rendered series groups. */
+    getSeriesCount(): number;
+    /** Returns all line `<path>` `d` attributes. */
+    getLinePaths(): string[];
+    /** Returns the number of area fills (0 unless `area` is enabled). */
+    getAreaCount(): number;
+    /** Returns the number of point markers. */
+    getDotCount(): number;
+    /** Returns the legend labels in order. */
+    getLegendLabels(): string[];
+    /** Returns the rendered y-axis tick labels. */
+    getYTickLabels(): string[];
+    /** Returns whether the empty-state message is shown. */
+    isEmpty(): boolean;
+    /** Returns the accessible data table element (always present when data exists). */
+    getTable(): HTMLTableElement | null;
+    /** Returns the data-table header cell texts. */
+    getTableHeaders(): string[];
+    /** Returns the number of data-table body rows. */
+    getTableRowCount(): number;
+    /** Returns the toggle button that reveals/hides the data table. */
+    getToggle(): HTMLButtonElement | null;
+    /** Clicks the data-table toggle button. */
+    toggleTable(): void;
+    /** Returns whether the data table is visually revealed. */
+    isTableVisible(): boolean;
+}
+
+/** A single rendered bar rectangle in SVG user space, with its accessible title. */
+interface PlotBar {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    title: string;
+}
+/** Resolved geometry for a single series: its colour and the bars to render. */
+interface SeriesGeom {
+    name: string;
+    color: string;
+    bars: PlotBar[];
+}
+/** A value-axis grid line plus its tick label, pre-positioned for the active orientation. */
+interface ValueTick {
+    value: number;
+    label: string;
+    /** Grid-line endpoints. */
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+    /** Tick-label anchor. */
+    labelX: number;
+    labelY: number;
+}
+/** A category-axis label, pre-positioned and anchored for the active orientation. */
+interface CategoryLabel {
+    label: string;
+    x: number;
+    y: number;
+}
+/** Endpoints of the zero/axis line. */
+interface AxisLine {
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+}
+/** Everything the template needs, derived in a single SSR-safe pass. */
+interface Plot {
+    series: SeriesGeom[];
+    valueTicks: ValueTick[];
+    categoryLabels: CategoryLabel[];
+    axisLine: AxisLine;
+    /** Anchor for value-tick labels: `'end'` (vertical) or `'middle'` (horizontal). */
+    valueLabelAnchor: 'end' | 'middle';
+    /** Anchor for category labels: `'middle'` (vertical) or `'end'` (horizontal). */
+    categoryLabelAnchor: 'middle' | 'end';
+}
+/**
+ * Accessible bar chart for categorical comparisons and distributions.
+ *
+ * Renders one or more {@link AfChartSeries} over a shared category axis as SVG
+ * `<rect>` bars. Supports grouped and stacked layouts, vertical and horizontal
+ * orientations, and a gap-free histogram mode for distributions. All geometry is
+ * computed with the SSR-safe `chart-geometry` helpers — no DOM, `window`, or
+ * `Date` access — so it renders identically on the server.
+ *
+ * @example Single-series vertical bars
+ * <af-bar-chart
+ *   ariaLabel="Tickets by status"
+ *   [categories]="statuses"
+ *   [series]="[{ name: 'Tickets', values: counts }]" />
+ *
+ * @example Grouped multi-series
+ * <af-bar-chart
+ *   ariaLabel="Cost by origin and week"
+ *   [categories]="weeks"
+ *   [series]="[
+ *     { name: 'Analyzer', values: analyzer },
+ *     { name: 'Resolver', values: resolver },
+ *   ]"
+ *   layout="grouped" />
+ *
+ * @example Horizontal ranked list
+ * <af-bar-chart
+ *   ariaLabel="Top organisations"
+ *   [categories]="orgs"
+ *   [series]="[{ name: 'Documents', values: docs }]"
+ *   orientation="horizontal" />
+ *
+ * @accessibility
+ * - The SVG carries `role="img"` and an `aria-label` describing the chart, with
+ *   a pointer to the always-present data-table fallback.
+ * - A visually-hidden {@link AfChartDataTableComponent} mirrors every value so
+ *   information is never conveyed by colour alone (WCAG 1.4.1); a toggle reveals it.
+ * - Each series is labelled in the legend and each bar carries a `<title>`, so
+ *   colour is never the sole carrier.
+ * - Series colours come from the contrast-checked `--color-chart-series-*` tokens.
+ * - All user-facing strings are configurable via {@link AF_CHART_I18N}.
+ */
+declare class AfBarChartComponent {
+    protected readonly i18n: _neuravision_ng_construct.AfChartI18n;
+    protected readonly tableId: string;
+    /** Accessible chart label (required by the WAI-ARIA `img` role). */
+    ariaLabel: _angular_core.InputSignal<string>;
+    /** Category-axis labels. Series values align 1:1 with these. */
+    categories: _angular_core.InputSignal<string[]>;
+    /** One or more data series sharing the category axis. A `null` value renders no bar. */
+    series: _angular_core.InputSignal<AfChartSeries[]>;
+    /** How multiple series are arranged: side-by-side (`grouped`) or stacked. */
+    layout: _angular_core.InputSignal<AfBarLayout>;
+    /** Bar direction: `vertical` columns or `horizontal` rows (ideal for ranked label lists). */
+    orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
+    /** Render contiguous, gap-free bars for distributions (typically single-series). */
+    histogram: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Show the series legend. */
+    showLegend: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Show the legend even when there is only one series (hidden by default in that case). */
+    showLegendForSingle: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Chart height in viewBox units (width is the fluid 640). */
+    height: _angular_core.InputSignal<number>;
+    /** Force the value-axis maximum; defaults to a nice value derived from the data. */
+    valueMax: _angular_core.InputSignal<number | null>;
+    /** BCP-47 locale for number formatting (e.g. `'de-DE'`). */
+    locale: _angular_core.InputSignal<string | undefined>;
+    /** `Intl.NumberFormat` options for axis and value formatting. */
+    valueFormat: _angular_core.InputSignal<Intl.NumberFormatOptions | undefined>;
+    /** Whether the data-table fallback starts visible. */
+    showTableInitially: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    private readonly tableOverride;
+    protected readonly tableVisible: _angular_core.Signal<boolean>;
+    protected readonly hasData: _angular_core.Signal<boolean>;
+    protected readonly viewBox: _angular_core.Signal<string>;
+    protected readonly svgAriaLabel: _angular_core.Signal<string>;
+    /** Resolved colour per series — explicit override or contrast-checked palette token. */
+    private readonly seriesColors;
+    /** Whether the legend should render — hidden for a single series unless opted in. */
+    protected readonly legendVisible: _angular_core.Signal<boolean>;
+    protected readonly legend: _angular_core.Signal<{
+        name: string;
+        color: string;
+    }[]>;
+    /** All geometry needed by the template, derived in a single pass. */
+    protected readonly plot: _angular_core.Signal<Plot>;
+    protected readonly tableModel: _angular_core.Signal<AfChartTableModel>;
+    protected toggleTable(): void;
+    /**
+     * Compute the value-axis domain and ticks. The domain always includes 0; the
+     * max defaults to the data max (or the largest stack total in stacked mode).
+     */
+    private valueScale;
+    /** Build the per-series bar geometry for every layout/orientation combination. */
+    private buildSeries;
+    /** Assemble one bar rect from value-axis endpoints and the cross-axis band slot. */
+    private makeBar;
+    /** Build value-axis grid lines + tick labels for the active orientation. */
+    private buildValueTicks;
+    /** Build category-axis labels centred on each band, anchored per orientation. */
+    private buildCategoryLabels;
+    private format;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AfBarChartComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AfBarChartComponent, "af-bar-chart", never, { "ariaLabel": { "alias": "ariaLabel"; "required": true; "isSignal": true; }; "categories": { "alias": "categories"; "required": true; "isSignal": true; }; "series": { "alias": "series"; "required": true; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "histogram": { "alias": "histogram"; "required": false; "isSignal": true; }; "showLegend": { "alias": "showLegend"; "required": false; "isSignal": true; }; "showLegendForSingle": { "alias": "showLegendForSingle"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "valueMax": { "alias": "valueMax"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "valueFormat": { "alias": "valueFormat"; "required": false; "isSignal": true; }; "showTableInitially": { "alias": "showTableInitially"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Test harness for AfBarChartComponent.
+ *
+ * Wraps DOM queries behind a semantic API so tests read intent, not selectors.
+ *
+ * @example
+ * const harness = new AfBarChartHarness(fixture.nativeElement);
+ * expect(harness.getBarCount()).toBe(5);
+ * harness.toggleTable();
+ * expect(harness.isTableVisible()).toBe(true);
+ */
+declare class AfBarChartHarness {
+    private readonly hostEl;
+    constructor(container: HTMLElement);
+    /** Returns the chart `<svg>`, or null when the empty state is shown. */
+    getSvg(): SVGSVGElement | null;
+    /** Returns the SVG's `aria-label`. */
+    getAriaLabel(): string | null;
+    /** Returns the total number of rendered bar rects. */
+    getBarCount(): number;
+    /** Returns all bar `<rect>` elements in DOM order. */
+    getBars(): SVGRectElement[];
+    /** Returns the legend labels in order. */
+    getLegendLabels(): string[];
+    /** Returns the rendered value-axis tick labels (orientation-independent). */
+    getValueTickLabels(): string[];
+    /** Returns the rendered category-axis labels in order. */
+    getCategoryLabels(): string[];
+    /** Returns whether the empty-state message is shown. */
+    isEmpty(): boolean;
+    /** Returns the accessible data table element (always present when data exists). */
+    getTable(): HTMLTableElement | null;
+    /** Returns the data-table header cell texts. */
+    getTableHeaders(): string[];
+    /** Returns the number of data-table body rows. */
+    getTableRowCount(): number;
+    /** Returns the toggle button that reveals/hides the data table. */
+    getToggle(): HTMLButtonElement | null;
+    /** Clicks the data-table toggle button. */
+    toggleTable(): void;
+    /** Returns whether the data table is visually revealed. */
+    isTableVisible(): boolean;
+}
+
+/** Resolved geometry and labels for a single rendered ring slice. */
+interface DonutSlice {
+    label: string;
+    color: string;
+    /** SVG path `d` for the slice arc. */
+    path: string;
+    /** Formatted magnitude (e.g. `'40'`). */
+    value: string;
+    /** Formatted share including the `%` sign (e.g. `'40%'`). */
+    percent: string;
+}
+/** A legend row — one per datum, including zero-value data. */
+interface DonutLegendItem {
+    label: string;
+    color: string;
+    /** Formatted share including the `%` sign (e.g. `'40%'`). */
+    percent: string;
+}
+/**
+ * Accessible donut / pie chart for part-to-whole data.
+ *
+ * Renders a set of {@link AfChartDatum} slices as an SVG ring (or full pie when
+ * `innerRadiusRatio` is 0). Arc geometry is computed with the SSR-safe
+ * `chart-geometry` helpers — no DOM, `window`, `Date` or `Math.random` access —
+ * so it renders identically on the server.
+ *
+ * @example Donut with a centre total
+ * <af-donut-chart
+ *   ariaLabel="Contract mix"
+ *   [data]="[
+ *     { label: 'Enterprise', value: 60 },
+ *     { label: 'Team', value: 40 },
+ *   ]"
+ *   centerLabel="Total" />
+ *
+ * @example Full pie
+ * <af-donut-chart
+ *   ariaLabel="AI cost by origin"
+ *   [data]="costs"
+ *   [innerRadiusRatio]="0" />
+ *
+ * @accessibility
+ * - The SVG carries `role="img"` and an `aria-label` describing the chart, with
+ *   a pointer to the always-present data-table fallback.
+ * - A visually-hidden {@link AfChartDataTableComponent} mirrors every slice's
+ *   exact value and percentage, so information is never conveyed by colour alone
+ *   (WCAG 1.4.1); a toggle reveals it.
+ * - The legend lists every slice label (including zero-value data), so colour is
+ *   never the sole carrier, and each slice exposes a native `<title>` tooltip.
+ * - Slice colours come from the contrast-checked `--color-chart-series-*` tokens.
+ * - All user-facing strings are configurable via {@link AF_CHART_I18N}.
+ */
+declare class AfDonutChartComponent {
+    protected readonly i18n: _neuravision_ng_construct.AfChartI18n;
+    protected readonly tableId: string;
+    /** Accessible chart label (required by the WAI-ARIA `img` role). */
+    ariaLabel: _angular_core.InputSignal<string>;
+    /** Slices of the ring. Negative values clamp to 0; zero-value slices are
+     * omitted from the ring but still listed in the legend and data table. */
+    data: _angular_core.InputSignal<AfChartDatum[]>;
+    /** Hole size as a fraction of the radius: `0` → full pie, `~0.6` → donut.
+     * Clamped to `[0, 0.9]`. */
+    innerRadiusRatio: _angular_core.InputSignal<number>;
+    /** Small caption rendered inside the donut hole (e.g. `'Total'`). */
+    centerLabel: _angular_core.InputSignal<string>;
+    /** Big text inside the hole; defaults to the formatted sum of values. */
+    centerValue: _angular_core.InputSignal<string>;
+    /** Show the slice legend. */
+    showLegend: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Show each slice's percentage share next to its legend label. */
+    showPercentInLegend: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Chart height in viewBox units (width is fluid). */
+    height: _angular_core.InputSignal<number>;
+    /** BCP-47 locale for number formatting (e.g. `'de-DE'`). */
+    locale: _angular_core.InputSignal<string | undefined>;
+    /** `Intl.NumberFormat` options for value formatting. */
+    valueFormat: _angular_core.InputSignal<Intl.NumberFormatOptions | undefined>;
+    /** Whether the data-table fallback starts visible. */
+    showTableInitially: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    private readonly tableOverride;
+    protected readonly tableVisible: _angular_core.Signal<boolean>;
+    /** Clamped magnitudes aligned 1:1 with `data()` (negatives → 0). */
+    private readonly values;
+    private readonly total;
+    protected readonly hasData: _angular_core.Signal<boolean>;
+    protected readonly viewBox: _angular_core.Signal<string>;
+    protected readonly svgAriaLabel: _angular_core.Signal<string>;
+    /** Resolved colour per datum — explicit override or contrast-checked palette
+     * token — keyed by original index so slices and legend never diverge. */
+    private readonly colors;
+    /** Formatted shares aligned 1:1 with `data()` (e.g. `'40%'`). */
+    private readonly percents;
+    /** Centre value text: explicit override or the formatted total. */
+    protected readonly centerValueText: _angular_core.Signal<string>;
+    protected readonly legend: _angular_core.Signal<DonutLegendItem[]>;
+    /** All ring geometry derived in a single pass; zero-value slices are skipped. */
+    protected readonly plot: _angular_core.Signal<{
+        slices: DonutSlice[];
+        cx: number;
+        cy: number;
+        labelY: number;
+        showCenter: boolean;
+    }>;
+    protected readonly tableModel: _angular_core.Signal<AfChartTableModel>;
+    protected toggleTable(): void;
+    /** Format a percentage to at most one fraction digit, suffixed with `%`. */
+    private formatPercent;
+    private format;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AfDonutChartComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AfDonutChartComponent, "af-donut-chart", never, { "ariaLabel": { "alias": "ariaLabel"; "required": true; "isSignal": true; }; "data": { "alias": "data"; "required": true; "isSignal": true; }; "innerRadiusRatio": { "alias": "innerRadiusRatio"; "required": false; "isSignal": true; }; "centerLabel": { "alias": "centerLabel"; "required": false; "isSignal": true; }; "centerValue": { "alias": "centerValue"; "required": false; "isSignal": true; }; "showLegend": { "alias": "showLegend"; "required": false; "isSignal": true; }; "showPercentInLegend": { "alias": "showPercentInLegend"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "valueFormat": { "alias": "valueFormat"; "required": false; "isSignal": true; }; "showTableInitially": { "alias": "showTableInitially"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Test harness for AfDonutChartComponent.
+ *
+ * Wraps DOM queries behind a semantic API so tests read intent, not selectors.
+ *
+ * @example
+ * const harness = new AfDonutChartHarness(fixture.nativeElement);
+ * expect(harness.getSliceCount()).toBe(2);
+ * harness.toggleTable();
+ * expect(harness.isTableVisible()).toBe(true);
+ */
+declare class AfDonutChartHarness {
+    private readonly hostEl;
+    constructor(container: HTMLElement);
+    /** Returns the chart `<svg>`, or null when the empty state is shown. */
+    getSvg(): SVGSVGElement | null;
+    /** Returns the SVG's `aria-label`. */
+    getAriaLabel(): string | null;
+    /** Returns the number of rendered (non-zero) ring slices. */
+    getSliceCount(): number;
+    /** Returns all slice `<path>` `d` attributes. */
+    getSlicePaths(): string[];
+    /** Returns the big centre value text, or null in pie mode (no centre text). */
+    getCenterValue(): string | null;
+    /** Returns the small centre caption text, or null when none is rendered. */
+    getCenterLabel(): string | null;
+    /** Returns the legend item texts in order (label plus optional percent). */
+    getLegendLabels(): string[];
+    /** Returns whether the empty-state message is shown. */
+    isEmpty(): boolean;
+    /** Returns the accessible data table element (always present when data exists). */
+    getTable(): HTMLTableElement | null;
+    /** Returns the data-table header cell texts. */
+    getTableHeaders(): string[];
+    /** Returns the number of data-table body rows. */
+    getTableRowCount(): number;
+    /** Returns the toggle button that reveals/hides the data table. */
+    getToggle(): HTMLButtonElement | null;
+    /** Clicks the data-table toggle button. */
+    toggleTable(): void;
+    /** Returns whether the data table is visually revealed. */
+    isTableVisible(): boolean;
+}
+
+/** Resolved geometry for the sparkline, derived in a single pass. */
+interface SparklinePlot {
+    /** SVG `M`/`L` path through every point. */
+    line: string;
+    /** Closed area path down to the baseline, or `''` when `area` is off. */
+    area: string;
+    /** Final point, used to position the last-point marker. */
+    lastDot: ChartPoint | null;
+}
+/**
+ * Tiny inline trend line (sparkline) for KPI tiles and dense tables.
+ *
+ * Renders a compact SVG line — optionally filled and with a marker on the final
+ * point — at a fixed small size (it does not stretch to its container). Geometry
+ * is computed with the SSR-safe `chart-geometry` helpers — no DOM, `window` or
+ * `Date` access — so it renders identically on the server.
+ *
+ * Because a sparkline is too small for axes, a legend or a visible toggle, the
+ * trend is summarised in the SVG's `aria-label` and the exact values are always
+ * available through a visually-hidden data-table fallback.
+ *
+ * @example KPI tile trend
+ * <af-sparkline ariaLabel="Sign-ups, last 14 days" [values]="signups" />
+ *
+ * @example Filled sparkline without the end marker
+ * <af-sparkline
+ *   ariaLabel="Latency, last hour"
+ *   [values]="latency"
+ *   [area]="true"
+ *   [showLastDot]="false" />
+ *
+ * @accessibility
+ * - The SVG carries `role="img"` and an `aria-label` that conveys the trend
+ *   (point count, min, max and latest value) plus a pointer to the data table.
+ * - A visually-hidden {@link AfChartDataTableComponent} mirrors every value so
+ *   information is never conveyed by colour or shape alone (WCAG 1.4.1).
+ * - The series colour defaults to the contrast-checked `--color-chart-series-1`
+ *   token; colour is never the sole carrier of meaning.
+ * - All user-facing strings are configurable via {@link AF_CHART_I18N}.
+ */
+declare class AfSparklineComponent {
+    protected readonly i18n: _neuravision_ng_construct.AfChartI18n;
+    /** Accessible chart label (required by the WAI-ARIA `img` role). */
+    ariaLabel: _angular_core.InputSignal<string>;
+    /** The numeric series to plot. `null` entries are skipped in the geometry. */
+    values: _angular_core.InputSignal<number[]>;
+    /** Optional labels for the data-table fallback; falls back to 1-based indices. */
+    categories: _angular_core.InputSignal<string[]>;
+    /** Fill the area beneath the line. */
+    area: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Render a marker on the final point. */
+    showLastDot: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Explicit CSS colour; defaults to `--color-chart-series-1`. */
+    color: _angular_core.InputSignal<string | undefined>;
+    /** SVG width in viewBox units (the sparkline keeps this compact size). */
+    width: _angular_core.InputSignal<number>;
+    /** SVG height in viewBox units (the sparkline keeps this compact size). */
+    height: _angular_core.InputSignal<number>;
+    /** BCP-47 locale for number formatting (e.g. `'de-DE'`). */
+    locale: _angular_core.InputSignal<string | undefined>;
+    /** `Intl.NumberFormat` options for the aria-label and data-table values. */
+    valueFormat: _angular_core.InputSignal<Intl.NumberFormatOptions | undefined>;
+    /** Numeric values with `null`/`NaN` entries removed — drives geometry and the summary. */
+    private readonly numericValues;
+    protected readonly hasData: _angular_core.Signal<boolean>;
+    protected readonly resolvedColor: _angular_core.Signal<string>;
+    protected readonly viewBox: _angular_core.Signal<string>;
+    /** Trend-describing label: count, min, max and latest value, plus the table pointer. */
+    protected readonly svgAriaLabel: _angular_core.Signal<string>;
+    /** All geometry needed by the template, derived in a single pass. */
+    protected readonly plot: _angular_core.Signal<SparklinePlot>;
+    protected readonly tableModel: _angular_core.Signal<AfChartTableModel>;
+    private format;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AfSparklineComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AfSparklineComponent, "af-sparkline", never, { "ariaLabel": { "alias": "ariaLabel"; "required": true; "isSignal": true; }; "values": { "alias": "values"; "required": true; "isSignal": true; }; "categories": { "alias": "categories"; "required": false; "isSignal": true; }; "area": { "alias": "area"; "required": false; "isSignal": true; }; "showLastDot": { "alias": "showLastDot"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "valueFormat": { "alias": "valueFormat"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Test harness for AfSparklineComponent.
+ *
+ * Wraps DOM queries behind a semantic API so tests read intent, not selectors.
+ *
+ * @example
+ * const harness = new AfSparklineHarness(fixture.nativeElement);
+ * expect(harness.getLinePath()).toMatch(/^M/);
+ * expect(harness.getDotCount()).toBe(1);
+ */
+declare class AfSparklineHarness {
+    private readonly hostEl;
+    constructor(container: HTMLElement);
+    /** Returns the sparkline `<svg>`, or null when the empty state is shown. */
+    getSvg(): SVGSVGElement | null;
+    /** Returns the SVG's `aria-label`. */
+    getAriaLabel(): string | null;
+    /** Returns the line `<path>` `d` attribute, or null when empty. */
+    getLinePath(): string | null;
+    /** Returns whether an area fill is rendered. */
+    hasArea(): boolean;
+    /** Returns the number of point markers (0 or 1). */
+    getDotCount(): number;
+    /** Returns whether the empty-state message is shown. */
+    isEmpty(): boolean;
+    /** Returns the accessible data table element (always present when data exists). */
+    getTable(): HTMLTableElement | null;
+    /** Returns the number of data-table body rows. */
+    getTableRowCount(): number;
+}
+
+/** Resolved geometry for the gauge, derived in a single pass. */
+interface GaugePlot {
+    /** Centre x in viewBox units. */
+    cx: number;
+    /** Centre y in viewBox units. */
+    cy: number;
+    /** Background track arc path (`M`/`A`). */
+    track: string;
+    /** Foreground value arc path (`M`/`A`); `''` when the fraction is zero. */
+    value: string;
+    /** Baseline y for the centre value/caption text block. */
+    textY: number;
+}
+/**
+ * Accessible single-value gauge for progress, compliance and utilisation metrics.
+ *
+ * Renders one metric as an SVG ring (full 360° track) or bottom-opening semi
+ * gauge, with the value drawn as a coloured arc over a muted track and the
+ * formatted number at the centre. Geometry is computed with the SSR-safe
+ * `chart-geometry` helpers — no DOM, `window` or `Date` access — so it renders
+ * identically on the server.
+ *
+ * The arc colour follows {@link AfGaugeThreshold} bands (the highest `from` ≤
+ * value wins) or the explicit {@link status} input when no band matches.
+ *
+ * @example Compliance ring
+ * <af-gauge ariaLabel="Compliance score" [value]="82" valueText="82%" caption="Compliance" />
+ *
+ * @example Utilisation with thresholds
+ * <af-gauge
+ *   ariaLabel="Quota utilisation"
+ *   [value]="95"
+ *   valueText="95%"
+ *   [thresholds]="[
+ *     { from: 0, status: 'success' },
+ *     { from: 80, status: 'warning' },
+ *     { from: 90, status: 'danger' },
+ *   ]" />
+ *
+ * @accessibility
+ * - Because a gauge conveys a single metric, the root element uses the WAI-ARIA
+ *   `meter` role with `aria-valuenow` / `aria-valuemin` / `aria-valuemax` and an
+ *   `aria-valuetext` carrying the human-readable value (e.g. `"82%"`). This is
+ *   more semantic than the data-table fallback used by the multi-value charts,
+ *   so no table is rendered here.
+ * - The SVG is purely decorative (`aria-hidden="true"`, `focusable="false"`);
+ *   the meter role carries everything assistive technology needs.
+ * - The centre value text mirrors `aria-valuetext`, so colour is never the sole
+ *   carrier of meaning (WCAG 1.4.1); the status colours come from the
+ *   contrast-checked `--color-state-*` tokens.
+ * - The empty/invalid state (`max <= min`) drops the `meter` role and exposes a
+ *   `role="status"` message instead, so the meter is never invalid.
+ * - All user-facing strings are configurable via {@link AF_CHART_I18N}.
+ */
+declare class AfGaugeComponent {
+    protected readonly i18n: _neuravision_ng_construct.AfChartI18n;
+    /** Accessible label for the gauge (required by the WAI-ARIA `meter` role). */
+    ariaLabel: _angular_core.InputSignal<string>;
+    /**
+     * The metric value. Clamped into `[min, max]` for the drawn arc and
+     * `aria-valuenow`; `aria-valuetext` reports the raw value unchanged.
+     */
+    value: _angular_core.InputSignal<number>;
+    /** Lower bound of the gauge scale. */
+    min: _angular_core.InputSignal<number>;
+    /** Upper bound of the gauge scale. */
+    max: _angular_core.InputSignal<number>;
+    /**
+     * Colour threshold bands. The band with the highest `from` ≤ `value` selects
+     * the arc's `status`; if none match (or the list is empty), {@link status} is used.
+     */
+    thresholds: _angular_core.InputSignal<AfGaugeThreshold[]>;
+    /** Explicit colour bucket; overridden by a matching {@link thresholds} band. */
+    status: _angular_core.InputSignal<AfChartStatus>;
+    /** `'ring'` = full 360° track; `'semi'` = bottom-opening 180° half gauge. */
+    shape: _angular_core.InputSignal<"ring" | "semi">;
+    /** Centre/`aria-valuetext` override; defaults to the locale-formatted `value`. */
+    valueText: _angular_core.InputSignal<string>;
+    /** Small caption rendered beneath the value (e.g. the metric name). */
+    caption: _angular_core.InputSignal<string>;
+    /** Arc thickness in viewBox units; drives both the arc radius and the rendered stroke. */
+    strokeWidth: _angular_core.InputSignal<number>;
+    /** Render the centre value (and caption) text. */
+    showValue: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** BCP-47 locale for the default value formatting (e.g. `'de-DE'`). */
+    locale: _angular_core.InputSignal<string | undefined>;
+    /** `Intl.NumberFormat` options for the default value formatting. */
+    valueFormat: _angular_core.InputSignal<Intl.NumberFormatOptions | undefined>;
+    /** Gauge height in viewBox units (width scales fluidly to the container). */
+    height: _angular_core.InputSignal<number>;
+    /** True when the scale is degenerate (`max <= min`) — renders the empty state. */
+    protected readonly isEmpty: _angular_core.Signal<boolean>;
+    protected readonly viewBox: _angular_core.Signal<string>;
+    /** Human-readable value: the explicit override or the locale-formatted number. */
+    protected readonly valueDisplay: _angular_core.Signal<string>;
+    /**
+     * `value` clamped into `[min, max]` for `aria-valuenow`. The WAI-ARIA `meter`
+     * role requires `valuenow ∈ [valuemin, valuemax]`; `aria-valuetext` keeps the
+     * raw reading so assistive tech still announces an out-of-range value verbatim.
+     */
+    protected readonly clampedValue: _angular_core.Signal<number>;
+    /** Arc thickness as a CSS length, fed to the `--ct-chart-gauge-width` token. */
+    protected readonly gaugeWidth: _angular_core.Signal<string>;
+    /**
+     * Resolved status bucket: the highest threshold band whose `from <= value`,
+     * falling back to the explicit {@link status} input.
+     */
+    private readonly resolvedStatus;
+    protected readonly valueClass: _angular_core.Signal<string>;
+    /** All geometry needed by the template, derived in a single pass. */
+    protected readonly plot: _angular_core.Signal<GaugePlot>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AfGaugeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AfGaugeComponent, "af-gauge", never, { "ariaLabel": { "alias": "ariaLabel"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "thresholds": { "alias": "thresholds"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "valueText": { "alias": "valueText"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "valueFormat": { "alias": "valueFormat"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Test harness for AfGaugeComponent.
+ *
+ * Wraps DOM queries behind a semantic API so tests read intent, not selectors.
+ *
+ * @example
+ * const harness = new AfGaugeHarness(fixture.nativeElement);
+ * expect(harness.getRole()).toBe('meter');
+ * expect(harness.getAriaValueNow()).toBe('82');
+ */
+declare class AfGaugeHarness {
+    private readonly hostEl;
+    constructor(container: HTMLElement);
+    /** Returns the `.ct-chart` root that carries the `meter` role and value attributes. */
+    getRoot(): HTMLElement | null;
+    /** Returns the root's `role` (`'meter'` with data, null in the empty state). */
+    getRole(): string | null;
+    /** Returns the `aria-valuenow` of the meter root. */
+    getAriaValueNow(): string | null;
+    /** Returns the `aria-valuemin` of the meter root. */
+    getAriaValueMin(): string | null;
+    /** Returns the `aria-valuemax` of the meter root. */
+    getAriaValueMax(): string | null;
+    /** Returns the human-readable `aria-valuetext` of the meter root. */
+    getAriaValueText(): string | null;
+    /** Returns the `aria-label` of the meter root. */
+    getAriaLabel(): string | null;
+    /** Returns the decorative `<svg>`, or null when the empty state is shown. */
+    getSvg(): SVGSVGElement | null;
+    /**
+     * Returns the `--ct-chart-gauge-width` custom property (e.g. `'14px'`) that
+     * drives the rendered arc thickness, or null when unset.
+     */
+    getGaugeWidth(): string | null;
+    /** Returns the track arc `<path>`. */
+    getTrackPath(): SVGPathElement | null;
+    /** Returns the value arc `<path>` (absent when the value fraction is zero). */
+    getValuePath(): SVGPathElement | null;
+    /** Returns the `--status` modifier on the value arc (e.g. `'success'`), or null. */
+    getValueStatusClass(): string | null;
+    /** Returns the centre value text, or null when the value text is hidden. */
+    getCenterText(): string | null;
+    /** Returns the caption text below the value, or null when absent. */
+    getCaption(): string | null;
+    /** Returns whether the empty-state message is shown. */
+    isEmpty(): boolean;
+}
+
 /**
  * Transforms snake_case or SCREAMING_SNAKE_CASE strings to Title Case labels.
  *
@@ -3512,5 +4438,5 @@ declare class AfFormatLabelPipe implements PipeTransform {
     static ɵpipe: _angular_core.ɵɵPipeDeclaration<AfFormatLabelPipe, "afFormatLabel", true>;
 }
 
-export { AF_ACCORDION_I18N, AF_ALERT_I18N, AF_INPUT_I18N, AF_SELECT_I18N, AF_SELECT_MENU_I18N, AF_TREE_I18N, AVATAR_SEED_PALETTE_SIZE, AfAccordionComponent, AfAccordionHarness, AfAccordionItemComponent, AfAccordionItemHarness, AfAlertComponent, AfAlertHarness, AfAppShellComponent, AfAppShellPageHeaderComponent, AfAppShellV2Component, AfAppShellV2ToolbarComponent, AfAvatarComponent, AfBadgeComponent, AfBadgeHarness, AfBannerComponent, AfBreadcrumbsComponent, AfButtonComponent, AfButtonHarness, AfCardComponent, AfCellDefDirective, AfCheckboxComponent, AfChipComponent, AfChipInputComponent, AfComboboxComponent, AfDataTableComponent, AfDatepickerComponent, AfDividerComponent, AfDrawerComponent, AfDropdownComponent, AfEmptyStateComponent, AfFieldComponent, AfFileUploadComponent, AfFormatLabelPipe, AfIconComponent, AfInputComponent, AfInputHarness, AfModalComponent, AfNavItemComponent, AfNavTabsComponent, AfNavbarComponent, AfPaginationComponent, AfPopoverComponent, AfPopoverTriggerDirective, AfProgressBarComponent, AfRadioComponent, AfRadioGroupComponent, AfSelectComponent, AfSelectHarness, AfSelectMenuComponent, AfSelectMenuHarness, AfSidebarComponent, AfSkeletonComponent, AfSkipLinkComponent, AfSliderComponent, AfSpinnerComponent, AfSwitchComponent, AfTabPanelComponent, AfTableBodyComponent, AfTableCellComponent, AfTableComponent, AfTableHeaderCellComponent, AfTableHeaderComponent, AfTableRowComponent, AfTabsComponent, AfTextareaComponent, AfToastContainerComponent, AfToastService, AfToggleGroupComponent, AfToolbarComponent, AfTooltipDirective, AfTreeComponent, AfTreeHarness, AfTreeNodeHarness };
-export type { AfAccordionI18n, AfAlertI18n, AfAlertVariant, AfAvatarSize, AfAvatarStatus, AfBadgeVariant, AfBannerAppearance, AfBannerPosition, AfBannerVariant, AfBreadcrumb, AfButtonSize, AfButtonType, AfButtonVariant, AfCardElevation, AfCardPadding, AfChipAppearance, AfChipSize, AfChipVariant, AfColumn, AfComboboxOption, AfDataRow, AfDataTableConfig, AfDateRange, AfDatepickerMode, AfDatepickerValueFormat, AfDatepickerView, AfDividerColor, AfDividerOrientation, AfDividerSpacing, AfDrawerPosition, AfDrawerSize, AfDropdownItem, AfEmptyStateSize, AfEmptyStateVariant, AfFileEntry, AfFileValidationError, AfIconSize, AfInputI18n, AfInputType, AfNavTab, AfNavTabsSize, AfNavTabsVariant, AfNavbarSize, AfNavbarVariant, AfPopoverAlign, AfPopoverPosition, AfPopoverSize, AfProgressBarSize, AfProgressBarVariant, AfSelectI18n, AfSelectMenuI18n, AfSelectMenuOption, AfSelectOption, AfShellPanelState, AfShellSidebarState, AfSidebarMode, AfSkeletonVariant, AfSliderSize, AfSortDirection, AfSortState, AfSpinnerSize, AfTab, AfTableCellType, AfTableVariant, AfToast, AfToastVariant, AfToggleGroupSize, AfToggleItem, AfTooltipPosition, AfTreeI18n, TreeNode, TreeNodeTemplateContext, TreeSelectionMode, TreeToggleEvent };
+export { AF_ACCORDION_I18N, AF_ALERT_I18N, AF_CHART_I18N, AF_CHART_PALETTE_SIZE, AF_INPUT_I18N, AF_SELECT_I18N, AF_SELECT_MENU_I18N, AF_TREE_I18N, AVATAR_SEED_PALETTE_SIZE, AfAccordionComponent, AfAccordionHarness, AfAccordionItemComponent, AfAccordionItemHarness, AfAlertComponent, AfAlertHarness, AfAppShellComponent, AfAppShellPageHeaderComponent, AfAppShellV2Component, AfAppShellV2ToolbarComponent, AfAvatarComponent, AfBadgeComponent, AfBadgeHarness, AfBannerComponent, AfBarChartComponent, AfBarChartHarness, AfBreadcrumbsComponent, AfButtonComponent, AfButtonHarness, AfCardComponent, AfCellDefDirective, AfChartDataTableComponent, AfCheckboxComponent, AfChipComponent, AfChipInputComponent, AfComboboxComponent, AfDataTableComponent, AfDatepickerComponent, AfDividerComponent, AfDonutChartComponent, AfDonutChartHarness, AfDrawerComponent, AfDropdownComponent, AfEmptyStateComponent, AfFieldComponent, AfFileUploadComponent, AfFormatLabelPipe, AfGaugeComponent, AfGaugeHarness, AfIconComponent, AfInputComponent, AfInputHarness, AfLineChartComponent, AfLineChartHarness, AfModalComponent, AfNavItemComponent, AfNavTabsComponent, AfNavbarComponent, AfPaginationComponent, AfPopoverComponent, AfPopoverTriggerDirective, AfProgressBarComponent, AfRadioComponent, AfRadioGroupComponent, AfSelectComponent, AfSelectHarness, AfSelectMenuComponent, AfSelectMenuHarness, AfSidebarComponent, AfSkeletonComponent, AfSkipLinkComponent, AfSliderComponent, AfSparklineComponent, AfSparklineHarness, AfSpinnerComponent, AfSwitchComponent, AfTabPanelComponent, AfTableBodyComponent, AfTableCellComponent, AfTableComponent, AfTableHeaderCellComponent, AfTableHeaderComponent, AfTableRowComponent, AfTabsComponent, AfTextareaComponent, AfToastContainerComponent, AfToastService, AfToggleGroupComponent, AfToolbarComponent, AfTooltipDirective, AfTreeComponent, AfTreeHarness, AfTreeNodeHarness };
+export type { AfAccordionI18n, AfAlertI18n, AfAlertVariant, AfAvatarSize, AfAvatarStatus, AfBadgeVariant, AfBannerAppearance, AfBannerPosition, AfBannerVariant, AfBarLayout, AfBreadcrumb, AfButtonSize, AfButtonType, AfButtonVariant, AfCardElevation, AfCardPadding, AfChartDatum, AfChartI18n, AfChartSeries, AfChartStatus, AfChartTableModel, AfChipAppearance, AfChipSize, AfChipVariant, AfColumn, AfComboboxOption, AfDataRow, AfDataTableConfig, AfDateRange, AfDatepickerMode, AfDatepickerValueFormat, AfDatepickerView, AfDividerColor, AfDividerOrientation, AfDividerSpacing, AfDrawerPosition, AfDrawerSize, AfDropdownItem, AfEmptyStateSize, AfEmptyStateVariant, AfFileEntry, AfFileValidationError, AfGaugeThreshold, AfIconSize, AfInputI18n, AfInputType, AfNavTab, AfNavTabsSize, AfNavTabsVariant, AfNavbarSize, AfNavbarVariant, AfPopoverAlign, AfPopoverPosition, AfPopoverSize, AfProgressBarSize, AfProgressBarVariant, AfSelectI18n, AfSelectMenuI18n, AfSelectMenuOption, AfSelectOption, AfShellPanelState, AfShellSidebarState, AfSidebarMode, AfSkeletonVariant, AfSliderSize, AfSortDirection, AfSortState, AfSpinnerSize, AfTab, AfTableCellType, AfTableVariant, AfToast, AfToastVariant, AfToggleGroupSize, AfToggleItem, AfTooltipPosition, AfTreeI18n, TreeNode, TreeNodeTemplateContext, TreeSelectionMode, TreeToggleEvent };