@malva-ui/core 0.1.13 → 0.1.14

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

@@ -0,0 +1,201 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, computed, TemplateRef, ChangeDetectionStrategy, ViewEncapsulation, Component, Injector, Injectable } from '@angular/core';
+import { MlvToastRef, MlvAbstractToastItem, MlvAbstractToastService, MlvToastContainer, joinAnnouncementParts, resolveToastPoliteness, MLV_TOAST_DEFAULT_POSITION } from '@malva-ui/core/toast';
+import { NgComponentOutlet, NgTemplateOutlet } from '@angular/common';
+import { LucideInfo, LucideTriangleAlert, LucideCircleAlert, LucideCircleCheck, LucideDynamicIcon } from '@lucide/angular';
+import { MlvButton, MlvButtonClose } 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';
+
+/** Data available to component content opened through `MlvNotificationService.open()`. */
+const NOTIFICATION_DATA = new InjectionToken('NOTIFICATION_DATA');
+/** Configuration available to component content opened through `MlvNotificationService.open()`. */
+const NOTIFICATION_CONFIG = new InjectionToken('NOTIFICATION_CONFIG');
+
+/**
+ * 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.
+ */
+class MlvNotificationRef extends MlvToastRef {
+}
+
+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  <mlv-button-close\n    mlvDensity=\"compact\"\n    [ariaLabel]=\"_i18n().dismiss\"\n    (click)=\"onClose()\"\n  ></mlv-button-close>\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: ["@layer mlv.components{.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-floating);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-inline-start:.25rem solid transparent}.mlv-notification-item--success{border-inline-start-color:var(--mlv-border-success)}.mlv-notification-item--danger{border-inline-start-color:var(--mlv-background-danger-1)}.mlv-notification-item--warning{border-inline-start-color:var(--mlv-border-warning)}.mlv-notification-item--info{border-inline-start-color:var(--mlv-border-info)}.mlv-notification-item--default{border-inline-start-color:var(--mlv-background-accent-1)}}\n"], dependencies: [{ kind: "component", type: LucideDynamicIcon, selector: "svg[lucideIcon]", inputs: ["lucideIcon"] }, { kind: "component", type: MlvButton, selector: "button[mlvButton], a[mlvButton]", inputs: ["variant", "shape", "disabled", "loading", "selected"] }, { 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"] }, { kind: "component", type: MlvButtonClose, selector: "mlv-button-close", inputs: ["variant", "shape", "ariaLabel"] }], 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,
+                        MlvButton,
+                        MlvClick,
+                        MlvChip,
+                        NgComponentOutlet,
+                        NgTemplateOutlet,
+                        MlvButtonClose,
+                    ], 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  <mlv-button-close\n    mlvDensity=\"compact\"\n    [ariaLabel]=\"_i18n().dismiss\"\n    (click)=\"onClose()\"\n  ></mlv-button-close>\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: ["@layer mlv.components{.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-floating);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-inline-start:.25rem solid transparent}.mlv-notification-item--success{border-inline-start-color:var(--mlv-border-success)}.mlv-notification-item--danger{border-inline-start-color:var(--mlv-background-danger-1)}.mlv-notification-item--warning{border-inline-start-color:var(--mlv-border-warning)}.mlv-notification-item--info{border-inline-start-color:var(--mlv-border-info)}.mlv-notification-item--default{border-inline-start-color:var(--mlv-background-accent-1)}}\n"] }]
+        }] });
+
+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' }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MlvNotificationItem, MlvNotificationRef, MlvNotificationService, NOTIFICATION_CONFIG, NOTIFICATION_DATA };
+//# sourceMappingURL=malva-ui-core-notification.mjs.map

package/fesm2022/malva-ui-core-notification.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"malva-ui-core-notification.mjs","sources":["../../../../libs/core/notification/src/lib/notification.types.ts","../../../../libs/core/notification/src/lib/notification-ref.ts","../../../../libs/core/notification/src/lib/notification-item/notification-item.ts","../../../../libs/core/notification/src/lib/notification-item/notification-item.html","../../../../libs/core/notification/src/lib/notification.service.ts","../../../../libs/core/notification/src/malva-ui-core-notification.ts"],"sourcesContent":["import type {\n  MlvBaseToastConfig,\n  MlvInternalBaseToast,\n} from '@malva-ui/core/toast';\nimport type { Injector, TemplateRef, Type } from '@angular/core';\nimport { InjectionToken } from '@angular/core';\nimport type { MlvTone } from '@malva-ui/cdk/utils';\nimport type { MlvNotificationRef } from './notification-ref';\n\nexport type MlvNotificationTone = MlvTone | 'default';\n\nexport interface MlvNotificationAction {\n  label: string;\n  action: () => void;\n  variant?: 'primary' | 'secondary';\n}\n\nexport interface MlvNotificationConfig<D = unknown>\n  extends MlvBaseToastConfig<D> {\n  title: string;\n  description?: string;\n  tone?: MlvNotificationTone;\n  actions?: MlvNotificationAction[];\n  /** Override the auto-selected icon. Pass null to hide the icon. */\n  showIcon?: boolean;\n}\n\n/** Options for `MlvNotificationService.open()` where content is supplied separately. */\nexport interface MlvNotificationOpenConfig<D = unknown>\n  extends MlvBaseToastConfig<D> {\n  description?: string;\n  tone?: MlvNotificationTone;\n  actions?: MlvNotificationAction[];\n  showIcon?: boolean;\n}\n\n/** Context exposed when `MlvNotificationService.open()` receives a `TemplateRef`. */\nexport interface MlvNotificationTemplateContext<D = unknown> {\n  $implicit: MlvNotificationRef<D>;\n  ref: MlvNotificationRef<D>;\n  data: D;\n  config: Readonly<MlvNotificationOpenConfig<D>>;\n}\n\n/** Content accepted by `MlvNotificationService.open()`. Strings are rendered as escaped text. */\nexport type MlvNotificationContent<D = unknown> =\n  | string\n  | TemplateRef<MlvNotificationTemplateContext<D>>\n  | Type<unknown>;\n\n/** Data available to component content opened through `MlvNotificationService.open()`. */\nexport const NOTIFICATION_DATA = new InjectionToken<unknown>(\n  'NOTIFICATION_DATA',\n);\n\n/** Configuration available to component content opened through `MlvNotificationService.open()`. */\nexport const NOTIFICATION_CONFIG = new InjectionToken<\n  Readonly<MlvNotificationOpenConfig>\n>('NOTIFICATION_CONFIG');\n\nexport interface MlvInternalNotification extends MlvInternalBaseToast {\n  title: string;\n  description: string;\n  tone: MlvNotificationTone;\n  actions: MlvNotificationAction[];\n  showIcon: boolean;\n  /** Dynamic template/component content; strings use the existing title rendering path. */\n  content?: Exclude<MlvNotificationContent, string>;\n  /** Context supplied to dynamic template content. */\n  contentContext?: MlvNotificationTemplateContext;\n  /** Per-item injector supplied to dynamic template/component content. */\n  contentInjector?: Injector;\n}\n","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","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  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, MlvButtonClose } 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    MlvButton,\n    MlvClick,\n    MlvChip,\n    NgComponentOutlet,\n    NgTemplateOutlet,\n    MlvButtonClose,\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  <mlv-button-close\n    mlvDensity=\"compact\"\n    [ariaLabel]=\"_i18n().dismiss\"\n    (click)=\"onClose()\"\n  ></mlv-button-close>\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","import type { TemplateRef, Type } from '@angular/core';\nimport { Injectable, Injector } from '@angular/core';\nimport type {\n  MlvIAbstractToastComponent,\n  MlvToastPoliteness,\n  MlvToastPosition,\n} from '@malva-ui/core/toast';\nimport {\n  MLV_TOAST_DEFAULT_POSITION,\n  MlvAbstractToastService,\n  MlvToastContainer,\n  MlvToastRef,\n  joinAnnouncementParts,\n  resolveToastPoliteness,\n} from '@malva-ui/core/toast';\nimport type {\n  MlvInternalNotification,\n  MlvNotificationContent,\n  MlvNotificationConfig,\n  MlvNotificationOpenConfig,\n  MlvNotificationTemplateContext,\n  MlvNotificationTone,\n} from './notification.types';\nimport { NOTIFICATION_CONFIG, NOTIFICATION_DATA } from './notification.types';\nimport { MlvNotificationItem } from './notification-item/notification-item';\nimport { MlvNotificationRef } from './notification-ref';\n\ntype NotificationConfigWithoutTitleAndTone = Omit<\n  MlvNotificationConfig,\n  'title' | 'tone'\n>;\n\n/** @internal Normalized config passed through the existing `show()` pipeline. */\ninterface InternalNotificationConfig extends MlvNotificationConfig {\n  dynamicContent?: Exclude<MlvNotificationContent, string>;\n  openConfig?: MlvNotificationOpenConfig;\n}\n\n@Injectable({ providedIn: 'root' })\nexport class MlvNotificationService extends MlvAbstractToastService<\n  MlvNotificationConfig,\n  MlvInternalNotification,\n  MlvIAbstractToastComponent<MlvInternalNotification>,\n  MlvNotificationRef\n> {\n  /** @protected Overlay container component reused from `@malva-ui/core/toast`. */\n  protected override readonly containerType = MlvToastContainer;\n\n  /** @protected Concrete item component the container renders for each notification. */\n  protected override readonly toastItemType = MlvNotificationItem;\n\n  /**\n   * @protected Announces the title, description, and the labels of any action\n   * buttons — a keyboard or screen-reader user needs to know an action exists,\n   * since notifications never steal focus. Returns `null` for template and\n   * component content, whose rendered text the service cannot read.\n   */\n  protected override resolveAnnouncement(\n    config: MlvNotificationConfig,\n  ): { message: string; politeness: MlvToastPoliteness } | null {\n    if ((config as InternalNotificationConfig).dynamicContent) {\n      return null;\n    }\n    const message = joinAnnouncementParts([\n      config.title,\n      config.description,\n      ...(config.actions ?? []).map((action) => action.label),\n    ]);\n\n    return message\n      ? {\n          message,\n          politeness: resolveToastPoliteness(config.tone ?? 'default'),\n        }\n      : null;\n  }\n\n  /** @protected Builds a fully-resolved internal notification from user config, applying defaults. */\n  protected override buildItem(\n    id: string,\n    config: MlvNotificationConfig,\n    ref: MlvNotificationRef,\n  ): MlvInternalNotification {\n    const internalConfig = config as InternalNotificationConfig;\n    const openConfig = internalConfig.openConfig;\n    const contentContext: MlvNotificationTemplateContext | undefined =\n      openConfig\n        ? {\n            $implicit: ref,\n            ref,\n            data: openConfig.data,\n            config: openConfig,\n          }\n        : undefined;\n    const contentInjector = openConfig\n      ? Injector.create({\n          parent: openConfig.injector ?? this._environmentInjector,\n          providers: [\n            { provide: MlvNotificationRef, useValue: ref },\n            { provide: MlvToastRef, useValue: ref },\n            { provide: NOTIFICATION_DATA, useValue: openConfig.data },\n            { provide: NOTIFICATION_CONFIG, useValue: openConfig },\n          ],\n        })\n      : undefined;\n\n    return {\n      id,\n      title: config.title,\n      description: config.description ?? '',\n      position: config.position ?? MLV_TOAST_DEFAULT_POSITION,\n      tone: config.tone ?? 'default',\n      displayTime: config.displayTime ?? 6000,\n      pauseOnHover: config.pauseOnHover ?? true,\n      closable: config.closable ?? true,\n      actions: config.actions ?? [],\n      showIcon: config.showIcon ?? true,\n      content: internalConfig.dynamicContent,\n      contentContext,\n      contentInjector,\n    };\n  }\n\n  /**\n   * Opens escaped string, template, or component content as a notification.\n   *\n   * Template content receives `MlvNotificationTemplateContext`; component content\n   * can inject `MlvNotificationRef`, `NOTIFICATION_DATA`, and\n   * `NOTIFICATION_CONFIG`.\n   */\n  open<D = unknown>(\n    content: MlvNotificationContent<D>,\n    config: MlvNotificationOpenConfig<D> = {},\n  ): MlvNotificationRef<D> {\n    if (typeof content === 'string') {\n      return super.show({ ...config, title: content }) as MlvNotificationRef<D>;\n    }\n\n    const internalConfig: InternalNotificationConfig = {\n      ...config,\n      title: '',\n      dynamicContent: content as\n        | TemplateRef<MlvNotificationTemplateContext>\n        | Type<unknown>,\n      openConfig: config,\n    };\n    return super.show(internalConfig) as MlvNotificationRef<D>;\n  }\n\n  /** @protected Creates a data-aware reference for each notification. */\n  protected override _createRef(\n    id: string,\n    position: MlvToastPosition,\n    config: MlvNotificationConfig,\n  ): MlvNotificationRef {\n    return new MlvNotificationRef(id, config.data, () =>\n      this.close(id, position),\n    );\n  }\n\n  success(\n    title: string,\n    config?: NotificationConfigWithoutTitleAndTone,\n  ): MlvNotificationRef {\n    return this.show({ ...config, title, tone: 'success' });\n  }\n\n  error(\n    title: string,\n    config?: NotificationConfigWithoutTitleAndTone,\n  ): MlvNotificationRef {\n    return this.show({ ...config, title, tone: 'danger' });\n  }\n\n  warning(\n    title: string,\n    config?: NotificationConfigWithoutTitleAndTone,\n  ): MlvNotificationRef {\n    return this.show({ ...config, title, tone: 'warning' });\n  }\n\n  info(\n    title: string,\n    config?: NotificationConfigWithoutTitleAndTone,\n  ): MlvNotificationRef {\n    return this.show({ ...config, title, tone: 'info' });\n  }\n\n  tone(\n    v: MlvNotificationTone,\n    title: string,\n    config?: NotificationConfigWithoutTitleAndTone,\n  ): MlvNotificationRef {\n    return this.show({ ...config, title, tone: v });\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}