@progress/kendo-vue-dropdowns 8.0.3-develop.1 → 8.0.3-develop.3

package/MultiSelectTree/MultiSelectTreeProps.d.ts

@@ -0,0 +1,327 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { FormComponentProps } from '@progress/kendo-vue-common';
+import { ItemRenderProps } from '@progress/kendo-vue-treeview';
+import { FilterChangeEvent, OpenEvent, CloseEvent, FocusEvent, BlurEvent, DropdownEvent } from '../common/events';
+import { DropDownsPopupSettings } from '../common/settings';
+import { TagData } from '../MultiSelect/TagList';
+/**
+ * Represents the object of the `onFilterChange` MultiSelectTree event.
+ */
+export interface MultiSelectTreeFilterChangeEvent extends FilterChangeEvent {
+}
+export type MultiSelectTreeChangeEventOperation = 'clear' | 'delete' | 'toggle';
+/**
+ * Represents the object of the `onChange` MultiSelectTree event.
+ */
+export interface MultiSelectTreeChangeEvent extends DropdownEvent {
+    /**
+     * The items related to current operation.
+     */
+    items: any[];
+    /**
+     * The new value.
+     */
+    value: any[];
+    /**
+     * Describes the current operation:
+     * * `clear` - clear button is clicked and value is cleared. Null value is returned.
+     * * `delete` - tag is deleted using keyboard or mouse. The items contained in current tag are returned.
+     * * `toggle` - item in TreeView is toggled. Single item is returned.
+     */
+    operation: MultiSelectTreeChangeEventOperation;
+}
+/**
+ * Represents the object of the `onOpen` MultiSelectTree event.
+ */
+export interface MultiSelectTreeOpenEvent extends OpenEvent {
+}
+/**
+ * Represents the object of the `onClose` MultiSelectTree event.
+ */
+export interface MultiSelectTreeCloseEvent extends CloseEvent {
+}
+/**
+ * Represents the object of the `onFocus` MultiSelectTree event.
+ */
+export interface MultiSelectTreeFocusEvent extends FocusEvent {
+}
+/**
+ * Represents the object of the `onBlur` MultiSelectTree event.
+ */
+export interface MultiSelectTreeBlurEvent extends BlurEvent {
+}
+/**
+ * Represents the object of the `onExpandChange` MultiSelectTree event.
+ */
+export interface MultiSelectTreeExpandEvent extends DropdownEvent {
+    item: any;
+    level: number[];
+}
+/**
+ * The props of component that will be used for rendering each of the MultiSelectTree items
+ * ([see example]({% slug customrendering_multiselecttree %}#toc-items-and-value-element)).
+ */
+export interface MultiSelectTreeItemProps extends ItemRenderProps {
+}
+/**
+ * The props of component that will be used for rendering each of the MultiSelectTree tags
+ */
+export interface MultiSelectTreeTagProps {
+    tagData: TagData;
+    guid: string;
+    focusedTag?: TagData;
+    onTagDelete: (items: Array<any>, event: any) => void;
+}
+/**
+ * The props of the `ListNoData` component ([see example]({% slug customrendering_multiselecttree %}#toc-no-data)).
+ */
+export interface MultiSelectTreeListNoDataProps {
+}
+/**
+ * Represents the props of the [Kendo UI for Vue MultiSelectTree component]({% slug overview_multiselecttree %}).
+ */
+export interface MultiSelectTreeProps extends FormComponentProps {
+    /**
+     * Sets the data of the MultiSelectTree ([see example]({% slug overview_multiselecttree %})).
+     */
+    dataItems?: any[];
+    /**
+     * Sets the opened state of the MultiSelectTree.
+     */
+    opened?: boolean;
+    /**
+     * Sets the value of the MultiSelectTree. It can either be an array of the primitive (string, numbers) or of the complex (objects) type.
+     */
+    value?: Array<any>;
+    /**
+     * Sets the modelValue of the MultiSelectTree. It can either be an array of the primitive (string, numbers) or of the complex (objects) type.
+     */
+    modelValue?: Array<any>;
+    /**
+     * The hint that is displayed when the MultiSelectTree is empty.
+     */
+    placeholder?: string;
+    /**
+     * Sets the key for comparing the data items of the MultiSelectTree ([see example]({% slug overview_multiselecttree %})).
+     * If `dataItemKey` is not set, the MultiSelectTree compares the items by reference.
+     */
+    dataItemKey: string;
+    /**
+     * Sets additional classes to the MultiSelectTree.
+     */
+    className?: string;
+    /**
+     * Sets the disabled state of the MultiSelectTree.
+     */
+    disabled?: boolean;
+    /**
+     * Represents the `dir` HTML attribute.
+     */
+    dir?: string;
+    /**
+     * Renders a floating label for the MultiSelectTree.
+     */
+    label?: string;
+    /**
+     * Specifies the id of the component.
+     */
+    id?: string;
+    /**
+     * Specifies the validationMessage of the component.
+     */
+    validationMessage?: string;
+    /**
+     * If set to `false`, no visual representation of the invalid state of the component will be applied.
+     *
+     */
+    validityStyles?: boolean;
+    /**
+     * Overrides the validity state of the component.
+     * If `valid` is set, the `required` property will be ignored.
+     *
+     */
+    valid?: boolean;
+    /**
+     * Specifies the `name` property of the `input` DOM element.
+     *
+     */
+    name?: string;
+    /**
+     * Specifies if `null` is a valid value for the component.
+     *
+     */
+    required?: boolean;
+    /**
+     * Sets the tags of the MultiSelect ([see example]({% slug customtags_multiselect %})).
+     */
+    tags?: Array<TagData>;
+    /**
+     * Identifies the element(s) which will describe the component, similar to [HTML aria-describedby attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute).
+     * For example these elements could contain error or hint message.
+     */
+    ariaDescribedBy?: string;
+    /**
+     * Identifies the element(s) which will label the component.
+     */
+    ariaLabelledBy?: string;
+    /**
+     * Enables the filtering functionality of the MultiSelectTree ([more information and examples]({% slug filtering_multiselecttree %})).
+     */
+    filterable?: boolean;
+    /**
+     * Sets the value of filtering input.
+     * Useful for making the filtering input a controlled component.
+     */
+    filter?: string;
+    /**
+     * Sets the loading state of the MultiSelectTree ([see example]({% slug filtering_multiselecttree %}#toc-visualize-filtering)).
+     */
+    loading?: boolean;
+    /**
+     * Specifies the `tabIndex` of the MultiSelectTree.
+     */
+    tabIndex?: number;
+    /**
+     * Specifies the `accessKey` of the MultiSelectTree.
+     */
+    accessKey?: string;
+    /**
+     * Sets the data item field that represents the item text ([see example]({% slug overview_multiselecttree %})).
+     */
+    textField: string;
+    /**
+     * Specifies the name of the field which will provide a Boolean representation of the checked state of the item.
+     */
+    checkField?: string;
+    /**
+     * Specifies the name of the field which will provide a Boolean representation of the checked indeterminaet state of the item.
+     */
+    checkIndeterminateField?: string;
+    /**
+     * Specifies the name of the field which will provide a Boolean representation of the expanded state of the item.
+     */
+    expandField?: string;
+    /**
+     * Specifies the name of the field which will provide an array representation of the item subitems.
+     * Defaults to 'items'.
+     */
+    subItemsField?: string;
+    /**
+     * Configures the popup of the MultiSelectTree.
+     */
+    popupSettings?: DropDownsPopupSettings;
+    /**
+     * Represents a callback function, which returns the value for submitting. The returned value will be rendered in an `option` of a hidden `select` element.
+     *
+     * @example
+     * ```jsx-no-run
+     * class App extends React.Component {
+     *    render() {
+     *       return (
+     *          <form>
+     *              <MultiSelectTree
+     *                  data={[ { text: "Austria", id: 1 } , { text: "Belarus", id: 2 } ]}
+     *                  valueMap={value => value && value.id}
+     *              />
+     *              <button type="submit">Submit</button>
+     *          </form>
+     *       );
+     *    }
+     * }
+     * ReactDOM.render(<App />, document.querySelector('my-app'));
+     * ```
+     */
+    valueMap?: (value: Array<any>) => any;
+    /**
+     * Fires each time the popup of the MultiSelectTree is about to open.
+     */
+    onOpen?: (event: MultiSelectTreeOpenEvent) => void;
+    /**
+     * Fires each time the popup of the MultiSelectTree is about to close.
+     */
+    onClose?: (event: MultiSelectTreeCloseEvent) => void;
+    /**
+     * Fires each time the user focuses the MultiSelectTree.
+     */
+    onFocus?: (event: MultiSelectTreeFocusEvent) => void;
+    /**
+     * Fires each time the MultiSelectTree gets blurred.
+     */
+    onBlur?: (event: MultiSelectTreeBlurEvent) => void;
+    /**
+     * Fires each time the value of the MultiSelectTree is about to change ([see examples]({% slug overview_multiselecttree %})).
+     */
+    onChange?: (event: MultiSelectTreeChangeEvent) => void;
+    /**
+     * Fires each time the user types in the filter input
+     * ([see example]({% slug filtering_multiselecttree %}#toc-basic-configuration)).
+     * You can filter the source based on the passed filtration value.
+     */
+    onFilterChange?: (event: MultiSelectTreeFilterChangeEvent) => void;
+    /**
+     * Fires when the expanding or collapsing of an item is requested ([see examples]({% slug overview_multiselecttree %})).
+     */
+    onExpandChange?: (event: any) => void;
+    /**
+     * Defines the component that will be used for rendering each of the MultiSelectTree items
+     * ([see example]({% slug customrendering_multiselecttree %}#toc-items-and-value-element)).
+     */
+    item?: any;
+    /**
+     * Defines the component that will be rendered in the MultiSelectTree popup when no data is available
+     * ([see example]({% slug customrendering_multiselecttree %}#toc-no-data)).
+     */
+    listNoData?: any;
+    tag?: any;
+    header?: any;
+    footer?: any;
+    /**
+     * Configures the `size` of the MultiSelectTree.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     *
+     * @default undefined
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Configures the `roundness` of the MultiSelectTree.
+     *
+     * The available options are:
+     * - none
+     * - small
+     * - medium
+     * - large
+     * - full
+     *
+     * @default undefined
+     */
+    rounded?: 'none' | 'small' | 'medium' | 'large' | 'full';
+    /**
+     * Configures the `fillMode` of the MultiSelectTree.
+     *
+     * The available options are:
+     * - solid
+     * - flat
+     * - outline
+     *
+     * @default undefined
+     */
+    fillMode?: 'solid' | 'flat' | 'outline';
+    /**
+     * Provides different rendering of the popup element based on the screen dimensions.
+     */
+    adaptive?: boolean;
+    /**
+     * Specifies the text that is rendered as title in the adaptive popup.
+     */
+    adaptiveTitle?: string;
+}

package/MultiSelectTree/utils.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { MultiSelectTreeChangeEventOperation } from './MultiSelectTreeProps';
+/** @hidden */
+export declare const getValueMap: (value: any[], idGetter: any) => any;
+/**
+ * Get MultiSelectTree new value from the component `onChange` event.
+ *
+ * @param {any[]} data
+ * @param {object} options
+ * @returns {any[]}
+ */
+export declare const getMultiSelectTreeValue: (data: any[], options: {
+    subItemsField?: string;
+    dataItemKey: string;
+    items: any;
+    value: Array<any>;
+    operation: MultiSelectTreeChangeEventOperation;
+}) => any[];

package/common/ClearButton.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @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';
+/**
+ * @hidden
+ */
+declare const ClearButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    onClearclick: PropType<Function>;
+}>, {
+    kendoLocalizationService: {};
+}, {}, {}, {
+    onMouseDown(e: any): void;
+    onClickHandler(e: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    onClearclick: PropType<Function>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { ClearButton };

package/common/DropDownBase.d.ts

@@ -0,0 +1,106 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { default as VirtualScroll } from './VirtualScroll';
+import { Navigation } from './Navigation';
+import { ListItemProps } from './ListItem';
+import { InternalState, DropDownStateBase, Page, DropDownsPopupSettings, VirtualizationSettings } from './settings';
+import { createVNode } from 'vue';
+/**
+ * @hidden
+ */
+export interface DropDownComponentProps {
+    data?: any[];
+    opened?: boolean;
+    value?: any;
+    disabled?: boolean;
+    tabIndex?: number;
+    dir?: string;
+    defaultItem?: any;
+    filterable?: boolean;
+    filter?: string | null;
+    textField?: string;
+    dataItemKey?: string;
+    popupSettings?: DropDownsPopupSettings;
+    style?: any;
+    virtual?: VirtualizationSettings;
+    onOpen?: (event: any) => void;
+    onClose?: (event: any) => void;
+    onFocus?: (event: any) => void;
+    onBlur?: (event: any) => void;
+    onChange?: (event: any) => void;
+    onFilterchange?: (event: any) => void;
+    onPagechange?: (event: any) => void;
+    onScrollchange?: (event: any) => void;
+    itemRender?: (li: Element, itemProps: ListItemProps) => any;
+    listNoDataRender?: (element: any) => any;
+    header?: any;
+    footer?: any;
+    dataItems?: any[];
+    name?: string;
+}
+/**
+ * @hidden
+ */
+export interface DropDownComponent {
+    state: DropDownStateBase;
+    element: HTMLSpanElement | null;
+    handleItemSelect: Function;
+    value: any;
+    currentOpened: boolean;
+    currentFocused: boolean;
+    popupWidth: string;
+    $forceUpdate: Function;
+    $props: DropDownComponentProps;
+    $emit: Function;
+    primitiveValue: Function;
+}
+/**
+ * @hidden
+ */
+export default class DropDownBase {
+    static defaultProps: {
+        popupSettings: {
+            animate: boolean;
+            height: string;
+        };
+        required: boolean;
+        validityStyles: boolean;
+    };
+    popupWidth?: string;
+    wrapper: any;
+    list: HTMLUListElement;
+    dirCalculated?: string;
+    readonly vs: VirtualScroll;
+    readonly navigation: Navigation;
+    readonly listBoxId: string;
+    readonly guid: string;
+    readonly component: DropDownComponent;
+    constructor(component: any);
+    didMount(): void;
+    calculateDir(): void;
+    calculatePopupWidth(): void;
+    private scrollVirtualized;
+    private scrollNonVirtualized;
+    scrollToItem(itemIndex: number, vsEnabled?: boolean): void;
+    handleItemClick: (index: number, event: any) => void;
+    handleFocus: any;
+    filterChanged: (text: string | null, state: InternalState) => void;
+    repositionPopup(): void;
+    initState(): InternalState;
+    applyState(state: InternalState): void;
+    togglePopup: (state: InternalState) => void;
+    pageChange: (page: Page, event: any) => void;
+    scrollChange: (event: any) => void;
+    triggerOnPageChange(state: InternalState, skip: number, take: number): void;
+    triggerPageChangeCornerItems(item: any, state: InternalState): void;
+    scrollToVirtualItem: (virtual: VirtualizationSettings, selectedItemIndex: number) => void;
+    getGroupedDataModernMode: (data: any[], groupField: string) => any[];
+    resetGroupStickyHeader: (groupName: string, that: any) => void;
+    getTemplateDef(this: any, template: string, h: typeof createVNode): any;
+    getListItemHeight(listItem: HTMLElement): string | 0;
+}

package/common/GroupStickyHeader.d.ts

@@ -0,0 +1,32 @@
+/**
+ * @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';
+/**
+ * Represents the props of the GroupStickyHeader component.
+ */
+export interface GroupStickyHeaderProps {
+    /**
+     * The group that will be rendered.
+     */
+    group?: string;
+    /**
+     * Fires when a sticky group header item is about to be rendered. Used to override the default appearance of the sticky group header of the component.
+     */
+    render?: any;
+}
+/**
+ * @hidden
+ */
+declare const GroupStickyHeader: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    group: PropType<string>;
+    render: PropType<any>;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    group: PropType<string>;
+    render: PropType<any>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { GroupStickyHeader };

package/common/List.d.ts

@@ -0,0 +1,111 @@
+/**
+ * @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';
+/**
+ * @hidden
+ */
+export interface ListProps {
+    id?: string;
+    show?: boolean;
+    dataItems: any[];
+    value?: any;
+    textField?: string;
+    valueField?: string;
+    optionsGuid?: string;
+    listRef?: (element: HTMLUListElement) => void;
+    wrapperCssClass?: string;
+    wrapperStyle?: any;
+    listStyle?: any;
+    skip?: number;
+    focusedIndex?: number;
+    highlightSelected?: boolean;
+    onClick?: (index: number, event: any) => void;
+    itemRender?: any;
+    groupHeaderItemRender?: any;
+    noDataRender?: any;
+    scroller?: boolean;
+    groupField: string;
+    actionsField?: string;
+    descriptionField?: string;
+    iconField?: string;
+    svgIconField?: string;
+    checkboxField?: string;
+}
+/**
+ * @hidden
+ */
+declare const List: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    id: PropType<string>;
+    show: PropType<boolean>;
+    dataItems: PropType<any[]>;
+    value: PropType<any>;
+    textField: PropType<string>;
+    valueField: PropType<string>;
+    optionsGuid: PropType<string>;
+    wrapperCssClass: PropType<string>;
+    wrapperStyle: PropType<any>;
+    listStyle: PropType<any>;
+    skip: PropType<number>;
+    focusedIndex: PropType<number>;
+    highlightSelected: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    itemRender: PropType<any>;
+    groupHeaderItemRender: PropType<any>;
+    noDataRender: PropType<any>;
+    scroller: PropType<boolean>;
+    groupField: PropType<string>;
+    actionsField: PropType<string>;
+    descriptionField: PropType<string>;
+    iconField: PropType<string>;
+    svgIconField: PropType<string>;
+    checkboxField: PropType<string>;
+}>, {
+    listRef: import('vue').Ref<any, any>;
+    kendoLocalizationService: {};
+}, {}, {}, {
+    handleClick(index: number, e: any): void;
+    handleScroll(e: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    listclick: (event: MouseEvent) => true;
+    scroll: (event: Event) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    id: PropType<string>;
+    show: PropType<boolean>;
+    dataItems: PropType<any[]>;
+    value: PropType<any>;
+    textField: PropType<string>;
+    valueField: PropType<string>;
+    optionsGuid: PropType<string>;
+    wrapperCssClass: PropType<string>;
+    wrapperStyle: PropType<any>;
+    listStyle: PropType<any>;
+    skip: PropType<number>;
+    focusedIndex: PropType<number>;
+    highlightSelected: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    itemRender: PropType<any>;
+    groupHeaderItemRender: PropType<any>;
+    noDataRender: PropType<any>;
+    scroller: PropType<boolean>;
+    groupField: PropType<string>;
+    actionsField: PropType<string>;
+    descriptionField: PropType<string>;
+    iconField: PropType<string>;
+    svgIconField: PropType<string>;
+    checkboxField: PropType<string>;
+}>> & Readonly<{
+    onScroll?: (event: Event) => any;
+    onListclick?: (event: MouseEvent) => any;
+}>, {
+    highlightSelected: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { List };

package/common/List.mjs

@@ -9,7 +9,7 @@ import { defineComponent as H, createVNode as d, ref as V, inject as T, h as q }
 import { ListItem as J } from "./ListItem.mjs";
 import { ListGroupItem as K } from "./ListGroupItem.mjs";
 import { areSame as G } from "./utils.mjs";
-import { getDefaultSlots as M, getRef as P, getTemplate as Q, setRef as j } from "@progress/kendo-vue-common";
+import { getDefaultSlots as M, getRef as P, setRef as j, getTemplate as Q } from "@progress/kendo-vue-common";
 import { provideLocalizationService as U } from "@progress/kendo-vue-intl";
 import { nodata as N, messages as W } from "../messages/main.mjs";
 const de = /* @__PURE__ */ H({

package/common/ListContainer.d.ts

@@ -0,0 +1,63 @@
+/**
+ * @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';
+/**
+ * @hidden
+ */
+export interface ListContainerProps {
+    width?: string | number;
+    onMouseDown?: any;
+    onBlur?: any;
+    dir?: string;
+    popupSettings?: object;
+    itemsCount?: number;
+}
+/**
+ * @hidden
+ */
+declare const ListContainer: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    width: PropType<string | number>;
+    dir: PropType<string>;
+    itemsCount: PropType<number>;
+    popupSettings: {
+        type: PropType<object>;
+        default: () => {
+            animate: boolean;
+            height: string;
+        };
+    };
+}>, {}, {}, {}, {
+    onMouseDown(e: any): void;
+    onBlur(e: any): void;
+    onOpen(e: any): void;
+    onClose(e: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    mousedown: (event: MouseEvent) => true;
+    blur: (event: FocusEvent) => true;
+    open: (event: Event) => true;
+    close: (event: Event) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    width: PropType<string | number>;
+    dir: PropType<string>;
+    itemsCount: PropType<number>;
+    popupSettings: {
+        type: PropType<object>;
+        default: () => {
+            animate: boolean;
+            height: string;
+        };
+    };
+}>> & Readonly<{
+    onBlur?: (event: FocusEvent) => any;
+    onClose?: (event: Event) => any;
+    onMousedown?: (event: MouseEvent) => any;
+    onOpen?: (event: Event) => any;
+}>, {
+    popupSettings: object;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { ListContainer };