@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
1,399 lines • 327 kB
TypeScript
import { default as lastActiveNodes } from './last_active_nodes';
import { removeClassStyleAttrs, addClassStyleAttrs } from '../../../common/utils';
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
richText: {
type: BooleanConstructor;
default: boolean;
};
modelValue: {
type: (ObjectConstructor | StringConstructor)[];
default: string;
};
editable: {
type: BooleanConstructor;
default: boolean;
};
inputAriaLabel: {
type: StringConstructor;
required: true;
default: string;
};
preventTyping: {
type: BooleanConstructor;
default: boolean;
};
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;
};
disableSend: {
type: BooleanConstructor;
default: boolean;
};
maxHeight: {
type: StringConstructor;
default: string;
};
showEmojiPicker: {
type: BooleanConstructor;
default: boolean;
};
emojiPickerProps: {
type: ObjectConstructor;
default: () => {};
};
showCharacterLimit: {
type: (ObjectConstructor | BooleanConstructor)[];
default: () => {
count: number;
warning: number;
message: string;
};
};
showImagePicker: {
type: (ObjectConstructor | BooleanConstructor)[];
default: () => {};
};
showSend: {
type: (ObjectConstructor | BooleanConstructor)[];
default: () => {};
};
showCancel: {
type: (ObjectConstructor | BooleanConstructor)[];
default: () => {};
};
mentionSuggestion: {
type: ObjectConstructor;
default: null;
};
channelSuggestion: {
type: ObjectConstructor;
default: null;
};
slashCommandSuggestion: {
type: ObjectConstructor;
default: null;
};
boldButtonOptions: {
type: ObjectConstructor;
default: () => {
keyboardShortcutText: string;
};
};
italicButtonOptions: {
type: ObjectConstructor;
default: () => {
keyboardShortcutText: string;
};
};
strikeButtonOptions: {
type: ObjectConstructor;
default: () => {
keyboardShortcutText: string;
};
};
linkButtonOptions: {
type: ObjectConstructor;
default: () => {
keyboardShortcutText: string;
linkPlaceholder: string;
};
};
bulletListButtonOptions: {
type: ObjectConstructor;
default: () => {
keyboardShortcutText: string;
};
};
orderedListButtonOptions: {
type: ObjectConstructor;
default: () => {
keyboardShortcutText: string;
};
};
blockQuoteButtonOptions: {
type: ObjectConstructor;
default: () => {
keyboardShortcutText: string;
};
};
codeButtonOptions: {
type: ObjectConstructor;
default: () => {
keyboardShortcutText: string;
};
};
codeBlockButtonOptions: {
type: ObjectConstructor;
default: () => {
keyboardShortcutText: string;
};
};
}>, {}, {
lastActiveNodes: typeof lastActiveNodes;
additionalExtensions: import('@tiptap/core').Node<any, any>[];
internalInputValue: string | Record<string, any>;
imagePickerFocus: boolean;
emojiPickerFocus: boolean;
emojiPickerOpened: boolean;
isFocused: boolean;
linkOptions: {
class: string;
};
linkDialogOpen: boolean;
selectedText: string;
text: string;
hideLinkBubbleMenu: boolean;
i18n: any;
}, {
showSendIcon(): boolean;
inputLength(): number;
displayCharacterLimitWarning(): boolean;
characterLimitTooltipEnabled(): any;
isSelectionActive(): (type: any) => any;
isSendDisabled(): boolean;
emojiPickerHovered(): boolean;
sendIconSize(): "300";
sendButtonLabel(): any;
imagePickerButtonLabel(): any;
emojiPickerButtonLabel(): any;
cancelButtonLabel(): any;
}, {
removeClassStyleAttrs: typeof removeClassStyleAttrs;
addClassStyleAttrs: typeof addClassStyleAttrs;
linkDialogOpened(value: any): void;
handleTopbarClick(type: any): void;
initLinkDialog(): void;
removeLink(): void;
setLink(linkText: any, linkInput: any): void;
onMousedown(e: any): void;
onDrop(e: any): void;
onPaste(e: any): void;
onSkinTone(skinTone: any): void;
onSelectEmoji(emoji: any, close: any): void;
onSelectImage(): void;
onImageUpload(): void;
toggleEmojiPicker(): void;
onSend(): void;
onCancel(): void;
onInput(event: any): void;
onTextInput(event: any): void;
onMarkdownInput(event: any): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("cancel" | "submit" | "update:modelValue" | "selected-emoji" | "skin-tone" | "add-emoji" | "selected-command" | "text-input" | "markdown-input" | "meeting-pill-close" | "select-media" | "add-media" | "paste-media" | "emoji-scroll-bottom-reached")[], "cancel" | "submit" | "update:modelValue" | "selected-emoji" | "skin-tone" | "add-emoji" | "selected-command" | "text-input" | "markdown-input" | "meeting-pill-close" | "select-media" | "add-media" | "paste-media" | "emoji-scroll-bottom-reached", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
richText: {
type: BooleanConstructor;
default: boolean;
};
modelValue: {
type: (ObjectConstructor | StringConstructor)[];
default: string;
};
editable: {
type: BooleanConstructor;
default: boolean;
};
inputAriaLabel: {
type: StringConstructor;
required: true;
default: string;
};
preventTyping: {
type: BooleanConstructor;
default: boolean;
};
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;
};
disableSend: {
type: BooleanConstructor;
default: boolean;
};
maxHeight: {
type: StringConstructor;
default: string;
};
showEmojiPicker: {
type: BooleanConstructor;
default: boolean;
};
emojiPickerProps: {
type: ObjectConstructor;
default: () => {};
};
showCharacterLimit: {
type: (ObjectConstructor | BooleanConstructor)[];
default: () => {
count: number;
warning: number;
message: string;
};
};
showImagePicker: {
type: (ObjectConstructor | BooleanConstructor)[];
default: () => {};
};
showSend: {
type: (ObjectConstructor | BooleanConstructor)[];
default: () => {};
};
showCancel: {
type: (ObjectConstructor | BooleanConstructor)[];
default: () => {};
};
mentionSuggestion: {
type: ObjectConstructor;
default: null;
};
channelSuggestion: {
type: ObjectConstructor;
default: null;
};
slashCommandSuggestion: {
type: ObjectConstructor;
default: null;
};
boldButtonOptions: {
type: ObjectConstructor;
default: () => {
keyboardShortcutText: string;
};
};
italicButtonOptions: {
type: ObjectConstructor;
default: () => {
keyboardShortcutText: string;
};
};
strikeButtonOptions: {
type: ObjectConstructor;
default: () => {
keyboardShortcutText: string;
};
};
linkButtonOptions: {
type: ObjectConstructor;
default: () => {
keyboardShortcutText: string;
linkPlaceholder: string;
};
};
bulletListButtonOptions: {
type: ObjectConstructor;
default: () => {
keyboardShortcutText: string;
};
};
orderedListButtonOptions: {
type: ObjectConstructor;
default: () => {
keyboardShortcutText: string;
};
};
blockQuoteButtonOptions: {
type: ObjectConstructor;
default: () => {
keyboardShortcutText: string;
};
};
codeButtonOptions: {
type: ObjectConstructor;
default: () => {
keyboardShortcutText: string;
};
};
codeBlockButtonOptions: {
type: ObjectConstructor;
default: () => {
keyboardShortcutText: string;
};
};
}>> & Readonly<{
onCancel?: ((...args: any[]) => any) | undefined;
onSubmit?: ((...args: any[]) => any) | undefined;
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
"onSelected-command"?: ((...args: any[]) => any) | undefined;
"onText-input"?: ((...args: any[]) => any) | undefined;
"onMarkdown-input"?: ((...args: any[]) => any) | undefined;
"onMeeting-pill-close"?: ((...args: any[]) => any) | undefined;
"onSelected-emoji"?: ((...args: any[]) => any) | undefined;
"onSkin-tone"?: ((...args: any[]) => any) | undefined;
"onAdd-emoji"?: ((...args: any[]) => any) | undefined;
"onSelect-media"?: ((...args: any[]) => any) | undefined;
"onAdd-media"?: ((...args: any[]) => any) | undefined;
"onPaste-media"?: ((...args: any[]) => any) | undefined;
"onEmoji-scroll-bottom-reached"?: ((...args: any[]) => any) | undefined;
}>, {
modelValue: string | Record<string, any>;
maxHeight: string;
placeholder: string;
inputClass: string;
editable: boolean;
preventTyping: boolean;
inputAriaLabel: string;
autoFocus: string | number | boolean;
outputFormat: string;
mentionSuggestion: Record<string, any>;
channelSuggestion: Record<string, any>;
slashCommandSuggestion: Record<string, any>;
boldButtonOptions: Record<string, any>;
italicButtonOptions: Record<string, any>;
strikeButtonOptions: Record<string, any>;
bulletListButtonOptions: Record<string, any>;
orderedListButtonOptions: Record<string, any>;
blockQuoteButtonOptions: Record<string, any>;
codeButtonOptions: Record<string, any>;
codeBlockButtonOptions: Record<string, any>;
linkButtonOptions: Record<string, any>;
richText: boolean;
disableSend: boolean;
showEmojiPicker: boolean;
emojiPickerProps: Record<string, any>;
showCharacterLimit: boolean | Record<string, any>;
showImagePicker: boolean | Record<string, any>;
showSend: boolean | Record<string, any>;
showCancel: boolean | Record<string, any>;
}, {}, {
DtButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
circle: {
type: BooleanConstructor;
default: boolean;
};
iconPosition: {
type: StringConstructor;
default: string;
validator: (position: unknown) => boolean;
};
importance: {
type: StringConstructor;
default: string;
validator: (i: unknown) => boolean;
};
link: {
type: BooleanConstructor;
default: boolean;
};
linkKind: {
type: StringConstructor;
default: string;
validator: (lk: unknown) => boolean;
};
linkInverted: {
type: BooleanConstructor;
default: boolean;
};
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>;
DtEmojiPicker: import('vue').DefineComponent<{}, {
$emit: (event: "close" | "selected-emoji" | "scroll-bottom-reached" | "skin-tone" | "add-emoji", ...args: any[]) => void;
$props: {
readonly [x: string]: any;
};
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
tabsetRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
focusTabset: () => void;
$emit: (event: "selected-tabset" | "focus-search-input" | "focus-skin-selector", ...args: any[]) => void;
$props: {
readonly [x: string]: any;
};
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{}> & Readonly<{}>, {
focusTabset: () => void;
$emit: (event: "selected-tabset" | "focus-search-input" | "focus-skin-selector", ...args: any[]) => void;
$props: {
readonly [x: string]: any;
};
}, {}, {}, {}, {}> | null;
searchInputRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
focusSearchInput: () => void;
$emit: (event: "update:modelValue" | "focus-emoji-selector" | "focus-tabset" | "select-first-emoji", ...args: any[]) => void;
modelValue: string;
searchPlaceholderLabel: string;
$props: {
readonly modelValue?: string | undefined;
readonly searchPlaceholderLabel?: string | undefined;
};
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
searchInput: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
name: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
validator: (t: unknown) => boolean;
};
modelValue: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
label: {
type: StringConstructor;
default: string;
};
labelVisible: {
type: BooleanConstructor;
default: boolean;
};
description: {
type: StringConstructor;
default: string;
};
size: {
type: StringConstructor;
default: string;
validator: (t: unknown) => boolean;
};
inputClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
inputWrapperClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
rootClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
currentLength: {
type: NumberConstructor;
default: null;
};
retainWarning: {
type: BooleanConstructor;
default: boolean;
};
validate: {
type: ObjectConstructor;
default: null;
};
hidden: {
type: BooleanConstructor;
default: boolean;
};
}>> & Readonly<{
onInput?: ((...args: any[]) => any) | undefined;
onBlur?: ((...args: any[]) => any) | undefined;
onFocus?: ((...args: any[]) => any) | undefined;
onFocusin?: ((...args: any[]) => any) | undefined;
onFocusout?: ((...args: any[]) => any) | undefined;
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
onClear?: ((...args: any[]) => any) | undefined;
"onUpdate:length"?: ((...args: any[]) => any) | undefined;
"onUpdate:invalid"?: ((...args: any[]) => any) | undefined;
}>, {}, {
isInputFocused: boolean;
isInvalid: boolean;
defaultLength: number;
hasSlotContent: typeof import('../../../common/utils').hasSlotContent;
isComposing: boolean;
justEndedComposition: boolean;
}, {
isTextarea(): boolean;
isDefaultSize(): boolean;
iconSize(): any;
isValidSize(): boolean;
isValidDescriptionSize(): boolean;
inputComponent(): "input" | "textarea";
inputListeners(): {
compositionstart: () => void;
compositionend: () => void;
input: (event: any) => Promise<void>;
blur: (event: any) => void;
focus: (event: any) => void;
focusin: (event: any) => void;
focusout: (event: any) => void;
};
descriptionKey(): string;
inputState(): string | null;
defaultLengthCalculation(): number;
validationProps(): {
length: {
description: any;
max: any;
warn: any;
message: any;
limitMaxLength: any;
};
};
validationMessages(): any;
showInputState(): string | null;
inputLength(): number;
inputLengthState(): string | null;
shouldValidateLength(): boolean;
shouldLimitMaxLength(): any;
showLengthLimitValidation(): any;
sizeModifierClass(): any;
stateClass(): any[];
}, {
removeClassStyleAttrs: typeof removeClassStyleAttrs;
addClassStyleAttrs: typeof addClassStyleAttrs;
inputClasses(): any[];
inputWrapperClasses(): (string | unknown[] | Record<string, any>)[];
calculateLength(value: any): number;
inputLengthErrorMessage(): {
message: any;
type: string | null;
};
onBlur(e: any): void;
emitClearEvents(): void;
blur(): void;
focus(): void;
select(): void;
getMessageKey(type: any, index: any): string;
validateLength(length: any): void;
clearInput(): void;
}, {
props: {
messagesClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
messagesChildProps: {
type: ObjectConstructor;
default: () => {};
};
showMessages: {
type: BooleanConstructor;
default: boolean;
};
messages: {
type: ArrayConstructor;
default: () => never[];
validator: (messages: any) => any;
};
};
computed: {
formattedMessages(): any;
};
}, import('vue').ComponentOptionsMixin, ("input" | "blur" | "focus" | "focusin" | "focusout" | "clear" | "update:modelValue" | "update:length" | "update:invalid")[], import('vue').PublicProps, {
label: string;
disabled: boolean;
modelValue: string | number;
name: string;
type: string;
hidden: boolean;
size: string;
description: string;
validate: Record<string, any>;
rootClass: string | unknown[] | Record<string, any>;
labelVisible: boolean;
inputClass: string | unknown[] | Record<string, any>;
inputWrapperClass: string | unknown[] | Record<string, any>;
currentLength: number;
retainWarning: boolean;
}, true, {}, {}, {
DtValidationMessages: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
id: {
type: StringConstructor;
default(): string;
};
validationMessages: {
type: ArrayConstructor;
default: () => never[];
validator: (messages: unknown) => any;
};
showMessages: {
type: BooleanConstructor;
default: boolean;
};
}>, {}, {}, {
isFilteredValidationMessagesEmpty(): boolean;
filteredValidationMessages(): any;
validationState(): string | null;
}, {
getMessageKey(type: any, index: any): string;
messageTypeClass(type: any): any;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
id: {
type: StringConstructor;
default(): string;
};
validationMessages: {
type: ArrayConstructor;
default: () => never[];
validator: (messages: unknown) => any;
};
showMessages: {
type: BooleanConstructor;
default: boolean;
};
}>> & Readonly<{}>, {
id: string;
validationMessages: unknown[];
showMessages: boolean;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
} & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {
formattedMessages(): any;
};
M: import('vue').MethodOptions;
Defaults: {};
} & {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import('vue').ExtractPropTypes<{
name: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
validator: (t: unknown) => boolean;
};
modelValue: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
label: {
type: StringConstructor;
default: string;
};
labelVisible: {
type: BooleanConstructor;
default: boolean;
};
description: {
type: StringConstructor;
default: string;
};
size: {
type: StringConstructor;
default: string;
validator: (t: unknown) => boolean;
};
inputClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
inputWrapperClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
rootClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
currentLength: {
type: NumberConstructor;
default: null;
};
retainWarning: {
type: BooleanConstructor;
default: boolean;
};
validate: {
type: ObjectConstructor;
default: null;
};
hidden: {
type: BooleanConstructor;
default: boolean;
};
}>> & Readonly<{
onInput?: ((...args: any[]) => any) | undefined;
onBlur?: ((...args: any[]) => any) | undefined;
onFocus?: ((...args: any[]) => any) | undefined;
onFocusin?: ((...args: any[]) => any) | undefined;
onFocusout?: ((...args: any[]) => any) | undefined;
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
onClear?: ((...args: any[]) => any) | undefined;
"onUpdate:length"?: ((...args: any[]) => any) | undefined;
"onUpdate:invalid"?: ((...args: any[]) => any) | undefined;
}>, {}, {
isInputFocused: boolean;
isInvalid: boolean;
defaultLength: number;
hasSlotContent: typeof import('../../../common/utils').hasSlotContent;
isComposing: boolean;
justEndedComposition: boolean;
}, {
formattedMessages(): any;
} & {
isTextarea(): boolean;
isDefaultSize(): boolean;
iconSize(): any;
isValidSize(): boolean;
isValidDescriptionSize(): boolean;
inputComponent(): "input" | "textarea";
inputListeners(): {
compositionstart: () => void;
compositionend: () => void;
input: (event: any) => Promise<void>;
blur: (event: any) => void;
focus: (event: any) => void;
focusin: (event: any) => void;
focusout: (event: any) => void;
};
descriptionKey(): string;
inputState(): string | null;
defaultLengthCalculation(): number;
validationProps(): {
length: {
description: any;
max: any;
warn: any;
message: any;
limitMaxLength: any;
};
};
validationMessages(): any;
showInputState(): string | null;
inputLength(): number;
inputLengthState(): string | null;
shouldValidateLength(): boolean;
shouldLimitMaxLength(): any;
showLengthLimitValidation(): any;
sizeModifierClass(): any;
stateClass(): any[];
}, import('vue').MethodOptions & {
removeClassStyleAttrs: typeof removeClassStyleAttrs;
addClassStyleAttrs: typeof addClassStyleAttrs;
inputClasses(): any[];
inputWrapperClasses(): (string | unknown[] | Record<string, any>)[];
calculateLength(value: any): number;
inputLengthErrorMessage(): {
message: any;
type: string | null;
};
onBlur(e: any): void;
emitClearEvents(): void;
blur(): void;
focus(): void;
select(): void;
getMessageKey(type: any, index: any): string;
validateLength(length: any): void;
clearInput(): void;
}, {
label: string;
disabled: boolean;
modelValue: string | number;
name: string;
type: string;
hidden: boolean;
size: string;
description: string;
validate: Record<string, any>;
rootClass: string | unknown[] | Record<string, any>;
labelVisible: boolean;
inputClass: string | unknown[] | Record<string, any>;
inputWrapperClass: string | unknown[] | Record<string, any>;
currentLength: number;
retainWarning: boolean;
}> | null;
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{}> & Readonly<{}>, {
focusSearchInput: () => void;
$emit: (event: "update:modelValue" | "focus-emoji-selector" | "focus-tabset" | "select-first-emoji", ...args: any[]) => void;
modelValue: string;
searchPlaceholderLabel: string;
$props: {
readonly modelValue?: string | undefined;
readonly searchPlaceholderLabel?: string | undefined;
};
}, {}, {}, {}, {}> | null;
emojiSelectorRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
focusEmojiSelector: () => void;
focusLastEmoji: () => void;
$emit: (event: "focus-search-input" | "focus-skin-selector" | "highlighted-emoji" | "selected-emoji" | "scroll-into-tab" | "scroll-bottom-reached", ...args: any[]) => void;
$props: {
readonly [x: string]: any;
};
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
listRef: HTMLDivElement;
tabCategoryRef: HTMLDivElement;
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{}> & Readonly<{}>, {
focusEmojiSelector: () => void;
focusLastEmoji: () => void;
$emit: (event: "focus-search-input" | "focus-skin-selector" | "highlighted-emoji" | "selected-emoji" | "scroll-into-tab" | "scroll-bottom-reached", ...args: any[]) => void;
$props: {
readonly [x: string]: any;
};
}, {}, {}, {}, {}> | null;
skinSelectorRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
focusSkinSelector: () => void;
$emit: (event: "focus-tabset" | "skin-tone" | "focus-last-emoji", ...args: any[]) => void;
$props: {
readonly [x: string]: any;
};
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
skinSelectorRef: HTMLButtonElement;
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{}> & Readonly<{}>, {
focusSkinSelector: () => void;
$emit: (event: "focus-tabset" | "skin-tone" | "focus-last-emoji", ...args: any[]) => void;
$props: {
readonly [x: string]: any;
};
}, {}, {}, {}, {}> | null;
}, HTMLDivElement>;
DtInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
name: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
validator: (t: unknown) => boolean;
};
modelValue: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
label: {
type: StringConstructor;
default: string;
};
labelVisible: {
type: BooleanConstructor;
default: boolean;
};
description: {
type: StringConstructor;
default: string;
};
size: {
type: StringConstructor;
default: string;
validator: (t: unknown) => boolean;
};
inputClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
inputWrapperClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
rootClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
currentLength: {
type: NumberConstructor;
default: null;
};
retainWarning: {
type: BooleanConstructor;
default: boolean;
};
validate: {
type: ObjectConstructor;
default: null;
};
hidden: {
type: BooleanConstructor;
default: boolean;
};
}>, {}, {
isInputFocused: boolean;
isInvalid: boolean;
defaultLength: number;
hasSlotContent: typeof import('../../../common/utils').hasSlotContent;
isComposing: boolean;
justEndedComposition: boolean;
}, {
isTextarea(): boolean;
isDefaultSize(): boolean;
iconSize(): any;
isValidSize(): boolean;
isValidDescriptionSize(): boolean;
inputComponent(): "input" | "textarea";
inputListeners(): {
compositionstart: () => void;
compositionend: () => void;
input: (event: any) => Promise<void>;
blur: (event: any) => void;
focus: (event: any) => void;
focusin: (event: any) => void;
focusout: (event: any) => void;
};
descriptionKey(): string;
inputState(): string | null;
defaultLengthCalculation(): number;
validationProps(): {
length: {
description: any;
max: any;
warn: any;
message: any;
limitMaxLength: any;
};
};
validationMessages(): any;
showInputState(): string | null;
inputLength(): number;
inputLengthState(): string | null;
shouldValidateLength(): boolean;
shouldLimitMaxLength(): any;
showLengthLimitValidation(): any;
sizeModifierClass(): any;
stateClass(): any[];
}, {
removeClassStyleAttrs: typeof removeClassStyleAttrs;
addClassStyleAttrs: typeof addClassStyleAttrs;
inputClasses(): any[];
inputWrapperClasses(): (string | unknown[] | Record<string, any>)[];
calculateLength(value: any): number;
inputLengthErrorMessage(): {
message: any;
type: string | null;
};
onBlur(e: any): void;
emitClearEvents(): void;
blur(): void;
focus(): void;
select(): void;
getMessageKey(type: any, index: any): string;
validateLength(length: any): void;
clearInput(): void;
}, {
props: {
messagesClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
messagesChildProps: {
type: ObjectConstructor;
default: () => {};
};
showMessages: {
type: BooleanConstructor;
default: boolean;
};
messages: {
type: ArrayConstructor;
default: () => never[];
validator: (messages: any) => any;
};
};
computed: {
formattedMessages(): any;
};
}, import('vue').ComponentOptionsMixin, ("input" | "blur" | "focus" | "focusin" | "focusout" | "clear" | "update:modelValue" | "update:length" | "update:invalid")[], "input" | "blur" | "focus" | "focusin" | "focusout" | "clear" | "update:modelValue" | "update:length" | "update:invalid", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
name: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
validator: (t: unknown) => boolean;
};
modelValue: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
label: {
type: StringConstructor;
default: string;
};
labelVisible: {
type: BooleanConstructor;
default: boolean;
};
description: {
type: StringConstructor;
default: string;
};
size: {
type: StringConstructor;
default: string;
validator: (t: unknown) => boolean;
};
inputClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
inputWrapperClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
rootClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
currentLength: {
type: NumberConstructor;
default: null;
};
retainWarning: {
type: BooleanConstructor;
default: boolean;
};
validate: {
type: ObjectConstructor;
default: null;
};
hidden: {
type: BooleanConstructor;
default: boolean;
};
}>> & Readonly<{
onInput?: ((...args: any[]) => any) | undefined;
onBlur?: ((...args: any[]) => any) | undefined;
onFocus?: ((...args: any[]) => any) | undefined;
onFocusin?: ((...args: any[]) => any) | undefined;
onFocusout?: ((...args: any[]) => any) | undefined;
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
onClear?: ((...args: any[]) => any) | undefined;
"onUpdate:length"?: ((...args: any[]) => any) | undefined;
"onUpdate:invalid"?: ((...args: any[]) => any) | undefined;
}>, {
label: string;
disabled: boolean;
modelValue: string | number;
name: string;
type: string;
hidden: boolean;
size: string;
description: string;
validate: Record<string, any>;
rootClass: string | unknown[] | Record<string, any>;
labelVisible: boolean;
inputClass: string | unknown[] | Record<string, any>;
inputWrapperClass: string | unknown[] | Record<string, any>;
currentLength: number;
retainWarning: boolean;
}, {}, {
DtValidationMessages: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
id: {
type: StringConstructor;
default(): string;
};
validationMessages: {
type: ArrayConstructor;
default: () => never[];
validator: (messages: unknown) => any;
};
showMessages: {
type: BooleanConstructor;
default: boolean;
};
}>, {}, {}, {
isFilteredValidationMessagesEmpty(): boolean;
filteredValidationMessages(): any;
validationState(): string | null;
}, {
getMessageKey(type: any, index: any): string;
messageTypeClass(type: any)