import CwButton from '../button/button.component.js'; import CwDropdown from '../dropdown/dropdown.component.js'; import CwElement from '../../internal/cw-element.js'; import CwIcon from '../icon/icon.component.js'; import CwMenu from '../menu/menu.component.js'; import CwMenuItem from '../menu-item/menu-item.component.js'; import type { CSSResultGroup } from 'lit'; /** * @summary Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy. * @documentation https://cordwainer.dev/components/breadcrumb * @status stable * @since 1.0 * * @slot - One or more breadcrumb items to display. * @slot separator - The separator to use between breadcrumb items. Works best with ``. * * @dependency cw-icon * @dependency cw-dropdown * @dependency cw-menu * @dependency cw-menu-item * @dependency cw-button * * @csspart base - The component's base wrapper. */ export default class CwBreadcrumb extends CwElement { static styles: CSSResultGroup; static dependencies: { 'cw-icon': typeof CwIcon; 'cw-dropdown': typeof CwDropdown; 'cw-menu': typeof CwMenu; 'cw-menu-item': typeof CwMenuItem; 'cw-button': typeof CwButton; }; private readonly localize; private separatorDir; private resizeObserver; private overflowItem; nav: HTMLElement; defaultSlot: HTMLSlotElement; separatorSlot: HTMLSlotElement; /** * The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by * screen readers and other assistive devices to provide more context for users. */ label: string; /** * Disables automatic collapsing. By default, when the breadcrumb doesn't fit on one line, the first and last items * stay visible and everything in between collapses into a single "…" item with a dropdown menu. */ noCollapse: boolean; connectedCallback(): void; firstUpdated(): void; disconnectedCallback(): void; handleNoCollapseChange(): void; private getRealItems; private showAllItems; private updateOverflow; private buildOverflowItem; private getSeparator; private handleSlotChange; render(): import("lit-html").TemplateResult<1>; }