@progress/kendo-angular-conversational-ui 4.0.2-dev.202203091004 → 5.0.0-next.202203171033

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-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 };

package/dist/es/chat/suggested-actions.component.js

@@ -1,91 +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, EventEmitter, forwardRef, HostBinding, Input, Output, QueryList, ViewChildren } from '@angular/core';
-import { ChatItem } from './chat-item';
-// tslint:disable:no-forward-ref
-/**
- * @hidden
- */
-var SuggestedActionsComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(SuggestedActionsComponent, _super);
-    function SuggestedActionsComponent() {
-        var _a;
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.dispatch = new EventEmitter();
-        _this.defaultClass = true;
-        _this.selectedIndex = 0;
-        _this.keyHandlers = (_a = {},
-            _a[37 /* left */] = function (e) { return _this.navigateTo(e, -1); },
-            _a[39 /* right */] = function (e) { return _this.navigateTo(e, 1); },
-            _a[13 /* enter */] = function (_, action) { return _this.actionClick(action); },
-            _a);
-        return _this;
-    }
-    SuggestedActionsComponent_1 = SuggestedActionsComponent;
-    SuggestedActionsComponent.prototype.isSelected = function (index) {
-        return this.selected && this.selectedIndex === index;
-    };
-    SuggestedActionsComponent.prototype.actionClick = function (action) {
-        this.dispatch.next(action);
-    };
-    SuggestedActionsComponent.prototype.actionKeydown = function (e, action) {
-        var handler = this.keyHandlers[e.keyCode];
-        if (handler) {
-            handler(e, action);
-        }
-    };
-    SuggestedActionsComponent.prototype.focus = function () {
-        this.select(this.selectedIndex);
-    };
-    SuggestedActionsComponent.prototype.select = function (index) {
-        this.selectedIndex = index;
-        var item = this.items.toArray()[index];
-        if (item) {
-            item.nativeElement.focus();
-        }
-    };
-    SuggestedActionsComponent.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();
-        }
-    };
-    var SuggestedActionsComponent_1;
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Array)
-    ], SuggestedActionsComponent.prototype, "actions", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], SuggestedActionsComponent.prototype, "tabbable", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], SuggestedActionsComponent.prototype, "dispatch", void 0);
-    tslib_1.__decorate([
-        HostBinding('class.k-quick-replies'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], SuggestedActionsComponent.prototype, "defaultClass", void 0);
-    tslib_1.__decorate([
-        ViewChildren('item'),
-        tslib_1.__metadata("design:type", QueryList)
-    ], SuggestedActionsComponent.prototype, "items", void 0);
-    SuggestedActionsComponent = SuggestedActionsComponent_1 = tslib_1.__decorate([
-        Component({
-            selector: 'kendo-chat-suggested-actions',
-            providers: [{
-                    provide: ChatItem,
-                    useExisting: forwardRef(function () { return SuggestedActionsComponent_1; })
-                }],
-            template: "\n    <span #item\n      *ngFor=\"let action of actions; index as index; first as first; last as last\"\n      class=\"k-quick-reply\"\n      [class.k-state-selected]=\"isSelected(index)\"\n      [class.k-state-focused]=\"isSelected(index)\"\n      [class.k-first]=\"first\"\n      [class.k-last]=\"last\"\n      [attr.tabindex]=\"tabbable && selectedIndex === index ? '0' : '-1'\"\n      (click)=\"actionClick(action)\"\n      (keydown)=\"actionKeydown($event, action)\"\n    >\n      {{ action.title || action.value }}\n    </span>\n  "
-        })
-    ], SuggestedActionsComponent);
-    return SuggestedActionsComponent;
-}(ChatItem));
-export { SuggestedActionsComponent };

package/dist/es/common/focused-state.directive.js

@@ -1,43 +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, HostListener, HostBinding } from '@angular/core';
-/**
- * @hidden
- */
-var FocusedStateDirective = /** @class */ (function () {
-    function FocusedStateDirective() {
-        this.focused = false;
-    }
-    FocusedStateDirective.prototype.onFocus = function () {
-        this.focused = true;
-    };
-    FocusedStateDirective.prototype.onBlur = function () {
-        this.focused = false;
-    };
-    tslib_1.__decorate([
-        HostBinding('class.k-state-focused'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], FocusedStateDirective.prototype, "focused", void 0);
-    tslib_1.__decorate([
-        HostListener('focusin'),
-        tslib_1.__metadata("design:type", Function),
-        tslib_1.__metadata("design:paramtypes", []),
-        tslib_1.__metadata("design:returntype", void 0)
-    ], FocusedStateDirective.prototype, "onFocus", null);
-    tslib_1.__decorate([
-        HostListener('focusout'),
-        tslib_1.__metadata("design:type", Function),
-        tslib_1.__metadata("design:paramtypes", []),
-        tslib_1.__metadata("design:returntype", void 0)
-    ], FocusedStateDirective.prototype, "onBlur", null);
-    FocusedStateDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoChatFocusedState]'
-        })
-    ], FocusedStateDirective);
-    return FocusedStateDirective;
-}());
-export { FocusedStateDirective };

package/dist/es/common/keys.enum.js

@@ -1,4 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/

package/dist/es/common/scroll-anchor.directive.js

@@ -1,87 +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, ElementRef, EventEmitter, HostBinding, Input, NgZone, Output, Renderer2 } from '@angular/core';
-// Consider scroll to be at the bottom when within this number of pixels from the container height.
-var maxDelta = 2;
-/**
- * @hidden
- */
-var ScrollAnchorDirective = /** @class */ (function () {
-    function ScrollAnchorDirective(element, zone, renderer) {
-        this.element = element;
-        this.zone = zone;
-        this.renderer = renderer;
-        this.autoScroll = true;
-        this.autoScrollChange = new EventEmitter();
-        this.overflowAnchor = 'none';
-        this.scrolling = false;
-    }
-    ScrollAnchorDirective.prototype.ngOnInit = function () {
-        var _this = this;
-        this.zone.runOutsideAngular(function () {
-            _this.unsubscribe = _this.renderer.listen(_this.element.nativeElement, 'scroll', function () { return _this.onScroll(); });
-        });
-    };
-    ScrollAnchorDirective.prototype.ngAfterViewInit = function () {
-        this.scrollToBottom();
-    };
-    ScrollAnchorDirective.prototype.ngOnDestroy = function () {
-        if (this.unsubscribe) {
-            this.unsubscribe();
-        }
-    };
-    ScrollAnchorDirective.prototype.onScroll = function () {
-        var _this = this;
-        if (this.scrolling) {
-            return;
-        }
-        var el = this.element.nativeElement;
-        var bottom = el.scrollTop + el.offsetHeight;
-        var height = el.scrollHeight;
-        var atBottom = height - bottom < maxDelta;
-        if (this.autoScroll !== atBottom) {
-            this.zone.run(function () {
-                _this.autoScroll = atBottom;
-                _this.autoScrollChange.emit(_this.autoScroll);
-            });
-        }
-    };
-    ScrollAnchorDirective.prototype.scrollToBottom = function () {
-        var _this = this;
-        if (!this.autoScroll) {
-            return;
-        }
-        var el = this.element.nativeElement;
-        el.scrollTop = el.scrollHeight - el.clientHeight;
-        this.scrolling = true;
-        this.zone.runOutsideAngular(function () {
-            return setTimeout(function () { return _this.scrolling = false; }, 1000);
-        });
-    };
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ScrollAnchorDirective.prototype, "autoScroll", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], ScrollAnchorDirective.prototype, "autoScrollChange", void 0);
-    tslib_1.__decorate([
-        HostBinding('style.overflow-anchor'),
-        tslib_1.__metadata("design:type", String)
-    ], ScrollAnchorDirective.prototype, "overflowAnchor", void 0);
-    ScrollAnchorDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoChatScrollAnchor]',
-            exportAs: 'scrollAnchor'
-        }),
-        tslib_1.__metadata("design:paramtypes", [ElementRef,
-            NgZone,
-            Renderer2])
-    ], ScrollAnchorDirective);
-    return ScrollAnchorDirective;
-}());
-export { ScrollAnchorDirective };