import{type TemplateResult}from'lit';import{LyraElement}from'../../../internal/lyra-element.js';import type{LyraSize,LyraVariant}from'../../../internal/variants.js'; /** The library's one semantic-tone vocabulary. */ export type LyraProgressVariant=LyraVariant; /** * `` — a determinate or indeterminate progress indicator. `variant` selects the * indicator's semantic palette from the library's shared semantic grid (`neutral` through * `danger`), defaulting to `brand`. * * @customElement lr-progress-bar * @slot - Label content, visible independently of `show-value`; live visible accessible text stays * synchronized through forwarding slots. * @slot label - Compatibility alias for the default label slot, with the same live-text behavior. * @csspart base - Compatibility name for the progress wrapper; use `progress-bar`. * @csspart progress-bar - The progress wrapper. It is the same node as `base`. * @csspart track - The track. * @csspart indicator - The filled progress indicator. * @csspart label - The label row. * @cssprop [--lr-progress-track-height=var(--lr-progress-height,var(--_lr-progress-track-height))] - Block * size of the progress track. The innermost fallback steps with `size` across the shared six-step * ladder (`0.25rem` at `2xs` up to `1.5rem` at `xl`, `1rem` unchanged at the `m` default); an * inherited or direct value here still wins outright over every tier. * @cssprop [--lr-progress-track-color=var(--lr-color-brand-quiet)] - Track color. * @cssprop [--lr-progress-indicator-color=var(--lr-progress-indicator-variant-color)] - Indicator * color, overriding the variant palette below. * @cssprop [--lr-progress-indicator-variant-color=var(--lr-color-fill-loud,var(--lr-color-brand))] - * Palette slot: the active `variant`'s loud fill from the shared semantic grid. Feeds * `--lr-progress-indicator-color` above unless that (or the upstream `--indicator-color` alias) is * itself set. * @cssprop [--lr-progress-label-color=var(--lr-color-text)] - Label color. * @cssprop [--lr-progress-duration=var(--lr-transition-ambient)] - Indeterminate sweep timing. * @cssprop [--height=var(--lr-progress-track-height)] - Shoelace-compatible track height. * @cssprop [--track-height=var(--lr-progress-track-height)] - Web Awesome-compatible track height. * @cssprop [--track-color=var(--lr-progress-track-color)] - Upstream-compatible track color. * @cssprop [--indicator-color=var(--lr-progress-indicator-color)] - Upstream-compatible indicator color. * @cssprop [--label-color=var(--lr-progress-label-color)] - Shoelace-compatible label color. * @status stable * @since 4.0.0 */ export declare class LyraProgressBar extends LyraElement{static styles:import("lit").CSSResultGroup[];value:number;max:number;indeterminate:boolean; /** Semantic palette, read from the library's shared semantic-tone vocabulary. Recolors the * indicator via the variant's loud fill from the shared semantic grid. */ variant:LyraProgressVariant;showValue:boolean; /** Visual thickness of the track/indicator, on the library's shared six-step size ladder. `'m'` * (the default) is this component's pre-existing behaviour, unchanged: an unset bar still * renders at `--lr-progress-track-height`'s literal `1rem` default. Every other tier scales that * same height, from a slender `0.25rem` at `2xs` up to a bold `1.5rem` at `xl`; an explicit * `--lr-progress-track-height` (or the upstream `--track-height`/`--height` aliases) still wins * over any tier. */ size:LyraSize; /** Mapped accessible-label property. */ label:string; /** Explicit accessible name, on the library-wide `accessibleLabel`/`accessible-label` convention * shared by every Lyra component that names a shadow-owned role. Not an alias kept for one * upstream: `label` is the mapped upstream name and this is Lyra's own spelling; both are read, * with `label` first and a host `aria-label` above both. */ accessibleLabel:string;private cachedVisibleLabelText;private labelObserver?;private pendingLabelRefresh?;private readonly onLabelSlotChange;connectedCallback():void; /** * `MutationObserver` instances are bound to the realm (`window`) that constructed them, not to * the node they observe: one built from a stale `window.MutationObserver` keeps delivering * through that window's microtask queue even after this element is adopted into a different * document, instead of the adopted document's own. Adoption (`document.adoptNode()`, or an * implicit cross-document `appendChild`) always runs `adoptedCallback()` -- while this element is * momentarily disconnected, ahead of any later `connectedCallback()` -- so this rebuilds the * observer here rather than only lazily on the next connect. */ adoptedCallback():void; /** Tears down and reconstructs `labelObserver` bound to the current `ownerDocument`'s realm, then * rebinds every current target. Called on connect and on adoption -- see `adoptedCallback()`. */ private rebuildLabelObserver;private scheduleCascadeLabelRefresh;private cancelCascadeLabelRefresh;private bindLabelObserverTargets;disconnectedCallback():void;private computeVisibleLabelText;private recomputeVisibleLabelText;private get safeMax();private get safeValue();private get percent();private get formattedPercent();render():TemplateResult;}declare global{interface HTMLElementTagNameMap{'lr-progress-bar':LyraProgressBar;}}