@valtimo/dashboard 13.31.0 → 13.33.0

package/fesm2022/valtimo-dashboard.mjs

@@ -10,7 +10,7 @@ import { RouterModule } from '@angular/router';
 import * as i3 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1$1 from '@valtimo/components';
-import { CarbonListModule, ValuePathSelectorPrefix, CarbonMultiInputModule, InputModule as InputModule$1, ValuePathSelectorComponent, WidgetModule, BpmnJsDiagramModule, AlertModule, SpinnerModule } from '@valtimo/components';
+import { resolveWidgetLayout, CarbonListModule, ValuePathSelectorPrefix, CarbonMultiInputModule, InputModule as InputModule$1, ValuePathSelectorComponent, WidgetModule, BpmnJsDiagramModule, AlertModule, SpinnerModule } from '@valtimo/components';
 import * as i3$1 from '@ngx-translate/core';
 import { TranslateModule, TranslateLoader } from '@ngx-translate/core';
 import Muuri from 'muuri';
@@ -180,7 +180,7 @@ const WIDGET_1X_MIN_WIDTH = 275;
  */
 
 /*
- * Copyright 2015-2025 Ritense BV, the Netherlands.
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.
@@ -229,7 +229,7 @@ class WidgetLayoutService {
     }
     openMuuriSubscription() {
         this._subscriptions.add(combineLatest([this.muuri$, this._triggerMuuriLayout$])
-            .pipe(debounceTime(150))
+            .pipe(debounceTime(400))
             .subscribe(([muuri]) => {
             muuri.refreshItems();
             muuri.layout();
@@ -426,6 +426,7 @@ class WidgetDashboardContentComponent {
         this._widgetData$.next(value.data);
     }
     set dashboard(value) {
+        this._resolvedLayout = resolveWidgetLayout(value?.widgetLayout);
         this.setWidgetConfigurations(value);
     }
     get _muuriInitialized$() {
@@ -438,6 +439,7 @@ class WidgetDashboardContentComponent {
         this.router = router;
         this._isLoading$ = new BehaviorSubject(true);
         this._widgetData$ = new BehaviorSubject([]);
+        this._resolvedLayout = resolveWidgetLayout(null);
         this.widgetConfigurations$ = new BehaviorSubject(null);
         this._subscriptions = new Subscription();
         this._muuri$ = this.layoutService.muuriSubject$;
@@ -536,9 +538,7 @@ class WidgetDashboardContentComponent {
             return;
         this._creatingMuuri = true;
         this.layoutService.setMuuri(new Muuri(this._widgetContainerRef.nativeElement, {
-            layout: {
-                fillGaps: true,
-            },
+            layout: this._resolvedLayout.muuriLayout,
             layoutOnResize: false,
         }));
         this._creatingMuuri = false;