@dialpad/dialtone-vue 3.221.1 → 3.222.0-next.2

package/dist/components/combobox_with_popover/combobox_with_popover.vue.d.ts

@@ -1,4086 +0,0 @@
-import { hasSlotContent } from '../../common/utils';
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    label: {
-        type: StringConstructor;
-        required: true;
-    };
-    labelVisible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    size: {
-        type: StringConstructor;
-        default: null;
-        validator: (t: unknown) => boolean;
-    };
-    description: {
-        type: StringConstructor;
-        default: string;
-    };
-    showList: {
-        type: BooleanConstructor;
-        default: null;
-    };
-    listId: {
-        type: StringConstructor;
-        default(): string;
-    };
-    listClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        default: string;
-    };
-    dialogClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        default: string;
-    };
-    onBeginningOfList: {
-        type: FunctionConstructor;
-        default: null;
-    };
-    onEndOfList: {
-        type: FunctionConstructor;
-        default: null;
-    };
-    maxHeight: {
-        type: StringConstructor;
-        default: string;
-    };
-    maxWidth: {
-        type: StringConstructor;
-        default: string;
-    };
-    padding: {
-        type: StringConstructor;
-        default: string;
-        validator: (padding: unknown) => boolean;
-    };
-    contentWidth: {
-        type: StringConstructor;
-        default: null;
-        validator: (contentWidth: unknown) => boolean;
-    };
-    openWithArrowKeys: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    popoverOffset: {
-        type: ArrayConstructor;
-        default: () => number[];
-    };
-    popoverSticky: {
-        type: (StringConstructor | BooleanConstructor)[];
-        default: boolean;
-    };
-    hasSuggestionList: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    loading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    emptyList: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    emptyStateMessage: {
-        type: StringConstructor;
-        default: string;
-    };
-    appendTo: {
-        type: (StringConstructor | {
-            new (): HTMLElement;
-            prototype: HTMLElement;
-        })[];
-        default: string;
-        validator: (appendTo: unknown) => boolean;
-    };
-    transition: {
-        type: StringConstructor;
-        default: string;
-    };
-}>, {}, {
-    DROPDOWN_PADDING_CLASSES: {
-        none: undefined;
-        small: string;
-        large: string;
-    };
-    isListShown: boolean;
-    isInputFocused: boolean;
-    isListFocused: boolean;
-    externalAnchor: string;
-    hasSlotContent: typeof hasSlotContent;
-}, {
-    comboboxListeners(): {
-        onSelect: ((...args: any[]) => any) & ((highlightIndex: any) => void);
-        onEscape: ((...args: any[]) => any) & (() => void);
-        onHighlight: ((...args: any[]) => any) & ((highlightIndex: any) => void);
-        class?: import('vue').ClassValue;
-        style?: import('vue').StyleValue;
-    };
-}, {
-    handleDisplayList(value: any): void;
-    showComboboxList(): void;
-    closeComboboxList(): void;
-    onSelect(highlightIndex: any): void;
-    onEscape(): void;
-    onHighlight(highlightIndex: any): void;
-    onOpened(opened: any): void;
-    onFocusIn(e: any): void;
-    onFocusOut(e: any): void;
-    openOnArrowKeyPress(): void;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("select" | "opened" | "escape" | "highlight")[], "select" | "opened" | "escape" | "highlight", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    label: {
-        type: StringConstructor;
-        required: true;
-    };
-    labelVisible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    size: {
-        type: StringConstructor;
-        default: null;
-        validator: (t: unknown) => boolean;
-    };
-    description: {
-        type: StringConstructor;
-        default: string;
-    };
-    showList: {
-        type: BooleanConstructor;
-        default: null;
-    };
-    listId: {
-        type: StringConstructor;
-        default(): string;
-    };
-    listClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        default: string;
-    };
-    dialogClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        default: string;
-    };
-    onBeginningOfList: {
-        type: FunctionConstructor;
-        default: null;
-    };
-    onEndOfList: {
-        type: FunctionConstructor;
-        default: null;
-    };
-    maxHeight: {
-        type: StringConstructor;
-        default: string;
-    };
-    maxWidth: {
-        type: StringConstructor;
-        default: string;
-    };
-    padding: {
-        type: StringConstructor;
-        default: string;
-        validator: (padding: unknown) => boolean;
-    };
-    contentWidth: {
-        type: StringConstructor;
-        default: null;
-        validator: (contentWidth: unknown) => boolean;
-    };
-    openWithArrowKeys: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    popoverOffset: {
-        type: ArrayConstructor;
-        default: () => number[];
-    };
-    popoverSticky: {
-        type: (StringConstructor | BooleanConstructor)[];
-        default: boolean;
-    };
-    hasSuggestionList: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    loading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    emptyList: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    emptyStateMessage: {
-        type: StringConstructor;
-        default: string;
-    };
-    appendTo: {
-        type: (StringConstructor | {
-            new (): HTMLElement;
-            prototype: HTMLElement;
-        })[];
-        default: string;
-        validator: (appendTo: unknown) => boolean;
-    };
-    transition: {
-        type: StringConstructor;
-        default: string;
-    };
-}>> & Readonly<{
-    onSelect?: ((...args: any[]) => any) | undefined;
-    onOpened?: ((...args: any[]) => any) | undefined;
-    onEscape?: ((...args: any[]) => any) | undefined;
-    onHighlight?: ((...args: any[]) => any) | undefined;
-}>, {
-    loading: boolean;
-    size: string;
-    description: string;
-    dialogClass: string | unknown[] | Record<string, any>;
-    maxHeight: string;
-    transition: string;
-    maxWidth: string;
-    labelVisible: boolean;
-    listId: string;
-    onBeginningOfList: Function;
-    onEndOfList: Function;
-    showList: boolean;
-    emptyList: boolean;
-    emptyStateMessage: string;
-    appendTo: string | HTMLElement;
-    padding: string;
-    contentWidth: string;
-    openWithArrowKeys: boolean;
-    listClass: string | unknown[] | Record<string, any>;
-    popoverOffset: unknown[];
-    popoverSticky: string | boolean;
-    hasSuggestionList: boolean;
-}, {}, {
-    DtCombobox: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        label: {
-            type: StringConstructor;
-            required: true;
-        };
-        labelVisible: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        size: {
-            type: StringConstructor;
-            default: null;
-            validator: (t: unknown) => boolean;
-        };
-        description: {
-            type: StringConstructor;
-            default: string;
-        };
-        listId: {
-            type: StringConstructor;
-            default(): string;
-        };
-        onBeginningOfList: {
-            type: FunctionConstructor;
-            default: null;
-        };
-        onEndOfList: {
-            type: FunctionConstructor;
-            default: null;
-        };
-        showList: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        listRenderedOutside: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        loading: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        emptyList: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        emptyStateMessage: {
-            type: StringConstructor;
-            default: string;
-        };
-        emptyStateClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        clickOnSelect: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>, {}, {
-        outsideRenderedListRef: null;
-        hasSlotContent: typeof hasSlotContent;
-    }, {
-        inputProps(): {
-            label: string;
-            labelVisible: boolean;
-            size: string;
-            description: string;
-            role: string;
-            'aria-label': string;
-            'aria-expanded': string;
-            'aria-owns': string;
-            'aria-haspopup': string;
-            'aria-activedescendant': undefined;
-            'aria-controls': string;
-        };
-        listProps(): {
-            role: string;
-            id: string;
-            class: string;
-            'aria-label': string;
-        };
-        beginningOfListMethod(): Function;
-        endOfListMethod(): Function;
-        activeItemId(): undefined;
-        activeItemEl(): any;
-    }, {
-        onMouseHighlight(e: any): void;
-        getListElement(): any;
-        clearHighlightIndex(): void;
-        afterHighlight(): void;
-        onEnterKey(): void;
-        onEscapeKey(): void;
-        onOpen(open: any, contentRef: any): void;
-        onKeyValidation(e: any, eventHandler: any): void;
-        setInitialHighlightIndex(): void;
-        validateEmptyListProps(): void;
-    }, {
-        mixins: {
-            methods: {
-                scrollElementIntoViewIfNeeded(ref: Element, opt_center: any, opt_behavior: any, opt_parent: any): void;
-                scrollElementIntoView(ref: Element, opt_scrollToTop: any, opt_behavior: any, opt_parent: any): void;
-                scrollIntoViewIfNeeded(ref: any, opt_center: any, opt_behavior: any, opt_parent: any): void;
-                scrollIntoView(ref: any, opt_dir: any, opt_ifNeeded: any, opt_behavior: any, opt_parent: any): void;
-                _setScrollTop(el: any, scrollTop: any, bounds: any, offsetTop: any, offsetBottom: any, opt_isNeeded: any, opt_behavior: any): void;
-                _getElementHeight(el: any): any;
-                _getScrollBounds(el: any): {
-                    top: any;
-                    bottom: any;
-                };
-                _inScrollBounds(top: any, bottom: any, bounds: any): boolean;
-            };
-        }[];
-        data(): {
-            [x: string]: string | number | boolean;
-            scrollToOnHighlight: boolean;
-            focusOnKeyboardNavigation: boolean;
-        };
-        provide(): {
-            highlightId: () => any;
-        };
-        methods: {
-            _getListElement(): any;
-            _itemsLength(): any;
-            _getListItemNodes(): any;
-            onUpKey(): void;
-            onDownKey(): void;
-            onHomeKey(): void;
-            onEndKey(): void;
-            onNavigationKey(key: any): void;
-            isValidLetter(key: any): boolean;
-            jumpToBeginning(): void;
-            jumpToEnd(): void;
-            setHighlightIndex(num: any): void;
-            setHighlightId(id: any): void;
-            _getItemIndex(id: any): number | undefined;
-            _getItemId(index: any): any;
-            scrollActiveItemIntoViewIfNeeded(): void;
-            focusActiveItemIfNeeded(): void;
-        };
-    }, import('vue').ComponentOptionsMixin, ("select" | "opened" | "escape" | "highlight")[], "select" | "opened" | "escape" | "highlight", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        label: {
-            type: StringConstructor;
-            required: true;
-        };
-        labelVisible: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        size: {
-            type: StringConstructor;
-            default: null;
-            validator: (t: unknown) => boolean;
-        };
-        description: {
-            type: StringConstructor;
-            default: string;
-        };
-        listId: {
-            type: StringConstructor;
-            default(): string;
-        };
-        onBeginningOfList: {
-            type: FunctionConstructor;
-            default: null;
-        };
-        onEndOfList: {
-            type: FunctionConstructor;
-            default: null;
-        };
-        showList: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        listRenderedOutside: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        loading: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        emptyList: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        emptyStateMessage: {
-            type: StringConstructor;
-            default: string;
-        };
-        emptyStateClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        clickOnSelect: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & Readonly<{
-        onSelect?: ((...args: any[]) => any) | undefined;
-        onOpened?: ((...args: any[]) => any) | undefined;
-        onEscape?: ((...args: any[]) => any) | undefined;
-        onHighlight?: ((...args: any[]) => any) | undefined;
-    }>, {
-        loading: boolean;
-        size: string;
-        description: string;
-        labelVisible: boolean;
-        listId: string;
-        onBeginningOfList: Function;
-        onEndOfList: Function;
-        showList: boolean;
-        listRenderedOutside: boolean;
-        emptyList: boolean;
-        emptyStateMessage: string;
-        emptyStateClass: string | unknown[] | Record<string, any>;
-        clickOnSelect: boolean;
-    }, {}, {
-        ComboboxLoadingList: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
-            DtListItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                id: {
-                    type: StringConstructor;
-                    default(): string;
-                };
-                role: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (role: unknown) => boolean;
-                };
-                elementType: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                type: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (t: unknown) => boolean;
-                };
-                navigationType: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (t: unknown) => boolean;
-                };
-                selected: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                wrapperClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-            }>, {}, {
-                injected: boolean;
-                mouseHighlighted: boolean;
-            }, {
-                isDefaultType(): boolean;
-                listItemListeners(): {
-                    keydown: (event: any) => void;
-                    mousemove: (event: any) => void;
-                    mouseleave: (event: any) => void;
-                };
-                isHighlighted(): boolean;
-                isFocusable(): boolean;
-                isHoverable(): boolean;
-            }, {
-                onClick(e: any): void;
-                onMouseHover(): void;
-                onMouseLeave(): void;
-            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("keydown" | "mouseleave" | "mousemove")[], "keydown" | "mouseleave" | "mousemove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                id: {
-                    type: StringConstructor;
-                    default(): string;
-                };
-                role: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (role: unknown) => boolean;
-                };
-                elementType: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                type: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (t: unknown) => boolean;
-                };
-                navigationType: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (t: unknown) => boolean;
-                };
-                selected: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                wrapperClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-            }>> & Readonly<{
-                onKeydown?: ((...args: any[]) => any) | undefined;
-                onMouseleave?: ((...args: any[]) => any) | undefined;
-                onMousemove?: ((...args: any[]) => any) | undefined;
-            }>, {
-                id: string;
-                type: string;
-                role: string;
-                selected: boolean;
-                elementType: string;
-                navigationType: string;
-                wrapperClass: string | unknown[] | Record<string, any>;
-            }, {}, {
-                DtItemLayout: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                    as: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    unstyled: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    leftClass: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    contentClass: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    titleClass: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    subtitleClass: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    bottomClass: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    rightClass: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    selectedClass: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                }>, {}, {}, {}, {
-                    dynamicGridTemplateColumns(): string;
-                    hasSlotContent: typeof hasSlotContent;
-                }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                    as: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    unstyled: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    leftClass: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    contentClass: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    titleClass: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    subtitleClass: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    bottomClass: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    rightClass: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    selectedClass: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                }>> & Readonly<{}>, {
-                    unstyled: boolean;
-                    contentClass: string;
-                    as: string;
-                    leftClass: string;
-                    titleClass: string;
-                    subtitleClass: string;
-                    bottomClass: string;
-                    rightClass: string;
-                    selectedClass: string;
-                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-                DtIconCheck: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                    size: {
-                        type: StringConstructor;
-                        default: string;
-                        validator: (s: unknown) => boolean;
-                    };
-                    ariaLabel: {
-                        type: StringConstructor;
-                        default: undefined;
-                    };
-                }>, {}, {}, {
-                    iconSizeClass(): any;
-                    ariaHidden(): "true" | "false";
-                    dataQA(): {};
-                }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                    size: {
-                        type: StringConstructor;
-                        default: string;
-                        validator: (s: unknown) => boolean;
-                    };
-                    ariaLabel: {
-                        type: StringConstructor;
-                        default: undefined;
-                    };
-                }>> & Readonly<{
-                    onLoaded?: ((...args: any[]) => any) | undefined;
-                }>, {
-                    size: string;
-                    ariaLabel: string;
-                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-            DtSkeleton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                paragraphOption: {
-                    type: (ObjectConstructor | BooleanConstructor)[];
-                    default: null;
-                };
-                listItemOption: {
-                    type: (ObjectConstructor | BooleanConstructor)[];
-                    default: null;
-                };
-                textOption: {
-                    type: ObjectConstructor;
-                    default: null;
-                };
-                shapeOption: {
-                    type: (ObjectConstructor | BooleanConstructor)[];
-                    default: null;
-                };
-                animationDuration: {
-                    type: NumberConstructor;
-                    default: number;
-                };
-                ariaLabel: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                animate: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                offset: {
-                    type: NumberConstructor;
-                    default: number;
-                };
-            }>, {}, {}, {
-                validationOptions(): {
-                    paragraphOption: boolean | Record<string, any>;
-                    listItemOption: boolean | Record<string, any>;
-                    textOption: Record<string, any>;
-                    shapeOption: boolean | Record<string, any>;
-                };
-            }, {
-                validator(): void;
-            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                paragraphOption: {
-                    type: (ObjectConstructor | BooleanConstructor)[];
-                    default: null;
-                };
-                listItemOption: {
-                    type: (ObjectConstructor | BooleanConstructor)[];
-                    default: null;
-                };
-                textOption: {
-                    type: ObjectConstructor;
-                    default: null;
-                };
-                shapeOption: {
-                    type: (ObjectConstructor | BooleanConstructor)[];
-                    default: null;
-                };
-                animationDuration: {
-                    type: NumberConstructor;
-                    default: number;
-                };
-                ariaLabel: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                animate: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                offset: {
-                    type: NumberConstructor;
-                    default: number;
-                };
-            }>> & Readonly<{}>, {
-                offset: number;
-                animationDuration: number;
-                ariaLabel: string;
-                animate: boolean;
-                paragraphOption: boolean | Record<string, any>;
-                listItemOption: boolean | Record<string, any>;
-                textOption: Record<string, any>;
-                shapeOption: boolean | Record<string, any>;
-            }, {}, {
-                DtSkeletonText: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                    type: {
-                        type: StringConstructor;
-                        default: string;
-                        validator: (type: unknown) => boolean;
-                    };
-                    headingHeight: {
-                        type: StringConstructor;
-                        default: string;
-                        validator: (headingHeight: unknown) => boolean;
-                    };
-                    width: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    animationDuration: {
-                        type: NumberConstructor;
-                        default: number;
-                    };
-                    animate: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    offset: {
-                        type: NumberConstructor;
-                        default: number;
-                    };
-                    contentClass: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                }>, {}, {
-                    SKELETON_HEADING_HEIGHTS: {
-                        sm: string;
-                        md: string;
-                        lg: string;
-                    };
-                }, {}, {}, {
-                    computed: {
-                        skeletonOffset(): any;
-                        skeletonStyle(): {
-                            animationDelay: string;
-                            animationDuration: any;
-                        };
-                    };
-                }, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                    type: {
-                        type: StringConstructor;
-                        default: string;
-                        validator: (type: unknown) => boolean;
-                    };
-                    headingHeight: {
-                        type: StringConstructor;
-                        default: string;
-                        validator: (headingHeight: unknown) => boolean;
-                    };
-                    width: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    animationDuration: {
-                        type: NumberConstructor;
-                        default: number;
-                    };
-                    animate: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    offset: {
-                        type: NumberConstructor;
-                        default: number;
-                    };
-                    contentClass: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                }>> & Readonly<{}>, {
-                    type: string;
-                    offset: number;
-                    animationDuration: number;
-                    width: string;
-                    contentClass: string;
-                    animate: boolean;
-                    headingHeight: string;
-                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-                DtSkeletonShape: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                    shape: {
-                        type: StringConstructor;
-                        default: string;
-                        validator: (shape: unknown) => boolean;
-                    };
-                    size: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    animationDuration: {
-                        type: NumberConstructor;
-                        default: number;
-                    };
-                    animate: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    offset: {
-                        type: NumberConstructor;
-                        default: number;
-                    };
-                    contentClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                }>, {}, {
-                    SKELETON_SHAPES: {
-                        circle: string;
-                        square: string;
-                    };
-                }, {
-                    shapeStyles(): {
-                        'min-width': any;
-                        'max-width': any;
-                        'min-height': any;
-                        'max-height': any;
-                        animationDelay: string;
-                        animationDuration: any;
-                    };
-                }, {}, {
-                    computed: {
-                        skeletonOffset(): any;
-                        skeletonStyle(): {
-                            animationDelay: string;
-                            animationDuration: any;
-                        };
-                    };
-                }, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                    shape: {
-                        type: StringConstructor;
-                        default: string;
-                        validator: (shape: unknown) => boolean;
-                    };
-                    size: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    animationDuration: {
-                        type: NumberConstructor;
-                        default: number;
-                    };
-                    animate: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    offset: {
-                        type: NumberConstructor;
-                        default: number;
-                    };
-                    contentClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                }>> & Readonly<{}>, {
-                    offset: number;
-                    animationDuration: number;
-                    size: string;
-                    contentClass: string | unknown[] | Record<string, any>;
-                    shape: string;
-                    animate: boolean;
-                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-                DtSkeletonListItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                    shape: {
-                        type: StringConstructor;
-                        default: string;
-                        validator: (shape: unknown) => boolean;
-                    };
-                    shapeSize: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    paragraphs: {
-                        type: ObjectConstructor;
-                        default: () => {
-                            rows: number;
-                            randomWidth: boolean;
-                        };
-                    };
-                    animationDuration: {
-                        type: NumberConstructor;
-                        default: number;
-                    };
-                    animate: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    offset: {
-                        type: NumberConstructor;
-                        default: number;
-                    };
-                    shapeClass: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    contentClass: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                    shape: {
-                        type: StringConstructor;
-                        default: string;
-                        validator: (shape: unknown) => boolean;
-                    };
-                    shapeSize: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    paragraphs: {
-                        type: ObjectConstructor;
-                        default: () => {
-                            rows: number;
-                            randomWidth: boolean;
-                        };
-                    };
-                    animationDuration: {
-                        type: NumberConstructor;
-                        default: number;
-                    };
-                    animate: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    offset: {
-                        type: NumberConstructor;
-                        default: number;
-                    };
-                    shapeClass: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    contentClass: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                }>> & Readonly<{}>, {
-                    offset: number;
-                    animationDuration: number;
-                    contentClass: string;
-                    shape: string;
-                    animate: boolean;
-                    shapeSize: string;
-                    paragraphs: Record<string, any>;
-                    shapeClass: string;
-                }, {}, {
-                    DtSkeletonShape: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                        shape: {
-                            type: StringConstructor;
-                            default: string;
-                            validator: (shape: unknown) => boolean;
-                        };
-                        size: {
-                            type: StringConstructor;
-                            default: string;
-                        };
-                        animationDuration: {
-                            type: NumberConstructor;
-                            default: number;
-                        };
-                        animate: {
-                            type: BooleanConstructor;
-                            default: boolean;
-                        };
-                        offset: {
-                            type: NumberConstructor;
-                            default: number;
-                        };
-                        contentClass: {
-                            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                            default: string;
-                        };
-                    }>, {}, {
-                        SKELETON_SHAPES: {
-                            circle: string;
-                            square: string;
-                        };
-                    }, {
-                        shapeStyles(): {
-                            'min-width': any;
-                            'max-width': any;
-                            'min-height': any;
-                            'max-height': any;
-                            animationDelay: string;
-                            animationDuration: any;
-                        };
-                    }, {}, {
-                        computed: {
-                            skeletonOffset(): any;
-                            skeletonStyle(): {
-                                animationDelay: string;
-                                animationDuration: any;
-                            };
-                        };
-                    }, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                        shape: {
-                            type: StringConstructor;
-                            default: string;
-                            validator: (shape: unknown) => boolean;
-                        };
-                        size: {
-                            type: StringConstructor;
-                            default: string;
-                        };
-                        animationDuration: {
-                            type: NumberConstructor;
-                            default: number;
-                        };
-                        animate: {
-                            type: BooleanConstructor;
-                            default: boolean;
-                        };
-                        offset: {
-                            type: NumberConstructor;
-                            default: number;
-                        };
-                        contentClass: {
-                            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                            default: string;
-                        };
-                    }>> & Readonly<{}>, {
-                        offset: number;
-                        animationDuration: number;
-                        size: string;
-                        contentClass: string | unknown[] | Record<string, any>;
-                        shape: string;
-                        animate: boolean;
-                    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-                    DtSkeletonParagraph: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                        rows: {
-                            type: (StringConstructor | NumberConstructor)[];
-                            default: number;
-                            validator: (number: any) => boolean;
-                        };
-                        animate: {
-                            type: BooleanConstructor;
-                            default: boolean;
-                        };
-                        minWidth: {
-                            type: (StringConstructor | NumberConstructor)[];
-                            default: number;
-                            validator: (number: any) => boolean;
-                        };
-                        maxWidth: {
-                            type: (StringConstructor | NumberConstructor)[];
-                            default: number;
-                            validator: (number: any) => boolean;
-                        };
-                        width: {
-                            type: (StringConstructor | ArrayConstructor)[];
-                            default: null;
-                        };
-                        randomWidth: {
-                            type: BooleanConstructor;
-                            default: boolean;
-                        };
-                        offset: {
-                            type: NumberConstructor;
-                            default: number;
-                        };
-                        animationDuration: {
-                            type: NumberConstructor;
-                            default: number;
-                        };
-                        contentClass: {
-                            type: StringConstructor;
-                            default: string;
-                        };
-                        rowClass: {
-                            type: StringConstructor;
-                            default: string;
-                        };
-                    }>, {}, {}, {
-                        integerRows(): number;
-                    }, {
-                        randomWidthPercentage(): string;
-                        getSizeParagraphRow(row: any): {};
-                    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                        rows: {
-                            type: (StringConstructor | NumberConstructor)[];
-                            default: number;
-                            validator: (number: any) => boolean;
-                        };
-                        animate: {
-                            type: BooleanConstructor;
-                            default: boolean;
-                        };
-                        minWidth: {
-                            type: (StringConstructor | NumberConstructor)[];
-                            default: number;
-                            validator: (number: any) => boolean;
-                        };
-                        maxWidth: {
-                            type: (StringConstructor | NumberConstructor)[];
-                            default: number;
-                            validator: (number: any) => boolean;
-                        };
-                        width: {
-                            type: (StringConstructor | ArrayConstructor)[];
-                            default: null;
-                        };
-                        randomWidth: {
-                            type: BooleanConstructor;
-                            default: boolean;
-                        };
-                        offset: {
-                            type: NumberConstructor;
-                            default: number;
-                        };
-                        animationDuration: {
-                            type: NumberConstructor;
-                            default: number;
-                        };
-                        contentClass: {
-                            type: StringConstructor;
-                            default: string;
-                        };
-                        rowClass: {
-                            type: StringConstructor;
-                            default: string;
-                        };
-                    }>> & Readonly<{}>, {
-                        offset: number;
-                        animationDuration: number;
-                        width: string | unknown[];
-                        contentClass: string;
-                        maxWidth: string | number;
-                        animate: boolean;
-                        rows: string | number;
-                        minWidth: string | number;
-                        randomWidth: boolean;
-                        rowClass: string;
-                    }, {}, {
-                        DtSkeletonText: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                            type: {
-                                type: StringConstructor;
-                                default: string;
-                                validator: (type: unknown) => boolean;
-                            };
-                            headingHeight: {
-                                type: StringConstructor;
-                                default: string;
-                                validator: (headingHeight: unknown) => boolean;
-                            };
-                            width: {
-                                type: StringConstructor;
-                                default: string;
-                            };
-                            animationDuration: {
-                                type: NumberConstructor;
-                                default: number;
-                            };
-                            animate: {
-                                type: BooleanConstructor;
-                                default: boolean;
-                            };
-                            offset: {
-                                type: NumberConstructor;
-                                default: number;
-                            };
-                            contentClass: {
-                                type: StringConstructor;
-                                default: string;
-                            };
-                        }>, {}, {
-                            SKELETON_HEADING_HEIGHTS: {
-                                sm: string;
-                                md: string;
-                                lg: string;
-                            };
-                        }, {}, {}, {
-                            computed: {
-                                skeletonOffset(): any;
-                                skeletonStyle(): {
-                                    animationDelay: string;
-                                    animationDuration: any;
-                                };
-                            };
-                        }, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                            type: {
-                                type: StringConstructor;
-                                default: string;
-                                validator: (type: unknown) => boolean;
-                            };
-                            headingHeight: {
-                                type: StringConstructor;
-                                default: string;
-                                validator: (headingHeight: unknown) => boolean;
-                            };
-                            width: {
-                                type: StringConstructor;
-                                default: string;
-                            };
-                            animationDuration: {
-                                type: NumberConstructor;
-                                default: number;
-                            };
-                            animate: {
-                                type: BooleanConstructor;
-                                default: boolean;
-                            };
-                            offset: {
-                                type: NumberConstructor;
-                                default: number;
-                            };
-                            contentClass: {
-                                type: StringConstructor;
-                                default: string;
-                            };
-                        }>> & Readonly<{}>, {
-                            type: string;
-                            offset: number;
-                            animationDuration: number;
-                            width: string;
-                            contentClass: string;
-                            animate: boolean;
-                            headingHeight: string;
-                        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-                    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-                }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-                DtSkeletonParagraph: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                    rows: {
-                        type: (StringConstructor | NumberConstructor)[];
-                        default: number;
-                        validator: (number: any) => boolean;
-                    };
-                    animate: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    minWidth: {
-                        type: (StringConstructor | NumberConstructor)[];
-                        default: number;
-                        validator: (number: any) => boolean;
-                    };
-                    maxWidth: {
-                        type: (StringConstructor | NumberConstructor)[];
-                        default: number;
-                        validator: (number: any) => boolean;
-                    };
-                    width: {
-                        type: (StringConstructor | ArrayConstructor)[];
-                        default: null;
-                    };
-                    randomWidth: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    offset: {
-                        type: NumberConstructor;
-                        default: number;
-                    };
-                    animationDuration: {
-                        type: NumberConstructor;
-                        default: number;
-                    };
-                    contentClass: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    rowClass: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                }>, {}, {}, {
-                    integerRows(): number;
-                }, {
-                    randomWidthPercentage(): string;
-                    getSizeParagraphRow(row: any): {};
-                }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                    rows: {
-                        type: (StringConstructor | NumberConstructor)[];
-                        default: number;
-                        validator: (number: any) => boolean;
-                    };
-                    animate: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    minWidth: {
-                        type: (StringConstructor | NumberConstructor)[];
-                        default: number;
-                        validator: (number: any) => boolean;
-                    };
-                    maxWidth: {
-                        type: (StringConstructor | NumberConstructor)[];
-                        default: number;
-                        validator: (number: any) => boolean;
-                    };
-                    width: {
-                        type: (StringConstructor | ArrayConstructor)[];
-                        default: null;
-                    };
-                    randomWidth: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    offset: {
-                        type: NumberConstructor;
-                        default: number;
-                    };
-                    animationDuration: {
-                        type: NumberConstructor;
-                        default: number;
-                    };
-                    contentClass: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    rowClass: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                }>> & Readonly<{}>, {
-                    offset: number;
-                    animationDuration: number;
-                    width: string | unknown[];
-                    contentClass: string;
-                    maxWidth: string | number;
-                    animate: boolean;
-                    rows: string | number;
-                    minWidth: string | number;
-                    randomWidth: boolean;
-                    rowClass: string;
-                }, {}, {
-                    DtSkeletonText: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                        type: {
-                            type: StringConstructor;
-                            default: string;
-                            validator: (type: unknown) => boolean;
-                        };
-                        headingHeight: {
-                            type: StringConstructor;
-                            default: string;
-                            validator: (headingHeight: unknown) => boolean;
-                        };
-                        width: {
-                            type: StringConstructor;
-                            default: string;
-                        };
-                        animationDuration: {
-                            type: NumberConstructor;
-                            default: number;
-                        };
-                        animate: {
-                            type: BooleanConstructor;
-                            default: boolean;
-                        };
-                        offset: {
-                            type: NumberConstructor;
-                            default: number;
-                        };
-                        contentClass: {
-                            type: StringConstructor;
-                            default: string;
-                        };
-                    }>, {}, {
-                        SKELETON_HEADING_HEIGHTS: {
-                            sm: string;
-                            md: string;
-                            lg: string;
-                        };
-                    }, {}, {}, {
-                        computed: {
-                            skeletonOffset(): any;
-                            skeletonStyle(): {
-                                animationDelay: string;
-                                animationDuration: any;
-                            };
-                        };
-                    }, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                        type: {
-                            type: StringConstructor;
-                            default: string;
-                            validator: (type: unknown) => boolean;
-                        };
-                        headingHeight: {
-                            type: StringConstructor;
-                            default: string;
-                            validator: (headingHeight: unknown) => boolean;
-                        };
-                        width: {
-                            type: StringConstructor;
-                            default: string;
-                        };
-                        animationDuration: {
-                            type: NumberConstructor;
-                            default: number;
-                        };
-                        animate: {
-                            type: BooleanConstructor;
-                            default: boolean;
-                        };
-                        offset: {
-                            type: NumberConstructor;
-                            default: number;
-                        };
-                        contentClass: {
-                            type: StringConstructor;
-                            default: string;
-                        };
-                    }>> & Readonly<{}>, {
-                        type: string;
-                        offset: number;
-                        animationDuration: number;
-                        width: string;
-                        contentClass: string;
-                        animate: boolean;
-                        headingHeight: string;
-                    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-                }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        ComboboxEmptyList: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            message: {
-                type: StringConstructor;
-                required: true;
-            };
-            itemClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            message: {
-                type: StringConstructor;
-                required: true;
-            };
-            itemClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-        }>> & Readonly<{}>, {
-            itemClass: string | unknown[] | Record<string, any>;
-        }, {}, {
-            DtListItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                id: {
-                    type: StringConstructor;
-                    default(): string;
-                };
-                role: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (role: unknown) => boolean;
-                };
-                elementType: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                type: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (t: unknown) => boolean;
-                };
-                navigationType: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (t: unknown) => boolean;
-                };
-                selected: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                wrapperClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-            }>, {}, {
-                injected: boolean;
-                mouseHighlighted: boolean;
-            }, {
-                isDefaultType(): boolean;
-                listItemListeners(): {
-                    keydown: (event: any) => void;
-                    mousemove: (event: any) => void;
-                    mouseleave: (event: any) => void;
-                };
-                isHighlighted(): boolean;
-                isFocusable(): boolean;
-                isHoverable(): boolean;
-            }, {
-                onClick(e: any): void;
-                onMouseHover(): void;
-                onMouseLeave(): void;
-            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("keydown" | "mouseleave" | "mousemove")[], "keydown" | "mouseleave" | "mousemove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                id: {
-                    type: StringConstructor;
-                    default(): string;
-                };
-                role: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (role: unknown) => boolean;
-                };
-                elementType: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                type: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (t: unknown) => boolean;
-                };
-                navigationType: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (t: unknown) => boolean;
-                };
-                selected: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                wrapperClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-            }>> & Readonly<{
-                onKeydown?: ((...args: any[]) => any) | undefined;
-                onMouseleave?: ((...args: any[]) => any) | undefined;
-                onMousemove?: ((...args: any[]) => any) | undefined;
-            }>, {
-                id: string;
-                type: string;
-                role: string;
-                selected: boolean;
-                elementType: string;
-                navigationType: string;
-                wrapperClass: string | unknown[] | Record<string, any>;
-            }, {}, {
-                DtItemLayout: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                    as: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    unstyled: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    leftClass: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    contentClass: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    titleClass: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    subtitleClass: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    bottomClass: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    rightClass: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    selectedClass: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                }>, {}, {}, {}, {
-                    dynamicGridTemplateColumns(): string;
-                    hasSlotContent: typeof hasSlotContent;
-                }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                    as: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    unstyled: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    leftClass: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    contentClass: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    titleClass: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    subtitleClass: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    bottomClass: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    rightClass: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    selectedClass: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                }>> & Readonly<{}>, {
-                    unstyled: boolean;
-                    contentClass: string;
-                    as: string;
-                    leftClass: string;
-                    titleClass: string;
-                    subtitleClass: string;
-                    bottomClass: string;
-                    rightClass: string;
-                    selectedClass: string;
-                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-                DtIconCheck: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                    size: {
-                        type: StringConstructor;
-                        default: string;
-                        validator: (s: unknown) => boolean;
-                    };
-                    ariaLabel: {
-                        type: StringConstructor;
-                        default: undefined;
-                    };
-                }>, {}, {}, {
-                    iconSizeClass(): any;
-                    ariaHidden(): "true" | "false";
-                    dataQA(): {};
-                }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                    size: {
-                        type: StringConstructor;
-                        default: string;
-                        validator: (s: unknown) => boolean;
-                    };
-                    ariaLabel: {
-                        type: StringConstructor;
-                        default: undefined;
-                    };
-                }>> & Readonly<{
-                    onLoaded?: ((...args: any[]) => any) | undefined;
-                }>, {
-                    size: string;
-                    ariaLabel: string;
-                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    DtPopover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        open: {
-            type: BooleanConstructor;
-            default: null;
-        };
-        openOnContext: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        elementType: {
-            type: StringConstructor;
-            default: string;
-        };
-        transition: {
-            type: StringConstructor;
-            default: string;
-        };
-        role: {
-            type: StringConstructor;
-            default: string;
-            validator: (role: unknown) => boolean;
-        };
-        ariaLabelledby: {
-            type: StringConstructor;
-            default: null;
-        };
-        ariaLabel: {
-            type: StringConstructor;
-            default: null;
-        };
-        padding: {
-            type: StringConstructor;
-            default: string;
-            validator: (padding: unknown) => boolean;
-        };
-        contentClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        contentWidth: {
-            type: StringConstructor;
-            default: string;
-            validator: (contentWidth: unknown) => boolean;
-        };
-        contentAppear: {
-            type: BooleanConstructor;
-            default: null;
-        };
-        contentTabindex: {
-            type: NumberConstructor;
-            default: number;
-        };
-        externalAnchor: {
-            type: StringConstructor;
-            default: string;
-        };
-        externalAnchorElement: {
-            type: {
-                new (): HTMLElement;
-                prototype: HTMLElement;
-            };
-            default: null;
-        };
-        id: {
-            type: StringConstructor;
-            default(): string;
-        };
-        offset: {
-            type: ArrayConstructor;
-            default: () => number[];
-        };
-        hideOnClick: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        modal: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        fallbackPlacements: {
-            type: ArrayConstructor;
-            default: () => string[];
-        };
-        placement: {
-            type: StringConstructor;
-            default: string;
-        };
-        tether: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        sticky: {
-            type: (StringConstructor | BooleanConstructor)[];
-            default: boolean;
-            validator: (sticky: unknown) => boolean;
-        };
-        maxHeight: {
-            type: StringConstructor;
-            default: string;
-        };
-        maxWidth: {
-            type: StringConstructor;
-            default: string;
-        };
-        showCloseButton: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        headerClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        footerClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        dialogClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        initialFocusElement: {
-            type: (StringConstructor | {
-                new (): HTMLElement;
-                prototype: HTMLElement;
-            })[];
-            default: string;
-            validator: (initialFocusElement: unknown) => any;
-        };
-        openWithArrowKeys: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        appendTo: {
-            type: (StringConstructor | {
-                new (): HTMLElement;
-                prototype: HTMLElement;
-            })[];
-            default: string;
-            validator: (appendTo: unknown) => boolean;
-        };
-    }>, {}, {
-        POPOVER_PADDING_CLASSES: {
-            none: undefined;
-            small: string;
-            medium: string;
-            large: string;
-        };
-        POPOVER_HEADER_FOOTER_PADDING_CLASSES: {
-            none: undefined;
-            small: string;
-            medium: string;
-            large: string;
-        };
-        intersectionObserver: null;
-        mutationObserver: null;
-        isOutsideViewport: boolean;
-        isOpen: boolean;
-        toAppear: boolean;
-        anchorEl: null;
-        popoverContentEl: null;
-        hasSlotContent: typeof hasSlotContent;
-    }, {
-        popoverListeners(): {
-            keydown: (event: any) => void;
-            'after-leave': () => void;
-            'after-enter': () => void;
-        };
-        calculatedMaxHeight(): string;
-        labelledBy(): string | false;
-    }, {
-        hasIntersectedViewport(entries: any): void;
-        updateAnchorEl(): void;
-        popperOptions(): {
-            modifiers: ({
-                name: string;
-                options: {
-                    fallbackPlacements: any[];
-                    boundary: string;
-                    altAxis?: undefined;
-                    tether?: undefined;
-                };
-                enabled?: undefined;
-            } | {
-                name: string;
-                enabled: boolean;
-                options?: undefined;
-            } | {
-                name: string;
-                options: {
-                    altAxis: boolean;
-                    tether: boolean;
-                    fallbackPlacements?: undefined;
-                    boundary?: undefined;
-                };
-                enabled?: undefined;
-            })[];
-        };
-        validateProps(): void;
-        calculateAnchorZindex(): 300 | 650;
-        defaultToggleOpen(e: any): void;
-        onContext(event: any): Promise<void>;
-        toggleOpen(): void;
-        onArrowKeyPress(e: any): void;
-        addEventListeners(): void;
-        removeEventListeners(): void;
-        closePopover(): void;
-        preventScrolling(): void;
-        enableScrolling(): void;
-        removeReferences(): void;
-        onShow(): Promise<void>;
-        onLeaveTransitionComplete(): Promise<void>;
-        onEnterTransitionComplete(): Promise<void>;
-        focusInitialElement(): void;
-        focusInitialElementById(): void;
-        onResize(): void;
-        onClickOutside(): void;
-        onKeydown(e: any): void;
-        setPopoverContentAnchorWidth(): Promise<void>;
-        focusFirstElementIfNeeded(domEl: any): void;
-        getReferenceClientRect(error: any): any;
-        initTippyInstance(): void;
-        onMouseEnter(): void;
-        onMouseLeave(): void;
-        onMouseEnterAnchor(): void;
-        onMouseLeaveAnchor(): void;
-    }, {
-        methods: {
-            getFirstFocusableElement(el: object): Promise<any>;
-            focusFirstElement(el?: object): Promise<void>;
-            focusElementById(elementId: any): Promise<void>;
-            _getFirstFocusElement(focusableElements: any): any;
-            _getFocusableElements(el?: object, includeNegativeTabIndex?: bool): any[];
-            focusTrappedTabPress(e: object, el: object): void;
-        };
-    }, import('vue').ComponentOptionsMixin, ("keydown" | "update:open" | "opened" | "mouseenter-popover" | "mouseleave-popover" | "mouseenter-popover-anchor" | "mouseleave-popover-anchor")[], "keydown" | "update:open" | "opened" | "mouseenter-popover" | "mouseleave-popover" | "mouseenter-popover-anchor" | "mouseleave-popover-anchor", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        open: {
-            type: BooleanConstructor;
-            default: null;
-        };
-        openOnContext: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        elementType: {
-            type: StringConstructor;
-            default: string;
-        };
-        transition: {
-            type: StringConstructor;
-            default: string;
-        };
-        role: {
-            type: StringConstructor;
-            default: string;
-            validator: (role: unknown) => boolean;
-        };
-        ariaLabelledby: {
-            type: StringConstructor;
-            default: null;
-        };
-        ariaLabel: {
-            type: StringConstructor;
-            default: null;
-        };
-        padding: {
-            type: StringConstructor;
-            default: string;
-            validator: (padding: unknown) => boolean;
-        };
-        contentClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        contentWidth: {
-            type: StringConstructor;
-            default: string;
-            validator: (contentWidth: unknown) => boolean;
-        };
-        contentAppear: {
-            type: BooleanConstructor;
-            default: null;
-        };
-        contentTabindex: {
-            type: NumberConstructor;
-            default: number;
-        };
-        externalAnchor: {
-            type: StringConstructor;
-            default: string;
-        };
-        externalAnchorElement: {
-            type: {
-                new (): HTMLElement;
-                prototype: HTMLElement;
-            };
-            default: null;
-        };
-        id: {
-            type: StringConstructor;
-            default(): string;
-        };
-        offset: {
-            type: ArrayConstructor;
-            default: () => number[];
-        };
-        hideOnClick: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        modal: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        fallbackPlacements: {
-            type: ArrayConstructor;
-            default: () => string[];
-        };
-        placement: {
-            type: StringConstructor;
-            default: string;
-        };
-        tether: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        sticky: {
-            type: (StringConstructor | BooleanConstructor)[];
-            default: boolean;
-            validator: (sticky: unknown) => boolean;
-        };
-        maxHeight: {
-            type: StringConstructor;
-            default: string;
-        };
-        maxWidth: {
-            type: StringConstructor;
-            default: string;
-        };
-        showCloseButton: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        headerClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        footerClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        dialogClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        initialFocusElement: {
-            type: (StringConstructor | {
-                new (): HTMLElement;
-                prototype: HTMLElement;
-            })[];
-            default: string;
-            validator: (initialFocusElement: unknown) => any;
-        };
-        openWithArrowKeys: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        appendTo: {
-            type: (StringConstructor | {
-                new (): HTMLElement;
-                prototype: HTMLElement;
-            })[];
-            default: string;
-            validator: (appendTo: unknown) => boolean;
-        };
-    }>> & Readonly<{
-        onKeydown?: ((...args: any[]) => any) | undefined;
-        "onUpdate:open"?: ((...args: any[]) => any) | undefined;
-        onOpened?: ((...args: any[]) => any) | undefined;
-        "onMouseenter-popover"?: ((...args: any[]) => any) | undefined;
-        "onMouseleave-popover"?: ((...args: any[]) => any) | undefined;
-        "onMouseenter-popover-anchor"?: ((...args: any[]) => any) | undefined;
-        "onMouseleave-popover-anchor"?: ((...args: any[]) => any) | undefined;
-    }>, {
-        id: string;
-        offset: unknown[];
-        open: boolean;
-        ariaLabel: string;
-        role: string;
-        dialogClass: string | unknown[] | Record<string, any>;
-        maxHeight: string;
-        contentClass: string | unknown[] | Record<string, any>;
-        headerClass: string | unknown[] | Record<string, any>;
-        footerClass: string | unknown[] | Record<string, any>;
-        elementType: string;
-        transition: string;
-        maxWidth: string;
-        appendTo: string | HTMLElement;
-        hideOnClick: boolean;
-        placement: string;
-        sticky: string | boolean;
-        fallbackPlacements: unknown[];
-        tether: boolean;
-        externalAnchor: string;
-        externalAnchorElement: HTMLElement;
-        showCloseButton: boolean;
-        openOnContext: boolean;
-        ariaLabelledby: string;
-        padding: string;
-        contentWidth: string;
-        contentAppear: boolean;
-        contentTabindex: number;
-        modal: boolean;
-        initialFocusElement: string | HTMLElement;
-        openWithArrowKeys: boolean;
-    }, {}, {
-        SrOnlyCloseButton: import('vue').DefineComponent<{}, {}, {
-            i18n: any;
-        }, {
-            closeButtonTitle(): any;
-        }, {
-            close(): void;
-        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "close"[], "close", import('vue').PublicProps, Readonly<{}> & Readonly<{
-            onClose?: ((...args: any[]) => any) | undefined;
-        }>, {}, {}, {
-            DtIconClose: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                size: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (s: unknown) => boolean;
-                };
-                ariaLabel: {
-                    type: StringConstructor;
-                    default: undefined;
-                };
-            }>, {}, {}, {
-                iconSizeClass(): any;
-                ariaHidden(): "true" | "false";
-                dataQA(): {};
-            }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                size: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (s: unknown) => boolean;
-                };
-                ariaLabel: {
-                    type: StringConstructor;
-                    default: undefined;
-                };
-            }>> & Readonly<{
-                onLoaded?: ((...args: any[]) => any) | undefined;
-            }>, {
-                size: string;
-                ariaLabel: string;
-            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-            DtButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                circle: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                iconPosition: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (position: unknown) => boolean;
-                };
-                importance: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (i: unknown) => boolean;
-                };
-                link: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                linkKind: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (lk: unknown) => boolean;
-                };
-                linkInverted: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                disabled: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                type: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (t: unknown) => boolean;
-                };
-                width: {
-                    type: StringConstructor;
-                    default: null;
-                };
-                size: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (s: unknown) => boolean;
-                };
-                labelClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                loading: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                kind: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (k: unknown) => boolean;
-                };
-                assertiveOnFocus: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                active: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                to: {
-                    type: (ObjectConstructor | StringConstructor)[];
-                    default: null;
-                };
-                href: {
-                    type: StringConstructor;
-                    default: null;
-                };
-                target: {
-                    type: StringConstructor;
-                    default: null;
-                };
-                rel: {
-                    type: StringConstructor;
-                    default: null;
-                };
-                replace: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-            }>, {}, {
-                ICON_POSITION_MODIFIERS: {
-                    left: string;
-                    right: string;
-                    top: string;
-                    bottom: string;
-                };
-                isInFocus: boolean;
-                hasSlotContent: typeof hasSlotContent;
-                i18n: any;
-            }, {
-                computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
-                isNativeButton(): boolean;
-                computedAttrs(): {
-                    'aria-disabled'?: string | undefined;
-                    tabindex?: string | undefined;
-                    to: string | Record<string, any>;
-                    replace: boolean;
-                    type?: undefined;
-                    disabled?: undefined;
-                } | {
-                    'aria-disabled'?: string | undefined;
-                    tabindex?: string | undefined;
-                    href: string | null;
-                    target: string;
-                    rel: string;
-                    type?: undefined;
-                    disabled?: undefined;
-                } | {
-                    type: string;
-                    disabled: boolean;
-                };
-                computedListeners(): {
-                    focusin: (e: any) => void;
-                    focusout: (e: any) => void;
-                };
-                computedAriaLive(): unknown;
-                iconSize(): any;
-                loaderSize(): any;
-            }, {
-                resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
-                buttonClasses(): any[];
-                isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
-                shouldRenderIcon(): any;
-                isIconOnly(): any;
-                isVerticalIconLayout(): boolean;
-            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                circle: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                iconPosition: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (position: unknown) => boolean;
-                };
-                importance: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (i: unknown) => boolean;
-                };
-                link: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                linkKind: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (lk: unknown) => boolean;
-                };
-                linkInverted: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                disabled: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                type: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (t: unknown) => boolean;
-                };
-                width: {
-                    type: StringConstructor;
-                    default: null;
-                };
-                size: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (s: unknown) => boolean;
-                };
-                labelClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                loading: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                kind: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (k: unknown) => boolean;
-                };
-                assertiveOnFocus: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                active: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                to: {
-                    type: (ObjectConstructor | StringConstructor)[];
-                    default: null;
-                };
-                href: {
-                    type: StringConstructor;
-                    default: null;
-                };
-                target: {
-                    type: StringConstructor;
-                    default: null;
-                };
-                rel: {
-                    type: StringConstructor;
-                    default: null;
-                };
-                replace: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-            }>> & Readonly<{
-                onFocusin?: ((...args: any[]) => any) | undefined;
-                onFocusout?: ((...args: any[]) => any) | undefined;
-            }>, {
-                link: boolean;
-                disabled: boolean;
-                type: string;
-                target: string;
-                circle: boolean;
-                active: boolean;
-                loading: boolean;
-                size: string;
-                replace: boolean;
-                kind: string;
-                labelClass: string | unknown[] | Record<string, any>;
-                href: string;
-                to: string | Record<string, any>;
-                iconPosition: string;
-                importance: string;
-                linkKind: string;
-                linkInverted: boolean;
-                width: string;
-                assertiveOnFocus: boolean;
-                rel: string;
-            }, {}, {
-                DtLoader: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                    ariaLabel: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    size: {
-                        type: StringConstructor;
-                        default: string;
-                        validator: (s: unknown) => boolean;
-                    };
-                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                    ariaLabel: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    size: {
-                        type: StringConstructor;
-                        default: string;
-                        validator: (s: unknown) => boolean;
-                    };
-                }>> & Readonly<{}>, {
-                    size: string;
-                    ariaLabel: string;
-                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        DtLazyShow: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            show: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            transition: {
-                type: StringConstructor;
-                default: null;
-            };
-            appear: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>, {}, {
-            initialized: boolean;
-        }, {
-            isCSSEnabled(): boolean;
-        }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            show: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            transition: {
-                type: StringConstructor;
-                default: null;
-            };
-            appear: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & Readonly<{}>, {
-            show: boolean;
-            appear: boolean;
-            transition: string;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        PopoverHeaderFooter: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            type: {
-                type: StringConstructor;
-                validator: (value: unknown) => boolean;
-            };
-            contentClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            showCloseButton: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>, {}, {
-            hasSlotContent: typeof hasSlotContent;
-            i18n: any;
-        }, {
-            closeButtonTitle(): any;
-        }, {
-            focusCloseButton(): void;
-        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "close"[], "close", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            type: {
-                type: StringConstructor;
-                validator: (value: unknown) => boolean;
-            };
-            contentClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            showCloseButton: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & Readonly<{
-            onClose?: ((...args: any[]) => any) | undefined;
-        }>, {
-            contentClass: string | unknown[] | Record<string, any>;
-            showCloseButton: boolean;
-        }, {}, {
-            DtButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                circle: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                iconPosition: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (position: unknown) => boolean;
-                };
-                importance: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (i: unknown) => boolean;
-                };
-                link: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                linkKind: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (lk: unknown) => boolean;
-                };
-                linkInverted: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                disabled: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                type: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (t: unknown) => boolean;
-                };
-                width: {
-                    type: StringConstructor;
-                    default: null;
-                };
-                size: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (s: unknown) => boolean;
-                };
-                labelClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                loading: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                kind: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (k: unknown) => boolean;
-                };
-                assertiveOnFocus: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                active: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                to: {
-                    type: (ObjectConstructor | StringConstructor)[];
-                    default: null;
-                };
-                href: {
-                    type: StringConstructor;
-                    default: null;
-                };
-                target: {
-                    type: StringConstructor;
-                    default: null;
-                };
-                rel: {
-                    type: StringConstructor;
-                    default: null;
-                };
-                replace: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-            }>, {}, {
-                ICON_POSITION_MODIFIERS: {
-                    left: string;
-                    right: string;
-                    top: string;
-                    bottom: string;
-                };
-                isInFocus: boolean;
-                hasSlotContent: typeof hasSlotContent;
-                i18n: any;
-            }, {
-                computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
-                isNativeButton(): boolean;
-                computedAttrs(): {
-                    'aria-disabled'?: string | undefined;
-                    tabindex?: string | undefined;
-                    to: string | Record<string, any>;
-                    replace: boolean;
-                    type?: undefined;
-                    disabled?: undefined;
-                } | {
-                    'aria-disabled'?: string | undefined;
-                    tabindex?: string | undefined;
-                    href: string | null;
-                    target: string;
-                    rel: string;
-                    type?: undefined;
-                    disabled?: undefined;
-                } | {
-                    type: string;
-                    disabled: boolean;
-                };
-                computedListeners(): {
-                    focusin: (e: any) => void;
-                    focusout: (e: any) => void;
-                };
-                computedAriaLive(): unknown;
-                iconSize(): any;
-                loaderSize(): any;
-            }, {
-                resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
-                buttonClasses(): any[];
-                isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
-                shouldRenderIcon(): any;
-                isIconOnly(): any;
-                isVerticalIconLayout(): boolean;
-            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                circle: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                iconPosition: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (position: unknown) => boolean;
-                };
-                importance: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (i: unknown) => boolean;
-                };
-                link: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                linkKind: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (lk: unknown) => boolean;
-                };
-                linkInverted: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                disabled: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                type: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (t: unknown) => boolean;
-                };
-                width: {
-                    type: StringConstructor;
-                    default: null;
-                };
-                size: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (s: unknown) => boolean;
-                };
-                labelClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                loading: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                kind: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (k: unknown) => boolean;
-                };
-                assertiveOnFocus: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                active: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                to: {
-                    type: (ObjectConstructor | StringConstructor)[];
-                    default: null;
-                };
-                href: {
-                    type: StringConstructor;
-                    default: null;
-                };
-                target: {
-                    type: StringConstructor;
-                    default: null;
-                };
-                rel: {
-                    type: StringConstructor;
-                    default: null;
-                };
-                replace: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-            }>> & Readonly<{
-                onFocusin?: ((...args: any[]) => any) | undefined;
-                onFocusout?: ((...args: any[]) => any) | undefined;
-            }>, {
-                link: boolean;
-                disabled: boolean;
-                type: string;
-                target: string;
-                circle: boolean;
-                active: boolean;
-                loading: boolean;
-                size: string;
-                replace: boolean;
-                kind: string;
-                labelClass: string | unknown[] | Record<string, any>;
-                href: string;
-                to: string | Record<string, any>;
-                iconPosition: string;
-                importance: string;
-                linkKind: string;
-                linkInverted: boolean;
-                width: string;
-                assertiveOnFocus: boolean;
-                rel: string;
-            }, {}, {
-                DtLoader: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                    ariaLabel: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    size: {
-                        type: StringConstructor;
-                        default: string;
-                        validator: (s: unknown) => boolean;
-                    };
-                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                    ariaLabel: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    size: {
-                        type: StringConstructor;
-                        default: string;
-                        validator: (s: unknown) => boolean;
-                    };
-                }>> & Readonly<{}>, {
-                    size: string;
-                    ariaLabel: string;
-                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-            DtIconClose: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                size: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (s: unknown) => boolean;
-                };
-                ariaLabel: {
-                    type: StringConstructor;
-                    default: undefined;
-                };
-            }>, {}, {}, {
-                iconSizeClass(): any;
-                ariaHidden(): "true" | "false";
-                dataQA(): {};
-            }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                size: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (s: unknown) => boolean;
-                };
-                ariaLabel: {
-                    type: StringConstructor;
-                    default: undefined;
-                };
-            }>> & Readonly<{
-                onLoaded?: ((...args: any[]) => any) | undefined;
-            }>, {
-                size: string;
-                ariaLabel: string;
-            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    ComboboxLoadingList: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
-        DtListItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            id: {
-                type: StringConstructor;
-                default(): string;
-            };
-            role: {
-                type: StringConstructor;
-                default: string;
-                validator: (role: unknown) => boolean;
-            };
-            elementType: {
-                type: StringConstructor;
-                default: string;
-            };
-            type: {
-                type: StringConstructor;
-                default: string;
-                validator: (t: unknown) => boolean;
-            };
-            navigationType: {
-                type: StringConstructor;
-                default: string;
-                validator: (t: unknown) => boolean;
-            };
-            selected: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            wrapperClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-        }>, {}, {
-            injected: boolean;
-            mouseHighlighted: boolean;
-        }, {
-            isDefaultType(): boolean;
-            listItemListeners(): {
-                keydown: (event: any) => void;
-                mousemove: (event: any) => void;
-                mouseleave: (event: any) => void;
-            };
-            isHighlighted(): boolean;
-            isFocusable(): boolean;
-            isHoverable(): boolean;
-        }, {
-            onClick(e: any): void;
-            onMouseHover(): void;
-            onMouseLeave(): void;
-        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("keydown" | "mouseleave" | "mousemove")[], "keydown" | "mouseleave" | "mousemove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            id: {
-                type: StringConstructor;
-                default(): string;
-            };
-            role: {
-                type: StringConstructor;
-                default: string;
-                validator: (role: unknown) => boolean;
-            };
-            elementType: {
-                type: StringConstructor;
-                default: string;
-            };
-            type: {
-                type: StringConstructor;
-                default: string;
-                validator: (t: unknown) => boolean;
-            };
-            navigationType: {
-                type: StringConstructor;
-                default: string;
-                validator: (t: unknown) => boolean;
-            };
-            selected: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            wrapperClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-        }>> & Readonly<{
-            onKeydown?: ((...args: any[]) => any) | undefined;
-            onMouseleave?: ((...args: any[]) => any) | undefined;
-            onMousemove?: ((...args: any[]) => any) | undefined;
-        }>, {
-            id: string;
-            type: string;
-            role: string;
-            selected: boolean;
-            elementType: string;
-            navigationType: string;
-            wrapperClass: string | unknown[] | Record<string, any>;
-        }, {}, {
-            DtItemLayout: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                as: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                unstyled: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                leftClass: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                contentClass: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                titleClass: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                subtitleClass: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                bottomClass: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                rightClass: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                selectedClass: {
-                    type: StringConstructor;
-                    default: string;
-                };
-            }>, {}, {}, {}, {
-                dynamicGridTemplateColumns(): string;
-                hasSlotContent: typeof hasSlotContent;
-            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                as: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                unstyled: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                leftClass: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                contentClass: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                titleClass: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                subtitleClass: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                bottomClass: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                rightClass: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                selectedClass: {
-                    type: StringConstructor;
-                    default: string;
-                };
-            }>> & Readonly<{}>, {
-                unstyled: boolean;
-                contentClass: string;
-                as: string;
-                leftClass: string;
-                titleClass: string;
-                subtitleClass: string;
-                bottomClass: string;
-                rightClass: string;
-                selectedClass: string;
-            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-            DtIconCheck: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                size: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (s: unknown) => boolean;
-                };
-                ariaLabel: {
-                    type: StringConstructor;
-                    default: undefined;
-                };
-            }>, {}, {}, {
-                iconSizeClass(): any;
-                ariaHidden(): "true" | "false";
-                dataQA(): {};
-            }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                size: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (s: unknown) => boolean;
-                };
-                ariaLabel: {
-                    type: StringConstructor;
-                    default: undefined;
-                };
-            }>> & Readonly<{
-                onLoaded?: ((...args: any[]) => any) | undefined;
-            }>, {
-                size: string;
-                ariaLabel: string;
-            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        DtSkeleton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            paragraphOption: {
-                type: (ObjectConstructor | BooleanConstructor)[];
-                default: null;
-            };
-            listItemOption: {
-                type: (ObjectConstructor | BooleanConstructor)[];
-                default: null;
-            };
-            textOption: {
-                type: ObjectConstructor;
-                default: null;
-            };
-            shapeOption: {
-                type: (ObjectConstructor | BooleanConstructor)[];
-                default: null;
-            };
-            animationDuration: {
-                type: NumberConstructor;
-                default: number;
-            };
-            ariaLabel: {
-                type: StringConstructor;
-                default: string;
-            };
-            animate: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            offset: {
-                type: NumberConstructor;
-                default: number;
-            };
-        }>, {}, {}, {
-            validationOptions(): {
-                paragraphOption: boolean | Record<string, any>;
-                listItemOption: boolean | Record<string, any>;
-                textOption: Record<string, any>;
-                shapeOption: boolean | Record<string, any>;
-            };
-        }, {
-            validator(): void;
-        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            paragraphOption: {
-                type: (ObjectConstructor | BooleanConstructor)[];
-                default: null;
-            };
-            listItemOption: {
-                type: (ObjectConstructor | BooleanConstructor)[];
-                default: null;
-            };
-            textOption: {
-                type: ObjectConstructor;
-                default: null;
-            };
-            shapeOption: {
-                type: (ObjectConstructor | BooleanConstructor)[];
-                default: null;
-            };
-            animationDuration: {
-                type: NumberConstructor;
-                default: number;
-            };
-            ariaLabel: {
-                type: StringConstructor;
-                default: string;
-            };
-            animate: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            offset: {
-                type: NumberConstructor;
-                default: number;
-            };
-        }>> & Readonly<{}>, {
-            offset: number;
-            animationDuration: number;
-            ariaLabel: string;
-            animate: boolean;
-            paragraphOption: boolean | Record<string, any>;
-            listItemOption: boolean | Record<string, any>;
-            textOption: Record<string, any>;
-            shapeOption: boolean | Record<string, any>;
-        }, {}, {
-            DtSkeletonText: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                type: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (type: unknown) => boolean;
-                };
-                headingHeight: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (headingHeight: unknown) => boolean;
-                };
-                width: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                animationDuration: {
-                    type: NumberConstructor;
-                    default: number;
-                };
-                animate: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                offset: {
-                    type: NumberConstructor;
-                    default: number;
-                };
-                contentClass: {
-                    type: StringConstructor;
-                    default: string;
-                };
-            }>, {}, {
-                SKELETON_HEADING_HEIGHTS: {
-                    sm: string;
-                    md: string;
-                    lg: string;
-                };
-            }, {}, {}, {
-                computed: {
-                    skeletonOffset(): any;
-                    skeletonStyle(): {
-                        animationDelay: string;
-                        animationDuration: any;
-                    };
-                };
-            }, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                type: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (type: unknown) => boolean;
-                };
-                headingHeight: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (headingHeight: unknown) => boolean;
-                };
-                width: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                animationDuration: {
-                    type: NumberConstructor;
-                    default: number;
-                };
-                animate: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                offset: {
-                    type: NumberConstructor;
-                    default: number;
-                };
-                contentClass: {
-                    type: StringConstructor;
-                    default: string;
-                };
-            }>> & Readonly<{}>, {
-                type: string;
-                offset: number;
-                animationDuration: number;
-                width: string;
-                contentClass: string;
-                animate: boolean;
-                headingHeight: string;
-            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-            DtSkeletonShape: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                shape: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (shape: unknown) => boolean;
-                };
-                size: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                animationDuration: {
-                    type: NumberConstructor;
-                    default: number;
-                };
-                animate: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                offset: {
-                    type: NumberConstructor;
-                    default: number;
-                };
-                contentClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-            }>, {}, {
-                SKELETON_SHAPES: {
-                    circle: string;
-                    square: string;
-                };
-            }, {
-                shapeStyles(): {
-                    'min-width': any;
-                    'max-width': any;
-                    'min-height': any;
-                    'max-height': any;
-                    animationDelay: string;
-                    animationDuration: any;
-                };
-            }, {}, {
-                computed: {
-                    skeletonOffset(): any;
-                    skeletonStyle(): {
-                        animationDelay: string;
-                        animationDuration: any;
-                    };
-                };
-            }, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                shape: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (shape: unknown) => boolean;
-                };
-                size: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                animationDuration: {
-                    type: NumberConstructor;
-                    default: number;
-                };
-                animate: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                offset: {
-                    type: NumberConstructor;
-                    default: number;
-                };
-                contentClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-            }>> & Readonly<{}>, {
-                offset: number;
-                animationDuration: number;
-                size: string;
-                contentClass: string | unknown[] | Record<string, any>;
-                shape: string;
-                animate: boolean;
-            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-            DtSkeletonListItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                shape: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (shape: unknown) => boolean;
-                };
-                shapeSize: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                paragraphs: {
-                    type: ObjectConstructor;
-                    default: () => {
-                        rows: number;
-                        randomWidth: boolean;
-                    };
-                };
-                animationDuration: {
-                    type: NumberConstructor;
-                    default: number;
-                };
-                animate: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                offset: {
-                    type: NumberConstructor;
-                    default: number;
-                };
-                shapeClass: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                contentClass: {
-                    type: StringConstructor;
-                    default: string;
-                };
-            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                shape: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (shape: unknown) => boolean;
-                };
-                shapeSize: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                paragraphs: {
-                    type: ObjectConstructor;
-                    default: () => {
-                        rows: number;
-                        randomWidth: boolean;
-                    };
-                };
-                animationDuration: {
-                    type: NumberConstructor;
-                    default: number;
-                };
-                animate: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                offset: {
-                    type: NumberConstructor;
-                    default: number;
-                };
-                shapeClass: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                contentClass: {
-                    type: StringConstructor;
-                    default: string;
-                };
-            }>> & Readonly<{}>, {
-                offset: number;
-                animationDuration: number;
-                contentClass: string;
-                shape: string;
-                animate: boolean;
-                shapeSize: string;
-                paragraphs: Record<string, any>;
-                shapeClass: string;
-            }, {}, {
-                DtSkeletonShape: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                    shape: {
-                        type: StringConstructor;
-                        default: string;
-                        validator: (shape: unknown) => boolean;
-                    };
-                    size: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    animationDuration: {
-                        type: NumberConstructor;
-                        default: number;
-                    };
-                    animate: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    offset: {
-                        type: NumberConstructor;
-                        default: number;
-                    };
-                    contentClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                }>, {}, {
-                    SKELETON_SHAPES: {
-                        circle: string;
-                        square: string;
-                    };
-                }, {
-                    shapeStyles(): {
-                        'min-width': any;
-                        'max-width': any;
-                        'min-height': any;
-                        'max-height': any;
-                        animationDelay: string;
-                        animationDuration: any;
-                    };
-                }, {}, {
-                    computed: {
-                        skeletonOffset(): any;
-                        skeletonStyle(): {
-                            animationDelay: string;
-                            animationDuration: any;
-                        };
-                    };
-                }, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                    shape: {
-                        type: StringConstructor;
-                        default: string;
-                        validator: (shape: unknown) => boolean;
-                    };
-                    size: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    animationDuration: {
-                        type: NumberConstructor;
-                        default: number;
-                    };
-                    animate: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    offset: {
-                        type: NumberConstructor;
-                        default: number;
-                    };
-                    contentClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                }>> & Readonly<{}>, {
-                    offset: number;
-                    animationDuration: number;
-                    size: string;
-                    contentClass: string | unknown[] | Record<string, any>;
-                    shape: string;
-                    animate: boolean;
-                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-                DtSkeletonParagraph: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                    rows: {
-                        type: (StringConstructor | NumberConstructor)[];
-                        default: number;
-                        validator: (number: any) => boolean;
-                    };
-                    animate: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    minWidth: {
-                        type: (StringConstructor | NumberConstructor)[];
-                        default: number;
-                        validator: (number: any) => boolean;
-                    };
-                    maxWidth: {
-                        type: (StringConstructor | NumberConstructor)[];
-                        default: number;
-                        validator: (number: any) => boolean;
-                    };
-                    width: {
-                        type: (StringConstructor | ArrayConstructor)[];
-                        default: null;
-                    };
-                    randomWidth: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    offset: {
-                        type: NumberConstructor;
-                        default: number;
-                    };
-                    animationDuration: {
-                        type: NumberConstructor;
-                        default: number;
-                    };
-                    contentClass: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    rowClass: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                }>, {}, {}, {
-                    integerRows(): number;
-                }, {
-                    randomWidthPercentage(): string;
-                    getSizeParagraphRow(row: any): {};
-                }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                    rows: {
-                        type: (StringConstructor | NumberConstructor)[];
-                        default: number;
-                        validator: (number: any) => boolean;
-                    };
-                    animate: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    minWidth: {
-                        type: (StringConstructor | NumberConstructor)[];
-                        default: number;
-                        validator: (number: any) => boolean;
-                    };
-                    maxWidth: {
-                        type: (StringConstructor | NumberConstructor)[];
-                        default: number;
-                        validator: (number: any) => boolean;
-                    };
-                    width: {
-                        type: (StringConstructor | ArrayConstructor)[];
-                        default: null;
-                    };
-                    randomWidth: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    offset: {
-                        type: NumberConstructor;
-                        default: number;
-                    };
-                    animationDuration: {
-                        type: NumberConstructor;
-                        default: number;
-                    };
-                    contentClass: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    rowClass: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                }>> & Readonly<{}>, {
-                    offset: number;
-                    animationDuration: number;
-                    width: string | unknown[];
-                    contentClass: string;
-                    maxWidth: string | number;
-                    animate: boolean;
-                    rows: string | number;
-                    minWidth: string | number;
-                    randomWidth: boolean;
-                    rowClass: string;
-                }, {}, {
-                    DtSkeletonText: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                        type: {
-                            type: StringConstructor;
-                            default: string;
-                            validator: (type: unknown) => boolean;
-                        };
-                        headingHeight: {
-                            type: StringConstructor;
-                            default: string;
-                            validator: (headingHeight: unknown) => boolean;
-                        };
-                        width: {
-                            type: StringConstructor;
-                            default: string;
-                        };
-                        animationDuration: {
-                            type: NumberConstructor;
-                            default: number;
-                        };
-                        animate: {
-                            type: BooleanConstructor;
-                            default: boolean;
-                        };
-                        offset: {
-                            type: NumberConstructor;
-                            default: number;
-                        };
-                        contentClass: {
-                            type: StringConstructor;
-                            default: string;
-                        };
-                    }>, {}, {
-                        SKELETON_HEADING_HEIGHTS: {
-                            sm: string;
-                            md: string;
-                            lg: string;
-                        };
-                    }, {}, {}, {
-                        computed: {
-                            skeletonOffset(): any;
-                            skeletonStyle(): {
-                                animationDelay: string;
-                                animationDuration: any;
-                            };
-                        };
-                    }, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                        type: {
-                            type: StringConstructor;
-                            default: string;
-                            validator: (type: unknown) => boolean;
-                        };
-                        headingHeight: {
-                            type: StringConstructor;
-                            default: string;
-                            validator: (headingHeight: unknown) => boolean;
-                        };
-                        width: {
-                            type: StringConstructor;
-                            default: string;
-                        };
-                        animationDuration: {
-                            type: NumberConstructor;
-                            default: number;
-                        };
-                        animate: {
-                            type: BooleanConstructor;
-                            default: boolean;
-                        };
-                        offset: {
-                            type: NumberConstructor;
-                            default: number;
-                        };
-                        contentClass: {
-                            type: StringConstructor;
-                            default: string;
-                        };
-                    }>> & Readonly<{}>, {
-                        type: string;
-                        offset: number;
-                        animationDuration: number;
-                        width: string;
-                        contentClass: string;
-                        animate: boolean;
-                        headingHeight: string;
-                    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-                }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-            DtSkeletonParagraph: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                rows: {
-                    type: (StringConstructor | NumberConstructor)[];
-                    default: number;
-                    validator: (number: any) => boolean;
-                };
-                animate: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                minWidth: {
-                    type: (StringConstructor | NumberConstructor)[];
-                    default: number;
-                    validator: (number: any) => boolean;
-                };
-                maxWidth: {
-                    type: (StringConstructor | NumberConstructor)[];
-                    default: number;
-                    validator: (number: any) => boolean;
-                };
-                width: {
-                    type: (StringConstructor | ArrayConstructor)[];
-                    default: null;
-                };
-                randomWidth: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                offset: {
-                    type: NumberConstructor;
-                    default: number;
-                };
-                animationDuration: {
-                    type: NumberConstructor;
-                    default: number;
-                };
-                contentClass: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                rowClass: {
-                    type: StringConstructor;
-                    default: string;
-                };
-            }>, {}, {}, {
-                integerRows(): number;
-            }, {
-                randomWidthPercentage(): string;
-                getSizeParagraphRow(row: any): {};
-            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                rows: {
-                    type: (StringConstructor | NumberConstructor)[];
-                    default: number;
-                    validator: (number: any) => boolean;
-                };
-                animate: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                minWidth: {
-                    type: (StringConstructor | NumberConstructor)[];
-                    default: number;
-                    validator: (number: any) => boolean;
-                };
-                maxWidth: {
-                    type: (StringConstructor | NumberConstructor)[];
-                    default: number;
-                    validator: (number: any) => boolean;
-                };
-                width: {
-                    type: (StringConstructor | ArrayConstructor)[];
-                    default: null;
-                };
-                randomWidth: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                offset: {
-                    type: NumberConstructor;
-                    default: number;
-                };
-                animationDuration: {
-                    type: NumberConstructor;
-                    default: number;
-                };
-                contentClass: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                rowClass: {
-                    type: StringConstructor;
-                    default: string;
-                };
-            }>> & Readonly<{}>, {
-                offset: number;
-                animationDuration: number;
-                width: string | unknown[];
-                contentClass: string;
-                maxWidth: string | number;
-                animate: boolean;
-                rows: string | number;
-                minWidth: string | number;
-                randomWidth: boolean;
-                rowClass: string;
-            }, {}, {
-                DtSkeletonText: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                    type: {
-                        type: StringConstructor;
-                        default: string;
-                        validator: (type: unknown) => boolean;
-                    };
-                    headingHeight: {
-                        type: StringConstructor;
-                        default: string;
-                        validator: (headingHeight: unknown) => boolean;
-                    };
-                    width: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    animationDuration: {
-                        type: NumberConstructor;
-                        default: number;
-                    };
-                    animate: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    offset: {
-                        type: NumberConstructor;
-                        default: number;
-                    };
-                    contentClass: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                }>, {}, {
-                    SKELETON_HEADING_HEIGHTS: {
-                        sm: string;
-                        md: string;
-                        lg: string;
-                    };
-                }, {}, {}, {
-                    computed: {
-                        skeletonOffset(): any;
-                        skeletonStyle(): {
-                            animationDelay: string;
-                            animationDuration: any;
-                        };
-                    };
-                }, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                    type: {
-                        type: StringConstructor;
-                        default: string;
-                        validator: (type: unknown) => boolean;
-                    };
-                    headingHeight: {
-                        type: StringConstructor;
-                        default: string;
-                        validator: (headingHeight: unknown) => boolean;
-                    };
-                    width: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    animationDuration: {
-                        type: NumberConstructor;
-                        default: number;
-                    };
-                    animate: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    offset: {
-                        type: NumberConstructor;
-                        default: number;
-                    };
-                    contentClass: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                }>> & Readonly<{}>, {
-                    type: string;
-                    offset: number;
-                    animationDuration: number;
-                    width: string;
-                    contentClass: string;
-                    animate: boolean;
-                    headingHeight: string;
-                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    ComboboxEmptyList: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        message: {
-            type: StringConstructor;
-            required: true;
-        };
-        itemClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        message: {
-            type: StringConstructor;
-            required: true;
-        };
-        itemClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-    }>> & Readonly<{}>, {
-        itemClass: string | unknown[] | Record<string, any>;
-    }, {}, {
-        DtListItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            id: {
-                type: StringConstructor;
-                default(): string;
-            };
-            role: {
-                type: StringConstructor;
-                default: string;
-                validator: (role: unknown) => boolean;
-            };
-            elementType: {
-                type: StringConstructor;
-                default: string;
-            };
-            type: {
-                type: StringConstructor;
-                default: string;
-                validator: (t: unknown) => boolean;
-            };
-            navigationType: {
-                type: StringConstructor;
-                default: string;
-                validator: (t: unknown) => boolean;
-            };
-            selected: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            wrapperClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-        }>, {}, {
-            injected: boolean;
-            mouseHighlighted: boolean;
-        }, {
-            isDefaultType(): boolean;
-            listItemListeners(): {
-                keydown: (event: any) => void;
-                mousemove: (event: any) => void;
-                mouseleave: (event: any) => void;
-            };
-            isHighlighted(): boolean;
-            isFocusable(): boolean;
-            isHoverable(): boolean;
-        }, {
-            onClick(e: any): void;
-            onMouseHover(): void;
-            onMouseLeave(): void;
-        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("keydown" | "mouseleave" | "mousemove")[], "keydown" | "mouseleave" | "mousemove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            id: {
-                type: StringConstructor;
-                default(): string;
-            };
-            role: {
-                type: StringConstructor;
-                default: string;
-                validator: (role: unknown) => boolean;
-            };
-            elementType: {
-                type: StringConstructor;
-                default: string;
-            };
-            type: {
-                type: StringConstructor;
-                default: string;
-                validator: (t: unknown) => boolean;
-            };
-            navigationType: {
-                type: StringConstructor;
-                default: string;
-                validator: (t: unknown) => boolean;
-            };
-            selected: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            wrapperClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-        }>> & Readonly<{
-            onKeydown?: ((...args: any[]) => any) | undefined;
-            onMouseleave?: ((...args: any[]) => any) | undefined;
-            onMousemove?: ((...args: any[]) => any) | undefined;
-        }>, {
-            id: string;
-            type: string;
-            role: string;
-            selected: boolean;
-            elementType: string;
-            navigationType: string;
-            wrapperClass: string | unknown[] | Record<string, any>;
-        }, {}, {
-            DtItemLayout: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                as: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                unstyled: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                leftClass: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                contentClass: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                titleClass: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                subtitleClass: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                bottomClass: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                rightClass: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                selectedClass: {
-                    type: StringConstructor;
-                    default: string;
-                };
-            }>, {}, {}, {}, {
-                dynamicGridTemplateColumns(): string;
-                hasSlotContent: typeof hasSlotContent;
-            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                as: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                unstyled: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                leftClass: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                contentClass: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                titleClass: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                subtitleClass: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                bottomClass: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                rightClass: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                selectedClass: {
-                    type: StringConstructor;
-                    default: string;
-                };
-            }>> & Readonly<{}>, {
-                unstyled: boolean;
-                contentClass: string;
-                as: string;
-                leftClass: string;
-                titleClass: string;
-                subtitleClass: string;
-                bottomClass: string;
-                rightClass: string;
-                selectedClass: string;
-            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-            DtIconCheck: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                size: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (s: unknown) => boolean;
-                };
-                ariaLabel: {
-                    type: StringConstructor;
-                    default: undefined;
-                };
-            }>, {}, {}, {
-                iconSizeClass(): any;
-                ariaHidden(): "true" | "false";
-                dataQA(): {};
-            }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                size: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (s: unknown) => boolean;
-                };
-                ariaLabel: {
-                    type: StringConstructor;
-                    default: undefined;
-                };
-            }>> & Readonly<{
-                onLoaded?: ((...args: any[]) => any) | undefined;
-            }>, {
-                size: string;
-                ariaLabel: string;
-            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;
-//# sourceMappingURL=combobox_with_popover.vue.d.ts.map