@vadem/ui 0.0.0-stage → 0.0.1

package/fesm2022/vadem-ui-toast.mjs

@@ -0,0 +1,397 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DestroyRef, ElementRef, Injectable, ViewEncapsulation, afterRenderEffect, computed, inject, input, signal } from "@angular/core";
+import { VdButton } from "@vadem/ui/button";
+import { VdIcon } from "@vadem/ui/icon";
+import { vdTexts } from "@vadem/ui/locale";
+const VD_TOAST_DEFAULTS = {
+	max: 3,
+	duration: 5e3,
+	exitDuration: 300
+};
+var VdToastStore = class {
+	options;
+	toasts = [];
+	timers = /* @__PURE__ */ new Map();
+	listeners = /* @__PURE__ */ new Set();
+	nextId = 1;
+	paused = false;
+	constructor(options = VD_TOAST_DEFAULTS) {
+		this.options = options;
+	}
+	get snapshot() {
+		return this.toasts;
+	}
+	subscribe(listener) {
+		this.listeners.add(listener);
+		listener(this.toasts);
+		return () => this.listeners.delete(listener);
+	}
+	show(input) {
+		const id = this.nextId++;
+		const duration = input.duration ?? (input.action ? this.options.duration * 2 : this.options.duration);
+		const toast = {
+			id,
+			title: input.title,
+			description: input.description,
+			variant: input.variant ?? "neutral",
+			action: input.action,
+			duration,
+			state: "open"
+		};
+		this.toasts = [...this.toasts, toast];
+		this.startTimer(id, duration);
+		const open = this.toasts.filter((t) => t.state === "open");
+		for (const extra of open.slice(0, Math.max(0, open.length - this.options.max))) this.dismiss(extra.id);
+		this.emit();
+		return id;
+	}
+	dismiss(id) {
+		const toast = this.toasts.find((t) => t.id === id);
+		if (!toast || toast.state === "leaving") return;
+		this.clearTimer(id);
+		this.toasts = this.toasts.map((t) => t.id === id ? {
+			...t,
+			state: "leaving"
+		} : t);
+		this.emit();
+		setTimeout(() => this.remove(id), this.options.exitDuration);
+	}
+	remove(id) {
+		if (!this.toasts.some((t) => t.id === id)) return;
+		this.clearTimer(id);
+		this.toasts = this.toasts.filter((t) => t.id !== id);
+		this.emit();
+	}
+	dismissAll() {
+		for (const t of this.toasts) this.dismiss(t.id);
+	}
+	pause() {
+		if (this.paused) return;
+		this.paused = true;
+		const now = Date.now();
+		for (const timer of this.timers.values()) {
+			clearTimeout(timer.handle);
+			timer.handle = void 0;
+			timer.remaining -= now - timer.startedAt;
+		}
+	}
+	resume() {
+		if (!this.paused) return;
+		this.paused = false;
+		for (const [id, timer] of this.timers) this.run(id, timer);
+	}
+	destroy() {
+		for (const id of [...this.timers.keys()]) this.clearTimer(id);
+		this.listeners.clear();
+	}
+	startTimer(id, duration) {
+		if (!Number.isFinite(duration)) return;
+		const timer = {
+			remaining: duration,
+			startedAt: Date.now()
+		};
+		this.timers.set(id, timer);
+		if (!this.paused) this.run(id, timer);
+	}
+	run(id, timer) {
+		timer.startedAt = Date.now();
+		timer.handle = setTimeout(() => this.dismiss(id), Math.max(0, timer.remaining));
+	}
+	clearTimer(id) {
+		clearTimeout(this.timers.get(id)?.handle);
+		this.timers.delete(id);
+	}
+	emit() {
+		for (const listener of this.listeners) listener(this.toasts);
+	}
+};
+var VdToaster = class VdToaster {
+	store = new VdToastStore(VD_TOAST_DEFAULTS);
+	list = signal([], ...ngDevMode ? [{ debugName: "list" }] : /* istanbul ignore next */ []);
+	toasts = this.list.asReadonly();
+	constructor() {
+		this.store.subscribe((t) => this.list.set(t));
+		inject(DestroyRef).onDestroy(() => this.store.destroy());
+	}
+	show(toast) {
+		return this.store.show(toast);
+	}
+	success(title, description) {
+		return this.show({
+			title,
+			description,
+			variant: "success"
+		});
+	}
+	error(title, description) {
+		return this.show({
+			title,
+			description,
+			variant: "danger"
+		});
+	}
+	dismiss(id) {
+		this.store.dismiss(id);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdToaster,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdToaster,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdToaster,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}],
+	ctorParameters: () => []
+});
+const ICONS = {
+	success: "check-circle",
+	danger: "alert-circle",
+	warning: "alert-triangle",
+	info: "info"
+};
+var VdToasterOutlet = class VdToasterOutlet {
+	label = input(...ngDevMode ? [void 0, { debugName: "label" }] : /* istanbul ignore next */ []);
+	closeLabel = input(...ngDevMode ? [void 0, { debugName: "closeLabel" }] : /* istanbul ignore next */ []);
+	t = vdTexts("toast", {
+		label: this.label,
+		closeLabel: this.closeLabel
+	});
+	toaster = inject(VdToaster);
+	icons = ICONS;
+	el = inject(ElementRef).nativeElement;
+	hasToasts = computed(() => this.toaster.toasts().length > 0, ...ngDevMode ? [{ debugName: "hasToasts" }] : /* istanbul ignore next */ []);
+	constructor() {
+		afterRenderEffect(() => {
+			const show = this.hasToasts();
+			if (!this.el.showPopover) return;
+			const open = this.el.matches(":popover-open");
+			if (show && !open) this.el.showPopover();
+			if (!show && open) this.el.hidePopover();
+		});
+	}
+	resumeUnlessFocused() {
+		if (!this.el.contains(this.el.ownerDocument.activeElement)) this.toaster.store.resume();
+	}
+	resumeIfLeaving(event) {
+		if (!this.el.contains(event.relatedTarget) && !this.el.matches(":hover")) this.toaster.store.resume();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdToasterOutlet,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: VdToasterOutlet,
+		isStandalone: true,
+		selector: "vd-toaster",
+		inputs: {
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			closeLabel: {
+				classPropertyName: "closeLabel",
+				publicName: "closeLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			attributes: {
+				"popover": "manual",
+				"role": "region"
+			},
+			listeners: {
+				"pointerenter": "toaster.store.pause()",
+				"pointerleave": "resumeUnlessFocused()",
+				"focusin": "toaster.store.pause()",
+				"focusout": "resumeIfLeaving($event)"
+			},
+			properties: { "attr.aria-label": "t().label" },
+			classAttribute: "vd-toaster"
+		},
+		ngImport: i0,
+		template: `
+    <ol class="vd-toaster__list" aria-live="polite" aria-relevant="additions">
+      @for (toast of toaster.toasts(); track toast.id) {
+        <li
+          class="vd-toast"
+          [attr.data-variant]="toast.variant"
+          [attr.data-state]="toast.state"
+          [attr.role]="toast.variant === 'danger' ? 'alert' : null"
+          aria-atomic="true"
+        >
+          @if (icons[toast.variant]; as icon) {
+            <vd-icon class="vd-toast__icon" [name]="icon" />
+          }
+          <div class="vd-toast__content">
+            <p class="vd-toast__title">{{ toast.title }}</p>
+            @if (toast.description) {
+              <p class="vd-toast__description">{{ toast.description }}</p>
+            }
+          </div>
+          @if (toast.action; as action) {
+            <button
+              vdButton
+              size="sm"
+              class="vd-toast__action"
+              (click)="action.onClick(); toaster.dismiss(toast.id)"
+            >
+              {{ action.label }}
+            </button>
+          }
+          <button
+            vdButton
+            variant="ghost"
+            size="sm"
+            iconOnly
+            class="vd-toast__close"
+            [attr.aria-label]="t().closeLabel"
+            (click)="toaster.dismiss(toast.id)"
+          >
+            <vd-icon name="x" />
+          </button>
+        </li>
+      }
+    </ol>
+  `,
+		isInline: true,
+		dependencies: [{
+			kind: "component",
+			type: VdButton,
+			selector: "button[vdButton], a[vdButton]",
+			inputs: [
+				"variant",
+				"size",
+				"disabled",
+				"loading",
+				"iconOnly",
+				"type"
+			]
+		}, {
+			kind: "component",
+			type: VdIcon,
+			selector: "vd-icon",
+			inputs: ["name", "label"]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdToasterOutlet,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "vd-toaster",
+			imports: [VdButton, VdIcon],
+			template: `
+    <ol class="vd-toaster__list" aria-live="polite" aria-relevant="additions">
+      @for (toast of toaster.toasts(); track toast.id) {
+        <li
+          class="vd-toast"
+          [attr.data-variant]="toast.variant"
+          [attr.data-state]="toast.state"
+          [attr.role]="toast.variant === 'danger' ? 'alert' : null"
+          aria-atomic="true"
+        >
+          @if (icons[toast.variant]; as icon) {
+            <vd-icon class="vd-toast__icon" [name]="icon" />
+          }
+          <div class="vd-toast__content">
+            <p class="vd-toast__title">{{ toast.title }}</p>
+            @if (toast.description) {
+              <p class="vd-toast__description">{{ toast.description }}</p>
+            }
+          </div>
+          @if (toast.action; as action) {
+            <button
+              vdButton
+              size="sm"
+              class="vd-toast__action"
+              (click)="action.onClick(); toaster.dismiss(toast.id)"
+            >
+              {{ action.label }}
+            </button>
+          }
+          <button
+            vdButton
+            variant="ghost"
+            size="sm"
+            iconOnly
+            class="vd-toast__close"
+            [attr.aria-label]="t().closeLabel"
+            (click)="toaster.dismiss(toast.id)"
+          >
+            <vd-icon name="x" />
+          </button>
+        </li>
+      }
+    </ol>
+  `,
+			host: {
+				class: "vd-toaster",
+				popover: "manual",
+				role: "region",
+				"[attr.aria-label]": "t().label",
+				"(pointerenter)": "toaster.store.pause()",
+				"(pointerleave)": "resumeUnlessFocused()",
+				"(focusin)": "toaster.store.pause()",
+				"(focusout)": "resumeIfLeaving($event)"
+			},
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}],
+		closeLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "closeLabel",
+				required: false
+			}]
+		}]
+	}
+});
+export { VD_TOAST_DEFAULTS, VdToastStore, VdToaster, VdToasterOutlet };
+
+//# sourceMappingURL=vadem-ui-toast.mjs.map

package/fesm2022/vadem-ui-toast.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vadem-ui-toast.mjs","names":[],"sources":["../../../projects/ui/toast/src/core/toast-store.ts","../../../projects/ui/toast/src/toast.ts"],"sourcesContent":["/**\n * Framework-agnostic toast queue: ids, auto-dismiss timers that pause while the user is\n * interacting (hover/focus), a cap on visible toasts, and a two-phase exit (\"leaving\" for the\n * exit animation, then removed). Adapters subscribe and render.\n */\n\nexport type VdToastVariant = 'neutral' | 'success' | 'warning' | 'danger' | 'info';\n\nexport interface VdToastAction {\n  label: string;\n  onClick: () => void;\n}\n\nexport interface VdToastInput {\n  title: string;\n  description?: string;\n  variant?: VdToastVariant;\n  action?: VdToastAction;\n  /** Auto-dismiss after ms. `Infinity` keeps it until dismissed. Default depends on content. */\n  duration?: number;\n}\n\nexport interface VdToast extends Required<Pick<VdToastInput, 'title' | 'variant'>> {\n  id: number;\n  description?: string;\n  action?: VdToastAction;\n  duration: number;\n  state: 'open' | 'leaving';\n}\n\nexport interface VdToastStoreOptions {\n  /** Max toasts shown at once; older ones leave first. */\n  max: number;\n  /** Default lifetime, ms. Toasts with an action get double, giving time to reach it. */\n  duration: number;\n  /** How long the exit animation may take before removal, ms. */\n  exitDuration: number;\n}\n\nexport const VD_TOAST_DEFAULTS: VdToastStoreOptions = { max: 3, duration: 5000, exitDuration: 300 };\n\ninterface Timer {\n  handle?: ReturnType<typeof setTimeout>;\n  remaining: number;\n  startedAt: number;\n}\n\nexport class VdToastStore {\n  private toasts: VdToast[] = [];\n  private readonly timers = new Map<number, Timer>();\n  private readonly listeners = new Set<(toasts: readonly VdToast[]) => void>();\n  private nextId = 1;\n  private paused = false;\n\n  constructor(private readonly options: VdToastStoreOptions = VD_TOAST_DEFAULTS) {}\n\n  get snapshot(): readonly VdToast[] {\n    return this.toasts;\n  }\n\n  subscribe(listener: (toasts: readonly VdToast[]) => void): () => void {\n    this.listeners.add(listener);\n    listener(this.toasts);\n    return () => this.listeners.delete(listener);\n  }\n\n  show(input: VdToastInput): number {\n    const id = this.nextId++;\n    const duration =\n      input.duration ?? (input.action ? this.options.duration * 2 : this.options.duration);\n    const toast: VdToast = {\n      id,\n      title: input.title,\n      description: input.description,\n      variant: input.variant ?? 'neutral',\n      action: input.action,\n      duration,\n      state: 'open',\n    };\n    this.toasts = [...this.toasts, toast];\n    this.startTimer(id, duration);\n\n    const open = this.toasts.filter((t) => t.state === 'open');\n    for (const extra of open.slice(0, Math.max(0, open.length - this.options.max))) {\n      this.dismiss(extra.id);\n    }\n    this.emit();\n    return id;\n  }\n\n  /** Starts the exit; the toast is removed after the exit animation (or `exitDuration`). */\n  dismiss(id: number): void {\n    const toast = this.toasts.find((t) => t.id === id);\n    if (!toast || toast.state === 'leaving') return;\n    this.clearTimer(id);\n    this.toasts = this.toasts.map((t) => (t.id === id ? { ...t, state: 'leaving' } : t));\n    this.emit();\n    setTimeout(() => this.remove(id), this.options.exitDuration);\n  }\n\n  /** Removes immediately (call when the exit animation has ended). */\n  remove(id: number): void {\n    if (!this.toasts.some((t) => t.id === id)) return;\n    this.clearTimer(id);\n    this.toasts = this.toasts.filter((t) => t.id !== id);\n    this.emit();\n  }\n\n  dismissAll(): void {\n    for (const t of this.toasts) this.dismiss(t.id);\n  }\n\n  /** Pause every timer (pointer or focus inside the toaster - WCAG 2.2.1). */\n  pause(): void {\n    if (this.paused) return;\n    this.paused = true;\n    const now = Date.now();\n    for (const timer of this.timers.values()) {\n      clearTimeout(timer.handle);\n      timer.handle = undefined;\n      timer.remaining -= now - timer.startedAt;\n    }\n  }\n\n  resume(): void {\n    if (!this.paused) return;\n    this.paused = false;\n    for (const [id, timer] of this.timers) this.run(id, timer);\n  }\n\n  destroy(): void {\n    for (const id of [...this.timers.keys()]) this.clearTimer(id);\n    this.listeners.clear();\n  }\n\n  private startTimer(id: number, duration: number): void {\n    if (!Number.isFinite(duration)) return;\n    const timer: Timer = { remaining: duration, startedAt: Date.now() };\n    this.timers.set(id, timer);\n    if (!this.paused) this.run(id, timer);\n  }\n\n  private run(id: number, timer: Timer): void {\n    timer.startedAt = Date.now();\n    timer.handle = setTimeout(() => this.dismiss(id), Math.max(0, timer.remaining));\n  }\n\n  private clearTimer(id: number): void {\n    clearTimeout(this.timers.get(id)?.handle);\n    this.timers.delete(id);\n  }\n\n  private emit(): void {\n    for (const listener of this.listeners) listener(this.toasts);\n  }\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  ElementRef,\n  Injectable,\n  ViewEncapsulation,\n  afterRenderEffect,\n  computed,\n  inject,\n  input,\n  signal,\n} from '@angular/core';\nimport { VdButton } from '@vadem/ui/button';\nimport { VdIcon, VdIconName } from '@vadem/ui/icon';\nimport {\n  VD_TOAST_DEFAULTS,\n  VdToast,\n  VdToastInput,\n  VdToastStore,\n  VdToastVariant,\n} from './core/toast-store';\nimport { vdTexts } from '@vadem/ui/locale';\n\n/** App-wide toast queue. Render it once with `<vd-toaster />`. Spec: specs/toast.md */\n@Injectable({ providedIn: 'root' })\nexport class VdToaster {\n  readonly store = new VdToastStore(VD_TOAST_DEFAULTS);\n  private readonly list = signal<readonly VdToast[]>([]);\n  readonly toasts = this.list.asReadonly();\n\n  constructor() {\n    this.store.subscribe((t) => this.list.set(t));\n    inject(DestroyRef).onDestroy(() => this.store.destroy());\n  }\n\n  show(toast: VdToastInput): number {\n    return this.store.show(toast);\n  }\n\n  success(title: string, description?: string): number {\n    return this.show({ title, description, variant: 'success' });\n  }\n\n  error(title: string, description?: string): number {\n    return this.show({ title, description, variant: 'danger' });\n  }\n\n  dismiss(id: number): void {\n    this.store.dismiss(id);\n  }\n}\n\nconst ICONS: Partial<Record<VdToastVariant, VdIconName>> = {\n  success: 'check-circle',\n  danger: 'alert-circle',\n  warning: 'alert-triangle',\n  info: 'info',\n};\n\n@Component({\n  selector: 'vd-toaster',\n  imports: [VdButton, VdIcon],\n  template: `\n    <ol class=\"vd-toaster__list\" aria-live=\"polite\" aria-relevant=\"additions\">\n      @for (toast of toaster.toasts(); track toast.id) {\n        <li\n          class=\"vd-toast\"\n          [attr.data-variant]=\"toast.variant\"\n          [attr.data-state]=\"toast.state\"\n          [attr.role]=\"toast.variant === 'danger' ? 'alert' : null\"\n          aria-atomic=\"true\"\n        >\n          @if (icons[toast.variant]; as icon) {\n            <vd-icon class=\"vd-toast__icon\" [name]=\"icon\" />\n          }\n          <div class=\"vd-toast__content\">\n            <p class=\"vd-toast__title\">{{ toast.title }}</p>\n            @if (toast.description) {\n              <p class=\"vd-toast__description\">{{ toast.description }}</p>\n            }\n          </div>\n          @if (toast.action; as action) {\n            <button\n              vdButton\n              size=\"sm\"\n              class=\"vd-toast__action\"\n              (click)=\"action.onClick(); toaster.dismiss(toast.id)\"\n            >\n              {{ action.label }}\n            </button>\n          }\n          <button\n            vdButton\n            variant=\"ghost\"\n            size=\"sm\"\n            iconOnly\n            class=\"vd-toast__close\"\n            [attr.aria-label]=\"t().closeLabel\"\n            (click)=\"toaster.dismiss(toast.id)\"\n          >\n            <vd-icon name=\"x\" />\n          </button>\n        </li>\n      }\n    </ol>\n  `,\n  host: {\n    class: 'vd-toaster',\n    popover: 'manual',\n    role: 'region',\n    '[attr.aria-label]': 't().label',\n    '(pointerenter)': 'toaster.store.pause()',\n    '(pointerleave)': 'resumeUnlessFocused()',\n    '(focusin)': 'toaster.store.pause()',\n    '(focusout)': 'resumeIfLeaving($event)',\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class VdToasterOutlet {\n  /** Landmark name for the region (localize it). */\n  readonly label = input<string>();\n  readonly closeLabel = input<string>();\n  /** Text inputs resolved against the active VD_LOCALE. */\n  protected readonly t = vdTexts('toast', { label: this.label, closeLabel: this.closeLabel });\n\n  protected readonly toaster = inject(VdToaster);\n  protected readonly icons = ICONS;\n  private readonly el: HTMLElement = inject(ElementRef).nativeElement;\n  private readonly hasToasts = computed(() => this.toaster.toasts().length > 0);\n\n  constructor() {\n    // Browser-only: keep the region in the top layer while it has toasts.\n    afterRenderEffect(() => {\n      const show = this.hasToasts();\n      if (!this.el.showPopover) return;\n      const open = this.el.matches(':popover-open');\n      if (show && !open) this.el.showPopover();\n      if (!show && open) this.el.hidePopover();\n    });\n  }\n\n  protected resumeUnlessFocused(): void {\n    if (!this.el.contains(this.el.ownerDocument.activeElement)) this.toaster.store.resume();\n  }\n\n  protected resumeIfLeaving(event: FocusEvent): void {\n    if (!this.el.contains(event.relatedTarget as Node | null) && !this.el.matches(':hover')) {\n      this.toaster.store.resume();\n    }\n  }\n}\n"],"mappings":"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"}