devextreme-vue
Version:
DevExtreme UI and Visualization Components for Vue
1,223 lines • 61.5 kB
TypeScript
/*!
* devextreme-vue
* Version: 26.1.4
* Build date: Fri Jul 24 2026
*
* Copyright (c) 2012 - 2026 Developer Express Inc. ALL RIGHTS RESERVED
*
* This software may be modified and distributed under the terms
* of the MIT license. See the LICENSE file in the root of the project for details.
*
* https://github.com/DevExpress/DevExtreme
*/
import { PropType } from "vue";
import Chat, { Properties } from "devextreme/ui/chat";
import DataSource from "devextreme/data/data_source";
import dxChat from "devextreme/ui/chat";
import UploadInfo from "devextreme/file_management/upload_info";
import { Alert, Message, AttachmentDownloadClickEvent, DisposingEvent, InitializedEvent, InputFieldTextChangedEvent, MessageDeletedEvent, MessageDeletingEvent, MessageEditCanceledEvent, MessageEditingStartEvent, MessageEnteredEvent, MessageUpdatedEvent, MessageUpdatingEvent, OptionChangedEvent, TypingEndEvent, TypingStartEvent, SendButtonProperties, User, Attachment, MessageType, SendButtonAction, SendButtonClickEvent } from "devextreme/ui/chat";
import { DataSourceOptions } from "devextreme/common/data";
import { Store } from "devextreme/data/store";
import { ValidationStatus, ButtonStyle, SingleMultipleOrNone } from "devextreme/common";
import { dxFileUploaderOptions, BeforeSendEvent, ContentReadyEvent, DisposingEvent as FileUploaderDisposingEvent, DropZoneEnterEvent, DropZoneLeaveEvent, FilesUploadedEvent, InitializedEvent as FileUploaderInitializedEvent, OptionChangedEvent as FileUploaderOptionChangedEvent, ProgressEvent, UploadAbortedEvent, UploadedEvent, UploadErrorEvent, UploadStartedEvent, ValueChangedEvent, UploadHttpMethod, FileUploadMode } from "devextreme/ui/file_uploader";
import { dxSpeechToTextOptions, CustomSpeechRecognizer, ContentReadyEvent as SpeechToTextContentReadyEvent, DisposingEvent as SpeechToTextDisposingEvent, EndEvent, ErrorEvent, InitializedEvent as SpeechToTextInitializedEvent, OptionChangedEvent as SpeechToTextOptionChangedEvent, ResultEvent, StartClickEvent, StopClickEvent, SpeechRecognitionConfig } from "devextreme/ui/speech_to_text";
import { dxButtonGroupOptions, dxButtonGroupItem, ContentReadyEvent as ButtonGroupContentReadyEvent, DisposingEvent as ButtonGroupDisposingEvent, InitializedEvent as ButtonGroupInitializedEvent, ItemClickEvent, OptionChangedEvent as ButtonGroupOptionChangedEvent, SelectionChangedEvent } from "devextreme/ui/button_group";
type AccessibleOptions = Pick<Properties, "accessKey" | "activeStateEnabled" | "alerts" | "dataSource" | "dayHeaderFormat" | "disabled" | "editing" | "elementAttr" | "emptyViewTemplate" | "fileUploaderOptions" | "focusStateEnabled" | "height" | "hint" | "hoverStateEnabled" | "inputFieldText" | "items" | "messageTemplate" | "messageTimestampFormat" | "onAttachmentDownloadClick" | "onDisposing" | "onInitialized" | "onInputFieldTextChanged" | "onMessageDeleted" | "onMessageDeleting" | "onMessageEditCanceled" | "onMessageEditingStart" | "onMessageEntered" | "onMessageUpdated" | "onMessageUpdating" | "onOptionChanged" | "onTypingEnd" | "onTypingStart" | "reloadOnChange" | "rtlEnabled" | "sendButtonOptions" | "showAvatar" | "showDayHeaders" | "showMessageTimestamp" | "showUserName" | "speechToTextEnabled" | "speechToTextOptions" | "suggestions" | "typingUsers" | "user" | "visible" | "width">;
interface DxChat extends AccessibleOptions {
readonly instance?: Chat;
}
declare const DxChat: import("vue").DefineComponent<{
accessKey: StringConstructor;
activeStateEnabled: BooleanConstructor;
alerts: PropType<Alert[]>;
dataSource: PropType<string | Record<string, any> | DataSource<any, any> | DataSourceOptions<any, any, any, any> | Store<any, any> | Message[] | null>;
dayHeaderFormat: PropType<string | Record<string, any> | import("devextreme/common/core/localization").FormatObject | ((value: number | Date) => string) | ((value: Date) => string) | ((value: number) => string) | Intl.DateTimeFormatOptions | Intl.NumberFormatOptions | ((value: number | Date) => string) | undefined>;
disabled: BooleanConstructor;
editing: PropType<Record<string, any>>;
elementAttr: PropType<Record<string, any>>;
emptyViewTemplate: {};
fileUploaderOptions: PropType<Record<string, any> | dxFileUploaderOptions>;
focusStateEnabled: BooleanConstructor;
height: (NumberConstructor | StringConstructor)[];
hint: StringConstructor;
hoverStateEnabled: BooleanConstructor;
inputFieldText: StringConstructor;
items: PropType<Message[]>;
messageTemplate: {};
messageTimestampFormat: PropType<string | Record<string, any> | import("devextreme/common/core/localization").FormatObject | ((value: number | Date) => string) | ((value: Date) => string) | ((value: number) => string) | Intl.DateTimeFormatOptions | Intl.NumberFormatOptions | ((value: number | Date) => string) | undefined>;
onAttachmentDownloadClick: PropType<(e: AttachmentDownloadClickEvent) => void>;
onDisposing: PropType<(e: DisposingEvent) => void>;
onInitialized: PropType<(e: InitializedEvent) => void>;
onInputFieldTextChanged: PropType<(e: InputFieldTextChangedEvent) => void>;
onMessageDeleted: PropType<(e: MessageDeletedEvent) => void>;
onMessageDeleting: PropType<(e: MessageDeletingEvent) => void>;
onMessageEditCanceled: PropType<(e: MessageEditCanceledEvent) => void>;
onMessageEditingStart: PropType<(e: MessageEditingStartEvent) => void>;
onMessageEntered: PropType<(e: MessageEnteredEvent) => void>;
onMessageUpdated: PropType<(e: MessageUpdatedEvent) => void>;
onMessageUpdating: PropType<(e: MessageUpdatingEvent) => void>;
onOptionChanged: PropType<(e: OptionChangedEvent) => void>;
onTypingEnd: PropType<(e: TypingEndEvent) => void>;
onTypingStart: PropType<(e: TypingStartEvent) => void>;
reloadOnChange: BooleanConstructor;
rtlEnabled: BooleanConstructor;
sendButtonOptions: PropType<Record<string, any> | SendButtonProperties>;
showAvatar: BooleanConstructor;
showDayHeaders: BooleanConstructor;
showMessageTimestamp: BooleanConstructor;
showUserName: BooleanConstructor;
speechToTextEnabled: BooleanConstructor;
speechToTextOptions: PropType<Record<string, any> | dxSpeechToTextOptions>;
suggestions: PropType<Record<string, any> | dxButtonGroupOptions>;
typingUsers: PropType<User[]>;
user: PropType<Record<string, any> | User>;
visible: BooleanConstructor;
width: (NumberConstructor | StringConstructor)[];
}, unknown, unknown, {
instance(): Chat;
}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:isActive": null;
"update:hoveredElement": null;
"update:accessKey": null;
"update:activeStateEnabled": null;
"update:alerts": null;
"update:dataSource": null;
"update:dayHeaderFormat": null;
"update:disabled": null;
"update:editing": null;
"update:elementAttr": null;
"update:emptyViewTemplate": null;
"update:fileUploaderOptions": null;
"update:focusStateEnabled": null;
"update:height": null;
"update:hint": null;
"update:hoverStateEnabled": null;
"update:inputFieldText": null;
"update:items": null;
"update:messageTemplate": null;
"update:messageTimestampFormat": null;
"update:onAttachmentDownloadClick": null;
"update:onDisposing": null;
"update:onInitialized": null;
"update:onInputFieldTextChanged": null;
"update:onMessageDeleted": null;
"update:onMessageDeleting": null;
"update:onMessageEditCanceled": null;
"update:onMessageEditingStart": null;
"update:onMessageEntered": null;
"update:onMessageUpdated": null;
"update:onMessageUpdating": null;
"update:onOptionChanged": null;
"update:onTypingEnd": null;
"update:onTypingStart": null;
"update:reloadOnChange": null;
"update:rtlEnabled": null;
"update:sendButtonOptions": null;
"update:showAvatar": null;
"update:showDayHeaders": null;
"update:showMessageTimestamp": null;
"update:showUserName": null;
"update:speechToTextEnabled": null;
"update:speechToTextOptions": null;
"update:suggestions": null;
"update:typingUsers": null;
"update:user": null;
"update:visible": null;
"update:width": null;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
accessKey: StringConstructor;
activeStateEnabled: BooleanConstructor;
alerts: PropType<Alert[]>;
dataSource: PropType<string | Record<string, any> | DataSource<any, any> | DataSourceOptions<any, any, any, any> | Store<any, any> | Message[] | null>;
dayHeaderFormat: PropType<string | Record<string, any> | import("devextreme/common/core/localization").FormatObject | ((value: number | Date) => string) | ((value: Date) => string) | ((value: number) => string) | Intl.DateTimeFormatOptions | Intl.NumberFormatOptions | ((value: number | Date) => string) | undefined>;
disabled: BooleanConstructor;
editing: PropType<Record<string, any>>;
elementAttr: PropType<Record<string, any>>;
emptyViewTemplate: {};
fileUploaderOptions: PropType<Record<string, any> | dxFileUploaderOptions>;
focusStateEnabled: BooleanConstructor;
height: (NumberConstructor | StringConstructor)[];
hint: StringConstructor;
hoverStateEnabled: BooleanConstructor;
inputFieldText: StringConstructor;
items: PropType<Message[]>;
messageTemplate: {};
messageTimestampFormat: PropType<string | Record<string, any> | import("devextreme/common/core/localization").FormatObject | ((value: number | Date) => string) | ((value: Date) => string) | ((value: number) => string) | Intl.DateTimeFormatOptions | Intl.NumberFormatOptions | ((value: number | Date) => string) | undefined>;
onAttachmentDownloadClick: PropType<(e: AttachmentDownloadClickEvent) => void>;
onDisposing: PropType<(e: DisposingEvent) => void>;
onInitialized: PropType<(e: InitializedEvent) => void>;
onInputFieldTextChanged: PropType<(e: InputFieldTextChangedEvent) => void>;
onMessageDeleted: PropType<(e: MessageDeletedEvent) => void>;
onMessageDeleting: PropType<(e: MessageDeletingEvent) => void>;
onMessageEditCanceled: PropType<(e: MessageEditCanceledEvent) => void>;
onMessageEditingStart: PropType<(e: MessageEditingStartEvent) => void>;
onMessageEntered: PropType<(e: MessageEnteredEvent) => void>;
onMessageUpdated: PropType<(e: MessageUpdatedEvent) => void>;
onMessageUpdating: PropType<(e: MessageUpdatingEvent) => void>;
onOptionChanged: PropType<(e: OptionChangedEvent) => void>;
onTypingEnd: PropType<(e: TypingEndEvent) => void>;
onTypingStart: PropType<(e: TypingStartEvent) => void>;
reloadOnChange: BooleanConstructor;
rtlEnabled: BooleanConstructor;
sendButtonOptions: PropType<Record<string, any> | SendButtonProperties>;
showAvatar: BooleanConstructor;
showDayHeaders: BooleanConstructor;
showMessageTimestamp: BooleanConstructor;
showUserName: BooleanConstructor;
speechToTextEnabled: BooleanConstructor;
speechToTextOptions: PropType<Record<string, any> | dxSpeechToTextOptions>;
suggestions: PropType<Record<string, any> | dxButtonGroupOptions>;
typingUsers: PropType<User[]>;
user: PropType<Record<string, any> | User>;
visible: BooleanConstructor;
width: (NumberConstructor | StringConstructor)[];
}>> & {
"onUpdate:isActive"?: ((...args: any[]) => any) | undefined;
"onUpdate:hoveredElement"?: ((...args: any[]) => any) | undefined;
"onUpdate:disabled"?: ((...args: any[]) => any) | undefined;
"onUpdate:elementAttr"?: ((...args: any[]) => any) | undefined;
"onUpdate:onDisposing"?: ((...args: any[]) => any) | undefined;
"onUpdate:onInitialized"?: ((...args: any[]) => any) | undefined;
"onUpdate:onOptionChanged"?: ((...args: any[]) => any) | undefined;
"onUpdate:rtlEnabled"?: ((...args: any[]) => any) | undefined;
"onUpdate:height"?: ((...args: any[]) => any) | undefined;
"onUpdate:width"?: ((...args: any[]) => any) | undefined;
"onUpdate:visible"?: ((...args: any[]) => any) | undefined;
"onUpdate:dataSource"?: ((...args: any[]) => any) | undefined;
"onUpdate:hoverStateEnabled"?: ((...args: any[]) => any) | undefined;
"onUpdate:items"?: ((...args: any[]) => any) | undefined;
"onUpdate:accessKey"?: ((...args: any[]) => any) | undefined;
"onUpdate:activeStateEnabled"?: ((...args: any[]) => any) | undefined;
"onUpdate:focusStateEnabled"?: ((...args: any[]) => any) | undefined;
"onUpdate:hint"?: ((...args: any[]) => any) | undefined;
"onUpdate:editing"?: ((...args: any[]) => any) | undefined;
"onUpdate:alerts"?: ((...args: any[]) => any) | undefined;
"onUpdate:dayHeaderFormat"?: ((...args: any[]) => any) | undefined;
"onUpdate:emptyViewTemplate"?: ((...args: any[]) => any) | undefined;
"onUpdate:fileUploaderOptions"?: ((...args: any[]) => any) | undefined;
"onUpdate:inputFieldText"?: ((...args: any[]) => any) | undefined;
"onUpdate:messageTemplate"?: ((...args: any[]) => any) | undefined;
"onUpdate:messageTimestampFormat"?: ((...args: any[]) => any) | undefined;
"onUpdate:onAttachmentDownloadClick"?: ((...args: any[]) => any) | undefined;
"onUpdate:onInputFieldTextChanged"?: ((...args: any[]) => any) | undefined;
"onUpdate:onMessageDeleted"?: ((...args: any[]) => any) | undefined;
"onUpdate:onMessageDeleting"?: ((...args: any[]) => any) | undefined;
"onUpdate:onMessageEditCanceled"?: ((...args: any[]) => any) | undefined;
"onUpdate:onMessageEditingStart"?: ((...args: any[]) => any) | undefined;
"onUpdate:onMessageEntered"?: ((...args: any[]) => any) | undefined;
"onUpdate:onMessageUpdated"?: ((...args: any[]) => any) | undefined;
"onUpdate:onMessageUpdating"?: ((...args: any[]) => any) | undefined;
"onUpdate:onTypingEnd"?: ((...args: any[]) => any) | undefined;
"onUpdate:onTypingStart"?: ((...args: any[]) => any) | undefined;
"onUpdate:reloadOnChange"?: ((...args: any[]) => any) | undefined;
"onUpdate:sendButtonOptions"?: ((...args: any[]) => any) | undefined;
"onUpdate:showAvatar"?: ((...args: any[]) => any) | undefined;
"onUpdate:showDayHeaders"?: ((...args: any[]) => any) | undefined;
"onUpdate:showMessageTimestamp"?: ((...args: any[]) => any) | undefined;
"onUpdate:showUserName"?: ((...args: any[]) => any) | undefined;
"onUpdate:speechToTextEnabled"?: ((...args: any[]) => any) | undefined;
"onUpdate:speechToTextOptions"?: ((...args: any[]) => any) | undefined;
"onUpdate:suggestions"?: ((...args: any[]) => any) | undefined;
"onUpdate:typingUsers"?: ((...args: any[]) => any) | undefined;
"onUpdate:user"?: ((...args: any[]) => any) | undefined;
}, {
disabled: boolean;
rtlEnabled: boolean;
visible: boolean;
hoverStateEnabled: boolean;
activeStateEnabled: boolean;
focusStateEnabled: boolean;
reloadOnChange: boolean;
showAvatar: boolean;
showDayHeaders: boolean;
showMessageTimestamp: boolean;
showUserName: boolean;
speechToTextEnabled: boolean;
}>;
declare const DxAlert: import("vue").DefineComponent<{
id: (NumberConstructor | StringConstructor)[];
message: StringConstructor;
}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:isActive": null;
"update:hoveredElement": null;
"update:id": null;
"update:message": null;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
id: (NumberConstructor | StringConstructor)[];
message: StringConstructor;
}>> & {
"onUpdate:isActive"?: ((...args: any[]) => any) | undefined;
"onUpdate:hoveredElement"?: ((...args: any[]) => any) | undefined;
"onUpdate:message"?: ((...args: any[]) => any) | undefined;
"onUpdate:id"?: ((...args: any[]) => any) | undefined;
}, {}>;
declare const DxAttachment: import("vue").DefineComponent<{
name: StringConstructor;
size: NumberConstructor;
}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:isActive": null;
"update:hoveredElement": null;
"update:name": null;
"update:size": null;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
name: StringConstructor;
size: NumberConstructor;
}>> & {
"onUpdate:isActive"?: ((...args: any[]) => any) | undefined;
"onUpdate:hoveredElement"?: ((...args: any[]) => any) | undefined;
"onUpdate:size"?: ((...args: any[]) => any) | undefined;
"onUpdate:name"?: ((...args: any[]) => any) | undefined;
}, {}>;
declare const DxAuthor: import("vue").DefineComponent<{
avatarAlt: StringConstructor;
avatarUrl: StringConstructor;
id: (NumberConstructor | StringConstructor)[];
name: StringConstructor;
}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:isActive": null;
"update:hoveredElement": null;
"update:avatarAlt": null;
"update:avatarUrl": null;
"update:id": null;
"update:name": null;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
avatarAlt: StringConstructor;
avatarUrl: StringConstructor;
id: (NumberConstructor | StringConstructor)[];
name: StringConstructor;
}>> & {
"onUpdate:isActive"?: ((...args: any[]) => any) | undefined;
"onUpdate:hoveredElement"?: ((...args: any[]) => any) | undefined;
"onUpdate:name"?: ((...args: any[]) => any) | undefined;
"onUpdate:id"?: ((...args: any[]) => any) | undefined;
"onUpdate:avatarAlt"?: ((...args: any[]) => any) | undefined;
"onUpdate:avatarUrl"?: ((...args: any[]) => any) | undefined;
}, {}>;
declare const DxChatItem: import("vue").DefineComponent<{
alt: StringConstructor;
attachments: PropType<Attachment[]>;
author: PropType<Record<string, any> | User>;
id: (NumberConstructor | StringConstructor)[];
isDeleted: BooleanConstructor;
isEdited: BooleanConstructor;
src: StringConstructor;
text: StringConstructor;
timestamp: (DateConstructor | NumberConstructor | StringConstructor)[];
type: PropType<MessageType>;
}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:isActive": null;
"update:hoveredElement": null;
"update:alt": null;
"update:attachments": null;
"update:author": null;
"update:id": null;
"update:isDeleted": null;
"update:isEdited": null;
"update:src": null;
"update:text": null;
"update:timestamp": null;
"update:type": null;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
alt: StringConstructor;
attachments: PropType<Attachment[]>;
author: PropType<Record<string, any> | User>;
id: (NumberConstructor | StringConstructor)[];
isDeleted: BooleanConstructor;
isEdited: BooleanConstructor;
src: StringConstructor;
text: StringConstructor;
timestamp: (DateConstructor | NumberConstructor | StringConstructor)[];
type: PropType<MessageType>;
}>> & {
"onUpdate:isActive"?: ((...args: any[]) => any) | undefined;
"onUpdate:hoveredElement"?: ((...args: any[]) => any) | undefined;
"onUpdate:text"?: ((...args: any[]) => any) | undefined;
"onUpdate:type"?: ((...args: any[]) => any) | undefined;
"onUpdate:id"?: ((...args: any[]) => any) | undefined;
"onUpdate:src"?: ((...args: any[]) => any) | undefined;
"onUpdate:alt"?: ((...args: any[]) => any) | undefined;
"onUpdate:attachments"?: ((...args: any[]) => any) | undefined;
"onUpdate:author"?: ((...args: any[]) => any) | undefined;
"onUpdate:isDeleted"?: ((...args: any[]) => any) | undefined;
"onUpdate:isEdited"?: ((...args: any[]) => any) | undefined;
"onUpdate:timestamp"?: ((...args: any[]) => any) | undefined;
}, {
isDeleted: boolean;
isEdited: boolean;
}>;
declare const DxCustomSpeechRecognizer: import("vue").DefineComponent<{
enabled: BooleanConstructor;
isListening: BooleanConstructor;
}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:isActive": null;
"update:hoveredElement": null;
"update:enabled": null;
"update:isListening": null;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
enabled: BooleanConstructor;
isListening: BooleanConstructor;
}>> & {
"onUpdate:isActive"?: ((...args: any[]) => any) | undefined;
"onUpdate:hoveredElement"?: ((...args: any[]) => any) | undefined;
"onUpdate:enabled"?: ((...args: any[]) => any) | undefined;
"onUpdate:isListening"?: ((...args: any[]) => any) | undefined;
}, {
enabled: boolean;
isListening: boolean;
}>;
declare const DxDayHeaderFormat: import("vue").DefineComponent<{
currency: StringConstructor;
formatter: PropType<(value: number | Date) => string>;
parser: PropType<(value: string) => number | Date>;
precision: NumberConstructor;
type: PropType<string>;
useCurrencyAccountingStyle: BooleanConstructor;
}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:isActive": null;
"update:hoveredElement": null;
"update:currency": null;
"update:formatter": null;
"update:parser": null;
"update:precision": null;
"update:type": null;
"update:useCurrencyAccountingStyle": null;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
currency: StringConstructor;
formatter: PropType<(value: number | Date) => string>;
parser: PropType<(value: string) => number | Date>;
precision: NumberConstructor;
type: PropType<string>;
useCurrencyAccountingStyle: BooleanConstructor;
}>> & {
"onUpdate:isActive"?: ((...args: any[]) => any) | undefined;
"onUpdate:hoveredElement"?: ((...args: any[]) => any) | undefined;
"onUpdate:type"?: ((...args: any[]) => any) | undefined;
"onUpdate:currency"?: ((...args: any[]) => any) | undefined;
"onUpdate:formatter"?: ((...args: any[]) => any) | undefined;
"onUpdate:parser"?: ((...args: any[]) => any) | undefined;
"onUpdate:precision"?: ((...args: any[]) => any) | undefined;
"onUpdate:useCurrencyAccountingStyle"?: ((...args: any[]) => any) | undefined;
}, {
useCurrencyAccountingStyle: boolean;
}>;
declare const DxEditing: import("vue").DefineComponent<{
allowDeleting: PropType<boolean | ((options: {
component: dxChat;
message: Message;
}) => boolean)>;
allowUpdating: PropType<boolean | ((options: {
component: dxChat;
message: Message;
}) => boolean)>;
}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:isActive": null;
"update:hoveredElement": null;
"update:allowDeleting": null;
"update:allowUpdating": null;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
allowDeleting: PropType<boolean | ((options: {
component: dxChat;
message: Message;
}) => boolean)>;
allowUpdating: PropType<boolean | ((options: {
component: dxChat;
message: Message;
}) => boolean)>;
}>> & {
"onUpdate:isActive"?: ((...args: any[]) => any) | undefined;
"onUpdate:hoveredElement"?: ((...args: any[]) => any) | undefined;
"onUpdate:allowDeleting"?: ((...args: any[]) => any) | undefined;
"onUpdate:allowUpdating"?: ((...args: any[]) => any) | undefined;
}, {}>;
declare const DxFileUploaderOptions: import("vue").DefineComponent<{
abortUpload: PropType<(file: any, uploadInfo?: UploadInfo) => any>;
accept: StringConstructor;
accessKey: StringConstructor;
activeStateEnabled: BooleanConstructor;
allowCanceling: BooleanConstructor;
allowedFileExtensions: PropType<string[]>;
chunkSize: NumberConstructor;
dialogTrigger: {};
disabled: BooleanConstructor;
dropZone: {};
elementAttr: PropType<Record<string, any>>;
focusStateEnabled: BooleanConstructor;
height: (NumberConstructor | StringConstructor)[];
hint: StringConstructor;
hoverStateEnabled: BooleanConstructor;
inputAttr: {};
invalidFileExtensionMessage: StringConstructor;
invalidMaxFileSizeMessage: StringConstructor;
invalidMinFileSizeMessage: StringConstructor;
isDirty: BooleanConstructor;
isValid: BooleanConstructor;
labelText: StringConstructor;
maxFileSize: NumberConstructor;
minFileSize: NumberConstructor;
multiple: BooleanConstructor;
name: StringConstructor;
onBeforeSend: PropType<(e: BeforeSendEvent) => void>;
onContentReady: PropType<(e: ContentReadyEvent) => void>;
onDisposing: PropType<(e: FileUploaderDisposingEvent) => void>;
onDropZoneEnter: PropType<(e: DropZoneEnterEvent) => void>;
onDropZoneLeave: PropType<(e: DropZoneLeaveEvent) => void>;
onFilesUploaded: PropType<(e: FilesUploadedEvent) => void>;
onInitialized: PropType<(e: FileUploaderInitializedEvent) => void>;
onOptionChanged: PropType<(e: FileUploaderOptionChangedEvent) => void>;
onProgress: PropType<(e: ProgressEvent) => void>;
onUploadAborted: PropType<(e: UploadAbortedEvent) => void>;
onUploaded: PropType<(e: UploadedEvent) => void>;
onUploadError: PropType<(e: UploadErrorEvent) => void>;
onUploadStarted: PropType<(e: UploadStartedEvent) => void>;
onValueChanged: PropType<(e: ValueChangedEvent) => void>;
progress: NumberConstructor;
readOnly: BooleanConstructor;
readyToUploadMessage: StringConstructor;
rtlEnabled: BooleanConstructor;
selectButtonText: StringConstructor;
showFileList: BooleanConstructor;
tabIndex: NumberConstructor;
uploadAbortedMessage: StringConstructor;
uploadButtonText: StringConstructor;
uploadChunk: PropType<(file: any, uploadInfo: UploadInfo) => any>;
uploadCustomData: {};
uploadedMessage: StringConstructor;
uploadFailedMessage: StringConstructor;
uploadFile: PropType<(file: any, progressCallback: (() => void)) => any>;
uploadHeaders: {};
uploadMethod: PropType<UploadHttpMethod>;
uploadMode: PropType<FileUploadMode>;
uploadUrl: StringConstructor;
validationError: {};
validationErrors: PropType<any[] | null>;
validationStatus: PropType<ValidationStatus>;
value: PropType<any[]>;
visible: BooleanConstructor;
width: (NumberConstructor | StringConstructor)[];
}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:isActive": null;
"update:hoveredElement": null;
"update:abortUpload": null;
"update:accept": null;
"update:accessKey": null;
"update:activeStateEnabled": null;
"update:allowCanceling": null;
"update:allowedFileExtensions": null;
"update:chunkSize": null;
"update:dialogTrigger": null;
"update:disabled": null;
"update:dropZone": null;
"update:elementAttr": null;
"update:focusStateEnabled": null;
"update:height": null;
"update:hint": null;
"update:hoverStateEnabled": null;
"update:inputAttr": null;
"update:invalidFileExtensionMessage": null;
"update:invalidMaxFileSizeMessage": null;
"update:invalidMinFileSizeMessage": null;
"update:isDirty": null;
"update:isValid": null;
"update:labelText": null;
"update:maxFileSize": null;
"update:minFileSize": null;
"update:multiple": null;
"update:name": null;
"update:onBeforeSend": null;
"update:onContentReady": null;
"update:onDisposing": null;
"update:onDropZoneEnter": null;
"update:onDropZoneLeave": null;
"update:onFilesUploaded": null;
"update:onInitialized": null;
"update:onOptionChanged": null;
"update:onProgress": null;
"update:onUploadAborted": null;
"update:onUploaded": null;
"update:onUploadError": null;
"update:onUploadStarted": null;
"update:onValueChanged": null;
"update:progress": null;
"update:readOnly": null;
"update:readyToUploadMessage": null;
"update:rtlEnabled": null;
"update:selectButtonText": null;
"update:showFileList": null;
"update:tabIndex": null;
"update:uploadAbortedMessage": null;
"update:uploadButtonText": null;
"update:uploadChunk": null;
"update:uploadCustomData": null;
"update:uploadedMessage": null;
"update:uploadFailedMessage": null;
"update:uploadFile": null;
"update:uploadHeaders": null;
"update:uploadMethod": null;
"update:uploadMode": null;
"update:uploadUrl": null;
"update:validationError": null;
"update:validationErrors": null;
"update:validationStatus": null;
"update:value": null;
"update:visible": null;
"update:width": null;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
abortUpload: PropType<(file: any, uploadInfo?: UploadInfo) => any>;
accept: StringConstructor;
accessKey: StringConstructor;
activeStateEnabled: BooleanConstructor;
allowCanceling: BooleanConstructor;
allowedFileExtensions: PropType<string[]>;
chunkSize: NumberConstructor;
dialogTrigger: {};
disabled: BooleanConstructor;
dropZone: {};
elementAttr: PropType<Record<string, any>>;
focusStateEnabled: BooleanConstructor;
height: (NumberConstructor | StringConstructor)[];
hint: StringConstructor;
hoverStateEnabled: BooleanConstructor;
inputAttr: {};
invalidFileExtensionMessage: StringConstructor;
invalidMaxFileSizeMessage: StringConstructor;
invalidMinFileSizeMessage: StringConstructor;
isDirty: BooleanConstructor;
isValid: BooleanConstructor;
labelText: StringConstructor;
maxFileSize: NumberConstructor;
minFileSize: NumberConstructor;
multiple: BooleanConstructor;
name: StringConstructor;
onBeforeSend: PropType<(e: BeforeSendEvent) => void>;
onContentReady: PropType<(e: ContentReadyEvent) => void>;
onDisposing: PropType<(e: FileUploaderDisposingEvent) => void>;
onDropZoneEnter: PropType<(e: DropZoneEnterEvent) => void>;
onDropZoneLeave: PropType<(e: DropZoneLeaveEvent) => void>;
onFilesUploaded: PropType<(e: FilesUploadedEvent) => void>;
onInitialized: PropType<(e: FileUploaderInitializedEvent) => void>;
onOptionChanged: PropType<(e: FileUploaderOptionChangedEvent) => void>;
onProgress: PropType<(e: ProgressEvent) => void>;
onUploadAborted: PropType<(e: UploadAbortedEvent) => void>;
onUploaded: PropType<(e: UploadedEvent) => void>;
onUploadError: PropType<(e: UploadErrorEvent) => void>;
onUploadStarted: PropType<(e: UploadStartedEvent) => void>;
onValueChanged: PropType<(e: ValueChangedEvent) => void>;
progress: NumberConstructor;
readOnly: BooleanConstructor;
readyToUploadMessage: StringConstructor;
rtlEnabled: BooleanConstructor;
selectButtonText: StringConstructor;
showFileList: BooleanConstructor;
tabIndex: NumberConstructor;
uploadAbortedMessage: StringConstructor;
uploadButtonText: StringConstructor;
uploadChunk: PropType<(file: any, uploadInfo: UploadInfo) => any>;
uploadCustomData: {};
uploadedMessage: StringConstructor;
uploadFailedMessage: StringConstructor;
uploadFile: PropType<(file: any, progressCallback: (() => void)) => any>;
uploadHeaders: {};
uploadMethod: PropType<UploadHttpMethod>;
uploadMode: PropType<FileUploadMode>;
uploadUrl: StringConstructor;
validationError: {};
validationErrors: PropType<any[] | null>;
validationStatus: PropType<ValidationStatus>;
value: PropType<any[]>;
visible: BooleanConstructor;
width: (NumberConstructor | StringConstructor)[];
}>> & {
"onUpdate:isActive"?: ((...args: any[]) => any) | undefined;
"onUpdate:hoveredElement"?: ((...args: any[]) => any) | undefined;
"onUpdate:disabled"?: ((...args: any[]) => any) | undefined;
"onUpdate:elementAttr"?: ((...args: any[]) => any) | undefined;
"onUpdate:onDisposing"?: ((...args: any[]) => any) | undefined;
"onUpdate:onInitialized"?: ((...args: any[]) => any) | undefined;
"onUpdate:onOptionChanged"?: ((...args: any[]) => any) | undefined;
"onUpdate:rtlEnabled"?: ((...args: any[]) => any) | undefined;
"onUpdate:height"?: ((...args: any[]) => any) | undefined;
"onUpdate:name"?: ((...args: any[]) => any) | undefined;
"onUpdate:width"?: ((...args: any[]) => any) | undefined;
"onUpdate:visible"?: ((...args: any[]) => any) | undefined;
"onUpdate:hoverStateEnabled"?: ((...args: any[]) => any) | undefined;
"onUpdate:onContentReady"?: ((...args: any[]) => any) | undefined;
"onUpdate:accessKey"?: ((...args: any[]) => any) | undefined;
"onUpdate:activeStateEnabled"?: ((...args: any[]) => any) | undefined;
"onUpdate:focusStateEnabled"?: ((...args: any[]) => any) | undefined;
"onUpdate:hint"?: ((...args: any[]) => any) | undefined;
"onUpdate:tabIndex"?: ((...args: any[]) => any) | undefined;
"onUpdate:inputAttr"?: ((...args: any[]) => any) | undefined;
"onUpdate:isDirty"?: ((...args: any[]) => any) | undefined;
"onUpdate:isValid"?: ((...args: any[]) => any) | undefined;
"onUpdate:onValueChanged"?: ((...args: any[]) => any) | undefined;
"onUpdate:readOnly"?: ((...args: any[]) => any) | undefined;
"onUpdate:validationError"?: ((...args: any[]) => any) | undefined;
"onUpdate:validationErrors"?: ((...args: any[]) => any) | undefined;
"onUpdate:validationStatus"?: ((...args: any[]) => any) | undefined;
"onUpdate:value"?: ((...args: any[]) => any) | undefined;
"onUpdate:multiple"?: ((...args: any[]) => any) | undefined;
"onUpdate:abortUpload"?: ((...args: any[]) => any) | undefined;
"onUpdate:accept"?: ((...args: any[]) => any) | undefined;
"onUpdate:allowCanceling"?: ((...args: any[]) => any) | undefined;
"onUpdate:allowedFileExtensions"?: ((...args: any[]) => any) | undefined;
"onUpdate:chunkSize"?: ((...args: any[]) => any) | undefined;
"onUpdate:dialogTrigger"?: ((...args: any[]) => any) | undefined;
"onUpdate:dropZone"?: ((...args: any[]) => any) | undefined;
"onUpdate:invalidFileExtensionMessage"?: ((...args: any[]) => any) | undefined;
"onUpdate:invalidMaxFileSizeMessage"?: ((...args: any[]) => any) | undefined;
"onUpdate:invalidMinFileSizeMessage"?: ((...args: any[]) => any) | undefined;
"onUpdate:labelText"?: ((...args: any[]) => any) | undefined;
"onUpdate:maxFileSize"?: ((...args: any[]) => any) | undefined;
"onUpdate:minFileSize"?: ((...args: any[]) => any) | undefined;
"onUpdate:onBeforeSend"?: ((...args: any[]) => any) | undefined;
"onUpdate:onDropZoneEnter"?: ((...args: any[]) => any) | undefined;
"onUpdate:onDropZoneLeave"?: ((...args: any[]) => any) | undefined;
"onUpdate:onFilesUploaded"?: ((...args: any[]) => any) | undefined;
"onUpdate:onProgress"?: ((...args: any[]) => any) | undefined;
"onUpdate:onUploadAborted"?: ((...args: any[]) => any) | undefined;
"onUpdate:onUploaded"?: ((...args: any[]) => any) | undefined;
"onUpdate:onUploadError"?: ((...args: any[]) => any) | undefined;
"onUpdate:onUploadStarted"?: ((...args: any[]) => any) | undefined;
"onUpdate:progress"?: ((...args: any[]) => any) | undefined;
"onUpdate:readyToUploadMessage"?: ((...args: any[]) => any) | undefined;
"onUpdate:selectButtonText"?: ((...args: any[]) => any) | undefined;
"onUpdate:showFileList"?: ((...args: any[]) => any) | undefined;
"onUpdate:uploadAbortedMessage"?: ((...args: any[]) => any) | undefined;
"onUpdate:uploadButtonText"?: ((...args: any[]) => any) | undefined;
"onUpdate:uploadChunk"?: ((...args: any[]) => any) | undefined;
"onUpdate:uploadCustomData"?: ((...args: any[]) => any) | undefined;
"onUpdate:uploadedMessage"?: ((...args: any[]) => any) | undefined;
"onUpdate:uploadFailedMessage"?: ((...args: any[]) => any) | undefined;
"onUpdate:uploadFile"?: ((...args: any[]) => any) | undefined;
"onUpdate:uploadHeaders"?: ((...args: any[]) => any) | undefined;
"onUpdate:uploadMethod"?: ((...args: any[]) => any) | undefined;
"onUpdate:uploadMode"?: ((...args: any[]) => any) | undefined;
"onUpdate:uploadUrl"?: ((...args: any[]) => any) | undefined;
}, {
disabled: boolean;
rtlEnabled: boolean;
visible: boolean;
multiple: boolean;
hoverStateEnabled: boolean;
activeStateEnabled: boolean;
focusStateEnabled: boolean;
isDirty: boolean;
isValid: boolean;
readOnly: boolean;
allowCanceling: boolean;
showFileList: boolean;
}>;
declare const DxItem: import("vue").DefineComponent<{
alt: StringConstructor;
attachments: PropType<Attachment[]>;
author: PropType<Record<string, any> | User>;
disabled: BooleanConstructor;
elementAttr: PropType<Record<string, any>>;
hint: StringConstructor;
icon: StringConstructor;
id: (NumberConstructor | StringConstructor)[];
isDeleted: BooleanConstructor;
isEdited: BooleanConstructor;
src: StringConstructor;
template: {};
text: StringConstructor;
timestamp: (DateConstructor | NumberConstructor | StringConstructor)[];
type: PropType<string>;
visible: BooleanConstructor;
}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:isActive": null;
"update:hoveredElement": null;
"update:alt": null;
"update:attachments": null;
"update:author": null;
"update:disabled": null;
"update:elementAttr": null;
"update:hint": null;
"update:icon": null;
"update:id": null;
"update:isDeleted": null;
"update:isEdited": null;
"update:src": null;
"update:template": null;
"update:text": null;
"update:timestamp": null;
"update:type": null;
"update:visible": null;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
alt: StringConstructor;
attachments: PropType<Attachment[]>;
author: PropType<Record<string, any> | User>;
disabled: BooleanConstructor;
elementAttr: PropType<Record<string, any>>;
hint: StringConstructor;
icon: StringConstructor;
id: (NumberConstructor | StringConstructor)[];
isDeleted: BooleanConstructor;
isEdited: BooleanConstructor;
src: StringConstructor;
template: {};
text: StringConstructor;
timestamp: (DateConstructor | NumberConstructor | StringConstructor)[];
type: PropType<string>;
visible: BooleanConstructor;
}>> & {
"onUpdate:isActive"?: ((...args: any[]) => any) | undefined;
"onUpdate:hoveredElement"?: ((...args: any[]) => any) | undefined;
"onUpdate:disabled"?: ((...args: any[]) => any) | undefined;
"onUpdate:elementAttr"?: ((...args: any[]) => any) | undefined;
"onUpdate:template"?: ((...args: any[]) => any) | undefined;
"onUpdate:text"?: ((...args: any[]) => any) | undefined;
"onUpdate:type"?: ((...args: any[]) => any) | undefined;
"onUpdate:visible"?: ((...args: any[]) => any) | undefined;
"onUpdate:hint"?: ((...args: any[]) => any) | undefined;
"onUpdate:icon"?: ((...args: any[]) => any) | undefined;
"onUpdate:id"?: ((...args: any[]) => any) | undefined;
"onUpdate:src"?: ((...args: any[]) => any) | undefined;
"onUpdate:alt"?: ((...args: any[]) => any) | undefined;
"onUpdate:attachments"?: ((...args: any[]) => any) | undefined;
"onUpdate:author"?: ((...args: any[]) => any) | undefined;
"onUpdate:isDeleted"?: ((...args: any[]) => any) | undefined;
"onUpdate:isEdited"?: ((...args: any[]) => any) | undefined;
"onUpdate:timestamp"?: ((...args: any[]) => any) | undefined;
}, {
disabled: boolean;
visible: boolean;
isDeleted: boolean;
isEdited: boolean;
}>;
declare const DxMessageTimestampFormat: import("vue").DefineComponent<{
currency: StringConstructor;
formatter: PropType<(value: number | Date) => string>;
parser: PropType<(value: string) => number | Date>;
precision: NumberConstructor;
type: PropType<string>;
useCurrencyAccountingStyle: BooleanConstructor;
}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:isActive": null;
"update:hoveredElement": null;
"update:currency": null;
"update:formatter": null;
"update:parser": null;
"update:precision": null;
"update:type": null;
"update:useCurrencyAccountingStyle": null;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
currency: StringConstructor;
formatter: PropType<(value: number | Date) => string>;
parser: PropType<(value: string) => number | Date>;
precision: NumberConstructor;
type: PropType<string>;
useCurrencyAccountingStyle: BooleanConstructor;
}>> & {
"onUpdate:isActive"?: ((...args: any[]) => any) | undefined;
"onUpdate:hoveredElement"?: ((...args: any[]) => any) | undefined;
"onUpdate:type"?: ((...args: any[]) => any) | undefined;
"onUpdate:currency"?: ((...args: any[]) => any) | undefined;
"onUpdate:formatter"?: ((...args: any[]) => any) | undefined;
"onUpdate:parser"?: ((...args: any[]) => any) | undefined;
"onUpdate:precision"?: ((...args: any[]) => any) | undefined;
"onUpdate:useCurrencyAccountingStyle"?: ((...args: any[]) => any) | undefined;
}, {
useCurrencyAccountingStyle: boolean;
}>;
declare const DxSendButtonOptions: import("vue").DefineComponent<{
action: PropType<SendButtonAction>;
icon: StringConstructor;
onClick: PropType<(e: SendButtonClickEvent) => void>;
}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:isActive": null;
"update:hoveredElement": null;
"update:action": null;
"update:icon": null;
"update:onClick": null;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
action: PropType<SendButtonAction>;
icon: StringConstructor;
onClick: PropType<(e: SendButtonClickEvent) => void>;
}>> & {
"onUpdate:isActive"?: ((...args: any[]) => any) | undefined;
"onUpdate:hoveredElement"?: ((...args: any[]) => any) | undefined;
"onUpdate:onClick"?: ((...args: any[]) => any) | undefined;
"onUpdate:icon"?: ((...args: any[]) => any) | undefined;
"onUpdate:action"?: ((...args: any[]) => any) | undefined;
}, {}>;
declare const DxSpeechRecognitionConfig: import("vue").DefineComponent<{
continuous: BooleanConstructor;
grammars: PropType<string[]>;
interimResults: BooleanConstructor;
lang: StringConstructor;
maxAlternatives: NumberConstructor;
}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:isActive": null;
"update:hoveredElement": null;
"update:continuous": null;
"update:grammars": null;
"update:interimResults": null;
"update:lang": null;
"update:maxAlternatives": null;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
continuous: BooleanConstructor;
grammars: PropType<string[]>;
interimResults: BooleanConstructor;
lang: StringConstructor;
maxAlternatives: NumberConstructor;
}>> & {
"onUpdate:isActive"?: ((...args: any[]) => any) | undefined;
"onUpdate:hoveredElement"?: ((...args: any[]) => any) | undefined;
"onUpdate:continuous"?: ((...args: any[]) => any) | undefined;
"onUpdate:grammars"?: ((...args: any[]) => any) | undefined;
"onUpdate:interimResults"?: ((...args: any[]) => any) | undefined;
"onUpdate:lang"?: ((...args: any[]) => any) | undefined;
"onUpdate:maxAlternatives"?: ((...args: any[]) => any) | undefined;
}, {
continuous: boolean;
interimResults: boolean;
}>;
declare const DxSpeechToTextOptions: import("vue").DefineComponent<{
accessKey: StringConstructor;
activeStateEnabled: BooleanConstructor;
customSpeechRecognizer: PropType<Record<string, any> | CustomSpeechRecognizer>;
disabled: BooleanConstructor;
elementAttr: PropType<Record<string, any>>;
focusStateEnabled: BooleanConstructor;
height: (NumberConstructor | StringConstructor)[];
hint: StringConstructor;
hoverStateEnabled: BooleanConstructor;
onContentReady: PropType<(e: SpeechToTextContentReadyEvent) => void>;
onDisposing: PropType<(e: SpeechToTextDisposingEvent) => void>;
onEnd: PropType<(e: EndEvent) => void>;
onError: PropType<(e: ErrorEvent) => void>;
onInitialized: PropType<(e: SpeechToTextInitializedEvent) => void>;
onOptionChanged: PropType<(e: SpeechToTextOptionChangedEvent) => void>;
onResult: PropType<(e: ResultEvent) => void>;
onStartClick: PropType<(e: StartClickEvent) => void>;
onStopClick: PropType<(e: StopClickEvent) => void>;
rtlEnabled: BooleanConstructor;
speechRecognitionConfig: PropType<Record<string, any> | SpeechRecognitionConfig>;
startIcon: StringConstructor;
startText: StringConstructor;
stopIcon: StringConstructor;
stopText: StringConstructor;
stylingMode: PropType<ButtonStyle>;
tabIndex: NumberConstructor;
type: PropType<string>;
visible: BooleanConstructor;
width: (NumberConstructor | StringConstructor)[];
}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:isActive": null;
"update:hoveredElement": null;
"update:accessKey": null;
"update:activeStateEnabled": null;
"update:customSpeechRecognizer": null;
"update:disabled": null;
"update:elementAttr": null;
"update:focusStateEnabled": null;
"update:height": null;
"update:hint": null;
"update:hoverStateEnabled": null;
"update:onContentReady": null;
"update:onDisposing": null;
"update:onEnd": null;
"update:onError": null;
"update:onInitialized": null;
"update:onOptionChanged": null;
"update:onResult": null;
"update:onStartClick": null;
"update:onStopClick": null;
"update:rtlEnabled": null;
"update:speechRecognitionConfig": null;
"update:startIcon": null;
"update:startText": null;
"update:stopIcon": null;
"update:stopText": null;
"update:stylingMode": null;
"update:tabIndex": null;
"update:type": null;
"update:visible": null;
"update:width": null;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
accessKey: StringConstructor;
activeStateEnabled: BooleanConstructor;
customSpeechRecognizer: PropType<Record<string, any> | CustomSpeechRecognizer>;
disabled: BooleanConstructor;
elementAttr: PropType<Record<string, any>>;
focusStateEnabled: BooleanConstructor;
height: (NumberConstructor | StringConstructor)[];
hint: StringConstructor;
hoverStateEnabled: BooleanConstructor;
onContentReady: PropType<(e: SpeechToTextContentReadyEvent) => void>;
onDisposing: PropType<(e: SpeechToTextDisposingEvent) => void>;
onEnd: PropType<(e: EndEvent) => void>;
onError: PropType<(e: ErrorEvent) => void>;
onInitialized: PropType<(e: SpeechToTextInitializedEvent) => void>;
onOptionChanged: PropType<(e: SpeechToTextOptionChangedEvent) => void>;
onResult: PropType<(e: ResultEvent) => void>;
onStartClick: PropType<(e: StartClickEvent) => void>;
onStopClick: PropType<(e: StopClickEvent) => void>;
rtlEnabled: BooleanConstructor;
speechRecognitionConfig: PropType<Record<string, any> | SpeechRecognitionConfig>;
startIcon: StringConstructor;
startText: StringConstructor;
stopIcon: StringConstructor;
stopText: StringConstructor;
stylingMode: PropType<ButtonStyle>;
tabIndex: NumberConstructor;
type: PropType<string>;
visible: BooleanConstructor;
width: (NumberConstructor | StringConstructor)[];
}>> & {
"onUpdate:isActive"?: ((...args: any[]) => any) | undefined;
"onUpdate:hoveredElement"?: ((...args: any[]) => any) | undefined;
"onUpdate:disabled"?: ((...args: any[]) => any) | undefined;
"onUpdate:elementAttr"?: ((...args: any[]) => any) | undefined;
"onUpdate:onDisposing"?: ((...args: any[]) => any) | undefined;
"onUpdate:onInitialized"?: ((...args: any[]) => any) | undefined;
"onUpdate:onOptionChanged"?: ((...args: any[]) => any) | undefined;
"onUpdate:rtlEnabled"?: ((...args: any[]) => any) | undefined;
"onUpdate:height"?: ((...args: any[]) => any) | undefined;
"onUpdate:type"?: ((...args: any[]) => any) | undefined;
"onUpdate:width"?: ((...args: any[]) => any) | undefined;
"onUpdate:visible"?: ((...args: any[]) => any) | undefined;
"onUpdate:hoverStateEnabled"?: ((...args: any[]) => any) | undefined;
"onUpdate:onContentReady"?: ((...args: any[]) => any) | undefined;
"onUpdate:accessKey"?: ((...args: any[]) => any) | undefined;
"onUpdate:activeStateEnabled"?: ((...args: any[]) => any) | undefined;
"onUpdate:focusStateEnabled"?: ((...args: any[]) => any) | undefined;
"onUpdate:hint"?: ((...args: any[]) => any) | undefined;
"onUpdate:tabIndex"?: ((...args: any[]) => any) | undefined;
"onUpdate:stylingMode"?: ((...args: any[]) => any) | undefined;
"onUpdate:customSpeechRecognizer"?: ((...args: any[]) => any) | undefined;
"onUpdate:onEnd"?: ((...args: any[]) => any) | undefined;
"onUpdate:onError"?: ((...args: any[]) => any) | undefined;
"onUpdate:onResult"?: ((...args: any[]) => any) | undefined;
"onUpdate:onStartClick"?: ((...args: any[]) => any) | undefined;
"onUpdate:onStopClick"?: ((...args: any[]) => any) | undefined;
"onUpdate:speechRecognitionConfig"?: ((...args: any[]) => any) | undefined;
"onUpdate:startIcon"?: ((...args: any[]) => any) | undefined;
"onUpdate:startText"?: ((...args: any[]) => any) | undefined;
"onUpdate:stopIcon"?: ((...args: any[]) => any) | undefined;
"onUpdate:stopText"?: ((...args: any[]) => any) | undefined;
}, {
disabled: boolean;
rtlEnabled: boolean;
visible: boolean;
hoverStateEnabled: boolean;
activeStateEnabled: boolean;
focusStateEnabled: boolean;
}>;
declare const DxSuggestions: import("vue").DefineComponent<{
accessKey: StringConstructor;
activeStateEnabled: BooleanConstructor;
buttonTemplate: {};
disabled: BooleanConstructor;
elementAttr: PropType<Record<string, any>>;
focusStateEnabled: BooleanConstructor;
height: (NumberConstructor | StringConstructor)[];
hint: StringConstructor;
hoverStateEnabled: BooleanConstructor;
items: PropType<dxButtonGroupItem[]>;
keyExpr: PropType<string | ((item: any) => any)>;
onContentReady: PropType<(e: ButtonGroupContentReadyEvent) => void>;
onDisposing: PropType<(e: ButtonGroupDisposingEvent) => void>;
onInitialized: PropType<(e: ButtonGroupInitializedEvent) => void>;
onItemClick: PropType<(e: ItemClickEvent) => void>;
onOptionChanged: PropType<(e: ButtonGroupOptionChangedEvent) => void>;
onSelectionChanged: PropType<(e: SelectionChangedEvent) => void>;
rtlEnabled: BooleanConstructor;
selectedItemKeys: PropType<any[]>;
selectedItems: PropType<any[]>;
selectionMode: PropType<SingleMultipleOrNone>;
stylingMode: PropType<ButtonStyle>;
tabIndex: NumberConstructor;
visible: BooleanConstructor;
width: (NumberConstructor | StringConstructor)[];
}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:isActive": null;
"update:hoveredElement": null;
"update:accessKey": null;
"update:activeStateEnabled": null;
"update:buttonTemplate": null;
"update:disabled": null;
"update:elementAttr": null;
"update:focusStateEnabled": null;
"update:height": null;
"update:hint": null;
"update:hoverStateEnabled": null;
"update:items": null;
"update:keyExpr": null;
"update:onContentReady": null;
"update:onDisposing": null;
"update:onInitialized": null;
"update:onItemClick": null;
"update:onOptionChanged": null;
"update:onSelectionChanged": null;
"update:rtlEnabled": null;
"update:selectedItemKeys": null;
"update:selectedItems": null;
"update:selectionMode": null;
"update:stylingMode": null;
"update:tabIndex": null;
"update:visible": null;
"update:width": null;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
accessKey: StringConstructor;
activeStateEnabled: BooleanConstructor;
buttonTemplate: {};
disabled: BooleanConstructor;
elementAttr: PropType<Record<string, any>>;
focusStateEnabled: BooleanConstructor;
height: (NumberConstructor | StringConstructor)[];
hint: StringConstructor;
hoverStateEnabled: BooleanConstructor;
items: PropType<dxButtonGroupItem[]>;
keyExpr: PropType<string | ((item: any) => any)>;
onContentReady: PropType<(e: ButtonGroupContentReadyEvent) => void>;
onDisposing: PropType<(e: ButtonGroupDisposingEvent) => void>;
onInitialized: PropType<(e: ButtonGroupInitializedEvent) => void>;
onItemClick: PropType<(e: ItemClickEvent) => void>;
onOptionChanged: PropType<(e: ButtonGroupOptionChangedEvent) => void>;
onSelectionChanged: PropType<(e: SelectionChangedEvent) => void>;
rtlEnabled: BooleanConstructor;
selectedItemKeys: PropType<any[]>;
selectedItems: PropType<any[]>;
selectionMode: PropType<SingleMultipleOrNone>;
stylingMode: PropType<ButtonStyle>;
tabIndex: NumberConstructor;
visible: BooleanConstructor;
width: (NumberConstructor | StringConstructor)[];
}>> & {
"onUpdate:isActive"?: ((...args: any[]) => any) | undefined;
"onUpdate:hoveredElement"?: ((...args: any[]) => any) | undefined;
"onUpdate:disabled"?: ((...args: any[]) => any) | undefined;
"onUpdate:elementAttr"?: ((...args: any[]) => any) | undefined;
"onUpdate:onDisposing"?: ((...args: any[]) => any) | undefined;
"onUpdate:onInitialized"?: ((...args: any[]) => any) | undefined;
"onUpdate:onOptionChanged"?: ((...args: any[]) => any) | undefined;
"onUpdate:onSelectionChanged"?: ((...args: any[]) => any) | undefined;
"onUpdate:rtlEnabled"?: ((...args: any[]) => any) | undefined;
"onUpdate:height"?: ((...args: any[]) => any) | undefined;
"onUpdate:width"?: ((...args: any[]) => any) | undefined;
"onUpdate:visible"?: ((...args: any[]) => any) | undefined;
"onUpdate:selectionMode"?: ((...args: any[]) => any) | undefined;
"onUpdate:hoverStateEnabled"?: ((...args: any[]) => any) | undefined;
"onUpdate:items"?: ((...args: any[]) => any) | undefined;
"onUpdate:onContentReady"?: ((...args: any[]) => any) | undefined;
"onUpdate:onItemClick"?: ((...args: any[]) => any) | undefined;
"onUpdate:accessKey"?: ((...args: any[]) => any) | undefined;
"onUpdate:activeStateEnabled"?: ((...args: any[]) => any) | undefined;
"onUpdate:focusStateEnabled"?: ((...args: any[]) => any) | undefined;
"onUpdate:hint"?: ((...args: any[]) => any) | undefined;
"onUpdate:keyExpr"?: ((...args: any[]) => any) | undefined;
"onUpdate:tabIndex"?: ((...args: any[]) => any) | undefined;
"onUpdate:stylingMode"?: ((...args: any[]) => any) | undefined;
"onUpdate:selectedItems"?: ((...args: any[]) => any) | undefined;
"onUpdate:selectedItemKeys"?: ((...args: any[]) => any) | undefined;
"onUpdate:buttonTemplate"?: ((...args: any[]) => any) | undefined;
}, {
disabled: boolean;
rtlEnabled: boolean;
visible: boolean;
hoverStateEnabled: boolean;
activeStateEnabled: boolean;
focusStateEnabled: boolean;
}>;
declare const DxSuggestionsItem: import("vue").DefineComponent<{
disabled: BooleanConstructor;
elementAttr: PropType<Record<string, any>>;
hint: StringConstructor;
icon: StringConstructor;
template: {};
text: StringConstructor;
type: PropType<string>;
visible: BooleanConstructor;
}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:isActive": null;
"update:hoveredElement": null;
"update:disabled": null;
"update:elementAttr": null;
"update:hint": null;
"update:icon": null;
"update:template": null;
"update:text": null;
"update:type": null;
"update:visible": null;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
disabled: BooleanConstructor;
elementAttr: PropType<Record<string, any>>;
hint: StringConstructor;
icon: StringConstructor;
template: {};
text: StringConstructor;
type: PropType<string>;
visible: BooleanConstructor;
}>> & {
"onUpdate:isActive"?: ((...args: any[]) => any) | undefined;
"onUpdate:hoveredElement"?: ((...args: any[]) => any) | undefined;
"onUpdate:disabled"?: ((...args: any[]) => any) | undefined;
"onUpdate:elementAttr"?: ((...args: any[]) => any) | undefined;
"onUpdate:template"?: ((...args: any[]) => any) | undefined;
"onUpdate:text"?: ((...args: any[]) => any) | undefined;
"onUpdate:type"?: ((...args: any[]) => any) | undefined;
"onUpdate:visible"?: ((...args: any[]) => any) | undefined;
"onUpdate:hint"?: ((...args: any[]) => any) | undefined;
"onUpdate:icon"?: ((...args: any[]) => any) | undefined;
}, {
disabled: boolean;
visible: boolean;
}>;
declare const DxTypingUser: import("vue").DefineComponent<{
avatarAlt: StringConstructor;
avatarUrl: StringConstructor;
id: (NumberConstructor | StringConstructor)[];
name: StringConstructor;
}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:isActive": null;
"update:hoveredElement": null;
"update:avatarAlt": null;
"update:avatarUrl": null;
"update:id": null;
"update:name": null;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
avatarAlt: StringConstructor;
avatarUrl: StringConstructor;
id: (NumberConstructor | StringConstructor)[];
name: StringConstructor;
}>> & {
"onUpdate:isActive"?: ((...args: any[]) => any) | undefined;
"onUpdate:hoveredElement"?: ((...args: any[]) => any) | undefined;
"onUpdate:name"?: ((...args: any[]) => any) | undefined;
"onUpdate:id"?: ((...args: any[]) => any) | undefined;
"onUpdate:avatarAlt"?: ((...args: any[]) => any) | undefined;
"onUpdate:avatarUrl"?: ((...args: any[]) => any) | undefined;
}, {}>;
declare const DxUser: import("vue").DefineComponent<{
avatarAlt: StringConstructor;
avatarUrl: StringConstructor;
id: (NumberConstructor | StringConstructor)[];
name: StringConstructor;
}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:isActive": null;
"update:hoveredElement": null;
"update:avatarAlt": null;
"update:avatarUrl": null;
"update:id": null;
"update:name": null;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
avatarAlt: StringConstructor;
avatarUrl: StringConstructor;
id: (NumberConstructor | StringConstructor)[];
name: StringConstructor;
}>> & {
"onUpdate:isActive"?: ((...args: any[]) => any) | undefined;
"onUpdate:hoveredElement"?: ((...args: any[]) => any) | undefined;
"onUpdate:name"?: ((...args: any[]) => any) | undefined;
"onUpdate:id"?: ((...args: any[]) => any) | undefined;
"onUpdate:avatarAlt"?: ((...args: any[]) => any) | undefined;
"onUpdate:avatarUrl"?: ((...args: any[]) => any) | undefined;
}, {}>;
export default DxChat;
export { DxChat, DxAlert, DxAttachment, DxAuthor, DxChatItem, DxCustomSpeechRecognizer, DxDayHeaderFormat, DxEditing, DxFileUploaderOptions, DxItem, DxMessageTimestampFormat, DxSendButtonOptions, DxSpeechRecognitionConfig, DxSpeechToTextOptions, DxSuggestions, DxSuggestionsItem, DxTypingUser, DxUser };
import type * as DxChatTypes from "devextreme/ui/chat_types";
export { DxChatTypes };