import { TemplateResult } from 'lit'; import { LuzmoElement } from '../../utils/base'; import type { ProgressStepsDisplayMode, ProgressStepsLabels, ProgressTreeNode } from './types'; declare const LuzmoProgressSteps_base: typeof LuzmoElement & { new (...args: any[]): import("../..").SizedElementInterface; prototype: import("../..").SizedElementInterface; }; /** * @element luzmo-progress-steps * @summary A component for displaying real-time Progress status steps with substeps * * @attr size - The size of the component: s, m, l or xl * @attr locale - Locale for resolving localized strings (default: 'en') * @attr collapsed - When true, collapses all auto-expanded steps * @attr condensed - When true, hides all steps behind a single "{n} steps completed" toggle line * @attr display-mode - Display mode: 'detailed' (default) shows substeps and descriptions, 'compact' shows only step names * * @fires luzmo-step-expanded - Fired when a step is expanded * @fires luzmo-step-collapsed - Fired when a step is collapsed */ export declare class LuzmoProgressSteps extends LuzmoProgressSteps_base { static styles: import("lit").CSSResult[]; /** * The progress tree from the backend. * The root node's children are rendered as main steps. */ progress: ProgressTreeNode | null; /** * Locale for resolving localized strings in description metadata. * Defaults to 'en'. */ locale: string; /** * When true, collapses all auto-expanded steps. * Manually expanded steps remain open. */ collapsed: boolean; /** * Display mode for the progress steps. * - 'detailed' (default): Shows full descriptions and substeps with expand/collapse * - 'compact': Shows only step names without substeps or expand/collapse */ displayMode: ProgressStepsDisplayMode; /** * When true, hides all steps behind a single "{n} steps completed" toggle line. * Clicking the toggle expands/collapses the full step list. */ condensed: boolean; /** * Labels used for visible text and screen readers. * The default values are in English and can be overridden to localize the content. * Use `{{count}}` in `stepCompleted` / `stepsCompleted` as a placeholder for the step count. */ labels: ProgressStepsLabels; /** * When true, disables all entry animations (stepFadeIn, substepFadeIn). * @default false */ noAnimate: boolean; /** * Whether the condensed toggle has been expanded by the user. * @internal */ private _condensedExpanded; /** * Set of node IDs that are manually expanded by the user * @internal */ private _expandedNodes; /** * Nodes that were auto-expanded because they were in-progress. * @internal */ private _autoExpandedNodes; /** * Nodes explicitly expanded by the user. * @internal */ private _manuallyExpandedNodes; willUpdate(changedProperties: Map): void; /** * Handles progress changes, clearing state when progress is reset or root changes * @internal */ private _handleProgressChange; /** * Clears all expansion state for a fresh progress tree * @internal */ private _clearExpansionState; /** * Handle auto-expand for in-progress nodes * @internal */ private _handleAutoExpandCollapse; /** * Collapse all auto-expanded nodes that weren't manually expanded * @internal */ private _collapseAutoExpandedNodes; /** * Re-expand in-progress nodes when collapsed changes to false * @internal */ private _reExpandInProgressNodes; /** @internal */ private _reExpandInProgressNodesRecursive; /** * Map backend status to CSS-friendly status * @internal */ private _mapStatus; /** * Resolve a localized string to the current locale * @internal */ private _resolveLocalizedString; /** * Interpolate description with metadata values * Replaces {{key}} placeholders with values from descriptionMetadata * @internal */ private _interpolateDescription; /** @internal */ private _toggleNodeExpansion; /** @internal */ private _isNodeExpanded; /** @internal */ private _renderStepIcon; /** @internal */ private _renderChevron; /** @internal */ private _renderSubsteps; /** @internal */ private _renderSubstep; /** @internal */ private _renderStep; /** @internal */ private _toggleCondensed; /** @internal */ private _handleCondensedKeydown; /** @internal */ private _renderCondensed; /** @internal */ private _renderSteps; render(): TemplateResult; } export {};