@progress/kendo-angular-conversational-ui 15.0.0-develop.1 → 15.0.0-develop.3
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.
- package/ai-prompt/aiprompt.component.d.ts +3 -1
- package/chat/api/execute-action-event.d.ts +2 -1
- package/chat/attachment-template.directive.d.ts +1 -1
- package/chat/chat.component.d.ts +1 -1
- package/chat/message-template.directive.d.ts +1 -1
- package/esm2020/ai-prompt/aiprompt.component.mjs +16 -7
- package/esm2020/ai-prompt/views/command-view.component.mjs +3 -1
- package/esm2020/ai-prompt/views/prompt-view.component.mjs +4 -2
- package/esm2020/chat/attachment-template.directive.mjs +1 -1
- package/esm2020/chat/chat.component.mjs +1 -1
- package/esm2020/chat/message-template.directive.mjs +1 -1
- package/esm2020/package-metadata.mjs +2 -2
- package/fesm2015/progress-kendo-angular-conversational-ui.mjs +29 -16
- package/fesm2020/progress-kendo-angular-conversational-ui.mjs +28 -15
- package/package.json +10 -10
@@ -33,7 +33,8 @@ export declare class AIPromptComponent implements AfterViewInit, OnDestroy {
|
|
33
33
|
/**
|
34
34
|
* The active view index of the AIPrompt component.
|
35
35
|
*/
|
36
|
-
activeView: number;
|
36
|
+
set activeView(idx: number);
|
37
|
+
get activeView(): number;
|
37
38
|
/**
|
38
39
|
* The collection of commands that will be rendered in the Command view.
|
39
40
|
*/
|
@@ -99,6 +100,7 @@ export declare class AIPromptComponent implements AfterViewInit, OnDestroy {
|
|
99
100
|
*/
|
100
101
|
get viewsArray(): Array<BaseView>;
|
101
102
|
private direction;
|
103
|
+
private _activeView;
|
102
104
|
/**
|
103
105
|
* @hidden
|
104
106
|
*/
|
@@ -3,7 +3,8 @@
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
5
5
|
import { PreventableEvent } from "./preventable-event";
|
6
|
-
import {
|
6
|
+
import { Message } from "./message.interface";
|
7
|
+
import { Action } from "./action.interface";
|
7
8
|
/**
|
8
9
|
* Arguments for the `executeAction` event. The `executeAction` event fires when the user clicks
|
9
10
|
* a quick action button. Calling `preventDefault()` suppresses the built-in action handler.
|
@@ -11,7 +11,7 @@ import * as i0 from "@angular/core";
|
|
11
11
|
* refer to the article on [message attachments]({% slug attachments_chat %}).
|
12
12
|
*
|
13
13
|
* {% meta height:700 %}
|
14
|
-
* {% embed_file attachments/templates/app.component.ts preview %}
|
14
|
+
* {% embed_file chat/attachments/templates/app.component.ts preview %}
|
15
15
|
* {% embed_file shared/app.module.ts preview %}
|
16
16
|
* {% embed_file shared/main.ts hidden %}
|
17
17
|
* {% endmeta %}
|
package/chat/chat.component.d.ts
CHANGED
@@ -15,7 +15,7 @@ import * as i0 from "@angular/core";
|
|
15
15
|
* Represents the Kendo UI Chat component for Angular.
|
16
16
|
*
|
17
17
|
* {% meta height:700 %}
|
18
|
-
* {% embed_file echo/app.component.ts preview %}
|
18
|
+
* {% embed_file chat/echo/app.component.ts preview %}
|
19
19
|
* {% embed_file shared/app.module.ts %}
|
20
20
|
* {% embed_file shared/main.ts hidden %}
|
21
21
|
* {% endmeta %}
|
@@ -11,7 +11,7 @@ import * as i0 from "@angular/core";
|
|
11
11
|
* refer to the article on [message templates]({% slug message_templates_chat %}).
|
12
12
|
*
|
13
13
|
* {% meta height:700 %}
|
14
|
-
* {% embed_file messages/templates/app.component.ts preview %}
|
14
|
+
* {% embed_file chat/messages/templates/app.component.ts preview %}
|
15
15
|
* {% embed_file shared/app.module.ts preview %}
|
16
16
|
* {% embed_file shared/main.ts hidden %}
|
17
17
|
* {% endmeta %}
|
@@ -30,10 +30,6 @@ export class AIPromptComponent {
|
|
30
30
|
this.navigationService = navigationService;
|
31
31
|
this.ngZone = ngZone;
|
32
32
|
this.hostClasses = true;
|
33
|
-
/**
|
34
|
-
* The active view index of the AIPrompt component.
|
35
|
-
*/
|
36
|
-
this.activeView = 0;
|
37
33
|
/**
|
38
34
|
* Fires when the `activeView` property of the component is updated.
|
39
35
|
* Used to provide a two-way binding for the `activeView` property.
|
@@ -65,6 +61,7 @@ export class AIPromptComponent {
|
|
65
61
|
* @hidden
|
66
62
|
*/
|
67
63
|
this.outputIcon = commentIcon;
|
64
|
+
this._activeView = 0;
|
68
65
|
validatePackage(packageMetadata);
|
69
66
|
this.direction = localization.rtl ? 'rtl' : 'ltr';
|
70
67
|
this.subs.add(localization.changes.subscribe(({ rtl }) => {
|
@@ -74,6 +71,18 @@ export class AIPromptComponent {
|
|
74
71
|
get dirAttr() {
|
75
72
|
return this.direction;
|
76
73
|
}
|
74
|
+
/**
|
75
|
+
* The active view index of the AIPrompt component.
|
76
|
+
*/
|
77
|
+
set activeView(idx) {
|
78
|
+
if (this._activeView !== idx) {
|
79
|
+
this._activeView = idx;
|
80
|
+
this.service.promptValue && (this.service.promptValue = '');
|
81
|
+
}
|
82
|
+
}
|
83
|
+
get activeView() {
|
84
|
+
return this._activeView;
|
85
|
+
}
|
77
86
|
/**
|
78
87
|
* The collection of commands that will be rendered in the Command view.
|
79
88
|
*/
|
@@ -150,7 +159,7 @@ export class AIPromptComponent {
|
|
150
159
|
* @hidden
|
151
160
|
*/
|
152
161
|
get viewTemplate() {
|
153
|
-
return this.selectedView
|
162
|
+
return this.selectedView?.viewType === 'custom' ? this.selectedView?.viewTemplate : this.selectedView?.template;
|
154
163
|
}
|
155
164
|
/**
|
156
165
|
* @hidden
|
@@ -223,7 +232,7 @@ AIPromptComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
|
|
223
232
|
</ng-container>
|
224
233
|
</div>
|
225
234
|
</div>
|
226
|
-
<div class="k-prompt-footer" *ngIf="selectedView
|
235
|
+
<div class="k-prompt-footer" *ngIf="selectedView?.viewType === 'prompt'">
|
227
236
|
<div class="k-actions k-actions-start k-actions-horizontal k-prompt-actions">
|
228
237
|
<button
|
229
238
|
kendoButton
|
@@ -299,7 +308,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
299
308
|
</ng-container>
|
300
309
|
</div>
|
301
310
|
</div>
|
302
|
-
<div class="k-prompt-footer" *ngIf="selectedView
|
311
|
+
<div class="k-prompt-footer" *ngIf="selectedView?.viewType === 'prompt'">
|
303
312
|
<div class="k-actions k-actions-start k-actions-horizontal k-prompt-actions">
|
304
313
|
<button
|
305
314
|
kendoButton
|
@@ -20,7 +20,9 @@ export class CommandViewComponent extends BaseView {
|
|
20
20
|
this.panelBarItems = [];
|
21
21
|
}
|
22
22
|
ngOnInit() {
|
23
|
-
|
23
|
+
if (this.service.promptCommands) {
|
24
|
+
this.panelBarItems = this.getPanelBarItems(this.service.promptCommands);
|
25
|
+
}
|
24
26
|
}
|
25
27
|
itemClickHandler(ev) {
|
26
28
|
if (ev.item.children) {
|
@@ -75,7 +75,8 @@ PromptViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
75
75
|
[rows]="1"
|
76
76
|
[(value)]="textAreaValue">
|
77
77
|
</kendo-textarea>
|
78
|
-
<div
|
78
|
+
<div *ngIf="promptSuggestions"
|
79
|
+
class="k-prompt-expander">
|
79
80
|
<button kendoButton
|
80
81
|
[attr.aria-controls]="contentId"
|
81
82
|
[attr.aria-expanded]="showSuggestions"
|
@@ -117,7 +118,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
117
118
|
[rows]="1"
|
118
119
|
[(value)]="textAreaValue">
|
119
120
|
</kendo-textarea>
|
120
|
-
<div
|
121
|
+
<div *ngIf="promptSuggestions"
|
122
|
+
class="k-prompt-expander">
|
121
123
|
<button kendoButton
|
122
124
|
[attr.aria-controls]="contentId"
|
123
125
|
[attr.aria-expanded]="showSuggestions"
|
@@ -11,7 +11,7 @@ import * as i0 from "@angular/core";
|
|
11
11
|
* refer to the article on [message attachments]({% slug attachments_chat %}).
|
12
12
|
*
|
13
13
|
* {% meta height:700 %}
|
14
|
-
* {% embed_file attachments/templates/app.component.ts preview %}
|
14
|
+
* {% embed_file chat/attachments/templates/app.component.ts preview %}
|
15
15
|
* {% embed_file shared/app.module.ts preview %}
|
16
16
|
* {% embed_file shared/main.ts hidden %}
|
17
17
|
* {% endmeta %}
|
@@ -21,7 +21,7 @@ import * as i5 from "./common/scroll-anchor.directive";
|
|
21
21
|
* Represents the Kendo UI Chat component for Angular.
|
22
22
|
*
|
23
23
|
* {% meta height:700 %}
|
24
|
-
* {% embed_file echo/app.component.ts preview %}
|
24
|
+
* {% embed_file chat/echo/app.component.ts preview %}
|
25
25
|
* {% embed_file shared/app.module.ts %}
|
26
26
|
* {% embed_file shared/main.ts hidden %}
|
27
27
|
* {% endmeta %}
|
@@ -11,7 +11,7 @@ import * as i0 from "@angular/core";
|
|
11
11
|
* refer to the article on [message templates]({% slug message_templates_chat %}).
|
12
12
|
*
|
13
13
|
* {% meta height:700 %}
|
14
|
-
* {% embed_file messages/templates/app.component.ts preview %}
|
14
|
+
* {% embed_file chat/messages/templates/app.component.ts preview %}
|
15
15
|
* {% embed_file shared/app.module.ts preview %}
|
16
16
|
* {% embed_file shared/main.ts hidden %}
|
17
17
|
* {% endmeta %}
|
@@ -9,7 +9,7 @@ export const packageMetadata = {
|
|
9
9
|
name: '@progress/kendo-angular-conversational-ui',
|
10
10
|
productName: 'Kendo UI for Angular',
|
11
11
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
12
|
-
publishDate:
|
13
|
-
version: '15.0.0-develop.
|
12
|
+
publishDate: 1706629667,
|
13
|
+
version: '15.0.0-develop.3',
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
15
15
|
};
|
@@ -30,7 +30,7 @@ import { LayoutModule } from '@progress/kendo-angular-layout';
|
|
30
30
|
* refer to the article on [message attachments]({% slug attachments_chat %}).
|
31
31
|
*
|
32
32
|
* {% meta height:700 %}
|
33
|
-
* {% embed_file attachments/templates/app.component.ts preview %}
|
33
|
+
* {% embed_file chat/attachments/templates/app.component.ts preview %}
|
34
34
|
* {% embed_file shared/app.module.ts preview %}
|
35
35
|
* {% embed_file shared/main.ts hidden %}
|
36
36
|
* {% endmeta %}
|
@@ -94,7 +94,7 @@ const makeHandler = (action) => handlers[action.type] || noop;
|
|
94
94
|
* refer to the article on [message templates]({% slug message_templates_chat %}).
|
95
95
|
*
|
96
96
|
* {% meta height:700 %}
|
97
|
-
* {% embed_file messages/templates/app.component.ts preview %}
|
97
|
+
* {% embed_file chat/messages/templates/app.component.ts preview %}
|
98
98
|
* {% embed_file shared/app.module.ts preview %}
|
99
99
|
* {% embed_file shared/main.ts hidden %}
|
100
100
|
* {% endmeta %}
|
@@ -124,8 +124,8 @@ const packageMetadata = {
|
|
124
124
|
name: '@progress/kendo-angular-conversational-ui',
|
125
125
|
productName: 'Kendo UI for Angular',
|
126
126
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
127
|
-
publishDate:
|
128
|
-
version: '15.0.0-develop.
|
127
|
+
publishDate: 1706629667,
|
128
|
+
version: '15.0.0-develop.3',
|
129
129
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
130
130
|
};
|
131
131
|
|
@@ -1486,7 +1486,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
1486
1486
|
* Represents the Kendo UI Chat component for Angular.
|
1487
1487
|
*
|
1488
1488
|
* {% meta height:700 %}
|
1489
|
-
* {% embed_file echo/app.component.ts preview %}
|
1489
|
+
* {% embed_file chat/echo/app.component.ts preview %}
|
1490
1490
|
* {% embed_file shared/app.module.ts %}
|
1491
1491
|
* {% embed_file shared/main.ts hidden %}
|
1492
1492
|
* {% endmeta %}
|
@@ -1941,7 +1941,8 @@ PromptViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
1941
1941
|
[rows]="1"
|
1942
1942
|
[(value)]="textAreaValue">
|
1943
1943
|
</kendo-textarea>
|
1944
|
-
<div
|
1944
|
+
<div *ngIf="promptSuggestions"
|
1945
|
+
class="k-prompt-expander">
|
1945
1946
|
<button kendoButton
|
1946
1947
|
[attr.aria-controls]="contentId"
|
1947
1948
|
[attr.aria-expanded]="showSuggestions"
|
@@ -1983,7 +1984,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
1983
1984
|
[rows]="1"
|
1984
1985
|
[(value)]="textAreaValue">
|
1985
1986
|
</kendo-textarea>
|
1986
|
-
<div
|
1987
|
+
<div *ngIf="promptSuggestions"
|
1988
|
+
class="k-prompt-expander">
|
1987
1989
|
<button kendoButton
|
1988
1990
|
[attr.aria-controls]="contentId"
|
1989
1991
|
[attr.aria-expanded]="showSuggestions"
|
@@ -2450,10 +2452,6 @@ class AIPromptComponent {
|
|
2450
2452
|
this.navigationService = navigationService;
|
2451
2453
|
this.ngZone = ngZone;
|
2452
2454
|
this.hostClasses = true;
|
2453
|
-
/**
|
2454
|
-
* The active view index of the AIPrompt component.
|
2455
|
-
*/
|
2456
|
-
this.activeView = 0;
|
2457
2455
|
/**
|
2458
2456
|
* Fires when the `activeView` property of the component is updated.
|
2459
2457
|
* Used to provide a two-way binding for the `activeView` property.
|
@@ -2485,6 +2483,7 @@ class AIPromptComponent {
|
|
2485
2483
|
* @hidden
|
2486
2484
|
*/
|
2487
2485
|
this.outputIcon = commentIcon;
|
2486
|
+
this._activeView = 0;
|
2488
2487
|
validatePackage(packageMetadata);
|
2489
2488
|
this.direction = localization.rtl ? 'rtl' : 'ltr';
|
2490
2489
|
this.subs.add(localization.changes.subscribe(({ rtl }) => {
|
@@ -2494,6 +2493,18 @@ class AIPromptComponent {
|
|
2494
2493
|
get dirAttr() {
|
2495
2494
|
return this.direction;
|
2496
2495
|
}
|
2496
|
+
/**
|
2497
|
+
* The active view index of the AIPrompt component.
|
2498
|
+
*/
|
2499
|
+
set activeView(idx) {
|
2500
|
+
if (this._activeView !== idx) {
|
2501
|
+
this._activeView = idx;
|
2502
|
+
this.service.promptValue && (this.service.promptValue = '');
|
2503
|
+
}
|
2504
|
+
}
|
2505
|
+
get activeView() {
|
2506
|
+
return this._activeView;
|
2507
|
+
}
|
2497
2508
|
/**
|
2498
2509
|
* The collection of commands that will be rendered in the Command view.
|
2499
2510
|
*/
|
@@ -2571,8 +2582,8 @@ class AIPromptComponent {
|
|
2571
2582
|
* @hidden
|
2572
2583
|
*/
|
2573
2584
|
get viewTemplate() {
|
2574
|
-
var _a, _b;
|
2575
|
-
return this.selectedView.viewType === 'custom' ? (
|
2585
|
+
var _a, _b, _c;
|
2586
|
+
return ((_a = this.selectedView) === null || _a === void 0 ? void 0 : _a.viewType) === 'custom' ? (_b = this.selectedView) === null || _b === void 0 ? void 0 : _b.viewTemplate : (_c = this.selectedView) === null || _c === void 0 ? void 0 : _c.template;
|
2576
2587
|
}
|
2577
2588
|
/**
|
2578
2589
|
* @hidden
|
@@ -2645,7 +2656,7 @@ AIPromptComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
|
|
2645
2656
|
</ng-container>
|
2646
2657
|
</div>
|
2647
2658
|
</div>
|
2648
|
-
<div class="k-prompt-footer" *ngIf="selectedView
|
2659
|
+
<div class="k-prompt-footer" *ngIf="selectedView?.viewType === 'prompt'">
|
2649
2660
|
<div class="k-actions k-actions-start k-actions-horizontal k-prompt-actions">
|
2650
2661
|
<button
|
2651
2662
|
kendoButton
|
@@ -2721,7 +2732,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
2721
2732
|
</ng-container>
|
2722
2733
|
</div>
|
2723
2734
|
</div>
|
2724
|
-
<div class="k-prompt-footer" *ngIf="selectedView
|
2735
|
+
<div class="k-prompt-footer" *ngIf="selectedView?.viewType === 'prompt'">
|
2725
2736
|
<div class="k-actions k-actions-start k-actions-horizontal k-prompt-actions">
|
2726
2737
|
<button
|
2727
2738
|
kendoButton
|
@@ -2779,7 +2790,9 @@ class CommandViewComponent extends BaseView {
|
|
2779
2790
|
this.panelBarItems = [];
|
2780
2791
|
}
|
2781
2792
|
ngOnInit() {
|
2782
|
-
|
2793
|
+
if (this.service.promptCommands) {
|
2794
|
+
this.panelBarItems = this.getPanelBarItems(this.service.promptCommands);
|
2795
|
+
}
|
2783
2796
|
}
|
2784
2797
|
itemClickHandler(ev) {
|
2785
2798
|
if (ev.item.children) {
|
@@ -30,7 +30,7 @@ import { LayoutModule } from '@progress/kendo-angular-layout';
|
|
30
30
|
* refer to the article on [message attachments]({% slug attachments_chat %}).
|
31
31
|
*
|
32
32
|
* {% meta height:700 %}
|
33
|
-
* {% embed_file attachments/templates/app.component.ts preview %}
|
33
|
+
* {% embed_file chat/attachments/templates/app.component.ts preview %}
|
34
34
|
* {% embed_file shared/app.module.ts preview %}
|
35
35
|
* {% embed_file shared/main.ts hidden %}
|
36
36
|
* {% endmeta %}
|
@@ -92,7 +92,7 @@ const makeHandler = (action) => handlers[action.type] || noop;
|
|
92
92
|
* refer to the article on [message templates]({% slug message_templates_chat %}).
|
93
93
|
*
|
94
94
|
* {% meta height:700 %}
|
95
|
-
* {% embed_file messages/templates/app.component.ts preview %}
|
95
|
+
* {% embed_file chat/messages/templates/app.component.ts preview %}
|
96
96
|
* {% embed_file shared/app.module.ts preview %}
|
97
97
|
* {% embed_file shared/main.ts hidden %}
|
98
98
|
* {% endmeta %}
|
@@ -120,8 +120,8 @@ const packageMetadata = {
|
|
120
120
|
name: '@progress/kendo-angular-conversational-ui',
|
121
121
|
productName: 'Kendo UI for Angular',
|
122
122
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
123
|
-
publishDate:
|
124
|
-
version: '15.0.0-develop.
|
123
|
+
publishDate: 1706629667,
|
124
|
+
version: '15.0.0-develop.3',
|
125
125
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
126
126
|
};
|
127
127
|
|
@@ -1483,7 +1483,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
1483
1483
|
* Represents the Kendo UI Chat component for Angular.
|
1484
1484
|
*
|
1485
1485
|
* {% meta height:700 %}
|
1486
|
-
* {% embed_file echo/app.component.ts preview %}
|
1486
|
+
* {% embed_file chat/echo/app.component.ts preview %}
|
1487
1487
|
* {% embed_file shared/app.module.ts %}
|
1488
1488
|
* {% embed_file shared/main.ts hidden %}
|
1489
1489
|
* {% endmeta %}
|
@@ -1936,7 +1936,8 @@ PromptViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
1936
1936
|
[rows]="1"
|
1937
1937
|
[(value)]="textAreaValue">
|
1938
1938
|
</kendo-textarea>
|
1939
|
-
<div
|
1939
|
+
<div *ngIf="promptSuggestions"
|
1940
|
+
class="k-prompt-expander">
|
1940
1941
|
<button kendoButton
|
1941
1942
|
[attr.aria-controls]="contentId"
|
1942
1943
|
[attr.aria-expanded]="showSuggestions"
|
@@ -1978,7 +1979,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
1978
1979
|
[rows]="1"
|
1979
1980
|
[(value)]="textAreaValue">
|
1980
1981
|
</kendo-textarea>
|
1981
|
-
<div
|
1982
|
+
<div *ngIf="promptSuggestions"
|
1983
|
+
class="k-prompt-expander">
|
1982
1984
|
<button kendoButton
|
1983
1985
|
[attr.aria-controls]="contentId"
|
1984
1986
|
[attr.aria-expanded]="showSuggestions"
|
@@ -2443,10 +2445,6 @@ class AIPromptComponent {
|
|
2443
2445
|
this.navigationService = navigationService;
|
2444
2446
|
this.ngZone = ngZone;
|
2445
2447
|
this.hostClasses = true;
|
2446
|
-
/**
|
2447
|
-
* The active view index of the AIPrompt component.
|
2448
|
-
*/
|
2449
|
-
this.activeView = 0;
|
2450
2448
|
/**
|
2451
2449
|
* Fires when the `activeView` property of the component is updated.
|
2452
2450
|
* Used to provide a two-way binding for the `activeView` property.
|
@@ -2478,6 +2476,7 @@ class AIPromptComponent {
|
|
2478
2476
|
* @hidden
|
2479
2477
|
*/
|
2480
2478
|
this.outputIcon = commentIcon;
|
2479
|
+
this._activeView = 0;
|
2481
2480
|
validatePackage(packageMetadata);
|
2482
2481
|
this.direction = localization.rtl ? 'rtl' : 'ltr';
|
2483
2482
|
this.subs.add(localization.changes.subscribe(({ rtl }) => {
|
@@ -2487,6 +2486,18 @@ class AIPromptComponent {
|
|
2487
2486
|
get dirAttr() {
|
2488
2487
|
return this.direction;
|
2489
2488
|
}
|
2489
|
+
/**
|
2490
|
+
* The active view index of the AIPrompt component.
|
2491
|
+
*/
|
2492
|
+
set activeView(idx) {
|
2493
|
+
if (this._activeView !== idx) {
|
2494
|
+
this._activeView = idx;
|
2495
|
+
this.service.promptValue && (this.service.promptValue = '');
|
2496
|
+
}
|
2497
|
+
}
|
2498
|
+
get activeView() {
|
2499
|
+
return this._activeView;
|
2500
|
+
}
|
2490
2501
|
/**
|
2491
2502
|
* The collection of commands that will be rendered in the Command view.
|
2492
2503
|
*/
|
@@ -2563,7 +2574,7 @@ class AIPromptComponent {
|
|
2563
2574
|
* @hidden
|
2564
2575
|
*/
|
2565
2576
|
get viewTemplate() {
|
2566
|
-
return this.selectedView
|
2577
|
+
return this.selectedView?.viewType === 'custom' ? this.selectedView?.viewTemplate : this.selectedView?.template;
|
2567
2578
|
}
|
2568
2579
|
/**
|
2569
2580
|
* @hidden
|
@@ -2636,7 +2647,7 @@ AIPromptComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
|
|
2636
2647
|
</ng-container>
|
2637
2648
|
</div>
|
2638
2649
|
</div>
|
2639
|
-
<div class="k-prompt-footer" *ngIf="selectedView
|
2650
|
+
<div class="k-prompt-footer" *ngIf="selectedView?.viewType === 'prompt'">
|
2640
2651
|
<div class="k-actions k-actions-start k-actions-horizontal k-prompt-actions">
|
2641
2652
|
<button
|
2642
2653
|
kendoButton
|
@@ -2712,7 +2723,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
2712
2723
|
</ng-container>
|
2713
2724
|
</div>
|
2714
2725
|
</div>
|
2715
|
-
<div class="k-prompt-footer" *ngIf="selectedView
|
2726
|
+
<div class="k-prompt-footer" *ngIf="selectedView?.viewType === 'prompt'">
|
2716
2727
|
<div class="k-actions k-actions-start k-actions-horizontal k-prompt-actions">
|
2717
2728
|
<button
|
2718
2729
|
kendoButton
|
@@ -2770,7 +2781,9 @@ class CommandViewComponent extends BaseView {
|
|
2770
2781
|
this.panelBarItems = [];
|
2771
2782
|
}
|
2772
2783
|
ngOnInit() {
|
2773
|
-
|
2784
|
+
if (this.service.promptCommands) {
|
2785
|
+
this.panelBarItems = this.getPanelBarItems(this.service.promptCommands);
|
2786
|
+
}
|
2774
2787
|
}
|
2775
2788
|
itemClickHandler(ev) {
|
2776
2789
|
if (ev.item.children) {
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@progress/kendo-angular-conversational-ui",
|
3
|
-
"version": "15.0.0-develop.
|
3
|
+
"version": "15.0.0-develop.3",
|
4
4
|
"description": "Kendo UI for Angular Conversational UI components",
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
6
6
|
"author": "Progress",
|
@@ -24,19 +24,19 @@
|
|
24
24
|
"@angular/core": "13 - 17",
|
25
25
|
"@angular/platform-browser": "13 - 17",
|
26
26
|
"@progress/kendo-licensing": "^1.0.2",
|
27
|
-
"@progress/kendo-angular-buttons": "15.0.0-develop.
|
28
|
-
"@progress/kendo-angular-inputs": "15.0.0-develop.
|
29
|
-
"@progress/kendo-angular-layout": "15.0.0-develop.
|
30
|
-
"@progress/kendo-angular-icons": "15.0.0-develop.
|
31
|
-
"@progress/kendo-angular-common": "15.0.0-develop.
|
32
|
-
"@progress/kendo-angular-intl": "15.0.0-develop.
|
33
|
-
"@progress/kendo-angular-l10n": "15.0.0-develop.
|
34
|
-
"@progress/kendo-angular-popup": "15.0.0-develop.
|
27
|
+
"@progress/kendo-angular-buttons": "15.0.0-develop.3",
|
28
|
+
"@progress/kendo-angular-inputs": "15.0.0-develop.3",
|
29
|
+
"@progress/kendo-angular-layout": "15.0.0-develop.3",
|
30
|
+
"@progress/kendo-angular-icons": "15.0.0-develop.3",
|
31
|
+
"@progress/kendo-angular-common": "15.0.0-develop.3",
|
32
|
+
"@progress/kendo-angular-intl": "15.0.0-develop.3",
|
33
|
+
"@progress/kendo-angular-l10n": "15.0.0-develop.3",
|
34
|
+
"@progress/kendo-angular-popup": "15.0.0-develop.3",
|
35
35
|
"rxjs": "^6.5.3 || ^7.0.0"
|
36
36
|
},
|
37
37
|
"dependencies": {
|
38
38
|
"tslib": "^2.3.1",
|
39
|
-
"@progress/kendo-angular-schematics": "15.0.0-develop.
|
39
|
+
"@progress/kendo-angular-schematics": "15.0.0-develop.3"
|
40
40
|
},
|
41
41
|
"schematics": "./schematics/collection.json",
|
42
42
|
"module": "fesm2015/progress-kendo-angular-conversational-ui.mjs",
|