@malva-ui/core 0.1.12

package/esm2022/toast/lib/toast-container/toast-container.js

@@ -0,0 +1,61 @@
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, computed, inject, Injector, } from '@angular/core';
+import { MlvAbstractToastContainerComponent } from '../abstract-toast-container';
+import { MLV_TOAST_CLOSE } from '../toast.types';
+import { MlvToastItem } from '../toast-item/toast-item';
+import { NgComponentOutlet } from '@angular/common';
+import * as i0 from "@angular/core";
+/**
+ * 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))';
+export 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: ["@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: ["@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"] }]
+        }] });
+//# sourceMappingURL=toast-container.js.map

package/esm2022/toast/lib/toast-container/toast-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-container.js","sourceRoot":"","sources":["../../../../../../../libs/core/toast/src/lib/toast-container/toast-container.ts","../../../../../../../libs/core/toast/src/lib/toast-container/toast-container.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,iBAAiB,EACjB,QAAQ,EACR,MAAM,EACN,QAAQ,GACT,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,kCAAkC,EAAE,MAAM,6BAA6B,CAAC;AAEjF,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;;AAEpD;;;;;;GAMG;AACH,MAAM,uBAAuB,GAAG,yCAAyC,CAAC;AAE1E;;;;;GAKG;AACH,MAAM,qBAAqB,GACzB,oEAAoE,CAAC;AAiBvE,MAAM,OAAO,iBAEX,SAAQ,kCAAqC;IAC7C;;;OAGG;IACgB,gBAAgB,GAAG,QAAQ,CAAC,GAAG,EAAE,CAClD,IAAI,CAAC,QAAQ,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,IAAI;yFACnE,CAAC;IAEF;;;OAGG;IACgB,cAAc,GAAG,QAAQ,CAAC,GAAG,EAAE,CAChD,IAAI,CAAC,QAAQ,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,qBAAqB;uFACjE,CAAC;IAEF,gFAAgF;IAC/D,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IAE9C,oGAAoG;IACjF,YAAY,GAAG,QAAQ,CAAC,MAAM,CAAC;QAChD,SAAS,EAAE;YACT;gBACE,OAAO,EAAE,eAAe;gBACxB,QAAQ,EAAE,CAAC,EAAU,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC;aAChD;SACF;QACD,MAAM,EAAE,IAAI,CAAC,SAAS;KACvB,CAAC,CAAC;IAEM,SAAS,GAAG,YAAY,CAAC;uGAjCvB,iBAAiB;2FAAjB,iBAAiB,waC/C9B,qXAaA,6jEDqBY,iBAAiB;;2FAahB,iBAAiB;kBAf7B,SAAS;+BACE,qBAAqB,WACtB,CAAC,iBAAiB,CAAC,iBAGb,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,QACzC;wBACJ,KAAK,EAAE,qBAAqB;wBAC5B,mBAAmB,EAAE,+BAA+B;wBACpD,8BAA8B,EAAE,uCAAuC;wBACvE,6CAA6C,EAAE,oBAAoB;wBACnE,2CAA2C,EAAE,kBAAkB;qBAChE","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  computed,\n  inject,\n  Injector,\n} from '@angular/core';\nimport { MlvAbstractToastContainerComponent } from '../abstract-toast-container';\nimport type { MlvInternalToast } from '../toast.types';\nimport { MLV_TOAST_CLOSE } from '../toast.types';\nimport { MlvToastItem } from '../toast-item/toast-item';\nimport { NgComponentOutlet } from '@angular/common';\n\n/**\n * Extra clearance kept between a top-anchored stack and the top viewport edge,\n * on top of the panel's own padding. Consumers set\n * `--mlv-toast-inset-block-start` on any scope the overlay inherits from —\n * `document.documentElement` is the reliable one, since the CDK overlay\n * container is a body child and never a descendant of the page.\n */\nconst TOAST_INSET_BLOCK_START = 'var(--mlv-toast-inset-block-start, 0px)';\n\n/**\n * The bottom-edge counterpart of {@link TOAST_INSET_BLOCK_START}. It defaults\n * to `--mlv-page-dock-height`, which a sticky `mlv-page-dock` publishes on\n * `document.documentElement` while it is mounted — so bottom toasts clear a\n * page's Save/Discard dock out of the box, with no wiring by the consumer.\n */\nconst TOAST_INSET_BLOCK_END =\n  'var(--mlv-toast-inset-block-end, var(--mlv-page-dock-height, 0px))';\n\n@Component({\n  selector: 'mlv-toast-container',\n  imports: [NgComponentOutlet],\n  templateUrl: './toast-container.html',\n  styleUrl: './toast-container.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'mlv-toast-container',\n    '[class.is-bottom]': '!position().startsWith(\"top\")',\n    '[style.--mlv-toast-position]': 'position().startsWith(\"top\") ? -1 : 1',\n    '[style.--mlv-toast-panel-inset-block-start]': '_insetBlockStart()',\n    '[style.--mlv-toast-panel-inset-block-end]': '_insetBlockEnd()',\n  },\n})\nexport class MlvToastContainer<\n  T extends MlvInternalToast = MlvInternalToast,\n> extends MlvAbstractToastContainerComponent<T> {\n  /**\n   * @protected Clearance applied above a top-anchored stack. `null` for bottom\n   * positions, where the anchored edge is the opposite one.\n   */\n  protected readonly _insetBlockStart = computed(() =>\n    this.position().startsWith('top') ? TOAST_INSET_BLOCK_START : null,\n  );\n\n  /**\n   * @protected Clearance applied below a bottom-anchored stack, keeping it\n   * clear of a sticky page dock. `null` for top positions.\n   */\n  protected readonly _insetBlockEnd = computed(() =>\n    this.position().startsWith('top') ? null : TOAST_INSET_BLOCK_END,\n  );\n\n  /** @private Parent injector used as the root for each toast item's injector. */\n  private readonly _injector = inject(Injector);\n\n  /** @protected Per-item injector providing the `MLV_TOAST_CLOSE` callback to each rendered toast. */\n  protected readonly itemInjector = Injector.create({\n    providers: [\n      {\n        provide: MLV_TOAST_CLOSE,\n        useValue: (id: string) => this.requestClose(id),\n      },\n    ],\n    parent: this._injector,\n  });\n\n  override component = MlvToastItem;\n}\n","@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"]}

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

@@ -0,0 +1,62 @@
+import { ChangeDetectionStrategy, Component, computed, inject, TemplateRef, ViewEncapsulation, } from '@angular/core';
+import { NgComponentOutlet, NgTemplateOutlet } from '@angular/common';
+import { LucideCheckCircle, LucideCircleX, LucideInfo, LucideTriangleAlert, } from '@lucide/angular';
+import { MlvAbstractToastItem } from '../abstract-toast-item';
+import { MlvButtonClose } from '@malva-ui/core/button';
+import { MLV_TOAST_I18N } from '@malva-ui/i18n';
+import { MlvToastDescription, MlvToastTitle } from '../toast.directives';
+import * as i0 from "@angular/core";
+export 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: [".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: [".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"] }]
+        }] });
+//# sourceMappingURL=toast-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toast-item.js","sourceRoot":"","sources":["../../../../../../../libs/core/toast/src/lib/toast-item/toast-item.ts","../../../../../../../libs/core/toast/src/lib/toast-item/toast-item.html"],"names":[],"mappings":"AACA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,WAAW,EACX,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACtE,OAAO,EACL,iBAAiB,EACjB,aAAa,EACb,UAAU,EACV,mBAAmB,GACpB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;;AA4BzE,MAAM,OAAO,YACX,SAAQ,oBAAsC;IAG9C,sDAAsD;IACnC,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;IAElD,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;;;;;;;;OAQG;IACgB,SAAS,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC3C,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;QAC3B,OAAO,CACL,KAAK,CAAC,IAAI,KAAK,IAAI,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,IAAI,KAAK,CAAC,OAAO,IAAI,IAAI,CACzE,CAAC;IACJ,CAAC;kFAAC,CAAC;uGAjCQ,YAAY;2FAAZ,YAAY,iYChDzB,omDAiDA,i6EDxBI,iBAAiB,yRACjB,gBAAgB,oJAChB,cAAc,wGACd,aAAa,4DACb,mBAAmB,kEACnB,iBAAiB,8FACjB,aAAa,mFACb,UAAU,4DACV,mBAAmB;;2FAeV,YAAY;kBA1BxB,SAAS;+BACE,gBAAgB,WACjB;wBACP,iBAAiB;wBACjB,gBAAgB;wBAChB,cAAc;wBACd,aAAa;wBACb,mBAAmB;wBACnB,iBAAiB;wBACjB,aAAa;wBACb,UAAU;wBACV,mBAAmB;qBACpB,iBAGc,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,QACzC;wBACJ,SAAS,EAAE,kDAAkD;wBAC7D,8BAA8B,EAAE,0BAA0B;wBAC1D,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  computed,\n  inject,\n  TemplateRef,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { NgComponentOutlet, NgTemplateOutlet } from '@angular/common';\nimport {\n  LucideCheckCircle,\n  LucideCircleX,\n  LucideInfo,\n  LucideTriangleAlert,\n} from '@lucide/angular';\nimport type { MlvInternalToast } from '../toast.types';\nimport { MlvAbstractToastItem } from '../abstract-toast-item';\nimport { MlvButtonClose } from '@malva-ui/core/button';\nimport { MLV_TOAST_I18N } from '@malva-ui/i18n';\nimport { MlvToastDescription, MlvToastTitle } from '../toast.directives';\n\n@Component({\n  selector: 'mlv-toast-item',\n  imports: [\n    NgComponentOutlet,\n    NgTemplateOutlet,\n    MlvButtonClose,\n    MlvToastTitle,\n    MlvToastDescription,\n    LucideCheckCircle,\n    LucideCircleX,\n    LucideInfo,\n    LucideTriangleAlert,\n  ],\n  templateUrl: './toast-item.html',\n  styleUrl: './toast-item.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': '\"mlv-toast-item mlv-toast-item--\" + toast().tone',\n    '[class.mlv-toast-item--pill]': 'toast().shape === \"pill\"',\n    '(mouseenter)': 'onMouseEnter()',\n    '(mouseleave)': 'onMouseLeave()',\n    '(focusin)': 'onFocusIn()',\n    '(focusout)': 'onFocusOut($event)',\n  },\n})\nexport class MlvToastItem\n  extends MlvAbstractToastItem<MlvInternalToast>\n  implements OnInit, OnDestroy\n{\n  /** @protected The component's i18n strings signal. */\n  protected readonly _i18n = inject(MLV_TOAST_I18N);\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  /**\n   * @protected Whether to render the built-in, tone-derived Lucide icon.\n   *\n   * Only the four semantic tones map to an icon — `'default'` has none, so\n   * `icon: true` with that tone renders nothing. Dynamic content is excluded\n   * because template/component content owns its own leading icon through\n   * `[mlvToastIcon]`; the service already suppresses the flag for those\n   * branches, and this guard also covers direct use of `<mlv-toast-item>`.\n   */\n  protected readonly _showIcon = computed(() => {\n    const toast = this.toast();\n    return (\n      toast.icon === true && toast.tone !== 'default' && toast.content == null\n    );\n  });\n}\n","<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"]}

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

@@ -0,0 +1,54 @@
+import { signal } from '@angular/core';
+import { Subject } from 'rxjs';
+/**
+ * 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.
+ */
+export 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();
+    }
+}
+//# sourceMappingURL=toast-ref.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toast-ref.js","sourceRoot":"","sources":["../../../../../../libs/core/toast/src/lib/toast-ref.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAI/B;;;;;;;GAOG;AACH,MAAM,OAAO,WAAW;IACtB,+DAA+D;IACtD,EAAE,CAAS;IACpB,qEAAqE;IAC5D,IAAI,CAAI;IAEjB,0EAA0E;IACzD,YAAY,GAAG,IAAI,OAAO,EAAQ,CAAC;IACpD,qEAAqE;IACpD,OAAO,GAAG,MAAM,CAAC,KAAK;gFAAC,CAAC;IACzC,wEAAwE;IACvD,aAAa,CAAa;IAC3C,0DAA0D;IAClD,eAAe,GAAG,KAAK,CAAC;IAEhC,yEAAyE;IAChE,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;IAE5C,YAAY,EAAU,EAAE,IAAO,EAAE,YAAwB;QACvD,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QACb,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC;IACpC,CAAC;IAED,8EAA8E;IAC9E,KAAK;QACH,IAAI,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC;YAC3C,OAAO;QACT,CAAC;QACD,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;QAC5B,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAED,4EAA4E;IAC5E,WAAW;QACT,OAAO,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,CAAC;IAC1C,CAAC;IAED,+EAA+E;IAC/E,WAAW;QACT,IAAI,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC;YACnB,OAAO;QACT,CAAC;QACD,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACvB,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;QACzB,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC;IAC/B,CAAC;CACF","sourcesContent":["import { signal } from '@angular/core';\nimport type { Observable } from 'rxjs';\nimport { Subject } from 'rxjs';\n\nimport type { MlvBaseToastRef } from './toast.types';\n\n/**\n * Handle returned by `MlvToastService.show()` and `MlvToastService.open()`.\n *\n * It can be injected by component content, is exposed to template content, and\n * guarantees that repeated close requests only reach the service once.\n *\n * @typeParam D - Type of the data supplied for this toast.\n */\nexport class MlvToastRef<D = unknown> implements MlvBaseToastRef {\n  /** Unique ID assigned by the toast or notification service. */\n  readonly id: string;\n  /** Data supplied through the toast or notification configuration. */\n  readonly data: D;\n\n  /** @private Emits once when the toast has been removed by its service. */\n  private readonly _afterClosed = new Subject<void>();\n  /** @private Mutable backing state for the public `closed` signal. */\n  private readonly _closed = signal(false);\n  /** @private Callback that routes closure through the owning service. */\n  private readonly _requestClose: () => void;\n  /** @private Prevents duplicate service close requests. */\n  private _closeRequested = false;\n\n  /** Whether this toast has finished its service-owned close lifecycle. */\n  readonly closed = this._closed.asReadonly();\n\n  constructor(id: string, data: D, requestClose: () => void) {\n    this.id = id;\n    this.data = data;\n    this._requestClose = requestClose;\n  }\n\n  /** Requests programmatic dismissal of this toast. Safe to call repeatedly. */\n  close(): void {\n    if (this._closeRequested || this._closed()) {\n      return;\n    }\n    this._closeRequested = true;\n    this._requestClose();\n  }\n\n  /** Emits once when the owning service removes the toast, then completes. */\n  afterClosed(): Observable<void> {\n    return this._afterClosed.asObservable();\n  }\n\n  /** @internal Completes this reference exactly once from the owning service. */\n  _markClosed(): void {\n    if (this._closed()) {\n      return;\n    }\n    this._closed.set(true);\n    this._afterClosed.next();\n    this._afterClosed.complete();\n  }\n}\n"]}

package/esm2022/toast/lib/toast-timer.js

@@ -0,0 +1,37 @@
+/**
+ * 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.
+ */
+export 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;
+        }
+    }
+}
+//# sourceMappingURL=toast-timer.js.map

package/esm2022/toast/lib/toast-timer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-timer.js","sourceRoot":"","sources":["../../../../../../libs/core/toast/src/lib/toast-timer.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,MAAM,OAAO,aAAa;IACxB,sFAAsF;IAC9E,UAAU,GAAyC,IAAI,CAAC;IAEhE,iFAAiF;IACjF,KAAK,CAAC,QAAgB,EAAE,QAAoB;QAC1C,IAAI,CAAC,KAAK,EAAE,CAAC;QACb,IAAI,QAAQ,GAAG,CAAC,EAAE,CAAC;YACjB,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QACnD,CAAC;IACH,CAAC;IAED;;;;;OAKG;IACH,KAAK;QACH,IAAI,CAAC,KAAK,EAAE,CAAC;IACf,CAAC;IAED,mCAAmC;IACnC,KAAK;QACH,IAAI,IAAI,CAAC,UAAU,KAAK,IAAI,EAAE,CAAC;YAC7B,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YAC9B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACzB,CAAC;IACH,CAAC;CACF","sourcesContent":["/**\n * Manages a countdown that can be stopped and restarted.\n * Shared between toast and notification item components.\n *\n * This timer does **not** track remaining time: stopping discards the countdown\n * and the callback, and the item restarts the full `displayTime` when the pointer\n * or focus leaves. That is deliberate — the reading clock restarts once the user\n * stops interacting, rather than resuming a partly-elapsed one.\n */\nexport class MlvToastTimer {\n  /** @private Handle to the active `setTimeout`, or `null` when no timer is running. */\n  private _timeoutId: ReturnType<typeof setTimeout> | null = null;\n\n  /** Start (or restart) the timer. Any previous timer is cleared automatically. */\n  start(duration: number, onExpire: () => void): void {\n    this.clear();\n    if (duration > 0) {\n      this._timeoutId = setTimeout(onExpire, duration);\n    }\n  }\n\n  /**\n   * Stop the countdown, discarding it. Restart with `start()`.\n   *\n   * Alias of `clear()`, kept because `pause()` reads correctly at the call sites\n   * that stop the countdown on hover or focus.\n   */\n  pause(): void {\n    this.clear();\n  }\n\n  /** Clear and discard the timer. */\n  clear(): void {\n    if (this._timeoutId !== null) {\n      clearTimeout(this._timeoutId);\n      this._timeoutId = null;\n    }\n  }\n}\n"]}

package/esm2022/toast/lib/toast.directives.js

@@ -0,0 +1,76 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @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>
+ * ```
+ */
+export 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>
+ * ```
+ */
+export 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>
+ * ```
+ */
+export 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' },
+                }]
+        }] });
+//# sourceMappingURL=toast.directives.js.map

package/esm2022/toast/lib/toast.directives.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.directives.js","sourceRoot":"","sources":["../../../../../../libs/core/toast/src/lib/toast.directives.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAM1C;;;;;;;;;;;;GAYG;AACH,MAAM,OAAO,aAAa;uGAAb,aAAa;2FAAb,aAAa;;2FAAb,aAAa;kBAjBzB,SAAS;mBAAC;oBACT,QAAQ,EAAE,iBAAiB;oBAC3B,IAAI,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE;iBACzC;;AAoBD;;;;;;;;;;;;GAYG;AACH,MAAM,OAAO,mBAAmB;uGAAnB,mBAAmB;2FAAnB,mBAAmB;;2FAAnB,mBAAmB;kBAjB/B,SAAS;mBAAC;oBACT,QAAQ,EAAE,uBAAuB;oBACjC,IAAI,EAAE,EAAE,KAAK,EAAE,6BAA6B,EAAE;iBAC/C;;AAoBD;;;;;;;;;;;;;GAaG;AACH,MAAM,OAAO,YAAY;uGAAZ,YAAY;2FAAZ,YAAY;;2FAAZ,YAAY;kBAlBxB,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,IAAI,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE;iBACxC","sourcesContent":["import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[mlvToastTitle]',\n  host: { class: 'mlv-toast-item__title' },\n})\n/**\n * @description\n * Directive to mark the title of a toast item. This directive is used to\n * identify the title content in the toast item template.\n *\n * @example\n * ```html\n * <mlv-toast-item>\n *   <span mlvToastTitle>Toast Title</span>\n *   <span mlvToastDescription>Toast Description</span>\n * </mlv-toast-item>\n * ```\n */\nexport class MlvToastTitle {}\n\n@Directive({\n  selector: '[mlvToastDescription]',\n  host: { class: 'mlv-toast-item__description' },\n})\n/**\n * @description\n * Directive to mark the description of a toast item. This directive is used to\n * identify the description content in the toast item template.\n *\n * @example\n * ```html\n * <mlv-toast-item>\n *   <span mlvToastTitle>Toast Title</span>\n *   <span mlvToastDescription>Toast Description</span>\n * </mlv-toast-item>\n * ```\n */\nexport class MlvToastDescription {}\n\n@Directive({\n  selector: '[mlvToastIcon]',\n  host: { class: 'mlv-toast-item__icon' },\n})\n/**\n * @description\n * Directive to mark the icon of a toast item. This directive is used to\n * identify the icon content in the toast item template.\n *\n * @example\n * ```html\n * <mlv-toast-item>\n *   <svg mlvToastIcon lucideInfo />\n *   <span mlvToastTitle>Toast Title</span>\n *   <span mlvToastDescription>Toast Description</span>\n * </mlv-toast-item>\n * ```\n */\nexport class MlvToastIcon {}\n"]}

package/esm2022/toast/lib/toast.service.js

@@ -0,0 +1,127 @@
+import { Injectable, Injector } from '@angular/core';
+import { MLV_TOAST_DEFAULT_POSITION, MlvAbstractToastService, } from './abstract-toast.service';
+import { MlvToastContainer } from './toast-container/toast-container';
+import { joinAnnouncementParts, resolveToastPoliteness, TOAST_CONFIG, TOAST_DATA, } from './toast.types';
+import { MlvToastItem } from './toast-item/toast-item';
+import { MlvToastRef } from './toast-ref';
+import * as i0 from "@angular/core";
+export 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' }]
+        }] });
+//# sourceMappingURL=toast.service.js.map

package/esm2022/toast/lib/toast.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.service.js","sourceRoot":"","sources":["../../../../../../libs/core/toast/src/lib/toast.service.ts"],"names":[],"mappings":"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","sourcesContent":["import type { TemplateRef, Type } from '@angular/core';\nimport { Injectable, Injector } from '@angular/core';\nimport {\n  MLV_TOAST_DEFAULT_POSITION,\n  MlvAbstractToastService,\n} from './abstract-toast.service';\nimport { MlvToastContainer } from './toast-container/toast-container';\nimport type {\n  MlvInternalToast,\n  MlvToastContent,\n  MlvToastConfig,\n  MlvToastOpenConfig,\n  MlvToastPoliteness,\n  MlvToastPosition,\n  MlvToastTemplateContext,\n  MlvToastTone,\n} from './toast.types';\nimport {\n  joinAnnouncementParts,\n  resolveToastPoliteness,\n  TOAST_CONFIG,\n  TOAST_DATA,\n} from './toast.types';\nimport { MlvToastItem } from './toast-item/toast-item';\nimport type { MlvIAbstractToastComponent } from './abstract-toast-container';\nimport { MlvToastRef } from './toast-ref';\n\n/** @internal Normalized config passed through the existing `show()` pipeline. */\ninterface InternalToastConfig extends MlvToastConfig {\n  dynamicContent?: Exclude<MlvToastContent, string>;\n  openConfig?: MlvToastOpenConfig;\n}\n\n@Injectable({ providedIn: 'root' })\nexport class MlvToastService extends MlvAbstractToastService<\n  MlvToastConfig,\n  MlvInternalToast,\n  MlvIAbstractToastComponent<MlvInternalToast>,\n  MlvToastRef\n> {\n  /** @protected Per-position CDK overlay container component. */\n  protected override readonly containerType = MlvToastContainer;\n\n  protected override readonly toastItemType = MlvToastItem;\n\n  /**\n   * @protected Announces the title and description. Returns `null` for template\n   * and component content, whose rendered text the service cannot read — that\n   * content is responsible for announcing anything it needs to.\n   */\n  protected override resolveAnnouncement(\n    config: MlvToastConfig,\n  ): { message: string; politeness: MlvToastPoliteness } | null {\n    if ((config as InternalToastConfig).dynamicContent) {\n      return null;\n    }\n    const message = joinAnnouncementParts([config.title, config.description]);\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 toast from user config, applying defaults. */\n  protected override buildItem(\n    id: string,\n    config: MlvToastConfig,\n    ref: MlvToastRef,\n  ): MlvInternalToast {\n    const internalConfig = config as InternalToastConfig;\n    const openConfig = internalConfig.openConfig;\n    const contentContext: MlvToastTemplateContext | undefined = 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: MlvToastRef, useValue: ref },\n            { provide: TOAST_DATA, useValue: openConfig.data },\n            { provide: TOAST_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      shape: config.shape ?? 'default',\n      icon: config.icon ?? false,\n      displayTime: config.displayTime ?? 4000,\n      pauseOnHover: config.pauseOnHover ?? true,\n      closable: config.closable ?? true,\n      content: internalConfig.dynamicContent,\n      contentContext,\n      contentInjector,\n    };\n  }\n\n  /**\n   * Opens escaped string, template, or component content as a toast.\n   *\n   * Template content receives `MlvToastTemplateContext`; component content can\n   * inject `MlvToastRef`, `TOAST_DATA`, and `TOAST_CONFIG`.\n   */\n  open<D = unknown>(\n    content: MlvToastContent<D>,\n    config: MlvToastOpenConfig<D> = {},\n  ): MlvToastRef<D> {\n    if (typeof content === 'string') {\n      return super.show({ ...config, title: content }) as MlvToastRef<D>;\n    }\n\n    if (this._isContentObject(content)) {\n      return super.show({\n        ...config,\n        title: content.title ?? '',\n        description: content.description ?? '',\n      }) as MlvToastRef<D>;\n    }\n\n    const internalConfig: InternalToastConfig = {\n      ...config,\n      title: '',\n      dynamicContent: content as\n        | TemplateRef<MlvToastTemplateContext>\n        | Type<unknown>,\n      openConfig: config,\n      // Template and component content supply their own leading icon through\n      // `[mlvToastIcon]`; a built-in one would compete with it.\n      icon: false,\n    };\n    return super.show(internalConfig) as MlvToastRef<D>;\n  }\n\n  private _isContentObject<D>(\n    content: MlvToastContent<D>,\n  ): content is { title?: string; description?: string } {\n    return (\n      typeof content === 'object' &&\n      (Object.prototype.hasOwnProperty.call(content, 'title') ||\n        Object.prototype.hasOwnProperty.call(content, 'description'))\n    );\n  }\n\n  /** @protected Creates a data-aware reference for each toast. */\n  protected override _createRef(\n    id: string,\n    position: MlvToastPosition,\n    config: MlvToastConfig,\n  ): MlvToastRef {\n    return new MlvToastRef(id, config.data, () => this.close(id, position));\n  }\n\n  success(\n    title: string,\n    config?: Omit<MlvToastConfig, 'title' | 'tone'>,\n  ): MlvToastRef {\n    return this.show({ ...config, title, tone: 'success' });\n  }\n\n  error(\n    title: string,\n    config?: Omit<MlvToastConfig, 'title' | 'tone'>,\n  ): MlvToastRef {\n    return this.show({ ...config, title, tone: 'danger' });\n  }\n\n  warning(\n    title: string,\n    config?: Omit<MlvToastConfig, 'title' | 'tone'>,\n  ): MlvToastRef {\n    return this.show({ ...config, title, tone: 'warning' });\n  }\n\n  info(\n    title: string,\n    config?: Omit<MlvToastConfig, 'title' | 'tone'>,\n  ): MlvToastRef {\n    return this.show({ ...config, title, tone: 'info' });\n  }\n\n  /** Show a toast with the given tone (shorthand). */\n  tone(\n    v: MlvToastTone,\n    title: string,\n    config?: Omit<MlvToastConfig, 'title' | 'tone'>,\n  ): MlvToastRef {\n    return this.show({ ...config, title, tone: v });\n  }\n}\n"]}

package/esm2022/toast/lib/toast.types.js

@@ -0,0 +1,39 @@
+import { InjectionToken } from '@angular/core';
+export 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'`.
+ */
+export 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.
+ */
+export 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()`. */
+export const TOAST_DATA = new InjectionToken('TOAST_DATA');
+/** Configuration available to component content opened through `MlvToastService.open()`. */
+export const TOAST_CONFIG = new InjectionToken('TOAST_CONFIG');
+//# sourceMappingURL=toast.types.js.map

package/esm2022/toast/lib/toast.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.types.js","sourceRoot":"","sources":["../../../../../../libs/core/toast/src/lib/toast.types.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAuB/C,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,cAAc,CAC/C,iBAAiB,CAClB,CAAC;AAKF;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,sBAAsB,CAAC,IAAY;IACjD,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;AAC1E,CAAC;AAED;;;;;;;;;;GAUG;AACH,MAAM,UAAU,qBAAqB,CACnC,KAA6C;IAE7C,OAAO,KAAK;SACT,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC;SACxD,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;SACjC,IAAI,CAAC,IAAI,CAAC,CAAC;AAChB,CAAC;AAoFD,mFAAmF;AACnF,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,cAAc,CAAU,YAAY,CAAC,CAAC;AAEpE,4FAA4F;AAC5F,MAAM,CAAC,MAAM,YAAY,GAAG,IAAI,cAAc,CAC5C,cAAc,CACf,CAAC","sourcesContent":["import type { Injector, TemplateRef, Type } from '@angular/core';\nimport { InjectionToken } from '@angular/core';\nimport type { MlvTone } from '@malva-ui/cdk/utils';\nimport type { Observable } from 'rxjs';\nimport type { MlvToastRef } from './toast-ref';\n\nexport type MlvToastPosition =\n  | 'top-left'\n  | 'top-center'\n  | 'top-right'\n  | 'bottom-left'\n  | 'bottom-center'\n  | 'bottom-right';\n\nexport type MlvToastTone = MlvTone | 'default';\n\n/**\n * Outer shape of a toast item.\n *\n * - `'default'` — rectangle with the standard large corner radius.\n * - `'pill'` — fully rounded, content-hugging compact bar.\n */\nexport type MlvToastShape = 'default' | 'pill';\n\nexport const MLV_TOAST_CLOSE = new InjectionToken<(id: string) => void>(\n  'MLV_TOAST_CLOSE',\n);\n\n/** Politeness used when announcing a toast/notification through `LiveAnnouncer`. */\nexport type MlvToastPoliteness = 'polite' | 'assertive';\n\n/**\n * Maps a toast/notification tone to its default announcement politeness.\n *\n * High-urgency tones (`danger`, `warning`) announce assertively so assistive\n * technology interrupts the user. Informational tones (`success`, `info`,\n * `default`) announce politely, without interrupting the current context.\n *\n * Callers can override the result per item with `MlvBaseToastConfig.politeness`.\n *\n * @param tone - The resolved toast/notification tone.\n * @returns `'assertive'` for danger/warning, otherwise `'polite'`.\n */\nexport function resolveToastPoliteness(tone: string): MlvToastPoliteness {\n  return tone === 'danger' || tone === 'warning' ? 'assertive' : 'polite';\n}\n\n/**\n * Joins the text fragments of a toast/notification into one announcement string.\n *\n * Blank and absent fragments are dropped rather than interpolated — otherwise an\n * omitted description announces a stray separator, or the literal text\n * \"undefined\". Trailing sentence punctuation is normalised so a description that\n * already ends in a full stop does not produce a doubled one.\n *\n * @param parts - Fragments in reading order (title, description, action labels…).\n * @returns The joined announcement, or `''` when nothing is announceable.\n */\nexport function joinAnnouncementParts(\n  parts: readonly (string | undefined | null)[],\n): string {\n  return parts\n    .map((part) => part?.trim().replace(/[.!?]+$/, '') ?? '')\n    .filter((part) => part.length > 0)\n    .join('. ');\n}\n\nexport interface MlvBaseToastConfig<D = unknown> {\n  position?: MlvToastPosition;\n  /** Arbitrary data available to dynamic content through the ref, token, and template context. */\n  data?: D;\n  /** Parent injector used for dynamically rendered template or component content. */\n  injector?: Injector;\n  /** Duration in ms before auto-close. 0 = never auto-close. Default: 4000 */\n  displayTime?: number;\n  /** Pause the timer when cursor is over the item, restart on leave. Default: true */\n  pauseOnHover?: boolean;\n  /** Show the X close button. When false, only displayTime can close it. Default: true */\n  closable?: boolean;\n  /**\n   * Politeness used when announcing this item through the CDK `LiveAnnouncer`.\n   * Defaults to `resolveToastPoliteness(tone)` — assertive for danger/warning,\n   * polite otherwise.\n   *\n   * The announcement is made from a single persistent live region owned by\n   * `LiveAnnouncer`, not from the rendered item. The item itself carries no\n   * `role`/`aria-live`, so nothing is announced twice and a stack of items does\n   * not create a stack of live regions.\n   */\n  politeness?: MlvToastPoliteness;\n}\n\nexport interface MlvInternalBaseToast {\n  id: string;\n  position: MlvToastPosition;\n  displayTime: number;\n  pauseOnHover: boolean;\n  closable: boolean;\n}\n\nexport interface MlvBaseToastRef {\n  readonly id: string;\n  close(): void;\n  afterClosed(): Observable<void>;\n}\n\nexport interface MlvToastConfig<D = unknown> extends MlvBaseToastConfig<D> {\n  title: string;\n  description?: string;\n  tone?: MlvToastTone;\n  /**\n   * Shows the tone-derived Lucide icon. Only the four semantic tones have one —\n   * with `tone: 'default'` this renders nothing. Default: false.\n   */\n  icon?: boolean;\n  /** Outer shape. Default: `'default'`. */\n  shape?: MlvToastShape;\n}\n\n/** Options for `MlvToastService.open()` where content is supplied separately. */\nexport interface MlvToastOpenConfig<D = unknown> extends MlvBaseToastConfig<D> {\n  description?: string;\n  tone?: MlvToastTone;\n  /**\n   * Shows the tone-derived Lucide icon. Applies only when `open()` receives\n   * string or `{ title, description }` content — template and component content\n   * own their own leading icon through `[mlvToastIcon]`, so the built-in icon is\n   * always suppressed for those branches. Default: false.\n   */\n  icon?: boolean;\n  /** Outer shape. Default: `'default'`. */\n  shape?: MlvToastShape;\n}\n\n/** Context exposed when `MlvToastService.open()` receives a `TemplateRef`. */\nexport interface MlvToastTemplateContext<D = unknown> {\n  $implicit: MlvToastRef<D>;\n  ref: MlvToastRef<D>;\n  data: D;\n  config: Readonly<MlvToastOpenConfig<D>>;\n}\n\n/** Content accepted by `MlvToastService.open()`. Strings are rendered as escaped text. */\nexport type MlvToastContent<D = unknown> =\n  | string\n  | { title?: string; description?: string }\n  | TemplateRef<MlvToastTemplateContext<D>>\n  | Type<unknown>;\n\n/** Data available to component content opened through `MlvToastService.open()`. */\nexport const TOAST_DATA = new InjectionToken<unknown>('TOAST_DATA');\n\n/** Configuration available to component content opened through `MlvToastService.open()`. */\nexport const TOAST_CONFIG = new InjectionToken<Readonly<MlvToastOpenConfig>>(\n  'TOAST_CONFIG',\n);\n\nexport interface MlvInternalToast extends MlvInternalBaseToast {\n  title: string;\n  description: string;\n  tone: MlvToastTone;\n  /**\n   * Resolved by `MlvToastService`, but kept optional like `icon` so that\n   * `MlvInternalNotification` — which reuses `MlvToastContainer`, whose generic is\n   * constrained to this interface — stays structurally compatible. Absent is\n   * treated as `'default'`.\n   */\n  shape?: MlvToastShape;\n  /** Dynamic template/component content; strings use the existing title rendering path. */\n  content?: Exclude<MlvToastContent, string>;\n  /** Context supplied to dynamic template content. */\n  contentContext?: MlvToastTemplateContext;\n  /** Per-item injector supplied to dynamic template/component content. */\n  contentInjector?: Injector;\n  icon?: boolean;\n}\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"malva-ui-core-toast.js","sourceRoot":"","sources":["../../../../../libs/core/toast/src/malva-ui-core-toast.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/tokenizer/index.js

@@ -0,0 +1,4 @@
+export * from './lib/tokenizer/tokenizer';
+export * from './lib/token/token';
+export * from './lib/token-template';
+//# sourceMappingURL=index.js.map

package/esm2022/tokenizer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/core/tokenizer/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC","sourcesContent":["export * from './lib/tokenizer/tokenizer';\nexport * from './lib/token/token';\nexport * from './lib/token-template';\n"]}