@progress/kendo-angular-conversational-ui 21.4.1-develop.1 → 22.0.0-develop.1

package/esm2022/chat/cards/hero-card.component.mjs

@@ -1,131 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';
-import { ButtonComponent } from '@progress/kendo-angular-buttons';
-import * as i0 from "@angular/core";
-/**
- * Represents a Hero Card component.
- * Hero cards display a single large image and action buttons with text content.
- *
- * @example
- * ```html
- * <kendo-chat-hero-card
- *   title="Card Title"
- *   subtitle="Card Subtitle"
- *   [actions]="actions">
- * </kendo-chat-hero-card>
- * ```
- */
-export class HeroCardComponent {
-    /**
-     * Sets the URL of the hero card image.
-     */
-    imageUrl;
-    /**
-     * Sets the title of the hero card.
-     */
-    title;
-    /**
-     * Sets the subtitle of the hero card.
-     */
-    subtitle;
-    /**
-     * Sets the array of quick actions for this hero card.
-     */
-    actions;
-    cssClass = true;
-    /**
-     * Fires when the user clicks a button.
-     */
-    executeAction = new EventEmitter();
-    /**
-     * Emits the `executeAction` event when the user clicks an action button.
-     */
-    onClick(action) {
-        this.executeAction.next(action);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: HeroCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: HeroCardComponent, isStandalone: true, selector: "kendo-chat-hero-card", inputs: { imageUrl: "imageUrl", title: "title", subtitle: "subtitle", actions: "actions" }, outputs: { executeAction: "executeAction" }, host: { properties: { "class.k-card": "this.cssClass" } }, ngImport: i0, template: `
-        @if (imageUrl) {
-          <img class="k-card-image" [src]="imageUrl" />
-        }
-        <div class="k-card-body">
-          @if (title) {
-            <h5 class="k-card-title">
-              {{ title }}
-            </h5>
-          }
-          @if (subtitle) {
-            <h6 class="k-card-subtitle">
-              {{ subtitle }}
-            </h6>
-          }
-        </div>
-        <div class="k-card-actions k-card-actions-vertical">
-          @for (act of actions; track act) {
-            <span class="k-card-action"
-              >
-              <button
-                kendoButton fillMode="flat"
-                (click)="onClick(act)"
-                >
-                {{ act.title }}
-              </button>
-            </span>
-          }
-        </div>
-        `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: HeroCardComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-chat-hero-card',
-                    template: `
-        @if (imageUrl) {
-          <img class="k-card-image" [src]="imageUrl" />
-        }
-        <div class="k-card-body">
-          @if (title) {
-            <h5 class="k-card-title">
-              {{ title }}
-            </h5>
-          }
-          @if (subtitle) {
-            <h6 class="k-card-subtitle">
-              {{ subtitle }}
-            </h6>
-          }
-        </div>
-        <div class="k-card-actions k-card-actions-vertical">
-          @for (act of actions; track act) {
-            <span class="k-card-action"
-              >
-              <button
-                kendoButton fillMode="flat"
-                (click)="onClick(act)"
-                >
-                {{ act.title }}
-              </button>
-            </span>
-          }
-        </div>
-        `,
-                    standalone: true,
-                    imports: [ButtonComponent]
-                }]
-        }], propDecorators: { imageUrl: [{
-                type: Input
-            }], title: [{
-                type: Input
-            }], subtitle: [{
-                type: Input
-            }], actions: [{
-                type: Input
-            }], cssClass: [{
-                type: HostBinding,
-                args: ['class.k-card']
-            }], executeAction: [{
-                type: Output
-            }] } });

package/esm2022/chat/chat-file.component.mjs

@@ -1,144 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/* eslint-disable @typescript-eslint/no-empty-function */
-import { Component, forwardRef, Input, Output, EventEmitter } from '@angular/core';
-import { ChatItem } from './chat-item';
-import { fileGroupClass, fileSVGGroupIcon, getTotalFilesSizeMessage } from '@progress/kendo-angular-upload';
-import { IconWrapperComponent } from '@progress/kendo-angular-icons';
-import { moreVerticalIcon, xIcon } from '@progress/kendo-svg-icons';
-import { ButtonComponent, DropDownButtonComponent } from '@progress/kendo-angular-buttons';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
-/**
- * @hidden
- */
-export class ChatFileComponent extends ChatItem {
-    localization;
-    chatFile;
-    removable = false;
-    fileActions;
-    remove = new EventEmitter();
-    actionClick = new EventEmitter();
-    actionsToggle = new EventEmitter();
-    actionButtonClick = new EventEmitter();
-    deleteIcon = xIcon;
-    moreIcon = moreVerticalIcon;
-    constructor(localization) {
-        super();
-        this.localization = localization;
-    }
-    fileThumbnail(extension) {
-        return fileSVGGroupIcon(extension);
-    }
-    fileGroupClass(extension) {
-        return fileGroupClass(extension);
-    }
-    getTotalFilesSizeMessage(file) {
-        return getTotalFilesSizeMessage([file]);
-    }
-    textFor(key) {
-        return this.localization.get(key);
-    }
-    focus() { }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChatFileComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ChatFileComponent, isStandalone: true, selector: "li[chatFile]", inputs: { chatFile: "chatFile", removable: "removable", fileActions: "fileActions" }, outputs: { remove: "remove", actionClick: "actionClick", actionsToggle: "actionsToggle", actionButtonClick: "actionButtonClick" }, providers: [{
-                provide: ChatItem,
-                useExisting: forwardRef(() => ChatFileComponent)
-            }], usesInheritance: true, ngImport: i0, template: `
-        <kendo-icon-wrapper
-          size="xlarge"
-          [name]="fileGroupClass(chatFile.extension)"
-          [svgIcon]="fileThumbnail(chatFile.extension)"
-          >
-        </kendo-icon-wrapper>
-        <div class="k-chat-file-info">
-          <span class="k-chat-file-name">{{chatFile.name}}</span>
-          <span class="k-chat-file-size">{{getTotalFilesSizeMessage(chatFile)}}</span>
-        </div>
-        @if (removable) {
-          <button
-            kendoButton
-            [attr.title]="textFor('removeFileTitle')"
-            [svgIcon]="deleteIcon"
-            (click)="remove.emit(chatFile)"
-            fillMode="flat"
-          ></button>
-        }
-        @if (fileActions && fileActions.length > 0) {
-          <kendo-dropdownbutton
-            [data]="fileActions"
-            [attr.title]="textFor('fileActionsTitle')"
-            fillMode="flat"
-            icon="more-vertical"
-            [svgIcon]="moreIcon"
-            (itemClick)="actionClick.emit($event)"
-            (click)="$event.preventDefault()"
-            (open)="actionsToggle.emit(true)"
-            (close)="actionsToggle.emit(false)"
-          ></kendo-dropdownbutton>
-        }
-        `, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: DropDownButtonComponent, selector: "kendo-dropdownbutton", inputs: ["arrowIcon", "icon", "svgIcon", "iconClass", "imageUrl", "textField", "data", "size", "rounded", "fillMode", "themeColor", "buttonAttributes"], outputs: ["itemClick", "focus", "blur"], exportAs: ["kendoDropDownButton"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChatFileComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'li[chatFile]',
-                    providers: [{
-                            provide: ChatItem,
-                            useExisting: forwardRef(() => ChatFileComponent)
-                        }],
-                    template: `
-        <kendo-icon-wrapper
-          size="xlarge"
-          [name]="fileGroupClass(chatFile.extension)"
-          [svgIcon]="fileThumbnail(chatFile.extension)"
-          >
-        </kendo-icon-wrapper>
-        <div class="k-chat-file-info">
-          <span class="k-chat-file-name">{{chatFile.name}}</span>
-          <span class="k-chat-file-size">{{getTotalFilesSizeMessage(chatFile)}}</span>
-        </div>
-        @if (removable) {
-          <button
-            kendoButton
-            [attr.title]="textFor('removeFileTitle')"
-            [svgIcon]="deleteIcon"
-            (click)="remove.emit(chatFile)"
-            fillMode="flat"
-          ></button>
-        }
-        @if (fileActions && fileActions.length > 0) {
-          <kendo-dropdownbutton
-            [data]="fileActions"
-            [attr.title]="textFor('fileActionsTitle')"
-            fillMode="flat"
-            icon="more-vertical"
-            [svgIcon]="moreIcon"
-            (itemClick)="actionClick.emit($event)"
-            (click)="$event.preventDefault()"
-            (open)="actionsToggle.emit(true)"
-            (close)="actionsToggle.emit(false)"
-          ></kendo-dropdownbutton>
-        }
-        `,
-                    standalone: true,
-                    imports: [IconWrapperComponent, ButtonComponent, DropDownButtonComponent]
-                }]
-        }], ctorParameters: () => [{ type: i1.LocalizationService }], propDecorators: { chatFile: [{
-                type: Input
-            }], removable: [{
-                type: Input
-            }], fileActions: [{
-                type: Input
-            }], remove: [{
-                type: Output
-            }], actionClick: [{
-                type: Output
-            }], actionsToggle: [{
-                type: Output
-            }], actionButtonClick: [{
-                type: Output
-            }] } });

package/esm2022/chat/chat-item.mjs

@@ -1,10 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export class ChatItem {
-    selected;
-}

package/esm2022/chat/chat-view.mjs

@@ -1,80 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 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 const isAuthor = (authorId, msg) => msg.author && authorId === msg.author.id;
-const last = (arr) => arr[arr.length - 1];
-const dateChanged = (curr, prev) => (curr && prev) && (prev.getDate() !== curr.getDate() ||
-    prev.getMonth() !== curr.getMonth() ||
-    prev.getFullYear() !== curr.getFullYear());
-const addDateMarker = (acc, msg) => {
-    const timestamp = msg.timestamp;
-    const lastItem = last(acc);
-    if (!timestamp) {
-        return;
-    }
-    if (!lastItem || dateChanged(timestamp, lastItem.timestamp)) {
-        const dateMarker = {
-            type: 'date-marker',
-            timestamp: timestamp,
-            trackBy: timestamp.getTime()
-        };
-        acc.push(dateMarker);
-    }
-};
-const groupMessages = (acc, msg, isLastMessage) => {
-    const lastItem = last(acc);
-    let 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.id, last(messages))) {
-        messages.push(msg);
-    }
-    else {
-        acc.push({
-            type: 'message-group',
-            messages: [msg],
-            author: msg.author,
-            timestamp: msg.timestamp,
-            trackBy: msg
-        });
-    }
-};
-const groupItems = (total) => (acc, msg, index) => {
-    const 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: 'attachment-group' + msg.id
-        });
-    }
-    if (msg.suggestedActions && isLastMessage) {
-        acc.push({
-            type: 'action-group',
-            actions: msg.suggestedActions,
-            timestamp: msg.timestamp,
-            trackBy: 'action-group' + msg.id
-        });
-    }
-    return acc;
-};
-/**
- * @hidden
- */
-export const chatView = (messages) => messages.reduce(groupItems(messages.length), []);