import { CustomElement } from "../../internal/custom-element.js"; import { OdxLink } from "../link/link.js"; import { PropertyValues, TemplateResult } from "lit"; type BreadcrumbsVariant = (typeof BreadcrumbsVariant)[keyof typeof BreadcrumbsVariant]; declare const BreadcrumbsVariant: { readonly NEUTRAL: "neutral"; readonly BRAND: "brand"; }; declare global { interface HTMLElementTagNameMap { 'odx-breadcrumbs': OdxBreadcrumbs; } } /** * A navigation trail that shows the user's location in a hierarchy. Consumers slot * `odx-link` or `` elements in document order — root first, current page last — * and the component takes care of: * * - Inserting chevron separators between items. * - Marking the final item with `aria-current="page"` so screen readers announce it. * - Collapsing middle items when the count exceeds `max`, keeping the first and last * items visible. Set `max` to a high value to disable collapsing. * - Applying `role="navigation"` if the host element does not already carry a role. * * @summary Hierarchical navigation trail with automatic separators and overflow collapsing. * * @slot - One link per breadcrumb level, in order from root to current page. Accepts `odx-link` or native `` elements; other elements are ignored. */ declare class OdxBreadcrumbs extends CustomElement { #private; static tagName: string; static styles: import("lit").CSSResult[]; /** * The maximum number of breadcrumb items to show before collapsing the middle items. * The first and last items are always shown and values less than 2 will be ignored. */ max: number; /** * Visual style of the breadcrumbs: * - `neutral` (default): subdued treatment suited for in-page navigation. * - `brand`: brand-colored treatment for prominent placement (for example, on top of a hero). */ variant: BreadcrumbsVariant; /** * Returns the slotted link elements (`odx-link` or native ``) in document order. * Non-link elements in the default slot are skipped. */ getItems(): Array; connectedCallback(): void; protected render(): TemplateResult; protected updated(props: PropertyValues): void; } export { BreadcrumbsVariant, OdxBreadcrumbs };