regenerate(chat)

Author: marker dao ®

packages/devextreme-angular/src/ui/chat/index.ts

@@ -28,6 +28,7 @@ import type { Store } from 'devextreme/data/store';
 import type { Format } from 'devextreme/common/core/localization';
 import type { dxFileUploaderOptions } from 'devextreme/ui/file_uploader';
 import type { dxSpeechToTextOptions } from 'devextreme/ui/speech_to_text';
+import type { dxButtonGroupOptions } from 'devextreme/ui/button_group';
 
 import DxChat from 'devextreme/ui/chat';
 
@@ -55,6 +56,7 @@ import { DxoUserModule } from 'devextreme-angular/ui/nested';
 import { DxiChatAlertModule } from 'devextreme-angular/ui/chat/nested';
 import { DxiChatAttachmentModule } from 'devextreme-angular/ui/chat/nested';
 import { DxoChatAuthorModule } from 'devextreme-angular/ui/chat/nested';
+import { DxiChatChatItemModule } from 'devextreme-angular/ui/chat/nested';
 import { DxoChatCustomSpeechRecognizerModule } from 'devextreme-angular/ui/chat/nested';
 import { DxoChatDayHeaderFormatModule } from 'devextreme-angular/ui/chat/nested';
 import { DxoChatEditingModule } from 'devextreme-angular/ui/chat/nested';
@@ -64,6 +66,8 @@ import { DxoChatMessageTimestampFormatModule } from 'devextreme-angular/ui/chat/
 import { DxoChatSendButtonOptionsModule } from 'devextreme-angular/ui/chat/nested';
 import { DxoChatSpeechRecognitionConfigModule } from 'devextreme-angular/ui/chat/nested';
 import { DxoChatSpeechToTextOptionsModule } from 'devextreme-angular/ui/chat/nested';
+import { DxoChatSuggestionsModule } from 'devextreme-angular/ui/chat/nested';
+import { DxiChatSuggestionsItemModule } from 'devextreme-angular/ui/chat/nested';
 import { DxiChatTypingUserModule } from 'devextreme-angular/ui/chat/nested';
 import { DxoChatUserModule } from 'devextreme-angular/ui/chat/nested';
 import { 
@@ -454,6 +458,16 @@ export class DxChatComponent extends DxComponent implements OnDestroy, OnChanges
     }
 
 
+    
+    @Input()
+    get suggestions(): dxButtonGroupOptions {
+        return this._getOption('suggestions');
+    }
+    set suggestions(value: dxButtonGroupOptions) {
+        this._setOption('suggestions', value);
+    }
+
+
     /**
      * [descr:dxChatOptions.typingUsers]
     
@@ -806,6 +820,13 @@ export class DxChatComponent extends DxComponent implements OnDestroy, OnChanges
      */
     @Output() speechToTextOptionsChange: EventEmitter<dxSpeechToTextOptions>;
 
+    /**
+    
+     * This member supports the internal infrastructure and is not intended to be used directly from your code.
+    
+     */
+    @Output() suggestionsChange: EventEmitter<dxButtonGroupOptions>;
+
     /**
     
      * This member supports the internal infrastructure and is not intended to be used directly from your code.
@@ -888,6 +909,7 @@ export class DxChatComponent extends DxComponent implements OnDestroy, OnChanges
             { emit: 'showUserNameChange' },
             { emit: 'speechToTextEnabledChange' },
             { emit: 'speechToTextOptionsChange' },
+            { emit: 'suggestionsChange' },
             { emit: 'typingUsersChange' },
             { emit: 'userChange' },
             { emit: 'visibleChange' },
@@ -956,6 +978,7 @@ export class DxChatComponent extends DxComponent implements OnDestroy, OnChanges
     DxiChatAlertModule,
     DxiChatAttachmentModule,
     DxoChatAuthorModule,
+    DxiChatChatItemModule,
     DxoChatCustomSpeechRecognizerModule,
     DxoChatDayHeaderFormatModule,
     DxoChatEditingModule,
@@ -965,6 +988,8 @@ export class DxChatComponent extends DxComponent implements OnDestroy, OnChanges
     DxoChatSendButtonOptionsModule,
     DxoChatSpeechRecognitionConfigModule,
     DxoChatSpeechToTextOptionsModule,
+    DxoChatSuggestionsModule,
+    DxiChatSuggestionsItemModule,
     DxiChatTypingUserModule,
     DxoChatUserModule,
     DxIntegrationModule,
@@ -983,6 +1008,7 @@ export class DxChatComponent extends DxComponent implements OnDestroy, OnChanges
     DxiChatAlertModule,
     DxiChatAttachmentModule,
     DxoChatAuthorModule,
+    DxiChatChatItemModule,
     DxoChatCustomSpeechRecognizerModule,
     DxoChatDayHeaderFormatModule,
     DxoChatEditingModule,
@@ -992,6 +1018,8 @@ export class DxChatComponent extends DxComponent implements OnDestroy, OnChanges
     DxoChatSendButtonOptionsModule,
     DxoChatSpeechRecognitionConfigModule,
     DxoChatSpeechToTextOptionsModule,
+    DxoChatSuggestionsModule,
+    DxiChatSuggestionsItemModule,
     DxiChatTypingUserModule,
     DxoChatUserModule,
     DxTemplateModule

packages/devextreme-angular/src/ui/chat/nested/chat-item-dxi.ts

@@ -0,0 +1,159 @@
+/* tslint:disable:max-line-length */
+
+
+import {
+    Component,
+    NgModule,
+    Host,
+    SkipSelf,
+    Input,
+    ContentChildren,
+    QueryList
+} from '@angular/core';
+
+
+
+
+import type { Attachment, User } from 'devextreme/ui/chat';
+
+import {
+    DxIntegrationModule,
+    NestedOptionHost,
+} from 'devextreme-angular/core';
+import { CollectionNestedOption } from 'devextreme-angular/core';
+
+import { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';
+import {
+    PROPERTY_TOKEN_attachments,
+} from 'devextreme-angular/core/tokens';
+
+@Component({
+    selector: 'dxi-chat-chat-item',
+    standalone: true,
+    template: '',
+    styles: [''],
+    imports: [ DxIntegrationModule ],
+    providers: [
+        NestedOptionHost,
+        {
+           provide: PROPERTY_TOKEN_items,
+           useExisting: DxiChatChatItemComponent,
+        }
+    ]
+})
+export class DxiChatChatItemComponent extends CollectionNestedOption {
+    @ContentChildren(PROPERTY_TOKEN_attachments)
+    set _attachmentsContentChildren(value: QueryList<CollectionNestedOption>) {
+        this.setChildren('attachments', value);
+    }
+    
+    @Input()
+    get alt(): string {
+        return this._getOption('alt');
+    }
+    set alt(value: string) {
+        this._setOption('alt', value);
+    }
+
+    @Input()
+    get attachments(): Array<Attachment> {
+        return this._getOption('attachments');
+    }
+    set attachments(value: Array<Attachment>) {
+        this._setOption('attachments', value);
+    }
+
+    @Input()
+    get author(): User {
+        return this._getOption('author');
+    }
+    set author(value: User) {
+        this._setOption('author', value);
+    }
+
+    @Input()
+    get id(): number | string {
+        return this._getOption('id');
+    }
+    set id(value: number | string) {
+        this._setOption('id', value);
+    }
+
+    @Input()
+    get isDeleted(): boolean {
+        return this._getOption('isDeleted');
+    }
+    set isDeleted(value: boolean) {
+        this._setOption('isDeleted', value);
+    }
+
+    @Input()
+    get isEdited(): boolean {
+        return this._getOption('isEdited');
+    }
+    set isEdited(value: boolean) {
+        this._setOption('isEdited', value);
+    }
+
+    @Input()
+    get src(): string {
+        return this._getOption('src');
+    }
+    set src(value: string) {
+        this._setOption('src', value);
+    }
+
+    @Input()
+    get text(): string {
+        return this._getOption('text');
+    }
+    set text(value: string) {
+        this._setOption('text', value);
+    }
+
+    @Input()
+    get timestamp(): Date | number | string {
+        return this._getOption('timestamp');
+    }
+    set timestamp(value: Date | number | string) {
+        this._setOption('timestamp', value);
+    }
+
+    @Input()
+    get type(): string | undefined {
+        return this._getOption('type');
+    }
+    set type(value: string | undefined) {
+        this._setOption('type', value);
+    }
+
+
+    protected get _optionPath() {
+        return 'items';
+    }
+
+
+    constructor(@SkipSelf() @Host() parentOptionHost: NestedOptionHost,
+            @Host() optionHost: NestedOptionHost) {
+        super();
+        parentOptionHost.setNestedOption(this);
+        optionHost.setHost(this, this._fullOptionPath.bind(this));
+    }
+
+
+
+    ngOnDestroy() {
+        this._deleteRemovedOptions(this._fullOptionPath());
+    }
+
+}
+
+@NgModule({
+  imports: [
+    DxiChatChatItemComponent
+  ],
+  exports: [
+    DxiChatChatItemComponent
+  ],
+})
+export class DxiChatChatItemModule { }

packages/devextreme-angular/src/ui/chat/nested/index.ts

@@ -1,6 +1,7 @@
 export * from './alert-dxi';
 export * from './attachment-dxi';
 export * from './author';
+export * from './chat-item-dxi';
 export * from './custom-speech-recognizer';
 export * from './day-header-format';
 export * from './editing';
@@ -10,6 +11,8 @@ export * from './message-timestamp-format';
 export * from './send-button-options';
 export * from './speech-recognition-config';
 export * from './speech-to-text-options';
+export * from './suggestions-item-dxi';
+export * from './suggestions';
 export * from './typing-user-dxi';
 export * from './user';