/**
 * @license
 *-------------------------------------------------------------------------------------------
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------
 */
import { FormComponentValidity } from '@progress/kendo-vue-common';
import { TagData } from './TagList';
import { MultiSelectChangeEvent, MultiSelectOpenEvent, MultiSelectCloseEvent, MultiSelectFocusEvent, MultiSelectBlurEvent, MultiSelectFilterChangeEvent, MultiSelectPageChangeEvent } from './MultiSelectProps';
import { DropDownStateBase, InternalState, ActiveDescendant } from './../common/settings';
import { PropType } from 'vue';
declare enum FocusedItemType {
    None = 0,
    ListItem = 1,
    CustomItem = 2
}
interface ListFocusedState {
    focusedItem?: any;
    focusedIndex: number;
    focusedType: FocusedItemType;
}
/**
 * @hidden
 */
export interface MultiSelectInternalState extends InternalState {
    data: MultiSelectData;
}
/**
 * @hidden
 */
export interface MultiSelectData extends DropDownStateBase {
    hasMounted: boolean;
    selectedItems?: Array<any>;
    valuesItemsDuringOnChange?: Array<any> | null;
    currentText?: string;
    currentFocusedIndex?: number;
    currentFocused?: boolean;
    currentOpened?: boolean;
    currentFocusedTag?: any;
    currentValue?: Array<any>;
    activedescendant?: ActiveDescendant;
    _skipFocusEvent: boolean;
}
/**
 * @hidden
 */
declare const MultiSelect: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
    autoClose: {
        type: PropType<boolean>;
        default: boolean;
    };
    removeTagIcon: PropType<string>;
    allowCustom: PropType<boolean>;
    modelValue: PropType<any>;
    opened: {
        type: PropType<boolean>;
        default: any;
    };
    disabled: PropType<boolean>;
    dir: PropType<string>;
    tabIndex: {
        type: PropType<number>;
        default: number;
    };
    accessKey: PropType<string>;
    dataItems: PropType<any[]>;
    textField: PropType<string>;
    label: PropType<string>;
    loading: PropType<boolean>;
    name: PropType<string>;
    value: PropType<any[]>;
    defaultValue: PropType<any[]>;
    valueField: PropType<string>;
    valuePrimitive: PropType<boolean>;
    dataItemKey: PropType<string>;
    placeholder: PropType<string>;
    tags: PropType<TagData[]>;
    required: {
        type: PropType<boolean>;
        default: boolean;
    };
    valid: {
        type: PropType<boolean>;
        default: any;
    };
    validate: {
        type: PropType<boolean>;
    };
    validationMessage: {
        type: PropType<string>;
        default: any;
    };
    validityStyles: {
        type: PropType<boolean>;
        default: boolean;
    };
    tagRender: PropType<any>;
    id: PropType<string>;
    popupSettings: {
        type: PropType<import('./../common/settings').DropDownsPopupSettings>;
        default: () => {
            animate: boolean;
            height: string;
            anchor: string;
        };
    };
    itemRender: PropType<any>;
    groupHeaderItemRender: PropType<any>;
    groupStickyHeaderItemRender: PropType<any>;
    listNoDataRender: PropType<any>;
    focusedItemIndex: PropType<(data: any, inputText: string, textField?: string) => number>;
    virtual: {
        type: PropType<import('./../common/settings').VirtualizationSettings>;
        default: any;
    };
    header: PropType<any>;
    footer: PropType<any>;
    filterable: PropType<boolean>;
    filter: {
        type: PropType<string>;
        default: any;
    };
    ariaLabel: {
        type: PropType<string>;
        default: any;
    };
    ariaLabelledBy: PropType<string>;
    ariaDescribedBy: PropType<string>;
    rounded: {
        type: PropType<"small" | "medium" | "large" | "full" | "none">;
        validator: (value: string) => boolean;
    };
    tagsRounded: {
        type: PropType<"small" | "medium" | "large" | "full" | "none">;
        validator: (value: string) => boolean;
    };
    fillMode: {
        type: PropType<"flat" | "link" | "solid" | "outline">;
        validator: (value: string) => boolean;
    };
    size: {
        type: PropType<"small" | "medium" | "large">;
        validator: (value: string) => boolean;
    };
    groupField: {
        type: PropType<string>;
    };
    adaptive: {
        type: PropType<boolean>;
        default: any;
    };
    adaptiveTitle: {
        type: PropType<string>;
        default: any;
    };
    inputAttributes: PropType<Object>;
}>, {
    inputRef: import('vue').Ref<any, any>;
    kendoAnchorRef: import('vue').Ref<any, any>;
    kendoLocalizationService: {};
}, {
    hasMounted: boolean;
    currentText: string;
    currentValue: string;
    currentFocused: boolean;
    currentOpened: boolean;
    currentFocusedIndex: any;
    currentFocusedTag: any;
    searchState: {
        word: string;
        last: string;
    };
    suggested: string;
    activedescendant: ActiveDescendant;
    group: any;
    isScrolling: boolean;
    itemHeight: number;
    windowWidth: number;
    popupWidth: any;
    initialAdaptiveRenderingValues: any;
}, {
    spanClassNames(): object;
    isOpen(): boolean;
    animationStyles(): object | undefined;
    classNameAdaptive(): string;
    adaptiveState(): any;
}, {
    clearFilter(state: MultiSelectInternalState): void;
    computedValue(): any;
    findByFieldValue(field: string, result: Array<any>): any[];
    primitiveValue(): any;
    validity(): FormComponentValidity;
    handleItemSelect(index: number, state: MultiSelectInternalState): void;
    onTagDelete(itemsToRemove: Array<any>, event: any): void;
    onNavigate(state: MultiSelectInternalState, keyCode: number): void;
    itemFocus(index: number, state: MultiSelectInternalState): void;
    searchBarRef(): void;
    onChangeHandler(event: any): void;
    clearButtonClick(event: any): void;
    onInputKeyDown(event: any): any;
    onTagsNavigate(event: any, state: MultiSelectInternalState): void;
    triggerOnChange(items: Array<any>, state: MultiSelectInternalState): void;
    selectFocusedItem(event: any): void;
    setItems(srcItems: Array<any>, destItems: Array<any>): void;
    getFocusedState(): ListFocusedState;
    customItemSelect(event: any): void;
    handleWrapperClick(event: MouseEvent): void;
    onCancel(event: MouseEvent): void;
    handleItemClick(index: number, event: any): void;
    handleBlur(event: any): void;
    handleFocus(event: any): void;
    onPopupOpened(): void;
    onPopupClosed(): void;
    focusElement(element: any): void;
    applyState(state: MultiSelectInternalState): void;
    setValidity(): void;
    focus(): void;
    calculateMedia(entries: ResizeObserverEntry[]): void;
    repositionPopup(): void;
    onScroll(event: any): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    changemodel: (value: any) => true;
    'update:modelValue': (value: any) => true;
    filterchange: (event: MultiSelectFilterChangeEvent) => true;
    change: (event: MultiSelectChangeEvent) => true;
    pagechange: (event: MultiSelectPageChangeEvent) => true;
    focus: (event: MultiSelectFocusEvent) => true;
    blur: (event: MultiSelectBlurEvent) => true;
    open: (event: MultiSelectOpenEvent) => true;
    close: (event: MultiSelectCloseEvent) => true;
    scroll: (event: Event) => true;
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
    autoClose: {
        type: PropType<boolean>;
        default: boolean;
    };
    removeTagIcon: PropType<string>;
    allowCustom: PropType<boolean>;
    modelValue: PropType<any>;
    opened: {
        type: PropType<boolean>;
        default: any;
    };
    disabled: PropType<boolean>;
    dir: PropType<string>;
    tabIndex: {
        type: PropType<number>;
        default: number;
    };
    accessKey: PropType<string>;
    dataItems: PropType<any[]>;
    textField: PropType<string>;
    label: PropType<string>;
    loading: PropType<boolean>;
    name: PropType<string>;
    value: PropType<any[]>;
    defaultValue: PropType<any[]>;
    valueField: PropType<string>;
    valuePrimitive: PropType<boolean>;
    dataItemKey: PropType<string>;
    placeholder: PropType<string>;
    tags: PropType<TagData[]>;
    required: {
        type: PropType<boolean>;
        default: boolean;
    };
    valid: {
        type: PropType<boolean>;
        default: any;
    };
    validate: {
        type: PropType<boolean>;
    };
    validationMessage: {
        type: PropType<string>;
        default: any;
    };
    validityStyles: {
        type: PropType<boolean>;
        default: boolean;
    };
    tagRender: PropType<any>;
    id: PropType<string>;
    popupSettings: {
        type: PropType<import('./../common/settings').DropDownsPopupSettings>;
        default: () => {
            animate: boolean;
            height: string;
            anchor: string;
        };
    };
    itemRender: PropType<any>;
    groupHeaderItemRender: PropType<any>;
    groupStickyHeaderItemRender: PropType<any>;
    listNoDataRender: PropType<any>;
    focusedItemIndex: PropType<(data: any, inputText: string, textField?: string) => number>;
    virtual: {
        type: PropType<import('./../common/settings').VirtualizationSettings>;
        default: any;
    };
    header: PropType<any>;
    footer: PropType<any>;
    filterable: PropType<boolean>;
    filter: {
        type: PropType<string>;
        default: any;
    };
    ariaLabel: {
        type: PropType<string>;
        default: any;
    };
    ariaLabelledBy: PropType<string>;
    ariaDescribedBy: PropType<string>;
    rounded: {
        type: PropType<"small" | "medium" | "large" | "full" | "none">;
        validator: (value: string) => boolean;
    };
    tagsRounded: {
        type: PropType<"small" | "medium" | "large" | "full" | "none">;
        validator: (value: string) => boolean;
    };
    fillMode: {
        type: PropType<"flat" | "link" | "solid" | "outline">;
        validator: (value: string) => boolean;
    };
    size: {
        type: PropType<"small" | "medium" | "large">;
        validator: (value: string) => boolean;
    };
    groupField: {
        type: PropType<string>;
    };
    adaptive: {
        type: PropType<boolean>;
        default: any;
    };
    adaptiveTitle: {
        type: PropType<string>;
        default: any;
    };
    inputAttributes: PropType<Object>;
}>> & Readonly<{
    onScroll?: (event: Event) => any;
    onBlur?: (event: MultiSelectBlurEvent) => any;
    onChange?: (event: MultiSelectChangeEvent) => any;
    onClose?: (event: MultiSelectCloseEvent) => any;
    onFocus?: (event: MultiSelectFocusEvent) => any;
    onOpen?: (event: MultiSelectOpenEvent) => any;
    onChangemodel?: (value: any) => any;
    "onUpdate:modelValue"?: (value: any) => any;
    onPagechange?: (event: MultiSelectPageChangeEvent) => any;
    onFilterchange?: (event: MultiSelectFilterChangeEvent) => any;
}>, {
    filter: string;
    required: boolean;
    ariaLabel: string;
    tabIndex: number;
    virtual: import('./../common/settings').VirtualizationSettings;
    adaptive: boolean;
    opened: boolean;
    popupSettings: import('./../common/settings').DropDownsPopupSettings;
    valid: boolean;
    validationMessage: string;
    validityStyles: boolean;
    adaptiveTitle: string;
    autoClose: boolean;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export { MultiSelect };