import { HyperlinkUnderline } from '../../../Types/HyperlinkUnderline'; import { CustomElement } from '../../Abstracts/CustomElement'; import type { IBreadcrumbItemElementProps } from './IBreadcrumbItemElementProps'; declare const BreadcrumbItemElement_base: (abstract new (...args: Array) => import("../../../../Controls/Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Variantable").IVariantableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Disableable").IDisableableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Labelable").ILabelableProps) & typeof CustomElement & import("../../../../Controls/Behaviors/Themeable").IThemeableCtor; /** * Breadcrumb Item - A component representing an individual link or label within a breadcrumb navigation trail. * * @description * The `Breadcrumb Item` component is used as a single element in a breadcrumb navigation trail. It can act as a link to navigate * to a previous section of the hierarchy or as a label for the current page. When an `href` is provided, the item renders as * an anchor link. Otherwise, it renders its slotted content directly. Breadcrumb items are commonly used in conjunction * with the `Breadcrumb` component to create a complete navigation trail. * * @name Breadcrumb Item * @element mosaik-breadcrumb-item * @category Navigation * * @slot label - The label content when using the anchor behavior. * * @csspart link - The anchor link element when href is provided. * @csspart label - The text label area of the anchor link. * * @cssprop {String} --breadcrumb-item-border-style - The item border style CSS custom property. * @cssprop {String} --breadcrumb-item-font-family - The item font family CSS custom property. * @cssprop {String} --breadcrumb-item-font-letter-spacing - The item font letter spacing CSS custom property. * @cssprop {String} --breadcrumb-item-font-line-height - The item font line height CSS custom property. * @cssprop {String} --breadcrumb-item-font-size - The item font size CSS custom property. * @cssprop {String} --breadcrumb-item-font-text-decoration - The item font text decoration CSS custom property. * @cssprop {String} --breadcrumb-item-font-text-transform - The item font text transform CSS custom property. * @cssprop {String} --breadcrumb-item-font-weight - The item font weight CSS custom property. * @cssprop {String} --breadcrumb-item-foreground-color - The item foreground color CSS custom property. * @cssprop {String} --breadcrumb-item-gap - The item gap CSS custom property. * @cssprop {String} --breadcrumb-item-padding-bottom - The item padding bottom CSS custom property. * @cssprop {String} --breadcrumb-item-padding-left - The item padding left CSS custom property. * @cssprop {String} --breadcrumb-item-padding-right - The item padding right CSS custom property. * @cssprop {String} --breadcrumb-item-padding-top - The item padding top CSS custom property. * @cssprop {String} --breadcrumb-item-shadow - The item shadow CSS custom property. * @cssprop {String} --breadcrumb-item-shadow-blur - The item shadow blur CSS custom property. * @cssprop {String} --breadcrumb-item-shadow-color - The item shadow color CSS custom property. * @cssprop {String} --breadcrumb-item-shadow-offset-x - The item shadow offset x CSS custom property. * @cssprop {String} --breadcrumb-item-shadow-offset-y - The item shadow offset y CSS custom property. * @cssprop {String} --breadcrumb-item-shadow-spread - The item shadow spread CSS custom property. * @cssprop {String} --breadcrumb-item-transition-duration - The item transition duration CSS custom property. * @cssprop {String} --breadcrumb-item-transition-mode - The item transition mode CSS custom property. * @cssprop {String} --breadcrumb-item-transition-property - The item transition property CSS custom property. * @cssprop {String} --breadcrumb-item-translate - The item translate CSS custom property. * * @dependency mosaik-text - The Text element. * * @example * Breadcrumb trail with slotted content: * ```html * * Home * Category * Current Page * * ``` * * @example * Breadcrumb trail with anchor links for navigation: * ```html * * * * * * ``` * * @public */ export declare class BreadcrumbItemElement extends BreadcrumbItemElement_base implements IBreadcrumbItemElementProps { private _isActive; private _href; private _download; private _rel; private _target; private _underline; /** * @public */ constructor(); /** * Returns the `is` property. * The `is` property represents natural name of this element. * * @public * @static * @readonly */ static get is(): string; /** * Gets or sets the `isActive` property. * * @public * @attr */ get isActive(): boolean; set isActive(value: boolean); /** * Gets or sets the `href` property. * Contains a URL or a URL fragment that the hyperlink points to. * * @public */ get href(): string; set href(value: string); /** * Gets or sets the `download` property. * Instructs browsers to download the URL instead of navigating to it. * * @public */ get download(): string; set download(value: string); /** * Gets or sets the `rel` property. * Specifies the relationship of the target object to the link object. * * @public */ get rel(): string; set rel(value: string); /** * Gets or sets the `target` property. * Specifies where to display the linked URL. * * @public */ get target(): string; set target(value: string); /** * Gets or sets the `underline` property. * Determines when the underline is displayed on the link. * * @public * @attr underline */ get underline(): HyperlinkUnderline; set underline(value: HyperlinkUnderline); } /** * @public */ export declare namespace BreadcrumbItemElement { type Props = IBreadcrumbItemElementProps; } /** * @public */ declare global { interface HTMLElementTagNameMap { 'mosaik-breadcrumb-item': BreadcrumbItemElement; } } export {}; //# sourceMappingURL=BreadcrumbItemElement.d.ts.map