@progress/kendo-angular-conversational-ui 20.0.3-develop.1 → 20.0.3-develop.2

package/chat/api/post-message-event.d.ts

@@ -10,8 +10,7 @@ export declare class SendMessageEvent {
     /**
      * Represents the message that contains the metadata and user input.
      *
-     * > The Chat does not automatically add the message to its data.
-     * > For more information, see [Data Binding](slug:databinding_chat).
+     * The Chat does not automatically add the message to its data. For more information, see [Data Binding](slug:databinding_chat).
      */
     message: Message;
     /**

package/chat/cards/hero-card.component.d.ts

@@ -7,7 +7,7 @@ import { Action } from '../api/action.interface';
 import * as i0 from "@angular/core";
 /**
  * Represents a Hero Card component.
- * Hero cards host a single large image and action buttons with text content.
+ * Hero cards display a single large image and action buttons with text content.
  *
  * @example
  * ```html

package/chat/chat.component.d.ts

@@ -51,7 +51,7 @@ export declare class ChatComponent implements OnInit, AfterViewInit, OnDestroy {
     /**
      * Defines the array of messages displayed in the Chat.
      * Each message can include a timestamp for unique identification.
-     * For more information, refer to [ngFor - Change Tracking](link:site.data.urls.angular['ngforof']#change-propagation).
+     * For more information, see [ngFor - Change Tracking](link:site.data.urls.angular['ngforof']#change-propagation).
      */
     messages: Message[];
     /**
@@ -68,13 +68,13 @@ export declare class ChatComponent implements OnInit, AfterViewInit, OnDestroy {
     messageBoxType: MessageBoxType;
     /**
      * Sets the height of the Chat component.
-     * Accepts a string with CSS units (e.g., '400px', '50%') or a number (interpreted as pixels).
+     * Accepts a string with CSS units (for example, `'400px'`, `'50%'`) or a number (interpreted as pixels).
      * The minimum height is `600px`.
      */
     height: string | number;
     /**
      * Sets the width of the Chat component.
-     * Accepts a string with CSS units (e.g., '400px', '50%') or a number (interpreted as pixels).
+     * Accepts a string with CSS units (for example, `'400px'`, `'50%'`) or a number (interpreted as pixels).
      * The minimum width is `320px`.
      */
     width: string | number;
@@ -89,9 +89,8 @@ export declare class ChatComponent implements OnInit, AfterViewInit, OnDestroy {
      */
     messageWidthMode: MessageWidthMode;
     /**
-     * Enables the expand/collapse functionality of the messages.
-     *
-     * @default `false`
+     * Enables the expand or collapse functionality for messages.
+     * @default false
      */
     allowMessageCollapse: boolean;
     /**
@@ -108,13 +107,13 @@ export declare class ChatComponent implements OnInit, AfterViewInit, OnDestroy {
     enableFileSelect: boolean | FileSelectSettings;
     /**
      * Specifies the actions available in the message toolbar.
-     * These actions are displayed in the message toolbar and can be used to perform specific operations on the message.
-     *
+     * These actions display in the message toolbar and let you perform specific operations on the message.
      * @default []
      */
     messageToolbarActions: MessageAction[];
     /**
      * Sets the value of the Message Box.
+     * @default ''
      */
     inputValue: string;
     /**
@@ -125,7 +124,7 @@ export declare class ChatComponent implements OnInit, AfterViewInit, OnDestroy {
     defaultContextMenuActions: MessageAction[];
     /**
      * Specifies the actions available in the message as a context menu.
-     * These actions are displayed as menu items and can be used to perform specific operations on the message.
+     * These actions display as menu items and let you perform specific operations on the message.
      * The default actions are `copy` and `reply` and are defined by their `id`.
      */
     set messageContextMenuActions(actions: MessageAction[] | null);
@@ -136,7 +135,7 @@ export declare class ChatComponent implements OnInit, AfterViewInit, OnDestroy {
     defaultFileActions: FileAction[];
     /**
      * Specifies the actions available in the file as items of a DropDownButton.
-     * These actions are displayed when clicking on the file DropDownButton and can be used to perform specific operations on the file.
+     * These actions display when you click the file DropDownButton and let you perform specific operations on the file.
      * The default action is `download` and is defined by its `id`.
      *
      * @default [{ id: 'download', label: 'Download', icon: 'download', svgIcon: downloadIcon, disabled: false }]
@@ -145,8 +144,7 @@ export declare class ChatComponent implements OnInit, AfterViewInit, OnDestroy {
     get fileActions(): FileAction[];
     /**
      * Sets the suggestions to display in the message input box.
-     * Suggestions are displayed as a list of clickable items that can be used to quickly insert predefined text into the message input.
-     *
+     * Suggestions display as a list of clickable items that let you quickly insert predefined text into the message input.
      * @default []
      */
     suggestions: ChatSuggestion[];
@@ -160,19 +158,19 @@ export declare class ChatComponent implements OnInit, AfterViewInit, OnDestroy {
      * Sets the send button settings for the Chat component.
      * Allows customization of the send button appearance, icons and disabled state.
      *
-     * @default defaultButtonSettings
+     * @default { fillMode: 'solid', rounded: 'full', size: 'medium', themeColor: 'primary', icon: 'paper-plane', svgIcon: paperPlaneIcon}
      */
     sendButtonSettings: SendButtonSettings;
     /**
      * Sets the names of the model fields from which the Chat reads its data.
-     * Allows mapping of custom data structures to the expected Message format.
+     * Lets you map custom data structures to the expected `Message` format.
      */
     set modelFields(value: ConversationalUIModelFields);
     get modelFields(): ConversationalUIModelFields;
     /**
      * Emits when the user sends a message by clicking the **Send** button or pressing **Enter**.
      *
-     * > The message is not automatically added to the `messages` array.
+     * The message is not automatically added to the `messages` array.
      */
     sendMessage: EventEmitter<SendMessageEvent>;
     /**
@@ -195,7 +193,7 @@ export declare class ChatComponent implements OnInit, AfterViewInit, OnDestroy {
      * Emits when the user clicks a quick action button.
      * The Chat internally handles [known actions](slug:api_conversational-ui_actiontype) such as `reply`, `openUrl`, and `call`.
      *
-     * The event is preventable&mdash;calling `preventDefault` suppresses the built-in action.
+     * The event is preventable. Calling [`preventDefault`](https://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault) suppresses the built-in action.
      */
     executeAction: EventEmitter<ExecuteActionEvent>;
     /**
@@ -212,7 +210,7 @@ export declare class ChatComponent implements OnInit, AfterViewInit, OnDestroy {
     fileRemove: EventEmitter<ChatFile>;
     /**
      * Emits when the user unpins the pinned message.
-     * This event is triggered when the user clicks the delete button on the pinned message.
+     * This event triggers when the user clicks the delete button on the pinned message.
      */
     unpin: EventEmitter<Message>;
     /**

package/chat/common/models/message-box-options.d.ts

@@ -4,5 +4,6 @@
 *-------------------------------------------------------------------------------------------*/
 /**
  * Represents the possible message box options for the Chat component.
+ * @hidden
  */
 export type MessageBoxType = 'textarea';

package/chat/l10n/messages.d.ts

@@ -9,16 +9,16 @@ import * as i0 from "@angular/core";
  */
 export declare class Messages extends ComponentMessages {
     /**
-     * Sets the text that is displayed when the sender deletes a message.
+     * Sets the text that displays when the sender deletes a message.
      */
     deletedMessageSenderText: string;
     /**
-     * Sets the text that is displayed when the receiver deletes a message.
+     * Sets the text that displays when the receiver deletes a message.
      */
     deletedMessageReceiverText: string;
     /**
-     * Sets the text that is displayed in the download section of the message.
-     * This message is displayed below all files in the message.
+     * Sets the text that displays in the download section of the message.
+     * This message displays below all files in the message.
      */
     downloadAllFilesText: string;
     /**
@@ -54,23 +54,23 @@ export declare class Messages extends ComponentMessages {
      */
     fileSelectButtonTitle: string;
     /**
-     * Sets the title of the icon which removes the reply reference in the Message Box.
+     * Sets the title of the icon that removes the reply reference in the Message Box.
      */
     removeReplyTitle: string;
     /**
-     * Sets the title of the icon which removes a selected file in the Message Box.
+     * Sets the title of the icon that removes a selected file in the Message Box.
      */
     removeFileTitle: string;
     /**
-     * Sets the title of the icon which demonstrates that the message can be expanded.
+     * Sets the title of the icon that shows the message can expand.
      */
     expandTitle: string;
     /**
-     * Sets the title of the icon which demonstrates that the message can be collapsed.
+     * Sets the title of the icon that shows the message can collapse.
      */
     collapseTitle: string;
     /**
-     * Sets the title of the DropDownButton which opens the File actions.
+     * Sets the title of the DropDownButton that opens the File actions.
      */
     fileActionsTitle: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<Messages, never>;

package/chat/templates/attachment-template.directive.d.ts

@@ -11,10 +11,14 @@ import * as i0 from "@angular/core";
  * The template context is set to the attachment instance.
  * For more information, refer to the article on [message attachments](slug:attachments_chat).
  *
+ * You can use the following field:
+ * - `attachment`—The attachment instance.
+ * - `message`—The message instance.
+ *
  * @example
  * ```html
  * <kendo-chat>
- *   <ng-template kendoChatAttachmentTemplate let-attachment>
+ *   <ng-template kendoChatAttachmentTemplate let-attachment let-message>
  *     <div>Attachment: {{ attachment.content }}</div>
  *   </ng-template>
  * </kendo-chat>

package/chat/templates/suggestion-template.directive.d.ts

@@ -7,11 +7,14 @@ import * as i0 from "@angular/core";
 /**
  * Represents the template for a suggestion in the Chat component.
  *
+ * You can use the following field:
+ * - `suggestion`—The suggestion instance.
+ *
  * @example
  * ```html
  * <kendo-chat>
- *     <ng-template kendoChatSuggestionTemplate>
- *         Suggestion Text
+ *     <ng-template kendoChatSuggestionTemplate let-suggestion>
+ *         {{ suggestion.text }}
  *     </ng-template>
  * </kendo-chat>
  * ```

package/chat/templates/timestamp-template.directive.d.ts

@@ -5,12 +5,15 @@
 import { TemplateRef } from "@angular/core";
 import * as i0 from "@angular/core";
 /**
- * Defines a template for displaying the timestamp of the messages.
+ * Defines a template for displaying the chat timestamp.
  *
  * To define a timestamp template, nest an `<ng-template>` tag with the `kendoChatTimestampTemplate` directive inside the `<kendo-chat>` component.
  * The template context is set to the current timestamp.
  * For more information, refer to the article on [message templates](slug:message_templates_chat).
  *
+ * You can use the following field:
+ * - `timestamp`&mdash;The current timestamp.
+ *
  * @example
  * ```html
  * <kendo-chat>

package/esm2022/chat/api/post-message-event.mjs

@@ -9,8 +9,7 @@ export class SendMessageEvent {
     /**
      * Represents the message that contains the metadata and user input.
      *
-     * > The Chat does not automatically add the message to its data.
-     * > For more information, see [Data Binding](slug:databinding_chat).
+     * The Chat does not automatically add the message to its data. For more information, see [Data Binding](slug:databinding_chat).
      */
     message;
     /**

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

@@ -8,7 +8,7 @@ import { ButtonComponent } from '@progress/kendo-angular-buttons';
 import * as i0 from "@angular/core";
 /**
  * Represents a Hero Card component.
- * Hero cards host a single large image and action buttons with text content.
+ * Hero cards display a single large image and action buttons with text content.
  *
  * @example
  * ```html

package/esm2022/chat/chat.component.mjs

@@ -61,7 +61,7 @@ export class ChatComponent {
     /**
      * Defines the array of messages displayed in the Chat.
      * Each message can include a timestamp for unique identification.
-     * For more information, refer to [ngFor - Change Tracking](link:site.data.urls.angular['ngforof']#change-propagation).
+     * For more information, see [ngFor - Change Tracking](link:site.data.urls.angular['ngforof']#change-propagation).
      */
     messages;
     /**
@@ -78,13 +78,13 @@ export class ChatComponent {
     messageBoxType = 'textarea';
     /**
      * Sets the height of the Chat component.
-     * Accepts a string with CSS units (e.g., '400px', '50%') or a number (interpreted as pixels).
+     * Accepts a string with CSS units (for example, `'400px'`, `'50%'`) or a number (interpreted as pixels).
      * The minimum height is `600px`.
      */
     height;
     /**
      * Sets the width of the Chat component.
-     * Accepts a string with CSS units (e.g., '400px', '50%') or a number (interpreted as pixels).
+     * Accepts a string with CSS units (for example, `'400px'`, `'50%'`) or a number (interpreted as pixels).
      * The minimum width is `320px`.
      */
     width;
@@ -99,9 +99,8 @@ export class ChatComponent {
      */
     messageWidthMode = 'standard';
     /**
-     * Enables the expand/collapse functionality of the messages.
-     *
-     * @default `false`
+     * Enables the expand or collapse functionality for messages.
+     * @default false
      */
     allowMessageCollapse = false;
     /**
@@ -118,13 +117,13 @@ export class ChatComponent {
     enableFileSelect = true;
     /**
      * Specifies the actions available in the message toolbar.
-     * These actions are displayed in the message toolbar and can be used to perform specific operations on the message.
-     *
+     * These actions display in the message toolbar and let you perform specific operations on the message.
      * @default []
      */
     messageToolbarActions = [];
     /**
      * Sets the value of the Message Box.
+     * @default ''
      */
     inputValue = '';
     /**
@@ -135,7 +134,7 @@ export class ChatComponent {
     defaultContextMenuActions = CONTEXT_MENU_ACTIONS;
     /**
      * Specifies the actions available in the message as a context menu.
-     * These actions are displayed as menu items and can be used to perform specific operations on the message.
+     * These actions display as menu items and let you perform specific operations on the message.
      * The default actions are `copy` and `reply` and are defined by their `id`.
      */
     set messageContextMenuActions(actions) {
@@ -150,7 +149,7 @@ export class ChatComponent {
     defaultFileActions = FILE_ACTIONS;
     /**
      * Specifies the actions available in the file as items of a DropDownButton.
-     * These actions are displayed when clicking on the file DropDownButton and can be used to perform specific operations on the file.
+     * These actions display when you click the file DropDownButton and let you perform specific operations on the file.
      * The default action is `download` and is defined by its `id`.
      *
      * @default [{ id: 'download', label: 'Download', icon: 'download', svgIcon: downloadIcon, disabled: false }]
@@ -163,8 +162,7 @@ export class ChatComponent {
     }
     /**
      * Sets the suggestions to display in the message input box.
-     * Suggestions are displayed as a list of clickable items that can be used to quickly insert predefined text into the message input.
-     *
+     * Suggestions display as a list of clickable items that let you quickly insert predefined text into the message input.
      * @default []
      */
     suggestions = [];
@@ -178,12 +176,12 @@ export class ChatComponent {
      * Sets the send button settings for the Chat component.
      * Allows customization of the send button appearance, icons and disabled state.
      *
-     * @default defaultButtonSettings
+     * @default { fillMode: 'solid', rounded: 'full', size: 'medium', themeColor: 'primary', icon: 'paper-plane', svgIcon: paperPlaneIcon}
      */
     sendButtonSettings = SEND_BTN_DEFAULT_SETTINGS;
     /**
      * Sets the names of the model fields from which the Chat reads its data.
-     * Allows mapping of custom data structures to the expected Message format.
+     * Lets you map custom data structures to the expected `Message` format.
      */
     set modelFields(value) {
         this._modelFields = { ...defaultModelFields, ...value };
@@ -194,7 +192,7 @@ export class ChatComponent {
     /**
      * Emits when the user sends a message by clicking the **Send** button or pressing **Enter**.
      *
-     * > The message is not automatically added to the `messages` array.
+     * The message is not automatically added to the `messages` array.
      */
     sendMessage = new EventEmitter();
     /**
@@ -217,7 +215,7 @@ export class ChatComponent {
      * Emits when the user clicks a quick action button.
      * The Chat internally handles [known actions](slug:api_conversational-ui_actiontype) such as `reply`, `openUrl`, and `call`.
      *
-     * The event is preventable—calling `preventDefault` suppresses the built-in action.
+     * The event is preventable. Calling [`preventDefault`](https://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault) suppresses the built-in action.
      */
     executeAction = new EventEmitter();
     /**
@@ -234,7 +232,7 @@ export class ChatComponent {
     fileRemove = new EventEmitter();
     /**
      * Emits when the user unpins the pinned message.
-     * This event is triggered when the user clicks the delete button on the pinned message.
+     * This event triggers when the user clicks the delete button on the pinned message.
      */
     unpin = new EventEmitter();
     /**

package/esm2022/chat/l10n/messages.mjs

@@ -10,16 +10,16 @@ import * as i0 from "@angular/core";
  */
 export class Messages extends ComponentMessages {
     /**
-     * Sets the text that is displayed when the sender deletes a message.
+     * Sets the text that displays when the sender deletes a message.
      */
     deletedMessageSenderText;
     /**
-     * Sets the text that is displayed when the receiver deletes a message.
+     * Sets the text that displays when the receiver deletes a message.
      */
     deletedMessageReceiverText;
     /**
-     * Sets the text that is displayed in the download section of the message.
-     * This message is displayed below all files in the message.
+     * Sets the text that displays in the download section of the message.
+     * This message displays below all files in the message.
      */
     downloadAllFilesText;
     /**
@@ -55,23 +55,23 @@ export class Messages extends ComponentMessages {
      */
     fileSelectButtonTitle;
     /**
-     * Sets the title of the icon which removes the reply reference in the Message Box.
+     * Sets the title of the icon that removes the reply reference in the Message Box.
      */
     removeReplyTitle;
     /**
-     * Sets the title of the icon which removes a selected file in the Message Box.
+     * Sets the title of the icon that removes a selected file in the Message Box.
      */
     removeFileTitle;
     /**
-     * Sets the title of the icon which demonstrates that the message can be expanded.
+     * Sets the title of the icon that shows the message can expand.
      */
     expandTitle;
     /**
-     * Sets the title of the icon which demonstrates that the message can be collapsed.
+     * Sets the title of the icon that shows the message can collapse.
      */
     collapseTitle;
     /**
-     * Sets the title of the DropDownButton which opens the File actions.
+     * Sets the title of the DropDownButton that opens the File actions.
      */
     fileActionsTitle;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });

package/esm2022/chat/templates/attachment-template.directive.mjs

@@ -11,10 +11,14 @@ import * as i0 from "@angular/core";
  * The template context is set to the attachment instance.
  * For more information, refer to the article on [message attachments](slug:attachments_chat).
  *
+ * You can use the following field:
+ * - `attachment`—The attachment instance.
+ * - `message`—The message instance.
+ *
  * @example
  * ```html
  * <kendo-chat>
- *   <ng-template kendoChatAttachmentTemplate let-attachment>
+ *   <ng-template kendoChatAttachmentTemplate let-attachment let-message>
  *     <div>Attachment: {{ attachment.content }}</div>
  *   </ng-template>
  * </kendo-chat>

package/esm2022/chat/templates/suggestion-template.directive.mjs

@@ -7,11 +7,14 @@ import * as i0 from "@angular/core";
 /**
  * Represents the template for a suggestion in the Chat component.
  *
+ * You can use the following field:
+ * - `suggestion`—The suggestion instance.
+ *
  * @example
  * ```html
  * <kendo-chat>
- *     <ng-template kendoChatSuggestionTemplate>
- *         Suggestion Text
+ *     <ng-template kendoChatSuggestionTemplate let-suggestion>
+ *         {{ suggestion.text }}
  *     </ng-template>
  * </kendo-chat>
  * ```

package/esm2022/chat/templates/timestamp-template.directive.mjs

@@ -5,12 +5,15 @@
 import { Directive, Optional, TemplateRef } from "@angular/core";
 import * as i0 from "@angular/core";
 /**
- * Defines a template for displaying the timestamp of the messages.
+ * Defines a template for displaying the chat timestamp.
  *
  * To define a timestamp template, nest an `<ng-template>` tag with the `kendoChatTimestampTemplate` directive inside the `<kendo-chat>` component.
  * The template context is set to the current timestamp.
  * For more information, refer to the article on [message templates](slug:message_templates_chat).
  *
+ * You can use the following field:
+ * - `timestamp`&mdash;The current timestamp.
+ *
  * @example
  * ```html
  * <kendo-chat>

package/esm2022/inline-ai-prompt/inlineaiprompt.component.mjs

@@ -23,18 +23,20 @@ import * as i1 from "@progress/kendo-angular-popup";
  *
  * @example
  * ```html
- *  <kendo-inlineaiprompt
- *      placeholder="Enter your prompt..."
- *      [promptOutput]="promptOutput"
- *      (promptRequest)="onPromptRequest($event)">
- *  </kendo-inlineaiprompt>
+ * <kendo-inlineaiprompt
+ *   placeholder="Enter your prompt..."
+ *   [promptOutput]="promptOutput"
+ *   (promptRequest)="onPromptRequest($event)">
+ * </kendo-inlineaiprompt>
  * ```
  */
 export class InlineAIPromptComponent {
     ngZone;
     element;
     /**
-     * Sets the text of the TextArea.
+     * Sets the TextArea value.
+     *
+     * @default ""
      */
     promptValue = "";
     /**
@@ -53,8 +55,7 @@ export class InlineAIPromptComponent {
      */
     enableSpeechToText = true;
     /**
-     * Sets the streaming state of the component.
-     * When set to `true`, the send button displays a generating state and the component emits a `promptRequestCancel` event when you click it.
+     * When set to `true`, the **Send** button displays a generating state and the component emits a `promptRequestCancel` event when you click it.
      *
      * @default false
      */
@@ -89,7 +90,8 @@ export class InlineAIPromptComponent {
      */
     promptCommands;
     /**
-     * Sets the popup settings for the component.
+     * Sets the Popup settings.
+     *
      */
     set popupSettings(settings) {
         this._popupSettings = { ...defaultPopupSettings, ...settings };
@@ -98,27 +100,27 @@ export class InlineAIPromptComponent {
         return this._popupSettings;
     }
     /**
-     * Fires when you click the send button.
+     * Fires when the send button is clicked.
      */
     promptRequest = new EventEmitter();
     /**
-     * Fires when you click a command.
+     * Fires when a command is executed.
      */
     commandExecute = new EventEmitter();
     /**
-     * Fires when you click an output action button.
+     * Fires when an output action button is clicked.
      */
     outputActionClick = new EventEmitter();
     /**
-     * Fires when you cancel the prompt request by clicking the stop button.
+     * Fires when the stop button is clicked during streaming.
      */
     promptRequestCancel = new EventEmitter();
     /**
-     * Fires when the component closes, either by clicking outside the popup, clicking the Discard action, or after pressing the Escape key.
+     * Fires when the component closes (Escape key, Discard action or outside click).
      */
     close = new EventEmitter();
     /**
-     * Fires when the value of the TextArea changes.
+     * Fires when the TextArea value changes.
      */
     promptValueChange = new EventEmitter();
     popupElement;
@@ -150,7 +152,7 @@ export class InlineAIPromptComponent {
         this.subs.unsubscribe();
     }
     /**
-     * Focuses the TextArea of the Inline AI Prompt.
+     * Focus the TextArea.
      */
     focus() {
         if (this.contentComponent?.textArea) {

package/esm2022/inline-ai-prompt/inlineaiprompt.service.mjs

@@ -9,31 +9,38 @@ import { defaultPopupSettings } from './utils';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-popup";
 /**
- * Provides a service for opening Inline AI Prompt components dynamically.
+ * Provides a service for opening and configuring the Inline AI Prompt component dynamically.
  *
  * @example
  * ```ts
- * import { InlineAIPromptService } from '@progress/kendo-angular-conversational-ui';
+ * export class DemoComponent {
+ *   @ViewChild('anchor', { read: ElementRef }) anchor: ElementRef;
+ *   constructor(private promptService: InlineAIPromptService) {}
  *
- * constructor(private inlineAIPromptService: InlineAIPromptService) {}
- *
- * openPrompt(anchor: ElementRef) {
- *   const promptRef = this.inlineAIPromptService.open({
- *     anchor: anchor,
- *     placeholder: 'Enter your prompt...'
- *   });
+ *   open(): void {
+ *     this.promptService.open({
+ *       popupSettings: { anchor: this.anchor },
+ *       placeholder: 'Enter your prompt...'
+ *     });
+ *   }
  * }
  * ```
+ * ```html
+ * <button #anchor (click)="open()">Ask AI</button>
+ * ```
  */
 export class InlineAIPromptService {
     popupService;
+    /**
+     * @hidden
+     */
     constructor(popupService) {
         this.popupService = popupService;
     }
     /**
      * Opens an Inline AI Prompt component in a popup. The popup appears near the specified anchor element or at the provided offset coordinates.
      *
-     * @param {InlineAIPromptSettings} options - The options for the InlineAIPromptComponent.
+     * @param {InlineAIPromptSettings} options The options for the InlineAIPromptComponent.
      * @returns {PopupRef} A reference to the popup.
      */
     open(options) {

package/esm2022/inline-ai-prompt/localization/custom-messages.component.mjs

@@ -8,9 +8,7 @@ import { Messages } from './messages';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
 /**
- * Represents the custom messages component of the Inline AI Prompt.
- *
- * Use this component to override default messages for the Inline AI Prompt.
+ * Provides a component for customizing messages in the Inline AI Prompt. [See example](slug:globalization_chat#custom-messages).
  *
  * @example
  * ```html