@datorama/core 22.2.5 → 22.5.2

package/esm5/lib/sortable/sortable.component.js

@@ -6,9 +6,10 @@
  * found in the LICENSE file at https://github.com/datorama/client-core/blob/master/LICENSE
  */
 import { __assign, __decorate, __metadata, __read, __rest, __spread } from "tslib";
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
+import { ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, Input, Output, QueryList, ViewEncapsulation } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import { noop, query, setStyle } from '../internal/helpers';
+import { DatoAccordionGroupComponent } from '../accordion/accordion-group/accordion-group.component';
 var DatoSortableComponent = /** @class */ (function () {
     function DatoSortableComponent() {
         this.list = [];
@@ -77,6 +78,10 @@ var DatoSortableComponent = /** @class */ (function () {
         var ghostEl = query('.dato-sortable-ghost');
         setStyle(ghostEl, 'height', height + "px");
     };
+    __decorate([
+        ContentChildren(DatoAccordionGroupComponent),
+        __metadata("design:type", QueryList)
+    ], DatoSortableComponent.prototype, "accordionGroups", void 0);
     __decorate([
         Input(),
         __metadata("design:type", Object),
@@ -106,4 +111,4 @@ var DatoSortableComponent = /** @class */ (function () {
     return DatoSortableComponent;
 }());
 export { DatoSortableComponent };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29ydGFibGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGRhdG9yYW1hL2NvcmUvIiwic291cmNlcyI6WyJsaWIvc29ydGFibGUvc29ydGFibGUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7R0FNRzs7QUFFSCxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUVMLE1BQU0sRUFDTixpQkFBaUIsRUFDbEIsTUFBTSxlQUFlLENBQUM7QUFHdkIsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBUzVEO0lBQUE7UUFFRSxTQUFJLEdBQUcsRUFBRSxDQUFDO1FBQ1YsU0FBSSxHQUFHLElBQUksQ0FBQztRQWVaOztXQUVHO1FBQ00sZ0JBQVcsR0FBd0IsRUFBRSxDQUFDO1FBTy9DOztXQUVHO1FBQ08saUJBQVksR0FBRyxJQUFJLFlBQVksRUFBbUIsQ0FBQztRQUdyRCxtQkFBYyxHQUFZO1lBQ2hDLE1BQU0sRUFBRSx3QkFBd0I7WUFDaEMsVUFBVSxFQUFFLHFCQUFxQjtZQUNqQyxXQUFXLEVBQUUsc0JBQXNCO1lBQ25DLFNBQVMsRUFBRSxvQkFBb0I7U0FDaEMsQ0FBQztJQXVDSixDQUFDO0lBMUVVLHNCQUFJLDJDQUFRO2FBQVosVUFBYSxJQUF5QjtZQUM3QyxJQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQ2xDLElBQU0sVUFBVSxHQUFHLEtBQUssSUFBSSxDQUFDLElBQUksWUFBWSxXQUFXLElBQUksS0FBSyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztZQUN2RixJQUFJLENBQUMsVUFBVSxFQUFFO2dCQUNmLE1BQU0sSUFBSSxLQUFLLENBQUMsb0VB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O1NBOUVZLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCBEYXRvcmFtYS4gQWxsIFJpZ2h0cyBSZXNlcnZlZC5cbiAqXG4gKiBVc2Ugb2YgdGhpcyBzb3VyY2UgY29kZSBpcyBnb3Zlcm5lZCBieSBhbiBBcGFjaGUgTGljZW5zZSAyLjAgbGljZW5zZSB0aGF0IGNhbiBiZVxuICogZm91bmQgaW4gdGhlIExJQ0VOU0UgZmlsZSBhdCBodHRwczovL2dpdGh1Yi5jb20vZGF0b3JhbWEvY2xpZW50LWNvcmUvYmxvYi9tYXN0ZXIvTElDRU5TRVxuICovXG5cbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE9uSW5pdCxcbiAgT3V0cHV0LFxuICBWaWV3RW5jYXBzdWxhdGlvblxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE9wdGlvbnMgfSBmcm9tICdzb3J0YWJsZWpzJztcbmltcG9ydCB7IERhdG9Tb3J0YWJsZU9wdGlvbnMsIFNvcnRhYmxlSlNFdmVudCB9IGZyb20gJy4vc29ydGFibGUudHlwZXMnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBub29wLCBxdWVyeSwgc2V0U3R5bGUgfSBmcm9tICcuLi9pbnRlcm5hbC9oZWxwZXJzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGF0by1zb3J0YWJsZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9zb3J0YWJsZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NvcnRhYmxlLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIERhdG9Tb3J0YWJsZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIG1lcmdlZE9wdGlvbnM6IE9wdGlvbnM7XG4gIGxpc3QgPSBbXTtcbiAgbm9vcCA9IG5vb3A7XG4gIEBJbnB1dCgpIHNldCBkYXRvTGlzdChsaXN0OiBhbnlbXSB8IEZvcm1Db250cm9sKSB7XG4gICAgY29uc3QgaXNBcnIgPSBBcnJheS5pc0FycmF5KGxpc3QpO1xuICAgIGNvbnN0IHZhbGlkSW5wdXQgPSBpc0FyciB8fCAobGlzdCBpbnN0YW5jZW9mIEZvcm1Db250cm9sICYmIEFycmF5LmlzQXJyYXkobGlzdC52YWx1ZSkpO1xuICAgIGlmICghdmFsaWRJbnB1dCkge1xuICAgICAgdGhyb3cgbmV3IEVycm9yKGBEYXRvU29ydGFibGUgLSBkYXRvTGlzdCBleHBlY3RlZCBhcnJheSBvciBmb3JtIGNvbnRyb2wgYnV0IGdvdCAke3R5cGVvZiBsaXN0fWApO1xuICAgIH1cbiAgICBpZiAoIWlzQXJyKSB7XG4gICAgICB0aGlzLmZvcm1Db250cm9sID0gbGlzdCBhcyBGb3JtQ29udHJvbDtcbiAgICAgIHRoaXMubGlzdCA9IFsuLi50aGlzLmZvcm1Db250cm9sLnZhbHVlXTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5saXN0ID0gbGlzdCBhcyBhbnlbXTtcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogU29ydGFibGVqcyBvcHRpb25zXG4gICAqL1xuICBASW5wdXQoKSBkYXRvT3B0aW9uczogRGF0b1NvcnRhYmxlT3B0aW9ucyA9IHt9O1xuXG4gIC8qKlxuICAgKiBDdXN0b20gY2xhc3MgZm9yIHRoZSBpdGVtcyBjb250YWluZXJcbiAgICovXG4gIEBJbnB1dCgpIGNvbnRhaW5lckNsYXNzOiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIEZpcmVkIG9uY2UgaXRlbXMgb3JkZXIgaGFzIGNoYW5nZWRcbiAgICovXG4gIEBPdXRwdXQoKSBvcmRlclVwZGF0ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPFNvcnRhYmxlSlNFdmVudD4oKTtcblxuICBwcml2YXRlIGZvcm1Db250cm9sOiBGb3JtQ29udHJvbDtcbiAgcHJpdmF0ZSBkZWZhdWx0T3B0aW9uczogT3B0aW9ucyA9IHtcbiAgICBoYW5kbGU6ICcuZGF0by1zb3J0YWJsZS1oYW5kbGVyJyxcbiAgICBnaG9zdENsYXNzOiAnZGF0by1zb3J0YWJsZS1naG9zdCcsXG4gICAgY2hvc2VuQ2xhc3M6ICdkYXRvLXNvcnRhYmxlLWNob3NlbicsXG4gICAgZHJhZ0NsYXNzOiAnZGF0by1zb3J0YWJsZS1kcmFnJ1xuICB9O1xuXG4gIG5nT25Jbml0KCkge1xuICAgIGNvbnN0IHsgZHluYW1pY0dob3N0SGVpZ2h0LCBoYXNTdGF0aWNJdGVtcywgLi4uc29ydGFibGVPcHRpb25zIH0gPSB0aGlzLmRhdG9PcHRpb25zO1xuICAgIGNvbnN0IG1lcmdlZE9wdGlvbnM6IE9wdGlvbnMgPSB7XG4gICAgICAuLi50aGlzLmRlZmF1bHRPcHRpb25zLFxuICAgICAgLi4uc29ydGFibGVPcHRpb25zLFxuICAgICAgb25VcGRhdGU6IGV2ZW50ID0+IChzb3J0YWJsZU9wdGlvbnMub25VcGRhdGUgPyBzb3J0YWJsZU9wdGlvbnMub25VcGRhdGUoZXZlbnQpIDogdGhpcy5lbWl0VXBkYXRlKGV2ZW50KSlcbiAgICB9O1xuICAgIGlmIChkeW5hbWljR2hvc3RIZWlnaHQpIHtcbiAgICAgIG1lcmdlZE9wdGlvbnMub25TdGFydCA9IGV2ZW50ID0+IHRoaXMuc2V0R2hvc3RIZWlnaHQoZXZlbnQpO1xuICAgIH1cbiAgICBpZiAoaGFzU3RhdGljSXRlbXMpIHtcbiAgICAgIG1lcmdlZE9wdGlvbnMub25Nb3ZlID0gZXZlbnQgPT4ge1xuICAgICAgICBpZiAoZXZlbnQucmVsYXRlZC5jbGFzc0xpc3QuY29udGFpbnMoJ2RhdG8tc29ydGFibGUtc3RhdGljLWl0ZW0nKSkge1xuICAgICAgICAgIHJldHVybiBmYWxzZTtcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiBzb3J0YWJsZU9wdGlvbnMub25Nb3ZlID8gc29ydGFibGVPcHRpb25zLm9uTW92ZShldmVudCkgOiB0cnVlO1xuICAgICAgfTtcbiAgICB9XG4gICAgdGhpcy5tZXJnZWRPcHRpb25zID0gbWVyZ2VkT3B0aW9ucztcbiAgfVxuXG4gIGVtaXRVcGRhdGUoZXZlbnQpIHtcbiAgICBpZiAodGhpcy5mb3JtQ29udHJvbCkge1xuICAgICAgdGhpcy5mb3JtQ29udHJvbC5zZXRWYWx1ZSh0aGlzLmxpc3QpO1xuICAgIH1cbiAgICB0aGlzLm9yZGVyVXBkYXRlZC5lbWl0KGV2ZW50KTtcbiAgfVxuXG4gIHNldEdob3N0SGVpZ2h0KGV2ZW50KSB7XG4gICAgY29uc3Qgb3JpZ2luYWxFbCA9IGV2ZW50LmZyb20uY2hpbGRyZW5bZXZlbnQub2xkSW5kZXhdO1xuICAgIHNldFN0eWxlKG9yaWdpbmFsRWwsICdkaXNwbGF5JywgJ2Jsb2NrJyk7XG4gICAgY29uc3QgeyBoZWlnaHQgfSA9IG9yaWdpbmFsRWwuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG4gICAgc2V0U3R5bGUob3JpZ2luYWxFbCwgJ2Rpc3BsYXknLCAnbm9uZScpO1xuICAgIGNvbnN0IGdob3N0RWwgPSBxdWVyeSgnLmRhdG8tc29ydGFibGUtZ2hvc3QnKTtcbiAgICBzZXRTdHlsZShnaG9zdEVsLCAnaGVpZ2h0JywgYCR7aGVpZ2h0fXB4YCk7XG4gIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29ydGFibGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGRhdG9yYW1hL2NvcmUvIiwic291cmNlcyI6WyJsaWIvc29ydGFibGUvc29ydGFibGUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7R0FNRzs7QUFFSCxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxlQUFlLEVBQ2YsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEVBQ04sU0FBUyxFQUNULGlCQUFpQixFQUNsQixNQUFNLGVBQWUsQ0FBQztBQUd2QixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDNUQsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sd0RBQXdELENBQUM7QUFTckc7SUFBQTtRQUtFLFNBQUksR0FBRyxFQUFFLENBQUM7UUFDVixTQUFJLEdBQUcsSUFBSSxDQUFDO1FBZVo7O1dBRUc7UUFDTSxnQkFBVyxHQUF3QixFQUFFLENBQUM7UUFPL0M7O1dBRUc7UUFDTyxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFtQixDQUFDO1FBR3JELG1CQUFjLEdBQVk7WUFDaEMsTUFBTSxFQUFFLHdCQUF3QjtZQUNoQyxVQUFVLEVBQUUscUJBQXFCO1lBQ2pDLFdBQVcsRUFBRSxzQkFBc0I7WUFDbkMsU0FBUyxFQUFFLG9CQUFvQjtTQUNoQyxDQUFDO0lBdUNKLENBQUM7SUExRVUsc0JBQUksMkNBQVE7YUFBWixVQUFhLElBQXlCO1lBQzdDLElBQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDbEMsSUFBTSxVQUFVLEdBQUcsS0FBSyxJQUFJLENBQUMsSUFBSSxZQUFZLFdBQVcsSUFBSSxLQUFLLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO1lBQ3ZGLElBQUksQ0FBQyxVQUFVLEVBQUU7Z0JBQ2YsTUFBTSxJQUFJLEtBQUssQ0FBQyxvRUFBa0UsT0FBTyxJQUFNLENBQUMsQ0FBQzthQUNsRztZQUNELElBQUksQ0FBQyxLQUFLLEVBQUU7Z0JBQ1YsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFtQixDQUFDO2dCQUN2QyxJQUFJLENBQUMsSUFBSSxZQUFPLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUM7YUFDekM7aUJBQU07Z0JBQ0wsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFhLENBQUM7YUFDM0I7UUFDSCxDQUFDOzs7T0FBQTtJQXlCRCx3Q0FBUSxHQUFSO1FBQUEsaUJBb0JDO1FBbkJDLElBQU0scUJBQTZFLEVBQTNFLDBDQUFrQixFQUFFLGtDQUFjLEVBQUUsc0VBQXVDLENBQUM7UUFDcEYsSUFBTSxhQUFhLGtDQUNkLElBQUksQ0FBQyxjQUFjLEdBQ25CLGVBQWUsS0FDbEIsUUFBUSxFQUFFLFVBQUEsS0FBSyxJQUFJLE9BQUEsQ0FBQyxlQUFlLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxlQUFlLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFJLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQXJGLENBQXFGLEdBQ3pHLENBQUM7UUFDRixJQUFJLGtCQUFrQixFQUFFO1lBQ3RCLGFBQWEsQ0FBQyxPQUFPLEdBQUcsVUFBQSxLQUFLLElBQUksT0FBQSxLQUFJLENBQUMsY0FBYyxDQUFDLEtBQUssQ0FBQyxFQUExQixDQUEwQixDQUFDO1NBQzdEO1FBQ0QsSUFBSSxjQUFjLEVBQUU7WUFDbEIsYUFBYSxDQUFDLE1BQU0sR0FBRyxVQUFBLEtBQUs7Z0JBQzFCLElBQUksS0FBSyxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLDJCQUEyQixDQUFDLEVBQUU7b0JBQ2pFLE9BQU8sS0FBSyxDQUFDO2lCQUNkO2dCQUVELE9BQU8sZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsZUFBZSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1lBQ3ZFLENBQUMsQ0FBQztTQUNIO1FBQ0QsSUFBSSxDQUFDLGFBQWEsR0FBRyxhQUFhLENBQUM7SUFDckMsQ0FBQztJQUVELDBDQUFVLEdBQVYsVUFBVyxLQUFLO1FBQ2QsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ3BCLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUN0QztRQUNELElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2hDLENBQUM7SUFFRCw4Q0FBYyxHQUFkLFVBQWUsS0FBSztRQUNsQixJQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDdkQsUUFBUSxDQUFDLFVBQVUsRUFBRSxTQUFTLEVBQUUsT0FBTyxDQUFDLENBQUM7UUFDakMsSUFBQSxrREFBTSxDQUF3QztRQUN0RCxRQUFRLENBQUMsVUFBVSxFQUFFLFNBQVMsRUFBRSxNQUFNLENBQUMsQ0FBQztRQUN4QyxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsc0JBQXNCLENBQUMsQ0FBQztRQUM5QyxRQUFRLENBQUMsT0FBTyxFQUFFLFFBQVEsRUFBSyxNQUFNLE9BQUksQ0FBQyxDQUFDO0lBQzdDLENBQUM7SUE5RUQ7UUFEQyxlQUFlLENBQUMsMkJBQTJCLENBQUM7a0NBQzVCLFNBQVM7a0VBQThCO0lBSy9DO1FBQVIsS0FBSyxFQUFFOzs7eURBWVA7SUFLUTtRQUFSLEtBQUssRUFBRTs7OERBQXVDO0lBS3RDO1FBQVIsS0FBSyxFQUFFOztpRUFBd0I7SUFLdEI7UUFBVCxNQUFNLEVBQUU7OytEQUFvRDtJQWxDbEQscUJBQXFCO1FBUGpDLFNBQVMsQ0FBQztZQUNULFFBQVEsRUFBRSxlQUFlO1lBQ3pCLG1WQUF3QztZQUV4QyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtZQUMvQyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTs7U0FDdEMsQ0FBQztPQUNXLHFCQUFxQixDQWlGakM7SUFBRCw0QkFBQztDQUFBLEFBakZELElBaUZDO1NBakZZLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCBEYXRvcmFtYS4gQWxsIFJpZ2h0cyBSZXNlcnZlZC5cbiAqXG4gKiBVc2Ugb2YgdGhpcyBzb3VyY2UgY29kZSBpcyBnb3Zlcm5lZCBieSBhbiBBcGFjaGUgTGljZW5zZSAyLjAgbGljZW5zZSB0aGF0IGNhbiBiZVxuICogZm91bmQgaW4gdGhlIExJQ0VOU0UgZmlsZSBhdCBodHRwczovL2dpdGh1Yi5jb20vZGF0b3JhbWEvY2xpZW50LWNvcmUvYmxvYi9tYXN0ZXIvTElDRU5TRVxuICovXG5cbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZHJlbixcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT25Jbml0LFxuICBPdXRwdXQsXG4gIFF1ZXJ5TGlzdCxcbiAgVmlld0VuY2Fwc3VsYXRpb25cbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBPcHRpb25zIH0gZnJvbSAnc29ydGFibGVqcyc7XG5pbXBvcnQgeyBEYXRvU29ydGFibGVPcHRpb25zLCBTb3J0YWJsZUpTRXZlbnQgfSBmcm9tICcuL3NvcnRhYmxlLnR5cGVzJztcbmltcG9ydCB7IEZvcm1Db250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgbm9vcCwgcXVlcnksIHNldFN0eWxlIH0gZnJvbSAnLi4vaW50ZXJuYWwvaGVscGVycyc7XG5pbXBvcnQgeyBEYXRvQWNjb3JkaW9uR3JvdXBDb21wb25lbnQgfSBmcm9tICcuLi9hY2NvcmRpb24vYWNjb3JkaW9uLWdyb3VwL2FjY29yZGlvbi1ncm91cC5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYXRvLXNvcnRhYmxlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NvcnRhYmxlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc29ydGFibGUuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgRGF0b1NvcnRhYmxlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQENvbnRlbnRDaGlsZHJlbihEYXRvQWNjb3JkaW9uR3JvdXBDb21wb25lbnQpXG4gIGFjY29yZGlvbkdyb3VwczogUXVlcnlMaXN0PERhdG9BY2NvcmRpb25Hcm91cENvbXBvbmVudD47XG5cbiAgbWVyZ2VkT3B0aW9uczogT3B0aW9ucztcbiAgbGlzdCA9IFtdO1xuICBub29wID0gbm9vcDtcbiAgQElucHV0KCkgc2V0IGRhdG9MaXN0KGxpc3Q6IGFueVtdIHwgRm9ybUNvbnRyb2wpIHtcbiAgICBjb25zdCBpc0FyciA9IEFycmF5LmlzQXJyYXkobGlzdCk7XG4gICAgY29uc3QgdmFsaWRJbnB1dCA9IGlzQXJyIHx8IChsaXN0IGluc3RhbmNlb2YgRm9ybUNvbnRyb2wgJiYgQXJyYXkuaXNBcnJheShsaXN0LnZhbHVlKSk7XG4gICAgaWYgKCF2YWxpZElucHV0KSB7XG4gICAgICB0aHJvdyBuZXcgRXJyb3IoYERhdG9Tb3J0YWJsZSAtIGRhdG9MaXN0IGV4cGVjdGVkIGFycmF5IG9yIGZvcm0gY29udHJvbCBidXQgZ290ICR7dHlwZW9mIGxpc3R9YCk7XG4gICAgfVxuICAgIGlmICghaXNBcnIpIHtcbiAgICAgIHRoaXMuZm9ybUNvbnRyb2wgPSBsaXN0IGFzIEZvcm1Db250cm9sO1xuICAgICAgdGhpcy5saXN0ID0gWy4uLnRoaXMuZm9ybUNvbnRyb2wudmFsdWVdO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmxpc3QgPSBsaXN0IGFzIGFueVtdO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBTb3J0YWJsZWpzIG9wdGlvbnNcbiAgICovXG4gIEBJbnB1dCgpIGRhdG9PcHRpb25zOiBEYXRvU29ydGFibGVPcHRpb25zID0ge307XG5cbiAgLyoqXG4gICAqIEN1c3RvbSBjbGFzcyBmb3IgdGhlIGl0ZW1zIGNvbnRhaW5lclxuICAgKi9cbiAgQElucHV0KCkgY29udGFpbmVyQ2xhc3M6IHN0cmluZztcblxuICAvKipcbiAgICogRmlyZWQgb25jZSBpdGVtcyBvcmRlciBoYXMgY2hhbmdlZFxuICAgKi9cbiAgQE91dHB1dCgpIG9yZGVyVXBkYXRlZCA9IG5ldyBFdmVudEVtaXR0ZXI8U29ydGFibGVKU0V2ZW50PigpO1xuXG4gIHByaXZhdGUgZm9ybUNvbnRyb2w6IEZvcm1Db250cm9sO1xuICBwcml2YXRlIGRlZmF1bHRPcHRpb25zOiBPcHRpb25zID0ge1xuICAgIGhhbmRsZTogJy5kYXRvLXNvcnRhYmxlLWhhbmRsZXInLFxuICAgIGdob3N0Q2xhc3M6ICdkYXRvLXNvcnRhYmxlLWdob3N0JyxcbiAgICBjaG9zZW5DbGFzczogJ2RhdG8tc29ydGFibGUtY2hvc2VuJyxcbiAgICBkcmFnQ2xhc3M6ICdkYXRvLXNvcnRhYmxlLWRyYWcnXG4gIH07XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgY29uc3QgeyBkeW5hbWljR2hvc3RIZWlnaHQsIGhhc1N0YXRpY0l0ZW1zLCAuLi5zb3J0YWJsZU9wdGlvbnMgfSA9IHRoaXMuZGF0b09wdGlvbnM7XG4gICAgY29uc3QgbWVyZ2VkT3B0aW9uczogT3B0aW9ucyA9IHtcbiAgICAgIC4uLnRoaXMuZGVmYXVsdE9wdGlvbnMsXG4gICAgICAuLi5zb3J0YWJsZU9wdGlvbnMsXG4gICAgICBvblVwZGF0ZTogZXZlbnQgPT4gKHNvcnRhYmxlT3B0aW9ucy5vblVwZGF0ZSA/IHNvcnRhYmxlT3B0aW9ucy5vblVwZGF0ZShldmVudCkgOiB0aGlzLmVtaXRVcGRhdGUoZXZlbnQpKVxuICAgIH07XG4gICAgaWYgKGR5bmFtaWNHaG9zdEhlaWdodCkge1xuICAgICAgbWVyZ2VkT3B0aW9ucy5vblN0YXJ0ID0gZXZlbnQgPT4gdGhpcy5zZXRHaG9zdEhlaWdodChldmVudCk7XG4gICAgfVxuICAgIGlmIChoYXNTdGF0aWNJdGVtcykge1xuICAgICAgbWVyZ2VkT3B0aW9ucy5vbk1vdmUgPSBldmVudCA9PiB7XG4gICAgICAgIGlmIChldmVudC5yZWxhdGVkLmNsYXNzTGlzdC5jb250YWlucygnZGF0by1zb3J0YWJsZS1zdGF0aWMtaXRlbScpKSB7XG4gICAgICAgICAgcmV0dXJuIGZhbHNlO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIHNvcnRhYmxlT3B0aW9ucy5vbk1vdmUgPyBzb3J0YWJsZU9wdGlvbnMub25Nb3ZlKGV2ZW50KSA6IHRydWU7XG4gICAgICB9O1xuICAgIH1cbiAgICB0aGlzLm1lcmdlZE9wdGlvbnMgPSBtZXJnZWRPcHRpb25zO1xuICB9XG5cbiAgZW1pdFVwZGF0ZShldmVudCkge1xuICAgIGlmICh0aGlzLmZvcm1Db250cm9sKSB7XG4gICAgICB0aGlzLmZvcm1Db250cm9sLnNldFZhbHVlKHRoaXMubGlzdCk7XG4gICAgfVxuICAgIHRoaXMub3JkZXJVcGRhdGVkLmVtaXQoZXZlbnQpO1xuICB9XG5cbiAgc2V0R2hvc3RIZWlnaHQoZXZlbnQpIHtcbiAgICBjb25zdCBvcmlnaW5hbEVsID0gZXZlbnQuZnJvbS5jaGlsZHJlbltldmVudC5vbGRJbmRleF07XG4gICAgc2V0U3R5bGUob3JpZ2luYWxFbCwgJ2Rpc3BsYXknLCAnYmxvY2snKTtcbiAgICBjb25zdCB7IGhlaWdodCB9ID0gb3JpZ2luYWxFbC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICBzZXRTdHlsZShvcmlnaW5hbEVsLCAnZGlzcGxheScsICdub25lJyk7XG4gICAgY29uc3QgZ2hvc3RFbCA9IHF1ZXJ5KCcuZGF0by1zb3J0YWJsZS1naG9zdCcpO1xuICAgIHNldFN0eWxlKGdob3N0RWwsICdoZWlnaHQnLCBgJHtoZWlnaHR9cHhgKTtcbiAgfVxufVxuIl19

package/esm5/lib/version.js

@@ -1,2 +1,2 @@
-window.coreVersion = '22.2.5';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BkYXRvcmFtYS9jb3JlLyIsInNvdXJjZXMiOlsibGliL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUMsTUFBYyxDQUFDLFdBQVcsR0FBRyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIod2luZG93IGFzIGFueSkuY29yZVZlcnNpb24gPSAnMjIuMi41JztcbiJdfQ==
+window.coreVersion = '22.5.2';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BkYXRvcmFtYS9jb3JlLyIsInNvdXJjZXMiOlsibGliL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUMsTUFBYyxDQUFDLFdBQVcsR0FBRyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIod2luZG93IGFzIGFueSkuY29yZVZlcnNpb24gPSAnMjIuNS4yJzsiXX0=

package/fesm2015/datorama-core.js

@@ -6633,6 +6633,108 @@ const defaultClientSearchStrategy = (searchIn, searchValue, labelKey) => {
     return false;
 };
 
+/**
+ * @license
+ * Copyright Datorama. All Rights Reserved.
+ *
+ * Use of this source code is governed by an Apache License 2.0 license that can be
+ * found in the LICENSE file at https://github.com/datorama/client-core/blob/master/LICENSE
+ */
+let DatoSortableComponent = class DatoSortableComponent {
+    constructor() {
+        this.list = [];
+        this.noop = noop;
+        /**
+         * Sortablejs options
+         */
+        this.datoOptions = {};
+        /**
+         * Fired once items order has changed
+         */
+        this.orderUpdated = new EventEmitter();
+        this.defaultOptions = {
+            handle: '.dato-sortable-handler',
+            ghostClass: 'dato-sortable-ghost',
+            chosenClass: 'dato-sortable-chosen',
+            dragClass: 'dato-sortable-drag'
+        };
+    }
+    set datoList(list) {
+        const isArr = Array.isArray(list);
+        const validInput = isArr || (list instanceof FormControl && Array.isArray(list.value));
+        if (!validInput) {
+            throw new Error(`DatoSortable - datoList expected array or form control but got ${typeof list}`);
+        }
+        if (!isArr) {
+            this.formControl = list;
+            this.list = [...this.formControl.value];
+        }
+        else {
+            this.list = list;
+        }
+    }
+    ngOnInit() {
+        const _a = this.datoOptions, { dynamicGhostHeight, hasStaticItems } = _a, sortableOptions = __rest(_a, ["dynamicGhostHeight", "hasStaticItems"]);
+        const mergedOptions = Object.assign(Object.assign(Object.assign({}, this.defaultOptions), sortableOptions), { onUpdate: event => (sortableOptions.onUpdate ? sortableOptions.onUpdate(event) : this.emitUpdate(event)) });
+        if (dynamicGhostHeight) {
+            mergedOptions.onStart = event => this.setGhostHeight(event);
+        }
+        if (hasStaticItems) {
+            mergedOptions.onMove = event => {
+                if (event.related.classList.contains('dato-sortable-static-item')) {
+                    return false;
+                }
+                return sortableOptions.onMove ? sortableOptions.onMove(event) : true;
+            };
+        }
+        this.mergedOptions = mergedOptions;
+    }
+    emitUpdate(event) {
+        if (this.formControl) {
+            this.formControl.setValue(this.list);
+        }
+        this.orderUpdated.emit(event);
+    }
+    setGhostHeight(event) {
+        const originalEl = event.from.children[event.oldIndex];
+        setStyle(originalEl, 'display', 'block');
+        const { height } = originalEl.getBoundingClientRect();
+        setStyle(originalEl, 'display', 'none');
+        const ghostEl = query('.dato-sortable-ghost');
+        setStyle(ghostEl, 'height', `${height}px`);
+    }
+};
+__decorate([
+    ContentChildren(DatoAccordionGroupComponent),
+    __metadata("design:type", QueryList)
+], DatoSortableComponent.prototype, "accordionGroups", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object),
+    __metadata("design:paramtypes", [Object])
+], DatoSortableComponent.prototype, "datoList", null);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], DatoSortableComponent.prototype, "datoOptions", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], DatoSortableComponent.prototype, "containerClass", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", Object)
+], DatoSortableComponent.prototype, "orderUpdated", void 0);
+DatoSortableComponent = __decorate([
+    Component({
+        selector: 'dato-sortable',
+        template: "<section [sortablejs]=\"list\" [sortablejsOptions]=\"mergedOptions\" [ngClass]=\"containerClass\"\n         (update.stop)=\"noop()\" (add.stop)=\"noop()\" (sort.stop)=\"noop()\" (remove.stop)=\"noop()\"\n         (filter.stop)=\"noop()\" (change.stop)=\"noop()\" (drag.stop)=\"noop()\">\n  <ng-content></ng-content>\n</section>",
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        encapsulation: ViewEncapsulation.None,
+        styles: ["dato-sortable{display:inline-block}dato-sortable .dato-sortable-handler{cursor:move;cursor:-webkit-grabbing}.dato-sortable-ghost>*{display:none!important}.dato-sortable-drag{box-shadow:0 2px 14px 0 rgba(0,0,0,.2)}"]
+    })
+], DatoSortableComponent);
+
 /**
  * @license
  * Copyright Datorama. All Rights Reserved.
@@ -6674,6 +6776,9 @@ let DatoAccordionComponent = DatoAccordionComponent_1 = class DatoAccordionCompo
             }
         }
     }
+    get groups() {
+        return this.sortable && this.sortable.accordionGroups.length > 0 ? this.sortable.accordionGroups : this.childGroups;
+    }
     ngOnChanges(changes) {
         if (changes.expandAll && !changes.expandAll.firstChange) {
             this.setExpandAll();
@@ -6845,11 +6950,15 @@ DatoAccordionComponent.ctorParameters = () => [
 __decorate([
     ContentChildren(DatoAccordionGroupComponent),
     __metadata("design:type", QueryList)
-], DatoAccordionComponent.prototype, "groups", void 0);
+], DatoAccordionComponent.prototype, "childGroups", void 0);
 __decorate([
     ContentChildren(DatoAccordionComponent_1, { descendants: true }),
     __metadata("design:type", QueryList)
 ], DatoAccordionComponent.prototype, "childAccordion", void 0);
+__decorate([
+    ContentChild(DatoSortableComponent, { static: true }),
+    __metadata("design:type", DatoSortableComponent)
+], DatoAccordionComponent.prototype, "sortable", void 0);
 __decorate([
     Input(),
     __metadata("design:type", Object)
@@ -7592,8 +7701,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 +7722,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 +7919,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 +8007,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 +8048,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 },
@@ -8850,104 +8964,6 @@ DatoOptionsModule = __decorate([
     })
 ], DatoOptionsModule);
 
-/**
- * @license
- * Copyright Datorama. All Rights Reserved.
- *
- * Use of this source code is governed by an Apache License 2.0 license that can be
- * found in the LICENSE file at https://github.com/datorama/client-core/blob/master/LICENSE
- */
-let DatoSortableComponent = class DatoSortableComponent {
-    constructor() {
-        this.list = [];
-        this.noop = noop;
-        /**
-         * Sortablejs options
-         */
-        this.datoOptions = {};
-        /**
-         * Fired once items order has changed
-         */
-        this.orderUpdated = new EventEmitter();
-        this.defaultOptions = {
-            handle: '.dato-sortable-handler',
-            ghostClass: 'dato-sortable-ghost',
-            chosenClass: 'dato-sortable-chosen',
-            dragClass: 'dato-sortable-drag'
-        };
-    }
-    set datoList(list) {
-        const isArr = Array.isArray(list);
-        const validInput = isArr || (list instanceof FormControl && Array.isArray(list.value));
-        if (!validInput) {
-            throw new Error(`DatoSortable - datoList expected array or form control but got ${typeof list}`);
-        }
-        if (!isArr) {
-            this.formControl = list;
-            this.list = [...this.formControl.value];
-        }
-        else {
-            this.list = list;
-        }
-    }
-    ngOnInit() {
-        const _a = this.datoOptions, { dynamicGhostHeight, hasStaticItems } = _a, sortableOptions = __rest(_a, ["dynamicGhostHeight", "hasStaticItems"]);
-        const mergedOptions = Object.assign(Object.assign(Object.assign({}, this.defaultOptions), sortableOptions), { onUpdate: event => (sortableOptions.onUpdate ? sortableOptions.onUpdate(event) : this.emitUpdate(event)) });
-        if (dynamicGhostHeight) {
-            mergedOptions.onStart = event => this.setGhostHeight(event);
-        }
-        if (hasStaticItems) {
-            mergedOptions.onMove = event => {
-                if (event.related.classList.contains('dato-sortable-static-item')) {
-                    return false;
-                }
-                return sortableOptions.onMove ? sortableOptions.onMove(event) : true;
-            };
-        }
-        this.mergedOptions = mergedOptions;
-    }
-    emitUpdate(event) {
-        if (this.formControl) {
-            this.formControl.setValue(this.list);
-        }
-        this.orderUpdated.emit(event);
-    }
-    setGhostHeight(event) {
-        const originalEl = event.from.children[event.oldIndex];
-        setStyle(originalEl, 'display', 'block');
-        const { height } = originalEl.getBoundingClientRect();
-        setStyle(originalEl, 'display', 'none');
-        const ghostEl = query('.dato-sortable-ghost');
-        setStyle(ghostEl, 'height', `${height}px`);
-    }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", Object),
-    __metadata("design:paramtypes", [Object])
-], DatoSortableComponent.prototype, "datoList", null);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], DatoSortableComponent.prototype, "datoOptions", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], DatoSortableComponent.prototype, "containerClass", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", Object)
-], DatoSortableComponent.prototype, "orderUpdated", void 0);
-DatoSortableComponent = __decorate([
-    Component({
-        selector: 'dato-sortable',
-        template: "<section [sortablejs]=\"list\" [sortablejsOptions]=\"mergedOptions\" [ngClass]=\"containerClass\"\n         (update.stop)=\"noop()\" (add.stop)=\"noop()\" (sort.stop)=\"noop()\" (remove.stop)=\"noop()\"\n         (filter.stop)=\"noop()\" (change.stop)=\"noop()\" (drag.stop)=\"noop()\">\n  <ng-content></ng-content>\n</section>",
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        encapsulation: ViewEncapsulation.None,
-        styles: ["dato-sortable{display:inline-block}dato-sortable .dato-sortable-handler{cursor:move;cursor:-webkit-grabbing}.dato-sortable-ghost>*{display:none!important}.dato-sortable-drag{box-shadow:0 2px 14px 0 rgba(0,0,0,.2)}"]
-    })
-], DatoSortableComponent);
-
 /**
  * @license
  * Copyright Datorama. All Rights Reserved.
@@ -13775,8 +13791,12 @@ let DatoGridControllerComponent = class DatoGridControllerComponent {
             const settingsDiff = this.gridService.getSettingsDiff();
             this.gridService.updateSettings(settingsDiff);
             const data = this.getGridData();
-            this.onGridChange.emit(Object.assign(Object.assign({}, settingsDiff), { filter: this.gridQuery.getExternalFilter(), type,
-                data }));
+            this.onGridChange.emit({
+                filter: this.gridQuery.getExternalFilter(),
+                sort: this.gridQuery.getSort(),
+                type,
+                data
+            });
         });
     }
     listenToStoreSettingsChanges() {
@@ -16304,9 +16324,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();
         }
     }
@@ -16359,9 +16381,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();
@@ -16427,7 +16447,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()),
@@ -22646,7 +22666,7 @@ function fixNgLeaks() {
     };
 }
 
-window.coreVersion = '22.2.5';
+window.coreVersion = '22.5.2';
 
 /**
  * @license