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

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

@@ -0,0 +1,88 @@
+/**-----------------------------------------------------------------------------------------
+* 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", "shape", "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,226 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { SendMessageEvent } from '../api';
+import { validatePackage } from '@progress/kendo-licensing';
+import { packageMetadata } from '../package-metadata';
+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 "./l10n/localized-messages.directive";
+import * as i4 from "../common/scroll-anchor.directive";
+import * as i5 from "../common/focused-state.directive";
+import * as i6 from "@progress/kendo-angular-buttons";
+// eslint-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 %}
+ *
+ */
+export 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);
+    }
+}
+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" }, 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 }], viewQueries: [{ propertyName: "messageInput", first: true, predicate: ["messageInput"], descendants: true, static: true }, { propertyName: "messageList", first: true, predicate: ["messageList"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "\n    <ng-container\n      kendoChatLocalizedMessages\n      i18n-messagePlaceholder=\"kendo.chat.messagePlaceholder|The placholder text of the message text input\"\n      messagePlaceholder=\"Type a message...\"\n\n      i18n-send=\"kendo.chat.send|The text for the Send button\"\n      send=\"Send...\"\n    >\n    </ng-container>\n\n    <div\n      #messageList\n      class=\"k-message-list k-avatars\"\n      aria-live=\"polite\" role=\"log\"\n      kendoChatScrollAnchor\n        #anchor=\"scrollAnchor\"\n        [(autoScroll)]=\"autoScroll\"\n    >\n      <kendo-chat-message-list\n        [messages]=\"messages\"\n        [messageTemplate]=\"messageTemplate\"\n        [attachmentTemplate]=\"attachmentTemplate\"\n        [user]=\"user\"\n        (executeAction)=\"dispatchAction($event)\"\n        (resize)=\"anchor.scrollToBottom()\"\n        (navigate)=\"this.autoScroll = false\"\n      >\n      </kendo-chat-message-list>\n    </div>\n\n    <div class=\"k-message-box\">\n      <input\n        #messageInput\n        kendoChatFocusedState\n        type=\"text\"\n        class=\"k-input\"\n        [placeholder]=\"textFor('messagePlaceholder')\"\n        (keydown)=\"inputKeydown($event)\"\n      >\n      <button\n        kendoButton\n        fillMode=\"flat\"\n        class=\"k-button-send\"\n        tabindex=\"-1\"\n        [attr.title]=\"textFor('send')\"\n        (click)=\"sendClick()\"\n      ><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></button>\n    </div>\n  ", isInline: true, components: [{ type: i2.MessageListComponent, selector: "kendo-chat-message-list", inputs: ["messages", "attachmentTemplate", "messageTemplate", "user"], outputs: ["executeAction", "navigate", "resize"] }], directives: [{ type: i3.LocalizedMessagesDirective, selector: "[kendoChatLocalizedMessages]" }, { type: i4.ScrollAnchorDirective, selector: "[kendoChatScrollAnchor]", inputs: ["autoScroll"], outputs: ["autoScrollChange"], exportAs: ["scrollAnchor"] }, { type: i5.FocusedStateDirective, selector: "[kendoChatFocusedState]" }, { type: i6.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "shape", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
+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>
+
+    <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>
+  `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.NgZone }]; }, propDecorators: { messages: [{
+                type: Input
+            }], user: [{
+                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 }]
+            }], messageInput: [{
+                type: ViewChild,
+                args: ['messageInput', { static: true }]
+            }], 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';
@@ -18,6 +17,7 @@ import { MessageListComponent } from './message-list.component';
 import { NgModule } from '@angular/core';
 import { ScrollAnchorDirective } from '../common/scroll-anchor.directive';
 import { SuggestedActionsComponent } from './suggested-actions.component';
+import * as i0 from "@angular/core";
 const PUBLIC_DIRECTIVES = [
     ChatComponent,
     CustomMessagesComponent,
@@ -57,20 +57,45 @@ 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, AttachmentComponent,
+        FocusedStateDirective,
+        LocalizedMessagesDirective,
+        MessageAttachmentsComponent,
+        MessageComponent,
+        MessageListComponent,
+        MessageTemplateDirective,
+        ScrollAnchorDirective,
+        SuggestedActionsComponent], imports: [ButtonModule,
+        CommonModule,
+        ResizeSensorModule], exports: [ChatComponent,
+        CustomMessagesComponent,
+        AttachmentTemplateDirective,
+        MessageTemplateDirective,
+        HeroCardComponent] });
+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
+                    ]
+                }]
+        }] });

package/esm2015/chat/l10n/custom-messages.component.js

@@ -0,0 +1,42 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, 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
+/**
+ * Custom component messages override default component messages
+ * ([see example]({% slug globalization_chat %}#toc-custom-messages)).
+ */
+export class CustomMessagesComponent extends Messages {
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+    get override() {
+        return true;
+    }
+}
+CustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+CustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CustomMessagesComponent, selector: "kendo-chat-messages", providers: [
+        {
+            provide: Messages,
+            useExisting: forwardRef(() => CustomMessagesComponent)
+        }
+    ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CustomMessagesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [
+                        {
+                            provide: Messages,
+                            useExisting: forwardRef(() => CustomMessagesComponent)
+                        }
+                    ],
+                    selector: 'kendo-chat-messages',
+                    template: ``
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });