@progress/kendo-vue-layout/breadcrumb/Breadcrumb.d.ts

TODO

/**
 * @license
 *-------------------------------------------------------------------------------------------
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------
 */
import { PropType } from 'vue';
import { BreadcrumbLinkMouseEvent } from './interfaces/BreadcrumbProps';
/**
 * @hidden
 */
export interface BreadcrumbComputed {
    [key: string]: any;
    itemClasses: object;
}
/**
 * Represents the Breadcrumb component.
 */
declare const Breadcrumb: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
    id: PropType<string>;
    tabIndex: PropType<number>;
    disabled: PropType<boolean>;
    collapseMode: {
        type: PropType<"none" | "wrap" | "auto">;
        default: string;
        validator: (value: string) => boolean;
    };
    ariaLabel: {
        type: PropType<string>;
        default: string;
    };
    breadcrumbOrderedList: PropType<import('vue').Component<import('..').BreadcrumbOrderedListProps>>;
    breadcrumbListItem: PropType<import('vue').Component<import('..').BreadcrumbListItemProps>>;
    breadcrumbDelimiter: PropType<import('vue').Component<import('..').BreadcrumbDelimiterProps>>;
    breadcrumbLink: PropType<import('vue').Component<import('..').BreadcrumbLinkProps>>;
    dataItems: {
        type: PropType<import('./interfaces/BreadcrumbProps').BreadcrumbDataModel[]>;
        default: any[];
    };
    size: {
        type: PropType<"small" | "medium" | "large">;
    };
    dir: {
        type: PropType<"rtl" | "ltr">;
        default: any;
    };
    valueField: {
        type: PropType<string>;
        default: string;
    };
    textField: {
        type: PropType<string>;
        default: string;
    };
    svgIconField: {
        type: PropType<string>;
        default: string;
    };
    iconField: {
        type: PropType<string>;
        default: string;
    };
    onSelect: PropType<(event: BreadcrumbLinkMouseEvent) => void>;
    onKeydown: PropType<(event: any) => void>;
}>, {
    breadcrumbRef: import('vue').Ref<any, any>;
}, {
    currentDir: string;
    localData: import('./interfaces/BreadcrumbProps').BreadcrumbDataModel[];
    listItems: any[];
    itemsData: any[];
    addDelimiter: boolean;
}, {
    itemClasses(): BreadcrumbComputed['itemClasses'];
}, {
    getLastHiddenItemWidth(): any[];
    calculateMedia(): void;
    handleSelect(event: any): void;
    handleKeyDown(event: any): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    select: (event: BreadcrumbLinkMouseEvent) => true;
    keydown: any;
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
    id: PropType<string>;
    tabIndex: PropType<number>;
    disabled: PropType<boolean>;
    collapseMode: {
        type: PropType<"none" | "wrap" | "auto">;
        default: string;
        validator: (value: string) => boolean;
    };
    ariaLabel: {
        type: PropType<string>;
        default: string;
    };
    breadcrumbOrderedList: PropType<import('vue').Component<import('..').BreadcrumbOrderedListProps>>;
    breadcrumbListItem: PropType<import('vue').Component<import('..').BreadcrumbListItemProps>>;
    breadcrumbDelimiter: PropType<import('vue').Component<import('..').BreadcrumbDelimiterProps>>;
    breadcrumbLink: PropType<import('vue').Component<import('..').BreadcrumbLinkProps>>;
    dataItems: {
        type: PropType<import('./interfaces/BreadcrumbProps').BreadcrumbDataModel[]>;
        default: any[];
    };
    size: {
        type: PropType<"small" | "medium" | "large">;
    };
    dir: {
        type: PropType<"rtl" | "ltr">;
        default: any;
    };
    valueField: {
        type: PropType<string>;
        default: string;
    };
    textField: {
        type: PropType<string>;
        default: string;
    };
    svgIconField: {
        type: PropType<string>;
        default: string;
    };
    iconField: {
        type: PropType<string>;
        default: string;
    };
    onSelect: PropType<(event: BreadcrumbLinkMouseEvent) => void>;
    onKeydown: PropType<(event: any) => void>;
}>> & Readonly<{
    onSelect?: (event: BreadcrumbLinkMouseEvent) => any;
    onKeydown?: (...args: any[] | unknown[]) => any;
}>, {
    dir: "rtl" | "ltr";
    ariaLabel: string;
    collapseMode: "none" | "wrap" | "auto";
    dataItems: import('./interfaces/BreadcrumbProps').BreadcrumbDataModel[];
    valueField: string;
    textField: string;
    svgIconField: string;
    iconField: string;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export { Breadcrumb };