@datarailsshared/datarailsshared 1.4.177 → 1.4.178
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/bundles/datarailsshared-datarailsshared.umd.js +17 -9
- package/bundles/datarailsshared-datarailsshared.umd.js.map +1 -1
- package/datarailsshared-datarailsshared-1.4.178.tgz +0 -0
- package/datarailsshared-datarailsshared.metadata.json +1 -1
- package/esm2015/lib/dr-chat/dr-chat-suggestions/chat-suggestions.component.js +19 -10
- package/fesm2015/datarailsshared-datarailsshared.js +17 -8
- package/fesm2015/datarailsshared-datarailsshared.js.map +1 -1
- package/lib/dr-chat/dr-chat-suggestions/chat-suggestions.component.d.ts +5 -3
- package/package.json +1 -1
- package/datarailsshared-datarailsshared-1.4.177.tgz +0 -0
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output,
|
|
1
|
+
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Input, Output, } from '@angular/core';
|
|
2
2
|
import * as _ from 'lodash';
|
|
3
3
|
export class DrChatSuggestionsComponent {
|
|
4
|
-
constructor() {
|
|
4
|
+
constructor(cdr) {
|
|
5
|
+
this.cdr = cdr;
|
|
5
6
|
this._nonHiddenValues = [];
|
|
6
7
|
this.visibleValues = [];
|
|
8
|
+
this.isSuggestedMenuOpen = false;
|
|
7
9
|
this.values = [];
|
|
8
10
|
this.fullScreen = false;
|
|
9
11
|
this.buttonMode = false;
|
|
@@ -28,11 +30,10 @@ export class DrChatSuggestionsComponent {
|
|
|
28
30
|
if (this.waitForReply) {
|
|
29
31
|
return;
|
|
30
32
|
}
|
|
33
|
+
this.isSuggestedMenuOpen = false;
|
|
31
34
|
this.suggestionSelect.emit(item);
|
|
32
35
|
this.hiddenValues = [...this.hiddenValues, item];
|
|
33
36
|
this.filterValues();
|
|
34
|
-
this.suggestionCardsList.nativeElement.style.visibility = 'hidden';
|
|
35
|
-
setTimeout(() => this.suggestionCardsList.nativeElement.style.visibility = '', 10);
|
|
36
37
|
}
|
|
37
38
|
filterValues() {
|
|
38
39
|
const hiddenValues = this.hiddenValues;
|
|
@@ -51,27 +52,35 @@ export class DrChatSuggestionsComponent {
|
|
|
51
52
|
const item = nonHiddenValues.splice(randomIndex, 1)[0];
|
|
52
53
|
this.visibleValues.push(item);
|
|
53
54
|
}
|
|
55
|
+
this.cdr.markForCheck();
|
|
54
56
|
}
|
|
55
57
|
clearHidden() {
|
|
56
58
|
localStorage.setItem('aiChatSuggestions', null);
|
|
57
59
|
this.filterValues();
|
|
58
60
|
}
|
|
61
|
+
toggleSuggestedMenu() {
|
|
62
|
+
this.isSuggestedMenuOpen = !this.isSuggestedMenuOpen;
|
|
63
|
+
if (this.isSuggestedMenuOpen) {
|
|
64
|
+
this.fillVisibleValues();
|
|
65
|
+
}
|
|
66
|
+
}
|
|
59
67
|
}
|
|
60
68
|
DrChatSuggestionsComponent.decorators = [
|
|
61
69
|
{ type: Component, args: [{
|
|
62
70
|
selector: 'dr-chat-suggestions',
|
|
63
|
-
template: "<div class=\"chat-suggestions\">\n <ng-container *ngIf=\"buttonMode; else suggestionCards\">\n <div class=\"chat-suggestions__container\"
|
|
71
|
+
template: "<div class=\"chat-suggestions\">\n <ng-container *ngIf=\"buttonMode; else suggestionCards\">\n <div class=\"chat-suggestions__container\"\n [class.chat-suggestions__container--opened]=\"isSuggestedMenuOpen\"\n *ngIf=\"visibleValues.length\">\n <dr-button theme=\"ghost\" class=\"chat-suggestions__container__button\" (click)=\"toggleSuggestedMenu()\">\n Suggested chats\n </dr-button>\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 visibleValues\"\n class=\"chat-suggestions__items__item\" (click)=\"onItemClick(item)\">\n {{ item }}\n </div>\n </div>\n</ng-template>\n",
|
|
64
72
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
65
|
-
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 24px}:host .chat-
|
|
73
|
+
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 24px}:host .chat-suggestions__container__button{z-index:3}:host .chat-suggestions__container__button::ng-deep button{background:#F2F2FB!important;border-radius:4px;cursor:pointer}:host .chat-suggestions__container .chat-suggestions__items{display:none;position:absolute;width:100%;bottom:0;left:0;padding-bottom:32px;z-index:2}:host .chat-suggestions__container--opened{width:100%}:host .chat-suggestions__container--opened .chat-suggestions__container__button::ng-deep button{color:#4646ce;background:#F2F2FB}:host .chat-suggestions__container--opened .chat-suggestions__items,:host .chat-suggestions__container--opened .chat-suggestions__items__background{display:flex}:host .chat-suggestions__items{display:flex;flex-wrap:wrap;width:100%;justify-content:space-between;padding:0 24px}:host .chat-suggestions__items__background{display:none;position:absolute;top:-32px;right:0;bottom:32px;left:0;background:#FFFFFF;opacity:.7;z-index:-1}:host .chat-suggestions__items__item{margin:0 0 20px;display:inline-flex;height:76px;width:275px;padding:16px;border-radius:8px;background:#F2F2FB;box-shadow:0 1px 2px #00000026;font-size:14px;line-height:24px;color:#25258c}:host .chat-suggestions__items__item:hover{cursor:pointer;background:#EAEAFF}\n"]
|
|
66
74
|
},] }
|
|
67
75
|
];
|
|
68
|
-
DrChatSuggestionsComponent.ctorParameters = () => [
|
|
76
|
+
DrChatSuggestionsComponent.ctorParameters = () => [
|
|
77
|
+
{ type: ChangeDetectorRef }
|
|
78
|
+
];
|
|
69
79
|
DrChatSuggestionsComponent.propDecorators = {
|
|
70
80
|
values: [{ type: Input }],
|
|
71
81
|
fullScreen: [{ type: Input }],
|
|
72
82
|
buttonMode: [{ type: Input }],
|
|
73
83
|
waitForReply: [{ type: Input }],
|
|
74
|
-
suggestionSelect: [{ type: Output }]
|
|
75
|
-
suggestionCardsList: [{ type: ViewChild, args: ['suggestionCardsList',] }]
|
|
84
|
+
suggestionSelect: [{ type: Output }]
|
|
76
85
|
};
|
|
77
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
86
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhdC1zdWdnZXN0aW9ucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kYXRhcmFpbHNzaGFyZWQvc3JjL2xpYi9kci1jaGF0L2RyLWNoYXQtc3VnZ2VzdGlvbnMvY2hhdC1zdWdnZXN0aW9ucy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxHQUNqRCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEtBQUssQ0FBQyxNQUFNLFFBQVEsQ0FBQztBQVE1QixNQUFNLE9BQU8sMEJBQTBCO0lBeUJuQyxZQUFvQixHQUFzQjtRQUF0QixRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQXZCMUMscUJBQWdCLEdBQWEsRUFBRSxDQUFDO1FBQ2hDLGtCQUFhLEdBQWEsRUFBRSxDQUFDO1FBQzdCLHdCQUFtQixHQUFHLEtBQUssQ0FBQztRQUNuQixXQUFNLEdBQWMsRUFBRSxDQUFDO1FBQ3ZCLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFDNUIsZUFBVSxHQUFZLEtBQUssQ0FBQztRQUVyQzs7OztXQUlHO1FBQ00saUJBQVksR0FBRyxLQUFLLENBQUM7UUFFcEIscUJBQWdCLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7SUFVOUUsQ0FBQztJQVJELElBQUksWUFBWTtRQUNaLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLG1CQUFtQixDQUFDLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdkUsQ0FBQztJQUNELElBQUksWUFBWSxDQUFDLE1BQU07UUFDbkIsWUFBWSxDQUFDLE9BQU8sQ0FBQyxtQkFBbUIsRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUM7SUFDdEUsQ0FBQztJQUtELFFBQVE7UUFDSixJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVELFdBQVcsQ0FBQyxJQUFZO1FBQ3BCLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRTtZQUNuQixPQUFPO1NBQ1Y7UUFDRCxJQUFJLENBQUMsbUJBQW1CLEdBQUcsS0FBSyxDQUFDO1FBQ2pDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDakMsSUFBSSxDQUFDLFlBQVksR0FBRyxDQUFDLEdBQUcsSUFBSSxDQUFDLFlBQVksRUFBRSxJQUFJLENBQUMsQ0FBQztRQUNqRCxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVELFlBQVk7UUFDUixNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDO1FBQ3ZDLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsR0FBRyxDQUFDLEVBQUUsQ0FBQyxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQztRQUNsRixJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUM3QixDQUFDO0lBRUQsaUJBQWlCO1FBQ2IsTUFBTSxhQUFhLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDOUMsTUFBTSxlQUFlLEdBQUcsQ0FBQyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUN2RCxJQUFJLENBQUMsYUFBYSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7UUFDOUIsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLGFBQWEsRUFBRSxDQUFDLEVBQUUsRUFBRTtZQUNwQyxJQUFJLENBQUMsZUFBZSxDQUFDLE1BQU0sRUFBRTtnQkFDekIsTUFBTTthQUNUO1lBQ0QsTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLEdBQUcsZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1lBQ3ZFLE1BQU0sSUFBSSxHQUFHLGVBQWUsQ0FBQyxNQUFNLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ3ZELElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1NBQ2pDO1FBQ0QsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRUQsV0FBVztRQUNQLFlBQVksQ0FBQyxPQUFPLENBQUMsbUJBQW1CLEVBQUUsSUFBSSxDQUFDLENBQUM7UUFDaEQsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFFRCxtQkFBbUI7UUFDZixJQUFJLENBQUMsbUJBQW1CLEdBQUcsQ0FBQyxJQUFJLENBQUMsbUJBQW1CLENBQUM7UUFDckQsSUFBSSxJQUFJLENBQUMsbUJBQW1CLEVBQUU7WUFDMUIsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7U0FDNUI7SUFDTCxDQUFDOzs7WUEvRUosU0FBUyxTQUFDO2dCQUNQLFFBQVEsRUFBRSxxQkFBcUI7Z0JBQy9CLGk3QkFBOEM7Z0JBRTlDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNOzthQUNsRDs7O1lBVkcsaUJBQWlCOzs7cUJBZ0JoQixLQUFLO3lCQUNMLEtBQUs7eUJBQ0wsS0FBSzsyQkFPTCxLQUFLOytCQUVMLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENoYW5nZURldGVjdG9yUmVmLFxuICAgIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0ICogYXMgXyBmcm9tICdsb2Rhc2gnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2RyLWNoYXQtc3VnZ2VzdGlvbnMnLFxuICAgIHRlbXBsYXRlVXJsOiAnY2hhdC1zdWdnZXN0aW9ucy5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vY2hhdC1zdWdnZXN0aW9ucy5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBEckNoYXRTdWdnZXN0aW9uc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgICBfbm9uSGlkZGVuVmFsdWVzOiBzdHJpbmdbXSA9IFtdO1xuICAgIHZpc2libGVWYWx1ZXM6IHN0cmluZ1tdID0gW107XG4gICAgaXNTdWdnZXN0ZWRNZW51T3BlbiA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIHZhbHVlczogc3RyaW5nIFtdID0gW107XG4gICAgQElucHV0KCkgZnVsbFNjcmVlbjogYm9vbGVhbiA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIGJ1dHRvbk1vZGU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAgIC8qKlxuICAgICAqIFBhcmFtZXRlciB0byBjaGVjayBpcyBzZW5kIG1lc3NhZ2UgZnVuY3Rpb24gYXZhaWxhYmxlXG4gICAgICpcbiAgICAgKiBAdHlwZSB7Ym9vbGVhbn1cbiAgICAgKi9cbiAgICBASW5wdXQoKSB3YWl0Rm9yUmVwbHkgPSBmYWxzZTtcblxuICAgIEBPdXRwdXQoKSBzdWdnZXN0aW9uU2VsZWN0OiBFdmVudEVtaXR0ZXI8c3RyaW5nPiA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gICAgZ2V0IGhpZGRlblZhbHVlcygpOiBzdHJpbmdbXSB7XG4gICAgICAgIHJldHVybiBKU09OLnBhcnNlKGxvY2FsU3RvcmFnZS5nZXRJdGVtKCdhaUNoYXRTdWdnZXN0aW9ucycpKSB8fCBbXTtcbiAgICB9XG4gICAgc2V0IGhpZGRlblZhbHVlcyh2YWx1ZXMpIHtcbiAgICAgICAgbG9jYWxTdG9yYWdlLnNldEl0ZW0oJ2FpQ2hhdFN1Z2dlc3Rpb25zJywgSlNPTi5zdHJpbmdpZnkodmFsdWVzKSk7XG4gICAgfVxuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIHRoaXMuZmlsdGVyVmFsdWVzKCk7XG4gICAgfVxuXG4gICAgb25JdGVtQ2xpY2soaXRlbTogc3RyaW5nKSB7XG4gICAgICAgIGlmICh0aGlzLndhaXRGb3JSZXBseSkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMuaXNTdWdnZXN0ZWRNZW51T3BlbiA9IGZhbHNlO1xuICAgICAgICB0aGlzLnN1Z2dlc3Rpb25TZWxlY3QuZW1pdChpdGVtKTtcbiAgICAgICAgdGhpcy5oaWRkZW5WYWx1ZXMgPSBbLi4udGhpcy5oaWRkZW5WYWx1ZXMsIGl0ZW1dO1xuICAgICAgICB0aGlzLmZpbHRlclZhbHVlcygpO1xuICAgIH1cblxuICAgIGZpbHRlclZhbHVlcygpIHtcbiAgICAgICAgY29uc3QgaGlkZGVuVmFsdWVzID0gdGhpcy5oaWRkZW5WYWx1ZXM7XG4gICAgICAgIHRoaXMuX25vbkhpZGRlblZhbHVlcyA9IF8uZmlsdGVyKHRoaXMudmFsdWVzLCB2YWwgPT4gIWhpZGRlblZhbHVlcy5pbmNsdWRlcyh2YWwpKTtcbiAgICAgICAgdGhpcy5maWxsVmlzaWJsZVZhbHVlcygpO1xuICAgIH1cblxuICAgIGZpbGxWaXNpYmxlVmFsdWVzKCkge1xuICAgICAgICBjb25zdCBtYXhJdGVtc0NvdW50ID0gdGhpcy5mdWxsU2NyZWVuID8gNiA6IDQ7XG4gICAgICAgIGNvbnN0IG5vbkhpZGRlblZhbHVlcyA9IF8uY2xvbmUodGhpcy5fbm9uSGlkZGVuVmFsdWVzKTtcbiAgICAgICAgdGhpcy52aXNpYmxlVmFsdWVzLmxlbmd0aCA9IDA7XG4gICAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgbWF4SXRlbXNDb3VudDsgaSsrKSB7XG4gICAgICAgICAgICBpZiAoIW5vbkhpZGRlblZhbHVlcy5sZW5ndGgpIHtcbiAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGNvbnN0IHJhbmRvbUluZGV4ID0gTWF0aC5mbG9vcihNYXRoLnJhbmRvbSgpICogbm9uSGlkZGVuVmFsdWVzLmxlbmd0aCk7XG4gICAgICAgICAgICBjb25zdCBpdGVtID0gbm9uSGlkZGVuVmFsdWVzLnNwbGljZShyYW5kb21JbmRleCwgMSlbMF07XG4gICAgICAgICAgICB0aGlzLnZpc2libGVWYWx1ZXMucHVzaChpdGVtKTtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgICB9XG5cbiAgICBjbGVhckhpZGRlbigpIHtcbiAgICAgICAgbG9jYWxTdG9yYWdlLnNldEl0ZW0oJ2FpQ2hhdFN1Z2dlc3Rpb25zJywgbnVsbCk7XG4gICAgICAgIHRoaXMuZmlsdGVyVmFsdWVzKCk7XG4gICAgfVxuXG4gICAgdG9nZ2xlU3VnZ2VzdGVkTWVudSgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5pc1N1Z2dlc3RlZE1lbnVPcGVuID0gIXRoaXMuaXNTdWdnZXN0ZWRNZW51T3BlbjtcbiAgICAgICAgaWYgKHRoaXMuaXNTdWdnZXN0ZWRNZW51T3Blbikge1xuICAgICAgICAgICAgdGhpcy5maWxsVmlzaWJsZVZhbHVlcygpO1xuICAgICAgICB9XG4gICAgfVxufVxuIl19
|
|
@@ -5661,9 +5661,11 @@ DrChatMessageComponent.propDecorators = {
|
|
|
5661
5661
|
};
|
|
5662
5662
|
|
|
5663
5663
|
class DrChatSuggestionsComponent {
|
|
5664
|
-
constructor() {
|
|
5664
|
+
constructor(cdr) {
|
|
5665
|
+
this.cdr = cdr;
|
|
5665
5666
|
this._nonHiddenValues = [];
|
|
5666
5667
|
this.visibleValues = [];
|
|
5668
|
+
this.isSuggestedMenuOpen = false;
|
|
5667
5669
|
this.values = [];
|
|
5668
5670
|
this.fullScreen = false;
|
|
5669
5671
|
this.buttonMode = false;
|
|
@@ -5688,11 +5690,10 @@ class DrChatSuggestionsComponent {
|
|
|
5688
5690
|
if (this.waitForReply) {
|
|
5689
5691
|
return;
|
|
5690
5692
|
}
|
|
5693
|
+
this.isSuggestedMenuOpen = false;
|
|
5691
5694
|
this.suggestionSelect.emit(item);
|
|
5692
5695
|
this.hiddenValues = [...this.hiddenValues, item];
|
|
5693
5696
|
this.filterValues();
|
|
5694
|
-
this.suggestionCardsList.nativeElement.style.visibility = 'hidden';
|
|
5695
|
-
setTimeout(() => this.suggestionCardsList.nativeElement.style.visibility = '', 10);
|
|
5696
5697
|
}
|
|
5697
5698
|
filterValues() {
|
|
5698
5699
|
const hiddenValues = this.hiddenValues;
|
|
@@ -5711,28 +5712,36 @@ class DrChatSuggestionsComponent {
|
|
|
5711
5712
|
const item = nonHiddenValues.splice(randomIndex, 1)[0];
|
|
5712
5713
|
this.visibleValues.push(item);
|
|
5713
5714
|
}
|
|
5715
|
+
this.cdr.markForCheck();
|
|
5714
5716
|
}
|
|
5715
5717
|
clearHidden() {
|
|
5716
5718
|
localStorage.setItem('aiChatSuggestions', null);
|
|
5717
5719
|
this.filterValues();
|
|
5718
5720
|
}
|
|
5721
|
+
toggleSuggestedMenu() {
|
|
5722
|
+
this.isSuggestedMenuOpen = !this.isSuggestedMenuOpen;
|
|
5723
|
+
if (this.isSuggestedMenuOpen) {
|
|
5724
|
+
this.fillVisibleValues();
|
|
5725
|
+
}
|
|
5726
|
+
}
|
|
5719
5727
|
}
|
|
5720
5728
|
DrChatSuggestionsComponent.decorators = [
|
|
5721
5729
|
{ type: Component, args: [{
|
|
5722
5730
|
selector: 'dr-chat-suggestions',
|
|
5723
|
-
template: "<div class=\"chat-suggestions\">\n <ng-container *ngIf=\"buttonMode; else suggestionCards\">\n <div class=\"chat-suggestions__container\"
|
|
5731
|
+
template: "<div class=\"chat-suggestions\">\n <ng-container *ngIf=\"buttonMode; else suggestionCards\">\n <div class=\"chat-suggestions__container\"\n [class.chat-suggestions__container--opened]=\"isSuggestedMenuOpen\"\n *ngIf=\"visibleValues.length\">\n <dr-button theme=\"ghost\" class=\"chat-suggestions__container__button\" (click)=\"toggleSuggestedMenu()\">\n Suggested chats\n </dr-button>\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 visibleValues\"\n class=\"chat-suggestions__items__item\" (click)=\"onItemClick(item)\">\n {{ item }}\n </div>\n </div>\n</ng-template>\n",
|
|
5724
5732
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
5725
|
-
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 24px}:host .chat-
|
|
5733
|
+
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 24px}:host .chat-suggestions__container__button{z-index:3}:host .chat-suggestions__container__button::ng-deep button{background:#F2F2FB!important;border-radius:4px;cursor:pointer}:host .chat-suggestions__container .chat-suggestions__items{display:none;position:absolute;width:100%;bottom:0;left:0;padding-bottom:32px;z-index:2}:host .chat-suggestions__container--opened{width:100%}:host .chat-suggestions__container--opened .chat-suggestions__container__button::ng-deep button{color:#4646ce;background:#F2F2FB}:host .chat-suggestions__container--opened .chat-suggestions__items,:host .chat-suggestions__container--opened .chat-suggestions__items__background{display:flex}:host .chat-suggestions__items{display:flex;flex-wrap:wrap;width:100%;justify-content:space-between;padding:0 24px}:host .chat-suggestions__items__background{display:none;position:absolute;top:-32px;right:0;bottom:32px;left:0;background:#FFFFFF;opacity:.7;z-index:-1}:host .chat-suggestions__items__item{margin:0 0 20px;display:inline-flex;height:76px;width:275px;padding:16px;border-radius:8px;background:#F2F2FB;box-shadow:0 1px 2px #00000026;font-size:14px;line-height:24px;color:#25258c}:host .chat-suggestions__items__item:hover{cursor:pointer;background:#EAEAFF}\n"]
|
|
5726
5734
|
},] }
|
|
5727
5735
|
];
|
|
5728
|
-
DrChatSuggestionsComponent.ctorParameters = () => [
|
|
5736
|
+
DrChatSuggestionsComponent.ctorParameters = () => [
|
|
5737
|
+
{ type: ChangeDetectorRef }
|
|
5738
|
+
];
|
|
5729
5739
|
DrChatSuggestionsComponent.propDecorators = {
|
|
5730
5740
|
values: [{ type: Input }],
|
|
5731
5741
|
fullScreen: [{ type: Input }],
|
|
5732
5742
|
buttonMode: [{ type: Input }],
|
|
5733
5743
|
waitForReply: [{ type: Input }],
|
|
5734
|
-
suggestionSelect: [{ type: Output }]
|
|
5735
|
-
suggestionCardsList: [{ type: ViewChild, args: ['suggestionCardsList',] }]
|
|
5744
|
+
suggestionSelect: [{ type: Output }]
|
|
5736
5745
|
};
|
|
5737
5746
|
|
|
5738
5747
|
class DrChatComponent {
|