@datorama/core 22.2.6 → 22.5.1

package/fesm2015/datorama-core.js

@@ -7592,8 +7592,8 @@ let DatoSelectComponent = class DatoSelectComponent extends BaseCustomControl {
             }
         }
         this.onChange(this._model);
-        this.datoOverlay.scheduleUpdate();
         this.cdr.markForCheck();
+        this.asyncUpdateDropdownPosition();
     }
     reorderOptions(newOrder) {
         this._model = newOrder;
@@ -7613,9 +7613,7 @@ let DatoSelectComponent = class DatoSelectComponent extends BaseCustomControl {
         updateDisabled && this.updateDisabledState();
         this.onChange(this._model);
         this.cdr.markForCheck();
-        if (this.datoOverlay.attached) {
-            this.datoOverlay.scheduleUpdate();
-        }
+        this.asyncUpdateDropdownPosition();
     }
     preventBodyScroll(event) {
         if (isArrowUpDown(event)) {
@@ -7812,7 +7810,7 @@ let DatoSelectComponent = class DatoSelectComponent extends BaseCustomControl {
                     this.searchTerm = value;
                     this.keyManager.setActiveItem(-1);
                     this.cdr.markForCheck();
-                    this.datoOverlay && this.datoOverlay.scheduleUpdate();
+                    this.asyncUpdateDropdownPosition();
                 });
     }
     /**
@@ -7900,7 +7898,7 @@ let DatoSelectComponent = class DatoSelectComponent extends BaseCustomControl {
         updateDisabled && this.updateDisabledState();
         this.onChange(this._model);
         this.cdr.markForCheck();
-        this.datoOverlay.scheduleUpdate();
+        this.asyncUpdateDropdownPosition();
     }
     activateInfiniteScroll() {
         this.infiniteSubscription = fromEvent(document.querySelector('.dato-select__dropdown'), 'scroll')
@@ -7941,6 +7939,13 @@ let DatoSelectComponent = class DatoSelectComponent extends BaseCustomControl {
             }
         }
     }
+    // Make sure the overlay will be update AFTER Change Detection was done
+    // So the items in the input (and its height) is update
+    asyncUpdateDropdownPosition() {
+        if (this.datoOverlay && this.datoOverlay.attached) {
+            setTimeout(() => this.datoOverlay.scheduleUpdate(), 0);
+        }
+    }
 };
 DatoSelectComponent.ctorParameters = () => [
     { type: ChangeDetectorRef },
@@ -16308,9 +16313,11 @@ let DatoDatePickerContainerComponent = class DatoDatePickerContainerComponent ex
                 .subscribe(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();
         }
     }
@@ -16363,9 +16370,7 @@ let DatoDatePickerContainerComponent = class DatoDatePickerContainerComponent ex
         this.initialInputValue = currentValue;
     }
     handleEnter() {
-        this.input.keydown$
-            .pipe(filter$1(isEnter), takeUntil(this.toggle))
-            .subscribe(() => {
+        this.input.keydown$.pipe(filter$1(isEnter), takeUntil(this.toggle)).subscribe(() => {
             this.setInputValue();
             this.popover.closeById(DATE_PICKER_POPOVER_ID);
             this.input.blur();
@@ -16431,7 +16436,7 @@ __decorate([
 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()),
@@ -22650,7 +22655,7 @@ function fixNgLeaks() {
     };
 }
 
-window.coreVersion = '22.2.6';
+window.coreVersion = '22.5.1';
 
 /**
  * @license