@progress/kendo-angular-conversational-ui 22.1.0-develop.9 → 23.0.0-develop.2

package/index.d.ts

@@ -10,7 +10,7 @@ export { InlineAIPromptModule } from './inline-ai-prompt/inlineaiprompt.module';
 export { ChatComponent } from './chat/chat.component';
 export { HeroCardComponent } from './chat/cards/hero-card.component';
 export { CustomMessagesComponent } from './chat/l10n/custom-messages.component';
-export { MessageBoxType } from './chat/common/models/message-box-options';
+export { MessageBoxType, MessageBoxSettings } from './chat/api/message-box';
 export { ConversationalUIModelFields } from './chat/common/models/model-fields';
 export { ChatMessageBoxTemplateDirective } from './chat/templates/message-box.directive';
 export { ChatHeaderTemplateDirective } from './chat/templates/header-template.directive';
@@ -39,4 +39,14 @@ export { InlineAIPromptOutputTemplateDirective } from './inline-ai-prompt/output
 export { InlineAIPromptService } from './inline-ai-prompt/inlineaiprompt.service';
 export { InlineAIPromptCustomMessagesComponent } from './inline-ai-prompt/localization/custom-messages.component';
 export * from './inline-ai-prompt/models';
+export { PromptBoxComponent } from './promptbox/promptbox.component';
+export { PromptBoxCustomMessagesComponent } from './promptbox/localization/custom-messages.component';
+export { PromptBoxTopAffixComponent } from './promptbox/affixes/promptbox-top-affix.component';
+export { PromptBoxStartAffixComponent } from './promptbox/affixes/promptbox-start-affix.component';
+export { PromptBoxEndAffixComponent } from './promptbox/affixes/promptbox-end-affix.component';
+export { PromptBoxSpeechToTextButtonComponent } from './promptbox/tools/speech-to-text-button.component';
+export { PromptBoxActionButtonComponent } from './promptbox/tools/action-button.component';
+export { PromptBoxFileSelectButtonComponent } from './promptbox/tools/fileselect-button.component';
+export { PromptBoxHeaderTemplateDirective } from './promptbox/common/header-template.directive';
+export * from './promptbox/common/models';
 export * from './directives';

package/inline-ai-prompt/localization/custom-messages.component.d.ts

@@ -6,7 +6,7 @@ import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { Messages } from './messages';
 import * as i0 from "@angular/core";
 /**
- * Provides a component for customizing messages in the Inline AI Prompt. [See example](slug:globalization_chat#custom-messages).
+ * Provides a component for customizing messages in the Inline AI Prompt. [See example](https://www.telerik.com/kendo-angular-ui/components/conversational-ui/globalization#custom-messages).
  *
  * @example
  * ```html

package/inline-ai-prompt/models/command.interface.d.ts

@@ -20,11 +20,11 @@ export interface InlineAIPromptCommand {
      */
     prompt?: string;
     /**
-     * The font icon name. See [icons list](slug:icons#icons-list).
+     * The font icon name. See [icons list](https://www.telerik.com/kendo-angular-ui/components/styling/icons#icons-list).
      */
     icon?: string;
     /**
-     * The SVG icon. See [SVG icons list](slug:svgicon_list).
+     * The SVG icon. See [SVG icons list](https://www.telerik.com/kendo-angular-ui/components/icons/svgicon/svgicon-list).
      */
     svgIcon?: SVGIcon;
     /**

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1769600023,
-  "version": "22.1.0-develop.9",
+  "publishDate": 1770290221,
+  "version": "23.0.0-develop.2",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-conversational-ui",
-  "version": "22.1.0-develop.9",
+  "version": "23.0.0-develop.2",
   "description": "Kendo UI for Angular Conversational UI components",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -47,7 +47,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1769600023,
+      "publishDate": 1770290221,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -57,22 +57,22 @@
     "@angular/core": "19 - 21",
     "@angular/platform-browser": "19 - 21",
     "@progress/kendo-licensing": "^1.10.0",
-    "@progress/kendo-angular-buttons": "22.1.0-develop.9",
-    "@progress/kendo-angular-inputs": "22.1.0-develop.9",
-    "@progress/kendo-angular-layout": "22.1.0-develop.9",
-    "@progress/kendo-angular-icons": "22.1.0-develop.9",
-    "@progress/kendo-angular-common": "22.1.0-develop.9",
-    "@progress/kendo-angular-intl": "22.1.0-develop.9",
-    "@progress/kendo-angular-l10n": "22.1.0-develop.9",
-    "@progress/kendo-angular-menu": "22.1.0-develop.9",
-    "@progress/kendo-angular-popup": "22.1.0-develop.9",
-    "@progress/kendo-angular-toolbar": "22.1.0-develop.9",
-    "@progress/kendo-angular-upload": "22.1.0-develop.9",
+    "@progress/kendo-angular-buttons": "23.0.0-develop.2",
+    "@progress/kendo-angular-inputs": "23.0.0-develop.2",
+    "@progress/kendo-angular-layout": "23.0.0-develop.2",
+    "@progress/kendo-angular-icons": "23.0.0-develop.2",
+    "@progress/kendo-angular-common": "23.0.0-develop.2",
+    "@progress/kendo-angular-intl": "23.0.0-develop.2",
+    "@progress/kendo-angular-l10n": "23.0.0-develop.2",
+    "@progress/kendo-angular-menu": "23.0.0-develop.2",
+    "@progress/kendo-angular-popup": "23.0.0-develop.2",
+    "@progress/kendo-angular-toolbar": "23.0.0-develop.2",
+    "@progress/kendo-angular-upload": "23.0.0-develop.2",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "22.1.0-develop.9"
+    "@progress/kendo-angular-schematics": "23.0.0-develop.2"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-conversational-ui.mjs",

package/promptbox/affixes/promptbox-end-affix.component.d.ts

@@ -0,0 +1,26 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2026 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Defines a container for custom content displayed at the end of the PromptBox.
+ *
+ * @example
+ * ```html
+ * <kendo-promptbox>
+ *   <kendo-promptbox-end-affix>
+ *     <button kendoButton look="clear" icon="image"></button>
+ *   </kendo-promptbox-end-affix>
+ * </kendo-promptbox>
+ * ```
+ */
+export declare class PromptBoxEndAffixComponent {
+    /**
+     * @hidden
+     */
+    templateRef: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PromptBoxEndAffixComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PromptBoxEndAffixComponent, "kendo-promptbox-end-affix", ["kendoPromptBoxEndAffix"], {}, {}, never, ["*"], true, never>;
+}

package/promptbox/affixes/promptbox-start-affix.component.d.ts

@@ -0,0 +1,26 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2026 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Defines a container for custom content displayed at the start of the PromptBox.
+ *
+ * @example
+ * ```html
+ * <kendo-promptbox>
+ *   <kendo-promptbox-start-affix>
+ *     <button kendoButton look="clear" icon="image"></button>
+ *   </kendo-promptbox-start-affix>
+ * </kendo-promptbox>
+ * ```
+ */
+export declare class PromptBoxStartAffixComponent {
+    /**
+     * @hidden
+     */
+    templateRef: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PromptBoxStartAffixComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PromptBoxStartAffixComponent, "kendo-promptbox-start-affix", ["kendoPromptBoxStartAffix"], {}, {}, never, ["*"], true, never>;
+}

package/promptbox/affixes/promptbox-top-affix.component.d.ts

@@ -0,0 +1,26 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2026 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Defines a container for custom content displayed at the top of the PromptBox when in `'multi'` mode.
+ *
+ * @example
+ * ```html
+ * <kendo-promptbox>
+ *   <kendo-promptbox-top-affix>
+ *     <button kendoButton look="clear" icon="image"></button>
+ *   </kendo-promptbox-top-affix>
+ * </kendo-promptbox>
+ * ```
+ */
+export declare class PromptBoxTopAffixComponent {
+    /**
+     * @hidden
+     */
+    templateRef: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PromptBoxTopAffixComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PromptBoxTopAffixComponent, "kendo-promptbox-top-affix", ["kendoPromptBoxTopAffix"], {}, {}, never, ["*"], true, never>;
+}

package/promptbox/common/header-template.directive.d.ts

@@ -0,0 +1,17 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2026 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Defines a template for customizing the content above the PromptBox attachments.
+ *
+ * @hidden
+ */
+export declare class PromptBoxHeaderTemplateDirective {
+    templateRef: TemplateRef<any>;
+    constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<PromptBoxHeaderTemplateDirective, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PromptBoxHeaderTemplateDirective, "[kendoPromptBoxHeaderTemplate]", never, {}, {}, never, never, true, never>;
+}

package/promptbox/common/models/action-button.d.ts

@@ -0,0 +1,62 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2026 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ButtonFillMode, ButtonRounded, ButtonSize, ButtonThemeColor } from '@progress/kendo-angular-buttons';
+import { SVGIcon } from '@progress/kendo-svg-icons';
+/**
+ * Defines the configuration settings for the PromptBox Action button.
+ */
+export interface ActionButtonSettings {
+    /**
+     * Sets the disabled state of the **Action** button.
+     */
+    disabled?: boolean;
+    /**
+     * Sets the background and border styles of the **Action** button.
+     */
+    fillMode?: ButtonFillMode;
+    /**
+     * Sets the border radius of the **Action** button.
+     */
+    rounded?: ButtonRounded;
+    /**
+     * Sets the padding of the **Action** button.
+     */
+    size?: ButtonSize;
+    /**
+     * Sets the theme color of the **Action** button.
+     */
+    themeColor?: ButtonThemeColor;
+    /**
+     * Sets the icon of the **Action** button.
+     */
+    icon?: string;
+    /**
+     * Sets the SVG icon of the **Action** button.
+     */
+    svgIcon?: SVGIcon;
+    /**
+     * Sets a CSS class or multiple classes separated by spaces.
+     * Applied to a `span` element inside the **Action** button.
+     */
+    iconClass?: string;
+    /**
+     * Sets a URL for an `img` element displayed inside the **Action** button.
+     */
+    imageUrl?: string;
+    /**
+     * Sets the icon displayed when the **Action** button is in loading state.
+     */
+    loadingIcon?: string;
+    /**
+     * Sets the SVG icon to be displayed when the **Action** button is in loading state.
+     */
+    loadingSVGIcon?: SVGIcon;
+}
+/**
+ * Defines the event data emitted when the PromptBox **Action** button is clicked.
+ */
+export interface ActionButtonEvent {
+    actionType: 'send' | 'stop';
+}

package/promptbox/common/models/fileselect-button.d.ts

@@ -0,0 +1,62 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2026 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ButtonFillMode, ButtonRounded, ButtonSize, ButtonThemeColor } from '@progress/kendo-angular-buttons';
+import { FileRestrictions } from '@progress/kendo-angular-upload';
+import { SVGIcon } from '@progress/kendo-svg-icons';
+/**
+ * Defines the configuration settings for the PromptBox **File Select** button.
+ */
+export interface FileSelectButtonSettings {
+    /**
+     * Sets the disabled state of the **File Select** button.
+     * When set to `true`, prevents user interaction.
+     */
+    disabled?: boolean;
+    /**
+     * Sets the background and border styles of the **File Select** button.
+     */
+    fillMode?: ButtonFillMode;
+    /**
+     * Sets the name of a font icon from the Kendo UI theme.
+     */
+    icon?: string;
+    /**
+     * Sets a URL for an `img` element displayed inside the **File Select** button.
+     */
+    imageUrl?: string;
+    /**
+     * Sets the border radius of the **File Select** button.
+     */
+    rounded?: ButtonRounded;
+    /**
+     * Sets the padding of the **File Select** button.
+     */
+    size?: ButtonSize;
+    /**
+     * Sets an SVG icon to display inside the **File Select** button.
+     */
+    svgIcon?: SVGIcon;
+    /**
+     * Sets a CSS class or multiple classes separated by spaces.
+     * Applied to a `span` element inside the **File Select** button.
+     */
+    iconClass?: string;
+    /**
+     * Sets the theme color of the **File Select** button.
+     */
+    themeColor?: ButtonThemeColor;
+    /**
+     * Sets the restrictions for selected files.
+     */
+    restrictions?: FileRestrictions;
+    /**
+     * Enables selection of multiple files.
+     */
+    multiple?: boolean;
+    /**
+     * Sets the `accept` attribute of the internal file input element.
+     */
+    accept?: string;
+}

package/{chat/common/models/message-box-options.d.ts → promptbox/common/models/index.d.ts}

@@ -2,8 +2,6 @@
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-/**
- * Represents the possible message box options for the Chat component.
- * @hidden
- */
-export type MessageBoxType = 'textarea';
+export { PromptBoxMode } from './promptbox-mode';
+export { ActionButtonSettings, ActionButtonEvent } from './action-button';
+export { FileSelectButtonSettings } from './fileselect-button';

package/promptbox/common/models/promptbox-mode.d.ts

@@ -0,0 +1,12 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2026 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * Specifies the PromptBox modes.
+ *
+ * - 'single'—Renders a single-line input element.
+ * - 'multi'—Renders a multi-line textarea element.
+ * - 'auto'—Automatically switches between single-line and multi-line modes based on the content.
+ */
+export type PromptBoxMode = 'single' | 'multi' | 'auto';

package/promptbox/common/utils.d.ts

@@ -0,0 +1,18 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2026 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ActionButtonSettings, FileSelectButtonSettings } from './models';
+import { SpeechToTextButtonSettings } from '@progress/kendo-angular-buttons';
+/**
+ * @hidden
+ */
+export declare const ACTION_BUTTON_DEFAULT_SETTINGS: ActionButtonSettings;
+/**
+ * @hidden
+ */
+export declare const STB_DEFAULT_SETTINGS: SpeechToTextButtonSettings;
+/**
+ * @hidden
+ */
+export declare const FILESELECT_BUTTON_DEFAULT_SETTINGS: FileSelectButtonSettings;

package/promptbox/localization/custom-messages.component.d.ts

@@ -0,0 +1,26 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2026 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { Messages } from './messages';
+import * as i0 from "@angular/core";
+/**
+ * Provides a component for customizing localization messages in the PromptBox.
+ * [See example](slug:globalization_chat#custom-messages).
+ *
+ * @example
+ * ```html
+ * <kendo-promptbox>
+ *     <kendo-promptbox-messages>
+ *     </kendo-promptbox-messages>
+ * </kendo-promptbox>
+ * ```
+ */
+export declare class PromptBoxCustomMessagesComponent extends Messages {
+    protected service: LocalizationService;
+    constructor(service: LocalizationService);
+    protected get override(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PromptBoxCustomMessagesComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PromptBoxCustomMessagesComponent, "kendo-promptbox-messages", never, {}, {}, never, never, true, never>;
+}

package/promptbox/localization/localized-messages.directive.d.ts

@@ -0,0 +1,16 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2026 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { Messages } from './messages';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class LocalizedMessagesDirective extends Messages {
+    protected service: LocalizationService;
+    constructor(service: LocalizationService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<LocalizedMessagesDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LocalizedMessagesDirective, "[kendoPromptBoxLocalizedMessages]", never, {}, {}, never, never, true, never>;
+}

package/promptbox/localization/messages.d.ts

@@ -0,0 +1,37 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2026 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ComponentMessages } from '@progress/kendo-angular-l10n';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class Messages extends ComponentMessages {
+    /**
+     * The title for the **File Select** button.
+     */
+    fileSelectButtonTitle: string;
+    /**
+     * The title for the **Action** button.
+     */
+    actionButtonTitle: string;
+    /**
+     * The title for the **Stop Generating** action.
+     */
+    stopGeneratingTitle: string;
+    /**
+     * The title for the **Speech to Text** button.
+     */
+    speechToTextButtonTitle: string;
+    /**
+     * The title for the **Remove File** button.
+     */
+    removeFileTitle: string;
+    /**
+     * The aria-label for the internal input/textarea element.
+     */
+    messageBoxTitle: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Messages, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<Messages, never, never, { "fileSelectButtonTitle": { "alias": "fileSelectButtonTitle"; "required": false; }; "actionButtonTitle": { "alias": "actionButtonTitle"; "required": false; }; "stopGeneratingTitle": { "alias": "stopGeneratingTitle"; "required": false; }; "speechToTextButtonTitle": { "alias": "speechToTextButtonTitle"; "required": false; }; "removeFileTitle": { "alias": "removeFileTitle"; "required": false; }; "messageBoxTitle": { "alias": "messageBoxTitle"; "required": false; }; }, {}, never, never, true, never>;
+}