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

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

package/dist/es/common/utils.js

@@ -1,13 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export var closest = function (node, predicate) {
-    while (node && !predicate(node)) {
-        node = node.parentNode;
-    }
-    return node;
-};

package/dist/es/index.js

@@ -1,21 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './main';
-export { PreventableEvent } from './api/preventable-event';
-export { HeroCardComponent } from './cards/hero-card.component';
-export { AttachmentComponent } from './chat/attachment.component';
-export { ChatItem } from './chat/chat-item';
-export { CustomMessagesComponent } from './chat/l10n/custom-messages.component';
-export { LocalizedMessagesDirective } from './chat/l10n/localized-messages.directive';
-export { Messages } from './chat/l10n/messages';
-export { MessageAttachmentsComponent } from './chat/message-attachments.component';
-export { MessageListComponent } from './chat/message-list.component';
-export { MessageComponent } from './chat/message.component';
-export { SuggestedActionsComponent } from './chat/suggested-actions.component';
-export { FocusedStateDirective } from './common/focused-state.directive';
-export { ScrollAnchorDirective } from './common/scroll-anchor.directive';

package/dist/es/main.js

@@ -1,8 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export * from './chat/chat.directives';
-export * from './chat/chat.module';
-export * from './api/execute-action-event';
-export * from './api/post-message-event';

package/dist/es/package-metadata.js

@@ -1,15 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export var packageMetadata = {
-    name: '@progress/kendo-angular-conversational-ui',
-    productName: 'Kendo UI for Angular',
-    productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1642589598,
-    version: '',
-    licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
-};

package/dist/es2015/api/message.interface.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/es2015/cards/hero-card.component.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
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';
-/**
- * Represents a Hero Card component ([see example]({% slug dialogflow_chat %})).
- * Hero cards host a single large image and action buttons with text content.
- */
-let HeroCardComponent = class HeroCardComponent {
-    /**
-     * Represents a Hero Card component ([see example]({% slug dialogflow_chat %})).
-     * Hero cards host a single large image and action buttons with text content.
-     */
-    constructor() {
-        this.cssClass = true;
-        /**
-         * Fires when the user clicks a button.
-         */
-        this.executeAction = new EventEmitter();
-    }
-    onClick(action) {
-        this.executeAction.next(action);
-    }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], HeroCardComponent.prototype, "imageUrl", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], HeroCardComponent.prototype, "title", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], HeroCardComponent.prototype, "subtitle", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Array)
-], HeroCardComponent.prototype, "actions", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-card'),
-    tslib_1.__metadata("design:type", Boolean)
-], HeroCardComponent.prototype, "cssClass", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], HeroCardComponent.prototype, "executeAction", void 0);
-HeroCardComponent = tslib_1.__decorate([
-    Component({
-        selector: 'kendo-chat-hero-card',
-        template: `
-    <img class="k-card-image" [src]="imageUrl" *ngIf="imageUrl" />
-    <div class="k-card-body">
-      <h5 class="k-card-title" *ngIf="title">
-        {{ title }}
-      </h5>
-      <h6 class="k-card-subtitle" *ngIf="subtitle">
-        {{ subtitle }}
-      </h6>
-    </div>
-    <div class="k-card-actions k-card-actions-vertical">
-      <span class="k-card-action"
-            *ngFor="let act of actions"
-      >
-        <button
-          kendoButton fillMode="flat"
-          (click)="onClick(act)">
-          {{ act.title }}
-        </button>
-      </span>
-    </div>
-  `
-    })
-], HeroCardComponent);
-export { HeroCardComponent };

package/dist/es2015/chat/attachment.component.js

@@ -1,66 +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, Input } from '@angular/core';
-import { AttachmentTemplateDirective } from './chat.directives';
-/**
- * @hidden
- */
-let AttachmentComponent = class AttachmentComponent {
-    set attachment(value) {
-        this._attachment = value;
-        this.context = {
-            $implicit: this.attachment
-        };
-    }
-    get attachment() {
-        return this._attachment;
-    }
-    get image() {
-        return this.contentType.indexOf('image/') === 0;
-    }
-    get unknown() {
-        return !this.image;
-    }
-    get contentType() {
-        return this.attachment.contentType || '';
-    }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object),
-    tslib_1.__metadata("design:paramtypes", [Object])
-], AttachmentComponent.prototype, "attachment", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", AttachmentTemplateDirective)
-], AttachmentComponent.prototype, "template", void 0);
-AttachmentComponent = tslib_1.__decorate([
-    Component({
-        selector: 'kendo-chat-attachment',
-        template: `
-    <ng-container *ngIf="template">
-      <ng-container *ngTemplateOutlet="template.templateRef; context: context;">
-      </ng-container>
-    </ng-container>
-
-    <div *ngIf="!template" class="k-card">
-      <div class="k-card-body">
-        <h5 class="k-card-title" *ngIf="attachment.title">
-          {{ attachment.title }}
-        </h5>
-        <h6 class="k-card-subtitle" *ngIf="attachment.subtitle">
-          {{ attachment.subtitle }}
-        </h6>
-        <img *ngIf="image" [attr.src]="attachment.content" />
-        <ng-container *ngIf="unknown">
-          {{ attachment.content }}
-        </ng-container>
-      </div>
-    </div>
-  `
-    })
-], AttachmentComponent);
-export { AttachmentComponent };

package/dist/es2015/chat/chat.component.js

@@ -1,230 +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, ContentChild, ElementRef, EventEmitter, HostBinding, Input, isDevMode, Output, ViewChild, NgZone } from '@angular/core';
-import { AttachmentTemplateDirective } from './attachment-template.directive';
-import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
-import { makeHandler } from './builtin-actions';
-import { MessageTemplateDirective } from './message-template.directive';
-import { SendMessageEvent } from '../api/post-message-event';
-import { validatePackage } from '@progress/kendo-licensing';
-import { packageMetadata } from '../package-metadata';
-// tslint:disable-next-line:max-line-length
-const 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>';
-/**
- * Represents the Kendo UI Chat component for Angular.
- *
- * {% meta height:700 %}
- * {% embed_file echo/app.component.ts preview %}
- * {% embed_file shared/app.module.ts %}
- * {% embed_file shared/main.ts hidden %}
- * {% endmeta %}
- *
- */
-let ChatComponent = class ChatComponent {
-    constructor(localization, zone) {
-        this.localization = localization;
-        this.zone = zone;
-        /**
-         * Fires when the user types a message and clicks the **Send** button or presses **Enter**.
-         * Emits the [`SendMessageEvent`]({% slug api_conversational-ui_sendmessageevent %}).
-         *
-         * > The message is not automatically appended to the `messages` array.
-         */
-        this.sendMessage = new EventEmitter();
-        /**
-         * Fires when the user clicks a quick action button.
-         * The Chat internally handles the `reply`, `openUrl`, and `call` [known actions]({% slug api_conversational-ui_actiontype %}).
-         *
-         * Emits the [`ExecuteActionEvent`]({% slug api_conversational-ui_executeactionevent %}).
-         * The event is preventable. If `preventDefault` is called, the built-in action will be suppressed.
-         */
-        this.executeAction = new EventEmitter();
-        /**
-         * @hidden
-         */
-        this.autoScroll = true;
-        validatePackage(packageMetadata);
-        this.direction = localization.rtl ? 'rtl' : 'ltr';
-        this.localizationChangeSubscription = localization.changes.subscribe(({ rtl }) => {
-            this.direction = rtl ? 'rtl' : 'ltr';
-        });
-    }
-    get className() {
-        return 'k-widget k-chat';
-    }
-    get dirAttr() {
-        return this.direction;
-    }
-    ngOnChanges() {
-        this.zone.runOutsideAngular(() => setTimeout(() => {
-            this.messageList.nativeElement.style.flex = '1 1 auto';
-        }));
-    }
-    ngAfterViewInit() {
-        if (!isDevMode()) {
-            return;
-        }
-        if (!this.user) {
-            throw new Error('User must be set and have a valid id.');
-        }
-    }
-    ngOnDestroy() {
-        if (this.localizationChangeSubscription) {
-            this.localizationChangeSubscription.unsubscribe();
-        }
-    }
-    /**
-     * @hidden
-     */
-    sendClick() {
-        const input = this.messageInput.nativeElement;
-        const value = input.value;
-        if (!value) {
-            return;
-        }
-        const message = {
-            author: this.user,
-            text: value,
-            timestamp: new Date()
-        };
-        this.sendMessage.emit(new SendMessageEvent(message));
-        input.value = null;
-        input.focus();
-        this.autoScroll = true;
-    }
-    /**
-     * @hidden
-     */
-    inputKeydown(e) {
-        if (e.keyCode === 13 /* enter */) {
-            this.sendClick();
-        }
-    }
-    /**
-     * @hidden
-     */
-    dispatchAction(e) {
-        this.executeAction.emit(e);
-        if (!e.isDefaultPrevented()) {
-            const handler = makeHandler(e.action);
-            handler(e.action, this);
-            this.messageInput.nativeElement.focus();
-        }
-    }
-    /**
-     * @hidden
-     */
-    textFor(key) {
-        return this.localization.get(key);
-    }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Array)
-], ChatComponent.prototype, "messages", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], ChatComponent.prototype, "user", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], ChatComponent.prototype, "sendMessage", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], ChatComponent.prototype, "executeAction", void 0);
-tslib_1.__decorate([
-    HostBinding('class'),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [])
-], ChatComponent.prototype, "className", null);
-tslib_1.__decorate([
-    HostBinding('attr.dir'),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [])
-], ChatComponent.prototype, "dirAttr", null);
-tslib_1.__decorate([
-    ContentChild(AttachmentTemplateDirective, { static: false }),
-    tslib_1.__metadata("design:type", AttachmentTemplateDirective)
-], ChatComponent.prototype, "attachmentTemplate", void 0);
-tslib_1.__decorate([
-    ContentChild(MessageTemplateDirective, { static: false }),
-    tslib_1.__metadata("design:type", MessageTemplateDirective)
-], ChatComponent.prototype, "messageTemplate", void 0);
-tslib_1.__decorate([
-    ViewChild('messageInput', { static: true }),
-    tslib_1.__metadata("design:type", ElementRef)
-], ChatComponent.prototype, "messageInput", void 0);
-tslib_1.__decorate([
-    ViewChild('messageList', { static: true }),
-    tslib_1.__metadata("design:type", ElementRef)
-], ChatComponent.prototype, "messageList", void 0);
-ChatComponent = tslib_1.__decorate([
-    Component({
-        providers: [
-            LocalizationService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.chat'
-            }
-        ],
-        selector: 'kendo-chat',
-        template: `
-    <ng-container
-      kendoChatLocalizedMessages
-      i18n-messagePlaceholder="kendo.chat.messagePlaceholder|The placholder text of the message text input"
-      messagePlaceholder="Type a message..."
-
-      i18n-send="kendo.chat.send|The text for the Send button"
-      send="Send..."
-    >
-    </ng-container>
-
-    <div
-      #messageList
-      class="k-message-list k-avatars"
-      aria-live="polite" role="log"
-      kendoChatScrollAnchor
-        #anchor="scrollAnchor"
-        [(autoScroll)]="autoScroll"
-    >
-      <kendo-chat-message-list
-        [messages]="messages"
-        [messageTemplate]="messageTemplate"
-        [attachmentTemplate]="attachmentTemplate"
-        [user]="user"
-        (executeAction)="dispatchAction($event)"
-        (resize)="anchor.scrollToBottom()"
-        (navigate)="this.autoScroll = false"
-      >
-      </kendo-chat-message-list>
-    </div>
-
-    <div class="k-message-box">
-      <input
-        #messageInput
-        kendoChatFocusedState
-        type="text"
-        class="k-input"
-        [placeholder]="textFor('messagePlaceholder')"
-        (keydown)="inputKeydown($event)"
-      >
-      <button
-        kendoButton
-        fillMode="flat"
-        class="k-button-send"
-        tabindex="-1"
-        [attr.title]="textFor('send')"
-        (click)="sendClick()"
-      >${sendIcon}</button>
-    </div>
-  `
-    }),
-    tslib_1.__metadata("design:paramtypes", [LocalizationService,
-        NgZone])
-], ChatComponent);
-export { ChatComponent };