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

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

@@ -1,65 +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
- */
-var AttachmentComponent = /** @class */ (function () {
-    function AttachmentComponent() {
-    }
-    Object.defineProperty(AttachmentComponent.prototype, "attachment", {
-        get: function () {
-            return this._attachment;
-        },
-        set: function (value) {
-            this._attachment = value;
-            this.context = {
-                $implicit: this.attachment
-            };
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(AttachmentComponent.prototype, "image", {
-        get: function () {
-            return this.contentType.indexOf('image/') === 0;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(AttachmentComponent.prototype, "unknown", {
-        get: function () {
-            return !this.image;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(AttachmentComponent.prototype, "contentType", {
-        get: function () {
-            return this.attachment.contentType || '';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    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: "\n    <ng-container *ngIf=\"template\">\n      <ng-container *ngTemplateOutlet=\"template.templateRef; context: context;\">\n      </ng-container>\n    </ng-container>\n\n    <div *ngIf=\"!template\" class=\"k-card\">\n      <div class=\"k-card-body\">\n        <h5 class=\"k-card-title\" *ngIf=\"attachment.title\">\n          {{ attachment.title }}\n        </h5>\n        <h6 class=\"k-card-subtitle\" *ngIf=\"attachment.subtitle\">\n          {{ attachment.subtitle }}\n        </h6>\n        <img *ngIf=\"image\" [attr.src]=\"attachment.content\" />\n        <ng-container *ngIf=\"unknown\">\n          {{ attachment.content }}\n        </ng-container>\n      </div>\n    </div>\n  "
-        })
-    ], AttachmentComponent);
-    return AttachmentComponent;
-}());
-export { AttachmentComponent };

package/dist/es/chat/builtin-actions.js

@@ -1,28 +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 { SendMessageEvent } from '../api/post-message-event';
-var noop = function () { };
-var ɵ0 = noop;
-var ɵ1 = function (action, sender) {
-    sender.sendMessage.emit(new SendMessageEvent({
-        author: sender.user,
-        text: action.value,
-        timestamp: new Date()
-    }));
-}, ɵ2 = function (action) {
-    window.open('tel:' + action.value);
-}, ɵ3 = function (action) {
-    window.open(action.value);
-};
-var handlers = {
-    'reply': ɵ1,
-    'call': ɵ2,
-    'openUrl': ɵ3
-};
-/**
- * @hidden
- */
-export var makeHandler = function (action) { return handlers[action.type] || noop; };
-export { ɵ0, ɵ1, ɵ2, ɵ3 };

package/dist/es/chat/chat-item.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
- */
-var ChatItem = /** @class */ (function () {
-    function ChatItem() {
-    }
-    return ChatItem;
-}());
-export { ChatItem };

package/dist/es/chat/chat-view.js

@@ -1,92 +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 { isDevMode } from '@angular/core';
-/**
- * @hidden
- */
-export var isAuthor = function (user, msg) {
-    return user && msg.author && user.id === msg.author.id;
-};
-var last = function (arr) { return arr[arr.length - 1]; };
-var ɵ0 = last;
-var dateChanged = function (curr, prev) {
-    return (curr && prev) && (prev.getDate() !== curr.getDate() ||
-        prev.getMonth() !== curr.getMonth() ||
-        prev.getFullYear() !== curr.getFullYear());
-};
-var ɵ1 = dateChanged;
-var addDateMarker = function (acc, msg) {
-    var timestamp = msg.timestamp;
-    var lastItem = last(acc);
-    if (!timestamp) {
-        return;
-    }
-    if (!lastItem || dateChanged(timestamp, lastItem.timestamp)) {
-        var dateMarker = {
-            type: 'date-marker',
-            timestamp: timestamp,
-            trackBy: timestamp.getTime()
-        };
-        acc.push(dateMarker);
-    }
-};
-var ɵ2 = addDateMarker;
-var groupMessages = function (acc, msg, isLastMessage) {
-    var lastItem = last(acc);
-    var messages;
-    if (isDevMode() && !msg.author) {
-        throw new Error('Author must be set for message: ' + JSON.stringify(msg));
-    }
-    if (msg.typing && !isLastMessage) {
-        return;
-    }
-    if (lastItem && lastItem.type === 'message-group') {
-        messages = lastItem.messages;
-    }
-    if (messages && isAuthor(msg.author, last(messages))) {
-        messages.push(msg);
-    }
-    else {
-        acc.push({
-            type: 'message-group',
-            messages: [msg],
-            author: msg.author,
-            timestamp: msg.timestamp,
-            trackBy: msg
-        });
-    }
-};
-var ɵ3 = groupMessages;
-var groupItems = function (total) { return function (acc, msg, index) {
-    var isLastMessage = index === total - 1;
-    addDateMarker(acc, msg);
-    groupMessages(acc, msg, isLastMessage);
-    if (msg.attachments && msg.attachments.length > 1) {
-        acc.push({
-            type: 'attachment-group',
-            attachments: msg.attachments,
-            attachmentLayout: msg.attachmentLayout,
-            timestamp: msg.timestamp,
-            trackBy: msg
-        });
-    }
-    if (msg.suggestedActions && isLastMessage) {
-        acc.push({
-            type: 'action-group',
-            actions: msg.suggestedActions,
-            timestamp: msg.timestamp,
-            trackBy: msg
-        });
-    }
-    return acc;
-}; };
-var ɵ4 = groupItems;
-/**
- * @hidden
- */
-export var chatView = function (messages) {
-    return messages.reduce(groupItems(messages.length), []);
-};
-export { ɵ0, ɵ1, ɵ2, ɵ3, ɵ4 };

package/dist/es/chat/chat.component.js

@@ -1,193 +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
-var 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 %}
- *
- */
-var ChatComponent = /** @class */ (function () {
-    function ChatComponent(localization, zone) {
-        var _this = this;
-        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(function (_a) {
-            var rtl = _a.rtl;
-            _this.direction = rtl ? 'rtl' : 'ltr';
-        });
-    }
-    Object.defineProperty(ChatComponent.prototype, "className", {
-        get: function () {
-            return 'k-widget k-chat';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ChatComponent.prototype, "dirAttr", {
-        get: function () {
-            return this.direction;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    ChatComponent.prototype.ngOnChanges = function () {
-        var _this = this;
-        this.zone.runOutsideAngular(function () { return setTimeout(function () {
-            _this.messageList.nativeElement.style.flex = '1 1 auto';
-        }); });
-    };
-    ChatComponent.prototype.ngAfterViewInit = function () {
-        if (!isDevMode()) {
-            return;
-        }
-        if (!this.user) {
-            throw new Error('User must be set and have a valid id.');
-        }
-    };
-    ChatComponent.prototype.ngOnDestroy = function () {
-        if (this.localizationChangeSubscription) {
-            this.localizationChangeSubscription.unsubscribe();
-        }
-    };
-    /**
-     * @hidden
-     */
-    ChatComponent.prototype.sendClick = function () {
-        var input = this.messageInput.nativeElement;
-        var value = input.value;
-        if (!value) {
-            return;
-        }
-        var message = {
-            author: this.user,
-            text: value,
-            timestamp: new Date()
-        };
-        this.sendMessage.emit(new SendMessageEvent(message));
-        input.value = null;
-        input.focus();
-        this.autoScroll = true;
-    };
-    /**
-     * @hidden
-     */
-    ChatComponent.prototype.inputKeydown = function (e) {
-        if (e.keyCode === 13 /* enter */) {
-            this.sendClick();
-        }
-    };
-    /**
-     * @hidden
-     */
-    ChatComponent.prototype.dispatchAction = function (e) {
-        this.executeAction.emit(e);
-        if (!e.isDefaultPrevented()) {
-            var handler = makeHandler(e.action);
-            handler(e.action, this);
-            this.messageInput.nativeElement.focus();
-        }
-    };
-    /**
-     * @hidden
-     */
-    ChatComponent.prototype.textFor = function (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: "\n    <ng-container\n      kendoChatLocalizedMessages\n      i18n-messagePlaceholder=\"kendo.chat.messagePlaceholder|The placholder text of the message text input\"\n      messagePlaceholder=\"Type a message...\"\n\n      i18n-send=\"kendo.chat.send|The text for the Send button\"\n      send=\"Send...\"\n    >\n    </ng-container>\n\n    <div\n      #messageList\n      class=\"k-message-list k-avatars\"\n      aria-live=\"polite\" role=\"log\"\n      kendoChatScrollAnchor\n        #anchor=\"scrollAnchor\"\n        [(autoScroll)]=\"autoScroll\"\n    >\n      <kendo-chat-message-list\n        [messages]=\"messages\"\n        [messageTemplate]=\"messageTemplate\"\n        [attachmentTemplate]=\"attachmentTemplate\"\n        [user]=\"user\"\n        (executeAction)=\"dispatchAction($event)\"\n        (resize)=\"anchor.scrollToBottom()\"\n        (navigate)=\"this.autoScroll = false\"\n      >\n      </kendo-chat-message-list>\n    </div>\n\n    <div class=\"k-message-box\">\n      <input\n        #messageInput\n        kendoChatFocusedState\n        type=\"text\"\n        class=\"k-input\"\n        [placeholder]=\"textFor('messagePlaceholder')\"\n        (keydown)=\"inputKeydown($event)\"\n      >\n      <button\n        kendoButton\n        fillMode=\"flat\"\n        class=\"k-button-send\"\n        tabindex=\"-1\"\n        [attr.title]=\"textFor('send')\"\n        (click)=\"sendClick()\"\n      >" + sendIcon + "</button>\n    </div>\n  "
-        }),
-        tslib_1.__metadata("design:paramtypes", [LocalizationService,
-            NgZone])
-    ], ChatComponent);
-    return ChatComponent;
-}());
-export { ChatComponent };

package/dist/es/chat/chat.module.js

@@ -1,76 +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 { AttachmentComponent } from './attachment.component';
-import { AttachmentTemplateDirective, ChatComponent, MessageTemplateDirective } from './chat.directives';
-import { ButtonModule } from '@progress/kendo-angular-buttons';
-import { CommonModule } from '@angular/common';
-import { ResizeSensorModule } from '@progress/kendo-angular-common';
-import { CustomMessagesComponent } from './l10n/custom-messages.component';
-import { FocusedStateDirective } from '../common/focused-state.directive';
-import { HeroCardComponent } from '../cards/hero-card.component';
-import { LocalizedMessagesDirective } from './l10n/localized-messages.directive';
-import { MessageAttachmentsComponent } from './message-attachments.component';
-import { MessageComponent } from './message.component';
-import { MessageListComponent } from './message-list.component';
-import { NgModule } from '@angular/core';
-import { ScrollAnchorDirective } from '../common/scroll-anchor.directive';
-import { SuggestedActionsComponent } from './suggested-actions.component';
-var PUBLIC_DIRECTIVES = [
-    ChatComponent,
-    CustomMessagesComponent,
-    AttachmentTemplateDirective,
-    MessageTemplateDirective,
-    HeroCardComponent
-];
-var PRIVATE_DIRECTIVES = [
-    AttachmentComponent,
-    FocusedStateDirective,
-    LocalizedMessagesDirective,
-    MessageAttachmentsComponent,
-    MessageComponent,
-    MessageListComponent,
-    MessageTemplateDirective,
-    ScrollAnchorDirective,
-    SuggestedActionsComponent
-];
-/**
- * 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 { }
- * ```
- */
-var ChatModule = /** @class */ (function () {
-    function ChatModule() {
-    }
-    ChatModule = tslib_1.__decorate([
-        NgModule({
-            declarations: PUBLIC_DIRECTIVES.concat(PRIVATE_DIRECTIVES),
-            exports: [PUBLIC_DIRECTIVES],
-            imports: [
-                ButtonModule,
-                CommonModule,
-                ResizeSensorModule
-            ]
-        })
-    ], ChatModule);
-    return ChatModule;
-}());
-export { ChatModule };

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

@@ -1,45 +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, 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)).
- */
-var CustomMessagesComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(CustomMessagesComponent, _super);
-    function CustomMessagesComponent(service) {
-        var _this = _super.call(this) || this;
-        _this.service = service;
-        return _this;
-    }
-    CustomMessagesComponent_1 = CustomMessagesComponent;
-    Object.defineProperty(CustomMessagesComponent.prototype, "override", {
-        get: function () {
-            return true;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    var CustomMessagesComponent_1;
-    CustomMessagesComponent = CustomMessagesComponent_1 = tslib_1.__decorate([
-        Component({
-            providers: [
-                {
-                    provide: Messages,
-                    useExisting: forwardRef(function () { return CustomMessagesComponent_1; })
-                }
-            ],
-            selector: 'kendo-chat-messages',
-            template: ""
-        }),
-        tslib_1.__metadata("design:paramtypes", [LocalizationService])
-    ], CustomMessagesComponent);
-    return CustomMessagesComponent;
-}(Messages));
-export { CustomMessagesComponent };

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

@@ -1,36 +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, forwardRef } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { Messages } from './messages';
-// tslint:disable:no-forward-ref
-/**
- * @hidden
- */
-var LocalizedMessagesDirective = /** @class */ (function (_super) {
-    tslib_1.__extends(LocalizedMessagesDirective, _super);
-    function LocalizedMessagesDirective(service) {
-        var _this = _super.call(this) || this;
-        _this.service = service;
-        return _this;
-    }
-    LocalizedMessagesDirective_1 = LocalizedMessagesDirective;
-    var LocalizedMessagesDirective_1;
-    LocalizedMessagesDirective = LocalizedMessagesDirective_1 = tslib_1.__decorate([
-        Directive({
-            providers: [
-                {
-                    provide: Messages,
-                    useExisting: forwardRef(function () { return LocalizedMessagesDirective_1; })
-                }
-            ],
-            selector: '[kendoChatLocalizedMessages]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [LocalizationService])
-    ], LocalizedMessagesDirective);
-    return LocalizedMessagesDirective;
-}(Messages));
-export { LocalizedMessagesDirective };

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

@@ -1,26 +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
- */
-var Messages = /** @class */ (function (_super) {
-    tslib_1.__extends(Messages, _super);
-    function Messages() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    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);
-    return Messages;
-}(ComponentMessages));
-export { Messages };