@masterteam/dashboard-builder 0.0.3 → 0.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@masterteam/dashboard-builder",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "publishConfig": {
     "directory": "../../../dist/masterteam/dashboard-builder",
     "linkDirectory": true,

package/types/masterteam-dashboard-builder.d.ts

@@ -786,10 +786,10 @@ declare class DashboardBuilder implements OnInit, OnDestroy {
  * Dashboard Viewer Component
  *
  * A read-only component for viewing and displaying dashboard layouts.
- * Similar to pageBuilder-gridster but without editing capabilities.
+ * Uses a CSS Grid preview layout without editing capabilities.
  *
  * Features:
- * - Gridster-based layout display (read-only)
+ * - CSS Grid-based layout display
  * - Chart/widget rendering
  * - Group support with tab switching
  * - Filter sidebar integration
@@ -807,6 +807,8 @@ declare class DashboardViewer implements OnInit, OnDestroy {
     readonly backButton: _angular_core.InputSignal<boolean>;
     /** Dashboard/Page ID to load */
     readonly pageId: _angular_core.InputSignal<string | number | null>;
+    /** Unified dashboard payload for local/preview rendering */
+    readonly dashboardData: _angular_core.InputSignal<DashboardBuilderData | null>;
     /** Pre-loaded charts (optional - if provided, skips API call) */
     readonly chartsData: _angular_core.InputSignal<DashboardChartItem[]>;
     /** Pre-loaded dialogs (optional) */
@@ -824,7 +826,6 @@ declare class DashboardViewer implements OnInit, OnDestroy {
         chart: DashboardChartItem;
         event: Event;
     }>;
-    readonly gridsterContainer: _angular_core.Signal<any>;
     readonly loading: _angular_core.WritableSignal<boolean>;
     readonly pageConfig: _angular_core.WritableSignal<_masterteam_dashboard_builder.Report | null>;
     readonly charts: _angular_core.WritableSignal<DashboardChartItem[]>;
@@ -832,16 +833,23 @@ declare class DashboardViewer implements OnInit, OnDestroy {
     readonly filters: _angular_core.WritableSignal<any[]>;
     readonly languageCode: _angular_core.Signal<string>;
     readonly direction: _angular_core.Signal<"ltr" | "rtl">;
-    readonly options: GridsterConfig;
+    readonly hasRenderableContent: _angular_core.Signal<boolean>;
+    readonly visibleItems: _angular_core.Signal<DashboardChartItem[]>;
+    readonly layoutHeight: _angular_core.Signal<string>;
     private subscription;
+    private readonly rowHeight;
+    private readonly hasSplitPreloadedData;
+    private dashboardDataEffect;
     private chartsDataEffect;
     private dialogsDataEffect;
     private filtersDataEffect;
+    private preloadedInputsEffect;
     private pageIdEffect;
     ngOnInit(): void;
     ngOnDestroy(): void;
     private setupSubscriptions;
     loadPage(id: string | number): void;
+    private applyDashboardData;
     reloadPage(): void;
     /**
      * Get the title for a group item
@@ -891,6 +899,14 @@ declare class DashboardViewer implements OnInit, OnDestroy {
      * Get chart type
      */
     getChartType(item: DashboardChartItem): string;
+    /**
+     * Get CSS grid column range for an item
+     */
+    getGridColumn(item: DashboardChartItem): string;
+    /**
+     * Get CSS grid row range for an item
+     */
+    getGridRow(item: DashboardChartItem): string;
     /**
      * Handle chart click
      */
@@ -900,7 +916,7 @@ declare class DashboardViewer implements OnInit, OnDestroy {
      */
     trackByDashboardId(_index: number, item: DashboardChartItem): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DashboardViewer, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DashboardViewer, "mt-dashboard-viewer", never, { "isPage": { "alias": "isPage"; "required": false; "isSignal": true; }; "pageTitle": { "alias": "pageTitle"; "required": false; "isSignal": true; }; "backButton": { "alias": "backButton"; "required": false; "isSignal": true; }; "pageId": { "alias": "pageId"; "required": false; "isSignal": true; }; "chartsData": { "alias": "chartsData"; "required": false; "isSignal": true; }; "dialogsData": { "alias": "dialogsData"; "required": false; "isSignal": true; }; "filtersData": { "alias": "filtersData"; "required": false; "isSignal": true; }; "showFilters": { "alias": "showFilters"; "required": false; "isSignal": true; }; }, { "pageLoaded": "pageLoaded"; "onBack": "onBack"; "chartClick": "chartClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DashboardViewer, "mt-dashboard-viewer", never, { "isPage": { "alias": "isPage"; "required": false; "isSignal": true; }; "pageTitle": { "alias": "pageTitle"; "required": false; "isSignal": true; }; "backButton": { "alias": "backButton"; "required": false; "isSignal": true; }; "pageId": { "alias": "pageId"; "required": false; "isSignal": true; }; "dashboardData": { "alias": "dashboardData"; "required": false; "isSignal": true; }; "chartsData": { "alias": "chartsData"; "required": false; "isSignal": true; }; "dialogsData": { "alias": "dialogsData"; "required": false; "isSignal": true; }; "filtersData": { "alias": "filtersData"; "required": false; "isSignal": true; }; "showFilters": { "alias": "showFilters"; "required": false; "isSignal": true; }; }, { "pageLoaded": "pageLoaded"; "onBack": "onBack"; "chartClick": "chartClick"; }, never, never, true, never>;
 }
 
 /**