@progress/kendo-angular-conversational-ui 15.0.0-develop.2 → 15.0.0
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/ai-prompt/aiprompt.module.d.ts +21 -0
- package/ai-prompt/views/command-view.component.d.ts +6 -0
- package/esm2020/ai-prompt/aiprompt.component.mjs +16 -7
- package/esm2020/ai-prompt/aiprompt.module.mjs +21 -0
- package/esm2020/ai-prompt/views/command-view.component.mjs +9 -1
- package/esm2020/ai-prompt/views/prompt-view.component.mjs +4 -2
- package/esm2020/package-metadata.mjs +2 -2
- package/fesm2015/progress-kendo-angular-conversational-ui.mjs +53 -13
- package/fesm2020/progress-kendo-angular-conversational-ui.mjs +52 -12
- 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
|
*/
|
|
@@ -18,6 +18,27 @@ import * as i12 from "@progress/kendo-angular-buttons";
|
|
|
18
18
|
import * as i13 from "@progress/kendo-angular-icons";
|
|
19
19
|
import * as i14 from "@progress/kendo-angular-inputs";
|
|
20
20
|
import * as i15 from "@progress/kendo-angular-layout";
|
|
21
|
+
/**
|
|
22
|
+
* The [NgModule](link:site.data.urls.angular['ngmodules']) for the AIPrompt component.
|
|
23
|
+
*
|
|
24
|
+
* @example
|
|
25
|
+
* ```ts-no-run
|
|
26
|
+
* import { NgModule } from '@angular/core';
|
|
27
|
+
* import { Component } from '@angular/core';
|
|
28
|
+
* import { BrowserModule } from '@angular/platform-browser';
|
|
29
|
+
*
|
|
30
|
+
* import { AIPromptModule } from '@progress/kendo-angular-conversational-ui';
|
|
31
|
+
* import { AppComponent } from './app.component';
|
|
32
|
+
*
|
|
33
|
+
* _@NgModule({
|
|
34
|
+
* imports: [ BrowserModule, AIPromptModule ],
|
|
35
|
+
* declarations: [ AppComponent ],
|
|
36
|
+
* bootstrap: [ AppComponent ]
|
|
37
|
+
* })
|
|
38
|
+
*
|
|
39
|
+
* export class AppModule { }
|
|
40
|
+
* ```
|
|
41
|
+
*/
|
|
21
42
|
export declare class AIPromptModule {
|
|
22
43
|
static ɵfac: i0.ɵɵFactoryDeclaration<AIPromptModule, never>;
|
|
23
44
|
static ɵmod: i0.ɵɵNgModuleDeclaration<AIPromptModule, [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.LocalizedMessagesDirective, typeof i10.AIPromptOutputCardComponent], [typeof i11.CommonModule, typeof i12.ButtonsModule, typeof i13.IconsModule, typeof i14.InputsModule, typeof i15.LayoutModule], [typeof i1.AIPromptComponent, typeof i2.PromptViewComponent, typeof i3.OutputViewComponent, typeof i4.CommandViewComponent, typeof i5.CustomViewComponent, typeof i6.AIPromptCustomMessagesComponent, typeof i7.AIPromptToolbarActionsDirective, typeof i8.AIPromptToolbarFocusableDirective]>;
|
|
@@ -14,8 +14,14 @@ import * as i0 from "@angular/core";
|
|
|
14
14
|
export declare class CommandViewComponent extends BaseView implements OnInit {
|
|
15
15
|
private service;
|
|
16
16
|
constructor(localization: LocalizationService, service: AIPromptService);
|
|
17
|
+
/**
|
|
18
|
+
* @hidden
|
|
19
|
+
*/
|
|
17
20
|
panelBarItems: Array<PanelBarItemModel>;
|
|
18
21
|
ngOnInit(): void;
|
|
22
|
+
/**
|
|
23
|
+
* @hidden
|
|
24
|
+
*/
|
|
19
25
|
itemClickHandler(ev: PanelBarItemClickEvent): void;
|
|
20
26
|
private getPanelBarItems;
|
|
21
27
|
static ɵfac: i0.ɵɵFactoryDeclaration<CommandViewComponent, never>;
|
|
@@ -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
|
|
@@ -33,6 +33,27 @@ const PRIVATE_DIRECTIVES = [
|
|
|
33
33
|
LocalizedMessagesDirective,
|
|
34
34
|
AIPromptOutputCardComponent
|
|
35
35
|
];
|
|
36
|
+
/**
|
|
37
|
+
* The [NgModule](link:site.data.urls.angular['ngmodules']) for the AIPrompt component.
|
|
38
|
+
*
|
|
39
|
+
* @example
|
|
40
|
+
* ```ts-no-run
|
|
41
|
+
* import { NgModule } from '@angular/core';
|
|
42
|
+
* import { Component } from '@angular/core';
|
|
43
|
+
* import { BrowserModule } from '@angular/platform-browser';
|
|
44
|
+
*
|
|
45
|
+
* import { AIPromptModule } from '@progress/kendo-angular-conversational-ui';
|
|
46
|
+
* import { AppComponent } from './app.component';
|
|
47
|
+
*
|
|
48
|
+
* _@NgModule({
|
|
49
|
+
* imports: [ BrowserModule, AIPromptModule ],
|
|
50
|
+
* declarations: [ AppComponent ],
|
|
51
|
+
* bootstrap: [ AppComponent ]
|
|
52
|
+
* })
|
|
53
|
+
*
|
|
54
|
+
* export class AppModule { }
|
|
55
|
+
* ```
|
|
56
|
+
*/
|
|
36
57
|
export class AIPromptModule {
|
|
37
58
|
}
|
|
38
59
|
AIPromptModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AIPromptModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
@@ -17,11 +17,19 @@ export class CommandViewComponent extends BaseView {
|
|
|
17
17
|
constructor(localization, service) {
|
|
18
18
|
super('command', localization);
|
|
19
19
|
this.service = service;
|
|
20
|
+
/**
|
|
21
|
+
* @hidden
|
|
22
|
+
*/
|
|
20
23
|
this.panelBarItems = [];
|
|
21
24
|
}
|
|
22
25
|
ngOnInit() {
|
|
23
|
-
|
|
26
|
+
if (this.service.promptCommands) {
|
|
27
|
+
this.panelBarItems = this.getPanelBarItems(this.service.promptCommands);
|
|
28
|
+
}
|
|
24
29
|
}
|
|
30
|
+
/**
|
|
31
|
+
* @hidden
|
|
32
|
+
*/
|
|
25
33
|
itemClickHandler(ev) {
|
|
26
34
|
if (ev.item.children) {
|
|
27
35
|
return;
|
|
@@ -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"
|
|
@@ -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
|
|
12
|
+
publishDate: 1706633242,
|
|
13
|
+
version: '15.0.0',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
15
15
|
};
|
|
@@ -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
|
|
127
|
+
publishDate: 1706633242,
|
|
128
|
+
version: '15.0.0',
|
|
129
129
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
130
130
|
};
|
|
131
131
|
|
|
@@ -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
|
|
@@ -2776,11 +2787,19 @@ class CommandViewComponent extends BaseView {
|
|
|
2776
2787
|
constructor(localization, service) {
|
|
2777
2788
|
super('command', localization);
|
|
2778
2789
|
this.service = service;
|
|
2790
|
+
/**
|
|
2791
|
+
* @hidden
|
|
2792
|
+
*/
|
|
2779
2793
|
this.panelBarItems = [];
|
|
2780
2794
|
}
|
|
2781
2795
|
ngOnInit() {
|
|
2782
|
-
|
|
2796
|
+
if (this.service.promptCommands) {
|
|
2797
|
+
this.panelBarItems = this.getPanelBarItems(this.service.promptCommands);
|
|
2798
|
+
}
|
|
2783
2799
|
}
|
|
2800
|
+
/**
|
|
2801
|
+
* @hidden
|
|
2802
|
+
*/
|
|
2784
2803
|
itemClickHandler(ev) {
|
|
2785
2804
|
if (ev.item.children) {
|
|
2786
2805
|
return;
|
|
@@ -2914,6 +2933,27 @@ const PRIVATE_DIRECTIVES$1 = [
|
|
|
2914
2933
|
LocalizedMessagesDirective,
|
|
2915
2934
|
AIPromptOutputCardComponent
|
|
2916
2935
|
];
|
|
2936
|
+
/**
|
|
2937
|
+
* The [NgModule](link:site.data.urls.angular['ngmodules']) for the AIPrompt component.
|
|
2938
|
+
*
|
|
2939
|
+
* @example
|
|
2940
|
+
* ```ts-no-run
|
|
2941
|
+
* import { NgModule } from '@angular/core';
|
|
2942
|
+
* import { Component } from '@angular/core';
|
|
2943
|
+
* import { BrowserModule } from '@angular/platform-browser';
|
|
2944
|
+
*
|
|
2945
|
+
* import { AIPromptModule } from '@progress/kendo-angular-conversational-ui';
|
|
2946
|
+
* import { AppComponent } from './app.component';
|
|
2947
|
+
*
|
|
2948
|
+
* _@NgModule({
|
|
2949
|
+
* imports: [ BrowserModule, AIPromptModule ],
|
|
2950
|
+
* declarations: [ AppComponent ],
|
|
2951
|
+
* bootstrap: [ AppComponent ]
|
|
2952
|
+
* })
|
|
2953
|
+
*
|
|
2954
|
+
* export class AppModule { }
|
|
2955
|
+
* ```
|
|
2956
|
+
*/
|
|
2917
2957
|
class AIPromptModule {
|
|
2918
2958
|
}
|
|
2919
2959
|
AIPromptModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AIPromptModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
@@ -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
|
|
123
|
+
publishDate: 1706633242,
|
|
124
|
+
version: '15.0.0',
|
|
125
125
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
126
126
|
};
|
|
127
127
|
|
|
@@ -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
|
|
@@ -2767,11 +2778,19 @@ class CommandViewComponent extends BaseView {
|
|
|
2767
2778
|
constructor(localization, service) {
|
|
2768
2779
|
super('command', localization);
|
|
2769
2780
|
this.service = service;
|
|
2781
|
+
/**
|
|
2782
|
+
* @hidden
|
|
2783
|
+
*/
|
|
2770
2784
|
this.panelBarItems = [];
|
|
2771
2785
|
}
|
|
2772
2786
|
ngOnInit() {
|
|
2773
|
-
|
|
2787
|
+
if (this.service.promptCommands) {
|
|
2788
|
+
this.panelBarItems = this.getPanelBarItems(this.service.promptCommands);
|
|
2789
|
+
}
|
|
2774
2790
|
}
|
|
2791
|
+
/**
|
|
2792
|
+
* @hidden
|
|
2793
|
+
*/
|
|
2775
2794
|
itemClickHandler(ev) {
|
|
2776
2795
|
if (ev.item.children) {
|
|
2777
2796
|
return;
|
|
@@ -2905,6 +2924,27 @@ const PRIVATE_DIRECTIVES$1 = [
|
|
|
2905
2924
|
LocalizedMessagesDirective,
|
|
2906
2925
|
AIPromptOutputCardComponent
|
|
2907
2926
|
];
|
|
2927
|
+
/**
|
|
2928
|
+
* The [NgModule](link:site.data.urls.angular['ngmodules']) for the AIPrompt component.
|
|
2929
|
+
*
|
|
2930
|
+
* @example
|
|
2931
|
+
* ```ts-no-run
|
|
2932
|
+
* import { NgModule } from '@angular/core';
|
|
2933
|
+
* import { Component } from '@angular/core';
|
|
2934
|
+
* import { BrowserModule } from '@angular/platform-browser';
|
|
2935
|
+
*
|
|
2936
|
+
* import { AIPromptModule } from '@progress/kendo-angular-conversational-ui';
|
|
2937
|
+
* import { AppComponent } from './app.component';
|
|
2938
|
+
*
|
|
2939
|
+
* _@NgModule({
|
|
2940
|
+
* imports: [ BrowserModule, AIPromptModule ],
|
|
2941
|
+
* declarations: [ AppComponent ],
|
|
2942
|
+
* bootstrap: [ AppComponent ]
|
|
2943
|
+
* })
|
|
2944
|
+
*
|
|
2945
|
+
* export class AppModule { }
|
|
2946
|
+
* ```
|
|
2947
|
+
*/
|
|
2908
2948
|
class AIPromptModule {
|
|
2909
2949
|
}
|
|
2910
2950
|
AIPromptModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AIPromptModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-conversational-ui",
|
|
3
|
-
"version": "15.0.0
|
|
3
|
+
"version": "15.0.0",
|
|
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
|
|
28
|
-
"@progress/kendo-angular-inputs": "15.0.0
|
|
29
|
-
"@progress/kendo-angular-layout": "15.0.0
|
|
30
|
-
"@progress/kendo-angular-icons": "15.0.0
|
|
31
|
-
"@progress/kendo-angular-common": "15.0.0
|
|
32
|
-
"@progress/kendo-angular-intl": "15.0.0
|
|
33
|
-
"@progress/kendo-angular-l10n": "15.0.0
|
|
34
|
-
"@progress/kendo-angular-popup": "15.0.0
|
|
27
|
+
"@progress/kendo-angular-buttons": "15.0.0",
|
|
28
|
+
"@progress/kendo-angular-inputs": "15.0.0",
|
|
29
|
+
"@progress/kendo-angular-layout": "15.0.0",
|
|
30
|
+
"@progress/kendo-angular-icons": "15.0.0",
|
|
31
|
+
"@progress/kendo-angular-common": "15.0.0",
|
|
32
|
+
"@progress/kendo-angular-intl": "15.0.0",
|
|
33
|
+
"@progress/kendo-angular-l10n": "15.0.0",
|
|
34
|
+
"@progress/kendo-angular-popup": "15.0.0",
|
|
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
|
|
39
|
+
"@progress/kendo-angular-schematics": "15.0.0"
|
|
40
40
|
},
|
|
41
41
|
"schematics": "./schematics/collection.json",
|
|
42
42
|
"module": "fesm2015/progress-kendo-angular-conversational-ui.mjs",
|