mn-angular-lib 1.0.121 → 1.0.123

package/package.json

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

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

@@ -5225,6 +5225,15 @@ type ListDataSource<T> = MnSelectableCollectionDataSource<T> & {
     skeleton?: ListSkeleton;
     onItemClick?: (item: T) => void;
     appearance?: ListAppearance;
+    /** Template rendered on the left of the toolbar, before the search field. */
+    toolbarLeftTemplate?: TemplateRef<unknown>;
+    /** Template rendered on the right of the toolbar, after the search field. */
+    toolbarRightTemplate?: TemplateRef<unknown>;
+    /**
+     * @deprecated Use {@link toolbarRightTemplate}, which names the slot it fills.
+     * Still honoured, and still rendered on the right, so existing callers keep
+     * working unchanged.
+     */
     toolbarTemplate?: TemplateRef<unknown>;
 };
 /** @deprecated Use {@link MnCollectionLabels}. */
@@ -5236,6 +5245,11 @@ declare class MnList<T = unknown> extends MnSelectableCollectionBase<T, ListData
     /** Skeleton lines rendered for each placeholder item, falling back to the default two-bar layout. */
     get skeletonLines(): Partial<MnSkeletonProps>[];
     onItemClick(item: T): void;
+    /**
+     * The toolbar template the base class watches for identity changes. Prefers the
+     * left slot, then the right, then the deprecated `toolbarTemplate`, so a list
+     * using any single slot still re-renders when that template is swapped.
+     */
     protected get trackedToolbarTemplate(): TemplateRef<unknown> | undefined;
     protected collectionBody?: ElementRef<HTMLElement>;
     protected applyFilter(searchForItems: boolean): void;
@@ -5295,6 +5309,15 @@ type GridDataSource<T> = MnCollectionDataSource<T> & {
     /** Responsive layout configuration. */
     layout?: GridLayout;
     onItemClick?: (item: T) => void;
+    /** Template rendered on the left of the toolbar, before the search field. */
+    toolbarLeftTemplate?: TemplateRef<unknown>;
+    /** Template rendered on the right of the toolbar, after the search field. */
+    toolbarRightTemplate?: TemplateRef<unknown>;
+    /**
+     * @deprecated Use {@link toolbarRightTemplate}, which names the slot it fills.
+     * Still honoured, and still rendered on the right, so existing callers keep
+     * working unchanged.
+     */
     toolbarTemplate?: TemplateRef<unknown>;
 };
 
@@ -5312,6 +5335,11 @@ declare class MnGrid<T = unknown> extends MnCollectionBase<T, GridDataSource<T>>
     get isAutoLayout(): boolean;
     /** Skeleton lines for the default/lines placeholder; null when a custom template is used. */
     get skeletonLines(): Partial<MnSkeletonProps>[];
+    /**
+     * The toolbar template the base class watches for identity changes. Prefers the
+     * left slot, then the right, then the deprecated `toolbarTemplate`, so a grid
+     * using any single slot still re-renders when that template is swapped.
+     */
     protected get trackedToolbarTemplate(): TemplateRef<unknown> | undefined;
     protected collectionBody?: ElementRef<HTMLElement>;
     onItemClick(item: T): void;
@@ -6106,12 +6134,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 +6160,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 +6182,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.
@@ -6221,7 +6275,7 @@ declare const MN_ICON_MAP: Record<string, string>;
 
 declare class MnIconAttributes {
     static ɵfac: i0.ɵɵFactoryDeclaration<MnIconAttributes, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MnIconAttributes, "mn-icon[mnIconPistol], mn-icon[mnIconPending]", never, {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MnIconAttributes, "mn-icon[mnIconPistol]", never, {}, {}, never, never, true, never>;
 }
 
 /**