@datorama/core 22.2.5 → 22.5.2

package/fesm5/datorama-core.js

@@ -7410,6 +7410,114 @@ var defaultClientSearchStrategy = function (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
+ */
+var DatoSortableComponent = /** @class */ (function () {
+    function DatoSortableComponent() {
+        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'
+        };
+    }
+    Object.defineProperty(DatoSortableComponent.prototype, "datoList", {
+        set: function (list) {
+            var isArr = Array.isArray(list);
+            var 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 = __spread(this.formControl.value);
+            }
+            else {
+                this.list = list;
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    DatoSortableComponent.prototype.ngOnInit = function () {
+        var _this = this;
+        var _a = this.datoOptions, dynamicGhostHeight = _a.dynamicGhostHeight, hasStaticItems = _a.hasStaticItems, sortableOptions = __rest(_a, ["dynamicGhostHeight", "hasStaticItems"]);
+        var mergedOptions = __assign(__assign(__assign({}, this.defaultOptions), sortableOptions), { onUpdate: function (event) { return (sortableOptions.onUpdate ? sortableOptions.onUpdate(event) : _this.emitUpdate(event)); } });
+        if (dynamicGhostHeight) {
+            mergedOptions.onStart = function (event) { return _this.setGhostHeight(event); };
+        }
+        if (hasStaticItems) {
+            mergedOptions.onMove = function (event) {
+                if (event.related.classList.contains('dato-sortable-static-item')) {
+                    return false;
+                }
+                return sortableOptions.onMove ? sortableOptions.onMove(event) : true;
+            };
+        }
+        this.mergedOptions = mergedOptions;
+    };
+    DatoSortableComponent.prototype.emitUpdate = function (event) {
+        if (this.formControl) {
+            this.formControl.setValue(this.list);
+        }
+        this.orderUpdated.emit(event);
+    };
+    DatoSortableComponent.prototype.setGhostHeight = function (event) {
+        var originalEl = event.from.children[event.oldIndex];
+        setStyle(originalEl, 'display', 'block');
+        var height = originalEl.getBoundingClientRect().height;
+        setStyle(originalEl, 'display', 'none');
+        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),
+        __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);
+    return DatoSortableComponent;
+}());
+
 /**
  * @license
  * Copyright Datorama. All Rights Reserved.
@@ -7455,6 +7563,13 @@ var DatoAccordionComponent = /** @class */ (function () {
         enumerable: true,
         configurable: true
     });
+    Object.defineProperty(DatoAccordionComponent.prototype, "groups", {
+        get: function () {
+            return this.sortable && this.sortable.accordionGroups.length > 0 ? this.sortable.accordionGroups : this.childGroups;
+        },
+        enumerable: true,
+        configurable: true
+    });
     DatoAccordionComponent.prototype.ngOnChanges = function (changes) {
         var _this = this;
         if (changes.expandAll && !changes.expandAll.firstChange) {
@@ -7672,11 +7787,15 @@ var DatoAccordionComponent = /** @class */ (function () {
     __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)
@@ -8549,8 +8668,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 +8690,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 +8945,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 +9049,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 +9102,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 },
@@ -9977,110 +10102,6 @@ var DatoOptionsModule = /** @class */ (function () {
     return 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
- */
-var DatoSortableComponent = /** @class */ (function () {
-    function DatoSortableComponent() {
-        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'
-        };
-    }
-    Object.defineProperty(DatoSortableComponent.prototype, "datoList", {
-        set: function (list) {
-            var isArr = Array.isArray(list);
-            var 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 = __spread(this.formControl.value);
-            }
-            else {
-                this.list = list;
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    DatoSortableComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        var _a = this.datoOptions, dynamicGhostHeight = _a.dynamicGhostHeight, hasStaticItems = _a.hasStaticItems, sortableOptions = __rest(_a, ["dynamicGhostHeight", "hasStaticItems"]);
-        var mergedOptions = __assign(__assign(__assign({}, this.defaultOptions), sortableOptions), { onUpdate: function (event) { return (sortableOptions.onUpdate ? sortableOptions.onUpdate(event) : _this.emitUpdate(event)); } });
-        if (dynamicGhostHeight) {
-            mergedOptions.onStart = function (event) { return _this.setGhostHeight(event); };
-        }
-        if (hasStaticItems) {
-            mergedOptions.onMove = function (event) {
-                if (event.related.classList.contains('dato-sortable-static-item')) {
-                    return false;
-                }
-                return sortableOptions.onMove ? sortableOptions.onMove(event) : true;
-            };
-        }
-        this.mergedOptions = mergedOptions;
-    };
-    DatoSortableComponent.prototype.emitUpdate = function (event) {
-        if (this.formControl) {
-            this.formControl.setValue(this.list);
-        }
-        this.orderUpdated.emit(event);
-    };
-    DatoSortableComponent.prototype.setGhostHeight = function (event) {
-        var originalEl = event.from.children[event.oldIndex];
-        setStyle(originalEl, 'display', 'block');
-        var height = originalEl.getBoundingClientRect().height;
-        setStyle(originalEl, 'display', 'none');
-        var 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);
-    return DatoSortableComponent;
-}());
-
 /**
  * @license
  * Copyright Datorama. All Rights Reserved.
@@ -15419,8 +15440,12 @@ var DatoGridControllerComponent = /** @class */ (function () {
             var settingsDiff = _this.gridService.getSettingsDiff();
             _this.gridService.updateSettings(settingsDiff);
             var data = _this.getGridData();
-            _this.onGridChange.emit(__assign(__assign({}, settingsDiff), { filter: _this.gridQuery.getExternalFilter(), type: type,
-                data: data }));
+            _this.onGridChange.emit({
+                filter: _this.gridQuery.getExternalFilter(),
+                sort: _this.gridQuery.getSort(),
+                type: type,
+                data: data
+            });
         });
     };
     DatoGridControllerComponent.prototype.listenToStoreSettingsChanges = function () {
@@ -18267,9 +18292,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();
         }
     };
@@ -18323,9 +18350,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();
@@ -18390,7 +18415,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()),
@@ -25183,7 +25208,7 @@ function fixNgLeaks() {
     };
 }
 
-window.coreVersion = '22.2.5';
+window.coreVersion = '22.5.2';
 
 /**
  * @license