@loomui-ng/ui 0.0.0-stage → 0.1.0

package/fesm2022/loomui-ng-ui-textarea.mjs

@@ -0,0 +1,206 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Directive, computed, forwardRef, input } from "@angular/core";
+import { UiNativeControl, cn } from "@loomui-ng/ui/utils";
+import { NG_VALUE_ACCESSOR } from "@angular/forms";
+var UiTextarea = class UiTextarea {
+	userClass = input("", {
+		...ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {},
+		alias: "class"
+	});
+	classes = computed(() => cn("flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-transparent px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", this.userClass()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiTextarea,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: UiTextarea,
+		isStandalone: true,
+		selector: "textarea[uiTextarea]",
+		inputs: { userClass: {
+			classPropertyName: "userClass",
+			publicName: "class",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			attributes: { "data-slot": "textarea" },
+			properties: { "attr.class": "classes()" }
+		},
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiTextarea,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "textarea[uiTextarea]",
+			host: {
+				"data-slot": "textarea",
+				"[attr.class]": "classes()"
+			}
+		}]
+	}],
+	propDecorators: { userClass: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "class",
+			required: false
+		}]
+	}] }
+});
+const UI_TEXTAREA_GENERATED = [UiTextarea];
+var UiTextareaElement = class UiTextareaElement extends UiNativeControl {
+	rows = input(null, ...ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []);
+	cols = input(null, ...ngDevMode ? [{ debugName: "cols" }] : /* istanbul ignore next */ []);
+	maxlength = input(null, ...ngDevMode ? [{ debugName: "maxlength" }] : /* istanbul ignore next */ []);
+	minlength = input(null, ...ngDevMode ? [{ debugName: "minlength" }] : /* istanbul ignore next */ []);
+	wrap = input("", ...ngDevMode ? [{ debugName: "wrap" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiTextareaElement,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: UiTextareaElement,
+		isStandalone: true,
+		selector: "ui-textarea",
+		inputs: {
+			rows: {
+				classPropertyName: "rows",
+				publicName: "rows",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			cols: {
+				classPropertyName: "cols",
+				publicName: "cols",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			maxlength: {
+				classPropertyName: "maxlength",
+				publicName: "maxlength",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			minlength: {
+				classPropertyName: "minlength",
+				publicName: "minlength",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			wrap: {
+				classPropertyName: "wrap",
+				publicName: "wrap",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: { classAttribute: "contents" },
+		providers: [{
+			provide: NG_VALUE_ACCESSOR,
+			useExisting: forwardRef(() => UiTextareaElement),
+			multi: true
+		}],
+		usesInheritance: true,
+		ngImport: i0,
+		template: `<textarea #control uiTextarea [class]="userClass()" [attr.id]="id() || null" [attr.name]="name() || null" [attr.placeholder]="placeholder() || null" [value]="current()" [disabled]="isDisabled()" [readOnly]="readonly()" [required]="required()" [attr.autocomplete]="autocomplete() || null" [attr.aria-label]="ariaLabel() || null" [attr.aria-describedby]="ariaDescribedby() || null" [attr.aria-invalid]="invalid() ? 'true' : null" (input)="onInput($event)" (blur)="onTouched()" [attr.rows]="rows() ?? null" [attr.cols]="cols() ?? null" [attr.maxlength]="maxlength() ?? null" [attr.minlength]="minlength() ?? null" [attr.wrap]="wrap() || null"></textarea>`,
+		isInline: true,
+		dependencies: [{
+			kind: "directive",
+			type: UiTextarea,
+			selector: "textarea[uiTextarea]",
+			inputs: ["class"]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiTextareaElement,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ui-textarea",
+			imports: [UiTextarea],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			providers: [{
+				provide: NG_VALUE_ACCESSOR,
+				useExisting: forwardRef(() => UiTextareaElement),
+				multi: true
+			}],
+			host: { class: "contents" },
+			template: `<textarea #control uiTextarea [class]="userClass()" [attr.id]="id() || null" [attr.name]="name() || null" [attr.placeholder]="placeholder() || null" [value]="current()" [disabled]="isDisabled()" [readOnly]="readonly()" [required]="required()" [attr.autocomplete]="autocomplete() || null" [attr.aria-label]="ariaLabel() || null" [attr.aria-describedby]="ariaDescribedby() || null" [attr.aria-invalid]="invalid() ? 'true' : null" (input)="onInput($event)" (blur)="onTouched()" [attr.rows]="rows() ?? null" [attr.cols]="cols() ?? null" [attr.maxlength]="maxlength() ?? null" [attr.minlength]="minlength() ?? null" [attr.wrap]="wrap() || null"></textarea>`
+		}]
+	}],
+	propDecorators: {
+		rows: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "rows",
+				required: false
+			}]
+		}],
+		cols: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "cols",
+				required: false
+			}]
+		}],
+		maxlength: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "maxlength",
+				required: false
+			}]
+		}],
+		minlength: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "minlength",
+				required: false
+			}]
+		}],
+		wrap: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "wrap",
+				required: false
+			}]
+		}]
+	}
+});
+const UI_TEXTAREA = [...UI_TEXTAREA_GENERATED, UiTextareaElement];
+export { UI_TEXTAREA, UI_TEXTAREA_GENERATED, UiTextarea, UiTextareaElement };
+
+//# sourceMappingURL=loomui-ng-ui-textarea.mjs.map

package/fesm2022/loomui-ng-ui-textarea.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"loomui-ng-ui-textarea.mjs","names":[],"sources":["../../../libs/ui/textarea/textarea.ts","../../../libs/ui/textarea/textarea.manual.ts"],"sourcesContent":["// GENERATED by tools/gen-ui.mjs from docs/evidence/slots/textarea.json.\n// Change tools/ui-specs.mjs and regenerate; hand-written parts live in ./textarea.manual.ts.\nimport { Directive, computed, input } from '@angular/core';\nimport { cn } from '@loomui-ng/ui/utils';\n\n@Directive({\n  selector: 'textarea[uiTextarea]',\n  host: {\n    'data-slot': 'textarea',\n    '[attr.class]': 'classes()',\n  },\n})\nexport class UiTextarea {\n  readonly userClass = input<string>('', { alias: 'class' });\n  protected readonly classes = computed(() => cn('flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-transparent px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40', this.userClass()));\n}\n\nexport const UI_TEXTAREA_GENERATED = [UiTextarea] as const;\n","import { ChangeDetectionStrategy, Component, forwardRef, input } from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { UiNativeControl } from '@loomui-ng/ui/utils';\nimport { UI_TEXTAREA_GENERATED, UiTextarea } from './textarea';\n\n/** <ui-textarea rows=\"4\" [(ngModel)]=\"bio\" /> — custom-element form of `<textarea uiTextarea>` (a real textarea lives inside). */\n@Component({\n  selector: 'ui-textarea',\n  imports: [UiTextarea],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => UiTextareaElement), multi: true }],\n  host: { class: 'contents' },\n  template: `<textarea #control uiTextarea [class]=\"userClass()\" [attr.id]=\"id() || null\" [attr.name]=\"name() || null\" [attr.placeholder]=\"placeholder() || null\" [value]=\"current()\" [disabled]=\"isDisabled()\" [readOnly]=\"readonly()\" [required]=\"required()\" [attr.autocomplete]=\"autocomplete() || null\" [attr.aria-label]=\"ariaLabel() || null\" [attr.aria-describedby]=\"ariaDescribedby() || null\" [attr.aria-invalid]=\"invalid() ? 'true' : null\" (input)=\"onInput($event)\" (blur)=\"onTouched()\" [attr.rows]=\"rows() ?? null\" [attr.cols]=\"cols() ?? null\" [attr.maxlength]=\"maxlength() ?? null\" [attr.minlength]=\"minlength() ?? null\" [attr.wrap]=\"wrap() || null\"></textarea>`,\n})\nexport class UiTextareaElement extends UiNativeControl {\n  readonly rows = input<number | string | null>(null);\n  readonly cols = input<number | string | null>(null);\n  readonly maxlength = input<number | null>(null);\n  readonly minlength = input<number | null>(null);\n  readonly wrap = input<string>('');\n}\n\nexport const UI_TEXTAREA = [...UI_TEXTAREA_GENERATED, UiTextareaElement] as const;\n"],"mappings":"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"}

package/fesm2022/loomui-ng-ui-toast.mjs

@@ -0,0 +1,432 @@
+import { isPlatformBrowser } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DestroyRef, Injectable, PLATFORM_ID, computed, effect, inject, input, signal, untracked, viewChildren } from "@angular/core";
+import { LIB_ICONS, iconChildren } from "@loomui-ng/ui/icon";
+let counter = 0;
+var UiToastService = class UiToastService {
+	toasts = signal([], ...ngDevMode ? [{ debugName: "toasts" }] : /* istanbul ignore next */ []);
+	show(title, opts = {}) {
+		const id = opts.id ?? `ui-toast-${counter++}`;
+		const item = {
+			id,
+			title,
+			description: opts.description,
+			type: opts.type ?? "normal",
+			duration: opts.duration,
+			action: opts.action,
+			removed: false
+		};
+		this.toasts.update((l) => l.some((t) => t.id === id) ? l.map((t) => t.id === id ? item : t) : [...l, item]);
+		return id;
+	}
+	success(title, o = {}) {
+		return this.show(title, {
+			...o,
+			type: "success"
+		});
+	}
+	error(title, o = {}) {
+		return this.show(title, {
+			...o,
+			type: "error"
+		});
+	}
+	info(title, o = {}) {
+		return this.show(title, {
+			...o,
+			type: "info"
+		});
+	}
+	warning(title, o = {}) {
+		return this.show(title, {
+			...o,
+			type: "warning"
+		});
+	}
+	loading(title, o = {}) {
+		return this.show(title, {
+			...o,
+			type: "loading",
+			duration: o.duration ?? Infinity
+		});
+	}
+	dismiss(id) {
+		this.toasts.update((l) => l.map((t) => id === void 0 || t.id === id ? {
+			...t,
+			removed: true
+		} : t));
+		setTimeout(() => this.toasts.update((l) => l.filter((t) => !t.removed)), 250);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiToastService,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiToastService,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiToastService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}]
+});
+const ICONS = {
+	success: iconChildren(LIB_ICONS["CircleCheck"]),
+	error: iconChildren(LIB_ICONS["OctagonX"]),
+	info: iconChildren(LIB_ICONS["Info"]),
+	warning: iconChildren(LIB_ICONS["TriangleAlert"]),
+	loading: iconChildren(LIB_ICONS["LoaderCircle"])
+};
+var UiToaster = class UiToaster {
+	svc = inject(UiToastService);
+	platformId = inject(PLATFORM_ID);
+	position = input("bottom-right", ...ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []);
+	visibleToasts = input(3, ...ngDevMode ? [{ debugName: "visibleToasts" }] : /* istanbul ignore next */ []);
+	duration = input(4e3, ...ngDevMode ? [{ debugName: "duration" }] : /* istanbul ignore next */ []);
+	theme = input("system", ...ngDevMode ? [{ debugName: "theme" }] : /* istanbul ignore next */ []);
+	hotkeyLabel = "alt+T";
+	toasts = this.svc.toasts;
+	y = computed(() => this.position().startsWith("top") ? "top" : "bottom", ...ngDevMode ? [{ debugName: "y" }] : /* istanbul ignore next */ []);
+	x = computed(() => this.position().split("-")[1], ...ngDevMode ? [{ debugName: "x" }] : /* istanbul ignore next */ []);
+	expanded = signal(false, ...ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []);
+	mounted = signal(/* @__PURE__ */ new Set(), ...ngDevMode ? [{ debugName: "mounted" }] : /* istanbul ignore next */ []);
+	offsets = signal([], ...ngDevMode ? [{ debugName: "offsets" }] : /* istanbul ignore next */ []);
+	toastEls = viewChildren("toastEl", ...ngDevMode ? [{ debugName: "toastEls" }] : /* istanbul ignore next */ []);
+	region = viewChildren("region", ...ngDevMode ? [{ debugName: "region" }] : /* istanbul ignore next */ []);
+	timers = /* @__PURE__ */ new Map();
+	resolvedTheme = computed(() => {
+		const t = this.theme();
+		if (t !== "system") return t;
+		return isPlatformBrowser(this.platformId) && document.documentElement.classList.contains("dark") ? "dark" : "light";
+	}, ...ngDevMode ? [{ debugName: "resolvedTheme" }] : /* istanbul ignore next */ []);
+	dir() {
+		return isPlatformBrowser(this.platformId) ? document.documentElement.dir || "ltr" : "ltr";
+	}
+	constructor() {
+		inject(DestroyRef).onDestroy(() => this.timers.forEach((t) => clearTimeout(t.handle)));
+		let known = /* @__PURE__ */ new Set();
+		effect(() => {
+			const list = this.toasts();
+			untracked(() => {
+				for (const t of list) if (!known.has(t.id)) {
+					known.add(t.id);
+					if (isPlatformBrowser(this.platformId)) {
+						requestAnimationFrame(() => this.mounted.update((s) => new Set(s).add(t.id)));
+						this.startTimer(t);
+					}
+				}
+				known = new Set([...known].filter((id) => list.some((t) => t.id === id)));
+			});
+		});
+	}
+	indexOf(i) {
+		return this.toasts().length - 1 - i;
+	}
+	icon(type) {
+		return type === "normal" ? "" : ICONS[type];
+	}
+	startTimer(t) {
+		const d = t.duration ?? this.duration();
+		if (!isFinite(d)) return;
+		this.timers.set(t.id, {
+			handle: setTimeout(() => this.svc.dismiss(t.id), d),
+			started: Date.now(),
+			remaining: d
+		});
+	}
+	expand() {
+		if (this.expanded()) return;
+		this.expanded.set(true);
+		const heights = this.toastEls().map((e) => e.nativeElement).map((el) => el.offsetHeight).reverse();
+		const out = [];
+		let acc = 0;
+		heights.forEach((h, i) => {
+			out[i] = acc;
+			acc += h + 14;
+		});
+		this.offsets.set(out);
+		this.timers.forEach((t, id) => {
+			clearTimeout(t.handle);
+			t.remaining -= Date.now() - t.started;
+			this.timers.set(id, t);
+		});
+	}
+	collapse() {
+		if (!this.expanded()) return;
+		this.expanded.set(false);
+		this.timers.forEach((t, id) => {
+			t.started = Date.now();
+			t.handle = setTimeout(() => this.svc.dismiss(id), Math.max(t.remaining, 1e3));
+		});
+	}
+	runAction(t) {
+		t.action?.onClick?.();
+		this.svc.dismiss(t.id);
+	}
+	onDocKeydown(e) {
+		if (e.altKey && e.code === "KeyT") {
+			e.preventDefault();
+			this.region()[0]?.nativeElement.focus();
+			this.expand();
+		}
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiToaster,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.2",
+		type: UiToaster,
+		isStandalone: true,
+		selector: "ui-toaster",
+		inputs: {
+			position: {
+				classPropertyName: "position",
+				publicName: "position",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			visibleToasts: {
+				classPropertyName: "visibleToasts",
+				publicName: "visibleToasts",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			duration: {
+				classPropertyName: "duration",
+				publicName: "duration",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			theme: {
+				classPropertyName: "theme",
+				publicName: "theme",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: { listeners: { "document:keydown": "onDocKeydown($event)" } },
+		viewQueries: [{
+			propertyName: "toastEls",
+			predicate: ["toastEl"],
+			descendants: true,
+			isSignal: true
+		}, {
+			propertyName: "region",
+			predicate: ["region"],
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: `
+    <section
+      #region
+      [attr.aria-label]="'Notifications ' + hotkeyLabel"
+      tabindex="-1"
+      aria-live="polite"
+      aria-relevant="additions text"
+      aria-atomic="false"
+    >
+      <ol
+        class="toaster group"
+        data-sonner-toaster="true"
+        [attr.data-sonner-theme]="resolvedTheme()"
+        [attr.data-y-position]="y()"
+        [attr.data-x-position]="x()"
+        [attr.dir]="dir()"
+        tabindex="-1"
+        style="--width: 356px; --gap: 14px; --normal-bg: var(--popover); --normal-text: var(--popover-foreground); --normal-border: var(--border); --border-radius: var(--radius); --offset-top: 24px; --offset-right: 24px; --offset-bottom: 24px; --offset-left: 24px;"
+        (pointerenter)="expand()"
+        (pointerleave)="collapse()"
+        (focusin)="expand()"
+        (focusout)="collapse()"
+      >
+        @for (t of toasts(); track t.id; let i = $index) {
+          <li
+            #toastEl
+            tabindex="0"
+            data-sonner-toast=""
+            data-styled="true"
+            [attr.data-type]="t.type"
+            [attr.data-mounted]="mounted().has(t.id)"
+            [attr.data-removed]="t.removed"
+            [attr.data-visible]="indexOf(i) < visibleToasts()"
+            [attr.data-front]="indexOf(i) === 0"
+            [attr.data-index]="indexOf(i)"
+            [attr.data-y-position]="y()"
+            [attr.data-x-position]="x()"
+            [attr.data-expanded]="expanded()"
+            data-dismissible="true"
+            [style.--index]="indexOf(i)"
+            [style.--offset.px]="offsets()[indexOf(i)] ?? 0"
+            [style.--z-index]="toasts().length - indexOf(i)"
+            (keydown.escape)="svc.dismiss(t.id)"
+          >
+            @if (t.type !== 'normal') {
+              <div data-icon="" aria-hidden="true">
+                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" [attr.data-spin]="t.type === 'loading'" [innerHTML]="icon(t.type)"></svg>
+              </div>
+            }
+            <div data-content="">
+              <div data-title="">{{ t.title }}</div>
+              @if (t.description) {
+                <div data-description="">{{ t.description }}</div>
+              }
+            </div>
+            @if (t.action) {
+              <button data-button="true" data-action="true" type="button" (click)="runAction(t)">{{ t.action.label }}</button>
+            }
+          </li>
+        }
+      </ol>
+    </section>
+  `,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiToaster,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ui-toaster",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { "(document:keydown)": "onDocKeydown($event)" },
+			template: `
+    <section
+      #region
+      [attr.aria-label]="'Notifications ' + hotkeyLabel"
+      tabindex="-1"
+      aria-live="polite"
+      aria-relevant="additions text"
+      aria-atomic="false"
+    >
+      <ol
+        class="toaster group"
+        data-sonner-toaster="true"
+        [attr.data-sonner-theme]="resolvedTheme()"
+        [attr.data-y-position]="y()"
+        [attr.data-x-position]="x()"
+        [attr.dir]="dir()"
+        tabindex="-1"
+        style="--width: 356px; --gap: 14px; --normal-bg: var(--popover); --normal-text: var(--popover-foreground); --normal-border: var(--border); --border-radius: var(--radius); --offset-top: 24px; --offset-right: 24px; --offset-bottom: 24px; --offset-left: 24px;"
+        (pointerenter)="expand()"
+        (pointerleave)="collapse()"
+        (focusin)="expand()"
+        (focusout)="collapse()"
+      >
+        @for (t of toasts(); track t.id; let i = $index) {
+          <li
+            #toastEl
+            tabindex="0"
+            data-sonner-toast=""
+            data-styled="true"
+            [attr.data-type]="t.type"
+            [attr.data-mounted]="mounted().has(t.id)"
+            [attr.data-removed]="t.removed"
+            [attr.data-visible]="indexOf(i) < visibleToasts()"
+            [attr.data-front]="indexOf(i) === 0"
+            [attr.data-index]="indexOf(i)"
+            [attr.data-y-position]="y()"
+            [attr.data-x-position]="x()"
+            [attr.data-expanded]="expanded()"
+            data-dismissible="true"
+            [style.--index]="indexOf(i)"
+            [style.--offset.px]="offsets()[indexOf(i)] ?? 0"
+            [style.--z-index]="toasts().length - indexOf(i)"
+            (keydown.escape)="svc.dismiss(t.id)"
+          >
+            @if (t.type !== 'normal') {
+              <div data-icon="" aria-hidden="true">
+                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" [attr.data-spin]="t.type === 'loading'" [innerHTML]="icon(t.type)"></svg>
+              </div>
+            }
+            <div data-content="">
+              <div data-title="">{{ t.title }}</div>
+              @if (t.description) {
+                <div data-description="">{{ t.description }}</div>
+              }
+            </div>
+            @if (t.action) {
+              <button data-button="true" data-action="true" type="button" (click)="runAction(t)">{{ t.action.label }}</button>
+            }
+          </li>
+        }
+      </ol>
+    </section>
+  `
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		position: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "position",
+				required: false
+			}]
+		}],
+		visibleToasts: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "visibleToasts",
+				required: false
+			}]
+		}],
+		duration: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "duration",
+				required: false
+			}]
+		}],
+		theme: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "theme",
+				required: false
+			}]
+		}],
+		toastEls: [{
+			type: i0.ViewChildren,
+			args: ["toastEl", { isSignal: true }]
+		}],
+		region: [{
+			type: i0.ViewChildren,
+			args: ["region", { isSignal: true }]
+		}]
+	}
+});
+export { UiToastService, UiToaster };
+
+//# sourceMappingURL=loomui-ng-ui-toast.mjs.map

package/fesm2022/loomui-ng-ui-toast.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"loomui-ng-ui-toast.mjs","names":[],"sources":["../../../libs/ui/toast/toast.ts"],"sourcesContent":["import { isPlatformBrowser } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  DestroyRef,\n  effect,\n  ElementRef,\n  inject,\n  Injectable,\n  input,\n  PLATFORM_ID,\n  signal,\n  untracked,\n  viewChildren,\n} from '@angular/core';\nimport { iconChildren, LIB_ICONS } from '@loomui-ng/ui/icon';\n\nexport type ToastType = 'normal' | 'success' | 'error' | 'info' | 'warning' | 'loading';\nexport type ToastPosition =\n  | 'top-left'\n  | 'top-center'\n  | 'top-right'\n  | 'bottom-left'\n  | 'bottom-center'\n  | 'bottom-right';\n\nexport interface ToastAction {\n  label: string;\n  onClick?: () => void;\n}\n\nexport interface ToastOptions {\n  description?: string;\n  type?: ToastType;\n  /** ms; `Infinity` keeps it until dismissed. */\n  duration?: number;\n  action?: ToastAction;\n  id?: string;\n}\n\nexport interface ToastItem extends Required<Pick<ToastOptions, 'type'>> {\n  id: string;\n  title: string;\n  description?: string;\n  duration?: number;\n  action?: ToastAction;\n  removed: boolean;\n}\n\nlet counter = 0;\n\n/**\n * Sonner-style toast API. Inject it anywhere and call `toast.show('Saved', { description })`.\n * Render once: <ui-toaster />.\n */\n@Injectable({ providedIn: 'root' })\nexport class UiToastService {\n  readonly toasts = signal<ToastItem[]>([]);\n\n  show(title: string, opts: ToastOptions = {}): string {\n    const id = opts.id ?? `ui-toast-${counter++}`;\n    const item: ToastItem = {\n      id,\n      title,\n      description: opts.description,\n      type: opts.type ?? 'normal',\n      duration: opts.duration,\n      action: opts.action,\n      removed: false,\n    };\n    this.toasts.update((l) => (l.some((t) => t.id === id) ? l.map((t) => (t.id === id ? item : t)) : [...l, item]));\n    return id;\n  }\n  success(title: string, o: ToastOptions = {}) {\n    return this.show(title, { ...o, type: 'success' });\n  }\n  error(title: string, o: ToastOptions = {}) {\n    return this.show(title, { ...o, type: 'error' });\n  }\n  info(title: string, o: ToastOptions = {}) {\n    return this.show(title, { ...o, type: 'info' });\n  }\n  warning(title: string, o: ToastOptions = {}) {\n    return this.show(title, { ...o, type: 'warning' });\n  }\n  loading(title: string, o: ToastOptions = {}) {\n    return this.show(title, { ...o, type: 'loading', duration: o.duration ?? Infinity });\n  }\n\n  dismiss(id?: string): void {\n    this.toasts.update((l) => l.map((t) => (id === undefined || t.id === id ? { ...t, removed: true } : t)));\n    setTimeout(() => this.toasts.update((l) => l.filter((t) => !t.removed)), 250);\n  }\n}\n\nconst ICONS: Record<Exclude<ToastType, 'normal'>, string> = {\n  success: iconChildren(LIB_ICONS['CircleCheck']),\n  error: iconChildren(LIB_ICONS['OctagonX']),\n  info: iconChildren(LIB_ICONS['Info']),\n  warning: iconChildren(LIB_ICONS['TriangleAlert']),\n  loading: iconChildren(LIB_ICONS['LoaderCircle']),\n};\n\n/**\n * Mirrors Sonner's DOM (observed): section[aria-label=\"Notifications alt+T\"] > ol[data-sonner-toaster] >\n * li[data-sonner-toast …] > div[data-content] > div[data-title] + div[data-description], button[data-button][data-action].\n * Behavior: newest toast in front, stack collapses/expands on hover, auto-dismiss (4000ms), Alt+T focuses the region.\n * NOT implemented: swipe-to-dismiss, promise toasts, close button, rich colors (UNKNOWN on live site).\n */\n@Component({\n  selector: 'ui-toaster',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '(document:keydown)': 'onDocKeydown($event)',\n  },\n  template: `\n    <section\n      #region\n      [attr.aria-label]=\"'Notifications ' + hotkeyLabel\"\n      tabindex=\"-1\"\n      aria-live=\"polite\"\n      aria-relevant=\"additions text\"\n      aria-atomic=\"false\"\n    >\n      <ol\n        class=\"toaster group\"\n        data-sonner-toaster=\"true\"\n        [attr.data-sonner-theme]=\"resolvedTheme()\"\n        [attr.data-y-position]=\"y()\"\n        [attr.data-x-position]=\"x()\"\n        [attr.dir]=\"dir()\"\n        tabindex=\"-1\"\n        style=\"--width: 356px; --gap: 14px; --normal-bg: var(--popover); --normal-text: var(--popover-foreground); --normal-border: var(--border); --border-radius: var(--radius); --offset-top: 24px; --offset-right: 24px; --offset-bottom: 24px; --offset-left: 24px;\"\n        (pointerenter)=\"expand()\"\n        (pointerleave)=\"collapse()\"\n        (focusin)=\"expand()\"\n        (focusout)=\"collapse()\"\n      >\n        @for (t of toasts(); track t.id; let i = $index) {\n          <li\n            #toastEl\n            tabindex=\"0\"\n            data-sonner-toast=\"\"\n            data-styled=\"true\"\n            [attr.data-type]=\"t.type\"\n            [attr.data-mounted]=\"mounted().has(t.id)\"\n            [attr.data-removed]=\"t.removed\"\n            [attr.data-visible]=\"indexOf(i) < visibleToasts()\"\n            [attr.data-front]=\"indexOf(i) === 0\"\n            [attr.data-index]=\"indexOf(i)\"\n            [attr.data-y-position]=\"y()\"\n            [attr.data-x-position]=\"x()\"\n            [attr.data-expanded]=\"expanded()\"\n            data-dismissible=\"true\"\n            [style.--index]=\"indexOf(i)\"\n            [style.--offset.px]=\"offsets()[indexOf(i)] ?? 0\"\n            [style.--z-index]=\"toasts().length - indexOf(i)\"\n            (keydown.escape)=\"svc.dismiss(t.id)\"\n          >\n            @if (t.type !== 'normal') {\n              <div data-icon=\"\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.data-spin]=\"t.type === 'loading'\" [innerHTML]=\"icon(t.type)\"></svg>\n              </div>\n            }\n            <div data-content=\"\">\n              <div data-title=\"\">{{ t.title }}</div>\n              @if (t.description) {\n                <div data-description=\"\">{{ t.description }}</div>\n              }\n            </div>\n            @if (t.action) {\n              <button data-button=\"true\" data-action=\"true\" type=\"button\" (click)=\"runAction(t)\">{{ t.action.label }}</button>\n            }\n          </li>\n        }\n      </ol>\n    </section>\n  `,\n})\nexport class UiToaster {\n  protected readonly svc = inject(UiToastService);\n  private readonly platformId = inject(PLATFORM_ID);\n\n  readonly position = input<ToastPosition>('bottom-right');\n  readonly visibleToasts = input(3);\n  readonly duration = input(4000);\n  readonly theme = input<'light' | 'dark' | 'system'>('system');\n  readonly hotkeyLabel = 'alt+T';\n\n  protected readonly toasts = this.svc.toasts;\n  protected readonly y = computed(() => (this.position().startsWith('top') ? 'top' : 'bottom'));\n  protected readonly x = computed(() => this.position().split('-')[1] as 'left' | 'center' | 'right');\n  protected readonly expanded = signal(false);\n  protected readonly mounted = signal<Set<string>>(new Set());\n  protected readonly offsets = signal<number[]>([]);\n  protected readonly toastEls = viewChildren<ElementRef<HTMLElement>>('toastEl');\n  private readonly region = viewChildren<ElementRef<HTMLElement>>('region');\n  private readonly timers = new Map<string, { handle: ReturnType<typeof setTimeout>; started: number; remaining: number }>();\n\n  protected readonly resolvedTheme = computed(() => {\n    const t = this.theme();\n    if (t !== 'system') return t;\n    return isPlatformBrowser(this.platformId) && document.documentElement.classList.contains('dark') ? 'dark' : 'light';\n  });\n  protected dir(): string {\n    return isPlatformBrowser(this.platformId) ? document.documentElement.dir || 'ltr' : 'ltr';\n  }\n\n  constructor() {\n    inject(DestroyRef).onDestroy(() => this.timers.forEach((t) => clearTimeout(t.handle)));\n    let known = new Set<string>();\n    effect(() => {\n      const list = this.toasts();\n      untracked(() => {\n        for (const t of list) {\n          if (!known.has(t.id)) {\n            known.add(t.id);\n            if (isPlatformBrowser(this.platformId)) {\n              requestAnimationFrame(() => this.mounted.update((s) => new Set(s).add(t.id)));\n              this.startTimer(t);\n            }\n          }\n        }\n        known = new Set([...known].filter((id) => list.some((t) => t.id === id)));\n      });\n    });\n  }\n\n  protected indexOf(i: number): number {\n    return this.toasts().length - 1 - i;\n  }\n\n  protected icon(type: ToastType): string {\n    return type === 'normal' ? '' : ICONS[type];\n  }\n\n  private startTimer(t: ToastItem): void {\n    const d = t.duration ?? this.duration();\n    if (!isFinite(d)) return;\n    this.timers.set(t.id, {\n      handle: setTimeout(() => this.svc.dismiss(t.id), d),\n      started: Date.now(),\n      remaining: d,\n    });\n  }\n\n  protected expand(): void {\n    if (this.expanded()) return;\n    this.expanded.set(true);\n    // Measure heights for the expanded layout (index 0 = newest).\n    const els = this.toastEls().map((e) => e.nativeElement);\n    const heights = els.map((el) => el.offsetHeight).reverse();\n    const out: number[] = [];\n    let acc = 0;\n    heights.forEach((h, i) => {\n      out[i] = acc;\n      acc += h + 14;\n    });\n    this.offsets.set(out);\n    // Pause timers while expanded.\n    this.timers.forEach((t, id) => {\n      clearTimeout(t.handle);\n      t.remaining -= Date.now() - t.started;\n      this.timers.set(id, t);\n    });\n  }\n\n  protected collapse(): void {\n    if (!this.expanded()) return;\n    this.expanded.set(false);\n    this.timers.forEach((t, id) => {\n      t.started = Date.now();\n      t.handle = setTimeout(() => this.svc.dismiss(id), Math.max(t.remaining, 1000));\n    });\n  }\n\n  protected runAction(t: ToastItem): void {\n    t.action?.onClick?.();\n    this.svc.dismiss(t.id);\n  }\n\n  protected onDocKeydown(e: KeyboardEvent): void {\n    if (e.altKey && e.code === 'KeyT') {\n      e.preventDefault();\n      this.region()[0]?.nativeElement.focus();\n      this.expand();\n    }\n  }\n}\n"],"mappings":"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"}