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

package/esm2015/chat/l10n/localized-messages.directive.js

@@ -0,0 +1,37 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, forwardRef } from '@angular/core';
+import { Messages } from './messages';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+// eslint-disable no-forward-ref
+/**
+ * @hidden
+ */
+export class LocalizedMessagesDirective extends Messages {
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+}
+LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: LocalizedMessagesDirective, selector: "[kendoChatLocalizedMessages]", providers: [
+        {
+            provide: Messages,
+            useExisting: forwardRef(() => LocalizedMessagesDirective)
+        }
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [
+                        {
+                            provide: Messages,
+                            useExisting: forwardRef(() => LocalizedMessagesDirective)
+                        }
+                    ],
+                    selector: '[kendoChatLocalizedMessages]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });

package/esm2015/chat/l10n/messages.js

@@ -0,0 +1,24 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Input } from '@angular/core';
+import { ComponentMessages } from '@progress/kendo-angular-l10n';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class Messages extends ComponentMessages {
+}
+Messages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+Messages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: Messages, selector: "kendoConversationalUIMessages", inputs: { messagePlaceholder: "messagePlaceholder", send: "send" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Messages, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kendoConversationalUIMessages'
+                }]
+        }], propDecorators: { messagePlaceholder: [{
+                type: Input
+            }], send: [{
+                type: Input
+            }] } });

package/{dist/es2015 → esm2015}/chat/message-attachments.component.js

@@ -2,18 +2,18 @@
 * 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";
-var MessageAttachmentsComponent_1;
-import { Component, ElementRef, forwardRef, HostBinding, Input, NgZone, QueryList, ViewChild, ViewChildren } from '@angular/core';
+import { Component, ElementRef, forwardRef, HostBinding, Input, 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
+import * as i0 from "@angular/core";
+import * as i1 from "./attachment.component";
+import * as i2 from "@angular/common";
+// eslint-disable no-forward-ref
 /**
  * @hidden
  */
-let MessageAttachmentsComponent = MessageAttachmentsComponent_1 = class MessageAttachmentsComponent extends ChatItem {
+export class MessageAttachmentsComponent extends ChatItem {
     constructor(zone) {
         super();
         this.zone = zone;
@@ -93,44 +93,52 @@ let MessageAttachmentsComponent = MessageAttachmentsComponent_1 = class MessageA
             });
         }
     }
-};
-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(() => MessageAttachmentsComponent_1)
-            }],
-        selector: 'kendo-chat-message-attachments',
-        template: `
+}
+MessageAttachmentsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MessageAttachmentsComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+MessageAttachmentsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MessageAttachmentsComponent, selector: "kendo-chat-message-attachments", inputs: { attachments: "attachments", layout: "layout", tabbable: "tabbable", template: "template" }, host: { properties: { "class.k-card-deck-scrollwrap": "this.carousel" } }, providers: [{
+            provide: ChatItem,
+            useExisting: forwardRef(() => MessageAttachmentsComponent)
+        }], viewQueries: [{ propertyName: "deck", first: true, predicate: ["deck"], descendants: true, read: ElementRef, static: true }, { propertyName: "items", predicate: ["item"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
+    <button
+      *ngIf="carousel && scrollPosition > 0"
+      (click)="scrollTo(-1)"
+      class="k-button k-icon-button k-button-md k-rounded-md k-button-solid k-button-solid-base"
+      tabindex="-1">
+        <span class="k-icon k-button-icon k-i-arrow-chevron-left"></span>
+    </button>
+    <div #deck [class.k-card-deck]="carousel">
+      <kendo-chat-attachment #item
+        *ngFor="let att of attachments; index as index; first as first; last as last"
+        [attachment]="att"
+        [template]="template"
+        [class.k-state-selected]="isSelected(index)"
+        [class.k-state-focused]="isSelected(index)"
+        [class.k-card-wrap]="true"
+        [class.k-first]="first"
+        [class.k-last]="last"
+        [attr.tabindex]="tabbable && isSelected(index) ? '0' : '-1'"
+        (click)="itemClick(index)"
+        (keydown)="itemKeydown($event, att)"
+      >
+      </kendo-chat-attachment>
+    </div>
+    <button
+      *ngIf="carousel && scrollPosition < 1"
+      (click)="scrollTo(1)"
+      class="k-button k-icon-button k-button-md k-rounded-md k-button-solid k-button-solid-base"
+      tabindex="-1">
+        <span class="k-icon k-button-icon k-i-arrow-chevron-right"></span>
+    </button>
+  `, isInline: true, components: [{ type: i1.AttachmentComponent, selector: "kendo-chat-attachment", inputs: ["attachment", "template"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MessageAttachmentsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [{
+                            provide: ChatItem,
+                            useExisting: forwardRef(() => MessageAttachmentsComponent)
+                        }],
+                    selector: 'kendo-chat-message-attachments',
+                    template: `
     <button
       *ngIf="carousel && scrollPosition > 0"
       (click)="scrollTo(-1)"
@@ -162,7 +170,22 @@ MessageAttachmentsComponent = MessageAttachmentsComponent_1 = tslib_1.__decorate
         <span class="k-icon k-button-icon k-i-arrow-chevron-right"></span>
     </button>
   `
-    }),
-    tslib_1.__metadata("design:paramtypes", [NgZone])
-], MessageAttachmentsComponent);
-export { MessageAttachmentsComponent };
+                }]
+        }], ctorParameters: function () { return [{ type: i0.NgZone }]; }, propDecorators: { attachments: [{
+                type: Input
+            }], layout: [{
+                type: Input
+            }], tabbable: [{
+                type: Input
+            }], template: [{
+                type: Input
+            }], carousel: [{
+                type: HostBinding,
+                args: ['class.k-card-deck-scrollwrap']
+            }], deck: [{
+                type: ViewChild,
+                args: ['deck', { read: ElementRef, static: true }]
+            }], items: [{
+                type: ViewChildren,
+                args: ['item', { read: ElementRef }]
+            }] } });

package/esm2015/chat/message-list.component.js

@@ -0,0 +1,279 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, EventEmitter, HostBinding, HostListener, Input, Output, ViewChildren } from '@angular/core';
+import { ExecuteActionEvent } from '../api';
+import { closest } from '../common/utils';
+import { ChatItem } from './chat-item';
+import { chatView, isAuthor } from './chat-view';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-intl";
+import * as i2 from "./message.component";
+import * as i3 from "./attachment.component";
+import * as i4 from "./message-attachments.component";
+import * as i5 from "./suggested-actions.component";
+import * as i6 from "@progress/kendo-angular-common";
+import * as i7 from "@angular/common";
+/**
+ * @hidden
+ */
+export class MessageListComponent {
+    constructor(element, intl) {
+        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 = {
+            [38 /* up */]: (e) => this.navigateTo(e, -1),
+            [40 /* down */]: (e) => this.navigateTo(e, 1)
+        };
+    }
+    set messages(value) {
+        const data = value || [];
+        this.view = chatView(data);
+        this._messages = data;
+    }
+    get messages() {
+        return this._messages;
+    }
+    ngAfterViewInit() {
+        this.selectedItem = this.items.last;
+    }
+    onResize() {
+        this.resize.emit();
+    }
+    formatTimeStamp(date) {
+        return this.intl.formatDate(date, { date: 'full' });
+    }
+    onKeydown(e) {
+        const action = this.keyActions[e.keyCode];
+        if (action) {
+            action(e);
+        }
+    }
+    onBlur(args) {
+        const next = args.relatedTarget || document.activeElement;
+        const outside = !closest(next, (node) => node === this.element.nativeElement);
+        if (outside) {
+            this.select(null);
+        }
+    }
+    isOwnMessage(msg) {
+        return isAuthor(this.user, msg);
+    }
+    dispatchAction(action, message) {
+        const args = new ExecuteActionEvent(action, message);
+        this.executeAction.emit(args);
+    }
+    trackGroup(_index, item) {
+        return item.trackBy;
+    }
+    select(item) {
+        const prevItem = this.selectedItem;
+        if (prevItem) {
+            prevItem.selected = false;
+        }
+        if (item) {
+            item.selected = true;
+            this.selectedItem = item;
+        }
+    }
+    last(items) {
+        if (!items || items.length === 0) {
+            return;
+        }
+        return items[items.length - 1];
+    }
+    navigateTo(e, offset) {
+        const items = this.items.toArray();
+        const prevItem = this.selectedItem;
+        const prevIndex = items.indexOf(prevItem);
+        const nextIndex = Math.max(0, Math.min(prevIndex + offset, this.items.length - 1));
+        const nextItem = items[nextIndex];
+        if (nextItem !== prevItem) {
+            this.select(nextItem);
+            nextItem.focus();
+            this.navigate.emit();
+            e.preventDefault();
+        }
+    }
+}
+MessageListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MessageListComponent, deps: [{ token: i0.ElementRef }, { token: i1.IntlService }], target: i0.ɵɵFactoryTarget.Component });
+MessageListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MessageListComponent, selector: "kendo-chat-message-list", inputs: { messages: "messages", attachmentTemplate: "attachmentTemplate", messageTemplate: "messageTemplate", user: "user" }, outputs: { executeAction: "executeAction", navigate: "navigate", resize: "resize" }, host: { listeners: { "keydown": "onKeydown($event)", "focusout": "onBlur($event)" }, properties: { "class.k-message-list-content": "this.cssClass" } }, viewQueries: [{ propertyName: "items", predicate: ChatItem, descendants: true }], ngImport: i0, template: `
+    <ng-container *ngFor="let group of view; last as lastGroup; trackBy: trackGroup">
+      <ng-container [ngSwitch]="group.type">
+        <div
+          *ngSwitchCase="'date-marker'"
+          class="k-timestamp"
+        >
+          {{ formatTimeStamp(group.timestamp) }}
+        </div>
+        <div
+          *ngSwitchCase="'message-group'"
+          class="k-message-group"
+          [class.k-alt]="isOwnMessage(group.messages[0])"
+          [class.k-no-avatar]="!group.author.avatarUrl"
+        >
+          <img
+            *ngIf="group.author.avatarUrl"
+            [attr.src]="group.author.avatarUrl"
+            class="k-avatar"
+          />
+          <p *ngIf="group.author.name" class="k-author">{{ group.author.name }}</p>
+          <ng-container
+              *ngFor="let msg of group.messages; first as firstMessage; last as lastMessage"
+          >
+            <img *ngIf="msg.user?.avatarUrl" [src]="msg.user?.avatarUrl" class="k-avatar">
+            <kendo-chat-message #message
+              [message]="msg"
+              [tabbable]="lastGroup && lastMessage"
+              [template]="messageTemplate"
+              (click)="select(message)"
+              (focus)="select(message)"
+              [class.k-only]="group.messages.length === 1"
+              [class.k-first]="group.messages.length > 1 && firstMessage"
+              [class.k-last]="group.messages.length > 1 && lastMessage"
+            >
+            </kendo-chat-message>
+
+            <kendo-chat-attachment
+              *ngIf="msg.attachments && msg.attachments.length === 1"
+              [attachment]="msg.attachments[0]"
+              [template]="attachmentTemplate"
+              >
+            </kendo-chat-attachment>
+          </ng-container>
+        </div>
+
+        <kendo-chat-message-attachments #attachments
+          *ngSwitchCase="'attachment-group'"
+          [attachments]="group.attachments"
+          [layout]="group.attachmentLayout"
+          [tabbable]="lastGroup"
+          [template]="attachmentTemplate"
+          (click)="select(attachments)"
+          (focus)="select(attachments)"
+        >
+        </kendo-chat-message-attachments>
+
+        <kendo-chat-suggested-actions #actions
+          *ngSwitchCase="'action-group'"
+          [actions]="group.actions"
+          [tabbable]="lastGroup"
+          (dispatch)="dispatchAction($event, last(group.messages))"
+          (click)="select(actions)"
+          (focus)="select(actions)"
+        >
+        </kendo-chat-suggested-actions>
+      </ng-container>
+    </ng-container>
+    <kendo-resize-sensor (resize)="onResize()">
+    </kendo-resize-sensor>
+  `, isInline: true, components: [{ type: i2.MessageComponent, selector: "kendo-chat-message", inputs: ["message", "tabbable", "template"] }, { type: i3.AttachmentComponent, selector: "kendo-chat-attachment", inputs: ["attachment", "template"] }, { type: i4.MessageAttachmentsComponent, selector: "kendo-chat-message-attachments", inputs: ["attachments", "layout", "tabbable", "template"] }, { type: i5.SuggestedActionsComponent, selector: "kendo-chat-suggested-actions", inputs: ["actions", "tabbable"], outputs: ["dispatch"] }, { type: i6.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], directives: [{ type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i7.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MessageListComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-chat-message-list',
+                    template: `
+    <ng-container *ngFor="let group of view; last as lastGroup; trackBy: trackGroup">
+      <ng-container [ngSwitch]="group.type">
+        <div
+          *ngSwitchCase="'date-marker'"
+          class="k-timestamp"
+        >
+          {{ formatTimeStamp(group.timestamp) }}
+        </div>
+        <div
+          *ngSwitchCase="'message-group'"
+          class="k-message-group"
+          [class.k-alt]="isOwnMessage(group.messages[0])"
+          [class.k-no-avatar]="!group.author.avatarUrl"
+        >
+          <img
+            *ngIf="group.author.avatarUrl"
+            [attr.src]="group.author.avatarUrl"
+            class="k-avatar"
+          />
+          <p *ngIf="group.author.name" class="k-author">{{ group.author.name }}</p>
+          <ng-container
+              *ngFor="let msg of group.messages; first as firstMessage; last as lastMessage"
+          >
+            <img *ngIf="msg.user?.avatarUrl" [src]="msg.user?.avatarUrl" class="k-avatar">
+            <kendo-chat-message #message
+              [message]="msg"
+              [tabbable]="lastGroup && lastMessage"
+              [template]="messageTemplate"
+              (click)="select(message)"
+              (focus)="select(message)"
+              [class.k-only]="group.messages.length === 1"
+              [class.k-first]="group.messages.length > 1 && firstMessage"
+              [class.k-last]="group.messages.length > 1 && lastMessage"
+            >
+            </kendo-chat-message>
+
+            <kendo-chat-attachment
+              *ngIf="msg.attachments && msg.attachments.length === 1"
+              [attachment]="msg.attachments[0]"
+              [template]="attachmentTemplate"
+              >
+            </kendo-chat-attachment>
+          </ng-container>
+        </div>
+
+        <kendo-chat-message-attachments #attachments
+          *ngSwitchCase="'attachment-group'"
+          [attachments]="group.attachments"
+          [layout]="group.attachmentLayout"
+          [tabbable]="lastGroup"
+          [template]="attachmentTemplate"
+          (click)="select(attachments)"
+          (focus)="select(attachments)"
+        >
+        </kendo-chat-message-attachments>
+
+        <kendo-chat-suggested-actions #actions
+          *ngSwitchCase="'action-group'"
+          [actions]="group.actions"
+          [tabbable]="lastGroup"
+          (dispatch)="dispatchAction($event, last(group.messages))"
+          (click)="select(actions)"
+          (focus)="select(actions)"
+        >
+        </kendo-chat-suggested-actions>
+      </ng-container>
+    </ng-container>
+    <kendo-resize-sensor (resize)="onResize()">
+    </kendo-resize-sensor>
+  `
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.IntlService }]; }, propDecorators: { messages: [{
+                type: Input
+            }], attachmentTemplate: [{
+                type: Input
+            }], messageTemplate: [{
+                type: Input
+            }], user: [{
+                type: Input
+            }], executeAction: [{
+                type: Output
+            }], navigate: [{
+                type: Output
+            }], resize: [{
+                type: Output
+            }], items: [{
+                type: ViewChildren,
+                args: [ChatItem]
+            }], cssClass: [{
+                type: HostBinding,
+                args: ['class.k-message-list-content']
+            }], onKeydown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }], onBlur: [{
+                type: HostListener,
+                args: ['focusout', ['$event']]
+            }] } });

package/{dist/es2015 → esm2015}/chat/message-template.directive.js

@@ -2,8 +2,8 @@
 * 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";
+import { Directive, Optional } from "@angular/core";
+import * as i0 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
@@ -16,16 +16,18 @@ import { Directive, Optional, TemplateRef } from "@angular/core";
  * {% embed_file shared/main.ts hidden %}
  * {% endmeta %}
  */
-let MessageTemplateDirective = class MessageTemplateDirective {
+export class MessageTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-};
-MessageTemplateDirective = tslib_1.__decorate([
-    Directive({
-        selector: '[kendoChatMessageTemplate]'
-    }),
-    tslib_1.__param(0, Optional()),
-    tslib_1.__metadata("design:paramtypes", [TemplateRef])
-], MessageTemplateDirective);
-export { MessageTemplateDirective };
+}
+MessageTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MessageTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+MessageTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: MessageTemplateDirective, selector: "[kendoChatMessageTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MessageTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoChatMessageTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });