@progress/kendo-angular-conversational-ui 25.0.0-develop.8 → 25.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/NOTICE.txt +33 -34
- package/codemods/libs/common/src/codemods/utils.js +15 -0
- package/codemods/libs/conversational-ui/codemods/v25/conversational-ui-rendering-changes.js +38 -0
- package/fesm2022/progress-kendo-angular-conversational-ui.mjs +2903 -306
- package/index.d.ts +965 -4
- package/package-metadata.mjs +2 -2
- package/package.json +23 -14
|
@@ -3,23 +3,23 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import * as i0 from '@angular/core';
|
|
6
|
-
import { InjectionToken, Input, ViewChild, HostBinding, Inject, Directive, Injectable, Optional, forwardRef, EventEmitter, Output, ContentChild, ContentChildren, Component, isDevMode, ElementRef, ViewChildren, HostListener, ViewContainerRef, inject, SkipSelf, NgModule } from '@angular/core';
|
|
6
|
+
import { InjectionToken, Input, ViewChild, HostBinding, Inject, Directive, Injectable, Optional, forwardRef, EventEmitter, Output, ContentChild, ContentChildren, Component, isDevMode, ElementRef, ViewChildren, HostListener, ViewContainerRef, inject, SkipSelf, signal, ChangeDetectionStrategy, computed, effect, RendererStyleFlags2, NgModule } from '@angular/core';
|
|
7
7
|
import { IconWrapperComponent, IconsService } from '@progress/kendo-angular-icons';
|
|
8
8
|
import * as i1$2 from '@progress/kendo-angular-popup';
|
|
9
9
|
import { PopupComponent, KENDO_POPUP, PopupService } from '@progress/kendo-angular-popup';
|
|
10
|
-
import { isPresent, normalizeKeys, Keys, focusableSelector, KENDO_WEBMCP_HOST, guid, getter, isDocumentAvailable, hasObservers, EventsOutsideAngularDirective, closest as closest$1, ResizeSensorComponent, getLicenseMessage, shouldShowValidationUI, isChanged, processCssValue, WatermarkOverlayComponent, ResizeBatchService } from '@progress/kendo-angular-common';
|
|
10
|
+
import { isPresent, normalizeKeys, Keys, focusableSelector, KENDO_WEBMCP_HOST, provideComponentName, guid, getter, isDocumentAvailable, hasObservers, EventsOutsideAngularDirective, closest as closest$1, ResizeSensorComponent, getLicenseMessage, shouldShowValidationUI, isChanged, processCssValue, WatermarkOverlayComponent, ResizeBatchService } from '@progress/kendo-angular-common';
|
|
11
11
|
import { DialogContainerService, DialogService, WindowService, WindowContainerService } from '@progress/kendo-angular-dialog';
|
|
12
|
-
import { NgTemplateOutlet, NgClass } from '@angular/common';
|
|
12
|
+
import { NgTemplateOutlet, NgClass, JsonPipe } from '@angular/common';
|
|
13
13
|
import { Subject, Subscription, fromEvent } from 'rxjs';
|
|
14
|
-
import { moreHorizontalIcon, commentIcon, sparklesIcon, stopIcon, thumbUpIcon, thumbDownIcon, copyIcon, arrowRotateCwIcon, chevronUpIcon, chevronDownIcon, arrowUpIcon, paperclipIcon, undoIcon, downloadIcon, xCircleIcon, moreVerticalIcon, xIcon, chevronLeftIcon, chevronRightIcon, warningTriangleIcon, pinIcon, arrowDownIcon, cancelIcon, menuIcon, paperPlaneIcon } from '@progress/kendo-svg-icons';
|
|
14
|
+
import { moreHorizontalIcon, commentIcon, sparklesIcon, stopIcon, thumbUpIcon, thumbDownIcon, copyIcon, arrowRotateCwIcon, chevronUpIcon, chevronDownIcon, arrowUpIcon, paperclipIcon, undoIcon, downloadIcon, xCircleIcon, moreVerticalIcon, xIcon, chevronLeftIcon, chevronRightIcon, warningTriangleIcon, pinIcon, arrowDownIcon, cancelIcon, menuIcon, paperPlaneIcon, exclamationCircleIcon, clockIcon, checkCircleIcon, wrenchIcon, arrowLeftIcon, arrowRightIcon, globeIcon } from '@progress/kendo-svg-icons';
|
|
15
15
|
import * as i1 from '@progress/kendo-angular-l10n';
|
|
16
16
|
import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
|
|
17
17
|
import { validatePackage } from '@progress/kendo-licensing';
|
|
18
18
|
import * as i2 from '@progress/kendo-angular-buttons';
|
|
19
|
-
import { ButtonComponent, FloatingActionButtonComponent, SpeechToTextButtonComponent, DropDownButtonComponent, KENDO_BUTTONS, ButtonsModule } from '@progress/kendo-angular-buttons';
|
|
19
|
+
import { ButtonComponent, FloatingActionButtonComponent, SpeechToTextButtonComponent, DropDownButtonComponent, KENDO_BUTTONS, ButtonsModule, ChipComponent, ButtonGroupComponent } from '@progress/kendo-angular-buttons';
|
|
20
20
|
import { take, debounceTime } from 'rxjs/operators';
|
|
21
21
|
import * as i5 from '@progress/kendo-angular-layout';
|
|
22
|
-
import { PanelBarComponent, KENDO_CARD } from '@progress/kendo-angular-layout';
|
|
22
|
+
import { PanelBarComponent, KENDO_CARD, CardComponent, CardBodyComponent, CardActionsComponent } from '@progress/kendo-angular-layout';
|
|
23
23
|
import * as i3 from '@progress/kendo-angular-inputs';
|
|
24
24
|
import { TextAreaComponent, TextAreaSuffixComponent, KENDO_TEXTAREA } from '@progress/kendo-angular-inputs';
|
|
25
25
|
import * as i4 from '@progress/kendo-angular-menu';
|
|
@@ -28,6 +28,8 @@ import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
|
28
28
|
import { FileSelectComponent, fileSVGGroupIcon, fileGroupClass, getTotalFilesSizeMessage } from '@progress/kendo-angular-upload';
|
|
29
29
|
import * as i1$1 from '@progress/kendo-angular-intl';
|
|
30
30
|
import { ToolBarComponent, ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
|
|
31
|
+
import { BadgeComponent } from '@progress/kendo-angular-indicators';
|
|
32
|
+
import { PopoverComponent, PopoverAnchorDirective, PopoverTitleTemplateDirective, PopoverBodyTemplateDirective } from '@progress/kendo-angular-tooltip';
|
|
31
33
|
|
|
32
34
|
/**
|
|
33
35
|
* @hidden
|
|
@@ -185,10 +187,10 @@ class BaseView {
|
|
|
185
187
|
_buttonText;
|
|
186
188
|
_icon;
|
|
187
189
|
_svgIcon;
|
|
188
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
189
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
190
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: BaseView, deps: [{ token: MY_TOKEN }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
191
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: BaseView, isStandalone: true, inputs: { buttonText: "buttonText", icon: "icon", svgIcon: "svgIcon" }, host: { properties: { "class.k-prompt-view": "this.hostClasses" } }, viewQueries: [{ propertyName: "template", first: true, predicate: ["content"], descendants: true, static: true }], ngImport: i0 });
|
|
190
192
|
}
|
|
191
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
193
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: BaseView, decorators: [{
|
|
192
194
|
type: Directive
|
|
193
195
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
194
196
|
type: Inject,
|
|
@@ -215,8 +217,8 @@ const packageMetadata = {
|
|
|
215
217
|
productName: 'Kendo UI for Angular',
|
|
216
218
|
productCode: 'KENDOUIANGULAR',
|
|
217
219
|
productCodes: ['KENDOUIANGULAR'],
|
|
218
|
-
publishDate:
|
|
219
|
-
version: '25.0.0
|
|
220
|
+
publishDate: 1786525926,
|
|
221
|
+
version: '25.0.0',
|
|
220
222
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
221
223
|
};
|
|
222
224
|
|
|
@@ -279,10 +281,10 @@ class AIPromptService {
|
|
|
279
281
|
});
|
|
280
282
|
return newArr.concat(this.promptCommands);
|
|
281
283
|
}
|
|
282
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
283
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.
|
|
284
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: AIPromptService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
285
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: AIPromptService });
|
|
284
286
|
}
|
|
285
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
287
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: AIPromptService, decorators: [{
|
|
286
288
|
type: Injectable
|
|
287
289
|
}] });
|
|
288
290
|
|
|
@@ -307,10 +309,10 @@ class AIPromptToolbarActionsDirective {
|
|
|
307
309
|
constructor(templateRef) {
|
|
308
310
|
this.templateRef = templateRef;
|
|
309
311
|
}
|
|
310
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
311
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
312
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: AIPromptToolbarActionsDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
313
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: AIPromptToolbarActionsDirective, isStandalone: true, selector: "[kendoAIPromptToolbarActionsTemplate]", ngImport: i0 });
|
|
312
314
|
}
|
|
313
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
315
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: AIPromptToolbarActionsDirective, decorators: [{
|
|
314
316
|
type: Directive,
|
|
315
317
|
args: [{
|
|
316
318
|
selector: '[kendoAIPromptToolbarActionsTemplate]',
|
|
@@ -362,10 +364,10 @@ class ToolbarNavigationService {
|
|
|
362
364
|
focusFirst() {
|
|
363
365
|
this.focusableElements[this.currentFocusedIndex].activate();
|
|
364
366
|
}
|
|
365
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
366
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.
|
|
367
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ToolbarNavigationService, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
368
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ToolbarNavigationService });
|
|
367
369
|
}
|
|
368
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
370
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ToolbarNavigationService, decorators: [{
|
|
369
371
|
type: Injectable
|
|
370
372
|
}], ctorParameters: () => [{ type: i1.LocalizationService }] });
|
|
371
373
|
|
|
@@ -422,10 +424,10 @@ class AIPromptToolbarFocusableDirective {
|
|
|
422
424
|
clickHandler = () => {
|
|
423
425
|
this.navigationService.setActiveIndex(this);
|
|
424
426
|
};
|
|
425
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
426
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
427
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: AIPromptToolbarFocusableDirective, deps: [{ token: i0.ElementRef }, { token: ToolbarNavigationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
|
|
428
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: AIPromptToolbarFocusableDirective, isStandalone: true, selector: "[kendoAIPromptToolbarFocusable]", ngImport: i0 });
|
|
427
429
|
}
|
|
428
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
430
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: AIPromptToolbarFocusableDirective, decorators: [{
|
|
429
431
|
type: Directive,
|
|
430
432
|
args: [{
|
|
431
433
|
selector: '[kendoAIPromptToolbarFocusable]',
|
|
@@ -481,10 +483,10 @@ let Messages$3 = class Messages extends ComponentMessages {
|
|
|
481
483
|
* Sets the aria-label for the **Toolbar** element.
|
|
482
484
|
*/
|
|
483
485
|
toolbarLabel;
|
|
484
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
485
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
486
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
487
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: Messages, isStandalone: true, inputs: { promptView: "promptView", outputView: "outputView", generateOutput: "generateOutput", promptPlaceholder: "promptPlaceholder", copyOutput: "copyOutput", retryGeneration: "retryGeneration", outputTitle: "outputTitle", outputRetryTitle: "outputRetryTitle", promptSuggestions: "promptSuggestions", speechToTextButton: "speechToTextButton", toolbarLabel: "toolbarLabel" }, usesInheritance: true, ngImport: i0 });
|
|
486
488
|
};
|
|
487
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
489
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: Messages$3, decorators: [{
|
|
488
490
|
type: Directive
|
|
489
491
|
}], propDecorators: { promptView: [{
|
|
490
492
|
type: Input
|
|
@@ -513,27 +515,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
|
|
|
513
515
|
/**
|
|
514
516
|
* @hidden
|
|
515
517
|
*/
|
|
516
|
-
let LocalizedMessagesDirective$
|
|
518
|
+
let LocalizedMessagesDirective$4 = class LocalizedMessagesDirective extends Messages$3 {
|
|
517
519
|
service;
|
|
518
520
|
constructor(service) {
|
|
519
521
|
super();
|
|
520
522
|
this.service = service;
|
|
521
523
|
}
|
|
522
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
523
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
524
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
525
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoAIPromptLocalizedMessages]", providers: [
|
|
524
526
|
{
|
|
525
527
|
provide: Messages$3,
|
|
526
528
|
useExisting: forwardRef(() => LocalizedMessagesDirective)
|
|
527
529
|
}
|
|
528
530
|
], usesInheritance: true, ngImport: i0 });
|
|
529
531
|
};
|
|
530
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
532
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: LocalizedMessagesDirective$4, decorators: [{
|
|
531
533
|
type: Directive,
|
|
532
534
|
args: [{
|
|
533
535
|
providers: [
|
|
534
536
|
{
|
|
535
537
|
provide: Messages$3,
|
|
536
|
-
useExisting: forwardRef(() => LocalizedMessagesDirective$
|
|
538
|
+
useExisting: forwardRef(() => LocalizedMessagesDirective$4)
|
|
537
539
|
}
|
|
538
540
|
],
|
|
539
541
|
selector: '[kendoAIPromptLocalizedMessages]',
|
|
@@ -558,10 +560,10 @@ class AIPromptOutputTemplateDirective {
|
|
|
558
560
|
constructor(templateRef) {
|
|
559
561
|
this.templateRef = templateRef;
|
|
560
562
|
}
|
|
561
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
562
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
563
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: AIPromptOutputTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
564
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: AIPromptOutputTemplateDirective, isStandalone: true, selector: "[kendoAIPromptOutputTemplate]", ngImport: i0 });
|
|
563
565
|
}
|
|
564
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
566
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: AIPromptOutputTemplateDirective, decorators: [{
|
|
565
567
|
type: Directive,
|
|
566
568
|
args: [{
|
|
567
569
|
selector: '[kendoAIPromptOutputTemplate]',
|
|
@@ -586,10 +588,10 @@ class AIPromptOutputBodyTemplateDirective {
|
|
|
586
588
|
constructor(templateRef) {
|
|
587
589
|
this.templateRef = templateRef;
|
|
588
590
|
}
|
|
589
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
590
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
591
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: AIPromptOutputBodyTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
592
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: AIPromptOutputBodyTemplateDirective, isStandalone: true, selector: "[kendoAIPromptOutputBodyTemplate]", ngImport: i0 });
|
|
591
593
|
}
|
|
592
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
594
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: AIPromptOutputBodyTemplateDirective, decorators: [{
|
|
593
595
|
type: Directive,
|
|
594
596
|
args: [{
|
|
595
597
|
selector: '[kendoAIPromptOutputBodyTemplate]',
|
|
@@ -873,8 +875,8 @@ class AIPromptComponent {
|
|
|
873
875
|
};
|
|
874
876
|
this.promptRequest.emit(eventArgs);
|
|
875
877
|
}
|
|
876
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
877
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
878
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: AIPromptComponent, deps: [{ token: i1.LocalizationService }, { token: AIPromptService }, { token: ToolbarNavigationService }, { token: i0.NgZone }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
879
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: AIPromptComponent, isStandalone: true, selector: "kendo-aiprompt", inputs: { activeView: "activeView", promptCommands: "promptCommands", promptSuggestions: "promptSuggestions", promptOutputs: "promptOutputs", showOutputRating: "showOutputRating", streaming: "streaming", speechToTextButton: "speechToTextButton", textAreaSettings: "textAreaSettings", generateButtonSVGIcon: "generateButtonSVGIcon", generateButtonIcon: "generateButtonIcon", disabledGenerateButton: "disabledGenerateButton" }, outputs: { activeViewChange: "activeViewChange", promptRequest: "promptRequest", commandExecute: "commandExecute", outputCopy: "outputCopy", outputRatingChange: "outputRatingChange", promptRequestCancel: "promptRequestCancel" }, host: { properties: { "class.k-prompt": "this.hostClasses", "attr.dir": "this.dirAttr" } }, providers: [
|
|
878
880
|
LocalizationService,
|
|
879
881
|
AIPromptService,
|
|
880
882
|
ToolbarNavigationService,
|
|
@@ -882,7 +884,8 @@ class AIPromptComponent {
|
|
|
882
884
|
provide: L10N_PREFIX,
|
|
883
885
|
useValue: 'kendo.aiprompt'
|
|
884
886
|
},
|
|
885
|
-
{ provide: KENDO_WEBMCP_HOST, useExisting: forwardRef(() => AIPromptComponent) }
|
|
887
|
+
{ provide: KENDO_WEBMCP_HOST, useExisting: forwardRef(() => AIPromptComponent) },
|
|
888
|
+
provideComponentName('aiprompt')
|
|
886
889
|
], queries: [{ propertyName: "toolbarActionsTemplate", first: true, predicate: AIPromptToolbarActionsDirective, descendants: true }, { propertyName: "outputTemplate", first: true, predicate: AIPromptOutputTemplateDirective, descendants: true }, { propertyName: "outputBodyTemplate", first: true, predicate: AIPromptOutputBodyTemplateDirective, descendants: true }, { propertyName: "views", predicate: BaseView }], viewQueries: [{ propertyName: "fabButton", first: true, predicate: ["fabButton"], descendants: true }], exportAs: ["kendoAIPrompt"], usesOnChanges: true, ngImport: i0, template: `
|
|
887
890
|
<ng-container kendoAIPromptLocalizedMessages
|
|
888
891
|
i18n-promptView="kendo.aiprompt.promptView|The Toolbar button text for the Prompt view."
|
|
@@ -971,9 +974,9 @@ class AIPromptComponent {
|
|
|
971
974
|
</div>
|
|
972
975
|
</div>
|
|
973
976
|
}
|
|
974
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective$
|
|
977
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective$4, selector: "[kendoAIPromptLocalizedMessages]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: AIPromptToolbarFocusableDirective, selector: "[kendoAIPromptToolbarFocusable]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: FloatingActionButtonComponent, selector: "kendo-floatingactionbutton", inputs: ["themeColor", "size", "rounded", "disabled", "align", "offset", "positionMode", "icon", "svgIcon", "iconClass", "buttonClass", "dialClass", "text", "dialItemAnimation", "tabIndex", "dialItems"], outputs: ["blur", "focus", "dialItemClick", "open", "close"] }] });
|
|
975
978
|
}
|
|
976
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
979
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: AIPromptComponent, decorators: [{
|
|
977
980
|
type: Component,
|
|
978
981
|
args: [{
|
|
979
982
|
exportAs: 'kendoAIPrompt',
|
|
@@ -986,7 +989,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
|
|
|
986
989
|
provide: L10N_PREFIX,
|
|
987
990
|
useValue: 'kendo.aiprompt'
|
|
988
991
|
},
|
|
989
|
-
{ provide: KENDO_WEBMCP_HOST, useExisting: forwardRef(() => AIPromptComponent) }
|
|
992
|
+
{ provide: KENDO_WEBMCP_HOST, useExisting: forwardRef(() => AIPromptComponent) },
|
|
993
|
+
provideComponentName('aiprompt')
|
|
990
994
|
],
|
|
991
995
|
template: `
|
|
992
996
|
<ng-container kendoAIPromptLocalizedMessages
|
|
@@ -1078,7 +1082,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
|
|
|
1078
1082
|
}
|
|
1079
1083
|
`,
|
|
1080
1084
|
standalone: true,
|
|
1081
|
-
imports: [LocalizedMessagesDirective$
|
|
1085
|
+
imports: [LocalizedMessagesDirective$4, ButtonComponent, AIPromptToolbarFocusableDirective, NgTemplateOutlet, FloatingActionButtonComponent]
|
|
1082
1086
|
}]
|
|
1083
1087
|
}], ctorParameters: () => [{ type: i1.LocalizationService }, { type: AIPromptService }, { type: ToolbarNavigationService }, { type: i0.NgZone }, { type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { hostClasses: [{
|
|
1084
1088
|
type: HostBinding,
|
|
@@ -1188,8 +1192,8 @@ class CommandViewComponent extends BaseView {
|
|
|
1188
1192
|
children: c.children ? this.getPanelBarItems(c.children) : null
|
|
1189
1193
|
}));
|
|
1190
1194
|
}
|
|
1191
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1192
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
1195
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: CommandViewComponent, deps: [{ token: i1.LocalizationService }, { token: AIPromptService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1196
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.27", type: CommandViewComponent, isStandalone: true, selector: "kendo-aiprompt-command-view", providers: [{
|
|
1193
1197
|
provide: BaseView,
|
|
1194
1198
|
useExisting: forwardRef(() => CommandViewComponent)
|
|
1195
1199
|
}], usesInheritance: true, ngImport: i0, template: `
|
|
@@ -1203,7 +1207,7 @@ class CommandViewComponent extends BaseView {
|
|
|
1203
1207
|
</ng-template>
|
|
1204
1208
|
`, isInline: true, dependencies: [{ kind: "component", type: PanelBarComponent, selector: "kendo-panelbar", inputs: ["expandMode", "selectable", "animate", "height", "keepItemContent", "items"], outputs: ["stateChange", "select", "expand", "collapse", "itemClick"], exportAs: ["kendoPanelbar"] }] });
|
|
1205
1209
|
}
|
|
1206
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1210
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: CommandViewComponent, decorators: [{
|
|
1207
1211
|
type: Component,
|
|
1208
1212
|
args: [{
|
|
1209
1213
|
selector: 'kendo-aiprompt-command-view',
|
|
@@ -1249,15 +1253,15 @@ class AIPromptCustomMessagesComponent extends Messages$3 {
|
|
|
1249
1253
|
get override() {
|
|
1250
1254
|
return true;
|
|
1251
1255
|
}
|
|
1252
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1253
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
1256
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: AIPromptCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1257
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.27", type: AIPromptCustomMessagesComponent, isStandalone: true, selector: "kendo-aiprompt-messages", providers: [
|
|
1254
1258
|
{
|
|
1255
1259
|
provide: Messages$3,
|
|
1256
1260
|
useExisting: forwardRef(() => AIPromptCustomMessagesComponent)
|
|
1257
1261
|
}
|
|
1258
1262
|
], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
|
|
1259
1263
|
}
|
|
1260
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1264
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: AIPromptCustomMessagesComponent, decorators: [{
|
|
1261
1265
|
type: Component,
|
|
1262
1266
|
args: [{
|
|
1263
1267
|
providers: [
|
|
@@ -1293,13 +1297,13 @@ class CustomViewComponent extends BaseView {
|
|
|
1293
1297
|
* Sets the content of the Custom view as a template reference.
|
|
1294
1298
|
*/
|
|
1295
1299
|
viewTemplate;
|
|
1296
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1297
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
1300
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: CustomViewComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1301
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.27", type: CustomViewComponent, isStandalone: true, selector: "kendo-aiprompt-custom-view", inputs: { viewTemplate: "viewTemplate" }, providers: [{
|
|
1298
1302
|
provide: BaseView,
|
|
1299
1303
|
useExisting: forwardRef(() => CustomViewComponent)
|
|
1300
1304
|
}], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
|
|
1301
1305
|
}
|
|
1302
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1306
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: CustomViewComponent, decorators: [{
|
|
1303
1307
|
type: Component,
|
|
1304
1308
|
args: [{
|
|
1305
1309
|
selector: 'kendo-aiprompt-custom-view',
|
|
@@ -1405,8 +1409,8 @@ class AIPromptOutputCardComponent {
|
|
|
1405
1409
|
get customBodyTemplate() {
|
|
1406
1410
|
return this.service.outputBodyTemplate?.templateRef;
|
|
1407
1411
|
}
|
|
1408
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1409
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
1412
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: AIPromptOutputCardComponent, deps: [{ token: i1.LocalizationService }, { token: AIPromptService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1413
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: AIPromptOutputCardComponent, isStandalone: true, selector: "[kendoAIPromptOutputCard]", inputs: { promptOutput: "promptOutput" }, host: { properties: { "class.k-card": "this.hostClass", "attr.role": "this.listItemRole", "attr.tabindex": "this.tabIndex", "attr.aria-describedby": "this.ariaDescribedBy", "attr.aria-keyshortcuts": "this.ariaKeyShortcuts" } }, ngImport: i0, template: `
|
|
1410
1414
|
<div class="k-card-header">
|
|
1411
1415
|
<div
|
|
1412
1416
|
class="k-card-title"
|
|
@@ -1454,7 +1458,7 @@ class AIPromptOutputCardComponent {
|
|
|
1454
1458
|
</div>
|
|
1455
1459
|
`, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
|
|
1456
1460
|
}
|
|
1457
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1461
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: AIPromptOutputCardComponent, decorators: [{
|
|
1458
1462
|
type: Component,
|
|
1459
1463
|
args: [{
|
|
1460
1464
|
selector: '[kendoAIPromptOutputCard]',
|
|
@@ -1555,8 +1559,8 @@ class OutputViewComponent extends BaseView {
|
|
|
1555
1559
|
get customTemplate() {
|
|
1556
1560
|
return this.service.outputTemplate?.templateRef;
|
|
1557
1561
|
}
|
|
1558
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1559
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
1562
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: OutputViewComponent, deps: [{ token: i1.LocalizationService }, { token: AIPromptService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1563
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: OutputViewComponent, isStandalone: true, selector: "kendo-aiprompt-output-view", providers: [{
|
|
1560
1564
|
provide: BaseView,
|
|
1561
1565
|
useExisting: forwardRef(() => OutputViewComponent)
|
|
1562
1566
|
}], usesInheritance: true, ngImport: i0, template: `
|
|
@@ -1576,7 +1580,7 @@ class OutputViewComponent extends BaseView {
|
|
|
1576
1580
|
</ng-template>
|
|
1577
1581
|
`, isInline: true, dependencies: [{ kind: "component", type: AIPromptOutputCardComponent, selector: "[kendoAIPromptOutputCard]", inputs: ["promptOutput"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
|
|
1578
1582
|
}
|
|
1579
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1583
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: OutputViewComponent, decorators: [{
|
|
1580
1584
|
type: Component,
|
|
1581
1585
|
args: [{
|
|
1582
1586
|
selector: 'kendo-aiprompt-output-view',
|
|
@@ -1695,8 +1699,8 @@ class PromptViewComponent extends BaseView {
|
|
|
1695
1699
|
console.error('Speech to Text error:', event.errorMessage);
|
|
1696
1700
|
}
|
|
1697
1701
|
}
|
|
1698
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1699
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
1702
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: PromptViewComponent, deps: [{ token: i1.LocalizationService }, { token: AIPromptService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1703
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: PromptViewComponent, isStandalone: true, selector: "kendo-aiprompt-prompt-view", providers: [
|
|
1700
1704
|
{
|
|
1701
1705
|
provide: BaseView,
|
|
1702
1706
|
useExisting: forwardRef(() => PromptViewComponent)
|
|
@@ -1783,7 +1787,7 @@ class PromptViewComponent extends BaseView {
|
|
|
1783
1787
|
</ng-template>
|
|
1784
1788
|
`, isInline: true, dependencies: [{ kind: "component", type: TextAreaComponent, selector: "kendo-textarea", inputs: ["focusableId", "flow", "inputAttributes", "adornmentsOrientation", "rows", "cols", "maxlength", "maxResizableRows", "tabindex", "tabIndex", "resizable", "size", "rounded", "fillMode", "showPrefixSeparator", "showSuffixSeparator"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoTextArea"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: TextAreaSuffixComponent, selector: "kendo-textarea-suffix", inputs: ["flow", "orientation"], exportAs: ["kendoTextAreaSuffix"] }, { kind: "component", type: SpeechToTextButtonComponent, selector: "button[kendoSpeechToTextButton]", inputs: ["disabled", "size", "rounded", "fillMode", "themeColor", "integrationMode", "lang", "continuous", "interimResults", "maxAlternatives"], outputs: ["start", "end", "result", "error", "click"], exportAs: ["kendoSpeechToTextButton"] }] });
|
|
1785
1789
|
}
|
|
1786
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1790
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: PromptViewComponent, decorators: [{
|
|
1787
1791
|
type: Component,
|
|
1788
1792
|
args: [{
|
|
1789
1793
|
selector: 'kendo-aiprompt-prompt-view',
|
|
@@ -1926,10 +1930,10 @@ class AttachmentTemplateDirective {
|
|
|
1926
1930
|
constructor(templateRef) {
|
|
1927
1931
|
this.templateRef = templateRef;
|
|
1928
1932
|
}
|
|
1929
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1930
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
1933
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: AttachmentTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1934
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: AttachmentTemplateDirective, isStandalone: true, selector: "[kendoChatAttachmentTemplate]", ngImport: i0 });
|
|
1931
1935
|
}
|
|
1932
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1936
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: AttachmentTemplateDirective, decorators: [{
|
|
1933
1937
|
type: Directive,
|
|
1934
1938
|
args: [{
|
|
1935
1939
|
selector: '[kendoChatAttachmentTemplate]',
|
|
@@ -1960,10 +1964,10 @@ class MessageContentTemplateDirective {
|
|
|
1960
1964
|
constructor(templateRef) {
|
|
1961
1965
|
this.templateRef = templateRef;
|
|
1962
1966
|
}
|
|
1963
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1964
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
1967
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: MessageContentTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1968
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: MessageContentTemplateDirective, isStandalone: true, selector: "[kendoChatMessageContentTemplate]", ngImport: i0 });
|
|
1965
1969
|
}
|
|
1966
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1970
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: MessageContentTemplateDirective, decorators: [{
|
|
1967
1971
|
type: Directive,
|
|
1968
1972
|
args: [{
|
|
1969
1973
|
selector: '[kendoChatMessageContentTemplate]',
|
|
@@ -1994,10 +1998,10 @@ class MessageTemplateDirective {
|
|
|
1994
1998
|
constructor(templateRef) {
|
|
1995
1999
|
this.templateRef = templateRef;
|
|
1996
2000
|
}
|
|
1997
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1998
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
2001
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: MessageTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2002
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: MessageTemplateDirective, isStandalone: true, selector: "[kendoChatMessageTemplate]", ngImport: i0 });
|
|
1999
2003
|
}
|
|
2000
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2004
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: MessageTemplateDirective, decorators: [{
|
|
2001
2005
|
type: Directive,
|
|
2002
2006
|
args: [{
|
|
2003
2007
|
selector: '[kendoChatMessageTemplate]',
|
|
@@ -2027,10 +2031,10 @@ class ChatUserStatusTemplateDirective {
|
|
|
2027
2031
|
constructor(templateRef) {
|
|
2028
2032
|
this.templateRef = templateRef;
|
|
2029
2033
|
}
|
|
2030
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2031
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
2034
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ChatUserStatusTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2035
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: ChatUserStatusTemplateDirective, isStandalone: true, selector: "[kendoChatUserStatusTemplate]", ngImport: i0 });
|
|
2032
2036
|
}
|
|
2033
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2037
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ChatUserStatusTemplateDirective, decorators: [{
|
|
2034
2038
|
type: Directive,
|
|
2035
2039
|
args: [{
|
|
2036
2040
|
selector: '[kendoChatUserStatusTemplate]',
|
|
@@ -2060,10 +2064,10 @@ class ChatMessageBoxTemplateDirective {
|
|
|
2060
2064
|
constructor(templateRef) {
|
|
2061
2065
|
this.templateRef = templateRef;
|
|
2062
2066
|
}
|
|
2063
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2064
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
2067
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ChatMessageBoxTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2068
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: ChatMessageBoxTemplateDirective, isStandalone: true, selector: "[kendoChatMessageBoxTemplate]", ngImport: i0 });
|
|
2065
2069
|
}
|
|
2066
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2070
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ChatMessageBoxTemplateDirective, decorators: [{
|
|
2067
2071
|
type: Directive,
|
|
2068
2072
|
args: [{
|
|
2069
2073
|
selector: '[kendoChatMessageBoxTemplate]',
|
|
@@ -2088,10 +2092,10 @@ class ChatHeaderTemplateDirective {
|
|
|
2088
2092
|
constructor(templateRef) {
|
|
2089
2093
|
this.templateRef = templateRef;
|
|
2090
2094
|
}
|
|
2091
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2092
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
2095
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ChatHeaderTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2096
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: ChatHeaderTemplateDirective, isStandalone: true, selector: "[kendoChatHeaderTemplate]", ngImport: i0 });
|
|
2093
2097
|
}
|
|
2094
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2098
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ChatHeaderTemplateDirective, decorators: [{
|
|
2095
2099
|
type: Directive,
|
|
2096
2100
|
args: [{
|
|
2097
2101
|
selector: '[kendoChatHeaderTemplate]',
|
|
@@ -2119,10 +2123,10 @@ class NoDataTemplateDirective {
|
|
|
2119
2123
|
constructor(templateRef) {
|
|
2120
2124
|
this.templateRef = templateRef;
|
|
2121
2125
|
}
|
|
2122
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2123
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
2126
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: NoDataTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2127
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: NoDataTemplateDirective, isStandalone: true, selector: "[kendoChatNoDataTemplate]", ngImport: i0 });
|
|
2124
2128
|
}
|
|
2125
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2129
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: NoDataTemplateDirective, decorators: [{
|
|
2126
2130
|
type: Directive,
|
|
2127
2131
|
args: [{
|
|
2128
2132
|
selector: '[kendoChatNoDataTemplate]',
|
|
@@ -2156,10 +2160,10 @@ class ChatTimestampTemplateDirective {
|
|
|
2156
2160
|
constructor(templateRef) {
|
|
2157
2161
|
this.templateRef = templateRef;
|
|
2158
2162
|
}
|
|
2159
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2160
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
2163
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ChatTimestampTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2164
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: ChatTimestampTemplateDirective, isStandalone: true, selector: "[kendoChatTimestampTemplate]", ngImport: i0 });
|
|
2161
2165
|
}
|
|
2162
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2166
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ChatTimestampTemplateDirective, decorators: [{
|
|
2163
2167
|
type: Directive,
|
|
2164
2168
|
args: [{
|
|
2165
2169
|
selector: '[kendoChatTimestampTemplate]',
|
|
@@ -2186,10 +2190,10 @@ class ChatStatusTemplateDirective {
|
|
|
2186
2190
|
constructor(templateRef) {
|
|
2187
2191
|
this.templateRef = templateRef;
|
|
2188
2192
|
}
|
|
2189
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2190
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
2193
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ChatStatusTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2194
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: ChatStatusTemplateDirective, isStandalone: true, selector: "[kendoChatStatusTemplate]", ngImport: i0 });
|
|
2191
2195
|
}
|
|
2192
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2196
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ChatStatusTemplateDirective, decorators: [{
|
|
2193
2197
|
type: Directive,
|
|
2194
2198
|
args: [{
|
|
2195
2199
|
selector: '[kendoChatStatusTemplate]',
|
|
@@ -2218,10 +2222,10 @@ class AuthorMessageContentTemplateDirective {
|
|
|
2218
2222
|
constructor(templateRef) {
|
|
2219
2223
|
this.templateRef = templateRef;
|
|
2220
2224
|
}
|
|
2221
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2222
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
2225
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: AuthorMessageContentTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2226
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: AuthorMessageContentTemplateDirective, isStandalone: true, selector: "[kendoChatAuthorMessageContentTemplate]", ngImport: i0 });
|
|
2223
2227
|
}
|
|
2224
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2228
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: AuthorMessageContentTemplateDirective, decorators: [{
|
|
2225
2229
|
type: Directive,
|
|
2226
2230
|
args: [{
|
|
2227
2231
|
selector: '[kendoChatAuthorMessageContentTemplate]',
|
|
@@ -2252,10 +2256,10 @@ class ReceiverMessageContentTemplateDirective {
|
|
|
2252
2256
|
constructor(templateRef) {
|
|
2253
2257
|
this.templateRef = templateRef;
|
|
2254
2258
|
}
|
|
2255
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2256
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
2259
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ReceiverMessageContentTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2260
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: ReceiverMessageContentTemplateDirective, isStandalone: true, selector: "[kendoChatReceiverMessageContentTemplate]", ngImport: i0 });
|
|
2257
2261
|
}
|
|
2258
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2262
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ReceiverMessageContentTemplateDirective, decorators: [{
|
|
2259
2263
|
type: Directive,
|
|
2260
2264
|
args: [{
|
|
2261
2265
|
selector: '[kendoChatReceiverMessageContentTemplate]',
|
|
@@ -2286,10 +2290,10 @@ class ReceiverMessageTemplateDirective {
|
|
|
2286
2290
|
constructor(templateRef) {
|
|
2287
2291
|
this.templateRef = templateRef;
|
|
2288
2292
|
}
|
|
2289
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2290
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
2293
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ReceiverMessageTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2294
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: ReceiverMessageTemplateDirective, isStandalone: true, selector: "[kendoChatReceiverMessageTemplate]", ngImport: i0 });
|
|
2291
2295
|
}
|
|
2292
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2296
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ReceiverMessageTemplateDirective, decorators: [{
|
|
2293
2297
|
type: Directive,
|
|
2294
2298
|
args: [{
|
|
2295
2299
|
selector: '[kendoChatReceiverMessageTemplate]',
|
|
@@ -2320,10 +2324,10 @@ class AuthorMessageTemplateDirective {
|
|
|
2320
2324
|
constructor(templateRef) {
|
|
2321
2325
|
this.templateRef = templateRef;
|
|
2322
2326
|
}
|
|
2323
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2324
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
2327
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: AuthorMessageTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2328
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: AuthorMessageTemplateDirective, isStandalone: true, selector: "[kendoChatAuthorMessageTemplate]", ngImport: i0 });
|
|
2325
2329
|
}
|
|
2326
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2330
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: AuthorMessageTemplateDirective, decorators: [{
|
|
2327
2331
|
type: Directive,
|
|
2328
2332
|
args: [{
|
|
2329
2333
|
selector: '[kendoChatAuthorMessageTemplate]',
|
|
@@ -2823,10 +2827,10 @@ class ChatService {
|
|
|
2823
2827
|
this[property] = { ...defaultSettings, ...settings };
|
|
2824
2828
|
}
|
|
2825
2829
|
}
|
|
2826
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2827
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.
|
|
2830
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ChatService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2831
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ChatService });
|
|
2828
2832
|
}
|
|
2829
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2833
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ChatService, decorators: [{
|
|
2830
2834
|
type: Injectable
|
|
2831
2835
|
}], ctorParameters: () => [{ type: i0.NgZone }] });
|
|
2832
2836
|
|
|
@@ -3206,10 +3210,10 @@ class ScrollAnchorDirective {
|
|
|
3206
3210
|
el.scrollTo({ top: target, behavior });
|
|
3207
3211
|
this.scrolling = true;
|
|
3208
3212
|
}
|
|
3209
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3210
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
3213
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ScrollAnchorDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3214
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: ScrollAnchorDirective, isStandalone: true, selector: "[kendoChatScrollAnchor]", inputs: { autoScroll: "autoScroll", autoScrollThreshold: "autoScrollThreshold", endlessMode: "endlessMode", rangeIsAtEnd: "rangeIsAtEnd" }, outputs: { autoScrollChange: "autoScrollChange", nearTop: "nearTop", nearBottom: "nearBottom" }, host: { properties: { "style.overflow-anchor": "this.overflowAnchor", "style.scroll-behavior": "this.scrollBehaviorStyle" } }, exportAs: ["scrollAnchor"], ngImport: i0 });
|
|
3211
3215
|
}
|
|
3212
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
3216
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ScrollAnchorDirective, decorators: [{
|
|
3213
3217
|
type: Directive,
|
|
3214
3218
|
args: [{
|
|
3215
3219
|
selector: '[kendoChatScrollAnchor]',
|
|
@@ -3332,10 +3336,10 @@ class SuggestionsScrollService {
|
|
|
3332
3336
|
this.scrollButtonActiveStateChange.next({ buttonType, active });
|
|
3333
3337
|
}
|
|
3334
3338
|
isDisabled = (buttonType) => this.owner[`${buttonType}ScrollButton`]?.nativeElement.classList.contains('k-disabled');
|
|
3335
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3336
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.
|
|
3339
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: SuggestionsScrollService, deps: [{ token: i0.NgZone }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
3340
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: SuggestionsScrollService });
|
|
3337
3341
|
}
|
|
3338
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
3342
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: SuggestionsScrollService, decorators: [{
|
|
3339
3343
|
type: Injectable
|
|
3340
3344
|
}], ctorParameters: () => [{ type: i0.NgZone }, { type: i1.LocalizationService }] });
|
|
3341
3345
|
|
|
@@ -3523,10 +3527,10 @@ let Messages$2 = class Messages extends ComponentMessages {
|
|
|
3523
3527
|
* Sets the aria-label for the attached files list.
|
|
3524
3528
|
*/
|
|
3525
3529
|
attachedFilesLabel;
|
|
3526
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3527
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
3530
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
3531
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: Messages, isStandalone: true, selector: "kendoConversationalUIMessages", inputs: { deletedMessageSenderText: "deletedMessageSenderText", deletedMessageReceiverText: "deletedMessageReceiverText", messageFailedText: "messageFailedText", downloadAllFilesText: "downloadAllFilesText", messagePlaceholder: "messagePlaceholder", messageBoxTitle: "messageBoxTitle", actionButtonTitle: "actionButtonTitle", messageListLabel: "messageListLabel", messageBoxInputLabel: "messageBoxInputLabel", messageAttachmentLeftArrow: "messageAttachmentLeftArrow", messageAttachmentRightArrow: "messageAttachmentRightArrow", speechToTextButtonTitle: "speechToTextButtonTitle", fileSelectButtonTitle: "fileSelectButtonTitle", removeReplyTitle: "removeReplyTitle", removeFileTitle: "removeFileTitle", expandTitle: "expandTitle", collapseTitle: "collapseTitle", fileActionsTitle: "fileActionsTitle", nextSuggestionsButtonTitle: "nextSuggestionsButtonTitle", previousSuggestionsButtonTitle: "previousSuggestionsButtonTitle", unpinMessageTitle: "unpinMessageTitle", resendButtonTitle: "resendButtonTitle", attachedFilesLabel: "attachedFilesLabel" }, usesInheritance: true, ngImport: i0 });
|
|
3528
3532
|
};
|
|
3529
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
3533
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: Messages$2, decorators: [{
|
|
3530
3534
|
type: Directive,
|
|
3531
3535
|
args: [{
|
|
3532
3536
|
selector: 'kendoConversationalUIMessages'
|
|
@@ -3583,27 +3587,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
|
|
|
3583
3587
|
/**
|
|
3584
3588
|
* @hidden
|
|
3585
3589
|
*/
|
|
3586
|
-
let LocalizedMessagesDirective$
|
|
3590
|
+
let LocalizedMessagesDirective$3 = class LocalizedMessagesDirective extends Messages$2 {
|
|
3587
3591
|
service;
|
|
3588
3592
|
constructor(service) {
|
|
3589
3593
|
super();
|
|
3590
3594
|
this.service = service;
|
|
3591
3595
|
}
|
|
3592
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3593
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
3596
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3597
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoChatLocalizedMessages]", providers: [
|
|
3594
3598
|
{
|
|
3595
3599
|
provide: Messages$2,
|
|
3596
3600
|
useExisting: forwardRef(() => LocalizedMessagesDirective)
|
|
3597
3601
|
}
|
|
3598
3602
|
], usesInheritance: true, ngImport: i0 });
|
|
3599
3603
|
};
|
|
3600
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
3604
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: LocalizedMessagesDirective$3, decorators: [{
|
|
3601
3605
|
type: Directive,
|
|
3602
3606
|
args: [{
|
|
3603
3607
|
providers: [
|
|
3604
3608
|
{
|
|
3605
3609
|
provide: Messages$2,
|
|
3606
|
-
useExisting: forwardRef(() => LocalizedMessagesDirective$
|
|
3610
|
+
useExisting: forwardRef(() => LocalizedMessagesDirective$3)
|
|
3607
3611
|
}
|
|
3608
3612
|
],
|
|
3609
3613
|
selector: '[kendoChatLocalizedMessages]',
|
|
@@ -3628,10 +3632,10 @@ class PromptBoxEndAffixComponent {
|
|
|
3628
3632
|
* @hidden
|
|
3629
3633
|
*/
|
|
3630
3634
|
templateRef;
|
|
3631
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3632
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
3635
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: PromptBoxEndAffixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3636
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.27", type: PromptBoxEndAffixComponent, isStandalone: true, selector: "kendo-promptbox-end-affix", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["template"], descendants: true, static: true }], exportAs: ["kendoPromptBoxEndAffix"], ngImport: i0, template: `<ng-template #template><ng-content></ng-content></ng-template>`, isInline: true });
|
|
3633
3637
|
}
|
|
3634
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
3638
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: PromptBoxEndAffixComponent, decorators: [{
|
|
3635
3639
|
type: Component,
|
|
3636
3640
|
args: [{
|
|
3637
3641
|
exportAs: 'kendoPromptBoxEndAffix',
|
|
@@ -3661,10 +3665,10 @@ class PromptBoxStartAffixComponent {
|
|
|
3661
3665
|
* @hidden
|
|
3662
3666
|
*/
|
|
3663
3667
|
templateRef;
|
|
3664
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3665
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
3668
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: PromptBoxStartAffixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3669
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.27", type: PromptBoxStartAffixComponent, isStandalone: true, selector: "kendo-promptbox-start-affix", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["template"], descendants: true, static: true }], exportAs: ["kendoPromptBoxStartAffix"], ngImport: i0, template: `<ng-template #template><ng-content></ng-content></ng-template>`, isInline: true });
|
|
3666
3670
|
}
|
|
3667
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
3671
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: PromptBoxStartAffixComponent, decorators: [{
|
|
3668
3672
|
type: Component,
|
|
3669
3673
|
args: [{
|
|
3670
3674
|
exportAs: 'kendoPromptBoxStartAffix',
|
|
@@ -3694,10 +3698,10 @@ class PromptBoxTopAffixComponent {
|
|
|
3694
3698
|
* @hidden
|
|
3695
3699
|
*/
|
|
3696
3700
|
templateRef;
|
|
3697
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3698
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
3701
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: PromptBoxTopAffixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3702
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.27", type: PromptBoxTopAffixComponent, isStandalone: true, selector: "kendo-promptbox-top-affix", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["template"], descendants: true, static: true }], exportAs: ["kendoPromptBoxTopAffix"], ngImport: i0, template: `<ng-template #template><ng-content></ng-content></ng-template>`, isInline: true });
|
|
3699
3703
|
}
|
|
3700
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
3704
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: PromptBoxTopAffixComponent, decorators: [{
|
|
3701
3705
|
type: Component,
|
|
3702
3706
|
args: [{
|
|
3703
3707
|
exportAs: 'kendoPromptBoxTopAffix',
|
|
@@ -3720,10 +3724,10 @@ class PromptBoxHeaderTemplateDirective {
|
|
|
3720
3724
|
constructor(templateRef) {
|
|
3721
3725
|
this.templateRef = templateRef;
|
|
3722
3726
|
}
|
|
3723
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3724
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
3727
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: PromptBoxHeaderTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3728
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: PromptBoxHeaderTemplateDirective, isStandalone: true, selector: "[kendoPromptBoxHeaderTemplate]", ngImport: i0 });
|
|
3725
3729
|
}
|
|
3726
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
3730
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: PromptBoxHeaderTemplateDirective, decorators: [{
|
|
3727
3731
|
type: Directive,
|
|
3728
3732
|
args: [{
|
|
3729
3733
|
selector: '[kendoPromptBoxHeaderTemplate]',
|
|
@@ -3765,10 +3769,10 @@ let Messages$1 = class Messages extends ComponentMessages {
|
|
|
3765
3769
|
* Sets the aria-label for the attached files list.
|
|
3766
3770
|
*/
|
|
3767
3771
|
attachedFilesLabel;
|
|
3768
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3769
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
3772
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
3773
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: Messages, isStandalone: true, inputs: { fileSelectButtonTitle: "fileSelectButtonTitle", actionButtonTitle: "actionButtonTitle", stopGeneratingTitle: "stopGeneratingTitle", speechToTextButtonTitle: "speechToTextButtonTitle", removeFileTitle: "removeFileTitle", messageBoxTitle: "messageBoxTitle", attachedFilesLabel: "attachedFilesLabel" }, usesInheritance: true, ngImport: i0 });
|
|
3770
3774
|
};
|
|
3771
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
3775
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: Messages$1, decorators: [{
|
|
3772
3776
|
type: Directive
|
|
3773
3777
|
}], propDecorators: { fileSelectButtonTitle: [{
|
|
3774
3778
|
type: Input
|
|
@@ -3807,15 +3811,15 @@ class PromptBoxCustomMessagesComponent extends Messages$1 {
|
|
|
3807
3811
|
get override() {
|
|
3808
3812
|
return true;
|
|
3809
3813
|
}
|
|
3810
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3811
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
3814
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: PromptBoxCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
3815
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.27", type: PromptBoxCustomMessagesComponent, isStandalone: true, selector: "kendo-promptbox-messages", providers: [
|
|
3812
3816
|
{
|
|
3813
3817
|
provide: Messages$1,
|
|
3814
3818
|
useExisting: forwardRef(() => PromptBoxCustomMessagesComponent)
|
|
3815
3819
|
}
|
|
3816
3820
|
], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
|
|
3817
3821
|
}
|
|
3818
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
3822
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: PromptBoxCustomMessagesComponent, decorators: [{
|
|
3819
3823
|
type: Component,
|
|
3820
3824
|
args: [{
|
|
3821
3825
|
providers: [
|
|
@@ -3873,27 +3877,27 @@ const FILESELECT_BUTTON_DEFAULT_SETTINGS = {
|
|
|
3873
3877
|
/**
|
|
3874
3878
|
* @hidden
|
|
3875
3879
|
*/
|
|
3876
|
-
let LocalizedMessagesDirective$
|
|
3880
|
+
let LocalizedMessagesDirective$2 = class LocalizedMessagesDirective extends Messages$1 {
|
|
3877
3881
|
service;
|
|
3878
3882
|
constructor(service) {
|
|
3879
3883
|
super();
|
|
3880
3884
|
this.service = service;
|
|
3881
3885
|
}
|
|
3882
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3883
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
3886
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3887
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoPromptBoxLocalizedMessages]", providers: [
|
|
3884
3888
|
{
|
|
3885
3889
|
provide: Messages$1,
|
|
3886
3890
|
useExisting: forwardRef(() => LocalizedMessagesDirective)
|
|
3887
3891
|
}
|
|
3888
3892
|
], usesInheritance: true, ngImport: i0 });
|
|
3889
3893
|
};
|
|
3890
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
3894
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: LocalizedMessagesDirective$2, decorators: [{
|
|
3891
3895
|
type: Directive,
|
|
3892
3896
|
args: [{
|
|
3893
3897
|
providers: [
|
|
3894
3898
|
{
|
|
3895
3899
|
provide: Messages$1,
|
|
3896
|
-
useExisting: forwardRef(() => LocalizedMessagesDirective$
|
|
3900
|
+
useExisting: forwardRef(() => LocalizedMessagesDirective$2)
|
|
3897
3901
|
}
|
|
3898
3902
|
],
|
|
3899
3903
|
selector: '[kendoPromptBoxLocalizedMessages]',
|
|
@@ -3962,10 +3966,10 @@ class PromptBoxBaseTool {
|
|
|
3962
3966
|
*/
|
|
3963
3967
|
sizeChange = new EventEmitter();
|
|
3964
3968
|
_size;
|
|
3965
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3966
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
3969
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: PromptBoxBaseTool, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
3970
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: PromptBoxBaseTool, isStandalone: true, inputs: { disabled: "disabled", fillMode: "fillMode", icon: "icon", iconClass: "iconClass", imageUrl: "imageUrl", svgIcon: "svgIcon", rounded: "rounded", size: "size", themeColor: "themeColor", title: "title" }, outputs: { sizeChange: "sizeChange" }, ngImport: i0 });
|
|
3967
3971
|
}
|
|
3968
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
3972
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: PromptBoxBaseTool, decorators: [{
|
|
3969
3973
|
type: Directive
|
|
3970
3974
|
}], propDecorators: { disabled: [{
|
|
3971
3975
|
type: Input
|
|
@@ -4054,8 +4058,8 @@ class PromptBoxActionButtonComponent extends PromptBoxBaseTool {
|
|
|
4054
4058
|
textFor(key) {
|
|
4055
4059
|
return this.localization.get(key);
|
|
4056
4060
|
}
|
|
4057
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
4058
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
4061
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: PromptBoxActionButtonComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
4062
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.27", type: PromptBoxActionButtonComponent, isStandalone: true, selector: "kendo-promptbox-action-button", inputs: { buttonClass: "buttonClass", loading: "loading", loadingIcon: "loadingIcon", loadingSVGIcon: "loadingSVGIcon" }, outputs: { promptAction: "promptAction" }, providers: [
|
|
4059
4063
|
{
|
|
4060
4064
|
provide: PromptBoxBaseTool,
|
|
4061
4065
|
useExisting: forwardRef(() => PromptBoxActionButtonComponent),
|
|
@@ -4080,7 +4084,7 @@ class PromptBoxActionButtonComponent extends PromptBoxBaseTool {
|
|
|
4080
4084
|
></button>
|
|
4081
4085
|
`, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
|
|
4082
4086
|
}
|
|
4083
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
4087
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: PromptBoxActionButtonComponent, decorators: [{
|
|
4084
4088
|
type: Component,
|
|
4085
4089
|
args: [{
|
|
4086
4090
|
exportAs: 'kendoPromptBoxActionButton',
|
|
@@ -4194,8 +4198,8 @@ class PromptBoxFileSelectButtonComponent extends PromptBoxBaseTool {
|
|
|
4194
4198
|
event.files = allowedFiles;
|
|
4195
4199
|
this.selectAttachments.emit(event);
|
|
4196
4200
|
}
|
|
4197
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
4198
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
4201
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: PromptBoxFileSelectButtonComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
4202
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.27", type: PromptBoxFileSelectButtonComponent, isStandalone: true, selector: "kendo-promptbox-fileselect-button", inputs: { restrictions: "restrictions", multiple: "multiple", accept: "accept" }, outputs: { selectAttachments: "selectAttachments" }, providers: [
|
|
4199
4203
|
{
|
|
4200
4204
|
provide: PromptBoxBaseTool,
|
|
4201
4205
|
useExisting: forwardRef(() => PromptBoxFileSelectButtonComponent),
|
|
@@ -4227,7 +4231,7 @@ class PromptBoxFileSelectButtonComponent extends PromptBoxBaseTool {
|
|
|
4227
4231
|
></kendo-fileselect>
|
|
4228
4232
|
`, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: FileSelectComponent, selector: "kendo-fileselect", inputs: ["name"], outputs: ["valueChange"], exportAs: ["kendoFileSelect"] }] });
|
|
4229
4233
|
}
|
|
4230
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
4234
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: PromptBoxFileSelectButtonComponent, decorators: [{
|
|
4231
4235
|
type: Component,
|
|
4232
4236
|
args: [{
|
|
4233
4237
|
exportAs: 'kendoPromptBoxFileSelectButton',
|
|
@@ -4312,8 +4316,8 @@ class PromptBoxFileComponent {
|
|
|
4312
4316
|
return this.localization.get(key);
|
|
4313
4317
|
}
|
|
4314
4318
|
focus() { }
|
|
4315
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
4316
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
4319
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: PromptBoxFileComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
4320
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: PromptBoxFileComponent, isStandalone: true, selector: "li[promptBoxFile]", inputs: { promptBoxFile: "promptBoxFile", removable: "removable", fileActions: "fileActions", disabled: "disabled" }, outputs: { remove: "remove" }, host: { properties: { "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, ngImport: i0, template: `
|
|
4317
4321
|
<kendo-icon-wrapper
|
|
4318
4322
|
size="xlarge"
|
|
4319
4323
|
[name]="fileGroupClass(promptBoxFile.extension)"
|
|
@@ -4338,7 +4342,7 @@ class PromptBoxFileComponent {
|
|
|
4338
4342
|
}
|
|
4339
4343
|
`, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
|
|
4340
4344
|
}
|
|
4341
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
4345
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: PromptBoxFileComponent, decorators: [{
|
|
4342
4346
|
type: Component,
|
|
4343
4347
|
args: [{
|
|
4344
4348
|
selector: 'li[promptBoxFile]',
|
|
@@ -4469,8 +4473,8 @@ class PromptBoxSpeechToTextButtonComponent extends PromptBoxBaseTool {
|
|
|
4469
4473
|
textFor(key) {
|
|
4470
4474
|
return this.localization.get(key);
|
|
4471
4475
|
}
|
|
4472
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
4473
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
4476
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: PromptBoxSpeechToTextButtonComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
4477
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.27", type: PromptBoxSpeechToTextButtonComponent, isStandalone: true, selector: "kendo-promptbox-speech-to-text-button", inputs: { continuous: "continuous", integrationMode: "integrationMode", interimResults: "interimResults", lang: "lang", maxAlternatives: "maxAlternatives" }, outputs: { stbClick: "stbClick", stbStart: "stbStart", stbEnd: "stbEnd", stbError: "stbError", stbResult: "stbResult" }, providers: [
|
|
4474
4478
|
{
|
|
4475
4479
|
provide: PromptBoxBaseTool,
|
|
4476
4480
|
useExisting: forwardRef(() => PromptBoxSpeechToTextButtonComponent),
|
|
@@ -4498,7 +4502,7 @@ class PromptBoxSpeechToTextButtonComponent extends PromptBoxBaseTool {
|
|
|
4498
4502
|
></button>
|
|
4499
4503
|
`, isInline: true, dependencies: [{ kind: "component", type: SpeechToTextButtonComponent, selector: "button[kendoSpeechToTextButton]", inputs: ["disabled", "size", "rounded", "fillMode", "themeColor", "integrationMode", "lang", "continuous", "interimResults", "maxAlternatives"], outputs: ["start", "end", "result", "error", "click"], exportAs: ["kendoSpeechToTextButton"] }] });
|
|
4500
4504
|
}
|
|
4501
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
4505
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: PromptBoxSpeechToTextButtonComponent, decorators: [{
|
|
4502
4506
|
type: Component,
|
|
4503
4507
|
args: [{
|
|
4504
4508
|
exportAs: 'kendoPromptBoxSpeechToTextButton',
|
|
@@ -5377,8 +5381,8 @@ class PromptBoxComponent {
|
|
|
5377
5381
|
this.fileSelectSubscription.add(this.fileSelectButtonComponent.selectAttachments.subscribe((event) => this.handleFileSelectAttachments(event)));
|
|
5378
5382
|
this.fileSelectSubscription.add(this.fileSelectButtonComponent.sizeChange.subscribe(() => this.update()));
|
|
5379
5383
|
}
|
|
5380
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
5381
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
5384
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: PromptBoxComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i1.LocalizationService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
5385
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: PromptBoxComponent, isStandalone: true, selector: "kendo-promptbox", inputs: { disabled: "disabled", focusableId: "focusableId", loading: "loading", placeholder: "placeholder", readonly: "readonly", title: "title", mode: "mode", rows: "rows", maxTextAreaHeight: "maxTextAreaHeight", value: "value", actionButton: "actionButton", fileSelectButton: "fileSelectButton", speechToTextButton: "speechToTextButton" }, outputs: { valueChange: "valueChange", onFocus: "focus", onBlur: "blur", inputFocus: "inputFocus", inputBlur: "inputBlur", promptAction: "promptAction", selectAttachments: "selectAttachments", fileRemove: "fileRemove", speechToTextClick: "speechToTextClick", speechToTextStart: "speechToTextStart", speechToTextEnd: "speechToTextEnd", speechToTextError: "speechToTextError", speechToTextResult: "speechToTextResult" }, host: { properties: { "class.k-prompt-box-singleline": "this.hostSinglelineClass", "class.k-prompt-box-multiline": "this.hostMultilineClass", "class.k-disabled": "this.hostDisabledClass" } }, providers: [
|
|
5382
5386
|
LocalizationService,
|
|
5383
5387
|
{
|
|
5384
5388
|
provide: L10N_PREFIX,
|
|
@@ -5389,6 +5393,7 @@ class PromptBoxComponent {
|
|
|
5389
5393
|
useExisting: forwardRef(() => PromptBoxComponent),
|
|
5390
5394
|
multi: true,
|
|
5391
5395
|
},
|
|
5396
|
+
provideComponentName('promptbox'),
|
|
5392
5397
|
], queries: [{ propertyName: "headerTemplate", first: true, predicate: PromptBoxHeaderTemplateDirective, descendants: true }, { propertyName: "startAffix", first: true, predicate: PromptBoxStartAffixComponent, descendants: true }, { propertyName: "endAffix", first: true, predicate: PromptBoxEndAffixComponent, descendants: true }, { propertyName: "topAffix", first: true, predicate: PromptBoxTopAffixComponent, descendants: true }, { propertyName: "speechToTextButtonComponent", first: true, predicate: PromptBoxSpeechToTextButtonComponent, descendants: true }, { propertyName: "actionButtonComponent", first: true, predicate: PromptBoxActionButtonComponent, descendants: true }, { propertyName: "fileSelectButtonComponent", first: true, predicate: PromptBoxFileSelectButtonComponent, descendants: true }], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }, { propertyName: "textareaElement", first: true, predicate: ["textareaElement"], descendants: true }, { propertyName: "filesList", first: true, predicate: ["filesList"], descendants: true }], exportAs: ["kendoPromptBox"], ngImport: i0, template: `
|
|
5393
5398
|
<ng-container
|
|
5394
5399
|
kendoPromptBoxLocalizedMessages
|
|
@@ -5574,9 +5579,9 @@ class PromptBoxComponent {
|
|
|
5574
5579
|
}
|
|
5575
5580
|
</div>
|
|
5576
5581
|
}
|
|
5577
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective$
|
|
5582
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective$2, selector: "[kendoPromptBoxLocalizedMessages]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: PromptBoxActionButtonComponent, selector: "kendo-promptbox-action-button", inputs: ["buttonClass", "loading", "loadingIcon", "loadingSVGIcon"], outputs: ["promptAction"], exportAs: ["kendoPromptBoxActionButton"] }, { kind: "component", type: PromptBoxFileSelectButtonComponent, selector: "kendo-promptbox-fileselect-button", inputs: ["restrictions", "multiple", "accept"], outputs: ["selectAttachments"], exportAs: ["kendoPromptBoxFileSelectButton"] }, { kind: "component", type: PromptBoxSpeechToTextButtonComponent, selector: "kendo-promptbox-speech-to-text-button", inputs: ["continuous", "integrationMode", "interimResults", "lang", "maxAlternatives"], outputs: ["stbClick", "stbStart", "stbEnd", "stbError", "stbResult"], exportAs: ["kendoPromptBoxSpeechToTextButton"] }, { kind: "component", type: PromptBoxFileComponent, selector: "li[promptBoxFile]", inputs: ["promptBoxFile", "removable", "fileActions", "disabled"], outputs: ["remove"] }] });
|
|
5578
5583
|
}
|
|
5579
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
5584
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: PromptBoxComponent, decorators: [{
|
|
5580
5585
|
type: Component,
|
|
5581
5586
|
args: [{
|
|
5582
5587
|
exportAs: 'kendoPromptBox',
|
|
@@ -5592,6 +5597,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
|
|
|
5592
5597
|
useExisting: forwardRef(() => PromptBoxComponent),
|
|
5593
5598
|
multi: true,
|
|
5594
5599
|
},
|
|
5600
|
+
provideComponentName('promptbox'),
|
|
5595
5601
|
],
|
|
5596
5602
|
template: `
|
|
5597
5603
|
<ng-container
|
|
@@ -5781,7 +5787,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
|
|
|
5781
5787
|
`,
|
|
5782
5788
|
standalone: true,
|
|
5783
5789
|
imports: [
|
|
5784
|
-
LocalizedMessagesDirective$
|
|
5790
|
+
LocalizedMessagesDirective$2,
|
|
5785
5791
|
NgTemplateOutlet,
|
|
5786
5792
|
EventsOutsideAngularDirective,
|
|
5787
5793
|
PromptBoxActionButtonComponent,
|
|
@@ -5927,8 +5933,8 @@ class ChatFileComponent extends ChatItem {
|
|
|
5927
5933
|
return this.localization.get(key);
|
|
5928
5934
|
}
|
|
5929
5935
|
focus() { }
|
|
5930
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
5931
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
5936
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ChatFileComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
5937
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: ChatFileComponent, isStandalone: true, selector: "li[chatFile]", inputs: { chatFile: "chatFile", removable: "removable", fileActions: "fileActions" }, outputs: { remove: "remove", actionClick: "actionClick", actionsToggle: "actionsToggle", actionButtonClick: "actionButtonClick" }, host: { properties: { "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, providers: [{
|
|
5932
5938
|
provide: ChatItem,
|
|
5933
5939
|
useExisting: forwardRef(() => ChatFileComponent)
|
|
5934
5940
|
}], usesInheritance: true, ngImport: i0, template: `
|
|
@@ -5969,7 +5975,7 @@ class ChatFileComponent extends ChatItem {
|
|
|
5969
5975
|
}
|
|
5970
5976
|
`, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: DropDownButtonComponent, selector: "kendo-dropdownbutton", inputs: ["arrowIcon", "icon", "svgIcon", "iconClass", "imageUrl", "textField", "data", "size", "rounded", "fillMode", "themeColor", "buttonAttributes"], outputs: ["itemClick", "focus", "blur"], exportAs: ["kendoDropDownButton"] }] });
|
|
5971
5977
|
}
|
|
5972
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
5978
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ChatFileComponent, decorators: [{
|
|
5973
5979
|
type: Component,
|
|
5974
5980
|
args: [{
|
|
5975
5981
|
selector: 'li[chatFile]',
|
|
@@ -6135,8 +6141,8 @@ class MessageReferenceComponent extends ChatItem {
|
|
|
6135
6141
|
return this.localization.get(key);
|
|
6136
6142
|
}
|
|
6137
6143
|
focus() { }
|
|
6138
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
6139
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
6144
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: MessageReferenceComponent, deps: [{ token: i1.LocalizationService }, { token: ChatService }], target: i0.ɵɵFactoryTarget.Component });
|
|
6145
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: MessageReferenceComponent, isStandalone: true, selector: "chat-message-reference-content", inputs: { message: "message" }, host: { properties: { "class.k-message-reference-content": "this.hostClass" } }, providers: [{
|
|
6140
6146
|
provide: ChatItem,
|
|
6141
6147
|
useExisting: forwardRef(() => MessageReferenceComponent)
|
|
6142
6148
|
}], usesInheritance: true, ngImport: i0, template: `
|
|
@@ -6155,7 +6161,7 @@ class MessageReferenceComponent extends ChatItem {
|
|
|
6155
6161
|
}
|
|
6156
6162
|
`, isInline: true, dependencies: [{ kind: "component", type: ChatFileComponent, selector: "li[chatFile]", inputs: ["chatFile", "removable", "fileActions"], outputs: ["remove", "actionClick", "actionsToggle", "actionButtonClick"] }] });
|
|
6157
6163
|
}
|
|
6158
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
6164
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: MessageReferenceComponent, decorators: [{
|
|
6159
6165
|
type: Component,
|
|
6160
6166
|
args: [{
|
|
6161
6167
|
selector: 'chat-message-reference-content',
|
|
@@ -6208,10 +6214,10 @@ class ChatSuggestionTemplateDirective {
|
|
|
6208
6214
|
constructor(templateRef) {
|
|
6209
6215
|
this.templateRef = templateRef;
|
|
6210
6216
|
}
|
|
6211
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
6212
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
6217
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ChatSuggestionTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
6218
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: ChatSuggestionTemplateDirective, isStandalone: true, selector: "[kendoChatSuggestionTemplate]", ngImport: i0 });
|
|
6213
6219
|
}
|
|
6214
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
6220
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ChatSuggestionTemplateDirective, decorators: [{
|
|
6215
6221
|
type: Directive,
|
|
6216
6222
|
args: [{
|
|
6217
6223
|
selector: '[kendoChatSuggestionTemplate]',
|
|
@@ -6265,12 +6271,12 @@ class ChatScrollableButtonComponent {
|
|
|
6265
6271
|
const buttonType = this.prev ? 'prev' : 'next';
|
|
6266
6272
|
this.onClick.emit(buttonType);
|
|
6267
6273
|
}
|
|
6268
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
6269
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
6274
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ChatScrollableButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
6275
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.27", type: ChatScrollableButtonComponent, isStandalone: true, selector: "[kendoChatScrollableButton]", inputs: { prev: "prev" }, outputs: { onClick: "onClick" }, host: { properties: { "attr.role": "this.role" } }, ngImport: i0, template: `
|
|
6270
6276
|
<kendo-icon-wrapper [name]="scrollButtonIconClass" [svgIcon]="scrollButtonSVGIcon" innerCssClass="k-button-icon"> </kendo-icon-wrapper>
|
|
6271
6277
|
`, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
|
|
6272
6278
|
}
|
|
6273
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
6279
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ChatScrollableButtonComponent, decorators: [{
|
|
6274
6280
|
type: Component,
|
|
6275
6281
|
args: [{
|
|
6276
6282
|
template: `
|
|
@@ -6508,8 +6514,8 @@ class SuggestedActionsComponent extends ChatItem {
|
|
|
6508
6514
|
const prevIndex = this.selectedIndex;
|
|
6509
6515
|
this.selectedIndex = Math.max(0, Math.min(prevIndex + offset, this.items.length - 1));
|
|
6510
6516
|
}
|
|
6511
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
6512
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
6517
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: SuggestedActionsComponent, deps: [{ token: ChatService }, { token: i1.LocalizationService }, { token: SuggestionsScrollService }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
6518
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: SuggestedActionsComponent, isStandalone: true, selector: "kendo-chat-suggested-actions", inputs: { actions: "actions", suggestions: "suggestions", tabbable: "tabbable", type: "type", suggestionTemplate: "suggestionTemplate" }, outputs: { dispatchAction: "dispatchAction", dispatchSuggestion: "dispatchSuggestion" }, host: { properties: { "class.k-suggestion-group": "this.defaultClass", "class.k-suggestion-group-scrollable": "this.scrollableClass", "class.k-suggestion-scrollwrap": "this.scrollButtonsClass", "class.k-suggestion-group-scrollable-start": "this.scrollStartClass", "class.k-suggestion-group-scrollable-end": "this.scrollEndClass", "attr.role": "this.role" } }, providers: [
|
|
6513
6519
|
{
|
|
6514
6520
|
provide: ChatItem,
|
|
6515
6521
|
useExisting: forwardRef(() => SuggestedActionsComponent),
|
|
@@ -6600,7 +6606,7 @@ class SuggestedActionsComponent extends ChatItem {
|
|
|
6600
6606
|
}
|
|
6601
6607
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ChatScrollableButtonComponent, selector: "[kendoChatScrollableButton]", inputs: ["prev"], outputs: ["onClick"] }] });
|
|
6602
6608
|
}
|
|
6603
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
6609
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: SuggestedActionsComponent, decorators: [{
|
|
6604
6610
|
type: Component,
|
|
6605
6611
|
args: [{
|
|
6606
6612
|
selector: 'kendo-chat-suggested-actions',
|
|
@@ -6766,10 +6772,10 @@ class ChatMessageBoxEndAffixTemplateDirective {
|
|
|
6766
6772
|
constructor(templateRef) {
|
|
6767
6773
|
this.templateRef = templateRef;
|
|
6768
6774
|
}
|
|
6769
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
6770
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
6775
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ChatMessageBoxEndAffixTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
6776
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: ChatMessageBoxEndAffixTemplateDirective, isStandalone: true, selector: "[kendoChatMessageBoxEndAffixTemplate]", ngImport: i0 });
|
|
6771
6777
|
}
|
|
6772
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
6778
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ChatMessageBoxEndAffixTemplateDirective, decorators: [{
|
|
6773
6779
|
type: Directive,
|
|
6774
6780
|
args: [{
|
|
6775
6781
|
selector: '[kendoChatMessageBoxEndAffixTemplate]',
|
|
@@ -6796,10 +6802,10 @@ class ChatMessageBoxStartAffixTemplateDirective {
|
|
|
6796
6802
|
constructor(templateRef) {
|
|
6797
6803
|
this.templateRef = templateRef;
|
|
6798
6804
|
}
|
|
6799
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
6800
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
6805
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ChatMessageBoxStartAffixTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
6806
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: ChatMessageBoxStartAffixTemplateDirective, isStandalone: true, selector: "[kendoChatMessageBoxStartAffixTemplate]", ngImport: i0 });
|
|
6801
6807
|
}
|
|
6802
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
6808
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ChatMessageBoxStartAffixTemplateDirective, decorators: [{
|
|
6803
6809
|
type: Directive,
|
|
6804
6810
|
args: [{
|
|
6805
6811
|
selector: '[kendoChatMessageBoxStartAffixTemplate]',
|
|
@@ -6826,10 +6832,10 @@ class ChatMessageBoxTopAffixTemplateDirective {
|
|
|
6826
6832
|
constructor(templateRef) {
|
|
6827
6833
|
this.templateRef = templateRef;
|
|
6828
6834
|
}
|
|
6829
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
6830
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
6835
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ChatMessageBoxTopAffixTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
6836
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: ChatMessageBoxTopAffixTemplateDirective, isStandalone: true, selector: "[kendoChatMessageBoxTopAffixTemplate]", ngImport: i0 });
|
|
6831
6837
|
}
|
|
6832
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
6838
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ChatMessageBoxTopAffixTemplateDirective, decorators: [{
|
|
6833
6839
|
type: Directive,
|
|
6834
6840
|
args: [{
|
|
6835
6841
|
selector: '[kendoChatMessageBoxTopAffixTemplate]',
|
|
@@ -7049,8 +7055,8 @@ class MessageBoxComponent {
|
|
|
7049
7055
|
dispatchSuggestion(suggestion) {
|
|
7050
7056
|
this.executeSuggestion.emit(suggestion);
|
|
7051
7057
|
}
|
|
7052
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
7053
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
7058
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: MessageBoxComponent, deps: [{ token: ChatService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
7059
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: MessageBoxComponent, isStandalone: true, selector: "kendo-message-box", inputs: { authorId: "authorId", autoScroll: "autoScroll", suggestions: "suggestions", placeholder: "placeholder", inputValue: "inputValue", localization: "localization", messageBoxTemplate: "messageBoxTemplate", messageBoxStartAffixTemplate: "messageBoxStartAffixTemplate", messageBoxEndAffixTemplate: "messageBoxEndAffixTemplate", messageBoxTopAffixTemplate: "messageBoxTopAffixTemplate", suggestionTemplate: "suggestionTemplate", loading: "loading" }, outputs: { sendMessage: "sendMessage", executeSuggestion: "executeSuggestion", fileSelect: "fileSelect", fileRemove: "fileRemove" }, host: { properties: { "style.border-color": "this.borderColor", "class.k-message-box-wrapper": "this.messageBoxWrapperClass" } }, viewQueries: [{ propertyName: "messageBoxInput", first: true, predicate: ["messageBoxInput"], descendants: true }, { propertyName: "suggestedActionsComponent", first: true, predicate: SuggestedActionsComponent, descendants: true }], ngImport: i0, template: `
|
|
7054
7060
|
@if (suggestions?.length > 0) {
|
|
7055
7061
|
<kendo-chat-suggested-actions
|
|
7056
7062
|
#suggestedActions
|
|
@@ -7143,7 +7149,7 @@ class MessageBoxComponent {
|
|
|
7143
7149
|
}
|
|
7144
7150
|
`, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PromptBoxComponent, selector: "kendo-promptbox", inputs: ["disabled", "focusableId", "loading", "placeholder", "readonly", "title", "mode", "rows", "maxTextAreaHeight", "value", "actionButton", "fileSelectButton", "speechToTextButton"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur", "promptAction", "selectAttachments", "fileRemove", "speechToTextClick", "speechToTextStart", "speechToTextEnd", "speechToTextError", "speechToTextResult"], exportAs: ["kendoPromptBox"] }, { kind: "component", type: PromptBoxCustomMessagesComponent, selector: "kendo-promptbox-messages" }, { kind: "directive", type: PromptBoxHeaderTemplateDirective, selector: "[kendoPromptBoxHeaderTemplate]" }, { kind: "component", type: PromptBoxStartAffixComponent, selector: "kendo-promptbox-start-affix", exportAs: ["kendoPromptBoxStartAffix"] }, { kind: "component", type: PromptBoxTopAffixComponent, selector: "kendo-promptbox-top-affix", exportAs: ["kendoPromptBoxTopAffix"] }, { kind: "component", type: PromptBoxEndAffixComponent, selector: "kendo-promptbox-end-affix", exportAs: ["kendoPromptBoxEndAffix"] }, { kind: "component", type: PromptBoxFileSelectButtonComponent, selector: "kendo-promptbox-fileselect-button", inputs: ["restrictions", "multiple", "accept"], outputs: ["selectAttachments"], exportAs: ["kendoPromptBoxFileSelectButton"] }, { kind: "component", type: MessageReferenceComponent, selector: "chat-message-reference-content", inputs: ["message"] }, { kind: "component", type: SuggestedActionsComponent, selector: "kendo-chat-suggested-actions", inputs: ["actions", "suggestions", "tabbable", "type", "suggestionTemplate"], outputs: ["dispatchAction", "dispatchSuggestion"] }] });
|
|
7145
7151
|
}
|
|
7146
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
7152
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: MessageBoxComponent, decorators: [{
|
|
7147
7153
|
type: Component,
|
|
7148
7154
|
args: [{
|
|
7149
7155
|
selector: 'kendo-message-box',
|
|
@@ -7644,8 +7650,8 @@ class MessageComponent extends ChatItem {
|
|
|
7644
7650
|
this.cdr.detectChanges();
|
|
7645
7651
|
}));
|
|
7646
7652
|
}
|
|
7647
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
7648
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
7653
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: MessageComponent, deps: [{ token: i0.ElementRef }, { token: i1$1.IntlService }, { token: ChatService }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
7654
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: MessageComponent, isStandalone: true, selector: "kendo-chat-message", inputs: { message: "message", tabbable: "tabbable", authorMessageContentTemplate: "authorMessageContentTemplate", receiverMessageContentTemplate: "receiverMessageContentTemplate", messageContentTemplate: "messageContentTemplate", authorMessageTemplate: "authorMessageTemplate", receiverMessageTemplate: "receiverMessageTemplate", messageTemplate: "messageTemplate", statusTemplate: "statusTemplate", showMessageTime: "showMessageTime", authorId: "authorId" }, host: { listeners: { "keydown": "onKeyDown($event)" }, properties: { "class.k-message": "this.cssClass", "class.k-message-failed": "this.failedClass", "class.k-message-removed": "this.removedClass", "attr.tabIndex": "this.tabIndex" } }, providers: [
|
|
7649
7655
|
{
|
|
7650
7656
|
provide: ChatItem,
|
|
7651
7657
|
useExisting: forwardRef(() => MessageComponent),
|
|
@@ -7861,7 +7867,7 @@ class MessageComponent extends ChatItem {
|
|
|
7861
7867
|
}
|
|
7862
7868
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: ChatFileComponent, selector: "li[chatFile]", inputs: ["chatFile", "removable", "fileActions"], outputs: ["remove", "actionClick", "actionsToggle", "actionButtonClick"] }, { kind: "component", type: ToolBarComponent, selector: "kendo-toolbar", inputs: ["overflow", "resizable", "popupSettings", "fillMode", "tabindex", "size", "tabIndex", "showIcon", "showText"], outputs: ["open", "close"], exportAs: ["kendoToolBar"] }, { kind: "component", type: ToolBarButtonComponent, selector: "kendo-toolbar-button", inputs: ["showText", "showIcon", "text", "style", "className", "title", "disabled", "toggleable", "look", "togglable", "selected", "fillMode", "rounded", "themeColor", "icon", "iconClass", "svgIcon", "imageUrl"], outputs: ["click", "pointerdown", "selectedChange"], exportAs: ["kendoToolBarButton"] }, { kind: "component", type: MessageReferenceComponent, selector: "chat-message-reference-content", inputs: ["message"] }] });
|
|
7863
7869
|
}
|
|
7864
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
7870
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: MessageComponent, decorators: [{
|
|
7865
7871
|
type: Component,
|
|
7866
7872
|
args: [{
|
|
7867
7873
|
selector: 'kendo-chat-message',
|
|
@@ -8158,8 +8164,8 @@ class AttachmentComponent {
|
|
|
8158
8164
|
return this.attachment.contentType || '';
|
|
8159
8165
|
}
|
|
8160
8166
|
_attachment;
|
|
8161
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
8162
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
8167
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: AttachmentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8168
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: AttachmentComponent, isStandalone: true, selector: "kendo-chat-attachment", inputs: { attachment: "attachment", template: "template" }, ngImport: i0, template: `
|
|
8163
8169
|
@if (template) {
|
|
8164
8170
|
<ng-container *ngTemplateOutlet="template.templateRef; context: context;">
|
|
8165
8171
|
</ng-container>
|
|
@@ -8189,7 +8195,7 @@ class AttachmentComponent {
|
|
|
8189
8195
|
}
|
|
8190
8196
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
|
|
8191
8197
|
}
|
|
8192
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
8198
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: AttachmentComponent, decorators: [{
|
|
8193
8199
|
type: Component,
|
|
8194
8200
|
args: [{
|
|
8195
8201
|
selector: 'kendo-chat-attachment',
|
|
@@ -8346,8 +8352,8 @@ class MessageAttachmentsComponent extends ChatItem {
|
|
|
8346
8352
|
textFor(key) {
|
|
8347
8353
|
return this.localization.get(key);
|
|
8348
8354
|
}
|
|
8349
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
8350
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
8355
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: MessageAttachmentsComponent, deps: [{ token: i0.NgZone }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
8356
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: MessageAttachmentsComponent, isStandalone: true, selector: "kendo-chat-message-attachments", inputs: { attachments: "attachments", layout: "layout", tabbable: "tabbable", template: "template", localization: "localization" }, host: { properties: { "class.k-card-deck-scrollwrap": "this.carousel" } }, providers: [{
|
|
8351
8357
|
provide: ChatItem,
|
|
8352
8358
|
useExisting: forwardRef(() => MessageAttachmentsComponent)
|
|
8353
8359
|
}], viewQueries: [{ propertyName: "deck", first: true, predicate: ["deck"], descendants: true, read: ElementRef, static: true }, { propertyName: "items", predicate: ["item"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
|
|
@@ -8396,7 +8402,7 @@ class MessageAttachmentsComponent extends ChatItem {
|
|
|
8396
8402
|
}
|
|
8397
8403
|
`, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: AttachmentComponent, selector: "kendo-chat-attachment", inputs: ["attachment", "template"] }] });
|
|
8398
8404
|
}
|
|
8399
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
8405
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: MessageAttachmentsComponent, decorators: [{
|
|
8400
8406
|
type: Component,
|
|
8401
8407
|
args: [{
|
|
8402
8408
|
providers: [{
|
|
@@ -8767,8 +8773,8 @@ class MessageListComponent {
|
|
|
8767
8773
|
return componentElement && (componentElement === clickedElement || componentElement.contains(clickedElement));
|
|
8768
8774
|
});
|
|
8769
8775
|
}
|
|
8770
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
8771
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
8776
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: MessageListComponent, deps: [{ token: i0.ElementRef }, { token: i1$1.IntlService }, { token: i0.Renderer2 }, { token: ChatService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
8777
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: MessageListComponent, isStandalone: true, selector: "kendo-chat-message-list", inputs: { messages: "messages", attachmentTemplate: "attachmentTemplate", authorMessageContentTemplate: "authorMessageContentTemplate", receiverMessageContentTemplate: "receiverMessageContentTemplate", messageContentTemplate: "messageContentTemplate", authorMessageTemplate: "authorMessageTemplate", receiverMessageTemplate: "receiverMessageTemplate", messageTemplate: "messageTemplate", timestampTemplate: "timestampTemplate", statusTemplate: "statusTemplate", userStatusTemplate: "userStatusTemplate", localization: "localization", authorId: "authorId" }, outputs: { executeAction: "executeAction", navigate: "navigate", resize: "resize" }, host: { properties: { "class.k-message-list-content": "this.cssClass" } }, viewQueries: [{ propertyName: "items", predicate: ChatItem, descendants: true }], ngImport: i0, template: `
|
|
8772
8778
|
@for (group of view; track trackGroup($index, group); let lastGroup = $last) { @switch (group.type) { @case
|
|
8773
8779
|
('date-marker') {
|
|
8774
8780
|
<div class="k-timestamp">
|
|
@@ -8872,7 +8878,7 @@ class MessageListComponent {
|
|
|
8872
8878
|
<kendo-resize-sensor (resize)="onResize()"> </kendo-resize-sensor>
|
|
8873
8879
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MessageComponent, selector: "kendo-chat-message", inputs: ["message", "tabbable", "authorMessageContentTemplate", "receiverMessageContentTemplate", "messageContentTemplate", "authorMessageTemplate", "receiverMessageTemplate", "messageTemplate", "statusTemplate", "showMessageTime", "authorId"] }, { kind: "component", type: AttachmentComponent, selector: "kendo-chat-attachment", inputs: ["attachment", "template"] }, { kind: "component", type: MessageAttachmentsComponent, selector: "kendo-chat-message-attachments", inputs: ["attachments", "layout", "tabbable", "template", "localization"] }, { kind: "component", type: SuggestedActionsComponent, selector: "kendo-chat-suggested-actions", inputs: ["actions", "suggestions", "tabbable", "type", "suggestionTemplate"], outputs: ["dispatchAction", "dispatchSuggestion"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "ngmodule", type: ButtonsModule }] });
|
|
8874
8880
|
}
|
|
8875
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
8881
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: MessageListComponent, decorators: [{
|
|
8876
8882
|
type: Component,
|
|
8877
8883
|
args: [{
|
|
8878
8884
|
selector: 'kendo-chat-message-list',
|
|
@@ -10147,8 +10153,8 @@ class ChatComponent {
|
|
|
10147
10153
|
return userAction;
|
|
10148
10154
|
});
|
|
10149
10155
|
}
|
|
10150
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
10151
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
10156
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ChatComponent, deps: [{ token: i1.LocalizationService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: ChatService }], target: i0.ɵɵFactoryTarget.Component });
|
|
10157
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: ChatComponent, isStandalone: true, selector: "kendo-chat", inputs: { messages: "messages", authorId: "authorId", messageBoxType: "messageBoxType", height: "height", width: "width", placeholder: "placeholder", messageWidthMode: "messageWidthMode", timestampVisibility: "timestampVisibility", showUsername: "showUsername", showAvatar: "showAvatar", allowMessageCollapse: "allowMessageCollapse", speechToTextButton: "speechToTextButton", fileSelectButton: "fileSelectButton", messageBoxSettings: "messageBoxSettings", messageToolbarActions: "messageToolbarActions", inputValue: "inputValue", authorMessageSettings: "authorMessageSettings", receiverMessageSettings: "receiverMessageSettings", messageContextMenuActions: "messageContextMenuActions", fileActions: "fileActions", messageFilesLayout: "messageFilesLayout", suggestionsLayout: "suggestionsLayout", quickActionsLayout: "quickActionsLayout", suggestions: "suggestions", sendButton: "sendButton", sendButtonSettings: "sendButtonSettings", scrollMode: "scrollMode", pageSize: "pageSize", autoScrollThreshold: "autoScrollThreshold", total: "total", startIndex: "startIndex", endIndex: "endIndex", pinnedMessages: "pinnedMessages", repliedToMessages: "repliedToMessages", modelFields: "modelFields", scrollToBottomButton: "scrollToBottomButton", loading: "loading" }, outputs: { sendMessage: "sendMessage", resendMessage: "resendMessage", toolbarActionClick: "toolbarActionClick", contextMenuActionClick: "contextMenuActionClick", fileActionClick: "fileActionClick", download: "download", executeAction: "executeAction", suggestionExecute: "suggestionExecute", fileSelect: "fileSelect", fileRemove: "fileRemove", unpin: "unpin", inputValueChange: "inputValueChange", loadMore: "loadMore", referencedMessageClick: "referencedMessageClick" }, host: { properties: { "class": "this.className", "attr.dir": "this.dirAttr" } }, providers: [
|
|
10152
10158
|
LocalizationService,
|
|
10153
10159
|
ChatService,
|
|
10154
10160
|
SuggestionsScrollService,
|
|
@@ -10156,7 +10162,8 @@ class ChatComponent {
|
|
|
10156
10162
|
provide: L10N_PREFIX,
|
|
10157
10163
|
useValue: 'kendo.chat',
|
|
10158
10164
|
},
|
|
10159
|
-
{ provide: KENDO_WEBMCP_HOST, useExisting: forwardRef(() => ChatComponent) }
|
|
10165
|
+
{ provide: KENDO_WEBMCP_HOST, useExisting: forwardRef(() => ChatComponent) },
|
|
10166
|
+
provideComponentName('chat')
|
|
10160
10167
|
], queries: [{ propertyName: "attachmentTemplate", first: true, predicate: AttachmentTemplateDirective, descendants: true }, { propertyName: "chatHeaderTemplate", first: true, predicate: ChatHeaderTemplateDirective, descendants: true }, { propertyName: "chatNoDataTemplate", first: true, predicate: NoDataTemplateDirective, descendants: true }, { propertyName: "authorMessageContentTemplate", first: true, predicate: AuthorMessageContentTemplateDirective, descendants: true }, { propertyName: "receiverMessageContentTemplate", first: true, predicate: ReceiverMessageContentTemplateDirective, descendants: true }, { propertyName: "messageContentTemplate", first: true, predicate: MessageContentTemplateDirective, descendants: true }, { propertyName: "authorMessageTemplate", first: true, predicate: AuthorMessageTemplateDirective, descendants: true }, { propertyName: "receiverMessageTemplate", first: true, predicate: ReceiverMessageTemplateDirective, descendants: true }, { propertyName: "messageTemplate", first: true, predicate: MessageTemplateDirective, descendants: true }, { propertyName: "timestampTemplate", first: true, predicate: ChatTimestampTemplateDirective, descendants: true }, { propertyName: "suggestionTemplate", first: true, predicate: ChatSuggestionTemplateDirective, descendants: true }, { propertyName: "statusTemplate", first: true, predicate: ChatStatusTemplateDirective, descendants: true }, { propertyName: "messageBoxTemplate", first: true, predicate: ChatMessageBoxTemplateDirective, descendants: true }, { propertyName: "messageBoxStartAffixTemplate", first: true, predicate: ChatMessageBoxStartAffixTemplateDirective, descendants: true }, { propertyName: "messageBoxEndAffixTemplate", first: true, predicate: ChatMessageBoxEndAffixTemplateDirective, descendants: true }, { propertyName: "messageBoxTopAffixTemplate", first: true, predicate: ChatMessageBoxTopAffixTemplateDirective, descendants: true }, { propertyName: "userStatusTemplate", first: true, predicate: ChatUserStatusTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "messagesContextMenu", first: true, predicate: ["messagesContextMenu"], descendants: true }, { propertyName: "messageBox", first: true, predicate: ["messageBox"], descendants: true }, { propertyName: "messageList", first: true, predicate: ["messageList"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "anchor", first: true, predicate: ["anchor"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
|
|
10161
10168
|
<ng-container
|
|
10162
10169
|
kendoChatLocalizedMessages
|
|
@@ -10351,9 +10358,9 @@ class ChatComponent {
|
|
|
10351
10358
|
@if (showLicenseWatermark) {
|
|
10352
10359
|
<div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
|
|
10353
10360
|
}
|
|
10354
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective$
|
|
10361
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective$3, selector: "[kendoChatLocalizedMessages]" }, { kind: "directive", type: ScrollAnchorDirective, selector: "[kendoChatScrollAnchor]", inputs: ["autoScroll", "autoScrollThreshold", "endlessMode", "rangeIsAtEnd"], outputs: ["autoScrollChange", "nearTop", "nearBottom"], exportAs: ["scrollAnchor"] }, { kind: "component", type: MessageListComponent, selector: "kendo-chat-message-list", inputs: ["messages", "attachmentTemplate", "authorMessageContentTemplate", "receiverMessageContentTemplate", "messageContentTemplate", "authorMessageTemplate", "receiverMessageTemplate", "messageTemplate", "timestampTemplate", "statusTemplate", "userStatusTemplate", "localization", "authorId"], outputs: ["executeAction", "navigate", "resize"] }, { kind: "component", type: MessageBoxComponent, selector: "kendo-message-box", inputs: ["authorId", "autoScroll", "suggestions", "placeholder", "inputValue", "localization", "messageBoxTemplate", "messageBoxStartAffixTemplate", "messageBoxEndAffixTemplate", "messageBoxTopAffixTemplate", "suggestionTemplate", "loading"], outputs: ["sendMessage", "executeSuggestion", "fileSelect", "fileRemove"] }, { kind: "component", type: MessageReferenceComponent, selector: "chat-message-reference-content", inputs: ["message"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: ContextMenuComponent, selector: "kendo-contextmenu", inputs: ["showOn", "target", "filter", "alignToAnchor", "vertical", "popupAnimate", "popupAlign", "anchorAlign", "collision", "appendTo", "ariaLabel"], outputs: ["popupOpen", "popupClose", "select", "open", "close"], exportAs: ["kendoContextMenu"] }, { kind: "component", type: FloatingActionButtonComponent, selector: "kendo-floatingactionbutton", inputs: ["themeColor", "size", "rounded", "disabled", "align", "offset", "positionMode", "icon", "svgIcon", "iconClass", "buttonClass", "dialClass", "text", "dialItemAnimation", "tabIndex", "dialItems"], outputs: ["blur", "focus", "dialItemClick", "open", "close"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay], kendo-watermark-overlay", inputs: ["licenseMessage"] }] });
|
|
10355
10362
|
}
|
|
10356
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
10363
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ChatComponent, decorators: [{
|
|
10357
10364
|
type: Component,
|
|
10358
10365
|
args: [{
|
|
10359
10366
|
providers: [
|
|
@@ -10364,7 +10371,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
|
|
|
10364
10371
|
provide: L10N_PREFIX,
|
|
10365
10372
|
useValue: 'kendo.chat',
|
|
10366
10373
|
},
|
|
10367
|
-
{ provide: KENDO_WEBMCP_HOST, useExisting: forwardRef(() => ChatComponent) }
|
|
10374
|
+
{ provide: KENDO_WEBMCP_HOST, useExisting: forwardRef(() => ChatComponent) },
|
|
10375
|
+
provideComponentName('chat')
|
|
10368
10376
|
],
|
|
10369
10377
|
selector: 'kendo-chat',
|
|
10370
10378
|
template: `
|
|
@@ -10564,7 +10572,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
|
|
|
10564
10572
|
`,
|
|
10565
10573
|
standalone: true,
|
|
10566
10574
|
imports: [
|
|
10567
|
-
LocalizedMessagesDirective$
|
|
10575
|
+
LocalizedMessagesDirective$3,
|
|
10568
10576
|
ScrollAnchorDirective,
|
|
10569
10577
|
MessageListComponent,
|
|
10570
10578
|
MessageBoxComponent,
|
|
@@ -10774,15 +10782,15 @@ class CustomMessagesComponent extends Messages$2 {
|
|
|
10774
10782
|
get override() {
|
|
10775
10783
|
return true;
|
|
10776
10784
|
}
|
|
10777
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
10778
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
10785
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
10786
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.27", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-chat-messages", providers: [
|
|
10779
10787
|
{
|
|
10780
10788
|
provide: Messages$2,
|
|
10781
10789
|
useExisting: forwardRef(() => CustomMessagesComponent)
|
|
10782
10790
|
}
|
|
10783
10791
|
], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
|
|
10784
10792
|
}
|
|
10785
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
10793
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: CustomMessagesComponent, decorators: [{
|
|
10786
10794
|
type: Component,
|
|
10787
10795
|
args: [{
|
|
10788
10796
|
providers: [
|
|
@@ -10838,8 +10846,8 @@ class HeroCardComponent {
|
|
|
10838
10846
|
onClick(action) {
|
|
10839
10847
|
this.executeAction.next(action);
|
|
10840
10848
|
}
|
|
10841
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
10842
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
10849
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: HeroCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10850
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: HeroCardComponent, isStandalone: true, selector: "kendo-chat-hero-card", inputs: { imageUrl: "imageUrl", title: "title", subtitle: "subtitle", actions: "actions" }, outputs: { executeAction: "executeAction" }, host: { properties: { "class.k-card": "this.cssClass" } }, ngImport: i0, template: `
|
|
10843
10851
|
@if (imageUrl) {
|
|
10844
10852
|
<img class="k-card-image" [src]="imageUrl" />
|
|
10845
10853
|
}
|
|
@@ -10870,7 +10878,7 @@ class HeroCardComponent {
|
|
|
10870
10878
|
</div>
|
|
10871
10879
|
`, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
|
|
10872
10880
|
}
|
|
10873
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
10881
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: HeroCardComponent, decorators: [{
|
|
10874
10882
|
type: Component,
|
|
10875
10883
|
args: [{
|
|
10876
10884
|
selector: 'kendo-chat-hero-card',
|
|
@@ -10938,10 +10946,10 @@ class Messages extends ComponentMessages {
|
|
|
10938
10946
|
* The title for the Speech to Text button.
|
|
10939
10947
|
*/
|
|
10940
10948
|
speechToTextButtonTitle;
|
|
10941
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
10942
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
10949
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
10950
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: Messages, isStandalone: true, inputs: { commandsButtonTitle: "commandsButtonTitle", generateButtonTitle: "generateButtonTitle", speechToTextButtonTitle: "speechToTextButtonTitle" }, usesInheritance: true, ngImport: i0 });
|
|
10943
10951
|
}
|
|
10944
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
10952
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: Messages, decorators: [{
|
|
10945
10953
|
type: Directive
|
|
10946
10954
|
}], propDecorators: { commandsButtonTitle: [{
|
|
10947
10955
|
type: Input
|
|
@@ -10954,27 +10962,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
|
|
|
10954
10962
|
/**
|
|
10955
10963
|
* @hidden
|
|
10956
10964
|
*/
|
|
10957
|
-
class LocalizedMessagesDirective extends Messages {
|
|
10965
|
+
let LocalizedMessagesDirective$1 = class LocalizedMessagesDirective extends Messages {
|
|
10958
10966
|
service;
|
|
10959
10967
|
constructor(service) {
|
|
10960
10968
|
super();
|
|
10961
10969
|
this.service = service;
|
|
10962
10970
|
}
|
|
10963
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
10964
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
10971
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
10972
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoInlineAIPromptLocalizedMessages]", providers: [
|
|
10965
10973
|
{
|
|
10966
10974
|
provide: Messages,
|
|
10967
10975
|
useExisting: forwardRef(() => LocalizedMessagesDirective)
|
|
10968
10976
|
}
|
|
10969
10977
|
], usesInheritance: true, ngImport: i0 });
|
|
10970
|
-
}
|
|
10971
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
10978
|
+
};
|
|
10979
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: LocalizedMessagesDirective$1, decorators: [{
|
|
10972
10980
|
type: Directive,
|
|
10973
10981
|
args: [{
|
|
10974
10982
|
providers: [
|
|
10975
10983
|
{
|
|
10976
10984
|
provide: Messages,
|
|
10977
|
-
useExisting: forwardRef(() => LocalizedMessagesDirective)
|
|
10985
|
+
useExisting: forwardRef(() => LocalizedMessagesDirective$1)
|
|
10978
10986
|
}
|
|
10979
10987
|
],
|
|
10980
10988
|
selector: '[kendoInlineAIPromptLocalizedMessages]',
|
|
@@ -11257,8 +11265,8 @@ class InlineAIPromptContentComponent {
|
|
|
11257
11265
|
});
|
|
11258
11266
|
}
|
|
11259
11267
|
}
|
|
11260
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
11261
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
11268
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: InlineAIPromptContentComponent, deps: [{ token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.LocalizationService, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
11269
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: InlineAIPromptContentComponent, isStandalone: true, selector: "kendo-inlineaiprompt-content", inputs: { popupElement: "popupElement", promptValue: "promptValue", placeholder: "placeholder", promptOutput: "promptOutput", enableSpeechToText: "enableSpeechToText", streaming: "streaming", width: "width", maxHeight: "maxHeight", appendTo: "appendTo", outputActions: "outputActions", promptCommands: "promptCommands", outputTemplate: "outputTemplate" }, outputs: { promptRequest: "promptRequest", commandExecute: "commandExecute", outputActionClick: "outputActionClick", promptRequestCancel: "promptRequestCancel", close: "close", promptValueChange: "promptValueChange" }, host: { listeners: { "keydown": "onEscapeKey($event)" }, properties: { "class.k-prompt": "this.className", "attr.dir": "this.dirAttr", "style.max-height": "this.maxHeightStyle", "style.width": "this.widthStyle" } }, providers: [
|
|
11262
11270
|
LocalizationService,
|
|
11263
11271
|
{
|
|
11264
11272
|
provide: L10N_PREFIX,
|
|
@@ -11375,9 +11383,9 @@ class InlineAIPromptContentComponent {
|
|
|
11375
11383
|
class="k-hidden"
|
|
11376
11384
|
(select)="onCommandClick($event)">
|
|
11377
11385
|
</kendo-contextmenu>
|
|
11378
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoInlineAIPromptLocalizedMessages]" }, { kind: "component", type: i2.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: i2.SpeechToTextButtonComponent, selector: "button[kendoSpeechToTextButton]", inputs: ["disabled", "size", "rounded", "fillMode", "themeColor", "integrationMode", "lang", "continuous", "interimResults", "maxAlternatives"], outputs: ["start", "end", "result", "error", "click"], exportAs: ["kendoSpeechToTextButton"] }, { kind: "component", type: i3.TextAreaComponent, selector: "kendo-textarea", inputs: ["focusableId", "flow", "inputAttributes", "adornmentsOrientation", "rows", "cols", "maxlength", "maxResizableRows", "tabindex", "tabIndex", "resizable", "size", "rounded", "fillMode", "showPrefixSeparator", "showSuffixSeparator"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoTextArea"] }, { kind: "component", type: i3.TextAreaPrefixComponent, selector: "kendo-textarea-prefix", inputs: ["flow", "orientation"], exportAs: ["kendoTextAreaPrefix"] }, { kind: "component", type: i3.TextAreaSuffixComponent, selector: "kendo-textarea-suffix", inputs: ["flow", "orientation"], exportAs: ["kendoTextAreaSuffix"] }, { kind: "component", type: i4.ContextMenuComponent, selector: "kendo-contextmenu", inputs: ["showOn", "target", "filter", "alignToAnchor", "vertical", "popupAnimate", "popupAlign", "anchorAlign", "collision", "appendTo", "ariaLabel"], outputs: ["popupOpen", "popupClose", "select", "open", "close"], exportAs: ["kendoContextMenu"] }, { kind: "component", type: i5.CardComponent, selector: "kendo-card", inputs: ["orientation", "width"] }, { kind: "component", type: i5.CardActionsComponent, selector: "kendo-card-actions", inputs: ["orientation", "layout", "actions"], outputs: ["action"] }, { kind: "component", type: i5.CardBodyComponent, selector: "kendo-card-body" }] });
|
|
11386
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: LocalizedMessagesDirective$1, selector: "[kendoInlineAIPromptLocalizedMessages]" }, { kind: "component", type: i2.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: i2.SpeechToTextButtonComponent, selector: "button[kendoSpeechToTextButton]", inputs: ["disabled", "size", "rounded", "fillMode", "themeColor", "integrationMode", "lang", "continuous", "interimResults", "maxAlternatives"], outputs: ["start", "end", "result", "error", "click"], exportAs: ["kendoSpeechToTextButton"] }, { kind: "component", type: i3.TextAreaComponent, selector: "kendo-textarea", inputs: ["focusableId", "flow", "inputAttributes", "adornmentsOrientation", "rows", "cols", "maxlength", "maxResizableRows", "tabindex", "tabIndex", "resizable", "size", "rounded", "fillMode", "showPrefixSeparator", "showSuffixSeparator"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoTextArea"] }, { kind: "component", type: i3.TextAreaPrefixComponent, selector: "kendo-textarea-prefix", inputs: ["flow", "orientation"], exportAs: ["kendoTextAreaPrefix"] }, { kind: "component", type: i3.TextAreaSuffixComponent, selector: "kendo-textarea-suffix", inputs: ["flow", "orientation"], exportAs: ["kendoTextAreaSuffix"] }, { kind: "component", type: i4.ContextMenuComponent, selector: "kendo-contextmenu", inputs: ["showOn", "target", "filter", "alignToAnchor", "vertical", "popupAnimate", "popupAlign", "anchorAlign", "collision", "appendTo", "ariaLabel"], outputs: ["popupOpen", "popupClose", "select", "open", "close"], exportAs: ["kendoContextMenu"] }, { kind: "component", type: i5.CardComponent, selector: "kendo-card", inputs: ["orientation", "width"] }, { kind: "component", type: i5.CardActionsComponent, selector: "kendo-card-actions", inputs: ["orientation", "layout", "actions"], outputs: ["action"] }, { kind: "component", type: i5.CardBodyComponent, selector: "kendo-card-body" }] });
|
|
11379
11387
|
}
|
|
11380
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
11388
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: InlineAIPromptContentComponent, decorators: [{
|
|
11381
11389
|
type: Component,
|
|
11382
11390
|
args: [{
|
|
11383
11391
|
exportAs: 'kendoInlineAIPromptContent',
|
|
@@ -11502,7 +11510,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
|
|
|
11502
11510
|
</kendo-contextmenu>
|
|
11503
11511
|
`,
|
|
11504
11512
|
standalone: true,
|
|
11505
|
-
imports: [NgClass, NgTemplateOutlet, LocalizedMessagesDirective, KENDO_BUTTONS, KENDO_TEXTAREA, KENDO_CONTEXTMENU, KENDO_CARD],
|
|
11513
|
+
imports: [NgClass, NgTemplateOutlet, LocalizedMessagesDirective$1, KENDO_BUTTONS, KENDO_TEXTAREA, KENDO_CONTEXTMENU, KENDO_CARD],
|
|
11506
11514
|
}]
|
|
11507
11515
|
}], ctorParameters: () => [{ type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.LocalizationService, decorators: [{
|
|
11508
11516
|
type: Optional
|
|
@@ -11587,10 +11595,10 @@ class InlineAIPromptOutputTemplateDirective {
|
|
|
11587
11595
|
constructor(templateRef) {
|
|
11588
11596
|
this.templateRef = templateRef;
|
|
11589
11597
|
}
|
|
11590
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
11591
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
11598
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: InlineAIPromptOutputTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
11599
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: InlineAIPromptOutputTemplateDirective, isStandalone: true, selector: "[kendoInlineAIPromptOutputTemplate]", ngImport: i0 });
|
|
11592
11600
|
}
|
|
11593
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
11601
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: InlineAIPromptOutputTemplateDirective, decorators: [{
|
|
11594
11602
|
type: Directive,
|
|
11595
11603
|
args: [{
|
|
11596
11604
|
selector: '[kendoInlineAIPromptOutputTemplate]',
|
|
@@ -11780,13 +11788,14 @@ class InlineAIPromptComponent {
|
|
|
11780
11788
|
onPromptValueChange(value) {
|
|
11781
11789
|
this.promptValueChange.emit(value);
|
|
11782
11790
|
}
|
|
11783
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
11784
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
11791
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: InlineAIPromptComponent, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
11792
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.27", type: InlineAIPromptComponent, isStandalone: true, selector: "kendo-inlineaiprompt", inputs: { promptValue: "promptValue", placeholder: "placeholder", promptOutput: "promptOutput", enableSpeechToText: "enableSpeechToText", streaming: "streaming", width: "width", maxHeight: "maxHeight", outputActions: "outputActions", promptCommands: "promptCommands", popupSettings: "popupSettings" }, outputs: { promptRequest: "promptRequest", commandExecute: "commandExecute", outputActionClick: "outputActionClick", promptRequestCancel: "promptRequestCancel", close: "close", promptValueChange: "promptValueChange" }, providers: [
|
|
11785
11793
|
LocalizationService,
|
|
11786
11794
|
{
|
|
11787
11795
|
provide: L10N_PREFIX,
|
|
11788
11796
|
useValue: 'kendo.inlineaiprompt',
|
|
11789
11797
|
},
|
|
11798
|
+
provideComponentName('inlineaiprompt'),
|
|
11790
11799
|
], queries: [{ propertyName: "outputTemplate", first: true, predicate: InlineAIPromptOutputTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "popupElement", first: true, predicate: PopupComponent, descendants: true, read: ElementRef }, { propertyName: "popupViewContainer", first: true, predicate: PopupComponent, descendants: true, read: ViewContainerRef }, { propertyName: "contentComponent", first: true, predicate: InlineAIPromptContentComponent, descendants: true }], exportAs: ["kendoInlineAIPrompt"], ngImport: i0, template: `
|
|
11791
11800
|
<ng-container kendoInlineAIPromptLocalizedMessages
|
|
11792
11801
|
i18n-commandsButtonTitle="kendo.inlineaiprompt.commandsButtonTitle|Sets the Commands button title."
|
|
@@ -11829,9 +11838,9 @@ class InlineAIPromptComponent {
|
|
|
11829
11838
|
>
|
|
11830
11839
|
</kendo-inlineaiprompt-content>
|
|
11831
11840
|
</kendo-popup>
|
|
11832
|
-
`, isInline: true, dependencies: [{ kind: "component", type: i1$2.PopupComponent, selector: "kendo-popup", inputs: ["animate", "anchor", "anchorAlign", "collision", "popupAlign", "copyAnchorStyles", "popupClass", "positionMode", "offset", "margin"], outputs: ["anchorViewportLeave", "close", "open", "positionChange"], exportAs: ["kendo-popup"] }, { kind: "component", type: InlineAIPromptContentComponent, selector: "kendo-inlineaiprompt-content", inputs: ["popupElement", "promptValue", "placeholder", "promptOutput", "enableSpeechToText", "streaming", "width", "maxHeight", "appendTo", "outputActions", "promptCommands", "outputTemplate"], outputs: ["promptRequest", "commandExecute", "outputActionClick", "promptRequestCancel", "close", "promptValueChange"], exportAs: ["kendoInlineAIPromptContent"] }, { kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoInlineAIPromptLocalizedMessages]" }] });
|
|
11841
|
+
`, isInline: true, dependencies: [{ kind: "component", type: i1$2.PopupComponent, selector: "kendo-popup", inputs: ["animate", "anchor", "anchorAlign", "collision", "popupAlign", "copyAnchorStyles", "popupClass", "positionMode", "offset", "margin"], outputs: ["anchorViewportLeave", "close", "open", "positionChange"], exportAs: ["kendo-popup"] }, { kind: "component", type: InlineAIPromptContentComponent, selector: "kendo-inlineaiprompt-content", inputs: ["popupElement", "promptValue", "placeholder", "promptOutput", "enableSpeechToText", "streaming", "width", "maxHeight", "appendTo", "outputActions", "promptCommands", "outputTemplate"], outputs: ["promptRequest", "commandExecute", "outputActionClick", "promptRequestCancel", "close", "promptValueChange"], exportAs: ["kendoInlineAIPromptContent"] }, { kind: "directive", type: LocalizedMessagesDirective$1, selector: "[kendoInlineAIPromptLocalizedMessages]" }] });
|
|
11833
11842
|
}
|
|
11834
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
11843
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: InlineAIPromptComponent, decorators: [{
|
|
11835
11844
|
type: Component,
|
|
11836
11845
|
args: [{
|
|
11837
11846
|
exportAs: 'kendoInlineAIPrompt',
|
|
@@ -11842,6 +11851,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
|
|
|
11842
11851
|
provide: L10N_PREFIX,
|
|
11843
11852
|
useValue: 'kendo.inlineaiprompt',
|
|
11844
11853
|
},
|
|
11854
|
+
provideComponentName('inlineaiprompt'),
|
|
11845
11855
|
],
|
|
11846
11856
|
template: `
|
|
11847
11857
|
<ng-container kendoInlineAIPromptLocalizedMessages
|
|
@@ -11887,7 +11897,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
|
|
|
11887
11897
|
</kendo-popup>
|
|
11888
11898
|
`,
|
|
11889
11899
|
standalone: true,
|
|
11890
|
-
imports: [KENDO_POPUP, InlineAIPromptContentComponent, LocalizedMessagesDirective],
|
|
11900
|
+
imports: [KENDO_POPUP, InlineAIPromptContentComponent, LocalizedMessagesDirective$1],
|
|
11891
11901
|
}]
|
|
11892
11902
|
}], ctorParameters: () => [{ type: i0.NgZone }, { type: i0.ElementRef }], propDecorators: { promptValue: [{
|
|
11893
11903
|
type: Input
|
|
@@ -11955,15 +11965,15 @@ class InlineAIPromptCustomMessagesComponent extends Messages {
|
|
|
11955
11965
|
get override() {
|
|
11956
11966
|
return true;
|
|
11957
11967
|
}
|
|
11958
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
11959
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
11968
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: InlineAIPromptCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
11969
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.27", type: InlineAIPromptCustomMessagesComponent, isStandalone: true, selector: "kendo-inlineaiprompt-messages", providers: [
|
|
11960
11970
|
{
|
|
11961
11971
|
provide: Messages,
|
|
11962
11972
|
useExisting: forwardRef(() => InlineAIPromptCustomMessagesComponent)
|
|
11963
11973
|
}
|
|
11964
11974
|
], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
|
|
11965
11975
|
}
|
|
11966
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
11976
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: InlineAIPromptCustomMessagesComponent, decorators: [{
|
|
11967
11977
|
type: Component,
|
|
11968
11978
|
args: [{
|
|
11969
11979
|
providers: [
|
|
@@ -11979,62 +11989,2615 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
|
|
|
11979
11989
|
}], ctorParameters: () => [{ type: i1.LocalizationService }] });
|
|
11980
11990
|
|
|
11981
11991
|
/**
|
|
11982
|
-
*
|
|
11992
|
+
* @hidden
|
|
11993
|
+
*/
|
|
11994
|
+
class LlmKitMessages extends ComponentMessages {
|
|
11995
|
+
/**
|
|
11996
|
+
* Sets the aria-label for a disclosure head when it has no visible label/secondaryLabel and is currently collapsed.
|
|
11997
|
+
*/
|
|
11998
|
+
expandLabel;
|
|
11999
|
+
/**
|
|
12000
|
+
* Sets the aria-label for a disclosure head when it has no visible label/secondaryLabel and is currently expanded.
|
|
12001
|
+
*/
|
|
12002
|
+
collapseLabel;
|
|
12003
|
+
/**
|
|
12004
|
+
* Sets the text for the ToolCall's default Approve action.
|
|
12005
|
+
*/
|
|
12006
|
+
approveAction;
|
|
12007
|
+
/**
|
|
12008
|
+
* Sets the text for the ToolCall's default Reject action.
|
|
12009
|
+
*/
|
|
12010
|
+
rejectAction;
|
|
12011
|
+
/**
|
|
12012
|
+
* Sets the text for the Checkpoint's default action in the startOver state.
|
|
12013
|
+
*/
|
|
12014
|
+
startOverAction;
|
|
12015
|
+
/**
|
|
12016
|
+
* Sets the text for the Checkpoint's default action in the restore state.
|
|
12017
|
+
*/
|
|
12018
|
+
restoreAction;
|
|
12019
|
+
/**
|
|
12020
|
+
* Sets the text for the Checkpoint's default action in the redo state.
|
|
12021
|
+
*/
|
|
12022
|
+
redoAction;
|
|
12023
|
+
/**
|
|
12024
|
+
* Sets the text for the Checkpoint's default stamp shown in the redo state.
|
|
12025
|
+
*/
|
|
12026
|
+
checkpointRestoredText;
|
|
12027
|
+
/**
|
|
12028
|
+
* Sets the aria-label for the Citation popover's Previous-source action.
|
|
12029
|
+
*/
|
|
12030
|
+
previousSourceAction;
|
|
12031
|
+
/**
|
|
12032
|
+
* Sets the aria-label for the Citation popover's Next-source action.
|
|
12033
|
+
*/
|
|
12034
|
+
nextSourceAction;
|
|
12035
|
+
/**
|
|
12036
|
+
* Sets the label shown above the ToolCall's default formatted-JSON `parameters` block.
|
|
12037
|
+
*/
|
|
12038
|
+
parametersLabel;
|
|
12039
|
+
/**
|
|
12040
|
+
* Sets the label shown above the ToolCall's default formatted-JSON `result` block.
|
|
12041
|
+
*/
|
|
12042
|
+
resultLabel;
|
|
12043
|
+
/**
|
|
12044
|
+
* Sets the default ToolCall badge text for the awaiting approval state.
|
|
12045
|
+
*/
|
|
12046
|
+
awaitingApprovalStatus;
|
|
12047
|
+
/**
|
|
12048
|
+
* Sets the default ToolCall badge text for the completed state.
|
|
12049
|
+
*/
|
|
12050
|
+
completedStatus;
|
|
12051
|
+
/**
|
|
12052
|
+
* Sets the default ToolCall badge text for the error state.
|
|
12053
|
+
*/
|
|
12054
|
+
errorStatus;
|
|
12055
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: LlmKitMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
12056
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: LlmKitMessages, isStandalone: true, inputs: { expandLabel: "expandLabel", collapseLabel: "collapseLabel", approveAction: "approveAction", rejectAction: "rejectAction", startOverAction: "startOverAction", restoreAction: "restoreAction", redoAction: "redoAction", checkpointRestoredText: "checkpointRestoredText", previousSourceAction: "previousSourceAction", nextSourceAction: "nextSourceAction", parametersLabel: "parametersLabel", resultLabel: "resultLabel", awaitingApprovalStatus: "awaitingApprovalStatus", completedStatus: "completedStatus", errorStatus: "errorStatus" }, usesInheritance: true, ngImport: i0 });
|
|
12057
|
+
}
|
|
12058
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: LlmKitMessages, decorators: [{
|
|
12059
|
+
type: Directive
|
|
12060
|
+
}], propDecorators: { expandLabel: [{
|
|
12061
|
+
type: Input
|
|
12062
|
+
}], collapseLabel: [{
|
|
12063
|
+
type: Input
|
|
12064
|
+
}], approveAction: [{
|
|
12065
|
+
type: Input
|
|
12066
|
+
}], rejectAction: [{
|
|
12067
|
+
type: Input
|
|
12068
|
+
}], startOverAction: [{
|
|
12069
|
+
type: Input
|
|
12070
|
+
}], restoreAction: [{
|
|
12071
|
+
type: Input
|
|
12072
|
+
}], redoAction: [{
|
|
12073
|
+
type: Input
|
|
12074
|
+
}], checkpointRestoredText: [{
|
|
12075
|
+
type: Input
|
|
12076
|
+
}], previousSourceAction: [{
|
|
12077
|
+
type: Input
|
|
12078
|
+
}], nextSourceAction: [{
|
|
12079
|
+
type: Input
|
|
12080
|
+
}], parametersLabel: [{
|
|
12081
|
+
type: Input
|
|
12082
|
+
}], resultLabel: [{
|
|
12083
|
+
type: Input
|
|
12084
|
+
}], awaitingApprovalStatus: [{
|
|
12085
|
+
type: Input
|
|
12086
|
+
}], completedStatus: [{
|
|
12087
|
+
type: Input
|
|
12088
|
+
}], errorStatus: [{
|
|
12089
|
+
type: Input
|
|
12090
|
+
}] } });
|
|
12091
|
+
|
|
12092
|
+
/**
|
|
12093
|
+
* @hidden
|
|
12094
|
+
*/
|
|
12095
|
+
class LocalizedMessagesDirective extends LlmKitMessages {
|
|
12096
|
+
service;
|
|
12097
|
+
constructor(service) {
|
|
12098
|
+
super();
|
|
12099
|
+
this.service = service;
|
|
12100
|
+
}
|
|
12101
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
12102
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoLlmKitLocalizedMessages]", providers: [
|
|
12103
|
+
{
|
|
12104
|
+
provide: LlmKitMessages,
|
|
12105
|
+
useExisting: forwardRef(() => LocalizedMessagesDirective)
|
|
12106
|
+
}
|
|
12107
|
+
], usesInheritance: true, ngImport: i0 });
|
|
12108
|
+
}
|
|
12109
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
|
|
12110
|
+
type: Directive,
|
|
12111
|
+
args: [{
|
|
12112
|
+
providers: [
|
|
12113
|
+
{
|
|
12114
|
+
provide: LlmKitMessages,
|
|
12115
|
+
useExisting: forwardRef(() => LocalizedMessagesDirective)
|
|
12116
|
+
}
|
|
12117
|
+
],
|
|
12118
|
+
selector: '[kendoLlmKitLocalizedMessages]',
|
|
12119
|
+
standalone: true
|
|
12120
|
+
}]
|
|
12121
|
+
}], ctorParameters: () => [{ type: i1.LocalizationService }] });
|
|
12122
|
+
|
|
12123
|
+
/**
|
|
12124
|
+
* @hidden
|
|
11983
12125
|
*
|
|
11984
|
-
*
|
|
11985
|
-
|
|
11986
|
-
|
|
11987
|
-
|
|
12126
|
+
* Shared internal component used by `Reasoning`, `ChainOfThought`, and `ToolCall`.
|
|
12127
|
+
*/
|
|
12128
|
+
class AgentStepBase {
|
|
12129
|
+
renderer;
|
|
12130
|
+
ngZone;
|
|
12131
|
+
localization;
|
|
12132
|
+
head;
|
|
12133
|
+
set label(value) {
|
|
12134
|
+
this._label.set(value);
|
|
12135
|
+
}
|
|
12136
|
+
get label() {
|
|
12137
|
+
return this._label();
|
|
12138
|
+
}
|
|
12139
|
+
set secondaryLabel(value) {
|
|
12140
|
+
this._secondaryLabel.set(value);
|
|
12141
|
+
}
|
|
12142
|
+
get secondaryLabel() {
|
|
12143
|
+
return this._secondaryLabel();
|
|
12144
|
+
}
|
|
12145
|
+
set icon(value) {
|
|
12146
|
+
this._icon.set(value);
|
|
12147
|
+
}
|
|
12148
|
+
get icon() {
|
|
12149
|
+
return this._icon();
|
|
12150
|
+
}
|
|
12151
|
+
set svgIcon(value) {
|
|
12152
|
+
this._svgIcon.set(value);
|
|
12153
|
+
}
|
|
12154
|
+
get svgIcon() {
|
|
12155
|
+
return this._svgIcon();
|
|
12156
|
+
}
|
|
12157
|
+
set completed(value) {
|
|
12158
|
+
this._completed.set(value);
|
|
12159
|
+
}
|
|
12160
|
+
get completed() {
|
|
12161
|
+
return this._completed();
|
|
12162
|
+
}
|
|
12163
|
+
set expandable(value) {
|
|
12164
|
+
this._expandable.set(value);
|
|
12165
|
+
}
|
|
12166
|
+
get expandable() {
|
|
12167
|
+
return this._expandable();
|
|
12168
|
+
}
|
|
12169
|
+
set expanded(value) {
|
|
12170
|
+
this._expanded.set(value);
|
|
12171
|
+
}
|
|
12172
|
+
get expanded() {
|
|
12173
|
+
return this._expanded();
|
|
12174
|
+
}
|
|
12175
|
+
set linesAdded(value) {
|
|
12176
|
+
this._linesAdded.set(value);
|
|
12177
|
+
}
|
|
12178
|
+
get linesAdded() {
|
|
12179
|
+
return this._linesAdded();
|
|
12180
|
+
}
|
|
12181
|
+
set linesRemoved(value) {
|
|
12182
|
+
this._linesRemoved.set(value);
|
|
12183
|
+
}
|
|
12184
|
+
get linesRemoved() {
|
|
12185
|
+
return this._linesRemoved();
|
|
12186
|
+
}
|
|
12187
|
+
expandedChange = new EventEmitter();
|
|
12188
|
+
hostClass = true;
|
|
12189
|
+
get completedClass() {
|
|
12190
|
+
return this.completed;
|
|
12191
|
+
}
|
|
12192
|
+
expandSvgIcon = chevronRightIcon;
|
|
12193
|
+
collapseSvgIcon = chevronUpIcon;
|
|
12194
|
+
expandIcon = 'chevron-right';
|
|
12195
|
+
collapseIcon = 'chevron-up';
|
|
12196
|
+
_label = signal(undefined, ...(ngDevMode ? [{ debugName: "_label" }] : []));
|
|
12197
|
+
_secondaryLabel = signal(undefined, ...(ngDevMode ? [{ debugName: "_secondaryLabel" }] : []));
|
|
12198
|
+
_icon = signal(undefined, ...(ngDevMode ? [{ debugName: "_icon" }] : []));
|
|
12199
|
+
_svgIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_svgIcon" }] : []));
|
|
12200
|
+
_completed = signal(false, ...(ngDevMode ? [{ debugName: "_completed" }] : []));
|
|
12201
|
+
_expandable = signal(false, ...(ngDevMode ? [{ debugName: "_expandable" }] : []));
|
|
12202
|
+
_expanded = signal(false, ...(ngDevMode ? [{ debugName: "_expanded" }] : []));
|
|
12203
|
+
_linesAdded = signal(undefined, ...(ngDevMode ? [{ debugName: "_linesAdded" }] : []));
|
|
12204
|
+
_linesRemoved = signal(undefined, ...(ngDevMode ? [{ debugName: "_linesRemoved" }] : []));
|
|
12205
|
+
subs = new Subscription();
|
|
12206
|
+
constructor(renderer, ngZone, localization) {
|
|
12207
|
+
this.renderer = renderer;
|
|
12208
|
+
this.ngZone = ngZone;
|
|
12209
|
+
this.localization = localization;
|
|
12210
|
+
}
|
|
12211
|
+
/**
|
|
12212
|
+
* A middle-dot separator precedes `secondaryLabel` only when `label` is also shown—otherwise
|
|
12213
|
+
* `secondaryLabel` would be the first segment in the content region.
|
|
12214
|
+
*/
|
|
12215
|
+
get showSepBeforeSecondary() {
|
|
12216
|
+
return !!this.label && !!this.secondaryLabel;
|
|
12217
|
+
}
|
|
12218
|
+
get accessibleLabel() {
|
|
12219
|
+
if (this.label || this.secondaryLabel) {
|
|
12220
|
+
return null;
|
|
12221
|
+
}
|
|
12222
|
+
return this.expandable && this.expanded
|
|
12223
|
+
? this.localization.get('collapseLabel')
|
|
12224
|
+
: this.localization.get('expandLabel');
|
|
12225
|
+
}
|
|
12226
|
+
ngOnInit() {
|
|
12227
|
+
this.ngZone.runOutsideAngular(() => {
|
|
12228
|
+
this.subs.add(this.renderer.listen(this.head.nativeElement, 'click', () => this.toggle()));
|
|
12229
|
+
});
|
|
12230
|
+
}
|
|
12231
|
+
ngOnDestroy() {
|
|
12232
|
+
this.subs.unsubscribe();
|
|
12233
|
+
}
|
|
12234
|
+
toggle() {
|
|
12235
|
+
if (!this.expandable) {
|
|
12236
|
+
return;
|
|
12237
|
+
}
|
|
12238
|
+
this.ngZone.run(() => {
|
|
12239
|
+
const expanded = !this.expanded;
|
|
12240
|
+
this._expanded.set(expanded);
|
|
12241
|
+
this.expandedChange.emit(expanded);
|
|
12242
|
+
});
|
|
12243
|
+
}
|
|
12244
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: AgentStepBase, deps: [{ token: i0.Renderer2 }, { token: i0.NgZone }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
12245
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: AgentStepBase, isStandalone: true, selector: "[kendoLlmKitAgentStep]", inputs: { label: "label", secondaryLabel: "secondaryLabel", icon: "icon", svgIcon: "svgIcon", completed: "completed", expandable: "expandable", expanded: "expanded", linesAdded: "linesAdded", linesRemoved: "linesRemoved" }, outputs: { expandedChange: "expandedChange" }, host: { properties: { "class.k-agent-step": "this.hostClass", "class.k-agent-completed": "this.completedClass" } }, viewQueries: [{ propertyName: "head", first: true, predicate: ["head"], descendants: true, static: true }], ngImport: i0, template: `
|
|
12246
|
+
<ng-container
|
|
12247
|
+
kendoLlmKitLocalizedMessages
|
|
12248
|
+
i18n-expandLabel="kendo.llmkit.expandLabel|The aria-label for a collapsed disclosure head without visible text."
|
|
12249
|
+
expandLabel="Expand"
|
|
12250
|
+
i18n-collapseLabel="kendo.llmkit.collapseLabel|The aria-label for an expanded disclosure head without visible text."
|
|
12251
|
+
collapseLabel="Collapse">
|
|
12252
|
+
</ng-container>
|
|
12253
|
+
<button
|
|
12254
|
+
#head
|
|
12255
|
+
type="button"
|
|
12256
|
+
class="k-agent-step-head"
|
|
12257
|
+
[attr.aria-expanded]="expandable ? (expanded ? 'true' : 'false') : null"
|
|
12258
|
+
[attr.aria-label]="accessibleLabel"
|
|
12259
|
+
>
|
|
12260
|
+
@if (icon || svgIcon) {
|
|
12261
|
+
<kendo-icon-wrapper
|
|
12262
|
+
innerCssClass="k-agent-step-icon"
|
|
12263
|
+
size="small"
|
|
12264
|
+
[name]="icon"
|
|
12265
|
+
[svgIcon]="svgIcon">
|
|
12266
|
+
</kendo-icon-wrapper>
|
|
12267
|
+
}
|
|
12268
|
+
<span class="k-agent-step-content">
|
|
12269
|
+
@if (label) {
|
|
12270
|
+
<span class="k-agent-step-label">{{ label }}</span>
|
|
12271
|
+
}
|
|
12272
|
+
@if (secondaryLabel) {
|
|
12273
|
+
@if (showSepBeforeSecondary) {
|
|
12274
|
+
<span class="k-agent-step-sep">·</span>
|
|
12275
|
+
}
|
|
12276
|
+
<span class="k-agent-step-secondary">{{ secondaryLabel }}</span>
|
|
12277
|
+
}
|
|
12278
|
+
@if (linesAdded !== undefined && linesAdded !== null) {
|
|
12279
|
+
<span class="k-agent-step-added">+{{ linesAdded }}</span>
|
|
12280
|
+
}
|
|
12281
|
+
@if (linesRemoved !== undefined && linesRemoved !== null) {
|
|
12282
|
+
<span class="k-agent-step-removed">-{{ linesRemoved }}</span>
|
|
12283
|
+
}
|
|
12284
|
+
<ng-content select="[kendoLlmKitAgentStepBadge]"></ng-content>
|
|
12285
|
+
@if (expandable) {
|
|
12286
|
+
<kendo-icon-wrapper
|
|
12287
|
+
innerCssClass="k-agent-step-expand"
|
|
12288
|
+
size="small"
|
|
12289
|
+
[name]="expanded ? collapseIcon : expandIcon"
|
|
12290
|
+
[svgIcon]="expanded ? collapseSvgIcon : expandSvgIcon">
|
|
12291
|
+
</kendo-icon-wrapper>
|
|
12292
|
+
}
|
|
12293
|
+
</span>
|
|
12294
|
+
</button>
|
|
12295
|
+
@if (expandable && expanded) {
|
|
12296
|
+
<div class="k-agent-step-body">
|
|
12297
|
+
<ng-content></ng-content>
|
|
12298
|
+
</div>
|
|
12299
|
+
}
|
|
12300
|
+
`, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoLlmKitLocalizedMessages]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
12301
|
+
}
|
|
12302
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: AgentStepBase, decorators: [{
|
|
12303
|
+
type: Component,
|
|
12304
|
+
args: [{
|
|
12305
|
+
selector: '[kendoLlmKitAgentStep]',
|
|
12306
|
+
standalone: true,
|
|
12307
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
12308
|
+
imports: [IconWrapperComponent, LocalizedMessagesDirective],
|
|
12309
|
+
template: `
|
|
12310
|
+
<ng-container
|
|
12311
|
+
kendoLlmKitLocalizedMessages
|
|
12312
|
+
i18n-expandLabel="kendo.llmkit.expandLabel|The aria-label for a collapsed disclosure head without visible text."
|
|
12313
|
+
expandLabel="Expand"
|
|
12314
|
+
i18n-collapseLabel="kendo.llmkit.collapseLabel|The aria-label for an expanded disclosure head without visible text."
|
|
12315
|
+
collapseLabel="Collapse">
|
|
12316
|
+
</ng-container>
|
|
12317
|
+
<button
|
|
12318
|
+
#head
|
|
12319
|
+
type="button"
|
|
12320
|
+
class="k-agent-step-head"
|
|
12321
|
+
[attr.aria-expanded]="expandable ? (expanded ? 'true' : 'false') : null"
|
|
12322
|
+
[attr.aria-label]="accessibleLabel"
|
|
12323
|
+
>
|
|
12324
|
+
@if (icon || svgIcon) {
|
|
12325
|
+
<kendo-icon-wrapper
|
|
12326
|
+
innerCssClass="k-agent-step-icon"
|
|
12327
|
+
size="small"
|
|
12328
|
+
[name]="icon"
|
|
12329
|
+
[svgIcon]="svgIcon">
|
|
12330
|
+
</kendo-icon-wrapper>
|
|
12331
|
+
}
|
|
12332
|
+
<span class="k-agent-step-content">
|
|
12333
|
+
@if (label) {
|
|
12334
|
+
<span class="k-agent-step-label">{{ label }}</span>
|
|
12335
|
+
}
|
|
12336
|
+
@if (secondaryLabel) {
|
|
12337
|
+
@if (showSepBeforeSecondary) {
|
|
12338
|
+
<span class="k-agent-step-sep">·</span>
|
|
12339
|
+
}
|
|
12340
|
+
<span class="k-agent-step-secondary">{{ secondaryLabel }}</span>
|
|
12341
|
+
}
|
|
12342
|
+
@if (linesAdded !== undefined && linesAdded !== null) {
|
|
12343
|
+
<span class="k-agent-step-added">+{{ linesAdded }}</span>
|
|
12344
|
+
}
|
|
12345
|
+
@if (linesRemoved !== undefined && linesRemoved !== null) {
|
|
12346
|
+
<span class="k-agent-step-removed">-{{ linesRemoved }}</span>
|
|
12347
|
+
}
|
|
12348
|
+
<ng-content select="[kendoLlmKitAgentStepBadge]"></ng-content>
|
|
12349
|
+
@if (expandable) {
|
|
12350
|
+
<kendo-icon-wrapper
|
|
12351
|
+
innerCssClass="k-agent-step-expand"
|
|
12352
|
+
size="small"
|
|
12353
|
+
[name]="expanded ? collapseIcon : expandIcon"
|
|
12354
|
+
[svgIcon]="expanded ? collapseSvgIcon : expandSvgIcon">
|
|
12355
|
+
</kendo-icon-wrapper>
|
|
12356
|
+
}
|
|
12357
|
+
</span>
|
|
12358
|
+
</button>
|
|
12359
|
+
@if (expandable && expanded) {
|
|
12360
|
+
<div class="k-agent-step-body">
|
|
12361
|
+
<ng-content></ng-content>
|
|
12362
|
+
</div>
|
|
12363
|
+
}
|
|
12364
|
+
`
|
|
12365
|
+
}]
|
|
12366
|
+
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.NgZone }, { type: i1.LocalizationService }], propDecorators: { head: [{
|
|
12367
|
+
type: ViewChild,
|
|
12368
|
+
args: ['head', { static: true }]
|
|
12369
|
+
}], label: [{
|
|
12370
|
+
type: Input
|
|
12371
|
+
}], secondaryLabel: [{
|
|
12372
|
+
type: Input
|
|
12373
|
+
}], icon: [{
|
|
12374
|
+
type: Input
|
|
12375
|
+
}], svgIcon: [{
|
|
12376
|
+
type: Input
|
|
12377
|
+
}], completed: [{
|
|
12378
|
+
type: Input
|
|
12379
|
+
}], expandable: [{
|
|
12380
|
+
type: Input
|
|
12381
|
+
}], expanded: [{
|
|
12382
|
+
type: Input
|
|
12383
|
+
}], linesAdded: [{
|
|
12384
|
+
type: Input
|
|
12385
|
+
}], linesRemoved: [{
|
|
12386
|
+
type: Input
|
|
12387
|
+
}], expandedChange: [{
|
|
12388
|
+
type: Output
|
|
12389
|
+
}], hostClass: [{
|
|
12390
|
+
type: HostBinding,
|
|
12391
|
+
args: ['class.k-agent-step']
|
|
12392
|
+
}], completedClass: [{
|
|
12393
|
+
type: HostBinding,
|
|
12394
|
+
args: ['class.k-agent-completed']
|
|
12395
|
+
}] } });
|
|
12396
|
+
|
|
12397
|
+
/**
|
|
12398
|
+
* Represents the template for the Reasoning body. Replaces the `content` input when supplied.
|
|
11988
12399
|
*
|
|
11989
|
-
* @
|
|
11990
|
-
*
|
|
11991
|
-
*
|
|
11992
|
-
*
|
|
11993
|
-
*
|
|
11994
|
-
*
|
|
11995
|
-
*
|
|
12400
|
+
* @example
|
|
12401
|
+
* ```html
|
|
12402
|
+
* <kendo-reasoning>
|
|
12403
|
+
* <ng-template kendoReasoningContentTemplate>
|
|
12404
|
+
* <p>Custom reasoning content.</p>
|
|
12405
|
+
* </ng-template>
|
|
12406
|
+
* </kendo-reasoning>
|
|
11996
12407
|
* ```
|
|
11997
12408
|
*/
|
|
11998
|
-
|
|
11999
|
-
|
|
12000
|
-
|
|
12001
|
-
|
|
12002
|
-
|
|
12003
|
-
|
|
12004
|
-
|
|
12005
|
-
|
|
12006
|
-
|
|
12007
|
-
|
|
12008
|
-
|
|
12009
|
-
]
|
|
12409
|
+
class ReasoningContentTemplateDirective {
|
|
12410
|
+
templateRef;
|
|
12411
|
+
constructor(templateRef) {
|
|
12412
|
+
this.templateRef = templateRef;
|
|
12413
|
+
}
|
|
12414
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ReasoningContentTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
12415
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: ReasoningContentTemplateDirective, isStandalone: true, selector: "[kendoReasoningContentTemplate]", ngImport: i0 });
|
|
12416
|
+
}
|
|
12417
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ReasoningContentTemplateDirective, decorators: [{
|
|
12418
|
+
type: Directive,
|
|
12419
|
+
args: [{
|
|
12420
|
+
selector: '[kendoReasoningContentTemplate]',
|
|
12421
|
+
standalone: true
|
|
12422
|
+
}]
|
|
12423
|
+
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
12424
|
+
|
|
12010
12425
|
/**
|
|
12011
|
-
*
|
|
12426
|
+
* Represents the [Kendo UI Reasoning component for Angular](https://www.telerik.com/kendo-angular-ui/components/conversational-ui/llm-kit/reasoning).
|
|
12427
|
+
* Displays a model's reasoning trace as a single disclosure block, separately from the final answer.
|
|
12012
12428
|
*
|
|
12013
12429
|
* @example
|
|
12014
|
-
* ```
|
|
12015
|
-
*
|
|
12016
|
-
*
|
|
12017
|
-
*
|
|
12018
|
-
*
|
|
12019
|
-
* standalone: true,
|
|
12020
|
-
* imports: [KENDO_CHAT],
|
|
12021
|
-
* selector: 'my-app',
|
|
12022
|
-
* template: `<kendo-chat></kendo-chat>`
|
|
12023
|
-
* })
|
|
12024
|
-
* export class AppComponent {}
|
|
12430
|
+
* ```html
|
|
12431
|
+
* <kendo-reasoning
|
|
12432
|
+
* [expandable]="true"
|
|
12433
|
+
* content="Analyzing the request and forming a plan of action."
|
|
12434
|
+
* ></kendo-reasoning>
|
|
12025
12435
|
* ```
|
|
12026
12436
|
*/
|
|
12027
|
-
|
|
12028
|
-
|
|
12029
|
-
|
|
12030
|
-
|
|
12031
|
-
|
|
12032
|
-
|
|
12033
|
-
|
|
12034
|
-
|
|
12035
|
-
|
|
12036
|
-
|
|
12037
|
-
|
|
12437
|
+
class ReasoningComponent {
|
|
12438
|
+
localization;
|
|
12439
|
+
/**
|
|
12440
|
+
* Renders the supplied template instead of the `content` input.
|
|
12441
|
+
*
|
|
12442
|
+
* @hidden
|
|
12443
|
+
*/
|
|
12444
|
+
contentTemplate;
|
|
12445
|
+
/**
|
|
12446
|
+
* Sets the main label shown in the expandable header.
|
|
12447
|
+
*
|
|
12448
|
+
* @default 'Reasoning'
|
|
12449
|
+
*/
|
|
12450
|
+
set label(value) {
|
|
12451
|
+
this._label.set(value);
|
|
12452
|
+
}
|
|
12453
|
+
get label() {
|
|
12454
|
+
return this._label();
|
|
12455
|
+
}
|
|
12456
|
+
/**
|
|
12457
|
+
* Sets the secondary descriptive text shown next to the label.
|
|
12458
|
+
*/
|
|
12459
|
+
set secondaryLabel(value) {
|
|
12460
|
+
this._secondaryLabel.set(value);
|
|
12461
|
+
}
|
|
12462
|
+
get secondaryLabel() {
|
|
12463
|
+
return this._secondaryLabel();
|
|
12464
|
+
}
|
|
12465
|
+
/**
|
|
12466
|
+
* Sets the text content displayed in the reasoning body.
|
|
12467
|
+
*/
|
|
12468
|
+
set content(value) {
|
|
12469
|
+
this._content.set(value);
|
|
12470
|
+
}
|
|
12471
|
+
get content() {
|
|
12472
|
+
return this._content();
|
|
12473
|
+
}
|
|
12474
|
+
/**
|
|
12475
|
+
* Sets the name of a font icon shown in the expandable header.
|
|
12476
|
+
*
|
|
12477
|
+
* @default 'sparkles'
|
|
12478
|
+
*/
|
|
12479
|
+
set icon(value) {
|
|
12480
|
+
this._icon.set(value);
|
|
12481
|
+
}
|
|
12482
|
+
get icon() {
|
|
12483
|
+
return this._icon();
|
|
12484
|
+
}
|
|
12485
|
+
/**
|
|
12486
|
+
* Sets the SVG icon shown in the expandable header.
|
|
12487
|
+
*
|
|
12488
|
+
* @default sparklesIcon
|
|
12489
|
+
*/
|
|
12490
|
+
set svgIcon(value) {
|
|
12491
|
+
this._svgIcon.set(value);
|
|
12492
|
+
}
|
|
12493
|
+
get svgIcon() {
|
|
12494
|
+
return this._svgIcon();
|
|
12495
|
+
}
|
|
12496
|
+
/**
|
|
12497
|
+
* Sets whether the reasoning block has completed its thinking phase.
|
|
12498
|
+
*
|
|
12499
|
+
* @default false
|
|
12500
|
+
*/
|
|
12501
|
+
set completed(value) {
|
|
12502
|
+
this._completed.set(value);
|
|
12503
|
+
}
|
|
12504
|
+
get completed() {
|
|
12505
|
+
return this._completed();
|
|
12506
|
+
}
|
|
12507
|
+
/**
|
|
12508
|
+
* Sets whether the expandable header supports expanding and collapsing the reasoning body.
|
|
12509
|
+
*
|
|
12510
|
+
* @default false
|
|
12511
|
+
*/
|
|
12512
|
+
set expandable(value) {
|
|
12513
|
+
this._expandable.set(value);
|
|
12514
|
+
}
|
|
12515
|
+
get expandable() {
|
|
12516
|
+
return this._expandable();
|
|
12517
|
+
}
|
|
12518
|
+
/**
|
|
12519
|
+
* Sets whether the reasoning body is visible. Ignored when `expandable` is `false`.
|
|
12520
|
+
*
|
|
12521
|
+
* @default false
|
|
12522
|
+
*/
|
|
12523
|
+
set expanded(value) {
|
|
12524
|
+
this._expanded.set(value);
|
|
12525
|
+
}
|
|
12526
|
+
get expanded() {
|
|
12527
|
+
return this._expanded();
|
|
12528
|
+
}
|
|
12529
|
+
/**
|
|
12530
|
+
* Fires when the user expands or collapses the reasoning body through the expandable header.
|
|
12531
|
+
*/
|
|
12532
|
+
expandedChange = new EventEmitter();
|
|
12533
|
+
get direction() {
|
|
12534
|
+
return this._direction();
|
|
12535
|
+
}
|
|
12536
|
+
set direction(value) {
|
|
12537
|
+
this._direction.set(value);
|
|
12538
|
+
}
|
|
12539
|
+
_label = signal('Reasoning', ...(ngDevMode ? [{ debugName: "_label" }] : []));
|
|
12540
|
+
_secondaryLabel = signal(undefined, ...(ngDevMode ? [{ debugName: "_secondaryLabel" }] : []));
|
|
12541
|
+
_content = signal(undefined, ...(ngDevMode ? [{ debugName: "_content" }] : []));
|
|
12542
|
+
_icon = signal('sparkles', ...(ngDevMode ? [{ debugName: "_icon" }] : []));
|
|
12543
|
+
_svgIcon = signal(sparklesIcon, ...(ngDevMode ? [{ debugName: "_svgIcon" }] : []));
|
|
12544
|
+
_completed = signal(false, ...(ngDevMode ? [{ debugName: "_completed" }] : []));
|
|
12545
|
+
_expandable = signal(false, ...(ngDevMode ? [{ debugName: "_expandable" }] : []));
|
|
12546
|
+
_expanded = signal(false, ...(ngDevMode ? [{ debugName: "_expanded" }] : []));
|
|
12547
|
+
_direction = signal(undefined, ...(ngDevMode ? [{ debugName: "_direction" }] : []));
|
|
12548
|
+
subscription;
|
|
12549
|
+
constructor(localization) {
|
|
12550
|
+
this.localization = localization;
|
|
12551
|
+
validatePackage(packageMetadata);
|
|
12552
|
+
this.direction = this.localization.rtl ? 'rtl' : 'ltr';
|
|
12553
|
+
this.subscription = this.localization.changes.subscribe(({ rtl }) => {
|
|
12554
|
+
this.direction = rtl ? 'rtl' : 'ltr';
|
|
12555
|
+
});
|
|
12556
|
+
}
|
|
12557
|
+
ngOnDestroy() {
|
|
12558
|
+
this.subscription.unsubscribe();
|
|
12559
|
+
}
|
|
12560
|
+
/**
|
|
12561
|
+
* @hidden
|
|
12562
|
+
*/
|
|
12563
|
+
handleExpandedChange(expanded) {
|
|
12564
|
+
this.expanded = expanded;
|
|
12565
|
+
this.expandedChange.emit(expanded);
|
|
12566
|
+
}
|
|
12567
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ReasoningComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
12568
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: ReasoningComponent, isStandalone: true, selector: "kendo-reasoning", inputs: { label: "label", secondaryLabel: "secondaryLabel", content: "content", icon: "icon", svgIcon: "svgIcon", completed: "completed", expandable: "expandable", expanded: "expanded" }, outputs: { expandedChange: "expandedChange" }, host: { properties: { "attr.dir": "this.direction" } }, providers: [
|
|
12569
|
+
LocalizationService,
|
|
12570
|
+
{ provide: L10N_PREFIX, useValue: 'kendo.llmkit' }
|
|
12571
|
+
], queries: [{ propertyName: "contentTemplate", first: true, predicate: ReasoningContentTemplateDirective, descendants: true }], exportAs: ["kendoReasoning"], ngImport: i0, template: `
|
|
12572
|
+
<div
|
|
12573
|
+
class="k-reasoning"
|
|
12574
|
+
kendoLlmKitAgentStep
|
|
12575
|
+
[label]="label"
|
|
12576
|
+
[secondaryLabel]="secondaryLabel"
|
|
12577
|
+
[icon]="icon"
|
|
12578
|
+
[svgIcon]="svgIcon"
|
|
12579
|
+
[completed]="completed"
|
|
12580
|
+
[expandable]="expandable"
|
|
12581
|
+
[expanded]="expanded"
|
|
12582
|
+
(expandedChange)="handleExpandedChange($event)"
|
|
12583
|
+
>
|
|
12584
|
+
@if (contentTemplate) {
|
|
12585
|
+
<ng-container [ngTemplateOutlet]="contentTemplate.templateRef"></ng-container>
|
|
12586
|
+
} @else if (content) {
|
|
12587
|
+
<span>{{ content }}</span>
|
|
12588
|
+
}
|
|
12589
|
+
</div>
|
|
12590
|
+
`, isInline: true, dependencies: [{ kind: "component", type: AgentStepBase, selector: "[kendoLlmKitAgentStep]", inputs: ["label", "secondaryLabel", "icon", "svgIcon", "completed", "expandable", "expanded", "linesAdded", "linesRemoved"], outputs: ["expandedChange"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
12591
|
+
}
|
|
12592
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ReasoningComponent, decorators: [{
|
|
12593
|
+
type: Component,
|
|
12594
|
+
args: [{
|
|
12595
|
+
exportAs: 'kendoReasoning',
|
|
12596
|
+
selector: 'kendo-reasoning',
|
|
12597
|
+
standalone: true,
|
|
12598
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
12599
|
+
providers: [
|
|
12600
|
+
LocalizationService,
|
|
12601
|
+
{ provide: L10N_PREFIX, useValue: 'kendo.llmkit' }
|
|
12602
|
+
],
|
|
12603
|
+
imports: [AgentStepBase, NgTemplateOutlet],
|
|
12604
|
+
template: `
|
|
12605
|
+
<div
|
|
12606
|
+
class="k-reasoning"
|
|
12607
|
+
kendoLlmKitAgentStep
|
|
12608
|
+
[label]="label"
|
|
12609
|
+
[secondaryLabel]="secondaryLabel"
|
|
12610
|
+
[icon]="icon"
|
|
12611
|
+
[svgIcon]="svgIcon"
|
|
12612
|
+
[completed]="completed"
|
|
12613
|
+
[expandable]="expandable"
|
|
12614
|
+
[expanded]="expanded"
|
|
12615
|
+
(expandedChange)="handleExpandedChange($event)"
|
|
12616
|
+
>
|
|
12617
|
+
@if (contentTemplate) {
|
|
12618
|
+
<ng-container [ngTemplateOutlet]="contentTemplate.templateRef"></ng-container>
|
|
12619
|
+
} @else if (content) {
|
|
12620
|
+
<span>{{ content }}</span>
|
|
12621
|
+
}
|
|
12622
|
+
</div>
|
|
12623
|
+
`
|
|
12624
|
+
}]
|
|
12625
|
+
}], ctorParameters: () => [{ type: i1.LocalizationService }], propDecorators: { contentTemplate: [{
|
|
12626
|
+
type: ContentChild,
|
|
12627
|
+
args: [ReasoningContentTemplateDirective]
|
|
12628
|
+
}], label: [{
|
|
12629
|
+
type: Input
|
|
12630
|
+
}], secondaryLabel: [{
|
|
12631
|
+
type: Input
|
|
12632
|
+
}], content: [{
|
|
12633
|
+
type: Input
|
|
12634
|
+
}], icon: [{
|
|
12635
|
+
type: Input
|
|
12636
|
+
}], svgIcon: [{
|
|
12637
|
+
type: Input
|
|
12638
|
+
}], completed: [{
|
|
12639
|
+
type: Input
|
|
12640
|
+
}], expandable: [{
|
|
12641
|
+
type: Input
|
|
12642
|
+
}], expanded: [{
|
|
12643
|
+
type: Input
|
|
12644
|
+
}], expandedChange: [{
|
|
12645
|
+
type: Output
|
|
12646
|
+
}], direction: [{
|
|
12647
|
+
type: HostBinding,
|
|
12648
|
+
args: ['attr.dir']
|
|
12649
|
+
}] } });
|
|
12650
|
+
|
|
12651
|
+
/**
|
|
12652
|
+
* Represents the template that replaces each thought row in the `ChainOfThought` component.
|
|
12653
|
+
* The current `Thought` item is available as the `$implicit` template value.
|
|
12654
|
+
*
|
|
12655
|
+
* @example
|
|
12656
|
+
* ```html
|
|
12657
|
+
* <kendo-chainofthought [thoughts]="thoughts">
|
|
12658
|
+
* <ng-template kendoThoughtTemplate let-thought>
|
|
12659
|
+
* <div>{{ thought.label }}</div>
|
|
12660
|
+
* </ng-template>
|
|
12661
|
+
* </kendo-chainofthought>
|
|
12662
|
+
* ```
|
|
12663
|
+
*/
|
|
12664
|
+
class ThoughtTemplateDirective {
|
|
12665
|
+
templateRef;
|
|
12666
|
+
constructor(templateRef) {
|
|
12667
|
+
this.templateRef = templateRef;
|
|
12668
|
+
}
|
|
12669
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ThoughtTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
12670
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: ThoughtTemplateDirective, isStandalone: true, selector: "[kendoThoughtTemplate]", ngImport: i0 });
|
|
12671
|
+
}
|
|
12672
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ThoughtTemplateDirective, decorators: [{
|
|
12673
|
+
type: Directive,
|
|
12674
|
+
args: [{
|
|
12675
|
+
selector: '[kendoThoughtTemplate]',
|
|
12676
|
+
standalone: true
|
|
12677
|
+
}]
|
|
12678
|
+
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
12679
|
+
|
|
12680
|
+
/**
|
|
12681
|
+
* @hidden
|
|
12682
|
+
*
|
|
12683
|
+
* Internal component that renders one `Thought` row inside `ChainOfThought`.
|
|
12684
|
+
*/
|
|
12685
|
+
class ThoughtRowComponent {
|
|
12686
|
+
thoughtTemplate;
|
|
12687
|
+
set thought(value) {
|
|
12688
|
+
this._thought.set(value);
|
|
12689
|
+
}
|
|
12690
|
+
get thought() {
|
|
12691
|
+
return this._thought();
|
|
12692
|
+
}
|
|
12693
|
+
hostClass = true;
|
|
12694
|
+
get completedClass() {
|
|
12695
|
+
return this.thought?.completed === true;
|
|
12696
|
+
}
|
|
12697
|
+
_thought = signal(undefined, ...(ngDevMode ? [{ debugName: "_thought" }] : []));
|
|
12698
|
+
/**
|
|
12699
|
+
* A middle-dot separator precedes `secondaryLabel` only when `label` is also shown—otherwise
|
|
12700
|
+
* `secondaryLabel` would be the first segment in the content region.
|
|
12701
|
+
*/
|
|
12702
|
+
get showSepBeforeSecondary() {
|
|
12703
|
+
return !!this.thought?.label && !!this.thought?.secondaryLabel;
|
|
12704
|
+
}
|
|
12705
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ThoughtRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12706
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: ThoughtRowComponent, isStandalone: true, selector: "[kendoLlmKitThoughtRow]", inputs: { thoughtTemplate: "thoughtTemplate", thought: "thought" }, host: { properties: { "class.k-thought": "this.hostClass", "class.k-thought-completed": "this.completedClass" } }, ngImport: i0, template: `
|
|
12707
|
+
<span class="k-agent-step-icon-col">
|
|
12708
|
+
@if (thought?.icon || thought?.svgIcon) {
|
|
12709
|
+
<kendo-icon-wrapper
|
|
12710
|
+
innerCssClass="k-agent-step-icon"
|
|
12711
|
+
size="small"
|
|
12712
|
+
[name]="thought.icon"
|
|
12713
|
+
[svgIcon]="thought.svgIcon">
|
|
12714
|
+
</kendo-icon-wrapper>
|
|
12715
|
+
}
|
|
12716
|
+
</span>
|
|
12717
|
+
<span class="k-agent-step-content">
|
|
12718
|
+
@if (thoughtTemplate) {
|
|
12719
|
+
<ng-container
|
|
12720
|
+
[ngTemplateOutlet]="thoughtTemplate.templateRef"
|
|
12721
|
+
[ngTemplateOutletContext]="{ $implicit: thought }"
|
|
12722
|
+
></ng-container>
|
|
12723
|
+
} @else {
|
|
12724
|
+
@if (thought?.label) {
|
|
12725
|
+
<span class="k-agent-step-label">{{ thought.label }}</span>
|
|
12726
|
+
}
|
|
12727
|
+
@if (thought?.secondaryLabel) {
|
|
12728
|
+
@if (showSepBeforeSecondary) {
|
|
12729
|
+
<span class="k-agent-step-sep">·</span>
|
|
12730
|
+
}
|
|
12731
|
+
<span class="k-agent-step-secondary">{{ thought.secondaryLabel }}</span>
|
|
12732
|
+
}
|
|
12733
|
+
@if (thought?.linesAdded !== undefined && thought?.linesAdded !== null) {
|
|
12734
|
+
<span class="k-agent-step-added">+{{ thought.linesAdded }}</span>
|
|
12735
|
+
}
|
|
12736
|
+
@if (thought?.linesRemoved !== undefined && thought?.linesRemoved !== null) {
|
|
12737
|
+
<span class="k-agent-step-removed">-{{ thought.linesRemoved }}</span>
|
|
12738
|
+
}
|
|
12739
|
+
@if (thought?.content) {
|
|
12740
|
+
<span class="k-agent-step-body">{{ thought.content }}</span>
|
|
12741
|
+
}
|
|
12742
|
+
}
|
|
12743
|
+
</span>
|
|
12744
|
+
`, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
12745
|
+
}
|
|
12746
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ThoughtRowComponent, decorators: [{
|
|
12747
|
+
type: Component,
|
|
12748
|
+
args: [{
|
|
12749
|
+
selector: '[kendoLlmKitThoughtRow]',
|
|
12750
|
+
standalone: true,
|
|
12751
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
12752
|
+
imports: [IconWrapperComponent, NgTemplateOutlet],
|
|
12753
|
+
template: `
|
|
12754
|
+
<span class="k-agent-step-icon-col">
|
|
12755
|
+
@if (thought?.icon || thought?.svgIcon) {
|
|
12756
|
+
<kendo-icon-wrapper
|
|
12757
|
+
innerCssClass="k-agent-step-icon"
|
|
12758
|
+
size="small"
|
|
12759
|
+
[name]="thought.icon"
|
|
12760
|
+
[svgIcon]="thought.svgIcon">
|
|
12761
|
+
</kendo-icon-wrapper>
|
|
12762
|
+
}
|
|
12763
|
+
</span>
|
|
12764
|
+
<span class="k-agent-step-content">
|
|
12765
|
+
@if (thoughtTemplate) {
|
|
12766
|
+
<ng-container
|
|
12767
|
+
[ngTemplateOutlet]="thoughtTemplate.templateRef"
|
|
12768
|
+
[ngTemplateOutletContext]="{ $implicit: thought }"
|
|
12769
|
+
></ng-container>
|
|
12770
|
+
} @else {
|
|
12771
|
+
@if (thought?.label) {
|
|
12772
|
+
<span class="k-agent-step-label">{{ thought.label }}</span>
|
|
12773
|
+
}
|
|
12774
|
+
@if (thought?.secondaryLabel) {
|
|
12775
|
+
@if (showSepBeforeSecondary) {
|
|
12776
|
+
<span class="k-agent-step-sep">·</span>
|
|
12777
|
+
}
|
|
12778
|
+
<span class="k-agent-step-secondary">{{ thought.secondaryLabel }}</span>
|
|
12779
|
+
}
|
|
12780
|
+
@if (thought?.linesAdded !== undefined && thought?.linesAdded !== null) {
|
|
12781
|
+
<span class="k-agent-step-added">+{{ thought.linesAdded }}</span>
|
|
12782
|
+
}
|
|
12783
|
+
@if (thought?.linesRemoved !== undefined && thought?.linesRemoved !== null) {
|
|
12784
|
+
<span class="k-agent-step-removed">-{{ thought.linesRemoved }}</span>
|
|
12785
|
+
}
|
|
12786
|
+
@if (thought?.content) {
|
|
12787
|
+
<span class="k-agent-step-body">{{ thought.content }}</span>
|
|
12788
|
+
}
|
|
12789
|
+
}
|
|
12790
|
+
</span>
|
|
12791
|
+
`
|
|
12792
|
+
}]
|
|
12793
|
+
}], propDecorators: { thoughtTemplate: [{
|
|
12794
|
+
type: Input
|
|
12795
|
+
}], thought: [{
|
|
12796
|
+
type: Input
|
|
12797
|
+
}], hostClass: [{
|
|
12798
|
+
type: HostBinding,
|
|
12799
|
+
args: ['class.k-thought']
|
|
12800
|
+
}], completedClass: [{
|
|
12801
|
+
type: HostBinding,
|
|
12802
|
+
args: ['class.k-thought-completed']
|
|
12803
|
+
}] } });
|
|
12804
|
+
|
|
12805
|
+
/**
|
|
12806
|
+
* Represents the [Kendo UI ChainOfThought component for Angular](https://www.telerik.com/kendo-angular-ui/components/conversational-ui/llm-kit/chain-of-thought).
|
|
12807
|
+
* Groups an ordered sequence of thought rows under a single collapsible summary.
|
|
12808
|
+
*
|
|
12809
|
+
* @example
|
|
12810
|
+
* ```html
|
|
12811
|
+
* <kendo-chainofthought [thoughts]="thoughts" [expandable]="true"></kendo-chainofthought>
|
|
12812
|
+
* ```
|
|
12813
|
+
*/
|
|
12814
|
+
class ChainOfThoughtComponent {
|
|
12815
|
+
localization;
|
|
12816
|
+
/**
|
|
12817
|
+
* Replaces the rendering of each thought row. The current `Thought` item is available as the `$implicit` template value.
|
|
12818
|
+
*
|
|
12819
|
+
* @hidden
|
|
12820
|
+
*/
|
|
12821
|
+
thoughtTemplate;
|
|
12822
|
+
/**
|
|
12823
|
+
* Sets the ordered thought rows rendered inside the body.
|
|
12824
|
+
*
|
|
12825
|
+
* @default []
|
|
12826
|
+
*/
|
|
12827
|
+
set thoughts(value) {
|
|
12828
|
+
this._thoughts.set(value);
|
|
12829
|
+
}
|
|
12830
|
+
get thoughts() {
|
|
12831
|
+
return this._thoughts();
|
|
12832
|
+
}
|
|
12833
|
+
/**
|
|
12834
|
+
* Sets the main label shown in the expandable header.
|
|
12835
|
+
*/
|
|
12836
|
+
set label(value) {
|
|
12837
|
+
this._label.set(value);
|
|
12838
|
+
}
|
|
12839
|
+
get label() {
|
|
12840
|
+
return this._label();
|
|
12841
|
+
}
|
|
12842
|
+
/**
|
|
12843
|
+
* Sets the secondary descriptive text shown next to the label.
|
|
12844
|
+
*/
|
|
12845
|
+
set secondaryLabel(value) {
|
|
12846
|
+
this._secondaryLabel.set(value);
|
|
12847
|
+
}
|
|
12848
|
+
get secondaryLabel() {
|
|
12849
|
+
return this._secondaryLabel();
|
|
12850
|
+
}
|
|
12851
|
+
/**
|
|
12852
|
+
* Sets the name of a font icon shown in the expandable header.
|
|
12853
|
+
*
|
|
12854
|
+
* @default 'sparkles'
|
|
12855
|
+
*/
|
|
12856
|
+
set icon(value) {
|
|
12857
|
+
this._icon.set(value);
|
|
12858
|
+
}
|
|
12859
|
+
get icon() {
|
|
12860
|
+
return this._icon();
|
|
12861
|
+
}
|
|
12862
|
+
/**
|
|
12863
|
+
* Sets the SVG icon shown in the expandable header.
|
|
12864
|
+
*
|
|
12865
|
+
* @default sparklesIcon
|
|
12866
|
+
*/
|
|
12867
|
+
set svgIcon(value) {
|
|
12868
|
+
this._svgIcon.set(value);
|
|
12869
|
+
}
|
|
12870
|
+
get svgIcon() {
|
|
12871
|
+
return this._svgIcon();
|
|
12872
|
+
}
|
|
12873
|
+
/**
|
|
12874
|
+
* Sets the total lines added across the chain, shown in the header.
|
|
12875
|
+
*/
|
|
12876
|
+
set linesAdded(value) {
|
|
12877
|
+
this._linesAdded.set(value);
|
|
12878
|
+
}
|
|
12879
|
+
get linesAdded() {
|
|
12880
|
+
return this._linesAdded();
|
|
12881
|
+
}
|
|
12882
|
+
/**
|
|
12883
|
+
* Sets the total lines removed across the chain, shown in the header.
|
|
12884
|
+
*/
|
|
12885
|
+
set linesRemoved(value) {
|
|
12886
|
+
this._linesRemoved.set(value);
|
|
12887
|
+
}
|
|
12888
|
+
get linesRemoved() {
|
|
12889
|
+
return this._linesRemoved();
|
|
12890
|
+
}
|
|
12891
|
+
/**
|
|
12892
|
+
* Sets whether the chain has completed.
|
|
12893
|
+
*
|
|
12894
|
+
* @default false
|
|
12895
|
+
*/
|
|
12896
|
+
set completed(value) {
|
|
12897
|
+
this._completed.set(value);
|
|
12898
|
+
}
|
|
12899
|
+
get completed() {
|
|
12900
|
+
return this._completed();
|
|
12901
|
+
}
|
|
12902
|
+
/**
|
|
12903
|
+
* Sets whether the expandable header supports expanding and collapsing the thought rows.
|
|
12904
|
+
* Forced to `false` whenever `thoughts` is empty, regardless of the value supplied.
|
|
12905
|
+
*
|
|
12906
|
+
* @default false
|
|
12907
|
+
*/
|
|
12908
|
+
set expandable(value) {
|
|
12909
|
+
this._expandable.set(value);
|
|
12910
|
+
}
|
|
12911
|
+
get expandable() {
|
|
12912
|
+
return this._expandable();
|
|
12913
|
+
}
|
|
12914
|
+
/**
|
|
12915
|
+
* Sets whether the thought rows are visible. Ignored when `expandable` is `false`.
|
|
12916
|
+
*
|
|
12917
|
+
* @default false
|
|
12918
|
+
*/
|
|
12919
|
+
set expanded(value) {
|
|
12920
|
+
this._expanded.set(value);
|
|
12921
|
+
}
|
|
12922
|
+
get expanded() {
|
|
12923
|
+
return this._expanded();
|
|
12924
|
+
}
|
|
12925
|
+
/**
|
|
12926
|
+
* Fires when the user expands or collapses the ChainOfThought through the expandable header.
|
|
12927
|
+
*/
|
|
12928
|
+
expandedChange = new EventEmitter();
|
|
12929
|
+
get direction() {
|
|
12930
|
+
return this._direction();
|
|
12931
|
+
}
|
|
12932
|
+
set direction(value) {
|
|
12933
|
+
this._direction.set(value);
|
|
12934
|
+
}
|
|
12935
|
+
_thoughts = signal([], ...(ngDevMode ? [{ debugName: "_thoughts" }] : []));
|
|
12936
|
+
_label = signal(undefined, ...(ngDevMode ? [{ debugName: "_label" }] : []));
|
|
12937
|
+
_secondaryLabel = signal(undefined, ...(ngDevMode ? [{ debugName: "_secondaryLabel" }] : []));
|
|
12938
|
+
_icon = signal('sparkles', ...(ngDevMode ? [{ debugName: "_icon" }] : []));
|
|
12939
|
+
_svgIcon = signal(sparklesIcon, ...(ngDevMode ? [{ debugName: "_svgIcon" }] : []));
|
|
12940
|
+
_linesAdded = signal(undefined, ...(ngDevMode ? [{ debugName: "_linesAdded" }] : []));
|
|
12941
|
+
_linesRemoved = signal(undefined, ...(ngDevMode ? [{ debugName: "_linesRemoved" }] : []));
|
|
12942
|
+
_completed = signal(false, ...(ngDevMode ? [{ debugName: "_completed" }] : []));
|
|
12943
|
+
_expandable = signal(false, ...(ngDevMode ? [{ debugName: "_expandable" }] : []));
|
|
12944
|
+
_expanded = signal(false, ...(ngDevMode ? [{ debugName: "_expanded" }] : []));
|
|
12945
|
+
_direction = signal(undefined, ...(ngDevMode ? [{ debugName: "_direction" }] : []));
|
|
12946
|
+
_isExpandable = computed(() => this._expandable() && this._thoughts().length > 0, ...(ngDevMode ? [{ debugName: "_isExpandable" }] : []));
|
|
12947
|
+
subscription;
|
|
12948
|
+
constructor(localization) {
|
|
12949
|
+
this.localization = localization;
|
|
12950
|
+
validatePackage(packageMetadata);
|
|
12951
|
+
this.direction = this.localization.rtl ? 'rtl' : 'ltr';
|
|
12952
|
+
this.subscription = this.localization.changes.subscribe(({ rtl }) => {
|
|
12953
|
+
this.direction = rtl ? 'rtl' : 'ltr';
|
|
12954
|
+
});
|
|
12955
|
+
}
|
|
12956
|
+
/**
|
|
12957
|
+
* @hidden
|
|
12958
|
+
*/
|
|
12959
|
+
get isExpandable() {
|
|
12960
|
+
return this._isExpandable();
|
|
12961
|
+
}
|
|
12962
|
+
ngOnDestroy() {
|
|
12963
|
+
this.subscription.unsubscribe();
|
|
12964
|
+
}
|
|
12965
|
+
/**
|
|
12966
|
+
* @hidden
|
|
12967
|
+
*/
|
|
12968
|
+
handleExpandedChange(expanded) {
|
|
12969
|
+
this._expanded.set(expanded);
|
|
12970
|
+
this.expandedChange.emit(expanded);
|
|
12971
|
+
}
|
|
12972
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ChainOfThoughtComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
12973
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: ChainOfThoughtComponent, isStandalone: true, selector: "kendo-chainofthought", inputs: { thoughts: "thoughts", label: "label", secondaryLabel: "secondaryLabel", icon: "icon", svgIcon: "svgIcon", linesAdded: "linesAdded", linesRemoved: "linesRemoved", completed: "completed", expandable: "expandable", expanded: "expanded" }, outputs: { expandedChange: "expandedChange" }, host: { properties: { "attr.dir": "this.direction" } }, providers: [
|
|
12974
|
+
LocalizationService,
|
|
12975
|
+
{ provide: L10N_PREFIX, useValue: 'kendo.llmkit' }
|
|
12976
|
+
], queries: [{ propertyName: "thoughtTemplate", first: true, predicate: ThoughtTemplateDirective, descendants: true }], exportAs: ["kendoChainOfThought"], ngImport: i0, template: `
|
|
12977
|
+
<div
|
|
12978
|
+
class="k-chain-of-thought"
|
|
12979
|
+
kendoLlmKitAgentStep
|
|
12980
|
+
[label]="label"
|
|
12981
|
+
[secondaryLabel]="secondaryLabel"
|
|
12982
|
+
[icon]="icon"
|
|
12983
|
+
[svgIcon]="svgIcon"
|
|
12984
|
+
[completed]="completed"
|
|
12985
|
+
[expandable]="isExpandable"
|
|
12986
|
+
[expanded]="expanded"
|
|
12987
|
+
[linesAdded]="linesAdded"
|
|
12988
|
+
[linesRemoved]="linesRemoved"
|
|
12989
|
+
(expandedChange)="handleExpandedChange($event)"
|
|
12990
|
+
>
|
|
12991
|
+
@for (thought of thoughts; track thought.id) {
|
|
12992
|
+
<div
|
|
12993
|
+
kendoLlmKitThoughtRow
|
|
12994
|
+
[thought]="thought"
|
|
12995
|
+
[thoughtTemplate]="thoughtTemplate"
|
|
12996
|
+
></div>
|
|
12997
|
+
}
|
|
12998
|
+
</div>
|
|
12999
|
+
`, isInline: true, dependencies: [{ kind: "component", type: AgentStepBase, selector: "[kendoLlmKitAgentStep]", inputs: ["label", "secondaryLabel", "icon", "svgIcon", "completed", "expandable", "expanded", "linesAdded", "linesRemoved"], outputs: ["expandedChange"] }, { kind: "component", type: ThoughtRowComponent, selector: "[kendoLlmKitThoughtRow]", inputs: ["thoughtTemplate", "thought"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
13000
|
+
}
|
|
13001
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ChainOfThoughtComponent, decorators: [{
|
|
13002
|
+
type: Component,
|
|
13003
|
+
args: [{
|
|
13004
|
+
exportAs: 'kendoChainOfThought',
|
|
13005
|
+
selector: 'kendo-chainofthought',
|
|
13006
|
+
standalone: true,
|
|
13007
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
13008
|
+
providers: [
|
|
13009
|
+
LocalizationService,
|
|
13010
|
+
{ provide: L10N_PREFIX, useValue: 'kendo.llmkit' }
|
|
13011
|
+
],
|
|
13012
|
+
imports: [AgentStepBase, ThoughtRowComponent],
|
|
13013
|
+
template: `
|
|
13014
|
+
<div
|
|
13015
|
+
class="k-chain-of-thought"
|
|
13016
|
+
kendoLlmKitAgentStep
|
|
13017
|
+
[label]="label"
|
|
13018
|
+
[secondaryLabel]="secondaryLabel"
|
|
13019
|
+
[icon]="icon"
|
|
13020
|
+
[svgIcon]="svgIcon"
|
|
13021
|
+
[completed]="completed"
|
|
13022
|
+
[expandable]="isExpandable"
|
|
13023
|
+
[expanded]="expanded"
|
|
13024
|
+
[linesAdded]="linesAdded"
|
|
13025
|
+
[linesRemoved]="linesRemoved"
|
|
13026
|
+
(expandedChange)="handleExpandedChange($event)"
|
|
13027
|
+
>
|
|
13028
|
+
@for (thought of thoughts; track thought.id) {
|
|
13029
|
+
<div
|
|
13030
|
+
kendoLlmKitThoughtRow
|
|
13031
|
+
[thought]="thought"
|
|
13032
|
+
[thoughtTemplate]="thoughtTemplate"
|
|
13033
|
+
></div>
|
|
13034
|
+
}
|
|
13035
|
+
</div>
|
|
13036
|
+
`
|
|
13037
|
+
}]
|
|
13038
|
+
}], ctorParameters: () => [{ type: i1.LocalizationService }], propDecorators: { thoughtTemplate: [{
|
|
13039
|
+
type: ContentChild,
|
|
13040
|
+
args: [ThoughtTemplateDirective]
|
|
13041
|
+
}], thoughts: [{
|
|
13042
|
+
type: Input
|
|
13043
|
+
}], label: [{
|
|
13044
|
+
type: Input
|
|
13045
|
+
}], secondaryLabel: [{
|
|
13046
|
+
type: Input
|
|
13047
|
+
}], icon: [{
|
|
13048
|
+
type: Input
|
|
13049
|
+
}], svgIcon: [{
|
|
13050
|
+
type: Input
|
|
13051
|
+
}], linesAdded: [{
|
|
13052
|
+
type: Input
|
|
13053
|
+
}], linesRemoved: [{
|
|
13054
|
+
type: Input
|
|
13055
|
+
}], completed: [{
|
|
13056
|
+
type: Input
|
|
13057
|
+
}], expandable: [{
|
|
13058
|
+
type: Input
|
|
13059
|
+
}], expanded: [{
|
|
13060
|
+
type: Input
|
|
13061
|
+
}], expandedChange: [{
|
|
13062
|
+
type: Output
|
|
13063
|
+
}], direction: [{
|
|
13064
|
+
type: HostBinding,
|
|
13065
|
+
args: ['attr.dir']
|
|
13066
|
+
}] } });
|
|
13067
|
+
|
|
13068
|
+
/**
|
|
13069
|
+
* @hidden
|
|
13070
|
+
*
|
|
13071
|
+
* Marks the projected content routed into `AgentStepBase`'s badge slot. Used internally by
|
|
13072
|
+
* `ToolCallComponent` for its status badge.
|
|
13073
|
+
*/
|
|
13074
|
+
class AgentStepBadgeDirective {
|
|
13075
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: AgentStepBadgeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
13076
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: AgentStepBadgeDirective, isStandalone: true, selector: "[kendoLlmKitAgentStepBadge]", ngImport: i0 });
|
|
13077
|
+
}
|
|
13078
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: AgentStepBadgeDirective, decorators: [{
|
|
13079
|
+
type: Directive,
|
|
13080
|
+
args: [{
|
|
13081
|
+
selector: '[kendoLlmKitAgentStepBadge]',
|
|
13082
|
+
standalone: true
|
|
13083
|
+
}]
|
|
13084
|
+
}] });
|
|
13085
|
+
|
|
13086
|
+
/**
|
|
13087
|
+
* Represents the template that replaces the default formatted-JSON `parameters` block in the ToolCall component.
|
|
13088
|
+
*
|
|
13089
|
+
* @example
|
|
13090
|
+
* ```html
|
|
13091
|
+
* <kendo-toolcall [parameters]="params">
|
|
13092
|
+
* <ng-template kendoToolCallParametersTemplate>
|
|
13093
|
+
* <p>Custom parameters content.</p>
|
|
13094
|
+
* </ng-template>
|
|
13095
|
+
* </kendo-toolcall>
|
|
13096
|
+
* ```
|
|
13097
|
+
*/
|
|
13098
|
+
class ToolCallParametersTemplateDirective {
|
|
13099
|
+
templateRef;
|
|
13100
|
+
constructor(templateRef) {
|
|
13101
|
+
this.templateRef = templateRef;
|
|
13102
|
+
}
|
|
13103
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ToolCallParametersTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
13104
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: ToolCallParametersTemplateDirective, isStandalone: true, selector: "[kendoToolCallParametersTemplate]", ngImport: i0 });
|
|
13105
|
+
}
|
|
13106
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ToolCallParametersTemplateDirective, decorators: [{
|
|
13107
|
+
type: Directive,
|
|
13108
|
+
args: [{
|
|
13109
|
+
selector: '[kendoToolCallParametersTemplate]',
|
|
13110
|
+
standalone: true
|
|
13111
|
+
}]
|
|
13112
|
+
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
13113
|
+
|
|
13114
|
+
/**
|
|
13115
|
+
* Represents the template that replaces the default approval block and Approve/Reject actions in the ToolCall component when `state` is "awaitingApproval".
|
|
13116
|
+
*
|
|
13117
|
+
* @example
|
|
13118
|
+
* ```html
|
|
13119
|
+
* <kendo-toolcall state="awaitingApproval" (action)="onAction($event)">
|
|
13120
|
+
* <ng-template kendoToolCallApprovalTemplate>
|
|
13121
|
+
* <p>Custom approval content.</p>
|
|
13122
|
+
* </ng-template>
|
|
13123
|
+
* </kendo-toolcall>
|
|
13124
|
+
* ```
|
|
13125
|
+
*/
|
|
13126
|
+
class ToolCallApprovalTemplateDirective {
|
|
13127
|
+
templateRef;
|
|
13128
|
+
constructor(templateRef) {
|
|
13129
|
+
this.templateRef = templateRef;
|
|
13130
|
+
}
|
|
13131
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ToolCallApprovalTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
13132
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: ToolCallApprovalTemplateDirective, isStandalone: true, selector: "[kendoToolCallApprovalTemplate]", ngImport: i0 });
|
|
13133
|
+
}
|
|
13134
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ToolCallApprovalTemplateDirective, decorators: [{
|
|
13135
|
+
type: Directive,
|
|
13136
|
+
args: [{
|
|
13137
|
+
selector: '[kendoToolCallApprovalTemplate]',
|
|
13138
|
+
standalone: true
|
|
13139
|
+
}]
|
|
13140
|
+
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
13141
|
+
|
|
13142
|
+
/**
|
|
13143
|
+
* Represents the template that replaces the default formatted-JSON `result` block in the ToolCall component when `state` is "completed".
|
|
13144
|
+
*
|
|
13145
|
+
* @example
|
|
13146
|
+
* ```html
|
|
13147
|
+
* <kendo-toolcall [result]="result">
|
|
13148
|
+
* <ng-template kendoToolCallResultTemplate>
|
|
13149
|
+
* <p>Custom result content.</p>
|
|
13150
|
+
* </ng-template>
|
|
13151
|
+
* </kendo-toolcall>
|
|
13152
|
+
* ```
|
|
13153
|
+
*/
|
|
13154
|
+
class ToolCallResultTemplateDirective {
|
|
13155
|
+
templateRef;
|
|
13156
|
+
constructor(templateRef) {
|
|
13157
|
+
this.templateRef = templateRef;
|
|
13158
|
+
}
|
|
13159
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ToolCallResultTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
13160
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: ToolCallResultTemplateDirective, isStandalone: true, selector: "[kendoToolCallResultTemplate]", ngImport: i0 });
|
|
13161
|
+
}
|
|
13162
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ToolCallResultTemplateDirective, decorators: [{
|
|
13163
|
+
type: Directive,
|
|
13164
|
+
args: [{
|
|
13165
|
+
selector: '[kendoToolCallResultTemplate]',
|
|
13166
|
+
standalone: true
|
|
13167
|
+
}]
|
|
13168
|
+
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
13169
|
+
|
|
13170
|
+
/**
|
|
13171
|
+
* Represents the template that replaces the default `errorText` block in the ToolCall component when `state` is "error".
|
|
13172
|
+
*
|
|
13173
|
+
* @example
|
|
13174
|
+
* ```html
|
|
13175
|
+
* <kendo-toolcall state="error" errorText="Request timed out.">
|
|
13176
|
+
* <ng-template kendoToolCallErrorTemplate>
|
|
13177
|
+
* <p>Custom error content.</p>
|
|
13178
|
+
* </ng-template>
|
|
13179
|
+
* </kendo-toolcall>
|
|
13180
|
+
* ```
|
|
13181
|
+
*/
|
|
13182
|
+
class ToolCallErrorTemplateDirective {
|
|
13183
|
+
templateRef;
|
|
13184
|
+
constructor(templateRef) {
|
|
13185
|
+
this.templateRef = templateRef;
|
|
13186
|
+
}
|
|
13187
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ToolCallErrorTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
13188
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: ToolCallErrorTemplateDirective, isStandalone: true, selector: "[kendoToolCallErrorTemplate]", ngImport: i0 });
|
|
13189
|
+
}
|
|
13190
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ToolCallErrorTemplateDirective, decorators: [{
|
|
13191
|
+
type: Directive,
|
|
13192
|
+
args: [{
|
|
13193
|
+
selector: '[kendoToolCallErrorTemplate]',
|
|
13194
|
+
standalone: true
|
|
13195
|
+
}]
|
|
13196
|
+
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
13197
|
+
|
|
13198
|
+
/**
|
|
13199
|
+
* Represents the [Kendo UI ToolCall component for Angular](https://www.telerik.com/kendo-angular-ui/components/conversational-ui/llm-kit/tool-call).
|
|
13200
|
+
* Displays a single tool or function invocation as a disclosure block, including its parameters, approval actions, result, or error.
|
|
13201
|
+
*
|
|
13202
|
+
* @example
|
|
13203
|
+
* ```html
|
|
13204
|
+
* <kendo-toolcall
|
|
13205
|
+
* label="get_weather"
|
|
13206
|
+
* state="completed"
|
|
13207
|
+
* [expandable]="true"
|
|
13208
|
+
* [parameters]="{ city: 'Sofia' }"
|
|
13209
|
+
* [result]="{ tempC: 24 }"
|
|
13210
|
+
* ></kendo-toolcall>
|
|
13211
|
+
* ```
|
|
13212
|
+
*/
|
|
13213
|
+
class ToolCallComponent {
|
|
13214
|
+
localization;
|
|
13215
|
+
/**
|
|
13216
|
+
* Replaces the default formatted-JSON `parameters` block.
|
|
13217
|
+
*
|
|
13218
|
+
* @hidden
|
|
13219
|
+
*/
|
|
13220
|
+
paramsTemplate;
|
|
13221
|
+
/**
|
|
13222
|
+
* Replaces the default Approve/Reject approval block shown when `state` is `awaitingApproval`.
|
|
13223
|
+
*
|
|
13224
|
+
* @hidden
|
|
13225
|
+
*/
|
|
13226
|
+
approvalTemplate;
|
|
13227
|
+
/**
|
|
13228
|
+
* Replaces the default formatted-JSON `result` block.
|
|
13229
|
+
*
|
|
13230
|
+
* @hidden
|
|
13231
|
+
*/
|
|
13232
|
+
resultTemplate;
|
|
13233
|
+
/**
|
|
13234
|
+
* Replaces the default `errorText` block shown when `state` is `error`.
|
|
13235
|
+
*
|
|
13236
|
+
* @hidden
|
|
13237
|
+
*/
|
|
13238
|
+
errorTemplate;
|
|
13239
|
+
/**
|
|
13240
|
+
* Sets the raw tool input data, rendered as formatted JSON by default.
|
|
13241
|
+
*/
|
|
13242
|
+
set parameters(value) {
|
|
13243
|
+
this._parameters.set(value);
|
|
13244
|
+
}
|
|
13245
|
+
get parameters() {
|
|
13246
|
+
return this._parameters();
|
|
13247
|
+
}
|
|
13248
|
+
/**
|
|
13249
|
+
* Sets the raw tool result data, rendered as formatted JSON by default when `state` is "completed".
|
|
13250
|
+
*/
|
|
13251
|
+
set result(value) {
|
|
13252
|
+
this._result.set(value);
|
|
13253
|
+
}
|
|
13254
|
+
get result() {
|
|
13255
|
+
return this._result();
|
|
13256
|
+
}
|
|
13257
|
+
/**
|
|
13258
|
+
* Sets the error message displayed when `state` is "error".
|
|
13259
|
+
*/
|
|
13260
|
+
set errorText(value) {
|
|
13261
|
+
this._errorText.set(value);
|
|
13262
|
+
}
|
|
13263
|
+
get errorText() {
|
|
13264
|
+
return this._errorText();
|
|
13265
|
+
}
|
|
13266
|
+
/**
|
|
13267
|
+
* Sets the tool or function name shown in the expandable header.
|
|
13268
|
+
*/
|
|
13269
|
+
set label(value) {
|
|
13270
|
+
this._label.set(value);
|
|
13271
|
+
}
|
|
13272
|
+
get label() {
|
|
13273
|
+
return this._label();
|
|
13274
|
+
}
|
|
13275
|
+
/**
|
|
13276
|
+
* Sets the file, command, or target context shown next to the tool or function name.
|
|
13277
|
+
*/
|
|
13278
|
+
set secondaryLabel(value) {
|
|
13279
|
+
this._secondaryLabel.set(value);
|
|
13280
|
+
}
|
|
13281
|
+
get secondaryLabel() {
|
|
13282
|
+
return this._secondaryLabel();
|
|
13283
|
+
}
|
|
13284
|
+
/**
|
|
13285
|
+
* Sets the text shown above the default approval actions when `state` is "awaitingApproval".
|
|
13286
|
+
*/
|
|
13287
|
+
set approvalText(value) {
|
|
13288
|
+
this._approvalText.set(value);
|
|
13289
|
+
}
|
|
13290
|
+
get approvalText() {
|
|
13291
|
+
return this._approvalText();
|
|
13292
|
+
}
|
|
13293
|
+
/**
|
|
13294
|
+
* Sets the name of a font icon shown in the expandable header.
|
|
13295
|
+
*
|
|
13296
|
+
* @default 'wrench'
|
|
13297
|
+
*/
|
|
13298
|
+
set icon(value) {
|
|
13299
|
+
this._icon.set(value);
|
|
13300
|
+
}
|
|
13301
|
+
get icon() {
|
|
13302
|
+
return this._icon();
|
|
13303
|
+
}
|
|
13304
|
+
/**
|
|
13305
|
+
* Sets the SVG icon shown in the expandable header.
|
|
13306
|
+
*
|
|
13307
|
+
* @default wrenchIcon
|
|
13308
|
+
*/
|
|
13309
|
+
set svgIcon(value) {
|
|
13310
|
+
this._svgIcon.set(value);
|
|
13311
|
+
}
|
|
13312
|
+
get svgIcon() {
|
|
13313
|
+
return this._svgIcon();
|
|
13314
|
+
}
|
|
13315
|
+
get statusText() {
|
|
13316
|
+
switch (this.state) {
|
|
13317
|
+
case 'awaitingApproval':
|
|
13318
|
+
return this.messageFor('awaitingApprovalStatus');
|
|
13319
|
+
case 'completed':
|
|
13320
|
+
return this.messageFor('completedStatus');
|
|
13321
|
+
case 'error':
|
|
13322
|
+
return this.messageFor('errorStatus');
|
|
13323
|
+
default:
|
|
13324
|
+
return undefined;
|
|
13325
|
+
}
|
|
13326
|
+
}
|
|
13327
|
+
/**
|
|
13328
|
+
* Sets the name of a font icon shown in the status badge. When not set, the icon is derived from `state`.
|
|
13329
|
+
*/
|
|
13330
|
+
set statusFontIcon(value) {
|
|
13331
|
+
this._statusIconName.set(value);
|
|
13332
|
+
this._statusIconNameSet.set(true);
|
|
13333
|
+
}
|
|
13334
|
+
get statusFontIcon() {
|
|
13335
|
+
if (this._statusIconNameSet()) {
|
|
13336
|
+
return this._statusIconName();
|
|
13337
|
+
}
|
|
13338
|
+
switch (this.state) {
|
|
13339
|
+
case 'completed':
|
|
13340
|
+
return 'check-circle';
|
|
13341
|
+
case 'awaitingApproval':
|
|
13342
|
+
return 'clock';
|
|
13343
|
+
case 'error':
|
|
13344
|
+
return 'exclamation-circle';
|
|
13345
|
+
default:
|
|
13346
|
+
return undefined;
|
|
13347
|
+
}
|
|
13348
|
+
}
|
|
13349
|
+
/**
|
|
13350
|
+
* Sets the SVG icon shown in the status badge. When not set, the component derives the icon from `state`.
|
|
13351
|
+
*/
|
|
13352
|
+
set statusSVGIcon(value) {
|
|
13353
|
+
this._statusIcon.set(value);
|
|
13354
|
+
this._statusIconSet.set(true);
|
|
13355
|
+
}
|
|
13356
|
+
get statusSVGIcon() {
|
|
13357
|
+
if (this._statusIconSet()) {
|
|
13358
|
+
return this._statusIcon();
|
|
13359
|
+
}
|
|
13360
|
+
switch (this.state) {
|
|
13361
|
+
case 'completed':
|
|
13362
|
+
return checkCircleIcon;
|
|
13363
|
+
case 'awaitingApproval':
|
|
13364
|
+
return clockIcon;
|
|
13365
|
+
case 'error':
|
|
13366
|
+
return exclamationCircleIcon;
|
|
13367
|
+
default:
|
|
13368
|
+
return undefined;
|
|
13369
|
+
}
|
|
13370
|
+
}
|
|
13371
|
+
/**
|
|
13372
|
+
*
|
|
13373
|
+
* Gets the badge color derived from the tool call state.
|
|
13374
|
+
*/
|
|
13375
|
+
get badgeThemeColor() {
|
|
13376
|
+
switch (this.state) {
|
|
13377
|
+
case 'completed':
|
|
13378
|
+
return 'success';
|
|
13379
|
+
case 'error':
|
|
13380
|
+
return 'error';
|
|
13381
|
+
case 'awaitingApproval':
|
|
13382
|
+
return 'warning';
|
|
13383
|
+
default:
|
|
13384
|
+
return 'success';
|
|
13385
|
+
}
|
|
13386
|
+
}
|
|
13387
|
+
/**
|
|
13388
|
+
* Sets the current state of the tool call.
|
|
13389
|
+
*
|
|
13390
|
+
* @default 'active'
|
|
13391
|
+
*/
|
|
13392
|
+
set state(value) {
|
|
13393
|
+
this._state.set(value);
|
|
13394
|
+
}
|
|
13395
|
+
get state() {
|
|
13396
|
+
return this._state();
|
|
13397
|
+
}
|
|
13398
|
+
/**
|
|
13399
|
+
* Sets whether the expandable header supports expanding and collapsing the tool call details.
|
|
13400
|
+
*
|
|
13401
|
+
* @default false
|
|
13402
|
+
*/
|
|
13403
|
+
set expandable(value) {
|
|
13404
|
+
this._expandable.set(value);
|
|
13405
|
+
}
|
|
13406
|
+
get expandable() {
|
|
13407
|
+
return this._expandable();
|
|
13408
|
+
}
|
|
13409
|
+
/**
|
|
13410
|
+
* Sets whether the tool call details are visible. Ignored when `expandable` is `false`.
|
|
13411
|
+
*
|
|
13412
|
+
* @default false
|
|
13413
|
+
*/
|
|
13414
|
+
set expanded(value) {
|
|
13415
|
+
this._expanded.set(value);
|
|
13416
|
+
}
|
|
13417
|
+
get expanded() {
|
|
13418
|
+
return this._expanded();
|
|
13419
|
+
}
|
|
13420
|
+
/**
|
|
13421
|
+
* Fires when the user expands or collapses the tool call details through the expandable header.
|
|
13422
|
+
*/
|
|
13423
|
+
expandedChange = new EventEmitter();
|
|
13424
|
+
/**
|
|
13425
|
+
* Fires when the user selects the Approve or Reject action while `state` is "awaitingApproval".
|
|
13426
|
+
*/
|
|
13427
|
+
action = new EventEmitter();
|
|
13428
|
+
get direction() {
|
|
13429
|
+
return this._direction();
|
|
13430
|
+
}
|
|
13431
|
+
set direction(value) {
|
|
13432
|
+
this._direction.set(value);
|
|
13433
|
+
}
|
|
13434
|
+
_parameters = signal(undefined, ...(ngDevMode ? [{ debugName: "_parameters" }] : []));
|
|
13435
|
+
_result = signal(undefined, ...(ngDevMode ? [{ debugName: "_result" }] : []));
|
|
13436
|
+
_errorText = signal(undefined, ...(ngDevMode ? [{ debugName: "_errorText" }] : []));
|
|
13437
|
+
_label = signal(undefined, ...(ngDevMode ? [{ debugName: "_label" }] : []));
|
|
13438
|
+
_secondaryLabel = signal(undefined, ...(ngDevMode ? [{ debugName: "_secondaryLabel" }] : []));
|
|
13439
|
+
_approvalText = signal(undefined, ...(ngDevMode ? [{ debugName: "_approvalText" }] : []));
|
|
13440
|
+
_icon = signal('wrench', ...(ngDevMode ? [{ debugName: "_icon" }] : []));
|
|
13441
|
+
_svgIcon = signal(wrenchIcon, ...(ngDevMode ? [{ debugName: "_svgIcon" }] : []));
|
|
13442
|
+
_statusIconName = signal(undefined, ...(ngDevMode ? [{ debugName: "_statusIconName" }] : []));
|
|
13443
|
+
_statusIconNameSet = signal(false, ...(ngDevMode ? [{ debugName: "_statusIconNameSet" }] : []));
|
|
13444
|
+
_statusIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_statusIcon" }] : []));
|
|
13445
|
+
_statusIconSet = signal(false, ...(ngDevMode ? [{ debugName: "_statusIconSet" }] : []));
|
|
13446
|
+
_state = signal('active', ...(ngDevMode ? [{ debugName: "_state" }] : []));
|
|
13447
|
+
_expandable = signal(false, ...(ngDevMode ? [{ debugName: "_expandable" }] : []));
|
|
13448
|
+
_expanded = signal(false, ...(ngDevMode ? [{ debugName: "_expanded" }] : []));
|
|
13449
|
+
_direction = signal(undefined, ...(ngDevMode ? [{ debugName: "_direction" }] : []));
|
|
13450
|
+
subscription;
|
|
13451
|
+
constructor(localization) {
|
|
13452
|
+
this.localization = localization;
|
|
13453
|
+
validatePackage(packageMetadata);
|
|
13454
|
+
this.direction = this.localization.rtl ? 'rtl' : 'ltr';
|
|
13455
|
+
this.subscription = this.localization.changes.subscribe(({ rtl }) => {
|
|
13456
|
+
this.direction = rtl ? 'rtl' : 'ltr';
|
|
13457
|
+
});
|
|
13458
|
+
}
|
|
13459
|
+
/**
|
|
13460
|
+
* @hidden
|
|
13461
|
+
*/
|
|
13462
|
+
get agentStepCompleted() {
|
|
13463
|
+
return this.state === 'completed';
|
|
13464
|
+
}
|
|
13465
|
+
ngOnDestroy() {
|
|
13466
|
+
this.subscription.unsubscribe();
|
|
13467
|
+
}
|
|
13468
|
+
/**
|
|
13469
|
+
* @hidden
|
|
13470
|
+
*/
|
|
13471
|
+
handleExpandedChange(expanded) {
|
|
13472
|
+
this.expanded = expanded;
|
|
13473
|
+
this.expandedChange.emit(expanded);
|
|
13474
|
+
}
|
|
13475
|
+
/**
|
|
13476
|
+
* @hidden
|
|
13477
|
+
*/
|
|
13478
|
+
handleAction(action) {
|
|
13479
|
+
this.action.emit({ action: action });
|
|
13480
|
+
}
|
|
13481
|
+
/**
|
|
13482
|
+
* @hidden
|
|
13483
|
+
*/
|
|
13484
|
+
messageFor(key) {
|
|
13485
|
+
return this.localization.get(key);
|
|
13486
|
+
}
|
|
13487
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ToolCallComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
13488
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: ToolCallComponent, isStandalone: true, selector: "kendo-toolcall", inputs: { parameters: "parameters", result: "result", errorText: "errorText", label: "label", secondaryLabel: "secondaryLabel", approvalText: "approvalText", icon: "icon", svgIcon: "svgIcon", statusFontIcon: "statusFontIcon", statusSVGIcon: "statusSVGIcon", state: "state", expandable: "expandable", expanded: "expanded" }, outputs: { expandedChange: "expandedChange", action: "action" }, host: { properties: { "attr.dir": "this.direction" } }, providers: [LocalizationService, { provide: L10N_PREFIX, useValue: 'kendo.llmkit' }], queries: [{ propertyName: "paramsTemplate", first: true, predicate: ToolCallParametersTemplateDirective, descendants: true }, { propertyName: "approvalTemplate", first: true, predicate: ToolCallApprovalTemplateDirective, descendants: true }, { propertyName: "resultTemplate", first: true, predicate: ToolCallResultTemplateDirective, descendants: true }, { propertyName: "errorTemplate", first: true, predicate: ToolCallErrorTemplateDirective, descendants: true }], exportAs: ["kendoToolCall"], ngImport: i0, template: `
|
|
13489
|
+
<ng-container
|
|
13490
|
+
kendoLlmKitLocalizedMessages
|
|
13491
|
+
i18n-approveAction="kendo.llmkit.approveAction|The text for the ToolCall's default Approve action."
|
|
13492
|
+
approveAction="Approve"
|
|
13493
|
+
i18n-rejectAction="kendo.llmkit.rejectAction|The text for the ToolCall's default Reject action."
|
|
13494
|
+
rejectAction="Reject"
|
|
13495
|
+
i18n-parametersLabel="
|
|
13496
|
+
kendo.llmkit.parametersLabel|The label shown above the ToolCall's default formatted-JSON parameters
|
|
13497
|
+
block.
|
|
13498
|
+
"
|
|
13499
|
+
parametersLabel="Parameters"
|
|
13500
|
+
i18n-resultLabel="
|
|
13501
|
+
kendo.llmkit.resultLabel|The label shown above the ToolCall's default formatted-JSON result block.
|
|
13502
|
+
"
|
|
13503
|
+
resultLabel="Result"
|
|
13504
|
+
i18n-awaitingApprovalStatus="
|
|
13505
|
+
kendo.llmkit.awaitingApprovalStatus|The default ToolCall badge text for the awaiting approval state.
|
|
13506
|
+
"
|
|
13507
|
+
awaitingApprovalStatus="Awaiting approval"
|
|
13508
|
+
i18n-completedStatus="kendo.llmkit.completedStatus|The default ToolCall badge text for the completed state."
|
|
13509
|
+
completedStatus="Completed"
|
|
13510
|
+
i18n-errorStatus="kendo.llmkit.errorStatus|The default ToolCall badge text for the error state."
|
|
13511
|
+
errorStatus="Error"
|
|
13512
|
+
>
|
|
13513
|
+
</ng-container>
|
|
13514
|
+
<div
|
|
13515
|
+
class="k-tool-call"
|
|
13516
|
+
kendoLlmKitAgentStep
|
|
13517
|
+
[label]="label"
|
|
13518
|
+
[secondaryLabel]="secondaryLabel"
|
|
13519
|
+
[icon]="icon"
|
|
13520
|
+
[svgIcon]="svgIcon"
|
|
13521
|
+
[completed]="agentStepCompleted"
|
|
13522
|
+
[expandable]="expandable"
|
|
13523
|
+
[expanded]="expanded"
|
|
13524
|
+
(expandedChange)="handleExpandedChange($event)"
|
|
13525
|
+
>
|
|
13526
|
+
@if (state !== 'active') {
|
|
13527
|
+
<kendo-badge
|
|
13528
|
+
kendoLlmKitAgentStepBadge
|
|
13529
|
+
size="small"
|
|
13530
|
+
rounded="full"
|
|
13531
|
+
position="none"
|
|
13532
|
+
[align]="null"
|
|
13533
|
+
[themeColor]="badgeThemeColor"
|
|
13534
|
+
>
|
|
13535
|
+
@if (statusSVGIcon) {
|
|
13536
|
+
<kendo-icon-wrapper
|
|
13537
|
+
size="small"
|
|
13538
|
+
[name]="statusFontIcon"
|
|
13539
|
+
[svgIcon]="statusSVGIcon">
|
|
13540
|
+
</kendo-icon-wrapper>
|
|
13541
|
+
}
|
|
13542
|
+
{{ statusText }}
|
|
13543
|
+
</kendo-badge>
|
|
13544
|
+
}
|
|
13545
|
+
@if (paramsTemplate || (parameters !== undefined && parameters !== null)) {
|
|
13546
|
+
<div class="k-tool-call-label">{{ messageFor('parametersLabel') }}</div>
|
|
13547
|
+
@if (paramsTemplate) {
|
|
13548
|
+
<ng-container [ngTemplateOutlet]="paramsTemplate.templateRef"></ng-container>
|
|
13549
|
+
} @else {
|
|
13550
|
+
<pre class="k-pre"><code class="k-code">{{ parameters | json }}</code></pre>
|
|
13551
|
+
}
|
|
13552
|
+
}
|
|
13553
|
+
@switch (state) {
|
|
13554
|
+
@case ('awaitingApproval') {
|
|
13555
|
+
<kendo-card width="100%">
|
|
13556
|
+
@if (approvalTemplate) {
|
|
13557
|
+
<ng-container [ngTemplateOutlet]="approvalTemplate.templateRef"></ng-container>
|
|
13558
|
+
} @else if (approvalText) {
|
|
13559
|
+
<kendo-card-body>{{ approvalText }}</kendo-card-body>
|
|
13560
|
+
<kendo-card-actions layout="end" orientation="horizontal">
|
|
13561
|
+
<button kendoButton fillMode="outline" (click)="handleAction('reject')">
|
|
13562
|
+
{{ messageFor('rejectAction') }}
|
|
13563
|
+
</button>
|
|
13564
|
+
<button kendoButton themeColor="primary" (click)="handleAction('approve')">
|
|
13565
|
+
{{ messageFor('approveAction') }}
|
|
13566
|
+
</button>
|
|
13567
|
+
</kendo-card-actions>
|
|
13568
|
+
}
|
|
13569
|
+
</kendo-card>
|
|
13570
|
+
}
|
|
13571
|
+
@case ('completed') {
|
|
13572
|
+
@if (resultTemplate || (result !== undefined && result !== null)) {
|
|
13573
|
+
<div class="k-tool-call-label">{{ messageFor('resultLabel') }}</div>
|
|
13574
|
+
@if (resultTemplate) {
|
|
13575
|
+
<ng-container [ngTemplateOutlet]="resultTemplate.templateRef"></ng-container>
|
|
13576
|
+
} @else {
|
|
13577
|
+
<pre class="k-pre"><code class="k-code">{{ result | json }}</code></pre>
|
|
13578
|
+
}
|
|
13579
|
+
}
|
|
13580
|
+
}
|
|
13581
|
+
@case ('error') {
|
|
13582
|
+
@if (errorTemplate) {
|
|
13583
|
+
<ng-container [ngTemplateOutlet]="errorTemplate.templateRef"></ng-container>
|
|
13584
|
+
} @else if (errorText) {
|
|
13585
|
+
<div class="k-messagebox k-messagebox-error">{{ errorText }}</div>
|
|
13586
|
+
}
|
|
13587
|
+
}
|
|
13588
|
+
}
|
|
13589
|
+
</div>
|
|
13590
|
+
`, isInline: true, dependencies: [{ kind: "component", type: AgentStepBase, selector: "[kendoLlmKitAgentStep]", inputs: ["label", "secondaryLabel", "icon", "svgIcon", "completed", "expandable", "expanded", "linesAdded", "linesRemoved"], outputs: ["expandedChange"] }, { kind: "directive", type: AgentStepBadgeDirective, selector: "[kendoLlmKitAgentStepBadge]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: CardComponent, selector: "kendo-card", inputs: ["orientation", "width"] }, { kind: "component", type: CardBodyComponent, selector: "kendo-card-body" }, { kind: "component", type: CardActionsComponent, selector: "kendo-card-actions", inputs: ["orientation", "layout", "actions"], outputs: ["action"] }, { kind: "component", type: BadgeComponent, selector: "kendo-badge", inputs: ["align", "size", "fill", "themeColor", "rounded", "position", "cutoutBorder"] }, { kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoLlmKitLocalizedMessages]" }, { kind: "pipe", type: JsonPipe, name: "json" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
13591
|
+
}
|
|
13592
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ToolCallComponent, decorators: [{
|
|
13593
|
+
type: Component,
|
|
13594
|
+
args: [{
|
|
13595
|
+
exportAs: 'kendoToolCall',
|
|
13596
|
+
selector: 'kendo-toolcall',
|
|
13597
|
+
standalone: true,
|
|
13598
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
13599
|
+
providers: [LocalizationService, { provide: L10N_PREFIX, useValue: 'kendo.llmkit' }],
|
|
13600
|
+
imports: [
|
|
13601
|
+
AgentStepBase,
|
|
13602
|
+
AgentStepBadgeDirective,
|
|
13603
|
+
NgTemplateOutlet,
|
|
13604
|
+
JsonPipe,
|
|
13605
|
+
IconWrapperComponent,
|
|
13606
|
+
ButtonComponent,
|
|
13607
|
+
CardComponent,
|
|
13608
|
+
CardBodyComponent,
|
|
13609
|
+
CardActionsComponent,
|
|
13610
|
+
BadgeComponent,
|
|
13611
|
+
LocalizedMessagesDirective,
|
|
13612
|
+
],
|
|
13613
|
+
template: `
|
|
13614
|
+
<ng-container
|
|
13615
|
+
kendoLlmKitLocalizedMessages
|
|
13616
|
+
i18n-approveAction="kendo.llmkit.approveAction|The text for the ToolCall's default Approve action."
|
|
13617
|
+
approveAction="Approve"
|
|
13618
|
+
i18n-rejectAction="kendo.llmkit.rejectAction|The text for the ToolCall's default Reject action."
|
|
13619
|
+
rejectAction="Reject"
|
|
13620
|
+
i18n-parametersLabel="
|
|
13621
|
+
kendo.llmkit.parametersLabel|The label shown above the ToolCall's default formatted-JSON parameters
|
|
13622
|
+
block.
|
|
13623
|
+
"
|
|
13624
|
+
parametersLabel="Parameters"
|
|
13625
|
+
i18n-resultLabel="
|
|
13626
|
+
kendo.llmkit.resultLabel|The label shown above the ToolCall's default formatted-JSON result block.
|
|
13627
|
+
"
|
|
13628
|
+
resultLabel="Result"
|
|
13629
|
+
i18n-awaitingApprovalStatus="
|
|
13630
|
+
kendo.llmkit.awaitingApprovalStatus|The default ToolCall badge text for the awaiting approval state.
|
|
13631
|
+
"
|
|
13632
|
+
awaitingApprovalStatus="Awaiting approval"
|
|
13633
|
+
i18n-completedStatus="kendo.llmkit.completedStatus|The default ToolCall badge text for the completed state."
|
|
13634
|
+
completedStatus="Completed"
|
|
13635
|
+
i18n-errorStatus="kendo.llmkit.errorStatus|The default ToolCall badge text for the error state."
|
|
13636
|
+
errorStatus="Error"
|
|
13637
|
+
>
|
|
13638
|
+
</ng-container>
|
|
13639
|
+
<div
|
|
13640
|
+
class="k-tool-call"
|
|
13641
|
+
kendoLlmKitAgentStep
|
|
13642
|
+
[label]="label"
|
|
13643
|
+
[secondaryLabel]="secondaryLabel"
|
|
13644
|
+
[icon]="icon"
|
|
13645
|
+
[svgIcon]="svgIcon"
|
|
13646
|
+
[completed]="agentStepCompleted"
|
|
13647
|
+
[expandable]="expandable"
|
|
13648
|
+
[expanded]="expanded"
|
|
13649
|
+
(expandedChange)="handleExpandedChange($event)"
|
|
13650
|
+
>
|
|
13651
|
+
@if (state !== 'active') {
|
|
13652
|
+
<kendo-badge
|
|
13653
|
+
kendoLlmKitAgentStepBadge
|
|
13654
|
+
size="small"
|
|
13655
|
+
rounded="full"
|
|
13656
|
+
position="none"
|
|
13657
|
+
[align]="null"
|
|
13658
|
+
[themeColor]="badgeThemeColor"
|
|
13659
|
+
>
|
|
13660
|
+
@if (statusSVGIcon) {
|
|
13661
|
+
<kendo-icon-wrapper
|
|
13662
|
+
size="small"
|
|
13663
|
+
[name]="statusFontIcon"
|
|
13664
|
+
[svgIcon]="statusSVGIcon">
|
|
13665
|
+
</kendo-icon-wrapper>
|
|
13666
|
+
}
|
|
13667
|
+
{{ statusText }}
|
|
13668
|
+
</kendo-badge>
|
|
13669
|
+
}
|
|
13670
|
+
@if (paramsTemplate || (parameters !== undefined && parameters !== null)) {
|
|
13671
|
+
<div class="k-tool-call-label">{{ messageFor('parametersLabel') }}</div>
|
|
13672
|
+
@if (paramsTemplate) {
|
|
13673
|
+
<ng-container [ngTemplateOutlet]="paramsTemplate.templateRef"></ng-container>
|
|
13674
|
+
} @else {
|
|
13675
|
+
<pre class="k-pre"><code class="k-code">{{ parameters | json }}</code></pre>
|
|
13676
|
+
}
|
|
13677
|
+
}
|
|
13678
|
+
@switch (state) {
|
|
13679
|
+
@case ('awaitingApproval') {
|
|
13680
|
+
<kendo-card width="100%">
|
|
13681
|
+
@if (approvalTemplate) {
|
|
13682
|
+
<ng-container [ngTemplateOutlet]="approvalTemplate.templateRef"></ng-container>
|
|
13683
|
+
} @else if (approvalText) {
|
|
13684
|
+
<kendo-card-body>{{ approvalText }}</kendo-card-body>
|
|
13685
|
+
<kendo-card-actions layout="end" orientation="horizontal">
|
|
13686
|
+
<button kendoButton fillMode="outline" (click)="handleAction('reject')">
|
|
13687
|
+
{{ messageFor('rejectAction') }}
|
|
13688
|
+
</button>
|
|
13689
|
+
<button kendoButton themeColor="primary" (click)="handleAction('approve')">
|
|
13690
|
+
{{ messageFor('approveAction') }}
|
|
13691
|
+
</button>
|
|
13692
|
+
</kendo-card-actions>
|
|
13693
|
+
}
|
|
13694
|
+
</kendo-card>
|
|
13695
|
+
}
|
|
13696
|
+
@case ('completed') {
|
|
13697
|
+
@if (resultTemplate || (result !== undefined && result !== null)) {
|
|
13698
|
+
<div class="k-tool-call-label">{{ messageFor('resultLabel') }}</div>
|
|
13699
|
+
@if (resultTemplate) {
|
|
13700
|
+
<ng-container [ngTemplateOutlet]="resultTemplate.templateRef"></ng-container>
|
|
13701
|
+
} @else {
|
|
13702
|
+
<pre class="k-pre"><code class="k-code">{{ result | json }}</code></pre>
|
|
13703
|
+
}
|
|
13704
|
+
}
|
|
13705
|
+
}
|
|
13706
|
+
@case ('error') {
|
|
13707
|
+
@if (errorTemplate) {
|
|
13708
|
+
<ng-container [ngTemplateOutlet]="errorTemplate.templateRef"></ng-container>
|
|
13709
|
+
} @else if (errorText) {
|
|
13710
|
+
<div class="k-messagebox k-messagebox-error">{{ errorText }}</div>
|
|
13711
|
+
}
|
|
13712
|
+
}
|
|
13713
|
+
}
|
|
13714
|
+
</div>
|
|
13715
|
+
`,
|
|
13716
|
+
}]
|
|
13717
|
+
}], ctorParameters: () => [{ type: i1.LocalizationService }], propDecorators: { paramsTemplate: [{
|
|
13718
|
+
type: ContentChild,
|
|
13719
|
+
args: [ToolCallParametersTemplateDirective]
|
|
13720
|
+
}], approvalTemplate: [{
|
|
13721
|
+
type: ContentChild,
|
|
13722
|
+
args: [ToolCallApprovalTemplateDirective]
|
|
13723
|
+
}], resultTemplate: [{
|
|
13724
|
+
type: ContentChild,
|
|
13725
|
+
args: [ToolCallResultTemplateDirective]
|
|
13726
|
+
}], errorTemplate: [{
|
|
13727
|
+
type: ContentChild,
|
|
13728
|
+
args: [ToolCallErrorTemplateDirective]
|
|
13729
|
+
}], parameters: [{
|
|
13730
|
+
type: Input
|
|
13731
|
+
}], result: [{
|
|
13732
|
+
type: Input
|
|
13733
|
+
}], errorText: [{
|
|
13734
|
+
type: Input
|
|
13735
|
+
}], label: [{
|
|
13736
|
+
type: Input
|
|
13737
|
+
}], secondaryLabel: [{
|
|
13738
|
+
type: Input
|
|
13739
|
+
}], approvalText: [{
|
|
13740
|
+
type: Input
|
|
13741
|
+
}], icon: [{
|
|
13742
|
+
type: Input
|
|
13743
|
+
}], svgIcon: [{
|
|
13744
|
+
type: Input
|
|
13745
|
+
}], statusFontIcon: [{
|
|
13746
|
+
type: Input
|
|
13747
|
+
}], statusSVGIcon: [{
|
|
13748
|
+
type: Input
|
|
13749
|
+
}], state: [{
|
|
13750
|
+
type: Input
|
|
13751
|
+
}], expandable: [{
|
|
13752
|
+
type: Input
|
|
13753
|
+
}], expanded: [{
|
|
13754
|
+
type: Input
|
|
13755
|
+
}], expandedChange: [{
|
|
13756
|
+
type: Output
|
|
13757
|
+
}], action: [{
|
|
13758
|
+
type: Output
|
|
13759
|
+
}], direction: [{
|
|
13760
|
+
type: HostBinding,
|
|
13761
|
+
args: ['attr.dir']
|
|
13762
|
+
}] } });
|
|
13763
|
+
|
|
13764
|
+
/**
|
|
13765
|
+
* Represents the template that replaces the default content for each source in the Citation popover.
|
|
13766
|
+
* The current `CitationSource` item is available as the `$implicit` template value.
|
|
13767
|
+
*
|
|
13768
|
+
* @example
|
|
13769
|
+
* ```html
|
|
13770
|
+
* <kendo-citation [sources]="sources">
|
|
13771
|
+
* <ng-template kendoCitationBodyTemplate let-source>
|
|
13772
|
+
* <h6>{{ source.title }}</h6>
|
|
13773
|
+
* </ng-template>
|
|
13774
|
+
* </kendo-citation>
|
|
13775
|
+
* ```
|
|
13776
|
+
*/
|
|
13777
|
+
class CitationBodyTemplateDirective {
|
|
13778
|
+
templateRef;
|
|
13779
|
+
constructor(templateRef) {
|
|
13780
|
+
this.templateRef = templateRef;
|
|
13781
|
+
}
|
|
13782
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: CitationBodyTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
13783
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: CitationBodyTemplateDirective, isStandalone: true, selector: "[kendoCitationBodyTemplate]", ngImport: i0 });
|
|
13784
|
+
}
|
|
13785
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: CitationBodyTemplateDirective, decorators: [{
|
|
13786
|
+
type: Directive,
|
|
13787
|
+
args: [{
|
|
13788
|
+
selector: '[kendoCitationBodyTemplate]',
|
|
13789
|
+
standalone: true
|
|
13790
|
+
}]
|
|
13791
|
+
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
13792
|
+
|
|
13793
|
+
/**
|
|
13794
|
+
* Represents the [Kendo UI Citation component for Angular](https://www.telerik.com/kendo-angular-ui/components/conversational-ui/llm-kit/citation).
|
|
13795
|
+
* Displays an inline chip for a cited resource and a paginated hover/focus popover with its source details.
|
|
13796
|
+
*
|
|
13797
|
+
* @example
|
|
13798
|
+
* ```html
|
|
13799
|
+
* <kendo-citation
|
|
13800
|
+
* [sources]="[{ title: 'Kendo UI', description: 'Component docs', url: 'https://www.telerik.com/kendo-angular-ui' }]"
|
|
13801
|
+
* ></kendo-citation>
|
|
13802
|
+
* ```
|
|
13803
|
+
*/
|
|
13804
|
+
class CitationComponent {
|
|
13805
|
+
localization;
|
|
13806
|
+
renderer;
|
|
13807
|
+
/**
|
|
13808
|
+
* Replaces the default resource popover body content for each source. The template context is set to the current `CitationSource`.
|
|
13809
|
+
*
|
|
13810
|
+
* @hidden
|
|
13811
|
+
*/
|
|
13812
|
+
popoverBodyTemplate;
|
|
13813
|
+
/**
|
|
13814
|
+
* Sets the sources associated with the citation, in display order.
|
|
13815
|
+
*
|
|
13816
|
+
* @default []
|
|
13817
|
+
*/
|
|
13818
|
+
set sources(value) {
|
|
13819
|
+
this._sources.set(value);
|
|
13820
|
+
this._currentPage.set(1);
|
|
13821
|
+
}
|
|
13822
|
+
get sources() {
|
|
13823
|
+
return this._sources();
|
|
13824
|
+
}
|
|
13825
|
+
/**
|
|
13826
|
+
* Sets the label shown in the citation chip. When not set, the label defaults to the hostname
|
|
13827
|
+
* of the first source's URL, optionally followed by the count of additional sources.
|
|
13828
|
+
*/
|
|
13829
|
+
set label(value) {
|
|
13830
|
+
this._label.set(value);
|
|
13831
|
+
this._labelSet.set(true);
|
|
13832
|
+
}
|
|
13833
|
+
get label() {
|
|
13834
|
+
if (this._labelSet()) {
|
|
13835
|
+
return this._label();
|
|
13836
|
+
}
|
|
13837
|
+
return this._defaultLabel();
|
|
13838
|
+
}
|
|
13839
|
+
/**
|
|
13840
|
+
* Sets the name of a font icon rendered inside the citation chip.
|
|
13841
|
+
*
|
|
13842
|
+
* @default 'globe'
|
|
13843
|
+
*/
|
|
13844
|
+
set icon(value) {
|
|
13845
|
+
this._icon.set(value);
|
|
13846
|
+
}
|
|
13847
|
+
get icon() {
|
|
13848
|
+
return this._icon();
|
|
13849
|
+
}
|
|
13850
|
+
/**
|
|
13851
|
+
* Sets the SVG icon shown in the citation chip.
|
|
13852
|
+
*
|
|
13853
|
+
* @default globeIcon
|
|
13854
|
+
*/
|
|
13855
|
+
set svgIcon(value) {
|
|
13856
|
+
this._svgIcon.set(value);
|
|
13857
|
+
}
|
|
13858
|
+
get svgIcon() {
|
|
13859
|
+
return this._svgIcon();
|
|
13860
|
+
}
|
|
13861
|
+
/**
|
|
13862
|
+
* Sets the font icon shown before each source URL in the default popover view.
|
|
13863
|
+
*
|
|
13864
|
+
* @default 'globe'
|
|
13865
|
+
*/
|
|
13866
|
+
set sourceIcon(value) {
|
|
13867
|
+
this._sourceIcon.set(value);
|
|
13868
|
+
}
|
|
13869
|
+
get sourceIcon() {
|
|
13870
|
+
return this._sourceIcon();
|
|
13871
|
+
}
|
|
13872
|
+
/**
|
|
13873
|
+
* Sets the SVG icon shown before each source URL in the default popover view.
|
|
13874
|
+
*
|
|
13875
|
+
* @default globeIcon
|
|
13876
|
+
*/
|
|
13877
|
+
set sourceSVGIcon(value) {
|
|
13878
|
+
this._sourceSVGIcon.set(value);
|
|
13879
|
+
}
|
|
13880
|
+
get sourceSVGIcon() {
|
|
13881
|
+
return this._sourceSVGIcon();
|
|
13882
|
+
}
|
|
13883
|
+
/**
|
|
13884
|
+
* Sets whether the chip displays the count of additional sources.
|
|
13885
|
+
*
|
|
13886
|
+
* @default true
|
|
13887
|
+
*/
|
|
13888
|
+
set showAdditionalCount(value) {
|
|
13889
|
+
this._showAdditionalCount.set(value);
|
|
13890
|
+
}
|
|
13891
|
+
get showAdditionalCount() {
|
|
13892
|
+
return this._showAdditionalCount();
|
|
13893
|
+
}
|
|
13894
|
+
/**
|
|
13895
|
+
* Sets the interaction that displays the citation popover.
|
|
13896
|
+
*
|
|
13897
|
+
* @default 'hover'
|
|
13898
|
+
*/
|
|
13899
|
+
set showOn(value) {
|
|
13900
|
+
this._showOn.set(value);
|
|
13901
|
+
}
|
|
13902
|
+
get showOn() {
|
|
13903
|
+
return this._showOn();
|
|
13904
|
+
}
|
|
13905
|
+
/**
|
|
13906
|
+
* Fires when the citation popover is about to open after the user hovers over or clicks the citation.
|
|
13907
|
+
*/
|
|
13908
|
+
open = new EventEmitter();
|
|
13909
|
+
get direction() {
|
|
13910
|
+
return this._direction();
|
|
13911
|
+
}
|
|
13912
|
+
set direction(value) {
|
|
13913
|
+
this._direction.set(value);
|
|
13914
|
+
}
|
|
13915
|
+
/**
|
|
13916
|
+
* @hidden
|
|
13917
|
+
*/
|
|
13918
|
+
get popoverVisible() {
|
|
13919
|
+
return this._popoverVisible();
|
|
13920
|
+
}
|
|
13921
|
+
/**
|
|
13922
|
+
* @hidden
|
|
13923
|
+
*
|
|
13924
|
+
* 1-based index of the source currently shown in the resource popover.
|
|
13925
|
+
*/
|
|
13926
|
+
get currentPage() {
|
|
13927
|
+
return this._currentPage();
|
|
13928
|
+
}
|
|
13929
|
+
previousIcon = arrowLeftIcon;
|
|
13930
|
+
nextIcon = arrowRightIcon;
|
|
13931
|
+
_sources = signal([], ...(ngDevMode ? [{ debugName: "_sources" }] : []));
|
|
13932
|
+
_label = signal(undefined, ...(ngDevMode ? [{ debugName: "_label" }] : []));
|
|
13933
|
+
_labelSet = signal(false, ...(ngDevMode ? [{ debugName: "_labelSet" }] : []));
|
|
13934
|
+
_icon = signal('globe', ...(ngDevMode ? [{ debugName: "_icon" }] : []));
|
|
13935
|
+
_svgIcon = signal(globeIcon, ...(ngDevMode ? [{ debugName: "_svgIcon" }] : []));
|
|
13936
|
+
_sourceIcon = signal('globe', ...(ngDevMode ? [{ debugName: "_sourceIcon" }] : []));
|
|
13937
|
+
_sourceSVGIcon = signal(globeIcon, ...(ngDevMode ? [{ debugName: "_sourceSVGIcon" }] : []));
|
|
13938
|
+
_showAdditionalCount = signal(true, ...(ngDevMode ? [{ debugName: "_showAdditionalCount" }] : []));
|
|
13939
|
+
_showOn = signal('hover', ...(ngDevMode ? [{ debugName: "_showOn" }] : []));
|
|
13940
|
+
_popoverVisible = signal(false, ...(ngDevMode ? [{ debugName: "_popoverVisible" }] : []));
|
|
13941
|
+
_currentPage = signal(1, ...(ngDevMode ? [{ debugName: "_currentPage" }] : []));
|
|
13942
|
+
_direction = signal(undefined, ...(ngDevMode ? [{ debugName: "_direction" }] : []));
|
|
13943
|
+
_defaultLabel = computed(() => this.getDefaultLabel(), ...(ngDevMode ? [{ debugName: "_defaultLabel" }] : []));
|
|
13944
|
+
_popoverElement = signal(undefined, ...(ngDevMode ? [{ debugName: "_popoverElement" }] : []));
|
|
13945
|
+
subscription;
|
|
13946
|
+
popoverViewPositionEffect = effect(() => {
|
|
13947
|
+
const popoverElement = this._popoverElement();
|
|
13948
|
+
const currentPage = this._currentPage();
|
|
13949
|
+
if (popoverElement) {
|
|
13950
|
+
this.renderer.setStyle(popoverElement, '--kendo-citation-popover-view-current', `${currentPage}`, RendererStyleFlags2.DashCase);
|
|
13951
|
+
}
|
|
13952
|
+
}, ...(ngDevMode ? [{ debugName: "popoverViewPositionEffect" }] : []));
|
|
13953
|
+
constructor(localization, renderer) {
|
|
13954
|
+
this.localization = localization;
|
|
13955
|
+
this.renderer = renderer;
|
|
13956
|
+
validatePackage(packageMetadata);
|
|
13957
|
+
this.direction = this.localization.rtl ? 'rtl' : 'ltr';
|
|
13958
|
+
this.subscription = this.localization.changes.subscribe(({ rtl }) => {
|
|
13959
|
+
this.direction = rtl ? 'rtl' : 'ltr';
|
|
13960
|
+
});
|
|
13961
|
+
}
|
|
13962
|
+
ngOnDestroy() {
|
|
13963
|
+
this.subscription.unsubscribe();
|
|
13964
|
+
}
|
|
13965
|
+
/**
|
|
13966
|
+
* @hidden
|
|
13967
|
+
*/
|
|
13968
|
+
handlePopoverShow() {
|
|
13969
|
+
this._currentPage.set(1);
|
|
13970
|
+
this.open.emit({ sources: this.sources });
|
|
13971
|
+
}
|
|
13972
|
+
/**
|
|
13973
|
+
* @hidden
|
|
13974
|
+
*/
|
|
13975
|
+
handlePopoverShown(anchor) {
|
|
13976
|
+
const popoverElement = this.getPopoverElement(anchor);
|
|
13977
|
+
if (popoverElement) {
|
|
13978
|
+
this.renderer.addClass(popoverElement, 'k-citation-popover');
|
|
13979
|
+
}
|
|
13980
|
+
this._popoverElement.set(popoverElement);
|
|
13981
|
+
this._popoverVisible.set(true);
|
|
13982
|
+
}
|
|
13983
|
+
/**
|
|
13984
|
+
* @hidden
|
|
13985
|
+
*/
|
|
13986
|
+
handlePopoverHidden(anchor) {
|
|
13987
|
+
const popoverElement = this._popoverElement();
|
|
13988
|
+
if (anchor.popupRef && popoverElement) {
|
|
13989
|
+
this.renderer.removeClass(popoverElement, 'k-citation-popover');
|
|
13990
|
+
}
|
|
13991
|
+
this._popoverElement.set(undefined);
|
|
13992
|
+
this._popoverVisible.set(false);
|
|
13993
|
+
}
|
|
13994
|
+
/**
|
|
13995
|
+
* @hidden
|
|
13996
|
+
*/
|
|
13997
|
+
previous() {
|
|
13998
|
+
if (this.currentPage > 1) {
|
|
13999
|
+
this._currentPage.update(page => page - 1);
|
|
14000
|
+
}
|
|
14001
|
+
}
|
|
14002
|
+
/**
|
|
14003
|
+
* @hidden
|
|
14004
|
+
*/
|
|
14005
|
+
next() {
|
|
14006
|
+
if (this.currentPage < this.sources.length) {
|
|
14007
|
+
this._currentPage.update(page => page + 1);
|
|
14008
|
+
}
|
|
14009
|
+
}
|
|
14010
|
+
/**
|
|
14011
|
+
* @hidden
|
|
14012
|
+
*/
|
|
14013
|
+
messageFor(key) {
|
|
14014
|
+
return this.localization.get(key);
|
|
14015
|
+
}
|
|
14016
|
+
getDefaultLabel() {
|
|
14017
|
+
const sources = this._sources();
|
|
14018
|
+
if (!sources.length) {
|
|
14019
|
+
return '';
|
|
14020
|
+
}
|
|
14021
|
+
const primaryLabel = this.getSourceHostname(sources[0].url) ?? sources[0].title ?? '';
|
|
14022
|
+
const additionalCount = this._showAdditionalCount() && sources.length > 1
|
|
14023
|
+
? sources.length - 1
|
|
14024
|
+
: 0;
|
|
14025
|
+
return additionalCount ? `${primaryLabel} +${additionalCount}` : primaryLabel;
|
|
14026
|
+
}
|
|
14027
|
+
getSourceHostname(url) {
|
|
14028
|
+
if (!url) {
|
|
14029
|
+
return undefined;
|
|
14030
|
+
}
|
|
14031
|
+
try {
|
|
14032
|
+
return new URL(url).hostname;
|
|
14033
|
+
}
|
|
14034
|
+
catch {
|
|
14035
|
+
// Keep the raw URL when it cannot be parsed as an absolute URL.
|
|
14036
|
+
return url;
|
|
14037
|
+
}
|
|
14038
|
+
}
|
|
14039
|
+
getPopoverElement(anchor) {
|
|
14040
|
+
return anchor.popupRef.popupElement.querySelector('.k-popover') ?? undefined;
|
|
14041
|
+
}
|
|
14042
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: CitationComponent, deps: [{ token: i1.LocalizationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
14043
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: CitationComponent, isStandalone: true, selector: "kendo-citation", inputs: { sources: "sources", label: "label", icon: "icon", svgIcon: "svgIcon", sourceIcon: "sourceIcon", sourceSVGIcon: "sourceSVGIcon", showAdditionalCount: "showAdditionalCount", showOn: "showOn" }, outputs: { open: "open" }, host: { properties: { "attr.dir": "this.direction" } }, providers: [
|
|
14044
|
+
LocalizationService,
|
|
14045
|
+
{ provide: L10N_PREFIX, useValue: 'kendo.llmkit' }
|
|
14046
|
+
], queries: [{ propertyName: "popoverBodyTemplate", first: true, predicate: CitationBodyTemplateDirective, descendants: true }], exportAs: ["kendoCitation"], ngImport: i0, template: `
|
|
14047
|
+
<ng-container
|
|
14048
|
+
kendoLlmKitLocalizedMessages
|
|
14049
|
+
i18n-previousSourceAction="kendo.llmkit.previousSourceAction|The aria-label for the Citation popover's Previous-source action."
|
|
14050
|
+
previousSourceAction="Previous source"
|
|
14051
|
+
i18n-nextSourceAction="kendo.llmkit.nextSourceAction|The aria-label for the Citation popover's Next-source action."
|
|
14052
|
+
nextSourceAction="Next source">
|
|
14053
|
+
</ng-container>
|
|
14054
|
+
@if (sources.length > 0) {
|
|
14055
|
+
<kendo-chip
|
|
14056
|
+
#anchor="kendoPopoverAnchor"
|
|
14057
|
+
class="k-citation"
|
|
14058
|
+
[label]="label"
|
|
14059
|
+
[icon]="icon"
|
|
14060
|
+
[svgIcon]="svgIcon"
|
|
14061
|
+
size="small"
|
|
14062
|
+
fillMode="outline"
|
|
14063
|
+
rounded="full"
|
|
14064
|
+
[selected]="popoverVisible"
|
|
14065
|
+
kendoPopoverAnchor
|
|
14066
|
+
[popover]="popoverRef"
|
|
14067
|
+
[showOn]="showOn"
|
|
14068
|
+
></kendo-chip>
|
|
14069
|
+
<kendo-popover
|
|
14070
|
+
#popoverRef
|
|
14071
|
+
position="bottom"
|
|
14072
|
+
[callout]="false"
|
|
14073
|
+
[width]="318"
|
|
14074
|
+
(show)="handlePopoverShow()"
|
|
14075
|
+
(shown)="handlePopoverShown(anchor)"
|
|
14076
|
+
(hidden)="handlePopoverHidden(anchor)"
|
|
14077
|
+
>
|
|
14078
|
+
<ng-template kendoPopoverTitleTemplate>
|
|
14079
|
+
<span class="k-citation-pages">{{ currentPage }}/{{ sources.length }}</span>
|
|
14080
|
+
<kendo-buttongroup class="k-button-group-flat">
|
|
14081
|
+
<button
|
|
14082
|
+
kendoButton
|
|
14083
|
+
fillMode="flat"
|
|
14084
|
+
size="small"
|
|
14085
|
+
icon="arrow-left"
|
|
14086
|
+
[svgIcon]="previousIcon"
|
|
14087
|
+
[attr.aria-label]="messageFor('previousSourceAction')"
|
|
14088
|
+
[disabled]="currentPage === 1"
|
|
14089
|
+
(click)="previous()"
|
|
14090
|
+
></button>
|
|
14091
|
+
<button
|
|
14092
|
+
kendoButton
|
|
14093
|
+
fillMode="flat"
|
|
14094
|
+
size="small"
|
|
14095
|
+
icon="arrow-right"
|
|
14096
|
+
[svgIcon]="nextIcon"
|
|
14097
|
+
[attr.aria-label]="messageFor('nextSourceAction')"
|
|
14098
|
+
[disabled]="currentPage === sources.length"
|
|
14099
|
+
(click)="next()"
|
|
14100
|
+
></button>
|
|
14101
|
+
</kendo-buttongroup>
|
|
14102
|
+
</ng-template>
|
|
14103
|
+
<ng-template kendoPopoverBodyTemplate>
|
|
14104
|
+
@for (source of sources; track $index) {
|
|
14105
|
+
<div class="k-citation-popover-view">
|
|
14106
|
+
@if (popoverBodyTemplate) {
|
|
14107
|
+
<ng-container
|
|
14108
|
+
[ngTemplateOutlet]="popoverBodyTemplate.templateRef"
|
|
14109
|
+
[ngTemplateOutletContext]="{ $implicit: source }"
|
|
14110
|
+
></ng-container>
|
|
14111
|
+
} @else {
|
|
14112
|
+
@if (source.title) {
|
|
14113
|
+
<div class="k-citation-popover-view-title">{{ source.title }}</div>
|
|
14114
|
+
}
|
|
14115
|
+
@if (source.url) {
|
|
14116
|
+
<a [href]="source.url" class="k-citation-popover-view-source">
|
|
14117
|
+
<kendo-icon-wrapper size="small" [name]="sourceIcon" [svgIcon]="sourceSVGIcon"></kendo-icon-wrapper>
|
|
14118
|
+
{{ source.url }}
|
|
14119
|
+
</a>
|
|
14120
|
+
}
|
|
14121
|
+
@if (source.description) {
|
|
14122
|
+
<span class="k-citation-popover-view-body">{{ source.description }}</span>
|
|
14123
|
+
}
|
|
14124
|
+
}
|
|
14125
|
+
</div>
|
|
14126
|
+
}
|
|
14127
|
+
</ng-template>
|
|
14128
|
+
</kendo-popover>
|
|
14129
|
+
} @else {
|
|
14130
|
+
<kendo-chip
|
|
14131
|
+
class="k-citation"
|
|
14132
|
+
[label]="label"
|
|
14133
|
+
[icon]="icon"
|
|
14134
|
+
[svgIcon]="svgIcon"
|
|
14135
|
+
size="small"
|
|
14136
|
+
fillMode="outline"
|
|
14137
|
+
rounded="full"
|
|
14138
|
+
></kendo-chip>
|
|
14139
|
+
}
|
|
14140
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ChipComponent, selector: "kendo-chip", inputs: ["label", "icon", "svgIcon", "iconClass", "avatarSettings", "selected", "removable", "removeIcon", "removeSvgIcon", "hasMenu", "menuIcon", "menuSvgIcon", "disabled", "size", "rounded", "fillMode", "themeColor"], outputs: ["remove", "menuToggle", "contentClick"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: ButtonGroupComponent, selector: "kendo-buttongroup", inputs: ["disabled", "selection", "width", "tabIndex", "navigable"], outputs: ["navigate"], exportAs: ["kendoButtonGroup"] }, { kind: "component", type: PopoverComponent, selector: "kendo-popover", inputs: ["popupClass", "collision", "popupSettings", "position", "offset", "width", "height", "title", "subtitle", "body", "callout", "animation", "templateData"], outputs: ["show", "shown", "hide", "hidden", "closeOnKeyDown"] }, { kind: "directive", type: PopoverAnchorDirective, selector: "[kendoPopoverAnchor]", exportAs: ["kendoPopoverAnchor"] }, { kind: "directive", type: PopoverTitleTemplateDirective, selector: "[kendoPopoverTitleTemplate]" }, { kind: "directive", type: PopoverBodyTemplateDirective, selector: "[kendoPopoverBodyTemplate]" }, { kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoLlmKitLocalizedMessages]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
14141
|
+
}
|
|
14142
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: CitationComponent, decorators: [{
|
|
14143
|
+
type: Component,
|
|
14144
|
+
args: [{
|
|
14145
|
+
exportAs: 'kendoCitation',
|
|
14146
|
+
selector: 'kendo-citation',
|
|
14147
|
+
standalone: true,
|
|
14148
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
14149
|
+
providers: [
|
|
14150
|
+
LocalizationService,
|
|
14151
|
+
{ provide: L10N_PREFIX, useValue: 'kendo.llmkit' }
|
|
14152
|
+
],
|
|
14153
|
+
imports: [
|
|
14154
|
+
NgTemplateOutlet,
|
|
14155
|
+
ChipComponent,
|
|
14156
|
+
IconWrapperComponent,
|
|
14157
|
+
ButtonComponent,
|
|
14158
|
+
ButtonGroupComponent,
|
|
14159
|
+
PopoverComponent,
|
|
14160
|
+
PopoverAnchorDirective,
|
|
14161
|
+
PopoverTitleTemplateDirective,
|
|
14162
|
+
PopoverBodyTemplateDirective,
|
|
14163
|
+
LocalizedMessagesDirective
|
|
14164
|
+
],
|
|
14165
|
+
template: `
|
|
14166
|
+
<ng-container
|
|
14167
|
+
kendoLlmKitLocalizedMessages
|
|
14168
|
+
i18n-previousSourceAction="kendo.llmkit.previousSourceAction|The aria-label for the Citation popover's Previous-source action."
|
|
14169
|
+
previousSourceAction="Previous source"
|
|
14170
|
+
i18n-nextSourceAction="kendo.llmkit.nextSourceAction|The aria-label for the Citation popover's Next-source action."
|
|
14171
|
+
nextSourceAction="Next source">
|
|
14172
|
+
</ng-container>
|
|
14173
|
+
@if (sources.length > 0) {
|
|
14174
|
+
<kendo-chip
|
|
14175
|
+
#anchor="kendoPopoverAnchor"
|
|
14176
|
+
class="k-citation"
|
|
14177
|
+
[label]="label"
|
|
14178
|
+
[icon]="icon"
|
|
14179
|
+
[svgIcon]="svgIcon"
|
|
14180
|
+
size="small"
|
|
14181
|
+
fillMode="outline"
|
|
14182
|
+
rounded="full"
|
|
14183
|
+
[selected]="popoverVisible"
|
|
14184
|
+
kendoPopoverAnchor
|
|
14185
|
+
[popover]="popoverRef"
|
|
14186
|
+
[showOn]="showOn"
|
|
14187
|
+
></kendo-chip>
|
|
14188
|
+
<kendo-popover
|
|
14189
|
+
#popoverRef
|
|
14190
|
+
position="bottom"
|
|
14191
|
+
[callout]="false"
|
|
14192
|
+
[width]="318"
|
|
14193
|
+
(show)="handlePopoverShow()"
|
|
14194
|
+
(shown)="handlePopoverShown(anchor)"
|
|
14195
|
+
(hidden)="handlePopoverHidden(anchor)"
|
|
14196
|
+
>
|
|
14197
|
+
<ng-template kendoPopoverTitleTemplate>
|
|
14198
|
+
<span class="k-citation-pages">{{ currentPage }}/{{ sources.length }}</span>
|
|
14199
|
+
<kendo-buttongroup class="k-button-group-flat">
|
|
14200
|
+
<button
|
|
14201
|
+
kendoButton
|
|
14202
|
+
fillMode="flat"
|
|
14203
|
+
size="small"
|
|
14204
|
+
icon="arrow-left"
|
|
14205
|
+
[svgIcon]="previousIcon"
|
|
14206
|
+
[attr.aria-label]="messageFor('previousSourceAction')"
|
|
14207
|
+
[disabled]="currentPage === 1"
|
|
14208
|
+
(click)="previous()"
|
|
14209
|
+
></button>
|
|
14210
|
+
<button
|
|
14211
|
+
kendoButton
|
|
14212
|
+
fillMode="flat"
|
|
14213
|
+
size="small"
|
|
14214
|
+
icon="arrow-right"
|
|
14215
|
+
[svgIcon]="nextIcon"
|
|
14216
|
+
[attr.aria-label]="messageFor('nextSourceAction')"
|
|
14217
|
+
[disabled]="currentPage === sources.length"
|
|
14218
|
+
(click)="next()"
|
|
14219
|
+
></button>
|
|
14220
|
+
</kendo-buttongroup>
|
|
14221
|
+
</ng-template>
|
|
14222
|
+
<ng-template kendoPopoverBodyTemplate>
|
|
14223
|
+
@for (source of sources; track $index) {
|
|
14224
|
+
<div class="k-citation-popover-view">
|
|
14225
|
+
@if (popoverBodyTemplate) {
|
|
14226
|
+
<ng-container
|
|
14227
|
+
[ngTemplateOutlet]="popoverBodyTemplate.templateRef"
|
|
14228
|
+
[ngTemplateOutletContext]="{ $implicit: source }"
|
|
14229
|
+
></ng-container>
|
|
14230
|
+
} @else {
|
|
14231
|
+
@if (source.title) {
|
|
14232
|
+
<div class="k-citation-popover-view-title">{{ source.title }}</div>
|
|
14233
|
+
}
|
|
14234
|
+
@if (source.url) {
|
|
14235
|
+
<a [href]="source.url" class="k-citation-popover-view-source">
|
|
14236
|
+
<kendo-icon-wrapper size="small" [name]="sourceIcon" [svgIcon]="sourceSVGIcon"></kendo-icon-wrapper>
|
|
14237
|
+
{{ source.url }}
|
|
14238
|
+
</a>
|
|
14239
|
+
}
|
|
14240
|
+
@if (source.description) {
|
|
14241
|
+
<span class="k-citation-popover-view-body">{{ source.description }}</span>
|
|
14242
|
+
}
|
|
14243
|
+
}
|
|
14244
|
+
</div>
|
|
14245
|
+
}
|
|
14246
|
+
</ng-template>
|
|
14247
|
+
</kendo-popover>
|
|
14248
|
+
} @else {
|
|
14249
|
+
<kendo-chip
|
|
14250
|
+
class="k-citation"
|
|
14251
|
+
[label]="label"
|
|
14252
|
+
[icon]="icon"
|
|
14253
|
+
[svgIcon]="svgIcon"
|
|
14254
|
+
size="small"
|
|
14255
|
+
fillMode="outline"
|
|
14256
|
+
rounded="full"
|
|
14257
|
+
></kendo-chip>
|
|
14258
|
+
}
|
|
14259
|
+
`
|
|
14260
|
+
}]
|
|
14261
|
+
}], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i0.Renderer2 }], propDecorators: { popoverBodyTemplate: [{
|
|
14262
|
+
type: ContentChild,
|
|
14263
|
+
args: [CitationBodyTemplateDirective]
|
|
14264
|
+
}], sources: [{
|
|
14265
|
+
type: Input
|
|
14266
|
+
}], label: [{
|
|
14267
|
+
type: Input
|
|
14268
|
+
}], icon: [{
|
|
14269
|
+
type: Input
|
|
14270
|
+
}], svgIcon: [{
|
|
14271
|
+
type: Input
|
|
14272
|
+
}], sourceIcon: [{
|
|
14273
|
+
type: Input
|
|
14274
|
+
}], sourceSVGIcon: [{
|
|
14275
|
+
type: Input
|
|
14276
|
+
}], showAdditionalCount: [{
|
|
14277
|
+
type: Input
|
|
14278
|
+
}], showOn: [{
|
|
14279
|
+
type: Input
|
|
14280
|
+
}], open: [{
|
|
14281
|
+
type: Output
|
|
14282
|
+
}], direction: [{
|
|
14283
|
+
type: HostBinding,
|
|
14284
|
+
args: ['attr.dir']
|
|
14285
|
+
}] } });
|
|
14286
|
+
|
|
14287
|
+
/**
|
|
14288
|
+
* Represents the template for the content displayed between the Checkpoint's two separator lines.
|
|
14289
|
+
* Replaces the default action or restored-state content.
|
|
14290
|
+
*
|
|
14291
|
+
* @example
|
|
14292
|
+
* ```html
|
|
14293
|
+
* <kendo-checkpoint [state]="state" displayMode="always">
|
|
14294
|
+
* <ng-template kendoCheckpointTemplate>
|
|
14295
|
+
* <button kendoButton fillMode="flat" size="xsmall">Custom action</button>
|
|
14296
|
+
* </ng-template>
|
|
14297
|
+
* </kendo-checkpoint>
|
|
14298
|
+
* ```
|
|
14299
|
+
*/
|
|
14300
|
+
class CheckpointTemplateDirective {
|
|
14301
|
+
templateRef;
|
|
14302
|
+
constructor(templateRef) {
|
|
14303
|
+
this.templateRef = templateRef;
|
|
14304
|
+
}
|
|
14305
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: CheckpointTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
14306
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: CheckpointTemplateDirective, isStandalone: true, selector: "[kendoCheckpointTemplate]", ngImport: i0 });
|
|
14307
|
+
}
|
|
14308
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: CheckpointTemplateDirective, decorators: [{
|
|
14309
|
+
type: Directive,
|
|
14310
|
+
args: [{
|
|
14311
|
+
selector: '[kendoCheckpointTemplate]',
|
|
14312
|
+
standalone: true
|
|
14313
|
+
}]
|
|
14314
|
+
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
14315
|
+
|
|
14316
|
+
/**
|
|
14317
|
+
* Represents the [Kendo UI Checkpoint component for Angular](https://www.telerik.com/kendo-angular-ui/components/conversational-ui/llm-kit/checkpoint).
|
|
14318
|
+
* Displays a decorative separator between conversation turns with a restore or redo action.
|
|
14319
|
+
*
|
|
14320
|
+
* @example
|
|
14321
|
+
* ```html
|
|
14322
|
+
* <kendo-checkpoint state="restore" (action)="onCheckpointAction($event)"></kendo-checkpoint>
|
|
14323
|
+
* ```
|
|
14324
|
+
*/
|
|
14325
|
+
class CheckpointComponent {
|
|
14326
|
+
localization;
|
|
14327
|
+
/**
|
|
14328
|
+
* Renders the supplied template between the two separator lines instead of the default state-specific content.
|
|
14329
|
+
*
|
|
14330
|
+
* @hidden
|
|
14331
|
+
*/
|
|
14332
|
+
template;
|
|
14333
|
+
/**
|
|
14334
|
+
* Sets the current state of the Checkpoint.
|
|
14335
|
+
*/
|
|
14336
|
+
set state(value) {
|
|
14337
|
+
this._state.set(value);
|
|
14338
|
+
}
|
|
14339
|
+
get state() {
|
|
14340
|
+
return this._state();
|
|
14341
|
+
}
|
|
14342
|
+
/**
|
|
14343
|
+
* Sets whether the Checkpoint is always visible or visible only when the user hovers over it.
|
|
14344
|
+
*
|
|
14345
|
+
* @default 'hover'
|
|
14346
|
+
*/
|
|
14347
|
+
set displayMode(value) {
|
|
14348
|
+
this._displayMode.set(value);
|
|
14349
|
+
}
|
|
14350
|
+
get displayMode() {
|
|
14351
|
+
return this._displayMode();
|
|
14352
|
+
}
|
|
14353
|
+
/**
|
|
14354
|
+
* Fires when the user clicks the Checkpoint. The event arguments contain the current `state`.
|
|
14355
|
+
*/
|
|
14356
|
+
action = new EventEmitter();
|
|
14357
|
+
hostClass = true;
|
|
14358
|
+
get checkpointVisibleClass() {
|
|
14359
|
+
return this._displayMode() === 'always';
|
|
14360
|
+
}
|
|
14361
|
+
get direction() {
|
|
14362
|
+
return this._direction();
|
|
14363
|
+
}
|
|
14364
|
+
set direction(value) {
|
|
14365
|
+
this._direction.set(value);
|
|
14366
|
+
}
|
|
14367
|
+
_state = signal(undefined, ...(ngDevMode ? [{ debugName: "_state" }] : []));
|
|
14368
|
+
_displayMode = signal('hover', ...(ngDevMode ? [{ debugName: "_displayMode" }] : []));
|
|
14369
|
+
_direction = signal(undefined, ...(ngDevMode ? [{ debugName: "_direction" }] : []));
|
|
14370
|
+
subscription;
|
|
14371
|
+
constructor(localization) {
|
|
14372
|
+
this.localization = localization;
|
|
14373
|
+
validatePackage(packageMetadata);
|
|
14374
|
+
this.direction = this.localization.rtl ? 'rtl' : 'ltr';
|
|
14375
|
+
this.subscription = this.localization.changes.subscribe(({ rtl }) => {
|
|
14376
|
+
this.direction = rtl ? 'rtl' : 'ltr';
|
|
14377
|
+
});
|
|
14378
|
+
}
|
|
14379
|
+
ngOnDestroy() {
|
|
14380
|
+
this.subscription.unsubscribe();
|
|
14381
|
+
}
|
|
14382
|
+
/**
|
|
14383
|
+
* @hidden
|
|
14384
|
+
* Emits the `action` event with the current `state` on click.
|
|
14385
|
+
*/
|
|
14386
|
+
emitAction() {
|
|
14387
|
+
this.action.emit({ action: this.state });
|
|
14388
|
+
}
|
|
14389
|
+
/**
|
|
14390
|
+
* @hidden
|
|
14391
|
+
*/
|
|
14392
|
+
messageFor(key) {
|
|
14393
|
+
return this.localization.get(key);
|
|
14394
|
+
}
|
|
14395
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: CheckpointComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
14396
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: CheckpointComponent, isStandalone: true, selector: "kendo-checkpoint", inputs: { state: "state", displayMode: "displayMode" }, outputs: { action: "action" }, host: { properties: { "class.k-checkpoint": "this.hostClass", "class.k-checkpoint-visible": "this.checkpointVisibleClass", "attr.dir": "this.direction" } }, providers: [
|
|
14397
|
+
LocalizationService,
|
|
14398
|
+
{ provide: L10N_PREFIX, useValue: 'kendo.llmkit' }
|
|
14399
|
+
], queries: [{ propertyName: "template", first: true, predicate: CheckpointTemplateDirective, descendants: true }], exportAs: ["kendoCheckpoint"], ngImport: i0, template: `
|
|
14400
|
+
<ng-container
|
|
14401
|
+
kendoLlmKitLocalizedMessages
|
|
14402
|
+
i18n-startOverAction="kendo.llmkit.startOverAction|The text for the Checkpoint's default action in the startOver state."
|
|
14403
|
+
startOverAction="Start Over"
|
|
14404
|
+
i18n-restoreAction="kendo.llmkit.restoreAction|The text for the Checkpoint's default action in the restore state."
|
|
14405
|
+
restoreAction="Restore Checkpoint"
|
|
14406
|
+
i18n-redoAction="kendo.llmkit.redoAction|The text for the Checkpoint's default action in the redo state."
|
|
14407
|
+
redoAction="Redo"
|
|
14408
|
+
i18n-checkpointRestoredText="kendo.llmkit.checkpointRestoredText|The text for the Checkpoint's default stamp shown in the redo state."
|
|
14409
|
+
checkpointRestoredText="Checkpoint Restored">
|
|
14410
|
+
</ng-container>
|
|
14411
|
+
<span class="k-checkpoint-line" aria-hidden="true"></span>
|
|
14412
|
+
@if (template) {
|
|
14413
|
+
<ng-container [ngTemplateOutlet]="template.templateRef"></ng-container>
|
|
14414
|
+
} @else {
|
|
14415
|
+
@switch (state) {
|
|
14416
|
+
@case ('startOver') {
|
|
14417
|
+
<button kendoButton fillMode="flat" size="small" (click)="emitAction()">{{ messageFor('startOverAction') }}</button>
|
|
14418
|
+
}
|
|
14419
|
+
@case ('restore') {
|
|
14420
|
+
<button kendoButton fillMode="flat" size="small" (click)="emitAction()">{{ messageFor('restoreAction') }}</button>
|
|
14421
|
+
}
|
|
14422
|
+
@case ('redo') {
|
|
14423
|
+
<span class="k-checkpoint-stamp">{{ messageFor('checkpointRestoredText') }}</span>
|
|
14424
|
+
<span>·</span>
|
|
14425
|
+
<button kendoButton fillMode="flat" size="small" (click)="emitAction()">{{ messageFor('redoAction') }}</button>
|
|
14426
|
+
}
|
|
14427
|
+
}
|
|
14428
|
+
}
|
|
14429
|
+
<span class="k-checkpoint-line" aria-hidden="true"></span>
|
|
14430
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoLlmKitLocalizedMessages]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
14431
|
+
}
|
|
14432
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: CheckpointComponent, decorators: [{
|
|
14433
|
+
type: Component,
|
|
14434
|
+
args: [{
|
|
14435
|
+
exportAs: 'kendoCheckpoint',
|
|
14436
|
+
selector: 'kendo-checkpoint',
|
|
14437
|
+
standalone: true,
|
|
14438
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
14439
|
+
providers: [
|
|
14440
|
+
LocalizationService,
|
|
14441
|
+
{ provide: L10N_PREFIX, useValue: 'kendo.llmkit' }
|
|
14442
|
+
],
|
|
14443
|
+
imports: [NgTemplateOutlet, ButtonComponent, LocalizedMessagesDirective],
|
|
14444
|
+
template: `
|
|
14445
|
+
<ng-container
|
|
14446
|
+
kendoLlmKitLocalizedMessages
|
|
14447
|
+
i18n-startOverAction="kendo.llmkit.startOverAction|The text for the Checkpoint's default action in the startOver state."
|
|
14448
|
+
startOverAction="Start Over"
|
|
14449
|
+
i18n-restoreAction="kendo.llmkit.restoreAction|The text for the Checkpoint's default action in the restore state."
|
|
14450
|
+
restoreAction="Restore Checkpoint"
|
|
14451
|
+
i18n-redoAction="kendo.llmkit.redoAction|The text for the Checkpoint's default action in the redo state."
|
|
14452
|
+
redoAction="Redo"
|
|
14453
|
+
i18n-checkpointRestoredText="kendo.llmkit.checkpointRestoredText|The text for the Checkpoint's default stamp shown in the redo state."
|
|
14454
|
+
checkpointRestoredText="Checkpoint Restored">
|
|
14455
|
+
</ng-container>
|
|
14456
|
+
<span class="k-checkpoint-line" aria-hidden="true"></span>
|
|
14457
|
+
@if (template) {
|
|
14458
|
+
<ng-container [ngTemplateOutlet]="template.templateRef"></ng-container>
|
|
14459
|
+
} @else {
|
|
14460
|
+
@switch (state) {
|
|
14461
|
+
@case ('startOver') {
|
|
14462
|
+
<button kendoButton fillMode="flat" size="small" (click)="emitAction()">{{ messageFor('startOverAction') }}</button>
|
|
14463
|
+
}
|
|
14464
|
+
@case ('restore') {
|
|
14465
|
+
<button kendoButton fillMode="flat" size="small" (click)="emitAction()">{{ messageFor('restoreAction') }}</button>
|
|
14466
|
+
}
|
|
14467
|
+
@case ('redo') {
|
|
14468
|
+
<span class="k-checkpoint-stamp">{{ messageFor('checkpointRestoredText') }}</span>
|
|
14469
|
+
<span>·</span>
|
|
14470
|
+
<button kendoButton fillMode="flat" size="small" (click)="emitAction()">{{ messageFor('redoAction') }}</button>
|
|
14471
|
+
}
|
|
14472
|
+
}
|
|
14473
|
+
}
|
|
14474
|
+
<span class="k-checkpoint-line" aria-hidden="true"></span>
|
|
14475
|
+
`
|
|
14476
|
+
}]
|
|
14477
|
+
}], ctorParameters: () => [{ type: i1.LocalizationService }], propDecorators: { template: [{
|
|
14478
|
+
type: ContentChild,
|
|
14479
|
+
args: [CheckpointTemplateDirective]
|
|
14480
|
+
}], state: [{
|
|
14481
|
+
type: Input
|
|
14482
|
+
}], displayMode: [{
|
|
14483
|
+
type: Input
|
|
14484
|
+
}], action: [{
|
|
14485
|
+
type: Output
|
|
14486
|
+
}], hostClass: [{
|
|
14487
|
+
type: HostBinding,
|
|
14488
|
+
args: ['class.k-checkpoint']
|
|
14489
|
+
}], checkpointVisibleClass: [{
|
|
14490
|
+
type: HostBinding,
|
|
14491
|
+
args: ['class.k-checkpoint-visible']
|
|
14492
|
+
}], direction: [{
|
|
14493
|
+
type: HostBinding,
|
|
14494
|
+
args: ['attr.dir']
|
|
14495
|
+
}] } });
|
|
14496
|
+
|
|
14497
|
+
/**
|
|
14498
|
+
* Represents the custom messages component shared by the LLM Kit primitives (`Reasoning`, `ChainOfThought`,
|
|
14499
|
+
* `ToolCall`, `Citation`, and `Checkpoint`).
|
|
14500
|
+
*
|
|
14501
|
+
* Use this component to override the default messages for the LLM Kit primitives
|
|
14502
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/conversational-ui/globalization#custom-messages)).
|
|
14503
|
+
*
|
|
14504
|
+
* @example
|
|
14505
|
+
* ```html
|
|
14506
|
+
* <kendo-llmkit-messages
|
|
14507
|
+
* approveAction="Allow"
|
|
14508
|
+
* rejectAction="Deny">
|
|
14509
|
+
* </kendo-llmkit-messages>
|
|
14510
|
+
* ```
|
|
14511
|
+
*/
|
|
14512
|
+
class LlmKitCustomMessagesComponent extends LlmKitMessages {
|
|
14513
|
+
service;
|
|
14514
|
+
constructor(service) {
|
|
14515
|
+
super();
|
|
14516
|
+
this.service = service;
|
|
14517
|
+
}
|
|
14518
|
+
get override() {
|
|
14519
|
+
return true;
|
|
14520
|
+
}
|
|
14521
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: LlmKitCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
14522
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.27", type: LlmKitCustomMessagesComponent, isStandalone: true, selector: "kendo-llmkit-messages", providers: [
|
|
14523
|
+
{
|
|
14524
|
+
provide: LlmKitMessages,
|
|
14525
|
+
useExisting: forwardRef(() => LlmKitCustomMessagesComponent)
|
|
14526
|
+
}
|
|
14527
|
+
], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
|
|
14528
|
+
}
|
|
14529
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: LlmKitCustomMessagesComponent, decorators: [{
|
|
14530
|
+
type: Component,
|
|
14531
|
+
args: [{
|
|
14532
|
+
providers: [
|
|
14533
|
+
{
|
|
14534
|
+
provide: LlmKitMessages,
|
|
14535
|
+
useExisting: forwardRef(() => LlmKitCustomMessagesComponent)
|
|
14536
|
+
}
|
|
14537
|
+
],
|
|
14538
|
+
selector: 'kendo-llmkit-messages',
|
|
14539
|
+
template: ``,
|
|
14540
|
+
standalone: true
|
|
14541
|
+
}]
|
|
14542
|
+
}], ctorParameters: () => [{ type: i1.LocalizationService }] });
|
|
14543
|
+
|
|
14544
|
+
/**
|
|
14545
|
+
* Utility array that contains all AIPrompt related components and directives.
|
|
14546
|
+
*
|
|
14547
|
+
* @example
|
|
14548
|
+
* ```ts
|
|
14549
|
+
* import { Component } from '@angular/core';
|
|
14550
|
+
* import { KENDO_AIPROMPT } from '@progress/kendo-angular-conversational-ui';
|
|
14551
|
+
*
|
|
14552
|
+
* @Component({
|
|
14553
|
+
* standalone: true,
|
|
14554
|
+
* imports: [KENDO_AIPROMPT],
|
|
14555
|
+
* selector: 'my-app',
|
|
14556
|
+
* template: `<kendo-aiprompt></kendo-aiprompt>`
|
|
14557
|
+
* })
|
|
14558
|
+
* export class AppComponent {}
|
|
14559
|
+
* ```
|
|
14560
|
+
*/
|
|
14561
|
+
const KENDO_AIPROMPT = [
|
|
14562
|
+
AIPromptComponent,
|
|
14563
|
+
PromptViewComponent,
|
|
14564
|
+
OutputViewComponent,
|
|
14565
|
+
CommandViewComponent,
|
|
14566
|
+
CustomViewComponent,
|
|
14567
|
+
AIPromptCustomMessagesComponent,
|
|
14568
|
+
AIPromptToolbarActionsDirective,
|
|
14569
|
+
AIPromptToolbarFocusableDirective,
|
|
14570
|
+
AIPromptOutputTemplateDirective,
|
|
14571
|
+
AIPromptOutputBodyTemplateDirective,
|
|
14572
|
+
];
|
|
14573
|
+
/**
|
|
14574
|
+
* Utility array that contains all Chat related components and directives.
|
|
14575
|
+
*
|
|
14576
|
+
* @example
|
|
14577
|
+
* ```ts
|
|
14578
|
+
* import { Component } from '@angular/core';
|
|
14579
|
+
* import { KENDO_CHAT } from '@progress/kendo-angular-conversational-ui';
|
|
14580
|
+
*
|
|
14581
|
+
* @Component({
|
|
14582
|
+
* standalone: true,
|
|
14583
|
+
* imports: [KENDO_CHAT],
|
|
14584
|
+
* selector: 'my-app',
|
|
14585
|
+
* template: `<kendo-chat></kendo-chat>`
|
|
14586
|
+
* })
|
|
14587
|
+
* export class AppComponent {}
|
|
14588
|
+
* ```
|
|
14589
|
+
*/
|
|
14590
|
+
const KENDO_CHAT = [
|
|
14591
|
+
ChatComponent,
|
|
14592
|
+
CustomMessagesComponent,
|
|
14593
|
+
AttachmentTemplateDirective,
|
|
14594
|
+
AuthorMessageContentTemplateDirective,
|
|
14595
|
+
ReceiverMessageContentTemplateDirective,
|
|
14596
|
+
MessageContentTemplateDirective,
|
|
14597
|
+
AuthorMessageTemplateDirective,
|
|
14598
|
+
ReceiverMessageTemplateDirective,
|
|
14599
|
+
MessageTemplateDirective,
|
|
14600
|
+
HeroCardComponent,
|
|
12038
14601
|
ChatMessageBoxTemplateDirective,
|
|
12039
14602
|
ChatMessageBoxStartAffixTemplateDirective,
|
|
12040
14603
|
ChatMessageBoxEndAffixTemplateDirective,
|
|
@@ -12096,6 +14659,39 @@ const KENDO_PROMPTBOX = [
|
|
|
12096
14659
|
PromptBoxFileSelectButtonComponent,
|
|
12097
14660
|
PromptBoxHeaderTemplateDirective
|
|
12098
14661
|
];
|
|
14662
|
+
/**
|
|
14663
|
+
* Utility array that contains all LLM Kit related components and directives.
|
|
14664
|
+
*
|
|
14665
|
+
* @example
|
|
14666
|
+
* ```ts
|
|
14667
|
+
* import { Component } from '@angular/core';
|
|
14668
|
+
* import { KENDO_LLM_KIT } from '@progress/kendo-angular-conversational-ui';
|
|
14669
|
+
*
|
|
14670
|
+
* @Component({
|
|
14671
|
+
* standalone: true,
|
|
14672
|
+
* imports: [KENDO_LLM_KIT],
|
|
14673
|
+
* selector: 'my-app',
|
|
14674
|
+
* template: `<kendo-reasoning content="Analyzing the request."></kendo-reasoning>`
|
|
14675
|
+
* })
|
|
14676
|
+
* export class AppComponent {}
|
|
14677
|
+
* ```
|
|
14678
|
+
*/
|
|
14679
|
+
const KENDO_LLM_KIT = [
|
|
14680
|
+
ReasoningComponent,
|
|
14681
|
+
ChainOfThoughtComponent,
|
|
14682
|
+
ToolCallComponent,
|
|
14683
|
+
CitationComponent,
|
|
14684
|
+
CheckpointComponent,
|
|
14685
|
+
LlmKitCustomMessagesComponent,
|
|
14686
|
+
ReasoningContentTemplateDirective,
|
|
14687
|
+
ThoughtTemplateDirective,
|
|
14688
|
+
ToolCallParametersTemplateDirective,
|
|
14689
|
+
ToolCallApprovalTemplateDirective,
|
|
14690
|
+
ToolCallResultTemplateDirective,
|
|
14691
|
+
ToolCallErrorTemplateDirective,
|
|
14692
|
+
CitationBodyTemplateDirective,
|
|
14693
|
+
CheckpointTemplateDirective
|
|
14694
|
+
];
|
|
12099
14695
|
/**
|
|
12100
14696
|
* Utility array that contains all `@progress/kendo-angular-conversational-ui` related components and directives.
|
|
12101
14697
|
*
|
|
@@ -12120,7 +14716,8 @@ const KENDO_CONVERSATIONALUI = [
|
|
|
12120
14716
|
...KENDO_AIPROMPT,
|
|
12121
14717
|
...KENDO_CHAT,
|
|
12122
14718
|
...KENDO_INLINEAIPROMPT,
|
|
12123
|
-
...KENDO_PROMPTBOX
|
|
14719
|
+
...KENDO_PROMPTBOX,
|
|
14720
|
+
...KENDO_LLM_KIT
|
|
12124
14721
|
];
|
|
12125
14722
|
|
|
12126
14723
|
// IMPORTANT: NgModule export kept for backwards compatibility
|
|
@@ -12143,11 +14740,11 @@ const KENDO_CONVERSATIONALUI = [
|
|
|
12143
14740
|
* ```
|
|
12144
14741
|
*/
|
|
12145
14742
|
class AIPromptModule {
|
|
12146
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
12147
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
12148
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
14743
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: AIPromptModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
14744
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.27", ngImport: i0, type: AIPromptModule, imports: [AIPromptComponent, PromptViewComponent, OutputViewComponent, CommandViewComponent, CustomViewComponent, AIPromptCustomMessagesComponent, AIPromptToolbarActionsDirective, AIPromptToolbarFocusableDirective, AIPromptOutputTemplateDirective, AIPromptOutputBodyTemplateDirective], exports: [AIPromptComponent, PromptViewComponent, OutputViewComponent, CommandViewComponent, CustomViewComponent, AIPromptCustomMessagesComponent, AIPromptToolbarActionsDirective, AIPromptToolbarFocusableDirective, AIPromptOutputTemplateDirective, AIPromptOutputBodyTemplateDirective] });
|
|
14745
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: AIPromptModule, providers: [IconsService, PopupService, ResizeBatchService, DialogContainerService, DialogService, WindowService, WindowContainerService], imports: [AIPromptComponent, PromptViewComponent, OutputViewComponent, CommandViewComponent] });
|
|
12149
14746
|
}
|
|
12150
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
14747
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: AIPromptModule, decorators: [{
|
|
12151
14748
|
type: NgModule,
|
|
12152
14749
|
args: [{
|
|
12153
14750
|
exports: [...KENDO_AIPROMPT],
|
|
@@ -12179,11 +14776,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
|
|
|
12179
14776
|
* ```
|
|
12180
14777
|
*/
|
|
12181
14778
|
class ChatModule {
|
|
12182
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
12183
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
12184
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
14779
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ChatModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
14780
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.27", ngImport: i0, type: ChatModule, imports: [ChatComponent, CustomMessagesComponent, AttachmentTemplateDirective, AuthorMessageContentTemplateDirective, ReceiverMessageContentTemplateDirective, MessageContentTemplateDirective, AuthorMessageTemplateDirective, ReceiverMessageTemplateDirective, MessageTemplateDirective, HeroCardComponent, ChatMessageBoxTemplateDirective, ChatMessageBoxStartAffixTemplateDirective, ChatMessageBoxEndAffixTemplateDirective, ChatMessageBoxTopAffixTemplateDirective, ChatHeaderTemplateDirective, NoDataTemplateDirective, ChatTimestampTemplateDirective, ChatStatusTemplateDirective, ChatSuggestionTemplateDirective, ChatUserStatusTemplateDirective], exports: [ChatComponent, CustomMessagesComponent, AttachmentTemplateDirective, AuthorMessageContentTemplateDirective, ReceiverMessageContentTemplateDirective, MessageContentTemplateDirective, AuthorMessageTemplateDirective, ReceiverMessageTemplateDirective, MessageTemplateDirective, HeroCardComponent, ChatMessageBoxTemplateDirective, ChatMessageBoxStartAffixTemplateDirective, ChatMessageBoxEndAffixTemplateDirective, ChatMessageBoxTopAffixTemplateDirective, ChatHeaderTemplateDirective, NoDataTemplateDirective, ChatTimestampTemplateDirective, ChatStatusTemplateDirective, ChatSuggestionTemplateDirective, ChatUserStatusTemplateDirective] });
|
|
14781
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ChatModule, providers: [IconsService, ResizeBatchService], imports: [ChatComponent, HeroCardComponent] });
|
|
12185
14782
|
}
|
|
12186
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
14783
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ChatModule, decorators: [{
|
|
12187
14784
|
type: NgModule,
|
|
12188
14785
|
args: [{
|
|
12189
14786
|
exports: [...KENDO_CHAT],
|
|
@@ -12212,11 +14809,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
|
|
|
12212
14809
|
* ```
|
|
12213
14810
|
*/
|
|
12214
14811
|
class ConversationalUIModule {
|
|
12215
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
12216
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
12217
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
14812
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ConversationalUIModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
14813
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.27", ngImport: i0, type: ConversationalUIModule, imports: [AIPromptComponent, PromptViewComponent, OutputViewComponent, CommandViewComponent, CustomViewComponent, AIPromptCustomMessagesComponent, AIPromptToolbarActionsDirective, AIPromptToolbarFocusableDirective, AIPromptOutputTemplateDirective, AIPromptOutputBodyTemplateDirective, ChatComponent, CustomMessagesComponent, AttachmentTemplateDirective, AuthorMessageContentTemplateDirective, ReceiverMessageContentTemplateDirective, MessageContentTemplateDirective, AuthorMessageTemplateDirective, ReceiverMessageTemplateDirective, MessageTemplateDirective, HeroCardComponent, ChatMessageBoxTemplateDirective, ChatMessageBoxStartAffixTemplateDirective, ChatMessageBoxEndAffixTemplateDirective, ChatMessageBoxTopAffixTemplateDirective, ChatHeaderTemplateDirective, NoDataTemplateDirective, ChatTimestampTemplateDirective, ChatStatusTemplateDirective, ChatSuggestionTemplateDirective, ChatUserStatusTemplateDirective, InlineAIPromptComponent, InlineAIPromptOutputTemplateDirective, InlineAIPromptCustomMessagesComponent, PromptBoxComponent, PromptBoxCustomMessagesComponent, PromptBoxStartAffixComponent, PromptBoxEndAffixComponent, PromptBoxTopAffixComponent, PromptBoxSpeechToTextButtonComponent, PromptBoxActionButtonComponent, PromptBoxFileSelectButtonComponent, PromptBoxHeaderTemplateDirective, ReasoningComponent, ChainOfThoughtComponent, ToolCallComponent, CitationComponent, CheckpointComponent, LlmKitCustomMessagesComponent, ReasoningContentTemplateDirective, ThoughtTemplateDirective, ToolCallParametersTemplateDirective, ToolCallApprovalTemplateDirective, ToolCallResultTemplateDirective, ToolCallErrorTemplateDirective, CitationBodyTemplateDirective, CheckpointTemplateDirective], exports: [AIPromptComponent, PromptViewComponent, OutputViewComponent, CommandViewComponent, CustomViewComponent, AIPromptCustomMessagesComponent, AIPromptToolbarActionsDirective, AIPromptToolbarFocusableDirective, AIPromptOutputTemplateDirective, AIPromptOutputBodyTemplateDirective, ChatComponent, CustomMessagesComponent, AttachmentTemplateDirective, AuthorMessageContentTemplateDirective, ReceiverMessageContentTemplateDirective, MessageContentTemplateDirective, AuthorMessageTemplateDirective, ReceiverMessageTemplateDirective, MessageTemplateDirective, HeroCardComponent, ChatMessageBoxTemplateDirective, ChatMessageBoxStartAffixTemplateDirective, ChatMessageBoxEndAffixTemplateDirective, ChatMessageBoxTopAffixTemplateDirective, ChatHeaderTemplateDirective, NoDataTemplateDirective, ChatTimestampTemplateDirective, ChatStatusTemplateDirective, ChatSuggestionTemplateDirective, ChatUserStatusTemplateDirective, InlineAIPromptComponent, InlineAIPromptOutputTemplateDirective, InlineAIPromptCustomMessagesComponent, PromptBoxComponent, PromptBoxCustomMessagesComponent, PromptBoxStartAffixComponent, PromptBoxEndAffixComponent, PromptBoxTopAffixComponent, PromptBoxSpeechToTextButtonComponent, PromptBoxActionButtonComponent, PromptBoxFileSelectButtonComponent, PromptBoxHeaderTemplateDirective, ReasoningComponent, ChainOfThoughtComponent, ToolCallComponent, CitationComponent, CheckpointComponent, LlmKitCustomMessagesComponent, ReasoningContentTemplateDirective, ThoughtTemplateDirective, ToolCallParametersTemplateDirective, ToolCallApprovalTemplateDirective, ToolCallResultTemplateDirective, ToolCallErrorTemplateDirective, CitationBodyTemplateDirective, CheckpointTemplateDirective] });
|
|
14814
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ConversationalUIModule, providers: [IconsService, PopupService, ResizeBatchService, DialogContainerService, DialogService, WindowService, WindowContainerService], imports: [AIPromptComponent, PromptViewComponent, OutputViewComponent, CommandViewComponent, ChatComponent, HeroCardComponent, InlineAIPromptComponent, PromptBoxComponent, PromptBoxSpeechToTextButtonComponent, PromptBoxActionButtonComponent, PromptBoxFileSelectButtonComponent, ReasoningComponent, ChainOfThoughtComponent, ToolCallComponent, CitationComponent, CheckpointComponent] });
|
|
12218
14815
|
}
|
|
12219
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
14816
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ConversationalUIModule, decorators: [{
|
|
12220
14817
|
type: NgModule,
|
|
12221
14818
|
args: [{
|
|
12222
14819
|
exports: [...KENDO_CONVERSATIONALUI],
|
|
@@ -12245,11 +14842,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
|
|
|
12245
14842
|
* ```
|
|
12246
14843
|
*/
|
|
12247
14844
|
class InlineAIPromptModule {
|
|
12248
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
12249
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
12250
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
14845
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: InlineAIPromptModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
14846
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.27", ngImport: i0, type: InlineAIPromptModule, imports: [InlineAIPromptComponent, InlineAIPromptOutputTemplateDirective, InlineAIPromptCustomMessagesComponent], exports: [InlineAIPromptComponent, InlineAIPromptOutputTemplateDirective, InlineAIPromptCustomMessagesComponent] });
|
|
14847
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: InlineAIPromptModule, providers: [IconsService, PopupService, ResizeBatchService, DialogContainerService, DialogService, WindowService, WindowContainerService], imports: [InlineAIPromptComponent] });
|
|
12251
14848
|
}
|
|
12252
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
14849
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: InlineAIPromptModule, decorators: [{
|
|
12253
14850
|
type: NgModule,
|
|
12254
14851
|
args: [{
|
|
12255
14852
|
exports: [...KENDO_INLINEAIPROMPT],
|
|
@@ -12331,10 +14928,10 @@ class InlineAIPromptService {
|
|
|
12331
14928
|
});
|
|
12332
14929
|
return component;
|
|
12333
14930
|
}
|
|
12334
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
12335
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.
|
|
14931
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: InlineAIPromptService, deps: [{ token: i1$2.PopupService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
14932
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: InlineAIPromptService, providedIn: 'root' });
|
|
12336
14933
|
}
|
|
12337
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
14934
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: InlineAIPromptService, decorators: [{
|
|
12338
14935
|
type: Injectable,
|
|
12339
14936
|
args: [{
|
|
12340
14937
|
providedIn: 'root'
|
|
@@ -12401,5 +14998,5 @@ class InlineAIPromptSettings {
|
|
|
12401
14998
|
* Generated bundle index. Do not edit.
|
|
12402
14999
|
*/
|
|
12403
15000
|
|
|
12404
|
-
export { AIPromptComponent, AIPromptCustomMessagesComponent, AIPromptModule, AIPromptOutputBodyTemplateDirective, AIPromptOutputTemplateDirective, AIPromptToolbarActionsDirective, AIPromptToolbarFocusableDirective, AttachmentTemplateDirective, AuthorMessageContentTemplateDirective, AuthorMessageTemplateDirective, ChatComponent, ChatHeaderTemplateDirective, ChatMessageBoxEndAffixTemplateDirective, ChatMessageBoxStartAffixTemplateDirective, ChatMessageBoxTemplateDirective, ChatMessageBoxTopAffixTemplateDirective, ChatModule, ChatStatusTemplateDirective, ChatSuggestionTemplateDirective, ChatTimestampTemplateDirective, ChatUserStatusTemplateDirective, CommandViewComponent, ConversationalUIModule, CustomMessagesComponent, CustomViewComponent, ExecuteActionEvent, HeroCardComponent, InlineAIPromptComponent, InlineAIPromptCustomMessagesComponent, InlineAIPromptModule, InlineAIPromptOutputTemplateDirective, InlineAIPromptService, InlineAIPromptSettings, KENDO_AIPROMPT, KENDO_CHAT, KENDO_CONVERSATIONALUI, KENDO_INLINEAIPROMPT, KENDO_PROMPTBOX, MessageContentTemplateDirective, MessageTemplateDirective, NoDataTemplateDirective, OutputViewComponent, PromptBoxActionButtonComponent, PromptBoxComponent, PromptBoxCustomMessagesComponent, PromptBoxEndAffixComponent, PromptBoxFileSelectButtonComponent, PromptBoxHeaderTemplateDirective, PromptBoxSpeechToTextButtonComponent, PromptBoxStartAffixComponent, PromptBoxTopAffixComponent, PromptViewComponent, ReceiverMessageContentTemplateDirective, ReceiverMessageTemplateDirective, SendMessageEvent };
|
|
15001
|
+
export { AIPromptComponent, AIPromptCustomMessagesComponent, AIPromptModule, AIPromptOutputBodyTemplateDirective, AIPromptOutputTemplateDirective, AIPromptToolbarActionsDirective, AIPromptToolbarFocusableDirective, AttachmentTemplateDirective, AuthorMessageContentTemplateDirective, AuthorMessageTemplateDirective, ChainOfThoughtComponent, ChatComponent, ChatHeaderTemplateDirective, ChatMessageBoxEndAffixTemplateDirective, ChatMessageBoxStartAffixTemplateDirective, ChatMessageBoxTemplateDirective, ChatMessageBoxTopAffixTemplateDirective, ChatModule, ChatStatusTemplateDirective, ChatSuggestionTemplateDirective, ChatTimestampTemplateDirective, ChatUserStatusTemplateDirective, CheckpointComponent, CheckpointTemplateDirective, CitationBodyTemplateDirective, CitationComponent, CommandViewComponent, ConversationalUIModule, CustomMessagesComponent, CustomViewComponent, ExecuteActionEvent, HeroCardComponent, InlineAIPromptComponent, InlineAIPromptCustomMessagesComponent, InlineAIPromptModule, InlineAIPromptOutputTemplateDirective, InlineAIPromptService, InlineAIPromptSettings, KENDO_AIPROMPT, KENDO_CHAT, KENDO_CONVERSATIONALUI, KENDO_INLINEAIPROMPT, KENDO_LLM_KIT, KENDO_PROMPTBOX, LlmKitCustomMessagesComponent, LlmKitMessages, LocalizedMessagesDirective, MessageContentTemplateDirective, MessageTemplateDirective, NoDataTemplateDirective, OutputViewComponent, PromptBoxActionButtonComponent, PromptBoxComponent, PromptBoxCustomMessagesComponent, PromptBoxEndAffixComponent, PromptBoxFileSelectButtonComponent, PromptBoxHeaderTemplateDirective, PromptBoxSpeechToTextButtonComponent, PromptBoxStartAffixComponent, PromptBoxTopAffixComponent, PromptViewComponent, ReasoningComponent, ReasoningContentTemplateDirective, ReceiverMessageContentTemplateDirective, ReceiverMessageTemplateDirective, SendMessageEvent, ThoughtTemplateDirective, ToolCallApprovalTemplateDirective, ToolCallComponent, ToolCallErrorTemplateDirective, ToolCallParametersTemplateDirective, ToolCallResultTemplateDirective };
|
|
12405
15002
|
|