import { DDSElement } from "../../base/index.js";
/**
* `daikin-breadcrumb` is a component for representing a breadcrumb list, and is used together with the `daikin-breadcrumb-item` component.
*
* Hierarchy:
* - `daikin-breadcrumb` > `daikin-breadcrumb-item`
*
* @slot - A slot for breadcrumb items. Place `breadcrumb-item` elements here.
*
* @example
*
* ```js
* import "@daikin-oss/design-system-web-components/components/breadcrumb/index.js";
* import "@daikin-oss/design-system-web-components/components/breadcrumb-item/index.js";
* // To collapse a portion of the breadcrumb items and represent the collapsed section as a menu, you can achieve this by combining the Menu and List components.
* import "@daikin-oss/design-system-web-components/components/menu/index.js";
* import "@daikin-oss/design-system-web-components/components/list/index.js";
* import "@daikin-oss/design-system-web-components/components/list-item/index.js";
* ```
*
* ```html
*
*
*
* Breadcrumb item 1
*
*
* Breadcrumb item 2
*
*
*
*
*
*
* Breadcrumb item 1
*
*
*
*
*
* Breadcrumb 2
*
*
* Breadcrumb 3
*
*
* Breadcrumb 4
*
*
*
*
* Breadcrumb item 5
*
*
* ```
*/
export declare class DaikinBreadcrumb extends DDSElement {
static readonly styles: import('lit').CSSResult;
/**
* Whether or not to change the color of visited links.
*/
showVisited: boolean;
/**
* The aria-label of the breadcrumb.
* It's recommended to provide a more specific aria-label for the breadcrumb, especially when there are multiple breadcrumb components on the same page, to help users distinguish between them.
*
* @default "Breadcrumb"
*/
breadcrumbAriaLabel: string;
private readonly _items;
private readonly _menus;
private _rafId;
private _updateBreadcrumbs;
disconnectedCallback(): void;
private _handleSlotChange;
render(): import('lit-html').TemplateResult<1>;
protected firstUpdated(): void;
}
declare global {
interface HTMLElementTagNameMap {
"daikin-breadcrumb": DaikinBreadcrumb;
}
}