@flemo/core 1.15.0 → 1.16.1

package/dist/core/engine/driverPolicy.d.ts

@@ -13,6 +13,7 @@ export interface DriverPolicy {
         demoted: boolean;
     };
 }
-export declare const createDriverPolicy: (storage?: DriverPolicyStorage) => DriverPolicy;
+export declare const detectBlinkEngine: () => boolean;
+export declare const createDriverPolicy: (storage?: DriverPolicyStorage, playerByDefault?: boolean) => DriverPolicy;
 declare const driverPolicy: DriverPolicy;
 export default driverPolicy;

package/dist/index.mjs

@@ -1266,12 +1266,12 @@ var ve = (e, t, n) => {
 ]);
 //#endregion
 //#region src/transition/resolveTransition.ts
-function N(e) {
+function we(e) {
 	return M.get(e) ?? M.get("none");
 }
 //#endregion
 //#region src/transition/decorator/createDecorator.ts
-function we({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
+function Te({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
 	return {
 		name: e,
 		initial: t,
@@ -1292,7 +1292,7 @@ function we({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
 }
 //#endregion
 //#region src/transition/decorator/createRawDecorator.ts
-function Te({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, replaceOnEnter: a, replaceOnExit: o, popOnEnter: s, popOnExit: c, completedOnEnter: l, completedOnExit: u, options: d }) {
+function Ee({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, replaceOnEnter: a, replaceOnExit: o, popOnEnter: s, popOnExit: c, completedOnEnter: l, completedOnExit: u, options: d }) {
 	return {
 		name: e,
 		initial: t,
@@ -1313,30 +1313,30 @@ function Te({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, repla
 }
 //#endregion
 //#region src/transition/decorator/overlay.ts
-var P = "rgba(0, 0, 0, 0.2)", Ee = we({
+var N = "rgba(0, 0, 0, 0.2)", De = Te({
 	name: "overlay",
 	initial: {
 		opacity: 0,
-		backgroundColor: P
+		backgroundColor: N
 	},
 	idle: {
 		value: {
 			opacity: 0,
-			backgroundColor: P
+			backgroundColor: N
 		},
 		options: { duration: 0 }
 	},
 	enter: {
 		value: {
 			opacity: 1,
-			backgroundColor: P
+			backgroundColor: N
 		},
 		options: { duration: .6 }
 	},
 	exit: {
 		value: {
 			opacity: 0,
-			backgroundColor: P
+			backgroundColor: N
 		},
 		options: { duration: .6 }
 	},
@@ -1345,10 +1345,10 @@ var P = "rgba(0, 0, 0, 0.2)", Ee = we({
 		onSwipe: (e, t, { animate: n, prevDecorator: r }) => n(r, { opacity: Math.max(0, 1 - t / 100) }, { duration: 0 }),
 		onSwipeEnd: (e, { animate: t, prevDecorator: n }) => t(n, { opacity: +!e }, { duration: .3 })
 	}
-}), F = new Map([["overlay", Ee]]);
+}), P = new Map([["overlay", De]]);
 //#endregion
 //#region src/transition/partTransition/createPartTransition.ts
-function De({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
+function Oe({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
 	return {
 		name: e,
 		initial: t,
@@ -1369,7 +1369,7 @@ function De({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
 }
 //#endregion
 //#region src/transition/partTransition/createRawPartTransition.ts
-function Oe({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, replaceOnEnter: a, replaceOnExit: o, popOnEnter: s, popOnExit: c, completedOnEnter: l, completedOnExit: u, options: d }) {
+function ke({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, replaceOnEnter: a, replaceOnExit: o, popOnEnter: s, popOnExit: c, completedOnEnter: l, completedOnExit: u, options: d }) {
 	return {
 		name: e,
 		initial: t,
@@ -1390,7 +1390,7 @@ function Oe({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, repla
 }
 //#endregion
 //#region src/transition/partTransition/partTransition.ts
-var I = /* @__PURE__ */ new Map(), L = {
+var F = /* @__PURE__ */ new Map(), I = {
 	"IDLE-true": "self",
 	"IDLE-false": "self",
 	"PUSHING-true": "initial",
@@ -1401,17 +1401,17 @@ var I = /* @__PURE__ */ new Map(), L = {
 	"POPPING-false": "PUSHING-false",
 	"COMPLETED-true": "self",
 	"COMPLETED-false": "self"
-}, ke = Object.keys(L), R = (e) => {
+}, Ae = Object.keys(I), L = (e) => {
 	if (!e) return 0;
 	let t = e.duration;
 	return typeof t == "number" && t >= 0 ? t : 0;
-}, z = (e) => e && typeof e.delay == "number" && e.delay > 0 ? e.delay : 0, Ae = (e, t) => {
-	let n = L[t];
+}, 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;
-}, B = (e, t) => {
-	let n = Ae(e, t);
+}, z = (e, t) => {
+	let n = je(e, t);
 	if (n === null) return null;
-	let r = e.variants[t], i = R(r.options), a = z(r.options);
+	let r = e.variants[t], i = L(r.options), a = R(r.options);
 	return i <= 0 && a <= 0 ? null : {
 		from: n,
 		to: r.value,
@@ -1419,7 +1419,7 @@ var I = /* @__PURE__ */ new Map(), L = {
 		delay: a,
 		ease: r.options?.ease
 	};
-}, je = ke, Me = (e) => e.replace(/[^a-zA-Z0-9_-]/g, "_"), Ne = (e) => typeof e == "object" && !!e && !Array.isArray(e), Pe = 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(".")), Fe = (e, t) => t.startsWith("--") || Pe.has(t) ? `${e}` : t === "rotate" || t === "rotateX" || t === "rotateY" || t === "rotateZ" ? `${e}deg` : `${e}px`, Ie = (e, t) => typeof t == "number" ? Fe(t, e) : typeof t == "string" ? t : "", Le = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), Re = new Set([
+}, 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([
 	"x",
 	"y",
 	"z",
@@ -1430,7 +1430,7 @@ var I = /* @__PURE__ */ new Map(), L = {
 	"rotateX",
 	"rotateY",
 	"rotateZ"
-]), ze = /^-?0(\.0+)?(px|%|em|rem|vh|vw|vmin|vmax)?$/, Be = /^-?0(\.0+)?(deg|rad|grad|turn)?$/, Ve = /^1(\.0+)?$/, He = (e, t) => e === "scale" || e === "scaleX" || e === "scaleY" ? t === 1 ? !0 : typeof t == "string" ? Ve.test(t.trim()) : !1 : e === "rotate" || e === "rotateX" || e === "rotateY" || e === "rotateZ" ? t === 0 ? !0 : typeof t == "string" ? Be.test(t.trim()) : !1 : t === 0 ? !0 : typeof t == "string" ? ze.test(t.trim()) : !1, Ue = (e, t) => {
+]), 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) => {
 	switch (e) {
 		case "x": return `translate3d(${t}, 0, 0)`;
 		case "y": return `translate3d(0, ${t}, 0)`;
@@ -1444,16 +1444,16 @@ var I = /* @__PURE__ */ new Map(), L = {
 		case "rotateY": return `rotateY(${t})`;
 		default: return "";
 	}
-}, We = (e) => {
+}, Ge = (e) => {
 	let t = /* @__PURE__ */ new Map(), n = !1, r = /* @__PURE__ */ new Set(), i = (e) => {
-		if (!Ne(e)) return;
+		if (!Pe(e)) return;
 		let n = [];
 		for (let r of Object.keys(e)) {
-			let i = e[r], a = Ie(r, i);
-			if (a !== "") if (Re.has(r)) n.push(`${r}:${a}`);
+			let i = e[r], a = Le(r, i);
+			if (a !== "") if (ze.has(r)) n.push(`${r}:${a}`);
 			else {
-				let e = t.get(Le(r)) ?? /* @__PURE__ */ new Set();
-				e.add(a), t.set(Le(r), e);
+				let e = t.get(Re(r)) ?? /* @__PURE__ */ new Set();
+				e.add(a), t.set(Re(r), e);
 			}
 		}
 		r.add(n.sort().join("|"));
@@ -1463,13 +1463,13 @@ var I = /* @__PURE__ */ new Map(), L = {
 	n = r.size > 1;
 	let a = Array.from(t.entries()).filter(([, e]) => e.size > 1).map(([e]) => e);
 	return n && a.push("transform"), a;
-}, V = (e) => {
-	if (!Ne(e)) return [];
+}, B = (e) => {
+	if (!Pe(e)) return [];
 	let t = [], n = !0, r = [];
 	for (let i of Object.keys(e)) {
-		let a = e[i], o = Ie(i, a);
-		o !== "" && (Re.has(i) ? (t.push(Ue(i, o)), He(i, a) || (n = !1)) : r.push({
-			property: Le(i),
+		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),
 			value: o
 		}));
 	}
@@ -1477,7 +1477,7 @@ var I = /* @__PURE__ */ new Map(), L = {
 		property: "transform",
 		value: n ? "none" : t.join(" ")
 	}), r;
-}, H = (e) => e.map((e) => `  ${e.property}: ${e.value};`).join("\n"), U = (e) => Array.isArray(e) ? e.length === 4 && e.every((e) => typeof e == "number") ? `cubic-bezier(${e.join(", ")})` : "linear" : typeof e == "string" ? {
+}, 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" ? {
 	linear: "linear",
 	easeIn: "ease-in",
 	easeOut: "ease-out",
@@ -1487,29 +1487,29 @@ var I = /* @__PURE__ */ new Map(), L = {
 	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", Ge = (e, t) => {
+}[e] ?? "ease" : "ease", Ke = (e, t) => {
 	let [n, r] = t.split("-");
 	return `[data-flemo-screen][data-flemo-transition="${e}"][data-flemo-status="${n}"][data-flemo-active="${r}"]`;
-}, Ke = (e, t) => {
+}, qe = (e, t) => {
 	let [n, r] = t.split("-");
 	return `[data-flemo-decorator][data-flemo-decorator-name="${e}"][data-flemo-status="${n}"][data-flemo-active="${r}"]`;
-}, qe = (e, t) => {
+}, Je = (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"]`;
-}, Je = (e, t) => {
+}, Ye = (e, t) => {
 	let [n, r] = t.split("-");
 	return `[data-flemo-part-name="${e}"][data-flemo-status="${n}"][data-flemo-active="${r}"]`;
-}, Ye = (e, t, n) => `flemo-${e}-${Me(t)}-${n}`, Xe = (e, t, n, r, i, a) => {
-	let o = V(r), s = V(i.value), c = R(i.options), l = z(i.options), u = U(i.options?.ease), d = a(t, n), f = e === "screen" ? `${d},\n${qe(t, n)}` : d;
+}, 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;
 	if (s.length === 0 && o.length === 0) return "";
-	if (c <= 0 && l <= 0) return s.length === 0 ? "" : `${f} {\n${H(s)}\n  animation: none;\n}`;
-	let p = Ye(e, t, n), m = [
+	if (c <= 0 && l <= 0) return s.length === 0 ? "" : `${f} {\n${V(s)}\n  animation: none;\n}`;
+	let p = Xe(e, t, n), m = [
 		`@keyframes ${p} {`,
 		"  from {",
-		H(o).replace(/^/gm, "  "),
+		V(o).replace(/^/gm, "  "),
 		"  }",
 		"  to {",
-		H(s).replace(/^/gm, "  "),
+		V(s).replace(/^/gm, "  "),
 		"  }",
 		"}"
 	].join("\n"), h = [
@@ -1519,55 +1519,55 @@ var I = /* @__PURE__ */ new Map(), L = {
 		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") && Ze(r) && s.length > 0 ? `\n${d}[data-flemo-anim-hold="park"] {\n  animation: none;\n${H(s)}\n}` : ""}${e === "screen" && n.endsWith("-true") && (n.startsWith("PUSHING") || n.startsWith("REPLACING")) && Ze(r) && s.length > 0 ? `\n${d}[data-flemo-anim-hold="park-under"] {\n  animation: none;\n${H(s)}\n}` : ""}`;
-}, Ze = (e) => {
+	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}` : ""}`;
+}, 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);
-}, Qe = (e, t, n, r) => {
-	let i = V(r.value);
-	return i.length === 0 ? "" : `${e(t, n)} {\n${H(i)}\n}`;
-}, $e = (e, t, n = []) => {
+}, $e = (e, t, n, r) => {
+	let i = B(r.value);
+	return i.length === 0 ? "" : `${e(t, n)} {\n${V(i)}\n}`;
+}, et = (e, t, n = []) => {
 	let r = [];
 	for (let t of e) {
 		let e = t.name;
-		for (let n of ke) {
-			let i = t.variants[n], a = L[n];
+		for (let n of Ae) {
+			let i = t.variants[n], a = I[n];
 			if (a === "self") {
-				r.push(Qe(Ge, e, n, i));
+				r.push($e(Ke, e, n, i));
 				continue;
 			}
 			let o = a === "initial" ? t.initial : t.variants[a].value;
-			r.push(Xe("screen", e, n, o, i, Ge));
+			r.push(Ze("screen", e, n, o, i, Ke));
 		}
 	}
 	for (let e of t) {
 		let t = e.name;
-		for (let n of je) {
-			let i = e.variants[n], a = L[n];
+		for (let n of Me) {
+			let i = e.variants[n], a = I[n];
 			if (a === "self") {
-				r.push(Qe(Ke, t, n, i));
+				r.push($e(qe, t, n, i));
 				continue;
 			}
 			let o = a === "initial" ? e.initial : e.variants[a].value;
-			r.push(Xe("decorator", t, n, o, i, Ke));
+			r.push(Ze("decorator", t, n, o, i, qe));
 		}
 	}
 	for (let e of n) {
 		let t = e.name;
-		for (let n of je) {
-			let i = e.variants[n], a = L[n];
+		for (let n of Me) {
+			let i = e.variants[n], a = I[n];
 			if (a === "self") {
-				r.push(Qe(Je, t, n, i));
+				r.push($e(Ye, t, n, i));
 				continue;
 			}
 			let o = a === "initial" ? e.initial : e.variants[a].value;
-			r.push(Xe("part", t, n, o, i, Je));
+			r.push(Ze("part", t, n, o, i, Ye));
 		}
 	}
-	return [...r.filter((e) => e.length > 0), et].join("\n\n");
-}, et = [
+	return [...r.filter((e) => e.length > 0), tt].join("\n\n");
+}, tt = [
 	"[data-flemo-anim-hold=\"true\"],",
 	"[data-flemo-anim-hold=\"park\"],",
 	"[data-flemo-anim-hold=\"park-under\"],",
@@ -1576,41 +1576,41 @@ var I = /* @__PURE__ */ new Map(), L = {
 	"[data-flemo-anim-hold=\"park-under\"] [data-flemo-part-name] {",
 	"  animation-play-state: paused !important;",
 	"}"
-].join("\n"), tt = (e, t) => {
-	let n = L[t];
+].join("\n"), nt = (e, t) => {
+	let n = I[t];
 	if (n === "self") return !1;
-	let r = e.variants[t], i = R(r.options), a = z(r.options);
+	let r = e.variants[t], i = L(r.options), a = R(r.options);
 	if (i <= 0 && a <= 0) return !1;
-	let o = V(n === "initial" ? e.initial : e.variants[n].value), s = V(r.value);
+	let o = B(n === "initial" ? e.initial : e.variants[n].value), s = B(r.value);
 	return o.length > 0 || s.length > 0;
-}, nt = "data-flemo";
-function rt() {
+}, rt = "data-flemo";
+function it() {
 	if (d()) return;
-	let e = $e(M.values(), F.values(), I.values()), t = document.head.querySelector(`style[${nt}]`);
-	t || (t = document.createElement("style"), t.setAttribute(nt, ""), document.head.appendChild(t)), t.textContent !== e && (t.textContent = e);
+	let e = et(M.values(), P.values(), F.values()), t = document.head.querySelector(`style[${rt}]`);
+	t || (t = document.createElement("style"), t.setAttribute(rt, ""), document.head.appendChild(t)), t.textContent !== e && (t.textContent = e);
 }
 //#endregion
 //#region src/transition/registerTransitionDefinitions.ts
-var it = /* @__PURE__ */ new Map(), at = /* @__PURE__ */ new Map(), ot = /* @__PURE__ */ new Map(), st = (e, t) => {
+var at = /* @__PURE__ */ new Map(), ot = /* @__PURE__ */ new Map(), st = /* @__PURE__ */ new Map(), ct = (e, t) => {
 	e.set(t, (e.get(t) ?? 0) + 1);
-}, ct = (e, t) => {
+}, lt = (e, t) => {
 	let n = (e.get(t) ?? 1) - 1;
 	return n <= 0 ? (e.delete(t), !0) : (e.set(t, n), !1);
 };
-function lt(e, t, n = []) {
-	for (let t of e) M.set(t.name, t), st(it, t.name);
-	for (let e of t) F.set(e.name, e), st(at, e.name);
-	for (let e of n) I.set(e.name, e), st(ot, e.name);
-	return rt(), () => {
-		for (let t of e) ct(it, t.name) && M.delete(t.name);
-		for (let e of t) ct(at, e.name) && F.delete(e.name);
-		for (let e of n) ct(ot, e.name) && I.delete(e.name);
-		rt();
+function ut(e, t, n = []) {
+	for (let t of e) M.set(t.name, t), ct(at, t.name);
+	for (let e of t) P.set(e.name, e), ct(ot, e.name);
+	for (let e of n) F.set(e.name, e), ct(st, e.name);
+	return it(), () => {
+		for (let t of e) lt(at, t.name) && M.delete(t.name);
+		for (let e of t) lt(ot, e.name) && P.delete(e.name);
+		for (let e of n) lt(st, e.name) && F.delete(e.name);
+		it();
 	};
 }
 //#endregion
 //#region src/transition/enteringInitialStyle.ts
-function ut(e) {
+function dt(e) {
 	let { initial: t, isActive: n, status: r } = e;
 	if (!n || r !== "PUSHING" && r !== "REPLACING") return {};
 	let i = {};
@@ -1618,16 +1618,16 @@ function ut(e) {
 }
 //#endregion
 //#region src/transition/settleScrub.ts
-var dt = () => ({
+var ft = () => ({
 	request: (e) => requestAnimationFrame(e),
 	cancel: (e) => cancelAnimationFrame(e)
-}), ft = (e) => e.replace(/-([a-z])/g, (e, t) => t.toUpperCase()), pt = ((e = dt()) => {
+}), pt = (e) => e.replace(/-([a-z])/g, (e, t) => t.toUpperCase()), mt = ((e = ft()) => {
 	let t = /* @__PURE__ */ new Map(), n = null, r = () => {
 		t.size === 0 && n !== null && (e.cancel(n), n = null);
 	}, i = (e, n) => {
 		let i = t.get(e);
 		if (i) {
-			if (t.delete(e), clearTimeout(i.backstop), e.isConnected) if (n === "end") for (let e of i.decls) i.writeFinal(e);
+			if (t.delete(e), clearTimeout(i.backstop), e.isConnected && n !== "drop") if (n === "end") for (let e of i.decls) i.writeFinal(e);
 			else {
 				let t = getComputedStyle(e);
 				for (let e of i.decls) {
@@ -1654,7 +1654,7 @@ var dt = () => ({
 			if (typeof r.animate != "function") return null;
 			i(r, "current");
 			let l = {};
-			for (let e of o) l[ft(e.property)] = e.value;
+			for (let e of o) l[pt(e.property)] = e.value;
 			let u;
 			try {
 				u = r.animate([l], {
@@ -1681,13 +1681,64 @@ var dt = () => ({
 				t.set(r, l), n === null && (n = e.request(a));
 			});
 		},
-		takeover: (e) => i(e, "current")
+		takeover: (e) => i(e, "current"),
+		cancel: (e) => i(e, "drop")
+	};
+})(), ht = "flemo:motion-driver", gt = "flemo:motion-driver-force", _t = !1, vt = () => {
+	try {
+		if (typeof localStorage > "u") return null;
+		let e = localStorage.getItem(gt);
+		return e !== "css" && e !== "raf" ? null : (!_t && typeof console < "u" && (_t = !0, console.warn(`[flemo] motion driver pinned to "${e}" via localStorage ${gt}; remove the key to restore automatic selection.`)), e);
+	} catch {
+		return null;
+	}
+}, yt = () => ({
+	read: () => {
+		try {
+			return typeof localStorage < "u" ? localStorage.getItem(ht) : null;
+		} catch {
+			return null;
+		}
+	},
+	write: (e) => {
+		try {
+			typeof localStorage < "u" && localStorage.setItem(ht, e);
+		} catch {}
+	}
+}), bt = 30, xt = 2, St = 2, Ct = () => typeof navigator < "u" && !!navigator.userAgentData, U = ((e = yt(), t = Ct()) => {
+	let n = e.read() === "css", r = n;
+	n &&= !1;
+	let i = 0, a = 0, o = [];
+	return {
+		playerAllowed: () => {
+			let e = vt();
+			return e ? e === "raf" : t && !n;
+		},
+		beginRun: () => {
+			a = 0, o = [];
+		},
+		reportGap: (e) => {
+			o.push(e), e >= bt && (a += 1);
+		},
+		endRun: () => {
+			let t = a >= xt;
+			if (r) {
+				r = !1, t ? n = !0 : e.write("raf");
+				return;
+			}
+			t && (i += 1, i >= St && !n && (n = !0, e.write("css")));
+		},
+		stats: () => ({
+			runGaps: [...o],
+			strikes: i,
+			demoted: n
+		})
 	};
-})(), mt = (e) => typeof HTMLElement < "u" && e instanceof HTMLElement, W = /* @__PURE__ */ new WeakMap(), G = (e, t) => {
+})(), wt = (e) => typeof HTMLElement < "u" && e instanceof HTMLElement, W = /* @__PURE__ */ new WeakMap(), G = (e, t) => {
 	let n = W.get(e);
 	n || (n = /* @__PURE__ */ new Set(), W.set(e, n)), n.add(t);
 }, K = (e, t) => {
-	if (e.style.transition = "", t) {
+	if (mt.cancel(e), e.style.transition = "", t) {
 		let n = W.get(e);
 		for (let r of t) e.style.removeProperty(r), n?.delete(r);
 		return;
@@ -1700,22 +1751,22 @@ var dt = () => ({
 	}
 	e.style.removeProperty("transform"), e.style.removeProperty("opacity");
 }, q = (e, t, n = {}) => {
-	if (!mt(e)) return Promise.resolve();
-	let r = e, i = V(t);
+	if (!wt(e)) return Promise.resolve();
+	let r = e, i = B(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 = U(n.ease);
+	let a = typeof n.duration == "number" ? n.duration : 0, o = typeof n.delay == "number" && n.delay > 0 ? n.delay : 0, s = H(n.ease);
 	if (a <= 0 && o <= 0) {
-		pt.takeover(r), r.style.transition = "none";
+		mt.takeover(r), r.style.transition = "none";
 		for (let e of i) r.style.setProperty(e.property, e.value), G(r, e.property);
 		return Promise.resolve();
 	}
-	let c = pt.settle(r, i, {
+	let c = U.playerAllowed() ? mt.settle(r, i, {
 		durationMs: a * 1e3,
 		delayMs: o * 1e3,
 		easing: s
 	}, (e) => {
 		r.style.setProperty(e.property, e.value), G(r, e.property);
-	});
+	}) : null;
 	if (c) return c;
 	let l = i.map((e) => `${e.property} ${a}s ${s} ${o}s`).join(", ");
 	r.style.transition = l, r.offsetWidth;
@@ -1728,57 +1779,7 @@ var dt = () => ({
 		};
 		r.addEventListener("transitionend", i), setTimeout(n, (a + o) * 1e3 + 60);
 	});
-}, ht = "flemo:motion-driver", gt = "flemo:motion-driver-force", _t = !1, vt = () => {
-	try {
-		if (typeof localStorage > "u") return null;
-		let e = localStorage.getItem(gt);
-		return e !== "css" && e !== "raf" ? null : (!_t && typeof console < "u" && (_t = !0, console.warn(`[flemo] motion driver pinned to "${e}" via localStorage ${gt}; remove the key to restore automatic selection.`)), e);
-	} catch {
-		return null;
-	}
-}, yt = () => ({
-	read: () => {
-		try {
-			return typeof localStorage < "u" ? localStorage.getItem(ht) : null;
-		} catch {
-			return null;
-		}
-	},
-	write: (e) => {
-		try {
-			typeof localStorage < "u" && localStorage.setItem(ht, e);
-		} catch {}
-	}
-}), bt = 30, xt = 2, St = 2, J = ((e = yt()) => {
-	let t = e.read() === "css", n = t;
-	t &&= !1;
-	let r = 0, i = 0, a = [];
-	return {
-		playerAllowed: () => {
-			let e = vt();
-			return e ? e === "raf" : !t;
-		},
-		beginRun: () => {
-			i = 0, a = [];
-		},
-		reportGap: (e) => {
-			a.push(e), e >= bt && (i += 1);
-		},
-		endRun: () => {
-			let a = i >= xt;
-			if (n) {
-				n = !1, a ? t = !0 : e.write("raf");
-				return;
-			}
-			a && (r += 1, r >= St && !t && (t = !0, e.write("css")));
-		},
-		stats: () => ({
-			runGaps: [...a],
-			strikes: r,
-			demoted: t
-		})
-	};
-})(), Ct = (e, t, n, r) => {
+}, Tt = (e, t, n, r) => {
 	let i = (t) => 3 * (1 - t) * (1 - t) * t * e + 3 * (1 - t) * t * t * n + t ** 3, a = (e) => 3 * (1 - e) * (1 - e) * e * t + 3 * (1 - e) * e * e * r + e ** 3;
 	return (e) => {
 		if (e <= 0) return 0;
@@ -1790,7 +1791,7 @@ var dt = () => ({
 		}
 		return a((t + n) / 2);
 	};
-}, wt = (e) => e, Tt = {
+}, Et = (e) => e, Dt = {
 	ease: [
 		.25,
 		.1,
@@ -1845,16 +1846,16 @@ var dt = () => ({
 		.66,
 		-.56
 	]
-}, Et = (e) => {
+}, Ot = (e) => {
 	if (Array.isArray(e)) {
 		if (e.length === 4 && e.every((e) => typeof e == "number")) {
 			let [t, n, r, i] = e;
-			return Ct(t, n, r, i);
+			return Tt(t, n, r, i);
 		}
-		return wt;
+		return Et;
 	}
-	return typeof e == "string" ? e === "linear" ? wt : Ct(...Tt[e] ?? Tt.ease) : Ct(...Tt.ease);
-}, Dt = [
+	return typeof e == "string" ? e === "linear" ? Et : Tt(...Dt[e] ?? Dt.ease) : Tt(...Dt.ease);
+}, kt = [
 	"x",
 	"y",
 	"z",
@@ -1865,7 +1866,7 @@ var dt = () => ({
 	"rotateX",
 	"rotateY",
 	"rotateZ"
-], Ot = new Set(Dt), kt = {
+], At = new Set(kt), jt = {
 	x: 0,
 	y: 0,
 	z: 0,
@@ -1876,7 +1877,7 @@ var dt = () => ({
 	rotateX: 0,
 	rotateY: 0,
 	rotateZ: 0
-}, At = (e, t) => {
+}, Mt = (e, t) => {
 	if (typeof t == "number") return {
 		value: t,
 		unit: e === "x" || e === "y" || e === "z" ? "px" : ""
@@ -1895,26 +1896,26 @@ var dt = () => ({
 		value: i,
 		unit: a === "" && i === 0 ? "px" : a
 	};
-}, Y = /-?\d*\.?\d+/g, jt = (e, t) => {
-	let n = e.match(Y) ?? [], r = t.match(Y) ?? [];
-	if (n.length !== r.length || e.replace(Y, " ") !== t.replace(Y, " ")) return null;
+}, J = /-?\d*\.?\d+/g, Nt = (e, t) => {
+	let n = e.match(J) ?? [], r = t.match(J) ?? [];
+	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;
-		return e.replace(Y, () => {
+		return e.replace(J, () => {
 			let e = n++, r = i[e] + (a[e] - i[e]) * t;
 			return `${Math.round(r * 1e3) / 1e3}`;
 		});
 	};
-}, Mt = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), Nt = (e) => typeof e == "object" && !!e && !Array.isArray(e), Pt = (e) => Nt(e) ? Object.keys(e) : [], Ft = (e, t) => Nt(e) ? e[t] : void 0, It = (e, t) => {
-	let n = new Set([...Pt(e.from), ...Pt(e.to)]), r = [], i = null, a = [], o = [];
+}, Pt = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), Ft = (e) => typeof e == "object" && !!e && !Array.isArray(e), It = (e) => Ft(e) ? Object.keys(e) : [], Lt = (e, t) => Ft(e) ? e[t] : void 0, Rt = (e, t) => {
+	let n = new Set([...It(e.from), ...It(e.to)]), r = [], i = null, a = [], o = [];
 	for (let s of n) {
-		let n = Ft(e.from, s), c = Ft(e.to, s);
-		if (Ot.has(s)) {
+		let n = Lt(e.from, s), c = Lt(e.to, s);
+		if (At.has(s)) {
 			let e = s, i = {
-				value: kt[e],
+				value: jt[e],
 				unit: e === "x" || e === "y" || e === "z" ? "px" : ""
-			}, a = n === void 0 ? i : At(e, n), o = c === void 0 ? i : At(e, c);
+			}, a = n === void 0 ? i : Mt(e, n), o = c === void 0 ? i : Mt(e, c);
 			if (!a || !o || a.unit !== o.unit && a.value !== 0 && o.value !== 0) return null;
 			let l = a.value === 0 && a.unit !== o.unit ? o.unit : a.unit, u = l === "%", d = 0;
 			u && t && (d = e === "y" ? t.offsetHeight / 100 : t.offsetWidth / 100), r.push({
@@ -1945,15 +1946,15 @@ var dt = () => ({
 		if (typeof l != "string" || typeof u != "string") return null;
 		if (l === u) {
 			o.push({
-				property: Mt(s),
+				property: Pt(s),
 				value: l
 			});
 			continue;
 		}
-		let d = jt(l, u);
+		let d = Nt(l, u);
 		if (!d) return null;
 		a.push({
-			property: Mt(s),
+			property: Pt(s),
 			mix: d
 		});
 	}
@@ -1963,46 +1964,46 @@ var dt = () => ({
 		strings: a,
 		constants: o
 	};
-}, Lt = 1, Rt = (e, t, n, r) => {
+}, zt = 1, Bt = (e, t, n, r) => {
 	let i = 0, a = 0, o = !1, s = [], c = !0;
-	for (let l of Dt) {
+	for (let l of kt) {
 		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 >= Lt) && 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 >= zt) && 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;
 		}
-		let f = kt[l];
+		let f = jt[l];
 		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(" ");
-}, zt = (e) => e.replace(/-([a-z])/g, (e, t) => t.toUpperCase()), Bt = (e) => {
+}, Vt = (e) => e.replace(/-([a-z])/g, (e, t) => t.toUpperCase()), Ht = (e) => {
 	let t = {};
-	for (let n of V(e)) t[zt(n.property)] = n.value;
+	for (let n of B(e)) t[Vt(n.property)] = n.value;
 	return t;
-}, Vt = (e, t) => {
+}, Ut = (e, t) => {
 	if (typeof e.animate != "function") return null;
 	try {
-		let n = e.animate([Bt(t.from), Bt(t.to)], {
+		let n = e.animate([Ht(t.from), Ht(t.to)], {
 			duration: Math.max(0, t.duration * 1e3),
 			delay: Math.max(0, t.delay * 1e3),
-			easing: U(t.ease),
+			easing: H(t.ease),
 			fill: "both"
 		});
 		return n.pause(), n.currentTime = 0, n;
 	} catch {
 		return null;
 	}
-}, Ht = () => ({
+}, Wt = () => ({
 	request: (e) => requestAnimationFrame(e),
 	cancel: (e) => cancelAnimationFrame(e),
 	devicePixelRatio: () => typeof window < "u" && window.devicePixelRatio || 1
-}), X = ((e = Ht()) => {
+}), Y = ((e = Wt()) => {
 	let t = /* @__PURE__ */ new Map(), n = {
 		join: (n, r) => {
-			let i = It(r.motion, r.element), s = i ? null : Vt(r.element, r.motion);
+			let i = Rt(r.motion, r.element), s = i ? null : Ut(r.element, r.motion);
 			if (!i && !s) return null;
 			let c = t.get(n);
 			c || (c = {
@@ -2029,7 +2030,7 @@ var dt = () => ({
 				for (let e of i.constants) G(l.element, e.property);
 				a(l, 0);
 			}
-			return r.role === "active" && !c.started && (c.started = !0, J.beginRun(), o(n, c)), () => {
+			return r.role === "active" && !c.started && (c.started = !0, U.beginRun(), o(n, c)), () => {
 				l.detached = !0, l.scrub?.cancel(), K(l.element);
 				let r = t.get(n);
 				r && (r.tracks = r.tracks.filter((e) => e !== l), r.tracks.length === 0 && (r.frameHandle !== null && e.cancel(r.frameHandle), t.delete(n)));
@@ -2045,13 +2046,13 @@ var dt = () => ({
 		}
 	}, r = /* @__PURE__ */ new WeakMap(), i = (e) => {
 		let t = r.get(e);
-		return t || (t = Et(e.motion.ease), r.set(e, t)), t;
+		return t || (t = Ot(e.motion.ease), r.set(e, t)), t;
 	};
 	function a(t, n) {
 		let { element: r, parsed: i } = t;
 		if (!(!i || !r.isConnected)) {
 			if (i.transforms.length > 0) {
-				let a = Rt(i.transforms, n, e.devicePixelRatio(), t.snapMemory);
+				let a = Bt(i.transforms, n, e.devicePixelRatio(), t.snapMemory);
 				a !== "" && (r.style.transform = a);
 			}
 			if (i.opacity) {
@@ -2068,7 +2069,7 @@ var dt = () => ({
 		});
 	}
 	function s(e, r, s) {
-		r.startTime === null && (r.startTime = s), r.lastTime !== null && (J.reportGap(s - r.lastTime), n.onFrameGap?.(s - r.lastTime)), r.lastTime = s;
+		r.startTime === null && (r.startTime = s), r.lastTime !== null && (U.reportGap(s - r.lastTime), n.onFrameGap?.(s - r.lastTime)), r.lastTime = s;
 		let c = !0;
 		for (let e of r.tracks) {
 			if (e.completed || e.detached) continue;
@@ -2082,14 +2083,14 @@ var dt = () => ({
 			a(e, i(e)(l)), l >= 1 ? (e.completed = !0, e.onComplete?.()) : c = !1;
 		}
 		if (c) {
-			J.endRun(), t.delete(e);
+			U.endRun(), t.delete(e);
 			return;
 		}
 		o(e, r);
 	}
 	return n;
 })();
-X.onFrameGap = (e) => {
+Y.onFrameGap = (e) => {
 	if (typeof window < "u") {
 		let t = window.__flemoPlayerGaps ??= [];
 		t.push(Math.round(e * 10) / 10), t.length > 600 && t.splice(0, t.length - 600);
@@ -2097,26 +2098,26 @@ X.onFrameGap = (e) => {
 };
 //#endregion
 //#region src/core/engine/types.ts
-var Z = "data-flemo-skip-animation", Q = () => {}, Ut = "data-flemo-part-name", Wt = (e) => {
+var X = "data-flemo-skip-animation", Z = () => {}, Gt = "data-flemo-part-name", Kt = (e) => {
 	let t = e.parentElement ?? e;
-	return Array.from(t.querySelectorAll(`[${Ut}]`)).filter((n) => {
+	return Array.from(t.querySelectorAll(`[${Gt}]`)).filter((n) => {
 		let r = n.closest("[data-flemo-screen]");
 		return !r || r === e || !t.contains(r);
 	});
-}, Gt = (e, t) => {
+}, qt = (e, t) => {
 	let [n, r] = t.split("-");
-	return Wt(e).filter((e) => e.getAttribute("data-flemo-status") === n && e.getAttribute("data-flemo-active") === r);
+	return Kt(e).filter((e) => e.getAttribute("data-flemo-status") === n && e.getAttribute("data-flemo-active") === r);
 };
-function Kt(e) {
+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) => {
 			let s = e.getTransitionTaskId();
-			if (!s || o.pendingTaskIds.some((e) => e !== s) || !J.playerAllowed()) return null;
+			if (!s || o.pendingTaskIds.some((e) => e !== s) || !U.playerAllowed()) return null;
 			let { scope: c, decorator: l, bars: u } = n();
 			if (!c) return null;
-			let d = N(r), f = B(d, t);
+			let d = we(r), f = z(d, t);
 			if (!f) return null;
-			let p = [], m = X.join(s, {
+			let p = [], m = Y.join(s, {
 				element: c,
 				motion: f,
 				role: i,
@@ -2126,7 +2127,7 @@ function Kt(e) {
 			p.push(m);
 			for (let e of u ?? []) {
 				if (!e || e.getAttribute("data-flemo-bar-riding") !== "true") continue;
-				let t = X.join(s, {
+				let t = Y.join(s, {
 					element: e,
 					motion: f,
 					role: "passive"
@@ -2134,9 +2135,9 @@ function Kt(e) {
 				t && p.push(t);
 			}
 			if (l && d.decoratorName) {
-				let e = F.get(d.decoratorName), n = e ? B(e, t) : null;
+				let e = P.get(d.decoratorName), n = e ? z(e, t) : null;
 				if (n) {
-					let e = X.join(s, {
+					let e = Y.join(s, {
 						element: l,
 						motion: n,
 						role: "passive"
@@ -2144,10 +2145,10 @@ function Kt(e) {
 					e && p.push(e);
 				}
 			}
-			for (let e of Gt(c, t)) {
-				let n = I.get(e.getAttribute(Ut)), r = n ? B(n, t) : null;
+			for (let e of qt(c, t)) {
+				let n = F.get(e.getAttribute(Gt)), r = n ? z(n, t) : null;
 				if (!r) continue;
-				let i = X.join(s, {
+				let i = Y.join(s, {
 					element: e,
 					motion: r,
 					role: "passive"
@@ -2161,38 +2162,38 @@ function Kt(e) {
 				let { scope: e, decorator: t, bars: r } = n();
 				if (e) {
 					K(e);
-					for (let t of Wt(e)) K(t);
+					for (let t of Kt(e)) K(t);
 				}
 				t && K(t);
 				for (let e of r ?? []) e && K(e);
-				return Q;
+				return Z;
 			}
 			if (a === "REPLACING" && i !== r && e.setReplaceTransitionStatus("PENDING"), l && c) {
 				let e = u(`${a}-false`, "passive");
 				if (e) return e;
 			}
-			return Q;
+			return Z;
 		}
 		if (a === "COMPLETED") {
 			e.setDragStatus("IDLE"), e.setReplaceTransitionStatus("IDLE");
 			let { scope: t, decorator: r, bars: i } = n();
 			if (t) {
-				K(t), t.removeAttribute(Z);
-				for (let e of Wt(t)) K(e);
+				K(t), t.removeAttribute(X);
+				for (let e of Kt(t)) K(e);
 			}
-			r && (K(r), r.removeAttribute(Z));
+			r && (K(r), r.removeAttribute(X));
 			for (let e of i ?? []) e && (K(e), e.style.removeProperty("will-change"));
-			return Q;
+			return Z;
 		}
-		if (a === "IDLE") return Q;
+		if (a === "IDLE") return Z;
 		let { scope: d } = n();
-		if (!d) return Q;
+		if (!d) return Z;
 		let f = () => {
 			let t = e.getTransitionTaskId();
 			t && o.resolveTask(t);
-		}, p = N(r), m = `${a}-true`, h = d.getAttribute(Z) === "true";
-		if (!(!h && tt(p, m))) return queueMicrotask(f), Q;
-		let g = B(p, m), _ = !h && !!g, v = Ye("screen", r, m), y = (e) => {
+		}, 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());
 		};
 		d.addEventListener("animationend", y);
@@ -2204,20 +2205,20 @@ function Kt(e) {
 }
 //#endregion
 //#region src/utils/findScrollable.ts
-function qt(e, t) {
-	let { direction: n = "x", markerSelector: r = "[data-swipe-at-edge]", depthLimit: i = 24, verifyByScroll: a = !1 } = t ?? {}, o = Jt(e);
+function Yt(e, t) {
+	let { direction: n = "x", markerSelector: r = "[data-swipe-at-edge]", depthLimit: i = 24, verifyByScroll: a = !1 } = t ?? {}, o = Xt(e);
 	if (!o) return {
 		element: null,
 		hasMarker: !1
 	};
 	let s = o.closest?.(r);
-	if (s instanceof HTMLElement && $(s, n) && (!a || Yt(s, n))) return {
+	if (s instanceof HTMLElement && Q(s, n) && (!a || $(s, n))) return {
 		element: s,
 		hasMarker: !0
 	};
 	let c = o, l = 0;
 	for (; c && l < i;) {
-		if ($(c, n) && (!a || Yt(c, n))) return {
+		if (Q(c, n) && (!a || $(c, n))) return {
 			element: c,
 			hasMarker: !1
 		};
@@ -2228,7 +2229,7 @@ function qt(e, t) {
 		hasMarker: !1
 	};
 }
-function Jt(e) {
+function Xt(e) {
 	if (!e) return null;
 	let t = e, n = typeof t.composedPath == "function" ? t.composedPath() : void 0;
 	if (n && n.length) {
@@ -2236,18 +2237,18 @@ function Jt(e) {
 	}
 	return e instanceof HTMLElement ? e : null;
 }
-function $(e, t) {
+function Q(e, t) {
 	return t === "y" ? e.scrollHeight - e.clientHeight > 1 : e.scrollWidth - e.clientWidth > 1;
 }
-function Yt(e, t) {
-	if (!$(e, t) || typeof window > "u") return !1;
+function $(e, t) {
+	if (!Q(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";
 }
 //#endregion
 //#region src/core/engine/createSwipeController.ts
-var Xt = "data-flemo-skip-animation";
-function Zt(e) {
+var Zt = "data-flemo-skip-animation";
+function Qt(e) {
 	let t = null, n = null, r = {
 		current: [],
 		prev: []
@@ -2309,7 +2310,7 @@ function Zt(e) {
 			current: i,
 			prev: s
 		};
-		let c = We(e.getTransition()).join(", ");
+		let c = Ge(e.getTransition()).join(", ");
 		for (let e of i) e.style.willChange = c;
 		for (let e of s) e.style.willChange = c;
 	}, b = () => {
@@ -2327,7 +2328,7 @@ function Zt(e) {
 		};
 	}, S = (e, t, n) => {
 		let r = (r, i) => {
-			let a = I.get(r.getAttribute("data-flemo-part-name"));
+			let a = F.get(r.getAttribute("data-flemo-part-name"));
 			if (!a) return;
 			let o = {
 				animate: q,
@@ -2410,15 +2411,13 @@ function Zt(e) {
 				}), S("end", e, 0);
 			}
 		})) {
-			c?.setAttribute(Xt, "true"), l?.setAttribute(Xt, "true");
+			c?.setAttribute(Zt, "true"), l?.setAttribute(Zt, "true");
 			for (let e of r.current) e.style.removeProperty("will-change");
 			for (let e of r.prev) K(e), e.style.removeProperty("will-change");
 			r = {
 				current: [],
 				prev: []
-			};
-			for (let e of i.prev) K(e);
-			i = {
+			}, i = {
 				current: [],
 				prev: []
 			}, e.back();
@@ -2426,10 +2425,10 @@ function Zt(e) {
 	};
 	return {
 		pointerDown: (t) => {
-			e.isReadyForDrag() && (f = qt(t.target, {
+			e.isReadyForDrag() && (f = Yt(t.target, {
 				direction: "x",
 				verifyByScroll: !0
-			}), p = qt(t.target, {
+			}), p = Yt(t.target, {
 				direction: "y",
 				verifyByScroll: !0
 			}), m = t.clientX, h = t.clientY, (!f.element && !p.element || f.element || p.element) && (a = !0));
@@ -2458,7 +2457,7 @@ function Zt(e) {
 }
 //#endregion
 //#region src/screen/computeBarRiding.ts
-function Qt(e) {
+function $t(e) {
 	return !(e.status === "PUSHING" || e.status === "POPPING" || e.status === "REPLACING") || !e.isTopOrTopPrev ? {
 		app: !1,
 		nav: !1
@@ -2469,24 +2468,24 @@ function Qt(e) {
 }
 //#endregion
 //#region src/screen/animStartAnchor.ts
-function $t(e) {
+function en(e) {
 	return !(e.status === "PUSHING" || e.status === "POPPING" || e.status === "REPLACING") || !e.isTopOrTopPrev ? null : `${e.status}:${e.transitionName}`;
 }
-var en = 300, tn = 20;
-function nn(e) {
-	return Array.from(e.querySelectorAll("img")).filter((e) => e.complete && typeof e.decode == "function").slice(0, tn);
-}
+var tn = 300, nn = 20;
 function rn(e) {
-	if (!(!e || typeof e.querySelectorAll != "function")) for (let t of nn(e)) t.decode().catch(() => {});
+	return Array.from(e.querySelectorAll("img")).filter((e) => e.complete && typeof e.decode == "function").slice(0, nn);
+}
+function an(e) {
+	if (!(!e || typeof e.querySelectorAll != "function")) for (let t of rn(e)) t.decode().catch(() => {});
 }
-function an(e, t = {}) {
+function on(e, t = {}) {
 	let n = !1, r = 0, i = [], a = () => {
 		let r = t.scope;
 		if (!r || typeof r.querySelectorAll != "function") {
 			e();
 			return;
 		}
-		let i = nn(r);
+		let i = rn(r);
 		if (i.length === 0) {
 			e();
 			return;
@@ -2512,7 +2511,7 @@ function an(e, t = {}) {
 }
 //#endregion
 //#region src/screen/observeBarHeight.ts
-function on(e, t) {
+function sn(e, t) {
 	e.offsetHeight > 0 && t(e.offsetHeight);
 	let n = new ResizeObserver(([e]) => {
 		e.contentRect.height > 0 && t(e.contentRect.height);
@@ -2523,14 +2522,14 @@ function on(e, t) {
 }
 //#endregion
 //#region src/screen/observeViewportScrollHeight.ts
-var sn = 0;
-function cn(e) {
+var cn = 0;
+function ln(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 - sn;
-			n = n < 0 ? 0 : n, sn ||= t, e(t, n);
+			let n = t - cn;
+			n = n < 0 ? 0 : n, cn ||= t, e(t, n);
 		});
 	};
 	return window.visualViewport?.addEventListener("resize", n), window.visualViewport?.addEventListener("scroll", n), () => {
@@ -2539,7 +2538,7 @@ function cn(e) {
 }
 //#endregion
 //#region src/utils/isOpaqueColor.ts
-function ln(e) {
+function un(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;
@@ -2550,7 +2549,7 @@ function ln(e) {
 }
 //#endregion
 //#region src/utils/buildRoutePath.ts
-function un(e, n) {
+function dn(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}` : ""}`,
@@ -2558,4 +2557,4 @@ function un(e, n) {
 	};
 }
 //#endregion
-export { en as ANIM_HOLD_RELEASE_BACKSTOP_MS, Z as SKIP_ANIMATION_ATTR, o as TaskManger, $t as animHoldKey, q as animateInline, Ye as animationName, oe as appendParamsQuery, rt as applyTransitionStyles, un as buildRoutePath, Yt as canProgrammaticallyScroll, K as clearInlineAnimation, We as collectAnimatedProperties, $e as compileTransitionStyles, Qt as computeBarRiding, ge as computeScreenFreeze, y as consumeSelfInducedPop, h as createBrowserHistoryDriver, we as createDecorator, s as createHistoryStore, b as createHistorySync, ne as createMemoryHistoryDriver, re as createNavigateStore, ie as createNavigationController, De as createPartTransition, Te as createRawDecorator, Oe as createRawPartTransition, _e as createRawTransition, me as createRouterScope, he as createScreenSelector, de as createScreenStore, g as createSelfPopGuard, se as createStepController, Zt as createSwipeController, j as createTransition, Kt as createTransitionEngine, le as createTransitionStore, ye as cupertino, F as decoratorMap, rn as eagerlyDecodeImages, U as easingToCss, ee as ensureScopeHistorySync, f as ensureWindowHistoryState, ut as enteringInitialStyle, qt as findScrollable, c as getMatchedPathPattern, l as getParams, ln as isOpaqueColor, d as isServer, xe as layout, v as markSelfInducedPop, ue as matchesPathname, Se as material, Ce as none, on as observeBarHeight, cn as observeViewportScrollHeight, $ as overflowsAxis, Ee as overlay, I as partTransitionMap, ae as readStepParams, lt as registerTransitionDefinitions, te as releaseScopeHistorySync, N as resolveTransition, an as scheduleAnimHoldRelease, u as seedInitialHistory, p as seedRouterEntry, ce as subscribeStepParamsRestore, V as targetToDecls, M as transitionMap, tt 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, 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 };

package/dist/transition/settleScrub.d.ts

@@ -12,6 +12,7 @@ export type SettleWrite = (decl: CssDecl) => void;
 export interface SettleScrubber {
     settle: (element: HTMLElement, decls: CssDecl[], timing: SettleTiming, writeFinal: SettleWrite) => Promise<void> | null;
     takeover: (element: HTMLElement) => void;
+    cancel: (element: HTMLElement) => void;
 }
 export declare const createSettleScrubber: (scheduler?: SettleScheduler) => SettleScrubber;
 declare const settleScrubber: SettleScrubber;

package/package.json

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