npm - @knime/scripting-editor - Versions diffs - 0.0.114 → 0.0.116 - Mend

@knime/scripting-editor 0.0.114 → 0.0.116

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (539) hide show

package/dist/src/components/HeaderBar.vue.d.ts CHANGED Viewed

@@ -1,910 +1,18 @@
-import { PropType } from 'vue';
 import { MenuItem } from '@knime/components';
-import { default as MenuIcon } from '@knime/styles/img/icons/menu-options.svg';
 import { SettingsMenuItem } from './SettingsPage.vue';
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    title: {
-        type: StringConstructor;
-        default: null;
-    };
-    menuItems: {
-        type: PropType<MenuItem[]>;
-        required: true;
-    };
-}>, {}, {}, {
-    hasMenu(): boolean;
-}, {
-    menuItemClicked(event: Event, item: SettingsMenuItem): void;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "menu-item-click"[], "menu-item-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    title: {
-        type: StringConstructor;
-        default: null;
-    };
-    menuItems: {
-        type: PropType<MenuItem[]>;
-        required: true;
-    };
-}>> & Readonly<{
-    "onMenu-item-click"?: ((...args: any[]) => any) | undefined;
-}>, {
-    title: string;
-}, {}, {
-    SubMenu: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        items: {
-            type: PropType<Array<MenuItem>>;
-            required: true;
-        };
-        id: {
-            type: StringConstructor;
-            default: string;
-        };
-        buttonTitle: {
-            type: StringConstructor;
-            default: string;
-        };
-        maxHeight: {
-            type: StringConstructor;
-            default: string;
-        };
-        orientation: {
-            type: PropType<"right" | "top" | "left">;
-            default: string;
-            validator(orientation?: "left" | "right" | "top"): boolean;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        maxMenuWidth: {
-            type: NumberConstructor;
-            default: null;
-        };
-        allowOverflowMainAxis: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        teleportToBody: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        positioningStrategy: {
-            type: PropType<import('@floating-ui/utils').Strategy>;
-            default: string;
-            validator: (value: string) => boolean;
-        };
-        menuItemsProps: {
-            type: PropType<Partial<import('@knime/components').MenuItemsProps>>;
-            default: () => Partial<import('@knime/components').MenuItemsProps>;
-        };
-        compact: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>, {
-        clippingBoundary: import('vue').ComputedRef<HTMLElement>;
-        menuItems: import('vue').Ref<null, null>;
-        submenu: import('vue').Ref<null, null>;
-        menuWrapper: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
-        expanded: import('vue').Ref<boolean, boolean>;
-        closeMenu: () => void;
-        updateFloatingMenu: () => void;
-        menuWrapperFloatingStyles: Readonly<import('vue').Ref<{
-            position: import('@floating-ui/utils').Strategy;
-            top: string;
-            left: string;
-            transform?: string;
-            willChange?: string;
-        }, {
-            position: import('@floating-ui/utils').Strategy;
-            top: string;
-            left: string;
-            transform?: string;
-            willChange?: string;
-        }>>;
-        shadowRoot: ShadowRoot | null;
-    }, {
-        activeDescendant: string | undefined;
-    }, {
-        maxHeightStyle(): {
-            "max-height"?: string | undefined;
-            "overflow-y"?: string | undefined;
-        };
-    }, {
-        toggleMenu(event: Event): void;
-        onItemClick(event: Event, item: MenuItem): void;
-        onKeydown(event: KeyboardEvent): void;
-        getMenuItems(): InstanceType<typeof import('@knime/components').MenuItems>;
-        setActiveDescendant(id: string | null): void;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("close" | "toggle" | "open" | "item-click")[], "close" | "toggle" | "open" | "item-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        items: {
-            type: PropType<Array<MenuItem>>;
-            required: true;
-        };
-        id: {
-            type: StringConstructor;
-            default: string;
-        };
-        buttonTitle: {
-            type: StringConstructor;
-            default: string;
-        };
-        maxHeight: {
-            type: StringConstructor;
-            default: string;
-        };
-        orientation: {
-            type: PropType<"right" | "top" | "left">;
-            default: string;
-            validator(orientation?: "left" | "right" | "top"): boolean;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        maxMenuWidth: {
-            type: NumberConstructor;
-            default: null;
-        };
-        allowOverflowMainAxis: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        teleportToBody: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        positioningStrategy: {
-            type: PropType<import('@floating-ui/utils').Strategy>;
-            default: string;
-            validator: (value: string) => boolean;
-        };
-        menuItemsProps: {
-            type: PropType<Partial<import('@knime/components').MenuItemsProps>>;
-            default: () => Partial<import('@knime/components').MenuItemsProps>;
-        };
-        compact: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & Readonly<{
-        onClose?: ((...args: any[]) => any) | undefined;
-        onToggle?: ((...args: any[]) => any) | undefined;
-        "onItem-click"?: ((...args: any[]) => any) | undefined;
-        onOpen?: ((...args: any[]) => any) | undefined;
-    }>, {
-        compact: boolean;
-        disabled: boolean;
-        maxHeight: string;
-        id: string;
-        maxMenuWidth: number;
-        buttonTitle: string;
-        orientation: "left" | "right" | "top";
-        allowOverflowMainAxis: boolean;
-        teleportToBody: boolean;
-        positioningStrategy: import('@floating-ui/utils').Strategy;
-        menuItemsProps: Partial<import('@knime/components').MenuItemsProps>;
-    }, {}, {
-        FunctionButton: any;
-        MenuItems: import('vue').DefineComponent<import('@knime/components').MenuItemsProps, {
-            onKeydown: (event: KeyboardEvent) => void;
-            resetNavigation: () => void;
-            focusIndex: (index?: number) => void;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            close: () => any;
-            "item-click": (event: MouseEvent, item: MenuItem<unknown, unknown>, menuId: string) => any;
-            "item-focused": (itemId: string | null, item: MenuItem<unknown, unknown> | null) => any;
-            "item-hovered": (item: MenuItem<unknown, unknown> | null, menuId: string, index: number | null) => any;
-            "close-submenu": () => any;
-        }, string, import('vue').PublicProps, Readonly<import('@knime/components').MenuItemsProps> & Readonly<{
-            onClose?: (() => any) | undefined;
-            "onItem-click"?: ((event: MouseEvent, item: MenuItem<unknown, unknown>, menuId: string) => any) | undefined;
-            "onItem-focused"?: ((itemId: string | null, item: MenuItem<unknown, unknown> | null) => any) | undefined;
-            "onItem-hovered"?: ((item: MenuItem<unknown, unknown> | null, menuId: string, index: number | null) => any) | undefined;
-            "onClose-submenu"?: (() => any) | undefined;
-        }>, {
-            disableSpaceToClick: boolean;
-            clippingBoundary: import('@floating-ui/dom').Boundary;
-            registerKeydown: boolean;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-            baseMenuItems: ({
-                $: import('vue').ComponentInternalInstance;
-                $data: {};
-                $props: {
-                    readonly items: Array<MenuItem>;
-                    readonly menuAriaLabel: string;
-                    readonly focusedItemIndex?: number | null | undefined;
-                    readonly id?: string | undefined;
-                    readonly maxMenuWidth?: number | null | undefined;
-                    readonly positionRelativeToElement?: (HTMLElement | null) | undefined;
-                    readonly clippingBoundary?: import('@floating-ui/dom').Boundary | undefined;
-                    readonly "onItem-click"?: ((args_0: MouseEvent, args_1: MenuItem, args_2: string) => any) | undefined;
-                    readonly "onItem-focused"?: ((id: string | null, args_1: MenuItem | null) => any) | undefined;
-                    readonly "onItem-hovered"?: ((args_0: MenuItem | null, args_1: string, args_2: number | null) => any) | undefined;
-                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-                $attrs: {
-                    [x: string]: unknown;
-                };
-                $refs: {
-                    [x: string]: unknown;
-                } & {
-                    listContainer: HTMLUListElement;
-                };
-                $slots: Readonly<{
-                    [name: string]: import('vue').Slot<any> | undefined;
-                }>;
-                $root: import('vue').ComponentPublicInstance | null;
-                $parent: import('vue').ComponentPublicInstance | null;
-                $host: Element | null;
-                $emit: ((event: "item-click", args_0: MouseEvent, args_1: MenuItem, args_2: string) => void) & ((event: "item-focused", id: string | null, args_1: MenuItem | null) => void) & ((event: "item-hovered", args_0: MenuItem | null, args_1: string, args_2: number | null) => void);
-                $el: HTMLUListElement;
-                $options: import('vue').ComponentOptionsBase<Readonly<{
-                    items: Array<MenuItem>;
-                    menuAriaLabel: string;
-                    focusedItemIndex?: number | null;
-                    id?: string;
-                    maxMenuWidth?: number | null;
-                    positionRelativeToElement?: HTMLElement | null;
-                    clippingBoundary?: import('@floating-ui/dom').Boundary;
-                }> & Readonly<{
-                    "onItem-click"?: ((args_0: MouseEvent, args_1: MenuItem, args_2: string) => any) | undefined;
-                    "onItem-focused"?: ((id: string | null, args_1: MenuItem | null) => any) | undefined;
-                    "onItem-hovered"?: ((args_0: MenuItem | null, args_1: string, args_2: number | null) => any) | undefined;
-                }>, {
-                    scrollTo: (element: HTMLLIElement) => void;
-                    getEnabledListItems: () => {
-                        element: HTMLLIElement;
-                        index: number;
-                        onClick: () => void;
-                    }[];
-                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    "item-click": (args_0: MouseEvent, args_1: MenuItem, args_2: string) => any;
-                    "item-focused": (id: string | null, args_1: MenuItem | null) => any;
-                    "item-hovered": (args_0: MenuItem | null, args_1: string, args_2: number | null) => any;
-                }, string, {
-                    focusedItemIndex: number | null;
-                    id: string;
-                    maxMenuWidth: number | null;
-                    positionRelativeToElement: HTMLElement | null;
-                    clippingBoundary: import('@floating-ui/dom').Boundary;
-                }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                    beforeCreate?: (() => void) | (() => void)[];
-                    created?: (() => void) | (() => void)[];
-                    beforeMount?: (() => void) | (() => void)[];
-                    mounted?: (() => void) | (() => void)[];
-                    beforeUpdate?: (() => void) | (() => void)[];
-                    updated?: (() => void) | (() => void)[];
-                    activated?: (() => void) | (() => void)[];
-                    deactivated?: (() => void) | (() => void)[];
-                    beforeDestroy?: (() => void) | (() => void)[];
-                    beforeUnmount?: (() => void) | (() => void)[];
-                    destroyed?: (() => void) | (() => void)[];
-                    unmounted?: (() => void) | (() => void)[];
-                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                };
-                $forceUpdate: () => void;
-                $nextTick: typeof import('vue').nextTick;
-                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-            } & Readonly<{
-                focusedItemIndex: number | null;
-                id: string;
-                maxMenuWidth: number | null;
-                positionRelativeToElement: HTMLElement | null;
-                clippingBoundary: import('@floating-ui/dom').Boundary;
-            }> & Omit<Readonly<{
-                items: Array<MenuItem>;
-                menuAriaLabel: string;
-                focusedItemIndex?: number | null;
-                id?: string;
-                maxMenuWidth?: number | null;
-                positionRelativeToElement?: HTMLElement | null;
-                clippingBoundary?: import('@floating-ui/dom').Boundary;
-            }> & Readonly<{
-                "onItem-click"?: ((args_0: MouseEvent, args_1: MenuItem, args_2: string) => any) | undefined;
-                "onItem-focused"?: ((id: string | null, args_1: MenuItem | null) => any) | undefined;
-                "onItem-hovered"?: ((args_0: MenuItem | null, args_1: string, args_2: number | null) => any) | undefined;
-            }>, "scrollTo" | "getEnabledListItems" | ("focusedItemIndex" | "id" | "maxMenuWidth" | "positionRelativeToElement" | "clippingBoundary")> & import('vue').ShallowUnwrapRef<{
-                scrollTo: (element: HTMLLIElement) => void;
-                getEnabledListItems: () => {
-                    element: HTMLLIElement;
-                    index: number;
-                    onClick: () => void;
-                }[];
-            }> & {} & import('vue').ComponentCustomProperties & {} & {
-                $slots: {
-                    item?(_: {
-                        item: MenuItem;
-                        index: number;
-                        menuId: string;
-                        menuItemId: (index: number) => string;
-                        maxMenuWidth: number | null;
-                        focusedItemIndex: number | null;
-                    }): any;
-                };
-            }) | null;
-            subLevelItems: ({
-                $: import('vue').ComponentInternalInstance;
-                $data: {};
-                $props: {
-                    readonly items: MenuItem[];
-                    readonly menuAriaLabel: string;
-                    readonly disableSpaceToClick?: boolean | undefined;
-                    readonly registerKeydown?: boolean | undefined;
-                    readonly clippingBoundary?: import('@floating-ui/dom').Boundary | undefined;
-                    readonly onClose?: (() => any) | undefined;
-                    readonly "onItem-click"?: ((event: MouseEvent, item: MenuItem<unknown, unknown>, menuId: string) => any) | undefined;
-                    readonly "onItem-focused"?: ((itemId: string | null, item: MenuItem<unknown, unknown> | null) => any) | undefined;
-                    readonly "onItem-hovered"?: ((item: MenuItem<unknown, unknown> | null, menuId: string, index: number | null) => any) | undefined;
-                    readonly "onClose-submenu"?: (() => any) | undefined;
-                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-                $attrs: {
-                    [x: string]: unknown;
-                };
-                $refs: {
-                    [x: string]: unknown;
-                };
-                $slots: Readonly<{
-                    [name: string]: import('vue').Slot<any> | undefined;
-                }>;
-                $root: import('vue').ComponentPublicInstance | null;
-                $parent: import('vue').ComponentPublicInstance | null;
-                $host: Element | null;
-                $emit: ((event: "close") => void) & ((event: "item-click", event: MouseEvent, item: MenuItem<unknown, unknown>, menuId: string) => void) & ((event: "item-focused", itemId: string | null, item: MenuItem<unknown, unknown> | null) => void) & ((event: "item-hovered", item: MenuItem<unknown, unknown> | null, menuId: string, index: number | null) => void) & ((event: "close-submenu") => void);
-                $el: any;
-                $options: import('vue').ComponentOptionsBase<Readonly<import('@knime/components').MenuItemsProps> & Readonly<{
-                    onClose?: (() => any) | undefined;
-                    "onItem-click"?: ((event: MouseEvent, item: MenuItem<unknown, unknown>, menuId: string) => any) | undefined;
-                    "onItem-focused"?: ((itemId: string | null, item: MenuItem<unknown, unknown> | null) => any) | undefined;
-                    "onItem-hovered"?: ((item: MenuItem<unknown, unknown> | null, menuId: string, index: number | null) => any) | undefined;
-                    "onClose-submenu"?: (() => any) | undefined;
-                }>, {
-                    ArrowNextIcon: typeof MenuIcon;
-                    BaseMenuItem: typeof import('@knime/components').BaseMenuItem;
-                    BaseMenuItems: typeof import('@knime/components').BaseMenuItems;
-                    baseMenuItems: import('vue').Ref<({
-                        $: import('vue').ComponentInternalInstance;
-                        $data: {};
-                        $props: {
-                            readonly items: Array<MenuItem>;
-                            readonly menuAriaLabel: string;
-                            readonly focusedItemIndex?: number | null | undefined;
-                            readonly id?: string | undefined;
-                            readonly maxMenuWidth?: number | null | undefined;
-                            readonly positionRelativeToElement?: (HTMLElement | null) | undefined;
-                            readonly clippingBoundary?: import('@floating-ui/dom').Boundary | undefined;
-                            readonly "onItem-click"?: ((args_0: MouseEvent, args_1: MenuItem, args_2: string) => any) | undefined;
-                            readonly "onItem-focused"?: ((id: string | null, args_1: MenuItem | null) => any) | undefined;
-                            readonly "onItem-hovered"?: ((args_0: MenuItem | null, args_1: string, args_2: number | null) => any) | undefined;
-                        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-                        $attrs: {
-                            [x: string]: unknown;
-                        };
-                        $refs: {
-                            [x: string]: unknown;
-                        } & {
-                            listContainer: HTMLUListElement;
-                        };
-                        $slots: Readonly<{
-                            [name: string]: import('vue').Slot<any> | undefined;
-                        }>;
-                        $root: import('vue').ComponentPublicInstance | null;
-                        $parent: import('vue').ComponentPublicInstance | null;
-                        $host: Element | null;
-                        $emit: ((event: "item-click", args_0: MouseEvent, args_1: MenuItem, args_2: string) => void) & ((event: "item-focused", id: string | null, args_1: MenuItem | null) => void) & ((event: "item-hovered", args_0: MenuItem | null, args_1: string, args_2: number | null) => void);
-                        $el: HTMLUListElement;
-                        $options: import('vue').ComponentOptionsBase<Readonly<{
-                            items: Array<MenuItem>;
-                            menuAriaLabel: string;
-                            focusedItemIndex?: number | null;
-                            id?: string;
-                            maxMenuWidth?: number | null;
-                            positionRelativeToElement?: HTMLElement | null;
-                            clippingBoundary?: import('@floating-ui/dom').Boundary;
-                        }> & Readonly<{
-                            "onItem-click"?: ((args_0: MouseEvent, args_1: MenuItem, args_2: string) => any) | undefined;
-                            "onItem-focused"?: ((id: string | null, args_1: MenuItem | null) => any) | undefined;
-                            "onItem-hovered"?: ((args_0: MenuItem | null, args_1: string, args_2: number | null) => any) | undefined;
-                        }>, {
-                            scrollTo: (element: HTMLLIElement) => void;
-                            getEnabledListItems: () => {
-                                element: HTMLLIElement;
-                                index: number;
-                                onClick: () => void;
-                            }[];
-                        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                            "item-click": (args_0: MouseEvent, args_1: MenuItem, args_2: string) => any;
-                            "item-focused": (id: string | null, args_1: MenuItem | null) => any;
-                            "item-hovered": (args_0: MenuItem | null, args_1: string, args_2: number | null) => any;
-                        }, string, {
-                            focusedItemIndex: number | null;
-                            id: string;
-                            maxMenuWidth: number | null;
-                            positionRelativeToElement: HTMLElement | null;
-                            clippingBoundary: import('@floating-ui/dom').Boundary;
-                        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                            beforeCreate?: (() => void) | (() => void)[];
-                            created?: (() => void) | (() => void)[];
-                            beforeMount?: (() => void) | (() => void)[];
-                            mounted?: (() => void) | (() => void)[];
-                            beforeUpdate?: (() => void) | (() => void)[];
-                            updated?: (() => void) | (() => void)[];
-                            activated?: (() => void) | (() => void)[];
-                            deactivated?: (() => void) | (() => void)[];
-                            beforeDestroy?: (() => void) | (() => void)[];
-                            beforeUnmount?: (() => void) | (() => void)[];
-                            destroyed?: (() => void) | (() => void)[];
-                            unmounted?: (() => void) | (() => void)[];
-                            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                        };
-                        $forceUpdate: () => void;
-                        $nextTick: typeof import('vue').nextTick;
-                        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-                    } & Readonly<{
-                        focusedItemIndex: number | null;
-                        id: string;
-                        maxMenuWidth: number | null;
-                        positionRelativeToElement: HTMLElement | null;
-                        clippingBoundary: import('@floating-ui/dom').Boundary;
-                    }> & Omit<Readonly<{
-                        items: Array<MenuItem>;
-                        menuAriaLabel: string;
-                        focusedItemIndex?: number | null;
-                        id?: string;
-                        maxMenuWidth?: number | null;
-                        positionRelativeToElement?: HTMLElement | null;
-                        clippingBoundary?: import('@floating-ui/dom').Boundary;
-                    }> & Readonly<{
-                        "onItem-click"?: ((args_0: MouseEvent, args_1: MenuItem, args_2: string) => any) | undefined;
-                        "onItem-focused"?: ((id: string | null, args_1: MenuItem | null) => any) | undefined;
-                        "onItem-hovered"?: ((args_0: MenuItem | null, args_1: string, args_2: number | null) => any) | undefined;
-                    }>, "scrollTo" | "getEnabledListItems" | ("focusedItemIndex" | "id" | "maxMenuWidth" | "positionRelativeToElement" | "clippingBoundary")> & import('vue').ShallowUnwrapRef<{
-                        scrollTo: (element: HTMLLIElement) => void;
-                        getEnabledListItems: () => {
-                            element: HTMLLIElement;
-                            index: number;
-                            onClick: () => void;
-                        }[];
-                    }> & {} & import('vue').ComponentCustomProperties & {} & {
-                        $slots: {
-                            item?(_: {
-                                item: MenuItem;
-                                index: number;
-                                menuId: string;
-                                menuItemId: (index: number) => string;
-                                maxMenuWidth: number | null;
-                                focusedItemIndex: number | null;
-                            }): any;
-                        };
-                    }) | null, ({
-                        $: import('vue').ComponentInternalInstance;
-                        $data: {};
-                        $props: {
-                            readonly items: Array<MenuItem>;
-                            readonly menuAriaLabel: string;
-                            readonly focusedItemIndex?: number | null | undefined;
-                            readonly id?: string | undefined;
-                            readonly maxMenuWidth?: number | null | undefined;
-                            readonly positionRelativeToElement?: (HTMLElement | null) | undefined;
-                            readonly clippingBoundary?: import('@floating-ui/dom').Boundary | undefined;
-                            readonly "onItem-click"?: ((args_0: MouseEvent, args_1: MenuItem, args_2: string) => any) | undefined;
-                            readonly "onItem-focused"?: ((id: string | null, args_1: MenuItem | null) => any) | undefined;
-                            readonly "onItem-hovered"?: ((args_0: MenuItem | null, args_1: string, args_2: number | null) => any) | undefined;
-                        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-                        $attrs: {
-                            [x: string]: unknown;
-                        };
-                        $refs: {
-                            [x: string]: unknown;
-                        } & {
-                            listContainer: HTMLUListElement;
-                        };
-                        $slots: Readonly<{
-                            [name: string]: import('vue').Slot<any> | undefined;
-                        }>;
-                        $root: import('vue').ComponentPublicInstance | null;
-                        $parent: import('vue').ComponentPublicInstance | null;
-                        $host: Element | null;
-                        $emit: ((event: "item-click", args_0: MouseEvent, args_1: MenuItem, args_2: string) => void) & ((event: "item-focused", id: string | null, args_1: MenuItem | null) => void) & ((event: "item-hovered", args_0: MenuItem | null, args_1: string, args_2: number | null) => void);
-                        $el: HTMLUListElement;
-                        $options: import('vue').ComponentOptionsBase<Readonly<{
-                            items: Array<MenuItem>;
-                            menuAriaLabel: string;
-                            focusedItemIndex?: number | null;
-                            id?: string;
-                            maxMenuWidth?: number | null;
-                            positionRelativeToElement?: HTMLElement | null;
-                            clippingBoundary?: import('@floating-ui/dom').Boundary;
-                        }> & Readonly<{
-                            "onItem-click"?: ((args_0: MouseEvent, args_1: MenuItem, args_2: string) => any) | undefined;
-                            "onItem-focused"?: ((id: string | null, args_1: MenuItem | null) => any) | undefined;
-                            "onItem-hovered"?: ((args_0: MenuItem | null, args_1: string, args_2: number | null) => any) | undefined;
-                        }>, {
-                            scrollTo: (element: HTMLLIElement) => void;
-                            getEnabledListItems: () => {
-                                element: HTMLLIElement;
-                                index: number;
-                                onClick: () => void;
-                            }[];
-                        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                            "item-click": (args_0: MouseEvent, args_1: MenuItem, args_2: string) => any;
-                            "item-focused": (id: string | null, args_1: MenuItem | null) => any;
-                            "item-hovered": (args_0: MenuItem | null, args_1: string, args_2: number | null) => any;
-                        }, string, {
-                            focusedItemIndex: number | null;
-                            id: string;
-                            maxMenuWidth: number | null;
-                            positionRelativeToElement: HTMLElement | null;
-                            clippingBoundary: import('@floating-ui/dom').Boundary;
-                        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                            beforeCreate?: (() => void) | (() => void)[];
-                            created?: (() => void) | (() => void)[];
-                            beforeMount?: (() => void) | (() => void)[];
-                            mounted?: (() => void) | (() => void)[];
-                            beforeUpdate?: (() => void) | (() => void)[];
-                            updated?: (() => void) | (() => void)[];
-                            activated?: (() => void) | (() => void)[];
-                            deactivated?: (() => void) | (() => void)[];
-                            beforeDestroy?: (() => void) | (() => void)[];
-                            beforeUnmount?: (() => void) | (() => void)[];
-                            destroyed?: (() => void) | (() => void)[];
-                            unmounted?: (() => void) | (() => void)[];
-                            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                        };
-                        $forceUpdate: () => void;
-                        $nextTick: typeof import('vue').nextTick;
-                        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-                    } & Readonly<{
-                        focusedItemIndex: number | null;
-                        id: string;
-                        maxMenuWidth: number | null;
-                        positionRelativeToElement: HTMLElement | null;
-                        clippingBoundary: import('@floating-ui/dom').Boundary;
-                    }> & Omit<Readonly<{
-                        items: Array<MenuItem>;
-                        menuAriaLabel: string;
-                        focusedItemIndex?: number | null;
-                        id?: string;
-                        maxMenuWidth?: number | null;
-                        positionRelativeToElement?: HTMLElement | null;
-                        clippingBoundary?: import('@floating-ui/dom').Boundary;
-                    }> & Readonly<{
-                        "onItem-click"?: ((args_0: MouseEvent, args_1: MenuItem, args_2: string) => any) | undefined;
-                        "onItem-focused"?: ((id: string | null, args_1: MenuItem | null) => any) | undefined;
-                        "onItem-hovered"?: ((args_0: MenuItem | null, args_1: string, args_2: number | null) => any) | undefined;
-                    }>, "scrollTo" | "getEnabledListItems" | ("focusedItemIndex" | "id" | "maxMenuWidth" | "positionRelativeToElement" | "clippingBoundary")> & import('vue').ShallowUnwrapRef<{
-                        scrollTo: (element: HTMLLIElement) => void;
-                        getEnabledListItems: () => {
-                            element: HTMLLIElement;
-                            index: number;
-                            onClick: () => void;
-                        }[];
-                    }> & {} & import('vue').ComponentCustomProperties & {} & {
-                        $slots: {
-                            item?(_: {
-                                item: MenuItem;
-                                index: number;
-                                menuId: string;
-                                menuItemId: (index: number) => string;
-                                maxMenuWidth: number | null;
-                                focusedItemIndex: number | null;
-                            }): any;
-                        };
-                    }) | null>;
-                    openSubmenuItemIndex: import('vue').Ref<number, number>;
-                    subLevelItems: import('vue').Ref<import('vue').ComponentPublicInstance<{
-                        focusIndex: (index?: number) => void;
-                    }, {
-                        onKeydown: (event: KeyboardEvent) => void;
-                    }> | null, import('vue').ComponentPublicInstance<{
-                        focusIndex: (index?: number) => void;
-                    }, {
-                        onKeydown: (event: KeyboardEvent) => void;
-                    }> | null>;
-                    currentIndex: Readonly<import('vue').Ref<number | null, number | null>>;
-                    onItemHovered: (item: MenuItem | null, id: string, index: number | null) => void;
-                    onKeydown: (event: KeyboardEvent) => void;
-                    hasSelectedChildItem: (item: MenuItem) => boolean;
-                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    close: () => any;
-                    "item-click": (event: MouseEvent, item: MenuItem<unknown, unknown>, menuId: string) => any;
-                    "item-focused": (itemId: string | null, item: MenuItem<unknown, unknown> | null) => any;
-                    "item-hovered": (item: MenuItem<unknown, unknown> | null, menuId: string, index: number | null) => any;
-                    "close-submenu": () => any;
-                }, string, {
-                    disableSpaceToClick: boolean;
-                    clippingBoundary: import('@floating-ui/dom').Boundary;
-                    registerKeydown: boolean;
-                }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                    beforeCreate?: (() => void) | (() => void)[];
-                    created?: (() => void) | (() => void)[];
-                    beforeMount?: (() => void) | (() => void)[];
-                    mounted?: (() => void) | (() => void)[];
-                    beforeUpdate?: (() => void) | (() => void)[];
-                    updated?: (() => void) | (() => void)[];
-                    activated?: (() => void) | (() => void)[];
-                    deactivated?: (() => void) | (() => void)[];
-                    beforeDestroy?: (() => void) | (() => void)[];
-                    beforeUnmount?: (() => void) | (() => void)[];
-                    destroyed?: (() => void) | (() => void)[];
-                    unmounted?: (() => void) | (() => void)[];
-                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                };
-                $forceUpdate: () => void;
-                $nextTick: typeof import('vue').nextTick;
-                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-            } & Readonly<{
-                disableSpaceToClick: boolean;
-                clippingBoundary: import('@floating-ui/dom').Boundary;
-                registerKeydown: boolean;
-            }> & Omit<Readonly<import('@knime/components').MenuItemsProps> & Readonly<{
-                onClose?: (() => any) | undefined;
-                "onItem-click"?: ((event: MouseEvent, item: MenuItem<unknown, unknown>, menuId: string) => any) | undefined;
-                "onItem-focused"?: ((itemId: string | null, item: MenuItem<unknown, unknown> | null) => any) | undefined;
-                "onItem-hovered"?: ((item: MenuItem<unknown, unknown> | null, menuId: string, index: number | null) => any) | undefined;
-                "onClose-submenu"?: (() => any) | undefined;
-            }>, "onKeydown" | "BaseMenuItem" | "BaseMenuItems" | "currentIndex" | "ArrowNextIcon" | "baseMenuItems" | "openSubmenuItemIndex" | "subLevelItems" | "onItemHovered" | "hasSelectedChildItem" | ("disableSpaceToClick" | "clippingBoundary" | "registerKeydown")> & import('vue').ShallowUnwrapRef<{
-                ArrowNextIcon: typeof MenuIcon;
-                BaseMenuItem: typeof import('@knime/components').BaseMenuItem;
-                BaseMenuItems: typeof import('@knime/components').BaseMenuItems;
-                baseMenuItems: import('vue').Ref<({
-                    $: import('vue').ComponentInternalInstance;
-                    $data: {};
-                    $props: {
-                        readonly items: Array<MenuItem>;
-                        readonly menuAriaLabel: string;
-                        readonly focusedItemIndex?: number | null | undefined;
-                        readonly id?: string | undefined;
-                        readonly maxMenuWidth?: number | null | undefined;
-                        readonly positionRelativeToElement?: (HTMLElement | null) | undefined;
-                        readonly clippingBoundary?: import('@floating-ui/dom').Boundary | undefined;
-                        readonly "onItem-click"?: ((args_0: MouseEvent, args_1: MenuItem, args_2: string) => any) | undefined;
-                        readonly "onItem-focused"?: ((id: string | null, args_1: MenuItem | null) => any) | undefined;
-                        readonly "onItem-hovered"?: ((args_0: MenuItem | null, args_1: string, args_2: number | null) => any) | undefined;
-                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-                    $attrs: {
-                        [x: string]: unknown;
-                    };
-                    $refs: {
-                        [x: string]: unknown;
-                    } & {
-                        listContainer: HTMLUListElement;
-                    };
-                    $slots: Readonly<{
-                        [name: string]: import('vue').Slot<any> | undefined;
-                    }>;
-                    $root: import('vue').ComponentPublicInstance | null;
-                    $parent: import('vue').ComponentPublicInstance | null;
-                    $host: Element | null;
-                    $emit: ((event: "item-click", args_0: MouseEvent, args_1: MenuItem, args_2: string) => void) & ((event: "item-focused", id: string | null, args_1: MenuItem | null) => void) & ((event: "item-hovered", args_0: MenuItem | null, args_1: string, args_2: number | null) => void);
-                    $el: HTMLUListElement;
-                    $options: import('vue').ComponentOptionsBase<Readonly<{
-                        items: Array<MenuItem>;
-                        menuAriaLabel: string;
-                        focusedItemIndex?: number | null;
-                        id?: string;
-                        maxMenuWidth?: number | null;
-                        positionRelativeToElement?: HTMLElement | null;
-                        clippingBoundary?: import('@floating-ui/dom').Boundary;
-                    }> & Readonly<{
-                        "onItem-click"?: ((args_0: MouseEvent, args_1: MenuItem, args_2: string) => any) | undefined;
-                        "onItem-focused"?: ((id: string | null, args_1: MenuItem | null) => any) | undefined;
-                        "onItem-hovered"?: ((args_0: MenuItem | null, args_1: string, args_2: number | null) => any) | undefined;
-                    }>, {
-                        scrollTo: (element: HTMLLIElement) => void;
-                        getEnabledListItems: () => {
-                            element: HTMLLIElement;
-                            index: number;
-                            onClick: () => void;
-                        }[];
-                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                        "item-click": (args_0: MouseEvent, args_1: MenuItem, args_2: string) => any;
-                        "item-focused": (id: string | null, args_1: MenuItem | null) => any;
-                        "item-hovered": (args_0: MenuItem | null, args_1: string, args_2: number | null) => any;
-                    }, string, {
-                        focusedItemIndex: number | null;
-                        id: string;
-                        maxMenuWidth: number | null;
-                        positionRelativeToElement: HTMLElement | null;
-                        clippingBoundary: import('@floating-ui/dom').Boundary;
-                    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                        beforeCreate?: (() => void) | (() => void)[];
-                        created?: (() => void) | (() => void)[];
-                        beforeMount?: (() => void) | (() => void)[];
-                        mounted?: (() => void) | (() => void)[];
-                        beforeUpdate?: (() => void) | (() => void)[];
-                        updated?: (() => void) | (() => void)[];
-                        activated?: (() => void) | (() => void)[];
-                        deactivated?: (() => void) | (() => void)[];
-                        beforeDestroy?: (() => void) | (() => void)[];
-                        beforeUnmount?: (() => void) | (() => void)[];
-                        destroyed?: (() => void) | (() => void)[];
-                        unmounted?: (() => void) | (() => void)[];
-                        renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                        renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                        errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                    };
-                    $forceUpdate: () => void;
-                    $nextTick: typeof import('vue').nextTick;
-                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-                } & Readonly<{
-                    focusedItemIndex: number | null;
-                    id: string;
-                    maxMenuWidth: number | null;
-                    positionRelativeToElement: HTMLElement | null;
-                    clippingBoundary: import('@floating-ui/dom').Boundary;
-                }> & Omit<Readonly<{
-                    items: Array<MenuItem>;
-                    menuAriaLabel: string;
-                    focusedItemIndex?: number | null;
-                    id?: string;
-                    maxMenuWidth?: number | null;
-                    positionRelativeToElement?: HTMLElement | null;
-                    clippingBoundary?: import('@floating-ui/dom').Boundary;
-                }> & Readonly<{
-                    "onItem-click"?: ((args_0: MouseEvent, args_1: MenuItem, args_2: string) => any) | undefined;
-                    "onItem-focused"?: ((id: string | null, args_1: MenuItem | null) => any) | undefined;
-                    "onItem-hovered"?: ((args_0: MenuItem | null, args_1: string, args_2: number | null) => any) | undefined;
-                }>, "scrollTo" | "getEnabledListItems" | ("focusedItemIndex" | "id" | "maxMenuWidth" | "positionRelativeToElement" | "clippingBoundary")> & import('vue').ShallowUnwrapRef<{
-                    scrollTo: (element: HTMLLIElement) => void;
-                    getEnabledListItems: () => {
-                        element: HTMLLIElement;
-                        index: number;
-                        onClick: () => void;
-                    }[];
-                }> & {} & import('vue').ComponentCustomProperties & {} & {
-                    $slots: {
-                        item?(_: {
-                            item: MenuItem;
-                            index: number;
-                            menuId: string;
-                            menuItemId: (index: number) => string;
-                            maxMenuWidth: number | null;
-                            focusedItemIndex: number | null;
-                        }): any;
-                    };
-                }) | null, ({
-                    $: import('vue').ComponentInternalInstance;
-                    $data: {};
-                    $props: {
-                        readonly items: Array<MenuItem>;
-                        readonly menuAriaLabel: string;
-                        readonly focusedItemIndex?: number | null | undefined;
-                        readonly id?: string | undefined;
-                        readonly maxMenuWidth?: number | null | undefined;
-                        readonly positionRelativeToElement?: (HTMLElement | null) | undefined;
-                        readonly clippingBoundary?: import('@floating-ui/dom').Boundary | undefined;
-                        readonly "onItem-click"?: ((args_0: MouseEvent, args_1: MenuItem, args_2: string) => any) | undefined;
-                        readonly "onItem-focused"?: ((id: string | null, args_1: MenuItem | null) => any) | undefined;
-                        readonly "onItem-hovered"?: ((args_0: MenuItem | null, args_1: string, args_2: number | null) => any) | undefined;
-                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-                    $attrs: {
-                        [x: string]: unknown;
-                    };
-                    $refs: {
-                        [x: string]: unknown;
-                    } & {
-                        listContainer: HTMLUListElement;
-                    };
-                    $slots: Readonly<{
-                        [name: string]: import('vue').Slot<any> | undefined;
-                    }>;
-                    $root: import('vue').ComponentPublicInstance | null;
-                    $parent: import('vue').ComponentPublicInstance | null;
-                    $host: Element | null;
-                    $emit: ((event: "item-click", args_0: MouseEvent, args_1: MenuItem, args_2: string) => void) & ((event: "item-focused", id: string | null, args_1: MenuItem | null) => void) & ((event: "item-hovered", args_0: MenuItem | null, args_1: string, args_2: number | null) => void);
-                    $el: HTMLUListElement;
-                    $options: import('vue').ComponentOptionsBase<Readonly<{
-                        items: Array<MenuItem>;
-                        menuAriaLabel: string;
-                        focusedItemIndex?: number | null;
-                        id?: string;
-                        maxMenuWidth?: number | null;
-                        positionRelativeToElement?: HTMLElement | null;
-                        clippingBoundary?: import('@floating-ui/dom').Boundary;
-                    }> & Readonly<{
-                        "onItem-click"?: ((args_0: MouseEvent, args_1: MenuItem, args_2: string) => any) | undefined;
-                        "onItem-focused"?: ((id: string | null, args_1: MenuItem | null) => any) | undefined;
-                        "onItem-hovered"?: ((args_0: MenuItem | null, args_1: string, args_2: number | null) => any) | undefined;
-                    }>, {
-                        scrollTo: (element: HTMLLIElement) => void;
-                        getEnabledListItems: () => {
-                            element: HTMLLIElement;
-                            index: number;
-                            onClick: () => void;
-                        }[];
-                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                        "item-click": (args_0: MouseEvent, args_1: MenuItem, args_2: string) => any;
-                        "item-focused": (id: string | null, args_1: MenuItem | null) => any;
-                        "item-hovered": (args_0: MenuItem | null, args_1: string, args_2: number | null) => any;
-                    }, string, {
-                        focusedItemIndex: number | null;
-                        id: string;
-                        maxMenuWidth: number | null;
-                        positionRelativeToElement: HTMLElement | null;
-                        clippingBoundary: import('@floating-ui/dom').Boundary;
-                    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                        beforeCreate?: (() => void) | (() => void)[];
-                        created?: (() => void) | (() => void)[];
-                        beforeMount?: (() => void) | (() => void)[];
-                        mounted?: (() => void) | (() => void)[];
-                        beforeUpdate?: (() => void) | (() => void)[];
-                        updated?: (() => void) | (() => void)[];
-                        activated?: (() => void) | (() => void)[];
-                        deactivated?: (() => void) | (() => void)[];
-                        beforeDestroy?: (() => void) | (() => void)[];
-                        beforeUnmount?: (() => void) | (() => void)[];
-                        destroyed?: (() => void) | (() => void)[];
-                        unmounted?: (() => void) | (() => void)[];
-                        renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                        renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                        errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                    };
-                    $forceUpdate: () => void;
-                    $nextTick: typeof import('vue').nextTick;
-                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-                } & Readonly<{
-                    focusedItemIndex: number | null;
-                    id: string;
-                    maxMenuWidth: number | null;
-                    positionRelativeToElement: HTMLElement | null;
-                    clippingBoundary: import('@floating-ui/dom').Boundary;
-                }> & Omit<Readonly<{
-                    items: Array<MenuItem>;
-                    menuAriaLabel: string;
-                    focusedItemIndex?: number | null;
-                    id?: string;
-                    maxMenuWidth?: number | null;
-                    positionRelativeToElement?: HTMLElement | null;
-                    clippingBoundary?: import('@floating-ui/dom').Boundary;
-                }> & Readonly<{
-                    "onItem-click"?: ((args_0: MouseEvent, args_1: MenuItem, args_2: string) => any) | undefined;
-                    "onItem-focused"?: ((id: string | null, args_1: MenuItem | null) => any) | undefined;
-                    "onItem-hovered"?: ((args_0: MenuItem | null, args_1: string, args_2: number | null) => any) | undefined;
-                }>, "scrollTo" | "getEnabledListItems" | ("focusedItemIndex" | "id" | "maxMenuWidth" | "positionRelativeToElement" | "clippingBoundary")> & import('vue').ShallowUnwrapRef<{
-                    scrollTo: (element: HTMLLIElement) => void;
-                    getEnabledListItems: () => {
-                        element: HTMLLIElement;
-                        index: number;
-                        onClick: () => void;
-                    }[];
-                }> & {} & import('vue').ComponentCustomProperties & {} & {
-                    $slots: {
-                        item?(_: {
-                            item: MenuItem;
-                            index: number;
-                            menuId: string;
-                            menuItemId: (index: number) => string;
-                            maxMenuWidth: number | null;
-                            focusedItemIndex: number | null;
-                        }): any;
-                    };
-                }) | null>;
-                openSubmenuItemIndex: import('vue').Ref<number, number>;
-                subLevelItems: import('vue').Ref<import('vue').ComponentPublicInstance<{
-                    focusIndex: (index?: number) => void;
-                }, {
-                    onKeydown: (event: KeyboardEvent) => void;
-                }> | null, import('vue').ComponentPublicInstance<{
-                    focusIndex: (index?: number) => void;
-                }, {
-                    onKeydown: (event: KeyboardEvent) => void;
-                }> | null>;
-                currentIndex: Readonly<import('vue').Ref<number | null, number | null>>;
-                onItemHovered: (item: MenuItem | null, id: string, index: number | null) => void;
-                onKeydown: (event: KeyboardEvent) => void;
-                hasSelectedChildItem: (item: MenuItem) => boolean;
-            }> & {} & import('vue').ComponentCustomProperties & {} & {
-                $slots: {};
-            }) | null;
-        }, HTMLUListElement>;
-    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    MenuIcon: import('vue').Component;
-}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+interface Props {
+    title?: string | null;
+    menuItems: MenuItem[];
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "menu-item-click": (payload: {
+        event: Event;
+        item: SettingsMenuItem;
+    }) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onMenu-item-click"?: ((payload: {
+        event: Event;
+        item: SettingsMenuItem;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;