@dialpad/dialtone-vue

import { removeClassStyleAttrs, addClassStyleAttrs } from '../../../common/utils'; declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{ modelValue: { type: (ObjectConstructor | StringConstructor)[]; default: string; }; editable: { type: BooleanConstructor; default: boolean; }; inputAriaLabel: { type: StringConstructor; required: true; default: string; }; inputClass: { type: StringConstructor; default: string; }; autoFocus: { type: (StringConstructor | NumberConstructor | BooleanConstructor)[]; default: boolean; validator(autoFocus: unknown): boolean; }; placeholder: { type: StringConstructor; default: string; }; maxHeight: { type: StringConstructor; default: string; }; setLinkPlaceholder: { type: StringConstructor; default: string; }; showBoldButton: { type: BooleanConstructor; default: boolean; }; showItalicsButton: { type: BooleanConstructor; default: boolean; }; showUnderlineButton: { type: BooleanConstructor; default: boolean; }; showStrikeButton: { type: BooleanConstructor; default: boolean; }; showListItemsButton: { type: BooleanConstructor; default: boolean; }; showOrderedListButton: { type: BooleanConstructor; default: boolean; }; showAlignLeftButton: { type: BooleanConstructor; default: boolean; }; showAlignCenterButton: { type: BooleanConstructor; default: boolean; }; showAlignRightButton: { type: BooleanConstructor; default: boolean; }; showAlignJustifyButton: { type: BooleanConstructor; default: boolean; }; showQuoteButton: { type: BooleanConstructor; default: boolean; }; showCodeBlockButton: { type: BooleanConstructor; default: boolean; }; showQuickRepliesButton: { type: BooleanConstructor; default: boolean; }; showInlineImageButton: { type: BooleanConstructor; default: boolean; }; showVariableButton: { type: BooleanConstructor; default: boolean; }; variableCategories: { type: ArrayConstructor; default: () => never[]; }; showAddLink: { type: ObjectConstructor; default: () => { showAddLinkButton: boolean; }; }; showFontStyleButton: { type: BooleanConstructor; default: boolean; }; showFontSizeButton: { type: BooleanConstructor; default: boolean; }; showFontColorButton: { type: BooleanConstructor; default: boolean; }; fontStyles: { type: ArrayConstructor; default: () => ({ name: string; value: null; } | { name: string; value: string; })[]; }; fontSizes: { type: ArrayConstructor; default: () => { name: string; value: string; }[]; }; allowBackgroundColor: { type: BooleanConstructor; default: boolean; }; allowLineHeight: { type: BooleanConstructor; default: boolean; }; preserveWhitespace: { type: (StringConstructor | BooleanConstructor)[]; default: string; }; useDivTags: { type: BooleanConstructor; default: boolean; }; allowTables: { type: BooleanConstructor; default: boolean; }; allowImageResize: { type: BooleanConstructor; default: boolean; }; }>, {}, { internalInputValue: string | Record<string, any>; hasFocus: boolean; linkOptions: { class: string; }; currentFontColor: undefined; showLinkInput: boolean; fontStyleSearch: string; linkInput: string; currentButtonRefIndex: number; variableSearchValue: string; i18n: any; }, { inputLength(): any; htmlOutputFormat(): string; flattenedVariableItems(): unknown; showingTextFormatButtons(): boolean; showingAlignmentButtons(): boolean; showingListButtons(): boolean; orderedRefs(): any; buttonGroups(): ({ key: string; buttonGroup: ({ showBtn: boolean; buttonType: string; selector: string; icon: 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>; dataQA: string; tooltipMessage: any; onClick: () => void; } | { showBtn: boolean; buttonType: string; selector: string; icon: 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>; dataQA: string; tooltipMessage: any; onClick?: undefined; })[]; } | { key: string; buttonGroup: { showBtn: boolean; buttonType: string; selector: { textAlign: string; }; icon: 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>; dataQA: string; tooltipMessage: any; onClick: () => any; }[]; })[]; newButtons(): { showBtn: boolean; buttonType: string; label: any; selector: string; icon: 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>; dataQA: string; tooltipMessage: any; onClick: () => void; }[]; textFormatButtons(): ({ showBtn: boolean; buttonType: string; selector: string; icon: 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>; dataQA: string; tooltipMessage: any; onClick?: undefined; } | { showBtn: boolean; buttonType: string; selector: string; icon: 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>; dataQA: string; tooltipMessage: any; onClick: () => void; })[]; alignmentButtons(): { showBtn: boolean; buttonType: string; selector: { textAlign: string; }; icon: 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>; dataQA: string; tooltipMessage: any; onClick: () => any; }[]; listButtons(): { showBtn: boolean; buttonType: string; selector: string; icon: 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>; dataQA: string; tooltipMessage: any; onClick: () => void; }[]; individualButtons(): ({ showBtn: boolean; buttonType: string; selector: string; icon: 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>; dataQA: string; tooltipMessage: any; onClick: () => void; } | { showBtn: boolean; buttonType: string; selector: string; icon: 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>; dataQA: string; tooltipMessage: any; onClick?: undefined; })[]; linkButton(): { showBtn: any; buttonType: string; selector: string; icon: 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>; dataQA: string; tooltipMessage: any; onClick: () => void; }; confirmSetLinkButtonLabels(): any; cancelSetLinkButtonLabels(): any; removeLinkButtonLabels(): any; showAddLinkButtonLabels(): any; filteredFontStyles(): unknown[]; filteredCategories(): unknown[]; colorPickerInput(): any; isDefaultFontColor(): boolean; actionBarBtn(): any; }, { removeClassStyleAttrs: typeof removeClassStyleAttrs; addClassStyleAttrs: typeof addClassStyleAttrs; focusEditor(): void; onInputFocus(event: any): void; removeLink(): void; setLink(event: any): void; openLinkInput(): void; updateInput(openedInput: any): void; closeLinkInput(): void; onBoldTextToggle(): void; onItalicTextToggle(): void; onUnderlineTextToggle(): void; onStrikethroughTextToggle(): void; onTextAlign(alignment: any): any; onBulletListToggle(): void; onOrderedListToggle(): void; onCodeBlockToggle(): void; onQuickRepliesClick(): void; onInsertInlineImageClick(): void; insertVariable(categoryName: any, variableData: any): void; insertInlineImage(imageUrl: any): void; insertInMessageBody(messageContent: any): void; setCursorPosition(position?: null): void; onBlockquoteToggle(): void; onTextInput(input: any): void; onFocus(event: any): void; onBlur(event: any): void; onInput(event: any): void; onSelected(): void; getButtonKey(key: any, selector: any): string; getButtonRef(key: any, selector: any): string; canFocus(refKey: string): boolean; shiftActionBarFocusRight(): void; shiftActionBarFocusLeft(): void; shiftButtonRefIndex(shiftAmount: any): void; onFontStyleSelect(fontFamily: any): void; isCurrentFontFamily(fontFamily: any): any; onFontSizeSelect(fontSize: any): void; isCurrentFontSize(fontSize: any): any; getFilteredItemsForCategory(category: any): any; updateFontColorInput(): void; onColorPickerButtonClick(): void; onColorPickerInput(fontColor: any): void; }, never, import('vue').ComponentOptionsMixin, ("input" | "blur" | "focus" | "update:modelValue" | "text-input" | "quick-replies-click" | "inline-image-click")[], "input" | "blur" | "focus" | "update:modelValue" | "text-input" | "quick-replies-click" | "inline-image-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{ modelValue: { type: (ObjectConstructor | StringConstructor)[]; default: string; }; editable: { type: BooleanConstructor; default: boolean; }; inputAriaLabel: { type: StringConstructor; required: true; default: string; }; inputClass: { type: StringConstructor; default: string; }; autoFocus: { type: (StringConstructor | NumberConstructor | BooleanConstructor)[]; default: boolean; validator(autoFocus: unknown): boolean; }; placeholder: { type: StringConstructor; default: string; }; maxHeight: { type: StringConstructor; default: string; }; setLinkPlaceholder: { type: StringConstructor; default: string; }; showBoldButton: { type: BooleanConstructor; default: boolean; }; showItalicsButton: { type: BooleanConstructor; default: boolean; }; showUnderlineButton: { type: BooleanConstructor; default: boolean; }; showStrikeButton: { type: BooleanConstructor; default: boolean; }; showListItemsButton: { type: BooleanConstructor; default: boolean; }; showOrderedListButton: { type: BooleanConstructor; default: boolean; }; showAlignLeftButton: { type: BooleanConstructor; default: boolean; }; showAlignCenterButton: { type: BooleanConstructor; default: boolean; }; showAlignRightButton: { type: BooleanConstructor; default: boolean; }; showAlignJustifyButton: { type: BooleanConstructor; default: boolean; }; showQuoteButton: { type: BooleanConstructor; default: boolean; }; showCodeBlockButton: { type: BooleanConstructor; default: boolean; }; showQuickRepliesButton: { type: BooleanConstructor; default: boolean; }; showInlineImageButton: { type: BooleanConstructor; default: boolean; }; showVariableButton: { type: BooleanConstructor; default: boolean; }; variableCategories: { type: ArrayConstructor; default: () => never[]; }; showAddLink: { type: ObjectConstructor; default: () => { showAddLinkButton: boolean; }; }; showFontStyleButton: { type: BooleanConstructor; default: boolean; }; showFontSizeButton: { type: BooleanConstructor; default: boolean; }; showFontColorButton: { type: BooleanConstructor; default: boolean; }; fontStyles: { type: ArrayConstructor; default: () => ({ name: string; value: null; } | { name: string; value: string; })[]; }; fontSizes: { type: ArrayConstructor; default: () => { name: string; value: string; }[]; }; allowBackgroundColor: { type: BooleanConstructor; default: boolean; }; allowLineHeight: { type: BooleanConstructor; default: boolean; }; preserveWhitespace: { type: (StringConstructor | BooleanConstructor)[]; default: string; }; useDivTags: { type: BooleanConstructor; default: boolean; }; allowTables: { type: BooleanConstructor; default: boolean; }; allowImageResize: { type: BooleanConstructor; default: boolean; }; }>> & Readonly<{ onInput?: ((...args: any[]) => any) | undefined; onBlur?: ((...args: any[]) => any) | undefined; onFocus?: ((...args: any[]) => any) | undefined; "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined; "onText-input"?: ((...args: any[]) => any) | undefined; "onQuick-replies-click"?: ((...args: any[]) => any) | undefined; "onInline-image-click"?: ((...args: any[]) => any) | undefined; }>, { modelValue: string | Record<string, any>; maxHeight: string; placeholder: string; inputClass: string; preserveWhitespace: string | boolean; editable: boolean; inputAriaLabel: string; autoFocus: string | number | boolean; allowBackgroundColor: boolean; allowLineHeight: boolean; useDivTags: boolean; allowTables: boolean; allowImageResize: boolean; setLinkPlaceholder: string; showBoldButton: boolean; showItalicsButton: boolean; showUnderlineButton: boolean; showStrikeButton: boolean; showListItemsButton: boolean; showOrderedListButton: boolean; showAlignLeftButton: boolean; showAlignCenterButton: boolean; showAlignRightButton: boolean; showAlignJustifyButton: boolean; showQuoteButton: boolean; showCodeBlockButton: boolean; showQuickRepliesButton: boolean; showInlineImageButton: boolean; showVariableButton: boolean; variableCategories: unknown[]; showAddLink: Record<string, any>; showFontStyleButton: boolean; showFontSizeButton: boolean; showFontColorButton: boolean; fontStyles: unknown[]; fontSizes: unknown[]; }, {}, { DtListItemGroup: import('vue').DefineComponent<import('vue').ExtractPropTypes<{ id: { type: StringConstructor; default(): string; }; heading: { type: StringConstructor; default: string; }; headingClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; default: string; }; listClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; default: string; }; }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{ id: { type: StringConstructor; default(): string; }; heading: { type: StringConstructor; default: string; }; headingClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; default: string; }; listClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; default: string; }; }>> & Readonly<{}>, { id: string; heading: string; listClass: string | unknown[] | Record<string, any>; headingClass: string | unknown[] | Record<string, any>; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; DtDropdownSeparator: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, 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(): { keydown: (event: any) => void; mousemove: (event: any) => void; mouseleave: (event: any) => void; }; isHighlighted(): boolean; isFocusable(): boolean; isHoverable(): boolean; }, { onClick(e: any): void; onMouseHover(): void; onMouseLeave(): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("keydown" | "mouseleave" | "mousemove")[], "keydown" | "mouseleave" | "mousemove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{ id: { type: StringConstructor; default(): string; }; role: { type: StringConstructor; default: string; validator: (role: unknown) => boolean; }; elementType: { type: StringConstructor; default: string; }; type: { type: StringConstructor; default: string; validator: (t: unknown) => boolean; }; navigationType: { type: StringConstructor; default: string; validator: (t: unknown) => boolean; }; selected: { type: BooleanConstructor; default: boolean; }; wrapperClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; default: string; }; }>> & Readonly<{ onKeydown?: ((...args: any[]) => any) | undefined; onMouseleave?: ((...args: any[]) => any) | undefined; onMousemove?: ((...args: any[]) => any) | undefined; }>, { id: string; type: string; role: string; selected: boolean; elementType: string; navigationType: string; wrapperClass: string | unknown[] | Record<string, any>; }, {}, { DtItemLayout: import('vue').DefineComponent<import('vue').ExtractPropTypes<{ as: { type: StringConstructor; default: string; }; unstyled: { type: BooleanConstructor; default: boolean; }; leftClass: { type: StringConstructor; default: string; }; contentClass: { type: StringConstructor; default: string; }; titleClass: { type: StringConstructor; default: string; }; subtitleClass: { type: StringConstructor; default: string; }; bottomClass: { type: StringConstructor; default: string; }; rightClass: { type: StringConstructor; default: string; }; selectedClass: { type: StringConstructor; default: string; }; }>, {}, {}, {}, { dynamicGridTemplateColumns(): string; hasSlotContent: typeof import('../../../common/utils').hasSlotContent; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{ as: { type: StringConstructor; default: string; }; unstyled: { type: BooleanConstructor; default: boolean; }; leftClass: { type: StringConstructor; default: string; }; contentClass: { type: StringConstructor; default: string; }; titleClass: { type: StringConstructor; default: string; }; subtitleClass: { type: StringConstructor; default: string; }; bottomClass: { type: StringConstructor; default: string; }; rightClass: { type: StringConstructor; default: string; }; selectedClass: { type: StringConstructor; default: string; }; }>> & Readonly<{}>, { unstyled: boolean; contentClass: string; as: string; leftClass: string; titleClass: string; subtitleClass: string; bottomClass: string; rightClass: string; selectedClass: string; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; DtIconCheck: import('vue').DefineComponent<import('vue').ExtractPropTypes<{ size: { type: StringConstructor; default: string; validator: (s: unknown) => boolean; }; ariaLabel: { type: StringConstructor; default: undefined; }; }>, {}, {}, { iconSizeClass(): any; ariaHidden(): "true" | "false"; dataQA(): {}; }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{ size: { type: StringConstructor; default: string; validator: (s: unknown) => boolean; }; ariaLabel: { type: StringConstructor; default: undefined; }; }>> & Readonly<{ onLoaded?: ((...args: any[]) => any) | undefined; }>, { size: string; ariaLabel: string; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; DtRichTextEditor: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>; DtButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{ circle: { type: BooleanConstructor; default: boolean; }; iconPosition: { type: StringConstructor; default: string; validator: (position: unknown) => boolean; }; importance: { type: StringConstructor; default: string; validator: (i: unknown) => boolean; }; link: { type: BooleanConstructor; default: boolean; }; linkKind: { type: StringConstructor; default: string; validator: (lk: unknown) => boolean; }; linkInverted: { type: BooleanConstructor; default: boolean; }; disabled: { type: BooleanConstructor; default: boolean; }; type: { type: StringConstructor; default: string; validator: (t: unknown) => boolean; }; width: { type: StringConstructor; default: null; }; size: { type: StringConstructor; default: string; validator: (s: unknown) => boolean; }; labelClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; default: string; }; loading: { type: BooleanConstructor; default: boolean; }; kind: { type: StringConstructor; default: string; validator: (k: unknown) => boolean; }; assertiveOnFocus: { type: BooleanConstructor; default: boolean; }; active: { type: BooleanConstructor; default: boolean; }; to: { type: (ObjectConstructor | StringConstructor)[]; default: null; }; href: { type: StringConstructor; default: null; }; target: { type: StringConstructor; default: null; }; rel: { type: StringConstructor; default: null; }; replace: { type: BooleanConstructor; default: boolean; }; }>, {}, { ICON_POSITION_MODIFIERS: { left: string; right: string; top: string; bottom: string; }; isInFocus: boolean; hasSlotContent: typeof import('../../../common/utils').hasSlotContent; i18n: any; }, { computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>; isNativeButton(): boolean; computedAttrs(): { 'aria-disabled'?: string | undefined; tabindex?: string | undefined; to: string | Record<string, any>; replace: boolean; type?: undefined; disabled?: undefined; } | { 'aria-disabled'?: string | undefined; tabindex?: string | undefined; href: string | null; target: string; rel: string; type?: undefined; disabled?: undefined; } | { type: string; disabled: boolean; }; computedListeners(): { focusin: (e: any) => void; focusout: (e: any) => void; }; computedAriaLive(): unknown; iconSize(): any; loaderSize(): any; }, { resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>; buttonClasses(): any[]; isInvalidPropCombination(circle: any, kind: any, importance: any): boolean; shouldRenderIcon(): any; isIconOnly(): any; isVerticalIconLayout(): boolean; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{ circle: { type: BooleanConstructor; default: boolean; }; iconPosition: { type: StringConstructor; default: string; validator: (position: unknown) => boolean; }; importance: { type: StringConstructor; default: string; validator: (i: unknown) => boolean; }; link: { type: BooleanConstructor; default: boolean; }; linkKind: { type: StringConstructor; default: string; validator: (lk: unknown) => boolean; }; linkInverted: { type: BooleanConstructor; default: boolean; }; disabled: { type: BooleanConstructor; default: boolean; }; type: { type: StringConstructor; default: string; validator: (t: unknown) => boolean; }; width: { type: StringConstructor; default: null; }; size: { type: StringConstructor; default: string; validator: (s: unknown) => boolean; }; labelClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; default: string; }; loading: { type: BooleanConstructor; default: boolean; }; kind: { type: StringConstructor; default: string; validator: (k: unknown) => boolean; }; assertiveOnFocus: { type: BooleanConstructor; default: boolean; }; active: { type: BooleanConstructor; default: boolean; }; to: { type: (ObjectConstructor | StringConstructor)[]; default: null; }; href: { type: StringConstructor; default: null; }; target: { type: StringConstructor; default: null; }; rel: { type: StringConstructor; default: null; }; replace: { type: BooleanConstructor; default: boolean; }; }>> & Readonly<{ onFocusin?: ((...args: any[]) => any) | undefined; onFocusout?: ((...args: any[]) => any) | undefined; }>, { link: boolean; disabled: boolean; type: string; target: string; circle: boolean; active: boolean; loading: boolean; size: string; replace: boolean; kind: string; labelClass: string | unknown[] | Record<string, any>; href: string; to: string | Record<string, any>; iconPosition: string; importance: string; linkKind: string; linkInverted: boolean; width: string; assertiveOnFocus: boolean; rel: string; }, {}, { DtLoader: import('vue').DefineComponent<import('vue').ExtractPropTypes<{ ariaLabel: { type: StringConstructor; default: string; }; size: { type: StringConstructor; default: string; validator: (s: unknown) => boolean; }; }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{ ariaLabel: { type: StringConstructor; default: string; }; size: { type: StringConstructor; default: string; validator: (s: unknown) => boolean; }; }>> & Readonly<{}>, { size: string; ariaLabel: string; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; 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; } | ObjectConstructor; 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[]; }; boundary: { type: ({ new (): HTMLElement; prototype: HTMLElement; } | ObjectConstructor | StringConstructor)[]; default: string; validator: (boundary: unknown) => boolean; }; placement: { type: StringConstructor; default: string; }; tether: { type: BooleanConstructor; default: boolean; }; sticky: { type: (StringConstructor | BooleanConstructor)[]; default: boolean; validator: (sticky: unknown) => boolean; }; maxHeight: { type: StringConstructor; default: string; }; maxWidth: { type: StringConstructor; default: string; }; showCloseButton: { type: BooleanConstructor; default: boolean; }; headerClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; default: string; }; footerClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; default: string; }; dialogClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; default: string; }; initialFocusElement: { type: ({ new (): HTMLElement; prototype: HTMLElement; } | ObjectConstructor | StringConstructor)[]; default: string; validator: (initialFocusElement: unknown) => any; }; openWithArrowKeys: { type: BooleanConstructor; default: boolean; }; appendTo: { type: ({ new (): HTMLElement; prototype: HTMLElement; } | ObjectConstructor | StringConstructor)[]; 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; hasSlotCont