@flemo/core 1.16.1 → 1.18.0

package/dist/index.d.ts

@@ -40,7 +40,7 @@ export { SKIP_ANIMATION_ATTR, type TransitionEngine, type TransitionEngineDeps,
 export { default as createSwipeController } from './core/engine/createSwipeController';
 export { type SwipeController, type SwipeControllerConfig, type SwipeControllerElements, type SharedBarPresenceLike } from './core/engine/createSwipeController';
 export { default as computeBarRiding, type BarRidingInput } from './screen/computeBarRiding';
-export { animHoldKey, scheduleAnimHoldRelease, eagerlyDecodeImages, ANIM_HOLD_RELEASE_BACKSTOP_MS, type AnimHoldInput } from './screen/animStartAnchor';
+export { animHoldKey, scheduleAnimHoldRelease, createAnimHoldCoordinator, eagerlyDecodeImages, ANIM_HOLD_RELEASE_BACKSTOP_MS, type AnimHoldInput, type AnimHoldCoordinator } from './screen/animStartAnchor';
 export { default as observeBarHeight } from './screen/observeBarHeight';
 export { default as observeViewportScrollHeight } from './screen/observeViewportScrollHeight';
 export type { RegisterTransition, TransitionName, TransitionVariant, TransitionVariantValue, TransitionOptions, BaseTransition, Transition, SwipeInfo, SwipeAnimate } from './transition/typing';

package/dist/index.mjs

@@ -496,7 +496,7 @@ function te(e) {
 }
 //#endregion
 //#region src/history/memoryHistoryDriver.ts
-function ne(e) {
+function O(e) {
 	let t = [{
 		state: e?.state ?? null,
 		url: e?.url ?? "/"
@@ -538,7 +538,7 @@ function ne(e) {
 }
 //#endregion
 //#region src/navigate/store.ts
-function re() {
+function k() {
 	return e((e) => ({
 		status: "IDLE",
 		transitionTaskId: null,
@@ -548,11 +548,11 @@ function re() {
 }
 //#endregion
 //#region src/navigate/createNavigationController.ts
-var O = (e, t, n) => {
+var A = (e, t, n) => {
 	let { regexp: r } = i(e);
 	for (let e = t - 1; e >= 0; e--) if (r.test(n[e].pathname)) return t - e;
 	return -1;
-}, k = (e, t) => typeof e == "number" && Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : t, A = async (e, t, n, r) => {
+}, ne = (e, t) => typeof e == "number" && Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : t, re = async (e, t, n, r) => {
 	let i, a = new Promise((t) => {
 		i = e.subscribe(() => t(!0));
 	}), o = new Promise((e) => setTimeout(() => e(!1), 200));
@@ -586,10 +586,10 @@ function ie(e) {
 			}
 			let o = c(), { index: d, histories: f, addHistory: g, popHistories: _ } = t.history.getState(), v = (() => {
 				if (u?.until != null) {
-					let e = O(u.until, d, f);
+					let e = A(u.until, d, f);
 					return e < 0 ? 0 : e;
 				}
-				return Math.min(k(u?.skip, 0), Math.max(0, d));
+				return Math.min(ne(u?.skip, 0), Math.max(0, d));
 			})(), { setStatus: y, setTransitionTaskId: b } = t.navigate.getState();
 			y("PUSHING"), b(h);
 			let { pathname: x, toPathname: S } = n(e, l ?? {}), C = {
@@ -616,7 +616,7 @@ function ie(e) {
 			return g({
 				...C,
 				frameIndex: T + 1
-			}), await A(r, i, v, () => {
+			}), await re(r, i, v, () => {
 				s(), r.pushState({
 					id: h,
 					index: T + 1,
@@ -646,10 +646,10 @@ function ie(e) {
 			}
 			let o = c(), { index: d, histories: f, addHistory: g, replaceHistory: _, popHistories: v } = t.history.getState(), y = (() => {
 				if (u?.until != null) {
-					let e = O(u.until, d, f);
+					let e = A(u.until, d, f);
 					return e < 0 ? 0 : e + 1;
 				}
-				return Math.min(k(u?.skip, 0) + 1, d + 1);
+				return Math.min(ne(u?.skip, 0) + 1, d + 1);
 			})();
 			if (y <= 0) {
 				a.abort();
@@ -681,7 +681,7 @@ function ie(e) {
 			return v(y - 1), g({
 				...w,
 				frameIndex: E
-			}), y <= d ? await A(r, i, y, () => {
+			}), y <= d ? await re(r, i, y, () => {
 				s(), r.pushState({
 					id: h,
 					index: E,
@@ -690,7 +690,7 @@ function ie(e) {
 					transitionName: p,
 					layoutId: m
 				}, S);
-			}) : await A(r, i, d, () => {
+			}) : await re(r, i, d, () => {
 				s(), r.replaceState({
 					id: h,
 					index: E,
@@ -746,10 +746,10 @@ function ie(e) {
 		pop: async (e) => {
 			await d((t, n) => {
 				if (e?.until != null) {
-					let r = O(e.until, t, n);
+					let r = A(e.until, t, n);
 					return r < 0 ? 0 : r;
 				}
-				let r = k(e?.skip, 1);
+				let r = ne(e?.skip, 1);
 				return r <= 0 ? 0 : Math.min(r, t);
 			}, e?.transitionName);
 		}
@@ -903,7 +903,7 @@ function me(e) {
 		index: 0,
 		histories: [p]
 	}), e.hostedScope;
-	let m = a ? ne({
+	let m = a ? O({
 		state: {
 			id: p.id,
 			index: 0,
@@ -915,7 +915,7 @@ function me(e) {
 		url: p.pathname
 	}) : o, h = a ? fe : g(), _ = {
 		history: s([p], 0),
-		navigate: re(),
+		navigate: k(),
 		transition: le(i),
 		screen: de(),
 		driver: m,
@@ -1401,17 +1401,17 @@ var F = /* @__PURE__ */ new Map(), I = {
 	"POPPING-false": "PUSHING-false",
 	"COMPLETED-true": "self",
 	"COMPLETED-false": "self"
-}, Ae = Object.keys(I), L = (e) => {
+}, Ae = Object.keys(I), je = (e) => {
 	if (!e) return 0;
 	let t = e.duration;
 	return typeof t == "number" && t >= 0 ? t : 0;
-}, R = (e) => e && typeof e.delay == "number" && e.delay > 0 ? e.delay : 0, je = (e, t) => {
+}, L = (e) => e && typeof e.delay == "number" && e.delay > 0 ? e.delay : 0, Me = (e, t) => {
 	let n = I[t];
 	return n === "self" ? null : n === "initial" ? e.initial : e.variants[n].value;
-}, z = (e, t) => {
-	let n = je(e, t);
+}, R = (e, t) => {
+	let n = Me(e, t);
 	if (n === null) return null;
-	let r = e.variants[t], i = L(r.options), a = R(r.options);
+	let r = e.variants[t], i = je(r.options), a = L(r.options);
 	return i <= 0 && a <= 0 ? null : {
 		from: n,
 		to: r.value,
@@ -1419,7 +1419,7 @@ var F = /* @__PURE__ */ new Map(), I = {
 		delay: a,
 		ease: r.options?.ease
 	};
-}, Me = Ae, Ne = (e) => e.replace(/[^a-zA-Z0-9_-]/g, "_"), Pe = (e) => typeof e == "object" && !!e && !Array.isArray(e), Fe = new Set(/* @__PURE__ */ "opacity.scale.scaleX.scaleY.scaleZ.aspectRatio.columnCount.columns.flex.flexGrow.flexShrink.fontWeight.gridArea.gridColumn.gridColumnEnd.gridColumnStart.gridRow.gridRowEnd.gridRowStart.lineHeight.lineClamp.order.orphans.tabSize.widows.zIndex.zoom.fillOpacity.floodOpacity.stopOpacity.strokeOpacity.strokeDasharray.strokeDashoffset.strokeMiterlimit.strokeWidth".split(".")), Ie = (e, t) => t.startsWith("--") || Fe.has(t) ? `${e}` : t === "rotate" || t === "rotateX" || t === "rotateY" || t === "rotateZ" ? `${e}deg` : `${e}px`, Le = (e, t) => typeof t == "number" ? Ie(t, e) : typeof t == "string" ? t : "", Re = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), ze = new Set([
+}, Ne = Ae, Pe = (e) => e.replace(/[^a-zA-Z0-9_-]/g, "_"), Fe = (e) => typeof e == "object" && !!e && !Array.isArray(e), Ie = new Set(/* @__PURE__ */ "opacity.scale.scaleX.scaleY.scaleZ.aspectRatio.columnCount.columns.flex.flexGrow.flexShrink.fontWeight.gridArea.gridColumn.gridColumnEnd.gridColumnStart.gridRow.gridRowEnd.gridRowStart.lineHeight.lineClamp.order.orphans.tabSize.widows.zIndex.zoom.fillOpacity.floodOpacity.stopOpacity.strokeOpacity.strokeDasharray.strokeDashoffset.strokeMiterlimit.strokeWidth".split(".")), Le = (e, t) => t.startsWith("--") || Ie.has(t) ? `${e}` : t === "rotate" || t === "rotateX" || t === "rotateY" || t === "rotateZ" ? `${e}deg` : `${e}px`, Re = (e, t) => typeof t == "number" ? Le(t, e) : typeof t == "string" ? t : "", z = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), ze = new Set([
 	"x",
 	"y",
 	"z",
@@ -1446,14 +1446,14 @@ var F = /* @__PURE__ */ new Map(), I = {
 	}
 }, Ge = (e) => {
 	let t = /* @__PURE__ */ new Map(), n = !1, r = /* @__PURE__ */ new Set(), i = (e) => {
-		if (!Pe(e)) return;
+		if (!Fe(e)) return;
 		let n = [];
 		for (let r of Object.keys(e)) {
-			let i = e[r], a = Le(r, i);
+			let i = e[r], a = Re(r, i);
 			if (a !== "") if (ze.has(r)) n.push(`${r}:${a}`);
 			else {
-				let e = t.get(Re(r)) ?? /* @__PURE__ */ new Set();
-				e.add(a), t.set(Re(r), e);
+				let e = t.get(z(r)) ?? /* @__PURE__ */ new Set();
+				e.add(a), t.set(z(r), e);
 			}
 		}
 		r.add(n.sort().join("|"));
@@ -1464,12 +1464,12 @@ var F = /* @__PURE__ */ new Map(), I = {
 	let a = Array.from(t.entries()).filter(([, e]) => e.size > 1).map(([e]) => e);
 	return n && a.push("transform"), a;
 }, B = (e) => {
-	if (!Pe(e)) return [];
+	if (!Fe(e)) return [];
 	let t = [], n = !0, r = [];
 	for (let i of Object.keys(e)) {
-		let a = e[i], o = Le(i, a);
+		let a = e[i], o = Re(i, a);
 		o !== "" && (ze.has(i) ? (t.push(We(i, o)), Ue(i, a) || (n = !1)) : r.push({
-			property: Re(i),
+			property: z(i),
 			value: o
 		}));
 	}
@@ -1499,8 +1499,8 @@ var F = /* @__PURE__ */ new Map(), I = {
 }, Ye = (e, t) => {
 	let [n, r] = t.split("-");
 	return `[data-flemo-part-name="${e}"][data-flemo-status="${n}"][data-flemo-active="${r}"]`;
-}, Xe = (e, t, n) => `flemo-${e}-${Ne(t)}-${n}`, Ze = (e, t, n, r, i, a) => {
-	let o = B(r), s = B(i.value), c = L(i.options), l = R(i.options), u = H(i.options?.ease), d = a(t, n), f = e === "screen" ? `${d},\n${Je(t, n)}` : d;
+}, Xe = (e, t, n) => `flemo-${e}-${Pe(t)}-${n}`, Ze = (e, t, n, r, i, a) => {
+	let o = B(r), s = B(i.value), c = je(i.options), l = L(i.options), u = H(i.options?.ease), d = a(t, n), f = e === "screen" ? `${d},\n${Je(t, n)}` : d;
 	if (s.length === 0 && o.length === 0) return "";
 	if (c <= 0 && l <= 0) return s.length === 0 ? "" : `${f} {\n${V(s)}\n  animation: none;\n}`;
 	let p = Xe(e, t, n), m = [
@@ -1544,7 +1544,7 @@ var F = /* @__PURE__ */ new Map(), I = {
 	}
 	for (let e of t) {
 		let t = e.name;
-		for (let n of Me) {
+		for (let n of Ne) {
 			let i = e.variants[n], a = I[n];
 			if (a === "self") {
 				r.push($e(qe, t, n, i));
@@ -1556,7 +1556,7 @@ var F = /* @__PURE__ */ new Map(), I = {
 	}
 	for (let e of n) {
 		let t = e.name;
-		for (let n of Me) {
+		for (let n of Ne) {
 			let i = e.variants[n], a = I[n];
 			if (a === "self") {
 				r.push($e(Ye, t, n, i));
@@ -1579,7 +1579,7 @@ var F = /* @__PURE__ */ new Map(), I = {
 ].join("\n"), nt = (e, t) => {
 	let n = I[t];
 	if (n === "self") return !1;
-	let r = e.variants[t], i = L(r.options), a = R(r.options);
+	let r = e.variants[t], i = je(r.options), a = L(r.options);
 	if (i <= 0 && a <= 0) return !1;
 	let o = B(n === "initial" ? e.initial : e.variants[n].value), s = B(r.value);
 	return o.length > 0 || s.length > 0;
@@ -2098,29 +2098,30 @@ Y.onFrameGap = (e) => {
 };
 //#endregion
 //#region src/core/engine/types.ts
-var X = "data-flemo-skip-animation", Z = () => {}, Gt = "data-flemo-part-name", Kt = (e) => {
+var X = "data-flemo-skip-animation", Z = () => {}, Gt = "data-flemo-part-name", Q = (e) => {
 	let t = e.parentElement ?? e;
 	return Array.from(t.querySelectorAll(`[${Gt}]`)).filter((n) => {
 		let r = n.closest("[data-flemo-screen]");
 		return !r || r === e || !t.contains(r);
 	});
-}, qt = (e, t) => {
+}, Kt = (e, t) => {
 	let [n, r] = t.split("-");
-	return Kt(e).filter((e) => e.getAttribute("data-flemo-status") === n && e.getAttribute("data-flemo-active") === r);
+	return Q(e).filter((e) => e.getAttribute("data-flemo-status") === n && e.getAttribute("data-flemo-active") === r);
 };
-function Jt(e) {
-	return { driveScreenLifecycle: (t) => {
-		let { getElements: n, transitionName: r, prevTransitionName: i, status: a, isActive: s, animHoldReleased: c } = t, l = a === "PUSHING" || a === "POPPING" || a === "REPLACING", u = (t, i, a) => {
+function qt(e) {
+	let t = /* @__PURE__ */ new Set();
+	return { driveScreenLifecycle: (n) => {
+		let { getElements: r, transitionName: i, prevTransitionName: a, status: s, isActive: c, animHoldReleased: l } = n, u = s === "PUSHING" || s === "POPPING" || s === "REPLACING", d = (t, n, a) => {
 			let s = e.getTransitionTaskId();
 			if (!s || o.pendingTaskIds.some((e) => e !== s) || !U.playerAllowed()) return null;
-			let { scope: c, decorator: l, bars: u } = n();
+			let { scope: c, decorator: l, bars: u } = r();
 			if (!c) return null;
-			let d = we(r), f = z(d, t);
+			let d = we(i), f = R(d, t);
 			if (!f) return null;
 			let p = [], m = Y.join(s, {
 				element: c,
 				motion: f,
-				role: i,
+				role: n,
 				onComplete: a
 			});
 			if (!m) return null;
@@ -2135,7 +2136,7 @@ function Jt(e) {
 				t && p.push(t);
 			}
 			if (l && d.decoratorName) {
-				let e = P.get(d.decoratorName), n = e ? z(e, t) : null;
+				let e = P.get(d.decoratorName), n = e ? R(e, t) : null;
 				if (n) {
 					let e = Y.join(s, {
 						element: l,
@@ -2145,8 +2146,8 @@ function Jt(e) {
 					e && p.push(e);
 				}
 			}
-			for (let e of qt(c, t)) {
-				let n = F.get(e.getAttribute(Gt)), r = n ? z(n, t) : null;
+			for (let e of Kt(c, t)) {
+				let n = F.get(e.getAttribute(Gt)), r = n ? R(n, t) : null;
 				if (!r) continue;
 				let i = Y.join(s, {
 					element: e,
@@ -2157,68 +2158,82 @@ function Jt(e) {
 			}
 			return () => p.forEach((e) => e());
 		};
-		if (!s) {
-			if (a === "COMPLETED") {
-				let { scope: e, decorator: t, bars: r } = n();
+		if (!c) {
+			if (s === "COMPLETED") {
+				let { scope: e, decorator: t, bars: n } = r();
 				if (e) {
 					K(e);
-					for (let t of Kt(e)) K(t);
+					for (let t of Q(e)) K(t);
 				}
 				t && K(t);
-				for (let e of r ?? []) e && K(e);
+				for (let e of n ?? []) e && K(e);
 				return Z;
 			}
-			if (a === "REPLACING" && i !== r && e.setReplaceTransitionStatus("PENDING"), l && c) {
-				let e = u(`${a}-false`, "passive");
+			if (s === "REPLACING" && a !== i && e.setReplaceTransitionStatus("PENDING"), u && l) {
+				let e = d(`${s}-false`, "passive");
 				if (e) return e;
 			}
 			return Z;
 		}
-		if (a === "COMPLETED") {
+		if (s === "COMPLETED") {
 			e.setDragStatus("IDLE"), e.setReplaceTransitionStatus("IDLE");
-			let { scope: t, decorator: r, bars: i } = n();
+			let { scope: t, decorator: n, bars: i } = r();
 			if (t) {
 				K(t), t.removeAttribute(X);
-				for (let e of Kt(t)) K(e);
+				for (let e of Q(t)) K(e);
 			}
-			r && (K(r), r.removeAttribute(X));
+			n && (K(n), n.removeAttribute(X));
 			for (let e of i ?? []) e && (K(e), e.style.removeProperty("will-change"));
 			return Z;
 		}
-		if (a === "IDLE") return Z;
-		let { scope: d } = n();
-		if (!d) return Z;
-		let f = () => {
+		if (s === "IDLE") return Z;
+		let { scope: f } = r();
+		if (!f) return Z;
+		let p = () => {
 			let t = e.getTransitionTaskId();
 			t && o.resolveTask(t);
-		}, p = we(r), m = `${a}-true`, h = d.getAttribute(X) === "true";
-		if (!(!h && nt(p, m))) return queueMicrotask(f), Z;
-		let g = z(p, m), _ = !h && !!g, v = Xe("screen", r, m), y = (e) => {
-			e.target === d && e.animationName === v && (d.removeEventListener("animationend", y), f());
+		}, m = we(i), h = `${s}-true`, g = f.getAttribute(X) === "true";
+		if (!(!g && nt(m, h))) return queueMicrotask(p), Z;
+		let _ = R(m, h), v = !g && !!_, y = Xe("screen", i, h), b, x = () => {
+			b !== void 0 && (clearTimeout(b), b = void 0);
+		}, S = (e) => {
+			e.target === f && e.animationName === y && (f.removeEventListener("animationend", S), x(), p());
 		};
-		d.addEventListener("animationend", y);
-		let b = _ && c ? u(m, "active", f) : null, x = e.getTransitionTaskId(), S = ((g?.delay ?? 0) + (g?.duration ?? .6)) * 1e3 + 1500, C = x ? setTimeout(() => void o.resolveTask(x), S) : void 0;
-		return () => {
-			C !== void 0 && clearTimeout(C), d.removeEventListener("animationend", y), b?.();
+		f.addEventListener("animationend", S);
+		let C = v && l ? d(h, "active", p) : null, w = e.getTransitionTaskId(), T = (_.delay + _.duration) * 1e3, E = T + 1500, D = w ? setTimeout(() => void o.resolveTask(w), E) : void 0, ee = T + 250, te = () => {
+			x(), b = setTimeout(O, ee);
+		}, O = () => {
+			if (x(), w) {
+				if (e.getTransitionTaskId() === w && f.isConnected && f.getAttribute("data-flemo-skip-animation") !== "true" && nt(m, h) && !t.has(w)) {
+					t.add(w), f.style.animation = "none", f.offsetWidth, f.style.removeProperty("animation"), te();
+					return;
+				}
+				p();
+			}
+		}, k = (e) => {
+			e.target === f && e.animationName === y && O();
+		}, A = !C && l;
+		return A && (f.addEventListener("animationcancel", k), te()), () => {
+			D !== void 0 && clearTimeout(D), f.removeEventListener("animationend", S), A && f.removeEventListener("animationcancel", k), x(), C?.();
 		};
 	} };
 }
 //#endregion
 //#region src/utils/findScrollable.ts
-function Yt(e, t) {
-	let { direction: n = "x", markerSelector: r = "[data-swipe-at-edge]", depthLimit: i = 24, verifyByScroll: a = !1 } = t ?? {}, o = Xt(e);
+function Jt(e, t) {
+	let { direction: n = "x", markerSelector: r = "[data-swipe-at-edge]", depthLimit: i = 24, verifyByScroll: a = !1 } = t ?? {}, o = Yt(e);
 	if (!o) return {
 		element: null,
 		hasMarker: !1
 	};
 	let s = o.closest?.(r);
-	if (s instanceof HTMLElement && Q(s, n) && (!a || $(s, n))) return {
+	if (s instanceof HTMLElement && $(s, n) && (!a || Xt(s, n))) return {
 		element: s,
 		hasMarker: !0
 	};
 	let c = o, l = 0;
 	for (; c && l < i;) {
-		if (Q(c, n) && (!a || $(c, n))) return {
+		if ($(c, n) && (!a || Xt(c, n))) return {
 			element: c,
 			hasMarker: !1
 		};
@@ -2229,7 +2244,7 @@ function Yt(e, t) {
 		hasMarker: !1
 	};
 }
-function Xt(e) {
+function Yt(e) {
 	if (!e) return null;
 	let t = e, n = typeof t.composedPath == "function" ? t.composedPath() : void 0;
 	if (n && n.length) {
@@ -2237,11 +2252,11 @@ function Xt(e) {
 	}
 	return e instanceof HTMLElement ? e : null;
 }
-function Q(e, t) {
+function $(e, t) {
 	return t === "y" ? e.scrollHeight - e.clientHeight > 1 : e.scrollWidth - e.clientWidth > 1;
 }
-function $(e, t) {
-	if (!Q(e, t) || typeof window > "u") return !1;
+function Xt(e, t) {
+	if (!$(e, t) || typeof window > "u") return !1;
 	let n = window.getComputedStyle(e), r = t === "y" ? n.overflowY : n.overflowX;
 	return r === "auto" || r === "scroll" || r === "overlay";
 }
@@ -2425,10 +2440,10 @@ function Qt(e) {
 	};
 	return {
 		pointerDown: (t) => {
-			e.isReadyForDrag() && (f = Yt(t.target, {
+			e.isReadyForDrag() && (f = Jt(t.target, {
 				direction: "x",
 				verifyByScroll: !0
-			}), p = Yt(t.target, {
+			}), p = Jt(t.target, {
 				direction: "y",
 				verifyByScroll: !0
 			}), m = t.clientX, h = t.clientY, (!f.element && !p.element || f.element || p.element) && (a = !0));
@@ -2481,7 +2496,7 @@ function an(e) {
 function on(e, t = {}) {
 	let n = !1, r = 0, i = [], a = () => {
 		let r = t.scope;
-		if (!r || typeof r.querySelectorAll != "function") {
+		if (t.decodeWait === !1 || !r || typeof r.querySelectorAll != "function") {
 			e();
 			return;
 		}
@@ -2504,14 +2519,54 @@ function on(e, t = {}) {
 		i.push(requestAnimationFrame(() => o(e - 1)));
 	}, s = requestAnimationFrame(() => {
 		r = requestAnimationFrame(() => o(t.extraFrames ?? 0));
-	}), c = setTimeout(e, 300);
+	});
+	return () => {
+		n = !0, cancelAnimationFrame(s), r && cancelAnimationFrame(r), i.forEach((e) => cancelAnimationFrame(e));
+	};
+}
+function sn(e, t = {}) {
+	let n = on(e, t), r = setTimeout(e, 300);
 	return () => {
-		n = !0, cancelAnimationFrame(s), r && cancelAnimationFrame(r), i.forEach((e) => cancelAnimationFrame(e)), clearTimeout(c);
+		n(), clearTimeout(r);
 	};
 }
+function cn() {
+	let e = /* @__PURE__ */ new Map(), t = (t, n) => {
+		clearTimeout(n.backstop), e.delete(t);
+		let r = [...n.members];
+		n.members.clear();
+		for (let e of r) e.cancelReadiness(), e.release();
+	}, n = (e) => [...e.members].every((e) => e.ready);
+	return { join: (r, i, a) => {
+		let o = e.get(r);
+		if (!o) {
+			let n = {
+				members: /* @__PURE__ */ new Set(),
+				backstop: setTimeout(() => t(r, n), 300)
+			};
+			e.set(r, n), o = n;
+		}
+		let s = o, c = {
+			release: i,
+			ready: !1,
+			cancelReadiness: on(() => {
+				c.ready = !0, n(s) && t(r, s);
+			}, a)
+		};
+		return s.members.add(c), () => {
+			if (s.members.has(c)) {
+				if (c.cancelReadiness(), s.members.delete(c), s.members.size === 0) {
+					clearTimeout(s.backstop), e.delete(r);
+					return;
+				}
+				n(s) && t(r, s);
+			}
+		};
+	} };
+}
 //#endregion
 //#region src/screen/observeBarHeight.ts
-function sn(e, t) {
+function ln(e, t) {
 	e.offsetHeight > 0 && t(e.offsetHeight);
 	let n = new ResizeObserver(([e]) => {
 		e.contentRect.height > 0 && t(e.contentRect.height);
@@ -2522,14 +2577,14 @@ function sn(e, t) {
 }
 //#endregion
 //#region src/screen/observeViewportScrollHeight.ts
-var cn = 0;
-function ln(e) {
+var un = 0;
+function dn(e) {
 	let t = 0, n = () => {
 		cancelAnimationFrame(t), t = requestAnimationFrame(() => {
 			let t = document.documentElement.scrollHeight - (window.visualViewport?.height || 0);
 			t = t < 0 ? 0 : t;
-			let n = t - cn;
-			n = n < 0 ? 0 : n, cn ||= t, e(t, n);
+			let n = t - un;
+			n = n < 0 ? 0 : n, un ||= t, e(t, n);
 		});
 	};
 	return window.visualViewport?.addEventListener("resize", n), window.visualViewport?.addEventListener("scroll", n), () => {
@@ -2538,7 +2593,7 @@ function ln(e) {
 }
 //#endregion
 //#region src/utils/isOpaqueColor.ts
-function un(e) {
+function fn(e) {
 	let t = e.trim().toLowerCase();
 	if (t === "transparent" || t === "") return !1;
 	if (t.match(/^rgb\(\s*\d+[\s,]+\d+[\s,]+\d+\s*\)$/)) return !0;
@@ -2549,7 +2604,7 @@ function un(e) {
 }
 //#endregion
 //#region src/utils/buildRoutePath.ts
-function dn(e, n) {
+function pn(e, n) {
 	let i = n ?? {}, a = t(e)(Object.fromEntries(Object.entries(i).map(([e, t]) => [e, String(t)]))), o = (typeof e == "string" ? r(e) : e).tokens.filter((e) => e.type === "param").map((e) => e.name), s = Object.fromEntries(Object.entries(i).filter(([e]) => !o.includes(e))), c = new URLSearchParams(s).toString();
 	return {
 		pathname: `${a}${c ? `?${c}` : ""}`,
@@ -2557,4 +2612,4 @@ function dn(e, n) {
 	};
 }
 //#endregion
-export { tn as ANIM_HOLD_RELEASE_BACKSTOP_MS, X as SKIP_ANIMATION_ATTR, o as TaskManger, en as animHoldKey, q as animateInline, Xe as animationName, oe as appendParamsQuery, it as applyTransitionStyles, dn as buildRoutePath, $ as canProgrammaticallyScroll, K as clearInlineAnimation, Ge as collectAnimatedProperties, et as compileTransitionStyles, $t as computeBarRiding, ge as computeScreenFreeze, y as consumeSelfInducedPop, h as createBrowserHistoryDriver, Te as createDecorator, s as createHistoryStore, b as createHistorySync, ne as createMemoryHistoryDriver, re as createNavigateStore, ie as createNavigationController, Oe as createPartTransition, Ee as createRawDecorator, ke as createRawPartTransition, _e as createRawTransition, me as createRouterScope, he as createScreenSelector, de as createScreenStore, g as createSelfPopGuard, se as createStepController, Qt as createSwipeController, j as createTransition, Jt as createTransitionEngine, le as createTransitionStore, ye as cupertino, P as decoratorMap, an as eagerlyDecodeImages, H as easingToCss, ee as ensureScopeHistorySync, f as ensureWindowHistoryState, dt as enteringInitialStyle, Yt as findScrollable, c as getMatchedPathPattern, l as getParams, un as isOpaqueColor, d as isServer, xe as layout, v as markSelfInducedPop, ue as matchesPathname, Se as material, Ce as none, sn as observeBarHeight, ln as observeViewportScrollHeight, Q as overflowsAxis, De as overlay, F as partTransitionMap, ae as readStepParams, ut as registerTransitionDefinitions, te as releaseScopeHistorySync, we as resolveTransition, on as scheduleAnimHoldRelease, u as seedInitialHistory, p as seedRouterEntry, ce as subscribeStepParamsRestore, B as targetToDecls, M as transitionMap, nt as variantHasAnimation };
+export { tn as ANIM_HOLD_RELEASE_BACKSTOP_MS, X as SKIP_ANIMATION_ATTR, o as TaskManger, en as animHoldKey, q as animateInline, Xe as animationName, oe as appendParamsQuery, it as applyTransitionStyles, pn as buildRoutePath, Xt as canProgrammaticallyScroll, K as clearInlineAnimation, Ge as collectAnimatedProperties, et as compileTransitionStyles, $t as computeBarRiding, ge as computeScreenFreeze, y as consumeSelfInducedPop, cn as createAnimHoldCoordinator, h as createBrowserHistoryDriver, Te as createDecorator, s as createHistoryStore, b as createHistorySync, O as createMemoryHistoryDriver, k as createNavigateStore, ie as createNavigationController, Oe as createPartTransition, Ee as createRawDecorator, ke as createRawPartTransition, _e as createRawTransition, me as createRouterScope, he as createScreenSelector, de as createScreenStore, g as createSelfPopGuard, se as createStepController, Qt as createSwipeController, j as createTransition, qt as createTransitionEngine, le as createTransitionStore, ye as cupertino, P as decoratorMap, an as eagerlyDecodeImages, H as easingToCss, ee as ensureScopeHistorySync, f as ensureWindowHistoryState, dt as enteringInitialStyle, Jt as findScrollable, c as getMatchedPathPattern, l as getParams, fn as isOpaqueColor, d as isServer, xe as layout, v as markSelfInducedPop, ue as matchesPathname, Se as material, Ce as none, ln as observeBarHeight, dn as observeViewportScrollHeight, $ as overflowsAxis, De as overlay, F as partTransitionMap, ae as readStepParams, ut as registerTransitionDefinitions, te as releaseScopeHistorySync, we as resolveTransition, sn as scheduleAnimHoldRelease, u as seedInitialHistory, p as seedRouterEntry, ce as subscribeStepParamsRestore, B as targetToDecls, M as transitionMap, nt as variantHasAnimation };

package/dist/screen/animStartAnchor.d.ts

@@ -12,5 +12,11 @@ export declare function eagerlyDecodeImages(scope: HTMLElement | null): void;
 export interface AnimHoldReleaseOptions {
     extraFrames?: number;
     scope?: HTMLElement | null;
+    decodeWait?: boolean;
 }
+export declare function scheduleAnimHoldReadiness(onReady: () => void, options?: AnimHoldReleaseOptions): () => void;
 export declare function scheduleAnimHoldRelease(release: () => void, options?: AnimHoldReleaseOptions): () => void;
+export interface AnimHoldCoordinator {
+    join(key: string, release: () => void, options?: AnimHoldReleaseOptions): () => void;
+}
+export declare function createAnimHoldCoordinator(): AnimHoldCoordinator;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flemo/core",
-  "version": "1.16.1",
+  "version": "1.18.0",
   "description": "Framework-agnostic primitives for flemo: history, navigation, transitions, task manager.",
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",