@meshmakers/octo-meshboard 3.4.370 → 3.4.400

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meshmakers/octo-meshboard",
-  "version": "3.4.370",
+  "version": "3.4.400",
   "peerDependencies": {
     "@angular/common": "^22.0.0",
     "@angular/core": "^22.0.0",

package/types/meshmakers-octo-meshboard.d.ts

@@ -5890,6 +5890,27 @@ declare class EntitySelectorToolbarComponent implements OnChanges {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<EntitySelectorToolbarComponent, "mm-entity-selector-toolbar", never, { "entitySelectors": { "alias": "entitySelectors"; "required": false; }; }, { "entitySelected": "entitySelected"; "entityCleared": "entityCleared"; }, never, never, true, never>;
 }
 
+/**
+ * Presentation-side compact layout for the MeshBoard grid (AB#4353).
+ *
+ * The Kendo TileLayout renders its configured column count at any container
+ * width — on a 390px phone a 6-column board yields ~42px columns and crushes
+ * every widget. Below the breakpoints the board therefore re-renders with a
+ * reduced column count and drops the persisted col/row anchors so CSS grid
+ * auto-flow re-packs the widgets in the reading order of the configured
+ * layout. The persisted board config is never modified; editing (drag/resize)
+ * is only offered in the native tier.
+ */
+type MeshBoardCompactTier = 'none' | 'tablet' | 'phone';
+/** Display placement for one grid widget; col/row are undefined in compact tiers (auto-flow). */
+interface WidgetPlacement {
+    widget: AnyWidgetConfig;
+    col?: number;
+    row?: number;
+    colSpan: number;
+    rowSpan: number;
+}
+
 interface WidgetPositionUpdate {
     id: string;
     title: string;
@@ -5985,6 +6006,15 @@ declare class MeshBoardViewComponent implements OnInit, OnDestroy, HasUnsavedCha
     protected readonly gridWidgets: _angular_core.Signal<AnyWidgetConfig[]>;
     protected readonly hasGridWidgets: _angular_core.Signal<boolean>;
     protected readonly canSave: _angular_core.Signal<boolean>;
+    private readonly hostElement;
+    private readonly ngZone;
+    private resizeObserver?;
+    private readonly containerWidth;
+    protected readonly compactTier: _angular_core.Signal<MeshBoardCompactTier>;
+    protected readonly displayColumns: _angular_core.Signal<number>;
+    protected readonly displayAutoFlow: _angular_core.Signal<"column" | "row">;
+    protected readonly canEditLayout: _angular_core.Signal<boolean>;
+    protected readonly displayGridWidgets: _angular_core.Signal<WidgetPlacement[]>;
     protected readonly isTimeFilterEnabled: _angular_core.Signal<boolean>;
     protected readonly timeFilterConfig: _angular_core.Signal<_meshmakers_octo_meshboard.MeshBoardTimeFilterConfig | undefined>;
     private readonly _urlTimeSelection;