@sinequa/galactik 2.1.0 → 2.1.1

package/fesm2022/sinequa-galactik.mjs

@@ -20803,7 +20803,7 @@ var DialogContentComponent = class DialogContentComponent {
 	labelledby = input(...ngDevMode ? [void 0, { debugName: "labelledby" }] : /* istanbul ignore next */ []);
 	class = input(...ngDevMode ? [void 0, { debugName: "class" }] : /* istanbul ignore next */ []);
 	titleId = signal(void 0, ...ngDevMode ? [{ debugName: "titleId" }] : /* istanbul ignore next */ []);
-	variants = computed(() => cn(MODAL_CLASS, modalVariants({ size: this.size() }), "fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-1100 max-h-[calc(100dvh-2rem)]", this.class()), ...ngDevMode ? [{ debugName: "variants" }] : /* istanbul ignore next */ []);
+	variants = computed(() => cn(MODAL_CLASS, modalVariants({ size: this.size() }), "fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-1100 max-h-[calc(100dvh-2rem)] outline-none", this.class()), ...ngDevMode ? [{ debugName: "variants" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
 		version: "22.2.1",
@@ -20845,7 +20845,8 @@ var DialogContentComponent = class DialogContentComponent {
 			attributes: {
 				"data-slot": "dialog-content",
 				"role": "dialog",
-				"aria-modal": "true"
+				"aria-modal": "true",
+				"tabindex": "-1"
 			},
 			properties: {
 				"attr.aria-labelledby": "labelledby() ?? titleId()",
@@ -20877,6 +20878,7 @@ i0.ɵɵngDeclareClassMetadata({
 				"data-slot": "dialog-content",
 				role: "dialog",
 				"aria-modal": "true",
+				tabindex: "-1",
 				"[attr.aria-labelledby]": "labelledby() ?? titleId()",
 				"[class]": "variants()"
 			}
@@ -21025,6 +21027,16 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
+const INERT_EXEMPT = "[aria-live], [role='status'], [role='alert'], [data-sonner-toasters], [data-inert-ignore]";
+function inertOutside(host) {
+	const marked = [];
+	for (let node = host; node !== document.body && node.parentElement; node = node.parentElement) for (const sibling of Array.from(node.parentElement.children)) {
+		if (sibling === node || sibling.hasAttribute("inert") || sibling.matches(INERT_EXEMPT)) continue;
+		sibling.setAttribute("inert", "");
+		marked.push(sibling);
+	}
+	return () => marked.forEach((element) => element.removeAttribute("inert"));
+}
 var DialogComponent = class DialogComponent {
 	dialog = inject(ElementRef).nativeElement;
 	closed = output();
@@ -21032,6 +21044,12 @@ var DialogComponent = class DialogComponent {
 	isOpen = signal(false, ...ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []);
 	isPopover = signal(false, ...ngDevMode ? [{ debugName: "isPopover" }] : /* istanbul ignore next */ []);
 	isModal = signal(false, ...ngDevMode ? [{ debugName: "isModal" }] : /* istanbul ignore next */ []);
+	injector = inject(Injector);
+	opener = null;
+	releaseInert = null;
+	constructor() {
+		inject(DestroyRef).onDestroy(() => this.releaseBackground());
+	}
 	open() {
 		this.showModal();
 	}
@@ -21044,12 +21062,28 @@ var DialogComponent = class DialogComponent {
 		this.dialog?.show();
 	}
 	showModal() {
+		const wasOpen = this.isOpen();
 		this.isOpen.set(true);
 		this.isPopover.set(false);
 		if (this.dialog.tagName === "DIALOG") {
 			this.dialog?.showModal();
 			this.isModal.set(true);
-		}
+		} else if (!wasOpen) this.holdBackground();
+	}
+	holdBackground() {
+		this.opener = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+		this.releaseInert = inertOutside(this.dialog);
+		afterNextRender(() => {
+			if (!this.isOpen() || this.isPopover()) return;
+			(this.dialog.querySelector("[autofocus]") ?? this.dialog.querySelector("[data-slot='dialog-content']"))?.focus({ preventScroll: true });
+		}, { injector: this.injector });
+	}
+	releaseBackground() {
+		this.releaseInert?.();
+		this.releaseInert = null;
+		const opener = this.opener;
+		this.opener = null;
+		if (opener?.isConnected) opener.focus({ preventScroll: true });
 	}
 	showPopover() {
 		this.isOpen.set(true);
@@ -21061,6 +21095,7 @@ var DialogComponent = class DialogComponent {
 		this.isOpen.set(false);
 		this.isPopover.set(false);
 		if (this.dialog.tagName === "DIALOG") this.dialog?.close(eventType);
+		this.releaseBackground();
 		this.closed.emit(eventType);
 		document.dispatchEvent(new Event(eventType));
 	}
@@ -21193,6 +21228,7 @@ i0.ɵɵngDeclareClassMetadata({
 			imports: [DialogHeaderComponent, DialogContentComponent]
 		}]
 	}],
+	ctorParameters: () => [],
 	propDecorators: {
 		closed: [{
 			type: i0.Output,