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

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

@@ -0,0 +1,4487 @@
+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;
+    };
+    hideClear: {
+        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;
+    };
+    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;
+}, {
+    clearFilter($event: any): void;
+    openPopover(): void;
+    selectFilter(selectedFilter: any, close: any): void;
+    applySelection(): void;
+    cancelSelection(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("open" | "clear" | "update:modelValue" | "apply")[], "open" | "clear" | "update:modelValue" | "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;
+    };
+    hideClear: {
+        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;
+    };
+    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;
+    useDropdown: boolean;
+    deferSelection: boolean;
+    startTooltipText: string;
+    readOnly: boolean;
+    hideClear: 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: never[];
+            default: null;
+            validator: (value: unknown) => boolean;
+        };
+        selectedValues: {
+            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;
+            };
+            align: {
+                type: StringConstructor;
+                default: null;
+            };
+            truncate: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            maxLines: {
+                type: NumberConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            numeric: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            wrap: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            textBoxTrim: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            strength: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            density: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+        }>, {}, {}, {
+            textClasses(): string[];
+            textStyles(): {
+                '--dt-text-line-clamp': number;
+            } | undefined;
+        }, {
+            getVariantClass(): string | null;
+            getModifierClass(value: any, modifiers: any, propName: any): any;
+            getAlignClass(): any;
+            getToneClass(): string | null;
+            getWrapClass(): any;
+            getTextBoxTrimClass(): any;
+            getStrengthClass(): any;
+            getDensityClass(): any;
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            as: {
+                type: StringConstructor;
+                default: string;
+            };
+            kind: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            size: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: null;
+            };
+            tone: {
+                type: StringConstructor;
+                default: null;
+            };
+            align: {
+                type: StringConstructor;
+                default: null;
+            };
+            truncate: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            maxLines: {
+                type: NumberConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            numeric: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            wrap: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            textBoxTrim: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            strength: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            density: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+        }>> & Readonly<{}>, {
+            wrap: string;
+            size: string | number;
+            kind: string;
+            as: string;
+            tone: string;
+            align: string;
+            truncate: boolean;
+            maxLines: number;
+            numeric: boolean;
+            textBoxTrim: string;
+            strength: string;
+            density: string | number;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, ("input" | "update:selectedValues")[], "input" | "update:selectedValues", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        modelValue: {
+            type: never[];
+            default: null;
+            validator: (value: unknown) => boolean;
+        };
+        selectedValues: {
+            type: ArrayConstructor;
+            default(): never[];
+        };
+        dataQaGroup: {
+            type: StringConstructor;
+            default: string;
+        };
+        dataQaGroupLegend: {
+            type: StringConstructor;
+            default: string;
+        };
+        dataQaGroupMessages: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{
+        onInput?: ((...args: any[]) => any) | undefined;
+        "onUpdate:selectedValues"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        modelValue: never;
+        dataQaGroup: string;
+        dataQaGroupLegend: string;
+        dataQaGroupMessages: string;
+        selectedValues: unknown[];
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    DtCheckbox: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        labelVisible: {
+            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;
+        addClassStyleAttrs: typeof import('../..').addClassStyleAttrs;
+        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: () => {};
+            };
+            rootClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+        };
+        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, ("input" | "focusin" | "focusout" | "update:modelValue")[], "input" | "focusin" | "focusout" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        labelVisible: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        labelSize: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: null;
+            validator: (s: unknown) => boolean;
+        };
+        labelStrength: {
+            type: StringConstructor;
+            default: null;
+            validator: (s: unknown) => boolean;
+        };
+    }>> & Readonly<{
+        onInput?: ((...args: any[]) => any) | undefined;
+        onFocusin?: ((...args: any[]) => any) | undefined;
+        onFocusout?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        labelVisible: 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;
+            };
+            align: {
+                type: StringConstructor;
+                default: null;
+            };
+            truncate: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            maxLines: {
+                type: NumberConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            numeric: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            wrap: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            textBoxTrim: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            strength: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            density: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+        }>, {}, {}, {
+            textClasses(): string[];
+            textStyles(): {
+                '--dt-text-line-clamp': number;
+            } | undefined;
+        }, {
+            getVariantClass(): string | null;
+            getModifierClass(value: any, modifiers: any, propName: any): any;
+            getAlignClass(): any;
+            getToneClass(): string | null;
+            getWrapClass(): any;
+            getTextBoxTrimClass(): any;
+            getStrengthClass(): any;
+            getDensityClass(): any;
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            as: {
+                type: StringConstructor;
+                default: string;
+            };
+            kind: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            size: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: null;
+            };
+            tone: {
+                type: StringConstructor;
+                default: null;
+            };
+            align: {
+                type: StringConstructor;
+                default: null;
+            };
+            truncate: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            maxLines: {
+                type: NumberConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            numeric: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            wrap: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            textBoxTrim: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            strength: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            density: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+        }>> & Readonly<{}>, {
+            wrap: string;
+            size: string | number;
+            kind: string;
+            as: string;
+            tone: string;
+            align: string;
+            truncate: boolean;
+            maxLines: number;
+            numeric: boolean;
+            textBoxTrim: string;
+            strength: string;
+            density: string | number;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    DtPopover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        open: {
+            type: BooleanConstructor;
+            default: null;
+        };
+        openOnContext: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        elementType: {
+            type: StringConstructor;
+            default: string;
+        };
+        transition: {
+            type: StringConstructor;
+            default: string;
+        };
+        role: {
+            type: StringConstructor;
+            default: string;
+            validator: (role: unknown) => boolean;
+        };
+        ariaLabelledby: {
+            type: StringConstructor;
+            default: null;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+            default: null;
+        };
+        padding: {
+            type: StringConstructor;
+            default: string;
+            validator: (padding: unknown) => boolean;
+        };
+        contentClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        contentWidth: {
+            type: StringConstructor;
+            default: string;
+            validator: (contentWidth: unknown) => boolean;
+        };
+        contentAppear: {
+            type: BooleanConstructor;
+            default: null;
+        };
+        contentTabindex: {
+            type: NumberConstructor;
+            default: number;
+        };
+        externalAnchor: {
+            type: StringConstructor;
+            default: string;
+        };
+        externalAnchorElement: {
+            type: {
+                new (): HTMLElement;
+                prototype: HTMLElement;
+            };
+            default: null;
+        };
+        id: {
+            type: StringConstructor;
+            default(): string;
+        };
+        offset: {
+            type: ArrayConstructor;
+            default: () => number[];
+        };
+        hideOnClick: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        modal: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        fallbackPlacements: {
+            type: ArrayConstructor;
+            default: () => string[];
+        };
+        placement: {
+            type: StringConstructor;
+            default: string;
+        };
+        tether: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        sticky: {
+            type: (StringConstructor | BooleanConstructor)[];
+            default: boolean;
+            validator: (sticky: unknown) => boolean;
+        };
+        maxHeight: {
+            type: StringConstructor;
+            default: string;
+        };
+        maxWidth: {
+            type: StringConstructor;
+            default: string;
+        };
+        showCloseButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        headerWrapperClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        headerClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        footerWrapperClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        footerClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        dialogClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        initialFocusElement: {
+            type: (StringConstructor | {
+                new (): HTMLElement;
+                prototype: HTMLElement;
+            })[];
+            default: string;
+            validator: (initialFocusElement: unknown) => any;
+        };
+        openWithArrowKeys: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        appendTo: {
+            type: (StringConstructor | {
+                new (): HTMLElement;
+                prototype: HTMLElement;
+            })[];
+            default: string;
+            validator: (appendTo: unknown) => boolean;
+        };
+    }>, {}, {
+        POPOVER_PADDING_CLASSES: {
+            none: undefined;
+            small: string;
+            medium: string;
+            large: string;
+        };
+        POPOVER_HEADER_FOOTER_PADDING_CLASSES: {
+            none: undefined;
+            small: string;
+            medium: string;
+            large: string;
+        };
+        intersectionObserver: null;
+        mutationObserver: null;
+        isOutsideViewport: boolean;
+        isOpen: boolean;
+        toAppear: boolean;
+        anchorEl: null;
+        popoverContentEl: null;
+        hasSlotContent: typeof import('../..').hasSlotContent;
+    }, {
+        popoverListeners(): {
+            keydown: (event: any) => void;
+            'after-leave': () => void;
+            'after-enter': () => void;
+        };
+        calculatedMaxHeight(): string;
+        labelledBy(): string | false;
+    }, {
+        getModeReferenceEl(): unknown;
+        hasIntersectedViewport(entries: any): void;
+        updateAnchorEl(): void;
+        popperOptions(): {
+            modifiers: ({
+                name: string;
+                options: {
+                    fallbackPlacements: any[];
+                    boundary: string;
+                    altAxis?: undefined;
+                    tether?: undefined;
+                };
+                enabled?: undefined;
+            } | {
+                name: string;
+                enabled: boolean;
+                options?: undefined;
+            } | {
+                name: string;
+                options: {
+                    altAxis: boolean;
+                    tether: boolean;
+                    fallbackPlacements?: undefined;
+                    boundary?: undefined;
+                };
+                enabled?: undefined;
+            })[];
+        };
+        validateProps(): void;
+        calculateAnchorZindex(): 300 | 650;
+        defaultToggleOpen(e: any): void;
+        onContext(event: any): Promise<void>;
+        toggleOpen(): void;
+        onArrowKeyPress(e: any): void;
+        addEventListeners(): void;
+        removeEventListeners(): void;
+        closePopover(): void;
+        preventScrolling(): void;
+        enableScrolling(): void;
+        removeReferences(): void;
+        onShow(): Promise<void>;
+        onLeaveTransitionComplete(): Promise<void>;
+        onEnterTransitionComplete(): Promise<void>;
+        focusInitialElement(): void;
+        focusInitialElementById(): void;
+        onResize(): void;
+        onClickOutside(): void;
+        onKeydown(e: any): void;
+        setPopoverContentAnchorWidth(): Promise<void>;
+        focusFirstElementIfNeeded(domEl: any): void;
+        getReferenceClientRect(error: any): any;
+        initTippyInstance(): void;
+        onMouseEnter(): void;
+        onMouseLeave(): void;
+        onMouseEnterAnchor(): void;
+        onMouseLeaveAnchor(): void;
+    }, {
+        methods: {
+            getFirstFocusableElement(el: object): Promise<any>;
+            focusFirstElement(el?: object): Promise<void>;
+            focusElementById(elementId: any): Promise<void>;
+            _getFirstFocusElement(focusableElements: any): any;
+            _getFocusableElements(el?: object, includeNegativeTabIndex?: bool): any[];
+            focusTrappedTabPress(e: object, el: object): void;
+        };
+    } | {
+        props: {
+            contentMode: {
+                type: StringConstructor;
+                default: null;
+                validator: (v: any) => boolean;
+            };
+        };
+        data(): {
+            modeContrast: string;
+            modeResolved: null;
+        };
+        computed: {
+            modeAttrs(): any;
+        };
+        watch: {
+            contentMode(): void;
+        };
+        mounted(): void;
+        beforeUnmount(): void;
+        methods: {
+            getModeReferenceEl(): HTMLElement | null;
+            setupModeObservers(): void;
+            cleanupModeObservers(): void;
+        };
+    }, import('vue').ComponentOptionsMixin, ("keydown" | "update:open" | "opened" | "mouseenter-popover" | "mouseleave-popover" | "mouseenter-popover-anchor" | "mouseleave-popover-anchor")[], "keydown" | "update:open" | "opened" | "mouseenter-popover" | "mouseleave-popover" | "mouseenter-popover-anchor" | "mouseleave-popover-anchor", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        open: {
+            type: BooleanConstructor;
+            default: null;
+        };
+        openOnContext: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        elementType: {
+            type: StringConstructor;
+            default: string;
+        };
+        transition: {
+            type: StringConstructor;
+            default: string;
+        };
+        role: {
+            type: StringConstructor;
+            default: string;
+            validator: (role: unknown) => boolean;
+        };
+        ariaLabelledby: {
+            type: StringConstructor;
+            default: null;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+            default: null;
+        };
+        padding: {
+            type: StringConstructor;
+            default: string;
+            validator: (padding: unknown) => boolean;
+        };
+        contentClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        contentWidth: {
+            type: StringConstructor;
+            default: string;
+            validator: (contentWidth: unknown) => boolean;
+        };
+        contentAppear: {
+            type: BooleanConstructor;
+            default: null;
+        };
+        contentTabindex: {
+            type: NumberConstructor;
+            default: number;
+        };
+        externalAnchor: {
+            type: StringConstructor;
+            default: string;
+        };
+        externalAnchorElement: {
+            type: {
+                new (): HTMLElement;
+                prototype: HTMLElement;
+            };
+            default: null;
+        };
+        id: {
+            type: StringConstructor;
+            default(): string;
+        };
+        offset: {
+            type: ArrayConstructor;
+            default: () => number[];
+        };
+        hideOnClick: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        modal: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        fallbackPlacements: {
+            type: ArrayConstructor;
+            default: () => string[];
+        };
+        placement: {
+            type: StringConstructor;
+            default: string;
+        };
+        tether: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        sticky: {
+            type: (StringConstructor | BooleanConstructor)[];
+            default: boolean;
+            validator: (sticky: unknown) => boolean;
+        };
+        maxHeight: {
+            type: StringConstructor;
+            default: string;
+        };
+        maxWidth: {
+            type: StringConstructor;
+            default: string;
+        };
+        showCloseButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        headerWrapperClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        headerClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        footerWrapperClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        footerClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        dialogClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        initialFocusElement: {
+            type: (StringConstructor | {
+                new (): HTMLElement;
+                prototype: HTMLElement;
+            })[];
+            default: string;
+            validator: (initialFocusElement: unknown) => any;
+        };
+        openWithArrowKeys: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        appendTo: {
+            type: (StringConstructor | {
+                new (): HTMLElement;
+                prototype: HTMLElement;
+            })[];
+            default: string;
+            validator: (appendTo: unknown) => boolean;
+        };
+    }>> & Readonly<{
+        onKeydown?: ((...args: any[]) => any) | undefined;
+        "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+        onOpened?: ((...args: any[]) => any) | undefined;
+        "onMouseenter-popover"?: ((...args: any[]) => any) | undefined;
+        "onMouseleave-popover"?: ((...args: any[]) => any) | undefined;
+        "onMouseenter-popover-anchor"?: ((...args: any[]) => any) | undefined;
+        "onMouseleave-popover-anchor"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        id: string;
+        offset: unknown[];
+        open: boolean;
+        ariaLabel: string;
+        role: string;
+        dialogClass: string | unknown[] | Record<string, any>;
+        maxHeight: string;
+        contentClass: string | unknown[] | Record<string, any>;
+        headerClass: string | unknown[] | Record<string, any>;
+        footerClass: string | unknown[] | Record<string, any>;
+        elementType: string;
+        transition: string;
+        maxWidth: string;
+        appendTo: string | HTMLElement;
+        hideOnClick: boolean;
+        placement: string;
+        sticky: string | boolean;
+        fallbackPlacements: unknown[];
+        tether: boolean;
+        externalAnchor: string;
+        externalAnchorElement: HTMLElement;
+        showCloseButton: boolean;
+        openOnContext: boolean;
+        ariaLabelledby: string;
+        padding: string;
+        contentWidth: string;
+        contentAppear: boolean;
+        contentTabindex: number;
+        modal: boolean;
+        headerWrapperClass: string | unknown[] | Record<string, any>;
+        footerWrapperClass: string | unknown[] | Record<string, any>;
+        initialFocusElement: string | HTMLElement;
+        openWithArrowKeys: boolean;
+    }, {}, {
+        SrOnlyCloseButton: import('vue').DefineComponent<{}, {}, {
+            i18n: any;
+        }, {
+            closeButtonTitle(): any;
+        }, {
+            close(): void;
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "close"[], "close", import('vue').PublicProps, Readonly<{}> & Readonly<{
+            onClose?: ((...args: any[]) => any) | undefined;
+        }>, {}, {}, {
+            DtIconClose: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+            }>, {}, {}, {
+                iconSizeClass(): any;
+                ariaHidden(): "true" | "false";
+                dataQA(): {};
+            }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+            }>> & Readonly<{
+                onLoaded?: ((...args: any[]) => any) | undefined;
+            }>, {
+                size: string;
+                ariaLabel: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            DtButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                circle: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                iconPosition: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (position: unknown) => boolean;
+                };
+                importance: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (i: unknown) => boolean;
+                };
+                link: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                linkKind: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (lk: unknown) => boolean;
+                };
+                linkInverted: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                linkUnderline: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                underline: {
+                    type: BooleanConstructor;
+                    default: null;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                type: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (t: unknown) => boolean;
+                };
+                width: {
+                    type: StringConstructor;
+                    default: null;
+                };
+                size: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
+                    validator: (s: unknown) => boolean;
+                };
+                labelClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                leadingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                trailingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                loading: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                kind: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (k: unknown) => boolean;
+                };
+                assertiveOnFocus: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                active: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                to: {
+                    type: (ObjectConstructor | StringConstructor)[];
+                    default: null;
+                };
+                href: {
+                    type: StringConstructor;
+                    default: null;
+                };
+                target: {
+                    type: StringConstructor;
+                    default: null;
+                };
+                rel: {
+                    type: StringConstructor;
+                    default: null;
+                };
+                replace: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {}, {
+                ICON_POSITION_MODIFIERS: {
+                    start: string;
+                    end: string;
+                    blockStart: string;
+                    blockEnd: string;
+                    left: string;
+                    right: string;
+                    top: string;
+                    bottom: string;
+                };
+                isInFocus: boolean;
+                hasSlotContent: typeof import('../..').hasSlotContent;
+                i18n: any;
+            }, {
+                resolvedUnderline(): boolean;
+                computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
+                isNativeButton(): boolean;
+                computedAttrs(): {
+                    'aria-disabled'?: string | undefined;
+                    tabindex?: string | undefined;
+                    to: string | Record<string, any>;
+                    replace: boolean;
+                    type?: undefined;
+                    disabled?: undefined;
+                } | {
+                    'aria-disabled'?: string | undefined;
+                    tabindex?: string | undefined;
+                    href: string | null;
+                    target: string;
+                    rel: string;
+                    type?: undefined;
+                    disabled?: undefined;
+                } | {
+                    type: string;
+                    disabled: boolean;
+                };
+                computedListeners(): {
+                    focusin: (e: any) => void;
+                    focusout: (e: any) => void;
+                };
+                computedAriaLive(): unknown;
+                iconSize(): any;
+                loaderSize(): any;
+            }, {
+                resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
+                buttonClasses(): any[];
+                isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
+                hasStartIcon(): any;
+                hasEndIcon(): any;
+                hasBlockStartIcon(): any;
+                hasBlockEndIcon(): any;
+                hasNewIconSlots(): any;
+                shouldRenderLegacyIcon(): any;
+                isIconOnly(): any;
+                isVerticalIconLayout(): boolean;
+            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                circle: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                iconPosition: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (position: unknown) => boolean;
+                };
+                importance: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (i: unknown) => boolean;
+                };
+                link: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                linkKind: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (lk: unknown) => boolean;
+                };
+                linkInverted: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                linkUnderline: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                underline: {
+                    type: BooleanConstructor;
+                    default: null;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                type: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (t: unknown) => boolean;
+                };
+                width: {
+                    type: StringConstructor;
+                    default: null;
+                };
+                size: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
+                    validator: (s: unknown) => boolean;
+                };
+                labelClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                leadingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                trailingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                loading: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                kind: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (k: unknown) => boolean;
+                };
+                assertiveOnFocus: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                active: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                to: {
+                    type: (ObjectConstructor | StringConstructor)[];
+                    default: null;
+                };
+                href: {
+                    type: StringConstructor;
+                    default: null;
+                };
+                target: {
+                    type: StringConstructor;
+                    default: null;
+                };
+                rel: {
+                    type: StringConstructor;
+                    default: null;
+                };
+                replace: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{
+                onFocusin?: ((...args: any[]) => any) | undefined;
+                onFocusout?: ((...args: any[]) => any) | undefined;
+            }>, {
+                link: boolean;
+                disabled: boolean;
+                type: string;
+                target: string;
+                circle: boolean;
+                active: boolean;
+                size: string | number;
+                replace: boolean;
+                loading: boolean;
+                underline: boolean;
+                kind: string;
+                labelClass: string | unknown[] | Record<string, any>;
+                href: string;
+                to: string | Record<string, any>;
+                iconPosition: string;
+                importance: string;
+                linkKind: string;
+                linkInverted: boolean;
+                linkUnderline: boolean;
+                width: string;
+                leadingClass: string | unknown[] | Record<string, any>;
+                trailingClass: string | unknown[] | Record<string, any>;
+                assertiveOnFocus: boolean;
+                rel: string;
+            }, {}, {
+                DtLoader: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    ariaLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (s: unknown) => boolean;
+                    };
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    ariaLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (s: unknown) => boolean;
+                    };
+                }>> & Readonly<{}>, {
+                    size: string;
+                    ariaLabel: string;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        DtLazyShow: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            show: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            transition: {
+                type: StringConstructor;
+                default: null;
+            };
+            appear: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>, {}, {
+            initialized: boolean;
+        }, {
+            isCSSEnabled(): boolean;
+        }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            show: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            transition: {
+                type: StringConstructor;
+                default: null;
+            };
+            appear: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{}>, {
+            show: boolean;
+            appear: boolean;
+            transition: string;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        PopoverHeaderFooter: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            type: {
+                type: StringConstructor;
+                validator: (value: unknown) => boolean;
+            };
+            wrapperClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            contentClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            showCloseButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>, {}, {
+            hasSlotContent: typeof import('../..').hasSlotContent;
+            i18n: any;
+        }, {
+            closeButtonTitle(): any;
+        }, {
+            focusCloseButton(): void;
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "close"[], "close", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            type: {
+                type: StringConstructor;
+                validator: (value: unknown) => boolean;
+            };
+            wrapperClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            contentClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            showCloseButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            onClose?: ((...args: any[]) => any) | undefined;
+        }>, {
+            contentClass: string | unknown[] | Record<string, any>;
+            wrapperClass: string | unknown[] | Record<string, any>;
+            showCloseButton: boolean;
+        }, {}, {
+            DtButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                circle: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                iconPosition: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (position: unknown) => boolean;
+                };
+                importance: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (i: unknown) => boolean;
+                };
+                link: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                linkKind: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (lk: unknown) => boolean;
+                };
+                linkInverted: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                linkUnderline: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                underline: {
+                    type: BooleanConstructor;
+                    default: null;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                type: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (t: unknown) => boolean;
+                };
+                width: {
+                    type: StringConstructor;
+                    default: null;
+                };
+                size: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
+                    validator: (s: unknown) => boolean;
+                };
+                labelClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                leadingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                trailingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                loading: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                kind: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (k: unknown) => boolean;
+                };
+                assertiveOnFocus: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                active: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                to: {
+                    type: (ObjectConstructor | StringConstructor)[];
+                    default: null;
+                };
+                href: {
+                    type: StringConstructor;
+                    default: null;
+                };
+                target: {
+                    type: StringConstructor;
+                    default: null;
+                };
+                rel: {
+                    type: StringConstructor;
+                    default: null;
+                };
+                replace: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {}, {
+                ICON_POSITION_MODIFIERS: {
+                    start: string;
+                    end: string;
+                    blockStart: string;
+                    blockEnd: string;
+                    left: string;
+                    right: string;
+                    top: string;
+                    bottom: string;
+                };
+                isInFocus: boolean;
+                hasSlotContent: typeof import('../..').hasSlotContent;
+                i18n: any;
+            }, {
+                resolvedUnderline(): boolean;
+                computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
+                isNativeButton(): boolean;
+                computedAttrs(): {
+                    'aria-disabled'?: string | undefined;
+                    tabindex?: string | undefined;
+                    to: string | Record<string, any>;
+                    replace: boolean;
+                    type?: undefined;
+                    disabled?: undefined;
+                } | {
+                    'aria-disabled'?: string | undefined;
+                    tabindex?: string | undefined;
+                    href: string | null;
+                    target: string;
+                    rel: string;
+                    type?: undefined;
+                    disabled?: undefined;
+                } | {
+                    type: string;
+                    disabled: boolean;
+                };
+                computedListeners(): {
+                    focusin: (e: any) => void;
+                    focusout: (e: any) => void;
+                };
+                computedAriaLive(): unknown;
+                iconSize(): any;
+                loaderSize(): any;
+            }, {
+                resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
+                buttonClasses(): any[];
+                isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
+                hasStartIcon(): any;
+                hasEndIcon(): any;
+                hasBlockStartIcon(): any;
+                hasBlockEndIcon(): any;
+                hasNewIconSlots(): any;
+                shouldRenderLegacyIcon(): any;
+                isIconOnly(): any;
+                isVerticalIconLayout(): boolean;
+            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                circle: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                iconPosition: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (position: unknown) => boolean;
+                };
+                importance: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (i: unknown) => boolean;
+                };
+                link: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                linkKind: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (lk: unknown) => boolean;
+                };
+                linkInverted: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                linkUnderline: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                underline: {
+                    type: BooleanConstructor;
+                    default: null;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                type: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (t: unknown) => boolean;
+                };
+                width: {
+                    type: StringConstructor;
+                    default: null;
+                };
+                size: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
+                    validator: (s: unknown) => boolean;
+                };
+                labelClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                leadingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                trailingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                loading: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                kind: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (k: unknown) => boolean;
+                };
+                assertiveOnFocus: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                active: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                to: {
+                    type: (ObjectConstructor | StringConstructor)[];
+                    default: null;
+                };
+                href: {
+                    type: StringConstructor;
+                    default: null;
+                };
+                target: {
+                    type: StringConstructor;
+                    default: null;
+                };
+                rel: {
+                    type: StringConstructor;
+                    default: null;
+                };
+                replace: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{
+                onFocusin?: ((...args: any[]) => any) | undefined;
+                onFocusout?: ((...args: any[]) => any) | undefined;
+            }>, {
+                link: boolean;
+                disabled: boolean;
+                type: string;
+                target: string;
+                circle: boolean;
+                active: boolean;
+                size: string | number;
+                replace: boolean;
+                loading: boolean;
+                underline: boolean;
+                kind: string;
+                labelClass: string | unknown[] | Record<string, any>;
+                href: string;
+                to: string | Record<string, any>;
+                iconPosition: string;
+                importance: string;
+                linkKind: string;
+                linkInverted: boolean;
+                linkUnderline: boolean;
+                width: string;
+                leadingClass: string | unknown[] | Record<string, any>;
+                trailingClass: string | unknown[] | Record<string, any>;
+                assertiveOnFocus: boolean;
+                rel: string;
+            }, {}, {
+                DtLoader: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    ariaLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (s: unknown) => boolean;
+                    };
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    ariaLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (s: unknown) => boolean;
+                    };
+                }>> & Readonly<{}>, {
+                    size: string;
+                    ariaLabel: string;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            DtIconClose: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+            }>, {}, {}, {
+                iconSizeClass(): any;
+                ariaHidden(): "true" | "false";
+                dataQA(): {};
+            }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+            }>> & Readonly<{
+                onLoaded?: ((...args: any[]) => any) | undefined;
+            }>, {
+                size: string;
+                ariaLabel: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    DtButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        circle: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        iconPosition: {
+            type: StringConstructor;
+            default: string;
+            validator: (position: unknown) => boolean;
+        };
+        importance: {
+            type: StringConstructor;
+            default: string;
+            validator: (i: unknown) => boolean;
+        };
+        link: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        linkKind: {
+            type: StringConstructor;
+            default: string;
+            validator: (lk: unknown) => boolean;
+        };
+        linkInverted: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        linkUnderline: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        underline: {
+            type: BooleanConstructor;
+            default: null;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        type: {
+            type: StringConstructor;
+            default: string;
+            validator: (t: unknown) => boolean;
+        };
+        width: {
+            type: StringConstructor;
+            default: null;
+        };
+        size: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+            validator: (s: unknown) => boolean;
+        };
+        labelClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        leadingClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        trailingClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        kind: {
+            type: StringConstructor;
+            default: string;
+            validator: (k: unknown) => boolean;
+        };
+        assertiveOnFocus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        active: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        to: {
+            type: (ObjectConstructor | StringConstructor)[];
+            default: null;
+        };
+        href: {
+            type: StringConstructor;
+            default: null;
+        };
+        target: {
+            type: StringConstructor;
+            default: null;
+        };
+        rel: {
+            type: StringConstructor;
+            default: null;
+        };
+        replace: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {}, {
+        ICON_POSITION_MODIFIERS: {
+            start: string;
+            end: string;
+            blockStart: string;
+            blockEnd: string;
+            left: string;
+            right: string;
+            top: string;
+            bottom: string;
+        };
+        isInFocus: boolean;
+        hasSlotContent: typeof import('../..').hasSlotContent;
+        i18n: any;
+    }, {
+        resolvedUnderline(): boolean;
+        computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
+        isNativeButton(): boolean;
+        computedAttrs(): {
+            'aria-disabled'?: string | undefined;
+            tabindex?: string | undefined;
+            to: string | Record<string, any>;
+            replace: boolean;
+            type?: undefined;
+            disabled?: undefined;
+        } | {
+            'aria-disabled'?: string | undefined;
+            tabindex?: string | undefined;
+            href: string | null;
+            target: string;
+            rel: string;
+            type?: undefined;
+            disabled?: undefined;
+        } | {
+            type: string;
+            disabled: boolean;
+        };
+        computedListeners(): {
+            focusin: (e: any) => void;
+            focusout: (e: any) => void;
+        };
+        computedAriaLive(): unknown;
+        iconSize(): any;
+        loaderSize(): any;
+    }, {
+        resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
+        buttonClasses(): any[];
+        isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
+        hasStartIcon(): any;
+        hasEndIcon(): any;
+        hasBlockStartIcon(): any;
+        hasBlockEndIcon(): any;
+        hasNewIconSlots(): any;
+        shouldRenderLegacyIcon(): any;
+        isIconOnly(): any;
+        isVerticalIconLayout(): boolean;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        circle: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        iconPosition: {
+            type: StringConstructor;
+            default: string;
+            validator: (position: unknown) => boolean;
+        };
+        importance: {
+            type: StringConstructor;
+            default: string;
+            validator: (i: unknown) => boolean;
+        };
+        link: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        linkKind: {
+            type: StringConstructor;
+            default: string;
+            validator: (lk: unknown) => boolean;
+        };
+        linkInverted: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        linkUnderline: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        underline: {
+            type: BooleanConstructor;
+            default: null;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        type: {
+            type: StringConstructor;
+            default: string;
+            validator: (t: unknown) => boolean;
+        };
+        width: {
+            type: StringConstructor;
+            default: null;
+        };
+        size: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+            validator: (s: unknown) => boolean;
+        };
+        labelClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        leadingClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        trailingClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        kind: {
+            type: StringConstructor;
+            default: string;
+            validator: (k: unknown) => boolean;
+        };
+        assertiveOnFocus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        active: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        to: {
+            type: (ObjectConstructor | StringConstructor)[];
+            default: null;
+        };
+        href: {
+            type: StringConstructor;
+            default: null;
+        };
+        target: {
+            type: StringConstructor;
+            default: null;
+        };
+        rel: {
+            type: StringConstructor;
+            default: null;
+        };
+        replace: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onFocusin?: ((...args: any[]) => any) | undefined;
+        onFocusout?: ((...args: any[]) => any) | undefined;
+    }>, {
+        link: boolean;
+        disabled: boolean;
+        type: string;
+        target: string;
+        circle: boolean;
+        active: boolean;
+        size: string | number;
+        replace: boolean;
+        loading: boolean;
+        underline: boolean;
+        kind: string;
+        labelClass: string | unknown[] | Record<string, any>;
+        href: string;
+        to: string | Record<string, any>;
+        iconPosition: string;
+        importance: string;
+        linkKind: string;
+        linkInverted: boolean;
+        linkUnderline: boolean;
+        width: string;
+        leadingClass: string | unknown[] | Record<string, any>;
+        trailingClass: string | unknown[] | Record<string, any>;
+        assertiveOnFocus: boolean;
+        rel: string;
+    }, {}, {
+        DtLoader: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            ariaLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator: (s: unknown) => boolean;
+            };
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            ariaLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator: (s: unknown) => boolean;
+            };
+        }>> & Readonly<{}>, {
+            size: string;
+            ariaLabel: string;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    DtIconClose: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator: (s: unknown) => boolean;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+            default: undefined;
+        };
+    }>, {}, {}, {
+        iconSizeClass(): any;
+        ariaHidden(): "true" | "false";
+        dataQA(): {};
+    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator: (s: unknown) => boolean;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+            default: undefined;
+        };
+    }>> & Readonly<{
+        onLoaded?: ((...args: any[]) => any) | undefined;
+    }>, {
+        size: string;
+        ariaLabel: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    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;
+            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;
+        };
+        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;
+            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;
+        };
+        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;
+        maxHeight: string;
+        transition: string;
+        maxWidth: string;
+        navigationType: string;
+        listId: string;
+        onBeginningOfList: Function;
+        onEndOfList: Function;
+        appendTo: string | HTMLElement;
+        placement: string;
+        fallbackPlacements: unknown[];
+        tether: boolean;
+        openOnContext: boolean;
+        padding: string;
+        contentWidth: string;
+        modal: boolean;
+        listClass: string | unknown[] | Record<string, any>;
+    }, {}, {
+        DtPopover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            open: {
+                type: BooleanConstructor;
+                default: null;
+            };
+            openOnContext: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            elementType: {
+                type: StringConstructor;
+                default: string;
+            };
+            transition: {
+                type: StringConstructor;
+                default: string;
+            };
+            role: {
+                type: StringConstructor;
+                default: string;
+                validator: (role: unknown) => boolean;
+            };
+            ariaLabelledby: {
+                type: StringConstructor;
+                default: null;
+            };
+            ariaLabel: {
+                type: StringConstructor;
+                default: null;
+            };
+            padding: {
+                type: StringConstructor;
+                default: string;
+                validator: (padding: unknown) => boolean;
+            };
+            contentClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            contentWidth: {
+                type: StringConstructor;
+                default: string;
+                validator: (contentWidth: unknown) => boolean;
+            };
+            contentAppear: {
+                type: BooleanConstructor;
+                default: null;
+            };
+            contentTabindex: {
+                type: NumberConstructor;
+                default: number;
+            };
+            externalAnchor: {
+                type: StringConstructor;
+                default: string;
+            };
+            externalAnchorElement: {
+                type: {
+                    new (): HTMLElement;
+                    prototype: HTMLElement;
+                };
+                default: null;
+            };
+            id: {
+                type: StringConstructor;
+                default(): string;
+            };
+            offset: {
+                type: ArrayConstructor;
+                default: () => number[];
+            };
+            hideOnClick: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            modal: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            fallbackPlacements: {
+                type: ArrayConstructor;
+                default: () => string[];
+            };
+            placement: {
+                type: StringConstructor;
+                default: string;
+            };
+            tether: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            sticky: {
+                type: (StringConstructor | BooleanConstructor)[];
+                default: boolean;
+                validator: (sticky: unknown) => boolean;
+            };
+            maxHeight: {
+                type: StringConstructor;
+                default: string;
+            };
+            maxWidth: {
+                type: StringConstructor;
+                default: string;
+            };
+            showCloseButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            headerWrapperClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            headerClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            footerWrapperClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            footerClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            dialogClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            initialFocusElement: {
+                type: (StringConstructor | {
+                    new (): HTMLElement;
+                    prototype: HTMLElement;
+                })[];
+                default: string;
+                validator: (initialFocusElement: unknown) => any;
+            };
+            openWithArrowKeys: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            appendTo: {
+                type: (StringConstructor | {
+                    new (): HTMLElement;
+                    prototype: HTMLElement;
+                })[];
+                default: string;
+                validator: (appendTo: unknown) => boolean;
+            };
+        }>, {}, {
+            POPOVER_PADDING_CLASSES: {
+                none: undefined;
+                small: string;
+                medium: string;
+                large: string;
+            };
+            POPOVER_HEADER_FOOTER_PADDING_CLASSES: {
+                none: undefined;
+                small: string;
+                medium: string;
+                large: string;
+            };
+            intersectionObserver: null;
+            mutationObserver: null;
+            isOutsideViewport: boolean;
+            isOpen: boolean;
+            toAppear: boolean;
+            anchorEl: null;
+            popoverContentEl: null;
+            hasSlotContent: typeof import('../..').hasSlotContent;
+        }, {
+            popoverListeners(): {
+                keydown: (event: any) => void;
+                'after-leave': () => void;
+                'after-enter': () => void;
+            };
+            calculatedMaxHeight(): string;
+            labelledBy(): string | false;
+        }, {
+            getModeReferenceEl(): unknown;
+            hasIntersectedViewport(entries: any): void;
+            updateAnchorEl(): void;
+            popperOptions(): {
+                modifiers: ({
+                    name: string;
+                    options: {
+                        fallbackPlacements: any[];
+                        boundary: string;
+                        altAxis?: undefined;
+                        tether?: undefined;
+                    };
+                    enabled?: undefined;
+                } | {
+                    name: string;
+                    enabled: boolean;
+                    options?: undefined;
+                } | {
+                    name: string;
+                    options: {
+                        altAxis: boolean;
+                        tether: boolean;
+                        fallbackPlacements?: undefined;
+                        boundary?: undefined;
+                    };
+                    enabled?: undefined;
+                })[];
+            };
+            validateProps(): void;
+            calculateAnchorZindex(): 300 | 650;
+            defaultToggleOpen(e: any): void;
+            onContext(event: any): Promise<void>;
+            toggleOpen(): void;
+            onArrowKeyPress(e: any): void;
+            addEventListeners(): void;
+            removeEventListeners(): void;
+            closePopover(): void;
+            preventScrolling(): void;
+            enableScrolling(): void;
+            removeReferences(): void;
+            onShow(): Promise<void>;
+            onLeaveTransitionComplete(): Promise<void>;
+            onEnterTransitionComplete(): Promise<void>;
+            focusInitialElement(): void;
+            focusInitialElementById(): void;
+            onResize(): void;
+            onClickOutside(): void;
+            onKeydown(e: any): void;
+            setPopoverContentAnchorWidth(): Promise<void>;
+            focusFirstElementIfNeeded(domEl: any): void;
+            getReferenceClientRect(error: any): any;
+            initTippyInstance(): void;
+            onMouseEnter(): void;
+            onMouseLeave(): void;
+            onMouseEnterAnchor(): void;
+            onMouseLeaveAnchor(): void;
+        }, {
+            methods: {
+                getFirstFocusableElement(el: object): Promise<any>;
+                focusFirstElement(el?: object): Promise<void>;
+                focusElementById(elementId: any): Promise<void>;
+                _getFirstFocusElement(focusableElements: any): any;
+                _getFocusableElements(el?: object, includeNegativeTabIndex?: bool): any[];
+                focusTrappedTabPress(e: object, el: object): void;
+            };
+        } | {
+            props: {
+                contentMode: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (v: any) => boolean;
+                };
+            };
+            data(): {
+                modeContrast: string;
+                modeResolved: null;
+            };
+            computed: {
+                modeAttrs(): any;
+            };
+            watch: {
+                contentMode(): void;
+            };
+            mounted(): void;
+            beforeUnmount(): void;
+            methods: {
+                getModeReferenceEl(): HTMLElement | null;
+                setupModeObservers(): void;
+                cleanupModeObservers(): void;
+            };
+        }, import('vue').ComponentOptionsMixin, ("keydown" | "update:open" | "opened" | "mouseenter-popover" | "mouseleave-popover" | "mouseenter-popover-anchor" | "mouseleave-popover-anchor")[], "keydown" | "update:open" | "opened" | "mouseenter-popover" | "mouseleave-popover" | "mouseenter-popover-anchor" | "mouseleave-popover-anchor", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            open: {
+                type: BooleanConstructor;
+                default: null;
+            };
+            openOnContext: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            elementType: {
+                type: StringConstructor;
+                default: string;
+            };
+            transition: {
+                type: StringConstructor;
+                default: string;
+            };
+            role: {
+                type: StringConstructor;
+                default: string;
+                validator: (role: unknown) => boolean;
+            };
+            ariaLabelledby: {
+                type: StringConstructor;
+                default: null;
+            };
+            ariaLabel: {
+                type: StringConstructor;
+                default: null;
+            };
+            padding: {
+                type: StringConstructor;
+                default: string;
+                validator: (padding: unknown) => boolean;
+            };
+            contentClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            contentWidth: {
+                type: StringConstructor;
+                default: string;
+                validator: (contentWidth: unknown) => boolean;
+            };
+            contentAppear: {
+                type: BooleanConstructor;
+                default: null;
+            };
+            contentTabindex: {
+                type: NumberConstructor;
+                default: number;
+            };
+            externalAnchor: {
+                type: StringConstructor;
+                default: string;
+            };
+            externalAnchorElement: {
+                type: {
+                    new (): HTMLElement;
+                    prototype: HTMLElement;
+                };
+                default: null;
+            };
+            id: {
+                type: StringConstructor;
+                default(): string;
+            };
+            offset: {
+                type: ArrayConstructor;
+                default: () => number[];
+            };
+            hideOnClick: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            modal: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            fallbackPlacements: {
+                type: ArrayConstructor;
+                default: () => string[];
+            };
+            placement: {
+                type: StringConstructor;
+                default: string;
+            };
+            tether: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            sticky: {
+                type: (StringConstructor | BooleanConstructor)[];
+                default: boolean;
+                validator: (sticky: unknown) => boolean;
+            };
+            maxHeight: {
+                type: StringConstructor;
+                default: string;
+            };
+            maxWidth: {
+                type: StringConstructor;
+                default: string;
+            };
+            showCloseButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            headerWrapperClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            headerClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            footerWrapperClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            footerClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            dialogClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            initialFocusElement: {
+                type: (StringConstructor | {
+                    new (): HTMLElement;
+                    prototype: HTMLElement;
+                })[];
+                default: string;
+                validator: (initialFocusElement: unknown) => any;
+            };
+            openWithArrowKeys: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            appendTo: {
+                type: (StringConstructor | {
+                    new (): HTMLElement;
+                    prototype: HTMLElement;
+                })[];
+                default: string;
+                validator: (appendTo: unknown) => boolean;
+            };
+        }>> & Readonly<{
+            onKeydown?: ((...args: any[]) => any) | undefined;
+            "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+            onOpened?: ((...args: any[]) => any) | undefined;
+            "onMouseenter-popover"?: ((...args: any[]) => any) | undefined;
+            "onMouseleave-popover"?: ((...args: any[]) => any) | undefined;
+            "onMouseenter-popover-anchor"?: ((...args: any[]) => any) | undefined;
+            "onMouseleave-popover-anchor"?: ((...args: any[]) => any) | undefined;
+        }>, {
+            id: string;
+            offset: unknown[];
+            open: boolean;
+            ariaLabel: string;
+            role: string;
+            dialogClass: string | unknown[] | Record<string, any>;
+            maxHeight: string;
+            contentClass: string | unknown[] | Record<string, any>;
+            headerClass: string | unknown[] | Record<string, any>;
+            footerClass: string | unknown[] | Record<string, any>;
+            elementType: string;
+            transition: string;
+            maxWidth: string;
+            appendTo: string | HTMLElement;
+            hideOnClick: boolean;
+            placement: string;
+            sticky: string | boolean;
+            fallbackPlacements: unknown[];
+            tether: boolean;
+            externalAnchor: string;
+            externalAnchorElement: HTMLElement;
+            showCloseButton: boolean;
+            openOnContext: boolean;
+            ariaLabelledby: string;
+            padding: string;
+            contentWidth: string;
+            contentAppear: boolean;
+            contentTabindex: number;
+            modal: boolean;
+            headerWrapperClass: string | unknown[] | Record<string, any>;
+            footerWrapperClass: string | unknown[] | Record<string, any>;
+            initialFocusElement: string | HTMLElement;
+            openWithArrowKeys: boolean;
+        }, {}, {
+            SrOnlyCloseButton: import('vue').DefineComponent<{}, {}, {
+                i18n: any;
+            }, {
+                closeButtonTitle(): any;
+            }, {
+                close(): void;
+            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "close"[], "close", import('vue').PublicProps, Readonly<{}> & Readonly<{
+                onClose?: ((...args: any[]) => any) | undefined;
+            }>, {}, {}, {
+                DtIconClose: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (s: unknown) => boolean;
+                    };
+                    ariaLabel: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                }>, {}, {}, {
+                    iconSizeClass(): any;
+                    ariaHidden(): "true" | "false";
+                    dataQA(): {};
+                }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (s: unknown) => boolean;
+                    };
+                    ariaLabel: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                }>> & Readonly<{
+                    onLoaded?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    size: string;
+                    ariaLabel: string;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                DtButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    circle: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    iconPosition: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (position: unknown) => boolean;
+                    };
+                    importance: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (i: unknown) => boolean;
+                    };
+                    link: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    linkKind: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (lk: unknown) => boolean;
+                    };
+                    linkInverted: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    linkUnderline: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    underline: {
+                        type: BooleanConstructor;
+                        default: null;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    type: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (t: unknown) => boolean;
+                    };
+                    width: {
+                        type: StringConstructor;
+                        default: null;
+                    };
+                    size: {
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
+                        validator: (s: unknown) => boolean;
+                    };
+                    labelClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    leadingClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    trailingClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    loading: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    kind: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (k: unknown) => boolean;
+                    };
+                    assertiveOnFocus: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    active: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    to: {
+                        type: (ObjectConstructor | StringConstructor)[];
+                        default: null;
+                    };
+                    href: {
+                        type: StringConstructor;
+                        default: null;
+                    };
+                    target: {
+                        type: StringConstructor;
+                        default: null;
+                    };
+                    rel: {
+                        type: StringConstructor;
+                        default: null;
+                    };
+                    replace: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                }>, {}, {
+                    ICON_POSITION_MODIFIERS: {
+                        start: string;
+                        end: string;
+                        blockStart: string;
+                        blockEnd: string;
+                        left: string;
+                        right: string;
+                        top: string;
+                        bottom: string;
+                    };
+                    isInFocus: boolean;
+                    hasSlotContent: typeof import('../..').hasSlotContent;
+                    i18n: any;
+                }, {
+                    resolvedUnderline(): boolean;
+                    computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
+                    isNativeButton(): boolean;
+                    computedAttrs(): {
+                        'aria-disabled'?: string | undefined;
+                        tabindex?: string | undefined;
+                        to: string | Record<string, any>;
+                        replace: boolean;
+                        type?: undefined;
+                        disabled?: undefined;
+                    } | {
+                        'aria-disabled'?: string | undefined;
+                        tabindex?: string | undefined;
+                        href: string | null;
+                        target: string;
+                        rel: string;
+                        type?: undefined;
+                        disabled?: undefined;
+                    } | {
+                        type: string;
+                        disabled: boolean;
+                    };
+                    computedListeners(): {
+                        focusin: (e: any) => void;
+                        focusout: (e: any) => void;
+                    };
+                    computedAriaLive(): unknown;
+                    iconSize(): any;
+                    loaderSize(): any;
+                }, {
+                    resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
+                    buttonClasses(): any[];
+                    isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
+                    hasStartIcon(): any;
+                    hasEndIcon(): any;
+                    hasBlockStartIcon(): any;
+                    hasBlockEndIcon(): any;
+                    hasNewIconSlots(): any;
+                    shouldRenderLegacyIcon(): any;
+                    isIconOnly(): any;
+                    isVerticalIconLayout(): boolean;
+                }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    circle: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    iconPosition: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (position: unknown) => boolean;
+                    };
+                    importance: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (i: unknown) => boolean;
+                    };
+                    link: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    linkKind: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (lk: unknown) => boolean;
+                    };
+                    linkInverted: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    linkUnderline: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    underline: {
+                        type: BooleanConstructor;
+                        default: null;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    type: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (t: unknown) => boolean;
+                    };
+                    width: {
+                        type: StringConstructor;
+                        default: null;
+                    };
+                    size: {
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
+                        validator: (s: unknown) => boolean;
+                    };
+                    labelClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    leadingClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    trailingClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    loading: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    kind: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (k: unknown) => boolean;
+                    };
+                    assertiveOnFocus: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    active: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    to: {
+                        type: (ObjectConstructor | StringConstructor)[];
+                        default: null;
+                    };
+                    href: {
+                        type: StringConstructor;
+                        default: null;
+                    };
+                    target: {
+                        type: StringConstructor;
+                        default: null;
+                    };
+                    rel: {
+                        type: StringConstructor;
+                        default: null;
+                    };
+                    replace: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                }>> & Readonly<{
+                    onFocusin?: ((...args: any[]) => any) | undefined;
+                    onFocusout?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    link: boolean;
+                    disabled: boolean;
+                    type: string;
+                    target: string;
+                    circle: boolean;
+                    active: boolean;
+                    size: string | number;
+                    replace: boolean;
+                    loading: boolean;
+                    underline: boolean;
+                    kind: string;
+                    labelClass: string | unknown[] | Record<string, any>;
+                    href: string;
+                    to: string | Record<string, any>;
+                    iconPosition: string;
+                    importance: string;
+                    linkKind: string;
+                    linkInverted: boolean;
+                    linkUnderline: boolean;
+                    width: string;
+                    leadingClass: string | unknown[] | Record<string, any>;
+                    trailingClass: string | unknown[] | Record<string, any>;
+                    assertiveOnFocus: boolean;
+                    rel: string;
+                }, {}, {
+                    DtLoader: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                        ariaLabel: {
+                            type: StringConstructor;
+                            default: string;
+                        };
+                        size: {
+                            type: StringConstructor;
+                            default: string;
+                            validator: (s: unknown) => boolean;
+                        };
+                    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                        ariaLabel: {
+                            type: StringConstructor;
+                            default: string;
+                        };
+                        size: {
+                            type: StringConstructor;
+                            default: string;
+                            validator: (s: unknown) => boolean;
+                        };
+                    }>> & Readonly<{}>, {
+                        size: string;
+                        ariaLabel: string;
+                    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            DtLazyShow: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                show: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                transition: {
+                    type: StringConstructor;
+                    default: null;
+                };
+                appear: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {}, {
+                initialized: boolean;
+            }, {
+                isCSSEnabled(): boolean;
+            }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                show: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                transition: {
+                    type: StringConstructor;
+                    default: null;
+                };
+                appear: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{}>, {
+                show: boolean;
+                appear: boolean;
+                transition: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            PopoverHeaderFooter: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                type: {
+                    type: StringConstructor;
+                    validator: (value: unknown) => boolean;
+                };
+                wrapperClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                contentClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                showCloseButton: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {}, {
+                hasSlotContent: typeof import('../..').hasSlotContent;
+                i18n: any;
+            }, {
+                closeButtonTitle(): any;
+            }, {
+                focusCloseButton(): void;
+            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "close"[], "close", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                type: {
+                    type: StringConstructor;
+                    validator: (value: unknown) => boolean;
+                };
+                wrapperClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                contentClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                showCloseButton: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{
+                onClose?: ((...args: any[]) => any) | undefined;
+            }>, {
+                contentClass: string | unknown[] | Record<string, any>;
+                wrapperClass: string | unknown[] | Record<string, any>;
+                showCloseButton: boolean;
+            }, {}, {
+                DtButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    circle: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    iconPosition: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (position: unknown) => boolean;
+                    };
+                    importance: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (i: unknown) => boolean;
+                    };
+                    link: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    linkKind: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (lk: unknown) => boolean;
+                    };
+                    linkInverted: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    linkUnderline: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    underline: {
+                        type: BooleanConstructor;
+                        default: null;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    type: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (t: unknown) => boolean;
+                    };
+                    width: {
+                        type: StringConstructor;
+                        default: null;
+                    };
+                    size: {
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
+                        validator: (s: unknown) => boolean;
+                    };
+                    labelClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    leadingClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    trailingClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    loading: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    kind: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (k: unknown) => boolean;
+                    };
+                    assertiveOnFocus: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    active: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    to: {
+                        type: (ObjectConstructor | StringConstructor)[];
+                        default: null;
+                    };
+                    href: {
+                        type: StringConstructor;
+                        default: null;
+                    };
+                    target: {
+                        type: StringConstructor;
+                        default: null;
+                    };
+                    rel: {
+                        type: StringConstructor;
+                        default: null;
+                    };
+                    replace: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                }>, {}, {
+                    ICON_POSITION_MODIFIERS: {
+                        start: string;
+                        end: string;
+                        blockStart: string;
+                        blockEnd: string;
+                        left: string;
+                        right: string;
+                        top: string;
+                        bottom: string;
+                    };
+                    isInFocus: boolean;
+                    hasSlotContent: typeof import('../..').hasSlotContent;
+                    i18n: any;
+                }, {
+                    resolvedUnderline(): boolean;
+                    computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
+                    isNativeButton(): boolean;
+                    computedAttrs(): {
+                        'aria-disabled'?: string | undefined;
+                        tabindex?: string | undefined;
+                        to: string | Record<string, any>;
+                        replace: boolean;
+                        type?: undefined;
+                        disabled?: undefined;
+                    } | {
+                        'aria-disabled'?: string | undefined;
+                        tabindex?: string | undefined;
+                        href: string | null;
+                        target: string;
+                        rel: string;
+                        type?: undefined;
+                        disabled?: undefined;
+                    } | {
+                        type: string;
+                        disabled: boolean;
+                    };
+                    computedListeners(): {
+                        focusin: (e: any) => void;
+                        focusout: (e: any) => void;
+                    };
+                    computedAriaLive(): unknown;
+                    iconSize(): any;
+                    loaderSize(): any;
+                }, {
+                    resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
+                    buttonClasses(): any[];
+                    isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
+                    hasStartIcon(): any;
+                    hasEndIcon(): any;
+                    hasBlockStartIcon(): any;
+                    hasBlockEndIcon(): any;
+                    hasNewIconSlots(): any;
+                    shouldRenderLegacyIcon(): any;
+                    isIconOnly(): any;
+                    isVerticalIconLayout(): boolean;
+                }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    circle: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    iconPosition: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (position: unknown) => boolean;
+                    };
+                    importance: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (i: unknown) => boolean;
+                    };
+                    link: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    linkKind: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (lk: unknown) => boolean;
+                    };
+                    linkInverted: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    linkUnderline: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    underline: {
+                        type: BooleanConstructor;
+                        default: null;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    type: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (t: unknown) => boolean;
+                    };
+                    width: {
+                        type: StringConstructor;
+                        default: null;
+                    };
+                    size: {
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
+                        validator: (s: unknown) => boolean;
+                    };
+                    labelClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    leadingClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    trailingClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    loading: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    kind: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (k: unknown) => boolean;
+                    };
+                    assertiveOnFocus: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    active: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    to: {
+                        type: (ObjectConstructor | StringConstructor)[];
+                        default: null;
+                    };
+                    href: {
+                        type: StringConstructor;
+                        default: null;
+                    };
+                    target: {
+                        type: StringConstructor;
+                        default: null;
+                    };
+                    rel: {
+                        type: StringConstructor;
+                        default: null;
+                    };
+                    replace: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                }>> & Readonly<{
+                    onFocusin?: ((...args: any[]) => any) | undefined;
+                    onFocusout?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    link: boolean;
+                    disabled: boolean;
+                    type: string;
+                    target: string;
+                    circle: boolean;
+                    active: boolean;
+                    size: string | number;
+                    replace: boolean;
+                    loading: boolean;
+                    underline: boolean;
+                    kind: string;
+                    labelClass: string | unknown[] | Record<string, any>;
+                    href: string;
+                    to: string | Record<string, any>;
+                    iconPosition: string;
+                    importance: string;
+                    linkKind: string;
+                    linkInverted: boolean;
+                    linkUnderline: boolean;
+                    width: string;
+                    leadingClass: string | unknown[] | Record<string, any>;
+                    trailingClass: string | unknown[] | Record<string, any>;
+                    assertiveOnFocus: boolean;
+                    rel: string;
+                }, {}, {
+                    DtLoader: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                        ariaLabel: {
+                            type: StringConstructor;
+                            default: string;
+                        };
+                        size: {
+                            type: StringConstructor;
+                            default: string;
+                            validator: (s: unknown) => boolean;
+                        };
+                    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                        ariaLabel: {
+                            type: StringConstructor;
+                            default: string;
+                        };
+                        size: {
+                            type: StringConstructor;
+                            default: string;
+                            validator: (s: unknown) => boolean;
+                        };
+                    }>> & Readonly<{}>, {
+                        size: string;
+                        ariaLabel: string;
+                    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                DtIconClose: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (s: unknown) => boolean;
+                    };
+                    ariaLabel: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                }>, {}, {}, {
+                    iconSizeClass(): any;
+                    ariaHidden(): "true" | "false";
+                    dataQA(): {};
+                }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (s: unknown) => boolean;
+                    };
+                    ariaLabel: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                }>> & Readonly<{
+                    onLoaded?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    size: string;
+                    ariaLabel: string;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, 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: StringConstructor;
+                default: string;
+            };
+            leftClass: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            contentClass: {
+                type: StringConstructor;
+                default: string;
+            };
+            titleClass: {
+                type: StringConstructor;
+                default: string;
+            };
+            subtitleClass: {
+                type: StringConstructor;
+                default: string;
+            };
+            blockEndClass: {
+                type: StringConstructor;
+                default: string;
+            };
+            bottomClass: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            endClass: {
+                type: StringConstructor;
+                default: string;
+            };
+            rightClass: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            selectedClass: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>, {}, {}, {
+            resolvedStartClass(): string;
+            resolvedEndClass(): string;
+            resolvedBlockEndClass(): string;
+        }, {
+            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: StringConstructor;
+                default: string;
+            };
+            leftClass: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            contentClass: {
+                type: StringConstructor;
+                default: string;
+            };
+            titleClass: {
+                type: StringConstructor;
+                default: string;
+            };
+            subtitleClass: {
+                type: StringConstructor;
+                default: string;
+            };
+            blockEndClass: {
+                type: StringConstructor;
+                default: string;
+            };
+            bottomClass: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            endClass: {
+                type: StringConstructor;
+                default: string;
+            };
+            rightClass: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            selectedClass: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & Readonly<{}>, {
+            as: string;
+            unstyled: boolean;
+            contentClass: string;
+            startClass: string;
+            leftClass: string;
+            titleClass: string;
+            subtitleClass: string;
+            blockEndClass: string;
+            bottomClass: string;
+            endClass: string;
+            rightClass: string;
+            selectedClass: string;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        DtIconCheck: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator: (s: unknown) => boolean;
+            };
+            ariaLabel: {
+                type: StringConstructor;
+                default: undefined;
+            };
+        }>, {}, {}, {
+            iconSizeClass(): any;
+            ariaHidden(): "true" | "false";
+            dataQA(): {};
+        }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator: (s: unknown) => boolean;
+            };
+            ariaLabel: {
+                type: StringConstructor;
+                default: undefined;
+            };
+        }>> & Readonly<{
+            onLoaded?: ((...args: any[]) => any) | undefined;
+        }>, {
+            size: string;
+            ariaLabel: string;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    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