@forgeroute/ui 0.4.49 → 0.4.50

package/fesm2022/forgeroute-ui.mjs

@@ -39802,6 +39802,24 @@ var CalendarComponent = class CalendarComponent {
 			if (f && cells.some((c) => c.dateStr === f)) return f;
 			return (cells.find((c) => c.isToday) ?? cells.find((c) => c.isCurrentMonth) ?? cells[0]).dateStr;
 		}, ...ngDevMode ? [{ debugName: "focusDate" }] : /* istanbul ignore next */ []);
+		this.pendingFocus = null;
+		this.pendingSawLoading = false;
+		this.host.nativeElement.addEventListener("pointerdown", () => {
+			this.pendingFocus = null;
+		});
+		effect(() => {
+			const loading = this.loading();
+			if (!this.pendingFocus) return;
+			if (loading) {
+				this.pendingSawLoading = true;
+				return;
+			}
+			if (!this.pendingSawLoading) return;
+			const target = this.pendingFocus;
+			this.pendingFocus = null;
+			this.pendingSawLoading = false;
+			afterNextRender(() => this.host.nativeElement.querySelector(`.month-cell[data-date="${target}"]`)?.focus(), { injector: this.injector });
+		});
 		effect(() => {
 			const view = this.view();
 			const views = this.views();
@@ -39902,6 +39920,7 @@ var CalendarComponent = class CalendarComponent {
 		if (this.clickable(dateStr)) this.dateClick.emit(dateStr);
 	}
 	onCellKey(event, dateStr) {
+		if (event.key !== "PageUp" && event.key !== "PageDown") this.pendingFocus = null;
 		if (event.target !== event.currentTarget || event.altKey || event.ctrlKey || event.metaKey) return;
 		if (event.key === "Enter" || event.key === " ") {
 			event.preventDefault();
@@ -39935,8 +39954,13 @@ var CalendarComponent = class CalendarComponent {
 		const target = new Date(y, m, Math.min(from.getDate(), new Date(y, m + 1, 0).getDate()));
 		const targetStr = toDateStr(target);
 		this.focusedDate.set(targetStr);
+		this.pendingFocus = targetStr;
+		this.pendingSawLoading = this.loading();
 		this.anchorDate.set(target);
-		afterNextRender(() => this.host.nativeElement.querySelector(`.month-cell[data-date="${targetStr}"]`)?.focus(), { injector: this.injector });
+		afterNextRender(() => {
+			this.host.nativeElement.querySelector(`.month-cell[data-date="${targetStr}"]`)?.focus();
+			if (!this.loading() && this.pendingFocus === targetStr) this.pendingFocus = null;
+		}, { injector: this.injector });
 	}
 	onAddAllDay(dateStr, event) {
 		event.stopPropagation();