@progress/kendo-angular-conversational-ui 19.3.0-develop.3 → 19.3.0-develop.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (65) hide show
  1. package/ai-prompt/aiprompt.component.d.ts +80 -13
  2. package/ai-prompt/aiprompt.module.d.ts +3 -1
  3. package/ai-prompt/common/aiprompt.service.d.ts +10 -0
  4. package/ai-prompt/common/output-card.component.d.ts +4 -0
  5. package/ai-prompt/localization/messages.d.ts +5 -1
  6. package/ai-prompt/models/ai-prompt-settings.d.ts +60 -0
  7. package/ai-prompt/models/index.d.ts +1 -0
  8. package/ai-prompt/templates/aiprompt-output-body-template.directive.d.ts +24 -0
  9. package/ai-prompt/templates/aiprompt-output-template.directive.d.ts +24 -0
  10. package/ai-prompt/views/output-view.component.d.ts +4 -0
  11. package/ai-prompt/views/prompt-view.component.d.ts +23 -1
  12. package/conversational-ui.module.d.ts +12 -7
  13. package/directives.d.ts +8 -2
  14. package/esm2022/ai-prompt/aiprompt.component.mjs +177 -25
  15. package/esm2022/ai-prompt/aiprompt.module.mjs +3 -1
  16. package/esm2022/ai-prompt/common/aiprompt.service.mjs +35 -0
  17. package/esm2022/ai-prompt/common/output-card.component.mjs +23 -5
  18. package/esm2022/ai-prompt/localization/messages.mjs +7 -1
  19. package/esm2022/ai-prompt/models/ai-prompt-settings.mjs +5 -0
  20. package/esm2022/ai-prompt/templates/aiprompt-output-body-template.directive.mjs +33 -0
  21. package/esm2022/ai-prompt/templates/aiprompt-output-template.directive.mjs +33 -0
  22. package/esm2022/ai-prompt/views/output-view.component.mjs +27 -11
  23. package/esm2022/ai-prompt/views/prompt-view.component.mjs +139 -21
  24. package/esm2022/chat/message-box.component.mjs +1 -1
  25. package/esm2022/conversational-ui.module.mjs +13 -8
  26. package/esm2022/directives.mjs +15 -2
  27. package/esm2022/index.mjs +7 -0
  28. package/esm2022/inline-ai-prompt/inlineaiprompt-content.component.mjs +552 -0
  29. package/esm2022/inline-ai-prompt/inlineaiprompt.component.mjs +342 -0
  30. package/esm2022/inline-ai-prompt/inlineaiprompt.service.mjs +85 -0
  31. package/esm2022/inline-ai-prompt/localization/custom-messages.component.mjs +53 -0
  32. package/esm2022/inline-ai-prompt/localization/localized-messages.directive.mjs +39 -0
  33. package/esm2022/inline-ai-prompt/localization/messages.mjs +35 -0
  34. package/esm2022/inline-ai-prompt/models/command.interface.mjs +5 -0
  35. package/esm2022/inline-ai-prompt/models/index.mjs +5 -0
  36. package/esm2022/inline-ai-prompt/models/inlineaiprompt-popupsettings.mjs +5 -0
  37. package/esm2022/inline-ai-prompt/models/inlineaiprompt-settings.mjs +59 -0
  38. package/esm2022/inline-ai-prompt/models/messages.mjs +8 -0
  39. package/esm2022/inline-ai-prompt/models/output-action-click-event.mjs +5 -0
  40. package/esm2022/inline-ai-prompt/models/output-action.interface.mjs +5 -0
  41. package/esm2022/inline-ai-prompt/models/prompt-output.interface.mjs +5 -0
  42. package/esm2022/inline-ai-prompt/models/prompt-request-event.mjs +5 -0
  43. package/esm2022/inline-ai-prompt/output-template.directive.mjs +38 -0
  44. package/esm2022/inline-ai-prompt/utils.mjs +22 -0
  45. package/esm2022/package-metadata.mjs +2 -2
  46. package/fesm2022/progress-kendo-angular-conversational-ui.mjs +1696 -140
  47. package/index.d.ts +7 -0
  48. package/inline-ai-prompt/inlineaiprompt-content.component.d.ts +82 -0
  49. package/inline-ai-prompt/inlineaiprompt.component.d.ts +150 -0
  50. package/inline-ai-prompt/inlineaiprompt.service.d.ts +41 -0
  51. package/inline-ai-prompt/localization/custom-messages.component.d.ts +27 -0
  52. package/inline-ai-prompt/localization/localized-messages.directive.d.ts +16 -0
  53. package/inline-ai-prompt/localization/messages.d.ts +25 -0
  54. package/inline-ai-prompt/models/command.interface.d.ts +38 -0
  55. package/inline-ai-prompt/models/index.d.ts +12 -0
  56. package/inline-ai-prompt/models/inlineaiprompt-popupsettings.d.ts +10 -0
  57. package/inline-ai-prompt/models/inlineaiprompt-settings.d.ts +66 -0
  58. package/inline-ai-prompt/models/messages.d.ts +21 -0
  59. package/inline-ai-prompt/models/output-action-click-event.d.ts +19 -0
  60. package/inline-ai-prompt/models/output-action.interface.d.ts +52 -0
  61. package/inline-ai-prompt/models/prompt-output.interface.d.ts +25 -0
  62. package/inline-ai-prompt/models/prompt-request-event.d.ts +17 -0
  63. package/inline-ai-prompt/output-template.directive.d.ts +27 -0
  64. package/inline-ai-prompt/utils.d.ts +13 -0
  65. package/package.json +13 -12
@@ -2,14 +2,18 @@
2
2
  * Copyright © 2025 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
- import { AfterViewInit, EventEmitter, NgZone, OnDestroy, QueryList, TemplateRef } from "@angular/core";
5
+ import { AfterContentChecked, AfterViewInit, ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, OnInit, QueryList, Renderer2, SimpleChanges, TemplateRef } from "@angular/core";
6
6
  import { SVGIcon } from "@progress/kendo-svg-icons";
7
7
  import { LocalizationService } from '@progress/kendo-angular-l10n';
8
+ import { FabAlign, FabPositionMode, FloatingActionButtonComponent, SpeechToTextButtonSettings } from "@progress/kendo-angular-buttons";
8
9
  import { BaseView } from "./views/base-view";
9
10
  import { AIPromptService } from "./common/aiprompt.service";
10
11
  import { PromptCommand, PromptOutput, CommandExecuteEvent, PromptRequestEvent, OutputRatingChangeEvent } from "./models";
11
12
  import { AIPromptToolbarActionsDirective } from "./templates/toolbar-actions.template";
12
13
  import { ToolbarNavigationService } from "./common/toolbar-navigation.service";
14
+ import { AIPromptOutputTemplateDirective } from "./templates/aiprompt-output-template.directive";
15
+ import { AIPromptOutputBodyTemplateDirective } from "./templates/aiprompt-output-body-template.directive";
16
+ import { TextAreaSettings } from "@progress/kendo-angular-inputs";
13
17
  import * as i0 from "@angular/core";
14
18
  /**
15
19
  * Represents the [Kendo UI AIPrompt component for Angular](slug:overview_aiprompt).
@@ -28,14 +32,20 @@ import * as i0 from "@angular/core";
28
32
  * @remarks
29
33
  * Supported children components are: {@link AIPromptCustomMessagesComponent}, {@link CustomViewComponent}, {@link CommandViewComponent}, {@link PromptViewComponent}, {@link OutputViewComponent}.
30
34
  */
31
- export declare class AIPromptComponent implements AfterViewInit, OnDestroy {
35
+ export declare class AIPromptComponent implements OnInit, OnChanges, AfterContentChecked, AfterViewInit, OnDestroy {
32
36
  private localization;
33
37
  private service;
34
38
  private navigationService;
35
39
  private ngZone;
40
+ private element;
41
+ private renderer;
36
42
  hostClasses: boolean;
37
43
  get dirAttr(): string;
38
- constructor(localization: LocalizationService, service: AIPromptService, navigationService: ToolbarNavigationService, ngZone: NgZone);
44
+ constructor(localization: LocalizationService, service: AIPromptService, navigationService: ToolbarNavigationService, ngZone: NgZone, element: ElementRef, renderer: Renderer2);
45
+ /**
46
+ * @hidden
47
+ */
48
+ fabButton: FloatingActionButtonComponent;
39
49
  /**
40
50
  * @hidden
41
51
  */
@@ -44,52 +54,97 @@ export declare class AIPromptComponent implements AfterViewInit, OnDestroy {
44
54
  * @hidden
45
55
  */
46
56
  toolbarActionsTemplate: AIPromptToolbarActionsDirective;
57
+ /**
58
+ * @hidden
59
+ */
60
+ outputTemplate: AIPromptOutputTemplateDirective;
61
+ /**
62
+ * @hidden
63
+ */
64
+ outputBodyTemplate: AIPromptOutputBodyTemplateDirective;
47
65
  /**
48
66
  * The active view index of the AIPrompt component.
49
67
  */
50
68
  set activeView(idx: number);
51
69
  get activeView(): number;
52
70
  /**
53
- * Sets the collection of commands to render in the **Command** view.
71
+ * Sets the collection of commands to render in the Command view.
54
72
  */
55
73
  set promptCommands(value: Array<PromptCommand>);
56
74
  /**
57
- * Sets the collection of suggestions to render in the **Prompt** view.
75
+ * Sets the collection of suggestions to render in the Prompt view.
58
76
  */
59
77
  set promptSuggestions(value: Array<string>);
60
78
  /**
61
- * Sets the collection of generated prompt outputs to render in the **Output** view.
79
+ * Sets the collection of generated prompt outputs to render in the Output view.
62
80
  */
63
81
  set promptOutputs(value: Array<PromptOutput>);
64
82
  /**
65
- * Specifies if the rating buttons appear in each **Output** view card.
66
- * By default, the rating buttons do not appear.
83
+ * Specifies whether the rating buttons appear in each Output view card.
84
+ * The rating buttons do not appear by default.
67
85
  * @default false
68
86
  */
69
87
  set showOutputRating(value: boolean);
88
+ /**
89
+ * Specifies whether the Stop generation button appears in the Output view.
90
+ * The Stop generation button does not appear by default.
91
+ * @default false
92
+ */
93
+ streaming: boolean;
94
+ /**
95
+ * Sets the settings for the Speech to Text button in the Prompt view
96
+ * ([see example](slug:configuration_aiprompt#enabling-speech-to-text)).
97
+ */
98
+ set speechToTextButton(settings: boolean | SpeechToTextButtonSettings);
99
+ /**
100
+ * Sets the settings for the TextArea in the Prompt view
101
+ * ([see example](slug:configuration_aiprompt#configuring-the-prompt-text-area)).
102
+ */
103
+ set textAreaSettings(settings: TextAreaSettings);
104
+ /**
105
+ * Sets the SVG icon for the Generate button in the Prompt view.
106
+ */
107
+ generateButtonSVGIcon: SVGIcon;
108
+ /**
109
+ * Sets the icon for the Generate button in the Prompt view.
110
+ * @default 'sparkles'
111
+ */
112
+ generateButtonIcon: string;
113
+ /**
114
+ * Sets the disabled state for the Generate button in the Prompt view.
115
+ * @default false
116
+ */
117
+ disabledGenerateButton: boolean;
70
118
  /**
71
119
  * Fires when the `activeView` property is updated.
72
120
  * Use this event for two-way binding of the `activeView` property.
73
121
  */
74
122
  activeViewChange: EventEmitter<number>;
75
123
  /**
76
- * Fires when the user clicks the **Generate** button in the **Prompt** view or the **Retry** button in the **Output** view.
124
+ * Fires when you click the Generate button in the Prompt view or the Retry button in the Output view.
77
125
  * Use the event's `isRetry` field to determine the source element.
78
126
  */
79
127
  promptRequest: EventEmitter<PromptRequestEvent>;
80
128
  /**
81
- * Fires when the user clicks a **Command** view command.
129
+ * Fires when you click a Command view command.
82
130
  * The event data contains the selected command.
83
131
  */
84
132
  commandExecute: EventEmitter<CommandExecuteEvent>;
85
133
  /**
86
- * Fires when the user clicks a **Copy** button in any **Output** view card.
134
+ * Fires when you click a Copy button in any Output view card.
87
135
  */
88
136
  outputCopy: EventEmitter<PromptOutput>;
89
137
  /**
90
- * Fires when the user clicks a rating button in any **Output** view card.
138
+ * Fires when you click a rating button in any Output view card.
91
139
  */
92
140
  outputRatingChange: EventEmitter<OutputRatingChangeEvent>;
141
+ /**
142
+ * Fires when you click the Stop Generation button in the Output view.
143
+ */
144
+ promptRequestCancel: EventEmitter<void>;
145
+ ngOnInit(): void;
146
+ ngOnChanges(changes: SimpleChanges): void;
147
+ ngAfterContentChecked(): void;
93
148
  ngAfterViewInit(): void;
94
149
  ngOnDestroy(): void;
95
150
  /**
@@ -109,10 +164,22 @@ export declare class AIPromptComponent implements AfterViewInit, OnDestroy {
109
164
  * @hidden
110
165
  */
111
166
  outputIcon: SVGIcon;
167
+ /**
168
+ * @hidden
169
+ */
170
+ fabStopGenerationSVGIcon: SVGIcon;
112
171
  /**
113
172
  * @hidden
114
173
  */
115
174
  get viewsArray(): Array<BaseView>;
175
+ /**
176
+ * @hidden
177
+ */
178
+ fabPositionMode: FabPositionMode;
179
+ /**
180
+ * @hidden
181
+ */
182
+ fabAlignment: FabAlign;
116
183
  private direction;
117
184
  private _activeView;
118
185
  /**
@@ -132,5 +199,5 @@ export declare class AIPromptComponent implements AfterViewInit, OnDestroy {
132
199
  */
133
200
  handleGenerateOutput(): void;
134
201
  static ɵfac: i0.ɵɵFactoryDeclaration<AIPromptComponent, never>;
135
- static ɵcmp: i0.ɵɵComponentDeclaration<AIPromptComponent, "kendo-aiprompt", ["kendoAIPrompt"], { "activeView": { "alias": "activeView"; "required": false; }; "promptCommands": { "alias": "promptCommands"; "required": false; }; "promptSuggestions": { "alias": "promptSuggestions"; "required": false; }; "promptOutputs": { "alias": "promptOutputs"; "required": false; }; "showOutputRating": { "alias": "showOutputRating"; "required": false; }; }, { "activeViewChange": "activeViewChange"; "promptRequest": "promptRequest"; "commandExecute": "commandExecute"; "outputCopy": "outputCopy"; "outputRatingChange": "outputRatingChange"; }, ["toolbarActionsTemplate", "views"], never, true, never>;
202
+ static ɵcmp: i0.ɵɵComponentDeclaration<AIPromptComponent, "kendo-aiprompt", ["kendoAIPrompt"], { "activeView": { "alias": "activeView"; "required": false; }; "promptCommands": { "alias": "promptCommands"; "required": false; }; "promptSuggestions": { "alias": "promptSuggestions"; "required": false; }; "promptOutputs": { "alias": "promptOutputs"; "required": false; }; "showOutputRating": { "alias": "showOutputRating"; "required": false; }; "streaming": { "alias": "streaming"; "required": false; }; "speechToTextButton": { "alias": "speechToTextButton"; "required": false; }; "textAreaSettings": { "alias": "textAreaSettings"; "required": false; }; "generateButtonSVGIcon": { "alias": "generateButtonSVGIcon"; "required": false; }; "generateButtonIcon": { "alias": "generateButtonIcon"; "required": false; }; "disabledGenerateButton": { "alias": "disabledGenerateButton"; "required": false; }; }, { "activeViewChange": "activeViewChange"; "promptRequest": "promptRequest"; "commandExecute": "commandExecute"; "outputCopy": "outputCopy"; "outputRatingChange": "outputRatingChange"; "promptRequestCancel": "promptRequestCancel"; }, ["toolbarActionsTemplate", "outputTemplate", "outputBodyTemplate", "views"], never, true, never>;
136
203
  }
@@ -11,6 +11,8 @@ import * as i5 from "./views/custom-view.component";
11
11
  import * as i6 from "./localization/custom-messages.component";
12
12
  import * as i7 from "./templates/toolbar-actions.template";
13
13
  import * as i8 from "./common/toolbar-focusable.directive";
14
+ import * as i9 from "./templates/aiprompt-output-template.directive";
15
+ import * as i10 from "./templates/aiprompt-output-body-template.directive";
14
16
  /**
15
17
  * Represents the [`NgModule`](link:site.data.urls.angular['ngmodules']) for the AIPrompt component.
16
18
  *
@@ -31,6 +33,6 @@ import * as i8 from "./common/toolbar-focusable.directive";
31
33
  */
32
34
  export declare class AIPromptModule {
33
35
  static ɵfac: i0.ɵɵFactoryDeclaration<AIPromptModule, never>;
34
- static ɵmod: i0.ɵɵNgModuleDeclaration<AIPromptModule, never, [typeof i1.AIPromptComponent, typeof i2.PromptViewComponent, typeof i3.OutputViewComponent, typeof i4.CommandViewComponent, typeof i5.CustomViewComponent, typeof i6.AIPromptCustomMessagesComponent, typeof i7.AIPromptToolbarActionsDirective, typeof i8.AIPromptToolbarFocusableDirective], [typeof i1.AIPromptComponent, typeof i2.PromptViewComponent, typeof i3.OutputViewComponent, typeof i4.CommandViewComponent, typeof i5.CustomViewComponent, typeof i6.AIPromptCustomMessagesComponent, typeof i7.AIPromptToolbarActionsDirective, typeof i8.AIPromptToolbarFocusableDirective]>;
36
+ static ɵmod: i0.ɵɵNgModuleDeclaration<AIPromptModule, never, [typeof i1.AIPromptComponent, typeof i2.PromptViewComponent, typeof i3.OutputViewComponent, typeof i4.CommandViewComponent, typeof i5.CustomViewComponent, typeof i6.AIPromptCustomMessagesComponent, typeof i7.AIPromptToolbarActionsDirective, typeof i8.AIPromptToolbarFocusableDirective, typeof i9.AIPromptOutputTemplateDirective, typeof i10.AIPromptOutputBodyTemplateDirective], [typeof i1.AIPromptComponent, typeof i2.PromptViewComponent, typeof i3.OutputViewComponent, typeof i4.CommandViewComponent, typeof i5.CustomViewComponent, typeof i6.AIPromptCustomMessagesComponent, typeof i7.AIPromptToolbarActionsDirective, typeof i8.AIPromptToolbarFocusableDirective, typeof i9.AIPromptOutputTemplateDirective, typeof i10.AIPromptOutputBodyTemplateDirective]>;
35
37
  static ɵinj: i0.ɵɵInjectorDeclaration<AIPromptModule>;
36
38
  }
@@ -5,6 +5,10 @@
5
5
  import { Subject } from 'rxjs';
6
6
  import { AIPromptComponent } from '../aiprompt.component';
7
7
  import { PromptCommand, PromptOutput, CommandExecuteEvent, PromptRequestEvent, OutputRatingChangeEvent } from '../models';
8
+ import { AIPromptOutputTemplateDirective } from '../templates/aiprompt-output-template.directive';
9
+ import { AIPromptOutputBodyTemplateDirective } from '../templates/aiprompt-output-body-template.directive';
10
+ import { TextAreaSettings } from '@progress/kendo-angular-inputs';
11
+ import { SpeechToTextButtonSettings } from '@progress/kendo-angular-buttons';
8
12
  import * as i0 from "@angular/core";
9
13
  /**
10
14
  * @hidden
@@ -20,6 +24,12 @@ export declare class AIPromptService {
20
24
  promptCommands: Array<PromptCommand>;
21
25
  promptOutputs: Array<PromptOutput>;
22
26
  promptSuggestions: Array<string>;
27
+ textAreaSettings: TextAreaSettings;
28
+ outputTemplate: AIPromptOutputTemplateDirective;
29
+ outputBodyTemplate: AIPromptOutputBodyTemplateDirective;
30
+ private _speechToTextButton;
31
+ get speechToTextButton(): SpeechToTextButtonSettings;
32
+ set speechToTextButton(settings: boolean | SpeechToTextButtonSettings);
23
33
  getFlattenPromptCommands(commands?: Array<PromptCommand>): Array<PromptCommand>;
24
34
  static ɵfac: i0.ɵɵFactoryDeclaration<AIPromptService, never>;
25
35
  static ɵprov: i0.ɵɵInjectableDeclaration<AIPromptService>;
@@ -33,6 +33,10 @@ export declare class AIPromptOutputCardComponent implements OnInit {
33
33
  handleRetry(): void;
34
34
  handleCopy(): void;
35
35
  handleRating(ratingType: PromptOutputRating): void;
36
+ /**
37
+ * @hidden
38
+ */
39
+ get customBodyTemplate(): import("@angular/core").TemplateRef<any>;
36
40
  static ɵfac: i0.ɵɵFactoryDeclaration<AIPromptOutputCardComponent, never>;
37
41
  static ɵcmp: i0.ɵɵComponentDeclaration<AIPromptOutputCardComponent, "[kendoAIPromptOutputCard]", never, { "promptOutput": { "alias": "promptOutput"; "required": false; }; }, {}, never, never, true, never>;
38
42
  }
@@ -44,6 +44,10 @@ export declare class Messages extends ComponentMessages {
44
44
  * Sets the title of the **Prompt suggestions** button.
45
45
  */
46
46
  promptSuggestions: string;
47
+ /**
48
+ * Sets the aria-label for the **Speech to Text** button.
49
+ */
50
+ speechToTextButton: string;
47
51
  static ɵfac: i0.ɵɵFactoryDeclaration<Messages, never>;
48
- static ɵdir: i0.ɵɵDirectiveDeclaration<Messages, never, never, { "promptView": { "alias": "promptView"; "required": false; }; "outputView": { "alias": "outputView"; "required": false; }; "generateOutput": { "alias": "generateOutput"; "required": false; }; "promptPlaceholder": { "alias": "promptPlaceholder"; "required": false; }; "copyOutput": { "alias": "copyOutput"; "required": false; }; "retryGeneration": { "alias": "retryGeneration"; "required": false; }; "outputTitle": { "alias": "outputTitle"; "required": false; }; "outputRetryTitle": { "alias": "outputRetryTitle"; "required": false; }; "promptSuggestions": { "alias": "promptSuggestions"; "required": false; }; }, {}, never, never, false, never>;
52
+ static ɵdir: i0.ɵɵDirectiveDeclaration<Messages, never, never, { "promptView": { "alias": "promptView"; "required": false; }; "outputView": { "alias": "outputView"; "required": false; }; "generateOutput": { "alias": "generateOutput"; "required": false; }; "promptPlaceholder": { "alias": "promptPlaceholder"; "required": false; }; "copyOutput": { "alias": "copyOutput"; "required": false; }; "retryGeneration": { "alias": "retryGeneration"; "required": false; }; "outputTitle": { "alias": "outputTitle"; "required": false; }; "outputRetryTitle": { "alias": "outputRetryTitle"; "required": false; }; "promptSuggestions": { "alias": "promptSuggestions"; "required": false; }; "speechToTextButton": { "alias": "speechToTextButton"; "required": false; }; }, {}, never, never, false, never>;
49
53
  }
@@ -0,0 +1,60 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ import { SpeechToTextButtonSettings } from "@progress/kendo-angular-buttons";
6
+ import { TextAreaSettings } from "@progress/kendo-angular-inputs";
7
+ import { SVGIcon } from "@progress/kendo-svg-icons";
8
+ import { PromptCommand } from "./command.interface";
9
+ import { PromptOutput } from "./prompt-output.interface";
10
+ /**
11
+ * Interface representing all configuration options of the Ai Prompt.
12
+ */
13
+ export interface AIPromptSettings {
14
+ /**
15
+ * The active view index of the AIPrompt component.
16
+ */
17
+ activeView?: number;
18
+ /**
19
+ * Sets the collection of commands to render in the Command view.
20
+ */
21
+ promptCommands?: Array<PromptCommand>;
22
+ /**
23
+ * Sets the collection of suggestions to render in the **Prompt** view.
24
+ */
25
+ promptSuggestions?: Array<string>;
26
+ /**
27
+ * Sets the collection of generated prompt outputs to render in the Output view.
28
+ */
29
+ promptOutputs?: Array<PromptOutput>;
30
+ /**
31
+ * Specifies whether the Stop generation button appears in the Output view.
32
+ */
33
+ streaming?: boolean;
34
+ /**
35
+ * Specifies if the rating buttons appear in each **Output** view card.
36
+ * By default, the rating buttons do not appear.
37
+ */
38
+ showOutputRating?: boolean;
39
+ /**
40
+ * Sets the settings for the Speech to Text button in the Prompt view.
41
+ */
42
+ speechToTextButton?: boolean | SpeechToTextButtonSettings;
43
+ /**
44
+ * Sets the settings for the TextArea in the Prompt view.
45
+ * Use this property to customize the TextArea appearance.
46
+ */
47
+ textAreaSettings?: TextAreaSettings;
48
+ /**
49
+ * Sets the SVG icon for the Generate button in the Prompt view.
50
+ */
51
+ generateButtonSVGIcon?: SVGIcon;
52
+ /**
53
+ * Sets the icon for the Generate button in the Prompt view.
54
+ */
55
+ generateButtonIcon?: string;
56
+ /**
57
+ * Sets the disabled state for the Generate button in the Prompt view.
58
+ */
59
+ disabledGenerateButton?: boolean;
60
+ }
@@ -8,3 +8,4 @@ export { PromptOutput } from './prompt-output.interface';
8
8
  export { PromptRequestEvent } from './prompt-request-event';
9
9
  export { PromptOutputRating } from './prompt-output.interface';
10
10
  export { OutputRatingChangeEvent } from './output-rating-change-event';
11
+ export { AIPromptSettings } from './ai-prompt-settings';
@@ -0,0 +1,24 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ import { TemplateRef } from '@angular/core';
6
+ import * as i0 from "@angular/core";
7
+ /**
8
+ * Represents the template for the body of the response in the AIPrompt component. The template context is set to the current output object.
9
+ *
10
+ * @example
11
+ * ```html
12
+ * <kendo-aiprompt>
13
+ * <ng-template kendoAIPromptOutputBodyTemplate let-output>
14
+ * <div>{{output.prompt}}</div>
15
+ * </ng-template>
16
+ * </kendo-aiprompt>
17
+ * ```
18
+ */
19
+ export declare class AIPromptOutputBodyTemplateDirective {
20
+ templateRef: TemplateRef<any>;
21
+ constructor(templateRef: TemplateRef<any>);
22
+ static ɵfac: i0.ɵɵFactoryDeclaration<AIPromptOutputBodyTemplateDirective, never>;
23
+ static ɵdir: i0.ɵɵDirectiveDeclaration<AIPromptOutputBodyTemplateDirective, "[kendoAIPromptOutputBodyTemplate]", never, {}, {}, never, never, true, never>;
24
+ }
@@ -0,0 +1,24 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ import { TemplateRef } from '@angular/core';
6
+ import * as i0 from "@angular/core";
7
+ /**
8
+ * Represents the template for the response in the AIPrompt component. The template context is set to the current output object.
9
+ *
10
+ * @example
11
+ * ```html
12
+ * <kendo-aiprompt>
13
+ * <ng-template kendoAIPromptOutputTemplate let-output>
14
+ * <div>{{output.prompt}}</div>
15
+ * </ng-template>
16
+ * </kendo-aiprompt>
17
+ * ```
18
+ */
19
+ export declare class AIPromptOutputTemplateDirective {
20
+ templateRef: TemplateRef<any>;
21
+ constructor(templateRef: TemplateRef<any>);
22
+ static ɵfac: i0.ɵɵFactoryDeclaration<AIPromptOutputTemplateDirective, never>;
23
+ static ɵdir: i0.ɵɵDirectiveDeclaration<AIPromptOutputTemplateDirective, "[kendoAIPromptOutputTemplate]", never, {}, {}, never, never, true, never>;
24
+ }
@@ -24,6 +24,10 @@ export declare class OutputViewComponent extends BaseView {
24
24
  * @hidden
25
25
  */
26
26
  get promptOutputs(): Array<PromptOutput>;
27
+ /**
28
+ * @hidden
29
+ */
30
+ get customTemplate(): import("@angular/core").TemplateRef<any>;
27
31
  static ɵfac: i0.ɵɵFactoryDeclaration<OutputViewComponent, never>;
28
32
  static ɵcmp: i0.ɵɵComponentDeclaration<OutputViewComponent, "kendo-aiprompt-output-view", never, {}, {}, never, never, true, never>;
29
33
  }
@@ -4,6 +4,8 @@
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { LocalizationService } from '@progress/kendo-angular-l10n';
6
6
  import { SVGIcon } from '@progress/kendo-svg-icons';
7
+ import { SpeechToTextButtonSettings } from '@progress/kendo-angular-buttons';
8
+ import { TextAreaSettings } from '@progress/kendo-angular-inputs';
7
9
  import { BaseView } from './base-view';
8
10
  import { AIPromptService } from '../common/aiprompt.service';
9
11
  import * as i0 from "@angular/core";
@@ -18,7 +20,7 @@ import * as i0 from "@angular/core";
18
20
  * ```
19
21
  */
20
22
  export declare class PromptViewComponent extends BaseView {
21
- private service;
23
+ service: AIPromptService;
22
24
  constructor(localization: LocalizationService, service: AIPromptService);
23
25
  /**
24
26
  * @hidden
@@ -49,6 +51,26 @@ export declare class PromptViewComponent extends BaseView {
49
51
  * @hidden
50
52
  */
51
53
  suggestionClick(suggestion: string): void;
54
+ /**
55
+ * @hidden
56
+ */
57
+ suggestionKeydown(event: KeyboardEvent, suggestion: string): void;
58
+ /**
59
+ * @hidden
60
+ */
61
+ get speechToTextButtonSettings(): SpeechToTextButtonSettings;
62
+ /**
63
+ * @hidden
64
+ */
65
+ get textareaSettings(): TextAreaSettings;
66
+ /**
67
+ * @hidden
68
+ */
69
+ onSpeechToTextResult(event: any): void;
70
+ /**
71
+ * @hidden
72
+ */
73
+ onSpeechToTextError(event: any): void;
52
74
  static ɵfac: i0.ɵɵFactoryDeclaration<PromptViewComponent, never>;
53
75
  static ɵcmp: i0.ɵɵComponentDeclaration<PromptViewComponent, "kendo-aiprompt-prompt-view", never, {}, {}, never, never, true, never>;
54
76
  }
@@ -11,12 +11,17 @@ import * as i5 from "./ai-prompt/views/custom-view.component";
11
11
  import * as i6 from "./ai-prompt/localization/custom-messages.component";
12
12
  import * as i7 from "./ai-prompt/templates/toolbar-actions.template";
13
13
  import * as i8 from "./ai-prompt/common/toolbar-focusable.directive";
14
- import * as i9 from "./chat/chat.component";
15
- import * as i10 from "./chat/l10n/custom-messages.component";
16
- import * as i11 from "./chat/attachment-template.directive";
17
- import * as i12 from "./chat/message-template.directive";
18
- import * as i13 from "./chat/cards/hero-card.component";
19
- import * as i14 from "./chat/message-box.directive";
14
+ import * as i9 from "./ai-prompt/templates/aiprompt-output-template.directive";
15
+ import * as i10 from "./ai-prompt/templates/aiprompt-output-body-template.directive";
16
+ import * as i11 from "./chat/chat.component";
17
+ import * as i12 from "./chat/l10n/custom-messages.component";
18
+ import * as i13 from "./chat/attachment-template.directive";
19
+ import * as i14 from "./chat/message-template.directive";
20
+ import * as i15 from "./chat/cards/hero-card.component";
21
+ import * as i16 from "./chat/message-box.directive";
22
+ import * as i17 from "./inline-ai-prompt/inlineaiprompt.component";
23
+ import * as i18 from "./inline-ai-prompt/output-template.directive";
24
+ import * as i19 from "./inline-ai-prompt/localization/custom-messages.component";
20
25
  /**
21
26
  * Represents the [`NgModule`](link:site.data.urls.angular['ngmodules']) for the Conversational UI components.
22
27
  *
@@ -37,6 +42,6 @@ import * as i14 from "./chat/message-box.directive";
37
42
  */
38
43
  export declare class ConversationalUIModule {
39
44
  static ɵfac: i0.ɵɵFactoryDeclaration<ConversationalUIModule, never>;
40
- static ɵmod: i0.ɵɵNgModuleDeclaration<ConversationalUIModule, never, [typeof i1.AIPromptComponent, typeof i2.PromptViewComponent, typeof i3.OutputViewComponent, typeof i4.CommandViewComponent, typeof i5.CustomViewComponent, typeof i6.AIPromptCustomMessagesComponent, typeof i7.AIPromptToolbarActionsDirective, typeof i8.AIPromptToolbarFocusableDirective, typeof i9.ChatComponent, typeof i10.CustomMessagesComponent, typeof i11.AttachmentTemplateDirective, typeof i12.MessageTemplateDirective, typeof i13.HeroCardComponent, typeof i14.ChatMessageBoxTemplateDirective], [typeof i1.AIPromptComponent, typeof i2.PromptViewComponent, typeof i3.OutputViewComponent, typeof i4.CommandViewComponent, typeof i5.CustomViewComponent, typeof i6.AIPromptCustomMessagesComponent, typeof i7.AIPromptToolbarActionsDirective, typeof i8.AIPromptToolbarFocusableDirective, typeof i9.ChatComponent, typeof i10.CustomMessagesComponent, typeof i11.AttachmentTemplateDirective, typeof i12.MessageTemplateDirective, typeof i13.HeroCardComponent, typeof i14.ChatMessageBoxTemplateDirective]>;
45
+ static ɵmod: i0.ɵɵNgModuleDeclaration<ConversationalUIModule, never, [typeof i1.AIPromptComponent, typeof i2.PromptViewComponent, typeof i3.OutputViewComponent, typeof i4.CommandViewComponent, typeof i5.CustomViewComponent, typeof i6.AIPromptCustomMessagesComponent, typeof i7.AIPromptToolbarActionsDirective, typeof i8.AIPromptToolbarFocusableDirective, typeof i9.AIPromptOutputTemplateDirective, typeof i10.AIPromptOutputBodyTemplateDirective, typeof i11.ChatComponent, typeof i12.CustomMessagesComponent, typeof i13.AttachmentTemplateDirective, typeof i14.MessageTemplateDirective, typeof i15.HeroCardComponent, typeof i16.ChatMessageBoxTemplateDirective, typeof i17.InlineAIPromptComponent, typeof i18.InlineAIPromptOutputTemplateDirective, typeof i19.InlineAIPromptCustomMessagesComponent], [typeof i1.AIPromptComponent, typeof i2.PromptViewComponent, typeof i3.OutputViewComponent, typeof i4.CommandViewComponent, typeof i5.CustomViewComponent, typeof i6.AIPromptCustomMessagesComponent, typeof i7.AIPromptToolbarActionsDirective, typeof i8.AIPromptToolbarFocusableDirective, typeof i9.AIPromptOutputTemplateDirective, typeof i10.AIPromptOutputBodyTemplateDirective, typeof i11.ChatComponent, typeof i12.CustomMessagesComponent, typeof i13.AttachmentTemplateDirective, typeof i14.MessageTemplateDirective, typeof i15.HeroCardComponent, typeof i16.ChatMessageBoxTemplateDirective, typeof i17.InlineAIPromptComponent, typeof i18.InlineAIPromptOutputTemplateDirective, typeof i19.InlineAIPromptCustomMessagesComponent]>;
41
46
  static ɵinj: i0.ɵɵInjectorDeclaration<ConversationalUIModule>;
42
47
  }
package/directives.d.ts CHANGED
@@ -15,6 +15,11 @@ import { AttachmentTemplateDirective } from "./chat/attachment-template.directiv
15
15
  import { MessageTemplateDirective } from "./chat/message-template.directive";
16
16
  import { HeroCardComponent } from "./chat/cards/hero-card.component";
17
17
  import { ChatMessageBoxTemplateDirective } from "./chat/message-box.directive";
18
+ import { AIPromptOutputBodyTemplateDirective } from "./ai-prompt/templates/aiprompt-output-body-template.directive";
19
+ import { AIPromptOutputTemplateDirective } from "./ai-prompt/templates/aiprompt-output-template.directive";
20
+ import { InlineAIPromptComponent } from "./inline-ai-prompt/inlineaiprompt.component";
21
+ import { InlineAIPromptOutputTemplateDirective } from "./inline-ai-prompt/output-template.directive";
22
+ import { InlineAIPromptCustomMessagesComponent } from "./inline-ai-prompt/localization/custom-messages.component";
18
23
  /**
19
24
  * Utility array that contains all AIPrompt related components and directives.
20
25
  *
@@ -32,7 +37,7 @@ import { ChatMessageBoxTemplateDirective } from "./chat/message-box.directive";
32
37
  * export class AppComponent {}
33
38
  * ```
34
39
  */
35
- export declare const KENDO_AIPROMPT: readonly [typeof AIPromptComponent, typeof PromptViewComponent, typeof OutputViewComponent, typeof CommandViewComponent, typeof CustomViewComponent, typeof AIPromptCustomMessagesComponent, typeof AIPromptToolbarActionsDirective, typeof AIPromptToolbarFocusableDirective];
40
+ export declare const KENDO_AIPROMPT: readonly [typeof AIPromptComponent, typeof PromptViewComponent, typeof OutputViewComponent, typeof CommandViewComponent, typeof CustomViewComponent, typeof AIPromptCustomMessagesComponent, typeof AIPromptToolbarActionsDirective, typeof AIPromptToolbarFocusableDirective, typeof AIPromptOutputTemplateDirective, typeof AIPromptOutputBodyTemplateDirective];
36
41
  /**
37
42
  * Utility array that contains all Chat related components and directives.
38
43
  *
@@ -51,6 +56,7 @@ export declare const KENDO_AIPROMPT: readonly [typeof AIPromptComponent, typeof
51
56
  * ```
52
57
  */
53
58
  export declare const KENDO_CHAT: readonly [typeof ChatComponent, typeof CustomMessagesComponent, typeof AttachmentTemplateDirective, typeof MessageTemplateDirective, typeof HeroCardComponent, typeof ChatMessageBoxTemplateDirective];
59
+ export declare const KENDO_INLINEAIPROMPT: readonly [typeof InlineAIPromptComponent, typeof InlineAIPromptOutputTemplateDirective, typeof InlineAIPromptCustomMessagesComponent];
54
60
  /**
55
61
  * Utility array that contains all `@progress/kendo-angular-conversational-ui` related components and directives.
56
62
  *
@@ -71,4 +77,4 @@ export declare const KENDO_CHAT: readonly [typeof ChatComponent, typeof CustomMe
71
77
  * export class AppComponent {}
72
78
  * ```
73
79
  */
74
- export declare const KENDO_CONVERSATIONALUI: readonly [typeof AIPromptComponent, typeof PromptViewComponent, typeof OutputViewComponent, typeof CommandViewComponent, typeof CustomViewComponent, typeof AIPromptCustomMessagesComponent, typeof AIPromptToolbarActionsDirective, typeof AIPromptToolbarFocusableDirective, typeof ChatComponent, typeof CustomMessagesComponent, typeof AttachmentTemplateDirective, typeof MessageTemplateDirective, typeof HeroCardComponent, typeof ChatMessageBoxTemplateDirective];
80
+ export declare const KENDO_CONVERSATIONALUI: readonly [typeof AIPromptComponent, typeof PromptViewComponent, typeof OutputViewComponent, typeof CommandViewComponent, typeof CustomViewComponent, typeof AIPromptCustomMessagesComponent, typeof AIPromptToolbarActionsDirective, typeof AIPromptToolbarFocusableDirective, typeof AIPromptOutputTemplateDirective, typeof AIPromptOutputBodyTemplateDirective, typeof ChatComponent, typeof CustomMessagesComponent, typeof AttachmentTemplateDirective, typeof MessageTemplateDirective, typeof HeroCardComponent, typeof ChatMessageBoxTemplateDirective, typeof InlineAIPromptComponent, typeof InlineAIPromptOutputTemplateDirective, typeof InlineAIPromptCustomMessagesComponent];