@malva-ui/core 0.1.12

package/esm2022/title/lib/title/title.js

@@ -0,0 +1,171 @@
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { afterNextRender, ChangeDetectionStrategy, Component, computed, effect, ElementRef, forwardRef, inject, input, model, signal, viewChild, ViewEncapsulation, } from '@angular/core';
+import { MlvSignalFormControlBase, MLV_FORM_CONTROL, } from '@malva-ui/core/form-utils';
+import * as i0 from "@angular/core";
+function coerceTitleLevel(value) {
+    if (value === null || value === undefined || value === '') {
+        return undefined;
+    }
+    const parsed = Number(value);
+    if (!Number.isInteger(parsed) || parsed < 1 || parsed > 6) {
+        return undefined;
+    }
+    return parsed;
+}
+function inferTitleLevel(tagName) {
+    const match = /^h([1-6])$/.exec(tagName.toLowerCase());
+    return match ? Number(match[1]) : 2;
+}
+/**
+ * Inline title component that decorates the host element with Malva UI heading
+ * typography. It can render projected content, bind to a model, or act as an
+ * editable control through signal, reactive, and template-driven forms.
+ */
+export class MlvTitle extends MlvSignalFormControlBase {
+    /** Explicit visual title level. Falls back to the host heading tag. */
+    level = input(undefined, { ...(ngDevMode ? { debugName: "level" } : /* istanbul ignore next */ {}), transform: coerceTitleLevel });
+    /** Enables the auto-sizing editable textarea overlay. */
+    editable = input(false, { ...(ngDevMode ? { debugName: "editable" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /** Placeholder displayed when the editable field is empty. */
+    placeholder = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    /** Signal-model API for directly binding the title text. */
+    value = model(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    /** @private Host element ref, used to read the host tag name for level inference. */
+    _hostElement = inject(ElementRef);
+    /** @private Reference to the projected-content span, used to hydrate text from projected content. */
+    _projectionElement = viewChild('projectionContent', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_projectionElement" }] : /* istanbul ignore next */ []));
+    /** @private Trimmed text extracted from projected content. */
+    _projectedText = signal('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_projectedText" }] : /* istanbul ignore next */ []));
+    /** @private Whether the component is currently driven by its internal editable value. */
+    _usesInternalValue = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_usesInternalValue" }] : /* istanbul ignore next */ []));
+    /** @private Tracks whether internal state was last synced from an external `value`. */
+    _syncedFromExternalValue = false;
+    /** @protected Whether the host element is a native `h1`–`h6` heading. */
+    _isNativeHeading = computed(() => /^h[1-6]$/.test(this._hostTagName), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_isNativeHeading" }] : /* istanbul ignore next */ []));
+    /** @protected Resolved visual heading level — explicit `level` input or inferred from the host tag. */
+    _resolvedLevel = computed(() => this.level() ?? inferTitleLevel(this._hostTagName), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_resolvedLevel" }] : /* istanbul ignore next */ []));
+    /** @protected The effective title text: bound `value`, internal editable value, or projected content. */
+    currentText = computed(() => {
+        const explicitValue = this.value();
+        if (explicitValue !== null && explicitValue !== undefined) {
+            return explicitValue;
+        }
+        if (this._usesInternalValue()) {
+            return this.internalValue();
+        }
+        return this._projectedText();
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "currentText" }] : /* istanbul ignore next */ []));
+    /** @protected Whether the projected `<ng-content>` should be shown (no value, not editable). */
+    showProjectedContent = computed(() => !this.editable() &&
+        !this._usesInternalValue() &&
+        (this.value() === null || this.value() === undefined), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showProjectedContent" }] : /* istanbul ignore next */ []));
+    /** @protected Whether the bound value text should be shown (not editable, not projected). */
+    showValueText = computed(() => !this.editable() && !this.showProjectedContent(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showValueText" }] : /* istanbul ignore next */ []));
+    /** @protected Sizing text for the editable `<pre>` mirror (trailing newline keeps a blank line tall). */
+    editorMeasureText = computed(() => {
+        const text = this.currentText() || this.placeholder();
+        return text ? `${text}\n` : ' ';
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "editorMeasureText" }] : /* istanbul ignore next */ []));
+    /** @protected Whether the editable field is empty and a placeholder should be shown. */
+    editorShowsPlaceholder = computed(() => !this.currentText() && !!this.placeholder(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "editorShowsPlaceholder" }] : /* istanbul ignore next */ []));
+    /** @protected Current value bound to the editable `<textarea>`. */
+    textareaValue = computed(() => this.currentText(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "textareaValue" }] : /* istanbul ignore next */ []));
+    /** Internal text state used by editable mode and forms APIs. */
+    internalValue = signal('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "internalValue" }] : /* istanbul ignore next */ []));
+    /** @private The lowercased tag name of the host element (e.g. `h2`, `div`). */
+    get _hostTagName() {
+        return this._hostElement.nativeElement.tagName.toLowerCase();
+    }
+    constructor() {
+        super();
+        effect(() => {
+            const externalValue = this.value();
+            if (externalValue === null || externalValue === undefined) {
+                if (this._syncedFromExternalValue) {
+                    this.internalValue.set('');
+                    this._usesInternalValue.set(false);
+                }
+                this._syncedFromExternalValue = false;
+                return;
+            }
+            this._syncedFromExternalValue = true;
+            this.internalValue.set(externalValue);
+            this._usesInternalValue.set(true);
+        });
+        afterNextRender(() => {
+            this._hydrateProjectedText();
+        });
+    }
+    /** Handles interactive edits from the textarea overlay. */
+    onInput(event) {
+        const value = event.target.value;
+        this.internalValue.set(value);
+        this._usesInternalValue.set(true);
+        // The `value` model is the signal-forms transport: setting it propagates
+        // the edit to the bound field ([formField]/[formControl]/ngModel).
+        this.value.set(value);
+    }
+    /** Tracks focus state for form-field styling. */
+    onFocus() {
+        this.setFocused(true);
+    }
+    /** Tracks blur state for form-field styling and touched state. */
+    onBlur() {
+        this.setFocused(false);
+        this._markTouched();
+    }
+    /** Whether the control holds a clearable value — Non-empty text present. */
+    hasValue = computed(() => this.internalValue().length > 0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hasValue" }] : /* istanbul ignore next */ []));
+    /** @private Reads projected text after render and seeds the editable value from it when appropriate. */
+    _hydrateProjectedText() {
+        const projectedText = this._projectionElement()?.nativeElement.textContent?.trim() ?? '';
+        this._projectedText.set(projectedText);
+        if (this.editable() &&
+            !this._usesInternalValue() &&
+            (this.value() === null || this.value() === undefined) &&
+            projectedText) {
+            this.internalValue.set(projectedText);
+            this._usesInternalValue.set(true);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvTitle, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvTitle, isStandalone: true, selector: "[mlvTitle]", inputs: { level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { properties: { "attr.data-level": "_resolvedLevel()", "attr.role": "_isNativeHeading() ? null : \"heading\"", "attr.aria-level": "_isNativeHeading() ? null : _resolvedLevel()", "class.mlv-title--editable": "editable()", "class.mlv-title--disabled": "computedDisabled()", "class.mlv-title--focused": "focused()" }, classAttribute: "mlv-title" }, providers: [
+            {
+                provide: MLV_FORM_CONTROL,
+                useExisting: forwardRef(() => MlvTitle),
+            },
+        ], viewQueries: [{ propertyName: "_projectionElement", first: true, predicate: ["projectionContent"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<span\n  #projectionContent\n  class=\"mlv-title__projection\"\n  [class.mlv-title__projection--hidden]=\"!showProjectedContent()\"\n  [attr.aria-hidden]=\"showProjectedContent() ? null : 'true'\"\n>\n  <ng-content />\n</span>\n\n@if (showValueText()) {\n<span class=\"mlv-title__value\">{{ currentText() }}</span>\n} @if (editable()) {\n<span class=\"mlv-title__editor\">\n  <pre\n    class=\"mlv-title__pre\"\n    [class.mlv-title__pre--placeholder]=\"editorShowsPlaceholder()\"\n    aria-hidden=\"true\"\n  >\n{{ editorMeasureText() }}</pre\n  >\n  <textarea\n    class=\"mlv-title__textarea\"\n    rows=\"1\"\n    [value]=\"textareaValue()\"\n    [placeholder]=\"placeholder()\"\n    [readonly]=\"readonly()\"\n    [disabled]=\"computedDisabled()\"\n    [attr.aria-label]=\"ariaLabel()\"\n    [attr.aria-required]=\"required() || null\"\n    (input)=\"onInput($event)\"\n    (focus)=\"onFocus()\"\n    (blur)=\"onBlur()\"\n  ></textarea>\n</span>\n}\n", styles: [".mlv-title{margin:0;color:var(--mlv-text-primary)}.mlv-title[data-level=\"1\"]{font-size:var(--mlv-typography-heading-h1-size);font-weight:var(--mlv-typography-heading-h1-weight);line-height:var(--mlv-typography-heading-h1-line-height);letter-spacing:var(--mlv-typography-heading-h1-letter-spacing)}.mlv-title[data-level=\"2\"]{font-size:var(--mlv-typography-heading-h2-size);font-weight:var(--mlv-typography-heading-h2-weight);line-height:var(--mlv-typography-heading-h2-line-height);letter-spacing:var(--mlv-typography-heading-h2-letter-spacing)}.mlv-title[data-level=\"3\"]{font-size:var(--mlv-typography-heading-h3-size);font-weight:var(--mlv-typography-heading-h3-weight);line-height:var(--mlv-typography-heading-h3-line-height);letter-spacing:var(--mlv-letter-spacing-normal)}.mlv-title[data-level=\"4\"]{font-size:var(--mlv-typography-heading-h4-size);font-weight:var(--mlv-typography-heading-h4-weight);line-height:var(--mlv-typography-heading-h4-line-height);letter-spacing:var(--mlv-letter-spacing-normal)}.mlv-title[data-level=\"5\"]{font-size:var(--mlv-typography-heading-h5-size);font-weight:var(--mlv-typography-heading-h5-weight);line-height:var(--mlv-typography-heading-h5-line-height);letter-spacing:var(--mlv-letter-spacing-normal)}.mlv-title[data-level=\"6\"]{font-size:var(--mlv-typography-heading-h6-size);font-weight:var(--mlv-typography-heading-h6-weight);line-height:var(--mlv-typography-heading-h6-line-height);letter-spacing:var(--mlv-letter-spacing-normal)}.mlv-title--editable{display:block}.mlv-title__projection--hidden{display:none}.mlv-title__value,.mlv-title__projection,.mlv-title__editor,.mlv-title__pre,.mlv-title__textarea{font:inherit;letter-spacing:inherit;line-height:inherit}.mlv-title__value,.mlv-title__projection{white-space:pre-wrap;overflow-wrap:anywhere}.mlv-title__editor{display:grid;align-items:start}.mlv-title__pre,.mlv-title__textarea{grid-area:1/1;margin:0;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere}.mlv-title__pre{pointer-events:none;color:var(--mlv-text-primary)}.mlv-title__pre--placeholder{color:var(--mlv-text-secondary)}.mlv-title__textarea{width:100%;min-height:1lh;padding:0;border:0;background:transparent;color:transparent;caret-color:var(--mlv-text-primary);border-radius:0;resize:none;overflow:hidden;outline:none;box-shadow:none;field-sizing:content;appearance:none;transition:outline-color var(--mlv-duration-slow) var(--mlv-ease-out),outline-offset var(--mlv-duration-slow) var(--mlv-ease-out)}.mlv-title__textarea::placeholder{color:var(--mlv-text-tertiary)}.mlv-title__textarea:disabled{cursor:not-allowed}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvTitle, decorators: [{
+            type: Component,
+            args: [{ selector: '[mlvTitle]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: MLV_FORM_CONTROL,
+                            useExisting: forwardRef(() => MlvTitle),
+                        },
+                    ], host: {
+                        class: 'mlv-title',
+                        '[attr.data-level]': '_resolvedLevel()',
+                        '[attr.role]': '_isNativeHeading() ? null : "heading"',
+                        '[attr.aria-level]': '_isNativeHeading() ? null : _resolvedLevel()',
+                        '[class.mlv-title--editable]': 'editable()',
+                        '[class.mlv-title--disabled]': 'computedDisabled()',
+                        '[class.mlv-title--focused]': 'focused()',
+                    }, template: "<span\n  #projectionContent\n  class=\"mlv-title__projection\"\n  [class.mlv-title__projection--hidden]=\"!showProjectedContent()\"\n  [attr.aria-hidden]=\"showProjectedContent() ? null : 'true'\"\n>\n  <ng-content />\n</span>\n\n@if (showValueText()) {\n<span class=\"mlv-title__value\">{{ currentText() }}</span>\n} @if (editable()) {\n<span class=\"mlv-title__editor\">\n  <pre\n    class=\"mlv-title__pre\"\n    [class.mlv-title__pre--placeholder]=\"editorShowsPlaceholder()\"\n    aria-hidden=\"true\"\n  >\n{{ editorMeasureText() }}</pre\n  >\n  <textarea\n    class=\"mlv-title__textarea\"\n    rows=\"1\"\n    [value]=\"textareaValue()\"\n    [placeholder]=\"placeholder()\"\n    [readonly]=\"readonly()\"\n    [disabled]=\"computedDisabled()\"\n    [attr.aria-label]=\"ariaLabel()\"\n    [attr.aria-required]=\"required() || null\"\n    (input)=\"onInput($event)\"\n    (focus)=\"onFocus()\"\n    (blur)=\"onBlur()\"\n  ></textarea>\n</span>\n}\n", styles: [".mlv-title{margin:0;color:var(--mlv-text-primary)}.mlv-title[data-level=\"1\"]{font-size:var(--mlv-typography-heading-h1-size);font-weight:var(--mlv-typography-heading-h1-weight);line-height:var(--mlv-typography-heading-h1-line-height);letter-spacing:var(--mlv-typography-heading-h1-letter-spacing)}.mlv-title[data-level=\"2\"]{font-size:var(--mlv-typography-heading-h2-size);font-weight:var(--mlv-typography-heading-h2-weight);line-height:var(--mlv-typography-heading-h2-line-height);letter-spacing:var(--mlv-typography-heading-h2-letter-spacing)}.mlv-title[data-level=\"3\"]{font-size:var(--mlv-typography-heading-h3-size);font-weight:var(--mlv-typography-heading-h3-weight);line-height:var(--mlv-typography-heading-h3-line-height);letter-spacing:var(--mlv-letter-spacing-normal)}.mlv-title[data-level=\"4\"]{font-size:var(--mlv-typography-heading-h4-size);font-weight:var(--mlv-typography-heading-h4-weight);line-height:var(--mlv-typography-heading-h4-line-height);letter-spacing:var(--mlv-letter-spacing-normal)}.mlv-title[data-level=\"5\"]{font-size:var(--mlv-typography-heading-h5-size);font-weight:var(--mlv-typography-heading-h5-weight);line-height:var(--mlv-typography-heading-h5-line-height);letter-spacing:var(--mlv-letter-spacing-normal)}.mlv-title[data-level=\"6\"]{font-size:var(--mlv-typography-heading-h6-size);font-weight:var(--mlv-typography-heading-h6-weight);line-height:var(--mlv-typography-heading-h6-line-height);letter-spacing:var(--mlv-letter-spacing-normal)}.mlv-title--editable{display:block}.mlv-title__projection--hidden{display:none}.mlv-title__value,.mlv-title__projection,.mlv-title__editor,.mlv-title__pre,.mlv-title__textarea{font:inherit;letter-spacing:inherit;line-height:inherit}.mlv-title__value,.mlv-title__projection{white-space:pre-wrap;overflow-wrap:anywhere}.mlv-title__editor{display:grid;align-items:start}.mlv-title__pre,.mlv-title__textarea{grid-area:1/1;margin:0;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere}.mlv-title__pre{pointer-events:none;color:var(--mlv-text-primary)}.mlv-title__pre--placeholder{color:var(--mlv-text-secondary)}.mlv-title__textarea{width:100%;min-height:1lh;padding:0;border:0;background:transparent;color:transparent;caret-color:var(--mlv-text-primary);border-radius:0;resize:none;overflow:hidden;outline:none;box-shadow:none;field-sizing:content;appearance:none;transition:outline-color var(--mlv-duration-slow) var(--mlv-ease-out),outline-offset var(--mlv-duration-slow) var(--mlv-ease-out)}.mlv-title__textarea::placeholder{color:var(--mlv-text-tertiary)}.mlv-title__textarea:disabled{cursor:not-allowed}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { level: [{ type: i0.Input, args: [{ isSignal: true, alias: "level", required: false }] }], editable: [{ type: i0.Input, args: [{ isSignal: true, alias: "editable", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], _projectionElement: [{ type: i0.ViewChild, args: ['projectionContent', { isSignal: true }] }] } });
+//# sourceMappingURL=title.js.map

package/esm2022/title/lib/title/title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"title.js","sourceRoot":"","sources":["../../../../../../../libs/core/title/src/lib/title/title.ts","../../../../../../../libs/core/title/src/lib/title/title.html"],"names":[],"mappings":"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","sourcesContent":["import type { BooleanInput } from '@angular/cdk/coercion';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport {\n  afterNextRender,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  effect,\n  ElementRef,\n  forwardRef,\n  inject,\n  input,\n  model,\n  signal,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport type { MlvFormControl } from '@malva-ui/core/form-utils';\nimport {\n  MlvSignalFormControlBase,\n  MLV_FORM_CONTROL,\n} from '@malva-ui/core/form-utils';\n\nexport type MlvTitleLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\nfunction coerceTitleLevel(\n  value: MlvTitleLevel | string | number | null | undefined,\n): MlvTitleLevel | undefined {\n  if (value === null || value === undefined || value === '') {\n    return undefined;\n  }\n\n  const parsed = Number(value);\n  if (!Number.isInteger(parsed) || parsed < 1 || parsed > 6) {\n    return undefined;\n  }\n\n  return parsed as MlvTitleLevel;\n}\n\nfunction inferTitleLevel(tagName: string): MlvTitleLevel {\n  const match = /^h([1-6])$/.exec(tagName.toLowerCase());\n  return match ? (Number(match[1]) as MlvTitleLevel) : 2;\n}\n\n/**\n * Inline title component that decorates the host element with Malva UI heading\n * typography. It can render projected content, bind to a model, or act as an\n * editable control through signal, reactive, and template-driven forms.\n */\n@Component({\n  // Attribute-selector component — camelCase [mlvX] is the documented pattern\n  // (see .claude/rules/angular-component.md); the rule only models kebab-case.\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: '[mlvTitle]',\n  templateUrl: './title.html',\n  styleUrl: './title.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: MLV_FORM_CONTROL,\n      useExisting: forwardRef(() => MlvTitle),\n    },\n  ],\n  host: {\n    class: 'mlv-title',\n    '[attr.data-level]': '_resolvedLevel()',\n    '[attr.role]': '_isNativeHeading() ? null : \"heading\"',\n    '[attr.aria-level]': '_isNativeHeading() ? null : _resolvedLevel()',\n    '[class.mlv-title--editable]': 'editable()',\n    '[class.mlv-title--disabled]': 'computedDisabled()',\n    '[class.mlv-title--focused]': 'focused()',\n  },\n})\nexport class MlvTitle\n  extends MlvSignalFormControlBase<string | null>\n  implements MlvFormControl\n{\n  /** Explicit visual title level. Falls back to the host heading tag. */\n  readonly level = input<\n    MlvTitleLevel | undefined,\n    MlvTitleLevel | string | number | null | undefined\n  >(undefined, {\n    transform: coerceTitleLevel,\n  });\n\n  /** Enables the auto-sizing editable textarea overlay. */\n  readonly editable = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /** Placeholder displayed when the editable field is empty. */\n  readonly placeholder = input('');\n\n  /** Signal-model API for directly binding the title text. */\n  readonly value = model<string | null>(null);\n\n  /** @private Host element ref, used to read the host tag name for level inference. */\n  private readonly _hostElement = inject<ElementRef<HTMLElement>>(ElementRef);\n  /** @private Reference to the projected-content span, used to hydrate text from projected content. */\n  private readonly _projectionElement =\n    viewChild<ElementRef<HTMLElement>>('projectionContent');\n  /** @private Trimmed text extracted from projected content. */\n  private readonly _projectedText = signal('');\n  /** @private Whether the component is currently driven by its internal editable value. */\n  private readonly _usesInternalValue = signal(false);\n  /** @private Tracks whether internal state was last synced from an external `value`. */\n  private _syncedFromExternalValue = false;\n\n  /** @protected Whether the host element is a native `h1`–`h6` heading. */\n  protected readonly _isNativeHeading = computed(() =>\n    /^h[1-6]$/.test(this._hostTagName),\n  );\n  /** @protected Resolved visual heading level — explicit `level` input or inferred from the host tag. */\n  protected readonly _resolvedLevel = computed<MlvTitleLevel>(\n    () => this.level() ?? inferTitleLevel(this._hostTagName),\n  );\n  /** @protected The effective title text: bound `value`, internal editable value, or projected content. */\n  protected readonly currentText = computed(() => {\n    const explicitValue = this.value();\n    if (explicitValue !== null && explicitValue !== undefined) {\n      return explicitValue;\n    }\n\n    if (this._usesInternalValue()) {\n      return this.internalValue();\n    }\n\n    return this._projectedText();\n  });\n  /** @protected Whether the projected `<ng-content>` should be shown (no value, not editable). */\n  protected readonly showProjectedContent = computed(\n    () =>\n      !this.editable() &&\n      !this._usesInternalValue() &&\n      (this.value() === null || this.value() === undefined),\n  );\n  /** @protected Whether the bound value text should be shown (not editable, not projected). */\n  protected readonly showValueText = computed(\n    () => !this.editable() && !this.showProjectedContent(),\n  );\n  /** @protected Sizing text for the editable `<pre>` mirror (trailing newline keeps a blank line tall). */\n  protected readonly editorMeasureText = computed(() => {\n    const text = this.currentText() || this.placeholder();\n    return text ? `${text}\\n` : ' ';\n  });\n  /** @protected Whether the editable field is empty and a placeholder should be shown. */\n  protected readonly editorShowsPlaceholder = computed(\n    () => !this.currentText() && !!this.placeholder(),\n  );\n  /** @protected Current value bound to the editable `<textarea>`. */\n  protected readonly textareaValue = computed(() => this.currentText());\n\n  /** Internal text state used by editable mode and forms APIs. */\n  readonly internalValue = signal('');\n\n  /** @private The lowercased tag name of the host element (e.g. `h2`, `div`). */\n  private get _hostTagName(): string {\n    return this._hostElement.nativeElement.tagName.toLowerCase();\n  }\n\n  constructor() {\n    super();\n\n    effect(() => {\n      const externalValue = this.value();\n\n      if (externalValue === null || externalValue === undefined) {\n        if (this._syncedFromExternalValue) {\n          this.internalValue.set('');\n          this._usesInternalValue.set(false);\n        }\n\n        this._syncedFromExternalValue = false;\n        return;\n      }\n\n      this._syncedFromExternalValue = true;\n      this.internalValue.set(externalValue);\n      this._usesInternalValue.set(true);\n    });\n\n    afterNextRender(() => {\n      this._hydrateProjectedText();\n    });\n  }\n\n  /** Handles interactive edits from the textarea overlay. */\n  onInput(event: Event): void {\n    const value = (event.target as HTMLTextAreaElement).value;\n    this.internalValue.set(value);\n    this._usesInternalValue.set(true);\n    // The `value` model is the signal-forms transport: setting it propagates\n    // the edit to the bound field ([formField]/[formControl]/ngModel).\n    this.value.set(value);\n  }\n\n  /** Tracks focus state for form-field styling. */\n  onFocus(): void {\n    this.setFocused(true);\n  }\n\n  /** Tracks blur state for form-field styling and touched state. */\n  onBlur(): void {\n    this.setFocused(false);\n    this._markTouched();\n  }\n\n  /** Whether the control holds a clearable value — Non-empty text present. */\n  readonly hasValue = computed(() => this.internalValue().length > 0);\n\n  /** @private Reads projected text after render and seeds the editable value from it when appropriate. */\n  private _hydrateProjectedText(): void {\n    const projectedText =\n      this._projectionElement()?.nativeElement.textContent?.trim() ?? '';\n\n    this._projectedText.set(projectedText);\n\n    if (\n      this.editable() &&\n      !this._usesInternalValue() &&\n      (this.value() === null || this.value() === undefined) &&\n      projectedText\n    ) {\n      this.internalValue.set(projectedText);\n      this._usesInternalValue.set(true);\n    }\n  }\n}\n","<span\n  #projectionContent\n  class=\"mlv-title__projection\"\n  [class.mlv-title__projection--hidden]=\"!showProjectedContent()\"\n  [attr.aria-hidden]=\"showProjectedContent() ? null : 'true'\"\n>\n  <ng-content />\n</span>\n\n@if (showValueText()) {\n<span class=\"mlv-title__value\">{{ currentText() }}</span>\n} @if (editable()) {\n<span class=\"mlv-title__editor\">\n  <pre\n    class=\"mlv-title__pre\"\n    [class.mlv-title__pre--placeholder]=\"editorShowsPlaceholder()\"\n    aria-hidden=\"true\"\n  >\n{{ editorMeasureText() }}</pre\n  >\n  <textarea\n    class=\"mlv-title__textarea\"\n    rows=\"1\"\n    [value]=\"textareaValue()\"\n    [placeholder]=\"placeholder()\"\n    [readonly]=\"readonly()\"\n    [disabled]=\"computedDisabled()\"\n    [attr.aria-label]=\"ariaLabel()\"\n    [attr.aria-required]=\"required() || null\"\n    (input)=\"onInput($event)\"\n    (focus)=\"onFocus()\"\n    (blur)=\"onBlur()\"\n  ></textarea>\n</span>\n}\n"]}

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

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

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

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

@@ -0,0 +1,13 @@
+// Public API — shared base (re-exported for @malva-ui/notification to extend)
+export * from './lib/toast.types';
+export * from './lib/toast-ref';
+export * from './lib/toast-timer';
+export * from './lib/abstract-toast-container';
+export * from './lib/abstract-toast.service';
+export * from './lib/abstract-toast-item';
+// Toast-specific exports
+export * from './lib/toast-item/toast-item';
+export * from './lib/toast-container/toast-container';
+export * from './lib/toast.service';
+export * from './lib/toast.directives';
+//# sourceMappingURL=index.js.map

package/esm2022/toast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/core/toast/src/index.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAE1C,yBAAyB;AACzB,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uCAAuC,CAAC;AACtD,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC","sourcesContent":["// Public API — shared base (re-exported for @malva-ui/notification to extend)\nexport * from './lib/toast.types';\nexport * from './lib/toast-ref';\nexport * from './lib/toast-timer';\nexport * from './lib/abstract-toast-container';\nexport * from './lib/abstract-toast.service';\nexport * from './lib/abstract-toast-item';\n\n// Toast-specific exports\nexport * from './lib/toast-item/toast-item';\nexport * from './lib/toast-container/toast-container';\nexport * from './lib/toast.service';\nexport * from './lib/toast.directives';\n"]}

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

@@ -0,0 +1,50 @@
+import { Directive, signal } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Abstract base for toast/notification container components.
+ * Manages the ordered list of active items for a single overlay position.
+ * Extend this class and add the @Component decorator to create a concrete container.
+ */
+export class MlvAbstractToastContainerComponent {
+    /** The overlay position this container is responsible for. Set by the service. */
+    position = signal('top-right', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
+    toasts = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "toasts" }] : /* istanbul ignore next */ []));
+    /** @private Service-owned callback used by every item close source. */
+    _closeHandler = (id) => {
+        this.remove(id);
+    };
+    add(item) {
+        const isTop = this.position().startsWith('top');
+        this.toasts.update((ts) => (isTop ? [item, ...ts] : [...ts, item]));
+    }
+    remove(id) {
+        const exists = this.toasts().some((toast) => toast.id === id);
+        if (!exists) {
+            return false;
+        }
+        this.toasts.update((ts) => ts.filter((t) => t.id !== id));
+        return true;
+    }
+    isEmpty() {
+        return this.toasts().length === 0;
+    }
+    setComponent(component) {
+        this.component = component;
+    }
+    /** Registers the service-owned close callback for timer, action, and dismiss-button requests. */
+    setCloseHandler(handler) {
+        this._closeHandler = handler;
+    }
+    /** @protected Routes an item close request through the owning service. */
+    requestClose(id) {
+        this._closeHandler(id);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvAbstractToastContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvAbstractToastContainerComponent, isStandalone: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvAbstractToastContainerComponent, decorators: [{
+            type: Directive
+        }] });
+//# sourceMappingURL=abstract-toast-container.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"abstract-toast-container.js","sourceRoot":"","sources":["../../../../../../libs/core/toast/src/lib/abstract-toast-container.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;;AASlD;;;;GAIG;AAEH,MAAM,OAAgB,kCAAkC;IAGtD,kFAAkF;IACzE,QAAQ,GAAG,MAAM,CAAmB,WAAW;iFAAC,CAAC;IACjD,MAAM,GAAG,MAAM,CAAM,EAAE;+EAAC,CAAC;IAIlC,uEAAuE;IAC/D,aAAa,GAAG,CAAC,EAAU,EAAQ,EAAE;QAC3C,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,GAAG,CAAC,IAAO;QACT,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QAChD,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;IACtE,CAAC;IAED,MAAM,CAAC,EAAU;QACf,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;QAC9D,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO,KAAK,CAAC;QACf,CAAC;QACD,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;QAC1D,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO;QACL,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC,MAAM,KAAK,CAAC,CAAC;IACpC,CAAC;IAED,YAAY,CAAC,SAA2C;QACtD,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;IAC7B,CAAC;IAED,iGAAiG;IACjG,eAAe,CAAC,OAA6B;QAC3C,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC;IAC/B,CAAC;IAED,0EAA0E;IAChE,YAAY,CAAC,EAAU;QAC/B,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;IACzB,CAAC;uGA5CmB,kCAAkC;2FAAlC,kCAAkC;;2FAAlC,kCAAkC;kBADvD,SAAS","sourcesContent":["import type { Signal, Type } from '@angular/core';\nimport { Directive, signal } from '@angular/core';\nimport type { MlvInternalBaseToast, MlvToastPosition } from './toast.types';\n\nexport interface MlvIAbstractToastComponent<\n  T extends MlvInternalBaseToast = MlvInternalBaseToast,\n> {\n  toast: Signal<T>;\n}\n\n/**\n * Abstract base for toast/notification container components.\n * Manages the ordered list of active items for a single overlay position.\n * Extend this class and add the @Component decorator to create a concrete container.\n */\n@Directive()\nexport abstract class MlvAbstractToastContainerComponent<\n  T extends MlvInternalBaseToast,\n> {\n  /** The overlay position this container is responsible for. Set by the service. */\n  readonly position = signal<MlvToastPosition>('top-right');\n  readonly toasts = signal<T[]>([]);\n\n  abstract component: Type<MlvIAbstractToastComponent>;\n\n  /** @private Service-owned callback used by every item close source. */\n  private _closeHandler = (id: string): void => {\n    this.remove(id);\n  };\n\n  add(item: T): void {\n    const isTop = this.position().startsWith('top');\n    this.toasts.update((ts) => (isTop ? [item, ...ts] : [...ts, item]));\n  }\n\n  remove(id: string): boolean {\n    const exists = this.toasts().some((toast) => toast.id === id);\n    if (!exists) {\n      return false;\n    }\n    this.toasts.update((ts) => ts.filter((t) => t.id !== id));\n    return true;\n  }\n\n  isEmpty(): boolean {\n    return this.toasts().length === 0;\n  }\n\n  setComponent(component: Type<MlvIAbstractToastComponent>): void {\n    this.component = component;\n  }\n\n  /** Registers the service-owned close callback for timer, action, and dismiss-button requests. */\n  setCloseHandler(handler: (id: string) => void): void {\n    this._closeHandler = handler;\n  }\n\n  /** @protected Routes an item close request through the owning service. */\n  protected requestClose(id: string): void {\n    this._closeHandler(id);\n  }\n}\n"]}

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

@@ -0,0 +1,75 @@
+import { Directive, ElementRef, inject, input } from '@angular/core';
+import { MLV_TOAST_CLOSE } from './toast.types';
+import { MlvToastTimer } from './toast-timer';
+import * as i0 from "@angular/core";
+export class MlvAbstractToastItem {
+    toast = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "toast" }] : /* istanbul ignore next */ []));
+    /** @protected Auto-dismiss countdown timer for this toast item. */
+    timer = new MlvToastTimer();
+    /** @protected Dismiss callback that closes this item by id. */
+    _dismiss = inject(MLV_TOAST_CLOSE);
+    /**
+     * @protected Host element ref, used to detect whether focus stays within the
+     * item when handling `focusout` (so intra-item focus moves do not resume the
+     * timer prematurely).
+     */
+    _elementRef = inject((ElementRef));
+    ngOnInit() {
+        if (this.toast().displayTime > 0) {
+            this.timer.start(this.toast().displayTime, () => this.onClose());
+        }
+    }
+    ngOnDestroy() {
+        this.timer.clear();
+    }
+    /** @protected Closes this toast item via the injected dismiss callback. */
+    onClose() {
+        this._dismiss(this.toast().id);
+    }
+    /** @protected Pauses the auto-dismiss timer on pointer enter when `pauseOnHover` is set. */
+    onMouseEnter() {
+        if (this.toast().pauseOnHover) {
+            this.timer.pause();
+        }
+    }
+    /** @protected Resumes the auto-dismiss timer on pointer leave. */
+    onMouseLeave() {
+        this._resumeTimer();
+    }
+    /**
+     * @protected Pauses the auto-dismiss timer when keyboard focus enters the
+     * item, so keyboard users are not raced by the countdown (WCAG 2.2.1).
+     */
+    onFocusIn() {
+        if (this.toast().pauseOnHover) {
+            this.timer.pause();
+        }
+    }
+    /**
+     * @protected Resumes the auto-dismiss timer when focus leaves the item
+     * entirely. Focus moves between elements inside the same item are ignored.
+     */
+    onFocusOut(event) {
+        const next = event.relatedTarget;
+        if (next && this._elementRef.nativeElement.contains(next)) {
+            return;
+        }
+        this._resumeTimer();
+    }
+    /**
+     * @private Restarts the countdown from the full `displayTime` when pausing is
+     * enabled and the item is auto-dismissable.
+     */
+    _resumeTimer() {
+        if (this.toast().pauseOnHover && this.toast().displayTime > 0) {
+            this.timer.start(this.toast().displayTime, () => this.onClose());
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvAbstractToastItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: MlvAbstractToastItem, isStandalone: true, inputs: { toast: { classPropertyName: "toast", publicName: "toast", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvAbstractToastItem, decorators: [{
+            type: Directive
+        }], propDecorators: { toast: [{ type: i0.Input, args: [{ isSignal: true, alias: "toast", required: true }] }] } });
+//# sourceMappingURL=abstract-toast-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"abstract-toast-item.js","sourceRoot":"","sources":["../../../../../../libs/core/toast/src/lib/abstract-toast-item.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAErE,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;;AAG9C,MAAM,OAAgB,oBAAoB;IAKxC,KAAK,GAAG,KAAK,CAAC,QAAQ;8EAAK,CAAC;IAE5B,mEAAmE;IAChD,KAAK,GAAG,IAAI,aAAa,EAAE,CAAC;IAE/C,+DAA+D;IAC5C,QAAQ,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;IAEtD;;;;OAIG;IACgB,WAAW,GAAG,MAAM,CAAC,CAAA,UAAuB,CAAA,CAAC,CAAC;IAEjE,QAAQ;QACN,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC,WAAW,GAAG,CAAC,EAAE,CAAC;YACjC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;QACnE,CAAC;IACH,CAAC;IAED,WAAW;QACT,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;IACrB,CAAC;IAED,2EAA2E;IACjE,OAAO;QACf,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;IACjC,CAAC;IAED,4FAA4F;IAClF,YAAY;QACpB,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC,YAAY,EAAE,CAAC;YAC9B,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;QACrB,CAAC;IACH,CAAC;IAED,kEAAkE;IACxD,YAAY;QACpB,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAED;;;OAGG;IACO,SAAS;QACjB,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC,YAAY,EAAE,CAAC;YAC9B,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;QACrB,CAAC;IACH,CAAC;IAED;;;OAGG;IACO,UAAU,CAAC,KAAiB;QACpC,MAAM,IAAI,GAAG,KAAK,CAAC,aAA4B,CAAC;QAChD,IAAI,IAAI,IAAI,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;YAC1D,OAAO;QACT,CAAC;QACD,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAED;;;OAGG;IACK,YAAY;QAClB,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC,YAAY,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC,WAAW,GAAG,CAAC,EAAE,CAAC;YAC9D,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;QACnE,CAAC;IACH,CAAC;uGA7EmB,oBAAoB;2FAApB,oBAAoB;;2FAApB,oBAAoB;kBADzC,SAAS","sourcesContent":["import type { OnDestroy, OnInit } from '@angular/core';\nimport { Directive, ElementRef, inject, input } from '@angular/core';\nimport type { MlvInternalBaseToast } from './toast.types';\nimport { MLV_TOAST_CLOSE } from './toast.types';\nimport type { MlvIAbstractToastComponent } from './abstract-toast-container';\nimport { MlvToastTimer } from './toast-timer';\n\n@Directive()\nexport abstract class MlvAbstractToastItem<\n    T extends MlvInternalBaseToast = MlvInternalBaseToast,\n  >\n  implements MlvIAbstractToastComponent<T>, OnInit, OnDestroy\n{\n  toast = input.required<T>();\n\n  /** @protected Auto-dismiss countdown timer for this toast item. */\n  protected readonly timer = new MlvToastTimer();\n\n  /** @protected Dismiss callback that closes this item by id. */\n  protected readonly _dismiss = inject(MLV_TOAST_CLOSE);\n\n  /**\n   * @protected Host element ref, used to detect whether focus stays within the\n   * item when handling `focusout` (so intra-item focus moves do not resume the\n   * timer prematurely).\n   */\n  protected readonly _elementRef = inject(ElementRef<HTMLElement>);\n\n  ngOnInit(): void {\n    if (this.toast().displayTime > 0) {\n      this.timer.start(this.toast().displayTime, () => this.onClose());\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.timer.clear();\n  }\n\n  /** @protected Closes this toast item via the injected dismiss callback. */\n  protected onClose(): void {\n    this._dismiss(this.toast().id);\n  }\n\n  /** @protected Pauses the auto-dismiss timer on pointer enter when `pauseOnHover` is set. */\n  protected onMouseEnter(): void {\n    if (this.toast().pauseOnHover) {\n      this.timer.pause();\n    }\n  }\n\n  /** @protected Resumes the auto-dismiss timer on pointer leave. */\n  protected onMouseLeave(): void {\n    this._resumeTimer();\n  }\n\n  /**\n   * @protected Pauses the auto-dismiss timer when keyboard focus enters the\n   * item, so keyboard users are not raced by the countdown (WCAG 2.2.1).\n   */\n  protected onFocusIn(): void {\n    if (this.toast().pauseOnHover) {\n      this.timer.pause();\n    }\n  }\n\n  /**\n   * @protected Resumes the auto-dismiss timer when focus leaves the item\n   * entirely. Focus moves between elements inside the same item are ignored.\n   */\n  protected onFocusOut(event: FocusEvent): void {\n    const next = event.relatedTarget as Node | null;\n    if (next && this._elementRef.nativeElement.contains(next)) {\n      return;\n    }\n    this._resumeTimer();\n  }\n\n  /**\n   * @private Restarts the countdown from the full `displayTime` when pausing is\n   * enabled and the item is auto-dismissable.\n   */\n  private _resumeTimer(): void {\n    if (this.toast().pauseOnHover && this.toast().displayTime > 0) {\n      this.timer.start(this.toast().displayTime, () => this.onClose());\n    }\n  }\n}\n"]}

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

@@ -0,0 +1,176 @@
+import { DestroyRef, EnvironmentInjector, inject } from '@angular/core';
+import { Overlay } from '@angular/cdk/overlay';
+import { ComponentPortal } from '@angular/cdk/portal';
+import { LiveAnnouncer } from '@angular/cdk/a11y';
+import { MlvToastRef } from './toast-ref';
+const TOAST_LEAVE_DURATION_MS = 200;
+/** Position used when a config omits one. Single source of truth for subclasses. */
+export const MLV_TOAST_DEFAULT_POSITION = 'top-right';
+/**
+ * Abstract base service for toast/notification services.
+ * Manages CDK overlay refs (one per position) and container lifecycle.
+ * Extend this class and implement `containerType` and `buildItem()`.
+ */
+export class MlvAbstractToastService {
+    /** @protected CDK overlay service used to create per-position toast panels. */
+    _overlay = inject(Overlay);
+    /** @protected Environment injector used when attaching container portals. */
+    _environmentInjector = inject(EnvironmentInjector);
+    /**
+     * @protected Owns the single persistent ARIA live region used to announce
+     * items. Announcing from here rather than from a `role` on each rendered item
+     * means the region exists in the DOM before any message is inserted (screen
+     * readers miss content added together with its live region), one stacked item
+     * does not add one live region, and an assertive tone cannot silently
+     * override the caller's politeness choice.
+     */
+    _liveAnnouncer = inject(LiveAnnouncer);
+    /** @private Cleans up overlays, refs, and deferred disposal timers with the service. */
+    _destroyRef = inject(DestroyRef);
+    /** @private Active overlay refs keyed by position. */
+    _overlayRefs = new Map();
+    /** @private Active container instances keyed by position. */
+    _containers = new Map();
+    /** @private Active item references keyed by generated ID. */
+    _refs = new Map();
+    /** @private Deferred final-item overlay disposal timers keyed by position. */
+    _disposeTimers = new Map();
+    /** @private Monotonic counter used to generate unique toast ids. */
+    _idCounter = 0;
+    constructor() {
+        this._destroyRef.onDestroy(() => {
+            for (const timer of this._disposeTimers.values()) {
+                clearTimeout(timer);
+            }
+            for (const overlayRef of this._overlayRefs.values()) {
+                overlayRef.dispose();
+            }
+            for (const ref of this._refs.values()) {
+                ref._markClosed();
+            }
+            // Drop any text still sitting in the shared live region, so a destroyed
+            // service cannot leave a stale announcement behind for the next one.
+            this._liveAnnouncer.clear();
+            this._disposeTimers.clear();
+            this._overlayRefs.clear();
+            this._containers.clear();
+            this._refs.clear();
+        });
+    }
+    show(config) {
+        const position = config.position ?? MLV_TOAST_DEFAULT_POSITION;
+        const container = this._ensureContainer(position);
+        const id = `toast-${++this._idCounter}`;
+        const ref = this._createRef(id, position, config);
+        this._refs.set(id, ref);
+        container.add(this.buildItem(id, config, ref));
+        const announcement = this.resolveAnnouncement(config);
+        if (announcement) {
+            this._liveAnnouncer.announce(announcement.message, config.politeness ?? announcement.politeness);
+        }
+        return ref;
+    }
+    close(id, position) {
+        if (position) {
+            const container = this._containers.get(position);
+            if (container?.remove(id)) {
+                this._completeRef(id);
+                if (container.isEmpty()) {
+                    this._scheduleDisposePosition(position);
+                }
+            }
+        }
+        else {
+            for (const [pos, container] of this._containers) {
+                if (container.remove(id)) {
+                    this._completeRef(id);
+                    if (container.isEmpty()) {
+                        this._scheduleDisposePosition(pos);
+                    }
+                    break;
+                }
+            }
+        }
+    }
+    /** @protected Creates the concrete reference returned for a new item. */
+    _createRef(id, position, config) {
+        return new MlvToastRef(id, config.data, () => this.close(id, position));
+    }
+    /** @private Returns the container for a position, creating the overlay on first use. */
+    _ensureContainer(position) {
+        const existing = this._containers.get(position);
+        if (existing) {
+            this._cancelDisposePosition(position);
+            return existing;
+        }
+        const overlayRef = this._overlay.create({
+            positionStrategy: this._getPositionStrategy(position),
+            panelClass: ['mlv-toast-panel', `mlv-toast-panel--${position}`],
+            scrollStrategy: this._overlay.scrollStrategies.noop(),
+            maxHeight: 'calc(100vh - 32px)',
+        });
+        const portal = new ComponentPortal(this.containerType, null, this._environmentInjector);
+        const componentRef = overlayRef.attach(portal);
+        componentRef.instance.position.set(position);
+        this._overlayRefs.set(position, overlayRef);
+        this._containers.set(position, componentRef.instance);
+        componentRef.instance.setComponent(this.toastItemType);
+        componentRef.instance.setCloseHandler((id) => this.close(id, position));
+        return componentRef.instance;
+    }
+    /** @private Disposes the overlay for a position once its container is empty. */
+    _disposePosition(position) {
+        this._cancelDisposePosition(position);
+        const overlayRef = this._overlayRefs.get(position);
+        if (overlayRef) {
+            overlayRef.dispose();
+            this._overlayRefs.delete(position);
+            this._containers.delete(position);
+        }
+    }
+    /** @private Defers final-item disposal so Angular's leave animation can finish. */
+    _scheduleDisposePosition(position) {
+        this._cancelDisposePosition(position);
+        this._disposeTimers.set(position, setTimeout(() => {
+            this._disposeTimers.delete(position);
+            if (this._containers.get(position)?.isEmpty()) {
+                this._disposePosition(position);
+            }
+        }, TOAST_LEAVE_DURATION_MS));
+    }
+    /** @private Cancels pending disposal when a new item reuses the same position. */
+    _cancelDisposePosition(position) {
+        const timer = this._disposeTimers.get(position);
+        if (timer !== undefined) {
+            clearTimeout(timer);
+            this._disposeTimers.delete(position);
+        }
+    }
+    /** @private Completes and releases the reference for a removed item. */
+    _completeRef(id) {
+        this._refs.get(id)?._markClosed();
+        this._refs.delete(id);
+    }
+    /** @private Builds the global position strategy for a toast position. */
+    _getPositionStrategy(position) {
+        const strategy = this._overlay.position().global();
+        const margin = '16px';
+        if (position.startsWith('top')) {
+            strategy.top(margin);
+        }
+        else {
+            strategy.bottom(margin);
+        }
+        if (position.endsWith('left')) {
+            strategy.left(margin);
+        }
+        else if (position.endsWith('right')) {
+            strategy.right(margin);
+        }
+        else {
+            strategy.centerHorizontally();
+        }
+        return strategy;
+    }
+}
+//# sourceMappingURL=abstract-toast.service.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"abstract-toast.service.js","sourceRoot":"","sources":["../../../../../../libs/core/toast/src/lib/abstract-toast.service.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Type } from '@angular/core';\nimport { DestroyRef, EnvironmentInjector, inject } from '@angular/core';\nimport type { OverlayRef } from '@angular/cdk/overlay';\nimport { Overlay } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { LiveAnnouncer } from '@angular/cdk/a11y';\nimport type { GlobalPositionStrategy } from '@angular/cdk/overlay';\nimport type {\n  MlvAbstractToastContainerComponent,\n  MlvIAbstractToastComponent,\n} from './abstract-toast-container';\nimport type {\n  MlvBaseToastConfig,\n  MlvInternalBaseToast,\n  MlvToastPoliteness,\n  MlvToastPosition,\n} from './toast.types';\nimport { MlvToastRef } from './toast-ref';\n\nconst TOAST_LEAVE_DURATION_MS = 200;\n\n/** Position used when a config omits one. Single source of truth for subclasses. */\nexport const MLV_TOAST_DEFAULT_POSITION: MlvToastPosition = 'top-right';\n\n/**\n * Abstract base service for toast/notification services.\n * Manages CDK overlay refs (one per position) and container lifecycle.\n * Extend this class and implement `containerType` and `buildItem()`.\n */\nexport abstract class MlvAbstractToastService<\n  TConfig extends MlvBaseToastConfig,\n  TItem extends MlvInternalBaseToast,\n  TItemComponent extends MlvIAbstractToastComponent,\n  TRef extends MlvToastRef = MlvToastRef,\n> {\n  /** @protected CDK overlay service used to create per-position toast panels. */\n  protected readonly _overlay = inject(Overlay);\n  /** @protected Environment injector used when attaching container portals. */\n  protected readonly _environmentInjector = inject(EnvironmentInjector);\n  /**\n   * @protected Owns the single persistent ARIA live region used to announce\n   * items. Announcing from here rather than from a `role` on each rendered item\n   * means the region exists in the DOM before any message is inserted (screen\n   * readers miss content added together with its live region), one stacked item\n   * does not add one live region, and an assertive tone cannot silently\n   * override the caller's politeness choice.\n   */\n  protected readonly _liveAnnouncer = inject(LiveAnnouncer);\n  /** @private Cleans up overlays, refs, and deferred disposal timers with the service. */\n  private readonly _destroyRef = inject(DestroyRef);\n\n  /** @private Active overlay refs keyed by position. */\n  private readonly _overlayRefs = new Map<MlvToastPosition, OverlayRef>();\n  /** @private Active container instances keyed by position. */\n  private readonly _containers = new Map<\n    MlvToastPosition,\n    MlvAbstractToastContainerComponent<TItem>\n  >();\n  /** @private Active item references keyed by generated ID. */\n  private readonly _refs = new Map<string, TRef>();\n  /** @private Deferred final-item overlay disposal timers keyed by position. */\n  private readonly _disposeTimers = new Map<\n    MlvToastPosition,\n    ReturnType<typeof setTimeout>\n  >();\n  /** @private Monotonic counter used to generate unique toast ids. */\n  private _idCounter = 0;\n\n  /** The concrete container component class to instantiate per position. */\n  protected abstract readonly containerType: Type<\n    MlvAbstractToastContainerComponent<TItem>\n  >;\n\n  /** The concrete toast item component class to instantiate per each toast. */\n  protected abstract readonly toastItemType: Type<TItemComponent>;\n\n  /** Build a fully-populated item from user config and the generated id. */\n  protected abstract buildItem(id: string, config: TConfig, ref: TRef): TItem;\n\n  /**\n   * The text announced to assistive technology for this item, and the politeness\n   * to announce it with. Return `null` to announce nothing — appropriate when\n   * the item's content is a template or component the service cannot read.\n   *\n   * @param config - The caller's config for this item.\n   */\n  protected abstract resolveAnnouncement(\n    config: TConfig,\n  ): { message: string; politeness: MlvToastPoliteness } | null;\n\n  constructor() {\n    this._destroyRef.onDestroy(() => {\n      for (const timer of this._disposeTimers.values()) {\n        clearTimeout(timer);\n      }\n      for (const overlayRef of this._overlayRefs.values()) {\n        overlayRef.dispose();\n      }\n      for (const ref of this._refs.values()) {\n        ref._markClosed();\n      }\n      // Drop any text still sitting in the shared live region, so a destroyed\n      // service cannot leave a stale announcement behind for the next one.\n      this._liveAnnouncer.clear();\n      this._disposeTimers.clear();\n      this._overlayRefs.clear();\n      this._containers.clear();\n      this._refs.clear();\n    });\n  }\n\n  show(config: TConfig): TRef {\n    const position = config.position ?? MLV_TOAST_DEFAULT_POSITION;\n    const container = this._ensureContainer(position);\n    const id = `toast-${++this._idCounter}`;\n    const ref = this._createRef(id, position, config);\n    this._refs.set(id, ref);\n    container.add(this.buildItem(id, config, ref));\n\n    const announcement = this.resolveAnnouncement(config);\n    if (announcement) {\n      this._liveAnnouncer.announce(\n        announcement.message,\n        config.politeness ?? announcement.politeness,\n      );\n    }\n\n    return ref;\n  }\n\n  close(id: string, position?: MlvToastPosition): void {\n    if (position) {\n      const container = this._containers.get(position);\n      if (container?.remove(id)) {\n        this._completeRef(id);\n        if (container.isEmpty()) {\n          this._scheduleDisposePosition(position);\n        }\n      }\n    } else {\n      for (const [pos, container] of this._containers) {\n        if (container.remove(id)) {\n          this._completeRef(id);\n          if (container.isEmpty()) {\n            this._scheduleDisposePosition(pos);\n          }\n          break;\n        }\n      }\n    }\n  }\n\n  /** @protected Creates the concrete reference returned for a new item. */\n  protected _createRef(\n    id: string,\n    position: MlvToastPosition,\n    config: TConfig,\n  ): TRef {\n    return new MlvToastRef(id, config.data, () =>\n      this.close(id, position),\n    ) as TRef;\n  }\n\n  /** @private Returns the container for a position, creating the overlay on first use. */\n  private _ensureContainer(\n    position: MlvToastPosition,\n  ): MlvAbstractToastContainerComponent<TItem> {\n    const existing = this._containers.get(position);\n    if (existing) {\n      this._cancelDisposePosition(position);\n      return existing;\n    }\n\n    const overlayRef = this._overlay.create({\n      positionStrategy: this._getPositionStrategy(position),\n      panelClass: ['mlv-toast-panel', `mlv-toast-panel--${position}`],\n      scrollStrategy: this._overlay.scrollStrategies.noop(),\n      maxHeight: 'calc(100vh - 32px)',\n    });\n\n    const portal = new ComponentPortal(\n      this.containerType,\n      null,\n      this._environmentInjector,\n    );\n    const componentRef = overlayRef.attach(portal);\n    componentRef.instance.position.set(position);\n\n    this._overlayRefs.set(position, overlayRef);\n    this._containers.set(position, componentRef.instance);\n    componentRef.instance.setComponent(this.toastItemType);\n    componentRef.instance.setCloseHandler((id) => this.close(id, position));\n\n    return componentRef.instance;\n  }\n\n  /** @private Disposes the overlay for a position once its container is empty. */\n  private _disposePosition(position: MlvToastPosition): void {\n    this._cancelDisposePosition(position);\n    const overlayRef = this._overlayRefs.get(position);\n    if (overlayRef) {\n      overlayRef.dispose();\n      this._overlayRefs.delete(position);\n      this._containers.delete(position);\n    }\n  }\n\n  /** @private Defers final-item disposal so Angular's leave animation can finish. */\n  private _scheduleDisposePosition(position: MlvToastPosition): void {\n    this._cancelDisposePosition(position);\n    this._disposeTimers.set(\n      position,\n      setTimeout(() => {\n        this._disposeTimers.delete(position);\n        if (this._containers.get(position)?.isEmpty()) {\n          this._disposePosition(position);\n        }\n      }, TOAST_LEAVE_DURATION_MS),\n    );\n  }\n\n  /** @private Cancels pending disposal when a new item reuses the same position. */\n  private _cancelDisposePosition(position: MlvToastPosition): void {\n    const timer = this._disposeTimers.get(position);\n    if (timer !== undefined) {\n      clearTimeout(timer);\n      this._disposeTimers.delete(position);\n    }\n  }\n\n  /** @private Completes and releases the reference for a removed item. */\n  private _completeRef(id: string): void {\n    this._refs.get(id)?._markClosed();\n    this._refs.delete(id);\n  }\n\n  /** @private Builds the global position strategy for a toast position. */\n  private _getPositionStrategy(\n    position: MlvToastPosition,\n  ): GlobalPositionStrategy {\n    const strategy = this._overlay.position().global();\n    const margin = '16px';\n\n    if (position.startsWith('top')) {\n      strategy.top(margin);\n    } else {\n      strategy.bottom(margin);\n    }\n\n    if (position.endsWith('left')) {\n      strategy.left(margin);\n    } else if (position.endsWith('right')) {\n      strategy.right(margin);\n    } else {\n      strategy.centerHorizontally();\n    }\n\n    return strategy;\n  }\n}\n"]}