@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
1,525 lines (1,524 loc) • 359 kB
TypeScript
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;