@dialpad/dialtone-vue 3.219.0-next.2 → 3.219.1

package/dist/types/components/rich_text_editor/extensions/variable/VariableComponent.vue.d.ts

@@ -1,2275 +0,0 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    editor: {
-        type: import('vue').PropType<import('@tiptap/core').NodeViewProps["editor"]>;
-        required: true;
-    };
-    node: {
-        type: import('vue').PropType<import('@tiptap/core').NodeViewProps["node"]>;
-        required: true;
-    };
-    decorations: {
-        type: import('vue').PropType<import('@tiptap/core').NodeViewProps["decorations"]>;
-        required: true;
-    };
-    selected: {
-        type: import('vue').PropType<import('@tiptap/core').NodeViewProps["selected"]>;
-        required: true;
-    };
-    extension: {
-        type: import('vue').PropType<import('@tiptap/core').NodeViewProps["extension"]>;
-        required: true;
-    };
-    getPos: {
-        type: import('vue').PropType<import('@tiptap/core').NodeViewProps["getPos"]>;
-        required: true;
-    };
-    updateAttributes: {
-        type: import('vue').PropType<import('@tiptap/core').NodeViewProps["updateAttributes"]>;
-        required: true;
-    };
-    deleteNode: {
-        type: import('vue').PropType<import('@tiptap/core').NodeViewProps["deleteNode"]>;
-        required: true;
-    };
-    view: {
-        type: import('vue').PropType<import('@tiptap/core').NodeViewProps["view"]>;
-        required: true;
-    };
-    innerDecorations: {
-        type: import('vue').PropType<import('@tiptap/core').NodeViewProps["innerDecorations"]>;
-        required: true;
-    };
-    HTMLAttributes: {
-        type: import('vue').PropType<import('@tiptap/core').NodeViewProps["HTMLAttributes"]>;
-        required: true;
-    };
-}>, {}, {
-    i18n: any;
-    MAX_VARIABLE_ALT_LENGTH: number;
-}, {
-    altText: {
-        get(): any;
-        set(value: any): void;
-    };
-    variableId(): any;
-    placeholder(): any;
-    variableItems(): any;
-    variableData(): any;
-    enableAltText(): any;
-    badgeLabel(): string;
-    placeholderText(): string;
-}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    editor: {
-        type: import('vue').PropType<import('@tiptap/core').NodeViewProps["editor"]>;
-        required: true;
-    };
-    node: {
-        type: import('vue').PropType<import('@tiptap/core').NodeViewProps["node"]>;
-        required: true;
-    };
-    decorations: {
-        type: import('vue').PropType<import('@tiptap/core').NodeViewProps["decorations"]>;
-        required: true;
-    };
-    selected: {
-        type: import('vue').PropType<import('@tiptap/core').NodeViewProps["selected"]>;
-        required: true;
-    };
-    extension: {
-        type: import('vue').PropType<import('@tiptap/core').NodeViewProps["extension"]>;
-        required: true;
-    };
-    getPos: {
-        type: import('vue').PropType<import('@tiptap/core').NodeViewProps["getPos"]>;
-        required: true;
-    };
-    updateAttributes: {
-        type: import('vue').PropType<import('@tiptap/core').NodeViewProps["updateAttributes"]>;
-        required: true;
-    };
-    deleteNode: {
-        type: import('vue').PropType<import('@tiptap/core').NodeViewProps["deleteNode"]>;
-        required: true;
-    };
-    view: {
-        type: import('vue').PropType<import('@tiptap/core').NodeViewProps["view"]>;
-        required: true;
-    };
-    innerDecorations: {
-        type: import('vue').PropType<import('@tiptap/core').NodeViewProps["innerDecorations"]>;
-        required: true;
-    };
-    HTMLAttributes: {
-        type: import('vue').PropType<import('@tiptap/core').NodeViewProps["HTMLAttributes"]>;
-        required: true;
-    };
-}>> & Readonly<{}>, {}, {}, {
-    DtBadge: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        iconSize: {
-            type: StringConstructor;
-            default: string;
-            validator: (s: unknown) => boolean;
-        };
-        text: {
-            type: StringConstructor;
-            default: string;
-        };
-        kind: {
-            type: StringConstructor;
-            default: string;
-            validator: (kind: unknown) => boolean;
-        };
-        type: {
-            type: StringConstructor;
-            default: string;
-            validator: (type: unknown) => boolean;
-        };
-        decoration: {
-            type: StringConstructor;
-            default: undefined;
-            validator: (type: unknown) => boolean;
-        };
-        labelClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        subtle: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        outlined: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>, {}, {
-        BADGE_TYPE_MODIFIERS: {
-            default: string;
-            info: string;
-            success: string;
-            warning: string;
-            critical: string;
-            bulletin: string;
-            ai: string;
-        };
-        BADGE_KIND_MODIFIERS: {
-            label: string;
-            count: string;
-        };
-        BADGE_DECORATION_MODIFIERS: {
-            'black-400': string;
-            'black-500': string;
-            'black-900': string;
-            'red-200': string;
-            'red-300': string;
-            'red-400': string;
-            'purple-200': string;
-            'purple-300': string;
-            'purple-400': string;
-            'purple-500': string;
-            'blue-200': string;
-            'blue-300': string;
-            'blue-400': string;
-            'green-300': string;
-            'green-400': string;
-            'green-500': string;
-            'gold-300': string;
-            'gold-400': string;
-            'gold-500': string;
-            'magenta-200': string;
-            'magenta-300': string;
-            'magenta-400': string;
-        };
-    }, {
-        hasLeftIcon(): any;
-        hasRightIcon(): any;
-        hasIcons(): any;
-    }, {
-        validateProps(): void;
-        validateTypePropCombination(): void;
-        validateDecorationPropCombination(): void;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        iconSize: {
-            type: StringConstructor;
-            default: string;
-            validator: (s: unknown) => boolean;
-        };
-        text: {
-            type: StringConstructor;
-            default: string;
-        };
-        kind: {
-            type: StringConstructor;
-            default: string;
-            validator: (kind: unknown) => boolean;
-        };
-        type: {
-            type: StringConstructor;
-            default: string;
-            validator: (type: unknown) => boolean;
-        };
-        decoration: {
-            type: StringConstructor;
-            default: undefined;
-            validator: (type: unknown) => boolean;
-        };
-        labelClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        subtle: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        outlined: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & Readonly<{}>, {
-        type: string;
-        outlined: boolean;
-        iconSize: string;
-        text: string;
-        kind: string;
-        decoration: string;
-        labelClass: string | unknown[] | Record<string, any>;
-        subtle: boolean;
-    }, {}, {}, {}, 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;
-        };
-        linkUnderline: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        underline: {
-            type: BooleanConstructor;
-            default: null;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        type: {
-            type: StringConstructor;
-            default: string;
-            validator: (t: unknown) => boolean;
-        };
-        width: {
-            type: StringConstructor;
-            default: null;
-        };
-        size: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: number;
-            validator: (s: unknown) => boolean;
-        };
-        labelClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        leadingClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        trailingClass: {
-            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: {
-            start: string;
-            end: string;
-            blockStart: string;
-            blockEnd: string;
-            left: string;
-            right: string;
-            top: string;
-            bottom: string;
-        };
-        isInFocus: boolean;
-        hasSlotContent: typeof import('../../../..').hasSlotContent;
-        i18n: any;
-    }, {
-        resolvedUnderline(): boolean;
-        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;
-        hasStartIcon(): any;
-        hasEndIcon(): any;
-        hasBlockStartIcon(): any;
-        hasBlockEndIcon(): any;
-        hasNewIconSlots(): any;
-        shouldRenderLegacyIcon(): 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;
-        };
-        linkUnderline: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        underline: {
-            type: BooleanConstructor;
-            default: null;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        type: {
-            type: StringConstructor;
-            default: string;
-            validator: (t: unknown) => boolean;
-        };
-        width: {
-            type: StringConstructor;
-            default: null;
-        };
-        size: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: number;
-            validator: (s: unknown) => boolean;
-        };
-        labelClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        leadingClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        trailingClass: {
-            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;
-        size: string | number;
-        replace: boolean;
-        loading: boolean;
-        underline: boolean;
-        kind: string;
-        labelClass: string | unknown[] | Record<string, any>;
-        href: string;
-        to: string | Record<string, any>;
-        iconPosition: string;
-        importance: string;
-        linkKind: string;
-        linkInverted: boolean;
-        linkUnderline: boolean;
-        width: string;
-        leadingClass: string | unknown[] | Record<string, any>;
-        trailingClass: string | unknown[] | Record<string, any>;
-        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>;
-    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;
-        };
-        headerWrapperClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        headerClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        footerWrapperClass: {
-            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 import('../../../..').hasSlotContent;
-    }, {
-        popoverListeners(): {
-            keydown: (event: any) => void;
-            'after-leave': () => void;
-            'after-enter': () => void;
-        };
-        calculatedMaxHeight(): string;
-        labelledBy(): string | false;
-    }, {
-        getModeReferenceEl(): unknown;
-        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;
-        };
-    } | {
-        props: {
-            contentMode: {
-                type: StringConstructor;
-                default: null;
-                validator: (v: any) => boolean;
-            };
-        };
-        data(): {
-            modeContrast: string;
-            modeResolved: null;
-        };
-        computed: {
-            modeAttrs(): any;
-        };
-        watch: {
-            contentMode(): void;
-        };
-        mounted(): void;
-        beforeUnmount(): void;
-        methods: {
-            getModeReferenceEl(): HTMLElement | null;
-            setupModeObservers(): void;
-            cleanupModeObservers(): 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;
-        };
-        headerWrapperClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        headerClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        footerWrapperClass: {
-            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;
-        headerWrapperClass: string | unknown[] | Record<string, any>;
-        footerWrapperClass: string | unknown[] | Record<string, any>;
-        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;
-                };
-                linkUnderline: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                underline: {
-                    type: BooleanConstructor;
-                    default: null;
-                };
-                disabled: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                type: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (t: unknown) => boolean;
-                };
-                width: {
-                    type: StringConstructor;
-                    default: null;
-                };
-                size: {
-                    type: (StringConstructor | NumberConstructor)[];
-                    default: number;
-                    validator: (s: unknown) => boolean;
-                };
-                labelClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                leadingClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                trailingClass: {
-                    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: {
-                    start: string;
-                    end: string;
-                    blockStart: string;
-                    blockEnd: string;
-                    left: string;
-                    right: string;
-                    top: string;
-                    bottom: string;
-                };
-                isInFocus: boolean;
-                hasSlotContent: typeof import('../../../..').hasSlotContent;
-                i18n: any;
-            }, {
-                resolvedUnderline(): boolean;
-                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;
-                hasStartIcon(): any;
-                hasEndIcon(): any;
-                hasBlockStartIcon(): any;
-                hasBlockEndIcon(): any;
-                hasNewIconSlots(): any;
-                shouldRenderLegacyIcon(): 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;
-                };
-                linkUnderline: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                underline: {
-                    type: BooleanConstructor;
-                    default: null;
-                };
-                disabled: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                type: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (t: unknown) => boolean;
-                };
-                width: {
-                    type: StringConstructor;
-                    default: null;
-                };
-                size: {
-                    type: (StringConstructor | NumberConstructor)[];
-                    default: number;
-                    validator: (s: unknown) => boolean;
-                };
-                labelClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                leadingClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                trailingClass: {
-                    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;
-                size: string | number;
-                replace: boolean;
-                loading: boolean;
-                underline: boolean;
-                kind: string;
-                labelClass: string | unknown[] | Record<string, any>;
-                href: string;
-                to: string | Record<string, any>;
-                iconPosition: string;
-                importance: string;
-                linkKind: string;
-                linkInverted: boolean;
-                linkUnderline: boolean;
-                width: string;
-                leadingClass: string | unknown[] | Record<string, any>;
-                trailingClass: string | unknown[] | Record<string, any>;
-                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;
-            };
-            wrapperClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            contentClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            showCloseButton: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>, {}, {
-            hasSlotContent: typeof import('../../../..').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;
-            };
-            wrapperClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            contentClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            showCloseButton: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & Readonly<{
-            onClose?: ((...args: any[]) => any) | undefined;
-        }>, {
-            contentClass: string | unknown[] | Record<string, any>;
-            wrapperClass: 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;
-                };
-                linkUnderline: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                underline: {
-                    type: BooleanConstructor;
-                    default: null;
-                };
-                disabled: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                type: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (t: unknown) => boolean;
-                };
-                width: {
-                    type: StringConstructor;
-                    default: null;
-                };
-                size: {
-                    type: (StringConstructor | NumberConstructor)[];
-                    default: number;
-                    validator: (s: unknown) => boolean;
-                };
-                labelClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                leadingClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                trailingClass: {
-                    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: {
-                    start: string;
-                    end: string;
-                    blockStart: string;
-                    blockEnd: string;
-                    left: string;
-                    right: string;
-                    top: string;
-                    bottom: string;
-                };
-                isInFocus: boolean;
-                hasSlotContent: typeof import('../../../..').hasSlotContent;
-                i18n: any;
-            }, {
-                resolvedUnderline(): boolean;
-                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;
-                hasStartIcon(): any;
-                hasEndIcon(): any;
-                hasBlockStartIcon(): any;
-                hasBlockEndIcon(): any;
-                hasNewIconSlots(): any;
-                shouldRenderLegacyIcon(): 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;
-                };
-                linkUnderline: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                underline: {
-                    type: BooleanConstructor;
-                    default: null;
-                };
-                disabled: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                type: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (t: unknown) => boolean;
-                };
-                width: {
-                    type: StringConstructor;
-                    default: null;
-                };
-                size: {
-                    type: (StringConstructor | NumberConstructor)[];
-                    default: number;
-                    validator: (s: unknown) => boolean;
-                };
-                labelClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                leadingClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                trailingClass: {
-                    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;
-                size: string | number;
-                replace: boolean;
-                loading: boolean;
-                underline: boolean;
-                kind: string;
-                labelClass: string | unknown[] | Record<string, any>;
-                href: string;
-                to: string | Record<string, any>;
-                iconPosition: string;
-                importance: string;
-                linkKind: string;
-                linkInverted: boolean;
-                linkUnderline: boolean;
-                width: string;
-                leadingClass: string | unknown[] | Record<string, any>;
-                trailingClass: string | unknown[] | Record<string, any>;
-                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>;
-    DtInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        name: {
-            type: StringConstructor;
-            default: string;
-        };
-        type: {
-            type: StringConstructor;
-            default: string;
-            validator: (t: unknown) => boolean;
-        };
-        modelValue: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: string;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        label: {
-            type: StringConstructor;
-            default: string;
-        };
-        labelVisible: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        description: {
-            type: StringConstructor;
-            default: string;
-        };
-        descriptionClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        size: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: number;
-            validator: (t: unknown) => boolean;
-        };
-        inputClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        inputWrapperClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        rootClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        currentLength: {
-            type: NumberConstructor;
-            default: null;
-        };
-        retainWarning: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        validate: {
-            type: ObjectConstructor;
-            default: null;
-        };
-        hidden: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        labelSize: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: null;
-            validator: (s: unknown) => boolean;
-        };
-        labelStrength: {
-            type: StringConstructor;
-            default: null;
-            validator: (s: unknown) => boolean;
-        };
-        labelClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-    }>, {}, {
-        isInputFocused: boolean;
-        isInvalid: boolean;
-        defaultLength: number;
-        hasSlotContent: typeof import('../../../..').hasSlotContent;
-        isComposing: boolean;
-        justEndedComposition: boolean;
-    }, {
-        isTextarea(): boolean;
-        isDefaultSize(): boolean;
-        iconSize(): any;
-        isValidSize(): boolean;
-        isValidDescriptionSize(): boolean;
-        inputComponent(): "input" | "textarea";
-        inputListeners(): {
-            compositionstart: () => void;
-            compositionend: () => void;
-            input: (event: any) => Promise<void>;
-            blur: (event: any) => void;
-            focus: (event: any) => void;
-            focusin: (event: any) => void;
-            focusout: (event: any) => void;
-        };
-        descriptionKey(): string;
-        inputState(): string | null;
-        defaultLengthCalculation(): number;
-        validationProps(): {
-            length: {
-                description: any;
-                max: any;
-                warn: any;
-                message: any;
-                limitMaxLength: any;
-            };
-        };
-        validationMessages(): any;
-        showInputState(): string | null;
-        inputLength(): number;
-        inputLengthState(): string | null;
-        shouldValidateLength(): boolean;
-        shouldLimitMaxLength(): any;
-        showLengthLimitValidation(): any;
-        resolvedLabelSize(): string | number;
-        resolvedDescriptionSize(): any;
-        resolvedDescriptionDensity(): "300" | undefined;
-        sizeModifierClass(): any;
-        stateClass(): any[];
-    }, {
-        removeClassStyleAttrs: typeof import('../../../..').removeClassStyleAttrs;
-        addClassStyleAttrs: typeof import('../../../..').addClassStyleAttrs;
-        inputClasses(): any[];
-        inputWrapperClasses(): (string | unknown[] | Record<string, any>)[];
-        calculateLength(value: any): number;
-        inputLengthErrorMessage(): {
-            message: any;
-            type: string | null;
-        };
-        onBlur(e: any): void;
-        emitClearEvents(): void;
-        blur(): void;
-        focus(): void;
-        select(): void;
-        getMessageKey(type: any, index: any): string;
-        validateLength(length: any): void;
-        clearInput(): void;
-        runValidations(): void;
-    }, {
-        props: {
-            messagesClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            messagesChildProps: {
-                type: ObjectConstructor;
-                default: () => {};
-            };
-            showMessages: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            messages: {
-                type: ArrayConstructor;
-                default: () => never[];
-                validator: (messages: any) => any;
-            };
-        };
-        computed: {
-            formattedMessages(): any;
-        };
-    }, import('vue').ComponentOptionsMixin, ("input" | "blur" | "focus" | "focusin" | "focusout" | "clear" | "update:modelValue" | "update:length" | "update:invalid")[], "input" | "blur" | "focus" | "focusin" | "focusout" | "clear" | "update:modelValue" | "update:length" | "update:invalid", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        name: {
-            type: StringConstructor;
-            default: string;
-        };
-        type: {
-            type: StringConstructor;
-            default: string;
-            validator: (t: unknown) => boolean;
-        };
-        modelValue: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: string;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        label: {
-            type: StringConstructor;
-            default: string;
-        };
-        labelVisible: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        description: {
-            type: StringConstructor;
-            default: string;
-        };
-        descriptionClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        size: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: number;
-            validator: (t: unknown) => boolean;
-        };
-        inputClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        inputWrapperClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        rootClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        currentLength: {
-            type: NumberConstructor;
-            default: null;
-        };
-        retainWarning: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        validate: {
-            type: ObjectConstructor;
-            default: null;
-        };
-        hidden: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        labelSize: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: null;
-            validator: (s: unknown) => boolean;
-        };
-        labelStrength: {
-            type: StringConstructor;
-            default: null;
-            validator: (s: unknown) => boolean;
-        };
-        labelClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-    }>> & Readonly<{
-        onInput?: ((...args: any[]) => any) | undefined;
-        onBlur?: ((...args: any[]) => any) | undefined;
-        onFocus?: ((...args: any[]) => any) | undefined;
-        onFocusin?: ((...args: any[]) => any) | undefined;
-        onFocusout?: ((...args: any[]) => any) | undefined;
-        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        onClear?: ((...args: any[]) => any) | undefined;
-        "onUpdate:length"?: ((...args: any[]) => any) | undefined;
-        "onUpdate:invalid"?: ((...args: any[]) => any) | undefined;
-    }>, {
-        label: string;
-        disabled: boolean;
-        modelValue: string | number;
-        name: string;
-        type: string;
-        hidden: boolean;
-        size: string | number;
-        description: string;
-        labelClass: string | unknown[] | Record<string, any>;
-        validate: Record<string, any>;
-        rootClass: string | unknown[] | Record<string, any>;
-        labelVisible: boolean;
-        labelSize: string | number;
-        labelStrength: string;
-        descriptionClass: string | unknown[] | Record<string, any>;
-        inputClass: string | unknown[] | Record<string, any>;
-        inputWrapperClass: string | unknown[] | Record<string, any>;
-        currentLength: number;
-        retainWarning: boolean;
-    }, {}, {
-        DtValidationMessages: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            id: {
-                type: StringConstructor;
-                default(): string;
-            };
-            validationMessages: {
-                type: ArrayConstructor;
-                default: () => never[];
-                validator: (messages: unknown) => any;
-            };
-            showMessages: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>, {}, {}, {
-            isFilteredValidationMessagesEmpty(): boolean;
-            filteredValidationMessages(): any;
-            validationState(): string | null;
-        }, {
-            getMessageKey(type: any, index: any): string;
-            messageTypeClass(type: any): any;
-        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            id: {
-                type: StringConstructor;
-                default(): string;
-            };
-            validationMessages: {
-                type: ArrayConstructor;
-                default: () => never[];
-                validator: (messages: unknown) => any;
-            };
-            showMessages: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & Readonly<{}>, {
-            id: string;
-            validationMessages: unknown[];
-            showMessages: boolean;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        DtText: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            as: {
-                type: StringConstructor;
-                default: string;
-            };
-            kind: {
-                type: StringConstructor;
-                default: null;
-                validator: (value: unknown) => boolean;
-            };
-            size: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: null;
-            };
-            tone: {
-                type: StringConstructor;
-                default: null;
-            };
-            align: {
-                type: StringConstructor;
-                default: null;
-            };
-            truncate: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            maxLines: {
-                type: NumberConstructor;
-                default: null;
-                validator: (value: unknown) => boolean;
-            };
-            numeric: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            wrap: {
-                type: StringConstructor;
-                default: null;
-                validator: (value: unknown) => boolean;
-            };
-            textBoxTrim: {
-                type: StringConstructor;
-                default: null;
-                validator: (value: unknown) => boolean;
-            };
-            strength: {
-                type: StringConstructor;
-                default: null;
-                validator: (value: unknown) => boolean;
-            };
-            density: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: null;
-                validator: (value: unknown) => boolean;
-            };
-        }>, {}, {}, {
-            textClasses(): string[];
-            textStyles(): {
-                '--dt-text-line-clamp': number;
-            } | undefined;
-        }, {
-            getVariantClass(): string | null;
-            getModifierClass(value: any, modifiers: any, propName: any): any;
-            getAlignClass(): any;
-            getToneClass(): string | null;
-            getWrapClass(): any;
-            getTextBoxTrimClass(): any;
-            getStrengthClass(): any;
-            getDensityClass(): any;
-        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            as: {
-                type: StringConstructor;
-                default: string;
-            };
-            kind: {
-                type: StringConstructor;
-                default: null;
-                validator: (value: unknown) => boolean;
-            };
-            size: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: null;
-            };
-            tone: {
-                type: StringConstructor;
-                default: null;
-            };
-            align: {
-                type: StringConstructor;
-                default: null;
-            };
-            truncate: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            maxLines: {
-                type: NumberConstructor;
-                default: null;
-                validator: (value: unknown) => boolean;
-            };
-            numeric: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            wrap: {
-                type: StringConstructor;
-                default: null;
-                validator: (value: unknown) => boolean;
-            };
-            textBoxTrim: {
-                type: StringConstructor;
-                default: null;
-                validator: (value: unknown) => boolean;
-            };
-            strength: {
-                type: StringConstructor;
-                default: null;
-                validator: (value: unknown) => boolean;
-            };
-            density: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: null;
-                validator: (value: unknown) => boolean;
-            };
-        }>> & Readonly<{}>, {
-            wrap: string;
-            size: string | number;
-            kind: string;
-            as: string;
-            tone: string;
-            align: string;
-            truncate: boolean;
-            maxLines: number;
-            numeric: boolean;
-            textBoxTrim: string;
-            strength: string;
-            density: string | number;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    NodeViewWrapper: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        as: {
-            type: StringConstructor;
-            default: string;
-        };
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        as: {
-            type: StringConstructor;
-            default: string;
-        };
-    }>> & Readonly<{}>, {
-        as: string;
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;
-//# sourceMappingURL=VariableComponent.vue.d.ts.map