@dialpad/dialtone-vue 3.220.0-next.7 → 3.221.0

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

@@ -0,0 +1,4086 @@
+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