@masterteam/dashboard-builder 0.0.3 → 0.0.5

package/package.json

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

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

@@ -6,6 +6,7 @@ import { ContextMenu } from 'primeng/contextmenu';
 import { MenuItem } from 'primeng/api';
 import * as _angular_forms from '@angular/forms';
 import { ControlValueAccessor, FormGroup, FormArray, ValidationErrors } from '@angular/forms';
+import { MTIcon } from '@masterteam/icons';
 import * as rxjs from 'rxjs';
 import { Observable } from 'rxjs';
 import { ColumnDef, TableAction } from '@masterteam/components/table';
@@ -786,10 +787,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 +808,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 +827,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 +834,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 +900,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 +917,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>;
 }
 
 /**
@@ -2027,6 +2044,10 @@ declare class StatisticCardComponent implements OnInit {
     readonly cardClick: _angular_core.OutputEmitterRef<any>;
     /** Path for images */
     pathImages: string;
+    private readonly fallbackIcon;
+    private readonly availableIcons;
+    private readonly availableIconsSet;
+    private readonly iconByShortName;
     /** Language code */
     readonly languageCode: _angular_core.Signal<string>;
     readonly isArabic: _angular_core.Signal<boolean>;
@@ -2055,6 +2076,7 @@ declare class StatisticCardComponent implements OnInit {
     }>;
     ngOnInit(): void;
     onClick(): void;
+    resolveIcon(icon: string | null | undefined): MTIcon;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StatisticCardComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<StatisticCardComponent, "mt-statistic-card", never, { "config": { "alias": "config"; "required": false; "isSignal": true; }; "styleConfig": { "alias": "styleConfig"; "required": false; "isSignal": true; }; "configurationItem": { "alias": "configurationItem"; "required": false; "isSignal": true; }; }, { "cardClick": "cardClick"; }, never, never, true, never>;
 }
@@ -2386,6 +2408,13 @@ declare class BarChartHandler {
      * Format X axis value using the formatXAxis utility
      */
     private formatXAxisValue;
+    /**
+     * Resolve bar corner radius with backward-compatible values:
+     * - undefined/null/true => default curved
+     * - false/0 => square corners
+     * - number/string => that numeric value
+     */
+    private resolveBarBorderRadius;
     /**
      * Apply bar override configurations
      */
@@ -2423,6 +2452,7 @@ declare class PieChartHandler {
 
 declare class StackBarChartHandler {
     private readonly storeService;
+    private resolveStackBarBorderRadius;
     /**
      * Helper method to convert legend position based on language
      */