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

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);

package/dist/es2015/chat/message-box.component.js

@@ -1,157 +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, ElementRef, EventEmitter, HostBinding, Input, Output, ViewChild } from '@angular/core';
-import { SendMessageEvent } from '../api/post-message-event';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { Keys } from '@progress/kendo-angular-common';
-import { ChatMessageBoxTemplateDirective } from './message-box.directive';
-// 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>';
-/**
- * @hidden
- */
-let MessageBoxComponent = class MessageBoxComponent {
-    /**
-     * @hidden
-     */
-    constructor() {
-        this.hostClasses = 'k-message-box k-input k-input-md k-rounded-md k-input-solid';
-        this.sendMessage = new EventEmitter();
-    }
-    get messageBoxValue() {
-        return this.type === 'textarea';
-    }
-    /**
-     * @hidden
-     */
-    sendClick() {
-        const input = this.messageBoxInput.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 === Keys.Enter) {
-            this.sendClick();
-        }
-    }
-    /**
-     * @hidden
-     */
-    textAreaKeydown(e) {
-        const isEnter = e.keyCode === Keys.Enter;
-        if (!isEnter) {
-            return;
-        }
-        const newLine = (e.metaKey || e.ctrlKey);
-        const enterOnly = !(e.shiftKey || e.metaKey || e.ctrlKey);
-        if (enterOnly) {
-            e.preventDefault();
-            this.sendClick();
-        }
-        if (newLine) {
-            this.messageBoxInput.nativeElement.value += `\r\n`;
-        }
-    }
-    /**
-     * @hidden
-     */
-    textFor(key) {
-        return this.localization.get(key);
-    }
-};
-tslib_1.__decorate([
-    HostBinding('class'),
-    tslib_1.__metadata("design:type", String)
-], MessageBoxComponent.prototype, "hostClasses", void 0);
-tslib_1.__decorate([
-    HostBinding('class.\!k-align-items-end'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], MessageBoxComponent.prototype, "messageBoxValue", null);
-tslib_1.__decorate([
-    ViewChild('messageBoxInput', { static: false }),
-    tslib_1.__metadata("design:type", ElementRef)
-], MessageBoxComponent.prototype, "messageBoxInput", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], MessageBoxComponent.prototype, "user", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], MessageBoxComponent.prototype, "autoScroll", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], MessageBoxComponent.prototype, "type", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", LocalizationService)
-], MessageBoxComponent.prototype, "localization", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", ChatMessageBoxTemplateDirective)
-], MessageBoxComponent.prototype, "messageBoxTemplate", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], MessageBoxComponent.prototype, "sendMessage", void 0);
-MessageBoxComponent = tslib_1.__decorate([
-    Component({
-        selector: 'kendo-message-box',
-        template: `
-    <ng-container *ngIf="!messageBoxTemplate">
-        <input
-            *ngIf="type === 'textbox'"
-            #messageBoxInput
-            kendoChatFocusedState
-            type="text"
-            class="k-textbox k-input k-input-md k-input-solid"
-            [placeholder]="textFor('messagePlaceholder')"
-            (keydown)="inputKeydown($event)"
-        />
-
-        <textarea
-        *ngIf="type === 'textarea'"
-        #messageBoxInput
-        kendoChatFocusedState
-        [rows]="3"
-        class="k-textarea k-input k-input-md k-input-solid !k-overflow-y-auto k-resize-none"
-        [placeholder]="textFor('messagePlaceholder')"
-        (keydown)="textAreaKeydown($event)"
-        ></textarea>
-
-        <button
-            kendoButton
-            fillMode="flat"
-            class="k-button-send"
-            [tabindex]="0"
-            [attr.title]="textFor('send')"
-            (click)="sendClick()"
-        >
-            ${sendIcon}
-        </button>
-    </ng-container>
-
-    <ng-template *ngIf="messageBoxTemplate" [ngTemplateOutlet]="messageBoxTemplate?.templateRef"></ng-template>
-`
-    })
-], MessageBoxComponent);
-export { MessageBoxComponent };

package/dist/es2015/chat/message-box.directive.js

@@ -1,23 +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 { Directive, TemplateRef } from '@angular/core';
-/**
- * Creates a message box area that overrides the default message box of the Conversational UI Component.
- * To define a message-box template, nest an `<ng-template>` tag with the `kendoChatMessageBoxTemplate` directive inside the `<kendo-chat>` tag
- * [see example]({% slug message_box %}#toc-message-box-template).
- */
-let ChatMessageBoxTemplateDirective = class ChatMessageBoxTemplateDirective {
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
-};
-ChatMessageBoxTemplateDirective = tslib_1.__decorate([
-    Directive({
-        selector: '[kendoChatMessageBoxTemplate]'
-    }),
-    tslib_1.__metadata("design:paramtypes", [TemplateRef])
-], ChatMessageBoxTemplateDirective);
-export { ChatMessageBoxTemplateDirective };

package/dist/es2015/chat/message-list.component.js

@@ -1,227 +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, ElementRef, EventEmitter, HostBinding, HostListener, Input, Output, QueryList, ViewChildren } from '@angular/core';
-import { ExecuteActionEvent } from '../api/execute-action-event';
-import { closest } from '../common/utils';
-import { ChatItem } from './chat-item';
-import { chatView, isAuthor } from './chat-view';
-import { AttachmentTemplateDirective } from './chat.directives';
-import { MessageTemplateDirective } from './message-template.directive';
-import { IntlService } from '@progress/kendo-angular-intl';
-/**
- * @hidden
- */
-let MessageListComponent = 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();
-        }
-    }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Array),
-    tslib_1.__metadata("design:paramtypes", [Array])
-], MessageListComponent.prototype, "messages", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", AttachmentTemplateDirective)
-], MessageListComponent.prototype, "attachmentTemplate", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", MessageTemplateDirective)
-], MessageListComponent.prototype, "messageTemplate", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], MessageListComponent.prototype, "user", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], MessageListComponent.prototype, "executeAction", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], MessageListComponent.prototype, "navigate", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], MessageListComponent.prototype, "resize", void 0);
-tslib_1.__decorate([
-    ViewChildren(ChatItem),
-    tslib_1.__metadata("design:type", QueryList)
-], MessageListComponent.prototype, "items", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-message-list-content'),
-    tslib_1.__metadata("design:type", Boolean)
-], MessageListComponent.prototype, "cssClass", void 0);
-tslib_1.__decorate([
-    HostListener('keydown', ['$event']),
-    tslib_1.__metadata("design:type", Function),
-    tslib_1.__metadata("design:paramtypes", [Object]),
-    tslib_1.__metadata("design:returntype", void 0)
-], MessageListComponent.prototype, "onKeydown", null);
-tslib_1.__decorate([
-    HostListener('focusout', ['$event']),
-    tslib_1.__metadata("design:type", Function),
-    tslib_1.__metadata("design:paramtypes", [FocusEvent]),
-    tslib_1.__metadata("design:returntype", void 0)
-], MessageListComponent.prototype, "onBlur", null);
-MessageListComponent = tslib_1.__decorate([
-    Component({
-        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>
-    `
-    }),
-    tslib_1.__metadata("design:paramtypes", [ElementRef, IntlService])
-], MessageListComponent);
-export { MessageListComponent };

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

@@ -1,107 +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 MessageComponent_1;
-import { Component, ElementRef, forwardRef, HostBinding, Input } from '@angular/core';
-import { ChatItem } from './chat-item';
-import { MessageTemplateDirective } from './message-template.directive';
-import { IntlService } from '@progress/kendo-angular-intl';
-// tslint:disable:no-forward-ref
-/**
- * @hidden
- */
-let MessageComponent = MessageComponent_1 = 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();
-    }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], MessageComponent.prototype, "message", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], MessageComponent.prototype, "tabbable", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", MessageTemplateDirective)
-], MessageComponent.prototype, "template", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-message'),
-    tslib_1.__metadata("design:type", Boolean)
-], MessageComponent.prototype, "cssClass", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-state-selected'),
-    HostBinding('class.k-state-focused'),
-    tslib_1.__metadata("design:type", Boolean)
-], MessageComponent.prototype, "selected", void 0);
-tslib_1.__decorate([
-    HostBinding('attr.tabIndex'),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [])
-], MessageComponent.prototype, "tabIndex", null);
-MessageComponent = MessageComponent_1 = tslib_1.__decorate([
-    Component({
-        selector: 'kendo-chat-message',
-        providers: [{
-                provide: ChatItem,
-                useExisting: forwardRef(() => MessageComponent_1)
-            }],
-        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>
-    `
-    }),
-    tslib_1.__metadata("design:paramtypes", [ElementRef, IntlService])
-], MessageComponent);
-export { MessageComponent };