import { LitElement, PropertyValues, TemplateResult } from 'lit';
import { LiveData } from '../../../reactive/LiveData.js';
import { type FileBreadcrumb } from '@api-client/core/models/store/File.js';
import '@material/web/iconbutton/icon-button.js';
import '@material/web/icon/icon.js';
import '@material/web/focus/md-focus-ring.js';
/**
 * @fires navigate - Dispatched when a navigation item is activated.
 *    The detail object is the `FileBreadcrumb` interface. The root object has the `id` set to empty string.
 */
export default class Breadcrumbs extends LitElement {
    static shadowRootOptions: ShadowRootInit;
    /**
     * The list of breadcrumbs to render.
     * The breadcrumbs should be ordered from the root to the current folder.
     */
    accessor breadcrumbs: LiveData<FileBreadcrumb[]> | undefined;
    /**
     * When set it renders the special root folder with the name set on this property.
     * When the root object is clicked then the `navigate` event is dispatched without the `key` property set.
     * @attribute root-name
     */
    accessor rootName: string | undefined;
    constructor();
    protected updated(cp: PropertyValues<this>): void;
    handleLiveData(): void;
    protected handleLinkClick(e: Event): void;
    navigate(key: string): void;
    navigateRoot(): void;
    protected render(): TemplateResult;
    renderItem(item: FileBreadcrumb, isLast?: boolean): TemplateResult;
    renderLink(item: FileBreadcrumb): TemplateResult;
    renderButton(item: FileBreadcrumb): TemplateResult;
    renderSeparator(): TemplateResult;
}
//# sourceMappingURL=Breadcrumbs.d.ts.map