mn-angular-lib 1.0.91 → 1.0.93

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mn-angular-lib",
-  "version": "1.0.91",
+  "version": "1.0.93",
   "peerDependencies": {
     "@angular/common": "^21.1.3",
     "@angular/core": "^21.1.3"

package/src/lib/features/mn-modal/components/mn-form-body/mn-form-body.component.css

@@ -3,3 +3,22 @@
   background-repeat: no-repeat;
   background-position: right 0.75rem center;
 }
+
+.mn-form-row {
+  grid-template-columns: repeat(var(--mn-form-cols, 1), minmax(0, 1fr));
+}
+
+.mn-form-cell {
+  grid-column: span var(--mn-form-span, 1);
+}
+
+/* Collapse to a single column when the modal becomes a mobile bottom sheet */
+@media (max-width: 639.98px) {
+  .mn-form-row {
+    grid-template-columns: 1fr;
+  }
+
+  .mn-form-cell {
+    grid-column: auto;
+  }
+}

package/types/mn-angular-lib.d.ts

@@ -4462,8 +4462,6 @@ declare class MnFormBodyComponent<TModel = unknown, TResult = TModel> implements
     private subscribeToValueChanges;
     private previousFormValue;
     private reloadDependentDataSources;
-    getGridColumns(row: FormRow<TModel>): string;
-    getGridSpan(rowField: FormRowField<TModel>): string;
     /**
      * Invokes a FILE field's `onClear` callback when its existing image is removed.
      * FILE fields render {@link MnFileInput}, which owns selection/validation and
@@ -5466,7 +5464,7 @@ type MnTabDataSource = {
  * Tab component that renders a horizontal tab bar.
  * Supports translation keys for labels via MnTranslatePipe.
  */
-declare class MnTabComponent implements OnInit {
+declare class MnTabComponent implements DoCheck {
     /** Data source containing tab items and default active index. */
     dataSource: MnTabDataSource;
     /**
@@ -5488,18 +5486,32 @@ declare class MnTabComponent implements OnInit {
      * otherwise the number of known items, falling back to a default when none.
      */
     get skeletonTabs(): number[];
-    /** Initializes the default active tab based on the data source configuration. */
-    ngOnInit(): void;
     /**
-     * Returns the resolved badge value for a tab item, supporting both plain numbers and Signal<number>.
-     * @param item - The tab item whose badge to resolve.
+     * Re-resolves the active tab on every change-detection pass.
+     *
+     * The data source is often populated or rebuilt asynchronously (tabs that
+     * depend on fetched data or permissions). Resolving the active tab only once
+     * at init would leave {@link currentActive} pointing at a stale item — the
+     * tab bar would then highlight nothing and swallow the first click — so the
+     * selection is kept in sync with whatever the data source currently holds.
      */
-    getBadge(item: MnTabItem): number | undefined;
+    ngDoCheck(): void;
     /**
      * Sets the given tab item as active, invoking deactivate/activate callbacks.
      * @param item - The tab item to activate.
      */
     setActive(item: MnTabItem): void;
+    /**
+     * Returns the resolved badge value for a tab item, supporting both plain numbers and Signal<number>.
+     * @param item - The tab item whose badge to resolve.
+     */
+    getBadge(item: MnTabItem): number | undefined;
+    /**
+     * Ensures {@link currentActive} references a tab that still exists in the data
+     * source, falling back to the configured default tab when the current
+     * selection is missing or stale (e.g. after the items array is replaced).
+     */
+    private syncActiveTab;
     static ɵfac: i0.ɵɵFactoryDeclaration<MnTabComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MnTabComponent, "mn-tab", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "justified": { "alias": "justified"; "required": false; }; }, { "activeChange": "activeChange"; }, never, never, true, never>;
 }