import type { CSSResultGroup } from 'lit'; import DSAIcon from '../icon/icon'; import { ShoelaceElement } from '../../internal/shoelace-element'; /** * @summary Breadcrumb Items are used inside [breadcrumbs](/components/breadcrumb) to represent different links. * @documentation https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/fil-d-ariane/element-de-fil-d-ariane-breadcrum-item/web-okC3eTS7 * * @dependency dsa-icon * * @slot - The breadcrumb item's label. * @slot prefix - An optional prefix, usually an icon or icon button. * @slot suffix - An optional suffix, usually an icon or icon button. */ export default class DSABreadcrumbItem extends ShoelaceElement { static styles: CSSResultGroup; static dependencies: { 'dsa-icon': typeof DSAIcon; }; private readonly localize; private readonly hasSlotController; /** * Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered * internally. When unset, a button will be rendered instead. */ href?: string; /** Tells the browser where to open the link. Only used when `href` is set. */ target?: '_blank' | '_parent' | '_self' | '_top'; /** The `rel` attribute to use on the link. Only used when `href` is set. */ rel: string; connectedCallback(): void; render(): import("lit").TemplateResult<1>; } declare global { interface HTMLElementTagNameMap { 'dsa-breadcrumb-item': DSABreadcrumbItem; } }