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

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,111 @@
+/**-----------------------------------------------------------------------------------------
+* 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-state-focused": "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-state-focused']
+            }], 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/es2015 → esm2015}/common/scroll-anchor.directive.js

@@ -2,14 +2,14 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Directive, ElementRef, EventEmitter, HostBinding, Input, NgZone, Output, Renderer2 } from '@angular/core';
+import { Directive, EventEmitter, HostBinding, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
 // Consider scroll to be at the bottom when within this number of pixels from the container height.
 const maxDelta = 2;
 /**
  * @hidden
  */
-let ScrollAnchorDirective = class ScrollAnchorDirective {
+export class ScrollAnchorDirective {
     constructor(element, zone, renderer) {
         this.element = element;
         this.zone = zone;
@@ -56,26 +56,20 @@ let ScrollAnchorDirective = class ScrollAnchorDirective {
         this.scrolling = true;
         this.zone.runOutsideAngular(() => setTimeout(() => this.scrolling = false, 1000));
     }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], ScrollAnchorDirective.prototype, "autoScroll", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], ScrollAnchorDirective.prototype, "autoScrollChange", void 0);
-tslib_1.__decorate([
-    HostBinding('style.overflow-anchor'),
-    tslib_1.__metadata("design:type", String)
-], ScrollAnchorDirective.prototype, "overflowAnchor", void 0);
-ScrollAnchorDirective = tslib_1.__decorate([
-    Directive({
-        selector: '[kendoChatScrollAnchor]',
-        exportAs: 'scrollAnchor'
-    }),
-    tslib_1.__metadata("design:paramtypes", [ElementRef,
-        NgZone,
-        Renderer2])
-], ScrollAnchorDirective);
-export { ScrollAnchorDirective };
+}
+ScrollAnchorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ScrollAnchorDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+ScrollAnchorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: ScrollAnchorDirective, selector: "[kendoChatScrollAnchor]", inputs: { autoScroll: "autoScroll" }, outputs: { autoScrollChange: "autoScrollChange" }, host: { properties: { "style.overflow-anchor": "this.overflowAnchor" } }, exportAs: ["scrollAnchor"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ScrollAnchorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoChatScrollAnchor]',
+                    exportAs: 'scrollAnchor'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Renderer2 }]; }, propDecorators: { autoScroll: [{
+                type: Input
+            }], autoScrollChange: [{
+                type: Output
+            }], overflowAnchor: [{
+                type: HostBinding,
+                args: ['style.overflow-anchor']
+            }] } });

package/{dist/es/api/action.interface.js → esm2015/kendo-angular-conversational-ui.js}

@@ -2,4 +2,7 @@
 * 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
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './main';

package/{dist/npm/chat/chat-item.js → esm2015/main.js}

@@ -2,14 +2,8 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-/**
- * @hidden
- */
-var ChatItem = /** @class */ (function () {
-    function ChatItem() {
-    }
-    return ChatItem;
-}());
-exports.ChatItem = ChatItem;
+export { ChatComponent, AttachmentTemplateDirective, MessageTemplateDirective } from './chat/chat.directives';
+export { ExecuteActionEvent, SendMessageEvent } from './api';
+export { ChatModule } from './chat/chat.module';
+export { HeroCardComponent } from './cards/hero-card.component';
+export { CustomMessagesComponent } from './chat/l10n/custom-messages.component';

package/{dist/es2015 → esm2015}/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-conversational-ui',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1642091336,
+    publishDate: 1645715764,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };