@datarailsshared/datarailsshared 1.4.133 → 1.4.135
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/assets/styles/img/genius-avatar.svg +9 -0
- package/assets/styles/img/genius.svg +9 -0
- package/assets/styles/vars.scss +4 -0
- package/bundles/datarailsshared-datarailsshared.umd.js +69 -36
- package/bundles/datarailsshared-datarailsshared.umd.js.map +1 -1
- package/datarailsshared-datarailsshared-1.4.135.tgz +0 -0
- package/datarailsshared-datarailsshared.d.ts +2 -1
- package/datarailsshared-datarailsshared.metadata.json +1 -1
- package/esm2015/datarailsshared-datarailsshared.js +3 -2
- package/esm2015/lib/dr-chat/chat.component.js +17 -6
- package/esm2015/lib/dr-chat/chat.module.js +4 -2
- package/esm2015/lib/dr-chat/dr-chat-form/chat-form.component.js +14 -5
- package/esm2015/lib/dr-chat/dr-chat-message/chat-message.component.js +4 -17
- package/esm2015/lib/dr-chat/dr-chat-suggestions/chat-suggestions.component.js +26 -0
- package/esm2015/lib/models/chat.js +6 -4
- package/esm2015/lib/utils/dr-shared-utils.js +3 -3
- package/fesm2015/datarailsshared-datarailsshared.js +67 -32
- package/fesm2015/datarailsshared-datarailsshared.js.map +1 -1
- package/lib/dr-chat/chat.component.d.ts +4 -0
- package/lib/dr-chat/dr-chat-form/chat-form.component.d.ts +1 -0
- package/lib/dr-chat/dr-chat-message/chat-message.component.d.ts +2 -7
- package/lib/dr-chat/dr-chat-suggestions/chat-suggestions.component.d.ts +8 -0
- package/lib/models/chat.d.ts +2 -2
- package/package.json +1 -1
- package/datarailsshared-datarailsshared-1.4.133.tgz +0 -0
|
@@ -3564,14 +3564,16 @@ class ChatMessage {
|
|
|
3564
3564
|
this.kind = obj === null || obj === void 0 ? void 0 : obj.kind;
|
|
3565
3565
|
this.seq = obj === null || obj === void 0 ? void 0 : obj.seq;
|
|
3566
3566
|
this.role = obj === null || obj === void 0 ? void 0 : obj.role;
|
|
3567
|
-
this.reply = (obj === null || obj === void 0 ? void 0 : obj.role) !==
|
|
3567
|
+
this.reply = (obj === null || obj === void 0 ? void 0 : obj.role) !== ChatRole.USER;
|
|
3568
3568
|
this.text = (obj === null || obj === void 0 ? void 0 : obj.text) || obj.body;
|
|
3569
3569
|
this.url = obj === null || obj === void 0 ? void 0 : obj.url;
|
|
3570
3570
|
this.label = obj === null || obj === void 0 ? void 0 : obj.label;
|
|
3571
3571
|
this.body = obj === null || obj === void 0 ? void 0 : obj.body;
|
|
3572
3572
|
this.parameters = obj === null || obj === void 0 ? void 0 : obj.parameters;
|
|
3573
|
-
this.
|
|
3574
|
-
|
|
3573
|
+
this.avatarUrl = (obj === null || obj === void 0 ? void 0 : obj.avatarUrl) ?
|
|
3574
|
+
obj.avatarUrl :
|
|
3575
|
+
!(obj === null || obj === void 0 ? void 0 : obj.role) || (obj === null || obj === void 0 ? void 0 : obj.role) === ChatRole.ASSISTANT ? document.staticFunc('/genius-avatar.svg') : '';
|
|
3576
|
+
this.user = obj === null || obj === void 0 ? void 0 : obj.user;
|
|
3575
3577
|
}
|
|
3576
3578
|
}
|
|
3577
3579
|
|
|
@@ -3611,10 +3613,10 @@ class DrSharedUtils {
|
|
|
3611
3613
|
todayDate.subtract(1, 'days');
|
|
3612
3614
|
return todayDate;
|
|
3613
3615
|
case DateTags.THIS_MONTH:
|
|
3614
|
-
todayDate.month
|
|
3616
|
+
todayDate.endOf('month');
|
|
3615
3617
|
return todayDate;
|
|
3616
3618
|
case DateTags.PREV_MONTH:
|
|
3617
|
-
todayDate.month
|
|
3619
|
+
todayDate.endOf('month');
|
|
3618
3620
|
todayDate.subtract(1, 'months');
|
|
3619
3621
|
return todayDate;
|
|
3620
3622
|
}
|
|
@@ -5033,6 +5035,7 @@ class DrChatFormComponent {
|
|
|
5033
5035
|
constructor(cdr, domSanitizer) {
|
|
5034
5036
|
this.cdr = cdr;
|
|
5035
5037
|
this.domSanitizer = domSanitizer;
|
|
5038
|
+
this._textareaInitialHeight = true;
|
|
5036
5039
|
this.inputFocus = false;
|
|
5037
5040
|
this.inputHover = false;
|
|
5038
5041
|
this.droppedFiles = [];
|
|
@@ -5118,6 +5121,7 @@ class DrChatFormComponent {
|
|
|
5118
5121
|
}
|
|
5119
5122
|
sendMessage() {
|
|
5120
5123
|
if (this.droppedFiles.length || String(this.message).trim().length) {
|
|
5124
|
+
this._textareaInitialHeight = true;
|
|
5121
5125
|
this.send.emit({ message: this.message, files: this.droppedFiles });
|
|
5122
5126
|
this.message = '';
|
|
5123
5127
|
this.droppedFiles = [];
|
|
@@ -5125,19 +5129,26 @@ class DrChatFormComponent {
|
|
|
5125
5129
|
}
|
|
5126
5130
|
}
|
|
5127
5131
|
onModelChange(value) {
|
|
5132
|
+
this._textareaInitialHeight = false;
|
|
5128
5133
|
this.inputChange.emit(value);
|
|
5129
5134
|
}
|
|
5130
5135
|
getTextAreaHeight(textAreaElement) {
|
|
5131
|
-
|
|
5132
|
-
|
|
5136
|
+
let height;
|
|
5137
|
+
if (this._textareaInitialHeight) {
|
|
5138
|
+
height = 50;
|
|
5139
|
+
}
|
|
5140
|
+
else {
|
|
5141
|
+
height = textAreaElement.scrollHeight + 2;
|
|
5142
|
+
}
|
|
5143
|
+
return `height: ${height}px;`;
|
|
5133
5144
|
}
|
|
5134
5145
|
}
|
|
5135
5146
|
DrChatFormComponent.decorators = [
|
|
5136
5147
|
{ type: Component, args: [{
|
|
5137
5148
|
selector: 'dr-chat-form',
|
|
5138
|
-
template: "<div class=\"dropped-files\" *ngIf=\"droppedFiles?.length\">\n <div class=\"dropped-files__item\" *ngFor=\"let file of droppedFiles\">\n <div class=\"dropped-files__item__preview\" [style.background-image]=\"file.urlStyle || 'none'\">\n <i class=\"dr-icon-file\" *ngIf=\"!file.urlStyle\"></i>\n </div>\n <div class=\"dropped-files__item__name\">{{ file.name }}</div>\n <i class=\"dropped-files__item__remove dr-icon-exit\" (click)=\"removeFile(file)\"></i>\n </div>\n</div>\n<div class=\"message-row\">\n <textarea #textAreaElement\n
|
|
5149
|
+
template: "<div class=\"dropped-files\" *ngIf=\"droppedFiles?.length\">\n <div class=\"dropped-files__item\" *ngFor=\"let file of droppedFiles\">\n <div class=\"dropped-files__item__preview\" [style.background-image]=\"file.urlStyle || 'none'\">\n <i class=\"dr-icon-file\" *ngIf=\"!file.urlStyle\"></i>\n </div>\n <div class=\"dropped-files__item__name\">{{ file.name }}</div>\n <i class=\"dropped-files__item__remove dr-icon-exit\" (click)=\"removeFile(file)\"></i>\n </div>\n</div>\n<div class=\"message-row\">\n <div class=\"message-row__input\">\n <textarea #textAreaElement\n (focus)=\"inputFocus = true\"\n (blur)=\"inputFocus = false\"\n (mouseenter)=\"inputHover = true\"\n (mouseleave)=\"inputHover = false\"\n [(ngModel)]=\"message\"\n [rows]=\"1\"\n [style]=\"getTextAreaHeight(textAreaElement)\"\n (ngModelChange)=\"onModelChange($event)\"\n type=\"text\"\n placeholder=\"{{ fileOver ? dropFilePlaceholder : messagePlaceholder }}\"\n (keyup.enter)=\"sendMessage()\">\n </textarea>\n <i (click)=\"sendMessage()\" class=\"dr-icon-notify send-button\"></i>\n </div>\n</div>\n",
|
|
5139
5150
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
5140
|
-
styles: [":host{display:flex;flex-direction:column;padding:0;
|
|
5151
|
+
styles: [":host{display:flex;flex-direction:column;padding:0;margin-top:12px}:host .message-row{display:flex;justify-content:center;width:100%;padding:0 60px 21px}:host .message-row__input{position:relative;display:flex;align-items:center;flex-grow:1;flex-direction:row;height:auto;overflow:hidden;max-width:970px;min-width:265px}:host .message-row__input textarea{font-size:14px;line-height:22px;max-height:100%;flex-grow:1;resize:none;padding:14px 40px 12px 23px;margin:auto;border:1px solid #DFE0E3;border-radius:12px;min-height:50px}:host .message-row__input textarea:focus{border:1px solid #7F7FDD}:host .message-row__input textarea::placeholder{color:#9ea1aa}:host .message-row__input .send-button{position:absolute;right:14px;cursor:pointer;color:#dfe0e3;font-size:28px}:host .message-row__input textarea:focus+.send-button,:host .message-row__input .send-button:hover{color:#25258c}:host input{flex:1}:host input.with-button{border-bottom-right-radius:0;border-top-right-radius:0}:host .dropped-files{display:flex;flex-direction:row;margin-bottom:.5rem;flex-wrap:wrap}:host .dropped-files__item{display:flex;flex-direction:column;justify-content:center;margin:0 10px 10px 0;position:relative}:host .dropped-files__item__preview{background-size:cover;background-position:center;width:64px;height:64px;border-radius:8px;border:1px solid #ccc}:host .dropped-files__item__preview i{font-size:62px}:host .dropped-files__item__name{white-space:nowrap;font-size:12px;color:#8f929e;margin-top:4px;max-width:64px;overflow:hidden;text-overflow:ellipsis}:host .dropped-files__item__remove{position:absolute;right:-4px;top:-4px;cursor:pointer;background:white;border-radius:12px;color:#8f929e;border:1px solid #8f929e;font-size:14px}\n"]
|
|
5141
5152
|
},] }
|
|
5142
5153
|
];
|
|
5143
5154
|
DrChatFormComponent.ctorParameters = () => [
|
|
@@ -5183,9 +5194,7 @@ class DrChatMessageComponent {
|
|
|
5183
5194
|
constructor(customMessageService) {
|
|
5184
5195
|
this.customMessageService = customMessageService;
|
|
5185
5196
|
this.MESSAGE_TYPE = CHAT_MESSAGE_TYPE;
|
|
5186
|
-
this.MESSAGE_TYPE_CUSTOM = CHAT_MESSAGE_TYPE.EMBED;
|
|
5187
5197
|
this._reply = false;
|
|
5188
|
-
this._isEmpty = false;
|
|
5189
5198
|
}
|
|
5190
5199
|
get flyInOut() {
|
|
5191
5200
|
return true;
|
|
@@ -5202,17 +5211,6 @@ class DrChatMessageComponent {
|
|
|
5202
5211
|
set reply(value) {
|
|
5203
5212
|
this._reply = !!value;
|
|
5204
5213
|
}
|
|
5205
|
-
/**
|
|
5206
|
-
* The outer flag is whether the message is empty. Needed if it is impossible to calculate it inside.
|
|
5207
|
-
*
|
|
5208
|
-
* @type {boolean}
|
|
5209
|
-
*/
|
|
5210
|
-
get isEmpty() {
|
|
5211
|
-
return this._isEmpty;
|
|
5212
|
-
}
|
|
5213
|
-
set isEmpty(value) {
|
|
5214
|
-
this._isEmpty = !!value;
|
|
5215
|
-
}
|
|
5216
5214
|
getTemplate() {
|
|
5217
5215
|
this.customMessage = true;
|
|
5218
5216
|
const customMessage = this.getCustomMessage(this.type);
|
|
@@ -5233,7 +5231,7 @@ class DrChatMessageComponent {
|
|
|
5233
5231
|
DrChatMessageComponent.decorators = [
|
|
5234
5232
|
{ type: Component, args: [{
|
|
5235
5233
|
selector: 'dr-chat-message',
|
|
5236
|
-
template: "<
|
|
5234
|
+
template: "<ng-container *ngIf=\"message.avatarUrl; else userAvatar\">\n <div class=\"avatar\" [style.background-image]=\"'url(' + message.avatarUrl + ')'\"></div>\n</ng-container>\n<ng-template #userAvatar>\n <dr-avatar *ngIf=\"message.user\" [users]=\"message.user\"></dr-avatar>\n</ng-template>\n<div class=\"message\" [class.message--custom]=\"customMessage\">\n <ng-container [ngSwitch]=\"message.kind\">\n <dr-chat-message-text *ngSwitchCase=\"MESSAGE_TYPE.TEXT\" [message]=\"message\"></dr-chat-message-text>\n <dr-chat-message-file *ngSwitchCase=\"MESSAGE_TYPE.DOWNLOAD_FILE\" [message]=\"message\"></dr-chat-message-file>\n <ng-container *ngSwitchDefault>\n <ng-container [ngTemplateOutlet]=\"getTemplate()\" [ngTemplateOutletContext]=\"getTemplateContext()\"></ng-container>\n </ng-container>\n </ng-container>\n</div>\n",
|
|
5237
5235
|
animations: [
|
|
5238
5236
|
trigger('flyInOut', [
|
|
5239
5237
|
state('in', style({ transform: 'translateX(0)' })),
|
|
@@ -5242,7 +5240,7 @@ DrChatMessageComponent.decorators = [
|
|
|
5242
5240
|
]),
|
|
5243
5241
|
],
|
|
5244
5242
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
5245
|
-
styles: [":host{display:flex;flex-direction:row}:host
|
|
5243
|
+
styles: [":host{position:relative;display:flex;flex-direction:row;width:100%;background:rgba(249,250,255,.7);border-top:1px solid #E5E5E5;padding:16px 22px}:host:first-child{border:none}:host:last-child{border-bottom:1px solid #E5E5E5}.reply+:host.reply,.not-reply+:host.not-reply{border-top:none;padding-top:0;padding-left:85px}.reply+:host.reply .avatar,.reply+:host.reply dr-avatar,.not-reply+:host.not-reply .avatar,.not-reply+:host.not-reply dr-avatar{display:none}:host.not-reply{background-color:#fff}:host .avatar{display:flex;width:28px;height:28px;background-color:#151b3f;border-radius:16px;background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2223%22 height%3D%2226%22 viewBox%3D%220 0 23 26%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M11.5 11.5036C10.672 11.5036 9.99927 12.1756 9.99927 13.0044C9.99927 13.8323 10.6713 14.5051 11.5 14.5051C12.3287 14.5051 13.0007 13.8323 13.0007 13.0044C13.0008 12.1756 12.3288 11.5036 11.5 11.5036ZM19.7627 13.0044C21.8109 10.7312 22.4971 8.61768 21.6369 7.11544C21.0429 6.07969 19.8774 5.53894 18.2499 5.50446C17.5112 5.48946 16.6765 5.5772 15.7577 5.77069C14.8075 2.72572 13.2865 1 11.5 1C9.71351 1 8.19253 2.72572 7.24154 5.77145C4.33008 5.16396 2.21435 5.63196 1.36235 7.11619C0.502868 8.61918 1.18986 10.7312 3.23734 13.0051C1.1891 15.2783 0.502868 17.3918 1.3631 18.8941C1.97886 19.9681 3.20436 20.505 4.92257 20.505C5.61707 20.505 6.39554 20.4203 7.24305 20.2411C8.19329 23.286 9.71426 25.0102 11.5 25.0102C13.2865 25.0102 14.8075 23.2853 15.7577 20.2396C16.5827 20.412 17.3484 20.5028 18.0347 20.5028C19.7694 20.5028 21.0264 19.9576 21.6376 18.8948C22.4971 17.3903 21.8101 15.2776 19.7627 13.0044ZM11.5 3.25072C12.0265 3.25072 13.1372 4.37345 13.8737 7.38692C13.9645 7.75891 14.0327 8.1564 14.1047 8.54939C14.0942 8.54339 14.0837 8.53587 14.0732 8.5299C13.402 8.13914 12.6992 7.76866 11.9837 7.42817C11.1077 7.01116 10.2467 6.66092 9.40901 6.37368C10.1238 4.11922 11.0373 3.25072 11.5 3.25072ZM3.31684 17.7751C3.06711 17.3386 3.46085 15.8776 5.58259 13.8106C5.79334 13.6052 6.01909 13.3996 6.2516 13.1949C6.25609 13.8984 6.28234 14.6004 6.33484 15.2806C6.40985 16.2444 6.54933 17.1609 6.7196 18.0511C4.62483 18.4786 3.52759 18.1433 3.31684 17.7751ZM6.80579 9.89643C6.10079 10.3967 5.44829 10.9119 4.84983 11.4332C3.37233 9.77417 3.09857 8.61469 3.31533 8.23518C3.55909 7.80994 4.96982 7.42594 7.72827 8.20217C8.098 8.30645 8.47902 8.43242 8.86449 8.56892C8.17531 8.97241 7.48454 9.41718 6.80579 9.89643ZM11.5 22.7581C10.9735 22.7581 9.86277 21.6353 9.12627 18.6218C9.03551 18.2491 8.96726 17.8523 8.89527 17.4586C8.90577 17.4646 8.91627 17.4714 8.92677 17.4774C9.59801 17.8696 10.3007 18.2401 11.0163 18.5798C11.8922 18.9969 12.7532 19.3471 13.591 19.6343C12.8762 21.8903 11.9628 22.7581 11.5 22.7581ZM12.9407 15.5334C12.4765 15.8041 11.9905 16.0599 11.5 16.3051C11.0095 16.0599 10.5243 15.8041 10.0593 15.5326C9.55903 15.2416 9.0573 14.9184 8.55855 14.5816C8.52853 14.0611 8.49854 13.5376 8.49854 13.0044C8.49854 12.4711 8.52853 11.9491 8.55855 11.4279C9.0573 11.0904 9.55903 10.7671 10.0593 10.4754C10.5235 10.2054 11.0095 9.94962 11.5 9.70363C11.9905 9.94962 12.4765 10.2054 12.9407 10.4754C13.441 10.7671 13.9427 11.0904 14.4414 11.4279C14.4714 11.9491 14.5015 12.4719 14.5015 13.0051C14.5015 13.5384 14.4714 14.0603 14.4414 14.5823C13.9427 14.9184 13.441 15.2424 12.9407 15.5334ZM19.6847 17.7751C19.4402 18.1974 18.0287 18.5828 15.2718 17.8073C14.902 17.7031 14.5218 17.5771 14.1363 17.4406C14.824 17.0378 15.5162 16.5931 16.1935 16.1138C16.8985 15.6128 17.551 15.0983 18.1502 14.5763C19.6269 16.2354 19.9014 17.3948 19.6847 17.7751ZM17.4174 12.1989C17.2067 12.4044 16.9809 12.6099 16.7484 12.8146C16.7439 12.1104 16.7177 11.4091 16.6652 10.7289C16.5902 9.76515 16.4507 8.84792 16.2804 7.95766C18.3744 7.53018 19.4709 7.86614 19.6832 8.23439C19.9329 8.67093 19.5392 10.1326 17.4174 12.1989Z%22 fill%3D%22url(%23paint0_linear_393_7999)%22 stroke%3D%22%2325258C%22%2F%3E%3Cdefs%3E%3ClinearGradient id%3D%22paint0_linear_393_7999%22 x1%3D%2211.5%22 y1%3D%221%22 x2%3D%2211.5%22 y2%3D%2225.0102%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop stop-color%3D%22%23AAE8FF%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%238F79FF%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\");background-size:22px 24px;background-repeat:no-repeat;background-position-x:3px;background-position-y:2px}:host .avatar,:host dr-avatar{margin:0 23px 0 12px}:host .message{display:flex;align-items:center;flex-grow:1}\n"]
|
|
5246
5244
|
},] }
|
|
5247
5245
|
];
|
|
5248
5246
|
DrChatMessageComponent.ctorParameters = () => [
|
|
@@ -5255,7 +5253,7 @@ DrChatMessageComponent.propDecorators = {
|
|
|
5255
5253
|
type: [{ type: Input }],
|
|
5256
5254
|
message: [{ type: Input }],
|
|
5257
5255
|
customMessageData: [{ type: Input }],
|
|
5258
|
-
|
|
5256
|
+
user: [{ type: Input }]
|
|
5259
5257
|
};
|
|
5260
5258
|
|
|
5261
5259
|
class DrChatComponent {
|
|
@@ -5265,8 +5263,10 @@ class DrChatComponent {
|
|
|
5265
5263
|
this.showClearButton = true;
|
|
5266
5264
|
this.noMessagesPlaceholder = 'No messages yet.';
|
|
5267
5265
|
this._scrollBottom = true;
|
|
5266
|
+
this.suggestions = [];
|
|
5268
5267
|
this.clear = new EventEmitter();
|
|
5269
5268
|
this.close = new EventEmitter();
|
|
5269
|
+
this.suggestionSelect = new EventEmitter();
|
|
5270
5270
|
}
|
|
5271
5271
|
set contentUpdateSubject(value) {
|
|
5272
5272
|
if (value) {
|
|
@@ -5299,8 +5299,13 @@ class DrChatComponent {
|
|
|
5299
5299
|
}
|
|
5300
5300
|
scrollListBottom() {
|
|
5301
5301
|
setTimeout(() => {
|
|
5302
|
-
|
|
5303
|
-
|
|
5302
|
+
if (this.messagesContainer) {
|
|
5303
|
+
this.messagesContainer.nativeElement.scrollTo({
|
|
5304
|
+
top: this.messagesContainer.nativeElement.scrollHeight,
|
|
5305
|
+
behavior: 'smooth'
|
|
5306
|
+
});
|
|
5307
|
+
this.cdr.markForCheck();
|
|
5308
|
+
}
|
|
5304
5309
|
});
|
|
5305
5310
|
}
|
|
5306
5311
|
ngOnDestroy() {
|
|
@@ -5311,25 +5316,29 @@ class DrChatComponent {
|
|
|
5311
5316
|
DrChatComponent.decorators = [
|
|
5312
5317
|
{ type: Component, args: [{
|
|
5313
5318
|
selector: 'dr-chat',
|
|
5314
|
-
template: "<div class=\"
|
|
5319
|
+
template: "<div class=\"chat\" [class.chat--in-full-screen]=\"fullScreen\">\n <div class=\"chat__header\">\n <div class=\"chat__header__logo\"></div>\n\n <div class=\"chat__header__text\">\n <div class=\"chat__header__text__title\">{{ title }}</div>\n <div *ngIf=\"subtitle\" class=\"chat__header__text__subtitle\">{{ subtitle }}</div>\n </div>\n\n <dr-button *ngIf=\"showClearButton\"\n (click)=\"clear.emit($event)\"\n theme=\"icon\"\n icon=\"dr-icon-clear\"\n class=\"ml-auto\"\n title=\"Clear the history\">\n </dr-button>\n\n <dr-button (click)=\"close.emit($event)\"\n theme=\"icon\"\n icon=\"dr-icon-exit\"\n class=\"ml-4\"\n title=\"Close\">\n </dr-button>\n </div>\n\n <div *ngIf=\"!messages?.length\" class=\"chat__empty-state\">\n <span class=\"chat__empty-state__text\">{{ noMessagesPlaceholder }}</span>\n </div>\n\n <div *ngIf=\"messages?.length\" class=\"chat__messages\">\n <div #messagesContainer class=\"chat__messages__container\">\n <ng-content select=\"dr-chat-message\"></ng-content>\n </div>\n </div>\n\n <dr-chat-suggestions *ngIf=\"suggestions?.length\"\n [values]=\"fullScreen ? suggestions : suggestions.slice(0, 4)\"\n class=\"chat__suggestions\"\n [class.chat__suggestions--full-height]=\"fullScreen && !messages?.length\"\n [buttonMode]=\"!!messages?.length\"\n (suggestionSelect)=\"suggestionSelect.emit($event)\">\n </dr-chat-suggestions>\n\n <div class=\"form\">\n <ng-content select=\"dr-chat-form\"></ng-content>\n </div>\n</div>\n",
|
|
5315
5320
|
providers: [DrChatCustomMessageService],
|
|
5316
|
-
styles: [":host{display:flex;flex-grow:1;flex-direction:column;
|
|
5321
|
+
styles: [":host{height:100%;width:100%;display:flex;flex-direction:column}.chat{position:relative;display:flex;flex-grow:1;flex-direction:column;height:100%;background-color:#fff;color:#4e566c;font-family:\"Poppins\",sans-serif;font-size:14px;font-weight:400;line-height:22px}.chat__header{display:flex;align-items:center;background-color:#f2f2ff;color:#25258c;padding:15px 20px;font-weight:400;font-size:20px;line-height:28px;border-bottom:1px solid #F9F7FF}.chat__header__logo{display:flex;width:33px;height:38px;background:url(\"data:image/svg+xml,%3Csvg width%3D%2233%22 height%3D%2238%22 viewBox%3D%220 0 33 38%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M16.5 16.5057C15.1989 16.5057 14.1417 17.5617 14.1417 18.864C14.1417 20.1651 15.1977 21.2223 16.5 21.2223C17.8023 21.2223 18.8583 20.1651 18.8583 18.864C18.8583 17.5617 17.8024 16.5057 16.5 16.5057ZM29.4842 18.8641C32.7028 15.2918 33.7812 11.9706 32.4294 9.60997C31.496 7.98236 29.6646 7.13262 27.107 7.07843C25.9462 7.05487 24.6345 7.19274 23.1907 7.4968C21.6974 2.71185 19.3073 0 16.5 0C13.6927 0 11.3026 2.71185 9.80813 7.49799C5.23298 6.54337 1.90827 7.2788 0.569407 9.61116C-0.781207 11.973 0.298346 15.2918 3.51581 18.8652C0.29716 22.4374 -0.781207 25.7586 0.570593 28.1192C1.53821 29.807 3.464 30.6508 6.16404 30.6508C7.2554 30.6508 8.47871 30.5176 9.8105 30.236C11.3037 35.0209 13.6938 37.7304 16.5 37.7304C19.3073 37.7304 21.6974 35.0197 23.1907 30.2336C24.4871 30.5046 25.6904 30.6473 26.7688 30.6473C29.4948 30.6473 31.47 29.7905 32.4306 28.1205C33.7812 25.7562 32.7017 22.4363 29.4842 18.8641ZM16.5 3.53684C17.3274 3.53684 19.0728 5.30114 20.2302 10.0366C20.3728 10.6212 20.48 11.2458 20.5931 11.8633C20.5766 11.8539 20.5601 11.8421 20.5436 11.8327C19.4888 11.2186 18.3845 10.6365 17.2601 10.1014C15.8836 9.4461 14.5306 8.89573 13.2142 8.44436C14.3373 4.90164 15.7728 3.53684 16.5 3.53684ZM3.64075 26.3609C3.24831 25.6749 3.86706 23.3791 7.20121 20.131C7.53239 19.8081 7.88714 19.4851 8.25251 19.1634C8.25957 20.2689 8.30082 21.372 8.38332 22.441C8.50119 23.9554 8.72038 25.3956 8.98794 26.7946C5.69617 27.4664 3.97193 26.9395 3.64075 26.3609ZM9.12339 13.9801C8.01552 14.7662 6.99016 15.5759 6.04973 16.395C3.72794 13.788 3.29776 11.9659 3.63838 11.3696C4.02143 10.7013 6.23829 10.0979 10.573 11.3177C11.154 11.4816 11.7527 11.6795 12.3585 11.894C11.2755 12.5281 10.19 13.227 9.12339 13.9801ZM16.5 34.1912C15.6726 34.1912 13.9272 32.4269 12.7698 27.6915C12.6272 27.1057 12.52 26.4822 12.4069 25.8636C12.4234 25.873 12.4399 25.8836 12.4564 25.893C13.5112 26.5094 14.6155 27.0916 15.7398 27.6255C17.1164 28.2808 18.4694 28.8311 19.7858 29.2825C18.6627 32.8276 17.2272 34.1912 16.5 34.1912ZM18.764 22.8381C18.0345 23.2636 17.2708 23.6655 16.5 24.0509C15.7293 23.6655 14.9667 23.2636 14.236 22.837C13.4499 22.3797 12.6615 21.8717 11.8777 21.3425C11.8305 20.5246 11.7834 19.7019 11.7834 18.864C11.7834 18.026 11.8305 17.2058 11.8777 16.3867C12.6615 15.8563 13.4499 15.3484 14.236 14.8899C14.9655 14.4656 15.7293 14.0637 16.5 13.6771C17.2708 14.0637 18.0345 14.4656 18.764 14.8899C19.5501 15.3483 20.3385 15.8563 21.1223 16.3867C21.1694 17.2057 21.2166 18.0272 21.2166 18.8651C21.2166 19.7031 21.1694 20.5234 21.1223 21.3437C20.3386 21.8717 19.5502 22.3808 18.764 22.8381ZM29.3617 26.3609C28.9774 27.0244 26.7594 27.6302 22.4271 26.4115C21.846 26.2477 21.2485 26.0497 20.6427 25.8352C21.7234 25.2023 22.8112 24.5034 23.8755 23.7503C24.9833 22.963 26.0087 22.1545 26.9503 21.3342C29.2709 23.9413 29.7022 25.7633 29.3617 26.3609ZM25.7988 17.5983C25.4676 17.9212 25.1129 18.2441 24.7475 18.5658C24.7405 17.4592 24.6992 16.3572 24.6167 15.2882C24.4989 13.7738 24.2797 12.3324 24.0121 10.9335C27.3026 10.2617 29.0257 10.7897 29.3592 11.3683C29.7517 12.0543 29.133 14.3513 25.7988 17.5983Z%22 fill%3D%22url(%23paint0_linear_393_7959)%22%2F%3E%3Cdefs%3E%3ClinearGradient id%3D%22paint0_linear_393_7959%22 x1%3D%2216.5%22 y1%3D%220%22 x2%3D%2216.5%22 y2%3D%2237.7304%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop stop-color%3D%22%2306B3F4%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%237B61FF%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\") no-repeat;background-size:100% 100%}.chat__header__text{display:flex;flex-direction:column;flex-grow:1;margin-left:20px}.chat__header__text__title{display:flex;align-items:center}.chat__header__text__title:after{content:\"BETA\";display:inline-flex;padding:2px 10px;background:#25258C;color:#f4f4f3;font-weight:600;font-size:10px;line-height:14px;border-radius:8px;margin-left:12px;font-family:\"Nunito Sans\",sans-serif}.chat__header__text__subtitle{font-size:14px;line-height:22px}.chat__header dr-button::ng-deep button:not(:hover){color:#25258c}.chat__empty-state{display:flex;justify-content:center}.chat__empty-state__text{padding:20px 0;font-family:Poppins,sans-serif;font-size:20px;font-weight:300;line-height:30px;text-align:center;max-width:440px}.chat__messages{display:flex;flex-grow:1;overflow-x:hidden;overflow-y:auto;height:100%;width:100%}.chat__messages__container{overflow-y:auto;overflow-x:hidden;display:flex;flex-shrink:0;flex-direction:column;width:100%;padding-bottom:1px}.chat__suggestions--full-height{flex-grow:1;height:1px;overflow:auto}.chat--in-full-screen .chat__header{display:none}.chat--in-full-screen .chat__empty-state__text{padding:77px 0;font-size:28px;line-height:46px;max-width:570px}.chat--in-full-screen .chat__messages::ng-deep dr-chat-message{justify-content:center}.chat--in-full-screen .chat__messages::ng-deep .message{max-width:700px}.chat--in-full-screen .chat__suggestions::ng-deep .chat-suggestions__items{padding-left:0;padding-right:0}.chat--in-full-screen .chat__suggestions::ng-deep .chat-suggestions__items__item{margin:0 0 26px;height:80px;width:310px;font-size:16px}.chat--in-full-screen .chat__suggestions::ng-deep .chat-suggestions__container{padding:0}\n"]
|
|
5317
5322
|
},] }
|
|
5318
5323
|
];
|
|
5319
5324
|
DrChatComponent.ctorParameters = () => [
|
|
5320
5325
|
{ type: ChangeDetectorRef }
|
|
5321
5326
|
];
|
|
5322
5327
|
DrChatComponent.propDecorators = {
|
|
5328
|
+
fullScreen: [{ type: Input }],
|
|
5323
5329
|
title: [{ type: Input }],
|
|
5330
|
+
subtitle: [{ type: Input }],
|
|
5324
5331
|
showClearButton: [{ type: Input }],
|
|
5325
5332
|
noMessagesPlaceholder: [{ type: Input }],
|
|
5326
5333
|
contentUpdateSubject: [{ type: Input }],
|
|
5327
5334
|
scrollBottom: [{ type: Input }],
|
|
5335
|
+
suggestions: [{ type: Input }],
|
|
5328
5336
|
messagesContainer: [{ type: ViewChild, args: ['messagesContainer',] }],
|
|
5329
5337
|
messages: [{ type: ContentChildren, args: [DrChatMessageComponent,] }],
|
|
5330
5338
|
chatForm: [{ type: ContentChild, args: [DrChatFormComponent,] }],
|
|
5331
5339
|
clear: [{ type: Output }],
|
|
5332
|
-
close: [{ type: Output }]
|
|
5340
|
+
close: [{ type: Output }],
|
|
5341
|
+
suggestionSelect: [{ type: Output }]
|
|
5333
5342
|
};
|
|
5334
5343
|
|
|
5335
5344
|
/**
|
|
@@ -5439,12 +5448,38 @@ DrChatCustomMessageDirective.propDecorators = {
|
|
|
5439
5448
|
drCustomMessage: [{ type: Input }]
|
|
5440
5449
|
};
|
|
5441
5450
|
|
|
5451
|
+
class DrChatSuggestionsComponent {
|
|
5452
|
+
constructor() {
|
|
5453
|
+
this.values = [];
|
|
5454
|
+
this.buttonMode = false;
|
|
5455
|
+
this.suggestionSelect = new EventEmitter();
|
|
5456
|
+
}
|
|
5457
|
+
onItemClick(item) {
|
|
5458
|
+
this.suggestionSelect.emit(item);
|
|
5459
|
+
}
|
|
5460
|
+
}
|
|
5461
|
+
DrChatSuggestionsComponent.decorators = [
|
|
5462
|
+
{ type: Component, args: [{
|
|
5463
|
+
selector: 'dr-chat-suggestions',
|
|
5464
|
+
template: "<div class=\"chat-suggestions\">\n <ng-container *ngIf=\"buttonMode; else suggestionCards\">\n <div class=\"chat-suggestions__container\">\n <div class=\"chat-suggestions__container__button\">\n Suggested chats\n </div>\n <ng-container *ngTemplateOutlet=\"suggestionCards\"></ng-container>\n </div>\n </ng-container>\n</div>\n\n<ng-template #suggestionCards>\n <div class=\"chat-suggestions__items\">\n <div class=\"chat-suggestions__items__background\"></div>\n <div *ngFor=\"let item of values\"\n class=\"chat-suggestions__items__item\" (click)=\"onItemClick(item)\">\n {{ item }}\n </div>\n </div>\n</ng-template>\n",
|
|
5465
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
5466
|
+
styles: [":host{display:flex;align-items:flex-start;justify-content:center}:host .chat-suggestions{display:flex;width:100%;max-width:970px}:host .chat-suggestions__container{display:flex;position:relative;width:auto;margin-top:12px;padding:0 60px}:host .chat-suggestions__container:hover{width:100%}:host .chat-suggestions__container:hover .chat-suggestions__container__button{background:#EAEAFF}:host .chat-suggestions__container:hover .chat-suggestions__items,:host .chat-suggestions__container:hover .chat-suggestions__items__background{display:flex}:host .chat-suggestions__container__button{display:flex;align-items:center;height:30px;padding:0 16px;font-size:12px;line-height:20px;background:#F2F2FF;color:#1d1d6d;border-radius:4px;cursor:pointer}:host .chat-suggestions__container .chat-suggestions__items{display:none;position:absolute;width:100%;bottom:0;left:0;padding-bottom:30px;z-index:2}:host .chat-suggestions__items{display:flex;flex-wrap:wrap;width:100%;justify-content:space-between;padding:0 60px}:host .chat-suggestions__items__background{display:none;position:absolute;top:-30px;right:0;bottom:30px;left:0;background:white;opacity:.7;z-index:-1}:host .chat-suggestions__items__item{margin:0 0 20px;display:inline-flex;height:76px;width:240px;padding:16px;border-radius:8px;background:#F2F2FB;border:1px solid #F0F1F4;box-shadow:0 2px 6px #00000026;font-size:14px;line-height:24px}:host .chat-suggestions__items__item:hover{cursor:pointer;box-shadow:0 2px 6px #00000040}\n"]
|
|
5467
|
+
},] }
|
|
5468
|
+
];
|
|
5469
|
+
DrChatSuggestionsComponent.ctorParameters = () => [];
|
|
5470
|
+
DrChatSuggestionsComponent.propDecorators = {
|
|
5471
|
+
values: [{ type: Input }],
|
|
5472
|
+
buttonMode: [{ type: Input }],
|
|
5473
|
+
suggestionSelect: [{ type: Output }]
|
|
5474
|
+
};
|
|
5475
|
+
|
|
5442
5476
|
const DR_CHAT_COMPONENTS = [
|
|
5443
5477
|
DrChatComponent,
|
|
5444
5478
|
DrChatMessageComponent,
|
|
5445
5479
|
DrChatFormComponent,
|
|
5446
5480
|
DrChatMessageTextComponent,
|
|
5447
5481
|
DrChatMessageFileComponent,
|
|
5482
|
+
DrChatSuggestionsComponent,
|
|
5448
5483
|
];
|
|
5449
5484
|
const DR_CHAT_DIRECTIVES = [DrChatCustomMessageDirective];
|
|
5450
5485
|
class DrChatModule {
|
|
@@ -5456,7 +5491,7 @@ DrChatModule.decorators = [
|
|
|
5456
5491
|
ReactiveFormsModule,
|
|
5457
5492
|
CommonModule,
|
|
5458
5493
|
DrAvatarModule,
|
|
5459
|
-
DrInputsModule
|
|
5494
|
+
DrInputsModule,
|
|
5460
5495
|
],
|
|
5461
5496
|
declarations: [...DR_CHAT_COMPONENTS, ...DR_CHAT_DIRECTIVES],
|
|
5462
5497
|
exports: [...DR_CHAT_COMPONENTS, ...DR_CHAT_DIRECTIVES],
|
|
@@ -5469,5 +5504,5 @@ DrChatModule.decorators = [
|
|
|
5469
5504
|
* Generated bundle index. Do not edit.
|
|
5470
5505
|
*/
|
|
5471
5506
|
|
|
5472
|
-
export { AnyTagComponent, CHAT_MESSAGE_TYPE, CalendarView, ChatMessage, ChatRole, CheckboxComponent, CustomDateFormat, DIALOG_BUTTON_LABEL, DIALOG_FIELD_TYPE, DIALOG_SIZE, DateFromats, DatePickerPeriodPosition, DateTagComponent, DateTagModule, DateTags, DayTagComponent, DialogService, DrAccordionComponent, DrAccordionItemBodyComponent, DrAccordionItemComponent, DrAccordionItemHeaderComponent, DrAccordionModule, DrAvatarComponent, DrAvatarModule, DrAvatarPipe, DrButtonComponent, DrChatModule, DrDialogModule, DrDropdownComponent, DrDropdownDirective, DrDropdownItemShowPipe, DrDropdownModule, DrDropdownPositionDirective, DrDropdownService, DrErrorComponent, DrErrorModule, DrInputComponent, DrInputsModule, DrLayoutBodyComponent, DrLayoutComponent, DrLayoutHeaderComponent, DrLayoutModule, DrModelDebounceChangeDirective, DrPopoverAlignmentDimension, DrPopoverComponent, DrPopoverDirective, DrPopoverModule, DrPopoverRef, DrPopoverService, DrSelectComponent, DrSharedUtils, DrSpinnerComponent, DrSpinnerDirective, DrSpinnerModule, DrStepperModule, DrTabComponent, DrTabsComponent, DrTabsModule, DrTagComponent, DrTagModule, DrToggleButtonComponent, DrToggleComponent, DrTooltipDirective, DrTooltipModule, ForecastTagComponent, IMAGE_TYPES, ListTagComponent, ListTagModule, MonthTagComponent, QuarterTagComponent, RadioButtonComponent, RadioGroupComponent, SpinnerSize, SpinnerType, TagTypes, TimeframeOption, TooltipComponent, TooltipPosition, WeekTagComponent, YearTagComponent, components$2 as ɵa, POPUP_ANIMATION as ɵb, DrDatePickerComponent as ɵc, DrDatePickerService as ɵd, DrDatePickerWithTimeframeComponent as ɵe, DrDatePickerFormatDirective as ɵf, DrDatePickerCustomHeaderComponent as ɵg, DrShowTimeframePipe as ɵh, DrSelectAddItemComponent as ɵi, TooltipInfoComponent as ɵj, TooltipInfoSimpleComponent as ɵk, TooltipNoBodyComponent as ɵl, TooltipProcessDefaultComponent as ɵm, DrDynamicTagModule as ɵn, DrDynamicTagComponent as ɵo, StepperComponent as ɵp, DialogWrapperComponent as ɵq, DialogModalWrapperComponent as ɵr, DrChatComponent as ɵs, DrChatCustomMessageService as ɵt, DrChatMessageComponent as ɵu, DrChatFormComponent as ɵv, DrChatMessageTextComponent as ɵw, DrChatMessageFileComponent as ɵx,
|
|
5507
|
+
export { AnyTagComponent, CHAT_MESSAGE_TYPE, CalendarView, ChatMessage, ChatRole, CheckboxComponent, CustomDateFormat, DIALOG_BUTTON_LABEL, DIALOG_FIELD_TYPE, DIALOG_SIZE, DateFromats, DatePickerPeriodPosition, DateTagComponent, DateTagModule, DateTags, DayTagComponent, DialogService, DrAccordionComponent, DrAccordionItemBodyComponent, DrAccordionItemComponent, DrAccordionItemHeaderComponent, DrAccordionModule, DrAvatarComponent, DrAvatarModule, DrAvatarPipe, DrButtonComponent, DrChatModule, DrDialogModule, DrDropdownComponent, DrDropdownDirective, DrDropdownItemShowPipe, DrDropdownModule, DrDropdownPositionDirective, DrDropdownService, DrErrorComponent, DrErrorModule, DrInputComponent, DrInputsModule, DrLayoutBodyComponent, DrLayoutComponent, DrLayoutHeaderComponent, DrLayoutModule, DrModelDebounceChangeDirective, DrPopoverAlignmentDimension, DrPopoverComponent, DrPopoverDirective, DrPopoverModule, DrPopoverRef, DrPopoverService, DrSelectComponent, DrSharedUtils, DrSpinnerComponent, DrSpinnerDirective, DrSpinnerModule, DrStepperModule, DrTabComponent, DrTabsComponent, DrTabsModule, DrTagComponent, DrTagModule, DrToggleButtonComponent, DrToggleComponent, DrTooltipDirective, DrTooltipModule, ForecastTagComponent, IMAGE_TYPES, ListTagComponent, ListTagModule, MonthTagComponent, QuarterTagComponent, RadioButtonComponent, RadioGroupComponent, SpinnerSize, SpinnerType, TagTypes, TimeframeOption, TooltipComponent, TooltipPosition, WeekTagComponent, YearTagComponent, components$2 as ɵa, POPUP_ANIMATION as ɵb, DrDatePickerComponent as ɵc, DrDatePickerService as ɵd, DrDatePickerWithTimeframeComponent as ɵe, DrDatePickerFormatDirective as ɵf, DrDatePickerCustomHeaderComponent as ɵg, DrShowTimeframePipe as ɵh, DrSelectAddItemComponent as ɵi, TooltipInfoComponent as ɵj, TooltipInfoSimpleComponent as ɵk, TooltipNoBodyComponent as ɵl, TooltipProcessDefaultComponent as ɵm, DrDynamicTagModule as ɵn, DrDynamicTagComponent as ɵo, StepperComponent as ɵp, DialogWrapperComponent as ɵq, DialogModalWrapperComponent as ɵr, DrChatComponent as ɵs, DrChatCustomMessageService as ɵt, DrChatMessageComponent as ɵu, DrChatFormComponent as ɵv, DrChatMessageTextComponent as ɵw, DrChatMessageFileComponent as ɵx, DrChatSuggestionsComponent as ɵy, DrChatCustomMessageDirective as ɵz };
|
|
5473
5508
|
//# sourceMappingURL=datarailsshared-datarailsshared.js.map
|