@datarailsshared/datarailsshared 1.4.176 → 1.4.178

package/fesm2015/datarailsshared-datarailsshared.js

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, Component, ViewEncapsulation, Input, Output, HostBinding, ChangeDetectionStrategy, ChangeDetectorRef, forwardRef, ElementRef, Inject, PLATFORM_ID, ContentChildren, Renderer2, ViewChild, ContentChild, Pipe, TemplateRef, HostListener, Directive, ComponentFactoryResolver, ViewContainerRef, Injector, Injectable, Host, Optional, NgModule } from '@angular/core';
-import { DateAdapter, MAT_DATE_LOCALE, MAT_DATE_FORMATS } from '@angular/material/core';
+import { DateAdapter, MAT_DATE_LOCALE, MAT_DATE_FORMATS, MatNativeDateModule } from '@angular/material/core';
 import { MomentDateAdapter, MAT_MOMENT_DATE_ADAPTER_OPTIONS } from '@angular/material-moment-adapter';
 import * as _ from 'lodash';
 import { find, map, merge, forEach, some, orderBy, cloneDeep, filter as filter$1, indexOf, reduce, isObject, isNil, isNumber, includes } from 'lodash';
@@ -269,10 +269,10 @@ class MonthTagComponent extends AnyTagComponent {
         this.lockedDate = [];
     }
     get isLocked() {
-        return this.date ? !this.dateFilter(moment$7.unix(this.date).utc()) : false;
+        return this.date ? !this.dateFilter(moment$7.unix(this.date)) : false;
     }
     initDate() {
-        this.date = this.defaultValue || moment$7().utc().unix();
+        this.date = this.defaultValue || moment$7().unix();
         this.dateObj.date = this.date;
     }
     initName() {
@@ -281,7 +281,7 @@ class MonthTagComponent extends AnyTagComponent {
         }
     }
     chosenTagHandler(value) {
-        const resultDate = moment$7.unix(value).utc();
+        const resultDate = moment$7.unix(value);
         resultDate.hour(12);
         const resultTag = {
             name: this.name,
@@ -335,7 +335,7 @@ class QuarterTagComponent extends AnyTagComponent {
     }
     get isLocked() {
         return this.quarters
-            ? this.quarters.some((quarter) => !this.dateFilter(moment$6.unix(quarter.value).utc()))
+            ? this.quarters.some((quarter) => !this.dateFilter(moment$6.unix(quarter.value)))
             : false;
     }
     ngOnInit() {
@@ -356,7 +356,7 @@ class QuarterTagComponent extends AnyTagComponent {
         }
     }
     chosenTagHandler(quarter) {
-        const resultDate = moment$6.unix(quarter.value).utc();
+        const resultDate = moment$6.unix(quarter.value);
         const resultTag = {
             name: this.name,
             value: resultDate.unix(),
@@ -447,11 +447,11 @@ class WeekTagComponent extends AnyTagComponent {
         this.lockedDate = [];
     }
     get isLocked() {
-        return this.date ? !this.dateFilter(moment$5.unix(this.date).utc()) : false;
+        return this.date ? !this.dateFilter(moment$5.unix(this.date)) : false;
     }
     ngOnInit() {
         this.initName();
-        const timestamp = this.defaultValue || moment$5().utc().unix();
+        const timestamp = this.defaultValue || moment$5().unix();
         this.date = timestamp;
         this.dateObj.date = timestamp;
         this.chosenTagHandler(timestamp);
@@ -471,7 +471,7 @@ class WeekTagComponent extends AnyTagComponent {
     }
     ;
     chosenTagHandler(value) {
-        const resultDate = moment$5.unix(value).utc();
+        const resultDate = moment$5.unix(value);
         const resultTag = {
             name: this.name,
             value: resultDate.unix(),
@@ -526,10 +526,10 @@ class YearTagComponent extends AnyTagComponent {
         this.lockedDate = [];
     }
     get isLocked() {
-        return this.date ? !this.dateFilter(moment$4.unix(this.date).utc()) : false;
+        return this.date ? !this.dateFilter(moment$4.unix(this.date)) : false;
     }
     initDate() {
-        this.date = this.defaultValue || moment$4().utc().unix();
+        this.date = this.defaultValue || moment$4().unix();
         this.dateObj.date = this.date;
     }
     initName() {
@@ -538,7 +538,7 @@ class YearTagComponent extends AnyTagComponent {
         }
     }
     chosenTagHandler(value) {
-        const resultDate = moment$4.unix(value).utc();
+        const resultDate = moment$4.unix(value);
         resultDate.hour(12);
         const resultTag = {
             name: this.name,
@@ -829,10 +829,10 @@ class DayTagComponent extends AnyTagComponent {
         this.lockedDate = [];
     }
     get isLocked() {
-        return this.date ? !this.dateFilter(moment$3.unix(this.date).utc()) : false;
+        return this.date ? !this.dateFilter(moment$3.unix(this.date)) : false;
     }
     initDate() {
-        this.date = this.defaultValue || moment$3().utc().unix();
+        this.date = this.defaultValue || moment$3().unix();
         this.dateObj.date = this.date;
     }
     initName() {
@@ -841,7 +841,7 @@ class DayTagComponent extends AnyTagComponent {
         }
     }
     chosenTagHandler(value) {
-        const date = moment$3.unix(value).utc();
+        const date = moment$3.unix(value);
         const resultTag = {
             name: this.name,
             value: date.unix(),
@@ -4981,6 +4981,7 @@ DrInputsModule.decorators = [
                     ReactiveFormsModule,
                     CommonModule,
                     NgSelectModule,
+                    MatNativeDateModule,
                     MatDatepickerModule,
                     MatTooltipModule,
                     DrTooltipModule
@@ -5660,9 +5661,11 @@ DrChatMessageComponent.propDecorators = {
 };
 
 class DrChatSuggestionsComponent {
-    constructor() {
+    constructor(cdr) {
+        this.cdr = cdr;
         this._nonHiddenValues = [];
         this.visibleValues = [];
+        this.isSuggestedMenuOpen = false;
         this.values = [];
         this.fullScreen = false;
         this.buttonMode = false;
@@ -5687,11 +5690,10 @@ class DrChatSuggestionsComponent {
         if (this.waitForReply) {
             return;
         }
+        this.isSuggestedMenuOpen = false;
         this.suggestionSelect.emit(item);
         this.hiddenValues = [...this.hiddenValues, item];
         this.filterValues();
-        this.suggestionCardsList.nativeElement.style.visibility = 'hidden';
-        setTimeout(() => this.suggestionCardsList.nativeElement.style.visibility = '', 10);
     }
     filterValues() {
         const hiddenValues = this.hiddenValues;
@@ -5710,28 +5712,36 @@ class DrChatSuggestionsComponent {
             const item = nonHiddenValues.splice(randomIndex, 1)[0];
             this.visibleValues.push(item);
         }
+        this.cdr.markForCheck();
     }
     clearHidden() {
         localStorage.setItem('aiChatSuggestions', null);
         this.filterValues();
     }
+    toggleSuggestedMenu() {
+        this.isSuggestedMenuOpen = !this.isSuggestedMenuOpen;
+        if (this.isSuggestedMenuOpen) {
+            this.fillVisibleValues();
+        }
+    }
 }
 DrChatSuggestionsComponent.decorators = [
     { type: Component, args: [{
                 selector: 'dr-chat-suggestions',
-                template: "<div class=\"chat-suggestions\">\n    <ng-container *ngIf=\"buttonMode; else suggestionCards\">\n        <div class=\"chat-suggestions__container\" (mouseenter)=\"fillVisibleValues()\">\n            <dr-button theme=\"ghost\" class=\"chat-suggestions__container__button\">\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\" #suggestionCardsList>\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",
+                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",
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                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:hover{width:100%}:host .chat-suggestions__container:hover .chat-suggestions__container__button::ng-deep button{color:#4646ce;background:#f2f2fb}:host .chat-suggestions__container:hover .chat-suggestions__items,:host .chat-suggestions__container:hover .chat-suggestions__items__background{display:flex}:host .chat-suggestions__container__button::ng-deep button{background:#F2F2FF!important;border-radius:4px}: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__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:white;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:#F2F2FF;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"]
+                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"]
             },] }
 ];
-DrChatSuggestionsComponent.ctorParameters = () => [];
+DrChatSuggestionsComponent.ctorParameters = () => [
+    { type: ChangeDetectorRef }
+];
 DrChatSuggestionsComponent.propDecorators = {
     values: [{ type: Input }],
     fullScreen: [{ type: Input }],
     buttonMode: [{ type: Input }],
     waitForReply: [{ type: Input }],
-    suggestionSelect: [{ type: Output }],
-    suggestionCardsList: [{ type: ViewChild, args: ['suggestionCardsList',] }]
+    suggestionSelect: [{ type: Output }]
 };
 
 class DrChatComponent {