@vadem/ui 0.0.0-stage → 0.0.1

package/fesm2022/vadem-ui-dialog.mjs

@@ -0,0 +1,587 @@
+import * as i0 from "@angular/core";
+import { DestroyRef, Directive, ElementRef, afterRenderEffect, booleanAttribute, inject, input, model, output, signal } from "@angular/core";
+import { vdUniqueId } from "@vadem/ui/field";
+function vdIsOutside(rect, x, y) {
+	return x < rect.left || x > rect.right || y < rect.top || y > rect.bottom;
+}
+function vdViewportGutters(doc) {
+	const view = doc.defaultView;
+	if (!view || !doc.body) return {
+		left: 0,
+		right: 0
+	};
+	const probe = doc.createElement("div");
+	probe.style.cssText = "position:fixed;inset:0;visibility:hidden;pointer-events:none";
+	doc.body.append(probe);
+	const rect = probe.getBoundingClientRect();
+	probe.remove();
+	if (rect.width === 0) return {
+		left: 0,
+		right: 0
+	};
+	return {
+		left: Math.max(0, Math.round(rect.left)),
+		right: Math.max(0, Math.round(view.innerWidth - rect.right))
+	};
+}
+var VdDialogController = class {
+	dialog;
+	options;
+	pressStartedOnBackdrop = false;
+	constructor(dialog, options) {
+		this.dialog = dialog;
+		this.options = options;
+		dialog.addEventListener("close", this.onClose);
+		dialog.addEventListener("cancel", this.onCancel);
+		dialog.addEventListener("pointerdown", this.onPointerDown);
+		dialog.addEventListener("click", this.onClick);
+	}
+	get isOpen() {
+		return this.dialog.open;
+	}
+	open() {
+		if (!this.dialog.open) {
+			const gutters = vdViewportGutters(this.dialog.ownerDocument);
+			this.dialog.style.setProperty("--vd-viewport-gutter-left", `${gutters.left}px`);
+			this.dialog.style.setProperty("--vd-viewport-gutter-right", `${gutters.right}px`);
+			this.dialog.returnValue = "";
+			this.dialog.showModal();
+		}
+	}
+	close(returnValue = "") {
+		if (this.dialog.open) this.dialog.close(returnValue);
+	}
+	destroy() {
+		this.dialog.removeEventListener("close", this.onClose);
+		this.dialog.removeEventListener("cancel", this.onCancel);
+		this.dialog.removeEventListener("pointerdown", this.onPointerDown);
+		this.dialog.removeEventListener("click", this.onClick);
+	}
+	onClose = () => {
+		if (!this.dialog.open) this.options.onClose(this.dialog.returnValue);
+	};
+	onCancel = (event) => {
+		if (!this.options.dismissible()) event.preventDefault();
+	};
+	onPointerDown = (event) => {
+		this.pressStartedOnBackdrop = this.isBackdropEvent(event);
+	};
+	onClick = (event) => {
+		const fromBackdrop = this.pressStartedOnBackdrop && this.isBackdropEvent(event);
+		this.pressStartedOnBackdrop = false;
+		if (fromBackdrop && this.options.dismissible()) this.close();
+	};
+	isBackdropEvent(event) {
+		return event.target === this.dialog && vdIsOutside(this.dialog.getBoundingClientRect(), event.clientX, event.clientY);
+	}
+};
+const VD_SHEET_DRAG_THRESHOLD = 6;
+const VD_SHEET_DISMISS_DISTANCE = .25;
+const VD_SHEET_DISMISS_VELOCITY = .5;
+const INTERACTIVE = "button, a[href], input, select, textarea, [contenteditable], [tabindex]";
+function vdSheetShouldDismiss(offset, height, velocity) {
+	if (offset <= 0) return false;
+	return offset > height * .25 || velocity > .5;
+}
+var VdSheetDrag = class {
+	el;
+	options;
+	pointerId = null;
+	start = null;
+	samples = [];
+	dragging = false;
+	offset = 0;
+	height = 0;
+	constructor(el, options) {
+		this.el = el;
+		this.options = options;
+		el.addEventListener("pointerdown", this.onDown);
+		el.addEventListener("pointermove", this.onMove);
+		el.addEventListener("pointerup", this.onUp);
+		el.addEventListener("pointercancel", this.onCancel);
+	}
+	destroy() {
+		this.el.removeEventListener("pointerdown", this.onDown);
+		this.el.removeEventListener("pointermove", this.onMove);
+		this.el.removeEventListener("pointerup", this.onUp);
+		this.el.removeEventListener("pointercancel", this.onCancel);
+		this.reset();
+	}
+	onDown = (event) => {
+		if (event.button !== 0 || !this.options.isSheet() || !this.options.dismissible()) return;
+		const target = event.target;
+		const zone = target.closest(this.options.handleSelector);
+		if (!zone || !this.el.contains(zone)) return;
+		const interactive = target.closest(INTERACTIVE);
+		if (interactive && zone.contains(interactive)) return;
+		this.pointerId = event.pointerId;
+		this.start = {
+			y: event.clientY,
+			t: event.timeStamp
+		};
+		this.samples = [this.start];
+		this.height = this.el.getBoundingClientRect().height;
+	};
+	onMove = (event) => {
+		if (event.pointerId !== this.pointerId || !this.start) return;
+		const dy = event.clientY - this.start.y;
+		if (!this.dragging) {
+			if (Math.abs(dy) < 6) return;
+			this.dragging = true;
+			this.el.dataset["dragging"] = "";
+			this.el.setPointerCapture?.(event.pointerId);
+		}
+		this.offset = dy > 0 ? dy : dy * .15;
+		this.samples.push({
+			y: event.clientY,
+			t: event.timeStamp
+		});
+		if (this.samples.length > 6) this.samples.shift();
+		const progress = this.height > 0 ? Math.min(Math.max(this.offset, 0) / this.height, 1) : 0;
+		this.el.style.setProperty("--vd-sheet-offset", `${this.offset}px`);
+		this.el.style.setProperty("--vd-sheet-progress", progress.toFixed(3));
+	};
+	onUp = (event) => {
+		if (event.pointerId !== this.pointerId) return;
+		const dismiss = this.dragging && vdSheetShouldDismiss(this.offset, this.height, this.velocity());
+		this.reset();
+		if (dismiss) this.options.onDismiss();
+	};
+	onCancel = (event) => {
+		if (event.pointerId === this.pointerId) this.reset();
+	};
+	velocity() {
+		const first = this.samples[0];
+		const last = this.samples[this.samples.length - 1];
+		if (!first || !last || last.t === first.t) return 0;
+		return (last.y - first.y) / (last.t - first.t);
+	}
+	reset() {
+		if (this.pointerId !== null && this.el.hasPointerCapture?.(this.pointerId)) this.el.releasePointerCapture(this.pointerId);
+		this.pointerId = null;
+		this.start = null;
+		this.samples = [];
+		this.dragging = false;
+		this.offset = 0;
+		delete this.el.dataset["dragging"];
+		this.el.style.removeProperty("--vd-sheet-offset");
+		this.el.style.removeProperty("--vd-sheet-progress");
+	}
+};
+var VdDialog = class VdDialog {
+	open = model(false, ...ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []);
+	size = input("md", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	placement = input("center", ...ngDevMode ? [{ debugName: "placement" }] : /* istanbul ignore next */ []);
+	dismissible = input(true, {
+		...ngDevMode ? { debugName: "dismissible" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	closed = output();
+	titleId = signal(null, ...ngDevMode ? [{ debugName: "titleId" }] : /* istanbul ignore next */ []);
+	descriptionId = signal(null, ...ngDevMode ? [{ debugName: "descriptionId" }] : /* istanbul ignore next */ []);
+	el = inject(ElementRef).nativeElement;
+	controller;
+	sheetDrag;
+	constructor() {
+		inject(DestroyRef).onDestroy(() => {
+			this.controller?.destroy();
+			this.sheetDrag?.destroy();
+		});
+		afterRenderEffect(() => {
+			const open = this.open();
+			this.controller ??= new VdDialogController(this.el, {
+				dismissible: () => this.dismissible(),
+				onClose: (value) => {
+					this.open.set(false);
+					this.closed.emit(value);
+				}
+			});
+			this.sheetDrag ??= new VdSheetDrag(this.el, {
+				handleSelector: ".vd-dialog__header",
+				isSheet: () => this.el.ownerDocument.defaultView?.getComputedStyle(this.el).getPropertyValue("--vd-dialog-sheet").trim() === "1",
+				dismissible: () => this.dismissible(),
+				onDismiss: () => this.controller?.close("")
+			});
+			if (open) this.controller.open();
+			else this.controller.close();
+		});
+	}
+	show() {
+		this.open.set(true);
+	}
+	close(returnValue = "") {
+		if (this.controller?.isOpen) this.controller.close(returnValue);
+		else this.open.set(false);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdDialog,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.1",
+		type: VdDialog,
+		isStandalone: true,
+		selector: "dialog[vdDialog]",
+		inputs: {
+			open: {
+				classPropertyName: "open",
+				publicName: "open",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			placement: {
+				classPropertyName: "placement",
+				publicName: "placement",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			dismissible: {
+				classPropertyName: "dismissible",
+				publicName: "dismissible",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			open: "openChange",
+			closed: "closed"
+		},
+		host: {
+			properties: {
+				"attr.data-size": "size()",
+				"attr.data-placement": "placement() === \"center\" ? null : placement()",
+				"attr.data-dismissible": "dismissible() ? \"\" : null",
+				"attr.aria-labelledby": "titleId()",
+				"attr.aria-describedby": "descriptionId()"
+			},
+			classAttribute: "vd-dialog"
+		},
+		exportAs: ["vdDialog"],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdDialog,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "dialog[vdDialog]",
+			exportAs: "vdDialog",
+			host: {
+				class: "vd-dialog",
+				"[attr.data-size]": "size()",
+				"[attr.data-placement]": "placement() === \"center\" ? null : placement()",
+				"[attr.data-dismissible]": "dismissible() ? \"\" : null",
+				"[attr.aria-labelledby]": "titleId()",
+				"[attr.aria-describedby]": "descriptionId()"
+			}
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		open: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "open",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["openChange"]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		placement: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "placement",
+				required: false
+			}]
+		}],
+		dismissible: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "dismissible",
+				required: false
+			}]
+		}],
+		closed: [{
+			type: i0.Output,
+			args: ["closed"]
+		}]
+	}
+});
+var VdDialogHeader = class VdDialogHeader {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdDialogHeader,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: VdDialogHeader,
+		isStandalone: true,
+		selector: "[vdDialogHeader]",
+		host: { classAttribute: "vd-dialog__header" },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdDialogHeader,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[vdDialogHeader]",
+			host: { class: "vd-dialog__header" }
+		}]
+	}]
+});
+var VdDialogTitle = class VdDialogTitle {
+	id = vdUniqueId("vd-dialog-title");
+	constructor() {
+		const dialog = inject(VdDialog);
+		dialog.titleId.set(this.id);
+		inject(DestroyRef).onDestroy(() => dialog.titleId.set(null));
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdDialogTitle,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: VdDialogTitle,
+		isStandalone: true,
+		selector: "[vdDialogTitle]",
+		host: {
+			properties: { "id": "id" },
+			classAttribute: "vd-dialog__title"
+		},
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdDialogTitle,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[vdDialogTitle]",
+			host: {
+				class: "vd-dialog__title",
+				"[id]": "id"
+			}
+		}]
+	}],
+	ctorParameters: () => []
+});
+var VdDialogDescription = class VdDialogDescription {
+	id = vdUniqueId("vd-dialog-description");
+	constructor() {
+		const dialog = inject(VdDialog);
+		dialog.descriptionId.set(this.id);
+		inject(DestroyRef).onDestroy(() => dialog.descriptionId.set(null));
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdDialogDescription,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: VdDialogDescription,
+		isStandalone: true,
+		selector: "[vdDialogDescription]",
+		host: {
+			properties: { "id": "id" },
+			classAttribute: "vd-dialog__description"
+		},
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdDialogDescription,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[vdDialogDescription]",
+			host: {
+				class: "vd-dialog__description",
+				"[id]": "id"
+			}
+		}]
+	}],
+	ctorParameters: () => []
+});
+var VdDialogBody = class VdDialogBody {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdDialogBody,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: VdDialogBody,
+		isStandalone: true,
+		selector: "[vdDialogBody]",
+		host: { classAttribute: "vd-dialog__body" },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdDialogBody,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[vdDialogBody]",
+			host: { class: "vd-dialog__body" }
+		}]
+	}]
+});
+var VdDialogFooter = class VdDialogFooter {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdDialogFooter,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: VdDialogFooter,
+		isStandalone: true,
+		selector: "[vdDialogFooter]",
+		host: { classAttribute: "vd-dialog__footer" },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdDialogFooter,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[vdDialogFooter]",
+			host: { class: "vd-dialog__footer" }
+		}]
+	}]
+});
+var VdDialogClose = class VdDialogClose {
+	vdDialogClose = input(void 0, ...ngDevMode ? [{ debugName: "vdDialogClose" }] : /* istanbul ignore next */ []);
+	dialog = inject(VdDialog);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdDialogClose,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.1",
+		type: VdDialogClose,
+		isStandalone: true,
+		selector: "button[vdDialogClose]",
+		inputs: { vdDialogClose: {
+			classPropertyName: "vdDialogClose",
+			publicName: "vdDialogClose",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: { listeners: { "click": "dialog.close(vdDialogClose() ?? \"\")" } },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdDialogClose,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "button[vdDialogClose]",
+			host: { "(click)": "dialog.close(vdDialogClose() ?? \"\")" }
+		}]
+	}],
+	propDecorators: { vdDialogClose: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "vdDialogClose",
+			required: false
+		}]
+	}] }
+});
+const VD_DIALOG = [
+	VdDialog,
+	VdDialogHeader,
+	VdDialogTitle,
+	VdDialogDescription,
+	VdDialogBody,
+	VdDialogFooter,
+	VdDialogClose
+];
+export { VD_DIALOG, VD_SHEET_DISMISS_DISTANCE, VD_SHEET_DISMISS_VELOCITY, VD_SHEET_DRAG_THRESHOLD, VdDialog, VdDialogBody, VdDialogClose, VdDialogController, VdDialogDescription, VdDialogFooter, VdDialogHeader, VdDialogTitle, VdSheetDrag, vdIsOutside, vdSheetShouldDismiss, vdViewportGutters };
+
+//# sourceMappingURL=vadem-ui-dialog.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"vadem-ui-dialog.mjs","names":[],"sources":["../../../projects/ui/dialog/src/core/dialog-controller.ts","../../../projects/ui/dialog/src/core/sheet-drag.ts","../../../projects/ui/dialog/src/dialog.ts"],"sourcesContent":["/**\n * Framework-agnostic controller for a native modal `<dialog>`: opening/closing, Escape and\n * light-dismiss policy, and close notification. The platform handles focus trapping, inert\n * background, top layer and focus restoration.\n */\n\nexport interface VdDialogControllerOptions {\n  /** Called after the dialog closed (any reason) with its `returnValue`. */\n  onClose(returnValue: string): void;\n  /** Whether Escape and backdrop clicks may close the dialog. Read on every attempt. */\n  dismissible(): boolean;\n}\n\n/** True when the point lies outside the rectangle (i.e. on the ::backdrop). */\nexport function vdIsOutside(rect: DOMRectReadOnly, x: number, y: number): boolean {\n  return x < rect.left || x > rect.right || y < rect.top || y > rect.bottom;\n}\n\n/**\n * Width of the root scrollbar gutter on each physical side. Fixed boxes (and top-layer\n * dialogs) stop at the gutter that `scrollbar-gutter: stable` keeps reserved; which side it is\n * on depends on the engine and direction, so it is measured with a fixed probe.\n */\nexport function vdViewportGutters(doc: Document): { left: number; right: number } {\n  const view = doc.defaultView;\n  if (!view || !doc.body) return { left: 0, right: 0 };\n  const probe = doc.createElement('div');\n  probe.style.cssText = 'position:fixed;inset:0;visibility:hidden;pointer-events:none';\n  doc.body.append(probe);\n  const rect = probe.getBoundingClientRect();\n  probe.remove();\n  // No layout (e.g. jsdom): nothing to compensate.\n  if (rect.width === 0) return { left: 0, right: 0 };\n  return {\n    left: Math.max(0, Math.round(rect.left)),\n    right: Math.max(0, Math.round(view.innerWidth - rect.right)),\n  };\n}\n\nexport class VdDialogController {\n  private pressStartedOnBackdrop = false;\n\n  constructor(\n    private readonly dialog: HTMLDialogElement,\n    private readonly options: VdDialogControllerOptions,\n  ) {\n    dialog.addEventListener('close', this.onClose);\n    dialog.addEventListener('cancel', this.onCancel);\n    dialog.addEventListener('pointerdown', this.onPointerDown);\n    dialog.addEventListener('click', this.onClick);\n  }\n\n  get isOpen(): boolean {\n    return this.dialog.open;\n  }\n\n  open(): void {\n    if (!this.dialog.open) {\n      // Drawers reach over the scrollbar gutter to the real viewport edge (see dialog.css).\n      const gutters = vdViewportGutters(this.dialog.ownerDocument);\n      this.dialog.style.setProperty('--vd-viewport-gutter-left', `${gutters.left}px`);\n      this.dialog.style.setProperty('--vd-viewport-gutter-right', `${gutters.right}px`);\n      this.dialog.returnValue = '';\n      this.dialog.showModal();\n    }\n  }\n\n  close(returnValue = ''): void {\n    if (this.dialog.open) this.dialog.close(returnValue);\n  }\n\n  destroy(): void {\n    this.dialog.removeEventListener('close', this.onClose);\n    this.dialog.removeEventListener('cancel', this.onCancel);\n    this.dialog.removeEventListener('pointerdown', this.onPointerDown);\n    this.dialog.removeEventListener('click', this.onClick);\n  }\n\n  private readonly onClose = () => {\n    // A queued close event can arrive after the consumer has already reopened the dialog.\n    if (!this.dialog.open) this.options.onClose(this.dialog.returnValue);\n  };\n\n  /** Escape. Prevented for non-dismissible dialogs. */\n  private readonly onCancel = (event: Event) => {\n    if (!this.options.dismissible()) event.preventDefault();\n  };\n\n  // Light dismiss: only when the press both starts and ends on the backdrop, so dragging a text\n  // selection out of the dialog doesn't close it. Keyboard \"clicks\" target inner elements.\n  private readonly onPointerDown = (event: PointerEvent) => {\n    this.pressStartedOnBackdrop = this.isBackdropEvent(event);\n  };\n\n  private readonly onClick = (event: MouseEvent) => {\n    const fromBackdrop = this.pressStartedOnBackdrop && this.isBackdropEvent(event);\n    this.pressStartedOnBackdrop = false;\n    if (fromBackdrop && this.options.dismissible()) this.close();\n  };\n\n  private isBackdropEvent(event: MouseEvent): boolean {\n    return (\n      event.target === this.dialog &&\n      vdIsOutside(this.dialog.getBoundingClientRect(), event.clientX, event.clientY)\n    );\n  }\n}\n","/**\n * Framework-agnostic swipe-to-dismiss for a dialog laid out as a bottom sheet.\n * The element follows the pointer through two custom properties that CSS consumes:\n *   --vd-sheet-offset   (px, translate down)\n *   --vd-sheet-progress (0..1, for fading the backdrop)\n * and gets `data-dragging` while a drag is active (CSS disables transitions then).\n */\n\nexport interface VdSheetDragOptions {\n  /** True while the element is currently laid out as a sheet (read on every gesture). */\n  isSheet(): boolean;\n  dismissible(): boolean;\n  /** Element(s) a drag may start from, e.g. the header that carries the handle. */\n  handleSelector: string;\n  onDismiss(): void;\n}\n\n/** Pointer travel before a press becomes a drag, so taps and clicks still work. */\nexport const VD_SHEET_DRAG_THRESHOLD = 6;\n/** Fraction of the sheet height that dismisses on release. */\nexport const VD_SHEET_DISMISS_DISTANCE = 0.25;\n/** Downward flick speed (px/ms) that dismisses regardless of distance. */\nexport const VD_SHEET_DISMISS_VELOCITY = 0.5;\n\nconst INTERACTIVE = 'button, a[href], input, select, textarea, [contenteditable], [tabindex]';\n\ninterface Sample {\n  y: number;\n  t: number;\n}\n\n/** Decides what a release does. Pure: exported for tests and other adapters. */\nexport function vdSheetShouldDismiss(offset: number, height: number, velocity: number): boolean {\n  if (offset <= 0) return false;\n  return offset > height * VD_SHEET_DISMISS_DISTANCE || velocity > VD_SHEET_DISMISS_VELOCITY;\n}\n\nexport class VdSheetDrag {\n  private pointerId: number | null = null;\n  private start: Sample | null = null;\n  private samples: Sample[] = [];\n  private dragging = false;\n  private offset = 0;\n  private height = 0;\n\n  constructor(\n    private readonly el: HTMLElement,\n    private readonly options: VdSheetDragOptions,\n  ) {\n    el.addEventListener('pointerdown', this.onDown);\n    el.addEventListener('pointermove', this.onMove);\n    el.addEventListener('pointerup', this.onUp);\n    el.addEventListener('pointercancel', this.onCancel);\n  }\n\n  destroy(): void {\n    this.el.removeEventListener('pointerdown', this.onDown);\n    this.el.removeEventListener('pointermove', this.onMove);\n    this.el.removeEventListener('pointerup', this.onUp);\n    this.el.removeEventListener('pointercancel', this.onCancel);\n    this.reset();\n  }\n\n  private readonly onDown = (event: PointerEvent) => {\n    if (event.button !== 0 || !this.options.isSheet() || !this.options.dismissible()) return;\n    const target = event.target as Element;\n    const zone = target.closest(this.options.handleSelector);\n    if (!zone || !this.el.contains(zone)) return;\n    const interactive = target.closest(INTERACTIVE);\n    if (interactive && zone.contains(interactive)) return;\n\n    this.pointerId = event.pointerId;\n    this.start = { y: event.clientY, t: event.timeStamp };\n    this.samples = [this.start];\n    this.height = this.el.getBoundingClientRect().height;\n  };\n\n  private readonly onMove = (event: PointerEvent) => {\n    if (event.pointerId !== this.pointerId || !this.start) return;\n    const dy = event.clientY - this.start.y;\n\n    if (!this.dragging) {\n      if (Math.abs(dy) < VD_SHEET_DRAG_THRESHOLD) return;\n      this.dragging = true;\n      this.el.dataset['dragging'] = '';\n      this.el.setPointerCapture?.(event.pointerId);\n    }\n\n    // Follow the finger downwards; resist upward pulls (rubber band).\n    this.offset = dy > 0 ? dy : dy * 0.15;\n    this.samples.push({ y: event.clientY, t: event.timeStamp });\n    if (this.samples.length > 6) this.samples.shift();\n\n    const progress = this.height > 0 ? Math.min(Math.max(this.offset, 0) / this.height, 1) : 0;\n    this.el.style.setProperty('--vd-sheet-offset', `${this.offset}px`);\n    this.el.style.setProperty('--vd-sheet-progress', progress.toFixed(3));\n  };\n\n  private readonly onUp = (event: PointerEvent) => {\n    if (event.pointerId !== this.pointerId) return;\n    const dismiss =\n      this.dragging && vdSheetShouldDismiss(this.offset, this.height, this.velocity());\n    this.reset();\n    // With the drag state cleared, CSS transitions run from the current offset: to the closed\n    // position when dismissing, back to 0 otherwise.\n    if (dismiss) this.options.onDismiss();\n  };\n\n  private readonly onCancel = (event: PointerEvent) => {\n    if (event.pointerId === this.pointerId) this.reset();\n  };\n\n  /** Downward speed over the most recent samples, px/ms. */\n  private velocity(): number {\n    const first = this.samples[0];\n    const last = this.samples[this.samples.length - 1];\n    if (!first || !last || last.t === first.t) return 0;\n    return (last.y - first.y) / (last.t - first.t);\n  }\n\n  private reset(): void {\n    if (this.pointerId !== null && this.el.hasPointerCapture?.(this.pointerId)) {\n      this.el.releasePointerCapture(this.pointerId);\n    }\n    this.pointerId = null;\n    this.start = null;\n    this.samples = [];\n    this.dragging = false;\n    this.offset = 0;\n    delete this.el.dataset['dragging'];\n    this.el.style.removeProperty('--vd-sheet-offset');\n    this.el.style.removeProperty('--vd-sheet-progress');\n  }\n}\n","import {\n  DestroyRef,\n  Directive,\n  ElementRef,\n  afterRenderEffect,\n  booleanAttribute,\n  inject,\n  input,\n  model,\n  output,\n  signal,\n} from '@angular/core';\nimport { vdUniqueId } from '@vadem/ui/field';\nimport { VdDialogController } from './core/dialog-controller';\nimport { VdSheetDrag } from './core/sheet-drag';\n\nexport type VdDialogSize = 'sm' | 'md' | 'lg';\n/** `center`: modal dialog. `start` / `end`: drawer attached to that inline edge. */\nexport type VdDialogPlacement = 'center' | 'start' | 'end';\n\n/**\n * Modal dialog on the native `<dialog>` element (top layer, focus trap, inert page and focus\n * restore come from the platform). Spec: specs/dialog.md\n */\n@Directive({\n  selector: 'dialog[vdDialog]',\n  exportAs: 'vdDialog',\n  host: {\n    class: 'vd-dialog',\n    '[attr.data-size]': 'size()',\n    '[attr.data-placement]': 'placement() === \"center\" ? null : placement()',\n    '[attr.data-dismissible]': 'dismissible() ? \"\" : null',\n    '[attr.aria-labelledby]': 'titleId()',\n    '[attr.aria-describedby]': 'descriptionId()',\n  },\n})\nexport class VdDialog {\n  /** Two-way open state. Also controllable with `show()` / `close()`. */\n  readonly open = model(false);\n  readonly size = input<VdDialogSize>('md');\n  /** Drawers slide in from an inline edge; below the sheet breakpoint every dialog is a sheet. */\n  readonly placement = input<VdDialogPlacement>('center');\n  /** Escape and backdrop click close the dialog. Turn off for flows that need an explicit choice. */\n  readonly dismissible = input(true, { transform: booleanAttribute });\n  /** Emits the dialog's `returnValue` ('' when dismissed) after it closes. */\n  readonly closed = output<string>();\n\n  readonly titleId = signal<string | null>(null);\n  readonly descriptionId = signal<string | null>(null);\n\n  private readonly el: HTMLDialogElement = inject(ElementRef).nativeElement;\n  private controller?: VdDialogController;\n  private sheetDrag?: VdSheetDrag;\n\n  constructor() {\n    inject(DestroyRef).onDestroy(() => {\n      this.controller?.destroy();\n      this.sheetDrag?.destroy();\n    });\n    // Browser-only: create the controller lazily and sync the model to the native element.\n    afterRenderEffect(() => {\n      const open = this.open();\n      this.controller ??= new VdDialogController(this.el, {\n        dismissible: () => this.dismissible(),\n        onClose: (value) => {\n          this.open.set(false);\n          this.closed.emit(value);\n        },\n      });\n      // Swipe down to dismiss when CSS lays the dialog out as a bottom sheet.\n      this.sheetDrag ??= new VdSheetDrag(this.el, {\n        handleSelector: '.vd-dialog__header',\n        isSheet: () =>\n          this.el.ownerDocument.defaultView\n            ?.getComputedStyle(this.el)\n            .getPropertyValue('--vd-dialog-sheet')\n            .trim() === '1',\n        dismissible: () => this.dismissible(),\n        onDismiss: () => this.controller?.close(''),\n      });\n      if (open) this.controller.open();\n      else this.controller.close();\n    });\n  }\n\n  show(): void {\n    this.open.set(true);\n  }\n\n  close(returnValue = ''): void {\n    if (this.controller?.isOpen) this.controller.close(returnValue);\n    else this.open.set(false);\n  }\n}\n\n@Directive({ selector: '[vdDialogHeader]', host: { class: 'vd-dialog__header' } })\nexport class VdDialogHeader {}\n\n/** Dialog heading; becomes the dialog's accessible name. */\n@Directive({\n  selector: '[vdDialogTitle]',\n  host: { class: 'vd-dialog__title', '[id]': 'id' },\n})\nexport class VdDialogTitle {\n  readonly id = vdUniqueId('vd-dialog-title');\n\n  constructor() {\n    const dialog = inject(VdDialog);\n    dialog.titleId.set(this.id);\n    inject(DestroyRef).onDestroy(() => dialog.titleId.set(null));\n  }\n}\n\n/** Short description; becomes the dialog's accessible description. */\n@Directive({\n  selector: '[vdDialogDescription]',\n  host: { class: 'vd-dialog__description', '[id]': 'id' },\n})\nexport class VdDialogDescription {\n  readonly id = vdUniqueId('vd-dialog-description');\n\n  constructor() {\n    const dialog = inject(VdDialog);\n    dialog.descriptionId.set(this.id);\n    inject(DestroyRef).onDestroy(() => dialog.descriptionId.set(null));\n  }\n}\n\n@Directive({ selector: '[vdDialogBody]', host: { class: 'vd-dialog__body' } })\nexport class VdDialogBody {}\n\n@Directive({ selector: '[vdDialogFooter]', host: { class: 'vd-dialog__footer' } })\nexport class VdDialogFooter {}\n\n/** Closes the surrounding dialog with an optional return value. */\n@Directive({\n  selector: 'button[vdDialogClose]',\n  host: { '(click)': 'dialog.close(vdDialogClose() ?? \"\")' },\n})\nexport class VdDialogClose {\n  readonly vdDialogClose = input<string | undefined>(undefined);\n  protected readonly dialog = inject(VdDialog);\n}\n\nexport const VD_DIALOG = [\n  VdDialog,\n  VdDialogHeader,\n  VdDialogTitle,\n  VdDialogDescription,\n  VdDialogBody,\n  VdDialogFooter,\n  VdDialogClose,\n] as const;\n"],"mappings":"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"}