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

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
+                }] }]; } });

package/esm2015/chat/message.component.js

@@ -0,0 +1,140 @@
+/**-----------------------------------------------------------------------------------------
+* 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, HostBinding, Input } from '@angular/core';
+import { ChatItem } from './chat-item';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-intl";
+import * as i2 from "@angular/common";
+// eslint-disable no-forward-ref
+/**
+ * @hidden
+ */
+export class MessageComponent extends ChatItem {
+    constructor(element, intl) {
+        super();
+        this.element = element;
+        this.intl = intl;
+        this.cssClass = true;
+    }
+    get tabIndex() {
+        return this.tabbable ? '0' : '-1';
+    }
+    formatTimeStamp(date) {
+        return this.intl.formatDate(date, { datetime: 'short' });
+    }
+    focus() {
+        this.element.nativeElement.focus();
+    }
+}
+MessageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MessageComponent, deps: [{ token: i0.ElementRef }, { token: i1.IntlService }], target: i0.ɵɵFactoryTarget.Component });
+MessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MessageComponent, selector: "kendo-chat-message", inputs: { message: "message", tabbable: "tabbable", template: "template" }, host: { properties: { "class.k-message": "this.cssClass", "class.k-state-selected": "this.selected", "class.k-state-focused": "this.selected", "attr.tabIndex": "this.tabIndex" } }, providers: [{
+            provide: ChatItem,
+            useExisting: forwardRef(() => MessageComponent)
+        }], usesInheritance: true, ngImport: i0, template: `
+        <time
+        [attr.aria-hidden]="!selected"
+        class="k-message-time"
+        *ngIf="message.timestamp"
+        >
+        {{ formatTimeStamp(message.timestamp) }}
+        </time>
+
+        <ng-container *ngIf="!message.typing; else typing">
+        <div class="k-bubble" *ngIf="template">
+            <ng-container
+            *ngTemplateOutlet="template.templateRef; context: { $implicit: message };"
+            >
+            </ng-container>
+        </div>
+
+        <div class="k-bubble" *ngIf="!template && message.text">
+            {{message.text}}
+        </div>
+        </ng-container>
+
+        <span
+        class="k-message-status"
+        *ngIf="message.status"
+        >
+        {{ message.status }}
+        </span>
+
+        <ng-template #typing>
+        <div class="k-bubble">
+            <div class="k-typing-indicator">
+            <span></span>
+            <span></span>
+            <span></span>
+            </div>
+        </div>
+        </ng-template>
+    `, isInline: true, directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MessageComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-chat-message',
+                    providers: [{
+                            provide: ChatItem,
+                            useExisting: forwardRef(() => MessageComponent)
+                        }],
+                    template: `
+        <time
+        [attr.aria-hidden]="!selected"
+        class="k-message-time"
+        *ngIf="message.timestamp"
+        >
+        {{ formatTimeStamp(message.timestamp) }}
+        </time>
+
+        <ng-container *ngIf="!message.typing; else typing">
+        <div class="k-bubble" *ngIf="template">
+            <ng-container
+            *ngTemplateOutlet="template.templateRef; context: { $implicit: message };"
+            >
+            </ng-container>
+        </div>
+
+        <div class="k-bubble" *ngIf="!template && message.text">
+            {{message.text}}
+        </div>
+        </ng-container>
+
+        <span
+        class="k-message-status"
+        *ngIf="message.status"
+        >
+        {{ message.status }}
+        </span>
+
+        <ng-template #typing>
+        <div class="k-bubble">
+            <div class="k-typing-indicator">
+            <span></span>
+            <span></span>
+            <span></span>
+            </div>
+        </div>
+        </ng-template>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.IntlService }]; }, propDecorators: { message: [{
+                type: Input
+            }], tabbable: [{
+                type: Input
+            }], template: [{
+                type: Input
+            }], cssClass: [{
+                type: HostBinding,
+                args: ['class.k-message']
+            }], selected: [{
+                type: HostBinding,
+                args: ['class.k-state-selected']
+            }, {
+                type: HostBinding,
+                args: ['class.k-state-focused']
+            }], tabIndex: [{
+                type: HostBinding,
+                args: ['attr.tabIndex']
+            }] } });

package/esm2015/chat/suggested-actions.component.js

@@ -0,0 +1,113 @@
+/**-----------------------------------------------------------------------------------------
+* 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, forwardRef, HostBinding, Input, Output, ViewChildren } from '@angular/core';
+import { ChatItem } from './chat-item';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+// eslint-disable no-forward-ref
+/**
+ * @hidden
+ */
+export class SuggestedActionsComponent extends ChatItem {
+    constructor() {
+        super(...arguments);
+        this.dispatch = new EventEmitter();
+        this.defaultClass = true;
+        this.selectedIndex = 0;
+        this.keyHandlers = {
+            [37 /* left */]: (e) => this.navigateTo(e, -1),
+            [39 /* right */]: (e) => this.navigateTo(e, 1),
+            [13 /* enter */]: (_, action) => this.actionClick(action)
+        };
+    }
+    isSelected(index) {
+        return this.selected && this.selectedIndex === index;
+    }
+    actionClick(action) {
+        this.dispatch.next(action);
+    }
+    actionKeydown(e, action) {
+        const handler = this.keyHandlers[e.keyCode];
+        if (handler) {
+            handler(e, action);
+        }
+    }
+    focus() {
+        this.select(this.selectedIndex);
+    }
+    select(index) {
+        this.selectedIndex = index;
+        const item = this.items.toArray()[index];
+        if (item) {
+            item.nativeElement.focus();
+        }
+    }
+    navigateTo(e, offset) {
+        const prevIndex = this.selectedIndex;
+        const nextIndex = Math.max(0, Math.min(prevIndex + offset, this.items.length - 1));
+        if (nextIndex !== prevIndex) {
+            this.select(nextIndex);
+            e.preventDefault();
+        }
+    }
+}
+SuggestedActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SuggestedActionsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+SuggestedActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SuggestedActionsComponent, selector: "kendo-chat-suggested-actions", inputs: { actions: "actions", tabbable: "tabbable" }, outputs: { dispatch: "dispatch" }, host: { properties: { "class.k-quick-replies": "this.defaultClass" } }, providers: [{
+            provide: ChatItem,
+            useExisting: forwardRef(() => SuggestedActionsComponent)
+        }], viewQueries: [{ propertyName: "items", predicate: ["item"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
+        <span
+            #item
+            *ngFor="let action of actions; index as index; first as first; last as last"
+            class="k-quick-reply"
+            [class.k-state-selected]="isSelected(index)"
+            [class.k-state-focused]="isSelected(index)"
+            [class.k-first]="first"
+            [class.k-last]="last"
+            [attr.tabindex]="tabbable && selectedIndex === index ? '0' : '-1'"
+            (click)="actionClick(action)"
+            (keydown)="actionKeydown($event, action)"
+        >
+        {{ action.title || action.value }}
+        </span>
+    `, isInline: true, directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SuggestedActionsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-chat-suggested-actions',
+                    providers: [{
+                            provide: ChatItem,
+                            useExisting: forwardRef(() => SuggestedActionsComponent)
+                        }],
+                    template: `
+        <span
+            #item
+            *ngFor="let action of actions; index as index; first as first; last as last"
+            class="k-quick-reply"
+            [class.k-state-selected]="isSelected(index)"
+            [class.k-state-focused]="isSelected(index)"
+            [class.k-first]="first"
+            [class.k-last]="last"
+            [attr.tabindex]="tabbable && selectedIndex === index ? '0' : '-1'"
+            (click)="actionClick(action)"
+            (keydown)="actionKeydown($event, action)"
+        >
+        {{ action.title || action.value }}
+        </span>
+    `
+                }]
+        }], propDecorators: { actions: [{
+                type: Input
+            }], tabbable: [{
+                type: Input
+            }], dispatch: [{
+                type: Output
+            }], defaultClass: [{
+                type: HostBinding,
+                args: ['class.k-quick-replies']
+            }], items: [{
+                type: ViewChildren,
+                args: ['item']
+            }] } });

package/esm2015/common/focused-state.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, HostListener, HostBinding } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class FocusedStateDirective {
+    constructor() {
+        this.focused = false;
+    }
+    onFocus() {
+        this.focused = true;
+    }
+    onBlur() {
+        this.focused = false;
+    }
+}
+FocusedStateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FocusedStateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+FocusedStateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FocusedStateDirective, selector: "[kendoChatFocusedState]", host: { listeners: { "focusin": "onFocus()", "focusout": "onBlur()" }, properties: { "class.k-focus": "this.focused" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FocusedStateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoChatFocusedState]'
+                }]
+        }], propDecorators: { focused: [{
+                type: HostBinding,
+                args: ['class.k-focus']
+            }], onFocus: [{
+                type: HostListener,
+                args: ['focusin']
+            }], onBlur: [{
+                type: HostListener,
+                args: ['focusout']
+            }] } });

package/{dist/es2015 → esm2015}/common/keys.enum.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 → esm2015}/common/models/message-box-options.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 {};