@datorama/core 22.2.6 → 22.5.1

package/fesm5/datorama-core.js

@@ -8549,8 +8549,8 @@ var DatoSelectComponent = /** @class */ (function (_super) {
             }
         }
         this.onChange(this._model);
-        this.datoOverlay.scheduleUpdate();
         this.cdr.markForCheck();
+        this.asyncUpdateDropdownPosition();
     };
     DatoSelectComponent.prototype.reorderOptions = function (newOrder) {
         this._model = newOrder;
@@ -8571,9 +8571,7 @@ var DatoSelectComponent = /** @class */ (function (_super) {
         updateDisabled && this.updateDisabledState();
         this.onChange(this._model);
         this.cdr.markForCheck();
-        if (this.datoOverlay.attached) {
-            this.datoOverlay.scheduleUpdate();
-        }
+        this.asyncUpdateDropdownPosition();
     };
     DatoSelectComponent.prototype.preventBodyScroll = function (event) {
         if (isArrowUpDown(event)) {
@@ -8828,7 +8826,7 @@ var DatoSelectComponent = /** @class */ (function (_super) {
                     _this.searchTerm = value;
                     _this.keyManager.setActiveItem(-1);
                     _this.cdr.markForCheck();
-                    _this.datoOverlay && _this.datoOverlay.scheduleUpdate();
+                    _this.asyncUpdateDropdownPosition();
                 });
     };
     /**
@@ -8932,7 +8930,7 @@ var DatoSelectComponent = /** @class */ (function (_super) {
         updateDisabled && this.updateDisabledState();
         this.onChange(this._model);
         this.cdr.markForCheck();
-        this.datoOverlay.scheduleUpdate();
+        this.asyncUpdateDropdownPosition();
     };
     DatoSelectComponent.prototype.activateInfiniteScroll = function () {
         var _this = this;
@@ -8985,6 +8983,14 @@ var DatoSelectComponent = /** @class */ (function (_super) {
             finally { if (e_9) throw e_9.error; }
         }
     };
+    // Make sure the overlay will be update AFTER Change Detection was done
+    // So the items in the input (and its height) is update
+    DatoSelectComponent.prototype.asyncUpdateDropdownPosition = function () {
+        var _this = this;
+        if (this.datoOverlay && this.datoOverlay.attached) {
+            setTimeout(function () { return _this.datoOverlay.scheduleUpdate(); }, 0);
+        }
+    };
     DatoSelectComponent.ctorParameters = function () { return [
         { type: ChangeDetectorRef },
         { type: DatoTranslateService },
@@ -18271,9 +18277,11 @@ var DatoDatePickerContainerComponent = /** @class */ (function (_super) {
                 .subscribe(function (event) {
                 _this.toggle.emit(event);
                 _this.open = false;
+                _this.cdr.detectChanges();
                 _this.input && _this.setInputValue();
             });
             this.open = true;
+            this.cdr.detectChanges();
             this.input && this.handleEnter();
         }
     };
@@ -18327,9 +18335,7 @@ var DatoDatePickerContainerComponent = /** @class */ (function (_super) {
     };
     DatoDatePickerContainerComponent.prototype.handleEnter = function () {
         var _this = this;
-        this.input.keydown$
-            .pipe(filter$1(isEnter), takeUntil(this.toggle))
-            .subscribe(function () {
+        this.input.keydown$.pipe(filter$1(isEnter), takeUntil(this.toggle)).subscribe(function () {
             _this.setInputValue();
             _this.popover.closeById(DATE_PICKER_POPOVER_ID);
             _this.input.blur();
@@ -18394,7 +18400,7 @@ var DatoDatePickerContainerComponent = /** @class */ (function (_super) {
     DatoDatePickerContainerComponent = __decorate([
         Component({
             selector: 'dato-date-picker',
-            template: "<div class=\"d-flex {{ triggerStyle }} items-center dato-date-picker-trigger\" (click)=\"openDatepicker(origin)\" #origin\n     [class.pointer]=\"!viewMode\">\n    <ng-template #defaultView>\n      <dato-icon datoIcon=\"calendarcore\" width=\"16px\" class=\"primary-400-color\"></dato-icon>\n      <div class=\"ellipsis\"\n           [datoTooltip]=\"dateLabel + ' ' + dateRange\"\n           [datoTooltipPosition]=\"labelTooltipPosition\"\n           [datoTooltipOnTextOverflow]=\"true\">\n        <span class=\"dato-note date-label\" *ngIf=\"dateLabel\">{{dateLabel | translate}}&nbsp;</span>\n        <span class=\"dato-note date-range\">{{dateRange}}</span>\n      </div>\n    </ng-template>\n\n    <ng-template [ngTemplateOutlet]=\"triggerTpl ? triggerTpl : defaultView\"\n                 [ngTemplateOutletContext]=\"{label: dateLabel, range: dateRange, icon: 'calendar'}\"></ng-template>\n  </div>\n",
+            template: "<div class=\"d-flex {{ triggerStyle }} items-center dato-date-picker-trigger\" [class.open]=\"open\" (click)=\"openDatepicker(origin)\" #origin\n     [class.pointer]=\"!viewMode\">\n    <ng-template #defaultView>\n      <dato-icon datoIcon=\"calendarcore\" width=\"16px\" class=\"primary-400-color\"></dato-icon>\n      <div class=\"ellipsis\"\n           [datoTooltip]=\"dateLabel + ' ' + dateRange\"\n           [datoTooltipPosition]=\"labelTooltipPosition\"\n           [datoTooltipOnTextOverflow]=\"true\">\n        <span class=\"dato-note date-label\" *ngIf=\"dateLabel\">{{dateLabel | translate}}&nbsp;</span>\n        <span class=\"dato-note date-range\">{{dateRange}}</span>\n      </div>\n    </ng-template>\n\n    <ng-template [ngTemplateOutlet]=\"triggerTpl ? triggerTpl : defaultView\"\n                 [ngTemplateOutletContext]=\"{label: dateLabel, range: dateRange, icon: 'calendar'}\"></ng-template>\n  </div>\n",
             changeDetection: ChangeDetectionStrategy.OnPush
         }),
         __param(0, Self()), __param(0, Optional()),
@@ -25187,7 +25193,7 @@ function fixNgLeaks() {
     };
 }
 
-window.coreVersion = '22.2.6';
+window.coreVersion = '22.5.1';
 
 /**
  * @license