@datarailsshared/datarailsshared 1.4.176 → 1.4.178

package/bundles/datarailsshared-datarailsshared.umd.js

@@ -613,13 +613,13 @@
         }
         Object.defineProperty(MonthTagComponent.prototype, "isLocked", {
             get: function () {
-                return this.date ? !this.dateFilter(moment$7.unix(this.date).utc()) : false;
+                return this.date ? !this.dateFilter(moment$7.unix(this.date)) : false;
             },
             enumerable: false,
             configurable: true
         });
         MonthTagComponent.prototype.initDate = function () {
-            this.date = this.defaultValue || moment$7().utc().unix();
+            this.date = this.defaultValue || moment$7().unix();
             this.dateObj.date = this.date;
         };
         MonthTagComponent.prototype.initName = function () {
@@ -628,7 +628,7 @@
             }
         };
         MonthTagComponent.prototype.chosenTagHandler = function (value) {
-            var resultDate = moment$7.unix(value).utc();
+            var resultDate = moment$7.unix(value);
             resultDate.hour(12);
             var resultTag = {
                 name: this.name,
@@ -687,7 +687,7 @@
             get: function () {
                 var _this = this;
                 return this.quarters
-                    ? this.quarters.some(function (quarter) { return !_this.dateFilter(moment$6.unix(quarter.value).utc()); })
+                    ? this.quarters.some(function (quarter) { return !_this.dateFilter(moment$6.unix(quarter.value)); })
                     : false;
             },
             enumerable: false,
@@ -722,7 +722,7 @@
             }
         };
         QuarterTagComponent.prototype.chosenTagHandler = function (quarter) {
-            var resultDate = moment$6.unix(quarter.value).utc();
+            var resultDate = moment$6.unix(quarter.value);
             var resultTag = {
                 name: this.name,
                 value: resultDate.unix(),
@@ -817,14 +817,14 @@
         }
         Object.defineProperty(WeekTagComponent.prototype, "isLocked", {
             get: function () {
-                return this.date ? !this.dateFilter(moment$5.unix(this.date).utc()) : false;
+                return this.date ? !this.dateFilter(moment$5.unix(this.date)) : false;
             },
             enumerable: false,
             configurable: true
         });
         WeekTagComponent.prototype.ngOnInit = function () {
             this.initName();
-            var timestamp = this.defaultValue || moment$5().utc().unix();
+            var timestamp = this.defaultValue || moment$5().unix();
             this.date = timestamp;
             this.dateObj.date = timestamp;
             this.chosenTagHandler(timestamp);
@@ -844,7 +844,7 @@
         };
         ;
         WeekTagComponent.prototype.chosenTagHandler = function (value) {
-            var resultDate = moment$5.unix(value).utc();
+            var resultDate = moment$5.unix(value);
             var resultTag = {
                 name: this.name,
                 value: resultDate.unix(),
@@ -903,13 +903,13 @@
         }
         Object.defineProperty(YearTagComponent.prototype, "isLocked", {
             get: function () {
-                return this.date ? !this.dateFilter(moment$4.unix(this.date).utc()) : false;
+                return this.date ? !this.dateFilter(moment$4.unix(this.date)) : false;
             },
             enumerable: false,
             configurable: true
         });
         YearTagComponent.prototype.initDate = function () {
-            this.date = this.defaultValue || moment$4().utc().unix();
+            this.date = this.defaultValue || moment$4().unix();
             this.dateObj.date = this.date;
         };
         YearTagComponent.prototype.initName = function () {
@@ -918,7 +918,7 @@
             }
         };
         YearTagComponent.prototype.chosenTagHandler = function (value) {
-            var resultDate = moment$4.unix(value).utc();
+            var resultDate = moment$4.unix(value);
             resultDate.hour(12);
             var resultTag = {
                 name: this.name,
@@ -1221,13 +1221,13 @@
         }
         Object.defineProperty(DayTagComponent.prototype, "isLocked", {
             get: function () {
-                return this.date ? !this.dateFilter(moment$3.unix(this.date).utc()) : false;
+                return this.date ? !this.dateFilter(moment$3.unix(this.date)) : false;
             },
             enumerable: false,
             configurable: true
         });
         DayTagComponent.prototype.initDate = function () {
-            this.date = this.defaultValue || moment$3().utc().unix();
+            this.date = this.defaultValue || moment$3().unix();
             this.dateObj.date = this.date;
         };
         DayTagComponent.prototype.initName = function () {
@@ -1236,7 +1236,7 @@
             }
         };
         DayTagComponent.prototype.chosenTagHandler = function (value) {
-            var date = moment$3.unix(value).utc();
+            var date = moment$3.unix(value);
             var resultTag = {
                 name: this.name,
                 value: date.unix(),
@@ -5704,6 +5704,7 @@
                         forms.ReactiveFormsModule,
                         common.CommonModule,
                         ngSelect.NgSelectModule,
+                        core.MatNativeDateModule,
                         datepicker.MatDatepickerModule,
                         tooltip.MatTooltipModule,
                         DrTooltipModule
@@ -6465,9 +6466,11 @@
     };
 
     var DrChatSuggestionsComponent = /** @class */ (function () {
-        function DrChatSuggestionsComponent() {
+        function DrChatSuggestionsComponent(cdr) {
+            this.cdr = cdr;
             this._nonHiddenValues = [];
             this.visibleValues = [];
+            this.isSuggestedMenuOpen = false;
             this.values = [];
             this.fullScreen = false;
             this.buttonMode = false;
@@ -6493,15 +6496,13 @@
             this.filterValues();
         };
         DrChatSuggestionsComponent.prototype.onItemClick = function (item) {
-            var _this = this;
             if (this.waitForReply) {
                 return;
             }
+            this.isSuggestedMenuOpen = false;
             this.suggestionSelect.emit(item);
             this.hiddenValues = __spreadArray(__spreadArray([], __read(this.hiddenValues)), [item]);
             this.filterValues();
-            this.suggestionCardsList.nativeElement.style.visibility = 'hidden';
-            setTimeout(function () { return _this.suggestionCardsList.nativeElement.style.visibility = ''; }, 10);
         };
         DrChatSuggestionsComponent.prototype.filterValues = function () {
             var hiddenValues = this.hiddenValues;
@@ -6520,29 +6521,37 @@
                 var item = nonHiddenValues.splice(randomIndex, 1)[0];
                 this.visibleValues.push(item);
             }
+            this.cdr.markForCheck();
         };
         DrChatSuggestionsComponent.prototype.clearHidden = function () {
             localStorage.setItem('aiChatSuggestions', null);
             this.filterValues();
         };
+        DrChatSuggestionsComponent.prototype.toggleSuggestedMenu = function () {
+            this.isSuggestedMenuOpen = !this.isSuggestedMenuOpen;
+            if (this.isSuggestedMenuOpen) {
+                this.fillVisibleValues();
+            }
+        };
         return DrChatSuggestionsComponent;
     }());
     DrChatSuggestionsComponent.decorators = [
         { type: i0.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: i0.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 = function () { return []; };
+    DrChatSuggestionsComponent.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef }
+    ]; };
     DrChatSuggestionsComponent.propDecorators = {
         values: [{ type: i0.Input }],
         fullScreen: [{ type: i0.Input }],
         buttonMode: [{ type: i0.Input }],
         waitForReply: [{ type: i0.Input }],
-        suggestionSelect: [{ type: i0.Output }],
-        suggestionCardsList: [{ type: i0.ViewChild, args: ['suggestionCardsList',] }]
+        suggestionSelect: [{ type: i0.Output }]
     };
 
     var DrChatComponent = /** @class */ (function () {