devextreme/cjs/__internal/ui/chat/alertlist.js

HTML5 JavaScript Component Suite for Responsive Web Development

/**
 * DevExtreme (cjs/__internal/ui/chat/alertlist.js)
 * Version: 24.2.6
 * Build date: Mon Mar 17 2025
 *
 * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
 * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
 */

"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
exports.default = void 0;
var _message = _interopRequireDefault(require("../../../common/core/localization/message"));
var _renderer = _interopRequireDefault(require("../../../core/renderer"));
var _widget = _interopRequireDefault(require("../../core/widget/widget"));

function _interopRequireDefault(e) {
    return e && e.__esModule ? e : {
        default: e
    }
}

function _extends() {
    return _extends = Object.assign ? Object.assign.bind() : function(n) {
        for (var e = 1; e < arguments.length; e++) {
            var t = arguments[e];
            for (var r in t) {
                ({}).hasOwnProperty.call(t, r) && (n[r] = t[r])
            }
        }
        return n
    }, _extends.apply(null, arguments)
}
const CHAT_ALERTLIST_CLASS = "dx-chat-alertlist";
const CHAT_ALERTLIST_ERROR_CLASS = "dx-chat-alertlist-error";
const CHAT_ALERTLIST_ERROR_ICON_CLASS = "dx-chat-alertlist-error-icon";
const CHAT_ALERTLIST_ERROR_TEXT_CLASS = "dx-chat-alertlist-error-text";
class AlertList extends _widget.default {
    _getDefaultOptions() {
        return _extends({}, super._getDefaultOptions(), {
            items: []
        })
    }
    _initMarkup() {
        (0, _renderer.default)(this.element()).addClass("dx-chat-alertlist");
        super._initMarkup();
        const {
            items: items
        } = this.option();
        this._renderItems(items);
        this._updateAria()
    }
    _renderItems(items) {
        if (null !== items && void 0 !== items && items.length) {
            items.forEach((itemData => {
                this._renderItem(itemData)
            }))
        }
    }
    _renderItem(itemData) {
        const $item = (0, _renderer.default)("<div>");
        $item.addClass("dx-chat-alertlist-error");
        (0, _renderer.default)("<div>").addClass("dx-chat-alertlist-error-icon").appendTo($item);
        (0, _renderer.default)("<div>").addClass("dx-chat-alertlist-error-text").appendTo($item).text(String((null === itemData || void 0 === itemData ? void 0 : itemData.message) ?? ""));
        $item.appendTo(this.$element())
    }
    _updateAria() {
        const aria = {
            role: "log",
            atomic: "false",
            label: _message.default.format("dxChat-alertListAriaLabel"),
            live: "polite",
            relevant: "additions"
        };
        this.setAria(aria)
    }
    _optionChanged(args) {
        const {
            name: name
        } = args;
        if ("items" === name) {
            this._invalidate()
        } else {
            super._optionChanged(args)
        }
    }
}
var _default = exports.default = AlertList;