@progress/kendo-angular-conversational-ui 4.1.0 → 5.0.0-dev.202204131603

package/dist/es/chat/message-attachments.component.js

@@ -1,148 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, ElementRef, forwardRef, HostBinding, Input, NgZone, QueryList, ViewChild, ViewChildren } from '@angular/core';
-import { fromEvent } from 'rxjs';
-import { debounceTime } from 'rxjs/operators';
-import { ChatItem } from './chat-item';
-import { AttachmentTemplateDirective } from './chat.directives';
-// tslint:disable:no-forward-ref
-/**
- * @hidden
- */
-var MessageAttachmentsComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(MessageAttachmentsComponent, _super);
-    function MessageAttachmentsComponent(zone) {
-        var _a, _b;
-        var _this = _super.call(this) || this;
-        _this.zone = zone;
-        _this.scrollPosition = 0;
-        _this.selectedIndex = 0;
-        _this.carouselKeyHandlers = (_a = {},
-            _a[37 /* left */] = function (e) { return _this.navigateTo(e, -1); },
-            _a[39 /* right */] = function (e) { return _this.navigateTo(e, 1); },
-            _a);
-        _this.listKeyHandlers = (_b = {},
-            _b[38 /* up */] = function (e) { return _this.navigateTo(e, -1); },
-            _b[40 /* down */] = function (e) { return _this.navigateTo(e, 1); },
-            _b);
-        return _this;
-    }
-    MessageAttachmentsComponent_1 = MessageAttachmentsComponent;
-    Object.defineProperty(MessageAttachmentsComponent.prototype, "carousel", {
-        get: function () {
-            return this.layout !== 'list';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    MessageAttachmentsComponent.prototype.ngAfterViewInit = function () {
-        var _this = this;
-        this.zone.runOutsideAngular(function () {
-            var scrollDebounceTime = 100;
-            _this.scrollSubscription = fromEvent(_this.deck.nativeElement, 'scroll')
-                .pipe(debounceTime(scrollDebounceTime))
-                .subscribe(function () { return _this.onScroll(); });
-        });
-    };
-    MessageAttachmentsComponent.prototype.ngOnDestroy = function () {
-        this.scrollSubscription.unsubscribe();
-    };
-    MessageAttachmentsComponent.prototype.isSelected = function (index) {
-        return this.selectedIndex === index;
-    };
-    MessageAttachmentsComponent.prototype.itemKeydown = function (e, attachment) {
-        var keyHandlers = this.layout === 'list' ?
-            this.listKeyHandlers : this.carouselKeyHandlers;
-        var handler = keyHandlers[e.keyCode];
-        if (handler) {
-            handler(e, attachment);
-        }
-    };
-    MessageAttachmentsComponent.prototype.itemClick = function (index) {
-        this.select(index);
-    };
-    MessageAttachmentsComponent.prototype.focus = function () {
-        this.select(this.selectedIndex);
-    };
-    MessageAttachmentsComponent.prototype.scrollTo = function (dir) {
-        var el = this.deck.nativeElement;
-        var scrollStep = el.scrollWidth / this.items.length;
-        var max = el.scrollWidth - el.offsetWidth;
-        var pos = el.scrollLeft + scrollStep * dir;
-        el.scrollLeft = Math.max(0, Math.min(max, pos));
-    };
-    MessageAttachmentsComponent.prototype.select = function (index) {
-        this.selectedIndex = index;
-        var item = this.items.toArray()[index];
-        if (item) {
-            item.nativeElement.focus();
-        }
-    };
-    MessageAttachmentsComponent.prototype.navigateTo = function (e, offset) {
-        var prevIndex = this.selectedIndex;
-        var nextIndex = Math.max(0, Math.min(prevIndex + offset, this.items.length - 1));
-        if (nextIndex !== prevIndex) {
-            this.select(nextIndex);
-            e.preventDefault();
-        }
-    };
-    MessageAttachmentsComponent.prototype.onScroll = function () {
-        var _this = this;
-        var el = this.deck.nativeElement;
-        if (el.scrollWidth === 0) {
-            return;
-        }
-        var pos = el.scrollLeft / (el.scrollWidth - el.offsetWidth);
-        if (pos !== this.scrollPosition) {
-            this.zone.run(function () {
-                _this.scrollPosition = pos;
-            });
-        }
-    };
-    var MessageAttachmentsComponent_1;
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Array)
-    ], MessageAttachmentsComponent.prototype, "attachments", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], MessageAttachmentsComponent.prototype, "layout", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], MessageAttachmentsComponent.prototype, "tabbable", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", AttachmentTemplateDirective)
-    ], MessageAttachmentsComponent.prototype, "template", void 0);
-    tslib_1.__decorate([
-        HostBinding('class.k-card-deck-scrollwrap'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], MessageAttachmentsComponent.prototype, "carousel", null);
-    tslib_1.__decorate([
-        ViewChild('deck', { read: ElementRef, static: true }),
-        tslib_1.__metadata("design:type", ElementRef)
-    ], MessageAttachmentsComponent.prototype, "deck", void 0);
-    tslib_1.__decorate([
-        ViewChildren('item', { read: ElementRef }),
-        tslib_1.__metadata("design:type", QueryList)
-    ], MessageAttachmentsComponent.prototype, "items", void 0);
-    MessageAttachmentsComponent = MessageAttachmentsComponent_1 = tslib_1.__decorate([
-        Component({
-            providers: [{
-                    provide: ChatItem,
-                    useExisting: forwardRef(function () { return MessageAttachmentsComponent_1; })
-                }],
-            selector: 'kendo-chat-message-attachments',
-            template: "\n        <button\n        *ngIf=\"carousel && scrollPosition > 0\"\n        (click)=\"scrollTo(-1)\"\n        class=\"k-button k-icon-button k-button-md k-rounded-md k-button-solid k-button-solid-base\"\n        tabindex=\"-1\">\n            <span class=\"k-icon k-button-icon k-i-arrow-chevron-left\"></span>\n        </button>\n        <div #deck [class.k-card-deck]=\"carousel\">\n        <kendo-chat-attachment #item\n            *ngFor=\"let att of attachments; index as index; first as first; last as last\"\n            [attachment]=\"att\"\n            [template]=\"template\"\n            [class.k-state-selected]=\"isSelected(index)\"\n            [class.k-state-focused]=\"isSelected(index)\"\n            [class.k-card-wrap]=\"true\"\n            [class.k-first]=\"first\"\n            [class.k-last]=\"last\"\n            [attr.tabindex]=\"tabbable && isSelected(index) ? '0' : '-1'\"\n            (click)=\"itemClick(index)\"\n            (keydown)=\"itemKeydown($event, att)\"\n        >\n        </kendo-chat-attachment>\n        </div>\n        <button\n        *ngIf=\"carousel && scrollPosition < 1\"\n        (click)=\"scrollTo(1)\"\n        class=\"k-button k-icon-button k-button-md k-rounded-md k-button-solid k-button-solid-base\"\n        tabindex=\"-1\">\n            <span class=\"k-icon k-button-icon k-i-arrow-chevron-right\"></span>\n        </button>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [NgZone])
-    ], MessageAttachmentsComponent);
-    return MessageAttachmentsComponent;
-}(ChatItem));
-export { MessageAttachmentsComponent };

package/dist/es/chat/message-box.component.js

@@ -1,124 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, ElementRef, EventEmitter, HostBinding, Input, Output, ViewChild } from '@angular/core';
-import { SendMessageEvent } from '../api/post-message-event';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { Keys } from '@progress/kendo-angular-common';
-import { ChatMessageBoxTemplateDirective } from './message-box.directive';
-// tslint:disable-next-line:max-line-length
-var sendIcon = '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 16 16"><path d="M0,14.3c-0.1,0.6,0.3,0.8,0.8,0.6l14.8-6.5c0.5-0.2,0.5-0.6,0-0.8L0.8,1.1C0.3,0.9-0.1,1.1,0,1.7l0.7,4.2C0.8,6.5,1.4,7,1.9,7.1l8.8,0.8c0.6,0.1,0.6,0.1,0,0.2L1.9,8.9C1.4,9,0.8,9.5,0.7,10.1L0,14.3z"/></svg>';
-/**
- * @hidden
- */
-var MessageBoxComponent = /** @class */ (function () {
-    function MessageBoxComponent() {
-        this.hostClasses = 'k-message-box k-input k-input-md k-rounded-md k-input-solid';
-        this.sendMessage = new EventEmitter();
-    }
-    Object.defineProperty(MessageBoxComponent.prototype, "messageBoxValue", {
-        get: function () {
-            return this.type === 'textarea';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * @hidden
-     */
-    MessageBoxComponent.prototype.sendClick = function () {
-        var input = this.messageBoxInput.nativeElement;
-        var value = input.value;
-        if (!value) {
-            return;
-        }
-        var message = {
-            author: this.user,
-            text: value,
-            timestamp: new Date()
-        };
-        this.sendMessage.emit(new SendMessageEvent(message));
-        input.value = null;
-        input.focus();
-        this.autoScroll = true;
-    };
-    /**
-     * @hidden
-     */
-    MessageBoxComponent.prototype.inputKeydown = function (e) {
-        if (e.keyCode === Keys.Enter) {
-            this.sendClick();
-        }
-    };
-    /**
-     * @hidden
-     */
-    MessageBoxComponent.prototype.textAreaKeydown = function (e) {
-        var isEnter = e.keyCode === Keys.Enter;
-        if (!isEnter) {
-            return;
-        }
-        var newLine = (e.metaKey || e.ctrlKey);
-        var enterOnly = !(e.shiftKey || e.metaKey || e.ctrlKey);
-        if (enterOnly) {
-            e.preventDefault();
-            this.sendClick();
-        }
-        if (newLine) {
-            this.messageBoxInput.nativeElement.value += "\r\n";
-        }
-    };
-    /**
-     * @hidden
-     */
-    MessageBoxComponent.prototype.textFor = function (key) {
-        return this.localization.get(key);
-    };
-    tslib_1.__decorate([
-        HostBinding('class'),
-        tslib_1.__metadata("design:type", String)
-    ], MessageBoxComponent.prototype, "hostClasses", void 0);
-    tslib_1.__decorate([
-        HostBinding('class.\!k-align-items-end'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], MessageBoxComponent.prototype, "messageBoxValue", null);
-    tslib_1.__decorate([
-        ViewChild('messageBoxInput', { static: false }),
-        tslib_1.__metadata("design:type", ElementRef)
-    ], MessageBoxComponent.prototype, "messageBoxInput", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], MessageBoxComponent.prototype, "user", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], MessageBoxComponent.prototype, "autoScroll", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], MessageBoxComponent.prototype, "type", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", LocalizationService)
-    ], MessageBoxComponent.prototype, "localization", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", ChatMessageBoxTemplateDirective)
-    ], MessageBoxComponent.prototype, "messageBoxTemplate", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], MessageBoxComponent.prototype, "sendMessage", void 0);
-    MessageBoxComponent = tslib_1.__decorate([
-        Component({
-            selector: 'kendo-message-box',
-            template: "\n    <ng-container *ngIf=\"!messageBoxTemplate\">\n        <input\n            *ngIf=\"type === 'textbox'\"\n            #messageBoxInput\n            kendoChatFocusedState\n            type=\"text\"\n            class=\"k-textbox k-input k-input-md k-input-solid\"\n            [placeholder]=\"textFor('messagePlaceholder')\"\n            (keydown)=\"inputKeydown($event)\"\n        />\n\n        <textarea\n        *ngIf=\"type === 'textarea'\"\n        #messageBoxInput\n        kendoChatFocusedState\n        [rows]=\"3\"\n        class=\"k-textarea k-input k-input-md k-input-solid !k-overflow-y-auto k-resize-none\"\n        [placeholder]=\"textFor('messagePlaceholder')\"\n        (keydown)=\"textAreaKeydown($event)\"\n        ></textarea>\n\n        <button\n            kendoButton\n            fillMode=\"flat\"\n            class=\"k-button-send\"\n            [tabindex]=\"0\"\n            [attr.title]=\"textFor('send')\"\n            (click)=\"sendClick()\"\n        >\n            " + sendIcon + "\n        </button>\n    </ng-container>\n\n    <ng-template *ngIf=\"messageBoxTemplate\" [ngTemplateOutlet]=\"messageBoxTemplate?.templateRef\"></ng-template>\n"
-        })
-    ], MessageBoxComponent);
-    return MessageBoxComponent;
-}());
-export { MessageBoxComponent };

package/dist/es/chat/message-box.directive.js

@@ -1,24 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Directive, TemplateRef } from '@angular/core';
-/**
- * Creates a message box area that overrides the default message box of the Conversational UI Component.
- * To define a message-box template, nest an `<ng-template>` tag with the `kendoChatMessageBoxTemplate` directive inside the `<kendo-chat>` tag
- * [see example]({% slug message_box %}#toc-message-box-template).
- */
-var ChatMessageBoxTemplateDirective = /** @class */ (function () {
-    function ChatMessageBoxTemplateDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    ChatMessageBoxTemplateDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoChatMessageBoxTemplate]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [TemplateRef])
-    ], ChatMessageBoxTemplateDirective);
-    return ChatMessageBoxTemplateDirective;
-}());
-export { ChatMessageBoxTemplateDirective };

package/dist/es/chat/message-list.component.js

@@ -1,165 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, ElementRef, EventEmitter, HostBinding, HostListener, Input, Output, QueryList, ViewChildren } from '@angular/core';
-import { ExecuteActionEvent } from '../api/execute-action-event';
-import { closest } from '../common/utils';
-import { ChatItem } from './chat-item';
-import { chatView, isAuthor } from './chat-view';
-import { AttachmentTemplateDirective } from './chat.directives';
-import { MessageTemplateDirective } from './message-template.directive';
-import { IntlService } from '@progress/kendo-angular-intl';
-/**
- * @hidden
- */
-var MessageListComponent = /** @class */ (function () {
-    function MessageListComponent(element, intl) {
-        var _this = this;
-        var _a;
-        this.element = element;
-        this.intl = intl;
-        this.executeAction = new EventEmitter();
-        this.navigate = new EventEmitter();
-        this.resize = new EventEmitter();
-        this.cssClass = true;
-        this.view = [];
-        this.keyActions = (_a = {},
-            _a[38 /* up */] = function (e) { return _this.navigateTo(e, -1); },
-            _a[40 /* down */] = function (e) { return _this.navigateTo(e, 1); },
-            _a);
-    }
-    Object.defineProperty(MessageListComponent.prototype, "messages", {
-        get: function () {
-            return this._messages;
-        },
-        set: function (value) {
-            var data = value || [];
-            this.view = chatView(data);
-            this._messages = data;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    MessageListComponent.prototype.ngAfterViewInit = function () {
-        this.selectedItem = this.items.last;
-    };
-    MessageListComponent.prototype.onResize = function () {
-        this.resize.emit();
-    };
-    MessageListComponent.prototype.formatTimeStamp = function (date) {
-        return this.intl.formatDate(date, { date: 'full' });
-    };
-    MessageListComponent.prototype.onKeydown = function (e) {
-        var action = this.keyActions[e.keyCode];
-        if (action) {
-            action(e);
-        }
-    };
-    MessageListComponent.prototype.onBlur = function (args) {
-        var _this = this;
-        var next = args.relatedTarget || document.activeElement;
-        var outside = !closest(next, function (node) { return node === _this.element.nativeElement; });
-        if (outside) {
-            this.select(null);
-        }
-    };
-    MessageListComponent.prototype.isOwnMessage = function (msg) {
-        return isAuthor(this.user, msg);
-    };
-    MessageListComponent.prototype.dispatchAction = function (action, message) {
-        var args = new ExecuteActionEvent(action, message);
-        this.executeAction.emit(args);
-    };
-    MessageListComponent.prototype.trackGroup = function (_index, item) {
-        return item.trackBy;
-    };
-    MessageListComponent.prototype.select = function (item) {
-        var prevItem = this.selectedItem;
-        if (prevItem) {
-            prevItem.selected = false;
-        }
-        if (item) {
-            item.selected = true;
-            this.selectedItem = item;
-        }
-    };
-    MessageListComponent.prototype.last = function (items) {
-        if (!items || items.length === 0) {
-            return;
-        }
-        return items[items.length - 1];
-    };
-    MessageListComponent.prototype.navigateTo = function (e, offset) {
-        var items = this.items.toArray();
-        var prevItem = this.selectedItem;
-        var prevIndex = items.indexOf(prevItem);
-        var nextIndex = Math.max(0, Math.min(prevIndex + offset, this.items.length - 1));
-        var nextItem = items[nextIndex];
-        if (nextItem !== prevItem) {
-            this.select(nextItem);
-            nextItem.focus();
-            this.navigate.emit();
-            e.preventDefault();
-        }
-    };
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Array),
-        tslib_1.__metadata("design:paramtypes", [Array])
-    ], MessageListComponent.prototype, "messages", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", AttachmentTemplateDirective)
-    ], MessageListComponent.prototype, "attachmentTemplate", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", MessageTemplateDirective)
-    ], MessageListComponent.prototype, "messageTemplate", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], MessageListComponent.prototype, "user", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], MessageListComponent.prototype, "executeAction", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], MessageListComponent.prototype, "navigate", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], MessageListComponent.prototype, "resize", void 0);
-    tslib_1.__decorate([
-        ViewChildren(ChatItem),
-        tslib_1.__metadata("design:type", QueryList)
-    ], MessageListComponent.prototype, "items", void 0);
-    tslib_1.__decorate([
-        HostBinding('class.k-message-list-content'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], MessageListComponent.prototype, "cssClass", void 0);
-    tslib_1.__decorate([
-        HostListener('keydown', ['$event']),
-        tslib_1.__metadata("design:type", Function),
-        tslib_1.__metadata("design:paramtypes", [Object]),
-        tslib_1.__metadata("design:returntype", void 0)
-    ], MessageListComponent.prototype, "onKeydown", null);
-    tslib_1.__decorate([
-        HostListener('focusout', ['$event']),
-        tslib_1.__metadata("design:type", Function),
-        tslib_1.__metadata("design:paramtypes", [FocusEvent]),
-        tslib_1.__metadata("design:returntype", void 0)
-    ], MessageListComponent.prototype, "onBlur", null);
-    MessageListComponent = tslib_1.__decorate([
-        Component({
-            selector: 'kendo-chat-message-list',
-            template: "\n        <ng-container *ngFor=\"let group of view; last as lastGroup; trackBy: trackGroup\">\n        <ng-container [ngSwitch]=\"group.type\">\n            <div\n            *ngSwitchCase=\"'date-marker'\"\n            class=\"k-timestamp\"\n            >\n            {{ formatTimeStamp(group.timestamp) }}\n            </div>\n            <div\n            *ngSwitchCase=\"'message-group'\"\n            class=\"k-message-group\"\n            [class.k-alt]=\"isOwnMessage(group.messages[0])\"\n            [class.k-no-avatar]=\"!group.author.avatarUrl\"\n            >\n            <img\n                *ngIf=\"group.author.avatarUrl\"\n                [attr.src]=\"group.author.avatarUrl\"\n                class=\"k-avatar\"\n            />\n            <p *ngIf=\"group.author.name\" class=\"k-author\">{{ group.author.name }}</p>\n            <ng-container\n                *ngFor=\"let msg of group.messages; first as firstMessage; last as lastMessage\"\n            >\n                <img *ngIf=\"msg.user?.avatarUrl\" [src]=\"msg.user?.avatarUrl\" class=\"k-avatar\">\n                <kendo-chat-message #message\n                [message]=\"msg\"\n                [tabbable]=\"lastGroup && lastMessage\"\n                [template]=\"messageTemplate\"\n                (click)=\"select(message)\"\n                (focus)=\"select(message)\"\n                [class.k-only]=\"group.messages.length === 1\"\n                [class.k-first]=\"group.messages.length > 1 && firstMessage\"\n                [class.k-last]=\"group.messages.length > 1 && lastMessage\"\n                >\n                </kendo-chat-message>\n\n                <kendo-chat-attachment\n                *ngIf=\"msg.attachments && msg.attachments.length === 1\"\n                [attachment]=\"msg.attachments[0]\"\n                [template]=\"attachmentTemplate\"\n                >\n                </kendo-chat-attachment>\n            </ng-container>\n            </div>\n\n            <kendo-chat-message-attachments #attachments\n            *ngSwitchCase=\"'attachment-group'\"\n            [attachments]=\"group.attachments\"\n            [layout]=\"group.attachmentLayout\"\n            [tabbable]=\"lastGroup\"\n            [template]=\"attachmentTemplate\"\n            (click)=\"select(attachments)\"\n            (focus)=\"select(attachments)\"\n            >\n            </kendo-chat-message-attachments>\n\n            <kendo-chat-suggested-actions #actions\n            *ngSwitchCase=\"'action-group'\"\n            [actions]=\"group.actions\"\n            [tabbable]=\"lastGroup\"\n            (dispatch)=\"dispatchAction($event, last(group.messages))\"\n            (click)=\"select(actions)\"\n            (focus)=\"select(actions)\"\n            >\n            </kendo-chat-suggested-actions>\n        </ng-container>\n        </ng-container>\n        <kendo-resize-sensor (resize)=\"onResize()\">\n        </kendo-resize-sensor>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [ElementRef, IntlService])
-    ], MessageListComponent);
-    return MessageListComponent;
-}());
-export { MessageListComponent };

package/dist/es/chat/message-template.directive.js

@@ -1,32 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Directive, Optional, TemplateRef } from "@angular/core";
-/**
- * Defines a template that will be used for displaying Chat messages. To define an attachment
- * template, nest an `<ng-template>` tag with the `kendoChatMessageTemplate` attribute inside the
- * `<kendo-chat>` component. The template context is set to the message instance. For more information,
- * refer to the article on [message templates]({% slug message_templates_chat %}).
- *
- * {% meta height:700 %}
- * {% embed_file messages/templates/app.component.ts preview %}
- * {% embed_file shared/app.module.ts preview %}
- * {% embed_file shared/main.ts hidden %}
- * {% endmeta %}
- */
-var MessageTemplateDirective = /** @class */ (function () {
-    function MessageTemplateDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    MessageTemplateDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoChatMessageTemplate]'
-        }),
-        tslib_1.__param(0, Optional()),
-        tslib_1.__metadata("design:paramtypes", [TemplateRef])
-    ], MessageTemplateDirective);
-    return MessageTemplateDirective;
-}());
-export { MessageTemplateDirective };

package/dist/es/chat/message.component.js

@@ -1,77 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, ElementRef, forwardRef, HostBinding, Input } from '@angular/core';
-import { ChatItem } from './chat-item';
-import { MessageTemplateDirective } from './message-template.directive';
-import { IntlService } from '@progress/kendo-angular-intl';
-// tslint:disable:no-forward-ref
-/**
- * @hidden
- */
-var MessageComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(MessageComponent, _super);
-    function MessageComponent(element, intl) {
-        var _this = _super.call(this) || this;
-        _this.element = element;
-        _this.intl = intl;
-        _this.cssClass = true;
-        return _this;
-    }
-    MessageComponent_1 = MessageComponent;
-    Object.defineProperty(MessageComponent.prototype, "tabIndex", {
-        get: function () {
-            return this.tabbable ? '0' : '-1';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    MessageComponent.prototype.formatTimeStamp = function (date) {
-        return this.intl.formatDate(date, { datetime: 'short' });
-    };
-    MessageComponent.prototype.focus = function () {
-        this.element.nativeElement.focus();
-    };
-    var MessageComponent_1;
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], MessageComponent.prototype, "message", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], MessageComponent.prototype, "tabbable", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", MessageTemplateDirective)
-    ], MessageComponent.prototype, "template", void 0);
-    tslib_1.__decorate([
-        HostBinding('class.k-message'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], MessageComponent.prototype, "cssClass", void 0);
-    tslib_1.__decorate([
-        HostBinding('class.k-state-selected'),
-        HostBinding('class.k-state-focused'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], MessageComponent.prototype, "selected", void 0);
-    tslib_1.__decorate([
-        HostBinding('attr.tabIndex'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], MessageComponent.prototype, "tabIndex", null);
-    MessageComponent = MessageComponent_1 = tslib_1.__decorate([
-        Component({
-            selector: 'kendo-chat-message',
-            providers: [{
-                    provide: ChatItem,
-                    useExisting: forwardRef(function () { return MessageComponent_1; })
-                }],
-            template: "\n        <time\n        [attr.aria-hidden]=\"!selected\"\n        class=\"k-message-time\"\n        *ngIf=\"message.timestamp\"\n        >\n        {{ formatTimeStamp(message.timestamp) }}\n        </time>\n\n        <ng-container *ngIf=\"!message.typing; else typing\">\n        <div class=\"k-bubble\" *ngIf=\"template\">\n            <ng-container\n            *ngTemplateOutlet=\"template.templateRef; context: { $implicit: message };\"\n            >\n            </ng-container>\n        </div>\n\n        <div class=\"k-bubble\" *ngIf=\"!template && message.text\">\n            {{message.text}}\n        </div>\n        </ng-container>\n\n        <span\n        class=\"k-message-status\"\n        *ngIf=\"message.status\"\n        >\n        {{ message.status }}\n        </span>\n\n        <ng-template #typing>\n        <div class=\"k-bubble\">\n            <div class=\"k-typing-indicator\">\n            <span></span>\n            <span></span>\n            <span></span>\n            </div>\n        </div>\n        </ng-template>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [ElementRef, IntlService])
-    ], MessageComponent);
-    return MessageComponent;
-}(ChatItem));
-export { MessageComponent };