UNPKG

@dialpad/dialtone

Version:

Dialpad's Dialtone design system monorepo

1,525 lines (1,524 loc) 359 kB
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').DefineComponent<import('vue').ExtractPropTypes<{ modelValue: { type: (ObjectConstructor | StringConstructor)[]; default: string; }; editable: { type: BooleanConstructor; default: boolean; }; preventTyping: { type: BooleanConstructor; default: boolean; }; pasteRichText: { type: BooleanConstructor; default: boolean; }; allowLineBreaks: { type: BooleanConstructor; default: boolean; }; inputAriaLabel: { type: StringConstructor; required: true; }; inputClass: { type: StringConstructor; default: string; }; autoFocus: { type: (StringConstructor | NumberConstructor | BooleanConstructor)[]; default: boolean; validator(autoFocus: unknown): boolean; }; outputFormat: { type: StringConstructor; default: string; validator(outputFormat: unknown): boolean; }; placeholder: { type: StringConstructor; default: string; }; link: { type: (ObjectConstructor | BooleanConstructor)[]; default: boolean; }; customLink: { type: (ObjectConstructor | BooleanConstructor)[]; default: boolean; }; mentionSuggestion: { type: ObjectConstructor; default: null; }; channelSuggestion: { type: ObjectConstructor; default: null; }; slashCommandSuggestion: { type: ObjectConstructor; default: null; }; allowBlockquote: { type: BooleanConstructor; default: boolean; }; allowBold: { type: BooleanConstructor; default: boolean; }; allowBulletList: { type: BooleanConstructor; default: boolean; }; allowItalic: { type: BooleanConstructor; default: boolean; }; allowStrike: { type: BooleanConstructor; default: boolean; }; allowUnderline: { type: BooleanConstructor; default: boolean; }; allowCode: { type: BooleanConstructor; default: boolean; }; allowCodeblock: { type: BooleanConstructor; default: boolean; }; allowInlineImages: { type: BooleanConstructor; default: boolean; }; allowFontColor: { type: BooleanConstructor; default: boolean; }; allowBackgroundColor: { type: BooleanConstructor; default: boolean; }; allowFontSize: { type: BooleanConstructor; default: boolean; }; allowFontFamily: { type: BooleanConstructor; default: boolean; }; allowLineHeight: { type: BooleanConstructor; default: boolean; }; allowVariable: { type: BooleanConstructor; default: boolean; }; variableItems: { type: ArrayConstructor; default: () => never[]; }; additionalExtensions: { type: ArrayConstructor; default: () => never[]; }; hideLinkBubbleMenu: { type: BooleanConstructor; default: boolean; }; preserveWhitespace: { type: (StringConstructor | BooleanConstructor)[]; default: string; }; useDivTags: { type: BooleanConstructor; default: boolean; }; allowTables: { type: BooleanConstructor; default: boolean; }; allowTextAlign: { type: BooleanConstructor; default: boolean; }; allowImageResize: { type: BooleanConstructor; default: boolean; }; }>, {}, { editor: null; appendTo: () => any; floatingOptions: { placement: string; }; i18n: any; }, { attrs(): { onInput: () => void; onFocus: () => void; onBlur: () => void; class?: import('vue').ClassValue; style?: import('vue').StyleValue; }; extensions(): (import('@tiptap/core').Node<any, any> | import('@tiptap/core').Extension<import('@tiptap/extensions').UndoRedoOptions, any> | import('@tiptap/core').Node<import('@tiptap/extension-hard-break').HardBreakOptions, any>)[]; inputAttrs(): { 'aria-label': string; 'aria-multiline': boolean; role: string; }; }, { createEditor(): void; bubbleMenuShouldShow({ editor }: { editor: any; }): any; getSelectedLinkText(editor: any): any; editLink(): void; removeLink(): void; openLink(): void; setLink(linkInput: any, linkText: any, linkOptions: any, linkProtocols: string[] | undefined, defaultPrefix: any): void; processValue(newValue: any, returnIfEqual?: boolean): void; destroyEditor(): void; insertPlainTextWithHardBreaks(view: any, textData: any): void; shouldPreserveLineBreaks(textData: any, htmlData: any): any; processPasteData(view: any, textData: any, htmlData: any): boolean; shouldHandlePreformattedHTML(htmlData: any): any; containsPreformattedContent(htmlData: any): boolean; hasPreWhitespace(element: any): any; hasLineBreaks(element: any): any; hasBlankLines(textData: any): any; extractPreformattedText(htmlData: any): string; walkAndExtractText(node: any): string; triggerInputChangeEvents(): void; addEditorListeners(): void; getOutput(): any; getExtension(extension: any, options: any): any; updateEditorAttributes(attributes: any): void; focusEditor(): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("input" | "blur" | "focus" | "selected" | "update:modelValue" | "enter" | "selected-command" | "json-input" | "html-input" | "text-input" | "markdown-input" | "edit-link" | "mention-click" | "mention-hover" | "mention-leave" | "channel-click")[], "input" | "blur" | "focus" | "selected" | "update:modelValue" | "enter" | "selected-command" | "json-input" | "html-input" | "text-input" | "markdown-input" | "edit-link" | "mention-click" | "mention-hover" | "mention-leave" | "channel-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{ modelValue: { type: (ObjectConstructor | StringConstructor)[]; default: string; }; editable: { type: BooleanConstructor; default: boolean; }; preventTyping: { type: BooleanConstructor; default: boolean; }; pasteRichText: { type: BooleanConstructor; default: boolean; }; allowLineBreaks: { type: BooleanConstructor; default: boolean; }; inputAriaLabel: { type: StringConstructor; required: true; }; inputClass: { type: StringConstructor; default: string; }; autoFocus: { type: (StringConstructor | NumberConstructor | BooleanConstructor)[]; default: boolean; validator(autoFocus: unknown): boolean; }; outputFormat: { type: StringConstructor; default: string; validator(outputFormat: unknown): boolean; }; placeholder: { type: StringConstructor; default: string; }; link: { type: (ObjectConstructor | BooleanConstructor)[]; default: boolean; }; customLink: { type: (ObjectConstructor | BooleanConstructor)[]; default: boolean; }; mentionSuggestion: { type: ObjectConstructor; default: null; }; channelSuggestion: { type: ObjectConstructor; default: null; }; slashCommandSuggestion: { type: ObjectConstructor; default: null; }; allowBlockquote: { type: BooleanConstructor; default: boolean; }; allowBold: { type: BooleanConstructor; default: boolean; }; allowBulletList: { type: BooleanConstructor; default: boolean; }; allowItalic: { type: BooleanConstructor; default: boolean; }; allowStrike: { type: BooleanConstructor; default: boolean; }; allowUnderline: { type: BooleanConstructor; default: boolean; }; allowCode: { type: BooleanConstructor; default: boolean; }; allowCodeblock: { type: BooleanConstructor; default: boolean; }; allowInlineImages: { type: BooleanConstructor; default: boolean; }; allowFontColor: { type: BooleanConstructor; default: boolean; }; allowBackgroundColor: { type: BooleanConstructor; default: boolean; }; allowFontSize: { type: BooleanConstructor; default: boolean; }; allowFontFamily: { type: BooleanConstructor; default: boolean; }; allowLineHeight: { type: BooleanConstructor; default: boolean; }; allowVariable: { type: BooleanConstructor; default: boolean; }; variableItems: { type: ArrayConstructor; default: () => never[]; }; additionalExtensions: { type: ArrayConstructor; default: () => never[]; }; hideLinkBubbleMenu: { type: BooleanConstructor; default: boolean; }; preserveWhitespace: { type: (StringConstructor | BooleanConstructor)[]; default: string; }; useDivTags: { type: BooleanConstructor; default: boolean; }; allowTables: { type: BooleanConstructor; default: boolean; }; allowTextAlign: { 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; "onSelected-command"?: ((...args: any[]) => any) | undefined; onEnter?: ((...args: any[]) => any) | undefined; onSelected?: ((...args: any[]) => any) | undefined; "onJson-input"?: ((...args: any[]) => any) | undefined; "onHtml-input"?: ((...args: any[]) => any) | undefined; "onText-input"?: ((...args: any[]) => any) | undefined; "onMarkdown-input"?: ((...args: any[]) => any) | undefined; "onEdit-link"?: ((...args: any[]) => any) | undefined; "onMention-click"?: ((...args: any[]) => any) | undefined; "onMention-hover"?: ((...args: any[]) => any) | undefined; "onMention-leave"?: ((...args: any[]) => any) | undefined; "onChannel-click"?: ((...args: any[]) => any) | undefined; }>, { link: boolean | Record<string, any>; modelValue: string | Record<string, any>; placeholder: string; inputClass: string; preserveWhitespace: string | boolean; variableItems: unknown[]; editable: boolean; preventTyping: boolean; pasteRichText: boolean; allowLineBreaks: boolean; autoFocus: string | number | boolean; outputFormat: string; customLink: boolean | Record<string, any>; mentionSuggestion: Record<string, any>; channelSuggestion: Record<string, any>; slashCommandSuggestion: Record<string, any>; allowBlockquote: boolean; allowBold: boolean; allowBulletList: boolean; allowItalic: boolean; allowStrike: boolean; allowUnderline: boolean; allowCode: boolean; allowCodeblock: boolean; allowInlineImages: boolean; allowFontColor: boolean; allowBackgroundColor: boolean; allowFontSize: boolean; allowFontFamily: boolean; allowLineHeight: boolean; allowVariable: boolean;