@rivet-health/design-system 41.1.0 → 41.1.2

package/fesm2022/rivet-health-design-system.mjs

@@ -651,8 +651,9 @@ i0.ɵɵngDeclareClassMetadata({
 	}]
 });
 var LockScrollDirective = class LockScrollDirective {
-	constructor(context) {
+	constructor(context, documentRef) {
 		this.context = context;
+		this.documentRef = documentRef;
 		this.lock = false;
 	}
 	ngOnInit() {
@@ -670,16 +671,20 @@ var LockScrollDirective = class LockScrollDirective {
 		}
 	}
 	lockScroll() {
-		this.context.scrollPosition = document.documentElement.scrollTop;
-		document.body.style.position = "fixed";
-		document.body.style.overflow = "hidden";
-		document.body.style.width = "100%";
-		document.body.style.height = "100%";
-		document.body.style.top = `${this.context.scrollPosition * -1}px`;
+		const body = this.documentRef.body;
+		if (!body) return;
+		this.context.scrollPosition = this.documentRef.documentElement.scrollTop;
+		body.style.position = "fixed";
+		body.style.overflow = "hidden";
+		body.style.width = "100%";
+		body.style.height = "100%";
+		body.style.top = `${this.context.scrollPosition * -1}px`;
 	}
 	unlockScroll() {
-		document.body.removeAttribute("style");
-		document.documentElement.scrollTop = this.context.scrollPosition;
+		const body = this.documentRef.body;
+		if (!body) return;
+		body.removeAttribute("style");
+		this.documentRef.documentElement.scrollTop = this.context.scrollPosition;
 	}
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
@@ -687,7 +692,7 @@ var LockScrollDirective = class LockScrollDirective {
 			version: "22.2.4",
 			ngImport: i0,
 			type: LockScrollDirective,
-			deps: [{ token: LockScrollContextService }],
+			deps: [{ token: LockScrollContextService }, { token: DOCUMENT }],
 			target: i0.ɵɵFactoryTarget.Directive
 		});
 	}
@@ -715,7 +720,13 @@ i0.ɵɵngDeclareClassMetadata({
 			standalone: false
 		}]
 	}],
-	ctorParameters: () => [{ type: LockScrollContextService }],
+	ctorParameters: () => [{ type: LockScrollContextService }, {
+		type: Document,
+		decorators: [{
+			type: Inject,
+			args: [DOCUMENT]
+		}]
+	}],
 	propDecorators: { lock: [{
 		type: Input,
 		args: ["rivLockScroll"]
@@ -6127,11 +6138,16 @@ var DateComponent = class DateComponent extends InputLabelComponent {
 	}
 	onDocumentMouseDown(target) {
 		if (!this.open$.getValue() || !(target instanceof Element)) return;
-		if (this.host.nativeElement.contains(target)) return;
-		if (target.closest(".callout, .scrim, .overlay-container")) return;
+		if (this.isInsidePicker(target)) return;
 		this.open$.next(false);
 		this.cdr.markForCheck();
 	}
+	isInsidePicker(target) {
+		const host = this.host.nativeElement;
+		if (host.contains(target)) return true;
+		const layer = target.closest(".callout, .scrim, .overlay-container");
+		return !!layer && !layer.contains(host);
+	}
 	clearValue() {
 		this.commit(void 0);
 		this.open$.next(false);
@@ -6162,7 +6178,7 @@ var DateComponent = class DateComponent extends InputLabelComponent {
 		else this.syncInputText();
 		this.previewValue = void 0;
 		const nextTarget = event?.relatedTarget;
-		if (!(nextTarget instanceof Element && (this.host.nativeElement.contains(nextTarget) || !!nextTarget.closest(".callout, .scrim, .overlay-container")))) this.open$.next(false);
+		if (!(nextTarget instanceof Element && this.isInsidePicker(nextTarget))) this.open$.next(false);
 		this.cdr.markForCheck();
 	}
 	onDateSelect(date) {
@@ -12774,7 +12790,7 @@ i0.ɵɵngDeclareClassMetadata({
 		"select:not([disabled])",
 		"textarea:not([disabled])",
 		"[contenteditable=\"true\"]"
-	].map((field) => `.body ${field}`).join(", ");
+	].map((field) => `.body ${field}:not([aria-haspopup])`).join(", ");
 	function focusInitial(dialog) {
 		if (!dialog.contains(document.activeElement)) (dialog.querySelector(initialFocusSelector) ?? dialog).focus();
 	}