@datorama/core 22.5.1 → 22.5.2

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)
@@ -8855,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.
@@ -22655,7 +22666,7 @@ function fixNgLeaks() {
     };
 }
 
-window.coreVersion = '22.5.1';
+window.coreVersion = '22.5.2';
 
 /**
  * @license