import { EventEmitter } from '../../stencil-public-runtime';
import type { CardOverviewLayout, CardOverviewVariant, OverviewMetric, OverviewScore } from './card-overview-types';
export declare class CardOverview {
    el: HTMLElement;
    /** Full summary card, or the condensed 48px summary bar. */
    variant: CardOverviewVariant;
    /** Intrinsic responsive layout, or a page-owned single-column stack. */
    layout: CardOverviewLayout;
    /** Optional nonselectable safety score rendered as the first grid cell. */
    score: OverviewScore | undefined;
    /** Fixed current date or range. Replaced by content in the `period` slot. */
    periodLabel: string;
    /** Copy between the current period and comparison control, usually `vs.`. */
    comparisonLabel: string;
    /** Measures rendered in the responsive grid. Only the first seven are shown. */
    metrics: OverviewMetric[];
    /**
     * Width a metric cell may shrink to before the grid drops a column. The grid
     * uses this threshold while choosing an evenly distributed column count.
     */
    metricMinWidth: string;
    /** Replace the score and metrics with skeletons while data resolves. */
    isLoading: boolean;
    /** Message shown in place of the score when its figure cannot be resolved. */
    scoreErrorMessage: string | undefined;
    /** Accessible name for the region. */
    overviewLabel: string;
    /**
     * Page-controlled visual collapse from the full card (`0`) toward its 48px
     * compact handoff height (`1`). The component preserves its expanded flow
     * height, keeps the period bar stationary, and moves/clips the grid beneath
     * it. The page still owns sticky positioning and the final compact handoff.
     */
    scrollCollapseProgress: number;
    /** Emitted when a metric that is not inactive is activated. */
    dsMetricSelect: EventEmitter<OverviewMetric>;
    /** Roving tab stop across selectable metrics. */
    private focusedMetricIndex;
    private expandedHeight;
    private gridColumns;
    private layoutEl?;
    private layoutResizeObserver;
    /** The node the observer is bound to, which a later render can replace. */
    private observedLayoutEl?;
    componentDidLoad(): void;
    componentDidRender(): void;
    disconnectedCallback(): void;
    private get visibleMetrics();
    private get visibleCellCount();
    /** Preserve an authored data shape while loading, or use the standard six-cell grid. */
    private get loadingMetricCount();
    private get resolvedScrollCollapseProgress();
    private get scrollCollapseGeometry();
    private observeLayout;
    private updateLayoutGeometry;
    /** Index of the roving tab stop, skipping inactive metrics. */
    private get rovingIndex();
    private selectMetric;
    /** Move the roving tab stop, wrapping and skipping inactive metrics. */
    private moveFocus;
    private handleMetricKeyDown;
    /**
     * A skeleton bar matching the type metrics of the text it stands in for, so the
     * loading state holds the same shape and rhythm as the resolved content.
     *
     * `background` is always passed so the base and shimmer follow the card's
     * permanently dark surface in both themes.
     */
    private bar;
    /**
     * Arrow and change in one text node.
     *
     * The arrow is a typeface glyph rather than an icon so it inherits the exact
     * size, weight, and baseline of the value beside it; an icon would need its
     * own size scale and would drift whenever the type scale changed.
     *
     * Tone is supplied by the caller and never inferred here.
     */
    private renderTrend;
    private renderScore;
    private renderMetric;
    private renderMetrics;
    render(): any;
}
//# sourceMappingURL=CardOverview.d.ts.map