@progress/kendo-vue-buttons/FloatingActionButton/FloatingActionButton.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 { FloatingActionButtonSize } from './models/size';
import { FloatingActionButtonThemeColor } from './models/theme-color';
import { FloatingActionButtonAlign } from './models/align';
import { FloatingActionButtonPositionMode } from './models/position-mode';
import { FloatingActionButtonItemEvent, FloatingActionButtonEvent } from './models/events';
import { PropType } from 'vue';
/**
 * @hidden
 */
declare const FloatingActionButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
    id: PropType<string>;
    dir: PropType<string>;
    tabIndex: PropType<number>;
    accessKey: PropType<string>;
    disabled: {
        type: PropType<boolean>;
        default: boolean;
    };
    icon: PropType<string>;
    svgIcon: PropType<import('@progress/kendo-vue-common').SVGIcon>;
    iconClass: PropType<string>;
    items: PropType<any>;
    item: PropType<any>;
    text: PropType<string>;
    alignOffset: PropType<import('..').FloatingActionButtonAlignOffset>;
    opened: {
        type: PropType<boolean>;
        default: any;
    };
    align: {
        type: PropType<FloatingActionButtonAlign>;
        default: () => FloatingActionButtonAlign;
    };
    positionMode: {
        type: PropType<FloatingActionButtonPositionMode>;
        default: () => FloatingActionButtonPositionMode;
    };
    popupSettings: {
        type: PropType<import('..').FloatingActionButtonPopupSettings>;
        default: () => {};
    };
    rounded: PropType<"small" | "medium" | "large" | "full" | "none">;
    fillMode: {
        type: PropType<"flat" | "link" | "solid" | "outline">;
        validator: (value: string) => boolean;
    };
    size: PropType<FloatingActionButtonSize>;
    themeColor: PropType<FloatingActionButtonThemeColor>;
}>, {
    chipRef: import('vue').Ref<any, any>;
    kendoAnchorRef: import('vue').Ref<any, any>;
}, {
    currentOpened: boolean;
    currentFocused: boolean;
    focusedIndex: number;
    currentDir: string;
    isRtl: boolean;
}, {
    buttonClassNames(): {
        [x: string]: any;
        'k-fab': boolean;
        'k-disabled': any;
        'k-focus': any;
    };
    computedOpened(): any;
    rootClassNames(): string;
}, {
    dispatchPopupEvent(dispatchedEvent: any, isOpen?: boolean): void;
    handleClick(event: any): void;
    handleFocus(event: FocusEvent): void;
    handleBlur(event: FocusEvent): void;
    handleMouseDown(event: any): void;
    handleMouseUp(event: any): void;
    dispatchItemClickEvent(dispatchedEvent: any, index: number): void;
    handleItemClick(event: any, clickedItemIndex: number): void;
    handleItemDown(event: any): void;
    handleKeyDown(event: any): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    click: (event: FloatingActionButtonEvent) => true;
    mousedown: (event: FloatingActionButtonEvent) => true;
    mouseup: (event: FloatingActionButtonEvent) => true;
    open: (event: FloatingActionButtonEvent) => true;
    close: (event: FloatingActionButtonEvent) => true;
    itemclick: (event: FloatingActionButtonItemEvent) => true;
    focus: (event: FloatingActionButtonEvent) => true;
    blur: (event: FloatingActionButtonEvent) => true;
    keydown: (event: FloatingActionButtonEvent) => true;
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
    id: PropType<string>;
    dir: PropType<string>;
    tabIndex: PropType<number>;
    accessKey: PropType<string>;
    disabled: {
        type: PropType<boolean>;
        default: boolean;
    };
    icon: PropType<string>;
    svgIcon: PropType<import('@progress/kendo-vue-common').SVGIcon>;
    iconClass: PropType<string>;
    items: PropType<any>;
    item: PropType<any>;
    text: PropType<string>;
    alignOffset: PropType<import('..').FloatingActionButtonAlignOffset>;
    opened: {
        type: PropType<boolean>;
        default: any;
    };
    align: {
        type: PropType<FloatingActionButtonAlign>;
        default: () => FloatingActionButtonAlign;
    };
    positionMode: {
        type: PropType<FloatingActionButtonPositionMode>;
        default: () => FloatingActionButtonPositionMode;
    };
    popupSettings: {
        type: PropType<import('..').FloatingActionButtonPopupSettings>;
        default: () => {};
    };
    rounded: PropType<"small" | "medium" | "large" | "full" | "none">;
    fillMode: {
        type: PropType<"flat" | "link" | "solid" | "outline">;
        validator: (value: string) => boolean;
    };
    size: PropType<FloatingActionButtonSize>;
    themeColor: PropType<FloatingActionButtonThemeColor>;
}>> & Readonly<{
    onClick?: (event: FloatingActionButtonEvent) => any;
    onBlur?: (event: FloatingActionButtonEvent) => any;
    onClose?: (event: FloatingActionButtonEvent) => any;
    onFocus?: (event: FloatingActionButtonEvent) => any;
    onKeydown?: (event: FloatingActionButtonEvent) => any;
    onMousedown?: (event: FloatingActionButtonEvent) => any;
    onMouseup?: (event: FloatingActionButtonEvent) => any;
    onOpen?: (event: FloatingActionButtonEvent) => any;
    onItemclick?: (event: FloatingActionButtonItemEvent) => any;
}>, {
    disabled: boolean;
    opened: boolean;
    align: FloatingActionButtonAlign;
    positionMode: FloatingActionButtonPositionMode;
    popupSettings: import('..').FloatingActionButtonPopupSettings;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export { FloatingActionButton };