@dialpad/dialtone-vue 3.220.0-next.4 → 3.220.0

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

@@ -1,4739 +0,0 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    useDropdown: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    deferSelection: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    modelValue: {
-        type: ArrayConstructor;
-        default: () => never[];
-    };
-    startTooltipText: {
-        type: StringConstructor;
-        default: string;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    readOnly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    showClear: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    label: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    endTooltipText: {
-        type: StringConstructor;
-        default: string;
-    };
-    popoverAppendTo: {
-        type: (StringConstructor | {
-            new (): HTMLElement;
-            prototype: HTMLElement;
-        })[];
-        default: string;
-        validator: (appendTo: unknown) => boolean;
-    };
-    popoverFallbackPlacements: {
-        type: ArrayConstructor;
-        default: () => string[];
-    };
-    popoverMaxHeight: {
-        type: StringConstructor;
-        default: string;
-    };
-    popoverMaxWidth: {
-        type: StringConstructor;
-        default: string;
-    };
-    popoverPadding: {
-        type: StringConstructor;
-        default: string;
-        validator: (padding: unknown) => boolean;
-    };
-    popoverPlacement: {
-        type: StringConstructor;
-        default: string;
-    };
-    labelClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        default: string;
-    };
-    popoverContentClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        default: string;
-    };
-    popoverHeaderClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        default: string;
-    };
-    popoverFooterClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        default: string;
-    };
-    popoverDialogClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        default: string;
-    };
-    dropdownListClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        default: string;
-    };
-    contentMode: {
-        type: StringConstructor;
-        default: null;
-        validator: (v: any) => boolean;
-    };
-    size: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-        validator: (s: unknown) => boolean;
-    };
-}>, {}, {
-    isOpen: boolean;
-    i18n: any;
-    filters: unknown[];
-    pendingFilters: null;
-}, {
-    overlayComponent(): "dt-dropdown" | "dt-popover";
-    overlayProps(): {
-        'append-to': string | HTMLElement;
-        'fallback-placements': unknown[];
-        'max-height': string;
-        'max-width': string;
-        modal: boolean;
-        placement: string;
-    };
-    buttonKind(): "default" | "muted";
-    resolvedStartTooltipText(): any;
-    clearButtonAriaLabel(): any;
-    clearButtonTitle(): any;
-    activeFilters(): any[];
-    activeFilterList(): any;
-    activeFilterOverflow(): string;
-    isActive(): boolean;
-    hasClear(): boolean;
-    displayFilters(): unknown[];
-    pendingActiveFilters(): any;
-    cancelButtonLabel(): any;
-    applyButtonLabel(): any;
-    clearIconSize(): any;
-}, {
-    clearFilter($event: any): void;
-    openPopover(): void;
-    selectFilter(selectedFilter: any, close: any): void;
-    applySelection(): void;
-    cancelSelection(): void;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:modelValue" | "open" | "clear" | "apply")[], "update:modelValue" | "open" | "clear" | "apply", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    useDropdown: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    deferSelection: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    modelValue: {
-        type: ArrayConstructor;
-        default: () => never[];
-    };
-    startTooltipText: {
-        type: StringConstructor;
-        default: string;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    readOnly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    showClear: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    label: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    endTooltipText: {
-        type: StringConstructor;
-        default: string;
-    };
-    popoverAppendTo: {
-        type: (StringConstructor | {
-            new (): HTMLElement;
-            prototype: HTMLElement;
-        })[];
-        default: string;
-        validator: (appendTo: unknown) => boolean;
-    };
-    popoverFallbackPlacements: {
-        type: ArrayConstructor;
-        default: () => string[];
-    };
-    popoverMaxHeight: {
-        type: StringConstructor;
-        default: string;
-    };
-    popoverMaxWidth: {
-        type: StringConstructor;
-        default: string;
-    };
-    popoverPadding: {
-        type: StringConstructor;
-        default: string;
-        validator: (padding: unknown) => boolean;
-    };
-    popoverPlacement: {
-        type: StringConstructor;
-        default: string;
-    };
-    labelClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        default: string;
-    };
-    popoverContentClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        default: string;
-    };
-    popoverHeaderClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        default: string;
-    };
-    popoverFooterClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        default: string;
-    };
-    popoverDialogClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        default: string;
-    };
-    dropdownListClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        default: string;
-    };
-    contentMode: {
-        type: StringConstructor;
-        default: null;
-        validator: (v: any) => boolean;
-    };
-    size: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-        validator: (s: unknown) => boolean;
-    };
-}>> & Readonly<{
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onOpen?: ((...args: any[]) => any) | undefined;
-    onClear?: ((...args: any[]) => any) | undefined;
-    onApply?: ((...args: any[]) => any) | undefined;
-}>, {
-    label: string;
-    disabled: boolean;
-    modelValue: unknown[];
-    contentMode: string;
-    size: string | number;
-    labelClass: string | unknown[] | Record<string, any>;
-    useDropdown: boolean;
-    deferSelection: boolean;
-    startTooltipText: string;
-    readOnly: boolean;
-    showClear: boolean;
-    endTooltipText: string;
-    popoverAppendTo: string | HTMLElement;
-    popoverFallbackPlacements: unknown[];
-    popoverMaxHeight: string;
-    popoverMaxWidth: string;
-    popoverPadding: string;
-    popoverPlacement: string;
-    popoverContentClass: string | unknown[] | Record<string, any>;
-    popoverHeaderClass: string | unknown[] | Record<string, any>;
-    popoverFooterClass: string | unknown[] | Record<string, any>;
-    popoverDialogClass: string | unknown[] | Record<string, any>;
-    dropdownListClass: string | unknown[] | Record<string, any>;
-}, {}, {
-    DtCheckboxGroup: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        modelValue: {
-            type: ArrayConstructor;
-            default(): never[];
-        };
-        dataQaGroup: {
-            type: StringConstructor;
-            default: string;
-        };
-        dataQaGroupLegend: {
-            type: StringConstructor;
-            default: string;
-        };
-        dataQaGroupMessages: {
-            type: StringConstructor;
-            default: string;
-        };
-    }>, {}, {
-        internalValue: unknown[];
-    }, {}, {
-        setGroupValue(value: any, checked: any): void;
-        getMessageKey(type: any, index: any): string;
-    }, import('vue').ComponentOptionsMixin, import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        dataQaGroup: {
-            type: StringConstructor;
-            default: string;
-        };
-        dataQaGroupLegend: {
-            type: StringConstructor;
-            default: string;
-        };
-        dataQaGroupMessages: {
-            type: StringConstructor;
-            default: string;
-        };
-    }>, {}, {
-        internalValue: Function;
-        hasSlotContent: typeof import('../..').hasSlotContent;
-    }, {}, {
-        getMessageKey(type: any, index: any): string;
-    }, {
-        components: {
-            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>;
-        };
-        provide(): {
-            groupContext: any;
-            setGroupValue: any;
-        };
-        props: {
-            id: {
-                type: StringConstructor;
-                default(): string;
-            };
-            value: {
-                type: (ObjectConstructor | StringConstructor | NumberConstructor | BooleanConstructor)[];
-                default: null;
-            };
-            name: {
-                type: StringConstructor;
-                required: boolean;
-            };
-            legend: {
-                type: StringConstructor;
-                default: string;
-            };
-            disabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            messages: {
-                type: ArrayConstructor;
-                default: () => never[];
-                validator: (messages: any) => any;
-            };
-            showMessages: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            legendClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            messagesClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            legendChildProps: {
-                type: ObjectConstructor;
-                default: () => {};
-            };
-            messagesChildProps: {
-                type: ObjectConstructor;
-                default: () => {};
-            };
-        };
-        emits: string[];
-        data(): {
-            provideObj: {
-                name: any;
-                disabled: any;
-                validationState: string | null;
-            };
-        };
-        computed: {
-            formattedMessages(): any;
-            validationState(): string | null;
-        };
-        watch: {
-            disabled(newDisabled: any): void;
-            validationState(newValidationState: any): void;
-        };
-        methods: {
-            setGroupValue(newValue: any): void;
-        };
-        mounted(): void;
-    }, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        dataQaGroup: {
-            type: StringConstructor;
-            default: string;
-        };
-        dataQaGroupLegend: {
-            type: StringConstructor;
-            default: string;
-        };
-        dataQaGroupMessages: {
-            type: StringConstructor;
-            default: string;
-        };
-    }>> & Readonly<{}>, {
-        dataQaGroup: string;
-        dataQaGroupLegend: string;
-        dataQaGroupMessages: string;
-    }, {}, {
-        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;
-                validator: (value: unknown) => boolean;
-            };
-            align: {
-                type: StringConstructor;
-                default: null;
-                validator: (value: unknown) => boolean;
-            };
-            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(): any;
-            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;
-                validator: (value: unknown) => boolean;
-            };
-            align: {
-                type: StringConstructor;
-                default: null;
-                validator: (value: unknown) => boolean;
-            };
-            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>, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        modelValue: {
-            type: ArrayConstructor;
-            default(): never[];
-        };
-        dataQaGroup: {
-            type: StringConstructor;
-            default: string;
-        };
-        dataQaGroupLegend: {
-            type: StringConstructor;
-            default: string;
-        };
-        dataQaGroupMessages: {
-            type: StringConstructor;
-            default: string;
-        };
-    }>> & Readonly<{
-        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    }>, {
-        modelValue: unknown[];
-        dataQaGroup: string;
-        dataQaGroupLegend: string;
-        dataQaGroupMessages: string;
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    DtCheckbox: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        showLabel: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        labelSize: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: null;
-            validator: (s: unknown) => boolean;
-        };
-        labelStrength: {
-            type: StringConstructor;
-            default: null;
-            validator: (s: unknown) => boolean;
-        };
-    }>, {}, {}, {
-        resolvedLabelSize(): any;
-        inputValidationClass(): any;
-        checkboxGroupValueChecked(): any;
-        hasLabelContent(): boolean;
-        hasLabel(): any;
-        hasMessages(): any;
-        inputListeners(): {
-            input: () => void;
-            focusin: (event: any) => any;
-            focusout: (event: any) => any;
-            change: (event: any) => any;
-        };
-    }, {
-        removeClassStyleAttrs: typeof import('../..').removeClassStyleAttrs;
-        emitValue(target: any): void;
-        runValidations(): void;
-    }, {
-        inheritAttrs: boolean;
-        props: {
-            label: {
-                type: StringConstructor;
-                default: string;
-            };
-            name: {
-                type: StringConstructor;
-                default: string;
-            };
-            value: {
-                type: (ObjectConstructor | StringConstructor | NumberConstructor | BooleanConstructor)[];
-                default: null;
-            };
-            description: {
-                type: StringConstructor;
-                default: string;
-            };
-            disabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            validationState: {
-                type: StringConstructor;
-                default: string;
-                validator: (validationState: any) => boolean;
-            };
-            inputClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            labelClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            descriptionClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            labelChildProps: {
-                type: ObjectConstructor;
-                default: () => {};
-            };
-            descriptionChildProps: {
-                type: ObjectConstructor;
-                default: () => {};
-            };
-        };
-        data(): any;
-        watch: {
-            disabled(newDisabled: any): void;
-            validationState(newValidationState: any): void;
-        };
-        methods: {
-            validateInputLabels(hasLabelOrLabel: boolean | string, ariaLabel: string): void;
-        };
-    } | {
-        props: {
-            modelValue: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            indeterminate: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            value: {
-                type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
-                default: null;
-            };
-        };
-        data(): any;
-        watch: {
-            modelValue(newChecked: any): void;
-            indeterminate(newValue: any): void;
-        };
-    } | {
-        inject: {
-            groupContext: {
-                default: {};
-            };
-            setGroupValue: {
-                default: () => () => void;
-            };
-        };
-        data(): any;
-        computed: {
-            hasGroup(): boolean;
-            groupName(): any;
-            groupValue(): any;
-            groupDisabled(): any;
-            groupValidationState(): any;
-            internalName(): any;
-        };
-        watch: {
-            value(newValue: any): void;
-            groupValue: {
-                immediate: boolean;
-                handler(newGroupValue: any): void;
-            };
-            groupDisabled: {
-                immediate: boolean;
-                handler(newGroupDisabled: any): void;
-            };
-            groupValidationState: {
-                immediate: boolean;
-                handler(newGroupValidationState: any): void;
-            };
-        };
-        created(): 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, ("focusin" | "focusout" | "update:modelValue")[], "focusin" | "focusout" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        showLabel: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        labelSize: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: null;
-            validator: (s: unknown) => boolean;
-        };
-        labelStrength: {
-            type: StringConstructor;
-            default: null;
-            validator: (s: unknown) => boolean;
-        };
-    }>> & Readonly<{
-        onFocusin?: ((...args: any[]) => any) | undefined;
-        onFocusout?: ((...args: any[]) => any) | undefined;
-        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    }>, {
-        showLabel: boolean;
-        labelSize: string | number;
-        labelStrength: string;
-    }, {}, {
-        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;
-                validator: (value: unknown) => boolean;
-            };
-            align: {
-                type: StringConstructor;
-                default: null;
-                validator: (value: unknown) => boolean;
-            };
-            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(): any;
-            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;
-                validator: (value: unknown) => boolean;
-            };
-            align: {
-                type: StringConstructor;
-                default: null;
-                validator: (value: unknown) => boolean;
-            };
-            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>;
-    DtPopover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        open: {
-            type: (BooleanConstructor | null)[];
-            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[];
-        };
-        closeOnClick: {
-            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;
-        };
-        anchorClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        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 | null)[];
-            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[];
-        };
-        closeOnClick: {
-            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;
-        };
-        anchorClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        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 | null;
-        ariaLabel: string;
-        headerClass: string | unknown[] | Record<string, any>;
-        contentClass: string | unknown[] | Record<string, any>;
-        role: string;
-        dialogClass: string | unknown[] | Record<string, any>;
-        padding: string;
-        maxHeight: string;
-        footerClass: string | unknown[] | Record<string, any>;
-        elementType: string;
-        transition: string;
-        anchorClass: string | unknown[] | Record<string, any>;
-        maxWidth: string;
-        appendTo: string | HTMLElement;
-        placement: string;
-        sticky: string | boolean;
-        fallbackPlacements: unknown[];
-        tether: boolean;
-        externalAnchor: string;
-        externalAnchorElement: HTMLElement;
-        showCloseButton: boolean;
-        openOnContext: boolean;
-        ariaLabelledby: string;
-        contentWidth: string;
-        contentAppear: boolean;
-        contentTabindex: number;
-        closeOnClick: boolean;
-        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;
-                };
-                startIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                endIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                blockStartIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                blockEndIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                iconClass: {
-                    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;
-                };
-                startIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                endIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                blockStartIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                blockEndIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                iconClass: {
-                    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;
-                iconClass: string | unknown[] | Record<string, any>;
-                replace: boolean;
-                loading: boolean;
-                underline: boolean;
-                kind: string;
-                labelClass: string | unknown[] | Record<string, any>;
-                startIconClass: string | unknown[] | Record<string, any>;
-                endIconClass: 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>;
-                blockStartIconClass: string | unknown[] | Record<string, any>;
-                blockEndIconClass: 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;
-                };
-                startIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                endIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                blockStartIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                blockEndIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                iconClass: {
-                    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;
-                };
-                startIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                endIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                blockStartIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                blockEndIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                iconClass: {
-                    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;
-                iconClass: string | unknown[] | Record<string, any>;
-                replace: boolean;
-                loading: boolean;
-                underline: boolean;
-                kind: string;
-                labelClass: string | unknown[] | Record<string, any>;
-                startIconClass: string | unknown[] | Record<string, any>;
-                endIconClass: 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>;
-                blockStartIconClass: string | unknown[] | Record<string, any>;
-                blockEndIconClass: 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;
-        };
-        startIconClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        endIconClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        blockStartIconClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        blockEndIconClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        iconClass: {
-            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;
-        };
-        startIconClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        endIconClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        blockStartIconClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        blockEndIconClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        iconClass: {
-            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;
-        iconClass: string | unknown[] | Record<string, any>;
-        replace: boolean;
-        loading: boolean;
-        underline: boolean;
-        kind: string;
-        labelClass: string | unknown[] | Record<string, any>;
-        startIconClass: string | unknown[] | Record<string, any>;
-        endIconClass: 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>;
-        blockStartIconClass: string | unknown[] | Record<string, any>;
-        blockEndIconClass: 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>;
-    DtIconChevronDown: 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>;
-    DtDropdown: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        contentMode: {
-            type: StringConstructor;
-            default: null;
-            validator: (v: any) => boolean;
-        };
-        open: {
-            type: (BooleanConstructor | null)[];
-            default: null;
-        };
-        openOnContext: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        padding: {
-            type: StringConstructor;
-            default: string;
-            validator: (padding: unknown) => boolean;
-        };
-        modal: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        contentWidth: {
-            type: StringConstructor;
-            default: null;
-        };
-        maxHeight: {
-            type: StringConstructor;
-            default: string;
-        };
-        maxWidth: {
-            type: StringConstructor;
-            default: string;
-        };
-        listId: {
-            type: StringConstructor;
-            default(): string;
-        };
-        navigationType: {
-            type: StringConstructor;
-            default: string;
-            validator: (t: unknown) => boolean;
-        };
-        fallbackPlacements: {
-            type: ArrayConstructor;
-            default: () => string[];
-        };
-        placement: {
-            type: StringConstructor;
-            default: string;
-        };
-        onBeginningOfList: {
-            type: FunctionConstructor;
-            default: null;
-        };
-        onEndOfList: {
-            type: FunctionConstructor;
-            default: null;
-        };
-        listClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        footerClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        appendTo: {
-            type: (StringConstructor | {
-                new (): HTMLElement;
-                prototype: HTMLElement;
-            })[];
-            default: string;
-            validator: (appendTo: unknown) => boolean;
-        };
-        tether: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        transition: {
-            type: StringConstructor;
-            default: string;
-        };
-    }>, {}, {
-        LIST_ITEM_NAVIGATION_TYPES: {
-            ARROW_KEYS: string;
-            TAB: string;
-            NONE: string;
-        };
-        DROPDOWN_PADDING_CLASSES: {
-            none: undefined;
-            small: string;
-            large: string;
-        };
-        EVENT_KEYNAMES: {
-            esc: string;
-            escape: string;
-            tab: string;
-            enter: string;
-            space: string;
-            spacebar: string;
-            up: string;
-            arrowup: string;
-            left: string;
-            arrowleft: string;
-            right: string;
-            arrowright: string;
-            down: string;
-            arrowdown: string;
-            home: string;
-            end: string;
-        };
-        openedWithKeyboard: boolean;
-        isOpen: null;
-    }, {
-        dropdownListeners(): {
-            'update:open': (value: any) => void;
-            opened: (isPopoverOpen: any) => void;
-            keydown: (event: any) => void;
-        };
-        beginningOfListMethod(): Function;
-        endOfListMethod(): Function;
-        activeItemEl(): any;
-        isArrowKeyNav(): boolean;
-        listClasses(): any[];
-        shouldOpenWithArrowKeys(): boolean;
-    }, {
-        onMouseHighlight(e: any): void;
-        getListElement(): unknown;
-        clearHighlightIndex(): void;
-        afterHighlight(): void;
-        updateInitialHighlightIndex(isPopoverOpen: any): void;
-        onSpaceKey(): void;
-        onEnterKey(): void;
-        onUpKeyPress(): void;
-        onDownKeyPress(): void;
-        onHomeKeyPress(): void;
-        onEndKeyPress(): void;
-        onKeyPress(e: any): void;
-    }, {
-        mixins: {
-            methods: {
-                scrollElementIntoViewIfNeeded(ref: Element, opt_center: any, opt_behavior: any, opt_parent: any): void;
-                scrollElementIntoView(ref: Element, opt_scrollToTop: any, opt_behavior: any, opt_parent: any): void;
-                scrollIntoViewIfNeeded(ref: any, opt_center: any, opt_behavior: any, opt_parent: any): void;
-                scrollIntoView(ref: any, opt_dir: any, opt_ifNeeded: any, opt_behavior: any, opt_parent: any): void;
-                _setScrollTop(el: any, scrollTop: any, bounds: any, offsetTop: any, offsetBottom: any, opt_isNeeded: any, opt_behavior: any): void;
-                _getElementHeight(el: any): any;
-                _getScrollBounds(el: any): {
-                    top: any;
-                    bottom: any;
-                };
-                _inScrollBounds(top: any, bottom: any, bounds: any): boolean;
-            };
-        }[];
-        data(): {
-            [x: string]: string | number | boolean;
-            scrollToOnHighlight: boolean;
-            focusOnKeyboardNavigation: boolean;
-        };
-        provide(): {
-            highlightId: () => any;
-        };
-        methods: {
-            _getListElement(): any;
-            _itemsLength(): any;
-            _getListItemNodes(): any;
-            onUpKey(): void;
-            onDownKey(): void;
-            onHomeKey(): void;
-            onEndKey(): void;
-            onNavigationKey(key: any): void;
-            isValidLetter(key: any): boolean;
-            jumpToBeginning(): void;
-            jumpToEnd(): void;
-            setHighlightIndex(num: any): void;
-            setHighlightId(id: any): void;
-            _getItemIndex(id: any): number | undefined;
-            _getItemId(index: any): any;
-            scrollActiveItemIntoViewIfNeeded(): void;
-            focusActiveItemIfNeeded(): void;
-        };
-    }, import('vue').ComponentOptionsMixin, ("keydown" | "update:open" | "opened" | "highlight")[], "keydown" | "update:open" | "opened" | "highlight", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        contentMode: {
-            type: StringConstructor;
-            default: null;
-            validator: (v: any) => boolean;
-        };
-        open: {
-            type: (BooleanConstructor | null)[];
-            default: null;
-        };
-        openOnContext: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        padding: {
-            type: StringConstructor;
-            default: string;
-            validator: (padding: unknown) => boolean;
-        };
-        modal: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        contentWidth: {
-            type: StringConstructor;
-            default: null;
-        };
-        maxHeight: {
-            type: StringConstructor;
-            default: string;
-        };
-        maxWidth: {
-            type: StringConstructor;
-            default: string;
-        };
-        listId: {
-            type: StringConstructor;
-            default(): string;
-        };
-        navigationType: {
-            type: StringConstructor;
-            default: string;
-            validator: (t: unknown) => boolean;
-        };
-        fallbackPlacements: {
-            type: ArrayConstructor;
-            default: () => string[];
-        };
-        placement: {
-            type: StringConstructor;
-            default: string;
-        };
-        onBeginningOfList: {
-            type: FunctionConstructor;
-            default: null;
-        };
-        onEndOfList: {
-            type: FunctionConstructor;
-            default: null;
-        };
-        listClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        footerClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        appendTo: {
-            type: (StringConstructor | {
-                new (): HTMLElement;
-                prototype: HTMLElement;
-            })[];
-            default: string;
-            validator: (appendTo: unknown) => boolean;
-        };
-        tether: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        transition: {
-            type: StringConstructor;
-            default: string;
-        };
-    }>> & Readonly<{
-        onKeydown?: ((...args: any[]) => any) | undefined;
-        "onUpdate:open"?: ((...args: any[]) => any) | undefined;
-        onOpened?: ((...args: any[]) => any) | undefined;
-        onHighlight?: ((...args: any[]) => any) | undefined;
-    }>, {
-        contentMode: string;
-        open: boolean | null;
-        padding: string;
-        listClass: string | unknown[] | Record<string, any>;
-        maxHeight: string;
-        footerClass: string | unknown[] | Record<string, any>;
-        transition: string;
-        maxWidth: string;
-        navigationType: string;
-        listId: string;
-        onBeginningOfList: Function;
-        onEndOfList: Function;
-        appendTo: string | HTMLElement;
-        placement: string;
-        fallbackPlacements: unknown[];
-        tether: boolean;
-        openOnContext: boolean;
-        contentWidth: string;
-        modal: boolean;
-    }, {}, {
-        DtPopover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            open: {
-                type: (BooleanConstructor | null)[];
-                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[];
-            };
-            closeOnClick: {
-                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;
-            };
-            anchorClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            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 | null)[];
-                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[];
-            };
-            closeOnClick: {
-                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;
-            };
-            anchorClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            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 | null;
-            ariaLabel: string;
-            headerClass: string | unknown[] | Record<string, any>;
-            contentClass: string | unknown[] | Record<string, any>;
-            role: string;
-            dialogClass: string | unknown[] | Record<string, any>;
-            padding: string;
-            maxHeight: string;
-            footerClass: string | unknown[] | Record<string, any>;
-            elementType: string;
-            transition: string;
-            anchorClass: string | unknown[] | Record<string, any>;
-            maxWidth: string;
-            appendTo: string | HTMLElement;
-            placement: string;
-            sticky: string | boolean;
-            fallbackPlacements: unknown[];
-            tether: boolean;
-            externalAnchor: string;
-            externalAnchorElement: HTMLElement;
-            showCloseButton: boolean;
-            openOnContext: boolean;
-            ariaLabelledby: string;
-            contentWidth: string;
-            contentAppear: boolean;
-            contentTabindex: number;
-            closeOnClick: boolean;
-            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;
-                    };
-                    startIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                    endIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                    blockStartIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                    blockEndIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                    iconClass: {
-                        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;
-                    };
-                    startIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                    endIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                    blockStartIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                    blockEndIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                    iconClass: {
-                        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;
-                    iconClass: string | unknown[] | Record<string, any>;
-                    replace: boolean;
-                    loading: boolean;
-                    underline: boolean;
-                    kind: string;
-                    labelClass: string | unknown[] | Record<string, any>;
-                    startIconClass: string | unknown[] | Record<string, any>;
-                    endIconClass: 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>;
-                    blockStartIconClass: string | unknown[] | Record<string, any>;
-                    blockEndIconClass: 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;
-                    };
-                    startIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                    endIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                    blockStartIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                    blockEndIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                    iconClass: {
-                        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;
-                    };
-                    startIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                    endIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                    blockStartIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                    blockEndIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                    iconClass: {
-                        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;
-                    iconClass: string | unknown[] | Record<string, any>;
-                    replace: boolean;
-                    loading: boolean;
-                    underline: boolean;
-                    kind: string;
-                    labelClass: string | unknown[] | Record<string, any>;
-                    startIconClass: string | unknown[] | Record<string, any>;
-                    endIconClass: 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>;
-                    blockStartIconClass: string | unknown[] | Record<string, any>;
-                    blockEndIconClass: 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>;
-    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    DtListItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        id: {
-            type: StringConstructor;
-            default(): string;
-        };
-        role: {
-            type: StringConstructor;
-            default: string;
-            validator: (role: unknown) => boolean;
-        };
-        elementType: {
-            type: StringConstructor;
-            default: string;
-        };
-        type: {
-            type: StringConstructor;
-            default: string;
-            validator: (t: unknown) => boolean;
-        };
-        navigationType: {
-            type: StringConstructor;
-            default: string;
-            validator: (t: unknown) => boolean;
-        };
-        selected: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        wrapperClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-    }>, {}, {
-        injected: boolean;
-        mouseHighlighted: boolean;
-    }, {
-        isDefaultType(): boolean;
-        listItemListeners(): {
-            click: (event: any) => void;
-            keydown: (event: any) => void;
-            mousemove: (event: any) => void;
-            mouseleave: (event: any) => void;
-        };
-        isHighlighted(): boolean;
-        isFocusable(): boolean;
-        isHoverable(): boolean;
-    }, {
-        onClick(e: any): void;
-        onMouseHover(): void;
-        onMouseLeave(): void;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "keydown" | "mouseleave" | "mousemove")[], "click" | "keydown" | "mouseleave" | "mousemove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        id: {
-            type: StringConstructor;
-            default(): string;
-        };
-        role: {
-            type: StringConstructor;
-            default: string;
-            validator: (role: unknown) => boolean;
-        };
-        elementType: {
-            type: StringConstructor;
-            default: string;
-        };
-        type: {
-            type: StringConstructor;
-            default: string;
-            validator: (t: unknown) => boolean;
-        };
-        navigationType: {
-            type: StringConstructor;
-            default: string;
-            validator: (t: unknown) => boolean;
-        };
-        selected: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        wrapperClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-    }>> & Readonly<{
-        onClick?: ((...args: any[]) => any) | undefined;
-        onKeydown?: ((...args: any[]) => any) | undefined;
-        onMouseleave?: ((...args: any[]) => any) | undefined;
-        onMousemove?: ((...args: any[]) => any) | undefined;
-    }>, {
-        id: string;
-        type: string;
-        role: string;
-        selected: boolean;
-        elementType: string;
-        navigationType: string;
-        wrapperClass: string | unknown[] | Record<string, any>;
-    }, {}, {
-        DtItemLayout: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            as: {
-                type: StringConstructor;
-                default: string;
-            };
-            unstyled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            startClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            leftClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: undefined;
-            };
-            contentClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            titleClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            subtitleClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            blockEndClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            bottomClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: undefined;
-            };
-            endClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            rightClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: undefined;
-            };
-            selectedClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-        }>, {}, {}, {
-            resolvedStartClass(): string | unknown[] | Record<string, any>;
-            resolvedEndClass(): string | unknown[] | Record<string, any>;
-            resolvedBlockEndClass(): string | unknown[] | Record<string, any>;
-        }, {
-            dynamicGridTemplateColumns(): string;
-            hasSlotContent: typeof import('../..').hasSlotContent;
-        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            as: {
-                type: StringConstructor;
-                default: string;
-            };
-            unstyled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            startClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            leftClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: undefined;
-            };
-            contentClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            titleClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            subtitleClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            blockEndClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            bottomClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: undefined;
-            };
-            endClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            rightClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: undefined;
-            };
-            selectedClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-        }>> & Readonly<{}>, {
-            as: string;
-            contentClass: string | unknown[] | Record<string, any>;
-            unstyled: boolean;
-            startClass: string | unknown[] | Record<string, any>;
-            leftClass: string | unknown[] | Record<string, any>;
-            titleClass: string | unknown[] | Record<string, any>;
-            subtitleClass: string | unknown[] | Record<string, any>;
-            blockEndClass: string | unknown[] | Record<string, any>;
-            bottomClass: string | unknown[] | Record<string, any>;
-            endClass: string | unknown[] | Record<string, any>;
-            rightClass: string | unknown[] | Record<string, any>;
-            selectedClass: string | unknown[] | Record<string, any>;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        DtIconCheck: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            size: {
-                type: StringConstructor;
-                default: string;
-                validator: (s: unknown) => boolean;
-            };
-            ariaLabel: {
-                type: StringConstructor;
-                default: undefined;
-            };
-        }>, {}, {}, {
-            iconSizeClass(): any;
-            ariaHidden(): "true" | "false";
-            dataQA(): {};
-        }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            size: {
-                type: StringConstructor;
-                default: string;
-                validator: (s: unknown) => boolean;
-            };
-            ariaLabel: {
-                type: StringConstructor;
-                default: undefined;
-            };
-        }>> & Readonly<{
-            onLoaded?: ((...args: any[]) => any) | undefined;
-        }>, {
-            size: string;
-            ariaLabel: string;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    DtStack: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        direction: {
-            type: (ObjectConstructor | StringConstructor)[];
-            default: string;
-            validator: (direction: unknown) => boolean;
-        };
-        as: {
-            type: StringConstructor;
-            default: string;
-        };
-        gap: {
-            type: (ObjectConstructor | StringConstructor)[];
-            default: string;
-            validator: (gap: unknown) => boolean;
-        };
-        align: {
-            type: (ObjectConstructor | StringConstructor)[];
-            validator: (align: unknown) => boolean;
-        };
-        justify: {
-            type: (ObjectConstructor | StringConstructor)[];
-            default: string;
-            validator: (justify: unknown) => boolean;
-        };
-    }>, {}, {
-        DT_STACK_DIRECTION: {
-            [x: string]: string;
-        };
-        DT_STACK_GAP: string[];
-        DT_STACK_RESPONSIVE_BREAKPOINTS: string[];
-        DT_STACK_ALIGN: string[];
-        DT_STACK_JUSTIFY: string[];
-    }, {
-        defaultGap(): string | null;
-        defaultDirection(): string | null;
-        defaultAlign(): string | null;
-        defaultJustify(): string | null;
-        stackResponsive(): any[];
-    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        direction: {
-            type: (ObjectConstructor | StringConstructor)[];
-            default: string;
-            validator: (direction: unknown) => boolean;
-        };
-        as: {
-            type: StringConstructor;
-            default: string;
-        };
-        gap: {
-            type: (ObjectConstructor | StringConstructor)[];
-            default: string;
-            validator: (gap: unknown) => boolean;
-        };
-        align: {
-            type: (ObjectConstructor | StringConstructor)[];
-            validator: (align: unknown) => boolean;
-        };
-        justify: {
-            type: (ObjectConstructor | StringConstructor)[];
-            default: string;
-            validator: (justify: unknown) => boolean;
-        };
-    }>> & Readonly<{}>, {
-        direction: string | Record<string, any>;
-        as: string;
-        gap: string | Record<string, any>;
-        justify: string | Record<string, any>;
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;
-//# sourceMappingURL=filter_pill.vue.d.ts.map