@trixwell/ngx-parl 1.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/README.md +63 -0
- package/fesm2022/trixwell-ngx-parl.mjs +789 -0
- package/fesm2022/trixwell-ngx-parl.mjs.map +1 -0
- package/index.d.ts +64 -0
- package/package.json +37 -0
package/README.md
ADDED
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
# NgxParl
|
|
2
|
+
|
|
3
|
+
This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.3.0.
|
|
4
|
+
|
|
5
|
+
## Code scaffolding
|
|
6
|
+
|
|
7
|
+
Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
ng generate component component-name
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
|
|
14
|
+
|
|
15
|
+
```bash
|
|
16
|
+
ng generate --help
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
## Building
|
|
20
|
+
|
|
21
|
+
To build the library, run:
|
|
22
|
+
|
|
23
|
+
```bash
|
|
24
|
+
ng build ngx-parl
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
|
|
28
|
+
|
|
29
|
+
### Publishing the Library
|
|
30
|
+
|
|
31
|
+
Once the project is built, you can publish your library by following these steps:
|
|
32
|
+
|
|
33
|
+
1. Navigate to the `dist` directory:
|
|
34
|
+
```bash
|
|
35
|
+
cd dist/ngx-parl
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
2. Run the `npm publish` command to publish your library to the npm registry:
|
|
39
|
+
```bash
|
|
40
|
+
npm publish
|
|
41
|
+
```
|
|
42
|
+
|
|
43
|
+
## Running unit tests
|
|
44
|
+
|
|
45
|
+
To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
|
|
46
|
+
|
|
47
|
+
```bash
|
|
48
|
+
ng test
|
|
49
|
+
```
|
|
50
|
+
|
|
51
|
+
## Running end-to-end tests
|
|
52
|
+
|
|
53
|
+
For end-to-end (e2e) testing, run:
|
|
54
|
+
|
|
55
|
+
```bash
|
|
56
|
+
ng e2e
|
|
57
|
+
```
|
|
58
|
+
|
|
59
|
+
Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
|
|
60
|
+
|
|
61
|
+
## Additional Resources
|
|
62
|
+
|
|
63
|
+
For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.
|
|
@@ -0,0 +1,789 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, model, computed, Component, Injectable, Pipe, effect, ViewChild, signal } from '@angular/core';
|
|
3
|
+
import { NgClass, NgOptimizedImage, DatePipe } from '@angular/common';
|
|
4
|
+
import { FormsModule } from '@angular/forms';
|
|
5
|
+
import * as i1 from '@angular/material/icon';
|
|
6
|
+
import { MatIcon } from '@angular/material/icon';
|
|
7
|
+
import { MatMenu, MatMenuItem, MatMenuTrigger } from '@angular/material/menu';
|
|
8
|
+
import * as i2$1 from '@ngneat/transloco';
|
|
9
|
+
import { TranslocoPipe } from '@ngneat/transloco';
|
|
10
|
+
import * as i2 from '@angular/platform-browser';
|
|
11
|
+
import * as i1$1 from '@angular/common/http';
|
|
12
|
+
import { MatDialogContent, MatDialogTitle } from '@angular/material/dialog';
|
|
13
|
+
import { MatProgressSpinner } from '@angular/material/progress-spinner';
|
|
14
|
+
|
|
15
|
+
class ChatMessage {
|
|
16
|
+
id;
|
|
17
|
+
chat_id;
|
|
18
|
+
cr_time;
|
|
19
|
+
type;
|
|
20
|
+
user;
|
|
21
|
+
content;
|
|
22
|
+
avatar;
|
|
23
|
+
file_path;
|
|
24
|
+
checked;
|
|
25
|
+
edit = false;
|
|
26
|
+
constructor(data) {
|
|
27
|
+
this.id = data.id;
|
|
28
|
+
this.chat_id = data.chat_id;
|
|
29
|
+
this.cr_time = data.cr_time;
|
|
30
|
+
this.type = data.type;
|
|
31
|
+
this.user = data.user;
|
|
32
|
+
this.content = data.content;
|
|
33
|
+
this.avatar = data.avatar ?? null;
|
|
34
|
+
this.file_path = data.file_path ?? null;
|
|
35
|
+
this.checked = data.checked ?? null;
|
|
36
|
+
}
|
|
37
|
+
get dateSimple() {
|
|
38
|
+
const d = new Date(this.cr_time.replace(' ', 'T'));
|
|
39
|
+
const dd = String(d.getDate()).padStart(2, '0');
|
|
40
|
+
const mm = String(d.getMonth() + 1).padStart(2, '0');
|
|
41
|
+
const yyyy = d.getFullYear();
|
|
42
|
+
return `${dd}.${mm}.${yyyy}`;
|
|
43
|
+
}
|
|
44
|
+
get timeHHmm() {
|
|
45
|
+
const d = new Date(this.cr_time.replace(' ', 'T'));
|
|
46
|
+
const hh = String(d.getHours()).padStart(2, '0');
|
|
47
|
+
const mm = String(d.getMinutes()).padStart(2, '0');
|
|
48
|
+
return `${hh}:${mm}`;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
var MessageType;
|
|
52
|
+
(function (MessageType) {
|
|
53
|
+
MessageType["Incoming"] = "incoming";
|
|
54
|
+
MessageType["Outgoing"] = "outgoing";
|
|
55
|
+
})(MessageType || (MessageType = {}));
|
|
56
|
+
|
|
57
|
+
class ChatMessageComponent {
|
|
58
|
+
iconRegistry;
|
|
59
|
+
sanitizer;
|
|
60
|
+
currentMessage = input.required(...(ngDevMode ? [{ debugName: "currentMessage" }] : []));
|
|
61
|
+
edit = model(false, ...(ngDevMode ? [{ debugName: "edit" }] : []));
|
|
62
|
+
requestEdit = model(null, ...(ngDevMode ? [{ debugName: "requestEdit" }] : []));
|
|
63
|
+
requestDelete = model(null, ...(ngDevMode ? [{ debugName: "requestDelete" }] : []));
|
|
64
|
+
constructor(iconRegistry, sanitizer) {
|
|
65
|
+
this.iconRegistry = iconRegistry;
|
|
66
|
+
this.sanitizer = sanitizer;
|
|
67
|
+
this.iconRegistry.addSvgIcon('checked-message', this.sanitizer.bypassSecurityTrustResourceUrl('../../assets/icons/checked-message.svg'));
|
|
68
|
+
this.iconRegistry.addSvgIcon('no-check', this.sanitizer.bypassSecurityTrustResourceUrl('../../assets/icons/no-check.svg'));
|
|
69
|
+
this.iconRegistry.addSvgIcon('trash', this.sanitizer.bypassSecurityTrustResourceUrl('../../assets/icons/trash.svg'));
|
|
70
|
+
this.iconRegistry.addSvgIcon('icon-edit', this.sanitizer.bypassSecurityTrustResourceUrl('../../assets/icons/icon-edit.svg'));
|
|
71
|
+
setTimeout(() => {
|
|
72
|
+
this.currentMessage().checked = true;
|
|
73
|
+
}, 600);
|
|
74
|
+
}
|
|
75
|
+
normalizeSourcePath(sourcePath) {
|
|
76
|
+
const cleanedPath = (sourcePath ?? '').trim();
|
|
77
|
+
if (!cleanedPath) {
|
|
78
|
+
return '';
|
|
79
|
+
}
|
|
80
|
+
if (cleanedPath.startsWith('data:') || cleanedPath.startsWith('blob:') || /^https?:\/\//i.test(cleanedPath)) {
|
|
81
|
+
return cleanedPath;
|
|
82
|
+
}
|
|
83
|
+
const assetsIndex = cleanedPath.indexOf('assets/');
|
|
84
|
+
if (assetsIndex >= 0) {
|
|
85
|
+
return '/' + cleanedPath.slice(assetsIndex);
|
|
86
|
+
}
|
|
87
|
+
return cleanedPath.replace(/^\.{1,2}\//, '/');
|
|
88
|
+
}
|
|
89
|
+
attachments = computed(() => {
|
|
90
|
+
const message = this.currentMessage();
|
|
91
|
+
const filePath = message.file_path;
|
|
92
|
+
if (Array.isArray(filePath)) {
|
|
93
|
+
return filePath.map(p => this.normalizeSourcePath(p)).filter(Boolean);
|
|
94
|
+
}
|
|
95
|
+
const rawFilePath = filePath ?? '';
|
|
96
|
+
if (typeof rawFilePath !== 'string' || !rawFilePath.trim) {
|
|
97
|
+
return [];
|
|
98
|
+
}
|
|
99
|
+
if (rawFilePath.trim().startsWith('[')) {
|
|
100
|
+
try {
|
|
101
|
+
const parsed = JSON.parse(rawFilePath);
|
|
102
|
+
if (Array.isArray(parsed)) {
|
|
103
|
+
return parsed
|
|
104
|
+
.map(item => (typeof item === 'string' ? this.normalizeSourcePath(item) : ''))
|
|
105
|
+
.filter(Boolean);
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
catch { }
|
|
109
|
+
}
|
|
110
|
+
if (rawFilePath.startsWith('data:')) {
|
|
111
|
+
return [rawFilePath];
|
|
112
|
+
}
|
|
113
|
+
if (rawFilePath.includes('|')) {
|
|
114
|
+
return rawFilePath.split('|').map(p => this.normalizeSourcePath(p)).filter(Boolean);
|
|
115
|
+
}
|
|
116
|
+
if (rawFilePath.includes(',')) {
|
|
117
|
+
return rawFilePath.split(',').map(p => this.normalizeSourcePath(p)).filter(Boolean);
|
|
118
|
+
}
|
|
119
|
+
return [];
|
|
120
|
+
}, ...(ngDevMode ? [{ debugName: "attachments" }] : []));
|
|
121
|
+
avatarSrc = computed(() => {
|
|
122
|
+
const message = this.currentMessage();
|
|
123
|
+
const fallback = message.type === 'incoming'
|
|
124
|
+
? '../../assets/icons/avatar_anonym.svg'
|
|
125
|
+
: '../../assets/icons/avatar_manager.svg';
|
|
126
|
+
return message.avatar || fallback;
|
|
127
|
+
}, ...(ngDevMode ? [{ debugName: "avatarSrc" }] : []));
|
|
128
|
+
openContextMenu(event, trigger) {
|
|
129
|
+
event.preventDefault();
|
|
130
|
+
event.stopPropagation();
|
|
131
|
+
trigger.openMenu();
|
|
132
|
+
return this;
|
|
133
|
+
}
|
|
134
|
+
editMessage(message) {
|
|
135
|
+
this.edit.set(true);
|
|
136
|
+
this.requestEdit.set(message);
|
|
137
|
+
return this;
|
|
138
|
+
}
|
|
139
|
+
deleteMessage(message) {
|
|
140
|
+
this.requestDelete.set(message.id);
|
|
141
|
+
queueMicrotask(() => this.requestDelete.set(null));
|
|
142
|
+
return this;
|
|
143
|
+
}
|
|
144
|
+
canDelete(message) {
|
|
145
|
+
return message.type === this.messageType.Outgoing;
|
|
146
|
+
}
|
|
147
|
+
messageType = MessageType;
|
|
148
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: ChatMessageComponent, deps: [{ token: i1.MatIconRegistry }, { token: i2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
|
|
149
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: ChatMessageComponent, isStandalone: true, selector: "lib-chat-message", inputs: { currentMessage: { classPropertyName: "currentMessage", publicName: "currentMessage", isSignal: true, isRequired: true, transformFunction: null }, edit: { classPropertyName: "edit", publicName: "edit", isSignal: true, isRequired: false, transformFunction: null }, requestEdit: { classPropertyName: "requestEdit", publicName: "requestEdit", isSignal: true, isRequired: false, transformFunction: null }, requestDelete: { classPropertyName: "requestDelete", publicName: "requestDelete", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { edit: "editChange", requestEdit: "requestEditChange", requestDelete: "requestDeleteChange" }, ngImport: i0, template: "<div class=\"message\"\n [ngClass]=\"{\n 'message--outgoing': currentMessage().type === messageType.Outgoing,\n 'message--incoming': currentMessage().type === messageType.Incoming\n }\">\n <div class=\"message__avatar\">\n <img [ngSrc]=\"avatarSrc()\" width=\"36\" height=\"36\" alt=\"avatar\"/>\n </div>\n\n <div class=\"message__body\"\n #menuTrigger=\"matMenuTrigger\"\n [matMenuTriggerFor]=\"messageMenu\"\n (contextmenu)=\"openContextMenu($event, menuTrigger)\"\n (keydown.shift.F10)=\"openContextMenu($event, menuTrigger)\">\n\n @if (attachments().length) {\n <div class=\"message__attachments\">\n @for (file of attachments(); track file) {\n <img [src]=\"file\"\n alt=\"attachment\"\n class=\"message__image\"\n loading=\"lazy\"/>\n }\n </div>\n }\n\n <div class=\"message__bubble\" tabindex=\"0\">\n <div class=\"message__text\">{{ currentMessage().content }}</div>\n\n <div class=\"message__meta\">\n <time class=\"message__time\">{{ currentMessage().cr_time | date:'HH:mm' }}</time>\n @if (currentMessage().type === messageType.Outgoing) {\n @if (currentMessage().checked) {\n <mat-icon svgIcon=\"checked-message\" aria-hidden=\"true\" class=\"message__icon\"></mat-icon>\n } @else {\n <mat-icon svgIcon=\"no-check\" aria-hidden=\"true\" class=\"message__icon\"></mat-icon>\n }\n }\n </div>\n </div>\n </div>\n</div>\n\n<mat-menu #messageMenu=\"matMenu\" xPosition=\"before\" yPosition=\"below\" class=\"message__menu\">\n @if (currentMessage().type === messageType.Outgoing) {\n <button mat-menu-item (click)=\"editMessage(currentMessage())\">\n <mat-icon svgIcon=\"icon-edit\" aria-hidden=\"true\" class=\"message__icon\"></mat-icon>\n <span>{{ 'chat.edit' | transloco }}</span>\n </button>\n }\n @if (canDelete(currentMessage())) {\n <button mat-menu-item (click)=\"deleteMessage(currentMessage())\">\n <mat-icon svgIcon=\"trash\" aria-hidden=\"true\" class=\"message__icon\"></mat-icon>\n <span>{{ 'chat.remove' | transloco }}</span>\n </button>\n }\n</mat-menu>\n", styles: [".message{display:flex;gap:8px;align-items:flex-end;max-width:80%;animation:pop .12s ease-out}.message__avatar img{display:block;border-radius:1000px}.message__body{padding:8px 12px;min-width:0;font:400 16px/24px roboto,sans-serif;border-radius:16px}.message__bubble{display:grid;grid-template-columns:1fr auto;column-gap:8px;align-items:end;max-width:100%;word-break:break-word;white-space:pre-wrap}.message__text{min-width:0}.message__meta{display:inline-flex;align-items:center;gap:4px;-webkit-user-select:none;user-select:none;line-height:1;margin:0}.message__time{font:12px/14px roboto,sans-serif}.message__attachments{display:grid;gap:8px;justify-content:start;width:100%;margin-bottom:8px}.message__attachments:has(:only-child){grid-template-columns:repeat(1,minmax(0,140px))}.message__attachments:has(:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,140px))}.message__attachments:has(:nth-child(3)){grid-template-columns:repeat(3,minmax(0,140px))}.message__image{display:block;width:100%;height:140px;object-fit:cover;border-radius:12px;aspect-ratio:1/1}.message__bubble:after{content:\"\";display:block;clear:both}.message__time{font:12px/14px roboto,sans-serif;min-width:30px}.message__icon{width:14px;height:14px;vertical-align:middle}.message--incoming{margin-right:auto}.message--incoming .message__body{background:#e9ecef;color:#343a40;border-bottom-right-radius:16px}.message--incoming .message__bubble{border-top-left-radius:4px}.message--incoming .message__time{color:#adb5bd}.message--outgoing{margin-left:auto;flex-direction:row-reverse}.message--outgoing .message__body{background:#4656ca;color:#fff;border-bottom-left-radius:16px}.message--outgoing .message__bubble{border-top-right-radius:4px}.message--outgoing .message__time{color:#e9ecef}@keyframes pop{0%{transform:translateY(2px);opacity:0}to{transform:translateY(0);opacity:1}}::ng-deep .mat-mdc-menu-content{background:#fff;width:160px;border-radius:8px;gap:4px;border:1px solid #E1E7F8;padding:8px 4px;box-shadow:0 2px 4px #0000001a;overflow:hidden;font:14px/18px roboto,sans-serif}::ng-deep .mat-mdc-menu-item-text{font:14px/18px roboto,sans-serif!important;font-weight:500!important;color:#343a40!important}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "decoding", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: TranslocoPipe, name: "transloco" }] });
|
|
150
|
+
}
|
|
151
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: ChatMessageComponent, decorators: [{
|
|
152
|
+
type: Component,
|
|
153
|
+
args: [{ selector: 'lib-chat-message', imports: [
|
|
154
|
+
NgClass,
|
|
155
|
+
NgOptimizedImage,
|
|
156
|
+
MatIcon,
|
|
157
|
+
DatePipe,
|
|
158
|
+
MatMenu,
|
|
159
|
+
MatMenuItem,
|
|
160
|
+
MatMenuTrigger,
|
|
161
|
+
TranslocoPipe,
|
|
162
|
+
], standalone: true, template: "<div class=\"message\"\n [ngClass]=\"{\n 'message--outgoing': currentMessage().type === messageType.Outgoing,\n 'message--incoming': currentMessage().type === messageType.Incoming\n }\">\n <div class=\"message__avatar\">\n <img [ngSrc]=\"avatarSrc()\" width=\"36\" height=\"36\" alt=\"avatar\"/>\n </div>\n\n <div class=\"message__body\"\n #menuTrigger=\"matMenuTrigger\"\n [matMenuTriggerFor]=\"messageMenu\"\n (contextmenu)=\"openContextMenu($event, menuTrigger)\"\n (keydown.shift.F10)=\"openContextMenu($event, menuTrigger)\">\n\n @if (attachments().length) {\n <div class=\"message__attachments\">\n @for (file of attachments(); track file) {\n <img [src]=\"file\"\n alt=\"attachment\"\n class=\"message__image\"\n loading=\"lazy\"/>\n }\n </div>\n }\n\n <div class=\"message__bubble\" tabindex=\"0\">\n <div class=\"message__text\">{{ currentMessage().content }}</div>\n\n <div class=\"message__meta\">\n <time class=\"message__time\">{{ currentMessage().cr_time | date:'HH:mm' }}</time>\n @if (currentMessage().type === messageType.Outgoing) {\n @if (currentMessage().checked) {\n <mat-icon svgIcon=\"checked-message\" aria-hidden=\"true\" class=\"message__icon\"></mat-icon>\n } @else {\n <mat-icon svgIcon=\"no-check\" aria-hidden=\"true\" class=\"message__icon\"></mat-icon>\n }\n }\n </div>\n </div>\n </div>\n</div>\n\n<mat-menu #messageMenu=\"matMenu\" xPosition=\"before\" yPosition=\"below\" class=\"message__menu\">\n @if (currentMessage().type === messageType.Outgoing) {\n <button mat-menu-item (click)=\"editMessage(currentMessage())\">\n <mat-icon svgIcon=\"icon-edit\" aria-hidden=\"true\" class=\"message__icon\"></mat-icon>\n <span>{{ 'chat.edit' | transloco }}</span>\n </button>\n }\n @if (canDelete(currentMessage())) {\n <button mat-menu-item (click)=\"deleteMessage(currentMessage())\">\n <mat-icon svgIcon=\"trash\" aria-hidden=\"true\" class=\"message__icon\"></mat-icon>\n <span>{{ 'chat.remove' | transloco }}</span>\n </button>\n }\n</mat-menu>\n", styles: [".message{display:flex;gap:8px;align-items:flex-end;max-width:80%;animation:pop .12s ease-out}.message__avatar img{display:block;border-radius:1000px}.message__body{padding:8px 12px;min-width:0;font:400 16px/24px roboto,sans-serif;border-radius:16px}.message__bubble{display:grid;grid-template-columns:1fr auto;column-gap:8px;align-items:end;max-width:100%;word-break:break-word;white-space:pre-wrap}.message__text{min-width:0}.message__meta{display:inline-flex;align-items:center;gap:4px;-webkit-user-select:none;user-select:none;line-height:1;margin:0}.message__time{font:12px/14px roboto,sans-serif}.message__attachments{display:grid;gap:8px;justify-content:start;width:100%;margin-bottom:8px}.message__attachments:has(:only-child){grid-template-columns:repeat(1,minmax(0,140px))}.message__attachments:has(:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,140px))}.message__attachments:has(:nth-child(3)){grid-template-columns:repeat(3,minmax(0,140px))}.message__image{display:block;width:100%;height:140px;object-fit:cover;border-radius:12px;aspect-ratio:1/1}.message__bubble:after{content:\"\";display:block;clear:both}.message__time{font:12px/14px roboto,sans-serif;min-width:30px}.message__icon{width:14px;height:14px;vertical-align:middle}.message--incoming{margin-right:auto}.message--incoming .message__body{background:#e9ecef;color:#343a40;border-bottom-right-radius:16px}.message--incoming .message__bubble{border-top-left-radius:4px}.message--incoming .message__time{color:#adb5bd}.message--outgoing{margin-left:auto;flex-direction:row-reverse}.message--outgoing .message__body{background:#4656ca;color:#fff;border-bottom-left-radius:16px}.message--outgoing .message__bubble{border-top-right-radius:4px}.message--outgoing .message__time{color:#e9ecef}@keyframes pop{0%{transform:translateY(2px);opacity:0}to{transform:translateY(0);opacity:1}}::ng-deep .mat-mdc-menu-content{background:#fff;width:160px;border-radius:8px;gap:4px;border:1px solid #E1E7F8;padding:8px 4px;box-shadow:0 2px 4px #0000001a;overflow:hidden;font:14px/18px roboto,sans-serif}::ng-deep .mat-mdc-menu-item-text{font:14px/18px roboto,sans-serif!important;font-weight:500!important;color:#343a40!important}\n"] }]
|
|
163
|
+
}], ctorParameters: () => [{ type: i1.MatIconRegistry }, { type: i2.DomSanitizer }], propDecorators: { currentMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentMessage", required: true }] }], edit: [{ type: i0.Input, args: [{ isSignal: true, alias: "edit", required: false }] }, { type: i0.Output, args: ["editChange"] }], requestEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestEdit", required: false }] }, { type: i0.Output, args: ["requestEditChange"] }], requestDelete: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestDelete", required: false }] }, { type: i0.Output, args: ["requestDeleteChange"] }] } });
|
|
164
|
+
|
|
165
|
+
class UtilsService {
|
|
166
|
+
http;
|
|
167
|
+
constructor(http) {
|
|
168
|
+
this.http = http;
|
|
169
|
+
}
|
|
170
|
+
langToLocale(lang) {
|
|
171
|
+
switch (lang) {
|
|
172
|
+
case 'uk':
|
|
173
|
+
return 'uk-UA';
|
|
174
|
+
case 'en':
|
|
175
|
+
default:
|
|
176
|
+
return 'en-US';
|
|
177
|
+
}
|
|
178
|
+
}
|
|
179
|
+
getLocalISODate() {
|
|
180
|
+
const d = new Date();
|
|
181
|
+
const year = d.getFullYear();
|
|
182
|
+
const month = String(d.getMonth() + 1).padStart(2, '0');
|
|
183
|
+
const day = String(d.getDate()).padStart(2, '0');
|
|
184
|
+
const hours = String(d.getHours()).padStart(2, '0');
|
|
185
|
+
const minutes = String(d.getMinutes()).padStart(2, '0');
|
|
186
|
+
const seconds = String(d.getSeconds()).padStart(2, '0');
|
|
187
|
+
return `${year}-${month}-${day}T${hours}:${minutes}:${seconds}`;
|
|
188
|
+
}
|
|
189
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: UtilsService, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
190
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: UtilsService, providedIn: 'root' });
|
|
191
|
+
}
|
|
192
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: UtilsService, decorators: [{
|
|
193
|
+
type: Injectable,
|
|
194
|
+
args: [{
|
|
195
|
+
providedIn: 'root'
|
|
196
|
+
}]
|
|
197
|
+
}], ctorParameters: () => [{ type: i1$1.HttpClient }] });
|
|
198
|
+
|
|
199
|
+
class ChatStartDayPipe {
|
|
200
|
+
utils;
|
|
201
|
+
transloco;
|
|
202
|
+
constructor(utils, transloco) {
|
|
203
|
+
this.utils = utils;
|
|
204
|
+
this.transloco = transloco;
|
|
205
|
+
}
|
|
206
|
+
transform(value, format = 'd MMMM') {
|
|
207
|
+
if (!value) {
|
|
208
|
+
return '';
|
|
209
|
+
}
|
|
210
|
+
const locale = this.utils.langToLocale(this.transloco.getActiveLang());
|
|
211
|
+
const datePipe = new DatePipe(locale);
|
|
212
|
+
const valueDate = new Date(value);
|
|
213
|
+
const today = new Date();
|
|
214
|
+
const isToday = datePipe.transform(valueDate, 'shortDate') === datePipe.transform(today, 'shortDate');
|
|
215
|
+
return isToday
|
|
216
|
+
? (locale.startsWith('uk') ? 'Сьогодні' : 'Today')
|
|
217
|
+
: (datePipe.transform(valueDate, format) ?? '');
|
|
218
|
+
}
|
|
219
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: ChatStartDayPipe, deps: [{ token: UtilsService }, { token: i2$1.TranslocoService }], target: i0.ɵɵFactoryTarget.Pipe });
|
|
220
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.7", ngImport: i0, type: ChatStartDayPipe, isStandalone: true, name: "chatStartDay" });
|
|
221
|
+
}
|
|
222
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: ChatStartDayPipe, decorators: [{
|
|
223
|
+
type: Pipe,
|
|
224
|
+
args: [{
|
|
225
|
+
name: 'chatStartDay'
|
|
226
|
+
}]
|
|
227
|
+
}], ctorParameters: () => [{ type: UtilsService }, { type: i2$1.TranslocoService }] });
|
|
228
|
+
|
|
229
|
+
class ToggleDisplayChatStartDayPipe {
|
|
230
|
+
utils;
|
|
231
|
+
transloco;
|
|
232
|
+
constructor(utils, transloco) {
|
|
233
|
+
this.utils = utils;
|
|
234
|
+
this.transloco = transloco;
|
|
235
|
+
}
|
|
236
|
+
transform(message, messages, i) {
|
|
237
|
+
const locale = this.utils.langToLocale(this.transloco.getActiveLang());
|
|
238
|
+
const datePipe = new DatePipe(locale);
|
|
239
|
+
const prev = i > 0 ? messages[i - 1] : undefined;
|
|
240
|
+
const currDay = datePipe.transform(new Date(message.cr_time), 'shortDate');
|
|
241
|
+
const prevDay = prev ? datePipe.transform(new Date(prev.cr_time), 'shortDate') : undefined;
|
|
242
|
+
return prev ? currDay !== prevDay : true;
|
|
243
|
+
}
|
|
244
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: ToggleDisplayChatStartDayPipe, deps: [{ token: UtilsService }, { token: i2$1.TranslocoService }], target: i0.ɵɵFactoryTarget.Pipe });
|
|
245
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.7", ngImport: i0, type: ToggleDisplayChatStartDayPipe, isStandalone: true, name: "toggleDisplayChatStartDay" });
|
|
246
|
+
}
|
|
247
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: ToggleDisplayChatStartDayPipe, decorators: [{
|
|
248
|
+
type: Pipe,
|
|
249
|
+
args: [{
|
|
250
|
+
name: 'toggleDisplayChatStartDay'
|
|
251
|
+
}]
|
|
252
|
+
}], ctorParameters: () => [{ type: UtilsService }, { type: i2$1.TranslocoService }] });
|
|
253
|
+
|
|
254
|
+
class ChatFlowComponent {
|
|
255
|
+
flowRef;
|
|
256
|
+
messageListInput = model.required(...(ngDevMode ? [{ debugName: "messageListInput" }] : []));
|
|
257
|
+
messageList = computed(() => this.messageListInput(), ...(ngDevMode ? [{ debugName: "messageList" }] : []));
|
|
258
|
+
selectedForEdit = model.required(...(ngDevMode ? [{ debugName: "selectedForEdit" }] : []));
|
|
259
|
+
constructor() {
|
|
260
|
+
effect(() => {
|
|
261
|
+
const length = this.messageList().length;
|
|
262
|
+
if (length > 0) {
|
|
263
|
+
queueMicrotask(() => this.scrollToBottomSmooth());
|
|
264
|
+
}
|
|
265
|
+
});
|
|
266
|
+
}
|
|
267
|
+
scrollToBottomSmooth() {
|
|
268
|
+
const element = this.flowRef?.nativeElement;
|
|
269
|
+
if (!element) {
|
|
270
|
+
return this;
|
|
271
|
+
}
|
|
272
|
+
element.scrollTo({ top: element.scrollHeight, behavior: 'smooth' });
|
|
273
|
+
return this;
|
|
274
|
+
}
|
|
275
|
+
startEdit(message) {
|
|
276
|
+
this.messageList().forEach(currMessage => {
|
|
277
|
+
if (currMessage.id !== message.id && currMessage.edit) {
|
|
278
|
+
currMessage.edit = false;
|
|
279
|
+
}
|
|
280
|
+
});
|
|
281
|
+
message.edit = true;
|
|
282
|
+
if (this.selectedForEdit()?.id === message.id) {
|
|
283
|
+
this.selectedForEdit.set(null);
|
|
284
|
+
queueMicrotask(() => this.selectedForEdit.set(message));
|
|
285
|
+
}
|
|
286
|
+
else {
|
|
287
|
+
this.selectedForEdit.set(message);
|
|
288
|
+
}
|
|
289
|
+
return this;
|
|
290
|
+
}
|
|
291
|
+
onEditChange(id, isEdit) {
|
|
292
|
+
const messageList = this.messageList().find(message => message.id === id);
|
|
293
|
+
if (!messageList) {
|
|
294
|
+
return this;
|
|
295
|
+
}
|
|
296
|
+
if (isEdit) {
|
|
297
|
+
return this.startEdit(messageList);
|
|
298
|
+
}
|
|
299
|
+
else {
|
|
300
|
+
messageList.edit = false;
|
|
301
|
+
if (this.selectedForEdit()?.id === id) {
|
|
302
|
+
this.selectedForEdit.set(null);
|
|
303
|
+
}
|
|
304
|
+
}
|
|
305
|
+
return this;
|
|
306
|
+
}
|
|
307
|
+
onRequestEdit(message) {
|
|
308
|
+
if (message) {
|
|
309
|
+
return this.startEdit(message);
|
|
310
|
+
}
|
|
311
|
+
this.selectedForEdit.set(null);
|
|
312
|
+
return this;
|
|
313
|
+
}
|
|
314
|
+
onRequestDelete(messageId) {
|
|
315
|
+
if (!messageId) {
|
|
316
|
+
return this;
|
|
317
|
+
}
|
|
318
|
+
const updatedList = this.messageList().filter(m => m.id !== messageId);
|
|
319
|
+
this.selectedForEdit.set(null);
|
|
320
|
+
queueMicrotask(() => this.messageListInput.set(updatedList));
|
|
321
|
+
return this;
|
|
322
|
+
}
|
|
323
|
+
trackByMessageId(_index, message) {
|
|
324
|
+
// return message.id;
|
|
325
|
+
return `${message.chat_id}-${message.type}-${message.id}`;
|
|
326
|
+
}
|
|
327
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: ChatFlowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
328
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: ChatFlowComponent, isStandalone: true, selector: "app-chat-flow", inputs: { messageListInput: { classPropertyName: "messageListInput", publicName: "messageListInput", isSignal: true, isRequired: true, transformFunction: null }, selectedForEdit: { classPropertyName: "selectedForEdit", publicName: "selectedForEdit", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { messageListInput: "messageListInputChange", selectedForEdit: "selectedForEditChange" }, viewQueries: [{ propertyName: "flowRef", first: true, predicate: ["chatFlowRef"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"chat\">\n <div class=\"chat__flow\" #chatFlowRef>\n @for (message of messageList(); track trackByMessageId(i, message); let i = $index) {\n @if (message | toggleDisplayChatStartDay: messageList() : i) {\n <span class=\"chat__start-day\">\n {{ message.cr_time | chatStartDay:'d MMMM' }}\n </span>\n }\n\n <lib-chat-message [currentMessage]=\"message\"\n [edit]=\"message.edit ?? false\"\n (editChange)=\"onEditChange(message.id, $event)\"\n (requestEditChange)=\"onRequestEdit($event)\"\n (requestDeleteChange)=\"onRequestDelete($event)\">\n </lib-chat-message>\n\n }\n </div>\n</div>\n", styles: [":host{display:block;height:100%;min-height:0}.chat{background:#fff;height:100%;display:flex;flex-direction:column;min-height:0}.chat__flow{flex:1 1 auto;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:12px 16px;scroll-behavior:smooth;overscroll-behavior:contain}.chat__start-day{display:flex;justify-content:center;background:#f8f9fa;color:#6c757d;font:12px/14px roboto,sans-serif;width:78px;height:22px;margin:0 auto;border-radius:1000px;gap:8px;padding:4px 12px}.chat ::-webkit-scrollbar{width:6px}.chat ::-webkit-scrollbar-track{background:transparent}.chat ::-webkit-scrollbar-thumb{background-color:#e9ecef;border-radius:4px;border:1px solid #E9ECEF}.chat ::-webkit-scrollbar-button{display:none}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "component", type: ChatMessageComponent, selector: "lib-chat-message", inputs: ["currentMessage", "edit", "requestEdit", "requestDelete"], outputs: ["editChange", "requestEditChange", "requestDeleteChange"] }, { kind: "pipe", type: ChatStartDayPipe, name: "chatStartDay" }, { kind: "pipe", type: ToggleDisplayChatStartDayPipe, name: "toggleDisplayChatStartDay" }] });
|
|
329
|
+
}
|
|
330
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: ChatFlowComponent, decorators: [{
|
|
331
|
+
type: Component,
|
|
332
|
+
args: [{ selector: 'app-chat-flow', imports: [
|
|
333
|
+
FormsModule,
|
|
334
|
+
ChatMessageComponent,
|
|
335
|
+
ChatStartDayPipe,
|
|
336
|
+
ToggleDisplayChatStartDayPipe,
|
|
337
|
+
ChatMessageComponent
|
|
338
|
+
], standalone: true, template: "<div class=\"chat\">\n <div class=\"chat__flow\" #chatFlowRef>\n @for (message of messageList(); track trackByMessageId(i, message); let i = $index) {\n @if (message | toggleDisplayChatStartDay: messageList() : i) {\n <span class=\"chat__start-day\">\n {{ message.cr_time | chatStartDay:'d MMMM' }}\n </span>\n }\n\n <lib-chat-message [currentMessage]=\"message\"\n [edit]=\"message.edit ?? false\"\n (editChange)=\"onEditChange(message.id, $event)\"\n (requestEditChange)=\"onRequestEdit($event)\"\n (requestDeleteChange)=\"onRequestDelete($event)\">\n </lib-chat-message>\n\n }\n </div>\n</div>\n", styles: [":host{display:block;height:100%;min-height:0}.chat{background:#fff;height:100%;display:flex;flex-direction:column;min-height:0}.chat__flow{flex:1 1 auto;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:12px 16px;scroll-behavior:smooth;overscroll-behavior:contain}.chat__start-day{display:flex;justify-content:center;background:#f8f9fa;color:#6c757d;font:12px/14px roboto,sans-serif;width:78px;height:22px;margin:0 auto;border-radius:1000px;gap:8px;padding:4px 12px}.chat ::-webkit-scrollbar{width:6px}.chat ::-webkit-scrollbar-track{background:transparent}.chat ::-webkit-scrollbar-thumb{background-color:#e9ecef;border-radius:4px;border:1px solid #E9ECEF}.chat ::-webkit-scrollbar-button{display:none}\n"] }]
|
|
339
|
+
}], ctorParameters: () => [], propDecorators: { flowRef: [{
|
|
340
|
+
type: ViewChild,
|
|
341
|
+
args: ['chatFlowRef', { static: true }]
|
|
342
|
+
}], messageListInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageListInput", required: true }] }, { type: i0.Output, args: ["messageListInputChange"] }], selectedForEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedForEdit", required: true }] }, { type: i0.Output, args: ["selectedForEditChange"] }] } });
|
|
343
|
+
|
|
344
|
+
class ImageFile {
|
|
345
|
+
id;
|
|
346
|
+
url;
|
|
347
|
+
cr_time;
|
|
348
|
+
constructor(id, url, cr_time) {
|
|
349
|
+
this.id = id;
|
|
350
|
+
this.url = url;
|
|
351
|
+
this.cr_time = cr_time;
|
|
352
|
+
}
|
|
353
|
+
}
|
|
354
|
+
var FileType;
|
|
355
|
+
(function (FileType) {
|
|
356
|
+
FileType["IMAGE"] = "image";
|
|
357
|
+
FileType["GIF"] = "gif";
|
|
358
|
+
})(FileType || (FileType = {}));
|
|
359
|
+
|
|
360
|
+
class InputMessageComponent {
|
|
361
|
+
iconRegistry;
|
|
362
|
+
sanitizer;
|
|
363
|
+
inputTextElement;
|
|
364
|
+
mirrorElement;
|
|
365
|
+
editMessage = input(null, ...(ngDevMode ? [{ debugName: "editMessage" }] : []));
|
|
366
|
+
hasOriginalAttachments = computed(() => {
|
|
367
|
+
const filePaths = this.editFilePaths();
|
|
368
|
+
return filePaths.length > 0;
|
|
369
|
+
}, ...(ngDevMode ? [{ debugName: "hasOriginalAttachments" }] : []));
|
|
370
|
+
hasNewAttachments = computed(() => (this.previews()?.length ?? 0) > 0, ...(ngDevMode ? [{ debugName: "hasNewAttachments" }] : []));
|
|
371
|
+
cancelEdit = model(null, ...(ngDevMode ? [{ debugName: "cancelEdit" }] : []));
|
|
372
|
+
input_text = model('', ...(ngDevMode ? [{ debugName: "input_text" }] : []));
|
|
373
|
+
draft = signal('', ...(ngDevMode ? [{ debugName: "draft" }] : []));
|
|
374
|
+
focused = signal(false, ...(ngDevMode ? [{ debugName: "focused" }] : []));
|
|
375
|
+
sending = signal(false, ...(ngDevMode ? [{ debugName: "sending" }] : []));
|
|
376
|
+
hasText = computed(() => this.draft().trim().length > 0, ...(ngDevMode ? [{ debugName: "hasText" }] : []));
|
|
377
|
+
isEditMode = computed(() => !!this.editMessage(), ...(ngDevMode ? [{ debugName: "isEditMode" }] : []));
|
|
378
|
+
canSend = computed(() => this.hasText() ||
|
|
379
|
+
this.hasNewAttachments() ||
|
|
380
|
+
(this.isEditMode() && this.hasOriginalAttachments()), ...(ngDevMode ? [{ debugName: "canSend" }] : []));
|
|
381
|
+
files = model([], ...(ngDevMode ? [{ debugName: "files" }] : []));
|
|
382
|
+
previews = model([], ...(ngDevMode ? [{ debugName: "previews" }] : []));
|
|
383
|
+
lastHeightPx = 0;
|
|
384
|
+
lastRows = 1;
|
|
385
|
+
resizeRaf = null;
|
|
386
|
+
constructor(iconRegistry, sanitizer) {
|
|
387
|
+
this.iconRegistry = iconRegistry;
|
|
388
|
+
this.sanitizer = sanitizer;
|
|
389
|
+
this.iconRegistry.addSvgIcon('attach-filled', this.sanitizer.bypassSecurityTrustResourceUrl('../../assets/icons/attach-filled.svg'));
|
|
390
|
+
this.iconRegistry.addSvgIcon('send', this.sanitizer.bypassSecurityTrustResourceUrl('../../assets/icons/send.svg'));
|
|
391
|
+
this.iconRegistry.addSvgIcon('remove', this.sanitizer.bypassSecurityTrustResourceUrl('../../assets/icons/remove-badge.svg'));
|
|
392
|
+
this.iconRegistry.addSvgIcon('close', this.sanitizer.bypassSecurityTrustResourceUrl('../../assets/icons/close.svg'));
|
|
393
|
+
effect(() => {
|
|
394
|
+
const message = this.editMessage();
|
|
395
|
+
const element = this.inputTextElement?.nativeElement;
|
|
396
|
+
if (!element) {
|
|
397
|
+
return;
|
|
398
|
+
}
|
|
399
|
+
if (message) {
|
|
400
|
+
const content = message.content ?? '';
|
|
401
|
+
this.draft.set(content);
|
|
402
|
+
element.innerText = content;
|
|
403
|
+
queueMicrotask(() => {
|
|
404
|
+
this.autoResizeByRows();
|
|
405
|
+
element.focus();
|
|
406
|
+
this.focused.set(true);
|
|
407
|
+
});
|
|
408
|
+
}
|
|
409
|
+
});
|
|
410
|
+
}
|
|
411
|
+
ngAfterViewInit() {
|
|
412
|
+
const element = this.inputTextElement.nativeElement;
|
|
413
|
+
element.style.transition = 'height 160ms ease';
|
|
414
|
+
this.initMirror();
|
|
415
|
+
const computedStyle = getComputedStyle(element);
|
|
416
|
+
const lineHeight = this.cssNum(computedStyle.lineHeight, 24);
|
|
417
|
+
element.style.height = `${lineHeight}px`;
|
|
418
|
+
this.lastHeightPx = lineHeight;
|
|
419
|
+
this.lastRows = 1;
|
|
420
|
+
this.updateOverflow(1);
|
|
421
|
+
requestAnimationFrame(() => {
|
|
422
|
+
const { rows, nextHeightPx } = this.measureByMirror();
|
|
423
|
+
element.style.height = `${nextHeightPx}px`;
|
|
424
|
+
this.lastRows = rows;
|
|
425
|
+
this.lastHeightPx = nextHeightPx;
|
|
426
|
+
this.updateOverflow(rows);
|
|
427
|
+
});
|
|
428
|
+
}
|
|
429
|
+
ngOnDestroy() {
|
|
430
|
+
if (this.resizeRaf) {
|
|
431
|
+
cancelAnimationFrame(this.resizeRaf);
|
|
432
|
+
this.resizeRaf = null;
|
|
433
|
+
}
|
|
434
|
+
}
|
|
435
|
+
editFilePaths() {
|
|
436
|
+
const message = this.editMessage();
|
|
437
|
+
if (!message) {
|
|
438
|
+
return [];
|
|
439
|
+
}
|
|
440
|
+
const file_path = message.file_path;
|
|
441
|
+
return Array.isArray(file_path) ? file_path : [];
|
|
442
|
+
}
|
|
443
|
+
collectAttachmentSources() {
|
|
444
|
+
return (this.previews() ?? []).map(p => p.src).filter(Boolean);
|
|
445
|
+
}
|
|
446
|
+
cancelEditMessage() {
|
|
447
|
+
const message = this.editMessage();
|
|
448
|
+
this.cancelEdit.set(message?.id ?? null);
|
|
449
|
+
queueMicrotask(() => this.cancelEdit.set(null));
|
|
450
|
+
this.draft.set('');
|
|
451
|
+
const element = this.inputTextElement?.nativeElement;
|
|
452
|
+
if (element) {
|
|
453
|
+
element.innerHTML = '';
|
|
454
|
+
this.autoResizeByRows();
|
|
455
|
+
element.focus();
|
|
456
|
+
}
|
|
457
|
+
return this;
|
|
458
|
+
}
|
|
459
|
+
enterDown() {
|
|
460
|
+
const element = this.inputTextElement.nativeElement;
|
|
461
|
+
const text = this.draft().trim();
|
|
462
|
+
if (!this.canSend())
|
|
463
|
+
return this;
|
|
464
|
+
this.sending.set(true);
|
|
465
|
+
const files = this.collectAttachmentSources();
|
|
466
|
+
const message = this.editMessage();
|
|
467
|
+
if (message) {
|
|
468
|
+
this.input_text.set({ id: message.id, content: text, files: files.length ? files : undefined });
|
|
469
|
+
}
|
|
470
|
+
else {
|
|
471
|
+
this.input_text.set({ content: text, files: files.length ? files : undefined });
|
|
472
|
+
}
|
|
473
|
+
this.draft.set('');
|
|
474
|
+
element.innerHTML = '';
|
|
475
|
+
this.files.set([]);
|
|
476
|
+
this.previews.set([]);
|
|
477
|
+
element.focus();
|
|
478
|
+
this.autoResizeByRows();
|
|
479
|
+
setTimeout(() => this.sending.set(false), 150);
|
|
480
|
+
return this;
|
|
481
|
+
}
|
|
482
|
+
onFocus() {
|
|
483
|
+
if (this.inputTextElement.nativeElement.innerHTML === '<br>') {
|
|
484
|
+
this.inputTextElement.nativeElement.innerHTML = '';
|
|
485
|
+
}
|
|
486
|
+
this.focused.set(true);
|
|
487
|
+
return this;
|
|
488
|
+
}
|
|
489
|
+
onBlur() {
|
|
490
|
+
this.focused.set(false);
|
|
491
|
+
return this;
|
|
492
|
+
}
|
|
493
|
+
onKeyDown(event) {
|
|
494
|
+
if (event.key === 'Enter' && !event.shiftKey) {
|
|
495
|
+
event.preventDefault();
|
|
496
|
+
this.enterDown();
|
|
497
|
+
return this;
|
|
498
|
+
}
|
|
499
|
+
queueMicrotask(() => this.autoResizeByRows());
|
|
500
|
+
return this;
|
|
501
|
+
}
|
|
502
|
+
onInput() {
|
|
503
|
+
this.draft.set(this.inputTextElement.nativeElement.innerText ?? '');
|
|
504
|
+
this.autoResizeByRows();
|
|
505
|
+
return this;
|
|
506
|
+
}
|
|
507
|
+
onPaste() {
|
|
508
|
+
queueMicrotask(() => {
|
|
509
|
+
this.draft.set(this.inputTextElement.nativeElement.innerText ?? '');
|
|
510
|
+
this.autoResizeByRows();
|
|
511
|
+
});
|
|
512
|
+
return this;
|
|
513
|
+
}
|
|
514
|
+
inputFileChange(event) {
|
|
515
|
+
const inputEl = event.target;
|
|
516
|
+
const selected = inputEl.files;
|
|
517
|
+
if (!selected?.length) {
|
|
518
|
+
inputEl.value = '';
|
|
519
|
+
return this;
|
|
520
|
+
}
|
|
521
|
+
const list = Array.from(selected).filter(f => (f.type || '').startsWith('image/'));
|
|
522
|
+
if (!list.length) {
|
|
523
|
+
inputEl.value = '';
|
|
524
|
+
return this;
|
|
525
|
+
}
|
|
526
|
+
this.files.set([...(this.files() ?? []), ...list]);
|
|
527
|
+
Promise.all(list.map(async (f) => {
|
|
528
|
+
const src = await this.readFileAsDataURL(f);
|
|
529
|
+
const originalKind = (f.type || '') === 'image/gif' ? FileType.GIF : FileType.IMAGE;
|
|
530
|
+
return { src, originalKind, name: f.name, type: f.type || '', size: f.size };
|
|
531
|
+
}))
|
|
532
|
+
.then(items => this.previews.set([...(this.previews() ?? []), ...items]))
|
|
533
|
+
.finally(() => (inputEl.value = ''));
|
|
534
|
+
return this;
|
|
535
|
+
}
|
|
536
|
+
removeFile(index, event) {
|
|
537
|
+
event?.stopPropagation();
|
|
538
|
+
event?.preventDefault();
|
|
539
|
+
const previews = [...(this.previews() ?? [])];
|
|
540
|
+
previews.splice(index, 1);
|
|
541
|
+
this.previews.set(previews);
|
|
542
|
+
const filesArr = [...(this.files() ?? [])];
|
|
543
|
+
if (index >= 0 && index < filesArr.length) {
|
|
544
|
+
filesArr.splice(index, 1);
|
|
545
|
+
this.files.set(filesArr);
|
|
546
|
+
}
|
|
547
|
+
return this;
|
|
548
|
+
}
|
|
549
|
+
openPreview(_item, _index) {
|
|
550
|
+
return this;
|
|
551
|
+
}
|
|
552
|
+
autoResizeByRows() {
|
|
553
|
+
const element = this.inputTextElement.nativeElement;
|
|
554
|
+
const { rows, nextHeightPx } = this.measureByMirror();
|
|
555
|
+
if (rows === this.lastRows) {
|
|
556
|
+
this.updateOverflow(rows);
|
|
557
|
+
return this;
|
|
558
|
+
}
|
|
559
|
+
if (this.resizeRaf) {
|
|
560
|
+
cancelAnimationFrame(this.resizeRaf);
|
|
561
|
+
}
|
|
562
|
+
element.style.height = `${this.lastHeightPx}px`;
|
|
563
|
+
this.resizeRaf = requestAnimationFrame(() => {
|
|
564
|
+
element.style.height = `${nextHeightPx}px`;
|
|
565
|
+
this.lastHeightPx = nextHeightPx;
|
|
566
|
+
this.lastRows = rows;
|
|
567
|
+
this.updateOverflow(rows);
|
|
568
|
+
});
|
|
569
|
+
return this;
|
|
570
|
+
}
|
|
571
|
+
measureByMirror() {
|
|
572
|
+
const inputEl = this.inputTextElement.nativeElement;
|
|
573
|
+
const mirrorEl = this.mirrorElement.nativeElement;
|
|
574
|
+
const computedStyle = getComputedStyle(inputEl);
|
|
575
|
+
let text = inputEl.innerText;
|
|
576
|
+
if (!text || text === '\n') {
|
|
577
|
+
text = '\u00A0';
|
|
578
|
+
}
|
|
579
|
+
mirrorEl.style.width = computedStyle.width;
|
|
580
|
+
mirrorEl.textContent = text;
|
|
581
|
+
const lineHeight = this.cssNum(computedStyle.lineHeight, 24);
|
|
582
|
+
const paddingTop = this.cssNum(computedStyle.paddingTop, 0);
|
|
583
|
+
const paddingBottom = this.cssNum(computedStyle.paddingBottom, 0);
|
|
584
|
+
const paddingY = paddingTop + paddingBottom;
|
|
585
|
+
const maxRowsCss = computedStyle.getPropertyValue('--max-rows').trim();
|
|
586
|
+
const maxRows = maxRowsCss ? this.cssNum(maxRowsCss, 8) : 8;
|
|
587
|
+
const contentH = mirrorEl.offsetHeight;
|
|
588
|
+
const rawRows = Math.max(1, Math.ceil(contentH / lineHeight));
|
|
589
|
+
const rows = Math.min(rawRows, maxRows);
|
|
590
|
+
const nextHeightPx = Math.round(rows * lineHeight + paddingY);
|
|
591
|
+
return { rows, nextHeightPx };
|
|
592
|
+
}
|
|
593
|
+
initMirror() {
|
|
594
|
+
const mirror = this.mirrorElement.nativeElement;
|
|
595
|
+
const input = this.inputTextElement.nativeElement;
|
|
596
|
+
const computedStyle = getComputedStyle(input);
|
|
597
|
+
mirror.style.position = 'absolute';
|
|
598
|
+
mirror.style.visibility = 'hidden';
|
|
599
|
+
mirror.style.pointerEvents = 'none';
|
|
600
|
+
mirror.style.zIndex = '-1';
|
|
601
|
+
mirror.style.whiteSpace = 'pre-wrap';
|
|
602
|
+
mirror.style.overflowWrap = 'break-word';
|
|
603
|
+
mirror.style.wordBreak = 'normal';
|
|
604
|
+
const properties = [
|
|
605
|
+
'font', 'font-size', 'font-family', 'font-weight', 'font-style',
|
|
606
|
+
'line-height', 'letter-spacing', 'word-spacing',
|
|
607
|
+
'padding-top', 'padding-bottom', 'padding-left', 'padding-right',
|
|
608
|
+
'border-top-width', 'border-bottom-width', 'border-left-width', 'border-right-width',
|
|
609
|
+
'white-space', 'text-transform', 'box-sizing'
|
|
610
|
+
];
|
|
611
|
+
properties.forEach(property => mirror.style[property] = computedStyle.getPropertyValue(property));
|
|
612
|
+
mirror.style.paddingTop = '0px';
|
|
613
|
+
mirror.style.paddingBottom = '0px';
|
|
614
|
+
}
|
|
615
|
+
updateOverflow(rows) {
|
|
616
|
+
const element = this.inputTextElement.nativeElement;
|
|
617
|
+
const computedStyle = getComputedStyle(element);
|
|
618
|
+
const maxRowsCss = computedStyle.getPropertyValue('--max-rows').trim();
|
|
619
|
+
const maxRows = maxRowsCss ? this.cssNum(maxRowsCss, 8) : 8;
|
|
620
|
+
element.style.overflowY = rows >= maxRows ? 'auto' : 'hidden';
|
|
621
|
+
return this;
|
|
622
|
+
}
|
|
623
|
+
readFileAsDataURL(file) {
|
|
624
|
+
return new Promise((resolve, reject) => {
|
|
625
|
+
const reader = new FileReader();
|
|
626
|
+
reader.onload = e => resolve(e.target?.result || '');
|
|
627
|
+
reader.onerror = reject;
|
|
628
|
+
reader.readAsDataURL(file);
|
|
629
|
+
});
|
|
630
|
+
}
|
|
631
|
+
cssNum(v, fb = 0) {
|
|
632
|
+
const n = parseFloat(v);
|
|
633
|
+
return Number.isFinite(n) ? n : fb;
|
|
634
|
+
}
|
|
635
|
+
FileType = FileType;
|
|
636
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: InputMessageComponent, deps: [{ token: i1.MatIconRegistry }, { token: i2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
|
|
637
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: InputMessageComponent, isStandalone: true, selector: "app-input-message", inputs: { editMessage: { classPropertyName: "editMessage", publicName: "editMessage", isSignal: true, isRequired: false, transformFunction: null }, cancelEdit: { classPropertyName: "cancelEdit", publicName: "cancelEdit", isSignal: true, isRequired: false, transformFunction: null }, input_text: { classPropertyName: "input_text", publicName: "input_text", isSignal: true, isRequired: false, transformFunction: null }, files: { classPropertyName: "files", publicName: "files", isSignal: true, isRequired: false, transformFunction: null }, previews: { classPropertyName: "previews", publicName: "previews", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { cancelEdit: "cancelEditChange", input_text: "input_textChange", files: "filesChange", previews: "previewsChange" }, viewQueries: [{ propertyName: "inputTextElement", first: true, predicate: ["inputText"], descendants: true }, { propertyName: "mirrorElement", first: true, predicate: ["mirror"], descendants: true }], ngImport: i0, template: "<section class=\"message\"\n [class.message--focus]=\"focused()\"\n [class.message--filled]=\"hasText()\"\n [class.message--sending]=\"sending()\">\n\n @if (isEditMode()) {\n <div class=\"message__wrap\">\n <div class=\"message__wrap--input\">\n <button class=\"message__button message__button--attach\">\n <mat-icon svgIcon=\"icon-edit\"\n aria-hidden=\"true\"\n class=\"message__icon message__icon--edit\">\n </mat-icon>\n </button>\n\n <div class=\"message__edit-hint\">\n <p>{{ editMessage()?.content }}</p>\n </div>\n </div>\n\n <button class=\"message__button message__button--close\"\n type=\"button\"\n (click)=\"cancelEditMessage()\">\n <mat-icon svgIcon=\"close\" aria-hidden=\"true\" class=\"message__icon message__icon--close\"></mat-icon>\n </button>\n </div>\n }\n\n <div class=\"message__wrap\">\n <div class=\"message__wrap--input\">\n <button type=\"button\"\n class=\"message__button message__button--attach\"\n [attr.aria-label]=\"'chat.attach' | transloco\"\n (click)=\"fileDialog.click()\">\n <mat-icon svgIcon=\"attach-filled\"\n aria-hidden=\"true\"\n class=\"message__icon message__icon--attach\">\n </mat-icon>\n </button>\n\n <input #fileDialog\n type=\"file\"\n class=\"hidden\"\n accept=\"image/*\"\n multiple\n (change)=\"inputFileChange($event)\">\n\n <div #inputText\n role=\"textbox\"\n class=\"message__input\"\n spellcheck=\"true\"\n contenteditable=\"true\"\n aria-multiline=\"true\"\n [attr.data-placeholder]=\"isEditMode()\n ? ('chat.edit_placeholder' | transloco)\n : ('chat.placeholder' | transloco)\"\n (blur)=\"onBlur()\"\n (focus)=\"onFocus()\"\n (input)=\"onInput()\"\n (paste)=\"onPaste()\"\n (keydown)=\"onKeyDown($event)\">\n </div>\n\n <div #mirror class=\"message__input-mirror\" aria-hidden=\"true\"></div>\n\n <ng-content></ng-content>\n </div>\n\n <button class=\"message__button message__button--send\"\n type=\"button\"\n (click)=\"enterDown()\"\n [attr.aria-label]=\"'chat.send' | transloco\"\n [disabled]=\"!canSend()\">\n <mat-icon svgIcon=\"send\" aria-hidden=\"true\" class=\"message__icon message__icon--send\"></mat-icon>\n </button>\n </div>\n\n @if (previews().length) {\n <div class=\"message__files\">\n @for (item of previews(); track $index) {\n <div class=\"message__file\" [attr.data-kind]=\"item.originalKind\">\n <button type=\"button\"\n class=\"message__file-remove\"\n [attr.aria-label]=\"'chat.delete_file' | transloco\"\n (click)=\"removeFile($index, $event)\">\n <mat-icon svgIcon=\"remove\"\n aria-hidden=\"true\"\n class=\"message__icon message__icon--file\">\n </mat-icon>\n </button>\n\n <div class=\"message__file-media\" (click)=\"openPreview(item, $index)\">\n <img [src]=\"item.src\" [alt]=\"item.name\" class=\"message__file-img\"/>\n\n @if (item.originalKind === FileType.GIF) {\n <span class=\"message__file-badge message__file-badge--gif\">\n {{ 'chat.gif' | transloco }}\n </span>\n }\n </div>\n </div>\n }\n </div>\n }\n</section>\n\n\n", styles: [":host{display:block}.message{--lh: 24px;--max-rows: 8;display:flex;flex-direction:column;justify-content:space-between;background:#fff;border-top:1px solid #E1E7F8;padding:4px 8px;margin-top:8px;gap:8px;border-bottom-left-radius:16px;border-bottom-right-radius:16px;transition:box-shadow .18s ease,background-color .18s ease,border-color .18s ease}.message__wrap{display:flex;width:100%;min-width:0}.message__wrap--input{position:relative;display:flex;align-items:center;gap:12px;flex:1;min-width:0;padding:8px 0}.message__wrap--input:focus-within{border-color:#f8f9fa}.message__wrap--input::-webkit-scrollbar{width:4px;height:4px}.message__wrap--input::-webkit-scrollbar-track{background:transparent}.message__wrap--input::-webkit-scrollbar-thumb{background-color:#e9ecef;border-radius:4px;border:1px solid #E9ECEF}.message__wrap--input::-webkit-scrollbar-button{display:none}.message__input{flex:1 1 auto;min-height:var(--lh);line-height:var(--lh);font:400 16px/24px roboto,sans-serif;outline:none;border:none;background:transparent;color:#343a40;box-sizing:content-box;resize:none;white-space:pre-wrap;overflow-wrap:break-word;border-radius:8px;caret-color:#3c46b9;transition:height .16s ease;padding:0 4px 0 0;overflow-y:auto;max-height:calc(var(--lh) * var(--max-rows))}.message__input:empty:before{content:attr(data-placeholder);color:#ced4da;pointer-events:none;display:inline-block;animation:subtle-rise .18s ease both}.message__input-mirror{position:absolute;visibility:hidden;pointer-events:none;z-index:-1;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal}.message__button{cursor:pointer;background:none;border:none;transition:transform .12s ease,opacity .12s ease,background-color .12s ease}.message__button:active{transform:scale(.96)}.message__button:disabled{opacity:.45;pointer-events:none}.message__icon{display:inline-flex;width:22px;height:22px}.message__icon:not(.message__icon--file):hover{filter:invert(33%) sepia(79%) saturate(2933%) hue-rotate(205deg) brightness(93%) contrast(91%)}.message__icon--focus,.message__icon--filled{filter:invert(33%) sepia(79%) saturate(2933%) hue-rotate(205deg) brightness(93%) contrast(91%)}.message__icon--edit{filter:invert(33%) sepia(79%) saturate(2933%) hue-rotate(205deg) brightness(73%) contrast(99%)}.message__icon--close{filter:invert(1%) sepia(1%) saturate(1%) hue-rotate(100deg) brightness(100%) contrast(30%)}.message__files{display:flex;flex-wrap:wrap;gap:8px}.message__file{position:relative;width:40px;height:40px;flex:0 0 auto;overflow:visible}.message__file-media{width:100%;height:100%;border-radius:8px;overflow:hidden;cursor:pointer;position:relative;background:#f8f9fa}.message__file-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.message__file-badge{position:absolute;left:6px;top:6px;z-index:2;display:inline-flex;align-items:center;justify-content:center;height:18px;padding:0 6px;border-radius:4px;font:400 16px/24px roboto,sans-serif;background:#0009;color:#fff;letter-spacing:.3px;line-height:1}.message__file-badge--video{width:28px;height:28px;padding:0;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#00000073}.message__file-badge--video mat-icon{width:18px;height:18px;filter:invert(100%)}.message__file-badge--gif{font-weight:700}.message__file-duration{position:absolute;right:6px;bottom:6px;background:#0009;color:#fff;border-radius:4px;padding:1px;font:400 16px/24px roboto,sans-serif;z-index:2px;line-height:1.1}.message__file-remove{position:absolute;top:-6px;right:-6px;width:16px;height:16px;padding:0;border:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;z-index:3;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.message__file-remove:hover{transform:scale(1.05)}.message__file-remove:active{transform:scale(.96)}.message__file-remove .message__icon--file{width:14px;height:14px}.message__edit-hint{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:8px;border-radius:4px;border-left:2px solid #4656CA;padding:4px 8px}.message__edit-hint p{color:#ced4da;font:400 16px/24px roboto,sans-serif;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hidden{position:absolute;opacity:0;width:0;height:0;pointer-events:none}@keyframes subtle-rise{0%{transform:translateY(2px);opacity:.6}to{transform:translateY(0);opacity:1}}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: TranslocoPipe, name: "transloco" }] });
|
|
638
|
+
}
|
|
639
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: InputMessageComponent, decorators: [{
|
|
640
|
+
type: Component,
|
|
641
|
+
args: [{ selector: 'app-input-message', imports: [MatIcon, TranslocoPipe], standalone: true, template: "<section class=\"message\"\n [class.message--focus]=\"focused()\"\n [class.message--filled]=\"hasText()\"\n [class.message--sending]=\"sending()\">\n\n @if (isEditMode()) {\n <div class=\"message__wrap\">\n <div class=\"message__wrap--input\">\n <button class=\"message__button message__button--attach\">\n <mat-icon svgIcon=\"icon-edit\"\n aria-hidden=\"true\"\n class=\"message__icon message__icon--edit\">\n </mat-icon>\n </button>\n\n <div class=\"message__edit-hint\">\n <p>{{ editMessage()?.content }}</p>\n </div>\n </div>\n\n <button class=\"message__button message__button--close\"\n type=\"button\"\n (click)=\"cancelEditMessage()\">\n <mat-icon svgIcon=\"close\" aria-hidden=\"true\" class=\"message__icon message__icon--close\"></mat-icon>\n </button>\n </div>\n }\n\n <div class=\"message__wrap\">\n <div class=\"message__wrap--input\">\n <button type=\"button\"\n class=\"message__button message__button--attach\"\n [attr.aria-label]=\"'chat.attach' | transloco\"\n (click)=\"fileDialog.click()\">\n <mat-icon svgIcon=\"attach-filled\"\n aria-hidden=\"true\"\n class=\"message__icon message__icon--attach\">\n </mat-icon>\n </button>\n\n <input #fileDialog\n type=\"file\"\n class=\"hidden\"\n accept=\"image/*\"\n multiple\n (change)=\"inputFileChange($event)\">\n\n <div #inputText\n role=\"textbox\"\n class=\"message__input\"\n spellcheck=\"true\"\n contenteditable=\"true\"\n aria-multiline=\"true\"\n [attr.data-placeholder]=\"isEditMode()\n ? ('chat.edit_placeholder' | transloco)\n : ('chat.placeholder' | transloco)\"\n (blur)=\"onBlur()\"\n (focus)=\"onFocus()\"\n (input)=\"onInput()\"\n (paste)=\"onPaste()\"\n (keydown)=\"onKeyDown($event)\">\n </div>\n\n <div #mirror class=\"message__input-mirror\" aria-hidden=\"true\"></div>\n\n <ng-content></ng-content>\n </div>\n\n <button class=\"message__button message__button--send\"\n type=\"button\"\n (click)=\"enterDown()\"\n [attr.aria-label]=\"'chat.send' | transloco\"\n [disabled]=\"!canSend()\">\n <mat-icon svgIcon=\"send\" aria-hidden=\"true\" class=\"message__icon message__icon--send\"></mat-icon>\n </button>\n </div>\n\n @if (previews().length) {\n <div class=\"message__files\">\n @for (item of previews(); track $index) {\n <div class=\"message__file\" [attr.data-kind]=\"item.originalKind\">\n <button type=\"button\"\n class=\"message__file-remove\"\n [attr.aria-label]=\"'chat.delete_file' | transloco\"\n (click)=\"removeFile($index, $event)\">\n <mat-icon svgIcon=\"remove\"\n aria-hidden=\"true\"\n class=\"message__icon message__icon--file\">\n </mat-icon>\n </button>\n\n <div class=\"message__file-media\" (click)=\"openPreview(item, $index)\">\n <img [src]=\"item.src\" [alt]=\"item.name\" class=\"message__file-img\"/>\n\n @if (item.originalKind === FileType.GIF) {\n <span class=\"message__file-badge message__file-badge--gif\">\n {{ 'chat.gif' | transloco }}\n </span>\n }\n </div>\n </div>\n }\n </div>\n }\n</section>\n\n\n", styles: [":host{display:block}.message{--lh: 24px;--max-rows: 8;display:flex;flex-direction:column;justify-content:space-between;background:#fff;border-top:1px solid #E1E7F8;padding:4px 8px;margin-top:8px;gap:8px;border-bottom-left-radius:16px;border-bottom-right-radius:16px;transition:box-shadow .18s ease,background-color .18s ease,border-color .18s ease}.message__wrap{display:flex;width:100%;min-width:0}.message__wrap--input{position:relative;display:flex;align-items:center;gap:12px;flex:1;min-width:0;padding:8px 0}.message__wrap--input:focus-within{border-color:#f8f9fa}.message__wrap--input::-webkit-scrollbar{width:4px;height:4px}.message__wrap--input::-webkit-scrollbar-track{background:transparent}.message__wrap--input::-webkit-scrollbar-thumb{background-color:#e9ecef;border-radius:4px;border:1px solid #E9ECEF}.message__wrap--input::-webkit-scrollbar-button{display:none}.message__input{flex:1 1 auto;min-height:var(--lh);line-height:var(--lh);font:400 16px/24px roboto,sans-serif;outline:none;border:none;background:transparent;color:#343a40;box-sizing:content-box;resize:none;white-space:pre-wrap;overflow-wrap:break-word;border-radius:8px;caret-color:#3c46b9;transition:height .16s ease;padding:0 4px 0 0;overflow-y:auto;max-height:calc(var(--lh) * var(--max-rows))}.message__input:empty:before{content:attr(data-placeholder);color:#ced4da;pointer-events:none;display:inline-block;animation:subtle-rise .18s ease both}.message__input-mirror{position:absolute;visibility:hidden;pointer-events:none;z-index:-1;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal}.message__button{cursor:pointer;background:none;border:none;transition:transform .12s ease,opacity .12s ease,background-color .12s ease}.message__button:active{transform:scale(.96)}.message__button:disabled{opacity:.45;pointer-events:none}.message__icon{display:inline-flex;width:22px;height:22px}.message__icon:not(.message__icon--file):hover{filter:invert(33%) sepia(79%) saturate(2933%) hue-rotate(205deg) brightness(93%) contrast(91%)}.message__icon--focus,.message__icon--filled{filter:invert(33%) sepia(79%) saturate(2933%) hue-rotate(205deg) brightness(93%) contrast(91%)}.message__icon--edit{filter:invert(33%) sepia(79%) saturate(2933%) hue-rotate(205deg) brightness(73%) contrast(99%)}.message__icon--close{filter:invert(1%) sepia(1%) saturate(1%) hue-rotate(100deg) brightness(100%) contrast(30%)}.message__files{display:flex;flex-wrap:wrap;gap:8px}.message__file{position:relative;width:40px;height:40px;flex:0 0 auto;overflow:visible}.message__file-media{width:100%;height:100%;border-radius:8px;overflow:hidden;cursor:pointer;position:relative;background:#f8f9fa}.message__file-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.message__file-badge{position:absolute;left:6px;top:6px;z-index:2;display:inline-flex;align-items:center;justify-content:center;height:18px;padding:0 6px;border-radius:4px;font:400 16px/24px roboto,sans-serif;background:#0009;color:#fff;letter-spacing:.3px;line-height:1}.message__file-badge--video{width:28px;height:28px;padding:0;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#00000073}.message__file-badge--video mat-icon{width:18px;height:18px;filter:invert(100%)}.message__file-badge--gif{font-weight:700}.message__file-duration{position:absolute;right:6px;bottom:6px;background:#0009;color:#fff;border-radius:4px;padding:1px;font:400 16px/24px roboto,sans-serif;z-index:2px;line-height:1.1}.message__file-remove{position:absolute;top:-6px;right:-6px;width:16px;height:16px;padding:0;border:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;z-index:3;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.message__file-remove:hover{transform:scale(1.05)}.message__file-remove:active{transform:scale(.96)}.message__file-remove .message__icon--file{width:14px;height:14px}.message__edit-hint{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:8px;border-radius:4px;border-left:2px solid #4656CA;padding:4px 8px}.message__edit-hint p{color:#ced4da;font:400 16px/24px roboto,sans-serif;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hidden{position:absolute;opacity:0;width:0;height:0;pointer-events:none}@keyframes subtle-rise{0%{transform:translateY(2px);opacity:.6}to{transform:translateY(0);opacity:1}}\n"] }]
|
|
642
|
+
}], ctorParameters: () => [{ type: i1.MatIconRegistry }, { type: i2.DomSanitizer }], propDecorators: { inputTextElement: [{
|
|
643
|
+
type: ViewChild,
|
|
644
|
+
args: ['inputText', { static: false }]
|
|
645
|
+
}], mirrorElement: [{
|
|
646
|
+
type: ViewChild,
|
|
647
|
+
args: ['mirror', { static: false }]
|
|
648
|
+
}], editMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "editMessage", required: false }] }], cancelEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelEdit", required: false }] }, { type: i0.Output, args: ["cancelEditChange"] }], input_text: [{ type: i0.Input, args: [{ isSignal: true, alias: "input_text", required: false }] }, { type: i0.Output, args: ["input_textChange"] }], files: [{ type: i0.Input, args: [{ isSignal: true, alias: "files", required: false }] }, { type: i0.Output, args: ["filesChange"] }], previews: [{ type: i0.Input, args: [{ isSignal: true, alias: "previews", required: false }] }, { type: i0.Output, args: ["previewsChange"] }] } });
|
|
649
|
+
|
|
650
|
+
class NgxParlComponent {
|
|
651
|
+
utils;
|
|
652
|
+
ai_run_in_progress = false;
|
|
653
|
+
header = input(true, ...(ngDevMode ? [{ debugName: "header" }] : []));
|
|
654
|
+
messageList = model([], ...(ngDevMode ? [{ debugName: "messageList" }] : []));
|
|
655
|
+
messageUpdate = model(...(ngDevMode ? [undefined, { debugName: "messageUpdate" }] : []));
|
|
656
|
+
selectedForEdit = model(null, ...(ngDevMode ? [{ debugName: "selectedForEdit" }] : []));
|
|
657
|
+
incomingUser = computed(() => {
|
|
658
|
+
return (this.messageList().find((message) => message.type === MessageType.Incoming)?.user ?? '');
|
|
659
|
+
}, ...(ngDevMode ? [{ debugName: "incomingUser" }] : []));
|
|
660
|
+
lastUpdateKey = null;
|
|
661
|
+
constructor(utils) {
|
|
662
|
+
this.utils = utils;
|
|
663
|
+
effect(() => {
|
|
664
|
+
const updatedMessage = this.messageUpdate();
|
|
665
|
+
if (!updatedMessage) {
|
|
666
|
+
return;
|
|
667
|
+
}
|
|
668
|
+
const key = `${updatedMessage.id}-${updatedMessage.cr_time}-${updatedMessage.type}`;
|
|
669
|
+
if (this.lastUpdateKey === key) {
|
|
670
|
+
return;
|
|
671
|
+
}
|
|
672
|
+
this.lastUpdateKey = key;
|
|
673
|
+
if (updatedMessage.type !== MessageType.Incoming) {
|
|
674
|
+
return;
|
|
675
|
+
}
|
|
676
|
+
this.messageList.update((currentList) => {
|
|
677
|
+
const list = [...currentList];
|
|
678
|
+
const incomingIndex = list.findIndex((message) => message.id === updatedMessage.id &&
|
|
679
|
+
message.type === MessageType.Incoming);
|
|
680
|
+
if (incomingIndex > -1) {
|
|
681
|
+
list[incomingIndex] = updatedMessage;
|
|
682
|
+
return list;
|
|
683
|
+
}
|
|
684
|
+
list.push(updatedMessage);
|
|
685
|
+
return list;
|
|
686
|
+
});
|
|
687
|
+
});
|
|
688
|
+
}
|
|
689
|
+
onCancelEdit(messageId) {
|
|
690
|
+
if (messageId != null) {
|
|
691
|
+
this.messageList.update((currentList) => {
|
|
692
|
+
const updatedList = [...currentList];
|
|
693
|
+
const index = updatedList.findIndex((message) => message.id === messageId);
|
|
694
|
+
if (index > -1) {
|
|
695
|
+
updatedList[index].edit = false;
|
|
696
|
+
}
|
|
697
|
+
return updatedList;
|
|
698
|
+
});
|
|
699
|
+
}
|
|
700
|
+
this.selectedForEdit.set(null);
|
|
701
|
+
return this;
|
|
702
|
+
}
|
|
703
|
+
sendMessage(event) {
|
|
704
|
+
if (!event) {
|
|
705
|
+
return this;
|
|
706
|
+
}
|
|
707
|
+
// edit message
|
|
708
|
+
if (typeof event !== 'string' && 'id' in event) {
|
|
709
|
+
const { id, content, files } = event;
|
|
710
|
+
this.messageList.update((currentList) => {
|
|
711
|
+
const updatedList = [...currentList];
|
|
712
|
+
const index = updatedList.findIndex((message) => message.id === id);
|
|
713
|
+
if (index > -1) {
|
|
714
|
+
updatedList[index].content = (content ?? '').trim();
|
|
715
|
+
if (Array.isArray(files)) {
|
|
716
|
+
updatedList[index].file_path = files.length ? files : null;
|
|
717
|
+
}
|
|
718
|
+
updatedList[index].edit = false;
|
|
719
|
+
}
|
|
720
|
+
return updatedList;
|
|
721
|
+
});
|
|
722
|
+
this.selectedForEdit.set(null);
|
|
723
|
+
return this;
|
|
724
|
+
}
|
|
725
|
+
// new message
|
|
726
|
+
if (typeof event === 'string') {
|
|
727
|
+
const text = event.trim();
|
|
728
|
+
if (!text) {
|
|
729
|
+
return this;
|
|
730
|
+
}
|
|
731
|
+
const messages = this.messageList();
|
|
732
|
+
const lastId = messages.at(-1)?.id ?? 0;
|
|
733
|
+
const lastOutgoing = [...messages]
|
|
734
|
+
.reverse()
|
|
735
|
+
.find((message) => message.type === MessageType.Outgoing);
|
|
736
|
+
const dto = {
|
|
737
|
+
id: lastId + 1,
|
|
738
|
+
chat_id: lastOutgoing?.chat_id ?? 1,
|
|
739
|
+
cr_time: this.utils.getLocalISODate(),
|
|
740
|
+
type: MessageType.Outgoing,
|
|
741
|
+
user: lastOutgoing?.user ?? '',
|
|
742
|
+
content: text,
|
|
743
|
+
avatar: lastOutgoing?.avatar ?? null,
|
|
744
|
+
file_path: null,
|
|
745
|
+
checked: false,
|
|
746
|
+
};
|
|
747
|
+
this.messageList.update((list) => [...list, new ChatMessage(dto)]);
|
|
748
|
+
return this;
|
|
749
|
+
}
|
|
750
|
+
// new message + files
|
|
751
|
+
const { content, files } = event;
|
|
752
|
+
const text = (content ?? '').trim();
|
|
753
|
+
const hasFiles = Array.isArray(files) && files.length > 0;
|
|
754
|
+
if (!text && !hasFiles) {
|
|
755
|
+
return this;
|
|
756
|
+
}
|
|
757
|
+
const messages = this.messageList();
|
|
758
|
+
const lastId = messages.at(-1)?.id ?? 0;
|
|
759
|
+
const lastOutgoing = [...messages]
|
|
760
|
+
.reverse()
|
|
761
|
+
.find((message) => message.type === MessageType.Outgoing);
|
|
762
|
+
const dto = {
|
|
763
|
+
id: lastId + 1,
|
|
764
|
+
chat_id: lastOutgoing?.chat_id ?? 1,
|
|
765
|
+
cr_time: this.utils.getLocalISODate(),
|
|
766
|
+
type: MessageType.Outgoing,
|
|
767
|
+
user: lastOutgoing?.user ?? '',
|
|
768
|
+
content: text,
|
|
769
|
+
avatar: lastOutgoing?.avatar ?? null,
|
|
770
|
+
file_path: hasFiles ? files : null,
|
|
771
|
+
checked: false,
|
|
772
|
+
};
|
|
773
|
+
this.messageList.update((list) => [...list, new ChatMessage(dto)]);
|
|
774
|
+
return this;
|
|
775
|
+
}
|
|
776
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: NgxParlComponent, deps: [{ token: UtilsService }], target: i0.ɵɵFactoryTarget.Component });
|
|
777
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: NgxParlComponent, isStandalone: true, selector: "ngx-parl", inputs: { header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, messageList: { classPropertyName: "messageList", publicName: "messageList", isSignal: true, isRequired: false, transformFunction: null }, messageUpdate: { classPropertyName: "messageUpdate", publicName: "messageUpdate", isSignal: true, isRequired: false, transformFunction: null }, selectedForEdit: { classPropertyName: "selectedForEdit", publicName: "selectedForEdit", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { messageList: "messageListChange", messageUpdate: "messageUpdateChange", selectedForEdit: "selectedForEditChange" }, ngImport: i0, template: "<div class=\"modal-chat\">\n <div class=\"modal-chat__body\">\n @if (header()) {\n <header class=\"modal-chat__header\" mat-dialog-title>\n <div class=\"modal-chat__hide-block\"></div>\n\n <div class=\"modal-chat__title\">\n <h1 class=\"modal-chat__heading\">{{ 'chat.title' | transloco }} {{ incomingUser() }}</h1>\n </div>\n\n <div class=\"modal-chat__actions\">\n <img ngSrc=\"../../assets/icons/hide.svg\" class=\"modal-chat__icon modal-chat__icon--hide\"\n width=\"24\" height=\"24\" alt=\"hide\" priority/>\n <img ngSrc=\"../../assets/icons/close.svg\" class=\"modal-chat__icon modal-chat__icon--close\"\n width=\"24\" height=\"24\" alt=\"close\" priority/>\n </div>\n </header>\n }\n\n <mat-dialog-content class=\"modal-chat__content\">\n <app-chat-flow [messageListInput]=\"messageList()\" [(selectedForEdit)]=\"selectedForEdit\"></app-chat-flow>\n\n <app-input-message [editMessage]=\"selectedForEdit()\"\n (cancelEditChange)=\"onCancelEdit($event)\"\n (input_textChange)=\"sendMessage($event)\">\n @if (ai_run_in_progress) {\n <mat-spinner [diameter]=\"30\"></mat-spinner>\n }\n </app-input-message>\n </mat-dialog-content>\n </div>\n</div>\n", styles: [".modal-chat{width:800px;height:600px;border-radius:16px;border:1px solid #d5d5d5}.modal-chat__body{display:flex;flex-direction:column;height:100%}.modal-chat__header{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:12px;background:#5a72d7;border-top-left-radius:16px;border-top-right-radius:16px}.modal-chat__hide-block{width:48px;color:#5a72d7}.modal-chat__title .modal-chat__heading{color:#fff;font:500 16px/24px roboto,sans-serif}.modal-chat__actions{display:flex;gap:8px}.modal-chat__content{flex:1 1 auto;display:flex;flex-direction:column}.modal-chat__content app-chat-flow{flex:1 1 auto;min-height:0px;overflow:auto;display:flex;align-items:flex-end}.modal-chat__input{flex:0px 0px auto;border-bottom-left-radius:16px;border-bottom-right-radius:16px}:host ::ng-deep .mat-mdc-dialog-content.modal-chat__content{flex:1 1 auto;display:flex;flex-direction:column;padding:0;max-height:none;overflow:hidden}img{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "decoding", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "component", type: ChatFlowComponent, selector: "app-chat-flow", inputs: ["messageListInput", "selectedForEdit"], outputs: ["messageListInputChange", "selectedForEditChange"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "component", type: MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: InputMessageComponent, selector: "app-input-message", inputs: ["editMessage", "cancelEdit", "input_text", "files", "previews"], outputs: ["cancelEditChange", "input_textChange", "filesChange", "previewsChange"] }, { kind: "pipe", type: TranslocoPipe, name: "transloco" }] });
|
|
778
|
+
}
|
|
779
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: NgxParlComponent, decorators: [{
|
|
780
|
+
type: Component,
|
|
781
|
+
args: [{ selector: 'ngx-parl', imports: [NgOptimizedImage, ChatFlowComponent, MatDialogContent, MatDialogTitle, MatProgressSpinner, InputMessageComponent, InputMessageComponent, InputMessageComponent, InputMessageComponent, TranslocoPipe, ChatFlowComponent, InputMessageComponent], standalone: true, template: "<div class=\"modal-chat\">\n <div class=\"modal-chat__body\">\n @if (header()) {\n <header class=\"modal-chat__header\" mat-dialog-title>\n <div class=\"modal-chat__hide-block\"></div>\n\n <div class=\"modal-chat__title\">\n <h1 class=\"modal-chat__heading\">{{ 'chat.title' | transloco }} {{ incomingUser() }}</h1>\n </div>\n\n <div class=\"modal-chat__actions\">\n <img ngSrc=\"../../assets/icons/hide.svg\" class=\"modal-chat__icon modal-chat__icon--hide\"\n width=\"24\" height=\"24\" alt=\"hide\" priority/>\n <img ngSrc=\"../../assets/icons/close.svg\" class=\"modal-chat__icon modal-chat__icon--close\"\n width=\"24\" height=\"24\" alt=\"close\" priority/>\n </div>\n </header>\n }\n\n <mat-dialog-content class=\"modal-chat__content\">\n <app-chat-flow [messageListInput]=\"messageList()\" [(selectedForEdit)]=\"selectedForEdit\"></app-chat-flow>\n\n <app-input-message [editMessage]=\"selectedForEdit()\"\n (cancelEditChange)=\"onCancelEdit($event)\"\n (input_textChange)=\"sendMessage($event)\">\n @if (ai_run_in_progress) {\n <mat-spinner [diameter]=\"30\"></mat-spinner>\n }\n </app-input-message>\n </mat-dialog-content>\n </div>\n</div>\n", styles: [".modal-chat{width:800px;height:600px;border-radius:16px;border:1px solid #d5d5d5}.modal-chat__body{display:flex;flex-direction:column;height:100%}.modal-chat__header{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:12px;background:#5a72d7;border-top-left-radius:16px;border-top-right-radius:16px}.modal-chat__hide-block{width:48px;color:#5a72d7}.modal-chat__title .modal-chat__heading{color:#fff;font:500 16px/24px roboto,sans-serif}.modal-chat__actions{display:flex;gap:8px}.modal-chat__content{flex:1 1 auto;display:flex;flex-direction:column}.modal-chat__content app-chat-flow{flex:1 1 auto;min-height:0px;overflow:auto;display:flex;align-items:flex-end}.modal-chat__input{flex:0px 0px auto;border-bottom-left-radius:16px;border-bottom-right-radius:16px}:host ::ng-deep .mat-mdc-dialog-content.modal-chat__content{flex:1 1 auto;display:flex;flex-direction:column;padding:0;max-height:none;overflow:hidden}img{cursor:pointer}\n"] }]
|
|
782
|
+
}], ctorParameters: () => [{ type: UtilsService }], propDecorators: { header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }], messageList: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageList", required: false }] }, { type: i0.Output, args: ["messageListChange"] }], messageUpdate: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageUpdate", required: false }] }, { type: i0.Output, args: ["messageUpdateChange"] }], selectedForEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedForEdit", required: false }] }, { type: i0.Output, args: ["selectedForEditChange"] }] } });
|
|
783
|
+
|
|
784
|
+
/**
|
|
785
|
+
* Generated bundle index. Do not edit.
|
|
786
|
+
*/
|
|
787
|
+
|
|
788
|
+
export { NgxParlComponent };
|
|
789
|
+
//# sourceMappingURL=trixwell-ngx-parl.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"trixwell-ngx-parl.mjs","sources":["../../../projects/ngx-parl/src/lib/core/entity/chat.ts","../../../projects/ngx-parl/src/lib/core/components/chat-message/chat-message.ts","../../../projects/ngx-parl/src/lib/core/components/chat-message/chat-message.html","../../../projects/ngx-parl/src/lib/core/service/utils/utils.ts","../../../projects/ngx-parl/src/lib/core/pipes/chat-start-day-pipe.ts","../../../projects/ngx-parl/src/lib/core/pipes/toggle-display-chat-start-day-pipe.ts","../../../projects/ngx-parl/src/lib/chat-flow/chat-flow.ts","../../../projects/ngx-parl/src/lib/chat-flow/chat-flow.html","../../../projects/ngx-parl/src/lib/core/entity/file.ts","../../../projects/ngx-parl/src/lib/input-message/input-message.ts","../../../projects/ngx-parl/src/lib/input-message/input-message.html","../../../projects/ngx-parl/src/lib/ngx-parl/ngx-parl.ts","../../../projects/ngx-parl/src/lib/ngx-parl/ngx-parl.html","../../../projects/ngx-parl/src/trixwell-ngx-parl.ts"],"sourcesContent":["export class ChatMessage {\n public id: number;\n public chat_id: number;\n public cr_time: string;\n public type: ChatMessageType;\n public user: string;\n public content: string;\n public avatar: string | null;\n public file_path: string[] | null;\n public checked: boolean | null;\n\n public edit = false;\n\n constructor(data: ChatMessageDTO) {\n this.id = data.id;\n this.chat_id = data.chat_id;\n this.cr_time = data.cr_time;\n this.type = data.type;\n this.user = data.user;\n this.content = data.content;\n this.avatar = data.avatar ?? null;\n this.file_path = data.file_path ?? null;\n this.checked = data.checked ?? null;\n }\n\n get dateSimple(): string {\n const d = new Date(this.cr_time.replace(' ', 'T'));\n const dd = String(d.getDate()).padStart(2, '0');\n const mm = String(d.getMonth() + 1).padStart(2, '0');\n const yyyy = d.getFullYear();\n return `${dd}.${mm}.${yyyy}`;\n }\n\n get timeHHmm(): string {\n const d = new Date(this.cr_time.replace(' ', 'T'));\n const hh = String(d.getHours()).padStart(2, '0');\n const mm = String(d.getMinutes()).padStart(2, '0');\n return `${hh}:${mm}`;\n }\n}\n\nexport interface ChatMessageDTO {\n id: number;\n chat_id: number;\n cr_time: string; // ISO or 'YYYY-MM-DD HH:mm:ss'\n type: ChatMessageType;\n user: string;\n content: string;\n avatar?: string | null;\n file_path?: string[] | null;\n checked?: boolean | null;\n}\n\nexport type ChatMessageType = 'incoming' | 'outgoing';\n\nexport enum MessageType {\n Incoming = 'incoming',\n Outgoing = 'outgoing'\n}\n\nexport interface CurrMessage {\n id?: number;\n content: string;\n files?: string[];\n}\n","import {Component, computed, input, model} from '@angular/core';\nimport {DatePipe, NgClass, NgOptimizedImage} from '@angular/common';\nimport {MatIcon, MatIconRegistry} from '@angular/material/icon';\nimport {ChatMessage, MessageType} from '../../entity/chat';\nimport {DomSanitizer} from '@angular/platform-browser';\nimport {MatMenu, MatMenuItem, MatMenuTrigger} from '@angular/material/menu';\nimport {TranslocoPipe} from '@ngneat/transloco';\n\n@Component({\n selector: 'lib-chat-message',\n imports: [\n NgClass,\n NgOptimizedImage,\n MatIcon,\n DatePipe,\n MatMenu,\n MatMenuItem,\n MatMenuTrigger,\n TranslocoPipe,\n ],\n templateUrl: './chat-message.html',\n styleUrl: './chat-message.scss',\n standalone: true,\n})\n\nexport class ChatMessageComponent {\n public currentMessage = input.required<ChatMessage>();\n public edit = model<boolean>(false);\n\n public requestEdit = model<ChatMessage | null>(null);\n public requestDelete = model<number | null>(null);\n\n constructor(private iconRegistry: MatIconRegistry, private sanitizer: DomSanitizer) {\n this.iconRegistry.addSvgIcon('checked-message',\n this.sanitizer.bypassSecurityTrustResourceUrl('../../assets/icons/checked-message.svg'));\n this.iconRegistry.addSvgIcon('no-check',\n this.sanitizer.bypassSecurityTrustResourceUrl('../../assets/icons/no-check.svg'));\n this.iconRegistry.addSvgIcon('trash',\n this.sanitizer.bypassSecurityTrustResourceUrl('../../assets/icons/trash.svg'));\n this.iconRegistry.addSvgIcon('icon-edit',\n this.sanitizer.bypassSecurityTrustResourceUrl('../../assets/icons/icon-edit.svg'));\n\n setTimeout(() => {\n this.currentMessage().checked = true;\n }, 600);\n }\n\n private normalizeSourcePath(sourcePath: string): string {\n const cleanedPath = (sourcePath ?? '').trim();\n if (!cleanedPath) {\n return '';\n }\n\n if (cleanedPath.startsWith('data:') || cleanedPath.startsWith('blob:') || /^https?:\\/\\//i.test(cleanedPath)) {\n return cleanedPath;\n }\n\n const assetsIndex = cleanedPath.indexOf('assets/');\n if (assetsIndex >= 0) {\n return '/' + cleanedPath.slice(assetsIndex);\n }\n\n return cleanedPath.replace(/^\\.{1,2}\\//, '/');\n }\n\n attachments = computed(() => {\n const message = this.currentMessage();\n const filePath = message.file_path;\n\n if (Array.isArray(filePath)) {\n return filePath.map(p => this.normalizeSourcePath(p)).filter(Boolean);\n }\n\n const rawFilePath = (filePath as unknown as string) ?? '';\n if (typeof rawFilePath !== 'string' || !rawFilePath.trim) {\n return [];\n }\n\n if (rawFilePath.trim().startsWith('[')) {\n try {\n const parsed = JSON.parse(rawFilePath);\n if (Array.isArray(parsed)) {\n return parsed\n .map(item => (typeof item === 'string' ? this.normalizeSourcePath(item) : ''))\n .filter(Boolean);\n }\n } catch {}\n }\n\n if (rawFilePath.startsWith('data:')) {\n return [rawFilePath];\n }\n\n if (rawFilePath.includes('|')) {\n return rawFilePath.split('|').map(p => this.normalizeSourcePath(p)).filter(Boolean);\n }\n if (rawFilePath.includes(',')) {\n return rawFilePath.split(',').map(p => this.normalizeSourcePath(p)).filter(Boolean);\n }\n\n return [];\n });\n\n avatarSrc = computed(() => {\n const message = this.currentMessage();\n const fallback = message.type === 'incoming'\n ? '../../assets/icons/avatar_anonym.svg'\n : '../../assets/icons/avatar_manager.svg';\n\n return message.avatar || fallback;\n });\n\n openContextMenu(event: Event, trigger: any) {\n event.preventDefault();\n event.stopPropagation();\n trigger.openMenu();\n\n return this;\n }\n\n editMessage(message: ChatMessage) {\n this.edit.set(true);\n this.requestEdit.set(message);\n\n return this;\n }\n\n deleteMessage(message: ChatMessage) {\n this.requestDelete.set(message.id);\n queueMicrotask(() => this.requestDelete.set(null));\n\n return this;\n }\n\n canDelete(message: ChatMessage): boolean {\n return message.type === this.messageType.Outgoing;\n }\n\n public readonly messageType = MessageType;\n}\n","<div class=\"message\"\n [ngClass]=\"{\n 'message--outgoing': currentMessage().type === messageType.Outgoing,\n 'message--incoming': currentMessage().type === messageType.Incoming\n }\">\n <div class=\"message__avatar\">\n <img [ngSrc]=\"avatarSrc()\" width=\"36\" height=\"36\" alt=\"avatar\"/>\n </div>\n\n <div class=\"message__body\"\n #menuTrigger=\"matMenuTrigger\"\n [matMenuTriggerFor]=\"messageMenu\"\n (contextmenu)=\"openContextMenu($event, menuTrigger)\"\n (keydown.shift.F10)=\"openContextMenu($event, menuTrigger)\">\n\n @if (attachments().length) {\n <div class=\"message__attachments\">\n @for (file of attachments(); track file) {\n <img [src]=\"file\"\n alt=\"attachment\"\n class=\"message__image\"\n loading=\"lazy\"/>\n }\n </div>\n }\n\n <div class=\"message__bubble\" tabindex=\"0\">\n <div class=\"message__text\">{{ currentMessage().content }}</div>\n\n <div class=\"message__meta\">\n <time class=\"message__time\">{{ currentMessage().cr_time | date:'HH:mm' }}</time>\n @if (currentMessage().type === messageType.Outgoing) {\n @if (currentMessage().checked) {\n <mat-icon svgIcon=\"checked-message\" aria-hidden=\"true\" class=\"message__icon\"></mat-icon>\n } @else {\n <mat-icon svgIcon=\"no-check\" aria-hidden=\"true\" class=\"message__icon\"></mat-icon>\n }\n }\n </div>\n </div>\n </div>\n</div>\n\n<mat-menu #messageMenu=\"matMenu\" xPosition=\"before\" yPosition=\"below\" class=\"message__menu\">\n @if (currentMessage().type === messageType.Outgoing) {\n <button mat-menu-item (click)=\"editMessage(currentMessage())\">\n <mat-icon svgIcon=\"icon-edit\" aria-hidden=\"true\" class=\"message__icon\"></mat-icon>\n <span>{{ 'chat.edit' | transloco }}</span>\n </button>\n }\n @if (canDelete(currentMessage())) {\n <button mat-menu-item (click)=\"deleteMessage(currentMessage())\">\n <mat-icon svgIcon=\"trash\" aria-hidden=\"true\" class=\"message__icon\"></mat-icon>\n <span>{{ 'chat.remove' | transloco }}</span>\n </button>\n }\n</mat-menu>\n","import {Injectable} from '@angular/core';\nimport {TranslocoLoader} from '@ngneat/transloco';\nimport {HttpClient} from '@angular/common/http';\n\n\n@Injectable({\n providedIn: 'root'\n})\nexport class UtilsService {\n\n constructor(protected http: HttpClient) {\n }\n\n langToLocale(lang: string): string {\n switch (lang) {\n case 'uk':\n return 'uk-UA';\n case 'en':\n default:\n return 'en-US';\n }\n }\n\n getLocalISODate(): string {\n const d = new Date();\n\n const year = d.getFullYear();\n const month = String(d.getMonth() + 1).padStart(2, '0');\n const day = String(d.getDate()).padStart(2, '0');\n\n const hours = String(d.getHours()).padStart(2, '0');\n const minutes = String(d.getMinutes()).padStart(2, '0');\n const seconds = String(d.getSeconds()).padStart(2, '0');\n\n return `${year}-${month}-${day}T${hours}:${minutes}:${seconds}`;\n }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\nimport {DatePipe} from '@angular/common';\nimport {UtilsService} from '../service/utils/utils';\nimport {TranslocoService} from '@ngneat/transloco';\n\n@Pipe({\n name: 'chatStartDay'\n})\nexport class ChatStartDayPipe implements PipeTransform {\n constructor(protected utils: UtilsService, private transloco: TranslocoService) {}\n\n transform(value: string, format: string = 'd MMMM'): string {\n if (!value) {\n return '';\n }\n\n const locale = this.utils.langToLocale(this.transloco.getActiveLang());\n const datePipe = new DatePipe(locale);\n\n const valueDate = new Date(value);\n const today = new Date();\n\n const isToday = datePipe.transform(valueDate, 'shortDate') === datePipe.transform(today, 'shortDate');\n\n return isToday\n ? (locale.startsWith('uk') ? 'Сьогодні' : 'Today')\n : (datePipe.transform(valueDate, format) ?? '');\n }\n\n}\n","import {Pipe, PipeTransform} from '@angular/core';\nimport {DatePipe} from '@angular/common';\nimport {ChatMessage} from '../entity/chat';\nimport {UtilsService} from '../service/utils/utils';\nimport {TranslocoService} from '@ngneat/transloco';\n\n@Pipe({\n name: 'toggleDisplayChatStartDay'\n})\nexport class ToggleDisplayChatStartDayPipe implements PipeTransform {\n\n constructor(protected utils: UtilsService, private transloco: TranslocoService) {}\n\n transform(message: ChatMessage, messages: ChatMessage[], i: number): boolean {\n const locale = this.utils.langToLocale(this.transloco.getActiveLang());\n const datePipe = new DatePipe(locale);\n\n const prev = i > 0 ? messages[i - 1] : undefined;\n\n const currDay = datePipe.transform(new Date(message.cr_time), 'shortDate');\n const prevDay = prev ? datePipe.transform(new Date(prev.cr_time), 'shortDate') : undefined;\n\n return prev ? currDay !== prevDay : true;\n }\n}\n","import {Component, computed, effect, ElementRef, model, ViewChild,} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {ChatMessage} from '../core/entity/chat';\nimport {ChatMessageComponent} from '../core/components/chat-message/chat-message';\nimport {ChatStartDayPipe} from '../core/pipes/chat-start-day-pipe';\nimport {ToggleDisplayChatStartDayPipe} from '../core/pipes/toggle-display-chat-start-day-pipe';\n\n@Component({\n selector: 'app-chat-flow',\n imports: [\n FormsModule,\n ChatMessageComponent,\n ChatStartDayPipe,\n ToggleDisplayChatStartDayPipe,\n ChatMessageComponent\n ],\n templateUrl: './chat-flow.html',\n styleUrl: './chat-flow.scss',\n standalone: true,\n})\n\nexport class ChatFlowComponent {\n @ViewChild('chatFlowRef', {static: true}) private flowRef!: ElementRef<HTMLElement>;\n\n public messageListInput = model.required<ChatMessage[]>();\n public messageList = computed(() => this.messageListInput());\n\n public selectedForEdit = model.required<ChatMessage | null>();\n\n constructor() {\n effect(() => {\n const length = this.messageList().length;\n if (length > 0) {\n queueMicrotask(() => this.scrollToBottomSmooth());\n }\n });\n }\n\n private scrollToBottomSmooth() {\n const element = this.flowRef?.nativeElement;\n if (!element) {\n return this;\n }\n element.scrollTo({top: element.scrollHeight, behavior: 'smooth'});\n\n return this;\n }\n\n startEdit(message: ChatMessage) {\n this.messageList().forEach(currMessage => {\n if (currMessage.id !== message.id && currMessage.edit) {\n currMessage.edit = false;\n }\n });\n\n message.edit = true;\n\n if (this.selectedForEdit()?.id === message.id) {\n this.selectedForEdit.set(null);\n queueMicrotask(() => this.selectedForEdit.set(message));\n } else {\n this.selectedForEdit.set(message);\n }\n\n return this;\n }\n\n onEditChange(id: number, isEdit: boolean) {\n const messageList = this.messageList().find(message => message.id === id);\n if (!messageList) {\n return this;\n }\n\n if (isEdit) {\n return this.startEdit(messageList);\n } else {\n messageList.edit = false;\n\n if (this.selectedForEdit()?.id === id) {\n this.selectedForEdit.set(null);\n }\n }\n\n return this;\n }\n\n onRequestEdit(message: ChatMessage | null) {\n if (message) {\n return this.startEdit(message);\n }\n this.selectedForEdit.set(null);\n\n return this;\n }\n\n onRequestDelete(messageId: number | null) {\n if (!messageId) {\n return this;\n }\n\n const updatedList = this.messageList().filter(m => m.id !== messageId);\n this.selectedForEdit.set(null);\n\n queueMicrotask(() => this.messageListInput.set(updatedList));\n\n return this;\n }\n\n trackByMessageId(_index: number, message: ChatMessage): string {\n // return message.id;\n return `${message.chat_id}-${message.type}-${message.id}`;\n }\n}\n","<div class=\"chat\">\n <div class=\"chat__flow\" #chatFlowRef>\n @for (message of messageList(); track trackByMessageId(i, message); let i = $index) {\n @if (message | toggleDisplayChatStartDay: messageList() : i) {\n <span class=\"chat__start-day\">\n {{ message.cr_time | chatStartDay:'d MMMM' }}\n </span>\n }\n\n <lib-chat-message [currentMessage]=\"message\"\n [edit]=\"message.edit ?? false\"\n (editChange)=\"onEditChange(message.id, $event)\"\n (requestEditChange)=\"onRequestEdit($event)\"\n (requestDeleteChange)=\"onRequestDelete($event)\">\n </lib-chat-message>\n\n }\n </div>\n</div>\n","export class ImageFile {\n constructor(\n public id: string,\n public url: string,\n public cr_time: string,\n ) {}\n}\n\nexport type OriginalKind = 'image' | 'gif';\n\nexport interface PreviewItem {\n originalKind: OriginalKind;\n duration?: number;\n src: string;\n name: string;\n type: string;\n size: number;\n}\n\nexport enum FileType {\n IMAGE = 'image',\n GIF = 'gif'\n}\n","import {\n AfterViewInit,\n Component,\n computed,\n effect,\n ElementRef,\n input,\n model,\n OnDestroy,\n signal,\n ViewChild\n} from '@angular/core';\nimport {MatIcon, MatIconRegistry} from '@angular/material/icon';\nimport {DomSanitizer} from '@angular/platform-browser';\nimport {FileType, OriginalKind, PreviewItem} from '../core/entity/file';\nimport {TranslocoPipe} from '@ngneat/transloco';\nimport {ChatMessage, CurrMessage} from '../core/entity/chat';\n\n@Component({\n selector: 'app-input-message',\n imports: [MatIcon, TranslocoPipe],\n templateUrl: './input-message.html',\n styleUrl: './input-message.scss',\n standalone: true,\n})\n\nexport class InputMessageComponent implements AfterViewInit, OnDestroy {\n @ViewChild('inputText', {static: false}) inputTextElement!: ElementRef<HTMLDivElement>;\n @ViewChild('mirror', {static: false}) mirrorElement!: ElementRef<HTMLDivElement>;\n\n public editMessage = input<ChatMessage | { id: number; content: string; file_path?: string[] | null } | null>(null);\n\n public hasOriginalAttachments = computed(() => {\n const filePaths = this.editFilePaths();\n return filePaths.length > 0;\n });\n\n public hasNewAttachments = computed(() => (this.previews()?.length ?? 0) > 0);\n\n public cancelEdit = model<number | null>(null);\n public input_text = model<string | CurrMessage>('');\n\n public draft = signal<string>('');\n public focused = signal<boolean>(false);\n public sending = signal<boolean>(false);\n public hasText = computed(() => this.draft().trim().length > 0);\n\n public isEditMode = computed(() => !!this.editMessage());\n public canSend = computed(() =>\n this.hasText() ||\n this.hasNewAttachments() ||\n (this.isEditMode() && this.hasOriginalAttachments())\n );\n\n public files = model<File[]>([]);\n public previews = model<PreviewItem[]>([]);\n\n private lastHeightPx = 0;\n private lastRows = 1;\n private resizeRaf: number | null = null;\n\n constructor(private iconRegistry: MatIconRegistry, private sanitizer: DomSanitizer) {\n this.iconRegistry.addSvgIcon('attach-filled',\n this.sanitizer.bypassSecurityTrustResourceUrl('../../assets/icons/attach-filled.svg'));\n this.iconRegistry.addSvgIcon('send',\n this.sanitizer.bypassSecurityTrustResourceUrl('../../assets/icons/send.svg'));\n this.iconRegistry.addSvgIcon('remove',\n this.sanitizer.bypassSecurityTrustResourceUrl('../../assets/icons/remove-badge.svg'));\n this.iconRegistry.addSvgIcon('close',\n this.sanitizer.bypassSecurityTrustResourceUrl('../../assets/icons/close.svg'));\n\n effect(() => {\n const message = this.editMessage();\n const element = this.inputTextElement?.nativeElement;\n\n if (!element) {\n return;\n }\n\n if (message) {\n const content = (message as any).content ?? '';\n this.draft.set(content);\n element.innerText = content;\n\n queueMicrotask(() => {\n this.autoResizeByRows();\n element.focus();\n this.focused.set(true);\n });\n }\n });\n }\n\n ngAfterViewInit() {\n const element = this.inputTextElement.nativeElement;\n element.style.transition = 'height 160ms ease';\n this.initMirror();\n\n const computedStyle = getComputedStyle(element);\n const lineHeight = this.cssNum(computedStyle.lineHeight, 24);\n\n element.style.height = `${lineHeight}px`;\n this.lastHeightPx = lineHeight;\n this.lastRows = 1;\n this.updateOverflow(1);\n\n requestAnimationFrame(() => {\n const {rows, nextHeightPx} = this.measureByMirror();\n element.style.height = `${nextHeightPx}px`;\n\n this.lastRows = rows;\n this.lastHeightPx = nextHeightPx;\n this.updateOverflow(rows);\n });\n }\n\n ngOnDestroy() {\n if (this.resizeRaf) {\n cancelAnimationFrame(this.resizeRaf);\n this.resizeRaf = null;\n }\n }\n\n private editFilePaths(): string[] {\n const message = this.editMessage();\n if (!message) {\n return [];\n }\n\n const file_path = (message as any).file_path;\n\n return Array.isArray(file_path) ? file_path : [];\n }\n\n private collectAttachmentSources(): string[] {\n return (this.previews() ?? []).map(p => p.src).filter(Boolean);\n }\n\n cancelEditMessage() {\n const message = this.editMessage();\n this.cancelEdit.set((message as any)?.id ?? null);\n queueMicrotask(() => this.cancelEdit.set(null));\n\n this.draft.set('');\n const element = this.inputTextElement?.nativeElement;\n\n if (element) {\n element.innerHTML = '';\n this.autoResizeByRows();\n element.focus();\n }\n\n return this;\n }\n\n enterDown() {\n const element = this.inputTextElement.nativeElement;\n const text = this.draft().trim();\n if (!this.canSend()) return this;\n\n this.sending.set(true);\n\n const files = this.collectAttachmentSources();\n const message = this.editMessage();\n\n if (message) {\n this.input_text.set({id: (message as any).id, content: text, files: files.length ? files : undefined});\n } else {\n this.input_text.set({content: text, files: files.length ? files : undefined});\n }\n\n this.draft.set('');\n element.innerHTML = '';\n this.files.set([]);\n this.previews.set([]);\n element.focus();\n this.autoResizeByRows();\n\n setTimeout(() => this.sending.set(false), 150);\n\n return this;\n }\n\n onFocus() {\n if (this.inputTextElement.nativeElement.innerHTML === '<br>') {\n this.inputTextElement.nativeElement.innerHTML = '';\n }\n this.focused.set(true);\n\n return this;\n }\n\n onBlur() {\n this.focused.set(false);\n\n return this;\n }\n\n onKeyDown(event: KeyboardEvent) {\n if (event.key === 'Enter' && !event.shiftKey) {\n event.preventDefault();\n this.enterDown();\n\n return this;\n }\n queueMicrotask(() => this.autoResizeByRows());\n\n return this;\n }\n\n onInput() {\n this.draft.set(this.inputTextElement.nativeElement.innerText ?? '');\n this.autoResizeByRows();\n\n return this;\n }\n\n onPaste() {\n queueMicrotask(() => {\n this.draft.set(this.inputTextElement.nativeElement.innerText ?? '');\n this.autoResizeByRows();\n });\n\n return this;\n }\n\n inputFileChange(event: Event) {\n const inputEl = event.target as HTMLInputElement;\n const selected = inputEl.files;\n\n if (!selected?.length) {\n inputEl.value = '';\n\n return this;\n }\n\n const list = Array.from(selected).filter(f => (f.type || '').startsWith('image/'));\n if (!list.length) {\n inputEl.value = '';\n\n return this;\n }\n\n this.files.set([...(this.files() ?? []), ...list]);\n\n Promise.all(\n list.map(async f => {\n const src = await this.readFileAsDataURL(f);\n const originalKind: OriginalKind = (f.type || '') === 'image/gif' ? FileType.GIF : FileType.IMAGE;\n return <PreviewItem>{src, originalKind, name: f.name, type: f.type || '', size: f.size};\n })\n )\n .then(items => this.previews.set([...(this.previews() ?? []), ...items]))\n .finally(() => (inputEl.value = ''));\n\n return this;\n }\n\n removeFile(index: number, event?: MouseEvent) {\n event?.stopPropagation();\n event?.preventDefault();\n\n const previews = [...(this.previews() ?? [])];\n previews.splice(index, 1);\n this.previews.set(previews);\n\n const filesArr = [...(this.files() ?? [])];\n if (index >= 0 && index < filesArr.length) {\n filesArr.splice(index, 1);\n this.files.set(filesArr);\n }\n return this;\n }\n\n openPreview(_item: PreviewItem, _index: number) {\n return this;\n }\n\n private autoResizeByRows() {\n const element = this.inputTextElement.nativeElement;\n const {rows, nextHeightPx} = this.measureByMirror();\n\n if (rows === this.lastRows) {\n this.updateOverflow(rows);\n\n return this;\n }\n\n if (this.resizeRaf) {\n cancelAnimationFrame(this.resizeRaf);\n }\n\n element.style.height = `${this.lastHeightPx}px`;\n\n this.resizeRaf = requestAnimationFrame(() => {\n element.style.height = `${nextHeightPx}px`;\n this.lastHeightPx = nextHeightPx;\n this.lastRows = rows;\n this.updateOverflow(rows);\n });\n\n return this;\n }\n\n private measureByMirror(): { rows: number; nextHeightPx: number } {\n const inputEl = this.inputTextElement.nativeElement;\n const mirrorEl = this.mirrorElement.nativeElement;\n const computedStyle = getComputedStyle(inputEl);\n\n let text = inputEl.innerText;\n if (!text || text === '\\n') {\n text = '\\u00A0';\n }\n\n mirrorEl.style.width = computedStyle.width;\n mirrorEl.textContent = text;\n\n const lineHeight = this.cssNum(computedStyle.lineHeight, 24);\n const paddingTop = this.cssNum(computedStyle.paddingTop, 0);\n const paddingBottom = this.cssNum(computedStyle.paddingBottom, 0);\n const paddingY = paddingTop + paddingBottom;\n\n const maxRowsCss = computedStyle.getPropertyValue('--max-rows').trim();\n const maxRows = maxRowsCss ? this.cssNum(maxRowsCss, 8) : 8;\n\n const contentH = mirrorEl.offsetHeight;\n const rawRows = Math.max(1, Math.ceil(contentH / lineHeight));\n const rows = Math.min(rawRows, maxRows);\n\n const nextHeightPx = Math.round(rows * lineHeight + paddingY);\n\n return {rows, nextHeightPx};\n }\n\n private initMirror() {\n const mirror = this.mirrorElement.nativeElement;\n const input = this.inputTextElement.nativeElement;\n const computedStyle = getComputedStyle(input);\n\n mirror.style.position = 'absolute';\n mirror.style.visibility = 'hidden';\n mirror.style.pointerEvents = 'none';\n mirror.style.zIndex = '-1';\n mirror.style.whiteSpace = 'pre-wrap';\n mirror.style.overflowWrap = 'break-word';\n mirror.style.wordBreak = 'normal';\n\n const properties = [\n 'font', 'font-size', 'font-family', 'font-weight', 'font-style',\n 'line-height', 'letter-spacing', 'word-spacing',\n 'padding-top', 'padding-bottom', 'padding-left', 'padding-right',\n 'border-top-width', 'border-bottom-width', 'border-left-width', 'border-right-width',\n 'white-space', 'text-transform', 'box-sizing'\n ];\n\n properties.forEach(property => (mirror.style as any)[property] = computedStyle.getPropertyValue(property));\n mirror.style.paddingTop = '0px';\n mirror.style.paddingBottom = '0px';\n }\n\n private updateOverflow(rows: number) {\n const element = this.inputTextElement.nativeElement;\n const computedStyle = getComputedStyle(element);\n const maxRowsCss = computedStyle.getPropertyValue('--max-rows').trim();\n const maxRows = maxRowsCss ? this.cssNum(maxRowsCss, 8) : 8;\n element.style.overflowY = rows >= maxRows ? 'auto' : 'hidden';\n\n return this;\n }\n\n private readFileAsDataURL(file: File): Promise<string> {\n return new Promise((resolve, reject) => {\n const reader = new FileReader();\n reader.onload = e => resolve((e.target?.result as string) || '');\n reader.onerror = reject;\n reader.readAsDataURL(file);\n });\n }\n\n private cssNum(v: string, fb = 0): number {\n const n = parseFloat(v);\n return Number.isFinite(n) ? n : fb;\n }\n\n protected readonly FileType = FileType;\n}\n","<section class=\"message\"\n [class.message--focus]=\"focused()\"\n [class.message--filled]=\"hasText()\"\n [class.message--sending]=\"sending()\">\n\n @if (isEditMode()) {\n <div class=\"message__wrap\">\n <div class=\"message__wrap--input\">\n <button class=\"message__button message__button--attach\">\n <mat-icon svgIcon=\"icon-edit\"\n aria-hidden=\"true\"\n class=\"message__icon message__icon--edit\">\n </mat-icon>\n </button>\n\n <div class=\"message__edit-hint\">\n <p>{{ editMessage()?.content }}</p>\n </div>\n </div>\n\n <button class=\"message__button message__button--close\"\n type=\"button\"\n (click)=\"cancelEditMessage()\">\n <mat-icon svgIcon=\"close\" aria-hidden=\"true\" class=\"message__icon message__icon--close\"></mat-icon>\n </button>\n </div>\n }\n\n <div class=\"message__wrap\">\n <div class=\"message__wrap--input\">\n <button type=\"button\"\n class=\"message__button message__button--attach\"\n [attr.aria-label]=\"'chat.attach' | transloco\"\n (click)=\"fileDialog.click()\">\n <mat-icon svgIcon=\"attach-filled\"\n aria-hidden=\"true\"\n class=\"message__icon message__icon--attach\">\n </mat-icon>\n </button>\n\n <input #fileDialog\n type=\"file\"\n class=\"hidden\"\n accept=\"image/*\"\n multiple\n (change)=\"inputFileChange($event)\">\n\n <div #inputText\n role=\"textbox\"\n class=\"message__input\"\n spellcheck=\"true\"\n contenteditable=\"true\"\n aria-multiline=\"true\"\n [attr.data-placeholder]=\"isEditMode()\n ? ('chat.edit_placeholder' | transloco)\n : ('chat.placeholder' | transloco)\"\n (blur)=\"onBlur()\"\n (focus)=\"onFocus()\"\n (input)=\"onInput()\"\n (paste)=\"onPaste()\"\n (keydown)=\"onKeyDown($event)\">\n </div>\n\n <div #mirror class=\"message__input-mirror\" aria-hidden=\"true\"></div>\n\n <ng-content></ng-content>\n </div>\n\n <button class=\"message__button message__button--send\"\n type=\"button\"\n (click)=\"enterDown()\"\n [attr.aria-label]=\"'chat.send' | transloco\"\n [disabled]=\"!canSend()\">\n <mat-icon svgIcon=\"send\" aria-hidden=\"true\" class=\"message__icon message__icon--send\"></mat-icon>\n </button>\n </div>\n\n @if (previews().length) {\n <div class=\"message__files\">\n @for (item of previews(); track $index) {\n <div class=\"message__file\" [attr.data-kind]=\"item.originalKind\">\n <button type=\"button\"\n class=\"message__file-remove\"\n [attr.aria-label]=\"'chat.delete_file' | transloco\"\n (click)=\"removeFile($index, $event)\">\n <mat-icon svgIcon=\"remove\"\n aria-hidden=\"true\"\n class=\"message__icon message__icon--file\">\n </mat-icon>\n </button>\n\n <div class=\"message__file-media\" (click)=\"openPreview(item, $index)\">\n <img [src]=\"item.src\" [alt]=\"item.name\" class=\"message__file-img\"/>\n\n @if (item.originalKind === FileType.GIF) {\n <span class=\"message__file-badge message__file-badge--gif\">\n {{ 'chat.gif' | transloco }}\n </span>\n }\n </div>\n </div>\n }\n </div>\n }\n</section>\n\n\n","import {Component, computed, effect, input, model} from '@angular/core';\nimport {NgOptimizedImage} from '@angular/common';\nimport {ChatFlowComponent} from '../chat-flow/chat-flow';\nimport {MatDialogContent, MatDialogTitle} from '@angular/material/dialog';\nimport {ChatMessage, ChatMessageDTO, ChatMessageType, MessageType} from '../core/entity/chat';\nimport {MatProgressSpinner} from '@angular/material/progress-spinner';\nimport {InputMessageComponent} from '../input-message/input-message';\nimport {TranslocoPipe} from '@ngneat/transloco';\nimport {UtilsService} from '../core/service/utils/utils';\n\n@Component({\n selector: 'ngx-parl',\n imports: [NgOptimizedImage, ChatFlowComponent, MatDialogContent, MatDialogTitle, MatProgressSpinner, InputMessageComponent, InputMessageComponent, InputMessageComponent, InputMessageComponent, TranslocoPipe, ChatFlowComponent, InputMessageComponent],\n standalone: true,\n templateUrl: './ngx-parl.html',\n styleUrl: './ngx-parl.scss',\n})\n\nexport class NgxParlComponent {\n public ai_run_in_progress = false;\n public header = input<boolean>(true);\n public messageList = model<ChatMessage[]>([]);\n public messageUpdate = model<ChatMessage>();\n\n public selectedForEdit = model<ChatMessage | null>(null);\n\n public incomingUser = computed(() => {\n return (\n this.messageList().find((message) => message.type === MessageType.Incoming,)?.user ?? ''\n );\n });\n\n private lastUpdateKey: string | null = null;\n\n constructor(private utils: UtilsService) {\n effect(() => {\n const updatedMessage = this.messageUpdate();\n\n if (!updatedMessage) {\n return;\n }\n\n const key = `${updatedMessage.id}-${updatedMessage.cr_time}-${updatedMessage.type}`;\n if (this.lastUpdateKey === key) {\n return;\n }\n\n this.lastUpdateKey = key;\n\n if (updatedMessage.type !== MessageType.Incoming) {\n return;\n }\n\n this.messageList.update((currentList) => {\n const list = [...currentList];\n\n const incomingIndex = list.findIndex(\n (message) =>\n message.id === updatedMessage.id &&\n message.type === MessageType.Incoming,\n );\n\n if (incomingIndex > -1) {\n list[incomingIndex] = updatedMessage;\n return list;\n }\n\n list.push(updatedMessage);\n\n return list;\n });\n });\n }\n\n onCancelEdit(messageId: number | null) {\n if (messageId != null) {\n this.messageList.update((currentList) => {\n const updatedList = [...currentList];\n const index = updatedList.findIndex(\n (message) => message.id === messageId,\n );\n\n if (index > -1) {\n updatedList[index].edit = false;\n }\n\n return updatedList;\n });\n }\n\n this.selectedForEdit.set(null);\n\n return this;\n }\n\n sendMessage(\n event:\n | string\n | { id: number; content: string; files?: string[]; }\n | { content: string; files?: string[]; }\n | undefined\n ) {\n if (!event) {\n return this;\n }\n\n // edit message\n if (typeof event !== 'string' && 'id' in event) {\n const {id, content, files} = event;\n\n this.messageList.update((currentList) => {\n const updatedList = [...currentList];\n const index = updatedList.findIndex(\n (message) => message.id === id,\n );\n\n if (index > -1) {\n updatedList[index].content = (content ?? '').trim();\n\n if (Array.isArray(files)) {\n updatedList[index].file_path = files.length ? files : null;\n }\n\n updatedList[index].edit = false;\n }\n\n return updatedList;\n });\n\n this.selectedForEdit.set(null);\n\n return this;\n }\n\n // new message\n if (typeof event === 'string') {\n const text = event.trim();\n\n if (!text) {\n return this;\n }\n\n const messages = this.messageList();\n const lastId = messages.at(-1)?.id ?? 0;\n\n const lastOutgoing = [...messages]\n .reverse()\n .find((message) => message.type === MessageType.Outgoing,);\n\n const dto: ChatMessageDTO = {\n id: lastId + 1,\n chat_id: lastOutgoing?.chat_id ?? 1,\n cr_time: this.utils.getLocalISODate(),\n type: MessageType.Outgoing as ChatMessageType,\n user: lastOutgoing?.user ?? '',\n content: text,\n avatar: lastOutgoing?.avatar ?? null,\n file_path: null,\n checked: false,\n };\n\n this.messageList.update((list) => [...list, new ChatMessage(dto)]);\n\n return this;\n }\n\n // new message + files\n const {content, files} = event;\n const text = (content ?? '').trim();\n const hasFiles = Array.isArray(files) && files.length > 0;\n\n if (!text && !hasFiles) {\n return this;\n }\n\n const messages = this.messageList();\n const lastId = messages.at(-1)?.id ?? 0;\n\n const lastOutgoing = [...messages]\n .reverse()\n .find((message) => message.type === MessageType.Outgoing,);\n\n const dto: ChatMessageDTO = {\n id: lastId + 1,\n chat_id: lastOutgoing?.chat_id ?? 1,\n cr_time: this.utils.getLocalISODate(),\n type: MessageType.Outgoing as ChatMessageType,\n user: lastOutgoing?.user ?? '',\n content: text,\n avatar: lastOutgoing?.avatar ?? null,\n file_path: hasFiles ? files : null,\n checked: false,\n };\n\n this.messageList.update((list) => [...list, new ChatMessage(dto)]);\n\n return this;\n }\n}\n","<div class=\"modal-chat\">\n <div class=\"modal-chat__body\">\n @if (header()) {\n <header class=\"modal-chat__header\" mat-dialog-title>\n <div class=\"modal-chat__hide-block\"></div>\n\n <div class=\"modal-chat__title\">\n <h1 class=\"modal-chat__heading\">{{ 'chat.title' | transloco }} {{ incomingUser() }}</h1>\n </div>\n\n <div class=\"modal-chat__actions\">\n <img ngSrc=\"../../assets/icons/hide.svg\" class=\"modal-chat__icon modal-chat__icon--hide\"\n width=\"24\" height=\"24\" alt=\"hide\" priority/>\n <img ngSrc=\"../../assets/icons/close.svg\" class=\"modal-chat__icon modal-chat__icon--close\"\n width=\"24\" height=\"24\" alt=\"close\" priority/>\n </div>\n </header>\n }\n\n <mat-dialog-content class=\"modal-chat__content\">\n <app-chat-flow [messageListInput]=\"messageList()\" [(selectedForEdit)]=\"selectedForEdit\"></app-chat-flow>\n\n <app-input-message [editMessage]=\"selectedForEdit()\"\n (cancelEditChange)=\"onCancelEdit($event)\"\n (input_textChange)=\"sendMessage($event)\">\n @if (ai_run_in_progress) {\n <mat-spinner [diameter]=\"30\"></mat-spinner>\n }\n </app-input-message>\n </mat-dialog-content>\n </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i1.UtilsService","i2"],"mappings":"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"}
|
package/index.d.ts
ADDED
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { HttpClient } from '@angular/common/http';
|
|
3
|
+
|
|
4
|
+
declare class ChatMessage {
|
|
5
|
+
id: number;
|
|
6
|
+
chat_id: number;
|
|
7
|
+
cr_time: string;
|
|
8
|
+
type: ChatMessageType;
|
|
9
|
+
user: string;
|
|
10
|
+
content: string;
|
|
11
|
+
avatar: string | null;
|
|
12
|
+
file_path: string[] | null;
|
|
13
|
+
checked: boolean | null;
|
|
14
|
+
edit: boolean;
|
|
15
|
+
constructor(data: ChatMessageDTO);
|
|
16
|
+
get dateSimple(): string;
|
|
17
|
+
get timeHHmm(): string;
|
|
18
|
+
}
|
|
19
|
+
interface ChatMessageDTO {
|
|
20
|
+
id: number;
|
|
21
|
+
chat_id: number;
|
|
22
|
+
cr_time: string;
|
|
23
|
+
type: ChatMessageType;
|
|
24
|
+
user: string;
|
|
25
|
+
content: string;
|
|
26
|
+
avatar?: string | null;
|
|
27
|
+
file_path?: string[] | null;
|
|
28
|
+
checked?: boolean | null;
|
|
29
|
+
}
|
|
30
|
+
type ChatMessageType = 'incoming' | 'outgoing';
|
|
31
|
+
|
|
32
|
+
declare class UtilsService {
|
|
33
|
+
protected http: HttpClient;
|
|
34
|
+
constructor(http: HttpClient);
|
|
35
|
+
langToLocale(lang: string): string;
|
|
36
|
+
getLocalISODate(): string;
|
|
37
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UtilsService, never>;
|
|
38
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<UtilsService>;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
declare class NgxParlComponent {
|
|
42
|
+
private utils;
|
|
43
|
+
ai_run_in_progress: boolean;
|
|
44
|
+
header: _angular_core.InputSignal<boolean>;
|
|
45
|
+
messageList: _angular_core.ModelSignal<ChatMessage[]>;
|
|
46
|
+
messageUpdate: _angular_core.ModelSignal<ChatMessage | undefined>;
|
|
47
|
+
selectedForEdit: _angular_core.ModelSignal<ChatMessage | null>;
|
|
48
|
+
incomingUser: _angular_core.Signal<string>;
|
|
49
|
+
private lastUpdateKey;
|
|
50
|
+
constructor(utils: UtilsService);
|
|
51
|
+
onCancelEdit(messageId: number | null): this;
|
|
52
|
+
sendMessage(event: string | {
|
|
53
|
+
id: number;
|
|
54
|
+
content: string;
|
|
55
|
+
files?: string[];
|
|
56
|
+
} | {
|
|
57
|
+
content: string;
|
|
58
|
+
files?: string[];
|
|
59
|
+
} | undefined): this;
|
|
60
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxParlComponent, never>;
|
|
61
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxParlComponent, "ngx-parl", never, { "header": { "alias": "header"; "required": false; "isSignal": true; }; "messageList": { "alias": "messageList"; "required": false; "isSignal": true; }; "messageUpdate": { "alias": "messageUpdate"; "required": false; "isSignal": true; }; "selectedForEdit": { "alias": "selectedForEdit"; "required": false; "isSignal": true; }; }, { "messageList": "messageListChange"; "messageUpdate": "messageUpdateChange"; "selectedForEdit": "selectedForEditChange"; }, never, never, true, never>;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
export { NgxParlComponent };
|
package/package.json
ADDED
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@trixwell/ngx-parl",
|
|
3
|
+
"version": "1.0.0",
|
|
4
|
+
"license": "LGPL-3.0",
|
|
5
|
+
"description": "Highly customizable Angular Material chat component",
|
|
6
|
+
"keywords": [
|
|
7
|
+
"angular",
|
|
8
|
+
"parl",
|
|
9
|
+
"chat",
|
|
10
|
+
"chat-component",
|
|
11
|
+
"ngx",
|
|
12
|
+
"material",
|
|
13
|
+
"message",
|
|
14
|
+
"filter",
|
|
15
|
+
"online",
|
|
16
|
+
"online-chat"
|
|
17
|
+
],
|
|
18
|
+
"peerDependencies": {
|
|
19
|
+
"@angular/common": "^20.3.0",
|
|
20
|
+
"@angular/core": "^20.3.0"
|
|
21
|
+
},
|
|
22
|
+
"dependencies": {
|
|
23
|
+
"tslib": "^2.3.0"
|
|
24
|
+
},
|
|
25
|
+
"sideEffects": false,
|
|
26
|
+
"module": "fesm2022/trixwell-ngx-parl.mjs",
|
|
27
|
+
"typings": "index.d.ts",
|
|
28
|
+
"exports": {
|
|
29
|
+
"./package.json": {
|
|
30
|
+
"default": "./package.json"
|
|
31
|
+
},
|
|
32
|
+
".": {
|
|
33
|
+
"types": "./index.d.ts",
|
|
34
|
+
"default": "./fesm2022/trixwell-ngx-parl.mjs"
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
}
|