@progress/kendo-vue-layout
Version:
89 lines (88 loc) • 3.15 kB
TypeScript
/**
* @license
*-------------------------------------------------------------------------------------------
* Copyright © 2026 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the package root for more information
*-------------------------------------------------------------------------------------------
*/
import { PanelBarItemClickEventArguments } from './interfaces/PanelBarItemClickEventArguments';
import { PanelBarSelectEventArguments } from './interfaces/PanelBarSelectEventArguments';
import { NavigationAction } from './interfaces/NavigationAction';
import { PropType } from 'vue';
export interface PanelBarData {
currentFocused?: string;
wrapperFocused?: boolean;
currentSelected?: string;
currentExpanded: string[];
}
/**
*
* ### props <span class='code'>[PanelBarProps]({% slug api_layout_panelbarprops %})</span>
* The props of the PanelBar component.
*/
declare const PanelBar: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
animation: {
type: PropType<boolean>;
default: boolean;
};
items: PropType<any[]>;
dir: PropType<string>;
selected: PropType<string | number>;
expanded: {
type: PropType<string[]>;
default: any;
};
focused: PropType<string | number>;
expandMode: {
type: PropType<import('./interfaces/PanelBarProps').PanelBarExpandMode>;
default: string;
validator: (value: string) => boolean;
};
className: PropType<string>;
keepItemsMounted: PropType<boolean>;
}>, {}, PanelBarData, {
selectedItem(): any;
expandedItems(): any;
computedItems(): any;
}, {
handleSelect(event: PanelBarItemClickEventArguments): void;
onSelect(event: any): void;
onFocus(event: any, step?: number): void;
onNavigate(event: any, action: NavigationAction): void;
handleWrapperFocus(): void;
handleWrapperBlur(): void;
handleKeyDown(event: any): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
select: (event: PanelBarSelectEventArguments) => true;
keydown: any;
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
animation: {
type: PropType<boolean>;
default: boolean;
};
items: PropType<any[]>;
dir: PropType<string>;
selected: PropType<string | number>;
expanded: {
type: PropType<string[]>;
default: any;
};
focused: PropType<string | number>;
expandMode: {
type: PropType<import('./interfaces/PanelBarProps').PanelBarExpandMode>;
default: string;
validator: (value: string) => boolean;
};
className: PropType<string>;
keepItemsMounted: PropType<boolean>;
}>> & Readonly<{
onSelect?: (event: PanelBarSelectEventArguments) => any;
onKeydown?: (...args: any[] | unknown[]) => any;
}>, {
animation: boolean;
expanded: string[];
expandMode: import('./interfaces/PanelBarProps').PanelBarExpandMode;
}, {}, {}, {}, string, () => {
dispatchItemSelect: any;
}, true, {}, any>;
export { PanelBar };