mn-angular-lib 1.0.121 → 1.0.122

package/package.json

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

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

@@ -6106,12 +6106,21 @@ type MnTabDataSource = {
  * Tab component that renders a horizontal tab bar.
  * Supports translation keys for labels via MnTranslatePipe.
  */
-declare class MnTabComponent implements DoCheck {
+declare class MnTabComponent implements DoCheck, AfterViewInit, OnDestroy {
+    /** The horizontally-scrolling wrapper the edge fade is painted onto. */
+    private scrollContainer?;
+    /** How far the fade reaches in from each overflowing edge. */
+    private static readonly FADE;
     /** Data source containing tab items and default active index. */
     dataSource: MnTabDataSource;
     /**
      * Whether to enable horizontal scrolling when items overflow.
-     * If true, tabs will scroll horizontally instead of shrinking too much.
+     * When true, tabs scroll horizontally instead of overflowing their container.
+     *
+     * Defaults to `true`: the tab bar never wraps (`flex-nowrap`), so without
+     * scrolling an overflowing bar would clip its last tabs or push the page width
+     * on narrow screens. When the tabs already fit, `overflow-x-auto` is a no-op,
+     * so this default only ever changes behaviour for the overflow case it fixes.
      */
     scrollable: boolean;
     /**
@@ -6123,6 +6132,8 @@ declare class MnTabComponent implements DoCheck {
     activeChange: EventEmitter<MnTabItem>;
     /** The currently active tab item. */
     currentActive?: MnTabItem;
+    /** Watches the wrapper and the tab row so the fade re-evaluates on width or content changes. */
+    private resizeObserver?;
     /**
      * Whether the tab bar is loading and should render skeleton tabs, from
      * {@link MnTabDataSource.state}.
@@ -6143,6 +6154,21 @@ declare class MnTabComponent implements DoCheck {
      * selection is kept in sync with whatever the data source currently holds.
      */
     ngDoCheck(): void;
+    /**
+     * Starts watching the scroll wrapper so the edge fade stays honest. A scroll
+     * moves the fade to whichever side now hides tabs; a resize (viewport change)
+     * or a change to the tab row's width (tabs added, relabelled, skeleton →
+     * loaded) re-checks whether either edge overflows at all.
+     */
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Paints a fade over whichever edge has tabs scrolled out of view — a soft
+     * dissolve that reads as "more this way", the affordance a hidden scrollbar
+     * otherwise costs us. Uses a mask (content → transparent) rather than a
+     * background-coloured overlay, so it needs no knowledge of the theme.
+     */
+    updateEdgeFades(): void;
     /**
      * Sets the given tab item as active, invoking deactivate/activate callbacks.
      * @param item - The tab item to activate.