@meshmakers/octo-meshboard 3.3.700 → 3.3.710

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meshmakers/octo-meshboard",
-  "version": "3.3.700",
+  "version": "3.3.710",
   "peerDependencies": {
     "@angular/common": "^21.2.0",
     "@angular/core": "^21.2.0",

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

@@ -14,7 +14,7 @@ import { CkTypeSelectorInputComponent, FieldFilterItem, FilterVariable, Property
 import * as _meshmakers_octo_meshboard from '@meshmakers/octo-meshboard';
 import * as _progress_kendo_svg_icons from '@progress/kendo-svg-icons';
 import { SVGIcon } from '@progress/kendo-svg-icons';
-import { TileLayoutResizeEvent } from '@progress/kendo-angular-layout';
+import { TileLayoutReorderEvent, TileLayoutResizeEvent } from '@progress/kendo-angular-layout';
 
 /**
  * Mapping from diagram exposed property to runtime data source
@@ -285,6 +285,12 @@ type DataSource = RuntimeEntityDataSource | StaticDataSource | PersistentQueryDa
  * Supported widget types
  */
 type WidgetType = 'entityCard' | 'entityWithAssociations' | 'kpi' | 'table' | 'gauge' | 'pieChart' | 'barChart' | 'lineChart' | 'heatmap' | 'statsGrid' | 'statusIndicator' | 'serviceHealth' | 'process' | 'widgetGroup' | 'markdown' | 'statusList' | 'summaryCard' | 'alertBanner' | 'alertList' | 'aiInsights';
+/**
+ * Widget placement zone.
+ * - 'grid': Rendered inside the Kendo TileLayout grid (default)
+ * - 'banner': Rendered in the banner stack above the grid (full-width, no grid positioning)
+ */
+type WidgetZone = 'grid' | 'banner';
 /**
  * Base widget configuration
  */
@@ -304,6 +310,8 @@ interface WidgetConfig {
     configurable?: boolean;
     /** Hide widget chrome (title bar, border) in view mode */
     chromeless?: boolean;
+    /** Which zone this widget is placed in (default: 'grid') */
+    zone?: WidgetZone;
 }
 /**
  * Entity Card Widget - displays a single entity like a UML class diagram
@@ -1871,6 +1879,7 @@ interface BaseWidgetConfig {
     rowSpan: number;
     configurable?: boolean;
     chromeless?: boolean;
+    zone?: WidgetZone;
 }
 /**
  * Persisted widget data from the backend.
@@ -4877,6 +4886,11 @@ interface WidgetPositionUpdate {
     colSpan: number;
     rowSpan: number;
     chromeless?: boolean;
+    zone?: WidgetZone;
+}
+interface ZoneOption {
+    text: string;
+    value: WidgetZone;
 }
 declare class EditWidgetDialogComponent implements OnInit {
     widget: AnyWidgetConfig;
@@ -4885,9 +4899,12 @@ declare class EditWidgetDialogComponent implements OnInit {
     gridService: MeshBoardGridService;
     save: EventEmitter<WidgetPositionUpdate>;
     cancelled: EventEmitter<void>;
+    readonly zoneOptions: ZoneOption[];
+    selectedZoneOption: ZoneOption;
     form: WidgetPositionUpdate;
     error: string;
     ngOnInit(): void;
+    onZoneChange(option: ZoneOption): void;
     onSave(): void;
     onCancel(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EditWidgetDialogComponent, never>;
@@ -4927,6 +4944,9 @@ declare class MeshBoardViewComponent implements OnInit, OnDestroy, HasUnsavedCha
     protected readonly undoIcon: _progress_kendo_svg_icons.SVGIcon;
     protected readonly copyIcon: _progress_kendo_svg_icons.SVGIcon;
     protected readonly infoCircleIcon: _progress_kendo_svg_icons.SVGIcon;
+    protected readonly arrowUpIcon: _progress_kendo_svg_icons.SVGIcon;
+    protected readonly arrowDownIcon: _progress_kendo_svg_icons.SVGIcon;
+    private tileLayout?;
     protected showEditWidgetDialog: boolean;
     protected editingWidget: AnyWidgetConfig | null;
     private configDialogSubscription;
@@ -5086,6 +5106,14 @@ declare class MeshBoardViewComponent implements OnInit, OnDestroy, HasUnsavedCha
      * Removes a widget from the MeshBoard.
      */
     removeWidget(widgetId: string): void;
+    /**
+     * Moves a banner widget up (earlier) in the widgets array.
+     */
+    moveBannerUp(widgetId: string): void;
+    /**
+     * Moves a banner widget down (later) in the widgets array.
+     */
+    moveBannerDown(widgetId: string): void;
     /**
      * Opens the configuration dialog for a widget.
      * Uses the WidgetRegistryService to open a resizable Kendo Window.
@@ -5098,14 +5126,30 @@ declare class MeshBoardViewComponent implements OnInit, OnDestroy, HasUnsavedCha
     /**
      * Handles TileLayout reorder events.
      */
-    onReorder(event: {
-        newIndex: number;
-        oldIndex: number;
-    }): void;
+    onReorder(event: TileLayoutReorderEvent): void;
     /**
      * Handles TileLayout resize events.
      */
     onResize(event: TileLayoutResizeEvent): void;
+    /**
+     * Syncs widget positions from a TileLayout reorder or resize event.
+     *
+     * At event time, the @Input() properties on TileLayoutItemComponent still
+     * hold their old Angular binding values. The only reliable source for the
+     * changed item's new position are the explicit event properties
+     * (newCol/newRow for reorder, newColSpan/newRowSpan for resize).
+     *
+     * After updating the changed item, we schedule a deferred read of all
+     * item positions from the TileLayout ViewChild (after Angular has processed
+     * the change) to pick up any reflow of other widgets.
+     */
+    private syncWidgetPositionsFromEvent;
+    /**
+     * Reads the current col/row/colSpan/rowSpan from all TileLayout items
+     * and updates the widget state accordingly.
+     * Called after Angular change detection so @Input() values are current.
+     */
+    private syncAllWidgetPositionsFromTileLayout;
     /**
      * Track by function for widget rendering.
      */
@@ -5418,4 +5462,4 @@ declare class MeshBoardManagerDialogComponent implements OnInit {
 }
 
 export { AddWidgetDialogComponent, AiInsightsConfigDialogComponent, AiInsightsService, AiInsightsWidgetComponent, AlertBannerConfigDialogComponent, AlertBannerWidgetComponent, AlertListConfigDialogComponent, AlertListWidgetComponent, AssociationsConfigDialogComponent, BarChartConfigDialogComponent, BarChartWidgetComponent, DashboardDataService, DashboardGridService, EditModeStateService, EditWidgetDialogComponent, EntityAssociationsWidgetComponent, EntityCardConfigDialogComponent, EntityCardWidgetComponent, EntityDetailDialogComponent, EntitySelectorEditorComponent, EntitySelectorToolbarComponent, GaugeConfigDialogComponent, GaugeWidgetComponent, HeatmapConfigDialogComponent, HeatmapWidgetComponent, KpiConfigDialogComponent, KpiWidgetComponent, LineChartConfigDialogComponent, LineChartWidgetComponent, MESHBOARD_OPTIONS, MESHBOARD_TENANT_ID_PROVIDER, MarkdownConfigDialogComponent, MarkdownWidgetComponent, MeshBoardDataService, MeshBoardGridService, MeshBoardManagerDialogComponent, MeshBoardPersistenceService, MeshBoardSettingsDialogComponent, MeshBoardSettingsResult, MeshBoardStateService, MeshBoardViewComponent, PieChartConfigDialogComponent, PieChartWidgetComponent, QuerySelectorComponent, RuntimeEntitySelectorComponent, ServiceHealthConfigDialogComponent, ServiceHealthWidgetComponent, StatsGridConfigDialogComponent, StatsGridWidgetComponent, StatusIndicatorConfigDialogComponent, StatusIndicatorWidgetComponent, StatusListConfigDialogComponent, StatusListWidgetComponent, SummaryCardConfigDialogComponent, SummaryCardWidgetComponent, TableConfigDialogComponent, TableWidgetComponent, TableWidgetDataSourceDirective, WidgetFactoryService, WidgetGroupComponent, WidgetGroupConfigDialogComponent, WidgetNotConfiguredComponent, WidgetRegistryService, provideDefaultWidgets, provideMeshBoard, provideProcessWidget, provideWidgetRegistrations, registerDefaultWidgets, registerProcessWidget };
-export type { AggregationDataSource, AggregationQuery, AggregationType, AiInsightsConfigResult, AiInsightsWidgetConfig, AlertBannerConfigResult, AlertBannerWidgetConfig, AlertListConfigResult, AlertListWidgetConfig, AnyWidgetConfig, AssociationsConfigResult, BarChartColorThreshold, BarChartConfigResult, BarChartSeries, BarChartType, BarChartWidgetConfig, BaseWidgetConfig, CategoryValueItem, ChartReferenceLine, CkQueryResult, CkQueryTarget, CkTypeAttributeInfo, ConfigDialogResult, ConfigResultApplier, ConstructionKitQueryDataSource, DashboardConfig, DashboardWidget, DataSource, DataSourceType, DiagramPropertyMapping, EntityAssociation, EntityAttribute, EntityCardConfigResult, EntityCardWidgetConfig, EntityListWidget, EntitySelectorAttributeMapping, EntitySelectorClearEvent, EntitySelectorConfig, EntitySelectorEvent, EntityWidget, EntityWithAssociationsWidgetConfig, GaugeConfigResult, GaugeRange, GaugeType, GaugeWidgetConfig, GridCell, GridPosition, GroupChildWidgetType, GroupedDataItem, HeatmapAggregation, HeatmapColorScheme, HeatmapConfigResult, HeatmapWidgetConfig, KpiConfigResult, KpiDataSourceType, KpiQueryMode, KpiWidgetConfig, LineChartConfigResult, LineChartType, LineChartWidgetConfig, MarkdownConfigResult, MarkdownTextAlign, MarkdownWidgetConfig, MeshBoardConfig, MeshBoardOptions, MeshBoardTimeFilterConfig, MeshBoardVariable, MeshBoardVariableSource, MeshBoardVariableType, ParentAssociationMode, PersistedDashboard, PersistedMeshBoard, PersistedWidget, PersistedWidgetData, PersistentQueryDataSource, PersistentQueryItem, PieChartConfigResult, PieChartType, PieChartWidgetConfig, ProcessWidgetConfig, Quarter, QueryColumn, QueryColumnItem, RelativeTimeUnit, RepeaterDataItem, RepeaterQueryDataSource, RuntimeEntityData, RuntimeEntityDataSource, RuntimeEntitySelectorValue, ServiceCallDataSource, ServiceCallType, ServiceHealthConfigResult, ServiceHealthWidgetConfig, StatColor, StatItem, StaticDataSource, StatsGridConfigResult, StatsGridWidgetConfig, StatusIndicatorConfigResult, StatusIndicatorWidgetConfig, StatusListConfigResult, StatusListWidgetConfig, SummaryCardConfigResult, SummaryCardTile, SummaryCardWidgetConfig, TableColumn, TableColumnStatusIconMapping, TableConfigResult, TableFilterConfig, TableSortConfig, TableWidgetConfig, TargetEntityWithAttributes, TimeRangePickerConfig, TimeRangeSelection, TimeRangeType, UpdateDashboardResult, VariableResolutionError, WidgetConfig, WidgetConfigDialog, WidgetConfigDialogSize, WidgetConfigResult, WidgetCreationOptions, WidgetDataSource, WidgetFilterConfig, WidgetGroupAttributeMappings, WidgetGroupChildTemplate, WidgetGroupConfig, WidgetGroupConfigResult, WidgetGroupLayout, WidgetPersistenceData, WidgetPositionUpdate, WidgetRegistration, WidgetType };
+export type { AggregationDataSource, AggregationQuery, AggregationType, AiInsightsConfigResult, AiInsightsWidgetConfig, AlertBannerConfigResult, AlertBannerWidgetConfig, AlertListConfigResult, AlertListWidgetConfig, AnyWidgetConfig, AssociationsConfigResult, BarChartColorThreshold, BarChartConfigResult, BarChartSeries, BarChartType, BarChartWidgetConfig, BaseWidgetConfig, CategoryValueItem, ChartReferenceLine, CkQueryResult, CkQueryTarget, CkTypeAttributeInfo, ConfigDialogResult, ConfigResultApplier, ConstructionKitQueryDataSource, DashboardConfig, DashboardWidget, DataSource, DataSourceType, DiagramPropertyMapping, EntityAssociation, EntityAttribute, EntityCardConfigResult, EntityCardWidgetConfig, EntityListWidget, EntitySelectorAttributeMapping, EntitySelectorClearEvent, EntitySelectorConfig, EntitySelectorEvent, EntityWidget, EntityWithAssociationsWidgetConfig, GaugeConfigResult, GaugeRange, GaugeType, GaugeWidgetConfig, GridCell, GridPosition, GroupChildWidgetType, GroupedDataItem, HeatmapAggregation, HeatmapColorScheme, HeatmapConfigResult, HeatmapWidgetConfig, KpiConfigResult, KpiDataSourceType, KpiQueryMode, KpiWidgetConfig, LineChartConfigResult, LineChartType, LineChartWidgetConfig, MarkdownConfigResult, MarkdownTextAlign, MarkdownWidgetConfig, MeshBoardConfig, MeshBoardOptions, MeshBoardTimeFilterConfig, MeshBoardVariable, MeshBoardVariableSource, MeshBoardVariableType, ParentAssociationMode, PersistedDashboard, PersistedMeshBoard, PersistedWidget, PersistedWidgetData, PersistentQueryDataSource, PersistentQueryItem, PieChartConfigResult, PieChartType, PieChartWidgetConfig, ProcessWidgetConfig, Quarter, QueryColumn, QueryColumnItem, RelativeTimeUnit, RepeaterDataItem, RepeaterQueryDataSource, RuntimeEntityData, RuntimeEntityDataSource, RuntimeEntitySelectorValue, ServiceCallDataSource, ServiceCallType, ServiceHealthConfigResult, ServiceHealthWidgetConfig, StatColor, StatItem, StaticDataSource, StatsGridConfigResult, StatsGridWidgetConfig, StatusIndicatorConfigResult, StatusIndicatorWidgetConfig, StatusListConfigResult, StatusListWidgetConfig, SummaryCardConfigResult, SummaryCardTile, SummaryCardWidgetConfig, TableColumn, TableColumnStatusIconMapping, TableConfigResult, TableFilterConfig, TableSortConfig, TableWidgetConfig, TargetEntityWithAttributes, TimeRangePickerConfig, TimeRangeSelection, TimeRangeType, UpdateDashboardResult, VariableResolutionError, WidgetConfig, WidgetConfigDialog, WidgetConfigDialogSize, WidgetConfigResult, WidgetCreationOptions, WidgetDataSource, WidgetFilterConfig, WidgetGroupAttributeMappings, WidgetGroupChildTemplate, WidgetGroupConfig, WidgetGroupConfigResult, WidgetGroupLayout, WidgetPersistenceData, WidgetPositionUpdate, WidgetRegistration, WidgetType, WidgetZone };