@openmfp/ngx 0.12.12 → 0.12.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openmfp/ngx",
-  "version": "0.12.12",
+  "version": "0.12.13",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/openmfp/webcomponents.git"

package/types/openmfp-ngx.d.ts

@@ -3,8 +3,8 @@ import { OnInit, OnDestroy, Type } from '@angular/core';
 import { FormGroup, FormControl } from '@angular/forms';
 import * as _openmfp_ngx from '@openmfp/ngx';
 import { Input } from '@fundamental-ngx/ui5-webcomponents/input';
+import { Breakpoint, GridStackOptions } from 'gridstack';
 import { SafeHtml } from '@angular/platform-browser';
-import { GridStackOptions } from 'gridstack';
 import { nodesCB } from 'gridstack/dist/angular';
 
 /** Subset of fields of a generic resource that the table/form components rely on. */
@@ -426,6 +426,16 @@ interface DashboardConfig {
     editButtonFirst?: boolean;
 }
 
+/**
+ * Layout strategy applied at each breakpoint when Gridstack changes column
+ * count. See ColumnOptions in gridstack/dist/types.d.ts:27 for the full set.
+ */
+type LayoutStrategy = 'compact' | 'list' | 'none';
+/** Single source of truth for grid + section breakpoints (TypeScript half). */
+declare const DASHBOARD_BREAKPOINTS: ReadonlyArray<Readonly<Required<Pick<Breakpoint, 'w' | 'c'>> & {
+    layout: LayoutStrategy;
+}>>;
+
 declare class Dashboard implements OnInit, OnDestroy {
     static registerAngularComponents(componentTypes: Type<unknown>[]): void;
     config: _angular_core.InputSignal<DashboardConfig>;
@@ -640,7 +650,15 @@ declare class DashboardCard {
 declare class DashboardSection {
     section: _angular_core.InputSignal<SectionConfig>;
     cards: _angular_core.InputSignal<CardConfig[]>;
-    columns: _angular_core.InputSignal<number>;
+    /**
+     * Optional override for the section's inner grid column count. Leave unset
+     * (the default) to inherit the responsive defaults from CSS — the section
+     * grid then mirrors the dashboard breakpoints (4/8/12/14 columns) via the
+     * `mfp-dashboard` container query in dashboard-section.component.scss.
+     * Pass an explicit number only when a section needs a fixed column count
+     * regardless of width.
+     */
+    columns: _angular_core.InputSignal<number | undefined>;
     editMode: _angular_core.InputSignal<boolean>;
     readonly removeSection: _angular_core.OutputEmitterRef<void>;
     readonly removeCard: _angular_core.OutputEmitterRef<string>;
@@ -1287,5 +1305,5 @@ declare class WhatsNew {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<WhatsNew, "mfp-whats-new", never, {}, {}, never, never, true, never>;
 }
 
-export { BooleanValue, CARD_TYPES, Dashboard, DashboardCard, DashboardSection, DeclarativeForm, DeclarativeTable, DeclarativeTableCard, DiscardChangesDialog, EditCardsDialog, Favorites, LinkValue, ResourceField, SecretValue, ServiceStatusCard, TagListValue, UnsavedChangesDialog, VisitedServiceCard, WhatsNew };
+export { BooleanValue, CARD_TYPES, DASHBOARD_BREAKPOINTS, Dashboard, DashboardCard, DashboardSection, DeclarativeForm, DeclarativeTable, DeclarativeTableCard, DiscardChangesDialog, EditCardsDialog, Favorites, LinkValue, ResourceField, SecretValue, ServiceStatusCard, TagListValue, UnsavedChangesDialog, VisitedServiceCard, WhatsNew };
 export type { ButtonSettings, CardConfig, CardsType, CssRule, CssRuleCondition, DashboardButtonsSettings, DashboardConfig, DeleteResourceConfirmationConfig, FieldDefinition, FormFieldChangeEvent, FormFieldDefinition, FormFieldErrors, GenericResource, IconDesignType, ModalSettings, PropertyField, ResourceFieldButtonClickEvent, ResourceFormConfig, SectionConfig, ServiceStatusItem, ServiceStatusValue, TableCardButtonSettings, TableCardConfig, TableCardFormState, TableConfig, TableFieldDefinition, TransformType, UiSettings };