@acorex/components 20.8.32 → 20.8.33
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/fesm2022/acorex-components-calendar.mjs +3 -2
- package/fesm2022/acorex-components-calendar.mjs.map +1 -1
- package/fesm2022/acorex-components-data-table.mjs +2 -2
- package/fesm2022/acorex-components-data-table.mjs.map +1 -1
- package/fesm2022/acorex-components-rest-api-generator.mjs +2 -2
- package/fesm2022/acorex-components-rest-api-generator.mjs.map +1 -1
- package/fesm2022/acorex-components-step-wizard.mjs +2 -2
- package/fesm2022/acorex-components-step-wizard.mjs.map +1 -1
- package/fesm2022/acorex-components-tree-view-legacy.mjs +2 -2
- package/fesm2022/acorex-components-tree-view-legacy.mjs.map +1 -1
- package/package.json +41 -45
- package/conversation/README.md +0 -3
- package/conversation/index.d.ts +0 -694
- package/fesm2022/acorex-components-conversation.mjs +0 -1403
- package/fesm2022/acorex-components-conversation.mjs.map +0 -1
package/conversation/index.d.ts
DELETED
|
@@ -1,694 +0,0 @@
|
|
|
1
|
-
import * as i3 from '@acorex/cdk/common';
|
|
2
|
-
import { AXEvent, AXHtmlEvent, AXStyleColorType, MXInputBaseValueComponent, MXLookComponent, AXClickEvent, MXBaseComponent } from '@acorex/cdk/common';
|
|
3
|
-
import * as _angular_core from '@angular/core';
|
|
4
|
-
import { Type, WritableSignal, ElementRef, Signal, TemplateRef, OnDestroy, OnInit, ModuleWithProviders } from '@angular/core';
|
|
5
|
-
import * as polytype from 'polytype';
|
|
6
|
-
import * as i15 from '@acorex/components/popover';
|
|
7
|
-
import { AXPopoverComponent } from '@acorex/components/popover';
|
|
8
|
-
import * as i12 from '@angular/cdk/portal';
|
|
9
|
-
import { ComponentPortal, CdkPortalOutletAttachedRef } from '@angular/cdk/portal';
|
|
10
|
-
import * as i9 from '@acorex/components/audio-wave';
|
|
11
|
-
import { AXAudioWaveComponent, AXWaveConfig, AXAudioWaveChangeEvent } from '@acorex/components/audio-wave';
|
|
12
|
-
import * as i1 from '@angular/common';
|
|
13
|
-
import * as i2 from '@angular/forms';
|
|
14
|
-
import * as i4 from '@acorex/components/button';
|
|
15
|
-
import * as i5 from '@acorex/components/decorators';
|
|
16
|
-
import * as i6 from '@acorex/core/translation';
|
|
17
|
-
import * as i7 from '@acorex/components/dropdown';
|
|
18
|
-
import * as i8 from '@acorex/core/format';
|
|
19
|
-
import * as i10 from '@acorex/components/circular-progress';
|
|
20
|
-
import * as i11 from '@acorex/core/date-time';
|
|
21
|
-
import * as i13 from '@acorex/components/loading';
|
|
22
|
-
import * as i14 from '@acorex/components/avatar';
|
|
23
|
-
import * as i16 from '@acorex/core/file';
|
|
24
|
-
import * as i17 from '@acorex/components/range-slider';
|
|
25
|
-
import * as i18 from '@acorex/cdk/virtual-scroll';
|
|
26
|
-
|
|
27
|
-
interface AXInputFileChange extends AXHtmlEvent<MouseEvent> {
|
|
28
|
-
data?: any;
|
|
29
|
-
}
|
|
30
|
-
declare class AXConversationActionEvent extends AXEvent {
|
|
31
|
-
data: any;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
interface AXConversationMessageType {
|
|
35
|
-
name: string;
|
|
36
|
-
component: Type<any>;
|
|
37
|
-
}
|
|
38
|
-
interface AXConversationMessage {
|
|
39
|
-
id: string;
|
|
40
|
-
type: string;
|
|
41
|
-
sendTime: Date | null;
|
|
42
|
-
deliverTime?: Date;
|
|
43
|
-
readTime?: Date;
|
|
44
|
-
replyTo?: {
|
|
45
|
-
id: string;
|
|
46
|
-
};
|
|
47
|
-
content: any;
|
|
48
|
-
fromId?: string;
|
|
49
|
-
name: string;
|
|
50
|
-
onResendClick?: () => void;
|
|
51
|
-
onDeleteClick?: () => void;
|
|
52
|
-
onDownloadClick?: () => void;
|
|
53
|
-
onCancelClick?: () => void;
|
|
54
|
-
showActionButton?: boolean;
|
|
55
|
-
userName?: string;
|
|
56
|
-
}
|
|
57
|
-
declare abstract class AXConversationMessageAction {
|
|
58
|
-
color?: AXStyleColorType;
|
|
59
|
-
text: string;
|
|
60
|
-
icon?: string;
|
|
61
|
-
onClick: (id: string) => void;
|
|
62
|
-
items?: AXConversationMessageAction[];
|
|
63
|
-
}
|
|
64
|
-
declare class AXConversationMenuOpeningEvent {
|
|
65
|
-
items: AXConversationMessageAction[];
|
|
66
|
-
canceled: boolean;
|
|
67
|
-
data: AXConversationMessage;
|
|
68
|
-
}
|
|
69
|
-
declare class AXConversationMessageBaseComponent {
|
|
70
|
-
message: AXConversationMessage;
|
|
71
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXConversationMessageBaseComponent, never>;
|
|
72
|
-
static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXConversationMessageBaseComponent>;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
/**
|
|
76
|
-
* A container for displaying and managing conversations.
|
|
77
|
-
* @category Components
|
|
78
|
-
*/
|
|
79
|
-
declare class AXConversationContainerComponent {
|
|
80
|
-
#private;
|
|
81
|
-
chatData: _angular_core.InputSignal<AXConversationMessage[]>;
|
|
82
|
-
private conversationService;
|
|
83
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXConversationContainerComponent, never>;
|
|
84
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXConversationContainerComponent, "ax-conversation-container", never, { "chatData": { "alias": "chatData"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
declare class AXConversationService {
|
|
88
|
-
replyId: _angular_core.WritableSignal<string>;
|
|
89
|
-
chats: _angular_core.WritableSignal<AXConversationMessage[]>;
|
|
90
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXConversationService, never>;
|
|
91
|
-
static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXConversationService>;
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
declare class AXRecordingService {
|
|
95
|
-
audioBlobs: any[];
|
|
96
|
-
mediaRecorder: MediaRecorder | null;
|
|
97
|
-
streamBeingCaptured: any;
|
|
98
|
-
timer: WritableSignal<string>;
|
|
99
|
-
protected time: {
|
|
100
|
-
seconds: number;
|
|
101
|
-
minutes: number;
|
|
102
|
-
hours: number;
|
|
103
|
-
};
|
|
104
|
-
protected timerInterval: any;
|
|
105
|
-
/**
|
|
106
|
-
* Starts audio recording using the browser's MediaRecorder API.
|
|
107
|
-
*
|
|
108
|
-
* @returns Promise<void> - Resolves when recording starts successfully, rejects if not supported.
|
|
109
|
-
*/
|
|
110
|
-
startRecording(): Promise<void>;
|
|
111
|
-
/**
|
|
112
|
-
* Ends the current recording session and returns the recorded audio blob.
|
|
113
|
-
*
|
|
114
|
-
* @returns Promise<Blob> - Resolves with the recorded audio blob.
|
|
115
|
-
*/
|
|
116
|
-
endRecording(): Promise<Blob>;
|
|
117
|
-
/**
|
|
118
|
-
* Calculates and updates the recording time, incrementing seconds, minutes, and hours as needed.
|
|
119
|
-
*/
|
|
120
|
-
calculateTime(): void;
|
|
121
|
-
/**
|
|
122
|
-
* Resets the recording timer to zero and clears the timer interval.
|
|
123
|
-
*/
|
|
124
|
-
resetTimer(): void;
|
|
125
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXRecordingService, never>;
|
|
126
|
-
static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXRecordingService>;
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
declare const AXConversationInputComponent_base: polytype.Polytype.ClusteredConstructor<[{
|
|
130
|
-
new (): MXInputBaseValueComponent<string>;
|
|
131
|
-
ɵfac: _angular_core.ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
|
|
132
|
-
ɵprov: _angular_core.ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
|
|
133
|
-
}, typeof MXLookComponent]>;
|
|
134
|
-
/**
|
|
135
|
-
* An input component for entering conversation messages.
|
|
136
|
-
*
|
|
137
|
-
* @category Components
|
|
138
|
-
*/
|
|
139
|
-
declare class AXConversationInputComponent extends AXConversationInputComponent_base {
|
|
140
|
-
protected inputFile: ElementRef<HTMLInputElement>;
|
|
141
|
-
protected sendIcon: Signal<unknown>;
|
|
142
|
-
protected onActionClose: _angular_core.OutputEmitterRef<void>;
|
|
143
|
-
protected conversationService: AXConversationService;
|
|
144
|
-
protected chats: Signal<AXConversationMessage[]>;
|
|
145
|
-
protected actionIcon: WritableSignal<string>;
|
|
146
|
-
protected actionContent: WritableSignal<string>;
|
|
147
|
-
protected actionShowState: WritableSignal<boolean>;
|
|
148
|
-
protected actionUser: WritableSignal<string>;
|
|
149
|
-
protected actionCloseCallback: WritableSignal<() => void>;
|
|
150
|
-
protected replyChat: Signal<AXConversationMessage>;
|
|
151
|
-
setActionBoxContainer(icon: string, content: string, user?: string, closeCallback?: () => void): void;
|
|
152
|
-
/** Maximum length of input text */
|
|
153
|
-
readonly maxLength: _angular_core.InputSignal<number>;
|
|
154
|
-
/** Indicates if an attachment is present */
|
|
155
|
-
readonly hasAttachment: _angular_core.InputSignal<boolean>;
|
|
156
|
-
/** Indicates if voice recording is enabled */
|
|
157
|
-
readonly hasVoice: _angular_core.InputSignal<boolean>;
|
|
158
|
-
readonly hasEmoji: _angular_core.InputSignal<boolean>;
|
|
159
|
-
readonly isLoading: _angular_core.InputSignal<boolean>;
|
|
160
|
-
/** Acceptable file types for attachment */
|
|
161
|
-
readonly acceptFileType: _angular_core.InputSignal<string>;
|
|
162
|
-
/**
|
|
163
|
-
* Emitted when the send button is clicked.
|
|
164
|
-
*
|
|
165
|
-
* @event
|
|
166
|
-
*/
|
|
167
|
-
onSendClick: _angular_core.OutputEmitterRef<AXClickEvent>;
|
|
168
|
-
/**
|
|
169
|
-
* Emitted when recording starts.
|
|
170
|
-
*
|
|
171
|
-
* @event
|
|
172
|
-
*/
|
|
173
|
-
onStartRecording: _angular_core.OutputEmitterRef<AXClickEvent>;
|
|
174
|
-
/**
|
|
175
|
-
* Emitted when recording is canceled.
|
|
176
|
-
*
|
|
177
|
-
* @event
|
|
178
|
-
*/
|
|
179
|
-
onCancelRecording: _angular_core.OutputEmitterRef<AXClickEvent>;
|
|
180
|
-
onEnterPressed: _angular_core.OutputEmitterRef<AXEvent>;
|
|
181
|
-
/**
|
|
182
|
-
* @ignore
|
|
183
|
-
*/
|
|
184
|
-
protected recording: WritableSignal<boolean>;
|
|
185
|
-
/**
|
|
186
|
-
* @ignore
|
|
187
|
-
*/
|
|
188
|
-
protected recordingService: AXRecordingService;
|
|
189
|
-
/**
|
|
190
|
-
* @ignore
|
|
191
|
-
*/
|
|
192
|
-
protected _updateOn: 'change' | 'blur' | 'submit';
|
|
193
|
-
/**
|
|
194
|
-
* @ignore
|
|
195
|
-
*/
|
|
196
|
-
protected _handleModelChange(value: string): void;
|
|
197
|
-
/**
|
|
198
|
-
* Initiates recording when the record button is clicked.
|
|
199
|
-
* Emits an event when recording starts.
|
|
200
|
-
* @ignore
|
|
201
|
-
*/
|
|
202
|
-
protected handleRecordClick(): void;
|
|
203
|
-
/**
|
|
204
|
-
* Cancels the recording and emits an event to indicate cancellation.
|
|
205
|
-
* @ignore
|
|
206
|
-
*/
|
|
207
|
-
protected handleCancelRecordingClick(): void;
|
|
208
|
-
protected shiftState: boolean;
|
|
209
|
-
protected keyDownHandler(e: KeyboardEvent): void;
|
|
210
|
-
protected keyUpHandler(e: KeyboardEvent): void;
|
|
211
|
-
protected keyPressHandler(e: KeyboardEvent): void;
|
|
212
|
-
/**
|
|
213
|
-
* Opens the file picker for attachment.
|
|
214
|
-
* @ignore
|
|
215
|
-
*/
|
|
216
|
-
protected handleAttachClick(): void;
|
|
217
|
-
/**
|
|
218
|
-
* Emits the selected files when the file input changes.
|
|
219
|
-
* @ignore
|
|
220
|
-
*/
|
|
221
|
-
protected handleChangeFile(event: Event): void;
|
|
222
|
-
/**
|
|
223
|
-
* Emits the text value and optional replyChat when the send button is clicked.
|
|
224
|
-
* @ignore
|
|
225
|
-
*/
|
|
226
|
-
protected handleSendClick(): void;
|
|
227
|
-
/**
|
|
228
|
-
* Ends recording and emits the recorded voice data when the send voice button is clicked.
|
|
229
|
-
* @ignore
|
|
230
|
-
*/
|
|
231
|
-
protected handleSendVoiceClick(): void;
|
|
232
|
-
/**
|
|
233
|
-
* Clears the reply ID when closing a reply.
|
|
234
|
-
* @ignore
|
|
235
|
-
*/
|
|
236
|
-
protected closeReplyHandler(): void;
|
|
237
|
-
private get __hostName();
|
|
238
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXConversationInputComponent, never>;
|
|
239
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXConversationInputComponent, "ax-conversation-input", never, { "look": { "alias": "look"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "hasAttachment": { "alias": "hasAttachment"; "required": false; "isSignal": true; }; "hasVoice": { "alias": "hasVoice"; "required": false; "isSignal": true; }; "hasEmoji": { "alias": "hasEmoji"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "acceptFileType": { "alias": "acceptFileType"; "required": false; "isSignal": true; }; }, { "onActionClose": "onActionClose"; "onSendClick": "onSendClick"; "onStartRecording": "onStartRecording"; "onCancelRecording": "onCancelRecording"; "onEnterPressed": "onEnterPressed"; }, ["sendIcon"], ["ax-icon"], true, never>;
|
|
240
|
-
}
|
|
241
|
-
|
|
242
|
-
interface AXAudioRecorder {
|
|
243
|
-
audioBlobs: any[];
|
|
244
|
-
mediaRecorder: any;
|
|
245
|
-
streamBeingCaptured: any;
|
|
246
|
-
start?(): any;
|
|
247
|
-
stop?(): any;
|
|
248
|
-
cancel?(): any;
|
|
249
|
-
stopStream?(): any;
|
|
250
|
-
resetRecordingProperties?(): any;
|
|
251
|
-
}
|
|
252
|
-
|
|
253
|
-
declare class AXConversationMessageTypeRegistryService {
|
|
254
|
-
private plugins;
|
|
255
|
-
register(...plugins: AXConversationMessageType[]): void;
|
|
256
|
-
resolve(name: string): AXConversationMessageType | undefined;
|
|
257
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXConversationMessageTypeRegistryService, never>;
|
|
258
|
-
static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXConversationMessageTypeRegistryService>;
|
|
259
|
-
}
|
|
260
|
-
|
|
261
|
-
/**
|
|
262
|
-
* A component for displaying individual conversation messages.
|
|
263
|
-
*
|
|
264
|
-
* @category Components
|
|
265
|
-
*/
|
|
266
|
-
declare class AXConversationMessageComponent extends MXBaseComponent {
|
|
267
|
-
protected popover: _angular_core.Signal<AXPopoverComponent>;
|
|
268
|
-
readonly isReplyArrowShown: _angular_core.InputSignal<boolean>;
|
|
269
|
-
readonly chatMessage: _angular_core.InputSignal<AXConversationMessage>;
|
|
270
|
-
readonly avatar: _angular_core.InputSignal<TemplateRef<any>>;
|
|
271
|
-
protected conversationService: AXConversationService;
|
|
272
|
-
protected registryService: AXConversationMessageTypeRegistryService;
|
|
273
|
-
protected actionButtonItemsPrivate: _angular_core.WritableSignal<AXConversationMessageAction[]>;
|
|
274
|
-
private actionButtonItemsPublic;
|
|
275
|
-
onActionMenuOpening: _angular_core.OutputEmitterRef<AXConversationMenuOpeningEvent>;
|
|
276
|
-
onReplyClick: _angular_core.OutputEmitterRef<AXClickEvent>;
|
|
277
|
-
protected portal: _angular_core.Signal<ComponentPortal<any>>;
|
|
278
|
-
protected messageType: _angular_core.Signal<string>;
|
|
279
|
-
protected get isOwn(): boolean;
|
|
280
|
-
/**
|
|
281
|
-
* Handles the action button click and opens the action menu.
|
|
282
|
-
*/
|
|
283
|
-
protected handleActionClick(): void;
|
|
284
|
-
protected _handleAttached(ref: CdkPortalOutletAttachedRef): void;
|
|
285
|
-
/**
|
|
286
|
-
* Handles the resend button click and closes the popover.
|
|
287
|
-
*/
|
|
288
|
-
protected handleResendClick(): void;
|
|
289
|
-
/**
|
|
290
|
-
* Handles the delete button click and closes the popover.
|
|
291
|
-
*/
|
|
292
|
-
protected handleDeleteClick(): void;
|
|
293
|
-
/**
|
|
294
|
-
* Handles reply functionality by setting the reply ID and emitting the reply click event.
|
|
295
|
-
*
|
|
296
|
-
* @param e - The conversation message to reply to.
|
|
297
|
-
*/
|
|
298
|
-
protected replyHandler(e: AXConversationMessage): void;
|
|
299
|
-
get __hostClass(): string;
|
|
300
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXConversationMessageComponent, never>;
|
|
301
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXConversationMessageComponent, "ax-conversation-message", never, { "isReplyArrowShown": { "alias": "isReplyArrowShown"; "required": false; "isSignal": true; }; "chatMessage": { "alias": "chatMessage"; "required": false; "isSignal": true; }; "avatar": { "alias": "avatar"; "required": false; "isSignal": true; }; }, { "onActionMenuOpening": "onActionMenuOpening"; "onReplyClick": "onReplyClick"; }, never, never, true, never>;
|
|
302
|
-
}
|
|
303
|
-
|
|
304
|
-
/**
|
|
305
|
-
* Component for displaying audio messages in a conversation.
|
|
306
|
-
*
|
|
307
|
-
* @category Components
|
|
308
|
-
*/
|
|
309
|
-
declare class AXConversationMessageAudioComponent extends AXConversationMessageBaseComponent implements OnDestroy {
|
|
310
|
-
private render;
|
|
311
|
-
/**
|
|
312
|
-
* @ignore
|
|
313
|
-
*/
|
|
314
|
-
protected audioState: _angular_core.WritableSignal<"playing" | "paused">;
|
|
315
|
-
/**
|
|
316
|
-
* @ignore
|
|
317
|
-
*/
|
|
318
|
-
protected audioTag: _angular_core.WritableSignal<HTMLAudioElement>;
|
|
319
|
-
/**
|
|
320
|
-
* @ignore
|
|
321
|
-
*/
|
|
322
|
-
protected audioRate: _angular_core.WritableSignal<number>;
|
|
323
|
-
/**
|
|
324
|
-
* @ignore
|
|
325
|
-
*/
|
|
326
|
-
protected currentTime: _angular_core.WritableSignal<number>;
|
|
327
|
-
/**
|
|
328
|
-
* @ignore
|
|
329
|
-
*/
|
|
330
|
-
protected duration: _angular_core.WritableSignal<number>;
|
|
331
|
-
/**
|
|
332
|
-
* @ignore
|
|
333
|
-
*/
|
|
334
|
-
protected currentTimeFormat: _angular_core.WritableSignal<number>;
|
|
335
|
-
/**
|
|
336
|
-
* @ignore
|
|
337
|
-
*/
|
|
338
|
-
protected durationFormat: _angular_core.WritableSignal<number>;
|
|
339
|
-
/**
|
|
340
|
-
* @ignore
|
|
341
|
-
*/
|
|
342
|
-
protected endedEvent: any;
|
|
343
|
-
/**
|
|
344
|
-
* @ignore
|
|
345
|
-
*/
|
|
346
|
-
protected durationchangeEvent: any;
|
|
347
|
-
/**
|
|
348
|
-
* @ignore
|
|
349
|
-
*/
|
|
350
|
-
protected timeupdateEvent: any;
|
|
351
|
-
/**
|
|
352
|
-
* @ignore
|
|
353
|
-
*/
|
|
354
|
-
constructor();
|
|
355
|
-
/**
|
|
356
|
-
* @ignore
|
|
357
|
-
*/
|
|
358
|
-
ngOnDestroy(): void;
|
|
359
|
-
/**
|
|
360
|
-
* @ignore
|
|
361
|
-
*/
|
|
362
|
-
protected endedFunction(): void;
|
|
363
|
-
/**
|
|
364
|
-
* @ignore
|
|
365
|
-
*/
|
|
366
|
-
protected durationchangeFunction(): void;
|
|
367
|
-
/**
|
|
368
|
-
* @ignore
|
|
369
|
-
*/
|
|
370
|
-
protected timeupdateFunction(): void;
|
|
371
|
-
/**
|
|
372
|
-
* Seeks to the specified time and resumes audio playback.
|
|
373
|
-
*
|
|
374
|
-
* @param e - Time in seconds to seek to.
|
|
375
|
-
* @ignore
|
|
376
|
-
*/
|
|
377
|
-
protected clickHandler(e: any): void;
|
|
378
|
-
/**
|
|
379
|
-
* Pauses the audio and updates the state to 'paused'.
|
|
380
|
-
* @ignore
|
|
381
|
-
*/
|
|
382
|
-
protected handlePauseClick(): void;
|
|
383
|
-
/**
|
|
384
|
-
* Plays the audio and updates the state to 'playing'.\
|
|
385
|
-
* @ignore
|
|
386
|
-
*/
|
|
387
|
-
protected handlePlayClick(): void;
|
|
388
|
-
/**
|
|
389
|
-
* Toggles the playback rate of the audio between 1x, 1.5x, and 2x.
|
|
390
|
-
* @ignore
|
|
391
|
-
*/
|
|
392
|
-
protected handleRateClick(): void;
|
|
393
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXConversationMessageAudioComponent, never>;
|
|
394
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXConversationMessageAudioComponent, "ax-conversation-message-audio", never, {}, {}, never, never, true, never>;
|
|
395
|
-
}
|
|
396
|
-
|
|
397
|
-
/**
|
|
398
|
-
* Component for displaying file messages in a conversation.
|
|
399
|
-
*
|
|
400
|
-
* @category Components
|
|
401
|
-
*/
|
|
402
|
-
declare class AXConversationFileMessageComponent extends AXConversationMessageBaseComponent {
|
|
403
|
-
#private;
|
|
404
|
-
/**
|
|
405
|
-
* @ignore
|
|
406
|
-
*/
|
|
407
|
-
protected fileState: _angular_core.WritableSignal<"error" | "loading" | "ready">;
|
|
408
|
-
/**
|
|
409
|
-
* @ignore
|
|
410
|
-
*/
|
|
411
|
-
protected fileSize: _angular_core.WritableSignal<number>;
|
|
412
|
-
/**
|
|
413
|
-
* @ignore
|
|
414
|
-
*/
|
|
415
|
-
protected fileName: _angular_core.WritableSignal<string>;
|
|
416
|
-
/**
|
|
417
|
-
* @ignore
|
|
418
|
-
*/
|
|
419
|
-
private fileService;
|
|
420
|
-
/**
|
|
421
|
-
* @ignore
|
|
422
|
-
*/
|
|
423
|
-
private parent;
|
|
424
|
-
/**
|
|
425
|
-
* Emits a download action event for the file.
|
|
426
|
-
* @ignore
|
|
427
|
-
*/
|
|
428
|
-
protected handleDownloadFile(): void;
|
|
429
|
-
/**
|
|
430
|
-
* Emits a cancel action event for the file loading.
|
|
431
|
-
* @ignore
|
|
432
|
-
*/
|
|
433
|
-
protected handleCancelLoading(): void;
|
|
434
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXConversationFileMessageComponent, never>;
|
|
435
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXConversationFileMessageComponent, "ax-conversation-message-file", never, {}, {}, never, never, true, never>;
|
|
436
|
-
}
|
|
437
|
-
|
|
438
|
-
/**
|
|
439
|
-
* A popup component for displaying an image in full view.
|
|
440
|
-
*
|
|
441
|
-
* @category Components
|
|
442
|
-
*/
|
|
443
|
-
declare class ConversationMessageImagePopupComponent {
|
|
444
|
-
/**
|
|
445
|
-
* @ignore
|
|
446
|
-
*/
|
|
447
|
-
protected url: string;
|
|
448
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ConversationMessageImagePopupComponent, never>;
|
|
449
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ConversationMessageImagePopupComponent, "ax-conversation-message-image-popup", never, {}, {}, never, never, true, never>;
|
|
450
|
-
}
|
|
451
|
-
|
|
452
|
-
/**
|
|
453
|
-
* A component for displaying an image within a conversation message.
|
|
454
|
-
*
|
|
455
|
-
* @category Components
|
|
456
|
-
*/
|
|
457
|
-
declare class AXConversationMessageImageComponent extends AXConversationMessageBaseComponent {
|
|
458
|
-
#private;
|
|
459
|
-
/**
|
|
460
|
-
* @ignore
|
|
461
|
-
*/
|
|
462
|
-
protected _imageUrl: _angular_core.WritableSignal<string>;
|
|
463
|
-
/**
|
|
464
|
-
* @ignore
|
|
465
|
-
*/
|
|
466
|
-
private popup;
|
|
467
|
-
/**
|
|
468
|
-
* @ignore
|
|
469
|
-
*/
|
|
470
|
-
protected _options: {
|
|
471
|
-
header: boolean;
|
|
472
|
-
footer: boolean;
|
|
473
|
-
size: string;
|
|
474
|
-
draggable: boolean;
|
|
475
|
-
hasBackdrop: boolean;
|
|
476
|
-
closeButton: boolean;
|
|
477
|
-
closeOnBackdropClick: boolean;
|
|
478
|
-
};
|
|
479
|
-
/**
|
|
480
|
-
* Opens a popup displaying the image with options for draggable, size, and backdrop.
|
|
481
|
-
* @ignore
|
|
482
|
-
*/
|
|
483
|
-
protected openPopup(): void;
|
|
484
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXConversationMessageImageComponent, never>;
|
|
485
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXConversationMessageImageComponent, "ax-conversation-message-image", never, { "message": { "alias": "message"; "required": false; }; }, {}, never, never, true, never>;
|
|
486
|
-
}
|
|
487
|
-
|
|
488
|
-
/**
|
|
489
|
-
* A component for displaying a text message with optional reply content, including text, images, videos, files, and audio.
|
|
490
|
-
*
|
|
491
|
-
* @category Components
|
|
492
|
-
*/
|
|
493
|
-
declare class AXConversationTextMessageComponent extends AXConversationMessageBaseComponent implements OnInit {
|
|
494
|
-
/**
|
|
495
|
-
* @ignore
|
|
496
|
-
*/
|
|
497
|
-
protected _text: _angular_core.WritableSignal<string>;
|
|
498
|
-
/**
|
|
499
|
-
* @ignore
|
|
500
|
-
*/
|
|
501
|
-
protected replyText: _angular_core.WritableSignal<AXConversationMessage>;
|
|
502
|
-
/**
|
|
503
|
-
* @ignore
|
|
504
|
-
*/
|
|
505
|
-
protected replyImage: _angular_core.WritableSignal<AXConversationMessage>;
|
|
506
|
-
/**
|
|
507
|
-
* @ignore
|
|
508
|
-
*/
|
|
509
|
-
protected replyVideo: _angular_core.WritableSignal<AXConversationMessage>;
|
|
510
|
-
/**
|
|
511
|
-
* @ignore
|
|
512
|
-
*/
|
|
513
|
-
protected replyAudio: _angular_core.WritableSignal<AXConversationMessage>;
|
|
514
|
-
/**
|
|
515
|
-
* @ignore
|
|
516
|
-
*/
|
|
517
|
-
protected replyVoice: _angular_core.WritableSignal<AXConversationMessage>;
|
|
518
|
-
/**
|
|
519
|
-
* @ignore
|
|
520
|
-
*/
|
|
521
|
-
protected replyFile: _angular_core.WritableSignal<AXConversationMessage>;
|
|
522
|
-
/**
|
|
523
|
-
* @ignore
|
|
524
|
-
*/
|
|
525
|
-
private conversationService;
|
|
526
|
-
ngOnInit(): void;
|
|
527
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXConversationTextMessageComponent, never>;
|
|
528
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXConversationTextMessageComponent, "ng-component", never, { "message": { "alias": "message"; "required": false; }; }, {}, never, never, true, never>;
|
|
529
|
-
}
|
|
530
|
-
|
|
531
|
-
/**
|
|
532
|
-
* A component for displaying a video message with playback controls.
|
|
533
|
-
*
|
|
534
|
-
* @category Components
|
|
535
|
-
*/
|
|
536
|
-
declare class AXConversationMessageVideoComponent extends AXConversationMessageBaseComponent implements OnInit {
|
|
537
|
-
/**
|
|
538
|
-
* @ignore
|
|
539
|
-
*/
|
|
540
|
-
protected _videoUrl: _angular_core.WritableSignal<string>;
|
|
541
|
-
/**
|
|
542
|
-
* @ignore
|
|
543
|
-
*/
|
|
544
|
-
ngOnInit(): void;
|
|
545
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXConversationMessageVideoComponent, never>;
|
|
546
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXConversationMessageVideoComponent, "ax-conversation-message-video", never, {}, {}, never, never, true, never>;
|
|
547
|
-
}
|
|
548
|
-
|
|
549
|
-
/**
|
|
550
|
-
* A component for displaying and handling audio messages in a conversation.
|
|
551
|
-
*
|
|
552
|
-
* @category Components
|
|
553
|
-
*/
|
|
554
|
-
declare class AXConversationVoiceMessageComponent extends AXConversationMessageBaseComponent {
|
|
555
|
-
#private;
|
|
556
|
-
/**
|
|
557
|
-
* @ignore
|
|
558
|
-
*/
|
|
559
|
-
audio: AXAudioWaveComponent;
|
|
560
|
-
/**
|
|
561
|
-
* @ignore
|
|
562
|
-
*/
|
|
563
|
-
protected config: AXWaveConfig;
|
|
564
|
-
/**
|
|
565
|
-
* @ignore
|
|
566
|
-
*/
|
|
567
|
-
protected audioState: _angular_core.WritableSignal<"error" | "playing" | "paused" | "loading" | "ready">;
|
|
568
|
-
/**
|
|
569
|
-
* @ignore
|
|
570
|
-
*/
|
|
571
|
-
private parent;
|
|
572
|
-
private platformID;
|
|
573
|
-
/**
|
|
574
|
-
* @ignore
|
|
575
|
-
*/
|
|
576
|
-
protected selectedRate: _angular_core.WritableSignal<number>;
|
|
577
|
-
/**
|
|
578
|
-
* @ignore
|
|
579
|
-
*/
|
|
580
|
-
private selectedRateIndex;
|
|
581
|
-
/**
|
|
582
|
-
* @ignore
|
|
583
|
-
*/
|
|
584
|
-
protected audioProgress: _angular_core.WritableSignal<number>;
|
|
585
|
-
/**
|
|
586
|
-
* @ignore
|
|
587
|
-
*/
|
|
588
|
-
protected timeLeft: _angular_core.WritableSignal<number>;
|
|
589
|
-
/**
|
|
590
|
-
* @ignore
|
|
591
|
-
*/
|
|
592
|
-
protected currentTime: _angular_core.WritableSignal<number>;
|
|
593
|
-
/**
|
|
594
|
-
* @ignore
|
|
595
|
-
*/
|
|
596
|
-
protected duration: _angular_core.WritableSignal<number>;
|
|
597
|
-
/**
|
|
598
|
-
* @ignore
|
|
599
|
-
*/
|
|
600
|
-
private setWaveColor;
|
|
601
|
-
/**
|
|
602
|
-
* Pauses the audio playback and updates the audio state to 'paused'.
|
|
603
|
-
* @ignore
|
|
604
|
-
*/
|
|
605
|
-
protected handlePauseClick(): void;
|
|
606
|
-
/**
|
|
607
|
-
* Plays the audio and updates the audio state to 'playing'.
|
|
608
|
-
* @ignore
|
|
609
|
-
*/
|
|
610
|
-
protected handlePlayClick(): void;
|
|
611
|
-
/**
|
|
612
|
-
* Updates audio state and progress based on status changes from the audio wave.
|
|
613
|
-
* @param e - The event containing status and data related to the audio.
|
|
614
|
-
* @ignore
|
|
615
|
-
*/
|
|
616
|
-
protected handleOnStatusChanged(e: AXAudioWaveChangeEvent): void;
|
|
617
|
-
/**
|
|
618
|
-
* @ignore
|
|
619
|
-
*/
|
|
620
|
-
protected handleLoadingProgress(): void;
|
|
621
|
-
/**
|
|
622
|
-
* Handles the cancellation of a loading operation.
|
|
623
|
-
* @ignore
|
|
624
|
-
*/
|
|
625
|
-
protected handleCancelLoading(): void;
|
|
626
|
-
/**
|
|
627
|
-
* Reloads the audio and updates the state to 'loading'.
|
|
628
|
-
* @ignore
|
|
629
|
-
*/
|
|
630
|
-
protected handleReloadClick(): void;
|
|
631
|
-
/**
|
|
632
|
-
* Cycles through predefined audio playback rates and updates the rate.
|
|
633
|
-
* @ignore
|
|
634
|
-
*/
|
|
635
|
-
protected handleRateClick(): void;
|
|
636
|
-
/**
|
|
637
|
-
* @ignore
|
|
638
|
-
*/
|
|
639
|
-
get __hostClass(): string;
|
|
640
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXConversationVoiceMessageComponent, never>;
|
|
641
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXConversationVoiceMessageComponent, "ax-conversation-message-audio", never, { "message": { "alias": "message"; "required": false; }; }, {}, never, never, true, never>;
|
|
642
|
-
}
|
|
643
|
-
|
|
644
|
-
/**
|
|
645
|
-
* Displays the conversation view with messages and interactions.
|
|
646
|
-
*
|
|
647
|
-
* @category Components
|
|
648
|
-
*/
|
|
649
|
-
declare class AXConversationViewComponent extends MXBaseComponent {
|
|
650
|
-
protected conversationService: AXConversationService;
|
|
651
|
-
readonly chatBoxHeight: _angular_core.InputSignal<string>;
|
|
652
|
-
readonly isReplyArrowShown: _angular_core.InputSignal<boolean>;
|
|
653
|
-
readonly avatar: _angular_core.InputSignal<TemplateRef<any>>;
|
|
654
|
-
onActionMenuOpening: _angular_core.OutputEmitterRef<AXConversationMenuOpeningEvent>;
|
|
655
|
-
onAction: _angular_core.OutputEmitterRef<AXConversationActionEvent>;
|
|
656
|
-
onReplyClick: _angular_core.OutputEmitterRef<AXClickEvent>;
|
|
657
|
-
onScrollEnd: _angular_core.OutputEmitterRef<AXEvent>;
|
|
658
|
-
/**
|
|
659
|
-
* Updates the previous items in the conversation by prepending new items to the beginning of the chat list.
|
|
660
|
-
*
|
|
661
|
-
* @param item - Array of items to prepend to the conversation.
|
|
662
|
-
*/
|
|
663
|
-
updatePrevItems(item: any[]): void;
|
|
664
|
-
/**
|
|
665
|
-
* Calls for an update by emitting the onScrollEnd event.
|
|
666
|
-
*/
|
|
667
|
-
callForUpdate(): void;
|
|
668
|
-
/**
|
|
669
|
-
* Adds a new item to the end of the conversation chat list.
|
|
670
|
-
*
|
|
671
|
-
* @param item - The item to add to the conversation.
|
|
672
|
-
*/
|
|
673
|
-
addNewItem(item: any): void;
|
|
674
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXConversationViewComponent, never>;
|
|
675
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXConversationViewComponent, "ax-conversation-view", never, { "chatBoxHeight": { "alias": "chatBoxHeight"; "required": false; "isSignal": true; }; "isReplyArrowShown": { "alias": "isReplyArrowShown"; "required": false; "isSignal": true; }; "avatar": { "alias": "avatar"; "required": false; "isSignal": true; }; }, { "onActionMenuOpening": "onActionMenuOpening"; "onAction": "onAction"; "onReplyClick": "onReplyClick"; "onScrollEnd": "onScrollEnd"; }, never, never, true, never>;
|
|
676
|
-
}
|
|
677
|
-
|
|
678
|
-
interface AXChatModuleConfig {
|
|
679
|
-
types: AXConversationMessageType[];
|
|
680
|
-
}
|
|
681
|
-
declare class AXConversationModule {
|
|
682
|
-
static forRoot(config?: AXChatModuleConfig): ModuleWithProviders<AXConversationModule>;
|
|
683
|
-
static forChild(config?: AXChatModuleConfig): ModuleWithProviders<AXConversationModule>;
|
|
684
|
-
/**
|
|
685
|
-
* @ignore
|
|
686
|
-
*/
|
|
687
|
-
constructor();
|
|
688
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXConversationModule, never>;
|
|
689
|
-
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXConversationModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i1.AsyncPipe, typeof i3.AXRippleDirective, typeof i4.AXButtonModule, typeof i5.AXDecoratorModule, typeof i6.AXTranslationModule, typeof i7.AXDropdownModule, typeof i8.AXFormatModule, typeof i9.AXAudioWaveModule, typeof i10.AXCircularProgressModule, typeof i11.AXDateTimeModule, typeof i12.CdkPortalOutlet, typeof i13.AXLoadingModule, typeof i14.AXAvatarModule, typeof i15.AXPopoverModule, typeof i16.AXFileModule, typeof i17.AXRangeSliderModule, typeof i18.AXVirtualScrollModule, typeof AXConversationViewComponent, typeof AXConversationInputComponent, typeof AXConversationMessageComponent, typeof AXConversationTextMessageComponent, typeof AXConversationVoiceMessageComponent, typeof AXConversationFileMessageComponent, typeof AXConversationContainerComponent, typeof AXConversationMessageAudioComponent, typeof AXConversationMessageImageComponent, typeof AXConversationMessageVideoComponent], [typeof AXConversationViewComponent, typeof AXConversationInputComponent, typeof AXConversationMessageComponent, typeof AXConversationTextMessageComponent, typeof AXConversationVoiceMessageComponent, typeof AXConversationFileMessageComponent, typeof AXConversationContainerComponent, typeof AXConversationMessageAudioComponent, typeof AXConversationMessageImageComponent, typeof AXConversationMessageVideoComponent]>;
|
|
690
|
-
static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXConversationModule>;
|
|
691
|
-
}
|
|
692
|
-
|
|
693
|
-
export { AXConversationActionEvent, AXConversationContainerComponent, AXConversationFileMessageComponent, AXConversationInputComponent, AXConversationMenuOpeningEvent, AXConversationMessageAction, AXConversationMessageAudioComponent, AXConversationMessageBaseComponent, AXConversationMessageComponent, AXConversationMessageImageComponent, AXConversationMessageVideoComponent, AXConversationModule, AXConversationTextMessageComponent, AXConversationViewComponent, AXConversationVoiceMessageComponent, AXRecordingService, ConversationMessageImagePopupComponent };
|
|
694
|
-
export type { AXAudioRecorder, AXChatModuleConfig, AXConversationMessage, AXConversationMessageType, AXInputFileChange };
|