@flemo/core 1.13.0 → 1.14.0

package/dist/index.mjs

@@ -1408,7 +1408,7 @@ var F = /* @__PURE__ */ new Map(), I = {
 }, R = (e) => e && typeof e.delay == "number" && e.delay > 0 ? e.delay : 0, je = (e, t) => {
 	let n = I[t];
 	return n === "self" ? null : n === "initial" ? e.initial : e.variants[n].value;
-}, z = (e, t) => {
+}, Me = (e, t) => {
 	let n = je(e, t);
 	if (n === null) return null;
 	let r = e.variants[t], i = L(r.options), a = R(r.options);
@@ -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 : "", ze = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), Be = new Set([
 	"x",
 	"y",
 	"z",
@@ -1430,7 +1430,7 @@ var F = /* @__PURE__ */ new Map(), I = {
 	"rotateX",
 	"rotateY",
 	"rotateZ"
-]), Be = /^-?0(\.0+)?(px|%|em|rem|vh|vw|vmin|vmax)?$/, Ve = /^-?0(\.0+)?(deg|rad|grad|turn)?$/, He = /^1(\.0+)?$/, Ue = (e, t) => e === "scale" || e === "scaleX" || e === "scaleY" ? t === 1 ? !0 : typeof t == "string" ? He.test(t.trim()) : !1 : e === "rotate" || e === "rotateX" || e === "rotateY" || e === "rotateZ" ? t === 0 ? !0 : typeof t == "string" ? Ve.test(t.trim()) : !1 : t === 0 ? !0 : typeof t == "string" ? Be.test(t.trim()) : !1, We = (e, t) => {
+]), Ve = /^-?0(\.0+)?(px|%|em|rem|vh|vw|vmin|vmax)?$/, He = /^-?0(\.0+)?(deg|rad|grad|turn)?$/, Ue = /^1(\.0+)?$/, We = (e, t) => e === "scale" || e === "scaleX" || e === "scaleY" ? t === 1 ? !0 : typeof t == "string" ? Ue.test(t.trim()) : !1 : e === "rotate" || e === "rotateX" || e === "rotateY" || e === "rotateZ" ? t === 0 ? !0 : typeof t == "string" ? He.test(t.trim()) : !1 : t === 0 ? !0 : typeof t == "string" ? Ve.test(t.trim()) : !1, Ge = (e, t) => {
 	switch (e) {
 		case "x": return `translate3d(${t}, 0, 0)`;
 		case "y": return `translate3d(0, ${t}, 0)`;
@@ -1444,16 +1444,16 @@ var F = /* @__PURE__ */ new Map(), I = {
 		case "rotateY": return `rotateY(${t})`;
 		default: return "";
 	}
-}, Ge = (e) => {
+}, Ke = (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);
-			if (a !== "") if (ze.has(r)) n.push(`${r}:${a}`);
+			let i = e[r], a = Re(r, i);
+			if (a !== "") if (Be.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(ze(r)) ?? /* @__PURE__ */ new Set();
+				e.add(a), t.set(ze(r), e);
 			}
 		}
 		r.add(n.sort().join("|"));
@@ -1463,13 +1463,13 @@ var F = /* @__PURE__ */ new Map(), I = {
 	n = r.size > 1;
 	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 [];
+}, z = (e) => {
+	if (!Fe(e)) return [];
 	let t = [], n = !0, r = [];
 	for (let i of Object.keys(e)) {
-		let a = e[i], o = Le(i, a);
-		o !== "" && (ze.has(i) ? (t.push(We(i, o)), Ue(i, a) || (n = !1)) : r.push({
-			property: Re(i),
+		let a = e[i], o = Re(i, a);
+		o !== "" && (Be.has(i) ? (t.push(Ge(i, o)), We(i, a) || (n = !1)) : r.push({
+			property: ze(i),
 			value: o
 		}));
 	}
@@ -1477,7 +1477,7 @@ var F = /* @__PURE__ */ new Map(), I = {
 		property: "transform",
 		value: n ? "none" : t.join(" ")
 	}), r;
-}, V = (e) => e.map((e) => `  ${e.property}: ${e.value};`).join("\n"), H = (e) => Array.isArray(e) ? e.length === 4 && e.every((e) => typeof e == "number") ? `cubic-bezier(${e.join(", ")})` : "linear" : typeof e == "string" ? {
+}, B = (e) => e.map((e) => `  ${e.property}: ${e.value};`).join("\n"), V = (e) => Array.isArray(e) ? e.length === 4 && e.every((e) => typeof e == "number") ? `cubic-bezier(${e.join(", ")})` : "linear" : typeof e == "string" ? {
 	linear: "linear",
 	easeIn: "ease-in",
 	easeOut: "ease-out",
@@ -1487,29 +1487,29 @@ var F = /* @__PURE__ */ new Map(), I = {
 	backIn: "cubic-bezier(0.31, 0.01, 0.66, -0.59)",
 	backOut: "cubic-bezier(0.33, 1.53, 0.69, 0.99)",
 	anticipate: "cubic-bezier(0.36, 0, 0.66, -0.56)"
-}[e] ?? "ease" : "ease", Ke = (e, t) => {
+}[e] ?? "ease" : "ease", qe = (e, t) => {
 	let [n, r] = t.split("-");
 	return `[data-flemo-screen][data-flemo-transition="${e}"][data-flemo-status="${n}"][data-flemo-active="${r}"]`;
-}, qe = (e, t) => {
+}, Je = (e, t) => {
 	let [n, r] = t.split("-");
 	return `[data-flemo-decorator][data-flemo-decorator-name="${e}"][data-flemo-status="${n}"][data-flemo-active="${r}"]`;
-}, Je = (e, t) => {
+}, Ye = (e, t) => {
 	let [n, r] = t.split("-");
 	return `[data-flemo-bar][data-flemo-bar-transition="${e}"][data-flemo-bar-status="${n}"][data-flemo-bar-active="${r}"][data-flemo-bar-riding="true"]`;
-}, Ye = (e, t) => {
+}, Xe = (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;
+}, Ze = (e, t, n) => `flemo-${e}-${Pe(t)}-${n}`, H = (e, t, n, r, i, a) => {
+	let o = z(r), s = z(i.value), c = L(i.options), l = R(i.options), u = V(i.options?.ease), d = a(t, n), f = e === "screen" ? `${d},\n${Ye(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 = [
+	if (c <= 0 && l <= 0) return s.length === 0 ? "" : `${f} {\n${B(s)}\n  animation: none;\n}`;
+	let p = Ze(e, t, n), m = [
 		`@keyframes ${p} {`,
 		"  from {",
-		V(o).replace(/^/gm, "  "),
+		B(o).replace(/^/gm, "  "),
 		"  }",
 		"  to {",
-		V(s).replace(/^/gm, "  "),
+		B(s).replace(/^/gm, "  "),
 		"  }",
 		"}"
 	].join("\n"), h = [
@@ -1519,15 +1519,15 @@ var F = /* @__PURE__ */ new Map(), I = {
 		l > 0 ? `${l}s` : null,
 		"both"
 	].filter(Boolean).join(" "), g = new Map(o.map((e) => [e.property, e.value])), _ = new Map(s.map((e) => [e.property, e.value])), v = Array.from(new Set([...g.keys(), ..._.keys()])).filter((e) => g.get(e) !== _.get(e)), y = v.length > 0 ? `  will-change: ${v.join(", ")};\n` : "", b = n.split("-")[0];
-	return `${m}\n${`${f} {\n  animation: ${h};\n${y}${b === "PUSHING" || b === "REPLACING" ? "  contain: layout;\n  pointer-events: none;\n" : ""}}`}${e === "screen" && n.endsWith("-false") && Qe(r) && s.length > 0 ? `\n${d}[data-flemo-anim-hold="park"] {\n  animation: none;\n${V(s)}\n}` : ""}${e === "screen" && n.endsWith("-true") && (n.startsWith("PUSHING") || n.startsWith("REPLACING")) && Qe(r) && s.length > 0 ? `\n${d}[data-flemo-anim-hold="park-under"] {\n  animation: none;\n${V(s)}\n}` : ""}`;
+	return `${m}\n${`${f} {\n  animation: ${h};\n${y}${b === "PUSHING" || b === "REPLACING" ? "  contain: layout;\n  pointer-events: none;\n" : ""}}`}${e === "screen" && n.endsWith("-false") && Qe(r) && s.length > 0 ? `\n${d}[data-flemo-anim-hold="park"] {\n  animation: none;\n${B(s)}\n}` : ""}${e === "screen" && n.endsWith("-true") && (n.startsWith("PUSHING") || n.startsWith("REPLACING")) && Qe(r) && s.length > 0 ? `\n${d}[data-flemo-anim-hold="park-under"] {\n  animation: none;\n${B(s)}\n}` : ""}`;
 }, Qe = (e) => {
 	if (!e) return !1;
 	if (e.opacity === 0) return !0;
 	let t = (e) => typeof e == "string" && e.trim().endsWith("%") && Math.abs(parseFloat(e)) >= 100;
 	return t(e.x) || t(e.y);
 }, $e = (e, t, n, r) => {
-	let i = B(r.value);
-	return i.length === 0 ? "" : `${e(t, n)} {\n${V(i)}\n}`;
+	let i = z(r.value);
+	return i.length === 0 ? "" : `${e(t, n)} {\n${B(i)}\n}`;
 }, et = (e, t, n = []) => {
 	let r = [];
 	for (let t of e) {
@@ -1535,35 +1535,35 @@ var F = /* @__PURE__ */ new Map(), I = {
 		for (let n of Ae) {
 			let i = t.variants[n], a = I[n];
 			if (a === "self") {
-				r.push($e(Ke, e, n, i));
+				r.push($e(qe, e, n, i));
 				continue;
 			}
 			let o = a === "initial" ? t.initial : t.variants[a].value;
-			r.push(Ze("screen", e, n, o, i, Ke));
+			r.push(H("screen", e, n, o, i, qe));
 		}
 	}
 	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));
+				r.push($e(Je, t, n, i));
 				continue;
 			}
 			let o = a === "initial" ? e.initial : e.variants[a].value;
-			r.push(Ze("decorator", t, n, o, i, qe));
+			r.push(H("decorator", t, n, o, i, Je));
 		}
 	}
 	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));
+				r.push($e(Xe, t, n, i));
 				continue;
 			}
 			let o = a === "initial" ? e.initial : e.variants[a].value;
-			r.push(Ze("part", t, n, o, i, Ye));
+			r.push(H("part", t, n, o, i, Xe));
 		}
 	}
 	return [...r.filter((e) => e.length > 0), tt].join("\n\n");
@@ -1581,7 +1581,7 @@ var F = /* @__PURE__ */ new Map(), I = {
 	if (n === "self") return !1;
 	let r = e.variants[t], i = L(r.options), a = R(r.options);
 	if (i <= 0 && a <= 0) return !1;
-	let o = B(n === "initial" ? e.initial : e.variants[n].value), s = B(r.value);
+	let o = z(n === "initial" ? e.initial : e.variants[n].value), s = z(r.value);
 	return o.length > 0 || s.length > 0;
 }, rt = "data-flemo";
 function it() {
@@ -1636,9 +1636,9 @@ var ft = (e) => typeof HTMLElement < "u" && e instanceof HTMLElement, U = /* @__
 	e.style.removeProperty("transform"), e.style.removeProperty("opacity");
 }, K = (e, t, n = {}) => {
 	if (!ft(e)) return Promise.resolve();
-	let r = e, i = B(t);
+	let r = e, i = z(t);
 	if (i.length === 0) return Promise.resolve();
-	let a = typeof n.duration == "number" ? n.duration : 0, o = typeof n.delay == "number" && n.delay > 0 ? n.delay : 0, s = H(n.ease);
+	let a = typeof n.duration == "number" ? n.duration : 0, o = typeof n.delay == "number" && n.delay > 0 ? n.delay : 0, s = V(n.ease);
 	if (a <= 0 && o <= 0) {
 		r.style.transition = "none";
 		for (let e of i) r.style.setProperty(e.property, e.value), W(r, e.property);
@@ -1824,7 +1824,7 @@ var ft = (e) => typeof HTMLElement < "u" && e instanceof HTMLElement, U = /* @__
 	};
 }, J = /-?\d*\.?\d+/g, kt = (e, t) => {
 	let n = e.match(J) ?? [], r = t.match(J) ?? [];
-	if (n.length !== r.length || e.replace(J, "\0") !== t.replace(J, "\0")) return null;
+	if (n.length !== r.length || e.replace(J, " ") !== t.replace(J, " ")) return null;
 	let i = n.map(Number), a = r.map(Number);
 	return (t) => {
 		let n = 0;
@@ -1833,7 +1833,7 @@ var ft = (e) => typeof HTMLElement < "u" && e instanceof HTMLElement, U = /* @__
 			return `${Math.round(r * 1e3) / 1e3}`;
 		});
 	};
-}, At = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), jt = (e) => typeof e == "object" && !!e && !Array.isArray(e), Mt = (e) => jt(e) ? Object.keys(e) : [], Nt = (e, t) => jt(e) ? e[t] : void 0, Pt = (e) => Ft(e, null) !== null, Ft = (e, t) => {
+}, At = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), jt = (e) => typeof e == "object" && !!e && !Array.isArray(e), Mt = (e) => jt(e) ? Object.keys(e) : [], Nt = (e, t) => jt(e) ? e[t] : void 0, Pt = (e, t) => {
 	let n = new Set([...Mt(e.from), ...Mt(e.to)]), r = [], i = null, a = [], o = [];
 	for (let s of n) {
 		let n = Nt(e.from, s), c = Nt(e.to, s);
@@ -1890,14 +1890,14 @@ var ft = (e) => typeof HTMLElement < "u" && e instanceof HTMLElement, U = /* @__
 		strings: a,
 		constants: o
 	};
-}, It = 1, Lt = (e, t, n, r) => {
+}, Ft = 1, It = (e, t, n, r) => {
 	let i = 0, a = 0, o = !1, s = [], c = !0;
 	for (let l of Tt) {
 		let u = e.find((e) => e.prop === l);
 		if (!u) continue;
 		let d = u.from.value + (u.to.value - u.from.value) * t;
 		if (u.from.unit === "%" && (d *= u.percentBase), l === "x" || l === "y") {
-			let e = l === "x" ? r.x : r.y, t = (e === null || Math.abs(d - e) * n >= It) && n > 0 ? Math.round(d * n) / n : Math.round(d * 1e3) / 1e3;
+			let e = l === "x" ? r.x : r.y, t = (e === null || Math.abs(d - e) * n >= Ft) && n > 0 ? Math.round(d * n) / n : Math.round(d * 1e3) / 1e3;
 			l === "x" ? (r.x = d, i = t) : (r.y = d, a = t), o = !0, t !== 0 && (c = !1);
 			continue;
 		}
@@ -1905,26 +1905,44 @@ var ft = (e) => typeof HTMLElement < "u" && e instanceof HTMLElement, U = /* @__
 		d !== f && (c = !1), l === "z" ? s.push(`translateZ(${d}px)`) : l === "scale" ? s.push(`scale(${d})`) : l === "scaleX" ? s.push(`scaleX(${d})`) : l === "scaleY" ? s.push(`scaleY(${d})`) : l === "rotate" || l === "rotateZ" ? s.push(`rotate(${d}deg)`) : l === "rotateX" ? s.push(`rotateX(${d}deg)`) : l === "rotateY" && s.push(`rotateY(${d}deg)`);
 	}
 	return !o && s.length === 0 ? "" : c ? "none" : [...o ? [`translate3d(${i}px, ${a}px, 0)`] : [], ...s].join(" ");
-}, Rt = () => ({
+}, Lt = (e) => e.replace(/-([a-z])/g, (e, t) => t.toUpperCase()), Rt = (e) => {
+	let t = {};
+	for (let n of z(e)) t[Lt(n.property)] = n.value;
+	return t;
+}, zt = (e, t) => {
+	if (typeof e.animate != "function") return null;
+	try {
+		let n = e.animate([Rt(t.from), Rt(t.to)], {
+			duration: Math.max(0, t.duration * 1e3),
+			delay: Math.max(0, t.delay * 1e3),
+			easing: V(t.ease),
+			fill: "both"
+		});
+		return n.pause(), n.currentTime = 0, n;
+	} catch {
+		return null;
+	}
+}, Bt = () => ({
 	request: (e) => requestAnimationFrame(e),
 	cancel: (e) => cancelAnimationFrame(e),
 	devicePixelRatio: () => typeof window < "u" && window.devicePixelRatio || 1
-}), Y = ((e = Rt()) => {
+}), Y = ((e = Bt()) => {
 	let t = /* @__PURE__ */ new Map(), n = {
 		join: (n, r) => {
-			let i = Ft(r.motion, r.element);
-			if (!i) return null;
-			let s = t.get(n);
-			s || (s = {
+			let i = Pt(r.motion, r.element), s = i ? null : zt(r.element, r.motion);
+			if (!i && !s) return null;
+			let c = t.get(n);
+			c || (c = {
 				tracks: [],
 				started: !1,
 				startTime: null,
 				lastTime: null,
 				frameHandle: null
-			}, t.set(n, s));
-			let c = {
+			}, t.set(n, c));
+			let l = {
 				...r,
 				parsed: i,
+				scrub: s,
 				completed: !1,
 				detached: !1,
 				snapMemory: {
@@ -1932,18 +1950,25 @@ var ft = (e) => typeof HTMLElement < "u" && e instanceof HTMLElement, U = /* @__
 					y: null
 				}
 			};
-			s.tracks.push(c), c.element.style.animation = "none", W(c.element, "animation"), i.transforms.length > 0 && W(c.element, "transform"), i.opacity && W(c.element, "opacity");
-			for (let e of i.strings) W(c.element, e.property);
-			for (let e of i.constants) W(c.element, e.property);
-			return a(c, 0), r.role === "active" && !s.started && (s.started = !0, q.beginRun(), o(n, s)), () => {
-				c.detached = !0, G(c.element);
+			if (c.tracks.push(l), l.element.style.animation = "none", W(l.element, "animation"), i) {
+				i.transforms.length > 0 && W(l.element, "transform"), i.opacity && W(l.element, "opacity");
+				for (let e of i.strings) W(l.element, e.property);
+				for (let e of i.constants) W(l.element, e.property);
+				a(l, 0);
+			}
+			return r.role === "active" && !c.started && (c.started = !0, q.beginRun(), o(n, c)), () => {
+				l.detached = !0, l.scrub?.cancel(), G(l.element);
 				let r = t.get(n);
-				r && (r.tracks = r.tracks.filter((e) => e !== c), r.tracks.length === 0 && (r.frameHandle !== null && e.cancel(r.frameHandle), t.delete(n)));
+				r && (r.tracks = r.tracks.filter((e) => e !== l), r.tracks.length === 0 && (r.frameHandle !== null && e.cancel(r.frameHandle), t.delete(n)));
 			};
 		},
 		dispose: (n) => {
 			let r = t.get(n);
-			r && (r.frameHandle !== null && e.cancel(r.frameHandle), t.delete(n));
+			if (r) {
+				r.frameHandle !== null && e.cancel(r.frameHandle);
+				for (let e of r.tracks) e.scrub?.cancel();
+				t.delete(n);
+			}
 		}
 	}, r = /* @__PURE__ */ new WeakMap(), i = (e) => {
 		let t = r.get(e);
@@ -1951,9 +1976,9 @@ var ft = (e) => typeof HTMLElement < "u" && e instanceof HTMLElement, U = /* @__
 	};
 	function a(t, n) {
 		let { element: r, parsed: i } = t;
-		if (r.isConnected) {
+		if (!(!i || !r.isConnected)) {
 			if (i.transforms.length > 0) {
-				let a = Lt(i.transforms, n, e.devicePixelRatio(), t.snapMemory);
+				let a = It(i.transforms, n, e.devicePixelRatio(), t.snapMemory);
 				a !== "" && (r.style.transform = a);
 			}
 			if (i.opacity) {
@@ -1974,8 +1999,14 @@ var ft = (e) => typeof HTMLElement < "u" && e instanceof HTMLElement, U = /* @__
 		let c = !0;
 		for (let e of r.tracks) {
 			if (e.completed || e.detached) continue;
-			let t = e.motion.duration * 1e3, n = e.motion.delay * 1e3, o = t <= 0 ? 1 : Math.min(1, Math.max(0, (s - r.startTime - n) / t));
-			a(e, i(e)(o)), o >= 1 ? (e.completed = !0, e.onComplete?.()) : c = !1;
+			let t = e.motion.duration * 1e3, n = e.motion.delay * 1e3, o = s - r.startTime;
+			if (e.scrub) {
+				let r = n + t;
+				e.scrub.currentTime = Math.min(Math.max(0, o), r), o >= r ? (e.completed = !0, e.onComplete?.()) : c = !1;
+				continue;
+			}
+			let l = t <= 0 ? 1 : Math.min(1, Math.max(0, (o - n) / t));
+			a(e, i(e)(l)), l >= 1 ? (e.completed = !0, e.onComplete?.()) : c = !1;
 		}
 		if (c) {
 			q.endRun(), t.delete(e);
@@ -1994,15 +2025,15 @@ Y.onFrameGap = (e) => {
 //#endregion
 //#region src/core/engine/types.ts
 var X = "data-flemo-skip-animation", Z = () => {};
-function zt(e) {
+function Vt(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) => {
 			let s = e.getTransitionTaskId();
 			if (!s || o.pendingTaskIds.some((e) => e !== s) || !q.playerAllowed()) return null;
 			let { scope: c, decorator: l, bars: u } = n();
 			if (!c) return null;
-			let d = M(r), f = z(d, t);
-			if (!f || !Pt(f)) return null;
+			let d = M(r), f = Me(d, t);
+			if (!f) return null;
 			let p = [], m = Y.join(s, {
 				element: c,
 				motion: f,
@@ -2021,8 +2052,8 @@ function zt(e) {
 				t && p.push(t);
 			}
 			if (l && d.decoratorName) {
-				let e = P.get(d.decoratorName), n = e ? z(e, t) : null;
-				if (n && Pt(n)) {
+				let e = P.get(d.decoratorName), n = e ? Me(e, t) : null;
+				if (n) {
 					let e = Y.join(s, {
 						element: l,
 						motion: n,
@@ -2061,7 +2092,7 @@ function zt(e) {
 			t && o.resolveTask(t);
 		}, p = M(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 && Pt(g), v = Xe("screen", r, m), y = (e) => {
+		let g = Me(p, m), _ = !h && !!g, v = Ze("screen", r, m), y = (e) => {
 			e.target === d && e.animationName === v && (d.removeEventListener("animationend", y), f());
 		};
 		d.addEventListener("animationend", y);
@@ -2073,8 +2104,8 @@ function zt(e) {
 }
 //#endregion
 //#region src/utils/findScrollable.ts
-function Bt(e, t) {
-	let { direction: n = "x", markerSelector: r = "[data-swipe-at-edge]", depthLimit: i = 24, verifyByScroll: a = !1 } = t ?? {}, o = Vt(e);
+function Ht(e, t) {
+	let { direction: n = "x", markerSelector: r = "[data-swipe-at-edge]", depthLimit: i = 24, verifyByScroll: a = !1 } = t ?? {}, o = Ut(e);
 	if (!o) return {
 		element: null,
 		hasMarker: !1
@@ -2097,7 +2128,7 @@ function Bt(e, t) {
 		hasMarker: !1
 	};
 }
-function Vt(e) {
+function Ut(e) {
 	if (!e) return null;
 	let t = e, n = typeof t.composedPath == "function" ? t.composedPath() : void 0;
 	if (n && n.length) {
@@ -2115,8 +2146,8 @@ function $(e, t) {
 }
 //#endregion
 //#region src/core/engine/createSwipeController.ts
-var Ht = "data-flemo-skip-animation";
-function Ut(e) {
+var Wt = "data-flemo-skip-animation";
+function Gt(e) {
 	let t = null, n = null, r = {
 		current: [],
 		prev: []
@@ -2178,7 +2209,7 @@ function Ut(e) {
 			current: i,
 			prev: s
 		};
-		let c = Ge(e.getTransition()).join(", ");
+		let c = Ke(e.getTransition()).join(", ");
 		for (let e of i) e.style.willChange = c;
 		for (let e of s) e.style.willChange = c;
 	}, b = () => {
@@ -2279,7 +2310,7 @@ function Ut(e) {
 				}), S("end", e, 0);
 			}
 		})) {
-			c?.setAttribute(Ht, "true"), l?.setAttribute(Ht, "true");
+			c?.setAttribute(Wt, "true"), l?.setAttribute(Wt, "true");
 			for (let e of r.current) e.style.removeProperty("will-change");
 			for (let e of r.prev) G(e), e.style.removeProperty("will-change");
 			r = {
@@ -2295,10 +2326,10 @@ function Ut(e) {
 	};
 	return {
 		pointerDown: (t) => {
-			e.isReadyForDrag() && (f = Bt(t.target, {
+			e.isReadyForDrag() && (f = Ht(t.target, {
 				direction: "x",
 				verifyByScroll: !0
-			}), p = Bt(t.target, {
+			}), p = Ht(t.target, {
 				direction: "y",
 				verifyByScroll: !0
 			}), m = t.clientX, h = t.clientY, (!f.element && !p.element || f.element || p.element) && (a = !0));
@@ -2327,7 +2358,7 @@ function Ut(e) {
 }
 //#endregion
 //#region src/screen/computeBarRiding.ts
-function Wt(e) {
+function Kt(e) {
 	return !(e.status === "PUSHING" || e.status === "POPPING" || e.status === "REPLACING") || !e.isTopOrTopPrev ? {
 		app: !1,
 		nav: !1
@@ -2338,24 +2369,24 @@ function Wt(e) {
 }
 //#endregion
 //#region src/screen/animStartAnchor.ts
-function Gt(e) {
+function qt(e) {
 	return !(e.status === "PUSHING" || e.status === "POPPING" || e.status === "REPLACING") || !e.isTopOrTopPrev ? null : `${e.status}:${e.transitionName}`;
 }
-var Kt = 300, qt = 20;
-function Jt(e) {
-	return Array.from(e.querySelectorAll("img")).filter((e) => e.complete && typeof e.decode == "function").slice(0, qt);
+var Jt = 300, Yt = 20;
+function Xt(e) {
+	return Array.from(e.querySelectorAll("img")).filter((e) => e.complete && typeof e.decode == "function").slice(0, Yt);
 }
-function Yt(e) {
-	if (!(!e || typeof e.querySelectorAll != "function")) for (let t of Jt(e)) t.decode().catch(() => {});
+function Zt(e) {
+	if (!(!e || typeof e.querySelectorAll != "function")) for (let t of Xt(e)) t.decode().catch(() => {});
 }
-function Xt(e, t = {}) {
+function Qt(e, t = {}) {
 	let n = !1, r = 0, i = [], a = () => {
 		let r = t.scope;
 		if (!r || typeof r.querySelectorAll != "function") {
 			e();
 			return;
 		}
-		let i = Jt(r);
+		let i = Xt(r);
 		if (i.length === 0) {
 			e();
 			return;
@@ -2381,7 +2412,7 @@ function Xt(e, t = {}) {
 }
 //#endregion
 //#region src/screen/observeBarHeight.ts
-function Zt(e, t) {
+function $t(e, t) {
 	e.offsetHeight > 0 && t(e.offsetHeight);
 	let n = new ResizeObserver(([e]) => {
 		e.contentRect.height > 0 && t(e.contentRect.height);
@@ -2392,14 +2423,14 @@ function Zt(e, t) {
 }
 //#endregion
 //#region src/screen/observeViewportScrollHeight.ts
-var Qt = 0;
-function $t(e) {
+var en = 0;
+function tn(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 - Qt;
-			n = n < 0 ? 0 : n, Qt ||= t, e(t, n);
+			let n = t - en;
+			n = n < 0 ? 0 : n, en ||= t, e(t, n);
 		});
 	};
 	return window.visualViewport?.addEventListener("resize", n), window.visualViewport?.addEventListener("scroll", n), () => {
@@ -2408,7 +2439,7 @@ function $t(e) {
 }
 //#endregion
 //#region src/utils/isOpaqueColor.ts
-function en(e) {
+function nn(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;
@@ -2419,7 +2450,7 @@ function en(e) {
 }
 //#endregion
 //#region src/utils/buildRoutePath.ts
-function tn(e, n) {
+function rn(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}` : ""}`,
@@ -2427,4 +2458,4 @@ function tn(e, n) {
 	};
 }
 //#endregion
-export { Kt as ANIM_HOLD_RELEASE_BACKSTOP_MS, X as SKIP_ANIMATION_ATTR, o as TaskManger, Gt as animHoldKey, K as animateInline, Xe as animationName, se as appendParamsQuery, it as applyTransitionStyles, tn as buildRoutePath, $ as canProgrammaticallyScroll, G as clearInlineAnimation, Ge as collectAnimatedProperties, et as compileTransitionStyles, Wt as computeBarRiding, _e as computeScreenFreeze, y as consumeSelfInducedPop, h as createBrowserHistoryDriver, Te as createDecorator, s as createHistoryStore, b as createHistorySync, ne as createMemoryHistoryDriver, re as createNavigateStore, ae as createNavigationController, Oe as createPartTransition, Ee as createRawDecorator, ke as createRawPartTransition, ve as createRawTransition, he as createRouterScope, ge as createScreenSelector, fe as createScreenStore, g as createSelfPopGuard, ce as createStepController, Ut as createSwipeController, A as createTransition, zt as createTransitionEngine, ue as createTransitionStore, be as cupertino, P as decoratorMap, Yt as eagerlyDecodeImages, H as easingToCss, ee as ensureScopeHistorySync, f as ensureWindowHistoryState, dt as enteringInitialStyle, Bt as findScrollable, c as getMatchedPathPattern, l as getParams, en as isOpaqueColor, d as isServer, Se as layout, v as markSelfInducedPop, de as matchesPathname, Ce as material, we as none, Zt as observeBarHeight, $t as observeViewportScrollHeight, Q as overflowsAxis, De as overlay, F as partTransitionMap, oe as readStepParams, ut as registerTransitionDefinitions, te as releaseScopeHistorySync, M as resolveTransition, Xt as scheduleAnimHoldRelease, u as seedInitialHistory, p as seedRouterEntry, le as subscribeStepParamsRestore, B as targetToDecls, j as transitionMap, nt as variantHasAnimation };
+export { Jt as ANIM_HOLD_RELEASE_BACKSTOP_MS, X as SKIP_ANIMATION_ATTR, o as TaskManger, qt as animHoldKey, K as animateInline, Ze as animationName, se as appendParamsQuery, it as applyTransitionStyles, rn as buildRoutePath, $ as canProgrammaticallyScroll, G as clearInlineAnimation, Ke as collectAnimatedProperties, et as compileTransitionStyles, Kt as computeBarRiding, _e as computeScreenFreeze, y as consumeSelfInducedPop, h as createBrowserHistoryDriver, Te as createDecorator, s as createHistoryStore, b as createHistorySync, ne as createMemoryHistoryDriver, re as createNavigateStore, ae as createNavigationController, Oe as createPartTransition, Ee as createRawDecorator, ke as createRawPartTransition, ve as createRawTransition, he as createRouterScope, ge as createScreenSelector, fe as createScreenStore, g as createSelfPopGuard, ce as createStepController, Gt as createSwipeController, A as createTransition, Vt as createTransitionEngine, ue as createTransitionStore, be as cupertino, P as decoratorMap, Zt as eagerlyDecodeImages, V as easingToCss, ee as ensureScopeHistorySync, f as ensureWindowHistoryState, dt as enteringInitialStyle, Ht as findScrollable, c as getMatchedPathPattern, l as getParams, nn as isOpaqueColor, d as isServer, Se as layout, v as markSelfInducedPop, de as matchesPathname, Ce as material, we as none, $t as observeBarHeight, tn as observeViewportScrollHeight, Q as overflowsAxis, De as overlay, F as partTransitionMap, oe as readStepParams, ut as registerTransitionDefinitions, te as releaseScopeHistorySync, M as resolveTransition, Qt as scheduleAnimHoldRelease, u as seedInitialHistory, p as seedRouterEntry, le as subscribeStepParamsRestore, z as targetToDecls, j as transitionMap, nt as variantHasAnimation };

package/package.json

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