@malva-ui/core 0.1.13 → 0.1.14

package/fesm2022/malva-ui-core-toast.mjs

@@ -0,0 +1,749 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, signal, Directive, inject, EnvironmentInjector, DestroyRef, input, ElementRef, computed, TemplateRef, ChangeDetectionStrategy, ViewEncapsulation, Component, Injector, Injectable } from '@angular/core';
+import { Subject } from 'rxjs';
+import { Overlay } from '@angular/cdk/overlay';
+import { ComponentPortal } from '@angular/cdk/portal';
+import { LiveAnnouncer } from '@angular/cdk/a11y';
+import { MlvRtlService } from '@malva-ui/cdk/utils';
+import { NgComponentOutlet, NgTemplateOutlet } from '@angular/common';
+import { LucideCheckCircle, LucideCircleX, LucideInfo, LucideTriangleAlert } from '@lucide/angular';
+import { MlvButtonClose } from '@malva-ui/core/button';
+import { MLV_TOAST_I18N } from '@malva-ui/i18n';
+
+const MLV_TOAST_CLOSE = new InjectionToken('MLV_TOAST_CLOSE');
+/**
+ * Maps a toast/notification tone to its default announcement politeness.
+ *
+ * High-urgency tones (`danger`, `warning`) announce assertively so assistive
+ * technology interrupts the user. Informational tones (`success`, `info`,
+ * `default`) announce politely, without interrupting the current context.
+ *
+ * Callers can override the result per item with `MlvBaseToastConfig.politeness`.
+ *
+ * @param tone - The resolved toast/notification tone.
+ * @returns `'assertive'` for danger/warning, otherwise `'polite'`.
+ */
+function resolveToastPoliteness(tone) {
+    return tone === 'danger' || tone === 'warning' ? 'assertive' : 'polite';
+}
+/**
+ * Joins the text fragments of a toast/notification into one announcement string.
+ *
+ * Blank and absent fragments are dropped rather than interpolated — otherwise an
+ * omitted description announces a stray separator, or the literal text
+ * "undefined". Trailing sentence punctuation is normalised so a description that
+ * already ends in a full stop does not produce a doubled one.
+ *
+ * @param parts - Fragments in reading order (title, description, action labels…).
+ * @returns The joined announcement, or `''` when nothing is announceable.
+ */
+function joinAnnouncementParts(parts) {
+    return parts
+        .map((part) => part?.trim().replace(/[.!?]+$/, '') ?? '')
+        .filter((part) => part.length > 0)
+        .join('. ');
+}
+/** Data available to component content opened through `MlvToastService.open()`. */
+const TOAST_DATA = new InjectionToken('TOAST_DATA');
+/** Configuration available to component content opened through `MlvToastService.open()`. */
+const TOAST_CONFIG = new InjectionToken('TOAST_CONFIG');
+
+/**
+ * Handle returned by `MlvToastService.show()` and `MlvToastService.open()`.
+ *
+ * It can be injected by component content, is exposed to template content, and
+ * guarantees that repeated close requests only reach the service once.
+ *
+ * @typeParam D - Type of the data supplied for this toast.
+ */
+class MlvToastRef {
+    /** Unique ID assigned by the toast or notification service. */
+    id;
+    /** Data supplied through the toast or notification configuration. */
+    data;
+    /** @private Emits once when the toast has been removed by its service. */
+    _afterClosed = new Subject();
+    /** @private Mutable backing state for the public `closed` signal. */
+    _closed = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_closed" }] : /* istanbul ignore next */ []));
+    /** @private Callback that routes closure through the owning service. */
+    _requestClose;
+    /** @private Prevents duplicate service close requests. */
+    _closeRequested = false;
+    /** Whether this toast has finished its service-owned close lifecycle. */
+    closed = this._closed.asReadonly();
+    constructor(id, data, requestClose) {
+        this.id = id;
+        this.data = data;
+        this._requestClose = requestClose;
+    }
+    /** Requests programmatic dismissal of this toast. Safe to call repeatedly. */
+    close() {
+        if (this._closeRequested || this._closed()) {
+            return;
+        }
+        this._closeRequested = true;
+        this._requestClose();
+    }
+    /** Emits once when the owning service removes the toast, then completes. */
+    afterClosed() {
+        return this._afterClosed.asObservable();
+    }
+    /** @internal Completes this reference exactly once from the owning service. */
+    _markClosed() {
+        if (this._closed()) {
+            return;
+        }
+        this._closed.set(true);
+        this._afterClosed.next();
+        this._afterClosed.complete();
+    }
+}
+
+/**
+ * Manages a countdown that can be stopped and restarted.
+ * Shared between toast and notification item components.
+ *
+ * This timer does **not** track remaining time: stopping discards the countdown
+ * and the callback, and the item restarts the full `displayTime` when the pointer
+ * or focus leaves. That is deliberate — the reading clock restarts once the user
+ * stops interacting, rather than resuming a partly-elapsed one.
+ */
+class MlvToastTimer {
+    /** @private Handle to the active `setTimeout`, or `null` when no timer is running. */
+    _timeoutId = null;
+    /** Start (or restart) the timer. Any previous timer is cleared automatically. */
+    start(duration, onExpire) {
+        this.clear();
+        if (duration > 0) {
+            this._timeoutId = setTimeout(onExpire, duration);
+        }
+    }
+    /**
+     * Stop the countdown, discarding it. Restart with `start()`.
+     *
+     * Alias of `clear()`, kept because `pause()` reads correctly at the call sites
+     * that stop the countdown on hover or focus.
+     */
+    pause() {
+        this.clear();
+    }
+    /** Clear and discard the timer. */
+    clear() {
+        if (this._timeoutId !== null) {
+            clearTimeout(this._timeoutId);
+            this._timeoutId = null;
+        }
+    }
+}
+
+/**
+ * Abstract base for toast/notification container components.
+ * Manages the ordered list of active items for a single overlay position.
+ * Extend this class and add the @Component decorator to create a concrete container.
+ */
+class MlvAbstractToastContainerComponent {
+    /** The overlay position this container is responsible for. Set by the service. */
+    position = signal('top-right', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
+    toasts = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "toasts" }] : /* istanbul ignore next */ []));
+    /** @private Service-owned callback used by every item close source. */
+    _closeHandler = (id) => {
+        this.remove(id);
+    };
+    add(item) {
+        const isTop = this.position().startsWith('top');
+        this.toasts.update((ts) => (isTop ? [item, ...ts] : [...ts, item]));
+    }
+    remove(id) {
+        const exists = this.toasts().some((toast) => toast.id === id);
+        if (!exists) {
+            return false;
+        }
+        this.toasts.update((ts) => ts.filter((t) => t.id !== id));
+        return true;
+    }
+    isEmpty() {
+        return this.toasts().length === 0;
+    }
+    setComponent(component) {
+        this.component = component;
+    }
+    /** Registers the service-owned close callback for timer, action, and dismiss-button requests. */
+    setCloseHandler(handler) {
+        this._closeHandler = handler;
+    }
+    /** @protected Routes an item close request through the owning service. */
+    requestClose(id) {
+        this._closeHandler(id);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvAbstractToastContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvAbstractToastContainerComponent, isStandalone: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvAbstractToastContainerComponent, decorators: [{
+            type: Directive
+        }] });
+
+const TOAST_LEAVE_DURATION_MS = 200;
+/** Position used when a config omits one. Single source of truth for subclasses. */
+const MLV_TOAST_DEFAULT_POSITION = 'top-right';
+/**
+ * Abstract base service for toast/notification services.
+ * Manages CDK overlay refs (one per position) and container lifecycle.
+ * Extend this class and implement `containerType` and `buildItem()`.
+ */
+class MlvAbstractToastService {
+    /** @protected CDK overlay service used to create per-position toast panels. */
+    _overlay = inject(Overlay);
+    /**
+     * @protected Supplies the document direction to each toast stack overlay so
+     * its portaled pane mirrors instead of inheriting `<body>`'s default.
+     */
+    _rtl = inject(MlvRtlService);
+    /** @protected Environment injector used when attaching container portals. */
+    _environmentInjector = inject(EnvironmentInjector);
+    /**
+     * @protected Owns the single persistent ARIA live region used to announce
+     * items. Announcing from here rather than from a `role` on each rendered item
+     * means the region exists in the DOM before any message is inserted (screen
+     * readers miss content added together with its live region), one stacked item
+     * does not add one live region, and an assertive tone cannot silently
+     * override the caller's politeness choice.
+     */
+    _liveAnnouncer = inject(LiveAnnouncer);
+    /** @private Cleans up overlays, refs, and deferred disposal timers with the service. */
+    _destroyRef = inject(DestroyRef);
+    /** @private Active overlay refs keyed by position. */
+    _overlayRefs = new Map();
+    /** @private Active container instances keyed by position. */
+    _containers = new Map();
+    /** @private Active item references keyed by generated ID. */
+    _refs = new Map();
+    /** @private Deferred final-item overlay disposal timers keyed by position. */
+    _disposeTimers = new Map();
+    /** @private Monotonic counter used to generate unique toast ids. */
+    _idCounter = 0;
+    constructor() {
+        this._destroyRef.onDestroy(() => {
+            for (const timer of this._disposeTimers.values()) {
+                clearTimeout(timer);
+            }
+            for (const overlayRef of this._overlayRefs.values()) {
+                overlayRef.dispose();
+            }
+            for (const ref of this._refs.values()) {
+                ref._markClosed();
+            }
+            // Drop any text still sitting in the shared live region, so a destroyed
+            // service cannot leave a stale announcement behind for the next one.
+            this._liveAnnouncer.clear();
+            this._disposeTimers.clear();
+            this._overlayRefs.clear();
+            this._containers.clear();
+            this._refs.clear();
+        });
+    }
+    show(config) {
+        const position = config.position ?? MLV_TOAST_DEFAULT_POSITION;
+        const container = this._ensureContainer(position);
+        const id = `toast-${++this._idCounter}`;
+        const ref = this._createRef(id, position, config);
+        this._refs.set(id, ref);
+        container.add(this.buildItem(id, config, ref));
+        const announcement = this.resolveAnnouncement(config);
+        if (announcement) {
+            this._liveAnnouncer.announce(announcement.message, config.politeness ?? announcement.politeness);
+        }
+        return ref;
+    }
+    close(id, position) {
+        if (position) {
+            const container = this._containers.get(position);
+            if (container?.remove(id)) {
+                this._completeRef(id);
+                if (container.isEmpty()) {
+                    this._scheduleDisposePosition(position);
+                }
+            }
+        }
+        else {
+            for (const [pos, container] of this._containers) {
+                if (container.remove(id)) {
+                    this._completeRef(id);
+                    if (container.isEmpty()) {
+                        this._scheduleDisposePosition(pos);
+                    }
+                    break;
+                }
+            }
+        }
+    }
+    /** @protected Creates the concrete reference returned for a new item. */
+    _createRef(id, position, config) {
+        return new MlvToastRef(id, config.data, () => this.close(id, position));
+    }
+    /** @private Returns the container for a position, creating the overlay on first use. */
+    _ensureContainer(position) {
+        const existing = this._containers.get(position);
+        if (existing) {
+            this._cancelDisposePosition(position);
+            return existing;
+        }
+        const overlayRef = this._overlay.create({
+            positionStrategy: this._getPositionStrategy(position),
+            // Toast stacks are document-level, so the global direction applies. CDK's
+            // `GlobalPositionStrategy` compensates for the mirrored flex axis, so
+            // `top-left`/`top-right` stay physical while the content mirrors.
+            direction: this._rtl.direction(),
+            panelClass: ['mlv-toast-panel', `mlv-toast-panel--${position}`],
+            scrollStrategy: this._overlay.scrollStrategies.noop(),
+            maxHeight: 'calc(100vh - 32px)',
+        });
+        const portal = new ComponentPortal(this.containerType, null, this._environmentInjector);
+        const componentRef = overlayRef.attach(portal);
+        componentRef.instance.position.set(position);
+        this._overlayRefs.set(position, overlayRef);
+        this._containers.set(position, componentRef.instance);
+        componentRef.instance.setComponent(this.toastItemType);
+        componentRef.instance.setCloseHandler((id) => this.close(id, position));
+        return componentRef.instance;
+    }
+    /** @private Disposes the overlay for a position once its container is empty. */
+    _disposePosition(position) {
+        this._cancelDisposePosition(position);
+        const overlayRef = this._overlayRefs.get(position);
+        if (overlayRef) {
+            overlayRef.dispose();
+            this._overlayRefs.delete(position);
+            this._containers.delete(position);
+        }
+    }
+    /** @private Defers final-item disposal so Angular's leave animation can finish. */
+    _scheduleDisposePosition(position) {
+        this._cancelDisposePosition(position);
+        this._disposeTimers.set(position, setTimeout(() => {
+            this._disposeTimers.delete(position);
+            if (this._containers.get(position)?.isEmpty()) {
+                this._disposePosition(position);
+            }
+        }, TOAST_LEAVE_DURATION_MS));
+    }
+    /** @private Cancels pending disposal when a new item reuses the same position. */
+    _cancelDisposePosition(position) {
+        const timer = this._disposeTimers.get(position);
+        if (timer !== undefined) {
+            clearTimeout(timer);
+            this._disposeTimers.delete(position);
+        }
+    }
+    /** @private Completes and releases the reference for a removed item. */
+    _completeRef(id) {
+        this._refs.get(id)?._markClosed();
+        this._refs.delete(id);
+    }
+    /** @private Builds the global position strategy for a toast position. */
+    _getPositionStrategy(position) {
+        const strategy = this._overlay.position().global();
+        const margin = '16px';
+        if (position.startsWith('top')) {
+            strategy.top(margin);
+        }
+        else {
+            strategy.bottom(margin);
+        }
+        if (position.endsWith('left')) {
+            strategy.left(margin);
+        }
+        else if (position.endsWith('right')) {
+            strategy.right(margin);
+        }
+        else {
+            strategy.centerHorizontally();
+        }
+        return strategy;
+    }
+}
+
+class MlvAbstractToastItem {
+    toast = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "toast" }] : /* istanbul ignore next */ []));
+    /** @protected Auto-dismiss countdown timer for this toast item. */
+    timer = new MlvToastTimer();
+    /** @protected Dismiss callback that closes this item by id. */
+    _dismiss = inject(MLV_TOAST_CLOSE);
+    /**
+     * @protected Host element ref, used to detect whether focus stays within the
+     * item when handling `focusout` (so intra-item focus moves do not resume the
+     * timer prematurely).
+     */
+    _elementRef = inject((ElementRef));
+    ngOnInit() {
+        if (this.toast().displayTime > 0) {
+            this.timer.start(this.toast().displayTime, () => this.onClose());
+        }
+    }
+    ngOnDestroy() {
+        this.timer.clear();
+    }
+    /** @protected Closes this toast item via the injected dismiss callback. */
+    onClose() {
+        this._dismiss(this.toast().id);
+    }
+    /** @protected Pauses the auto-dismiss timer on pointer enter when `pauseOnHover` is set. */
+    onMouseEnter() {
+        if (this.toast().pauseOnHover) {
+            this.timer.pause();
+        }
+    }
+    /** @protected Resumes the auto-dismiss timer on pointer leave. */
+    onMouseLeave() {
+        this._resumeTimer();
+    }
+    /**
+     * @protected Pauses the auto-dismiss timer when keyboard focus enters the
+     * item, so keyboard users are not raced by the countdown (WCAG 2.2.1).
+     */
+    onFocusIn() {
+        if (this.toast().pauseOnHover) {
+            this.timer.pause();
+        }
+    }
+    /**
+     * @protected Resumes the auto-dismiss timer when focus leaves the item
+     * entirely. Focus moves between elements inside the same item are ignored.
+     */
+    onFocusOut(event) {
+        const next = event.relatedTarget;
+        if (next && this._elementRef.nativeElement.contains(next)) {
+            return;
+        }
+        this._resumeTimer();
+    }
+    /**
+     * @private Restarts the countdown from the full `displayTime` when pausing is
+     * enabled and the item is auto-dismissable.
+     */
+    _resumeTimer() {
+        if (this.toast().pauseOnHover && this.toast().displayTime > 0) {
+            this.timer.start(this.toast().displayTime, () => this.onClose());
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvAbstractToastItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: MlvAbstractToastItem, isStandalone: true, inputs: { toast: { classPropertyName: "toast", publicName: "toast", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvAbstractToastItem, decorators: [{
+            type: Directive
+        }], propDecorators: { toast: [{ type: i0.Input, args: [{ isSignal: true, alias: "toast", required: true }] }] } });
+
+/**
+ * @description
+ * Directive to mark the title of a toast item. This directive is used to
+ * identify the title content in the toast item template.
+ *
+ * @example
+ * ```html
+ * <mlv-toast-item>
+ *   <span mlvToastTitle>Toast Title</span>
+ *   <span mlvToastDescription>Toast Description</span>
+ * </mlv-toast-item>
+ * ```
+ */
+class MlvToastTitle {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvToastTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvToastTitle, isStandalone: true, selector: "[mlvToastTitle]", host: { classAttribute: "mlv-toast-item__title" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvToastTitle, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mlvToastTitle]',
+                    host: { class: 'mlv-toast-item__title' },
+                }]
+        }] });
+/**
+ * @description
+ * Directive to mark the description of a toast item. This directive is used to
+ * identify the description content in the toast item template.
+ *
+ * @example
+ * ```html
+ * <mlv-toast-item>
+ *   <span mlvToastTitle>Toast Title</span>
+ *   <span mlvToastDescription>Toast Description</span>
+ * </mlv-toast-item>
+ * ```
+ */
+class MlvToastDescription {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvToastDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvToastDescription, isStandalone: true, selector: "[mlvToastDescription]", host: { classAttribute: "mlv-toast-item__description" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvToastDescription, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mlvToastDescription]',
+                    host: { class: 'mlv-toast-item__description' },
+                }]
+        }] });
+/**
+ * @description
+ * Directive to mark the icon of a toast item. This directive is used to
+ * identify the icon content in the toast item template.
+ *
+ * @example
+ * ```html
+ * <mlv-toast-item>
+ *   <svg mlvToastIcon lucideInfo />
+ *   <span mlvToastTitle>Toast Title</span>
+ *   <span mlvToastDescription>Toast Description</span>
+ * </mlv-toast-item>
+ * ```
+ */
+class MlvToastIcon {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvToastIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvToastIcon, isStandalone: true, selector: "[mlvToastIcon]", host: { classAttribute: "mlv-toast-item__icon" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvToastIcon, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mlvToastIcon]',
+                    host: { class: 'mlv-toast-item__icon' },
+                }]
+        }] });
+
+class MlvToastItem extends MlvAbstractToastItem {
+    /** @protected The component's i18n strings signal. */
+    _i18n = inject(MLV_TOAST_I18N);
+    /** @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 Whether to render the built-in, tone-derived Lucide icon.
+     *
+     * Only the four semantic tones map to an icon — `'default'` has none, so
+     * `icon: true` with that tone renders nothing. Dynamic content is excluded
+     * because template/component content owns its own leading icon through
+     * `[mlvToastIcon]`; the service already suppresses the flag for those
+     * branches, and this guard also covers direct use of `<mlv-toast-item>`.
+     */
+    _showIcon = computed(() => {
+        const toast = this.toast();
+        return (toast.icon === true && toast.tone !== 'default' && toast.content == null);
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_showIcon" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvToastItem, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvToastItem, isStandalone: true, selector: "mlv-toast-item", host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "focusin": "onFocusIn()", "focusout": "onFocusOut($event)" }, properties: { "class": "\"mlv-toast-item mlv-toast-item--\" + toast().tone", "class.mlv-toast-item--pill": "toast().shape === \"pill\"" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"mlv-toast-item__wrapper\">\n  <div class=\"mlv-toast-item__body\">\n    @if (_showIcon()) {\n    <span class=\"mlv-toast-item__icon\" aria-hidden=\"true\">\n      @switch (toast().tone) { @case ('success') {\n      <svg lucideCheckCircle [size]=\"18\" />\n      } @case ('warning') {\n      <svg lucideTriangleAlert [size]=\"18\" />\n      } @case ('danger') {\n      <svg lucideCircleX [size]=\"18\" />\n      } @case ('info') {\n      <svg lucideInfo [size]=\"18\" />\n      } }\n    </span>\n    }\n    <div class=\"mlv-toast-item__content\">\n      @if (_templateContent(); as template) {\n      <div class=\"mlv-toast-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\n        class=\"mlv-toast-item__dynamic-content mlv-toast-item__dynamic-content--component\"\n      >\n        <ng-container\n          [ngComponentOutlet]=\"component\"\n          [ngComponentOutletInjector]=\"toast().contentInjector\"\n        />\n      </div>\n      } @else {\n      <span mlvToastTitle>{{ toast().title }}</span>\n      } @if (toast().description) {\n      <span mlvToastDescription>{{ toast().description }}</span>\n      }\n    </div>\n    @if (toast().closable) {\n    <mlv-button-close\n      class=\"mlv-toast-item__dismiss\"\n      [ariaLabel]=\"_i18n().dismiss\"\n      mlvDensity=\"tight\"\n      (click)=\"onClose()\"\n    />\n    }\n  </div>\n</div>\n", styles: ["@layer mlv.components{.mlv-toast-item{display:flex;width:fit-content;max-width:min(26rem,100vw - 2rem);background:var(--mlv-elevation-bg-3);border-radius:var(--mlv-radius-xl);box-shadow:var(--mlv-shadow-floating);color:var(--mlv-text-primary);font-size:var(--mlv-font-size-l);overflow:hidden}.mlv-toast-item__wrapper{display:flex;flex-direction:column;flex:1;min-width:0;min-block-size:2.5rem}.mlv-toast-item__body{display:flex;flex:1;align-items:center;gap:var(--mlv-spacing-3);padding:var(--mlv-padding-s)}.mlv-toast-item__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--mlv-spacing-1)}.mlv-toast-item__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;vertical-align:middle;color:var(--mlv-toast-item-icon-color, var(--mlv-text-secondary))}.mlv-toast-item__title{font-size:var(--mlv-font-size-m);font-weight:var(--mlv-font-weight-semibold);color:var(--mlv-text-secondary);line-height:var(--mlv-line-height-normal)}.mlv-toast-item__description{font-size:var(--mlv-font-size-m);font-weight:var(--mlv-font-weight-normal);color:var(--mlv-text-secondary);line-height:var(--mlv-line-height-relaxed);word-break:break-word}.mlv-toast-item__dismiss{margin-inline-end:-.25rem}.mlv-toast-item__dynamic-content{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:var(--mlv-spacing-3);row-gap:0;min-width:0;color:var(--mlv-text-primary);overflow-wrap:anywhere}.mlv-toast-item__dynamic-content>*,.mlv-toast-item__dynamic-content>*>*{grid-column:2;min-width:0}.mlv-toast-item__dynamic-content .mlv-toast-item__description{margin-block-start:var(--mlv-spacing-1)}.mlv-toast-item__dynamic-content .mlv-toast-item__icon{grid-column:1;grid-row:1}.mlv-toast-item__dynamic-content .mlv-button,.mlv-toast-item__dynamic-content .mlv-button-close{grid-column:3;grid-row:1}.mlv-toast-item__dynamic-content--component>*{display:contents}.mlv-toast-item--pill{border-radius:var(--mlv-radius-full)}.mlv-toast-item--pill .mlv-toast-item__body{padding-inline:var(--mlv-spacing-4)}.mlv-toast-item--pill .mlv-button{--mlv-btn-radius: var(--mlv-radius-full)}.mlv-toast-item--success{--mlv-toast-item-icon-color: var(--mlv-text-positive)}.mlv-toast-item--danger{--mlv-toast-item-icon-color: var(--mlv-text-negative)}.mlv-toast-item--warning{--mlv-toast-item-icon-color: var(--mlv-text-warning)}.mlv-toast-item--info{--mlv-toast-item-icon-color: var(--mlv-text-info)}}\n"], dependencies: [{ 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"] }, { kind: "component", type: MlvButtonClose, selector: "mlv-button-close", inputs: ["variant", "shape", "ariaLabel"] }, { kind: "directive", type: MlvToastTitle, selector: "[mlvToastTitle]" }, { kind: "directive", type: MlvToastDescription, selector: "[mlvToastDescription]" }, { kind: "component", type: LucideCheckCircle, selector: "svg[lucideCircleCheckBig], svg[lucideCheckCircle]" }, { kind: "component", type: LucideCircleX, selector: "svg[lucideCircleX], svg[lucideXCircle]" }, { kind: "component", type: LucideInfo, selector: "svg[lucideInfo]" }, { kind: "component", type: LucideTriangleAlert, selector: "svg[lucideTriangleAlert], svg[lucideAlertTriangle]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvToastItem, decorators: [{
+            type: Component,
+            args: [{ selector: 'mlv-toast-item', imports: [
+                        NgComponentOutlet,
+                        NgTemplateOutlet,
+                        MlvButtonClose,
+                        MlvToastTitle,
+                        MlvToastDescription,
+                        LucideCheckCircle,
+                        LucideCircleX,
+                        LucideInfo,
+                        LucideTriangleAlert,
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[class]': '"mlv-toast-item mlv-toast-item--" + toast().tone',
+                        '[class.mlv-toast-item--pill]': 'toast().shape === "pill"',
+                        '(mouseenter)': 'onMouseEnter()',
+                        '(mouseleave)': 'onMouseLeave()',
+                        '(focusin)': 'onFocusIn()',
+                        '(focusout)': 'onFocusOut($event)',
+                    }, template: "<div class=\"mlv-toast-item__wrapper\">\n  <div class=\"mlv-toast-item__body\">\n    @if (_showIcon()) {\n    <span class=\"mlv-toast-item__icon\" aria-hidden=\"true\">\n      @switch (toast().tone) { @case ('success') {\n      <svg lucideCheckCircle [size]=\"18\" />\n      } @case ('warning') {\n      <svg lucideTriangleAlert [size]=\"18\" />\n      } @case ('danger') {\n      <svg lucideCircleX [size]=\"18\" />\n      } @case ('info') {\n      <svg lucideInfo [size]=\"18\" />\n      } }\n    </span>\n    }\n    <div class=\"mlv-toast-item__content\">\n      @if (_templateContent(); as template) {\n      <div class=\"mlv-toast-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\n        class=\"mlv-toast-item__dynamic-content mlv-toast-item__dynamic-content--component\"\n      >\n        <ng-container\n          [ngComponentOutlet]=\"component\"\n          [ngComponentOutletInjector]=\"toast().contentInjector\"\n        />\n      </div>\n      } @else {\n      <span mlvToastTitle>{{ toast().title }}</span>\n      } @if (toast().description) {\n      <span mlvToastDescription>{{ toast().description }}</span>\n      }\n    </div>\n    @if (toast().closable) {\n    <mlv-button-close\n      class=\"mlv-toast-item__dismiss\"\n      [ariaLabel]=\"_i18n().dismiss\"\n      mlvDensity=\"tight\"\n      (click)=\"onClose()\"\n    />\n    }\n  </div>\n</div>\n", styles: ["@layer mlv.components{.mlv-toast-item{display:flex;width:fit-content;max-width:min(26rem,100vw - 2rem);background:var(--mlv-elevation-bg-3);border-radius:var(--mlv-radius-xl);box-shadow:var(--mlv-shadow-floating);color:var(--mlv-text-primary);font-size:var(--mlv-font-size-l);overflow:hidden}.mlv-toast-item__wrapper{display:flex;flex-direction:column;flex:1;min-width:0;min-block-size:2.5rem}.mlv-toast-item__body{display:flex;flex:1;align-items:center;gap:var(--mlv-spacing-3);padding:var(--mlv-padding-s)}.mlv-toast-item__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--mlv-spacing-1)}.mlv-toast-item__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;vertical-align:middle;color:var(--mlv-toast-item-icon-color, var(--mlv-text-secondary))}.mlv-toast-item__title{font-size:var(--mlv-font-size-m);font-weight:var(--mlv-font-weight-semibold);color:var(--mlv-text-secondary);line-height:var(--mlv-line-height-normal)}.mlv-toast-item__description{font-size:var(--mlv-font-size-m);font-weight:var(--mlv-font-weight-normal);color:var(--mlv-text-secondary);line-height:var(--mlv-line-height-relaxed);word-break:break-word}.mlv-toast-item__dismiss{margin-inline-end:-.25rem}.mlv-toast-item__dynamic-content{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:var(--mlv-spacing-3);row-gap:0;min-width:0;color:var(--mlv-text-primary);overflow-wrap:anywhere}.mlv-toast-item__dynamic-content>*,.mlv-toast-item__dynamic-content>*>*{grid-column:2;min-width:0}.mlv-toast-item__dynamic-content .mlv-toast-item__description{margin-block-start:var(--mlv-spacing-1)}.mlv-toast-item__dynamic-content .mlv-toast-item__icon{grid-column:1;grid-row:1}.mlv-toast-item__dynamic-content .mlv-button,.mlv-toast-item__dynamic-content .mlv-button-close{grid-column:3;grid-row:1}.mlv-toast-item__dynamic-content--component>*{display:contents}.mlv-toast-item--pill{border-radius:var(--mlv-radius-full)}.mlv-toast-item--pill .mlv-toast-item__body{padding-inline:var(--mlv-spacing-4)}.mlv-toast-item--pill .mlv-button{--mlv-btn-radius: var(--mlv-radius-full)}.mlv-toast-item--success{--mlv-toast-item-icon-color: var(--mlv-text-positive)}.mlv-toast-item--danger{--mlv-toast-item-icon-color: var(--mlv-text-negative)}.mlv-toast-item--warning{--mlv-toast-item-icon-color: var(--mlv-text-warning)}.mlv-toast-item--info{--mlv-toast-item-icon-color: var(--mlv-text-info)}}\n"] }]
+        }] });
+
+/**
+ * Extra clearance kept between a top-anchored stack and the top viewport edge,
+ * on top of the panel's own padding. Consumers set
+ * `--mlv-toast-inset-block-start` on any scope the overlay inherits from —
+ * `document.documentElement` is the reliable one, since the CDK overlay
+ * container is a body child and never a descendant of the page.
+ */
+const TOAST_INSET_BLOCK_START = 'var(--mlv-toast-inset-block-start, 0px)';
+/**
+ * The bottom-edge counterpart of {@link TOAST_INSET_BLOCK_START}. It defaults
+ * to `--mlv-page-dock-height`, which a sticky `mlv-page-dock` publishes on
+ * `document.documentElement` while it is mounted — so bottom toasts clear a
+ * page's Save/Discard dock out of the box, with no wiring by the consumer.
+ */
+const TOAST_INSET_BLOCK_END = 'var(--mlv-toast-inset-block-end, var(--mlv-page-dock-height, 0px))';
+class MlvToastContainer extends MlvAbstractToastContainerComponent {
+    /**
+     * @protected Clearance applied above a top-anchored stack. `null` for bottom
+     * positions, where the anchored edge is the opposite one.
+     */
+    _insetBlockStart = computed(() => this.position().startsWith('top') ? TOAST_INSET_BLOCK_START : null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_insetBlockStart" }] : /* istanbul ignore next */ []));
+    /**
+     * @protected Clearance applied below a bottom-anchored stack, keeping it
+     * clear of a sticky page dock. `null` for top positions.
+     */
+    _insetBlockEnd = computed(() => this.position().startsWith('top') ? null : TOAST_INSET_BLOCK_END, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_insetBlockEnd" }] : /* istanbul ignore next */ []));
+    /** @private Parent injector used as the root for each toast item's injector. */
+    _injector = inject(Injector);
+    /** @protected Per-item injector providing the `MLV_TOAST_CLOSE` callback to each rendered toast. */
+    itemInjector = Injector.create({
+        providers: [
+            {
+                provide: MLV_TOAST_CLOSE,
+                useValue: (id) => this.requestClose(id),
+            },
+        ],
+        parent: this._injector,
+    });
+    component = MlvToastItem;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvToastContainer, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvToastContainer, isStandalone: true, selector: "mlv-toast-container", host: { properties: { "class.is-bottom": "!position().startsWith(\"top\")", "style.--mlv-toast-position": "position().startsWith(\"top\") ? -1 : 1", "style.--mlv-toast-panel-inset-block-start": "_insetBlockStart()", "style.--mlv-toast-panel-inset-block-end": "_insetBlockEnd()" }, classAttribute: "mlv-toast-container" }, usesInheritance: true, ngImport: i0, template: "@for (toast of toasts(); track toast.id) {\n<div\n  class=\"mlv-toast-item-wrapper\"\n  animate.enter=\"mlv-toast-item-wrapper--enter\"\n  animate.leave=\"mlv-toast-item-wrapper--leave\"\n>\n  <ng-template\n    [ngComponentOutlet]=\"component\"\n    [ngComponentOutletInjector]=\"itemInjector\"\n    [ngComponentOutletInputs]=\"{ toast }\"\n  ></ng-template>\n</div>\n}\n", styles: ["@layer mlv.components{@keyframes mlv-toast--enter{0%{opacity:0;transform:translateY(calc(2rem * var(--mlv-toast-position, -1)));grid-template-rows:0fr;margin-bottom:0}to{opacity:1;transform:translateY(0);grid-template-rows:1fr;margin-bottom:.5rem}}@keyframes toast-leave-fade{to{opacity:0;transform:scale(.94)}}@keyframes toast-leave-collapse{to{grid-template-rows:0fr;margin-bottom:0}}.mlv-toast-panel{--mlv-toast-align: flex-end;pointer-events:none;display:flex;flex-direction:column;align-items:var(--mlv-toast-align);overflow-y:visible;padding:var(--mlv-padding-m)}.mlv-toast-panel--top-left,.mlv-toast-panel--bottom-left{--mlv-toast-align: flex-start}.mlv-toast-panel--top-center,.mlv-toast-panel--bottom-center{--mlv-toast-align: center}mlv-toast-container{display:flex;flex-direction:column;align-items:var(--mlv-toast-align, flex-end);padding-block-start:var(--mlv-toast-panel-inset-block-start, 0px);padding-block-end:var(--mlv-toast-panel-inset-block-end, 0px);pointer-events:none}mlv-toast-container .mlv-toast-item-wrapper{display:grid;grid-template-rows:1fr;flex-shrink:0;pointer-events:all;margin-bottom:.5rem;will-change:transform,opacity,grid-template-rows}mlv-toast-container .mlv-toast-item-wrapper>*{min-height:0;overflow:hidden}mlv-toast-container .mlv-toast-item-wrapper--enter{animation:mlv-toast--enter var(--mlv-duration-slow) var(--mlv-ease-out-strong) both}mlv-toast-container .mlv-toast-item-wrapper--leave{animation:toast-leave-fade var(--mlv-duration-fast) var(--mlv-ease-out-strong) forwards,toast-leave-collapse var(--mlv-duration-normal) var(--mlv-ease-out-strong) forwards}mlv-toast-container.is-bottom mlv-toast-item.is-leaving{animation:toast-leave-fade var(--mlv-duration-fast) var(--mlv-ease-out-strong) forwards,toast-leave-collapse var(--mlv-duration-normal) var(--mlv-ease-out-strong) var(--mlv-duration-fast) forwards}@media(prefers-reduced-motion:reduce){mlv-toast-container .mlv-toast-item-wrapper--enter,mlv-toast-container .mlv-toast-item-wrapper--leave,mlv-toast-container.is-bottom mlv-toast-item.is-leaving{animation:none}}}\n"], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvToastContainer, decorators: [{
+            type: Component,
+            args: [{ selector: 'mlv-toast-container', imports: [NgComponentOutlet], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'mlv-toast-container',
+                        '[class.is-bottom]': '!position().startsWith("top")',
+                        '[style.--mlv-toast-position]': 'position().startsWith("top") ? -1 : 1',
+                        '[style.--mlv-toast-panel-inset-block-start]': '_insetBlockStart()',
+                        '[style.--mlv-toast-panel-inset-block-end]': '_insetBlockEnd()',
+                    }, template: "@for (toast of toasts(); track toast.id) {\n<div\n  class=\"mlv-toast-item-wrapper\"\n  animate.enter=\"mlv-toast-item-wrapper--enter\"\n  animate.leave=\"mlv-toast-item-wrapper--leave\"\n>\n  <ng-template\n    [ngComponentOutlet]=\"component\"\n    [ngComponentOutletInjector]=\"itemInjector\"\n    [ngComponentOutletInputs]=\"{ toast }\"\n  ></ng-template>\n</div>\n}\n", styles: ["@layer mlv.components{@keyframes mlv-toast--enter{0%{opacity:0;transform:translateY(calc(2rem * var(--mlv-toast-position, -1)));grid-template-rows:0fr;margin-bottom:0}to{opacity:1;transform:translateY(0);grid-template-rows:1fr;margin-bottom:.5rem}}@keyframes toast-leave-fade{to{opacity:0;transform:scale(.94)}}@keyframes toast-leave-collapse{to{grid-template-rows:0fr;margin-bottom:0}}.mlv-toast-panel{--mlv-toast-align: flex-end;pointer-events:none;display:flex;flex-direction:column;align-items:var(--mlv-toast-align);overflow-y:visible;padding:var(--mlv-padding-m)}.mlv-toast-panel--top-left,.mlv-toast-panel--bottom-left{--mlv-toast-align: flex-start}.mlv-toast-panel--top-center,.mlv-toast-panel--bottom-center{--mlv-toast-align: center}mlv-toast-container{display:flex;flex-direction:column;align-items:var(--mlv-toast-align, flex-end);padding-block-start:var(--mlv-toast-panel-inset-block-start, 0px);padding-block-end:var(--mlv-toast-panel-inset-block-end, 0px);pointer-events:none}mlv-toast-container .mlv-toast-item-wrapper{display:grid;grid-template-rows:1fr;flex-shrink:0;pointer-events:all;margin-bottom:.5rem;will-change:transform,opacity,grid-template-rows}mlv-toast-container .mlv-toast-item-wrapper>*{min-height:0;overflow:hidden}mlv-toast-container .mlv-toast-item-wrapper--enter{animation:mlv-toast--enter var(--mlv-duration-slow) var(--mlv-ease-out-strong) both}mlv-toast-container .mlv-toast-item-wrapper--leave{animation:toast-leave-fade var(--mlv-duration-fast) var(--mlv-ease-out-strong) forwards,toast-leave-collapse var(--mlv-duration-normal) var(--mlv-ease-out-strong) forwards}mlv-toast-container.is-bottom mlv-toast-item.is-leaving{animation:toast-leave-fade var(--mlv-duration-fast) var(--mlv-ease-out-strong) forwards,toast-leave-collapse var(--mlv-duration-normal) var(--mlv-ease-out-strong) var(--mlv-duration-fast) forwards}@media(prefers-reduced-motion:reduce){mlv-toast-container .mlv-toast-item-wrapper--enter,mlv-toast-container .mlv-toast-item-wrapper--leave,mlv-toast-container.is-bottom mlv-toast-item.is-leaving{animation:none}}}\n"] }]
+        }] });
+
+class MlvToastService extends MlvAbstractToastService {
+    /** @protected Per-position CDK overlay container component. */
+    containerType = MlvToastContainer;
+    toastItemType = MlvToastItem;
+    /**
+     * @protected Announces the title and description. Returns `null` for template
+     * and component content, whose rendered text the service cannot read — that
+     * content is responsible for announcing anything it needs to.
+     */
+    resolveAnnouncement(config) {
+        if (config.dynamicContent) {
+            return null;
+        }
+        const message = joinAnnouncementParts([config.title, config.description]);
+        return message
+            ? {
+                message,
+                politeness: resolveToastPoliteness(config.tone ?? 'default'),
+            }
+            : null;
+    }
+    /** @protected Builds a fully-resolved internal toast 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: MlvToastRef, useValue: ref },
+                    { provide: TOAST_DATA, useValue: openConfig.data },
+                    { provide: TOAST_CONFIG, useValue: openConfig },
+                ],
+            })
+            : undefined;
+        return {
+            id,
+            title: config.title,
+            description: config.description ?? '',
+            position: config.position ?? MLV_TOAST_DEFAULT_POSITION,
+            tone: config.tone ?? 'default',
+            shape: config.shape ?? 'default',
+            icon: config.icon ?? false,
+            displayTime: config.displayTime ?? 4000,
+            pauseOnHover: config.pauseOnHover ?? true,
+            closable: config.closable ?? true,
+            content: internalConfig.dynamicContent,
+            contentContext,
+            contentInjector,
+        };
+    }
+    /**
+     * Opens escaped string, template, or component content as a toast.
+     *
+     * Template content receives `MlvToastTemplateContext`; component content can
+     * inject `MlvToastRef`, `TOAST_DATA`, and `TOAST_CONFIG`.
+     */
+    open(content, config = {}) {
+        if (typeof content === 'string') {
+            return super.show({ ...config, title: content });
+        }
+        if (this._isContentObject(content)) {
+            return super.show({
+                ...config,
+                title: content.title ?? '',
+                description: content.description ?? '',
+            });
+        }
+        const internalConfig = {
+            ...config,
+            title: '',
+            dynamicContent: content,
+            openConfig: config,
+            // Template and component content supply their own leading icon through
+            // `[mlvToastIcon]`; a built-in one would compete with it.
+            icon: false,
+        };
+        return super.show(internalConfig);
+    }
+    _isContentObject(content) {
+        return (typeof content === 'object' &&
+            (Object.prototype.hasOwnProperty.call(content, 'title') ||
+                Object.prototype.hasOwnProperty.call(content, 'description')));
+    }
+    /** @protected Creates a data-aware reference for each toast. */
+    _createRef(id, position, config) {
+        return new MlvToastRef(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' });
+    }
+    /** Show a toast with the given tone (shorthand). */
+    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: MlvToastService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvToastService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvToastService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+// Public API — shared base (re-exported for @malva-ui/notification to extend)
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MLV_TOAST_CLOSE, MLV_TOAST_DEFAULT_POSITION, MlvAbstractToastContainerComponent, MlvAbstractToastItem, MlvAbstractToastService, MlvToastContainer, MlvToastDescription, MlvToastIcon, MlvToastItem, MlvToastRef, MlvToastService, MlvToastTimer, MlvToastTitle, TOAST_CONFIG, TOAST_DATA, joinAnnouncementParts, resolveToastPoliteness };
+//# sourceMappingURL=malva-ui-core-toast.mjs.map