@progress/kendo-angular-conversational-ui 4.0.2-dev.202203091004 → 5.0.0-next.202203171033

package/dist/es/common/utils.js

@@ -1,13 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export var closest = function (node, predicate) {
-    while (node && !predicate(node)) {
-        node = node.parentNode;
-    }
-    return node;
-};

package/dist/es/index.js

@@ -1,21 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './main';
-export { PreventableEvent } from './api/preventable-event';
-export { HeroCardComponent } from './cards/hero-card.component';
-export { AttachmentComponent } from './chat/attachment.component';
-export { ChatItem } from './chat/chat-item';
-export { CustomMessagesComponent } from './chat/l10n/custom-messages.component';
-export { LocalizedMessagesDirective } from './chat/l10n/localized-messages.directive';
-export { Messages } from './chat/l10n/messages';
-export { MessageAttachmentsComponent } from './chat/message-attachments.component';
-export { MessageListComponent } from './chat/message-list.component';
-export { MessageComponent } from './chat/message.component';
-export { SuggestedActionsComponent } from './chat/suggested-actions.component';
-export { FocusedStateDirective } from './common/focused-state.directive';
-export { ScrollAnchorDirective } from './common/scroll-anchor.directive';

package/dist/es/main.js

@@ -1,8 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export * from './chat/chat.directives';
-export * from './chat/chat.module';
-export * from './api/execute-action-event';
-export * from './api/post-message-event';

package/dist/es/package-metadata.js

@@ -1,15 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export var packageMetadata = {
-    name: '@progress/kendo-angular-conversational-ui',
-    productName: 'Kendo UI for Angular',
-    productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1646820248,
-    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'
-};

package/dist/es2015/api/message.interface.js

@@ -1,4 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/

package/dist/es2015/cards/hero-card.component.js

@@ -1,78 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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 { Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';
-/**
- * Represents a Hero Card component ([see example]({% slug dialogflow_chat %})).
- * Hero cards host a single large image and action buttons with text content.
- */
-let HeroCardComponent = class HeroCardComponent {
-    /**
-     * Represents a Hero Card component ([see example]({% slug dialogflow_chat %})).
-     * Hero cards host a single large image and action buttons with text content.
-     */
-    constructor() {
-        this.cssClass = true;
-        /**
-         * Fires when the user clicks a button.
-         */
-        this.executeAction = new EventEmitter();
-    }
-    onClick(action) {
-        this.executeAction.next(action);
-    }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], HeroCardComponent.prototype, "imageUrl", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], HeroCardComponent.prototype, "title", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], HeroCardComponent.prototype, "subtitle", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Array)
-], HeroCardComponent.prototype, "actions", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-card'),
-    tslib_1.__metadata("design:type", Boolean)
-], HeroCardComponent.prototype, "cssClass", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], HeroCardComponent.prototype, "executeAction", void 0);
-HeroCardComponent = tslib_1.__decorate([
-    Component({
-        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>
-  `
-    })
-], HeroCardComponent);
-export { HeroCardComponent };

package/dist/es2015/chat/attachment.component.js

@@ -1,66 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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 { Component, Input } from '@angular/core';
-import { AttachmentTemplateDirective } from './chat.directives';
-/**
- * @hidden
- */
-let AttachmentComponent = 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 || '';
-    }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object),
-    tslib_1.__metadata("design:paramtypes", [Object])
-], AttachmentComponent.prototype, "attachment", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", AttachmentTemplateDirective)
-], AttachmentComponent.prototype, "template", void 0);
-AttachmentComponent = tslib_1.__decorate([
-    Component({
-        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>
-  `
-    })
-], AttachmentComponent);
-export { AttachmentComponent };

package/dist/es2015/chat/chat.component.js

@@ -1,230 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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 { Component, ContentChild, ElementRef, EventEmitter, HostBinding, Input, isDevMode, Output, ViewChild, NgZone } 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/post-message-event';
-import { validatePackage } from '@progress/kendo-licensing';
-import { packageMetadata } from '../package-metadata';
-// tslint: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 %}
- *
- */
-let ChatComponent = 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);
-    }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Array)
-], ChatComponent.prototype, "messages", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], ChatComponent.prototype, "user", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], ChatComponent.prototype, "sendMessage", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], ChatComponent.prototype, "executeAction", void 0);
-tslib_1.__decorate([
-    HostBinding('class'),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [])
-], ChatComponent.prototype, "className", null);
-tslib_1.__decorate([
-    HostBinding('attr.dir'),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [])
-], ChatComponent.prototype, "dirAttr", null);
-tslib_1.__decorate([
-    ContentChild(AttachmentTemplateDirective, { static: false }),
-    tslib_1.__metadata("design:type", AttachmentTemplateDirective)
-], ChatComponent.prototype, "attachmentTemplate", void 0);
-tslib_1.__decorate([
-    ContentChild(MessageTemplateDirective, { static: false }),
-    tslib_1.__metadata("design:type", MessageTemplateDirective)
-], ChatComponent.prototype, "messageTemplate", void 0);
-tslib_1.__decorate([
-    ViewChild('messageInput', { static: true }),
-    tslib_1.__metadata("design:type", ElementRef)
-], ChatComponent.prototype, "messageInput", void 0);
-tslib_1.__decorate([
-    ViewChild('messageList', { static: true }),
-    tslib_1.__metadata("design:type", ElementRef)
-], ChatComponent.prototype, "messageList", void 0);
-ChatComponent = tslib_1.__decorate([
-    Component({
-        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>
-  `
-    }),
-    tslib_1.__metadata("design:paramtypes", [LocalizationService,
-        NgZone])
-], ChatComponent);
-export { ChatComponent };

package/dist/es2015/chat/chat.directives.js

@@ -1,7 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export { ChatComponent } from './chat.component';
-export { AttachmentTemplateDirective } from './attachment-template.directive';
-export { MessageTemplateDirective } from './message-template.directive';

package/dist/es2015/chat/chat.module.d.ts

@@ -1,27 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * The [NgModule]({{ site.data.urls.angular['ngmodules'] }}) for the Chat component.
- *
- * @example
- * ```ts-no-run
- * import { NgModule } from '@angular/core';
- * import { Component } from '@angular/core';
- * import { BrowserModule } from '@angular/platform-browser';
- *
- * import { ChatModule } from '@progress/kendo-angular-conversational-ui';
- * import { AppComponent }   from './app.component';
- *
- * _@NgModule({
- *   imports:      [ BrowserModule, ChatModule ],
- *   declarations: [ AppComponent ],
- *   bootstrap:    [ AppComponent ]
- * })
- *
- * export class AppModule { }
- * ```
- */
-export declare class ChatModule {
-}

package/dist/es2015/chat/l10n/custom-messages.component.js

@@ -1,37 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-var CustomMessagesComponent_1;
-import { Component, forwardRef } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { Messages } from './messages';
-// tslint:disable:no-forward-ref
-/**
- * Custom component messages override default component messages
- * ([see example]({% slug globalization_chat %}#toc-custom-messages)).
- */
-let CustomMessagesComponent = CustomMessagesComponent_1 = class CustomMessagesComponent extends Messages {
-    constructor(service) {
-        super();
-        this.service = service;
-    }
-    get override() {
-        return true;
-    }
-};
-CustomMessagesComponent = CustomMessagesComponent_1 = tslib_1.__decorate([
-    Component({
-        providers: [
-            {
-                provide: Messages,
-                useExisting: forwardRef(() => CustomMessagesComponent_1)
-            }
-        ],
-        selector: 'kendo-chat-messages',
-        template: ``
-    }),
-    tslib_1.__metadata("design:paramtypes", [LocalizationService])
-], CustomMessagesComponent);
-export { CustomMessagesComponent };

package/dist/es2015/chat/l10n/localized-messages.directive.js

@@ -1,32 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-var LocalizedMessagesDirective_1;
-import { Directive, forwardRef } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { Messages } from './messages';
-// tslint:disable:no-forward-ref
-/**
- * @hidden
- */
-let LocalizedMessagesDirective = LocalizedMessagesDirective_1 = class LocalizedMessagesDirective extends Messages {
-    constructor(service) {
-        super();
-        this.service = service;
-    }
-};
-LocalizedMessagesDirective = LocalizedMessagesDirective_1 = tslib_1.__decorate([
-    Directive({
-        providers: [
-            {
-                provide: Messages,
-                useExisting: forwardRef(() => LocalizedMessagesDirective_1)
-            }
-        ],
-        selector: '[kendoChatLocalizedMessages]'
-    }),
-    tslib_1.__metadata("design:paramtypes", [LocalizationService])
-], LocalizedMessagesDirective);
-export { LocalizedMessagesDirective };

package/dist/es2015/chat/l10n/messages.js

@@ -1,20 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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 { Input } from '@angular/core';
-import { ComponentMessages } from '@progress/kendo-angular-l10n';
-/**
- * @hidden
- */
-export class Messages extends ComponentMessages {
-}
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], Messages.prototype, "messagePlaceholder", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], Messages.prototype, "send", void 0);