devextreme-vue/cjs/chat.js

DevExtreme Vue UI and Visualization Components

/*!
 * devextreme-vue
 * Version: 25.2.3
 * Build date: Fri Dec 12 2025
 *
 * Copyright (c) 2012 - 2025 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-vue
 */

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.DxUser = exports.DxTypingUser = exports.DxMessageTimestampFormat = exports.DxItem = exports.DxFileUploaderOptions = exports.DxEditing = exports.DxDayHeaderFormat = exports.DxAuthor = exports.DxAttachment = exports.DxAlert = exports.DxChat = void 0;
const vue_1 = require("vue");
const index_1 = require("./core/index");
const chat_1 = __importDefault(require("devextreme/ui/chat"));
const index_2 = require("./core/index");
const componentConfig = {
    props: {
        accessKey: String,
        activeStateEnabled: Boolean,
        alerts: Array,
        dataSource: [Array, Object, String],
        dayHeaderFormat: [Object, String, Function],
        disabled: Boolean,
        editing: Object,
        elementAttr: Object,
        emptyViewTemplate: {},
        fileUploaderOptions: Object,
        focusStateEnabled: Boolean,
        height: [Number, String],
        hint: String,
        hoverStateEnabled: Boolean,
        items: Array,
        messageTemplate: {},
        messageTimestampFormat: [Object, String, Function],
        onAttachmentDownloadClick: Function,
        onDisposing: Function,
        onInitialized: Function,
        onMessageDeleted: Function,
        onMessageDeleting: Function,
        onMessageEditCanceled: Function,
        onMessageEditingStart: Function,
        onMessageEntered: Function,
        onMessageUpdated: Function,
        onMessageUpdating: Function,
        onOptionChanged: Function,
        onTypingEnd: Function,
        onTypingStart: Function,
        reloadOnChange: Boolean,
        rtlEnabled: Boolean,
        showAvatar: Boolean,
        showDayHeaders: Boolean,
        showMessageTimestamp: Boolean,
        showUserName: Boolean,
        typingUsers: Array,
        user: Object,
        visible: Boolean,
        width: [Number, String]
    },
    emits: {
        "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:items": null,
        "update:messageTemplate": null,
        "update:messageTimestampFormat": null,
        "update:onAttachmentDownloadClick": null,
        "update:onDisposing": null,
        "update:onInitialized": 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:showAvatar": null,
        "update:showDayHeaders": null,
        "update:showMessageTimestamp": null,
        "update:showUserName": null,
        "update:typingUsers": null,
        "update:user": null,
        "update:visible": null,
        "update:width": null,
    },
    computed: {
        instance() {
            return this.$_instance;
        }
    },
    beforeCreate() {
        this.$_WidgetClass = chat_1.default;
        this.$_hasAsyncTemplate = true;
        this.$_expectedChildren = {
            alert: { isCollectionItem: true, optionName: "alerts" },
            dayHeaderFormat: { isCollectionItem: false, optionName: "dayHeaderFormat" },
            editing: { isCollectionItem: false, optionName: "editing" },
            fileUploaderOptions: { isCollectionItem: false, optionName: "fileUploaderOptions" },
            item: { isCollectionItem: true, optionName: "items" },
            messageTimestampFormat: { isCollectionItem: false, optionName: "messageTimestampFormat" },
            typingUser: { isCollectionItem: true, optionName: "typingUsers" },
            user: { isCollectionItem: false, optionName: "user" }
        };
    }
};
(0, index_1.prepareComponentConfig)(componentConfig);
const DxChat = (0, vue_1.defineComponent)(componentConfig);
exports.DxChat = DxChat;
const DxAlertConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:id": null,
        "update:message": null,
    },
    props: {
        id: [Number, String],
        message: String
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxAlertConfig);
const DxAlert = (0, vue_1.defineComponent)(DxAlertConfig);
exports.DxAlert = DxAlert;
DxAlert.$_optionName = "alerts";
DxAlert.$_isCollectionItem = true;
const DxAttachmentConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:name": null,
        "update:size": null,
    },
    props: {
        name: String,
        size: Number
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxAttachmentConfig);
const DxAttachment = (0, vue_1.defineComponent)(DxAttachmentConfig);
exports.DxAttachment = DxAttachment;
DxAttachment.$_optionName = "attachments";
DxAttachment.$_isCollectionItem = true;
const DxAuthorConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:avatarAlt": null,
        "update:avatarUrl": null,
        "update:id": null,
        "update:name": null,
    },
    props: {
        avatarAlt: String,
        avatarUrl: String,
        id: [Number, String],
        name: String
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxAuthorConfig);
const DxAuthor = (0, vue_1.defineComponent)(DxAuthorConfig);
exports.DxAuthor = DxAuthor;
DxAuthor.$_optionName = "author";
const DxDayHeaderFormatConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:currency": null,
        "update:formatter": null,
        "update:parser": null,
        "update:precision": null,
        "update:type": null,
        "update:useCurrencyAccountingStyle": null,
    },
    props: {
        currency: String,
        formatter: Function,
        parser: Function,
        precision: Number,
        type: String,
        useCurrencyAccountingStyle: Boolean
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxDayHeaderFormatConfig);
const DxDayHeaderFormat = (0, vue_1.defineComponent)(DxDayHeaderFormatConfig);
exports.DxDayHeaderFormat = DxDayHeaderFormat;
DxDayHeaderFormat.$_optionName = "dayHeaderFormat";
const DxEditingConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:allowDeleting": null,
        "update:allowUpdating": null,
    },
    props: {
        allowDeleting: [Boolean, Function],
        allowUpdating: [Boolean, Function]
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxEditingConfig);
const DxEditing = (0, vue_1.defineComponent)(DxEditingConfig);
exports.DxEditing = DxEditing;
DxEditing.$_optionName = "editing";
const DxFileUploaderOptionsConfig = {
    emits: {
        "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,
    },
    props: {
        abortUpload: Function,
        accept: String,
        accessKey: String,
        activeStateEnabled: Boolean,
        allowCanceling: Boolean,
        allowedFileExtensions: Array,
        chunkSize: Number,
        dialogTrigger: {},
        disabled: Boolean,
        dropZone: {},
        elementAttr: Object,
        focusStateEnabled: Boolean,
        height: [Number, String],
        hint: String,
        hoverStateEnabled: Boolean,
        inputAttr: {},
        invalidFileExtensionMessage: String,
        invalidMaxFileSizeMessage: String,
        invalidMinFileSizeMessage: String,
        isDirty: Boolean,
        isValid: Boolean,
        labelText: String,
        maxFileSize: Number,
        minFileSize: Number,
        multiple: Boolean,
        name: String,
        onBeforeSend: Function,
        onContentReady: Function,
        onDisposing: Function,
        onDropZoneEnter: Function,
        onDropZoneLeave: Function,
        onFilesUploaded: Function,
        onInitialized: Function,
        onOptionChanged: Function,
        onProgress: Function,
        onUploadAborted: Function,
        onUploaded: Function,
        onUploadError: Function,
        onUploadStarted: Function,
        onValueChanged: Function,
        progress: Number,
        readOnly: Boolean,
        readyToUploadMessage: String,
        rtlEnabled: Boolean,
        selectButtonText: String,
        showFileList: Boolean,
        tabIndex: Number,
        uploadAbortedMessage: String,
        uploadButtonText: String,
        uploadChunk: Function,
        uploadCustomData: {},
        uploadedMessage: String,
        uploadFailedMessage: String,
        uploadFile: Function,
        uploadHeaders: {},
        uploadMethod: String,
        uploadMode: String,
        uploadUrl: String,
        validationError: {},
        validationErrors: Array,
        validationStatus: String,
        value: Array,
        visible: Boolean,
        width: [Number, String]
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxFileUploaderOptionsConfig);
const DxFileUploaderOptions = (0, vue_1.defineComponent)(DxFileUploaderOptionsConfig);
exports.DxFileUploaderOptions = DxFileUploaderOptions;
DxFileUploaderOptions.$_optionName = "fileUploaderOptions";
const DxItemConfig = {
    emits: {
        "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,
    },
    props: {
        alt: String,
        attachments: Array,
        author: Object,
        id: [Number, String],
        isDeleted: Boolean,
        isEdited: Boolean,
        src: String,
        text: String,
        timestamp: [Date, Number, String],
        type: String
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxItemConfig);
const DxItem = (0, vue_1.defineComponent)(DxItemConfig);
exports.DxItem = DxItem;
DxItem.$_optionName = "items";
DxItem.$_isCollectionItem = true;
DxItem.$_expectedChildren = {
    attachment: { isCollectionItem: true, optionName: "attachments" },
    author: { isCollectionItem: false, optionName: "author" }
};
const DxMessageTimestampFormatConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:currency": null,
        "update:formatter": null,
        "update:parser": null,
        "update:precision": null,
        "update:type": null,
        "update:useCurrencyAccountingStyle": null,
    },
    props: {
        currency: String,
        formatter: Function,
        parser: Function,
        precision: Number,
        type: String,
        useCurrencyAccountingStyle: Boolean
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxMessageTimestampFormatConfig);
const DxMessageTimestampFormat = (0, vue_1.defineComponent)(DxMessageTimestampFormatConfig);
exports.DxMessageTimestampFormat = DxMessageTimestampFormat;
DxMessageTimestampFormat.$_optionName = "messageTimestampFormat";
const DxTypingUserConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:avatarAlt": null,
        "update:avatarUrl": null,
        "update:id": null,
        "update:name": null,
    },
    props: {
        avatarAlt: String,
        avatarUrl: String,
        id: [Number, String],
        name: String
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxTypingUserConfig);
const DxTypingUser = (0, vue_1.defineComponent)(DxTypingUserConfig);
exports.DxTypingUser = DxTypingUser;
DxTypingUser.$_optionName = "typingUsers";
DxTypingUser.$_isCollectionItem = true;
const DxUserConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:avatarAlt": null,
        "update:avatarUrl": null,
        "update:id": null,
        "update:name": null,
    },
    props: {
        avatarAlt: String,
        avatarUrl: String,
        id: [Number, String],
        name: String
    }
};
(0, index_2.prepareConfigurationComponentConfig)(DxUserConfig);
const DxUser = (0, vue_1.defineComponent)(DxUserConfig);
exports.DxUser = DxUser;
DxUser.$_optionName = "user";
exports.default = DxChat;