@progress/kendo-angular-conversational-ui 4.0.0 → 5.0.0-next.202202241517

package/dist/npm/chat/chat.module.js

@@ -1,78 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var attachment_component_1 = require("./attachment.component");
-var chat_directives_1 = require("./chat.directives");
-var kendo_angular_buttons_1 = require("@progress/kendo-angular-buttons");
-var common_1 = require("@angular/common");
-var kendo_angular_common_1 = require("@progress/kendo-angular-common");
-var custom_messages_component_1 = require("./l10n/custom-messages.component");
-var focused_state_directive_1 = require("../common/focused-state.directive");
-var hero_card_component_1 = require("../cards/hero-card.component");
-var localized_messages_directive_1 = require("./l10n/localized-messages.directive");
-var message_attachments_component_1 = require("./message-attachments.component");
-var message_component_1 = require("./message.component");
-var message_list_component_1 = require("./message-list.component");
-var core_1 = require("@angular/core");
-var scroll_anchor_directive_1 = require("../common/scroll-anchor.directive");
-var suggested_actions_component_1 = require("./suggested-actions.component");
-var PUBLIC_DIRECTIVES = [
-    chat_directives_1.ChatComponent,
-    custom_messages_component_1.CustomMessagesComponent,
-    chat_directives_1.AttachmentTemplateDirective,
-    chat_directives_1.MessageTemplateDirective,
-    hero_card_component_1.HeroCardComponent
-];
-var PRIVATE_DIRECTIVES = [
-    attachment_component_1.AttachmentComponent,
-    focused_state_directive_1.FocusedStateDirective,
-    localized_messages_directive_1.LocalizedMessagesDirective,
-    message_attachments_component_1.MessageAttachmentsComponent,
-    message_component_1.MessageComponent,
-    message_list_component_1.MessageListComponent,
-    chat_directives_1.MessageTemplateDirective,
-    scroll_anchor_directive_1.ScrollAnchorDirective,
-    suggested_actions_component_1.SuggestedActionsComponent
-];
-/**
- * The [NgModule]({{ site.data.urls.angular['ngmodules'] }}) for the Chat component.
- *
- * @example
- * ```ts-no-run
- * import { NgModule } from '@angular/core';
- * import { Component } from '@angular/core';
- * import { BrowserModule } from '@angular/platform-browser';
- *
- * import { ChatModule } from '@progress/kendo-angular-conversational-ui';
- * import { AppComponent }   from './app.component';
- *
- * _@NgModule({
- *   imports:      [ BrowserModule, ChatModule ],
- *   declarations: [ AppComponent ],
- *   bootstrap:    [ AppComponent ]
- * })
- *
- * export class AppModule { }
- * ```
- */
-var ChatModule = /** @class */ (function () {
-    function ChatModule() {
-    }
-    ChatModule = tslib_1.__decorate([
-        core_1.NgModule({
-            declarations: PUBLIC_DIRECTIVES.concat(PRIVATE_DIRECTIVES),
-            exports: [PUBLIC_DIRECTIVES],
-            imports: [
-                kendo_angular_buttons_1.ButtonModule,
-                common_1.CommonModule,
-                kendo_angular_common_1.ResizeSensorModule
-            ]
-        })
-    ], ChatModule);
-    return ChatModule;
-}());
-exports.ChatModule = ChatModule;

package/dist/npm/chat/l10n/custom-messages.component.js

@@ -1,47 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
-var messages_1 = require("./messages");
-// tslint:disable:no-forward-ref
-/**
- * Custom component messages override default component messages
- * ([see example]({% slug globalization_chat %}#toc-custom-messages)).
- */
-var CustomMessagesComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(CustomMessagesComponent, _super);
-    function CustomMessagesComponent(service) {
-        var _this = _super.call(this) || this;
-        _this.service = service;
-        return _this;
-    }
-    CustomMessagesComponent_1 = CustomMessagesComponent;
-    Object.defineProperty(CustomMessagesComponent.prototype, "override", {
-        get: function () {
-            return true;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    var CustomMessagesComponent_1;
-    CustomMessagesComponent = CustomMessagesComponent_1 = tslib_1.__decorate([
-        core_1.Component({
-            providers: [
-                {
-                    provide: messages_1.Messages,
-                    useExisting: core_1.forwardRef(function () { return CustomMessagesComponent_1; })
-                }
-            ],
-            selector: 'kendo-chat-messages',
-            template: ""
-        }),
-        tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService])
-    ], CustomMessagesComponent);
-    return CustomMessagesComponent;
-}(messages_1.Messages));
-exports.CustomMessagesComponent = CustomMessagesComponent;

package/dist/npm/chat/l10n/localized-messages.directive.js

@@ -1,38 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
-var messages_1 = require("./messages");
-// tslint:disable:no-forward-ref
-/**
- * @hidden
- */
-var LocalizedMessagesDirective = /** @class */ (function (_super) {
-    tslib_1.__extends(LocalizedMessagesDirective, _super);
-    function LocalizedMessagesDirective(service) {
-        var _this = _super.call(this) || this;
-        _this.service = service;
-        return _this;
-    }
-    LocalizedMessagesDirective_1 = LocalizedMessagesDirective;
-    var LocalizedMessagesDirective_1;
-    LocalizedMessagesDirective = LocalizedMessagesDirective_1 = tslib_1.__decorate([
-        core_1.Directive({
-            providers: [
-                {
-                    provide: messages_1.Messages,
-                    useExisting: core_1.forwardRef(function () { return LocalizedMessagesDirective_1; })
-                }
-            ],
-            selector: '[kendoChatLocalizedMessages]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService])
-    ], LocalizedMessagesDirective);
-    return LocalizedMessagesDirective;
-}(messages_1.Messages));
-exports.LocalizedMessagesDirective = LocalizedMessagesDirective;

package/dist/npm/chat/l10n/messages.js

@@ -1,28 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
-/**
- * @hidden
- */
-var Messages = /** @class */ (function (_super) {
-    tslib_1.__extends(Messages, _super);
-    function Messages() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], Messages.prototype, "messagePlaceholder", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], Messages.prototype, "send", void 0);
-    return Messages;
-}(kendo_angular_l10n_1.ComponentMessages));
-exports.Messages = Messages;

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

@@ -1,150 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var rxjs_1 = require("rxjs");
-var operators_1 = require("rxjs/operators");
-var chat_item_1 = require("./chat-item");
-var chat_directives_1 = require("./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 = rxjs_1.fromEvent(_this.deck.nativeElement, 'scroll')
-                .pipe(operators_1.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([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Array)
-    ], MessageAttachmentsComponent.prototype, "attachments", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], MessageAttachmentsComponent.prototype, "layout", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], MessageAttachmentsComponent.prototype, "tabbable", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", chat_directives_1.AttachmentTemplateDirective)
-    ], MessageAttachmentsComponent.prototype, "template", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-card-deck-scrollwrap'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], MessageAttachmentsComponent.prototype, "carousel", null);
-    tslib_1.__decorate([
-        core_1.ViewChild('deck', { read: core_1.ElementRef, static: true }),
-        tslib_1.__metadata("design:type", core_1.ElementRef)
-    ], MessageAttachmentsComponent.prototype, "deck", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChildren('item', { read: core_1.ElementRef }),
-        tslib_1.__metadata("design:type", core_1.QueryList)
-    ], MessageAttachmentsComponent.prototype, "items", void 0);
-    MessageAttachmentsComponent = MessageAttachmentsComponent_1 = tslib_1.__decorate([
-        core_1.Component({
-            providers: [{
-                    provide: chat_item_1.ChatItem,
-                    useExisting: core_1.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", [core_1.NgZone])
-    ], MessageAttachmentsComponent);
-    return MessageAttachmentsComponent;
-}(chat_item_1.ChatItem));
-exports.MessageAttachmentsComponent = MessageAttachmentsComponent;

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

@@ -1,167 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var execute_action_event_1 = require("../api/execute-action-event");
-var utils_1 = require("../common/utils");
-var chat_item_1 = require("./chat-item");
-var chat_view_1 = require("./chat-view");
-var chat_directives_1 = require("./chat.directives");
-var message_template_directive_1 = require("./message-template.directive");
-var kendo_angular_intl_1 = require("@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 core_1.EventEmitter();
-        this.navigate = new core_1.EventEmitter();
-        this.resize = new core_1.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 = chat_view_1.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 = !utils_1.closest(next, function (node) { return node === _this.element.nativeElement; });
-        if (outside) {
-            this.select(null);
-        }
-    };
-    MessageListComponent.prototype.isOwnMessage = function (msg) {
-        return chat_view_1.isAuthor(this.user, msg);
-    };
-    MessageListComponent.prototype.dispatchAction = function (action, message) {
-        var args = new execute_action_event_1.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([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Array),
-        tslib_1.__metadata("design:paramtypes", [Array])
-    ], MessageListComponent.prototype, "messages", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", chat_directives_1.AttachmentTemplateDirective)
-    ], MessageListComponent.prototype, "attachmentTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", message_template_directive_1.MessageTemplateDirective)
-    ], MessageListComponent.prototype, "messageTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], MessageListComponent.prototype, "user", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], MessageListComponent.prototype, "executeAction", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], MessageListComponent.prototype, "navigate", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], MessageListComponent.prototype, "resize", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChildren(chat_item_1.ChatItem),
-        tslib_1.__metadata("design:type", core_1.QueryList)
-    ], MessageListComponent.prototype, "items", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-message-list-content'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], MessageListComponent.prototype, "cssClass", void 0);
-    tslib_1.__decorate([
-        core_1.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([
-        core_1.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([
-        core_1.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", [core_1.ElementRef, kendo_angular_intl_1.IntlService])
-    ], MessageListComponent);
-    return MessageListComponent;
-}());
-exports.MessageListComponent = MessageListComponent;

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

@@ -1,34 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@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([
-        core_1.Directive({
-            selector: '[kendoChatMessageTemplate]'
-        }),
-        tslib_1.__param(0, core_1.Optional()),
-        tslib_1.__metadata("design:paramtypes", [core_1.TemplateRef])
-    ], MessageTemplateDirective);
-    return MessageTemplateDirective;
-}());
-exports.MessageTemplateDirective = MessageTemplateDirective;

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

@@ -1,79 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var chat_item_1 = require("./chat-item");
-var message_template_directive_1 = require("./message-template.directive");
-var kendo_angular_intl_1 = require("@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([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], MessageComponent.prototype, "message", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], MessageComponent.prototype, "tabbable", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", message_template_directive_1.MessageTemplateDirective)
-    ], MessageComponent.prototype, "template", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-message'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], MessageComponent.prototype, "cssClass", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-state-selected'),
-        core_1.HostBinding('class.k-state-focused'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], MessageComponent.prototype, "selected", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('attr.tabIndex'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], MessageComponent.prototype, "tabIndex", null);
-    MessageComponent = MessageComponent_1 = tslib_1.__decorate([
-        core_1.Component({
-            selector: 'kendo-chat-message',
-            providers: [{
-                    provide: chat_item_1.ChatItem,
-                    useExisting: core_1.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", [core_1.ElementRef, kendo_angular_intl_1.IntlService])
-    ], MessageComponent);
-    return MessageComponent;
-}(chat_item_1.ChatItem));
-exports.MessageComponent = MessageComponent;