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

package/dist/types/recipes/buttons/callbar_button_with_popover/callbar_button_with_popover.vue.d.ts

@@ -1,2571 +0,0 @@
-import { removeClassStyleAttrs, addClassStyleAttrs } from '../../../common/utils';
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    id: {
-        type: StringConstructor;
-        default(): string;
-    };
-    ariaLabel: {
-        type: StringConstructor;
-        default: null;
-        validator: (label: unknown) => any;
-    };
-    placement: {
-        type: StringConstructor;
-        default: string;
-    };
-    offset: {
-        type: ArrayConstructor;
-        default: () => number[];
-    };
-    initialFocusElement: {
-        type: StringConstructor;
-        default: string;
-    };
-    showCloseButton: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    forceShowArrow: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    active: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    danger: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    onClick: {
-        type: FunctionConstructor;
-        default: null;
-    };
-    buttonClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        default: string;
-    };
-    textClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        default: string;
-    };
-    buttonWidthSize: {
-        type: StringConstructor;
-        default: string;
-        validator: (size: unknown) => boolean;
-    };
-    contentClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        default: string;
-    };
-    openPopover: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    invertedTooltip: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    showTooltip: {
-        type: BooleanConstructor;
-        default: null;
-    };
-    tooltipText: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    tooltipDelay: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-}>, {}, {
-    open: boolean;
-    i18n: any;
-}, {
-    showArrowButton(): boolean;
-    isCompactMode(): boolean;
-    showPopover(): boolean;
-    arrowButtonLabel(): any;
-}, {
-    removeClassStyleAttrs: typeof removeClassStyleAttrs;
-    addClassStyleAttrs: typeof addClassStyleAttrs;
-    arrowClick(ev: any): boolean;
-    toggleOpen(): boolean;
-    syncOpenState(): void;
-    buttonClick(ev: any): void;
-    onModalIsOpened(isOpened: any): void;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "opened" | "arrow-click")[], "click" | "opened" | "arrow-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    id: {
-        type: StringConstructor;
-        default(): string;
-    };
-    ariaLabel: {
-        type: StringConstructor;
-        default: null;
-        validator: (label: unknown) => any;
-    };
-    placement: {
-        type: StringConstructor;
-        default: string;
-    };
-    offset: {
-        type: ArrayConstructor;
-        default: () => number[];
-    };
-    initialFocusElement: {
-        type: StringConstructor;
-        default: string;
-    };
-    showCloseButton: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    forceShowArrow: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    active: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    danger: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    onClick: {
-        type: FunctionConstructor;
-        default: null;
-    };
-    buttonClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        default: string;
-    };
-    textClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        default: string;
-    };
-    buttonWidthSize: {
-        type: StringConstructor;
-        default: string;
-        validator: (size: unknown) => boolean;
-    };
-    contentClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        default: string;
-    };
-    openPopover: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    invertedTooltip: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    showTooltip: {
-        type: BooleanConstructor;
-        default: null;
-    };
-    tooltipText: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    tooltipDelay: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-}>> & Readonly<{
-    onClick?: ((...args: any[]) => any) | undefined;
-    onOpened?: ((...args: any[]) => any) | undefined;
-    "onArrow-click"?: ((...args: any[]) => any) | undefined;
-}>, {
-    onClick: Function;
-    disabled: boolean;
-    id: string;
-    offset: unknown[];
-    danger: boolean;
-    active: boolean;
-    ariaLabel: string;
-    contentClass: string | unknown[] | Record<string, any>;
-    placement: string;
-    showCloseButton: boolean;
-    initialFocusElement: string;
-    openPopover: boolean;
-    tooltipText: string;
-    buttonClass: string | unknown[] | Record<string, any>;
-    textClass: string | unknown[] | Record<string, any>;
-    buttonWidthSize: string;
-    invertedTooltip: boolean;
-    showTooltip: boolean;
-    tooltipDelay: boolean;
-    forceShowArrow: boolean;
-}, {}, {
-    DtRecipeCallbarButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        id: {
-            type: StringConstructor;
-            default(): string;
-        };
-        active: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        danger: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        circle: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        ariaLabel: {
-            type: StringConstructor;
-            default: null;
-            validator: (label: unknown) => any;
-        };
-        buttonClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        textClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        buttonWidthSize: {
-            type: StringConstructor;
-            default: string;
-            validator: (size: unknown) => boolean;
-        };
-        importance: {
-            type: StringConstructor;
-            default: string;
-        };
-        invertedTooltip: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        showTooltip: {
-            type: BooleanConstructor;
-            default: null;
-        };
-        tooltipText: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        tooltipDelay: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-    }>, {}, {}, {
-        callbarButtonClass(): (string | unknown[] | Record<string, any>)[];
-        callbarButtonTextClass(): (string | unknown[] | Record<string, any>)[];
-        buttonWidth(): "4.5rem" | "6rem" | "8.4rem";
-        buttonImportance(): string;
-        callbarButtonListeners(): {
-            click: (event: any) => void;
-            constructor: Function;
-            toString(): string;
-            toLocaleString(): string;
-            valueOf(): Object;
-            hasOwnProperty(v: PropertyKey): boolean;
-            isPrototypeOf(v: Object): boolean;
-            propertyIsEnumerable(v: PropertyKey): boolean;
-        };
-    }, {
-        removeClassStyleAttrs: typeof removeClassStyleAttrs;
-        addClassStyleAttrs: typeof addClassStyleAttrs;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        id: {
-            type: StringConstructor;
-            default(): string;
-        };
-        active: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        danger: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        circle: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        ariaLabel: {
-            type: StringConstructor;
-            default: null;
-            validator: (label: unknown) => any;
-        };
-        buttonClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        textClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        buttonWidthSize: {
-            type: StringConstructor;
-            default: string;
-            validator: (size: unknown) => boolean;
-        };
-        importance: {
-            type: StringConstructor;
-            default: string;
-        };
-        invertedTooltip: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        showTooltip: {
-            type: BooleanConstructor;
-            default: null;
-        };
-        tooltipText: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        tooltipDelay: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-    }>> & Readonly<{
-        onClick?: ((...args: any[]) => any) | undefined;
-    }>, {
-        disabled: boolean;
-        id: string;
-        danger: boolean;
-        circle: boolean;
-        active: boolean;
-        ariaLabel: string;
-        importance: string;
-        tooltipText: string;
-        buttonClass: string | unknown[] | Record<string, any>;
-        textClass: string | unknown[] | Record<string, any>;
-        buttonWidthSize: string;
-        invertedTooltip: boolean;
-        showTooltip: boolean;
-        tooltipDelay: 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('../../../common/utils').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>;
-        DtTooltip: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            id: {
-                type: StringConstructor;
-                default(): string;
-            };
-            fallbackPlacements: {
-                type: ArrayConstructor;
-                default: () => string[];
-            };
-            inverted: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            offset: {
-                type: ArrayConstructor;
-                default: () => number[];
-            };
-            placement: {
-                type: StringConstructor;
-                default: string;
-                validator(placement: unknown): boolean;
-            };
-            sticky: {
-                type: (StringConstructor | BooleanConstructor)[];
-                default: boolean;
-                validator: (sticky: unknown) => boolean;
-            };
-            appendTo: {
-                type: (StringConstructor | {
-                    new (): HTMLElement;
-                    prototype: HTMLElement;
-                })[];
-                default: string;
-                validator: (appendTo: unknown) => boolean;
-            };
-            contentClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            message: {
-                type: StringConstructor;
-                default: string;
-            };
-            enabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            show: {
-                type: BooleanConstructor;
-                default: null;
-            };
-            transition: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            delay: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            theme: {
-                type: StringConstructor;
-                default: null;
-            };
-            externalAnchor: {
-                type: StringConstructor;
-                default: null;
-            };
-            externalAnchorElement: {
-                type: {
-                    new (): HTMLElement;
-                    prototype: HTMLElement;
-                };
-                default: null;
-            };
-        }>, {}, {
-            TOOLTIP_KIND_MODIFIERS: {
-                hover: string;
-                show: string;
-                inverted: string;
-                hide: string;
-            };
-            hasSlotContent: typeof import('../../../common/utils').hasSlotContent;
-            tip: null;
-            inTimer: null;
-            internalShow: boolean;
-            currentPlacement: string;
-        }, {
-            tippyProps(): {
-                offset: unknown[];
-                delay: number | boolean;
-                placement: string;
-                sticky: string | boolean;
-                theme: string;
-                animation: string | boolean;
-                onShown: (tooltipInstance: any) => false | undefined;
-                onShow: (tooltipInstance: any) => false | undefined;
-                onHidden: () => 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;
-                    })[];
-                };
-            };
-            anchor(): any;
-        }, {
-            getModeReferenceEl(): any;
-            calculateAnchorZindex(): 651 | 400;
-            hasVisibleFocus(): any;
-            onEnterAnchor(e: any): void;
-            triggerShow(e: any): void;
-            onLeaveAnchor(e: any): void;
-            triggerHide(): void;
-            onChangePlacement(placement: any): void;
-            onHide(): void;
-            onShow(tooltipInstance: any, callingMethod: any): false | undefined;
-            setProps(): void;
-            onMount(): void;
-            tooltipHasContent(tooltipInstance: any): boolean;
-            initOptions(): {
-                content: unknown;
-                arrow: string;
-                duration: number;
-                interactive: boolean;
-                trigger: string;
-                hideOnClick: boolean;
-                touch: boolean;
-                onMount: () => void;
-                showOnCreate: boolean;
-                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;
-                    })[];
-                };
-            };
-            addExternalAnchorEventListeners(): void;
-            removeExternalAnchorEventListeners(): 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, ("shown" | "update:show")[], "shown" | "update:show", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            id: {
-                type: StringConstructor;
-                default(): string;
-            };
-            fallbackPlacements: {
-                type: ArrayConstructor;
-                default: () => string[];
-            };
-            inverted: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            offset: {
-                type: ArrayConstructor;
-                default: () => number[];
-            };
-            placement: {
-                type: StringConstructor;
-                default: string;
-                validator(placement: unknown): boolean;
-            };
-            sticky: {
-                type: (StringConstructor | BooleanConstructor)[];
-                default: boolean;
-                validator: (sticky: unknown) => boolean;
-            };
-            appendTo: {
-                type: (StringConstructor | {
-                    new (): HTMLElement;
-                    prototype: HTMLElement;
-                })[];
-                default: string;
-                validator: (appendTo: unknown) => boolean;
-            };
-            contentClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            message: {
-                type: StringConstructor;
-                default: string;
-            };
-            enabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            show: {
-                type: BooleanConstructor;
-                default: null;
-            };
-            transition: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            delay: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            theme: {
-                type: StringConstructor;
-                default: null;
-            };
-            externalAnchor: {
-                type: StringConstructor;
-                default: null;
-            };
-            externalAnchorElement: {
-                type: {
-                    new (): HTMLElement;
-                    prototype: HTMLElement;
-                };
-                default: null;
-            };
-        }>> & Readonly<{
-            onShown?: ((...args: any[]) => any) | undefined;
-            "onUpdate:show"?: ((...args: any[]) => any) | undefined;
-        }>, {
-            id: string;
-            offset: unknown[];
-            message: string;
-            inverted: boolean;
-            contentClass: string | unknown[] | Record<string, any>;
-            show: boolean;
-            transition: boolean;
-            appendTo: string | HTMLElement;
-            delay: boolean;
-            placement: string;
-            sticky: string | boolean;
-            theme: string;
-            fallbackPlacements: unknown[];
-            enabled: boolean;
-            externalAnchor: string;
-            externalAnchorElement: HTMLElement;
-        }, {}, {}, {}, 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('../../../common/utils').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('../../../common/utils').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('../../../common/utils').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('../../../common/utils').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>;
-    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('../../../common/utils').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>;
-    DtIconChevronUp: 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>;
-export default _default;
-//# sourceMappingURL=callbar_button_with_popover.vue.d.ts.map