@malva-ui/core 0.1.12

package/esm2022/menu/lib/menu/menubar.js

@@ -0,0 +1,257 @@
+import { ChangeDetectionStrategy, Component, DestroyRef, ElementRef, HostAttributeToken, ViewEncapsulation, contentChildren, effect, inject, input, untracked, } from '@angular/core';
+import { FocusKeyManager } from '@angular/cdk/a11y';
+import { MlvMenuTrigger } from './menu-trigger';
+import { MENUBAR_TOKEN } from './menubar.types';
+import * as i0 from "@angular/core";
+/**
+ * Horizontal application menu bar (`mlv-menubar`) — a File / Edit / View style
+ * row of top-level menu triggers, implementing the
+ * [WAI-ARIA Menubar pattern](https://www.w3.org/WAI/ARIA/apg/patterns/menubar/).
+ *
+ * Wrap a set of `[mlvMenuTrigger]` elements. Each trigger opens a standard
+ * `mlv-menu` dropdown; the bar coordinates them:
+ *
+ * - `role="menubar"` container with a **roving tabindex** across the top-level
+ *   items (only the active item is in the tab order).
+ * - `ArrowLeft` / `ArrowRight` move between top-level items (wrapping); `Home` /
+ *   `End` jump to the first / last; printable characters type-ahead by label.
+ * - `ArrowDown` / `Enter` / `Space` open the focused item's menu with focus on
+ *   its first item; `ArrowUp` opens with focus on the last item (handled by the
+ *   trigger).
+ * - While any dropdown is open, hovering or arrowing to another top-level item
+ *   closes the current menu and opens the sibling (hover-follow only-while-open).
+ * - `ArrowRight` / `ArrowLeft` at the top level of an open dropdown cross to the
+ *   adjacent menubar menu; a focused submenu trigger's own `ArrowRight` wins.
+ * - `Escape` closes the menu and restores focus to its top-level item.
+ *
+ * Declare the `mlv-menu` panels **as siblings of the menubar** (outside its
+ * content), so the bar's `contentChildren` query only picks up the top-level
+ * triggers — see the example below.
+ *
+ * @example
+ * ```html
+ * <mlv-menubar aria-label="Main">
+ *   <button mlvButton variant="transparent" [mlvMenuTrigger]="fileMenu">File</button>
+ *   <button mlvButton variant="transparent" [mlvMenuTrigger]="editMenu">Edit</button>
+ * </mlv-menubar>
+ *
+ * <mlv-menu #fileMenu label="File">
+ *   <mlv-list-item mlvMenuItem (itemClick)="onNew()">New</mlv-list-item>
+ * </mlv-menu>
+ * <mlv-menu #editMenu label="Edit">
+ *   <mlv-list-item mlvMenuItem (itemClick)="onUndo()">Undo</mlv-list-item>
+ * </mlv-menu>
+ * ```
+ */
+export class MlvMenubar {
+    // ─── Injected services ────────────────────────────────────────────────────
+    /** @private Host element reference. */
+    _elementRef = inject((ElementRef));
+    /**
+     * @private The `aria-label` the consumer placed directly on the `<mlv-menubar>`
+     * element, captured before the host binding runs. Used as the accessible-name
+     * fallback so a natively-provided `aria-label` is preserved when the `label`
+     * input is not used — without it the `[attr.aria-label]` host binding would
+     * clobber the consumer's attribute with `null`.
+     */
+    _initialAriaLabel = inject(new HostAttributeToken('aria-label'), { optional: true });
+    // ─── Content children ─────────────────────────────────────────────────────
+    /**
+     * @protected The top-level `[mlvMenuTrigger]` children, in DOM order. Only
+     * direct descendants of the menubar are found — the `mlv-menu` dropdown
+     * panels are declared as siblings, so their items and submenu triggers are
+     * never picked up here.
+     */
+    _items = contentChildren(MlvMenuTrigger, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_items" }] : /* istanbul ignore next */ []));
+    // ─── Inputs ───────────────────────────────────────────────────────────────
+    /**
+     * Accessible label for the menubar (`aria-label`). Use when there is no
+     * visible heading that labels the bar.
+     */
+    label = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    // ─── Internal state ───────────────────────────────────────────────────────
+    /**
+     * @private `FocusKeyManager` managing the roving tabindex and horizontal
+     * arrow / Home / End / type-ahead navigation across top-level items.
+     */
+    _keyManager = null;
+    /**
+     * @private Subscription to the key manager's `change` stream, keeping the
+     * roving tabindex in sync when type-ahead moves the active item.
+     */
+    _changeSub = null;
+    /**
+     * @private The top-level item whose dropdown is currently open, or `null`
+     * when the whole bar is closed.
+     */
+    _openItem = null;
+    constructor() {
+        // (Re)build the key manager whenever the set of top-level items changes.
+        //
+        // The effect deliberately depends ONLY on the `_items()` query. All the
+        // imperative work below both READS reactive signals (`menuTriggerDisabled()`
+        // via the key manager's `skipPredicate`) and WRITES them (`_tabIndex` in
+        // `_syncTabIndices`). Because writing `_tabIndex` dirties the child trigger
+        // effects — and therefore the view — leaving those reads tracked would let
+        // the effect re-notify itself on every view refresh, spinning synchronously.
+        // Running the side effects in `untracked` keeps the sole reactive dependency
+        // the item set, which is the only thing that should trigger a rebuild.
+        effect(() => {
+            const items = this._items();
+            untracked(() => {
+                if (items.length > 0) {
+                    this._initKeyManager(items);
+                    this._syncTabIndices();
+                }
+            });
+        });
+        inject(DestroyRef).onDestroy(() => this._changeSub?.unsubscribe());
+    }
+    // ─── MlvMenubarAccessor ──────────────────────────────────────────────────────
+    /** Host element of the menubar (used as a click-outside exclusion). */
+    get hostElement() {
+        return this._elementRef.nativeElement;
+    }
+    /**
+     * Records `item` as the open dropdown, closing any previously-open sibling
+     * and syncing the roving tabindex so the bar's active item follows the open
+     * menu. Called by a child trigger from its open path.
+     */
+    notifyItemOpened(item) {
+        const previous = this._openItem;
+        this._openItem = item;
+        if (previous && previous !== item) {
+            previous.closeMenu();
+        }
+        this._keyManager?.setActiveItem(item);
+        this._syncTabIndices();
+    }
+    /** Clears the open-item record when `item`'s dropdown closes. */
+    notifyItemClosed(item) {
+        if (this._openItem === item) {
+            this._openItem = null;
+        }
+    }
+    /** Whether any dropdown in the bar is currently open. */
+    hasOpenMenu() {
+        return this._openItem !== null;
+    }
+    /**
+     * Hover-follow: while a dropdown is already open, opening the hovered item's
+     * dropdown (which, via `notifyItemOpened`, closes the previous one). Does
+     * nothing when the bar is fully closed or the item is disabled/already open.
+     */
+    onItemPointerEnter(item) {
+        if (!this.hasOpenMenu())
+            return;
+        if (item === this._openItem || item.disabledBoolean)
+            return;
+        item.openMenu();
+    }
+    /**
+     * Crosses from the open dropdown to an adjacent top-level item's menu,
+     * wrapping over disabled items, and opens it with focus on its first item.
+     */
+    openAdjacentItemMenu(from, dir) {
+        const items = this._navigableItems();
+        const index = items.indexOf(from);
+        if (index === -1 || items.length === 0)
+            return;
+        const target = items[(index + dir + items.length) % items.length];
+        if (target === from)
+            return;
+        from.closeMenu();
+        this._keyManager?.setActiveItem(target);
+        this._syncTabIndices();
+        target.openMenuWithFirstItemFocused();
+    }
+    // ─── Protected handlers ───────────────────────────────────────────────────
+    /**
+     * @protected Menubar-level keyboard handler.
+     *
+     * Opening keys (`Enter`, `Space`, `ArrowDown`, `ArrowUp`) are handled by the
+     * focused trigger itself, so they are ignored here. Everything else is routed
+     * to `FocusKeyManager` for horizontal navigation, Home/End, and type-ahead.
+     * If a dropdown is open when the active item changes, the newly-focused item's
+     * menu is opened (open-follow).
+     */
+    _onKeydown(event) {
+        switch (event.key) {
+            case 'Enter':
+            case ' ':
+            case 'ArrowDown':
+            case 'ArrowUp':
+                return;
+        }
+        const keyManager = this._keyManager;
+        if (!keyManager)
+            return;
+        const before = keyManager.activeItem;
+        keyManager.onKeydown(event);
+        const after = keyManager.activeItem;
+        if (after && after !== before) {
+            this._syncTabIndices();
+            if (this._openItem && after !== this._openItem) {
+                after.openMenu();
+            }
+        }
+    }
+    // ─── Private helpers ──────────────────────────────────────────────────────
+    /**
+     * @private Creates or replaces the `FocusKeyManager` with the current items,
+     * using horizontal orientation, wrap, Home/End and type-ahead, skipping
+     * disabled items. Sets the first item active so the bar has a tabbable entry.
+     */
+    _initKeyManager(items) {
+        this._changeSub?.unsubscribe();
+        this._keyManager = new FocusKeyManager(items)
+            .withHorizontalOrientation('ltr')
+            .withWrap()
+            .withHomeAndEnd()
+            .withTypeAhead()
+            .skipPredicate((item) => item.disabledBoolean);
+        this._changeSub = this._keyManager.change.subscribe(() => this._syncTabIndices());
+        if (!this._keyManager.activeItem) {
+            this._keyManager.setFirstItemActive();
+        }
+    }
+    /**
+     * @private Updates `_tabIndex` on every item so that only the active item has
+     * `tabindex="0"` (roving tabindex). All others get `-1`.
+     */
+    _syncTabIndices() {
+        const active = this._keyManager?.activeItem;
+        this._items().forEach((item) => {
+            item._tabIndex.set(item === active ? 0 : -1);
+        });
+    }
+    /** @private The non-disabled top-level items, in DOM order. */
+    _navigableItems() {
+        return this._items().filter((item) => !item.disabledBoolean);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvMenubar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.7", type: MlvMenubar, isStandalone: true, selector: "mlv-menubar", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "menubar" }, listeners: { "keydown": "_onKeydown($event)" }, properties: { "attr.aria-orientation": "\"horizontal\"", "attr.aria-label": "label() || _initialAriaLabel || null" }, classAttribute: "mlv-menubar" }, providers: [
+            {
+                provide: MENUBAR_TOKEN,
+                useExisting: MlvMenubar,
+            },
+        ], queries: [{ propertyName: "_items", predicate: MlvMenuTrigger, isSignal: true }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: [".mlv-menubar{box-sizing:border-box;padding:var(--mlv-padding-xs);margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-typography-body-m-size)}.mlv-menubar *{box-sizing:border-box}.mlv-menubar{display:inline-flex;align-items:center;gap:var(--mlv-spacing-2);background-color:var(--mlv-background-raised);border:var(--mlv-stroke-width) solid var(--mlv-border-subtle);border-radius:var(--mlv-radius-m);color:var(--mlv-text-primary)}.mlv-menubar:focus-visible{outline:none}.mlv-menubar [role=menuitem]:focus-visible{outline:var(--mlv-stroke-width-medium) solid var(--mlv-border-focus);outline-offset:var(--mlv-focus-ring-offset)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvMenubar, decorators: [{
+            type: Component,
+            args: [{ selector: 'mlv-menubar', template: `<ng-content />`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'mlv-menubar',
+                        role: 'menubar',
+                        '[attr.aria-orientation]': '"horizontal"',
+                        '[attr.aria-label]': 'label() || _initialAriaLabel || null',
+                        '(keydown)': '_onKeydown($event)',
+                    }, providers: [
+                        {
+                            provide: MENUBAR_TOKEN,
+                            useExisting: MlvMenubar,
+                        },
+                    ], styles: [".mlv-menubar{box-sizing:border-box;padding:var(--mlv-padding-xs);margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-typography-body-m-size)}.mlv-menubar *{box-sizing:border-box}.mlv-menubar{display:inline-flex;align-items:center;gap:var(--mlv-spacing-2);background-color:var(--mlv-background-raised);border:var(--mlv-stroke-width) solid var(--mlv-border-subtle);border-radius:var(--mlv-radius-m);color:var(--mlv-text-primary)}.mlv-menubar:focus-visible{outline:none}.mlv-menubar [role=menuitem]:focus-visible{outline:var(--mlv-stroke-width-medium) solid var(--mlv-border-focus);outline-offset:var(--mlv-focus-ring-offset)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { _items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => MlvMenuTrigger), { isSignal: true }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }] } });
+//# sourceMappingURL=menubar.js.map

package/esm2022/menu/lib/menu/menubar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menubar.js","sourceRoot":"","sources":["../../../../../../../libs/core/menu/src/lib/menu/menubar.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  ElementRef,\n  HostAttributeToken,\n  ViewEncapsulation,\n  contentChildren,\n  effect,\n  inject,\n  input,\n  untracked,\n} from '@angular/core';\nimport { FocusKeyManager } from '@angular/cdk/a11y';\nimport type { Subscription } from 'rxjs';\nimport { MlvMenuTrigger } from './menu-trigger';\nimport { MENUBAR_TOKEN } from './menubar.types';\nimport type { MlvMenubarAccessor, MlvMenubarItem } from './menubar.types';\n\n/**\n * Horizontal application menu bar (`mlv-menubar`) — a File / Edit / View style\n * row of top-level menu triggers, implementing the\n * [WAI-ARIA Menubar pattern](https://www.w3.org/WAI/ARIA/apg/patterns/menubar/).\n *\n * Wrap a set of `[mlvMenuTrigger]` elements. Each trigger opens a standard\n * `mlv-menu` dropdown; the bar coordinates them:\n *\n * - `role=\"menubar\"` container with a **roving tabindex** across the top-level\n *   items (only the active item is in the tab order).\n * - `ArrowLeft` / `ArrowRight` move between top-level items (wrapping); `Home` /\n *   `End` jump to the first / last; printable characters type-ahead by label.\n * - `ArrowDown` / `Enter` / `Space` open the focused item's menu with focus on\n *   its first item; `ArrowUp` opens with focus on the last item (handled by the\n *   trigger).\n * - While any dropdown is open, hovering or arrowing to another top-level item\n *   closes the current menu and opens the sibling (hover-follow only-while-open).\n * - `ArrowRight` / `ArrowLeft` at the top level of an open dropdown cross to the\n *   adjacent menubar menu; a focused submenu trigger's own `ArrowRight` wins.\n * - `Escape` closes the menu and restores focus to its top-level item.\n *\n * Declare the `mlv-menu` panels **as siblings of the menubar** (outside its\n * content), so the bar's `contentChildren` query only picks up the top-level\n * triggers — see the example below.\n *\n * @example\n * ```html\n * <mlv-menubar aria-label=\"Main\">\n *   <button mlvButton variant=\"transparent\" [mlvMenuTrigger]=\"fileMenu\">File</button>\n *   <button mlvButton variant=\"transparent\" [mlvMenuTrigger]=\"editMenu\">Edit</button>\n * </mlv-menubar>\n *\n * <mlv-menu #fileMenu label=\"File\">\n *   <mlv-list-item mlvMenuItem (itemClick)=\"onNew()\">New</mlv-list-item>\n * </mlv-menu>\n * <mlv-menu #editMenu label=\"Edit\">\n *   <mlv-list-item mlvMenuItem (itemClick)=\"onUndo()\">Undo</mlv-list-item>\n * </mlv-menu>\n * ```\n */\n@Component({\n  selector: 'mlv-menubar',\n  template: `<ng-content />`,\n  styleUrl: './menubar.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'mlv-menubar',\n    role: 'menubar',\n    '[attr.aria-orientation]': '\"horizontal\"',\n    '[attr.aria-label]': 'label() || _initialAriaLabel || null',\n    '(keydown)': '_onKeydown($event)',\n  },\n  providers: [\n    {\n      provide: MENUBAR_TOKEN,\n      useExisting: MlvMenubar,\n    },\n  ],\n})\nexport class MlvMenubar implements MlvMenubarAccessor {\n  // ─── Injected services ────────────────────────────────────────────────────\n\n  /** @private Host element reference. */\n  private readonly _elementRef = inject(ElementRef<HTMLElement>);\n\n  /**\n   * @private The `aria-label` the consumer placed directly on the `<mlv-menubar>`\n   * element, captured before the host binding runs. Used as the accessible-name\n   * fallback so a natively-provided `aria-label` is preserved when the `label`\n   * input is not used — without it the `[attr.aria-label]` host binding would\n   * clobber the consumer's attribute with `null`.\n   */\n  protected readonly _initialAriaLabel = inject(\n    new HostAttributeToken('aria-label'),\n    { optional: true },\n  );\n\n  // ─── Content children ─────────────────────────────────────────────────────\n\n  /**\n   * @protected The top-level `[mlvMenuTrigger]` children, in DOM order. Only\n   * direct descendants of the menubar are found — the `mlv-menu` dropdown\n   * panels are declared as siblings, so their items and submenu triggers are\n   * never picked up here.\n   */\n  protected readonly _items = contentChildren(MlvMenuTrigger);\n\n  // ─── Inputs ───────────────────────────────────────────────────────────────\n\n  /**\n   * Accessible label for the menubar (`aria-label`). Use when there is no\n   * visible heading that labels the bar.\n   */\n  readonly label = input<string>('');\n\n  // ─── Internal state ───────────────────────────────────────────────────────\n\n  /**\n   * @private `FocusKeyManager` managing the roving tabindex and horizontal\n   * arrow / Home / End / type-ahead navigation across top-level items.\n   */\n  private _keyManager: FocusKeyManager<MlvMenubarItem> | null = null;\n\n  /**\n   * @private Subscription to the key manager's `change` stream, keeping the\n   * roving tabindex in sync when type-ahead moves the active item.\n   */\n  private _changeSub: Subscription | null = null;\n\n  /**\n   * @private The top-level item whose dropdown is currently open, or `null`\n   * when the whole bar is closed.\n   */\n  private _openItem: MlvMenubarItem | null = null;\n\n  constructor() {\n    // (Re)build the key manager whenever the set of top-level items changes.\n    //\n    // The effect deliberately depends ONLY on the `_items()` query. All the\n    // imperative work below both READS reactive signals (`menuTriggerDisabled()`\n    // via the key manager's `skipPredicate`) and WRITES them (`_tabIndex` in\n    // `_syncTabIndices`). Because writing `_tabIndex` dirties the child trigger\n    // effects — and therefore the view — leaving those reads tracked would let\n    // the effect re-notify itself on every view refresh, spinning synchronously.\n    // Running the side effects in `untracked` keeps the sole reactive dependency\n    // the item set, which is the only thing that should trigger a rebuild.\n    effect(() => {\n      const items = this._items() as unknown as MlvMenubarItem[];\n      untracked(() => {\n        if (items.length > 0) {\n          this._initKeyManager(items);\n          this._syncTabIndices();\n        }\n      });\n    });\n\n    inject(DestroyRef).onDestroy(() => this._changeSub?.unsubscribe());\n  }\n\n  // ─── MlvMenubarAccessor ──────────────────────────────────────────────────────\n\n  /** Host element of the menubar (used as a click-outside exclusion). */\n  get hostElement(): HTMLElement {\n    return this._elementRef.nativeElement;\n  }\n\n  /**\n   * Records `item` as the open dropdown, closing any previously-open sibling\n   * and syncing the roving tabindex so the bar's active item follows the open\n   * menu. Called by a child trigger from its open path.\n   */\n  notifyItemOpened(item: MlvMenubarItem): void {\n    const previous = this._openItem;\n    this._openItem = item;\n    if (previous && previous !== item) {\n      previous.closeMenu();\n    }\n    this._keyManager?.setActiveItem(item);\n    this._syncTabIndices();\n  }\n\n  /** Clears the open-item record when `item`'s dropdown closes. */\n  notifyItemClosed(item: MlvMenubarItem): void {\n    if (this._openItem === item) {\n      this._openItem = null;\n    }\n  }\n\n  /** Whether any dropdown in the bar is currently open. */\n  hasOpenMenu(): boolean {\n    return this._openItem !== null;\n  }\n\n  /**\n   * Hover-follow: while a dropdown is already open, opening the hovered item's\n   * dropdown (which, via `notifyItemOpened`, closes the previous one). Does\n   * nothing when the bar is fully closed or the item is disabled/already open.\n   */\n  onItemPointerEnter(item: MlvMenubarItem): void {\n    if (!this.hasOpenMenu()) return;\n    if (item === this._openItem || item.disabledBoolean) return;\n    item.openMenu();\n  }\n\n  /**\n   * Crosses from the open dropdown to an adjacent top-level item's menu,\n   * wrapping over disabled items, and opens it with focus on its first item.\n   */\n  openAdjacentItemMenu(from: MlvMenubarItem, dir: 1 | -1): void {\n    const items = this._navigableItems();\n    const index = items.indexOf(from);\n    if (index === -1 || items.length === 0) return;\n\n    const target = items[(index + dir + items.length) % items.length];\n    if (target === from) return;\n\n    from.closeMenu();\n    this._keyManager?.setActiveItem(target);\n    this._syncTabIndices();\n    target.openMenuWithFirstItemFocused();\n  }\n\n  // ─── Protected handlers ───────────────────────────────────────────────────\n\n  /**\n   * @protected Menubar-level keyboard handler.\n   *\n   * Opening keys (`Enter`, `Space`, `ArrowDown`, `ArrowUp`) are handled by the\n   * focused trigger itself, so they are ignored here. Everything else is routed\n   * to `FocusKeyManager` for horizontal navigation, Home/End, and type-ahead.\n   * If a dropdown is open when the active item changes, the newly-focused item's\n   * menu is opened (open-follow).\n   */\n  protected _onKeydown(event: KeyboardEvent): void {\n    switch (event.key) {\n      case 'Enter':\n      case ' ':\n      case 'ArrowDown':\n      case 'ArrowUp':\n        return;\n    }\n\n    const keyManager = this._keyManager;\n    if (!keyManager) return;\n\n    const before = keyManager.activeItem;\n    keyManager.onKeydown(event);\n    const after = keyManager.activeItem;\n\n    if (after && after !== before) {\n      this._syncTabIndices();\n      if (this._openItem && after !== this._openItem) {\n        after.openMenu();\n      }\n    }\n  }\n\n  // ─── Private helpers ──────────────────────────────────────────────────────\n\n  /**\n   * @private Creates or replaces the `FocusKeyManager` with the current items,\n   * using horizontal orientation, wrap, Home/End and type-ahead, skipping\n   * disabled items. Sets the first item active so the bar has a tabbable entry.\n   */\n  private _initKeyManager(items: MlvMenubarItem[]): void {\n    this._changeSub?.unsubscribe();\n    this._keyManager = new FocusKeyManager<MlvMenubarItem>(items)\n      .withHorizontalOrientation('ltr')\n      .withWrap()\n      .withHomeAndEnd()\n      .withTypeAhead()\n      .skipPredicate((item) => item.disabledBoolean);\n    this._changeSub = this._keyManager.change.subscribe(() =>\n      this._syncTabIndices(),\n    );\n    if (!this._keyManager.activeItem) {\n      this._keyManager.setFirstItemActive();\n    }\n  }\n\n  /**\n   * @private Updates `_tabIndex` on every item so that only the active item has\n   * `tabindex=\"0\"` (roving tabindex). All others get `-1`.\n   */\n  private _syncTabIndices(): void {\n    const active = this._keyManager?.activeItem;\n    (this._items() as unknown as MlvMenubarItem[]).forEach((item) => {\n      item._tabIndex.set(item === active ? 0 : -1);\n    });\n  }\n\n  /** @private The non-disabled top-level items, in DOM order. */\n  private _navigableItems(): MlvMenubarItem[] {\n    return (this._items() as unknown as MlvMenubarItem[]).filter(\n      (item) => !item.disabledBoolean,\n    );\n  }\n}\n"]}

package/esm2022/menu/lib/menu/menubar.types.js

@@ -0,0 +1,4 @@
+import { InjectionToken } from '@angular/core';
+/** Injection token for the parent `mlv-menubar`. */
+export const MENUBAR_TOKEN = new InjectionToken('MENUBAR_TOKEN');
+//# sourceMappingURL=menubar.types.js.map

package/esm2022/menu/lib/menu/menubar.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menubar.types.js","sourceRoot":"","sources":["../../../../../../../libs/core/menu/src/lib/menu/menubar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAiG/C,oDAAoD;AACpD,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,cAAc,CAC7C,eAAe,CAChB,CAAC","sourcesContent":["import { InjectionToken } from '@angular/core';\nimport type { WritableSignal } from '@angular/core';\nimport type { FocusableOption } from '@angular/cdk/a11y';\n\n/**\n * The subset of the `MlvMenuTrigger` API a `mlv-menubar` needs to\n * coordinate its top-level items (roving tabindex, arrow navigation, and the\n * \"open-follow\" behaviour where moving to a sibling while a menu is open opens\n * that sibling's menu).\n *\n * `MlvMenuTrigger` implements this shape at runtime when it is a direct\n * child of a `mlv-menubar` (i.e. it can inject {@link MENUBAR_TOKEN}).\n */\nexport interface MlvMenubarItem extends FocusableOption {\n  /** Whether this top-level item is disabled — used by the bar's `skipPredicate`. */\n  readonly disabledBoolean: boolean;\n\n  /**\n   * Roving tabindex signal for this item — `0` for the currently active item,\n   * `-1` for every other item. Written by the parent `mlv-menubar`.\n   */\n  readonly _tabIndex: WritableSignal<number>;\n\n  /** Whether this item's dropdown menu is currently open. */\n  isMenuOpen(): boolean;\n\n  /** Opens this item's dropdown without moving focus into the panel. */\n  openMenu(): void;\n\n  /** Closes this item's dropdown. */\n  closeMenu(): void;\n\n  /** Opens this item's dropdown and moves focus to the first menu item. */\n  openMenuWithFirstItemFocused(): void;\n\n  /** Opens this item's dropdown and moves focus to the last menu item. */\n  openMenuWithLastItemFocused(): void;\n\n  /** Returns the item's visible text label, used for menubar type-ahead. */\n  getLabel(): string;\n}\n\n/**\n * Accessor a `mlv-menubar` exposes to its child triggers via {@link MENUBAR_TOKEN}.\n * Child triggers use it to report open/close state and to request sibling-menu\n * navigation, without importing the concrete `MlvMenubar`.\n */\nexport interface MlvMenubarAccessor {\n  /**\n   * Host element of the menubar. Passed to `MlvPopupService` as a click-outside\n   * exclusion so that clicking a sibling top-level item switches menus instead\n   * of dismissing the open dropdown.\n   */\n  readonly hostElement: HTMLElement;\n\n  /**\n   * Called by a child when its dropdown opens. The bar records the open item,\n   * closes any previously-open sibling, and syncs the roving tabindex.\n   */\n  notifyItemOpened(item: MlvMenubarItem): void;\n\n  /** Called by a child when its dropdown closes. */\n  notifyItemClosed(item: MlvMenubarItem): void;\n\n  /**\n   * Called on `mouseenter` of a child. Opens the hovered item's dropdown **only\n   * while another dropdown in the bar is already open** (hover-follow); does\n   * nothing when the bar is fully closed.\n   */\n  onItemPointerEnter(item: MlvMenubarItem): void;\n\n  /** Whether any dropdown in the bar is currently open. */\n  hasOpenMenu(): boolean;\n\n  /**\n   * Moves to the item adjacent to `from` (wrapping over disabled items) and\n   * opens its dropdown with focus on the first item. Called from within an open\n   * dropdown on ArrowRight (`dir = 1`) or ArrowLeft (`dir = -1`) to cross to a\n   * sibling menubar menu.\n   */\n  openAdjacentItemMenu(from: MlvMenubarItem, dir: 1 | -1): void;\n}\n\n/**\n * Controller a menubar dropdown uses to cross to a sibling menubar menu when\n * ArrowRight / ArrowLeft is pressed at the top level of the open dropdown.\n * Registered on the `MlvMenu` by the opening `MlvMenuTrigger` when\n * (and only when) that trigger is a menubar child.\n */\nexport interface MlvMenubarMenuController {\n  /** Cross to the next menubar item's menu (in-menu ArrowRight). */\n  openNextItemMenu(): void;\n\n  /** Cross to the previous menubar item's menu (in-menu ArrowLeft). */\n  openPreviousItemMenu(): void;\n}\n\n/** Injection token for the parent `mlv-menubar`. */\nexport const MENUBAR_TOKEN = new InjectionToken<MlvMenubarAccessor>(\n  'MENUBAR_TOKEN',\n);\n"]}

package/esm2022/menu/lib/menu/submenu-aim.js

@@ -0,0 +1,30 @@
+/**
+ * Minimum horizontal travel, in CSS pixels, that counts as aiming at the submenu.
+ *
+ * Without it a purely vertical move qualifies: `deltaX === 0` is not "away from"
+ * the submenu, and the cone between the panel's top and bottom corners is very
+ * wide when measured from the far side of the item, so sliding straight down the
+ * item column read as heading toward the panel and kept cancelling the close.
+ *
+ * Small enough that a genuine diagonal still registers on the first move, large
+ * enough that jitter along one axis does not.
+ */
+const MIN_HORIZONTAL_PROGRESS = 2;
+/** Returns whether the current pointer trajectory is heading into a submenu. */
+export function isCursorHeadingToSubmenu(currentX, currentY, state) {
+    const { lastX, lastY, submenuRect, side } = state;
+    const deltaX = currentX - lastX;
+    const progress = side === 'right' ? deltaX : -deltaX;
+    if (progress < MIN_HORIZONTAL_PROGRESS)
+        return false;
+    const edgeX = side === 'right' ? submenuRect.left : submenuRect.right;
+    const edgeDelta = edgeX - lastX;
+    if (Math.abs(edgeDelta) < 1)
+        return true;
+    const currentSlope = (currentY - lastY) / edgeDelta;
+    const topSlope = (submenuRect.top - lastY) / edgeDelta;
+    const bottomSlope = (submenuRect.bottom - lastY) / edgeDelta;
+    return (currentSlope >= Math.min(topSlope, bottomSlope) &&
+        currentSlope <= Math.max(topSlope, bottomSlope));
+}
+//# sourceMappingURL=submenu-aim.js.map

package/esm2022/menu/lib/menu/submenu-aim.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"submenu-aim.js","sourceRoot":"","sources":["../../../../../../../libs/core/menu/src/lib/menu/submenu-aim.ts"],"names":[],"mappings":"AASA;;;;;;;;;;GAUG;AACH,MAAM,uBAAuB,GAAG,CAAC,CAAC;AAElC,gFAAgF;AAChF,MAAM,UAAU,wBAAwB,CACtC,QAAgB,EAChB,QAAgB,EAChB,KAAyB;IAEzB,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAClD,MAAM,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;IAChC,MAAM,QAAQ,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;IACrD,IAAI,QAAQ,GAAG,uBAAuB;QAAE,OAAO,KAAK,CAAC;IAErD,MAAM,KAAK,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC;IACtE,MAAM,SAAS,GAAG,KAAK,GAAG,KAAK,CAAC;IAChC,IAAI,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC;QAAE,OAAO,IAAI,CAAC;IAEzC,MAAM,YAAY,GAAG,CAAC,QAAQ,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC;IACpD,MAAM,QAAQ,GAAG,CAAC,WAAW,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC;IACvD,MAAM,WAAW,GAAG,CAAC,WAAW,CAAC,MAAM,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC;IAC7D,OAAO,CACL,YAAY,IAAI,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,WAAW,CAAC;QAC/C,YAAY,IAAI,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,WAAW,CAAC,CAChD,CAAC;AACJ,CAAC","sourcesContent":["/** Cursor history used by the submenu safe-triangle algorithm. */\nexport interface MlvSubmenuAimState {\n  lastX: number;\n  lastY: number;\n  submenuRect: DOMRect;\n  side: 'right' | 'left';\n  cursorEnteredSubmenu: boolean;\n}\n\n/**\n * Minimum horizontal travel, in CSS pixels, that counts as aiming at the submenu.\n *\n * Without it a purely vertical move qualifies: `deltaX === 0` is not \"away from\"\n * the submenu, and the cone between the panel's top and bottom corners is very\n * wide when measured from the far side of the item, so sliding straight down the\n * item column read as heading toward the panel and kept cancelling the close.\n *\n * Small enough that a genuine diagonal still registers on the first move, large\n * enough that jitter along one axis does not.\n */\nconst MIN_HORIZONTAL_PROGRESS = 2;\n\n/** Returns whether the current pointer trajectory is heading into a submenu. */\nexport function isCursorHeadingToSubmenu(\n  currentX: number,\n  currentY: number,\n  state: MlvSubmenuAimState,\n): boolean {\n  const { lastX, lastY, submenuRect, side } = state;\n  const deltaX = currentX - lastX;\n  const progress = side === 'right' ? deltaX : -deltaX;\n  if (progress < MIN_HORIZONTAL_PROGRESS) return false;\n\n  const edgeX = side === 'right' ? submenuRect.left : submenuRect.right;\n  const edgeDelta = edgeX - lastX;\n  if (Math.abs(edgeDelta) < 1) return true;\n\n  const currentSlope = (currentY - lastY) / edgeDelta;\n  const topSlope = (submenuRect.top - lastY) / edgeDelta;\n  const bottomSlope = (submenuRect.bottom - lastY) / edgeDelta;\n  return (\n    currentSlope >= Math.min(topSlope, bottomSlope) &&\n    currentSlope <= Math.max(topSlope, bottomSlope)\n  );\n}\n"]}

package/esm2022/menu/malva-ui-core-menu.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=malva-ui-core-menu.js.map

package/esm2022/menu/malva-ui-core-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"malva-ui-core-menu.js","sourceRoot":"","sources":["../../../../../libs/core/menu/src/malva-ui-core-menu.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/esm2022/notification/index.js

@@ -0,0 +1,5 @@
+export * from './lib/notification.types';
+export * from './lib/notification-ref';
+export * from './lib/notification-item/notification-item';
+export * from './lib/notification.service';
+//# sourceMappingURL=index.js.map

package/esm2022/notification/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/core/notification/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2CAA2C,CAAC;AAC1D,cAAc,4BAA4B,CAAC","sourcesContent":["export * from './lib/notification.types';\nexport * from './lib/notification-ref';\nexport * from './lib/notification-item/notification-item';\nexport * from './lib/notification.service';\n"]}

package/esm2022/notification/lib/notification-item/notification-item.js

@@ -0,0 +1,65 @@
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, computed, inject, TemplateRef, } from '@angular/core';
+import { NgComponentOutlet, NgTemplateOutlet } from '@angular/common';
+import { LucideDynamicIcon, LucideInfo, LucideX, LucideCircleCheck, LucideCircleAlert, LucideTriangleAlert, } from '@lucide/angular';
+import { MlvAbstractToastItem } from '@malva-ui/core/toast';
+import { MlvButton } from '@malva-ui/core/button';
+import { MlvClick } from '@malva-ui/cdk/accessibility';
+import { MlvChip } from '@malva-ui/core/chip';
+import { MLV_NOTIFICATION_I18N } from '@malva-ui/i18n';
+import * as i0 from "@angular/core";
+export class MlvNotificationItem extends MlvAbstractToastItem {
+    /** @protected The component's i18n strings signal. */
+    _i18n = inject(MLV_NOTIFICATION_I18N);
+    /** @protected Lucide icon class selected from the notification tone. */
+    toneIcon = computed(() => {
+        switch (this.toast().tone) {
+            case 'success':
+                return LucideCircleCheck;
+            case 'danger':
+                return LucideCircleAlert;
+            case 'warning':
+                return LucideTriangleAlert;
+            default:
+                return LucideInfo;
+        }
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "toneIcon" }] : /* istanbul ignore next */ []));
+    /** @protected Template branch of dynamic content, when supplied. */
+    _templateContent = computed(() => {
+        const content = this.toast().content;
+        return content instanceof TemplateRef ? content : null;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_templateContent" }] : /* istanbul ignore next */ []));
+    /** @protected Component branch of dynamic content, when supplied. */
+    _componentContent = computed(() => {
+        const content = this.toast().content;
+        return typeof content === 'function' ? content : null;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_componentContent" }] : /* istanbul ignore next */ []));
+    /** @protected Invokes an action's callback and then dismisses the notification. */
+    onActionClick(action) {
+        action.action();
+        this.onClose();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvNotificationItem, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvNotificationItem, isStandalone: true, selector: "mlv-notification-item", host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "focusin": "onFocusIn()", "focusout": "onFocusOut($event)" }, properties: { "class": "\"mlv-notification-item mlv-notification-item--\" + toast().tone" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"mlv-notification-item__header\">\n  @if (toast().showIcon) {\n  <mlv-chip\n    class=\"mlv-notification-item__icon\"\n    muted\n    [tone]=\"$any(toast().tone)\"\n  >\n    <svg [lucideIcon]=\"toneIcon()\" size=\"20\" />\n  </mlv-chip>\n  }\n  <div class=\"mlv-notification-item__content\">\n    @if (_templateContent(); as template) {\n    <div class=\"mlv-notification-item__dynamic-content\">\n      <ng-container\n        [ngTemplateOutlet]=\"template\"\n        [ngTemplateOutletContext]=\"toast().contentContext\"\n        [ngTemplateOutletInjector]=\"toast().contentInjector\"\n      />\n    </div>\n    } @else if (_componentContent(); as component) {\n    <div class=\"mlv-notification-item__dynamic-content\">\n      <ng-container\n        [ngComponentOutlet]=\"component\"\n        [ngComponentOutletInjector]=\"toast().contentInjector\"\n      />\n    </div>\n    } @else {\n    <span class=\"mlv-notification-item__title\">{{ toast().title }}</span>\n    } @if (toast().description; as description) {\n    <p class=\"mlv-notification-item__description\">{{ description }}</p>\n    }\n  </div>\n  @if (toast().closable) {\n  <button\n    type=\"button\"\n    mlvButton\n    mlvDensity=\"tight\"\n    variant=\"transparent\"\n    shape=\"square\"\n    [attr.aria-label]=\"_i18n().dismiss\"\n    (mlvClick)=\"onClose()\"\n  >\n    <svg lucideX size=\"16\" />\n  </button>\n  }\n</div>\n\n@if (toast().actions.length > 0) {\n<div class=\"mlv-notification-item__actions\">\n  @for (action of toast().actions; track action.label) {\n  <button\n    type=\"button\"\n    mlvButton\n    (mlvClick)=\"onActionClick(action)\"\n    [variant]=\"action.variant ?? 'transparent'\"\n    mlvDensity=\"tight\"\n  >\n    {{ action.label }}\n  </button>\n  }\n</div>\n}\n", styles: [".mlv-notification-item{display:block;width:calc(100vw - 2rem)}@media(min-width:768px){.mlv-notification-item{width:25rem}}.mlv-notification-item{background:var(--mlv-elevation-bg-3);border:var(--mlv-stroke-width, .0625rem) solid var(--mlv-border-subtle);border-radius:var(--mlv-radius-xl);box-shadow:var(--mlv-shadow-3);color:var(--mlv-text-primary);font-size:var(--mlv-font-size-m);overflow:hidden}.mlv-notification-item__header{display:flex;align-items:flex-start;gap:var(--mlv-spacing-3);padding:var(--mlv-padding-l)}.mlv-notification-item__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--mlv-spacing-2)}.mlv-notification-item__title{font-weight:var(--mlv-font-weight-semibold);font-size:var(--mlv-font-size-l);color:var(--mlv-text-primary);line-height:var(--mlv-line-height-tight)}.mlv-notification-item__description{margin:0;color:var(--mlv-text-secondary);line-height:var(--mlv-line-height-loose);word-break:break-word}.mlv-notification-item__dynamic-content{min-width:0;color:var(--mlv-text-primary);overflow-wrap:anywhere}.mlv-notification-item.mlv-notification-item__icon,.mlv-notification-item .mlv-notification-item__icon{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding-block:0;padding-inline:0;line-height:1}.mlv-notification-item.mlv-notification-item__icon .mlv-chip__label,.mlv-notification-item .mlv-notification-item__icon .mlv-chip__label{display:block;width:1.25rem;height:1.25rem}.mlv-notification-item__actions{display:flex;align-items:center;gap:var(--mlv-spacing-3);padding:0 var(--mlv-spacing-6) .875rem 4rem}.mlv-notification-item{border-left:.25rem solid transparent}.mlv-notification-item--success{border-left-color:var(--mlv-border-success)}.mlv-notification-item--danger{border-left-color:var(--mlv-background-danger-1)}.mlv-notification-item--warning{border-left-color:var(--mlv-border-warning)}.mlv-notification-item--info{border-left-color:var(--mlv-border-info)}.mlv-notification-item--default{border-left-color:var(--mlv-background-accent-1)}\n"], dependencies: [{ kind: "component", type: LucideDynamicIcon, selector: "svg[lucideIcon]", inputs: ["lucideIcon"] }, { kind: "component", type: LucideX, selector: "svg[lucideX]" }, { kind: "component", type: MlvButton, selector: "button[mlvButton], a[mlvButton]", inputs: ["variant", "shape", "disabled", "loading"] }, { kind: "directive", type: MlvClick, selector: "[mlvClick]", inputs: ["disabled", "hostRole"], outputs: ["mlvClick"] }, { kind: "component", type: MlvChip, selector: "mlv-chip", inputs: ["tone", "muted", "rounded", "floating", "closable", "chipTabIndex", "closeAriaLabel"], outputs: ["chipClose"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvNotificationItem, decorators: [{
+            type: Component,
+            args: [{ selector: 'mlv-notification-item', imports: [
+                        LucideDynamicIcon,
+                        LucideX,
+                        MlvButton,
+                        MlvClick,
+                        MlvChip,
+                        NgComponentOutlet,
+                        NgTemplateOutlet,
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[class]': '"mlv-notification-item mlv-notification-item--" + toast().tone',
+                        '(mouseenter)': 'onMouseEnter()',
+                        '(mouseleave)': 'onMouseLeave()',
+                        '(focusin)': 'onFocusIn()',
+                        '(focusout)': 'onFocusOut($event)',
+                    }, template: "<div class=\"mlv-notification-item__header\">\n  @if (toast().showIcon) {\n  <mlv-chip\n    class=\"mlv-notification-item__icon\"\n    muted\n    [tone]=\"$any(toast().tone)\"\n  >\n    <svg [lucideIcon]=\"toneIcon()\" size=\"20\" />\n  </mlv-chip>\n  }\n  <div class=\"mlv-notification-item__content\">\n    @if (_templateContent(); as template) {\n    <div class=\"mlv-notification-item__dynamic-content\">\n      <ng-container\n        [ngTemplateOutlet]=\"template\"\n        [ngTemplateOutletContext]=\"toast().contentContext\"\n        [ngTemplateOutletInjector]=\"toast().contentInjector\"\n      />\n    </div>\n    } @else if (_componentContent(); as component) {\n    <div class=\"mlv-notification-item__dynamic-content\">\n      <ng-container\n        [ngComponentOutlet]=\"component\"\n        [ngComponentOutletInjector]=\"toast().contentInjector\"\n      />\n    </div>\n    } @else {\n    <span class=\"mlv-notification-item__title\">{{ toast().title }}</span>\n    } @if (toast().description; as description) {\n    <p class=\"mlv-notification-item__description\">{{ description }}</p>\n    }\n  </div>\n  @if (toast().closable) {\n  <button\n    type=\"button\"\n    mlvButton\n    mlvDensity=\"tight\"\n    variant=\"transparent\"\n    shape=\"square\"\n    [attr.aria-label]=\"_i18n().dismiss\"\n    (mlvClick)=\"onClose()\"\n  >\n    <svg lucideX size=\"16\" />\n  </button>\n  }\n</div>\n\n@if (toast().actions.length > 0) {\n<div class=\"mlv-notification-item__actions\">\n  @for (action of toast().actions; track action.label) {\n  <button\n    type=\"button\"\n    mlvButton\n    (mlvClick)=\"onActionClick(action)\"\n    [variant]=\"action.variant ?? 'transparent'\"\n    mlvDensity=\"tight\"\n  >\n    {{ action.label }}\n  </button>\n  }\n</div>\n}\n", styles: [".mlv-notification-item{display:block;width:calc(100vw - 2rem)}@media(min-width:768px){.mlv-notification-item{width:25rem}}.mlv-notification-item{background:var(--mlv-elevation-bg-3);border:var(--mlv-stroke-width, .0625rem) solid var(--mlv-border-subtle);border-radius:var(--mlv-radius-xl);box-shadow:var(--mlv-shadow-3);color:var(--mlv-text-primary);font-size:var(--mlv-font-size-m);overflow:hidden}.mlv-notification-item__header{display:flex;align-items:flex-start;gap:var(--mlv-spacing-3);padding:var(--mlv-padding-l)}.mlv-notification-item__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--mlv-spacing-2)}.mlv-notification-item__title{font-weight:var(--mlv-font-weight-semibold);font-size:var(--mlv-font-size-l);color:var(--mlv-text-primary);line-height:var(--mlv-line-height-tight)}.mlv-notification-item__description{margin:0;color:var(--mlv-text-secondary);line-height:var(--mlv-line-height-loose);word-break:break-word}.mlv-notification-item__dynamic-content{min-width:0;color:var(--mlv-text-primary);overflow-wrap:anywhere}.mlv-notification-item.mlv-notification-item__icon,.mlv-notification-item .mlv-notification-item__icon{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding-block:0;padding-inline:0;line-height:1}.mlv-notification-item.mlv-notification-item__icon .mlv-chip__label,.mlv-notification-item .mlv-notification-item__icon .mlv-chip__label{display:block;width:1.25rem;height:1.25rem}.mlv-notification-item__actions{display:flex;align-items:center;gap:var(--mlv-spacing-3);padding:0 var(--mlv-spacing-6) .875rem 4rem}.mlv-notification-item{border-left:.25rem solid transparent}.mlv-notification-item--success{border-left-color:var(--mlv-border-success)}.mlv-notification-item--danger{border-left-color:var(--mlv-background-danger-1)}.mlv-notification-item--warning{border-left-color:var(--mlv-border-warning)}.mlv-notification-item--info{border-left-color:var(--mlv-border-info)}.mlv-notification-item--default{border-left-color:var(--mlv-background-accent-1)}\n"] }]
+        }] });
+//# sourceMappingURL=notification-item.js.map

package/esm2022/notification/lib/notification-item/notification-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-item.js","sourceRoot":"","sources":["../../../../../../../libs/core/notification/src/lib/notification-item/notification-item.ts","../../../../../../../libs/core/notification/src/lib/notification-item/notification-item.html"],"names":[],"mappings":"AACA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,iBAAiB,EACjB,QAAQ,EACR,MAAM,EACN,WAAW,GACZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACtE,OAAO,EACL,iBAAiB,EACjB,UAAU,EACV,OAAO,EACP,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,GACpB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAK5D,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;;AAyBvD,MAAM,OAAO,mBACX,SAAQ,oBAA6C;IAGrD,sDAAsD;IACnC,KAAK,GAAG,MAAM,CAAC,qBAAqB,CAAC,CAAC;IAEzD,wEAAwE;IACrD,QAAQ,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC1C,QAAQ,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC;YAC1B,KAAK,SAAS;gBACZ,OAAO,iBAAiB,CAAC;YAC3B,KAAK,QAAQ;gBACX,OAAO,iBAAiB,CAAC;YAC3B,KAAK,SAAS;gBACZ,OAAO,mBAAmB,CAAC;YAC7B;gBACE,OAAO,UAAU,CAAC;QACtB,CAAC;IACH,CAAC;iFAAC,CAAC;IAEH,oEAAoE;IACjD,gBAAgB,GAAG,QAAQ,CAAC,GAAG,EAAE;QAClD,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC;QACrC,OAAO,OAAO,YAAY,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC;IACzD,CAAC;yFAAC,CAAC;IAEH,qEAAqE;IAClD,iBAAiB,GAAG,QAAQ,CAAC,GAAG,EAAE;QACnD,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC;QACrC,OAAO,OAAO,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC;IACxD,CAAC;0FAAC,CAAC;IAEH,mFAAmF;IACzE,aAAa,CAAC,MAA6B;QACnD,MAAM,CAAC,MAAM,EAAE,CAAC;QAChB,IAAI,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC;uGArCU,mBAAmB;2FAAnB,mBAAmB,0VCnDhC,mvDA8DA,wjED/BI,iBAAiB,oFACjB,OAAO,yDACP,SAAS,iIACT,QAAQ,gHACR,OAAO,6KACP,iBAAiB,yRACjB,gBAAgB;;2FAcP,mBAAmB;kBAvB/B,SAAS;+BACE,uBAAuB,WACxB;wBACP,iBAAiB;wBACjB,OAAO;wBACP,SAAS;wBACT,QAAQ;wBACR,OAAO;wBACP,iBAAiB;wBACjB,gBAAgB;qBACjB,iBAGc,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,QACzC;wBACJ,SAAS,EAAE,gEAAgE;wBAC3E,cAAc,EAAE,gBAAgB;wBAChC,cAAc,EAAE,gBAAgB;wBAChC,WAAW,EAAE,aAAa;wBAC1B,YAAY,EAAE,oBAAoB;qBACnC","sourcesContent":["import type { OnDestroy, OnInit } from '@angular/core';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  computed,\n  inject,\n  TemplateRef,\n} from '@angular/core';\nimport { NgComponentOutlet, NgTemplateOutlet } from '@angular/common';\nimport {\n  LucideDynamicIcon,\n  LucideInfo,\n  LucideX,\n  LucideCircleCheck,\n  LucideCircleAlert,\n  LucideTriangleAlert,\n} from '@lucide/angular';\nimport { MlvAbstractToastItem } from '@malva-ui/core/toast';\nimport type {\n  MlvInternalNotification,\n  MlvNotificationAction,\n} from '../notification.types';\nimport { MlvButton } from '@malva-ui/core/button';\nimport { MlvClick } from '@malva-ui/cdk/accessibility';\nimport { MlvChip } from '@malva-ui/core/chip';\nimport { MLV_NOTIFICATION_I18N } from '@malva-ui/i18n';\n\n@Component({\n  selector: 'mlv-notification-item',\n  imports: [\n    LucideDynamicIcon,\n    LucideX,\n    MlvButton,\n    MlvClick,\n    MlvChip,\n    NgComponentOutlet,\n    NgTemplateOutlet,\n  ],\n  templateUrl: './notification-item.html',\n  styleUrl: './notification-item.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': '\"mlv-notification-item mlv-notification-item--\" + toast().tone',\n    '(mouseenter)': 'onMouseEnter()',\n    '(mouseleave)': 'onMouseLeave()',\n    '(focusin)': 'onFocusIn()',\n    '(focusout)': 'onFocusOut($event)',\n  },\n})\nexport class MlvNotificationItem\n  extends MlvAbstractToastItem<MlvInternalNotification>\n  implements OnInit, OnDestroy\n{\n  /** @protected The component's i18n strings signal. */\n  protected readonly _i18n = inject(MLV_NOTIFICATION_I18N);\n\n  /** @protected Lucide icon class selected from the notification tone. */\n  protected readonly toneIcon = computed(() => {\n    switch (this.toast().tone) {\n      case 'success':\n        return LucideCircleCheck;\n      case 'danger':\n        return LucideCircleAlert;\n      case 'warning':\n        return LucideTriangleAlert;\n      default:\n        return LucideInfo;\n    }\n  });\n\n  /** @protected Template branch of dynamic content, when supplied. */\n  protected readonly _templateContent = computed(() => {\n    const content = this.toast().content;\n    return content instanceof TemplateRef ? content : null;\n  });\n\n  /** @protected Component branch of dynamic content, when supplied. */\n  protected readonly _componentContent = computed(() => {\n    const content = this.toast().content;\n    return typeof content === 'function' ? content : null;\n  });\n\n  /** @protected Invokes an action's callback and then dismisses the notification. */\n  protected onActionClick(action: MlvNotificationAction): void {\n    action.action();\n    this.onClose();\n  }\n}\n","<div class=\"mlv-notification-item__header\">\n  @if (toast().showIcon) {\n  <mlv-chip\n    class=\"mlv-notification-item__icon\"\n    muted\n    [tone]=\"$any(toast().tone)\"\n  >\n    <svg [lucideIcon]=\"toneIcon()\" size=\"20\" />\n  </mlv-chip>\n  }\n  <div class=\"mlv-notification-item__content\">\n    @if (_templateContent(); as template) {\n    <div class=\"mlv-notification-item__dynamic-content\">\n      <ng-container\n        [ngTemplateOutlet]=\"template\"\n        [ngTemplateOutletContext]=\"toast().contentContext\"\n        [ngTemplateOutletInjector]=\"toast().contentInjector\"\n      />\n    </div>\n    } @else if (_componentContent(); as component) {\n    <div class=\"mlv-notification-item__dynamic-content\">\n      <ng-container\n        [ngComponentOutlet]=\"component\"\n        [ngComponentOutletInjector]=\"toast().contentInjector\"\n      />\n    </div>\n    } @else {\n    <span class=\"mlv-notification-item__title\">{{ toast().title }}</span>\n    } @if (toast().description; as description) {\n    <p class=\"mlv-notification-item__description\">{{ description }}</p>\n    }\n  </div>\n  @if (toast().closable) {\n  <button\n    type=\"button\"\n    mlvButton\n    mlvDensity=\"tight\"\n    variant=\"transparent\"\n    shape=\"square\"\n    [attr.aria-label]=\"_i18n().dismiss\"\n    (mlvClick)=\"onClose()\"\n  >\n    <svg lucideX size=\"16\" />\n  </button>\n  }\n</div>\n\n@if (toast().actions.length > 0) {\n<div class=\"mlv-notification-item__actions\">\n  @for (action of toast().actions; track action.label) {\n  <button\n    type=\"button\"\n    mlvButton\n    (mlvClick)=\"onActionClick(action)\"\n    [variant]=\"action.variant ?? 'transparent'\"\n    mlvDensity=\"tight\"\n  >\n    {{ action.label }}\n  </button>\n  }\n</div>\n}\n"]}

package/esm2022/notification/lib/notification-ref.js

@@ -0,0 +1,13 @@
+import { MlvToastRef } from '@malva-ui/core/toast';
+/**
+ * Handle returned by `MlvNotificationService.show()` and
+ * `MlvNotificationService.open()`.
+ *
+ * Component content can inject this class and template content receives it in
+ * its context.
+ *
+ * @typeParam D - Type of the data supplied for this notification.
+ */
+export class MlvNotificationRef extends MlvToastRef {
+}
+//# sourceMappingURL=notification-ref.js.map

package/esm2022/notification/lib/notification-ref.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-ref.js","sourceRoot":"","sources":["../../../../../../libs/core/notification/src/lib/notification-ref.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD;;;;;;;;GAQG;AACH,MAAM,OAAO,kBAAgC,SAAQ,WAAc;CAAG","sourcesContent":["import { MlvToastRef } from '@malva-ui/core/toast';\n\n/**\n * Handle returned by `MlvNotificationService.show()` and\n * `MlvNotificationService.open()`.\n *\n * Component content can inject this class and template content receives it in\n * its context.\n *\n * @typeParam D - Type of the data supplied for this notification.\n */\nexport class MlvNotificationRef<D = unknown> extends MlvToastRef<D> {}\n"]}

package/esm2022/notification/lib/notification.service.js

@@ -0,0 +1,118 @@
+import { Injectable, Injector } from '@angular/core';
+import { MLV_TOAST_DEFAULT_POSITION, MlvAbstractToastService, MlvToastContainer, MlvToastRef, joinAnnouncementParts, resolveToastPoliteness, } from '@malva-ui/core/toast';
+import { NOTIFICATION_CONFIG, NOTIFICATION_DATA } from './notification.types';
+import { MlvNotificationItem } from './notification-item/notification-item';
+import { MlvNotificationRef } from './notification-ref';
+import * as i0 from "@angular/core";
+export class MlvNotificationService extends MlvAbstractToastService {
+    /** @protected Overlay container component reused from `@malva-ui/core/toast`. */
+    containerType = MlvToastContainer;
+    /** @protected Concrete item component the container renders for each notification. */
+    toastItemType = MlvNotificationItem;
+    /**
+     * @protected Announces the title, description, and the labels of any action
+     * buttons — a keyboard or screen-reader user needs to know an action exists,
+     * since notifications never steal focus. Returns `null` for template and
+     * component content, whose rendered text the service cannot read.
+     */
+    resolveAnnouncement(config) {
+        if (config.dynamicContent) {
+            return null;
+        }
+        const message = joinAnnouncementParts([
+            config.title,
+            config.description,
+            ...(config.actions ?? []).map((action) => action.label),
+        ]);
+        return message
+            ? {
+                message,
+                politeness: resolveToastPoliteness(config.tone ?? 'default'),
+            }
+            : null;
+    }
+    /** @protected Builds a fully-resolved internal notification from user config, applying defaults. */
+    buildItem(id, config, ref) {
+        const internalConfig = config;
+        const openConfig = internalConfig.openConfig;
+        const contentContext = openConfig
+            ? {
+                $implicit: ref,
+                ref,
+                data: openConfig.data,
+                config: openConfig,
+            }
+            : undefined;
+        const contentInjector = openConfig
+            ? Injector.create({
+                parent: openConfig.injector ?? this._environmentInjector,
+                providers: [
+                    { provide: MlvNotificationRef, useValue: ref },
+                    { provide: MlvToastRef, useValue: ref },
+                    { provide: NOTIFICATION_DATA, useValue: openConfig.data },
+                    { provide: NOTIFICATION_CONFIG, useValue: openConfig },
+                ],
+            })
+            : undefined;
+        return {
+            id,
+            title: config.title,
+            description: config.description ?? '',
+            position: config.position ?? MLV_TOAST_DEFAULT_POSITION,
+            tone: config.tone ?? 'default',
+            displayTime: config.displayTime ?? 6000,
+            pauseOnHover: config.pauseOnHover ?? true,
+            closable: config.closable ?? true,
+            actions: config.actions ?? [],
+            showIcon: config.showIcon ?? true,
+            content: internalConfig.dynamicContent,
+            contentContext,
+            contentInjector,
+        };
+    }
+    /**
+     * Opens escaped string, template, or component content as a notification.
+     *
+     * Template content receives `MlvNotificationTemplateContext`; component content
+     * can inject `MlvNotificationRef`, `NOTIFICATION_DATA`, and
+     * `NOTIFICATION_CONFIG`.
+     */
+    open(content, config = {}) {
+        if (typeof content === 'string') {
+            return super.show({ ...config, title: content });
+        }
+        const internalConfig = {
+            ...config,
+            title: '',
+            dynamicContent: content,
+            openConfig: config,
+        };
+        return super.show(internalConfig);
+    }
+    /** @protected Creates a data-aware reference for each notification. */
+    _createRef(id, position, config) {
+        return new MlvNotificationRef(id, config.data, () => this.close(id, position));
+    }
+    success(title, config) {
+        return this.show({ ...config, title, tone: 'success' });
+    }
+    error(title, config) {
+        return this.show({ ...config, title, tone: 'danger' });
+    }
+    warning(title, config) {
+        return this.show({ ...config, title, tone: 'warning' });
+    }
+    info(title, config) {
+        return this.show({ ...config, title, tone: 'info' });
+    }
+    tone(v, title, config) {
+        return this.show({ ...config, title, tone: v });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvNotificationService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvNotificationService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvNotificationService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+//# sourceMappingURL=notification.service.js.map