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

package/{dist/es2015 → esm2015}/api/action.interface.js

@@ -2,4 +2,5 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-// tslint:disable:max-line-length
+// eslint-disable max-line-length
+export {};

package/{dist/es2015 → esm2015}/api/attachment.interface.js

@@ -2,3 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export {};

package/{dist/es/api/attachment.interface.js → esm2015/api/index.js}

@@ -2,3 +2,9 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export * from './action.interface';
+export * from './attachment.interface';
+export * from './execute-action-event';
+export * from './message.interface';
+export * from './post-message-event';
+export * from './user.interface';

package/{dist/es → esm2015}/api/message.interface.js

@@ -2,3 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export {};

package/{dist/es2015 → esm2015}/api/user.interface.js

@@ -2,3 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export {};

package/esm2015/cards/hero-card.component.js

@@ -0,0 +1,90 @@
+/**-----------------------------------------------------------------------------------------
+* 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, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@progress/kendo-angular-buttons";
+/**
+ * Represents a Hero Card component ([see example]({% slug dialogflow_chat %})).
+ * Hero cards host a single large image and action buttons with text content.
+ */
+export class HeroCardComponent {
+    constructor() {
+        this.cssClass = true;
+        /**
+         * Fires when the user clicks a button.
+         */
+        this.executeAction = new EventEmitter();
+    }
+    onClick(action) {
+        this.executeAction.next(action);
+    }
+}
+HeroCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeroCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+HeroCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: HeroCardComponent, selector: "kendo-chat-hero-card", inputs: { imageUrl: "imageUrl", title: "title", subtitle: "subtitle", actions: "actions" }, outputs: { executeAction: "executeAction" }, host: { properties: { "class.k-card": "this.cssClass" } }, ngImport: i0, 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>
+    `, isInline: true, directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeroCardComponent, decorators: [{
+            type: Component,
+            args: [{
+                    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>
+    `
+                }]
+        }], propDecorators: { imageUrl: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], subtitle: [{
+                type: Input
+            }], actions: [{
+                type: Input
+            }], cssClass: [{
+                type: HostBinding,
+                args: ['class.k-card']
+            }], executeAction: [{
+                type: Output
+            }] } });

package/{dist/es2015 → esm2015}/chat/attachment-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 message attachments. To define an attachment
  * template, nest an `<ng-template>` tag with the `kendoChatAttachmentTemplate` attribute inside the
@@ -16,16 +16,18 @@ import { Directive, Optional, TemplateRef } from "@angular/core";
  * {% embed_file shared/main.ts hidden %}
  * {% endmeta %}
  */
-let AttachmentTemplateDirective = class AttachmentTemplateDirective {
+export class AttachmentTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-};
-AttachmentTemplateDirective = tslib_1.__decorate([
-    Directive({
-        selector: '[kendoChatAttachmentTemplate]'
-    }),
-    tslib_1.__param(0, Optional()),
-    tslib_1.__metadata("design:paramtypes", [TemplateRef])
-], AttachmentTemplateDirective);
-export { AttachmentTemplateDirective };
+}
+AttachmentTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AttachmentTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+AttachmentTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: AttachmentTemplateDirective, selector: "[kendoChatAttachmentTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AttachmentTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoChatAttachmentTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });

package/esm2015/chat/attachment.component.js

@@ -0,0 +1,83 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+/**
+ * @hidden
+ */
+export 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 || '';
+    }
+}
+AttachmentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AttachmentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AttachmentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: AttachmentComponent, selector: "kendo-chat-attachment", inputs: { attachment: "attachment", template: "template" }, ngImport: i0, 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>
+    `, isInline: true, directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AttachmentComponent, decorators: [{
+            type: Component,
+            args: [{
+                    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>
+    `
+                }]
+        }], propDecorators: { attachment: [{
+                type: Input
+            }], template: [{
+                type: Input
+            }] } });

package/{dist/es2015 → esm2015}/chat/builtin-actions.js

@@ -4,25 +4,22 @@
 *-------------------------------------------------------------------------------------------*/
 import { SendMessageEvent } from '../api/post-message-event';
 const noop = () => { };
-const ɵ0 = noop;
-const ɵ1 = (action, sender) => {
-    sender.sendMessage.emit(new SendMessageEvent({
-        author: sender.user,
-        text: action.value,
-        timestamp: new Date()
-    }));
-}, ɵ2 = (action) => {
-    window.open('tel:' + action.value);
-}, ɵ3 = (action) => {
-    window.open(action.value);
-};
 const handlers = {
-    'reply': ɵ1,
-    'call': ɵ2,
-    'openUrl': ɵ3
+    'reply': (action, sender) => {
+        sender.sendMessage.emit(new SendMessageEvent({
+            author: sender.user,
+            text: action.value,
+            timestamp: new Date()
+        }));
+    },
+    'call': (action) => {
+        window.open('tel:' + action.value);
+    },
+    'openUrl': (action) => {
+        window.open(action.value);
+    }
 };
 /**
  * @hidden
  */
 export const makeHandler = (action) => handlers[action.type] || noop;
-export { ɵ0, ɵ1, ɵ2, ɵ3 };

package/{dist/es2015 → esm2015}/chat/chat-view.js

@@ -8,11 +8,9 @@ import { isDevMode } from '@angular/core';
  */
 export const isAuthor = (user, msg) => user && msg.author && user.id === msg.author.id;
 const last = (arr) => arr[arr.length - 1];
-const ɵ0 = last;
 const dateChanged = (curr, prev) => (curr && prev) && (prev.getDate() !== curr.getDate() ||
     prev.getMonth() !== curr.getMonth() ||
     prev.getFullYear() !== curr.getFullYear());
-const ɵ1 = dateChanged;
 const addDateMarker = (acc, msg) => {
     const timestamp = msg.timestamp;
     const lastItem = last(acc);
@@ -28,7 +26,6 @@ const addDateMarker = (acc, msg) => {
         acc.push(dateMarker);
     }
 };
-const ɵ2 = addDateMarker;
 const groupMessages = (acc, msg, isLastMessage) => {
     const lastItem = last(acc);
     let messages;
@@ -54,7 +51,6 @@ const groupMessages = (acc, msg, isLastMessage) => {
         });
     }
 };
-const ɵ3 = groupMessages;
 const groupItems = (total) => (acc, msg, index) => {
     const isLastMessage = index === total - 1;
     addDateMarker(acc, msg);
@@ -78,9 +74,7 @@ const groupItems = (total) => (acc, msg, index) => {
     }
     return acc;
 };
-const ɵ4 = groupItems;
 /**
  * @hidden
  */
 export const chatView = (messages) => messages.reduce(groupItems(messages.length), []);
-export { ɵ0, ɵ1, ɵ2, ɵ3, ɵ4 };

package/esm2015/chat/chat.component.js

@@ -0,0 +1,246 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, ContentChild, EventEmitter, HostBinding, Input, isDevMode, Output, ViewChild } 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 { validatePackage } from '@progress/kendo-licensing';
+import { packageMetadata } from '../package-metadata';
+import { ChatMessageBoxTemplateDirective } from './message-box.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+import * as i2 from "./message-list.component";
+import * as i3 from "./message-box.component";
+import * as i4 from "./l10n/localized-messages.directive";
+import * as i5 from "../common/scroll-anchor.directive";
+/**
+ * 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 %}
+ *
+ */
+export class ChatComponent {
+    constructor(localization, zone) {
+        this.localization = localization;
+        this.zone = zone;
+        /**
+         * Used to switch between a one-liner input or a textarea.
+         * ([see example]({% slug message_box %})#toc-message-box-types).
+         * @default input
+         */
+        this.messageBoxType = 'textbox';
+        /**
+         * 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-chat';
+    }
+    get dirAttr() {
+        return this.direction;
+    }
+    /**
+     * @hidden
+     */
+    get localizationText() {
+        return this.localization;
+    }
+    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
+     */
+    dispatchAction(e) {
+        this.executeAction.emit(e);
+        if (!e.isDefaultPrevented()) {
+            const handler = makeHandler(e.action);
+            handler(e.action, this);
+            if (!this.messageBoxTemplate) {
+                this.messageBox.messageBoxInput.nativeElement.focus();
+            }
+        }
+    }
+    /**
+     * @hidden
+     */
+    textFor(key) {
+        return this.localization.get(key);
+    }
+}
+ChatComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ChatComponent, deps: [{ token: i1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+ChatComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ChatComponent, selector: "kendo-chat", inputs: { messages: "messages", user: "user", messageBoxType: "messageBoxType" }, outputs: { sendMessage: "sendMessage", executeAction: "executeAction" }, host: { properties: { "class": "this.className", "attr.dir": "this.dirAttr" } }, providers: [
+        LocalizationService,
+        {
+            provide: L10N_PREFIX,
+            useValue: 'kendo.chat'
+        }
+    ], queries: [{ propertyName: "attachmentTemplate", first: true, predicate: AttachmentTemplateDirective, descendants: true }, { propertyName: "messageTemplate", first: true, predicate: MessageTemplateDirective, descendants: true }, { propertyName: "messageBoxTemplate", first: true, predicate: ChatMessageBoxTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "messageBox", first: true, predicate: ["messageBox"], descendants: true }, { propertyName: "messageList", first: true, predicate: ["messageList"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, 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>
+        <kendo-message-box
+        #messageBox
+        [messageBoxTemplate]="messageBoxTemplate"
+        [type]="messageBoxType"
+        [user]="user"
+        [autoScroll]="autoScroll"
+        [localization]="localizationText"
+        (sendMessage)="sendMessage.emit($event)"
+        >
+        </kendo-message-box>
+    `, isInline: true, components: [{ type: i2.MessageListComponent, selector: "kendo-chat-message-list", inputs: ["messages", "attachmentTemplate", "messageTemplate", "user"], outputs: ["executeAction", "navigate", "resize"] }, { type: i3.MessageBoxComponent, selector: "kendo-message-box", inputs: ["user", "autoScroll", "type", "localization", "messageBoxTemplate"], outputs: ["sendMessage"] }], directives: [{ type: i4.LocalizedMessagesDirective, selector: "[kendoChatLocalizedMessages]" }, { type: i5.ScrollAnchorDirective, selector: "[kendoChatScrollAnchor]", inputs: ["autoScroll"], outputs: ["autoScrollChange"], exportAs: ["scrollAnchor"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ChatComponent, decorators: [{
+            type: Component,
+            args: [{
+                    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>
+        <kendo-message-box
+        #messageBox
+        [messageBoxTemplate]="messageBoxTemplate"
+        [type]="messageBoxType"
+        [user]="user"
+        [autoScroll]="autoScroll"
+        [localization]="localizationText"
+        (sendMessage)="sendMessage.emit($event)"
+        >
+        </kendo-message-box>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.NgZone }]; }, propDecorators: { messages: [{
+                type: Input
+            }], user: [{
+                type: Input
+            }], messageBoxType: [{
+                type: Input
+            }], sendMessage: [{
+                type: Output
+            }], executeAction: [{
+                type: Output
+            }], className: [{
+                type: HostBinding,
+                args: ['class']
+            }], dirAttr: [{
+                type: HostBinding,
+                args: ['attr.dir']
+            }], attachmentTemplate: [{
+                type: ContentChild,
+                args: [AttachmentTemplateDirective, { static: false }]
+            }], messageTemplate: [{
+                type: ContentChild,
+                args: [MessageTemplateDirective, { static: false }]
+            }], messageBoxTemplate: [{
+                type: ContentChild,
+                args: [ChatMessageBoxTemplateDirective, { static: false }]
+            }], messageBox: [{
+                type: ViewChild,
+                args: ['messageBox', { static: false }]
+            }], messageList: [{
+                type: ViewChild,
+                args: ['messageList', { static: true }]
+            }] } });

package/{dist/es2015 → esm2015}/chat/chat.module.js

@@ -2,7 +2,6 @@
 * 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 { AttachmentComponent } from './attachment.component';
 import { AttachmentTemplateDirective, ChatComponent, MessageTemplateDirective } from './chat.directives';
 import { ButtonModule } from '@progress/kendo-angular-buttons';
@@ -20,6 +19,7 @@ import { ScrollAnchorDirective } from '../common/scroll-anchor.directive';
 import { SuggestedActionsComponent } from './suggested-actions.component';
 import { MessageBoxComponent } from './message-box.component';
 import { ChatMessageBoxTemplateDirective } from './message-box.directive';
+import * as i0 from "@angular/core";
 const PUBLIC_DIRECTIVES = [
     ChatComponent,
     CustomMessagesComponent,
@@ -61,20 +61,48 @@ const PRIVATE_DIRECTIVES = [
  * export class AppModule { }
  * ```
  */
-let ChatModule = class ChatModule {
-};
-ChatModule = tslib_1.__decorate([
-    NgModule({
-        declarations: [
-            ...PUBLIC_DIRECTIVES,
-            ...PRIVATE_DIRECTIVES
-        ],
-        exports: [PUBLIC_DIRECTIVES],
-        imports: [
+export class ChatModule {
+}
+ChatModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ChatModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ChatModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ChatModule, declarations: [ChatComponent,
+        CustomMessagesComponent,
+        AttachmentTemplateDirective,
+        MessageTemplateDirective,
+        HeroCardComponent,
+        ChatMessageBoxTemplateDirective, AttachmentComponent,
+        FocusedStateDirective,
+        LocalizedMessagesDirective,
+        MessageAttachmentsComponent,
+        MessageComponent,
+        MessageListComponent,
+        MessageTemplateDirective,
+        ScrollAnchorDirective,
+        SuggestedActionsComponent,
+        MessageBoxComponent], imports: [ButtonModule,
+        CommonModule,
+        ResizeSensorModule], exports: [ChatComponent,
+        CustomMessagesComponent,
+        AttachmentTemplateDirective,
+        MessageTemplateDirective,
+        HeroCardComponent,
+        ChatMessageBoxTemplateDirective] });
+ChatModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ChatModule, imports: [[
             ButtonModule,
             CommonModule,
             ResizeSensorModule
-        ]
-    })
-], ChatModule);
-export { ChatModule };
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ChatModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ...PUBLIC_DIRECTIVES,
+                        ...PRIVATE_DIRECTIVES
+                    ],
+                    exports: [PUBLIC_DIRECTIVES],
+                    imports: [
+                        ButtonModule,
+                        CommonModule,
+                        ResizeSensorModule
+                    ]
+                }]
+        }] });