Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
28 changes: 28 additions & 0 deletions packages/devextreme-angular/src/ui/chat/index.ts
Original file line number Diff line number Diff line change
Expand Up @@ -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';

Expand Down Expand Up @@ -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';
Expand All @@ -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 {
Expand Down Expand Up @@ -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]

Expand Down Expand Up @@ -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.
Expand Down Expand Up @@ -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' },
Expand Down Expand Up @@ -956,6 +978,7 @@ export class DxChatComponent extends DxComponent implements OnDestroy, OnChanges
DxiChatAlertModule,
DxiChatAttachmentModule,
DxoChatAuthorModule,
DxiChatChatItemModule,
DxoChatCustomSpeechRecognizerModule,
DxoChatDayHeaderFormatModule,
DxoChatEditingModule,
Expand All @@ -965,6 +988,8 @@ export class DxChatComponent extends DxComponent implements OnDestroy, OnChanges
DxoChatSendButtonOptionsModule,
DxoChatSpeechRecognitionConfigModule,
DxoChatSpeechToTextOptionsModule,
DxoChatSuggestionsModule,
DxiChatSuggestionsItemModule,
DxiChatTypingUserModule,
DxoChatUserModule,
DxIntegrationModule,
Expand All @@ -983,6 +1008,7 @@ export class DxChatComponent extends DxComponent implements OnDestroy, OnChanges
DxiChatAlertModule,
DxiChatAttachmentModule,
DxoChatAuthorModule,
DxiChatChatItemModule,
DxoChatCustomSpeechRecognizerModule,
DxoChatDayHeaderFormatModule,
DxoChatEditingModule,
Expand All @@ -992,6 +1018,8 @@ export class DxChatComponent extends DxComponent implements OnDestroy, OnChanges
DxoChatSendButtonOptionsModule,
DxoChatSpeechRecognitionConfigModule,
DxoChatSpeechToTextOptionsModule,
DxoChatSuggestionsModule,
DxiChatSuggestionsItemModule,
DxiChatTypingUserModule,
DxoChatUserModule,
DxTemplateModule
Expand Down
159 changes: 159 additions & 0 deletions packages/devextreme-angular/src/ui/chat/nested/chat-item-dxi.ts
Original file line number Diff line number Diff line change
@@ -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 { }
3 changes: 3 additions & 0 deletions packages/devextreme-angular/src/ui/chat/nested/index.ts
Original file line number Diff line number Diff line change
@@ -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';
Expand All @@ -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';

Loading
Loading